@charset "utf-8";


/* overwrite
-------------------------------------------------------------------------------------------------------- */

/* pageTitle */
#pageTitle                     { background-image: url("../images/flow/pagetitle_bg.jpg");}



/* flow
-------------------------------------------------------------------------------------------------------- */


/* lead-wrap */
#lead-wrap												{ padding: 5rem 0 10rem;}
#lead-wrap .flow										{ max-width: 960px; margin: 2rem auto 0;}
#lead-wrap .flow .flow-box								{ padding:1rem 0 2rem; border-bottom: #C4C4C4 1px solid; background: url("../images/common/ico_ar_bl_down.png") no-repeat left 5% top; background-size: 2rem;} 
#lead-wrap .flow .flow-box:first-child					{ border-top: #C4C4C4 1px solid; background: none;}
#lead-wrap .flow .flow-box .row-box						{}
#lead-wrap .flow .flow-box .pic							{ margin: 0 4rem;}
#lead-wrap .flow .flow-box .inBox						{ -webkit-display: flex; display: flex;}
#lead-wrap .flow .flow-box .inBox .num					{ width: 10%; margin: 0 1rem; text-align: center; color: #102d5b; font-size: 1.8rem;}
#lead-wrap .flow .flow-box .inBox .num span				{ display: block; color: #102d5b; font-size: 4rem; line-height: 1;}
#lead-wrap .flow .flow-box .inBox .txt-box				{ width: 80%; margin: 0 1rem;}
#lead-wrap .flow .flow-box .inBox .txt-box .title		{ color: #424242; font-size:2rem;}
#lead-wrap .flow .flow-box .inBox .txt-box .txt			{ margin-top: 0.5rem; font-size: 1.4rem;}
#lead-wrap .flow .flow-box .con							{ margin-top: 2rem; padding-top: 2rem; border-top: #C4C4C4 1px solid;}
#lead-wrap .flow .flow-box .con .tel					{ margin: 0 3rem 0 2rem; }
#lead-wrap .flow .flow-box .con .con_link				{ text-align: center; }
#lead-wrap .flow .flow-box .con .con_link a				{ display: block; margin-top: 2rem; padding: 1.5rem ; border: #102d5b 1px solid;  transition: all 300ms 0s ease;}
#lead-wrap .flow .flow-box .con .con_link a span		{ padding-left: 2.5rem; background: url("../images/flow/flow_mail.png") no-repeat left center; background-size: 1.6rem; font-size: 1.4rem; color: #102d5b;}
#lead-wrap .flow .flow-box .con .con_link a:hover		{ background: #102d5b; opacity: 1 !important;  }
#lead-wrap .flow .flow-box .con .con_link a:hover span	{ color: #FFFFFF; background-image: url("../images/common/ico_mail_wh.png");}

@media print, screen and (min-width: 768px) {
#lead-wrap											{ padding: 80px 0 150px;}
#lead-wrap .flow									{ margin: 40px auto 0;}
#lead-wrap .flow .flow-box							{ padding:40px 0 ; } 
#lead-wrap .flow .flow-box .row-box					{ flex-wrap: nowrap;}
#lead-wrap .flow .flow-box .pic						{ width: 32%; margin: 0;}
#lead-wrap .flow .flow-box .inBox					{ width: 68%; }

#lead-wrap .flow .flow-box .con						{ -webkit-display: flex; display: flex; justify-content: center; margin-top: 40px; }
#lead-wrap .flow .flow-box .con .tel				{ width: 40%; max-width: 350px; margin: 20px 50px 0; }
#lead-wrap .flow .flow-box .con .con_link			{ width: 60%; max-width: 380px; margin: 0 30px 0 0; }

}

@media print, screen and (min-width: 1024px) {
#lead-wrap											{ padding: 100px 0 150px;}
#lead-wrap .flow									{ margin: 60px auto 0;}
#lead-wrap .flow .flow-box							{ padding:60px 0 ; } 
#lead-wrap .flow .flow-box .inBox .num				{ margin: 0 15px; font-size: 28px;}
#lead-wrap .flow .flow-box .inBox .num span			{ font-size: 46px; }
#lead-wrap .flow .flow-box .inBox .txt-box			{ margin: 0 15px;}
#lead-wrap .flow .flow-box .inBox .txt-box .title	{ font-size:30px;}
#lead-wrap .flow .flow-box .inBox .txt-box .txt		{ margin-top: 0.5rem; font-size: 18px;}
#lead-wrap .flow .flow-box .con						{ margin-top: 60px; padding-top: 40px; }
#lead-wrap .flow .flow-box .con .con_link a			{ padding: 2.5rem ; }
#lead-wrap .flow .flow-box .con .con_link a span	{ font-size: 16px; }


}