/*--------------------------------------------------------------
【見出し と テキスト の設定】
--------------------------------------------------------------*/
/* Google Font */
@font-face {
  font-family: 'Shippori Mincho';
  src: url('fonts/shippori-mincho.woff2') format('woff2'),
       url('fonts/shippori-mincho.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/*--------------------------------------------------------------
【見出し既存スタイル変更】
--------------------------------------------------------------*/

/* 共通フォント設定（PCデフォルト） */
.design_header .large_headline,
#header_slider_content .catch.rich_font_1,
.content .title.large_headline {
  font-family: 'Shippori Mincho', serif !important;
  font-weight: 600;
  line-height: 1.2;
}

/* 共通フォント設定（スマホ　768px以下）は太め */
@media screen and (max-width: 768px) {
.design_header .large_headline,
  #header_slider_content .catch.rich_font_1,
.content .title.large_headline {
    font-weight: 700 !important;
  }
}



/*--------------------------------------------------------------
【共通スタイル：PC】
--------------------------------------------------------------*/
/* h2 */
/* A-ホワイト-PC */
.style2_1 {
	font-family: "Shippori Mincho", serif;
	font-weight: 500 !important;
	letter-spacing: 4px; 
	font-size: 54px !important;
	padding: 0px !important;
	margin-bottom: 0px !important;
	line-height:1.5 !important;
}

/* A-総合アンダーバー中央寄せ-PC */
.style2_sou1 {
    font-family: "Shippori Mincho", serif;
    font-weight: 500 !important;
    letter-spacing: 4px; 
    font-size: 34px !important;
   position: relative;
    padding: 10px 0 20px 0 !important;
    margin-bottom: 40px !important;
    text-align: center;
}
.style2_sou1::before {
    position: absolute;
    border-bottom: 4px solid #142e6a;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    content: '';
    border-radius: 2px;
}
/* B-中央寄せ-PC */
.style2_2 {
	font-family: "Shippori Mincho", serif;
	font-weight: 500 !important;
	letter-spacing: 2px; 
	font-size: 28px !important;
	padding: 0px !important;
	margin-bottom: 0px !important;
	text-align: center;
	line-height:1.5 !important;
}
/* h3 */
/* C-総合-左縦ライン-PC */
.style3_sou1 {
	font-family: "Shippori Mincho", serif;
	font-weight: 500 !important;
	font-size: 25px !important;
	margin-bottom:30px !important;
	padding:5px 0 5px 15px !important;
	border-left:6px solid #142e6a;
}

/* E-2-総合-サブタイトル付き-PC */
.style3_sou4{
	font-family: "Shippori Mincho", serif;
	font-weight: 500 !important;
    	position: relative !important;
    	padding-top: 25px !important;
    	font-size: 25px !important;
    }
.style3_sou4::before{
    	position: absolute !important;
    	padding-bottom: 20px !important;
    	content: attr(title) !important;
    	top:0 !important;
    	font-size: 14px !important;
    	color:#142e6a !important;
    }

/* G-明朝-PC */
.style3_2 {
	font-family: "Shippori Mincho", serif;
	font-weight: 500 !important;
    font-size: 20px !important;
	margin-bottom: 10px !important;
}
/* H-白抜き-PC */
.style3_3,.style3_4,.style3_5,.style3_6,.style3_7, .style3_8 {
	font-weight: 500 !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	color:#fff;
	font-size:18px !important;
}
.style3_3 {background: #31665c;}
.style3_4 {background: #142e6a;}
.style3_5 {background: #ceb486;}
.style3_6 {background: #88794d;}
.style3_7 {background: #142e6a;}
.style3_8 {background: #f87905;}

/* h4 */
/* I-総合◎-PC */
.style4_sou1 {
    	font-weight: 500 !important;
    	font-size:20px !important;
    	position: relative;
    	padding-right: 20px !important;
    	padding-left: 38px !important;
}
.style4_sou1::after{
    	content: "";
    	position: absolute;
    	top: 50%;
    	left: 10px;
    	transform: translateY(-40%);
    	width: 18px;
    	height: 18px;
    	border: 4px solid #142e6a;
    	border-radius: 100%;
    	box-sizing:border-box;
}
/* J-総合-明朝アンダーバーPC */
.style4_sou2 {
	font-family: "Shippori Mincho", serif;
	font-weight: 500 !important;
	font-size: 22px !important;
	padding: 7px !important;
	margin-bottom: 10px;
	border-bottom: solid 2px #142e6a;
}

/* p-ラインハイ */
p.imgtext {
  line-height: 2.5 !important;
  text-align: center !important;
}
/* p-両サイド二重線 */
.double-line {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 両端まで広げる */
  width: 100%;
  margin: 40px 0;
  padding: 0; /* ← サイド余白をなくす */
}

.double-line::before,
.double-line::after {
  content: "";
  flex: 1; /* ← 両側の線が可変で伸びるように */
  height: 4px;
  border-top: 1px solid #142e6a;
  border-bottom: 1px solid #142e6a;
  box-sizing: border-box;
}

.double-line span {
  font-weight: 500;
  font-size: 1.6em;
  padding: 0 20px;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  text-align: center;
  white-space: normal;
}

/* ※注釈用 */
.notes {
  text-indent: -1em;   /* 1文字分左に出す */
  padding-left: 1em;   /* 本文を揃える */
  margin-top: 0.5em;
}

/* ※ナンバー付き用 */
.number {
    color: #ceb486;
    font-size: 2em;
    vertical-align: -0.15em;
}

/*--------------------------------------------------------------
【モバイル対応：SP max-width: 767px】
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
/* h2 */
/* A-総合アンダーバー中央寄せ-SP */
.style2_sou1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    margin-bottom: 30px !important;
  }
.style2_sou1::before {
    width: 70px;
    border-bottom: 4px solid #142e6a;
  }
/* B-明朝中央寄せ-SP */
.style2_2 {
    font-size: 24px !important;
    font-weight: 700 !important;
  }
/* h3 */
/* C-総合-左縦ライン-SP */
.style3_sou1 {
    font-size: 20px !important;
    font-weight: 700 !important;
    padding-left: 10px;
    border-left-width: 3px;
  }

/* E-2-総合-サブタイトル付き-SP */
.style3_sou4 {
    font-size: 20px !important;
    font-weight: 700 !important;
    padding-top: 20px;
  }
.style3_sou4::before {
    font-size: 13px !important;
  }

/* G-明朝左寄せ-SP */
.style3_1,
.style3_2 {
    font-size: 19px !important;
    font-weight: 700 !important;
  }
/* H-白抜き-SP */
.style3_3, .style3_4, .style3_5, .style3_6, .style3_7, .style3_8 {
    font-size: 18px !important;
  }
/* h4 */
/* I-総合-左寄せ-SP */
/* J-総合-明朝アンダーバー-SP */
	.style4_sou1, .style4_sou2 {
    font-size: 17px !important;
  }

/* p-両サイド二重線-SP */
 .double-line {
    padding: 0 10px;
    margin: 20px 0;
  }
.double-line::before,
.double-line::after {
    width: 30px;
    margin: 0 5px;
    height: 3px;
  }
.double-line span {
    font-size: 1.2em !important;
    font-weight: 700 !important;
    padding: 0 6px;
    line-height: 1.8;
    display: block;       /* スマホ時のみ中央寄せしたい場合はblockに */
    text-align: center;
  }
}

/*--------------------------------------------------------------
【タブレット対応】
--------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* h3 */
/* C-総合-左縦ライン-TB */
.style3_sou1 {
    font-size: 23px !important;
    padding-left: 10px;
  }

.double-line {
    padding: 0 4vw;
  }
.double-line::before,
.double-line::after {
    width: 16vw;
    margin: 0 2vw;
    height: 3px;
  }
.double-line span {
    padding: 0 1.5vw;/* ※これ以上大きくしないこと！ */
    max-width: 70vw;/* 70vwなら十分広い。調整OK */
    width: auto;
    display: block;
    text-align: center;
    font-size: 1.4em !important;
	font-weight: 700 !important;
    line-height: 1.7;
    box-sizing: border-box;
  }
}