@charset "utf-8";

/*------------------------

トップ

------------------------*/

.box_main {
	width:100%;
	height:100vh;
	position:relative;
	overflow:hidden;
	z-index:2;
	background:#0C6EB8;
	}
	
.text_main {
	width:100%;
	position:absolute;
	top:45%;
	left:0;
	z-index:3;
	transform:translateY(-45%);
	}

.text_main h2 {
	padding:0 0 20px 100px;
	font-size:80px;
	font-family: 'Alata', sans-serif;
	font-weight:bold;
	color:#FFF;
	line-height:1.0;
	}

.text_main p {
	padding:0 0 0 100px;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	line-height:1.0;
	}
	
.scroll {
	display:inline-block;
	position:absolute;
	right:40px;
	bottom:0;
	z-index:4;
	padding:10px 10px 110px;
	overflow:hidden;
	color:#fff;
	font-size:14px;
	font-family:'Alata', sans-serif;
	line-height:1.0;
	letter-spacing:0.2em;
	text-transform:uppercase;
	writing-mode:vertical-lr;
	}
	
.scroll::after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:1px;
	height:100px;
	background:#fff;
	animation:sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
	}

@keyframes sdl {
0% {
	transform: scale(1, 0);
	transform-origin: 0 0;
	}
	
50% {
	transform: scale(1, 1);
	transform-origin: 0 0;
	}
	
50.1% {
	transform: scale(1, 1);
	transform-origin: 0 100%;
	}
	
100% {
	transform: scale(1, 0);
	transform-origin: 0 100%;
	}
}

.back_top01 {
	width:100%;
	padding:0 0 80px;
	background:url(../img/back01.jpg) repeat;
 	}

.box_top01 {
	width:955px;
	padding:80px 100px;
	background:#FFF;
	margin:-120px 0 0;
	z-index:4;
	position:relative;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	}

.box_top01 p{
	padding:0 0 40px;
	font-size:16px;
 	}

.back_top02{
	width:100%;
	padding:80px 0 35px;
	background:url(../img/back02.jpg) repeat-x;
 	}

.box_top02 {
	width:1170px;
	margin:0 auto;
 	}

.box_top02 ul {
	padding:20px 0 0;
 	}

.box_top02 li {
	width:360px;
	float:left;
	margin:0 45px 45px 0;
 	}

.box_top02 li:nth-child(3n) {
	margin:0 0 45px;
 	}

.box_top03 {
	background:#FFF;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
 	}
	
.scale_box {
	width:360px;
	height:200px;
	overflow:hidden;
	}

.scale_box img {
	transition-duration: 0.5s;
	}
	
.scale_box img:hover {
	transform:scale(1.2,1.2);
	cursor:pointer;
	}

.box_top03 h2{
	padding:20px 0 10px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
 	}

.box_top03 p{
	text-align:center;
	font-size:16px;
 	}

.box_top03 .btn01{
	width:200px;
	margin:0 auto;
	padding:30px 0 30px;
 	}

.back_top03{
	width:100%;
	padding:80px 0 80px;
	background:#FFF;
 	}

.box_top04 {
	width:1170px;
	margin:0 auto;
 	}

.box_top04_left {
	width:560px;
	float:left;
 	}

.box_top04_right {
	width:560px;
	float:right;
 	}

.box_top04 ul{
	height:400px;
	margin:20px 0 0;
	overflow:auto;
 	}

.box_top04 li{
	padding:20px 0;
	border-bottom:1px solid #DDD;
 	}

.box_top04 li:nth-child(1){
	border-top:1px solid #DDD;
 	}

.box_top05{
	width:100%;
 	}

.box_top05_left {
	width:20%;
	padding:0 20px 0 0;
	float:left;
 	}

.box_top05_right {
	width:80%;
	float:left;
 	}

.box_top05_right span {
	display:block;
	font-size:15px;	
 	}

.box_top05_right a:hover {
	color:#0D6FB8;
	text-decoration:underline;
 	}

.box_top04 .btn01{
	width:200px;
	margin:0 auto;
	padding:30px 0 0;
 	}

