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

 file name  : plan.css
 author     : Ability Consultant
 style info : プランページ共通スタイル
=================================================================== */
.con_plan .box_plan .plan-box-inner:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/* -----------------------------------------------------------
	img_intro イントロイメージ画像
----------------------------------------------------------- */
.img_intro {
  overflow: hidden;
  *zoom: 1;
}
.img_intro img {
  width: 100%;
}
.img_intro h3 {
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 139%;
  margin: .5em 0;
}
.img_intro h4 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  text-align: center;
  font-size: 124%;
  font-weight: normal;
}

/* -----------------------------------------------------------
	box_lnk アンカー
----------------------------------------------------------- */
.box_lnk {
  overflow: hidden;
  *zoom: 1;
  margin: 1.2em 0;
}
.box_lnk li {
  float: left;
  width: 19.09091%;
  margin-right: 1.13636%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .box_lnk li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .box_lnk li:nth-child(2n) {
    margin-right: 0;
  }
  .box_lnk li:last-child {
    width: 100%;
  }
}
.box_lnk li:last-child {
  margin-right: 0;
}
.box_lnk li a {
  display: table;
  text-align: center;
  padding: .2em .2em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 124%;
  text-decoration: none;
  font-weight: bold;
  min-height: 52px;
  line-height: 1.2;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_lnk li a span {
  display: table-cell;
  vertical-align: middle;
}
.box_lnk li a span img {
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .box_lnk li a {
    font-size: 110%;
  }
}
@media only screen and (max-width: 767px) {
  .box_lnk li a {
    font-size: 108%;
  }
}

/* -----------------------------------------------------------
	.centering_img
----------------------------------------------------------- */
.centering_img {
  padding: 1em 0;
  margin-bottom: 4em;
}
@media only screen and (max-width: 767px) {
  .centering_img {
    margin-bottom: 2em;
  }
}
.centering_img .box_img {
  text-align: center;
  padding: 1em 0;
}
.centering_img .box_img .txt {
  text-align: center;
}
.centering_img .img {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .centering_img {
    padding: 3%;
    text-align: left;
  }
}
.centering_img h3 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 139%;
  margin: .5em 0;
}

/* -----------------------------------------------------------
	h2 .st_box
----------------------------------------------------------- */
.st_box {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: bold;
  font-size: 170%;
  padding-left: 1em;
}
@media only screen and (max-width: 767px) {
  .st_box {
    padding-left: .5em;
    font-size: 139%;
  }
}
.st_box span {
  font-size: 85%;
}
.st_box small {
  display: block;
}

/* -----------------------------------------------------------
	スタッフ一同お待ちしております
----------------------------------------------------------- */
.j_centering {
  width: 100%;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.j_centering02 {
  text-align: center;
}
.j_centering02 h4 {
  text-align: center;
  font-weight: normal;
  font-size: 139%;
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}

/* -----------------------------------------------------------
	con_plan
----------------------------------------------------------- */
.con_plan h3 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 170%;
}
@media only screen and (max-width: 767px) {
  .con_plan h3 {
    font-size: 139%;
  }
}
.con_plan h3.st_bg {
  font-size: 147%;
  color: #ea5944;
}
@media only screen and (max-width: 767px) {
  .con_plan h3.st_bg {
    font-size: 139%;
  }
}
.con_plan h3.st_bg span {
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1100px) {
  .con_plan h3.st_bg span {
    border-bottom: 0.3em #ffffd9 solid;
  }
}
.con_plan h3.st_bg span:before {
  content: "";
  background: #ffffd9;
  height: 25%;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}
