@charset "utf-8";

.televe_nonpc {
  pointer-events: none;
}

/****************/
body {
  font-family: 'ヒラギノ角ゴ ProN W6', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', sans-serif;
  font-size: 28px;
}

a {
  text-decoration: none;
  color: #61B1E6;
}

a:hover {
  text-decoration: none;
  opacity: 1;
  transition: 0.3s;
  color: #00a3c9;
}

a img {
  transition: 0.3s;
}

.rela {
  position: relative;
}

.abso {
  position: absolute;
}

.cf:after {
  clear: both;
  display: block;
  content: "";
}

img {
  border: 0;
  vertical-align: top;
  width: 100%;
  display: block;
}

.flex {
  display: flex;
  display: -webkit-flex;
  /* display: -webkit-box; */
}

.on375 {
  display: none;
}

/* =======================================
★アニメーション
========================================== */

@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 250%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
}

@-webkit-keyframes b_line {
  0% {
    transform: scale(0, 1);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes b_line {
  0% {
    transform: scale(0, 1);
  }

  100% {
    transform: scale(1, 1);
  }
}

.lines {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #009d9c;
  transform-origin: left top;
  transition: transform .15s;
}

.chair_in .lines {
  background: #00B4ED;
}

.clines {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 18px;
  z-index: 1;
  transform-origin: center top;
  transition: transform .15s;
  background: linear-gradient(to right, rgba(76, 181, 114, 1) 0%, rgba(0, 162, 255, 1) 40%, rgba(0, 162, 255, 1) 65%, rgba(76, 181, 114, 1) 100%);
}

.dlines {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  top: 20px;
  transform-origin: center top;
  transition: transform .3s;
  background: #009d9c;
}

.b_line {
  -webkit-animation-name: b_line;
  animation-name: b_line;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1.0);
}


.title_ch_qa_before {
  content: "";
  display: block;
  width: 374px;
  height: 233px;
  position: absolute;
  top: -50px;
  left: -10px;
  transform-origin: right bottom;
  transition: transform .3s;
  background: url(../img/title_ch_qa_img.png)no-repeat center center;
  background-size: cover;
}

/* =======================================
★共通
========================================== */
.wrap {
  margin: 0 auto;
  z-index: 0;
  position: relative;
  width: 100%;
  /* overflow: hidden; */
  min-width: 1200px;
  max-width: 1366px;
}

header {
  /* border-bottom: 3px solid #d00f31; */
  margin: 0 0 0 0;
}

main {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

p {
  line-height: 180%;
}

.inner {
  max-width: 980px;
  margin: 0 auto;
  color: #000000;
}

.visibility {
  /* visibility: hidden; */
}

.change_wrap {
  min-height: 980px;
}

/*グーグルマップ*/
.gmapWp {
  width: 100%;
  position: static;
  min-height: 250px;
}

.gmapWp>iframe {
  width: 100%;
  height: 440px;
  padding: 0;
  margin: 0;
  border-width: 0;
  vertical-align: bottom;
}

.img_Multifit {
  max-width: 446px;
  margin: 0px auto 30px;
}

/*テキスト類*/
h2>span {
  display: inline-block;
  padding: 0 30px;
  background: #fff;
  z-index: 2;
  position: relative;
}

.txt_blue {
  color: #00b4ed;
}

.title_line {
  font-size: 36px;
  text-align: center;
  position: relative;
  letter-spacing: 8px;
  margin: 0 0 40px 0;
}

.title_line:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 26px;
  width: 100%;
  height: 2px;
  background: #00b4ed;
  z-index: 1;
}

.wf-roundedmplus1c {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

/*ボタン類*/
.box_shadow {
  box-shadow: 7px 7px 8px 0px rgba(0, 0, 0, 0.3);
  transition: 1.3s;
}

.btn01 {
  color: #fff !important;
  background: #00aebb;
  font-size: 34px;
  padding: 55px 20px;
  width: 45%;
  max-width: 410px;
  position: relative;
  display: block;
  text-align: center;
  margin: 0 20px 30px;
  border-radius: 15px;
}

.btn_geeen {
  background: url(../img/bk_btn01.png)no-repeat center center;
  background-size: cover;
}

.btn_blue {
  background: url(../img/bk_btn02.png)no-repeat center center;
  background-size: cover;
}

.btn02 {
  color: #fff !important;
  background: #ea5550;
  font-size: 32px;
  padding: 50px 0;
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 14px;
}

.btn_oreng {
  background: linear-gradient(to bottom, rgba(255, 186, 83, 0.6) 0%, rgba(255, 186, 83, 1) 30%, rgba(255, 187, 83, 1) 70%, rgba(255, 186, 83, 0.6) 100%);
}

.btn_lightblue {
  background: linear-gradient(to bottom, rgba(97, 212, 229, 0.6) 0%, rgba(97, 212, 229, 1) 30%, rgba(97, 212, 229, 1) 70%, rgba(97, 212, 229, 0.6) 100%);
}

.btn03 {
  color: #fff !important;
  background: #ea5550;
  font-size: 34px;
  padding: 18px 5px;
  position: relative;
  display: block;
  text-align: center;
  border-radius: 14px;
  letter-spacing: 3px;
}

.btn_purple {
  background: linear-gradient(to bottom, rgba(170, 131, 218, 0.6) 0%, rgba(170, 131, 218, 1) 30%, rgba(170, 131, 218, 1) 70%, rgba(170, 131, 218, 0.6) 100%);
}

.btn_yellow {
  background: linear-gradient(to bottom, rgba(206, 203, 95, 0.6) 0%, rgba(206, 203, 95, 1) 30%, rgba(206, 203, 95, 1) 70%, rgba(206, 203, 95, 0.6) 100%);
}

.btn_pagetop {
  /* position: fixed;
  right: 15px;
  bottom: 85px;
  width: 70px;
  height: 70px;
  display: block;
  background: #adadad;
  z-index: 10; */
  display: none;
}

.btn_pagetop>span {
  display: none;
}

.btn_pagetop:after {
  content: '';
  width: 17px;
  height: 17px;
  border-top: 6px solid #ffffff;
  border-right: 6px solid #ffffff;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-45deg);
  transition: .3s;
}
}

/* =======================================
	★header
========================================== */
.headerinnder {
  position: relative;
  border-bottom: solid 2px #D00F31;
}

.logo {
  /* max-width: 213px;
  margin: 26px 0 27px 35px;
  z-index: 1;
  width: 100%; */
}

a[href^="tel:"] {
  pointer-events: none;
}

/* =======================================
	★footer
========================================== */
footer {
  /* background: #efefef; */
  padding: 10px 0 10px;
}

.f_copy {
  font-size: 12px;
  margin: 0;
  vertical-align: middle;
  color: #727171;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}

.f_copy:after {
  content: "";
  display: block;
  clear: both;
}

.yugothic {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
}

/* =================================================
	★TOP
======================================================== */
/*cover*/
.cover .cover_wrap {
  margin: 0 0 90px 0;
}

.cover_mainimgwrap {
  overflow: hidden;
  height: 544px;
}

.cover01_txt {
  max-width: 694px;
  width: 50.8%;
  margin: 0 auto;
  top: 10.8%;
  left: 0;
  right: 0;
  z-index: 2;
  transition-duration: 1.5s;
}

.cover01_bed {
  max-width: 362px;
  width: 26.5%;
  margin: 0 auto;
  top: 38.9%;
  left: 0;
  right: 42.5%;
  z-index: 2;
  transition-duration: 1.5s;
}

.cover01_chair {
  max-width: 299px;
  width: 21.9%;
  margin: 0 auto;
  top: 39.5%;
  left: 46.8%;
  right: 0;
  z-index: 2;
  transition-duration: 1.5s;
}

.cover .cover_wrap>span {
  position: absolute;
  z-index: 3;
  top: 0;
  transition: 1s;

  width: 100%;
}

.cover_wrap>span.cover02 {
  left: -100%;
}

.cover_wrap>span.cover03 {
  left: 100%;
}

.cover.active_bed .cover_wrap>span.cover02 {
  left: 0;
}

.cover.active_chair .cover_wrap>span.cover03 {
  left: 0;
}

.img_bk_wrap {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 0;
  /* width: 2580px; */
  width: 100%;
  /* padding: 0 0 39.8% 0; */
  height: 544px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform-origin: center top;
}

.img_bk_left {
  overflow: hidden;
  width: 53.5%;
  position: absolute;
  top: 0;
  left: -40px;
  opacity: 1;
  z-index: 1;
  transform: skewX(-8deg);
  transition-duration: 1s;
}

.img_bk_left img {
  opacity: 0;
  z-index: -2;
}

.img_bk_left .cover01_bed_2 {
  transition-duration: 1s;

}

.img_bk_left .cover01_txt_left {
  transition-duration: 1s;

}

.img_bk_left .title_multi_fit {
  transition-duration: 1s;

}

.img_bk_left > div {
  /* width: 100%; */
  position: relative;
  right: -40px;
  /* padding: 0 0 75.53% 0; */
  height: 544px;
  background: url(../img/cover01_bk_left.png)no-repeat top left;
  /* background-size: cover; */
  transform: skewX(8deg);
  cursor: pointer;
}

.img_bk_right {
  overflow: hidden;
  width: 53.5%;
  position: absolute;
  top: 0;
  right: -40px;
  opacity: 1;
  z-index: 1;
  /* background: url(../img/cover01_bk_right.png)no-repeat top left; */
  /* background-size: 100%; */
  transform: skewX(-8deg);
  transition-duration: 1s;
  /* transition-timing-function: cubic-bezier(0.49, 0.57, 0.52, 0.57); */
}

.img_bk_right img {
  opacity: 0;
  z-index: -2;
}

.img_bk_right .cover01_chair_2 {
  transition-duration: 1s;

}

.img_bk_right .cover01_txt_right {
  transition-duration: 1s;

}

.img_bk_right .title_multi_fit {
  transition-duration: 1s;

}

.img_bk_right>div {
  /* width: 100%; */
  position: relative;
  right: 39px;
  /* padding: 0 0 75.57% 0; */
  height: 544px;
  background: url(../img/cover01_bk_right.png)no-repeat top right;
  background-size: cover;
  transform: skewX(8deg);
  cursor: pointer;
}

.img_bk_left .cover01_txt_left {
  top: 30.3%;
  left: -1.1%;
  /* max-width: 650px;
  width: 100%; */
  width: 650px;
}

.img_bk_left .cover01_bed_2 {
  top: 12.2%;
  left: 54.8%;
  /* max-width: 496px;
  width: 100%; */
  width: 496px;
}

.img_bk_left .title_multi_fit {
  top: 12.6%;
  left: 77%;
  /* max-width: 227px;
  width: 100%; */
  width: 227px;
}

.img_bk_right .cover01_txt_right {
  top: 26.8%;
  right: -2.15%;
  /* max-width: 640px;
  width: 100%; */
  width: 640px;
}

.img_bk_right .cover01_chair_2 {
  top: 9.7%;
  left: 13.3%;
  /* max-width: 440px;
  width: 100%; */
  width: 440px;
}

.img_bk_right .title_multi_fit {
  top: 13.2%;
  left: 7.3%;
  /* max-width: 227px;
  width: 100%; */
  width: 227px;
}

.enpoint {
  background: #eee;
  width: 103px;
  height: 103px;
  border-radius: 50%;
  z-index: 4;
  transition: 1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.2s;
  opacity: 0;
}

.enpoint small {
  font-size: 15px;
  margin: 16px auto 0;
  width: 60px;
  display: block;
  text-align: center;
  color: #fff;
}

.topbtn_bed.enpoint {
  top: 3%;
  left: -10%;
  position: absolute;
  background: #009D9C;
}

.topbtn_chair.enpoint {
  right: -10%;
  bottom: 3%;
  position: absolute;
  background: #0099E2;
}

/*共通上*/
.about_title {
  margin: 0 0 30px 0;
}

.about_area .inner>strong {
  font-size: 50px;
  color: #08b6ee;
  text-align: center;
  display: block;
  line-height: 150%;
  margin: 0 0 25px 0;
}

.about_area .inner>p {
  text-align: center;
  line-height: 220%;
  margin: 0 0 60px 0;
}

.about_title span {
  font-size: 26px;
  display: block;
  z-index: 2;
  position: relative;
  margin: 0 0 50px 0;
  padding: 0;
}

.about_title span em {
  font-size: 28px;
  text-align: center;
  display: block;
  background: #fff;
  margin: 0 auto 0;
  width: 420px;
  z-index: 2;
  position: relative;
}

/* .about_title span:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 18px;
  z-index: 1;
  background: linear-gradient(to right, rgba(76, 181, 114, 1) 0%, rgba(0, 162, 255, 1) 40%, rgba(0, 162, 255, 1) 65%, rgba(76, 181, 114, 1) 100%);
} */
.about_area .btn_warp {
  margin: 0 0 120px 0;
  font-size: 0;
  letter-spacing: 0;
  line-height: 100%;
}

.about_area .btn_warp>a {
  display: inline-block;
  text-align: center;
}

/*共通下*/
.btn_warp_area .btn_warp {
  max-width: 1020px;
  margin: 0 auto 80px;
  font-size: 0;
  letter-spacing: 0;
  line-height: 100%;
  text-align: center;
}

.btn_warp_area .btn_warp a {
  width: 48.5%;
  max-width: 475px;
  margin: 0 17.5px 30px;
}

.front_footer_area .btn_warp {
  max-width: 1020px;
  margin: 0 auto 80px;
  font-size: 0;
  letter-spacing: 0;
  line-height: 100%;
  text-align: center;
}

.front_footer_area .btn_warp a {
  width: 48.5%;
  max-width: 475px;
  margin: 0 17.5px 30px;
}

.ullist {
  font-size: 18px;
  margin: 0 0 60px 0;
}

.ullist.last_contact {
  font-size: 18px;
  margin: 0;
}

.ullist li {
  line-height: 170%;
  padding: 0 0 0 20px;
}

li.li_title span {
  font-size: 25px;
}

.ullist li.li_title {
  padding: 0;
  line-height: 170%;
}

.exhibition_area p {
  font-size: 18px;
  text-align: center;
  line-height: 180%;
}

.exhibition_area .inner>strong {
  font-size: 40px;
  text-align: center;
  display: block;
  background-color: white;
  letter-spacing: 2px;
  margin: 10px 0;
}

.bnt_wrap2 {
  margin: 50px 0 50px 0;
}

.bnt_wrap2 a {
  margin: 0 0 50px 0;
}

/*chenge共通*/
.titles_02 {
  font-size: 55px;
  text-align: center;
  margin: 0 auto 60px;
  border-bottom: dotted 1px;
  border-width: 8px;
  font-weight: bold;
}

h2.titles_02 strong {
  line-height: 100%;
  padding: 0 0 40px 0;
  display: inline-block;
}

.titles_03 {
  font-size: 35px;
  margin: 0 auto 20px;
  /* border-bottom: solid 2px #009d9c; */
  border-bottom: solid 2px rgba(0, 157, 156, 0);
  line-height: 130%;
  font-weight: bold;
}

.titles_03>span {
  font-size: 28px;
  display: block;
  margin: 0 auto 10px;
}

.title_h4_01 {
  font-size: 26px;
  margin: 0 auto 0px;
  vertical-align: middle;
}

.title_h4_01:before {
  content: "■";
  display: inline;
  font-size: 33px;
  letter-spacing: -3px;
  top: 3px;
  position: relative;
}

.title_h4_02 {
  font-size: 26px;
  text-align: center;
  margin: 0 auto 30px;
}

/* .title_h4_02:after {
  content: "";
  display: block;
  border-bottom: solid 2px;
  position: absolute;
  width: 100%;
  height: 2px;
  top: 20px;
} */
.title_bars {
  font-size: 40px;
  text-align: center;
  margin: 0 auto 0;
  padding: 20px 10px;
  letter-spacing: 5px;
  line-height: 100%;
  font-weight: bold;
}

.change_wrap p {
  font-size: 24px;
  line-height: 180%;
}

.change_wrap .txt02 {
  font-size: 22px;
}

.note_txt {
  font-size: 10px;
  vertical-align: top;
  line-height: 240%;
  font-weight: bold;
}

/* =================================================
	★ベッド
======================================================== */
.bed_in {}

.bed_in h2, .bed_in h3, .bed_in .title_h4_02 {
  color: #009d9c;
}

.box02_imgwrap>p {
  color: #009d9c;
}

.bed_in .title_h4_01:before {
  color: #009d9c;
}

.box02_imgwrap>p em>span {
  display: block;
}

.bed_in h5 {
  margin: 0 auto 20px;
  color: #009d9c;
  font-size: 30px;
}

.change_wrap p.txth_5noshita {
  line-height: 170%;
  margin: 0 0 100px 0;
}

.ins_cover {
  margin: 0 0 60px 0;
}

.first_imgwrap {
  margin: 0 auto 140px;
  padding: 30px 0 0 0;
}

.bed_in .box01>ul>li {
  float: right;
  max-width: 585px;
  margin: 80px 0 0 0;
  font-size: 21px;
  line-height: 180%;
}

.bed_in .box01>ul>li p {
  font-size: 21px;
}

.bed_in .box01>ul>li:first-child {
  float: left;
  max-width: 395px;
  margin: 10px 0 40px 100px;
}

.tb01 {
  margin: 0 0 30px 0;
  width: 100%;
}

.th02 {
  width: 20%;
}

.th03 {
  width: 26%;
}

.tb01>thead {
  background: #009d9b;
}

.tb01>thead th {
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #009d9b;
  border: solid 1px;
  line-height: 180%;
}

.tb01>tbody td {
  font-size: 20px;
  color: #000;
  border: solid 1px #009d9b;
  line-height: 180%;
  padding: 0 0 0 3%;
}

.tb01>tbody td:nth-of-type(1) {
  border-left: solid 1px #fff;
  padding: 0;
}

.tb01>tbody td:nth-of-type(3) {
  border-right: solid 1px #fff;
}

.be_chousetu {
  max-width: 478px;
  margin: 0 0 30px 0;
}

.configuration_warp {
  position: relative;
  height: 668px;
  margin: 30px 0 60px 0;
}

.con_nav01_wrap li {
  margin: 0 0 0 2.7%;
}

.con_nav01_wrap li:first-child {
  margin: 0 0 0 0;
}

.con_box_wrap li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.con_nav_box a {
  width: 305px;
  height: 80px;
  display: block;
  border: solid 2px;
  text-align: center;
  line-height: 100%;
  padding: 25px 0 0 0;
  border-radius: 10px 10px 0 0;
}

.con_nav_box small {
  display: block;
  font-size: 15px;
}

.con_box {
  border: solid 2px;
  background: #fff;
  height: 550px;
  opacity: 0;
  transition: .3s;
  z-index: -1;
  margin: -2px 0 0 0;
  transition: 0.5s;
}

.active .con_box {
  opacity: 1;
  z-index: 2;
}

.con_box > em {
  display: block;
}

.con_box > em > img {
  max-width: 912px;
  margin: 0 auto;
}

.con_box>p {
  margin: 20px 0 20px 0;
  color: #000;
  text-align: center;
}

.con_nav01 .con_box>p {
  margin: 20px 0 42px 0;
  /* color: #000; */
}

.con_nav01 .con_box>p>span {
  color: #036EB1;
}

.con_nav02 .con_box>p>span {
  color: #F6AB00;
}

.con_nav03 .con_box>p>span {
  color: #88BC1F;
}

.con_box_wrap li.active {
  z-index: 3;
}

.con_nav01 {
  color: #036eb1 !important;
}

.con_nav02 {
  color: #f6ab00 !important;
}

.con_nav03 {
  color: #88bc1f !important;
}

.con_nav01 a {
  color: #036eb1 !important;
}

.con_nav02 a {
  color: #f6ab00 !important;
}

.con_nav03 a {
  color: #88bc1f !important;
}

.active.con_nav01 a {
  color: #ffffff !important;
  background: #036eb1;
  border-color: #036eb1;
}

.active.con_nav02 a {
  color: #ffffff !important;
  background: #f6ab00;
  border-color: #f6ab00;
}

.active.con_nav03 a {
  color: #ffffff !important;
  background: #88bc1f;
  border-color: #88bc1f;
}

.con_nav01 a {
  float: left;
  margin: 0;
}

.con_nav02 a {
  margin: 0 auto;
}

.con_nav03 a {
  float: right;
  margin: 0;
}

.be_merit_ul>li {
  margin: 0 0 40px 0;
}

.be_merit_ul>li dd {
  float: left;
  max-width: 190px;
  width: 100%;
}

.be_merit_ul>li dt {
  float: right;
  max-width: 765px;
  width: 100%;
}

.be_merit_ul_wrap p {
  font-size: 22px;
}

.be_merit_ul_wrap>p {
  margin: 0 0 110px 20px;
}

.be_merit_pp {
  padding: 0 0 0 14px;
}

.be_merit01 {
  max-width: 155px;
  margin: 5px 0 0 30px;
}

.be_merit02 {
  max-width: 163px;
  margin: 20px 0 0 20px;
}

.title_h4_02 em {
  position: relative;
  background: #fff;
  margin: 0 auto;
  display: inline-block;
  padding: 0px 30px;
  z-index: 2;
}

.title_h4_02 em span {
  display: block;
  letter-spacing: -1.9px;
}

.bed_in .box02 .box02_imgwrap {
  margin: 0 0 20px 0;
}

.bed_in .box02 .box02_imgwrap p {
  float: left;
  max-width: 215px;
  margin: 20px 0 0 0;
  border: solid 1px;
  padding: 20px 35px;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  line-height: 160%;
}

.bed_in .box02 .box02_imgwrap img {
  float: right;
  max-width: 667px;
  margin: 0px 0 0 0px;
  padding: 20px 35px;
}

.bed_in .box02>ul>li:first-child {
  float: right;
  max-width: 705px;
  margin: 20px 0 0 20px;
}

.btn_modoki01 {
  color: #00aebb !important;
  background: #fff;
  position: relative;
  border: solid 1px #00aebb;
}

.btn_modoki02 {
  color: #fff !important;
  background: #00aebb;
  border: solid 1px #00aebb;
}

.bed_in .box04>ul>li>div>img.img_gif {
  /* max-width: 300px; */
    /* margin: 40px 10px 80px 130px; */
   max-width: 480px;
    margin: 0px;
}

.bed_in .box03_imgwarp {
  display: flex;
  display: -webkit-flex;
  /* -webkit-flex-wrap: wrap; */
  /* flex-wrap: wrap; */
  margin: 50px 0 0 0;
}

.bed_in .box03_imgwarp>li {
  width: 46%;
  margin: 0 0 40px 8%;
}

.bed_in .box03_imgwarp>li:first-child {
  margin: 0 0 20px 0px;
}

.bed_in .box03_imgwarp>li:first-child img {
  max-width: 450px;
}

.bed_in .box03_imgwarp>li:last-child img {
  max-width: 449px;
}

.bed_in .box04 {
  margin: 0 0 110px 0;
}

.bed_in .box04>ul {
  display: flex;
  display: -webkit-flex;
  /* -webkit-flex-wrap: wrap; */
  /* flex-wrap: wrap; */
  margin: 0 0 0px 0;
}

.bed_in .box04>ul>li {
  width: 49%;
  margin: 0 15px 20px;
}

.bed_in .box04>ul>li:first-child {
  /* width: 46%; */
  /* margin: 0 30px 20px 30px; */
}

.bed_in .box04>ul>li>span {
  font-size: 24px;
  max-width: 330px;
  padding: 7px;
  display: block;
  text-align: center;
  margin: 0 auto 5px;
  border-radius: 18px;
}

.bed_in .box04>ul>li>small {
  display: block;
  text-align: center;
  margin: 0 auto 5px;
  font-size: 25px;
}

.bed_in .box04>ul>li>div {
  border: solid 2px;
  margin: 0 0 10px 0;
}

.bed_in .box04>ul>li>div>img {
  display: block;
  text-align: center;
  max-width: 385px;
  margin: 20px auto;
}

.be_ohter_fu {
  background: #ccebeb;
  margin: 0 0 110px 0;
}

.be_ohter_fu .title_bars {
  background: #009d9c;
  color: #fff;
}

.be_ohter_fu ul {
  margin: 80px 0 0 0;
}

.be_ohter_fu .box_inin {
  max-width: 900px;
  padding: 40px 45px;
  background: #fff;
  margin: 0 0 20px 0;
  border-radius: 20px;
}

.imgwrap_other {
  float: left;
  width: 360px;
}

.be_ohter_fu .box_inin dl {
  float: right;
  width: 475px;
}

.imgwrap_other img {
  max-width: 340px;
  margin: 0 auto 0;
  display: block;
}

.be_ohter_fu .box_inin dt {
  color: #2cacab;
  font-size: 30px;
}

.be_ohter_fu .box_inin dd {
  font-size: 24px;
  vertical-align: top;
  line-height: 150%;
}

.be_ohter_fu .box_inin dd span {
  display: block;
  font-size: 18px;
  line-height: 100%;
}

.bigbnt_warap {
  line-height: 100%;
  font-size: 0;
}

.btn_big {
  color: #009D9C !important;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;

  background: url(../img/bk_btn_bg.png)no-repeat center center;
  background-size: cover;
  font-size: 38px;
  padding: 50px 5px;
  display: block;
  text-align: center;
  border-radius: 50px;
  letter-spacing: 3px;
  line-height: 180%;
  max-width: 980px;
  margin: 0 auto 100px;
  transition: 0.3s;
}


/* =================================================
	★椅子
======================================================== */
.red_txt {
  color: #e35514;
}

.chair_in {}

.chair_in h2, .chair_in h3 {
  color: #00B4ED;
}

.chair_in .titles_03 {
  border-bottom: solid 2px rgba(0, 180, 237, 0);
}

.chair_in .ins_cover {
  margin: 0 0 60px 0;
}

.chair_in .first_imgwrap {
  margin: 0 auto 140px;
  padding: 30px 0 0 0;
}

.chair_in .box01>p {
  margin: 0 0 70px;
}

.ch_first_area_ul01 {
  margin: 0 auto 150px;
}

.chair_in .box01>ul>li {
  float: left;
  max-width: 280px;
  margin: 0 0 0 0;
}

.chair_in .box01>ul>li:last-child {
  float: left;
  max-width: 415px;
  margin: 0 0 0 0;
}

.chair_in .box01>ul>li>img {
  max-width: 280px;
  margin: 0 auto 40px;
}

.chair_in .box01>ul>li:last-child img {
  max-width: 419px;
  margin: -70px auto 10px;
}

.chair_in .box01>ul>li:last-child p {
  color: #00B4ED;
  line-height: 140%;
}

.chair_in .box01>ul>li:last-child p>span {
  font-weight: bold;
}

.chair_in .box01>ul>li>span {
  font-size: 24px;
  font-weight: bold;
  display: block;
  background: #00B4ED;
  text-align: center;
  max-width: 265px;
  margin: 0 auto 10px;
  color: #fff;
  border-radius: 15px;
  padding: 13px 0;
}

.chair_in .box01>ul>li>span.ch_first_img01_span {
  background: #88bc1f;
}

.chair_in .box01>ul>li>p {
  font-size: 24px;
  text-align: center;
}

.ch_merit {
  background: rgba(0, 180, 237, 0.2);
  margin: 0 0 110px 0;
}

.ch_merit .title_bars {
  background: #00B4ED;
  color: #fff;
}

.white_circle {
  line-height: 100%;
  color: #00B4ED;
  background: #fff;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 1;
  top: -3px;
  margin: 0 5px 0;
  font-size: 40px;
  font-weight: bold;
  font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.white_circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.ch_merit_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 80px auto 50px;
}

.ch_merit_wrap dl {
  width: 48%;
  max-width: 473px;
  margin: 0 4% 40px 0;
  border-radius: 40px;
  background: #fff;
}

.ch_merit_wrap dl:nth-child(even) {
  margin: 0 0% 40px 0;
}

.ch_merit_wrap dt {
  background: #00b4ed;
  color: #fff;
  font-size: 30px;
  border-radius: 40px 40px 0 0;
  text-align: center;
  padding: 25px 0;
  font-weight: bold;
}

.ch_merit_wrap dt em {
  margin: 0 15px 0 0;
}

.ch_merit_wrap dd {
  font-size: 24px;
  width: 85%;
  margin: 30px auto;
}

.ch_qa .inner {
  padding: 0px 0 110px;
  /* border-bottom: dashed 4px #00B4ED; */
  margin: 0 auto 120px;
  background-image: linear-gradient(to right, #00B4ED 7px, #00B4ED 4px, transparent 0px, transparent 4px);
  background-size: 12px 2px;
  background-position: bottom;
  background-repeat: repeat-x;
}

.chair_in h2.title_ch_qa {
  width: 100%;
}

.chair_in h2.title_ch_qa em {
  display: block;
  float: right;
  width: 580px;
  margin: 0 0 75px 0;
}

.chair_in h2.title_ch_qa em>span {
  color: #000;
  font-size: 41px;
  font-weight: 500;
  display: inline;
  padding: 0;
  background: linear-gradient(transparent 80%, yellow 20%);
  line-height: 170%;
}

/* .title_ch_qa:before {
  content: "";
  display: block;
  width: 374px;
  height: 233px;
  position: absolute;
  top: -50px;
  left: -10px;
  background: url(../img/title_ch_qa_img.png)no-repeat center center;
  background-size: cover;
} */
.ch_qa .inner>dl {
  margin: 0 0 30px 0;
}

.ch_qa .inner>dl.ch_pa_left {}

.ch_qa dt {
  float: left;
  max-width: 158px;
  width: 100%;
}

.ch_qa .inner>dl.ch_pa_left dt {
  float: right;
}

.ch_qa dt>span {
  display: block;
  margin: 15px 0 0 0;
}

.ch_qa dt>span>img {
  max-width: 158px;
  display: block;
}

.ch_qa dt>p {
  text-align: center;
  font-size: 26px;
  line-height: 130%;
}

.ch_qa dd {
  float: right;
  max-width: 785px;
  width: 100%;
  display: table;
  background: rgba(0, 180, 237, 0.2);
  border-radius: 50px;
}

.ch_qa .pink_qa dd {
  background: #FCE7F3;
}

.ch_qa .inner>dl.ch_pa_left dd {
  float: left;
}

.ch_qa dd p {
  font-size: 30px;
  display: table-cell;
  /* background: rgba(0, 180, 237, 0.2); */
  height: 245px;
  vertical-align: middle;
  padding: 0 70px 0 120px;
  border-radius: 50px;
  position: relative;
  line-height: 170%;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.ch_qa dd p:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 0px 0 35px;
  border-color: rgba(0, 180, 237, 0.2) transparent transparent transparent;
  position: absolute;
  left: -35px;
  top: 95px;
}

.ch_qa .inner>dl.ch_pa_left dd p:before {
  right: -35px;
  left: unset;
  border-width: 35px 35px 0 0px;
  border-color: rgba(0, 180, 237, 0.2) transparent transparent transparent;
}

.ch_qa .pink_qa dd p:before {
  border-color: #FCE7F3 transparent transparent transparent;
}

.ch_qa dl.ch_pa_left.pink_qa dd p:before {
  border-color: #FCE7F3 transparent transparent transparent;
}

.cls-1 {
  fill: #00b4ed;
}

.pink_qa .cls-1 {
  fill: #F5ADD6;
}

.grey_out {
  background: #cecece !important;
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0) !important;
  pointer-events: none !important;
}

/*20190905 追記*/

.mbc{
 margin-bottom: 200px;
}

.txt_center{
  text-align:center;
}

.tb01>tbody td.ctd{
  padding: 0 0 0 0;
}

.modoki_tag {
    color: #fff;
    background: #eee;
    position: absolute;
    left: 50px;
    top: 28px;
    font-size: 20px;
    padding: 4px 17px;
    background: #727171;
}

.cdl{
  position: relative;
  top: 15px;
}

.con_box > em > img.be_short_plus{
  top: 20px;
  max-width: 347px;
  right: 155px;
}

.con_box > em > img.be_regular_plus{
  top: -10px;
  max-width: 347px;
  right: 95px;
}

.con_box > em > img.be_long_plus{
  top: 50px;
  max-width: 347px;
  right: 95px;
}

.ullist {
    padding: 0 0px 0 30px;
}

.ullist li{
  position: relative;
}

.ullist li:before{
  position: absolute;
  display: block;
  left: 0;
  content: "●";
  font-size: 8px;
  left: 0px;
}

.ullist li.li_title:before{
  position: absolute;
  display: block;
  left: 0;
  content: "●";
  font-size: 8px;
  left: -20px;
  color: #00b4ed;
}

.ullist li.nolist{
  padding: 0;
}

.ullist li.nolist:before{
  display: none;
}

.about_area_movie {
  text-align: center;
  margin-bottom: 5%;
}

.about_area_movie iframe {
  width: 560px;
  height: 315px;
}

.lifting_movie {
  width: 456px;
  height: 342px;
}
.lifting_movie iframe {
  width: 456px;
  height: 342px;
}

/* 210107追加 */

.assist_area {
	background-color: #ccebeb;
	padding: 50px 0;
}

.assist_area article {
	max-width: 980px;
    width: 96%;
    margin: 0 auto;
}

.contact_title {
    text-align: center;
    position: relative;
    margin: 0 auto 25px;
}

.contact_title span {
    font-size: 35px;
    position: relative;
    display: inline-block;
    z-index: 2;
    color: #000;
    background: #ccebeb;
    padding: 2px 25px;
    font-weight: bold;
}
.contact_title::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.cul02 > li:first-child {
    float: left;
    width: 72%;
    box-sizing: border-box;
    padding: 0 20px 0 0px;
    position: relative;
}

.cul02 > li dl {
    margin: 0 0 20px;
}

.cul02 > li dl.mbcho {
    margin-bottom: 10px;
}

.cul02 > li dl dt {
    position: relative;
    padding: 16px 0;
		display: inline-block;
}

.cul02 > li dl dt > p {
    font-size: 18px;
    display: block;
    line-height: 1;
    text-align: center;
    padding: 0px 30px;
    margin: 10px 0 2px;
    font-weight: bold;
    line-height: 1.3;
}

a[href^="tel:"] {
    pointer-events: none;
}

.cul02 > li dl dt::after {
    transform: translateY(-50%) translateX(0%);
    content: "";
    display: block;
    content: '';
    width: 25px;
    height: 148px;
    position: absolute;
    right: 0;
    margin: auto;
    transition: .3s;
    top: 50%;
    color: black;
    background: url(../images/redy.png)no-repeat;
    background-size: 100%;
}

.cul02 > li dl dd {
    display: inline-block;
    position: relative;
}

.telsbbox {
    transform: translateY(-50%) translateX(0%);
    content: "";
    display: block;
    content: '';
    width: 430px;
    position: absolute;
    left: 50px;
    margin: auto;
    transition: .3s;
    top: 0;
}

.cul02 > li dl dd small {
    display: block;
    line-height: 1;
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 15px;
}

.telsbbox .tela {
    font-size: 48px;
    font-weight: bold;
    font-family: "Meiryo UI","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		line-height: 1em;
		text-decoration: none;
    color: #000;
}

.cf:after {
    clear: both;
    display: block;
    content: "";
}

.txt_box {
    color: #fff;
}

.txt_box p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 10px;
    color: #000;
}

.txt_box small {
    font-size: 13px;
    line-height: 1.5;
    display: inline-block;
    color: #000;
}

.cul02 > li:first-child::after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 100%;
    background: #fff;
    top: 0;
    right: 0;
}

