@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Billboard {position: relative;background: var(--grad-03);}
#Billboard h2 {font-size: 200%;font-weight: normal;font-family: 'Cinzel', serif;color: #fff;letter-spacing: 0.3em;line-height: 1;text-align: center;}
#Billboard h2 + p {margin-top: 1em;font-size: 112.5%;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;color: #fff;letter-spacing: 0.3em;line-height: 1;text-align: center;}
#Billboard .container {position: relative;z-index: 2;width: calc(100% - 4em);max-width: 1260px;padding: 6em 2em 3em;margin-left: auto;margin-right: auto;box-sizing: border-box;}
#Billboard::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: transparent url("../img/common/bg_05.webp") no-repeat 50% / cover;mix-blend-mode: multiply;}

#Main .block-zehm-01 {position: relative;background: transparent url("../img/common/bg_04.webp") no-repeat 50% 0 / 100% auto;}
#Main .block-zehm-01 h2 {margin-bottom: 0.5em;font-size: 175%;font-weight: normal;font-family: 'Cinzel', serif;color: #00344e;letter-spacing: 0.1em;line-height: 1.25;text-align: center;}
#Main .block-zehm-01 h2::before {content: "";display: block;position: absolute;left: 50%;top: 0;z-index: 2;background: rgb(133,136,148);background: linear-gradient(90deg, rgba(133,136,148,1) 0%, rgba(62,65,78,1) 100%);width: 6.75em;height: 2px;transform: translateX(-50%);}
#Main .block-zehm-01 h2 span {background: rgb(133,136,148);background: linear-gradient(90deg, rgba(133,136,148,1) 0%, rgba(62,65,78,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#Main .block-zehm-01 h3 {font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;font-size: 150%;text-align: center;color: var(--light-gray);}
#Main .block-zehm-01 h3 strong {font-size: 125%;font-weight: normal;}
#Main .block-zehm-01 h3 + p {max-width: 42em;width: calc(100% - 2em);margin: 2em auto;line-height: 2.4;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;text-align: center;}
#Main .block-zehm-01 h3 + p span {display: inline-block;white-space: nowrap;}
#Main .block-zehm-01 h4 {background: var(--grad-02);margin-bottom: 1.5em;padding: 0.5em 1em;overflow: hidden;position: relative;font-size: 112.5%;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;color: #fff;}
#Main .block-zehm-01 h5 {margin-bottom: 1em;font-size: 125%;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;}
#Main .block-zehm-01 h5 strong {display: block;line-height: 1.2;font-size: 200%;font-weight: normal;}
#Main .block-zehm-01 .column p {font-size: 87.5%;}
#Main .block-zehm-01 .attention {margin-top: 1.5em;padding: 1em;border: 1px solid var(--dark-gray);border-radius: 0.25em;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;font-size: 125%;text-align: center;color: var(--dark-gray);}
#Main .block-zehm-01 .caps {font-size: 87.5%;color: #666;}
#Main .block-zehm-01 .pathmove {position: absolute;top: 0;left: 50%;transform: translateY(-50%);}

