@charset "UTF-8";
/**
 * 目次
 *
 * 01. reset
 * 02. BaseSet
 * 03. Layout
 * 04. Top
 * 05. Section
 * 99. Parts
 *
 */
/* ==========================================================================
   01. reset
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}

/* ==========================================================================
   02. BaseSet
   ========================================================================== */
html {
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	font-family: YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 140%;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color: #2e0608;
}

/* link
   ========================================================================== */
a {
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	color: #2e0608;
	text-decoration: none;
}
a:visited {
	color: #2e0608;
	text-decoration: none;
}
a:hover {
	color: #1E51A2;
	text-decoration: none;
}

/* fontsize
   ========================================================================== */
.text10 { font-size: 71.42857%; }
.text11 { font-size: 78.57143%; }
.text12 { font-size: 85.71429%; }
.text13 { font-size: 92.85714%; }
.text14 { font-size: 100%; }
.text15 { font-size: 107.14286%; }
.text16 { font-size: 114.28571%; }
.text17 { font-size: 121.42857%; }
.text18 { font-size: 128.57143%; }
.text19 { font-size: 135.71429%; }
.text20 { font-size: 142.85714%; }
.text21 { font-size: 150%; }
.text22 { font-size: 157.14286%; }
.text23 { font-size: 164.28571%; }
.text24 { font-size: 171.42857%; }
.text25 { font-size: 178.57143%; }
.text26 { font-size: 185.71429%; }
ul.inner li,
td.inner {
	font-size: 100% !important;
}

/* image
   ========================================================================== */
img {
	vertical-align: bottom;
	line-height: 1.0;
	max-width: 100%;
	height: auto;
}
table th img,
table td img {
	vertical-align: middle;
}

/* ClearFix
   ========================================================================== */
.clear {
	clear: both;
}
/* modern browsers */
.clearfix:after,
.fbox:after,
#contents:after,
.item-wrap:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE7 */
.clearfix,
.fbox,
#contents,
.item-wrap {
	display: inline-block;
}
/* legacy IE */
* html .clearfix,
* html .fbox,
* html #contents,
* html .item-wrap {
	height: 1%;
}
.clearfix,
.fbox,
#contents,
.item-wrap {
	display: block;
}

/* float
   ========================================================================== */
.fr {
	float: right;
}
.fl {
	float: left;
}
ul.fbox li {
	float: left;
	display: inline;
}
.in-block {
	letter-spacing: -.40em;
}
.in-block li,
.in-block dt,
.in-block dd {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	letter-spacing: normal;
	vertical-align: top;
}

/* text style
   ========================================================================== */
.text-bold {
	font-weight: bold;
}

/* margin
   ========================================================================== */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }

/* padding
   ========================================================================== */
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }

/* form label
   ========================================================================== */
input,
textarea {
	vertical-align: middle;
}
label {
	vertical-align: middle;
}

/* position
   ========================================================================== */
.text-r {
	text-align: right !important;
}
.text-c,
table.text-c th,
table.text-c td,
table.th-c th {
	text-align: center !important;
}
.text-l {
	text-align: left !important;
}

/* display
   ========================================================================== */
.block {
	display: block;
}
.sp-item {
  display: none;
}
.pc-block {
	display: block;
}
@media screen and (max-width: 767px) {
	.sp-item {
		display: block;
	}
	.pc-item {
		display: none !important;
	}
	.pc-block {
		display: inline;
	}
	.sp-block {
		display: block;
		}
	}

/* ==========================================================================
   03. Layout
   ========================================================================== */
body {
	background: url(/common/css/img/bg_side.gif) repeat-y left top;
}

#contents {
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}
#side {
	opacity: 100%;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 250px;
	padding-bottom: 15px;
	background: url(/common/css/img/bg_side_btm.png) no-repeat left bottom;
}
#side-scroll {
	position: relative;
}
#main {
	margin-left: 250px;
	min-height: 1000px;
}
#main.sec-pb {
	padding-bottom: 56px;
}
@media screen and (max-width: 767px) {
	body {
		background: none;
	}
	#side {
		opacity: 1;
		position: relative;
		float: none;
		width: 100%;
	}
	#main {
		margin-left: 0;
		padding-top: 0;
		min-height: 0;
	}
	#main.main-top {
		padding-top: 53%;
	}
	.panel-open {
		display: none !important;
	}
}

