@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

/*===============================
 Base
===============================*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-o-box-sizing: border-box;  -ms-box-sizing: border-box;box-sizing: border-box;}
.sp { display: none; }
body { color: #01152A; }
a { color: #01152A; text-decoration: none; transition: .5s; }
a:hover { opacity: 0.8; }
img { width: 100%; height: auto; }
.slick-slide img.sp { display: none; }
@media screen and (max-width:1024px) {
	.pc-br { display: none; }
}
@media screen and (max-width:767px) {
	/* 画面サイズが 767px以下の場合に適用 */
	.pc { display: none; }
	.sp { display: block; width: 100%; }
}

/*===============================
 Clear
===============================*/
img { border: 0; vertical-align: top; font-size: 0; line-height: 0; }
ol, ul { list-style: none!important; }
* { margin: 0; padding: 0; }

/*===============================
 Font
===============================*/
html { font-size: 10px; }
body { font-family: "Zen Kaku Gothic Antique", sans-serif; line-height: 1.875; font-size: 1.6rem; font-weight: 400; font-style: normal; letter-spacing: 0.05em; }
h1, h2, h3, h4, h5 { line-height: 1.538; }
p, li, dt, dd, th, td { line-height: 2; font-size: 1.6rem; letter-spacing: 0.05em; }
a { letter-spacing: 0.05em; }

