@charset "utf-8";

a{ text-decoration:none !important}

.sub_tit{ padding:30px 0 20px}
.sub_tit h1{ font-size:20px}
.sub_tit h1:after{ width:45px; margin:15px auto 0; border-width:2px}
.h3{ font-size:14px;}
.bx{ padding:10px; border-width:1px}
[class^=lst_type_] li{ padding:0 0 0 12px}
[class^=icon_]{background-size:auto 100%}
ta-l{text-align:left  !important}
ta-c{text-align:center}
ta-r{text-align:right}

.btn3{ padding:6px 8px; border-radius:3px; font-size:12px; letter-spacing:-1px}

.nav-justified>li{ display:table-cell; width:1%}
.nav-justified>li>a{ border-radius:0; font-size:11px; letter-spacing:-1px; white-space:nowrap}
.nav small{ display:block; font-size:10px}

body{ min-width:0; padding:50px 0 0}
#wrap{ max-width:640px; margin:0 auto}
#container>article{padding:15px 7px 40px}

/* Header */
#mHd{position:fixed;top:0;left:0;right:0;z-index:30;height:48px;background:#FFF;text-align:center}
#mHd h1 a{display:block;margin:8px}
#mHd h1 img{ height:33px; vertical-align:top}
[class^=icon_nav]{position:absolute;top:0;width:48px;height:48px;}
#mHd .icon_nav_snb{left:7px;background:url(../img/icon_nav_snb.png);background-size:48px auto}
#mHd .icon_nav_call{right:7px;background:url(../img/icon_nav_call.png);background-size:48px auto}

/* SNB */
.nav_open{overflow:hidden}
.nav_open #wrap{position:fixed}
#sidebar_tg{position:fixed;margin:0;padding:0;border:0;background:none;transition:background .2s}
.nav_open #sidebar_tg{top:0;bottom:0;z-index:100;width:100%;background:rgba(0,0,0,.5)}
.side_nav{display:none;position:fixed;top:0;bottom:0;width:244px;z-index:110;transition:all .4s}
.side_nav>section{overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;top:0;bottom:0;width:100%}
#snb{left:0;-webkit-transform:translate(-244px,0);transform:translate(-244px,0);background:#FFF}
.snb_open #snb{-webkit-transform:translate(0);transform:translate(0)}
#mGnb{background:#fcfcfc;}
#mGnb a{display:block;padding:0 15px; font-size:13px;line-height:24px;color:#000}
#mGnb>ul>li>a{border-bottom:1px solid #DDD;background:url(../img/snb_tg.png) 92% 50% no-repeat;background-size:14px auto;font-size:15px;line-height:48px}
#mGnb .open{background-image:url(../img/snb_tg_on.png); color:#085b81}
#mGnb .on{color:#085b81}
#mGnb li ul{display:none;padding:10px 0;border-bottom:1px solid #DDD; background:#EEE}
#mQuick{background:url(../img/quick.png); background-size:100% auto}
#mQuick a{ display:block; padding-top:75px}

/* index */
.menu_area{position:relative;}
.menu_area li{float:left}
.menu li img{width:100%}

.mobile_inquiry{position:relative;text-align:center;padding:9px 6px 0}
.inquiry_tit{display:block;width:273px;height:34px;margin:0 auto;background:url(../img/txt_inquiry.png);background-size:auto 34px}
.mobile_inquiry .contents{padding:12px 0 0}
.mobile_inquiry form label{font-size:12px;line-height:2.5}
.btn_inquiry_submit{border:0;}
.btn_inquiry_submit img{width:100%}
.mobile_inquiry form label{ text-align:left}
.btn_main{ height:40px; margin-top:0; line-height:40px}

.btn_customer img{display:block;width:100%;}

/* slide */
.bx-wrapper{ position:relative}
.bx-pager{ padding:10px; font-size:0;text-align:center}
.bx-pager *{ display:inline-block}
.bx-pager a{ overflow:hidden; width:26px; height:26px; margin:0; background:url(../img/slide_pn.png) 50% 50% no-repeat;text-indent:-99em}
.bx-pager .active{ background-image:url(../img/slide_pn_on.png)}
.bx-controls-direction a{ position:absolute;left:0; width:103px; height:103px;background:url(../img/slide_arrow2.png) no-repeat;}
.bx-controls-direction .bx-next{left:auto; right:0; background-position:100% 0}
.bx-controls-direction a:active{ transform:translate(2px,0)}

