@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/********************************/
/* リセット　*/
/********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

body{font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;font-weight: 500;-webkit-text-size-adjust:100%;overflow-x: hidden;
t:1.8;font-size:16px;background:#fffff8;}
a{color: #0066ff;text-decoration: none;}
a:hover, .active{text-decoration: underline;}
a:active, a:focus,input:active, input:focus{outline:0;}

.pc { display: block !important; }
.sp { display: none !important;}
/********************************/
/* ヘッダー　*/
/********************************/
header{width:100%;text-align: center;background:#fffff8;}
header h1 img{max-width:512px;height:auto;padding: 10px 0;}
.hnavi ul{display:flex; flex-wrap: wrap;width:100%; background:#002849; }
.hnavi ul li{ width:25%; margin:0; text-align:center; font-size: 18px;}
.hnavi a{display:block;padding:10px;color: #fff;}
.hnavi a:hover{background:#aa003d;}
/********************************/
/* フッター　*/
/********************************/
footer{clear: both;padding:0px 0 40px;background-color: #002849;}
footer p{text-align: center;font-size: 18px;color:#fff;padding:40px 10px 0;}


/********************************/
/* 共通ページ　*/
/********************************/
img{max-width: 100%;height: auto;vertical-align:top;}
#wrapper{width:100%;margin:0 auto;background:#fffff8;}
.inbox{width: 50%;font-size:16px;margin: 0 auto;padding-bottom: 40px;text-align:left;}
.inbox h2{ border-bottom: 1px solid;display: inline-block;margin: 40px auto 20px;font-size:24px;color:#002849;padding:10px 0;}
.inbox h3{text-align:left;margin: 0 auto;font-size:21px;color:#000;padding:20px 0 0px;}
.inbox p{font-size:16px;padding:20px 0;color: #333;text-align:left;}
.inbox ul{width:95%; margin:0 auto;text-align: left;}
.inbox ul li{font-size:16px; list-style:disc;margin-left: 20px;}
.inbox ul.ulno li{font-size:16px; list-style: decimal-leading-zero;margin-left: 20px;}
.red{ color:#DB1D1D;}

/********************************/
/* レスポンシブ　*/
/********************************/
@media only screen and (max-width: 1024px) {
.inbox{width: 80%;}
}

@media only screen and (max-width: 848px) {
.inbox p {font-size: 18px;}
.inbox ul li{font-size:19px;}
.inbox h2 {font-size:22px;}
.inbox h3{font-size:20px;}
.inbox dl dt, .innerS dl dd{font-size: 16px;}
footer{padding:0px 0 20px;}
footer p{font-size: 16px; padding:20px 0 0;}
}

@media only screen and (max-width: 605px) {
.inbox{width: 90%;}
.fnavi ul li{font-size: 14px;}
header h1 img{max-width:none; width:90%;height:auto;padding: 10px 0;}
}

@media only screen and (max-width: 485px) {
.pc { display: none !important; }
.sp { display: block !important;}
header h1 img{max-width:none; width:30%;height:auto;}
.fnavi ul li{ width:100%; margin:0; font-size: 16px; text-align:left; padding:8px 0; border-bottom:1px solid #004777;}
.inbox{width: 90%;}
.inbox p {font-size: 14px;padding: 10px 0;}
.inbox ul li{font-size:15px;}
.inbox h2 {margin-top: 20px; font-size:18px; margin-bottom:15px;}
.inbox h3{font-size:16px;padding:15px 0;}
footer{clear: both;padding:0px;}
footer p{font-size: 14px; padding:20px 0;}
.fnavi ul{display:flex; flex-wrap: wrap;width:100%; background:#002849; }
.fnavi a{display:block;padding:10px;color: #fff;}
.fnavi a:hover{background:#000060;}
}

/* --- 2025-10-16 メニュー一段化調整 --- */
.hnavi ul {
  display: flex;
  justify-content: center; /* 横に中央寄せ */
  flex-wrap: nowrap;       /* 折り返し禁止 */
  gap: 2rem;               /* 各メニューの間隔（お好みで調整） */
  width: 100%;
  background: #002849;
}

.hnavi ul li {
  width: auto;             /* 25% をやめて自然幅に */
  flex: 0 0 auto;
  text-align: center;
}

.hnavi a {
  display: block;
  padding: 10px 12px;      /* 横パディングを少し広めに */
  color: #fff;
  white-space: nowrap;     /* 途中改行を防ぐ */
}