@charset "UTF-8";
/*緑。こどもの国*/
/*------------------------------------------------------------------------------

ボード

------------------------------------------------------------------------------*/
.board {
  width: 100%;
  min-width: 1200px;
  height: 579px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .board {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .board {
    height: 102vw;
  }
}
.board.talk {
  background: #f9f9f5 url(/hebel-rooms/feature/boriki/img/talk/boardBG_pc.jpg) no-repeat center top;
}

@media screen and (max-width: 1440px) {
  .board.talk {
    background-size: 100% auto;
    height: 31vw;
  }
}
@media screen and (max-width: 1000px) {
  .board.talk {
    height: 320px;
  }
}
@media screen and (max-width: 739px) {
  .board.talk {
    background: #f9f9f5 url(/hebel-rooms/feature/boriki/img/talk/boardBG_sp.jpg) no-repeat center bottom;
    background-size: calc(100% - 3vw) auto;
    height: 102vw;
  }
}
.board.space {
  background: #f9f9f5 url(/hebel-rooms/feature/boriki/img/space/boardBG_pc.jpg) no-repeat center top;
}

@media screen and (max-width: 1440px) {
  .board.space {
    background-size: 100% auto;
    height: 31vw;
  }
}
@media screen and (max-width: 1000px) {
  .board.space {
    height: 320px;
  }
}
@media screen and (max-width: 739px) {
  .board.space {
    background: #f9f9f5 url(/hebel-rooms/feature/boriki/img/space/boardBG_sp.jpg) no-repeat center bottom;
    background-size: calc(100% - 3vw) auto;
    height: 102vw;
  }
}
.board.support {
  background: #f9f9f5 url(/hebel-rooms/feature/boriki/img/support/boardBG_pc.jpg) no-repeat center top;
}

@media screen and (max-width: 1440px) {
  .board.support {
    background-size: 100% auto;
    height: 31vw;
  }
}
@media screen and (max-width: 1000px) {
  .board.support {
    height: 320px;
  }
}
@media screen and (max-width: 739px) {
  .board.support {
    background: #f9f9f5 url(/hebel-rooms/feature/boriki/img/support/boardBG_sp.jpg) no-repeat center bottom;
    background-size: calc(100% - 3vw) auto;
    height: 102vw;
  }
}
.board.lineup {
  background: #f9f9f5 url(/hebel-rooms/feature/boriki/img/lineup/boardBG_pc.jpg) no-repeat center top;
  height: 381px;
}

@media screen and (max-width: 1440px) {
  .board.lineup {
    background-size: 100% auto;
    height: 19.4vw;
  }
}
@media screen and (max-width: 1000px) {
  .board.lineup {
    height: 205px;
  }
}
@media screen and (max-width: 739px) {
  .board.lineup {
    background: #f9f9f5 url(/hebel-rooms/feature/boriki/img/lineup/boardBG_sp.jpg) no-repeat center bottom;
    background-size: calc(100% - 3vw) auto;
    height: 72vw;
  }
}
.board .inner1200 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 739px) {
  .board .inner1200 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 10vw;
  }
}
.board_box {
  width: 38.33%;
  /*	margin:0 auto;*/
  margin: 0;
  padding: 100px 0;
  border: 1px solid #fff;
}

@media screen and (max-width: 1440px) {
  .board_box {
    padding: 6vw 0;
  }
}
@media screen and (max-width: 739px) {
  .board_box {
    width: 73.33%;
    padding: 13.33vw 0;
  }
}
@media screen and (max-width: 1440px) {
  .board.support .board_box {
    padding: 4.5vw 0 5.5vw 0;
  }
}
@media screen and (max-width: 739px) {
  .board.support .board_box {
    width: 73.33%;
    padding: 13.33vw 0;
  }
}
.board.lineup .board_box {
  padding: 52px 0;
}

@media screen and (max-width: 1440px) {
  .board.lineup .board_box {
    padding: 3vw 0;
  }
}
@media screen and (max-width: 739px) {
  .board.lineup .board_box {
    padding: 9.333vw 0;
  }
}
.board_headline {
  font-size: 38px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.15em;
  font-weight: 300;
  text-align: center;
}

@media screen and (max-width: 739px) {
  .board_headline {
    font-size: 8.4vw;
  }
}
.board_headline small {
  display: block;
  padding-bottom: 20px;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 739px) {
  .board_headline small {
    padding-bottom: 3vw;
    font-size: 3vw;
  }
}
@media screen and (max-width: 739px) {
  .page-lineup .board .inner1200 {
    padding-top: 12vw;
  }
}
/*------------------------------------------------------------------------------

ボード下共通見出し

------------------------------------------------------------------------------*/
.common_page_head {
  width: 100%;
  min-width: 1200px;
  background: #f9f9f5;
  padding-top: 100px;
  padding-bottom: 110px;
  position: relative;
}

@media screen and (max-width: 1440px) {
  .common_page_head {
    padding-top: 4vw;
    padding-bottom: 7vw;
  }
}
@media screen and (max-width: 1200px) {
  .common_page_head {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .common_page_head {
    padding-top: 5vw;
    padding-bottom: 8vw;
  }
}
.common_page_head:after,
.common_page_head:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  background: #fff;
  z-index: 980;
}

@media screen and (max-width: 739px) {
  .common_page_head:after,
  .common_page_head:before {
    width: 1.5vw;
  }
}
.common_page_head:before {
  left: 0;
}

.common_page_head:after {
  right: 0;
}

.common_page_headline {
  text-align: center;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.8;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 739px) {
  .common_page_headline {
    font-size: 5vw;
    font-weight: 400;
    letter-spacing: 0.05em;
  }
}
.common_page_lead {
  width: 57%;
  margin: 0 auto;
  padding-top: 30px;
  letter-spacing: 0.07em;
  line-height: 2;
}

@media screen and (max-width: 739px) {
  .common_page_lead {
    width: 89.33%;
    padding-top: 5vw;
    font-size: 3.2vw;
  }
}
.page-lineup .common_page_head {
  padding-top: 45px;
  padding-bottom: 80px;
}

@media screen and (max-width: 739px) {
  .page-lineup .common_page_head {
    padding-top: 5vw;
    padding-bottom: 8vw;
  }
}
/*------------------------------------------------------------------------------

左右リスト
space
support

------------------------------------------------------------------------------*/
.space_design {
  width: 100%;
  min-width: 1200px;
  padding-top: 20px;
  background: #fff;
  clear: both;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1200px) {
  .space_design {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .space_design {
    padding-top: 5vw;
  }
}
.support_club {
  width: 100%;
  min-width: 1440px;
  padding-top: 110px;
  padding-bottom: 100px;
  background: #f7f7f7;
  clear: both;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1440px) {
  .support_club {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .support_club {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}
.lr_list {
  width: 100%;
}

@media screen and (max-width: 739px) {
  .lr_list {
    width: 89.33%;
    margin: 0 auto;
  }
}
.space_design .lr_list {
  padding-top: 100px;
}

@media screen and (max-width: 739px) {
  .space_design .lr_list {
    padding-top: 6vw;
  }
}
.support_club .lr_list {
  padding-top: 100px;
}

@media screen and (max-width: 739px) {
  .support_club .lr_list {
    padding-top: 0;
  }
}
.lr_list_item {
  width: 100%;
  margin-bottom: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 739px) {
  .lr_list_item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-bottom: 8vw;
  }
}
.support_club .lr_list_item {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 739px) {
  .support_club .lr_list_item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 45vw;
  }
}
.support_club .lr_list_item.type_pink {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_club01.png) no-repeat 230px top;
  background-size: 125px auto;
}

@media screen and (max-width: 739px) {
  .support_club .lr_list_item.type_pink {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_club01.png) no-repeat center 15vw;
    background-size: 25vw auto;
  }
}
.support_club .lr_list_item.type_blue {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_club02.png) no-repeat 835px 45px;
  background-size: 125px auto;
}

@media screen and (max-width: 739px) {
  .support_club .lr_list_item.type_blue {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_club02.png) no-repeat center 15vw;
    background-size: 25vw auto;
  }
}
.support_club .lr_list_item.type_tea {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_club03.png) no-repeat 230px 30px;
  background-size: 125px auto;
}

@media screen and (max-width: 739px) {
  .support_club .lr_list_item.type_tea {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_club03.png) no-repeat center 15vw;
    background-size: 25vw auto;
  }
}
.support_club .lr_list_item.type_sky {
  background: url(/hebel-rooms/feature/boriki/img/icon_read_book.svg) no-repeat 835px 5px;
  background-size: 125px auto;
}

