<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*-------------------------
__structure_style
-------------------------*/

#content { background-color: #e9dab9;}

#content #main { max-width: 1000px; text-align: left; margin: 0 auto; padding: 40px 30px 60px;}

#content #main .page_title{ font-size: 3em; font-weight: 700; line-height: 1.5; letter-spacing: 0.09em; text-align: center; margin: 0 0 30px; color: #8a6927;}
#content #main .page_title::after{ content: ""; display: block; width: 100px; height: 5px; margin: 15px auto 0; background-color: #8a6927;}
#content #main .page_title_txt{ font-size: 1.7em; font-weight: 700; letter-spacing: 0.06em; text-align: center;}
#content #main .sub_title { display: block; font-size: 2.2em; letter-spacing: 0.03em; margin: 40px 0 15px; padding: 15px 20px; box-sizing: border-box; color: #fff; background-color: #8d6b27; border-radius: 5px;}

#content #main p{ font-size: 1.5em; line-height: 1.7em;}

@media screen and (max-width: 960px) {
#content #main { padding: 40px 15px 60px;}
}

@media screen and (min-width: 768px) {
.pc_none{ display:none;}
}

@media screen and (max-width: 767px) {
.sph_none{ display:none;}
#content #main { margin: 0 10px; padding: 20px 0 30px;}

#content #main .page_title{ font-size: 2em; margin: 0 0 15px;}
#content #main .page_title::after{ margin: 5px auto 0;}
#content #main .page_title_txt{ font-size: 1.5em; text-align: left;}
#content #main .sub_title { font-size: 1.8em; margin: 20px 0 10px; padding: 10px 10px;}

#content #main p{ font-size: 1.3em; line-height: 1.6em;}
}

/*-------------------------
__zeh
-------------------------*/

h3{
	margin-bottom:15px;}

h3 img{
	width:100%;
	height:auto;}

.zeh_text{
	margin-bottom:30px;}

.whats{
	margin-bottom:40px;}

.whats p{
	font-size:2.1em!important;
	font-weight:700;
	color:#8a6927;
	margin-bottom:10px;}

.whats ul{
	width:100%;
	float:left;
	margin-right:-300px;
	padding-right:300px;
	box-sizing:border-box;}

.whats ul li{
	text-align:center;
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight:700;
	color:#ffffff;
	background-color:#8a6927;
	padding:10px;
	box-sizing:border-box;
	margin-bottom:10px;
	/*float:left;
	width: 33.333333%;
	height: auto;
	width: calc((100% - 41px) / 3);
	width: -webkit-calc((100% - 41px) / 3);
	width: -moz-calc((100% - 41px) / 3);
	box-sizing:border-box;
	margin-right:20px;
	border-radius:5px;*/}

.whats ul li:last-child{
	margin-right:0;}

.zeh_illust{
	float:right;
	width:240px;}

.zeh_illust img{
	width:100%;
	height:auto;}

.merit{
	margin-bottom:40px;}

.merit p{
	font-size:2.1em!important;
	font-weight:700;
	color:#8a6927;
	margin-bottom:10px;}

.merit dl{
	background-color:#fff;
	border-radius:5px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:20px;}

.merit dl dt{
	font-size: 1.7em;
	line-height: 1.7em;
	font-weight:700;
	background-image:url(images/reaf.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:19px 19px;
	padding-left:28px;
	margin-bottom:5px;}

.merit dl dd{
	font-size: 1.5em;
	line-height: 1.7em;}

.step{}

.step p.list_subtitle{
	font-size: 1.8em;
	line-height: 1.8em;
	background-color:#D5BA88;
	padding:7px 10px;
	margin-bottom:20px;
	font-weight:700;}

.step ul{
	margin-bottom:30px;}

.step ul li{
	background-color:#fff;
	float:left;
	width: 20%;
	height: auto;
	width: calc((100% - 81px) / 5);
	width: -webkit-calc((100% - 81px) / 5);
	width: -moz-calc((100% - 81px) / 5);
	box-sizing:border-box;
	margin-right:20px;
	height:175px;
	border:4px solid #62a531;
	
	position: relative;}

.step ul li:after{
	content: "";
	position: absolute;
	top:-20px;
	right: -200px;
	bottom: 0;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #62a531 transparent transparent transparent;
	border-width: 20px 20px 0 20px;
	transform: rotate(-90deg);
	
	/*content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #62a531 transparent transparent transparent;
	border-width: 20px 20px 0 20px;*/}

.step ul li.list_last{
	margin-right:0;}

.step ul li.list_last:after{
	display:none;}

.step ul li p:first-child{
	width:100%;
	height:100px;
	overflow:hidden;
	position:relative;}

.step ul li p:first-child img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;}

.step ul li p:last-child{
	text-align:center;
	font-size:1.6em!important;
	line-height:1.4em!important;
	font-weight:700;
	padding:10px;
	color:#62a531;}

@media screen and (max-width: 960px) {

h3{
	margin-bottom:10px;}

.zeh_text{
	margin-bottom:20px;}

.whats{
	margin-bottom:30px;}

/*.whats ul li span{
	display:block;}*/

.merit{
	margin-bottom:30px;}

.step ul li{
	background-color:#fff;
	float:left;
	width: 20%;
	height: auto;
	width: calc((100% - 41px) / 5);
	width: -webkit-calc((100% - 41px) / 5);
	width: -moz-calc((100% - 41px) / 5);
	box-sizing:border-box;
	margin-right:10px;
	height:180px;}

.step ul li p:first-child{
	height:100px;
	overflow:hidden;
	position:relative;}

.step ul li p:last-child{
	font-size:1.4em!important;
	line-height:1.4em!important;
	padding:10px;}

}

@media screen and (min-width:768px) and ( max-width:959px) {

.step ul li:after{
	display:none;}

}

@media screen and (max-width: 767px) {

h3{
	margin-bottom:5px;}

.zeh_text{
	margin-bottom:15px;}

.whats{
	margin-bottom:20px;}

.whats p{
	font-size:1.7em!important;}

.whats ul{
	float:none;
	width:100%;
	margin:0;
	padding:0;}

.whats ul li{
	font-size: 1.5em;
	line-height: 1.3em;
	padding:10px;
	box-sizing:border-box;
	float:none;
	width: 100%;
	margin:0 0 10px 0;}

.whats ul li span{
	display:inline;}

.zeh_illust{
	text-align:center;
	float:none;
	margin:0 auto;}

.merit{
	margin-bottom:20px;}

.merit p{
	font-size:1.7em!important;}

.merit dl{
	padding:10px;}

.merit dl dt{
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight:700;
	background-image:url(images/reaf.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:17px 17px;
	padding-left:24px;
	margin-bottom:5px;}

.merit dl dd{
	font-size: 1.3em;
	line-height: 1.6em;}

.step p.list_subtitle{
	margin-bottom:10px;}

.step ul{
	margin-bottom:15px;}

.step ul li{
	float:none;
	width:100%;
	height:90px;
	margin-bottom:15px;
	position:relative;}

.step ul li:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -125px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #62a531 transparent transparent transparent;
	border-width: 20px 20px 0 20px;
	transform:none;}

.step ul li p:first-child{
	width:110px;
	height:80px;
	float:left;}

.step ul li p:last-child{
	text-align:left!important;
	float:right;
	width:100%;
	box-sizing:border-box;
	margin-right:-110px;
	padding-right:110px;}

}</pre></body></html>