@charset "utf-8";
/* CSS Document */

body#home{
	background-color:#fff;
}

/*main_visual
-----------------------------------------------------------------------*/
#main_wrapper{
	background:url(../img/home/main_bg.png) no-repeat;
	background-size:cover;
	z-index:0;
}

#main_visual{
	width:98%;
	max-width:1280px;
	margin:0 auto;
	position: relative;
}


#main_visual .bx-viewport{
}

#main_slider_wrapper{
	float:left;
	width:76.25% !important;
	max-height:488px;
	overflow: hidden;
}


#main_slider li{
	list-style:none;
	max-height:488px;
	overflow:hidden;
	position:relative;
}

#main_slider li a{
	color:#333;
	text-decoration:none;
}

#main_slider li div{
	position:absolute;
	top:0;
	left:0;
}


#main_slider li div .ma_p03{
	display:inline-block;
	font-size:93.75%;
	color:#fff;
	background-color:#004ea2;
	text-align:center;
	padding:7px 32px 7px 20px;
	letter-spacing:0.15em;
	position:relative;
	min-width:30%;
}
.english #main_slider li div .ma_p03{
	letter-spacing:0.05em;
}

#main_slider li div .ma_p03:after{
	content:" ";
	display:block ;
	width:32px;
	height:1.75em;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-0.875em;
	background:url(../img/common/arrow01.png) no-repeat 50% 50%;
	background-size:7px;
}



#main_slider li a:hover .ma_p03{
	background-color:#3371b3;
}

#main_slider li#ms_li01 div{
	padding:18% 0.5% 0 4.51%;

}

.english #main_slider li#ms_li01 div{
	padding:20% 10% 0 4.51%;
}


#main_slider li#ms_li01 div .ma_p01{
	color:#fff;
	font-size:400%;
	line-height:1.4;
	margin:0;
    text-shadow: 0px 0px 6px #000;
}

.english #main_slider li#ms_li01 div .ma_p01{
	line-height:1.2;
}


#main_slider li#ms_li01 div .ma_p02{
	font-size:125%;
	line-height:1.4;
	min-height:5em;
    color: #fff;
    text-shadow: 0px 0px 10px #000;
}

.english #main_slider li#ms_li01 div .ma_p02 {
    min-height: 5.5em;
}

#main_slider li#ms_li01 div .ma_p02 strong{
	font-size:150%;
    font-weight: normal;
}

.english #main_slider li#ms_li01 div .ma_p02 strong{
	line-height:1.2;
	min-height:5.5em;
}




#main_slider li#ms_li02 div{
	padding:3.38% 5.12%;

}

#main_slider li#ms_li02 div .ma_p01{
	font-size:225%;
	font-weight:bold;
	text-indent:-0.5em;
	line-height:1.4;
	margin-bottom:10px;
}

.english #main_slider li#ms_li02 div .ma_p01{
	font-weight:normal;
	text-indent:0;
	font-size:150%;
	width:70%;
}

#main_slider li#ms_li02 div .ma_p02{
	font-size:150%;
	color:#004ea2;
	font-weight:bold;
}


.english #main_slider li#ms_li02 div .ma_p02{
	font-size:130%;
}

#main_slider li#ms_li02 div .ma_p03{
	margin-top:2.28%;
}


#main_slider li#ms_li03 div{
	padding:19.71% 5% 0 12.3%;

}

.english #main_slider li#ms_li03 div{
	padding:19.71% 5% 0 10%;

}


#main_slider li#ms_li03 div .ma_p01{
	font-size:175%;
	line-height:1.4;
	color:#fff;
	margin-bottom:18px;
}

.english #main_slider li#ms_li03 div .ma_p01{
	line-height:1.2;
}


#main_slider li#ms_li03 div .ma_p02{
	margin:0 0 20px;
}


#main_slider li#ms_li03 div .ma_p03{
	margin-top:2%;
}

/*--DISわぁるどスライド--*/

#main_slider li#ms_li_world div{
    text-align: right;
    top: auto;
    left: auto;
    right:2.36%;
    bottom: 25.82%;
    width: 26.95%;
}

.english #main_slider li#ms_li_world div{
    bottom: 20%;
    text-align: center;
}

#main_slider li#ms_li_world div .ma_p03{
    width:100%;
    box-sizing: border-box;
	padding:7px 50px;
}

#main_slider li#ms_li_world div .ma_p03:after{
	width:50px;
	background:url(../img/common/linkTargetBlank2.png) no-repeat 50% 50%;
	background-size:17px;
}


.english #main_slider li#ms_li_world div .ma_p03 + p{
    font-size: 81.25%;
    line-height: 1.2;
    margin-top: 2%;
    text-shadow: 2px 2px 2px #fff;
}



/*--DISわぁるどスライドここまで--*/


#main_pager{
	float:right;
	width:23.75%;
	height:100%;
	list-style:none;
	z-index:999;
}

#main_pager li{
	position:relative;
	padding-top:53.289473684%;
	margin-top:1px;
}

#main_pager li:first-child{
	margin:0;
}

