@charset "utf-8";

/* ==========================================================================
   Foundation
   ========================================================================== */
/* Reset
   ----------------------------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav.gnav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:500;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav.gnav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
figure{margin-bottom:0;}
/* Base
   ----------------------------------------------------------------- */
body{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight:500;
	color:#111;
	font-feature-settings: "palt";/*文字詰め用*/
	letter-spacing:1px;
}

body#tw{
	font-family: "Noto Sans TC", sans-serif;
}
html {
  scroll-padding-top: 70px;
}
a{text-decoration:none;color:#111;}
a:hover{opacity:0.8;}
img{
	vertical-align:top;
	max-width:100%;
	height:auto;
}
ol{list-style:none}

/* ==========================================================================
   共通
========================================================================== */
html{font-size:16px;scroll-padding-top: 20px;}

/*文字寄せ*/
.txt-right{text-align:right;}
.txt-center{text-align:center;}
/*一文字空白*/
.indent{text-indent: 1em;}
/*URL改行防止*/
main p{word-break: break-all;}
@media screen and (min-width: 481px){
.sp480{display: none;}
}
/*mapレスポンシブ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*tel スマホサイズのみクリック可*/
@media screen and (min-width: 769px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

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

/*共通ボタン*/
#btnfix{
	position:fixed;
	z-index:999;
	right:0px;
	top:0px;
}
#btnfix a{
display:inline-block;
background:#e5002d;
color:#fff;
padding:1.5rem;
font-size:clamp(14px, 2vw, 21px);
font-weight:bold;
border:solid 2px #e5002d;
}
#btnfix a:hover{
	opacity:1;
	color:#e5002d;
	background:#fff;
	
}
.btn {padding:2rem 2rem 6rem;}
.btn a{
	font-size:clamp(16px, 2vw, 24px);
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#e5002d;
	max-width:600px;
	box-sizing:border-box;
	line-height:45px;
	padding:1rem;
	display: block;
	margin:0 auto;
	border:solid 3px #e5002d;
	border-radius:40px;
}


.btn a:hover{
	opacity: 1;
	background:#fff;
	color:#e5002d;
	border:solid 3px #e5002d;
}

@media screen and (max-width: 480px){
.btn a{
	line-height:25px;
}
}

