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

/* ----------ttl_inner---------- */
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.ttl_inner .title h1{
		font-size:1.3rem;
	}
	.ttl_inner .title h1 span{
		display:block;
	}
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
	.ttl_inner .title h1{
		font-size:1.2rem;
	}
}




/* ----------cont_owner---------- */
.cont_owner{
}

/* ----------mainV---------- */
.mainV{
    margin:0 calc(50% - 50vw) 50px;
    width:100vw;
    background:url("../../../../../img/owner/mukusapo/owner_mukusapo_mainV_bg.webp")center / cover;
    position:relative;
    padding:200px 0;
}
.mainV:after{
    content:"";
    display:block;
    height:100%;
    width:100%;
    top:0;
    left:0;
    position:absolute;
    background:#000;
    opacity:0.4;
}
.mainV .inner{
    width:90%;
    max-width:600px;
    z-index:1;
    position:relative;
    margin:auto;
    padding:50px;
    background:#1f3b6199;
    box-sizing:border-box;
    color:#fff;
    border:1px #fff solid;
    border-radius:20px;
}
.mainV .inner h4{
    font-size:1.1rem;
    text-align:center;
}
.mainV .inner h1{
    font-size:3rem;
    margin:0.5em 0;
    padding:0.3em 0;
    text-align:center;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}
.mainV .inner h1 span{
    display:block;
    font-size:1.5rem;
    line-height:1em;
}
/* ----------699px–---------- */
@media screen and (max-width: 699px) {
    .mainV .inner{
        padding:5%;
    }
    .mainV .inner h4{
        font-size:3.4vw;
    }
    .mainV .inner h1{
        font-size:7vw;
    }
    .mainV .inner h1 span{
        font-size:3.5vw;
    }
}


/* ----------ep---------- */
.ep{
    width:100%;
    max-width:1400px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    margin:0 0 50px 0;
}
.ep .image{
    width:50%;
    overflow:hidden;
}
.ep .image img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.ep .sub_inner{
    width:45%;
    align-items:center;
    display:flex;
}
.ep .sub_inner .detail{
    width:80%;
    margin:auto;
}
.ep .sub_inner h2{
    font-size:1.5rem;
    margin:0 0 1em 0;
}
/* ----------1099px–---------- */
@media screen and (max-width: 1099px) {
    .ep .sub_inner .detail{
        width:100%;
        margin:auto;
    }
    .ep .sub_inner h2{
        font-size:1.3rem;
    }
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .ep{
        display:block;
        justify-content:unset;
    }
    .ep .image{
        display:none;
    }
    .ep .sub_inner{
        width:100%;
        align-items:unset;
        display:block;
    }
    .ep .sub_inner .detail{
        width:90%;
        max-width:500px;
        margin:auto;
    }
}


/* ----------merit---------- */
.merit{
    margin:0 calc(50% - 50vw);
    width:100vw;
    background:url("../../../../../img/owner/mukusapo/owner_mukusapo_merit_bg.webp")center / cover;
    position:relative;
    padding:150px 0;
}
.merit:after{
    content:"";
    display:block;
    height:100%;
    width:100%;
    top:0;
    left:0;
    position:absolute;
    background:#000;
    opacity:0.4;
}
.merit .inner{
    color:#fff;
    width:90%;
    max-width:600px;
    margin:auto;
    z-index:1;
    position:relative;
}
.merit .inner .sub_inner{
}
.merit .inner .sub_inner h3{
    font-size:2.2rem;
    margin:0 0 0.5em 0;
    text-align:center
}
.merit .inner .sub_inner h3 span{
    font-size:60%;
    display:block;
    line-height:1em;
}
.merit .inner .sub_inner ul{
    counter-reset: count 0;
}
.merit .inner .sub_inner li{
    border-top:1px dotted #fff;
    position:relative;
    padding:20px 0 20px 50px;
}
.merit .inner .sub_inner li:before {
    content: counter(count) " ";
    counter-increment: count 1;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    height:fit-content;
    font-size:1.7rem;
    font-family: "minerva-modern", sans-serif;
	font-weight: 100;
	font-style: normal;
    background:#fff;
    color:#000;
    width:30px;
    text-align:center;
    border-radius:50px;
}
.merit .inner .sub_inner li:last-child{
    border-bottom:1px dotted #fff;
}
.merit .inner .sub_inner li h4{
    font-size:1.15rem;
    margin:0 0 0.2em 0;
}

/* ----------ex---------- */
.ex{
    margin:0px calc(50% - 50vw);
    width:100vw;
	background:#f1f1ee;
    padding:100px 0;
}

