@charset "UTF-8";
/* CSS Document */
#top section{width:100%; margin:0 auto; max-width:none;}

#top #sec1{ margin:60px auto 0; max-width:1280px;}
#top #sec2{ margin:60px auto 0; max-width:1280px;}
#top #sec3{ margin:60px auto 0; max-width:1280px;}
#top #sec4{ margin:60px auto; max-width:1280px;}


@media all and (min-width: 1281px) {
#top #sec3{ margin:60px auto 0;}	
}





#top #mv{ position:relative;}
#top #mv h2{ position:absolute; left:0; right:0; top:50%;  margin:auto; max-width:1280px; z-index:99;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#top #mv .slide_arrow{ position:absolute; max-width:50px; width:4.5em; bottom:0%; z-index:100; cursor:pointer;}
#top #mv .left_arrow{ left:0;}
#top #mv .right_arrow{ right:0;}
#top #mv .slick p.spi{ width:100%;height:550px; background-size:auto 100%; background-position:20% 0;
transition-property : background-position;transition-duration : 7.8s;transition-timing-function:linear; }
#top #mv .slick p.bg_on{background-position:70% 0%;}


@media print{
	#top #mv h2 .spi{ display:none;}
	#top #mv .slick{ display:block; width:100%;}
	#top #mv .slick li{ display:none; width:100%; height:auto; left:0;}
	#top #mv .slick li.num1:first-of-type{ display:block;}
	#top #mv .slick li.num1 .spi{ display:none;}
}





#top h3.top_ttl{ text-align:center;}
#top h3.top_ttl b{ display:block; font-size:1.6em; letter-spacing:0.3em; font-weight:600; margin:auto;line-height:1.4;}
#top h3.top_ttl span{ display:inline-block;font-weight:600;}
#top h3.top_ttl > span{ position:relative; display:block; color:#1380c2; letter-spacing:0.2em;font-family:"Noto Serif JP"; font-size:0.9em; margin:0.5em auto 2em; line-height:1.4;}
#top h3.top_ttl > span::after{ content:""; width:3.5em; height:0; border-top:2px solid; display: block; margin:1.5em auto;}
@media screen and (max-width: 768px) {
#top h3.top_ttl b{ font-size:1.3em; letter-spacing:0.1em; }
#top h3.top_ttl > span{ font-size:0.8em; margin:0.5em auto 1.5em;}
#top h3.top_ttl > span::after{margin:0.85em auto;}
}


#top #sec1{}
#top #sec1 .flex_wrap{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;
width:100%;}

#top #sec1{ width:94%;}
#top #sec1 .flex_wrap h3{ text-align:center; padding:0 2em 0 1em;width: 25%;max-width: 250px;}
#top #sec1 .flex_wrap .text_wrap{ flex:1; border-left:1px solid #899298; padding-left:2em;}
#top #sec1 .flex_wrap .text_wrap li{ text-indent:-6em; padding-left:6em; margin:1em 0 0;}
#top #sec1 .flex_wrap .text_wrap span{ color:#899298; padding-right:1em;}
#top #sec1 .flex_wrap .text_wrap b a{ text-decoration:underline;}

#top #sec1 .flex_wrap .text_wrap .news_btn{ text-align:right; margin-top:1.5em; font-weight:600;}
#top #sec1 .flex_wrap .text_wrap .news_btn img{ width:1em;vertical-align: middle;margin-right: 0.25em;padding: 3px 0 6px;}


@media screen and (max-width: 768px) {	
	#top #sec1 .flex_wrap{ display:block;}
	#top #sec1 .flex_wrap h3{ text-align:center; padding:0 0 1em;width: 60%;max-width: 250px; margin:0 auto 2em; border-bottom:1px solid #899298;}
	#top #sec1 .flex_wrap .text_wrap{border-left: none; padding-left:0; width:90%; margin:auto;}
	#top #sec1 .flex_wrap .text_wrap li{ text-indent:0; padding:1.5em 0 0; margin:1.5em 0 0; border-top:dotted 1px #999;}
	#top #sec1 .flex_wrap .text_wrap li:first-of-type{ border-top:none; padding:0; margin:0 auto;}
	#top #sec1 .flex_wrap .text_wrap span{ display:block;}
}








#top #sec2 > .wrap{ position:relative; }
#top #sec2 .bg_wrap{ position:absolute; top:50%; right:0; left:0; margin:auto; width:60%; text-align:center;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#top #sec2 .bg_wrap p b{ line-height:2.0; font-weight:600;}
#top #sec2 .bg_wrap span{ display:inline-block;}
#top #sec2 .bg_wrap .bnr{ width:80%; margin:2em auto 0;}