.link a{
	color:#464DA8;
	font-weight:bold;
}
.link a:after{
	content:"";
	display:inline-block;
	width:16px;
	height:14px;
	margin-top:2px;
	background-image:url(img/icon01.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	margin-left:10px;
	
}


/*動画レスポンシブ*/
.movie-wrap{
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	background:#ccc;
}
.movie-wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.col{display:flex;flex-wrap:wrap;margin-bottom:4rem;}
.col .item{width:calc((100% - 6rem) / 2);}
.col .item:nth-child(2n-1){margin-right:6rem;}

@media screen and (max-width: 1400px){
	.col .item{width:calc((100% - 4rem) / 2);}
	.col .item:nth-child(2n-1){margin-right:4rem;}
}
@media screen and (max-width: 1200px){
	.col .item{width:calc((100% - 2rem) / 2);}
	.col .item:nth-child(2n-1){margin-right:2rem;}
}
@media screen and (max-width: 768px){
.col{display:block;margin-bottom:3rem;}
.col .item{width:unset; margin-bottom:4rem;}
.col .item:nth-child(2n-1){margin-right:0;}
.col .item figure{text-align:center;}
}

@media screen and (max-width: 480px){
	.col .item{width:unset; margin-bottom:2rem;}
}


/* ==========================================================================
   Layout
========================================================================== */
/* Header
----------------------------------------------------------------- */

header{
	position:relative;
	
}
.h-logo{
	height:70%;
	aspect-ratio:60/58;
	width:auto;
	position:absolute;
	z-index:3;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.h-logo img{
	width:100%;
	height:auto;
	aspect-ratio:60/58;
}

.catch{
	display:flex;
	flex-wrap:wrap;
	
}
.catch .top01,
.catch .top02{
	width:50%;
	position:relative;
}


.catch .top01 h2,
.catch .top02 h2{
	position:absolute;
	z-index:2;
	top:4rem;
}
.catch .top01 h2{left:2rem;}
.catch .top02 h2{right:2rem;}

.catch .top01 h2 img,
.catch .top02 h2 img{
	height:60vh;
	max-height:400px;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}


.catch .top01 > img,
.catch .top02 > img{
	height:80vh;
	max-height:600px;
	object-fit:cover;
	filter: brightness(0.8) ;
}
.catch .top02 > img{object-position: right;}
@media screen and (min-width: 1481px){
	.catch .top01 > img,
.catch .top02 > img{
	max-height:800px;
	
}
	
}


@media screen and (min-width: 1281px){
.catch .top01 h2{left:calc((100vw - 1200px) / 2);}
.catch .top02 h2{right:calc((100vw - 1200px) / 2);}
}





@media screen and (max-width: 1280px){
.catch .top01 > img{object-position:right;}
}

@media screen and (max-width: 980px){
.catch .top01 > img,
.catch .top02 > img{
	height:60vh;
	max-height:400px;
}
.catch .top01 h2 img,
.catch .top02 h2 img{
	height:40vh;
	max-height:300px;
}

}
@media screen and (max-width: 768px){
.h-logo{
	height:40vh;
}

.catch {flex-direction:column;}
.catch .top01,
.catch .top02{width:unset;height:50vh;}
.catch .top01 > img,
.catch .top02 > img{
	height:50vh;
	max-height:unset;
	width:100%;
}
.catch .top01 h2 img,
.catch .top02 h2 img{
	height:30vh;
	max-height:300px;
}
.catch .top01 h2{top:1rem;left:1rem;}
.catch .top02 h2{top:unset;bottom:1rem;right:1rem;}
}



.h_nav{
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	right:0;
	top:0;
	padding:1rem;
	background:#4c0007;
}
.h_nav li a{
	color:#fff;
	font-weight:bold;
	text-shadow:0 0 3px #555;
}
.h_nav li:not(:last-child) a:after{
	content:"/";
	margin:0 0.5rem;
}

/* main
---------------------------------------------------------------- */

main{

}

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

}


/* footer
---------------------------------------------------------------- */
footer{background-color:#8F7D62;padding:1rem;}
footer address{
	color:#fff;
	text-align:center;
	font-style:normal;
	font-size:clamp(12px, 1.6vw, 16px);
}
.f_inner{

}


/* ==========================================================================
   main
========================================================================== */


.sec{padding:4rem 4rem;}
@media screen and (max-width: 1400px){.sec{padding:3rem 3rem;}}
@media screen and (max-width: 480px){.sec{padding:3rem 2rem;}}
.inner{ 
	max-width:1200px;
	margin:0 auto;
}

/*見出し*/
h1,
h2,
h3,
h4,
h5{line-height:1.75em;}
p{line-height:1.75em;}

h1:not(.not){font-size:clamp(21px, 4vw, 28px);}
h2:not(.not){font-size:clamp(18px, 2vw, 24px);}
h3:not(.not){font-size:clamp(16px, 2vw, 21px);}
h4:not(.not){font-size:clamp(14px, 2vw, 18px);}
p,a{font-size:clamp(13px, 2vw, 15px);}

h1:not(.not),
h2:not(.not),
h3:not(.not),
h4:not(.not){
	font-weight:bold;
}
h2:not(.not){margin-bottom:1rem;}
h3:not(.not),
h4:not(.not),
p{margin-bottom:1rem;}



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

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

}
.tit h2{
	font-size:clamp(21px, 3vw, 42px);
	font-weight:700;
	line-height:1.25em;
}


/* ==========================================================================
   コンテンツ別
========================================================================== */

/*日時料金のところ*/
.day{
	background:#FFF;
	padding:2rem;
}
.day .col{max-width:1100px;}
.day .col .item{margin:1rem 0;}

@media screen and (min-width: 581px){
.day .col{display:flex;flex-wrap:wrap;}
.day .col .item:nth-child(1){width:calc(56% - 2rem);margin-right:2rem;}
.day .col .item:nth-child(2){width:42%;}
.day .col .item img{width:100%;}
}
@media screen and (max-width: 580px){
.day .col .item:nth-child(2){width:79%;}
}



#index-catch {
	background:#4C0007 radial-gradient(circle, rgba(0,0,0,0) 0% 60%, rgba(0,0,0,0.5) 95% 100%);
	color:#fff;
}
#index-catch .tit h2{
	margin-bottom:2rem;
}
#index-catch .cont p{
	font-size:clamp(15px, 2vw, 18px);
}



