.list-filter .third-title{
	color: #2462A2;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	padding-bottom: 4px;
	border-bottom: 1px solid #CECECE;
	margin-bottom: 16px;
}
.list-price-range{

}
.no-design-found{
	font-size: 18px;
	color: #2462A4;
	margin-top: 40px;
	margin-bottom: 40px;
}
.list-price-range input{
	display: none;
}
.list-price-range li{
	float: left;
	width: calc(50% - 5px);
	margin-right: 9px;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	margin-bottom: 16px;
}
.list-price-range li:nth-child(even){
	margin-right: 0;
}
.list-price-range label{
    margin-bottom: 0;
    display: block;
    background: #fff;
    border: 1px solid #CECECE;
    border-radius: 4px;
    font-weight: normal;
    height: 22px;
    padding: 3px 2px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    color: #CECECE;
}
.list-price-range input:checked + label{
    background: #2462A2;
    border: 2px solid #67A6E6;
    color: #fff;
    padding: 2px 2px;
}
.list-tag{
	display: inline;
}

.list-tag input{
	display: none;
}
.list-tag li{
	float: left;
	margin-right: 9px;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	margin-bottom: 16px;
	position: relative;
}
.text-orange{
	color: #ED774D;
}
.list-tag li:last-child{
	margin-right: 18px;
}
.list-tag li:last-child:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -10px;
	width: 1px;
	border-right: 1px solid #CECECE;
}
.list-tag:last-child li:last-child:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -8px;
	width: 1px;
	border-right: none;
}
.list-tag label{
    margin-bottom: 0;
    display: block;
    background: #fff;
    border: 1px solid #CECECE;
    border-radius: 4px;
    font-weight: normal;
    height: 22px;
    padding: 3px 9px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    color: #CECECE;
}
.list-tag input:checked + label{
    background: #2462A2;
    border: 2px solid #67A6E6;
    color: #fff;
    padding: 2px 8px;
}
.list-category li{
    background: #fff;
    color: #2462A2;
    border: 1px solid #2462A2;
    float: left;
    border-radius: 4px;
    height: 22px;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1;
    margin-right: 8px;
    text-align: center;
    margin-bottom: 8px;
}
.list-category li:last-child{
	margin-right: 0;
}
#list-staff{
	background: #fff;
}
.title-staff{
	color: #2462A2;
	font-size: 32px;
	line-height: 1.6;
	font-weight: bold;
	padding-bottom: 32px;
	position: relative;
}
#list-staff{
	padding-top: 72px;
}
.list-staff-wrapper{
	margin-top: 40px;
}
.title-staff:after{
	content: "";
	position: absolute;
	width: 32px;
	border-bottom: 2px solid #2462A2;
	bottom: 0;
	left: calc(50% - 16px);
}
.single-staff{
	background: #f3f3f3;
	position: relative;
	margin-bottom: 80px;
	height: 255px;
}
.single-staff .staff-descryption{
	position: absolute;
	background: #fff;
	-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
	left: 16px;
	right: 16px;
	bottom: -45px;
	padding: 8px 16px;
}
.single-staff .staff-descryption .staff-name{
	font-size: 18px;
	font-weight: bold;
}
.single-staff .staff-descryption .staff-position{
	padding-bottom: 5px;
	border-bottom: 1px solid #707070;
	margin-bottom: 5px;
	font-size: 14px;
}
.plan-slider .image-slider{
	position: relative;
	height: 38vw;
}
.plan-slider-navi li{
	margin: 0 4px;
}
.navi-wrapper{
	position: relative;
	padding: 0 28px;
}
.popup_design .navi-wrapper .slick-arrow{
	height: 5.5vw;
	width: 28px;
	padding: 0;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.popup_design .navi-wrapper .slick-arrow.prev-arrow{
	left: 0;
}
.popup_design .navi-wrapper .slick-arrow.next-arrow{
	right: 0;
}
.popup_design .navi-wrapper .slick-arrow.disabled{
	cursor: default;
	opacity: 0.2;
}
.plan-slider-navi .image-slider img{
	display: block;
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translateX(-50%);
}
.plan-slider-navi{
	margin-top: 24px;
}

.plan-slider-navi .slick-current .image-slider{
	border: 4px solid #67A6E6;
	cursor: pointer;
}
.plan-slider-navi .image-slider{
	position: relative;
	height: 5.5vw;
	border: 1px solid #fff;
	cursor: pointer;
}

.plan-slider .image-slider img{
    display: block;
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translateX(-50%);
}
.plan-slider{
	position: relative;
}
.plan-slider .slick-slide img{
	width: 100%;

}
#banner-top{
	background: url('../../../imgs/mv.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 323px;
}
.top-banner-content .second-title .icon-check{
	width: 38px;
	margin-top: -5px;
}
.top-banner-content .video-wrap .video-item video{
	width: 100%;
	max-height: 100%
}
.top-banner-content .video-wrap .video-item iframe {
	width: 100%;
	height: 100%;
}

.wrapper-popup-agreement {
	align-items: center;
	display: flex;
	height: 100vh;
    width: 90%;
    margin: auto;
	max-width: 682px;
}
.wrapper-popup-agreement ol.numbering-list {
    list-style: decimal;
    color: #707070;
	font-size: 14px;
}
.wrapper-popup-agreement ol.sub-list {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
.wrapper-popup-agreement ol.sub-list li {
    display: block;
    position: relative;
    padding-left: 32px;
}
.wrapper-popup-agreement ol.sub-list li::before {
    left: 0
}
.content-popup{
	display: block;
	background: #fff;
	width: 100%;
	position: relative;
}
#agreement-content .agreement-wrapper .container{
	margin: auto;
	padding: 0;
}
#agreement-content p{
	color: #707070;
	font-size: 14px;
}
.close-popups {
    position: absolute;
    font-size: 35px;
    right: -39px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
		top: -3px;
}

#agreement-content .agreement-wrapper{
	/* height: 100%; */
	position: relative;
	overflow-y: auto;
	height: calc(100vh - 270px);
	padding: 0 35px 0 40px;
	border-right: 5px solid transparent;
}
#agreement-content .title-agreement{
	font-size: 24px;
	position: relative;
	margin: 0;
	padding-bottom: 12px;
	margin-bottom: 24px;
	margin-top: 32px;
	color: #707070;
}
#agreement-content .third-title{
	color: #67A6E6;
	position: relative;
	padding-left: 14px;
	margin: 24px 0 14px;
	font-size: 20px;
	line-height: 28px;
}
#agreement-content .button-wrapper{
	/* background: #000; */
	padding: 9px 0;
	text-align: center;
	/* position: fixed;
	bottom: 0;
	left: 0;
	right: 0; */
	position: relative;
	background: #fff;
	border-top: 1px solid #14375b;
}
#agreement-content .btn-agreement{
	width: 96px;
  height: auto;
  max-height: 33px;
  color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0 15px;
	padding: 8px 0;
	cursor: pointer;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #2462A2;
}
#agreement-content .btn-agreement.close-agreement{
	background: #ffffff;
  color: #2462A2;
}
#agreement-content .btn-agreement.check-agreement{
	background: #2462A2;
}
#agreement-content .third-title:before{
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0;
	border-left: 6px solid #67A6E6;
	border-radius: 2px;
}
#agreement-content .title-agreement:after{
	content: "";
	border-bottom: 2px solid #67A6E6;
	width: 32px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 16px);
	border-color: #444;
}
#agreement-content a{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	border-bottom: 0;
}

/* width */
.agreement-wrapper::-webkit-scrollbar {
	width: 4px;
}

/* Track */
.agreement-wrapper::-webkit-scrollbar-track {
	border-radius: 0;
	margin: 0 10px;
}

/* Handle */
.agreement-wrapper::-webkit-scrollbar-thumb {
	/* background: #fff;  */
	border-radius: 5px;
	width: 4px;
	background: #707070;
}

/* Handle on hover */
.agreement-wrapper::-webkit-scrollbar-thumb:hover {
	background: rgba(0,0,0,0.7);
}
.plan-read-more{
	float: right;
	color: #2462A2;
	font-size: 14px;
	color: #2462A2;
}
#agreement-content{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100vh;
	width: 100vw;
	z-index: 21;
	background: rgba(0,0,0,0.5);
	/* color: #fff; */
	font-size: 14px;
	text-align: left;
	/* padding: 120px 0; */
	padding: 0;
	display: none;
	color: #444;
}

#agreement-content p{
	margin-bottom: 24px;
	line-height: 22px;
}
#agreement-content p.last-p{
    margin-bottom: 32px;
}
#agreement-content ul{
	padding-left: 0;
}
#agreement-content ul li{
	position: relative;
    padding-left: 18px;
    line-height: 24px;
    margin-bottom: 8px;
		font-size: 12px;
    color: #707070;
    line-height: 22px;
}
#agreement-content ul li:before{
	width: 7px;
	height: 7px;
	background: #707070;
	position: absolute;
	content: "";
	left: 0;
	top: 6px;
	list-style: disc;
    border-radius: 50%;
}
h2.title{
	font-size: 26px;
	color: #707070;
	font-weight: bold;
	line-height: 38px;
}
h2.title img{
	margin-right: 4px;
    vertical-align: text-bottom;
}
h2.title span.step-step{
	font-size: 18px;
}
.popup-box img.close-btn-popup {
	position: absolute;
	float: right;
	right: 9px;
	top: -23px;
	width: 30px;
	cursor: pointer;
}
.popup-next-step-background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.65);
		display: none;
}
.popup-box{
	background: #FFFFFF;
    width: 540px;
    height: 232px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    text-align: center;
    border-radius: 3px;
    padding: 0;
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.8s;
		display: none;
}
.popup-box h2{
	font-size: 32px;
    color: #707070;
    font-weight: 600;
}
.popup-box a{
	width: 32px;
    margin: 0 auto;
}
.popup-box p{
	font-size: 18px;
    margin-top: 18px;
    color: #707070;
}
.popup-box img{
    margin-top: 32px;
}
.row-box{
	margin: 10px 54px;
    padding: 39px 0;
		cursor: pointer;
}
.banner-title-left{
	width: calc(100% - 380px);
	margin-right: 30px;
}
.banner-title-right{
	width: 350px;
}
.top-banner-content .second-title{
	font-size: 35px;
	font-weight: bold;
	line-height: 66px;
	font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
}
.top-banner-content .main-title{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 21px;
	line-height: 24px;
}
.top-banner-content .video-wrap{
	position: relative;
	width: 100%;
	height: 198px;
}
#design_genre{
	margin-bottom: 22px;
}
#design_genre .button03{
	padding-left: 16px;
}
.filter-title{
	font-size: 18px;
	color: #707070;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: bold;
}

.top-banner-content .video-wrap iframe{
	width: 100%;
	height: 100%;
}

.top-banner-content .video-wrap .video-item{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.top-banner-content .video-wrap .video-item img{
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
}

.top-banner-content .video-wrap .video-item:hover img{
	opacity: 0.95;
}

.top-banner-content{
	color: #fff;
	padding:40px 0;
}
#about-service .button01{
	width: 393px;
	height: 48px;
	padding: 8px 10px;
	font-size: 22px;
}

