@charset "utf-8";

/*sec01*/

.sec01 {
max-width: 1540px;
padding: 170px 20px 0;
margin: 0 auto 150px;
color:#fff;
}
.sec01 .pano_araa{
}
.sec01 .note{
text-align:right
}

/*sec01*/
/*sec02*/

.sec02 {
width: 100%;
background-image:url(../images/plan/bg.png);
background-position:center top;
background-size:cover;
/*padding:20% 0;*/
/*margin-bottom:170px;*/
}
.sec02 .wrap{
max-width: 1500px;
padding: 170px 20px 35%;
margin: 0 auto; 
color:#fff;
}
.sec02 .inner{
display:flex;
justify-content:space-between;
}
.sec02 .inner .p_area_box{
/*width:68%;*/
width:100%;
position:relative;
}
.sec02 .inner .pa_ttl{
border-bottom:2px solid #fff;
text-align:center;
font-size:25px;
margin-bottom:20px;
}
.sec02 .inner .p_area .pa_txt{
border-bottom:2px solid #fff;
text-align:center;
padding-bottom:5px;
margin-bottom:10px;
font-size:12px;
font-feature-settings:"palt";
}
.sec02 .inner .p_area{
width:45%;
}

.sec02 .inner .p_list{
display:flex;
/*justify-content:space-between;*/
justify-content:flex-start;
flex-wrap:wrap;
}
.sec02 .inner .p_list li{
/*width:48%;*/
width:32%;
margin-bottom:2%;
margin-right:2%;
border-bottom:0;
}
.sec02 .inner .p_list li:nth-child(3n){
margin-right:0;
}


.sec02 .inner .p_area .room-type{
position:absolute;
top:25%;
left:50%;
pointer-events:none;
width:45%;
}
.sec02 .inner .p_area .room-type img{
width:100%;
}
.sec02 .inner .p_area .room-type p{
border:0!important;
}
/*modal*/
.iziModal{
border-top:50px solid #0a0f3a;
}
.iziModal .izarea{
max-width:900px;
margin:0 auto 50px;
padding:50px;
}
.iziModal .izinfo{
display:flex;
justify-content:space-between;
/*margin-bottom:-2%;*/
}
.iziModal .izinfo img{
height:100%;
}
.iziModal .plan_box{
display:flex;
justify-content:space-between;
}
.iziModal .plan_info{
width:30%;
}
.iziModal .plan_info img{
margin-bottom:20px;
}
.iziModal .plan{
position:relative;
width:66%;
}
.iziModal .plan_photo{
margin-top:5%;
max-width:600px;
}

.iziModal .plan_photo ul{
display:flex;
justify-content:center;
}
.iziModal .plan_photo li{
max-width:280px;
}
.iziModal .plan_single_photo li{
max-width:370px;
}
.iziModal .plan_photo li:nth-child(even){
margin-left:15px;
}
.iziModal .plan_photo p{
text-align:right;
font-size:12px;
}
.iziModal .plan_single_photo p{
text-align:center;
}
.iziModal .plan_point{
height:12em;
}
.iziModal .plan_point li{
font-size:17px;
padding-left:1.5em;
text-indent:-1.5em;
font-feature-settings:"palt";
line-height:1.5em;
margin-bottom:0.3em;
}
.iziModal .plan_point li:before{
content:"■ ";
}
.iziModal .plan_point li:last-child{
margin-bottom:0;
}
.usage_guide{
position:absolute;
bottom:0;
right:0;
}

.iziModal_i .plan_photo,
.iziModal_m .plan_photo,
.iziModal_n .plan_photo,
.iziModal_f2 .plan_photo,
.iziModal_u .plan_photo{
margin-top:-2px;
max-width:800px;
margin-bottom:5%;
position:relative;
}

.iziModal_j .plan_photo{
margin-top:-8%;
max-width:800px;
margin-bottom:5%;
}
@media screen and (max-width: 767px) {
.iziModal_j .plan_photo{
margin-top:-14%;
}
}


.iziModal_s3 .plan_photo{
margin-top:0;
max-width:800px;
margin-bottom:5%;
}

