@charset "UTF-8";

/*================================================
 * 各ページCSS
 ================================================*/
.flow_box{padding: 3% 8% 6% 3%;background: url("../img/flow_box_back.png")no-repeat bottom center;background-size: cover;width: 89%; }
.flow_box_last{padding: 3% 8% 6% 3%;background: url("../img/flow_box_back_last.png")no-repeat bottom center;background-size: cover;width: 89%; }
.step{height: 50px;margin-right: 2%;margin-bottom: -1.2%;}
.w56per-right{width: 56%;float: right;}
.w40per-left{width: 40%;float: left;margin-right: 4%;}
.w40per-left img{width: 100%;}
.page_title{font-size: 1.8em;text-align: center;}
.page_title_l{font-size: 1.8em;}
.sub_title{font-size: 1.4em;}
.normal{font-weight: normal;}
.page_text{text-align: justify;}
.small{font-size: 0.6em;font-weight: normal;}
.sub_bold{font-weight: bold;display: block;}

/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
.box-item03{width: 31%;display: inline-block;margin:1% 0 3%;height: auto;}
.plan_p{font-size: 1.2em;text-align: center;}

/* flexbox フレックスボックス */
/* flexbox フレックスボックス */

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
.flow_box{padding: 3% 10% 15% 5%;background: url("../img/flow_box_back_sp.png")no-repeat bottom center;background-size: cover;}
.flow_box_last{padding: 3% 10% 15% 5%;background: url("../img/flow_box_back_last_sp.png")no-repeat bottom center;background-size: cover;}
.w90per{width: 100%;margin: 0 auto;}
.w56per-right{width: 100%;float: none;}
.w40per-left{width: 100%;float: none;margin-right: 0%;}
.page_title{font-size: 1.4em;text-align: center;}
.page_title_l{font-size: 1.4em;}
.container {
    width: 100%;
    box-sizing: border-box;
	padding:3em 2%;
}
.sp_txt_l{text-align: left;}

.box-item03{width: 48%;display: inline-block;margin:1% 0 2%;padding: 0%;}
}