@charset "UTF-8";

@import 'reset.css';
@import 'base.css';

/* ---------------------------
	CONTENT
----------------------------- */
/*.content > h1 {margin-top: 6rem;}*/
.content h1/*,.content h2*/ {/*line-height: 1.6; text-align: center; margin-bottom: 3rem;*/ margin-bottom: 0;}
/*.content h1 span {display: block; color: #00b4cd; font-weight: 300; margin-top: 0.3rem;}*/
.crumb {padding-left: 30px; padding-right: 30px; margin-bottom: 1rem;}


.reentry_wrap img {
    max-width: 100%;
    height: auto;
}
.reentry_mv_bg {
    background-image: url(../../common/img/renew-entry-mv.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.reentry_mv_wrap {
    margin: 0 auto;
    background: rgba(255,255,255,.8);
    max-width: 902px;
    text-align: center;
    background-image: url(../../common/img/kkm.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 80px 15px;
    margin-bottom: 60px;
}
.reentry_mv_wrap p {
    font-weight: 600;
}
.reentry_mv_txt1 {
    font-size: 25px;
    margin-bottom: 10px;
}
.reentry_mv_txt2 {
    font-size: 30px;
    margin-bottom: 12px;
}
.reentry_mv_txt2 img {
    display: inline-block;
    vertical-align: middle;
    width: 84px;
    margin: 0 .15em .5em;
}
.reentry_mv_txt3 {
    font-size: 0;
    margin-bottom: 30px;
}
.reentry_mv_txt3 img {
    width: 660px;
}
.reentry_mv_txt4 {
    font-size: 25px;
}
.line_yellow {
    background: linear-gradient(transparent 50%, #FFFF00 50%);
}
.br-sp {
    display: none;
}
.reentry_txt1 {
    text-align: center;
    margin-bottom: 30px;
}
.reentry_h2 {
    position: relative;
    background: #00B4CD;
    text-align: center;
    color: #FFF;
    font-size: 25px;
    padding: 10px 15px;
    margin-bottom: 60px!important;
}
.reentry_h2::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -20px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
    height: 0;
    border-style: solid;
    border-color: #00B4CD transparent transparent transparent;
    border-width: 21.65px 12.5px 0px 12.5px;
}
.reentry_txt2 {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 76px;
}
.reentry_txt2_icon {
    display: inline-block;
    width: 30px;
    vertical-align: middle;
    margin: 0 .1em .2em;
}
.reentry_txt2 a {
    color: #1C82FF;
}
.reentry_alert_wrap {
    background: #ffd63338;
    padding: 45px;
    /*margin-bottom: 70px;*/
}
.reentry_h3 {
    font-size: 20px;
    margin-bottom: 26px;
}

.reentry_alert_wrap img {
    max-width: 100%;
    height: auto;
}
.reentry_alert_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #FFF;
    border: dashed 2px #AF4B41;
    align-items: center;
    padding: 30px;
    /*margin-bottom: 40px;*/
}
.reentry_alert_flex_left {
    font-size: 0;
    width: 122px;
}
.reentry_alert_flex_right {
    font-weight: 600;
    width: calc(100% - 122px);
    padding-left: 35px;
}
.reentry_price_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.reentry_pricecard {
    width: 32%;
    background: #FFF;
    border: 2px solid #00B4CD;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    margin: 0 0 40px;
    padding: 25px 30px;
}
.reentry_pricecard.new {border-color: #ffd633; background-color: #ffd63342;}
.reentry_pricecard_txt1 {
    text-align: center;
    font-weight: 600;
    color: #00B4CD;
    font-size: 22px;
    margin-bottom: 20px;
}
.reentry_pricecard_list {
    margin-bottom: 22px;
}
.reentry_pricecard_list li {
    font-weight: 600;
    border-bottom: 1px dashed #ADADAD;
    margin-bottom: 10px;
    text-align: center;
}
.reentry_pricecard_list2 li {padding: 12px 0;}

.reentry_pricecard_txt2 {
    font-size: 20px;
    display: inline-block;
    margin: 0 1em 0 0;
}
.reentry_pricecard_txt3 {
    font-size: 30px;
    display: inline-block;
}
.reentry_pricecard_list2 .reentry_pricecard_txt2 {
    margin-right: 0;
}
.reentry_pricecard_txt4 {
    /*font-size: 12px;*/
}
.reentry_price_alert {
    background: #F7F7F7;
    padding: 30px 30px;
    /*margin-bottom: 35px;*/
}
.reentry_h32 {
    text-align: center;
    margin-bottom: 39px;
    font-size: 25px;
}
.reentry_cpt {
    font-size: 0;
    margin-bottom: 35px;
    text-align: center;
}
.reentry_cpt img {
    width: 642px;
}
.reentry_txt3 {
     text-align: center;
}



@media screen and (max-width: 1000px){
}
@media screen and (max-width: 820px){
    .reentry_pricecard {padding: 20px 15px;}
    .reentry_pricecard:nth-child(1) {width: 26%;}
    .reentry_pricecard:nth-child(2), .reentry_pricecard:nth-child(3) {width: 35%;}
    .reentry_pricecard_txt2 {display: block; margin: 0;}
    .reentry_pricecard_list2 li {padding: 32px 0;}
}
@media screen and (max-width: 767px){
    .br-sp {
        display: inline;
    }
    .reentry_mv_wrap {
        margin-bottom: 40px;
    }
    .reentry_mv_txt1 {
        font-size: 20px;
    }
    .reentry_mv_txt4 {
        font-size: 20px;
    }
    .reentry_txt1 {
        margin-bottom: 20px;
    }
    .reentry_h2 {
        font-size: 22px;
    }
    .reentry_txt2 {
        text-align: left;
        font-size: 18px;
    }
    .reentry_alert_wrap {
        padding: 20px;
        margin-bottom: 40px;
    }
    .reentry_alert_flex {
        /*display: block;*/
        flex-direction: column;
        padding: 20px;
    }
    .reentry_alert_flex_left {
        /*margin: 0 35px 20px 0;
        padding: 0;
        float: left;*/
        margin-bottom: 15px;
    }
    .reentry_alert_flex_right {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .reentry_pricecard {
        width: 100%;
    }
    .reentry_h32 {
        font-size: 20px;
    }
}
@media screen and (max-width: 540px){
    .reentry_txt1 {text-align: left;}
    .reentry_h2 {margin-bottom: 40px !important;}
    .reentry_price_flex {display: block;}
    .reentry_pricecard:nth-child(1), .reentry_pricecard:nth-child(2), .reentry_pricecard:nth-child(3) {width: 100%; margin-bottom: 20px;}
    .reentry_pricecard_txt1 br {display: none;}
    .reentry_pricecard_txt2 {display: inline-block; margin: 0 1em 0 0;}
    .reentry_pricecard_list2 li {padding: 0;}
    .reentry_price_alert {padding: 20px 15px;}
}




