@charset "UTF-8";

/*---------------------------------------------------------
	全ページ共通スタイル
---------------------------------------------------------*/
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body,
html {
    min-width: 1000px;
}

/* 要素設定*/
body {
	/*	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;*/
	color: #333;
	line-height:1.6;
	letter-spacing: 0px;
	font-family: "ten-mincho", serif;
}
.font_en3{
	font-family: calluna-sans, sans-serif;
	font-style: normal;
	font-weight: 300;
	word-break: normal;
}
.font_en4{
	font-family: calluna-sans, sans-serif;
	font-style: normal;
	font-weight: 400;
}

button,
a {
	color: #333;
}
.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.wrapper{
	max-width: 1920px;
    margin: 0 auto;
}
.inview_box{
	opacity: 0;	
	transition: all 1000ms ease;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	position: relative;
	z-index: 1;
	top:50px;
}

.inview_box_on{
	opacity: 1;
	top:0px;
}


.mainWidth{
	padding-left: 3% !important;
	padding-right: 3% !important;
}

.mainInner{
    max-width: 1000px;
    margin: 0 auto;
}

/*　ヘッダー
---------------------------------------------------------*/
#pageHeader{
    padding: 141px 0 85px;
}

.hed_inner{
	text-align: center;
}
.hed_logo{
    margin: 0 0 63px;
}
.hed_logo a{display: inline-block;}

.sp_menu,
.hed_nav2_box{
	display: none;
}
.hed_nav{
	text-align: center;
	letter-spacing: -0.4em;
	display: inline-block;
	position: relative;
	z-index: 10;
}
.hed_nav > li{
	display: inline-block;
	letter-spacing: normal;
}
.hed_nav > li > a{
	display: block;
	font-size: 16px;
	/* background: #ccc; */
	line-height: 1.4;
	margin: 0 7px;
	letter-spacing: 1.3px;
	padding: 0 8px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.hed_nav > li > a:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/bg01.png) 0 0 repeat;
	width: 130%;
	height: 100%;
	top: 100%;
	left: -16px;
	transition: all 300ms cubic-bezier(.165,.84,.44,1);
	-webkit-transition: all 300ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 300ms cubic-bezier(.165,.84,.44,1);
}
.hed_nav > li > a span{
	position: relative;
	z-index: 5;
}

.hed_nav > li > a:hover:before{
	top: 0%;
	left: 0px;
}
.hed_nav_list{
	position: absolute;
	background: rgba(255,255,255,0.7);
	z-index: 1;
	display: block;
	width: 100%;
	left: 0;
	top: 49px;
	border-top: solid #859A8B 1px;
	border-bottom: solid #859A8B 1px;
	padding: 17px 0;
	font-size: 14px;
	visibility: hidden;
	-webkit-transition: -webkit-transform .2s, opacity .2s, visibility 0s .2s;
	transition: transform .2s, opacity .2s, visibility 0s .2s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}

.hed_nav_list_on{
	visibility: visible;
	-webkit-transition: -webkit-transform .4s, opacity .4s;
	transition: transform .4s, opacity .4s;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;

}

.hed_nav_list a{
	display: block;
	padding: 4px 0;
}

/*　コンテンツ
---------------------------------------------------------*/
#main{}

.page_nav{
    margin: 0 0 23px;
}
.page_nav ul{
    font-size: 14px;
    margin: 0 0 20px;
    max-width: 1170px;
    margin: 0 auto;
}
.page_nav li{
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0;
	position: relative;
	z-index: 1;
	letter-spacing: 1px;
	color: #778e7d;
}
.page_nav li:before{
	content: ">";
	z-index: 1;
	position: absolute;
	top:0;
	left: -12px;
}
.page_nav li:first-child:before{
	display: none;
}
.page_nav a{}

/*　タイトル　*/
.ttl01{}

/*　ボタン　*/
.btn01{}

/*　ヤジルシ　*/
.arw01{}

/*　フッター
---------------------------------------------------------*/

#pageFooter{
    margin: 249px 0 0 0;
    position: relative;
    z-index: 1;
}
#pageFooter:after,
#pageFooter:before{
	content: "";
	z-index: 1;
	position: absolute;
	border-bottom: 3px solid #778e7d;
	width: 40px;
	right:0;
	left: 0;
	margin: auto;
}
#pageFooter:before{
	top: -118px;
}
#pageFooter:after{
	bottom: 92px;
}

.foot_inner{
    text-align: center;
}
.foot_logo{
    margin: 0 0 39px;
}
.foot_addr{
    font-size: 13px;
    line-height: 1.9;
    margin: 0 0 30px;
}
.foot_link{
    letter-spacing: -0.4em;
    margin: 0 0 144px;
}
.foot_link li{
    display: inline-block;
    letter-spacing: normal;
    margin: 0 9px;
}
.foot_link a{
    display: block;
}
.foot_copy{
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 0 37px;
}


/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/

.sp-block,.sp-inline{
	display: none;
}

