@charset "utf-8";

@media screen and (max-width: 896px){

.header_wrap {
    width: 100%;
    background: #031848;
    padding: 10px 0;
    height: 45px;
    position: fixed;
    top: 0px;
    z-index: 500;
}

.header_wrap .header_inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding:0px 15px;
}

.header_wrap .header_inner .tel_wrap {
    display:none;
}

.header_wrap .header_inner .glnavi_wrap {
    display:none;
}

.header_wrap .header_inner .logo_wrap {
    padding-top: 0px;
}

.header_wrap .header_inner .logo_wrap img{
    width:200px;
}

.sp_menubtn{
display:block;
position:fixed;
top:0px;
right:0px;
width:40px;
height:40px;
background:#000000 url(http://grates-lawoffice.jp/wp-content/themes/grates/images/sp_menu1.svg)no-repeat;
background-size:20px 16px;
background-position:center center;
z-index:2750;
transition: 0.3s ease;
border-left:1px solid #ffffff;
}

.sp_menubtn.menu_open{
right:160px;
background:#000000 url(http://grates-lawoffice.jp/wp-content/themes/grates/images/sp_menu2.svg)no-repeat;
background-size:20px 16px;
background-position:center center;
border-bottom:1px solid #ffffff;
}

.mainimg_wrap{
width:100%;
height:360px;
position:relative;
overflow:hidden;
border-bottom:8px solid #E99322;
margin-top:40px;
}

.mainimg_wrap .fit-img{
position:absolute;
width: 100%;
height: auto;
min-height:360px;
object-fit: cover;
z-index:-1;
}

.mainimg_wrap .mainttl_wrap{
width: 100%;
height: 360px;
margin:0 auto;
position:relative;
padding-top:97px;
}

.mainimg_wrap .mainttl_wrap .top_mainttl{
width: 240px;
height:166px;
background:rgba(3,24,72,0.9);
margin:0 auto;
box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
}

.mainimg_wrap2 .mainttl_wrap .top_mainttl.ttl_sub_style1{
width: 300px;
}

.mainimg_wrap .mainttl_wrap .top_mainttl .ttl_wrap1{
display:block;
text-align:center;
padding-top:15px;
}

.mainimg_wrap .mainttl_wrap .top_mainttl .ttl_wrap1 img{
width:200px;
}

.mainimg_wrap2 .mainttl_wrap .top_mainttl.ttl_sub_style1 .ttl_wrap1 img{
width: 260px;
}

.mainimg_wrap .mainttl_wrap .top_mainttl .ttl_wrap2{
display:block;
text-align:center;
padding-top:5px;
}

.mainimg_wrap .mainttl_wrap .top_mainttl .ttl_wrap3{
display:block;
text-align:center;
padding-top:0px;
}


.mainimg_wrap .mainttl_wrap .top_mainttl .ttl_wrap3 img{
width:120px;
}


.mainimg_wrap2{
width:100%;
height:280px;
position:relative;
overflow:hidden;
border-bottom:8px solid #E99322;
margin-top:40px;
}

.mainimg_wrap2 .fit-img{
position:absolute;
width: 100%;
height: auto;
min-height:280px;
object-fit: cover;
z-index:-1;
}

.mainimg_wrap2 .mainttl_wrap{
width: 100%;
height: 280px;
margin:0 auto;
position:relative;
padding-top:97px;
}

.mainimg_wrap2 .mainttl_wrap .top_mainttl{
width: 200px;
height:60px;
background:rgba(3,24,72,0.9);
box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
}

.mainimg_wrap2 .mainttl_wrap .top_mainttl .ttl_wrap1{
display:block;
text-align:left;
padding-top:15px;
padding-left:20px;
}

.mainimg_wrap2 .mainttl_wrap .top_mainttl .ttl_wrap1 img{
width:200px;
}

.body_cont{
position:relative;
}

.body_cont_inner1{
width:100%;
padding:20px 15px;
margin:0 auto;
position:relative;
}

.body_cont_inner_phy{
width:100%;
display:block;
padding:20px 15px;
margin:0 auto;
position:relative;
}