#about-service .button01 .fa{
	font-size: 26px;
	margin-top: -4px;
	margin-left: 4px;
}
#about-service{
	padding: 40px 0;
}
#about-service .subtitle-service{
	margin-top: 24px;
}
#about-service .second-title{
	font-size: 32px;
	line-height: 40px;
	color: #707070;
	font-weight: bold;
	margin-bottom: 20px;
}
#choose-design{
	background: #F5F5F5;
	padding-top: 80px;
	padding-bottom: 38px;
}
#choose-design .title{
	margin-bottom: 40px;
}
#item-lists01{
	padding-top: 32px;
	background: #F5F5F5;
}
.number-step{
	background: #2462A2;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	padding: 7px 12px;
	margin-right: 8px;
	display: inline-block;
	margin-bottom: 14px;
}
.text-center .text-step {
  margin-left: 16px;
	vertical-align: middle;
}
#banner-top .banner-title{
	color: #fff;
	font-size: 36px;
	line-height: 61px;
	padding-top: 54px;
}
#item-lists01 .btn-design-select label .pc-only{
	display: inline-block !important;
}
.wrapper-register-title{
	padding: 0 12px;
}
#forms #slider-current-value {
	display: block;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
	margin-top: 8px;
}
.slider-handle {
	width: 24px !important;
	height: 24px !important;
	-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
}
.slider.slider-horizontal .slider-track{
	margin-top: 0;
}
#select-plan{
	padding: 72px 0;
}
#forms{
	padding: 72px 0;
	background: #F5F5F5;
}
#forms h2.title{
	margin-bottom: 32px;
}
#select-plan h2.title{
	margin-bottom: 53px;
}
#contents01{
	margin-bottom: 0;
}
#contents01 .contents-text-right .text-small {
	line-height: 18px;
	margin-left: auto;
	margin-right: 0;
	text-align: right;
	font-size: 14px;
}
#contents01 .button01{
	margin-top: 24px;
	font-weight: normal;
}
#contents01 .video-wrap{
	margin-top: 11px;
	height: 196px;
}
#slider01 .bottom-slider-title{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 32px;
	line-height: 25px;
}
#gallery-360 .bottom-360-title{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 29px;
	line-height: 32px;
}
#contents01 #ytplayer{
	margin-top: 0;
	width: 100%;
	height: 100%;
}
#contents01 .video-item{
	top: 0;
}
#contents01 .contents-text-right{
	width: 350px;
}
.button02{
	width: 100%;
}
#item-lists01 .date {
	font-size: 13px;
	color: #707070;
}
#item-lists01 .item-lists-box h3.title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 14px 0 10px;
	display: block;
	width: 100%;
	line-height: 1;
	font-size: 16px;
}
#item-lists01 .item-lists-box .img-detail .design-hover{
	opacity: 0;
	visibility: hidden;
	/* display: none; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.49);
	padding: 57px 10px;
	z-index: -1;
}
#button-send{
	background: #2462A2;
	width: 540px;
	border: 2px solid #2462A2;
}

#button-send:hover{
	color: #fff;
}
#item-lists01 .selected .item-lists-box .img-detail .design-hover{
	padding: 53px 10px;
}
#item-lists01 .item-lists-box .img-detail .design-selected{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
	border-radius: 4px;
}
#contents02 .col-content .float-left {
	width: calc(100% - 90px);
	margin-top: 0;
}
#item-lists01 .single-item.selected .item-lists-box .img-detail .design-selected{
	opacity: 1;
	visibility: visible;
}
#item-lists01 .item-lists-box .img-detail .design-selected .selected-mark{
	width: 164px;
	height: 102px;
	background: rgba(123, 177, 233, 0.85);
	font-size: 14px;
	color: #fff;
	margin: auto;
	text-align: center;
}
#item-lists01 .item-lists-box .img-detail .design-selected .selected-mark img{
	width: 50px;
	position: relative;
	transform: none;
	min-width: auto;
	top: auto;
	left: auto;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 8px;
}

#item-lists01 .single-item.selected .item-lists-box .img-detail{
	border: 4px solid #67A6E6;
}
#item-lists01 .item-lists-box .img-detail{
	border: 0;
	min-height: 210px;
}
#item-lists01 .item-lists-box .img-detail:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	z-index: 2;
	display: none;
}

#item-lists01 .single-item.selected .item-lists-box .img-detail:after{
	background: rgba(0,0,0,0);
}
#item-lists01 .item-lists-box.selected .title{
	color: #2462A2;
}
#item-lists01 .item-lists-box.selected .item-lists-label {
	background: #67A6E6;
}
#item-lists01 .btn-show-popup{
	background: #fff;
	border-radius: 2px;
	width: auto;
	display: block;
	text-align: center;
	margin: 0 ;
	color: #707070;
	padding: 3px 5px;
	margin-bottom: 24px;
	-webkit-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
}

#item-lists01 .btn-show-popup .fa{
	padding-right: 5px;
	color: #2462A2;
	-webkit-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
}
#item-lists01 .btn-design-select{
	background: #fff;
	border-radius: 2px;
	width: auto;
	display: block;
	text-align: center;
	margin: 0 ;
	color: #707070;
	-webkit-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
}
#item-lists01 .single-item.selected .btn-design-select label{
	color: #fff;
}

#item-lists01 .single-item.selected .btn-design-select label:before{
	border: 1px solid rgba(36, 98, 162, 1);
}
#item-lists01 .single-item.selected .btn-design-select{
	background: #2462A2 !important;
}
#item-lists01 .btn-design-select label{
	margin-bottom: 0;
	padding: 3px 5px;
	color: #707070;
	font-size: 14px;
}
#item-lists01 .read-more {
	color: #2462A2;
	float: right;
	padding-top: 10px;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	font-weight: normal;
	padding-right: 16px;
}
#item-lists01 .btn-design-select label:before{
	border-radius: 2px;
	left: calc(50% - 84px);
	top: 12px;
	border: 1px solid #2462A2;
}
#item-lists01 .btn-design-select label:after{
	transform: rotate(-45deg);
	width: 9px;
	height: 5px;
	background: none;
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-width: 2px;
	top: 15px;
	left: calc(50% - 82px);
}

#event #item-lists01{
	padding-top: 0;
}
#item-lists01 .single-item.hidden{
	display: none!important;
}
#item-lists01 .single-item{
	margin-bottom: 30px !important;
	-webkit-transition: .3s linear 0s;
	-moz-transition: .3s linear 0s;
	-ms-transition: .3s linear 0s;
	-o-transition: .3s linear 0s;
	transition: .3s linear 0s;
	/*display: none;*/
}
#item-lists01 .single-item .content{
	padding: 0 16px;
}
#item-lists01 .button-wrapper{
	width: 220px;
	margin: auto;
}
#group_plans .button-wrapper{
	padding: 12px 0 0 0;
}
.plan-under-contruction .message{
	color: #707070;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	padding-bottom: 26px;
	border-bottom: 1px solid currentcolor;
	margin-bottom: 32px;
}
.phone-button{
	border: 2px solid #67A6E6;
	border-radius: 26px;
	background: #fff;
	color: #67A6E6;
	padding: 6px 65px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	max-width: 350px;
	position: relative;
	transform: translateX(-50%);
    left: 50%;
}
.btn-phone-bottom{
	font-size: 30px;
	line-height: 40px;
	color: #67A6E6;
	font-weight: bold;
	margin-top: 16px;
	border-bottom: 1px dotted #67A6E6;
	display: inline-block;
	margin-bottom: 8px;
	padding-bottom: 4px;
}
.text-red{
	color: rgb(238, 129, 90);
}
.btn-phone-bottom img{
	width: 24px;
	margin-right: 4px;
	margin-top: -5px;
}
#under_contruction{
	/* width: 580px; */
	margin: auto;
	padding: 30px 0;
}
#button-section{
	padding: 42px 0 72px;
	position: relative;
}
.contact-button{
	background: #2462A2;
	border-radius: 26px;
	color: #fff;
	font-weight: bold;
	padding: 3px 37px;
	display: inline-block;
	margin-top: 16px;
}
.button-section-wrapper{
	width: 100%;
	margin: auto;
}
.plan-under-contruction{
	/* display: none; */
	z-index: 3;
	background: rgba(255,255,255,0.9);
}
#group_plans .btn-plan-select {
	background: #afafaf;
	border-radius: 2px;
	width: auto;
	display: block;
	text-align: center;
	margin: 0;
}
#group_plans .single-plan-wrapper.selected{
	border: 3px solid #67A6E6;
}
#group_plans .single-plan-wrapper.selected .btn-plan-select{
	background: #2462A2;
}

#group_plans .btn-plan-select label {
	margin-bottom: 0;
	padding: 3px 5px;
	color: #fff;
	font-size: 14px;
}
#group_plans .btn-plan-select label:before {
	content: '';
	border-radius: 0;
	left: calc(50% - 80px);
	top: 12px;
	border: 0;
}
#group_plans .btn-plan-select label:after {
	content: '';
	transform: rotate(-45deg);
	width: 9px;
	height: 5px;
	background: none;
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-width: 2px;
	top: 15px;
	left: calc(50% - 78px);
}
.img-detail{
	cursor: pointer;
}
.list-plan{
	border: 4px solid #14375B;
	border-top: 0;
}
.list-plan .btn-select-plan {
	width: calc(36% - 6px);
	background: #14375B;
	color: #fff;
	padding: 0;
	position: relative;
	-webkit-transition: .3s linear 0s;
	-moz-transition: .3s linear 0s;
	-ms-transition: .3s linear 0s;
	-o-transition: .3s linear 0s;
	transition: .3s linear 0s;
	height: 40px;
	border: 4px solid #14375B;
	border-bottom: 0;
	margin: 0 1.5px;
}
.list-plan .btn-select-plan:last-child:before{
	border: 0;
}
.list-plan .btn-select-plan:first-child{
	border-left: 4px solid #14375B;
	margin-left: -4px;
}

.list-plan .btn-select-plan:last-child{
	border-right: 4px solid #14375B;
	margin-right: -4px;
}

.list-plan .btn-select-plan input{
	display: none;
}
.list-plan .btn-select-plan.selected{
	background: #fff;
	color: #707070;
	font-weight: bold;
	margin-top: -8px;
	height: 48px;
}

.list-plan .btn-select-plan:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: -7px;
	right: -7px;
	border-bottom: 4px solid #14375B;
}
.list-plan .btn-select-plan:first-child:after{
	left: -3px;
}
.list-plan .btn-select-plan:last-child:after{
	right: -3px;
}
.list-plan .btn-select-plan.selected:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 4px;
	right: 4px;
	border-bottom: 1px solid #14375B;
}
.list-plan .btn-select-plan.selected label{
	padding: 8px 0;
	font-size: 16px;
}
.list-plan .btn-select-plan label{
	display: block;
	cursor: pointer;
	margin-bottom: 0;
	font-size: 14px;
	padding: 2px 0;
}
#group40{
	display: block;
}
.select-group .single-plan .left{
	padding-right: 16px;
}
.select-group .single-plan .content{
	position: relative;
}
.select-group .single-plan .content .plan-read-more{
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 14px;
	color: #2462A2;
	line-height: 20px;
}
.select-group .single-plan{
	position: relative;
	cursor: pointer;
	-webkit-transition: .3s linear 0s;
	-moz-transition: .3s linear 0s;
	-ms-transition: .3s linear 0s;
	-o-transition: .3s linear 0s;
	transition: .3s linear 0s;
}
.select-group .single-plan .title{
	width: calc(100% - 80px);
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 8px;
	display: inline-block;
}
.select-group .row .single-plan-wrapper{
	display: none;
	-webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
	-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
	margin: 8px;
	float: left;
	width: calc(50% - 16px);
	padding: 20px;
}
#current_selection .col-content .img-detail{
	width: 75px;
	min-height: 75px;
	background: #fff;
	border: 1px solid #707070;
	float: right;
}
#contents02{
	padding: 72px 0;
	background-color: #F5F5F5;
}
#contents02 h2.second-title{
	margin-top: 0;
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 32px;
	position: relative;
	text-align: center;
	color: #2462A2;
	line-height: 1;
	margin-bottom: 40px;
}
#contents02 .col-content{
	padding: 0 0 16px 0;
	height: 90px;
}
#list-selected-result{
	margin-bottom: 40px;
}
#contents02 h2.second-title:after{
	content: "";
	position: absolute;
	width: 32px;
	left: calc(50% - 16px);
	border-bottom: 2px solid #2462A2;
	bottom: 0;
}
.check-to-center .form-check-label{
	padding-left: 0;
	cursor: pointer;
}

