/* --------------- ipad pro --------------- */
@media(max-width: 1024px){
.header_wrap,.footer_wrap{
width:98%;
}

..top_Handling{
width:98%;
margin:0 auto;
}

.top_bnr1, .top_bnr2{
width:50%;
}

.contact_bnr_text{
text-align:center;
width:100%;

}

.contact_tel_box a, .contact_mail_box a{
padding:16px 0;
}

.br_block{
display:block;
}

article{
width:96%;
margin:0 auto;
}

.post_single{
width:98%;
text-align:center;
}

.foryou_text{
padding:14px;
box-sizing:border-box;
height:100%;
}

.foryou_text p{
font-size:15px;
}

.foryou_text span{
font-size:20px;
}


}



/* --------------- ipad --------------- */
@media(max-width: 768px){
.top_Handling .flex{
justify-content:space-between;
}

.top_Handling p{
width:96%;
margin:0 auto;
}

.top_bnr1, .top_bnr2{
width:50%;
}

.top_bnr1 img,.top_bnr2 img{
height:185px;
}

.bnr1_title, .bnr2_title{
top:25%;
}

.bnr1_text,.bnr2_text{
font-size:12px;
top:45%;
}

.foryou_img{
padding-top:65.5%;
background-position:center;
}

.foryou_text{
width: 40%;
left:0;
}

.foryou_text br{
display:none;
}

.top_contact_wrap h3{
top:20%;
text-align:center;
width:90%;
font-size:23px;
}


.bnr_box{
display:flex;
justify-content:space-around;
}

.bnr_box_content{
width:30%;
margin-right:0;
}

.topics_cate{
width:12%;
}

.contact_bnr_img{
padding-top:55%;
}

.contact_tel_box, .contact_mail_box{
width:45%;
}

.footer_wrap{
display:block;
}

.footer_wrap ul{
width:96%;
margin-top:15px;
}

.Ulayer_fee_section th{
vertical-align:middle;
}

.consul_contentbox{
width:70%;
}

.Ulayer_corporate_section .personal_linklist ul{
flex-wrap:wrap;
}

.personal_linklist li{
width:30%;
}

.Ulayer_personal_section .personal_linklist li{
width:30%;
}

.Ulayer_corporate_section .personal_linklist li{
width:30%;
}



}





/* --------------- Smartphone --------------- */
@media(max-width: 540px){
.icatch{
height:90px;
}

.header_wrap{
display:block;
}


.header_info p{
font-size:12px;
}

a.header_logo{
font-size:24px;
margin: 0 0 0 20px;
}

.slick-track{
height:300px;
}

.slick-track li{
width:100%;
height:300px;
}

header h1{
line-height:0;
}

.header_wrap{
padding:0;
}

.header_right{
display:none;
}

.sp_header_right{
display:block;
width:96%;
margin-top:30px;
}

.sp_header_right .header_info{
/* padding-bottom:30px; */
padding: 10px 10px;
}

.sp_header_right p,.sp_header_right a{
font-size:14px;
}

.sp_header_right a{
font-size:25px;
text-decoration:none;
color:#333;
border-bottom:solid 1px #333;
}

h2.catch01, h2.catch02, h2.catch03{
font-size:14px;
}

.top_Handling .flex{
display:block;
}

.top_bnr1, .top_bnr2{
width:100%;
}

.top_bnr1 img, .top_bnr2 img{
height:100%;
}

.bnr1_title, .bnr2_title{
font-size:25px;
}

.bnr1_text, .bnr2_text{
font-size:13px;
}

.foryou_box{
height:655px;
}

.foryou_img{
position:static;
display:block;
}

.foryou_text{
width: 100%;
height: auto;
position: static;
display: block;
padding: 10px;
box-sizing: border-box;
}

.foryou_text p{
font-size:15px;
}

.foryou_text br{
display:block;
}

.bnr_box{
display:block;
}

.bnr_box_content{
width:90%;
margin-bottom:10px;
}

.topics_cate{
width:17%;
display:inline-block;
margin-right:10px;
font-size:12px;
}

.topics_index li{
display: block;
text-align: left;
padding:10px;
}

p.topics_time{
display:inline-table;
font-size:13px;
}


.topics_index{
padding:0;
}

.topics_index li a{
display: block;
width: 100%;
text-align: left;
margin-top:7px;
}

.contact_bnr_img{
padding-top:115%;
}

.top_contact_wrap h3{
top:10%;
text-align:center;
width:90%;
font-size:23px;
}

.contact_bnr_text{
top:20%;
}

.contact_box{
display:block;
top:40%;
}


.contact_tel_box, .contact_mail_box{
width: 95%;
display: block;
margin: 0 auto;
}

.contact_tel_box{
margin-bottom:10px;
}

.top_access .flex{
display:block;
}

.top_access iframe{
width:100%;
}

.footer_wrap ul{
display:block;
margin:0 auto;
margin-top:20px;
}

.footer_wrap ul li{
padding:10px 15px;
border-bottom:solid 1px #fff;
position:relative;
}

.footer_wrap ul li:before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4.5px 0 4.5px 6px;
border-color: transparent transparent transparent #ffffff;
top: 18px;
left: 0;
position: absolute;
}

