@charset "uft-8";


/* --------------------------------
	Common style
-------------------------------- */
#wrapper{
	padding-top: 3.25rem;
}
#sub-title-wrap{
	min-width: auto;
}

#contents-wrap{
	width: 100%;
	min-width: auto;
}
br.pc{
	display: none;
}
br.deco{
	display: block;
	font-size: 0;
}

.check-b, .check-o, .check-g, .check-gy {
	padding-left: 1.6rem;
	text-indent: -1.4rem;
}
.check-b:before, .check-o:before, .check-g:before, .check-gy:before{
	width: 1.3em;
	height: .9em;
	background-size: contain;
	background-position: center;
}

header#masthead, footer {
	padding: 0;
}

/* --------------------------------
	header
-------------------------------- */
header{
	position: fixed;
	top: 0px;
}
#menu-area{
	min-height: auto;
	padding: .6rem 1.5rem .5rem;
	box-sizing: border-box;
	overflow: visible;
}
#menu-area-left{
	display: inline-block;
}
#menu-area-left a{
	width: calc(1.6rem / 48 * 215);
	height: 1.6rem;
	background-size: contain;
}
#menu-area-left{
	position: relative;
	bottom: auto;
}
#menu-area-center,
#menu-area-right{
	display: none;
}
#menu-area-mobile{
	display: block;
	float: right;
	font-size: .7rem;
	line-height: 1.1;
	text-align: center;
	font-feature-settings : "palt";
	white-space: nowrap;
}
#menu-area-mobile span,
#menu-area-mobile span:before,
#menu-area-mobile span:after{
	border-top: 2px solid #395635;
	display: block;
	transition: all .1s ease;
}


#menu-area-mobile span{
	border-bottom: 2px solid #395635;
	height: .75rem;
	width: 1.2rem;
	position: relative;
	margin: 0 auto .3em;
	box-sizing: border-box;
}
#menu-area-mobile span:before,
#menu-area-mobile span:after{
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	width: 100%;
}

/* menu open */
@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: .9}
}

#menu-area:after{
	content: "";
	position: fixed;
	display: none;
	top: 2.9rem;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	background-color: white;
}
.menu-open #menu-area:after{
	animation-name: fadein;
	animation-duration: .1s;
	animation-timing-function: ease;
	display: block;
	opacity: .9;
}

.menu-open #menu-area-mobile span{
	border: none;
}

.menu-open #menu-area-mobile span:before{
	transform: rotate(-45deg);
}
.menu-open #menu-area-mobile span:after{
	transform: rotate(45deg);
}

.menu-open #menu-area-center,
.menu-open #menu-area-right{
	display: block;
	position: fixed;
	left: 0;
	z-index: 200;
	width: 100%;
}
.menu-open #menu-area-center{
	top: 3.25rem;
	bottom: calc((100% - 3.25rem) / 6);
}
.menu-open #menu-area-center ul{
	width: 70%;
	margin: 0 auto;
	height: 100%;
	display: block;
}
.menu-open #menu-area-center ul li{
	position: relative;
	margin: 0;
	padding: 0 0 0;
	box-sizing: border-box;
	height: 20%;
	font-size: 1rem;
	text-align: center;
	border-bottom: 1px solid #395635;
}
.menu-open #menu-area-right{
	bottom: 0;
	height: calc((100% - 3.25rem) / 6);
}
#menu-area-right .new-line{
	display: inline-block;
	vertical-align: bottom;
}

#menu-area-right .new-line:before{
	content: "";
}
.menu-open #menu-area-right span{
	font-size: 1rem;
}

.menu-open #menu-area-center ul li a,
.menu-open #menu-area-right .text_center{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}


/* --------------------------------
	footer
-------------------------------- */
#footer-area{
	overflow: visible;
	padding: 2rem 5%;
}
#footer-area .footer-list{
	position: relative;
}
#footer-area .footer-list table{
	margin: 0 auto;
}
#footer-area .footer-list tbody{
	text-align: center;
}
#footer-area .footer-list tbody tr > *{
	padding: 0;
	font-size: .85rem;
	line-height: 1.4;
}
#footer-area .footer-list tbody tr:first-child > *{
	display: block;
}
#footer-area .footer-list tbody tr:first-child > td{
	padding: .8rem 0 .5em;
}
#footer-area .footer-list tbody tr:last-child > td{
	padding-top: .3rem;
}
#footer-area .footer-list tr a{
	margin: 0 .8em;
}
#footer-area .footer-list tr strong{
	font-size: .9rem;
}
#footer-area .footer-list tr span{
	display: inline-block;
}
#footer-area table tr td a{
	vertical-align: middle;
	display: inline-block;
}
#footer-area .copyright{
	position: relative;
	bottom: auto;
	padding-top: .8rem;
	text-align: center;
	font-size: .8rem;
}

/******************************
	subtitle Query
*******************************/
#sub-title .sub-title{
	line-height: 1;
}
#sub-title-area{
	margin-bottom: 1.5em;
}
#sub-title-area:before{
	top: 1.85rem;
}
#sub-title-area .sub-title-top:before, #sub-title-area .sub-title-top:after{
	top: .65rem;
}
#sub-title-area .sub-title-top:after{
	left: -.6rem;
	width: calc(100% + 1.2rem);
	height: 6px;
}
#sub-title-area .sub-title-top:before{
	left: calc(-.6rem - 7px);
	width: calc(100% + 1.2rem + 14px);
}

#sub-title div p{
	height: .7rem;
	margin: 1.5rem 0 .5rem;
}

#sub-title-area .sub-title-top{
	height: 1.7rem;
}
#sub-title div tr > *{
	display: block;
	padding-right: 2rem;
}
#sub-title div tr th{
	padding-top: .3em;
	font-size: .9rem;
}
#sub-title div tr td{
	line-height: 1.6;
	text-align: justify;
	margin-top: 1em;
}
#sub-title div tr td br{
	display: none;
}