.check-to-center .form-check-input:checked + label:after{
	opacity: 1;
}
.check-to-center .form-check-input{
	display: none;
}
.check-to-center .form-check-label:before{
	content: "";
	position: absolute;
	top: 0;
	left: -30px;
	width: 20px;
	height: 20px;
	border: 1px solid #707070;
	border-radius: 2px;
	background: #E4E4E4;
}
.check-to-center .form-check-label:after{
	opacity: 0.3;
	content: "";
	position: absolute;
	top: 5px;
	left: -25px;
	width: 11px;
	height: 7px;
	border-left: 2px solid #707070;
	border-bottom: 2px solid #707070;
	-webkit-transform: rotate(140deg);
	-moz-transform: rotate(140deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#button-confirm{
	min-width: 100%;
}
.form-check-label{
	cursor: pointer;
}
.form-check-label span{
	/* top: calc(50% - 10px); */
}

.form-check-label span:after {
	content: '';
	width: 11px;
	height: 6px;
	top: calc(50% - 5px);
	left: 4px;
}
#contents02 a{
	color: #698FFC;
	border-bottom: 1px solid currentcolor;
}
.result-wrapper .current-selection-price{
	font-size: 40px;
	margin-left: 16px;
	line-height: 1;
}
.case-skeleton {
    font-size: 16px;
    line-height: 24px;
}
.wrap-btn-zip .btn-full{
	height: 56px;
}
#form-section .title-form{
	color: #2462A2;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 64px;
}
#form-section .title-form .form-title{
	font-size: 38px;
	line-height: 1;
	font-weight: bold;
	margin: 12px 0;
}
.mb-25{
	margin-bottom: 25px;
}
.btn-show-sample{
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	border: 2px solid #67A6E6;
	padding: 16px 20px;
	width: 540px;
	color: #67A6E6;
	margin: auto;
	background: #fff;
	display: block;
	margin-bottom: 56px;
	-webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
	-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
}
#sample_show{
	padding-top: 8vh;
}
#slider-show-sample{
	display: none;
}
#slider-show-sample .sample-image img{
    margin: auto;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute !important;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#slider-show-sample .sample-image{
	min-height: 40vw;
	position: relative;
}
#sample_show .close-sample-button {
	top: 5vw;
	right: 30px;
	background: url(../../../imgs/ico-close.svg), #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	cursor: pointer;
}
#slider-show-sample .slick-slide{
	border: 0;
}
#sample_show .wrapper-slider-popup{
    width: 60vw;
    margin: auto;
    height: 40vw;
    position: relative;
}
#sample_show .slick-arrow{
	color: #707070;
	font-size: 32px;
	top: calc(50% - 18px);
	bottom: auto;
	height: 36px;
	width: 36px;
	background: #fff;
	border-radius: 50%;
	padding: 2px 14px;
}
#sample_show .slick-arrow.slick-prev{
	left: -68px;
	display: none;
	padding: 2px 11px;
}
#sample_show .slick-arrow.slick-next{
	right: -68px;
}
#sample_show .slick-dots li button{
	background: #5d5a55;
	width: 10px;
	height: 10px;
}
#sample_show  .slick-dots li.slick-active button{
	background: #fff;
}
#sample_show .slick-dots li{
	width: auto;
	margin: 0 4px;
}
#sample_show .slick-dots{
	margin-top: 8px;
}
#form-section .title-form .subtitle{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 12px;
}
.input-info{
	font-weight: normal;
	margin-bottom: 0;
}
#form-section .title-form span{
	font-size: 18px;
}
.result-wrapper{
	background: #2462A2;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px 11px;
	border-radius: 2px;
	width: 540px;
	margin: auto;
	margin-bottom: 56px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.select-group .row .single-plan-wrapper.group_20{
	display: block;
}
.select-group .single-plan .small-icon.selected{
	display: none;
}
.select-group .single-plan .small-icon{
	display: inline-block;
	margin-bottom: 3px;
}
.select-group .single-plan.selected .small-icon.selected{
	display: inline-block;
}
.select-group .single-plan.selected .small-icon{
	display: none;
}
.no-data{
	margin: 20px;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	padding: 20px;
	display: none;
	width: 100%;
}
.select-group .img-detail{
	width: 100%;
	min-height: 206px;
	border: 1px solid #E4E4E4;
	background: none;
}
.select-group .single-plan.selected  .price-group{
	color: #ED774D;
}
.img-detail img {
	display: block;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: translateX(-50%);
}
.select-group .price{
	font-size: 18px;
	font-weight: bold;
}
.select-group dl dt {
	font-size: 14px;
	display: inline-block;
}
.select-group dl dd{
	display: inline-block;
}
.select-group dl{
	font-size: 14px;
	margin-bottom: 12px;
	line-height: 20px;
}
.select-group dl.price-group{
	padding-top: 16px;
}
.text-bottom-360{
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	margin-top: 11px;
}
.wrap-btn-zip .btn-full{
	font-size: 16px;
}
#gallery-360{
	display: none;
	padding-bottom: 72px;
	padding-top: 72px;
}
#gallery-360 span{

}
#vrview{
	width: 100%;
	height: 100%;
}
#gallery-360 .img-detail.fullview{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 21;
	height: 100vh;
	width: 100vw;
}

#gallery-360 .img-detail{
	height: 424px;
	border: 0;
}
#gallery-360 .fullsreen{
	width: 28px;
	right: 14px;
	bottom: auto;
	transform: none;
	top: 14px;
	left: auto;
	min-width: 28px;
	cursor: pointer;
}
#gallery-360 .icon-360{
	width: 68px;
	top: 14px;
	left: 14px;
	transform: none;
	min-width: 28px;
	right: auto;
	bottom: auto;
	z-index: 1;
}
#contents02 {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
#contents02 .col-total .text-total{
	font-weight: bold;
}
#contents02 .col-content{
	font-weight: bold;
}
#contents02 .col-content.no-border{
	border: 0;
}
#contents02 .content-small.selected{
	color: #707070;
}
#contents02 .content-small{
	font-weight: normal;
	min-height: 23px;
	color: #ED774D;
}
#contents02 .col-share a{
	display: inline-block;
	font-weight: bold;
}
#contents02{
	margin-bottom: 0;
}
.plan-radio{
	display: none;
	position: absolute;
}

.top-slider .slick-dots{
	height: 90px;
	margin-top: 24px;
}
.top-slider .slick-dots li{
	width: calc(25% - 13px);
	margin: 0 8px;
}
.top-slider .slick-dots li:last-child{
	margin-right: 0;
}
.top-slider .slick-dots li:first-child{
	margin-left: 0;
}
.item-lists-label{
	color: #fff;
	background: #2462A2;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	right: 6px;
	top: 6px;
	padding: 1.5px 16px;
}
#item-lists01{
	overflow: hidden;
	position: relative;
}
#item-lists01 .fa.fa-yen{
	border: 1px solid currentcolor;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	font-size: 10px;
	padding: 1px 3px;
	line-height: 1;
	margin-right: 2px;
}
#choose-design .fa.fa-yen{
	border: 1px solid currentcolor;
	border-radius: 50%;
	width: 19px;
	height: 19px;
	font-size: 12px;
	padding: 4px 5px;
	line-height: 1;
	margin-right: 3px;
}
/* slider for design style */
.wrapper-slider-nav{
	position: relative;
	width: 70vw;
	margin: auto;
}
#slider01{
	display: none;
	padding: 68px 0;
}
.wrap-slider-nav{
	position: relative;
}
.wrap-slider-nav .slick-arrow{
	position: absolute;
	top: 0;
	font-size: 40px;
	bottom: 0;
	padding: 17px 30px;
	width: unset;
	color: #707070;
	cursor: pointer;
}

.popup_design .wrapper-slider-popup{
	position: relative;
	padding: 2vw 0;
	width: 69vw;
	margin: auto;
}
.popup_design .design-description{
	position: absolute;
	top: calc(2vw + 16px);
	left: 16px;
	width: auto;
	z-index: 1;
	background: rgba(0,0,0,0.6);
	color: #fff;
}
.button-show-description .fa{
	color: #000;
	border-radius: 50%;
	background: #fff;
	width: 26px;
	height: 26px;
	display: inline-block;
	font-size: 25px;
	padding: 2px 8.5px;
	margin-right: 8px;
}
.button-show-description{
	cursor: pointer;
	padding: 16px;
}
.font-8{
	font-size: 8px !important
}
.group-label-button{
	display: inline-block;
}
.group-label-button span{
	display: block;
	line-height: 16px;
	font-size: 16px;
}
.group-label-button span:first-child{
	margin-top: 4px;
}
#design_style_slider .single-description-content a {
	display: inline-block;
}
#plan_slider .single-description-content .plan-info{
	margin: 0px 24px 0px 0;
	display: inline-block;
}
#design_style_slider .slick-dots .slick-active .img-detail,
#plan_slider .slick-dots .slick-active .img-detail{
	border: 4px solid #67A6E6;
}
#design_style_slider .slick-dots .img-detail,
#plan_slider .slick-dots .img-detail{
	border: 1px solid #fff;
	background: none;
	min-height: 6vw;
}
#design_style_slider .slick-dots .img-detail.image-thumb-360{
	position: relative;
}
#under_contruction{
	display: none;
}
#design_style_slider .slick-dots .img-detail.image-thumb-360:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../../../imgs/icon-360.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	z-index: 2;
}
#design_style_slider .slick-dots li,
#plan_slider .slick-dots li{
	width: 11vw;
	margin: 0 4px;
}
#design_style_slider .slick-dots,
#plan_slider .slick-dots{
	margin-top: 20px;
}
#plan_slider .single-description-content{
	min-width: 600px;
	width: initial;
}
.single-description-content{
    display: none;
    width: 60vw;
    position: relative;
    padding: 23px 16px;
    padding-left: 52px;
    line-height: 24px;
    min-height: 68px;
}
.popup_design .slick-arrow{
	position: absolute;
	top: 0;
	font-size: 40px;
	bottom: 0;
	padding: 20px 30px;
	width: unset;
	color: #fff;
	cursor: pointer;
	display: none;
}


.popup-content{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

.popup_design{
	display: none;
	/* z-index: 200; */
	position: relative;
}
.popup_design .slick-prev{
	left: -74px;
}
.popup_design .description{
	font-size: 14px;
	color: #fff;
	margin-top: 32px;
	line-height: 24px;
}
.popup_design .slick-next{
	right: -74px;
}
.popup_design .design-slider{
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}

.popup_design .design-slider-nav.slick-initialized,
.popup_design .design-slider.slick-initialized{
	visibility: visible;
	opacity: 1;
}
.popup_design .design-slider-nav{
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	margin-top: 20px;
}
.popup_design .design-slider-nav .slick-slide{
	margin: 0 4px;
	cursor: pointer;
}
.wrap-slider-nav .slick-left{
	left: -74px;
}
.wrap-slider-nav .slick-right{
	right: -74px;
}
.top-slider {
}
.image-slider{
	overflow: hidden;
}
.top-slider .image-slider{
	position: relative;
	height: 390px;
}
.top-slider .slick-dots .slick-active .image-slider{
	border : 4px solid #67A6E6
}
.top-slider .slick-dots .image-slider{
	position: relative;
	height: 90px;
}
.top-slider-nav .image-slider{
	position: relative;
	height: 87px;
}
.design-slider .image-slider{
	position: relative;
	height: 38vw;
}
.design-slider-nav .image-slider{
	position: relative;
	height: 6.5vw;
}
.top-slider .image-slider img{
	display: block;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: translateX(-50%);
}
.top-slider-nav .image-slider img{
	display: block;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: translateX(-50%);
}
.design-slider .image-slider img{
	-webkit-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
	border: 0 !important;
	object-fit: contain;
	position: absolute !important;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	right: 0;
	bottom: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: rgba(0,0,0,0.4);
}

.design-slider .image-slider.image-360 img#background_loader_360{
	z-index: 5;
	width: 100%;
	object-fit: cover;
	background: rgba(0,0,0,0.4);
}
.design-slider-nav .image-slider img{
	display: block;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: translateX(-50%);
}
.top-slider-nav li:first-child{
	margin-left: 0px;
}
.top-slider-nav li{
	margin: 0 4px;
}
.top-slider-nav {
	margin-top: 20px;
}
.top-slider-nav .slick-slide{
	cursor: pointer;
}
.top-slider-nav .slick-current .image-slider{
	border: 4px solid #67A6E6;
}
.design-slider-nav .slick-current .image-slider{
	border: 4px solid #67A6E6;
}
.design-slider .image-slider.image-360,
.design-slider-nav .image-slider.image-360{
	position: relative;
}

.design-slider .image-slider.image-360:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 60px;
	background: url(../../../imgs/icon-360.svg);
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
}
.design-slider .image-slider.image-360.fullview:after {
	right: auto;
	left: 0;
}
#design_360{
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
  overflow: hidden;
}
#plan_360{
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
    overflow: hidden;
}
#loader_image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background: url(../../../imgs/loading-anim.svg), center no-repeat rgba(0,0,0,0.4);
	background-size: 100px;
	background-position: center center;
	background-repeat: no-repeat;
}
.design-slider .image-slider.image-360 .fullsreen-popup{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url(../../../imgs/icon-fullscreen.svg);
	background-size: 28px;
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	z-index: 5;
	cursor: pointer;
}

