@charset "UTF-8";
/*-------------------------
__step_box_list
-------------------------*/
#main_title_box{background:url("/sell/images/link_box_bg.webp")no-repeat center;background-size:cover;}
#content #flow_sale{margin:100px auto;width:1240px;box-sizing:border-box;padding:0 20px;}
#content #flow_sale .step_box_list{margin:auto;text-align:left;position:relative;border-top:2px solid #DDD;border-bottom:2px solid #DDD;padding-bottom:50px;}
#content #flow_sale .step_box_list::before,
#content #flow_sale .step_box_list::after{content:"";display:block;width:50px;height:2px;position:absolute;top:-2px;left:0;background-color:#46413c;}
#content #flow_sale .step_box_list::after{top:auto;bottom:-2px;}
#content #flow_sale .step_box_list .step_box{box-sizing:border-box;padding:30px 0;border-bottom:1px dotted #DDD;}
#content #flow_sale .step_box_list .step_box .step_title_box .mark{font-size:1.8em;letter-spacing:0.12em;display:inline-block;background:#24374e;color:#FFF;padding:8px 20px;}
#content #flow_sale .step_box_list .step_box .step_title_box .point_title{font-size:2.2em;line-height:1.5;letter-spacing:0.04em;font-weight:500;padding-left:20px;}
#content #flow_sale .step_box_list .step_box .step_text{font-size:1.5em;line-height:2;letter-spacing:0.04em;padding-top:30px;}
#content #flow_sale .step_box_list .step_box .step_text:not(:first-of-type){padding-top:20px;}
#content #flow_sale .step_box_list .step_box .step_text ul li{text-indent:-1em;padding-left:1em;}

/*写真とテキストがある時 start*/
#content #flow_sale .step_box_list .step_box .img_text_box{display:flex;align-items:center;margin-top:30px;}
#content #flow_sale .step_box_list .step_box .img_text_box .step_text{padding-top:0;width:70%;}
#content #flow_sale .step_box_list .step_box .img_text_box .stepimg_box{width:27%;margin-right:3%;}
#content #flow_sale .step_box_list .step_box .img_text_box .stepimg_box img{width:100%;height:auto;}

/*写真とテキストがある時 end*/





#content #flow_sale .step_box_list .img_box{margin:50px auto 0;width:650px;}
#content #flow_sale .step_box_list .img_box img{width:100%;height:auto;}
@media only screen and (max-width: 767px){
#content #flow_sale{margin:50px auto;width:100%;}
#content #flow_sale .step_box_list{padding-bottom:30px;}
#content #flow_sale .step_box_list .step_box .step_title_box .mark{font-size:1.5em;}
#content #flow_sale .step_box_list .step_box .step_title_box .point_title{font-size:1.8em;padding-left:0;padding-top:10px;display:block;}
#content #flow_sale .step_box_list .step_box .step_text{font-size:1.4em;padding-top:20px;}	
#content #flow_sale .step_box_list .step_box .step_text:not(:first-of-type){padding-top:10px;}
/*写真とテキストがある時 start*/
#content #flow_sale .step_box_list .step_box .img_text_box{display:block;margin-top:20px;}
#content #flow_sale .step_box_list .step_box .img_text_box .step_text{width:100%;}
#content #flow_sale .step_box_list .step_box .img_text_box .stepimg_box{width:100%;margin-right:0;margin-bottom:15px;}

/*写真とテキストがある時 end*/
#content #flow_sale .step_box_list .img_box{margin:30px auto 0;width:100%;}
}
/*-------------------------
__contact
-------------------------*/
#content #flow_sale .contact{margin:100px auto 0;}
#content #flow_sale .contact a{display:inline-block;width:360px;font-size:2em;line-height:1.4;text-decoration:none;text-align:left;padding:20px;box-sizing:border-box;color:#FFF;background-color:#24374e;border:1px solid #24374e;position:relative;}
#content #flow_sale .contact a:after{content:"";display:inline-block;width:25px;height:25px;margin:auto;background:#dcdee6 url(/images/s_arrow@2x.png)no-repeat center center;background-size:11px 7px;border-radius:50%;position:absolute;top:0;right:20px;bottom:0;z-index:1;}
@media only screen and (min-width: 767px){
#content #flow_sale .contact a{transition:background 0.3s,color 0.3s;}
#content #flow_sale .contact a:hover{color:#24374e;background-color:#FFF;}
#content #flow_sale .contact a:after{transition:background 0.3s;}
#content #flow_sale .contact a:hover:after{background:#46413c url(/images/s_arrow_h@2x.png)no-repeat center center;background-size:11px 7px;}
}
@media only screen and (max-width: 767px){
#content #flow_sale .contact{margin:50px auto 0;}
#content #flow_sale .contact a{width:100%;font-size:1.5em;padding:10px 15px;}
}