@media screen and (max-width: 739px) {
  .support_club .lr_list_item.type_sky {
    background: url(/hebel-rooms/feature/boriki/img/icon_read_book.svg) no-repeat center 15vw;
    background-size: 25vw auto;
  }
}
.lr_item_image {
  width: 635px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 739px) {
  .lr_item_image {
    width: 94%;
    margin: 0 auto 7vw auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 739px) {
  .lr_item_image.pc {
    display: none;
  }
}
.lr_item_image.sp {
  display: none;
}

@media screen and (max-width: 739px) {
  .lr_item_image.sp {
    display: block;
  }
}
.lr_item_image small {
  display: block;
  padding-top: 8px;
  font-size: 10px;
  color: #999;
  letter-spacing: 0.1em;
}

.lr_list_item:nth-child(2n+1) .lr_item_image small {
  text-align: right;
}

.lr_list_item.type_sky .lr_item_image small {
  text-align: left !important;
}

@media screen and (max-width: 739px) {
  .support_club .lr_item_image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.lr_item_image img {
  display: inline-block;
  border-radius: 11px;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  max-width: 100%;
}

.lr_item_image:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 60px;
  z-index: -1;
}

@media screen and (max-width: 739px) {
  .lr_item_image:after {
    bottom: 1vw;
    width: 6vw;
    height: 6vw;
  }
}
.lr_item_image:before {
  content: "";
  display: block;
  position: absolute;
  top: -30px;
  width: 90px;
  height: 90px;
  border-radius: 9px;
  z-index: -1;
}

@media screen and (max-width: 739px) {
  .lr_item_image:before {
    top: -2vw;
    width: 10vw;
    height: 10vw;
  }
}
.lr_list_item.type_pink .lr_item_image:after {
  left: -20px;
  background: url(/hebel-rooms/feature/boriki/img/tex_pink.png) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_pink .lr_item_image:after {
    left: -2vw;
  }
}
.lr_list_item.type_pink .lr_item_image:before {
  right: -30px;
  background: #de6c6c;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_pink .lr_item_image:before {
    right: -2vw;
  }
}
.lr_list_item.type_blue .lr_item_image:after {
  right: -20px;
  background: url(/hebel-rooms/feature/boriki/img/tex_blue.png) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_blue .lr_item_image:after {
    right: -2vw;
  }
}
.lr_list_item.type_blue .lr_item_image:before {
  left: -30px;
  background: #3d78b4;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_blue .lr_item_image:before {
    left: -2vw;
  }
}
.lr_list_item.type_tea .lr_item_image:after {
  left: -20px;
  background: url(/hebel-rooms/feature/boriki/img/tex_tea.png) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_tea .lr_item_image:after {
    left: -2vw;
  }
}
.lr_list_item.type_tea .lr_item_image:before {
  right: -30px;
  background: #aeb955;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_tea .lr_item_image:before {
    right: -2vw;
  }
}
.lr_list_item.type_sky .lr_item_image:after {
  right: -20px;
  background: url(/hebel-rooms/feature/boriki/img/tex_sky.png) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_sky .lr_item_image:after {
    right: -2vw;
  }
}
.lr_list_item.type_sky .lr_item_image:before {
  left: -30px;
  background: #4eabd2;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_sky .lr_item_image:before {
    left: -2vw;
  }
}
.lr_item_info {
  width: 485px;
  padding-left: 80px;
  padding-bottom: 25px;
}

@media screen and (max-width: 739px) {
  .lr_item_info {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 15vw;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 739px) {
  .support_club .lr_item_info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.support_club .lr_item_info {
  padding-bottom: 0;
}

.lr_item_headline {
  position: relative;
  padding: 10px 0 10px 80px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: left;
}

@media screen and (max-width: 739px) {
  .lr_item_headline {
    padding: 1vw 0 1vw 15vw;
    font-size: 4vw;
  }
}
.lr_item_headline em {
  display: block;
  padding-top: 6px;
  font-family: "Quicksand", sans-serif;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 739px) {
  .lr_item_headline em {
    font-size: 7.4vw;
  }
}
.lr_item_subhead {
  width: 440px;
  margin: 0 auto 0 0;
  padding-top: 45px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 739px) {
  .lr_item_subhead {
    width: 100%;
    margin: 0;
    padding-top: 5vw;
    font-size: 4.4vw;
  }
}
.lr_item_text {
  width: 440px;
  margin: 0 auto 0 0;
  padding-top: 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.075em;
  text-align: justify;
}

@media screen and (max-width: 739px) {
  .lr_item_text {
    width: 100%;
    margin: 0;
    padding-top: 5vw;
    font-size: 3.4vw;
  }
}
.support_club .lr_item_text {
  line-height: 1.95;
}

.lr_list_item.type_pink .lr_item_headline {
  background: url(/hebel-rooms/feature/boriki/img/icon_point01.png) no-repeat left center;
  background-size: 60px auto;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_pink .lr_item_headline {
    background-size: 10vw auto;
  }
}
.lr_list_item.type_pink .lr_item_headline em {
  color: #de6c6c;
}

.lr_list_item.type_blue .lr_item_headline {
  background: url(/hebel-rooms/feature/boriki/img/icon_point02.png) no-repeat left center;
  background-size: 60px auto;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_blue .lr_item_headline {
    background-size: 10vw auto;
  }
}
.lr_list_item.type_blue .lr_item_headline em {
  color: #3d78b4;
}

.lr_list_item.type_tea .lr_item_headline {
  background: url(/hebel-rooms/feature/boriki/img/icon_point03.png) no-repeat left center;
  background-size: 60px auto;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_tea .lr_item_headline {
    background-size: 10vw auto;
  }
}
.lr_list_item.type_tea .lr_item_headline em {
  color: #aeb955;
}

.lr_list_item.type_sky .lr_item_headline {
  background: url(/hebel-rooms/feature/boriki/img/icon_point04.png) no-repeat left center;
  background-size: 60px auto;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_sky .lr_item_headline {
    background-size: 10vw auto;
  }
}
.lr_list_item.type_sky .lr_item_headline em {
  color: #4eabd2;
}

.lr_item_add {
  width: 440px;
  margin: 40px auto 0 0;
  padding-bottom: 20px;
  position: relative;
}

@media screen and (max-width: 739px) {
  .lr_item_add {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
  }
}
.lr_item_add em {
  display: inline-block;
  background: #f7f7f7;
  padding-right: 15px;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 739px) {
  .lr_item_add em {
    padding-right: 3vw;
    font-size: 3.4vw;
  }
}
.lr_list_item.type_pink .lr_item_add em {
  color: #de6c6c;
}

.lr_list_item.type_blue .lr_item_add em {
  color: #3d78b4;
}

.lr_list_item.type_tea .lr_item_add em {
  color: #aeb955;
}

.lr_item_add em:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: calc(100% - 3px);
  height: 1px;
  background-color: #de6c6c;
  z-index: -1;
}

.lr_item_add em:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 13px);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #de6c6c;
}

.lr_list_item:nth-child(2n) .lr_item_add {
  text-align: right;
}

.lr_list_item:nth-child(2n) .lr_item_add em {
  padding-right: 0;
  padding-left: 15px;
}

.lr_list_item:nth-child(2n) .lr_item_add em:after {
  right: auto;
  left: 0;
}

.lr_list_item.type_blue .lr_item_add em {
  color: #3d78b4;
}

.lr_list_item.type_blue .lr_item_add em:before,
.lr_list_item.type_blue .lr_item_add em:after {
  background-color: #3d78b4;
}

.lr_list_item.type_tea .lr_item_add em {
  color: #aeb955;
}

.lr_list_item.type_tea .lr_item_add em:before,
.lr_list_item.type_tea .lr_item_add em:after {
  background-color: #aeb955;
}

.lr_list_item.type_sky .lr_item_add em {
  color: #4eabd2;
}

.lr_list_item.type_sky .lr_item_add em:before,
.lr_list_item.type_sky .lr_item_add em:after {
  background-color: #4eabd2;
}

.support_club_lead {
  width: 56.66%;
  margin: 0 auto;
  padding-top: 40px;
  line-height: 2;
  letter-spacing: 0.075em;
  font-weight: 500;
}

@media screen and (max-width: 739px) {
  .support_club_lead {
    width: 89.33%;
    padding-top: 10vw;
    font-size: 3.3vw;
  }
}
/*ライトボックス*/
.lb_pc {
  padding: 0;
  font-family: "Noto Sans JP", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "Yu Gothic", "游ゴシック", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

.lb_image {
  text-align: center;
}

#lb_content04_pc .lb_image {
  min-width: 670px;
}

#lb_content04_sp .lb_image img {
  max-width: 90%;
}

.lb_caption {
  padding-top: 20px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.lb_annotation {
  font-size: 10px;
  color: #acacac;
  text-align: right;
  letter-spacing: 0.1em;
  font-weight: 400;
}

#lb_content04_pc .lb_annotation {
  padding-top: 20px;
}

#lb_content04_sp .lb_annotation {
  padding-top: 4vw;
}

.lb_sp {
  font-family: "Noto Sans JP", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "Yu Gothic", "游ゴシック", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/*------------------------------------------------------------------------------

supportの左右リスト内の質問・追加情報

------------------------------------------------------------------------------*/
.support_club_add {
  width: 1440px;
  margin: 0 auto;
  margin-top: 120px;
  border-radius: 9px;
  background: #fff;
  border-top: 1px solid #fff;
  padding-bottom: 45px;
  position: relative;
}

@media screen and (max-width: 1440px) {
  .support_club_add {
    width: 100%;
  }
}
@media screen and (max-width: 739px) {
  .support_club_add {
    width: 89.33%;
    margin-top: 20vw;
  }
}
.support_question_list {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1000px) {
  .support_question_list {
    width: 96%;
  }
}
@media screen and (max-width: 739px) {
  .support_question_list {
    width: 82%;
    display: block;
  }
}
.support_question_list li {
  width: 47%;
  background: url(/hebel-rooms/feature/boriki/img/support/icon_dquotes_blue.png) no-repeat left 65px;
  background-size: 49px auto;
}

@media screen and (max-width: 739px) {
  .support_question_list li {
    width: 100%;
    background: url(/hebel-rooms/feature/boriki/img/support/icon_dquotes_blue.png) no-repeat left 25vw;
    background-size: 10vw auto;
  }
}
@media screen and (max-width: 739px) {
  .support_question_list li + li {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_dquotes_blue.png) no-repeat left 35vw;
    background-size: 10vw auto;
  }
}
.support_question_image {
  width: 120px;
  margin: 0 auto;
  position: relative;
  margin-top: -60px;
  text-align: center;
}