.design-slider .image-slider.image-360:before{
	content: "※画面をドラッグして視点を変えることができます。";
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	bottom: 6px;
	left: 12px;
	line-height: 21px;
	z-index: 2;
}

.design-slider .image-slider.image-360.fullview .fullsreen-popup{
	background: url(../../../imgs/fullscreen-exit.svg);
	background-size: 28px;
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	right: 5px;
	bottom: auto;
	top: 0;
}
.design-slider .image-slider.image-360.fullview{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 1000;
}
.design-slider-nav .image-slider.image-360:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('../../../imgs/icon-360.svg'), rgba(0,0,0,0.3);
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
}
#contents02 a:hover{
	color: #2462A2;
	border-bottom: 1px solid #2462A2;
	opacity: 0.7;
}
.title-design-slider{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	line-height: 1;
	margin-bottom: 16px;
}
/* popup estimate */
.popup-estimate{
	background: #fff;
	padding: 32px 20px;
	position: relative;
}
.popup-estimate .close-popup{
	position: absolute;
	right: 16px;
	top: 16px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	background: url('../../../imgs/close-popup.svg'), #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.close-popup-button{
	background: url(../../../imgs/ico-close.svg), #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 2vw;
	right: -46px;
	cursor: pointer;
}
#close-description-design{
	background: url('../../../imgs/ico-close.svg'), #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: inline-block;
	position: absolute;
	top: 21px;
	left: 16px;
	cursor: pointer;
}
.popup_estimate_form .popup{
	padding: 56px 0;
	overflow-y: auto;
}
#contents02 .popup .popup-estimate h2{
	margin: 0 0 32px 0;
}
#popup_estimate{
	display: none;
}
li.sub-numbering-list{
    position: relative;
    padding-left:24px;
}
li.sub-numbering-list:before{
    content : "(" counter(item) ")";
    position: absolute;
    counter-increment: item;
    font-weight: bold;
}
li.circle-numbering{
    position: relative;
    padding-left:24px;
}
li.circle-numbering:before{
    content : counter(item);
    position: absolute;
    counter-increment: item;
    font-weight: bold;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border:1px solid #707070;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    top: 6px !important;
    padding: 2px 0;
}
ol.sub-list.numbering {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
ol.sub-list.numbering li {
    display: block;
    position: relative;
    padding-left: 32px;
    color: #707070;
}
ol.sub-list.numbering li::before {
   display: inline-block;
    content: "(" counter(item) ")";
    counter-increment: item;
    position: absolute;
    top: 0;
    left: 0;
}
.thanks_estimate{
	display: none;
}
/* estimate sticky button GruneBali */
#estimate-button{
	position: fixed;
    right: calc(50% - 555px);/*position right*/
    bottom: 16px;
	min-width: 260px;
    max-width: 275px;
    border: 3px solid #67A6E6;
	border-radius: 2px;
    padding: 0;
    font-size: 14px;
    z-index: 20;
    background: #fff;
    display: block;
    padding-top: 7px;
	padding-bottom: 20px;
    /* height: 86px; */
}
#estimate-button .container {
	padding: 0px 7px;
}
.price.text-center{
	line-height: 1;
	color: #14375B;
	font-weight: 600;
}

#estimate-button.move-up{
	bottom: 16px;
	position: absolute;
}
#estimate-button .innerset{
	position: relative;
}
/* promo sticky button GruneBali*/
.promo-button{
	position: absolute;
	bottom: calc(100% + 25px);
    left: -3px; right: -3px;
	background-color: #ff0000;
	border-radius: 2px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.promo-button .inner-container {
	padding: 0px 5px;
	display: flex;
	position: relative;
}
.promo-button .inner-container:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -8px;
	width: 16px;
	height: 16px;
	transform: translateX(-50%) rotate(45deg);
	border-right: 10px solid #ff0000;
	border-bottom: 10px solid #ff0000;
}
.promo-button .figure{
	padding: 8px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.promo-button .text{
	color: #ffffff;
	line-height: 1.4;
	padding: 5px 5px;
	font-size: 13px;
}

.promo-button .outer-container{
	display: flex;
}

.promo-button .close-btn{
	left: 0;
	top: 0;
	padding-left: 8px;
}

.promo-button .close-btn .close-btn-icon{
	color: white;
	cursor: pointer;
	font-size: 16px;
}

@media ( max-width: 767.98px ){
    .promo-button {
        bottom: calc( 100% + 10px);
    }
    .promo-button .inner-container:after {
        display: none;
    }
    #estimate-button, .promo-button {
        border-radius: 0;
    }
}
#customer-chat-iframe.go-move-up {
	bottom: 150px !important;
	position: absolute !important;
}
#postcode_warning_message{
	margin-top: -10px;
	margin-left: 2px;
}
.warning-text {
	width: 100%;
  color: #14375B;
  font-size: 11px;
  text-align: center;
  display: block;
  line-height: 1;
  margin: 4px auto 7px;
	position: absolute;
	left: 0;
	right: 0;
}
#postcode.has-error{
	border-bottom: 3px solid #f00;
}
.form-control{
	color: #000;
}
#estimate-button .estimate-price-result{
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #ED774D;
	padding-left: 8px;
}
#estimate-button .estimate-note {
	display: none;
	text-align: center;
	color: #14375B;
	line-height: 17px;
	margin-top: 2px;
}
#estimate-button .button-estimate{
	color: #fff;
	background: #67A6E6;
	padding: 3px 8px 0;
	cursor: pointer;
	text-align: center;
	display: none;
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1;
	position: absolute;
	left: 0;
	right: 0;
}

#estimate-button .button-estimate .fa{
	padding-left: 4px;
}
#group_plans{
	padding: 20px;
	min-height: 320px;
	position: relative;
}
#forms .slider-track-low, #forms .slider-track-high {
	background: #CBE4FF;
}
.red-mark {
	max-width: 100%;
	height: auto;
	margin-right: 4px;
	margin-bottom: 6px;
}
.vrView-loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background: url(../../../imgs/loading-anim.svg), center no-repeat;
	background-size: 100px;
	background-position: center center;
	background-repeat: no-repeat;
}
.wrapp-load-data.show{
	display: inline-block;
}
.wrapp-load-data {
	display: none;
    margin-bottom: 2px;
	margin-left: 10px;
}
.load-data {
    height: 16px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
#estimate-button .stage {
	 position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
 }
#estimate-button .stage.hide {
	opacity: 0;
}
#estimate-button .stage .dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #67A6E6;
  color: #67A6E6;
  box-shadow: 9999px 0 0 -5px #67A6E6;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: .25s;
}

#estimate-button .stage .dot-pulse::before,
#estimate-button .stage .dot-pulse::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #67A6E6;
  color: #67A6E6;
}

#estimate-button .stage .dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #67A6E6;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}

#estimate-button .stage .dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #67A6E6;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: .5s;
}

.container .text-center h2.title{
	background: white;
	color: #2462A2;
	padding: 24px 0;
	line-height: 1;
	border-top: 3px solid #2462A2;
	border-bottom: 3px solid #2462A2;
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #67A6E6;
  }
  30% {
    box-shadow: 9984px 0 0 2px #67A6E6;
  }
  60%,
  100% {
    box-shadow: 9984px 0 0 -5px #67A6E6;
  }
}

@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #67A6E6;
  }
  30% {
    box-shadow: 9999px 0 0 2px #67A6E6;
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px #67A6E6;
  }
}

@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #67A6E6;
  }
  30% {
    box-shadow: 10014px 0 0 2px #67A6E6;
  }
  60%,
  100% {
    box-shadow: 10014px 0 0 -5px #67A6E6;
  }
}

/*design-catigories*/
.wrapp-design-cat {
	justify-content: center;
	align-items: flex-start;
}
.wrapp-design-cat .form-group {
	width: calc(25% - 30px);
	/*width: calc(33.33% - 30px); width: calc(50% - 30px);*/
	margin-right: 30px;
}
.wrapp-design-cat .form-group:last-child {
	margin-right: 0;
}
.form-group .design-categories {
	display: flex;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #FFFFFF;
	padding: 12px;
	color: #A3A3A3;
	text-align: center;
	border: 1px solid #A3A3A3;
	height: 56px;
	align-items: center;
	justify-content: center;
	transition: .5s ease;
}
.design-categories.checked{
	background: #2462A2;
	border: 3px solid #67A6E6;
}
#loadMore.design-categories.checked .text{
	color: white;
	font-size: 18px;
	padding-left: 10px;
}
.form-group .design-categories .text {
	position: relative;
	line-height: 25px;
	padding-left: 27px;
	font-weight: normal;
}
.form-group .design-categories .show_images_checked {
	position: relative;
	line-height: 25px;
	padding-left: 21px;
	font-weight: normal;
	padding-top: 12px;
}
.design-categories input:checked ~ .text {
	color: #fff;
}
.design-categories .text:before, .design-categories .show_images_checked:before{
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
}
.design-categories .show_images_checked:before{
	background: url(../../../imgs/unchecked.svg);
	background-size: 12px;
	width: 12px;
	height: 12px;
}
.design-categories.checked .show_images_checked:before{
	background: url(../../../imgs/checked.svg);
	background-size: 12px;
	width: 12px;
	height: 12px;
}
#izakaya .text:before{
	background: url(../../../imgs/izakaya-grey.svg);
	background-size: 23px;
	width: 23px;
	height: 24px;
}
#izakaya input:checked ~ .text:before {
	background: url(../../../imgs/izakaya.svg);
}
#cafe .text:before{
	background: url(../../../imgs/cafe.svg);
	background-size: 23px;
	width: 23px;
	height: 24px;
}
#cafe input:checked ~ .text:before {
	background: url(../../../imgs/cafe-white.svg);
}
#bar .text:before{
	background: url(../../../imgs/wine.svg) no-repeat;
	/* background-size: 23px; */
	width: 23px;
	height: 30px;
}
#bar input:checked ~ .text:before {
	background: url(../../../imgs/wine_white.svg) no-repeat;
}
#ramen .text:before{
	background: url(../../../imgs/ramen.svg);
	background-size: 23px;
	width: 23px;
	height: 24px;
}
#ramen input:checked ~ .text:before {
	background: url(../../../imgs/ramen-white.svg);
}
.mw-540 {
	max-width: 540px;
}
.blue-subtitle {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 24px;
	font-weight: bold;
	color: #2462A2;
}