#side_logo {
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	display: table-cell;
	font-family: YuMincho, '游明朝',"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif, "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", serif;
	font-size: 142.85714%;
	height: 230px;
	width: 249px;
	text-align: center;
	vertical-align: middle;
}
#side_logo h1 {
	font-weight: normal;
	font-size: 90%;
}
#logo {
	margin-bottom: 20px;
}
#global_navi_wrap {
	margin-right: 1px;
}
#global_navi_wrap #global_navi {
	padding: 26px 20px 15px;
}
#global_navi_wrap #global_navi li {
	margin-bottom: 15px;
	position: relative;
	line-height: 1;
}
#global_navi_wrap #global_navi li:last-child {
	margin-bottom: 0;
}
#global_navi_wrap #global_navi li.activeParent span {
	line-height: 7px;
	display: inline-block;
	color: #1E51A2;
}
#global_navi_wrap #global_navi li.activeParent span:after {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	content: '';
	display: inline-block;
	height: 2px;
	margin-left: 0;
	width: 100%;
	background: #1E51A2;
}
#global_navi_wrap #global_navi li a {
	line-height: 6px;
}
#global_navi_wrap #global_navi li a.parent {
	letter-spacing: -0.01em;
}
#global_navi_wrap #global_navi li a.parent:after {
	content: '';
	height: 1px;
	width: 9px;
	background: #c6c6c6;
	display: block;
	position: absolute;
	right: 0;
	top: 2px;
}
#global_navi_wrap #global_navi li a.open:before {
	content: '';
	height: 9px;
	width: 1px;
	background: #c6c6c6;
	display: block;
	position: absolute;
	right: 4px;
	top: -2px;
}
#global_navi_wrap #global_navi li a span {
	display: inline-block;
}
#global_navi_wrap #global_navi li a span:after {
	content: '';
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	display: inline-block;
	height: 1px;
	width: 1%;
	margin-left: 50%;
}
#global_navi_wrap #global_navi li a:hover span:after {
	margin-left: 0;
	width: 100%;
	background: #1E51A2;
}
#global_navi_wrap #global_navi li .global-navi-in {
	margin-top: 12px;
	margin-left: 14px;
}
#global_navi_wrap #global_navi li .global-navi-in li {
	margin-bottom: 10px;
}
#global_navi_wrap #global_navi li .global-navi-in li a {
	color: #888888;
}
#global_navi_wrap #global_navi li .global-navi-in li a:hover {
	color: #1E51A2;
}
#global_navi_wrap #global_navi li.active span {
	line-height: 7px;
	display: inline-block;
	color: #1E51A2;
}
#global_navi_wrap #global_navi li.active span:after {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	content: '';
	display: inline-block;
	height: 2px;
	margin-left: 0;
	width: 100%;
	background: #1E51A2;
}
#global_navi_wrap .open + .global-navi-in {
	display: none;
}
#global_navi_wrap #sub_navi li {
	background: #fff;
}
#global_navi_wrap #sub_navi li a {
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}
#global_navi_wrap #sub_navi li a:hover {
	opacity: .5;
}

