/*------------------------------------------------------------
	FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

/*------------------------------------------------------------
	BODY BASIC
------------------------------------------------------------*/
body{
font-size:16px;
line-height:1.6;
color:#161616;
min-width:1100px;
}


/*------------------------------------------------------------
	RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:block; }
.sponly{ display:none; }


/*------------------------------------------------------------
	CONTAINER
------------------------------------------------------------*/
#container{
padding:0;
}

/*------------------------------------------------------------
	STICKY
------------------------------------------------------------*/
.sticky{
position:fixed;
width:60px;
height:400px;
top:calc(50% - 200px);
right:0;
}
.conv-link{
display:flex;
flex-direction:column;
}
.conv-link li a{
width:60px;
height:200px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:18px;
line-height:1.2;
letter-spacing:.4em;
writing-mode: vertical-rl;
font-family:'Noto Sans JP', sans-serif;
}

.conv-link li:nth-child(1) a{ background:#7A6A38; }
.conv-link li:nth-child(1) a:hover{ background: color-mix(in srgb, #F9FFD7 20%, #7A6A38);}
.conv-link li:nth-child(2) a{ background:#91804B; }
.conv-link li:nth-child(2) a:hover{ background: color-mix(in srgb, #F9FFD7 20%, #91804B);}



/*------------------------------------------------------------
	KV
------------------------------------------------------------*/
#kv{
width:100%;
position:relative;
height:100vh;
}

.kv-slider,
.kv-slider .slick-list,
.kv-slider .slick-track,
.kv-slider .slick-slide,
.kv-slider .slick-slide > div{
height:100vh;
}

.kv-catch{
width:448px;
height:373px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:100;
}

.scroll{
position:absolute;
bottom:64px;
left:50%;
transform:translate(-50%, 0);
text-align:center;
color:#fff;
font-family:'Roboto';
font-size:10px;
letter-spacing:.3em;
line-height:2;
padding-bottom:60px;
}

.scroll::after{
content:'';
position:absolute;
left:50%;
bottom:0;
width:1px;
height:40px;
background:rgba(255,255,255,.8);
transform:translateX(-50%) scaleY(0);
transform-origin:top;
animation:scrollLineMove 2s ease-in-out infinite;
}



.slide01{ background:url("../img/pc-kv01.jpg") no-repeat center center; background-size:cover; }
.slide02{ background:url("../img/pc-kv02.jpg") no-repeat center center; background-size:cover; }
.slide03{ background:url("../img/pc-kv03.jpg") no-repeat center center; background-size:cover; }
.slide04{ background:url("../img/pc-kv04.jpg") no-repeat center center; background-size:cover; }



/*------------------------------------------------------------
	CONTENTS
------------------------------------------------------------*/
#index1{
width:100%;
background:#fff;
padding:120px 0;
}
#index1 h2{
color:#7A6A38;
font-family:'Roboto';
letter-spacing:.4em;
padding-left:.4em;
font-size:20px;
font-weight:400;
line-height:1;
text-align:center;
margin:0 0 80px;
}
#index1 h2 span{
display:block;
font-size:12px;
font-family:'Shippori Mincho';
font-weight:400;
margin:8px 0 0;
letter-spacing:0.1em;
}

.i1-col{
width:980px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:row;
gap:0;
}
.i1L{
width:500px;
}
h3.i1md-en{
font-size:28px;
font-weight:normal;
line-height:1.6;
margin:0 0 21px;
letter-spacing:.1em;
text-align:left;
}
h3.i1md{
font-size:28px;
font-weight:normal;
line-height:1.6;
margin:0 0 65px;
letter-spacing:.1em;
text-align:left;
}

.i1desc p{
letter-spacing:.04em;
margin-bottom:1em;
}
.i1desc p:last-child{
margin:0;
}

.i1R{
width:420px;
}

.concept-photos{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.concept-photos li{
width:206px;
}
.concept-photos li:nth-child(1){
width:420px;
}



#index2{
background:#EAEAE3;
padding:120px 0;
}
.i2wrapper{
width:860px;
margin:0 auto;
}
#index2 h2{
color:#7A6A38;
font-family:'Roboto';
letter-spacing:.4em;
padding-left:.4em;
font-size:20px;
font-weight:400;
line-height:1;
text-align:center;
margin:0 0 80px;
}
#index2 h2 span{
display:block;
font-size:12px;
font-family:'Shippori Mincho';
font-weight:400;
margin:8px 0 0;
letter-spacing:0.1em;
}

#index2 h3{
text-align:center;
font-size:24px;
line-height:1.6;
margin:0 0 16px;
font-weight:400;
letter-spacing:0.1em;
}


.i-cap{
font-size:10px;
line-height:1;
color:#fff;
position:absolute;
bottom:4px;
right:4px;
text-shadow:0 0 6px #000;
}


.i2video{
width:860px;
margin:0 auto;
position:relative;
overflow:hidden;
}



