@charset "utf-8";

/* common
**************************/
* {
	margin: 0;
	padding: 0;
}

[canvas], [off-canvas]{
	transform:none;
}

/* タブレット用のスタイル記述 */
/* スマートフォン用のスタイル記述 */

body {
	font-weight: 500;
	max-width:none;
	width:100%;
	font-feature-settings : "palt";
	color:#040000;
}

.yumin{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.bothNavNone{
	display: none;
}

.pc_element{
	display: block;
}

.sp_element{
	display: none;
}

@media screen and (max-width: 768px) {
	.pc_element{
		display: none;
	}

	.sp_element{
		display: block;
	}
}


@media screen and (min-width: 769px) {
	.pcNavNone{
		display:none;
	}

	.spNavNone{
		display:block;
	}
}

@media screen and (max-width: 768px) {
	.pcNavNone{
		display:block;
	}

	.spNavNone{
		display:none;
	}
}

#container{
	background-image: url("../img/bg.png");
	background-repeat: repeat-y;
	background-size: 100% 500px;
}

#container img{
	width:100%;
	height:auto;
}

#content {
	padding-top: 0;
}

#overlay {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	background-color: rgba(0,0,0,.5);
}

/*  ヘッダー
------------------------------------------------------------------------------------------------------*/
#header_lp{
	position: relative;
	padding:0;
	margin:0 auto;
	text-align:center;
	overflow:inherit;
	/*box-shadow:0px 2px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.3);*/
	z-index:999;
}

header#header_lp.fixed{
	position:fixed;
	text-align:center;
	width:100%;
	background:#FFF;
	top:0;
	transition: .3s;
	z-index:999;
}

#header_lp .inner{
	display:inline-block;
	width:100%;
	max-width:1250px;
	position:relative;
}

#header_lp .logo{
	width:20%;
	max-width:94px;
	padding:8px 0 0 15px;
	position:relative;
	z-index:2;
	float: left;
}

#header_lp .logo a{
	display:block;
}

#header_lp .logo img{
	width:100%;
	height:auto;
}

#header_lp .hotel_name {
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 27px 0 0 22px;
}

#header_lp .hotel_name a{
	color: #001E3A;
}

#header_lp h1{
	float:none;
	position: absolute;
	top:27%;
	width: 100%;
	max-width:none;
	font-size:23px;
	font-weight: normal;
	text-align:center;
	letter-spacing:3px;
	color:#231815;
	padding:0;
}

#header_lp .menu_box{
	position:absolute;
	right:10px;
	top:35%;
	padding:0;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 18px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #002855;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 8px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
/*
.open .menu-trigger span{
	display:none;
}
*/

.open .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.open .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.open .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}

#header_lp .menu_box span.title{
	font-size: 18px;
	vertical-align: text-bottom;
	color: #002855;
}

#header_lp .menu_box span.title:hover{
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	#header_lp .menu_box span.title{
		font-size: 5vw;
		vertical-align: baseline;
	}
}

/* menu
**************************/
[off-canvas]{
	background:#FFF !important;
}

[off-canvas*=right] {
	width: 300px;
	height: 100%;
	top: 0;
	right: 0;
	z-index:9999;
	margin-right:-300px;
}

#side_menu{
	background:#FFF;
	color:#000;
}

#side_menu h4{
	position:relative;
	padding:35px 20px;
	line-height: 1;
	font-size: 0;
	margin: 0 0 50px;
}

#side_menu h4 span{
	font-size:20px;
	font-weight:normal;
	color:#FFF;
}

#side_menu h4 img{
	width:80%;
	height:auto;
}

#side_menu h4 span.title{
	position: absolute;
	right: 10px;
	top: 24px;
	color: #002855;
}

#side_menu h4 span.title:hover{
	cursor: pointer;
}

#side_menu h4 a#menu_close_line{
	position:absolute;
	right:70px;
	top:30%;
	padding:0;
}

#side_menu h4 a#menu_close_line,
#side_menu h4 a#menu_close_line span {
	display: inline-block;
	transition : all 1000ms;
	box-sizing: border-box;
}
#side_menu h4 a#menu_close_line {
	width: 30px;
	height: 20px;
}
#side_menu h4 a#menu_close_line span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #002855;
	border-radius: 4px;
}
#side_menu h4 a#menu_close_line span:nth-of-type(1) {
	top: 0;
}
#side_menu h4 a#menu_close_line span:nth-of-type(2) {
	top: 9px;
}
#side_menu h4 a#menu_close_line span:nth-of-type(3) {
	bottom: 0;
}

#side_menu.open h4 a#menu_close_line span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);

}
#side_menu.open h4 a#menu_close_line span:nth-of-type(2) {
	opacity: 0;
}
#side_menu.open h4 a#menu_close_line span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}

@media screen and (max-width: 768px) {
	#side_menu h4{
		margin: 0 0 20px;
	}

	#side_menu h4 span.title{
		font-size: 5vw;
	}


}


#side_menu h3{
	text-align: center;
	margin: 0;
}

#side_menu ul.gnv{
}

#side_menu ul.gnv li{
	font-size: 16px;
	text-align: center;
	padding: 15px;
}

#side_menu ul.gnv li a{
	display:block;
	color:#002855;
}

/* emergency_area */
#side_menu .emergency_area{
	background-color: #F7EAC6;
	border: solid 1px #F6D256;
	border-radius: 5px;
	margin: 0 10px 20px;
	padding: 5px;
}

#side_menu #emergency_title{
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	margin: 0 0 3px;

}

#side_menu #emergency_title span{
	display: inline-block;
	background: #FF0004;
	color: #FFF;
	border-radius: 50%;
	padding: 0px 10px;
	font-size: 16px;
	vertical-align: top;
	margin:0 5px 0 0;
}


#side_menu .emergency_box{
	display: none;
	border-top: solid 1px #F6D256;
	padding: 10px 0;
	font-size: 14px;
}

#side_menu .emergency_box h6{
	font-weight: bold;
	color: #a52a2a;
	margin: 0 0 3px;
}

#side_menu .emergency_txt{
	margin: 0 0 10px;
}

#side_menu .emergency_box .to_link{
	text-align:right;
}

#side_menu .emergency_box .to_link a{
	display:inline-block;
	font-size:14px;
	background: #001e3a none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	line-height: 1.5;
	padding: 5px 20px;
	position: relative;
}
#side_menu .emergency_box .to_link a:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent #fff;
	border-image: none;
	border-style: solid;
	border-width: 5px;
	content: "";
	margin-top: -5px;
	position: absolute;
	right: 5px;
	top: 50%;
}

/* sns */
#side_menu ul.sns{
	margin:20px 15% 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;

}

#side_menu ul.sns li{
	width:15%;
	line-height:1;
}

#side_menu ul.sns li img{
	width:100%;
	height:auto;
}