/*===============================
 Layout
===============================*/
#wrapper { overflow: hidden; background-color: #F7F7F7; }
.container { width:90%; margin:0 auto; max-width: 1140px; }
.left-container { width:95%; max-width: calc(1140px + ((100% - 1140px) / 2)); margin: 0 0 0 auto; position: relative; }
.right-container { width:95%; max-width: calc(1140px + ((100% - 1140px) / 2)); margin: 0 auto 0 0; position: relative; }
.linkbtn { display: flex; align-items: center; justify-content: center; background-color: #132C51; border: 3px solid #132C51; border-radius: 5px; color: #fff; width: 360px; min-height: 70px; font-weight: 500; }
.linkbtn:hover { background-color: #fff; color: #01152A; }
.btn_arrow { position: relative; }
.btn_arrow:before { content: ""; position: absolute; bottom: 42%; right: 25px; width: 60px; height: 1px; background: #fff; transition: all .2s linear; }
.btn_arrow:after { content: ""; position: absolute; top: 39%; right: 30px; width: 1px; height: 12px; background: #fff; transform: skewX(45deg); transition: all .2s linear; }
.btn_arrow:hover::before { background: #01152A; width: 39px; }
.btn_arrow:hover::after { background: #01152A; }
.sectitle01 { font-family: kinuta-mincho-stdn, sans-serif; font-size: 3.0rem; font-weight: 700; line-height: 1.6; font-style: normal; letter-spacing: 0.05em; margin-bottom: 5px; }
.secsubtitle01 { font-family: times-new-roman, sans-serif; font-weight: 400; font-size: 1.6rem;}
.page_sectit { font-size: 3.0rem; font-weight: 500; margin-bottom: 50px; }
.page_secsubtit { text-align: center; }
.pagetit { font-size: 5.0rem; line-height: 1.3; font-weight: 700; letter-spacing: 0.03em; color: #fff; font-family: kinuta-mincho-stdn, sans-serif; }
.pagesubtit { color: #fff; font-weight: 700; font-size: 2.0rem; letter-spacing: 0.01em; line-height: 1; font-style: normal; font-family: times-new-roman, sans-serif; text-transform: capitalize; }
.pagetitle { position: relative; z-index: 1; }
.pagetitle_img { position: absolute; width: 400px; top: 20px; right: 5%; }
.cta {padding: 100px 0;}
.cta .linkbtn { margin: 0 auto; background-color: #FAC60E; color: #121212; border: 3px solid #FAC60E; width: 600px; min-height: 100px; font-size: 2.4rem; font-weight: 700; }
.cta .linkbtn:hover { background-color: #fff; color: #FAC60E; }
.cta.btm { padding-bottom: 200px; }
.clear { clear:both; }
section { padding:100px 0; position: relative; }
.clearfix:after { content: ""; display: block; clear: both; }
@media screen and (min-width: 1501px) {

}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
.container { max-width: 1100px; }
}

/*==================================================
ふわっ
===================================*/

/* その場で */
.fadeIn{
	animation-name:fadeInAnime;
	animation-duration:2.0s;
	animation-fill-mode:forwards;
	opacity:0;
}
	
@keyframes fadeInAnime{
	from {
	opacity: 0;
	}

	to {
	opacity: 1;
	}
}

/* 上から */

.fadeImg{
	animation-name:fadeImgAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	-moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    transition-delay: .5s;
}
	
@keyframes fadeImgAnime{
	from {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
	}

	to {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
}

/* 上から */

.fadeDown{
	animation-name:fadeDownAnime;
	animation-duration:0.7s;
	animation-fill-mode:forwards;
	opacity:0;
}
	
@keyframes fadeDownAnime{
	from {
	opacity: 0;
	transform: translateY(-100px);
	}

	to {
	opacity: 1;
	transform: translateY(0);
	}
}

/* fadeUp */

.fadeUp{
	animation-name:fadeUpAnime;
	animation-duration:0.7s;
	animation-fill-mode:forwards;
	opacity:0;
}
	
@keyframes fadeUpAnime{
	from {
	opacity: 0;
	transform: translateY(50px);
	}

	to {
	opacity: 1;
	transform: translateY(0);
	}
}

/* 左から */

.fadeLeft{
	animation-name:fadeLeftAnime;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	opacity:0;
}
	
@keyframes fadeLeftAnime{
	from {
	opacity: 0;
	transform: translateX(-100px);
	}

	to {
	opacity: 1;
	transform: translateX(0);
	}
}

/* 右から */

.fadeRight{
	animation-name:fadeRightAnime;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	opacity:0;
}
	
@keyframes fadeRightAnime{
	from {
	opacity: 0;
	transform: translateX(100px);
	}

	to {
	opacity: 1;
	transform: translateX(0);
	}
}
	
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeInTrigger,.fadeUpTrigger,.fadeDownTrigger,.fadeLeftTrigger,.fadeRightTrigger{ opacity: 0; }

/*===============================
 COMMON
===============================*/
/* btm_link */
.btm_link { padding: 0; }
.btm_link_inner { display: flex ; align-items: center; }
.btm_link_inner_item { width: 50%; padding-top: 25%; background-size: cover; position: relative; }
.btm_link_inner_item.left { background-image: url(images/btm_link01.jpg); }
.btm_link_inner_item.right { background-image: url(images/btm_link02.jpg); }
.btm_link_inner_item_tit { z-index: 10; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.btm_link_inner_item_tit:hover { cursor: pointer; }
.btm_link_inner_item_tit:hover ~ a.top-two_cover { background-color: rgba(0, 0, 0, 0.3); }
.btm_link_inner_item_tit .tit { color: #fff; font-family: kinuta-mincho-stdn, sans-serif; font-size: 3.0rem; }
.btm_link_inner_item_tit .subtit { color: #fff; font-family: times-new-roman, sans-serif; font-size: 1.6rem; }
.btm_link_inner_item_nav { z-index: 10; position: absolute; top: 63%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; font-size: 1.8rem; color: #fff; font-weight: 500; }
.btm_link_inner_item_nav:hover { cursor: pointer; }
.btm_link_inner_item .top-two_cover { z-index: 11; }
.btm_link_inner_item_nav_arrow { position: absolute; bottom: 42%; right: 25px; }
.btm_link_inner_item_nav_arrow_top { position: absolute; width: 1px; height: 12px; background: #fff; transform: skewX(45deg); transition: all .2s linear; top: -14px; right: -114px; }
.btm_link_inner_item_nav_arrow_btm { position: absolute; width: 60px; height: 1px; background: #fff; transition: all .2s linear; top: -2px; right: -120px; }
.btm_link_inner_item:hover .btm_link_inner_item_nav_arrow_btm { width: 39px; }
.btm_link_blackfilter { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 2; background-color: rgba(0, 0, 0, 0.6); transition: 0.5s; }
.btm_link_inner_item:hover .btm_link_blackfilter { background-color: rgba(0, 0, 0, 0.3); }

/* article */
.archive-article { position: relative; }
.archive-article:hover { cursor: pointer; }
.archive-article_img { overflow: hidden; border-radius: 10px; }
.archive-article_img_inner { display: block; padding-top: 60%; background-position: center; background-size: cover; background-repeat: no-repeat; transition-duration: .5s; }
.archive-article:hover .archive-article_img_inner { transform: scale(1.1); }
.archive-article_top { display: flex; justify-content: space-between; margin: 15px 0 10px; }
.archive-article_top .date { font-family: 'Helvetica Neue', sans-serif; font-size: 1.5rem; font-weight: 300; }
.archive-article_top .category { font-size: 1.1rem; font-weight: 400; line-height: 2; padding: 1px 7px 0; border: 1px solid #000; }
.archive-article_tit { min-height: auto; }
.archive-article_tit h2 { font-size: 1.8rem; font-weight: 400; }
.top-two_cover { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 2; }

/*===============================
 header
===============================*/
#header { position: fixed; min-height: 80px; width: 100%; z-index: 999; display: flex; justify-content: flex-end; align-items: center; background: #EAEEF4; transition: 0.5s; }
#header.change-color { background-color: #EAEEF4; }
#header .header_logo { position: absolute; top: 24%; left: 40px; width: 230px; }
#pc-nav ul.menu { list-style: none; display: flex; justify-content: center; align-items: center; margin: 0; }
#pc-nav ul.menu > li > a { display: block; text-decoration: none; margin: 0 25px; font-size: 1.5rem; line-height: 1; color: #01152A; }
#pc-nav ul.menu > li > a.change-color { color: #01152A; }
#header.page #pc-nav ul.menu > li > a { color: #01152A; }
#pc-nav ul.menu > li:last-of-type { margin-left: 30px; }
#header #pc-nav ul.menu .contact_btn { display: block; color: #EAEEF4; background-color: #132C51; border: 1px solid #132C51; min-width: 220px; min-height: 80px; margin: 0; padding: 10px 0px; }
#header .contect_btn_tel { width: 100%; text-align: center; font-family: din-2014, sans-serif; font-weight: 600; font-style: normal; font-size: 2.4rem; line-height: 1.1; }
#header .contect_btn_tel img.tel_icon { width: 26px; margin: 1px 5px 0px 0; vertical-align: text-top; }
#header .contect_btn_tel a { color: #fff; }
#header .contect_btn_time { font-size: 1.4rem; text-align: center; }

/* ドロップダウンメニュー */
.menu li { position: relative; }
.menuSub { position: absolute; margin-left: 15px; padding-top: 10px; display: none; }
.menuSub li a { padding: 10px 15px; display: block; color: #fff; text-decoration: none; background: #132C51; border: 3px solid #132C51; width: 230px; }
.menuSub li:not(:last-of-type) a { border-bottom: 1px solid #fff; }
.menuSub li:last-of-type a { border-top: none; }
.menuSub li a:hover { background: #fff; color: #132C51; opacity: 1; }
.menuSub li:not(:last-of-type) a:hover { border-bottom: 1px solid #132C51; }
#menu_works { pointer-events: none; }

@media screen and (min-width: 1141px) and (max-width: 1400px) {
	#pc-nav ul.menu > li > a {margin: 0 15px;}
	#pc-nav ul.menu > li:last-of-type { margin-left: 20px; }
	#header .header_logo { left: 30px; }
}
@media screen and (min-width: 1025px) and (max-width: 1140px) {
	#pc-nav ul.menu > li > a {margin: 0 10px; font-size: 1.4rem;}
	#pc-nav ul.menu > li:last-of-type { margin-left: 15px; }
	#header #pc-nav ul.menu .contact_btn { min-width: 200px; }
	#header .contect_btn_tel { font-size: 2.0rem; }
	#header .contect_btn_time { font-size: 1.3rem; }
	#header .header_logo { left: 20px; }
}
@media screen and (max-width: 1024px) {
	#pc-nav { display: none; }
}

/*===============================
 MV
===============================*/
#mv { width: 100%; position: relative; height: 80vh; position: relative; }
#mv:before { content: ''; background-image: url(images/top_mv2.jpg); position: absolute; background-position: center; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; }
#mv .container { position: relative; margin: 0; width: 100%; max-width: none; height: 80vh; z-index: 1; }
.mv_txt_area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 90%; max-width: 1140px; }
.mv_tit { font-size: 5.0rem; line-height: 1.4; text-shadow: #58462C 0px 2px 2px; color: #C39000; font-family: '游明朝体', serif; margin-bottom: 10px; }
.mv_txt { color: #E6D8B3; text-shadow: #58462C 0px 2px 2px; font-size: 2.0rem; }
#mv_logo_txt { width: 90%; position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); bottom: -3.3vw; }
.mv_btn { display: flex; background-color: #FAC60E; color: #333; border: 3px solid #FAC60E; width: 500px; max-width: 90%; border-radius: 35px; justify-content: center; align-items: center; min-height: 60px; box-shadow: #707070 0px 3px 6px; }
.mv_btn:hover { background-color: #fff; color: #FAC60E; opacity: 1; }
.mv01 { position: relative; padding-top: 80px; background-size: cover; background-position: center; }
.mv01:before { content: ''; position: absolute; top: 80px; left: 0; width: 100%; height: 230px; background-image: url(images/mv01_bg.jpg); background-size: cover;background-repeat: no-repeat; }
.mv01 .mv01_inner:before { content: ''; position: absolute; top: 0; left: 0; width: 30%; height: 100%; background-image: url(images/mv01_deco.png); background-repeat: no-repeat; }
.mv02 { padding-top: 80px; background-size: cover; background-position: center; }
.mv01 .mv01_inner { position: relative; background-color: #133988; margin-top: 50px; }
.mv01 .left-container { max-width: calc(1290px + ((100% - 1140px) / 2)); }
.mv01 .pagetitle { padding: 67px 0 70px 150px; }
.mv01 .pagetit { margin-bottom: 8px; }
.mv02 { position: relative; }
.mv02_inner { padding: 130px 0 30px; }
.mv02_inner .pagetitle { width: 55%; background-color: rgba(255,255,255,0.68); padding:15px 0 15px calc((100vw - 1140px) / 2); }
.mv02 .pagetit { font-family: kinuta-mincho-stdn, sans-serif; font-size: 5.0rem; margin-bottom: 5px; color: #132C51; }
.mv02 .pagesubtit { font-family: times-new-roman, sans-serif; color: #132C51; }
.black_filter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

@media screen and (min-width: 1025px) and (max-width: 1500px) {
.mv_txt_area { max-width: 1100px; }
.mv01 .pagetitle { padding: 67px 0 70px 110px; }
.mv02_inner .pagetitle { padding: 15px 0 15px calc((100vw - 1100px) / 2); }
}

@media screen and (min-width: 1025px) and (max-width: 1220px) {
	.mv01 .pagetitle { padding: 67px 0 70px 60px; }
.mv02_inner .pagetitle { padding-left: 5vw; width: 65%; }
}

/*=== 9-1-4 矢印が動いてスクロールを促す  ====*/

/*スクロールダウン全体の場所*/
.scrolldown4{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:1%;
	right:50%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }

/*Scrollテキストの描写*/
.scrolldown4 span{
    /*描画位置*/
	position: absolute;
	left:-34px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 1.8rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	text-shadow: 0px 1px 2px #909090;
}

/* 矢印の描写 */
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 2px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
	box-shadow: 0px 1px 2px #909090;
}

.scrolldown4:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom: 0;
	right:0;
    /*矢印の形状*/
	width:2px;
	height: 82px;
	background:#eee;
	box-shadow: 0px 1px 2px #909090;
}

/*===============================
 トップページ
===============================*/
.top_sectit { margin-bottom: 80px; text-align: center; }
#top .top_sectit .sectitle01 { margin-bottom: 5px; }

/* ABOUT */
#top_about::after { content: ''; position: absolute; bottom: 0; left: 0; background-image: url(images/top_about_bg.png); height: 100%; width: 100%; }
.top_about_box { display: flex; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; position: relative; z-index: 1; }
.top_about_box .left { width: 50%; padding: 4%; background-color: #fff; border-radius: 5px 0 0 5px; }
.top_about_box .right { width: 50%; }
#top_about .secsubtitle01 { margin-bottom: 10px; }
#top_about .sectitle01 { margin-bottom: 40px; font-weight: 400; }
.top_about_img { border-radius: 0 5px 5px 0; }

/* 弁護士紹介 */
#top_lowyers { background-color: #EAEEF4; }
#top_lowyers .top_sectit { margin-bottom: 80px; }
.sec_top_lowyers_list { display: flex; justify-content: space-around; margin-bottom: 80px; }
.sec_top_lowyers_list > li { width: 330px; position: relative; }
.sec_top_lowyers_list_btn { background-color: #fff; display: block; padding: 25px 30px; position: relative; z-index: 1; }
.sec_top_lowyers_list_btn:hover { transform:translate3D(5px, 5px, 0); opacity: 1; }
.sec_top_lowyers_list_btn_back { position: absolute; width: 100%; height: 100%; top: 5px; left: 5px; background-color: #132C51; }
.sec_top_lowyers_list_btn_name { font-family: kinuta-mincho-stdn, sans-serif; font-size: 2.0rem; font-weight: 700; line-height: 1; margin-bottom: 12px; }
.sec_top_lowyers_list_btn_kana { font-family: times-new-roman, sans-serif; font-weight: 400; font-size: 1.4rem; line-height: 1; }
#top_lowyers .linkbtn { margin: 0 auto; }
.sec_top_lowyers_list_btn.btn_arrow:before { background: #01152A; }
.sec_top_lowyers_list_btn.btn_arrow:after { background: #01152A; top: 45%; right: 31px; }

/* WORKS */
#top_works { background-image: url(images/top_works_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: rgba(255, 255, 255, 0.5); background-blend-mode:lighten; }
.flex-row-r { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex ; }
#top_works { padding: 150px 0 100px; }
#top_works .top_sectit { text-align: left; width: 30.8%; margin-bottom: 0; }
#top_works .sectitle01 { color: #F7F7F7; }
#top_works .secsubtitle01 { color: #F7F7F7; }
#top_works .businessbox:before { position: absolute; top: 100px; left: 0; content: ''; display: block; width: 80%; height: 190px; background: #133988; z-index: 0; }
#top_works .businessbox .phtbox { position: absolute; top: 160px; left: 39.2%; width: 60.8%; height: 470px; }
#top_works .businessbox .phtbox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }
#top_works .businessbox .txtbox { position: relative; max-width: 1100px; }
.main h2 { margin: 105px 0 0; font-size: 3.2rem; }
.main h2 .en { display: block; font-size: 60%; letter-spacing: .05em; }
.main h2+p { margin-top: 40px; }
#top_works .businesslist { margin-top: 260px; position: relative; justify-content: center; }
#top_works .businesslist li { margin-top: 0; width: 530px; }
#top_works .businesslist li:not(:last-of-type) { margin-right: 40px; }
.main ul.noicon li { padding: 0; }
#top_works .businesslist li a { padding: 39px 8.3% 38px; display: block; text-decoration: none; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 85, 117, 0.08); opacity: 1; }
#top_works .businesslist li a h3 { margin-top: 0; font-size: 2.6rem; font-family: kinuta-mincho-stdn, sans-serif; }
#top_works .businesslist li a h3 .en { display: block; font-size: 60%; margin-top: 5px; }
.clip-txt, .main .clip-txt { color: #01152A; font-size: 1.4rem; font-weight: 400; font-family: times-new-roman, sans-serif; }
#top_works .businesslist li a h3 + p { margin-top: 25px; font-family: kinuta-mincho-stdn, sans-serif; text-align: center; }
#top_works .businesslist li a .linktxt-arr { margin-top: 25px; }
.ctr { text-align: center; }
#top_works .businesslist li a .linktxt-arr .en { position: relative; letter-spacing: 0.05em; transition: all 0.4s; font-size: 1.8rem; }
#top_works .businesslist li a:hover { background-color: #EAEEF4; }
#top_works .businesslist li a.btn_arrow:before { background: #01152A; bottom: 20%; right: 115px; }
#top_works .businesslist li a.btn_arrow:after { background: #01152A; right: 120px; top: 75.5%; }

/* NEWS */
.top_news_content { margin-bottom: 20px; }
#top_news { background-color: #EAEEF4; }
#top_news .container { max-width: 1100px; }
.top_news_content_flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_news_sectit { width: 300px; max-width: 100%; }
.top_news_linkbtn { margin-top: 65px; max-width: 100%;}
.top_news_article { width: calc(100% - 350px); }
.news_item a { display: flex; padding-block: 30px; border-bottom: 1px solid #231815; position: relative; }
.top_news_article > article.news_item:first-of-type a { border-top: 1px solid #231815; }
.top_news_article .news_item a { padding-right: 90px; }
.news_item a:before { content: '\f054'; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 17px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background-color: #01152A; border: 1px solid #01152A; border-radius: 50%; width: 30px; height: 30px; color: #fff; display: flex; justify-content: center; align-items: center; transition: 0.5s; padding-left: 1px; }
.news_item a:hover::before { background-color: transparent; color: #01152A; }
.news_item .news_item_date { margin-inline: 30px; }
.news_item .news_item_title { margin-inline: 5px; }
.news_item .news_item_arrow { width: 30px; display: inline-block; margin-left: auto; margin-right: 40px; }

/*===============================
 法人事業主のご相談
===============================*/
#mv_corporation .mv02_inner { background-image: url(images/page_corporation_mv_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.page_works_top { padding-bottom: 100px; }
.page_works_top .sectitle01 { text-align: center; margin-bottom: 50px; }
.page_works_detail { background-color: #EAEEF4; padding: 100px 0; }
.works_switch_list { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; }
.works_switch_list .works_switch_list_item { width: 23%; padding: 15px 25px; border-bottom: 1px solid #132C51; display: flex; align-items: center; line-height: 1.6; position: relative; min-height: 83px; }
.works_switch_list .works_switch_list_item:hover { opacity: 1; background-color: #132C51; color: #fff; border-radius: 10px; }
.works_switch_list .works_switch_list_item:after { content: ""; background: url(images/icn_plus.png) no-repeat center center / cover; width: 15px; height: 15px; display: block; position: absolute; top: 48%; transform: translateY(-50%) rotateX(180deg); right: 30px; z-index: 1; transition: 0.5s; }
.works_switch_list .works_switch_list_item.is-active { background-color: #132C51; color: #fff; border-radius: 10px; }
.works_switch_list .works_switch_list_item.is-active:after { content: ""; background: url(images/icn_plus_white.png) no-repeat center center / cover; width: 15px; height: 15px; display: block; position: absolute; top: 48%; transform: translateY(-50%); right: 30px; z-index: 1; transition: 0.5s; }
.works_detail_item { display: flex; justify-content: space-between; align-items: flex-start; }
.works_detail_item_left { width: 45%; }
.works_detail_item_left_tit { font-size: 2.6rem; border-bottom: 1px solid rgba(1, 21, 42, 0.25); padding-bottom: 20px; margin-bottom: 20px; }
.works_detail_item_left .linkbtn { margin-top: 30px; position: relative; }
.works_detail_item_left .linkbtn:after { content: ""; background: url(images/icn_right_white.png) no-repeat center center / cover; width: 15px; height: 15px; display: block; position: absolute; top: 48%; transform: translateY(-50%); right: 30px; z-index: 1; transition: 0.5s; }
.works_detail_item_left .linkbtn:hover::after { content: ""; background: url(images/icn_right_navy.png) no-repeat center center / cover; width: 15px; height: 15px; display: block; position: absolute; top: 48%; transform: translateY(-50%); right: 30px; z-index: 1; transition: 0.5s; }
.works_detail_item_right { width: 50%; }
.works_detail_item_right img { border-radius: 5px; }
.tab-panel { display: none; }
.tab-panel.is-active { display: flex; }

/*===============================
 個人のご相談
===============================*/
#mv_personal .mv02_inner { background-image: url(images/page_personal_mv_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }

/*===============================
 事務所紹介
===============================*/
/* 代表メッセージ */
#greeting { padding: 100px 0 50px; }
#greeting .greeting_name { text-align: right; margin-top: 10px; }
#greeting .page_sectit { font-family: kinuta-mincho-stdn, sans-serif; margin-bottom: 40px; }

/* 事務所概要 */
#office_overview .page_sectit { text-align: center; }
.about_box { padding: 60px 5% 40px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; }
#office_overview .about-list { margin-bottom: 70px; }
.about-list li { border-bottom: 1px solid #01152A; margin: 0 0 20px 0; padding: 0 0 20px 0; }
.about-list > li:last-of-type { margin-bottom: 0; }
.about-list dl { display: flex; justify-content: space-between; }
.about-list dt { width: 26%; padding: 0 0 0 50px; }
.about-list dd { width: 74%; }
.office_img_list { display: flex; flex-wrap: wrap; }
.office_img_list_item { width: calc((100% - 40px) / 2); margin-bottom: 50px; position: relative; }
.office_img_list > li:not(:nth-of-type(2n)) { margin-right: 40px; }
.office_img_list_item_img { position: relative; }
.office_img_list_item_img img { border-radius: 5px; position: relative; }
.office_img_list_item_img::before { content: ''; position: absolute; top: 50px; left: -30px; width: 100%; height: 100%; background-color: #EAEEF4; border-radius: 5px; }
.office_img_list_item .tit { padding-left: 20px; margin-top: 5px; position: relative; font-size: 1.8rem; }

/* アクセス */
#access { background-color: #EAEEF4; }
#access .page_sectit_area { margin-bottom: 50px; }
#access .page_sectit { text-align: center; margin-bottom: 5px; }
.access_info { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 70px; }
.access_info .about-list { width: 50%; }
.access_info img.access_info_img { width: 43%; border-radius: 5px; }
.access_img { margin-bottom: 70px; }
.access_img_list { display: flex; }
.access_img_list > li.access_img_list_item_img { width: calc((100% - 40px) / 2); }
.access_img_list > li:not(:last-of-type) { margin-right: 20px; }
.access_img_list_item .tit { padding-left: 20px; margin-top: 10px; }
.access_img_list_item_img img { border-radius: 5px; }
#access .about-list dt { width: 20%; padding: 0 0 0 10px; }
#access .about-list dd { width: 80%; }

/*===============================
 弁護士紹介
===============================*/
#lowyers { padding: 0 0 200px; }
.lowyer_area { padding-top: 100px; }
.lowyer_box { display: flex; justify-content: space-between; align-items: flex-start; padding: 3%; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; }
.lowyer_box_left { width: 50%; }
.lowyer_box_left_top { margin-bottom: 35px; }
.lowyer_box_left_top .position { font-family: kinuta-mincho-stdn, sans-serif; font-size: 1.8rem; }
.lowyer_box_left_top .name { font-family: kinuta-mincho-stdn, sans-serif; font-size: 2.6rem; font-weight: bold; }
.lowyer_box_left_top .kana { font-family: times-new-roman, sans-serif; }
.lowyer_box_right { width: 46%; }
#lowyers .about-list dt { width: 25%; padding: 0 0 0 30px; }
#lowyers .about-list dd { width: 70%; padding-right: 20px; }

/*===============================
 弁護士費用
===============================*/
/* 弁護士費用の種類 */
#fee_type { padding: 100px 0 50px; }
#fee_type .fee_price_inner_tit { font-weight: 500; }
.fee_type_list { margin-bottom: 30px; }
.fee_type_list_item { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #01152A; margin-bottom: 20px; }
.fee_type_list_item span { display: inline-block; padding: 10px 20px; background-color: #132C51; border-radius: 5px; color: #F7F7F7; width: 145px; text-align: center; margin-right: 40px; }
.fee_type_list_item p { width: calc(100% - 145px - 40px); line-height: 1.6; }
.fee_list_btmtxt { position: relative; padding-left: 40px; }
.fee_list_btmtxt:before { content: '※1：'; position: absolute; left: 0; }

/* 各種弁護士費用 */
.fee_sectit { text-align: center; margin-bottom: 50px; }
.fee_price_toptxt { width: 90%; max-width: 810px; margin-inline: auto; margin-bottom: 50px; }
.fee_price_txt02 { margin-bottom: 20px; }
.fee_price_inner { margin-bottom: 70px; }
.fee_price_inner_tit { font-size: 2.4rem; padding-bottom: 10px; border-bottom: 1px solid #01152A; margin-bottom: 40px; }
.price_list01_item dl { display: flex; justify-content: flex-start; }
.price_list01_item dt { width: 320px; background-color: #132C51; color: #fff; padding: 10px 0 10px 30px; display: flex; align-items: center; }
.price_list01_item dd { width: calc(100% - 320px); padding: 10px 0 10px 30px; border-bottom: 1px solid #132C51; border-right: 1px solid #132C51; background-color: #fff; }
.price_list01 > li:first-of-type dd { border-top: 1px solid #132C51; }
.price_list01 > li:not(:last-of-type) dt { border-bottom: 1px solid #F7F7F7; }
.price_list01 > li:first-of-type dt { border-top-left-radius: 5px; }
.price_list01 > li:last-of-type dt { border-bottom-left-radius: 5px; }
.fee_price_inner .fee_price_txt01 { margin-top: 20px; }
.price_list02 { border-collapse: separate; }
.price_list02 th { width: 320px; background-color: #132C51; color: #fff; padding: 10px 0 10px 30px; text-align: left; }
.price_list02 td { width: 320px; background-color: #fff; padding: 10px 0 10px 30px; border-bottom: 1px solid #132C51; border-right: 1px solid #132C51; }
.price_list02 th.profit { width: 500px; border-left: 1px solid #132C51; }
.price_list02 td.profit { width: 500px; border-left: 1px solid #132C51; }
.price_list02 tr th:not(:first-of-type) { border-left: 1px solid #F7F7F7; }
.price_list02 tr td:last-of-type { border-right: none; }
.price_list02 tr th:last-of-type, .price_list02 tr td:last-of-type { border-right: 1px solid #132C51; }
.price_list02 tr:first-of-type th:first-of-type { border-top-left-radius: 5px; }
.price_list02 tr:first-of-type th:last-of-type { border-top-right-radius: 5px; }
.scrollbox { width: 100%; overflow-x: auto; }

/*===============================
 よくある質問
===============================*/
.secFaq__list { max-width: 920px; margin: 0 auto; }
.secFaq__list > li:last-of-type { border-bottom: 1px solid #01152A; }
.secFaq__item { border-top: 1px solid #01152A; }
.secFaq__item__q { display: block; border: none; width: 100%; text-align: left; padding: 0; position: relative; background: none; }
.secFaq__item__q:before { content: ""; background: url(images/icn_plus.png) no-repeat center center / cover; width: 15px; height: 15px; display: block; position: absolute; top: 48%; transform: translateY(-50%); right: 50px; z-index: 1; transition: 0.5s; }
.secFaq__item__q.op:before { transform: translateY(-50%) rotateX(180deg); }
.secFaq__item__q:hover { cursor: pointer; }
.secFaq__item__q__ttl { display: flex; align-items: flex-start; position: relative; padding: 30px 40px; }
.secFaq__item__q__ttl__txt { font-size: 1.6rem; color: #01152A; }
.secFaq__item__a { display: none; }
.secFaq__icn { font-size: 2.4rem; margin-right: 30px; line-height: 1; color: #01152A; }
.secFaq__item__a .secFaq__icn { margin-right: 33px; margin-top: 3px; }
.secFaq__item__a__box { padding: 25px 100px 25px 40px; display: flex; align-items: flex-start; background-color: #D7E1F3; }

/*===============================
 プライバシーポリシー
===============================*/
#mv_privacy { padding-top: 80px; }
.mv_privacy_inner { padding: 100px 0; }
#mv_privacy .pagetitle { text-align: center; }
#mv_privacy .pagetitle .pagesubtit { font-size: 2.0rem; color: #01152A; font-weight: 400; }
#mv_privacy .pagetitle .pagetit { font-size: 4.0rem; color: #01152A; margin-bottom: 20px; font-weight: 400; }
.policy_content_inner { max-width: 1100px; padding: 0 5% 150px; margin-inline: auto; font-family: "Noto Serif", serif; }
.policy_content_inner .policy_txt { line-height: 2; }
.policy_content_inner .policy_item { padding-bottom: 50px; border-bottom: 1px solid #01152A; }
.policy_content_inner .policy_item ol { list-style: decimal outside!important; padding-left: 60px; }
.policy_content_inner .policy_item_title { padding: 50px 0 30px 20px; position: relative; }
.policy_content_inner .policy_item_title::before { content: ""; position: absolute; width: 3px; height: 40px; background: #01152A; top: 40px; left: 0; }
.policy_content_inner .policy_last_txt { text-align: right; margin-top: 30px; }

/*===============================
 お知らせ一覧
===============================*/
.news_archive_inner { max-width: 900px; padding: 100px 0; }
.news_archive_inner .news_list_item { display: inline-block; padding: 5px 0; display: flex; border-bottom: 1px #231815 solid; }
.news_archive_inner .news_list_date { font-size: 1.6rem; font-family: "Impact", sans-serif; }
.news_archive_inner .news_list_title { font-weight: 700; font-size: 1.6rem; margin-inline: 30px; }
.news_archive_inner .news_list_arrow { display: inline-block; width: 10px; margin-left: auto; margin-right: 30px; }
.news_archive_inner .news_list_arrow img { vertical-align: text-top; }
.newslist > li { border-bottom: 1px solid #707070; }
.newslist > li:first-of-type { border-top: 1px solid #707070; }
.newslist > li > a { padding: 30px 80px 30px 30px; display: flex; align-items: center; position: relative; }
.newslist > li > a:before { content: '\f054'; font-family: "Font Awesome 5 Free"; border: 1px solid #01152A; font-weight: 600; font-size: 17px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background-color: #01152A; border-radius: 50%; width: 30px; height: 30px; color: #fff; display: flex; justify-content: center; align-items: center; transition: 0.5s; padding-left: 1px; }
.newslist > li > a:hover::before { background-color: transparent; color: #01152A; }
.newslist .date { margin-right: 5%; }
.news_inner .pagelink { display: flex; align-items: flex-end; }
.mv_news::after { background: url(./images/news_mv.jpg) no-repeat center right / cover; }

/*===============================
 記事詳細（お知らせ）
===============================*/
.single-page { padding: 150px 0 100px; margin-bottom: 100px; }
.single-main .container { max-width: 890px; }
.single-main .article_date { font-style: normal; font-size: 1.8rem; font-weight: 400; letter-spacing: 0.1em; text-align: left; margin-bottom: 10px; }
.single-main .article_tit { font-size: 2.8rem; font-weight: 400; line-height: 1.5; letter-spacing: 0.02em; margin: 0 auto 50px; padding-bottom: 25px; border-bottom: 1px solid #01152A; }
.single-main .mainimg { max-width: 600px; margin: 0 auto 40px; }

/* content */
.article_content h2 { font-size: 2.2rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.7; padding-left: 20px; margin: 20px 0; position: relative; border-left: 3px solid #132C51; }
.article_content h3 { font-size: 1.6rem; font-weight: 400; letter-spacing: 0.1em; line-height: 2.125; padding: 10px 20px; margin-bottom: 20px; border: 1px solid #01152A; border-radius: 5px; position: relative; }
.article_content h4 { font-size: 1.6rem; font-weight: 400; letter-spacing: 0.1em; line-height: 2.125; padding-bottom: 5px; margin-bottom: 20px; position: relative; }
.article_content h5 { font-size: 1.5rem; font-weight: 400; letter-spacing: 0.1em; line-height: 2.125; padding-bottom: 5px; margin-bottom: 20px; position: relative; }
.article_content h6 { font-size: 1.4rem; font-weight: 400; letter-spacing: 0.1em; line-height: 2.125; padding-bottom: 5px; margin-bottom: 20px; position: relative; }
.article_content img { border: none !important; }
.article_content p { font-weight: 400; margin-bottom: 20px;}
.article_content p strong { font-weight: 700; }
.article_content p em { font-style: italic; }
.article_btmlink { display: flex; margin-top: 70px; }
.article_btmlink > div { width: 50%; min-height: 130px; position: relative; }
.article_btmlink > div.back { border-right: 2px solid #01152A; }
.article_btmlink > div > a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 2.4rem; font-weight: 200; color: #01152A; }
.single-main_btm { margin-top: 100px; }
.single-main_btm .linkbtn { margin: 0 auto; background-color: #132C51; color: #F7F7F7; }
.single-main_btm .linkbtn:hover { background-color: #F7F7F7; color: #132C51; }
.gallery-columns-2 > dl.gallery-item { width: 49% !important; }
.gallery-columns-2 > dl.gallery-item:not(:nth-of-type(2n)) { margin-right: 2%; }
.gallery-columns-3 > dl.gallery-item { width: 32% !important; }
.gallery-columns-3 > dl.gallery-item:not(:nth-of-type(3n)) { margin-right: 2%; }
.gallery-columns-4 > dl.gallery-item { width: 24% !important; }
.gallery-columns-4 > dl.gallery-item:not(:nth-of-type(4n)) { margin-right: calc( 4% / 3 ); }
.gallery-columns-5 > dl.gallery-item { width: 19% !important; }
.gallery-columns-5 > dl.gallery-item:not(:nth-of-type(5n)) { margin-right: calc( 5% / 4 ); }
.gallery-columns-6 > dl.gallery-item { width: 16% !important; }
.gallery-columns-6 > dl.gallery-item:not(:nth-of-type(6n)) { margin-right: calc( 4% / 5 ); }
.gallery-columns-7 > dl.gallery-item { width: 14% !important; }
.gallery-columns-7 > dl.gallery-item:not(:nth-of-type(7n)) { margin-right: calc( 2% / 6 ); }
.gallery-columns-8 > dl.gallery-item { width: 12% !important; }
.gallery-columns-8 > dl.gallery-item:not(:nth-of-type(8n)) { margin-right: calc( 4% / 7 ); }
.gallery-columns-9 > dl.gallery-item { width: 10% !important; }
.gallery-columns-9 > dl.gallery-item:not(:nth-of-type(9n)) { margin-right: calc( 10% / 8 ); }

/*===============================
 footer
===============================*/
#footer { position: relative; background-color: #EAEEF4; }
.openbtn { position: fixed; z-index: 9999; top: 0; right: 0; cursor: pointer; width: 70px; height: 67px; display: none; }
.openbtn span { display: inline-block; transition: all .4s; position: absolute; left: 20px; cursor: pointer; }
.openbtn span:nth-of-type(1), .openbtn span:nth-of-type(2) , .openbtn span:nth-of-type(3) { height: 1px; background: #231815; width: 40%; opacity: 1; }
.openbtn span:nth-of-type(1) { top: 30px; }
.openbtn span:nth-of-type(2) { top: 32px; opacity: 0; }
.openbtn span:nth-of-type(3) { top: 38px; }
.openbtn.active span:nth-of-type(1) { top: 26px; left: 28px; transform: translateY(6px) rotate(-45deg); width: 30%; opacity: 1; background: #fff; }
.openbtn.active span:nth-of-type(2) { opacity: 0; }
.openbtn.active span:nth-of-type(3){ top: 38px; left: 28px; transform: translateY(-6px) rotate(45deg); width: 30%; opacity: 1; background: #fff; }
.footer_inner01 { display: flex; justify-content: space-between; padding: 70px 0; }
.footer_inner_left { display: flex; align-items: flex-start; justify-content: flex-start; }
.footer_logo { width: 165px; margin-right: 20px; }
.footer_tel_number { margin-bottom: 5px; }
.footer_tel_number > a { display: flex; justify-content: flex-start; align-items: center; }
.footer_tel_number .footer_tel_icon { width: 28px; margin-right: 5px; }
.footer_tel_number_inner { font-size: 3.4rem; font-weight: 700; letter-spacing: 0.03em; line-height: 1; padding-bottom: 3px; }
.footer_tel_number_btmtxt { padding-left: 37px; font-family: kinuta-mincho-stdn, sans-serif; }
.footer_menu > ul { padding-left: 0; display: grid; grid-auto-flow: column; grid-template-rows: repeat(4, auto); gap: 10px; }
.footer_menu > ul > li > a { margin: 0 20px; font-size: 1.6rem; line-height: 1; font-weight: 400; }
.copyright { text-align: center; padding: 10px 0; background-color: #132C51; }
.copyright small { font-size: 1.0rem; font-style: normal; font-weight: 400; letter-spacing: 0.12em; color: #E4F0FF; }
#page-top { position: fixed; right: 0; top: 200px; z-index: 100; }
#page-top a { color: #fff; display: inline-block; padding: 30px; background-color: rgb(90, 73, 87); text-align: center; border-radius: 50px 0 0 50px; }
#page-top a span { font-size: 2.6rem; font-weight: 600; }

/*========= グローバルナビゲーションのためのCSS ===============*/
#g-nav{ /*position:fixed;にし、z-indexの数値を大きくして前面へ*/ position:fixed; z-index: 999; /*ナビのスタート位置と形状*/ bottom:-120%; left:0; width:100%; height: 100vh;/*ナビの高さ*/ background:#132C51; /*動き*/ transition: all 0.6s; }

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{ bottom: 0; }

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{ /*ナビの数が増えた場合縦スクロール*/ position: fixed; z-index: 999;  width: 100%; height: 100vh;/*表示する高さ*/ overflow: auto; -webkit-overflow-scrolling: touch; }

/*ナビゲーション*/
#g-nav ul { /*ナビゲーション天地中央揃え*/ position: absolute; z-index: 999; top:50%; left:50%; transform: translate(-50%,-50%); width: 80%; }

/*リストのレイアウト設定*/
#g-nav li{ list-style: none; text-align: center;  }
#g-nav li a{ color: #fff; text-decoration: none; padding:15px 0; display: block; letter-spacing: 0.1em; font-weight: bold; line-height: 1.85; }

@media screen and (max-width: 1024px) {
.openbtn { display: block; }

/*===============================
 トップページ
===============================*/
.top_news_article .news_item a { padding-right: 0; }

/*===============================
 弁護士紹介
===============================*/
#lowyers { padding: 0 0 70px; }
.lowyer_area { padding: 70px 5% 0; }
.lowyer_box { flex-wrap: wrap; padding: 6%; }
.lowyer_box_left { width: 100%; margin-bottom: 20px; }
.lowyer_box_left_top { margin-bottom: 10px; }
.lowyer_box_left_top .name { display: inline-block; margin-right: 10px; }
.lowyer_box_left_top .kana { display: inline-block; }
.lowyer_box_right { width: 100%; }
.lowyer_box_right .about-list dl { display: block; }
#lowyers .about-list dt { width: 100%; font-weight: 700; color: #133988; padding: 0;}
#lowyers .about-list dd { width: 100%; }

/*===============================
 よくある質問
===============================*/
.secFaq__icn { margin-right: 20px; }
.secFaq__item__q:before { right: 35px; }
.secFaq__item__q__ttl__txt { padding-right: 11%; }
.secFaq__item__a__box { padding: 0 11% 25px 12.5%; }

/*===============================
 footer
===============================*/
.footer_inner01 { padding: 50px 0 30px; flex-wrap: wrap; }
.footer_inner_left { flex-wrap: wrap; justify-content: center; margin-bottom: 30px; }
.footer_logo { margin: 0 0 30px 0 ; }
.footer_menu { display: flex; padding: 0px 10%; justify-content: space-between; margin-bottom: 0; }
.footer_menu > ul { display: block; width: auto; }
.footer_menu > ul > li > a { margin: 0; }
.footer_menu > ul > li:not(:last-of-type) { margin-bottom: 20px; }
.copyright { line-height: 1.3; padding: 7px 0 15px; }
.copyright small { font-size: 1.0rem; letter-spacing: 0.1em; }
}

/*===============================
 ページネーション
===============================*/
.pagination { margin: 100px 0 0; text-align: center; }
.nav-links { font-style: normal; font-size: 2.0rem; font-weight: 700; letter-spacing: 0.2em; }
.nav-links > span { margin: 0 15px 0; color: #F58220; }
.nav-links > a { margin: 0 15px 0; }
.page-numbers { font-weight: 300; }

/*===============================
 404
===============================*/
#mv_notfound { padding-top: 80px; }
#mv_notfound .mv02_inner .pagetitle { width: 100%; padding: 0; background-color: transparent; }
#notfound { padding: 50px 0 200px; }
#no-found_tit { font-size: 5.0rem; text-align: center; font-family: times-new-roman sans-serif; }
#notfound .container p { text-align: center; margin-bottom: 50px; }
#notfound .linkbtn { margin: 0 auto; background-color: #132C51; }
#notfound .linkbtn:hover { background-color: #fff; color: #132C51; }

@media screen and (max-width: 767px) {
/*===============================
 Font
===============================*/
p, li, dt, dd, th, td { font-size: 1.5rem; line-height: 2; }

/*===============================
 Layout
===============================*/
.container { width:100%; padding: 0 5%; }
.left-container, .right-container { width: 93%; }
section {padding:50px 0; }
.pagetitle { padding: 117px 0 0 0; }
.pagetit {font-size: 2.8rem; font-weight: 700;}
.pagesubtit {font-size: 1.8rem; margin-bottom: 0;}
.sectitle01 {font-size: 2.4rem;}
.sectitle02 {font-size: 2.8rem;}
.secsubtitle01 { font-size: 1.5rem; }
.linkbtn {width: 300px;min-height: 60px;}
.linkbtn.btn_arrow:before { width: 50px; }
.linkbtn.btn_arrow:after { top: 35%; }
.cta { padding: 20px 0 70px; }
.cta.btm { padding-bottom: 70px; }
.cta .linkbtn { width: 320px; min-height: 70px; font-size: 1.8rem; }

/*===============================
 COMMON
===============================*/
/* btm_link */
.btm_link_inner { flex-wrap: wrap; }
.btm_link_inner_item { width: 100%; padding-top: 50%; }
.btm_link_inner_item_tit { top: 34%; }
.btm_link_inner_item_tit .tit { font-size: 2.4rem; }
.btm_link_inner_item_tit .subtit { font-size: 1.3rem; }
.btm_link_inner_item_nav { top: 73%; }

/*===============================
 header
===============================*/
#header { min-height: 67px; }
#header .header_logo { top: 50%; left: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 200px; }

/*===============================
 MV
===============================*/
#mv { height: 100vh; }
#mv:before { background-image: url(images/top_mv2_sp.jpg); }
#mv .container { height: 100vh; }
.mv_txt_area { top: 50%; }
.mv_tit { font-size: 3.4rem; color: #fff; -webkit-text-stroke-width: 0; -webkit-text-stroke-color: none; }
.mv01 { padding: 30px 0 0; margin-top: 67px; }
.mv01:before { top: 0; height: 163px; }
.mv01 .mv01_inner { padding: 50px 30px; margin-top: 0; }
.mv01 .mv01_inner:before { width: 100%; }
.mv01 .pagetitle { padding: 0; }
.mv02 { padding-top: 67px; }
.mv02 .pagetitle { padding: 20px 0 20px 5%; }
.mv02_inner { padding: 90px 0 30px; }
.mv02_inner .pagetitle { width: 90%; }
.mv02 .pagetit { font-size: 2.8rem; margin-bottom: 5px; }

/*===============================
 トップページ
===============================*/
.top_sectit {  margin-bottom: 30px; }
.top_sectit h2 { font-size: 2.4rem; }
#top .top_sectit .sectitle01 { margin-bottom: 2px; }

/* ABOUT */
#top_about .sectitle01 { margin-bottom: 20px; font-size: 2.2rem; }
.top_about_box { flex-wrap: wrap; }
.top_about_box .left { width: 100%; order: 2; padding: 6%; border-radius: 0 0 5px 5px; }
.top_about_box .right { width: 100%; order: 1; }
.top_about_img { border-radius: 5px 5px 0 0; }

/* 弁護士紹介 */
#top_lowyers .top_sectit { margin-bottom: 30px; }
.sec_top_lowyers_list { flex-wrap: wrap; margin-bottom: 50px; }
.sec_top_lowyers_list > li:not(:last-of-type) { margin-bottom: 20px; }

/* WORKS */
#top_works { padding: 50px 0; }
#top_works .businessbox .phtbox { position: static; margin: 0; width: 95%; height: auto; z-index: 1; }
#top_works .businessbox .phtbox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }
#top_works .businessbox .txtbox { margin-top: 40px; }
#top_works .businessbox:before { top: 170px; width: 100%; height: 80vw; }
#top_works .businessbox .txtbox .box { width: 100%; }
#top_works .businesslist { margin-top: 40px; }
#top_works .businesslist li { width: 100%; }
#top_works .businesslist li:not(:last-of-type) { margin-right: 0; margin-bottom: 20px; }
#top_works .businesslist li a { padding: 33px 6% 32px; }
#top_works .businesslist li a h3 { font-size: 2.2rem; }
#top_works .businesslist li a h3 + p { margin-top: 20px; font-size: 1.4rem; }
#top_works .businesslist li a .linktxt-arr { margin-top: 20px; }
#top_works .businesslist li a.btn_arrow:before { bottom: 17%; right: 50px; }
#top_works .businesslist li a.btn_arrow:after { right: 55px; top: 78.3%; }
#top_works .businesslist li a .linktxt-arr .en { font-size: 1.7rem; }

/* NEWS */
.top_news_sectit { margin-bottom: 30px; }
.top_news_sectit .sectitle01 { margin-bottom: 2px; }
.top_news_linkbtn { margin-top: 20px; }
.top_news_article { width: 100%; }
.news_item a { padding-block: 13px; flex-wrap: wrap; }
.news_item .news_item_date { margin-inline: 0; margin-bottom: 3px;}
.news_item .news_item_title { margin-inline: 0; padding-right: 50px; line-height: 1.6; }
.news_item a:before { right: 15px; width: 21px; height: 21px; font-size: 11px; }

/*===============================
 法人・事業主のご相談
===============================*/
.page_works_top { padding-bottom: 30px; }
.page_works_top .sectitle01 { margin-bottom: 30px; }
.page_works_detail { padding: 30px 0; }
.works_detail_item { flex-wrap: wrap; }
.works_switch_list { gap: 10px; }
.works_switch_list .works_switch_list_item { width: 48%; padding: 10px; min-height: auto; font-size: 1.4rem; }
.works_switch_list .works_switch_list_item.is-active { border-radius: 6px; }
.works_switch_list .works_switch_list_item:after { right: 10px; width: 10px; height: 10px; }
.works_switch_list .works_switch_list_item.is-active:after { width: 10px; height: 10px; right: 10px; }
.works_detail_item_left { width: 100%; margin-bottom: 40px; }
.works_detail_item_left .linkbtn { padding-bottom: 3px; }
.works_detail_item_left_tit { font-size: 2.2rem; }
.works_detail_item_right { width: 100%; }

/*===============================
 弁護士紹介
===============================*/
.lowyer_box { padding: 6%; }

/*===============================
 事務所紹介
===============================*/
/* 代表メッセージ */
#greeting { padding: 50px 0; }
#greeting .page_sectit { margin-bottom: 25px; font-size: 2.4rem; }

/* 事務所概要 */
.about-list dl { display: block; }
.about-list li { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.about-list dt { width: 100%; padding: 0; font-weight: 700; }
.about-list dd { width: 100%; }
#office_overview .about-list { margin-bottom: 50px; }
#office_overview .page_sectit { font-size: 2.4rem; margin-bottom: 30px; }
.about_box { width: 90%; padding: 5%; }
.office_img_list > li:not(:nth-of-type(2n)) { margin-right: 0; }
.office_img_list_item { width: 100%; }
.office_img_list_item_img::before { left: -6%; }

/* アクセス */
#access .page_sectit { margin-bottom: 0; }
#access .page_sectit_area { margin-bottom: 40px; }
.access_info { flex-wrap: wrap; margin-bottom: 40px; }
.access_info .about-list { width: 100%; order: 2; }
.access_info img.access_info_img { width: 100%; order: 1; margin-bottom: 30px; }
.access_img_list { flex-wrap: wrap; }
.access_img_list > li:not(:last-of-type) { margin-right: 0; margin-bottom: 30px; }
.access_img { margin-bottom: 40px; }
#access .about-list dt { width: 100%; padding: 0; }
#access .about-list dd { width: 100%; }

/*===============================
 弁護士費用
===============================*/
#fee_type { padding: 50px 0 50px; }
.fee_sectit { margin-bottom: 30px; }
.fee_type_list_item { display: block; }
.fee_type_list_item span { margin: 0 0 15px 0; padding: 5px 20px; }
.fee_type_list_item p { width: 100%; }
.fee_list_btmtxt { font-size: 1.33rem; }
.price_list01_item dt { width: 170px; padding: 10px 0 10px 20px; }
.price_list01_item dd { width: calc(100% - 170px); padding: 10px 0 10px 20px; }
.fee_price_toptxt { margin-bottom: 40px; }
.fee_price_txt02 { margin-bottom: 10px; }
.fee_price_inner { margin-bottom: 50px; }
.fee_price_inner_tit { font-size: 2.2rem; margin-bottom: 20px; }
#fee_price_inner02 { padding: 0; }
#fee_price_inner02 .fee_price_inner_tit { margin: 0 5% 20px; }
.scrollbox_inner { padding: 0 5%; overflow-x: auto; }
.price_list02 { min-width: 700px; }
#fee_price_inner02 .fee_price_txt01 { padding: 0 5%; }

/*===============================
 よくある質問
===============================*/
.secFaq__item__q__ttl { padding: 20px 15px; }
.secFaq__icn { font-size: 2.0rem; margin-right: 10px; }
.secFaq__item__q__ttl__txt { font-size: 1.4rem; padding-right: 25px; }
.secFaq__item__q:before { right: 15px; width: 13px; height: 13px; }
.secFaq__item__a__box { padding: 20px 25px 20px 16px; }
.secFaq__item__a__txt { font-size: 1.4rem; line-height: 1.6; }
.secFaq__item__a .secFaq__icn { margin-right: 11px; margin-top: 1px; }

/*===============================
 お知らせ一覧
===============================*/
.news_archive_inner { padding: 50px 5%; }
.newslist > li > a { padding: 15px 45px 15px 15px; flex-wrap: wrap; }
.newslist > li > a:before { right: 15px; }
.newslist .date { margin-right: 0; width: 100%; }
.newslist .tit { width: 100%; }
.newslist > li > a:before { right: 15px; width: 22px; height: 22px; font-size: 11px; }

/*===============================
 SINGLE
===============================*/
.single-page { padding: 67px 0 0; margin-bottom: 50px; }
.single-main .container { padding: 30px 7vw; }
.single-works .article_tit_area { margin-bottom: 30px; }
.single-main .article_date { font-size: 1.4rem; text-align: left; margin-bottom: 5px; }
.single-main .article_tit { font-size: 2.2rem; line-height: 1.666; margin: 0 auto 30px; padding-bottom: 15px; }
.single-main .mainimg { margin-bottom: 30px; }
.cta.cta_works .linkbtn { font-size: 1.7rem; width: 320px; min-height: 70px; }
.single-main_btm { margin-top: 0; }

/* content */
.article_content h2 { font-size: 2.0rem; padding-left: 15px; margin: 0 auto 15px; line-height: 1.5; }
.article_content h3 { font-size: 1.5rem; line-height: 1.73; }
.article_content h4 { font-size: 1.4rem; line-height: 1.66; }
.article_content h5 { font-size: 1.4rem; line-height: 1.66; }
.article_content h6 { font-size: 1.4rem; line-height: 1.66; }
.article_content p { margin-bottom: 10px; }
.article_btmlink { margin: 50px 0; }
.article_btmlink > div { min-height: 100px; }
.article_btmlink > div.back { border-right: 1px solid #132C51; }
.article_btmlink > div > a { font-size: 1.6rem; width: 70%; }
.article_btmlink > div.next > a { text-align: right; }

/*===============================
 ページネーション
===============================*/
.pagination { margin: 50px 0 20px; }
.nav-links > span { margin: 0 10px 0; }
.nav-links > a { margin: 0 10px 0; }

/*===============================
 404
===============================*/
#mv_notfound { padding-top: 67px; }
#mv_notfound .mv02_inner { padding: 50px 0 0; }
#mv_notfound .pagetitle { padding: 30px 0; }
#notfound { padding: 50px 0; }
#no-found_tit { font-size: 2.6rem; }
#notfound .container p { margin-bottom: 30px; }

/*===============================
 page-privacy-policy
===============================*/
#mv_privacy { padding-top: 67px; }
#mv_privacy .pagetitle { padding: 30px 0 30px; }
#mv_privacy .pagetitle .pagesubtit { font-size: 4.0rem; }
#mv_privacy .pagetitle .pagetit { font-size: 1.6rem; }
.privacy_content > div:first-of-type { padding-top: 0; }
.privacy_inner { padding: 30px 0;; }
.privacy_inner h2 { font-size: 2.0rem; margin-bottom: 20px; }
.privacy_inner > ul { padding-left: 36px; }
.privacy_inner > ul > ul { padding-left: 35px; }
.privacy_inner ul > li:not(:last-of-type) { margin-bottom: 15px; }
.privacy_num { top: -11px; }
#privacy_btm { margin-top: 20px; }

/*===============================
 footer
===============================*/
.footer_inner01 { padding: 50px 0 30px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
/*===============================
 Layout
===============================*/
p, li, dt, dd, th, td { font-size: 1.4rem; line-height: 2; }
section { padding: 70px 0; }
.pagesubtit {font-size: 2.0rem;}
.pagetit {font-size: 3.6rem;}
.sectitle01 {font-size: 2.7rem;}
.page_sectit {font-size: 2.7rem;}
.secsubtitle01 { font-size: 1.5rem; }
.linkbtn {width: 280px; min-height: 60px; font-size: 1.4rem;}
.btn_arrow:before { width: 40px; }
.btn_arrow:hover::before { width: 20px; }
.btn_arrow:after { top: 37%; }

/*===============================
 COMMON
===============================*/
/* btm_link */
.btm_link_inner_item { padding-top: 30%; background-position: center; }
.btm_link_inner_item_tit .tit { font-size: 2.4rem; }
.btm_link_inner_item_tit .subtit { font-size: 1.4rem; }
.btm_link_inner_item_nav { top: 70%; font-size: 1.6rem; }

/*===============================
 header
===============================*/
#header { min-height: 70px; }
#header .header_logo { top: 16%; left: 15px; width: 260px; }

/*===============================
 MV
===============================*/
#mv:before { background-position: 65% 35%; }
.mv_tit { font-size: 4.7rem; }
.mv_txt { font-size: 2.2rem; }
.mv_txt br.sp:nth-of-type(2) { display: block; }
.mv01 { padding-top: 70px; }
.mv01:before { top: 70px; height: 190px; }
.mv01 .pagetitle { padding: 58px 0 58px 5%; }
.mv01 .mv01_inner { margin-top: 30px; }
.mv01 .mv01_inner:before { width: 50%; }
.mv02 { padding-top: 70px; }
.mv02_inner { padding: 80px 0 30px; }
.mv02_inner .pagetitle { padding: 15px 0 15px 5%; width: 60%; }
.mv02 .pagetit { font-size: 3.6rem; }
.mv02 .pagesubtit { font-size: 2.0rem; }

/*===============================
 トップページ
===============================*/
.top_sectit { margin-bottom: 50px; }
.top_sectit h2 { font-size: 2.7rem; }

/* ABOUT */
#top_about .sectitle01 { font-size: 2.2rem; margin-bottom: 20px; }
.top_about_box .left { padding: 3.7%; }

/* 弁護士紹介 */
.sec_top_lowyers_list > li { width: 30%; }
.sec_top_lowyers_list_btn { padding: 20px 25px; }
.sec_top_lowyers_list_btn.btn_arrow:after { top: 44%; right: 30px; }

/* 取扱業務 */
#top_works { padding: 100px 0 70px; }
#top_works .businessbox:before { top: 62px; height: 160px; }
#top_works .businessbox .phtbox { top: 120px; height: 300px; left: 35.2%; width: 65.8%; }
#top_works .businesslist { margin-top: 160px; }
#top_works .businesslist li { width: calc((100% - 20px) / 2); }
#top_works .businesslist li:not(:last-of-type) { margin-right: 20px; }
#top_works .businesslist li a { padding: 30px 5.3% 29px; }
#top_works .businesslist li a h3 { font-size: 2.0rem; }
#top_works .businesslist li a h3 + p { font-size: 1.3rem; margin-top: 20px; }
#top_works .businesslist li a .linktxt-arr { margin-top: 20px; }
#top_works .businesslist li a .linktxt-arr .en { font-size: 1.6rem; }
#top_works .businesslist li a.btn_arrow:before { bottom: 19%; right: 50px; }
#top_works .businesslist li a.btn_arrow:after { top: 75.5%; right: 54px; }

/* お知らせ */
.top_news_sectit { width: 200px; }
.top_news_linkbtn { width: 200px; }
.top_news_article { width: calc(100% - 230px); }
.top_news_article .news_item a { flex-wrap: wrap; padding-block: 15px; }
.top_news_article .news_item a:before { right: 15px; }
.top_news_article .news_item .news_item_date { width: 100%; margin-inline: 0; padding-right: 60px; }
.top_news_article .news_item .news_item_title { width: 100%; margin-inline: 0; padding-right: 60px; }

/*===============================
 法人・事業主のご相談
===============================*/
.page_works { padding: 50px 0; }
.works_switch_list { justify-content: flex-start; }
.works_switch_list .works_switch_list_item { width: 30%; padding: 15px 20px; width: calc((100% - 40px) / 3); }
.works_switch_list .works_switch_list_item:after { right: 20px; }
.works_switch_list .works_switch_list_item.is-active:after { right: 20px; }
.page_works_top { padding-bottom: 50px; }
.page_works_top .sectitle01 { margin-bottom: 35px; }
.page_works_detail { padding: 50px 0; }
.works_detail_item_left { width: 50%; }
.works_detail_item_left .linkbtn { padding-bottom: 3px; line-height: 1; margin-top: 20px; }
.works_detail_item_left .linkbtn:after { width: 12px; height: 12px; }
.works_detail_item_left_tit { font-size: 2.2rem; padding-bottom: 15px; margin-bottom: 15px; }
.works_detail_item_right { width: 46%; }

/*===============================
 弁護士紹介
===============================*/
.lowyer_box { width: 100%; padding: 5%; }
#lowyers .about-list dt { font-size: 1.5rem; }

/*===============================
 弁護士費用
===============================*/
#fee_type { padding: 70px 0 35px; }
.fee_type_list_item span { margin-right: 30px; }

/*===============================
 事務所紹介
===============================*/
#greeting { padding: 70px 0 30px; }
#greeting .page_sectit { margin-bottom: 30px; }
#greeting .greeting_name { margin-top: 20px; }
.about_box { padding: 50px 5% 20px; }
.about-list li { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.about-list dt { width: 25%; padding: 0 0 0 20px; }
.about-list dd { width: 75%; }
.office_img_list_item .tit { font-size: 1.6rem; }
.access_info { margin-bottom: 50px; }
.access_info .about-list { width: 60%; }
.access_img { margin-bottom: 50px; }
.access_info img.access_info_img { width: 38%; }

/*===============================
 お知らせ一覧
===============================*/
.news_archive_inner { padding: 100px 0 200px; }
.newslist > li > a { padding: 30px 80px 30px 30px; }

/*===============================
 SINGLE
===============================*/
.single-page { padding: 110px 0; margin-bottom: 0; }
.single-main .article_tit { font-size: 2.6rem; margin: 0 auto 40px; padding-bottom: 20px; }
.single-main_btm { margin-top: 70px; }
.article_content h2 { font-size: 2.0rem; }
.article_content p { margin-bottom: 10px; }

/*===============================
 よくある質問
===============================*/
.secFaq__item__a__box { padding: 25px 80px 25px 40px; }

/*===============================
 ページネーション
===============================*/
.pagination { margin: 70px 0 0; }

/*===============================
 footer
===============================*/
.footer_inner01 { padding: 50px 0; }
.footer_inner_left { width: 100%; }
.footer_logo { margin: 0 20px 10px 0; }
.footer_menu { padding: 0 5%; width: 100%; }
.footer_menu > ul { flex-wrap: wrap; display: grid; grid-template-rows: repeat(2, auto); gap: 10px 40px; margin-inline: auto; }
.footer_menu > ul > li { text-align: center; }
.footer_menu > ul > li:not(:last-of-type) { margin-bottom: 0; }
.footer_menu > ul > li > a { margin: 0; font-size: 1.4rem; }
#g-nav li a { font-size: 1.8rem; }
#g-nav.panelactive { bottom: 0; }
.openbtn { right: 15px; height: 70px; }
.copyright small { font-size: 1.0rem; }

/*===============================
 page-privacy-policy
===============================*/
#mv_privacy { padding-top: 70px; }
.mv_privacy_inner { padding: 70px 0; }
#mv_privacy .pagetitle .pagetit { font-size: 3.0rem; margin-bottom: 10px; }
#mv_privacy .pagetitle .pagesubtit { font-size: 2.0rem; }
.policy_content_inner { padding: 0 5% 70px; }

/*===============================
 404
===============================*/
#no-found_tit { font-size: 4.0rem; }
#mv_notfound .pagetitle { padding: 70px 0; }
}

@media screen and (min-width: 800px) and (max-width: 990px) {
#g-nav-inner { top: 30%; }
}


@media screen and (min-width: 991px) and (max-width: 1024px) {
/*===============================
 footer
===============================*/
.footer_menu { padding: 0 10%; }
.openbtn { width: 100px; height: 70px; right: 20px; }
#g-nav-inner { top: 27%; }
}


@media screen and (min-width: 1025px) and (max-width: 1300px) {
#top_works .businesslist { flex-wrap: nowrap; }
#top_works .businesslist li { width: 460px; }
}

@media screen and (min-width: 1025px) and (max-width: 1140px) {
.sec_top_lowyers_list > li { width: 280px; }
}