body {
	font-family: 'Roboto Slab', "Lucida Sans", arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	line-height: 1.6em;
	font-size: 15px;
	color: #333;
	/*
	background-color: #f8f8f8;
	*/
	letter-spacing: 0.08em;
}

/** {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}*/

#wrapper {
}

/* ==============================

header

============================== */
/*
#header {
	margin: 0 0 32px 0;
	background-color: #fff;
}

#header .logo-1 img {
	width: 100px;
	height: auto;
}
*/

/* ==============================

g-nav

============================== */

/*pxナビ共通
============================== */
.header-pc {
	background-color: #000;
}

.header-pc .top-wrap {
	/*display: flex;
	align-items: center;*/
	position: relative;
	padding: 20px 64px 0 64px;
}

.header-pc .logo {
	/*margin-right: auto;*/
	text-align: center;
}

.header-pc .logo img {
	width: 160px;
}

.header-pc .tel {
	position: absolute;
	right: 64px;
	top: 24px;
	/*margin-left: auto;*/
	color: #917520;
	color: #917520;
	color: #eee;
	font-size: 20px;
}

.header-pc .nav-wrap {
	padding: 20px 0;
}

.header-pc .nav-wrap .g-nav {
	display: flex;
	justify-content: space-around;
	padding: 0 64px;
}

.header-pc .nav-wrap .g-nav .item a {
	display: block;
	color: #eee;
	font-size: 15px;
	text-align: center;
	line-height: 1.1em;
}

.header-pc .nav-wrap .g-nav .item a .ja {
	color: #917520;
	color: #98895b;
	font-size: 13px;
}

/*.g-nav-pc .g-nav {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.g-nav-pc .g-nav .item {
	flex: 1;
	text-align: center;
}

.g-nav-pc .g-nav .item a {
	color: #111;
}

!*pcノーマルナビ
============================== *!
.g-nav-pc .g-nav-default {
	display: flex;
}

.g-nav-pc .g-nav-default .g-nav {
	flex: 1;
}

!*pc fixナビ
============================== *!
.g-nav-pc .g-nav-fix {
}*/

/*sp ハンバーガーナビ
============================== */
.g-nav-sp .g-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.g-nav-sp .g-nav .item {
	margin: 0 0 0.5em 0;
}

/*drawer.jsを使ったスマホナビのオーバーライド
http://git.blivesta.com/drawer
============================== */

.drawer-nav {
	padding: 20px 16px;
}

.drawer-hamburger {
	width: 30px !important;
}

.drawer-hamburger-icon {
	margin-top: 5px !important;
}

.drawer-hamburger .txt {
	margin: 8px 0 0 0;
	text-align: center;
	font-size: 9px;
}

.drawer-overlay {
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	/*background-color: #fff !important;*/
}

/* ==============================

footer

============================== */
#footer {
	padding: 32px 0 0 0;
	background-color: #000;
}

#footer .content {
	color: #fff;
}

#footer .info-box {
	margin: 0 auto;
	color: #a3864b;
	overflow: hidden;
}

#footer .logo .img-box {
	text-align: center;
}

#footer .logo .img-box img {
	width: 240px;
}

#footer .txt-1 {
	margin: 0 0 0.25em 0;
}

#footer .txt img {
	width: auto;
}

#footer .txt-box {
	text-align: center;
}

#footer address {
	margin: 0;
}

#footer .info a {
	color: #fff;
}

#footer .copyright {
	margin: 16px 0 32px 0;
	text-align: center;
	font-size: 13px;
	color: #a3864b;
}

#map {
	height: 320px;
	margin: 0 20px 64px 20px;
}

/* ==============================

全共通

============================== */
.sec-1 {
	margin: 48px 0;
}

.box-1 {
	margin: 0 0 16px 0;
}

.common-ttl-1 {
	margin: 0;
	font-size: 20px;
	color: #88641c;
}

.common-ttl-2 {
	font-size: 24px;
}

.common-ttl-3 {
	font-size: 24px;
}

.common-txt-1 {
}

.common-txt-2 {
}

.common-txt-3 {
}

.common-btn-1 {
}

.common-box-1 {
	padding: 32px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #eee;
}

.common-box-2 {
	padding: 64px;
	background-color: #e0d7c4;
	background-color: #a3864b;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .1)), color-stop(.75, rgba(255, 255, 255, .1)), color-stop(.75, transparent), to(transparent));

}

.common-box-3 {
	padding: 64px 0;
	background-color: #fff;
}