#side_menu ul.title_list{
	margin:20px 15% 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

#side_menu ul.title_list li {
	width:15%;
	line-height:1;
	text-align: center;
	position: relative;
}

#side_menu ul.title_list li span{
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}

#side_menu ul.title_list li img{
	width:100%;
	height:auto;
}


/* lp_detail
**************************/
#lp_detail{
	/*font-family: 'serif',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	/*max-width: 1500px;*/
	margin: 0 auto;
	overflow: hidden;
}

/***** top_sec *****/
#top_sec{
	width: 1250px;
	margin: 0 auto 0;
	padding: 0 0 50px;
	background-color: #FFF;
}

#top_sec .main_area{
	position: relative;
	line-height:1.0;
	margin: 0 0 0;
}

#top_sec .main_area img.img_pc{
	width: 100%;
	height: auto;
}

#top_sec .main_area img.img_sp{
	display: none;
}

#top_sec .video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#top_sec .video-box{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

#top_sec .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	font-size: 20px;
}

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

	#top_sec .main_area img.img_pc{
		display: none;
	}

	#top_sec .main_area img.img_sp{
		display: block;
		width: 100%;
		height: auto;
	}

	#top_sec .video-wrapper {
		position: relative;
		width: 100%;
		padding-top: 125%;
	}

}


#top_sec .main_area .title_box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding: 25px 0;
}

#top_sec .main_area .title_box.no_img{
	position: static;
}

@media screen and (min-width: 769px) {
	#top_sec .main_area .title_box.no_img_pc{
		position: static;
	}
}


#top_sec .main_area .title_box h2{
	font-size: 16px;
	margin: 0 25px 15px;
}

#top_sec .main_area .title_box h1{
	font-size: 34px;
	margin: 0 25px 10px;
}

#top_sec .main_area .title_box h3{
	font-size: 18px;
	margin: 0 25px 10px;
}

#top_sec .main_area .title_box .period_text{
	/*border-top: 1px solid #FFF;*/
	font-size: 15px;
	padding: 0 25px 0;
	line-height: 1.3;
}

#top_sec .text_area{
	/*width: 1000px;*/
	margin: 0 auto;
	font-size: 16px;
	line-height: 2.0;
	background-color: #FFFFFF;
	padding: 20px;
	text-align: center;
}

#top_sec .text_area h1,
#top_sec .text_area h2,
#top_sec .text_area h3,
#top_sec .text_area h4,
#top_sec .text_area h5{
	font-size: 16px;
	border-bottom: solid 1px #646464;
}

#top_sec .text_area ul{
}

#top_sec .text_area ul br{
	display: none;
}

#top_sec .text_area ul li{
	list-style: disc outside none;
	margin: 0 0 0 15px;
}

#top_sec .text_area ul li br{
	display: inline;
}


@media screen and (max-width: 768px) {
	#top_sec .main_area .title_box.no_img_sp{
		position: static;
	}

	#top_sec .main_area .title_box h2{
		font-size: 3.5vw;
	}

	#top_sec .main_area .title_box h1{
		font-size: 5vw;
	}

	#top_sec .main_area .title_box h3{
		font-size: 4vw;
	}

	#top_sec .main_area .title_box .period_text{
		font-size: 3.5vw;
	}

	#top_sec .text_area{
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
		font-size: 3vw;
		line-height: 2.0;
	}

	#top_sec .text_area h1,
	#top_sec .text_area h2,
	#top_sec .text_area h3,
	#top_sec .text_area h4,
	#top_sec .text_area h5,
	#top_sec .text_area h6{
		font-size: 4.5vw;
	}

}

.read-more {
	position: relative;
}

.read-more:after {
	content: '';
	display: block;
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255, 0.8) 75%, rgba(255,255,255,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255, 0.8) 75%, rgba(255,255,255,0.9) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255, 0.8) 75%, rgba(255,255,255,0.9) 100%);
}


.read_more_btn{
	text-align:center;
	padding:0 0 30px;
}

.read_more_btn a{
	display:inline-block;
	width:65%;
	padding:7px 0;
	border-radius: 20px;
	color:#A07C22;
	font-size:16px;
	letter-spacing:0.2em;
	font-weight:100;
	position:relative;
}

.read_more_btn_open{
	padding:0 0 30px;
}


.read_more_btn_close{
	padding:30px 0 0;
}

/***** slide_sec *****/
.slide_sec{
	padding: 60px 0 0 0;
	margin: 0 0 60px;

}

.slide_sec .slider{
	display: none;
	opacity: 0;
	transition: opacity .3s linear;
}

.slide_sec .slider.slick-initialized{
	opacity: 1;
	display: block;
}

.slide_sec .slider li img{
}

@media screen and (max-width: 768px) {
	.slide_sec{
		padding: 30px 0 0 0;
		margin: 0 0 30px;

	}
}


/***** cat_sec *****/
#cat_sec{
	width: 1250px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	background-color: #FFFFFF;
}

#cat_sec ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 1000px;
	margin: 0 auto;
}
/**/
#cat_sec ul li{
}


#cat_sec ul li a{
	display: block;
	width: 200px;
	padding: 15px 10px 10px;
	margin: 0 0 30px;
	position: relative;
}
/*
#cat_sec ul li svg{
	position: absolute;
	right: 5px;
	bottom: -15px;
}
*/
/*
#cat_sec ul li span.arrow {
	position: absolute;
	right: 3px;
	bottom: -10px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 50px solid #555555;
	border-bottom: 0;
}
*/
#cat_sec ul.default li span.arrow:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 3px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
}
#cat_sec ul.default li span .arrow_after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 7px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 8px solid #00a0e9;
	margin: 4px 0 0 0;
}

/* 丸バージョン */
#cat_sec ul.circle li a{
	display: block;
	width: 150px;
	height: 150px;
	padding: 15px 10px 10px;
	margin: 0 0 30px;
	position: relative;
	border-radius: 50%;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	font-weight: bold;
	font-size: 18px;
}

#cat_sec ul.circle li span.arrow{
	display: none;
}

#cat_sec ul.circle li span.cat_name {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
	width :80px;
	text-align:center;
	width: 100%;
}

/* 正方形バージョン */
#cat_sec ul.square li a{
	height: 100px;
	margin: 0 60px 30px;
	position: relative;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
}

#cat_sec ul.square li span.arrow{
	display: none;
}

#cat_sec ul.square li span.cat_name{
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
	width :80px;
	text-align:center;
	width: 100%;
	padding: 5px;
}


