@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*$bpPC: "print,screen and (min-width:835px)";
$bpTB: "screen and (min-width:601px) and (max-width:834px)";
$bpSP: "only screen and (max-width: 600px)";
$bpTBSP: "screen and (max-width:834px)";*/
#design .sec00 {
  padding-top: 30px; }
  #design .sec00 .tit {
    height: 80px;
    margin: 0 auto 50px; }
    #design .sec00 .tit img {
      width: auto;
      height: 100%; }
  #design .sec00 .catch {
    letter-spacing: .15em; }
#design .sec {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #design .sec:not(:last-child) {
    margin-bottom: 100px; }
  #design .sec .text {
    text-align: left; }
    #design .sec .text .en.enT {
      font-size: 28px;
      letter-spacing: .15em;
      margin-bottom: 20px; }
    #design .sec .text .catch {
      font-size: 27px;
      letter-spacing: .15em;
      margin-bottom: 20px; }
    #design .sec .text .read {
      text-align: justify;
      text-justify: inter-ideograph; }
#design .sec01.sec {
  align-items: center; }
  #design .sec01.sec .ph {
    width: 48%; }
  #design .sec01.sec .text {
    width: 48%;
    padding-right: calc((100% - 1200px) / 2); }
#design .sec02.sec .ph {
  height: 0;
  width: 100%;
  padding-top: 36%; }
  #design .sec02.sec .ph img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10; }
#design .sec02.sec .text {
  margin-top: 40px; }
#design .sec03.sec .ph {
  height: 0;
  width: 100%;
  padding-top: 36%; }
  #design .sec03.sec .ph img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10; }
#design .sec03.sec .text {
  margin-top: 40px; }
#design .sec04.sec .ph {
  height: 0;
  width: 100%;
  padding-top: 52.65%;
  margin-bottom: 40px; }
  #design .sec04.sec .ph img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10; }
#design .sec04.sec .textWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
#design .sec04.sec .text {
  width: 48%; }
#design .sec04.sec .wifiWrap {
  width: 48%; }
  #design .sec04.sec .wifiWrap .ph {
    margin-bottom: 25px; }
  #design .sec04.sec .wifiWrap .text02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left; }
    #design .sec04.sec .wifiWrap .text02 .logo {
      width: 100px; }
    #design .sec04.sec .wifiWrap .text02 .t {
      font-family: "YakuHanMP", "Shippori Mincho B1", serif;
      font-weight: 500;
      letter-spacing: -.015em;
      -webkit-text-stroke-width: .15px;
      font-size: 18px; }
    #design .sec04.sec .wifiWrap .text02 .read {
      width: 100%;
      margin-top: 10px; }
#design .sec05.sec .ph {
  margin-bottom: 40px; }
@media only screen and (max-width: 834px) {
  #design .sec00 {
    padding-top: 10px; }
    #design .sec00 .tit {
      height: 60px;
      margin: 0 auto 20px; }
      #design .sec00 .tit img {
        width: auto;
        height: 100%; }
  #design .sec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #design .sec:not(:last-child) {
      margin-bottom: 50px; }
    #design .sec .text {
      text-align: left;
      padding: 20px 6.5% 0; }
      #design .sec .text .en.enT {
        font-size: 18px;
        margin-bottom: 10px; }
      #design .sec .text .catch {
        font-size: 20px;
        margin-bottom: 15px; }
  #design .sec01.sec {
    flex-direction: column; }
    #design .sec01.sec .ph {
      width: 100%; }
    #design .sec01.sec .text {
      width: 100%;
      padding-right: 5%; }
  #design .sec02.sec .ph {
    height: 0;
    width: 100%;
    padding-top: 56.25%; }
  #design .sec02.sec .text {
    margin-top: 0px; }
  #design .sec03.sec .ph {
    height: 0;
    width: 100%;
    padding-top: 42%; }
  #design .sec03.sec .text {
    margin-top: 0px; }
  #design .sec04.sec .ph {
    height: 0;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 0px; }
  #design .sec04.sec .text {
    width: 100%; }
  #design .sec04.sec .wifiWrap {
    width: 90%;
    margin: 20px auto 0; }
    #design .sec04.sec .wifiWrap .ph {
      margin-bottom: 15px; }
    #design .sec04.sec .wifiWrap .text02 .logo {
      width: 90px;
      margin-right: 10px; }
    #design .sec04.sec .wifiWrap .text02 .t {
      font-size: 19px; }
    #design .sec04.sec .wifiWrap .text02 .read {
      width: 100%;
      margin-top: 6px;
      font-size: 15px; }
  #design .sec05.sec .ph {
    margin-bottom: 0px;
    height: 0;
    width: 100%;
    padding-top: 62.25%; }
    #design .sec05.sec .ph img {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      margin: auto;
      z-index: 10; } }