@charset "utf-8";
@import url(common/style.css);



.tabList{
	width:max-content;
	margin-left:auto;
	margin-right:auto;
	margin-top: 4.5vw;
	max-width:100%;
}
.tabList li{
	opacity:0.4;
	transition:opacity 0.5s;
	border-bottom:4px solid transparent;
	margin-left:3vw;
	margin-right:3vw;
	width: calc( 33.3333% - 6vw);
}
.tabList li.active,
.tabList li:hover{
	opacity:1;
	cursor:pointer;
	border-bottom:4px solid #004A00;
}
.boxPlanCont{
	max-width:1518px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border:3.5vw solid #FFF;
	/*border:4vw solid #000;
	border-top:3vw solid #000;
	border-bottom:4vw solid #000;*/
	background-color:#FFF;
	box-shadow:2px 2px 2px rgba(112,112,112,0.1),
	-2px 2px 2px rgba(112,112,112,0.1),
	2px -2px 2px rgba(112,112,112,0.1),
	-2px -2px 2px rgba(112,112,112,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:3vw;
	margin-top:3vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;	
}

.planInfoCont{
	height:max-content;
	width:100%;
	position:relative;
}
.planImg{
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-bottom:0.5vw;
}
.planInfo{
	height:100%;
	height:max-content;
}
.planBtn{
	position:absolute;
	left:0px;
	bottom:0px;	
}
.btnAva{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	background-color:#B0841D;
	position:relative;
	margin-top:1vw;
}
.planTitleBox{
	padding-bottom:1vw;
	border-bottom:0.3vw solid rgba(38, 44, 38,0.16);
	margin-bottom:1.4vw;
}
.planTitle{
	font-size:2.1vw;
	font-family: 'Source Sans Pro', sans-serif;
	transition: font-size 1s;
}
#main.menuOff .planTitle{
	font-size:2.3vw;
}
.planSize{
	font-size:1.0vw;
	text-align: right;
	display:block;
	font-family: 'Noto Sans Serif JP';
	margin-top:1.4vw;
	transition: font-size 1s;
}
#main.menuOff .planSize{
	font-size:1.2vw;
}
.planDetail{
	font-size:0.8vw;
	font-family: 'Noto Sans Serif JP';
	line-height:210%;
	transition: font-size 1s;
}
#main.menuOff .planDetail{
	font-size:1vw;
}
	
.btnGallery{
	width:48.5%
}
.btn3d{
	width:51.5%
}
@media only screen and (max-width:750px){
.inner1548 {
    width: 96%;
}
.boxPlanCont{
	border:4.5vw solid #FFF;
	display:none;
}
.planInfo{
	margin-bottom:4vw;
}
.planBtn{
	position:relative;
}
.planDetail{
	margin-top:6vw;
	margin-bottom:4vw;
	font-size:3.6vw;
	transition:none;
	line-height:200%;
}
.squareBox{
	width:23%;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	overflow:hidden;
}
.squareBox img{
	transform:scale(1.2);
}
.titleBox{
	width:70%;
}

.planTitle{
	font-size:8.3vw;
	transition:none;
}
.planSize{
	font-size:4vw;
	margin-top:5.3vw;
	transition:none;
}

.tabList {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
	margin-top: 6.7vw;
    max-width: 94%;
}

.tabList li{
	opacity:0.4;
	transition:opacity 0.5s;
	border-bottom:4px solid transparent;
	margin-left:7vw;
	margin-right:7vw;
	width: calc( 33.3333% - 14vw);
}
.boxPlanCont {
	-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    margin-top: 9.4vw;
}

}