/*------------------------------------------------------------
	I2 SLIDER (center mode)
------------------------------------------------------------*/
.i2slider{
margin:0 0 60px;
gap:0;
}

.i2slider .slick-list{
overflow:hidden;
}

.i2slider .slick-slide{
margin:0 8px;
}

.i2slider .slick-slide img{
width:498px;
height:300px;
object-fit:cover;
display:block;
}

.i2slider .slick-dots{
position:static;
margin-top:24px;
}

.i2slider .slick-dots li{
width:8px;
height:8px;
margin:0 6px;
}

.i2slider .slick-dots li button{
width:8px;
height:8px;
padding:0;
}

.i2slider .slick-dots li button:before{
width:8px;
height:8px;
font-size:8px;
line-height:8px;
color:#7A6A38;
opacity:.3;
}

.i2slider .slick-dots li.slick-active button:before{
opacity:1;
}


.i2desc{
letter-spacing:.04em;
margin-bottom:40px;
text-align:center;
width:auto;
}




#index3{
background:#657470;
padding:120px 0;
}
.i3wrapper{
width:1080px;
margin:0 auto;
}

#index3 h2{
color:#fff;
font-family:'Roboto';
letter-spacing:.4em;
padding-left:.4em;
font-size:20px;
font-weight:400;
line-height:1;
text-align:center;
margin:0 0 80px;
}
#index3 h2 span{
display:block;
font-size:12px;
font-family:'Shippori Mincho';
font-weight:400;
margin:8px 0 0;
letter-spacing:0.1em;
}

#index3 h3{
text-align:center;
font-size:24px;
line-height:1.6;
margin:0 0 16px;
font-weight:400;
letter-spacing:0.1em;
color:#fff;
}

.i3desc{
text-align:center;
color:#fff;
margin:0 0 40px;
}

.i3spot{
width:100%;
padding:40px 50px 50px;
background:#EAEAE3;
margin:0 0 40px;
}

.spot-ttl{
font-size:40px;
line-height:1.6;
letter-spacing:.1em;
font-family:'Italianno', cursive;
display:flex;
justify-content:center;
gap:16px;
align-items:center;
padding-bottom:16px;
border-bottom:1px solid #161616;
margin:0 0 16px;
}
.spot-ttl span{
font-size:12px;
font-family:'Shippori Mincho', serif;
}
.spot-desc{
text-align:center;
margin:0 0 40px;
letter-spacing:.04em;
}

.spot-photos-col2{
width:680px;
margin:0 auto !important;
display:flex;
flex-wrap:wrap;
gap:18px 80px;
}

.spot-photos-col2 li{
width:300px;
font-family:'Noto Sans JP';
text-align:center;
letter-spacing:.04em;
font-size:16px;
line-height:1.6;
}
.spot-photo{
margin:0 0 8px;
}
.spot-name{
}
.spot-access{
color:#77776D;
}

.spot-photos-col3{
width:964px;
margin:0 auto !important;
display:flex;
gap:32px;
}
.spot-photos-col3 li{
width:300px;
font-family:'Noto Sans JP';
text-align:center;
font-size:16px;
line-height:1.6;
letter-spacing:.04em;
}


.i3-cap{
text-align:center;
color:#fff;
margin:40px auto 0;
font-size:14px;
}


#index4{
padding:120px 0;
position:relative;
}
.i4-wrap{
width:980px;
margin:0 auto;
}

#index4 h2{
color:#7A6A38;
font-family:'Roboto';
letter-spacing:.4em;
padding-left:.4em;
font-size:20px;
font-weight:400;
line-height:1;
text-align:center;
margin:0 0 90px;
}
#index4 h2 span{
display:block;
font-size:12px;
font-family:'Shippori Mincho';
font-weight:400;
margin:8px 0 0;
letter-spacing:0.1em;
}

#index4 h3{
text-align:center;
font-size:28px;
line-height:1.6;
font-weight:400;
letter-spacing:0.1em;
margin:0 0 16px;
}

#index4 h4{
text-align:center;
font-size:18px;
line-height:1.6;
letter-spacing:.04em;
margin:0 0 40px;
}

.intv{
border-top:1px solid #C9C8C3;
border-bottom:1px solid #C9C8C3;
margin:0 0 16px;
padding:32px 40px;
font-size:16px;
line-height:1.6;
letter-spacing:.04em;
}
.intv p{
margin-bottom:1em;
}
.intv p:last-child{
margin:0;
}
.i4ill01{
width:481px;
height:360px;
background:url(../img/i4ill01.png) no-repeat;
background-size:481px;
position:absolute;
top:21px;
left:calc(50% + 212px);
z-index:-1;
}
.i4ill02{
width:208px;
height:460px;
background:url(../img/i4ill02.png) no-repeat;
background-size:208px;
position:absolute;
top:391px;
left:calc(50% - 677px);
z-index:-1;
}

