@charset "UTF-8";

/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */

.contents{
	font-size: 16px;
	line-height: 27px;
	color: #4c4040;
	
	font-weight: 400;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	margin: 0;
	padding: 0;
	background: url("../images/main-bg.jpg") repeat;
}

.contents h1{
	color: transparent;
}

ul, li { list-style: none; margin: 0; padding: 0;}

a {
	color: #4c4040;
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;
	border:none;
	outline:none;
	text-decoration: none;}

img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: none;}

p {
	font-weight: 500;
	margin: 0;
	padding: 0;}

h1,h2,h3,h4,li{
	margin:0;
	padding:0;}

::-moz-selection {
	background-color: rgba(255,226,226,0.5);}

::selection {
	background-color: rgba(255,226,226,0.5);}

a,
a:hover{
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;}

a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}
.txtC{
	text-align: center;
	padding-top: 0.5em;
}
small {
    font-size: 80%;
}

/* ============================================================
	.mainvisual
============================================================ */

.mainvisual{
    position: relative;
}
.mainvisual_box{
	position: absolute;
	max-width: 990px;
	width: 95%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.mainvisual_logo{
	position: absolute;
	top: 30px;
	left: 0;
	max-width: 80px;
}
.mainvisual_title{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: 400;
	line-height: 1.5;
	padding: 0 0 0.3em 0;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #fff;
}
.mainvisual_title small{
	font-size: 35px;
	display: block;
}
.mainvisual_title strong{
	font-size: 45px;
	display: block;
	font-weight: 400;
	margin-top: 0.3em;
}



.mainvisual_bg{
	line-height: 0;
}
.mainvisual_bg video{
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.mainvisual_sound{
	position: absolute;
	top: 60px;
	right: 30px;
	z-index: 10;
}
.mainvisual_sound_button{
	cursor: pointer;
	transition: opacity 0.3s;
}
.mainvisual_sound_button:hover{
	opacity: 0.6;
}

@media screen and (max-width: 768px) {
	.mainvisual_title strong{
		font-size: 38px;
	}
	.mainvisual_title small{
		font-size: 25px;
	}
	.mainvisual_bg video{
		aspect-ratio: 3/4;
	}
}

/* ============================================================
	.main-read
============================================================ */

.main-read{
	padding: 40px 20px 20px;
	position: relative;
}
.main-read p{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
    font-size: 18px;
    line-height: 2.3;
    font-weight: 400;
	position: relative;
	z-index: 1;
}

/* ============================================================
	.main-contents
============================================================ */

.main-contents{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 20px;
}
.main-contents_section{
	position: relative;
	background: #000;
	color: #fff;
	min-height: 450px;
}
.main-contents_title{
	grid-column: 1/3;
	padding: 60px 0;
	background: url("../images/contents_section_img-top.jpg") no-repeat center;
	background-size: cover;
	position: relative;
}
.main-contents_title:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	display: block;
}
.main-contents_title_h2{
	font-size: 35px;
    text-align: center;
	color: #fff;
	position: relative;
	z-index: 1;
}
.main-contents_section.section-top{
	grid-column: 1/3;
	min-height: 490px;
	place-items: center;
	background: url("../images/contents_section_img-top.jpg") no-repeat center;
	background-size: cover;
	margin: 0 0 40px 0;
}
.main-contents_section.section-01{
	background: url("../images/contents_section_img-01.jpg") no-repeat center;
	background-size: cover;
}
.main-contents_section.section-02{
	background: url("../images/contents_section_img-02.jpg") no-repeat center;
	background-size: cover;
	transition-delay: 0.4s;
}
.main-contents_section.section-03{
	background: url("../images/contents_section_img-03.jpg") no-repeat center;
	background-size: cover;
}
.main-contents_section.section-04{
	background: url("../images/contents_section_img-04.jpg") no-repeat bottom center;
	background-size: cover;
	transition-delay: 0.4s;
}

.main-contents_section:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
}
.main-contents_section.section-top:before{
	width: 70%;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}

.main-contents_section.section-top .main-contents_section_inner{
	max-width: 990px;
	width: 95%;
	margin-inline: auto;
	align-items: center;
}
.main-contents_section.section-01 .main-contents_section_inner,
.main-contents_section.section-03 .main-contents_section_inner{
	margin-left: auto;
	padding: 40px 45px 0 0;
}
.main-contents_section.section-02 .main-contents_section_inner,
.main-contents_section.section-04 .main-contents_section_inner{
	margin-right: auto;
	padding: 40px 0 0 45px;
}
.main-contents_section.section-03:before{
	background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 100%);
}
.main-contents_section_inner{
	max-width: 495px;
	width: 97.5%;
	position: relative;
	z-index: 1;
	height: 100%;
    display: flex;
}

.main-contents_section_label{
	position: absolute;
	bottom: 20px;
	left: 0;
	background: #0000007a;
	
    line-height: 1.5;
    font-size: 14px;
    max-width: 420px;
	width: 100%;
}
.main-contents_section.section-top .main-contents_section_label{
	line-height: 1;
	padding: 0.4em 0.7em;
}
.main-contents_section.section-top .main-contents_section_label,
.main-contents_section.section-02 .main-contents_section_label,
.main-contents_section.section-04 .main-contents_section_label{
	left: auto;
	right: 0;
}
.main-contents_section_label strong{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 0.2em 0;
	padding: 0.4em 1em 0.4em;
	font-size: 15px;
	cursor: pointer;
}
.main-contents_section_label strong:after{
	content: "＋";
	color: #fff;
	font-weight: bold;
	display: inline-block;
	transition: transform 0.3s;
	line-height: 1;
	height: 100%;
}
.main-contents_section_label strong:hover:after{
	transform: rotate(180deg);
}
.main-contents_section_label strong.active:after{
	content: "―";
	transform: rotate(0);
}
.main-contents_section_label p{
	display: none;
	padding: 0 1em 0.6em;
	font-weight: 400;
}

.main-contents_section_box .box-title{
	font-size: 30px;
	font-weight: 400;
	line-height: 1.5;
	border-bottom: 0.5px solid #fff;
	padding: 0 0 0.3em 0;
}
.main-contents_section.section-top .main-contents_section_box .box-title{
	padding: 0 0 0.5em 0;
}
.main-contents_section_box .box-title small{
	font-size: 27px;
	display: block;
}
.main-contents_section_box .box-title strong{
	font-size: 35px;
	display: block;
	font-weight: 400;
	margin-top: 0.3em;
}
.main-contents_section_box p{
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 1em;
}
.main-contents_section.section-top .main-contents_section_box p{
	margin-top: 1.5em;
}
.main-contents_section.section-01 .main-contents_section_box p{
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 1),0px 0px 15px rgba(0, 0, 0, 1),0px 0px 15px rgba(0, 0, 0, 1);
}

.main-contents_section_bg{
	position: absolute;
	left: 0;
}
.main-contents_section_bg.bg-01{
	top: 0;
}
.main-contents_section_bg.bg-02{
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.main-contents{
		gap: 0;
	}
	.main-contents_section{
		grid-column: 1/3;
	}
	.main-contents_section.section-02,
	.main-contents_section.section-04{
		transition-delay: 0;
	}
	.main-contents_section.section-top{
		min-height: 550px;
	}
	.main-contents_section.section-top:before{
		width: 100%;
	}
	.main-contents_section_inner{
		width: 95%;
		max-width: 100%;
		margin-inline: auto;
	}
	.main-contents_section.section-01 .main-contents_section_inner,
	.main-contents_section.section-02 .main-contents_section_inner,
	.main-contents_section.section-03 .main-contents_section_inner,
	.main-contents_section.section-04 .main-contents_section_inner{
		padding: 40px 0 0 0;
	}
	.main-contents_section_box .box-title small{
		font-size: 24px;
	}
	.main-contents_section_box .box-title strong{
		font-size: 30px;
	}
	.main-contents_section_bg{
		opacity: 0.3;
	}
}

/* ============================================================
	.free-banner
============================================================ */

.free-banner_inner{
	max-width: 990px;
	width: 95%;
	margin-inline: auto;
	padding: 0 0 50px 0;
}
.free-banner_list{
	display: flex;
	justify-content: space-between;
}
.free-banner_list_item{
	flex: 0 1 48%;
	overflow: hidden;
	border-radius: 2px;
}

