@charset "utf-8";

/* ===== title-a：メインタイトル ===== */
.title-a {
  width: 100%;
  padding: 1rem 0;
  border-top: 1px solid #008ccf;
  border-bottom: 1px solid #008ccf;
  text-align: center;margin: 2rem auto
}

.title-a__text {
  color: #008ccf;
  font-size: clamp(1rem, 1.4vw + 0.5rem, 2rem);
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
}


/* ===== title-b：セクションタイトル ===== */
.title-b {
  width: 96%;
  background-color: #6797b8;
  padding: 0.55rem 1% 0.55rem 3%;margin: 0rem auto 1.5rem
}

.title-b__text {
  color: #fff;
  font-size: clamp(0.9rem, 1.2vw + 0.4rem, 2.1rem);
  font-weight: 400;
  line-height: 1.6;
  margin: 0;text-align: left;
}

/*スマホ*/
@media screen and (max-width:768px){
	/* ===== title-b：セクションタイトル ===== */
.title-b {
  width: 96%;
  background-color: #6797b8;
  padding: 0.55rem 1% 0.55rem 3%;margin: 2.5rem auto 0.5rem
}

.title-b__text {
  color: #fff;
  font-size: clamp(0.9rem, 1.2vw + 0.4rem, 2.1rem);
  font-weight: 400;
  line-height: 1.6;
  margin: 0;text-align: left;
}
	
	
.accessbg{width:100%;height:auto;margin:70px auto 30px auto;padding: 0px 0px 0px 0px;text-align:center}
.access{max-width:1200px;width:90%;height:auto;margin:2rem 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%;}
.access2{width:100%;height:auto;margin:4rem auto 0 auto;padding:2rem 0px 2rem 0px;text-align:left;font-weight: 400;line-height:160%;background:#dbe7ed }
.access3{width:92%;height:auto;margin:2rem auto 1rem auto;padding:1rem 4% 1rem 4%;text-align:left;font-weight: 400;line-height:160%;border:double 1px #ccc;background:#fff;}
.access4bg{width:100%;height:auto;margin:0rem auto 2rem auto;background-color:#f6f6f6 ;padding: 2rem 0px 3rem 0px;}
.access4{max-width:1200px;width:90%;height:auto;margin:0rem auto 0rem auto;background-color:#f6f6f6 ;padding: 1rem 0px 0rem 0px;}
.access5{max-width:1300px;width:90%;height:auto;margin:2rem 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%;}
.access6{width:100%;height:auto;margin:2rem auto 2rem auto;padding:0;text-align:center;}
.access7{width:80%;height:auto;margin:3rem auto 2rem auto;padding:5%;text-align:center;border:solid 1px #000;}
.access8{width:100%;height:auto;margin:2rem auto 2rem auto;padding:0;text-align:center;}
.access9{width:88%;height:auto;margin:2rem auto 2rem auto;padding:5%;text-align:center;;border:solid 1px #770b11;}
	
.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%;}

.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:left;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.8rem); font-weight: 400; letter-spacing:1px;}
.font11 {margin:0px auto 0px auto;padding: 0.5rem 0px 1.2rem 0px;text-align:left;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.8rem); font-weight: 400; letter-spacing:1px;}
.font111 {margin:0px auto 0px auto;padding: 0px 0px 1.6rem 0px;text-align:left;line-height:180%;font-size: clamp(1.0rem, 1.2vw, 1.8rem); font-weight: 400; letter-spacing:1px;text-decoration: underline;text-decoration-color: #333;text-decoration-thickness:1px; text-underline-offset:0.7rem;} 
.font2 {margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;line-height:160%;font-size: clamp(0.8rem, 1.1vw, 1.2rem); font-weight: 400; letter-spacing:0px;color:#6797b8}
.font3 {margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;line-height:140%;font-size: clamp(1.2rem, 3.0vw, 3.4rem); font-weight: 400; letter-spacing:0px;color:#6797b8}
.font4 {margin:0px auto 0px auto;padding: 0px 0px 1.5rem 0px;text-align:left;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.6rem); font-weight: 400; letter-spacing:0px;color:#6797b8}
.font5 {margin:0px auto 0px auto;padding: 0px 0px 1rem 0px;text-align:left;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.2rem); font-weight: 400; letter-spacing:0px;color:#000}
.font6 {margin:0px auto 0px auto;padding: 0px 0px 1rem 0px;text-align:left;line-height:160%;font-size: clamp(1.4rem, 2.0vw, 2.0rem); font-weight: 400; letter-spacing:0px;color:#000}
.font7 {margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;line-height:200%;font-size: clamp(1rem, 1.1vw, 1.2rem); font-weight: 700; letter-spacing:0px;color:#770b11;}

.text1{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 0px 0px;line-height:180%;;font-size: clamp(0.9rem, 1.2vw, 1.0rem);color:#000;}
.text11{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;}
.text4{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 0px 0px;line-height:180%;;font-size: clamp(0.9rem, 1.2vw, 1.0rem);color:#000;}
.text2{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;}
.text3{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;}
	
	
	
	
.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%;
}

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

  .col2__left,
  .col2__right {
    width: 100%;
  }

}

/*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カラム レイアウト ===== */
.col2 {
  display: flex;
  gap: 5%;margin-bottom: 5rem
}

.col2__left {
  width: 38%;
}

.col2__right {
  width: 57%;
}

/* ===== 2カラム レイアウト ===== */
.col22 {
  display: flex;
  gap: 6%;margin-bottom: 0rem
}

.col22__left {
  width: 45%;
}

.col22__right {
  width: 55%;
}
	
	
	
/* ===== 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:30px auto 30px auto;padding: 0px 0px 0px 0px;text-align:center;}
.access{max-width:1200px;width:90%;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{width:100%;height:auto;margin:3rem auto 5rem auto;padding:3rem 0px 5rem 0px;text-align:left;font-weight: 400;line-height:140%;background:#dbe7ed }
.access3{max-width:1200px;width:90%;height:auto;margin:0 auto 0rem auto;padding:3rem 5% 5rem 5%;text-align:left;font-weight: 400;line-height:140%;border:double 1px #000;background:#fff;}
.access4bg{width:100%;height:auto;margin:2rem auto 2rem auto;background-color:#f6f6f6 ;padding: 3rem 0px 0rem 0px;}
.access4{max-width:1200px;width:90%;height:auto;margin:2rem auto 2rem auto;background-color:#f6f6f6 ;padding: 3rem 0px 2rem 0px;}
.access5{max-width:1300px;width:96%;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%;}
.access6{width:100%;height:auto;margin:6rem auto 7rem auto;padding:0;text-align:center;}
.access7{max-width:1020px;width:90%;height:auto;margin:6rem auto 6rem auto;padding:5rem;text-align:center;border:solid 1px #000;}
.access8{width:100%;height:auto;margin:3rem auto 3rem auto;padding:0;text-align:center;}
.access9{width:90%;height:auto;margin:3rem auto 3rem auto;padding:5%;text-align:center;;border:solid 1px #770b11;}
	
	
	
	
.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%;}
.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:140%;}


.title {margin: 7% auto 3% 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.0rem, 1.2vw, 1.8rem); font-weight: 400; letter-spacing:1px;}
.font11 {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;}
.font111 {margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;line-height:180%;font-size: clamp(1.0rem, 1.2vw, 1.8rem); font-weight: 400; letter-spacing:1px;text-decoration: underline;text-decoration-color: #333;text-decoration-thickness:1px; text-underline-offset:0.7rem;} 
.font2 {margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;line-height:160%;font-size: clamp(0.8rem, 1.1vw, 1.2rem); font-weight: 400; letter-spacing:0px;color:#6797b8}
.font3 {margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;line-height:140%;font-size: clamp(1.2rem, 3.0vw, 3.4rem); font-weight: 400; letter-spacing:0px;color:#6797b8}
.font4 {margin:0px auto 0px auto;padding: 0px 0px 1.5rem 0px;text-align:left;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.6rem); font-weight: 400; letter-spacing:0px;color:#6797b8}
.font5 {margin:0px auto 0px auto;padding: 0px 0px 1rem 0px;text-align:left;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.2rem); font-weight: 400; letter-spacing:0px;color:#000}
.font6 {margin:0px auto 0px auto;padding: 0px 0px 1rem 0px;text-align:left;line-height:160%;font-size: clamp(1.4rem, 2.0vw, 2.0rem); font-weight: 400; letter-spacing:0px;color:#000}
.font7 {margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;line-height:200%;font-size: clamp(0.8rem, 1.1vw, 1.2rem); font-weight: 700; letter-spacing:0px;color:#770b11;}

.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;}
.text11{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:180%;;font-size: clamp(0.8rem, 1.2vw, 1.0rem);color:#000;}
.text4{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:180%;;font-size: clamp(0.8rem, 1.2vw, 1.0rem);color:#000;}
.text2{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:180%;;font-size: clamp(0.8rem, 1.2vw, 1.0rem);color:#000;}
.text3{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:180%;;font-size: clamp(0.8rem, 1.2vw, 1.0rem);color:#000;}
.text4{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:300%;;font-size: clamp(1.0rem, 1.4vw, 1.1rem);color:#000;}

}


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