#main_pager li a{
	position:absolute;
	background-color:#004ea2;
	top:0;
	left:0;
	width:96%;
	height:100%;
	color:#fff;
	text-decoration:none;
	text-align:center;
	transition:all 1s;
	padding:0 2%;
}

#main_pager li a:hover{
	opacity:0.8;

}

#main_pager .mp_p01{
	font-size:125%;
	margin-top:7.89%;
	font-weight:bold;
}


#main_pager .mp_p01a{
	font-size:162.5%;
	margin-top:7.89%;
	font-weight:bold;
}


.english #main_pager .mp_p01a{
	font-size:125%;
	margin-top:3%;
	font-weight:normal;
}



.english #main_pager .mp_p01b{
	font-size:125%;
	margin-top:5%;
}

.english #main_pager .mp_p01c{
	margin-top:7.89%;
	font-size:162.5%;
	font-weight:bold;
}


#main_pager .mp_p02{
	font-size:162.5%;
	font-weight:bold;
}

.english #main_pager .mp_p02a,
.english #main_pager .mp_p02b{
	font-size:162.5%;
	font-weight:bold;
	line-height:1.2;
}


#main_pager .mp_p03{
	font-size:75%;
	margin-top:1.89%;

}

#main_pager .mp_img{
	display:inline-block;
	margin:0 auto 3.2%;
	position:relative;
}

#main_pager .mp_img img{
	max-width:244px;
	transition:all 1s;
	vertical-align:top;
}

#main_pager li a .mp_img img + img{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

#main_pager li a.active{
	background-color:#fff;
	color:#004ea2;
}

#main_pager li a.active .mp_img img{
	opacity:0;
}

#main_pager li a.active .mp_img img + img{
	opacity:1;
}

#main_pager li a:before{
	content:"";
	display:block;
	position:absolute;
	left:-15px;
	top:50%;
	width:15px;
	height:30px;
	margin-top:-15px;
	background:url(../img/home/arrow01.png) no-repeat;
	background-size:15px;
	transition:opacity 1s;
	opacity:0;
	z-index:999;

}

#main_pager li a.active:before{
	opacity:1;
}


/*--DISわぁるどスライド--*/

.english #main_pager li .mp_pw01{
	font-size:187.5%;
	margin-top:7%;
	font-weight:bold;

}

.english #main_pager li .mp_pw02{
    font-size:125%;
	font-weight:bold;
	line-height:1.2;

}

.english #main_pager li .mp_pw03{
    font-size:75%;
    margin-top: 3%;

}



/*--DISわぁるどスライドここまで--*/



/*emergency
-----------------------------------------------------------------------*/
#emergency{
	margin:2.8% 0 -0.847%;
	position:relative;
	background-color:#f0f3f6;
	font-size:0;
	color:#626364;
}

#emergency > div{
	font-size:1rem;
	display:inline-block;
	vertical-align:middle;
	padding:2% 1.72% 0.3%;

}

#emergency p{
	margin:0 0 1.75em;
}

#emergency > div#em_cont{
	width:72.03%;
	padding:0 4.22% 0.3% 1.72%;
}

#emergency > div#em_cont p:first-child{
	margin-top:1.75em;
}

#emergency > div#em_btns{
	width:20.31%;
	padding:0 1.72% 0.3% 0;
}

#emergency #em_btns p{
	margin:15px 0;
}

#emergency #em_btns p a{
	display:block;
	position:relative;
	background-color:#6b6b6b;
	color:#fff;
	padding:7px 32px 7px 7px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	font-weight:bold;
	font-size:93.75%;

}

#emergency #em_btns p a:after{
	content:" ";
	display:block;
	width:32px;
	height:1.75em;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-0.875em;
	background:url(../img/common/arrow01.png) no-repeat 50% 50%;
	background-size:7px;
}


#emergency #em_btns p a[target="_blank"]:after{
	background:url(../img/common/linkTargetBlank2.png) no-repeat 50% 50% !important;
	background-size:17px !important;
}

#emergency #em_btns p a:hover{
	opacity:0.8;
}

/*home_main
-----------------------------------------------------------------------*/
#home_main{
	width:73.75%;
	float:left;
	margin:2.45% 0 4%;
}


#home_main h2{
	font-size:156.25%;
	border-bottom:#aaa 1px solid;
	padding:0 0 0.59%;
}


#pickup li{
	list-style:none;
	padding:2.11% 0 0 1.69%;
	width:32.2%;
	margin:0 0 3.28%;
	float:left;
}

#pickup li:first-child{
	padding:2.11% 0 0;
}


#pickup li a{
	color:#333;
	text-decoration:none;
}

#pickup li a:hover,
#pickup li a:hover *{
	opacity:0.8;
}

#pickup li h3{
	color:#004da0;
	font-weight:bold;
	border-bottom:#dcdcdc 1px solid;
	padding:8px 0 4px;
	position:relative;
}

#pickup li h3 img{
	width:17px;
	float:right;
	margin-left:5px;
}


#pickup li h3:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-1px;
	width:39.47%;
	height:1px;
}


#pickup li p{
	font-size:87.5%;
	padding:2.8% 0;
}



/*----pickup_slider----*/


#pickup .bx-wrapper{
	
	margin-bottom: 3.28% !important;
}