.free-banner_list_item img{
	width: 100%;
	height: auto;
	transition: opacity 0.3s;
}

@media screen and (max-width: 768px) {
	.free-banner_list{
		flex-wrap: wrap;
	}
	.free-banner_list_item{
		flex: 0 1 100%;
		margin-top: 30px;
	}
}

/*snsボタン*/

.top{
	position: relative;
	width: 990px;
	text-align: center;
	height: 680px;
	margin: 0 auto;}

#sns {
	line-height: 1;
	font-size:16px;
	overflow: hidden;
	position: absolute;
	text-align: right;
	top: 20px;
	right: 20px;
	display: table;
	margin: 0 0 0 auto;
	z-index:1000;}
.fb-like{ display: block !important;}

#sns div {
	display: table-cell;
	padding: 0 0 0 5px;
	vertical-align: top;}

#sns iframe {
	vertical-align: bottom;}

#sns .post-x a{
    display: flex;
    align-items: center;
    background: #e8eff3;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
    padding: 4px 10px;
    column-gap: 4px;
}
#sns .post-x a img{
    max-width: 10px;
}

.top img.logo{
	top: 0;
	left: 0;
	margin: auto;
	position: absolute;
    padding: 2em;
    border-radius: 0 0 20px 20px;
}

#main{
	background: url("../images/top-bg-1.jpg") no-repeat center;
	background-size: cover;
}

.c-text{
	background: #fff;
	padding: 0.7em 1em;
}
.c-text-inner{
	max-width: 990px;
	margin: 0 auto;
	font-size: 0.85em;
	font-weight: bold;
	color: #f91f1f;
}
.c-text-inner a{
	color: #f91f1f;
	text-decoration: underline;
}



/*//snsボタン*/

#kai190801{
	overflow: clip;}

#main{
	position: relative;
	margin: 0 auto;}


#menu{
	height: 60px;
	background: rgb(255, 255, 255, 1);
	position: sticky;
	top: 0;
	z-index: 100000;
}

#menu ul{
	padding: 0;
	box-sizing: border-box;
	width: 600px;
	overflow: hidden;
	margin: 0 auto;}

#menu ul li{
	position: relative;
	box-sizing: border-box;
    width: 25%;
	height: 50px;
	text-align: center;
	line-height: 0.9;
	float: left;}

#menu ul li a{
	margin: auto;
	padding: 18px;
	height: 50px;
	background: url("../images/menu-arrow.png") no-repeat 50% 95%;
	box-sizing: border-box;
	display: block;
	color: #000;
	font-weight: bold;
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
}

#menu ul li a:hover{
	background: url("../images/menu-arrow.png") no-repeat 50% 100%;}

#menu.fixed{
	height: 50px;
	width: 100%;
	top: 0;
	z-index: 100000000000;
	position: fixed;
    background: rgb(255, 255, 255, 10);
}

#menu.fixed ul {
	box-sizing: border-box;
	padding:0;}

#menu.fixed ul li a{
	background: url("../images/menu-arrow.png") no-repeat 50% 70%;
	height: 50px;
	padding: 10px;}

#menu.fixed ul li a:hover{
	background: url("../images/menu-arrow.png") no-repeat 50% 80%;}

#menu.fixed ul li{
	height: 50px;}

.about-wrap{
	background: url("../images/column-bg.jpg") no-repeat center;
	background-size: cover;
}
.about-wrap.about-01{
	/*border-bottom: 1px solid #fff;*/
}
.about-wrap.about-02{
	background: url("../images/column-bg-1.jpg") no-repeat center;
	background-size: cover;
}
.about-wrap.about-03{
	background: url("../images/column-bg-2.jpg") no-repeat center;
	background-size: cover;
}
.about-wrap.about-04{
	background: url("../images/column-bg-3.jpg") no-repeat center;
	background-size: cover;
}
.about-wrap.about-05{
	background: url("../images/column-bg-4.jpg") no-repeat center;
	background-size: cover;
}
.about-wrap.about-02,
.about-wrap.about-03,
.about-wrap.about-04,
.about-wrap.about-05{
	border-top: 1px solid #fff;
}
.about-wrap .about-inner{
	max-width: 550px;
	margin: 0 auto;
	padding: 60px 2em;
	color: #fff;
}
.about-wrap .about-inner h2{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 35px;
	text-align: center;
	line-height: 1.3;
	
	margin-bottom: 0.4em;
}
.about-wrap .about-inner h2 span{
	font-size: 0.6em;
}
.about-wrap .about-inner p{
	padding-top: 1em;
	border-top: 1px solid #fff;
}

#content01,
#content02,
#content03{
	position: relative;}

#content01 h2 ,
#content02 h2{
	width: 990px;
	margin: 0 auto;
	position: relative;
}
#content01 h2 img{
	position: absolute;
	z-index: 10;
	left: auto;
	right: auto;
	margin: auto;
	top: -85px;}

.content01Box,
.content02Box{
	position: relative;
	height: 100vh;}

.content01Box p a{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
	color: #420e00;
	border: 1px solid #fff;
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	background: url("../images/content01-yykarow.png") no-repeat 92% 50% #fff;
	width: 375px;
	padding: 5px 15px;
	box-sizing: border-box;}

