@charset "UTF-8";
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: PC/SP共通 */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap");
.flex-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.en-font {
  font-family: 'Oswald', serif; }

.serif-font {
  font-family: serif; }

.bg_white {
  background: #fff; }

#contents {
  color: #3e3a39;
  font-size: 15px;
  font-family: 'Noto Sans JP',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  width: 100%; }
  #contents.the_crasty img {
    width: 100%; }
  #contents.the_crasty section {
    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /*index: section 01 */
    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /*index: キャンペーン */
    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /*index: plan */
    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /*index: 参考価格について */
    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /*index: THE CRASTY SPEC */
    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /*index: MAP */
    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    /*index: 問い合わせ */ }
    #contents.the_crasty section .wrapper {
      max-width: 1010px;
      margin: auto;
      padding: 80px 0;
      width: 95%; }
    #contents.the_crasty section.sec01 {
      background-color: #000;
      color: #fff; }
      #contents.the_crasty section.sec01 .wrapper {
        max-width: 100%;
        width: 100%; }
      #contents.the_crasty section.sec01 .img {
        width: 100%; }
      #contents.the_crasty section.sec01 .content {
        margin-left: 5%;
        width: 35%; }
      #contents.the_crasty section.sec01 .serif-font {
        border: 1px solid #fff;
        font-size: 23px;
        margin: 1.5rem 0;
        padding: 1rem;
        text-align: center; }
      #contents.the_crasty section.sec01 .text {
        line-height: 1.75; }
    #contents.the_crasty section.cpt h3 {
      font-size: 50px;
      font-weight: 500;
      letter-spacing: 0;
      margin-bottom: 40px;
      text-align: center; }
    #contents.the_crasty section.cpt .bg_red {
      background-image: linear-gradient(90deg, #e7380d, #c6000b);
      color: #fff;
      margin-bottom: 5rem;
      padding: 4.5%; }
      #contents.the_crasty section.cpt .bg_red .icon {
        margin: auto;
        width: 438px; }
      #contents.the_crasty section.cpt .bg_red .head {
        font-size: 75px;
        font-weight: 500;
        letter-spacing: inherit;
        line-height: 1.15;
        text-align: center; }
        #contents.the_crasty section.cpt .bg_red .head span {
          font-size: 180%;
          line-height: 1; }
        #contents.the_crasty section.cpt .bg_red .head img {
          margin-right: 10px;
          width: 120px;
          vertical-align: text-top; }
      #contents.the_crasty section.cpt .bg_red .text {
        font-size: 20px;
        margin: 2rem 0 1rem;
        text-align: center; }
      #contents.the_crasty section.cpt .bg_red .present {
        background-color: #000;
        margin-top: 2rem;
        padding: 3.5% 5%; }
        #contents.the_crasty section.cpt .bg_red .present .flex-box {
          justify-content: space-between; }
        #contents.the_crasty section.cpt .bg_red .present .txt {
          width: 70%; }
          #contents.the_crasty section.cpt .bg_red .present .txt .ttl1 {
            font-size: 18px;
            margin-bottom: .5rem; }
          #contents.the_crasty section.cpt .bg_red .present .txt .ttl2 {
            font-size: 25px; }
          #contents.the_crasty section.cpt .bg_red .present .txt .notes {
            font-size: 12px;
            margin: 1.5rem auto; }
          #contents.the_crasty section.cpt .bg_red .present .txt .button a {
            background: #fff;
            border-radius: 30px;
            font-weight: bold;
            display: block;
            padding: 1rem;
            text-align: center;
            position: relative; }
            #contents.the_crasty section.cpt .bg_red .present .txt .button a span {
              padding-left: .5rem; }
        #contents.the_crasty section.cpt .bg_red .present .img {
          width: 25%; }
    #contents.the_crasty section.cpt .about h4 {
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 1rem;
      text-align: center; }
    #contents.the_crasty section.cpt .about ul li {
      font-size: 18px;
      line-height: 1.75; }
    #contents.the_crasty section.cpt .about ul + ul {
      margin-top: .5rem; }
    #contents.the_crasty section.plan {
      background-color: #b8b27f; }
      #contents.the_crasty section.plan.bg_blue {
        background-color: #dbe6ed; }
      #contents.the_crasty section.plan .wrapper {
        max-width: 950px; }
      #contents.the_crasty section.plan h3 {
        color: #fff;
        font-size: 50px;
        font-weight: 400;
        letter-spacing: 2px;
        margin-bottom: 40px;
        text-align: center; }
      #contents.the_crasty section.plan dl {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-bottom: 15px; }
        #contents.the_crasty section.plan dl dt {
          background-color: #fff;
          font-size: 20px;
          margin-right: 20px;
          padding: 5px 15px; }
        #contents.the_crasty section.plan dl dd {
          font-size: 14px; }
      #contents.the_crasty section.plan .notes {
        margin-bottom: 3rem;
        text-align: center; }
      #contents.the_crasty section.plan .head {
        align-items: center;
        border-bottom: 1px solid #333;
        display: flex;
        justify-content: space-between;
        padding: 5% 3.5% 1.5%; }
        #contents.the_crasty section.plan .head img {
          width: 380px; }
        #contents.the_crasty section.plan .head p span {
          display: block;
          font-family: serif;
          font-size: 16px;
          font-weight: 500; }
          #contents.the_crasty section.plan .head p span.big {
            font-size: 30px; }
      #contents.the_crasty section.plan .copy {
        font-size: 40px;
        font-family: serif;
        font-weight: 600;
        margin: 1rem auto; }
      #contents.the_crasty section.plan .price {
        width: 55%;
        margin: 3% auto 5%; }
      #contents.the_crasty section.plan .flex-box {
        align-items: center;
        background: rgba(237, 237, 238, 0.7);
        color: #9f8c51;
        justify-content: space-between;
        margin-top: 3%;
        padding: 1% 5% 2.5%; }
        #contents.the_crasty section.plan .flex-box .ttl {
          font-size: 46px; }
          #contents.the_crasty section.plan .flex-box .ttl small {
            font-size: 60%; }
        #contents.the_crasty section.plan .flex-box .date {
          background: #9f8c51;
          color: #fff;
          font-size: 20px;
          text-align: center; }
        #contents.the_crasty section.plan .flex-box .text {
          font-size: 25px; }
        #contents.the_crasty section.plan .flex-box a {
          background: #c7161d;
          border-radius: 30px;
          color: #fff;
          display: block;
          font-size: 16px;
          margin-top: .75rem;
          padding: 1rem;
          text-align: center; }
          #contents.the_crasty section.plan .flex-box a span {
            font-size: 90%;
            padding-left: .5rem; }
      #contents.the_crasty section.plan .plan02 .head {
        padding-top: 0; }
      #contents.the_crasty section.plan .plan02 .copy {
        font-size: 28px; }
      #contents.the_crasty section.plan .plan02 .price {
        margin-bottom: 0; }
    #contents.the_crasty section.about-price .wrapper {
      padding-top: 0; }
    #contents.the_crasty section.about-price dl {
      border: 2px solid #7d7d7d; }
      #contents.the_crasty section.about-price dl dt {
        background: #7d7d7d;
        color: #fff;
        font-size: 30px;
        text-align: center;
        padding: .75rem; }
      #contents.the_crasty section.about-price dl dd {
        font-size: 16px;
        line-height: 1.75;
        padding: 3.5%; }
    #contents.the_crasty section.spec {
      background-image: url(../images/spec-bg.jpg);
      background-repeat: no-repeat;
      background-position: top center;
      background-size: cover;
      background-color: #000;
      color: #fff;
      font-family: serif; }
      #contents.the_crasty section.spec h3 {
        color: #9f8c51;
        font-size: 50px;
        font-weight: 400;
        letter-spacing: 2px;
        margin-bottom: 40px;
        text-align: center; }
      #contents.the_crasty section.spec .box .box-ttl {
        font-size: 33px; }
        #contents.the_crasty section.spec .box .box-ttl span {
          font-size: 70%; }
      #contents.the_crasty section.spec .box .text {
        font-size: 20px;
        margin-top: 1.5rem; }
      #contents.the_crasty section.spec .box .head {
        font-family: sans-serif;
        font-size: 22px;
        margin-bottom: 1rem; }
      #contents.the_crasty section.spec .box1 .flex-box {
        align-items: flex-start; }
        #contents.the_crasty section.spec .box1 .flex-box img {
          width: 480px; }
      #contents.the_crasty section.spec .box1 .ua {
        margin: 2rem 0; }
        #contents.the_crasty section.spec .box1 .ua .num {
          border: 1px solid #fff;
          display: flex;
          font-family: sans-serif;
          font-size: 35px;
          margin-bottom: 10px;
          padding: 10px; }
          #contents.the_crasty section.spec .box1 .ua .num span {
            font-weight: bold;
            line-height: 1;
            text-align: center;
            width: 60%; }
            #contents.the_crasty section.spec .box1 .ua .num span small {
              font-size: 60%;
              font-weight: normal; }
            #contents.the_crasty section.spec .box1 .ua .num span + span {
              border-left: 1px solid #fff;
              width: 40%; }
        #contents.the_crasty section.spec .box1 .ua .notes {
          font-family: sans-serif;
          font-size: 12px;
          text-align: right; }
      #contents.the_crasty section.spec .box2 {
        margin-top: 5rem; }
        #contents.the_crasty section.spec .box2 .content .head {
          margin-top: 2rem; }
        #contents.the_crasty section.spec .box2 .content figure {
          margin: auto;
          width: 80%; }
          #contents.the_crasty section.spec .box2 .content figure img {
            margin: 1.5rem 0; }
          #contents.the_crasty section.spec .box2 .content figure figcaption {
            font-family: sans-serif;
            font-size: 12px; }
      #contents.the_crasty section.spec .box3 {
        margin-top: 5rem; }
        #contents.the_crasty section.spec .box3 .flex-box {
          align-items: center;
          justify-content: space-between; }
          #contents.the_crasty section.spec .box3 .flex-box .txt-box {
            width: 65%; }
          #contents.the_crasty section.spec .box3 .flex-box .img {
            margin-right: 5%;
            width: 25%; }
        #contents.the_crasty section.spec .box3 .head {
          margin-top: 1.5rem; }
        #contents.the_crasty section.spec .box3 .u-num {
          align-items: flex-end;
          display: flex; }
          #contents.the_crasty section.spec .box3 .u-num p {
            border: 1px solid #fff;
            font-size: 20px;
            line-height: 1;
            padding: 1rem 2rem; }
            #contents.the_crasty section.spec .box3 .u-num p.num {
              border: none;
              font-size: 60px;
              font-family: sans-serif;
              margin-right: 1rem;
              padding: 0; }
              #contents.the_crasty section.spec .box3 .u-num p.num small {
                font-size: 30%; }
      #contents.the_crasty section.spec .box4 {
        margin-top: 5rem; }
        #contents.the_crasty section.spec .box4 .flex-box {
          justify-content: space-between; }
          #contents.the_crasty section.spec .box4 .flex-box .txt-box {
            width: 58%; }
            #contents.the_crasty section.spec .box4 .flex-box .txt-box img {
              margin-top: 2rem;
              width: 75%; }
          #contents.the_crasty section.spec .box4 .flex-box .img {
            width: 40%; }
      #contents.the_crasty section.spec .box5 {
        margin-top: 5rem; }
        #contents.the_crasty section.spec .box5 figure {
          margin-top: 2rem; }
      #contents.the_crasty section.spec .box6 {
        margin-top: 5rem; }
        #contents.the_crasty section.spec .box6 .flex-box {
          align-items: flex-end;
          justify-content: space-between; }
          #contents.the_crasty section.spec .box6 .flex-box figure {
            width: 48%; }
            #contents.the_crasty section.spec .box6 .flex-box figure + figure {
              width: 50%; }
        #contents.the_crasty section.spec .box6 ul {
          margin-top: 2rem; }
          #contents.the_crasty section.spec .box6 ul li {
            font-size: 14px; }
            #contents.the_crasty section.spec .box6 ul li span {
              display: table-cell; }
    #contents.the_crasty section.map h3 {
      color: #9f8c51;
      font-size: 50px;
      font-weight: 400;
      letter-spacing: 2px;
      margin-bottom: 40px;
      text-align: center; }
    #contents.the_crasty section.map .name {
      font-size: 30px;
      margin: 3rem 0 3rem;
      text-align: center; }
      #contents.the_crasty section.map .name span {
        line-height: 1;
        padding: 0 20px;
        vertical-align: middle; }
        #contents.the_crasty section.map .name span.big {
          border-right: 1px solid #ccc;
          font-size: 40px;
          font-weight: bold; }
    #contents.the_crasty section.map .grid-box {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2.8rem; }
    #contents.the_crasty section.map .head {
      background: #e5e5e5;
      box-sizing: border-box;
      font-size: 20px;
      line-height: 1.25;
      margin: auto;
      padding: 1rem;
      text-align: center; }
    #contents.the_crasty section.map .address {
      margin-top: 2rem;
      text-align: center; }
      #contents.the_crasty section.map .address span {
        display: block;
        font-size: 22px;
        line-height: 1; }
        #contents.the_crasty section.map .address span.num {
          font-weight: bold;
          margin-top: 5px; }
          #contents.the_crasty section.map .address span.num a {
            font-size: 35px; }
    #contents.the_crasty section.tel-contact {
      background: #b8b27f; }
      #contents.the_crasty section.tel-contact .box {
        background: #000;
        padding: 60px 0;
        text-align: center; }
      #contents.the_crasty section.tel-contact p {
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 1rem; }
      #contents.the_crasty section.tel-contact a {
        display: block;
        margin: auto;
        width: 60%; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: PC */
