/*! Writen  by SCSS */
.cler {
  clear: both; }

.is-visiblePc {
  display: block !important; }

.is-visibleSp {
  display: none !important; }

@media screen and (max-width: 767px) {
  .is-visiblePc {
    display: none !important; }

  .is-visibleSp {
    display: block !important; } }
.fluid-image {
  max-width: 100%;
  height: auto; }

.fluid-image-center-sp {
  max-width: 80%;
  height: auto;
  margin: 10px auto 10px auto; }

.fluid-image-center {
  text-align: center;
  margin: 30px auto; }

.full-image {
  width: 100%; }

/* customize-select
-------------------------------------------------- */
.customize-select-box-sec01 .customize-select-box-hdg-lv2 {
  margin: 0 auto 16px;
  padding-top: 45px; }

.customize-select-box-sec01 .customize-select-box-txt {
  margin-bottom: 51px; }

.customize-select-box-sec01-arrow {
  text-align: center;
  margin: 25px 0; }

.customize-select-box-sec01-lst03 {
  margin-top: 165px; }

.customize-select-box-sec01-lst01.row,
.customize-select-box-sec01-lst02.row,
.customize-select-box-sec01-lst03.row,
.customize-select-box-sec01-lst04.row {
  margin-left: -40px;
  margin-right: -40px; }

.customize-select-box-sec01-lst01 .col-xs-12,
.customize-select-box-sec01-lst02 .col-xs-12,
.customize-select-box-sec01-lst03 .col-xs-12,
.customize-select-box-sec01-lst04 .col-xs-12 {
  padding: 0 40px; }

.customize-select-txt {
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  margin-top: 57px; }

.customize-select-txt span {
  display: block;
  font-size: 14px;
  margin-top: 10px; }

.customize-select-container-inner {
  max-width: 660px;
  margin: 0 auto; }

.customize-select-mainimg-link-area a:hover {
  opacity: 1; }

.customize-select-mainimg-inner {
  position: relative; }
  .customize-select-mainimg-inner .cap {
    bottom: 20px; }
    @media screen and (max-width: 768px) {
      .customize-select-mainimg-inner .cap {
        bottom: 0; } }

.customize-select-mainimg-ttl {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 2; }

.border_head {
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #233772;
  gap: 0 0.8em;
  margin-bottom: 30px; }
  .border_head .text {
    flex-shrink: 0; }
  .border_head::before, .border_head::after {
    content: "";
    width: 100%;
    border-top: 1px solid; }

.customize-select-box-txt {
  text-align: center;
  font-size: 18px;
  margin: 0 0 30px;
  line-height: 1.5; }

.customize-select-mainimg-link-area {
  margin-top: -55px; }