@media screen and (max-width: 739px) {
  .support_question_image {
    width: 24vw;
    margin-top: 0;
  }
}
.support_question_image img {
  max-width: 100%;
}

@media screen and (max-width: 739px) {
  .support_question_list li:first-child .support_question_image {
    margin-top: -10vw;
  }
}
@media screen and (max-width: 739px) {
  .support_question_list li + li .support_question_image {
    padding-top: 12vw;
  }
}
.support_question_name {
  padding-top: 10px;
  font-size: 14px;
  text-align: center;
  color: #3d78b4;
  font-weight: 500;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 739px) {
  .support_question_name {
    padding-top: 2vw;
    font-size: 3.4vw;
  }
}
.support_question_text {
  padding-top: 25px;
  text-align: center;
  line-height: 1.8;
}

@media screen and (max-width: 739px) {
  .support_question_text {
    padding-top: 4vw;
    text-align: left;
    font-size: 3.6vw;
  }
}
.support_other_list {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1000px) {
  .support_other_list {
    width: 96%;
  }
}
@media screen and (max-width: 739px) {
  .support_other_list {
    display: block;
  }
}
.support_other_list li {
  width: 47%;
}

@media screen and (max-width: 739px) {
  .support_other_list li {
    width: 96%;
    margin: 0 auto;
  }
}
.support_other_image {
  position: relative;
  margin-top: -60px;
  text-align: center;
}

@media screen and (max-width: 739px) {
  .support_other_image {
    margin-top: 0;
  }
}
.support_other_image img {
  display: inline-block;
  border-radius: 15px;
}

@media screen and (max-width: 739px) {
  .support_other_list li:first-child .support_other_image {
    margin-top: -12vw;
  }
}
@media screen and (max-width: 739px) {
  .support_other_list li + li .support_other_image {
    padding-top: 12vw;
  }
}
.support_other_text {
  padding-top: 25px;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 739px) {
  .support_other_text {
    padding-top: 4vw;
    font-size: 3.6vw;
  }
}
/*------------------------------------------------------------------------------

ネクストリンク
support
space

------------------------------------------------------------------------------*/
.next_page_link {
  width: 720px;
  margin: 0 auto;
  margin-bottom: 100px;
  /*
  	width:100%;
  	min-width:$pc_inner_width;
  	padding-bottom:100px;
  	@include media1200{
  		min-width:0;
  		padding-top:6vw;
  		padding-bottom:18vw;
  	}
  */
}

@media screen and (max-width: 739px) {
  .next_page_link {
    width: 89.33%;
    margin-top: 6vw;
    margin-bottom: 18vw;
  }
}
.next_page_box {
  width: 720px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  border-radius: 9px;
}

@media screen and (max-width: 739px) {
  .next_page_box {
    width: 100%;
  }
}
.next_page_box.space {
  background: url(/hebel-rooms/feature/boriki/img/space/next_page_banner.jpg) no-repeat right center;
  background-size: 360px auto;
}

@media screen and (max-width: 739px) {
  .next_page_box.space {
    background: url(/hebel-rooms/feature/boriki/img/space/next_page_banner_sp.jpg) no-repeat right center;
    background-size: 40vw auto;
  }
}
.next_page_box.support {
  background: url(/hebel-rooms/feature/boriki/img/support/next_page_banner.jpg) no-repeat right center;
  background-size: 360px auto;
}

@media screen and (max-width: 739px) {
  .next_page_box.support {
    background: url(/hebel-rooms/feature/boriki/img/support/next_page_banner_sp.jpg) no-repeat right center;
    background-size: 40vw auto;
  }
}
.next_page_info {
  width: 260px;
  margin: 0 auto 0 60px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 739px) {
  .next_page_info {
    width: 40vw;
    margin: 0 auto 0 4vw;
    height: auto;
    padding: 3vw 0 1vw;
  }
}
.next_page_title {
  width: 100%;
  font-size: 15px;
  font-weight: 700;
}

@media screen and (max-width: 739px) {
  .next_page_title {
    font-size: 3.2vw;
  }
}
.next_page_title b {
  display: block;
  padding-bottom: 10px;
  font-size: 30px;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 739px) {
  .next_page_title b {
    padding-bottom: 2vw;
    font-size: 5vw;
  }
}
.next_page_title b:first-letter {
  color: #de6c6c;
}

.next_page_sub {
  width: 100%;
  position: relative;
}

.next_page_sub:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 195px;
  height: 1px;
  background: #de6c6c;
  z-index: 1;
}

@media screen and (max-width: 739px) {
  .next_page_sub:after {
    width: 33vw;
  }
}
.next_page_sub:before {
  content: "";
  display: block;
  position: absolute;
  left: 193px;
  top: calc(50% - 2px);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #de6c6c;
  z-index: 1;
}

@media screen and (max-width: 739px) {
  .next_page_sub:before {
    left: 33vw;
  }
}
.next_page_sub b {
  display: inline-block;
  position: relative;
  z-index: 10;
  background: #fff;
  padding: 16px 10px 16px 0;
  font-size: 12px;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #de6c6c;
}

@media screen and (max-width: 739px) {
  .next_page_sub b {
    padding: 2vw 2vw 2vw 0;
    font-size: 3.2vw;
  }
}
/*------------------------------------------------------------------------------

クレド／PCは背景貼付き
support

------------------------------------------------------------------------------*/
.credo {
  width: 100%;
  position: relative;
  min-width: 1200px;
  background: url(/hebel-rooms/feature/boriki/img/support/credo_chapter_pc.jpg) no-repeat left top;
  background-size: auto;
  background-attachment: fixed;
  clear: both;
}

@media screen and (max-width: 1440px) {
  .credo {
    /*		background-size:auto 100%;*/
  }
}
@media screen and (max-width: 1200px) {
  .credo {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .credo {
    background: none;
  }
}
.credo_info_box {
  width: 50%;
  padding-top: 100px;
  padding-bottom: 80px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .credo_info_box {
    /*		margin:0 auto 0 50vw;*/
  }
}
@media screen and (max-width: 739px) {
  .credo_info_box {
    width: 100%;
    padding-top: 0;
    padding-bottom: 10vw;
    margin: 0;
  }
}
.credo_sp_image {
  display: none;
}

@media screen and (max-width: 739px) {
  .credo_sp_image {
    display: block;
    width: 100%;
  }
}
.credo_sp_image img {
  max-width: 100%;
}

.credo_inner_info {
  width: 720px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .credo_inner_info {
    /*		width:50vw;*/
  }
}
@media screen and (max-width: 739px) {
  .credo_inner_info {
    width: 89.33%;
    margin: 0 auto;
    padding-top: 10vw;
  }
}
.common_headline {
  width: 640px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .common_headline {
    /*		width:69.44%;*/
  }
}
@media screen and (max-width: 739px) {
  .common_headline {
    width: 100%;
  }
}
.credo_lead {
  width: 640px;
  margin: 0 auto;
  padding-top: 40px;
  line-height: 2;
  letter-spacing: 0.075em;
  font-weight: 500;
}

@media screen and (max-width: 1440px) {
  .credo_lead {
    /*		width:69.44%;*/
  }
}
@media screen and (max-width: 739px) {
  .credo_lead {
    width: 100%;
    padding-top: 8vw;
    font-size: 3.3vw;
  }
}
.credo_lead_anntotaion {
  width: 640px;
  margin: 0 auto;
  padding-top: 40px;
  font-size: 10px;
  color: #999;
}

@media screen and (max-width: 1440px) {
  .credo_lead_anntotaion {
    /*		width:69.44%;*/
  }
}
@media screen and (max-width: 739px) {
  .credo_lead_anntotaion {
    width: 100%;
    padding-top: 6vw;
    font-size: 3vw;
  }
}
.credo_charter_box {
  width: 640px;
  margin: 0 auto;
  position: relative;
  padding: 110px 0 65px;
}

@media screen and (max-width: 1440px) {
  .credo_charter_box {
    /*		width:69.44%;*/
  }
}
@media screen and (max-width: 739px) {
  .credo_charter_box {
    width: 100%;
    padding: 29vw 0 10vw;
  }
}
.credo_charter_box:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  height: 30px;
  background: url(/hebel-rooms/feature/boriki/img/support/bar_ribon_pc.png) no-repeat left center;
}

@media screen and (max-width: 739px) {
  .credo_charter_box:before {
    top: 9vw;
    height: 10vw;
    background: url(/hebel-rooms/feature/boriki/img/support/bar_ribon_sp.png) no-repeat left center;
    background-size: 100% auto;
  }
}
.credo_charter_box:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: url(/hebel-rooms/feature/boriki/img/support/bar_ribon_pc.png) no-repeat left center;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 739px) {
  .credo_charter_box:after {
    height: 10vw;
    background: url(/hebel-rooms/feature/boriki/img/support/bar_ribon_sp.png) no-repeat left center;
    background-size: 100% auto;
  }
}
.credo_charter_headline {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 739px) {
  .credo_charter_headline {
    font-size: 4vw;
    letter-spacing: 0.1em;
  }
}
.credo_charter_headline img {
  width: 73px;
  margin-bottom: 5px;
}

@media screen and (max-width: 739px) {
  .credo_charter_headline img {
    width: 21vw;
    margin-bottom: 2vw;
  }
}
.credo_charter_list {
  padding-top: 35px;
}

@media screen and (max-width: 739px) {
  .credo_charter_list {
    padding-top: 8vw;
  }
}
.credo_charter_list li {
  padding: 23px 0 23px 85px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 739px) {
  .credo_charter_list li {
    margin-bottom: 6vw;
    padding: 0 0 0 24vw;
    font-size: 3.8vw;
  }
}
.credo_charter_list li:nth-child(1) {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_credo01_pc.png) no-repeat left center;
}

