img{
	max-width:100%;
	height:auto;
}
html {
	position: relative;
	min-width: 1360px;
	background:url('../images/common/bg_html.png') top center;
}
body {
	color: #313131;
	width: 100%;
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 18px;
}
a{
	color:#014099;
}
a:hover{
	transition:0.5s;
}
a:hover img{
	opacity:0.7;
	transition:0.5s;
}
header{
	width:100%;
	padding:0 1.5%;
	display:flex;
	justify-content:space-between;
	height: 150px;
	box-sizing:border-box;
	position:absolute;
	z-index:10000;
	background:rgba(255,255,255,1);
}
header h1{
	width:340px;
	height:150px;
	flex:none;
	display:flex;
	align-items:center;
}
header h1 a{
	display:flex;
	width:100%;
	height:84px;
	color:#313131;
	align-items:center;
	text-decoration:none;
	font-size:24px;
}
header h1 a img{
	max-height:100%;
	width:auto;
	max-width:initial !important;
}
#header_r{
	width:505px;
	flex:none;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#header_tel{
	font-size:20px;
	font-weight:bold;
}
#header_contact,
#header_member{
	width:150px;
	height:70px;
	border-radius:35px;
	overflow:hidden;
	box-shadow:0 0 5px rgba(0,0,0,0.4);
}
#header_contact a,
#header_member a{
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	text-align:center;
	justify-content:center;
	text-decoration:none;
	font-size:16px;
	color:#fff;
}
#header_contact a{
	background: linear-gradient(to right, #17317b 0%,#69318f 100%);
}
#header_member a{
	background: linear-gradient(to right, #014099 0%,#014099 100%);
}
#header_member a img{
	display:block;
	margin:0 auto 5px;
}

#gnav{
	max-width:760px;
	width:calc(100% - 845px);
	min-width:480px;
	position:relative;
	margin:0 auto;
	font-size:18px;
	font-weight:bold;
	box-sizing:border-box;
	height:100%;
}
#gnav ul{
	height:100%;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	margin:0 auto;
}
#gnav ul li{
	min-width:33.33%;
}
#gnav ul a{
	text-decoration:none;
	line-height:70px;
	display:block;
	color: #313131;
	text-align:center;
	width:100%;
	white-space:nowrap;
	box-sizing:border-box;
	padding:0 15px;
	box-sizing:border-box;
	border-radius:5px;
}
#gnav ul a:hover{
	background:#014099;
	color:#fff;
}
#wrapper{
	padding:150px 0 0 0;
}
main{
	line-height:1.8em;
}
#bottom{
	padding:70px 0;
	background:#fff;
}
#bottom article{
	width:960px;
	margin:0 auto;
	display:flex;
	line-height:1.8em;
	gap:50px;
}
#bottom article .fll,
#bottom article .flr{
	width:calc(50% - 25px);
	flex:none;
}
#bottom article .fll ul{
	padding:0 0 0 20px;
}
#bottom article .flr{
	text-align:center;
}
#bottom article .flr .tel{
	font-size:21px;
}
#bottom article .flr .tel strong{
	font-size:30px;
}
#bottom .flr a{
	background: linear-gradient(to right, #17317b 0%,#69318f 100%);
	color:#fff;
	text-decoration:none;
	line-height:60px;
	border-radius:30px;
	margin:30px auto 0;
	display:block;
}
#bottom article .fll h2{
	font-size:30px;
	margin:0 0 30px;
}
#bottom article .fll h2 .eng{
	color:#d2d2d2;
	display:block;
}
footer{
	padding:70px 0 0;
	border-top:2px solid #c0c0c0;
	background:#ffffff;
}
#footer_inner{
	max-width:1030px;
	margin:0 auto;
}
footer address{
	margin:0 auto;
	font-style:normal;
	display:flex;
}
footer address h3{
	width:340px;
	height:84px;
	flex:none;
	display:flex;
	align-items:center;
}
footer address h3 a{
	display:flex;
	width:100%;
	height:84px;
	color:#313131;
	align-items:center;
	text-decoration:none;
	font-size:24px;
}
footer address h3 a img{
	max-height:100%;
	width:auto;
	max-width:initial !important;
}
footer address p{
	line-height:84px;
	padding:0 0 0 50px;
}
#fnav{
	display:flex;
	justify-content:space-between;
	padding:50px 0 0 0;
}
#fnav dl{
}
#fnav dl dt{
	font-weight:bold;
	margin:0 0 30px;
}
#fnav dl dt a{
	background:url('../images/common/nav_footer.svg') no-repeat left center;
	padding:0 0 0 20px;
}
#fnav dl dd{
	line-height:2em;
	margin:0 0 10px;
	
}
#fnav ul{
	padding:0 0 0 40px;
	list-style:disc;
}
#fnav a{
	text-decoration:none;
	color:#313131;
}
#fnav a:hover {
	text-decoration:underline;
}
.gotop{
	width:80px;
	height:40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
}
.gotop a {
	display: block;
	text-align:center;
	text-decoration:none;
	background:#014099;
	border-radius:5px;
	color:#fff;
	font-size:16px;
}

#copyright {
	width:100%;
	line-height:60px;
	margin:0 auto;
	text-align:center;
}
/*
main section{
	opacity: 0;
	transition-duration: 500ms;
	transition-property: opacity, transform;
}
*/
main section:first-child{
	opacity:1 !important;
}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
.sp_only{
	display:none;
}
.loginform{
	text-align:center;
	padding:0 5% 80px;
	line-height:2em;
}