@charset "utf-8";

p a,p a:link{ text-decoration: underline;}
p a:hover{ text-decoration:underline;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

wrap

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.container{ margin:0 110px; /*margin:0 5%;*/}
.container-mini{ width: 100%; max-width: 1120px; margin: 0 auto 40px; position: relative;}
.container-mini:last-child{ margin-bottom: 0;}
.container-mini.news { max-width: 800px; }
.container .container-mini-harf{ width:540px; display: block;}
.wrap{margin-bottom: 50px; position: relative;}
* > .wrap:last-child{ margin-bottom: 0;}
.wrap:last-child{ margin-bottom: 0;}

@media screen and (max-width: 1200px) {
	.container{ margin:0 110px 60px;}
	.container-mini{ width: auto; margin:0 5% 20px;}
	.container .container-mini{ margin:0 auto 20px;}
	.container .container-mini-harf{ width:auto; display: block; margin:0 auto 20px;}
}

@media screen and (max-width: 900px) {
.container{ margin:0 5%;}
.container-mini{ width: auto; margin:0 5% 20px;}
.container .container-mini{ margin:0 auto 20px;}
.wrap{margin-bottom: 20px;}
}

	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

ナビゲーション

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

a.logo{ width: 60px; height: 80px; background: url(../img/logo.svg) no-repeat center; background-size: 62px; text-indent: -9999px; overflow: hidden;}

/* header ////////////////////////////////////////////////////////////////////////////////////////////*/
#header-wrapper{width:100%;height: 110px;display:block;padding: 10px 40px;box-sizing:border-box;position:absolute; left: 0; top: 0; z-index: 9000; background: #fff;}
#header-wrapper .header-inner{ position: relative; text-align: center;  -ms-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s;}
#header-wrapper a.logo{position:fixed;left: 40px;top: 15px;z-index: 1000;}
#header-wrapper .header-inner #globalNav{ display: inline-block; width: 610px;}
#header-wrapper .header-inner #globalNav ul{ width: 100%; max-width: 860px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify;    justify-content: space-between;}
#header-wrapper .header-inner #globalNav ul li{ display: inline-block; position: relative;}
#header-wrapper .header-inner #globalNav ul li:first-child{ display: none;}
#header-wrapper .header-inner #globalNav ul li a{ display: inline-block; padding:0 20px; letter-spacing: 0.05em; line-height: 50px; margin-top: 20px; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 1.1rem;}

#header-wrapper .header-inner #globalNav ul li ul.nav-hover{ display: none;}
#header-wrapper .header-inner #subNav{ width: 240px; overflow: hidden; display: flow-root; position: absolute; top: 10px; right: 0;}
#header-wrapper .header-inner #subNav ul li{ width: 110px; margin-right: 20px; display: block; float: left; margin-bottom: 10px;}
#header-wrapper .header-inner #subNav ul li:nth-child(even){ margin-right: 0; }
#header-wrapper .header-inner #subNav ul li:nth-child(3),
#header-wrapper .header-inner #subNav ul li:nth-child(4){ margin-bottom: 0;}

#header-wrapper .header-inner #subNav ul li.navNews{ display: none;}


#header-wrapper .header-inner #subNav ul li a{ line-height: 30px; display: block; border-bottom: 1px solid #000; box-sizing: border-box; letter-spacing: 0.05em; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 0.85rem;}
#home #header-wrapper .header-inner #subNav ul li a{ color: #fff;}
#home #header-wrapper .header-inner #subNav ul li a{border-bottom: 1px solid #fff;}
#header-wrapper .header-inner #subNav .snsWrap{ display: none;}
#home #header-wrapper .header-inner #globalNav ul li a{ color: #fff; font-size: 1.1rem;}

#home #header-wrapper .header-inner #globalNav:hover li a:hover{opacity: 0.5; -ms-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s;}
#home #header-wrapper .header-inner #subNav ul li a:hover{ background: #fff; color: #000; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;}

#header-wrapper .header-inner #globalNav:hover li a:hover{opacity: 0.5; -ms-transition: opacity .5s; -webkit-transition: opacity .3s; transition: opacity .3s;}

#home.drower.open #header-wrapper .header-inner #subNav ul li a:hover{ background:none; color: #fff; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;}

@media screen and (max-width: 1300px) {
	#home #header-wrapper .header-inner #globalNav ul li a{font-size: 0.9rem;}
}

@media screen and (max-width: 900px) {
	
	a.logo{width: 35px;height: 50px;background-size: 35px;}
	#header-wrapper{height: auto; padding:0;}
	#header-wrapper a.logo{position:fixed;left: 5%!important;top: 5px!important;}
	#header-wrapper .nav-sp-access{position: fixed;right: 75px;line-height: 60px;top: 0;letter-spacing: 0.1em;}

}


@media screen and (min-width: 1101px) {
body#home:not(.drower) #header-wrapper .header-inner #globalNav ul li ul.nav-hover li a{ font-size: 0.9rem; color: #000; margin-top: 0; padding-bottom: 10px; line-height: 1.8rem; visibility: hidden;  opacity: 0;  transition: .5s;}
body#home:not(.drower) #header-wrapper .header-inner #globalNav ul li:hover ul.nav-hover li a{font-size: 0.9rem;margin-top: 0;padding: 5px 0;line-height: 1.8rem;visibility: visible;opacity: 1;}
body#home:not(.drower) #header-wrapper .header-inner #globalNav ul li:hover ul.nav-hover li a:hover{opacity: 0.5;}		


	
body:not(.drower) #header-wrapper .header-inner #globalNav ul li ul.nav-hover{display: block;visibility: hidden;opacity: 0;transition: 0s;width: 250px;height: auto;position: absolute;left: 50%;transform: translateX(-50%);-webkit- transform: translateX(-50%);padding: 15px 0;background: rgba(245,245,245,0.9);}
body:not(.drower) #header-wrapper .header-inner #globalNav ul li:hover ul.nav-hover{display: block;  visibility:visible;  opacity: 1; transition: .5s;}
body:not(.drower) #header-wrapper .header-inner #globalNav ul li ul.nav-hover li{ display: block;}
body:not(.drower) #header-wrapper .header-inner #globalNav ul li ul.nav-hover li a{ font-size: 0.9rem; margin-top: 0; padding-bottom: 10px; line-height: 1.8rem; visibility: hidden;  opacity: 0;  transition: .5s;}
body:not(.drower) #header-wrapper .header-inner #globalNav ul li:hover ul.nav-hover li a{font-size: 0.9rem;margin-top: 0;padding: 5px 0;line-height: 1.8rem;visibility: visible;opacity: 1;}
body:not(.drower) #header-wrapper .header-inner #globalNav ul li:hover ul.nav-hover li a:hover{opacity: 0.5;}	

}

/* ///////////////   ハンバーガーボタン   ///////////////////////*/
.btn_humberger { font-size: .6rem; width: 110px; height: 110px; border: none; background: #094a81; display: none; position:fixed; right: 0; top: 0;  -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}
.drower .btn_humberger{ display: block; z-index:1000;}

.btn_humberger > span{ width: 32px; height: 20px; display: block; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);  -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}

.btn_humberger > span span{ width: 10px; height: 2px; display: block; background: #fff; position: absolute; left: 50%; top: 0; transform: translateX(-50%);
  -webkit- transform: translateX(-50%);  -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}

.btn_humberger > span::before{ content: ""; width: 10px; height: 2px; display: block; background: #fff; position: absolute; bottom:0; left: 0;  -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}
.btn_humberger > span::after{ content: ""; width: 10px; height: 2px; display: block; background: #fff; position: absolute; bottom:0; right: 0;  -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}

@media screen and (max-width: 900px) {
.btn_humberger > span{ width: 16px; height: 10px;}
.btn_humberger { width: 60px; height: 60px;}
.btn_humberger > span span{ width: 5px; height: 1px; display: block; background: #fff; position: absolute; left: 50%; top: 0; transform: translateX(-50%);
  -webkit- transform: translateX(-50%);}
.btn_humberger > span::before{ content: "";width: 5px; height: 1px; display: block; background: #fff; position: absolute; bottom:0; left: 0; }
.btn_humberger > span::after{ content: ""; width: 5px; height: 1px; display: block; background: #fff; position: absolute; bottom:0; right: 0; }
}


/*ハンバーガーオープン*/
.drower.open .btn_humberger{ background: #f5f5f5;}
.drower.open .btn_humberger > span{ width: 32px; height: 32px;}
.drower.open .btn_humberger > span span{ display: none;}
.drower.open .btn_humberger > span::before{ content: ""; width: 40px; height: 2px; display: block; background: #094a81; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) rotate(45deg);  -webkit- transform: translateY(-50%) translateX(-50%) rotate(45deg); }
.drower.open .btn_humberger > span::after{ content: ""; width: 40px; height: 2px; display: block; background: #094a81; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) rotate(-45deg);  -webkit- transform: translateY(-50%) translateX(-50%) rotate(-45deg);}

@media screen and (max-width: 900px) {
	.drower.open .btn_humberger > span{ width: 20px; height: 20px;}
	.drower.open .btn_humberger > span::before{ content: ""; width: 20px; height: 1px; display: block; background: #094a81; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) rotate(45deg);  -webkit- transform: translateY(-50%) translateX(-50%) rotate(45deg); }
	.drower.open .btn_humberger > span::after{ content: ""; width: 20px; height: 1px; display: block; background: #094a81; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) rotate(-45deg);  -webkit- transform: translateY(-50%) translateX(-50%) rotate(-45deg);}
}

/*ドロワー*/
.drower .btn_humberger{ display: block; z-index:1000;}
.drower #header-wrapper a.logo{ z-index: 100;}

.drower #header-wrapper .header-inner{ width: 100%; height: 100%; display: block; background: #fff; position: fixed; left: 0; top: 0; padding: 0; display: none; }
@media screen and (max-width: 900px) {

.drower #header-wrapper{background: #fff;height: 60px;}	
	
}
.drower #header-wrapper .header-inner #globalNav{width: 50%;height: 100vh;background: #fff;display: block;position:absolute;right: 0;top: 0;z-index: 10;}
.drower #header-wrapper .header-inner #globalNav > ul{ width: 100%; max-width: 500px; display:block; margin: 0 auto; position: absolute; left: 50%;
	top:-webkit-calc(50% - 90px); top:calc(50% - 90px); transform: translateY(-50%) translateX(-50%);  -webkit- transform: translateY(-50%) translateX(-50%);}

.drower #header-wrapper .header-inner #globalNav ul > li{ display:block; position: relative; width: 100%; margin-bottom: 20px;}
.drower #header-wrapper .header-inner #globalNav ul > li:first-child{ display: block;}
.drower #header-wrapper .header-inner #globalNav ul > li > a{ display:block; padding:0; letter-spacing: 0.05em; line-height: 1em; margin-top:0; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: left; margin-bottom: 0;}
.drower #header-wrapper .header-inner #globalNav ul li > a{ font-size: 1.5rem; margin-bottom: 15px; color:#000!important; position: relative;	}
.drower #header-wrapper .header-inner #globalNav > ul > li > a::before{content: "";width: 15px;height: 1px;display: block;background: #000;position: absolute;left: -25px;top: 0.6em;}
.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover{ display:block; position: relative; text-align: left;}
.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover li{ display: inline-block; width: auto; margin-bottom: 0; margin-right: 10px; }
.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover li a{ font-size: 1rem;  line-height: 1.5em; margin-bottom: 10px; color:#000!important;}
.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover li a:after{ content:"/"; color: #000; display: inline-block; font-size: 1rem; margin-left: 10px;}
.drower #header-wrapper .header-inner #globalNav ul li > a:hover{ opacity: 0.5;}

.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover li a[target="_blank"]:not(.btn):after{display: none;}

.drower #header-wrapper .header-inner:after{content: "";width: 50%;height: 100vh; background:url(../img/home/slide4.jpg) no-repeat center; background-size: cover;display: block;position:absolute;left: 0;top: 0;z-index: 1;}

#tour.drower #header-wrapper .header-inner:after{content: "";width: 50%;height: 100vh; background:url(../img/home/slide2.jpg) no-repeat center; background-size: cover;display: block;position:absolute;left: 0;top: 0;z-index: 1;}

#about.drower #header-wrapper .header-inner:after{content: "";width: 50%;height: 100vh; background:url(../img/home/home_staff.jpg) no-repeat center; background-size: cover;display: block;position:absolute;left: 0;top: 0;z-index: 1;}

#facility.drower #header-wrapper .header-inner:after{content: "";width: 50%;height: 100vh; background:url(../img/home/slide1.jpg) no-repeat center; background-size: cover;display: block;position:absolute;left: 0;top: 0;z-index: 1;}


@media screen and (max-width: 900px) {
	#tour.drower #header-wrapper .header-inner:after{content: "";width: 100%;height: 50vh; background:url(../img/home/slide2.jpg) no-repeat center; background-size: cover;display: block;position:absolute;left: 0;top: 0;z-index: 1;}

#about.drower #header-wrapper .header-inner:after{content: "";width: 100%;height: 50vh; background:url(../img/home/home_staff.jpg) no-repeat center; background-size: cover;display: block;position:absolute;left: 0;top: 0;z-index: 1;}

#facility.drower #header-wrapper .header-inner:after{content: "";width: 100%;height: 50vh; background:url(../img/home/slide1.jpg) no-repeat center; background-size: cover;display: block;position:absolute;left: 0;top: 0;z-index: 1;}
}

.drower #header-wrapper .header-inner #subNav{ width: 100%; height: 90px;  background: #094a81; overflow: hidden; position:absolute; top:auto; bottom: 0; right: 0; text-align: left; padding: 20px 40px;  z-index: 10;}
.drower #header-wrapper .header-inner #subNav ul li{ width: auto; margin-right: 20px; display:inline-block; float:none; margin-bottom: 0;}
.drower #header-wrapper .header-inner #subNav ul li a,
.drower #header-wrapper .header-inner #subNav ul li span{ line-height: 50px; display: block; border-bottom:none!important; color: #fff; font-weight: 100;}
.drower #header-wrapper .header-inner #subNav ul li:nth-child(even){ margin-right: 20px; }
.drower #header-wrapper .header-inner #subNav ul li a:after{ content:""; color: #fff; display: inline-block; margin-left: 20px;}


.drower #header-wrapper .header-inner #subNav .snsWrap ul li a:after{ display: none;}
.drower #header-wrapper .header-inner #subNav ul li:last-child a:after{ display: none;}
.drower #header-wrapper .header-inner #subNav ul li a:hover{ opacity: 0.5;}

.drower #header-wrapper .header-inner #subNav .snsWrap{ display:inline-block; position: absolute; right: 40px; top: 50%;  width: 120px;	transform: translateY(-50%);  -webkit- transform: translateY(-50%) ;}
.drower #header-wrapper .header-inner #subNav .snsWrap li{float: left; margin-right: 0!important;}
.drower #header-wrapper .header-inner #subNav .snsWrap li:last-child{float: left;}
.drower #header-wrapper .header-inner #subNav .snsWrap li svg { fill:#fff;	}
.drower #header-wrapper .header-inner #subNav .snsWrap li a::after{display: none;}

.drower.open #header-wrapper .header-inner{ display: block;}
.drower.open #header-wrapper a.logo{ z-index: 100; position: fixed;  left: 40px; top:20px;}

@media screen and (max-width: 1300px) {
	.drower #header-wrapper .header-inner #globalNav > ul{max-width: 400px;}
	.drower #header-wrapper .header-inner #globalNav > ul > li > a::before{width: 10px; left: -20px;}
	
}

@media screen and (max-width: 900px) {
	.drower #header-wrapper .header-inner{overflow: scroll;}
	.drower #header-wrapper .header-inner #globalNav{ width: 100%; height: auto; background: #fff; display: block; position:relative; left:auto; left: inherit; top:auto; top: inherit; z-index: 10; padding-top: 100px;    padding-bottom: 30px;}
	.drower #header-wrapper .header-inner #globalNav > ul{ width: 90%; max-width:inherit; display:block; margin: 0 5%; position:relative; left:auto; left: inherit; top:auto; top: inherit; transform:none;  -webkit- transform:none;}
		.drower #header-wrapper .header-inner #globalNav ul li > a{ font-size: 1.2rem;}
	.drower #header-wrapper .header-inner #globalNav ul > li{ margin-bottom: 30px;}


	.drower #header-wrapper .header-inner #subNav{ height:auto;  background: #094a81; overflow: hidden; position:relative; left:auto; left: inherit; right:auto; right: inherit; top:auto; top: inherit; bottom:auto; bottom: inherit; text-align: left; padding: 5% 5%;  z-index: 10;}
	.drower #header-wrapper .header-inner #subNav ul{ margin-left: 1em;}
	.drower #header-wrapper .header-inner #subNav ul li{margin-right: 0; display:block;}
	.drower #header-wrapper .header-inner #subNav ul li a{ line-height: 30px; }
	.drower #header-wrapper .header-inner #subNav ul li:nth-child(even){ margin-right: 0; }
	.drower #header-wrapper .header-inner #subNav ul li a:after{ display: none;}
	.drower #header-wrapper .header-inner #subNav ul li:last-child a:after{ display: none;}
	.drower #header-wrapper .header-inner #globalNav ul > li:last-child{ margin-bottom: 0;}

	.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover{ margin-left: 1em;}
	.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover li{ display:block; margin-right: 0; }
	.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover li a{ font-size: 0.9rem;  line-height: 1.5em;}
	.drower #header-wrapper .header-inner #globalNav ul li > ul.nav-hover li a:after{ display: none;}


	.drower #header-wrapper .header-inner #subNav .snsWrap{ display:block; position: absolute; right: 10%; top: 50%;  width: 60px;	transform: translateY(-50%);  -webkit- transform: translateY(-50%) ;}
	.drower #header-wrapper .header-inner #subNav .snsWrap li{float:none; margin-right: 0!important; margin-bottom: 20px;}
	.drower #header-wrapper .header-inner #subNav .snsWrap li:last-child{float: none; margin-bottom: 0;}
	.drower #header-wrapper .header-inner #subNav .snsWrap li a svg { fill:#fff; width: 30px; height: auto;	}	
}


#header-wrapper .header-inner .gnav-bnr{display: none;}
.drower #header-wrapper .header-inner .gnav-bnr{width: 50%; height: 100vh; display: block; position: absolute; left: 0; top: 0; z-index: 4; }
.drower #header-wrapper .header-inner .gnav-bnr .-inner{display: flex; width: 100%; height: 100%;  }
.drower #header-wrapper .header-inner .gnav-bnr .-inner img{margin: auto; width: 60%;  max-width: 100%; transform: translateY(-45px);}

@media screen and (max-width: 900px) {
	.drower #header-wrapper .header-inner #globalNav{padding-top: 10vw; padding-bottom:5vw;}
	.drower #header-wrapper .header-inner:after{ width: 100%; height: 100vw;}
	.drower #header-wrapper .header-inner .gnav-bnr{width: 100%; height: 100vw;     position: relative;}
	.drower #header-wrapper .header-inner .gnav-bnr .-inner img{margin: auto; width: 70%;  max-width: 100%; transform: translateY(0px);}
}

/* footer ////////////////////////////////////////////////////////////////////////////////////////////*/
#footer-wrapper{background:#FFFFFF;padding: 40px 0; z-index: 110; position: relative;}
.footer-copyright{ text-align:center; font-size: 0.7rem; color: #666;}
#footNav {text-align: center;display: block; margin-bottom: 40px;}
#footNav li {display: inline-block;margin: 0 20px;}
#footNav li a{font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#footer-wrapper a.logo{ display: inline-flex;  width: 80px; height: 120px; background: url(../img/logo.svg) no-repeat center; background-size: 80px; margin-bottom: 10px; 
}

#footer-wrapper .footLogoArea{ margin-bottom: 40px;}
@media screen and (max-width: 900px) {
	#footer-wrapper{background:#FFFFFF;padding: 20px 0;}
	#footNav{ margin-bottom: 20px;}
	#footNav li {display: inline-block;margin: 0 0; width: 48%;}
	#footNav li a{display: block; font-size: 0.8rem; line-height: 2.5em;}
	#footer-wrapper .footLogoArea{ margin-bottom: 20px;}
	#footer-wrapper a.logo{display: inline-flex;
    width: 60px;
    height: 90px;
    ground: url(../img/logo.svg) no-repeat center;
    background-size: 60px;
    -bottom: 10px;}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

コンテンツ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	
main article{}
main section{ padding-top:0; display:block; margin:0 auto;}
main .contentsSection{ padding:80px 0 0; display: block; overflow: hidden; position: relative;}
main .contentsSection:last-child{ margin-bottom: 80px;}
@media screen and (max-width: 900px) {
	main .contentsSection{ padding:40px 0 0; }
}

/* single or double ////////////////////////////////////////////////////////////////////////////////////////////*/
#container{ padding-top: 110px; }

@media screen and (max-width: 900px) {
	#container{padding-top: 60px;padding-bottom: 40px;}
}

/* column ////////////////////////////////////////////////////////////////////////////////////////////*/
.column-flex{display: -webkit-flex!important; display: flex!important; -webkit-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: justify;	justify-content: space-between; }
.row-revers { flex-direction: row-reverse;}

.box-column1{width: 100%; max-width:600px; display: inline-block; }
.column-flex.box-column2 .box-column-size1{ width: calc(50% - 20px);  width: -ms-calc(50% - 20px);  width: -webkit-calc(50% - 20px); margin-bottom: 40px;}
.column-flex.box-column3 .box-column-size1{  width: calc(33.3333% - 26px); width: -webkit-calc(33.3333% - 26px) ;}
.column-flex.box-column3 .box-column-size1:nth-child(3n){ margin-right:0; }
.column-flex.box-column3 .box-column-size2{ width:66.2%;}


.column-flex.box-column4 .box-column-size1{ width: calc(25% - 30px); width: -webkit-calc(25% - 30px); }
.column-flex.box-column4 .box-column-size1:nth-child(4n){ margin-right:0; }

.column-flex.box-column4.justify-start .box-column-size1{ margin-right: 40px;}
.column-flex.box-column4.justify-start .box-column-size1:nth-child(4n){ margin-right:0; }

.column-flex.box-column4 .box-column-size2{ width: calc(50% - 20px); width: -webkit-calc(50% - 20px); }
.column-flex.box-column4 .box-column-size2:nth-child(2n){ margin-right:0; }
.column-flex.box-column4 .box-column-size3{ width: calc(75% - 10px); width: -webkit-calc(75% - 10px);}

.column-flex.box-column5 .box-column-size1{ width: calc(20% - 24px); width: -webkit-calc(20% - 24px);}
.column-flex.box-column5 .box-column-size2{ width:39.4%;}
.column-flex.box-column5 .box-column-size3{ width:59.6%;}
.column-flex.box-column5 .box-column-size4{ width:79.8%;}

.column-flex.box-column5.justify-start .box-column-size1{ margin-right: 30px;}
.column-flex.box-column5.justify-start .box-column-size1:nth-child(5n){ margin-right: 0;}

/*左から並ぶ場合*/
.justify-start {-webkit-box-pack: start; justify-content: start; }
.column-flex.box-column2.justify-start .box-column-size1{ margin-right:40px; }
.column-flex.box-column2.justify-start .box-column-size1:nth-child(even){ margin-right:0; }

.-Hcenter{margin: auto!important; display: block;}

@media screen and (max-width: 900px) {
	.box-column1{width:auto; }
	.column-flex.box-column2 .box-column-size1,
	.column-flex.box-column3 .box-column-size1,
	.column-flex.box-column3 .box-column-size1:nth-child(3n),
	.column-flex.box-column3 .box-column-size2{ width: 100%; margin: 0 auto;}
	.box-column-size1.text-wrap.pt20{ padding-top: 0!important;}
	
	.column-flex.box-column4 .box-column-size1,
	.column-flex.box-column4 .box-column-size2{ width:100%; }
	.column-flex.box-column4 .box-column-size3{ width: 100%;}
	
	#container .column-flex .box-column-size1,
	#container .column-flex .box-column-size2{ margin-bottom: 20px;}
	
	#container .column-flex .box-column-size1:last-child, #container .column-flex .box-column-size2:last-child{ margin-bottom: 0;}
	
	.column-flex.box-column2.justify-start .box-column-size1{ margin-right:0; }
}

/* //////////////////////////////////////////////////////////////////////////////////////////

img

////////////////////////////////////////////////////////////////////////////////////////////*/
figure img{ width: 100%; height: auto;}
figure.circle{width: 100%; padding-top: 100%; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); display: block; overflow: hidden; position: relative; margin-bottom: 20px;}
figure.circle img{width:auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}
.img-wrap{ overflow: hidden;}
.img-wrap.center{ position: relative; overflow: hidden;}
.img-wrap.center img{width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}

.img-wrap.center-p{ position: relative; overflow: hidden; width: 100%; padding-top: 100%;}
.img-wrap.center-p img{width: auto; height:  100%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}
.text-wrap *:last-child{ margin-bottom: 0;}
.main-single{}
.main-single .img-wrap{ width: 100%; padding-top: 40%; display: block; overflow: hidden;  background-size: cover; background: #094a81;}
.main-single .text-wrap{width: 640px;padding: 20px 30px 0 30px;background: #fff;text-align: center;margin: -80px auto 0;position: relative;z-index: 10;}
.main-single .text-wrap .title3{ text-align: center; margin-bottom: 20px;}
@media screen and (max-width: 900px) {
	figure.circle{ margin-bottom: 10px; width: 80%; padding-top: 80%; margin: 0 auto 10px;}
	.container.wrap.main-single{ margin: 0 auto 60px;}
	.container.wrap.main-single .img-wrap{ width: 100%; height:auto; padding-top: 50%; background-size: cover;}
	.main-single .img-wrap{ height: auto; padding-top: 100%; background-size: cover;}
	.main-single .text-wrap{ width: 90%; display: block; margin: 0 5%; padding: 20px 20px 0; margin:-20px auto 0; position: relative; z-index: 10;}
	.main-single .text-wrap .title3{ text-align: center; margin-bottom: 10px;}
}

/* //////////////////////////////////////////////////////////////////////////////////////////

layout-L

////////////////////////////////////////////////////////////////////////////////////////////*/
.layout-L{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;	justify-content: space-between; margin-bottom: 60px;}
.layout-L:last-child{ margin-bottom: 0;}
.layout-L .text-wrap{width: 300px;text-align: left;}
.layout-L .text-wrap .title2{ margin-bottom: 20px; font-size: 1.6rem; line-height: 1.7em;}
.layout-L .img-wrap{width: calc(100% - 340px); width: -webkit-calc(100% - 340px); position: relative; overflow: hidden; }
.layout-L .img-wrap img{-ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; transform-origin:50%;}

.layout-L.title-over .text-wrap{padding-top: 220px;position: relative;}
.layout-L.title-over .text-wrap .title2{width: 1000px;display: block;position: absolute;right: 0;top: 40px;line-height: 1.6em;text-align: right;font-size: 3.3rem;}
.layout-L.title-over .text-wrap .title4{ text-align: right;}

.layout-L.title-over.row-revers .text-wrap .title2{ left: 0; right: inherit; text-align: left; }
.layout-L.title-over.row-revers .text-wrap .title4{ text-align: left;}

.layout-L.title-over{}


a.layout-L .btn-arr{width: 100%;position: relative;text-align: left;}
a.layout-L .btn-arr span{ position: relative; z-index: 10;}

a.layout-L .img-wrap .inner{background:rgb(9, 74, 129);display: block;overflow: hidden;width: 100%;padding-top: 50%;position: relative;}
a.layout-L .img-wrap .inner img{ position: absolute; left: 0; top: 0; }


/*a.layout-L:nth-child(odd) .img-wrap .inner::before{ content: ""; width: 100%; height: 100%; display: block; position: absolute; right: 0; top: 0; background: #094a81; -ms-transition: all .5s ease-out .5s; -webkit-transition: all .5s ease-out .5s; transition: all .5s ease-out .5s; z-index: 10;}
a.layout-L:nth-child(odd) .img-wrap .inner::after{ content: ""; width: 100%; height: 100%; display: block; position: absolute; right: 0; top: 0; background: #ccc; -ms-transition: all .5s ease-out ; -webkit-transition: all .5s ease-out ; transition: all .5s ease-out ; z-index: 11; }
a.layout-L:nth-child(odd).active .img-wrap .inner::before{ content: ""; width: 0%; height: 100%; display: block; position: absolute; right: 0; top: 0; background: #094a81;}
a.layout-L:nth-child(odd).active .img-wrap .inner::after{content: ""; width: 0%; height: 100%; display: block; position: absolute; right: 0; top: 0; background: #ccc;}

a.layout-L:nth-child(even) .img-wrap .inner::before{ content: ""; width: 100%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #094a81; -ms-transition: all .5s ease-out .5s; -webkit-transition: all .5s ease-out .5s; transition: all .5s ease-out .5s; z-index: 10;}
a.layout-L:nth-child(even) .img-wrap .inner::after{ content: ""; width: 100%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #ccc; -ms-transition: all .5s ease-out ; -webkit-transition: all .5s ease-out ; transition: all .5s ease-out ; z-index: 11; }
a.layout-L:nth-child(even).active .img-wrap .inner::before{ content: ""; width: 0%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #094a81;}
a.layout-L:nth-child(even).active .img-wrap .inner::after{content: ""; width: 0%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #ccc;}
*/

a.layout-L:hover .arr-black .st0{fill:none; stroke:#000; stroke-miterlimit:10;}
a.layout-L:hover .img-wrap .inner img{ position: absolute; left: 0; top: 0; transform: scale(1.05); -webkit-transform: scale(1.05); opacity: 0.85;}
a.layout-L:hover .btn-arr{ padding-left:30px;  }
a.layout-L:hover .btn-arr svg{ left: 10px; width: 13px; height: 13px; }

a.btn-arr:hover,
a:hover .btn-arr{ opacity: 0.5;}


@media screen and (max-width: 900px) {
	.layout-L{ margin-bottom: 30px;}
	.layout-L .text-wrap{ padding-top: 0; width: auto; display: block;	}
	.layout-L .text-wrap .title2{margin-bottom: 10px;font-size: 1.1rem;text-align: center;width: 90%;margin: -40px 5% 0;padding-top: 10px;/* margin-top: -20px; */background: #fff;}
	.layout-L .img-wrap{width:100%;padding-top: 0;height: auto;position: relative;overflow: hidden;margin-bottom: 10px;}
	.layout-L .img-wrap img{ height: 100%; width: auto;}
	.layout-L.title-over .text-wrap{ padding-top: 0; position: relative;}
	.layout-L.title-over .text-wrap .title2{font-size: 1.4rem;width: 94%;display: block;position:relative;right: 0;top: 0;text-align: center;margin-left: 5%;background: #ffffff;}
	.layout-L.title-over .text-wrap .title4{ text-align: center;}
	.layout-L.title-over.row-revers .text-wrap .title2{background: #ffffff;text-align: center;margin-left: 3%;margin-bottom: 10px;}
	a.layout-L .btn-arr{ text-align: center;}
}

/* //////////////////////////////////////////////////////////////////////////////////////////

layout-M

////////////////////////////////////////////////////////////////////////////////////////////*/
.layout-M{ margin-bottom: 40px;}
.layout-M .img-wrap{ height: auto; padding-top: 50%; margin-bottom: 20px;  -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;}
.layout-M .img-wrap img{ transform-origin: 0; -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}
a.layout-M .img-wrap {background: rgb(9, 74, 129); }
a.layout-M:hover .img-wrap img{ opacity:0.8; transform: scale(1.05) translateY(-50%) translateX(-50%); -webkit-transform: scale(1.05) translateY(-50%) translateX(-50%); transform-origin: 0;}

.layout-M .title3{ margin-bottom: 10px; }
.layout-M .text-wrap{ display: block; margin: 0 20px;}


.layout-M .img-wrap .settour-thumbnail { -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}
a.layout-M:hover .img-wrap .settour-thumbnail { opacity:0.8; transform: scale(1.05); }


/*
a.layout-M .img-wrap::before{ content: ""; width: 100%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #094a81; -ms-transition: all .5s ease-out .5s; -webkit-transition: all .5s ease-out .5s; transition: all .5s ease-out .5s; z-index: 10;}
a.layout-M .img-wrap::after{ content: ""; width: 100%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #ccc; -ms-transition: all .5s ease-out ; -webkit-transition: all .5s ease-out ; transition: all .5s ease-out ; z-index: 11; }
a.layout-M.active .img-wrap::before{ content: ""; width: 0%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #094a81;}
a.layout-M.active .img-wrap::after{content: ""; width: 0%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #ccc;}
*/

/*
a.layout-M figure.circle{transform:scale(0.95); -webkit-transform:scale(0.95); opacity: 0; -ms-transition: all .5s ease-out .5s; -webkit-transition: all .5s ease-out .5s; transition: all .5s ease-out .5s;}
a.layout-M.active figure.circle{transform:scale(1); opacity: 1; -webkit-transform:scale(1);}
*/
@media screen and (max-width: 900px) {
	.layout-M .img-wrap{ height: auto; padding-top: 49%; margin-bottom: 10px; }
	.img-wrap.center-p{ padding-top: 100%;}
}

/* //////////////////////////////////////////////////////////////////////////////////////////

layout-S

////////////////////////////////////////////////////////////////////////////////////////////*/
.layout-S{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;	justify-content: space-between; }
.layout-S .img-wrap.center-p{ width: 120px; height: 120px; position: relative; overflow: hidden; padding-top: 0; }

.layout-S .text-wrap{width: calc(100% - 140px); width: -webkit-calc(100% - 140px) ; text-align: left; padding-top: 10px;}
.layout-S .text-wrap .title4{ margin-bottom: 10px;}
.layout-S .title5{ margin-bottom: 5px;}
.column-flex.box-column2 .box-column-size1.layout-S{ margin-bottom: 10px;}

a.layout-S .img-wrap{background: rgb(9, 74, 129);}
a.layout-S .img-wrap img{ transform-origin: 0; -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}
a.layout-S:hover .img-wrap img{opacity:0.8; transform: scale(1.05) translateY(-50%) translateX(-50%); -webkit-transform: scale(1.05) translateY(-50%) translateX(-50%); transform-origin: 0;}
a.layout-S .title4 .btn-arr svg{top: 0.6em;}
/*
a.layout-S .img-wrap::before{ content: ""; width: 100%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #094a81; -ms-transition: all .5s ease-out .5s; -webkit-transition: all .5s ease-out .5s; transition: all .5s ease-out .5s; z-index: 10;}
a.layout-S .img-wrap::after{ content: ""; width: 100%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #ccc; -ms-transition: all .5s ease-out ; -webkit-transition: all .5s ease-out ; transition: all .5s ease-out ; z-index: 11; }
a.layout-S.active .img-wrap::before{ content: ""; width: 0%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #094a81;}
a.layout-S.active .img-wrap::after{content: ""; width: 0%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #ccc;}
*/
@media screen and (max-width: 900px) {
	.layout-S .img-wrap.center-p{ width: 120px; height: 120px; padding-top: 0;}
	.layout-S .text-wrap{ padding-top: 0;}
}
/*
.lay-etc .img-wrap::before{ content: ""; width: 100%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #094a81; -ms-transition: all .5s ease-out .5s; -webkit-transition: all .5s ease-out .5s; transition: all .5s ease-out .5s; z-index: 10;}
.lay-etc .img-wrap::after{ content: ""; width: 100%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #ccc; -ms-transition: all .5s ease-out ; -webkit-transition: all .5s ease-out ; transition: all .5s ease-out ; z-index: 11; }
.lay-etc.active .img-wrap::before{ content: ""; width: 0%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #094a81;}
.lay-etc.active .img-wrap::after{content: ""; width: 0%; height: 200%; display: block; position: absolute; left: 0; top: 0; background: #ccc;}
*/


/* box ////////////////////////////////////////////////////////////////////////////////////////////*/

.box{ background:#FFF; padding:40px; box-sizing:border-box; text-align: left; }
.box > *:last-child{ margin-bottom:0;}
.box-color{ color: #FFF; background:#000; padding:20px; box-sizing:border-box;}
.box-color *{ color:#fff;}
.box-color .box-innner{ background:#FFF; padding:20px; box-sizing:border-box;}
.box-color .box-innner *{ color:#000;}
.box-color .box-innner > *:last-child{ margin-bottom:0;}

.box-center { display: flex; justify-content: center; align-items: center; }

@media screen and (max-width: 900px) {
	.box{ padding: 20px;}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

基本要素

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* title ////////////////////////////////////////////////////////////////////////////////////////////*/
.title1{font-size: 2.6rem; margin-bottom:80px; font-weight: 100; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.title2{font-size: 2rem; margin-bottom:40px;font-weight: 100;letter-spacing: 0.05em; line-height: 1.3em; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.title3{font-size: 1.5rem; margin-bottom:20px; font-weight: 100; line-height: 1.5em; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.title4{font-size: 1.2rem; margin-bottom:20px; line-height: 1.8em; font-weight: 100; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.title5{font-size: 1rem; margin-bottom:10px; font-weight: 100; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.title6{font-size: 0.8rem; margin-bottom:10px; font-weight: 100;}
.title2 .title-mini{ font-size:1rem; display: block;  font-weight: 100; padding-top: 0; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.title2 .title-mini-cat{ font-size:1rem; display: block;  font-weight: 100; padding-top: 0; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-top: 1em; }

.title2 .title-mini-season{ font-size:1rem; display: block;  font-weight: 100; padding-top: 0; margin-top: .5em; }


.pagetitle{ padding:80px 0 0; }
.pagetitle .title2{margin-bottom:0em;}

@media screen and (max-width: 900px) {
	.title1{font-size: 1.6rem; margin-bottom:30px; }
	.title2{font-size: 1.2rem; margin-bottom:20px; }
	.title3{font-size: 1.1rem; margin-bottom:10px; }
	.title4{font-size: 1rem; margin-bottom:10px; }
	.title5{font-size: 1rem; margin-bottom:10px; }
	.title6{font-size: 0.8rem; margin-bottom:10px; }
	.title2 .title-mini,
	.title2 .title-mini-cat,
	.title2 .title-mini-season { padding-top: 0; font-size: 0.8rem;}
	.pagetitle{ padding:40px 0 0; }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

btn

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*矢印*/
.btn-arr{display:inline-block;position: relative;padding-left: 20px;padding-right: 10px; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;}
.btn-arr svg{ position: absolute; left: 0; top: 0.45em;  -ms-transition: all .3s; -webkit-transition: all .3s;   transition: all .3s; width: 13px; height: 13px;}

.btn-arr-r{ display:inline-block; position: relative; padding-right: 20px;}
.btn-arr-r svg{ position: absolute; right: 0; top: 0.45em; width: 1rem; height: 1rem; }

.btn-arr-l{ display:inline-block; position: relative; padding-left: 20px;}
.btn-arr-l svg{ position: absolute; left: 0; top: 0.45em; transform: scale(-1, 1); -webkit-transform:  scale(-1, 1);}

.arr-white{ width:auto; height: 13px; display: inline-block;  }
.arr-white .st0{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}

.arr-black{ width:auto; height: 13px; display: inline-block;  }
.arr-black .st0{fill:none;stroke:#000;stroke-miterlimit:10;}

.btn-arr .st0{-ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;}


.btn{font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1em; box-sizing: border-box; }
body *.btn{ display:inline-block; box-sizing:border-box; border:1px solid #094a81; background: #094a81; border-radius: 10px; padding: 0.7em 1.5em; font-size: 1.3rem; color: #fff; text-align: center;}
body *.btn .btn-innner{ padding:0.4em 0; margin:0 1.5em; display:block; }
body *.btn:hover{ text-decoration:none;}

main table a:not(.btn){ text-decoration: underline;}
a.underLine{ text-decoration: underline!important;}
a.underLine:hover{ text-decoration: none!important;}

/*btn-line*/
body .btn.btn-line { background:none; color:#094a81;  border-color: #094a81; border: 1px solid;}
body .btn.btn-line:hover { background:none; color:#094a81; border-color: #094a81; border: 1px solid;}

/*btncolor*/
body .btn.btn-color-box {background:#ffe300;color: #094a81!important;border-color: #ffe300!important;}
body .btn.btn-color-box:hover { background:#ffe300; color:#094a81; border-color: #ffe300;}

/*btnsize*/
body .btn.size-l{ font-size: 1.5rem; padding: 0.7em 1.5em; width: 100%;    max-width: 560px; }
body .btn.size-m{font-size: 1rem; padding: 0.7em 1.5em;}
body .btn.size-s{ font-size: 0.8rem; padding: 0.7em 1.5em;}

/*btnwide*/
body .btn.w100{ width: 100%;}
body .btn.w50{ width: 50%;}

body *.btn:hover{  -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; border:1px solid #094a81; background: #fff; color:#094a81; }
body *.btn.btn-line:hover{ border:1px solid #094a81; background: #094a81; color:#fff; }
body *.btn.btn-color-box:hover{border:1px solid #ffe300; background: #fff;}

@media screen and (max-width: 900px) {
	.btn-arr{padding-left: 20px;padding-right: 20px; }
	body .btn.size-l{ font-size: 1.2rem; padding: 1em;  max-width:inherit;}
	body .btn.w100{ width: 100%;}

	body .btn.w50{ width: 100%;}
	body *.btn{ font-size: 1rem;}
}

/*snsWrap///////////////////////////////////////////////////////////////////////////////////////////*/
.snsWrap{ width: 120px; text-align: center; margin: 0 auto;}
.snsWrap li{ display: inline-block;}
.snsWrap li a,
.snsWrap li span{ width: 36px; height: 36px; display: inline-block;}
.snsWrap li a svg,
.snsWrap li span svg{ width: 24px; height: auto;}
.snsWrap li a svg,
.snsWrap li span svg{ fill:#006fba;	}

/* ///////////////   外部リンク   ///////////////////////*/
a[target="_blank"]:not(.btn):after { background: currentColor; box-shadow: 1px -1px currentColor; 
 content:''; width: .6em; height: .4em; display: inline-block; vertical-align: middle;  background-clip: content-box; padding: 2px 2px 0 0; box-sizing: border-box; margin-left:.3em; }
a[target="_blank"]:after { background: currentColor; box-shadow: 1px -1px currentColor; 
 content:''; width: .6em; height: .4em; display: inline-block; vertical-align: middle;  background-clip: content-box; padding: 2px 2px 0 0; box-sizing: border-box; margin-left:.3em; }

.container-mini a[target="_blank"]:not(.btn):after { background: none; box-shadow: none; }


#subNav a[target="_blank"]:not(.btn):after{ display: none;}
.snsWrap li a[target="_blank"]:not(.btn):after{ display: none;}

/* //////////////////////////////////////////////////////////////////////////////////////////

 list

 ////////////////////////////////////////////////////////////////////////////////////////////*/
/*ドット付きリスト*/
ul.list{ }
ul.list > li { padding-bottom:20px; text-align: left;}
ul.list > li:last-child{ padding-bottom: 0;}

ul.list-dot > li { padding-left: 1em; text-indent: -1em; text-align: left; padding-bottom:20px;}
ul.list-dot > li:before { content:'・'; }
ul.list-dot > list-style: ;:last-child{ margin-bottom: 0;}
ul.list-dot > li:last-child{ padding-bottom: 0;}


ul.list-square > li { padding-left: 1em; text-indent: -1em; text-align: left; }
ul.list-square > li:before { content:'■'; }


#container .list-border{ border-top: 1px solid #ccc;}
#container .list-border > li { border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; }
#container .list-border > li:last-child{ padding-bottom: 10px;}

#container .list-border.list-border-gray{border-top: 1px solid #ccc;}
#container .list-border.list-border-gray > li { border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; }
#container .list-border.list-border-gray > li:last-child{ padding-bottom: 10px;}


/*数字付きリスト*/
ol.list { counter-reset: listnum; }
ol.list > li { padding-left:2em; text-align: left;  padding-bottom:20px;}
ol.list > li::before { content: counter(listnum)'.'; counter-increment: listnum; width: 1.5rem; margin-left: -1.5rem; display: inline-block; }
ol.list > li:last-child{ padding-bottom: 0;}
ol.list > li *:last-child{ margin-bottom: 0;}
#container ol.list > li ul li:last-child{ border-bottom: none; padding-bottom: 0;}

/*定義リスト(縦ならび)*/
dl.list-vertical { /*border-bottom: 1px solid #CCC;*/ text-align: left;}
dl.list-vertical > dt { font-weight: bold; }
dl.list-vertical > dd {/*border-bottom: 1px solid #CCC;*/padding-bottom: 10px;}
dl.list-vertical.list-border > dt{padding-top: 10px;}
dl.list-vertical.list-border > dd{border-bottom: 1px solid #ccc;}

/*定義リスト(横ならび)*/
dl.list-horizontal { display: -webkit-flex; display: flex; flex-flow:row wrap; /*border-bottom: 1px solid #CCC;*/ }
dl.list-horizontal > * { /*border-bottom: 1px solid #CCC;*/ text-align: left; }
dl.list-horizontal > dt { width: 20%; font-weight: bold; padding-bottom:20px;}
dl.list-horizontal > dd { width: 80%; padding-left: 2%; padding-bottom:20px;}
dl.list-horizontal.list-border > *{border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom:10px;}
dl.list-horizontal.list-border > * .list-dot li{ padding-bottom: 0; }

dl.list-horizontal > dd a:not(.btn) text-decoration: underline;}
dl.list-horizontal > dd a:not(.btn):hover{ text-decoration:none;}


dl.list-horizontal.list-schedule { border-top: 1px solid #CCC; padding-top: 1em; }
dl.list-horizontal.list-schedule > dt { width: 6rem; font-weight: normal; }
dl.list-horizontal.list-schedule > dd { width: calc(100% - 6rem); padding-left: 0; }

#container dl.list-horizontal.list-border.list-border-gray > *{ border-bottom: 1px solid #ccc;}

dl.list-horizontal dd.btn-in{ padding-right:220px; position: relative;}
dl.list-horizontal dd.btn-in .btn{ width: 200px; position: absolute; right: 0; top: 10px;}

#container dl.list-horizontal.list-border > dd dl.list-border{ border-top:none;}
#container dl.list-horizontal.list-border > dd dl.list-horizontal > * { border-bottom: 1px solid #ccc;}


#container dl.list-horizontal.list-border > dd dl.list-border dt:first-of-type{ padding-top: 0;}
#container dl.list-horizontal.list-border > dd dl.list-border dd:first-of-type{ padding-top: 0;}
#container dl.list-horizontal.list-border > dd dl.list-border dt:nth-last-of-type(1){ border-bottom: none; padding-bottom: 0;}
#container dl.list-horizontal.list-border > dd dl.list-border dd:nth-last-of-type(1){ border-bottom: none; padding-bottom: 0;}
#container dl.list-horizontal.list-border > dd dl.list-horizontal > *.borderBtm{ padding-bottom: 10px!important; border-bottom: 1px solid #ccc!important;}

#container dl.list-horizontal.list-border > dd ul.list-border li:last-child{ border-bottom: none;}
#container dl.list-horizontal.list-border > dd ul.list-border li{margin-bottom: 0;}

@media screen and (max-width: 900px) {
	dl.list-horizontal dd.btn-in{ padding-right:0; position: relative;}
	dl.list-horizontal dd.btn-in .btn{ width: 100%; position:relative; margin-top: 10px; right: 0; top: 0;}

	dl.list-horizontal.list-border > dd:last-of-type{ border-bottom: none;}
	
	#container dl.list-horizontal > dt { width: 100%; font-weight: bold; padding-bottom:10px; display: block; border-bottom: none; padding-bottom: 0; background: #f5f5f5; padding: 10px;}
	dl.list-horizontal > dd { width: 100%; padding-left: 0%; padding-bottom:10px; display: block;   }
	#container dl.list-horizontal.list-border > dd dl.list-border dt{ background: none; padding: 0; padding-top: 10px; width: 100%; border-bottom:none; padding-left: 0;}
	#container dl.list-horizontal.list-border > dd dl.list-border dd{ width: 100%; padding-right: 10px;}
  
  dl.list-horizontal.list-schedule { padding-top: 0; border: none; }
  dl.list-horizontal.list-schedule > dt { border-top: 1px solid #CCC; }
  dl.list-horizontal.list-schedule > dd { padding-top: 10px;}
}

/*フロー*/
.list_flow { counter-reset: flownum; }
.list_flow li { display: block; position: relative; }
.list_flow li + li { margin-top: 3rem; }
.list_flow li:before { content:counter(flownum)'.'; counter-increment: flownum; }
.list_flow li + li:after { content:''; width: 0; height: 0; display: block; border-style: solid; border-width: 1rem .7rem 0; border-color: #CCC transparent transparent; position: absolute; top: 0; left: 0; right: 0; margin: -2rem auto 0; }

/* //////////////////////////////////////////////////////////////////////////////////////////

table

////////////////////////////////////////////////////////////////////////////////////////////*/
/*テーブル*/
table.table { width: 100%; border-collapse: collapse; table-layout: fixed; }
table.table th,
table.table td { padding: 10px; text-align: left;}
table.table thead th { border-bottom: 1px solid #000; }
table.table tbody th { border-bottom: 1px solid #000; }
table.table tbody td { border-bottom: 1px solid #000; }
table.table tr .w10{ width: 10%;}
table.table tr .w20{ width: 20%;}
table.table tr .w30{ width: 30%;}
table.table tr .w40{ width: 40%;}
table.table tr .w50{ width: 50%;}
table.table tr .w60{ width: 60%;}
table.table tr .w70{ width: 70%;}
table.table tr .w80{ width: 80%;}


/*/////////////////////////////////////////////////////////////////////////////////////////////

nav-tab

////////////////////////////////////////////////////////////////////////////////////////////*/
.tab{}
.nav-tab{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;	justify-content: space-between; margin-bottom: 40px; }
.nav-tab li{-webkit-flex-grow:1;  flex-grow:1; background:none; text-align: center; border-right: 1px solid #000000; position: relative; padding: 10px; cursor: pointer;}
.nav-tab li > *{ display: block;} 
.nav-tab li a{font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 1.2rem; padding: 10px; display: block;}
.nav-tab li a span{display: block;}
.nav-tab li:first-child{border-left: 1px solid #000000;}
.nav-tab li::after{ content: ""; width:0%; height: 2px; display: block; position: absolute; left: 50%; bottom: 0; background:#ffe000;  -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
.nav-tab li.crt::after,
.nav-tab li:hover::after{content: ""; width:92%; height: 2px; display: block; position: absolute; left: 4%; bottom: 0; background:#ffe000; }

.tab .tab_wrap{ display: none;}
.tab .tab_wrap.crt{ display:block;}

@media screen and (max-width: 900px) {
	.nav-tab{margin-bottom: 20px; padding: 0;}
	.nav-tab li a{padding: 10px 5px;}
	.scroll-w{ border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.scroll-w nav{overflow: auto; white-space: nowrap; margin-bottom: 20px;}
.scroll-w .nav-tab{width: 180%; border-collapse: collapse; vertical-align: top; font-size: 0.8rem; margin-bottom: 0;}
.scroll-w .nav-tab li{ }
.scroll-w .nav-tab li:first-child{ border-left: none;}
.scroll-w .nav-tab li:last-child{ border-right:none;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////


///////////////////////////////////////////////////////////////////////////////////////////*/
.indexList li a{display: -webkit-flex!important; display: flex!important; -webkit-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-box-pack: justify; justify-content: space-between; padding: 20px; position: relative;  -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
#container .indexList li{ width: 100%; display: block; padding: 0;}
.indexList li .thum{ width:220px; height: 140px; position: relative; overflow: hidden;}
.indexList li .thum img { position: absolute; left:50%; top: 50%; transform: translateY(-50%) translateX(-50%);  -webkit- transform: translateY(-50%) translateX(-50%);}
.indexList li .textArea{ width: calc(100% - 260px); width: -webkit-calc(100% - 260px) ; display: block; text-align: left; padding: 20px 0; font-size: 1.3rem; letter-spacing: 0.05em; padding-right: 80px;}
.indexList li .textArea .category{ display: block; margin-bottom: 10px; text-align: left;}
.indexList li .textArea .category span {font-size:0.8rem; }
.indexList li a:hover{ background: #f5f5f5;}
#container .indexList > li:last-child{ padding-bottom: 0;}

.state::before{ width: 60px; height: 60px; border-radius: 30px; display: block; line-height: 60px; text-align: center;}

.state.stateNow::before{ content: "募集中"; border: 1px solid #000; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; position: absolute; right:20px; top: 50%; transform: translateY(-50%);  -webkit- transform: translateY(-50%) ; font-size: 0.8rem;}

.state.stateEnd::before{ content: "終了"; background: #afafaf; color: #fff; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; position: absolute; right:20px; top: 50%; transform: translateY(-50%);  -webkit- transform: translateY(-50%) ; font-size: 0.8rem;}

/**/
.pagination { width: 100%; text-align: center; margin:60px auto 60px; position:relative; padding:0 2em; }
.pagination  a { width: 2em; height: 2em; margin: 0 ; display: inline-block; font-weight: bold; font-size: 1.2rem; line-height: 2em; text-align: center;}
.pagination  span.current {width: 2em; height: 2em; margin: 0 ; display: inline-block; font-weight: bold; font-size: 1.2rem; line-height: 2em; text-align: center; background:#ffe000; color:#000; border-radius:1em;}

.pagination .next{ position:absolute; right:0; top:0; width: 4em; height: 2em; font-size: 1rem; }
.pagination .prev{ position:absolute; left:0; top:0; width: 4em; height: 2em; font-size: 1rem;}
.pagination .next svg,
.pagination .prev svg{top:0.6em;}
.pagination  a .arrow_l,
.pagination  a .arrow_r { content:''; width: 1rem; height: 1rem; display: inline-block; border-width: 3px 0 0 3px; border-color: #101010; border-style: solid; vertical-align: middle; }
.pagination  a .arrow_l { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.pagination  a .arrow_r { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.pagination *{font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

@media screen and (max-width: 900px) {
	.indexList li a{ padding: 20px 0;}
.indexList li .thum{ width:120px; height:120px; padding-top:0; position: relative; overflow: hidden;}
.indexList li .thum img{ height: 100%; width: auto;}
.indexList li .textArea{width: 100%;}
.indexList li .textArea{width: calc(100% - 140px); width: -webkit-calc(100% - 140px) ; text-align: left; padding-right: 0;padding-top: 10px;padding-bottom: 0;margin-bottom: 0;}

	
.state.stateNow::before{font-size: 0.7rem; margin: 0;}
.state.stateEnd::before{font-size: 0.7rem; margin: 0;}
	
.state::before{ width: 40px; height: 40px; border-radius: 30px; display: block; margin: 15px 0; line-height: 40px; text-align: center;}
	
.pagination .next{ display: none}
.pagination .prev{ display: none;}
.pagination span.current,
.pagination a{ font-size: 0.8em; margin: 0 0.5em;}	
.pagination .next svg,
.pagination .prev svg{}
.pagination  a .arrow_l,
.pagination  a .arrow_r {  }
.pagination  a .arrow_l {  }
.pagination  a .arrow_r {  }
.pagination *{}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////
モデルコース
////////////////////////////////////////////////////////////////////////////////////////////////*/
.img-wrap.center .settour-thumbnail { display: flex; position: absolute; inset: 0; margin: auto; }
.img-wrap.center .settour-thumbnail > div { width: 50%; height: 100%; position: relative; }
.img-wrap.center .settour-thumbnail > div img { width: 100%; height: 100%; position: absolute; inset: 0; margin: auto; object-fit: cover; transform: none; }

#tour.index .nav-tab.model-course { width: 100%; display: flex; }
#tour.index .nav-tab.model-course > li { flex-grow: 1; }


.settour-mv { width: 100%; height: 100%;  position: absolute; inset: 0; margin: auto; display: flex; }
.settour-mv > div { width: 50%; position: relative; }
.settour-mv > div img { width: 100%; height: 100%; position: absolute; inset: 0; margin: auto; object-fit: cover; }

#tour.page.model-course .column-flex.box-column2 .box-column-size1 { margin-bottom: 30px; text-align: left; }
.stay-plan-wrap { max-width: 1800px; width: 90%; margin: 0 auto; }
.list-stay-plan > li { padding-left: 10rem;  position: relative; padding-top: 4rem;  }
.list-stay-plan > li + li { margin-top: 50px; }
.list-stay-plan .day { font-size: 1.5rem; text-align: center; color: #FFF; width: 8rem ;height: 8rem; color: #FFF;  background: #094A81; display: flex; flex-direction: column ;justify-content: center; align-items: center; border-radius: 50%; position: absolute; left: 0; top: 0; margin: auto; z-index: 2; }
.list-stay-plan .day .en { display: block; font-size: .5em; }
.list-stay-plan .plan-block { display: flex; position: relative; }
.list-stay-plan .plan-block::before { content: ''; width: 1px;  height: calc(100% + 50px); position: absolute; left: -6rem; top: 0; margin: auto; background: #094A81; display: block; }
.list-stay-plan >li:last-child .plan-block:nth-last-child(2)::before {  height: calc(100% + 100px + 1.5rem); }
.list-stay-plan >li:last-child .plan-block:last-child::before {  display: none; }
.list-stay-plan .plan-block .text { width: 45%; position: relative; z-index: 2; background: #FFF; border: 1px solid #094A81; text-align: left; margin: 50px -3% 50px 0;}
.list-stay-plan .plan-block .text.has-img { min-height: min(20vw, 420px);  }
.list-stay-plan .plan-block .img { width: 58%; position: relative; }
.list-stay-plan .plan-block .img img { width: 100%; height: 100%; position: absolute; inset: 0; margin: auto; object-fit: cover; }

.list-stay-plan .plan-block + .plan-block { margin-top: 50px; }

.list-stay-plan .outline { padding: 1rem 3rem; color: #094A81;  line-height: 1.2; position: relative; }
.list-stay-plan .outline::before { content: ''; width: 6rem; height: 1px; display: block; background: #094A81; position: absolute; top: 0; bottom: 0; right: 100%; margin: auto; }
.list-stay-plan .outline::after { content: ''; width: 15px; height: 15px; display: block; background: #094A81; border-radius: 50%; position: absolute; left: calc(-6rem - 8px); top: 0; bottom: 0; margin: auto; }
.list-stay-plan .desc { padding: 1rem 3rem; line-height:  1.7; border-top: 1px solid  #094A81;}
.list-stay-plan .desc .title { font-size: min(1.6vw, 2rem); margin-bottom: .5em; }
.list-stay-plan .desc .links { margin-top: 2em; }
#tour.model-course.page #main .pageNav ul li.yoyaku a.btn { line-height: 1.8; height: 80px; display: flex; align-items: center; justify-content: center;font-size: 1rem; }

body#tour.model-course #reserve .setplan-reserve-box { display: flex; justify-content: space-between; background: #F5F5F5; align-items: center; padding: 1rem 2rem; margin-top: 80px; }
body#tour.model-course #reserve .setplan-reserve-box p { margin: 0; }
body#tour.model-course .btn-conversion {  margin: 0; font-size: 1rem ; }
.setplan-reserve-notice { margin-top: 1em; text-align: left; font-size: .85rem; display: block; line-height: 1.5; color: #555; }

.model-course-facility { justify-content: center; }
.model-course-facility .box-column-size1 + .box-column-size1 { margin-left: 39px;}
.model-course-facility .img-wrap { margin-bottom: 1em; width: 100%; height: 0; padding-bottom: 56%; position: relative; }
.model-course-facility .img-wrap img { width: 100%; height: 100%; position: absolute; inset: 0; margin: auto; object-fit: cover; }
.model-course-facility h3 { text-align: left; font-size: 1.5rem; margin-bottom: .5em; }
.model-course-facility .btn { width: 100%; display: block; margin-bottom: .5em; }

@media screen and (max-width: 1300px) {
  #tour.model-course.page #main .pageNav ul li.yoyaku a.btn { width: 200px;}
  
  
  
  .list-stay-plan .day { font-size: 1.2rem; width: 6rem; height: 6rem; }
  .list-stay-plan > li { padding-left: 8rem; }
  .list-stay-plan .plan-block::before { left: -5rem; }
  .list-stay-plan .outline::before { width: 5rem; }
  .list-stay-plan .outline::after { left: calc(-5rem - 8px); }
  .model-course-facility h3 { font-size: 1.2rem; }
  .list-stay-plan .outline { padding: .5rem 2rem; }
  .list-stay-plan .desc { padding: 1rem 2em; }
}
@media screen and (max-width: 1100px) {
  #tour.model-course.page #main .pageNav ul li.yoyaku a.btn { width: 100%; }
  
  .introduce-settour > div + div { margin-top: 30px; }
  body#tour.model-course #reserve .setplan-reserve-box { flex-direction: column; }
  
  
  .list-stay-plan .plan-block { flex-direction: column-reverse; }
  .list-stay-plan .plan-block .text { width:  80%; margin-top: -2rem; margin-bottom: 0; }
  .list-stay-plan .plan-block .img { width: 90%; padding-bottom: 60%; margin: -2rem 0 0 auto;  }
  .list-stay-plan .desc .title { font-size: 1.2rem; }
  
  .list-stay-plan .plan-block::before { height: calc(100% + 4rem); }
  .list-stay-plan >li:last-child .plan-block:nth-last-child(2)::before { height: 100%;}
  .list-stay-plan >li:last-child .plan-block:last-child .img { position: relative; }
  .list-stay-plan >li:last-child .plan-block:last-child .img::before { content: ''; width: 1px; height: calc(100%); position: absolute; left: calc(-5rem - 11.11% - 1px); bottom: 4rem; margin: auto; display: block; background: #094A81; }
  .list-stay-plan >li:last-child .plan-block:last-child .text { position: relative; }
  .list-stay-plan >li:last-child .plan-block:last-child .text::before { content: ''; display: block; width: 1px; height: 3rem; position: absolute; top: -2.2rem; left: calc(-5rem - 1px);  display: block; background: #094A81;}
  
  
  body#tour.model-course #reserve .setplan-reserve-box .btn-conversion { margin-top: .5em; }
  
  
  .list-stay-plan .plan-block + .plan-block { margin-top: 4rem; }
}
@media screen and (max-width: 900px) {
  
  .settour-mv { flex-direction: column; }
  .settour-mv > div { width: 100%; height: 50%;  }
  #tour.model-course.page #main .pageNav ul li.yoyaku a.btn { height: 50px }
  body#tour.model-course .btn-conversion { width: 100%; }
  #tour.model-course.page #main .pageNav ul li.yoyaku a.btn br { display: none; }
  
  
  .model-course-facility .box-column-size1 + .box-column-size1 { margin-left: 0; }
}
@media screen and (max-width: 600px) {
  
  .list-stay-plan .day { font-size: .7rem; width: 3rem; height: 3rem; line-height: 1.3; }
  .list-stay-plan > li { padding-left: 3rem; padding-top: 2rem; }
  .list-stay-plan .plan-block::before { left: -2rem; }
  .list-stay-plan .outline { font-size: .7rem; }
  .list-stay-plan .outline::before { width: 2rem; }
  .list-stay-plan .outline::after { left: calc(-2rem - 8px); }
  
  .list-stay-plan .outline { padding: .5rem 1rem; }
  .list-stay-plan .desc { padding: 1rem  ; }
  
  .list-stay-plan .plan-block .img { width:  95%; }
  .list-stay-plan .plan-block .text { width:  95%; }
  .list-stay-plan .desc { font-size: .9rem; }
  .list-stay-plan .desc .title { font-size: 1.1rem; margin-bottom: 1em; }
  
  .list-stay-plan >li:last-child .plan-block:last-child .img::before { left: calc(-2rem - 5% - 1px); }
  .list-stay-plan >li:last-child .plan-block:last-child .text::before { left: calc(-2rem - 1px); }
  
  
}

/*////////////////////////////////////////////////////////////////////////////////////////////////

クマのツアー
///////////////////////////////////////////////////////////////////////////////////////////*/
#tour.bear-tour { background: #E6F0F8; }
#tour.page.bear-tour #main .pageNav ul  { background: #E6F0F8; }
#tour.bear-tour .tourPoint .title3{ text-align: center; margin-top: 2em; line-height: 1.8; }
body#tour.bear-tour #reserve .intro-box  { width: 1120px; max-width: 90%; }
body#tour.bear-tour #reserve .reserve-box { width: 100%; max-width: 1120px; }

body#tour.bear-tour #reserve .reserve-box { display: flex; align-items: center; justify-content: space-between; }
body#tour.bear-tour #reserve .reserve-box .title4 { max-width: calc(100% - 300px); line-height: 1.5; }
body#tour.bear-tour #reserve .btn-conversion { margin: 0; }
@media screen and (max-width: 900px) {
  
  body#tour.bear-tour #reserve .reserve-box { flex-direction: column; }
  body#tour.bear-tour #reserve .reserve-box .title4 { max-width: 100%; margin-bottom: 1em; text-align: left; }
}


body#recruit .btn.btn-color-box::after { display: none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////

フォーム

///////////////////////////////////////////////////////////////////////////////////////////*/
input{padding: 5px 10px; box-sizing: border-box;border: 1px solid #ccc;background: #fff;width: 100%;}
.wideS{ width: 10em;}
.wideM{ width: 20em;}
.wideL{ width: 100%;}

select{padding: 5px 10px; box-sizing: border-box; border: 1px solid #ccc;}
textarea{ width: 100%; padding: 5px 10px; box-sizing: border-box; border: 1px solid #ccc;}
textarea.wideL{ width: 100%;}
input.checkbox{ width: auto;}
select.wideM{ width: 20em;}


.submit{ padding: 5px 20px; border-radius:5px; box-sizing: border-box; border: none; background: none; background: #094a81; color: #fff; position: relative; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1em;}
.submit.submit-btn{  background: #094a81; width: 460px; font-size:1.5rem; text-align: center; padding: 20px 0; }

dt.required{ position: relative;}
dt.required::after{ content: "必須"; color: #006fba; background: #ffe000; width: 3em; display: block; position: absolute; right: 0; top: 15px; text-align: center; font-size: 0.8rem; line-height: 1em; padding: 0.5em;}

@media screen and (max-width: 1100px) {
	.submit.submit-navy:first-child{ width: 100%; margin-bottom: 10px; }
	.submit .inlineWrap{ width: 100%; text-align: center;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////

フォーム

///////////////////////////////////////////////////////////////////////////////////////////*/
.tel::before{ content: "TEL"; letter-spacing: 0.1em; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-right: 5px;}
.tel *{letter-spacing: 0.1em; font-family:"Noto Serif Japanese","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 1.1em;}