@media screen and (max-width: 767px) {
	#side {
		padding-right: 0;
		border-bottom: 1px solid #e6e6e6;
		background-color: #FFF;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 0;
		background-image: none;
	}
	#side_logo {
		border-bottom: none;
		font-size: 114.28571%;
		height: 50px;
		width: auto;
		padding-left: 10px;
		text-align: left;
		vertical-align: middle;
	}
	#side_logo p, #side_logo h1 {
		display: table-cell;
		vertical-align: middle;
	}
	#logo {
		height: 40px;
		padding-right: 6px;
		padding-top: 2px;
		width: 20px;
	}
	#btn_spmenu {
		font-weight: bold;
		font-size: 100%;
		height: 30px;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 90px;
	}
	#panel-btn {
		background-color: #f5f5f5;
		border: 1px solid #e5e5e5;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		position: relative;
		border-radius: 4px;
		width: 90px;
		height: 30px;
		padding-left: 32px;
		padding-top: 3px;
		text-decoration: none;
	}
	#panel-btn:hover {
		color: #2e0608;
	}
	#panel-btn:hover {
		background: #fafafa;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 14px;
		left: 20px;
		width: 14px;
		height: 2px;
		margin: -1px 0 0 -7px;
		background: #000;
		transition: .2s;
	}
	#panel-btn-icon:before, #panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 14px;
		height: 2px;
		background: #000;
		transition: .3s;
	}
	#panel-btn-icon:before {
		margin-top: -6px;
	}
	#panel-btn-icon:after {
		margin-top: 4px;
	}
	#panel-btn .close {
		background: transparent;
		top: 13px;
	}
	#panel-btn .close:before, #panel-btn .close:after {
		margin-top: 0;
	}
	#panel-btn .close:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#panel-btn .close:after {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	#global_navi_wrap {
		margin-right: 0;
		display: none;
	}
	#global_navi_wrap #global_navi {
		background: #f7f7f7;
		padding: 0;
	}
	#global_navi_wrap #global_navi li {
		margin: 0;
		padding: 0;
		border-top: 1px solid #e6e6e6;
		position: relative;
		line-height: 1;
	}
	#global_navi_wrap #global_navi li.activeParent {
		border-left: 5px solid #1E51A2;
		background: #fff;
	}
	#global_navi_wrap #global_navi li.activeParent a {
		padding: 20px 15px 20px 10px;
	}
	#global_navi_wrap #global_navi li.activeParent a span:after {
		display: none;
	}
	#global_navi_wrap #global_navi li.side-comingsoon {
		color: #cccccc;
		margin-bottom: 0 !important;
		padding: 20px 15px;
	}
	#global_navi_wrap #global_navi li.side-comingsoon span {
		font-size: 114.28571%;
		display: inline-block;
	}
	#global_navi_wrap #global_navi li.side-comingsoon span br {
		display: none;
	}
	#global_navi_wrap #global_navi li a {
		position: relative;
		display: block;
		padding: 20px 15px;
		line-height: 1;
	}
	#global_navi_wrap #global_navi li a:after {
		font-size: 142.85714%;
		color: #1E51A2;
		display: block;
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		right: 15px;
		top: 16px;
	}
	#global_navi_wrap #global_navi li a.parent {
		letter-spacing: 0;
		pointer-events: none;
		background: #e0e0e0;
	}
	#global_navi_wrap #global_navi li a.parent:after {
		display: none;
	}
	#global_navi_wrap #global_navi li a.open:before {
		display: none;
	}
	#global_navi_wrap #global_navi li a span {
		font-size: 114.28571%;
		display: inline-block;
	}
	#global_navi_wrap #global_navi li a span:after {
		display: none;
	}
	#global_navi_wrap #global_navi li .global-navi-in {
		margin: 0;
		padding: 0;
		border-top: 1px solid #e6e6e6;
	}
	#global_navi_wrap #global_navi li .global-navi-in li {
		padding: 0;
		margin: 0;
		border-top: none;
		border-bottom: 1px solid #e6e6e6;
	}
	#global_navi_wrap #global_navi li .global-navi-in li a {
		color: #2e0608;
		padding-left: 30px;
	}
	#global_navi_wrap #global_navi li .global-navi-in li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	#global_navi_wrap #global_navi li .global-navi-in li.active span {
		padding-left: 15px;
	}
	#global_navi_wrap #global_navi li.active {
		border-left: 5px solid #1E51A2;
		padding: 20px 15px 20px 10px !important;
		background: #fff;
	}
	#global_navi_wrap #global_navi li.active span {
		font-size: 114.28571%;
		font-weight: bold;
		color: #1E51A2;
		line-height: 1px;
		display: inline-block;
	}
	#global_navi_wrap #global_navi li.active span:after {
		display: none;
	}
	#sub_navi {
		padding: 10px 10px 20px;
		overflow: hidden;
	}
	#sub_navi li {
		float: left;
		margin-left: 10%;
		width: 45%;
	}
	#sub_navi li:first-child {
		margin-left: 0;
	}
	#sub_navi li a {
		transition: all 0.2s ease-out;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
	}
	#sub_navi li a:hover {
		opacity: .5;
	}
}

