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

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
.con_icon, .con_location .box_txt .info, .con_si div.box_info {
  max-width: 1214px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_icon, .con_location .box_txt .info, .con_si div.box_info {
    width: 95%;
  }
}

.con_ins .box_ins ul:after {
  content: "";
  display: table;
  clear: both;
}

/* Hover animation */
#page {
  overflow: hidden;
}

/* -----------------------------------------------------------
	con_mainslide
----------------------------------------------------------- */
.con_mainslide {
  position: relative;
  z-index: 100;
}
.con_mainslide .slick-slide img {
  max-width: none;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_mainslide .slick-dots {
    bottom: 21%;
  }
}
.con_mainslide .box_txt {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 38%;
  left: 0;
}
.con_mainslide .box_txt h2 {
  display: inline-block;
  font-weight: normal;
}
.con_mainslide .box_txt h2 img {
  vertical-align: text-bottom;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_mainslide .box_txt h2 img {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_mainslide .box_txt h2 img {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .con_mainslide .box_txt h2 img {
    width: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_mainslide .box_txt h2 img {
    width: 25px;
  }
}
.con_mainslide .box_txt h2 span {
  color: #fff;
  font-family: "EB Garamond", serif;
  line-height: 1;
}
.con_mainslide .box_txt h2 span.larg {
  font-size: 438%;
  display: inline-block;
  line-height: 80%;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .con_mainslide .box_txt h2 span.larg {
    font-size: 313%;
  }
}
@media only screen and (max-width: 767px) {
  .con_mainslide .box_txt h2 span.larg {
    font-size: 188%;
  }
}
.con_mainslide .box_txt h2 span.larg:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 11.2963%;
  left: -14.81481%;
  background: transparent url(../images/common/logo-pc.png) no-repeat left center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .con_mainslide .box_txt h2 span.larg:before {
    background: transparent url(../images/common/logo-sp.png) no-repeat left center;
    background-size: contain;
  }
}
.con_mainslide .box_txt h2 span.small {
  font-size: 313%;
}
@media only screen and (max-width: 1024px) {
  .con_mainslide .box_txt h2 span.small {
    font-size: 219%;
  }
}
@media only screen and (max-width: 767px) {
  .con_mainslide .box_txt h2 span.small {
    font-size: 157%;
  }
}

/* -----------------------------------------------------------
	con_icon
----------------------------------------------------------- */
.con_icon {
  padding: 30px 0 50px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_icon {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_icon {
    padding: 30px 0 10px;
  }
}
.con_icon .box_icon div {
  width: 12%;
  float: left;
  position: relative;
  z-index: 100;
  margin: 0 2.3%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_icon .box_icon div {
    margin: 0 2.3%;
  }
}
@media only screen and (max-width: 767px) {
  .con_icon .box_icon div {
    margin: 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_icon .box_icon div {
    width: 33.3%;
    padding: 0 1%;
    margin-bottom: 15px;
  }
}
.con_icon .box_icon div p {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_icon .box_icon div p {
    font-size: 75%;
  }
}
.con_icon .box_icon div p.photo {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_icon .box_icon div p.photo {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_icon .box_icon div p.photo {
    margin-bottom: 10px;
  }
}
.con_icon .box_icon div p.photo img {
  margin: 0 auto;
}
.con_icon .box_icon div p.txt {
  font-size: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_icon .box_icon div p.txt {
    font-size: 69%;
  }
}
@media only screen and (max-width: 767px) {
  .con_icon .box_icon div p.txt {
    font-size: 69%;
  }
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
  text-align: center;
  position: relative;
  padding-top: 240px;
  margin-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
    padding-top: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    margin-bottom: 40px;
  }
}
.con_intro:before, .con_intro:after {
  content: '';
  position: absolute;
  width: 18.25%;
  height: 72px;
  top: 168px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro:before, .con_intro:after {
    top: 107px;
  }
}
.con_intro:before {
  background: transparent url(../images/home/bg_intro_top_1.png) no-repeat left bottom;
  background-size: 100% auto;
  left: 11.5%;
}
@media only screen and (max-width: 1200px) {
  .con_intro:before {
    left: 3%;
  }
}
@media print {
  .con_intro:before {
    left: 3%;
  }
}
.ie8 .con_intro:before {
  left: 3%;
}
@media only screen and (max-width: 1024px) {
  .con_intro:before {
    display: none;
  }
}
.con_intro:after {
  background: transparent url(../images/home/bg_intro_top_2.png) no-repeat left bottom;
  background-size: 100% auto;
  right: 11.5%;
}
@media only screen and (max-width: 1200px) {
  .con_intro:after {
    right: 3%;
  }
}
@media print {
  .con_intro:after {
    right: 3%;
  }
}
.ie8 .con_intro:after {
  right: 3%;
}
@media only screen and (max-width: 1024px) {
  .con_intro:after {
    display: none;
  }
}
.con_intro .photo {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_intro .photo img {
    margin-top: 10px;
  }
}
.con_intro .photo:before {
  display: none;
  content: '';
  position: absolute;
  width: 39.53125%;
  left: 29.6875%;
  height: 127px;
  top: -127px;
  z-index: 50;
  background: transparent url(../images/home/bg_intro_top.png) no-repeat left bottom;
  background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
  .con_intro .photo:before {
    display: none;
  }
}
.con_intro .photo:after {
  display: none;
  content: '';
  position: absolute;
  width: 87.03125%;
  left: 6.40625%;
  height: 279px;
  bottom: -279px;
  z-index: 50;
  background: transparent url(../images/home/bg_intro_bottom.png) no-repeat left top;
  background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
  .con_intro .photo:after {
    display: none;
  }
}
.con_intro .box_txt {
  width: 40%;
  position: absolute;
  top: 250px;
  left: 30%;
  padding-top: 50px;
}
@media only screen and (max-width: 1600px) {
  .con_intro .box_txt {
    padding-top: 20px;
  }
}
@media print {
  .con_intro .box_txt {
    padding-top: 20px;
  }
}
.ie8 .con_intro .box_txt {
  padding-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_txt {
    top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt {
    width: 100%;
    position: static;
    padding: 15px 0 20px;
    background-color: #f1f1f1;
  }
}
.con_intro .box_txt:before {
  content: '';
  width: 570px;
  height: 570px;
  position: absolute;
  top: -295px;
  left: 50%;
  margin-left: -285px;
  background: transparent url(../images/home/bg_intro_center.png);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Safari */
  transform: rotate(-45deg);
  z-index: 50;
}
@media only screen and (max-width: 1800px) {
  .con_intro .box_txt:before {
    width: 500px;
    height: 500px;
    position: absolute;
    top: -250px;
    margin-left: -250px;
  }
}
@media print {
  .con_intro .box_txt:before {
    width: 500px;
    height: 500px;
    position: absolute;
    top: -250px;
    margin-left: -250px;
  }
}
.ie8 .con_intro .box_txt:before {
  width: 500px;
  height: 500px;
  position: absolute;
  top: -250px;
  margin-left: -250px;
}
@media only screen and (max-width: 1600px) {
  .con_intro .box_txt:before {
    width: 420px;
    height: 420px;
    position: absolute;
    top: -200px;
    margin-left: -210px;
  }
}
@media print {
  .con_intro .box_txt:before {
    width: 420px;
    height: 420px;
    position: absolute;
    top: -200px;
    margin-left: -210px;
  }
}
.ie8 .con_intro .box_txt:before {
  width: 420px;
  height: 420px;
  position: absolute;
  top: -200px;
  margin-left: -210px;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt:before {
    display: none;
  }
}
.con_intro .box_txt .info {
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_txt .info {
    margin-top: 30px;
  }
}
.con_intro .box_txt .info h3 {
  font-weight: normal;
  color: #008fe1;
  font-family: "Times New Roman", Georgia, Serif;
  font-size: 219%;
  margin-bottom: 30px;
  line-height: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_txt .info h3 {
    font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .info h3 {
    font-size: 144%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_txt .info h3 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .info h3 {
    margin-bottom: 15px;
  }
}
.con_intro .box_txt .info .txt {
  font-family: "Times New Roman", Georgia, Serif;
  font-size: 113%;
  line-height: 1.8;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_txt .info .txt {
    font-size: 94%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .info .txt {
    font-size: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_txt .info .txt {
    line-height: 1.5;
    padding: 0 1em;
    text-align: left;
  }
}

/* -----------------------------------------------------------
	con_location
----------------------------------------------------------- */
.con_location {
  margin-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_location {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_location {
    margin-bottom: 40px;
  }
}
.con_location .box_lo {
  position: relative;
}
.con_location .box_lo .photo {
  position: relative;
}
.con_location .box_lo .photo img {
  max-width: none;
  width: 100%;
}
.con_location .box_lo .photo .btn_zoom {
  display: block;
  position: absolute;
  right: 3%;
  bottom: 3%;
  z-index: 10;
  width: 9%;
  height: 10%;
  color: transparent;
  background: transparent none;
  border: 0 none;
}
.con_location .box_lo .pin {
  position: absolute;
  right: 9%;
  top: 20%;
  left: auto;
  bottom: auto;
  width: 38.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_location .box_lo .pin {
    top: 35%;
    right: -9%;
    width: 58%;
  }
}
@media only screen and (max-width: 767px) {
  .con_location .box_lo .pin {
    position: static;
    width: 100%;
  }
}
.con_location .box_lo .btn_black {
  position: absolute;
  bottom: 7.47664%;
  left: 32.9%;
  z-index: 50;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_location .box_lo .btn_black {
    left: 19%;
    bottom: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .con_location .box_lo .btn_black {
    position: static;
    width: 95%;
    margin: 20px 0;
  }
}
.con_location .box_lo .btn_black a {
  width: 310px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1024px) {
  .con_location .box_lo .btn_black a {
    width: 230px;
  }
}
.con_location .box_txt {
  background: transparent url(../images/home/bg_location2.jpg);
  padding: 40px 0 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_location .box_txt {
    padding: 18px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_location .box_txt {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_location .box_txt {
    position: static;
    width: 100%;
    margin: 0 0 20px;
  }
}
.con_location .box_txt .info {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .con_location .box_txt .info {
    margin-bottom: 1.5em;
  }
}
.con_location .box_txt .info h4 {
  font-weight: normal;
  font-size: 188%;
  margin-bottom: 20px;
  font-family: "Times New Roman", Georgia, Serif;
}
@media only screen and (max-width: 1024px) {
  .con_location .box_txt .info h4 {
    font-size: 144%;
  }
}
@media only screen and (max-width: 767px) {
  .con_location .box_txt .info h4 {
    font-size: 125%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_location .box_txt .info h4 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_location .box_txt .info h4 {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_location .box_txt .info h4 {
    width: 50%;
    line-height: 1.2em;
  }
}
.con_location .box_txt .info .txt {
  line-height: 1.8;
  position: relative;
  padding-left: 4.94234%;
  width: 51.89456%;
  font-size: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_location .box_txt .info .txt {
    font-size: 94%;
  }
}
@media only screen and (max-width: 767px) {
  .con_location .box_txt .info .txt {
    font-size: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_location .box_txt .info .txt {
    width: 52%;
    line-height: 1.7em;
  }
}
@media only screen and (max-width: 767px) {
  .con_location .box_txt .info .txt {
    width: 100%;
    padding-left: 10%;
  }
}
.con_location .box_txt .info .txt:before {
  content: '';
  position: absolute;
  width: 7.93651%;
  left: 0;
  top: 15px;
  height: 2px;
  background: #262626;
}
.con_location .box_txt .btn_access_clone a {
  width: 80%;
}

/* -----------------------------------------------------------
	con_si
----------------------------------------------------------- */
.con_si {
  position: relative;
  z-index: 50;
  margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_si {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .con_si {
    margin-bottom: 40px;
  }
}
.con_si .box_si {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_si .box_si {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_si .box_si {
    margin-bottom: 20px;
  }
}
.con_si .box_si .box {
  position: relative;
  margin: 0 1px;
}
.con_si .box_si .box .photos {
  margin: 0 0 2px;
}
.con_si .box_si .box .photos img {
  width: 100%;
}
.con_si .box_si .box .photos .txt {
  position: absolute;
  bottom: 40%;
  width: 100%;
  left: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_si .box_si .box .photos .txt {
    bottom: 50%;
  }
}
.con_si .box_si .box .photos .txt span {
  display: inline-block;
  font-family: "Times New Roman", Georgia, Serif;
  background: rgba(255, 255, 255, 0.5);
  padding: .1em 1em;
}
.con_si .box_si .box .photos .txt span.larg {
  font-size: 188%;
  margin: 0 0 5px;
  max-width: 90%;
  line-height: 1.2;
}
@media only screen and (max-width: 1024px) {
  .con_si .box_si .box .photos .txt span.larg {
    font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_si .box_si .box .photos .txt span.larg {
    font-size: 125%;
  }
}
.con_si .box_si .box .photos .txt span.small {
  font-size: 88%;
}
@media only screen and (max-width: 1024px) {
  .con_si .box_si .box .photos .txt span.small {
    font-size: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_si .box_si .box .photos .txt span.small {
    font-size: 82%;
  }
}
.con_si .box_si .box .btn a {
  text-align: center;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #008fe1;
  border: 1px solid #008fe1;
  font-size: 100%;
  padding: .75em 0;
}
@media only screen and (max-width: 1024px) {
  .con_si .box_si .box .btn a {
    font-size: 94%;
  }
}
@media only screen and (max-width: 767px) {
  .con_si .box_si .box .btn a {
    font-size: 88%;
  }
}
.con_si .box_si .box .btn a i {
  vertical-align: middle;
}
.con_si .box_si .box .btn a:hover {
  color: #008fe1;
  background: #fff;
}
.con_si .box_si .slick-arrow {
  position: absolute;
  top: 50%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  z-index: 100;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .con_si .box_si .slick-arrow {
    top: 45.5%;
  }
}
.con_si .box_si .slick-arrow i {
  font-size: 375%;
  color: #008FE1;
  line-height: 0;
}
.con_si .box_si .slick-arrow i:before {
  line-height: 0;
}
.con_si .box_si .slick-arrow.slick-prev {
  left: 1.5%;
}
.con_si .box_si .slick-arrow.slick-next {
  right: 1.5%;
}
.con_si .btn_black {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_si .btn_black {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_si .btn_black {
    margin-bottom: 30px;
  }
}
.con_si .btn_black a {
  width: 300px;
}
.con_si div.box_info h4 {
  font-weight: normal;
  font-size: 157%;
  margin-bottom: 15px;
  font-family: "Times New Roman", Georgia, Serif;
}
@media only screen and (max-width: 1024px) {
  .con_si div.box_info h4 {
    font-size: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .con_si div.box_info h4 {
    font-size: 113%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_si div.box_info h4 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_si div.box_info h4 {
    margin-bottom: 5px;
  }
}
.con_si div.box_info .txt {
  line-height: 1.8;
  position: relative;
  padding-left: 5.21739%;
  font-size: 100%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .con_si div.box_info .txt {
    font-size: 94%;
  }
}
@media only screen and (max-width: 767px) {
  .con_si div.box_info .txt {
    font-size: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_si div.box_info .txt {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_si div.box_info .txt {
    margin-bottom: 15px;
  }
}
.con_si div.box_info .txt:before {
  content: '';
  position: absolute;
  width: 4.34783%;
  left: 0;
  top: 15px;
  height: 1px;
  background: #262626;
}
.con_si div.box_info .box_pricelist {
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .con_si div.box_info .box_pricelist {
    -webkit-overflow-scrolling: touch;
  }
}
.con_si div.box_info .box_pricelist .tbl_basic_s {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_si div.box_info .box_pricelist .tbl_basic_s {
    overflow-x: scroll;
    width: auto;
    white-space: nowrap;
    empty-cells: show;
    margin-bottom: 10px;
  }
}
.con_si div.box_info .txt_swipe {
  font-size: 88%;
  padding: 0.2em 0.5em 0.5em;
}
@media only screen and (min-width: 768px) {
  .con_si div.box_info .txt_swipe {
    display: none;
  }
}
@media print {
  .con_si div.box_info .txt_swipe {
    display: none;
  }
}
.ie8 .con_si div.box_info .txt_swipe {
  display: none;
}

/* -----------------------------------------------------------
	con_si
----------------------------------------------------------- */
.con_ins {
  margin-bottom: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ins {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_ins {
    margin-bottom: 60px;
  }
}
.con_ins .box_ins {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ins .box_ins {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_ins .box_ins {
    margin-bottom: 20px;
  }
}
.con_ins .box_ins ul li {
  float: left;
  width: 16.66667%;
  padding: 1px;
}
@media only screen and (max-width: 1024px) {
  .con_ins .box_ins ul li {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .con_ins .box_ins ul li {
    width: 33.33333%;
  }
}
.con_ins .box_ins ul li img {
  width: 100%;
  max-width: none;
}
.con_ins .box_ins .err {
  text-align: center;
  font-family: "Times New Roman", Georgia, Serif;
  color: red;
}
.con_ins .box_ins .noimage {
  text-align: center;
  font-family: "Times New Roman", Georgia, Serif;
  color: #008fe1;
}
.con_ins .btn_black a {
  width: 300px;
}