@charset "UTF-8";
/*ABOUT*/
#page_about .lower-heading{
 padding: 117px 0 93px;
}
#page_about .main .inner .main_img{
 margin: -180px 0 0;
 position: relative;
 width: 100%;
 height: 600px;
 background: url(../../images/about/main.webp) no-repeat center center;
 background-size: cover;
}
#page_about .main .inner .main_img .bg_txt{
 position: absolute;
 top: 146px;
 left: 0;
}
#page_about .main .inner .main_img .bg_txt p{
 width: fit-content;
 color: #fff;
 font-size: 30px;
 font-weight: bold;
 letter-spacing: 0.05rem;
 background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
 padding: 0 0 0 25px;
}
#page_about .main .inner .main_img .bg_txt p span{
 font-size: 50px;
}
#page_about .main .inner .main_img .bg_txt p:last-child{
 margin: 20px 0 0;
}
#page_about .symptom,
#page_hypersomnia-symptoms .symptom{
 padding: 115px 0 85px;
}
#page_about .symptom h2,
#page_hypersomnia-symptoms .symptom h2{
 text-align: center;
 font-size: 30px;
 letter-spacing: 0.05rem;
}
#page_about .symptom .bg_txt2,
#page_hypersomnia-symptoms .symptom .bg_txt2{
 position: relative;
 color: #fff;
 width: fit-content;
 margin: 25px auto 0;
 padding: 15px 25px;
 font-size: 30px;
 font-weight: bold;
 letter-spacing: 0.05rem;
 line-height: 1.3;
 background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
}
#page_about .symptom .symptoms-wrapper,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper{
 display: flex;
 flex-wrap: wrap;
 gap: 15px;
 margin: 30px 0 0;
}
#page_about .symptom .symptoms-wrapper .symptoms-box,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box
{
 width: calc((100% - 30px) / 3 );
}
#page_about .symptom .symptoms-wrapper .symptoms-box .title,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box .title
{
 position: relative;
 display: flex;
 width: 100%;
 gap: 20px;
 align-items: center;
 margin: 0;
 padding: 15px 30px;
 background-color: #C20064;
 color: #fff;
 border-radius: 5px 5px 0 0;
 cursor: pointer;
}
#page_about .symptom .symptoms-wrapper .symptoms-box .title:after,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box .title:after
{
 position: absolute;
 content: "";
 background: url('../../images/common/icon-plus-white.svg') no-repeat center center;
 background-size: contain;
 width: 22px;
 height: 22px;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 26px;
}
#page_about .symptom .symptoms-wrapper .symptoms-box.is-open .title:after,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box.is-open .title:after
{
 background: url('../../images/common/icon-minus-white.svg') no-repeat center center;
 background-size: contain;
}
#page_about .symptom .symptoms-wrapper .symptoms-box .title img,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box .title img
{
 width: auto;
 height: 50px;
 margin: 0;
}
#page_about .symptom .symptoms-wrapper .symptoms-box .title p,
#page_hypersomnia-symptom .symptoms .symptoms-wrapper .symptoms-box .title p
{
 font-size: 20px;
 font-weight: bold;
 letter-spacing: 0;
}
#page_about .symptom .symptoms-wrapper .symptoms-box ul,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box ul
{
 display: none;
 flex-wrap: wrap;
 gap: 20px;
 background-color: #fff;
 border-radius: 0 0 5px 5px;
 padding: 20px 40px;
}
#page_about .symptom .symptoms-wrapper .symptoms-box.is-open ul,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box.is-open ul
{
 display: flex;
}
#page_about .symptom .symptoms-wrapper .symptoms-box ul li,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box ul li
{
 position: relative;
 padding: 0 0 0 18px;
}
#page_about .symptom .symptoms-wrapper .symptoms-box ul li:before,
#page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box ul li:before
{
 position: absolute;
 content: "";
 width: 8px;
 height: 8px;
 background-color: #C20064;
 border-radius: 50px;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
}
#page_about .symptom .search-btn
#page_hypersomnia-symptoms .symptom .search-btn
{
 margin: 60px auto 0;
}
#page_about .symptom .search-btn a,
#page_hypersomnia-symptoms .symptom .search-btn a
{
 display: block;
 width: fit-content;
 margin: 0 auto;
 padding: 20px 70px;
 background-color: #C20064;
 border-radius: 35px;
 color: #fff;
 font-size: 23px;
 font-weight: bold;
 letter-spacing: -0.05rem;
}
#page_about .about h2{
 font-size: 40px;
 text-align: center;
 letter-spacing: 0;
}
#page_about .symptom > img,
#page_hypersomnia-symptoms .symptom > img{
 display: block;
 width: 711px;
 margin: -80px auto 0;
}
#page_about .symptom > img.sp,
#page_hypersomnia-symptoms .symptom > img.sp
{
 display: none;
}
#page_about .benefit{
 padding: 0 0 90px;
}
#page_about .benefit .inner > div{
 width: fit-content;
 background: #fff;
 padding: 65px 100px 110px;
 margin: 0 auto;
}
#page_about .benefit .inner > div img{
 width: 760px;
 display: block;
 margin: 0 auto;
}
#page_about .user-voice{
 background: #C20064;
 padding: 95px 0;
 text-align: center;
}
#page_about .user-voice .title{
 margin: 0 auto 75px;
}
#page_about .title{
 display: flex;
 align-items: flex-end;
 position: relative;
 width: fit-content;
 margin: 0 auto;
 text-align: center;
}
#page_about .title p:first-child{
 position: absolute;
 letter-spacing: -0.05rem;
 line-height: 1.1;
 left: 0;
 right: 0;
 font-size: 80px;
}
#page_about .user-voice > div:first-child p:nth-child(1){
 color: #ffffff52;
}
#page_about .title p:nth-child(2){
 font-size: 30px;
 letter-spacing: 0.05rem;
 position: relative;
}
#page_about .user-voice > div:first-child p:nth-child(2){
 color: #fff;
}
#page_about .about{
 padding: 155px 0 0;
 max-width: 1320px;
 margin: auto;
}
#page_about .about h2{
 margin: 0 0 80px;
}
#page_about .about > div{
 height: auto;
 position: relative;
}
#page_about .about > div + div{
 margin: 100px 0 0;
}
#page_about .about > div img:nth-child(1){
 position: sticky;
 top: 180px;
 width: 100%;
}
#page_about .about > div img:nth-child(2){
 position: relative;
 width: 720px;
 margin: -100px 0 0 50px;
}
#page_about .about > div + div img:nth-child(2){
 margin: -100px 50px 0 auto;
 display: block;
}
#page_about #page_message{
 padding: 80px 0 0;
 max-width: 1320px;
 margin: 0 auto;
}
#page_about .faq{
 background: #fff;
 padding: 120px 0 125px;
}
#page_about .faq .title{
 margin: 0 auto 40px;
}
#page_about .faq .title p:nth-child(1){
 color: #F5F5F5;
}
#page_about .faq .title p:nth-child(2){
 color: #C20064;
}
#page_about .faq .accordion .accordion-item:nth-child(1){
 border-top: none;
}
#page_about .faq .accordion-item{
 border-bottom: none;
}
#page_about .group{
 padding: 105px 0 87px;
 max-width: 1320px;
 margin: 0 auto;
}
#page_about .group .title p:nth-child(1){
 color: #fff;
}
#page_about .group .title p:nth-child(2){
 color: #C20064;
}
#page_about .group > div:nth-child(2){
 display: flex;
 align-items: center;
 justify-content: space-evenly;
 margin: 45px 0 30px;
}
#page_about .group > div:nth-child(2) div p{
 font-size: 30px;
 letter-spacing: 0.05rem;
 margin: 15px 0 0;
 color: #C20064;
}
#page_about .search-btn{
 margin: 50px auto 0;
}
/*MENU*/
#page_plan .contents{
 margin: 0 0 90px;
}
#page_plan .plan{
 width: fit-content;
 display: flex;
 gap: 105px;
 justify-content: space-between;
 padding: 0 0 80px;
 margin: 0 auto;
}
#page_plan h2{
 font-size: 30px;
 letter-spacing: 0.05rem;
}
#page_plan .plan h2{
 margin: 0 0 30px;
}
#page_plan .plan > div:nth-child(1){
 display: grid;
 gap: 45px;
}
#page_plan .plan div:nth-child(1) div dl{
 display: flex;
 align-items: center;
}
#page_plan .plan div:nth-child(1) div dl:not(:first-child){
 margin: 25px 0 0;
}
#page_plan .plan div:nth-child(1) div dl dt,
#page_plan .plan div:nth-child(1) div dl dd{
 display: flex;
 align-items: center;
 height: 84px;
 border-radius: 5px;
}
#page_plan .plan div:nth-child(1) div dl dt{
 width: 225px;
 color: #fff;
 background: #C20064;
 font-size: 20px;
}
#page_plan .plan div:nth-child(1) div dl dd{
 display: flex;
 justify-content: flex-end;
 width: 217px;
 background: #fff;
 font-size: 27px;
 text-align: right;
 padding-right: 31px;
}
#page_plan .plan div:nth-child(1) div:nth-child(1) dl dt{
 padding-left: 45px;
}
#page_plan .plan div:nth-child(1) div:nth-child(2) dl dt{
 padding-left: 25px;
}
#page_plan .plan > div:nth-child(2) div{
 display: grid;
 gap: 25px;
 background: #fff;
 padding: 50px 0;
 min-width: 620px;
 border-radius: 5px;
}
#page_plan .plan > div:nth-child(2) div dl{
 display: flex;
 gap: 45px;
 border-bottom: dotted 1px #D1D1D1;
 padding: 0 40px 20px;
 align-items: center;
}
#page_plan .plan > div:nth-child(2) div dl dt{
 width: 76%;
 font-size: 21px;
 line-height: 1.1;
}
#page_plan .plan > div:nth-child(2) div dl dd{
 font-size: 27px;
 line-height: 0.9;
}
#page_plan .plan > div:nth-child(2) div dl:nth-child(1) dt,
#page_plan .plan > div:nth-child(2) div dl:nth-child(1) dd{
 font-size: 18px;
 line-height: 1.3;
 text-align: center;
}
#page_plan .about > div{
 display: flex;
 justify-content: space-evenly;
 background: #fff;
 border-radius: 5px;
 padding: 90px 50px 75px;
}
#page_plan .about > div > div:nth-child(1) img{
 width: 450px;
}
#page_plan .about > div > div:nth-child(1) p{
 font-size: 23px;
 font-weight: bold;
 line-height: 1.9;
 text-align: center;
}
#page_plan .about > div > div:nth-child(2){
 width: 50%;
}
#page_plan .about > div > div:nth-child(2) h2 + p{
 margin: 40px 0 45px;
 line-height: 2;
}
#page_plan .about > div > div:nth-child(2) div{
 display: flex;
 gap: 55px;
 align-items: center;
 justify-content: space-evenly;
}
#page_plan .about > div > div:nth-child(2) div ul{
 display: grid;
 gap: 15px;
}
#page_plan .about > div > div:nth-child(2) div ul li{
 width: 290px;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.3;
 color: #C20064;
 background: #F2F2F2;
 border-radius: 5px;
 padding: 11px 16px;
}
#page_plan .about > div > div:nth-child(2) div p{
 color: #C20064;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
}
#page_plan .about > div > div:nth-child(2) div p span{
 display: block;
 font-size: 70px;
}
#page_plan .about > div > div:nth-child(2) > p:last-child{
 margin: 35px 0 0;
 line-height: 2;
}
#page_plan .about > div > div:nth-child(2) > p:last-child span{
 color: #C20064;
 text-decoration: underline;
}
#page_plan .banner{
	padding-bottom: 145px;
}
#page_plan .banner-box{
	text-align: center;
}
#page_plan .banner-box img{
 width: 100%;
 max-width: 1167px;
}
/*FAQ*/
#page_qa .contents{
 padding: 123px 0 94px;
}
#page_qa .faq-tab-menu{
 display: flex;
 gap: 12px;
 margin: 0 0 50px;
}
#page_qa .faq-tab-menu li{
 width: calc((100% - 60px) / 6);
 padding: 17px 0 21px;
 text-align: center;
 color: #fff;
 background: #A5A5A5;
 margin-right:2px;
 border-radius: 5px 5px 0 0;
 cursor: pointer;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.3;
}
#page_qa .faq-tab-menu li.active{
 background: #C20064;
}
#page_qa .faq-tab-panel{
 display:none;
}
#page_qa .faq-tab-panel.active{
 display:block;
}
#page_qa .qa-list{
 list-style:none;
 padding:0;
 margin:0;
}
#page_qa .qa-list li{
 background-color: #fff;
 border-radius: 5px;
 padding: 25px;
}
#page_qa .qa-list li:not(:nth-child(1)){
 margin: 25px 0 0;
}
#page_qa .question{
 cursor:pointer;
 display:block;
}
#page_qa .question{
 position: relative;
 display: flex;
 align-items: center;
 gap: 10px;
 color: #C20064;
 font-size: 20px;
 font-weight: bold;
 line-height: 1.2;
 transition: .3s;
}
#page_qa .question:after{
 position: absolute;
 content: "";
 background: url('../../images/common/icon-plus-pink.svg') no-repeat center center;
 background-size: cover;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 25px;
 transition: .3s;
 width: 14px;
 height: 14px;
 right: -7px;
}
#page_qa .question.active:after{
 background: url('../../images/common/icon-minus-black.svg') no-repeat center center;
 transition: .3s;
}
#page_qa .question span{
 font-family: "Outfit", sans-serif;
 font-size: 50px;
 letter-spacing: -0.05rem;
 line-height: 1.4;
}
#page_qa .answer{
 display:none;
 margin: 0 0 0 10px;
 font-size: 18px;
 line-height: 1.8;
 transition: .3s;
}
/*CONTACT*/
#page_contact .contents,
#page_confirm .contents{
 padding: 112px 0 83px;
 max-width: 1320px;
 margin: 0 auto;
}
#page_contact .contents .inner > p{
 letter-spacing: 0.05rem;
 line-height: 1.6;
}
#page_contact .wpcf7{
 margin: 134px auto 0;
}
#page_contact .wpcf7 form,
#page_confirm .wpcf7 form{
 width: 800px;
 margin: 0 auto;
}
#page_contact .wpcf7 form > div,
#page_confirm .wpcf7 form > div{
 display: grid;
 gap: 30px;
}
#page_contact .wpcf7 form dl,
#page_confirm .wpcf7 form dl{
 display: flex;
 gap: 10px;
 padding: 0 0 30px;
 border-bottom: solid 1px #212a3733;
}
#page_confirm .wpcf7 form dl{
 align-items: center;
}
#page_contact .wpcf7 form dl dt,
#page_confirm .wpcf7 form dl dt{
 min-width: 176px;
}
#page_contact .wpcf7 form dl dt p,
#page_confirm .wpcf7 form dl dt p{
 font-size: 17px;
 letter-spacing: 0.05rem;
 margin: 10px 0 0;
 text-align: right;
}
#page_confirm .wpcf7 form dl dt p{
 margin: 0;
}
#page_contact .wpcf7 form dl dt p span,
#page_confirm .wpcf7 form dl dt p span{
 color: #BA1313;
 font-size: 10px;
 letter-spacing: 0.05rem;
}
#page_contact .wpcf7 form input,
#page_confirm .wpcf7 form input{
 border: none;
 padding: 12px 23px 13px;
 font-size: 17px;
}
#page_contact .wpcf7 form dl.mail dd div:nth-child(2),
#page_confirm .wpcf7 form dl.mail dd div:nth-child(2){
 margin: 20px 0 0;
}
#page_contact .wpcf7 form dl.mail dd div:nth-child(2) p,
#page_contact .wpcf7 form dl.tel dd div p,
#page_confirm .wpcf7 form dl.mail dd div:nth-child(2) p,
#page_confirm .wpcf7 form dl.tel dd div p{
 color: #707070;
 font-size: 14px;
 letter-spacing: 0.05rem;
 line-height: 1.7;
}
#page_contact .wpcf7 form dl.mail dd div:nth-child(2) p,
#page_confirm .wpcf7 form dl.mail dd div:nth-child(2) p{
 margin: 0 0 10px;
}
#page_confirm .wpcf7 form dl.mail dd div:nth-child(2) p:nth-child(2),
#page_confirm .wpcf7 form dl.tel dd div p:nth-child(1){
 color: #000;
 font-size: 16px;
}
#page_confirm .wpcf7 form dl.mail dd div:nth-child(2) p:nth-child(2) span{
 color: #707070;
 font-size: 14px;
 letter-spacing: 0.05rem;
 line-height: 1.7;
}
#page_contact .wpcf7 form dl.tel dd div p,
#page_confirm .wpcf7 form dl.tel dd div p{
 margin: 10px 0 0;
}
#page_contact .wpcf7 form select,
#page_confirm .wpcf7 form select{
 font-size: 14px;
 border: solid 1px #6C6C6C;
 padding: 15px 52px 15px 23px;
 -webkit-appearance: none;
 appearance: none;
 background-image: url("../../images/common/icon-arrow-bottom-gray.svg");
 background-repeat: no-repeat;
 background-size: 8px auto;
 background-position: right 16px center;
 margin: 0 0 20px;
}
#page_contact .wpcf7 form textarea,
#page_confirm .wpcf7 form textarea{
 border: none;
 padding: 23px;
}
#page_contact .wpcf7 form .check-info,
#page_contact .wpcf7 form .accept,
#page_confirm .wpcf7 form .check-info,
#page_confirm .wpcf7 form .accept{
 text-align: center;
}
#page_confirm .wpcf7 form .check-info{
 display: flex;
 justify-content: space-between;
}
#page_confirm .wpcf7 form .confilm.submit p{
 display: grid;
 gap: 15px;
}
#page_contact .wpcf7 form .check-info > p,
#page_contact .wpcf7 form .accept > p,
#page_confirm .wpcf7 form .check-info > p,
#page_confirm .wpcf7 form .accept > p{
 font-size: 17px;
 letter-spacing: 0.05rem;
}
#page_contact .wpcf7 form .check-info > p,
#page_confirm .wpcf7 form .check-info > p{
 margin: 0 0 25px;
}
#page_contact .wpcf7 form .accept > p:first-child,
#page_confirm .wpcf7 form .accept > p:first-child{
 margin: 0 0 35px;
}
#page_contact .wpcf7 form .accept,
#page_confirm .wpcf7 form .accept{
 padding: 30px 0 0;
 border-top: solid 1px #212a3733;
}
select::-ms-expand {
 display: none;
}
#page_contact .wpcf7 form input[type=radio],
#page_confirm .wpcf7 form input[type=radio]{
 accent-color: #C20064;
}
#page_contact .wpcf7 form .accept .wpcf7-list-item,
#page_confirm .wpcf7 form .accept .wpcf7-list-item{
 margin: 0;
 padding: 21px 42px;
 background-color: #fff;
}
#page_contact .wpcf7 form .accept .wpcf7-list-item span,
#page_confirm .wpcf7 form .accept .wpcf7-list-item span{
 font-size: 17px;
 letter-spacing: 0.05rem;
}
.wpcf7 form #submit-btn{
 display: none;
 width: 100%;
 padding: 15px;
 color: #C20064;
 background: #fff;
 font-size: 17px;
 letter-spacing: 0.05rem;
 line-height: 1;
 border-radius: 100px;
 border: solid 1px;
}
.wpcf7 form #submit-btn:hover{
 background: #C20064;
 color: #fff;
}
.wpcf7-response-output{
 display: none!important;
}
#page_thanks .contents{
 padding: 112px 0 83px;
}
#page_thanks .contents h2{
 font-size: 30px;
 letter-spacing: 0.05rem;
}
#page_thanks .contents h2 + p{
 margin: 30px 0 0 30px;
}
/*PRIVACY POLICY*/
body{
 background-color: #F5F5F5;
}
#page_privacy-policy .contents{
 padding: 123px 0 150px;
}
#page_privacy-policy .inner div.wp-block-group{
 background-color: #fff;
 padding: 55px 50px 60px;
 border-radius: 5px;
}
#page_privacy-policy .inner div.wp-block-group:not(:first-child){
 margin: 50px 0 0;
}
#page_privacy-policy .inner div.wp-block-group h2{
 font-size: 30px;
 font-weight: bold;
 line-height: 1.3;
}
#page_privacy-policy .inner div.wp-block-group p{
 font-size: 18px;
 letter-spacing: 0.05rem;
 margin: 30px 0 0;
}
#page_message section > div:nth-child(1){
 position: relative;
 display: flex;
 margin: 0 auto;
}
#page_message section > div:nth-child(1) > div{
 background-color: #fff;
 border-radius: 10px;
 padding: 100px 50px;
 width: 50%;
 min-width: 660px;
}
#page_message section > div:nth-child(2) p{
 margin: 0 0 0 auto;
}
#page_message section > div:nth-child(2) p span{
 font-size: 18px;
 font-weight: bold;
}
#page_message h2{
 width: fit-content;
 position: relative;
 z-index: 1;
 font-size: 50px;
 letter-spacing: 0.05rem;
 color: #fff;
 background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
 padding: 10px 20px;
}
#page_message h2 + h2{
 margin: 10px 0 0;
}
#page_message section > div img{
 width: 50%;
 height: fit-content;
 right: 0;
 position: sticky;
 top: 130px;
}
_::-webkit-full-page-media, _:future, :root #page_message section > div img{
 height: intrinsic;
}
@-moz-document url-prefix(){
#page_message section > div img{
height:intrinsic;
}
}
@supports (-webkit-touch-callout: none) {
 #page_message section > div img{
  height: -webkit-fill-available;
 }
}
#page_message p:not(:last-child){
 margin: 30px 30px 0;
}
#page_message p.has-text-align-right{
 font-size: 18px;
 font-weight: bold;
 color: #C20064;
 letter-spacing: 0.05rem;
}
@media (max-width: 768px) {
 #page_contact .contents,
 #page_privacy-policy .contents{
  padding: 50px 0 80px;
 }
 #page_qa .contents{
  padding: 50px 0;
 }
 #page_about .lower-heading{
  padding: 120px 0 45px;
 }
 #page_about .main .inner{
  padding: 0 20px;
 }
 #page_about .main .inner .main_img{
  background: url(../../images/about/main-sp.webp) no-repeat center center;
  background-size: cover;
  margin: -70px 0 0;
  height: 180px;
 }
 #page_about .main .inner .bg_txt{
  position: relative;
  margin: -17px 0 0 -10px;
 }
 #page_about .main .inner .bg_txt p{
  width: fit-content;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
  padding: 0 10px;
 }
 #page_about .main .inner .bg_txt p:last-child{
  margin: 5px 0 0;
 }
 #page_about .main .inner .bg_txt p span{
  font-size: 24px;
 }
 #page_about .main .inner .main_img .bg_txt p:nth-last-child(2),
 #page_about .main .inner .main_img .bg_txt p:last-child{
  margin: 10px 0 0;
 }
 #page_about .symptom h2,
 #page_hypersomnia-symptoms .symptom h2,
 #page_about .about h2{
  font-size: 20px;
 }
 #page_about .symptom h2,
 #page_hypersomnia-symptoms .symptom h2
 {
  font-size: 18px;
  line-height: 1.5;
  padding: 0 40px;
 }
 #page_about .symptom .bg_txt2
 #page_hypersomnia-symptoms .symptom .bg_txt2
 {
  position: relative;
  margin: 10px auto 0;
  font-size: 20px;
  line-height: 1.5;
  padding: 15px 25px;
  max-width: 350px;
  white-space: nowrap;
 }
 #page_about .title p:first-child{
  font-size: 57px;
 }
 #page_about .title p:nth-child(2){
  font-size: 20px;
 }
 #page_about .symptom > img,
 #page_hypersomnia-symptoms .symptom > img
 {
  position: relative;
  width: 600px;
  left: 50%;
  transform: translateX(-50%);
 }
 #page_about .symptom .s_list,
 #page_hypersomnia-symptoms .symptom .s_list
 {
  padding: 0 30px 17px;
 }
 #page_about .symptom .s_list div p,
 #page_hypersomnia-symptoms .symptom .s_list div p
 {
  width: 100%;
  color: #fff;
  background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
  padding: 4px 0 4px 10px;
  font-size: 14px;
  margin: 0 0 5px;
 }
 #page_about .symptom .s_list div:not(:first-child),
 #page_hypersomnia-symptoms .symptom .s_list div:not(:first-child)
 {
  margin: 10px 0 0;
 }
 #page_about .symptom .s_list div ul,
 #page_hypersomnia-symptoms .symptom .s_list div ul
 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
 }
 #page_about .symptom .s_list div ul li,
 #page_hypersomnia-symptoms .symptom .s_list div ul li
 {
  font-size: 14px;
 }
 #page_about .symptom .sp_txt,
 #page_hypersomnia-symptoms .symptom .sp_txt
 {
  margin: 50px 35px;
  text-align: center;
 }
 #page_about .symptom .sp_txt div,
 #page_hypersomnia-symptoms .symptom .sp_txt div
 {
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: flex-end;
 }
 #page_about .symptom .sp_txt div img,
 #page_hypersomnia-symptoms .symptom .sp_txt div img
 {
  width: 289px;
 }
 #page_about .symptom .sp_txt div p,
 #page_hypersomnia-symptoms .symptom .sp_txt div p
 {
  font-size: 25px;
  font-weight: bold;
  color: #C20064;
 }
 #page_about .symptom .sp_txt > p
 #page_hypersomnia-symptoms .symptom .sp_txt > p{
  color: #C20064;
  font-size: 30px;
  font-weight: bold;
 }
 #page_about .benefit{
  padding: 50px 0;
 }
 #page_about .benefit .inner > div{
  padding: 20px;
 }
 #page_about .benefit .inner > div img{
  width: 100%;
 }
 #page_about .user-voice{
  padding: 100px 0 50px;
 }
 #page_about .user-voice .title{
  margin: 0 auto 30px;
 }
 #page_about .about{
  padding: 50px 20px 25px;
 }
 #page_about .about h2{
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 1.8;
 }
 #page_about .about > div img:nth-child(1){
  position: unset;
 }
 #page_about .about > div img:nth-child(2){
  width: 100%;
  margin: 0;
 }
 #page_about .about div.sp{
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin: -10px auto 0;
  padding: 20px;
 }
 #page_about .about div.sp .bg_txt3 p{
  font-size: 24px;
  font-weight: bold;
  color: #C20064;
 }
 #page_about .about div.sp .bg_txt3 p span{
  background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.05rem;
  padding: 0 10px;
  margin: 0 10px 0 0;
 }
 #page_about .about div.sp .bg_txt3 p:last-child{
  margin: 10px 0 0;
 }
 #page_about .about div.sp .bg_txt4{
  margin: 20px 0 0;
 }
 #page_about .about div.sp .bg_txt4 p{
  font-size: 16px;
  font-weight: bold;
  color: #0A0A0A;
 }
 #page_about .about div.sp .bg_txt4 p:not(:first-child){
  margin: 10px 0 0;
  line-height: 1.8;
 }
 #page_about .about div.sp .bg_txt4 p:nth-child(2){
  background-color: #7E7E7E;
  color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
 }
 #page_about .about div.sp .bg_txt4 p:nth-child(3) span{
  display: ruby;
  font-size: 15px;
  font-weight: bold;
  color: #C20064;
 }
 #page_about .about div.sp .treatment{
  background-color: #f5f5f5;
  padding: 15px;
  overflow: scroll;
  margin: 25px 0 0;
 }
 #page_about .about div.sp > p{
  color: #0A0A0A;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  margin: 20px 0 0;
 }
 #page_about .about div.sp > p > span{
  color: #C20064;
  font-weight: bold;
 }
 #page_about .about div.sp > p + img{
  margin: 20px 0 0;
 }
 #page_about .about div.sp .bg_txt5 div{
  display: flex;
  gap: 10px;
 }
 #page_about .about div.sp .bg_txt5 div img{
  width: 200px;
 }
 #page_about .about div.sp .bg_txt5 p{
  font-size: 24px;
  font-weight: bold;
  color: #0A0A0A;
 }
 #page_about .about div.sp .bg_txt5 > p:not(:first-child){
  margin: 10px 0 0;
 }
 #page_about .about div.sp .bg_txt5 > p:nth-child(2) span{
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(45deg, #C20064, #D0155B, #DB2852, #E53B47, #EB4D3C, #F0602F, #F1721E, #F08500);
  padding: 0 10px;
  letter-spacing: 0.05rem;
  margin: 0 10px 0 0;
 }
 #page_about .about div.sp img{
  width: 100%;
  margin: 0;
 }
 #page_about .about div.sp ul{
  display: flex;
  flex-wrap: wrap;
  gap: 9px 20px;
  background-color: #c2006426;
  border-radius: 10px;
  padding: 20px;
  margin: 20px 0 0;
 }
 #page_about .about div.sp ul li{
  font-size: 18px;
  font-weight: bold;
  color: #C20064;
  padding: 0 0 0 30px;
  position: relative;
 }
 #page_about .about div.sp ul li:before{
  position: absolute;
  content: "";
  background: url(../../images/about/icon-check.svg) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
 }
 #page_about .about > div + div{
  margin: 30px 0 0;
 }
 #page_about .about > div + div img:nth-child(2){
  margin: 0;
 }
 #page_about #page_message{
  padding: 5px 0 0;
 }
 #page_about .symptom,
 #page_hypersomnia-symptoms .symptom
 {
  padding: 30px 0 0;
  overflow: hidden;
 }
 #page_about .symptom .symptoms-wrapper,
 #page_hypersomnia-symptoms .symptom .symptoms-wrapper
 {
  display: grid;
  padding: 0;
  margin: 20px 0 0;
 }
 #page_about .symptom .symptoms-wrapper .symptoms-box,
 #page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box
 {
  width: 100%;
 }
 #page_about .symptom .symptoms-wrapper .symptoms-box .title,
 #page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box .title
 {
  gap: 15px;
 }
 #page_about .symptom .symptoms-wrapper .symptoms-box .title img,
 #page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box .title img
 {
  height: 35px;
 }
 #page_about .symptom .symptoms-wrapper .symptoms-box .title p,
 #page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box .title p
 {
  font-size: 17px;
 }
 #page_about .symptom .symptoms-wrapper .symptoms-box ul,
 #page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box ul
 {
  padding: 20px;
  gap: 10px 15px;
 }
 #page_about .symptom .search-btn,
 #page_hypersomnia-symptoms .symptom .search-btn
 {
  margin: 30px auto 50px;
 }
 #page_about .symptom .search-btn a,
 #page_hypersomnia-symptoms .symptom .search-btn a
 {
  width: 100%;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05rem;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 20px;
 }
 #page_about .faq{
  padding: 70px 30px 50px;
 }
 #page_about .faq .title{
  margin: 0 auto 30px;
 }
 #page_about .group{
  padding: 70px 30px 50px;
 }
 #page_about .group > div:nth-child(2){
  display: block;
 }
 #page_about .group > div:nth-child(2){
  display: block;
  margin: 30px 0;
 }
 #page_about .group > div:nth-child(2) div p{
  font-size: 18px;
  margin: 10px 0 0;
 }
 #page_about .group > div:nth-child(2) img{
  width: 100%;
  margin: 20px 0 0;
 }
 #page_about .symptom .symptoms-wrapper .symptoms-box .title:after
 #page_hypersomnia-symptoms .symptom .symptoms-wrapper .symptoms-box .title:after
 {
  width: 20px;
  height: 20px;
 }
 #page_plan .contents{
  margin: 0;
 }
 #page_plan .plan{
  padding: 50px 0;
 }
 #page_plan h2{
  font-size: 20px;
 }
 #page_plan .plan{
  display: block;
 }
 #page_plan .plan h2{
  margin: 0 0 15px;
 }
 #page_plan .plan h2 + div + p{
  margin: 10px 0 0;
  font-size: 15px;
  letter-spacing: 0.05rem;
 }
 #page_plan .plan > div:nth-child(1){
  gap: 30px;
 }
 #page_plan .plan div:nth-child(1) div dl dt,
 #page_plan .plan div:nth-child(1) div dl dd{
  width: 50%;
  font-size: 18px;
  padding: 20px;
  height: -webkit-fill-available;
 }
 #page_plan .plan div:nth-child(1) div dl,
 #page_plan .plan div:nth-child(1) div dl dt, #page_plan .plan div:nth-child(1) div dl dd{
  height: -webkit-fit-content;
  flex-flow: column;
  width: 100%;
 }
 #page_plan .plan div:nth-child(1) div:nth-child(2) dl dt,
 #page_plan .plan div:nth-child(1) div:nth-child(2) dl dd{
  height: fit-content;
  padding: 10px 20px;
 }
 #page_plan .plan div:nth-child(1) div:nth-child(2) dl dt{
  padding-left: 20px;
  font-size: 17px;
  border-radius: 5px 5px 0 0;
 }
 #page_plan .plan div:nth-child(1) div:nth-child(2) dl dt br{
  display: none;
 }
 #page_plan .plan div:nth-child(1) div dl dd{
  font-size: 20px;
  font-weight: bold;
  border-radius: 0 0 5px 5px;
 }
 #page_plan .plan div:nth-child(1) div dl:not(:first-child){
  margin: 10px 0 0;
 }
 #page_plan .plan > div:nth-child(2){
  margin: 50px 0 0;
 }
 #page_plan .plan > div:nth-child(2) div{
  min-width: unset;
  gap: 20px;
  padding: 25px 0;
 }
 #page_plan .plan > div:nth-child(2) div dl{
  flex-flow: column;
  gap: 10px;
  padding: 0 20px 20px;
 }
 #page_plan .plan > div:nth-child(2) div dl:nth-child(1) dt,
 #page_plan .plan > div:nth-child(2) div dl:nth-child(1) dd{
  width: 100%;
 }
 #page_plan .plan > div:nth-child(2) div dl:nth-child(1) dt{
    text-align: left;
 }
 #page_plan .plan > div:nth-child(2) div dl:nth-child(1) dd{
  text-align: left;
 }
 #page_plan .plan > div:nth-child(2) div dl dt{
  width: 100%;
  font-size: 17px;
  line-height: 1.5;
 }
 #page_plan .plan > div:nth-child(2) div dl dd{
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  width: 100%;
 }
 #page_plan .about > div{
  display: block;
  padding: 20px;
 }
 #page_plan .about > div > div:nth-child(1) p{
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 30px;
  text-align: center;
 }
 #page_plan .about > div > div:nth-child(1) img{
  width: 100%;
 }
 #page_plan .about > div > div:nth-child(2){
  width: 100%;
 }
 #page_plan .about > div > div:nth-child(2) h2 + p{
  margin: 20px 0 0;
 }
 #page_plan .about > div > div:nth-child(2) div{
  display: block;
  margin: 30px 0 0;
 }
 #page_plan .about > div > div:nth-child(2) div ul{
  gap: 10px;
 }
 #page_plan .about > div > div:nth-child(2) div ul li{
  width: 100%;
  font-size: 17px;
 }
 #page_plan .about > div > div:nth-child(2) div p{
  font-size: 18px;
 }
 #page_plan .about > div > div:nth-child(2) div p span{
  font-size: 50px;
 }
 #page_plan .about > div > div:nth-child(2) > p:last-child{
  margin: 20px 0 0;
 }
 #page_plan .banner{
  padding-bottom: 72px;
 }
 #page_qa .contents .inner{
  padding-left: 30px;
 }
 #page_qa .faq-tabs div{
  overflow: scroll;
  padding: 0;
 }
 #page_qa .faq-tab-menu{
  width: max-content;
  margin: 0 0 20px;
  gap: 10px;
 }
 #page_qa .faq-tab-menu li{
  width: auto;
  padding: 10px 15px;
  font-size: 16px;
 }
 #page_qa .faq-tab-content{
  padding: 0 30px 0 0;
 }
 #page_qa .qa-list{
  padding: 0;
 }
 #page_qa .qa-list li{
  padding: 15px 30px 15px 20px;
 }
 #page_qa .question{
  font-size: 17px;
  align-items: flex-start;
  line-height: 1.5;
 }
 #page_qa .question:after{
  right: -10px;
 }
 #page_qa .question span{
  font-size: 25px;
  line-height: 1;
 }
 #page_qa .answer{
  font-size: 15px;
  margin: 5px 0 0 15px;
 }
 #page_contact .contents .inner > p{
  font-size: 15px;
  padding: 0;
 }
 #page_contact .wpcf7,
 #page_confirm .wpcf7{
  margin: 50px auto 0;
 }
 #page_contact .wpcf7 form,
 #page_confirm .wpcf7 form{
  width: 100%;
 }
 #page_contact .wpcf7 form > div,
 #page_confirm .wpcf7 form > div{
  gap: 25px;
 }
 #page_contact .wpcf7 form dl,
 #page_confirm .wpcf7 form dl{
  display: block;
  padding: 0 0 25px;
 }
 #page_contact .wpcf7 form dl dt,
 #page_confirm .wpcf7 form dl dt{
  min-width: unset;
 }
 #page_contact .wpcf7 form dl dt p,
 #page_confirm .wpcf7 form dl dt p{
  font-size: 16px;
  text-align: left;
  margin: 0 0 10px;
 }
 #page_contact .wpcf7 form input,
 #page_contact .wpcf7 form textarea,
 #page_confirm .wpcf7 form input,
 #page_confirm .wpcf7 form textarea{
  width: 100%;
  padding: 10px 15px;
  font-size: 16px;
 }
 #page_contact .wpcf7 form dl.mail dd div:nth-child(2) p,
 #page_contact .wpcf7 form dl.tel dd div p,
 #page_confirm .wpcf7 form dl.mail dd div:nth-child(2) p,
 #page_confirm .wpcf7 form dl.tel dd div p{
  font-size: 13px;
 }
 #page_contact .wpcf7 form .check-info > p,
 #page_contact .wpcf7 form .accept > p:first-child,
 #page_confirm .wpcf7 form .check-info > p,
 #page_confirm .wpcf7 form .accept > p:first-child{
  font-size: 16px;
  line-height: 1.7;
  text-align: left;
  margin: 0 0 10px;
 }
 #page_contact .wpcf7 form .check-info .wpcf7-list-item label,
 #page_confirm .wpcf7 form .check-info .wpcf7-list-item label{
  display: flex;
  align-items: center;
 }
 #page_contact .wpcf7 form .check-info .wpcf7-list-item label input,
 #page_confirm .wpcf7 form .check-info .wpcf7-list-item label input{
  height: fit-content;
  width: fit-content;
 }
 #page_contact .wpcf7 form .check-info .wpcf7-list-item label span,
 #page_confirm .wpcf7 form .check-info .wpcf7-list-item label span{
  white-space: nowrap;
 }
 #page_contact .wpcf7 form .accept .wpcf7-list-item,
 #page_confirm .wpcf7 form .accept .wpcf7-list-item{
  width: 100%;
  padding: 20px 0;
 }
 #page_contact .wpcf7 form .accept .wpcf7-list-item label
 #page_confirm .wpcf7 form .accept .wpcf7-list-item label{
  display: flex;
  align-items: center;
  justify-content: center;
 }
 #page_contact .wpcf7 form .accept .wpcf7-list-item label input,
 #page_confirm .wpcf7 form .accept .wpcf7-list-item label input{
  width: fit-content;
  margin: 3px 10px 0 0;
 }
 #page_contact .wpcf7 form .accept .wpcf7-list-item span,
 #page_confirm .wpcf7 form .accept .wpcf7-list-item span{
  font-size: 16px;
  line-height: 1;
 }
 #page_confirm .wpcf7 form .check-info{
  display: block;
  text-align: left;
 }
 #page_confirm .wpcf7 form .check-info > p{
  margin: 0 0 5px;
 }
 #page_privacy-policy .inner div.wp-block-group{
  padding: 25px 25px 20px;
 }
 #page_privacy-policy .inner div.wp-block-group:not(:first-child){
  margin: 30px 0 0;
 }
 #page_privacy-policy .inner div.wp-block-group h2{
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
 }
 #page_privacy-policy .inner div.wp-block-group p{
  font-size: 15px;
  margin: 5px 0 0;
  line-height: 1.7;
 }
 #page_message section{
  width: 90%;
  padding: 0;
  margin: 0 auto;
 }
 #page_message section > div:nth-child(1){
  display: grid;
 }
 #page_message section > div:nth-child(1) > div{
  order: 2;
  padding: 0;
  width: 100%;
  min-width: unset;
  border-radius: 0;
 }
 #page_message section > div:nth-child(1) > div > div:nth-child(1){
  padding: 20px 0 0;
 }
 #page_message section > div:nth-child(1) > div > div:nth-child(2){
  padding: 0 0 20px;
 }
 #page_message section > div:nth-child(1) > div h2{
  font-size: 24px;
  line-height: 1.5;
  padding: 0 10px;
  margin-left: 20px;
 }
 #page_message section > div:nth-child(1) > div p{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  margin: 20px 20px 0;
 }
 #page_message section > div:nth-child(1) > div p span{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
 }
 #page_message section > div:nth-child(1) img{
  position: relative;
  max-width: 100%;
  margin: 0;
  width: 100%;
  height: auto;
  top: 0;
 }
 #page_message section > div:nth-child(2) p{
  margin: 30px 0 0 auto;
 }
 #page_message section > div:nth-child(2) p span{
  font-size: 17px;
 }
 #page_thanks .contents h2 + p{
  margin: 20px 0 0!important;
 }
 #page_about .symptom .bg_txt2,
 #page_hypersomnia-symptoms .symptom .bg_txt2{
  position: relative;
    margin: 10px auto 0;
    font-size: 20px;
    line-height: 1.5;
    padding: 15px 25px;
    max-width: 350px;
    white-space: nowrap;
 }
}