@charset "UTF-8";


/*****************************************************
　共通　
*****************************************************/
/* タイトル 
------------------------------------------------- */
.section-ttl{
	display:flex;
}
.section-ttl .main{
	border-bottom:2px solid #27b0ff;
	color:#2c3e50;
	font-size:30px;
	font-size:3.0rem;
	font-weight:normal;
	letter-spacing:0.1em;
	padding:0 0 18px 34px;
	white-space:nowrap;
}
.section-ttl .sub{
	align-items:center;
	border-bottom:2px solid #d5d7d7;
	color:#a1b1bc;
	display:flex;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.1em;
	line-height:1.3;
	padding:0 34px 18px 20px;
	width:100%;
}
/* .inner 
------------------------------------------------- */
.inner{
	margin:0 auto;
	max-width:1200px;
	width:95%;
}


/*****************************************************
　ヘッダー　
*****************************************************/
/* ヘッダートップ 
------------------------------------------------- */
#head-top{
	background:#002a4b;
	color:#fff;
	padding:19px 0;
}
#head-top .head-top_inner{
	box-sizing:border-box;
	display:flex;
	justify-content:flex-end;
	margin:0 auto;
	max-width:1200px;
	padding:0 22px;
	width:95%;
}
#head-top .head-top_inner .tel,
#head-top .head-top_inner .fax{
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	padding:0 0 0 28px;
}
#head-top .head-top_inner .tel{
	background:url('../img/common/tel_icon_pc.png') no-repeat left center;
}
#head-top .head-top_inner .fax{
	background:url('../img/common/fax_icon.png') no-repeat left center;
	margin:0 0 0 18px;
}
/* ヘッダーボトム 
------------------------------------------------- */
#head-bottom .head-bottom_inner{
	align-items:center;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	max-width:1200px;
	padding:0 16px;
	width:100%;
}
/* ----- ロゴ ----- */
#head_logo{
	max-width:360px;
	width:29%;
}
/* ----- スマホメニューボタン ----- */
#sp-navbtn{
	display:none;
}
/* ----- グローバルナビ ----- */
#globalnav ul{
	align-items:center;
	display:flex;
	list-style-type:none;
}
#globalnav ul li{
	letter-spacing:0.025em;
	line-height:90px;
	padding:0 6px;
}
#globalnav ul li + li{
	margin:0 0 0 10px;
}
#globalnav ul li.sp{
	display:none;
}
#globalnav ul li.current,
#globalnav ul li:hover{
	position:relative;
}
#globalnav ul li.current:before,
#globalnav ul li:hover:before{
	border-top:5px solid #27b0ff;
	content:'';
	display:block;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}
#globalnav ul li a{
	display:block;
}