.body_cont_inner_def{
width:100%;
display:block;
padding:20px 0px;
margin:0 auto;
position:relative;
}

.body_cont_inner_def:first-child {
    margin-top: 0px;
}

.body_cont_inner_phy .photo_cell{
width:100%;
display:block;
vertical-align:top;
text-align:center;
}

.body_cont_inner_phy .photo_cell img{
width:160px;
}

.body_cont_inner_phy .txt_cell{
display:block;
vertical-align:top;
font-size:13px;
line-height:1.6;
padding-left:0px;
margin-top:20px;
}

.body_cont_inner1 .main_read{
text-align:left;
font-size:13px;
line-height:1.6;
font-weight:bold;
width:100%;
}

.body_cont_inner2 .top_ttl5{
text-align:left;
font-size:14px;
line-height:1.6;
font-weight:bold;
width:100%;
margin:0 auto 15px;
}

.body_cont_inner2 .main_read5{
text-align:left;
font-size:13px;
line-height:1.6;
font-weight:normal;
width:100%;
}

.main_read5 + .top_ttl5{
margin-top:20px;
}

.main_read5 + .main_read5{
margin-top:15px;
}


.body_cont_inner1 .main_read::after{
content: '';
position: absolute;
left: 50%;
bottom: 0px;
display: inline-block;
width: 60px;
height: 6px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #E99322;
}

