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

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
    src: url('../font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
url('../font/NotoSansCJKjp-Thin.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Light.woff') format('woff'),
url('../font/NotoSansCJKjp-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-DemiLight.eot');
    src: url('../font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
url('../font/NotoSansCJKjp-DemiLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
url('../font/NotoSansCJKjp-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
url('../font/NotoSansCJKjp-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
url('../font/NotoSansCJKjp-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Black.eot');
    src: url('../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Black.woff') format('woff'),
url('../font/NotoSansCJKjp-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: 100;
    src: url('../font/gotham_medium.eot');
    src: url('../font/gotham_medium.eot?#iefix') format('embedded-opentype'),
	url('../font/gotham-medium.woff') format('woff'),
	url('../font/gotham-medium.ttf') format('truetype');
}
html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body{
	background:#fff;
	font-family: 'Noto Sans Japanese';
	font-weight: 400;
	font-size:14px;
	line-height:2;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	position:relative;
	min-width:320px;
	color:#222;
}
@media (max-width: 767px) {
    .pc {
        display: none !important; }
}

@media (min-width: 768px) {
    .sp {
        display: none !important;}
}
a{
	color:#005bac;
	text-decoration:none;
	transition:color .2s;
}
img{
	max-width:100%;
	height:auto;
}
.inner{
	clear:both;
	width:1000px;
	margin:0 auto;
}
.inner:after{
	content:"";
	display:table;
	clear:both;
}
.subNavi ul li{
	display:inline-block;
	border-right:1px solid #888;
	font-size:86%;
	font-weight:400;
}
.subNavi ul li:last-child{ border:0;}
.subNavi ul li a{
	display:block;
	padding:0 30px;
	color:#fff;
}
.subNavi ul li a:hover{color: #005bac;}

header{
	background:#161616;
	color:#fff;
}
header .inner{
	position:relative;
	padding:30px 0;
}
header h1{
	font-size:86%;
    font-weight: 400;
	width:350px;
	margin:0 auto 20px;
	text-align:center;
}
header #logo{
	width:140px;
	margin:0 auto 35px;
}
header .inner  #logo img{
	width:100%;
	height:30%;
}

header #menuBtn{display:none;}
/*header #menu{opacity:1;}*/
header #menu{
	display:block;
/*	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.9);
	z-index:10;
	display:none;
*/}
#gNavi ul{
	background:url(../img/border_gnavi.svg) right center no-repeat;
	background-size:20px 72px;
	padding-right:20px;
	width:980px;
}
#gNavi ul li{
	background:url(../img/border_gnavi.svg) 0 center no-repeat;
	background-size:20px 72px;
	float:left;
    font-weight: 500;
	width:176px;
	padding-left:20px;
	text-align:center;
}
#gNavi ul li a{
	display:block;
	padding:10px 0;
}
#gNavi ul li a:hover{
	background:url(../img/bg_nav_hover.png) center center no-repeat;
	background-size:contain;
	color:#fff;
}

#gNavi ul li span{
    font-family: 'Gotham Medium';
	font-weight: 100;
	font-size:72%;
	display:block;
	color:#888888;
}
#gNavi ul li a:hover span{ color:rgba(255,255,255,0.4);}

#gNavi ul:after{
	content:"";
	display:table;
	clear:both;
}
header .inner .subNavi{
	position:absolute;
	top:30px;
	right:0;
}
header .subNavi ul li{
	display:inline-block;
	border-right:1px solid #888888;
	font-size:86%;
}
header .subNavi ul li:last-child{ border:0;}
header .subNavi ul li a{
	display:block;
	padding:0 10px;
	color:#888888;
}
header .subNavi ul li a:hover{color: #005bac;}

#container{
	min-height:500px;
}
#container section{
	width:100%;
	height:100%;
	margin:0;
}

#followScrollTop{
	font-size:108%;
	text-align:center;
	width:60px;
	height:60px;
	position:fixed;
	right:0;
	bottom:300px;
	display:none;
}
#followScrollTop img{
	width:20px;
	height:10px;
}

#followScrollTop.fixed{
	font-size:108%;
	text-align:center;
	width:60px;
	height:60px;
	position:fixed;
	right:0;
	bottom:300px;
	display:block;
}
#followScrollTop.static{
	font-size:108%;
	text-align:center;
	width:60px;
	height:60px;
	position:fixed;
	right:0;
	bottom:400px;
	display:block;
}