footer {
	background-color: #fff;
}
#pagetop {
	display: none;
	z-index: 9998;
	position: fixed;
	right: 0;
	bottom: 0;
}
#pagetop a {
	box-sizing: border-box;
	display: block;
	border: 1px solid #e6e6e6;
	border-right: none;
	height: 98px;
	width: 98px;
	color: #1E51A2;
	background: #fff;
}
#pagetop a span {
	padding-top: 30%;
	display: block;
	text-align: center;
	font-size: 185.71429%;
}
#pagetop a:hover {
	border: 1px solid #000;
	border-right: none;
	background: #000;
	color: #fff;
}
@media screen and (max-width: 767px) {
	#pagetop a {
		height: 48px;
		width: 48px;
	}
	#pagetop a span {
		padding-top: 5%;
	}
	#pagetop a:hover {
		border: 1px solid #e6e6e6;
		border-right: none;
		color: #1E51A2;
		background: #fff;
	}
}

#footer_concept {
	background: url(/img/pic_footer.jpg) no-repeat left top;
	background-size: cover;
	background-position-x: 40%;
	font-family: YuMincho, '游明朝',"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif, "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", serif;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
}
#footer_logo {
	display: block;
	font-size: 128.57143%;
	margin: 0 auto;
}
#footer_logo p {
	margin-top: 15px;
}
.footer-concept-copy {
	font-size: 121.42857%;
	font-family: YuMincho, '游明朝',"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif, "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", serif;
	margin-bottom: 10px;
	margin-top: 50px;
}
.footer-concept-txt {
	font-size: 107.14286%;
	font-family: YuMincho, '游明朝',"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif, "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", serif;
	margin-top: 25px;
	line-height: 1.8;
	text-shadow: 0 0px 4px white, 0 0px 4px white, 0 0px 4px white;
}

@media screen and (max-width: 767px) {
	#footer_concept {
		background-position: 25% top;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	#footer_logo {
		font-size: 85.71429%;
		margin-bottom: 8px;
	}
	#footer_logo img {
		height: auto;
		width: 25px;
	}
	.footer-concept-copy {
		font-size: 100%;
		margin-top: 25px;
	}
	.footer-concept-txt {
		font-size: 71.42857%;
		font-weight: bold;
	}
}

#footer_cinfo {
	background-color: #e6e6e6;
}
#footer_cinfo_in {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 30px;
	padding-top: 30px;
}
#cinfo_copyright {
	color: #111;
	font-size: 85.71429%;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#footer_cinfo_in {
		height: auto;
		padding-bottom: 21px;
		padding-top: 21px;
	}
	#cinfo_copyright {
		margin-right: 0;
		text-align: center;
	}
}

/* ==========================================================================
   04. Top
   ========================================================================== */
#top_mainimg {
	position: relative;
	line-height: 0;
}
#top_mainimg #top_copy {
	z-index: 2;
	position: absolute;
	margin: auto;
	width: 759px;
	height: 125px;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	text-align: center;
}
#top_mainimg #top_copy #tit_cop01 {
	margin-top: 150px;
	display: block;
}
#top_mainimg #pc_mainimg {
	overflow: hidden;
	max-height: 720px;
}
#top_mainimg #pc_mainimg img {
	width: 100%;
	max-width: 100%;
}
#top_mainimg:after {
	-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	-o-transition: 0.6s ease;
	transition: 0.6s ease;
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	background: transparent;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
	background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$startcolor, endColorstr=$stopcolor,GradientType=0 );
}
@media screen and (max-width: 767px) {
	#sp_mainimg {
		position: absolute;
		left: 0;
		top: 46px;
	}
}

