@charset "utf-8";

body {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}

/*スマホ*/
@media screen and (max-width:768px){
 h2{margin:0 auto 0px auto;padding: 0px 0% 0px 0%;}
.pfont1 {width:90%;font-size: clamp(0.9em, 1.2vw, 1.7rem); color:#604e40;line-height: 150%;padding: 0px 0% 1.8% 0%;letter-spacing: 2px;text-align: left;margin:0% auto 0px auto;}
.pfont2 {width:90%;font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding:2% 0% 0px 0%;margin:0% auto 0px auto;text-align:left;}
.pfont22 {width:100%;font-size: clamp(0.9rem, 1.2vw, 1.7rem); color:#604e40;line-height: 170%;padding: 5% 0% 3% 0%;text-align:left;}
.pfont3 {font-size: clamp(0.87rem, 1.25vw, 1.25rem); color:#604e40;line-height: 150%;padding: 0px 0% 0px 0%;}
.title {width:90%;margin:0 auto 20px auto;}
.line-wrapper {width: 100%;height: 5vh; /* 必要に応じて調整 */display: flex;justify-content: center;align-items: center;overflow: hidden;padding: 0px 0% 10px 0%;}
.line-wrapper::before {content: "";display: block;width: 10%; /* 中央10% */height: 100%; position: absolute;background: transparent;}
.line {width: 1px;height: 100%;background-color:#604e40;z-index: 1;}
.plancap {width:90%;height:auto;margin:0% 0 0px 6%;padding: 10px 0% 30px 0%;text-align:left;font-size:70%;line-height: 150%;}

hr.full-width {width: 100%; margin: 3% 0 1%;border: none;border-top: 1px solid #000;}
hr.narrow-width {width: 90%;margin: 3% auto 1% auto;border: none;border-top: 1px solid #000;}
	
.locabg-life {text-align:center;padding: 0% 0% 3% 0%;margin:5% auto 0px auto;background-color:#fff;}
.locabg-life1 {width:90%;text-align:center;padding: 0% 0% 0% 0%;margin:0% auto 0% auto;background-color:#fff ;overflow: hidden;}
	
   #lifeinfo{
	clear:both;
	width: 100%;
	margin: 0px auto 0px auto;
	height: auto;
	text-align:left;
	padding: 0px 0px 10px 0px;
}



#lifeinfo_left{
	float:left;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0% 0px 0px;
}	

#lifeinfo_right{
	float:right;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0%;
}	


.table {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:0px;
text-align: left;
}
.table th {
width:40%;padding:15px 0px 10px 0px;
text-align:center;
vertical-align:top;
color:#fff;
font-size: 14px
}
.table td {
padding:7px 0px 7px 0px;
color:#000;
font-size: clamp(0.8rem, 0.8vw, 0.7rem);
font-feature-settings: "palt";
font-weight: 700
}



.table3 {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:0px;
font-size:12px;
text-align: left;
}

.table3 th {
width:28%;
padding:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
border:1px solid #BBBBBB;
color:#fff;
background-color:#38270B;
}

.table3 td {
padding:4px 2px 2px 10px;
border:1px solid #999999;
background-color:#FFF;
color:#000
}

/* 上下5%、左右5%の隙間 */
	
.locaitem img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
margin:10% auto 0px auto;
}

 .locaitem {
    width: calc((100% - 5%) / 2); /* 横5% × 1 = 5% を除いて2分割 */
  }
	
	

.lifefont{font-size:160%;etter-spacing:0px;font-weight: 700;color:#db9734;padding: 0px 2px 0px 2%;}
.plancap {width:90%;height:auto;margin:0% 0 0px 6%;padding: 10px 0% 30px 0%;text-align:left;font-size:70%;line-height: 150%;}
	.locabg1-1 {width:100%;text-align:center;padding: 3% 0% 7% 0%;margin:7% auto 5% auto;background-color:#a29284 ;}
.locabg {width:100%;text-align:center;padding: 0% 0% 7% 0%;margin:60px auto 0px auto;background-color:#ece8e1;}
.locabg1 {width:94%;text-align:center;padding: 5% 0% 2% 0%;margin:2% auto 4% auto;background-color:#f6f4f0 ;overflow: hidden;}
.locabg11 {width:94%;text-align:center;padding: 0% 0% 2% 0%;margin:2% auto 2% auto;background-color:#f6f4f0 ;overflow: hidden;}
.locabg111 {width:94%;text-align:center;padding: 0% 0% 2% 0%;margin:5% auto 2% auto;background-color:#f6f4f0 ;overflow: hidden;}
.locabg2 {width:90%;text-align:center;padding: 0px 0% 2% 0%;margin:5% auto 2% auto;background-color:#d4ecea}	
.locabg11-1 {width:94%;text-align:center;padding: 0% 0% 2% 0%;margin:5% auto 2% auto;background-color:#f6f4f0 ;overflow: hidden;position: relative}
.locabg11-11 {width:12vw;text-align:left;padding: 0% 5% 0% 0%;margin:0% auto 0% auto;position:absolute;z-index:1}
/* 相鉄本線エリア*/

.loca77 {clear: both ;width:84.3%;text-align:center;padding:5% 0% 0% 0%;margin:4% 3.7% 0% 12%;border-radius: 15px;background-color:#fff}
.loca777 {clear: both ;width:84.3%;text-align:center;padding:2% 0% 0% 0%;margin:3% 2% 0% 12%;border-radius: 15px;background-color:#fff}
.loca7777 {clear: both ;width:97.5%;text-align:center;padding:0% 0% 0% 0%;margin:2% 0% 0% 0%;border-radius: 15px;background-color:#fff}
	
.loca77left {width:100%;text-align:center;padding: 0% 0% 4% 0%;margin:0% 3.5% 0% 0;}
.loca77right {width:100%;text-align:center;padding: 0% 0% 4% 0%;}
.loca7 {width: 93%;margin: 4% auto;background-color: #fff;border-radius: 15px;padding: 3% 0;}
.loca7inner {display: flex;align-items: center; /* 子要素を縦方向中央に配置 */justify-content: flex-start; /* 左寄せ配置 */}
.loca7left {width: 20%;ext-align: left;margin: 0% 0% 0% 2% ;}
.loca7left img {width: 100%;height: auto;display: block;}
.loca7right {width: 76%;text-align: left;padding-left: 1%; /* 少し余白を追加 */}
.loca7-1left {width: 21%;text-align: left;margin: 0% 0% 0% 2% ;}
.loca7-1right {width: 75%;text-align: left;padding-left: 0%; /* 少し余白を追加 */}


.sloca77 {width:84.3%;text-align:center;padding:3% 0% 2% 0%;margin:0% 3.7% 0% 12%;border-radius: 15px;background-color:#fff}
.loca77-1left {width:100%;text-align:center;padding: 0% 0% 0% 0%;margin:0% 0.5% 3% 0;}
.loca77-1right {width:100%;text-align:center;padding: 0% 0% 0% 0%;}
.loca777left {width:100%;text-align:center;padding: 0% 0% 3% 0%;}
.loca777right {width:100%;text-align:center;padding: 0% 3% 3% 3%;}
.loca9 {clear: both ;width:84.3%;text-align:center;padding:0% 0% 4% 0%;margin:2% 3.7% 4% 12%;background-color:#d4ecea}
.loca9left {width:100%;text-align:center;padding:3% 0% 0% 0%;}
.loca9right {width:100%;text-align:center;padding: 3% 0% 0% 0%;}
.loca8 {clear: both ;width: 93%;text-align: center;padding: 0%; margin: 0 auto; background-color: #db9734;border-radius: 15px 15px 0px 0px;}
.loca88 {width:93%;text-align:center;padding:3% 0% 3% 0%;margin:0% auto 4% auto;background-color: #fff;border-radius: 0px 0px 15px 15px;}
.loca8left {float:left;width:30%;text-align:center;}
.loca8right {float:right;width:69%;text-align:center;padding: 0% 0% 0% 0%;}
.loca888 {clear: both ;width:90%;text-align:center;padding:3% 0% 3% 0%;margin:5% auto 0% auto;background-color:#fff}

.l3 {width:80%;text-align:center;padding:5% 0% 0% 0%;margin:0% auto 0% auto;}
.l3left {width:100%;text-align:center;padding:5% 0% 0% 0%;margin:0% 0% 0% 0%;}
.l3right {width:100%;text-align:center;padding: 5% 0% 0% 0%;margin:0% 0% 0% 0%;}
	.glocabg {text-align:center;padding: 0% 0% 10% 0%;margin:10% auto 0px auto;background-color:#ece8e1;background-image: url("../location/img/gubg.webp"); 
  background-position: center top;         /* 上0px・中央揃え */
  background-repeat: no-repeat;            /* 繰り返しなし */
  background-size: contain;                /* 画像全体を表示 */
 }
	
.k1 {width:100%;text-align:center;padding:0% 0% 0% 0%;margin:0% 0% 0% 0%;background-color:#d4ecea}
.k1inner {display: flex;justify-content: flex-start; /* 左寄せ配置 */}
.k1left {width: 50%;ext-align: left;margin: 0% 0% 0% 0% ;}

.k1right {width: 50%;text-align: left;padding:4% 4% 4% 4%;}
.k2 {width:70%;text-align:center;padding:6% 0% 2% 0%;margin:0% auto 0% auto;}
.k3 {width:80%;text-align:center;padding:0% 0% 0% 0%;margin:0% auto 0% auto;}
.k33 {width:100%;text-align:center;padding:1% 0% 3% 0%;margin:0% auto 0% auto;}
.k3left {width:100%;text-align:center;padding:5% 0% 0% 0%;margin:0% 1% 0% 1%;}
.k3right {width:100%;text-align:center;padding: 3% 0% 5% 0%;margin:0% 1% 2% 1%;}
.k4 {width:90.74%;text-align:center;padding:0% 0% 0% 0%;margin:3% auto 2% auto;}
.kfont {font-size: clamp(1.3rem, 2.4vw, 3rem); color:#00ada9;line-height: 150%;padding: 2% 0% 2% 0%;letter-spacing: 4px;}
.kfont1 {font-size: clamp(1.3rem, 2.4vw, 3rem); color:#00ada9;line-height: 150%;padding: 5% 0% 2% 0%;letter-spacing: 4px;}
.kfont11 {font-size: clamp(1.1rem, 1.5vw, 1.7rem); color:#00ada9;line-height: 150%;padding: 5% 0% 2% 0%;letter-spacing: 4px;;}
.kfont2 {width:90%;font-size: clamp(0.8rem, 1.2vw, 1.0rem); color:#604e40;line-height: 160%;padding: 0px 0% 0px 0%;text-align:left;letter-spacing: 2px;margin: 0 auto;}
.kfont22 {font-size: clamp(1.1rem, 1.5vw, 2.6rem); color:#604e40;line-height: 170%;padding: 5% 0% 0px 0%;text-align:left;letter-spacing: 4px;}
.k5{width:90%;text-align:center;padding:1% 0% 1% 0%;margin:0% auto 0% auto;}
.kloca5left {width:80%;text-align:center;margin:5% auto 0px auto;background-color: #FFFFFF;padding: 0% 0% 3% 0%;}
.kloca5right {width:80%;text-align: center;background-color: #FFFFFF;margin: 5% auto 0% auto ;padding: 1% 0% 3% 0%;}
.klocabg1 {width:94%;text-align:center;padding: 0% 0% 2% 0%;margin:5% auto 4% auto;background-color:#f6f4f0 ;overflow: hidden;}
.kpfont1 {width:90%;font-size: clamp(0.9em, 1.2vw, 1.7rem); color:#604e40;line-height: 150%;padding: 0px 0% 0.5% 0%;letter-spacing: 2px;text-align: left;margin:0% auto 0px auto;}
.kfont222 {font-size: clamp(1.1rem, 1.5vw, 1.7rem); color:#fff;line-height: 160%;padding: 0px 0% 0px 0%;text-align:center;letter-spacing: 4px;}
.kloca5 {width:90.74%;text-align:center;padding:4% 0% 2% 0%;margin:0 auto 0px auto;}
.kspfont77 {width:90%;font-size: clamp(0.8rem, 1.0vw, 1.0rem); color:#604e40;line-height: 160%;padding: 3% 0% 3% 0%;text-align: center;margin:0 auto 0px auto;}	
	
	
.s1 {width:100%;text-align:center;padding:0% 0% 0% 0%;margin:0% 0% 0% 0%;background-color:#d4ecea}
.s5{width:80%;text-align:center;padding:1% 0% 3% 0%;margin:0% auto 0% auto;}
.s1left {width: 90%;ext-align: left;margin: 0% auto 0% auto ;}
.s1right {width: 90%;text-align: left;padding:5% 0% 4% 0%;margin: 0% auto 0% auto ;}
.s2 {width:90%;text-align:center;padding:6% 0% 2% 0%;margin:0% auto 0% auto;}
.s3 {width:90.74%;text-align:center;padding:5% 0% 3% 0%;margin:0% auto 0% auto;}
.s3left {width:90%;text-align:center;padding:5% 0% 0% 0%;margin:0% auto 0%;}
.s3right {width:90%;text-align:center;padding: 5% 0% 0% 0%;margin:0% auto 0%;}
.s4 {width:90.74%;text-align:center;padding:0% 0% 0% 0%;margin:3% auto 2% auto;}
.sfont {font-size: clamp(1.3rem, 2.4vw, 3rem); color:#00ada9;line-height: 150%;padding: 2% 0% 2% 0%;letter-spacing: 4px;}
.sfont1 {font-size: clamp(1.3rem, 2.4vw, 3rem); color:#00ada9;line-height: 150%;padding: 5% 0% 2% 0%;letter-spacing: 4px;}
.sfont11 {font-size: clamp(1.1rem, 1.5vw, 1.7rem); color:#00ada9;line-height: 150%;padding: 5% 0% 2% 0%;letter-spacing: 4px;;}
.sfont2 {width:90%;font-size: clamp(0.8rem, 1.2vw, 1.0rem); color:#604e40;line-height: 160%;padding: 0px 0% 0px 0%;text-align:left;letter-spacing: 2px;margin: 0 auto;}
.sfont22 {font-size: clamp(0.8rem, 1.2vw, 1.0rem); color:#604e40;line-height: 170%;padding: 5% 0% 0px 0%;text-align:left;letter-spacing: 0px;}
.sloca5 {width:90.74%;text-align:center;padding:4% 0% 2% 0%;margin:0 auto 0px auto;}
	
.markwrapper {display: flex;align-items: center;
  justify-content: flex-start;
  gap: 0.4em;
  height:auto; /* 必要に応じて親の高さを指定 */padding: 7% 0% 0% 0%;
}
.markwrapper2 {width:100%;display: flex;align-items: center;margin:0% auto 0% auto;text-align: center; justify-content: center;
  gap: 0.5em;
  height:auto; /* 必要に応じて親の高さを指定 */padding: 3% 0% 3% 0%;
}


.text-large {
  font-size: clamp(1.1rem, 1.1vw, 1.7rem); 
  line-height: 1;color:#00ada9;padding: 0% 2% 0px 0%;
}

.text-small {
  font-size: clamp(1.0rem, 1.1vw, 1.7rem); 
  line-height: 1;color:#00ada9;
}

.icon {
  height: 1.1em; /* 基準フォントサイズに合わせる */
  display: inline-block;
  vertical-align: middle;
}

.loca9right {width:100%;text-align:center;padding: 3% 0% 3% 0%;}
.sloca9left {width:100%;text-align:center;padding:3% 0% 3% 0%;}
.sloca9right {width:100%;text-align:center;padding: 3% 0% 3% 0%;}	
	
	
.loca1 {width: 100%;margin: 0 auto;margin:5% 0 0px 0%;padding: 0% 0% 30px 0%;}
.loca2 {text-align:center;padding:6% 0% 3% 0%;margin:0 auto 0px auto;}
.loca3 {width:100%;text-align:center;padding:2% 0% 3% 0%;margin:0 auto 0px auto;}
.loca1left {float:left;width:5%;text-align: left;}
.loca1right {float:right;width:90%;padding-left:0%;padding-right:4.63%;text-align: center;}
.loca3left {float:left;width:48.5%;text-align:center;}
.loca3right {float:right;width:48.5%;text-align: center;}
.loca5 {width:90.74%;text-align:center;padding:4% 0% 2% 0%;margin:0 auto 0px auto;}
.loca4left {width:90%;text-align:center;margin:3% auto 0px auto;}
.loca4right {width:90%;text-align: center;margin:3% auto 0px auto;}
.loca5left {width:80%;text-align:center;margin:5% auto 0px auto;}
.loca5right {width:80%;text-align: center;margin:5% auto 0px auto;}
.loca111 {width: 80%;margin:2% auto 0px auto;}
.loca11 {width: 100%;margin: 0 auto;margin:5% 0 0px 0%;padding: 0% 0% 5% 0%;}
.loca6left {float:left;width:49%;text-align:right;}
.loca6right {float:right;width:49%;text-align: left;}
.loca66left {float:left;width:70%;text-align:right;padding: 0% 1% 0% 0%;}
.loca66right {float:right;width:30%;text-align: left;}
.loca666left {float:left;width:30%;text-align:right;}
.loca666right {float:right;width:70%;text-align:left;padding: 0% 0% 0% 1%;}

	
.locacontainer {
  width: 90%;
  margin: 3% auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0% 0%; /* 上下5%、左右5%の隙間 */
  justify-content: space-between;
}

	
.l-locacontainer {
  width: 90%;
  margin: 5% auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0% 0%; /* 上下5%、左右5%の隙間 */
  justify-content: space-between;
}

	
.locaitem {
  width: calc((100% - 2%) / 2); /* 横5% × 2 = 10% を除いて3分割 */
  overflow: hidden; /* 子要素に角丸を適用するため */
  display: flex;
  align-items: center;
  justify-content: center;
}
	

.locaitem img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
margin:10% auto 0px auto;
}

	
.title {width:85%;margin:0 auto 20px auto;}
.title1 {width:80%;margin:0 auto 0px auto;margin:2% auto 2% auto;}
.title2 {width:80%;margin:0 auto 0px auto;margin:2% auto 2% auto;}
.mtitle1 {width:55%;margin:0 auto 1% auto;margin:4% auto 2% auto;}
.mtitle2 {width:70%;margin:0 auto 1% auto;margin:5% auto 4% auto;}
.pfont11 {font-size: clamp(0.9rem, 1.0vw, 1.0rem); color:#604e40;line-height: 150%;padding: 0px 0% 1.0% 0%;text-align: left}
.spfont2 {font-size: clamp(0.75rem, 1.0vw, 1.5rem); color:#604e40;line-height: 150%;padding: 0px 0% 0px 0%;text-align:left}
.pfont222 {font-size: clamp(0.8rem, 1.1vw, 1.1rem); color:#604e40;line-height: 160%;padding: 2% 0% 7% 0%;text-align: left}
.pfont3 {font-size: clamp(0.87rem, 1.25vw, 1.25rem); color:#604e40;line-height: 150%;padding: 0px 0% 0px 0%;}
.pfont4 {font-size: clamp(3.2rem, 4.0vw, 6.0rem); color:#00ada9;line-height: 150%;padding: 0px 0% 1.0% 0%;letter-spacing: 4px;}
.pfont5 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;}
.pfont6 {font-size: clamp(0.7rem, 1.0vw, 1.0rem); color:#00ada9;line-height: 150%;padding: 0px 0% 1.0% 0%;letter-spacing: 4px;}
.pfont77 {font-size: clamp(0.7rem, 1.0vw, 1.0rem); color:#604e40;line-height: 170%;padding: 0px 0% 5% 0%;text-align: left}
.spfont7 {font-size: clamp(0.7rem, 1.1vw, 1.1rem); color:#604e40;line-height: 160%;padding: 3% 0% 3% 0%;text-align: left}
.pfont7 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;text-align: left}
.pfont8 {font-size: clamp(1.1rem, 1.4vw, 1.7rem); color:#fff;line-height: 150%;padding: 0.5% 0% 0.5% 0%;letter-spacing: 4px;font-weight: 700}
	.pfont6, .pfont7 {text-align: left;}
.pfont9 {font-size: clamp(1.0rem, 1.2vw, 1.0rem); color:#00ada9;line-height: 150%;padding: 0.5% 0% 0.5% 0%;font-weight: 400}
.spfont9 {font-size: clamp(0.8rem, 0.8vw, 0.9rem); color:#db9734;line-height: 150%;padding: 0.5% 0% 0.5% 0%;font-weight: 400}
.pfonts {font-size: clamp(1.0rem, 0.8vw, 0.8rem);}
.noto-sans-jp{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(1.0rem, 1.2vw, 1.2rem);padding: 2% 0% 1% 0%;margin:1% auto 0px auto;color:#00ada9;line-height: 150%;}
	
.noto-sans-jp2{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.9rem, 1.2vw, 1.2rem);padding: 2% 0% 0% 0%;margin:1% auto 0px auto;color:#db9734;}
	
.noto-sans-jp2s{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 0.9vw, 0.9rem);padding: 2% 0% 1% 0%;margin:1% auto 0px auto;color:#db9734;}
	
.noto-sans-jp3{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 0.9vw, 0.9rem);padding: 2% 0% 1% 0%;margin:1% auto 0px auto;color:#00ada9;}
.noto-sans-jp4{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 0.9vw, 0.9rem);padding: 2% 0% 1% 0%;margin:1% auto 0px auto;color:#00ada9;}


		.noto-sans-jps{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 0.7vw, 0.7rem);padding: 0% 0% 1% 0%;margin:1% auto 0px auto;color:#00ada9;}

.all-images {float:right; width: 70%;text-align: right;padding-right: 0%;font-size: 0.6rem;color: #000;font-weight: 400;padding: 2.5% 0% 0% 0%}
.all-images2 {width:90%;text-align: right;padding-right: 0%;font-size: 0.6rem;color: #000;margin:0% auto 0px auto;font-weight: 400;}
 h2{margin:0 auto 0px auto;padding: 0px 0% 0px 0%;}

	
.loca111 {width: 90%;margin:2% auto 0px auto;}
.loca11 {width: 100%;margin: 0 auto;margin:5% 0 0px 0%;padding: 0% 0% 5% 0%;}

.loca6left {float:left;width:49%;text-align:right;}
.loca6right {float:right;width:49%;text-align: left;}
	
.loca66left {float:right;width:100%;text-align:right;padding: 5% 2% 0% 0%;}
.loca66right {float:right;width:100%;text-align: left;padding: 0% 2% 0% 0%;}
	
.loca666left {float:left;width:100%;text-align:right;}
.loca666right {float:left;width:100%;text-align:left;padding: 5% 0% 0% 2%;}
}


/*PC*/
@media print, screen and (min-width:769px){
.header li:nth-child(3) {background: linear-gradient(to right,#fff 0px,#fff 0px,#db9734 2px,#e9c185 calc(100% - 2px), #fff calc(100% - 2px), #fff 100%);color:#fff;}
.header li:nth-child(3) a {color:#fff;}

	
hr.full-width {width: 100%; margin: 3% auto 0% ;border: none;border-top: 1px solid #000;}
hr.narrow-width {width: 90%;margin: 3% auto 0%;border: none;border-top: 1px solid #000;}
	
.locabg {text-align:center;padding: 0% 0% 10% 0%;margin:5% auto 0px auto;background-color:#ece8e1;}
.locabg-life {text-align:center;padding: 0% 0% 3% 0%;margin:5% auto 0px auto;background-color:#fff;}
.locabg-life1 {width:80%;text-align:center;padding: 0% 0% 0% 0%;margin:0% auto 0% auto;background-color:#fff ;overflow: hidden;}
.locabg1 {width:80%;text-align:center;padding: 0% 0% 2% 0%;margin:7% auto 2% auto;background-color:#f6f4f0 ;overflow: hidden;}

.locabg1-1 {width:100%;text-align:center;padding: 2% 0% 3% 0%;margin:7% auto 0% auto;background-color:#a29284 ;}
.locabg1-2 {width:80%;text-align:center;padding: 0% 0% 7% 0%;margin:7% auto 2% auto;overflow: hidden;}
	
.locabg11 {width:80%;text-align:center;padding: 0% 0% 4% 0%;margin:2% auto 2% auto;background-color:#f6f4f0 ;overflow: hidden;}
.locabg11-1 {width:80%;text-align:center;padding: 0% 0% 4% 0%;margin:7% auto 2% auto;background-color:#f6f4f0 ;overflow: hidden;position: relative}
.locabg11-11 {width:11vw;text-align:left;padding: 0% 5% 0% 0%;margin:0% auto 0% auto;position:absolute;z-index:1}
	
.locabg111 {width:80%;text-align:center;padding: 0% 0% 4% 0%;margin:7% auto 2% auto;background-color:#f6f4f0 ;overflow: hidden;}
.locabg2 {width:90%;text-align:center;padding: 0px 0% 2% 0%;margin:5% auto 0% auto;background-color:#d4ecea}	

/* 相鉄本線エリア*/

.loca77 {clear: both ;width:84.3%;text-align:center;padding:2% 0% 3% 0%;margin:2% 3.7% 0% 12%;border-radius: 15px;background-color:#fff}
	
.sloca77 {clear: both ;width:84.3%;text-align:center;padding:3% 0% 2% 0%;margin:0% 3.7% 0% 12%;border-radius: 15px;background-color:#fff}
.loca777 {clear: both ;width:84.3%;text-align:center;padding:1% 0% 0% 0%;margin:0% 2% 0% 12%;border-radius: 15px;background-color:#fff}
.loca7777 {clear: both ;width:100%;text-align:center;padding:0% 0% 0% 0%;margin:1% 2% 0% 5%;border-radius: 15px;background-color:#fff}
	
.loca77left {float:left;width:31%;text-align:center;padding: 0% 0% 0% 0%;margin:0% 3.5% 0% 0;}
.loca77right {float:right;width:31%;text-align:center;padding: 0% 0% 0% 0%;}
.loca7 {width: 93%;margin: 8% auto;background-color: #fff;border-radius: 15px;padding: 3% 0;}
.loca7inner {display: flex;align-items: center; /* 子要素を縦方向中央に配置 */justify-content: flex-start; /* 左寄せ配置 */}
.loca7left {width: 20%;ext-align: left;margin: 0% 0% 0% 2% ;}
.loca7left img {width: 100%;height: auto;display: block;}
.loca7right {width: 69%;text-align: left;padding-left: 1%; /* 少し余白を追加 */}
.loca7-1left {width: 21%;text-align: left;margin: 0% 0% 0% 2% ;}
.loca7-1right {width: 69%;text-align: left;padding-left: 0%; /* 少し余白を追加 */}

.loca77-1left {float:left;width:32.6%;text-align:center;padding: 0% 0% 0% 0%;margin:0% 1.1% 0% 0;}
.loca77-1right {float:right;width:32.4%;text-align:center;padding: 0% 0% 0% 0%;}
.loca777left {float:left;width:49%;text-align:center;}
.loca777right {float:right;width:49%;text-align:center;padding: 1% 3% 0% 1%;}
.loca9 {clear: both ;width:84.3%;text-align:center;padding:0% 0% 0% 0%;margin:2% 3.7% 4% 12%;background-color:#d4ecea}
.loca9left {float:left;width:48.1%;text-align:center;padding:3% 0% 0% 0%;}
.loca9right {float:right;width:48.1%;text-align:center;padding: 3% 0% 0% 0%;}
.sloca9left {float:left;width:47.6%;text-align:center;padding:3% 0% 0% 0%;}
.sloca9right {float:right;width:47.6%;text-align:center;padding: 3% 0% 0% 0%;}
.loca8 {clear: both ;width: 93%;text-align: center;padding: 0%; margin: 0 auto; background-color: #db9734;border-radius: 15px 15px 0px 0px;}
.loca88 {width:93%;text-align:center;padding:3% 0% 3% 0%;margin:0% auto 4% auto;background-color: #fff;border-radius: 0px 0px 15px 15px;}
.loca8left {float:left;width:30%;text-align:center;}
.loca8right {float:right;width:69%;text-align:center;padding: 0% 0% 0% 0%;}
.loca888 {clear: both ;width:90%;text-align:center;padding:3% 0% 3% 0%;margin:5% auto 0% auto;background-color:#fff}

	
.glocabg {text-align:center;padding: 0% 0% 10% 0%;margin:5% auto 0px auto;background-color:#ece8e1;background-image: url("../location/img/gubg.webp"); 
  background-position: center top;         /* 上0px・中央揃え */
  background-repeat: no-repeat;            /* 繰り返しなし */
  background-size: contain;                /* 画像全体を表示 */
 }
	
.l3 {width:100%;text-align:center;padding:5% 0% 0% 0%;margin:0% auto 0% auto;}
.l3left {float:left;width:24%;text-align:center;padding:0% 0% 0% 0%;margin:0% 1.3% 0% 0%;}
.l3right {float:right;width:24%;text-align:center;padding: 0% 0% 0% 0%;}
.l-locacontainer {
  width: 90%;
  margin: 10% auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0% 0%; /* 上下5%、左右5%の隙間 */
  justify-content: space-between;
}

	
	
	
.k1 {width:100%;text-align:center;padding:0% 0% 0% 0%;margin:0% 0% 0% 0%;background-color:#d4ecea}
.k1inner {display: flex;justify-content: flex-start; /* 左寄せ配置 */}
.k1left {width: 50%;ext-align: left;margin: 0% 0% 0% 0% ;}

.k1right {width: 50%;text-align: left;padding:4% 4% 4% 4%;}
.k2 {width:70%;text-align:center;padding:6% 0% 2% 0%;margin:0% auto 0% auto;}
.k3 {width:90.74%;text-align:center;padding:0% 0% 0% 0%;margin:0% auto 0% auto;}
.k33 {width:100%;text-align:center;padding:1% 0% 3% 0%;margin:0% auto 0% auto;}
.k3left {float:left;width:22.6%;text-align:center;padding:0% 0% 0% 0%;margin:0% 3.2% 0% 0%;}
.k3right {float:right;width:22.6%;text-align:center;padding: 0% 0% 0% 0%;}
.k4 {width:90.74%;text-align:center;padding:0% 0% 0% 0%;margin:3% auto 2% auto;}
.kfont {font-size: clamp(1.3rem, 2.4vw, 3rem); color:#00ada9;line-height: 150%;padding: 2% 0% 2% 0%;letter-spacing: 4px;}
.kfont1 {font-size: clamp(1.3rem, 2.4vw, 3rem); color:#00ada9;line-height: 150%;padding: 5% 0% 2% 0%;letter-spacing: 4px;}
.kfont11 {font-size: clamp(1.1rem, 1.5vw, 1.7rem); color:#00ada9;line-height: 150%;padding: 5% 0% 2% 0%;letter-spacing: 4px;;}
.kfont22 {font-size: clamp(1.1rem, 1.5vw, 2.6rem); color:#604e40;line-height: 170%;padding: 5% 0% 0px 0%;text-align:left;letter-spacing: 4px;}
.kfont2 {font-size: clamp(1.1rem, 1.5vw, 1.7rem); color:#604e40;line-height: 160%;padding: 0px 0% 0px 0%;text-align:center;letter-spacing: 4px;}
.kfont222 {font-size: clamp(1.1rem, 1.5vw, 1.7rem); color:#fff;line-height: 160%;padding: 0px 0% 0px 0%;text-align:center;letter-spacing: 4px;}
.kpfont2 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;}
.kpfont1 {font-size: clamp(1.2rem, 1.8vw, 2.0rem); color:#604e40;line-height: 150%;padding: 0px 0% 1.0% 0%;letter-spacing: 4px;}

.k5{width:90%;text-align:center;padding:1% 0% 1% 0%;margin:0% auto 0% auto;}
.kloca5left {float:left;width:31.3%;text-align:center;margin:0 3.0% 0px 0;background-color: #FFFFFF}
.kloca5right {float:right;width:31.3%;text-align: center;background-color: #FFFFFF;margin:0 0% 3% 0;padding: 1% 0% 0% 0%;}
.klocabg1 {width:80%;text-align:center;padding: 0% 0% 2% 0%;margin:7% auto 2% auto;background-color:#f6f4f0 ;overflow: hidden;}
.klocabg2 {width:80%;text-align:center;padding: 0% 0% 2% 0%;margin:3% auto 2% auto;}
.kloca5 {width:90.74%;text-align:center;padding:4% 0% 2% 0%;margin:0 auto 0px auto;}
.kspfont77 {width:90%;font-size: clamp(0.8rem, 1.0vw, 1.0rem); color:#604e40;line-height: 160%;padding: 3% 0% 3% 0%;text-align: center;margin:0 auto 0px auto;}
	
.s1 {width:100%;text-align:center;padding:0% 0% 0% 0%;margin:0% 0% 0% 0%;background-color:#d4ecea}
.s1inner {display: flex;justify-content: flex-start; /* 左寄せ配置 */}
.s1left {width: 50%;ext-align: left;margin: 0% 0% 0% 0% ;}
.s1right {width: 50%;text-align: left;padding:4% 4% 4% 4%;}
.s2 {width:70%;text-align:center;padding:6% 0% 2% 0%;margin:0% auto 0% auto;}
.s3 {width:90.74%;text-align:center;padding:5% 0% 3% 0%;margin:0% auto 0% auto;}
.s3left {float:left;width:24%;text-align:center;padding:0% 0% 0% 0%;margin:0% 1.3% 0% 0%;}
.s3right {float:right;width:24%;text-align:center;padding: 0% 0% 0% 0%;}
.s4 {width:90.74%;text-align:center;padding:0% 0% 0% 0%;margin:3% auto 2% auto;}
.sfont {font-size: clamp(1.3rem, 2.4vw, 3rem); color:#00ada9;line-height: 150%;padding: 2% 0% 2% 0%;letter-spacing: 4px;}
.sfont1 {font-size: clamp(1.3rem, 2.4vw, 3rem); color:#00ada9;line-height: 150%;padding: 5% 0% 2% 0%;letter-spacing: 4px;}
.sfont11 {font-size: clamp(1.1rem, 1.5vw, 1.7rem); color:#00ada9;line-height: 150%;padding: 5% 0% 2% 0%;letter-spacing: 4px;;}
.sfont2 {font-size: clamp(1.1rem, 1.5vw, 1.7rem); color:#604e40;line-height: 160%;padding: 0px 0% 0px 0%;text-align:center;letter-spacing: 4px;}
.sfont22 {font-size: clamp(1.1rem, 1.5vw, 2.6rem); color:#604e40;line-height: 170%;padding: 5% 0% 0px 0%;text-align:left;letter-spacing: 4px;}
.s5{width:90%;text-align:center;padding:1% 0% 1% 0%;margin:0% auto 0% auto;}
.sloca5 {width:90.74%;text-align:center;padding:2% 0% 0% 0%;margin:0 auto 0px auto;}
	
.markwrapper {display: flex;align-items: center;
  justify-content: flex-start;
  gap: 0.4em;
  height:auto; /* 必要に応じて親の高さを指定 */padding: 7% 0% 0% 0%;
}
.markwrapper2 {width:100%;display: flex;align-items: center;margin:0% auto 0% auto;text-align: center; justify-content: center;
  gap: 0.4em;
  height:auto; /* 必要に応じて親の高さを指定 */padding: 3% 0% 3% 0%;
}


.text-large {
  font-size: clamp(1.4rem, 2.6vw, 3.2rem); 
  line-height: 1;color:#00ada9;padding: 0% 2% 0px 0%;
}

.text-small {
  font-size: clamp(1.0rem, 1.1vw, 1.1rem); 
  line-height: 1;color:#00ada9;
}

.icon {
  height:clamp(0.7rem, 1.0vw, 1.0rem); /* 基準フォントサイズに合わせる */
  display: inline-block;
  vertical-align: middle; 
}

	
.mloca5 {width:90.74%;text-align:center;padding:2% 0% 2% 0%;margin:0 auto 0px auto;}
	
.loca1 {width: 100%;margin: 0 auto;margin:5% 0 0px 0%;padding: 0% 0% 30px 0%;}
.loca2 {text-align:center;padding:6% 0% 3% 0%;margin:0 auto 0px auto;}
.loca3 {width:100%;text-align:center;padding:2% 0% 3% 0%;margin:0 auto 0px auto;}
.loca1left {float:left;width:5%;text-align: left;}
.loca1right {float:right;width:90%;padding-left:0%;padding-right:4.63%;text-align: center;}
.loca3left {float:left;width:48.5%;text-align:center;}
.loca3right {float:right;width:48.5%;text-align: center;}
.loca5 {width:90.74%;text-align:center;padding:4% 0% 2% 0%;margin:0 auto 0px auto;}
	

.loca4left {float:left;width:48.45%;text-align:center;margin:0 0% 0px 0;}
.loca4right {float:right;width:48.45%;text-align: center;}
.loca5left {float:left;width:31.3%;text-align:center;margin:0 3.0% 0px 0;}
.loca5right {float:right;width:31.3%;text-align: center;}
.loca111 {width: 80%;margin:2% auto 0px auto;}
.loca11 {width: 100%;margin: 0 auto;margin:5% 0 0px 0%;padding: 0% 0% 5% 0%;}
.loca6left {float:left;width:49%;text-align:right;}
.loca6right {float:right;width:49%;text-align: left;}
.loca66left {float:left;width:70%;text-align:right;padding: 0% 3% 0% 0%;}
.loca66right {float:right;width:30%;text-align: left;}
.loca666left {float:left;width:30%;text-align:right;}
.loca666right {float:right;width:70%;text-align:left;padding: 0% 0% 0% 3%;}

	
.locacontainer {
  width: 80%;
  margin: 3% auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0% 0%; /* 上下5%、左右5%の隙間 */
  justify-content: space-between;
}

.locaitem {
  width: calc((100% - 5%) / 3); /* 横5% × 2 = 10% を除いて3分割 */
  overflow: hidden; /* 子要素に角丸を適用するため */
  display: flex;
  align-items: center;
  justify-content: center;
}

.locaitem img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
margin:10% auto 0px auto;
}

	
.title {width:85%;margin:0 auto 20px auto;}
.mtitle1 {width:55%;margin:0 auto 1% auto;margin:4% auto 2% auto;}
.mtitle2 {width:48%;margin:0 auto 1% auto;margin:4% auto 2% auto;}
.title1 {width:55%;margin:0 auto 0px auto;margin:3% 0% 2% 17%;}
.title2 {width:100%;margin:0 auto 0px auto;margin:2% auto 2% auto;}
	
.pfont1 {font-size: clamp(1.2rem, 1.8vw, 2.0rem); color:#604e40;line-height: 150%;padding: 0px 0% 1.0% 0%;letter-spacing: 4px;}
.pfont11 {font-size: clamp(1.2rem, 1.8vw, 2.0rem); color:#604e40;line-height: 150%;padding: 0px 0% 1.0% 0%;text-align: left}
.pfont2 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;}
.spfont2 {font-size: clamp(0.75rem, 1.0vw, 1.5rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;text-align:center}
.pfont22 {font-size: clamp(1.2rem, 1.8vw, 2.0rem); color:#604e40;line-height: 170%;padding: 2% 0% 0px 17%;text-align: left}
.pfont222 {font-size: clamp(1.1rem, 1.4vw, 1.7rem); color:#604e40;line-height: 170%;padding: 2% 0% 7% 17%;text-align: left}
.pfont3 {font-size: clamp(0.87rem, 1.25vw, 1.25rem); color:#604e40;line-height: 150%;padding: 0px 0% 0px 0%;}
.pfont4 {font-size: clamp(3.2rem, 4.0vw, 6.0rem); color:#00ada9;line-height: 150%;padding: 0px 0% 1.0% 0%;letter-spacing: 4px;}
.pfont5 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;}
.pfont6 {font-size: clamp(1.1rem, 1.4vw, 1.7rem); color:#00ada9;line-height: 150%;padding: 0px 0% 1.0% 0%;letter-spacing: 4px;}
.pfont7 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;text-align: left}
.spfont7 {font-size: clamp(0.9rem, 1.1vw, 1.1rem); color:#604e40;line-height: 160%;padding: 3% 0% 3% 0%;text-align: center}
.spfont77 {width:90%;font-size: clamp(0.8rem, 1.0vw, 1.0rem); color:#604e40;line-height: 160%;padding: 3% 0% 3% 0%;text-align: center;margin:0 auto 0px auto;}
.pfont77 {font-size: clamp(0.9rem, 1.2vw, 1.2rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 18%;text-align: left}
.pfont8 {font-size: clamp(1.1rem, 1.6vw, 1.9rem); color:#fff;line-height: 150%;padding: 0.5% 0% 0.5% 0%;letter-spacing: 4px;font-weight: 700}
.spfont9 {font-size: clamp(0.8rem, 0.8vw, 0.9rem); color:#db9734;line-height: 150%;padding: 0.5% 0% 0.5% 0%;font-weight: 400}
.pfont9 {font-size: clamp(0.8rem, 0.8vw, 0.9rem); color:#00ada9;line-height: 150%;padding: 0.5% 0% 0.5% 0%;font-weight: 400}
.pfont6, .pfont7 {text-align: center;font-weight: 700}

	.noto-sans-jps{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 0.7vw, 0.7rem);padding: 0% 0% 1% 0%;margin:1% auto 0px auto;color:#00ada9;}
	.pfonts {font-size: clamp(1.0rem, 0.8vw, 0.8rem);}
	.noto-sans-jp{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 1.0vw, 1.0rem);padding: 0% 0% 1% 0%;margin:1% auto 0px auto;color:#00ada9;}
	.pfonts {font-size: clamp(1.0rem, 0.8vw, 0.8rem);}
.noto-sans-jp2{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 1.0vw, 1.0rem);padding: 0% 0% 0% 0%;margin:1% auto 0px auto;color:#db9734;}
	
.noto-sans-jp2s{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.6rem, 0.7vw, 0.7rem);padding: 0% 0% 0% 0%;margin:1% auto 0px auto;color:#db9734;}
	
.noto-sans-jp3{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 1.0vw, 1.0rem);padding: 0% 0% 1% 0%;margin:1% auto 0px auto;color:#00ada9;}
	
.noto-sans-jp4{font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;font-size: clamp(0.7rem, 1.0vw, 1.0rem);padding: 0% 0% 0% 0%;margin:0% auto 0px auto;color:#00ada9;}
	
.all-images {float:right; width: 20%;text-align: right;padding: -1% 0 0;font-size: 0.6rem;color: #000;font-weight: 400;margin:-2% 0 0% 0;}
.all-images2 {width:90%;text-align: right;padding-right: 0%;font-size: 0.6rem;color: #000;margin:0% auto 0px auto;font-weight: 400;}
	
 h2{margin:0 auto 0px auto;padding: 0px 0% 0px 0%;}

	
.line-wrapper {
  width: 100%;
  height: 7vh; /* 必要に応じて調整 */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.line-wrapper::before {
  content: "";
  display: block;
  width: 10%; /* 中央10% */
  height: 100%; 
  position: absolute;
  background: transparent;
}

.line {
  width: 1px;
  height: 100%;
  background-color:#604e40;
  z-index: 1;
}


.plancap {width:80%;height:auto;margin:0% auto 0px auto;padding: 40px 0% 40px 0%;text-align:left;font-size:75%;}

#lifeinfo{
	clear:both;
	width:100%;
	margin: 0px auto 0px auto;
	height: auto;
	text-align:left;
	padding: 3% 0px 1% 0px;
}

#lifeinfo_left{
	float:left;
	width: 32%;
	height: auto;
	margin: 0px 2% 0px 0%;
	text-align:left;
	padding: 0px 0% 0px 0px;
}	

#lifeinfo_right{
	float:right;
	width: 32%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0%;
}	

.lifefont{font-size:160%;etter-spacing:0px;font-weight: 700;color:#db9734;padding: 0px 2px 0px 2%;}
.table {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:0px;
text-align: left;align-items: center;vertical-align: middle;
}
.table th {
width:40%;padding:0px 0px 7px 0px;
text-align:center;
vertical-align:top;
}
.table td {
padding:0px 0px 0px 0px;
color:#000;
font-size: clamp(0.8rem, 0.8vw, 0.7rem);
font-feature-settings: "palt";
font-weight: 700;border-bottom:solid 1px #E5E5E5
}



.table3 {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:0px;
font-size:12px;
text-align: left;
}

.table3 th {
width:28%;
padding:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
border:1px solid #BBBBBB;
color:#fff;
background-color:#38270B;
}

.table3 td {
padding:4px 2px 2px 10px;
border:1px solid #999999;
background-color:#FFF;
color:#000
}
 /* 
.space{
width:73%; /* 任意のコンテナ幅を設定 
background-image: url(../location/img/lifebg.jpg);
background-repeat:repeat-x;
display: table-cell;
vertical-align: middle;background-position : center center;
}
    
.bgf{background-color:#fff;
  width: fit-content;padding:0 25px 0 0;}*/

.circle1 {
color: #ddc300;
background-color:#fff;
padding: 2;
margin: 2px 5px 2px 0px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
border-radius: 50%;font-weight: 700
}
.circle2 {
width: 20px;
height: 20px;
padding: 2;
margin: 2px 5px 2px 0px;
line-height: 20px;
  border: 1px solid #ddc300;
  border-radius: 50%;
  text-align: center;display: inline-block;
  box-sizing: border-box;font-weight: 700;
  color: #ddc300;
    }
    
.circle3 {
width: 20px;
height: 20px;
padding: 2;
margin: 2px 5px 2px 0px;
line-height: 20px;
  border: 1px solid #847c56;
  border-radius: 50%;
  text-align: center;display: inline-block;
  box-sizing: border-box;font-weight: 700;
  color: #847c56;
    }
    
.gold{color:#A28A4E;
font-size:110%}

.red{
	background-color:#9a4c62
	}

.cha{
	background-color:#825948
	}

.blue{
	background-color:#0a6e89
	}

.blue2{
	background-color:#546f6f
	}

.gr{
	background-color:#386645
	}

.or{
	background-color:#978c42
	}	
.violet{
	background-color:#594f67
	}	 
    

.btnList {
    max-width: 730px;
    margin: 5rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
}


.btnList {
    max-width: 730px;
    margin: 1rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
}

.btnList li{
	width: 49%;
    margin-bottom: 15px;
}

.btnList li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #59607c;
    letter-spacing: 0.1rem;
    line-height: 3;
    text-decoration:none; 
    transition: .3s all;
}}

	@media only screen and (min-width:751px) and (max-width:1200px) {
	#lifeinfo{
	clear:both;
	width:90%;
	margin: 0px auto 0px auto;
	height: auto;
	text-align:left;
	padding: 0px 0px 10px 0px;
}

#lifeinfo_left{
	float:left;
	width: 32%;
	height: auto;
	margin: 0px 2% 0px 0%;
	text-align:left;
	padding: 0px 0% 0px 0px;
}	

#lifeinfo_right{
	float:right;
	width: 32%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0%;
}	


.table {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:0px;
text-align: left;align-items: center;vertical-align: middle;
}
.table th {
width:40%;padding:0px 0px 0px 0px;
text-align:center;
vertical-align:top;
}
.table td {
padding:0px 0px 0px 0px;
color:#000;
font-size: clamp(0.4rem, 0.4vw, 0.4rem);
font-feature-settings: "palt";
font-weight: 700;border-bottom:solid 1px #E5E5E5
}



.table3 {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:0px;
font-size:12px;
text-align: left;
}

.table3 th {
width:28%;
padding:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
border:1px solid #BBBBBB;
color:#fff;
background-color:#38270B;
}

.table3 td {
padding:4px 2px 2px 10px;
border:1px solid #999999;
background-color:#FFF;
color:#000
}
}