.content01Box p a:hover{
	background: url("../images/content01-yykarow-active.png") no-repeat 96% 50% ;
	color: #fff;}

.contents-bg{
	width: 100%;
	position: relative;
	height: 100vh;}

#content01-hakone .content01box{ background: url("../images/content01-cap01bg.png") no-repeat bottom right;}
#content01-kawaji .content01box{ background: url("../images/content01-cap02bg.png") no-repeat bottom left;}
#content01-tsugaru .content01box{ background: url("../images/content01-cap03bg.png") no-repeat bottom right;}

.contents-inner{ 
	max-width: 990px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.contents-inner .box{
	position: absolute;
    width: 470px;
    background: rgba( 0, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#40000000,EndColorStr=#40000000); /* IE8以下*/
	color: #fff;
	margin-bottom: 4em;
	
}
.contents-inner .box.box-small{
	width: 410px;
}
.contents-inner .box.t-left{
	left: 0;
	top: 10%;
}
.contents-inner .box.b-left{
	left: 0;
	top: 50%;
    transform: translateY(-45%);
}
.contents-inner .box.b-left.scrollin,
.contents-inner .box.b-right.scrollin{
	transform: translateY(-50%);
}
.contents-inner .box.b-right{
	right: 0;
	top: 50%;
    transform: translateY(-45%);
}
.contents-inner .box .box-top{
	position: relative;
}
.contents-inner .box .box-top img{
	position: absolute;
	top: -70px;
	left: -1px;
}
.contents-inner .box .box-inner{
	position: relative;
	border: 1px solid #fff;
	padding: 2em 30px;
}
.contents-inner .box .box-inner a,
.contents-inner .box .box-inner em{
	text-shadow: none;
}

.contents-inner .box .box-inner img.box-bg-tr,
.contents-inner .box .box-inner img.box-bg-bl{
	position: absolute;
}
.contents-inner .box .box-inner img.box-bg-tr{
    top: -35px;
    right: -75px;
}
.contents-inner .box .box-inner img.box-bg-bl{
	bottom: -20px;
    left: -105px;
}

.box .box-inner span.shape-lt,
.box .box-inner span.shape-rt,
.box .box-inner span.shape-lb,
.box .box-inner span.shape-rb{
	width: 7px;
	height: 7px;
	position: absolute;
	border-radius: 50%;
	background: #fff;
}
.box .box-inner span.shape-lt{ left: -3px; top: -3px;}
.box .box-inner span.shape-rt{ right: -3px;	top: -3px;}
.box .box-inner span.shape-lb{ left: -3px; bottom: -3px;}
.box .box-inner span.shape-rb{ right: -3px;	bottom: -3px;}
.box .box-inner em{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	display: inline-block;
    background: #fff;
    font-style: normal;
    color: #000;
    line-height: 1;
    padding: 0.4em 1.1em 0.3em;
    font-size: 1.1em;
    border-radius: 30px;
    font-weight: bold;
    border: 2px solid #fff;
	text-align: center;
    margin-bottom: 1.1em;
}
.box .box-inner em small{
	display: block;
	font-size: 12px;
	padding: 3px 0 0 0;
	letter-spacing: -1px;
}

.contents-inner .box h3{
	font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 0.7em;
    margin-bottom: 0.7em;
    border-bottom: 1px solid #fff;
	position: relative;
	letter-spacing: -0.5px;
	    text-align: left;
}

.contents-inner .box h3,
.contents-inner .box p{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.contents-inner .box p{
	font-size: 16px;
    line-height: 1.5;
	font-weight: 500;
	text-align: justify;
	letter-spacing: -1px;
}
.contents-inner .box p.s-text{
	padding-top: 1em;
}
.contents-inner .box p.s-text span{
	display: inline-block;
	    padding: 0.1em 0.5em;
	border: 1px solid #fff;
	margin-bottom: 0.5em;
}
.contents-inner .box a.plan-btn{
	display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    padding: 0.5em;
    color: #636363;
    font-weight: bold;
	position: relative;
	transition: all .3s;
	margin-top: 1.5em;
}
.contents-inner .box a.plan-btn::after{
	content: "\025B8";
    font-size: 2em;
    position: absolute;
    right: 20px;
	transition: all .3s;
}
.contents-inner .box a.plan-btn:hover{
	background: none;
	color: #fff;
}
.contents-inner .box a.plan-btn:hover::after{
	transform: translateX(10px);
	color: #fff;
}

.content01box p{
	height: 100vh;
	position: relative;
	width: 990px;
	margin: 0 auto;}

.content01box p img{
	position: absolute;
	bottom: 10px;
	right: 10px;}

#content01-kawaji .content01box p img{
	left: 10px;
	right: auto;
}

#content01-kawaji p a{
	left: 30px;
	right: auto;
}




#content01 .contents-bg{
	background: url("../images/content01-ph01.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;}

#content02 .contents-bg{
	background: url("../images/content01-ph02.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;}

#content03 .contents-bg{
	background: url("../images/content01-ph03.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;}

#content04 .contents-bg{
	background: url("../images/content01-ph04.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;}

#content05 .contents-bg{
	background: url("../images/content01-ph05.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;}

#content02 h2 img{
	position: absolute;
	z-index: 10;
	left: 0;
	top: -72px;}

#content02-enshu{
	background: url("../images/content02-ph01.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;}

.content02Box a{
	position: absolute;}

#content02-enshu p{
	position: absolute;
	top: 0;
	right: -70px;}

#content02-alps{
	background: url("../images/content02-ph02.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;}

#content02-alps p{
	position: absolute;
	bottom: 0;
	right: 0;}

.content02Box a{
	font-size: 16px;
	color: #be6332;
	position: absolute;
	bottom: 80px;
	right: 114px;
	display: block;
	border: 1px solid #fdf9ef;
	background: url("../images/content02-yykarrow01.png") no-repeat 90% 50% #fdf9ef;
	font-weight: bold;
	border-radius: 10px;
	width: 295px;
	text-align: center;
	padding: 5px 15px;
	box-sizing: border-box;}

.content02Box a:hover,
#content02-alps a:hover{
	background: url("../images/content02-yykarrow-active.png") no-repeat 95% 50% ;
	color: #fdf9ef !important;}

#content02-alps a{
	background: url("../images/content02-yykarrow02.png") no-repeat 90% 50% #fdf9ef;
	bottom: 20px;
	color: #996a06;
	right: 117px;}

.content-sp{
	display: none;}

.content-pc{
	position: relative;
	width: 990px;
	margin: 0 auto;
	height: 100vh;}
#plan-group{
	box-sizing: border-box;
	margin: 0 auto;
}

#map a:hover,
#map a:hover img,
#plan-group a:hover,
#plan-group a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;}

#thumb-group,
#plan-group .plan-Box{
	width: 990px;
	margin: 0 auto;}

#thumb-group {
	overflow: hidden;
	text-align: center;}

#thumb-group .item {
	float: left;
	width: 470px;
	padding-top: 60px;}

#thumb-group .item img{
	line-height: 0;}

#map #thumb-group .lf{
	margin-right: 50px;}

#thumb-group .item:first-child{
	background: url("../images/thumb-bg01.png") no-repeat 20% 60%;}

#thumb-group > *:first-child + *  {
	background: url("../images/thumb-bg02.png") no-repeat right bottom;}

#thumb-group > *:first-child + * + *  {
	background: url("../images/thumb-bg02.png") no-repeat 90% 50%;}

#thumb-group > *:first-child + * + * + * {
	background: url("../images/thumb-bg01.png") no-repeat left bottom;}

#column-title-wrap{
	width: 100%;
	padding: 3em 0;
	background: url("../images/column-bg.jpg") no-repeat center;
	background-size: cover;
	margin-top:0;
}
#column-title-wrap .column-title-inner{
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
}
#column-title-wrap .column-title-inner h2{
font-size: 2.3em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding: 0.4em 0 0.3em;
    line-height: 1.3;
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#column-title-wrap .column-title-inner h2 span{
    font-size: 0.55em;
    display: inline-block;
    padding-bottom: 0.4em;
}
#column-title-wrap .column-title-inner h2 img{
	width: 460px;
}
#column-title-wrap .column-title-inner p{
	font-size: 1.2em;
	margin-top: 1em;
	letter-spacing: 1px;
	line-height: 1.5;
}

#plan-group {
	position: relative;
	margin-top: 80px;
	padding-bottom: 70px;}

#plan-group p{
	display: none;
	text-align: center;}

#plan-group .title {
	padding: 0 0 30px 0;
	text-align: center;}

#plan-group .item {
	float: left;
	width: 470px;
	padding-top: 10px;}
#plan-group .item a img{
	display: block;
	margin: 0 auto;
}

#plan-group .item.pull-right {
	float: right;}

#plan-group .plan-Box{
	overflow: hidden;}

#plan-group .plan-Box > *:first-child + *,
#plan-group .plan-Box > *:first-child + * + * + *  {}

#plan-group .plan-Box > *:first-child + * + * + * ,
#plan-group .plan-Box > *:first-child + * + * + * + *  {
	margin-top: 30px;}


.sub-column-area{

}
.sub-column-area .sub-column-box{
	position: relative;
	top: -90px;
	width: 990px;
	overflow: hidden;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
	box-shadow:1px 1px 10px 0px rgba(0,0,0,0.2);
}
.sub-column-area .sub-column-box .sub-left,
.sub-column-area .sub-column-box .sub-right{
	width: 50%;
}
.sub-column-area.sub-1 .sub-column-box .sub-left{
	background: url("../images/sub-1.jpg") no-repeat center;
	background-size: cover;
}
.sub-column-area.sub-2 .sub-column-box .sub-left{
	background: url("../images/sub-2.jpg") no-repeat center;
	background-size: cover;
}
.sub-column-area.sub-3 .sub-column-box .sub-left{
	background: url("../images/sub-3.jpg") no-repeat center;
	background-size: cover;
}
.sub-column-area.sub-4 .sub-column-box .sub-left{
	background: url("../images/sub-4.jpg") no-repeat center;
	background-size: cover;
}

.sub-column-area .sub-column-box .sub-right{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 80px 30px 30px;
	position: relative;
}
.sub-column-area .sub-column-box .sub-right .cate{
	position: absolute;
	left: 0;
	top: 0;
	padding: 0.5em 1.2em 0.5em 1em;
	border-radius: 0 0 10px 0;
	background: #e2667a;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
}
.sub-column-area .sub-column-box .sub-right h3{	
	color: #e2667a;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.3;
}
.sub-column-area .sub-column-box .sub-right p{
	font-size: 14px;
	letter-spacing: -0.5px;
	padding-top: 20px;
}
.sub-column-area .sub-column-box .sub-right ul{
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
	font-size: 14px;
}
.sub-column-area .sub-column-box .sub-right li{
	padding-right: 40px;
}
.sub-column-area .sub-column-box .sub-right li:nth-child(3){
	padding-top: 15px;
}
.sub-column-area .sub-column-box .sub-right li span{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 15px;
	border: 1px solid #e55263;
	color: #e55263;
	font-weight: 500;
	padding: 1px 3px;
}
.sub-column-area .sub-column-box .sub-right li p{
	padding-top: 0.5em;
}
.sub-column-area .sub-column-box .sub-right a.sub-btn{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	position: relative;
	display: block;
	background: #e2667a;
	border: 1px solid #e2667a;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 0.7em 0;
	border-radius: 5px;
	margin-top: 30px;
	transition: all .3s;
}
.sub-column-area .sub-column-box .sub-right a.sub-btn:after{
	content: "\025B8";
	font-size: 1.5em;
	position: absolute;
	right: 20px;
	transition: transform .3s;
}
.sub-column-area .sub-column-box .sub-right a.sub-btn:hover{
	background: #fff;
	color: #e2667a;
}
.sub-column-area .sub-column-box .sub-right a.sub-btn:hover:after{
	transform: translateX(10px);
}