.iziModal_f2 .plan_photo .plan_point{
position:absolute;
left:60px;
top:-80px;
}
.iziModal_m .plan_photo .plan_point{
position:absolute;
left:0px;
top:-170px;
}
.iziModal_n .plan_photo .plan_point{
position:absolute;
left:20px;
top:-130px;
}
.iziModal_u .plan_photo .plan_point{
position:absolute;
left:30px;
top:-100px;
}
.iziModal_i .plan_photo li,
.iziModal_m .plan_photo li,
.iziModal_n .plan_photo li,
.iziModal_f2 .plan_photo li,
.iziModal_j .plan_photo li,
.iziModal_u .plan_photo li,
.iziModal_s3 .plan_photo li{
width:100%;
max-width:800px;
}


.iziModal_i .usage_guide,
.iziModal_m .usage_guide,
.iziModal_n .usage_guide,
.iziModal_f2 .usage_guide,
.iziModal_j .usage_guide,
.iziModal_u .usage_guide,
.iziModal_s3 .usage_guide{
position:static;
text-align:right;
}

.iziModal .btns{
display:flex;
justify-content:space-between;
border-top:2px solid #0a0f3a;
padding-top:20px;
margin-top:10px;
}
.iziModal .btns ul{
display:flex;
justify-content:space-between;
}
.iziModal .btns ul li{
margin-right:20px;
}
.iziModal .btns p{
padding-top:10px;
}
/*modal*/
.sec02 .facade{
width:32%;
}

.top_close{
text-align:right;
/*margin-bottom:20px;*/
}
.top_close img{
width:80px;
}

/*sec02*/

/*===============//max-width: 2000px===============*/

@media screen and (max-width: 2000px) {}


/*===============//max-width: 2000px===============*/


/*===============//max-width: 1540px===============*/

@media screen and (max-width: 1540px) {
.sec01 {
max-width: 90%;
}
.sec02 {
width: 100%;
}

}


/*===============//max-width: 1540px===============*/


/*===============//max-width: 1400px===============*/

@media screen and (max-width: 1400px) {}


/*===============//max-width: 1400px===============*/


/*===============//max-width: 1380px===============*/

@media screen and (max-width: 1380px) {
	.sec01 .section {
		padding: 90px 20px 80px;
	}
	.sec01 .box {
		margin-bottom: 80px;
	}
}


/*===============//max-width: 1380px===============*/


/*===============//max-width: 1300px===============*/

@media screen and (max-width: 1300px) {}


/*===============//max-width: 1300px===============*/


/*===============//max-width: 1280px===============*/

@media screen and (max-width: 1280px) {}


/*===============//max-width: 1280px===============*/


/*===============//max-width: 1200px===============*/

@media screen and (max-width: 1200px) {}


/*===============//max-width: 1200px===============*/


/*===============//max-width: 1100px===============*/

@media screen and (max-width: 1100px) {}


/*===============//max-width: 1100px===============*/


/*===============//max-width: 1080px===============*/

@media screen and (max-width: 1080px) {}


/*===============//max-width: 1080px===============*/


/*===============//max-width: 1030px===============*/

@media screen and (max-width: 1030px) {}


/*===============//max-width: 1030px===============*/


/*===============//max-width: 1000px===============*/

@media screen and (max-width: 1000px) {}


/*===============//max-width: 1000px===============*/


/*===============//max-width: 960px===============*/

@media screen and (max-width: 960px) {}


/*===============//max-width: 960px===============*/


/*===============//max-width: 900px===============*/

@media screen and (max-width: 900px) {}


/*===============//max-width: 900px===============*/


/*===============//max-width: 860px===============*/

@media screen and (max-width: 860px) {

}


/*===============//max-width: 860px===============*/


/*===============//max-width: 800px===============*/

@media screen and (max-width: 800px) {}


/*===============//max-width: 800px===============*/


/*===============//max-width: 767px===============*/