#index5{
background:#6D6D76;
color:#fff;
padding:120px 0;
}
.i5wrapper{
width:960px;
margin:0 auto !important;
}



#index5 h2{
color:#fff;
font-family:'Roboto';
letter-spacing:.4em;
padding-left:.4em;
font-size:20px;
font-weight:400;
line-height:1;
text-align:center;
margin:0 0 80px;
width:auto;
}
#index5 h2 span{
display:block;
font-size:12px;
font-family:'Shippori Mincho';
font-weight:400;
margin:8px 0 0;
letter-spacing:0.1em;
}

#index5 h3{
text-align:center;
font-size:28px;
line-height:1.6;
font-weight:400;
letter-spacing:0.1em;
margin:0 0 40px;
color:#fff;
width:auto;
}

.movie{
width:960px;
height:540px;
background:#585858;
margin:0 0 40px;
position:relative;
overflow:hidden;
}

.movie iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.mov-desc{
letter-spacing:.04em;
color:#fff;
text-align:center;
width:auto;
}


#index6{
background:#EAEAE3;
padding:120px 0;
}


#index6 h2{
color:#7A6A38;
font-family:'Roboto';
letter-spacing:.4em;
padding-left:.4em;
font-size:20px;
font-weight:400;
line-height:1;
text-align:center;
margin:0 0 80px;
}
#index6 h2 span{
display:block;
font-size:12px;
font-family:'Shippori Mincho';
font-weight:400;
margin:8px 0 0;
letter-spacing:0.1em;
}

#index6 h3{
text-align:center;
font-size:28px;
line-height:1.6;
font-weight:400;
letter-spacing:0.1em;
margin:0 0 40px;
}

.i6wrapper{
width:1080px;
margin:0 auto !important;
}

.area-map{
margin:0 0 40px;
}

.ggmap-link{
text-align:center;
}


.ggmap-link a{
display:inline-block;
width:300px;
padding:16px 48px;
border:1px solid #999;
color:#131313;
font-size:14px;
font-family:'Noto Sans JP';
transition:all .2s;
}
.ggmap-link a::after{
content:'';
width:8px;
height:8px;
border-right:1px solid #666;
border-bottom:1px solid #666;
position:absolute;
top:calc(50% - 4px);
right:25px;
transform:rotate(-45deg);
transition:all .2s;
}
.ggmap-link a:hover{
border:1px solid #666;
}
.ggmap-link a:hover::after{
right:22px;
}



.acc-ttl{
font-size:12px;
font-family:'Roboto',sans-serif;
color:#7A6A38;
display:flex;
gap:16px;
margin:0 0 16px;
align-items:center;
letter-spacing:.1em;
}
.acc-ttl span{
font-size:20px;
font-family:'Shippori Mincho',serif;
color:#161616;
}
.acc-ttl::after{
content:'';
flex:1;
border-top:1px solid #C9C5B8;
}

.tb-route{
margin:0 0 40px;
}

.acc-pat-bus{
display:flex;
gap:10px 16px;
flex-wrap:wrap;
margin:0 0 40px !important;
}
.acc-pat-bus li{
background:#fff;
width:532px;
height:110px;
display:flex;
justify-content:space-between;
padding:20px 24px 20px 110px;
align-items:center;
position:relative;
}
.acc-pat-bus li::before{
content:'';
width:70px;
height:70px;
background:#E7E3D8 url(../img/icon-train.svg) no-repeat center center;
background-size:26px;
border-radius:50%;
position:absolute;
top:20px;
left:24px;
}

.acc-name{
font-size:20px;
line-height:1;
display:flex;
flex-direction:column;
gap:13px;
letter-spacing:.1em;
}

.acc-name span{
display:block;
font-size:14px;
font-family:'Roboto',sans-serif;
color:#77776D;
}

.acc-time{
font-size:24px;
line-height:1;
text-align:right;
}
.acc-time span.unit{
font-size:14px;
}
.acc-time span.type{
display:block;
font-size:12px;
line-height:1;
margin-top:8px;
color:#77776D;
font-family:'Noto Sans JP', sans-serif;
}



.acc-pat-car{
display:flex;
gap:10px 16px;
flex-wrap:wrap;
margin:0 0 40px !important;
}
.acc-pat-car li{
background:#fff;
width:532px;
height:110px;
display:flex;
justify-content:space-between;
padding:20px 24px 20px 110px;
align-items:center;
position:relative;
}
.acc-pat-car li::before{
content:'';
width:70px;
height:70px;
background:#E7E3D8 url(../img/icon-car.svg) no-repeat center center;
background-size:26px;
border-radius:50%;
position:absolute;
top:20px;
left:24px;
}

.kuka-bnr{
padding:80px 0;
width:900px;
margin:0 auto !important;
}



/*------------------------------------------------------------
	END PC LAYOUT CSS
------------------------------------------------------------*/
}