@media screen and (max-width: 739px) {
  .credo_charter_list li:nth-child(1) {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_credo01_sp.png) no-repeat left center;
    background-size: 14.7vw auto;
  }
}
.credo_charter_list li:nth-child(2) {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_credo02_pc.png) no-repeat left center;
}

@media screen and (max-width: 739px) {
  .credo_charter_list li:nth-child(2) {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_credo02_sp.png) no-repeat left center;
    background-size: 14.7vw auto;
  }
}
.credo_charter_list li:nth-child(3) {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_credo03_pc.png) no-repeat left center;
}

@media screen and (max-width: 739px) {
  .credo_charter_list li:nth-child(3) {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_credo03_sp.png) no-repeat left center;
    background-size: 14.7vw auto;
  }
}
.credo_charter_list li:nth-child(4) {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_credo04_pc.png) no-repeat left center;
}

@media screen and (max-width: 739px) {
  .credo_charter_list li:nth-child(4) {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_credo04_sp.png) no-repeat left center;
    background-size: 14.7vw auto;
  }
}
.credo_charter_list li:nth-child(5) {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_credo05_pc.png) no-repeat left center;
}

@media screen and (max-width: 739px) {
  .credo_charter_list li:nth-child(5) {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_credo05_sp.png) no-repeat left center;
    background-size: 14.7vw auto;
  }
}
.credo_charter_list li:nth-child(6) {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_credo06_pc.png) no-repeat left center;
}

@media screen and (max-width: 739px) {
  .credo_charter_list li:nth-child(6) {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_credo06_sp.png) no-repeat left center;
    background-size: 14.7vw auto;
  }
}
.credo_charter_list li:nth-child(7) {
  background: url(/hebel-rooms/feature/boriki/img/support/icon_credo07_pc.png) no-repeat left center;
}

@media screen and (max-width: 739px) {
  .credo_charter_list li:nth-child(7) {
    background: url(/hebel-rooms/feature/boriki/img/support/icon_credo07_sp.png) no-repeat left center;
    background-size: 14.7vw auto;
  }
}
/*------------------------------------------------------------------------------

声スライダ
talk

------------------------------------------------------------------------------*/
.voice {
  width: 100%;
  min-width: 1200px;
  background: #f7f7f7;
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
  clear: both;
}

@media screen and (max-width: 1200px) {
  .voice {
    min-width: 0;
  }
}
.voice_slider_box {
  width: 100%;
  padding-top: 55px;
  position: relative;
  z-index: 990;
}

@media screen and (max-width: 739px) {
  .voice_slider_box {
    padding-top: 5vw;
  }
}
.voice_slider_list {
  width: 100%;
  padding-bottom: 40px;
  overflow: hidden;
}

@media screen and (max-width: 739px) {
  .voice_slider_list {
    padding-bottom: 8vw;
  }
}
.slider_item {
  width: 1000px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  z-index: 8;
  position: relative;
  outline: none;
}

@media screen and (max-width: 1000px) {
  .slider_item {
    width: 96%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.slider_contents {
  width: 1000px;
  margin: 0 auto;
  border-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  z-index: 11;
}

@media screen and (max-width: 1000px) {
  .slider_contents {
    width: 100%;
  }
}
@media screen and (max-width: 739px) {
  .slider_contents {
    display: block;
    width: 84%;
  }
}
@media screen and (max-width: 1000px) {
  .slick-prev {
    left: 0;
  }
}
@media screen and (max-width: 739px) {
  .slick-prev {
    left: 3vw;
  }
}
@media screen and (max-width: 1000px) {
  .slick-next {
    right: 0;
  }
}
@media screen and (max-width: 739px) {
  .slick-next {
    right: -1vw;
  }
}
@media screen and (max-width: 1000px) {
  .slick-prev:before,
  .slick-next:before {
    display: none;
  }
}
@media screen and (max-width: 739px) {
  .slick-prev:before,
  .slick-next:before {
    display: block;
  }
}
.slider_contents_info {
  width: 50%;
}

@media screen and (max-width: 739px) {
  .slider_contents_info {
    width: 90%;
    margin: 0 auto;
  }
}
.slider_contents_num {
  position: absolute;
  left: 10px;
  top: 10px;
}

@media screen and (max-width: 739px) {
  .slider_contents_num {
    left: 3vw;
    top: 3vw;
  }
}
.slider_contents_num em {
  display: inline-block;
  background: #a18dd3;
  border-radius: 5px;
  padding: 8px 15px;
  font-size: 14px;
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-style: normal;
}

@media screen and (max-width: 739px) {
  .slider_contents_num em {
    padding: 1.5vw 4vw;
    font-size: 3.2vw;
  }
}
.slider_contents_subhead {
  width: 380px;
  margin: 0 auto;
  position: relative;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-weight: 700;
}

@media screen and (max-width: 1000px) {
  .slider_contents_subhead {
    width: 76%;
  }
}
@media screen and (max-width: 739px) {
  .slider_contents_subhead {
    width: 100%;
    padding-top: 14vw;
    font-size: 4.4vw;
    letter-spacing: 0.05em;
    line-height: 1.4;
  }
}
.slider_contents_subhead:after {
  content: "";
  display: block;
  position: absolute;
  left: -40px;
  top: -8px;
  width: 36px;
  height: 29px;
  background: url(/hebel-rooms/feature/boriki/img/icon_quot01.png) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 739px) {
  .slider_contents_subhead:after {
    left: -1vw;
    top: 12vw;
    width: 5.5vw;
    height: 4.5vw;
  }
}
.slider_contents_text {
  width: 380px;
  margin: 0 auto;
  padding-top: 25px;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.9;
}

@media screen and (max-width: 1000px) {
  .slider_contents_text {
    width: 76%;
  }
}
@media screen and (max-width: 739px) {
  .slider_contents_text {
    width: 100%;
    padding-top: 3vw;
    font-size: 3.2vw;
  }
}
.slider_contents_text + .slider_contents_text {
  padding-top: 20px;
}

@media screen and (max-width: 739px) {
  .slider_contents_text + .slider_contents_text {
    padding-top: 4vw;
  }
}
.slider_contents_name {
  width: 380px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: right;
  position: relative;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1000px) {
  .slider_contents_name {
    width: 76%;
  }
}
@media screen and (max-width: 739px) {
  .slider_contents_name {
    width: 100%;
    margin-top: 3vw;
  }
}
.slider_contents_name em {
  display: inline-block;
  padding-left: 30px;
  background: #fff;
  position: relative;
  z-index: 10;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #b88dd3;
}

@media screen and (max-width: 739px) {
  .slider_contents_name em {
    font-size: 3.3vw;
  }
}
.slider_contents_name:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #a18dd3;
  z-index: 1;
}

.slider_contents_name:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background: #a18dd3;
  z-index: 10;
}

.slider_contents_name_inner {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  font-weight: 500;
  color: #b88dd3;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-style: normal;
}

@media screen and (max-width: 739px) {
  .slider_contents_name_inner {
    font-size: 3.3vw;
  }
}
.slider_contents_image {
  width: 50%;
  position: relative;
}

@media screen and (max-width: 739px) {
  .slider_contents_image {
    width: 100%;
    padding-top: 5vw;
  }
}
.slider_contents_image img {
  display: inline-block;
  border-radius: 0 9px 9px 0;
  max-width: 100%;
}

@media screen and (max-width: 739px) {
  .slider_contents_image img {
    border-radius: 0 0 9px 9px;
  }
}
.slider_contents_image:after {
  content: "image photo";
  display: block;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 980;
  font-size: 10px;
  color: #f7f7f7;
  letter-spacing: 0.1em;
  /*	text-shadow:0 2px 1px #fff,2px 0 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px 0 1px #fff;*/
}

/*カラバリ*/
.slider_item.item_color01 .slider_contents_num em,
.slider_item.item_color01 .slider_contents_name:after,
.slider_item.item_color01 .slider_contents_name:before {
  background: #a18dd3;
}

.slider_item.item_color01 .slider_contents_name span,
.slider_item.item_color01 .slider_contents_name_inner {
  color: #b88dd3;
}

.slider_item.item_color01 .slider_contents_subhead:after {
  background: url(/hebel-rooms/feature/boriki/img/icon_quot01.png) no-repeat center center;
  background-size: 100% auto;
}

.slider_item.item_color02 .slider_contents_num em,
.slider_item.item_color02 .slider_contents_name:after,
.slider_item.item_color02 .slider_contents_name:before {
  background: #de6c6c;
}

.slider_item.item_color02 .slider_contents_name span,
.slider_item.item_color02 .slider_contents_name_inner {
  color: #de6c6c;
}

.slider_item.item_color02 .slider_contents_subhead:after {
  background: url(/hebel-rooms/feature/boriki/img/icon_quot02.png) no-repeat center center;
  background-size: 100% auto;
}

.slider_item.item_color03 .slider_contents_num em,
.slider_item.item_color03 .slider_contents_name:after,
.slider_item.item_color03 .slider_contents_name:before {
  background: #c49361;
}

.slider_item.item_color03 .slider_contents_name span,
.slider_item.item_color03 .slider_contents_name_inner {
  color: #c49361;
}

.slider_item.item_color03 .slider_contents_subhead:after {
  background: url(/hebel-rooms/feature/boriki/img/icon_quot03.png) no-repeat center center;
  background-size: 100% auto;
}

.slider_item.item_color04 .slider_contents_num em,
.slider_item.item_color04 .slider_contents_name:after,
.slider_item.item_color04 .slider_contents_name:before {
  background: #94afe0;
}

