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

 file name  : spa-wellness.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
@font-face {
  font-family: "itc-new-baskerville";
  src: url("../fonts/itc-new-baskerville.otf") format("otf"), url("../fonts/itc-new-baskerville-black.otf") format("otf"), url("../fonts/OpenSans-Regular-webfont.otf") format("otf"), url("../fonts/itc-new-baskerville-black-italic.otf") format("otf"), url("../fonts/itc-new-baskerville-bold.otf") format("otf");
}
@font-face {
  font-family: "ionicons";
  src: url("../fonts/ionicons.eot") format("eot"), url("../fonts/ionicons.svg") format("svg"), url("../fonts/ionicons.ttf") format("ttf"), url("../fonts/ionicons.woff") format("woff"), url("../fonts/ionicons.woff2") format("woff2");
}
.over {
  -webkit-transition: .3s;
  transition: .3s;
}
.over:hover {
  opacity: .8;
  -webkit-transition: .3s;
  transition: .3s;
}

.con_intro {
  max-width: 1280px;
  margin-inline: auto;
  margin-bottom: 120px;
  width: 100%;
  position: relative;
  margin-bottom: 120px;
  padding-bottom: 80px;
  text-align: center;
  z-index: 1;
}
.con_intro:after {
  content: '';
  position: absolute;
  width: 1920px;
  height: 492px;
  top: 300px;
  left: 0;
  right: 0;
  background-color: #f3f3f3;
  z-index: -1;
  margin-inline: calc(50% - 50vw);
}
.con_intro .txt_catch {
  margin-bottom: 80px;
}

.con_menu {
  max-width: 1280px;
  margin-inline: auto;
  margin-bottom: 120px;
  width: 100%;
  margin-bottom: 160px;
  text-align: center;
}
.con_menu .txt_st {
  margin-bottom: 80px;
}
.con_menu .box_nav_page {
  margin-bottom: 80px;
}
.con_menu .box_menu {
  margin-bottom: 120px;
  padding-top: 20px;
}
.con_menu .box_menu:last-of-type {
  margin-bottom: 0;
}