#index03 {
	background:#4C0007 radial-gradient(circle, rgba(0,0,0,0) 0% 60%, rgba(0,0,0,0.5) 95% 100%);
}
#index03 .tit {
	margin-bottom:2rem;
}
#index03 .tit h2{
	color:#fff;

}
#index03 .tit h3{
	color:#fff;

}
#index03 .cont{
	color:#fff;
}
#index03 .cont .item-txt p{
font-size:clamp(15px, 2vw, 18px);
line-height:2em;
}

#index03 .cont .item-mov{
	flex:1;
}
@media screen and (min-width: 769px){
#index03 .cont{
	display:flex;
	flex-wrap:wrap;
}
#index03 .cont .item-txt{
	flex:1;
	max-width:450px;
	margin-right:4rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1200px){
	#index03 .cont .item-txt{margin-right:2rem;}
}
@media screen and (max-width: 768px){

}

/*あなたはタイムトラベラー！*/
#about {
	background:#fff6ee;
}
#about .tit{
	background:#4C0007 radial-gradient(circle, rgba(0,0,0,0) 0% 60%, rgba(0,0,0,0.5) 95% 100%);
	color:#fff;
	padding:3rem 2rem;
	text-align:center;
}
#about .tit h2{margin-bottom:1rem;}
#about .tit h3{margin-bottom:0;}
#about .cont {
	max-width:1200px;
	margin:0 auto;
	padding:6rem 2rem;
}
#about .cont .item-txt p{
	font-size:clamp(15px, 2vw, 18px);
	font-weight:bold;
	line-height:2em;
}
#about .cont .item-img{
	flex:1;
}



@media screen and (min-width: 769px){
#about .cont{
	display:flex;
	flex-wrap:wrap;
}
#about .cont .item-txt{
	flex:1;
	max-width:450px;
	margin-right:4rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1200px){
	#about .cont .item-txt{margin-right:2rem;}
}
@media screen and (max-width: 768px){
	#about .tit{padding:2rem 1rem;}
#about .cont{padding:2rem;}
}


/*アドベンチャーグラベルライドが提供する価値*/
#index04{
	background:#ffedb1;
}
#index04 .tit{
	padding:4rem 2rem;
	background:#41b08c;
	background: linear-gradient(220.55deg, #FFD439 0%, #FF7A00 100%);
}
#index04 .tit h2{
	margin-bottom:0;
	text-align:center;
	color:#fff;
}
#index04 .cont{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:4rem 2rem;
	max-width:1380px;
	margin:0 auto;
}
#index04 .cont .box{
	position:relative;
	box-sizing:border-box;
	padding:2rem;
	background:linear-gradient(220.55deg, #fffbf6 0%, #fff3e9 100%);
	border-radius:10px;
}
#index04 .cont .box h3{
	text-align:center;
	color:#6f2900;
	padding-bottom: 1rem;
    border-bottom: solid 2px #d3bead;
		font-size: clamp(18px, 2vw, 21px);
}
#index04 .cont .box h3 span{
	position: absolute;
	left: .5rem;
	top: -2rem;
	text-align: center;
	font-size:clamp(50px, 7vw, 70px);
	line-height:1em;
	font-style: italic;
	font-weight: bold;
	color:#ff7f35;
	filter: drop-shadow(2px 2px 0 #4c0007);
}
#index04 .cont .box p{
	font-size:clamp(14px, 2vw, 18px);
	margin-bottom:0;
}
@media screen and (min-width: 769px){
#index04 .cont .box{
	width:calc((100% - 4rem) / 3);
	margin:2rem 2rem 2rem 0;
}
#index04 .cont .box:nth-child(3n),
#index04 .cont .box:last-child{margin-right:0;}
}
@media screen and (max-width: 768px){
	
	#index04 .tit{padding:2rem 1rem;}
	#index04 .cont{padding:3rem 1rem 2rem;}
	#index04 .cont .box{
		padding:1.5rem;
	margin-bottom:3rem;
}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	#index04 .cont .box{
	width:calc((100% - 2rem) / 2);
	margin:2rem 2rem 2rem 0;
}
#index04 .cont .box:nth-child(2n),
#index04 .cont .box:last-child{margin-right:0;}
}

