@charset "utf-8";

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

/*スマホ*/
@media screen and (max-width:768px){

.title {max-width:160px;width:25%;margin:10px auto 0px auto;}
 h2{margin:0 auto 0px auto;padding: 0px 0% 0px 0%;}
.accessbg {text-align:center;padding: 60px 0% 60px 0%;margin:0 auto 40px auto;}

	
	.navi{width:100%;height:auto;margin:5% auto 5% auto;padding: 0px 0% 0px 0%;}
.quality{width:100%;height:auto;margin:5% auto 5% auto;padding: 0px 0% 0px 0%;background:#d4ecea}
.quality2{width:80%;height:auto;margin:5% auto 5% auto;padding: 0px 0% 0px 0%;background:#d4ecea}
.quality3{width:100%;height:auto;margin:0% auto 0% auto;padding: 3% 0% 3% 0%;background:#d4ecea}
	
.title {max-width:160px;width:30%;margin:0 auto 20px auto;}
 h2{margin:0 auto 0px auto;padding: 0px 0% 0px 0%;}
.accessbg {text-align:center;padding: 120px 0% 120px 0%;margin:0 auto 40px auto;}

.pfont1 {font-size: clamp(1.0rem, 1.56vw, 2rem); color:#604e40;line-height: 150%;padding: 0px 0% 1.8% 0%;letter-spacing: 4px;}
.pfont2 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;}
.pfont3 {font-size: clamp(0.8rem, 1.8vw, 2rem); color:#604e40;line-height: 150%;padding: 0px 0% 0% 0%;letter-spacing: 4px;text-align: left}

.pfont4 {font-size: clamp(1.0rem, 1.0vw, 1.4rem); color:#000;line-height: 150%;padding: 0px 0% 1.0% 0%;text-align: center;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
	
.pfont5 {font-size: clamp(0.9rem, 0.9vw, 1.0rem); color:#00ada9;line-height: 150%;padding: 2% 0% 0% 0%;text-align: center;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.pfont6 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#000;line-height: 170%;padding: 1% 2% 0px 2%;text-align: left}
	
.pfont7 {font-size: clamp(1.3rem, 2.6vw, 2.9rem); color:#604e40;line-height: 100%;padding: 0px 0% 0% 0%;letter-spacing: 4px;text-align: left}
.pfont8 {font-size: clamp(0.8rem, 0.8vw, 0.8rem); color:#604e40;line-height: 100%;padding: 0% 0% 0% 0%;text-align: left;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

	
.pfont66 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#000;line-height: 170%;padding: 2% 2% 0% 2%;text-align: center}
.pfont77 {font-size: clamp(1.3rem, 2.6vw, 2.9rem); color:#604e40;line-height: 100%;padding: 0px 0% 0% 0%;letter-spacing: 4px;text-align: center;font-weight: 400}
	
.pfont1 {font-size: clamp(1.0rem, 1.56vw, 2rem); color:#604e40;line-height: 150%;padding: 0px 0% 1.8% 0%;letter-spacing: 4px;}
.pfont2 {width:90%;font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding:5% 0% 0px 0%;margin:0% auto 0px auto;text-align:left;}
.pfont22 {width:100%;font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;padding: 3% 0% 3% 0%;}
.pfont3 {font-size: clamp(0.87rem, 1.25vw, 1.25rem); color:#604e40;line-height: 150%;padding: 0px 0% 0px 0%;}

	

	
	
.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%;}
.plancap2 {width:96%;height:auto;margin:0% auto 0px auto;padding: 5% 0% 3% 0%;text-align:center;font-size:75%;}

.left {
  width:100%;text-align: left;
}

.left img {
  width: 25%;
  height: auto;
}

.right {
  width: 100%;  height: auto;text-align: left;margin:5% auto 0px auto;
}
}


/*PC*/
@media print, screen and (min-width:769px){
.header li:nth-child(9) {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(9) a {color:#fff;}


	
.navi{width:80%;height:auto;margin:5% auto 5% auto;padding: 0px 0% 0px 0%;}
.quality{width:100%;height:auto;margin:5% auto 5% auto;padding: 0px 0% 0px 0%;background:#d4ecea}
.quality2{width:80%;height:auto;margin:5% auto 5% auto;padding: 0px 0% 0px 0%;background:#d4ecea}
.quality3{width:100%;height:auto;margin:0% auto 0% auto;padding: 3% 0% 3% 0%;background:#d4ecea}
	
.title {max-width:160px;width:30%;margin:0 auto 20px auto;}
 h2{margin:0 auto 0px auto;padding: 0px 0% 0px 0%;}
.accessbg {text-align:center;padding: 120px 0% 120px 0%;margin:0 auto 40px auto;}

.pfont1 {font-size: clamp(1.0rem, 1.56vw, 2rem); color:#604e40;line-height: 150%;padding: 0px 0% 1.8% 0%;letter-spacing: 4px;}
.pfont2 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#604e40;line-height: 170%;padding: 0px 0% 0px 0%;}
.pfont3 {font-size: clamp(0.8rem, 1.8vw, 2rem); color:#604e40;line-height: 150%;padding: 0px 0% 0% 0%;letter-spacing: 4px;text-align: left}

.pfont4 {font-size: clamp(1.0rem, 1.0vw, 1.4rem); color:#000;line-height: 150%;padding: 0px 0% 1.0% 0%;text-align: center;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
	
.pfont5 {font-size: clamp(1.0rem, 1.0vw, 1.4rem); color:#00ada9;line-height: 150%;padding: 2% 0% 0% 0%;text-align: center;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.pfont6 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#000;line-height: 170%;padding: 1% 2% 0px 2%;text-align: left}
.pfont66 {font-size: clamp(0.75rem, 0.93vw, 0.93rem); color:#000;line-height: 170%;padding: 1% 2% 0% 2%;text-align: center}
.pfont7 {font-size: clamp(1.3rem, 2.6vw, 2.9rem); color:#604e40;line-height: 100%;padding: 0px 0% 0% 0%;letter-spacing: 4px;text-align: left}
.pfont77 {font-size: clamp(1.3rem, 2.6vw, 2.9rem); color:#604e40;line-height: 100%;padding: 0px 0% 0% 0%;letter-spacing: 4px;text-align: center;font-weight: 400}
	
.pfont8 {font-size: clamp(0.8rem, 0.8vw, 0.8rem); color:#604e40;line-height: 100%;padding: 0% 0% 0% 0%;text-align: left;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}



	
.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%;}
.plancap2 {width:80%;height:auto;margin:0% auto 0px auto;padding: 1% 0% 1% 0%;text-align:center;font-size:65%;}

}