@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){

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}	
	/* ===== ★セクション名 ===== */
.sec__row {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.sec__main,
.sec__item {
  display: flex;
  flex-direction: column;
}
.sec__sub {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.sec__img {
  width: 100%;
  height: auto;
  display: block; width: 100%;
}
.sec__txt {
  margin-top: 1%;
  font-size: clamp(0.95rem, 3.5vw, 1.05rem);text-align: left;width: 100%;
}
	
	/* ===== 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;
}
	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.8rem, 1.4vw, 1.4em);padding:2.5rem 0px 0rem 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}
	
.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 4% 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 10%;text-align:left;font-weight: 400;line-height:160%;background:#dbe7ed }
	
.access22 img{margin:0rem auto 0rem auto;padding:0rem 0px 1rem 0%;}
	
	
	
.access3{width:92%;height:auto;margin:2rem auto 1rem auto;padding:1rem 4% 1rem 4%;text-align:center;font-weight: 400;line-height:160%;background:#eaf1eb}
.access4bg{width:100%;height:auto;margin:0rem auto 2rem auto;;padding: 2rem 0px 3rem 0px;}
.access4{max-width:1200px;width:90%;height:auto;margin:0rem auto 0rem auto;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 {width:83%;margin:0px auto 0px auto;padding: 1.6rem 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;}
.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;}
.toptext1{margin: 0px auto 0px auto; text-align:left; padding: 0rem 0px 1rem 0px;line-height:160%;;font-size: clamp(0.9rem, 1.2vw, 1.0rem);color:#000;}
.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{width:100%;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;}
	
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.8rem, 1.4vw, 1.4em);padding:2.5rem 0px 0rem 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}

	
	
.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){
	
	/* ===== ★セクション名 ===== */
.sec__row {
  display: flex;
  width: 100%;
}
.sec__main {
  width: 60%;
  margin-right: 5%;
  display: flex;
  flex-direction: column;text-align: left;
}
.sec__sub {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;text-align: left;
}
.sec__item {
  display: flex;
  flex-direction: column;text-align: left; width: 100%;
}
.sec__img {
  width: 100%;
  height: auto;
  display: block;
}
.sec__txt {
  margin-top: 0%;
  font-size: clamp(0.9rem, 1.2vw + 0.4rem, 1.1rem);text-align: left;
}
	
.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:3rem auto 3rem auto;padding: 0px 0px 0px 0px;text-align:center;}
.access{max-width:1300px;width:90%;height:auto;margin:1rem auto 1rem auto;padding: 0px 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}
.access1{max-width:800px;width:80%;height:auto;margin:4% auto 4% 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:7% auto 3% auto;padding:1rem 0px 1rem 0px;text-align:left;font-weight: 400;line-height:140%;background:#dbe7ed }
.access22{max-width:1200px;width:100%;height:auto;margin:7% auto 3% auto;padding:1rem 0px 1rem 0px;text-align:left;font-weight: 400;line-height:140%; }
.access3{width:100%;height:auto;margin :5% auto 3% auto;padding:0rem 5% 3% 5%;text-align:center;font-weight: 400;line-height:140%;background:#eaf1eb}

.access4bg{width:100%;height:auto;margin:2rem auto 2rem auto;padding: 3rem 0px 0rem 0px;}
.access4{max-width:1200px;width:90%;height:auto;margin:2rem auto 2rem auto;padding: 3rem 0px 2rem 0px;}
.access5{max-width:1200px;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;}

.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;}
	
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}
	
.font1 {margin:0px auto 0px auto;padding: 0px 0px 0% 0px;text-align:center;line-height:160%;font-size: clamp(1.1rem, 1.4vw, 1.5rem); font-weight: 400; letter-spacing:0px;}
.font2{margin:0px auto 0px auto;padding: 5% 0% 5%;text-align:center;line-height:160%;font-size: clamp(1.1rem, 1.4vw, 1.4rem); font-weight: 400; letter-spacing:0px;}
.toptext1{width:100%;margin: 0px auto 0px auto; text-align:center; padding: 3% 0px 5% 0px;line-height:180%;;font-size: clamp(0.9rem, 1.2vw, 1.0rem);color:#000;}	
.text1{width:100%;margin: 0px auto 0px auto; text-align:center; padding: 3% 0px 5% 0px;line-height:180%;;font-size: clamp(0.9rem, 1.2vw, 1.0rem);color:#000;}	
.text11{width:100%;margin: 0px auto 0px auto; text-align:left; padding: 1% 0px 1% 0px;line-height:180%;;font-size: clamp(0.9rem, 1.2vw, 1.0rem);color:#000;}

}


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