@media screen and (max-width: 768px) {
	#cat_sec{
		width: 100%;
		margin: 0 auto 30px;
	}

	#cat_sec ul{
		width: 100%;
	}

	#cat_sec ul li{
		width: 90%;
		padding: 15px 10px 10px;
		margin: 0 auto 10px;
	}

	#cat_sec ul li a{
		display: block;
		width: 100%;
		padding: 15px 10px 10px;
		margin: 0;
		position: relative;
	}

	/* 丸バージョン */
	#cat_sec ul.circle li{
		width: 30vw;
		padding: 0;
		margin: 0 auto 10px;
	}

	#cat_sec ul.circle li a{
		display: block;
		width: 30vw;
		height: 30vw;
		padding: 15px 10px 10px;
		margin: 0 0 10px;
		position: relative;
		border-radius: 50%;
		text-align: center;
		font-size: 16px;
	}

	#cat_sec ul.circle li span.cat_name {
		width: 90%;
	}

	/* 正方形バージョン */
	#cat_sec ul.square li{
		width: 30vw;
		padding: 0;
		margin: 0 auto 10px;
	}

	#cat_sec ul.square li a{
		display: block;
		width: 30vw;
		height: 25vw;
		padding: 15px;
		margin: 0;
		position: relative;
		text-align: center;
		font-size: 16px;
	}

	#cat_sec ul.square li span.cat_name{
		width: 90%;
		padding: 5px;
	}


}

/***** child_cat *****/
.child_cat{
	width: 1250px;
	margin: 0 auto 60px;
	padding: 20px 0 30px 0;
	background-color: #FFFFFF;
}

ul.child_cat{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 1000px;
	margin: 0 auto;
}
/**/
ul.child_cat li{
}


ul.child_cat li a{
	display: block;
	width: 214px;
	padding: 15px 10px 10px;
	margin: 0 0 30px;
	position: relative;
}

/*
ul.child_cat li span.arrow {
	position: absolute;
	right: 3px;
	bottom: -10px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 50px solid #555555;
	border-bottom: 0;
}
*/

ul.child_cat.default li span.arrow:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 3px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
}
ul.child_cat.default li span.arrow .arrow_after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 7px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 8px solid #00a0e9;
	margin: 4px 0 0 0;
}


/* 丸バージョン */
ul.child_cat.circle li a{
	display: block;
	width: 120px;
	height: 120px;
	padding: 15px 10px 10px;
	margin: 0 0 30px;
	position: relative;
	border-radius: 50%;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	font-weight: bold;
	font-size: 14px;
}

ul.child_cat.circle li span.arrow{
	display: none;
}

ul.child_cat.circle li span.cat_name {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
	width :80px;
	text-align:center;
	width: 80%;
}

/* 正方形バージョン */
ul.child_cat.square li a{
	width: 120px;
	height: 120px;
	padding: 15px;
	margin: 0 0 30px;
	position: relative;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	font-weight: bold;
	font-size: 14px;
}

ul.child_cat.square li span.arrow{
	display: none;
}

ul.child_cat.square li span.cat_name{
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
	width :80px;
	text-align:center;
	width: 90%;
}


@media screen and (max-width: 768px) {
	ul.child_cat{
		width: 100%;
		margin: 0 auto 30px;
	}

	ul.child_cat li{
		width: 90%;
		padding: 15px 10px 10px;
		margin: 0 auto 10px;
	}

	ul.child_cat li a{
		display: block;
		width: 100%;
		padding: 15px 10px 10px;
		margin: 0;
		position: relative;
	}

	/* 丸バージョン */
	ul.child_cat.circle li{
		width: 30vw;
		padding: 0;
		margin: 0 auto 10px;
	}

	ul.child_cat.circle li a{
		display: block;
		width: 30vw;
		height: 30vw;
		padding: 15px 10px 10px;
		margin: 0 0 10px;
		position: relative;
		border-radius: 50%;
		text-align: center;
	}

	ul.child_cat.circle li span.cat_name {
		width: 90%;
	}

	/* 正方形バージョン */
	ul.child_cat.square li{
		width: 30vw;
		padding: 0;
		margin: 0 auto 10px;
	}

	ul.child_cat.square li a{
		display: block;
		width: 30vw;
		height: 30vw;
		padding: 15px;
		margin: 0 0 30px;
		position: relative;
		text-align: center;
	}

	ul.child_cat.square li span.cat_name{
		width: 90%;
	}


}

/***** banner_sp *****/
.banner_sp{
	display: none;
}

@media screen and (max-width: 768px) {
	.banner_sp{
		display: block;
		text-align: center;
		padding: 0 10px 30px;
	}
}

/***** option_sec *****/
.option_sec{
	border-top-width: 1px;
	border-top-style: solid;
	margin: 60px auto 80px;
	width: 1250px;
	padding: 100px 0 0 0;
	background-color: #FFFFFF;
}

.option_sec h2.cat_title{
	font-size: 38px; /*40px*/
	width: 1000px;
	margin: 20px auto 90px;
	position: relative;
}

.option_sec h2.cat_title span{
	padding: 0 0 0 65px;
	display: block;
	line-height: 1.0;
	position: relative;
	z-index: 1;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

.option_sec h2.cat_title img.cat_title_bg{
	position: absolute;
	left: 0;
	top: -38px;
	width: 300px !important;
	height: auto;
}

.option_sec .child_cat_info h2.cat_title span{
	padding: 0 0 10px 15px;
	margin: 0 10px;
	border-left-style: solid;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 30px;
}

.option_sec .child_cat_info h2.cat_title img.cat_title_bg{
	display: none;
}


.option_sec p.cat_text{
	font-size: 14px;
	width: 900px;
	margin: 40px auto 0;
	padding: 0 0 20px;
}

.option_sec p.cat_text_red{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #bb1213;
	width: 900px;
	margin: 60px auto 0;
	padding: 0 0 20px;
}


.option_sec .cat_booking{
	font-size: 14px;
	text-align: center;
}

.option_sec .cat_booking.top{
	position: relative;
	z-index: 999;
	padding: 30px 0;
}

.option_sec .cat_booking.child.top{
	position: relative;
	z-index: 999;
	padding: 30px 0;
}

.option_sec .cat_booking.bottom{
	padding: 0 0 30px;
}

.option_sec .cat_booking.child.bottom{
	padding: 0 0 60px;
}

.option_sec .cat_booking a{
	display: inline-block;
	/*border-radius: 15px;*/
	text-align: center;
	font-size: 16px;
	padding: 10px 100px;
	color: #FFFFFF;
}



@media screen and (max-width: 768px) {
	.option_sec{
		margin: 60px auto 60px;
		width: 95%;
		padding: 60px 0 0 0;
	}

	.option_sec h2.cat_title{
		font-size: 5vw;
		width: 100%;
		margin: 10px auto 0;
	}

	.option_sec h2.cat_title span{
		padding: 0 5px 0 35px;
		display: block;
		font-weight: bold;
		line-height: 1.3;
	}

	.option_sec h2.cat_title img.cat_title_bg{
		left: 30%;
		top: -5vw;/*-170%;*/
		width: 50% !important;
		height: auto;
		transform: translateX(-50%);
	}

	.option_sec .child_cat_info h2.cat_title span{
		font-size: 4.5vw;
	}

	.option_sec p.cat_text{
		font-size: 14px;
		width: 100%;
		margin: 20px auto;
		padding: 0 35px 10px;
	}
	
	.option_sec p.cat_text_red{
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #bb1213;
		width: 100%;
		margin: 40px auto 0;
		padding: 0 0 10px;
	}

	.option_sec .cat_booking a{
		padding: 10px 15vw;
	}
}

.option_box .info .dl_info br{
	display: none;
}

.option_box .info dl br{
	display: none;
}

.option_box .info dl dd br{
	display: inline;
}

/*** リンク設定 ***/
.option_box .info .link{
	text-align: center;
}

.option_box .info .link a{
	display: inline-block;
	text-align: center;
	font-size: 16px;
	padding: 10px 15px;
	margin: 0;
	width: auto;
}

.option_box .info .link a svg{
	display: none;
}

.option_box .info .link.link2{
	text-align: center;
	margin: 10px 0 0 0;
}

.option_box .info .link.link2 a{
	display: inline-block;
	position: relative;
	text-align: right;
	color: #040000 !important;
	width: 125px;
	margin: 0 30px 0 0;
	padding: 0;
	font-size: 12px;
}

.option_box .info .link.link2 a svg{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}


.option_box .img .video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 0 0 10px;
}