/*****************************************************
　フッター　
*****************************************************/
/* フッタートップ 
------------------------------------------------- */
#foot-top{
	background:#001c42;
	color:#fff;
	padding:45px 0 35px;
}
#foot-top .foot-top_inner{
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	max-width:1200px;
	padding:0 25px;
	position:relative;
	width:95%;
}
/* ----- ロゴ、住所等 ----- */
#foot_logo-info{
	align-items:center;
	display:flex;
	justify-content:space-between;
	max-width:445px;
	width:38%;
}
#foot_info{
	margin:0 0 0 15px;
}
#foot_info p{
	line-height:1.4;
}
#foot_info .address{
	margin:8px 0 0;
}
#foot_info .address .map{
	color:#fff;
	display:inline-block;
	margin:0 0 0 10px;
}
#foot_info .tel-fax{
	font-size:16px;
	font-size:1.6rem;
	margin:5px 0 0;
}
/* ----- フッターナビ ----- */
#foot_nav{
	max-width:685px;
	width:60%;
}
#foot_nav .ttl{
	border-left:5px solid #27b0ff;
	font-size:18px;
	font-size:1.8rem;
	margin:0 0 18px;
	padding:0 0 0 12px;
}
#foot_nav .list{
	display:flex;
	flex-wrap:wrap;
	letter-spacing:0.05em;
	list-style-type:none;
}
#foot_nav .list li{
	line-height:1.4;
	margin:0 7px 0 0;
}
#foot_nav .list li a{
	color:#fff;
}
#foot_nav .list li + li{
	border-left:1px solid #fff;
	padding:0 0 0 7px;
}
/* ----- お問い合わせボタン ----- */
#foot_contactbtn{
	background:#00a8ff;
	color:#fff;
	line-height:42px;
	position:absolute;
	right:57px;
	top:-45px;
	z-index:0;
}
#foot_contactbtn a{
	color:#fff;
	display:block;
	padding:0 29px 0 28px;
}
#foot_contactbtn a span{
	background:url('../img/common/mail_icon.png') no-repeat left center;
	display:inline-block;
	padding:0 0 0 35px;
}
/* ----- ページトップへ戻るボタン ----- */
#pagetop{
	cursor:pointer;
	position:absolute;
	right:0;
	top:-45px;
	z-index:0;
}
/* フッターボトム 
------------------------------------------------- */
#foot-bottom{
	background:#e9e9e9;
}
#foot-bottom .foot-bottom_inner{
	box-sizing:border-box;
	line-height:48px;
	margin:0 auto;
	max-width:1200px;
	padding:0 25px;
	width:95%;
}
/* ----- コピーライト ----- */
#copyright{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.4;
}

/* -----カウンター----- */
.counter {
	display: flex;
	float: right;
	margin-top: 10px;
}



/*****************************************************
　ページメインビジュアル　
*****************************************************/
#page_main-visual{
	background:#00a8ff;
}
.page_main-visual_inner{
	align-items:center;
	box-sizing:border-box;
	display:flex;
	height:165px;
	margin:0 auto;
	max-width:1200px;
	padding:0 50px;
	width:95%;
}
/* ページタイトル 
------------------------------------------------- */
.page-ttl{
	color:#fff;
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	letter-spacing:0.075em;
	text-shadow:0 0 5px #2b2b2b;
}


/*****************************************************
　パンくずリスト　
*****************************************************/
.breadcrumbs{
	margin:0 0 38px;
	padding:34px 40px;
}
.breadcrumbs > .inner{
	line-height:1.4;
}
.breadcrumbs a,
.breadcrumbs span{
	display:inline-block;
	letter-spacing:0.025em;
	line-height:19px;
}
.breadcrumbs .separation{
	margin:0 15px;
}
.breadcrumbs .home{
	background:url('../img/common/home_icon.png') no-repeat left center;
	padding:0 0 0 25px;
}


/*****************************************************
　ページャー　
*****************************************************/
.pager{
	display:flex;
	justify-content:center;
	margin:60px 0 0;
}
.pager .wp-pagenavi a,
.pager .wp-pagenavi span{
	border:1px solid #e7e7e7;
	color:#9d9d9d;
	display:inline-block;
	font-size:15px;
	font-size:1.5rem;
	line-height:31px;
	margin:0 2px;
	padding:0 10px;
}
.pager .wp-pagenavi span.current{
	background:#00a4f8;
	border-color:#e7e7e7;
	color:#fff;
}


@media screen and (max-width:1150px){
	/*****************************************************
	　ヘッダー　
	*****************************************************/
	/* ヘッダーボトム 
	------------------------------------------------- */
	/* ----- ロゴ ----- */
	#head_logo{
		width:30%;
	}
	/* ----- グローバルナビ ----- */
	#globalnav ul li + li{
		margin:0 0 0 10px;
	}
}


