﻿@charset "UTF-8";

/*PC CSS -content Layout-*/

/***********************************
home Layout
************************************/

@media print,
screen and (min-width:769px) {
	#home {}

	#home .inHBox {
		overflow: hidden;
		position: relative;
		width: 930px;
		margin-right: auto;
		margin-left: auto;
	}

	#home .line {
		display: block;
		width: 130px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 4px;
		border-top-style: solid;
		border-top-color: #004989;
		margin-bottom: 20px;
	}

	#home .line_info {
		display: block;
		width: 40px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 4px;
		border-top-style: solid;
		border-top-color: #00000;
		margin-bottom: 20px;
	}


	/*#mainimg*/
	#home #mainimg {
		position: relative;
		overflow: hidden;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		background-color: #92AA5E;
		margin-bottom: 40px;
	}

	#home #mainimg img {
		margin-right: auto;
		margin-left: auto;
	}

	#home #mainimg .copy {
		width: 1024px;
		margin-right: auto;
		margin-left: auto;
		position: relative;

	}

	#home #mainimg h1 {
		position: absolute;
		display: block;
		top: 400px;
		color: #FFF;
		font-size: 36px;
		/* line-height: 56px; */
		line-height: 36px;
		left: 0px;
		text-shadow: 1px 1px 8px #000;
		text-align: left;
		margin-bottom: 30px;
		z-index: 999;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

	@media screen and (min-width: 769px) and (max-width: 1050px) {
		#home #mainimg h1 {

			top: 250px !important;
			color: #FFF;
			font-size: 30px;
			/* line-height: 56px; */
			line-height: 30px;

		}
	}


	/*#faceBookBox*/
	#home #faceBookBox {
		width: 520px;
		float: left;
		margin-bottom: 50px;
	}

	#home #faceBookBox h1 {
		display: block;
		text-align: center;
		font-size: 28px;
		color: #004989;
		margin-bottom: 30px;
	}

	.fb-page {
		width: 520px !important;
	}

	/*#linkBox*/
	#home #linkBox {
		width: 360px;
		float: right;
		margin-bottom: 50px;
	}

	#home #linkBox ul {}

	#home #linkBox ul li a {
		width: 360px;
		height: 165px;
		display: block;
		position: relative;
		padding-top: 110px;
	}

	#home #linkBox ul li span {
		width: 70%;
		display: block;
		padding-right: 5%;
		padding-left: 5%;
		background: rgba(255, 255, 255, 0.7);
		line-height: 49px;
		font-size: 20px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	#home #linkBox li.bt01 span {
		color: #0047c6;
		border: 2px solid #0047c6;
		background-image: url(../images/arrow01.png);
		background-repeat: no-repeat;
		background-position: 95% center;
	}


	#home #linkBox li.bt02 span {
		color: #0084b9;
		border: 2px solid #0084b9;
		background-image: url(../images/arrow02.png);
		background-repeat: no-repeat;
		background-position: 95% center;
	}

	#home #linkBox ul li p {
		width: 90%;
		display: block;
		position: absolute;
		top: 65%;
		padding-right: 5%;
		padding-left: 5%;
	}

	#home #linkBox ul li a:link,
	#home #linkBox ul li a:visited,
	#home #linkBox ul li a:active {
		color: #fff;
		outline: none;
		text-decoration: none;
	}

	#home #linkBox ul li a:hover {
		text-decoration: none;
		outline: none;
	}

	#home #linkBox ul li:hover {
		opacity: 0.5;
	}

	#home #linkBox li.bt01 a {
		background-image: url(../images/i01.png);
		background-repeat: no-repeat;
		margin-bottom: 48px;
	}

	#home #linkBox li.bt02 a {
		background-image: url(../images/i02.png);
		background-repeat: no-repeat;
	}

	/*#aboutBox*/
	#home #aboutBox {
		margin-bottom: 60px;
	}

	#home #aboutBox h1 {
		display: block;
		text-align: center;
		font-size: 28px;
		color: #000000;
		margin-bottom: 50px;
		margin-top: 50px;
	}

	#home #aboutBox ul {
		width: 100%;
		display: table;
		table-layout: fixed;
	}

	#home #aboutBox ul li {
		display: table-cell;
		text-align: center;
	}

	#home #aboutBox ul li img {
		margin-bottom: 20px;
	}

	#home #aboutBox ul li img:hover {
		opacity: 0.5;
	}

	/*#guideBox*/
	#home #guideBox {
		overflow: hidden;
		position: relative;
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #d1d1d1;
		margin-bottom: 60px;
	}

	/*#infoBox*/
	#home #guideBox #infoBox {
		width: 350px;
		float: left;
		text-align: center;
	}

	#home #guideBox #infoBox h1 {
		display: block;
		text-align: center;
		font-size: 28px;
		color: #000000;
		margin-bottom: 60px;
		margin-top: 50px;
	}

	#home #guideBox #infoBox a {
		color: #666666;
	}

	#home #guideBox #infoBox span.name {
		font-size: 14px;
	}

	#home #guideBox #infoBox span.i03 {
		display: block;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 30px;
	}

	#home #guideBox #infoBox span.tel a {
		pointer-events: none;
	}

	/*#googleMapBox*/
	#home #guideBox #googleMapBox {
		width: 670px;
		height: 585px;
		float: right;
	}

	#home #guideBox #googleMapBox iframe {
		width: 670px;
		height: 585px;
		float: right;
	}

	/*#bnrBox*/
	#home #bnrBox {
		background-color: #f8f6f1;
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #d1d1d1;
	}

	#home #bnrBox ul {
		display: block;
		width: 910px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		font-size: 0px;
		line-height: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 80px;
		padding-right: 0px;
		padding-bottom: 80px;
		padding-left: 0px;
	}

	#home #bnrBox li {
		display: inline-block;
		width: 205px;
		margin: 0px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}

	#home #bnrBox li:last-child {
		display: block;
		margin-left: 6px;
	}



	/*#greetingBox*/
	#home #greetingBox {
		clear: both;
	}

	#home #greetingBox ul {
		width: 100%;
		text-align: center;
	}

	#home #greetingBox ul li {
		display: inline-block;
		margin-right: 20px;
	}

	#home #greetingBox ul li:last-child {
		margin-right: 0;
	}

	#home #greetingBox ul li a:hover {
		opacity: 0.5;
	}

}