@charset "utf-8";section#sub_pagettl{ background-image: url(../img/subttl_flow.png);}


/**流れ**/
section#sect_reg-flow{}
section#sect_reg-flow ul#flow_list{}
section#sect_reg-flow ul#flow_list li{ padding-left: 0.75em; background-image: url(../../reg_flow/img/regflow_arr_BLA.svg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 2em; margin-bottom: 0.75em; display: flex; align-items: center;}
section#sect_reg-flow ul#flow_list li:last-child{ padding-bottom: 1.5em; background-image: none; border-bottom: 1px solid #878787; }
section#sect_reg-flow ul#flow_list li:first-child{ padding-top: 1.5em; border-top: 1px solid #878787; }
section#sect_reg-flow ul#flow_list li>*{  }
section#sect_reg-flow ul#flow_list li .step_photo{ width: 30%; padding-right: 5%;}
section#sect_reg-flow ul#flow_list li .step_photo img{width:100%;}
section#sect_reg-flow ul#flow_list li .step_num{ font-weight: bold; font-size: 2rem; text-align: center; background-color: #DA2429; color: #FFFFFF; display: inline-block; padding: 0.3em; line-height: 1em; width: 70px; height: 70px;}
section#sect_reg-flow ul#flow_list li .step_num small{ font-size: 40%; display: block; line-height: 1em; padding-bottom: 0.3em;}
section#sect_reg-flow ul#flow_list li .step_txt{ vertical-align: top; padding-left: 2em; width: calc(70% - 70px);}
section#sect_reg-flow ul#flow_list li .step_txt h4{ font-size: 1.5rem; color: #da2429; font-weight: bold; padding-bottom: 0.25em;}
section#sect_reg-flow ul#flow_list li .step_atten{ background-color: #e3e3e3; min-height: auto; text-align: center; padding-top: 0.75em; padding-right: 1em; padding-left: 1em; padding-bottom: 1em; margin-top: 1.2em;}

section#sect_reg-flow .exp_video{text-align: center; padding-top:3em;}
section#sect_reg-flow .exp_video .video_ttl{ border-radius: 0.2em; font-size:2rem; padding: 0.5em 1em 0.65em 1em; position: relative; background-color: #000; color: #fff; display: inline-block; margin-bottom: 1.2em;}
section#sect_reg-flow .exp_video .video_ttl:after {border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-color: rgba(0, 153, 255, 0); border-top-width: 18px; border-bottom-width: 14px; border-left-width: 14px; border-right-width: 14px; margin-left: -14px; border-top-color: #000; top: 100%; left: 50%;}


/**持ち物**/
section#sect_others ul.others_list{ border: 8px solid #DADADA; overflow: hidden; display:flex;}
section#sect_others ul.others_list li { width: 25%; border-right: 1px solid #DADADA; text-align: center; padding-top: 1.5em; padding-bottom: 1.5em; letter-spacing: 0em; font-size: 0.9em;}
section#sect_others ul.others_list li:last-child{ border-right-style: none;}
section#sect_others ul.others_list li .mark_box{ border-radius: 50%; background-color: #da2429; width: 100px; height: 100px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 1em;}
section#sect_others ul.others_list li .mark_box img{ position: absolute; top: 0;bottom:0;left:0;right:0; margin: auto; width:80%;}


table.tab_price{ width: 100%;}
table.tab_price tr>*{ text-align: left; border-right: 1px solid #8E8E8E;}
table.tab_price tr>*:last-child{ border-right-style: none;}
table.tab_price tr th{ background-color: #6d6d6d; padding: 1em; color: #FFFFFF;}
table.tab_price tr td{ padding: 0.5em 1em; font-size: 1.4rem; background-color: #eeeeee; vertical-align: middle;}
table.tab_price tr td:first-child{ font-weight: bold;}
table.tab_price tr:nth-child(2n) td{ background-color: #dddddd;}
table.tab_price + .item_name{ padding-top: 3em;}
section#sect_price table.tab_price + .btn_box{ padding-top: 5em; padding-bottom: 2em}


/* ##### responsive ##### */
@media screen and (max-width: 760px) {


/**流れ**/
section#sect_reg-flow{}
section#sect_reg-flow ul#flow_list{}
section#sect_reg-flow ul#flow_list li{ padding-left: 0; flex-wrap: wrap; align-items: flex-start;}
section#sect_reg-flow ul#flow_list li:last-child{  }
section#sect_reg-flow ul#flow_list li:first-child{  }
section#sect_reg-flow ul#flow_list li>*{ min-height: auto; }
section#sect_reg-flow ul#flow_list li .step_photo{width:100%; padding-right: 0; order: 1; padding-top: 2em;}
section#sect_reg-flow ul#flow_list li .step_num{ width: 54px; height: 54px; font-size: 1.5rem;}
section#sect_reg-flow ul#flow_list li .step_num small{ }
section#sect_reg-flow ul#flow_list li .step_txt{ width: calc(100% - 54px); padding-left: 1em; padding-top: 0;}
section#sect_reg-flow ul#flow_list li .step_txt h4{ font-size: 1.3rem; padding-bottom: 0.5em;}
section#sect_reg-flow ul#flow_list li .step_atten{ text-align: left;}

section#sect_reg-flow .exp_video{}
section#sect_reg-flow .exp_video .video_ttl{ border-radius: 0.2em; font-size:1.3rem; margin-bottom: 0.25em;}
section#sect_reg-flow .exp_video .video_ttl:after { border-top-width: 14px; border-bottom-width: 10px; border-left-width: 10px; border-right-width: 10px; margin-left: -10px;}


/**持ち物**/
section#sect_others ul.others_list{ border-style: none; overflow: hidden; display: block;}
section#sect_others ul.others_list li { width: 100%; text-align: left; padding-top: 1em; padding-bottom: 1em; font-size: 0.9em; border-right-style: none; border-bottom: 1px solid #A4A4A4;}
section#sect_others ul.others_list li:first-child{border-top: 1px solid #A4A4A4;}
section#sect_others ul.others_list li:last-child{}
section#sect_others ul.others_list li .mark_box{ width: 80px; height: 80px; margin-bottom: 0em; display: inline-block; vertical-align: middle; margin-right: 1.5em;}
section#sect_others ul.others_list li .mark_box img{ position: absolute; top: 0;bottom:0;left:0;right:0; margin: auto;}
section#sect_others ul.others_list li p{ display: inline-block; vertical-align: middle;}

/**料金プラン**/
section#sect_price{ padding-bottom: 160px;}
.initiation_box{ font-size: 2rem;}
.price_plus{ width: 40px; height: 40px; margin-top: 2em; margin-bottom: 2em;}

table.tab_price tr:first-child{	display: none;}
table.tab_price tr>*{ border-right-style: none;}
table.tab_price tr td{ padding: 0 1em; font-size: 1.2rem; display: block; width: 100%;}
table.tab_price tr td:first-child{ font-weight: bold; padding-top: 0.5em;}
table.tab_price tr td:first-child:after{ content: ""; width: 100%; height: 1px; display: block; marging-top: 10px; border-bottom: 1px solid #000000; padding-top: 0.5em;}
table.tab_price tr td:nth-child(2){	padding-top: 0.5em;}
table.tab_price tr td:nth-child(3){	padding-bottom: 0.5em;}
table.tab_price tr:nth-child(2n) td{}
table.tab_price + .item_name{ padding-top: 3em;}


}