@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-family: "Lucida Grande","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 100%;
	font-size: 16px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	color: #3d3d3d;
}
html,body {
	height: 100%;
}
img {
	max-width: 100%;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration:underline;
	color: #b8860b;
}

/* Layout */
#wrapper {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

header {
	width: 100%;
}

.logo {
	width: 522px;
	height: 58px;
	margin: 17px auto;
}

.top-image.tp-im-1 {
    background-image: url(../images/top-image.jpg);
}
/*.top-image {
    background-attachment: fixed;
}*/
.top-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 90.5%;
    position: relative;
    z-index: 1;
}

.top-image h2 {
    max-width: 216px;
    position: absolute;
    bottom: auto;
    left: 45%;
    right: auto;
    top: 40%;
/*    transform: translateX(-50%) translateY(-50%);*/
    width: 100%;
/* 
    left: 50%;
    top: 48%;
	width: 90%;*/
}

#contents-body {
	width: 920px;
	margin: 60px auto;
	clear: both;
}

.copy {
	width: 752px;
	height: 62px;
	margin: 0 auto;
}

.contents-box {
	width: 920px;
	height: 284px;
	clear: both;
	margin: 50px 0 60px 0;
}

.purpose-left {
	width: 284px;
	margin-right: 34px;
	float: left;
}

.purpose-right {
	width: 284px;
	float: right;
}

.infobox-body {
	background: #EDE7E0;
	border-bottom: #592f14 solid 3px;
	width: 100%;
	min-height: 240px;
	padding: 40px 0;
}

.infobox {
	width: 920px;
	height: 100%;
	margin: 0 auto;
	clear: both;
}

.info-ph {
	width: 289px;
	height: 240px;
	float: left;
}

.info-textarea {
	width: 631px;
	float: right;
	margin: 20px 0;
	padding: 20px 0;
	border-bottom: #592f14 2px solid;
	border-top: #592f14 2px solid;
}

.info-bdr {
	margin: 20px 0;
	padding: 20px 0;
	border-bottom: #592f14 2px solid;
	border-top: #592f14 2px solid;
}

.info-textbox {
	width: 585px;
	margin-left: 20px;
}

.info-p {
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 2rem;
	text-align: justify;
	color: #592f14;
}

.access-box {
	width: 611px;
	clear: both;
	margin-left: 20px;
}

.info-bdr .access-box {
	width: inherit;
}

.access-box::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.footer-logo {
	width: 246px;
	height: 67px;
	float: left;
}

.access-textarea {
	width: 340px;
	float: right;
}

.info-bdr .access-textarea {
	width: 629px;
}

.access-textarea h4 {
	color: #592f14;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.access-textarea p {
	color: #592f14;
	letter-spacing: 1px;
}

hr.line-dot {
	border: 0;
	height: 2px;
	background: url(../images/line-dot.png);
	margin-bottom: 10px;
}

footer {
	width: 100%;
	padding: 20px 0;
}

.footer-area {
	width: 920px;
	margin: 0 auto;
}

.footer-logo_sagara {
	width: 161px;
	height: 46px;
	float: left;
}

.copyright {
	text-align: right;
	font-size: 0.8125rem;
	line-height: 3rem;
	height: 46px;
}

/* toTop */
	#page-top {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 100;
	}
	#page-top a {
		text-decoration: none;
	}
	#page-top a:hover {
		text-decoration: none;
	}