.pc {
  display: block; }

.sp {
  display: none; }

@media (max-width: 640px) {
  .pc {
    display: none; }

  .sp {
    display: block; } }
/* modelroom
------------------------------------------------- */
#modelroom-guide {
  background: #f7f8f8;
  padding: 100px 0 100px; }
  #modelroom-guide .inner {
    max-width: 1200px;
    margin: 0 auto; }
    #modelroom-guide .inner h3 {
      margin-bottom: 30px;
      text-align: center;
      font-size: 36px;
      letter-spacing: 0.05em; }
    #modelroom-guide .inner .bxslider img {
      width: auto;
      max-height: 800px; }
    #modelroom-guide .inner .txt {
      margin: 60px 0 20px;
      text-align: center;
      font-size: 16px;
      line-height: 2.0; }
    #modelroom-guide .inner .btn {
      text-align: center; }
      #modelroom-guide .inner .btn a {
        display: inline-block;
        background: #b3af70;
        padding: 0.8em 20px;
        color: #fff; }

@media (max-width: 767px) {
  #modelroom-guide {
    padding: 10% 0 10%; }
    #modelroom-guide .inner {
      max-width: 94%; }
      #modelroom-guide .inner h3 {
        margin-bottom: 5%;
        font-size: 24px;
        line-height: 1.4; }
      #modelroom-guide .inner .bxslider img {
        max-height: 250px; }
      #modelroom-guide .inner .txt {
        margin-top: 8%;
        font-size: 14px; }
      #modelroom-guide .inner .btn a {
        padding: 0.5em 15px; } }
#modelroom-public {
  padding: 100px 0 100px; }
  #modelroom-public .inner {
    max-width: 1200px;
    margin: 0 auto; }
    #modelroom-public .inner h3 {
      margin-bottom: 30px;
      text-align: center;
      font-size: 36px;
      letter-spacing: 0.05em; }
    #modelroom-public .inner .txt {
      margin-bottom: 60px;
      text-align: center;
      font-size: 16px;
      line-height: 2.0; }
    #modelroom-public .inner .threeD {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #modelroom-public .inner .threeD li {
        width: 24%; }
        #modelroom-public .inner .threeD li h4 {
          margin-bottom: 20px;
          text-align: center;
          font-weight: bold; }
        #modelroom-public .inner .threeD li .threeD__iframe {
          height: 350px;
          margin-bottom: 20px;
          position: relative; }
          #modelroom-public .inner .threeD li .threeD__iframe iframe {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
        #modelroom-public .inner .threeD li .btn {
          text-align: center; }
          #modelroom-public .inner .threeD li .btn a {
            display: inline-block;
            background: #2196F3;
            padding: 0.5em 10px;
            color: #fff;
            font-size: 14px; }

@media (max-width: 767px) {
  #modelroom-public {
    padding: 10% 0 10%; }
    #modelroom-public .inner {
      max-width: 94%; }
      #modelroom-public .inner h3 {
        margin-bottom: 5%;
        font-size: 24px;
        line-height: 1.4; }
      #modelroom-public .inner .txt {
        margin-bottom: 8%;
        font-size: 14px; }
      #modelroom-public .inner .threeD li {
        width: 48%; }
        #modelroom-public .inner .threeD li:nth-child(-n+2) {
          margin-bottom: 10%; }
        #modelroom-public .inner .threeD li h4 {
          margin-bottom: 4%; }
        #modelroom-public .inner .threeD li .threeD__iframe {
          height: 300px;
          margin-bottom: 6%; }
        #modelroom-public .inner .threeD li .btn a {
          padding: 0.3em 8px;
          font-size: 12px; } }
#modelroom-access {
  background: #f7f8f8;
  padding: 100px 0 100px; }
  #modelroom-access .inner {
    max-width: 1200px;
    margin: 0 auto; }
    #modelroom-access .inner h3 {
      margin-bottom: 30px;
      text-align: center;
      font-size: 36px;
      letter-spacing: 0.05em; }
    #modelroom-access .inner .txt {
      margin-bottom: 60px;
      text-align: center;
      font-size: 16px;
      line-height: 2.0; }
    #modelroom-access .inner iframe {
      width: 100%;
      height: 600px; }

@media (max-width: 767px) {
  #modelroom-access {
    padding: 10% 0 10%; }
    #modelroom-access .inner {
      max-width: 94%; }
      #modelroom-access .inner h3 {
        margin-bottom: 5%;
        font-size: 24px;
        line-height: 1.4; }
      #modelroom-access .inner .txt {
        margin-bottom: 8%;
        font-size: 14px; }
      #modelroom-access .inner iframe {
        height: 400px; } }