@charset "UTF-8";
/*@mixin nav-on{ background:    -moz-linear-gradient(left,#433f29,#787048); background: -webkit-linear-gradient(left,#433f29,#787048); background:         linear-gradient(to right,#433f29,#787048);
}*/
/*
@mixin reserve-off{ background: #9d1720;
}
@mixin reserve-on{ background: #bf5e65;
}
@mixin sp-reserve-off{ background: #9d1720;
}
@mixin sp-reserve-on{ background: #bf5e65;
}*/
sup { vertical-align: super; font-size: 56%; }

header #headBody h2 { filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(0%) hue-rotate(20deg) brightness(103%) contrast(105%); }
header #headBody .hnav .map a, header #headBody .hnav .outline a { color: #fff; }
header #headBody .hnav .map a::before, header #headBody .hnav .outline a::before { filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(0%) hue-rotate(20deg) brightness(103%) contrast(105%); }

#HumMenu .menu-trigger .line { background-color: #fff; }
#HumMenu .menu-trigger .txt { color: #fff; }

#head { border-bottom: none; }

.container { overflow-x: hidden; }
.container .contents-inner { padding-bottom: 0; }

.note-box .note { font-size: 12px; line-height: 1.8; }

.intro { padding: 4rem 0; }
@media screen and (max-width: 600px) { .intro { padding-top: 2rem; } }