@media screen and (max-width: 680px) and (orientation: portrait), screen and (max-width: 737px) and (orientation: landscape) {
	body,
	html {
	    min-width: 0;
	}

	.sp-none {
		display: none;
	}
	.sp-block {
		display: block;
	}
	.sp-inline {
		display: inline;
	}
	.sp-brNone br{
		display: none;
	}

	/* 要素設定*/
	body {}
	.font_en3{}
	.font_en4{}

	button,
	a {}
	.mincho {}

	.wrapper{
    padding: 67px 0 0;
}
	.inview_box{}

	.inview_box_on{}


	.mainWidth{
    padding-left: 4% !important;
    padding-right: 4% !important;
}

	.mainInner{}

	/*　ヘッダー
	---------------------------------------------------------*/
	#pageHeader{
    padding: 0;
    height: 67px;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
}

	.hed_inner{
    padding: 10px 0;
}
	.hed_logo{
    width: 170px;
    margin: 0;
}
	.hed_logo a{}
	.hed_nav{
    display: none;
}
	.sp_menu{
		display: block;
		position: absolute;
		z-index: 1;
		width: 50px;
		height: 50px;
		right: 4%;
		top: 9px;
	}
	.sp_menu span{
		overflow: hidden;
		height: 0;
		text-indent: -999px;
		border-top: solid 1px #080808;
		position: absolute;
		z-index: 1;
		top: 24px;
		left: 14px;
		right: 14px;
		transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
	}

	.sp_menu:after,
	.sp_menu:before {
	    content: "";
	    z-index: 1;
	    position: absolute;
	    border-top: solid 1px #080808;
	    left: 14px;
	    right: 14px;
	    transition: all 300ms ease;
	    -webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	}
	.sp_menu:after{
		top: 15px;
	}
	.sp_menu:before {
		bottom: 16px;
	}
	.sp_menu_on span{
		display: none;
	}
	.sp_menu_on:after{
		transform: rotate(45deg);
		top: 23px;
		border-color: #fff;
		border-width: 2px;
	}
	.sp_menu_on:before {
		transform: rotate(-45deg);
		bottom: 25px;
		border-color: #fff;
		border-width: 2px;
	}

	.hed_nav2_box{
		display: block;
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 67px 0 20px 0;
		background: rgba(119,142,125,0.9);
		text-align: left;
		overflow: auto;
		visibility: hidden;
		-webkit-transition: -webkit-transform .2s, opacity .2s, visibility 0s .2s;
		transition: transform .2s, opacity .2s, visibility 0s .2s;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0;
	}
	.hed_nav2_box_on{
		visibility: visible;
		-webkit-transition: -webkit-transform .4s, opacity .4s;
		transition: transform .4s, opacity .4s;
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		
	}
	.hed_nav2{}
	.hed_nav2 > li{}
	.hed_nav2 > li > a{
    color: #fff;
    padding: 10px 6%;
    display: block;
    position: relative;
    z-index: 1;
}
	.hed_nav2 > li > a:before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 24px;
		width: 8px;
		height: 8px;
		margin: auto;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
	}
	.hed_nav2 > li > .hed_nav2_btn:before{
		transform: rotate(135deg);
	}
	.hed_nav2 > li > .hed_nav2_btn_on:before{
		transform: rotate(-45deg);
	}	
	


	.hed_nav2 > li > a span{}

	.hed_nav2 > li > a:hover:before{}
	.hed_nav2_list{
    display: none;
    background: rgba(195, 217, 201, 0.6);
}

	.hed_nav2_list_on{}

	.hed_nav2_list a{
    display: block;
    color: #fff;
    padding: 10px 12%;
    position: relative;
    z-index: 1;
}
	.hed_nav2_list a:before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 24px;
		width: 8px;
		height: 8px;
		margin: auto;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
	}

	/*　コンテンツ
	---------------------------------------------------------*/
	#main{}

	.page_nav{
    padding: 8px 0 !important;
    background: #F2F0E7;
}
	.page_nav ul{
		text-align: center;
	}
	.page_nav li{
    color: #7C7B7B;
}
	.page_nav li:before{
    content: "";
    border-left:1px solid #7C7B7B;
    height: 8px;
    top: 7px;
    left: -10px;
}

	.page_nav li:nth-child(2):before,
	.page_nav li:first-child{
		display: none;
	}
	.page_nav li:first-child:before{}
	.page_nav a{
    color: #7C7B7B;
}

	/*　タイトル　*/
	.ttl01{}

	/*　ボタン　*/
	.btn01{}

	/*　ヤジルシ　*/
	.arw01{}

	/*　フッター
	---------------------------------------------------------*/

	#pageFooter{
    margin: 120px 0 0;
}
	#pageFooter:after,
	#pageFooter:before{
    top: -64px;
    width: 20px;
}
	#pageFooter:before{}
	#pageFooter:after{
    bottom: 114px;
}

	.foot_inner{}
	.foot_logo{
    width: 140px;
    margin: 0 auto 30px;
}
	.foot_addr{}
	.foot_link{
    margin: 0 0 120px;
}
	.foot_link li{}
	.foot_link a{}
	.foot_copy{}



}