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

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
.con_information .wrp_news > ul > li a:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
  position: relative;
  z-index: 1;
}
.con_main .box_slide {
  position: relative;
  z-index: 1;
}
.con_main .box_slide .slide {
  height: 530px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .con_main .box_slide .slide {
    height: 400px;
  }
}
.con_main .catch {
  color: #fff;
  position: absolute;
  z-index: 2;
  top: 38%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 186%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  white-space: nowrap;
  text-shadow: 0px 0px 16px black, 0px 0px 16px black, 0px 0px 16px black, 0px 0px 16px black;
}
@media only screen and (max-width: 767px) {
  .con_main .catch {
    font-size: 143%;
    text-align: center;
    line-height: 1.6;
  }
}

/* -----------------------------------------------------------
	.con_information
----------------------------------------------------------- */
.con_information {
  margin: 40px 0;
}
.con_information .wrp_inquiry {
  float: left;
  width: 39.47368%;
}
@media only screen and (max-width: 767px) {
  .con_information .wrp_inquiry {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
}
.con_information .wrp_inquiry .wrp_slide {
  position: relative;
}
.con_information .wrp_inquiry .wrp_slide .box_slide {
  position: relative;
  z-index: 1;
}
.con_information .wrp_inquiry .wrp_slide .box_slide img {
  width: 100%;
}
.con_information .wrp_inquiry .wrp_slide .slick-arrow {
  padding-top: 100%;
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.con_information .wrp_inquiry .txt {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .con_information .wrp_inquiry .txt {
    margin-top: 10px;
  }
}
.con_information .wrp_news {
  float: right;
  width: 57.01754%;
}
@media only screen and (max-width: 767px) {
  .con_information .wrp_news {
    float: none;
    width: 100%;
  }
}
.con_information .wrp_news > ul > li {
  margin-top: 30px;
}
.con_information .wrp_news > ul > li:first-child {
  margin-top: 0;
}
.con_information .wrp_news > ul > li a {
  display: block;
  text-decoration: none;
  position: relative;
  padding-right: 30px;
}
.con_information .wrp_news > ul > li a:hover .title {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .con_information .wrp_news > ul > li a {
    padding-right: 20px;
  }
}
.con_information .wrp_news > ul > li a:hover:before {
  right: -5px;
}
.con_information .wrp_news > ul > li a:before {
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  content: "\f3d3";
  font-family: "Ionicons";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 35px;
  color: #cfc6ad;
}
@media only screen and (max-width: 767px) {
  .con_information .wrp_news > ul > li a:before {
    font-size: 20px;
  }
}
.con_information .wrp_news > ul > li a .img {
  float: left;
  width: 29.23077%;
}
.con_information .wrp_news > ul > li a .box_content {
  float: right;
  width: 66.15385%;
}
.con_information .wrp_news > ul > li a .box_content .info li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.con_information .wrp_news > ul > li a .box_content .info li.date {
  font-family: "Times New Roman", serif;
  font-size: 108%;
}
.con_information .wrp_news > ul > li a .box_content .info li.cate {
  background: #063f74;
  color: #fff;
  text-align: center;
  padding: 0.2em 1em;
  min-width: 5em;
  font-size: 79%;
}
.con_information .wrp_news > ul > li a .box_content .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 158%;
  line-height: 1.5;
}
@media only screen and (max-width: 1024px) {
  .con_information .wrp_news > ul > li a .box_content .title {
    font-size: 129%;
  }
}
.con_information .wrp_news .btn_basic {
  text-align: center;
  margin-top: 25px;
}
.con_information .wrp_pickup {
  clear: both;
  padding: 30px 0 50px 0;
}
.con_information .wrp_pickup ul {
  overflow: hidden;
  margin-left: -1%;
  margin-top: -1%;
}
@media only screen and (max-width: 767px) {
  .con_information .wrp_pickup ul {
    margin-left: -2%;
    margin-top: -2%;
  }
}
.con_information .wrp_pickup ul li {
  float: left;
  width: 24%;
  margin-left: 1%;
  margin-top: 1%;
}
@media only screen and (min-width: 768px) {
  .con_information .wrp_pickup ul li:nth-child(4n+1) {
    clear: both;
  }
}
@media print {
  .con_information .wrp_pickup ul li:nth-child(4n+1) {
    clear: both;
  }
}
.ie8 .con_information .wrp_pickup ul li:nth-child(4n+1) {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .con_information .wrp_pickup ul li {
    width: 100%;
    margin-top: 2%;
  }
  .con_information .wrp_pickup ul li:nth-child(odd) {
    clear: both;
  }
}

/* -----------------------------------------------------------
	.con_packages
----------------------------------------------------------- */
.con_packages {
  margin-top: 80px;
  border-top: 1px solid #dfd1b3;
  background: url(../images/common/bg_texture01.jpg) 0 0 repeat-x;
  background-size: auto 100%;
  padding-top: 40px;
  position: relative;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .con_packages {
    margin-top: 60px;
  }
}
.con_packages:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background: #fffcf4;
}
.con_packages .con_inner .st_high_border {
  border-bottom: 1px solid #cfc6ad;
}
.con_packages .box_tab {
  margin-bottom: 20px;
}
.con_packages .box_tab ul {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_packages .box_tab ul {
    display: none;
  }
}
.con_packages .box_tab ul li {
  padding-left: 1px;
  float: left;
  width: 25%;
}
@media only screen and (min-width: 768px) {
  .con_packages .box_tab ul li:nth-child(4n+1) {
    clear: both;
  }
}
@media print {
  .con_packages .box_tab ul li:nth-child(4n+1) {
    clear: both;
  }
}
.ie8 .con_packages .box_tab ul li:nth-child(4n+1) {
  clear: both;
}
@media only screen and (max-width: 1024px) {
  .con_packages .box_tab ul li {
    font-size: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_packages .box_tab ul li {
    width: 50%;
  }
  .con_packages .box_tab ul li:nth-child(odd) {
    clear: both;
  }
}
.con_packages .box_tab ul li a {
  display: inline-block;
  padding: 0.4em 30px;
  color: #fff !important;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  position: relative;
  font-size: 122%;
  text-align: center;
  min-width: 285px;
  text-decoration: none !important;
  background: #b09d94;
  min-width: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_packages .box_tab ul li a {
    font-size: 108%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
.con_packages .box_tab ul li a:after {
  content: "\f101";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.con_packages .box_tab ul li a:hover {
  background: #470c0c;
}
.con_packages .box_tab ul li a:hover:after {
  right: 8px;
}
.con_packages .box_tab ul li a:hover {
  background: #a59085;
}
.con_packages .box_tab ul li a:after {
  content: "\f103";
}
.con_packages .box_tab ul li a:hover {
  background: #063f74;
}
.con_packages .box_tab ul li a:hover:after {
  right: 12px;
  top: 60%;
}
.con_packages .box_tab ul li.active a {
  background: #063f74;
}
.con_packages .box_tab .box_select {
  display: none;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_packages .box_tab .box_select {
    display: block;
  }
  .con_packages .box_tab .box_select:after {
    content: "\f0dd";
    display: inline-block;
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
    font-family: "FontAwesome";
    font-size: 115%;
  }
}
.con_packages .box_tab .box_select select {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 115%;
  padding: 0.5em;
}
.con_packages .wrp_plan {
  overflow: hidden;
  margin-left: -3.73333333%;
}
@media only screen and (max-width: 767px) {
  .con_packages .wrp_plan {
    margin-left: 0;
  }
}
.con_packages .wrp_plan .box_plan {
  float: left;
  width: 29.6%;
  margin-left: 3.73333333%;
}
@media only screen and (max-width: 767px) {
  .con_packages .wrp_plan .box_plan {
    margin-top: 40px;
    margin-left: 0;
    width: 100%;
    float: none;
  }
  .con_packages .wrp_plan .box_plan:first-child {
    margin-top: 0;
  }
}
.con_packages .wrp_plan .box_plan a {
  display: block;
  text-decoration: none;
}
.con_packages .wrp_plan .box_plan a:hover .title {
  text-decoration: underline;
}
.con_packages .wrp_plan .box_plan .img {
  position: relative;
  overflow: hidden;
}
.con_packages .wrp_plan .box_plan .img img {
  width: 100%;
}
.con_packages .wrp_plan .box_plan .img .caption {
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 129%;
  padding: 0.3em 0.6em;
  width: 100%;
  line-height: 1.5;
}
@media only screen and (max-width: 1024px) {
  .con_packages .wrp_plan .box_plan .img .caption {
    font-size: 100%;
  }
}
.con_packages .wrp_plan .box_plan .img .caption:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  right: 6%;
  width: 140%;
  height: 100%;
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  transform: skewX(45deg);
}
.con_packages .wrp_plan .box_plan .title {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-weight: normal;
  font-size: 158%;
  margin-top: 10px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1024px) {
  .con_packages .wrp_plan .box_plan .title {
    font-size: 129%;
  }
}
.con_packages .wrp_plan .box_plan .box_information {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #cfc6ad;
  display: table;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_packages .wrp_plan .box_plan .box_information {
    display: block;
  }
}
.con_packages .wrp_plan .box_plan .box_information > * {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 1024px) {
  .con_packages .wrp_plan .box_plan .box_information > * {
    display: block;
  }
}
.con_packages .wrp_plan .box_plan .box_information .info ul li {
  font-size: 93%;
  margin-top: 3px;
}
@media only screen and (max-width: 1024px) {
  .con_packages .wrp_plan .box_plan .box_information .info ul li {
    display: inline-block;
  }
}
.con_packages .wrp_plan .box_plan .box_information .info ul li:first-child {
  margin-top: 0;
}
.con_packages .wrp_plan .box_plan .box_information .info ul li span {
  background: #5d1010;
  color: #fff;
  display: inline-block;
  padding: 0 .5em;
}
.con_packages .wrp_plan .box_plan .box_information .price {
  font-size: 122%;
  text-align: right;
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .con_packages .wrp_plan .box_plan .box_information .price {
    font-size: 100%;
    margin-top: 15px;
  }
}
.con_packages .wrp_plan .box_plan .box_information .price strong {
  font-weight: normal;
  color: #5d1010;
  font-family: "Times New Roman", serif;
  font-size: 271%;
}
.con_packages .btn_basic {
  text-align: center;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .con_packages .btn_basic {
    margin-top: 30px;
  }
}

/* -----------------------------------------------------------
	.con_reason
----------------------------------------------------------- */
.con_reason {
  padding-bottom: 40px;
  background: url(../images/home/bg_shadow01.png) center bottom no-repeat;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .con_reason {
    padding-bottom: 20px;
    background-size: 1000px auto;
  }
}
.con_reason .bg {
  background: #29140e;
  padding: 30px 0;
}
.con_reason h2 {
  text-align: center;
  font-weight: normal;
  margin-bottom: 5px;
}
.con_reason h2 span {
  display: inline-block;
  color: #e4c479;
  position: relative;
  padding: 0 30px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 265%;
}
@media only screen and (max-width: 767px) {
  .con_reason h2 span {
    font-size: 129%;
    padding: 0 20px;
  }
}
.con_reason h2 span em {
  font-size: 76%;
}
.con_reason h2 span:before, .con_reason h2 span:after {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  background: #e4c479;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .con_reason h2 span:before, .con_reason h2 span:after {
    width: 14px;
  }
}
.con_reason h2 span:before {
  left: 0;
}
.con_reason h2 span:after {
  right: 0;
}
.con_reason .txt_about {
  text-align: center;
  color: #fff;
  font-size: 172%;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .con_reason .txt_about {
    font-size: 115%;
  }
}
.con_reason .txt_about span {
  display: inline-block;
  border-bottom: 1px solid #e4c479;
}
.con_reason .txt {
  color: #fff;
  text-align: center;
  font-size: 93%;
}
.con_reason .btns {
  margin-top: 25px;
  text-align: center;
}
.con_reason .btns li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
@media only screen and (max-width: 767px) {
  .con_reason .btns li {
    display: block;
    margin: 10px 0 0 0;
  }
}

/* -----------------------------------------------------------
	.con_appeal
----------------------------------------------------------- */
.con_appeal {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.con_appeal:before, .con_appeal:after {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
  height: 500px;
  background: #f3f2ed;
  width: 200%;
  left: -50%;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
@media only screen and (max-width: 1024px) {
  .con_appeal:before, .con_appeal:after {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .con_appeal:before, .con_appeal:after {
    display: none;
  }
}
.con_appeal:before {
  top: -80px;
}
.con_appeal:after {
  top: 1060px;
}
.con_appeal .box_appeal {
  margin-top: 70px;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal {
    margin-top: 50px;
  }
}
.con_appeal .box_appeal .box_title {
  text-align: center;
  font-family: "Times New Roman", serif;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
  .con_appeal .box_appeal .box_title {
    font-size: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal .box_title {
    width: 100% !important;
    float: none !important;
  }
}
.con_appeal .box_appeal .box_title .num {
  line-height: 1;
  margin-bottom: 10px;
}
.con_appeal .box_appeal .box_title .num span {
  display: block;
}
.con_appeal .box_appeal .box_title .num span.sub {
  font-size: 136%;
}
.con_appeal .box_appeal .box_title .num span.main {
  font-size: 858%;
  letter-spacing: -.1ex;
}
.con_appeal .box_appeal .box_title h2 {
  font-weight: normal;
  font-size: 286%;
  line-height: 1;
  text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4), 0px 0px 3px rgba(255, 255, 255, 0.4), 0px 0px 3px rgba(255, 255, 255, 0.4), 0px 0px 3px rgba(255, 255, 255, 0.4), 0px 0px 3px rgba(255, 255, 255, 0.4);
}
.con_appeal .box_appeal .box_content {
  width: 43.5%;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal .box_content {
    width: 100% !important;
    float: none !important;
  }
}
.con_appeal .box_appeal .box_content .catch {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  letter-spacing: .2ex;
  font-size: 286%;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.4;
}
@media only screen and (max-width: 1024px) {
  .con_appeal .box_appeal .box_content .catch {
    font-size: 172%;
  }
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal .box_content .catch {
    font-size: 143%;
  }
}
.con_appeal .box_appeal .box_content .txt {
  line-height: 2;
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.9), 0px 0px 5px rgba(255, 255, 255, 0.9), 0px 0px 5px rgba(255, 255, 255, 0.9), 0px 0px 5px rgba(255, 255, 255, 0.9), 0px 0px 5px rgba(255, 255, 255, 0.9);
}
.con_appeal .box_appeal .wrp_slide {
  margin-top: 40px;
  width: 50%;
  padding-bottom: 40px;
  background: url(../images/home/bg_shadow02.png) center bottom no-repeat;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal .wrp_slide {
    float: none !important;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    background-size: 280px auto;
  }
}
.con_appeal .box_appeal .btn_basic {
  text-align: center;
  margin-top: 25px;
}
.con_appeal .box_appeal.wide {
  margin-top: 0;
  padding-top: 90px;
  min-height: 505px;
  position: relative;
}
.con_appeal .box_appeal.wide:after {
  content: "";
  display: block;
  width: 100%;
  height: 39px;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px solid #ffffff;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal.wide {
    background: none !important;
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.con_appeal .box_appeal.wide .box_title {
  float: left;
  width: 35.96491%;
  padding: 0 20px;
}
.con_appeal .box_appeal.wide .box_title h2 {
  font-size: 393%;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal.wide .box_title h2 {
    font-size: 286%;
  }
}
.con_appeal .box_appeal.wide .bg {
  display: none;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal.wide .bg {
    display: block;
    height: 0;
    padding-top: 38%;
    background-size: cover !important;
    width: 105%;
    margin-left: -2.5%;
    margin-bottom: 20px;
  }
}
.con_appeal .box_appeal.wide .box_content {
  float: right;
  width: 64.03509%;
}
.con_appeal .box_appeal.wide .box_content .catch {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal.wide .box_content .catch {
    text-align: center;
  }
}
.con_appeal .box_appeal.wide .box_content .btn_basic {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal.wide .box_content .btn_basic {
    text-align: center;
  }
}
.con_appeal .box_appeal.appeal01 {
  border-top: 1px solid #d0c7b1;
}
.con_appeal .box_appeal.appeal01:after {
  background: url(../images/home/bg_shadow_appeal.png) center 0 no-repeat;
}
.con_appeal .box_appeal.appeal02 .wrp_slide {
  float: left;
}
.con_appeal .box_appeal.appeal02 .box_content {
  float: right;
}
.con_appeal .box_appeal.appeal03 .wrp_slide {
  float: right;
}
.con_appeal .box_appeal.appeal03 .box_content {
  float: left;
}
.con_appeal .box_appeal.appeal04 {
  margin-top: 150px;
}
@media only screen and (max-width: 767px) {
  .con_appeal .box_appeal.appeal04 {
    padding-top: 0;
    margin-top: 50px;
  }
}
.con_appeal .box_appeal.appeal04 .box_content .catch {
  letter-spacing: 0;
}

/* -----------------------------------------------------------
	.con_access
----------------------------------------------------------- */
.con_access {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .con_access {
    margin-top: 50px;
  }
}
.con_access #map {
  height: 450px;
  background: #ccc;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .con_access #map {
    height: 260px;
  }
}
.con_access .box_access {
  overflow: hidden;
}
.con_access .box_access .img {
  float: left;
  width: 28.94737%;
}
@media only screen and (max-width: 767px) {
  .con_access .box_access .img {
    float: none;
    width: 100%;
  }
  .con_access .box_access .img img {
    width: 100%;
  }
}
.con_access .box_access .box_content {
  width: 67.54386%;
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_access .box_access .box_content {
    float: none;
    width: 100%;
  }
}
.con_access .box_access .box_content h3 {
  font-weight: normal;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  font-size: 179%;
  padding-bottom: 5px;
}
@media only screen and (max-width: 1024px) {
  .con_access .box_access .box_content h3 {
    font-size: 158%;
  }
}
@media only screen and (max-width: 767px) {
  .con_access .box_access .box_content h3 {
    font-size: 129%;
    margin-top: 15px;
  }
}
.con_access .box_access .box_content .box_address {
  float: left;
  width: calc(100% - 320px);
}
@media only screen and (max-width: 1024px) {
  .con_access .box_access .box_content .box_address {
    float: none;
    width: 100%;
  }
}
.con_access .box_access .box_content .box_address address {
  font-size: 115%;
  font-weight: bold;
}
.con_access .box_access .box_content .box_address .txt_tel {
  font-family: "Times New Roman", serif;
  line-height: 1.4;
  font-size: 200%;
}
.con_access .box_access .box_content .box_address .txt_tel a {
  text-decoration: none;
  display: block;
}
.con_access .box_access .box_content .box_address .txt {
  font-size: 93%;
}
.con_access .box_access .box_content .box_address .txt_fax {
  font-size: 115%;
}
.con_access .box_access .box_content .btns {
  float: right;
  width: 310px;
}
@media only screen and (max-width: 1024px) {
  .con_access .box_access .box_content .btns {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_access .box_access .box_content .btns {
    text-align: center;
  }
}
.con_access .box_access .box_content .btns li {
  margin-top: 10px;
}
.con_access .box_access .box_content .btns li:first-child {
  margin-top: 0;
}

/* -----------------------------------------------------------
	.con_instagram
----------------------------------------------------------- */
.con_instagram {
  margin-top: 70px;
}
.con_instagram .box_title {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .con_instagram .box_title {
    max-width: 95%;
    margin: 0 auto 30px auto;
  }
}
.con_instagram .box_title h2 {
  margin-bottom: 15px;
}
.con_instagram ul {
  overflow: hidden;
}
.con_instagram ul li {
  width: 12.5%;
  float: left;
}
@media only screen and (max-width: 1024px) {
  .con_instagram ul li {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .con_instagram ul li {
    width: 33.33333%;
  }
  .con_instagram ul li:last-child {
    display: none;
  }
}
.con_instagram ul li a {
  overflow: hidden;
  position: relative;
  display: block;
  height: 0;
  padding-top: 100%;
  text-decoration: none;
}
.con_instagram ul li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.con_instagram ul li a:hover:before, .con_instagram ul li a:hover .txt {
  opacity: 1;
}
.con_instagram ul li a .photo {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.con_instagram ul li a .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  line-height: 1.3;
  color: #fbf6ef;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0;
}
.con_instagram ul li a .txt p {
  display: inline-block;
  margin: 0 10px;
}
.con_instagram ul li a .txt p i {
  padding-right: 8px;
}
.con_instagram .btn_basic {
  text-align: center;
  margin-top: 30px;
}