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


@media only screen and (max-width: 1280px){
#main_visual{
	width:96%;
}

#main_slider li#ms_li01 div .ma_p02{
	font-size:100%;
	min-height:4em;
}

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


.english #main_slider li#ms_li02 div .ma_p01{
	width:90%;
	font-size:130%;
	line-height:1.2
}

#main_pager .mp_p01{
	font-size:110%;
	margin-top:8%;
}

#main_pager .mp_p01a{
	font-size:162.5%;
	margin-top:5%;
}

.english #main_pager .mp_p01a{
	font-size:100%;
	line-height:1.1;
	margin-top:5%;

}


.english #main_pager .mp_p01b{
	font-size:100%;
	margin-top:7.89%;
	line-height:1.2;
}

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




#main_pager .mp_p02{
	font-size:162.5%;
	line-height:1.1;
	margin:2% 0;
}

.english #main_pager .mp_p02a{
	font-size:125%;
	margin:2% 0;

}

.english #main_pager .mp_p02b{
	font-size:150%;
	margin:3.5% 0;

}

#main_pager .mp_p03{
	margin-top:0.5%;
	line-height:1.4;
}

.english #main_pager .mp_p03{
	line-height:1.2;
}

#main_pager .mp_p03 span{
	display:inline-block;
}



#main_pager .mp_img{
	margin:0 auto;
}

#main_pager .mp_img img{
	max-width:210px;
	transition:all 1s;
}
/*--DISわぁるどスライド--*/
.english #main_slider li#ms_li_world div{
    bottom: 18%;
}

.english #main_slider li#ms_li_world div .ma_p03 + p{
    font-size: 75%;
}
    
.english #main_pager li .mp_pw01{
	font-size:170%;
}

.english #main_pager li .mp_pw02{
    font-size:120%;
}

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

}

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

#pickup li h3{
	line-height:1.4;

}

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

	
#bottom_banner ul{
	width:96%;
	padding:2% 0;
}

}
@media only screen and (max-width: 1086px){
#main_slider li#ms_li01 div .ma_p01{
	font-size:300%;
}

#main_slider li#ms_li01 div .ma_p02{
	font-size:93.75%;
}


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

}

#main_slider li#ms_li03 div .ma_p01{
	font-size:150%;
	margin-bottom:10px;
}

.english #main_slider li#ms_li03 div .ma_p01{
	font-size:150%;
}

#main_slider li#ms_li03 div .ma_p02{
	width:80%;
	margin:0 0 10px;
}



#main_pager .mp_p01a{
	font-size:130%;
	margin-top:8%;
}


#main_pager .mp_p02{
	font-size:130%;
	line-height:1.1;
	margin:2% 0;
}

.english #main_pager .mp_p02a{
	font-size:100%;
}


.english #main_pager .mp_p02b{
	font-size:130%;
}




#main_pager .mp_img img{
	max-width:180px;
	transition:all 1s;
}


/*--DISわぁるどスライド--*/
#main_slider li#ms_li_world div .ma_p03{
    padding:7px 20px;
}

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

@media only screen and (max-width: 1024px){
    
/*--DISわぁるどスライド--*/

.english #main_pager li .mp_pw01{
	font-size:140%;
    margin-top:6%;
    line-height: 1.2;
}

.english #main_pager li .mp_pw03{
    margin-top:1%;
}

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


#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child{
	width:233px !important;
	padding: 15px 12px 0 0;
}
}

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

#main_slider li#ms_li01 div .ma_p02{
	font-size:87.5%;
}

#main_slider li#ms_li02 div .ma_p01{
	font-size:150%;
	margin-bottom:5px;
}

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

#main_pager .mp_p01{
	font-size:100%;
	margin-top:9%;
	line-height:1.1;

}
#main_pager .mp_p01 span{
	display:block;
}

#main_pager .mp_p01a{
	font-size:110%;
	margin-top:9%;
	line-height:1;
}

.english #main_pager .mp_p01a{
	font-size:75%;
	margin-bottom:3px;
}


.english #main_pager .mp_p01b{
	margin-bottom:10px;
	margin-top:5%;
}

.english #main_pager .mp_p01c{
	font-size:130%;
}



.english #main_pager .mp_p02a{
	font-size:87.5%;
}


.english #main_pager .mp_p02b{
	font-size:100%;
}


#main_pager .mp_p03{
	margin-top:0;
}

.english #main_pager .mp_p03{
	font-size:68.75%;
}


#main_pager .mp_img{
	margin-bottom:0;
	line-height:1;
}

#main_pager .mp_img img{
	max-width:160px;
	transition:all 1s;
}


}

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

