#key {
	background: url(../img/access/key.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
}
#sec1 {
	position: relative;
}
#sec1:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 50%;
	bottom: 0;
	margin-right: 500px;
	content: '';
	background: #313e67 url(../img/access/sec1-deco.png) repeat left top;
}
#sec1 .fl {
	background: #313e67;
	width: 380px;
	min-height:500px;
}
#sec1 .logo {
	padding: 79px 0 61px 78px;
}
#sec1 .tel {
	padding: 0 0 83px 31px;
}
#sec1 .bnr {
	padding: 0 0 74px 75px;
}
#sec1 .bnr li + li {
	padding-top: 18px;
}
#sec1 h2 {
	padding: 108px 0 49px 190px;
}
#sec1 dl {
	font-size: 18px;
	padding: 15px 0 14px;
	border-bottom: 1px solid #bfbfbf;
	line-height: 30px;
}
#sec1 dl dt {
	float: left;
	padding-left: 12px;
	width: 193px;
}
#sec1 dl dd {
	float: left;
	width: 340px;
}
#sec1 .photo {
	background: url(../img/access/sec1-photo.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 368px;
	position: relative;
	z-index: 1;
}
#sec2 {
	padding: 98px 0 118px;
	position: relative;
}
#sec2 .map {
	padding: 44px 0 71px;
	text-align: center;
}
#sec2 .slider {
	position: relative;
}
#sec2 .slider .bx-viewport {
	overflow: inherit !important;
}
#sec2 .slider dl {
	float: right;
	position: relative;
	margin: 107px -85px 0 0;
	background: #f0efea;
	padding: 74px 80px 42px 116px;
	min-height: 208px;
}
#sec2 .slider dl:before {
	border: 1px dashed #9f9e9d;
	content: '';
	position: absolute;
	top: 19px;
	right: 13px;
	bottom: -18px;
	left: -12px;
}
#sec2 .slider dl dd {
	width: 354px;
	line-height: 30px;
	padding: 25px 0 0 4px;
}
#sec2 .slider .photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/* PAGER */

#sec2 .bx-wrapper .bx-pager {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 56px;
	right: -3px;
	z-index: 50;
}
#sec2 .bx-wrapper .bx-pager .bx-pager-item, #sec2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#sec2 .bx-wrapper .bx-pager.bx-default-pager a {
	display: block;
	width: 27px;
	height: 27px;
	margin: 0 8px;
	outline: 0;
	position: relative;
	z-index: 1;
}
#sec2 .bx-wrapper .bx-pager.bx-default-pager a:before {
	background: #888888;
	width: 27px;
	height: 27px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	content: '';
	z-index: -1;
}
#sec2 .bx-wrapper .bx-pager.bx-default-pager a:hover {
	text-decoration: none;
}
#sec2 .bx-wrapper .bx-pager.bx-default-pager a:hover:before, #sec2 .bx-wrapper .bx-pager.bx-default-pager a.active:before {
	background: #313e67;
}
#sec2 .tekicen{
	text-align: center;
	padding-top: 10px;
}
#sec3 .fl {
	position: relative;
	width: 50%;
}
#sec3 .fr {
	width: 50%;
	margin-bottom: -14px;
}
#sec3 .fl:before {
	background: #ceba5f url(../img/access/sec3-deco.png) repeat center top;
	position: absolute;
	top: 0;
	left: 0;
	right: 500px;
	bottom: 0;
	content: '';
}
#sec3 .fl .info {
	float: right;
	width: 500px;
}
#sec3 h2 {
	padding: 50px 0 60px 60px;
}
#sec3 .txt {
	padding: 10px 0 49px 82px;
	line-height: 24px;
}
#sec3 .txt p {
	padding-bottom: 12px;
}
#sec3 .bnr {
	padding-left: 94px;
	padding-bottom: 38px;
	width: 294px;
}
#sec3 .bnr .button {
	width: 294px;
	margin: 0 0 13px 0;
}
#sec3 .bnr .button a {
	font-size: 18px;
	padding: 3px 0;
}
#sec3 .bnr .print {
	font-size: 14px;
	text-align: right;
	line-height: 20px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 768px) { /* Mobile - Large */
#key {
	background: none;
}
#sec1:before {
	display: none;
}
#sec1 .fl {
	float: none;
	width: 100%;
}
#sec1 .logo {
	width: 43.6%;
	margin: 0 auto;
	padding: 10% 0 7%;
	max-width: 184px;
}
#sec1 .tel {
	padding: 0 0 5% 0;
	width: 91%;
	margin: 0 auto;
}
#sec1 .bnr {
	padding: 2% 5% 10%;
}
#sec1 .bnr li {
	float: left;
	width: 49%;
}
#sec1 .bnr li + li {
	float: right;
	padding-top: 0;
}
#sec1 h2 {
	width: 32.5%;
	margin: 0 auto;
	padding: 7% 0;
	max-width: 118px;
}
#sec1 .fr {
	float: none;
	padding-bottom: 10%;
}
#sec1 dl {
	font-size: 15px;
	line-height: 25px;
	padding: 10px 0;
	margin: 0 2%;
}
#sec1 dl dt {
	float: none;
	width: auto;
	padding-left: 0;
}
#sec1 dl dd {
	float: none;
	padding-left: 4%;
	width: auto;
}
#sec1 .photo {
	min-height: auto;
	background: none;
}
#sec2 {
	padding: 10% 0 15%;
}
#sec2 h2 {
	width: 38%;
	margin: 0 auto;
	max-width: 138px;
}
#sec2 .map {
	padding: 5% 0 20%;
}
#sec2 .slider .photo {
	position: relative;
	width: 84%;
	margin: 0 auto;
	z-index: 99;
}
#sec2 .slider dl {
	float: none;
	margin: -10% 2% 0 4%;
	min-height: auto;
	padding: 15% 5% 5%;
}
#sec2 .slider dl dt {
	max-width: 352px;
}
#sec2 .slider dl dd {
	width: auto;
	padding-top: 5%;
	line-height: 25px;
}
#sec2 .slider dl:before {
	top: 5%;
	bottom: -5%;
	left: -3%;
	right: 3%;
}
#sec2 .bx-wrapper .bx-pager {
	top: -10%;
	right: 0;
}
#sec2 .bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 4px;
	font-size: 15px;
}
#sec2 .bx-wrapper .bx-pager.bx-default-pager a:before {
	top: 0;
}
	#sec2 .tekicen{
	text-align: left;
	padding: 10px 10px 0 10px;
}
#sec3 .fr {
	margin: 5% 3%;
	float: none;
	width: auto;
}
#sec3 .fr iframe {
	height: 350px !important;
}
#sec3 .fl {
	width: auto;
	float: none;
}
#sec3 .fl .info {
	float: none;
	width: auto;
}
#sec3 h2 {
	width: 73%;
	margin: 5% auto;
	padding: 0;
}
#sec3 .txt {
	padding: 0 3% 5%;
	font-size: 15px;
}
#sec3 .txt p {
	padding-bottom: 0;
}
#sec3 .bnr {
	padding-left: 0;
	margin: 0 3%;
	width: auto;
}
#sec3 .bnr .print {
	margin-right: 5%;
	margin-bottom: 2%;
	display: none;
}
#sec3 .bnr .button {
	margin: 0 auto 3%;
}
#sec3 .bnr .button a {
	font-size: 15px;
	padding: 7px 0;
}
}