@charset"UTF-8";

/*============
UnderArticle_Header
==============*/
.underArticle_header{
  background-image: url(../image/TxtbackImg/BackImgTxt.png);
  background-size: 100%;
  background-repeat: no-repeat;
  PADDING: 35% 0 35%;
}

.underArticleHeader_title{
  color: var(--primary-brown);
  text-align: center;
  font-family: "Kaisei Opti";
  font-size: 2.3rem;
  font-weight: 700;
}

.underArticleHeader_subitle{
  color: var(--primary-maingreen);
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}

/*UnderArticle_Header PC 769px*/
@media screen and (min-width: 769px) {
.underArticle_header{
  background-image: url(../image/TxtbackImg/backimgTxt-PC.png);
  background-position: center;
  padding: 24% 0 23%;
}

.underArticleHeader_title{
  font-size: 4rem;
}

.underArticleHeader_subitle{
  font-size: 2.4rem;
}
}
/*UnderArticle_Header PC 769px*/

/*============
Overview
==============*/
.overviewTitlImg_PC_yellow{
  display: none;
}

.overviewTitlImg_PC_pink{
  display: none;
}

.overview{
  padding: 10px 5.3%;
}

.overviewTitle{
  color: var(--primary-brown);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
  position: relative;
  text-align: center;
}