.customize-select-mainimg-link-area .row {
  margin-left: -3px;
  margin-right: -3px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.customize-select-mainimg-link-area .col-xs-6 {
  padding: 0 3px;
  margin-bottom: 23px; }

@media screen and (max-width: 1400px) {
  .customize-select-mainimg-ttl img {
    width: 35%; }

  .customize-select-mainimg-link-area {
    margin-top: -30px; } }
.customize-select-box-hdg-lv2 {
  margin: 65px auto;
  text-align: center; }

.customize-select-box-sec02 .customize-select-box-hdg-lv2 {
  margin-bottom: 32px;
  padding-top: 55px;
  margin-top: 0; }

.customize-select-box-hdg-lv3 {
  margin-bottom: 25px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #444;
  line-height: 1.5;
  padding-top: 20px; }

.customize-select-box-hdg-lv4 {
  font-size: 22px;
  color: #444;
  margin-top: 25px;
  margin-bottom: 12px;
  text-align: center; }

.customize-select-box-sec02 {
  padding: 30px 0 130px;
  margin-top: 130px; }

.select_plan-box-sec02-lst02 .col-xs-2 {
  width: 12.5%; }

.select_plan-box-sec02-lst02 > div {
  margin-bottom: 30px; }

@media screen and (min-width: 768px) and (max-width: 1019px) {
  .customize-select-box-sec02 {
    padding-bottom: 110px; } }
.customize-select-box-sec02-lst02 .col-xs-2 {
  width: 12.5%; }

.customize-select-box-sec02-lst01 + .customize-select-box-txt {
  margin-top: 24px;
  margin-bottom: 40px; }

.customize-select-box-sec02-lst01 + .customize-select-box-hdg-lv3 {
  padding-top: 70px; }

.customize-select-box-sec02-lst03 + .customize-select-container-inner {
  margin-top: 48px; }

.customize-select-box-sec03 {
  margin-top: 0; }

.customize-select-box-sec03 .customize-select-box-hdg-lv2 {
  margin-bottom: 55px;
  margin-top: 0;
  padding-top: 62px; }

.customize-select-box-sec03 .customize-select-box-hdg-lv3 {
  padding-top: 14px;
  margin-bottom: 22px; }

.customize-select-box-sec02-lst04 + .customize-select-box-hdg-lv3 {
  padding-top: 65px; }

.customize-select-box-sec02-lst05 + .customize-select-box-hdg-lv3 {
  padding-top: 70px; }

.customize-select-box-sec03-lst04 {
  padding-top: 24px; }

.customize-select-box-sec03-inner {
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
  display: table;
  table-layout: fixed; }

.customize-select-box-sec03-content01 {
  display: table-cell;
  width: 57%;
  vertical-align: top;
  padding-right: 48px;
  text-align: center; }

.customize-select-box-sec03-ttl {
  font-size: 24px;
  font-weight: bold;
  color: #444;
  padding-top: 24px; }

.customize-select-box-sec03 .customize-select-box-txt {
  margin-bottom: 42px; }

.customize-select-box-sec03-txt {
  font-size: 16px;
  color: #444;
  line-height: 1.75;
  padding-top: 8px; }

.customize-select-box-sec03-content02 {
  display: table-cell;
  width: 43%;
  vertical-align: top;
  text-align: center;
  padding-left: 10px; }

.customize-select-box-sec05 {
  padding: 30px 0 148px; }

.customize-select-box-sec06 {
  padding-top: 40px; }

.customize-select-box-sec07 {
  padding: 30px 0 130px; }

.customize-select-box-sec08 {
  padding: 30px 0 130px; }

.customize-select-box-sec04 .col-xs-6 {
  padding: 0; }

.customize-select-box-sec04 .customize-select-box-hdg-lv2 {
  margin-top: 0;
  padding-top: 75px;
  margin-bottom: 55px; }

.customize-select-box-sec04 .customize-select-box-hdg-lv3 {
  margin-bottom: 20px;
  padding-top: 30px; }

.customize-select-box-sec04 .customize-select-container-inner {
  max-width: 900px; }

.customize-select-box-sec04 .customize-select-box-txt {
  margin-bottom: 50px; }

.customize-select-box-sec05 .customize-select-box-hdg-lv2 {
  padding-top: 35px;
  margin-top: 0;
  margin-bottom: 17px; }

.customize-select-box-sec05 .customize-select-box-hdg-lv3 {
  margin-bottom: 32px; }

.customize-select-box-sec05 .customize-select-container-inner {
  max-width: 920px; }

.customize-select-box-sec05-lst01 {
  margin-bottom: 32px; }

.customize-select-box-sec05-lst02 {
  margin-bottom: 50px; }

/*.customize-select-box-sec06 {
	padding: 75px 0 30px;
	margin-top: 50px;
	 background: url(/ventvert/sakyoyama/common/images/bg_select_03.png) top repeat-x; 
}*/
.customize-select-box-sec06 .customize-select-box-hdg-lv2 {
  margin-bottom: 55px;
  margin-top: 0;
  padding-top: 0px; }

.customize-select-box-sec06 .customize-select-box-txt {
  margin-bottom: 43px; }

.customize-select-box-sec06 .customize-select-container-inner {
  max-width: 750px; }

.customize-select-box-sec06-caption {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  margin-top: 14px; }

.customize-select-box-sec06-note {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: #444; }

.bg_gray {
  background: url(/ventvert/takabata/images/roomplan/customize-select/bg_select_gray.png) top repeat-x;
  position: relative;
  margin-top: 90px; }

.bg_gray:before {
  content: "";
  position: absolute;
  top: 0;
  background: url(/ventvert/takabata/images/roomplan/customize-select/bg_select_gray_top.png) top;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%; }

.bg_gray:after {
  content: "";
  position: absolute;
  bottom: 0;
  background: url(/ventvert/takabata/images/roomplan/customize-select/bg_select_gray_bottom.png) bottom;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%; }

.customize-select-bnr {
  margin-top: 50px;
  margin-bottom: 50px; }

@media screen and (min-width: 768px) and (max-width: 1019px) {
  .customize-select-box-sec01-lst01.row,
  .customize-select-box-sec01-lst02.row,
  .customize-select-box-sec01-lst03.row,
  .customize-select-box-sec01-lst04.row {
    margin-left: -20px;
    margin-right: -20px; }

  .customize-select-box-sec01-lst01 .col-xs-12,
  .customize-select-box-sec01-lst02 .col-xs-12,
  .customize-select-box-sec01-lst03 .col-xs-12,
  .customize-select-box-sec01-lst04 .col-xs-12 {
    padding: 0 20px; } }
@media screen and (min-width: 1019px) {
  .customize-select-box-sec01-lst01 .text-right,
  .customize-select-box-sec01-lst03 .text-right {
    padding-right: 93px; }

  .customize-select-box-sec01-lst01 .text-left {
    margin-left: -63px; }

  .customize-select-box-sec01-lst03 .text-left {
    margin-left: -37px; } }
@media screen and (max-width: 767px) {
  .customize-select-box-sec01-lst03 {
    margin-top: 80px; }

  .customize-select-txt {
    font-size: 18px;
    margin-top: 60px; }

  .customize-select-txt span {
    font-size: 12px; }

  .customize-select-box-sec01-lst01.row,
  .customize-select-box-sec01-lst02.row,
  .customize-select-box-sec01-lst03.row,
  .customize-select-box-sec01-lst04.row {
    margin-left: 0;
    margin-right: 0; }

  .customize-select-box-sec01-lst01 .col-xs-12,
  .customize-select-box-sec01-lst02 .col-xs-12,
  .customize-select-box-sec01-lst03 .col-xs-12,
  .customize-select-box-sec01-lst04 .col-xs-12 {
    padding: 0;
    text-align: center; }

  .customize-select-box-sec01-lst01 .col-xs-12 + .col-xs-12,
  .customize-select-box-sec01-lst02 .col-xs-12 + .col-xs-12,
  .customize-select-box-sec01-lst03 .col-xs-12 + .col-xs-12,
  .customize-select-box-sec01-lst04 .col-xs-12 + .col-xs-12 {
    margin-top: 30px; }

  .customize-select-box-sec01 .customize-select-box-hdg-lv2,
  .customize-select-box-sec02 .customize-select-box-hdg-lv2,
  .customize-select-box-sec03 .customize-select-box-hdg-lv2,
  .customize-select-box-sec04 .customize-select-box-hdg-lv2,
  .customize-select-box-sec05 .customize-select-box-hdg-lv2,
  .customize-select-box-sec06 .customize-select-box-hdg-lv2,
  .customize-select-box-sec07 .customize-select-box-hdg-lv2 {
    margin: 0 10px 25px;
    padding-top: 40px; }

  .customize-select-box-sec03-txt {
    margin-bottom: 15px; }

  .customize-select-box-hdg-lv2 img {
    height: auto; }

  .customize-select-box-hdg-lv3 {
    font-size: 18px;
    padding-top: 15px;
    margin-bottom: 20px; }

  .customize-select-mainimg-ttl img {
    width: 51vw; }

  .customize-select-mainimg-link-area {
    margin-top: -20px; }

  .customize-select-mainimg-link-area .col-xs-6 {
    margin-bottom: 10px; }

  .customize-select-box-txt {
    font-size: 16px; }

  	/*.customize-select-box-sec02,
  	.customize-select-box-sec04,
      .customize-select-box-sec06,
      .customize-select-box-sec08{
  		background: #f2f2f0;
  	}*/
  .bg_gray {
    background: #f2f2f0;
    margin-top: 0; }

  .bg_gray:before {
    display: none; }

  .bg_gray:after {
    display: none; }

  .customize-select-box-sec02 {
    padding-top: 0;
    margin-top: 30px;
    padding-bottom: 50px; }

  .customize-select-box-sec02-lst01 .col-xs-12 {
    text-align: center;
    margin-top: 15px; }

  .customize-select-box-sec06-lst01 .col-xs-12 {
    text-align: center;
    margin-top: 15px; }

  .customize-select-box-sec02-lst02 .col-xs-6,
  .customize-select-box-sec02-lst03 .col-xs-6 {
    text-align: center; }

  .customize-select-box-sec02-lst02 .col-xs-6:last-child {
    padding-top: 15px; }

  .customize-select-box-sec03 {
    margin-top: 20px; }

  .customize-select-box-sec03-content01 {
    display: block;
    width: 100%;
    padding: 0; }

  .customize-select-box-sec03-content02 {
    display: block;
    width: 100%;
    padding: 0; }

  .customize-select-box-sec03 .customize-select-box-txt {
    margin-bottom: 30px; }

  .customize-select-box-sec03-ttl {
    font-size: 18px; }

  .customize-select-box-sec03-lst03 .col-xs-6,
  .customize-select-box-sec03-lst04 .col-xs-6 {
    text-align: center; }

  .customize-select-box-sec03-lst03 .col-xs-6:last-child {
    padding-top: 24px; }

  .customize-select-box-sec01,
  .customize-select-box-sec02,
  .customize-select-box-sec03,
  .customize-select-box-sec04,
  .customize-select-box-sec05,
  .customize-select-box-sec06,
  .customize-select-box-sec07,
  .customize-select-box-sec08 {
    padding: 20px 0 50px;
    margin-top: 0; }

  .customize-select-box-sec04-lst01.row {
    margin-left: 0;
    margin-right: 0; }

  .customize-select-box-sec04 .customize-select-box-txt {
    margin-bottom: 30px; }

  .customize-select-box-sec05-lst01 .row,
  .customize-select-box-sec05-lst02 .row,
  .customize-select-box-sec05-lst03 .row {
    margin-left: -3px;
    margin-right: -3px; }

  .customize-select-box-sec05-lst01 .row .col-xs-12,
  .customize-select-box-sec05-lst02 .row .col-xs-6,
  .customize-select-box-sec05-lst03 .row .col-xs-6 {
    padding: 0 3px; }

  .customize-select-box-sec06-lst01.row {
    margin-left: -5px;
    margin-right: -5px; }

  .customize-select-box-sec06-lst01 .col-xs-4 {
    padding: 0 5px; }

  .customize-select-box-sec06-caption {
    font-size: 13px;
    margin-top: 8px; }

  .customize-select-bnr {
    margin-top: 30px;
    margin-bottom: 30px; } }
.m-txt-attention {
  max-width: 900px;
  margin: 36px auto 65px; }

#toc {
  margin-top: 80px; }

@media screen and (max-width: 767px) {
  .m-txt-attention {
    margin: 40px 0 30px; }

  #toc {
    margin-top: 40px; } }
