@charset "utf-8";

/* -------------------------------------------------- */
/* PC*/
/* -------------------------------------------------- */

/* page title */
/* -------------------------------------------------- */
.pagePlan {
    background: url(../../../img/price/plan_title_bg.jpg) no-repeat center center / cover;
}

/* fee */
/* -------------------------------------------------- */
#fee {
    margin: 100px 0;
}
.feeCont {
    margin-bottom: 75px;
}
.feeContFigure {
    width: 41.67%;
    margin-right: 8.32%;
    border-radius: 10px;
    overflow: hidden;
}
.feeContImg {
    width: 100%;
}
.feeDesCost {
    margin-bottom: 25px;
}
.feeDesStand {
    margin-bottom: 20px;
    padding: 8px 13px;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.0;
    letter-spacing: 0.15em;
    color: #FFFFFF;
    background: #3EB134;
    border-radius: 5px;
}
.feeDesPlate {
    margin-bottom: 30px;
    font-size: 2.4rem;
    line-height: 1.0;
}
.feeContYen, .feeContTax {
    line-height: 1.0;
    color: #3EB134;
}
.feeContYen {
    display: inline-block;
    margin-left: 20px;
    font-size: 4.0rem;
}
.feeContTax {
    font-size: 1.6rem;
}
.feeDesTxt {
    font-size: 1.6rem;
    line-height: 1.8;
}
.feeDesPrint {
    margin-bottom: 20px;
}
.feePrintTxt {
    margin-bottom: 15px;
}
.feePrintItem {
    width: 28.33%;
    margin: 0 1.66% 0 0;
    border: 1px solid #E1E3DE;
    border-radius: 5px;
    overflow: hidden;
}
.feePrintItem:nth-last-of-type(1) {
    margin: 0;
}
.feePrintImg {
    width: 100%;
}
.feeDesBox {
    margin-bottom: 20px;
    padding: 30px;
    background: #F2F4EC;
    border-radius: 10px;
}
.feeBoxHead {
    margin-bottom: 25px;
    font-size: 1.6rem;
    line-height: 1.0;
}
.feeBoxItem {
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 1.0;
}
.feeBtn {
    margin-right: 40px;
    color: #444444;
}

/* 区画の利用期間について */
.period {
    padding: 50px 60px;
    border: 1px solid #3EB134;
}
.periodHead {
    margin-bottom: 35px;
    font-size: 2.0rem;
    line-height: 1.0;
    text-align: center;
    color: #3EB134;
}
.periodTxt {
    margin-bottom: 25px;
    line-height: 1.8;
	text-align: center;
}

/* plan */
/* -------------------------------------------------- */
#plan {
    margin-bottom: 100px;
}
.planCouple {
    padding-right: 20px;
}
.planPet {
    padding-left: 20px;
}
.planContFigure {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.planContImg {
    width: 100%;
}
.planContDes {
    padding: 25px 30px 30px 30px;
    border: 1px solid #E1E3DE;
    border-top: none;
    border-radius: 0 0 10px 10px;
}
.planDesHead {
    margin-bottom: 30px;
    text-align: center;
}
.planDesItem {
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 1.0;
}
.planItemStrong {
    font-size: 2.0rem;
}
.planDesYen {
    font-size: 3.2rem;
    line-height: 1.0;
    color: #3EB134;
}
.planYenUnit {
    font-size: 2.0rem;
}
.planDesTxt {
    margin-bottom: 5px;
}
.planTxtKome {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #6F6F6F;
}


/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {
    .feeCont {
        align-items: self-start;
    }
    .feeContFigure {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 40px;
    }
    .feeContDes {
        width: 100%;
    }
    .feePrintItem {
        max-width: 170px;
    }
    .feeDesStand {
        padding: 10px 13px 6px;
        font-size: 1.4rem;
    }
    .feeDesPlate {
        font-size: 1.6rem;
    }
    .feeContYen {
        margin-left: 10px;
    }
    .feeBoxItem {
        margin-bottom: 10px;
        line-height: 1.66;
    }
    .feeBtn {
        margin: 0 5% 15px 0;
    }
    .planCouple {
        width: 50%;
    }
    .planPet {
        width: 50%;
    }
    .feeContYenUnit {
        font-size: 2.0rem;
    }
    .planDesYen {
        font-size: 4.0rem;
    }
}


/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    

}
/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
    #fee {
        margin: 60px 0 80px;
    }
    .feeCont {
        margin-bottom: 60px;
    }
    .feeContTax {
        font-size: 1.4rem;
    }
    .feePrintItem {
        width: 170px;
        margin: 0 1.66% 0 0;
        border: 1px solid #E1E3DE;
        border-radius: 5px;
        overflow: hidden;
    }
    .feeBoxHead {
        margin-bottom: 15px;
        font-size: 1.4rem;
    }
    .feeBoxItem {
        font-size: 1.25rem;
    }
    .period {
        padding: 30px 5%;
        border: 1px solid #3EB134;
    }
    .periodHead {
        margin-bottom: 20px;
        font-size: 1.8rem;
    }
	.periodTxt {
		text-align: left;
	}
    #plan {
        margin-bottom: 80px;
    }
    .planDesItem {
        font-size: 1.4rem;
    }
    .planItemStrong {
        font-size: 1.8rem;
    }
    .planContDes {
        padding: 25px 20px 30px;
    }
    .planTxtKome {
        font-size: 1.4rem;
    }
    .planCouple {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 50px;
        padding-right: 0;
    }
    .planPet {
        width: 100%;
        max-width: 500px;
        margin: auto !important;
        padding-left: 0;
    }
}

@media screen and (max-width: 600px) {
    .feePrintItem {
        width: 31.5%;
    }
    .feeContYen {
        display: inline;
    }
    .feeContYen:before {
        content: '\A';
        white-space: pre;
    }
    .feePrintTxt {
        letter-spacing: 0.05em;
        font-feature-settings: "palt";
    }
}