@media screen and (max-width: 768px) {	
#top #sec2 .bg_wrap{ width:94%; text-align:center;}
#top #sec2 > .wrap .frame{ width:auto; max-width:none; height:630px; margin-left:-100px;}
#top #sec2 .bg_wrap p b{ line-height:1.8;}
#top #sec2 .bg_wrap .bnr{ max-width:400px; width:90%; margin:1.5em auto 0;}
}



/*
#top #sec3 .ttl{ background:#065A85; padding-bottom:0.5em;}
#top #sec3 h3.top_ttl,
#top #sec3 h3.top_ttl span{ color:#FFF;}
#top #sec3 h3.top_ttl::before{ content:""; width:2px; height:4em; display:block;background:#FFF; margin:0 auto 1.5em;}
#top #sec3 h3.top_ttl span::after{ display:none;}

#top #sec3 .gray_wrap{ background:#E3E9ED; padding:4em 0;}
#top #sec3 .gray_wrap > p{ margin:0 auto 2em; text-align:center; max-width:94%;}
#top #sec3 .gray_wrap > p b{ font-size:1.4em; font-weight:600; color:#0e4773;}
#top #sec3 .gray_wrap > p b span{font-weight:600;display:inline-block;}
#top #sec3 .gray_wrap > p b span.yellow_wrap{background:linear-gradient(transparent 60%, #ff6 60%); }

#top #sec3 .gray_wrap .cont_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;
max-width:1280px; margin:auto;}
#top #sec3 .gray_wrap .cont_wrap > div{ max-width:426px; width:33.33%;}
#top #sec3 .gray_wrap .cont_wrap > div p.text{ position:relative; background:#065A85; color:#FFF; padding:0.75em 1em; font-weight:600;}
#top #sec3 .gray_wrap .cont_wrap > div p.text::after{ content:""; position:absolute; right:1.0em; bottom:1.15em; width:14px; height:7px; background:url(../images/top/yajirushi.png) no-repeat center center; background-size:100% auto;}
#top #sec3 .gray_wrap .cont_wrap .line{ width:2px; background:#FFF; height:100%;}

#top #sec3 .gray_wrap .cont_wrap.bg_white{ background:#FFF !important; padding:3.5em 0; margin:3em auto; position:relative;}
#top #sec3 .gray_wrap .cont_wrap.bg_white > *{ position:relative; z-index:3;}
#top #sec3 .gray_wrap .cont_wrap.bg_white::before,
#top #sec3 .gray_wrap .cont_wrap.bg_white::after{ content:"";background:#FFF !important; position:absolute; width:50vw; height:100%; top:0; z-index:2;}
#top #sec3 .gray_wrap .cont_wrap.bg_white::before{ left:50%;}
#top #sec3 .gray_wrap .cont_wrap.bg_white::after{ right:50%;}


#top #sec3 .gray_wrap .cont_wrap.bg_white.spe{margin:6em auto;text-align:center;padding: 2.5em 0;}
#top #sec3 .gray_wrap .cont_wrap.bg_white.spe1{margin:0 auto 4em;}

#top #sec3 .gray_wrap .add_bar{ width:2px; height:30px; background:#0e4773;}

#top #sec3 .gray_wrap .cont_wrap.bg_white.spe h4{ font-size:1.6em; font-weight:400; color:#454a4c; text-align:center; position:relative; padding:0 1.5em; display:inline-block;}
#top #sec3 .gray_wrap .cont_wrap.bg_white.spe h4::before{ content:""; left:0; border-left:2px solid;}
#top #sec3 .gray_wrap .cont_wrap.bg_white.spe h4::after{ content:""; right:0; border-right:2px solid;}
#top #sec3 .gray_wrap .cont_wrap.bg_white.spe h4::before,
#top #sec3 .gray_wrap .cont_wrap.bg_white.spe h4::after{ position:absolute; width:0.25em; height:70%; top:0; bottom:0; margin:auto; border-bottom:2px solid; border-top:2px solid;}



@media screen and (max-width: 768px) {
#top #sec3 h3.top_ttl::before{ height:2.5em;margin:0 auto 1.0em;}
#top #sec3 .gray_wrap{padding:2em 0;}
#top #sec3 .gray_wrap .cont_wrap{ display:block; }
#top #sec3 .gray_wrap .cont_wrap > div{width:100%;margin:0 auto;}
#top #sec3 .gray_wrap .cont_wrap > div p.text{ padding:0.5em 1em; line-height:1.4;}
#top #sec3 .gray_wrap .cont_wrap .line{ width:100%; background:none; height:0.5em;}
#top #sec3 .gray_wrap .cont_wrap.bg_white{ background:#FFF; padding:2.0em 0; margin:2em auto;}
	
#top #sec3 .gray_wrap .cont_wrap.bg_white::before,
#top #sec3 .gray_wrap .cont_wrap.bg_white::after{ display:none;}


#top #sec3 .gray_wrap .cont_wrap.bg_white.spe{margin:3em auto;padding: 1.5em 0;}
#top #sec3 .gray_wrap .cont_wrap.bg_white.spe1{margin:0 auto 2em;}
#top #sec3 .gray_wrap .cont_wrap.bg_white.spe h4{ font-size:1.4em;}
}
*/
#top #sec3 > .wrap{ position:relative; }
#top #sec3 .bg_wrap{ position:absolute; padding-top:1em; color:#FEFEFE; top:50%; right:0; left:0; margin:auto; width:66%; text-align:center;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#top #sec3 > .wrap::before{ content:""; width:1px; height:4.5em; background:#FFF; display:block; margin:0 auto 1.5em; text-align:center; position:absolute; top:0; left:0; right:0;}
#top #sec3 .bg_wrap span{ color:#FEFEFE;}
#top #sec3 .bg_wrap .text{ line-height:2;}
#top #sec3 .bg_wrap .text span{ display:inline-block;}
#top #sec3 .bg_wrap .btn{ margin:2em auto 0; }
#top #sec3 .bg_wrap .btn a{height:100%;display:inline-block; width:auto; padding:0.9em 6em; border-radius:0.4em; background:url(../images/common/print_bg_blue2.png);background:#0694CE; color:#FEFEFE; border:1px solid; position:relative; line-height:1;}
#top #sec3 .bg_wrap .btn a::after{ content:""; position:absolute; right:1.0em; bottom:0; top:0; margin:auto; width:14px; height:7px; background:url(../images/top/yajirushi.png) no-repeat center center; background-size:100% auto;}