/*タイムトラベル5大魅力のポイント*/
#index05 .tit{
	padding:4rem 2rem;
	background:#41b08c;
	background: linear-gradient(220.55deg, #4791c5 0%, #4DEF8E 100%);
}
@media screen and (max-width: 768px){
	#index05 .tit{padding:2rem 1rem;}
	
}

#index05 .tit h2{
	margin-bottom:0;
	text-align:center;
	color:#fff;
}
#index05 .cont{
	margin:0 auto;
}
#index05 .cont .box{

	position:relative;
	z-index:3;
	background:#3f638b;
	overflow:hidden;
}
#index05 .cont .box:nth-child(2n){
	background: #17304b;
}
#index05 .cont .box .txt{
	padding:2rem 2rem;
color:#fff;
}


@media screen and (min-width: 769px){
	#index05 .cont .box{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	}
	#index05 .cont .box:nth-child(2n){flex-direction: row-reverse;}
	#index05 .cont .box .txt{
				flex:1;
		max-width:800px;
}
#index05 .cont .box:nth-child(2n-1) .txt{margin-left:auto;}
#index05 .cont .box:nth-child(2n) .txt{margin-right:auto;}
}



#index05 .cont .box .txt h3{
	font-size:clamp(21px, 4vw, 30px);
	position:relative;
}
#index05 .cont .box .txt h3 span{
	position:absolute;
	z-index:1;
	color:rgba(255,255,255,0.3);
	font-size:clamp(100px, 12vw, 300px);
	font-style:italic;
	font-weight:bold;
}
#index05 .cont .box:nth-child(2n-1) h3 span{left:-3rem;top:0;}
#index05 .cont .box:nth-child(2n) h3 span{right:-3rem;top:0;}
@media screen and (max-width: 1400px){
	#index05 .cont .box:nth-child(2n-1) h3 span{left:0;top:0;}
#index05 .cont .box:nth-child(2n) h3 span{right:0;top:0;}
}


#index05 .cont .box .txt p{
	font-size:clamp(14px, 1.5vw, 18px);
	margin-bottom:0;
}


@media screen and (min-width: 769px){
	#index05 .cont .box figure{
	width: 50%;
	max-width:700px;
  height: 100%;
  margin: 0;              /* figureの余白も消す */
  overflow: hidden;   
}
#index05 .cont .box:nth-child(2n-1) figure{clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);}
#index05 .cont .box:nth-child(2n) figure{clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);}


#index05 .cont .box figure img{
	width: auto;
  height: auto;
	
	max-width:unset;
  object-fit: cover;      /* 画像をトリミングして隙間なく表示 */
  display: block;  
}
}
@media screen and (max-width: 768px){
	#index05 .cont .box{display:block;}
	#index05 .cont .box .txt h3 span{right:0;left:unset;}
	#index05 .cont .box figure {
		clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0 100%);
	}
	
	#index05 .cont .box figure img{width:100%;}
}


/*旅行行程*/

/*
#itinerary{background:#ddf9ec;}
#itinerary2{
	background:#FFF6EE;
}
*/

#itinerary .tit{
	
}
#itinerary .tit h2{
	color:#fff;
background:#63b041;
background: linear-gradient(220.55deg, #00B960 0%, #00552C 100%);
	text-align:center;
		padding:4rem 2rem;
}

#itinerary2 .tit h2{
	color:#fff;
background: linear-gradient(220.55deg, #FFD439 0%, #FF7A00 100%);
	text-align:center;
		padding:4rem 2rem;
}
@media screen and (max-width: 768px){
	#itinerary .tit h2,
	#itinerary2 .tit h2{
		padding:2rem 1rem;
	}
}




#itinerary .tit h2 span,
#itinerary2 .tit h2 span{
	font-size:clamp(14px, 3vw, 36px);
	font-weight:bold;
	display:block;
	line-height:1.5em;
}
.icon-list{
	max-width:1380px;
	margin:1rem auto;
	text-align:right;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: end;
	padding:0 1rem; 
	}
.icon-list > li{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-left:1rem;
	font-size:clamp(13px, 2vw, 14px);
	
}
.icon-list > li span{
	line-height:0;
	font-weight:700;
	color:#888;
	}


