@charset "UTF-8";

body{}

h2{color:#fff;font-size: 30px;letter-spacing: 0.02em;}
h2 img{max-width: 560px;width: 80%;}
@media (max-width: 768px) {
	h2{color:#fff;font-size: 22px;letter-spacing: 0.03em;}
}

.wait{height: 100vh;width: 100%;}
/*----------------------------------------------------

◆　main visual

----------------------------------------------------*/
section#mv{width: 100%;position: relative;}

.slider_ctn{position:relative;width: 100%; height: 100vh;}
h1.logo{opacity: 0;position: absolute;max-width:420px;z-index: 50;top:50vh;left: 50%;margin-top: -170px;margin-left: -210px;}
@media (max-width: 768px){
	.slider_ctn{position:relative;width: 100%; height: 500px;}
	h1.logo{opacity:1;width:80%;max-width:220px;z-index: 50;top:250px;left: 50%;margin-top: -100px;margin-left: -110px;}
}


/*----------------------------------------------------

◆　theme

----------------------------------------------------*/
section#theme{padding: 150px 0;}
.theme-1-ctn{max-width: 1200px;width:100%;margin:0 auto;}
.theme-1-ctn img{width: 80%;}
.theme-1-ctn p{writing-mode: vertical-rl;font-size: 36px;margin-top: -50px;letter-spacing: 0.2rem;padding-right: 3%;}

.theme-2-ctn{max-width: 1000px;width: 90%;margin: 120px auto 0;}
.theme-2-ctn img{width: 45%;}
.theme-2-ctn p{padding-left: 13%;}

.theme-3-ctn{max-width: 1000px;width: 90%;margin: 120px auto 0;align-items: end;}
.theme-3-ctn img{width: 60%;}
.theme-3-ctn p{}

.theme-4-ctn{max-width: 1200px;width:100%;margin:120px auto 0;align-items: end;}
.theme-4-ctn img{width: 65%; }
.theme-4-ctn .txt p{margin-top: 30px;}
.theme-4-ctn .txt div{width: 180px; margin:0 auto;}
.theme-4-ctn .txt p.to-detail a{text-decoration: underline;}

.copy{letter-spacing: 0.05rem;line-height: 40px;font-size: 18px;}

@media(max-width: 768px){
	section#theme{padding: 70px 0 40px;}
	.theme-1-ctn{max-width: 1200px;width:100%;margin:0 auto;}
	.theme-1-ctn img{width: 82%;padding-bottom: 10%;}
	.theme-1-ctn p{writing-mode: vertical-rl;font-size: 20px;margin-top: 0px;letter-spacing: 0.2rem;padding-right: 3%;}

	.theme-2-ctn{max-width: 1000px;width: 90%;margin: 30px auto 0;}
	.theme-2-ctn img{width: 100%;}
	.theme-2-ctn p{padding-left: 0;}

	.theme-3-ctn{max-width: 1000px;width: 90%;margin: 30px auto 0;align-items: end;}
	.theme-3-ctn img{width: 100%;}
	.theme-3-ctn p{}

	.theme-4-ctn{width:90%;margin:30px auto 0;align-items: end;}
	.theme-4-ctn img{width: 100%;margin-top: 10px;}
	.theme-4-ctn .txt{width: 100%;}
	.theme-4-ctn .txt p{margin-top: 15px;}
	.theme-4-ctn .txt div{width: 100px; margin:10px auto 0;}

	.copy{letter-spacing: 0.05rem;line-height: 30px;font-size: 16px;margin-top: 10px;}
	
}


/*----------------------------------------------------

◆　covid

----------------------------------------------------*/
section#covid{padding:0 0 100px;}
#covid p a{text-decoration: underline;}
#covid p{border: 1px solid #fff;width: 90%;max-width: 800px;margin:0 auto;text-align: center;padding:20px 0;}
@media(max-width: 768px){
	section#covid{padding:0 0 60px;}
	#covid p{border: 1px solid #fff;width: 100%;margin:0 auto;text-align: center;padding:20px 20px;}
}


/*----------------------------------------------------

◆　service

----------------------------------------------------*/
#service{background: url(../images/washi.jpg)repeat repeat;padding: 100px 0;}
#service img{margin-bottom: 20px;}
#service h2,#service p,#service p a{color:#000;}
#service p a{text-decoration: underline;}
.service-ctn{margin-top: 50px;}
.service-ctn div{width:30%;}
#service .to-detail{margin-top: 20px;}

@media(max-width:768px){
	#service{padding: 60px 0 40px;}
	#service img{margin-bottom: 10px;}
	.service-ctn div{width:100%;margin-bottom: 30px;}
	#service .to-detail{margin-top: 10px;}
}


/*----------------------------------------------------

◆　garden

----------------------------------------------------*/
section#garden{padding: 100px 0 0;}
#garden p{letter-spacing: 0.01rem;margin:30px 0 50px;line-height: 30px;}
#garden .img-ctn{width: 100%;}
#garden .img-ctn div{width: 25%;}

@media(max-width:768px){
	section#garden{padding: 40px 0 0;}
	#garden p{letter-spacing: 0.01rem;margin:20px 0 50px;line-height: 26px;}
	#garden .img-ctn{width: 100%;}
	#garden .img-ctn div{width: 50%;}
}

/*----------------------------------------------------

◆　access

----------------------------------------------------*/

section#access{padding: 100px 0 0;}
#access p a{text-decoration: underline;color:#fff;}
.name{font-size: 30px;margin-top: 20px;letter-spacing: 0.02rem;}
#access .to-detail{margin: 20px 0 30px;} 

@media (max-width: 768px){
	section#access{padding: 40px 0 0;}
	#access p a{text-decoration: underline;color:#fff;}
	.name{font-size: 20px;margin-top: 10px;letter-spacing: 0.02rem;}
	#access .to-detail{margin: 20px 0 30px;} 
}

/*----------------------------------------------------

◆　google_map

----------------------------------------------------*/

.map {position: relative;min-height: 420px;max-width: 100%;margin: 15px auto 0;height: 0;overflow: hidden;}
.map iframe,.map object,.map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (max-width: 768px){
  .map {min-height: 360px;}
}


/*----------------------------------------------------

◆　safety

----------------------------------------------------*/
section#safety{text-align: center;padding-top: 60px;}
.safety-ctn{background: #b3b3b3;padding: 40px;align-items: center;}
.safety-ctn .img-box{width: 25%;}
.safety-ctn .txt-box{width: 70%;text-align: left;font-size: 16px;}
.safety-ctn .txt-box h2{color:#000;font-size: 22px;margin-bottom: 5px;font-weight: bold;}
.safety-ctn .txt-box p,.safety-ctn .txt-box p a{color:#000;}
.safety-ctn .txt-box p a{text-decoration:underline; }

@media(max-width: 768px){
	section#safety{text-align: center;padding-top: 40px;}
	.safety-ctn{background: #b3b3b3;padding:30px 20px;}
	.safety-ctn .img-box{width: 50%;margin: 0 auto;}
	.safety-ctn .txt-box{width: 100%;text-align: center;font-size: 14px;}
	.safety-ctn .txt-box h2{color:#000;font-size: 18px;margin-top: 10px;}
}




/*---------------------------------------------------------------------

    ◆　degipamphlet

  ----------------------------------------------------------------------  */
  
.degi_btn{width: 425px; margin: 100px auto 20px;}
.degi_btn a{line-height: 70px; text-align: center; color: #fff; background: #a28977; display: block; width: 100%;}


@media(max-width: 768px){

.degi_btn{width: 80%; margin: 50px auto 0px;}

}




/*250521 追加*/
.box-lyt{padding: 40px 0 0;}

.lyt-logo-slh{
	max-width: 150px;
	width: 100%;
	margin: 0 auto 3em;
}
.box-lyt .to-detail{margin: 1em 0 2em;} 

@media (min-width: 769px){
	.box-lyt{padding: 100px 0 0;}
}