#Main .block-zehm-02 {position: relative;}
#Main .block-zehm-02 h4 {position: relative;margin-bottom: 1.5em;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;font-size: 150%;text-align: center;}
#Main .block-zehm-02 h4 strong {font-size: 250%;font-weight: normal;line-height: 0;}
#Main .block-zehm-02 h4 span {font-size: 125%;color: #ffdb13;}
#Main .block-zehm-02 h4::before {content: "";position: absolute;top: 100%;left: 50.5%;width: 3em;height: 2px;background-color: rgba(0,0,0,0.2);transform: translateX(-50%);}
#Main .block-zehm-02 h4::after {content: "";display: block;margin: 0.25em;height: 1px;background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);}
#Main .block-zehm-02 h4 + p {max-width: 42em;width: calc(100% - 2em);margin: 2em auto;line-height: 2.4;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;text-align: center;}
#Main .block-zehm-02 h4 + p span {display: inline-block;white-space: nowrap;}
#Main .block-zehm-02 h4 + p small {display: block;font-size: 75%;color: #666;}
#Main .block-zehm-02 section {padding-top: 3.75em;}
#Main .block-zehm-02 section table {border-collapse: separate;border-spacing: 2px 0px;}
#Main .block-zehm-02 section table tr th,
#Main .block-zehm-02 section table tr td {font-size: 93.75%;text-align: center;padding: 0.5em 0;background: #fff;vertical-align: middle;color: #181e26;}
#Main .block-zehm-02 section table tr.active th,
#Main .block-zehm-02 section table tr.active td {color: #fff;font-weight: bold;background: var(--grad-02);}
#Main .block-zehm-02 section table tr.active th small,
#Main .block-zehm-02 section table tr.active td small {font-weight: bold;}
#Main .block-zehm-02 section table tr th small,
#Main .block-zehm-02 section table tr td small {font-size: 80%;letter-spacing: 0;}
#Main .block-zehm-02 section table tr th small.fix01,
#Main .block-zehm-02 section table tr td small.fix01 {display: block;line-height: 1;}
#Main .block-zehm-02 section table tr + tr td:last-child {color: var(--dark-gray);background: whitesmoke;font-weight: bold;}
#Main .block-zehm-02 section.tax table {width: 100%;border-spacing: 1px;}
#Main .block-zehm-02 section.tax table tr:nth-child(1) th:nth-child(2) {background: var(--grad-02);color: #fff;}
#Main .block-zehm-02 section.tax table tr:nth-child(2) td {font-size: 175%;font-weight: bold;}
#Main .block-zehm-02 section.tax table tr:nth-child(2) td:nth-child(2) {color: var(--dark-gray);background: whitesmoke;}
#Main .block-zehm-02 section.loan {margin-top: 1.5em;}
#Main .block-zehm-02 section.loan table {margin: 0;width: 100%;border-spacing: 1px;}
#Main .block-zehm-02 section.loan table tr:nth-child(3) td,
#Main .block-zehm-02 section.loan table tr:nth-child(2) th,
#Main .block-zehm-02 section.loan table tr:nth-child(2) td {border-top: 2px solid #fff;}
#Main .block-zehm-02 section.graph h4 strong {font-size: 125%;font-weight: normal;color: var(--dark-gray);}
#Main .block-zehm-02 section.graph figure {margin: 0 auto;max-width: 700px;}
#Main .block-zehm-02 section.graph p {margin-top: 1.5em;padding: 1em;border: 1px solid var(--dark-gray);border-radius: 0.25em;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;font-size: 125%;text-align: center;color: var(--dark-gray);}
#Main .block-zehm-02 section.bells h4::after {left: 49%;}
#Main .block-zehm-02 section.bells figure:nth-of-type(1) {max-width: 560px;margin: 0 auto;}
#Main .block-zehm-02 section.bells figure:nth-of-type(2) {margin-top: 3em;}
#Main .block-zehm-02 .grid-list > div figcaption {margin: 0.75em 0;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;font-size: 125%;}
#Main .block-zehm-02 .grid-list > div p {font-size: 93.75%;}
#Main .block-zehm-02 .grid-list > div p span {display: inline-block;white-space: nowrap;color: var(--dark-gray);}
#Main .block-zehm-02 .grid-list > div p strong {font-weight: normal;font-size: 150%;font-family: "Cinzel", serif;line-height: 1;}
#Main .block-zehm-02 .grid-list > div p a {color: #305366;}
#Main .block-zehm-02 .grid-list > div p a::after {content: "";display: inline-block;width: 0.8em;height: 1em;margin-left: 0.5em;background: transparent url("../img/common/icon_external.svg") no-repeat 50% 100% / contain;filter: invert(27%) sepia(35%) saturate(591%) hue-rotate(157deg) brightness(98%) contrast(91%);}
#Main .block-zehm-02 .container {position: relative;z-index: 2;padding-top: 3em;}
#Main .block-zehm-02::before {content: "";position: absolute;top: 0;bottom: 0;left: 50%;z-index: 0;transform: translateX(-50%);width: calc(100% - 4em);background: linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 50%, rgba(247,247,247,0) 100%);opacity: 0.7;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width:769px) {
  #Main .block-zehm-01 section:nth-of-type(1) {float: left;width: calc(50% - 1em);}
  #Main .block-zehm-01 section:nth-of-type(1) .column > div:nth-child(1) {width: calc(100% - 250px - 2em);}
  #Main .block-zehm-01 section:nth-of-type(1) .column > div:nth-child(2) {width: 250px;}
  #Main .block-zehm-01 section:nth-of-type(2) {float: right;width: calc(50% - 1em);}
  #Main .block-zehm-01 section:nth-of-type(2) .column > div:nth-child(1) {width: calc(100% - 210px - 2em);}
  #Main .block-zehm-01 section:nth-of-type(2) .column > div:nth-child(2) {width: 210px;}
  #Main .block-zehm-01 footer {clear: both;position: relative;margin-right: calc(210px + 2em);}
  #Main .block-zehm-01 .column {display: flex;justify-content: space-between;}
  #Main .block-zehm-01 .caps {position: absolute;bottom: 0;left: 0;right: 0;}

  #Main .block-zehm-02 .grid-list {margin: 0 0 3em;justify-content: space-between;}
  #Main .block-zehm-02 .grid-list > div {width: calc(33.33% - 1em);max-width: 360px;margin: 0;}
  #Main .block-zehm-02 .container {padding: 0 3.75em 3.75em;}
  #Main .block-zehm-02 section.tax .column-list > div:nth-child(1) {width: calc(100% - 38em);}
  #Main .block-zehm-02 section.tax .column-list > div:nth-child(2) {width: 36em;}
  #Main .block-zehm-02 section.loan .column-list > div:nth-child(1) {width: calc(100% - 38em);}
  #Main .block-zehm-02 section.loan .column-list > div:nth-child(2) {width: 36em;}
  #Main .block-zehm-02 section.loan table colgroup:nth-child(1) {width: 42%;}
  #Main .block-zehm-02 section.loan table colgroup:nth-child(2) {width: 29%;}
  #Main .block-zehm-02 section.loan table colgroup:nth-child(3) {width: 29%;}
}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1324px) {
  #Main .block-zehm-01 section:nth-of-type(1) .column > div:nth-child(1) {width: 52%;}
  #Main .block-zehm-01 section:nth-of-type(1) .column > div:nth-child(2) {width: 45%;}
  #Main .block-zehm-01 section:nth-of-type(2) .column > div:nth-child(1) {width: 56%;}
  #Main .block-zehm-01 section:nth-of-type(2) .column > div:nth-child(2) {width: 38%;}
  #Main .block-zehm-01 footer {padding-top: 1em;}
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #Main .block-zehm-01 footer {padding-top: 4em;margin-right: calc(19% - 0.5em);}
}
@media only screen and (min-width: 769px) and (max-width: 1080px) {
  #Main .block-zehm-01 footer {padding-top: 1em;margin-right: 0;}
  #Main .block-zehm-01 .caps {position: relative;bottom: inherit;left: inherit;right: inherit;}
}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width:768px) {
  #Billboard h2 + p {margin-top: 0.5em;}
  #Billboard .container {width: 100%;padding: 5em 0 2em;}
  #Billboard::after {background-size: 200% auto;}

  #Main .block-zehm-01 h3 {margin-bottom: 0;font-size: 125%;}
  #Main .block-zehm-01 h3 + p {margin-top: 0.5em;}
  #Main .block-zehm-01 h5 {text-align: center;font-size: 100%;}
  #Main .block-zehm-01 section:nth-of-type(1) .column > div:nth-child(2) {width: 50%;margin: 0 auto 1em;}
  #Main .block-zehm-01 section:nth-of-type(2) .column > div:nth-child(2) {width: 60%;margin: 0 auto 1em;}
  #Main .block-zehm-01 .column p {padding: 0 1em 1em;}
  #Main .block-zehm-01 .caps {font-size: 10px;}

  #Main .block-zehm-02 h4 {font-size: 125%;}
  #Main .block-zehm-02 h4 strong {font-size: 200%;line-height: 0.75;}
  #Main .block-zehm-02 section.merit {padding-top: 0;}
  #Main .block-zehm-02 section.merit .grid-list > div + div {margin-top: 1.5em;}
  #Main .block-zehm-02 section.tax table {margin-top: 1.5em;font-size: 75%;}
  #Main .block-zehm-02 section.loan table {margin-top: 1.5em;font-size: 75%;}
  #Main .block-zehm-02 section.loan table colgroup:nth-child(1) {width: 35%;}
  #Main .block-zehm-02 section.loan table colgroup:nth-child(2) {width: 30%;}
  #Main .block-zehm-02 section.loan table colgroup:nth-child(3) {width: 35%;}
  #Main .block-zehm-02 section.graph p {font-size: 100%;}
  #Main .block-zehm-02 section.bells figure:nth-of-type(1) {width: 80%;}
}
@media only screen and (max-width:768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}