@charset "utf-8";

/* 共通 */
body p,a,h2,h3{ color:#4c4c4c;font-size:115%;font-family:noto-sans-cjk-jp, sans-serif;font-weight:500;font-style:normal;margin:0; }
a{ text-decoration:none; }
a:hover{ opacity:0.8; }
.clearfix{ height:auto; }
.clearfix:after{ content:"";clear:both;display:block;height:initial; }
img{ width:100%; }
.cont_wrap{ max-width:1000px;margin:0 auto;width:90%; }
.each_top_ttl{ width:100%;color:#212121;font-size:200%; }
.each_top_ttl h2{ color:#212121;font-size:135%;padding:4.2% 0;margin:0; }
.each_top_ttl.gray_bg{ background-color:#f1f1f1; }
.bt_green{ background-color:#82c8b4;border-radius:999px;color:#fff;border:1px solid #fff;text-decoration:none;padding:7px 0;text-align:center; }
.bt_green:hover{ color:#82c8b4;border:1px solid #82c8b4;background-color:#fff;text-decoration:none; }
.mid_orange_ttl{ font-size:222%;color:#f58c23;border-bottom:1px solid #f58c23;padding-bottom:0.5%;margin-bottom:2%;display:inline-block; }
.sm_ttl{ color:#000;font-size:140%;margin-bottom:5%; }
.bl_main_note{ margin-bottom:2%;line-height:186%; }
.bl_main_note > span,.step_note > span{ color:#ff1720; }
.bl_orange_cont{ border:1px solid #f58b21; }
.ly_cons_ttl{ color:#fff;background-color:#f58b21;text-align:center;margin:0; }
.gray_hr{ height:1px;width:100%;background-color:#b3b3b3;margin:3% 0; }
.gray_link{ font-size:107%;color:#b9b9b9;position:relative;display:inline-block;color:#b9b9b9;text-decoration:none; }
.gray_link:hover{ color:#f58c23;transition:all .3s;text-decoration:none; }
.gray_link + p{ margin-bottom:0; }
.gray_link::after{ content:"";display: inline-block;width: 6px;height: 6px;margin: 2px 10px;margin-left:24px;border-top: 1.5px solid #b9b9b9;border-right: 1.5px solid #b9b9b9;transform: rotate(45deg); }
.gray_link:hover::after{ border-top: 1.5px solid #f58c23;border-right: 1.5px solid #f58c23;color:#f58c23;transition:all .3s; }
.gray_link.under_bar{ border-bottom:1px solid #b9b9b9; }
.gray_link.under_bar:hover{ border-bottom:1px solid #f58c23; }

@media screen and (max-width:767px){
    body p,a{ font-size:113%; }
    .cont_wrap{ width:90%; }
}
@media screen and (max-width:575px){
    .mid_orange_ttl{ font-size:160%;margin-bottom:3%; }
    body p,a{ font-size:100%;line-height:190%; }
    .gray_link{ font-size:100%; }
}

.consul_document_wrap{ border:1px solid #cccccc;width:342px;padding:2% 4% 3% 3%;margin-top:5%; }
.consul_document_wrap a{ color:#f58c23;margin-bottom:2.3%;display:inline-block;font-size:130%;position:relative;width:auto;text-decoration:none; }
.consul_document_wrap a:last-of-type{ margin-bottom:0; }
.consul_document_wrap a > span{ color:#4c4c4c; }
.consul_document_wrap a img{ color:#f58c23;margin-bottom:2.3%;display:block;font-size:130%;position:absolute;right:-36px;top:6px;width:20px; }

/* ご相談の流れ */
#consul .f_cons{ margin-top:8%; }
#consul .f_cons .bl_ttl{ width:100%; }
#consul .f_cons .ly_cons_ttl{ font-size:157%;padding:1.3% 0; }
#consul .f_cons .ly_cons_ttl br{ display:none; }
#consul .f_cons .arrow_bottom{ margin:0 auto;width:30px; }
#consul .f_cons .arrow_bottom img{ vertical-align:top; }
#consul .f_cons .f_consul_body{ padding:3.6% 0 5% 0;width:88%;margin:0 auto; }
#consul .f_cons .f_consul_body .bl_f_cons_left{ float:left;width:48%; }
#consul .f_cons .f_consul_body .r_body{ float:right;width:48%; }
#consul .f_cons .f_consul_body .r_body > p{ margin-top:2%;font-size:108%;line-height:190%; }
#consul .f_cons .f_consul_body .r_body .bottom{ margin-top:3%; }
#consul .f_cons .f_consul_body .r_body .bottom .price_row{ width:286px;margin:0 auto;margin-bottom:3.2%;margin-top:8.4%; }
#consul .f_cons .f_consul_body .r_body .bottom .price_row .box_reserve{ float:left;border:1px solid #f58c23;padding:0.9% 3%;font-size:80%;color:#f58c23;width:15%;white-space:nowrap;text-align:center; }
#consul .f_cons .f_consul_body .r_body .bottom .price_row .c_fee{ float:right;font-size:110%;width:75%;white-space:nowrap;text-align:right; }
#consul .f_cons .f_consul_body .r_body .bottom .bt_green{ font-size:150%;padding:2% 6%;margin:0 auto;margin-top:1%;width:260px;display:block;text-align:center; }
#consul .f_cons .f_consul_body .r_body .bottom .f_bottom_note{ font-size:130%;margin-top:3%;text-align:center; }
#consul .consul_before{ margin-top:6.8%; }
#consul .consul_before .ly_cons_gray_bg{ margin-top:5%;background-color:#f1f1f1;padding:5% 5.5% 5% 5.5%;border-radius:12px; }
#consul .consul_before .ly_cons_gray_bg .bl_cons_gray:first-of-type{ padding-bottom:2%;border-bottom:1px solid #b3b3b3; }
#consul .consul_before .ly_cons_gray_bg .bl_cons_gray:last-of-type{ margin-top:2%; }
#consul .consul_before .ly_cons_gray_bg .bl_cons_gray .cons_gray_ttl{ font-size:129%;color:#212121;margin-bottom:2%; }
#consul .consul_before .ly_cons_gray_bg .bl_cons_gray .cons_gray_note{ font-size:102%; }
#consul .consul_before .ly_cons_gray_bg .bl_cons_gray:last-of-type .cons_gray_note.cons_gray_note:last-of-type{ margin-top:3%; }
#consul .consul_book{ margin-top:7.2%; }
#consul .consul_book .cons_branch_wrap{ margin-top:5%; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont{ width:calc((100% - 10%)/3);max-width:300px;margin-right:5%;margin-bottom:4.5%;border:1px solid #f58c23;box-sizing:border-box;float:left; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont:nth-of-type(3n){ margin-right:0; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont .ly_cons_ttl{ padding:3% 0; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont .arrow_bottom{ width:5%;margin:0 auto;height:0; } 
#consul .consul_book .cons_branch_wrap .bl_orange_cont .arrow_bottom img{ vertical-align:top; } 
#consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch{ padding:6.8% 11% 10% 11%; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch .cons_tel_note{ text-align:center;margin:0; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch .cons_tel{ width:92%;display:block;margin:0 auto;margin-top:4%; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch .gray_hr{ margin:2% 0; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch .cons_work_time{ width:96%;margin:4.5% auto; }
#consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch .bt_green{ font-size:100%;padding:2% 0%;display:block;text-align:center; }
#consul .consul_step{ margin-top:3%; }
#consul .consul_step .mid_orange_ttl{ padding-right:2%;white-space:nowrap; }
#consul .consul_step .mid_orange_ttl>span{ font-size:74%;padding-left:4%; }
#consul .consul_step .step_wrap{ width:92%;margin:0 auto;margin-top:6.1%; }
#consul .consul_step .each_step{ border-left:1px dashed #b3b3b3;position:relative;padding-bottom:6%; }
#consul .consul_step .each_step.step_3{ padding-bottom:10%; }
#consul .consul_step .each_step.step_5{ padding-bottom:7.7%; }
#consul .consul_step .each_step:last-of-type{ border-left:none; }
#consul .consul_step .each_step:first-of-type{ padding-bottom:11.5%; }
#consul .consul_step .each_step .step_ttl_wrap{ transform:translateX(-34px); }
#consul .consul_step .each_step .step_ttl_wrap .icon_step_num{ float:left;width:70px; }
#consul .consul_step .each_step .step_ttl_wrap .step_ttl{ font-size:171%;color:#000;margin:0;float:right;width:calc(100% - 80px);line-height:70px; }
#consul .consul_step .each_step .step_body .icon_step_body{ float:left;width:24.5%; }
#consul .consul_step .each_step .step_body .icon_step_body img{ width:57%;margin:0 auto;display:block;margin-left:27%; }
#consul .consul_step .each_step .step_body .step_note_wrap{ float:left;width:75.5%; }
#consul .consul_step .each_step .step_body .step_note_wrap .step_note{ margin:0;margin-bottom:3.7%;font-size:105%; }
#consul .consul_step .each_step .step_body .step_note_wrap .step_note:last-of-type{ margin-bottom:0; }
#consul .consul_step .each_step .step_body .consul_step_box{ padding:3.1% 6.5%;margin-left:auto;border:1px solid #b3b3b3;border-radius:11px;width:81%; }
#consul .consul_step .each_step .step_body .consul_time_wrap{ margin-bottom:5.4%;margin-top:9.3%; }
#consul .consul_step .each_step .step_body .consul_time_wrap .consul_time_label{ width:20%;float:left;position:relative;height:40px; }
#consul .consul_step .each_step .step_body .consul_time_wrap .consul_time_label img{ position:absolute;top:0;right:0;left:0;bottom:0;margin:auto; }
#consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable{ width:73%;float:right;position:relative;height:40px; }
#consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable.sp{ display:none; }
#consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable img{ float:left;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto; }
#consul .consul_step .each_step .step_body .consul_q_wrap{ padding-top:6.5%;padding-bottom:6.5%;border-radius:11px; }
#consul .consul_step .each_step .step_body .consul_q_wrap .consul_q_ttl{ color:#000;background-color:#f1f1f1;padding:2.4% 2.8%;font-size:136%; }
#consul .consul_step .each_step .step_body .consul_q_wrap .consul_q_block{ margin-top:5.8%; }
#consul .consul_step .each_step .step_body .consul_q_wrap .consul_q_block .q_row_ttl{ font-size:125%;margin-left:3%; }
#consul .consul_step .each_step .step_body .consul_q_wrap .consul_q_block .q_row_note{ font-size:97%;margin:0;margin-left:6.4%;margin-top:0.5%; }
#consul .consul_step .each_step .step_body .consul_q_wrap .consul_q_block .hr{ margin:1% 0; }
#consul .consul_step .each_step .gray_link{ margin-top:3%; }
#consul .consul_step .each_step .gray_link br{ display:none; }
#consul .consul_step .each_step .gray_link.under_bar{ margin-top:0; }
#consul .consul_saimu{ margin-top:4.7%; }
#consul .consul_document{ margin-top:6%; }

@media screen and (max-width:1000px){
    #consul .f_cons .f_consul_body .r_body .bottom .f_bottom_note{ font-size:120%; }
    #consul .f_cons .f_consul_body .r_body .bottom .price_row{ width:270px; }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch{ padding-right:6%;padding-left:6%; }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch .bt_green{ font-size:88%; }
}

@media screen and (max-width:767px){
    .cont_wrap{ max-width:90%; }
    .mid_orange_ttl{ font-size:180%; }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont{ width:calc((100% - 5%)/2); }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont:nth-of-type(3n){ margin-right:5%; }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont:nth-of-type(2n){ margin-right:0; }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont .bl_cons_branch .bt_green{ font-size:100%; }
    #consul .f_cons .f_consul_body .bl_f_cons_left{ float:none;width:100%;margin:0 auto; }
    #consul .f_cons .f_consul_body .r_body{ float:none;width:100%;margin:0 auto; }
    #consul .f_cons .f_consul_body .r_body .bottom .price_row{ margin-top:5.4%; }
    #consul .consul_step .each_step .step_body .consul_time_wrap .consul_time_label{ float:none;width:25%; }
    #consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable{ width:100%;float:none;max-width:450px;height:auto;margin-top:2%; }
    #consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable img{ float:none;position:relative; }
    #consul .consul_step .each_step .gray_link br{ display:block; }
}

@media screen and (max-width:575px){
    .cont_wrap{ width:95%; }
    .each_top_ttl h2{ font-size:80%; }
    .mid_orange_ttl{ font-size:134%; }
    .gray_hr{ margin:5% 0; }
    #consul .consul_before{ margin-top:14%; }
    #consul .consul_before .ly_cons_gray_bg{ margin-top:5%;padding-top: 5.5%;padding-bottom: 5.5%; }
    #consul .consul_before .ly_cons_gray_bg .bl_cons_gray:first-of-type{ padding-bottom:7%; }
    #consul .consul_before .ly_cons_gray_bg .bl_cons_gray .cons_gray_ttl{ margin-bottom:4%;font-size:110%; }
    #consul .consul_before .ly_cons_gray_bg .bl_cons_gray:last-of-type{ margin-top:7%; }
    #consul .consul_step .step_wrap{ margin-top:9.1%; }
    #consul .consul_step .mid_orange_ttl{ white-space:normal;width:100%;max-width:360px; }
    #consul .f_cons .ly_cons_ttl{ font-size:130%;padding:3.3% 0; }
    #consul .f_cons .ly_cons_ttl br{ display:block; }
    #consul .f_cons .f_consul_body{ padding-bottom:8%; }
    #consul .f_cons .f_consul_body .r_body .bottom{ margin-top:5%; }
    #consul .f_cons .f_consul_body .r_body .bottom .bt_green{ font-size:98%;width:100%;max-width:330px;padding:2% 0; }
    #consul .f_cons .f_consul_body .r_body .bottom .price_row{ margin-bottom:3%;max-width:300px; }
    #consul .f_cons .f_consul_body .r_body .bottom .price_row .c_fee{ line-height:30px; }
    #consul .f_cons .f_consul_body .r_body .bottom .f_bottom_note{ font-size:100%; }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont:nth-of-type(3n){ margin-right:auto; }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont:nth-of-type(2n){ margin-right:auto; }
    #consul .consul_book .cons_branch_wrap .bl_orange_cont{ float:none;width:90%;margin:0 auto;margin-bottom:8%; }
    #consul .consul_step .each_step{ padding-bottom:13%; }
    #consul .consul_step .each_step.step_5{ padding-bottom:13%; }
    #consul .consul_step .each_step .step_body .consul_q_wrap .consul_q_ttl{ font-size:120%; }
    #consul .consul_step .each_step .step_body .consul_step_box{ padding-top:5.1%;padding-bottom:5.1%; }
    #consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable{ display:none; }
    #consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable.sp{ display:block;max-width:210px;margin:0 auto; }
    #consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable.sp img:first-of-type{ margin-bottom:2%; }
    #consul .consul_step .each_step .step_body .consul_time_wrap .consul_time_label{ float:none;width:120px;margin:0 auto;margin-bottom:2%; }
    #consul .consul_step .each_step .step_body .consul_time_wrap .consul_timetable{ float:none; }
    #consul .consul_step .each_step .step_ttl_wrap{ transform:translateX(-24px); }
    #consul .consul_step .each_step .step_ttl_wrap .step_ttl{ font-size:148%;line-height:48px;width:calc(100% - 58px); }
    #consul .consul_step .each_step .step_ttl_wrap .icon_step_num{ width:48px; }
    #consul .consul_step .each_step .step_body .icon_step_body{ width:55%;max-width:170px;float:none;margin:0 auto;margin-bottom:6%; }
    #consul .consul_step .each_step .step_body .step_note_wrap{ float:none;margin:0 auto;margin-right:0;width:95%; }
    #consul .consul_document .consul_document_wrap{ width:250px; }
    #consul .consul_document .consul_document_wrap a{ font-size:100%; }
    #consul .consul_document .consul_document_wrap a img{ width:17px;right:-27px; }
}

/* 所属弁護士一覧 */
.g_hide{ opacity:0;transition:all .5s; }
.staff_list_wrap{ margin-top:7.7%; }
.staff_list_wrap .list_branch{ width:100%;margin-bottom:3.4%; }
.staff_list_wrap .branch_ttl{ font-size:187%;line-height:105%;color:#f58c23;display:inline-block;border-left:9px solid #f58c23;display:inline-block;margin-bottom:3%;padding-left:1%; }
.staff_list_wrap .staff_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex; }
.staff_list_wrap .staff_wrap .staff_img_round{ width:calc((100% - 10%)/6);margin-right:2%;text-decoration:none; }
.staff_list_wrap .staff_wrap .staff_img_round:last-of-type{ float:right;margin-right:0; }
.staff_list_wrap .staff_wrap .staff_img_round img{ border-radius:999px;margin-bottom:1%; }
.staff_list_wrap .staff_wrap .staff_img_round .staff_name{ font-size:106%;color:#212121;text-align:center;margin-top:3%;white-space:nowrap; }
.staff_list_wrap .staff_wrap .staff_img_round .staff_name_sub{ font-size:80%;color:#212121;text-align:center;white-space:nowrap; }
.staff_hr{ background-color:#b3b3b3;height:1px;margin:7.1% auto 11.9% auto;border:none; }
.staff_detail_wrap .detail_branch{ position:relative; }
.staff_detail_wrap .detail_branch:last-of-type .bg_detail{ padding-bottom:5.5%; }
.staff_detail_wrap .branch_ttl{ font-size:224%;color:#f58c23;display:block;margin:0 auto;text-align:center;background-color:#fff;width:220px;border-top-right-radius:16px;border-top-left-radius:16px;position:absolute;top:-48px;left:50%;transform:translateX(-50%); }
.staff_detail_wrap .branch_ttl.bg{ background-color:#fff5eb; }
.staff_detail_wrap .staff_wrap{ padding-top:5.3%;padding-bottom:8.8%; }
.staff_detail_wrap .staff_block{ width:48%;margin-bottom:4.6%;background-color:#fff;border-radius:10px; }
.staff_detail_wrap .staff_block:nth-of-type(2n-1){ float:left; }
.staff_detail_wrap .staff_block:nth-of-type(2n){ float:right; }
.staff_detail_wrap .staff_block .staff_header{ box-sizing:border-box;border:1px solid #cccccc;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px;overflow:hidden;position:relative; }
.staff_detail_wrap .staff_block .staff_header .staff_img_wrap{ float:left;width:58%;position:relative;overflow:hidden; }
.staff_detail_wrap .staff_block .staff_header .staff_img_wrap .s_img{ vertical-align:top;opacity:0.5; }
.staff_detail_wrap .staff_block .staff_header .staff_img_wrap .s_gif{ position:absolute;top:0;left:0;height:100%; }

.staff_detail_wrap .staff_block .note{ display:inline-block;font-size:80%;line-height:160%;margin-top:20px; }
.staff_detail_wrap .staff_block .name_part{ font-size:90%;line-height:100%; }

.staff_detail_wrap .bg_detail{ background-color:#fff5eb;position:relative; }
.staff_detail_wrap .staff_block .staff_header .s_header_left{ width:40%;float:right;display:table; }
.staff_detail_wrap .staff_block .staff_header .name_wrap{ padding-left:13%;display:table-cell;vertical-align:middle; }
.staff_detail_wrap .staff_block .staff_header .name_wrap .name_jp{ color:#4c4c4c;font-size:158%;font-weight:bold;border-bottom:1px solid #f58c23;padding-bottom:5px;margin-bottom:2px;display:inline-block;white-space:nowrap; }
.staff_detail_wrap .staff_block .staff_header .name_wrap hr{ color:#f58c23;width:100%;height:1px;margin:2% 0; }
.staff_detail_wrap .staff_block .staff_header .name_wrap .name_eng{ color:#ffb428;margin:2% 0;font-size:87%;margin:0;line-height:240%;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-style:oblique;white-space:nowrap;position:relative; }
.staff_detail_wrap .staff_block .staff_header .name_wrap .name_eng.social_staff:before{ content:'(ソーシャルワーカー)';color:#4c4c4c;text-align:center;font-size:80%;font-family:noto-sans-cjk-jp, sans-serif;font-weight:500;font-style:normal;position:absolute;bottom:-69%;left:0; }
.staff_detail_wrap .staff_block .staff_note_wrap{ border:1px solid #cccccc;border-bottom-right-radius:10px;border-bottom-left-radius:10px; }
.staff_detail_wrap .staff_block .staff_note_wrap{ padding:5% 6%; }
.staff_detail_wrap .staff_block .staff_note_wrap .staff_note{ font-size:96%;line-height:230%; }
.staff_detail_wrap .staff_block .staff_note_wrap .meeting_wrap{ width:100%;margin-top:18%; }
.staff_detail_wrap .staff_block .staff_note_wrap .meeting_wrap .meeting_ttl{ font-size:130%;color:#f58c23;border-bottom:1px solid #f58c23;padding-bottom:7px;margin-bottom:5px;display:inline-block; }
.staff_detail_wrap .staff_block .staff_note_wrap .meeting_wrap .meeting_link{ color:#212121;display:table;font-size:102%;line-height:180%; }
.staff_detail_wrap .staff_block .staff_note_wrap .meeting_wrap .meeting_link:hover{ color:#f58c23;text-decoration:none; }
.gif_box{ background:url() 0 0 no-repeat;background-size:contain;cursor:pointer;width:100%;height:auto; }
.gif_box_no{ width:100%;height:auto;background:url(/img/staff_no_img_big.jpg) top center no-repeat;background-size:contain; }
.staff_img_wrap video{ vertical-align:top; }
.loader{ width:60%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:block; }
.staff_detail_wrap .staff_block .temp_img{ z-index:900; }
.staff_detail_wrap .staff_block video{ z-index:700; }


@media screen and (max-width:1000px){
    .staff_detail_wrap .staff_block .staff_header .name_wrap{ padding-left:7%; }
}

@media screen and (max-width:767px){
    .staff_list_wrap .staff_wrap{ -ms-flex-wrap:wrap;flex-wrap:wrap; }
    /* .staff_list_wrap .staff_wrap .staff_img_round::nth-of-type(4){ margin-right:0; } */
    .staff_list_wrap .staff_wrap .staff_img_round .staff_name{ font-size:100%; }
    .staff_list_wrap .staff_wrap .staff_img_round .staff_name_sub{ font-size:60%; }
    .staff_detail_wrap .staff_block:nth-of-type(2n-1){ float:none; }
    .staff_detail_wrap .staff_block:nth-of-type(2n){ float:none; }
    .staff_detail_wrap .staff_block{ width:100%;margin-bottom:12%; }
}
@media screen and (max-width:575px){
    .staff_list_wrap .staff_wrap .staff_img_round{ width:calc((100% - 4%)/3);margin-right:2%;text-decoration:none;margin-bottom:4%; }
    .staff_list_wrap .staff_wrap .staff_img_round:nth-of-type(3n){ margin-right:0; }
    .staff_list_wrap .branch_ttl{ font-size:150%;margin-bottom:5%; }
    .staff_list_wrap .staff_wrap .staff_img_round .staff_name_sub{ font-size:67%; }
    .staff_detail_wrap .branch_ttl{ margin-bottom:5%; }
    .staff_detail_wrap .staff_block .staff_header .name_wrap{ padding-left:10%; }
    .staff_detail_wrap .staff_block .staff_header .name_wrap .name_jp{ font-size:140%;padding-bottom:2px; }
    .staff_hr{ margin-top:15.5%;margin-bottom:30%; }
}


/* 料金について */
/* .sm_ttl */
#about_price .intro_wrap{ margin-top:7%; }
#about_price .intro_wrap .sm_ttl{ font-size:164%;margin-bottom:0;white-space:nowrap; }
#about_price .intro_wrap .upper{ padding-bottom:2%;border-bottom:2px dotted #ccc;margin-bottom:5%;margin-top:3%; }
#about_price .intro_wrap .upper .left{ float:left;width:calc(100% - 266px); }
#about_price .intro_wrap .upper .left .terrace_sp{ display:none; }
#about_price .intro_wrap .upper .left .bl_main_note{ margin-top:3%;margin-bottom:0; }
#about_price .intro_wrap .upper .left .bl_main_note span{ color:#ff1720; }
#about_price .intro_wrap .upper .left .gray_link{ margin-top:0.4%; }
#about_price .intro_wrap .upper .right{ float:right;width:232px;margin-top:4.3%; }
#about_price .intro_wrap .bottom .sm_ttl{ margin-bottom:2%; }
#about_price .intro_wrap .bottom .bl_main_note{ margin-bottom:0;font-size:110%; }
#about_price .intro_wrap .bottom .img_wrap{ margin-top:2.6%;text-align:center; }
#about_price .intro_wrap .bottom .img_wrap img{ vertical-align:top;border-left:1px solid #82c8b4;border-right:1px solid #82c8b4;box-sizing:border-box; }
#about_price .intro_wrap .bottom .img_wrap .img_left{ float:left;width:48%; }
#about_price .intro_wrap .bottom .img_wrap .img_right{ float:right;width:48%; }
#about_price .intro_wrap .bottom .img_wrap .ttl{ font-size:190%;color:#fff;background-color:#82c8b4;padding:4% 0; }
#about_price .intro_wrap .bottom .img_wrap .bottom{ border:1px solid #82c8b4;border-top:none;padding-bottom:7%; }
#about_price .intro_wrap .bottom .img_wrap .orange_note{ color:#f58c23;font-size:160%;padding-top:5%;white-space:nowrap; }
#about_price .price{ margin-top:7%; }
#about_price .price .price_box{ margin:2.7% 0 1% 0;width:390px; }
#about_price .price .note_wrap{ max-width:960px; }
#about_price .price .note_wrap p{ font-size:106%;margin-left:1.6%;line-height:200%; }
#about_price .price .note_wrap p:first-of-type{ margin-left:0; }
#about_price .price .note_wrap .point span:last-of-type{ margin-left:2%; }
#about_price .lawyer_fee{ margin-top:6.5%;margin-bottom:8%; }
#about_price .lawyer_fee table{ width:100%;border-collapse:collapse;margin-top:2%;margin-bottom:2.8%;font-size:113%; }
#about_price .lawyer_fee table td{ border:solid 1px #ccc;padding:1% 0; }
#about_price .lawyer_fee table .left{ background-color:#fde5cd;color:#000;border-left:none;text-align:center;vertical-align:middle;width:11.4%;min-width:100px;letter-spacing:3px;font-size:110%; }
#about_price .lawyer_fee table .right{ border-right:none;padding-left:4%;width:80%; }
#about_price .lawyer_fee .bottom{ margin-bottom:12.8%; }
#about_price .lawyer_fee .bottom .sm_ttl{ font-size:174%;margin-bottom:0.7%; }
#about_price .lawyer_fee .bottom .save_cost_note{ margin-bottom:1%;display:block; }
#about_price .lawyer_fee .bottom a{ color:#f58c23;margin-bottom:0;display:inline-block;font-size:130%;position:relative;width:auto;text-decoration:none;margin-top:1%; }
#about_price .lawyer_fee .bottom a br{ display:none; }
#about_price .lawyer_fee .bottom a span.dot{ color:#4c4c4c; }
#about_price .lawyer_fee .bottom a img{ color:#f58c23;margin-bottom:2.3%;display:block;font-size:130%;position:absolute;right:-36px;top:6px;width:20px; }
#about_price .lawyer_fee .bottom .price_link_wrap{ width:450px;margin-bottom:0.7%; }
#about_price .lawyer_fee .bottom .price_link_wrap a{ display:inline-block; }
#about_price .lawyer_fee .bt_green{ margin:0 auto;display:block;padding:9px 0;width:268px;text-align:center; }

@media screen and (max-width:1000px){
    #about_price .intro_wrap .upper .left{ width:67%; }
    #about_price .intro_wrap .upper{ position:relative; }
    #about_price .intro_wrap .upper .right{ width:28%;position:absolute;top:13%;right:0; }
    #about_price .intro_wrap .bottom .img_wrap .orange_note{ font-size:126%; }
}
@media screen and (max-width:767px){
    #about_price .intro_wrap .upper .right{ display:none; }
    #about_price .intro_wrap .upper .left{ width:100%; }
    #about_price .intro_wrap .upper .left .terrace_sp{ display:block;width:80%;max-width:220px;margin:0 auto;margin-top:3%; }
    #about_price .intro_wrap .upper .left .gray_link{ margin-top:1.4%; }
    #about_price .intro_wrap .bottom .img_wrap .bottom{ padding-right:2%;padding-left:2%; }
    #about_price .intro_wrap .bottom .img_wrap .orange_note{ font-size:106%;white-space:nowrap;margin-bottom:2%; }
    #about_price .intro_wrap .bottom .bl_main_note{ font-size:100%; }
    #about_price .price .price_box{ width:60%; }
    #about_price .price .note_wrap .point span{ display:block;margin-left:3%; }
    #about_price .price .note_wrap .point span:last-of-type{ margin-left:3%; }
    #about_price .lawyer_fee .bottom .sm_ttl{ font-size:164%; }

}
@media screen and (max-width:575px){
    #about_price .intro_wrap .sm_ttl{ font-size:115%;white-space:normal; }
    #about_price .intro_wrap .upper{ padding-top:0;margin-bottom:8%; }
    #about_price .intro_wrap .upper .left .terrace_sp{ width:70%; }
    #about_price .intro_wrap .bottom .img_wrap .ttl{ font-size:150%; }
    #about_price .intro_wrap .bottom .img_wrap .img_left{ float:none;margin:0 auto;margin-bottom:6%;width:100%; }
    #about_price .intro_wrap .bottom .img_wrap .img_right{ float:none;margin:0 auto;width:100%; }
    #about_price .intro_wrap .bottom .img_wrap .orange_note{ font-size:120%; }
    #about_price .intro_wrap .bottom .img_wrap .bottom{ padding-bottom:4%; }
    #about_price .price{ margin-top:9%; }
    #about_price .price .price_box{ width:100%;max-width:400px;margin:5% 0 3% 0; }
    #about_price .price .note_wrap .point{ margin:3% 0; }
    #about_price .price .note_wrap .point span{ margin-left:6%; }
    #about_price .price .note_wrap .point span:last-of-type{ margin-left:6%; }
    #about_price .price .note_wrap p{ font-size:100%;line-height:190%; }
    #about_price .lawyer_fee table .left{ font-size:90%;min-width:64px; }
    #about_price .lawyer_fee > p{ margin:4% 0; }
    #about_price .lawyer_fee table .right{ font-size:90%; }
    #about_price .lawyer_fee .bottom .price_link_wrap{ max-width:338px; }
    #about_price .lawyer_fee .bottom .sm_ttl{ font-size:115%;margin-top:5%;margin-bottom:3%; }
    #about_price .lawyer_fee .bottom a{ font-size:100%; }
    #about_price .lawyer_fee .bottom a br{ display:block; }
    #about_price .lawyer_fee .bottom a span.pdf{ margin-left:3%; }
    #about_price .lawyer_fee .bottom a img{ width:16px;right:-26px;top:6px; }
    #about_price .lawyer_fee .bt_green{ max-width:312px;width:100%; }
}
/* 各支所 */
.gmap{ height:0;overflow:hidden;padding-bottom:50.5%;position:relative; }
.gmap iframe{ position:absolute;left:0;right:0;height:100%;width:100%;max-width:100%; }
.branch_main{ margin-bottom:7.5%; }
.branch_main p{ font-size:130%; }
.branch_main .branch_top .top_bg{ background:50% 50%/cover;width:auto;position:relative;text-align:center;overflow:hidden;height:31.3vw; } 
#branch_kasuga .top_bg{ background-image:url(/img/bg_branch_kasuga.png);position:relative; } 
#branch_tsuyama .top_bg{ background-image:url(/img/bg_branch_tsuyama.png);position:relative; } 
#branch_tamano .top_bg{ background-image:url(/img/bg_branch_tamano.png);position:relative; } 
#branch_minami .top_bg{ background-image:url(/img/bg_branch_minami.png);position:relative; } 
#branch_kurashiki .top_bg{ background-image:url(/img/bg_branch_kurashiki.png);position:relative; } 
.branch_main .branch_top .top_bg .cont_wrap{ height:100%; }
.branch_main .branch_top .top_bg .cont_wrap .branch_name{ line-height:30vw;color:#fff;font-size:270%;font-weight:bold;text-align:left; }
.branch_main .branch_top .bt_staff_bg{ background-color:#f1f1f1;border-top:3.7px solid #f58c23; }
.branch_main .branch_top .bt_staff_bg .staff_wrap{ width:100%;max-width:650px;padding:4.3% 0;margin:0 auto;margin-bottom:7.1%; }
.branch_main .branch_top .bt_staff_bg .staff_wrap a{ width:46%;max-width:299px; }
.branch_main .branch_top .bt_staff_bg .staff_wrap a:first-of-type{ float:left; }
.branch_main .branch_top .bt_staff_bg .staff_wrap a:last-of-type{ float:right; }
.branch_main .branch_about .mid_orange_ttl{ margin-bottom:3%; }   
.branch_main .branch_about table{ color:#212121;border:1px solid #cccccc;border-left:none;border-right:none;width:100%;margin:0 auto;border-collapse:collapse; }
.branch_main .branch_about table td{ padding:1.5% 0;border:1px solid #cccccc;font-size:130%;  }
.branch_main .branch_about table .td_ttl{ border-left:none;width:12%;min-width:120px;vertical-align:middle;text-align:center;background-color:#fde5cd; }
.branch_main .branch_about table .td_r{ border-right:none;width:80%;padding-left:3%; }
.branch_main .branch_room{ margin-top:5.8%; }
.branch_main .branch_room .mid_orange_ttl{ margin-bottom:3%; }
.branch_main .branch_room .img_wrap{ margin-bottom:2%; }
.branch_main .branch_room .img_wrap img{ width:49%; }
.branch_main .branch_room .img_wrap img:last-of-type{ float:right; }
.branch_main .branch_room .img_wrap img:first-of-type{ float:left; }
/* #branch_minami.branch_main .branch_room .img_wrap img:last-of-type{ width:41%;margin-right:6%; } */
.branch_main .branch_access{ margin-top:5.1%; }
.branch_main .branch_access .address{ margin-bottom:3.3%; }
.branch_main .branch_access .address .note{ margin-bottom:1.7%; }
.branch_main .branch_access .address .note p{ float:left;width:calc(100% - 210px);font-size:160%;line-height:41px; }
.branch_main .branch_access .address .note a{ float:right;width:160px; }
.branch_main .branch_access .parking_wrap .ttl{ font-size:156%; }
.branch_main .branch_access .parking_wrap .note{ font-size:110%; }
.branch_main .branch_access .parking_wrap .step_wrap{ position:relative;margin-top:5%; }
.branch_main .branch_access .parking_wrap .step_hr{ width:70%;margin:0 auto;position:absolute;bottom:50%;left:20%;height:2px;background-color:#f58c23;z-index:70; }
.branch_main .branch_access .parking_wrap .step{ position:relative;border:2px solid #f58c23;border-radius:14px;padding:3%;padding-bottom:1%;box-sizing:border-box;width:calc((100% - 13%)/3);float:left;z-index:71;background-color:#fff;margin-left:3.7%; }
.branch_main .branch_access .parking_wrap .step:nth-of-type(3){ margin-left:4.5%; }
.branch_main .branch_access .parking_wrap .step:last-of-type{ float:right;margin-left:0; }
.branch_main .branch_access .parking_wrap .step .icon_num{ position:absolute;left:-12%;top:-15%;width:24%;height:auto; }
.branch_main .branch_access .parking_wrap .step .img_wrap{ width:70%;margin:0 auto; }
.branch_main .branch_access .parking_wrap .step p{ font-size:100%; }
.branch_main .branch_access .parking_wrap .step p span{ color:#ff1720; }
.branch_main .other_branch .ttl_wrap{ background:url(/img/ttl_other_branch.jpg)50% 50%/cover;width:auto;position:relative;text-align:center;overflow:hidden;height:19px;;margin-top:12.1%; }

.branch_main .other_branch .branch_wrap{ width:100%;max-width:700px;margin:0 auto;margin-top:4.4%; }
.branch_main .other_branch .branch_wrap a{ float:left;width:calc((100% - 8%)/5);white-space:nowrap;margin-right:2%; }
.branch_main .other_branch .branch_wrap a.branch_bt_gray_bg{ background-color:#f1f1f1;cursor:default; }
.branch_main .other_branch .branch_wrap a.branch_bt_gray_bg:hover{ opacity:1; }
.branch_main .other_branch .branch_wrap a img{ vertical-align:top; }
.branch_main .other_branch .branch_wrap a:nth-of-type(4){ margin-right:0; }
.branch_main .other_branch .branch_wrap a:last-of-type{ float:right;margin-right:0; }

@media screen and (max-width:767px){
    .branch_main .branch_access .address .note p{ font-size:138%;line-height:150%; }
    .branch_main .branch_access .parking_wrap .step .icon_num{ top:-9%; }
    .branch_main .branch_access .parking_wrap .ttl{ font-size:130%; }
    .branch_main .branch_access .parking_wrap .note{ font-size:100%; }
    .branch_main .other_branch .branch_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
    .branch_main .other_branch .branch_wrap a{ width:calc((100%-4%)/5);margin-right:0; }
    .branch_main .other_branch .ttl_wrap{ height:15px; }
}
@media screen and (max-width:575px){
    .branch_main .branch_top .top_bg{ height:41.3vw; }
    .branch_main p{ font-size:120%; }  
    .branch_main .branch_top .bt_staff_bg .staff_wrap a{ width:49%; }
    .branch_main .branch_top .top_bg .cont_wrap .branch_name{ font-size:200%;line-height:40vw; }
    .branch_main .branch_about table .td_ttl{ min-width:96px;white-space:nowrap; }
    .branch_main .branch_about table td{ font-size:120%;padding:4.5% 0; }
    .branch_main .branch_room{ margin-top:10%; }
    .branch_main .branch_room .img_wrap img{ width:100%; }
    .branch_main .branch_room .img_wrap img:first-of-type{ float:none;margin-bottom:3%; }
    .branch_main .branch_room .img_wrap img:last-of-type{ float:none; }
    #branch_minami.branch_main .branch_room .img_wrap img:last-of-type{ width:100%;margin-right:0; }
    .branch_main .branch_access{ margin-top:10%; }
    .branch_main .branch_access .address .note p{ float:none;width:100%;font-size:110%; }
    .branch_main .branch_access .address .note{ margin-bottom:3.7%; }
    .branch_main .branch_access .parking_wrap .step_wrap{ margin-top:11%; }
    .branch_main .branch_access .parking_wrap .step{ float:none;width:90%;margin:0 auto;max-width:296px;margin-bottom:33px; }
    .branch_main .branch_access .parking_wrap .step:nth-of-type(3){ margin:0 auto;margin-bottom:33px; }
    .branch_main .branch_access .parking_wrap .step:last-of-type{ float:none;margin:0 auto;margin-bottom:33px; }
    .branch_main .branch_access .parking_wrap .step p{ margin-top:5%;font-size:120%; }
    .branch_main .branch_access .parking_wrap .step .icon_num{ width:55px;top:-13%;left:-10%; }
    .branch_main .branch_access .parking_wrap .step .img_wrap{ width:130px; }
    .branch_main .branch_access .parking_wrap .step_hr{ display:none; }
    .branch_main .other_branch .ttl_wrap{ height:17px; }
    .branch_main .other_branch .branch_wrap{ -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:6.4%; }
    .branch_main .other_branch .branch_wrap a{ width:32%;max-width:130px;margin-right:0;margin-bottom:2%; }
    .gmap{ width:100%; }
}


/* 後見センター */
#center .cont_wrap{ width:90%; }
#center .cont_wrap img{ vertical-align:top; }
#center .center_main{ margin-top:10.2%; }
#center .center_main .col_1,.center_main .col_2{ border:1px solid #ccc;box-sizing:border-box; }
#center .center_main .img_wrap{ float:left;overflow:hidden; }
#center .center_main .img_wrap img{ width:auto; }
#center .center_main .right{ float:right; }
#center .center_main .right .ttl{ border-bottom:1px solid #f58c23;color:#f58c23;padding-bottom:6px;display:inline-block;margin-bottom:5%; }
#center .center_main .right .bt_green{ display:block; }
#center .center_main .col_1{ width:100%;margin-bottom:2%; }
#center .center_main .col_1 .img_wrap{ width:47.5%;background:url(/img/center_1col.jpg)50% 50%/cover; }
#center .center_main .col_1 .right{ width:41.5%;padding-top:6.3%;padding-right:5%;padding-bottom:7.5%; }
#center .center_main .col_1 .note{ line-height:190%;font-size:107%; }
#center .center_main .col_1 .right .ttl{ font-size:160%; }
#center .center_main .col_1 .bt_green{ margin-top:23px;width:238px;max-width:600px; }
#center .center_main .col_2{ width:49%;float:left;margin-bottom:2%; }
#center .center_main .col_2:nth-of-type(2n){ float:right; }
#center .center_main .col_2 .img_wrap{ width:31.5%;float:left; }
#center .center_main .col_2_wrap .col_2:nth-of-type(1) .img_wrap{ background:url(/img/center_2col_1.jpg)no-repeat top center/cover; }
#center .center_main .col_2_wrap .col_2:nth-of-type(2) .img_wrap{ background:url(/img/center_2col_2.jpg)no-repeat top center/cover; }
#center .center_main .col_2_wrap:last-of-type .col_2:nth-of-type(1) .img_wrap{ background:url(/img/center_2col_3.jpg)no-repeat top center/cover; }
#center .center_main .col_2_wrap:last-of-type .col_2:nth-of-type(2) .img_wrap{ background:url(/img/center_2col_4.jpg)no-repeat top center/cover; }
#center .center_main .col_2:nth-of-type(4) .img_wrap{ background:url(/img/center_2col_4.jpg); }
#center .center_main .col_2 .right{ width:56%;float:right;padding-right:6%;padding-top:7.7%;padding-bottom:8.4%; }
#center .center_main .col_2 .note{ line-height:190%;font-size:98%; }
#center .center_main .col_2 .right .ttl{ font-size:140%;white-space:nowrap; }
#center .center_main .col_2 .bt_green{ margin-top:18px;width:100%;max-width:238px; } 
#center .center_work{ margin-top:8.2%; }
#center .center_work .mid_orange_ttl{ margin-bottom:0; }
#center .center_work .img_wrap{ margin-bottom:2.6%; }
#center .note_wrap p{ line-height:194%;font-size:113%; }
#center .center_for_customer{ margin-top:9.1%;margin-bottom:14%; }
#center .center_for_customer .download_wrap{ margin-top:1.3%; }
#center .center_for_customer .download_wrap .ttl{ font-size:180%; }
#center .center_for_customer .download_wrap .consul_document_wrap{ margin-top:2%;padding:2% 0 2% 3%;width:310px; }

@media screen and (max-width:1000px){
    #center .center_main .col_2 .right .ttl{ font-size:130%;white-space:nowrap; }
}

@media screen and (max-width:767px){
    #center .center_main .right .ttl{ padding-bottom:2px;margin-bottom:8%; }
    #center .center_main .col_1 .right{ width:45.5%;padding-right:2%; }
    #center .center_main .col_1 .right .ttl{ font-size:124%;padding-right:3%;white-space:nowrap; }
    #center .center_main .col_1 .bt_green{ width:100%;font-size:100%; }
    #center .center_main .col_2 .right{ width:62%;padding-right:3%;padding-bottom:7.5%; }
    #center .center_main .col_2 .right .ttl{ font-size:110%; }
    #center .center_main .col_2 .bt_green{ font-size:100%;max-width:none; }
    #center .center_for_customer .download_wrap{ margin-top:3.5%; }
    #center .center_for_customer .download_wrap .ttl{ font-size:140%; }
    #center .cont_wrap{ width:90%; }
}
@media screen and (max-width:575px){
    #center .center_main .right{ text-align:center; }
    #center .center_main .right .note{ text-align:left; }
    #center .center_main .right .ttl{ margin-bottom:13px; }
    #center .center_main .col_1{ margin-bottom:9%; }
    #center .center_main .col_1 .note{ font-size:100%;line-height:170%; }
    #center .center_main .col_1 .img_wrap{ float:none;width:100%; }
    #center .center_main .col_1 .right{ float:none;width:90%;margin:0 auto; }
    #center .center_main .col_1 .right .ttl, .col_2 .right .ttl{ font-size:140%;text-align:center; }
    #center .center_main .col_1 .bt_green{ width:80%;margin:0 auto;margin-top:10px; }
    #center .center_main .col_2{ float:none;width:100%;margin-bottom:9%; }
    #center .center_main .col_2 .note{ font-size:100%;line-height:170%; }
    #center .center_main .col_2 .img_wrap{ float:none;width:100%; }
    #center .center_main .col_2_wrap .col_2:nth-of-type(1) .img_wrap{ background:url(/img/center_2col_1_sp.jpg)no-repeat center 30%/cover }
    #center .center_main .col_2_wrap .col_2:nth-of-type(2) .img_wrap{ background:url(/img/center_2col_2_sp.jpg)no-repeat center 30%/cover }
    #center .center_main .col_2_wrap:last-of-type .col_2:nth-of-type(1) .img_wrap{ background:url(/img/center_2col_3_sp.jpg)no-repeat center 30%/cover }
    #center .center_main .col_2_wrap:last-of-type .col_2:nth-of-type(2) .img_wrap{ background:url(/img/center_2col_4_sp.jpg)no-repeat center 60%/cover }
    #center .center_main .col_2 .right{ float:none;width:90%;margin:0 auto; }
    #center .center_main .col_2 .right .ttl{ font-size:140%;text-align:center; }
    #center .center_main .col_2 .bt_green{ width:80%;margin:0 auto;margin-top:10px; }
    #center .center_work{ margin-top:10%; }
    #center .center_work .mid_orange_ttl{ margin-bottom:5%; }
    #center .center_work .img_wrap{ margin-bottom:6.6%; }
    #center .note_wrap p{ font-size:100%; }
    #center .center_for_customer .download_wrap{ margin-top:6%; }
    #center .center_for_customer .download_wrap .ttl{ font-size:120%; }
    #center .center_for_customer .download_wrap .consul_document_wrap{ width:100%;max-width:310px;padding:4% 0; }
    #center .center_for_customer .download_wrap .consul_document_wrap a{ margin-left:4%;margin-bottom:3.3%;font-size:100%; }
    #center .center_for_customer .download_wrap .consul_document_wrap li:last-of-type a{ margin-bottom:0; }
    #center .center_for_customer .download_wrap .consul_document_wrap a img{ width:16px;right:-24px; }
}


/* 当事務所について */
#about_office .office_intro{ margin-top:7.7%; }
#about_office .office_intro .top_note{ width:100%;max-width:772px;margin-bottom:5.6%; }
#about_office .office_intro .note_wrap{ line-height:210%; }
#about_office .office_intro .note_wrap{ margin-bottom:2.5%; }
#about_office .office_intro .note_wrap .theme{ margin-left:26px;color:#ff9300;position:relative;line-height:33px;font-size:128%; }
#about_office .office_intro .note_wrap .theme::before{ content:"";background-repeat:no-repeat;background-size:contain;width:20px;height:20px;position:absolute;left:-25px;top:7px; }
#about_office .office_intro .note_wrap .theme.num1::before{ background-image:url(/img/num_theme1.jpg); }
#about_office .office_intro .note_wrap .theme.num2::before{ background-image:url(/img/num_theme2.jpg); }
#about_office .office_intro .note_wrap .theme.num3::before{ background-image:url(/img/num_theme3.jpg); }
#about_office .chief{ margin-top:7%;margin-bottom:12.6%; }
#about_office .chief .bg{ background:url(/img/bg_message.png)50% 30%/cover; }
#about_office .chief .chief_img_sp{ display:none; }
#about_office .chief .ttl{ font-size:150%;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-style:oblique;white-space:nowrap; }
#about_office .chief .message{ margin-top:1.9%;padding-top:3.2%;padding-bottom:3.8%; }
#about_office .chief .message .left{ width:51%; }
#about_office .chief .message .left .ttl{ font-size:240%;margin-bottom:2%; }
#about_office .chief .message .left .note_wrap > p{ font-size:115%;line-height:190%; }
#about_office .chief .message .left .name_wrap{ text-align:right;margin-left:auto;margin-right:2%;margin-top:3%; }
#about_office .chief .message .left .name_wrap .position{ font-size:100%; }
#about_office .chief .message .left .name_wrap .name{ font-size:160%; }
#about_office .chief .profile{ margin-top:6.9%;padding-bottom:2.5%;position:relative;border:1px solid #e6e6e6; }
#about_office .chief .profile .ttl{ font-size:246%;position:absolute;left:-2%;top:-6%;background-color:#fff;padding:0 2% }
#about_office .chief .profile .note_wrap{ margin:0 auto;margin-top:4.3%;width:92%; }
#about_office .chief .profile .note_wrap p{ font-size:100%;line-height:194%; }
#about_office .chief .profile .note_wrap .date{ text-align:right; }

@media screen and (max-width:1000px){
    #about_office .chief .bg{ background-position:58% 50%; }
}
@media screen and (max-width:767px){
    #about_office .office_intro .note_wrap .theme{ line-height:130%;margin-bottom:2%; }
    #about_office .office_intro .note_wrap .theme.num1{ margin-top:2%; }
    #about_office .office_intro .note_wrap .theme::before{ top:3px; }
    #about_office .chief{ margin-top:10%; }
    #about_office .chief .bg{ background-image:none;background-color:#fff5eb; }
    #about_office .chief .chief_img_sp{ position:relative;display:block; }
    #about_office .chief .chief_img_sp .bg_sp{ position:absolute;bottom:1%;width:100%;height:40px;background: rgb(255,245,235);
        background: -moz-linear-gradient(180deg, rgba(255,245,235,0) 0%, rgba(255,245,235,1) 50%, rgba(255,245,235,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,245,235,0) 0%, rgba(255,245,235,1) 50%, rgba(255,245,235,1) 100%);
        background: linear-gradient(180deg, rgba(255,245,235,0) 0%, rgba(255,245,235,1) 50%, rgba(255,245,235,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5eb",endColorstr="#fff5eb",GradientType=1); }
    #about_office .chief .message{ padding-top:0%;margin-top:0%; }
    #about_office .chief .message .left{ width:100%; }
    #about_office .chief .profile{ margin-top:9.9%; }
}
@media screen and (max-width:575px){
    #about_office .office_intro .note_wrap .theme{ font-size:100%;line-height:160%;margin-bottom:5%; }
    #about_office .office_intro .note_wrap .theme::before{ width:17px;left:-21px; }
    #about_office .chief .message{ padding-bottom:10%; }
    #about_office .chief .message .left .ttl{ font-size:160%; }
    #about_office .chief .message .left .note_wrap > p{ font-size:100%; }
    #about_office .chief .profile{ margin-top:16.9%; }
    #about_office .chief .profile .ttl{ font-size:160%;top:-2.7%; }
    
}

/* 取扱業務 */
#work .works_cont{ width:90%;margin-top:6.8%; }
#work .works_cont .ttl{ font-size:224%; }
#work .works_cont > div{ margin-bottom:3%; }
#work .works_cont > div:last-of-type{ margin-bottom:0%; }
#work .works_cont .block_wrap{ margin-top:2.4%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; }
#work .works_cont .block_wrap .bl_cont{ width:calc((100% - 10%)/3);max-width:300px;margin-right:5%;margin-bottom:4%;box-sizing:border-box; }
#work .works_cont .block_wrap .bl_cont:nth-of-type(3n){ margin-right:0; }
#work .works_cont .block_wrap .bl_cont .ly_cons_ttl{ padding:2.5% 0;font-size:130%; }
#work .works_cont .block_wrap.orange .bl_cont{ border:1px solid #f58c23; }
#work .works_cont .block_wrap.orange .bl_cont .ly_cons_ttl{ background-color:#f58c23; }
#work .works_cont .block_wrap.d_green .bl_cont{ border:1px solid #67b2a3; }
#work .works_cont .block_wrap.d_green .bl_cont .ly_cons_ttl{ background-color:#67b2a3; }
#work .works_cont .block_wrap.red .bl_cont{ border:1px solid #bc799b; }
#work .works_cont .block_wrap.red .bl_cont .ly_cons_ttl{ background-color:#bc799b; }
#work .works_cont .block_wrap.purple .bl_cont{ border:1px solid #7768af; }
#work .works_cont .block_wrap.purple .bl_cont .ly_cons_ttl{ background-color:#7768af; }

#work .works_cont .block_wrap .bl_cont .arrow_bottom{ width:5%;margin:0 auto;height:0; } 
#work .works_cont .block_wrap .bl_cont .arrow_bottom img{ vertical-align:top; } 
#work .works_cont .block_wrap .bl_cont .bl_cons_branch{ padding:6.8% 11% 10% 11%; }
#work .works_cont .block_wrap .bl_cont .bl_cons_branch .bt_more_work{ font-size:100%;padding:2% 0%;display:block;text-align:center; }
#work .works_cont .block_wrap .bl_cont .bl_cons{ padding:8.2% 7.4% 10% 7.4%;margin:0 auto; }
#work .works_cont .block_wrap .bl_cont .bl_cons .note{ font-size:105%;line-height:172%;letter-spacing:-0.5px; }
#work .works_cont .block_wrap.orange .bl_cont .bl_cons .bt_more_work{ color:#f58c23;border:1px solid #f58c23; }
#work .works_cont .block_wrap.orange .bl_cont .bl_cons .bt_more_work:hover{ background-color:#f58c23; }
#work .works_cont .block_wrap.d_green .bl_cont .bl_cons .bt_more_work{ color:#67b2a3;border:1px solid #67b2a3; }
#work .works_cont .block_wrap.d_green .bl_cont .bl_cons .bt_more_work:hover{ background-color:#67b2a3; }
#work .works_cont .block_wrap.red .bl_cont .bl_cons .bt_more_work{ color:#bc799b;border:1px solid #bc799b; }
#work .works_cont .block_wrap.red .bl_cont .bl_cons .bt_more_work:hover{ background-color:#bc799b; }
#work .works_cont .block_wrap.purple .bl_cont .bl_cons .bt_more_work{ color:#7768af;border:1px solid #7768af; }
#work .works_cont .block_wrap.purple .bl_cont .bl_cons .bt_more_work:hover{ background-color:#7768af; }
#work .works_cont .block_wrap .bl_cont .bl_cons .bt_more_work{ border-radius:999px;text-decoration:none;padding:5px 0;text-align:center;width:90%;display:block;margin:0 auto;margin-top:7%; }
#work .works_cont .block_wrap .bl_cont .bl_cons .bt_more_work:hover{ color:#fff; }

@media screen and (max-width:1000px){
    #work .works_cont .block_wrap .bl_cont .ly_cons_ttl{ font-size:120%; }
}

@media screen and (max-width:767px){
    #work .works_cont .block_wrap .bl_cont{ width:calc((100% - 5%)/2);max-width:100%; }
    #work .works_cont .block_wrap .bl_cont:nth-of-type(3n){ margin-right:5%; }
    #work .works_cont .block_wrap .bl_cont:nth-of-type(2n){ margin-right:0; }
}
@media screen and (max-width:575px){
    #work .works_cont{ margin-bottom:16%; }
    #work .works_cont > div{ margin-bottom:14%; }
    #work .works_cont .ttl{ font-size:160%; } 
    #work .works_cont .block_wrap{ margin-top:3.4%; }
    #work .works_cont .block_wrap .bl_cont{ width:100%;max-width:360px;margin:0 auto;float:none;margin-bottom:7%; }
    #work .works_cont .block_wrap .bl_cont:nth-of-type(3n){ margin-right:auto; }
    #work .works_cont .block_wrap .bl_cont:nth-of-type(2n){ margin-right:auto; }
    #work .works_cont .block_wrap .bl_cont .ly_cons_ttl{ white-space:nowrap; }
    #work .works_cont .block_wrap .bl_cont .bl_cons .note{ letter-spacing:0; }
}