@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');


/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/






/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #084fa0;
	font-weight: bold;
}
a:hover {
	color: #000;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


/* PC */
@media screen and (min-width: 960px), print {

.sp {
	display: none;
}
img.pc {
	display:inline-block !important;
	}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  background:#fff;
}

#header {
}
	#header h1 {
		padding: 25px 10px 10px 25px;
		float: left;
	}
	
	#header #enArea {
		float: right;
	}
	#header #enArea li {
		float: left;
	}
	
	
	#header #nav {
		border-top: solid 1px #d6d6d6;
		border-bottom: solid 1px #d6d6d6;
	}
	#header #nav li {
		float: left;
		width: 20%;
		text-align: center !important;
	}
	#header #nav li a {
		display: block;
		padding: 25px 10px;
		border-right: solid 1px #d6d6d6;
	}
	#header #nav li.last a {
		border-right: none;
	}
	
	
	#header #nav .Internal li {
		float: left;
		width: 31.3%;
		margin: 0 1%;
		text-align: center;
	}
	#header #nav .Internal li img {
		width: 100%;
		height: auto;
	}
	#header #nav .Internal li dt {
		margin-bottom: 10px;
	}
	#header #nav .Internal li a {
		padding: 0;
		border-right: none;
	}
	#header #nav .Internal li.last a {
		border-right: none;
	}
	




#entry {
	text-align: center;
	margin: 60px 0 60px 0;
}


#footer {
    background: #e8e8e8;
    padding: 50px 0;
    position: relative;
    z-index: 9810;
	font-size:14px;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W5", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
	color:#000;
	line-height:1.4;
}
#footer .f_up .f_header{
	display:-webkit-box;display:
	-webkit-flex;display:-ms-flexbox
	}
	#footer .f_up{
		margin:auto;
		padding:0 25px;
		position:relative;
		max-width:1200px;
		}
	#footer .f_up .f_header{
		display:flex;
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		-ms-flex-pack:justify;
		justify-content:space-between;margin:0 0 5rem
		}
	#footer .f_up .f_header .flogo{
		color:#000;
		line-height:1.4;
		}
	#footer .f_up .f_header .flogo p{
		font-weight:bold;
		}
	#footer .f_up .f_header .em_btn{
		width:40%
		}
	#footer .f_up .f_header .em_btn ul{
		display:-webkit-box;
		display:-webkit-flex;display:-ms-flexbox;display:flex;
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		-ms-flex-pack:justify;justify-content:space-between
		}
	#footer .f_up .f_header .em_btn ul li{
		width:50%
	}
	#footer .f_up .f_header .em_btn ul li a{
		display:block;
		text-align:center;
		padding:10px 0;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		font-size:18px;
		letter-spacing:1.5px;
		}
	#footer .f_up .f_header .em_btn ul li a{
		background:#026cc8
		}
	#footer .f_up .f_header .em_btn ul li a.mypage{
		background:#0055a3
		}
	#footer .f_up .flink{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		-ms-flex-pack:justify;
		justify-content:space-between;margin:0 0 5rem
		}
	#footer .f_up .flink .box{
		width:24%;
		border:none;
		padding:0;
		margin-top:0;
		margin-bottom:0;
		}
	#footer .f_up .flink .box .list{
		margin:0 0 2rem;
		border-left:1px solid #0055a3;
		padding:0 0 0 10px;
		text-align: left;
		}
	#footer .f_up .flink .box h4{
		font-weight:bold;
		font-size:16px;
		margin:0 0 1rem
		}
	#footer .f_up .flink .box ul li a{
		display:block;
		font-size:12px;
		padding:5px 10px 5px 0;
		text-decoration:none;
		color:#333;
		font-weight:400;
		}
	#footer .f_up .flink .box ul li i{
		margin:0 0 0 1rem
		}
	#footer .f_up .banner_box{
		position:absolute;
		right:5rem;top:22rem
		}
	.lity,.lity-wrap{
		position:fixed;
		top:0;
		outline:0!important
		}
	#footer .f_down{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		margin:auto;
		position:relative;
		max-width:1200px;
		}
		#footer .f_down .ft_bnr {
			position:absolute;
			bottom:0px;
			left:20px;
			}	
		#footer .f_down .copyright {
			font-size:10px;
			}	




/*
#footer {
	background: #19428d;
	padding: 20px;
	position: relative;
}
#footer .copy {
	position: absolute;
	font-size: 10px;
	bottom: 20px;
	right: 20px;
	color: #FFF;
}
*/