.option_box  .img .video iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.option_box .img .thumbnail{
	margin: 5px 0 10px 0;
}

.template_4 .option_box .thumbnail{
	width: 50%;
	margin: 5px 0 10px;
}

@media screen and (max-width: 768px) {

	.template_4 .option_box .thumbnail{
		width: 100%;
		margin: 5px 0 10px;
	}
}

.option_box .img .thumbnail .slick-track {
	transform: unset !important;
	margin: 0;
}

.option_box .img .thumbnail div{
	cursor: pointer;
	outline: none;
	/*width:20%!important;*/
	list-style:none;
	padding: 0;
	box-sizing: border-box;
}

.option_box .img .thumbnail div img{
	opacity: 0.4;/*選択されていないものは透過40%*/
	width: 100%;
	height: auto;

}

.option_box .img .thumbnail div.slick-current img{
	opacity: 1;
}

.option_box .img .thumbnail .thumbnail-img{
	padding: 0 3px;
}



.template_3 .option_box .img{
	/*display: flex;
	justify-content: flex-end;*/
}

.template_3 .option_box .img .video_box{
	width: 400px;
}

@media screen and (max-width: 768px) {
	.template_3 .option_box .img a{
		width: 100%;
	}

	.template_3 .option_box:nth-child(2n) .img{
		justify-content: flex-start;
	}

	.template_3 .option_box .img .video_box{
		width: 90%;
	}
}

/*** template_1 ***/
.template_1{
}

.template_1.option_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1250px;
	margin: 30px auto 0;
	padding: 0 125px 50px;
	position: relative;
}

.template_1 .option_box{
	display: flex;
	align-items: center;
	width: 1250px;
	padding: 60px 0 0;
	margin: 0 auto 0;
	position: relative;
	opacity: 0;
	transition : all 1000ms;
	transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
	.template_1.option_area{
		display: block;
		width: 100%;
		margin: 40px auto 0;
		padding: 0;
	}


	.template_1 .option_box{
		display: block;
		width: 100%;
		padding: 0 0 30px;
		margin: 0 0 30px;
	}
}

.template_1 .option_box.isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.template_1 .option_box:nth-child(odd){
	flex-direction: row-reverse;
	transform: translateX(50%);
}

.template_1 .option_box:nth-child(odd).isAnimate {
	opacity: 1;
	transform: translateX(0);
}


.template_1 .option_box .bg.template_1{
	position: absolute;
	right: -225px;
	top: 60%;
	transform: translateY(-50%);
	display: none;
}

.template_1 .option_box:nth-child(even) .bg.template_1{
	left: -225px;
}

@media screen and (max-width: 768px) {
	.template_1 .option_box .bg.template_1{
		position: absolute;
		left: 5%;
		top: 0;
		transform: translateY(0);
		display: none;
	}

	.template_1 .option_box:nth-child(even) .bg.template_1{
		left: inherit;
		right: 5%;
	}
}



.template_1 .option_box .bg.template_2,
.template_1 .option_box .bg.template_3,
.template_1 .option_box .bg.template_4{
	display: none;
}

.template_1 .option_box .title{
	margin: 0 0 10px;
	position: absolute;
	top: 0;
	width: 100%;
}

.template_1 .option_box .title h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #000000;
	border-bottom: 1px dashed #000000;
	border-top: 1px dashed #000000;
	padding: 10px 5px 5px;
	margin: 0 0 10px;
}

.template_1 .option_box .title p{
	font-size: 14px;
	font-weight: bold;
}

.template_1 .option_box .img{
	width: 500px;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	
	.template_1 .option_box .title{
		position: static;
	}
	
	.template_1 .option_box .img{
		width: 100%;
		padding: 0 10px 0 10%;
	}

	.template_1 .option_box:nth-child(even) .img{
		padding: 0 10% 0 10px;
	}
}

.template_1 .option_box .img img{
	width: 100%;
	height: auto;
}

.template_1 .option_box .info{
	width: 500px;
	padding: 0 50px 0 0;
	position: relative;
	z-index: 1;
}

.template_1 .option_box:nth-child(even) .info{
	padding: 0 0 0 50px;
}

@media screen and (max-width: 768px) {
	.template_1 .option_box .info{
		/*width: 100%;*/
		padding: 0 10px 0 5%;
	}

	.template_1 .option_box:nth-child(even) .info{
		padding: 0 10% 0 10px;
	}

	.template_1 .option_box .info h3,
	.template_1 .option_box .info .text,
	.template_1 .option_box .info .masterContent,
	.template_1 .option_box .info .link{
		width: 85vw;
	}


}

.template_1 .option_box .info a{
	color: #333333;
}

.template_1 .option_box .info h3{
	font-size: 18px;
	margin: 0 0 20px;
}

.template_1 .option_box .info .text{
	font-size: 14px;
	margin: 0 0 20px;
}

.template_1 .option_box .info .text p{
	margin: 0 0 10px;
}

.template_1 .option_box .info dl{
	margin: 0 0 20px;
}

.template_1 .option_box .info dl br{
	display: none;
}

.template_1 .option_box .info dl dt{
	background-image: url("../../img/lp/dt_title_bg.png");
	background-position: left top;
	background-size: 6px 25px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

.template_1 .option_box .info dl dd{
	padding: 0 0 0 12px;
}

.template_1 .option_box .info dl dd br{
	display: inline;
}

/*** template_2 ***/
.template_2{
}

.template_2.option_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1250px;
	padding: 0 125px 0;
	margin: 40px auto 0;
	position: relative;
}

