@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(all.css);
@import url(common_parts.css);
@import url(common.css);


/*
 merumaga_subsc
==============================*/
.br{display: block;}
.open_btn {cursor: pointer;}
@media screen and (min-width: 735px) { a[href^="tel:"]{color: #444;} }
/* mv ----------*/
#mv { margin-top: 2rem; }
#mv { width: 100%; }
#mv .inner { width: 100%; max-width: 1100px; margin: 0 auto; }
#mv .mv_img_box { position: relative; }
#mv .mv_text_box { background: rgba(255, 255, 255, 0.9); position: absolute; top: 4rem; left: 0; width: auto; padding: 2rem 2rem 2rem 3rem; width: 33%; min-width: 360px; }
#mv .mv_ttl { font-size: 3rem; color: #33190C; line-height: 1.1; font-feature-settings: "palt"; padding-bottom: 1rem;}
#mv .mv_text_item { font-size: 1.6rem; color: #33190C; margin: 0; line-height: 1.2; font-feature-settings : "palt"; }

/* main ----------*/
#main {margin-top: 10rem;}
#main .inner { margin-bottom: 17rem; }
section {width: 100%; max-width: 1100px; margin: 0 auto 7rem; }
.sec_inner {margin: 0 10rem;}
.sec_ttl {font-size: 3rem; color: #fff; background: #633319; padding-left: 2rem;}
.btn_box { margin: 0 7rem; }
.main_ttl { font-size: 3rem; color: #fff; background: #663300; padding: 1rem 0; margin-bottom: 3rem; }
.sub_ttl { font-size: 2rem; color: #663300; border: 1px solid #663300; border-left: none; border-right: none; background: #F8F7F5; padding: 1rem 0; }
.coupon_flow_contents { margin: 4rem 6rem 7rem; }
.coupon_flow_contents .cont_item { display: flex; margin-bottom: 2rem; }
.coupon_flow_contents .cont_item .img_box { margin-right: 2rem; width: 50%; }
.coupon_flow_contents .cont_item .text_box { width: 55%; }

.reg_btn { margin-top: 3rem; }
.reg_btn .btn_text { background: #F8F7F5; border: 1px solid #633319; border-radius: 7px;padding: 1rem 0; }
.reg_btn .btn_text a { color: #633319; display: block; }
.stp_btn { margin-top: 3rem; }
.stp_btn .btn_text { background: #633319; border: 1px solid #633319; border-radius: 7px;padding: 1rem 0; }
.stp_btn .btn_text a { color: #fff; display: block; }
.btn_text i{ font-size: 2rem; }


@media screen and (max-width: 768px ) {
	#main .inner{ margin-top: 5rem; margin-bottom: 7rem; }
	section { margin-bottom: 5rem; }
	.sec_inner {margin: 0 2rem;}
	.sec_subttl { margin: 0 0 1rem; }
	.sub_ttl { font-size: 2.2rem; }
	.main_ttl { font-size: 2.5rem; }
	.main_ttl span { width: 100%; }
	.sec_subttl { font-size: 2rem; }
	#mv .mv_text_item, .sec_text, .basic_care .sec_text, .basic_care .sec_text, .item_contents .min_text, .img_text,
	.flb_box .img_text, .step_item .img_text, .care_info .sec_text, .q_text, .a_text, .cont_text { font-size: 2rem; }
	.main_ttl { font-size: 2.5rem; height: 6rem; }
	.sec_ttl { font-size: 2.2rem; }
	.sec_inner { margin: 0 5rem; }
	.coupon_flow_contents .cont_item { display: block; text-align: center; margin-bottom: 3rem; }
	.coupon_flow_contents .cont_item .img_box { margin-right: 0; width: auto; margin-bottom: 1rem; }
	.coupon_flow_contents .cont_item .text_box { width: auto; }
	.coupon_flow_contents { margin: 4rem 3rem 5rem; }
	.cont_text { width: 80%; margin:  0 auto; }
	.l_cont, .r_cont { text-align: center; }
}


@media screen and (max-width: 414px ) {
	#main .inner { margin-bottom: 6rem; }
	.main_ttl { font-size: 2.2rem; height: auto; }
	.sec_subttl, .sec_ttl, .sec_subttl { font-size: 2rem; }
	.main_ttl { margin-right: -3.5rem; margin-left: -3.5rem; }
	.main_ttl, .sec_ttl { margin-bottom: 3rem; }
	.sub_ttl { font-size: 2rem; }
	#mv .mv_ttl { margin-bottom: 0.8rem; }
	#mv .mv_text_box { position: static; transform: none; top: auto; max-width: inherit; width: auto; text-align: center; padding: 3rem 3.5rem 0; }
	#mv .mv_text_item { font-size: 1.6rem; }
	#mv .mv_ttl { font-size: 2.3rem; }
	#mv .mv_text_item, .sec_text, .basic_care .sec_text, .basic_care .sec_text, .item_contents .min_text, .img_text,
	.flb_box .img_text, .step_item .img_text, .care_info .sec_text, .q_text, .a_text, .art_ttl, .contact_target li, .sec_subttl, .cont_text { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.05rem; }
	.coupon_flow_contents { margin: 4rem 2rem 5rem; }
	.cont_text { width: auto; margin: 0; }
	.btn_box { margin: 0; }
}