@media screen and (max-width:1024px){
	/*****************************************************
	　共通　
	*****************************************************/
	/* タイトル 
	------------------------------------------------- */
	.section-ttl .main{
		border-width:0.31vw;
		font-size:4.68vw;
		padding:0 0 2.81vw 5.31vw;
	}
	.section-ttl .sub{
		border-width:0.31vw;
		font-size:2.81vw;
		padding:0 5.31vw 2.81vw 3.12vw;
	}
	/* .inner 
	------------------------------------------------- */
	.inner{
		width:93.75vw;
	}


	/*****************************************************
	　ヘッダー　
	*****************************************************/
	#header{
		background:#fff;
		box-shadow:10px 0 10px #000;
		left:0;
		padding:6.25vw 0;
		position:fixed;
		right:0;
		top:0;
		width:100%;
		z-index:20;
	}
	/* ヘッダートップ 
	------------------------------------------------- */
	#head-top{
		display:none;
	}
	/* ヘッダーボトム 
	------------------------------------------------- */
	#head-bottom .head-bottom_inner{
		padding:0 5.31vw 0 4.68vw;
		position:relative;
	}
	/* ----- ロゴ ----- */
	#head_logo{
		max-width:none;
		width:74.53vw;
	}
	#head_logo img{
		width:100%;
	}
	/* ----- スマホメニューボタン ----- */
	#sp-navbtn{
		align-items:center;
		border:0.31vw solid #2c3e50;
		border-radius:1.56vw;
		box-sizing:border-box;
		cursor:pointer;
		display:flex;
		justify-content:center;
		height:9.37vw;
		width:9.37vw;
	}
	#sp-navbtn.open{
		background:#27b0ff;
		border-color:#27b0ff;
	}
	#sp-navbtn .bar{
		border-top:0.62vw solid #2c3e50;
		border-radius:0.78vw;
		display:block;
		height:0;
		transition:all 0.3s ease-out;
		width:5vw;
	}
	#sp-navbtn .bar + .bar{
		margin:0.62vw 0 0;
	}
	#sp-navbtn.open .bar{
		border-color:#fff;
	}
	#sp-navbtn.open .bar:nth-child(1){
		transform:translateY(1.25vw) rotate(-45deg);
		-webkit-transform:translateY(1.25vw) rotate(-45deg);
	}
	#sp-navbtn.open .bar:nth-child(2){
		opacity:0;
	}
	#sp-navbtn.open .bar:nth-child(3){
		transform:translateY(-1.25vw) rotate(45deg);
		-webkit-transform:translateY(-1.25vw) rotate(45deg);
	}
	/* ----- グローバルナビ ----- */
	#globalnav{
		left:0;
		height:calc(100vh - 21.87vw);
		overflow:scroll;
		position:absolute;
		right:0;
		top:15.62vw;
		z-index:20;
	}
	#globalnav ul{
		display:block;
	}
	#globalnav ul li{
		background:#ecf0f1;
		border-bottom:0.31vw solid #e3e4e5;
		font-size:4.06vw;
		letter-spacing:0;
		line-height:16.4vw;
		padding:0;
	}
	#globalnav ul li + li{
		border-top:0.31vw solid #fff;
		margin:0;
	}
	#globalnav ul li.sp{
		display:block;
	}
	#globalnav ul li.tel{
		text-align:center;
	}
	#globalnav ul li.tel span{
		background:url('../img/common/tel_icon_sp.png') no-repeat left center;
		background-size:6.09vw auto;
		display:inline-block;
		font-size:inherit;
		line-height:7.03vw;
		padding:0 0 0 9.68vw;
	}
	#globalnav ul li.current:before,
	#globalnav ul li:hover:before{
		background:#27b0ff;
		border-top:none;
		content:'';
		display:block;
		height:100%;
		left:0;
		position:absolute;
		top:0;
		width:0.78vw;
		z-index:0;
	}
	#globalnav ul li.tel.current:before,
	#globalnav ul li.tel:hover:before{
		display:none;
	}
	#globalnav ul li a{
		color:#36536e;
		padding:0 6.25vw;
	}
	#globalnav ul li.current,
	#globalnav ul li:hover{
		background:#fff;
	}
	#globalnav ul li.current a{
		color:#27b0ff;
	}
	#globalnav ul li a:hover{
		color:#27b0ff;
		opacity:1;
		transition:none;
	}
	#globalnav ul li.tel.current a,
	#globalnav ul li.tel:hover a{
		color:#36536e;
	}


	/*****************************************************
	　ページコンテンツ　
	*****************************************************/
	#main{
		margin:21.87vw 0 0;
	}


	/*****************************************************
	　フッター　
	*****************************************************/
	/* フッタートップ 
	------------------------------------------------- */
	#foot-top{
		padding:5.46vw 0 3.9vw;
	}
	#foot-top .foot-top_inner{
		display:block;
		padding:0;
		position:relative;
		width:93.75vw;
	}
	/* ----- ロゴ、住所等 ----- */
	#foot_logo-info{
		padding:0 4vw 0 1.56vw;
		max-width:none;
		width:auto;
	}
	#foot_logo{
		width:15vw;
	}
	#foot_logo img{
		width:100%;
	}
	#foot_info{
		margin:0 0 0 3.12vw;
	}
	#foot_info .sitename{
		width:56.25vw;
	}
	#foot_info .sitename img{
		width:100%;
	}
	#foot_info .address{
		font-size:2.81vw;
		margin:2.34vw 0 0;
	}
	#foot_info .address .map{
		margin:0 0 0 2.34vw;
		width:9.68vw;
	}
	#foot_info .address .map img{
		width:100%;
	}
	#foot_info .tel-fax{
		font-size:3.43vw;
		margin:1.87vw 0 0;
	}
	/* ----- フッターナビ ----- */
	#foot_nav{
		display:none;
	}
	/* ----- お問い合わせボタン ----- */
	#foot_contactbtn{
		line-height:8.75vw;
		margin:2.34vw auto 0;
		max-width:57.18vw;
		text-align:center;
		position:static;
	}
	#foot_contactbtn a{
		padding:0;
	}
	#foot_contactbtn a span{
		background-size:2.96vw auto;
		padding:0 0 0 5.46vw;
	}
	/* ----- ページトップへ戻るボタン ----- */
	#pagetop{
		height:7.03vw;
		top:-5.46vw;
		width:7.03vw;
	}
	#pagetop img{
		width:100%;
	}
	/* フッターボトム 
	------------------------------------------------- */
	#foot-bottom{
		background:#dcdcdc;
	}
	#foot-bottom .foot-bottom_inner{
		line-height:7.5vw;
		text-align:center;
		padding:0;
		width:93.75vw;
	}
	/* ----- コピーライト ----- */
	#copyright{
		font-size:2.18vw;
	}


	/*****************************************************
	　ページメインビジュアル　
	*****************************************************/
	.page_main-visual_inner{
		height:25.78vw;
		padding:0 7.81vw;
		width:93.75vw;
	}
	/* ページタイトル 
	------------------------------------------------- */
	.page-ttl{
		font-size:5vw;
		text-shadow:0 0 0.78vw #2b2b2b;
	}


	/*****************************************************
	　パンくずリスト　
	*****************************************************/
	.breadcrumbs{
		margin:0 0 5.93vw;
		padding:5.31vw 6.25vw;
	}
	.breadcrumbs a,
	.breadcrumbs span{
		line-height:2.96vw;
	}
	.breadcrumbs .separation{
		margin:0 2.34vw;
	}
	.breadcrumbs .home{
		background-size:2.96vw auto;
		padding:0 0 0 3.89vw;
	}


	/*****************************************************
	　ページャー　
	*****************************************************/
	.pager{
		margin:9.37vw 0 0;
	}
	.pager .wp-pagenavi a,
	.pager .wp-pagenavi span{
		border-width:0.15vw;
		font-size:3.28vw;
		line-height:5.5vw;
		margin:0 0.78vw;
		padding:0 1.56vw;
	}
}


	/*****************************************************
	　個人情報保護方針　
	*****************************************************/

.inner .ttl2 {
    font-size: 30px;
    font-size: 2.0rem;
    letter-spacing: 0.025em;
    line-height: 1.4;
    margin: 0 0 20px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #bbbbbb;
}

.inner p {
    letter-spacing: 0.025em;
    line-height: 1.7;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
	margin-top: 20px;
}