.ride-wrap{
	padding:4rem 2rem;
}


.ride-wrap .inbox{
	max-width:1380px;
	margin:0 auto;
}

.ride-wrap .notes{
	max-width:1380px;
	margin:0 auto;
}

@media screen and (min-width: 769px){
	.ride-wrap .inbox{
	display:flex;
	flex-wrap:wrap;
}
	.ride-wrap .inbox .item-txt{
	width:40%;
    max-width: 400px;
    margin-right: 4rem;
}
.ride-wrap .inbox .item-ride{
flex:1;
}
}
@media screen and (min-width: 769px) and (max-width: 1200px){
	.ride-wrap .inbox .item-txt{margin-right:2rem;}
}

.ride-wrap .in-tit{
	margin-bottom:2rem;
	display: flex;
	flex-wrap: wrap;
	align-items:center;
}
.ride-wrap .in-tit h2{
	margin-right:1rem;
	width:130px;
}
.ride-wrap .in-tit h2 img{width:150px;}
.ride-wrap .in-tit p{
	font-size:clamp(18px, 1.5vw, 20px);
	margin-bottom:0;
	font-weight:bold;
	flex:1;
}
.ride-wrap .in-tit p span{
	font-size:clamp(21px, 3vw, 28px);
	margin-bottom:0;
	font-weight:bold;
	flex:1;
}

.ride-wrap h3{
	padding: .5rem .5rem .5rem 1rem;
    background: #63b041;
		color:#fff;
}
#itinerary2 .ride-wrap h3{
	padding: .5rem .5rem .5rem 1rem;
    background: linear-gradient(220.55deg, #FFD439 0%, #FF7A00 100%);
		color:#fff;
}

ol.walk-list{
	counter-reset: listnum;
	margin-left:1.5rem;
}
ol.walk-list li{
	display: flex;
	flex-wrap: wrap;
	position: relative;
    margin-bottom: .5rem;
    padding: 0 0 1rem 1.5rem;
		font-size:clamp(13px, 1.5vw, 16px);
		line-height:1.5em;
		font-weight:bold;
}
ol.walk-list li > span{
	position:absolute;
	left:-1.5rem;
	top:calc(50% + 8px);
}
ol.walk-list > li:before{
	position: absolute;
	top:0.25rem;
	left: 0px;
	content:"";
	width: 1rem;
	height: 1rem;
	text-align: center;
	background: #63b041;
	border-radius: 50%;
	line-height: 2rem;
	font-weight: bold;
}
ol.walk-list > li:not(:last-child):after{
content: "";
	position: absolute;
	bottom: -1rem;
	left: calc(.5rem - 1px);
	width: 2px;
	height: calc(100% + 0.5rem);
	background: #63b041;
}
ol.walk-list > li.car:before,
ol.walk-list > li.car:after{background:#ccc;}
@media screen and (max-width: 480px){
	.ride-wrap .in-tit h2 ,
.ride-wrap .in-tit h2 img{width:100px;}
ol.walk-list li{margin-bottom:0;}

}

@media screen and (max-width: 480px){
.item-ride iframe{
	height:400px !important;
}


}


#itinerary .notes .item,
#itinerary2 .notes .item{padding-right:200px;}
#itinerary .notes .tit h2,
#itinerary2 .notes .tit h2{
	text-align:left;
	margin-bottom:0;
}

#itinerary .notes .item-panf,
#itinerary2 .notes .item-panf{
	position:relative;
	
}
#itinerary .notes .item-panf .tit h2,
#itinerary2 .notes .item-panf .tit h2{
	padding:2rem;
	font-size:clamp(14px, 3vw, 36px);
}

@media screen and (min-width: 769px){
	
	#itinerary .notes .item-panf .panf,
#itinerary2 .notes .item-panf .panf{
	width:160px;
	position:absolute;
	right:10px;
	bottom:10px;
	
}
#itinerary .notes .item-panf .tit h2,
#itinerary2 .notes .item-panf .tit h2{
	padding-right:200px;
	
}

}
@media screen and (max-width: 768px){
#itinerary .notes .item-panf,
#itinerary2 .notes .item-panf{
	display:flex;
	flex-wrap:wrap;
	align-items: flex-end;
}
	#itinerary .notes .item,