.common-box-4 {
	padding: 96px 0;
	background-color: #f8f8f8;
}

.common-box-5 {
	padding: 64px;
	background-color: #fff;
}

.font-1 {
	font-family: 'Raleway', sans-serif;
}

/* ==============================

下層共通

============================== */
#main-img-box {
	position: relative;
	height: 480px;
	background-color: #000;
}

#main-img-box #main-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 480px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	opacity: .7;
}

#main-img-box > .container {
	position: relative;
	left: 0;
	top: 0;
	height: 480px;
}

#main-img-box .ttl-box {
	position: absolute;
	left: 0px;
	top: 180px;
	z-index: 2;
	color: #fff;
}

#main-img-box .ttl-box .page-ttl-en {
	font-size: 32px;
}

#main-img-box .ttl-box .line {
	width: 760px;
	height: 2px;
	margin-top: 32px;
	background-color: #a3864b;
}

#main-img-box .ttl-box .page-ttl {
	margin-top: 32px;
	font-size: 22px;
}

/*main*/
#main {
	background-color: #fff;
}

#main > .inner {
	position: relative;
	z-index: 10;

	padding: 32px;
	background-color: #fff;
}

.lower-ttl-1 {
	margin: 0 0 16px 0;
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	text-align: center;
}

.lower-ttl-2 {
	margin: 0 0 40px 0;
	font-size: 24px;
	text-align: center;
}

.lower-txt-1 {
}

.lower-btn-1 {
}

.lower-box-1 {
}

/* ==============================

共通フォントスタイル

============================== */
.font-1 {
	font-family: 'Anton', sans-serif;
}

.font-2 {
	font-family: 'Anton', sans-serif;
}

/* ==============================

パンくず

============================== */
.bread-wrap {

	position: relative;
}

.breadcrumb {
	margin-top: 35px;
	font-size: 16px;
	font-weight: normal;
	font-family: -webkit-body;
}

.breadcrumb li {
	display: inline-block;
}

.breadcrumb li a {
	color: #666;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

.breadcrumb li a:after {
	content: ">";
	padding: 0 8px;
	text-decoration: none !important;
	display: inline-block;
}

/* 上に戻るボタン */
.to-top-btn {
	position: fixed;
	right: 0px;
	bottom: 0px;
	background: #333;
	color: #fff;
	padding: 16px;
	text-align: center;
	cursor: pointer;
	line-height: 1.5em;
}

.explanation {
	padding: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FFFD78;
}

.selector {
	display: block !important;
	padding: 4px 0px !important;
	/*-webkit-border-radius: 16px !important;
	-moz-border-radius: 16px !important;
	border-radius: 16px !important;
	background-color: #ccc !important;*/
	/*color: #fff !important;*/
	color: #00CC66;
	text-align: left !important;
	font-weight: bold;
	font-size: 12px !important;
	line-height: 1.2em !important;
	font-weight: normal;
}

/*実績*/
.example-bg {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 0;
	overflow: hidden; /*ブラー効果でボヤけた部分を非表示*/
}

.example-bg:before {
	content: '';
	background: inherit; /*.bgImageで設定した背景画像を継承する*/
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);
	filter: blur(15px);
	position: absolute;
	/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
	z-index: -1; /*重なり順序を一番下にしておく*/
}

.example-bg .filter {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgba(255,255,255,.3);
}

/* example-box */

.example-box {
	margin-top: 40px;
	padding-bottom: 60px;
}

.example-box .body {
	display: block;
}

.example-box .body:hover {
	text-decoration: none !important;
}

.example-box .date {
	width: 12%;
	color: #fff;
	font-family: "Patua One", serif;
	font-size: 32px;
	margin-left: 20px;
	position: relative;
	top: 44px;
	z-index: 1;
	letter-spacing: 0.1em;
}

.example-box .date span {
	font-size: 32px;
}

.example-box .date span.year {
	display: block;
	padding-left: 20px;
	line-height: 1.5;
	font-size: 28px;
}

.example-box .img-box-2 {
	width: 640px;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.example-box .txt-box {
	position: relative;
	top: 60px;
	right: 22%;
}

.example-box .ttl-box-1 .line {
	margin: 0;
}

.example-box .ttl-box-1 .line .caption {
	font-size: 13px;
}

.example-box .ttl-box-1 .line span {
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	padding: 8px 16px;
}

.example-box p.txt {
	margin-top: 20px;
	line-height: 1.6em;
	color: #fff;
	/*text-decoration: underline;
	text-shadow: 1px 1px 8px #000;*/
}