/* ----------ex wrap_ex_heavy---------- */
.wrap_ex_heavy{
    width:90%;
    max-width:1400px;
    margin:auto
}
.wrap_ex_heavy h2{
    font-size:1.5rem;
    margin:0 0 2em 0;
}
.wrap_ex_heavy ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:70px 0;
    padding:10px 0;
}
.wrap_ex_heavy ul li{
    width:47%;
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #000;
    padding:20px 0;
}
.wrap_ex_heavy ul li:nth-child(-n+2){
    border-top:1px solid #000;
}
.wrap_ex_heavy ul li dt{
    width:100px;
    overflow:hidden;
}
.wrap_ex_heavy ul li dt img{
    width:100%;
    height:100%;
    object-fit:cover;
    vertical-align:bottom;
}
.wrap_ex_heavy ul li dd{
    width:calc(100% - 120px);
}
.wrap_ex_heavy ul li dd h4{
    font-size:1.15rem;
    margin:0.2em 0;
}
.wrap_ex_heavy ul li dd p{
    font-size:0.8rem;
    line-height:1.8em;
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .wrap_ex_heavy h2{
        font-size:1.3rem;
        margin:0 0 1em 0;
    }
    .wrap_ex_heavy ul{
        display:block;
        justify-content:unset;
        flex-wrap:unset;
    }
    .wrap_ex_heavy ul li{
        width:100%;
        border-bottom:1px solid #000;
    }
    .wrap_ex_heavy ul li:nth-child(-n+2){
        border-top:unset;
    }
    .wrap_ex_heavy ul li:first-child{
        border-top:1px solid #000;
    }
}



/* ----------ex wrap_ex_light---------- */
.wrap_ex_light{
    width:90%;
    max-width:1400px;
    margin:0 auto 100px;
}
.wrap_ex_light h2{
    font-size:1.5rem;
    margin:0 0 2em 0;
}
.wrap_ex_light h4{
    font-size:1.2rem;
    margin:0 0 0.5em 0;
}
.wrap_ex_light .image{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:20px 0;
}
.wrap_ex_light .image dt{
    width:16.3%;
    overflow:hidden;
}
.wrap_ex_light .image dt img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.wrap_ex_light ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.wrap_ex_light ul li{
    width:24.8%;
    text-align:center;
    padding:1em 0;
    background:#ffffff;
    margin:0 0 5px 0;
    font-size:1rem;
    border-radius:7px;
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .wrap_ex_light h2{
        font-size:1.3rem;
        margin:0 0 1em 0;
    }
    .wrap_ex_light ul li{
        width:49.8%;
    }
}


/* ----------ex night---------- */
.night{
    width:90%;
    max-width:1400px;
    margin:auto;
    background:#08233f;
    padding:30px;
    box-sizing:border-box;
    border-radius:10px;
    color:#fff;
}
.night h2{
    font-size:1.2rem;
    margin:0 0 1em 0;
}
.night h2 span{
    font-size:120%;
    margin:0 0 0 0.4em;
}
.night .tel{
    background:#fff;
    color:#000;
    padding:0.8em 1.5em;
    width:fit-content;
    margin:20px 0 0 0;
    border-radius:5px;
    line-height:1em;
}
.night .tel a{
    color:#000;
    font-size:120%;
    margin:0 0 0 0.5em;
    border-left:1px solid #000;
    padding:0 0 0 0.5em;
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .night h2{
        text-align:center;
    }
    .night h2 span{
        display:block;
        margin:0;
    }
    .night .tel{
        background:#fff;
        margin:20px auto 0;
    }
}   

/* ----------mukusapo_detail---------- */
.mukusapo_detail{
    margin:100px auto;
    width:100%;
    max-width:1000px;
}
.mukusapo_detail h2{
    font-size:1.5rem;
    margin:0 0 1em 0;
    text-align:center;
}
.mukusapo_detail .price{
    width:100%;
}
.mukusapo_detail .price table{
    background:#f9f9f9;
    width:100%;
    border-collapse: collapse;
    margin:0 0 10px 0;
}
.mukusapo_detail .price table tr td{
    border: 3px solid #fff;
    background-color: #f1f1ee;
    padding: 1em;
    font-weight:bold;
    border-radius:7px;
}
.mukusapo_detail .price table tr td:nth-child(1){
    width:100px;
    background-color: #08233f;
    color:#fff;
    text-align:center;
    vertical-align:middle;
}
.mukusapo_detail .price table tr td:nth-child(2){
    font-size:110%;
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .mukusapo_detail h2{
        font-size:1.3rem;
    }
    .mukusapo_detail .price table tr td:nth-child(2){
        font-size:100%;
    }
}