@charset "UTF-8";
body {
  font-size: 12px;
  line-hight: 16px; }

p, h1, h2, h3, h4, h5, h6 {
  font-feature-settings: "palt"; }

a {
  text-decolation: none; }

figure {
  display: flex;
  align-items: flex-end; }
  figure img {
    width: 100%;
    height: auto; }
  figure figcaption {
    text-align: right;
    display: block;
    font-size: 12px;
    padding: 5px 0; }
  figure.imgCaption {
    position: relative; }
    figure.imgCaption img {
      display: block;
      width: 100%; }
    figure.imgCaption figcaption {
      position: absolute;
      bottom: 5px;
      right: 10px;
      padding: 0 0;
      display: block;
      color: #fff !important;
      text-shadow: 1px 1px 3px #000,-1px -1px 3px #000,-1px -1px 3px #000,-1px -1px 3px #000;
      font-size: 11px;
      line-height: 14px; }
      figure.imgCaption figcaption.left {
        right: inherit;
        left: 10px;
        text-align: left; }
      figure.imgCaption figcaption.black {
        color: #000 !important;
        text-shadow: 1px 1px 3px #fff,-1px -1px 3px #fff,-1px -1px 3px #fff,-1px -1px 3px #fff; }
      figure.imgCaption figcaption.no-shadow {
        text-shadow: 1px 1px 3px transparent,-1px -1px 3px transparent,-1px -1px 3px transparent,-1px -1px 3px transparent; }

.page-caption li {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: .5em;
  font-size: 12px;
  line-hight: 16px;
  text-align: left;
  font-family: 'Noto Sans JP'; }

.content-caption {
  position: relative;
  padding: 10px 0;
  color: inherit; }
  .content-caption li {
    list-style: none;
    text-indent: -1em;
    padding-left: 1em;
    color: inherit;
    text-align: left;
    font-family: 'Noto Sans JP';
    text-shadow: 1px 1px 3px #000,-1px -1px 3px #000,-1px -1px 3px #000,-1px -1px 3px #000; }
    .content-caption li.no-shadow {
      text-shadow: none; }
    .content-caption li.right {
      position: absolute;
      right: 0;
      text-align: right; }

.fotter-caption {
  color: #000; }

body #contents #main article#merit, body #contents #main section#merit {
  color: #fff; }
  body #contents #main article#merit p.main-lead, body #contents #main section#merit p.main-lead {
    color: #fff;
    font-size: 28px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 42px;
    letter-spacing: 0.02em; }
    body #contents #main article#merit p.main-lead span, body #contents #main section#merit p.main-lead span {
      font-size: inherit;
      font-size: 1.4em; }
  body #contents #main article#merit .merit-box, body #contents #main section#merit .merit-box {
    width: 100%;
    margin: 20px auto;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    body #contents #main article#merit .merit-box li, body #contents #main section#merit .merit-box li {
      list-style: none;
      dispray: block;
      padding: 5px;
      width: calc(100% - 18px);
      margin-bottom: 20px; }
      body #contents #main article#merit .merit-box li img, body #contents #main section#merit .merit-box li img {
        display: block;
        width: 100%; }
  body #contents #main article#merit .merit-box2, body #contents #main section#merit .merit-box2 {
    width: 100%;
    margin: 20px auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px; }
    body #contents #main article#merit .merit-box2 li, body #contents #main section#merit .merit-box2 li {
      list-style: none;
      dispray: block;
      padding: 5px;
      margin-bottom: 20px; }
      body #contents #main article#merit .merit-box2 li img, body #contents #main section#merit .merit-box2 li img {
        display: block;
        width: 100%; }
  body #contents #main article#merit .top-ct, body #contents #main section#merit .top-ct {
    color: #fff;
    text-align: center;
    margin-bottom: 50px; }
    body #contents #main article#merit .top-ct .ct-text, body #contents #main section#merit .top-ct .ct-text {
      color: inherit;
      background-image: url(../img/top/title_bg.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
      body #contents #main article#merit .top-ct .ct-text p, body #contents #main section#merit .top-ct .ct-text p {
        font-size: 55px;
        letter-spacing: 0.18em;
        color: inherit;
        padding-bottom: 10px; }
      body #contents #main article#merit .top-ct .ct-text_sub p, body #contents #main section#merit .top-ct .ct-text_sub p {
        font-size: 22px;
        padding-bottom: 10px;
        letter-spacing: 0.1em; }
    body #contents #main article#merit .top-ct .ct-link, body #contents #main section#merit .top-ct .ct-link {
      display: block;
      margin: 0 auto;
      width: 95%;
      max-width: 1000px;
      background: #838170; }
      body #contents #main article#merit .top-ct .ct-link img, body #contents #main section#merit .top-ct .ct-link img {
        display: block;
        margin: 0 auto; }
      body #contents #main article#merit .top-ct .ct-link:hover, body #contents #main section#merit .top-ct .ct-link:hover {
        opacity: .8;
        transition: 1s; }
    body #contents #main article#merit .top-ct .img-box, body #contents #main section#merit .top-ct .img-box {
      width: 95%;
      max-width: 1050px;
      display: block;
      margin: 0 auto; }
      body #contents #main article#merit .top-ct .img-box img, body #contents #main section#merit .top-ct .img-box img {
        display: block;
        width: 100%; }

/*SP ONLY*/
@media screen and (max-width: 750px) {
  body #contents #main article#merit p.main-lead, body #contents #main section#merit p.main-lead {
    font-size: 32px;
    line-height: 46px; }
  body #contents #main article#merit .merit-box, body #contents #main section#merit .merit-box {
    grid-template-columns: 1fr 1fr; }
  body #contents #main article#merit .merit-box2, body #contents #main section#merit .merit-box2 {
    gap: 15px; }
  body #contents #main article#merit .top-ct .ct-text_sub p, body #contents #main section#merit .top-ct .ct-text_sub p {
    font-size: 1.25rem;
    padding-bottom: 20px; }
  body #contents #main article#merit .top-ct .ct-link, body #contents #main section#merit .top-ct .ct-link {
    max-width: 95%; } }
.linee {
  position: relative;
  padding-bottom: 3px; }
  .linee::before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #804a0f 10%, #ffed61 50%, #804a0f 90%);
    position: absolute;
    bottom: 0;
    left: 0; }

header {
  background-color: #fff; }
  header #g_breadCrumb {
    display: flex;
    font-family: 'Noto Sans JP';
    background-color: #fff; }
    header #g_breadCrumb li {
      list-style: none;
      padding: 0 3px;
      letter-spacing: 0.03em;
      font-size: 11px;
      display: inline-block;
      color: #000;
      text-align: left; }
      header #g_breadCrumb li a {
        color: #000;
        font-family: 'Noto Sans JP'; }
      header #g_breadCrumb li:after {
        content: "＞";
        font-weight: bold;
        padding-left: .5em; }
      header #g_breadCrumb li:last-child:after {
        display: none; }

@media screen and (min-width: 751px) {
  .smart_on {
    display: none; } }
@media screen and (max-width: 750px) {
  .pc_on {
    display: none; }

  body {
    font-size: 16px;
    line-hight: 20px; }

  .pc_on {
    display: none; }

  .page-caption {
    width: 98%;
    margin: 40px auto 0; }
    .page-caption li {
      font-size: 16px;
      line-hight: 20px; } }

/*# sourceMappingURL=common.css.map */