#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child{
	width:304px !important;
	padding: 20px 16px 0 0;
}


#pickup .bx-wrapper .bx-prev {
	left:0;
	background: url(../img/home/slider_arrow04.png) no-repeat 50% 50%;
}

#pickup .bx-wrapper .bx-next {
	right:0;
	background: url(../img/home/slider_arrow03.png) no-repeat 50% 50%;
}

#pickup .bx-wrapper .bx-prev:hover,
#pickup .bx-wrapper .bx-next:hover {
	background-position:50% 50%;
	opacity: 0.8;
}
#pickup .bx-wrapper .bx-controls-direction{
	width: 106%;
	margin: 0 -3%;
	position: absolute;
	top: 30%;

}
#pickup .bx-wrapper .bx-controls-direction a {
	top: 0;
	margin-top: 0;
	width: 40px;
	height: 40px;
	background-color: rgba(0,78,162,0.8);
	background-size: 7px;
	border-radius: 20px;
	overflow: hidden;
}


/*----/pickup_slider----*/

#home_news_btn{
	width:50.84%;
	float:right;
	margin-top:-58px;
	position:relative;
	list-style:none;

}

#home_news_btn li{
	float:right;
	width:46.66%;
	padding:0 0 0 3.33%;
	font-size:93.75%;
}

#home_news_btn li a{
	display:block;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	background:#004ea2 url(../img/common/arrow01.png) no-repeat 90% 50%;
	background-size:7px;
	padding:2.62% 0;
}

#home_news_btn li:first-child a{
	background-image:none;
}
.english #home_news_btn li:first-child a{
	background-image:url(../img/common/arrow01.png);
}


#home_news_btn li a img{
	width:17px;
	margin-left:10px;
	vertical-align:middle;
}

#home_news_btn li a:hover{
	opacity:0.8;
}


#home_news_list{
	margin-top:2.11%;
	list-style:none;
}

#home_news_list li{
	border-bottom:#aaa 1px dotted;
	line-height:1.4;
	padding:12px 0;
}

#home_news_list .news_list_date{
	font-weight:bold;
	padding-bottom:7px;
}
#home_news_list .news_list_date span.news_date{
	font-size:100%;
	display: inline-block;
	width: 7.5em;
	white-space:nowrap;
}
#home_news_list .news_list_date span.news_icon{
	font-size:81.25%;
	margin-left:26px;
}

#home_news_list .news_list_date span.news_new{
	font-size:68.75%;
	margin-left:13px;
}

.news_incon01,
.news_incon02,
.news_incon03,
.news_incon04{
	width:7em;
	padding:3px 10px;
	color:#fff;
	display:inline-block;
	text-align:center;
}

.news_incon01{ background-color:#bc8621; }
.news_incon02{ background-color:#466933; }
.news_incon03{ background-color:#1a8ed0; }
.news_incon04{ background-color:#004ea2; }

.news_new{
	display:inline-block;
	padding:1px 10px;
	background-color:#dc331f;
	border-radius:8px;
	color:#fff;
}


#home_news_list li a{
	text-decoration:none;
	color:#004ea2;
	line-height:1.4;
}

#home_news_list li a img{
	width:16px;
	margin-left:15px;
	vertical-align: middle;
}

#home_news_list li a:hover{
	text-decoration:underline;
}

/*home_side
-----------------------------------------------------------------------*/
#home_side{
	width:23.75%;
	float:right;
	margin-top:2.8%;
}

.hs_top_banner {
	margin:0 0 6%;
}

.hs_top_banner a:hover{
	opacity:0.8;
}

#hs_slider_wrapper{
	margin:24% 0;
}

#hs_slider a:hover{
	opacity:0.8;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#hs_slider_wrapper .bx-wrapper .bx-controls-direction a {
	position: absolute;
	left:0;
	outline: 0;
	display:block;
	width: 100%;
	height: 19px;
	text-indent: -9999px;
	z-index: 9999;
	background:#004ea2 no-repeat 50% 50%;
	background-size:16px;
	border-radius:2px;
}

#hs_slider_wrapper .bx-wrapper .bx-controls-direction a:hover{
	opacity:0.8;
}


#hs_slider_wrapper .bx-wrapper .bx-controls-direction a.bx-prev {
	top:-20px;
	background-image:url(../img/home/slider_arrow01.png);
}

#hs_slider_wrapper .bx-wrapper .bx-controls-direction a.bx-next {
	top:auto;
	bottom:-35px;
	background-image:url(../img/home/slider_arrow02.png);
}






/*bottom_banner
-----------------------------------------------------------------------*/
#bottom_banner{
	background-color:#dcdcdc;
}


#bottom_banner ul{
	width:98%;
	max-width:1280px;
	margin:0 auto;
	list-style:none;
	padding:28px 0;
}

#bottom_banner ul li{
	width:23.75%;
	float:left;
	padding-left:1.64%;
}

#bottom_banner ul li:first-child{
	padding:0;
}

#bottom_banner ul li a{
	display:block;
	background-color:#fff;
}

#bottom_banner ul li a:hover img{
	opacity:0.8;
}