@charset "UTF-8";
/* CSS Document */
#contents{ padding:0; margin:auto;}
#contents_outer{width: auto;padding: 0; margin:auto;}
#main_contents{ width:auto !important; float:none; margin:auto;}

#Cont_221213{}
#Cont_221213 .img{ text-align:center;}

#Cont_221213 .text{ margin:0.5em auto;}
#Cont_221213 .small{ font-size:0.75em;}
#Cont_221213 .kome{ font-size:0.75em;}

#Cont_221213 .indent1{ text-indent:-1em; padding-left:1em;}
#Cont_221213 .indent2{ text-indent:-2em; padding-left:2em;}

#Cont_221213 section{ padding:40px 0;}


@media all and (min-width: 751px) {
body{top: 0px !important;    position: block !important;}

#Common_Css_Wrap #Cont_221213{ max-width:1400px; margin:auto; color:#505050;}
#Cont_221213 .co_wrap{ max-width:1060px; width:94%; margin:auto;}


#Cont_221213 #mv{ padding:0; position:relative; height:400px; background:url(../images/221213/PC_mv1.jpg) no-repeat top center; background-size: cover}
#Cont_221213 #mv .img{ max-width:1060px; width:75.8%; margin:auto; text-align:left; padding:50px 0 0;}
#Cont_221213 #mv .text{ max-width:475px; margin:16px 0 0 0;}



#Cont_221213 #sec1{ background:#73B4E6;}
#Cont_221213 #sec1 .ttl{ margin:0 auto 30px; text-align:center; max-width:560px;}
#Cont_221213 #sec1 .change_wrap{ position:relative; max-width:800px; margin:auto; width:84%;}
#Cont_221213 #sec1 .click_target{ position:absolute; width:14.8%; height:2.8em; top:0; cursor:pointer;}
#Cont_221213 #sec1 .click_target1{ left:25%;}
#Cont_221213 #sec1 .click_target2{ left:42.5%;}
#Cont_221213 #sec1 .click_target3{ left:59%;}


#Cont_221213 #sec2{ margin:60px auto;}
#Cont_221213 #sec2 .ttl{ width:70%; margin:auto; max-width:556px;}
#Cont_221213 #sec2 .text{ margin:1em auto; text-align:center;}
#Cont_221213 #sec2 .change_wrap{ position:relative;}
#Cont_221213 #sec2 .click_target{ position:absolute; width:8%; height:2.9em; top:0; cursor:pointer;}
#Cont_221213 #sec2 .click_target1{ left:32.5%;}
#Cont_221213 #sec2 .click_target2{ left:41.5%;}
#Cont_221213 #sec2 .click_target3{ left:50.8%;}
#Cont_221213 #sec2 .click_target4{ left:60%;}

#Cont_221213 #sec3{ margin:60px auto; text-align:center;}
#Cont_221213 #sec3 .ttl{ width:60%; max-width:465px; margin:auto;}
#Cont_221213 #sec3 .img{ margin:4% 1% 0; display:inline-block; max-width:30%;}
#Cont_221213 #sec3 .dummy{ margin:4% 1% 0; display:inline-block; width:30%;}


#Cont_221213 #sec4{ margin:60px auto 0; padding-bottom:0;}
#Cont_221213 #sec4 .bg1{ background:#3CBD7E; padding:20px 0;}
#Cont_221213 #sec4 .bg2{ background:#E7EDDE; padding:60px 0;}
#Cont_221213 #sec4 .ttl{ width:70%; margin:auto; max-width:630px;}
#Cont_221213 #sec4 .sub_ttl{ margin:3em auto 1em; text-align:center; font-size:1.6em; font-weight:900;}
#Cont_221213 #sec4 .fixed_wrap{ margin-bottom:2em;}
#Cont_221213 #sec4 .fixed_target{ text-align:center; width:94%; max-width:1060px; margin:auto;}
#Cont_221213 #sec4 .fixed_wrap.on .fixed_target{ position:fixed; top:0; background:#E7EDDD; left:0; right:0; margin:auto;}

#Cont_221213 #sec4 .change_wrap{ position:relative;}
#Cont_221213 #sec4 .click_target{ position:absolute; width:13%; height:3.7em; top:0; cursor:pointer;}
#Cont_221213 #sec4 .click_target1{ left:29.5%;}
#Cont_221213 #sec4 .click_target2{ left:44%;}
#Cont_221213 #sec4 .click_target3{ left:58.2%;}



#Cont_221213 #sec5{ margin:0% auto 60px; padding-top:0;}
#Cont_221213 #sec5 .ttl{ margin:0 auto;}
#Cont_221213 #sec5 .on_off_wrap{ margin:60px auto 40px; line-height:1.8;}
#Cont_221213 #sec5 .on_off_cont{position:relative; overflow:hidden;}

#Cont_221213 #sec5 .sub_ttl{ font-size:1.5em; font-weight:600; line-height:1.4;}
#Cont_221213 #sec5 .sub_ttl span{ display:inline-block; color:#3CBD7E; }
#Cont_221213 #sec5 .text{ color:#505050; margin:30px auto 0; }
#Cont_221213 #sec5 .text span{ background:#CFECDB;}
#Cont_221213 #sec5 .img_wrap{ text-align:center;}
#Cont_221213 #sec5 .img{ margin:0 20px 0;}
#Cont_221213 #sec5 .img1{ display:inline-block; max-width:40%; vertical-align:top;}
#Cont_221213 #sec5 .img2{ display:inline-block; max-width:40%; vertical-align:top;}
#Cont_221213 #sec5 .btn{ display:none}



#Cont_221213 #sec6{ margin:0% auto; padding-top:0; background:#F2F9E9; position:relative; text-align:center;}
#Cont_221213 #sec6::before{ content:""; height:5em; width:100%; background:#FFF; position:absolute; top:0; left:0; z-index:2;}
#Cont_221213 #sec6 .ttl{ position:relative; z-index:3; max-width:460px; margin:auto; text-align:center; width:60%;}
#Cont_221213 #sec6 .on_off_wrap{ margin:20px 1% 40px; line-height:1.8; display:inline-block; width:46%; vertical-align:top; text-align:left;}
#Cont_221213 #sec6 .on_off_cont{position:relative; overflow:hidden;}

#Cont_221213 #sec6 .icon{ max-width:4em; margin:auto; margin-top:40px;}
#Cont_221213 #sec6 .sub_ttl{ font-size:1.5em; color:#3CBD7E; font-weight:600; line-height:1.4; margin-top:0.5em;}
#Cont_221213 #sec6 .sub_ttl span{ display:inline-block;}
#Cont_221213 #sec6 .text{ color:#505050; margin:1em auto 0;}
#Cont_221213 #sec6 .text span{ display:inline-block;}
#Cont_221213 #sec6 .img{ margin:1em auto 0; max-width:100%;}
#Cont_221213 #sec6 .img.right{ text-align:right;}
#Cont_221213 #sec6 .btn{ display:none}
#Cont_221213 #sec6 .btn a{ max-width:19%; display:inline-block}

#Cont_221213 #other{ margin:80px auto 0; padding:0;}
#Cont_221213 #other .campaign{ padding:0 0;}
#Cont_221213 #other .btn_wrap{ margin:40px auto 0;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#Cont_221213 #other .btn_wrap a{ display:block; max-width:24%;}

#Cont_221213 #other .btn_fixed{ display:none !important;}
#Cont_221213 #other .code{ text-align:right;}


#Cont_221213 #header_nav{ padding:1.5em 0 1em; max-width:1280px; width:98%; margin:auto;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#Cont_221213 #header_nav .logo{ max-width:40%;}
#Cont_221213 #header_nav .logo div{ display:inline-block; margin-right:4%; max-width:45%;}
#Cont_221213 #header_nav .link_wrap{ color:#3CBD7E; display:block !important; font-size:1.3vw;}
#Cont_221213 #header_nav .link_wrap a{ text-decoration:none;}
#Cont_221213 #header_nav .link_wrap a::after{ content:"｜"; display:inline-block; margin:0 0.3em;}
#Cont_221213 #header_nav .link_wrap a:last-of-type::after{ display:none;}

}

