@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap');

:root{
	--main:#053a7a;
	--sub1: #367df7;
	--sub2: #E4F5ED;
	--sub3: #f2e038;
	--bg1: #bbe5fc;
	--bg2: #ebf2ff;
}

html,body {text-align: left;color: #000;font-size: 16px;line-height: 1.5;font-weight: 400;margin: 0!important;width: 100%;height:100%;background-color: #fff;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;font-family: "Noto Sans JP", sans-serif;}

* {margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

@media screen and (min-width: 768px){.sp{display:none!important;}}
@media screen and (max-width: 768px){.pc{display:none!important;}.sp{display:block!important;}}

.clearfix:after {clear: both;content: '.';display: block;height: 0;visibility: hidden;}

div,header,footer,section,nav{display: block;box-sizing: border-box;}
li{list-style: none;}
hr{clear:both;opacity:0;}
a{word-break: break-all;text-decoration: none;}
a:hover {opacity: 0.7;}
img{display: block;max-width: 100%;}
p{margin-bottom: 40px;}

.flex{display: flex;}

.size_l{max-width: 1440px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}
.size_m{max-width: 1240px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}
.size_s{max-width: 1140px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}
.size_ss{max-width: 1040px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}


.fs36{font-size: 36px;}
.fs34{font-size: 34px;}
.fs32{font-size: 32px;}
.fs30{font-size: 30px;}
.fs28{font-size: 28px;}
.fs26{font-size: 26px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}
.fs14{font-size: 14px;}
@media screen and (max-width: 768px){
	.fs36{font-size: 7vw;}
	.fs34{font-size: 6.7vw;}
	.fs32{font-size: 6.3vw;}
	.fs30{font-size: 6vw;}
	.fs28{font-size: 5.7vw;}
	.fs26{font-size: 5.3vw;}
	.fs24{font-size: 5vw;}
	.fs22{font-size: 4.8vw;}
	.fs20{font-size: 4.6vw;}
	.fs18{font-size: 4.4vw;}
	.fs16{font-size: 4.2vw;}
	.fs14{font-size: 4vw;}
}

.lh10{display: block; line-height: 1.0;}
.lh12{display: block; line-height: 1.2;}
.lh14{display: block; line-height: 1.4;}
.lh16{display: block; line-height: 1.6;}
.lh18{display: block; line-height: 1.8;}
.lh20{display: block; line-height: 2.0;}
.lh22{display: block; line-height: 2.2;}

.pt10{padding-top: 10px;}
.pt12{padding-top: 12px;}
.pt14{padding-top: 14px;}
.pt16{padding-top: 16px;}
.pt18{padding-top: 18px;}
.pt20{padding-top: 20px;}


.black{color: #000;}
.white{color: #fff;}
.center{text-align: center;}
.bold{font-weight: bold;}

.h2{width: 100%;max-width: 1000px;margin: 0 auto 80px;position: relative;}
.h2:before{content: '';width: 100px;height: 80px;background: url(../img/h2bg1.png)no-repeat;background-size: contain;position: absolute;left: 0;bottom: -20px;z-index: 1;}
.h2:after{content: '';width: 100px;height: 80px;background: url(../img/h2bg2.png)no-repeat;background-size: contain;position: absolute;right: 0;bottom: -20px;z-index: 1;}
h2{width: 100%;max-width: 1000px;height: 80px;font-size: 30px;line-height: 80px;color: #fff;font-weight: bold;text-align: center;background-color: var(--sub1);border-left: 50px solid transparent;border-right: 50px solid transparent;background-clip: padding-box;position: relative;z-index: 2;}
h2 span{font-size: 48px;padding: 0 3px;}
@media screen and (max-width: 768px){
	.h2{margin-bottom: 50px;}
	.h2:before{width: 64px;height: 51px;left: -20px;bottom: -15px;}
	.h2:after{width: 64px;height: 51px;right: -20px;bottom: -15px;}
	h2{height: 70px;font-size: 5.5vw;line-height: 70px;border:unset;}
	h2 span{font-size: 7vw;}
}

.header{width: 100%;height: 72px;background-color: var(--main);}
.header .head_cont{align-items: center;height: 72px;}
.header .head_cont a{display: block;}
.mv{width: 100%;background: repeating-linear-gradient(90deg,#bbe5fc,#bbe5fc 15px,#a6dffc 15px,#a6dffc 30px);}
@media screen and (max-width: 768px){
	.header{height: 50px;}
	.header .head_cont{height: 50px;}
	.header .head_cont a img{height: 35px;}
	.mv_cont{padding: 0;}
}
.btn_cont{padding-top: 90px;padding-bottom: 40px;}
.btn_cont .btn_box{justify-content: space-around;}
.btn_cont .btn_box a{display: block;position: relative;}
.btn_cont .btn_box a:before{content: '';width: 300px;height: 47px;background: url(../img/btn01txt.png);position: absolute;top: -50px;left: calc(50% - 150px);}
.btn_cont .btn_box a.btn02:before{background-image: url(../img/btn02txt.png);}
.btn_cont .btn_box a img{display: block;}
.btn_cont .btn_box a span{font-size: 14px;}
.btn_cont .btn_box a.btn00{display: flex;justify-content: center;align-items: center;width: 400px;height: 90px;font-size: 28px;line-height: 1;font-weight: bold;color: #fff;background-color: var(--sub1);border-radius: 10px;margin-bottom: 40px;box-shadow: 3px 3px 0 var(--mainf);}
.btn_cont .btn_box a.btn00:before{content: none;}
@media screen and (max-width: 768px){
	.btn_cont {width: 80%;padding-left: 0;padding-right: 0;}
	.btn_cont .btn_box{display: block;}
	.btn_cont .btn_box a img{margin: 0 auto;}
	.btn_cont .btn_box a.btn01{margin-bottom: 70px;}
	.btn_cont .btn_box a span{font-size: 4vw;}
	.btn_cont .btn_box a.btn00{width: 100%;font-size: 5vw;}
}


#sec01{background-color: var(--bg1);}
.sec01_cont{padding-top: 50px;padding-bottom: 50px;}
.sec01_cont .sec01h3{display: flex;align-items: center;width: fit-content;height: 44px;font-size: 24px;font-weight: bold;line-height: 1;background-color: #fff;border:4px solid #000;border-radius: 22px;padding: 0 50px;margin-bottom: 20px;}
.sec01_cont .sec01p{padding-left: 40px;}
.sec01_box{background: #fff;padding: 44px;}
.sec01_box .sec01h3_b{font-size: 24px;line-height: 1;font-weight: bold;border-bottom: 1px solid #000;padding: 0 0 20px;margin-bottom: 20px;}
.sec01_box .balist{flex-wrap: wrap;}
.sec01_box .balist li{width: 50%;padding: 0 20px 0 55px;margin-bottom: 24px;font-size: 24px;font-weight: bold;line-height: 1;position: relative;}
.sec01_box .balist li span{display: block;font-size: 14px;line-height: 1.2;font-weight: normal;padding-top: 5px;}
.sec01_box .balist li:before{content: '';width: 40px;height: 50px;background: url(../img/icon_balist01.png)no-repeat top center;background-size: contain;position: absolute;left: 0;top:0;}
.sec01_box .balist li.balist02:before{background-image: url(../img/icon_balist02.png);}
.sec01_box .balist li.balist03:before{background-image: url(../img/icon_balist03.png);}
.sec01_box .balist li.balist04:before{background-image: url(../img/icon_balist04.png);}
.sec01_box .balist li.balist05:before{background-image: url(../img/icon_balist05.png);}
.sec01_box .balist li.balist06:before{background-image: url(../img/icon_balist06.png);}
.sec01_box .balist li.balist07:before{background-image: url(../img/icon_balist07.png);}
.sec01_box .balist li.balist08:before{background-image: url(../img/icon_balist08.png);}
.sec01_box .balist li.balist09:before{background-image: url(../img/icon_balist09.png);}
.sec01_box .balist li:last-child{margin-bottom: 0;}
@media screen and (max-width: 768px){
	.sec01_cont .sec01h3{height: auto;font-size: 5.5vw;padding: 8px 30px;border: 3px solid #000;}
	.sec01_cont .sec01p{padding-left: 0;}
	.sec01_cont .sec01p.sec01txt01{text-align: center;}
	.sec01_box{padding: 20px;}
	.sec01_box .sec01h3_b{font-size: 5.5vw;padding-bottom: 16px;text-align: center;}
	.sec01_box .balist{display: block;}
	.sec01_box .balist li{width: 100%;padding: 0 0 0 40px;font-size: 5vw;}
	.sec01_box .balist li span{font-size: 3vw;}
	.sec01_box .balist li:before{width: 30px;}
}


.sec02_cont{padding-top: 80px;padding-bottom: 80px;}
.tab_cont{display: flex;}
.tab_cont .tab{display: flex;flex-wrap: wrap;justify-content: center;align-content: center;width: 50%;height: 80px;color: #fff;font-size: 20px;line-height: 1.2;font-weight: bold;text-align: center;background-color: var(--sub1);cursor: pointer;opacity: 0.5;}
.tab_cont .tab span:first-child{display: block;width: 100%;font-size: 30px;}
.tab_cont .tab.tab2{color: #000;background-color: var(--sub3);}
.tab_cont .tab.active{opacity: 1;}
@media screen and (max-width: 768px){
	.sec02_cont{padding-top: 50px;padding-bottom: 50px;}
	.tab_cont .tab{font-size: 4vw;height: 70px;}
	.tab_cont .tab span:first-child{font-size: 5vw;}
}

.tabbox {display: none;}
.tabbox.show {display: block;}
.tabbox_cont .tabbox{border: 4px solid var(--sub1);padding: 50px;}
.tabbox_cont .tabbox.tabbox2{border-color: var(--sub3);}
.tabbox_cont .btn_cont {padding: 0 0 50px;}
.tabbox_cont .btn_cont .btn_box a:before{content: none;}
.tabbox_cont h3.sec02h3{color: var(--sub1);margin-bottom: 50px;}

.tabbox_cont .step_list{position: relative;}
.tabbox_cont .step_list:before{content: '';width: 154px;height: 178px;background: url(../img/img_tab1.png)no-repeat;background-size: contain;position: absolute;top: -178px;left: 50px;z-index: -1;}
.tabbox_cont .step_list li{display: flex;width: 100%;border: 4px solid var(--sub1);margin-bottom: 90px;position: relative;}
.tabbox_cont .step_list li:after{content: '';width: 0;height: 0;border-left: 19px solid transparent;border-right: 19px solid transparent;border-top: 32px solid var(--sub1);position: absolute;bottom: -61px;left: calc(50% - 19px);}
.tabbox_cont .step_list li:last-child{margin-bottom: 0;}
.tabbox_cont .step_list li:last-child:after{content: none;}
.tabbox_cont .step_list li .step{display: flex;justify-content: center;align-items: center;width: 145px;height: 220px;font-size: 32px;line-height: 1;font-weight: bold;color: #fff;background-color: var(--sub1);position: relative;}
.tabbox_cont .step_list li .step span:first-child{font-size: 24px;padding-top: 8px;}
.tabbox_cont .step_list li .step:after{content: '';width: 0;height: 0;border-left: 30px solid var(--sub1);border-top: 110px solid transparent;border-bottom: 110px solid transparent;position: absolute;top: 0;right: -30px;}

.tabbox_cont .step_list li .step_txt{display: flex;align-items: center;width: calc(100% - 365px);padding-left: 70px;}
.tabbox_cont .step_list li .step_txt p{margin-bottom: 0;line-height: 1.2;}
.tabbox_cont .step_list li .step_img{display: flex;justify-content: center;align-items: center;width: 220px;height: 220px}

.tabbox_cont .tabbox2 h3.sec02h3{color: #f2ae38;}
.tabbox_cont .tabbox2 .step_list:before{background-image: url(../img/img_tab2.png);right: 50px;left: unset;}
.tabbox_cont .tabbox2 .step_list li{border-color: var(--sub3);}
.tabbox_cont .tabbox2 .step_list li .step{background-color: var(--sub3);color: #000;}
.tabbox_cont .tabbox2 .step_list li .step:after{border-left-color: var(--sub3);}
.tabbox_cont .tabbox2 .step_list li:after{border-top-color: var(--sub3);}
@media screen and (max-width: 768px){
	.tabbox_cont .tabbox{padding: 20px 10px;}
	.tabbox_cont .btn_cont {width: 100%;}
	.tabbox_cont .btn_cont .btn_box a.btn01{margin-bottom: 0;}
	.tabbox_cont h3.sec02h3{margin-bottom: 30px;}
	.tabbox_cont .step_list:before{width: 66px;height: 76px;top: -76px;left: -15px;}
	.tabbox_cont .step_list li{display: block;margin-bottom: 60px;}
	.tabbox_cont .step_list li:after{bottom: -51px;}
	.tabbox_cont .step_list li .step{width: 100%;height: auto;font-size: 6.3vw;padding: 10px 0;margin-bottom: 40px;}
	.tabbox_cont .step_list li .step span:first-child{font-size: 5vw;padding-top: 1vw;}
	.tabbox_cont .step_list li .step:after{border-left: 41vw solid transparent;border-right: 41vw solid transparent;border-top: 20px solid var(--sub1);border-bottom: unset;top: unset;bottom: -20px;right: calc(50% - 41vw);}
	.tabbox_cont .step_list li .step_txt{width: 100%;padding: 0 10px 0;margin-bottom: 20px;}
	.tabbox_cont .step_list li .step_img{display: block;width: 180px;height: 180px;margin: 0 auto 20px;}
	.tabbox_cont .tabbox2 .step_list:before{right: -11px;}
	.tabbox_cont .tabbox2 .step_list li .step:after{border-left: 41vw solid transparent;border-right: 41vw solid transparent;border-top: 20px solid var(--sub3);border-bottom: unset;top: unset;bottom: -20px;right: calc(50% - 41vw);}
}


#sec03{background-color: var(--bg2);}
.sec03_cont{padding-top: 80px;padding-bottom: 80px;}
.sec03_cont .faqbox{padding: 30px;background-color: #fff;border-radius: 10px;box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);margin-bottom: 12px;}
.sec03_cont .faqbox .faq_q{display: flex;align-items: center;line-height: 1.2;min-height: 80px;border-bottom: 1px solid var(--sub1);padding-left: 72px;margin-bottom: 28px;position: relative;}
.sec03_cont .faqbox .faq_q:before{content: '';width: 52px;height: 52px;background: url(../img/icon_faq.png)no-repeat center;position: absolute;top: calc(50% - 26px);left: 0;}
.sec03_cont .faqbox .faq_a p{margin-bottom: 0;}
@media screen and (max-width: 768px){
	.sec03_cont{padding-top: 50px;padding-bottom: 50px;}
	.sec03_cont .faqbox{padding: 20px;}
	.sec03_cont .faqbox .faq_q{padding-left: 50px;}
	.sec03_cont .faqbox .faq_q:before{width: 40px;height: 40px;background-size: contain;top: calc(50% - 20px);}
}


.sec04_cont{padding-top: 20px;padding-bottom: 80px;}
.infotbl th{padding: 30px 40px;background-color: var(--bg2);white-space: nowrap;border-bottom: 1px solid #fff;vertical-align: middle;}
.infotbl td{padding: 30px 0 30px 40px;border-bottom: 1px solid #fff;}
.infotbl td span{display: block;}
.infotbl td a{text-decoration: underline;}
@media screen and (max-width: 768px){
	.infotbl th{display: block;width: 100%;padding: 20px;border-bottom: unset;}
	.infotbl td{display: block;width: 100%;padding: 20px;margin-bottom: 10px;border: 1px solid var(--bg2);}
}


.fot_cont{width: 100%;padding: 12px 0 100px;background-color: var(--main);}
.fot_cont .copyright{width: fit-content;margin: 0 auto;color: #fff;}



.close-btn {position: absolute;top: 5px;right: 5px;font-size: 1.6rem;background: transparent;border: none;cursor: pointer;transition: transform 0.3s ease;}
/* モーダル背景 */
.modal {display: none;position: fixed;top: 0;left: 0;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(79, 79, 79, 0.5);z-index: 100;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
/* モーダル表示状態 */
.modal.active {display: flex;opacity: 1;pointer-events: auto;}
/* モーダルの中身*/
.modal-content {background: #fff;padding: 1rem;border-radius: 10px;width: 80vw;max-width: 500px;text-align: center;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);position: relative;opacity: 0;transform: scale(0.8);transition: all 0.3s ease;}
/* アニメーション*/
.modal.active .modal-content {animation: fadeInScale 0.4s ease forwards;}

@keyframes fadeInScale {
  0% {opacity: 0;transform: scale(0.8);}
  100% {opacity: 1;transform: scale(1);}
}



.sns_btn{display: flex;justify-content: center;align-items: center;}
.sns_btn li{padding: 0 10px;}
.sns_btn img{display: block;width: 250px;height: auto;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 768px){
	.sns_btn{display: block;}
	.sns_btn li{margin: 0 auto 10px;}
	.sns_btn img{margin: 0 auto;}
}


.sec00_cont{padding-top: 80px;padding-bottom: 80px;}
.sec00_cont h3{font-size: 22px;margin: 28px 0 28px;}
.sec00_cont p{font-size: 16px;margin-bottom: 20px;}
.sec00_cont ul{margin-bottom: 20px;}
.sec00_cont li{margin-bottom: 3px;font-size: 16px;padding-left: 25px;position: relative;}
.sec00_cont li:before{content: '';width: 5px;height: 5px;background: #000;border-radius: 50%;position: absolute;top: 12px;left: 5px;}
@media screen and (max-width: 768px){
	.sec00_cont h3{font-size: 4.8vw;}
	.sec00_cont p{font-size: 4.2vw;}
	.sec00_cont li{font-size: 4.2vw;}
}