@charset "UTF-8";

/* ----------
01.共通
02.ヘッダー
03.フッター
---------- */


/* ----------
01.共通
---------- */

.pc{
display: block;
}

.sp{
display: none;
}


#contents-menu.under_page #contents{
width: 100%;
/* width: 960px; */
}

.contents_in{
max-width: 960px;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}

#contents-menu.under_page #contents img{
width: 100%;
height: auto;
display: block;
}

@media only screen and (max-width: 960px) {
body{
width: 960px;
}


}


@media only screen and (max-width: 750px) {
/* ----------
01.共通
---------- */

body{
width: 100%;
}

.pc{
display: none;
}

.sp{
display: block;
}

#contents-menu.under_page #contents{
width: 100%;
}

.contents_in{
padding: 0 21px;
}

/* ----------
02.ヘッダー
---------- */
#header{
width: 100%;
padding: 0 10px;
box-sizing: border-box;
border-bottom: 3px solid #001f62;
}

#header h1{
width: 120px
}

#header h1 img{
width: 100%;
height: auto;
}

#header .language{
width: 144px;
margin: 0 46px 0 0;
}

#header .language li{
margin: 0 4px;
width: 63px;
}

#header .language li img{
width: 100%;
height: auto;
margin: 0;
}

#header .nav_btn{
width: 40px;
height: 40px;
background: #002263;
position: absolute;
border-radius: 5px;
top: 14px;
right: 10px;
}

#header .nav_btn .nav_line{
width: 22px;
height: 2px;
background: #fff;
position: absolute;
left: 9px;
transition: all .3s;
}

#header .nav_btn .nav_line01{
top: 11px;
}

#header .nav_btn .nav_line02{
top: 19px;
}

#header .nav_btn .nav_line03{
top: 27px;
}

#header .nav_btn.active .nav_line01{
-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}

#header .nav_btn.active .nav_line02{
opacity: 0;
}

#header .nav_btn.active .nav_line03{
-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}


#navi{
display: none;
width: 100%;
position: absolute;
top: 69px;
left: 0;
background: #fff;
border-bottom: 3px solid #001f62;
z-index: 5;
}

#navi ul{
width: 100%;
height: auto;
display: flex;
align-items: start;
flex-wrap: wrap;
}

#navi li{
float: none;
width: 50%;
padding: 0;
}

#navi li img{
width: 100%;
height: auto;
}

#page-heading{
width: 100%;
}






/* ----------
03.フッター
---------- */


#footer .inner{
width: 100%;
display: flex;
align-items: start;
flex-wrap: wrap;
box-sizing: border-box;
padding: 0 10px;
background: none;
}

#footer .inner ul{
float: none;
width: 50%;
margin: 0 0 20px;
}

#footer .inner li{
padding-left: 14px;
}

#footer .inner li.section{
padding: 0 0 5px;
}




}