@media screen and (max-width: 768px) {
	.template_2.option_area{
		display: block;
		width: 100%;
		padding: 0 0 30px;
		margin: 30px auto 0;
	}
}

.template_2 .option_box{
	width: 460px;
	position: relative;
	margin: 0 0 80px;
	transition : all 1000ms;
	opacity: 0;
	transform: translateY(10%);
}

.template_2 .option_box:nth-child(even){
	transform: translateY(15%);
	/*margin-right: 125px;*/
}

.template_2 .option_box:nth-child(odd){
	transform: translateY(10%);
	/*margin-left: 125px;*/
}


@media screen and (max-width: 768px) {
	.template_2 .option_box{
		width: 100%;
		margin: 0 0 30px;
		padding: 0 0 0 10px;
	}

	.template_2 .option_box:nth-child(even){
		transform: translateY(10%);
		margin-right: 0;
	}

	.template_2 .option_box:nth-child(odd){
		transform: translateY(10%);
		margin-left: 0;
	}
}

.template_2 .option_box.isAnimate {
	opacity: 1;
	transform: translateY(0);
}


.template_2 .option_box:nth-child(odd).isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.template_2 .option_box .bg.template_2{
	position: absolute;
	right: 0;
	top: 130px;
}

@media screen and (max-width: 768px) {
	.template_2 .option_box .bg.template_2{
		position: absolute;
		right: -8%;
		top: 8%;
	}

	.template_2 .option_box .bg.template_2 svg{
		width: 90%;
	}

}

.template_2 .option_box .bg.template_1,
.template_2 .option_box .bg.template_3,
.template_2 .option_box .bg.template_4{
	display: none;
}

.template_2 .option_box .title{
	margin: 0 0 10px;
}

.template_2 .option_box .title h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #000000;
	border-bottom: 1px dashed #000000;
	border-top: 1px dashed #000000;
	padding: 10px 5px 5px;
	margin: 0 0 10px;
}

.template_2 .option_box .title p{
	font-size: 14px;
	font-weight: bold;
}

.template_2 .option_box .img{
	width: 220px;
	margin: 0 0 20px;
	position: relative;
	z-index: 1;
	float: right;
}

@media screen and (max-width: 768px) {
	.template_2 .option_box .img{
		width: 90%;
		float: none;
	}
}

.template_2 .option_box .img img{
	width: 100%;
	height: auto;
}

.template_2 .option_box .img .link a{
	display: block;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	padding: 10px 0;
	line-height: 1;
	background-color: #DEDAC8;
	color: #44270E;
	width: 100%;
}


.template_2 .option_box .info{
	position: relative;
	z-index: 1;
	float: left;
	width: 230px;
}

@media screen and (max-width: 768px) {
	.template_2 .option_box .info{
		width: 100%;
		padding: 0 10px 0 0;
		float: none;
	}
}


.template_2 .option_box .info h3{
	font-size: 18px;
	margin: 0 0 20px;
}


.template_2 .option_box .info .text{
	font-size: 14px;
	margin: 0 0 20px;
	text-align:justify;
}

.template_2 .option_box .info .text p{
	margin: 0 0 10px;
}


.template_2 .option_box .info dl{
	margin: 0 0 10px;
}

.template_2 .option_box .info dl dt{
	background-image: url("../../img/lp/dt_title_bg.png");
	background-position: left top;
	background-size: 6px 25px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

.template_2 .option_box .info dl dd{
	padding: 0 0 0 12px;
}

.template_2 .option_box .info dl dd br{
	display: inline;
}

/*** template_3 ***/
.template_3{
}

.template_3.option_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1250px;
	padding: 0 125px 50px;
	margin: 30px auto 0;
	position: relative;
}

@media screen and (max-width: 768px) {
	.template_3.option_area{
		display: block;
		width: 100%;
		padding: 0 0 30px;
		margin: 30px auto 0;
	}
}

.template_3 .option_box{
	width: 480px;
	position: relative;
	margin: 0 0 80px;
	opacity: 0;
	transition : all 1000ms;
	transform: translateX(-10%);
}

@media screen and (max-width: 768px) {
	.template_3 .option_box{
		width: 100%;
		margin: 0 0 30px;
	}
}

.template_3 .option_box.isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.template_3 .option_box:nth-child(odd){
	flex-direction: row-reverse;
	transform: translateX(10%);
	/*margin-left: 125px;*/
}

.template_3 .option_box:nth-child(odd).isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.template_3 .option_box:nth-child(even){
	margin: 200px 0 0 0;
	/*margin-right: 125px;*/
}

@media screen and (max-width: 768px) {
	.template_3 .option_box:nth-child(odd){
		margin-left: 0;
	}

	.template_3 .option_box:nth-child(even){
		margin: 0 0 60px;
	}
}

.template_3 .option_box .bg.template_3{
	position: absolute;
	left: 30px;
	top: 220px;
}

@media screen and (max-width: 768px) {
	.template_3 .option_box .bg.template_3{
		left: 10%;
		right: 15%;
		top: 20%;
	}

	.template_3 .option_box:nth-child(even) .bg.template_3{
		left: 15%;
		right: 10%;
		top: 20%;
	}

	.template_3 .option_box .bg.template_3 svg{
		width: 100%;
		height: auto;
	}

}

.template_3 .option_box .bg.template_1,
.template_3 .option_box .bg.template_2,
.template_3 .option_box .bg.template_4{
	display: none;
}


.template_3 .option_box .img{
	width: 400px;
	margin: 0 0 20px 100px;
	text-align: right;
	position: relative;
	z-index: 1;
}

.template_3 .option_box .img div.img_box img{
	/*width: 400px !important;
	height: auto;*/
}

@media screen and (max-width: 768px) {
	.template_3 .option_box .img{
		width: 80%;
		margin: 0 0 20px 20%;
		text-align: right;
		position: relative;
		z-index: 1;
		padding: 0 0 0 0;
	}

	.template_3 .option_box:nth-child(even) .img{
		padding: 0 0 0 10px;
		text-align: left;
	}

	.template_3 .option_box .img img{
		/*width: 80% !important;
		height: auto;*/
	}
}

.template_3 .option_box .info{
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.template_3 .option_box .info{
		padding: 0 10% 0 10px;
	}

	.template_3 .option_box:nth-child(even) .info{
		padding: 0 10px 0 10%;
	}
}

.template_3 .option_box .info h3{
	font-size: 18px;
	margin: 0 0 20px;
}

.template_3 .option_box .info .text{
	font-size: 14px;
	margin: 0 0 20px;
}

.template_3 .option_box .info .text p{
	margin: 0 0 10px;
}


.template_3 .option_box .info dl{
	margin: 0 0 10px;
}