#top #sec3 .bg_wrap .btn a{
-webkit-transition-property:background;-moz-transition-property:background;-ms-transition-property:background;-o-transition-property:background;transition-property:background;
-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
#top #sec3 .bg_wrap .btn a:hover{ background:#035A86;}

@media screen and (max-width: 768px) {	
#top #sec3 .bg_wrap{ width:94%; text-align:center;}
#top #sec3 > .wrap .frame{ width:auto; max-width:none; height:560px; margin-left:0;}
#top #sec3 .bg_wrap .text{ line-height:1.8;}
#top #sec3 .bg_wrap .bnr{ max-width:400px; width:90%; margin:1.5em auto 0;}
}



#top #sec4 > .wrap{ position:relative; }
#top #sec4 .bg_wrap{ position:absolute; padding-top:1em; color:#FEFEFE; top:50%; right:0; left:0; margin:auto; width:78%; text-align:center;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#top #sec4 > .wrap::before{ content:""; width:1px; height:4.5em; background:#FFF; display:block; margin:0 auto 1.5em; text-align:center;position:absolute; top:0; left:0; right:0;}
#top #sec4 .bg_wrap span{ color:#FEFEFE;}
#top #sec4 .bg_wrap .text{ line-height:2;}
#top #sec4 .bg_wrap .text span{ display:inline-block;}
#top #sec4 .bg_wrap .btn{ margin:2em auto 0; }
#top #sec4 .bg_wrap .btn a{height:100%;display:inline-block; width:auto; padding:0.9em 6em; border-radius:0.4em; background:url(../images/common/print_bg_blue2.png);background:#0694CE; color:#FEFEFE; border:1px solid; position:relative; line-height:1;}
#top #sec4 .bg_wrap .btn a::after{ content:""; position:absolute; right:1.0em; bottom:0; top:0; margin:auto; width:14px; height:7px; background:url(../images/top/yajirushi.png) no-repeat center center; background-size:100% auto;}

#top #sec4 .bg_wrap .btn a{
-webkit-transition-property:background;-moz-transition-property:background;-ms-transition-property:background;-o-transition-property:background;transition-property:background;
-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
#top #sec4 .bg_wrap .btn a:hover{ background:#035A86;}

@media screen and (max-width: 768px) {	
#top #sec4 .bg_wrap{ width:94%; text-align:center;}
#top #sec4 > .wrap .frame{ width:auto; max-width:none; height:500px; margin-left:0;}
#top #sec4 .bg_wrap .text{ line-height:1.8;}
#top #sec4 .bg_wrap .bnr{ max-width:400px; width:90%; margin:1.5em auto 0;}
}

@media screen and (max-width: 980px) {
#top #sec3 .bg_wrap{padding-top:0}
#top #sec4 .bg_wrap{padding-top:0}
#top #sec3 > .wrap::before{ display:none;}
#top #sec4 > .wrap::before{ display:none;}
	}



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