#main_slider li#ms_li01 div .ma_p02{
	font-size:81.25%;
}


#main_slider li#ms_li03 div .ma_p01{
	font-size:120%;
	margin-bottom:10px;
}


#main_slider li#ms_li03 div .ma_p02{
	width:70%;
	margin:0 0 10px;
}

#main_slider li#ms_li03 div .ma_p03{
	letter-spacing:0;
}


.english #main_pager .mp_p01a{
	font-size:87.5%;

}


/*--DISわぁるどスライド--*/
#main_slider li#ms_li_world div .ma_p03:after{
	width:40px;
}

    
.english #main_slider li#ms_li_world div{
    bottom: 16%;
}

.english #main_pager li .mp_pw01{
	font-size:120%;
    line-height: 1.7;
}
    
.english #main_pager li .mp_pw02{
    font-size: 100%;
    }

.english #main_pager li .mp_pw03{
    line-height: 1.2;
    margin-top: 2%;
    padding: 0 1em;
}

/*--DISわぁるどスライドここまで--*/
    
#emergency > div{
	font-size:0.9375rem;
}

#pickup li h3{
	font-size:75%;
	padding:8px 0 4px;

}

#pickup li h3 img{
	width:14px;
}

#pickup li p{
	font-size:75%;
	line-height:1.4;
}


#home_news_btn{
	font-size:87.5%;
	margin-top:-45px;

}


#home_news_btn li a{
	background:#004ea2 url(../img/common/arrow01.png) no-repeat 95% 50%;
	background-size:7px;

}

#home_news_btn li a img{
	width:10px;
	margin-left:5px;
	vertical-align:text-top;
}

#home_news_list{
	font-size:87.5%;
}

#hs_slider_wrapper .bx-wrapper .bx-controls-direction a.bx-prev {
	top:-15px;
	box-shadow:0 8px #fff;
}

#hs_slider_wrapper .bx-wrapper .bx-controls-direction a.bx-next {
	bottom:-15px;
	box-shadow:0 -8px #fff;
}

#hs_slider_wrapper .bx-wrapper li{
	margin:0 0 8px!important;
}

#bottom_banner ul{
	width:94%;
}


}

@media only screen and (max-width: 980px) and (min-width: 769px){
#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child{
	width:218px !important;
	padding: 15px 12px 0 0;
}

}

@media only screen and (max-width: 880px){
#main_visual{
	z-index:10;
	margin-bottom:30px;
}

#main_slider_wrapper{
	float:none;
	width:100% !important;

}

#main_visual .bx-wrapper{
	z-index:1;
}
    
#main_slider li#ms_li01 div,
.english #main_slider li#ms_li01 div{
	padding:20% 2% 0 4.51%;
}
#main_slider li#ms_li01 div .ma_p01{
    text-shadow: 2px 2px 2px #000;
}

#main_slider li#ms_li01 div .ma_p02{
	font-size:93.75%;
    text-shadow: 2px 2px 2px #000;
}

#main_slider li#ms_li02 div .ma_p01{
	font-size:150%;
	margin-bottom:5px;
}

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

#main_slider li div .ma_p03{
	font-size:87.5%;
}

#main_slider li#ms_li03 div .ma_p01{
	font-size:100%;
}

#main_slider li#ms_li03 div .ma_p02{
	width:60%;
}
    
    

#main_pager{
	position:absolute;
	bottom:-7px;
	left:0;
	float:none;
	width:100%;
	line-height:1;
	height:10px;
	text-align:center;
	z-index:9999;
}
#main_pager p{
	display:none;
}


#main_pager li a .mp_img img{
	display:none;
}

#main_pager li {
	display:inline-block;
	padding:0 10px;
	line-height:1;
	z-index:9999;
}
#main_pager li a{
	width:10px;
	height:10px;
	border-radius:5px;
	padding:0;
	z-index:9999;

}
#main_pager li a:before{
	display:none;
}

#main_pager li a.active{
	background-color:#58c2ff;
}
/*--DISわぁるどスライド--*/
.english #main_slider li#ms_li_world div{
    bottom: 20%;
}

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

}

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

#main_slider li#ms_li01 div{
	padding:0 2% 0 4.51%;
    top: auto;
    bottom:17%;
}
    
.english #main_slider li#ms_li01 div{
	padding:0 2% 0 4.51%;
    top: auto;
    bottom:10%;

}

    
#main_slider li#ms_li01 div .ma_p01{
	font-size:250%;
}

.english #main_slider li#ms_li02 div .ma_p01{
	font-size:87.5%;
	text-shadow:2px 2px 2px #fff;

}