.template_3 .option_box .info dl dt{
	background-image: url("../../img/lp/dt_title_bg.png");
	background-position: left top;
	background-size: 6px 25px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

.template_3 .option_box .info dl dd{
	padding: 0 0 0 12px;
}

.template_3 .option_box .info dl dd br{
	display: inline;
}


/*** template_4 ***/
.template_4{
}

.template_4.option_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1250px;
	margin: 0 auto 0;
	padding: 0 125px 50px;
	position: relative;
}

@media screen and (max-width: 768px) {
	.template_4.option_area{
		display: block;
		width: 100%;
		padding: 0 0 30px;
		margin: 30px auto 0;
	}
}


.template_4 .option_box{
	align-items: center;
	width: 100%;
	padding: 30px 0 0;
	margin: 0 auto 0;
	position: relative;
	opacity: 0;
	transition : all 1000ms;
	transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
	.template_4 .option_box{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 30px;
	}
}

.template_4 .option_box.isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.template_4 .option_box:nth-child(odd){
	transform: translateX(50%);
}

.template_4 .option_box:nth-child(odd).isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.template_4 .option_box .bg.template_4{
	/*position: absolute;
	left: 0;
	top: 20%;*/
}

@media screen and (max-width: 768px) {
	.template_4 .option_box .bg.template_4{
		/*position: absolute;
		left: 0;
		top: 0;*/
	}
}

.template_4 .option_box .bg.template_1,
.template_4 .option_box .bg.template_2,
.template_4 .option_box .bg.template_3{
	display: none;
}

.template_4 .option_box .img{
	width: 100%;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.template_4 .option_box .img{
		width: 100%;
		padding: 0 0 0 0;
	}
}

.template_4 .option_box .img img{
	width: 100%;
	height: auto;
}

.template_4 .option_box .info{
	width: 100%;
	padding: 0 0 0 0;
	position: relative;
	z-index: 1;
}

.template_4 .option_box .info.info_bg{
	padding: 10px !important;
}

@media screen and (max-width: 768px) {
	.template_4 .option_box .info{
		/*width: 100%;*/
		padding: 0 10px 0 10px;
	}

	.template_4 .option_box .info h3,
	.template_4 .option_box .info .text,
	.template_4 .option_box .info .masterContent,
	.template_4 .option_box .info .link{
		width: 85vw;
	}

}

.template_4 .option_box .info a{
	color: #333333;
}

.template_4 .option_box .info h3{
	font-size: 18px;
	margin: 0 0 20px;
}

.template_4 .option_box .info .text{
	font-size: 14px;
	margin: 0 0 20px;
}

.template_4 .option_box .info .text p{
	margin: 0 0 10px;
}

.template_4 .option_box .info dl{
	margin: 0 0 20px;
}

.template_4 .option_box .info dl br{
	display: none;
}