/*filter kitchen*/
.kitchen-filter {
	width: 100%;
	max-width: 410px;
	margin: auto;
	display: block;
}
.switch-field {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ED774D;
	border-radius: 6px;
	padding: 3px;
}
.switch-field .form-group {
	margin: 0;
}
#forms .switch-field .form-group label {
	margin-bottom: 0;
	height: 49px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.switch-field [type="radio"]:checked + label:before, .switch-field [type="radio"]:not(:checked) + label:before {
	width: 100%;
	height: 100%;
	border: none;
	top: 0;
	border-radius: 6px;
	transition: .5s ease;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.32);
	z-index: 1;
}
.switch-field [type="radio"]:not(:checked) + label:before {
	background: transparent;
	box-shadow: unset;
}
.switch-field [type="radio"]:checked + label:after, .switch-field [type="radio"]:not(:checked) + label:after {
	display: none;
}
#forms .switch-field .form-group label span {
	position: relative;
	z-index: 2;
	font-size: 18px;
}
.switch-field [type="radio"]:checked + label {
	color: #ED774D;
	font-weight: bold;
}
.switch-field [type="radio"]:not(:checked) + label {
	color: #fff;
	font-weight: bold;
}
.switch-field [type="radio"]:checked + label span {
	padding-left: 20px;
}
.switch-field [type="radio"]:checked + label span:before {
	content: "\f14a";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width:1199px) {
	.list-category li{
		font-size: 12px;
		padding: 4px 8px;
	}
	#item-lists01 .selected .item-lists-box .img-detail .design-hover {
		padding: 38px 10px;
	}
	.single-staff {
	    height: 210px;
	}
	.select-group .row .single-plan-wrapper{
		padding: 16px;
	}
	#group_plans {
		padding: 10px;
	}
	.pc-line-break{
		display: block !important;
	}
	.pl-20 {
		padding-left: 20px;
	}
	.button03{
		margin-bottom: 16px;
	}
	.button03.btn:focus .checkmark, .button03.selected .checkmark, .button03.btn:focus input[type=checkbox], .button03.selected input[type=checkbox]{
		left: 6px;
	}
	.button03 .checkmark{
		left: 10px;
	}
	.top-banner-content .second-title{
		font-size: 28px;
	}
	.top-slider .image-slider {
		height: 323px;
	}
	.top-slider .slick-dots .image-slider {
		height: 77px;
	}
	#estimate-button {
		left: calc(50% - 465px);
	}
	.select-group .single-plan .plan-read-more {
		float: right;
		color: #2462A2;
		font-size: 14px;
	}
	.select-group .single-plan .content{
		padding-top: 0;
	}
	#item-lists01 .btn-design-select label:after {
		left: calc(50% - 86px);
	}
	#item-lists01 .btn-design-select label:before {
		left: calc(50% - 88px);
	}
	#item-lists01 .item-lists-box .img-detail .design-hover {
		padding: 43px 10px;
	}
	#item-lists01 .single-item .content {
		padding: 0 10px;
	}
	#item-lists01 .item-lists-box .img-detail {
		min-height: 174px;
	}
	.popup_design .slick-arrow{
		padding: 17px 30px;
	}
	.tsubo-line-break{
		display: none;
	}
	#gallery-360 .img-detail {
		height: 353px;
	}
	.select-group .img-detail{
		min-height: 170px;
	}
}
@media (max-width:991px) {
/* 	.list-category li {
		padding: 6px 3px;
		margin-right: 1px;
		font-size: 10px;
	} */
	.list-category{
		min-height: 60px;
	}
	#item-lists01 .single-item {
		margin-bottom: 16px !important;
	}
	#plan_slider .single-description-content {
		min-width: calc(69vw - 32px);
		width: calc(69vw - 32px);
	}
	.single-staff .staff-descryption {
		left: 8px;
		right: 8px;
		padding: 8px 10px;
	}
	.single-staff{
		height: 150px;
	}
	.list-price-range li {
		width: calc(25% - 7px);
	}
	.list-price-range li:nth-child(even) {
		margin-right: 9px;
	}
	.list-price-range li:last-child {
		margin-right: 0;
	}
	#group_plans .button-wrapper{
		padding-top: 6px;
	}
	.select-group dl{
		margin-bottom: 8px;
	}
	.select-group .single-plan .left{
		margin-bottom: 8px;
		padding-right: 0;
	}
	#group_plans{
		padding: 10px;
	}
	.select-group .row .single-plan-wrapper{
		padding: 16px;
	}
	.select-group dl dt{
		display: inline-block;
		min-width: 70px;
		padding-right: 0;
		line-height: 21px;
	}
	.select-group .single-plan .content-2 {
		padding: 0 15px;
	}
	.select-group .single-plan .content-2:last-child{
		padding-left: 0;
	}
	.select-group .single-plan .content-2:first-child{
		/* padding-right: 0; */
	}
	.select-group .single-plan .content-2:nth-child(odd) dl dt{
		min-width: 56px;
	}
	.select-group dl dd{
		display: inline-block
	}
	.top-banner-content .second-title .icon-check{
		width: 25px;
		margin-top: -5px;
	}
	#item-lists01 .btn-design-select label:before {
		left: calc(50% - 85px);
		top: calc(50% - 6px);
	}
	#item-lists01 .btn-design-select label:after {
		left: calc(50% - 83px);
		top: calc(50% - 3px);
	}
	#item-lists01 .btn-design-select{
		height: 30px;
		line-height: 1;
		padding: 5px;
		padding-left: 18px;
	}
	#item-lists01 .item-lists-box .img-detail .design-hover {
		padding: 26px 10px;
	}
	#item-lists01 .selected .item-lists-box .img-detail .design-hover {
		padding: 22px 10px;
	}
	#item-lists01 .button-wrapper {
		width: 175px;
	}
	#item-lists01 .btn-show-popup {
		margin-bottom: 10px;
		padding: 0 5px;
		height: 30px;
	}
	#item-lists01 .single-item.selected .btn-design-select{
		height: 30px;
		line-height: 1;
		padding: 5px 5px;
		padding-left: 18px;
	}
	#item-lists01 .item-lists-box .img-detail .design-selected .selected-mark {
		width: 150px;
		height: 57px;
	}
	#item-lists01 .item-lists-box .img-detail .design-selected .selected-mark img {
		width: 28px;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	#item-lists01 .item-lists-box .img-detail {
		min-height: 125px;
	}
	.top-banner-content .second-title {
		font-size: 22px;
		line-height: 1.7;
	}
	.top-banner-content .main-title {
		font-size: 22px;
	}
	.banner-title-right {
		width: 250px;
	}
	.banner-title-left {
		width: calc(100% - 280px);
	}
	.top-banner-content .video-wrap {
		height: 142px;
	}
	.top-slider .image-slider {
		height: 362px;
	}
	.top-slider .slick-dots .image-slider {
		height: 85px;
	}
	#estimate-button {
		left: calc(50% - 345px);
	}
	.design-slider-nav .image-slider {
		height: 80px;
	}
	#gallery-360 .img-detail {
		height: 394px;
	}
	#banner-top .banner-title{
		font-size: 30px;
	}
	.select-group .img-detail {
		min-height: 190px;
	}
	#button-section {
		padding-bottom: 240px !important;
	}
	
	#contents02 #current_selection .col-content p{
		margin-top: 0;
	}
}
@media (min-width:768px) {

	#agreement-content p b {
		font-size: 16px;
		line-height: 1.7;
	}

	#estimate-button .button-estimate:hover{
		opacity: 0.7;
	}
	#agreement-content .btn-agreement:hover{
		opacity: 0.7;
	}
	.btn-full-image{
		display: none;
	}
	#image-360-sp-only{
		display: none;
	}
	#content-plan-info-sp{
		display: none;
	}
	.sp-description{
		display: none;
	}
	#item-lists01 .single-item.selected .item-lists-box:hover .img-detail .design-selected{
		opacity: 0;
		visibility: hidden;
	}
	/* .phone-button:hover{
		opacity: 0.7;
		color: #67A6E6;
	} */
	.btn-phone-bottom:hover{
		opacity: 0.7;
		color: #67A6E6;
	}
	.contact-button:hover{
		opacity: 0.7;
		color: #fff;
	}
	.close-popup-button:hover{
		opacity: 0.7
	}
	#close-description-design:hover{
		opacity: 0.7;
	}
	.popup-estimate .close-popup:hover{
		opacity: 0.7;
	}
	.button-show-description:hover{
		opacity: 0.7;
	}
	.select-group .single-plan:hover{
		opacity: 0.7;
	}
	.list-plan .btn-select-plan:hover{
		opacity: 0.7;
	}
	#group_plans .btn-plan-select:hover{
		opacity: 0.7;
	}
	#item-lists01 .single-item:hover .img-detail:after{
		background: rgba(0,0,0,0);
	}
	.pagination-sp{
		display: none !important;
	}
	#item-lists01 .btn-design-select:hover{
		background: rgba(123, 177, 233, 0.85);
	}

	#item-lists01 .btn-show-popup:hover{
		background: rgba(123, 177, 233, 0.85);
		color: #fff;
	}
	#item-lists01 .btn-show-popup:hover .fa{
		color: #fff;
	}
	#item-lists01 .btn-design-select:hover label{
		color: #fff;
	}
	#item-lists01 .btn-design-select:hover label:before {
		border: 1px solid #fff;
	}
	#item-lists01 .single-item:hover h3.title{
		color: #2462A2;
	}
	#item-lists01 .single-item.selected .item-lists-box h3.title{
		color: #2462A2;
	}
	#sp-video{
		display: none;
	}
	.sp-360-button{
		display: none;
	}
	.sp-plan-360-button{
		display: none;
	}
	.vsp-only{
		display: none;
	}
	.button-minimize-360-sp{
		display: none !important;
	}
	#zoom-image{
		display: none;
	}
	#choose-design .button03.selected.top-16 .checkmark{
		top:16px;
	}
	#item-lists01 .item-lists-box .img-detail:hover .design-hover{
		z-index: 5;
		opacity: 1;
		visibility: visible;
	}
	.container .text-center h2.title{
		max-height: 77px;
	}
	#contents02 #current_selection .content-small{
		min-height: auto;
		border: none;
	}
	#contents02 #current_selection .link-anchor>span{
		color: #707070;
	}
	#contents02 #current_selection .link-anchor.selected a {
		display: none;
	}
}
@media (max-width:767px) {

	#item-lists01 .item-lists-box .img-detail.active .design-hover{
		z-index: 5;
		opacity: 1;
		visibility: visible;
	}
	.list-tag label{
		padding: 3px 8px;
	}
	.list-tag input:checked + label{
		padding: 2px 7px;
	}
	.row.list-design{
		min-height: 120px;
	}
	#sp-video iframe{
		width: 100%;
		height: 100%;
	}
	.list-tag li{
		margin-right: 8px;
		margin-bottom: 8px;
	}
	#plan_360:after {
		content: url(../../../imgs/icon-360.svg);
		position: absolute;
		top: 15px;
		left: 15px;
		width: 60px;
		z-index: 1;
	}
	.plan-slider-navi li{
		margin: 0 1.5px;
	}
	.plan-slider-navi{
		margin-top: 6px;
	}
	.navi-wrapper{
		padding: 0;
	}
	.title-staff {
		font-size: 28px;
	}
	.plan-slider .image-slider {
		height: 54vw;
	}
	.popup_design .navi-wrapper .slick-arrow{
		height: calc(15vw - 8px);
		background: rgba(0,0,0,0.8);
		justify-content: center !important;
	}
	.plan-slider-navi .image-slider {
		height: calc(15vw - 8px);
	}
	.single-staff{
		margin-bottom: 45px;
		height: 248px;
	}
	.single-staff .staff-descryption{
		left: 8px;
		right: 8px;
		line-height: 1;
		bottom: -30px;
	}
	.list-staff-wrapper .col-6.col-md-3:nth-child(odd){
		padding-right: 7.5px;
	}
	.list-staff-wrapper .col-6.col-md-3:nth-child(even){
		padding-left: 7.5px;
	}

	.list-category{
		min-height: 30px;
		margin-top: 8px;
	}
	.list-price-range li {
		width: calc(50% - 4px);
		margin-right: 8px;
		margin-bottom: 8px;
	}
	.list-price-range li:nth-child(even) {
		margin-right: 0;
	}

	.select-group .single-plan .content-2:last-child{
		padding: 0 15px;
	}
	#item-lists01 .single-item.hide {
		display: none;
	}
	#choose-design .fa.fa-yen{
		display: none;
	}
	.yen-pc-only{
		display: none;
	}
	#agreement-content .btn-agreement.close-agreement{
		margin-left: 0;
	}
	#agreement-content .btn-agreement.check-agreement{
		margin-right: 0;
	}
	#agreement-content ul{
		padding: 0;
	}
	#agreement-content .btn-agreement{
		margin: 0 7.5px;
	}
	/* #agreement-content .title-agreement {
		margin-bottom: 32px;
		padding-bottom: 24px;
	} */
	#agreement-content .last-p{
		padding-bottom: 0;
	}
	#agreement-content{
		padding: 0;
	}
	#agreement-content .agreement-wrapper{
		padding-left: 15px;
		padding-right: 10px;
	}
	.close-popups{
		right: 0;
		top: -40px;
	}
	/* .close-popup:before{
		background: #000;
	}
	.close-popup:after{
		background: #000;
	} */
	.apiz-wrapper {
		overflow: hidden;
		position: relative;
		font-size: 30px;
		width: 100%;
		height: 100%;
	}

	.apiz-wrapper,
	.apiz-wrapper * {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	.apiz-wrapper > img:first-child,
	.apiz-wrapper > svg:first-child {
		position: absolute;
		z-index: 5;
		left: 50%;
		top: 50%;
		-webkit-transform-origin: 0 0 0;
		-moz-transform-origin: 0 0 0;
		-ms-transform-origin: 0 0 0;
		-o-transform-origin: 0 0 0;
		transform-origin: 0 0 0;
	}

	.apiz-wrapper > svg:first-child {
		left: 0;
		top: 0;
	}

	.apiz-wrapper > .apiz-original-svg {
		display: block !important;
		visibility: visible !important;
		position: absolute !important;
		left: -100% !important;
	}

	.apiz-wrapper > .apiz-overlay {
		position: absolute;
		z-index: 10;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7");
	}

	.apiz-enabled > .apiz-overlay {
		cursor: move;
		cursor: grab;
		cursor: -webkit-grab;
		cursor: -moz-grab;
	}

	.apiz-enabled.apiz-dragging > .apiz-overlay {
		cursor: move;
		cursor: grab;
		cursor: -webkit-grabbing;
		cursor: -moz-grabbing;
	}

	.apiz-loading > .apiz-overlay {
		cursor: progress;
	}

	.apiz-disabled > .apiz-overlay {
		cursor: default;
	}

	.apiz-wrapper .apiz-error-message {
		color: #e0e0e0;
		font-size: 80px;
		line-height: 100px;
		text-align: center;
		margin: 40px 0 0 0;
	}

	.apiz-wrapper .apiz-loading-animation-text {
		position: absolute;
		z-index: 1;
		width: 100%;
		text-align: center;
		top: 49%;
	}

	.apiz-wrapper .apiz-loading-animation-image {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-color: transparent;
		background-repeat: no-repeat;
	}

	.apiz-wrapper .apiz-throbber {
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		margin: -90px 0 0 -90px;
	}

	.apiz-wrapper .apiz-throbber > .apiz-circle {
		position: absolute;
		border: 3px solid transparent;
		border-top: 3px solid #5f5c5c;
		border-radius: 50%;
	}

	.apiz-wrapper .apiz-throbber > .apiz-circle.apiz-circle-one {
		height: 50px;
		width: 50px;
		left: 50px;
		top: 50px;
		-webkit-animation: 1.0s throbberRotateOne linear infinite;
		-moz-animation: 1.0s throbberRotateOne linear infinite;
		-ms-animation: 1.0s throbberRotateOne linear infinite;
		-o-animation: 1.0s throbberRotateOne linear infinite;
		animation: 1.0s throbberRotateOne linear infinite;
	}

	.apiz-wrapper .apiz-throbber > .apiz-circle.apiz-circle-two {
		height: 75px;
		width: 75px;
		top: 38px;
		left: 38px;
		-webkit-animation: 1.05s throbberRotateTwo linear infinite;
		-moz-animation: 1.05s throbberRotateTwo linear infinite;
		-ms-animation: 1.05s throbberRotateTwo linear infinite;
		-o-animation: 1.05s throbberRotateTwo linear infinite;
		animation: 1.05s throbberRotateTwo linear infinite;
	}

	.apiz-wrapper .apiz-throbber > .apiz-circle.apiz-circle-three {
		height: 100px;
		width: 100px;
		top: 25px;
		left: 25px;
		-webkit-animation: 1.1s throbberRotateThree linear infinite;
		-moz-animation: 1.1s throbberRotateThree linear infinite;
		-ms-animation: 1.1s throbberRotateThree linear infinite;
		-o-animation: 1.1s throbberRotateThree linear infinite;
		animation: 1.1s throbberRotateThree linear infinite;
	}

	@-webkit-keyframes throbberRotateOne {
		from { transform: rotateZ(280deg); }
		to { transform: rotateZ(-80deg); }
	}

	@-moz-keyframes throbberRotateOne {
		from { transform: rotateZ(280deg); }
		to { transform: rotateZ(-80deg); }
	}

	@-ms-keyframes throbberRotateOne {
		from { transform: rotateZ(280deg); }
		to { transform: rotateZ(-80deg); }
	}

	@-o-keyframes throbberRotateOne {
		from { transform: rotateZ(280deg); }
		to { transform: rotateZ(-80deg); }
	}

	@keyframes throbberRotateOne {
		from { transform: rotateZ(280deg); }
		to { transform: rotateZ(-80deg); }
	}

	/* Ring two */

	@-webkit-keyframes throbberRotateTwo {
		from { transform: rotateZ(320deg); }
		to { transform: rotateZ(-20deg); }
	}

	@-moz-keyframes throbberRotateTwo {
		from { transform: rotateZ(320deg); }
		to { transform: rotateZ(-20deg); }
	}

	@-ms-keyframes throbberRotateTwo {
		from { transform: rotateZ(320deg); }
		to { transform: rotateZ(-20deg); }
	}

	@-o-keyframes throbberRotateTwo {
		from { transform: rotateZ(320deg); }
		to { transform: rotateZ(-20deg); }
	}

	@keyframes throbberRotateTwo {
		from { transform: rotateZ(320deg); }
		to { transform: rotateZ(-20deg); }
	}

	/* Ring three */

	@-webkit-keyframes throbberRotateThree {
		from { transform: rotateZ(360deg); }
		to { transform: rotateZ(0deg); }
	}

	@-moz-keyframes throbberRotateThree {
		from { transform: rotateZ(360deg); }
		to { transform: rotateZ(0deg); }
	}

	@-ms-keyframes throbberRotateThree {
		from { transform: rotateZ(360deg); }
		to { transform: rotateZ(0deg); }
	}

	@-o-keyframes throbberRotateThree {
		from { transform: rotateZ(360deg); }
		to { transform: rotateZ(0deg); }
	}

	@keyframes throbberRotateThree {
		from { transform: rotateZ(360deg); }
		to { transform: rotateZ(0deg); }
	}

	#zoom-image{
		position: fixed;
		z-index: 500;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0,0,0,0.96);
		height: 100vh;
		width: 100vw;
		display: none;
		-webkit-transform: translate3d(0,0,0);
		overflow: hidden;
	}

	#zoom-image .close-zoom-img{
		position: absolute;
		right: 15px;
		top: 15px;
		width: 30px;
		height: 30px;
		background: url(../../../imgs/ico-close.svg), #fff;
		border-radius: 50%;
		z-index: 15;
		cursor: pointer;
	}

	#zoom-image img{
		max-width: unset;
	}
	.design-slider .image-slider.fullscreen{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100vw !important;
		height: 100vh !important;
		z-index: 1000;
	}
	#plan_slider .btn-full-image{
		background: url(../../../imgs/ico-fullscreen-grey.svg);
		background-size: 28px;
		background-position: right 10px bottom 10px;
		background-repeat: no-repeat;
	}
	.btn-full-image{
		position: absolute;
		bottom: 0;
		right: 0;
		width: 50px;
		height: 50px;
		background: url(../../../imgs/icon-fullscreen.svg);
		background-size: 28px;
		background-position: right 10px bottom 10px;
		background-repeat: no-repeat;
		z-index: 5;
		cursor: pointer;
	}

	/* width */
	.sp-description-wrapper::-webkit-scrollbar {
		width: 8px;
	}

	/* Track */
	.sp-description-wrapper::-webkit-scrollbar-track {
		border-radius: 0;
		margin: 0 10px;
	}

	/* Handle */
	.sp-description-wrapper::-webkit-scrollbar-thumb {
		background: #fff;
		border-radius: 3px;
		width: 4px;
	}

	/* Handle on hover */
	.sp-description-wrapper::-webkit-scrollbar-thumb:hover {
		background: rgba(0,0,0,0.7);
	}

	.sp-description-wrapper{
		height: 100%;
		overflow-y: auto;
	}
	.page-pagination.non-page{
		border: 0;
		background: none;
		padding: 12px 5px 5px 5px;
		width: 36px;
		margin: 0;
	}
	.page-pagination{
		color: #707070;
		font-size: 18px;
		font-weight: bold;
		margin: 0 9px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		-ms-flex-pack: center;
		align-items: center;
		-ms-flex-align: center;
		cursor: pointer;
	}

	.page-pagination.current-page-pagination{
		background: #14375B;
		color: #fff;
	}
	#design_360{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0,0,0,0.9);
		z-index: 2;
		display: none;
	}
	#plan_360{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0,0,0,0.9);
		z-index: 2;
		display: none;
	}
	.button-minimize-360-sp{
		width: 32px;
		height: 32px;
		position: fixed;
		z-index: 3;
		right: 15px;
		top: 25px;
		bottom: auto;
		background: url(../../../imgs/close.svg);
		background-size: cover;
		display: none;
		cursor: pointer;
	}
	#design_360:after{
		content: url(../../../imgs/icon-360.svg);
		position: absolute;
		top: 15px;
		left: 15px;
		width: 60px;
		z-index: 1;
	}
	#content-plan-info-sp{
		color: #fff;
		margin-top: 24px;
		font-size: 16px;
	}
	#contents02 .last-result .col-content{
		border-bottom: 0;
		padding-bottom: 32px;
	}
	#form-section .title-form span {
		font-size: 16px;
	}
	#form-section .title-form .subtitle {
		font-size: 20px;
		line-height: 30px;
	}
	.contact-button{
		background: #2462A2;
		border-radius: 26px;
		color: #fff;
		font-weight: bold;
		padding: 4px 5px;
		display: inline-block;
		margin-top: 16px;
		width: 224px;
		height: 35px;
		font-size: 15px;
	}
	.vsp-only{
		display: none;
	}
	#contents02 .col-content .float-left {
		font-size: 16px;
		width: calc(100% - 90px);
	}
	#contents02 .col-content .float-left .content-small{
		font-size: 14px;
	}
	#contents02 .link-anchor .content-small {
		border: none;
	}
	#contents02 .link-anchor a.content-small:hover {
		color: #ED774D;
	}

	#contents02 .link-anchor>span, #contents02 .link-anchor.selected a {
		display: none;
	}
	#contents02 .link-anchor.selected>span{
		display: block;
		font-weight: normal;
		color: #707070;
	}

	#design_style_slider .slick-dots{
		margin-top: 8px;
		height: 13vw;
	}

	#plan_slider .slick-dots {
		margin-top: 8px;
		height: 11.5vw;
	}
	.image_slide_360{
		display: none !important;
	}
	.close-popup-button {
		top: 10px;
		right: 0;
	}
	.design-description{
		display: none;
	}
	.sp-description{
		font-size: 14px;
		color: #fff;
		margin-top: 8px;
		height: 141px;
		padding: 16px 0;
	}
	.sp-360-button{
		width: 105px;
		height: 44px;
		border: 1px solid #fff;
		padding: 4px 20px;
		margin: auto;
		background: #67A6E6;
		text-align: center;
		margin-top: 14px;
		padding-top: 6px;
	}
	.sp-plan-360-button{
		width: 105px;
		height: 44px;
		border: 1px solid #fff;
		padding: 4px 20px;
		margin: auto;
		background: #67A6E6;
		text-align: center;
		margin-top: 14px;
		padding-top: 6px;
	}

	.sp-360-button img{
		width: 37px;
	}
	.sp-plan-360-button img{
		width: 37px;
	}
	#gallery-360 .fullsreen {
		width: 22px;
		right: 8px;
		bottom: auto;
		transform: none;
		top: 10px;
		left: auto;
		min-width: 14px;
		cursor: pointer;
	}
	#gallery-360 .fullview .fullsreen {
		width: 32px;
		right: 15px;
		top: 25px;
	}
	#gallery-360 .icon-360 {
		width: 32px;
		top: 7px;
		left: 7px;
		transform: none;
		min-width: initial;
		right: auto;
		bottom: auto;
		z-index: 1;
	}
	#gallery-360 .fullview .icon-360 {
		width: 60px;
		top: 15px;
		left: 15px;
	}
	.top-slider .slick-dots li {
		margin: 0 4px;
		width: calc(25% - 6px);
	}
	#about-service .subtitle-service .bottom-subt{
		font-size: 16px;
		margin-top: 12px;
	}
	#about-service .subtitle-service{
		font-size: 18px;
	}
	#about-service .button01 .fa{
		position: relative;
		top: 1px;
	}
	#about-service .button01 {
		font-size: 20px;
		padding: 9px 10px;
	}
	.number-step{
		margin-right: 0;
	}
	#sample_show .close-sample-button {
		top: 15px;
		right: 15px;
		z-index: 5;
	}
	#sample_show.popup-content{
		width: 100%;
	}
	#sample_show .wrapper-slider-popup .slider-sample{
		width: 100%;
		margin: auto;
	}
	#sample_show .wrapper-slider-popup{
		padding: calc(11vh - 30px) 0;
		width: 100%;
	}
	#slider-show-sample .sample-image{
		min-height: 83vh;
	}
	#sample_show .slick-arrow{
		display: none !important;
	}
	#form-section .title-form{
		margin-bottom: 32px;
	}
	#list-selected-result{
		margin-bottom: 0;
	}
	#select-plan{
		padding: 56px 0;
	}
	#forms{
		padding: 56px 0;
	}
	#contents02 .col-content{
		padding: 16px 0;
		height: initial;
	}
	#contents02 h2.second-title {
		padding-bottom: 12px;
		margin-bottom: 32px;
	}
	#gallery-360{
		padding-bottom: 56px;
	}
	#slider01{
		padding: 50px 0;
	}
	.top-slider .slick-dots {
		height: 77px;
	}
	#gallery-360 .bottom-360-title {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	#slider01 .bottom-slider-title {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	#item-lists01 .selected .item-lists-box .img-detail .design-hover {
		padding: 96px 10px;
	}
	#item-lists01 .single-item.selected .item-lists-box .img-detail.active .design-selected{
		opacity: 0;
		visibility: hidden;
	}
	#item-lists01 .single-item.selected .item-lists-box .img-detail .design-selected{
		opacity: 1;
		visibility: visible;
	}
	h2.title{
		margin-bottom: 32px;
		font-size: 20px;
		line-height: 34px;
	}
	.container .text-center h2.title{
		padding: 10px 0;
	}
	#forms h2.title {
		margin-bottom: 24px;
	}
	#select-plan h2.title{
		margin-bottom: 36px;
	}
	#choose-design .title{
		margin-bottom: 24px;
		font-size: 20px;
		padding: 10px 0;
	}
	#about-service{
		padding: 24px 0 56px 0;
	}
	#sp-video{
		height: 289px;
		position: relative;
		margin-bottom: 24px;
	}
	#sp-video .video-item{
		position: absolute;
		overflow: hidden;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
	}
	#sp-video .video-item video{
		width: 100%;
	}
	#sp-video .video-item img{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 5;
	}

	#sp-video{
		width: 100%;
	}
	#about-service .second-title{
		text-align: center;
		line-height: 40px;
		margin-bottom: 18px;
		font-size: 32px;
	}
	.top-banner-content .second-title{
		line-height: 36px;
		font-size: 27px;
		margin-bottom: 6px;
		position: relative;
		padding-left: 38px;
	}
	.top-banner-content .second-title img.icon-check{
		width: 32px;
		position: absolute;
		left: 0;
		top: 10px;
	}

	.top-banner-content .second-title:last-child{
		margin-bottom: 0;
	}
	.top-banner-content {
		padding: 12vw 0;
	}
	#banner-top {
		background: url(../../../imgs/bg-sp-top.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: initial;
	}
	.top-banner-content .main-title {
		line-height: 36px;
		margin-bottom: 12px;
	}
	.banner-title-left {
		width: 100%;
		margin-right: 0;
	}
	.banner-title-right{
		display: none;
	}
	/* GruneBali */
	#estimate-button {
		left: 15px;
		width: 260px;
	}
	iframe#customer-chat-iframe {
	    right: 15px !important;
	    bottom: 18px !important;
	}

	#estimate-button .container{
		padding: 0 8px;
	}
	.slider.slider-horizontal .slider-track{
		margin-top: 0;
	}
	.slider-handle {
		width: 24px !important;
		height: 24px !important;
	}
	#item-lists01 .btn-design-select label .pc-only{
		display: none !important;
	}
	#item-lists01 .button-wrapper{
		padding: 1px 8px;
		width: 220px;
	}
	#item-lists01 .btn-show-popup{
		margin-bottom: 14px;
		    padding: 8px 5px;
		    height: 43px;
	}
	#item-lists01 .btn-design-select {
		height: 43px;
		line-height: 1;
		padding: 11px 5px;
		padding-left: 18px;
	}
	#item-lists01 .single-item.selected .btn-design-select{
		height: 43px;
		line-height: 1;
		padding: 11px 5px;
		padding-left: 18px;
	}
	#item-lists01 .item-lists-box .img-detail {
		min-height: 305px;
	}
	#item-lists01 .item-lists-box .img-detail .design-selected .selected-mark {
		width: 164px;
		height: 102px;
	}
	#item-lists01 .item-lists-box .img-detail .design-selected .selected-mark img {
		width: 50px;
		margin-top: 20px;
		margin-bottom: 8px;
	}
	#item-lists01 .item-lists-box .img-detail .design-hover {
		padding: 100px 10px;
	}
	.button-section-wrapper {
		width: 100%;
		margin: auto;
	}
	#contents02{
		padding: 56px 0;
	}
	#button-section{
		padding: 56px 0;
	}
	.select-group .row .single-plan-wrapper{
		width: 100%;
		padding: 15px;
		margin-left: 0;
		margin-right: 0;
	}
	#group_plans{
		padding: 15px;
	}
	#contents02 .col-total {
		font-size: 17px;
		margin: 30px 0 67px 0;
	}
	#contents02 .col-share a{
		margin: 0 7px;
		margin-bottom: 24px;
	}
	.select-group .single-plan .left{
		margin-bottom: 8px;
	}
	.select-group dl.price-group{
		padding-top: 0;
	}
	.popup_estimate_form .popup{
		padding: 32px 0;
	}
	.design-slider-nav .image-slider{
		height: 11vw;
	}
	.design-slider .image-slider.image-360.fullview .fullsreen-popup{
		right: 0;
	}
	.popup-content {
		width: 100%;
		margin: auto;
		display: block;
		padding: calc(50vh - (37vw + 150px)) 15px;
	}
	#sample_show{
		padding: 4vh 0;
	}
	.popup_design .wrapper-slider-popup {
		width: 100%;
		padding: 50px 0;
	}
	.list-plan .btn-select-plan{
		border: 2px solid #14375B;
		border-bottom: 0;
	}
	#contents02 .col-share .text-share {
		margin-right: 0;
		display: block;
		text-align: left;
		padding-left: 15px;
		margin-bottom: 24px;
		line-height: 21px;
	}
	#contents02 .content-small-h46{
		height: auto;
	}
	#contents02 .col-share{
		margin-top: 16px;
	}
	.top-slider .image-slider {
		position: relative;
		height: 262px;
	}
	.top-slider .slick-dots .image-slider {
		position: relative;
		height: 60px;
	}
	.popup_design .design-slider .slick-list{
		height: 100%;
	}
	.popup_design .slick-arrow {
		padding: 2.2vw 2vw;
		right: -6vw;
		width: 8vw;
	}
	.popup_design .slick-prev {
		left: 5px;
	}
	.popup_design .design-slider-nav{
		height: 11vw;
	}
	.design-slider-nav .image-slider.image-360:after {
		background-size: 30%;
	}
	.design-slider .image-slider.image-360:after {
		background-size: 50%;
	}
	#item-lists01 .single-item{
		margin-bottom: 24px !important;
	}
	.page-pagination.disabled{
		opacity: 0.3;
	}
	.pagination-sp .disabled.hide{
		display: none;
	}
	.pagination-sp .pagination li .material-icons{
		font-size: 31px;
		vertical-align: middle;
		margin-top: -3px;
	}
	.pagination-sp .pagination li{
		display: inline-block;
		font-size: 18px;
		padding: 0 9px;
		line-height: 30px;
		border-radius: 2px;
		text-align: center;
		margin: 0 5px;
	}
	.pagination-sp .pagination li:first-child{
		margin: 0;
		padding: 0;
	}

	.pagination-sp .pagination li:last-child{
		margin: 0;
		padding: 0;
	}

	.pagination-sp .pagination li.disabled{
		margin: 0;
		padding: 0;
	}

	.pagination-sp .pagination li.active{
		background: #14375B;
		color: #fff;
	}
	.pagination-sp .pagination{
		display: initial;

	}
	.pagination-sp{
		display: none;
		padding-bottom: 32px;
		margin-top: 16px;
		position: relative;
		text-align: center;
	}
	.pagination-sp .btn .fa{
		font-size: 40px;
		line-height: 34px;
	}
	#gallery-360 span{
		font-size: 14px;
		font-weight: bold;
	}
	.list-plan .btn-select-plan:last-child:after {
		right: -2px;
	}
	.list-plan .btn-select-plan:first-child:after {
		left: -2px;
	}
	.list-plan .btn-select-plan:last-child {
		border-right: 2px solid #14375B;
		margin-right: -2px;
	}
	.list-plan .btn-select-plan:first-child {
		border-left: 2px solid #14375B;
		margin-left: -2px;
	}
	.list-plan {
		border: 2px solid #14375B;
		border-top: 0;
	}
	.list-plan .btn-select-plan.selected:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 4px;
		right: 4px;
		border-bottom: 2px solid #14375B;
	}
	.select-group dl {
		line-height: 21px;
		margin-bottom: 6px;
		display: inline-block;
		width: calc(50% - 4px);
	}
	.select-group .single-plan .content-2 dl:last-child{
		width: calc(50% - 4px);
	}
	.select-group dl dt {
		min-width: 69px;
		padding-right: 0px;
	}
	.select-group dl:nth-child(2) dt{
		min-width: 55px;
	}
	.select-group dl:last-child dt{
		min-width: 55px;
	}
	#group_plans h4.title{
		font-size: 16px;
		margin-bottom: 8px;
		line-height: 21px;
		width: calc(100% - 86px);
		display: inline-block;
	}
	#item-lists01 {
	}
	.item-lists-label {
		padding: 1px 12px;
	}
	#item-lists01 .read-more{
		padding-top: 0;
	}
	#item-lists01 .item-lists-box h3.title {
		margin: 8px 0 4px;
		font-size: 18px;
	}
	#item-lists01 .item-lists-box p{
		display: none;
	}
	#choose-design .button03{
		border: 0;
		height: auto;
		padding: 0;
		text-align: left;
		padding-left: 16px;
		background: none;
		margin-bottom: 8px;
	}
	#choose-design .button03 label {
		cursor: pointer;
		padding: 0 8px;
		margin: 0px;
		text-align: left;
	}
	#choose-design {
		padding-top: 56px;
		padding-bottom: 16px;
	}
	#choose-design .button03 .checkmark{
		top: 2px;
		left: 0;
	}
	#choose-design .button03 input[type=checkbox]{
		left: 0;
		top: 1px;
	}
	#gallery-360 .img-detail {
		height: 350px;
	}
	.top-slider .slick-dots{
		padding: 16px 0 0 0;
		margin-top: 0;
	}
	#contents01 .video-wrapper{
		margin: 0;
	}
	.button01{
		min-width: 100%;
	}
	.select-group .row .single-plan-wrapper:last-child .single-plan:before{
		border-bottom: 0;
	}
	.select-group .img-detail img{
/* 		-webkit-transition: 0.3s linear 0s;
		-moz-transition: 0.3s linear 0s;
		-ms-transition: 0.3s linear 0s;
		-o-transition: 0.3s linear 0s;
		transition: 0.3s linear 0s;
		border: 0 !important;
		object-fit: contain;
		position: absolute !important;
		max-width: 100%;
		max-height: 100%;
		top: 50%;
		left: 50%;
		right: 0;
		bottom: 0;
		width: 100%;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		margin: unset; */
	}
	.select-group .img-detail {
		min-height: 290px;
	}
	#banner-top .banner-title {
		font-size: 32px;
		line-height: 45px;
		padding-top: 32px;
	}
	#contents01 .contents-text-left{
		float: none;
	}
	#contents01 .contents-text-right{
		float: none;
		width: 350px;
	}
	.design-slider .image-slider{
		height: 52vw;
	}
	#design_style_slider .slick-dots li{
		width: calc(25% - 8px);
		margin: 0 4px;
	}

	#plan_slider .slick-dots li {
		width: calc(25% - 8px);
		margin: 0 4px;
	}
	#design_style_slider .slick-dots .img-detail{
		min-height: 12vw;
		border: 1px solid #fff;
	}

	#plan_slider .slick-dots .img-detail {
		min-height: 11.4vw;
		border: 1px solid #fff;
	}
	#group_plans .button-wrapper{
		padding-top: 8px;
	}
	.work-time{
		font-size: 14px;
	}
	.plan-under-contruction .under-contruction-wrapper {
		width: 460px;
		/* height: 500px; */
		margin: auto;
	}
	#group_plans {
		padding: 8px 15px;
	}
	.result-wrapper{
		width: 100%;
		margin-bottom: 32px;
	}
	.btn-show-sample{
		width: 100%;
		font-size: 16px;
		margin-bottom: 32px;
	}
	#button-send{
		width: 100%;
	}
	.text-center .text-step {
		line-height: 26px;
    margin-top: 4px;
	  margin-left: 0;
	  display: block;
  }

	.btn-phone-bottom:hover {
		color: #67A6E6;
		text-decoration: none;
	}
	a.contact-button:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
	#about-service .video-item iframe {
		width: 100%;
		height: 100% ;
	}

	/*design-categories*/
	.wrapp-design-cat {
		justify-content: left;
		padding: 0 15px 0 0;
	}
	.wrapp-design-cat .form-group {
		/*width: calc(33.33% - 10px);*/
		width: calc(50% - 15px);
		margin-left: 15px;
		margin-right: 0px;
	}
	.form-group .design-categories .text {
		position: relative;
		line-height: 1;
		padding-left: 30px;
		padding-top: 3px;
		width: 120px;
	}
	.wrapp-design-cat > .form-group {
		margin-bottom: 0px;
	}
	.form-group .design-categories {
    	padding: 6px;
	}
	.design-categories .text:before {
		top: -5px;
		left: 25px;
	}
	#ramen > .text:before {
		left: 22px;
	}
	#ramen > .text {
		text-indent: 10px;
	}
	#bar > .text {
		text-indent: -15px;
	}
	.design-categories .show_images_checked:before {
		position: absolute;
		left: 15px;
		top: 0px;
	}

	/*filter kitchen*/
	.kitchen-filter {
		max-width: 345px;
	}
	#forms .switch-field .form-group label {
		height: 55px;
	}
	#forms .switch-field .form-group label span {
		line-height: 20px;
	}
	#forms .switch-field .form-group label span {
		padding-left: 0;
	}
	.switch-field [type="radio"]:checked + label span:before {
		position: relative;
		margin-right: 4px;
	}
}