.cul02 > li:last-child {
    float: right;
    width: 28%;
    box-sizing: border-box;
    padding: 0 0px 0 20px;
}

.cul02 > li dl dd > a {
    font-size: 48px;
}

.telimg {
    width: 54px;
    display: block;
    margin: 0 auto;
		border: 0;
}

.mail_img {
    width: 47px;
    display: block;
    margin: 0 auto 10px;
		border: 0;
		top: -55px;
    position: absolute;
}

.bk_white {
    background-color: #fff;
}

.mail_box dd {
    margin: 0 0 0 10px;
    top: 0;
}

.fixmenu {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2;
	background-color: #ccebeb;
	opacity: 1;
	transition: .3s;
	pointer-events: auto;
	padding: 20px 0;
}
.fixmenu.off {
	opacity: 0;
	pointer-events: none;
}
.fixmenu a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.fixmenu_inner {
	max-width: 980px;
	margin: 0 auto;
}
.fixmenu_txt {
	position: relative;
	width: 100%;
	font-size: 32px;
	color: #000;
	text-align: center;
	font-weight: bold;
	display: block;
  line-height: 100%;
}
.fixmenu_txt::before,
.fixmenu_txt::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 8px 0 8px;
	border-color: #000 transparent transparent transparent;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.is-fixed {
  display: none!important;
}

