@charset "utf-8";



/*スマホ*/
@media screen and (max-width:750px){
	.loc-list{
  display:block; 
}
.loc-item{
  width:100%;
}
.loc-item + .loc-item{
  margin-top:1.5rem;
}
.loc-item p{font-size: clamp(0.9rem, 0.5vw + 0.6rem, 1.0rem);
  margin-top:0.3rem;text-align: left
}

.loca3 p{font-size: clamp(0.9rem, 0.5vw + 0.6rem, 1.0rem);
  margin-top:0.3rem;text-align: left; margin-bottom:1.5rem;
}
	
h3 {margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(0.9em, 0.9vw, 0.9rem)}
	
	
#location{padding:30px 0px;text-decoration: none;}
#shoping{padding:30px 0px;text-decoration: none;}
#zenpukuji{padding:30px 0px;text-decoration: none;}
#kichijoji{padding:30px 0px;text-decoration: none;}
#life{padding:30px 0px;text-decoration: none;}
	
.titlev {height:auto;margin:0% auto 0px auto;padding: 5% 0px 3% 0px;font-size: clamp(1.2rem, 0.5vw + 1.0rem, 3.0rem);text-align: center;color:#9D85A0;font-weight: 400;}
.titleg {height:auto;margin:0px auto 0px auto;padding: 1% 0px 3% 0px;font-size: clamp(1.2rem, 0.5vw + 1.0rem, 3.0rem);text-align: center;color:#86A37B;font-weight: 400;}
.titlegr {height:auto;margin:0px auto 0px auto;padding: 1% 0px 3% 0px;font-size: clamp(1.2rem, 0.5vw + 1.0rem, 3.0rem);text-align: center;color:#848484;font-weight: 400;}
.titlebr {height:auto;margin:0px auto 0px auto;padding: 1% 0px 5% 0px;font-size: clamp(1.2rem, 0.5vw + 1.0rem, 3.0rem);text-align: center;color:#a69071;font-weight: 400;}
.titlesub {height:auto;margin:0px auto 0px auto;padding: 2% 0px 1% 0px;font-size: clamp(1.0rem, 0.6vw + 0.5rem, 2.0rem);text-align: center;color:#000;font-weight: 400;}
	
	

.st10{margin:10px auto 0px auto;padding: 0px 0px 0px 0px;}

.title {margin-top:8%;font-size:clamp(1.0rem, 1.4vw, 1.7rem); color:#000;line-height: 150%;font-weight: 700 }
.title2 {height:auto;margin:0px auto 0px auto;padding: 4% 0px 0% 0px;text-align:left;color:#000;font-weight: 400;letter-spacing:0px;line-height:160%;font-size: clamp(1.0rem, 1.4vw, 1.4rem);}
.title3 {height:auto;margin:0px auto 0px auto;padding: 2% 0px 3% 0px;text-align:left;color:#000;font-weight: 400;letter-spacing:0px;line-height:160%;font-size: clamp(1.0rem, 1.5vw, 1.5rem);}
	
	
.main{width:80%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 10px 0px 0px 0px;}
.text2 {height:auto;margin:0px auto 0px auto;padding: 10px 0px 0px 0px;text-align:left;color:#000;font-weight:400;letter-spacing:0px;line-height:140%;font-size: clamp(0.8rem, 0.8vw, 0.9rem);}
.text1{margin:0px auto 0px auto;padding: 0rem 0% 3% 0%;text-align:left; font-size: clamp(0.9rem, 0.5vw + 0.6rem, 1.0rem);line-height: 1.7;font-weight: 400;}
.locacan4{margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 10px 10px;color: #fff}
    
.loca2{width:100%;margin: 1.5rem auto 3rem auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;text-align:left;}
.loca3{width:100%;margin: 1rem auto 3rem auto ;height:auto;padding: 0px 0px 0px 0px;text-align:left;}


.locanavi{width:100%;height:auto;margin:0px auto 0rem auto;padding: 0px 0px 3rem 0;text-align:center;}
.locanavi a {display: block;text-decoration: none;color: #fff;}
.locanavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px 0px 0rem; }
.locanavi li {float: left;list-style: none;width: 100%;text-align: center;line-height: 120%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 5px 0% 10px 0%;letter-spacing:0px;padding: 10px 0% 5px 0%;font-size: clamp(0.9rem, 1.0vw, 1.2rem);}
.locanavi li:last-of-type {margin: 0 0 3rem 0;}

	
	
.hvr{display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.hvr:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff;background:#9D85A0;}
.hvr a:hover{color:#000;transition-duration: 0.5s;}
    
.hvr1{display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.hvr1:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff;background:#86A37B;}
.hvr1 a:hover{color:#000;transition-duration: 0.5s;}

.hvr2{display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.hvr2:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff;background:#848484;}
.hvr2 a:hover{color:#000;transition-duration: 0.5s;}
.navicap{font-size:70%;}
	
.hvr3{display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.hvr3:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff;background:#a69071;}
.hvr3 a:hover{color:#000;transition-duration: 0.5s;}
	
.hvr:hover:before, .hvr:focus:before, .hvr:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
.hvr1:hover:before, .hvr1:focus:before, .hvr1:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
.hvr2:hover:before, .hvr2:focus:before, .hvr2:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}  
.hvr3:hover:before, .hvr3:focus:before, .hvr3:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);} 
	

.navicap{font-size:70%;}
   
    
#page-link{justify-content: center;padding: 0% 5% 0%;margin:0px auto 0px auto;}
#page-link li{list-style: none;border: 1px solid #ccc}
#page-link li a{padding:0px 0px;text-decoration: none;}
    
.life {width:86%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.lifeinfo_left{width:100%;font-size:65%;text-align:left;margin: 30px 0 0px 0; }
.lifeinfo_right{width:100%;font-size:65%;text-align:left;margin: 0px 0 0px 0;}
.headertable tr:nth-child(1) td {border-bottom:solid 1px #000;}
.lifeinfo_bg{text-align:left;margin: 15px 0 15px 0;background: #919191;padding:5px 0px 5px 5px;}
table {border-collapse: separate;border-spacing: 7px;}
.cap2{width:86%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 20px 0px;font-size:65%;line-height:150%;}
.font1{font-size: clamp(0.7rem, 0.9rem, 0.9rem);letter-spacing:0px;}
}


/*PC*/
@media screen and (min-width:751px){

	
.loc-list{
  display:flex;
  gap:2%;margin: 3% auto 7%
}
.loc-item{
  width:49%;
}
.loc-item p{
  margin-top:1%;text-align: left;
}

.cap2{clear: both; width:100%;height: auto;margin: 0px auto 0px auto;padding: 3% 0px 5% 0px;font-size:75%;text-align:center;line-height:170%;font-weight: 400;}

.font1{font-size: clamp(0.8rem, 0.9rem, 0.9rem);letter-spacing:0px;}
	
.hvr{display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.hvr:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff;background:#9D85A0;}
.hvr a:hover{color:#000;transition-duration: 0.5s;}
    
.hvr1{display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.hvr1:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff;background:#86A37B;}
.hvr1 a:hover{color:#000;transition-duration: 0.5s;}

.hvr2{display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.hvr2:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff;background:#848484;}
.hvr2 a:hover{color:#000;transition-duration: 0.5s;}
.navicap{font-size:70%;}
	
.hvr3{display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
.hvr3:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #bfb08f;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #fff;background:#a69071;}
.hvr3 a:hover{color:#000;transition-duration: 0.5s;}
.hvr:hover:before, .hvr:focus:before, .hvr:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
.hvr1:hover:before, .hvr1:focus:before, .hvr1:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
.hvr2:hover:before, .hvr2:focus:before, .hvr2:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}  
.hvr3:hover:before, .hvr3:focus:before, .hvr3:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);} 
	
img{margin:0px auto 5px auto;padding: 0px 0px 0px 0px;text-align:center;}
.main{max-width:1200px;width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 10px 0px 0px 0px;}
	
.title {margin-top:8%;font-size:clamp(1.0rem, 1.4vw, 1.7rem); color:#000;line-height: 150%;font-weight: 700 }
.title2 {height:auto;margin:0px auto 0px auto;padding: 4% 0px 0% 0px;text-align: center;color:#000;font-weight: 400;letter-spacing:0px;line-height:160%;font-size: clamp(1.0rem, 1.4vw, 1.4rem);}
.title3 {height:auto;margin:0px auto 0px auto;padding: 1% 0px 1% 0px;text-align: center;color:#000;font-weight: 400;letter-spacing:0px;line-height:160%;font-size: clamp(1.1rem, 1.5vw, 1.5rem);}
.text1{margin:0px auto 0px auto;padding: 1% 0% 2% 0%;text-align:center; font-size: clamp(0.9rem, 0.5vw + 0.6rem, 1.0rem);line-height: 1.7;font-weight: 400;}
.main2{max-width:1200px;width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 5% 0px 05% 0px;}
.cap2{clear: both; width:100%;height: auto;margin: 0px auto 0px auto;padding: 3% 0px 5% 0px;font-size:75%;text-align:center;line-height:170%;font-weight: 400;}
.locanavi{max-width:1100px;width:90%;height:auto;margin:0px auto 10px auto;padding: 0px 0px 0px 0;text-align:center;}
.locanavi a {display: block;text-decoration: none;color: #fff;}
.locanavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.locanavi li {float: left;list-style: none;width: 100%;text-align: center;line-height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0px 5px 0px 5px;letter-spacing:0px;padding: 1rem 0% 0.5rem 0%;font-size: clamp(0.9rem, 1.2vw, 1.1rem);}

#page-link{display: flex;justify-content: center;padding: 40px;}
#page-link li{list-style: none;border: 1px solid #ccc}
#page-link li a{padding:0 20px;text-decoration: none;}
	
#location{padding:30px 0px;text-decoration: none;}
#shoping{padding:50px 0px;text-decoration: none;}
#zenpukuji{padding:50px 0px;text-decoration: none;}
#kichijoji{padding:50px 0px;text-decoration: none;}
#life{padding:50px 0px;text-decoration: none;}
	
.titlev {height:auto;margin:0px auto 0px auto;padding: 5% 0px 3% 0px;font-size: clamp(1.5rem, 0.5vw + 1.0rem, 3.0rem);text-align: center;color:#9D85A0;font-weight: 700;}
.titleg {height:auto;margin:0px auto 0px auto;padding: 5% 0px 3% 0px;font-size: clamp(1.5rem, 0.5vw + 1.0rem, 3.0rem);text-align: center;color:#86A37B;font-weight: 700;}
.titlegr {height:auto;margin:0px auto 0px auto;padding: 5% 0px 3% 0px;font-size: clamp(1.5rem, 0.5vw + 1.0rem, 3.0rem);text-align: center;color:#848484;font-weight: 700;}
.titlebr {height:auto;margin:0px auto 0px auto;padding: 5% 0px 8% 0px;font-size: clamp(1.5rem, 0.5vw + 1.0rem, 3.0rem);text-align: center;color:#a69071;font-weight: 700;}
.titlesub {height:auto;margin:0px auto 0px auto;padding: 4% 0px 0.5% 0px;font-size: clamp(1.1rem, 0.6vw + 0.5rem, 2.0rem);text-align: center;color:#000;font-weight: 700;}
	
.loca2{max-width:800px;width:80%;margin: 4% auto 4% auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;}
.loca3{max-width:980px;width:90%;margin: 2% auto 2% auto ;height:auto;padding: 0px 0px 0px 0px;text-align:left;}

	
.t10{margin:10px auto 0px auto;padding: 0px 0px 0px 0px;}
h3 {margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(0.8em, 0.9vw, 1.0rem)}

.life {max-width:1100px;width:90%;height:auto;margin:0 auto 0px auto;padding: 10px 0px 10px 0px;text-align:left;}
.lifeinfo_left{float:left;width:49%;font-size:90%;text-align:left;margin: 50px 0 20px 0 }
.lifeinfo_right{float:right;width:49%;font-size:90%;text-align:left;margin: 50px 0 20px 0 }
.lifeinfo_bg{text-align:left;margin: 10px 0px 10px 0px;background: #9d9d9e;color:#fff;padding: 5px 0px 5px 10px;}
table {border-collapse: separate;border-spacing: 7px;}
}

@media only screen and (min-width:751px) and (max-width:1200px) {
.locanavi{width:100%;height:auto;margin:0px auto 10px auto;padding: 0px 0px 0px 0;text-align:center;}
.life {width:86%;height:auto;margin:0 auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.lifeinfo_left{width:100%;font-size:75%;text-align:left;margin:5% auto 0px auto;}
.lifeinfo_right{width:100%;font-size:75%;text-align:left;margin:0px auto 0px auto;}
.headertable tr:nth-child(1) td {border-bottom:solid 1px #000;}
.lifeinfo_bg{text-align:left;margin: 15px 0 15px 0;background: #919191;padding:5px 0px 5px 5px;}
table {width:100%;border-collapse: separate;border-spacing: 7px;}tr {width:100%;}table2 {width:100%;border-collapse: separate;border-spacing: 7px;}tr {width:100%;}
}