@charset "UTF-8";

/* /css/base.css

/* 01. Tag setting
/* 02. Base Layout
/* 03. LowPage Parts
/* 04. Common Style



/* ================================================== */
/* 01. Tag setting
/* ================================================== */

html {
	font-size: 0.875rem;
}

body {
	background-color: #FFFFFF;
	font-size: 1rem;
	color: #4D4D4D;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
img {
	vertical-align: bottom;
}
a img {
	transition: opacity 0.3s;
}
a:hover img {
	opacity: 0.7;
}
ul, ol {
	padding-left: 0;
}
img {
	max-width: 100%;
}

a {
  text-decoration: underline;
	color: #bca783;
  transition:1s all;
}
a:hover {
  text-decoration: none;
	color: #bca783;
}

/* ================================================== */
/* 02. Base Layout
/* ================================================== */

/* Box layout
---------------------------------------- */
.wrapper {
	width: 1100px;
	margin: 0px auto;
	padding-bottom: 377px;
	border: solid 0px #B5A266;
	border-radius: 0px;
}
.wrapper_inside {
	width: 1100px;
	margin: 0 auto;
	padding-top: 25px;
}


/* Header
---------------------------------------- */
header .sns_icon {
	float: right;
}
header .sns_icon li {
	display: block;
	float: left;
	margin-left: 0.71rem;
}
.header_copy {
	padding-top: 0.75em;
	font-size: 1.142rem;
	color:#B5A266;
	font-weight:bold;
}
.header_copy span {
	display: inline-block;
	margin-right: 0.25em;
}

header video{
	width:100%;
}

.slider_pc{
  display: block !important; }
.slider_sp{
  display: none !important; }

/* Nav
---------------------------------------- */
@media screen and (min-width: 769px), print {
	.nav {
		position: relative;
	}
	.g_nav li {
		display: block;
		float: left;
	}
	.g_nav li a {
		display: block;
		width: 160px;
		height: 55px;
		text-indent: -9999px;
		transition: opacity 0.3s;
	    margin:0 10px 0 10px; 
	}
	.g_nav li a.non {
		opacity: 0.3;
	}
	.g_nav li a:hover {
		opacity: 0.3;
	}
	.g_nav li.nav01 a { background-image: url(../images/common/nav01.jpg); }
	.g_nav li.nav02 a { background-image: url(../images/common/nav02.jpg); }
	.g_nav li.nav03 a { background-image: url(../images/common/nav03.jpg); }
	.g_nav li.nav04 a { background-image: url(../images/common/nav04.jpg); }
	.g_nav li.nav05 a { background-image: url(../images/common/nav05.jpg); }
	.g_nav li.nav06 a { background-image: url(../images/common/nav06.jpg); }

	.g_nav li.nav01_non a { background-image: url(../images/common/nav01_non.jpg); }
	.g_nav li.nav02_non a { background-image: url(../images/common/nav02_non.jpg); }
	.g_nav li.nav03_non a { background-image: url(../images/common/nav03_non.jpg); }
	.g_nav li.nav04_non a { background-image: url(../images/common/nav04_non.jpg); }
	.g_nav li.nav05_non a { background-image: url(../images/common/nav05_non.jpg); }
	.g_nav li.nav06_non a { background-image: url(../images/common/nav06_non.jpg); }
} /* end PC */


/* Nav (TopPage)
---------------------------------------- */
@media screen and (min-width: 769px), print {
	.top__nav {
		margin: 5px 0 25px;
		padding-top: 25px;
	}
	.top__nav .logo_top {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,0);
	}
}


/* Nav (LowPage)
---------------------------------------- */
@media screen and (min-width: 769px), print {
	.low__nav {
		margin: 5px 0 25px;
		padding-top: 25px;
	}
	.low__nav .logo_top {
		position: absolute;
		bottom: -1em;
		left: 50%;
		transform: translate(-50%,0);
	}
}


/* Footer
---------------------------------------- */
footer {
	text-align: center;
	color: #FFF;
}
footer .notice {
	display: table;
	margin: 0 auto;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	background: #FFF;
	color: #000;
}
footer .notice > * {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 0.625rem;
}
footer .notice > *:nth-child(2) {
	padding-right: 1em;
}
footer .notice dt {
	padding-right: 0.5em;
}
.footer_nav {
	margin: 3em 0 3em;
}
.footer_nav li {
	display: inline-block;
	padding: 0 1.25em 0 1em;
	border-right: solid 1px #FFF;
	line-height: 1;
	color: #FFF;
}
.footer_nav li:last-child {
	border: none;
}
.footer_nav li a {
	color: #FFF;
}


/* PageTop
---------------------------------------- */
.pagetop {
	position: fixed;
	bottom: calc(-76px - 1rem);
	right: 2vw;
	transition: bottom 0.3s;
}
.pagetop.visible {
	bottom: 5vh;
}