.footer_wrap div{
width:100%;
}


/*事務所案内*/
.icatch h2{
width:72%;
font-size:24px;
}

h4{
font-size:23px;
}

.entry-content h4{
padding-left:10px;
}

.Ulayer_about_section iframe{
width:100%;
}

.Ulayer_about_section th{
width:20%;
}

/*弁護士費用*/
.fee_list{
font-size:18px;
margin-left:0;
font-weight:bold;
}

/*個人のお客様*/
.personal_linklist ul{
display:block;
}

.Ulayer_personal_section .personal_linklist li,.Ulayer_corporate_section .personal_linklist li{
width:100%;
}

/*遺産・相続*/
.consul_contentbox{
width:85%;
padding:25px;
}

/*お知らせ一覧*/
.news_archive .topics_index{
margin-top:50px;
 }

.news_archive .topics_index li{
display:block;
 }


/*サイトマップ*/
.sitemap_section ul{
display:block;
}

.sitemap_section ul div{
width:100%;
}


/*お問い合わせ*/
.contact_section tr,.contact_section th{
display:block;
}

form td{
padding:0;
}

form input, textarea{
width:94%;
}

.submit{
width:30%;
}


/*ナビメニューのスタイルを指定*/
nav.NavMenu{
position: fixed; /*表示位置を固定*/
z-index: 2; /*重ね順を変更*/
top: 0; /*表示位置を指定*/
left: 0; /*表示位置を指定*/
background: #fff;/*背景を白にする*/
color: #333; /*文字色を黒にする*/
text-align: center; /*テキストを中央揃え*/
width: 100%; /*全幅表示*/
transform: translateY(-100%); /*ナビを上に隠す*/
transition: all 0.6s; /*アニメーションの時間を指定*/
overflow-y:scroll;
}

nav.NavMenu ul{
background: #fff;
width: 100%;
margin: 0 auto;
margin-top:55px;
padding: 0;
display:block;
}

nav.NavMenu ul li{
font-size: 1.1em;
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px dotted #333;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
border-bottom: none; /*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
display: block; /*クリックできる領域を広げる*/
color: #333;
/* padding: 1em 0; */
padding: 0.6em 0;
font-size: 13px;
}

/*トグルボタンが押されたときに付与するクラス*/
nav.NavMenu.active{
transform: translateY(0%);
height:100%;
}

/*トグルボタンのスタイルを指定*/
.Toggle {
display: block;
position: fixed;    /* bodyに対しての絶対位置指定 */
right: 13px;
top: 16px;
width: 42px;
height: 42px;
cursor: pointer;
z-index: 3;
}

.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #3b9fdc;
-webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
-moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
transition: .35s ease-in-out;			/*変化の速度を指定*/
left: 6px;
}

.Toggle span:nth-child(1) {
    top: 9px;
}

.Toggle span:nth-child(2) {
    top: 18px;
}

.Toggle span:nth-child(3) {
    top: 27px;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.top_access .main_wrap{
padding-top:30px;
padding-bottom:0;
}


}




/* --------------- Smartphone --------------- */
@media(max-width: 375px){
h2.catch01, h2.catch02, h2.catch03{
font-size:13px;
padding:20px;
}

h3{
font-size:20px;
}

p.transition_btn{
margin-top:50px;
}

.topics_cate{
width:20%;
}

.contact_bnr_img{
padding-top:130%;
}

.contact_bnr_text{
font-size:12px;
}

.foryou_box{
height:590px;
}

.top_contact_wrap h3{
font-size:20px;
}

/*事務所案内*/
.Ulayer_about_section th{
width:27%;
}
iframe.law_movie{
    height: 240px;
}

/*お問い合わせ*/
.personal_info .scroll_box p{
    font-size: 13px;
    line-height: 1.6em;
}
.scroll_box{
    height: 340px;
}
.scroll_box dl,
.scroll_box dt,
.scroll_box dd{
    font-size: 12px;
    line-height: 1.6em;
}
.scroll_box dt{
    margin: 15px 0 12px;
}








}



/* --------------- Smartphone --------------- */
@media(max-width: 320px){

h2.catch01, h2.catch02, h2.catch03{
padding:10px;
}

.bnr1_title,.bnr2_title{
top:20%;
}


.bnr1_text,.bnr2_text{
width:60%;
top:35%;
}


.topics_cate{
margin:0 auto;
margin-bottom:10px;
}

.contact_bnr_img{
padding-top:155%;
}

.news_archive .topics_index li{
text-align:center;
}

.contact_section .tell{
font-size:27px;
}

.top_contact_wrap h3{
font-size:18px;
}


.header_info p {
margin: 0 0 5px 0;
}







}