@charset "utf-8";

* {
	/*ゴシック*/
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:13px;
}

/** 文字サイズメモ
------------------**/
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:124%; }
.text17 { font-size:131%; }
.text18 { font-size:139%; }
.text19 { font-size:147%; }
.text20 { font-size:154%; }
.text21 { font-size:162%; }
.text22 { font-size:169%; }
.text23 { font-size:177%; }
.text24 { font-size:185%; }
.text25 { font-size:192%; }
.text26 { font-size:200%; }



/* clearfix */
.clearfix:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
}

* html .clearfix { /* IE6にのみ適用 */
    height:1%;
}

*+html .clearfix { /* IE7にのみ適用 */
    display:inline-block;
}

img {
	vertical-align: bottom;
}
.sp {
	display: none;
}

/** 透過ロールオーバー
---------------------------------------------**/
a:hover img{
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	opacity: 0.7;
}

header {
	position: fixed;
	top: 0;
	background-color: rgba(255,255,255,0.90);
	width: 100%;
	padding: 20px 0;
	z-index: 100;
}
header .inner {
	width: 1015px;
	margin: 0 auto;
}
header .inner h1 {
	margin-left: 15px;
}
header nav {
	position: absolute;
	top: 30px;
	right: 95px;
}
header nav li {
	display: inline-block;
	margin: 0 15px;
	padding: 0 0 10px;
}
.sec02 header nav li.menu01 {
	border-bottom: 1px solid #005996;
}
.sec03 header nav li.menu02 {
	border-bottom: 1px solid #005996;
}
.sec04 header nav li.menu03 {
	border-bottom: 1px solid #005996;
}
.sec05 header nav li.menu04 {
	border-bottom: 1px solid #005996;
}

#btn_request {
   position: fixed;
   top: 95px;
   right: 20px;
	z-index: 100;
}
#btns {
    position: fixed;
    bottom: 30px;
    right: 30px;
	z-index: 100;
}
#btns li {
    margin-top: 5px;
}

section {
	position: relative;
	clear: both;
}
section > h1 {
	position: absolute;
	top: 120px;
	width: 100%;
	text-align: center;
}

section.sec01 {
	padding: 0;
}
.sec01 #btn_scroll {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.sec02 {
}
.sec02 .text {
	width: 505px;
	margin: 0 auto;
	padding: 175px 0 150px;
}
.simply-scroll-container {
    overflow: hidden;
    position: relative;
	margin-top: 50px;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
	font-size: 0;
}
.simply-scroll-list li {
   float: left; /* Horizontal scroll only */
    padding: 0;
    margin: 0;
}


.sec03 {
	background: url(../images/bg_sec03.png) no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 100px 0;
}
.sec03 > .inner {
	background: rgba(255,255,255,0.9);
	width: 975px;
	height: 453px;
	padding: 20px;
	margin: 100px auto;
	overflow: hidden;
}
.sec03 > .inner h1 {
	text-align: center;
}
.sec03 .bx-wrapper {
	margin: auto;
}
.sec03 .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
}
.sec03 .bxSlider .slide_box {
	margin: 0 10px;
}
.sec03 .maps {
	margin: 40px 0 30px;
}
.sec03 .maps img {
	display: inline-block;
	margin: 0 20px;
}
.sec03 .texts img {
	display: inline-block;
	margin: 0 10px;
}
.sec03 .texts img:first-child {
	margin-left: 20px;
}

.sec04 {
	background: url(../images/bg_sec04.png) no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 100px 0;
}
.sec04 ul.photos {
	width: 872px;
	height: 483px;
	margin: 100px auto;
	overflow: hidden;
}
.sec04 ul.photos li {
	float: left;
	margin: 0 0 17px 17px;
	font-size: 0;
}
.sec04 ul.photos li:nth-of-type(4n+1) {
	clear: both;
	margin: 0 0 17px 0;
}

.sec05 > .inner {
	width: 915px;
	margin: 0 auto;
	padding: 230px 0 0;
}
.sec05 .text {
	width: 485px;
	margin: 0 auto;
	text-align: center;
}
.sec05 .text .url {
	margin-bottom: 35px;
}
.sec05 .text img {
	margin-bottom: 25px;
}

.sec05 h2.lucua {
	margin-top: 90px;
}
.sec05 .lucua_box {
	margin-bottom: 95px;
}
.sec05 .lucua_box .icn_free {
    position: absolute;
    top: -25px;
    left: 356px;
}
.sec05 .lucua_box {
    position: relative;
    background: #F5F5F4;
	wdith: 909px;
    text-align: center;
    padding: 57px 0 27px;
}
.sec05 .lucua_box .text {
    margin: 20px 0 28px;
}
.sec05 .lucua_box a {
	display: block;
}

