@charset "UTF-8";

/* メイン画像
---------------------------------------------------------------------------*/
.block-mainimg {
    background-image: url(../img/yuinou/fig-mainimg.jpg);
}
@media screen and (max-width: 768px){
    .block-mainimg {
        background-image: url(../img/yuinou/fig-mainimg-sp.jpg);
    }
}


/* 共通
---------------------------------------------------------------------------*/
.inner-yuinou {
    max-width: 1165px;
    width: 100%;
}
.hdl-yuinou {
    margin-bottom: 15px;
    font-size: .23rem;
    line-height: 180%;
}
.lead-yuinou {
    font-size: .16rem;
    line-height: 200%;
}
@media screen and (max-width: 768px){
    .inner-yuinou {
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .hdl-yuinou {
        margin-bottom: 2vw;
        font-size: 4.5vw;
        line-height: 160%;
    }
    .lead-yuinou {
        font-size: 3.8vw;
        line-height: 160%;
    }
}


/* 3つのポイント
---------------------------------------------------------------------------*/
.box-point {
    padding-top: 50px;
    padding-bottom: 50px;
}
.bg-glay {
    background-color: #F2F2F2;
}
.fig-point {
    width: 640px;
}
.tx-point {
    width: 470px;
}
.ttl-point {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7672A2;
}
.point-point {
    margin-right: 10px;
    color: #494383;
    font-size: .35rem;
    line-height: 150%;
}
.num-point {
    margin-right: 30px;
    color: #494383;
    font-size: .85rem;
    line-height: 100%;
}
.catch-point {
    color: #AA8F00;
    font-size: .28rem;
    line-height: 200%;
}
@media screen and (max-width: 768px){
    .box-point {
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
    .fig-point {
        margin-bottom: 5vw;
    }
    .ttl-point {
        margin-bottom: 5vw;
        padding-bottom: 1vw;
    }
    .point-point {
        margin-right: 1vw;
        font-size: 4.5vw;
    }
    .num-point {
        margin-right: 3vw;
        font-size: 8vw;
        line-height: 120%;
    }
    .catch-point {
        font-size: 5vw;
        line-height: 170%;
    }
}

/* ご結納について
---------------------------------------------------------------------------*/
.box-about {
    margin-top: 30px;
    padding-bottom: 60px;
}
.bg-about {
    background-image: url(../img/yuinou/bg-about.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.hd-about {
    padding-top: 60px;
    padding-bottom: 60px;
}
.ttl-about {
    margin-bottom: 10px;
    color: #AA8F00;
    font-size: .23rem;
}
.ttl-about strong {
    font-size: .3rem;
    font-weight: 400;
}
.ft-about li {
    width: 327px;
}
.fig-ft-about {
    margin-bottom: 20px;
}
.hdl-about {
    margin-bottom: 5px;
    color: #AA8F00;
    font-size: .23rem;
}
@media screen and (max-width: 768px){
    .box-about {
        margin-top: 3vw;
    }
    .hd-about {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .fig-hd-about {
        margin-bottom: 3vw;
    }
    .ttl-about {
        font-size: 4.5vw;
    }
    .ttl-about strong {
        font-size: 5.5vw;
    }
    .ft-about li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 4vw;
    }
    .fig-ft-about {
        width: 40%;
        margin-bottom: 0;
    }
    .tx-ft-about {
        width: 57%;
    }
    .hdl-about {
        margin-bottom: 1vw;
        font-size: 4.5vw;
    }
}


/* プラン
---------------------------------------------------------------------------*/
.box-plan {
    background-image: url(../img/reception/bg-reception.png);
    background-repeat: repeat-x;
    margin-bottom: 80px;
}
.shadow-plan {
    padding: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    background-color: #FFFFFF;
}
.border-plan {
    border: 1px solid #D4C77F;
    background-image: url(../img/yuinou/bg-plan-logo.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.tx-plan {
    width: 510px;
    padding: 50px 40px;
}
.fig-plan {
    width: 517px;
}
.num-price-plan {
    margin-right: 20px;
    padding: 5px 10px;
    background-color: #1B1464;
    font-size: .18rem;
    line-height: 120%;
    color: #FFFFFF;
}
.rit-price-plan {
    color: #1B1464;
    font-size: .4rem;
    font-weight: 400;
}
.rit-price-plan span {
    font-size: .32rem;
}
.price-plan {
    margin-top: 20px;
    margin-bottom: 15px;
}
.increase-plan {
    margin-bottom: 10px;
    color: #1B1464;
    font-size: .25rem;
}
.increase-plan span {
    font-size: .22rem;
}
.increase-plan strong {
    font-size: .32rem;
    font-weight: 400;
}
.tbl-plan {
    border-top: 1px solid #D4C77F;
}
.tbl-plan dt,
.tbl-plan dd {
    padding: 10px;
    border-bottom: 1px solid #D4C77F;
    font-size: .16rem;
}
.tbl-plan dt {
    width: 30%;
    background-color: #F9F2CC;
    text-align: center;
    font-weight: 400;
}
.tbl-plan dd {
    width: 70%;
}
.ft-plan {
    padding: 15px;
    background-color: #1B1464;
}
.ttl-ft-plan {
    width: 280px;
    margin-right: 30px;
    background-image: url(../img/yuinou/bg-plan-ft.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: #F0DE7F;
    font-size: .2rem;
    text-align: center;
}
.catch-ft-plan {
    font-size: .21rem;
    color: #FFFFFF;
}
@media screen and (max-width: 768px){
    .box-plan {
        background-image: none;
    }
    .shadow-plan {
        margin-top: 5vw;
        padding: 1vw;
    }
    .border-plan {
        /*background-image: url(../img/yunou/bg-plan-logo-sp.png);*/
    }
    .tx-plan {
        margin-bottom: 2vw;
        padding: 3vw;
    }
    .num-price-plan {
        margin-right: 2vw;
        font-size: 4vw;
        line-height: 120%;
    }
    .rit-price-plan {
        font-size: 8vw;
    }
    .rit-price-plan span {
        font-size: 5vw;
    }
    .price-plan {
        margin-top: 3vw;
        margin-bottom: 2vw;
    }
    .increase-plan,
    .increase-plan span {
        margin-bottom: 2vw;
        font-size: 4vw;
    }
    .increase-plan strong {
        font-size: 5.5vw;
    }
    .tbl-plan dt,
    .tbl-plan dd {
        font-size: 3.8vw;
    }
    .ttl-ft-plan {
        margin-right: 0;
        margin-bottom: 2vw;
        font-size: 4vw;
    }
    .catch-ft-plan {
        font-size: 4vw;
        line-height: 120%;
    }
}


@media screen and (max-width: 768px){
	div.btn{
		margin: 30px 0 0;}
	div.btn a {
		width: 83vw;
		height: 12vw;
		border-radius: 6vw;
	}
}