.innerWrap { width: 100%; max-width: 976px; margin-left: auto; margin-right: auto; padding: 122px 0 76px;}
.pageTitle { display: flex; align-items: center; justify-content: center; min-height: 280px;}
.pageTitle h1 { font-size: 32px;}
.entry_block{width:75%; margin:1em auto; border:1px solid #ccc; padding:10px; border-radius:10px;}
.entry_block p{margin:0.25em 0 0.5em 0;}
.entry_block .center{text-align:center;}
.entry_block_db{ width:75%; display:flex; margin:auto; gap: 10px;}

.contentArea h2.sub_title{ text-align: center; margin-bottom:15px;}
.contentArea h2:not(:first-child) {margin-top:1em;}
.horizontal-menu { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin-bottom:15px;}
.horizontal-menu li { flex: 0 0 calc(50% - 5px); list-style: none;}
.horizontal-menu li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background-color: var(--color_green); color: white; text-decoration: none; border-radius: 5px; font-weight: bold; position:relative}
.horizontal-menu li a:hover { background-color:#fff;border:1px solid var(--color_green); color:#000;  transition: color .3s ease-out, background-color .3s ease-out;}
.horizontal-menu li:nth-child(even) a{ border:1px solid var(--color_green);background-color:#fff; color:#000;}
.horizontal-menu li:nth-child(even) a:hover { border:1px solid var(--color_green); background-color:var(--color_green); color:white;}

.horizontal-menu.kosen li:nth-child(even) a{ background-color: var(--color_green); color: white;}
.horizontal-menu.kosen li:nth-child(even) a:hover { background-color:#fff;border:1px solid var(--color_green); color:#000;  transition: color .3s ease-out, background-color .3s ease-out;}

.horizontal-menu li a::after { font-family: iconfont; content: "\f104"; font-size:10px; flex: 1; text-align: right; padding-right: 10px; position: absolute; right: 0%; top: 51%; transform: translateY(-50%);}
.horizontal-menu.wide { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin-bottom:0px;}
.horizontal-menu.wide li { flex: 0 0 calc(100%); list-style: none;}
.horizontal-menu.wide br{ display:none;}
.horizontal-menu li br{ display:none;}
.contentArea { width: 976px; max-width: 1200px; margin: 0 auto 40px;}
.content { display: none;}
.content.show { display: block;}

@media (max-width: 975px) {
.contentArea { width: 100%; max-width: 100%; margin: 0 auto 40px;}
.entry_block{width:95%; margin:0 auto 1em auto; border:1px solid #ccc; padding:10px; border-radius:10px;}
.entry_block_db{ width:95%; display:flex; margin:1em auto; gap: 10px;align-items: stretch;}
.entry_block_db .entry_block {margin:0;}
.horizontal-menu li br{display:block;}
.entry_block .center { text-align: center;}
.entry_block .center br{ display: none;}
  /* ↓ 追加：スマホのみ改行するクラス */
.entry_block .center br.sp-br { display: block; }
}

@media (max-width: 500px) {
.horizontal-menu.wide li br{ display:block;}
.horizontal-menu.wide li.kosen { flex: 0 0 calc(100%); list-style: none;}
.horizontal-menu.wide li.kosen a{ padding-left:15px; justify-content:left;}
}