.sec05 h2 {
	text-align: center;
	margin-bottom: 3px;
}
.sec05 h2.about {
	margin-bottom: 45px;
}
.sec05 .about .photo {
	vertical-align: top;
}
.sec05 dl {
	display: inline-block;
	margin: 0 0 40px 30px;
	vertical-align: top;
}
.sec05 dt {
	color: #005996;
}
.sec05 iframe {
	width: 912px;
	height: 305px;
	margin-bottom: 105px;
}

footer {
	background: #005996;
	padding: 35px 0 15px;
}
footer nav {
	text-align: center;
}
footer nav li {
	display: inline-block;
	margin: 0 20px;
}
footer #f_logo {
	width: 100%;
	margin: 35px 0 30px;
	text-align: center;
}
footer #copyright {
	width: 100%;
	color: #FFF;
	text-align: center;
}

.pagination {
	display: none;
}
@media screen and (max-width: 768px) {
	html,
	body {
		width: 100%;
	}
	
	.sp {
		display: inline-block;
	}

	.pc,
	#btn_request,
	#btns,
	.sec02 header,
	.sec03 header,
	.sec04 header,
	.sec05 header {
		display: none;
	}
	img {
		width: 100%;
		height: auto;
	}
	
	#wrapper,
	header .inner {
		width: 100%;
		padding: 0;
	}
	.sec05 > .inner,
	.sec05 iframe{
		width: 100%;
	}
	
	section > h1 {
		position: relative;
		top: 0;
		padding: 5% 0;
	}
	section h1 img {
		width: 20%;
	}
	
	
	#btn_scroll img {
		width: 80%;		
	}
	
	.sec02 .text {
		width:90%;
		padding: 10% 5%;
	}
	.simply-scroll-container {
		margin-top: 0;
	}

	
	.sec03 {
		padding: 5% 0;
	}
	.sec03 > .inner {
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 5%;
	}
	.sec03 .maps,
	.sec03 .texts {
		text-align: center;
	}
	.sec03 .maps img {
		width: 80%;
		margin: 0 auto 2%;
		text-align: center;
	}
	.sec03 .texts img:first-child {
		width: 50%;
		margin: 0 auto 2%;
	}
	.sec03 .maps {
		margin: 3% 0;
	}
	
	.sec04 {
		padding: 5% 0;
	}
	
	.sec04 ul.photos {
		display: block;
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	.sec04 ul.photos li {
		display: inline-block;
		float: none;
		width: 43%;
		margin: 3%;
	}
	.sec04 ul.photos li:nth-of-type(4n+1) {
		clear: none;
		margin: 3%;
	}
	
	.sec05 > .inner {
		padding: 5% 0 0;
	}
	
	.sec05 .text {
		width: 90%;
		padding: 0 5%;
	}
	
	.sec05 h2.lucua {
		margin-top: 5%;
	}
	.sec05 .lucua_box {
		width: 100%;
		margin: 0 0 5%;
	}
	.sec05 .lucua_box .icn_free {
		left: 30%;
		width: 40%;
	}
	.sec05 .lucua_box .text {
		width: 100%;
		padding: 0;
	}
	.sec05 .lucua_box h3,
	.sec05 .lucua_box a {
		width: 90%;
		margin: 0 auto;
	}
	
	.sec05 h2.about {
		width: 40%;
		margin: 0 5% 3%;
	}
	.sec05 .about .photo {
		width: 40%;
		margin: 0 5%;
	}
	.sec05 dl {
		margin: 2% 5% 0;
		line-height: 150%;
	}
	
	.sec05 iframe {
		margin: 5% 0;
	}
	
	.sec05 .btns {
		width: 100%;
		text-align: center;
	}
	.sec05 .btns ul {
		margin: 0 0 3%;
	}
	.sec05 .btns li {
		display: inline-block;
		width: 10%;
		margin: 0 2%;
	}
	.sec05 .copyright {
		background: #005996;
		color: #FFF;
		padding: 5% 0;
		width: 100%;
	}
	
	footer {
		display: none;
	}

.pagination {
	display: inline-block;
	position:fixed;
	right:2%;
	top: 50%;
  transform: translateY(-50%);

	font-size:1em;
	z-index: 10;
}
.pagination a {
	display:block;
	height:10px;
	margin-bottom:5px;
	color:white;
	position:relative;
	padding:4px;
}
.pagination a.active:after {
	-webkit-box-shadow: inset 0 0 0 5px #B2B3B3;
	box-shadow: inset 0 0 0 5px #B2B3B3;
	border-color: #B2B3B3;
}
.pagination a:after {
	-webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
	-webkit-box-shadow: inset 0 0 0 5px #E6E6E7;
	box-shadow: inset 0 0 0 5px #E6E6E7;
	width:5px;
	height:5px;
	display: block;
	border:1px solid #B2B3B3;
	border-radius:50%;
	content:'';
	position: absolute;
	margin:auto;
	top:0;
	right:4px;
	bottom:0;
}

}