@media screen and (max-width:768px) {
.box_main {
	height:85vh;
	}
	
.text_main {
	top:40%;
	transform:translateY(-40%);
	}

.text_main h2 {
	padding:0 0 20px 20px;
	font-size:50px;
	}

.text_main p {
	padding:0 0 0 20px;
	font-size:20px;
	}
	
.scroll {
	right:0;
	font-size:12px;
	}
	
.back_top01 {
	padding:0 0 40px;
 	}

.box_top01 {
	width:90%;
	padding:40px 20px;
	margin:-120px 0 0;
	}

.box_top01 p{
	padding:0 0 30px;
	font-size:14px;
 	}

.back_top02{
	padding:40px 20px 20px;
	background:url(../img/back02.jpg) repeat-x;
	background-size:450px;
 	}

.box_top02 {
	width:100%;
 	}

.box_top02 ul {
	padding:10px 0 0;
 	}

.box_top02 li {
	width:100%;
	max-width:480px;
	float:none;
	margin:0 auto 20px;
 	}

.box_top02 li:nth-child(3n) {
	margin:0 auto 20px;
 	}

.box_top02 li img{
	width:100%;
 	}

.scale_box {
	width:100%;
	height:auto;
	overflow:hidden;
	}

.box_top03 h2{
	padding:15px 0 5px;
	font-size:18px;
 	}

.box_top03 p{
	font-size:14px;
 	}

.box_top03 .btn01{
	padding:20px 0 25px;
 	}

.back_top03{
	padding:40px 20px;
 	}

.box_top04 {
	width:100%;
 	}

.box_top04_left {
	width:100%;
	padding:0 0 40px;
	float:none;
 	}

.box_top04_right {
	width:100%;
	float:none;
 	}

.box_top04 ul{
	height:360px;
	margin:10px 0 0;
 	}

.box_top04 li{
	padding:15px 15px 15px 0;
 	}

.box_top05_left {
	width:30%;
	padding:0 15px 0 0;
 	}

.box_top05_right {
	width:70%;
 	}

.box_top05_right span {
	font-size:13px;	
 	}

.box_top05_right a {
	font-size:14px;
	line-height:1.6;
	display:block;
 	}

.box_top04 .btn01{
	padding:30px 0 0;
 	}
}

/*------------------------

料金表

------------------------*/

.scroll_table {
	max-width:1170px;
	overflow-x:auto;
	}
	
.table_price01{
	width:100%;
	margin:0 auto;
	white-space: nowrap;
 	}

.table_price01 tr:nth-child(even) td{
	background:#F6F6F6;
 	}

.table_price01 th{
	padding:10px;
	border:1px solid #DDD;
	background:#E6F0F8;
	font-weight:bold;
 	}

.table_price01 th.th01{
	white-space: nowrap;
	font-size:72%;
 	}

.table_price01 th.th02{
	width:42.5%;
 	}

.table_price01 td{
	padding:10px;
	border:1px solid #DDD;
	background:#FFF;	
 	}

@media screen and (max-width:768px) {
.table_price01{
	font-size:72%;
 	}
}

/*------------------------

中ページ

------------------------*/

.box_in01{
	width:1170px;
	margin:0 auto;
 	}

.table_about01{
	width:100%;
	margin:0 auto;
 	}

.table_about01 th{
	width:25%;
	padding:20px;
	border:1px solid #DDD;
	text-align:left;
	vertical-align:top;
	background:#E6F0F8;
	font-weight:bold;
 	}

.table_about01 td{
	width:75%;
	padding:20px;
	border:1px solid #DDD;
	background:#FFF;	
 	}

.table_about01 td a{
	text-decoration:underline;
 	}

.table_about01 td a:hover{
	text-decoration:none;
 	}

.table_about01 td img{
	width:250px;
	padding:10px 0 0;
 	}

.table_about01 td label{
	cursor:pointer;
 	}
	
.box_map{
	margin:20px 0 0;
	border:1px solid #DDD;
	background:#EEE;
 	}
	