.tit-pic {
	position: relative;
	display: block;
	padding: 30px 0;
	text-decoration: none;
	overflow: hidden;
	background-color: #000;
}
.tit-pic strong {
	vertical-align: middle;
	position: relative;
	z-index: 2;
	display: block;
	width: 70%;
	margin: 0 15%;
	font-weight: bold;
	color: #fff;
	font-size: 178.57143%;
	line-height: 1;
	box-sizing: border-box;
}
.tit-pic:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .7;
}
.tit-pic#zaimu:after,
.tit-pic#contact:after {
	background-image: url(/img/78137627trim.jpg);
	background-position: 0px -170px;
}
@media screen and (max-width: 767px) {
	.tit-pic {
		padding: 5.3571429% 0;
	}
	.tit-pic strong {
		width: auto;
		margin: 0 5.3571429%;
		font-size: 114.28571%;
		line-height: 1.2;
		color: #fff;
	}
	.tit-pic strong:after {
		top: 20%;
		font-size: 128.57143%;
	}
	.tit-pic:after {
		opacity: .5;
	}
	.tit-pic#zaimu:after,
	.tit-pic#contact:after {
		background-position: 0px -20px;
	}
}

/* ==========================================================================
   05. Section
   ========================================================================== */
.sec-wrap {
	padding-left: 60px;
	padding-right: 60px;
}
.sec-wrap-in {
	padding-left: 40px;
	padding-right: 40px;
}
@media screen and (max-width: 1024px) {
	.sec-wrap-in {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.sec-wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sec-wrap-in {
		padding-left: 0;
		padding-right: 0;
	}
}
#sec_zaidan,
#sec_zaimu,
#sec_contact,
#sec_kobo,
#sec_kobo_gaiyo,
#sec_kifu,
#sec_kifu_mokuteki,
#sec_kifu_moshikomi,
#sec_jisseki {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 5.3%;
	padding-top: 30px;
}

#sec_jisseki,
#sec_kifu_mokuteki,
#sec_kifu_moshikomi {
	padding-top: 0;
}
#sec_jisseki h2,
#sec_kifu_mokuteki h2,
#sec_kifu_moshikomi h2 {
	background: #00548a;
	color: #fff;
	padding: 15px 30px;
	font-size: 128.57143%;
	border-bottom: 1px solid #e6e6e6;
	margin-top: 5%;
	margin-left: -60px;
	margin-right: -60px;
}
#sec_jisseki>h2:first-child,
#sec_kifu_mokuteki>h2:first-child,
#sec_kifu_moshikomi>h2:first-child {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	#sec_jisseki h2,
	#sec_kifu_mokuteki h2,
	#sec_kifu_moshikomi h2 {
		font-size: 114.28571%;
		padding: 15px;
		margin-left: -15px;
		margin-right: -15px;
	}
}

/* ==========================================================================
   99. Parts
   ========================================================================== */
/**
 * 共通スタイル
 */
/* ==========================================================================
   title
   ========================================================================== */
.tit-h3,
#head_tit {
	font-size: 257.14286%;
	font-weight: bold;
	letter-spacing: -.06em;
	line-height: 1.4;
	margin-bottom: 30px;
}
.tit-h4 {
	font-size: 171.42857%;
	font-weight: bold;
	margin-bottom: 30px;
}
.tit-h5 {
	font-size: 128.57143%;
	font-weight: bold;
	margin-bottom: 30px;
}
.tit-heading {
	color: #1E51A2;
	font-size: 142.85714%;
	font-weight: bold;
	letter-spacing: -.06em;
}
#head_tit_wrap {
	border-bottom: 1px solid #e6e6e6;
}
#head_tit {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	line-height: 1;
	height: 230px;
	padding-left: 60px;
	width: 100%;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.tit-h3 {
		font-size: 171.42857%;
		margin-bottom: 15px;
	}
	#head_tit {
		margin-top: 0 !important;
		padding-top: 15px;
		font-size: 171.42857%;
		margin-bottom: 15px;
	}
	.tit-h4 {
		font-size: 128.57143%;
	}
	.tit-h5 {
		font-size: 114.28571%;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.tit-heading {
		font-size: 128.57143%;
	}
	#head_tit {
		display: block;
		height: auto;
		margin-top: 20px;
		padding-left: 15px;
		width: 100%;
		vertical-align: middle;
	}
	#head_tit_wrap {
		background: #f7f7f7;
	}
}

/* ==========================================================================
   button
   ========================================================================== */
.btn {
	border: 1px solid #e6e6e6;
	display: inline-block;
	padding: 10px 15px;
}
.btn:hover {
	color: #1E51A2;
	text-decoration: none;
}
.btn-list {
	text-align: right;
	position: relative;
}
.btn-list.icon-arrow-right:before {
	position: absolute;
	left: 10px;
	top: 15px;
}
.btn-ja {
	font-size: 128.57143%;
}
.btn-en {
	font-size: 171.42857%;
	min-width: 160px;
}

