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

 file name  : clublounge.css
 author     : Ability Consultant
 style info : クラブラウンジ
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_lounge, .con_srv, .con_type {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

/*Animate */
.tit {
  font-weight: normal;
  font-family: "Playfair Display", serif;
  font-size: 188%;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  color: #000;
}

.tit_s .en {
  letter-spacing: 0.2em !important;
}

.con_srv {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_srv {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .con_srv {
    margin-top: 10%;
  }
}
.con_srv .box_srv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.con_srv .box_srv .info {
  margin-top: 1em;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 88%;
  line-height: 1.4em;
}
.con_srv .box_srv .info dt {
  margin-right: 1em;
}
.con_srv .box_srv .btn_more {
  margin-top: 1em;
}
@media only screen and (min-width: 768px) {
  .con_srv .box_srv {
    margin-top: 64px;
  }
  .con_srv .box_srv .i {
    width: 40%;
    margin-right: 3%;
  }
  .con_srv .box_srv .txt_s {
    margin-top: 32px;
  }
  .con_srv .box_srv > div {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_srv .box_srv .i {
    width: 40%;
  }
  .con_srv .box_srv .txt_s {
    margin-top: 24px;
  }
}

@media print {
  .con_srv .box_srv {
    margin-top: 64px;
  }
  .con_srv .box_srv .i {
    width: 40%;
    margin-right: 3%;
  }
  .con_srv .box_srv .txt_s {
    margin-top: 32px;
  }
  .con_srv .box_srv > div {
    width: 100%;
  }
}
.ie8 .con_srv .box_srv {
  margin-top: 64px;
}
.ie8 .con_srv .box_srv .i {
  width: 40%;
  margin-right: 3%;
}
.ie8 .con_srv .box_srv .txt_s {
  margin-top: 32px;
}
.ie8 .con_srv .box_srv > div {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ie8 .con_srv .box_srv .i {
    width: 40%;
  }
  .ie8 .con_srv .box_srv .txt_s {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .con_srv .box_srv {
    margin-top: 8%;
  }
  .con_srv .box_srv .i {
    width: 42%;
    margin-right: 5%;
  }
  .con_srv .box_srv .txt_s {
    margin-top: 1em;
  }
}
.con_srv .box_other {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .con_srv .box_other {
    margin-top: 10%;
  }
}
.con_srv .box_other > ol {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_srv .box_other > ol {
    margin-top: 5%;
  }
}
.con_srv .box_other li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0.3em;
}

.con_type {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_type {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .con_type {
    margin-top: 10%;
  }
}
.con_type .box_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.con_type .box_type > div {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .con_type .box_type > div {
    margin-top: 8%;
  }
}
.con_type .box_type > div .tit {
  font-size: 25px;
  line-height: 1.4em;
  letter-spacing: 0;
  margin-top: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_type .box_type > div .tit {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .con_type .box_type > div .tit {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 768px) {
  .con_type .box_type > div {
    width: 32%;
    margin-right: 1%;
  }
  .con_type .box_type > div:first-of-type {
    margin-right: 1%;
  }
  .con_type .box_type > div:nth-last-of-type(2) {
    margin-right: 1%;
  }
  .con_type .box_type > div:last-of-type {
    margin-right: 0%;
  }
}
@media print {
  .con_type .box_type > div {
    width: 32%;
    margin-right: 1%;
  }
  .con_type .box_type > div:first-of-type {
    margin-right: 1%;
  }
  .con_type .box_type > div:nth-last-of-type(2) {
    margin-right: 1%;
  }
  .con_type .box_type > div:last-of-type {
    margin-right: 0%;
  }
}
.ie8 .con_type .box_type > div {
  width: 32%;
  margin-right: 1%;
}
.ie8 .con_type .box_type > div:first-of-type {
  margin-right: 1%;
}
.ie8 .con_type .box_type > div:nth-last-of-type(2) {
  margin-right: 1%;
}
.ie8 .con_type .box_type > div:last-of-type {
  margin-right: 0%;
}
@media only screen and (max-width: 767px) {
  .con_type .box_type > div {
    width: 48%;
  }
  .con_type .box_type > div:nth-of-type(2n) {
    margin-left: 4%;
  }
}