@charset "UTF-8";

body { opacity: 1; }
[data-char-span] {
  visibility: hidden; /* 初期は見えなくする */
}
[data-char-span].is-visible {
  visibility: visible;
}
@media screen and (min-width: 768px),print {  

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

#contentsmain .img01,
#contentsmain .img02,
#contentsmain .text,
#contentsmain .morebtn,
#contentsmain .list{ opacity: 0; transform: translateY(12px); transition: opacity .8s ease, transform .8s ease; }
#contentsmain .is-visible{ opacity: 1; transform: none; }

#contentsmain {margin: 0 auto 182px;position: relative;background: url('../images/index/contentsmain-back01.svg')no-repeat top center;}
#contentsmain .inner-Box {margin: 0 auto 120px;position: relative;}
#contentsmain .inner-Box figure.img01 {position: absolute;top: -2.2vw;right: 0vw;width: 31.2vw;}
#contentsmain .inner-Box figure.img01 img{  }
#contentsmain .inner-Box h1 {font-size: 5.2rem;line-height: 1.56;font-weight: 400;letter-spacing: 0rem;margin-bottom: 27px;position: relative;text-align: center;padding-top: 135px;}
#contentsmain .inner-Box h1 span.min {font-size: 4.4rem;}

[data-text-animation="fadeIn"] .char { opacity: 0; }
/* 既存の alternative は不可視のまま */
.alternative{ position:fixed !important; inset:0 !important; inline-size:4px !important; block-size:4px !important; contain:strict !important; pointer-events:none !important; opacity:0 !important; }



#contentsmain .inner-Box p.text {font-size: 1.6rem;line-height: 3;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 4.4rem;position: relative;text-align: center;}
#contentsmain .inner-Box p.morebtn {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 6.2rem;position: relative;}
#contentsmain .inner-Box p.morebtn a {  }
#contentsmain .inner-Box p.morebtn a:hover {  }
#contentsmain .inner-Box ul.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;width: 610px;margin: 0 auto;border-left: #FF6991 1px solid;}
#contentsmain .inner-Box ul li {position: relative;width: 33.33%;text-align: center;border-right: #FF6991 1px solid;}
#contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box ul li a { color: #FF6991; transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box ul li a:hover { color: #E37F9A;}
#contentsmain .inner-Box ul li span{ display: inline-block; }
#contentsmain .inner-Box ul li span::after{content: url(../images/common/arr.svg);position: relative;top: 0;right: -9px;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;}
#contentsmain .inner-Box ul li a:hover span::after{ top: 3px; }
#contentsmain .inner-Box p.ltext {font-size: 1.6rem;line-height: 1;font-weight: 400;letter-spacing: 0.064rem;position: relative;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;border-radius: 30px;background: rgba(255,255,255,0.7);max-width: 1040px;min-height: 381px;padding: 58px 8rem 40px;}
#contentsmain .inner-Box2 span.en{color: #FF6991;opacity: 1;letter-spacing: 0;font-size: 7rem;font-weight: 400;position: absolute;top: -49px;line-height: 1;left: 40px;}
#contentsmain .inner-Box2 span.en.fadeCom__On{color: #FAA5BC;opacity: 0.4;}
#contentsmain .inner-Box2 h2 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 20px;position: relative;}
#contentsmain .inner-Box2 ul.system-list { margin-bottom: 3rem; }

#contentsmain .inner-Box2 ul li {position: relative;border-bottom: #999999 dashed 1px;margin-bottom: 1.6rem;}
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }
#contentsmain .inner-Box2 p.system-date {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 0.5rem;position: relative;}
#contentsmain .inner-Box2 p.system-date span.cate {display: inline-block;font-size: 1.3rem;color: #fff;font-weight: 500;letter-spacing: 0.052rem;background: #FAA5BC;border-radius: 5px;line-height: 1;padding: 6px 16px;margin-left: 20px;}
#contentsmain .inner-Box2 p.ltext {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.056rem;margin-bottom: 1.8rem;position: relative;}
#contentsmain .inner-Box2 p.morebtn2 {position: relative;text-align: right;}
#contentsmain .inner-Box2 p.morebtn2 a {color: #F44D73;font-size: 1.3rem;font-weight: 600;}
#contentsmain .inner-Box2 p.morebtn2 a:hover {  }
#contentsmain figure.img02 {position: absolute;top: 18vw;left: -14px;width: 18.12vw;}
#contentsmain figure.img02 img{  }

#contents01 {margin: 0 auto 181px;position: relative;background: url('../images/index/contents01-back01.svg')no-repeat top center;background-size: 100% auto;padding: 0 50px 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents01 .inner-Box h2 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.18rem;margin: 0 auto -83px;position: relative;width: 384px;height: 384px;box-shadow: 0px 0px 60px #FFFFFF;background: #fff;border-radius: 50%;top: -40px;writing-mode: vertical-rl;padding: 52px 152px 52px 52px;color: #F26272;}
#contents01 .inner-Box h2 span.ht1 {display: block;}
#contents01 .inner-Box h2 span.ht2 { position: relative; top: 16px; left: -24px; }
#contents01 .inner-Box h3 {color: #FF6991;opacity: 0;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: relative;text-align: center;margin-bottom: 4px;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box h3.fadeCom__On {color: #FAA5BC;opacity: 0.4;}
#contents01 .inner-Box h4 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 56px;position: relative;text-align: center;}
#contents01 .inner-Box ul{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;}
#contents01 .inner-Box ul li {position: relative;border-radius: 20px;background: #fff;width: 32%;padding: 10px;margin-right: 2%;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;border-radius: 15px;overflow: hidden;margin-bottom: 18px;}
#contents01 .inner-Box figure.photo img{width: 100%;height: auto;}
#contents01 .inner-Box h5 {font-size: 2.4rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.096rem;margin-bottom: 16px;position: relative;text-align: center;}
#contents01 .inner-Box p.ltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin: 0 11px 1rem;position: relative;min-height: 120px;}
#contents01 .inner-Box p.ltext2 {font-size: 1.3rem;line-height: 1.8;font-weight: 600;letter-spacing: 0.064rem;position: relative;text-align: right;padding-right: 9px;padding-bottom: 12px;}
#contents01 .inner-Box p.ltext2 a {color: #F44D73;display: inline-block;padding: 0 0 0 27px;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box p.ltext2 a:hover { color: #E37F9A;}

