@charset "UTF-8";
/* CSS Document */

.mainV{
    height:600px;
    position:relative;
    margin-bottom:50px;
}
.mainV dl{
    display:flex;
    justify-content:space-between;
    height:100%;
}
.mainV dl dt{
    width:50%;
    height:100%;
}
.mainV dl dt img{
    height:100%;
    width:100%;
    object-fit:cover;
}
.mainV h2{
    font-size:2.5rem !important;
    font-family: "Zen Kurenaido", sans-serif;
    position:absolute !important;
    height:fit-content;
    width:fit-content;
    color:#fff !important;
    bottom:1em;
    left:1em;
    margin:auto !important;
    text-align:left !important;
    line-height:1em !important;
}
.mainV h2 span{
    font-size:150% !important;
    font-family: "Zen Kurenaido", sans-serif !important;
    color:#fff !important;
}


/* -- ep -- */
.ep{
    display:flex;
    margin-bottom:30px;
}
.ep h3{
    font-size:1.8rem !important;
    text-align:left !important;
    margin:0 1em 0 0 !important;
    width:fit-content;
	color:#0c439b !important;
}
.ep h3 span{
	font-family: 'Jost', sans-serif;
    font-size:300% !important;
    font-weight:100 !important;
    display:block;
    line-height:0em !important;
}
.ep h3 span em{
    line-height:1em !important;
	font-style: oblique 20deg;
}
.ep > div{
}
.ep > div h4{
    margin:unset !important;
    border-bottom:unset !important;
}

@media screen and (max-width: 1399px) {
	.ep{
		width:96%;
		margin:0 auto 50px;
	}
}
@media screen and (max-width: 959px) {
	.ep{
	    display:block;
	}
	.ep h3{
	    font-size:1.8rem !important;
	    margin:0 auto 0 !important;
	    width:fit-content !important;
		display:block;
	}
	.ep p{
		width:100%;
	}
}


/* -- modelhouse -- */
.modelhouse{
    margin-bottom:100px;
}
.modelhouse h2{
    font-size:1.3rem !important;
}
.modelhouse .inner{
    display:flex;
    justify-content:space-between;
}
.modelhouse .inner dl{
    width:49%;
}
.modelhouse .inner dl dt{
    aspect-ratio: 1 / 0.7;
    overflow:hidden;
}
.modelhouse .inner dl dt img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.modelhouse .inner dl dd h4{
	border-bottom:unset !important;
	font-size:1.4rem !important;
}
.modelhouse .inner dl dd .day,
.modelhouse .inner dl dd .adress,
.modelhouse .inner dl dd .tel{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 10px 0;
}
.modelhouse .inner dl dd .day h5,
.modelhouse .inner dl dd .adress h5,
.modelhouse .inner dl dd .tel h5{
	font-size:90%;;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	border-left:3px solid #000;
	padding:0 0 0 0.5em;
	margin:0 0 0.5em 0;
}
.modelhouse .inner dl dd .day p{
	line-height:1.7em;
}
.modelhouse .inner dl dd .day p span{
	font-size:170%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
}
.modelhouse .inner dl dd .day p.note{
	font-size:80%;
	font-weight:normal;
}
.modelhouse .inner dl dd .tel a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:140%;
}
.modelhouse .inner dl dd .btn{
	margin:20px auto 0;
	max-width:400px;
}
.modelhouse .inner dl dd .btn a{
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 1399px) {
	.modelhouse .inner{
		width:96%;
		margin:0 auto 50px;
	}
}
@media screen and (max-width: 768px) {
	.modelhouse .inner{
	    display:block;
	    justify-content:unset;
	}
	.modelhouse .inner dl{
	    width:100%;
		margin-bottom:70px;
	}
}



/* -- salesday -- */
/* --
.salesday{
}
.salesday h2{
    font-size:1.2rem !important;
    text-align:left !important;
}
.salesday table{
    width:100%;
    text-align:center;
}
.salesday table tr,
.salesday table td{
    border-collapse: collapse;
    border:1px solid #666;
    
    font-weight:bold;
}
.salesday table tr td{
    width:11%;
}
.salesday table tr:nth-child(1) td{
    font-size:1.4rem;
}
.salesday table tr:nth-child(2){
}
.salesday table tr:nth-child(2) td{
    background:#fae2d6;
    font-size:1.5rem;
    padding:0.5em 0;
}
.salesday table tr:nth-child(2) td.noday{
    background:#f7f7f7;
}
-- */

/* -- vacationday -- */
.vacationday{
}
.merit{
	margin-bottom:70px;
	background: #2f6a49;
	padding:40px;
	box-sizing:border-box;
	border-radius:15px;
}
.merit h2{
	font-size:1.6rem !important;
	line-height:1em !important;
	color:#fff !important;
	margin-bottom:20px!important;
}
.merit h2 span{
	font-size:130% !important;
	color:#fff !important;
}
.merit h2 span em{
	font-size:150% !important;
	font-family: 'Jost', sans-serif;
	line-height:1em
}
.merit .inner {
	display:flex;
	justify-content:space-between;
}
.merit .inner dl{
    width:32%;
	position:relative;
	color:#fff;
}
.merit .inner dl h3{
    font-size:1.0rem !important;
    margin:0 0 0.7em 0 !important;
    text-align:left !important;
	color:#fff !important;
}
.merit .inner dl dt{
	overflow:hidden;
	width:100%;
	margin:0 0 10px 0;
}
.merit .inner dl dt img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.merit .inner dl dd{
	width:100%;
}
.merit .inner dl .number{
	font-family: 'Jost', sans-serif;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:5rem;
	line-height:1em;
}

.info{
	background:#f5f5f5;
	padding:50px;
	box-sizing:border-box;
	margin:0 0 40px 0;
}
.info.open{
}
.info h5{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 1.5em 0;
}
.info h5 span{
	border-bottom:double #f00 5px;
}
.info ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.info li{
	width:48%;
	font-size:110%;
	font-weight:bold;
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	background:#fff;
	box-shadow:1px 1px 2px #ccc;
}
.info li a{
	display:flex;
	justify-content:flex-start;
}
.info li a dt{
	width:100px;
	height:80px;
	margin:0 20px 0 0;
	overflow:hidden;
}
.info li a dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.info li a dd {
	padding:10px 0 0 0;
}
.info li a dd span{
	font-size:80%;
	display:block;
}

@media screen and (max-width: 1399px) {
	.info{
		width:96%;
		margin:0 auto 50px;
	}
}
@media screen and (max-width: 768px) {
	.info ul{
		display:block;
		justify-content:unset;
		flex-wrap:unset;
	}
	.info li{
		width:100%;
	}
}