@charset "utf-8";
img{
    height: auto;
}
:root{
    --blue:#054A97;
    --note-gray:#777778;
    --scarlet:#9E1C4E;
    --f-normal-m:14px;
    --f-normal:16px;
    --f-normal-l:18px;
    --f-large-m:20px;
    --f-large:22px;
    --f-large-l:24px;
    --f-title-m:26px;
    --f-title:28px;
    --f-title-l:30px;
    --f-sub-m:32px;
    --f-sub:34px;
    --f-sub-l:36px;
  }
.p-whitening{color:#000;}
.l-main img{image-rendering: -webkit-optimize-contrast;}
.absolute{position:absolute;}
.pink{font-weight: 600;color: #EC6D81;}
.blue{font-weight: 600;color: #004ea2;}
.black{color: #000;}
.em{font-weight: 600;}
div.menuSection__button a.newbtn_pink img {width: 50px;}
div.menuSection__button a.newbtn_pink span {display: inline-block;margin: 0 20px 0 20px;}
#about div.c-section__head div.c-section__head__inner h2.c-section__head__title {font-weight: 600;color: #004ea2;background-image: url(/service/whitening/img/si_about_ttl.jpg);background-repeat: no-repeat;background-size: cover;background-position: right;height: 128px;padding: 33px 160px 0 0;font-size: 20px;}
#about div.c-section__head div.c-section__head__inner .c-section__head__text{color: #666666;}
#about .typeList__item__title__no{    font-family:  Futura PT, Book, "Futura","Lato",sans-serif;}
#about .typeList__item__title__sub{font-weight: 600;}
#about .typeList__item__title__main{font-size: 20px;margin: -5px 0 0;font-weight: 600;}
.about_wrap {width: 852px;background: #fff;margin: 0 auto 3em;padding: 0 0 3em;}
section.si_about_copy {text-align: center;margin: 0 0 2em;}
section.si_about_copy ul li {color: #004ea2;font-weight: 600;}
.about_table{    position: relative;padding: 0em 0 0;text-align: center;width: 500px;margin: auto;}
.about_table img{width:100%;height: auto;}
.about_table>p.osusume{position: absolute;top: 0;left: 41.5%;background: #ec6d81;color: #fff;padding: 0px 18px;z-index: 3;width: 16.8%;text-align: center;}
.about_table>p.osusume::after{position: absolute;bottom: -5px;right: 0;left: 0;margin: auto;content: "";width: 4vw;height: 4vw;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid #ec6d81;border-bottom: 5px solid #ec6d81;border-top: 5px solid transparent;-webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1;}
#about div.drug {border: 1px solid #004ea2;background: #fff;width: 930px;margin: auto;}
#about div.drug h3 {background: #004ea2;color: #fff;text-align: center;padding: 10px 0;font-size: 20px;font-weight: bold;}
#about div.drug h3 span {color: #F3A7AC;}
#about div.drug img {display: block;margin: 30px auto 30px;height: auto;width: 460px;}
#about div.drug p {margin: 0 auto 1em;width: 90%;line-height: 1.8;}
#about div.drug p:last-of-type{margin-bottom:50px;}
#about div.drug p span.ttl {font-weight: 600;color: #004ea2;background: #D9EBF7;display: inline-block;padding: 0 5px;}
#about div.drug p span.pink {font-weight: 600;color: #EC6D81;}
#about div.drug p span.blue {font-weight: 600;color: #004ea2;}
#about div.drug+div.menuSection__button a.newbtn_pink {margin: 40px auto 40px;}
#menu .c-section__head__title{font-size: 25px;font-weight: 600;}
/*============================
#youtubearea
============================*/
section#youtubearea {padding: 3em 0;}
section#youtubearea h2 {font-size: 25px;font-weight: 600;color: #004ea2;text-align: center;margin: 0 0 30px;}
section#youtubearea div.wrap {width: 70%;margin: 0 auto 2em;}
section#youtubearea div.wrap .box {position: relative;padding: 0 0 56.25%;}
section#youtubearea div.wrap iframe {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto auto;display: block;width: 100%;height: 100%;}
/* SEARCH */
.section_search_container{width: 95%;max-width: 800px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.section_search_button{width: 31.9%;border: 2px solid #004ea2;box-sizing: border-box;margin-bottom: .75rem;position: relative;}
.section_search_button dt,
.section_search_button dd{background: #fff;position: relative;color: #353535;}
.section_search_button dt{padding: 1em;}
.section_search_button dt::after,
.section_search_button dd::after{position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);font-weight: 100;}
.section_search_button dt::after{content: "+";font-size: 1.8em;right: 15px;color: #004ea2;font-weight: 400;}
.section_search_button dd::after{content: "";font-size: 1.2em;position: absolute;top: 0;right: 17px;bottom: 0;margin: auto;content: "";width: 7px;height: 7px;border-top: 1px solid #004ea2;border-right: 1px solid #004ea2;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.section_search_button dt.is-view::after{content: "";font-size: 2.6em;/* top: calc( 50% - 4px ); */top: calc( 50% + 1px );right: 16px;width: 11px;height: 2px;background: #004ea2;display: block;}
.section_search_button dd a{text-decoration: none;padding: 1rem;display: block;}
.section_search_button dd:not(:first-child){border-top: 1px solid #004ea2;}
.section_search_block{position: absolute;top: 100%;left: -2px;width: calc(100% + 4px);border: 2px solid #004ea2;}
.section_search_button:nth-child(-n+3) > .section_search_block{z-index: 5;}
.section_search_button:nth-child(4) > .section_search_block,
.section_search_button:nth-child(5) > .section_search_block,
.section_search_button:nth-child(6) > .section_search_block{z-index: 4;}
.section_search_button:nth-child(7) > .section_search_block{z-index: 3;}
.js-prefView{display: none;}
div.c-section__body div.c-section__body__inner .typeList__item.-type01 ,
div.c-section__body div.c-section__body__inner .typeList__item.-type02 {padding-bottom: 205px !important;}
div.c-section__body div.c-section__body__inner .typeList__item.-type03 {padding-bottom: 130px !important;}
div.c-section__body div.c-section__body__inner .typeList__item.-type01 .menuSection__button,
div.c-section__body div.c-section__body__inner .typeList__item.-type02 .menuSection__button{-ms-flex-wrap: wrap;flex-wrap: wrap;}
div.c-section__body div.c-section__body__inner .typeList__item.-type01 div.menuSection__button a ,
div.c-section__body div.c-section__body__inner .typeList__item.-type02 div.menuSection__button a {margin: 10px auto 0;}
div.c-section__body div.c-section__body__inner .typeList__item.-type03 div.menuSection__button a {margin: 10px 5px 0;}
div.c-section__body div.c-section__body__inner .type__shade{max-width: 800px;}
div.c-section__body div.c-section__body__inner .type__shade img{width: 100%;height: auto;}
div.c-section__body div.c-section__body__inner div.menuSection {border-top: 5px solid #004ea2;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail {position: relative;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail .absolute img{width: 100%;height: auto;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail h3.menuSection__head__title {border: none;font-size: 25px;font-weight: 600;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail p.menuSection__head__price {border-bottom: 1px solid #004ea2;font-size: 45px;color: #004ea2;font-family:  Futura PT, Book, "Futura","Lato",sans-serif;font-weight: 500;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail p.menuSection__head__price span {font-size: 0.5em;display: inline-block;padding: 0 0 0 5px;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail p.menuSection__head__copy {color: #000;font-size: inherit;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo {width: 600px;margin: auto;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox {margin: auto;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide ul.caseimg {width: 100%;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide ul.caseimg+p{font-size: 25px;color: #000;margin: 0 0 30px;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide ul.caseimg+p span.pink{    font-weight: 600;color: #EC6D81;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide ul.caseimg li {padding: 0;display: block;margin: 0 5px;width: 50%;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide ul.caseimg li .label{font-size: 25px;color: #666;font-family:  Futura PT, Book, "Futura","Lato",sans-serif;}
.casebox_slide .caseimg li:first-child:after{display: none;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide div.img_level img {height: auto;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide div.img_level p{font-size: 25px;background: #def1f8;display: inline-block;padding: 0px 20px;margin: 20px 0 0;color: #000;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__body {background: #def1f8;display: block;padding: 20px;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__body div.menuSection__body__box {width: 100%;color: #000;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__button {-webkit-box-pack: justify; -ms-flex-pack:justify; justify-content:space-between;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__button a{min-width: 48%;font-size: 20px;height: 80px;margin-bottom: 40px;}
div.c-section__body div.c-section__body__inner div.menuSection div.details {font-size: 12px;color: #666;}
div.c-section__body div.c-section__body__inner div.menuSection div.details p a {font-size: 1.1em;font-weight: bold;color: inherit;}
div.c-section__body div.c-section__body__inner div.menuSection.office div.menuSection__head div.menuSection__head__detail .absolute{    top: 12px;left: 48%;width: 110px;}
div.c-section__body div.c-section__body__inner div.menuSection.escort div.menuSection__head div.menuSection__head__detail .absolute{top: 7px;left: 51%;width: 22%;}
div.c-section__body div.c-section__body__inner div.menuSection.escort div.menuSection__head div.menuSection__head__detail .absolute p{background: #004ea2;color: #fff;padding: 7px 15px;margin: 0 5px 5px;font-size: 18px;}
div.c-section__body div.c-section__body__inner div.menuSection.escort div.menuSection__head div.menuSection__head__detail .absolute p span{font-size: 0.5em;}
/*============================
#point
============================*/
.c-section.point{background: #FCE9EA;}
#point div.c-section__body div.c-section__body__inner {border: solid #EC6D81 2px;background: #fff;padding: 0 0 20px;text-align: center;}
#point div.c-section__body div.c-section__body__inner h2 {background: #EC6D81;text-align: center;color: #fff;padding: 10px;font-size: 25px;margin: 0 0 43px;position: relative;}
#point div.c-section__body div.c-section__body__inner h2::after{position: absolute;bottom: -14px;right: 0;left: 0;margin: auto;content: "";width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid #ec6d81;border-bottom: 20px solid #ec6d81;border-top: 20px solid transparent;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
#point div.c-section__body div.c-section__body__inner div.flex {display: flex;flex-wrap: wrap;justify-content: center;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 {width: 36%;background: #d9e5f1;box-shadow: 0px 3px 7px #aaa;text-align: left;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 .inner{padding: 20px;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 h3 {background: #fff;display: inline-block;border: solid 1px;padding: 0 5px;margin: 0 0 0 6px;font-weight: 600;font-size: 18px;box-shadow: 2px 2px 0px #000;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 p.copy {font-size: 25px;font-weight: 600;text-align: center;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 div.img {text-align: center;margin: 1em 0;font-size: 20px;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 div.img img {width: 85%;height: auto;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 div.txt {background: #fff;text-align: center;padding: 1em 0.5em;line-height: 1.3;font-weight: 600;font-size: 16px;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 div.txt p{border-bottom: solid 1px #000;display: inline-block;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 div.txt span{font-size: 1.2em;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 p.note {font-size: 12px;color: #666666;margin: 1em 0 0;line-height: 1.3;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 {width: 40%;/* background: cadetblue; */margin: 0 0 0 5%;padding: 30px 0 0;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 div.txt {position: relative;padding: 30px 20px;font-weight: 600;font-size: 24px;line-height: 33px;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 div.txt::before,
#point div.c-section__body div.c-section__body__inner div.flex div.box2 div.txt::after{position: absolute; top: 0; left: 0; margin: auto; content: ""; width: 3em; height: 2em; border-top: 3px solid #ec6d81; border-left: 3px solid #ec6d81; }
#point div.c-section__body div.c-section__body__inner div.flex div.box2 div.txt::after{top: auto;left: auto;bottom: 0;right: 0;-webkit-transform: rotate(180deg); transform: rotate(180deg);}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 div.txt span.blue span.num {font-size: 2em;;font-family:  Futura PT, Book, "Futura","Lato",sans-serif;font-weight: 500;letter-spacing: -0.05em;margin: 0 4px 0 0;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 .txt+p {line-height: 1;margin: 1em 0;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 p.sub {    font-size: 20px;    border-bottom: solid 1px #000;display: inline-block;line-height: 1.3;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 p.txt1 {margin: 10px 0 0;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 p.txt1 span.marker {background: linear-gradient(rgba(255, 255, 255, 0) 70%, #c6e8f5 70%);text-align: center;display: block;padding: 0 0 0px;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 p.txt1 span.marker span{font-size: 1.5em;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 p.txt2 {text-align: left;color: #000;margin: 25px 0 20px;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 div.img img {height: auto;}
#point div.c-section__body div.c-section__body__inner div.flex div.box3 {width: 100%;text-align: center;margin: 40px 0 20px;font-size: 20px;}
#point div.c-section__body div.c-section__body__inner div.flex div.box3 div.txt {display: inline-block;background: #FDEDEE;border-radius: 8px;padding: 20px 50px;margin: 20px 0 0;color: #666666;font-weight: bold;line-height: 1.3;}
#point div.c-section__body div.c-section__body__inner .menuSection__button a{min-width: 330px;}
#point div.c-section__body div.c-section__body__inner div.note {font-size: 12px;color: #666666;text-align: left;padding: 0 40px;}
/*============================
#reason
============================*/
.c-section.reason{background-image: -webkit-gradient(linear,left top,right top,from(#f1f9fb),to(#d4edf6));background-image: linear-gradient(90deg,#f1f9fb,#d4edf6);background-color: #d4edf6;}
#reason {padding-bottom: 80px;}
#reason div.c-section__body div.c-section__body__inner h2 {font-size: 25px;    font-weight: 600;color: #004ea2;text-align: center;margin: 0 0 30px;}
#reason div.c-section__body div.c-section__body__inner div.box {background: #fff;padding: 30px 50px;}
#reason div.c-section__body div.c-section__body__inner div.box ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 50%;margin: 30px auto 10px;}
#reason div.c-section__body div.c-section__body__inner div.box ul li {width: 32.333%;border: solid 1px #014da3;color: #004ea8;font-weight: bold;border-radius: 8px;text-align: center;padding: 5px 0;}
#reason div.c-section__body div.c-section__body__inner div.box ul li.achieve {position: relative;}
#reason div.c-section__body div.c-section__body__inner div.box ul li.achieve img {width: 68px;margin: 5px 0 5px;}
#reason div.c-section__body div.c-section__body__inner div.box ul li.achieve span {position: absolute;top: 38px;right: 0;left: 0;font-size: 11px;line-height: 1;font-weight: normal;color: #024ca5;background: #fff;width: 2em;margin: auto;}
#reason div.c-section__body div.c-section__body__inner div.box ul li img {width: 80%;height: auto;}
#reason div.c-section__body div.c-section__body__inner div.box ul li p {font-size: 14px;line-height: 1.3;padding: 10px 0 0;font-family:  Futura PT, Book, "Futura","Lato",sans-serif;}
#reason div.c-section__body div.c-section__body__inner div.box div.note {text-align: right;width: 50%;margin: 10px auto 30px;color: #004ea8;font-weight: bold;font-size: 12px;}
.c-section.reason+.menuSection__button{margin: 50px 0 0;}

/* qa
---------------------------------------------- */
#qa div.menuSection__button a.newbtn_pink {margin: 40px auto 0;}
@media screen and (max-width: 767px){
    #qa div.menuSection__button a.newbtn_pink {
        margin: 0px auto;
    }
}



@media screen and (min-width: 767px) {/* PC-ONLY */
.c-section__body__inner{width:930px;}
#about,
#whiteessence,
#menu,
#reason,
#qa{padding-top: 120px;margin-top: -120px;}
}

@media screen and (max-width: 767px) {/* SP-ONLY */
#about,
#whiteessence,
#menu,
#reason,
#qa{padding-top: 60px;margin-top: -60px;}

.c-pageHeader__title {background-image: none;height: auto;text-align: center;display: block;}
div.menuSection__button a.newbtn_pink,
div.menuSection__button a.newbtn_white{min-width: auto;max-width: 85%;}
div.menuSection__button a.newbtn_pink img {width: 12vw;}
div.menuSection__button a.newbtn_pink span {font-size: 4vw;}


/* 
---------------------------------------------- */
.c-section.-about {padding-top: 1px;}
#about{padding: 60px 0 0;margin: -70px 0 0;}
#about div.c-section__head {padding: 0;}
#about div.c-section__head div.c-section__head__inner h2.c-section__head__title {height: 25vw;padding: 7vw 27vw 0 0;font-size: 4.2vw;background-image: url(/service/whitening/img/si_about_ttlsp.jpg);}
#about .about_wrap {background: #fff;padding: 0 0 2em;}
#about .about_wrap{width: 100%;margin: 0 auto 2em;}
.about_wrap {width: 852px;background: #fff;margin: 0 auto 3em;padding: 0 0 3em;}
section.si_about_copy {text-align: left;margin: 0 0 2em;padding: 0 4%;font-size: 4vw;}
section.si_about_copy ul li {color: #004ea2;font-weight: 600;}
section.si_about_copy ul li span.black {font-weight: normal;}
/* 
---------------------------------------------- */
.about_table{padding: 0 4%;width: auto;}
.about_table img{width: auto;height: auto;}
.about_table>p.osusume{left: 38.5%;width: 23.8%;font-size: 3.0vw;}

#about div.drug {width: 92%;}
#about div.drug h3 {font-size: 4.5vw;}
#about div.drug img {width: 90%;}
/* 
---------------------------------------------- */
#menu .c-section__head__title{font-size: 4.93vw;}
.-about .typeList__item__title__main{font-size: 5.5vw;}
/*============================
#youtubearea
============================*/
section#youtubearea {padding: 2em 0 1em;}
section#youtubearea h2 {font-size: 4.93vw;margin: auto;width: 95%;}
section#youtubearea div.wrap {width: 95%;margin: 1em auto 2em;}
/* SEARCH */
.section_search_button{width: 48%;}
/* 
---------------------------------------------- */
div.c-section__body div.c-section__body__inner .typeList__item.-type01 ,
div.c-section__body div.c-section__body__inner .typeList__item.-type02 ,
div.c-section__body div.c-section__body__inner .typeList__item.-type03 {padding-bottom: 10vw !important;}
div.c-section__body div.c-section__body__inner .typeList__item.-type01 .menuSection__button,
div.c-section__body div.c-section__body__inner .typeList__item.-type02 .menuSection__button,
div.c-section__body div.c-section__body__inner .typeList__item.-type03 .menuSection__button {-ms-flex-wrap: wrap;flex-wrap: wrap;}
div.c-section__body div.c-section__body__inner .typeList__item.-type01 div.menuSection__button a ,
div.c-section__body div.c-section__body__inner .typeList__item.-type02 div.menuSection__button a ,
div.c-section__body div.c-section__body__inner .typeList__item.-type03 div.menuSection__button a{ min-width: 100%;max-width: 100%;font-size: 4vw;}




div.c-section__body div.c-section__body__inner {padding: 0 4% 0;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail {margin: 0;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail h3.menuSection__head__title {font-size: 5vw;line-height: 1.2;margin: 0 auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 12vw;overflow: hidden;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__head div.menuSection__head__detail p.menuSection__head__price {font-size: 10vw;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo {width: 100%;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide ul.caseimg {display: flex;margin: 0;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide ul.caseimg+p{font-size: 4vw;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide ul.caseimg li .label{font-size: 4vw;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide div.img_level {width: 100%;}
div.c-section__body div.c-section__body__inner div.menuSection div.case_photo div.casebox div.casebox_slide div.img_level p{font-size: 4vw;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__button {margin: 0;}
div.c-section__body div.c-section__body__inner div.menuSection div.menuSection__button a{min-width: 100%;max-width: 100%;margin: 0 0 1em;font-size: 4vw;}
/*  */
div.c-section__body div.c-section__body__inner div.menuSection.office div.menuSection__head div.menuSection__head__detail .absolute{top: 10vw;left: auto;right: 0;width: 21vw;}
/**/
div.c-section__body div.c-section__body__inner div.menuSection.escort div.menuSection__head div.menuSection__head__detail .absolute{top: 9vw;left: auto;right: 0;width: auto;}
div.c-section__body div.c-section__body__inner div.menuSection.escort div.menuSection__head div.menuSection__head__detail .absolute p{padding: 1vw;margin: 1vw;font-size: 3vw;}

/*============================
#point
============================*/

.c-section.point.c-section.point{padding: 8vw 2% 18.6666666667vw;}
#point div.c-section__body div.c-section__body__inner h2 {font-size: 4.93vw;}
#point div.c-section__body div.c-section__body__inner div.flex {display: block;padding: 0 4%;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 {width: 100%;position: relative;margin: 0 0 6vw;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 h3 {margin: 0 0 0 6vw;font-size: 4vw;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 p.copy {border-bottom: solid 1px #000;display: inline-block;margin: 1vw 0 0 7vw;font-size: 6vw;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 div.img {margin: 10vw 0 4vw;}
#point div.c-section__body div.c-section__body__inner div.flex div.box1 p.note {position: absolute;top: 26vw;left: 7%;font-size: 2vw;width: 30%;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 {width: 100%;margin: 0;}
#point div.c-section__body div.c-section__body__inner div.flex div.box2 div.txt {padding: 9vw 4vw;font-weight: 600;font-size: 5vw;line-height: 7.5vw;}
#point div.c-section__body div.c-section__body__inner div.flex div.box3 {font-size: inherit;text-align: left;}
#point div.c-section__body div.c-section__body__inner div.flex div.box3 div.txt {text-align: center;padding: 5vw 0;width: 100%;line-height: 1.8;font-size: 3.8vw;}
#point div.c-section__body div.c-section__body__inner .menuSection__button a{min-width: auto;max-width: 85%;}

/*============================
#reason
============================*/
.c-section.reason{padding-bottom: 8vw;}
#reason {padding-bottom: 8vw;}
#reason div.c-section__body div.c-section__body__inner h2 {font-size: 4.93vw;margin: 0 0 1em;}
#reason div.c-section__body div.c-section__body__inner div.box {padding: 7vw 4%;display: -webkit-box; display:-ms-flexbox; display:flex;-ms-flex-wrap: wrap; flex-wrap: wrap;}
#reason div.c-section__body div.c-section__body__inner div.box p {order: 3;}
#reason div.c-section__body div.c-section__body__inner div.box ul {width: auto;margin: 0 0 0;order: 1;}
#reason div.c-section__body div.c-section__body__inner div.box ul li img {width: auto;}
#reason div.c-section__body div.c-section__body__inner div.box ul li p {font-size: 3vw;line-height: 1.3;padding: 1vw 0 0;}
#reason div.c-section__body div.c-section__body__inner div.box div.note {width: 100%;margin: 5px 0 10px;order: 2;}
.c-section.reason+.menuSection__button{margin: 8vw 0 0;}

/* qa
---------------------------------------------- */
#qa div.menuSection__button {
    margin: 0 auto;
    padding:20px 0; 
}

}

.h2-wrap__whitening{
	margin-left: 2%;
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 767px){
	.h2-wrap__whitening{
		display: block;
		margin-left: 20%;
	}
}
@media screen and (max-width: 500px){
	.h2-wrap__whitening{
		margin-left: 15%;
	}
}
.h2-whitening{
	line-height: 41.8px;
}
@media screen and (max-width: 767px){
	.h2-whitening{
		line-height: normal;
	}
}
.object{
	object-fit: contain;
}
.pt30{
	padding-top: 30px;
}
.pt40{
	padding-top: 40px;
}
.pt50{
	padding-top: 50px;
}
.pl30{
	padding-left: 30px;
}
.mt-adjust{
	margin-top: 32px;
}
.mt-whitening{
	margin-top: 30px;
}
@media screen and (max-width: 767px){
	.mt-whitening{
		margin-top: 60px;
	}
}
@media screen and (max-width: 500px){
	.mt-whitening{
		margin-top: 60px;
	}
}
.ml-whitening{
	margin-left: 0%;
}
@media screen and (max-width: 500px){
	.ml-whitening{
		margin-left: 0%;
	}
}
.fs-whitening{
	font-size: 32px!important;
	line-height: 0.8;
}
@media screen and (max-width: 767px){
	.fs-whitening{
		font-size: 28px!important;
		white-space: nowrap;
		line-height: 1;
	}
}
@media screen and (max-width: 450px){
	.fs-whitening{
		font-size: 24px!important;
		white-space: nowrap;
	}
}
@media screen and (max-width: 400px){
	.fs-whitening{
		font-size: 22px!important;
		white-space: nowrap;
	}
}
.fs-whitening__span{
	font-size: 38px!important;
}
@media screen and (max-width: 767px){
	.fs-whitening__span{
		font-size: 32px!important;
	}
}
@media screen and (max-width: 450px){
	.fs-whitening__span{
		font-size: 26px!important;
	}
}
@media screen and (max-width: 400px){
	.fs-whitening__span{
		font-size: 24px!important;
	}
}
.ws-no{
	white-space: nowrap;
}
@media screen and (max-width: 767px){
	.ws-no{
		white-space: nowrap;
		margin-left: 5%;
	}
}
.mt40{
	margin-top: 40px;
}
.blue-h1{
	letter-spacing: -0.1em;
	color:#004ea2;
	font-weight: bold;
	text-align: center;
	user-select: none;
	line-height: 40px;
}
@media screen and (max-width: 767px){
	.blue-h1{
		text-align: left;
		line-height: 35px;
	}
}
.blue-fv{
	font-size: 20px;
	min-width: 200px;
}
.blue-fv-span{
	font-size: 24px;
}
.display-sp{
	display: none;
}
@media screen and (max-width: 767px){
	.display-sp{
	display: block;
	}
}
.display-pc{
	display: block;
}
@media screen and (max-width: 767px){
	.display-pc{
		display: none;
	}
}


/**from top css**/
.section_intro_container {
    width: 100%;
    max-width: 848px;
    margin: 0 auto;
}
.section_intro {
    padding: 0 50px 50px;
}
.section_intro_container h2 {
    line-height: 1.2;
    color: #004EA2;
    position: relative;	
	font-size: 22px!important;
    font-weight: 300;
    letter-spacing: 0.07em;
    text-align: center;
}
.section_intro_container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.section_intro_container h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.4;
    color: #004EA2;
    position: relative;
}
.section_intro .intro_reason {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
}
 .contents .box {
	max-width:770px;
  }
.box .d_box_title {
background: #004ea2;
color: #fff;
text-align: center;
font-family: arial;
position: relative; 
padding: 35px 0;
font-size: 25px;
margin-bottom:50px;
}
.box .d_box_title:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-right: 15px solid;
	border-left: 15px solid;
	border-top: 15px solid transparent;
	border-bottom: 12px solid;
	top: 95px;
	left: 48%;
	background: #004ea2;
}
.contents .box .centers {
	color: #004EA2; 
	font-size: 25px; 
	margin-bottom: 50px;
}
  
.contents .box .centers img {
width:100%;
}
.contents .box1 {
max-width:770px;
padding:15px 0 0;
}
.contents .box1 p{
text-align:justify;
}
.si_content_bl {
max-width: 645px;
margin:auto;
}
.si_content_bl .line-top {
position:absolute;
text-align:center;
}
.si_content_bl .section_intro_container {
padding:10px 0;
}
.si_content_bl .line-bottom {
text-align: right;
margin-bottom: -30px;
}

.intro_reason img {
width:100%;
}
.d_box {
 margin:25px 0;
}
.d_box .p_txt {
text-align:justify;
line-height: 20pt;
}
.d_box p span {
   color: #D33352;
}

.d_box p:nth-child(2) {
	margin:25px 0;
}
.line_title {
	display: block;
	margin: 70px 0 20px;
	color: #004EA2;
	font-size: 32px;
	line-height: 1.3;
	text-align:center;
}
.line_title_sub {
	margin: 40px 0 20px;
	font-size: 22px;
	text-align:center;
}  
.line_graph_note {
	width: 60%;
	margin: auto;
	margin-bottom:50px;
	line-height: 14pt;
	font-size:10px;
}
.section_div_w{
background-color:#FFFFFF;
margin: -50px 0 20px;
}
.section_div_w .section_intro_container {
   max-width: 770px;
}
.box-right .newbtn_container {
	margin-left: 57vw;
	padding-top: 15vw;
}
.nurses_note {
	margin: 0 auto;
	max-width: 640px;
	text-align: left; 
	margin-top: 20px; 
	margin-bottom: 45px; 
	font-size: 9pt; 
	color: #777777; 
	padding:0px;
}
.fam_note {
	font-size: 19.1pt; 
	color: #636363;
}
.txt_blue-st {
	color: #004EA2; 
	margin-bottom: 30px; 
	padding: 0px;
    margin-top: 60px;
    text-align: left;
    font-size: 1.3rem;
}
.section_intro_container .box2 p {
	line-height: 20pt;
	max-width: 602px;
	margin: 0 auto;
	padding: 0 25px;
}
.sp_only {
	display:none!important;
}		
@media screen and (max-width: 767px) {
	.pc_only{
	display: none!important;
	}
	.sp_only {
		display:block!important;
	}	
	.section_intro {
		padding: 40px 4vw;
	}
	.section_intro_container h1 {
		font-size: 22px;
	}
	.line-bottom img {
		width: unset;
	}
	.si_content_bl .line-bottom {
		margin-bottom: unset;
	}
	.section_intro_sp {
		padding: 0 0 70px !important;
	}
	.section_intro_container_sp {
		margin-top: 0 !important;
	}
	.section_intro_sp .p_txt {
		font-size: 14px;
	}
	.p-m-lr {
		padding: 0 10px;
	}
	.line_title {
		font-size: 22px;
	}
	.line_title_sub {
		font-size: 14px;
		line-height: 20pt;
	}
	.line_graph_note {
		width: 95%;
		font-size: 12px;
		line-height: 1.3;
	}
    .txt_blue-st {
    font-size: 1rem;
    }
}

/**from service price**/
.section_price_intro {
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.section_price_intro h3 {
	color: #004EA2;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	padding-bottom: 0.8em;
	border-bottom: 2px solid #004EA2;
	font-family: 'Noto Sans Japanese';
	padding-top: 25px;
}
.spi_div_cont {
	display: flex;
}
.spi_div_cont div {
	padding-top: 25px;
	width: calc(100%/2);
}
.spi_div_cont-img {
	padding-right: 10px;
}
.spi_div_cont-img img{
    width: 100%;
    max-width: 100%;
}
.spi_div_cont-txt {
	padding-left: 10px;
	font-size: 14px;
	text-align: justify;
}
.spi_div_cont-txt span {
    color: #EC6D81;
}
.price_btn {
	display: flex;
    
	width: 100%;
	padding-bottom: 20px;
}
.price_btn > div {
	width: calc(100% / 2);
}
h2.h-sec {
    padding-top: 25px;
}
.section_price_intro h3 {
    color: #004EA2;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    padding-bottom: 0.8em;
    border-bottom: 2px solid #004EA2;
    font-family: 'Noto Sans Japanese';
}
.u-mt2 {
    margin-top: 2rem !important;
}
.u-flxCenter {
    -webkit-justify-content: center !important;
    -webkit-box-align: center !important;
    justify-content: center !important;
    -ms-flex-pack: center !important;
}
.u-flx {
    display: flex !important;
}
.p-price img {
    width: 100%;
    max-width: 100%;
}
@media screen and (max-width: 767px) {
	.section_price_intro {
		width: 92%;
		max-width: 100%;
	}
	.spi_pad_sp {
		padding-top: 20px;
	}
	.spi_pad_sp h2 {
		text-align: center;
	}
	.spi_div_cont {
		display: inline!important;
	}
	.spi_div_cont div {
		width: 100%;
	}
	.price_btn > div {
		width: 100%!important;
	}
	.price_btn {
		display: inline!important;
	}
	.u-mt2-1 {
		margin-top: 1rem!important;
	}
}
/**end price***/

#whiteessence div.drug {
    border: 1px solid #004ea2;
    background: #fff;
    max-width: 930px;
    width: 100%;
    margin: auto;
}
#whiteessence div.drug h2 {
    background: #004ea2;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
}
#whiteessence div.drug h2 span {
    color: #F3A7AC;
}
#whiteessence div.drug img {
    display: block;
    margin: 30px auto 30px;
    height: auto;
    width: 460px;
}
#whiteessence div.drug p {
    margin: 0 auto 1em;
    width: 90%;
    line-height: 1.8;
}
#whiteessence div.drug p span.ttl {
    font-weight: 600;
    color: #004ea2;
    background: #D9EBF7;
    display: inline-block;
    padding: 0 5px;
}
#whiteessence div.drug p span.pink {
    font-weight: 600;
    color: #EC6D81;
}
#whiteessence div.drug p:last-of-type {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
	#whiteessence div.drug {
		width: 92%;
	}
}

/***from clinic page***/
.c-section__body .section_title_jp {
    font-size: 26px;
    color: var(--primary-color);
    font-weight: 300;
    letter-spacing: 0.07em;
    text-align: center;
}
.contentbox {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}
.price_logos {
    margin-top: 20px;
    text-align: right;
    display: flex;
    flex-direction:row-reverse
}
.price_logos img {
    padding-right: 5px;
    max-height: 30px;;
    width: auto;
    margin: 2px;
}
.price_logos img:last-child {
    padding-right: unset;
}
.desc_p_title {
    font-size: 13px;
}
.desc_p_value {
    font-size: 15px;
    padding-left: 7px;
}
.desc_li_value {
	padding:10px 0;
	padding-left:50px;
	line-height: 1;
}
.desc_li_value li{
	font-size: 14px;	
}
.contentbox .desc ul li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block; 
  width: 0.7em;
  margin-left: -1em;
font-size: 30px;
    vertical-align: sub;
}
.contentbox .desc ul li::before {
  content: "\2022";
  font-weight: bold;
  display: inline-block; 
  width: 0.7em;
  margin-left: -1em;
  font-size: 30px;
  vertical-align: sub;
}
.contentbox .desc ul li:first-child::before {
  color: #0087FF;
}
.contentbox .desc ul li:nth-child(2)::before {
  color: #14BFA1;
}
.contentbox .desc ul li:nth-child(3)::before {
  color: #FFABBA;
}
.contentbox .desc ul li:nth-child(4)::before {
  color: #AAAAAA;
}
.contentbox .desc ul li:nth-child(5)::before {
  color: #AAAAAA;
}
.price_note {
    text-align: center!important;
    font-size: 20px;
    margin-bottom: 20px;
	line-height: 1.8;
}
.price_note span {
    padding-left: 10px;
    color: #EC6D81;
    text-decoration: underline;
}
.price_btn {
    display: flex;
    width: 100%;
    padding-bottom: 20px;
}
.price_btn > div {
    width: calc(100% / 2);
}
.desc-note {
    font-size: 10px;
}
.price_old_new {
    padding-top: 15px;
}
.price_old_new-t-red {
    font-size: 18px;
    color: #E76D80;
}
.price_old_new-tr-value {
    font-size: 30px;
    color: #E76D80;
    position: relative;
    white-space: nowrap;
}
.price_old_new-t-blue {
    font-size: 18px;
    color: #004EA2;
}
.price_old_new-tn-b-value {
    font-size: 30px;
    color: #004EA2;
    padding-left: 20px;
}
.price_old_new-tr-value span, .price_old_new-tn-b-value span {
    font-size: 20px;
}
.contentbox p {
    line-height: 1.8;
    text-align: left;
}
.price_note2 {
    text-align: center!important;
    font-size: 20px;
    margin-bottom: 20px;
    margin-left: -50px;
}
.price_note2 sup {
    padding-left: 20px;
	font-size: 20px;
}
.price_note2 span {
    padding-left: 10px;
    color: #EC6D81;
    text-decoration: underline;
    margin-left: 113px;
}
.menuSection__button {
	margin-top:50px;
}
@media screen and (min-width:768px) {
    .menuSection__button {
        margin-top:0px;
        padding: 30px 0;
    }
}
.price_old_new-tr-value:before {
    border-top: 3px solid #E76D80;
    position: absolute;
    content: "";
    right: 0;
    top: 45%;
    left: 2%;
    width: 150px;
}
.price_old_new-tr-value:after {
    border-top: 3px solid #E76D80;
    position: absolute;
    content: "";
    right: 0;
    top: 55%;
    left: 2%;
    width: 150px;
}
@media screen and (max-width: 767px) {
	.price_logos {
		margin-top: 10px;
	}
	.price_note {
		font-size: 17px;
		margin: 10px 0;
	}
	.price_note span {
		padding-left: 10px;
	}
	.desc_p_title {
		font-size: 12px;
	}
	.desc_p_value {
		font-size: 14px;
		padding: 0 0 10px 7px;
	}
	.desc_p_title img {
		position: absolute;
		width: 30%!important;
		padding-left: 40px;
	}
	.price_note {
		text-align: left!important;
	}
	.u-mt1 {
		margin-top: 1rem !important;
	}
	.price_old_new-t-red {
		font-size: 14px;
	}
	.price_old_new-tr-value {
		font-size: 20px;
	}
	.price_old_new-t-blue {
		font-size: 14px;
	}
	.price_old_new-tn-b-value {
		font-size: 20px;
	}
	.price_old_new-tr-value:before {
		border-top: 2px solid #E76D80;
		width: 110px;
	}
	.price_old_new-tr-value:after {
		border-top: 2px solid #E76D80;
		width: 110px;
	}
	.price_note2 {
		font-size: 17px;
		margin: 20px 0 10px;
		text-align:left!important;
	}
	.price_note2 sup {
		font-size: 17px;
	}
	.price_note2 span {
		padding-left: 58px;
		margin-left:unset;
	}
}
/* 1005後藤 */
.intro-reason-wrap{
    background-color: #004EA2;
    position: relative;
}
.intro_reason-img{
    max-width: 100%;
    height: auto;
}
.intro-reason-inner{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 72%;
    height: 100%;
}
@media screen and (max-width: 767px){
    .intro-reason-inner{
        width: 54%;
    }
}
.intro-relative{
    position: relative;
    height: 100%;
}
.intro-relative::before{
    position: absolute;
    content: "01";
    color: #fff;
    font-size:4vw;
    line-height: 1;
    left: 15px;
    top: 13px;
}
@media screen and (max-width: 767px){
    .intro-relative::before{
    display: inline-block;
    font-size: 7vw;
    line-height: 4vh;
    left: 7%;
    top: 8%;
    }
}
.intro-relativ2{
    position: relative;
    height: 100%;
}
.intro-relative2::before{
    position: absolute;
    content: "02";
    color: #fff;
    font-size:4vw;
    line-height: 1;
    left: 15px;
    top: 13px;
}
@media screen and (max-width: 767px){
    .intro-relative2::before{
    display: inline-block;
    font-size: 7vw;
    line-height: 4vh;
    left: 7%;
    top: 8%;
    }
}
.intro-h3{
    font-size:22px;
    color: #fff;
    text-align: center;
    height: 100%;
    line-height: 1.3;
}
@media screen and (max-width: 1140px){
    .intro-h3{
        font-size:1.8vw;
    }
}
@media screen and (max-width: 767px){
    .intro-h3{
        font-size:3.5vw;
        line-height: 1.1;
    }
}
.intro-span_large{
    font-size: 46px;
    line-height: 1;
    padding-top: 4%;
    padding-bottom: 2%;
    display: inline-block;
}
@media screen and (max-width: 767px){
    .intro-span_large{
        font-size: 12vw;
        line-height: 1;
        display: inline-block;
        padding-top: 10%;
        padding-bottom: 5%;
        font-weight: normal;
    }
}
.intro-span_large2{
    font-size: 46px;
    line-height: 1;
    padding-top: 5%;
    padding-bottom: 3%;
    display: inline-block;
}
@media screen and (max-width: 767px){
    .intro-span_large2{
        font-size: 12vw;
        line-height: 1;
        display: inline-block;
        padding-top: 15%;
        padding-bottom: 5%;
        font-weight: normal;
    }
}
.adjust{
    margin-left: 0px;
}

.case-img{
    width: 100%;
    height: auto;
}
.case_title_jp{
    font-size: 25px;
    font-weight: 600;
    color: #004ea2;
    text-align: center;
    margin: 0 0 16px;
}
@media screen and (max-width: 767px){
    .case_title_jp{
        padding: 5vw 0 16px;
        font-size: clamp(20px, 4vw, 28px);
        margin: auto;
        width: 95%;
    }
}
.case-area-p{
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    letter-spacing: 0.07em;
    padding-bottom: 16px;
}
@media screen and (max-width: 767px){
    .case-area-p{
        margin: auto;
        width: 95%;
    }
}
.case-area-a{
    margin: 20px auto 0 auto;
    text-align: center;
    min-width: 350px;
}
@media screen and (max-width: 767px){
    .case-area-a{
        min-width: auto;
        max-width: 85%;
    }
}
.case-p{
    font-size: 9px;
    color: #646464;
    text-align: left;
    margin-left: 0.3em;
}
@media screen and (max-width: 767px){
    .case-p{
        margin: 16px 0 10px 0.7rem;
        font-size: 10px;
        line-height:1.5;
    }
}
.casebox_slider{
    max-width: 1196px;
    display: flex;
    margin: 30px auto 0 auto;
}
@media screen and (max-width: 767px){
    .casebox_slider{
        margin: 0 16px;
        display: block;
    }
}
.slick-arrow.slick-prev{
    left: 5%;
}
.slick-arrow.slick-next{
    right:5%;
}
@media screen and (min-width: 767px){
    .casebox_slide{
        width: calc(100% / 3 - 10px);
        margin-left: 15px;
    }
    .casebox_slide:first-of-type{
        margin-left: 0px;
    }
}

.sp_only2{
    display: none;
  }
  @media (max-width: 767px){
    .sp_only2{
      display: block;
    }
  }
  .contents_lineBanner{
    text-align: center;
    margin-bottom: 0!important;
    padding: 0!important;
  }
  .contents_lineBanner-img {
    width: 100%;
    border: 3px solid #d9d9d9;
    padding: 1px;
  }

  .u-sp{
    display: none;
  }
  @media screen and (max-width: 767px) {
    .u-sp{
      display: block;
    }
  }
  .u-db{
    display: block;
  }
  @media screen and (max-width: 767px) {
    .u-db{
      display: none;
    }
  }
  /* テーブルエリア */
  .p-table {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    table-layout: fixed;
    border-collapse: collapse;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    .p-table {
      font-size: clamp(10px, 5vw, 10px);
      table-layout: auto;
    }
  }
  .p-table th,.p-table td{
    vertical-align: middle;
  }
  .p-table-th {
    letter-spacing: 0.05em;
    background-color: #E6E6E6;
    -webkit-box-shadow: 1px 1px 8px -3px #777777;
    box-shadow: 1px 1px 8px -3px #777777;
    padding: 10px;
    width: 20%;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    .p-table-th {
      letter-spacing: 0.1em;
      width: 15%;
      padding: 8px 4px;
    }
  }
  .p-table-th span {
    display: inline-block;
  }
  @media screen and (max-width: 768px) {
    .p-table-th span {
      display: none;
    }
  }
  .p-table-th.--adjust {
    letter-spacing: 0.01em;
  }
  .p-table-th.--first {
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .p-table-td--primary {
    background: rgb(0,100,180);
    background: -moz-linear-gradient(90deg, rgba(0,100,180,1) 0%, rgba(37,75,159,1) 52%, rgba(27,55,126,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,100,180,1) 0%, rgba(37,75,159,1) 52%, rgba(27,55,126,1) 100%);
    background: linear-gradient(90deg, rgba(0,100,180,1) 0%, rgba(37,75,159,1) 52%, rgba(27,55,126,1) 100%);
    padding: 10px;
    width: 50%;
  }
  .p-table-td--box img {
    max-width: 300px;
    width: 100%;
    height: 40px;
    padding-bottom: 10px;
  object-fit: contain;
  }
  @media screen and (max-width: 768px) {
    .p-table-td--box img {
      height: 30px;
      -o-object-position: 50% 50%;
        object-position: 50% 50%;
    }
  }
  .p-table-td--text{
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .p-table-td--text{
        font-size: clamp(10px,4vw,20px);
      }
  }
  .p-table-td--subtext{
    color: #fff;
    font-weight: bold;
    font-size: 20px;
  }
  @media screen and (max-width: 768px) {
    .p-table-td--subtext{
        font-size: clamp(10px,4vw,18px);
      }
  }
  .p-table-td--secondary {
    background-color: #AAA473;
    -webkit-box-shadow: 1px 1px 8px -3px #777777;
      box-shadow: 1px 1px 8px -3px #777777;
      padding: 10px;
    vertical-align: middle;
    width: 30%;
    text-align: center;
  }
  .p-table-td--secondcolumn {
    background-color: #F2F3F4;
    -webkit-box-shadow: 1px 1px 8px -3px #777777;
    box-shadow: 1px 1px 8px -3px #777777;
    vertical-align: top;
    padding: 10px;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .p-table-td--secondcolumn {
      width: 30%;
      padding: 8px ;
      text-align: left;
    }
  }
  .p-table-td--thirdcolumn {
    background-color: #E5F3FC;
    border: solid 2px #074A94;
    -webkit-box-shadow: 1px 1px 8px -3px #777777;
    box-shadow: 1px 1px 8px -3px #777777;
    vertical-align: top;
    text-align: left;
    padding: 10px 30px;
  }
  @media screen and (max-width: 768px) {
    .p-table-td--thirdcolumn {
      width: 50%;
      padding: 8px;
    }
  }
  .p-table-td__p {
    font-size: 14px;
    line-height: 1.3;
  }
  @media screen and (max-width: 768px) {
    .p-table-td__p {
      font-size: clamp(10px, 3vw, 11px);
      letter-spacing: 0.01em;
    }
  }
  .p-table-td__p.--adjust {
    padding-top: 8px;
  }
  .p-table-td--heading .--subtitle {
    font-size: var(--f-large-m);
  }
  @media screen and (max-width: 768px) {
    .p-table-td--heading .--subtitle {
      font-size: 3.5vw;
    }
  }
  .p-table-td__p .--large {
    font-size: var(--f-title-l);
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    .p-table-td__p .--large {
      font-size: 5vw;
    }
  }
  .p-table-td__p .--scarlet {
    color: var( --scarlet);
    font-weight: bold;
  }
  .--scarlet .--mini{
    font-size: 10px;
  }
  @media screen and (max-width: 768px) {
    .--scarlet .--mini{
      font-size: 10px;
    }
  }
  .p-table-td__p b {
    font-weight: bold;
  }
  .p-table-td__p sub {
    font-size: 70%; 
    position: relative;
    bottom: 0;
    margin-left: 5px;
  }
  .p-table__h2 {
    font-size: 32px;
    padding-bottom: 40px;
  }
  @media screen and (max-width: 768px) {
    .p-table__h2 {
      font-size: 6vw;
    }
  }
  .p-table__h2 sup {
    font-size: 50%;
    top: -1em;
  }
  .p-table__p {
    font-size: 14px;
    text-align: right;
  }
  @media screen and (max-width: 768px) {
    .p-table__p {
      font-size: 3vw;
      padding: 0 16px;
    }
  }
  .p-table-flex{
    display: flex;
    padding-top: 8px;
  }

  .p-table-flex__content.--first{
    width: 40%;
  }
  .p-table-flex__content.--second{
    width: 60%;
    padding-left: 2%;
  }
  .p-table-flex__content img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
  .c-table__link{
    color: #074A94;
    transition: all .3 ;
    display: block;
    margin: 0 auto;
    padding-top: 8px;
    max-width: fit-content;
    text-decoration: underline;
    text-decoration-color: #074A94;
  }
  @media screen and (max-width: 768px) {
    .c-table__link{
      font-size: 16px;
      }
  }
.c-table__link:hover{
    opacity: .8;

  }
  /* //テーブルエリア */
  .p-pursuit--minitext {
    line-height: 1.5;
  }
