@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");}





.section_01{background-image: url("../img/sec_02_back_pc.svg");background-repeat: repeat-y;background-size: contain;background-position: top center;}


/* section_01の見出しの下に下線コンテンツCSS */
.heading-block {
  text-align: center;
  padding: 0px 20px 60px;
  color: #3c3a3a;
}

/* 大見出し */
.main-title {
  font-size: 2.4em;
  font-weight: normal;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  margin: 0;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

/* 見出しの下のバー */
.mid-bar {
  width: 30px;
  height: 5px;
  background-color: #a34347;
  margin: 15px auto;
}

/* サブ見出し */
.sub-title {
  font-size: 1.2em;
  margin: 0;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

/* 中央の縦ライン */
.divider {
  width: 2px;
  height: 60px;
  background-color: #800012; /* 赤系のライン */
  margin: 0 auto;
}

.guide_komi_h3{color: #a70012;border-bottom: solid 1px #a70012;border-top: solid 1px #a70012;width: 70%;margin: 2em auto;padding: 0.4em 0;text-align: center;font-size: 1.4em;}

/* 見出しの左に二本ラインCSS */
.section-title {
  font-size: 1.8em;            /* 文字サイズ */
  font-weight: 700;           /* 太字 */
  color: #333333;             /* 文字色（画像に近いダークグレー） */
  padding-left: 40px;         /* 左のラインと文字の間隔 */
  position: relative;
  display: inline-block;
}

.section-title::before,
.section-title::after {
  content: "";
  position: absolute;
  left: 0;
  width: 8px;                 /* ラインの太さ（1本目） */
  height: 100%;
  background-color: #8c1d1d;  /* 赤色（見出しと同系の赤） */
}

.section-title::after {
  left: 14px;                 /* 2本目のライン位置（1本目との間隔） */
  width: 6px;                 /* 2本目のラインの太さ */
}

.sec01_img{margin: 2em 0 6em;}
.sec_01_copy{margin: 2em 0 2em;}
.mt2em{margin: 2em 0 0;}
.page_h3_goshic{font-size: 1.6em;}
.btn_right{display: inline-block; width: 30%;float: right;}
/* -----------------------------
   レスポンシブ対応
----------------------------- */
@media screen and (max-width: 768px) {
  .sub-title {
    font-size: 0.85rem;
    letter-spacing: 0.2em;
  }

  .main-title {
    font-size: 1.8rem;
    white-space: normal; /* スマホでは折り返す */
  }

  .divider {
    height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .sub-title {
    font-size: 0.85rem;
  }

  .main-title {
    font-size: 1.6rem;
  }

  .divider {
    height: 30px;
  }
}

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
	
/* section_01の見出しの下に下線コンテンツCSS */
.heading-block {
  text-align: center;
  padding: 0px 20px 20px;
  color: #3c3a3a;
}

/* 見出しの左に二本ラインCSS */
.section-title {
  font-size: 1.2em;            /* 文字サイズ */
  font-weight: 700;           /* 太字 */
  color: #333333;             /* 文字色（画像に近いダークグレー） */
  padding-left: 20px;         /* 左のラインと文字の間隔 */
  position: relative;
  display: inline-block;
}

.section-title::before,
.section-title::after {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;                 /* ラインの太さ（1本目） */
  height: 100%;
  background-color: #8c1d1d;  /* 赤色（見出しと同系の赤） */
}

.section-title::after {
  left: 10px;                 /* 2本目のライン位置（1本目との間隔） */
  width: 3px;                 /* 2本目のラインの太さ */
}

.guide_komi_h3{color: #a70012;border-bottom: solid 1px #a70012;border-top: solid 1px #a70012;width: 100%;margin: 2em auto;padding: 0.4em 0;text-align: center;font-size: 1.0em;}
	
.section_01{background-image: url("../img/sec_02_back_sp.svg");background-repeat: repeat-y;background-size: contain;background-position: top center;}

}