#followScrollTop a{
	background:#005bac;
	display:block;
	padding:25px 20px;
	transition:background-position .2S;
	-webkit-transition:background-position .2S;
	-moz-transition:background-position .2S;
	-o-transition:background-position .2S;
	font-size:0;
}
#followScrollTop a:hover{
}

footer{
	background:#161616;
	color:#fff;
	position:static;
	width:100%;
}
#scrollTop{
	background:#fff;
	font-family:'Gotham Medium';
	font-weight:200;
	color:#005bac;
	font-size:108%;
	text-align:center;
}
#scrollTop a{
	background:url(../img/arrow_scroll_top01.svg) center 35px no-repeat;
	background-size:20px 10px;
	display:block;
	color:#005bac;
	padding:60px 0 30px;
	transition:background-position .2S;
	-webkit-transition:background-position .2S;
	-moz-transition:background-position .2S;
	-o-transition:background-position .2S;
}
#scrollTop a:hover{
	background-position: center 30px;
}

footer .inner{
	padding:35px 0;
}
footer .inner #lNavi{
	position:relative;
	overflow:hidden;
	margin-bottom:45px;
}
footer .inner #lNavi ul{
	float:left;
	position:relative;
	left:50%;
}
footer .inner #lNavi ul li{
	float:left;
	position:relative;
	left:-50%;
	margin:0 22px;
    font-weight: 500;
}
footer .inner #lNavi:after,
footer .inner #lNavi ul:after{
	content:"";
	display:table;
	clear:both;
}

footer .inner #footerLogo{
    width: 140px;
    margin: 0 auto;
}
footer .inner #footerLogo img{
	width:100%;
	height:30%;
}

footer #footerBox{
	background:#000;
	width:94%;
	height:20px;
	padding:30px 3%;
}
footer .subNavi{
	float:left;
	font-weight:400;
}
.subNavi ul li a{
	display:block;
	padding:0 10px;
	color:#888;
}

footer #copyRight{
	float:right;
	font-size:86%;
	font-weight:400;
	text-align:right;
	color:#888;
}
footer:after{
	content:"";
	display:table;
	clear:both;
}


header a,
footer a{
	color:#fff;
}
header a:hover,
footer a:hover{
	color:#005bac;
	text-decoration:none;
}
@media screen and (max-width:1024px){
.inner{
	width:96%;
	padding:0 2%;
}
header{
	background:#161616;
	position: static;
	top:0;
	left:0;
	width:100%;
	height:120px;
	z-index:3;
}
header .inner{ padding:0;}

header .inner #logo{
	clear:left;
	float:left;
	width:140px;
	margin:0 0 0 50px;
}
header h1{
	float:left;
	width:250px;
	margin:20px 0 10px 50px;
	text-align:left;
	font-size:86%;
    font-weight: 400;
}
header #menuBtn{
	display:block;
	float:none;
	width:120px;
	height:120px;
	background:#000;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
}
.btnBox {
    display: block;
    padding: 35px 38px;
    width: 44px;
    height: 50px;
    position: relative;
	cursor:pointer;
}
header #menuBtn:after{
	content:attr(title);
	position:absolute;
	bottom:35px;
	left:38px;
	text-align:center;
	font-size:12px;
	width:44px;
}
header .btnBox span {
    display: block;
    width: 44px;
    height: 3px;
    position: absolute;
    right: 38px;
    background: #fff;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    -webkit-transition: all, 0.3s;
    transition: all, 0.3s;
}
header .btnBox span:first-child { top: 35px;}
header .btnBox span:nth-child(2) {
	opacity: 1;
    top: 48px;
}
header .btnBox span:last-child { top: 61px;}
header #menuBtn.open .btnBox span:first-child {
    -moz-transform: translateY(15px) rotate(-45deg);
    -ms-transform: translateY(15px) rotate(-45deg);
    -webkit-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
}
header #menuBtn.open .btnBox span:nth-child(2) {
    opacity: 0;
}
header #menuBtn.open .btnBox span:last-child {
    -moz-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
}
header #menu{
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.9);
	z-index:10;
	display:none;
}