.english #main_slider li#ms_li02 div .ma_p02{
	font-size:100%;
	text-shadow:2px 2px 2px #fff;

}

.english #main_slider li#ms_li03 div .ma_p01{
	font-size:115%;
}

.english #main_slider li#ms_li03 div .ma_p02{
	margin-bottom:0;
}

/*--DISわぁるどスライド--*/
.english #main_slider li#ms_li_world div{
    bottom: 15%;
}

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

#emergency{
	margin:2.8% 0;
}

#emergency > div{
	font-size:0.9375rem;
}

#emergency > div#em_cont{
	display:block;
	width:auto;
	padding:0 2.5% 0.3%;
}

#emergency > div#em_btns{
	display:block;
	width:auto;
	padding:0 2.5% 3%;
	text-align:right;
	font-size:0;
}


#emergency #em_btns p{
	margin:0;
	padding:0 0 10px 10px;
	display:inline-block;
	font-size:0.9375rem;
}

#emergency #em_btns p a{
	display:inline-block;
}

#home_main{
	width:100%;
	float:none;
	margin:0;
}
	
#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child{
	width:232px !important;
	padding: 15px 12px 0 0;
}


#home_news_wrapper{
	width:68%;
	float:left;
	position:relative;
	padding-bottom:60px;
}

#home_news_btn{
	float:none;
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	margin:0;

}

#home_news_btn li{
	width:49%;
	margin:0 0.5%;
	padding:0;
}

#home_news_btn li a{
	background:#004ea2 url(../img/common/arrow01.png) no-repeat 95% 50%;
	background-size:5px;
	padding:5% 0 5% 10px;
	text-align:left;

}

#home_news_btn li a img{
	width:10px;
	margin-left:5px;
	vertical-align:text-top;
}



#home_side{
	width:30%;
	margin:0;
}


.hs_top_banner {
	margin:0 0 30%;
}

}

@media only screen and (max-width: 600px){
#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child{
	width:182px !important;
	padding: 15px 9px 0 0;
}
    
/*--DISわぁるどスライド--*/
#main_slider li#ms_li_world div{
    bottom: 20%;
}
    
#main_slider li#ms_li_world div .ma_p03{
    letter-spacing: normal;
    text-align: left;
    padding: 7px 15px;
}
    
#main_slider li#ms_li_world div .ma_p03:after{
	width:32px;
    background-position: 50% 25%;
	background-size:10px;
}
.english #main_slider li#ms_li_world div .ma_p03 {
    padding: 2px 32px 2px 12px;
}
.english #main_slider li#ms_li_world div .ma_p03 + p{
    font-size: 68.75%;
}

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

@media only screen and (max-width: 480px){
#main_slider li div .ma_p03{
	padding:2px 32px 2px 20px;
	font-size:75%;
}

    

    
#main_slider li#ms_li01 div .ma_p01{
	font-size:110%;
}

#main_slider li#ms_li01 div .ma_p02,
.english #main_slider li#ms_li01 div .ma_p02{
	font-size:68.75%;
	min-height:3em;

}
#main_slider li#ms_li01 div .ma_p03{
	font-size:68.75%;
	
}




#main_slider li#ms_li02 div .ma_p01{
	font-size:100%;
	margin-bottom:5px;
	text-shadow:2px 2px 2px #fff;
}

.english #main_slider li#ms_li02 div .ma_p01{
	font-size:75%;
	text-shadow:2px 2px 2px #fff;

}


#main_slider li#ms_li02 div .ma_p02{
	font-size:87.5%;
	text-shadow:2px 2px 2px #fff;
}


.english #main_slider li#ms_li02 div .ma_p02{
	font-size:87.5%;
	text-shadow:2px 2px 2px #fff;
	line-height:1.2;

}


#main_slider li#ms_li03 div{
	padding:18% 5% 0 10%;

}

#main_slider li#ms_li03 div .ma_p01,
.english #main_slider li#ms_li03 div .ma_p01{
	font-size:87.5%;
	margin:0 0 5px;
	text-shadow:2px 2px 2px #000;
}


#main_slider li#ms_li03 div .ma_p02{
	width:40%;
	margin:0;

}


/*--DISわぁるどスライド--*/
#main_slider li#ms_li_world div{
    width: 50%;
    text-align: right;
    bottom: 22%;
}
    
.english #main_slider li#ms_li_world div{
    width: 80%;
    text-align: right;
    bottom: 18%;
}
    
#main_slider li#ms_li_world div .ma_p03{
    padding: 2px 30px 2px 12px;
    font-size: 75%;
    display: inline-block;
    width: auto;
}
    