.m-roomplan-img {
  text-align: center; }

.roomplan_atype .m-roomplan-img,
.roomplan_agtype .m-roomplan-img {
  max-width: 875px; }

.roomplan_btype .m-roomplan-img {
  max-width: 812px; }

.roomplan_ctype .m-roomplan-img {
  max-width: 724px; }

.roomplan_dtype .m-roomplan-img,
.roomplan_dgtype .m-roomplan-img {
  max-width: 895px; }

.m-roomplan-img img {
  width: 100%; }

.customize-select-box-sec08-lst01 {
  text-align: center; }
  .customize-select-box-sec08-lst01 .customize-select-box-txt {
    margin-top: 10px; }

@media screen and (min-width: 768px) {
  .customize-select-box-sec02-lst01 {
    display: flex;
    align-items: stretch;
    margin-bottom: 40px; }
    .customize-select-box-sec02-lst01 > div {
      margin-top: auto;
      display: flex; } }
.cap_l {
  margin-top: 15px; }
  @media screen and (max-width: 768px) {
    .cap_l {
      padding-left: 10px;
      padding-right: 10px; } }

.modal_button {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }
  .modal_button a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0.7em;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    padding: 1em 0.5em;
    background: #70a8bf;
    transition: opacity 0.3s ease-in-out; }
    @media (hover: hover) {
      .modal_button a:hover {
        opacity: 0.7; } }
    .modal_button a .icon_more {
      width: 1.2em;
      line-height: 0; }
      .modal_button a .icon_more svg {
        display: block;
        width: 100%;
        height: 100%; }

.iziModal-navigate {
  z-index: 5101 !important; }

.iziModal-overlay {
  z-index: 5099 !important; }

.iziModal.isAttached,
.iziModal.isFullscreen {
  border-radius: 0 !important; }

.modal-view {
  width: 90% !important;
  max-width: 720px !important;
  z-index: 6100 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important; }

.modal-view .iziModal-content {
  padding: 0 !important; }

.modal-view .modal-box {
  position: relative;
  height: 95vh;
  margin: 15px; }

.modal-view img {
  display: block;
  height: 95vh;
  max-width: none;
  margin: auto; }

.modal-view .modal-box .modal_image {
  position: relative;
  width: fit-content;
  height: fit-content;
  margin: auto; }

.modal-view .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 1.5em;
  height: 1.5em;
  padding-bottom: 0.5em;
  line-height: 1;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out; }
  @media (hover: hover) {
    .modal-view .close-btn:hover {
      opacity: 0.7; } }

@media screen and (max-width: 480px) {
  .modal-view .modal-box {
    position: relative;
    height: 80vh; }

  .modal-view img {
    width: 100%;
    height: 100%; }

  .modal-view .close-btn {
    font-size: 14px;
    padding-top: 5px; } }

/*# sourceMappingURL=customize-select.css.map */