@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(all.css);
@import url(common_parts.css);
@import url(common.css);


/*
 faq
==============================*/
.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; position: relative; }
#mv .mv_img_box { position: relative; }
#mv .mv_text_box { background: rgba(255, 255, 255, 0.9); position: absolute; top: 4rem; left: 0; max-width: 360px; padding: 2rem 2rem 2rem 3rem; }
#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.4rem; color: #33190C; margin: 0; line-height: 1.2; }

/* main ----------*/
#main {margin-top: 10rem; margin-bottom: 17rem;}
section {width: 100%; max-width: 1100px; margin: 0 auto 10rem; }
.sec_inner {margin: 0 10rem;}
.main_ttl { font-size: 3rem; color: #fff; background: #663300; padding: 1rem 0; margin-bottom: 3rem; }
.sec_subttl { font-size: 2rem; line-height: 1.5; margin: 2rem 0 1rem; color: #444; }
.sec_text { font-size: 1.4rem; line-height: 1.5; width: 100%; max-width: 540px; margin: 0 auto 5rem; color: #444; }
.sub_ttl { font-size: 2rem; color: #663300; border: 1px solid #663300; border-left: none; border-right: none; background: #F8F7F5; padding: 1rem 0; }
.basic_care { background: #F8F7F5; padding: 2rem 3rem; margin-bottom: 6rem; }
.basic_care .sec_subttl { margin: 0; }
.item_contents .item_box_inner { padding: 1.5rem; border: 1px solid #663300; }
.item_contents .step_no { font-size: 2.4rem; color: #663300; }
.item_contents .box_ttl { font-size: 2rem; color: #fff; background: #663300; padding: 1rem 0; margin-bottom: 0; }
.basic_care .sec_text { font-size: 1.4rem; color: #444; margin-bottom: 2rem; }
.item_contents .min_text, .img_text { font-size: 1.4rem; color: #444; }
.item_contents .mb { margin-bottom: 0.5rem; }
.item_contents .mb div { margin-bottom: 0!important; }
.step_item { margin-bottom: 7rem; }
.step_item .sub_ttl { margin-bottom: 3rem; }
.step_item .img_text { line-height: 1.5; }


@media screen and (max-width: 768px ) {
	#main { margin-bottom: 5rem; }
	section { margin-bottom: 5rem; }
	.sec_inner {margin: 0 5rem;}
	.main_ttl { font-size: 2.5rem; height: 6rem; }
	.sec_subttl { margin: 0 0 1rem; }
	.sec_text { font-size: 1.8rem; }
	.sub_ttl { font-size: 1.8rem; }
	.item_cont_box .img_box { text-align: center; }
	.item_cont_box img { width: 80%; }
	.item_contents .step_no { font-size: 3.5rem; }
	.basic_care .sec_text { font-size: 1.6rem; }
	.item_contents .min_text, .img_text { font-size: 1.8rem; }
	.top_contents .sec_subttl,.care_info .sec_subttl { margin-top: 3rem; }
	.care_description .sec_subttl { text-align: center; }
}

/*
@media screen and (max-width: 414px ) {
	#main { margin-top: 5rem; margin-bottom: 5rem; }
	section { margin-bottom: 3rem; }
	.sec_inner {margin: 0 1rem;}
	.main_ttl { font-size: 2.2rem; height: auto; margin-bottom: 2rem; }
	#mv .mv_text_box { position: static; transform: none; top: auto; width: auto; text-align: center; padding: 3rem 3.5rem 0; min-width: inherit; }
	.basic_care .sec_text { text-align: left!important; }
	.main_ttl { margin-bottom: 3rem; }
	#mv .mv_ttl { font-size: 2.3rem; margin-bottom: 0.8rem; }
	.item_cont_box { text-align: center; }
	.item_cont_box img { width: 100%; }
	.basic_care { background: #F8F7F5; padding: 2rem 1.5rem; margin-bottom: 3rem; }
	.basic_care .sec_text { font-size: 1.6rem; }
	.item_contents .box_ttl { font-size: 1.8rem; }
	.item_contents .step_no { font-size: 3rem; margin-bottom: 0.5rem; }
	.basic_care .sec_text { font-size: 1.8rem; margin-bottom: 1.5rem; }
	.item_contents .min_text, .img_text { font-size: 1.8rem; text-align: center; }
	.item_cont_box .flex-col-2 { margin-bottom: 0!important; }
	.step_item .sub_ttl { margin-bottom: 2rem; }
	.step_item .img_text { text-align: left; }
	.top_contents .sec_subttl,.care_info .sec_subttl { margin-top: 2rem; }
	.flb_box .img_text{ line-height: 1.5; }
	.step_item { margin-bottom: 3rem; }
	.care_info .sec_text { margin-bottom: 3rem; }
}
*/
/* 20181025_SP修正　fix後に上に適用 */
@media screen and (max-width: 414px ) {
	.main_ttl { margin-right: -3.5rem; margin-left: -3.5rem;font-size: 2.2rem; height: auto;  }
	#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 { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.05rem; }
	section { margin-bottom: 6rem; }
	.sec_inner { margin: 0 3.5rem; }
	.step_item .sub_ttl, .basic_care .sec_text, .item_contents, .step_item .col-last { margin-bottom: 3rem!important; }
	.bnr_img_box { margin-right: -3.5rem; margin-left: -3.5rem; }
	#mv .mv_text_box { position: static; transform: none; top: auto; max-width: inherit; width: auto; text-align: center; padding: 3rem 3.5rem 0; }
	.basic_care .sec_text { text-align: left!important; }
	.care_item { margin-bottom: -2rem; }
	.care_item .item_img_box { margin-bottom: 0!important; }
	.main_ttl { margin-bottom: 3rem; }
	#mv .mv_ttl { font-size: 2.3rem; margin-bottom: 0.8rem; }
	.basic_care { margin-right: -3.5rem; margin-left: -3.5rem; padding: 2rem 3.5rem; }
	.step_03 { margin-bottom: 0!important; }
	.step_01 .step_02 { margin-bottom: 1rem!important; }
}
