@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Gothic+A1:wght@600&display=swap');

html,body{font-size: 16px;font-family: 'Noto Sans JP', sans-serif;line-height: 1.6;}
html>body{font-size: 16px;line-height: 1.6;color: #000;}
article{max-width: 959px;margin: 0 auto;padding: 0 2.813rem 10rem;}
figure{margin: 0;}
#contents_wrapper{background: url("../img/bk.webp") no-repeat center top/cover;background-attachment: fixed;}
main{padding-top: 8.125rem;color: #fff;}
article section{margin-top: 4.688rem;}

body.overflow{overflow: hidden;}
.modal_bk{background: rgba(0,109,168,0.9);position: fixed;width: 100%;height: 100%;left: 0;top: 0;padding: 0 1rem;display: flex;justify-content: center;align-items: center;box-sizing: border-box;z-index:1;}
.modal{width: 1100px;box-sizing: border-box;}
.modal .check{width: calc(100% + 7.5rem);margin: 2rem -3.75rem;background: #0098EB;padding: 2rem 0 3rem;display: flex;flex-wrap: wrap;justify-content: center;}
.modal .check p{font-size: 1.25rem;text-align: center;color: #fff;width: 100%;}
.modal .check a{width: 16.5rem;padding: 0.5rem;text-align: center;color: #1F85B1;font-size: 1.5rem;box-sizing: border-box;border-radius: 2rem;text-decoration: none;box-shadow: 0 0.5rem 0.5rem rgba(0,0,0, 0.2);margin-top: 1rem;cursor: pointer;transition: 0.3s all;}
.modal .check a.yes{background: #fff;}
.modal .check a.no{background: #ACE2FF;margin-left: 5%;}
.modal .note p{font-size: 1.125rem;margin-top: 1rem;}
.modal .note p:first-of-type{margin-top: 0;}

@media print, screen and (min-width: 769px) and (max-height: 840px) {
.modal_bk{}
.modal{height: 70%;overflow-y: scroll;}
}

.page_tit{font-size: 2.875rem;font-weight: 600;text-align: center;}
.page_tit small{font-size: 0.87em;display: block;font-weight: 600;}
.page_tit + p{font-size: 1.25rem;text-align: center;margin-top: 0.8rem;}
.wrap_shadow{box-shadow: 0 1.563rem 1.563rem rgba(0,0,0, 0.2);border-radius: 2.813rem;background: #fff;padding: 3.75rem 3.75rem 4.5rem 3.75rem;}

.contents_tit{text-align: center;color: #1F85B1;font-size: 2rem;font-weight: 600;}
.contents_tit + p{margin-top: 1.8rem;}
.contents_tit + p + figure{text-align: center;margin-top: 4rem;}
.wrap_shadow .contents_tit{margin-top: -0.7rem;}

.lead{font-size: 1.125rem;font-weight: 600;}

.item_tit{font-size: 1.5rem;line-height: 1.4;font-weight: 600;color: #1F85B1;text-align: left;}
.item_tit strong{font-weight: 600;color: #00a5e2;}
.lead + .item_tit{margin-top: 4rem!important;}
.item_tit + *{margin-top: 1.5rem;}
.item_tit + p{margin-top: 1rem;}

.what_item{display: flex;justify-content: space-between;flex-wrap: wrap;}
.what_item > *{box-sizing: border-box;margin-top: 3.688rem;}
.what_item > * figure{width: 9.375rem;margin: 0 auto;}
.what_item > dt{width: 47%;}
.what_item > dt .item_tit{margin-top: 1rem;text-align: center;}
.what_item > dt .item_tit + p{font-weight: 600;}
.what_item > dt.yes .item_tit{color: #4DB6E8;}
.what_item > dt.no .item_tit{color: #CD4E5A;}
.what_item > dt.no strong{color: #CD4E5A;font-weight: 600;text-decoration: underline;}
.what_item > dd{width: 100%;display: flex;}
.what_item > dd figure{width: 23%;align-self: center;text-align: center;}
.what_item > dd figure img{width: 9.375rem;}
.what_item > dd .copy{width: 77%;}
.what_item > dd .item_tit{font-size: 2rem;text-align: left;margin-top: -1rem;color: #000;}
.what_item > dd .lead01{font-weight: 600;font-size: 1.5rem;}
.what_item > dd .lead02{font-weight: 600;font-size: 1.25rem;margin-top: 0.8rem;}
.what_item > dd p:not([class]){margin-top: 1rem;}

#schedule .lead{text-align: center;}
#schedule .schedule_fig{border: 1px solid #333;border-radius: 2.813rem;margin-top: 2.5rem;}
#schedule .schedule_img{margin: 3rem 0 2rem 0;}

#reaction .item_tit{margin-top: 2.5rem;}
#reaction .exclamation{border-radius: 1.25rem;background: #FFDBDE;padding: 0.938rem 2.2rem;margin-top: 4rem;display: flex;justify-content: space-between;align-items: center;}
#reaction .exclamation > dt{width: 4.25rem;height: 4.25rem;border-radius: 50%;background: #FF6A6A;padding: 1.5%;box-sizing: border-box;}
#reaction .exclamation > dd{width: calc(100% - 6rem);text-align: left;}

.careful_item01{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem!important;}
.careful_item01 > p{width: 64%;}
.careful_item01 > figure{width: 31%;}
.careful_item01 > *:nth-of-type(n+2){margin-top: 1rem;}
.careful_item01 > figure:nth-of-type(1){margin-top: -2rem;}
.careful_item02{margin-top: 2.5rem;}
.careful_item02 > p{color: #1F85B1;font-size: 1.5rem;font-weight: 600;border-top: 1px solid #40908B;padding: 1.75rem 0 2.375rem;}
.careful_item02 > p:last-of-type{border-bottom: 1px solid #40908B;}

.goal_item{display: flex;justify-content: space-between;flex-wrap: wrap;}
.goal_item > li{border-radius: 2.813rem;background: #9ADEDE;padding: 1.875rem;width: 30%;box-sizing: border-box;}
.goal_item > li:nth-of-type(n+4){margin-top: 2rem;}
.goal_item > li p{text-align: center;}
.goal_item > li figure{margin-top: 1rem;}

.faq_item{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-top: 4rem;}
.faq_item > dt{width: 3.75rem;height: 3.75rem;display: flex;justify-content: center;align-items: center;line-height: 1;font-family: "Gothic A1", sans-serif;font-weight: 600;font-size: 2.5rem;color: #fff;padding-top: 0.15em;box-sizing: border-box;border-radius: 0.5rem;}
.faq_item > dt:nth-of-type(odd){background: #069B9D;}
.faq_item > dt:nth-of-type(even){background: #ED8171;}
.faq_item > dd{width: calc(100% - 5.375rem);}
.faq_item > dd:nth-of-type(odd) p{font-size: 1.125rem;font-weight: 600;}
.faq_item > *{margin-top: 4.813rem;}
.faq_item > *:first-of-type{margin-top: 0;}
.faq_item > *:nth-of-type(even){margin-top: 1.75rem;}

@media print, screen and (min-width: 769px) {
.sp{display: none!important;}
.modal .check a:hover{opacity: 0.6;}
}

@media print, screen and (max-width: 768px) {
.pc{display: none!important;}
html,body{font-size: 3.5vw;line-height: 1.5;}
html>body{font-size: 3.5vw;line-height: 1.5;}
p{line-height: 1.5;}
article{padding: 0 1.5rem 7rem;}
#contents_wrapper{background: url("../img/bk.webp") no-repeat center top/cover;background-attachment: fixed;}
main{padding-top: 2.5rem;}
article section{margin-top: 3rem;}

.modal_bk{padding: 0 1rem;}
.modal{width: 100%;height: 90%;overflow-y: auto;}
.modal .check{width: calc(100% + 3rem);margin: 1.5rem -1.5rem;padding: 1.5rem 0 2rem;}
.modal .check p{font-size: 1.1rem;}
.modal .check a{width: 11rem;padding: 0.3rem;font-size: 1.2rem;border-radius: 2rem;margin-top: 1rem;}
.modal .check a.yes{background: #fff;}
.modal .check a.no{background: #ACE2FF;margin-left: 5%;}
.modal .note p{font-size: 1.125rem;margin-top: 1rem;}
.modal .note p:first-of-type{margin-top: 0;}

.page_tit{font-size: 2rem;}
.page_tit small{}
.page_tit + p{font-size: 1rem;margin-top: 0.8rem;}
.wrap_shadow{box-shadow: 0 1em 1rem rgba(0,0,0, 0.2);border-radius: 2rem;padding: 2.5rem 1.5rem;}

.contents_tit{font-size: 1.6rem;}
.contents_tit + p{margin-top: 1.3rem;}
.contents_tit + p + figure{margin-top: 2rem;}
.wrap_shadow .contents_tit{margin-top: -0.3rem;}

.lead{font-size: 1.1rem;}

.item_tit{font-size: 1.3rem;}
.lead + .item_tit{margin-top: 3rem!important;}
.item_tit + *{margin-top: 1.1rem;}
.item_tit + p{margin-top: 0.8rem;}

.what_item{}
.what_item > *{margin-top: 2rem;}
.what_item > * figure{width: 60%;margin: 0 auto;}
.what_item > dt{width: 48%;padding: 1.5rem 1rem;}
.what_item > dt .item_tit{margin-top: 1rem;}
.what_item > dt .item_tit + p{}
.what_item > dd{width: 100%;padding-left: 0;}
.what_item > dd figure{width: 23%;align-self: center;text-align: center;}
.what_item > dd figure img{width: 9.375rem;}
.what_item > dd .copy{width: 77%;}
.what_item > dd .item_tit{font-size: 1.5rem;margin-top: -0.5rem;}
.what_item > dd .lead01{font-size: 1.3rem;}
.what_item > dd .lead02{font-size: 1.1rem;margin-top: 0.5rem;}
.what_item > dd p:not([class]){margin-top: 0.8rem;}

#schedule .lead{text-align: left;}
#schedule .schedule_fig{border-radius: 1.5rem;margin-top: 2rem;}
#schedule .schedule_img{margin: 1.5rem 0;}

#reaction .item_tit{margin-top: 2rem;}
#reaction .exclamation{border-radius: 1rem;padding: 0.938rem 1rem;margin-top: 3rem;}
#reaction .exclamation > dt{width: 3rem;height: 3rem;padding: 2%;}
#reaction .exclamation > dd{width: calc(100% - 4rem);text-align: left;}

.careful_item01{margin-top: 1rem!important;}
.careful_item01 > p{width: 65%;}
.careful_item01 > figure{width: 33%;}
.careful_item01 > *:nth-of-type(n+2){margin-top: 1rem;}
.careful_item01 > figure:nth-of-type(1){margin-top: 0;}
.careful_item02{margin-top: 2rem;}
.careful_item02 > p{font-size: 1.2rem;padding: 1rem 0 1.5rem;}

.goal_item{}
.goal_item > li{border-radius: 2rem;padding: 1.2rem;width: 48%;display: flex;flex-direction: column;}
.goal_item > li:nth-of-type(n+3){margin-top: 1.2rem;}
.goal_item > li p{margin-bottom: 0.8rem}
.goal_item > li figure{margin-top: auto;text-align: center;}
.goal_item > li figure img{height: 7.5rem;}

.faq_item{margin-top: 2rem;align-items: flex-start;}
.faq_item > dt{width: 2.8rem;height: 2.8rem;font-size: 1.9rem;padding-top: 0.2em;border-radius: 0.5rem;}
.faq_item > dd{width: calc(100% - 3.5rem);}
.faq_item > dd:nth-of-type(odd) p{font-size: 1.125rem;font-weight: 600;}
.faq_item > *{margin-top: 2.5rem;}
.faq_item > *:nth-of-type(even){margin-top: 1rem;}
}