@charset "uft-8";

/* --------------------------------
	Common style
-------------------------------- */
body {
	color: #395635;
	background: url('../img/back.svg') #EBF0F0 fixed;
	background-size: 110px 110px;
	background-position: 0px 2.4rem;
	margin: 0;
	font-size: 1rem;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	color: #395635;
	width: 100%;
	margin: 0 auto;
}

#contents-wrap {
	max-width: 1000px;
	color: rgb(80,80,80);
	margin: 0 auto;
	display: block;
}
#sub-title-wrap {
	color: rgb(80,80,80);
	margin: 0 auto;
	display: block;
	overflow: hidden;
	/*padding-left: 140px;*/
}

a {
	color: #395635;
	text-decoration: none;
	outline: none;
}

a:hover,
a:focus,
a:active,
a:visited {
	color: #395635;
	text-decoration: none;
	outline: none;
}

ul,ol {
	list-style: none;
	outline-style: none;
	margin: 0;
	padding: 0;
}

dt,dd,li{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p {
	margin: 0;
}

.img_center,
.text_center {
	text-align: center;
}

.img_left,
.text_left {
	text-align: left;
}

.img_right,
.text_right {
	text-align: right;
}

.new-line:before {
	content: "\A";
	white-space: pre;
}

header {
	z-index: 9999;
	border-bottom: 1px solid #F5FAFA;
}

.bold {
	font-weight: bold;
}

.large {
	font-size: 1.5em;
}

.larges { /* large-small */
	font-size: 1.2em;
}

.smallL {
	font-size: 0.8em;
}

.small {
	font-size: .6em;
}

.green {
	color: rgb(100,180,90); /* green */
}

.darkgreen {
	color: rgb(57,86,53);
}

.orange {
	color: rgb(220,100,60); /* orange */
}

.blue {
	color: rgb(80,112,182); /* blue */
}

.gray {
	color: rgb(80,80,80);
}

.check-indent {
	padding-left: 1.6rem;
}


.bk-green {
	background-color: rgb(100,180,90); /* green */
}

.bk-darkgreen {
	background-color: rgb(57,86,53);
}

.bk-orange {
	background-color: rgb(220,100,60); /* orange */
}

.bk-blue {
	background-color: rgb(80,112,182); /* blue */
}

.bk-gray {
	background-color: rgb(80,80,80); /* gray */
}

br.deco{
	display: none;
}


.check-b,
.check-o,
.check-g,
.check-gy {
	font-weight: bold;
	position: relative;
	padding-left: 1.4em;
	text-indent: -1.4em;
}
.check-b:before,
.check-o:before,
.check-g:before,
.check-gy:before{
	content: "";
	display: inline-block;
	width: calc(1em * 18 / 16);
	height: 1em;
	background-repeat: no-repeat;
	position: relative;
	margin-right: .2em;
}
.check-b:before {
	background-image: url('/template/img/check-b.svg');
}
.check-o:before {
	background-image: url('/template/img/check-o.svg');
}
.check-g:before {
	background-image: url('/template/img/check-g.svg');
}
.check-gy:before {
	background-image: url('/template/img/check-gy.svg');
}


header#masthead,footer {
	width: 100%;
	padding: 0 1rem;
	box-sizing: border-box;
}

header{
	background-color: rgba(235,240,240,.9);
}


footer {
	background-color: rgb(235,240,240);
	border-top: 1px solid rgb(80,80,80)
}

span.tri{
	display: inline-block;
	border-top: transparent .45em solid;
	border-bottom: transparent .45em solid;
	border-left: .6em solid;
	border-right: transparent 0em solid;
	vertical-align: baseline;
	margin-right: .1em;
}

/* --------------------------------
	header fixed style
-------------------------------- */
@media screen and (min-width: 600px) {
	.fixed {
		position: fixed;
		top: 0px;
	}

	.fixed #menu-area {
		padding-top: .8rem;
		padding-bottom: .7rem;
	}

	.fixed #menu-area-left{
		flex-grow: 2;
	}

	.fixed #menu-area-left a {
		width: calc(1.8rem * 215 / 48);
		height: 1.8rem;
	}

	.fixed #menu-area-center {
		flex-grow: 14;
	}

	.fixed #menu-area-right span.new-line {
		display: none;
	}

	.fixed + main {
		padding-top: 6rem;
	}
}


/* --------------------------------
	menu style
-------------------------------- */
#menu-area {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	position: relative;
	padding: 1.5rem 0 1.3rem;
}