.pcHide{ display: none !important;}
.spHide{ display: block !important;}

.fadein { opacity: 0; transform : translate(0, 50px); transition : all 1500ms;}
.fadein.scrollin{ opacity: 1; transform: translate(0, 0);}

/*////////// トピックス //////////*/

#topics-wrap .topics-2{
	background: #fff;
}

.topics-box{
	width: 100%;
    padding: 120px 0 100px;
}
.topics-box .topics-outer{
	width: 1070px;
	margin: 0 auto;
	position: relative;
}
.topics-1{
    background: url("../images/bg-1.jpg") no-repeat center;
    background-size: cover;
}
.topics-1 .topics-outer{
    border: 3px solid #22508f;
    border-radius: 15px;
    background: rgb(255 255 255 / 70%);
}
.topics-2 .topics-outer{
	border: 3px solid #4a84d5;
	border-radius: 15px;
	background: rgb(255,255,255);
    filter:alpha(opacity=87); 
    background: rgba(255 255 255 / 87%);
}
.topics-2{
	background: url("../images/bg-2.jpg") no-repeat center;
	background-size: cover;
}
.topics-inner{
	width: 990px;
        margin: 70px 50px 50px 50px;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.topics-inner .img-box img{
	max-width: 485px;
}
.topics-inner .text-box{
	max-width: 450px;
}
.topics-main{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
    position: absolute;
    top: -95px;
    left: 50%;
    transform: translateX(-50%);
    background: #4a84d5;
    padding: 0.5em 1em;
    font-size: 1.6em;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}
.topics-inner .topics-title{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
    padding-top: 15px;
    border-bottom: 2px solid #4a84d5;
    margin-bottom: 25px;
    color: #4a84d5;
	line-height: 1.7;
}
.topics-inner .topics-title h2{
	display: inline-block;
	line-height: 1.4;
	margin-bottom: 0.5em;
	font-size: 1.5em;
}
.topics-inner .topics-title h3{
	font-size: 1.3em;
}
.topics-inner .topics-title h3 span{
	background: #4a84d5;
	color: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 0.7em;
	line-height: 1;
	font-size: 0.9em;
}
.topics-inner .topics-title img{
	max-height: 80px;
}
.topics-inner .text-box p{
	font-size:  0.9em;
}
.topics-inner p.sche{
    font-weight: bold;
    padding-top: 0.5em;
}
.topics-inner p.sche span{
	display: inline-block;
	border: 1px solid;
	padding: 0.1em 0.3em;
	margin-right: 0.5em;
}

.topics-1 .topics-inner p.sche{  color: #22508f; border-color: #22508f;}

.topics-2 .topics-inner .topics-title{
	border-bottom: 2px solid #4a84d5;
}
.topics-bg{
	position: absolute;
}
.topics-1 .topics-bg{
    right: 95px;
    top: 33px;
}
.topics-1 .topics-bg img{
	width: 70px;
}

.topics-2 .topics-bg{
    left: 370px;
    bottom: 19px;
}
.topics-2 .topics-bg img{
	width: 90px;
}

.topics-btn a{
    border-radius: 30px;
    padding: 0.6em 2.2em;
    color: #fff;
    font-weight: bold;
    margin-top: 1.5em;
    display: inline-block;
	transition: opacity .4s;
}
.topics-btn a:hover{
	opacity: 0.6;
}
.topics-inner .text-box p small{
	padding-top: 1.3em;
}
.topics-1 .topics-btn a{ background: #22508f;}
.topics-2 .topics-btn a{ background: #4a84d5;}

.topics-1 .topics-btn.cp a{
	background: url("../images/banner-bg.jpg") no-repeat center;
	background-size: cover;
    border-radius: 10px;
    font-size: 1.5em;
    max-width: 100%;
    padding: 1.5em 6em;
}

.ex-text{
margin: 0 0 30px 0;
}
.ex-inner{
max-width: 880px;
    margin: 0 auto;
    padding: 40px;
    border-radius: 15px;
	background: #f5fcff;
    border: 2px solid #9accff;
}

.pl-inner{
max-width: 880px;
    margin: 0 auto;
}
.pl-1-wrap{
	width: 100%;
	background: #fff;
	padding: 2.5em 0;
}
.ex-inner h4{
	text-align: center;
    font-size: 1.5em;
    border-bottom: 1px solid #9accff;
    padding-bottom: 0.8em;
    margin-bottom: 0.7em;
    color: #727272;
    line-height: 1.3;
}
.ex-inner h5{
	    font-size: 1.2em;
    text-align: center;
    text-decoration: underline;
    padding: 2em 0 0.5em;
}
.ex-inner video{
	width: 100%;
	height: 450px;
	margin: 1em 0;
}
.ex-inner p{
	font-size: 0.9em;
	font-weight: 500;
	padding-top: 0.6em;
}
.ex-inner ul li{
	font-size: 1em;
    font-weight: 500;
    padding-top: 0.6em;
    line-height: 1.7;
}
.ex-inner ul{
	padding-top: 0.3em;
}
.ex-inner strong{
	font-weight: bold;
}
.ex-inner p em{
	    font-size: 1.2em;
    font-style: normal;
}
.ex-inner p small{
    font-size: 0.9em;
    line-height: 1.5;
    display: inline-block;
	    padding-top: 2.5em;
}

.virus-btn{
	max-width: 600px;
	    margin: 5em auto;
	text-align: center;
}
.virus-btn a{
	display: block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.7em 0;
    background: #427dc7;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #427dc7;
	transition: all .4s;
}
.virus-btn a:hover{
	background: none;
	color: #427dc7;
}

#column-1.column-contents{
	width: 100%;

    background: rgba(48 123 201 / 20%);
	    padding: 4em 0;
}
#column-1.column-contents .inner{
	    width: 1110px;
    margin: 0 auto;
    padding: 60px;
    background: rgb(255 255 255 / 60%);
    border: 3px solid #1156b8;
    border-radius: 20px;
}
#column-1.column-contents .column-title{
	display: flex;
	justify-content: space-between;
}
#column-1.column-contents .column-title h3{
	font-size: 1.6em;
}
#column-1.column-contents .column-title h3 span{
	background: #1156b8;
    padding: 0.3em 1em;
    border-radius: 5px;
    color: #fff;
    margin-right: 0.5em;
    font-size: 0.9em;
}
#column-1.column-contents .column-title .column-title-left{
	max-width: 54%;
}
#column-1.column-contents .column-title .column-title-left p{
	    padding-top: 1.5em;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.8;
}
#column-1.column-contents .column-box{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
}
#column-1.column-contents .column-box .column-box-img{
	width: 48%;
    min-height: 280px;
    background: #000;
    border-radius: 10px;
}
#column-1.column-contents .column-box.column-box-1 .column-box-img{
	background: url("../images/column-contents-1.jpg") no-repeat;
	background-size: cover;
}
#column-1.column-contents .column-box.column-box-2 .column-box-img{
	background: url("../images/column-contents-2.jpg") no-repeat;
	background-size: cover;
}
#column-1.column-contents .column-box .column-box-text{
	    width: 47%;
}
#column-1.column-contents .column-box .column-box-text h4{
    font-size: 1.4em;
    color: #1156b8;
    padding-bottom: 1em;
    border-bottom: 1px solid #1156b8;
}
#column-1.column-contents .column-box .column-box-text p{
	    padding-top: 1.5em;
}
.column-contents a.column-btn{
	    display: inline-block;
    background: #1156b8;
    padding: 0.5em 1.5em;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    margin-top: 1em;
}
#column-2.column-contents{
	width: 100%;
	background: url("../images/column-2-bg-1.jpg") no-repeat;
	background-size: cover;
	padding: 4em 0;
}
#column-2.column-contents .inner{
    width: 990px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background: url("../images/column-2-bg-2.png") no-repeat top right;
    background-size: 65% 100%;
    padding: 3em;
}
#column-2.column-contents .column-box-img{
	width: 55%;
	height: 380px;
	background: url("../images/column-contents-3.jpg") no-repeat center;
	background-size: cover;
	border: 3px solid #1156b8;
	border-radius: 5px;
}
#column-2.column-contents .column-box-text{
	width: 38%;
}
#column-2.column-contents .column-box-text em{
	font-style: normal;
    font-size: 1.2em;
    font-weight: bold;
}
#column-2.column-contents .column-box-text h4{
    font-size: 1.4em;
    line-height: 1.7;
    padding-top: 0.2em;
    color: #1156b8;
    border-bottom: 1px solid;
    padding-bottom: 0.6em;
}
#column-2.column-contents .column-box-text h4 span{
	 position: relative;
	display: inline-block;
}
#column-2.column-contents .column-box-text h4 span:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 30%;
    background: #1156b8;
    opacity: 0.4;
    left: 0;
    bottom: 5px;
    border-radius: 5px;
}
#column-2.column-contents .column-box-text p{
	font-size: 0.9em;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: -1px;
    padding-top: 1em;
}

