@charset "UTF-8";

*,html	{font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 17px;line-height: 180%;box-sizing: border-box}

body	{color: #333;text-align: center;letter-spacing:0.05em;word-break: break-all;overflow: hidden;overflow-y:scroll;}

img	{width: 100%;height: auto;line-height: 0}
a:hover	{opacity: 0.5;transition: all 0.5s;}
p	{margin-bottom: 1em}
p.none	{margin-bottom: 0}

/*数字リスト*/
ul.decimal	{margin: 0 0 0.5em 1.2em;list-style-type: decimal}
ul.decimal:last-child	{margin: 0 0 0 1.2em;}
/*・リスト*/
ul.disc    {margin:0;list-style-type:none;font-size:100%;}
ul.disc    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.disc    li:before{content:"・"}
/*米印リスト*/
ul.kome{margin:0;list-style-type:none;font-size:100%}
ul.kome li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%}
ul.kome li:before{content:"※"}


/*改行*/
.pconly{display:inline}
.w48,.w64,.w768,.w980{display:none}
@media screen and (max-width:1100px){.pconly{display:none}}
@media screen and (max-width:980px){.w980{display:inline}}
@media screen and (max-width:768px){.w768{display:inline}}
@media screen and (max-width:640px){.w64{display:inline}.w64none{display:none}}
@media screen and (max-width:480px){.w48{display:inline}}

	/*
　WRAP / PADDING
---------------------------*/

.cwrap	{max-width: 1200px;margin: 0 auto;text-align: left;}
@media only screen and (max-width: 1200px) {.cwrap	{max-width: auto;margin: 0 3%;}}
@media only screen and (max-width: 768px) {.cwrap	{max-width: auto;margin: 0 4%;}}

.cpadding {padding: 50px 0;}
.cpadding-bottom {padding: 0 0 50px 0;}
@media only screen and (max-width: 768px) {
.cpadding {padding: 40px 0;}
.cpadding-bottom {padding: 0 0 50px 0;}
}




/*---------------------------
　カラーリング / 位置調整
---------------------------*/

:root {
--color-01:  #00a29a;/*濃いグリーン*/
--color-02: #deedeb;/*背景薄いグリーン*/
--color-03: #d70051;/*マゼンタ*/
--color-04: #f39800;/*薄いオレンジ*/
--color-05: #fff100;/*文字　黄色*/
}



/*---------------------------
　CTA
---------------------------*/

