@charset "UTF-8";

form > dl > dt > span {
    background-color: #EB3323;
    color: #FFF;
    font-size: 11px;
    border-radius: 5px;
    padding: 3px 8px;
    display: inline-block;
    line-height: 100%;
    margin-left: 0.3em;
}

.what_head {background: url("../images/what_head_bg.jpg") no-repeat center center; background-size: cover; padding: 60px 0px;}
.what_head > div {max-width: 624px; margin: 0px auto;}
.what_head > div div.wh_img {display: flex; justify-content: space-between;}
.what_head > div div.wh_img figure {width: 46.8%; color: #FFF; padding: 10px 0px 10px 10px; box-sizing: border-box; background-color: #33A9AA; border-radius: 10px; display: flex; align-items: center;}
.what_head > div div.wh_img figure:nth-child(2) {background-color: #FFEC01; color: #1A1311;}
.what_head > div div.wh_img figure picture {width: 142px;}
.what_head > div div.wh_img figure figcaption {width: calc(100% - 142px); text-align: center;}
.what_head > div div.wh_img figure figcaption p {font-size: 14px; line-height: 160%;}
.what_head > div div.wh_img figure figcaption p br.sp {display: none;}
.what_head > div div.wh_img figure figcaption p span {position: relative;text-emphasis: filled;-webkit-text-emphasis: filled;}

.what_head > div p.wh_logo {max-width: 504px; margin: 24px auto 0px;}
.what_head > div h2 {margin-top: 36px; font-size: 22px; text-align: center; font-weight: 700; line-height: 170%; position: relative; z-index: 1;}
.what_head > div h2 strong {font-size: 28px;font-weight: 700;}
.what_head > div h2 span {position: relative;}
.what_head > div h2 span:before {content: ""; width: 100%; height: 30%; background-color: #FFEC01; position: absolute; bottom: 0; left: 0;z-index: -1;}
.what_head > div div.wh_bt {max-width: 532px;margin:26px auto 0px; background-color: #FFF; border-radius: 10px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px 30px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.what_head > div div.wh_bt p.txt { width: calc(100% - 272px); font-size: 14px; position: relative; z-index: 1; font-weight: 700;}
.what_head > div div.wh_bt p.txt span {position: relative;}
.what_head > div div.wh_bt p.txt span:before {content: ""; width: 100%; height: 30%; background-color: #FFEC01; position: absolute; bottom: 0; left: 0;z-index: -1;}
.what_head > div div.wh_bt p.link {width: 262px;}
.what_head > div div.wh_bt p.link a {background-color: #000; height: 40px; display: flex; align-items: center; color: #FFF;font-size: 16px; font-weight: 700; justify-content: center; border-radius: 20px; position: relative;}
.what_head > div div.wh_bt p.link a em {font-size: 13px; color: #000; background-color: #FFF; border-radius: 3px; padding:0px 5px; margin-left: 0.5em; display: inline-block;}
.what_head > div div.wh_bt p.link a:after {content: "";display: inline-block;width: 6px;height: 6px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: rotate(45deg);position: absolute; right: 20px; top:calc(50% - 3px);}

.wht_sugg {background: url("../images/what_sugg_bg.png") no-repeat center bottom; padding: 80px 0px 60px; position: relative;}
.wht_sugg > div {max-width: 776px; margin: 0px auto; position: relative; z-index: 2;}
.wht_sugg > div p.txt { font-size: 20px; font-weight: 700; color: #FFF; text-align: center;}
.wht_sugg > div p.txt span { background-color: #33A9AA; padding: 3px 15px;}
.wht_sugg > div p.txt span em:first-child:after {content: "、"; margin-right: 0.5em;}
.wht_sugg > div h2 {text-align: center; font-size: 34px; font-weight: 700;}
.wht_sugg > div h2 strong {font-size: 44px;font-weight: 700; color: #33A9AA;letter-spacing: 0.1em;}
.wht_sugg > div h2 strong span {letter-spacing: 0.1em;text-emphasis: filled;-webkit-text-emphasis:filled;}
.wht_sugg > div figure {margin-top: 40px;}
.wht_sugg:before {content: ""; width: 100%; height: 90px; clip-path: polygon(50% 90%, 100% 0, 100% 100%, 0 100%, 0 0); background-color: #E9F4F4; position: absolute; z-index: 1; bottom: 0; left: 0;}
.wht_sugg:after {content: ""; width: 100%; height: 90px; clip-path: polygon(50% 90%, 100% 0, 100% 100%, 0 100%, 0 0); background-color: #FFF; position: absolute; z-index: 0; bottom: 4px; left: 0;}

.wht_then { background-color: #E9F4F4; position: relative;}
.wht_then:before {content: "";display: inline-block;width: 40px;height: 14px; background: url("../images/what_then_bg.svg") no-repeat center center; background-size: contain; position:absolute; right: 0px; left: 0; margin: auto; top: 20px;}
.wht_then:after {content: "";display: inline-block;width: 40px;height: 14px; background: url("../images/what_then_bg.svg") no-repeat center center; background-size: contain; position:absolute; right: 0px; left: 0; margin: auto; top: 36px;}
.wht_then_cont {max-width: 1120px; margin: 0px auto; padding: 90px 0px 80px;}
.wht_then_cont > h2 {text-align: center;}
.wht_then_cont > h2 + ul {margin-top: 50px; text-align: center;}
.wht_then_cont > h2 + ul li {display:flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
.wht_then_cont > h2 + ul li span:before {content: ""; width: 32px; height: 24px; background: url("../images/what_then_check.svg") no-repeat center center; background-size: contain; display: inline-block; margin-right: 20px;}
.wht_then_cont > h2 + ul li br.sp {display: none;}
.wht_then_cont > h2 + ul li + li {margin-top: 30px;}
.wht_then_cont > div.then_list {margin-top: 60px; display: flex; justify-content: space-between;}
.wht_then_cont > div.then_list figure {width: 31.5%;}
.wht_then_cont > div.then_list figure > div {position: relative;}
.wht_then_cont > div.then_list figure > div dl dt {position: absolute; top: 0; left: 0; background-color: #000; border-radius: 0px 0px 10px 0px; font-size: 22px; font-weight: 700; color: #FFF; padding: 5px 20px;}
.wht_then_cont > div.then_list figure > div dl dd {position: absolute; bottom: 0; left: 0; width: 100%; background-color: #33A9AA; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 16px; font-weight: 700; color: #FFF; padding: 5px 0px;}
.wht_then_cont > div.then_list figure > div dl dd img {margin: 0px 0.5em;}
.wht_then_cont > div.then_list figure > figcaption {padding: 20px 10px;}
.wht_then_cont > div.intro { background-color: #FFF; border-radius: 30px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px 0px 0px; margin-top: 60px; text-align: center;}
.wht_then_cont > div.intro > h3 {font-size: 20px; font-weight: 700; display: inline-block;}
.wht_then_cont > div.intro > h3 span {display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; margin: 0px auto;}
.wht_then_cont > div.intro > h3 span em {display: flex; align-items: center;}
.wht_then_cont > div.intro > h3 span:before {content: ""; width: 100%; height: 6px; background-color: #FFEC01; position: absolute; bottom: 5px; left: 0;z-index: -1;}
.wht_then_cont > div.intro > h3 img {width: 194px; margin-right: 5px; flex-shrink: 1;}
.wht_then_cont > div.intro > h4 {margin-top: 40px;}
.wht_then_cont > div.intro > figure {margin-top: 40px;}

.wht_then_cont > div.support {display: flex; justify-content: space-between; margin-top: 80px;}
.wht_then_cont > div.support > figure {width: calc(100% - 640px);}
.wht_then_cont > div.support > div.support_cont {width: 594px;}
.wht_then_cont > div.support div.support_img {display:flex; justify-content: space-between;}
.wht_then_cont > div.support div.support_img figure {width: 48.9%; color: #FFF; padding: 10px 0px 10px 10px; box-sizing: border-box; background-color: #33A9AA; border-radius: 10px; display: flex; align-items: center;}
.wht_then_cont > div.support div.support_img figure picture {width: 142px;}
.wht_then_cont > div.support div.support_img figure picture img {width: 100; height: 100%; object-fit: cover;}
.wht_then_cont > div.support div.support_img figure figcaption {width: calc(100% - 142px); text-align: center;}
.wht_then_cont > div.support div.support_img figure figcaption p.text {font-size: 14px; line-height: 160%;}
.wht_then_cont > div.support div.support_img figure figcaption p.line {font-size: 0; margin: 10px 0px;}
.wht_then_cont > div.support div.support_img figure + figure {background-color: #FFEC01; color: #000;}
.wht_then_cont > div.support h5 {text-align: center; font-size: 20px; font-weight: 700; margin-top: 20px;}
.wht_then_cont > div.support h5 br.sp {display: none;}
.wht_then_cont > div.support div.wh_bt {max-width: 532px;margin:20px auto 0px; background-color: #FFF; border-radius: 10px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px 30px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.wht_then_cont > div.support div.wh_bt p.txt { width: calc(100% - 272px); font-size: 14px; position: relative; z-index: 1; font-weight: 700;}
.wht_then_cont > div.support div.wh_bt p.txt span {position: relative;}
.wht_then_cont > div.support div.wh_bt p.txt span:before {content: ""; width: 100%; height: 30%; background-color: #FFEC01; position: absolute; bottom: 0; left: 0;z-index: -1;}
.wht_then_cont > div.support div.wh_bt p.link {width: 262px;}
.wht_then_cont > div.support div.wh_bt p.link a {background-color: #000; height: 40px; display: flex; align-items: center; color: #FFF;font-size: 16px; font-weight: 700; justify-content: center; border-radius: 20px; position: relative;}
.wht_then_cont > div.support div.wh_bt p.link a em {font-size: 13px; color: #000; background-color: #FFF; border-radius: 3px; padding:0px 5px; margin-left: 0.5em; display: inline-block;}
.wht_then_cont > div.support div.wh_bt p.link a:after {content: "";display: inline-block;width: 6px;height: 6px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: rotate(45deg);position: absolute; right: 20px; top:calc(50% - 3px);}

.wht_meeting {background-color: #FFFEED; padding: 80px 0px;}
.wht_meeting > div {max-width: 1120px; margin: 0px auto;}
.wht_meeting > div p.headtxt {text-align: center; font-size: 20px; color: #FFF; font-weight: 700;}
.wht_meeting > div p.headtxt span {background-color: #33A9AA; padding: 5px 20px;}
.wht_meeting > div > h2 {text-align: center; font-size: 44px; font-weight: 700; margin-top: 10px;}
.wht_meeting > div > h3 {text-align: center; margin-top: 20px;}

.wht_meeting > div > div.wht_mt_guid {margin-top: 80px;}
.wht_meeting > div > div.wht_mt_guid > h4 { text-align: center;}
.wht_meeting > div > div.wht_mt_guid div.guid_list {margin-top: 40px; display: flex; justify-content: space-between;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div {display: flex; flex-direction: column; width: 30.7%; padding-top: 25px; position: relative;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div > p {line-height: 100%; font-size: 26px; font-weight: 700; color: #32A9AA;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div > div {margin-top: 8px; background-color: #FFF; border-radius: 18px; padding: 25px 15px;　height: 100%; flex-grow: 1;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div > div dl {display: flex;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div > div dl + dl {margin-top: 8px;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div > div dl dt {width: 50px; color: #32A9AA;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div > div dl dd {width: calc(100% - 50px); line-height: 160%;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div > figure {position: absolute; right: 10px; top: 0px; width: 44%;}

.wht_meeting > div > div.wht_mt_under {margin-top: 90px; padding: 0px 20px;}
.wht_meeting > div > div.wht_mt_under figure {display: flex; justify-content: space-between;}
.wht_meeting > div > div.wht_mt_under figure figcaption { width: 50%;}
.wht_meeting > div > div.wht_mt_under figure figcaption dl dt {font-size: 26px; color: #33A9AA; font-weight: 700; line-height: 160%;}
.wht_meeting > div > div.wht_mt_under figure figcaption dl dd {margin-top: 20px;}
.wht_meeting > div > div.wht_mt_under figure picture {width: 41.5%;}
.wht_meeting > div > div.wht_mt_under figure:nth-child(2) {flex-direction: row-reverse;}
.wht_meeting > div > div.wht_mt_under figure + figure {margin-top: 80px;}

.reserve {padding: 90px 0px 120px;}
.reserve_cont {max-width: 1120px; margin: 0px auto;}
.reserve_cont > p.en {text-align: center; font-size: 28px; font-weight: 700;}
.reserve_cont > h2 {text-align: center; font-size: 32px; font-weight: 700;}
.reserve_cont > div.line_bt {max-width: 618px; box-sizing: border-box; margin: 40px auto 0px; padding: 20px 38px; background-color: #FFEC01; border-radius: 10px; display: flex; justify-content: space-between; align-items: center;}
.reserve_cont > div.line_bt > p.txt {font-size: 18px; font-weight: 700;}
.reserve_cont > div.line_bt > p.bt {width: 264px; height: 40px;}
.reserve_cont > div.line_bt > p.bt a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #FFF; position: relative; border-radius: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); background-color: #06C755; font-weight: 700;}
.reserve_cont > div.line_bt > p.bt a:after {content: "";display: inline-block;width: 6px;height: 6px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: rotate(45deg);position: absolute; right: 20px; top:calc(50% - 3px);}
.reserve_cont > p.company {width: 100%; background-color: #FFF9B2; text-align: center; padding: 8px 0px; border-radius: 18px; margin-top: 40px; font-size: 14px;}
.reserve_cont > p.company br.sp {display: none;}

.reserve_form {margin-top: 50px; background-color: #F7F7F7; border-radius: 8px; padding: 80px 0px 85px;}
.reserve_form_cont {max-width: 752px; margin: 0px auto;}
.reserve_form_cont dl dt {font-size: 16px; font-weight: 700;}

.reserve_form_cont input[type="submit"],
.reserve_form_cont input[type="text"],
.reserve_form_cont input[type="email"],
.reserve_form_cont select,
.reserve_form_cont textarea,
.reserve_form_cont button {-moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; outline: none; border: none;}

.reserve_form_cont dl {margin-top: 40px;}
.reserve_form_cont dl dd {margin-top: 5px;}
.reserve_form_cont dl dd input[type="text"],.reserve_form_cont dl dd input[type="email"] {background-color: #FFF; border: 1px solid rgba(0,0,0,.08); font-size: 16px; border-radius: 8px; width: 100%; box-sizing: border-box;padding: 15px;}
.reserve_form_cont dl dd.day ul {display: flex; justify-content: space-between;}
.reserve_form_cont dl dd.day ul li {width: 47%;}
.reserve_form_cont dl dd.day ul li span:not([class]) {display: block; margin-bottom: 5px;}
.reserve_form_cont dl dd.day ul + ul {margin-top: 24px;}
.reserve_form_cont dl dd.day ul select {background-color: #FFF; border: 1px solid rgba(0,0,0,.08); font-size: 16px; border-radius: 8px; width: 100%; box-sizing: border-box;padding: 15px;}
.reserve_form_cont dl dd.check {display: flex; flex-direction: column;}
.reserve_form_cont dl dd.check span.mwform-checkbox-field {background-color: #FFF; border: 1px solid rgba(0,0,0,.08); font-size: 16px; border-radius: 8px; width: 100%; box-sizing: border-box;padding: 15px;}
.reserve_form_cont dl dd.check label {display: inline-block; width: 100%; cursor: pointer;}
.reserve_form_cont dl dd.check span.mwform-checkbox-field + span.mwform-checkbox-field {margin-top: 3px;}
.reserve_form_cont dl dd textarea {background-color: #FFF; border: 1px solid rgba(0,0,0,.08); font-size: 16px; border-radius: 8px; width: 100%; box-sizing: border-box;padding: 15px; height: 180px;}

.reserve_form_cont p.send {margin: 80px auto 0px;position: relative;max-width: 480px;}
.reserve_form_cont p.send input[type="submit"] {width: 100%; height: 64px; background-color: #32A9AA; border-radius: 32px; font-size: 16px; font-weight: 700; color: #FFF; cursor: pointer;transition: 0.3s;}
.reserve_form_cont p.send input[type="submit"]:hover {opacity: .7;}
.reserve_form_cont p.send:after {content: "";display: inline-block;width: 6px;height: 6px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: rotate(45deg);position: absolute; right: 40px; top:calc(50% - 3px);}

@media only screen and (max-width:1120px){
.wht_then_cont > div.then_list {display: flex; justify-content: space-between; margin: 60px 16px 0px;}

.wht_then_cont > div.intro { background-color: #FFF; border-radius: 30px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px 0px 0px; margin: 60px 16px 0px; text-align: center;}

.wht_then_cont > div.support {display: flex; justify-content: space-between; margin: 80px 16px 0px;}

.wht_meeting > div {max-width: 1120px; margin: 0px 16px;}

.wht_meeting > div > div.wht_mt_under {margin-top: 90px; padding: 0px 0px;}

.reserve_form {background-color: #F7F7F7; border-radius: 8px; padding: 80px 0px 85px; margin: 50px 16px 0px;}

.reserve_cont > p.company {width: calc(100% - 32px); background-color: #FFF9B2; text-align: center; padding: 8px 0px; border-radius: 18px; margin: 40px 16px 0px; box-sizing: border-box; font-size: 14px;}

}

@media only screen and (max-width:900px){
.wht_meeting > div > div.wht_mt_guid div.guid_list {margin-top: 40px; display: flex;flex-wrap: wrap; justify-content: center;gap:14px 2%;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div {display: flex; flex-direction: column; width: 49%; padding-top: 25px; position: relative;}

}
@media only screen and (max-width:860px){
.wht_then_cont > div.support {display: flex; flex-direction: column; justify-content: space-between; margin: 80px 16px 0px}
.wht_then_cont > div.support > figure {width: 100%;}
.wht_then_cont > div.support > div.support_cont {width: 100%; margin-top: 24px;}

}

@media only screen and (max-width:800px){
.reserve_form_cont {max-width: 100%; margin: 0px 16px; box-sizing: border-box;}
}

@media only screen and (max-width:740px){
.wht_then_cont > div.then_list {display: flex; flex-direction: column; justify-content: space-between; margin: 60px 16px 0px;}
.wht_then_cont > div.then_list figure {width: 100%;}
.wht_then_cont > div.then_list figure + figure {margin-top: 20px;}

.wht_then_cont > div.intro { background-color: #FFF; border-radius: 30px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px 0px 40px; margin: 60px 16px 0px; text-align: center;}
.wht_then_cont > div.intro > h3 {font-size: 20px; font-weight: 700; display: inline-block;}
.wht_then_cont > div.intro > h3 span {display: flex; align-items: center; flex-direction: column; justify-content: center; position: relative; z-index: 1; margin: 0px auto;}
.wht_then_cont > div.intro > h3 span em {display: flex; align-items: center; position: relative;}
.wht_then_cont > div.intro > h3 span:before {content: none; width: 0%; height: 0px; background-color: #FFEC01; position: absolute; bottom: 5px; left: 0;z-index: -1;}
.wht_then_cont > div.intro > h3 span em:before {content: ""; width: 100%; height: 6px; background-color: #FFEC01; position: absolute; bottom: 5px; left: 0;z-index: -1;}

}
@media only screen and (max-width:640px){
.what_head > div {max-width: 624px; margin: 0px 16px;}
.what_head > div div.wh_img figure {width:49%; color: #FFF; padding: 10px 0px 10px 10px; box-sizing: border-box; background-color: #33A9AA; border-radius: 10px; display: flex; align-items: center;}
.what_head > div div.wh_img figure picture {width: 78px; height: 100px;}
.what_head > div div.wh_img figure picture img {height: 100%; object-fit: cover;}
.what_head > div div.wh_img figure figcaption {width: calc(100% - 78px); text-align: center;}
.what_head > div div.wh_img figure figcaption p {font-size: 10px; line-height: 160%;}
.what_head > div div.wh_img figure figcaption p br.sp {display:block;}

.wht_sugg {background: url("../images/what_sugg_bg.png") no-repeat center bottom; padding: 80px 16px 60px; position: relative;}

.wht_sugg > div p.txt { font-size: 20px; font-weight: 700; color: #FFF; text-align: center;}
.wht_sugg > div p.txt span { background-color: inherit; max-width: 345px; padding: 0px; margin: 0px auto;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.wht_sugg > div p.txt span em {display: block; width: 100%; background-color: #33A9AA; padding: 3px 15px; box-sizing: border-box;}
.wht_sugg > div p.txt span em:first-child:after {content: none; margin-right: 0.5em;}
.wht_sugg > div p.txt span em + em {margin-top: 15px;}

.wht_then_cont > div.support div.support_img figure picture {width: 78px; height: 100px}
.wht_then_cont > div.support div.support_img figure picture img {width: 100%; height: 100%; object-fit: cover;}
.wht_then_cont > div.support div.support_img figure figcaption {width: calc(100% - 78px); text-align: center;}

.wht_meeting > div > div.wht_mt_guid div.guid_list {margin-top: 40px; display: flex;flex-wrap: wrap; flex-direction: column; justify-content: center;gap:14px 0%;}
.wht_meeting > div > div.wht_mt_guid div.guid_list > div {display: flex; flex-direction: column; width: 100%; padding-top: 25px; position: relative;}

.wht_meeting > div > div.wht_mt_under figure {display: flex; flex-direction: column; justify-content: space-between;}
.wht_meeting > div > div.wht_mt_under figure figcaption { width: 100%;}
.wht_meeting > div > div.wht_mt_under figure picture {width: 100%; margin-top: 14px;}
.wht_meeting > div > div.wht_mt_under figure:nth-child(2) {flex-direction: column;}
.wht_meeting > div > div.wht_mt_under figure + figure {margin-top: 60px;}


.reserve_cont > div.line_bt {max-width: 100%; box-sizing: border-box; margin: 40px 40px 0px; padding: 20px 38px; background-color: #FFEC01; border-radius: 10px; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
.reserve_cont > div.line_bt > p.bt {width: 264px; height: 40px; margin-top: 10px;}



}

@media only screen and (max-width:550px){
.what_head > div div.wh_bt {max-width: 532px;margin:26px auto 0px; background-color: #FFF; border-radius: 10px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.what_head > div div.wh_bt p.txt { width: 100%; text-align: center; font-size: 14px; position: relative; z-index: 1; font-weight: 700;}
.what_head > div div.wh_bt p.txt span {position: relative;}
.what_head > div div.wh_bt p.txt span:before {content: ""; width: 100%; height: 30%; background-color: #FFEC01; position: absolute; bottom: 0; left: 0;z-index: -1;}
.what_head > div div.wh_bt p.link {width: 262px; margin-top: 10px;}


.wht_then_cont > div.support div.wh_bt {max-width: 532px;margin:20px auto 0px; background-color: #FFF; border-radius: 10px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 20px 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.wht_then_cont > div.support div.wh_bt p.txt { width: 100%; text-align: center; font-size: 14px; position: relative; z-index: 1; font-weight: 700;}
.wht_then_cont > div.support div.wh_bt p.txt span {position: relative;}
.wht_then_cont > div.support div.wh_bt p.txt span:before {content: ""; width: 100%; height: 30%; background-color: #FFEC01; position: absolute; bottom: 0; left: 0;z-index: -1;}
.wht_then_cont > div.support div.wh_bt p.link {width: 262px; margin-top: 10px;}


}

@media only screen and (max-width:500px){
.what_head > div h2 {margin-top: 36px; font-size: 16px; text-align: center; font-weight: 700; line-height: 170%; position: relative; z-index: 1;}
.what_head > div h2 strong {font-size: 20px;font-weight: 700;}

.wht_sugg {background: url("../images/what_sugg_bg.png") no-repeat center bottom; padding: 40px 16px 40px; position: relative;}
.wht_sugg > div p.txt { font-size: 16px; font-weight: 700; color: #FFF; text-align: center;}
.wht_sugg > div p.txt span { background-color: inherit; max-width: 245px; padding: 0px; margin: 0px auto;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.wht_sugg > div p.txt span em {display: block; width: 100%; background-color: #33A9AA; padding: 3px 15px; box-sizing: border-box;}
.wht_sugg > div h2 {text-align: center; font-size: 24px; font-weight: 700; margin-top: 15px;}
.wht_sugg > div h2 strong {font-size: 31px;font-weight: 700; color: #33A9AA;letter-spacing: 0.1em; display: block;}
.wht_sugg > div figure {margin-top: 20px;}
.wht_sugg:before {content: ""; width: 100%; height: 26px; clip-path: polygon(50% 90%, 100% 0, 100% 100%, 0 100%, 0 0); background-color: #E9F4F4; position: absolute; z-index: 1; bottom: 0; left: 0;}
.wht_sugg:after {content: ""; width: 100%; height: 26px; clip-path: polygon(50% 90%, 100% 0, 100% 100%, 0 100%, 0 0); background-color: #FFF; position: absolute; z-index: 0; bottom: 4px; left: 0;}

.wht_then:before {content: "";display: inline-block;width: 18px;height: 11px; background: url("../images/what_then_bg.svg") no-repeat center center; background-size: contain; position:absolute; right: 0px; left: 0; margin: auto; top: 26px;}
.wht_then:after {content: "";display: inline-block;width: 18px;height: 11px; background: url("../images/what_then_bg.svg") no-repeat center center; background-size: contain; position:absolute; right: 0px; left: 0; margin: auto; top: 36px;}

.wht_then_cont {max-width: 1120px; margin: 0px auto; padding: 70px 0px 80px;}
.wht_then_cont > h2 {text-align: center; padding: 0px 36px;}
.wht_then_cont > h2 + ul {margin-top: 30px; text-align: left; padding: 0px 48px;}
.wht_then_cont > h2 + ul li {display:flex; align-items: flex-start; justify-content: flex-start; font-size: 16px; font-weight: 700; position: relative; padding-left: 40px; }
.wht_then_cont > h2 + ul li span:before {content: ""; width: 15px; height: 20px; background: url("../images/what_then_check.svg") no-repeat center center; background-size: contain; display: inline-block; margin-right: 0px; position: absolute; left: 0; top: calc(50% - 10px);}
.wht_then_cont > h2 + ul li + li {margin-top: 24px;}
.wht_then_cont > h2 + ul li br.sp {display: block;}

.wht_then_cont > div.then_list {display: flex; flex-direction: column; justify-content: space-between; margin: 50px 16px 0px;}
.wht_then_cont > div.then_list figure > div dl dt {position: absolute; top: 0; left: 0; background-color: #000; border-radius: 0px 0px 10px 0px; font-size: 22px; font-weight: 700; color: #FFF; padding: 5px 20px;}
.wht_then_cont > div.then_list figure > div dl dd {position: absolute; bottom: 0; left: 0; width: 100%; background-color: #33A9AA; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 16px; font-weight: 700; color: #FFF; padding: 5px 0px;}
.wht_then_cont > div.then_list figure > div dl dd img {margin: 0px 0.5em;}
.wht_then_cont > div.then_list figure > figcaption {padding: 10px 0px;}

.wht_then_cont > div.intro { background-color: #FFF; border-radius: 30px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); padding: 40px 26px 40px; margin: 40px 16px 0px; text-align: center;}
.wht_then_cont > div.intro > h3 {font-size: 20px; font-weight: 700; display: inline-block;}
.wht_then_cont > div.intro > h3 span {display: flex; align-items: center; flex-direction: column; justify-content: center; position: relative; z-index: 1; margin: 0px auto;}
.wht_then_cont > div.intro > h3 span em {display: flex; align-items: center; position: relative;}
.wht_then_cont > div.intro > h3 span:before {content: none; width: 0%; height: 0px; background-color: #FFEC01; position: absolute; bottom: 5px; left: 0;z-index: -1;}
.wht_then_cont > div.intro > h3 span em:before {content: ""; width: 100%; height: 6px; background-color: #FFEC01; position: absolute; bottom: 5px; left: 0;z-index: -1;}
.wht_then_cont > div.intro > h4 {margin-top: 30px;}
.wht_then_cont > div.intro > figure {margin-top: 20px;}

.wht_then_cont > div.support div.support_img figure figcaption p.text {font-size: 10px; line-height: 160%;}
.wht_then_cont > div.support div.support_img figure figcaption p.line {font-size: 0; margin: 10px 0px; padding: 0px 10px;}
.wht_then_cont > div.support div.support_img figure figcaption p.line svg {width: 100%;}

.wht_then_cont > div.support h5 {text-align: center; font-size: 16px; font-weight: 700; margin-top: 20px;}
.wht_then_cont > div.support h5 br.sp {display: block;}

.wht_meeting > div p.headtxt {text-align: center; font-size: 16px; color: #FFF; font-weight: 700;}
.wht_meeting > div p.headtxt span {background-color: inherit; padding: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.wht_meeting > div p.headtxt span em {display: inline-block;background-color: #33A9AA; padding: 5px 20px;}
.wht_meeting > div p.headtxt span em + em {margin-top: 6px;}

.wht_meeting > div > h2 {text-align: center; font-size: 34px; font-weight: 700; margin-top: 10px;}
.wht_meeting > div > h3 {text-align: left; margin-top: 14px;}

.wht_meeting > div > div.wht_mt_guid {margin-top: 50px;}

.wht_meeting > div > div.wht_mt_under figure figcaption dl dt {font-size: 20px; color: #33A9AA; font-weight: 700; line-height: 160%;}

.reserve_cont > p.en {text-align: center; font-size: 24px; font-weight: 700;}
.reserve_cont > h2 {text-align: center; font-size: 24px; font-weight: 700;}

.reserve_cont > div.line_bt {max-width: 100%; box-sizing: border-box; margin: 30px 40px 0px; padding: 13px 20px; background-color: #FFEC01; border-radius: 10px; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
.reserve_cont > div.line_bt > p.txt {font-size: 16px; font-weight: 700;}
.reserve_cont > div.line_bt > p.bt {width: 264px; height: 40px; margin-top: 10px;}
.reserve_cont > div.line_bt > p.bt a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #FFF; position: relative; border-radius: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); background-color: #06C755; font-weight: 700;}
.reserve_cont > div.line_bt > p.bt a:after {content: "";display: inline-block;width: 6px;height: 6px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: rotate(45deg);position: absolute; right: 20px; top:calc(50% - 3px);}


.reserve_form {background-color: #F7F7F7; border-radius: 8px; padding: 30px 0px 60px; margin: 30px 16px 0px;}
.reserve_form_cont dl {margin-top: 30px;}


.reserve_form_cont dl dd.day ul {display: flex; flex-direction: column; justify-content: space-between;}
.reserve_form_cont dl dd.day ul li {width: 100%;}
.reserve_form_cont dl dd.day ul li + li {margin-top: 10px;}
.reserve_form_cont dl dd.day ul li + li span {color: #797979;}
.reserve_form_cont p.send {margin: 30px auto 0px;position: relative;max-width: 480px;}

.reserve_cont > p.company {line-height: 160%;}
.reserve_cont > p.company br.sp {display: block;}


}