@media screen and (max-width: 767px) {
/*sec01*/

.sec01 {
width: 100%;
padding: 20% 0 0;
margin: 0 auto 20%;
}
.sec01 .pano_araa{

}


/*sec01*/
.sec02 {
width: 100%;
background-image:url(../images/plan/bg.png);
background-position:center top;
background-size:cover;
/*padding:20% 0;*/
/*margin-bottom:170px;*/
}
.sec02 .wrap{
max-width:100%;
padding: 10% 0 10%;
}
.sec02 .inner{
display:block;
justify-content:space-between;
}
.sec02 .inner .p_area_box{
width:90%;
margin:0 auto;
position:static;
}
.sec02 .inner .p_area .pa_txt{
border-bottom:2px solid #fff;
text-align:center;
padding-bottom:5px;
margin-bottom:30px;
font-size:15px;
}
.sec02 .inner .p_area{
width:100%;
}
.sec02 .inner .p_list{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sec02 .inner .p_list li{
width:48%;
margin-bottom:4%;
border:0;
padding:0;
margin-right:0;
}
.sec02 .inner .p_list li img{
width:100%;
}
.sec02 .inner .p_area .room-type{
display:none;
}
.sec02 .inner .p_area .room-type p{
border:0!important;
}
/*modal*/
.iziModal{
border-top:50px solid #0a0f3a;
}
.iziModal .izarea{
max-width:90%;
margin:5% auto 10%;
padding:0;
}
.iziModal .izinfo{
display:block;
margin-bottom:0;
}
.iziModal .izinfo img{
margin-bottom:5%;
}

.iziModal .plan_box{
display:block;
}
.iziModal .plan_info{
width:90%;
margin:0 auto;
display:block;
justify-content:space-between;
}
.iziModal .plan_info img{
width:48%;
height:auto;
margin-bottom:20px;
}
.iziModal .plan{
width:100%;
margin:0 auto;
}
.iziModal .plan_photo p{
text-align:right;
font-size:10px;
}
.iziModal .plan_point {
height:auto;
}
.iziModal .btns{
display:block;
justify-content:space-between;
border-top:2px solid #0a0f3a;
padding-top:20px;
padding-bottom:25%;
}
.iziModal .btns ul{
width:80%;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.iziModal .btns ul li{
margin-right:5%;
}
.iziModal .btns p{
padding-top:5%;
text-align:center;
}
/*modal*/
.sec02 .facade{
width:80%;
margin:0 auto;
}

}


/*===============//max-width: 767px===============*/


/*===============//max-width: 600px===============*/

@media screen and (max-width: 600px) {
	.sec01 .section {
		padding: 50px 20px 50px;
	}
	.sec01 .left .text16 {
		line-height: 2;
	}
	.sec01 .box02 ul li .mini {
		font-size: 12px;
	}
	.sec01 .box02 ul li .normal {

		font-size: 22px;
	}
	.sec01 .box02 ul li .mini_cap {
		font-size: 8px;
	}
	.sec01 .box02 ul li .normal2 {
		font-size: 20px;
	}
	.sec01 .box02 .caption {
		text-align: left;
	}
	.sec02 .bg {
		margin-bottom: 20px;
	}
	.sec02 ul {
		position: static;
	}
	.sec02 li {
		width: 49.5%;
		border: solid #fff 1px;
	}
}


/*===============//max-width: 600px===============*/


/*===============//max-width: 580px===============*/

@media screen and (max-width: 580px) {}


/*===============//max-width: 580px===============*/


/*===============//max-width: 480px===============*/

@media screen and (max-width: 480px) {}


/*===============//max-width: 480px===============*/


/*===============//max-width: 375px===============*/

@media screen and (max-width: 375px) {
	.sec01 .box02 ul li {
		text-align: center;
	}
	.sec01 .box02 ul li .img {
		max-width: 300px;
		margin: 0 auto 20px;
		display: block;
		width: 100%;
	}
	.sec01 .box02 ul li figcaption {
		margin: 0 auto;
		width: inherit;
		text-align: left;
	}
	.sec02 .ttl {
		font-size: 18px;
	}
	.sec02 li:first-child {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.sec02 li:last-child {
		float: none;
		width: 100%;
	}
}


/*===============//max-width: 375px===============*/


/*===============//max-width: 374px===============*/

@media screen and (max-width: 374px) {}


/*===============//max-width: 374px===============*/


/*===============//max-width: 360px===============*/

@media screen and (max-width: 360px) {}


/*===============//max-width: 360px===============*/


/*===============//max-width: 320px===============*/

@media screen and (max-width: 320px) {}


/*===============//max-width: 320px===============*/


/*===============//print===============*/

@media print {}


/*===============//print===============*/

/*===============//individual===============*/
/*.iziModal_a2*/
.iziModal_a2 .plan .plan_img{
margin:6% auto 0;
}
.iziModal_a2 .plan .plan_point{
width:490px;
max-width:100%;
margin:10% auto 0;
}
/*.iziModal_i*/
.iziModal_i .plan .plan_img{
}
.iziModal_i .plan .plan_point{
}
/*.iziModal_h*/
.iziModal_h .plan .plan_img{
margin:4% auto 0;
}
.iziModal_h .plan .plan_point{
width:550px;
max-width:100%;
margin:7% auto 0;
}
/*.iziModal_f2*/
.iziModal_f2 .plan .plan_img{
margin:2% auto 0;
}
.iziModal_f2 .plan .plan_point{
width:510px;
max-width:100%;
margin:6% auto 0;
}
/*.iziModal_m*/
.iziModal_m .plan .plan_img{
margin:5% auto 0;
}
.iziModal_m .plan .plan_point{
width:540px;
max-width:100%;
margin:13% auto 0;
}
/*.iziModal_p2*/
.iziModal_p2 .plan .plan_img{
margin:4 auto 0;
}
.iziModal_p2 .plan .plan_point{
width:510px;
max-width:100%;
margin:5% auto 0;
}
/*.iziModal_n*/
.iziModal_n .plan .plan_img{
margin:0 auto 0;
}
.iziModal_n .plan .plan_point{
width:550px;
max-width:100%;
margin:7% auto 0;
}
/*.iziModal_n2*/
.iziModal_n2 .plan .plan_img{
margin:6% auto 0;
}
.iziModal_n2 .plan .plan_point{
width:550px;
max-width:100%;
margin:5% auto 0;
}
/*.iziModal_g*/
.iziModal_g .plan .plan_img{
margin:0 auto 0;
}
.iziModal_g .plan .plan_point{
width:510px;
max-width:100%;
margin:9% auto 0;
}
/*.iziModal_j*/
.iziModal_j .plan .plan_img{
margin:8% auto 0;
}
.iziModal_j .plan .plan_point{
width:510px;
max-width:100%;
margin:12% auto 0;
}
/*.iziModal_l*/
.iziModal_l .plan .plan_img{
margin:1% auto 0;
}
.iziModal_l .plan .plan_point{
width:38%;
max-width:100%;
/*margin:5% auto 0;*/
position:absolute;
bottom:46%;
right:0;
}
.iziModal_l .plan .plan_photo{
margin-bottom:15%;
}
/*.iziModal_l2*/
.iziModal_l2 .plan .plan_img{
margin:1% auto 0;
}
.iziModal_l2 .plan .plan_point{
width:38%;
max-width:100%;
/*margin:5% auto 0;*/
position:absolute;
bottom:25%;
right:0;
}
/*.iziModal_o*/
.iziModal_o .plan .plan_img{
margin:10% auto 0;
}
.iziModal_o .plan .plan_point{
width:430px;
max-width:100%;
margin:3% auto 0;
}
/*.iziModal_s2*/
.iziModal_s2 .plan .plan_img{
margin:10% auto 0;
}
.iziModal_s2 .plan .plan_point{
width:530px;
max-width:100%;
margin:5% auto 0;
}
/*.iziModal_u*/
.iziModal_u .plan .plan_img{
margin:0 auto 0;
}
.iziModal_u .plan .plan_point{
width:500px;
max-width:100%;
margin:0 auto 0;
}
/*.iziModal_t*/
.iziModal_t .plan .plan_img{
margin:14% auto 0;
}
.iziModal_t .plan .plan_point{
width:480px;
max-width:100%;
margin:5% auto 0;
}
/*.iziModal_r*/
.iziModal_r .plan .plan_img{
margin:4% auto 0;
}
.iziModal_r .plan .plan_point{
width:540px;
max-width:100%;
margin:10% auto 0;
}
/*.iziModal_k*/
.iziModal_k .plan .plan_img{
margin:0 auto 0;
}
.iziModal_k .plan .plan_point{
width:540px;
max-width:100%;
margin:0 auto 0;
}
/*===============//max-width: 767px===============*/

@media screen and (max-width: 767px) {
/*.iziModal_a2*/
.iziModal_a2 .plan_box{
margin-top:-15%;
}
.iziModal_a2 .plan .plan_img{
margin:0 auto;
}
.iziModal_a2 .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_i*/
.iziModal_i .plan_box{
/*margin-top:-15%;*/
}
.iziModal_i .plan .plan_img{
margin:0 auto;
}
.iziModal_i .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_h*/
.iziModal_h .plan_box{
margin-top:-15%;
}
.iziModal_h .plan .plan_img{
margin:0 auto;
}
.iziModal_h .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_f2*/
.iziModal_f2 .plan_box{
margin-top:-0%;
}
.iziModal_f2 .plan .plan_img{
margin:0 auto;
}
.iziModal_f2 .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_m*/
.iziModal_m .plan_box{
margin-top:-15%;
}
.iziModal_m .plan .plan_img{
margin:0 auto;
}
.iziModal_m .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_p2*/
.iziModal_p2 .plan_box{
/*margin-top:-15%;*/
}
.iziModal_p2 .plan .plan_img{
margin:0 auto;
}
.iziModal_p2 .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_n*/
.iziModal_n .plan_box{
/*margin-top:-15%;*/
}
.iziModal_n .plan .plan_img{
margin:0 auto;
}
.iziModal_n .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_n2*/
.iziModal_n2 .plan_box{
margin-top:-15%;
}
.iziModal_n2 .plan .plan_img{
margin:0 auto;
}
.iziModal_n2 .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_g*/
.iziModal_g .plan_box{
margin-top:-15%;
}
.iziModal_g .plan .plan_img{
margin:0 auto;
}
.iziModal_g .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_j*/
.iziModal_j .plan_box{
margin-top:-15%;
}
.iziModal_j .plan .plan_img{
margin:0 auto;
}
.iziModal_j .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_l*/
.iziModal_l .plan_box{
/*margin-top:-15%;*/
}
.iziModal_l .plan .plan_img{
margin:0 auto;
}
.iziModal_l .plan .plan_point{
position:static;
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
.iziModal_l .plan .plan_photo{
margin-bottom:0;
}
/*.iziModal_l2*/
.iziModal_l2 .plan_box{
margin-top:-15%;
}
.iziModal_l2 .plan .plan_img{
margin:0 auto;
}
.iziModal_l2 .plan .plan_point{
position:static;
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_o*/
.iziModal_o .plan_box{
margin-top:-0%;
}
.iziModal_o .plan .plan_img{
margin:0 auto;
}
.iziModal_o .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_s2*/
.iziModal_s2 .plan_box{
/*margin-top:-15%;*/
}
.iziModal_s2 .plan .plan_img{
margin:0 auto;
}
.iziModal_s2 .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_u*/
.iziModal_u .plan_box{
margin-top:-15%;
}
.iziModal_u .plan .plan_img{
margin:0 auto;
}
.iziModal_u .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_t*/
.iziModal_t .plan_box{
margin-top:-15%;
}
.iziModal_t .plan .plan_img{
margin:0 auto;
}
.iziModal_t .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_r*/
.iziModal_r .plan_box{
margin-top:-15%;
}
.iziModal_r .plan .plan_img{
margin:0 auto;
}
.iziModal_r .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
/*.iziModal_k*/
.iziModal_k .plan_box{
/*margin-top:-15%;*/
}
.iziModal_k .plan .plan_img{
margin:0 auto;
}
.iziModal_k .plan .plan_point{
width:100%;
max-width:100%;
margin:5% auto 0;
padding-bottom:20%;
}
}
/*===============//individual===============*/