/* ++++++++    coming soon    ++++++++  */
	/*#header #enArea {
		pointer-events: none;
		position:relative;
	}
	#header #enArea:before {
		position:absolute;
		display:block;
		content:"";
		background:rgba(0,0,0,.5);
		width:100%;
		height:100%;
	}
	#header #nav li:nth-of-type(6) .Internal li:nth-of-type(n+2) {
		pointer-events: none;
	}
	#header #nav li:nth-of-type(6) .Internal li:nth-of-type(n+2) dt {
		position:relative;
	}
	#header #nav li:nth-of-type(6) .Internal li:nth-of-type(n+2) dt:before {
		position: absolute;
		width:100%;
		height:100%;
		display: block;
		content:"";
		vertical-align:middle;
		background:rgba(0,0,0,.5);
	}
	#header #nav li:nth-of-type(6) .Internal li:nth-of-type(n+2) dt:after {
		position: absolute;
		top:-18px;
		left:0;
		bottom:0;
		margin:auto 0;
		width:100%;
		height:18px;
		display:inline-block;
		content:"Comming Soon";
		letter-spacing:1px;
		color:#fff;
		font-size:20px;
		z-index:2;
	}
	#footer .f_up .f_header .em_btn ul li {
		position:relative;
	}
	#footer .f_up .f_header .em_btn ul li:before {
		position:absolute;
		display:block;
		content:"";
		background:rgba(0,0,0,.5);
		width:100%;
		height:100%;
	}
	#footer .f_up .flink .box ul li .coming {
		pointer-events: none;
		opacity:0.5;
		}*/

.page-top {
    position: fixed;
    bottom: 25px;
    right: 10px;
    padding: 10px;
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7 ;
    opacity: 0.8;
	z-index:9999;
}
.page-top img{
	width:100px;
	height:auto;
}



}

	



/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 959px) {

.pc
{
	display: none;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  background:#fff;
}

#header h1 {
	display: none;
}

#header #enArea {
	display: none;
}


.menu-mobile img{
	width: 80%;
	height: auto;
}


.enBtn a {
	width: 50% !important;
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}
.enBtn a img {
	width: 100%;
	height: auto;
}






#entry {
	text-align: center;
    margin: 40px 0 40px 0;
}

#footer {
	background: #19428d;
	padding: 10px;
	position: relative;
}
#footer .f_up .f_header{
	display:-webkit-box;display:
	-webkit-flex;display:-ms-flexbox
	}
	#footer .f_up{
		display:none
		}
	#footer .f_down{
		}
		#footer .f_down .ft_bnr {
			}	
		#footer .f_down .ft_bnr a img {
			width: 40%;
			max-width:208px;
			height: auto;
		}
		#footer .f_down .copyright {
			position: absolute;
			font-size: 10px;
			bottom: 10px;
			right: 10px;
			color: #FFF;
			text-align: right;
			}	
		#footer .f_down .copyright p {
			color: #FFF !important;
			}	


/*
#footer {
	background: #19428d;
	padding: 10px;
	position: relative;
}
#footer a img {
	width: 40%;
	max-width:208px;
	height: auto;
}
#footer .copy {
	position: absolute;
	font-size: 10px;
	bottom: 10px;
	right: 10px;
	color: #FFF;
	text-align: right;
}
*/

/* ++++++++    coming soon    ++++++++  */
	/*.enBtn {
		pointer-events: none;
		position:relative;
	}
	.enBtn:before {
		position:absolute;
		display:block;
		content:"";
		background:rgba(0,0,0,.5);
		width:100%;
		height:100%;
	}
	#header #nav li:nth-of-type(6) .Internal li:nth-of-type(n+2) {
		pointer-events: none;
	}
	#header #nav li:nth-of-type(6) .Internal li:nth-of-type(n+2) a {
		position: relative;
		display:block;
	}
	#header #nav li:nth-of-type(6) .Internal li:nth-of-type(n+2) a:after {
		margin:auto 0;
		display:inline-block;
		content:"Comming Soon";
		letter-spacing:1px;
		color:#0389C9;
		font-size:16px;
		z-index:2;
		margin-left: 20px;
		position: absolute;
		right: 0px;
		top: -10px;
		bottom:0;
		margin:auto;
		height:16px;
	}
	#header #nav li:nth-of-type(6) .Internal li:nth-of-type(n+2) p {
		opacity:0.5;
	}*/


.page-top {
    position: fixed;
    bottom: 25px;
    right: 10px;
    padding: 10px;
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7 ;
    opacity: 0.8;
	z-index:9999;
}
.page-top img{
	width:75px;
	height:auto;
}


}