@charset "utf-8";
/* 	common.css
======================================================================== */
body{
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	body{ font-size: 15px; }
}
* { box-sizing: border-box; }
a,
a:link {
	display: inline-block;
	color:#000000;
	transition: 0.5s;
	text-decoration: none;
}
a:visited,
a:active {
	color:#000000;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
}
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}
p { line-height: 180%; }
ul,li { list-style: none; }
img {
	width:auto;
	height: auto;
	vertical-align: bottom;
}
.flex{ display: flex;}
.inline{ display: inline-block;}
.sp{ display: none!important;}
@media screen and (max-width: 767px) {
	.pc{ display: none!important; }
	.sp{ display: block!important; }
}

/* header --------------------------------------------------*/
#head-area{
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 0 20px 0 40px;
}
#head-area .inner{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
@keyframes NaviFadeDown {
	  0% { top: -60px;}
	100% { top: 0!important;}
}
#head-area .logo_title{
	display: inline-flex;
	align-items: center;
}
	#head-area .logo img{
		width: 100%;
		max-width: 160px;
	}
#nav-toggle {
/* menu button */
	display: none;
}
#global-nav ul {
	display: flex;
	font-size: 17px;
	list-style: none;
}
	#global-nav ul li {
		display: block;
	}
		#global-nav ul li a {
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: bold;
			text-align: center;
			height: 80px;
			padding: 0 15px;
		}
		#global-nav ul li a:hover {
			opacity: 1;
			color: #25a1f4!important;
		}

.wrap{
	margin-top: 80px;
}
@media screen and (max-width: 1000px) {
	#head-area{
		padding: 0 0 0 20px;
	}
	#head-area .logo img{
		max-width: 140px;
	}
	#global-nav ul {
		font-size: 14px;
	}
		#global-nav ul li a {
			padding: 0 10px;
		}
		#global-nav ul li.contact{
			width: 110px;
		}
		#global-nav ul li.membership{
			width: 110px;
		}
}
@media screen and (max-width: 767px) {
	#head-area {
		height: 50px;
	}
	#head-area .inner{
		height: 50px;
		padding: 0 0 0 0;
	}
	#head-area .inner > a:hover{
		opacity: 1;
	}
	#head-area .logo{
		font-size: 20px;
		margin-right: 0;
	}
	/* nav-toggle------ */
	#nav-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		width: 50px;
		height: 50px;
		background: #0a3d82;
	}
	#nav-toggle > div {
		position: relative;
		width: 30px;
		margin: 0 auto;
	}
	#nav-toggle span {
		width: 100%;
		height: 1px;
		left: 0;
		display: block;
		background: #000;
		position: absolute;
		transition: top .5s ease, -webkit-transform .6s ease-in-out;
		transition: transform .6s ease-in-out, top .5s ease;
		transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
	}

	#head-area #nav-toggle span {
		background: #fff;
	}

	#nav-toggle span:nth-child(1) { top: 16px; }
	#nav-toggle span:nth-child(2) { top: 25px; }
	#nav-toggle span:nth-child(3) {
		top: 33px;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 25px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		top: 25px;
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 25px;
		width: 30px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* nav-toggle------ */

	/* z-index ------*/
	#nav-toggle {
	  z-index: 1000;
	}
	.wrap {
	  z-index: 900;
	}
	/* z-index ------*/

	#global-nav {
		background: #0a3d82;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 990;
		text-align: center;
		visibility: hidden;
		opacity: 0;
		padding-top: 80px;
	}
	#head-area #global-nav ul li a {
		color: #fff;
	}
		#global-nav ul {
			flex-wrap: wrap;
			justify-content: center;
		}
			#global-nav ul li {
				width: 90%;
				margin-bottom: 10px;
				padding: 0;
			}
			#global-nav ul li a{
				position: relative;
				justify-content: flex-start;
				font-size: 17px;
				font-weight: 400;
				width: 100%;
				height: 60px;
				text-align: left;
			}
			#global-nav ul li a:hover{
				color: #fff!important;
				background: rgba(255,255,255,0.2);
				opacity: 1;
			}
			#global-nav ul li.membership{
				width: 90%;
			}
			#global-nav ul li.membership a{
				justify-content: center;
				color: #fff!important;
				padding: 0;
			}
			#global-nav ul li.membership a::after{
				display: none;
			}

	/* open */
	.open #head-area {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	.open {
	  /* overflow: hidden; */
	}
	.open #head-area .logo {
		position: relative;
	}
	.open #global-nav {
		transition: opacity .6s ease, visibility .6s ease;	
		visibility: visible;
		opacity: 1;
	}
	.open #global-nav li {
	  opacity: 1;
	}
	.wrap{
		margin-top: 50px;
	}
	.top .wrap{
		margin-top: 0px;
	}
}

