#header:after,
#footer ul:after,
.cont:after,
.section:after,
.list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#header
#footer ul,
.cont,
.section,
.list {
    zoom: 1;
}

body {
	background-color: #fff;
	text-align: center;
	-moz-font-feature-settings: "pkna";
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
}
@media (max-width: 767px) {
	.pc {
	display: none;
	}
}
@media (min-width: 768px) {
	.sp {
	display: none;
	}
}

/* CONTAINER */
#container {
	margin: 0 auto;
	text-align: left;
}

/* PAGETOP */
#pageTop {}

/* HEADER */
#header {
padding: 52px 0 75px 0;
text-align: center;
}
@media (min-width: 768px) {
	#header {
	padding: 93px 0 178px 0;
	text-align: center;
	}
	#header img {
	width: auto;
	height: 148px;
	}
}

/* PAGEBODY */
#pageBody {}

/* CONTENTS */
#contents {}

#S_CATCH {
background-color: #fff;
}
#S_CATCH .cont {
margin: 0 auto;
padding-bottom: 63px;
width: 300px;
}
#S_CATCH h2 {
margin-bottom: 71px;
padding-left: 20px;
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 1.54;
text-align: center;
white-space: nowrap;
}
#S_CATCH p {
margin-bottom: 32px;
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 2;
text-align: justify;
text-justify: inter-ideograph;
}
@media (min-width: 768px) {
	#S_CATCH .cont {
	margin: 0 auto;
	padding-bottom: 78px;
	width: 600px;
	}
	#S_CATCH h2 {
	margin-bottom: 133px;
	padding-left: 0;
	font-size: 54px;
	line-height: 1.68;
	}
	#S_CATCH p {
	margin-bottom: 48px;
	font-size: 20px;
	line-height: 2.4;
	}
}

#S_EXPLAN {
background-color: #fff;
}
#S_EXPLAN .cont {
margin: 0 auto;
width: 300px;
}
#S_EXPLAN .top {
padding-bottom: 30px;
}
#S_EXPLAN h2 {
margin-bottom: 44px;
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 1.6;
}
#S_EXPLAN h3 {
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 1.6;
text-align: center;
}
#S_EXPLAN h3:after {
content: "";
display: block;
margin: 12px auto 23px auto;
height: 1px;
width: 100px;
background-color: #000;
}
#S_EXPLAN p {
margin-bottom: 62px;
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 2;
text-align: justify;
text-justify: inter-ideograph;
}
@media (min-width: 768px) {
	#S_EXPLAN .cont {
	margin: 0 auto;
	padding-bottom: 68px;
	width: 600px;
	}
	#S_EXPLAN .top {
	padding-bottom: 3px;
	}
	#S_EXPLAN h2 {
	margin-bottom: 96px;
	font-size: 36px;
	line-height: 1.9;
	white-space: nowrap;
	}
	#S_EXPLAN h3 {
	font-size: 28px;
	}
	#S_EXPLAN h3:after {
	margin: 20px auto 25px auto;
	width: 150px;
	}
	#S_EXPLAN p {
	margin-bottom: 96px;
	font-size: 20px;
	line-height: 2.4;
	}
}

#S_PROFILE {
background-color: #000;
}
#S_PROFILE .cont {
margin: 0 auto;
padding: 72px 0 27px 0;
width: 300px;
}
#S_PROFILE .block {
padding-bottom: 43px;
width: 134px;
float: left;
text-align: center;
}
#S_PROFILE .block:nth-child(2n+1) {
margin-right: 32px;
}
#S_PROFILE .block h4 {
margin-bottom: 5px;
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
color: #fff;
}
#S_PROFILE .block p {
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: #fff;
}
@media (min-width: 768px) {
	#S_PROFILE .cont {
	margin: 0 auto;
	padding: 147px 0 52px 0;
	width: 600px;
	}
	#S_PROFILE .block {
	padding-bottom: 91px;
	width: 268px;
	float: left;
	text-align: center;
	}
	#S_PROFILE .block:nth-child(2n+1) {
	margin-right: 64px;
	}
	#S_PROFILE .block h4 {
	margin-bottom: 5px;
	font-size: 16px;
	}
	#S_PROFILE .block p {
	font-size: 24px;
	}
}

#map_canvas {
background-color: #eee;
height: 406px;
}
@media (min-width: 768px) {
	#map_canvas {
	height: 565px;
	}
}


#S_COMPANY {
background-color: #fff;
}
#S_COMPANY .cont {
margin: 0 auto;
padding: 70px 0 70px 0;
width: 300px;
}
#S_COMPANY dt {
margin-bottom: 25px;
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
}
#S_COMPANY dd {
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 2;
}
@media (min-width: 768px) {
	#S_COMPANY .cont {
	margin: 0 auto;
	padding: 114px 0 95px 0;
	width: 600px;
	}
	#S_COMPANY dt {
	margin-bottom: 25px;
	font-size: 28px;
	}
	#S_COMPANY dd {
	font-size: 16px;
	line-height: 2.5;
	}
}


/* PAGEBODY */
#pageBottom {}

/* FOOTER */
#footer {
background-color: #fff;
padding: 6px 0 52px 0;
text-align: center;
}
#footer .copyright {
font-family: ryo-display-plusn, serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
}
@media (min-width: 768px) {
	#footer {
	padding: 6px 0 92px 0;
	}
	#footer .copyright {
	font-size: 16px;
	}
}