.template_4 .option_box .info dl dt{
	background-image: url("../../img/lp/dt_title_bg.png");
	background-position: left top;
	background-size: 6px 25px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

.template_4 .option_box .info dl dd{
	padding: 0 0 0 12px;
}

.template_4 .option_box .info dl dd br{
	display: inline;
}


/* .option_box.template_1 */
.option_box.template_1{
	display: flex;
	align-items: center;
	width: 1250px;
	padding: 30px 0 30px;
	margin: 0 auto 0;
	position: relative;
	opacity: 0;
	transition : all 1000ms;
}

@media screen and (max-width: 768px) {
	.option_box.template_1{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 30px;
	}
}

.option_box.template_1:nth-child(odd){
	flex-direction: row-reverse;
	transform: translateX(50%);
	margin-left: 0;
	margin: 0;
}

.option_box.template_1:nth-child(even){
	transform: translateX(-50%);
	margin-right: 0;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.option_box.template_1:nth-child(odd),
	.option_box.template_1:nth-child(even){
		margin: 0 0 30px;
	}
}

.option_box.template_1:nth-child(odd).isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.option_box.template_1.isAnimate {
	opacity: 1;
	transform: translateX(0);
}


.option_box.template_1 .bg.template_1{
	position: absolute;
	right: -225px;
	top: 60%;
	transform: translateY(-50%);
}

.option_box.template_1:nth-child(even) .bg.template_1{
	left: -225px;
}

@media screen and (max-width: 768px) {
	.option_box.template_1 .bg.template_1{
		position: absolute;
		left: 5%;
		top: 0;
		transform: translateY(0);
	}

	.option_box.template_1:nth-child(even) .bg.template_1{
		left: inherit;
		right: 5%;
	}
}

.option_box.template_1 .bg.template_2,
.option_box.template_1 .bg.template_3,
.option_box.template_1 .bg.template_4{
	display: none;
}

.bg.template_1.use_bg{
	display: block !important;
}

.option_box.template_1 .img{
	width: 500px;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.option_box.template_1 .img{
		width: 100%;
		padding: 0 10px 0 10%;
		margin: 0;
	}

	.option_box.template_1:nth-child(even) .img{
		padding: 0 10% 0 10px;
	}
}

.option_box.template_1 .img img{
	width: 100%;
	height: auto;
}

.option_box.template_1 .img .thumbnail{
	width: 100%;
	margin: 5px 0 10px 0;
}

.option_box.template_1 .info{
	width: 500px;
	padding: 0 50px 0 0;
	position: relative;
	z-index: 1;
}

.option_box.template_1:nth-child(even) .info{
	padding: 0 0 0 50px;
}

@media screen and (max-width: 768px) {
	.option_box.template_1 .info{
		/*width: 100%;*/
		padding: 0 10px 0 5%;
	}

	.option_box.template_1:nth-child(even) .info{
		padding: 0 10% 0 10px;
	}

	.option_box.template_1 .info h3,
	.option_box.template_1 .info .text,
	.option_box.template_1 .info .masterContent,
	.option_box.template_1 .info .link{
		width: 85vw;
	}


}

.option_box.template_1 .info a{
	color: #333333;
}

.option_box.template_1 .info h3{
	font-size: 18px;
	margin: 0 0 20px;
}

.option_box.template_1 .info .text{
	font-size: 14px;
	margin: 0 0 20px;
}

.option_box.template_1 .info .text p{
	margin: 0 0 10px;
}

.option_box.template_1 .info dl{
	margin: 0 0 20px;
}

.option_box.template_1 .info dl br{
	display: none;
}

.option_box.template_1 .info dl dt{
	background-image: url("../../img/lp/dt_title_bg.png");
	background-position: left top;
	background-size: 6px 25px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

.option_box.template_1 .info dl dd{
	padding: 0 0 0 12px;
}

.option_box.template_1 .info dl dd br{
	display: inline;
}

/*
.option_box.template_1 .info .link{
	text-align: right;
}

.option_box.template_1 .info .link a{
	display: inline-block;
	position: relative;
	text-align: right;
	width: 125px;
	margin: 0 30px 0 0;
}

.option_box.template_1 .info .link a svg{
	position: absolute;
	left: 0;
	bottom: 0;
}
*/
/* .option_box.template_2 */
.template_2{
}

.option_box.template_2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1250px;
	padding: 0 0 0;
	margin: 30px auto 0;
	position: relative;
	flex-direction: unset !important;
}

@media screen and (max-width: 768px) {
	.option_box.template_2{
		display: block;
		width: 100%;
		padding: 0 0 0;
		margin: 30px auto 0;
	}
}

.option_box.template_2{
	width: 460px;
	position: relative;
	margin: 30px 0 80px;
	transition : all 1000ms;
	opacity: 0;
	transform: translateY(10%);
}

.option_box.template_2:nth-child(even){
	transform: translateY(15%);
	/*margin-right: 125px;*/
}

.option_box.template_2:nth-child(odd){
	transform: translateY(10%);
	/*margin-left: 125px;*/
}


@media screen and (max-width: 768px) {
	.option_box.template_2{
		width: 100%;
		margin: 0 0 30px;
		padding: 0 0 0 10px;
	}

	.option_box.template_2:nth-child(even){
		transform: translateY(10%);
		margin-right: 0;
	}

	.option_box.template_2:nth-child(odd){
		transform: translateY(10%);
		margin-left: 0;
	}
}

.option_box.template_2.isAnimate {
	opacity: 1;
	transform: translateY(0);
}


.option_box.template_2:nth-child(odd).isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.option_box.template_2 .bg.template_2{
	position: absolute;
	right: 0;
	top: 130px;
}

@media screen and (max-width: 768px) {
	.option_box.template_2 .bg.template_2{
		position: absolute;
		right: -8%;
		top: 8%;
	}

	.option_box.template_2 .bg.template_2 svg{
		width: 90%;
	}

}

.option_box.template_2 .bg.template_1,
.option_box.template_2 .bg.template_3,
.option_box.template_2 .bg.template_4{
	display: none;
}

.bg.template_2.use_bg{
	display: block !important;
}

.option_box.template_2 .img{
	width: 417px;
	margin: 0 0 20px;
	padding: 0 0 10px;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.option_box.template_2 .img{
		width: 90%;
	}
}

.option_box.template_2 .img img{
	width: 100%;
	height: auto;
}

.option_box.template_2 .img .thumbnail{
	width: 100%;
	margin: 5px 0 10px 0;
}


.option_box.template_2 .info{
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.option_box.template_2 .info{
		width: 100%;
		padding: 0 10px 0 0;
	}
}


.option_box.template_2 .info h3{
	font-size: 18px;
	margin: 0 0 20px;
}


.option_box.template_2 .info .text{
	font-size: 14px;
	margin: 0 0 20px;
}

.option_box.template_2 .info .text p{
	margin: 0 0 10px;
}


.option_box.template_2 .info dl{
	margin: 0 0 10px;
}

.option_box.template_2 .info dl dt{
	background-image: url("../../img/lp/dt_title_bg.png");
	background-position: left top;
	background-size: 6px 25px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

.option_box.template_2 .info dl dd{
	padding: 0 0 0 12px;
}

.option_box.template_2 .info dl dd br{
	display: inline;
}
/*
.option_box.template_2 .info .link{
	text-align: right;
}

.option_box.template_2 .info .link a{
	display: inline-block;
	position: relative;
	text-align: right;
	width: 125px;
	margin: 0 30px 0 0;
}

.option_box.template_2 .info .link a svg{
	position: absolute;
	left: 0;
	bottom: 0;
}
*/
/* .option_box.template_3 */
.option_box.template_3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1250px;
	padding: 0 0 0;
	margin: 30px auto 0;
	position: relative;
}

@media screen and (max-width: 768px) {
	.option_box.template_3{
		display: block;
		width: 100%;
		padding: 0 0 0;
		margin: 30px auto 0;
	}
}

.option_box.template_3{
	width: 480px;
	position: relative;
	margin: 0 0 80px;
	opacity: 0;
	transition : all 1000ms;
	transform: translateX(-10%);
}

@media screen and (max-width: 768px) {
	.option_box.template_3{
		width: 100%;
		margin: 0 0 30px;
	}
}

.option_box.template_3.isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.option_box.template_3:nth-child(odd){
	flex-direction: row-reverse;
	transform: translateX(10%);
	/*margin-left: 125px;*/
}

.option_box.template_3:nth-child(odd).isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.option_box.template_3:nth-child(even){
	margin: 200px 0 0 0;
	/*margin-right: 125px;*/
}

@media screen and (max-width: 768px) {
	.option_box.template_3:nth-child(odd){
		margin-left: 0;
	}

	.option_box.template_3:nth-child(even){
		margin: 0 0 60px;
	}
}

.option_box.template_3 .bg.template_3{
	position: absolute;
	left: 30px;
	top: 220px;
	display: block;
}

@media screen and (max-width: 768px) {
	.option_box.template_3 .bg.template_3{
		left: 10%;
		right: 15%;
		top: 20%;
	}

	.option_box.template_3:nth-child(even) .bg.template_3{
		left: 15%;
		right: 10%;
		top: 20%;
	}

	.option_box.template_3 .bg.template_3 svg{
		width: 100%;
		height: auto;
	}

}

.option_box.template_3 .bg.template_1,
.option_box.template_3 .bg.template_2,
.option_box.template_3 .bg.template_4{
	display: none;
}


.option_box.template_3 .img{
	width: 400px;
	margin: 0 0 20px 100px;
	text-align: right;
	position: relative;
	z-index: 1;
}

.option_box.template_3 .img img{
	/*width: 400px !important;
	height: auto;*/
}

.option_box .img .thumbnail div img{
	width: 100%;
}



@media screen and (max-width: 768px) {
	.option_box.template_3 .img{
		width: 80%;
		margin: 0 0 20px 20%;
		text-align: right;
		position: relative;
		z-index: 1;
		padding: 0 10px 0 0;
	}

	.option_box.template_3:nth-child(even) .img{
		/*padding: 0 0 0 10px;*/
		text-align: left;
	}

	.option_box.template_3 .img img{
		/*width: 80% !important;
		height: auto;*/
	}
}

.option_box.template_3 .img .thumbnail{
	width: 100%;
	margin: 5px 0 10px 0;
}

.option_box.template_3 .info{
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.option_box.template_3 .info{
		padding: 0 10% 0 10px;
	}

	.option_box.template_3:nth-child(even) .info{
		padding: 0 10px 0 5%;
	}
}

.option_box.template_3 .info h3{
	font-size: 18px;
	margin: 0 0 20px;
}

.option_box.template_3 .info .text{
	font-size: 14px;
	margin: 0 0 20px;
}

.option_box.template_3 .info .text p{
	margin: 0 0 10px;
}


.option_box.template_3 .info dl{
	margin: 0 0 10px;
}

.option_box.template_3 .info dl dt{
	background-image: url("../../img/lp/dt_title_bg.png");
	background-position: left top;
	background-size: 6px 25px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

.option_box.template_3 .info dl dd{
	padding: 0 0 0 12px;
}

.option_box.template_3 .info dl dd br{
	display: inline;
}
/*
.option_box.template_3 .info .link{
	text-align: right;
}

.option_box.template_3 .info .link a{
	display: inline-block;
	position: relative;
	text-align: right;
	width: 125px;
	margin: 0 30px 0 0;
}

.option_box.template_3 .info .link a svg{
	position: absolute;
	left: 0;
	bottom: 0;
}
*/
/* .option_box.template_4 */
.option_box.template_4{
	width: 1250px;
	margin: 30px auto 0;
	padding: 0 125px;
	position: relative;
	display: block;
}

.option_box.template_4{
	align-items: center;
	width: 100%;
	padding: 30px 0;
	margin: 0 auto 0;
	position: relative;
	opacity: 0;
	transition : all 1000ms;
	transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
	.option_box.template_4{
		display: block;
		width: 100%;
		padding: 0 10px 30px;
		margin: 0;
	}
}

.option_box.template_4.isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.option_box.template_4:nth-child(odd){
	transform: translateX(50%);
}

.option_box.template_4:nth-child(odd).isAnimate {
	opacity: 1;
	transform: translateX(0);
}

.option_box.template_4 .bg.template_4{
	/*position: absolute;
	left: 0;
	top: 20%;
	display: block;*/
}

@media screen and (max-width: 768px) {
	.option_box.template_4 .bg.template_4{
		/*position: absolute;
		left: 0;
		top: 0;
		display: block;*/
	}
}

.option_box.template_4 .bg.template_1,
.option_box.template_4 .bg.template_2,
.option_box.template_4 .bg.template_3{
	display: none;
}

.option_box.template_4 .img{
	width: 100%;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.option_box.template_4 .img{
		width: 100%;
		padding: 0 0 0 0;
	}
}

.option_box.template_4 .img img{
	width: 100%;
	height: auto;
}

.option_box.template_4 .thumbnail{
	width: 50%;
	margin: 5px 0 10px;
}

@media screen and (max-width: 768px) {
	.option_box.template_4 .thumbnail{
		width: 100%;
		margin: 5px 0 10px;
	}
}

.option_box.template_4 .info{
	width: 100%;
	padding: 0 0 0 0 !important;
	position: relative;
	z-index: 1;
}

.option_box.template_4 .info.info_bg{
	padding: 10px !important;
}


@media screen and (max-width: 768px) {
	.option_box.template_4 .info{
		/*width: 100%;*/
		padding: 0 10px 0 10px;
	}

	.option_box.template_4 .info h3,
	.option_box.template_4 .info .text,
	.option_box.template_4 .info .masterContent,
	.option_box.template_4 .info .link{
		width: 85vw;
	}

}

.option_box.template_4 .info a{
	color: #333333;
}

.option_box.template_4 .info h3{
	font-size: 18px;
	margin: 0 0 20px;
}

.option_box.template_4 .info .text{
	font-size: 14px;
	margin: 0 0 20px;
}

.option_box.template_4 .info .text p{
	margin: 0 0 10px;
}

.option_box.template_4 .info dl{
	margin: 0 0 20px;
}

.option_box.template_4 .info dl br{
	display: none;
}

.option_box.template_4 .info dl dt{
	background-image: url("../../img/lp/dt_title_bg.png");
	background-position: left top;
	background-size: 6px 25px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

.option_box.template_4 .info dl dd{
	padding: 0 0 0 12px;
}

.option_box.template_4 .info dl dd br{
	display: inline;
}

/*
.option_box.template_4 .info .link{
	text-align: right;
}

.option_box.template_4 .info .link a{
	display: inline-block;
	position: relative;
	text-align: right;
	width: 125px;
	margin: 0 30px 0 0;
}

.option_box.template_4 .info .link a svg{
	position: absolute;
	left: 0;
	bottom: 0;
}
*/
/***** notes_sec *****/
#notes_sec{
	width: 1250px;
	margin: 0 auto 40px;
	padding: 40px 0;
	background-color: #FFFFFF;
}

#notes_sec .text_area {
	width: 1000px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.6;
}

#notes_sec .text_area h1,
#notes_sec .text_area h2,
#notes_sec .text_area h3,
#notes_sec .text_area h4,
#notes_sec .text_area h5{
	font-size: 16px;
	border-bottom: solid 1px #646464;
}

