@charset "UTF-8";
@media screen and (min-width: 768px),print {

#link01,#link02,#link03{ display: block; padding-top: 120px; margin-top: -120px;}

#contentsmain {margin: 71px auto 120px auto;position: relative;text-align: center;}
#contentsmain figure.img {position: relative;top: 0;left: 0;width: 500px;margin: 0 auto 82px;}
#contentsmain figure.img img{  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 540px;height: 540px;background: #FFFFFF;border-radius: 50%;box-shadow: 0px 0px 60px #FFFFFF;padding: 127px 0 0;}
#contentsmain .inner-Box h2 {margin: 0 97px 40px 84px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 1.5rem;position: relative;left: 8px;}

#contentsnavi {margin: 0 auto 131px;position: relative;max-width: 1200px;min-height: 400px;background: rgba(255,255,255,0.7);border-radius: 30px;padding: 63px 80px 40px 80px;}
#contentsnavi .inner-Box { margin: 0 auto; position: relative; }
#contentsnavi .inner-Box h2.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 25px;position: relative;}
#contentsnavi .inner-Box ul{}
#contentsnavi .inner-Box ul li {position: relative;border-bottom: #999999 1px dashed;margin-bottom: 21px;}
#contentsnavi .inner-Box ul li a p.ltext::after{content: url(../images/common/arr.svg);position: absolute;top: -5px;right: 11px;filter: invert(63%) sepia(44%) saturate(3893%) hue-rotate(307deg) brightness(103%) contrast(101%);display: inline-block;transform: rotate(90deg);transform-origin: center;transition: all 0.3s ease-in-out;}
#contentsnavi .inner-Box ul li a:hover p.ltext::after{ top: 3px; }
#contentsnavi .inner-Box ul li:nth-child(4) a p.ltext::after { content: ""; }
#contentsnavi .inner-Box ul li a { transition: all 0.3s ease-in-out; }
#contentsnavi .inner-Box ul li a:hover {  }
#contentsnavi .inner-Box p.ltext {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.056rem;margin-bottom: 1.4rem;position: relative;}
#contentsnavi .inner-Box p.ltext span{background: #FF6991;border-radius: 20px;color: #fff;font-size: 1.3rem;letter-spacing: 0.052rem;position: absolute;top: -4px;right: 14px;padding: 0 30px 0 16px;transition: all 0.3s ease-in-out;}
#contentsnavi .inner-Box p.ltext span::before{content: url(../images/common/arr.svg);position: absolute;top: 0;right: 15px;filter: invert(100%) sepia(2%) saturate(6190%) hue-rotate(294deg) brightness(101%) contrast(107%);transition: all 0.3s ease-in-out;}
#contentsnavi .inner-Box li a:hover p.ltext span{ background: #E37F9A;}
#contentsnavi .inner-Box li a:hover p.ltext span::before{right: 10px;}


#contents01 {margin: 0 auto 161px;position: relative;/* padding: 0 50px; */}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;background: rgba(237, 182, 220, 0.3);border-radius: 30px;padding: 8.9rem 8rem 9.5rem 8rem;}
#contents01 .inner-Box h2 {color: #d5adf2;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -40px;left: 39px;z-index: 3;}
#contents01 .inner-Box h3 {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 56px;position: relative;text-align: center;}
#contents01 .inBox{position: relative;padding: 16px 340px 0 0;margin-bottom: 52px;}
#contents01 .inBox figure.photo {position: absolute;top: 20px;right: 15px;border-radius: 20px;overflow: hidden;}
#contents01 .inBox figure.photo img{  }
#contents01 .inBox h4.f-min {font-size: 2.2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.088rem;margin-bottom: 20px;position: relative;color: #805770;}
#contents01 .inBox p.text {font-size: 1.6rem;line-height: 2.6;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 4.1rem;position: relative;}
#contents01 .inBox p.text span {font-weight: 700;}
p.petop {font-size: 1.3rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;position: relative;position: absolute;bottom: -31px;right: 39px;}
p.petop a {color: #F44D73;}
p.petop a::before{content: url(../images/common/arr.svg);position: absolute;top: 0;left: -13px;filter: invert(61%) sepia(32%) saturate(3152%) hue-rotate(305deg) brightness(100%) contrast(105%);transition: all 0.3s ease-in-out;transform: rotate(-90deg);transform-origin: center;}
p.petop a:hover {  }

#media-info .morebtn{width: 420px;border-radius: 80px;}
#media-info .morebtn a{height: 85px;border-radius: 100px;padding-top: 23px;font-size: 1.7rem;letter-spacing: 0.204rem;padding-right: 0px;}
#media-info .morebtn a span::after{content: "多くの方のお悩みを解決したいから…";position: absolute;top: 0;left: 89px;font-size: 1.3rem;letter-spacing: 0.156rem;}
#media-info .morebtn a span::before{top: 53px;right: 58px;}
#media-info .morebtn a > span::before {right: 59px;top: 52px;}

#contents02 {margin: 0 auto 153px;position: relative;/* padding: 0 50px; */}
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;background: rgba(213,198,224,0.3);border-radius: 30px;padding: 9.5rem 8rem 8.3rem 8rem;}
#contents02 .inner-Box h2 {color: #d5adf2;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -41px;right: 39px;z-index: 3;}
#contents02 .inner-Box h3 {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 71px;position: relative;text-align: center;}
#contents02 .inner-Box p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.068rem;margin-bottom: 2.9rem;position: relative;}

#contents02 .inner-Box ul.media-list {margin-bottom: 35px;margin-top: 57px;border-top: 1px dashed #999999;padding-top: 17px;}
/* 初期は畳む（250pxだけ表示） */
#contents02 .inner-Box ul.media-list{ --collapsed-height: 320px;   /* デフォルト値 */ max-height: var(--collapsed-height); overflow: hidden; transition: max-height .4s ease; position: relative; }  

#contents02 .inner-Box ul.media-list li p.ltext2{ display: grid; grid-template-columns: auto 1fr; /* 左=可変, 右=残り全部 */ column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 1.4rem; line-height: 1.8; letter-spacing: .056rem; }
#contents02 .inner-Box ul.media-list li p.ltext2 .mediaicon{ grid-column: 1; display: inline-block; border-radius: 5px; background: #F6EEF2; padding: 3px 10px; margin-right: 0; /* gridなので不要 */ }
#contents02 .inner-Box ul.media-list li a{ text-decoration: underline; transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul.media-list li a::before{ }
#contents02 .inner-Box ul.media-list li a::after{content: "";background: url(../images/common/blank.svg)no-repeat;position: relative;display: inline-block;top: 2px;right: -5px;background-size: 100% auto;width: 14px;height: 14px;filter: invert(61%) sepia(32%) saturate(3152%) hue-rotate(305deg) brightness(100%) contrast(105%);}
#contents02 .inner-Box ul.media-list li{ border-bottom: 1px dashed #999999; margin-bottom: 11px; }
#contents02 .inner-Box ul.media-list .leftbb{width: 57%;float: left;}
#contents02 .inner-Box ul.media-list .rightbb{max-width: 40.6%;float: right;font-size: 1.2rem;letter-spacing: 0.048rem;font-weight: 500;color: #805770;line-height: 1.6;}

#contents02 .inner-Box .moreall{position: relative;background: rgba(128, 87, 112, 0.08);border-radius: 30px;text-align: center;margin-bottom: 59px;font-size: 1.4rem;color: #805770;font-weight: 500;letter-spacing: 0.056rem;padding: 8px;}
#contents02 .inner-Box .moreall::after{content: url(../images/common/arr.svg);position: relative;top: 0;right: -4px;filter: invert(39%) sepia(11%) saturate(1294%) hue-rotate(271deg) brightness(90%) contrast(85%);transition: all 0.3s ease-in-out;transform-origin: center;transform: rotate(90deg);display: inline-block;margin-left: 5px;}
#contents02 .inner-Box .moreall.open::after{transform: rotate(-90deg); }

#contents02 .inner-Box ul.movie-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 35px;}
#contents02 .inner-Box ul.movie-list li {position: relative;width: 31.7%;margin-right: 2.4%;}
#contents02 .inner-Box ul.movie-list li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box iframe {width: 100%; height: 184px; margin-bottom: 6px;}
#contents02 .inner-Box p.ltext {font-size: 1.7rem;line-height: 1.8;font-weight: 700;letter-spacing: 0.068rem;margin-bottom: 3rem;position: relative;}
#contents02 .inner-Box p.ltext span {  }

#contents03 {margin: 0 auto 142px;position: relative;/* padding: 0 50px; */}
#contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;padding: 7.7rem 8rem 8.3rem 8rem;border-radius: 50px;background: rgba(255,201,201,0.3);}
#contents03 .inner-Box h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -33px;z-index: 3;left: 40px;}
#contents03 .inner-Box h3 {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 76px;position: relative;text-align: center;}
#contents03 .inBox {margin: 0px auto 38px;position: relative;min-height: 480px;padding: 0 0 0 361px;border-bottom: #999 dashed 1px;}
#contents03 .inBox.sec {min-height: 345px;border-bottom:none;margin-bottom: -40px;}
#contents03 .inBox figure.img {position: absolute;top: 0;left: 0;width: 300px;}
#contents03 .inBox figure.img img{  }
#contents03 .inBox h4 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 20px;position: relative;border-left: #FF6991 5px solid;padding: 0 0 0 9px;}
#contents03 .inBox p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 1.6rem;position: relative;}
#contents03 .inBox table{width: 283px;font-size: 1.4rem;letter-spacing: 0.56px;}
#contents03 .inBox table th{border: 1px solid #E2DDDD;background: #F1F1F1;width: 103px;padding: 8px;}
#contents03 .inBox table td{border: 1px solid #E2DDDD;background: #fff;padding: 8px 29px;}
#contents03 .inBox .buybtn{position: absolute;bottom: 40px;right: 0;}
#contents03 .inBox .buybtn a {display: block;width: 230px;height: 50px;border: #F86992 1px solid;background: #fff;border-radius: 30px;padding: 8px 0 0 43px;color: #FF6991;font-size: 1.6rem;letter-spacing: 0.192rem;transition: all 0.3s ease-in-out;}
#contents03 .inBox .buybtn a:hover{ background: #FF6991; color: #fff;}
#contents03 .inBox .buybtn a::before{content: url(../images/common/arr.svg);position: absolute;top: 7px;right: 42px;filter: invert(67%) sepia(63%) saturate(3966%) hue-rotate(308deg) brightness(104%) contrast(106%);transition: all 0.3s ease-in-out;}
#contents03 .inBox .buybtn a:hover::before{filter: invert(88%) sepia(64%) saturate(2%) hue-rotate(309deg) brightness(105%) contrast(101%);}
#contents03 p.morebtn a > span::before {right: 106px;}

#contents04 {margin: 0 auto 92px;position: relative;/* padding: 0 50px; */}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;padding: 9.7rem 8rem 10.3rem 8rem;border-radius: 50px;background: rgba(255, 191, 211, 0.3);}
#contents04 .inner-Box h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -23px;z-index: 3;right: 40px;}
#contents04 .inBox {margin: 0 auto 33px;position: relative;}
#contents04 .inBox ul.tav-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents04 .inBox ul li {position: relative;margin-right: -2px;width: 180px;text-align: center;}
#contents04 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents04 .inBox p.ttext {font-size: 1.8rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 3rem;position: relative;}
#contents04 .allBox { margin: 0 auto; position: relative; }
#contents04 .cBox1 { margin: 0 auto; position: relative; }
#contents04 .allBox h3.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 25px;position: relative;border-left: #FF6991 6px solid;padding: 0 0 0 7px;}
#contents04 .allBox ul{display: block;margin-bottom: 58px;}
#contents04 .allBox ul li {position: relative;border-bottom: #999999 1px dashed;font-size: 1.6rem;letter-spacing: 0.064rem;padding-bottom: 11px;margin-bottom: 10px;}
#contents04 p.textt1 {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 7.4rem;position: relative;text-align: right;margin-top: -50px;}

.tab-content { display: none; }
.tab-content.active { display: block; }
.tav-list { display: flex; gap: 20px; margin-bottom: 20px; }
.tav-list .tab-btn {cursor: pointer;padding: 5px 16px;transition: all 0.3s ease;border-bottom: #888888 3px solid;color: #888888;}
.tav-list .tab-btn.active { border-bottom: #F86992 3px solid; color: #F86992; }


}
@media screen and (min-width:768px) and ( max-width:1000px) {
#contents01 .inBox{padding: 16px 0px 0 0;margin-bottom: 52px;}
#contents01 .inBox figure.photo {width: 305px;margin: 0 auto 30px;position: relative;top: 0px;right: 0px;border-radius: 20px;overflow: hidden;}

#contents02 .inner-Box ul.media-list .leftbb{width: 100%;float: none;}
#contents02 .inner-Box ul.media-list .rightbb{max-width: 100%;float: none;margin-bottom: 20px;}
#contents03 .inBox {padding-bottom: 140px;}

#contents03 .inBox {padding: 0 0 110px 0px;}
#contents03 .inBox figure.img {margin: 0 auto 30px;position: relative;}

#contents01 .inner-Box {padding: 9.7rem 4rem 10.3rem;}
#contents02 .inner-Box {padding: 9.7rem 4rem 10.3rem;}
#contents03 .inner-Box {padding: 9.7rem 4rem 10.3rem;}
#contents04 .inner-Box {padding: 9.7rem 4rem 10.3rem;}



}

@media screen and (max-width: 767px) {
    #link01,#link02,#link03{ display: block; padding-top: 13vw; margin-top: -13vw;}

#contentsmain {margin: -1.77vw auto 15.9vw auto;position: relative;text-align: center;}
#contentsmain figure.img {position: relative;top: 0;left: 0;margin: 0 27.7vw 12.57vw;}
#contentsmain figure.img img{  }
#contentsmain .inner-Box {position: relative;height: 100vw;width: 100vw;background: #FFFFFF;border-radius: 50%;box-shadow: 0.0vw 0.0vw 16.0vw #FFFFFF;padding: 18.87vw 0 0;}
#contentsmain .inner-Box h2 {margin: 0 21.07vw 7.97vw 21.4vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box p.text {font-size: 3.20vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.13vw;margin-bottom: 4.2vw;position: relative;left: 0.8vw;}

#contentsnavi {margin: 0 4vw 10.33vw;position: relative;background: rgba(255,255,255,0.7);border-radius: 4vw;padding: 6.9vw 5.53vw 4.67vw;}
#contentsnavi .inner-Box {position: relative;}
#contentsnavi .inner-Box h2.f-min {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 6.67vw;position: relative;}
#contentsnavi .inner-Box ul{}
#contentsnavi .inner-Box ul li {position: relative;border-bottom: #999999 0.37vw dashed;margin-bottom: 3.6vw;}
#contentsnavi .inner-Box ul li a p.ltext::after{content: "";background: url(../images/common/arr.svg)no-repeat;position: absolute;top: 1.8vw;right: 3.33vw;filter: invert(63%) sepia(44%) saturate(3893%) hue-rotate(307deg) brightness(103%) contrast(101%);display: inline-block;transform: rotate(90deg);transform-origin: center;transition: all 0.3s ease-in-out;background-size: 100% auto;width: 2.7vw;height: 3vw;}
#contentsnavi .inner-Box ul li a:hover p.ltext::after{ top: 0.8vw; }
#contentsnavi .inner-Box ul li:nth-child(4) a p.ltext::after {content: "";background: none;}
#contentsnavi .inner-Box ul li a { transition: all 0.3s ease-in-out; }
#contentsnavi .inner-Box ul li a:hover {  }
#contentsnavi .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 2.7vw;position: relative;}
#contentsnavi .inner-Box p.ltext span{background: #FF6991;border-radius: 5.33vw;color: #fff;font-size: 3.47vw;letter-spacing: 0.14vw;position: relative;top: 0vw;left: 0vw;padding: 0 6vw 0 3.87vw;display: block;transition: all 0.3s ease-in-out;width: 51.5vw;margin-bottom: 4vw;}
#contentsnavi .inner-Box p.ltext span::before{content: "";background: url(../images/common/arr.svg)no-repeat;position: absolute;top: 2.2vw;right: 4.0vw;width: 2.6vw;height: 3vw;filter: invert(100%) sepia(2%) saturate(6190%) hue-rotate(294deg) brightness(101%) contrast(107%);transition: all 0.3s ease-in-out;background-size: 100% auto;}
#contentsnavi .inner-Box li a:hover p.ltext span{ background: #E37F9A;}
#contentsnavi .inner-Box li a:hover p.ltext span::before{right: 2.67vw;}


#contents01 {margin: 0 auto 19.93vw;position: relative;/* padding: 0 13.33vw; */}
#contents01 .inner-Box {margin: 0 4vw;position: relative;background: rgba(237, 182, 220, 0.3);border-radius: 4vw;padding: 11.8vw 3vw;}
#contents01 .inner-Box h2 {color: #d5adf2;opacity: 0.4;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: absolute;top: 65.3vw;right: -58.8vw;z-index: 3;width: 120vw;transform: rotate(90deg);transform-origin: center;}
#contents01 .inner-Box h3 {font-size: 5.33vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 9.03vw;position: relative;text-align: center;}
#contents01 .inBox{position: relative;margin-bottom: -1.73vw;}
#contents01 .inBox figure.photo {position: relative;border-radius: 5.33vw;overflow: hidden;margin: 0 2.2vw 6.4vw;}
#contents01 .inBox figure.photo img{  }
#contents01 .inBox h4.f-min {font-size: 5.33vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 6.73vw;position: relative;color: #805770;margin-left: 1.8vw;}
#contents01 .inBox p.text {font-size: 3.73vw;line-height: 2.6;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.3vw 9.9vw;position: relative;}
#contents01 .inBox p.text span {font-weight: 700;}
p.petop {font-size: 3.47vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.17vw;position: relative;position: absolute;bottom: -9.7vw;right: 5.2vw;}
p.petop a {color: #F44D73;}
p.petop a::before{content: "";background: url(../images/common/arr.svg)no-repeat;position: absolute;top: 1.5vw;left: -3vw;width: 3vw;height: 3vw;filter: invert(61%) sepia(32%) saturate(3152%) hue-rotate(305deg) brightness(100%) contrast(105%);transition: all 0.3s ease-in-out;transform: rotate(-90deg);transform-origin: center;background-size: 100% auto;}
p.petop a:hover {  }

#media-info .morebtn{border-radius: 21.33vw;margin: 0 1vw;}
#media-info .morebtn a{height: 17.47vw;border-radius: 26.67vw;padding-top: 4.43vw;font-size: 3.73vw;letter-spacing: 0.4vw;padding-right: 3vw;}
#media-info .morebtn a span::after{content: "多くの方のお悩みを解決したいから…";position: absolute;top: -9.8vw;left: -3.97vw;font-size: 3.20vw;letter-spacing: 0.38vw;display: block;width: 67vw;}
#media-info .morebtn a span::before{top: 14.13vw;right: 15.47vw;}
#media-info .morebtn a > span::before {right: -3.97vw;top: 2.67vw;width: 2.4vw;}

#contents02 {margin: 0 auto 19.7vw;position: relative;/* padding: 0 13.33vw; */}
#contents02 .inner-Box {margin: 0 4vw;position: relative;background: rgba(213,198,224,0.3);border-radius: 4vw;padding: 11.7vw 5.7vw;}
#contents02 .inner-Box h2 {color: #d5adf2;opacity: 0.4;letter-spacing: 0;font-size: 16vw;font-weight: 400;line-height: 1;position: absolute;top: 49.7vw;right: -48.9vw;z-index: 3;transform: rotate(90deg);transform-origin: center;width: 100vw;}
#contents02 .inner-Box h3 {font-size: 5.33vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 8.13vw;position: relative;text-align: center;}
#contents02 .inner-Box p.text {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 7vw;position: relative;}
#contents02 .inner-Box .inBox{margin-bottom: -5vw;}

#contents02 .inner-Box ul.media-list {margin-bottom: 12.33vw;margin-top: 15.2vw;padding-top: 4.53vw;}
/* 初期は畳む（66.67vwだけ表示） */
#contents02 .inner-Box ul.media-list{--collapsed-height: 141.87vw;   /* デフォルト値 */max-height: var(--collapsed-height);overflow: hidden;transition: max-height .4s ease;position: relative;}  

#contents02 .inner-Box ul.media-list li p.ltext2{ /* 左=可変, 右=残り全部 */align-items: start;margin-bottom: 0.57vw;font-size: 3.47vw;line-height: 1.8;letter-spacing: 0.14vw;}
#contents02 .inner-Box ul.media-list li p.ltext2 .mediaicon{display: inline-block;border-radius: 1.33vw;background: #F6EEF2;padding: 0.8vw 2.67vw;margin-right: 0; /* gridなので不要 */font-size: 2.93vw;margin-bottom: 1vw;}
#contents02 .inner-Box ul.media-list li a{ text-decoration: underline; transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul.media-list li a::before{ }
#contents02 .inner-Box ul.media-list li a::after{content: "";background: url(../images/common/blank.svg)no-repeat;position: relative;display: inline-block;top: 0.73vw;right: -2vw;background-size: 100% auto;width: 3.43vw;height: 3.73vw;filter: invert(61%) sepia(32%) saturate(3152%) hue-rotate(305deg) brightness(100%) contrast(105%);}
#contents02 .inner-Box ul.media-list li{border-bottom: 0.37vw dashed #999999;margin-bottom: 4.03vw;margin-right: 1vw;}
#contents02 .inner-Box ul.media-list .leftbb{}
#contents02 .inner-Box ul.media-list .rightbb{font-size: 3.20vw;letter-spacing: 0.13vw;font-weight: 500;color: #805770;line-height: 1.6;margin-bottom: 3.4vw;}

#contents02 .inner-Box .moreall{position: relative;background: rgba(128, 87, 112, 0.08);border-radius: 8.0vw;text-align: center;margin-bottom: 15.73vw;font-size: 3.73vw;color: #805770;font-weight: 500;letter-spacing: 0.15vw;padding: 2.13vw;}
#contents02 .inner-Box .moreall::after{content: "";background: url(../images/common/arr.svg)no-repeat;position: relative;top: 0;right: 0vw;filter: invert(39%) sepia(11%) saturate(1294%) hue-rotate(271deg) brightness(90%) contrast(85%);transition: all 0.3s ease-in-out;transform-origin: center;transform: rotate(90deg);display: inline-block;margin-left: 2.23vw;background-size: 100% auto;width: 2.2vw;height: 2vw;}
#contents02 .inner-Box .moreall.open::after{transform: rotate(-90deg); }

#contents02 .inner-Box ul.movie-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 8.33vw;}
#contents02 .inner-Box ul.movie-list li {position: relative;width: 100%;}
#contents02 .inner-Box ul.movie-list li:nth-child(3n) { margin-right: 0.0vw; }
#contents02 .inner-Box iframe {width: 100%;height: 45.47vw;margin-bottom: 0.6vw;}
#contents02 .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 700;letter-spacing: 0.18vw;margin-bottom: 5.8vw;position: relative;}
#contents02 .inner-Box p.ltext span {  }

#contents03 {margin: 0 auto 19.87vw;position: relative;/* padding: 0 13.33vw; */}
#contents03 .inner-Box {margin: 0 4vw;position: relative;padding: 12.4vw 3vw 1.7vw 3vw;border-radius: 13.33vw;background: rgba(255,201,201,0.3);}
#contents03 .inner-Box h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 16vw;font-weight: 400;line-height: 1;position: absolute;top: 53.2vw;z-index: 3;right: -49.03vw;width: 100vw;transform: rotate(90deg);transform-origin: center;}
#contents03 .inner-Box h3 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 9.57vw;position: relative;text-align: center;}
#contents03 .inBox {margin: 0.0vw 2.7vw 10.13vw;position: relative;border-bottom: #999 dashed 0.37vw;padding-bottom: 10.5vw;}
#contents03 .inBox.sec {border-bottom:none;margin-bottom: 0vw;}
#contents03 .inBox figure.img {position: relative;top: 0;left: 0;margin: 0 13.7vw 8.5vw;}
#contents03 .inBox figure.img img{  }
#contents03 .inBox h4 {font-size: 4.27vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin: 0 -0.5vw 4.43vw;position: relative;border-left: #FF6991 1.33vw solid;padding: 0 0 0 2.4vw;}
#contents03 .inBox p.text {font-size: 3.73vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.17vw;margin: 0 -0.4vw 9.8vw;position: relative;}
#contents03 .inBox table{font-size: 3.73vw;letter-spacing: 0.15vw;width: 75vw;margin-left: 2.8vw;margin-bottom: 10.9vw;}
#contents03 .inBox table th{border: 0.27vw solid #E2DDDD;background: #F1F1F1;padding: 2.43vw;width: 27vw;}
#contents03 .inBox table td{border: 0.27vw solid #E2DDDD;background: #fff;padding: 2.13vw 7.73vw;}
#contents03 .inBox .buybtn{position: relative;right: 0;margin: 0 3.7vw;}
#contents03 .inBox .buybtn a {display: block;height: 13.33vw;border: #F86992 0.27vw solid;background: #fff;border-radius: 8.0vw;padding: 3.13vw 0 0 9.77vw;color: #FF6991;font-size: 3.47vw;letter-spacing: 0.41vw;transition: all 0.3s ease-in-out;}
#contents03 .inBox .buybtn a:hover{ background: #FF6991; color: #fff;}
#contents03 .inBox .buybtn a::before{content: "";background: url(../images/common/arr.svg)no-repeat;position: absolute;top: 5.67vw;right: 9.6vw;width: 2.6vw;height: 2vw;filter: invert(67%) sepia(63%) saturate(3966%) hue-rotate(308deg) brightness(104%) contrast(106%);transition: all 0.3s ease-in-out;background-size: 100% auto;}
#contents03 .inBox .buybtn a:hover::before{filter: invert(88%) sepia(64%) saturate(2%) hue-rotate(309deg) brightness(105%) contrast(101%);}
#contents03 p.morebtn a > span::before {right: 28.27vw;}

#contents04 {margin: 0 auto 24.53vw;position: relative;/* padding: 0 13.33vw; */}
#contents04 .inner-Box {margin: 0 4vw;position: relative;padding: 10vw 5.3vw;border-radius: 13.33vw;background: rgba(255, 191, 211, 0.3);}
#contents04 .inner-Box h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 16vw;font-weight: 400;line-height: 1;position: absolute;top: 67.4vw;z-index: 3;right: -63.13vw;width: 130vw;transform: rotate(90deg);transform-origin: center;}
#contents04 .inBox {margin: 0 auto 11.4vw;position: relative;}
#contents04 .inBox ul.tav-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents04 .inBox ul li {position: relative;margin-right: 0vw;text-align: center;min-width: 18.7vw;}
#contents04 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents04 .inBox p.ttext {font-size: 4.00vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 3vw;position: relative;}
#contents04 .allBox {position: relative;}
#contents04 .cBox1 { margin: 0 4vw; position: relative; }
#contents04 .allBox h3.f-min {font-size: 4.27vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 5.07vw;position: relative;border-left: #FF6991 0.9vw solid;padding: 0 0 0 1.87vw;}
#contents04 .allBox ul{display: block;margin-bottom: 15.47vw;}
#contents04 .allBox ul li {position: relative;border-bottom: #999999 0.37vw dashed;font-size: 3.73vw;letter-spacing: 0.15vw;padding-bottom: 2.53vw;margin-bottom: 2.67vw;line-height: 1.4;}
#contents04 p.textt1 {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.13vw;margin-bottom: 7vw;position: relative;text-align: right;margin-top: 0vw;}

.tab-content { display: none; }
.tab-content.active { display: block; }
.tav-list {display: flex;gap: 2.33vw;margin-bottom: 5.33vw;}
.tav-list .tab-btn {cursor: pointer;padding: 1.33vw 0.57vw;transition: all 0.3s ease;border-bottom: #888888 0.5vw solid;color: #888888;}
.tav-list .tab-btn.active {border-bottom: #F86992 0.5vw solid;color: #F86992;}




}