.pc-navi-wrapper {
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

header div.pc-navi-wrapper nav.right ul.menu li.relation div.relation-nav-wrapper nav.relation-nav div.block div.title {
	margin: 0 0 15px;
}

a.under-line2 {
	font-size: 14px;
}

.nosp {
	display: block!important;
}


/*rental_area*/
.rental_area {
	padding: 60px 0;
}

.rental_area .btn_warp {
    max-width: 980px;
    letter-spacing: 0;
    line-height: 100%;
    text-align: center;
		margin: 0 0 40px;
}

.rental_area .btn_warp a {
  width: 48%;
    margin: 0 4% 30px 0;
    display: block;
    padding: 20px 0;
    float: left;
    box-sizing: border-box;
    line-height: 60%;
}

.rental_area .btn_warp a:last-child {
    margin: 0 0% 30px 0;
}


.btn_oreng {
    background: linear-gradient(to bottom, rgba(255, 186, 83, 0.6) 0%, rgba(255, 186, 83, 1) 30%, rgba(255, 187, 83, 1) 70%, rgba(255, 186, 83, 0.6) 100%);
}

.btn_lightblue {
    background: linear-gradient(to bottom, rgba(97, 212, 229, 0.6) 0%, rgba(97, 212, 229, 1) 30%, rgba(97, 212, 229, 1) 70%, rgba(97, 212, 229, 0.6) 100%);
}

.txt_blue {
  color: #00b4ed;
}

.title_line {
  font-size: 36px;
  text-align: center;
  position: relative;
  letter-spacing: 8px;
  margin: 0 0 40px 0;
  line-height: 170%;
}

h2.title_line >span {
    display: inline-block;
    padding: 0 30px;
    background: #fff;
    z-index: 2;
    position: relative;
    font-weight: bold;
}

.title_line:after {
  height: 2.5px;
  background: #d70019;
  z-index: 1;
  transform: translateY(-50%) translateX(0%);
  /* -webkit- transform: translateY(-50%) translateX(0%); */
  content: "";
  display: block;
  content: '';
  width: 100%;
  position: absolute;
  margin: auto;
  transition: .3s;
  top: 50%;
}
.txt_center{text-align:center;}

.tb01>tbody td.ctd{
  padding: 0 0 0 0;
}

.ullist {
    padding: 0 0px 0 30px;
}

.ullist li{
  position: relative;
  padding: 0 0 0px 20px;
	font-size: 13px;
}

.ullist li.li_title {
    padding: 0;
    margin: 10px 0;
		font-size: 16px;
}

li.li_title {}

.ullist li:before{
  position: absolute;
  display: block;
  left: 0;
  content: "●";
  font-size: 8px;
  left: 0px;
}

.ullist li.li_title:before{
  position: absolute;
  display: block;
  left: 0;
  content: "●";
  font-size: 14px;
  left: -20px;
  color: #d70019;
}

.ullist li.nolist{
  padding: 0;
}

.ullist li.nolist:before{
  display: none;
}


@media screen and (max-width: 1500px) {
	.thi_area_box:nth-of-type(1) .titleh2_wrap::after { width: 8%;	}
	.thi_area_box:nth-of-type(2) .titleh2_wrap::after { width: 8%;	}
}

@media screen and (max-width: 1024px) {
	a[href^="tel:"]{	pointer-events: auto;}
}

.cyo0319_01{
	margin: 0 0px -8px 0px;
}

.is-fixed {
  display: none!important;
}
.btn02 {
    color: #fff !important;
		font-size: 30px;
		max-width: 550px;
    position: relative;
		text-align: center;
		border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0);
    font-weight: bold;
}
.box_shadow {
	    box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);
		}
		.li_title .txt_red {
		    font-weight: bold;
		    font-size: 16px;
		}
		.txt_red {
    color: #d70019;
}

.btn02:hover {
    color: #ea5550 !important;
    background: #fff;
    border: solid 1px #ea5550;
}
a:hover {
    text-decoration: none;
    opacity: 1;
    transition: 0.3s;
}
.nopc {
	display: none;
}

footer .totop {
    bottom: 10% !important;
}