ul.plan-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 900px;
	margin: 0 auto;
}
ul.plan-wrap li{

    width: 32.5%;
    margin-top: 0.5em;

}
#plan-group ul.plan-wrap li.large{
	width: 100%;
	min-height: 135px;
}
ul.plan-wrap li a{
	background: url("../images/bn-bg-1.jpg") no-repeat center;
	background-size: 1033px;
    background-position-x: 0px;
    background-position-y: -120px;
	height: 100%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 40px 0;
    font-size: 1.7em;
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 0.7;
	transition: opacity 0.4s;
}
ul.plan-wrap li a:hover{
	opacity: 0.7;
}
#plan-group ul li a strong{
	
}
ul li a small{
	    font-size: 0.5em;
	font-weight: bold;
}
.pl-inner ul.plan-wrap li a {
    font-size: 3em;
    background: url(../images/bn-bg-1.jpg) no-repeat bottom left 32%;
    background-size: cover;
}
.pl-inner p{
	    padding-top: 0.5em;
    line-height: 1.4;
	text-align: center;
}
#plan-group ul.plan-wrap li:nth-child(2) a{
	background: url("../images/bn-bg-2.jpg") no-repeat center;
	background-size: cover;
}
#plan-group ul.plan-wrap li:nth-child(3) a{
	background: url("../images/bn-bg-3.jpg") no-repeat center;
	background-size: cover;
}
#plan-group ul.plan-wrap li:nth-child(4) a{
	background: url("../images/bn-bg-4.jpg") no-repeat center;
	background-size: cover;
}

.topics-1 .topics-inner{
	display: block;
}
.topics-1 .topics-inner .img-box{
	    display: flex;
    justify-content: space-between;
}
.topics-1 .topics-inner .img-box span{
	text-align: center;
	    width: 50%;
}
.topics-1 .topics-inner .img-box img{
	    max-width: 460px;
}
.topics-1 .topics-inner .text-box {
    max-width: 60%;
    margin: 0 auto;
}
.topics-1 .topics-inner .text-box .topics-title{
	    text-align: center;
}
.topics-1 .topics-inner .text-box .topics-btn{
	text-align: center;
}

/*////////////////////////////////////////////////////////
	kinen-wrap
////////////////////////////////////////////////////////*/

.contents .kinen-btn,
.contents .kinen-btn-bottom{
	max-width: 640px;
	margin: 30px auto 0;
	padding: 0 15px;
	box-sizing: content-box;
}

.contents .kinen-btn a,
.contents .kinen-btn-bottom a{
	font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	width: 100%;
	background: rgb(228 73 113);
	background: linear-gradient(346deg, rgb(228 73 113) 0%, rgb(244 162 162) 100%);
	
	background-size: cover;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;	
	position: relative;
	text-align: center;
	color: #fff;
	transition: opacity 0.4s;
	border: 1px solid #fff;
}
.contents .kinen-btn-bottom a{
	display: none;
}
.contents .kinen-btn a:hover,
.contents .kinen-btn-bottom a:hover{
	opacity: 0.8;
}
.contents .kinen-btn a.fixed,
.contents .kinen-btn-bottom.fixed a{
	bottom: 20px;
    z-index: 100000000000;
    position: fixed;
    transition: opacity 0.4s, height 0.4s, position 0.3s;
    right: 20px;
    width: 95%;
    transform: translateX(0);
    border-radius: 50%;
    width: 140px;
    height: 140px;
    font-size: 12px;
}
.contents .kinen-title br{
	display: none;
}
.contents .fixed .kinen-title br{
	display: block;
}
.contents .fixed .kinen-title strong{
	position: relative;
	top: -5px;
}
.contents .fixed .kinen-more{
    bottom: 25px;
    left: 16%;
    padding: 5px 5px 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: -1px;
	right: auto;
}
.contents .fixed .kinen-title{
	font-size: 1.2em;
}
.contents .kinen-btn p{
	line-height: 1.3;
	padding-top: 10px;
	padding-bottom: 20px;
}
.contents .kinen-btn a img{
	width: 100%;
	transition: opacity 0.4s;
}

.contents .kinen-obi,
.contents .kinen-more{
	position: absolute;
}
.contents .kinen-obi{
	top: 0;
	left: 0;
}
.contents .kinen-obi img{
	max-width: 160px;
}
.contents .kinen-more{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    bottom: 0;
    right: 0;
	font-size: 0.8em;
    font-weight: bold;
    padding: 3px 5px 0 15px;
    color: #e44971;
    background: #fff;
    border-radius: 20px 0 0 0;
}

.contents .kinen-title{
	position: relative;
	font-size: 1.75em;
	line-height: 1.3;
}
.contents .kinen-title small{
	padding-bottom: 5px;
    display: inline-block;
}

.contents .kinen-obi,
.contents .kinen-more,
.contents .kinen-title{
	z-index: 1;
}


/*///////////////////// #autumn-point /////////////////////*/

#autumn-point{ padding: 100px 0;}
#autumn-point .carousel{
    margin-top: 40px;
}
#autumn-point .carousel-wrap{ position: relative;}
#autumn-point .carousel .c-item{
    background: #fff;
	max-width: 700px;
	margin: 0 1.5em;
	box-shadow: 0px 0px 15px -5px #7777778c;
    overflow: hidden;
    border-radius: 10px;
}
#autumn-point .carousel .c-item img{ width: 100%;}
#autumn-point .carousel .c-text{
	padding: 1.5em 2em 2.5em;
}
#autumn-point .carousel .c-text img{
	
}
#autumn-point .carousel .c-cate{
	display: inline-block;
    background: #d93b3b;
    color: #fff;
    font-weight: bold;
    padding: 0.5em 0.8em;
    line-height: 1;
    border-radius: 3px;
}
#autumn-point .carousel h4{
	padding-top: 0.7em;
    font-size: 1.2em;
}
#autumn-point .carousel p{
	padding-top: 0.7em;
    border-top: 2px dashed #dfdfdf;
    margin-top: 0.7em;
}

#autumn-point .carousel .c-inner{ margin: 0 auto;}
#autumn-point .slick-list{ overflow: inherit !important;}

#autumn-point .column-title{
	text-align: center;
	padding: 0 1em;
}
#autumn-point .column-title h3{
	font-size: 1.6em;
}
#autumn-point .column-title p{
	font-size: 1.2em;
	padding-top: 1em;
	line-height: 1.7;
}
#autumn-point .carousel-arrows{
	    max-width: 700px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#autumn-point .slick-prev:before, 