.slider_item.item_color04 .slider_contents_name span,
.slider_item.item_color04 .slider_contents_name_inner {
  color: #94afe0;
}

.slider_item.item_color04 .slider_contents_subhead:after {
  background: url(/hebel-rooms/feature/boriki/img/icon_quot04.png) no-repeat center center;
  background-size: 100% auto;
}

.voice_image_list {
  width: calc(100% - 20px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  margin-bottom: -135px;
  background: #fff;
}

@media screen and (max-width: 739px) {
  .voice_image_list {
    width: calc(100% - 3vw);
    display: block;
    padding: 1.5vw 0;
    margin-bottom: -8vw;
  }
}
.voice_image_list li {
  width: 50%;
  position: relative;
}

@media screen and (max-width: 739px) {
  .voice_image_list li {
    width: 100%;
  }
}
@media screen and (max-width: 739px) {
  .voice_image_list li + li {
    padding-top: 1.5vw;
  }
}
.voice_image_list li img {
  display: inline-block;
  border-radius: 5px;
  max-width: 100%;
}

.voice_image_list li:after {
  content: "imgae photo";
  display: block;
  position: absolute;
  right: 2%;
  bottom: 3%;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.1em;
}

/*------------------------------------------------------------------------------

座談会
talk

------------------------------------------------------------------------------*/
.talks {
  width: 100%;
  min-width: 1200px;
  background: #fff;
  padding-top: 110px;
  padding-bottom: 100px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .talks {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .talks {
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
}
.talks.bggray {
  background: #f7f7f7;
}

.talks_lead {
  width: 56.66%;
  margin: 0 auto;
  padding-top: 40px;
  line-height: 2;
  letter-spacing: 0.075em;
  font-weight: 500;
}

@media screen and (max-width: 739px) {
  .talks_lead {
    width: 89.33%;
    padding-top: 10vw;
    font-size: 3.3vw;
  }
}
.talks_member_intro {
  width: 100%;
  background: #fff;
  padding-bottom: 30px;
  margin-top: 110px;
  position: relative;
  border-top: 1px solid #fff;
}

@media screen and (max-width: 739px) {
  .talks_member_intro {
    width: 89.33%;
    margin: 0 auto;
    padding-bottom: 4vw;
    margin-top: 18vw;
  }
}
.talks_member_list {
  width: 70%;
  margin: 0 auto;
  margin-top: -60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 739px) {
  .talks_member_list {
    width: 100%;
    margin-top: -12vw;
  }
}
.talks_member_list li {
  width: 33.33%;
  margin-bottom: 35px;
}

@media screen and (max-width: 739px) {
  .talks_member_list li {
    margin-bottom: 6vw;
  }
}
.talks_member_image {
  text-align: center;
  width: 120px;
  margin: 0 auto;
}

@media screen and (max-width: 739px) {
  .talks_member_image {
    width: 24vw;
  }
}
.talks_member_image img {
  max-width: 100%;
}

.talks_member_name {
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 739px) {
  .talks_member_name {
    padding-top: 2vw;
    font-size: 3.4vw;
  }
}
.color_a {
  color: #4eabd2;
}

.color_b {
  color: #de6c6c;
}

.color_c {
  color: #a5b142;
}

.color_d {
  color: #dbd081;
}

.color_e {
  color: #ab9ae2;
}

.color_f {
  color: #ee7421;
}

.talks_member_family {
  padding-top: 10px;
  font-size: 14px;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 739px) {
  .talks_member_family {
    padding-top: 2.5vw;
    font-size: 2.75vw;
  }
}
.talk_box {
  width: 83.33%;
  margin: 0 auto;
}

@media screen and (max-width: 739px) {
  .talk_box {
    width: 89.33%;
  }
}
.talks_member_intro + .talk_box {
  padding-top: 100px;
}

@media screen and (max-width: 739px) {
  .talks_member_intro + .talk_box {
    padding-top: 15vw;
  }
}
.talk_box dt {
  padding-left: 25px;
  font-size: 18px;
  font-weight: 700;
  color: #de6c6c;
  position: relative;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 739px) {
  .talk_box dt {
    padding-left: 5vw;
    font-size: 3.55vw;
  }
}
.talk_box dt:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 17px;
  height: 2px;
  background: #de6c6c;
}

@media screen and (max-width: 739px) {
  .talk_box dt:after {
    width: 3.5vw;
  }
}
.talk_headline {
  padding-top: 50px;
  font-size: 22px;
  font-weight: 700;
}

@media screen and (max-width: 739px) {
  .talk_headline {
    padding-top: 8vw;
    font-size: 5vw;
    line-height: 1.6;
  }
}
.talk_box dt + dd .talk_headline {
  padding-top: 25px;
}

@media screen and (max-width: 739px) {
  .talk_box dt + dd .talk_headline {
    padding-top: 4vw;
  }
}
.talk_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 25px;
}

@media screen and (max-width: 739px) {
  .talk_line {
    padding-top: 8vw;
  }
}
.talk_line_talker {
  width: 75px;
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 739px) {
  .talk_line_talker {
    width: 14vw;
    font-size: 3.2vw;
  }
}
.talk_line_text {
  width: calc(100% - 75px);
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 739px) {
  .talk_line_text {
    width: calc(100% - 14vw);
    font-size: 3.4vw;
  }
}
.talk_line_photo {
  padding-top: 35px;
}

@media screen and (max-width: 739px) {
  .talk_line_photo {
    padding-top: 10vw;
  }
}
.talk_line_photo img {
  max-width: 100%;
  display: inline-block;
  border-radius: 8px;
}

.support_club + .series_inquire_link {
  border-top: none;
}

/*------------------------------------------------------------------------------

2020.12.03 add
lineup

------------------------------------------------------------------------------*/
/* lineup */
.p-lineup {
  min-width: 1200px;
  background: #f9f9f5;
  position: relative;
}

@media screen and (max-width: 739px) {
  .p-lineup {
    min-width: 0;
  }
}
.p-lineup,
.p-lineup *,
.p-lineup *:before,
.p-lineup *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page-lineup .p-lineup:after,
.page-lineup .p-lineup:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  background: #fff;
  z-index: 980;
}

.page-lineup .p-lineup:before {
  left: 0;
}

.page-lineup .p-lineup:after {
  right: 0;
}

.p-lineup__container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.page-lineup .p-lineup__container {
  max-width: 1260px;
  width: auto;
}

@media screen and (max-width: 739px) {
  .page-lineup .p-lineup:after,
  .page-lineup .p-lineup:before {
    width: 1.5vw;
  }
  .p-lineup__container {
    width: 100%;
    padding-left: 5.333vw;
    padding-right: 5.333vw;
  }
}
/* heading */
.p-lineup-heading {
  padding-top: 80px;
}

.page-lineup .p-lineup-heading {
  display: none;
}

@media screen and (max-width: 739px) {
  .p-lineup-heading {
    padding-top: 10.667vw;
  }
}
/* main */
.p-lineup-main {
  padding-top: 80px;
  padding-bottom: 80px;
}

.p-lineup-main__head {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e4e4e4;
}

.page-lineup .p-lineup-main {
  padding-top: 0;
}