#contents01 .inner-Box p.ltext2 a::before { content: url(../images/common/arr.svg); position: relative; transform: translateY(-50%); filter: invert(39%) sepia(34%) saturate(2542%) hue-rotate(314deg) brightness(102%) contrast(91%); left: -2px; transition: all 0.3s ease-in-out; }
#contents01 .inner-Box p.ltext2 a:hover::before{ left: -6px;  }


#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back02.png')repeat-x bottom center;padding: 0 30px 140px;}
#contents02 .inner-Box{margin: 0 auto -80px;position: relative;background: url('../images/index/contents02-back01.svg')repeat-x top center;height: 140px;animation: bgScroll 30s linear infinite;z-index: 3;}
@keyframes bgScroll {
  from {
    background-position: 2019px 0; /* 初期位置を右寄せ */
  }
  to {
    background-position: 0 0; /* 左に流す */
  }
}
#contents02 .inner-Box2 {margin: 0 auto;position: relative;border-radius: 30px;background: #fff;max-width: 1200px;padding: 94px 8rem 100px;}
#contents02 .inner-Box2 .inBox{position: relative;padding-right: 450px;min-height: 648px;margin-bottom: 46px;}
#contents02 .inner-Box2 h2 {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.104rem;margin-bottom: 7px;position: relative;text-align: center;}
#contents02 .inner-Box2 h3 {font-size: 1.4rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.056rem;margin-bottom: 71px;position: relative;text-align: center;}
#contents02 .inner-Box2 figure.photo01 {position: absolute;top: 8px;right: 0;overflow: hidden;border-radius: 10px;}
#contents02 .inner-Box2 figure.photo01 img{  }
#contents02 .inner-Box2 figure.photo02 {position: absolute;top: 295px;right: 0;overflow: hidden;border-radius: 10px;}
#contents02 .inner-Box2 figure.photo02 img{  }
#contents02 .inner-Box2 p.text {font-size: 1.6rem;line-height: 2.6;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 4.2rem;position: relative;}
#contents02 .inner-Box2 p.morebtn a > span::before {right: 114px;}

/* コンテンツは非表示、アクティブだけ表示 */
#features .conBox1 { display: none; }
#features .conBox1.active { display: block; }

/* タブにアクティブ状態 */
#features .tab-list .bubble.active { opacity: 1; font-weight: 700; border-color: currentColor; }

#features {margin: 0 auto 117px;position: relative;background: url('../images/index/contents03-back01.svg')no-repeat top center;padding: 150px 50px 0;}
#features h2 {color: #FF6991;opacity: 1;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: relative;text-align: center;margin-bottom: 7px;transition: all 0.3s ease-in-out;}
#features.fadeCom__On h2 {color: #FAA5BC;opacity: 0.4;}
#features h3 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 56px;position: relative;text-align: center;}
#features .inner-Box {margin: 0 auto 50px;position: relative;}
#features .inner-Box ul.tab-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: 30px;justify-content: center; /* 横方向に中央寄せ */}
#features .inner-Box ul li {position: relative;margin: 0 9px;}
#features .inner-Box p.ltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;position: relative;}
#features .contents-Box {margin: 0 auto;position: relative;max-width: 1530px;}
#features .conBox1 { margin: 0 auto; position: relative; }
#features .conBox1 ul.featureslist {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;}
#features .conBox1 ul li {position: relative;width: 18.7%;/* min-width: 260px; */margin-right: 1.3%;margin-bottom: 20px;border: 1px solid #FD7492;border-radius: 20px;overflow: hidden;}
#features .conBox1 ul li:nth-child(5n) {/* margin-right: 0px; */}
#features .conBox1 ul li .textb{padding: 0 1.5rem;}

#features .conBox1 ul li figure.photo {width: 100%;aspect-ratio: 29 / 20;overflow: hidden;text-align: center;margin-bottom: 22px;position: relative;}
#features .conBox1 ul li figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#features .conBox1 h4 {font-size: 1.6rem;line-height: 1.4;font-weight: 600;letter-spacing: 0.064rem;margin-bottom: 7px;position: relative;}
#features .conBox1 p.text1 {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 3rem;position: relative;color: #333333;}
#features .conBox1 p.text2 {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 2rem;position: relative;background: #fff;border-radius: 10px;padding: 9px;}
#features .conBox1 p.text2 span.tag {font-weight: 500;}
#features .conBox1 p.text2 span.cate {font-weight: 700;}
#features .morebtn{margin-top: 90px;}
#features .morebtn a > span::before {right: 106px;}