@media screen and (min-width: 769px), print {
  .nosp {
    display: block; }

  .nopc {
    display: none; }

  /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
  /*index: サイドメニュー*/
  #gnav_under {
    display: none !important; }

  #gnav_under.fixed {
    display: none !important; }

  p,
  h3,
  h4,
  ul, li {
    letter-spacing: 0.15px; }

  html {
    font-size: 10px;
    scroll-padding-top: 85px; } }
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: SP */
@media screen and (max-width: 768px) {
  * {
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  body {
    overflow-x: hidden; }

  /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
  /*index: サイドメニュー*/
  #gnav_under {
    display: none !important; }

  #gnav_under.fixed {
    display: none !important; }

  .footer_nav_area.for_sp {
    background: #fff; }

  footer {
    padding-top: 40px; }

  .nosp {
    display: none; }

  .nopc {
    display: block; }

  #contents {
    font-size: 14px; }
    #contents.the_crasty section {
      /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
      /*index: section 01 */
      /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
      /*index: キャンペーン */
      /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
      /*index: plam */
      /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
      /*index: 参考価格について */
      /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
      /*index: THE CRASTY SPEC */
      /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
      /*index: MAP */
      /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
      /*index: 問い合わせ */ }
      #contents.the_crasty section .wrapper {
        padding: 40px 0;
        width: 90%; }
      #contents.the_crasty section.sec01 .img {
        width: 100%; }
      #contents.the_crasty section.sec01 .content {
        margin: 1.5rem auto 0;
        width: 90%; }
      #contents.the_crasty section.sec01 .serif-font {
        font-size: 18px;
        margin: 1rem auto .75rem;
        padding: .5rem; }
      #contents.the_crasty section.cpt h3 {
        font-size: 40px;
        margin-bottom: 20px; }
      #contents.the_crasty section.cpt .bg_red {
        margin-bottom: 2rem; }
        #contents.the_crasty section.cpt .bg_red .icon {
          margin: auto;
          width: 70%; }
        #contents.the_crasty section.cpt .bg_red .head {
          font-size: 40px; }
          #contents.the_crasty section.cpt .bg_red .head img {
            width: 75px; }
        #contents.the_crasty section.cpt .bg_red .text {
          font-size: 16px;
          margin: 1rem auto .5rem; }
        #contents.the_crasty section.cpt .bg_red .present {
          margin-top: 1rem;
          padding-bottom: 5%; }
          #contents.the_crasty section.cpt .bg_red .present .flex-box {
            display: block; }
          #contents.the_crasty section.cpt .bg_red .present .txt {
            width: 100%; }
            #contents.the_crasty section.cpt .bg_red .present .txt .ttl1 {
              font-size: 11px;
              margin-bottom: 0; }
            #contents.the_crasty section.cpt .bg_red .present .txt .ttl2 {
              font-size: 16px; }
            #contents.the_crasty section.cpt .bg_red .present .txt .notes {
              margin: .5rem auto; }
            #contents.the_crasty section.cpt .bg_red .present .txt .button a {
              padding: .75rem; }
          #contents.the_crasty section.cpt .bg_red .present .img {
            margin: auto;
            width: 60%; }
      #contents.the_crasty section.cpt .about h4 {
        font-size: 25px;
        margin-bottom: .5rem; }
      #contents.the_crasty section.cpt .about ul li {
        font-size: 14px;
        line-height: 1.5; }
      #contents.the_crasty section.plan h3 {
        font-size: 40px;
        margin-bottom: 20px; }
      #contents.the_crasty section.plan dl dt {
        font-size: 16px;
        margin-right: 10px;
        padding: 5px 10px; }
      #contents.the_crasty section.plan .notes {
        margin-bottom: 1.5rem; }
      #contents.the_crasty section.plan .head {
        display: block;
        padding: 1.5rem 0 .5rem; }
        #contents.the_crasty section.plan .head img {
          width: 80%;
          max-width: 380px; }
        #contents.the_crasty section.plan .head p {
          margin-top: 5px; }
          #contents.the_crasty section.plan .head p span {
            font-size: 15px; }
            #contents.the_crasty section.plan .head p span.big {
              font-size: 20px; }
      #contents.the_crasty section.plan .copy {
        font-size: 25px;
        margin: .5rem auto 0; }
      #contents.the_crasty section.plan .map {
        display: grid;
        gap: 1.5rem; }
      #contents.the_crasty section.plan .price {
        margin: 5% auto 0;
        width: 80%; }
      #contents.the_crasty section.plan .flex-box {
        display: block;
        margin-top: 5%;
        padding: 1% 5% 5%; }
        #contents.the_crasty section.plan .flex-box .ttl {
          font-size: 36px;
          text-align: center; }
        #contents.the_crasty section.plan .flex-box .date {
          font-size: 18px; }
        #contents.the_crasty section.plan .flex-box .text {
          font-size: 16px;
          margin-top: .5rem; }
        #contents.the_crasty section.plan .flex-box a {
          padding: .5rem; }
      #contents.the_crasty section.plan .plan02 .head {
        padding-top: 0; }
      #contents.the_crasty section.plan .plan02 .copy {
        font-size: 20px;
        margin-bottom: .5rem; }
      #contents.the_crasty section.about-price dl {
        border: 1px solid #7d7d7d; }
        #contents.the_crasty section.about-price dl dt {
          font-size: 20px;
          padding: .5rem; }
        #contents.the_crasty section.about-price dl dd {
          font-size: 14px; }
      #contents.the_crasty section.spec h3 {
        font-size: 40px;
        margin-bottom: 20px; }
      #contents.the_crasty section.spec .box .box-ttl {
        font-size: 20px;
        line-height: 1.35; }
      #contents.the_crasty section.spec .box .text {
        font-size: 14px;
        margin-top: .75rem; }
      #contents.the_crasty section.spec .box .head {
        font-size: 16px;
        margin-bottom: .5rem; }
      #contents.the_crasty section.spec .box1 .flex-box {
        display: block; }
        #contents.the_crasty section.spec .box1 .flex-box img {
          margin-top: 10px;
          width: 100%; }
      #contents.the_crasty section.spec .box1 .ua {
        margin: 1rem 0; }
        #contents.the_crasty section.spec .box1 .ua .num {
          display: block;
          font-size: 20px;
          margin: 0 auto 5px;
          padding: 8px 8px 10px; }
          #contents.the_crasty section.spec .box1 .ua .num span {
            display: block;
            padding-bottom: 12px;
            width: 100%; }
            #contents.the_crasty section.spec .box1 .ua .num span + span {
              border-top: 1px solid #fff;
              border-left: none;
              padding-top: 8px;
              padding-bottom: 0;
              width: 100%; }
        #contents.the_crasty section.spec .box1 .ua .table .table-width {
          overflow: scroll; }
          #contents.the_crasty section.spec .box1 .ua .table .table-width img {
            width: 900px; }
        #contents.the_crasty section.spec .box1 .ua .notes {
          font-size: 10px;
          text-align: left; }
      #contents.the_crasty section.spec .box2 {
        margin-top: 3rem; }
        #contents.the_crasty section.spec .box2 .content .head {
          margin-top: 1rem; }
        #contents.the_crasty section.spec .box2 .content figure {
          width: 100%; }
          #contents.the_crasty section.spec .box2 .content figure img {
            margin: .75rem 0; }
          #contents.the_crasty section.spec .box2 .content figure figcaption {
            font-size: 10px; }
      #contents.the_crasty section.spec .box3 {
        margin-top: 3rem; }
        #contents.the_crasty section.spec .box3 .flex-box {
          display: block; }
          #contents.the_crasty section.spec .box3 .flex-box .txt-box {
            width: 100%; }
          #contents.the_crasty section.spec .box3 .flex-box .img {
            margin: auto;
            width: 50%; }
        #contents.the_crasty section.spec .box3 .head {
          margin-top: 1rem; }
        #contents.the_crasty section.spec .box3 .u-num p {
          font-size: 13px;
          padding: .5rem; }
          #contents.the_crasty section.spec .box3 .u-num p.num {
            font-size: 40px;
            margin-right: .5rem; }
      #contents.the_crasty section.spec .box4 {
        margin-top: 3rem; }
        #contents.the_crasty section.spec .box4 .flex-box {
          display: block; }
          #contents.the_crasty section.spec .box4 .flex-box .txt-box {
            width: 100%; }
            #contents.the_crasty section.spec .box4 .flex-box .txt-box img {
              margin-top: .5rem;
              max-width: 445px;
              width: 100%; }
          #contents.the_crasty section.spec .box4 .flex-box .img {
            margin-top: 1rem;
            width: 100%; }
      #contents.the_crasty section.spec .box5 {
        margin-top: 3rem; }
        #contents.the_crasty section.spec .box5 p.nopc {
          margin-top: 1rem; }
        #contents.the_crasty section.spec .box5 figure {
          display: grid;
          gap: 1.5rem;
          margin-top: 1rem; }
      #contents.the_crasty section.spec .box6 {
        margin-top: 3rem; }
        #contents.the_crasty section.spec .box6 .box-ttl {
          margin-bottom: 1rem; }
          #contents.the_crasty section.spec .box6 .box-ttl span {
            display: block; }
        #contents.the_crasty section.spec .box6 .flex-box {
          display: grid;
          gap: 1rem; }
          #contents.the_crasty section.spec .box6 .flex-box figure {
            width: 100%; }
            #contents.the_crasty section.spec .box6 .flex-box figure + figure {
              width: 100%; }
        #contents.the_crasty section.spec .box6 ul {
          margin-top: 1rem; }
          #contents.the_crasty section.spec .box6 ul li {
            font-size: 12px; }
      #contents.the_crasty section.map h3 {
        font-size: 40px;
        margin-bottom: 20px; }
      #contents.the_crasty section.map .name {
        font-size: 20px;
        margin: 1rem 0; }
        #contents.the_crasty section.map .name span {
          padding: 0 10px; }
          #contents.the_crasty section.map .name span.big {
            font-size: 30px; }
      #contents.the_crasty section.map .grid-box {
        grid-template-columns: repeat(1, 1fr);
        gap: 0; }
      #contents.the_crasty section.map .map-width + .map-width {
        margin-top: 50px; }
        #contents.the_crasty section.map .map-width + .map-width .flex-box {
          margin-bottom: 0; }
      #contents.the_crasty section.map .head {
        font-size: 16px;
        margin-bottom: .75rem;
        padding: .75rem; }
      #contents.the_crasty section.map .address {
        margin-top: 0; }
        #contents.the_crasty section.map .address span {
          font-size: 16px; }
          #contents.the_crasty section.map .address span.num a {
            font-size: 25px; }
      #contents.the_crasty section.tel-contact .box {
        padding: 5% 5% 7%; }
      #contents.the_crasty section.tel-contact p {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: .75rem; }
      #contents.the_crasty section.tel-contact a {
        width: 100%; } }
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: SP */

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