#gNavi{
	padding:150px 0 100px;
	text-align:center;
}
#gNavi ul{
	background:none;
	padding:0;
	width:auto;
}
#gNavi ul li{
	background:none;
	font-size:172%;
	margin-bottom:1em;
	float:none;
	width:auto;
	padding:0;
	font-weight:100;

}
#gNavi ul li:last-child{ margin:0;}
#gNavi ul li a{
	display:block;
	padding:10px 0;
}
#gNavi ul li a:hover{
	background:#044d8e;
	color:#fff;
}
#gNavi ul li span{ display:none;}
header .inner .subNavi {
    position: static;
    top: 0;
    right: 0;
	text-align:center;
}
header .subNavi ul li a{
	display:block;
	padding:0 30px;
	color:#fff;
}
header .subNavi ul li a:hover{color:#005bac;}
footer #footerBox {
    background: #000;
    width: 94%;
    height: auto;
    padding: 30px 3%;
}
}
@media screen and (max-width:786px){
header {
	background:#000;
	position:static;
	top:0;
	left:0;
	width:100%;
	height:auto;
	padding:5px 0;
	z-index:3;
	}
header .inner{
	width:100%;
	padding:0;
	}
header .inner h1{
	font-size:79%;
    font-weight: 400;
	width:250px;
	margin:0 0 5px 2%;
	text-align:left;
	line-height:1;
}
header .inner #logo{
	clear:left;
	float:left;
	width:120px;
	margin:0 0 0 2%;
}
header #menuBtn{
	display:block;
	float:none;
	position:absolute;
	top:10px;
	right:5px;
	width:40px;
    height: 42px;
	background:#000;
	z-index:20;
}
.btnBox {
    display: block;
    padding: 0 1px;
    width: 38px;
    height: 42px;
    position: relative;
	cursor:pointer;
}
header #menuBtn:after{
	content:attr(title);
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	font-size:10px;
	width:38px;
	line-height:1;
}
header  .btnBox span {
    display: block;
    width: 38px;
    height: 3px;
    position: absolute;
    right: 2px;
    background: #fff;
	border-radius:2px;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    -webkit-transition: all, 0.3s;
    transition: all, 0.3s;
}
header .btnBox span:first-child { top: 0px;}
header .btnBox span:nth-child(2) {
	opacity: 1;
    top: 11px;
}
header .btnBox span:last-child { top: 23px;}
header #menuBtn.open .btnBox span:first-child {
    -moz-transform: translateY(15px) rotate(-45deg);
    -ms-transform: translateY(15px) rotate(-45deg);
    -webkit-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
}
header #menuBtn.open .btnBox span:nth-child(2) {
    opacity: 0;
}
header #menuBtn.open .btnBox span:last-child {
    -moz-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
}

#menu{
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.9);
	z-index:10;
	display:none;
}
#menu #gNavi {
    padding: 45px 0 10px;
    text-align: center;
}
#menu #gNavi ul {
    background: none;
    padding: 0;
    width: auto;
}
#menu #gNavi ul li{
	background:none;
	font-size:120%;
	margin-bottom:0;
	float:none;
	width:auto;
	padding:0;
	font-weight:100;

}
#menu #gNavi ul li:last-child{ margin:0;}
#menu #gNavi ul li a{
	display:block;
	padding:10px 0;
	line-height:1;
}
#gNavi ul li a:hover{
	background:#044d8e;
	color:#fff;
}
#menu #gNavi ul li span{ display:none;}
header .inner .subNavi {
    position: static;
    top: 0;
    right: 0;
	text-align:center;
}
header .subNavi ul li a{
	display:block;
	padding:0 3vw;
	color:#fff;
}
header .subNavi ul li a:hover{color:#005bac;}
footer .inner{
	padding:25px 0;
}

footer .inner #lNavi{
	display:none;
}
footer #footerBox {
    background: #000;
    width: 94%;
    height: auto;
    padding: 10px 3%;
}

footer .subNavi{
	float:none;
	text-align:center;
	margin-bottom:10px;
}
footer .subNavi ul li a{
	display:block;
	padding:0 10px;
}
#followScrollTop.fixed{
	font-size:108%;
	text-align:center;
	width:60px;
	height:60px;
	position:fixed;
	right:0;
	bottom:150px;
}
#followScrollTop.static{
	font-size:108%;
	text-align:center;
	width:60px;
	height:60px;
	position:fixed;
	right:0;
	bottom:150px;
}

#followScrollTop a{
	background:rgba(0,91,172, 0.8);
	display:block;
	padding:25px 20px;
	transition:background-position .2S;
	-webkit-transition:background-position .2S;
	-moz-transition:background-position .2S;
	-o-transition:background-position .2S;
	font-size:0;
}

footer #copyRight{
	float:none;
	text-align:center;
	font-size:86%;
}
#scrollTop{ display:none;
}

}