@charset "UTF-8";
/* ================================================

- 共通

================================================ */
.indentKome {
  position: relative;
  padding: 0 0 0 1.0em; }

.indentKome::before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.is--anchorLink__stop {
  display: block;
  padding-top: 48px;
  margin-top: -48px; }

.isDevice--pc {
  display: block; }

.isDevice--sp {
  display: none; }

@media screen and (max-width: 750px) {
  .is--anchorLink__stop {
    display: block;
    padding-top: 40px;
    margin-top: -40px; }

  .isDevice--sp {
    display: block; }

  .isDevice--pc {
    display: none; } }
/* ================================================

- ナビ

================================================ */
nav .nav__homeBar {
  background-color: #ffb200;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11; }
  nav .nav__homeBar .nav__homeBar__inner {
    max-width: 1280px;
    height: 48px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 114px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    nav .nav__homeBar .nav__homeBar__inner h1 {
      max-width: 50px; }
      nav .nav__homeBar .nav__homeBar__inner h1 a img {
        width: 100%;
        height: auto; }
      nav .nav__homeBar .nav__homeBar__inner h1 a:active,
      nav .nav__homeBar .nav__homeBar__inner h1 a:hover {
        opacity: .8; }
    nav .nav__homeBar .nav__homeBar__inner .nav__homeBar__inner__links {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-align-items: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

.nav__homeBar__inner__links__txt ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex; }
  .nav__homeBar__inner__links__txt ul li {
    position: relative;
    padding-left: 13px;
    margin-left: 12px; }
    .nav__homeBar__inner__links__txt ul li a {
      font-size: 1.4rem;
      color: #370008; }
  .nav__homeBar__inner__links__txt ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #370008; }
  .nav__homeBar__inner__links__txt ul li:first-child {
    margin-left: 0; }
  .nav__homeBar__inner__links__txt ul li a:active,
  .nav__homeBar__inner__links__txt ul li a:hover {
    color: #b01f24; }
  .nav__homeBar__inner__links__txt ul li:active::before,
  .nav__homeBar__inner__links__txt ul li:hover::before {
    border-color: transparent transparent transparent #b01f24; }
  @media all and (-ms-high-contrast: none) {
    .nav__homeBar__inner__links__txt ul ::-ms-backdrop, .nav__homeBar__inner__links__txt ul li {
      padding-left: 10px;
      margin-left: 12px; }
    .nav__homeBar__inner__links__txt ul ::-ms-backdrop, .nav__homeBar__inner__links__txt ul li:last-child {
      margin-top: -3px; }
    .nav__homeBar__inner__links__txt ul ::-ms-backdrop, .nav__homeBar__inner__links__txt ul li::before {
      top: 4px; }
    .nav__homeBar__inner__links__txt ul ::-ms-backdrop, .nav__homeBar__inner__links__txt ul li:last-child::before {
      top: 7px; } }

.nav__homeBar__inner__links__sns {
  margin-left: 47px; }
  .nav__homeBar__inner__links__sns ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex; }
    .nav__homeBar__inner__links__sns ul li {
      max-width: 32px;
      margin-left: 12px; }
      .nav__homeBar__inner__links__sns ul li a img {
        width: 100%;
        height: auto; }
      .nav__homeBar__inner__links__sns ul li a:active,
      .nav__homeBar__inner__links__sns ul li a:hover {
        opacity: .8; }
    .nav__homeBar__inner__links__sns ul li:first-child {
      margin-left: 0; }

@media screen and (max-width: 750px) {
  nav .nav__homeBar {
    position: fixed; }
    nav .nav__homeBar .nav__homeBar__inner {
      height: 40px;
      margin: 0 auto;
      padding-left: 3.2%;
      padding-right: 3.2%; }
      nav .nav__homeBar .nav__homeBar__inner h1 {
        max-width: 50px; }
      nav .nav__homeBar .nav__homeBar__inner .nav__homeBar__inner__links {
        display: none; } }
/* media screen */
/* ==========================================================

- モーダルナビ

========================================================== */
.wrapperBg {
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); }

.wrapperBg:hover {
  cursor: pointer; }

.nav__modal {
  display: none; }
  .nav__modal .nav__modal__inner {
    width: 1200px;
    min-height: 750px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: fixed;
    top: 50px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 12; }

.nav__modal__inner__links {
  max-width: 360px;
  position: absolute;
  top: 20px;
  left: 151px;
  z-index: 13; }
  .nav__modal__inner__links .nav__modal__inner__links__ttl {
    max-width: 196px; }
    .nav__modal__inner__links .nav__modal__inner__links__ttl img {
      width: 100%;
      height: auto; }
  .nav__modal__inner__links ul {
    margin-top: 6px; }
    .nav__modal__inner__links ul li {
      max-width: 360px;
      padding: 25px 0 12px;
      position: relative;
      background-image: url(../images/nav_links_line.png);
      background-size: auto;
      background-repeat: no-repeat;
      background-position: left bottom; }
      .nav__modal__inner__links ul li img {
        width: 100%;
        height: auto; }
  .nav__modal__inner__links .nav__modal__inner__links__sp {
    display: none; }

.nav__modal__inner__c {
  max-width: 690px;
  margin: 0 5px 0 auto;
  position: relative;
  z-index: 12; }
  .nav__modal__inner__c img {
    width: auto;
    height: 94vh; }

.nav__modal__inner__links ul li a:hover path {
  color: #b01f24;
  fill: currentColor; }

/*--- @media ---*/
@media screen and (max-width: 750px) {
  .nav__modal .nav__modal__inner {
    width: 100%;
    min-height: 0;
    display: block;
    position: fixed;
    bottom: 92%;
    right: 50%;
    -webkit-transform: translateY(50%) translateX(50%);
    transform: translateY(50%) translateX(50%); }

  .nav__modal__inner__links {
    width: 100%;
    top: 5px;
    bottom: auto;
    left: 2.66666%;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    .nav__modal__inner__links .nav__modal__inner__links__ttl {
      max-width: 26.13333%; }
    .nav__modal__inner__links ul {
      margin-top: 0; }
      .nav__modal__inner__links ul li {
        width: 50%;
        padding: 15px 0 5px;
        background-size: contain; }
    .nav__modal__inner__links .nav__modal__inner__links__sp {
      display: block;
      margin-top: 22px; }
      .nav__modal__inner__links .nav__modal__inner__links__sp .nav__homeBar__inner__links__txt {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .nav__modal__inner__links .nav__modal__inner__links__sp .nav__homeBar__inner__links__txt p {
          width: 35%;
          padding-left: 8px;
          position: relative; }
          .nav__modal__inner__links .nav__modal__inner__links__sp .nav__homeBar__inner__links__txt p a {
            color: #ffffff;
            font-size: 1.0rem; }
        .nav__modal__inner__links .nav__modal__inner__links__sp .nav__homeBar__inner__links__txt p::before {
          content: "";
          position: absolute;
          top: 5px;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 3.5px 0 3.5px 5px;
          border-color: transparent transparent transparent #FFFFFF; }

  .nav__modal__inner__c {
    max-width: 62.2%;
    max-height: 0;
    margin: 0;
    position: absolute;
    top: 35px;
    right: -1.5%; }
    .nav__modal__inner__c img {
      width: 100%;
      height: auto; } }
/* ==========================================================

- ハンバーガーボタン

========================================================== */
.hamburgerButton__wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60; }

.hamburgerButton__inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative; }

.hamburgerButton {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  padding-top: 8px;
  cursor: pointer;
  z-index: 140;
  height: 100%; }

.hamburgerButton ul {
  position: relative;
  padding: 20px 0 0 0;
  margin-bottom: 3px; }

.hamburgerButton ul li {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background-color: #b01f24;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

.hamburgerButton ul li:nth-child(1) {
  top: 0; }

.hamburgerButton ul li:nth-child(2) {
  top: 0;
  bottom: 0; }

.hamburgerButton ul li:nth-child(3) {
  bottom: 0; }

.hamburgerButton.open li:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transition: rotate(-135deg);
  transform: rotate(-135deg);
  background-color: #FFFFFF; }

.hamburgerButton.open li:nth-child(2) {
  width: 0;
  opacity: 0; }

.hamburgerButton.open li:nth-child(3) {
  top: 4px;
  -webkit-transform: rotate(135deg);
  -moz-transition: rotate(135deg);
  transform: rotate(135deg);
  background-color: #FFFFFF; }

.hamburgerTxt.open::after,
.hamburgerTxt::after {
  position: relative;
  top: 0;
  display: block;
  line-height: 1;
  font-size: 1.0rem;
  text-align: center;
  color: #b01f24;
  font-weight: 400;
  font-family: 'Noto Sans CJK JP', sans-serif;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

.hamburgerTxt::after {
  content: "MENU"; }

.hamburgerTxt.open::after {
  content: "CLOSE";
  color: #FFFFFF; }

/*--- @media ---*/
@media screen and (max-width: 750px) {
  .hamburgerButton__wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 60; }

  .hamburgerButton__inner {
    max-width: 1280px;
    margin: 0 auto;
    position: fixed; }

  .hamburgerButton {
    display: block;
    position: fixed;
    top: 0;
    right: 3.2%;
    width: auto;
    padding-top: 8px;
    z-index: 1000; }

  .hamburgerButton ul {
    position: relative;
    padding: 16px 0 0 0;
    margin-bottom: 2px; }

  .hamburgerButton ul li {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #370008; }

  .hamburgerButton ul li:nth-child(1) {
    top: 0; }

  .hamburgerButton ul li:nth-child(2) {
    top: 0;
    bottom: 0; }

  .hamburgerButton ul li:nth-child(3) {
    bottom: 0; }

  .hamburgerButton.open li:nth-child(1) {
    top: 9px; }

  .hamburgerButton.open li:nth-child(2) {
    width: 0;
    opacity: 0; }

  .hamburgerButton.open li:nth-child(3) {
    top: 4px; }

  .hamburgerTxt.open::after,
  .hamburgerTxt::after {
    font-size: 80%;
    color: #370008; }

  .hamburgerTxt::after {
    content: "MENU"; }

  .hamburgerTxt.open::after {
    content: "CLOSE";
    color: #FFFFFF; } }
/* media screen */
/* ==========================================================

- フッター

========================================================== */
footer {
  padding: 120px 0 14px;
  background-color: #000000; }
  footer .footer__inner {
    max-width: 980px;
    margin: 0 auto;
    color: #FFFFFF;
    font-weight: 400;
    font-family: 'Noto Sans CJK JP', sans-serif; }
    footer .footer__inner .footer__inner__ttl {
      font-size: 2.4rem;
      line-height: 1;
      text-align: center; }
    footer .footer__inner h6 {
      margin-top: 47px;
      font-size: 2.0rem;
      line-height: 1.5;
      text-align: center; }
    footer .footer__inner .footer__inner__line {
      margin-top: 120px;
      height: 2px;
      background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(25%, #886a0e), color-stop(75%, #886a0e), to(transparent));
      background-image: linear-gradient(to right, transparent, #886a0e 25%, #886a0e 75%, transparent);
      background-position: center;
      background-repeat: no-repeat; }
    footer .footer__inner .footer__inner__copy {
      margin-top: 16px;
      font-size: 1.2rem;
      line-height: 1.5;
      text-align: center;
      font-weight: 400;
      font-family: 'Noto Serif JP', serif; }

.footer__inner__list {
  max-width: 575px;
  margin: 28px auto 0; }
  .footer__inner__list ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .footer__inner__list ul li {
      font-size: 1.5rem;
      line-height: 1.6; }
    .footer__inner__list ul li:first-child {
      margin-right: 25px; }
    @media all and (-ms-high-contrast: none) {
      .footer__inner__list ul ::-ms-backdrop, .footer__inner__list ul li:nth-child(1) {
        width: 197px;
        margin-right: 0; }
      .footer__inner__list ul ::-ms-backdrop, .footer__inner__list ul li:nth-child(2) {
        width: 378px; } }

/*--- @media ---*/
@media screen and (max-width: 750px) {
  footer {
    padding: 60px 0 18px; }
    footer .footer__inner {
      padding: 0 2.6666%; }
      footer .footer__inner .footer__inner__ttl {
        font-size: 1.6rem;
        line-height: 1.2; }
      footer .footer__inner h6 {
        margin-top: 20px;
        font-size: 1.2rem;
        line-height: 1.5;
        text-align: center; }
      footer .footer__inner .footer__inner__line {
        margin-top: 57px;
        height: 2px; }
      footer .footer__inner .footer__inner__copy {
        margin-top: 16px;
        font-size: 1.0rem;
        line-height: 1.5;
        text-align: left; }

  .footer__inner__list {
    max-width: 575px;
    margin: 12px auto 0; }
    .footer__inner__list ul {
      display: block;
      width: 100%; }
      .footer__inner__list ul li {
        font-size: 1.0rem;
        line-height: 1.6;
        text-align: center; }
      .footer__inner__list ul li:first-child {
        margin-right: 0; } }
.pageTop {
  position: fixed;
  bottom: -301px;
  right: 30px;
  z-index: 10; }
  .pageTop a {
    display: block;
    max-width: 153px; }
    .pageTop a img {
      width: 100%;
      height: auto; }
  .pageTop a:hover {
    max-width: 161px; }

/*--- @media ---*/
@media screen and (max-width: 750px) {
  .pageTop {
    bottom: -128px;
    right: 10px; }
    .pageTop a {
      max-width: 69px; }
    .pageTop a:hover {
      max-width: 75px; } }

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