@charset "utf-8";



/*スマホ*/
@media screen and (max-width:750px){
#shoping{padding:30px 0px;text-decoration: none;}
#green{padding:30px 0px;text-decoration: none;}
#life{padding:30px 0px;text-decoration: none;}
	
img{margin:0px auto 10px auto;padding: 0px 0px 0px 0px;text-align:center;}
	
h3 {margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(0.9em, 0.9vw, 0.9rem)}
.st10{margin:10px auto 0px auto;padding: 0px 0px 0px 0px;}
.title3 {height:auto;margin:0px auto 0px auto;padding: 20px 0px 0px 0px;text-align: left;color:#000;font-weight: 700;letter-spacing:0px;line-height:160%;font-size: clamp(0.95rem, 1.1vw, 1.2rem);}
.main{width:80%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 10px 0px 0px 0px;}

.titlev {height:auto;margin:40px auto 0px auto;padding: 40px 0px 0px 0px;text-align: center;color:#9D85A0;font-weight: 400;font-size: clamp(1.4em, 2.3vw, 2.3rem);}
.titleg {height:auto;margin:0px auto 0px auto;padding: 40px 0px 0px 0px;text-align: center;color:#86A37B;font-weight: 400;font-size: clamp(1.4em, 2.3vw, 2.3rem);}
.titlegr {height:auto;margin:0px auto 0px auto;padding: 40px 0px 0px 0px;text-align: center;color:#848484;font-weight: 400;font-size: clamp(1.4em, 2.3vw, 2.3rem);}
.titlebr {height:auto;margin:0px auto 0px auto;padding: 40px 0px 40px 0px;text-align: center;color:#666;font-weight: 400;font-size: clamp(1.4em, 2.3vw, 2.3rem);}
.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);}

.locacan4{margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 10px 10px;color: #fff}
    
.loca2{width:100%;margin: 20px auto 20px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.loca3{width:100%;margin: 10px auto 0px auto ;height:auto;padding: 0px 0px 0px 0px;}
.loca3-left{width:100%;margin: 10px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;}
.loca3-right{width:100%;margin: 30px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;line-height:150%}
    
.loca4{;width:100%;margin: 10px auto 0px auto ;height:auto;padding: 0px 0px 0px 0px;}
.loca4-left{float:left; width:100%;margin: 20px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;}
.loca4-right{float:right; width:100%;margin: 20px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;line-height:150%}

	
	
.locanavi{width:100%;height:auto;margin:0px auto 50px 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 0px 0px; }
.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% 5px 0%;letter-spacing:0px;padding: 10px 0% 5px 0%;font-size: clamp(1.0rem, 1.0vw, 1.2rem);}

.locanavi li:nth-child(3){margin: 5px 0% 45px 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:#916B3F;}
.hvr3 a:hover{color:#000;transition-duration: 0.5s;}
.navicap{font-size:70%;}
    

.hvr:hover:before, .hvr5:focus:before, .hvr5:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
.hvr1:hover:before, .hvr5:focus:before, .hvr5:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
.hvr2:hover:before, .hvr5:focus:before, .hvr5:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);} 
.hvr3:hover:before, .hvr5:focus:before, .hvr5:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}  
    
#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;}
.cap{width:94%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 20px 0px;font-size:65%;line-height:150%;}
}


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

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;}
.loca2{max-width:980px;width:90%;margin: 50px auto 50px auto ;height:auto;padding: 0px 0px 0px 0px;}

.text2 {height:auto;margin:0px auto 0px auto;padding: 0px 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);}
.title3 {height:auto;margin:0px auto 0px auto;padding: 30px 0px 3% 0px;text-align: center;color:#000;font-weight: 700;letter-spacing:0px;line-height:160%;font-size: clamp(1.0rem, 1.5vw, 1.5rem);}
.titlev {height:auto;margin:0px auto 0px auto;padding: 70px 0px 0px 0px;font-size:180%;text-align: center;color:#9D85A0;font-weight: 400;}
.titleg {height:auto;margin:0px auto 0px auto;padding: 40px 0px 0px 0px;font-size:180%;text-align: center;color:#86A37B;font-weight: 400;}
.titlegr {height:auto;margin:0px auto 0px auto;padding: 40px 0px 0px 0px;font-size:160%;text-align: center;color:#848484;font-weight: 400;}
.titlebr {height:auto;margin:0px auto 0px auto;padding: 40px 0px 40px 0px;font-size:160%;text-align: center;color:#666;font-weight: 400;}
	
.locacap{clear: both; width:100%;margin: 0px auto 70px auto ;height:auto;text-align:left;padding: 10px 0px 20px 0px;font-size:90%;}
.locacan4{margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 10px 10px;color: #fff}
	
.loca3{max-width:980px;width:90%;margin: 10px auto 50px auto ;height:auto;padding: 0px 0px 0px 0px;}
.loca3-left{float:left; width:65%;margin: 10px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;}
.loca3-right{float:right; width:32%;margin: 10px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:100%;line-height:150%}

.loca4{max-width:980px;width:90%;margin: 10px auto 50px auto ;height:auto;padding: 0px 0px 0px 0px;}
.loca4-left{float:left; width:49%;margin: 10px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;}
.loca4-right{float:right; width:49%;margin: 10px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:100%;line-height:150%}


.locanavi{max-width:1030px;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: 10px 0% 5px 0%;font-size: clamp(0.7rem, 0.8vw, 0.9rem);}

#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;}
#shoping{padding:50px 0px;text-decoration: none;}
#green{padding:50px 0px;text-decoration: none;}
#life{padding:50px 0px;text-decoration: none;}

	
.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:#916B3F;}
.hvr3 a:hover{color:#000;transition-duration: 0.5s;}
.navicap{font-size:70%;}

.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);}  
	
.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:980px;width:90%;height:auto;margin:0px 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 0 10px 0;background: #919191}
table {border-collapse: separate;border-spacing: 7px;}
}