@charset "utf-8";
/* ===== 外観CG画像 ===== */
.cg-img {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cg-img img {
  display: block;
  width: 100%;
  height: auto;
}

.cg-note {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.3rem 0.3rem;
  font-size: clamp(0.5rem, 0.4vw + 0.4rem, 0.7rem);
  color: #fff;
  background: rgba(0, 0, 0, 0.0);
  line-height: 1.2;
  box-sizing: border-box;text-align: left;
}

.cg-img2 {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
.cg-img2 img {
  display: block;
  width: 100%;
  height: auto;
}
.cg-note2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.3rem 0.3rem;
  font-size: clamp(0.5rem, 0.4vw + 0.4rem, 0.7rem);
  color: #fff;
  background: rgba(0, 0, 0, 0.0);
  line-height: 1.2;
  box-sizing: border-box;
  text-align: right;
}


/*スマホ*/
@media screen and (max-width:768px){
	/* ===== 外観CG画像 ===== */
.cg-img {
  position: static;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cg-img img {
  display: block;
  width: 100%;
  height: auto;
}

.cg-note {
  position: static;
  width: 96%;
  margin-top: 0.5rem;
  padding: 0;
  font-size: clamp(0.5rem, 2vw + 0.3rem, 0.7rem);
  color: #000;
  background: none;
  line-height: 1.4;
  box-sizing: border-box;
  text-align: left;margin: 0.2rem auto;
}
	
.cg-img2 {
  position: static;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cg-img2 img {
  display: block;
  width: 100%;
  height: auto;
}

.cg-note2 {
  position: static;
  width: 96%;
  margin-top: 0.5rem;
  padding: 0;
  font-size: clamp(0.5rem, 2vw + 0.3rem, 0.7rem);
  color: #000;
  background: none;
  line-height: 1.4;
  box-sizing: border-box;
  text-align:left;margin: 0.2rem auto;
}
	
.content2 {
    flex-direction: column;
  }

  .content2__left,
  .content2__mid,
  .content2__right {
    width: 100%;
    margin-right: 0;
  }
.content2 {
    flex-direction: column;
    gap: 0;
  }

  .content2__left,
  .content2__right {
    width: 100%;
  }
	
 .row2 {
    flex-direction: column;
    gap: 1rem;
  }

  .row2__s,
  .row2__l {
    width: 100%;
  }

  .list {
    flex-direction: column;
    gap: 0;
  }

  .list__item {
    width: 100%;
}

.accessbg{width:100%;height:auto;margin:70px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.access{width:90%;height:auto;margin:0rem auto 0rem auto;padding: 2rem 5% 0px 5%;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;background-image: url("../design/img/bg1.webp");background-repeat: no-repeat;background-position: left bottom;background-size: 100% auto; }
.access1{width:90%;height:auto;margin:4rem auto 0rem auto;padding: 0px 5% 0px 5%;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;background-repeat: no-repeat;background-position: left center;background-size: 100% auto; }
.access2{width:90%;height:auto;margin:0 auto 0 auto;padding:2rem 0px 3rem 0px;text-align:left;font-weight: 400;line-height:140%;}

.bg3{width:100%;height:auto;margin:0rem auto 0rem auto;padding: 0rem 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;background-image: url("../design/img/bg3.webp");background-repeat: no-repeat;background-position: left top;background-size: 100% auto; }
.title {margin: 2rem auto 1% auto;font-size: clamp(0.9rem, 1.0vw, 1.1rem);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700;color:#978d63; }
.title2 {margin: 3rem auto 1% auto;font-size: clamp(0.9rem, 1.0vw, 1.1rem);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: 1rem 0px 1.5rem 0px;text-align:left;line-height:160%;font-size: clamp(1.0rem, 1.4vw, 2.2rem); font-weight: 400; letter-spacing:1px;color:#000}
.text1{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:160%;;font-size: clamp(0.9rem, 1.2vw, 1.0rem);color:#000;}}


/*PC*/
@media print, screen and (min-width:769px){
.content2 {
  display: flex;
  padding: 3rem 0;
}

.content2__left {
  width: 30%;
  margin-right: 5%;text-align: left;
}

.content2__mid {
  width: 32%;
  margin-right: 1%;text-align: left;
}
	

.content2__mid img{
  width: 100%;
  margin-bottom: 2%;
}
	
	
.content2__right img{
  width: 100%;
  margin-bottom: 2%;
}
	
	

.content2__right {
  width: 32%;text-align: left;
}

.content {
  display: flex;
  gap: 5%;
}

.content__left {
  width: 48%;
}

.content__right {
  width: 48%;
}
.list {
  display: flex;
  gap: 2%;padding: 2rem 0px 2rem 0px;
}

.list__item {
  width: calc((100% - 5%) / 3);
}
.list__item img{
padding: 0rem 0px 0.8rem 0px;
}
	
	
/* ===== 2列レイアウト ===== */
.row2 {
  display: flex;
  gap: 5%;
}

.row2__s { width: 35%;padding: 7rem 0px 0px 0px;}
.row2__l { width: 65%; }

.accessbg{width:100%;height:auto;margin:70px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.access{width:100%;height:auto;margin:0rem auto 0rem auto;padding: 3rem 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;background-image: url("../design/img/bg1.webp");background-repeat: no-repeat;background-position: left center;background-size: 100% auto; }
.access1{width:100%;height:auto;margin:4rem auto 0rem auto;padding: 0px 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;background-size: 100% auto; }
.access2{max-width:900px;width:70%;height:auto;margin:0 auto 0 auto;padding:3rem 0px 5rem 0px;text-align:left;font-weight: 400;line-height:140%;}
.title {margin: 3rem auto 1% auto;font-size: clamp(0.7rem, 1.0vw, 1.1rem);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700;color:#978d63; }
.title2 {margin: 9rem auto 1% auto;font-size: clamp(0.7rem, 1.0vw, 1.1rem);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: 1rem 0px 2rem 0px;text-align:center;line-height:160%;font-size: clamp(1.1rem, 1.4vw, 2.2rem); font-weight: 400; letter-spacing:1px;color:#000}
.text1{margin: 0px auto 0px auto; text-align:center; padding: 0px 0px 10px 0px;line-height:250%;;font-size: clamp(0.8rem, 1.2vw, 1.0rem);color:#000;}
	
.bg3{width:100%;height:auto;margin:0rem auto 0rem auto;padding: 0rem 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;background-image: url("../design/img/bg3.webp");background-repeat: no-repeat;background-position: left center;background-size: 100% auto; }

}


@media print {
.hidden-print { display: none;}
.content-print{top:0 !IMPORTANT;left:0 !IMPORTANT;width:172mm !IMPORTANT; height:251mm !IMPORTANT;}
}