@charset "euc-jp";
/* CSS Document */

#first {
	position: relative;
}
#first #first-box1, #first #first-box2, #first-txtbox {
	width: 100%;
}
#first-txtbox {
	margin-bottom: 2em;
}
.plusone-s {
	padding: 0 25%;
}
.flcontainer {
	border-bottom: solid 1px #70A8DA;
	padding-bottom: 5%;
	margin: 6% 0;
}
section > div:last-child.flcontainer {
	border: none;
}
.ltbox, .rtbox {
	text-align: center;
}
#point {
	padding: 0 5%;
}

#access .map {
	display: block;
	text-align: center;
	height: 400px;
	margin: 0;
	overflow: hidden;
}
#access .map iframe {
	width: 100%;
	height: 700px;
	margin-top: -150px;
	text-align: center;
}

@media screen and (min-width:900px){
.txtbox {
	padding-left: 14%;
}
}

@media screen and (min-width:1000px) {
#first {
	padding: 2% 0;
}
#first #first-box1 {
	background: rgb(255,255,255,0.8);
	width: 36%;
	z-index: 10;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	padding: 15px;
}
#first #first-box2 {
	width: 70%;
	margin-right: 30%;
}	
}

@media screen and (max-width:999px) and (min-width:680px) {
#first {
	padding-bottom: 10em;
}
#first #first-box1 {
	width: 100%;
	height: 100%;
	background: none;
	top: auto;
	left: auto;
	transform: none;
	-webkit- transform: none;
	padding: 0;
}
#first #first-box1 h1 {
	background: rgb(255,255,255,0.8);
	width: 42%;
	z-index: 10;
	position: absolute;
	top: 11%;
	right: 0;
	padding: 20px 15px;
}
#first #first-box1 p {
	width: 100%;
	height: 8em;
	position: absolute;
	bottom: 0;
}
#first #first-box2 {
	width: 70%;
	margin-right: 30%;
}
}

@media screen and (max-width:679px){
#first {
	padding-bottom: 5%;
}
#first #first-box1 h1 {
	padding: 0 15%;
}
}