@media screen and (max-width: 739px) {
  .p-lineup-main {
    padding-top: 10.667vw;
    padding-bottom: 18.667vw;
  }
  .p-lineup-main__head {
    margin-bottom: 8vw;
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .page-lineup .p-lineup-main {
    padding-top: 0;
  }
}
/* tab */
.p-lineup-tab__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-lineup-tab__left {
  width: calc(100% - 132px);
  padding-right: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.p-lineup-tab__right {
  width: 132px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.p-lineup-tab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.p-lineup-tab__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.p-lineup-single {
  width: 100%;
}

@media screen and (max-width: 739px) {
  .p-lineup-tab__left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1.333vw;
  }
  .p-lineup-tab__right {
    width: 100%;
  }
  .p-lineup-tab__list {
    margin-left: -0.6667vw;
    margin-right: -0.6667vw;
    margin-bottom: -1.333vw;
  }
  .p-lineup-tab__item {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 0.6667vw;
    padding-right: 0.6667vw;
    margin-bottom: 1.333vw;
  }
}
/* tab-item */
.p-lineup-tab-item a {
  display: block;
  border: 1px solid #000;
  padding: 6.5px 9px;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.09em;
  line-height: 1.6;
  text-align: center;
  color: #000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.p-lineup-tab-item a.is-active,
.p-lineup-tab-item a:hover {
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
}

.p-lineup-tab-item a[data-lineup-tab=kanto],
.p-lineup-tab-item a[data-lineup-tab=tokyo_23],
.p-lineup-tab-item a[data-lineup-tab=tokyo_toka],
.p-lineup-tab-item a[data-lineup-tab=kanagawa],
.p-lineup-tab-item a[data-lineup-tab=chiba],
.p-lineup-tab-item a[data-lineup-tab=saitama] {
  border-color: #de6c6c;
  color: #de6c6c;
}

.p-lineup-tab-item a[data-lineup-tab=kanto]:hover,
.p-lineup-tab-item a[data-lineup-tab=kanto].is-active,
.p-lineup-tab-item a[data-lineup-tab=tokyo_23]:hover,
.p-lineup-tab-item a[data-lineup-tab=tokyo_23].is-active,
.p-lineup-tab-item a[data-lineup-tab=tokyo_toka]:hover,
.p-lineup-tab-item a[data-lineup-tab=tokyo_toka].is-active,
.p-lineup-tab-item a[data-lineup-tab=kanagawa]:hover,
.p-lineup-tab-item a[data-lineup-tab=kanagawa].is-active,
.p-lineup-tab-item a[data-lineup-tab=chiba]:hover,
.p-lineup-tab-item a[data-lineup-tab=chiba].is-active,
.p-lineup-tab-item a[data-lineup-tab=saitama]:hover,
.p-lineup-tab-item a[data-lineup-tab=saitama].is-active {
  color: #de6c6c;
  background: #feefef;
}

.p-lineup-tab-item a[data-lineup-tab=kansai],
.p-lineup-tab-item a[data-lineup-tab=osaka] {
  border-color: #4eabd2;
  color: #4eabd2;
}

.p-lineup-tab-item a[data-lineup-tab=kansai]:hover,
.p-lineup-tab-item a[data-lineup-tab=kansai].is-active,
.p-lineup-tab-item a[data-lineup-tab=osaka]:hover,
.p-lineup-tab-item a[data-lineup-tab=osaka].is-active {
  color: #4eabd2;
  background: #f0fbff;
}

.p-lineup-tab-item a[data-lineup-tab=all] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: #333;
  background: #333;
  color: #fff;
}

.p-lineup-tab-item a[data-lineup-tab=all] span {
  line-height: 1.6;
}

.p-lineup-tab-item a[data-lineup-tab=all]:before {
  content: "";
  display: block;
  width: 13.5px;
  height: 13.5px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.5%2013.5%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M12.5%2C13.5H9c-0.6%2C0-1-0.4-1-1V9c0-0.6%2C0.4-1%2C1-1h3.5c0.6%2C0%2C1%2C0.4%2C1%2C1v3.5C13.5%2C13.1%2C13.1%2C13.5%2C12.5%2C13.5z%20M12.5%2C5.5H9c-0.6%2C0-1-0.4-1-1V1c0-0.6%2C0.4-1%2C1-1h3.5c0.6%2C0%2C1%2C0.4%2C1%2C1v3.5C13.5%2C5.1%2C13.1%2C5.5%2C12.5%2C5.5z%20M4.5%2C13.5H1c-0.6%2C0-1-0.4-1-1V9c0-0.6%2C0.4-1%2C1-1h3.5c0.6%2C0%2C1%2C0.4%2C1%2C1v3.5C5.5%2C13.1%2C5.1%2C13.5%2C4.5%2C13.5z%20M4.5%2C5.5H1c-0.6%2C0-1-0.4-1-1V1c0-0.6%2C0.4-1%2C1-1h3.5c0.6%2C0%2C1%2C0.4%2C1%2C1v3.5C5.5%2C5.1%2C5.1%2C5.5%2C4.5%2C5.5z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 13.5px 13.5px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.p-lineup-tab-item a[data-lineup-tab=all]:hover,
.p-lineup-tab-item a[data-lineup-tab=all].is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  color: #333;
}

.p-lineup-tab-item a[data-lineup-tab=all]:hover:before,
.p-lineup-tab-item a[data-lineup-tab=all].is-active:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.5%2013.5%22%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M12.5%2C13.5H9c-0.6%2C0-1-0.4-1-1V9c0-0.6%2C0.4-1%2C1-1h3.5c0.6%2C0%2C1%2C0.4%2C1%2C1v3.5C13.5%2C13.1%2C13.1%2C13.5%2C12.5%2C13.5z%20M12.5%2C5.5H9c-0.6%2C0-1-0.4-1-1V1c0-0.6%2C0.4-1%2C1-1h3.5c0.6%2C0%2C1%2C0.4%2C1%2C1v3.5C13.5%2C5.1%2C13.1%2C5.5%2C12.5%2C5.5z%20M4.5%2C13.5H1c-0.6%2C0-1-0.4-1-1V9c0-0.6%2C0.4-1%2C1-1h3.5c0.6%2C0%2C1%2C0.4%2C1%2C1v3.5C5.5%2C13.1%2C5.1%2C13.5%2C4.5%2C13.5z%20M4.5%2C5.5H1c-0.6%2C0-1-0.4-1-1V1c0-0.6%2C0.4-1%2C1-1h3.5c0.6%2C0%2C1%2C0.4%2C1%2C1v3.5C5.5%2C5.1%2C5.1%2C5.5%2C4.5%2C5.5z%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (max-width: 739px) {
  .p-lineup-tab-item a {
    border-width: 0.2667vw;
    padding: 2.2667vw;
    border-radius: 0.8vw;
    font-size: 3.733vw;
  }
  .p-lineup-tab-item[data-lineup-tab=all] a:before {
    width: 3.6vw;
    height: 3.6vw;
    margin-right: 2vw;
    background-size: 3.6vw 3.6vw;
  }
}
/* list */
.p-lineup-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -30px;
}

.p-lineup-list__item {
  width: 33.333%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media screen and (max-width: 1199px) {
  .p-lineup-list__item {
    width: 50%;
  }
}
@media screen and (max-width: 739px) {
  .p-lineup-list {
    margin-bottom: -4vw;
  }
  .p-lineup-list__item {
    width: 100%;
    margin-bottom: 4vw;
  }
}
/* item */
.p-lineup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  /* box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.2); */
  -webkit-box-shadow: 1px 3px 10px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 10px -2px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: relative;
}

.p-lineup-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

[data-area=kanto] .p-lineup-item:hover:after,
[data-area=kanto] .p-lineup-item:active:after,
[data-area=kanto] .p-lineup-item:focus:after {
  border-color: #efbdbd;
}

[data-area=kansai] .p-lineup-item:hover:after,
[data-area=kansai] .p-lineup-item:active:after,
[data-area=kansai] .p-lineup-item:focus:after {
  border-color: #abd9ed;
}

.p-lineup-item__col-image {
  width: 160px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.p-lineup-item__col-data {
  width: calc(100% - 160px);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.p-lineup-item__image {
  width: 100%;
  height: 100%;
  min-height: 160px;
  position: relative;
  overflow: hidden;
}

.p-lineup-item__image img {
  display: block;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-lineup-item__data {
  padding: 10px 15px;
}

.p-lineup-item__name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #242527;
  padding-bottom: 5px;
}

.p-lineup-item__place,
.p-lineup-item__access,
.p-lineup-item__size {
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: 0.025em;
  color: #666;
  margin-top: 5px;
}

@media screen and (max-width: 739px) {
  .p-lineup-item {
    border-radius: 1.333vw;
    -webkit-box-shadow: 0.133vw 0.4vw 1.333vw -0.2667vw rgba(0, 0, 0, 0.2);
    box-shadow: 0.133vw 0.4vw 1.333vw -0.2667vw rgba(0, 0, 0, 0.2);
  }
  .p-lineup-item:after {
    border-width: 0.533vw;
    border-radius: 1.333vw;
  }
  .p-lineup-item__col-image {
    width: 42.6667vw;
  }
  .p-lineup-item__col-data {
    width: calc(100% - 42.6667vw);
  }
  .p-lineup-item__image {
    min-height: 42.6667vw;
  }
  .p-lineup-item__data {
    padding: 2.667vw 3.333vw;
  }
  .p-lineup-item__name {
    font-size: 3.733vw;
    padding-bottom: 1.333vw;
  }
  .p-lineup-item__place,
  .p-lineup-item__access,
  .p-lineup-item__size {
    font-size: 2.933vw;
    margin-top: 1.333vw;
  }
}
/* link */
.p-lineup-link {
  padding-top: 80px;
  padding-bottom: 80px;
}

.p-lineup-link__head {
  display: none;
}

.p-lineup-link__banner {
  text-align: center;
  font-size: 0;
}

.p-lineup-link__banner a {
  display: inline-block;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.p-lineup-link__banner a:hover {
  opacity: 0.75;
}

.p-lineup-link__banner img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 739px) {
  .p-lineup-link {
    padding-top: 13.333vw;
    padding-bottom: 13.333vw;
  }
  .p-lineup-link__inner {
    width: 89.333vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9.333vw;
    padding-bottom: 2.6667vw;
    padding-left: 2vw;
    padding-right: 2vw;
    border: 1px solid #e6e6e6;
    border-radius: 1.333vw;
    background: #fff;
  }
  .p-lineup-link__head {
    display: block;
  }
}
/* link-heading */
.p-lineup-link-heading {
  /* font-family: 'Quicksand', sans-serif; */
  text-align: center;
  margin-bottom: 6.667vw;
}

.p-lineup-link-heading__en {
  font-size: 3.733vw;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #de6c6c;
  margin-bottom: 2vw;
}

.p-lineup-link-heading__ja {
  font-size: 5.8667vw;
  line-height: 1;
  letter-spacing: 0.18em;
  color: #151515;
}

.p-lineup-link-heading__read {
  font-size: 3.733vw;
  font-weight: normal;
  margin-top: 3.333vw;
}

.js-lineup__list {
  position: relative;
}

.js-lineup__item {
  position: absolute;
}

.sp-br {
  display: none;
}

@media screen and (max-width: 739px) {
  .sp-br {
    display: block;
  }
}
.support-company-logo {
  width: 100%;
  padding: 90px 0 30px;
}

@media screen and (max-width: 739px) {
  .support-company-logo {
    padding: 10vw 0 4vw;
  }
}
.support-company-catch {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 739px) {
  .support-company-catch {
    font-size: 4vw;
  }
}
.support-company-catch .is-shape {
  display: inline-block;
  position: relative;
  padding: 5px 24px;
}

@media screen and (max-width: 739px) {
  .support-company-catch .is-shape {
    padding: 1vw 10vw;
    line-height: 1.6;
  }
}
.support-company-catch .is-shape:before, .support-company-catch .is-shape:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 15px);
  width: 21px;
  height: 30px;
}

@media screen and (max-width: 739px) {
  .support-company-catch .is-shape:before, .support-company-catch .is-shape:after {
    top: calc(50% - 5vw);
    width: 7vw;
    height: 10.5vw;
  }
}
.support-company-catch .is-shape:before {
  left: 0;
  background: url(/hebel-rooms/feature/boriki/img/support/shape01_pc.png) no-repeat center center;
  background-size: 100%;
}

@media screen and (max-width: 739px) {
  .support-company-catch .is-shape:before {
    background: url(/hebel-rooms/feature/boriki/img/support/shape01_sp.png) no-repeat center center;
    background-size: 100%;
  }
}
.support-company-catch .is-shape:after {
  right: 0;
  background: url(/hebel-rooms/feature/boriki/img/support/shape02_pc.png) no-repeat center center;
  background-size: 100%;
}

@media screen and (max-width: 739px) {
  .support-company-catch .is-shape:after {
    background: url(/hebel-rooms/feature/boriki/img/support/shape02_sp.png) no-repeat center center;
    background-size: 100%;
  }
}
.support-logo-list {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px;
}

@media screen and (max-width: 739px) {
  .support-logo-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
  }
}
.support-logo-item {
  padding: 30px 25px 0;
  text-align: center;
}