#notes_sec .text_area ul{
}

#notes_sec .text_area ul br{
	display: none;
}

#notes_sec .text_area ul li{
	list-style: disc outside none;
	margin: 0 0 0 15px;
}

#notes_sec .text_area ul li br{
	display: inline;
}


@media screen and (max-width: 768px) {
	#notes_sec{
		width: 95%;
		margin: 0 auto 20px;
	}

	#notes_sec .text_area{
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
		font-size: 3vw;
		line-height: 1.6;
	}

	#notes_sec .text_area h1,
	#notes_sec .text_area h2,
	#notes_sec .text_area h3,
	#notes_sec .text_area h4,
	#notes_sec .text_area h5,
	#notes_sec .text_area h6{
		font-size: 3.5vw;
		border-bottom: solid 1px #646464;
	}


}

/* footer
**************************/
footer{
	background: #FFFFFF;
}

footer p{
	font-size: 12px;
	text-align: center;
	padding: 15px 0;
}

@media screen and (max-width: 768px) {
	/*** site_info ***/
	footer .site_info{
		background:#001E3A;
		overflow:hidden;
		padding:10px;
	}

	footer .site_info a{
		color:#FFF;
	}

	footer .site_info address{
		float:left;
		font-size:12px;
		font-style:normal;
		color:#FFF;
		line-height: 1.6;
	}

	footer .site_info p.map{
		float:right;
		width:25%;
		max-width:100px;
		padding:0 0 10px;
	}

	footer .site_info p.map img{
		width:100%;
	}

	footer .site_info p.privacy{
		clear:both;
		font-size:12px;
		text-align:right;
		color:#FFF;
	}

	footer p.copy{
		position: static !important;
		background:#FFF !important;
		font-size:12px !important;
		text-align:center !important;
		padding:5px 0 !important;
		color: #444 !important;
	}
}

/* banner_pc
**************************/
.banner_pc{
	display: block;
	position: fixed;
	right: 0;
	bottom: 100px;
}

.banner_pc img{
	width: 322px !important;
}

.banner_pc p.close{
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.banner_pc p.close img{
	width: 20px !important;
}

@media screen and (max-width: 768px) {
	.banner_pc{
		display: none;
	}
}