/* Footer */
#m_ft{position:relative;padding:9px 9px 15px;background:#333;text-align:center}
#m_ft .address, #m_ft .copy{font-size:12px;letter-spacing:-0.75px;color:#fff;}

/* board */
.board{ padding:0}

/* sub */
.sub_visual{ height:420px;padding:80px 0; background:url(../img/visual.jpg) 50% 0 no-repeat; color:#FFF}
.sub_visual>div{position:relative; }
.sub_visual h1{font-weight:700; font-size:60px; letter-spacing:-3px;}
.sub_visual h1:after{ content:''; display:block; width:120px; margin:30px 0 35px; border-top:2px solid #FFF}
.sub_visual p{ margin:10px 0 20px; font-size:20px}
.sub_visual ul{ position:absolute; top:0; right:0;width:400px; white-space:nowrap}
.sub_visual li{ float:left; width:50%; padding:5px;}
.sub_visual a{ display:block; border:2px solid #FFF; border-radius:10px; background:#000; background:rgba(0,0,0,.5); font-weight:700; font-size:16px; line-height:80px; text-align:center; letter-spacing:-1px; text-decoration:none !important; color:#FFF}
.sub_visual .on,.sub_visual a:hover{ border-color:#00eaff; color:#00eaff}
.sub_visual.v2{ height:320px}

.sub_visual{position:relative;height:120px !important; margin-bottom:15px; padding:30px 15px; background-size:cover}
.sub_visual>div{ position:static}
.sub_visual h1{font-size:20px; letter-spacing:-3px;}
.sub_visual h1:after,
.sub_visual p{ display:none}
.sub_visual ul{overflow-x:auto; top:auto;bottom:0;left:0;width:100%; padding:0 8px;background:rgba(0,0,0,.5)}
.sub_visual li{ display:inline-block; float:none;width:auto; padding:0 8px}
.sub_visual a{border:0; background:none;font-weight:400; font-size:13px; line-height:44px;}

.page_con{position:relative;padding:15px 8px 30px}
.page_con img{width:100%}
.page_con .map{width:300px;margin:0 auto}

.sect-online{ border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; background:#f0f6fd}
.lst-dot{ padding:5px 20px 20px; font-size:12px; white-space:nowrap;}
.lst-dot li:before{ content:'·'; display:inline-block; margin-right:4px; vertical-align:middle;}
.mobile-inquiry{ background:#2c6fc3; font-size:11px; color:#FFF}
.mobile-inquiry .form-control{ display:inline-block; width:72px; height:30px; border:0; border-radius:0;}
.mobile-inquiry>*{ padding:4px;}
.btn-green{ display:inline-block; border-radius:0; background:#003270 !important; font-size:11px; color:#FFF !important}
.mobile-inquiry .checkbox-inline{ margin-top:10px; font-size:10px}


/* form web */
/* sub01_2 */
.sub_map{position:relative; width:360px; height:200px; border:solid 1px #c8c8c8; }
.map_txt_wrp{margin:0 10px 20px;}
table.map_txt{ width:100%;border-top:solid 2px #000; margin-top:28px; padding-top:38px !important;  }
table.map_txt tr{ float:left; margin-top:28px;}
table.map_txt th{ width:90px; vertical-align:text-top; text-align:left; font-weight:600 !important; color:#000; }
table.map_txt td{  }
table.map_txt td span{ border-radius:2px; border:1px solid #adadad; padding:1px 4px; text-align:center; margin-right:7px; }
table.map_txt th,td{ font-size:12px !important; color:#555; line-height:25px; font-weight:400; letter-spacing:-1px;  }

table.map_txt td span.subway_line01{ background:#34ab2b; border-radius:35px; border:none; margin:3px; color:#fff; font-weight:600; font-size:11px; line-height:10px; }
table.map_txt td span.subway_line02{ background:#edb217; border-radius:30px; border:none; margin:3px; color:#fff; font-weight:600; font-size:11px;  line-height:10px; }
.bus_01{ background:#395cb3; border:none !important; color:#fff; padding:2px 6px !important;  }
.bus_02{ background:#c91017; border:none !important; color:#fff; padding:2px 6px !important;  }
.bus_03{ background:#ee6d2b; border:none !important; color:#fff; padding:2px 6px !important;  }
.bus_04{ background:#88b3e0; border:none !important; color:#fff; padding:2px 6px !important;  }
.bus_05{ background:#51a44d; border:none !important; color:#fff; padding:2px 6px !important;  }
.bus_06{ background:#8fba4c; border:none !important; color:#fff; padding:2px 6px !important;  }
th.map_icon_01{ background:url(../../images/sub_map_icon01.png) no-repeat 0px 6px; padding-left:24px; }
th.map_icon_02{ background:url(../../images/sub_map_icon02.png) no-repeat 0px 7px; padding-left:24px; }
th.map_icon_03{ background:url(../../images/sub_map_icon03.png) no-repeat 0px 7px; padding-left:24px; }
th.map_icon_04{ background:url(../../images/sub_map_icon04.png) no-repeat 0px 6px; padding-left:24px; }




.bxslider2 li{border:1px solid #cececf; background-color:#fff; /*background-image:url(/img/case_bg.jpg); background-position:bottom center; background-repeat:no-repeat;*/ height:auto; padding:10px; height:355px }
.bxslider2 li h2{font-size:20px; color:#040404; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal }
.bxslider2 li h2 span{color:#012d88; font-size:17px; display:block; margin-bottom:5px; border:1px solid #012d88; border-radius:15px; padding:5px 0; text-align:center; width:80px; line-height:1em }
.bxslider2 li h2 b { display:block; font-size:18px;}
.bxslider2 li p{ font-size:13px; line-height:1.4em; margin-top:7px; overflow:hidden; color:#9c9c9c; height:88px }
.bxslider2 li a:hover { text-decoration:none; }
.bxslider2 .bbslawyer {margin:10px auto 0 auto;width:150px; height:180px; }
.list-wr {margin:55px auto; padding:0 10px;   }
.list-wr .bx-wrapper .bx-pager{left: 50%;  margin-left: -500px; bottom: 86px;text-align: center;font-size: .85em;font-family: Arial; font-weight: 700;color: #666;display: none;}
.list-wr .bx-wrapper { position: relative; margin: 0 auto; padding: 0; -ms-touch-action: pan-y; touch-action: pan-y;}
.list-wr .bx-wrapper .bx-viewport { background:none; height: 384px !important;}
.list-wr .bx-wrapper .bx-controls-direction a{display:inline-block; top:50%; width:60px; height:60px; margin-top:-37px; background:rgba(0,0,0,0.3); color:#fff; vertical-align:middle; transition:all 0.5s;}
.list-wr .bx-wrapper .bx-prev{ left: -100px; text-indent:0; }
.list-wr .bx-wrapper .bx-prev::after { color:#fff; content:"←"; display:block; font-size:31px; font-weight:900; text-align:center; padding:12px 0; }
.list-wr .bx-wrapper .bx-next{ right: -100px; text-indent:0; }
.list-wr .bx-wrapper .bx-next::after { color:#fff; content:"→"; display:block; font-size:31px; font-weight:900; text-align:center; padding:12px 0; }
.list-wr .bx-wrapper .bx-prev:hover{ background:#fff; border:1px solid #333; color:#333; transition:all 0.5s; }
.list-wr .bx-wrapper .bx-next:hover{ background:#fff; border:1px solid #333; color:#333; transition:all 0.5s; }

.list-wr .bx-wrapper .bx-prev:hover::after{color:#000;}
.list-wr .bx-wrapper .bx-next:hover::after{color:#000;}


.list-wr .latest_title {text-align:center; margin-bottom:35px;}
.list-wr .latest_title h3{font-size:24px; font-weight:bold; margin-top:15px;}
.list-wr .latest_title h3 span{font-size:24px; font-weight:bold; color:#003270 ;}
.list-wr .latest_title h3::after{ display:block; content:""; width:60px; height:4px; background:#003270 ; margin:20px auto;}



.map_wrap {margin:50px auto; overflow:hidden;} 
.map_wrap li{ align-items: center;}
.wrap_map{overflow:hidden;}
.map_wrap .map{ flex:1;}
.map_wrap .txt{ flex:1; text-align:left; padding:15px }
.map_wrap .txt .title-wrap{ }
.map_wrap .txt .title-wrap b{font-size:24px; display:block; margin-bottom:-13px;}
.map_wrap .txt .title-wrap strong{font-size:20px;}
.map_wrap .txt .title-wrap:after{width:50px; height:4px; background:#003270 ; display:block; margin:10px 0 10px 0; content:"";}
.map_wrap .txt .stit{opacity:.6; font-size:18px; line-height:1.5;}
.map_wrap .txt .btn-go{display:block; color:#003270 ; margin-top:20px; font-size:18px; font-weight:bold;}
.map_wrap .wrap_controllers {display:none;}



.tabs ul{overflow:hidden;border-bottom:1px solid #132b4d; padding:0 10px;}
.tabs ul > li{float:left;width:50%;border-top:1px solid #132b4d}

.tabs a{color:#132b4d;width:100%;display:block;background-color:#fff;padding:15px;text-align:center; font-size: 1.45rem;}
.tabs a.on,
.tabs a:hover{color:#fff;background-color:#003270 }
.tabs-con{display:none; padding:0 10px;}
.con-box .tabs-con:first-child{display:block}
.intro-tit{text-align:center;color:#fff;background-color:#132b4d;width:100%;margin:10px auto;display:block;padding:10px}
.intro-stit{text-align:left;color:#1c4b8b;font-weight:bold; font-size:1.5rem;}
.intro-stit + dl{margin-top:15px}
.intro-stit + dl dt{color:#d11c23;font-weight:bold; background:url('../img/sub/icon-blet.png') 0 center no-repeat;margin-bottom:10px; font-size:1.5rem;}
.intro-stit + dl dd{ font-size:1.2rem; line-height: 2.1rem;}



.sub_contentwr .lawyer-box .tab_container { margin-top:30px }
.sub_contentwr .lawyer-box .lawyer-wr { position:relative; width:100%; border:1px solid #d3d2d2; background:#fff; padding:15px; }
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-tit { font-size:1.5em; color:#3b3b3b; font-weight:400 }
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-tit span { color:#0261ab; }
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-name {  }
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-bro { margin-bottom:30px; }
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-bro h6{font-size:2.2rem; margin-bottom:5px;}
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-bro .c-t { font-size:1.4em; margin:20px 0 15px 0; padding-bottom:8px; display:inline-block; border-bottom:2px solid #ac1318; }
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-bro ul li { font-size:1.2em; vertical-align:middle; padding-bottom:5px;}
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-bro ul li:last-child { padding:0; }
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-bro ul li img { margin-right:10px; vertical-align:middle;  width:22px }
.sub_contentwr .lawyer-box .lawyer-wr .graybar { width:50px; height:4px; background:#e1e1e1; border-radius:5px; margin:25px 0;}
.sub_contentwr .lawyer-box .lawyer-wr .lawyer-txt { font-size:1.3em; margin-bottom:50px; line-height:1.5em }
.sub_contentwr .lawyer-box .lawyer-img img { width:100%;  }
.sub_contentwr .lawyer-box .blueedge {  display:none; left:30px; top:0; width:442px; height:547px; border:8px solid #ac1318 }
.sub_contentwr .lawyer-box .m2s .papers { padding-top:50px; }
.sub_contentwr .lawyer-box .m2s .papers:after { content:""; clear:both;  display:block; }
.sub_contentwr .lawyer-box .m2s .papers ul li { float:left; width:48%; margin-right:2%;  }
.sub_contentwr .lawyer-box .m2s .papers ul li:nth-child(2n) { margin:0; }
.sub_contentwr .lawyer-box .m2s .papers ul li .p-img { padding:20px; border:1px solid #eaeaea; }
.sub_contentwr .lawyer-box .m2s .papers ul li .p-img img { width:100%; }
.sub_contentwr .lawyer-box .m2s .papers ul li .p-t { text-align:center;  margin:10px 0; font-size:1em; font-weight:400 }
.sub_contentwr .lawyer-box .tab_content{padding:25px 0;}