@media screen and (max-width: 739px) {
  .support-logo-item {
    padding: 4vw 0 0;
    width: 50%;
  }
}
.support-logo-item img {
  max-width: 90%;
  vertical-align: middle;
}

@media screen and (max-width: 739px) {
  .support-logo-item img {
    max-width: 77%;
  }
}
.support-text-item {
  width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em 5px;
  line-height: 1.8;
}

@media screen and (max-width: 739px) {
  .support-text-item {
    width: 50%;
  }
}
.lr_list_item .lr_item_annotation {
  width: 440px;
  margin: 0 auto 0 0;
  padding-top: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.075em;
}

@media screen and (max-width: 739px) {
  .lr_list_item .lr_item_annotation {
    width: 100%;
    margin: 0;
    padding-top: 3vw;
    font-size: 3vw;
  }
}
@media screen and (max-width: 739px) {
  .lr_list_item.type_sky {
    padding-top: 37vw;
  }
}
.lr_list_item.type_sky .lr_item_info {
  padding-top: 90px;
}

@media screen and (max-width: 739px) {
  .lr_list_item.type_sky .lr_item_info {
    padding-top: 0;
  }
}
@media screen and (max-width: 739px) {
  .lr_list_item.type_sky .lr_item_headline {
    line-height: 1.4;
  }
}
@media screen and (max-width: 739px) {
  .lr_list_item.type_sky .lr_item_headline em {
    padding-top: 0;
  }
}
.lr_list_item.type_sky .lr_item_image small {
  text-align: left !important;
}

.lr_list_item.type_sky .lr_item_add {
  text-align: right !important;
}

.lr_list_item.type_sky .lr_item_add em {
  padding-right: 0 !important;
  padding-left: 15px !important;
}

.lr_list_item.type_sky .lr_item_add em:after {
  right: auto !important;
  left: 0 !important;
}

.reason-lead {
  max-width: 700px;
  margin: 40px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 739px) {
  .reason-lead {
    width: 100%;
    margin-top: 6.9333333333vw;
    padding: 0 4.8vw;
  }
}
.reason-lead .is-text {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width: 739px) {
  .reason-lead .is-text {
    font-size: 3.7333333333vw;
  }
}
.reason-lead .is-annotation {
  padding: 20px 0 0;
  font-size: 12px;
  color: #999;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 739px) {
  .reason-lead .is-annotation {
    padding: 2.6666666667vw 0 0;
    font-size: 2.6666666667vw;
  }
}

.reason-intro-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: linear-gradient(to bottom, transparent 0%, transparent 40px, #fff 40px);
  padding: 0 0 65px;
  margin: 45px 0 0;
  position: relative;
}
@media screen and (max-width: 739px) {
  .reason-intro-wrap {
    width: calc(100% - 10.6666666667vw);
    margin: 11.7333333333vw auto 0;
    position: relative;
    z-index: 1;
    background: none;
    padding: 0;
  }
}
.reason-intro-wrap:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 11.7333333333vw;
  width: 100%;
  height: calc(100% - 11.7333333333vw);
  background: #fff;
  border-radius: 2vw;
}

