@charset "UTF-8";

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

}

/* aboutsite.css の末尾あたりに（半角で打ち直し） */
section#koueki_container .page-header h1 {
  font-size: 1.6rem;   /* ← 1[半角].6[半角]rem（半角のみ） */
  color: #244E7D;
  margin: 0 0 0.5rem 0;
}
section#koueki_container .page-header h1 span{
	font-size: 1rem;
	font-weight: normal;
}
.breadcrumb,
.breadcrumb a {
    font-size: 0.9rem;
    color: #4089B4;
}
.content {
    max-width: 900px;
    margin: 4rem auto;
    padding: 0 1.5rem;
    color: #244E7D;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 1.6;
}
.content h2{
     font-size: 1.2rem;
     color: #244E7D;
     text-align: left;
     margin-block-end: 0.2em;
}
.content h2.title {
    font-size: 1.3rem;
    color: #4089B4;
    text-align: left;
}
.content h3{
    font-size: 1rem;
}
.content h4{
    font-size: 1rem;
    margin-left: 2em;
        margin-block-end: 0;
}

  /* 説明文 + 学内規程リンク */
  .lead{ margin: 10px 0 18px; color:var(--ink); }
  .file-link{ display:inline-block; margin: .4rem 0; }
  .file-link a{
    color: #4089B4;
    }
section#tuhoinfo{
    background: #F1EEF2;
}
  /* パネル（淡青の塗り） */
  .panel{
    padding: clamp(18px, 3.5vw, 28px);
  }
  .panel h2{
    text-align:center; color:#5a8fbf; font-weight:700;
    letter-spacing:.03em; margin-bottom:1.1em;
    font-size: clamp(18px, 2.8vw, 20px);
  }
  .bullet-links a{ 
    display:block; 
    margin:2em 0;
     color: #4089B4;
     text-align: center;
     }

  /* 問い合わせカード */
  .card{
    background: #fff;
    text-align: center;
    padding: clamp(16px, 3vw, 24px);
    width: min(600px, 96%);
    margin: 4em auto;
    line-height: 1.8em;
    border: 2px solid #244E7D;
    font-family: "TazuganeGothicStdN-Book", sans-serif;
  }
  .card h3{
    text-align:center; 
    color:#4a6a8a; 
    font-size: clamp(16px,2.4vw,18px);
    margin-bottom:.8rem; 
    font-weight:700;
  }
  .card p a{
    color: #4089B4;
    }
  .mono{ font-family: ui-monospace, Menlo, Consolas, monospace; }
  .card .mail-note{ font-size:13px; color:var(--ink-weak); margin-top:.6rem; }
  .under_blue{
       border: solid 2px #4089B4;
       width: 100%;
      margin: 7em auto 0em;
}
  /* 参考セクション */
  .ref{
    text-align: left;
    margin: 0 auto;
  }
  .ref h3{
    color: #244E7D;; margin-bottom:.8rem;
  }
  .ref ol{
    margin: .2rem 0 0 0rem;
    padding-inline-start: 30px;
     }
  .ref li {
    margin:1.2em 0;
        font-family: "TazuganeGothicStdN-Bold", sans-serif;
        list-style-type: decimal !important; /* ←正しい */
        font-size: 16px;
        font-weight: bold;
     }
      .ref li span{
        font-family: "TazuganeGothicStdN-Book", sans-serif;
        font-size: 16px;
       }
  .ref small{ color:#6f7b86; }
.sub {
    margin: 2em 0;
    font-family: "TazuganeGothicStdN-Bold", sans-serif;
}
.sub span{
}
.sub.listnone {
    text-indent: 1em;
    letter-spacing: 0.05em;
        border-top: 1px solid #000;
    padding-top: 2em;
    margin-top: 6em;
  }
.sub.listnone span p a{
    color: #4089B4;
}
  /* CTA（右向き矢印付き） */
  .cta-wrap{ display:flex; justify-content:center; margin-top: 18px; }
  .cta{
display: inline-flex
;
    align-items: center;
    gap: .6em;
    padding: .9em 1.1em;
    border: 1px solid #244E7D;
    background: #fff;
    color: #244E7D;
    font-weight: 600;
  }
  .cta::after{
    content:"›"; /* 細い山括弧風 */
    font-size:1.1em; line-height:1;
  }
  .cta:hover{ text-decoration:none; box-shadow: 0 6px 16px rgba(9,37,64,.09); }

  /* 細部 */
  .note{ 
    font-size:14px;
    text-align: center;
    margin: 3em auto;
 }
/*公益通報　シングルページ*/


section#fuseikoui {
    margin: 0 auto;
    color: #244E7D;
    font-size: 16px;
    padding: 3% 10% 0% 13%;
}

/*SPサイズ*/
@media screen and (max-width: 767px) {
section#fuseikoui {
    padding: 0 1em;
}
section#koueki_container .page-header h1 {
	  font-size: 1.3rem;
	   margin: 0; 

	}
section#koueki_container {
	    margin: 7vh auto 0;
	}
	.page-header {
      padding: 2rem 1rem 1rem;
	}
	.content {
		font-size: 0.85rem;
		padding: 0 4% 9%;
        margin-block-start: 1em;
        margin-block-end: 1em;
	}
	.content h2 {
    font-size: 1rem;
	}
	.content p {
    padding-left: 3%;
	}
    .content ul.concept {
    margin: 1em 1em 2em;
    padding-inline-start: 10px;
    }
    .card{ 
    padding: 1% 2%; }
    .ref {
        padding: 1em;
    }
    .ref ol {
    padding-inline-start: 0px;
  }
.sub.listnone {
    text-indent: 0;
  }

}