.cta	{margin: 0 0 70px 0;padding: 40px 5%;background: var(--color-02)}
.cta	.cwrap{padding: 0 4%;}
.cta-wrap	{padding: 30px;background: #fff;border: 3px solid var(--color-03);line-height: 0;}

.cta	.pc{}
.cta	.tb{display: none}
.cta	.sp{display: none}

@media screen and (max-width:1200px){
.cta	.cwrap{padding: 0}
}


@media screen and (max-width:768px){

.cta	.pc{display: none}
.cta	.tb{display: inline}
.cta	.sp{display: none}
}

@media screen and (max-width:480px){

.cta	.pc{display: none}
.cta	.tb{display: none}
.cta	.sp{display: inline}
}

/*---------------------------
　MAIN
---------------------------*/

#header	{background: var(--color-01);text-align: center;}
#header	.pc{}
#header	.sp{display: none}

.head-inner	{max-width: 1200px;margin: auto}
.sp-description	{display: none;margin: 0;}

@media screen and (max-width:768px){
#header	.pc{display: none}
#header	.sp{display: block;}
.sp-description	{display: block;text-align: left;padding: 0 3.5% 20px;color: #fff;font-size: 15px;line-height: 1.2em;}
.sp-description	br	{line-height: 1.2em;}
}


/*---------------------------
　#section01
---------------------------*/

#section01	{padding: 50px 0}
.section01-inner	{padding: 0 5%}

.h2-title-01	{margin-bottom: 20px;border-bottom: 2px solid var(--color-01);}
.h2-title-01	img{max-width: 500px;margin: 0 3%}

.section01-lead	{margin-bottom: 40px;}

.ganseihiro-illust	{text-align: center;}
.ganseihiro-illust	img{max-width: 700px;margin: 0 auto}

.to-ganseihirou	{text-align: center;}
.to-ganseihirou	img{max-width: 900px;margin: 0 auto}
.to-ganseihirou	.pc{}
.to-ganseihirou	.sp{display: none}

@media only screen and (max-width: 768px) {
.h2-title-01	img{width: 90%;margin: 0 7% 0 3%}

.to-ganseihirou	.pc{display: none}
.to-ganseihirou	.sp{display: block;}
}


/*---------------------------
　#section02
---------------------------*/

#section02{padding-bottom: 50px}

.section02-inner	{margin: 0 5%;padding: 1px;border: 2px solid var(--color-01);}
.section02-inner-wrap	{padding: 0 10%;border: 1px solid var(--color-01);}

.section02-fukidashi	{margin-top: -20px}
.section02-fukidashi	.pc	{}
.section02-fukidashi	.sp	{display: none}

.section02-title	{margin: 30px auto;text-align: center;}
.section02-title	img{max-width: 850px;margin: 0 auto;}

.setion02-point	{display:flex;justify-content: space-around;align-items: center;flex-wrap: wrap;padding: 0 3%;}
.setion02-point	p{flex-basis: 30%;}



@media only screen and (max-width: 768px) {
.section02-inner-wrap	{padding: 0 5%;}
.section02-fukidashi	{margin-top: -50px}
.section02-fukidashi	.pc	{display: none}
.section02-fukidashi	.sp	{display: inline}

.setion02-point	p{flex-basis: 60%;}
}

@media only screen and (max-width: 480px) {
.setion02-point	p{flex-basis: 90%;}
}

/*---------------------------
　#section03
---------------------------*/

.section03-title	{margin-bottom: 50px;padding: 30px 0 20px;background: var(--color-01);}
.section03-title	.cwrap{display: flex;justify-content: space-between;align-content: center;flex-wrap:wrap;padding: 0 3%}

.section03-title	span:nth-child(1){flex-basis: 60%;}
.section03-title	span:nth-child(2){flex-basis: 30%;padding-top: 30px;}

.section03-sub-title	{margin-bottom: 30px;padding: 10px 10px 0 10px;border-bottom: 2px solid  var(--color-01);border-left: 5px solid  var(--color-01);}
.section03-sub-title	img{max-width: 550px;}

.section03-inner-block-01	{margin-bottom: 60px;}
.section03-inner-block-02	{}

.section03-inner	{padding: 3%;}
.section03-inner.illust	{margin: 0 3%;padding: 3% 3% 0 3%;border: 1px solid var(--color-01);}


.section03-sub-title-02	{text-align: center;margin-bottom: 30px;}
.section03-sub-title-02	span{display: inline-block;height: 50px;padding: 10px 50px;color: #fff;font-weight: 700;font-size: 30px;background: var(--color-01);letter-spacing: 1px;border-radius: 25px;}

.section03-illust	{padding: 0 15%}

.section03-dl	{margin-bottom: 20px;}
.section03-dl	dt{margin-left:-1em;margin-bottom: 0.5em;text-indent:-1em;padding-left:2em;font-size: 1.3em;font-weight: 700;line-height:150%}
.section03-dl	dt:before{content:"■";color:var(--color-01)}
.section03-dl	dd{padding-left:1.4em;}


.section03-taisaku-list	{display:flex;justify-content: space-between;flex-wrap:wrap}
.section03-taisaku-list-text	{flex-basis: 75%}
.section03-taisaku-list	.illust{flex-basis: 18%}

.section03-point	{margin-top: 1em;font-size: 1.48em;font-weight: 700;line-height: 1.3em;text-align: center;}
.section03-point	span{display: inline-block;margin: 0 auto;text-align: left;}


@media only screen and (max-width: 768px) {

.section03-title	.cwrap{padding: 0}

.section03-title	span:nth-child(1){flex-basis: 90%;margin: 0 5%;}
.section03-title	span:nth-child(2){flex-basis:60%;margin: 0 20%;padding-top:0;}

.section03-sub-title-02	span{height: 50px;padding: 10px 25px;font-size: 20px;border-radius: 25px;}


.section03-inner.illust	{padding: 5% 3% 0;}
.section03-illust	{padding: 0}

.section03-dl	dt{margin-bottom: 0;font-size: 1.1em;}
.section03-dl	dd{padding-left:1.0em;}

.section03-taisaku-list-text	{flex-basis: 100%}
.section03-taisaku-list	.illust{flex-basis: 100%;display: flex;}
.section03-taisaku-list	.illust	p:first-child{flex-basis: 45%;padding: 6% 6% 0}
.section03-taisaku-list	.illust	p:last-child{flex-basis: 50%;padding: 0 0 0 5%}


.section03-point	{font-size: 1.2em;}

}


/*---------------------------
　#section04
---------------------------*/
.section04-bg	{padding: 50px 0;background: var(--color-02)}

.section04-title	{margin-bottom: 40px;}
.section04-title	.pc{}
.section04-title	.sp{display: none;}

.section04-title	.pc	img{max-width: 900px;}


.section04-inner-block-01	{margin: 0 3% 40px}
.section04-inner-block-02	{margin: 0 3%}

.section04-reason	{display: flex;justify-content: space-between;flex-wrap: wrap;}
.section04-dl	{flex-basis: 31%}

.section04-dl	{margin-bottom: 20px;padding: 15px 20px;background: #fff;border-radius: 15px}
.section04-dl	dt{margin-left:-1em;margin-bottom: 0.5em;text-indent:-1em;padding-left:2em;font-size: 1.3em;font-weight: 700;line-height:150%}
.section04-dl	dt:before{content:"■";color:var(--color-01)}
.section04-dl	dd{}


.section04-sub-title	{margin-bottom: 40px;padding: 10px;border-bottom: 2px solid  var(--color-01);border-left: 5px solid  var(--color-01);font-size: 1.48em;font-weight: 700;line-height: 1.3em;}
.section04-sub-title	span{padding-left: 0.5em;}

.section04-dl-02	{margin-bottom: 30px;}
.section04-dl-02	dt{display: flex;align-items: center;margin-bottom: 10px;font-size: 1.8em;font-weight: 700;}
.section04-dl-02	dt	img{width: 70px;margin-right: 20px;}
.section04-dl-02	dt	span{margin: 0;line-height: 0;}

.section04-inner-block-02-inner	{display: flex;justify-content: space-between;flex-wrap: wrap}
.section04-inner-block-02-inner	.tubo-list	{flex-basis: 50%;}
.section04-inner-block-02-inner	.illust	{flex-basis: 45%;display: flex;align-items: center;flex-wrap: wrap}

.section04-inner-block-02-inner	.illust	.gokoku	{flex-basis: 43%;}
.section04-inner-block-02-inner	.illust	.hyakue-taiyo	{flex-basis: 57%;}
.section04-inner-block-02-inner	.illust	.price	{flex-basis: 100%;margin-top: 20px;}

@media only screen and (max-width: 980px) {
.section04-inner-block-02-inner	.tubo-list	{flex-basis: 100%;}
.section04-inner-block-02-inner	.illust	{flex-basis: 100%;}
.section04-inner-block-02-inner	.illust	.price	{margin-top: 30px;}
}

@media only screen and (max-width: 768px) {
.section04-bg	{padding: 30px 0}

.section04-title	.pc{display: none;}
.section04-title	.sp{display: block;}

.section04-dl	{flex-basis: 100%;margin-bottom: 30px;}
.section04-dl	dt{margin-bottom: 0;font-size: 1.1em;}
.section04-dl	dd{}

.section04-sub-title{font-size: 1.2em;}
.section04-sub-title	br{display: none}

}




/*---------------------------
　FOOTER
---------------------------*/

#footer	{background: var(--color-01);color: #fff}

.footer-inner-wrap	{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;padding: 50px 3%}

.info-01	{flex-basis: 45%;padding: 15px 0 0 10px;border-left: 7px solid var(--color-05);}
.info-01	h2{margin-bottom: 10px;color: var(--color-05);font-size: 25px;font-weight: 700;letter-spacing: 0}
.info-01	h2	br{display: none}
.info-01	p{}
.info-01	p	a{margin: 0 0 0 5px;color: #fff;text-decoration: none;}


.info-02	{flex-basis: 55%;display: flex;flex-wrap: wrap;width: 100%;margin: 15px 0;}
.info-02	ul	{display: flex;flex-wrap: wrap;}
.info-02	ul:first-child	{margin-bottom: 30px;}
.info-02	ul	li	{}
.info-02	ul	li	a{color: #fff;text-decoration: none}
.info-02	ul	li	.sq{margin-right: 0.2em}

.info-02	ul	li:nth-child(1),
.info-02	ul	li:nth-child(2){margin-bottom: 10px;}

.info-02	ul	li:nth-child(1),
.info-02	ul	li:nth-child(3){flex-basis: 50%;}
.info-02	ul	li:nth-child(2),
.info-02	ul	li:nth-child(4){flex-basis: 50%;}

.info-02	ul	li:nth-child(1){font-size:25px;font-weight: 700}
.info-02	ul	li:nth-child(2){font-size:22px;font-weight: 700}
.info-02	ul	li:nth-child(2)	a{font-size:25px;font-weight: 700;}
.info-02	ul	li:nth-child(3){padding-left: 2.0em;}
.info-02	ul	li:nth-child(4){font-size: 0.9rem}

#copiright	{padding: 20px 0;font-size: 0.8rem;border-top: 1px solid rgba(255,255,255,0.2);line-height: 1.1em}
#copiright	br{display: none}

@media screen and (max-width: 1200px){
.info-01,
.info-02	{flex-basis: 100%;}
.info-01	{margin-bottom: 30px;}
}


@media screen and (max-width:768px){
.info-02	ul	li:nth-child(1),
.info-02	ul	li:nth-child(3),
.info-02	ul	li:nth-child(2),
.info-02	ul	li:nth-child(4){flex-basis: 100%;margin-bottom: 10px;padding-left:0;text-align: left;}


#copiright	{padding: 10px 0 15px;font-size: 0.7rem;}
#copiright	br{display: inline;line-height: 1.2em;}
}

@media screen and (max-width:480px){

.footer-inner-wrap	{padding: 50px 3% 10px}

.info-01	{padding: 10px 0 0 5px;}

.info-01	h2	{line-height: 1.5em;}
.info-01	h2	br{display: inline}



}





/*---------------------------
　PAGETOP
---------------------------*/

.pagetop{position: fixed;display: block;bottom: 0; right: 0;margin: 0;text-align: right;z-index: 1000;}
.pagetop    a{display: block;background: rgba(0,0,0,0.53); color: #fff;width: 40px;height: 40px;line-height: 38px;text-align: center;font-size: 180%;}
.pagetop    a:hover    {background: #2a73a1;color: #fff;}

@media screen and (max-width:768px){
.pagetop    a{width: 40px;}
.pagetop    span{display: none}
.pagetop    a   i{margin-right:0;}
}

/*------------------------
/////FADE/////////////////
------------------------*/

/*ひとつめのフェード*/
.fadeinf {animation-name: fadeinfanm;animation-duration: 1s;}
@keyframes fadeinfanm {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}


/*ふたつめ以降のフェード*/

.fadein {
opacity : 0;
transform : translate(0px, 100px);
transition : all 1000ms;
}
.fadein.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}


@keyframes fadein {
from {
opacity: 0.1;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/*ふたつめ以降のフェードの中のフェード*/
.fadein.finfade {
-moz-transition-delay: 40ms;
-webkit-transition-delay: 40ms;
-o-transition-delay: 40ms;
-ms-transition-delay: 40ms;
}