@charset "utf-8";


/* ===== ac1 ===== common.css */
.ac1{width:100%;}
.ac1-i img{width:100%;height:auto;display:block;}
.ac1-t{margin-top:1%;text-align:left;font-size:clamp(0.85rem,1.2vw + 0.4rem,1rem);line-height:1.6;}

.ac2{width:100%;}
.ac2-i img{width:100%;height:auto;display:block;}
.ac2-t{margin-top:1%;text-align:left;font-size:clamp(0.85rem,1.2vw + 0.4rem,1rem);line-height:1.6;}

/*スマホ*/
@media screen and (max-width:768px){
/* ===== ビジュアル ===== */
.vis{
  position:relative;
  width:100%;
  margin:0;
}
.vis p{
  margin:0;
}
.vis img{
  width:100%;
  height:auto;
  display:block;
}
.vis-note{
  text-align:left;
  line-height:1.5;
  letter-spacing:.0em;
}
	.vis-note{
  margin-top:1rem;
  padding:0 1rem;
  color:var(--vis-c-sp,#333);
  font-size:clamp(.5rem, 2.8vw, .8rem);
}
	h2 {font-size:1rem;color:#5c7d7c;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 700;;letter-spacing:2px}
/*ページタイトル*/
.title_qua{color:#000;line-height:140%;font-weight:400;;font-size: clamp(0.7rem, 1.4vw, 1.4em);padding:1rem 0px 2rem 0px; text-align:center}
.title_qua1{color:#000;line-height:140%;font-weight:400;font-size:130%;padding:0px 0px 0px 0px; text-align:center}
.ac1{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1%;row-gap:1%;}
.ac2{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1%;row-gap:1%;}
.design{width:100%;height:auto;margin:0% auto 0% auto;padding: 4% 0px 0% 0px;}
.design1{width:100%;height:auto;margin:0% auto 0% auto;padding: 4% 0px 8% 0px;}
.design2{width:100%;height:auto;margin:0% auto 0% auto;padding: 4% 0px 8% 0px;}
.design3{width:90%;height:auto;margin:0% auto 0% auto;padding: 3% 0px 1% 0px;}
.access{max-width:1000px;width:90%;height:auto;margin:2rem auto 2rem auto;padding: 0px 0px 2rem 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}
.accessbg{width:100%;height:auto;margin:3rem auto 2rem auto;padding: 0px 0px 0px 0px;}
.access2{max-width:1000px;width:90%;height:auto;margin:0 auto 0 auto;padding:0rem 0px 4rem 0px;text-align:left;font-weight: 400;line-height:140%;}
.accessmap{width:100%;height:auto;margin:0px auto 0px auto;padding: 2rem 0px 2rem 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}
.accesscap{width:100%;height:auto;margin:30px auto 1% auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}
.accesscap1{width:100%;height:auto;margin:30px auto 1% auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}
.title {margin: 10% auto 5% auto;font-size: clamp(1.0rem, 1.3vw, 1.4rem);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700;color:#978d63; }
.font1 {width:90%;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.8rem); font-weight: 400; letter-spacing:1px;}
.text1{width:90%;margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:180%;font-size: clamp(0.9rem, 1.2vw, 1.0rem);color:#000;}}

/*PC*/
@media print, screen and (min-width:769px){
	/* ===== ビジュアル ===== */
	
.vis{
  position:relative;
  width:100%;
  margin:0;
}
.vis p{
  margin:0;
}
.vis img{
  width:100%;
  height:auto;
  display:block;
}
.vis-note{
  text-align:left;
  line-height:1.7;
  letter-spacing:.0em;
}
	/* ===== ビジュアル ===== */
.vis-note{
  position:absolute;
  left:2rem;
  right:2rem;
  bottom:0.5rem;
  color:var(--vis-c-pc,#fff);
  font-size:clamp(.7rem, .55vw + .4rem, .7rem);
}

.design1{width:100%;height:auto;margin:0% auto 0% auto;padding: 4% 0px 3% 0px;}
.design2{width:100%;height:auto;margin:0% auto 0% auto;padding: 4% 0px 3% 0px;}
.design3{width:100%;height:auto;margin:0% auto 3% auto;padding: 4% 0px 0% 0px;}

h2 {font-size:1.2rem;color:#5c7d7c;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 700;;letter-spacing:2px}
	
/*ページタイトル*/
.title {margin: 6% auto 3% auto;font-size: clamp(1.2rem, 1.4vw, 1.4em); color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 400 }
.title_qua{color:#000;line-height:140%;font-weight:400;font-size:100%;padding:100px 0px 3% 0px; text-align:center}
.title_qua1{color:#000;line-height:140%;font-weight:400;font-size:130%;padding:0px 0px 0px 0px; text-align:center}
.title {margin: 10% auto 5% auto;font-size: clamp(1.0rem, 1.3vw, 1.4rem);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700;color:#978d63; }
.font1 {margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:center;line-height:160%;font-size: clamp(1.2rem, 1.4vw, 2.0rem); font-weight: 400; letter-spacing:1px;}
.text1{margin: 0px auto 0px auto; text-align:center; padding: 0px 0px 10px 0px;line-height:180%;;font-size: clamp(0.8rem, 1.2vw, 1.0rem);color:#000;}
.ac1{display:grid;grid-template-columns:repeat(4,1fr);column-gap:1%;row-gap:1%;}
.ac2{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1%;row-gap:1%;}
.access{max-width:1000px;width:80%;height:auto;margin:2rem auto 2rem auto;padding: 0px 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}
.access2{max-width:1000px;width:80%;height:auto;margin:0 auto 0 auto;padding:3rem 0px 4rem 0px;text-align:left;font-weight: 400;line-height:140%;}
.accessmap{width:100%;height:auto;margin:0px auto 0px auto;padding: 5rem 0px 3rem 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:160%;}
.accesscap{width:100%;height:auto;margin:30px auto 1% auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:160%;}
.accesscap1{width:100%;height:auto;margin:30px auto 1% auto;padding: 0px 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:160%;}
}