#menu-area-left{
	flex-grow: 4;
}

#menu-area-left a {
	background: url("/template/img/logo_large.svg") no-repeat;
	width: calc(3rem * 215 / 48);
	height: 3rem;
	display: block;
	transition: opacity .3s ease;
}
#menu-area-left a:hover{
	opacity: .6;
}
#menu-area-center {
	flex-grow: 12;
}

#menu-area-center ul {
	font-size: 0;
	display: flex;
}

#menu-area-center ul li {
	margin-right: 2em;
	font-size: .85rem;
	white-space: nowrap;
}

#menu-area-center ul li:last-child {
	margin-right: 0;
}

.fead-in-left {
	position: relative;
	display: inline-block;
	transition: .3s;
}

.fead-in-left::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #395635;
	transition: all .3s;
}

.fead-in-left:hover::after {
	width: 100%;
}
body.touch .fead-in-left:hover::after {
	width: 0;
}

#menu-area-right {
	flex-grow: 1;
	font-size: .75em;
	text-align: right;
}

#menu-area-right a{
	display: inline-block;
}
#menu-area-right a img{
	transition: opacity .3s ease;
}
#menu-area-right a:hover img{
	opacity: .6;
}

#menu-area-mobile{
	display: none;
}

@media screen and (max-width: 799px) {
	#menu-area-left a{
		width: calc(2rem * 215 / 48);
		height: 2rem;
	}
	#menu-area-center ul li{
		margin-right: 1em;
		font-size: .8rem;
	}
	#menu-area-right .new-line{
		display: none;
	}

}


/******************************
	subtitle Query
*******************************/
#sub-title-area {
	margin: 0 auto 5em;
	position: relative;
}
#sub-title-area:before{
	content: "";
	display: block;
	position: absolute;
	top: 3.25rem;
	background-color: #395635;
	height: 4px;
	width: 100%;
}

#sub-title-area .sub-title-top {
	height: 3.4rem;
	display: inline-block;
	position: relative;
}
#sub-title-area .sub-title-top:before,
#sub-title-area .sub-title-top:after{
	content: "";
	display: block;
	position: absolute;
	height: 4px;
	top: 1.25rem;
}

#sub-title-area .sub-title-top:before{
	left: calc(-2rem - 15px);
	z-index: 0;
	background-color: #00AA5A;
}
#sub-title-area .sub-title-top:after{
	left: -2rem;
	z-index: 0;
	background-color: #EBF0F0;
}

#sub-title-area .sub-title-top img {
	display: block;
	height: 100%;
	width: auto;
	position: relative;
	z-index: 1;
}

#sub-title .sub-title {
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 2rem;
}

#sub-title-area .sub-title-top:before{
	width: calc(100% + 4.5rem + 30px);
}
#sub-title-area .sub-title-top:after{
	width: calc(100% + 4.5rem);
}


#sub-title div p{
	height: 1.1rem;
	margin: 2.5rem 0 .9rem;
}
#sub-title div p img{
	width: auto;
	height: 100%;
	display: block;
}

#sub-title div table {
}

#sub-title div table th {
	font-size: 1.2rem;
	line-height: 1;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
	padding-top: .6em;
	color: #395635;
}
#sub-title div table td{
	font-size: .95rem;
}






/******************************
	footer Query
*******************************/
#page-top {
	display: none;
	position: fixed;
	bottom: 30px;
}

#footer-area {
	max-width: 1000px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-size: .9rem;
	line-height: 1.3;
}

#footer-area .footer-list table{
	border-collapse: collapse;
}
#footer-area .footer-list tr > *{
	padding: 0;
}
#footer-area .footer-list tr:last-child td{
	padding-bottom: .2em;
}
#footer-area .footer-list tr strong{
	font-size: .95rem;
	display: block;
	padding-top: .3em;
}
#footer-area .footer-list img {
	margin-right: 1.5em;
}

#footer-area .footer-list td a{
	display: inline-block;
	margin-right: 1.5em;
	vertical-align: middle;
}
#footer-area .footer-list th a{
	display: block;
	transition: ease .3s;
}
#footer-area .footer-list th a:hover{
	opacity: .6;
}


#footer-area .copyright {
	position: absolute;
	right: 0;
	bottom: 2rem;
}




/** effect **/
/* fade in & slide up*/
.inview{
	transition: .8s;
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.inview.appear{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
/* fade in & slide down*/
.goview{
	transition: .8s;
	opacity: 0;
}
.goview.appear{
	opacity: 1.0;
}