#autumn-point .slick-next:before{
    font-size: 40px;
    opacity: .75;
    color: #505050;
}
#autumn-point .slick-prev, 
#autumn-point .slick-next{
    width: 40px;
    height: 40px;
}
#autumn-point .slick-prev {
    left: -45px;
}
#autumn-point .slick-next {
    right: -45px;
}

#autumn-point .btn{
	margin-top: 1.3em;
	text-align: center;
}
#autumn-point .btn a{
	display: inline-block;
	background: #ff5100;
	color: #fff;
	font-weight: bold;
	padding: 0.8em 2em;
	border: 1px solid #ff5100;
	border-radius: 5px;
	line-height: 1;
	transition: all 0.4s;
}
#autumn-point .btn a:hover{
	background: #fff;
	color: #ff5100;
}

.column-main-img{
	position: relative;
}
.column-main-img_cap{
	position: absolute;
	display: block;
    background: rgba(0, 0, 0, 0.5019607843);
    width: max-content;
    line-height: 1;
    padding: 0.6em;
    font-size: 12.5px;
	font-weight: 600;
    border-radius: 3px;
    margin: 0 0 0 auto;
	color: #fff;
}
.column-main-img_cap.cap-01{
	top: 15px;
    left: 15px;
}
.column-main-img_cap.cap-02{
	top: 15px;
    left: 67.5%;
}
.column-main-img_cap.cap-03{
	top: 54%;
    left: 67.5%;
}

.column-sub-img{
	position: relative;
}
.column-sub-img_cap{
	position: absolute;
	display: block;
    background: rgba(0, 0, 0, 0.5019607843);
    width: max-content;
    line-height: 1;
    padding: 0.6em;
    font-size: 12.5px;
	font-weight: 600;
    border-radius: 3px;
    margin: 0 0 0 auto;
	color: #fff;
	top: 15px;
	left: 15px;
}

/*////////////////////////////////////////////////////////
	.column-wrap
////////////////////////////////////////////////////////*/	

.column-wrap{
	background: url("../images/c-bg.jpg") no-repeat bottom center;
	background-size: cover;
	padding: 140px 0;
}
.column-wrap .column-inner{
	width: 990px;
	margin: 0 auto;
	padding: 50px;
	justify-content: space-between;
	border: 2px solid #16b954;
	border-radius: 10px;
	background: #fff;
	align-items: center;
}
.column-wrap .column-inner .c-img{
	width: 710px;
	margin: 0 auto;
	min-height: 400px;
}
.column-wrap .column-inner .c-img img{
	width: 100%;
}
.column-wrap .column-inner .c-text{
	width: 50%;
	margin: 0 auto;
}
.column-wrap .column-inner .c-text img{
	width: 100%;
}
.column-wrap .column-inner .c-text h3{
	padding-bottom: 20px;
}
.column-wrap .column-inner .c-text p{
	letter-spacing: -0.275px;
	text-align: justify;
}
.column-wrap .column-inner .c-text p,
.column-wrap .column-inner .c-text li{
	font-size: 15px;
	line-height: 1.7;
	padding-top: 20px;
}
.column-wrap .column-inner .c-text li strong{
	color: #16b954;
	font-weight: bold;
}
.column-wrap .column-inner .c-text li small{
	font-size: 13px;
}
.column-wrap .column-inner .c-text .c-btn a{
	display: block;
    text-align: center;
    background: #16b954;
    color: #fff;
    font-weight: bold;
    padding: 0.7em 0;
    margin-top: 20px;
    border-radius: 5px;
}

.column-wrap .column-inner .c-text .c-btn a:hover{
	opacity: 0.7;
}

.column-contain{
    padding: 80px 0 0;
}
.column-contain img{
    width: 100%;
	height: auto;
}
.column-contain .column-inner{
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    padding: 60px 40px 40px;
    position: relative;
    border: 2px solid #1056B8;
    box-shadow: 0px 0px 15px -5px #7777778c;
}
.column-contain .column-title-h1{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #1056B8;
    color: #fff;
    padding: 0.4em 1.5em;
    font-size: 1.4em;
    font-weight: bold;
    border-radius: 5px;
}
.column-contain .column-title-h2{
    font-size: 1.2em;
    padding: 0 0 10px 0;
    line-height: 1.5;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 500;
}
.column-contain .column-text{
    max-width: 800px;
    margin: 0 auto;
	padding: 20px 0 0 0;
}
.column-contain p{
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
	font-size: 15px;
}
.column-contain .column-text small{
	display: inline-block;
	line-height: 1.4;
	font-size: 12px;
	margin: 10px 0 0 0;
}
.column-contain .column-sub-outer{
    display: flex;
    column-gap: 4%;
    margin: 10px 0 0 0;
}
.column-contain .column-sub-img{
    flex: 0 1 40%;
	flex-shrink: 0;
}
.column-contain .btn{
    margin-top: 20px;
	font-size: 14px;
}
.column-contain .btn a{
    display: inline-block;
    background: #1056B8;
    color: #fff;
    line-height: 1;
    padding: 0.9em 3.5em;
    border-radius: 3px;
    font-weight: bold;
    font-size: 1.1em;
    transition: opacity 0.4s;
}
.column-contain .btn a:hover{
    opacity: 0.6;
}


/*////////////////////////////////////////////////////////
	.hotel-map
////////////////////////////////////////////////////////*/	

.hotel-map{
	position: relative;
}
.hotel-map_inner{
	width: 990px;
	margin: 80px auto 0;
	padding: 0 0 280px 0;
	position: relative;
}
.hotel-map_title{
	text-align: center;
}
.hotel-map_box{
	position: absolute;
}
.hotel-map_figure{
	max-width: 850px;
	margin: 20px auto 0;
}
.hotel-map_figure img{
	width: 100%;
	height: auto;
}

.hotel-map_box{
	position: absolute;
	z-index: 2;
	background: #fff;
	font-weight: bold;
	border-radius: 4px;
	overflow: hidden;
	min-width: 150px;
	box-shadow: 0px 0px 10px 0px #00000014;
}
.hotel-map_box.box-01{
	top: 36%;
    right: 10%;
}
.hotel-map_box.box-02{
	top: 72%;
    right: 19%;
}
.hotel-map_box.box-03{
	top: 93%;
    left: 45%;
}
.hotel-map_box.box-04{
	top: 18%;
    left: 40%;
}
.hotel-map_box.box-05{
	top: 34%;
    left: 19%;
}
.hotel-map_box.box-06{
	top: 96%;
    left: 19%;
}
.hotel-map_box_title{
	background: url("../images/hotel-map_box_title_bg.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: center;
	padding: 0.7em 1.5em;
	line-height: 1;
}
.hotel-map_box_list{
	padding: 0.2em 0.5em;
}
.hotel-map_box_list_item{
	border-bottom: 1px dashed #e6e6e6;
}
.hotel-map_box_list_item:last-child{
	border-bottom: none;
}
.hotel-map_box_list_item a{
	line-height: 1;
	display: flex;
	justify-content: space-between;
	padding: 0.7em 0.8em;
	color: #5591ce;
	transition: color 0.3s;
}
.hotel-map_box_list_item a:hover{
	color: #b0d7ff;
}
.hotel-map_box_list_item a:after{
	content: "≫";
	display: inline-block;
	transition: transform 0.3s;
}
.hotel-map_box_list_item a:hover:after{
	transform: translateX(5px);
}

.hotel-map_bg_item{
	position: absolute;
	z-index: 1;
}
.hotel-map_bg_item.item-01{
	top: 4%;
	left: 0;
}
.hotel-map_bg_item.item-02{
	top: -10%;
	right: 0;
}
.hotel-map_bg_item.item-03{
	top: 105%;
    left: 4%;
}
.hotel-map_bg_item.item-04{
	bottom: 0;
	right: 0;
}

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

	/*////////////////////////////////////////////////////////
		.column-contain
	////////////////////////////////////////////////////////*/	

	.column-contain .column-inner{
		padding: 60px 20px 40px;
	}
	.column-contain .column-sub-outer{
		flex-wrap: wrap;
	}
	.column-contain .column-sub-img{
		flex: 0 1 100%;
	}
	.column-contain .column-text{
		flex: 0 1 100%;
		margin: 25px 0 0 0;
	}
	.column-contain .column-title-h2{
		text-align: center;
	}
	.column-contain .btn a{
		text-align: center;
	}

	/*////////////////////////////////////////////////////////
		.hotel-map
	////////////////////////////////////////////////////////*/	

	.hotel-map {
		padding: 80px 0 0;
	}
	.hotel-map_inner{
		width: 100%;
		padding: 0 0 210px 0;
	}
	.hotel-map_title{
		width: 95%;
		margin: 0 auto;
	}
	.hotel-map_figure{
		width: 88%;
	}

	.hotel-map_box{
		font-size: 13px;
		min-width: max-content;
	}
	.hotel-map_box_title{
		padding: 0.6em 1em;
	}
	.hotel-map_box_list_item a{
		column-gap: 0.7em;
	}
	.hotel-map_box.box-01{
		top: 56%;
		right: 2%;
	}
	.hotel-map_box.box-02{
		top: 100%;
		right: 2%;
	}
	.hotel-map_box.box-03{
		top: 100%;
		left: 33%;
	}
	.hotel-map_box.box-04{
		top: 18%;
    	left: 29%;
	}
	.hotel-map_box.box-05{
		top: 34%;
		left: 2%;
	}
	.hotel-map_box.box-06{
		top: 105%;
		left: 2%;
	}
	.hotel-map_box_list_item a{
		padding: 0.6em 0.4em;
	}

	.hotel-map_bg{
		display: none;
	}
	.contents .kinen-btn-bottom{
		padding-bottom: 40px;
	}
	.contents .kinen-btn-bottom a{
		display: flex;
	}
}