.img video { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.main .main-copy { width: calc((720/1480)*100%); margin: 1rem  auto 0; /*        margin: -2rem auto 0; position: relative; z-index: 2; */ }
@media screen and (max-width: 600px) { .main .main-copy { width: 64%; }
  .main .img video { width: 180%; margin-left: -40%; } }

.merit-local-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; align-items: stretch; }
.merit-local-nav div, .merit-local-nav li { min-height: 0; }
.merit-local-nav li { width: 24%; margin-right: 1.33333333%; position: relative; cursor: pointer; background-color: #9A8A4D; }
.merit-local-nav li::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background: #559175 url("../img/bg_nav.jpg") left center/cover no-repeat; transition: 0.3s ease 0s opacity; }
.merit-local-nav li:nth-of-type(4n), .merit-local-nav li:last-of-type { margin-right: 0; }
.merit-local-nav li a, .merit-local-nav li .local-nav-inner { transition: 0.4s ease 0s filter , 0.5s ease 0s background; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 22% 6% 8%; font-family: "游明朝","Noto Serif JP" ,   YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-weight: normal; color: #fff; text-align: center; line-height: 1.2; position: relative; background-color: transparent; border: none; }
.merit-local-nav li a::before, .merit-local-nav li .local-nav-inner::before { content: ""; display: block; width: 95%; height: 90%; border: thin solid rgba(255, 255, 255, 0.64); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.merit-local-nav li a .en, .merit-local-nav li a .ja, .merit-local-nav li .local-nav-inner .en, .merit-local-nav li .local-nav-inner .ja { color: #fff; line-height: 1.2; }
.merit-local-nav li a .en, .merit-local-nav li .local-nav-inner .en { font-size: 1rem; margin-bottom: 0.25rem; position: absolute; top: 6%; left: 50%; transform: translateX(-50%); }
.merit-local-nav li a .en .num, .merit-local-nav li .local-nav-inner .en .num { font-size: 160%; color: #F2EA49; margin-left: 0.25rem; }
.merit-local-nav li a .ja, .merit-local-nav li .local-nav-inner .ja { font-size: 1.125rem; }
.merit-local-nav li:hover::before, .merit-local-nav li.current::before { opacity: 0.3; }
@media screen and (max-width: 834px) { .merit-local-nav li a, .merit-local-nav li .local-nav-inner { padding-top: 28%; }
  .merit-local-nav li a .ja, .merit-local-nav li .local-nav-inner .ja { font-size: 1rem; } }
@media screen and (max-width: 768px) { .merit-local-nav li a .ja, .merit-local-nav li .local-nav-inner .ja { font-size: 0.875rem; } }
@media screen and (max-width: 600px) { .merit-local-nav li { width: 49.5%; margin-right: 1%; min-height: 114px; margin-bottom: 1%; }
  .merit-local-nav li:nth-of-type(2n) { margin-right: 0; }
  .merit-local-nav li a, .merit-local-nav li .local-nav-inner { padding-top: 20%; }
  .merit-local-nav li a .ja, .merit-local-nav li .local-nav-inner .ja { font-size: 3.2vw; } }
@media screen and (max-width: 420px) { .merit-local-nav li a .ja, .merit-local-nav li .local-nav-inner .ja { font-size: 3.5vw; } }

.lnav-box { width: 100%; background-color: white; }
.lnav-box.lnav-fixed { position: fixed; top: 80px; left: 50%; transform: translateX(-50%); z-index: 999; }
.lnav-box.lnav-fixed .merit-local-nav { padding: 0.5rem 0; width: 92%; max-width: 920px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 768px) { .lnav-box.lnav-fixed { top: 0px; margin-top: 0 !important; } }

.anchormark { padding-top: 232px; margin-top: -232px; }

.merit-cont-wrap { padding-top: 6rem; }
.merit-cont-wrap::before { content: ''; display: block; padding-top: 232px; margin-top: -232px; }
.merit-cont-wrap .headline { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 0.25rem 0.5rem; border-bottom: thin solid #559175; margin-bottom: 1.25rem; font-family: "游明朝","Noto Serif JP" ,   YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-weight: normal; line-height: 1.44; letter-spacing: 0.1em; position: relative; }
.merit-cont-wrap .headline div, .merit-cont-wrap .headline li { min-height: 0; }
.merit-cont-wrap .headline .en { width: 7em; order: 2; align-self: flex-end; font-size: 2rem; text-align: right; color: #559175; line-height: 1; /*            position: absolute; right: 0; bottom: 0; */ }
.merit-cont-wrap .headline .en .num { font-size: 160%; line-height: 1; margin-left: 0.25rem; }
.merit-cont-wrap .headline .ja { order: 1; flex-grow: 1; font-size: 1.5rem; }
.merit-cont-wrap .cont-inner { padding: 0 0.25rem; }
.merit-cont-wrap .text .lead { text-align: left; }
@media screen and (max-width: 600px) { .merit-cont-wrap { padding-top: 4rem; }
  .merit-cont-wrap .headline .en, .merit-cont-wrap .headline .ja { width: 100%; text-align: center; }
  .merit-cont-wrap .headline .en { order: 1; padding-bottom: 0.25rem; }
  .merit-cont-wrap .headline .ja { order: 2; } }

#Merit1 .cont-inner { /*@include flex-j-st;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#Merit1 .cont-inner div, #Merit1 .cont-inner li { min-height: 0; }
#Merit1 .text { display: flex; flex-direction: column; width: 56%; }
#Merit1 .text .images { display: flex; justify-content: space-between; margin-top: auto; }
#Merit1 .text .images .image { width: 49.214%; }
#Merit1 .image { width: 40%; }
#Merit1 .graph { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; margin-top: 2rem; }
#Merit1 .graph div, #Merit1 .graph li { min-height: 0; }
#Merit1 .graph .image { width: 56%; }
#Merit1 .graph .image .fig-caption { margin-bottom: 0.5rem; font-family: "游明朝","Noto Serif JP" ,   YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-weight: normal; font-size: 1rem; }
#Merit1 .graph .image .note a { word-break: break-all; }
#Merit1 .graph .image .note-box .note { font-size: 11px; }
#Merit1 .graph .text { width: 40%; }
@media screen and (max-width: 600px) { #Merit1 .text { width: 100%; }
  #Merit1 .image { width: 100%; margin-top: 1rem; }
  #Merit1 .graph { flex-direction: column; }
  #Merit1 .graph .image { width: 100%; }
  #Merit1 .graph .text { width: 100%; } }

#Merit2 .images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 1.25rem; }
#Merit2 .images div, #Merit2 .images li { min-height: 0; }
#Merit2 .images .image { width: 49.5%; margin-bottom: 0.25%; }
#Merit2 .images .image:first-of-type { width: 100%; }

#Merit3 { padding-bottom: 2.5rem; }
#Merit3 .cont-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#Merit3 .cont-inner div, #Merit3 .cont-inner li { min-height: 0; }
#Merit3 .text { width: 40%; }
#Merit3 .image { width: 56%; }
#Merit3 .image .fig-caption { font-family: "游明朝","Noto Serif JP" ,   YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-weight: normal; font-size: 0.875rem; }
@media screen and (max-width: 600px) { #Merit3 .text { width: 100%; }
  #Merit3 .image { width: 100%; margin-top: 1rem; } }