.reason-member-list {
  max-width: 83.333%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 739px) {
  .reason-member-list {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3.7333333333vw 3.2vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.reason-member-list * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.reason-member-item {
  width: 22.5%;
}
@media screen and (max-width: 739px) {
  .reason-member-item {
    width: 47%;
    margin-bottom: 3.2vw;
  }
}
.reason-member-item .is-image {
  overflow: hidden;
}
.reason-member-item .is-image img {
  border: 4px solid #000;
  border-radius: 10px;
  max-width: 100%;
}
@media screen and (max-width: 739px) {
  .reason-member-item .is-image img {
    border: 0.8vw solid #000;
    border-radius: 2.6666666667vw;
  }
}
.reason-member-item .is-name {
  padding: 0.8em 0 0;
  font-size: 14px;
}
@media screen and (max-width: 739px) {
  .reason-member-item .is-name {
    padding: 2.6666666667vw 0 0;
    font-size: 4vw;
  }
}
.reason-member-item .is-text {
  padding: 0.8em 0 0;
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 739px) {
  .reason-member-item .is-text {
    padding: 2.1333333333vw 0 0;
    font-size: 2.6666666667vw;
  }
}
.reason-member-item.color_a .is-name {
  color: #4eabd2;
}
.reason-member-item.color_a .is-image img {
  border: 4px solid #4eabd2;
}
.reason-member-item.color_b .is-name {
  color: #de6c6c;
}
.reason-member-item.color_b .is-image img {
  border: 4px solid #de6c6c;
}
.reason-member-item.color_c .is-name {
  color: #a5b142;
}
.reason-member-item.color_c .is-image img {
  border: 4px solid #a5b142;
}
.reason-member-item.color_d .is-name {
  color: #d1bf4b;
}
.reason-member-item.color_d .is-image img {
  border: 4px solid #d1bf4b;
}

.reason-list-wrap {
  width: 100%;
  padding: 96px 0 0;
}
@media screen and (max-width: 739px) {
  .reason-list-wrap {
    padding: 13.3333333333vw 0 0;
  }
}
.reason-list-wrap * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.reason-list-headline {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (max-width: 739px) {
  .reason-list-headline {
    font-size: 4.8vw;
  }
}

.reason-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 52px 0 0;
}
@media screen and (max-width: 739px) {
  .reason-list {
    padding: 6.4vw 5.3333333333vw 0 9.0666666667vw;
  }
}

.reason-item {
  width: 46%;
  background: #fff;
  position: relative;
  border-radius: 5px;
  padding: 36px 28px 36px 132px;
  margin: 0 0 36px;
}
@media screen and (max-width: 739px) {
  .reason-item {
    width: 100%;
    border-radius: 2vw;
    padding: 4.2666666667vw 3.7333333333vw 4.2666666667vw 25.6vw;
    margin: 0 0 2.6666666667vw;
  }
}
.reason-item:nth-of-type(2n) {
  margin-left: 5%;
}
@media screen and (max-width: 739px) {
  .reason-item:nth-of-type(2n) {
    margin-left: 0;
  }
}
.reason-item .is-name {
  position: absolute;
  z-index: 2;
  left: -44px;
  top: -8px;
  text-indent: -9999px;
  overflow: hidden;
  width: 155px;
  height: 145px;
}
@media screen and (max-width: 739px) {
  .reason-item .is-name {
    left: -3.7333333333vw;
    top: calc(50% - 12vw);
    width: 26.6666666667vw;
    height: 25.0666666667vw;
  }
}
.reason-item .is-name:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.reason-item .is-text {
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 739px) {
  .reason-item .is-text {
    font-size: 3.7333333333vw;
  }
}
.reason-item .is-text b {
  font-weight: 700;
}
.reason-item.color_a .is-name {
  background: url(/hebel-rooms/feature/boriki/img/talk/reason_ballon_blue.svg) no-repeat center center;
  background-size: 100%;
}
.reason-item.color_a .is-name:after {
  background: url(/hebel-rooms/feature/boriki/img/talk/icon_hand3.png) no-repeat 47% 62px;
  background-size: 67px 51px;
}
@media screen and (max-width: 739px) {
  .reason-item.color_a .is-name:after {
    background: url(/hebel-rooms/feature/boriki/img/talk/icon_hand3.png) no-repeat 47% 10.1333333333vw;
    background-size: 11.7333333333vw 8.8vw;
  }
}
.reason-item.color_a .is-name.is-icon-shake:after {
  background: url(/hebel-rooms/feature/boriki/img/talk/icon_shake.png) no-repeat 47% 62px;
  background-size: 62px 55px;
}
@media screen and (max-width: 739px) {
  .reason-item.color_a .is-name.is-icon-shake:after {
    background: url(/hebel-rooms/feature/boriki/img/talk/icon_shake.png) no-repeat 47% 10.1333333333vw;
    background-size: 10.6666666667vw 9.6vw;
  }
}
.reason-item.color_a .is-text b {
  color: #4eabd2;
}
.reason-item.color_b .is-name {
  background: url(/hebel-rooms/feature/boriki/img/talk/reason_ballon_red.svg) no-repeat center center;
  background-size: 100%;
}
.reason-item.color_b .is-name:after {
  background: url(/hebel-rooms/feature/boriki/img/talk/icon_ballon.png) no-repeat 47% 62px;
  background-size: 58px 60px;
}
@media screen and (max-width: 739px) {
  .reason-item.color_b .is-name:after {
    background: url(/hebel-rooms/feature/boriki/img/talk/icon_ballon.png) no-repeat 47% 10.1333333333vw;
    background-size: 10vw 10.4vw;
  }
}
.reason-item.color_b .is-text b {
  color: #de6c6c;
}
.reason-item.color_c .is-name {
  background: url(/hebel-rooms/feature/boriki/img/talk/reason_ballon_green.svg) no-repeat center center;
  background-size: 100%;
}
.reason-item.color_c .is-name:after {
  background: url(/hebel-rooms/feature/boriki/img/talk/icon_heart.png) no-repeat 47% 62px;
  background-size: 49px 54px;
}
@media screen and (max-width: 739px) {
  .reason-item.color_c .is-name:after {
    background: url(/hebel-rooms/feature/boriki/img/talk/icon_heart.png) no-repeat 47% 10.1333333333vw;
    background-size: 8.6666666667vw 9.3333333333vw;
  }
}
.reason-item.color_c .is-text b {
  color: #a5b142;
}
.reason-item.color_d .is-name {
  background: url(/hebel-rooms/feature/boriki/img/talk/reason_ballon_khaki.svg) no-repeat center center;
  background-size: 100%;
}
.reason-item.color_d .is-name:after {
  background: url(/hebel-rooms/feature/boriki/img/talk/icon_shake.png) no-repeat 47% 62px;
  background-size: 62px 55px;
}
@media screen and (max-width: 739px) {
  .reason-item.color_d .is-name:after {
    background: url(/hebel-rooms/feature/boriki/img/talk/icon_shake.png) no-repeat 47% 10.1333333333vw;
    background-size: 10.6666666667vw 9.6vw;
  }
}
.reason-item.color_d .is-name.is-icon-hand3:after {
  background: url(/hebel-rooms/feature/boriki/img/talk/icon_hand3.png) no-repeat 47% 62px;
  background-size: 67px 51px;
}
@media screen and (max-width: 739px) {
  .reason-item.color_d .is-name.is-icon-hand3:after {
    background: url(/hebel-rooms/feature/boriki/img/talk/icon_hand3.png) no-repeat 47% 10.1333333333vw;
    background-size: 11.7333333333vw 8.8vw;
  }
}
.reason-item.color_d .is-text b {
  color: #d1bf4b;
}

.survey-list-wrap {
  width: 100%;
  padding: 80px 0 0;
}
@media screen and (max-width: 739px) {
  .survey-list-wrap {
    padding: 11.2vw 0 0;
  }
}
.survey-list-wrap * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.survey-list {
  width: 100%;
}
@media screen and (max-width: 739px) {
  .survey-list {
    padding: 0 4.8vw;
  }
}

.survey-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 116px;
}
@media screen and (max-width: 739px) {
  .survey-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 15.4666666667vw;
  }
}
.survey-item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.survey-item:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: -48px;
  top: -36px;
  width: 160px;
  height: 160px;
  border-radius: 30px;
}
@media screen and (max-width: 739px) {
  .survey-item:before {
    left: -2.6666666667vw;
    top: -2.6666666667vw;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border-radius: 2vw;
  }
}
.survey-item.is-blue:before {
  background: #dceef6;
}
.survey-item.is-blue .survey-item-info .lt-en {
  color: #dceef6;
}
.survey-item.is-pink:before {
  background: #f8e2e2;
}
.survey-item.is-pink .survey-item-info .lt-en {
  color: #f8e2e2;
}
.survey-item.is-green:before {
  background: #edefd9;
}
.survey-item.is-green .survey-item-info .lt-en {
  color: #edefd9;
}
.survey-item.is-reverse:before {
  left: inherit;
  right: -48px;
}
@media screen and (max-width: 739px) {
  .survey-item.is-reverse:before {
    right: inherit;
    left: -2.6666666667vw;
  }
}
.survey-item.is-reverse .survey-item-image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 739px) {
  .survey-item.is-reverse .survey-item-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.survey-item.is-reverse .survey-item-info {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 3% 0 8.333%;
}
@media screen and (max-width: 739px) {
  .survey-item.is-reverse .survey-item-info {
    padding: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.survey-item-image {
  width: 52.5%;
  height: 450px;
  background: #faf9f9;
  border-radius: 15px;
  -webkit-box-shadow: 1px 4px 4px 1px rgba(1, 1, 1, 0.1);
          box-shadow: 1px 4px 4px 1px rgba(1, 1, 1, 0.1);
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media screen and (max-width: 739px) {
  .survey-item-image {
    width: 100%;
    height: 63.7333333333vw;
    border-radius: 2vw;
  }
}
@media screen and (max-width: 739px) {
  .survey-item-image img {
    width: 86%;
  }
}

.survey-item-info {
  width: 47.5%;
  padding: 0 8.333% 0 3%;
}
@media screen and (max-width: 739px) {
  .survey-item-info {
    width: 100%;
    padding: 0;
  }
}

.survey-item-headline {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 739px) {
  .survey-item-headline {
    padding-top: 3.2vw;
    font-size: 4.8vw;
  }
}
.survey-item-headline .lt-en {
  display: block;
  margin-bottom: 24px;
  font-size: 60px;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (max-width: 739px) {
  .survey-item-headline .lt-en {
    margin-bottom: 1.0666666667vw;
    font-size: 12vw;
    text-align: right;
  }
}

.survey-item-lead {
  padding: 24px 0 0;
}
@media screen and (max-width: 739px) {
  .survey-item-lead {
    padding: 4.2666666667vw 0 0;
  }
}
.survey-item-lead .is-text {
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 739px) {
  .survey-item-lead .is-text {
    font-size: 3.7333333333vw;
  }
}

/*2025.5 追加*/
.hello-boriki {
  width: 100%;
  min-width: 1440px;
  padding-top: 110px;
  padding-bottom: 100px;
  background: #fff;
  clear: both;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1440px) {
  .hello-boriki {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .hello-boriki {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}
@media screen and (max-width: 739px) {
  .hello-boriki .common_headline {
    line-height: 1.6;
  }
}

.common-image-full {
  width: 100%;
  padding: 44px 0 0;
}
@media screen and (max-width: 739px) {
  .common-image-full {
    width: 89.7435897436vw;
    margin: 0 auto;
    padding: 6.1538461538vw 0 0;
  }
}
.common-image-full.is-center {
  text-align: center;
}
.common-image-full img {
  border-radius: 20px;
  -webkit-box-shadow: 1px 3px 10px -2px rgba(1, 1, 1, 0.3);
          box-shadow: 1px 3px 10px -2px rgba(1, 1, 1, 0.3);
}

.hello-boriki-content-list {
  padding: 60px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 739px) {
  .hello-boriki-content-list {
    padding: 10.2564102564vw 0 0;
  }
}

.hello-boriki-content-item {
  width: 150px;
}
@media screen and (max-width: 739px) {
  .hello-boriki-content-item {
    width: 42.3076923077vw;
    margin-bottom: 4.1025641026vw;
  }
}
.hello-boriki-content-item .is-catch {
  font-size: 18px;
  color: #DE6C6C;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  text-align: center;
}
.hello-boriki-content-item .is-catch .is-left,
.hello-boriki-content-item .is-catch .is-right {
  position: relative;
  width: 12px;
  display: inline-block;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
@media screen and (max-width: 739px) {
  .hello-boriki-content-item .is-catch .is-left,
  .hello-boriki-content-item .is-catch .is-right {
    width: 3.0769230769vw;
  }
}
.hello-boriki-content-item .is-catch .is-left svg .cls-1,
.hello-boriki-content-item .is-catch .is-right svg .cls-1 {
  fill: none;
  stroke: #DE6C6C;
  stroke-linecap: round;
}
.hello-boriki-content-item .is-catch .is-left {
  padding-right: 4px;
}
.hello-boriki-content-item .is-catch .is-left svg {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.hello-boriki-content-item .is-catch .is-right {
  padding-left: 4px;
}
.hello-boriki-content-item .is-content {
  margin-top: 10px;
  width: 150px;
  height: 150px;
  background: #DE6C6C;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 739px) {
  .hello-boriki-content-item .is-content {
    width: 42.3076923077vw;
    height: 38.4615384615vw;
    border-radius: 2.5641025641vw;
  }
}
.hello-boriki-content-item .is-text {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (max-width: 739px) {
  .hello-boriki-content-item .is-text {
    font-size: 4.1025641026vw;
  }
}
.hello-boriki-content-item.is-what .is-catch {
  color: #E69259;
}
.hello-boriki-content-item.is-what .is-catch .is-left svg .cls-1,
.hello-boriki-content-item.is-what .is-catch .is-right svg .cls-1 {
  stroke: #E69259;
}
.hello-boriki-content-item.is-what .is-content {
  background: #E69259;
}
.hello-boriki-content-item.is-who .is-catch {
  color: #D6C234;
}
.hello-boriki-content-item.is-who .is-catch .is-left svg .cls-1,
.hello-boriki-content-item.is-who .is-catch .is-right svg .cls-1 {
  stroke: #D6C234;
}
.hello-boriki-content-item.is-who .is-content {
  background: #D6C234;
}
.hello-boriki-content-item.is-how .is-catch {
  color: #B2BC57;
}
.hello-boriki-content-item.is-how .is-catch .is-left svg .cls-1,
.hello-boriki-content-item.is-how .is-catch .is-right svg .cls-1 {
  stroke: #B2BC57;
}
.hello-boriki-content-item.is-how .is-content {
  background: #B2BC57;
}