#itinerary2 .notes .item{padding-right:0;}
	#itinerary .notes .item-panf .panf,
#itinerary2 .notes .item-panf .panf{
	width:100px;
	position:relative;
	top:-1rem;
	margin-bottom:-1rem;
}
#itinerary .notes .item-panf .tit,
#itinerary2 .notes .item-panf .tit{
	flex:1;
	
}


}
@media screen and (max-width: 480px){
	
	#itinerary .notes .item-panf .tit h2,
#itinerary2 .notes .item-panf .tit h2{
	padding:1rem;
}

}



/*スライドのところ*/

.lightbox {
  position: fixed;
  top:0; left:0;
  width:100%; height:100%;
  background: rgb(16 53 0 / 95%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity:0;
  pointer-events:none;
  transition: opacity 0.4s ease;
  z-index:9999;
}

.lightbox.show {
  opacity:1;
  pointer-events:auto;
}

.lightbox-img {
  max-width: 90%;
  max-height: 80%;
  margin-bottom: 1rem;
  transform: scale(0.8);
  opacity:0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.lightbox.show .lightbox-img {
  transform: scale(1);
  opacity:1;
}

.lightbox-title {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

.lightbox-close {
  position: absolute;
  top: 20px; right: 30px;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
}

/*パンフレット*/
#brochure{

	
}
#brochure .inner{
	display:flex;
	flex-wrap:wrap;
	    max-width: 600px;
}
#brochure .inner .tit{flex:1;padding:0 ;}
#brochure .inner .tit h2{
	font-size:clamp(16px, 4vw, 28px);
	/*text-align:center;*/
	aspect-ratio:21/25;
	position:relative;
	width:calc(100% + 1rem);
	left:0;
	top:-1rem;
	z-index:-1;
	background:#88b93b;
	display: flex;
    align-items: center;
		padding:1rem 1rem 1rem 2rem;
		box-sizing:border-box;
		color:#fff;

}
#brochure .inner .panf{flex:1;}
@media screen and (max-width: 480px){
#brochure .inner .tit h2{padding:1rem;}
}


/*お問い合わせ*/
#contact .col3{
	margin-bottom:5rem;
}

@media screen and (min-width: 1101px){
#contact .col3 .item{
	width:calc((100% - 4rem) / 3);
	margin-right:2rem;
	margin-bottom:2rem;
}
#contact .col3 .item:nth-child(3n){margin-right:0;}
}
@media screen and (min-width: 481px) and (max-width: 1100px){
#contact .col3 .item{
	width:calc((100% - 2rem) / 2);
	margin-right:2rem;
	margin-bottom:2rem;
}
#contact .col3 .item:nth-child(2n){margin-right:0;}
}
@media screen and (min-width: 481px){
	#contact .col3{
	display:flex;
	flex-wrap:wrap;
	}
}

.totop{
	position:fixed;
	z-index:9;
	right: 0;
    bottom: 0;
}
.totop a{
	display:block;
	background:#2c3449;
	width:45px;
	height:45px;
	position:relative;
}
.totop a:before{
	content:" ";
	position:absolute;
	left: calc(50% - 7px);
	top: calc(50% - 5px);
	width: 14px;
	height: 10px;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	background:#fff;
}

/*アクセス*/
#access {
	background:#fff6ee;
}
#access h3{
	background:#ff8809;
	color:#fff;
	padding:0.8rem 1rem;
	margin-bottom:3rem;
}
#access .box{margin-bottom:3rem;}

#access .box-w a{
	display:block;
	background:#fff;
	font-size:clamp(14px, 2.5vw, 21px);
	font-weight:bold;
	line-height:1.5em;
	padding:2rem;
	display: flex;
    align-items: center;
    justify-content: space-around;
}
#access .box-w a:after{
	content:url(img/arrow.png);
}
@media screen and (max-width: 480px){
	#access .box-w a{padding:1rem;}
}

/*お問い合わせ*/
#contact h3{
	background:#4C0007 radial-gradient(circle, rgba(0,0,0,0) 0% 60%, rgba(0,0,0,0.5) 95% 100%);
	color:#fff;
	padding:0.8rem 1rem;
	margin-bottom:3rem;
}