.overviewTitle::after{
  position: absolute;
  content: '';
  width: 250px;
  height: 32px;
  display: inline-block;
  background-image: url(../image/Bird/UnderBird.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -50px;
  left: 16%;
}

.greenDot{
  text-emphasis: filled circle var(--primary-maingreen);
}

.overviewTxt{
  margin-top: 80px;
  color: var(--primary-brown);
  font-size: 1.4rem;
}

/*Overview PC 769px*/
@media screen and (min-width: 769px) {
.br_pc{
  display: block;
}

.overviewTitle{
  font-size: 3rem;
  margin-top: -100px
}

.overviewTxt{
  font-size: 1.8rem;
  padding: 58px 25%;
  margin-top: 0;
}

.overviewTitleBox{
  display: flex;
  align-items: center;
  justify-content: center;
}

  .overviewTitlImg_PC_yellow{
  display: block;
  width: 8%;
  transform:scale(-1,1) rotate(30deg);
  margin-right: 5%;
  margin-top: -90px;
}
  
.overviewTitlImg_PC_pink{
  display: block;
  width: 8%;
  transform: rotate(30deg);
  margin-left: 5%;
  margin-top: -90px;
}

.overviewTitle::after{
  display: none;
}
}
/*Overview PC 769px*/

/*============
Event
==============*/
.event{
  padding: 0 5.3%;
}

.mainEvent_listContents{
  margin:10px auto;
}

/*EventList写真ふわっと表示*/
.mainEvent_item{
  opacity: 0; /* 最初は非表示にしておく */
  transition: all 2s; /* 動きを滑らかに */
}
/* フェードイン用のクラス */
.mainEvent_itemfadeIn {
  opacity: 1;
}
/*EventListふわっと表示end*/

.mainEvent_item{
  margin-top: 40px;
  position: relative;
}

.mainEvent_item::before{
  position: absolute;
  content: '';
  background-image: url(../image/Bird/BirdPink.png);
  width: 18%;
  height: 18%;
  transform: rotate(30deg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  top: -5%;
  right: 5%;
}

.mainEvent_item::after{
  position: absolute;
  content: '';
  background-image: url(../image/Watage/Watage2-1.png);
  width: 18%;
  height: 18%;
  transform: rotate(-5deg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  bottom: 35%;
  left: 0;
}

.mainEvent_item--art{
  margin-top: 80px;
}

.mainEvent_item--yoga{
  margin-top: 90px;
  position: relative;
}

.mainEvent_item--yoga::after{
  position: absolute;
  position: absolute;
  content: '';
  background-image: url(../image/Bird/BirdYellow.png);
  width: 18%;
  height: 18%;
  transform: rotate(-40deg) scale(-1,1);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  bottom: 35%;
  left: 0;
}

.mainEvent_item--yoga::before{
  position: absolute;
  content: '';
  background-image: url(../image/Watage/Watage2-1.png);
  width: 18%;
  height: 18%;
  transform: rotate(-4deg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  top: -8%;
  right: 5%;
}

.mainEvent_img{
  display: block;
  width: 300px;
  margin: 0 auto;
  position: relative;
}

.mainEvent_img::before{
  position: absolute;
  content: '1~2回/月';
  background: var(--primary-maingreen);
  top: -23px;
  left: -9px;
  border-radius: 100%;
  border: solid #fff 4px;
  color: #fff;
  font-size: 1.6rem;
  padding: 30px 10px;
}

.mainEvent_item--art{
  position: relative;
  margin-top: 90px;
}

.mainEvent_item--art::before{
  position: absolute;
  content: '';
  background-image: url(../image/Bird/BirdPink.png);
  width: 18%;
  height: 18%;
  transform: rotate(30deg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  top: -5%;
  right: 5%;
}

.mainEvent_item--art::after {
  position: absolute;
  content: '';
  background-image: url(../image/Watage/Watage2-1.png);
  width: 18%;
  height: 18%;
  transform: rotate(-5deg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  bottom: 35%;
  left: 0;
}

.mainEvent_img--art{
  position: relative;
  display: block;
  width: 300px;
  margin: 0 auto;
}

.mainEvent_img--art::before{
  position: absolute;
  content: '2回/月';
  background: var(--primary-maingreen);
  top: -10px;
  left: -9px;
  border-radius: 100%;
  border: solid #fff 4px;
  color: #fff;
  font-size: 1.6rem;
  padding: 30px 20px;
}

.mainEvent_name{
  margin-top: 40px;
  color: var(--primary-brown);
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}

.mainEvent_subject{
  margin-top: 20px;
  color: var(--primary-brown);
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
}

/*Event PC 769px*/
@media screen and (min-width: 769px) {
.activity_contents{
  padding: 0 6.9%;
}

.Br_Sp{
  display: none;
}
  
.activity01{
  margin-top: 60px;
  display: flex;
  gap: 60px;
  align-items: center;
}

.mainEvent_title{
  margin-top: 50px;
  padding: 120px 10px 120px 10px;
  font-size: 2.8rem;
  background-size: 100%;
}

.mainEvent_titleBack{
  position: relative;
  width: 135%;
  margin: 0 auto;
}
  
.mainEvent_titleBack::before{
  top: 0;
  left: 10px;
  content: '01';
  font-size: 13rem;
}
  
.mainEvent_titleBack::after{
  width: 30%;
  height:30%;
  bottom: 0;
  right:-13%;
}

.mainEvent_txt{
  padding: 128px 0;
  font-size: 1.6rem;
  font-weight: 400;
}

.mainEvent_listContents{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px
}
  
.mainEvent_item{
  margin-top: 0;
}
  
.mainEvent_item--yoga{
  margin-top: 0;
}
  
.mainEvent_item--art{
  margin-top: 0;
}

.mainEvent_img{
  display: block;
  width: 25vw;
  margin: 0 auto;
  position: relative;
}

.mainEvent_img--art{
  display: block;
  width: 25vw;
  margin: 0 auto;
  position: relative;
}

.mainEvent_img::before{
  top: -24px;
  left: 5px;
  padding: 40px 20px;
}

.mainEvent_img--art::before{
  top: -24px;
  left: 5px;
  padding: 40px 28px;
}

.activity_btn{
  font-size: 1.8rem;
}

.mainEvent_item::before {
  width: 20%;
  top:-5%;
  right:0;
}

.mainEvent_item::after{
  width: 20%;
  bottom: 35%;
  left: 0;
}

.mainEvent_item--yoga::before{
  width: 20%;
  top: -10%;
  right: 0;
}

.mainEvent_item--yoga::after{
  width: 20%;
  bottom: 33%;
  left: 0;
}

.mainEvent_item--art::before{
  width: 20%;
  top:-5%;
  right:0;
}

.mainEvent_item--art::after{
  width: 20%;
  bottom: 35%;
  left: 0;
}
}
/*Event PC 769px*/

/*LINE CVA*/
.line_conversion{
  background-color: #FFF;
  padding: 30px 6.4%;
  margin-top: 40px;
  border-radius: 10px;
  position: relative;
}

.line_conversion::before{
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 10px;
  border: 2px solid var(--primary-maingreen);
  pointer-events: none;
}

.line_title{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.blue{
  border-radius: 100px;
  background-color: var(--primary-maingreen);
  width: 10px;
  height: 10px;
}

.yellow{
  margin-top: 10px;
  border-radius: 100px;
  background-color: var(--primary-yellow);
  width: 10px;
  height: 10px;
}

.pink{
  margin-top: 10px;
  border-radius: 100px;
  background-color: var(--primary-pink);
  width: 10px;
  height: 10px;
}

.line_conversionTitle{
  color: var(--primary-brown);
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  width: fit-content
}

.line_conversionTxt{
  margin-top:20px;
  color: var(--primary-brown);
  font-size: 1.4rem;
}

.line_conversionTxtmore{
  margin-top:15px;
  color: var(--primary-brown);
  font-size: 1.4rem;
}

.line_conversionBtn{
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 700;
  background-color: var(--primary-maingreen);
  border-radius: 50px;
  display: flex;
  width: 74vw;
  padding: 12px 50px;
  justify-content: center;
  align-items: center;
  margin: 30px auto 0;
}

.line_conversionBtn:hover{
  background:#FFF;
  color:var(--primary-maingreen);
  border: 2px solid var(--primary-maingreen);
  transition: 0.4s;
}

/*LINE CVA PC 769px*/
@media screen and (min-width: 769px) {
.line_conversion{
  padding: 50px 0;
  margin: 67px 7% 0;
  border-radius: 10px;
  position: relative;
}
  
.line_decoration{
  display: flex;
  align-items:baseline;
  justify-content: space-between;
  gap: 16px;
}
  
.blue{
  width: 20px;
  height: 20px;
}
  
.yellow{
  width: 20px;
  height: 20px;
}
  
.pink{
  width: 20px;
  height: 20px;
  }
  
.line_conversionTitle{
  font-size: 2.8rem;
}
  
.line_title{
  align-items:baseline;
}
  
.Br_Sp{
  display: none;
}
  
.line_conversionTxt{
  margin-top:20px;
  font-size: 1.6rem;
  padding: 10px 16%;
}
  
.line_conversionTxtmore{
  margin-top: 0;
  font-size: 1.6rem;
  padding: 0 16%;
}
  
.line_conversionBtn{
  color: #FFF;
  font-size: 2.4rem;
  font-weight: 700;
  background-color: var(--primary-maingreen);
  border-radius: 50px;
  display: flex;
  width: 400px;
  padding: 20px 87px;
  justify-content: center;
  align-items: center;
  margin: 30px auto 0;
}
}/*LINE CVA PC 769px*/

/*============
SpecialEvent
==============*/
/*JS鳥あしらいyellow*/
.specialevent{
  margin-top: 40px;
  position: relative;
}

.image-container {
  overflow: hidden;
  width: 100%;
  height: 40vh;
  position: absolute;
  z-index: 50;
  top: -1.5%;
}

.jsyellowBird {
  width: 13%;
  height: auto;
  transform: translateX(-100%); /* 初期位置を左に設定 */
  opacity: 0;
  transition: transform 5s ease, opacity 1s ease; /* エフェクトの速度を調整 */
}

.image-container.visible .jsyellowBird {
  transform: translate(100vw,100px); /* 表示位置 */
  opacity: 1;
}

.image-container.hidden .jsyellowBird {
  transform: translateX(100%); /* フェードアウト時の位置 */
  opacity: 0;
}

/*JS鳥あしらいPink*/
.image-container2 {
  overflow: hidden;
  width: 100%;
  height: 40vh;
  position: absolute;
  z-index: 50;
  top: 96.5%;
}

.jspinkbutterfly {
  width: 13%;
  height: auto;
  transform: translateX(100vw); /* 初期位置を右に設定 */
  opacity: 0;
  transition: transform 5s ease, opacity 1s ease; /* エフェクトの速度を調整 */
}

.image-container2.visible .jspinkbutterfly {
  transform: translate(-100%,100px); /* 表示位置 */
  opacity: 1;
}

.image-container2.hidden .jspinkbutterfly {
  opacity: 0;
}

.specialevent-contents{
  background-color: #FFF;
  padding: 0 5.3% 10px;
}

.specialevent-list{
  margin-top: 40px;
}

.specialevent-img{
  margin-top: 100px;
}

.specialevent-img2{
  margin-top: 100px;
}

.specialevent-img3{
  margin-top: 100px;
}

.specialevent-title{
  margin-top: 10px;
  color: var(--primary-brown);
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}

.specialevent-title2{
  margin-top: 10px;
  color: var(--primary-brown);
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}

.specialevent-txt{
  padding: 0 6.3%;
  margin-top: 20px;
  color: var(--primary-brown);
  font-size: 1.4rem;
  font-weight: 400;
}

.specialevent-txt2{
  padding: 0 6.3%;
  margin-top: 20px;
  color: var(--primary-brown);
  font-size: 1.4rem;
  font-weight: 400;
}

.specialevent-txtmore{
  padding: 0 8.3% 0 7.1%;
  margin-top: 15px;
  color: var(--primary-brown);
  font-size: 1.4rem;
  font-weight: 400;
}

/*あしらい*/
.specialevent-txtmore{
  position: relative;
}

.specialevent-txtmore::after{
  position: absolute;
  content: '';
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url(../image/dot/dotGreen.png);
  background-size: contain;
  background-repeat: no-repeat;
  top:42px;
  right: 14px;
}

.picture2{
  position: relative;
}

/*picture2写真ふわっと表示*/
.picture2{
  opacity: 0; /* 最初は非表示にしておく */
  transition: all 2s; /* 動きを滑らかに */
}
/* フェードイン用のクラス */
.picture2fadeIn {
  opacity: 1;
}
/*picture2ふわっと表示end*/

.picture2::before{
  position: absolute;
  content: '';
  display: inline-block;
  width: 65px;
  height: 65px;
  background-image: url(../image/Butterfly/butterflyYellow.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 25%;
  left: 3px;
  transform: rotate(-50.373deg);
}

.specialevent-item2 .specialevent-txt{
  position: relative;
}

.specialevent-item2 .specialevent-txt::after{
  position: absolute;
  content: '';
  display: inline-block;
  width: 65px;
  height: 65px;
  background-image: url(../image/Butterfly/butterflyPink.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 99%;
  right: 0;
}

.picture3{
  position: relative;
}

/*picture3写真ふわっと表示*/
.picture3{
  opacity: 0; /* 最初は非表示にしておく */
  transition: all 2s; /* 動きを滑らかに */
}
/* フェードイン用のクラス */
.picture3fadeIn {
  opacity: 1;
}
/*picture3ふわっと表示end*/

.picture3::before{
  position: absolute;
  content: '';
  display: inline-block;
  width: 65px;
  height: 65px;
  background-image: url(../image/dot/dotGreen.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 25%;
  left: 3px;
  transform: rotate(-50.373deg);
}

.specialevent-item3 .specialevent-txt{
  position: relative;
}

.specialevent-item3 .specialevent-txt::after{
  position: absolute;
  content: '';
  width: 110px;
  height: 110px;
  display: inline-block;
  background-image: url(../image/Flower/Flower.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 87%;
  right: 0;
}

.cloudBackImg-PC{
  display: none;
}

.cloudBackImg-PCbutt{
  display: none;
}

/*picture1写真ふわっと表示*/
.picture1{
  opacity: 0; /* 最初は非表示にしておく */
  transition: all 2s; /* 動きを滑らかに */
}

/* フェードイン用のクラス */
.picture1fadeIn {
  opacity: 1;
}
/*picture1ふわっと表示end*/

/*picture4写真ふわっと表示*/
.picture4{
  opacity: 0; /* 最初は非表示にしておく */
  transition: all 2s; /* 動きを滑らかに */
}
/* フェードイン用のクラス */
.picture4fadeIn {
  opacity: 1;
}
/*picture4ふわっと表示end*/

/*specialEvent　PC　769px*/
@media screen and (min-width: 769px) {
/*JS鳥あしらいyellow*/
.image-container {
  overflow: hidden;
  width: 100%;
  height: 60vh;
  position: absolute;
  top: -1%;
}

.jsyellowBird {
  width: 6%;
  height: auto;
  transform: translateX(-100%); /* 初期位置を左に設定 */
  opacity: 0;
  transition: transform 10s ease, opacity 1s ease; /* エフェクトの速度を調整 */
}

.image-container.visible .jsyellowBird {
  transform: translate(100vw,330px); /* 表示位置 */
  opacity: 1;
}

.image-container.hidden .jsyellowBird {
  transform: translateX(100%); /* フェードアウト時の位置 */
  opacity: 0;
}  

/*JS鳥あしらいPink*/
.image-container2 {
overflow: hidden;
width: 100%;
height: 60vh;
position: absolute;
top: 93%;
}

.jspinkbutterfly {
width: 6%;
height: auto;
transform: translateX(100vw); /* 初期位置を右に設定 */
opacity: 0;
transition: transform 10s ease, opacity 1s ease; /* エフェクトの速度を調整 */
}

.image-container2.visible .jspinkbutterfly {
transform: translate(-100%,200px); /* 表示位置 */
opacity: 1;
}

.image-container2.hidden .jspinkbutterfly {
opacity: 0;
}

.specialevent{
  margin-top: 60px;
}

.cloudBackImg-PC{
  display: block;
}
  
.cloudBackImg-PCbutt{
  display: block;
  transform: scale(1,-1);
}

.cloudBackImg{
  display: none;
}

.cloudBackImg{
  display: none;
}

.specialevent-contents{
  padding: 0 6.9% 50px;
}

.specialevent1{
  display: flex;
  align-items: center;
  justify-content: center;
}

.picture1{
    width:30vw;
  }

.specialevent-title{
  font-size: 2.4rem;
}

.specialevent-title2{
  font-size: 2.4rem;
  transform: scale(-1,1);
}

.specialevent-txt{
  font-size: 1.6rem;
}

.specialevent-txt2{
  font-size: 1.6rem;
  transform: scale(-1,1);
}

.specialevent-txtmore{
  font-size: 1.6rem;
}

.specialevent-item1{
  width: 41vw;
  background-image: url(../image/TxtbackImg/BackImgPink.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 95px 43px 156px;
  margin-left: -65px;
}

.specialevent2{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}

.picture2{
  width: 30vw;
}

.specialevent-item2{
  width: 41vw;
  background-image: url(../image/TxtbackImg/BackImgPink.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 95px 43px 156px;
  margin-right: -65px;
  z-index: 10;
  transform: scale(-1,1);
}

.specialevent-title2{
  transform: scale(-1,1);
  }

.specialevent3{
  display: flex;
  align-items: center;
  justify-content: center;
}

.picture3{
  width: 30vw;
  z-index: 10;
}

.specialevent-item3{
  width: 41vw;
  background-image: url(../image/TxtbackImg/BackImgPink.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 95px 43px 156px;
  margin-left: -65px;
  z-index: 10;
}

.specialevent4{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}

.picture4{
  width: 30vw;
}

.specialevent-item4{
  width: 41vw;
  background-image: url(../image/TxtbackImg/BackImgPink.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 139px 43px 156px;
  margin-right: -65px;
  z-index: 10;
  transform: scale(-1,1);
  }

.specialevent-img1{
  margin-top: 40px;
}

.specialevent-img2{
  margin-top: 40px;
}

.specialevent-img3{
  margin-top: 40px;
}

.specialevent-img4{
  margin: 40px 0;
}
}

/*あしらい*/
@media screen and (min-width: 769px) {
.specialevent-item1{
  position: relative;
}

.specialevent-item1::before{
  position: absolute;
  content: '';
  display: inline-block;
  width: 6.9vw;
  height: 6.9vw;
  background-image: url(../image/dot/dotGreen.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 18%;
  right: 3%;
}

.specialevent-txtmore::after {
  display: none;
}

.picture2::before {
  display: none;
}

.picture1{
  position: relative;
}

.picture1::after{
  position: absolute;
  content: '';
  display: inline-block;
  width: 6.9vw;
  height: 6.9vw;
  background-image: url(../image/Butterfly/butterflyYellow.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  left: -2%;
  transform: rotate(-50.373deg);

}

.specialevent-item3{
  position: relative;
}

.specialevent-item3::before{
  position: absolute;
  content: '';
  display: inline-block;
  width: 6.9vw;
  height: 6.9vw;
  background-image: url(../image/dot/dotGreen.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 15%;
  right: 3%;
}

.specialevent-item2{
  position: relative;
}

.specialevent-item2::before{
  position: absolute;
  content: '';
  display: inline-block;
  width: 6.9vw;
  height: 6.9vw;
  background-image: url(../image/dot/dotGreen.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 15%;
  right: 3%;
}

.specialevent-item4{
  position: relative;
}

.specialevent-item4::before{
  position: absolute;
  content: '';
  display: inline-block;
  width: 6.9vw;
  height: 6.9vw;
  background-image: url(../image/dot/dotGreen.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 15%;
  right: 3%;
}

.picture3::before {
  display: none;
}

.picture2{
  position: relative;
}

.picture2::after{
  position: absolute;
  content: '';
  display: inline-block;
  width: 6.9vw;
  height: 6.9vw;
  background-image: url(../image/Butterfly/butterflyPink.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  right:-10%;
  transform: rotate(-50.373deg) calc(-1,1);
}

.specialevent-item3 .specialevent-txt::after {
  display: none;
}

.picture3{
  position: relative;
}

.picture3::after{
  position: absolute;
  content: '';
  display: inline-block;
  width: 30vw;
  height: 12vw;
  background-image: url(../image/Flower/Flower.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -28px;
  left: -18%;
}

.cloudBackImg-PCbutt{
  width: 100%;
}

.cloudBackImg-PC{
  width: 100%;
}
}/*あしらい PC*/

/*============
UnderFooter
==============*/
.underFooter{
    margin-top: 50px;
}

.underFooterhead{
  width: 100%;
}

.underFooterhead-pc{
  display: none;
}

/*UnderFooter-PC*/
@media screen and (min-width: 769px) {
.underFooterhead-pc{
  display: block;
}

.underFooterhead{
  display: none;
}

.footer__group{
  margin-top: 50px;
}
}