@charset "UTF-8";
#policy_container{
    margin: 10vh auto 0;
    width: 100%;
}
 /* ページ上部の背景 */
.page-header {
   background-image: linear-gradient(90deg, #c2e3f280 7%, #b4e5ff80 52%, #c2d2ff80);
      padding: 3% 10% 2% 13%;
    margin: 0 auto;

}

/* aboutsite.css の末尾あたりに（半角で打ち直し） */
section#policy_container .page-header h1 {
  font-size: 1.6rem;   /* ← 1[半角].6[半角]rem（半角のみ） */
  color: #244E7D;
  margin: 0 0 0.5rem 0;
}
section#policy_container .page-header h1 span{
	font-size: 1rem;
	font-weight: normal;
}
.breadcrumb {
    font-size: 0.9rem;
    color: #4089B4;
}

/* コンテンツ本体 */
.date_note{
	text-align: right;
}

.content {
    color: #244E7D;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 1.6;
        padding: 3% 10% 0% 13%;
    margin: 0 auto;
}
.content h2{
	 font-size: 1.2rem;
	 color: #244E7D;
	 text-align: left;
	 margin-block-end: 0.2em;
        margin-top: 1em;
}
.content .title {
	font-size: 1.3rem;
	color: #4089B4;
	text-align: left;
    margin-top: 2em;
}
.content h3{
	font-size: 1rem;
}
.content h4{
	font-size: 1rem;
	margin-left: 2em;
	    margin-block-end: 0;
}
.content p {
}
.content p a{
	font-family: "TazuganeGothicStdN-Book";
}

.content ul.concept li {
    list-style: none;
    line-height: 1;
}
:root{
  --blue: #2b5f93;       /* 文字色（濃い青） */
  --blue-accent: #6fa8cf;/* TELのアクセント（淡い青） */
  --frame: #2b5f93;      /* 枠線色 */
  --note: #6c7a89;       /* 注意書きのグレー */
}

/* ボックス全体 */
.contact-card{
  width: min(740px, 100%);
  margin: 24px auto;
  padding: clamp(20px, 4vw, 36px);
  border: 2px solid var(--frame);
  text-align: center;
  color: var(--blue);
  background: #fff;
  box-sizing: border-box;
 }
}

/* 見出し */
.contact-card h2{
  margin: 0 0 12px;
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 700;
  letter-spacing: .03em;
}

/* 本文の行間・余白 */
.contact-body p{
  margin: .35em 0;
  font-size: clamp(14px, 1.9vw, 18px);
  line-height: 1.9;
}

/* TELだけ淡い青でリンク（下線なし） */
.contact-body .tel{
  color: var(--blue-accent);
  text-decoration: none;
}
.contact-body .tel:hover,
.contact-body .tel:focus-visible{
  text-decoration: underline;
}

/* 注意書き（小さめ・グレー） */
.contact-body .note{
  margin-top: 8px;
  font-size: clamp(12px, 1.7vw, 15px);
  color: var(--note);
}
h2#contact-title {
    text-align: center;
}

/*SPサイズ*/
@media screen and (max-width: 767px) {

	section#policy_container .page-header h1 {
	  font-size: 1.3rem;
	   margin: 0; 

	}
	#policy_container {
	    margin: 7vh auto 0;
	}
	.page-header {
	    padding: 3rem 2rem 1rem;
	}
	.content {
		font-size: 0.85rem;
		padding: 0 4%;
	}
	.content h2 {
    font-size: 1rem;
	}
	.content p {
    padding-left: 3%;
	}
    .content ul.concept {
    margin: 1em 1em 2em;
    padding-inline-start: 10px;
    }
}