@media screen and (max-width: 450px) {
	
	body {}
	
.topics-1 .topics-inner .img-box{
	flex-wrap: wrap;
}
.topics-1 .topics-inner .img-box span{
	text-align: center;
	    width: 100%;
}

.topics-1 .topics-inner .text-box {
    max-width: 100%;
    margin: 0 auto;
}
	.topics-inner .topics-title h2 {
    font-size: 1.3em;
}

	
.topics-main {
top: -75px;
    font-size: 1.4em;
    left: 0;
    transform: translateX(0);
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-align: center;
}
	#column-title-wrap .column-title-inner h2 {
		font-size: 1.4em;}
	
	.top-bg-wrap{ left: 0;}
	.topics-btn{text-align: center;}
	.topics-1 .topics-btn.cp a{
		font-size: 1.3em;
		max-width: 90%;
		width: 90%;
		    padding: 1.5em 0;
	}
	.pcHide{ display: block !important;}
	.spHide{ display: none !important;}
	
	body, html{
		min-width: 100%;}
	
	img, .top,
	#menu ul, .map_bg,
	#content01 h2, #content02 h2,.content01box,.content01box p,
	#thumb-group, #thumb-group .item,
	#plan-group,#plan-group .plan-Box, #plan-group .item{
		width: 100%;}
	
	#main{
		background: url(../images/top-bg-1-sp.jpg) no-repeat center;
    background-size: cover;
	}
	
	#sns {
		top: 10px;
	}
	
	.top{
		text-align: right;
		height: 45svb;
		max-height: 510px;
	}
	h1{
		text-align: left;
		margin-left: 0%;
		width: 100%;
	}
	h1 img{
		        width: 100%;}
	
	.top img.logo{
		width: 35%;
		top: 0;
		left: 0;
		padding: 1em;
	}
	#column-title-wrap{
		    margin-top: 0;
	}
	.column-wrap{
		background: url("../images/c-bg-top.jpg") no-repeat top center,
			url("../images/c-bg-bottom.jpg") no-repeat bottom center,
			#fff;
		background-size: 180%, 180%, auto;
	}
	
	#menu{
		height: auto;}
	
		#menu ul{
			display: flex;
			justify-content: center;
		}
	#menu ul li{
	width: 23%;
    margin: 0 2px;}
	
	#menu ul li:first-child img{
		width: 86%;}
	
	#menu ul li,
	#menu ul li a{
		height: 40px;}
	
	#menu ul li a {
    padding: 7px 0 0 0;
    font-size: 14px;
    line-height: 1;
		background: url(../images/menu-arrow.png) no-repeat 50% 65%;
}
	
	#menu.fixed ul li a{
		padding: 15px  0;}
	
	#content01{
		padding-top: 0;
		margin-top: 0;}
	
	#content01 h2 img{
		width: 80%;}
	
	#content01 h2 {
		top: -28px;
		left: 0%;}
	
	#content01-hakone,
	#content01-kawaji,
	#content01-tsugaru{
		background-attachment: scroll;}
	
	#content01 h2 img{
		width: 100%;}
	
	.content01Box p img{
		width: 90%;}
	
	.content01Box p a{
		width: 290px;
		font-size: 14px;
		padding: 0 15px;
		right: 20px;
		bottom: 20px;}
	
	#content01-hakone .content01box,
	#content01-kawaji .content01box,
	#content01-tsugaru .content01box
	{
		background-size: cover;
	}
	
	.content-pc{
		display: none;}
	
	.content-sp{
		padding-bottom: 1px;
		display: block;}
	
	.spTx{
		color: #fdf9ef;
		border: 1px solid #fdf9ef;
		padding: 10px;
		margin: 10px;}
	
	#content02 h2 {
		position: absolute;
		z-index: 10;
		left: 0%;
		width: 80%;}
	
	.content02Box{
		height: auto;}
	
	.content02Box a{
		color: #be6332;
		position: static;
		display: block;
		border: 1px solid #fdf9ef;
		font-weight: bold;
		border-radius: 10px;
		width: 100%;
		margin: 1em auto 0;
		text-align: center;
		padding: 5px 15px;
		box-sizing: border-box;}
		
	.spTx h3 {
		margin-bottom: 1em;
		text-align: center;}
	
	.spTx h3 img{
		width: 90%;}
	
	#content02-enshu {
		background: url("../images/content02-cap01BG.png") repeat-x bottom;}
	
	#content02-alps {
		background: url("../images/content02-cap02BG.png") repeat-x bottom;}
	
	#content02-enshu p,
	#content02-alps p{
		position: static;}
	
	#plan-group {
		padding: 30px 10px 50px 10px;
		box-sizing: border-box;
		margin-top: 0;}
	
	#plan-group .plan-Box .item{
		margin: 0;
		padding-top: 20px;}
	
	#plan-group p{
		display: block;}
	
	#plan-group .title img{
		width: auto;}
	
	.globalFooter__link img{
		width: auto;}

	.contents-bg {
		height: 40vh;
	}
	#content01 .contents-bg,
	#content04 .contents-bg{
		background-size: cover;
		background-attachment:inherit;
		background-position: top center;
	}
	
	#content02 .contents-bg,
	#content03 .contents-bg{
		background-size: cover;
		background-attachment:inherit;
		background-position: top center;
	}
	
	.sp-box .box a.plan-btn{
		display: block;
		width: 100%;
		background: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		text-align: center;
		padding: 0.5em;
		color: #636363;
		font-weight: bold;
		position: relative;
		transition: all .3s;
		margin-top: 1.5em;
	}
	.sp-box .box a.plan-btn::after{
		content: "\025B8";
		font-size: 2em;
		position: absolute;
		right: 20px;
		transition: all .3s;
	}
	.sp-box .box a.tel-btn{
		color: #fff;
		text-decoration: underline;
	}

	.sp-box .box{
		color: #fff;
		width: 93%;
		margin: 0 auto;
		padding: 7px;
		border: 1px solid #fff;
		position: relative;
	}
	.sp-box{
		    padding: 15px 0;
	}
	.sp-box .box h3{
		    font-size: 1.3em;
		line-height: 1.4;
		font-family:"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		border-bottom: 1px solid #fff;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
	}
	.sp-box .box-top{
		position: absolute;
		top: -25px;
		left: 15px;
	}
	.sp-box .box-top img{
		max-height: 50px;
		width: auto;
	}
	.sp-box .box-inner{
		padding: 1.5em 1em;
    position: relative;
	}
	.sp-box .box p{
		font-size: 1.1em;
		text-align: justify;
	}
	.sp-box .box p.s-text{
		line-height: 1.5;
	}
	.sp-box .box p.s-text span{
		display: inline-block;
		padding: 0.1em 0.5em;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		border: 1px solid #fff;
	}
	.box .box-inner em{ background: #fff; border: none; }

	.about-wrap.about-03,
	.about-wrap.about-04,
	.about-wrap.about-05{
		border-top: none;
	}

	.sp-box-1 .box-inner em{ color: #456f46;}
	.sp-box-2 .box-inner em{ color: #5185a1;}
	.sp-box-3 .box-inner em{ color: #a86d3b;}
	.sp-box-4 .box-inner em{ color: #b4493f;}
	.sp-box-1{ background: #456f46;}
	.sp-box-2{ background: #5185a1;}
	.sp-box-3{ background: #a86d3b;}
	.sp-box-4{ background: #b4493f;}
#column-1.column-contents .inner {
    width: 95%;
    padding: 30px 30px 150px;
    position: relative;
}
	#column-1.column-contents .column-title h3 {
    font-size: 1.3em;
}
	#column-1.column-contents .column-title .column-title-left {
    max-width: 100%;
}
	#column-1.column-contents .column-title {
		display: block;}
	#column-1.column-contents .column-title .column-title-left p {
		font-size: 0.9em;}
	#column-1.column-contents .column-box{
		flex-wrap: wrap;
	}
	#column-1.column-contents .column-box.column-box-2{
		flex-wrap: wrap-reverse;
	}
	#column-1.column-contents .column-box .column-box-text {
    width: 100%;
    margin-top: 1em;
}
	#column-1.column-contents .column-box .column-box-img {
    width: 100%;
		min-height: 190px;}
	#column-1.column-contents .column-title .column-title-right{
		    position: absolute;
    bottom: 20px;
		right: 20px;
		width: 55%;
	}
	#column-2.column-contents .inner {
    width: 100%;