.body_cont2{
position:relative;
background:url(http://grates-lawoffice.jp/wp-content/themes/grates/images/cont_bg1.svg)no-repeat;
background-size:2000px 200px;
background-position:center bottom;
padding:0 0 40px 0;
}

.body_cont_inner2{
width:100%;
padding:30px 15px 0;
margin:0 auto;
position:relative;
}

.top_ttl2{
text-align:center;
margin-bottom:20px;
font-size:22px;
line-height:1.6;
}

.top_ttl2 img{
width:100%;
max-width:500px;
}

.field_list{
overflow:hidden;
height:auto;
width:100%;
}

.field_list li{
width:100%;
max-width:360px;
margin:0 auto;
}

.field_list li:first-child{
float:none;
margin-bottom:15px;
}

.field_list li:last-child{
float:none;
}

.field_list li a{
display:block;
height:160px;
border-bottom:6px solid #E99322;
text-align:center;
padding-top:65px;
transition: 0.3s ease;
}

.field_list li a.field_link1{
background:url(http://grates-lawoffice.jp/wp-content/themes/grates/images/link_img1.png)no-repeat;
background-size:360px auto;
background-position:center center;
}

.field_list li a.field_link2{
background:url(http://grates-lawoffice.jp/wp-content/themes/grates/images/link_img2.png)no-repeat;
background-size:360px auto;
background-position:center center;
}

.field_txt{
background:rgba(3,24,72,0.9);
display:inline-block;
padding:5px 12px;
}

.field_txt img{
width:80px;
}

.field_list li a:hover{
background-size:400px auto;
opacity:0.7;
}

.body_cont_inner2 .main_read2{
text-align:left;
font-size:14px;
line-height:1.8;
}

.body_cont_inner2 .main_read2 br{
display:none;
}

.body_cont_inner3 .main_read2{
text-align:left;
font-size:14px;
line-height:1.8;
}

.body_cont_inner3 .main_read2 br{
display:none;
}

.btn_box1 {
    padding: 0 0px;
    margin-top: 20px;
}

.btn_1{
display:block;
background:#E99322;
transition: 0.3s ease;
}

.btn_1_inner{
display:block;
background:url(http://grates-lawoffice.jp/wp-content/themes/grates/images/btn_arr1.svg)no-repeat;
background-size:12px 20px;
background-position:right 15px center;
color:#ffffff;
font-size:16px;
font-weight:bold;
text-align:center;
padding:15px;
}

.sp_btn_txt1 .btn_1_inner{
font-size:14px;
}

.btn_1:hover{
opacity:0.7;
}

.body_cont3{
position:relative;
padding:0 0 40px 0;
}

.body_cont_inner3{
width:100%;
padding:30px 15px 0;
margin:0 auto;
position:relative;
}

.map_wrap {
    overflow: hidden;
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.map_wrap .map_cell {
    width: 100%;
    float: none;
border:1px solid #cccccc;
margin-bottom:15px;
}

.map_wrap .map_cell img{
    width: 100%;
max-width:360px;
}

.map_wrap .acc_cell{
width:100%;
float:none;
font-size:13px;
}

.acc_ttl{
border-bottom:1px solid #cccccc;
padding-bottom:5px;
margin-bottom:15px;
}

.acc_read{
margin-bottom:15px;
line-height:1.6;
}

.acc_list{
margin-bottom:20px;
line-height:1.6;
}

.btn_box2 {
    padding: 0 0px;
    margin-top: 20px;
}

.btn_2{
display:block;
background:#E99322;
transition: 0.3s ease;
}

.btn_2_inner{
display:block;
background:url(http://grates-lawoffice.jp/wp-content/themes/grates/images/btn_arr1.svg)no-repeat;
background-size:12px 20px;
background-position:right 15px center;
color:#ffffff;
font-size:16px;
font-weight:bold;
text-align:center;
padding:15px;
}

.btn_2:hover{
opacity:0.7;
}

.footer_wrap{
background:#031848;
padding:0px 0 10px;
}

.footer_wrap .footer_inner{
width:100%;
margin:0 auto;
}

.footer_wrap .footer_inner .footer_copy{
text-align:center;
font-size:11px;
color:#ffffff;
}

.footer_link_wrap{
display:block;
width:100%;
margin:0px auto 40px;
}

.footer_link_wrap .link_cell{
display:block;
vertical-align:middle;
}

.footer_link_wrap .name_cell{
display:block;
vertical-align:middle;
width:100%;
border-left:none;
padding:0 15px;
margin-top:20px;
}

.footer_link_wrap .name_cell .footer_name{
font-size:12px;
line-height:1.6;
color:#ffffff;
}

.footer_link{
overflow:hidden;
height:auto;
}

.footer_link li{
float:none;
border-right:none;
padding-right:0px;
margin-right:0px;
border-top:1px solid #031848;
}

.footer_link li:last-child{
border-right:none;
padding-right:0px;
margin-right:0px;
}

.footer_link li a{
display:block;
color:#ffffff;
font-size:13px;
padding:10px 15px;
background:#d8dbe3 url(http://grates-lawoffice.jp/wp-content/themes/grates/images/btn_arr3.svg)no-repeat;
background-size:8px 14px;
background-position:right 10px center;
color:#031848;
}

.footer_link li a:hover{
color:#E99322;
}

.top_arr{
position:fixed;
bottom:30px;
right:15px;
transition: 0.3s ease;
}

.top_arr a{
display:block;
}

.top_arr a img{
width:40px;
height:40px;
}

.sp_tel_wrap{
display:block;
position:fixed;
z-index:1000;
bottom:-100px;
width:100%;
padding:8px 15px;
transition: 0.3s ease;
background:rgba(3,24,72,0.9);
}

.sp_tel_wrap a{
display:block;
text-align:center;
}

.sp_glnavi_wrap {
display:block;
width:160px;
height:100%;
position:fixed;
top:0px;
right:-160px;
z-index:3000;
background:#464646;
transition: 0.3s ease;
}

.sp_glnavi_wrap.slide_open {
right:0px;
}

.sp_glnavi_wrap .sp_glnavi li{
display:block;
font-size:15px;
border-right:none;
padding-right:0px;
margin-right:0px;
border-bottom:1px solid #031848;
}

.sp_glnavi_wrap .sp_glnavi li:last-child{
display:block;
font-size:15px;
border-right:none;
padding-right:0px;
margin-right:0px;
}

.sp_glnavi_wrap .sp_glnavi li a{
display:block;
color:#ffffff;
font-size:16px;
padding:12px 15px;
background:#d8dbe3 url(http://grates-lawoffice.jp/wp-content/themes/grates/images/btn_arr3.svg)no-repeat;
background-size:12px 14px;
background-position:right 10px center;
color:#031848;
}

.sp_glnavi_wrap .sp_glnavi li a:hover{
color:#e99322;
}

.layer_obj{
position:fixed;
top:0px;
display:none;
width:100%;
height:100%;
z-index:2500;
background:rgba(0,0,0,0.9);
}

.layer_obj.layer_open{
display:block;
transition: 0.3s ease;
}

.body_ttl1{
font-size:18px;
background: #031848;
margin-bottom:15px;
border-bottom: 6px solid #E99322;
border-radius:0px 0px 0 0;
color:#ffffff;
font-weight:bold;
line-height:1.6;
padding:8px 20px 8px;
}

.body_ttl1 span{
display:block;
color:#ffffff;
font-weight:bold;
line-height:1.6;
padding:8px 20px 8px;
}

.body_ttl2{
font-size:16px;
margin-bottom:10px;
}

.body_ttl2 span{
display:block;
color:#464646;
font-weight:bold;
line-height:1.6;
padding:0px 20px 0px;
}
	
.body_ttl3{
font-size:18px;
background: #031848;
margin-bottom:15px;
border-bottom: 6px solid #E99322;
border-radius:0px 0px 0 0;
color:#ffffff;
font-weight:bold;
line-height:1.6;
padding:8px 20px 8px;
text-align:center;
}
	
.body_ttl4{
font-size:18px;
background: #031848;
margin:0 0 15px;
border-bottom: 6px solid #E99322;
border-radius:0px 0px 0 0;
color:#ffffff;
font-weight:bold;
line-height:1.6;
width:100%;
padding:8px 20px 8px;
}

.body_txt1{
padding:0 20px;
font-size:14px;
line-height:1.6;
margin-bottom:15px;
border-bottom:1px dotted #cccccc;
padding-bottom:15px;
}
	
.body_txt2{
padding:0 20px;
font-size:14px;
line-height:1.6;
margin-bottom:15px;
padding-bottom:15px;
}

.tbl_wrap{
padding:0 20px;
margin-bottom:20px;
}

.tbl1{
border:1px solid #cccccc;
font-size:13px;
line-height:1.6;
display:block;
}

.tbl1 tbody{
display:block;
}

.tbl1 tr{
display:block;
}

.tbl1 th{
border:1px solid #cccccc;
background:#f5f5f5;
padding:10px;
text-align:center;
display:block;
}

.tbl1 td{
border:1px solid #cccccc;
padding:10px;
display:block;
}

.tbl1_wid_1{
width:240px;
}

.lawer_link_wrap{
padding:0 0px;
margin-bottom:40px;
}

.lawer_link_wrap .lawer_link{
display:block;
width:100%;
}

.lawer_link_wrap .lawer_link li{
display:block;
vertical-align:middle;
width:100%;
box-sizing:border-box;
}

.lawer_link_wrap .lawer_link li.lft_cell{
padding-right:0px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.lawer_link_wrap .lawer_link li.rgt_cell{
padding-left:0px;
border-bottom:1px solid #cccccc;
}

.lawer_link_wrap .lawer_link li a{
display:block;
border:none;
border-radius:8px;
transition: 0.3s ease;
}

.lawer_link_wrap .lawer_link li a:hover{
background:#f5f5f5;
}

.lawer_link_wrap .lawer_link li a .inner_wrap{
display:block;
padding:10px 15px;
background:url(http://grates-lawoffice.jp/wp-content/themes/grates/images/down_arrow.svg)no-repeat;
background-size:16px 12px;
background-position:right 10px center;
}

.lawer_link_wrap .lawer_link li a .inner_wrap .name1{
display:block;
font-size:12px;
margin-bottom:5px;
}

.lawer_link_wrap .lawer_link li a .inner_wrap .name2{
display:inline-block;
font-size:18px;
margin-right:10px;
}

.lawer_link_wrap .lawer_link li a .inner_wrap .name3{
display:inline-block;
font-size:12px;
color:#666666;
}

.lawer_wrap{
padding:0 15px;
}

.lawer_name{
padding-bottom:10px;
margin-bottom:10px;
border-bottom: 4px solid #E99322;
}

.lawer_name span{
display:inline-block;
}

.lawer_name .name1{
font-size:13px;
margin-right:10px;
}

.lawer_name .name2{
font-size:20px;
margin-right:10px;
font-weight:bold;
}

.lawer_name .name3{
font-size:12px;
color:#666666;
}

.lawer_wrap .name4{
font-size:14px;
margin-bottom:20px;
}

.lawer_wrap .feat1{
border:1px solid #cccccc;
border-radius:10px;
margin-bottom:10px;
}

.lawer_wrap .feat1 .feat_ttl{
border-bottom:1px solid #cccccc;
border-radius:10px 10px 0 0;
padding:10px 10px;
background:#f5f5f5;
font-size:14px;
font-weight:bold;
}

.lawer_wrap .feat1 .feat_list{
padding:10px 10px;
font-size:13px;
line-height:1.6;
}

.lawer_wrap .feat1 .feat_list li{
display:table;
width:100%;
margin-bottom:5px;
}

.lawer_wrap .feat1 .feat_list li .label{
display:table-cell;
width:90px;
}

.lawer_wrap .feat1 .feat_list li .fact{
display:table-cell;
}

.lawer_wrap .feat2{
background:#f5f5f5;
padding:15px 15px;
border-radius:10px;
}

.lawer_wrap .feat2 .feat_ttl{
font-size:14px;
font-weight:bold;
}

.lawer_wrap .feat2 .feat_list{
padding:10px 0px 0px;
font-size:12px;
line-height:1.4;
}

.lawer_wrap .feat2 .feat_list li{
text-indent:-1.5em;
padding-left:1.5em;
margin-bottom:5px;
}

.lawer_wrap + .lawer_wrap{
margin-top:60px;
}

.access_wrap{
padding:0 0px;
}

.access_wrap .min_ttl1{
font-size:16px;
font-weight:bold;
margin-bottom:15px;
padding:0 15px;
}

.access_wrap .acc_map_wrap{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-right:none;
border-left:none;
padding:10px 10px;
}

.access_wrap .acc_map_wrap img{
width:100%;
}

.access_wrap .acc_ttl {
    margin-top: 30px;
    border-bottom: 1px solid #cccccc;
    padding:0 15px 5px;
    margin-bottom: 15px;
}

.access_wrap .acc_read {
    margin-bottom: 10px;
font-size:13px;
padding:0 15px;
    line-height: 1.6;
}

.access_wrap .acc_list {
    padding:0 15px;
font-size:13px;
}

.acc_outer_wrap{
width:100%;
margin:0 auto;
}

.access_ttl_wrap {
    padding: 0 0px;
}

.access_ttl_wrap .access_ttl {
    font-size: 18px;
    background: #031848;
    margin-bottom: 0px;
    border-bottom: 6px solid #E99322;
    border-radius: 0 0 0 0;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 15px;
}

.body_cont_inner_acc {
    width: 100%;
    padding: 20px 0px 0;
    margin: 0 auto;
    position: relative;
}

.body_cont2 + .body_cont2 .body_cont_inner_acc {
    padding-top: 20px;
}

.body_cont_inner_acc .photo_tbl {
    width: 100%;
    display: block;
padding:0 15px;
}

.body_cont_inner_acc .photo_tbl .photo_cell {
    display: block;
    width: 100%;
    vertical-align: middle;
}

.body_cont_inner_acc .photo_tbl .photo_cell img {
    width: 100%;
}

.body_cont_inner_acc .photo_tbl .txt_cell {
    display: block;
    vertical-align: middle;
    padding: 10px 0px 0;
    font-size: 14px;
    line-height: 1.6;
}

.sp_tel_wrap .day_time{
font-size:11px;
display:block;
text-align:center;
color:#e99322;
}

.spbr{
display:inline;
}
	
.u-txtC-pc{
	text-align:left !important;
}

.u-txtC-sp{
	text-align:center !important;
}

.u-txtC-all{
	text-align:center !important;
}

.underline{
text-decoration:underline;
}

}