@media (max-width:575px) {
	.title-staff {
		font-size: 5.5vw;
		padding-bottom: 16px;
	}
	#about-service .button01{
		width: 100%;
	}
	#sp-video .video-item img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		right: 0;
		z-index: 5;
		transform: translateX(-50%);
		/*min-width: 121%;*/
		width: auto;
		margin: auto;
	}
	#item-lists01 .selected .item-lists-box .img-detail .design-hover{
		padding: calc((57vw - 111px)/2) 10px;
	}
	.top-banner-content .second-title{
		font-size: 27px;
		padding-left: 32px;
		line-height: 34px;
	}

	#item-lists01 .item-lists-box .img-detail .design-hover {
		padding: calc((55vw - 96px)/2) 10px;
	}
	#item-lists01 .item-lists-box .img-detail{
		min-height: calc(57vw - 8px);
	}
	#sp-video{
		height: 51vw;
	}
	#estimate-button {
	}
	#item-lists01 .btn-design-select label:before {
		left: calc(50% - 75px);
	}
	#item-lists01 .btn-design-select label:after {
		left: calc(50% - 73px);
	}
	.phone-button {
		padding: 6px 10px;
		display: block;
	}
	.result-wrapper .current-selection-price {
		font-size: 34px;
	}
	.result-wrapper{
		font-size: 14px;
	}
	.plan-under-contruction .under-contruction-wrapper {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px;
	}
	.plan-under-contruction .message {
		font-size: 17px;
	}
	.list-plan .btn-select-plan.selected label {
		font-size: 14px;
	}
	.popup_design .slick-arrow {
		padding: calc(5vw - 20px) 12px;
		right: 0;
		line-height: 40px;
	}
	.popup-content {
		width: auto;
		margin: auto;
		display: block;
	}
	#item-lists01 {
	}
	.top-slider .slick-dots .image-slider {
		position: relative;
		height: 11vw;
	}
	.top-slider .image-slider {
		position: relative;
		height: 48vw;
	}
	.design-slider .image-slider.image-360:before{
		font-size: 8px;
	}
	.popup_design .description {
		font-size: 14px;
		color: #fff;
		margin-top: 10px;
		line-height: 20px;
	}
	.popup_design .design-slider-nav{
		height: 11vw;
	}
	.design-slider-nav .image-slider{
		height: 11vw;
	}

	#gallery-360 .img-detail {
		height: 55vw;
	}
	.select-group .img-detail {
		min-height: 54vw;
	}
	#contents01 .button01 {
		padding: 11px 0;
		min-width: 100%;
	}
	#contents01 .contents-text-right{
		width: 100%;
	}
	#contents01 .video-item {
		top: 0;
		width: 100%;
		height: 100%;
	}
	#contents01 .video-wrap {
		height: 50vw;
		margin-top: 11px;
	}
	#contents01 .video-item img {
		width: 100%;
		height: 100%;
	}
	.contact-button {
		padding: 3px 5px;
	}

	#item-lists01 .btn-design-select label {
		padding-left: 20px;
	}
	.top-slider .slick-dots {
		height: 16vw;
	}
	.single-staff{
		height: 48vw;
	}
	/* .text-center .text-step {
		line-height: 32px;
	} */

	/* h2.title img{
		margin-right: 4px;
	    vertical-align: text-bottom;
	    width: 23px;
	} */
	h2.title span.step-step{
		font-size: 18px;
    font-weight: 600;
	}
	.popup-next-step-background {
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 200;
	    background: rgba(0, 0, 0, 0.65);
	}
	.popup-box{
		background: #FFFFFF;
	    width: 345px;
	    height: 177px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    max-width: 100%;
	    max-height: 100%;
	    overflow: auto;
	    text-align: center;
	    border-radius: 3px;
	    padding: 0;
	}
	.row-box{
		margin: 10px 60px;
    	padding: 21px 0;
	}
	.popup-box h2{
		font-size: 24px;
	    color: #707070;
	    font-weight: 500;
	}
	.popup-box p{
		font-size: 14px;
	    margin-top: 8px;
	    color: #707070;
	    line-height: 1.7;
	}
	.popup-box img{
	    margin-top: 22px;
	    width: 23px;
	}

	.popup-box img.close-btn-popup {
	    position: absolute;
	    float: right;
	    right: 9px;
	    top: -12px;
	    width: 30px;
	}
}
@media (max-width:414px) {
	.result-wrapper .current-selection-price {
		font-size: 30px;
	}
}
@media (max-width:374px) {
	#choose-design .title,
	h2.title{
		font-size: 20px;
	}
	.single-staff .staff-descryption{
		padding: 8px 8px;
	}
	.list-category li{
		min-width: 53px;
	}
	#group_plans {
		padding: 8px;
	}
	.select-group .row .single-plan-wrapper{
		padding: 8px;
		margin: 4px 0;
	}
	.pagination-sp .btn .fa {
		font-size: 30px;
		line-height: 32px;
	}
	.page-pagination {
		width: 35px;
		height: 35px;
		margin: 0 7px;
	}
	.page-pagination.non-page {
		padding: 12px 2px 5px 2px;
		width: 29px;
	}
	#button-send {
		font-size: 16px;
	}
	.vsp-only{
		display: inline-block;
	}
	/* GruneLQ */
	#estimate-button{
		height: initial;
		position: fixed;
		left: 0;
		bottom: -2px;
		width: 230px;
	}
	body iframe#customer-chat-iframe {
		right: 0 !important;
		bottom: 0 !important;
	}
	/* #estimate-button .button-estimate{
		padding: 4px 4px;
		text-align: center;
		line-height: 20px;
	} */
	.popup_design .slick-arrow {
		font-size: 28px;
		line-height: 28px;
		padding: calc(3vw - 6px) 6px;
	}
	#item-lists01 .selected .btn-design-select label {
		padding: 3px 2px;
	}
	#item-lists01 .row {
		margin-right: -3px;
		margin-left: -3px;
	}
	#item-lists01 .single-item {
		padding-left: 3px;
		padding-right: 3px;
	}
	#item-lists01 .selected .btn-design-select label:before {
		left: calc(50% - 87px);
	}
	#item-lists01 .selected .btn-design-select label:after {
		left: calc(50% - 85px);
	}
	#item-lists01 .btn-design-select label:after {
		left: calc(50% - 85px);
	}
	#form-section .title-form .form-title{
		font-size: 32px;
	}
	#form-section .title-form .subtitle {
		font-size: 17px;
	}
	#form-section .title-form span {
		font-size: 13px;
	}
	.top-banner-content .second-title {
		font-size: 26px;
		padding-left: 32px;
	}
	.top-banner-content .second-title img.icon-check {
		width: 30px;
	}
}
@media(max-width:362px) {
	.result-wrapper .current-selection-price {
		font-size: 24px;
	}
}
@media (max-width:350px) {
	.select-group .single-plan .content-2:last-child dl:first-child dt{
		letter-spacing: -1px;
	}
	#group_plans {
		padding: 5px;
	}
	.select-group .row .single-plan-wrapper {
		padding: 5px;
	}
	#design_group .col-6:nth-child(odd){
		padding-right: 4px;
	}
	#design_group .col-6:nth-child(even){
		padding-left: 4px;
	}
	#about-service .button01 .fa{
		position: relative;
		top: 3px;
	}
	#about-service .button01 {
		font-size: 16px;
		padding: 10px;
	}

	#about-service .subtitle-service .bottom-subt{
		font-size: 14px;
		margin-top: 8px;
	}
	#form-section .title-form {
		font-size: 14px;
	}
	.btn-show-sample {
		width: 100%;
		font-size: 14px;
	}
	.top-banner-content .main-title {
		font-size: 20px;
	}
	.top-banner-content .second-title {
		font-size: 23px;
		padding-left: 26px;
	}
	.top-banner-content .second-title img.icon-check {
		width: 26px;
		position: absolute;
		left: 0px;
		top: 11px;
	}
	.plan-under-contruction .message {
		font-size: 14px;
	}
	.phone-button {
		font-size: 16px;
	}
	.select-group .img-detail {
		min-height: 53vw;
	}

	#banner-top .banner-title{
		font-size: 29px;
	}
	#contents01 .contents-text-left{
		font-size: 36px;
	}
	#choose-design .button03 label{
		font-size: 13px;
		padding: 0 4px;
	}
	#choose-design .button03{
		padding-left: 12px;
	}
	#choose-design .fa.fa-yen {
		border: 1px solid currentcolor;
		border-radius: 50%;
		width: 16px;
		height: 16px;
		font-size: 11px;
		padding: 3px 3.8px;
		line-height: 1;
	}
	#choose-design .button03 .checkmark{
		position: absolute;
		top: 18px;
		left: 0;
		height: 15px;
		width: 15px;
		top: 2px;
	}
	#choose-design .button03 .checkmark:after {
		left: 4px;
		top: 1px;
		width: 7px;
		height: 10px;
	}

	.design-categories .text:before {
		left: 16px; !important;
	}
	body #ramen > .text:before {
		left: 13px;
	}
}