@media all and (min-width: 1060px) {
#Cont_221213 #header_nav .link_wrap{ font-size:16px;}
}




@media all and (max-width: 750px) {
#Common_Css_Wrap #Cont_221213{ max-width:750px; margin:auto; color:#505050; }

    
body.click_on{overflow: hidden;}

#Cont_221213 .co_wrap{ max-width:700px; width:93.4%; margin:auto;}

#Cont_221213 section{ padding:1em 0;}


#Cont_221213 #mv{ padding:0; position:relative; background:#FDFDFD; padding-bottom:1em;}
#Cont_221213 #mv .text{ margin-top:-4em;}


#Cont_221213 #sec1{ background:#73B4E6;}
#Cont_221213 #sec1 .ttl{ margin:0 auto 1em;}
#Cont_221213 #sec1 .change_wrap{ position:relative;}
#Cont_221213 #sec1 .click_target{ position:absolute; width:30%; height:2.6em; top:0; cursor:pointer;}
#Cont_221213 #sec1 .click_target1{ left:3%;}
#Cont_221213 #sec1 .click_target2{ left:35%;}
#Cont_221213 #sec1 .click_target3{ left:67%;}



#Cont_221213 #sec2{ margin:6% auto;}
#Cont_221213 #sec2 .ttl{ width:80%; margin:auto;}
#Cont_221213 #sec2 .text{ margin:1em auto;}
#Cont_221213 #sec2 .change_wrap{ position:relative;}
#Cont_221213 #sec2 .click_target{ position:absolute; width:21.5%; height:2.6em; top:0; cursor:pointer;}
#Cont_221213 #sec2 .click_target1{ left:3%;}
#Cont_221213 #sec2 .click_target2{ left:27%;}
#Cont_221213 #sec2 .click_target3{ left:51.5%;}
#Cont_221213 #sec2 .click_target4{ left:75%;}



#Cont_221213 #sec3{ margin:6% auto;}
#Cont_221213 #sec3 .ttl{ width:90%; margin:auto;}
#Cont_221213 #sec3 .img{ margin:1em auto;}



#Cont_221213 #sec4{ margin:6% auto 0; padding-bottom:0;}
#Cont_221213 #sec4 .bg1{ background:#3CBD7E;}
#Cont_221213 #sec4 .bg2{ background:#E7EDDE; padding:1em 0;}
#Cont_221213 #sec4 .ttl{ width:100%; margin:auto;}
#Cont_221213 #sec4 .sub_ttl{ margin:2em auto 1em; text-align:center; font-size:1.2em; font-weight:900;}
#Cont_221213 #sec4 .fixed_wrap{ margin-bottom:1em;}
#Cont_221213 #sec4 .fixed_target{ text-align:center; width:94%; margin:auto;}

#Cont_221213 #sec4 .fixed_wrap{ margin-bottom:1em;}
#Cont_221213 #sec4 .fixed_target{ text-align:center; width:94%; margin:auto;}
#Cont_221213 #sec4 .fixed_cont{}

#Cont_221213 #sec4 .fixed_wrap.on .fixed_target{ position:fixed; top:0; background:#E7EDDD; z-index:102;}

#Cont_221213 #sec4 .change_wrap{ position:relative;}
#Cont_221213 #sec4 .click_target{ position:absolute; width:29.5%; height:3.2em; top:0; cursor:pointer;}
#Cont_221213 #sec4 .click_target1{ left:3%;}
#Cont_221213 #sec4 .click_target2{ left:35%;}
#Cont_221213 #sec4 .click_target3{ left:67.5%;}


#Cont_221213 #sec5{ margin:0% auto 6%; padding-top:0;}
#Cont_221213 #sec5 .on_off_wrap{ margin:2em auto;}
#Cont_221213 #sec5 .on_off_cont{ height:4em; position:relative; overflow:hidden;}
#Cont_221213 #sec5 .on_off_cont::after{ content:"";position: absolute;bottom: 0px; width: 100%; height: 100%;background: linear-gradient(to top,#FFF 0%, transparent 50%); }
#Cont_221213 #sec5 .on_off_wrap.on .on_off_cont{ height:100%;}
#Cont_221213 #sec5 .on_off_wrap.on .on_off_cont::after{ display:none;}

#Cont_221213 #sec5 .sub_ttl{ font-size:1.3em; font-weight:600; line-height:1.4;}
#Cont_221213 #sec5 .sub_ttl span{ display:inline-block; color:#3CBD7E; }
#Cont_221213 #sec5 .text{ color:#505050; margin:1em auto 0; }
#Cont_221213 #sec5 .text span{ background:#CFECDB;}
#Cont_221213 #sec5 .img{ margin:1em auto 0;}
#Cont_221213 #sec5 .btn{ display:inline-block; text-align:center; padding:0.8em 1.5em; color:#3CBD7E; border:1px solid; width:100%; position:relative; font-size:1.2em; font-weight:600; line-height:1; margin:1em auto; cursor:pointer;}
#Cont_221213 #sec5 .btn .sankaku{ position:absolute; right:0.5em; top:0; bottom:0; margin:auto; height:1em;}



#Cont_221213 #sec6{ margin:0% auto 6%; padding-top:0; background:#F2F9E9; position:relative;}
#Cont_221213 #sec6::before{ content:""; height:5em; width:100%; background:#FFF; position:absolute; top:0; left:0; z-index:2;}
#Cont_221213 #sec6 .ttl{ position:relative; z-index:3;}
#Cont_221213 #sec6 .on_off_wrap{ margin:2em auto;}
#Cont_221213 #sec6 .on_off_cont{ height:4em; position:relative; overflow:hidden;}
#Cont_221213 #sec6 .on_off_cont::after{ content:"";position: absolute;bottom: 0px; width: 100%; height: 100%;background: linear-gradient(to top,#F2F9E9 0%, transparent 50%); }
#Cont_221213 #sec6 .on_off_wrap.on .on_off_cont{ height:100%;}
#Cont_221213 #sec6 .on_off_wrap.on .on_off_cont::after{ display:none;}

#Cont_221213 #sec6 .icon{ max-width:4em; margin:auto;}
#Cont_221213 #sec6 .sub_ttl{ font-size:1.3em; color:#3CBD7E; font-weight:600; line-height:1.4; margin-top:0.5em;}
#Cont_221213 #sec6 .sub_ttl span{ display:inline-block;}
#Cont_221213 #sec6 .text{ color:#505050; margin:1em auto 0;}
#Cont_221213 #sec6 .text span{ display:inline-block;}
#Cont_221213 #sec6 .img{ margin:1em auto 0; max-width:70%;}
#Cont_221213 #sec6 .img.size100{ margin:2em auto 0; max-width:100%;}
#Cont_221213 #sec6 .btn{ display:inline-block; text-align:center; padding:0.8em 1.5em; color:#3CBD7E; border:1px solid; width:100%; position:relative; font-size:1.2em; font-weight:600; line-height:1; margin:1em auto; cursor:pointer;}
#Cont_221213 #sec6 .btn .sankaku{ position:absolute; right:0.5em; top:0; bottom:0; margin:auto; height:1em;}





#Cont_221213 #other{ margin:8% auto 0; padding:0;}
#Cont_221213 #other .campaign{ padding:0 0;}
#Cont_221213 #other .btn_wrap{ margin:6% auto 0;}
#Cont_221213 #other .btn_wrap a{ display:block; margin-top:2%;}

#Cont_221213 #other .btn_fixed{ margin:0 auto 0; padding:0.8em 0.5em 0.5em; background:rgba(255,255,255,0.8); z-index:50;
position:fixed; width:100%; bottom:0; left:0;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#Cont_221213 #other .btn_fixed a{ max-width:24%;  display:block;}
#Cont_221213 #other .code{ text-align:right; margin-top:2em;}





#header_nav .on_off_btn{width:2.5em; height:1.75em; z-index:100; position:fixed; right:10px;  top:10px;}
#header_nav .on_off_btn span{ display:block;width:100%; height:0.3em; background:#505050;position:absolute; left:0;
transition-property : transform,top,bottom;transition-duration : 0.4s;transition-timing-function:ease-in-out;}
#header_nav .on_off_btn span.bar1{top:0;}
#header_nav .on_off_btn span.bar2{top:0.7em;}
#header_nav .on_off_btn span.bar3{bottom:0;}


body.click_on #header_nav .on_off_btn span{top:0.7em; background:#FFF;}
body.click_on #header_nav .on_off_btn span.bar1,
body.click_on #header_nav .on_off_btn span.bar3{
-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
body.click_on #header_nav .on_off_btn span.bar2{
-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

#header_nav .link_wrap{display:none; text-align:center; background:rgba(60,190,125,0.90); position:fixed; top:0; left:0;width: 100%; z-index:99; overflow:auto;
height: 100%;height: -webkit-calc(100% - 0px);height: calc(100% - 0px);max-height: 100vh;}
#header_nav .link_wrap > .wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-flow: column;flex-flow: column; min-height:100%;}
#header_nav .link_wrap > .wrap div{ display:block; width:100%; vertical-align:middle;position:relative;line-height: 1; color:#025BAB;}
#header_nav .link_wrap > .wrap  a{padding:0.6em 0; font-size:1.2em; color:#FFF; text-decoration:none; position:relative; display:block; width:100%;}
#header_nav .link_wrap > .wrap a:hover{ color:#FDEE48;}

}