/* ================================================== */
/* 03. LowPage Parts
/* ================================================== */

/* Headline
---------------------------------------- */
.page_ttl {
	display: table;
	width: 100%;
	height: 200px;
	background: url(../images/common/page_ttl_bg.png) center no-repeat;
	text-align: center;
}
.page_ttl span {
	display: table-cell;
	vertical-align: middle;
	font-size: 2rem;
	color: #FFF;
}
.page_ttl span img {
	width: 3.6em;
	height: auto;
}

.heading {
	margin-bottom: 2em;
	background-position: center left, center right;
	background-repeat: no-repeat, no-repeat;
	text-align: center;
}
.heading span {
	display: inline-block;
	font-size: 1.875em;
	color: #B5A266;
}
@media screen and (min-width: 769px), print {
	.heading.size_s {
		background-image: url(../images/common/heading_bg_s.png), url(../images/common/heading_bg_s.png);
	}
	.heading.size_m {
		background-image: url(../images/common/heading_bg_m.png), url(../images/common/heading_bg_m.png);
	}
	.heading.size_l {
		background-image: url(../images/common/heading_bg_l.png), url(../images/common/heading_bg_l.png);
	}
	.heading.size_xl {
		background-image: url(../images/common/heading_bg_xl.png), url(../images/common/heading_bg_xl.png);
	}
}

.subhead {
	margin-bottom: 1em;
	border-bottom: solid 1px #E50012;
	font-size: 1.142rem;
	color: #E50012;
}
.subhead_s {
	margin-bottom: 1em;
	padding-left: 0.75em;
	border-left: solid 2px #B5A266;
	font-size: 1rem;
	font-weight: bold;
	color: #B5A266;
}
.subhead_s_red {
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 0.75em;
	border-left: solid 2px #F7931E;
	font-size: 1.15rem;
	font-weight: bold;
	color: #F7931E;
}

/* List
---------------------------------------- */
ul.list, ol.list {
	margin-left: 2em;
}

ul.list-none, ol.list-none {
	margin-left: 1em;
	list-style-type:none;
}

/* Table1
---------------------------------------- */
table.table th, table.table td {
	padding: 0.5em 1em;
	border: solid 1px #BBB;
}
table.table thead th {
	background: rgba(181,162,102,0.3);
}
table.table tbody th {
	background: rgba(181,162,102,0.2);
	font-weight: normal;
}

/* Table2
---------------------------------------- */
table.table02{
	width:750px;
	margin: 30px 0 30px 0;
}

table.table02 th {
	padding: 0.5em 1em;
	border-top: dotted 0px #BBB;
	border-right: dotted 0px #BBB;
	border-bottom: dotted 2px #BBB;
	border-left: dotted 0px #BBB;
	width:300px;
}
table.table02 td {
	padding: 0.5em 1em;
	border-top: dotted 0px #BBB;
	border-right: dotted 0px #BBB;
	border-bottom: dotted 2px #BBB;
	border-left: dotted 0px #BBB;
	text-align:right;
	font-weight:bold;
	width:300px;
}
table.table02 th.table-top, table.table02 td.table-top {
	padding: 0.5em 1em;
	border-top: dotted 2px #BBB;
	border-right: dotted 0px #BBB;
	border-bottom: dotted 2px #BBB;
	border-left: dotted 0px #BBB;
	width:300px;
}

/* Topic Path
---------------------------------------- */
@media screen and (min-width: 769px), print {
	.topic_path {
		width: 900px;
		margin: 0 auto 3rem;
	}
}
.topic_path li {
	display: inline-block;
	font-size: 0.812rem;
}
.topic_path li:after {
	content: ">";
	display: inline-block;
	margin: 0 0.25em 0 0.5em;
}
.topic_path li:last-child:after {
	content: none;
	display: none;
	margin: 0;
}



/* ================================================== */
/* 04. Common Style
/* ================================================== */

/* Display
---------------------------------------- */
@media screen and (min-width: 769px), print {
	.sp { display: none !important; }
}

/* Box
---------------------------------------- */
.section_body {
	width: 750px;
	margin: 0 auto 3rem;
	line-height: 1.8;
}
.col__2_1 { width: 450px; }

/* Float
---------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.fc { clear: both; }
.cf:after { content: ""; display: block; clear: both; }

/* Text
---------------------------------------- */
.fs_12 { font-size: 0.857rem; }
.fs_14 { font-size: 1.000rem; }
.fs_15 { font-size: 1.071rem; }
.fs_16 { font-size: 1.142rem; }
.ta_c { text-align: center; }
.ta_l { text-align: left; }
.ta_r { text-align: right; }
.red { color:#FF0004;}

/* clear
-- */
.clear{
	clear:both;
	line-height:0px;
	font-size:0px;
}