flex-wrap: wrap;
        background: rgb(255 255 255 / 80%);
    background-size: 65% 100%;
    padding: 3em 1em;
}
	
	#column-2.column-contents .column-box-img {
    width: 100%;
		height: 250px;}
	#column-2.column-contents .column-box-text {
    width: 100%;
    margin-top: 1.5em;
}
	#plan-group ul li {
		width: 100%;}
	
	.sub-column-area .sub-column-box{
		width: 100%;
		position: static;
		display: block;
		border-radius: 0;
		box-shadow: none;
	}
	.sub-column-area .sub-column-box .sub-left,
	.sub-column-area .sub-column-box .sub-right{
		width: 100%;
	}
	.sub-column-area .sub-column-box .sub-left{
		min-height: 300px;
	}
	.sub-column-area .sub-column-box .sub-right a.sub-btn{
		font-size: 13px;
	}
	#bus-wrap,
	#bus-wrap .bus-inner,
	#bus-wrap .bus-left{
		width: 95%;
	}
	#bus-wrap {
		margin: 80px auto 0;
	}
	#bus-wrap .bus-right {
		margin-left: 0;
		    margin-top: 25px;
	}
	#bus-wrap .bus-left h3{
		font-size: 17px;
	}
	#bus-wrap .bus-inner{
		display: block;
	    padding: 40px 20px 25px;
	}
	#bus-wrap .bus-left h3 img{
		width: 50px;
	}
	#bus-wrap .bus-left p {
		font-size: 14px;
	}
	#bus-wrap .bus-right .cate{
		font-size: 15px;
	}
	#plan-group .title{
		margin-top: 30px;
	}
	
	
	#column-title-wrap .column-title-inner h2 img {
		width: 85%;
	}
	#column-title-wrap {
		padding: 2em 0;
		background-position:  left 25% top;
	}
	.topics-box .topics-outer {
		width: 90%;
	}
	.topics-inner {
		width: 90%;
		    margin: 50px auto 30px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.topics-2 .topics-inner {
		flex-wrap: wrap-reverse;
	}
	.topics-inner .topics-title {
		padding-top: 30px;
	}
	.topics-inner .topics-title img{
		width: auto;
		height: 60px;
	}
	.topics-1 .topics-inner .topics-title img{
		display: inline-block;
	    padding-right: 4.5em;
	}
	.topics-1 .topics-bg {
		right: 65px;
		top: 187px;
		width: 63px;
	}
	.topics-2 .topics-bg {
		right: 15px;
		bottom: 70px;
		left: auto;
		width: 70px;
	}
	.topics-1{
		background: url("../images/bg-1.jpg") no-repeat bottom;
		background-size: cover;
	}
	.ex-text {
		margin: 20px 1em 30px 1em;
	}
	.ex-inner {
    padding: 40px 25px;
}
	.virus-btn{
	max-width: 90%;
		    margin: 2em auto;
}
	.virus-btn a{ padding: 0.7em;}
	.ex-inner h4{ font-size: 1.2em;}
	.ex-inner h4 br{ display: none;}
	.ex-inner video{
	height: auto;
}
	.ex-inner ul li {
    font-size: 0.95em;
	}
	.ex-inner p em {
    font-size: 1.1em;
}
	.pl-inner{ width: 95%;}
	.pl-inner p{
	text-align: left;
}
	.pl-inner p br{
		display: none;
	}
	.pl-inner ul.plan-wrap li a{
    font-size: 3em;
    background: url("../images/bn-bg-1.jpg") no-repeat bottom left 32%;
    background-size: auto 146%;
}
	
/*////////////////////////////////////////////////////////
	kinen-wrap
////////////////////////////////////////////////////////*/
	
	.contents .kinen-btn a.fixed{}
	.contents .kinen-obi img{ max-width: 145px;}
	.contents .kinen-title{ font-size: 1.2em;}
	.contents .kinen-title strong br{ display: block;}
	.contents .kinen-more{ font-size: 12px;    border-radius: 10px 0 0 0;
		line-height: 1.5;    padding: 2px 5px 2px 10px;}
	
/*////////////////////////////////////////////////////////
	#autumn-point
////////////////////////////////////////////////////////*/	
	
	.about-wrap .about-inner h2{ font-size: 26px;}
	.about-wrap .about-inner{ padding: 35px 2em;}
	#autumn-point{ padding: 60px 0;}
	#autumn-point .column-title p{ font-size: 1.1em;}
	#autumn-point .carousel .c-item{ max-width: 97%;}
	#autumn-point .carousel .c-text{ padding: 1.5em 1.5em 2em;}
	#autumn-point .carousel .c-item{ margin: 0 1em;}
	#autumn-point .slick-prev{ left: 0;}
	#autumn-point .slick-next{ right: 0;}
	.topics-box{ padding: 60px 0;}
	
	
	.column-wrap .column-inner{
		padding: 25px;
		flex-wrap: wrap;
		    width: 100%;
	}
	.column-wrap .column-inner .c-img {
		width: 100%;
		/* height: 400px; */
	}
	.column-wrap .column-inner .c-text {
		width: 100%;
		margin-top: 30px;
	}
    
    
    .column-contain .column-title-h1{
        padding: 0.7em 0.5em;
        width: 95%;
        text-align: center;
        font-size: 1.2em;
    }

	.column-main-img_cap{
		font-size: 11px;
		line-height: 1.4;
	}
	.column-main-img_cap.cap-01{
		letter-spacing: -0.5px;
	}
	.column-main-img_cap.cap-02{
		top: 37%;
		left: 15px;
	}
	.column-main-img_cap.cap-03{
		top: 70%;
		left: 15px;
	}

}


@media screen and (max-width: 430px) {
	.fb-like{ display: none !important;}
	.fb-share-button{ display: block !important;}
    .column-contain .btn a{
        width: 100%;
        padding: 0.9em 0;
    }
}

@media screen and (max-width: 350px) {
	p{ font-size: 14px;	line-height: 25px;}
	#plan-group .item p{ font-size: 13px;}
}

@media screen and (max-width: 300px) {
	#menu ul li{ margin: 0px 8px;}
	#plan-group .title{	padding: 0;}
	#plan-group .title img{	width: 80%;}
	#plan-group { margin-top: 80px;}
}

@media print {
	
	#menu{ display: none;}
	
}

/* PC、Tablet用CSSの記述 */
@media (min-width:768px){

	.column-contain .column-sub-img img{
		object-fit: cover;
		height: 100%;
	}
}