/* Bread crumbs */
.breadcrumbs_wrap{
	background: #eef9ff;
	margin-top: 150px;
	padding: 0 20px;
}
.breadcrumbs {
	font-size: 14px;
	line-height: 120%;
	width: 100%;
	max-width: 1100px;
	margin: 0  auto;
	padding: 8px 0;
}
	.breadcrumbs .split{
		margin: 0 10px;
	}
@media screen and (max-width: 767px) {
	.breadcrumbs_wrap{
		margin-top: 100px;
	}
	.breadcrumbs {
		font-size: 12px;
	}
	.breadcrumbs .split{
		margin: 0 8px;
	}
}

/* sct_contact_area --------------------------------------*/
.sct_contact_area{
	background: rgb(37,161,244);
	background: linear-gradient(90deg, rgba(37,161,244,1) 45%, rgba(168,217,251,1) 100%);
	padding: 35px 20px 80px;
}
.sct_contact_area .inner{
	max-width: 1100px;
	margin: 0 auto;
}
.sct_contact_area .title_wrap{
	text-align: center;
}
.sct_contact_area .inner .flex {
	align-items: center;
	color: #fff;
}
.sct_contact_area .inner .flex .col_l{
	width: 34%;
	padding-right: 20px;
}
.sct_contact_area .inner .flex .col_c{
	width: 40%;
	padding-right: 20px;
}
.sct_contact_area .inner .flex .col_r{
	width: 26%;
}
.sct_contact_area .inner .flex .col_l .title{
	margin-bottom: 20px;
}
.sct_contact_area .inner .flex .col_l .lead{
	font-size: 14px;
	line-height: 180%;
}
.sct_contact_area .inner .flex .col_c .tel{
	font-size: 32px;
}
	.sct_contact_area .inner .flex .col_c .tel a{
		position: relative;
		top: 3px;
		font-family: 'Montserrat', sans-serif;
		font-size: 38px;
		font-weight: 700;
		color: #fff;
	}
.sct_contact_area .inner .flex .col_r{
	text-align: right;
}
@media screen and (max-width: 1120px) {
	.sct_contact_area .inner .flex .col_c .tel{
		font-size: 30px;
	}
		.sct_contact_area .inner .flex .col_c .tel a{
			top: 3px;
			font-size: 36px;
		}
}
@media screen and (max-width: 870px) {
	.sct_contact_area .inner .flex {
		flex-wrap: wrap;
	}
	.sct_contact_area .inner .flex .col_l,
	.sct_contact_area .inner .flex .col_c{
		width: 50%;
	}
	.sct_contact_area .inner .flex .col_c{
		padding-right: 0;
	}
	.sct_contact_area .inner .flex .col_r{
		width: 100%;
		text-align: center;
		padding-top: 60px;
	}
}
@media screen and (max-width: 767px) {
	.sct_contact_area{
		text-align: center;
		padding: 50px 20px 60px;
	}
	.sct_contact_area .inner{
	}
	.sct_contact_area .inner .flex {
		flex-wrap: wrap;
	}
	.sct_contact_area .inner .flex .col_l,
	.sct_contact_area .inner .flex .col_c,
	.sct_contact_area .inner .flex .col_r{
		width: 100%;
	}
	.sct_contact_area .inner .flex .col_l .title{
		margin-bottom: 15px;
	}
	.sct_contact_area .inner .flex .col_l .lead{
		margin-bottom: 30px;
	}

	.sct_contact_area .inner .flex .col_c .tel{
		font-size: 22px;
	}
		.sct_contact_area .inner .flex .col_c .tel a{
			top: 2px;
			font-size: 25px;
		}
	.sct_contact_area .inner .flex .col_r{
		padding-top: 40px;
	}
}