.box_staff01{
	margin:0 0 40px;
	padding:40px;
	background:#FFF;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	}

.box_staff01_left{
	width:30%;
	float:left;
	}
	
.box_staff01_right{
	width:70%;
	float:right;
	padding:0 0 0 40px;
	}
	
.box_staff01_right h2{
	margin:0 0 15px;
	font-size:26px;
	font-weight:bold;
	line-height:1.4;
	}
	
.box_staff01_right p{
	}

.box_staff01_right a{
	text-decoration:underline;
 	}

.box_staff01_right a:hover{
	text-decoration:none;
 	}

.icon_h{
	line-height:1.0;
	padding:5px;
	background:#0C6EB8;
	color:#FFF;
	font-size:12px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	float:right;
	display:block;
	}
	
.box_contact_btn{
	width:280px;
	margin:0 auto;
	padding:40px 0 0;
 	}

@media screen and (max-width:768px) {
.box_in01{
	width:100%;
 	}

.table_about01{
	width:100%;
	display:block;
	border-bottom:1px solid #DDD;
	font-size:14px;
	}

.table_about01 tbody{
	display:block;
	}
	
.table_about01 tr{
	width:100%;
	display:block;
	}

.table_about01 th{
	width:100%;
	display:list-item;
	list-style-type:none;
	padding:10px 15px;
	border-bottom:none;
	}

.table_about01 td{
	width:100%;
	display:list-item;
	list-style-type:none;
	padding:15px;
	border-bottom:none;
	}

.box_map{
	margin:15px 0 0;
 	}

.box_staff01{
	max-width:480px;
	margin:0 auto 20px;
	padding:20px;
	}
	
.box_staff01_left{
	width:100%;
	float:none;
	}
	
.box_staff01_right{
	width:100%;
	float:none;
	padding:0;
	}
	
.box_staff01_right h2{
	margin:20px 0 10px;
	font-size:18px;
	}
	
.box_staff01_right p{
	font-size:14px;
	}
	
.box_contact_btn{
	width:200px;
	padding:30px 0 0;
 	}
}

/*------------------------

サービス内容

------------------------*/

.box_in02{
	margin:0 0 40px;
	}

.box_in02_left{
	width:60%;
	float:left;
	padding:0 40px 0 0;
	}
	
.box_in02_right{
	width:40%;
	float:right;
	padding:0 0 15px;
	}
	
.box_in02_right img{
	box-shadow:10px 10px 0 #EEE;
	}
	
.box_in02 h2{
	margin:0 0 12.5px;
	font-size:26px;
	font-weight:bold;
	line-height:1.4;
	}
	
.box_in02 p{
	padding:0 0 15px;
	}
	
.box_in02 i {
	font-style:normal;
	color:#0C6EB8;
	font-size:86%;
	}

.box_in03{
	margin:0 0 40px;
	}
	
.bar_news h2{
	margin:0 0 20px;
	padding:0 0 5px 10px;
	font-size:26px;
	font-weight:bold;
	line-height:1.4;
	border-left:5px solid #0C6EB8;
	}
	
.box_in03 p{
	font-weight:bold;
	}
	
.box_tours_btn{
	width:280px;
	margin:0 auto;
 	}
	
.box_tours_btn02{
	width:280px;
	margin:0 auto;
	padding:30px 0 0;
 	}
	
.box_tours_btn03{
	width:280px;
	margin:0 auto;
	padding:0 0 20px;
 	}
	
.text{
	display:none;
	}
	
.text01 {
	display:block;
	}
	
.text02 p {
	padding:20px 0;
	text-align:center;
	color:#DD0000;
	font-weight:bold;
	}

@media screen and (max-width:768px) {
.box_in02{
	margin:0 0 20px;
	}

.box_in02_left{
	width:100%;
	float:none;
	padding:0;
	}
	
.box_in02_right{
	width:100%;
	float:none;
	text-align:center;
	padding:0 0 30px;
	}
	
.box_in02_right img{
	box-shadow:10px 10px 0 #EEE;
	}
	
.box_in02 h2{
	margin:0 0 7.5px;
	font-size:18px;
	}
	
.box_in02 p{
	padding:0 0 15px;
	font-size:14px;
	}

.box_in03{
	margin:0 0 20px;
	}
	
.bar_news h2{
	margin:0 0 12.5px;
	padding:0 0 2.5px 8px;
	font-size:18px;
	border-left:3px solid #0C6EB8;
	}
	
.box_tours_btn{
	width:200px;
 	}
	
.box_tours_btn02{
	width:200px;
	padding:15px 0 0;
 	}
	
.box_tours_btn03{
	width:200px;
	padding:10px 0 20px;
 	}

.text02 p {
	font-size:14px;
	}
}

/*------------------------

お知らせ

------------------------*/

.box_news01 ul{
	padding:0 0 40px;
 	}

.box_news01 li{
	width:560px;
	float:left;
	padding:20px 0;
	border-bottom:1px solid #DDD;
 	}

.box_news01 li:nth-child(1),.box_news01 li:nth-child(2) {
	border-top:1px solid #DDD;
 	}

.box_news01 li:nth-child(2n) {
	float:right;
 	}

.box_news02{
	width:1170px;
	margin:0 auto;
 	}

.box_news03{
	margin:0 auto 40px;
	padding:40px;
	background:#FFF;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	}

@media screen and (max-width:768px) {
.box_news01 ul{
	padding:0 0 20px;
 	}

.box_news01 li{
	width:100%;
	float:none;
	padding:15px 15px 15px 0;
	border-bottom:1px solid #DDD;
 	}

.box_news01 li:nth-child(2) {
	border-top:none;
 	}

.box_news01 li:nth-child(2n) {
	float:none;
 	}

.box_news02{
	width:100%;
 	}

.box_news03{
	max-width:480px;
	margin:0 auto 20px;
	padding:20px;
	}
}