.tab-list{ display:flex; gap: 16px; flex-wrap: wrap; }
.tab-list .bubble{--bg:#fff;            /* 背景色 */--txt:#A35;           /* 文字色 *//* --shadow: 0 6px 16px rgba(0,0,0,.08); */--border:#FD8E74;     /* ボーダー色（カテゴリごとに上書き） */position: relative;padding: 15px 18px;border-radius: 999px;background: var(--bg);color: var(--txt);box-shadow: var(--shadow);line-height: 1;max-width: 300px;width: 25%;text-align: center;border: 1px solid var(--border);}
.tab-list .bubble::after{ content:""; position:absolute; left: 50%; bottom: -8px; width: 14px; height:14px; background: var(--bg); transform: translateX(-50%) rotate(45deg); box-shadow: var(--shadow); z-index: 0; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.tab-list .ltext{ font-size: 1.6rem; letter-spacing: .06rem; margin: 0; }
.tab-list .cate--all{--bg: #FFF7F0;--txt: #FD8E74;--border: #FD8E74;}
.tab-list .cate--skill{ --bg: #FFF0F0; --txt: #FD7492; --border: #FD7492; }
.tab-list .cate--benefit{ --bg: #FEEBF6; --txt: #FC93CC; --border: #FC93CC; }
.tab-list .cate--people{ --bg: #F7E9FF; --txt: #D493FC; --border: #D493FC; }

#features .conBox1 ul li.cate01{border: 1px solid #FD7492; background: #FFF0F0; }
#features .conBox1 ul li.cate02{border: 1px solid #FC93CC; background: #FEEBF6; }
#features .conBox1 ul li.cate03{border: 1px solid #D493FC; background: #F7E9FF; }

#features .conBox1 ul li.cate01 h4,#features .conBox1 ul li.cate01 .textb{ color: #F44DA1;}
#features .conBox1 ul li.cate02 h4,#features .conBox1 ul li.cate02 .textb{ color: #F44DA1;}
#features .conBox1 ul li.cate03 h4,#features .conBox1 ul li.cate03 .textb{ color: #A245DB;}

#contents04 {margin: 0 auto;position: relative;padding: 0 50px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 1632px;height: 749px;border-radius: 30px;background: #fff;padding: 103px 5rem 0;}
#contents04 .inner-Box h2.ttl01 {width: 260px;margin: 0 auto -59px;}
#contents04 .inner-Box h2.ttl01 span{  }
#contents04 .inner-Box h2.ttl01 img {  }
#contents04 .inner-Box h3 {font-size: 1.4rem;line-height: 1.4;font-weight: 400;letter-spacing: 1.134rem;margin-bottom: 100px;position: relative;text-align: center;}
#contents04 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 477px;left: 50%;margin-left: -520px;z-index: 3;}
#contents04 .inner-Box span.icon img {  }
#contents04 .inner-Box ul{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;max-width: 1318px;margin: 0 auto 60px;}
#contents04 .inner-Box ul li {position: relative;width: 19.4%;margin-right: 0.7%;border-radius: 5px;overflow: hidden;}
#contents04 .inner-Box ul li:nth-child(5n) { margin-right: 0px; }
#contents04 .inner-Box ul li:nth-child(6) { display: none; }
#contents04 .inner-Box ul li figure {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;position: relative;}
#contents04 .inner-Box ul li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contents05 {margin: 0 auto;position: relative;padding: 195px 50px 130px;}
#contents05 figure.img01 {position: absolute;top: -34px;right: 0;width: 44.3vw;}
#contents05 figure.img01 img{  }
#contents05 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;padding: 0 0 0 470px;}
#contents05 .inner-Box h2 {color: #FAA5BC;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -45px;left: 0;z-index: 3;}
#contents05 .inner-Box figure.photo {position: absolute;top: 6px;left: 0;border-radius: 40px;overflow: hidden;}
#contents05 .inner-Box figure.photo img{  }
#contents05 .inBox {margin: 0 0 0 auto;position: relative;min-height: 959px;border-radius: 30px;background: rgba(255,255,255,0.5);padding: 9.6rem 7.9rem 5rem;}
#contents05 .inBox h3 {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 4px;position: relative;}
#contents05 .inBox h4 {font-size: 1.4rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.056rem;margin-bottom: 52px;position: relative;}
#contents05 .inBox p.text {font-size: 1.6rem;line-height: 2.6;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 4.2rem;position: relative;}
#contents05 figure.img02 {position: absolute;bottom: 0;left: 50%;margin-left: -780px;width: 32.29vw;}
#contents05 figure.img02 img{  }
#contents05 .morebtn{margin-top: 49px;margin: 49px 0 0 auto;}
#contents05 .morebtn a > span::before {right: 80px;}

#contents06 {margin: 0 auto 92px;position: relative;padding: 0 50px;}
#contents06 .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;}
#contents06 .inner-Box h2 {color: #d5adf2;opacity: 0.4;letter-spacing: 0;font-size: 10rem;font-weight: 400;line-height: 1;position: absolute;top: -53px;right: 39px;z-index: 3;}
#contents06 .inner-Box h3 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 56px;position: relative;text-align: center;}
#contents06 .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: 61px;}
#contents06 .inner-Box ul.movie-list li {position: relative;width: 31.7%;margin-right: 2.4%;}
#contents06 .inner-Box ul.movie-list li:nth-child(3n) { margin-right: 0px; }
#contents06 .inner-Box iframe {width: 100%;height: 200px;position: relative;top: 0;left: 0;margin-bottom: 6px;}
#contents06 .inner-Box figure.photo img{  }
#contents06 .inner-Box p.ltext {font-size: 1.7rem;line-height: 1.8;font-weight: 700;letter-spacing: 0.068rem;margin-bottom: 3rem;position: relative;}
#contents06 .inner-Box p.ltext span {  }

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

#contents06 .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; }
#contents06 .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なので不要 */ }
#contents06 .inner-Box ul.media-list li a{ text-decoration: underline; transition: all 0.3s ease-in-out;}
#contents06 .inner-Box ul.media-list li a::before{ }
#contents06 .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%);}
#contents06 .inner-Box ul.media-list li{ border-bottom: 1px dashed #999999; margin-bottom: 11px; }
#contents06 .inner-Box ul.media-list .leftbb{width: 57%;float: left;}
#contents06 .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;}


#contents06 .inner-Box p.morebtn a > span::before {right: 106px;}

#contents07 {margin: 0 auto 92px;position: relative;padding: 0 50px;}
#contents07 .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);}
#contents07 .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;left: 40px;}
#contents07 .inner-Box h3 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 76px;position: relative;text-align: center;}
#contents07 .inBox {margin: 0 auto 78px;position: relative;min-height: 400px;padding: 0 0 0 309px;}
#contents07 .inBox figure.img { position: absolute; top: 0; left: 0; }
#contents07 .inBox figure.img img{  }
#contents07 .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;}
#contents07 .inBox p.text { font-size: 1.6rem; line-height: 1.8; font-weight: 400; letter-spacing: 0.064rem; margin-bottom: 3rem; position: relative; }
#contents07 p.morebtn a > span::before {right: 106px;}

#contents08 {margin: 0 auto 145px;position: relative;width: 500px;height: 500px;box-shadow: 0px 0px 60px #FFFFFF;background: #fff;border-radius: 50%;text-align: center;}
#contents08 .inner-Box {margin: 0 auto;position: relative;padding: 118px 0 0;}
#contents08 .inner-Box h2 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 26px;position: relative;}
#contents08 .inner-Box h3 {font-size: 1.8rem;line-height: 2.67;font-weight: 400;letter-spacing: 0.072rem;margin-bottom: 37px;position: relative;}
#contents08 .inner-Box h4 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 3px;position: relative;color: #9A7B8E;}
#contents08 .inner-Box p.text {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 1.7rem;position: relative;color: #9A7B8E;}



}

@media screen and (min-width:768px) and ( max-width:1920px) {


}
@media screen and (min-width:768px) and ( max-width:1450px) {
/* 横スクロールさせるのはul本体でOK */
#features .inner-Box ul.tab-list {flex-wrap: nowrap;              /* 折り返し禁止 */justify-content: flex-start;    /* 左寄せ（センタリングはスクロールと相性×） */justify-content: center; /* 中央寄せ */overflow-x: auto;               /* 横スクロール有効化 */overflow-y: hidden;-webkit-overflow-scrolling: touch; /* iOS慣性スクロール */gap: 16px;                      /* タブ間余白（お好みで） */padding-bottom: 13px;            /* スクロールバー分の逃げ（必要なら） */scroll-snap-type: x proximity;  /* スクロール中の吸着（任意） */scrollbar-gutter: stable both-edges; /* レイアウトのガタつき軽減（対応ブラウザ） */}
#features .inner-Box ul.tab-list > li { flex: 0 0 auto;                 /* 幅を保つ */ scroll-snap-align: start;       /* 吸着位置（任意） */ }
.tab-list .bubble{ max-width: 230px; }

}
@media screen and (min-width:768px) and ( max-width:1200px) {
  #features .conBox1 ul{ width: 820px; margin: 0 auto; }
  #features .conBox1 ul li{width: 260px;margin-right: 20px;}
  #features .conBox1 ul li:nth-child(3n){margin-right: 0px;}
  #features .inner-Box ul.tab-list  { justify-content: flex-start;}
}

@media screen and (min-width:768px) and ( max-width:1150px) {


}

@media screen and (min-width:768px) and ( max-width:1000px) {
  #contents06 .inner-Box {padding: 9.7rem 4rem 10.3rem;}
  #contents06 .inner-Box ul.media-list .leftbb{width: 100%;float: none;}
  #contents06 .inner-Box ul.media-list .rightbb{max-width: 100%;float: none;margin-bottom: 20px;}
  

}
@media screen and (min-width:768px) and ( max-width:950px) {


}



@media screen and (max-width: 767px) {

body{padding-top: 49vw;}

#contentsmain .img01,
#contentsmain .img02,
#contentsmain .text,
#contentsmain .morebtn,
#contentsmain .list{ opacity: 0; transform: translateY(0vw); transition: opacity .8s ease, transform .8s ease; }
#contentsmain .is-visible{ opacity: 1; transform: none; }

#contentsmain {margin: 0 auto 15.33vw;position: relative;background: url('../images/index/sp-contentsmain-back01.svg')no-repeat top center;background-size: 100% auto;}
#contentsmain .inner-Box {margin: 0 auto 23.1vw;position: relative;}
#contentsmain .inner-Box figure.img01 {position: absolute;right: 0vw;width: 100vw;top: -43vw;margin: 0 0 0vw;}
#contentsmain .inner-Box figure.img01 img{  }
#contentsmain .inner-Box h1 {font-size: 6.93vw;line-height: 1.56;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.4vw;position: relative;text-align: center;top: -3.4vw;left: 3vw;}
#contentsmain .inner-Box h1.is-active{ opacity:1; }
#contentsmain .inner-Box h1 span.min {font-size: 5.87vw;}
/* 初期は全charを隠す */
[data-text-animation="fadeIn"] .char { opacity: 0; }



/* 既存の alternative は不可視のまま */
.alternative{ position:fixed !important; inset:0 !important; inline-size:1.07vw !important; block-size:1.07vw !important; contain:strict !important; pointer-events:none !important; opacity:0 !important; }


#contentsmain .inner-Box p.text {font-size: 3.20vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 9vw;position: relative;text-align: center;}
#contentsmain .inner-Box p.morebtn {font-size: 3.47vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.17vw;margin: 0 14vw 10.7vw;position: relative;}
#contentsmain .inner-Box p.morebtn a {  }
#contentsmain .inner-Box p.morebtn a:hover {  }
#contentsmain .inner-Box ul.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: 0 9.2vw;border-left: #FF6991 0.27vw solid;}
#contentsmain .inner-Box ul li {position: relative;width: 38.33%;text-align: center;border-right: #FF6991 0.27vw solid;}
#contentsmain .inner-Box ul li:nth-child(2) {width: 22.33%;margin-right: 0.0vw;}
#contentsmain .inner-Box ul li a { color: #FF6991; transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box ul li a:hover { color: #E37F9A;}
#contentsmain .inner-Box ul li span{ display: inline-block; }
#contentsmain .inner-Box ul li span::after{content: url(../images/common/arr.svg);position: relative;top: 0;right: -1.2vw;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;}
#contentsmain .inner-Box p.ltext {font-size: 2.93vw;line-height: 1;font-weight: 400;letter-spacing: 0.17vw;position: relative;}
#contentsmain .inner-Box2 {margin: 0 9.2vw;position: relative;border-radius: 4vw;background: rgba(255,255,255,0.7);padding: 9.57vw 5.1vw 10vw;}
#contentsmain .inner-Box2 span.en{color: #FF6991;opacity: 0;letter-spacing: 0.38vw;font-size: 9.60vw;font-weight: 400;position: absolute;top: -5.6vw;line-height: 1;left: 5.67vw;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box2 span.en.fadeCom__On{color: #FAA5BC;opacity: 0.4;}

#contentsmain .inner-Box2 h2 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 2.13vw;position: relative;}
#contentsmain .inner-Box2 ul.system-list {margin-bottom: 3.6vw;}

#contentsmain .inner-Box2 ul li {position: relative;border-bottom: #999999 dashed 0.27vw;margin-bottom: 3.1vw;}
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }
#contentsmain .inner-Box2 p.system-date {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 1.9vw;position: relative;}
#contentsmain .inner-Box2 p.system-date span.cate {display: inline-block;font-size: 2.93vw;color: #fff;font-weight: 500;letter-spacing: 0.14vw;background: #FAA5BC;border-radius: 1.33vw;line-height: 1;padding: 1.2vw 4.27vw;margin-left: 2.33vw;}
#contentsmain .inner-Box2 p.ltext {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 2.9vw;position: relative;}
#contentsmain .inner-Box2 p.morebtn2 {position: relative;text-align: right;margin-right: 0.6vw;}
#contentsmain .inner-Box2 p.morebtn2 a {color: #F44D73;font-size: 3.47vw;font-weight: 600;}
#contentsmain .inner-Box2 p.morebtn2 a:hover {  }
#contentsmain figure.img02 { display: none; }
#contentsmain figure.img02 img{  }

#contents01 {margin: 0 auto 12.57vw;position: relative;background: url('../images/index/sp-contents01-back01.svg')no-repeat top center;background-size: 100% auto;}
#contents01 .inner-Box {margin: 0 4vw;position: relative;}
#contents01 .inner-Box h2 {font-size: 4.00vw;line-height: 2;font-weight: 400;letter-spacing: 0.28vw;margin: 0 auto -8.3vw;position: relative;height: 59.20vw;box-shadow: 0.0vw 0.0vw 16.0vw #FFFFFF;background: #fff;border-radius: 50%;top: 0vw;writing-mode: vertical-rl;padding: 15.4vw 14.4vw 5vw 5vw;color: #F26272;width: 59.20vw;}
#contents01 .inner-Box h2 span.ht1 {display: block;}
#contents01 .inner-Box h2 span.ht2 {position: relative;top: 0vw;left: 0vw;}
#contents01 .inner-Box h3 {color: #FF6991;opacity: 1;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: relative;text-align: center;margin-bottom: -0.43vw;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box h3.fadeCom__On {color: #FAA5BC;opacity: 0.4;}

#contents01 .inner-Box h4 {font-size: 3.73vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 10.13vw;position: relative;text-align: center;}
#contents01 .inner-Box ul{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;}
#contents01 .inner-Box ul li {position: relative;border-radius: 4.00vw;background: #fff;width: 100%;padding: 4.37vw 2.67vw 2.67vw 37.27vw;margin-bottom: 1.6vw;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box figure.photo {top: 5.5vw;left: 3.8vw;border-radius: 1.33vw;overflow: hidden;margin-bottom: 4.8vw;position: absolute;width: 30.7vw;}
#contents01 .inner-Box figure.photo img{width: 100%;height: auto;}
#contents01 .inner-Box h5 {font-size: 4.53vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.26vw;margin-bottom: 1.77vw;position: relative;text-align: left;}
#contents01 .inner-Box p.ltext {font-size: 3.20vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.13vw;position: relative;margin-bottom: 2vw;}
#contents01 .inner-Box p.ltext2 {font-size: 2.93vw;line-height: 1.8;font-weight: 600;letter-spacing: 0.17vw;position: relative;text-align: right;padding-right: 1.7vw;padding-bottom: 2.2vw;}
#contents01 .inner-Box p.ltext2 a {color: #F44D73;display: inline-block;padding: 0 0 0 7.3vw;transition: all 0.3s ease-in-out;position: relative;}
#contents01 .inner-Box p.ltext2 a:hover { color: #E37F9A;}

#contents01 .inner-Box p.ltext2 a::before {content: "";background: url(../images/common/arr.svg)no-repeat;position: absolute;transform: translateY(-50%);filter: invert(39%) sepia(34%) saturate(2542%) hue-rotate(314deg) brightness(102%) contrast(91%);left: 4.2vw;transition: all 0.3s ease-in-out;background-size: 100% auto;display: block;width: 2.5vw;height: 2vw;top: 2.7vw;}
#contents01 .inner-Box p.ltext2 a:hover::before{ left: 0vw;  }


#contents02 {position: relative;background: url('../images/index/sp-contents02-back02.png')repeat-x bottom center;padding: 0 0vw 15.93vw;background-size: 100% auto;}
#contents02 .inner-Box{margin: 0 auto -11.4vw;position: relative;background: url('../images/index/contents02-back01.svg')repeat-x top center;height: 17.33vw;animation: bgScroll 90s linear infinite;z-index: 3;background-size: auto 100%;}
@keyframes bgScroll {
  from {
    background-position: 538.40vw 0; /* 初期位置を右寄せ */
  }
  to {
    background-position: 0 0; /* 左に流す */
  }
}
#contents02 .inner-Box2 {margin: 0 4vw;position: relative;border-radius: 4vw;background: #fff;padding: 14.17vw 5.2vw 10.67vw;}
#contents02 .inner-Box2 .inBox{position: relative;padding-right: 0vw;margin-bottom: 9.07vw;}
#contents02 .inner-Box2 h2 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.28vw;margin-bottom: 2.77vw;position: relative;text-align: center;}
#contents02 .inner-Box2 h3 {font-size: 3.20vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.13vw;margin-bottom: 7.73vw;position: relative;text-align: center;}
#contents02 .inner-Box2 figure.photo01 {position: relative;right: 0;overflow: hidden;border-radius: 2.67vw;margin-bottom: 2vw;}
#contents02 .inner-Box2 figure.photo01 img{  }
#contents02 .inner-Box2 figure.photo02 {position: relative;right: 0;overflow: hidden;border-radius: 2.67vw;margin-bottom: 5.8vw;}
#contents02 .inner-Box2 figure.photo02 img{  }
#contents02 .inner-Box2 p.text {font-size: 3.47vw;line-height: 2.6;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 9.1vw;position: relative;}
#contents02 .inner-Box2 p.morebtn a > span::before {right: -3.2vw;}

/* コンテンツは非表示、アクティブだけ表示 */
#features .conBox1 { display: none; }
#features .conBox1.active { display: block; }

/* タブにアクティブ状態 */
#features .tab-list .bubble.active { opacity: 1; font-weight: 700; border-color: currentColor; }

#features {margin: 0 auto 21.2vw;position: relative;background: url('../images/index/contents03-back01.svg')no-repeat top center;padding: 17.7vw 0vw 0 3.73vw;background-size: 100% auto;}
#features h2 {color: #FF6991;opacity: 1;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: relative;text-align: center;margin-bottom: -0.33vw;left: -2vw;transition: all 0.3s ease-in-out;}
#features h2.fadeCom__On {color: #FAA5BC;opacity: 0.4;}
#features h3 {font-size: 4.27vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 9.93vw;position: relative;text-align: center;left: -2.1vw;}
#features .inner-Box {margin: 0 auto 4.93vw;position: relative;padding-bottom: 0vw;}
#features .inner-Box ul.tab-list {flex-wrap: nowrap;              /* 折り返し禁止 */justify-content: flex-start;    /* 左寄せ（センタリングはスクロールと相性×） */overflow-x: auto;               /* 横スクロール有効化 */overflow-y: hidden;-webkit-overflow-scrolling: touch; /* iOS慣性スクロール */gap: 1vw;                      /* タブ間余白（お好みで） */padding-bottom: 1vw;            /* スクロールバー分の逃げ（必要なら） */scroll-snap-type: x proximity;  /* スクロール中の吸着（任意） */scrollbar-gutter: stable both-edges; /* レイアウトのガタつき軽減（対応ブラウザ） */}
#features .inner-Box ul.tab-list > li {flex: 0 0 auto;                 /* 幅を保つ */scroll-snap-align: start;       /* 吸着位置（任意） */width: 40vw;height: 10.6vw;border-radius: 7vw;margin-bottom: 1vw;margin-right: 1.7vw;}
#features .inner-Box p.ltext {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.17vw;position: relative;}
#features .contents-Box {margin: 0 0vw 0 0vw;position: relative;}
#features .conBox1 {margin: 0 0vw;position: relative;}
/* 横スクロールの土台 */
#features .conBox1 ul.featureslist{ display: flex;                 /* ← 必須 */ flex-wrap: nowrap;             /* 折り返し禁止 */ gap: 1vw; overflow-x: auto;              /* 横スクロール */ overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; /* 任意：吸着 */ padding-bottom: 1vw;           /* スクロールバー逃げ */ }
#features .conBox1 ul.featureslist.sss::before{content: "";background: url(../images/index/scroll.svg)no-repeat;width: 21.33vw;height: 21.33vw;position: absolute;top: 35vw;left: 36vw;background-size: 100% auto;z-index: 3;transition: opacity .4s ease; /* ← フェード時間 */
  pointer-events: none;  }
/* 既存の ::before 定義はそのまま */
#features .conBox1 ul.featureslist.hint-hide::before{
  opacity: 0;
}
#features .conBox1 ul.featureslist > li{flex: 0 0 auto;                /* 縮ませない */width: 58.67vw;                /* 好きなカード幅 */border-radius: 4vw;margin: 0;                     /* 既存の margin-right などは gap に任せる */scroll-snap-align: start;      /* 任意：吸着位置 */border: 1px solid #FD7492;overflow: hidden;margin-right: 3.3vw;background: #FFF0F0;}

#features .conBox1 ul li .textb{padding: 0 3.8vw;}

#features .conBox1 ul li figure.photo {width: 100%;aspect-ratio: 29 / 20;overflow: hidden;text-align: center;margin-bottom: 5.87vw;position: relative;}
#features .conBox1 ul li figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#features .conBox1 h4 {font-size: 3.73vw;line-height: 1.4;font-weight: 600;letter-spacing: 0.15vw;margin-bottom: 1.87vw;position: relative;color: #F84382;}
#features .conBox1 p.text1 {font-size: 3.47vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 3.8vw;position: relative;color: #333333;}
#features .conBox1 p.text2 {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.13vw;margin-bottom: 5.6vw;position: relative;background: #fff;border-radius: 2.67vw;padding: 1.8vw 1.5vw;}
#features .conBox1 p.text2 span.tag {font-weight: 500;}
#features .conBox1 p.text2 span.cate {font-weight: 700;}
#features .morebtn{margin: 10.8vw 14vw 0 10vw;}
#features .morebtn a > span::before {right: -3.73vw;}

.tab-list{ display:flex; gap: 4.27vw; flex-wrap: wrap; }
.tab-list .bubble{--bg:#fff;            /* 背景色 */--txt:#A35;           /* 文字色 *//* --shadow: 0 1.6vw 4.27vw rgba(0,0,0,.08); */--border:#FD8E74;     /* ボーダー色（カテゴリごとに上書き） */position: relative;padding: 2.1vw 0.8vw;border-radius: 0vw;background: var(--bg);color: var(--txt);box-shadow: var(--shadow);line-height: 1;text-align: center;border: 0.37vw solid var(--border);}
.tab-list .bubble::after{content:"";position:absolute;left: 50%;bottom: -1.3vw;width: 1.73vw;height: 1.73vw;background: var(--bg);transform: translateX(-50%) rotate(45deg);box-shadow: var(--shadow);z-index: 0;border-right: 0.37vw solid var(--border);border-bottom: 0.37vw solid var(--border);}
.tab-list .ltext{ font-size: 4.27vw; letter-spacing: .06rem; margin: 0; }
.tab-list .cate--all{--bg: #FFF7F0;--txt: #FD8E74;--border: #FD8E74;}
.tab-list .cate--skill{ --bg: #FFF0F0; --txt: #FD7492; --border: #FD7492; }
.tab-list .cate--benefit{ --bg: #FEEBF6; --txt: #FC93CC; --border: #FC93CC; }
.tab-list .cate--people{ --bg: #F7E9FF; --txt: #D493FC; --border: #D493FC; }

#features .conBox1 ul li.cate01{border: 1px solid #FD7492; background: #FFF0F0; }
#features .conBox1 ul li.cate02{border: 1px solid #FC93CC; background: #FEEBF6; }
#features .conBox1 ul li.cate03{border: 1px solid #D493FC; background: #F7E9FF; }

#features .conBox1 ul li.cate01 h4,#features .conBox1 ul li.cate01 .textb{ color: #F44DA1;}
#features .conBox1 ul li.cate02 h4,#features .conBox1 ul li.cate02 .textb{ color: #F44DA1;}
#features .conBox1 ul li.cate03 h4,#features .conBox1 ul li.cate03 .textb{ color: #A245DB;}


#contents04 {position: relative;}
#contents04 .inner-Box {position: relative;border-radius: 10.9vw;background: #fff;padding: 15.87vw 9vw 16vw;}
#contents04 .inner-Box h2.ttl01 {margin: 0 15vw -12.1vw;}
#contents04 .inner-Box h2.ttl01 span{  }
#contents04 .inner-Box h2.ttl01 img {  }
#contents04 .inner-Box h3 {font-size: 2.93vw;line-height: 1.4;font-weight: 400;letter-spacing: 2.38vw;margin-bottom: 26.07vw;position: relative;text-align: center;padding-left: 3.2vw;}
#contents04 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 36vw;right: 4vw;margin-left: 0vw;z-index: 3;width: 27.9vw;}
#contents04 .inner-Box span.icon img {  }
#contents04 .inner-Box ul{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: 0 auto 10.7vw;}
#contents04 .inner-Box ul li {position: relative;width: 48.3%;margin-right: 3%;border-radius: 1.33vw;overflow: hidden;margin-bottom: 2.5vw;}
#contents04 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents04 .inner-Box ul li:nth-child(6) {}
#contents04 .inner-Box ul li figure {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;position: relative;}
#contents04 .inner-Box ul li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contents05 {position: relative;padding: 14vw 0.03vw 10.97vw;}
#contents05 figure.img01 {position: absolute;top: 34.1vw;right: 0;width: 91.3vw;}
#contents05 figure.img01 img{  }
#contents05 .inner-Box {margin: 0 4vw;position: relative;padding: 6.3vw 0 0 0vw;}
#contents05 .inner-Box h2 {color: #FAA5BC;opacity: 0.4;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: absolute;top: -1vw;left: 0;z-index: 3;}
#contents05 .inner-Box figure.photo {position: relative;top: 1.6vw;left: 0;border-radius: 3.67vw;overflow: hidden;width: 59.3vw;margin-bottom: 4.6vw;}
#contents05 .inner-Box figure.photo img{  }
#contents05 .inBox {margin: 0 0 0 auto;position: relative;border-radius: 3vw;background: rgba(255,255,255,0.5);padding: 12vw 7vw 13vw 7vw;}
#contents05 .inBox h3 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 0.47vw;position: relative;}
#contents05 .inBox h4 {font-size: 3.20vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.13vw;position: relative;margin: 0 0 11.47vw -0.3vw;}
#contents05 .inBox p.text {font-size: 3.47vw;line-height: 2.6;font-weight: 400;letter-spacing: 0.14vw;position: relative;margin: 0 -1.7vw 9.1vw;}
#contents05 figure.img02 {position: relative;bottom: 0;left: 50%;margin-left: 0vw;width: 32.29vw;}
#contents05 figure.img02 img{  }
#contents05 .morebtn{margin-top: 13.07vw;margin: 13.67vw 3vw 0 2.9vw;}
#contents05 .morebtn a > span::before {right: -3.37vw;}

#contents06 {margin: 0 auto 11.53vw;position: relative;}
#contents06 .inner-Box {margin: 0 4vw;position: relative;background: rgba(213,198,224,0.3);border-radius: 3vw;padding: 11.8vw 5.2vw 8.4vw 5.2vw;}
#contents06 .inner-Box h2 {color: #d5adf2;opacity: 0.4;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: absolute;top: 50vw;right: -49vw;z-index: 3;transform: rotate(90deg);transform-origin: center;width: 100vw;}
#contents06 .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;}
#contents06 .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: 9.27vw;}
#contents06 .inner-Box ul.movie-list li {position: relative;width: 100%;}
#contents06 .inner-Box ul.movie-list li:nth-child(3n) { margin-right: 0.0vw; }
#contents06 .inner-Box iframe{width: 100%; height: 45.64vw; position: relative;top: 0;left: 0;margin-bottom: 1.1vw;}
#contents06 .inner-Box figure.photo img{  }
#contents06 .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 700;letter-spacing: 0.18vw;margin-bottom: 5.6vw;position: relative;}
#contents06 .inner-Box p.ltext span {  }

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

#contents06 .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;}
#contents06 .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;}
#contents06 .inner-Box ul.media-list li a{ text-decoration: underline; transition: all 0.3s ease-in-out;}
#contents06 .inner-Box ul.media-list li a::before{ }
#contents06 .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%);}
#contents06 .inner-Box ul.media-list li{border-bottom: 0.37vw dashed #999999;margin-bottom: 4.03vw;margin-right: 1vw;}
#contents06 .inner-Box ul.media-list .leftbb{}
#contents06 .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;}

#contents06 .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;}
#contents06 .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;}
#contents06 .inner-Box .moreall.open::after{transform: rotate(-90deg); }


#contents06 .inner-Box p.morebtn a > span::before {right: -3.73vw;}

#contents07 {margin: 0 auto 21.23vw;position: relative;}
#contents07 .inner-Box {margin: 0 4vw;position: relative;padding: 11vw 3vw 13.8vw 3vw;border-radius: 5.33vw;background: rgba(255,201,201,0.3);}
#contents07 .inner-Box h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: absolute;top: 41vw;z-index: 3;transform: rotate(90deg);transform-origin: center;right: -37vw;}
#contents07 .inner-Box h3 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 9.77vw;position: relative;text-align: center;}
#contents07 .inBox {margin: 0 auto 10.2vw;position: relative;}
#contents07 .inBox figure.img {position: relative;top: 0;left: 0;margin: 0 16.2vw 7.3vw;}
#contents07 .inBox figure.img img{  }
#contents07 .inBox h4 {font-size: 4.27vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin: 0 0vw 4.3vw 2.33vw;position: relative;padding: 0 0 0 2.4vw;}
#contents07 .inBox h4::before{content: "";background: #FF6991;width: 1.33vw;height: 6.67vw;position: absolute;top: 0.6vw;left: 0;}
#contents07 .inBox p.text {font-size: 3.73vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.2vw 4vw;position: relative;}
#contents07 p.morebtn {margin: 0 7vw;}
#contents07 p.morebtn a > span::before {right: -3.73vw;}

#contents08 {margin: 0 auto 20.97vw;position: relative;box-shadow: 0.0vw 0.0vw 16.0vw #FFFFFF;background: #fff;border-radius: 50%;text-align: center;width: 81.33vw;height: 81.33vw;}
#contents08 .inner-Box {margin: 0 4vw;position: relative;padding: 14.77vw 0 0;}
#contents08 .inner-Box h2 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 1.73vw;position: relative;}
#contents08 .inner-Box h3 {font-size: 2.93vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 5.67vw;position: relative;}
#contents08 .inner-Box h4 {font-size: 4.27vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: -0.2vw;position: relative;color: #9A7B8E;}
#contents08 .inner-Box p.text {font-size: 2.67vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 1.7rem;position: relative;color: #9A7B8E;}




}