@media screen and (max-width: 767px) {
	.btn {
		padding: 5px 15px;
	}
	.btn-en {
		font-size: 100%;
		min-width: inherit;
	}
	.btn-list.icon-arrow-right:before {
		top: 8px;
	}
}

/* ==========================================================================
   font
   ========================================================================== */
.large {
	font-size: 128.57143%;
	line-height: 1.78;
}
@media screen and (max-width: 767px) {
	.large {
		font-size: 114.28571%;
		line-height: 1.7;
	}
}

/* ==========================================================================
   box-2col
   ========================================================================== */
.box-2col {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.box-2col-l,
.box-2col-r {
	display: table-cell;
	padding-bottom: 10px;
	padding-top: 2%;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.box-2col-l {
	width: 125px;
	border-right: 1px solid #e6e6e6;
}
.box-2col-r {
	padding-left: 53px;
	padding-bottom: 10px;
	font-size: 107.14286%;
}
@media screen and (max-width: 767px) {
	.box-2col {
		margin-top: 40px;
	}
	.box-2col:first-child {
		margin-top: 0;
	}
	.box-2col-l,
	.box-2col-r {
		display: block;
		padding: 0;
		width: 100%;
	}
	.box-2col-l {
		padding-left: 0;
	}
	.box-2col-r {
		border-left: 0;
		padding-left: 0;
		font-size: 100%;
	}
}

/* ==========================================================================
   box-info
   ========================================================================== */
.box-info {
	display: table;
	margin: 20px 0;
	table-layout: fixed;
	width: 100%;
}
.info-leftside,
.info-center,
.info-rightside {
	display: table-cell;
	vertical-align: top;
}
.info-leftside {
	padding-top: 2%;
}
.info-center {
	padding-top: 2%;
}

/* 左 */
.info-leftside {
	border-right: 1px solid #e6e6e6;
	width: 125px;
}
.date-info {
	font-size: 142.85714% !important;
	color: #2e0608;
	line-height: 1.3;
	letter-spacing: 0.01em !important;
}
/* 中央 */
.info-center {
	padding-left: 5.4%;
	padding-right: 5.4%;
	width: 62.17391%;
}
.info-center p {
	color: #828282;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* -webkit-line-clamp: 2; */
	overflow: hidden;
}
.box-info-tit {
	font-size: 142.85714%;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.3;
}
/* 中央(2カラム) */
.box-info-2col .info-center {
	padding-right: 0;
	width: 88.26087%;
}
/* 右 */
.info-rightside {
	width: 26.08696%;
}

@media screen and (max-width: 767px) {
	.box-info {
		display: block;
		margin: 0;
		width: 100%;
		border-top: 1px solid #e6e6e6;
	}
	.info-leftside,
	.info-center {
		display: block;
		width: auto;
		border-right: 0;
	}
	.box-info-2col .info-center {
		width: auto;
	}
	
	/* 左 */
	.date-info {
		font-size: 107.14286% !important;
		letter-spacing: 0.03em !important;
	}
	/* 中央 */
	.info-center {
		padding: 2.189781%;
		width: 80%;
		vertical-align: middle;
	}
	.info-center p {
		margin: 10px 0;
	}
	.box-info-tit {
		font-size: 107.14286%;
		font-weight: normal;
		margin-bottom: 0;
		line-height: 1.2;
	}
	/* 右 */
	.info-rightside {
		display: none;
		width: 25%;
	}
}

.gallery {
	margin-top: 20px;
}
.gallery a,
.gallery>figure {
	float: left;
	display: block;
	width: 48%;
	margin-right: 2%;
}
.gallery img,
.gallery figcaption {
	width: 100%;
	max-width: 100%;
}
.gallery figcaption {
	margin-top: 5px;
}
.gallery a figcaption {
	text-decoration: underline;
	color: #1E51A2;
}
.gallery a:visited figcaption {
	color: #2e0608;
}
.gallery a:hover figcaption {
	color: #1E51A2;
}
@media screen and (max-width: 767px) {
	.gallery a,
	.gallery>figure {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
}
.gallery-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.gallery-flex a {
	margin-right: 20px;
	margin-top: 20px;
}
.gallery-flex img,
.gallery-flex figcaption {
	max-height: 240px;
	width: auto;
}

/* ==========================================================================
   box-panel
   ========================================================================== */
.box-panel {
	border: 1px solid #e6e6e6;
	margin-top: 5%;
	padding: 0 6% 2%;
}
.box-panel-ttl {
	font-size: 164.28571%;
	margin-bottom: 2%;
}
.box-panel-ttl span {
	border-top: 2px solid #372f2c;
	display: inline-block;
	padding-top: 20px;
}
.box-panel-accordion .box-panel-ttl {
	cursor: pointer;
	position: relative;
}
.box-panel-accordion .box-panel-ttl:hover {
	color: #1E51A2;
}
.box-panel-accordion .box-panel-ttl:hover span {
	border-top: 2px solid #1E51A2;
}
.box-panel-accordion .box-panel-ttl:after {
	font-size: 135.71429%;
	color: #2e0608;
	display: block;
	content: "\f0fe";
	font-family: FontAwesome;
	position: absolute;
	right: 0;
	top: 14px;
}
.box-panel-accordion .box-panel-ttl.open:after {
	content: "\f146";
}
.box-panel-accordion .box-panel-ttl:hover:after {
	color: #1E51A2;
}
.box-panel-in {
	display: none;
}
.box-panel-in.open {
	display: block;
}
.box-panel-in .tit-h5 {
	margin: 30px 0 20px;
	background-color: #e6e6e6;
	padding: 5px 10px;
}
.box-panel-map {
	border: 1px solid #e6e6e6;
	margin-top: 5%;
}
.box-panel-map-in {
	padding: 0 6% 3%;
}
.box-panel p,
.box-panel-map p {
	font-size: 107.14286%;
}
@media screen and (max-width: 767px) {
	.box-panel {
		padding: 0 6% 3%;
	}
	.box-panel-ttl {
		font-size: 114.28571%;
	}
	.box-panel-ttl span {
		padding-top: 16px;
	}
	
	.box-panel p,
	.box-panel-map p {
		font-size: 100%;
	}
}

.dl_table_wrap {
	display: table;
	width: 100%;
}
.dl_table_wrap,
.dl_table_wrap * {
	box-sizing: border-box;
}
.dl_table_wrap dl.table {
	display: table-row;
}
.dl_table_wrap dl.table dt,
.dl_table_wrap dl.table dd {
	display: table-cell;
	padding: 6px 8px;
	border-bottom: 1px solid #e6e6e6;
}
.dl_table_wrap dl.table dt {
	border-right: 1px solid #e6e6e6;
	width: 35%;
}
.dl_table_wrap dl.table dd {
	width: 65%;
}
.dl_table_wrap dl.table:last-child dt,
.dl_table_wrap dl.table:last-child dd {
	border-bottom: 0;
}
.dl_table_wrap dl.table_head dt,
.dl_table_wrap dl.table_head dd {
	border-bottom: 3px solid #e0e0e0;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.dl_table_wrap {
		display: block;
	}
	.dl_table_wrap dl.table {
		display: block;
	}
	.dl_table_wrap dl.table dt,
	.dl_table_wrap dl.table dd {
		display: block;
		padding: 6px 12px;
		border-bottom: 0;
		width: 100%;
	}
	.dl_table_wrap dl.table dt {
		border-right: 0;
		border-top: 3px solid #e0e0e0;
		border-bottom: 1px solid #e6e6e6;
		background-color: #f5f5f5;
		font-weight: bold;
	}
	.dl_table_wrap dl.table dd {
		padding: 6px 12px 6px 28px;
		
	}
	.dl_table_wrap dl.table:last-child dt,
	.dl_table_wrap dl.table:last-child dd {
		border-bottom: 0;
	}
	.dl_table_wrap dl.table_head {
		display: none;
	}
}

[class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after, #footer_navi > li:before, #footer_navi > li:after {
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-page-top:before {
	content: "\f106";
}
.icon-pdf:before {
	content: "\f1c1";
}