@media only screen and (max-width: 1100px) {
  .con_plan h3.st_bg span:before {
    position: static;
  }
}
.con_plan .plan-box-r {
  float: right;
  width: 46%;
}
@media only screen and (max-width: 767px) {
  .con_plan .plan-box-r {
    width: 100%;
    margin-bottom: 0.5em;
  }
}
.con_plan .plan-box-r img {
  width: 100%;
}
.con_plan .plan-box-l {
  float: left;
  width: 46%;
}
@media only screen and (max-width: 767px) {
  .con_plan .plan-box-l {
    width: 100%;
    margin-bottom: 1em;
  }
}
.con_plan .plan-box-l img {
  width: 100%;
}
.con_plan .box_plan {
  width: 100%;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 50px;
  margin-left: auto;
  overflow: hidden;
  *zoom: 1;
  padding: 2.72727%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_plan .box_plan {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan .box_plan {
    margin-bottom: 2em;
  }
}
.con_plan .box_plan .plan-box-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2.72727%;
}
.con_plan .box_plan .plan-box-inner.right {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .con_plan .box_plan .plan-box-inner {
    padding: 0;
    margin-bottom: 5%;
  }
  .con_plan .box_plan .plan-box-inner.right {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_plan.img_redchair .plan-box-l {
    width: 35%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) and (max-width: 767px) {
  .con_plan.img_redchair .plan-box-l {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_plan.img_redchair .plan-box-r {
    width: 62%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) and (max-width: 767px) {
  .con_plan.img_redchair .plan-box-r {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_plan.img_redchair .right .plan-box-l {
    width: 62%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) and (max-width: 767px) {
  .con_plan.img_redchair .right .plan-box-l {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_plan.img_redchair .right .plan-box-r {
    width: 35%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) and (max-width: 767px) {
  .con_plan.img_redchair .right .plan-box-r {
    width: 100%;
    float: none;
  }
}

.con_plan.img_twowomen .plan-box-l {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_twowomen .plan-box-l {
    width: 100%;
  }
}
.con_plan.img_twowomen .plan-box-r {
  width: 62%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_twowomen .plan-box-r {
    width: 100%;
  }
}
.con_plan.img_twowomen .right .plan-box-l {
  width: 46%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_twowomen .right .plan-box-l {
    width: 100%;
    margin-bottom: 3%;
  }
}
.con_plan.img_twowomen .right .plan-box-r {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_twowomen .right .plan-box-r {
    width: 100%;
  }
}
.con_plan.img_rooms .plan-box-l {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_rooms .plan-box-l {
    width: 100%;
  }
}
.con_plan.img_rooms .plan-box-r {
  width: 58%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_rooms .plan-box-r {
    width: 100%;
  }
}
.con_plan.img_rooms .right .plan-box-l {
  width: 58%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_rooms .right .plan-box-l {
    width: 100%;
    margin-bottom: 3%;
  }
}
.con_plan.img_rooms .right .plan-box-r {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_rooms .right .plan-box-r {
    width: 100%;
  }
}
.con_plan.img_fourimg .plan-box-l {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_fourimg .plan-box-l {
    width: 100%;
  }
}
.con_plan.img_fourimg .plan-box-r {
  width: 55%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_fourimg .plan-box-r {
    width: 100%;
  }
}
.con_plan.img_fourimg .right .plan-box-l {
  width: 70%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_fourimg .right .plan-box-l {
    width: 100%;
    margin-bottom: 3%;
  }
}
.con_plan.img_fourimg .right .plan-box-r {
  width: 26%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_fourimg .right .plan-box-r {
    width: 100%;
  }
}
.con_plan.img_bath .plan-box-inner {
  position: relative;
}
.con_plan.img_bath .plan-box-l {
  width: 47%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_bath .plan-box-l {
    width: 100%;
  }
}
.con_plan.img_bath .plan-box-r {
  width: 44%;
}
@media only screen and (min-width: 768px) {
  .con_plan.img_bath .plan-box-r {
    position: absolute;
    top: 50%;
    left: 56%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .con_plan.img_bath .plan-box-r p:first-child {
    padding: 3% 4% 6%;
  }
}
@media print {
  .con_plan.img_bath .plan-box-r {
    position: absolute;
    top: 50%;
    left: 56%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .con_plan.img_bath .plan-box-r p:first-child {
    padding: 3% 4% 6%;
  }
}
.ie8 .con_plan.img_bath .plan-box-r {
  position: absolute;
  top: 50%;
  left: 56%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.ie8 .con_plan.img_bath .plan-box-r p:first-child {
  padding: 3% 4% 6%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_bath .plan-box-r {
    width: 100%;
    position: static;
  }
}
.con_plan.img_bath .right .plan-box-l {
  width: 58%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_bath .right .plan-box-l {
    width: 100%;
    margin-bottom: 3%;
  }
}
.con_plan.img_bath .right .plan-box-r {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .con_plan.img_bath .right .plan-box-r {
    width: 100%;
  }
}
.con_plan .plan-text {
  margin-top: 15px;
  margin-bottom: 10px;
  line-height: 23px;
}
@media only screen and (max-width: 767px) {
  .con_plan .plan-text {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan .plan-text {
    margin-bottom: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan .plan-text {
    line-height: 1.6;
  }
}
.con_plan .textspace_top {
  padding-top: 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_plan .textspace_top {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan .textspace_top {
    padding-top: 0;
  }
}

/* -----------------------------------------------------------
	con_info
----------------------------------------------------------- */
.con_info {
  overflow: hidden;
  *zoom: 1;
}
.con_info .box_info {
  overflow: hidden;
  *zoom: 1;
  margin: 1em 0 2em;
}
.con_info .box_info li {
  float: left;
  width: 23%;
  margin-right: 2.666%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_info .box_info li {
    width: 24%;
    margin-right: 1.33333%;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .box_info li {
    width: 49%;
    margin-right: 2%;
  }
  .con_info .box_info li:nth-child(2n) {
    margin-right: 0;
  }
}
.con_info .box_info li .box_inner {
  margin: 0 3%;
  position: relative;
  padding-bottom: 5em;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_info .box_info li .box_inner {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .box_info li .box_inner {
    margin: 0;
  }
}
.con_info .box_info li:last-child {
  margin-right: 0;
}
.con_info .box_info li h4 {
  font-size: 108%;
  margin-bottom: .5em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .con_info .box_info li h4 {
    font-size: 100%;
    font-size: 89%;
  }
}
.con_info .box_info li .img {
  margin-bottom: .5em;
}
.con_info .box_info li .img img {
  width: 100%;
}
.con_info .box_info li .btn_view {
  margin-top: 1em;
  position: absolute;
  bottom: 3%;
  width: 100%;
  left: 0;
}
.con_info .box_info li .btn_view a {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf07a', endColorstr='#ffffcc',GradientType=0 );
  /* IE6-9 */
  text-decoration: none;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 124%;
  display: block;
  padding: .3em .2em;
  font-weight: bold;
}
@media only screen and (max-width: 1100px) {
  .con_info .box_info li .btn_view a {
    letter-spacing: -.2em;
  }
}
.con_info .box_info li .btn_view a img {
  vertical-align: baseline;
  margin-left: 0.25em;
  width: 1em;
}

/* -----------------------------------------------------------
	.box_info
----------------------------------------------------------- */
/* .box_info{
	@extend %cf;
	margin: .5em 0;
	padding-bottom: 1em;
	li{
		@include cV(float, left, none);
		width: 47%!important;
		@include box-sizing(border-box);
		@include mq(sp) {
			width: 100%!important;
		}
		&:nth-child(odd) {
			width: 50%!important;
			@include cV(margin-right, 3%, 0);
			@include cV(padding-right, 4%, 0);
			@include mq(tab) {
				&.last {
					background: none!important;
				}
			}
			@include mq(sp) {
				margin-right: 0;
				padding-right: 0;
				margin-bottom: 3%;
				padding-bottom: 3%;
				width: 100%!important;
				&.last {
					background: none;
					padding-bottom: 0;
				}
			}
		}
		.box_inner{
			position: relative;
			@include cV(padding-bottom, 1em, 1em, 1em);
			@extend %cf;
		}
		&:last-child{
			margin-right: 0;
		}
		h4{
			@include fsz(14);
			margin-bottom: .5em;
			font-weight: normal;
			@include mq(tab) {
				@include fsz(13);
			}
		}
		.img{
			margin-bottom: .5em;
			img{
				width: 100%;
			}
		}
		.txt {
			margin: 4% 0 1%;
			@include fsz(14);
			line-height: normal;
		}
		.btn_view{
			a{
				@include fsz(16);
				padding: .4em .2em;
				@include mq(tab_s) {
					font-size: 110%;
				}
				img{
					width: 1.8em;
				}
			}
			@include mq(sp) {
				position: static;
				a {
					@include fsz(13);
				}
			}
		}
		@include mq(pc_tab) {
			&.last {
				clear: left;
				width: 100%!important;
				margin: 0;
				background: none;
				padding: 0;
				.box_inner {
					padding-bottom: 0;
				}
				.img {
					float: left;
					width: 47%;
				}
				.box_txt {
					float: right;
					width: 47%;
					.btn_view {
						left: auto;
						right: 0;
						width: 47%;
					}
				}
			}
		}
	}
} */