@media (max-width:340px) {
	.select-group dl dt{
		min-width: 56px;
	}
}

span#genre-toggle{
	color:#ED774D;
	font-weight: 300;
	float:right;
	cursor:pointer;
	font-size: 14px;
	display: block;
	padding: 12px 0 7px;
	line-height: 1;
}
.reload-plan, .reload-staf{
    width: 70px;
    min-width: auto !important;
    left: 0 !important;
    transform: none !important;
}
.single-staff-reload{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
		background: #ccc;
}

.form-group {
    line-height: 1;
}
.form-group label {
    line-height: 21px;
    color: #454F63;
    font-weight: bold;
    margin-bottom: 14px;
    display: inline-block;
    vertical-align: middle;
}
.important-form:after {
    content: "必須";
    background-color: #F1645C;
    padding: 1px 3px;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    line-height: 18px;
    vertical-align: bottom;
}
.form-control {
    font-size: 16px;
    padding: 16px 24px;
    height: 52px;
    border-color: #78849E;
    border-radius: 0;
}
.form-group textarea {
    height: 193px;
}
a.link-blue{
	text-decoration: underline;
	color:#67a6e6;
}
.font-16{
	font-size: 16px;
}

.youtube-thumb-embed::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../../../imgs/icon-play-vr.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
	z-index: 2;
}