/* pagetop ------------------------------------------*/
.pagetop{
	display: none;
}
.pagetop a{
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	width: 50px;
	height: 50px;
	background: #d4f2ff;
}
@media screen and (max-width: 767px) {
	.pagetop a{
		bottom: 20px;
		width: 35px;
		height: 35px;
	}
}

/* footer ------------------------------------------*/
footer {
	position: relative;
	padding: 0 20px;
	overflow: hidden;
}
footer .inner{
	display: flex;
	max-width: 1100px;
	margin: 0 auto;
}
footer .inner .col_l{
	width: 38%;
	padding: 100px 20px 70px 0;
}
footer .inner .col_r{
	position: relative;
	width: 62%;
	/*padding: 100px 0 50px;*/
	padding: 100px 0 80px;
}
	footer .inner .col_r::after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100vw;
		height: 100%;
		background: #eef9ff;
	}
		footer .inner .col_l .logo {
			margin-bottom: 34px;
		}
		footer .inner .col_l .logo img{
			width: 150px;
		}
		footer .inner .col_l .name{
			display: block;
			font-size: 14px;
			margin-bottom: 4px;
		}
	footer .inner .col_l .address{
		font-size: 13px;
		line-height: 200%;
	}
	footer .inner .col_l .time{
		font-size: 12px;
	}
	/* パンフレット */
	footer .inner .col_l .pamphlet {
		margin-top: 25px;
	}
	footer .inner .col_l .pamphlet a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		line-height: 150%;
		height: 50px;
		max-width: 300px;
		border: 1px solid #0a3d82;
		border-radius: 6px;
		background: #0a3d82;
		padding: 5px 15px; 
	}
		footer .inner .col_l .pamphlet a span{
			text-align: center;
		}
		footer .inner .col_l .pamphlet a svg{
			width: 15px;
			position: absolute;
			top: calc(50% - 11px);
			right: 15px;
		}
	footer .inner .col_l .pamphlet a:hover{
		background: #fff;
		color: #0a3d82;
	}
		footer .inner .col_l .pamphlet a:hover svg polygon{
			fill: #0a3d82!important;
		}
footer .col_r .links{
	position: relative;
	z-index: 2;
	display: flex;
	font-size: 16px;
	max-width: 420px;
	/*margin: 0 auto 15px;*/
	margin: 0 auto 50px;

}
	footer .col_r .links > ul{
		width: 33.3333%;
		text-align: left;
	}
		footer .col_r .links > ul > li{
			margin-bottom: 24px;
		}
footer .privacy,
footer .copyright{
	position: relative;
	z-index: 2;
	font-size: 12px;
	text-align: right;
}
footer .privacy{
	margin-bottom: 30px;
}
footer .copyright {
	font-family: 'Montserrat', sans-serif;
}

@media screen and (max-width: 767px) {
	footer{
		text-align: center;
		padding: 0;
	}
	footer > .inner{
		display: flex;
		flex-wrap: wrap;
	}
	footer .inner .col_l{
		width: 100%;
		padding: 40px 20px 35px;
	}
	footer .inner .col_l .detail{
		text-align: left;
	}
	footer .inner .col_l .pamphlet a{
		max-width: 280px;
		margin: 0 auto;
	}
	footer .inner .col_r{
		background: #eef9ff;
		width: 100%;
		padding: 35px 20px 70px;
	}
		footer .inner .col_r::after{
			display: none;
		}
	footer .col_r .links{
		font-size: 14px;
		max-width: 420px;
		margin: 0 auto 25px;
	}
		footer .col_r .links > ul{
			width: 33.3333%;
			text-align: left;
		}
			footer .col_r .links > ul > li{
				margin-bottom: 26px;
			}
	footer .privacy,
	footer .copyright{
		font-size: 12px;
		text-align: center;
	}
	footer .privacy{
		margin-bottom: 20px;
	}
	footer .copyright {
		font-size: 11px;
	}
}