#main_slider li#ms_li_world div .ma_p03:after{
	width:30px;
    background-position: 50% 40%;
}
.english #main_slider li#ms_li_world div .ma_p03 {        
     padding: 2px 20px 2px 6px;
}
.english #main_slider li#ms_li_world div .ma_p03:after{
        width: 20px
}
.english #main_slider li#ms_li_world div .ma_p03 + p{
    font-size:62.5%;
    margin-top: 0;
    }

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


#home_main h2{
	font-size:120%;
}

#pickup{
	padding:0 0 1.5em;
}

#pickup li{
	padding:2.11% 0 0;
	width:100%;
	float:none;
	clear:both;
}

#pickup li h3,
#pickup li p{
	width:63%;
	margin-left:37%;
}

#pickup li h3 img{
	margin:0 5px;
	display:inline;
}

#pickup li .pickup_img{
	width:35%;
	float:left;
	margin:0;
	padding:8px 0 0;
}



#pickup li h3{
	font-size:75%;
	line-height:1.4;
	padding:8px 0 4px;

}

#pickup .bx-wrapper{
	border-bottom:40px #fff solid;
	border-top:40px #fff solid;
}
	
#pickup .bx-viewport{
	height: 363px !important;
		
}

#pickup #pickup_slider li:before,
#pickup #pickup_slider li:after {
    content:"";
    display:table;
}

#pickup #pickup_slider li:after {
    clear:both;
}


#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child{
	width:100% !important;
	padding:0 0 12px !important;
	margin: 0;
}

#pickup .bx-wrapper .bx-controls-direction{
	width: 100%;
	margin: 0;
	position: static;
}
	
#pickup .bx-wrapper .bx-controls-direction a {
	width: 30px;
	height: 30px;
	border-radius: 15px;
}
	
#pickup .bx-wrapper .bx-controls-direction a.bx-prev {
	top:-30px;
	left:50%;
	margin-left: -15px;
	background:rgba(0,78,162,0.8) url(../img/home/slider_arrow05.png) no-repeat 50% 50%;
	background-size: 10px;

}

#pickup .bx-wrapper .bx-controls-direction a.bx-next {
	right:50%;
	top: auto;
	bottom:-30px;
	margin-right: -15px;
	background:rgba(0,78,162,0.8) url(../img/home/slider_arrow06.png) no-repeat 50% 50%;
	background-size: 10px;
}


#home_news_wrapper{
	width:100%;
	float: none;
}

#home_side{
	width:304px;
	margin:5% auto 0;
	float:none;
}

#hs_slider_wrapper{
	margin:45px 0;
}


#hs_slider_wrapper .bx-viewport{
	height:110px !important;
}



#hs_slider_wrapper .bx-wrapper .bx-controls-direction a.bx-prev {
	top:-10px;
	border-bottom: none;
}

#hs_slider_wrapper .bx-wrapper .bx-controls-direction a.bx-next {
	bottom:-25px;
	border:none;
}

#hs_slider_wrapper .bx-wrapper li{
	margin:0 0 16px!important;
}


#bottom_banner ul li{
	width:49.18%;
	padding:0.82% 0 0.82% 1.64%;
}

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

}
#bottom_banner ul li:nth-child(odd){
	padding-left:0;
}


}

@media only screen and (max-width: 420px){
#pickup .bx-viewport{
	height: 288px !important;	
}
    

/*--DISわぁるどスライド--*/
#main_slider li#ms_li_world div{
    bottom: 15%;
}
/*--DISわぁるどスライドここまで--*/
	
}

@media only screen and (max-width: 360px){
#main_slider li#ms_li01 div,
.english #main_slider li#ms_li01 div{
    bottom:5%;
    padding-bottom:1em;
}

#main_slider li#ms_li01 div .ma_p03{
	position:absolute;
	right:2%;
	bottom:0;
	min-width:0;
}
/*--DISわぁるどスライド--*/
#main_slider li#ms_li_world div{
    bottom: 15%;
}
    
#main_slider li#ms_li_world div .ma_p03{
    font-size: 68.75%;
    padding: 2px 20px 2px 10px; 
}
    
#main_slider li#ms_li_world div .ma_p03:after{
	width:20px;
}


/*--DISわぁるどスライドここまで--*/
.english #main_slider li#ms_li01 div .ma_p03{
	position:relative;
	right:auto;
	bottom:auto;
	padding:2px 32px 2px 10px;
}


.english #main_slider li#ms_li03 div .ma_p01{
	font-size:75%;
}
}