@charset "utf-8";
/* CSS Document */

/*===============================================
ロゴの赤　#cf000e

debt　/　債務整理　/　#704b3f
divorce　/　離婚問題　/　#eb4767
accident　/　交通事故　/　#409cc5
hepatitisb　/　B型肝炎　/　#22a098
criminal　/　刑事事件　/　#94000c
work　/　労働問題 残業代請求　/　#5269aa
g_dismissal　/　不当解雇・退職勧奨　/　#5269aa
disaster　/　労働災害　/　#5269aa
g_other_work　/　労働条件・ハラスメント　/　#5269aa
claim　/　債権回収　/　#14385e
bequest　/　遺産相続　/　#e65c00
g_lp_indi / 個人向け 顧問弁護士　/　#1c4e48
kenchikusosho / 建築トラブル・訴訟問題 / #2552AC
marine_accident / 海難事故 / #2552AC

g_lp_indi / 法人 顧問弁護士　/　#1c4e48
realestate　/　不動産建物明渡し　/　#a16600
civil　/　民事再生・法人破産　/　#149393
china　/　中国進出支援　/　#e02000
overseas　/　海外進出支援　/　#818181
===============================================*/
/* デフォルト */
.default_bg { background-color: #595959; }
/* 顧問弁護 */
.adviser_bg { background-color: #1c4e48; }
/* 債権回収 */
.claim_bg { background-color: #14385e; }
/* 遺産相続 */
.bequest_bg { background-color: #ff7d27; }
/* 債務整理 */
.debt_bg { background-color: #704b3f; }
/* 離婚 */
.divorce_bg { background-color: #eb4767; }
/* 交通事故 */
.accident_bg { background-color: #409cc5; }
/* B型肝炎 */
.hepatitisb_bg { background-color: #22a098; }
/* 刑事 */
.criminal_bg { background-color: #94000c; }
/* 労働 残業代請求 */
.work_bg { background-color: #5269aa; }
/* 労働災害 */
.disaster_bg { background-color: #5269aa; }
/* 債権回収 */
.claim_bg { background-color: #14385e; }
/* 遺産相続 */
.beques_bg { background-color: #e65c00; }
/*学校問題*/
.school_bg { background-color: #e65c00; }
/*消費者問題*/
.consumer_bg { background-color: #76B54F; }
/* 一般民事　顧問弁護士 */
.general_civil_bg { background-color: #1c4e48; }
.g_lp_indi_bg { background-color: #1c4e48; }
/* 一般企業法務　顧問弁護士 */
.g_lp_corp_bg { background-color: #1c4e48; }
/* 不動産建物明渡 */
.realestate_bg { background-color: #a16600; }
/* 民事再生・法人破産 */
.civil_bg { background-color: #149393; }
/* 中国進出支援 */
.china_bg { background-color: #e02000; }
/* 海外進出支援 */
.overseas_bg { background-color: #818181; }
/* 削除請求 */
.ol_defamation_bg { background-color: #595959; }
/* 一般企業法務 */
.general_corporate_bg { background-color: #595959; }
/*[法人]削除請求*/
.ol_defamation_corp_bg { background-color: #595959; }
/*[法人]知的財産*/
.intellectual_bg { background-color: #595959; }
/*[法人]債権回収*/
.claim_corp_bg { background-color: #595959; }

/*オフィスの弁護士 よくある質問で使用*/
.office_lawyer_bg { background-color: #595959; }

/*================================================
* Reset Style
================================================*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

nav ul, ul, ol {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs 
*/
hr {
display:block;
height:1px;
border:0; 
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img {
	border: 0;
	border-style: none;
	vertical-align: top;
}

.cf:after {
    content:" ";
    display:block;
    clear:both;
}

*{
	box-sizing: border-box;
}
.s-clear-both {
	clear: both;
}
sup {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
.u-border__no {
	border: none;
}
/*===============================================
オフィスの設定
===============================================*/
/*Firefoxのスクロールバーの有無でセンタリング位置がズレる件を解消用です。*/
html {  
    overflow-y:scroll;  
}
body{
	margin: 0;
	line-height: 1.5;
	color: #333;
	font-size: 100%;
	font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6 {  
} 
h1  {
	font-size: 1.75rem;
	font-weight: bold;
}
h2 {
	font-size: 1.5rem;
	line-height: 1.3;
	font-weight: bold;
}
h3 {
	font-size: 1.38rem;
	font-weight: bold;
}
h4 {}
h5 {}
h6 {}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #cf000e;
	text-decoration: underline;
}
a:active {
	color: #333;
	text-decoration: none;
}
a.blank:after {
	content: url(/common_api/branch/img/common/blank_icon.png);
	width: 11px;
	padding: 0 0 0 9px;
}
a.link-blank:after {
	content: url(/common_api/branch/img/common/blank_icon.png);
	width: 11px;
	padding: 0 0 0 9px;
}
a.link-blank__nospace:after {
	content: url(/common_api/branch/img/common/blank_icon.png);
	width: 11px;
	padding: 0;
}
a.a_before:before {
	display: inline-block;
	position: relative;
	width:0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #cf000e;
	content: "";
}
a.a_after:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	width:0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #cf000e;
}
a.underline_red {
	color: #cf000e;
	text-decoration: underline;
}
a:hover.underline_red {
	text-decoration: none;
}
a.underline_gray {
	text-decoration: underline;
}
a:hover.underline_gray {
	text-decoration: none;
}
/* 青い下線のリンク */
a.link-insite {
	color: #0d74cf;
}
a.link-insite__underline:link,
a.link-insite__underline:visited {
	color: #0d74cf;
	text-decoration: underline;
}
a:hover.link-insite__underline {
	text-decoration: none;
}

section {
	margin-top: 60px;
	width: 100%;
}
.section_block {
	margin-top: 30px;
	width: 100%;
}
.page_under_txt_img {
	margin-top: 30px;
	display: none;/* HOMEのみ表示  */
}
.page_under_area .section_block {
	font-size: 1rem;
	line-height: 2;
}
.page_under_area .section_block p {
	margin-top: 26px;
}

.pc_only { display: block; }
.sp_only { display: none; }
.sp600_only { display: none; }
.sp414_only { display: none; }
.sp320_only { display: none; }
.pc_only_inlineblock { display: inline-block; }
.sp_only_inlineblock { display: none; }

.text_bold {
	font-weight: bold;
}
.s-bold {
	font-weight: bold;
}

.list_nodisc li {
	margin: 1rem;
	line-height: 1.4;
}
.list-cmn-discimal {
	list-style-type: decimal;
}
.list-cmn-disc {
　margin: 0 0 0 1.6rem;
　padding: 0;
}
	.list-cmn-disc li {
		margin: 0;
		padding: 0.5rem 0 0;
		line-height: 1.5;
		list-style-type: disc;
	}
	.list-cmn-disc li:first-child {
		padding-top: 0;
	}

.s-f10rem { font-size: 1rem }
.s-f11rem { font-size: 1.1rem }
.s-f12rem { font-size: 1.2rem }
.s-f13rem { font-size: 1.3rem }
.s-f14rem { font-size: 1.4rem }
.s-f15rem { font-size: 1.5rem }
.s-f16rem { font-size: 1.6rem }
.s-f17rem { font-size: 1.7rem }
.s-f18rem { font-size: 1.8rem }
.s-f19rem { font-size: 1.9rem }
.s-f20rem { font-size: 2rem }

/*===============================================
margin
===============================================*/
.mt00 { margin-top:  0 !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mb00 { margin-bottom:  0 !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.mt1rem { margin-top: 1rem; }
.mt15rem { margin-top: 1.5rem; }
.mt2rem { margin-top: 2rem; }
.mt25rem { margin-top: 2.5rem; }
.mt3rem { margin-top: 3rem; }
.mt35rem { margin-top: 3.5rem; }
.mt4rem { margin-top: 4rem; }
.mt45rem { margin-top: 4.5rem; }
.mt5rem { margin-top: 5rem; }
.mt55rem { margin-top: 5.5rem; }

.ml1rem { margin-left: 1rem; }
.ml15rem { margin-left: 1.5rem; }

/*===============================================
padding
===============================================*/
.pt00 {padding-top: 0 !important;}
.pb00 {padding-bottom: 0 !important;}


/*===============================================
width
===============================================*/
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }

.s-border-1px {
	border: 1px solid #ccc;
}
.s-padding-1rem {
	padding: 1rem;
}
.s-bg-f1f1f1 {
	background: #f1f1f1;
}
.s-indent {
	padding-left: 1rem;
	text-indent: -1rem;
}
.s-float-left {
	float: left;
}
.s-float-right {
	float: right;
}
.s-note {
	font-size: 0.8rem;
}
.s-lineheight18 {
	line-height: 1.8;
}
.s-lineheight2 {
	line-height: 2;
}
.s-word-break-all {
	word-break: break-all
}
.indent-6rem {
	padding: 0.5rem 0 0 6rem !important;
	text-indent: -6rem;
}
.indent-7rem {
	padding: 0.5rem 0 0 7rem !important;
	text-indent: -7rem;
}


.u-red {
	color: #cf000e
}

/*===============================================
slick.css
===============================================*/
/* Slider */
.slick-slider{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
	/*width: 1200px;*/
}

.slick-list{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;

    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    /*display: block;*/
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list{
    background: #fff url('/common_api/img/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 34px;
    height: 34px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{
    left: -25px;
}
[dir='rtl'] .slick-prev{
    right: -25px;
    left: auto;
}
.slick-prev:before{
    content: '←';
}
[dir='rtl'] .slick-prev:before{
    content: '→';
}

.slick-next{
    right: -25px;
}
[dir='rtl'] .slick-next{
    right: auto;
    left: -25px;
}
.slick-next:before{
    content: '→';
}
[dir='rtl'] .slick-next:before{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 36px;
	text-align: center;
}

.slick-dots{
    position: absolute;
    bottom: -36px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 22px;
    height: 22px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}

/*===============================================
MV スライダー
===============================================*/
.home .slider_MV { /*  HOMEのみ  */
	margin-bottom: 20px;
}
.slider_MV{
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
}

.topSlider .slick-slide img.pc_only,
.topSlider .slick-slide img.sp_only{
	display: none;
	width: 100%;
}
.topSlider .slider .slick-prev, 
.topSlider .slider .slick-next {
    width: 34px;
    height: 34px;
}
.home .topSlider .slick-prev,
.mv_area .topSlider .slick-prev{
    left: 50%;
	margin-top: 0;
	margin-left: -570px;
	z-index: 10;
}
/*  第2階層のみ  */

.mv_area .topSlider .slick-prev {
	margin-left: -380px;
}
.home .topSlider .slick-next,
.mv_area .topSlider .slick-next{
    right: 50%;
	margin-top: 0;
    margin-right: -565px;
}
/*  第2階層のみ  */
.mv_area .topSlider .slick-next {
    margin-right: -382px;
}
.topSlider .slick-prev:before {
    content: '\e909';
	font-family: 'icomoon';
	font-size: 34px;
}
.topSlider .slick-next:before {
    content: '\e90a';
	font-family: 'icomoon';
	font-size: 34px;
}
.topSlider .slick-dots li button:before {
    font-family: '';
    content: '';
	width: 0.7rem;
	height: 0.7rem;
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: 50%;
	opacity: 1;
}
.topSlider .slick-dots li.slick-active button:before,
.topSlider .slick-dots li button:hover:before,
.topSlider .slick-dots li button:focus:before{
    opacity: 1;
	background-color: #ccc;
}

.slider_MV {
	height: 320px;
}
.home .topSlider .slick-slide,
.mv_area .topSlider .slick-slide {
	height: 290px;
	background: #fff url('/common_api/img/ajax-loader.gif') center center no-repeat;
}
/*  HOMEのみ  */
.home .topSlider .slick-slide {
	width: 1200px;
}
/*  第2階層のみ  */
.mv_area .topSlider .slick-slide {
	width: 780px;
}

/*============================
スライダーなしバージョン
============================*/
.slider_MV.hero-2nd-layer,
.hero-2nd-layer {
	height: auto;
	margin-top: 20px;
}


/*=============================================================================================
弁護士等紹介 2017/07/13
=============================================================================================*/
section#lawyers_area {
	padding: 0;
}
ul.lawyers_block {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: auto;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
ul.lawyers_block li {
	width: calc((100% - 20px) / 3);
	margin: 20px 9px 0 0;
	padding: .5rem .5rem .25rem .5rem;
	border: 1px solid hsla(0,0%,80%,1.00);
}
ul.lawyers_block li:nth-child(3n) {
	margin-right: 0;

}
ul.lawyers_block li span {
	display: block;
}
ul.lawyers_block li span.photo {
	order: 2;
	width: 100px;
	/*margin: .5rem .5rem 0 0;*/
}
ul.lawyers_block li span.photo img {
	width: 100%;
	border: 0;
}
ul.lawyers_block li a:hover span.photo img {
	opacity: 0.75;
}
ul.lawyers_block li span.name_area {
	order: 1;
	width: 146px;
	padding: 0 0.5rem 0 0.5rem;
	line-height: 1.3;
}
ul.lawyers_block li span.license_name {
	border-bottom: 1px solid #ccc;
	font-size: 0.75rem;
	color: #666;
}
ul.lawyers_block li span.name_jpn {
	padding: 10px 0 0 0;
}
ul.lawyers_block li span.name_eng {
	font-size: 0.75rem;
	color: #666;
}
ul.lawyers_block li .lawyers_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
ul.lawyers_block li .area-btn a {
	display: block;
	width: auto;
	margin: .25rem 0;
	padding: .25rem;
	background: #e9e9e9;
}
ul.lawyers_block li .area-btn a:hover {
	text-decoration: underline;
	background: #f1f1f1;
}
ul.lawyers_block li .area-btn a span {
	display: block;
	position: relative;
	padding: .25rem 0 .25rem 1.5rem;
	font-size: .9rem;
}
ul.lawyers_block li .area-btn a:nth-child(2) span {
	/*border-top: 1px solid #f1f1f1;*/
}
ul.lawyers_block li .area-btn a span.txt-prof::before,
ul.lawyers_block li .area-btn a span.txt-interview::before{
	position: absolute;
	top: 6px;
	left: 4px;
	content: url(/common_api/branch/img/common/ico_prof.svg);
}
ul.lawyers_block li .area-btn a span.txt-interview::before {
	content: url(/common_api/branch/img/common/ico_interview.svg);
}
ul.lawyers_block li .area-btn a span::after {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 4px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #cf000e;
	content: "";
}


/*===============================================

===============================================*/
.wrapper{
	position: relative;
	min-width: 1200px;
	overflow: hidden;
}

/*===============================================
header
===============================================*/
header {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.logo {
	display: inline-block;
	width: 512px;
}
.logo a {
	display: inline-block;
	margin: 30px 0 0 0;
}
.logo img {
	width: auto;
	height: 54px;
}
/*英語、中国語*/
.bl_header_language_pc {}
.bl_header_language_list {
	position: absolute;
	top: 10px;
	left: 440px;
	display: flex;
	width: 140px;
}
.bl_header_language_english {
	padding-right: .5rem;
	border-right: 1px solid #999;
	line-height: 1;
}
.bl_header_language_china {
	padding-left: .5rem;
	line-height: 1;
}
.bl_header_language_link,
.bl_header_language_link:active,
.bl_header_language_link:visited {
	color: #333;
	font-size: 14px;
}
.bl_header_language_link:hover {
	text-decoration: underline;
}
/*フッターは非表示、SP時のグロナビには表示*/
footer .bl_header_language_list {
	display: none;
}



/*======================================================================================
2023/7/25 電話番号一覧ページ制作
======================================================================================*/
.header_tel, .header_mail {
    display: inline-block;
    margin: 0 0 0 73px;
    width: 290px;
    height: 70px;
		padding: 0;
    color: #fc534c;
    border: 2px solid #fc534c;
    border-top: none;
    border-radius: 0 0 8px 8px;
    text-align: center;
    line-height: 1.2;
    vertical-align: top;
    background: none;
}
@media screen and (max-width: 780px) {
	.header_tel, .header_mail {
		display: none;
	}
}/*780px*/
a.header_mail {
	margin: 0 0 0 20px;
	background: none;
	border: 2px solid #009468;
	border-top: none;
	color: #009468;
}
a.header_mail:hover {
	background: rgba(0, 148, 104, 0.2);
	text-decoration: none;
}
.c-header__tel__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
a.c-header__tel__inner:hover {
	background: rgb(252, 83, 76, 0.2);
	text-decoration: none;
}
.c-header__tel__inner::before {
	content: "";
	position: absolute;
	top: calc(50% - 12px);
	right: 8px;
	width: 24px;
	height: 24px;
	background: #fc534c;
	border-radius: 50%;
}
.c-header__tel__inner__num::before {
	display: none;
}
.c-header__tel__inner::after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 16px;
	width: 6px;
	height: 10px;
	background: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.c-header__tel__inner__num::after {
	display: none;
}
.c-header__tel__inner__ttl {
	display: flex;
	align-items: center;
	padding: 0 20px 0 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: #fc534c;
}
.c-header__tel__inner__ttl__num {
	padding-right: 0;
	font-size: 1.75rem;
}
.c-header__tel__inner__ttl::before {
	content: '\e900';
	margin-right: 4px;
	font-family: 'icomoon';
	transform: rotate(10deg);
	font-size: 24px;
	color: #fc534c;
}
.c-header__tel__inner__txt {
	font-size: 0.75rem;
}
.c-header__mail__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.c-header__mail__inner::before {
	content: "";
	position: absolute;
	top: calc(50% - 12px);
	right: 8px;
	width: 24px;
	height: 24px;
	background: #009468;
	border-radius: 50%;
}
.c-header__mail__inner::after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 16px;
	width: 6px;
	height: 10px;
	background: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.c-header__mail__inner__ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px 0 0;
	font-size: 1.125rem;
	font-weight: 700;
}
.c-header__mail__inner__ttl::before {
	content: '\e901';
	margin-right: 4px;
	font-family: 'icomoon';
	font-size: 22px;
	color: #009468;
}
.c-header__mail__inner__txt {
	font-size: 0.75rem;
}


/*===============================================
global navigation
===============================================*/
nav#gnavi {
	clear: both;
	margin: 0 auto;
	padding: 40px 0 0 0;
	width: 1200px;
}
#gnavi ul{
	padding: 0;
	font-size: 0;/* liの隙間を消すために必要 */
}
#gnavi > ul > li{
	display: inline-block;
	position: relative;
	padding: 0 0 10px 0;
}
#gnavi > ul > li > a{
	position: relative;
	display: block;
	padding: 40px 0 5px 0;
	font-size: 16px;
	text-align: center;
}
#gnavi > ul > li > a:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -16px;
	content: "\e902"; 
	font-family: icomoon;
	font-size: 32px;
}
#gnavi > ul > li > a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	color: #cf000e;
	left: 0;
	bottom: 0;
	z-index: 2;
	background-color: #cf000e;
	visibility: hidden;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
}
#gnavi > ul > li.active > a:after,
#gnavi > ul > li:hover > a:after {
	visibility: visible;
	transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
}
#gnavi ul li:hover a {
	text-decoration: none;
	color: #333;
}
#gnavi ul li.active > a:before,
#gnavi ul li:hover a:before{
	color: #cf000e;
}
.gnavi01, .gnavi02, .gnavi03, .gnavi04, .gnavi05, .gnavi06, .gnavi07, .gnavi08, .gnavi09{
	width: 14.4%;
}
/*
.gnavi01{
	width: 8%;
}
*/
.gnavi04{
	width: 18%;
}
.gnavi09{
	width: 10%;
}
#gnavi > ul > li.gnavi02 > a:before { content: "\e903"; font-family: "icomoon";}
#gnavi > ul > li.gnavi03 > a:before { content: "\e904"; font-family: "icomoon";}
#gnavi > ul > li.gnavi04 > a:before { content: "\e905"; font-family: "icomoon";}
#gnavi > ul > li.gnavi05 > a:before { content: "\e906"; font-family: "icomoon";}
#gnavi > ul > li.gnavi06 > a:before { content: "\e907"; font-family: "icomoon";}
#gnavi > ul > li.gnavi07 > a:before { content: "\e908"; font-family: "icomoon";}
#gnavi > ul > li.gnavi09 > a:before { content: "\e955"; font-family: "icomoon";}

/* youtubeオフィス用 */
#gnavi>ul>li.gnavi08{display:none;}
.youtube #gnavi>ul>li.gnavi07{display:none;}
.youtube #gnavi>ul>li.gnavi08{display:inline-block;}

/*  dropdown menu */
#gnavi ul.subs {
	visibility: hidden;
	position: absolute;
	top: 100% ;
	left: 0;
	width: 761px;
	padding: 0;
	font-size: 1rem;
	z-index: 200;
	background-color: rgba( 0, 0, 0, 0.75 );
}
#gnavi ul.subs.subs_list03 {
	left: -340px;
	width: 460px;
}
#gnavi ul.subs:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 74px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; 
	border-bottom: 10px solid rgba( 0, 0, 0, 0.75 );
}
#gnavi ul.subs.subs_list03:before {
	left: 392px;
}
#gnavi li:hover ul.subs{
	visibility: visible;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	transition-delay: 0.2s;
}
#gnavi ul.subs > li {
	display: inline-block;
	background-color: transparent;
}
#gnavi ul.subs.subs_list03 > li {
	width: 100%;
}
#gnavi ul.subs > li > a {
	display: flex;
	align-items: center;
	position: relative;
	padding: 15px 15px 15px 31px;
	width: 250px;
	line-height: 1;
	color: #fff;
}
/*採用情報*/
#gnavi ul.subs.subs_list03 > li > a {
	width: 100%;
}

#gnavi ul.subs > li > a:before {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #fff;
	content: "";
}
#gnavi ul.subs > li > a span {
	padding: 2px 0 0 8px;
}
#gnavi ul.subs > li > a:hover {
	background-color: rgba( 255, 255, 255, 0.25 );
}
.blank_drop img {
	margin: 7px 0 0 6px;
	right: -6px;
}

/*=============================================================================================
パンくずリスト　bread list
=============================================================================================*/
.bread_list {
	margin: 10px 0 35px 0;
	font-size: 0.8rem;
}
.bread_list li {
	position: relative;
	display: inline-block;
	padding: 0 1rem 0 0;
}
.bread_list li:after {
	content: ">";
	position: absolute;
	right: 0;
}
.bread_list li:last-child:after {
	content: "";
}
.bread_list li a {
	text-decoration: underline;
}

/*=============================================================================================
main contents
=============================================================================================*/
.main_contents {
	margin: 0 auto;
	width: 1200px;
}
article {
	float: left;
	width: 65%;
}
h1.page_ttl {
	color: #cf000e;
	line-height: 1.3;
}
.work h1.page_ttl { color: #5269aa; }
.disaster h1.page_ttl { color: #5269aa; }
.criminal h1.page_ttl { color: #94000c; }
.hepatitisb h1.page_ttl { color: #22a098; }
.asbestos h1.page_ttl { color: #5C4B39; }
.divorce h1.page_ttl { color: #eb4767; }
.accident h1.page_ttl { color: #409cc5; }
.bequest h1.page_ttl { color: #e65c00; }
.claim h1.page_ttl { color: #14385e; }
.debt h1.page_ttl { color: #704b3f; }
.marine_accident h1.page_ttl { color: #2552AC}
.school h1.page_ttl { color:#CC4919;}
.consumer h1.page_ttl { color:#76B54F;}

h2.main_h2 {
	position: relative;
	padding: 0 0 8px 34px;
	font-size: 1.5rem;
	border-bottom: 2px solid #cf000e;
	/*line-height: 1;*/
}
/* 分野カラー */
.work h2.main_h2 { color: #5269aa; border-bottom: 2px solid #5269aa; }
.criminal h2.main_h2 { color: #94000c; border-bottom: 2px solid #94000c; }
.hepatitisb h2.main_h2 { color: #22a098; border-bottom: 2px solid #22a098; }
.asbestos h2.main_h2 { color: #5C4B39; border-bottom: 2px solid #5C4B39; }
.divorce h2.main_h2 { color: #eb4767; border-bottom: 2px solid #eb4767; }
.accident h2.main_h2 { color: #409cc5; border-bottom: 2px solid #409cc5; }
.bequest h2.main_h2 { color: #e65c00; border-bottom: 2px solid #e65c00; }
.debt h2.main_h2  { color: #704b3f; border-bottom: 2px solid #704b3f; }
.claim h2.main_h2  { color: #14385e; border-bottom: 2px solid #14385e; }
.marine_accident h2.main_h2 { color: #2552AC; border-bottom: 2px solid #2552AC; }
.school h2.main_h2 { color: #CC4919; border-bottom: 2px solid #CC4919; }
.consumer h2.main_h2 { color: #76B54F; border-bottom: 2px solid #76B54F; }


.divorce .situation_area h2.main_h2 {
	font-size: 1.45rem;
}

h2.main_h2 span:before,
h2.main_h2 span:after{
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 24px;
	height: 24px;
	background-color: #e8e8e8;
}
h2.main_h2 span:after {
	width: 12px;
	height: 12px;
	background-color: #cf000e;
}

.work h2.main_h2 span:before { background-color: #5269aa; }
.criminal h2.main_h2 span:before { background-color: #94000c; }
.hepatitisb h2.main_h2 span:before { background-color: #22a098; }
.asbestos h2.main_h2 span:before { background-color: #5C4B39; }
.divorce h2.main_h2 span:before { background-color: #e18b97; }
.accident h2.main_h2 span:before { background-color: #409cc5; }
.bequest h2.main_h2 span:before { background-color: #e65c00; }
.debt h2.main_h2 span:before { background-color: #704b3f; }
.claim h2.main_h2 span:before { background-color: #14385e; }
.debt h2.main_h2 span:before { background-color: #704b3f; }
.marine_accident h2.main_h2 span:before { background-color: #2552AC; }
.school h2.main_h2 span:before { background-color: #e6a68e; }

h3.main_h3 {
	margin: 40px 0 0 0;
	line-height: 1.2;
}
h3.main_h3 span {
	display: block;
	padding: 2px 0 0 14px;
	border-left: 4px solid #333;
}
/* 分野カラー */
.work h3.main_h3 span { border-left: 4px solid #5269aa; }
.criminal h3.main_h3 span { border-left: 4px solid #94000c; }
.hepatitisb h3.main_h3 span { border-left: 4px solid #22a098; }
.divorce h3.main_h3 span { border-left: 4px solid #e18b97; }
.accident h3.main_h3 span { border-left: 4px solid #409cc5; }
.bequest h3.main_h3 span { border-left: 4px solid #e65c00; }
.debt h3.main_h3 span { border-left: 4px solid #704b3f; }
.claim h3.main_h3 span { border-left: 4px solid #14385e; }
.debt h3.main_h3 span { border-left: 4px solid #704b3f; }
.school h3.main_h3 span { border-left: 4px solid #CC4919;}

/*==================================================
分野ページのetcボタン
==================================================*/
.etc_area {
	margin: 30px 0 0 0;
}
/*  */
.etc_area {}
.etc_area ul {
	font-size: 0;
}
.etc_area li {
	display: inline-block;
	margin: 1px;
	width: calc(33.3% - 2px);
	font-size: 1rem;
	text-align: center;
	vertical-align: top;
}
.etc_area li a {
	position: relative;
	display: block;
	padding: 10px;
	width: 100%;
	/*height: 100%;*/
	background-color: #f6f6f6;
	vertical-align: top;
}
.etc_area li a:hover {
	text-decoration: none;
	background-color: #f6f6f6;
	color: #fff;
}
/* 分野カラー */
.debt .etc_area li a:hover { background-color: #704b3f; }
.divorce .etc_area li a:hover { background-color: #e18b97; }
.accident .etc_area li a:hover { background-color: #409cc5; }
.hepatitisb .etc_area li a:hover { background-color: #22a098; }
.asbestos .etc_area li a:hover { background-color: #5C4B39; }
.criminal .etc_area li a:hover { background-color: #94000c; }
.work .etc_area li a:hover { background-color: #5269aa; }
.claim .etc_area li a:hover { background-color: #14385e; }
.bequest .etc_area li a:hover { background-color: #e65c00; }
.g_lp_indi .etc_area li a:hover { background-color: #1c4e48; }
.marine_accident .etc_area li a:hover { background-color: #2552AC; }
.school .etc_area li a:hover { background-color: #CC4919;}

.g_lp_indi .etc_area li a:hover { background-color: #1c4e48; }
.realestate .etc_area li a:hover { background-color: #a16600; }
.civil .etc_area li a:hover { background-color: #149393; }
.china .etc_area li a:hover { background-color: #e02000; }
.overseas .etc_area li a:hover { background-color: #818181; }

.etc_area li a:after {
	content: url(/common_api/branch/img/common/blank_icon.png);
	position: absolute;
	bottom: 1.5rem;
	right: 1.2rem;
	margin-top: 0;
	width: 0;
	height: 0;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
}
/*内部リンクの場合*/
.etc_area li a.inside_link:after {
	content: "";
	position: absolute;
	bottom: 17px;
	right: 10px;
	width:0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #595959;
}
.etc_area li a:hover:after {
	border-left: 6px solid #fff;
}
.etc_area li a p {
	position: relative;
	padding: 60px 0 0 0;
	color: #595959;
}
.etc_area li a:hover p {
	color: #fff;
}
.etc_area li a p:before {
	position: absolute;
	top: 5px;
	left: calc(50% - 25px);
	width: 50px;
	height: 57px;
	content: "";
}

/*=============================================================================================
アクセス
=============================================================================================*/
.p-address__list {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}
.p-address__item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
@media screen and (max-width: 780px) {
	.p-address__item {
		flex-direction: column;
	}
}/*780px*/
.p-address__item__logo {
	width: 260px;
}
.p-address__item__logo__img {
	width: 100%;
	height: auto;
}
.p-address__item__title {
	width: 90px;
	font-weight: 700;
}

.p-address__item__content {
	width: calc(100% - 90px);
}
@media screen and (max-width: 780px) {
	.p-address__item__content {
		width: 100%;
	}
}/*780px*/

.p-address__item__text__wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/*---------------------------------------------------------------
大阪オフィス、名古屋オフィス 以外
---------------------------------------------------------------*/
/*代表番号*/
.p-address__item__representative__etc {
	display: none;
}

/*---------------------------------------------------------------
大阪オフィス、名古屋オフィス
---------------------------------------------------------------*/
/*代表番号*/
.osaka .p-address__item__representative,/*大阪オフィス*/
.nagoya .p-address__item__representative,/*名古屋オフィス*/
.p-address__item__representative__osaka,/*近隣の大阪*/
.p-address__item__representative__nagoya/*近隣の名古屋*/ {
	display: block;
	width: auto;
	font-weight: 700;
}
/*近隣*/
.p-neighborhood__list .p-address__item__representative {
	width: 100%;
	font-weight: 700;
}

@media screen and (max-width: 780px) {
	.p-address__item__representative {/*代表番号*/
		width: 100%;
	}
}/*780px*/

/*大阪、名古屋の特別な番号（交通事故、債務）*/
.p-address__item__text__wrap__inner {
	width: auto;
}
@media screen and (max-width: 780px) {
	.p-address__item__text__wrap__inner {
		width: 100%;
	}
}/*780px*/

.p-address__item__text__wrap + .p-address__item__text__wrap {
	margin-top: 8px;
}



.p-address__item__text {}

.p-address__tel {
	display: inline-block;
	pointer-events: none;
}
@media screen and (max-width: 780px) {
	a:link.p-address__tel,
	a:visited.p-address__tel {
		color: #0d74cf;
		text-decoration: none;
		pointer-events: auto;
	}
}/*780px*/

/*新規のお客様*/
.p-address__item__tel {
	display: flex;
	flex-direction: row;
}
.p-address__item__tel__title {
	width: 100%;
}
.p-address__item__btn__tel.c-btn__tel {
	width: 320px;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 90px;
}
@media screen and (max-width: 780px) {
	.p-address__item__btn__tel.c-btn__tel {
		width: 100%;
		max-width: 280px;
		margin-right: auto;
		margin-left: auto;
	}
}/*780px*/
.p-address__item__btn__tel.c-btn__tel a.cvb_tel {
	height: auto;
	padding: 16px 16px 16px 8px;
	font-size: 17px;
}
@media screen and (max-width: 780px) {
	.p-address__item__btn__tel.c-btn__tel a.cvb_tel {
		font-size: 1.25rem;
	}
}/*780px*/
.p-address__item__btn__tel.c-btn__tel a.cvb_tel::before {
	display: none;
}


.p-address__item__fee {}

.p-neighborhood__item__tel {}

/*ご契約中のお客さま専用*/
.p-address__item__contract {
	flex-direction: column;
}
@media screen and (max-width: 780px) {
	.p-address__item__contract {
		flex-direction: row;
	}
}/*780px*/
.p-address__item__contract__title {
	width: 200px;
	margin: 0 0 8px 0;
}
.p-address__item__content.p-address__item__contract__content {
	width: 100%;
	padding-left: 90px;
}
@media screen and (max-width: 780px) {
	.p-address__item__content.p-address__item__contract__content {
		padding-left: 0;
	}
}/*780px*/
.p-address__item__fee__notice {
	display: inline;
	font-size: 0.875rem;
}
@media screen and (max-width: 780px) {
	.p-address__item__fee__notice {
		/*display: block;
    padding-left: 0.875em;
    text-indent: -0.875em;*/
	}
}/*780px*/

.p-address__notice__wrap {
	font-size: 0.875rem;
	color: #ff0000;
}
.p-address__notice__wrap ul {}
.p-address__notice__wrap li {
	margin-top: 4px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 0.875rem;
	color: #ff0000;
}
.p-address__notice__wrap li a:link,
.p-address__notice__wrap li a:visited {
	color: #0d74cf;
	text-decoration: underline;
}
.p-address__notice__wrap li a:hover {
	color: #0d74cf;
	text-decoration: none;
}
.p-address__notice__wrap li + .p-address__notice__wrap li {
	margin-top: 4px;
}
.p-address__contract__wrap {
	margin-top: 16px
}

#map {
	width: 780px;
	height: 390px;
}
#map-widget {
	position: absolute;
	top: 0;
	left: 0;
	margin: 15px;
	padding: 10px;
	width: 300px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	background-color: white;
	font-size: 13px; font-family: Roboto, Arial;
}
#map-widget strong {}
#map-widget .pref_address{
	margin: 5px 0 0 0;
}
#map-widget .btn_bigmap {
	margin: 5px 0 0 0;
}
#map-widget .btn_bigmap a {
	color: #3a84df;
}

/*=============================================================================================
近隣オフィス
=============================================================================================*/
.p-neighborhood__section__block {
	margin-top: 32px;
}
@media screen and (max-width: 780px) {
	.p-neighborhood__section__block + .p-neighborhood__section__block {
		margin-top: 60px;
	}
}/*780px*/
.p-neighborhood__title {
	margin: 0;
	max-width: 380px;
	vertical-align: top;
}
.p-neighborhood__title__img {
	height: 47px;
}
.p-neighborhood__block {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin: 20px 0 0 0;
}
@media screen and (max-width: 780px) {
	.p-neighborhood__block {
		flex-direction: ;
	}
}/*780px*/
.p-neighborhood__figure {
	width: 380px;
}
@media screen and (max-width: 780px) {
	.p-neighborhood__figure {
		margin-left: auto;
		margin-right: auto;
	}
}/*780px*/
.p-neighborhood__figure__img {
	width: 100%;
	height: auto;
}
.p-neighborhood__list {
	width: calc(100% - 380px - 24px);
}
@media screen and (max-width: 780px) {
	.p-neighborhood__list {
		width: 100%;
	}
}/*780px*/
.p-address__item__neighborhood__title {
	width: 100%;
}
.p-address__item__contract__content.p-address__item__neighborhood__content {
	width: 100%;
	padding-left: 90px;
}
@media screen and (max-width: 780px) {
	.p-address__item__contract__content.p-address__item__neighborhood__content {
		padding-left: 0;
	}
}/*780px*/
.p-address__item__neighborhood__text {
	margin-bottom: 8px;
}
.p-neighborhood__item__tel > .p-address__item__btn__tel.c-btn__tel {
	width: 280px;
  margin-left: auto;
}
@media screen and (max-width: 780px) {
	.p-neighborhood__item__tel > .p-address__item__btn__tel.c-btn__tel {
    width: 100%;
    max-width: inherit;
	}
}/*780px*/
.p-neighborhood__item__tel > .p-address__item__btn__tel.c-btn__tel a.cvb_tel {
	height: auto;
	padding: 16px 16px 16px 0px;
	font-size: 17px;
}
@media screen and (max-width: 780px) {
	.p-neighborhood__item__tel > .p-address__item__btn__tel.c-btn__tel a.cvb_tel {
		font-size: 17px;
	}
}/*780px*/
.p-neighborhood__item__tel > .p-address__item__btn__tel.c-btn__tel a::before {
	font-size: 1.25rem;
}
@media screen and (max-width: 780px) {
	.p-neighborhood__item__tel > .p-address__item__btn__tel.c-btn__tel a::before {
		font-size: 1.5rem;
	}
}/*780px*/
.p-address__neighborhood__wrap {
	position: relative;
	left: 0;
	width: 100%;;
}
@media screen and (max-width: 780px) {
	.p-address__neighborhood__wrap {
		left: 0;
		width: 100%;
	}
}/*780px*/

.btn.p-neighborhood__near-office {
	width: 280px;
	margin-left: auto;
}
@media screen and (max-width: 780px) {
	.btn.p-neighborhood__near-office {
		width: 100%;
		margin-right: auto;
	}
}/*780px*/
.btn a.p-neighborhood__near-office__link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	padding: 0;
	font-weight: 700;
	line-height: 1;
}
@media screen and (max-width: 780px) {
	.btn a.p-neighborhood__near-office__link {
		max-width: inherit;
	}
}/*780px*/
.btn a.p-neighborhood__near-office__link::after {
	content: "";
	position: absolute;
	right: 8px;
	width: 16px;
	height: 14px;
	background: url(/common_api/img/ico_blank_white.svg) no-repeat center center/contain;
	border: none;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/*========================================================================================================================
東京オフィスの表記
===========================================================================================================================*/
.p-neighborhood__item__tel__all {
	display: block;
}
.p-neighborhood__list__tokyo .p-neighborhood__item__tel__all {
	display: none;
}
.p-neighborhood__item__tel__tokyo {
	display: none;
}
.p-neighborhood__list__tokyo .p-neighborhood__item__tel__tokyo {
	display: block;
}

.p-address__item__contract__all {
	display: block;
}
.p-neighborhood__list__tokyo .p-address__item__contract__all {
	display: none;
}
.p-address__item__contract__tokyo {
	display: none;
}
.p-neighborhood__list__tokyo .p-address__item__contract__tokyo {
	display: flex;
}

/*========================================================================================================================
大阪オフィスの表記
===========================================================================================================================*/
.p-address__item__text__wrap__osaka {
	display: none;
}
.p-neighborhood__list__osaka .p-address__item__text__wrap__osaka {
	display: flex;
}
/*========================================================================================================================
名古屋オフィスの表記
===========================================================================================================================*/
.p-address__item__text__wrap__nagoya {
	display: none;
}
.p-neighborhood__list__nagoya .p-address__item__text__wrap__nagoya {
	display: flex;
}
/*赤文字の注意書き部分*/
.p-address__notice__wrap__item__nagoya {
	display: none;
}
.p-neighborhood__list__nagoya .p-address__notice__wrap__item__nagoya {
	display: block;
}
/*名古屋オフィスの時、全オフィス用は非表示*/
.p-neighborhood__list__nagoya .p-address__notice__wrap__item__all {
	display: none;
}






/* homeのみ表示 */
.home .page_under_txt_img {
	display: block;
}

/* 【タブ】個人のお客様　法人のお客様 ----------------*/
.tab {
	width: 100%;
}
.tab > li.select {
	position: relative;
	border: 2px solid #cf000e;
	border-bottom-width: 4px;
	padding: 0.5rem;
	font-size: 2rem;
	color: #cf000e;
}
.tab > li {
	float: left;
	width: 50%;
	border: 2px solid #c4c4c4;
	border-bottom-width: 4px;
	padding: 0.5rem;
	font-size: 2rem;
	color: #c4c4c4;
	text-align: center;
	cursor:pointer;
}
.tab > li.select:before {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -4px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #cf000e;
}
.tab > li h2 {
	font-size: 2rem;
}
.tab h2 {
	margin: 0;
}
.tab_content > li {
	margin: 20px 0 0 0;
}
/* 【タブの内容】個人のお客様　法人のお客様 ----------------*/
.tab_con_box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -20px;
}
.tab_con_box > li {
	width: calc((100% - 60px) / 3);
	margin: 30px 0 0 19px;/* IE対策 */
}
.tab_con_box a {
	background-color: #fff;
	display: block;
	min-height: 8.2rem;
	position: relative;
}
.tab_con_box > li p {
	position: absolute;
	top: 35%;
	left: 40%;
}
.fee .tab_con_box > li p {
	position: relative;
	top: 0;
	left: 0;
	padding: 0.2em 0;
	background: #595959;
	color: #fff;
	text-align: center;
}
/* アイコン -----------------------------------*/
.tab_con_box > li > a:before {
	content: "";
	font-family: 'icomoon';
	position: absolute;
	top: 28px;
	left: 9px;
	font-size: 3rem;
	background-repeat: no-repeat;
	background-position: 0 0;
}
/* 縦のライン --------------------------------*/
.tab_con_box > li > a:after {
	position: absolute;
	right: 58%;
	width: 13px;
	height: 127px;
	background: url(/common_api/branch/img/common/default_line.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: "";
}

/* 個人向け */
.tab_con_box > li.hepatitisb > a:after { background: url(/common_api/branch/img/common/hepatitisb_line.png); background-size: 100% 100%;}
.tab_con_box > li.asbestos > a:after { background: url(/common_api/branch/img/common/asbestos_line.png); background-size: 100% 100%;}
.tab_con_box > li.school > a:after { background: url(/common_api/branch/img/common/school_line.png); background-size: 100% 100%;}
.tab_con_box > li.consumer > a:after { background: url(/common_api/branch/img/common/consumer_line.png); background-size: 100% 100%;}
.tab_con_box > li.accident > a:after { background: url(/common_api/branch/img/common/accident_line.png); background-size: 100% 100%;}
.tab_con_box > li.criminal > a:after { background: url(/common_api/branch/img/common/criminal_line.png); background-size: 100% 100%;}
.tab_con_box > li.divorce > a:after { background: url(/common_api/branch/img/common/divorce_line.png); background-size: 100% 100%;}
.tab_con_box > li.bequest > a:after { background: url(/common_api/branch/img/common/bequest_line.png); background-size: 100% 100%;}
.tab_con_box > li.debt > a:after { background: url(/common_api/branch/img/common/debt_line.png); background-size: 100% 100%;}
.tab_con_box > li.g_lp_indi > a:after { background: url(/common_api/branch/img/common/g_lp_indi_line.png); background-size: 100% 100%;}
.tab_con_box > li.claim > a:after { background: url(/common_api/branch/img/common/claim_line.png); background-size: 100% 100%;}
.tab_con_box > li.work > a:after,
.tab_con_box > li.g_overtime > a:after,
.tab_con_box > li.g_dismissal > a:after,
.tab_con_box > li.disaster > a:after,
.tab_con_box > li.g_other_work > a:after { background: url(/common_api/branch/img/common/work_line.png); background-size: 100% 100%;}
.tab_con_box > li.securities > a:after { background: url(/common_api/branch/img/common/securities_line.png); background-size: 100% 100%;}
.tab_con_box > li.eraserequest > a:after,
.tab_con_box > li.g_foreigner > a:after,
.tab_con_box > li.g_family_trust > a:after,
.tab_con_box > li.general_corporate > a:after,
.tab_con_box > li.etc_indi > a:after,
.tab_con_box > li.kenchikusosho > a:after,
.tab_con_box > li.marine_accident > a:after,
.tab_con_box > li.tax > a:after,
.tab_con_box > li.visa > a:after,
.tab_con_box > li.hsp_permanent > a:after,
.tab_con_box > li.spouse_visa > a:after,
.tab_con_box > li.green_card > a:after
{ background: url(/common_api/branch/img/common/default_line.png) no-repeat; background-size: 100% 100%;}

/* 法人向け */
.tab_con_box > li.general_corporate > a:after,
.tab_con_box > li.ma > a:after,
.tab_con_box > li.it > a:after,
.tab_con_box > li.disaster_corp > a:after,
.tab_con_box > li.realestate_dispossess > a:after,
.tab_con_box > li.eraserequest_corp > a:after,
.tab_con_box > li.multinational > a:after,
.tab_con_box > li.risk_managemen > a:after,
.tab_con_box > li.intellectual > a:after{ background: url(/common_api/branch/img/common/default_line.png) no-repeat; background-size: 100% 100%;}
.tab_con_box > li.g_lp_corp > a:after { background: url(/common_api/branch/img/common/g_lp_corp_line.png); background-size: 100% 100%;}
.tab_con_box > li.china > a:after,
.tab_con_box > li.jp_zh > a:after { background: url(/common_api/branch/img/common/china_line.png); background-size: 100% 100%;}
.tab_con_box > li.realestate > a:after { background: url(/common_api/branch/img/common/realestate_line.png); background-size: 100% 100%;}
.tab_con_box > li.work_corp > a:after,
.tab_con_box > li.disaster_corp > a:after { background: url(/common_api/branch/img/common/work_line.png); background-size: 100% 100%;}
.tab_con_box > li.claim_corp > a:after { background: url(/common_api/branch/img/common/claim_line.png); background-size: 100% 100%;}
.tab_con_box > li.bankrupt > a:after { background: url(/common_api/branch/img/common/civil_line.png); background-size: 100% 100%;}
.tab_con_box > li.tax_litigation > a:after,
.tab_con_box > li.etc_corp > a:after { background: url(/common_api/branch/img/common/default_line.png) no-repeat; background-size: 100% 100%;}
.tab_con_box > li.entertainment > a:after { background: url(/common_api/branch/img/common/entertainment_line.png); background-size: 100% 100%;}

.tab_con_box > li > a:hover:after{
	background: url(/common_api/branch/img/common/line_hover.png) no-repeat;
	background-size: 100% 100%;
}
.hide {
	display: none;
}


/* 顧問弁護 */
.tab_con_box .adviser a { border: #1c4e48 2px solid; }
.tab_con_box .adviser a p { color: #1c4e48; }
.tab_con_box > li.debt > a:before {
	content: "\e917";
	color: #704b3f;
}
/* 債権回収 */
.tab_con_box .claim a { border: #14385e 2px solid; }
.tab_con_box .claim a p { color: #14385e; }
/* 遺産相続 */
.tab_con_box .bequest a { border: #e65c00 2px solid; }
.tab_con_box .bequest a p { color: #e65c00; }
/* 債務整理 */
.tab_con_box .debt a  { border: #704b3f 2px solid; }
.tab_con_box .debt a p { color: #704b3f; }
/* 離婚 */
.tab_con_box .divorce a  { border: #eb4767 2px solid; }
.tab_con_box .divorce a p { color: #eb4767; }
.tab_con_box > li.divorce > a:before {
	content: "\e918";
	color: #eb4767;
}
/* 交通事故 */
.tab_con_box .accident a { border: #409cc5 2px solid; }
.tab_con_box .accident a p { color: #409cc5; }
.tab_con_box > li.accident > a:before {
	content: "\e919";
	color: #409cc5;
}
/* B型肝炎 */
.tab_con_box .hepatitisb a { border: #22a098 2px solid; }
.tab_con_box .hepatitisb a p { color: #22a098; }
.tab_con_box > li.hepatitisb > a:before {
	content: "\e91a";
	color: #22a098;
}
/* アスベスト */
.tab_con_box .asbestos a { border: #7C6954 2px solid; }
.tab_con_box .asbestos a p { color: #7C6954; }
.tab_con_box > li.asbestos > a:before {
 content: "\e946";
	color: #7C6954;
}
/* 学校問題 */
.tab_con_box .school a { border: #CC4919 2px solid; }
.tab_con_box .school a p { color: #CC4919; }
.tab_con_box > li.school > a:before {
 content: "\e959";
	color: #CC4919;
}
/* 刑事 */
.tab_con_box .criminal a  { border: #94000c 2px solid; }
.tab_con_box .criminal a p { color: #94000c; }
.tab_con_box > li.criminal > a:before {
	content: "\e91b";
	color: #94000c;
}
/* 労働問題 */
.tab_con_box .work a  { border: #5269aa 2px solid; }
.tab_con_box .work a p { color: #5269aa; }
.tab_con_box > li.work > a:before {
	content: "\e904";
	color: #5269aa;
	/*left: 14px;*/
}
/* 労働 残業代請求 */
.tab_con_box .g_overtime a  { border: #5269aa 2px solid; }
.tab_con_box .g_overtime a p { color: #5269aa; }
.tab_con_box > li.g_overtime > a:before {
	content: "\e91c";
	color: #5269aa;
}
/* 労働 不当解雇 */
.tab_con_box .g_dismissal a { border: #5269aa 2px solid; }
.tab_con_box .g_dismissal a p { color: #5269aa; }
.tab_con_box > li.g_dismissal > a:before {
	content: "\e91d";
	color: #5269aa;
}
/* 労働 労働災害 */
.tab_con_box .disaster a { border: #5269aa 2px solid; }
.tab_con_box .disaster a p { color: #5269aa; }
.tab_con_box > li.disaster > a:before {
	content: "\e91e";
	color: #5269aa;
}
/* 労働 労働条件ハラスメント */
.tab_con_box .g_other_work a { border: #5269aa 2px solid; }
.tab_con_box .g_other_work a p { color: #5269aa; }
.tab_con_box > li.g_other_work > a:before {
	content: "\e91f";
	color: #5269aa;
}
/* 債権回収 */
.tab_con_box .claim a { border: #14385e 2px solid; }
.tab_con_box .claim a p { color: #14385e; }
.tab_con_box > li.claim > a:before {
	content: "\e920";
	color: #14385e;
}
/* 建築トラブル・訴訟問題 */
.tab_con_box .kenchikusosho a { border: #595959 2px solid; }
.tab_con_box .kenchikusosho a p { color: #595959; }
.tab_con_box > li.kenchikusosho > a:before {
	content: "\e956";
	color: #595959;
}
/* 消費者問題 */
.tab_con_box .consumer a { border: #76B54F 2px solid; }
.tab_con_box .consumer a p { color: #76B54F; }
.tab_con_box > li.consumer > a:before {
	content: "\e95a";
	color: #76B54F;
}
/* 海難事故 */
.tab_con_box .marine_accident a { border: #595959 2px solid; }
.tab_con_box .marine_accident a p { color: #595959; }
.tab_con_box > li.marine_accident > a:before {
	content: "\e954";
	color: #595959;
}
/* 医療事故 */
.tab_con_box .medical a { border: #595959 2px solid; }
.tab_con_box .medical a p { color: #595959; }
.tab_con_box > li.medical > a:before {
	content: "\e958";
	color: #595959;
}
/* 遺産相続 */
.tab_con_box .beques a { border: #e65c00 2px solid; }
.tab_con_box .beques a p { color: #e65c00; }
.tab_con_box > li.bequest > a:before {
	content: "\e921";
	color: #e65c00;
}
/* 一般民事　顧問弁護士 */
.tab_con_box .g_lp_indi a { border: #1c4e48 2px solid; }
.tab_con_box .g_lp_indi a p { color: #1c4e48; }
.tab_con_box > li.g_lp_indi > a:before {
	content: "\e922";
	color: #1c4e48;
}
/* 不動産建物明渡 */
.tab_con_box .realestate a { border: #a16600 2px solid; }
.tab_con_box .realestate a p { color: #a16600; }
.tab_con_box > li.realestate > a:before {
	content: "\e923";
	color: #a16600;
}
/* 削除請求 */
.tab_con_box .eraserequest a { border: #595959 2px solid; }
.tab_con_box .eraserequest a p { color: #595959; }
.tab_con_box > li.eraserequest > a:before {
	content: "\e936";
	color: #595959;
}
/* 在日外国人向け */
.tab_con_box .g_foreigner a { border: #595959 2px solid; }
.tab_con_box .g_foreigner a p { color: #595959; }
.tab_con_box > li.g_foreigner > a:before {
	content: "\e93b";
	color: #595959;
}
/* 民事信託 */
.tab_con_box .g_foreigner a { border: #595959 2px solid; }
.tab_con_box .g_foreigner a p { color: #595959; }
.tab_con_box > li.g_foreigner > a:before {
	content: "\e93b";
	color: #595959;
}
/* その他（個人） */
.tab_con_box .etc_indi a { border: #595959 2px solid; }
.tab_con_box .etc_indi a p { color: #595959; }
.tab_con_box > li.etc_indi > a:before {
	content: "\e942";
	color: #595959;
}
/* 証券訴訟 */
.tab_con_box .securities a { border: #142966 2px solid; }
.tab_con_box .securities a p { color: #142966; }
.tab_con_box > li.securities > a:before {
	content: "\e986";
	color: #142966;
}
/* 税務業務 */
.tab_con_box .tax a { border: #595959 2px solid; }
.tab_con_box .tax a p { color: #595959; }
.tab_con_box > li.tax > a:before {
	content: "\e985";
	color: #595959;
}
/* VISA許可申請・難民申請 */
.tab_con_box .visa a { border: #595959 2px solid; }
.tab_con_box .visa a p { color: #595959; }
.tab_con_box > li.visa > a:before {
	content: "\e984";
	color: #595959;
}
/* 高度専門職資格・永住権 */
.tab_con_box .hsp_permanent a { border: #595959 2px solid; }
.tab_con_box .hsp_permanent a p { color: #595959; }
.tab_con_box > li.hsp_permanent > a:before {
	content: "\e988";
	color: #595959;
}
/* 配偶者ビザ */
.tab_con_box .spouse_visa a { border: #595959 2px solid; }
.tab_con_box .spouse_visa a p { color: #595959; }
.tab_con_box > li.spouse_visa > a:before {
	content: "\e987";
	color: #595959;
}
/* グリーンカード抽選プログラム */
.tab_con_box .green_card a { border: #595959 2px solid; }
.tab_con_box .green_card a p { color: #595959; }
.tab_con_box > li.green_card > a:before {
	content: "\e983";
	color: #595959;
}

/*　法人向け
------------------------------------------------------------------*/
/* 一般企業法務 */
/*
.tab_con_box .general_corporate a { border: #595959 2px solid; }
.tab_con_box .general_corporate a p { color: #595959; }
.tab_con_box > li.general_corporate > a:before {
	content: "\e93b";
	color: #595959;
}
*/

.tab_con_box li.general_corporate a,
.tab_con_box li.ma a,
.tab_con_box li.it a,
.tab_con_box li.realestate_dispossess a,
.tab_con_box li.eraserequest_corp a,
.tab_con_box li.multinational a,
.tab_con_box li.intellectual a,
.tab_con_box li.contract_law a,
.tab_con_box li.governance a,
.tab_con_box li.support_corp a,
.tab_con_box li.whistleblowing a,
.tab_con_box li.application a,
.tab_con_box li.succession a,
.tab_con_box li.politician a { border: #595959 2px solid; }
.tab_con_box li.entertainment a { border: #00695B 2px solid; }

.tab_con_box li.general_corporate a p,
.tab_con_box li.ma a p,
.tab_con_box li.it a p,
.tab_con_box li.disaster_corp a p,
.tab_con_box li.realestate_dispossess a p,
.tab_con_box li.eraserequest_corp a p,
.tab_con_box li.bankrupt a p,
.tab_con_box li.multinational a p,
.tab_con_box li.intellectual a p { color: #595959; }

/* 一般企業法務 */
.tab_con_box > li.general_corporate > a::before {
	content: "\e937";
	color: #595959;
}
/* M&A */
.tab_con_box > li.ma > a::before {
	content: "\e938";
	color: #595959;
}
/* IT法務 */
.tab_con_box > li.it > a::before {
	content: "\e939";
	color: #595959;
}

/*  */
.tab_con_box > li.realestate_dispossess > a::before {
	content: "\e93d";
	color: #595959;
}
/* 法人向け　削除請求 */
.tab_con_box > li.eraserequest_corp > a::before {
	content: "\e936";
	color: #595959;
}
/* 法人向け　債権回収 */
.tab_con_box .claim_corp a { border: #14385e 2px solid; }
.tab_con_box .claim_corp a p { color: #14385e; }
.tab_con_box > li.claim_corp > a:before {
	content: "\e920";
	color: #14385e;
}
/* 法人破産・民事再生 */
.tab_con_box .bankrupt a { border: #149393 2px solid; }
.tab_con_box .bankrupt a p { color: #149393; }
.tab_con_box > li.bankrupt > a:before {
	content: "\e924";
	color: #149393;
}
/* 危機管理 */
.tab_con_box .risk_management a { border: #595959 2px solid; }
.tab_con_box .risk_management a p { color: #595959; }
.tab_con_box > li.risk_management > a:before {
	content: "\e957";
	color: #595959;
}
/* 国際法務 */
.tab_con_box > li.multinational > a::before {
	content: "\e93b";
	color: #595959;
}
/* 知的財産 */
.tab_con_box > li.intellectual > a:before {
	content: "\e93c";
	color: #595959;
}

/* 一般企業法務　顧問弁護士 */
.tab_con_box .g_lp_corp a { border: #1c4e48 2px solid; }
.tab_con_box .g_lp_corp a p { color: #1c4e48; }
.tab_con_box > li.g_lp_corp > a:before {
	content: "\e922";
	color: #1c4e48;
}
/* 中国進出支援 */
.tab_con_box .china a { border: #e02000 2px solid; }
.tab_con_box .china a p { color: #e02000; }
.tab_con_box > li.china > a:before {
	content: "\e93b";
	color: #e02000;
}
/* 在日中国人向け弁護サービス */
.tab_con_box .jp_zh a { border: #e02000 2px solid; }
.tab_con_box .jp_zh a p { color: #e02000; }
.tab_con_box > li.jp_zh > a:before {
	content: "\e93b";
	color: #e02000;
}
/* 法人向け　労働問題 */
.tab_con_box .work_corp a{ border: #5269aa 2px solid; }
.tab_con_box .work_corp a p { color: #5269aa; }
.tab_con_box > li.work_corp > a:before {
	content: "\e925";
	color: #5269aa;
}
/* 法人向け　労働災害 */
.tab_con_box .disaster_corp a{ border: #5269aa 2px solid; }
.tab_con_box .disaster_corp a p { color: #5269aa; }
.tab_con_box > li.disaster_corp > a:before {
	content: "\e91e";
	color: #5269aa;
}

.tab_con_box a:hover p { color: #fff !important; }
.tab_con_box a:hover {
	text-decoration: none;
	color: #fff !important;
}
/* 民事信託 */
.tab_con_box .g_foreigner a { border: #595959 2px solid; }
.tab_con_box .g_foreigner a p { color: #595959; }
.tab_con_box > li.g_foreigner > a:before {
	content: "\e93b";
	color: #595959;
}
/* 民事信託 */
.tab_con_box .g_family_trust a { border: #595959 2px solid; }
.tab_con_box .g_family_trust a p { color: #595959; }
.tab_con_box > li.g_family_trust > a:before {
	content: "\e940";
	color: #595959;
}
/* 税務訴訟 */
.tab_con_box .tax_litigation a { border: #595959 2px solid; }
.tab_con_box .tax_litigation a p { color: #595959; }
.tab_con_box > li.tax_litigation > a:before {
	content: "\e941";
	color: #595959;
}
/* その他（法人） */
.tab_con_box .etc_corp a { border: #595959 2px solid; }
.tab_con_box .etc_corp a p { color: #595959; }
.tab_con_box > li.etc_corp > a:before {
	content: "\e942";
	color: #595959;
}
/* 契約法務 */
.tab_con_box .contract_law a { border: #595959 2px solid; }
.tab_con_box .contract_law a p { color: #595959; }
.tab_con_box > li.contract_law > a:before {
	content: "\e982";
	color: #595959;
}
/* コーポレートガバナンス */
.tab_con_box .governance a { border: #595959 2px solid; }
.tab_con_box .governance a p { color: #595959; }
.tab_con_box > li.governance > a:before {
	content: "\e981";
	color: #595959;
}
/* 起業・上場支援 */
.tab_con_box .support_corp a { border: #595959 2px solid; }
.tab_con_box .support_corp a p { color: #595959; }
.tab_con_box > li.support_corp > a:before {
	content: "\e95d";
	color: #595959;
}
/* 内部通報制度 */
.tab_con_box .whistleblowing a { border: #595959 2px solid; }
.tab_con_box .whistleblowing a p { color: #595959; }
.tab_con_box > li.whistleblowing > a:before {
	content: "\e968";
	color: #595959;
}
/* 各種許認可申請 */
.tab_con_box .application a { border: #595959 2px solid; }
.tab_con_box .application a p { color: #595959; }
.tab_con_box > li.application > a:before {
	content: "\e967";
	color: #595959;
}
/* 事業承継 */
.tab_con_box .succession a { border: #595959 2px solid; }
.tab_con_box .succession a p { color: #595959; }
.tab_con_box > li.succession > a:before {
	content: "\e95c";
	color: #595959;
}
/* 議員法務 */
.tab_con_box .politician a { border: #595959 2px solid; }
.tab_con_box .politician a p { color: #595959; }
.tab_con_box > li.politician > a:before {
	content: "\e95b";
	color: #595959;
}
/* エンターテインメント法務 */
.tab_con_box .entertainment a { border: #00695B 2px solid; }
.tab_con_box .entertainment a p { color: #00695B; }
.tab_con_box > li.entertainment > a:before {
	content: "\e95e";
	color: #00695B;
}


/*
.tab_con_box li.succession a,
.tab_con_box li.politician a { border: #595959 2px solid; }
*/

/* hover font icon ---------------------------------------*/
.tab_con_box > li.debt > a:hover { background-color: #704b3f; }
.tab_con_box > li.divorce > a:hover { background-color: #eb4767; }
.tab_con_box > li.accident > a:hover { background-color: #409cc5; }
.tab_con_box > li.hepatitisb > a:hover { background-color: #22a098; }
.tab_con_box > li.asbestos > a:hover { background-color: #7C6954; }
.tab_con_box > li.school > a:hover { background-color: #CC4919; }
.tab_con_box > li.criminal > a:hover { background-color: #94000c; }
.tab_con_box > li.work > a:hover,
.tab_con_box > li.g_overtime > a:hover,
.tab_con_box > li.g_dismissal > a:hover,
.tab_con_box > li.disaster > a:hover,
.tab_con_box > li.g_other_work > a:hover { background-color: #5269aa; }
.tab_con_box > li.bequest > a:hover { background-color: #e65c00; }
.tab_con_box > li.claim > a:hover { background-color: #14385e; }
.tab_con_box > li.kenchikusosho > a:hover { background-color: #595959; }
.tab_con_box > li.consumer > a:hover { background-color: #76B54F; }
.tab_con_box > li.marine_accident > a:hover { background-color: #595959; }
.tab_con_box > li.medical > a:hover { background-color: #595959; }
.tab_con_box > li.g_lp_indi > a:hover { background-color: #1c4e48; }
.tab_con_box > li.realestate > a:hover { background-color: #a16600;}
.tab_con_box > li.g_lp_corp > a:hover { background-color: #1c4e48; }
.tab_con_box > li.eraserequest > a:hover { background-color: #595959; }
.tab_con_box > li.g_lp_corp > a:hover { background-color: #1c4e48; }
.tab_con_box > li.g_foreigner > a:hover { background-color: #595959; }
.tab_con_box > li.g_family_trust > a:hover { background-color: #595959; }
.tab_con_box > li.etc_indi > a:hover { background-color: #595959; }
.tab_con_box > li.securities > a:hover { background-color: #142966; }
.tab_con_box > li.tax > a:hover { background-color: #595959; }
.tab_con_box > li.visa > a:hover { background-color: #595959; }
.tab_con_box > li.hsp_permanent > a:hover { background-color: #595959; }
.tab_con_box > li.spouse_visa > a:hover { background-color: #595959; }
.tab_con_box > li.green_card > a:hover { background-color: #595959; }

.tab_con_box > li.general_corporate > a:hover,
.tab_con_box li.general_corporate > a:hover,
.tab_con_box li.ma > a:hover,
.tab_con_box li.it > a:hover,
.tab_con_box li.disaster_corp > a:hover,
.tab_con_box li.realestate_dispossess > a:hover,
.tab_con_box li.eraserequest_corp > a:hover,
.tab_con_box li.multinational > a:hover,
.tab_con_box li.intellectual > a:hover { background-color: #595959; }
.tab_con_box > li.china > a:hover { background-color: #e02000; }
.tab_con_box > li.jp_zh > a:hover { background-color: #e02000; }
.tab_con_box > li.work_corp > a:hover,
.tab_con_box > li.disaster_corp > a:hover { background-color: #5269aa; }
.tab_con_box > li.claim_corp > a:hover { background-color: #14385e; }
.tab_con_box > li.bankrupt > a:hover { background-color: #149393; }
.tab_con_box > li.risk_management > a:hover { background-color: #595959; }
.tab_con_box > li.tax_litigation > a:hover,
.tab_con_box > li.etc_corp > a:hover,
.tab_con_box > li.contract_law > a:hover,
.tab_con_box > li.governance > a:hover,
.tab_con_box > li.support_corp > a:hover,
.tab_con_box > li.whistleblowing > a:hover,
.tab_con_box > li.application > a:hover,
.tab_con_box > li.succession > a:hover,
.tab_con_box > li.politician > a:hover { background-color: #595959; }
.tab_con_box > li.entertainment > a:hover { background-color: #00695B; }

/* font color ---------------------------------------*/
.tab_con_box > li.debt > a > h3 { color: #704b3f; }
.tab_con_box > li.divorce > a > h3 { color: #eb4767; }
.tab_con_box > li.accident > a > h3 { color: #409cc5; }
.tab_con_box > li.hepatitisb > a > h3 { color: #22a098; }
.tab_con_box > li.asbestos > a > h3 { color: #7C6954; }
.tab_con_box > li.school > a > h3 { color: #CC4919; }
.tab_con_box > li.criminal > a > h3 { color: #94000c; }
.tab_con_box > li.work > a > h3,
.tab_con_box > li.g_overtime > a > h3,
.tab_con_box > li.g_dismissal > a > h3,
.tab_con_box > li.disaster > a > h3,
.tab_con_box > li.g_other_work > a > h3 { color: #5269aa; }
.tab_con_box > li.bequest > a > h3 { color: #e65c00; }
.tab_con_box > li.claim > a > h3 { color: #14385e; }
.tab_con_box > li.kenchikusosho > a > h3 { color: #595959; }
.tab_con_box > li.consumer > a > h3 { color: #76B54F; }
.tab_con_box > li.marine_accident > a > h3 { color: #595959; }
.tab_con_box > li.medical > a > h3 { color: #595959; }
.tab_con_box > li.g_lp_indi > a > h3 { color: #1c4e48; }
.tab_con_box > li.realestate > a > h3 { color: #a16600;}
.tab_con_box > li.china > a > h3 { color: #e02000; }
.tab_con_box > li.jp_zh > a > h3 { color: #e02000; }
.tab_con_box > li.g_lp_corp > a > h3 { color: #1c4e48; }
.tab_con_box > li.eraserequest > a > h3 { color: #595959; }
.tab_con_box > li.g_foreigner > a > h3 { color: #595959; }
.tab_con_box > li.g_family_trust > a > h3 { color: #595959; }
.tab_con_box > li.etc_indi > a > h3 { color: #595959; }
.tab_con_box > li.securities > a > h3 { color: #142966; }
.tab_con_box > li.tax > a > h3 { color: #595959; }
.tab_con_box > li.visa > a > h3 { color: #595959; }
.tab_con_box > li.hsp_permanent > a > h3 { color: #595959; }
.tab_con_box > li.spouse_visa > a > h3 { color: #595959; }
.tab_con_box > li.green_card > a > h3 { color: #595959; }

.tab_con_box > li.general_corporate > a > h3,
.tab_con_box li.general_corporate > a > h3,
.tab_con_box li.ma > a > h3,
.tab_con_box li.it > a > h3,
.tab_con_box li.disaster_corp > a > h3,
.tab_con_box li.realestate_dispossess > a > h3,
.tab_con_box li.eraserequest_corp > a > h3,
.tab_con_box li.multinational > a > h3,
.tab_con_box li.intellectual > a > h3 { color: #595959; }
.tab_con_box > li.work_corp > a > h3,
.tab_con_box > li.disaster_corp > a > h3 { color: #5269aa; }
.tab_con_box > li.claim_corp > a > h3 { color: #14385e; }
.tab_con_box > li.bankrupt > a > h3 { color: #149393; }
.tab_con_box > li.risk_management > a > h3 { color: #595959; }
.tab_con_box > li.tax_litigation > a > h3 { color: #595959; }
.tab_con_box > li.etc_corp > a > h3,
.tab_con_box > li.contract_law a > h3,
.tab_con_box > li.governance a > h3,
.tab_con_box > li.support_corp a > h3,
.tab_con_box > li.whistleblowing a > h3,
.tab_con_box > li.application a > h3,
.tab_con_box > li.succession a > h3,
.tab_con_box > li.politician a > h3 { color: #595959; }
.tab_con_box > li.entertainment a > h3 { color: #00695B; font-size:1rem;}


.tab_con_box > li > a > h3 > span::after { 
	content: url(/common_api/branch/img/common/blank_icon.png);
	width: 11px;
	padding: 0 0 0 9px;
}

.tab_con_box > li > a:hover h3 {
	color:#fff;
}
.tab_con_box > li > a:hover:before {
	color: #fff;
}

.tab_con_box h3 {
	position: absolute;
	top: 50%;
	left: 45%;
	margin: 0 0 0.5rem 0;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2;
	transform: translateY(-50%)
}
/* 在日中国人向けサービス 在日外国人向けサービス */
.tab_con_box .jp_zh h3,
.tab_con_box .g_foreigner h3,
.tab_con_box .visa h3,
.tab_con_box .hsp_permanent h3,
.tab_con_box .green_card h3 {
	font-size: 1rem;
}
/* トップページはフォントサイズ1.2rem */
.home .tab_con_box .jp_zh h3,
.home .tab_con_box .g_foreigner h3 {
	font-size: 1.2rem;
}
@media only screen and (max-width: 780px) {
	.home .tab_con_box .jp_zh h3,
	.home .tab_con_box .g_foreigner h3 {
		font-size: 1rem;
	}
}
.tab_con_box h3 {
	color:#fff;
	font-weight:bold;
}


/*=============================================================================================
sidebar
=============================================================================================*/
.sidebar {
	float: right;
	margin: 0 0 0 5%;
	width: 30%;
	vertical-align: top;
}
.side_bnr_area {
	width: 360px;
	border: 1px solid #ccc;
}
.side_bnr_area img {
	width: 100%;
}
.side_bnr_area a:hover {
	opacity: 0.75;
}
.columns .sidebar .contact {
	margin-top: 30px;
}
.sidebar .contact li img {
	width: 100%;
}
.sidebar .contact li:nth-child(1) {
	border: 1px solid #ccc;
}
/* 労働はボーダーなし */
.work .sidebar .contact li:nth-child(1) {
	border: 0px solid #ccc;
}
/* ボーダーなしの場合 */
.sidebar .contact li.u-border__no {
	border: none!important;
}

/* 電話でのお問い合わせはこちら */
.sidebar .contact li a.side_tel {
	position: relative;
	pointer-events: none;
}

/*------------------------------------------------
刑事のバナー下　注釈追加 24/04/30
------------------------------------------------*/
.side_bnr_asterisk {
	margin-top: 16px;
}
@media only screen and (max-width: 780px) {
	.side_bnr_asterisk {
		padding: 0 28px;
	}
}/*780*/
.sidebar .contact .side_bnr_asterisk li:nth-child(1) {
	border: 0
}
@media only screen and (max-width: 780px) {
	.sidebar .contact .side_bnr_asterisk li:nth-child(1) {
		margin: 0;
	}
}/*780*/
.p-sidebar__asterisk__list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-left: 0.875rem;
}
.p-sidebar__asterisk__item {
	position: relative;
	font-size: 0.875rem;
	line-height: 1.5;
}
@media only screen and (max-width: 780px) {
	.p-sidebar__asterisk__item {
		text-align: left;
	}
}/*780*/
.p-sidebar__asterisk__item::before {
	content: "※";
	position: absolute;
	top: 0;
	left: -0.875rem;
	display: inline-block;
}

/*=============================================================================================
2020/10/20　京都オフィス コールデータバンク
=============================================================================================*/
.p-events__none {
	pointer-events: none;
}
@media only screen and (max-width: 780px) {
	.p-events__none {
		pointer-events: auto;
	}
}/*780*/

.side_tel_num,
.side_tel_txt {
	position: absolute;
	bottom: 12px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}
.side_tel_txt {
	display: none;
}

/* コールデータバンク用　刑事ページ */
.criminal .side_tel_num,
.criminal .side_tel_txt  {
	bottom: 4px;
	color: #df0516;
	text-shadow    : 
	2px  2px 1px #fff,
	-2px  2px 1px #fff,
	2px -2px 1px #fff,
	-2px -2px 1px #fff,
	2px  0px 1px #fff,
	0px  2px 1px #fff,
	-2px  0px 1px #fff,
	0px -2px 1px #fff; /* 文字の影 */
}
/* コールデータバンク用　債務整理ページ */
.debt .side_tel_num,
.debt .side_tel_txt  {
	bottom: 4px;
	color: #cc0000;
	text-shadow    : 
	2px  2px 1px #fff,
	-2px  2px 1px #fff,
	2px -2px 1px #fff,
	-2px -2px 1px #fff,
	2px  0px 1px #fff,
	0px  2px 1px #fff,
	-2px  0px 1px #fff,
	0px -2px 1px #fff; /* 文字の影 */
}
/* コールデータバンク用　債権回収ページ */
.claim .side_tel_num,
.claim .side_tel_txt  {
	bottom: 4px;
	color: #fff000;
	text-shadow    : 
	1px  1px 1px #555,
	-1px  1px 1px #555,
	1px -1px 1px #555,
	-1px -1px 1px #555,
	1px  0px 1px #f000,
	0px  1px 1px #555,
	-1px  0px 1px #5550,
	0px -1px 1px #555; /* 文字の影 */
}
/* コールデータバンク用　労働ページ */
.work .side_tel_num,
.work .side_tel_txt,
.disaster .side_tel_num,
.disaster .side_tel_txt {
	bottom: 46px;
	color: #e00012;
}
/* コールデータバンク用　法人 顧問ページ */
.g_lp_corp .side_tel_num,
.g_lp_corp .side_tel_txt {
	bottom: 21px;
	color: #cf000d;
}
/* コールデータバンク用　B型ページ */
.hepatitisb .side_tel_num,
.hepatitisb .side_tel_txt {
	bottom: 6px;
}
/* コールデータバンク用　アスベストページ */
.asbestos .side_tel_num,
.asbestos .side_tel_txt {
	bottom: 38px;
}
/* コールデータバンク用　交通事故ページ */
.accident .side_tel_txt {
	top: 20px;
	left: 28px;
	display: block;
	font-size: 20px;
	color: #333;
	line-height: 1.2;
}
.accident .p-txt__large {
	font-size: 28px;
}
.accident .side_tel_num {
	bottom: 34px;
	color: #f39c01;
	text-shadow : 
		1px  1px 1px #fff,
		-1px  1px 1px #fff,
		1px -1px 1px #fff,
		-1px -1px 1px #fff,
		1px  0px 1px #fff,
		0px  1px 1px #fff,
		-1px  0px 1px #fff,
		0px -1px 1px #fff; /* 文字の影 */
}
/* コールデータバンク用　遺産相続ページ */
.bequest .side_tel_num {
	color: #e65c00;
	text-shadow : 
	1px  1px 1px #fff,
 -1px  1px 1px #fff,
	1px -1px 1px #fff,
 -1px -1px 1px #fff,
	1px  0px 1px #fff,
	0px  1px 1px #fff,
 -1px  0px 1px #fff,
	0px -1px 1px #fff; /* 文字の影 */
}
/* コールデータバンク用　海難事故ページ */
.marine_accident .side_tel_num {
	color: #C73131;
	bottom: 36px;
}

@media only screen and (max-width: 780px) {
	.sidebar .contact li a.side_tel {
		pointer-events: auto;
	}
	.side_tel_num {
		font-size: 1.8rem;
	}
	.side_tel_num,
	.side_tel_num {
		display: none;
	}
	.side_tel_txt,
	.side_tel_txt {
		bottom: 18px;
		display: flex;
    font-size: 1.1875rem;
    text-align: center;
	}
	/* コールデータバンク用　刑事ページ */
	.criminal .side_tel_txt  {
		bottom: 9px;
	}
	/* コールデータバンク用　債務整理ページ */
	.debt .side_tel_txt  {
		bottom: 9px;
	}
	/* コールデータバンク用　債権回収ページ */
	.claim .side_tel_txt  {
		bottom: 9px;
	}
	/* コールデータバンク用　労働ページ テキスト「電話でのお問い合わせはこちら」 */
	.work .side_tel_txt  {
		bottom: 46px;
	}
	/* コールデータバンク用　労働ページ 電話番号 */
	.work .side_tel_num  {
		bottom: 38px;
	}
	/* コールデータバンク用　法人 顧問ページ */
	.g_lp_corp .side_tel_txt  {
		bottom: 27px;
	}
	/* コールデータバンク用　B型ページ */
	.hepatitisb .side_tel_txt  {
		bottom: 12px;
	}
	/* コールデータバンク用　B型ページ テキスト*/
	.asbestos .side_tel_txt  {
		bottom: 40px;
	}
	/* コールデータバンク用　B型ページ 電話番号*/
	.asbestos .side_tel_num  {
		bottom: 34px;
	}
	/* コールデータバンク用　海難事故 テキスト*/
	.marine_accident .side_tel_num {
		bottom: 26px;
	}
	.marine_accident .side_tel_txt {
		bottom: 38px;
		color: #000;
		font-size: 1.1875rem;
	}
	.marine_accident .side_tel_arrow::after {
		border-left: 6px solid #000;
	}
	/* コールデータバンク用　交通事故ページ */
	.accident .side_tel_txt {
		top: auto;
		bottom: 38px;
		left: 16px;
		display: block;
		text-align: left;
		color: #f39c01;
		text-shadow : 
			1px  1px 1px #fff,
			-1px  1px 1px #fff,
			1px -1px 1px #fff,
			-1px -1px 1px #fff,
			1px  0px 1px #fff,
			0px  1px 1px #fff,
			-1px  0px 1px #fff,
			0px -1px 1px #fff; /* 文字の影 */
	}
	.accident .side_tel_num,
	.accident .side_tel_num {
		display: none;
	}
	/* コールデータバンク用　遺産相続ページ */
	.bequest .side_tel_txt,
	.bequest .side_tel_txt {
		color: #e65c00;
		text-shadow : 
		1px  1px 1px #fff,
		-1px  1px 1px #fff,
		1px -1px 1px #fff,
		-1px -1px 1px #fff,
		1px  0px 1px #fff,
		0px  1px 1px #fff,
		-1px  0px 1px #fff,
		0px -1px 1px #fff; /* 文字の影 */
	}
}/*780*/

.side_tel_icon::before {
	display: inline-block;
	width: 2rem;
	margin: 0 .5rem 0 0;
	font-size: 2rem;
	font-family: 'icomoon';
  content: '\e900';
}
/* コールデータバンク用　法人 顧問ページ */
.g_lp_corp .side_tel_icon::before {
	color: #333;
}

@media only screen and (max-width: 780px) {
	.side_tel_icon::before {
		width: 1.5rem;
		font-size: 1.5rem;
	}
}/*780*/

.side_tel_arrow::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 12px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
	content: "";
}
.accident .side_tel_arrow::after {
	display: none;
}
@media only screen and (max-width: 780px) {
	/* 労働 赤 */
	.work .side_tel_arrow::after {
		border-left: 6px solid #e00012;
	}
	/* 刑事 赤 */
	.criminal .side_tel_arrow::after {
		border-left: 6px solid #e00012;
	}
	/* 債務整理 赤 */
	.debt .side_tel_arrow::after {
		border-left: 6px solid #e00012;
	}
	/* 債権回収 黄色 */
	.claim .side_tel_arrow::after {
		border-left: 6px solid #fff000;
	}
	/* 法人 顧問ページ 赤 */
	.g_lp_corp .side_tel_arrow::after {
		border-left: 6px solid #cf000d;
	}
	/* 交通事故ページ　コールデータバンク */
	.accident .side_tel_arrow::after {
		display: inline-block;
		margin: 0 0 0 4px;
		border-left: 6px solid #f39c01;
	}
	/* 遺産相続ページ　コールデータバンク */
	.bequest .side_tel_arrow::after {
		border-left: 6px solid #e65c00;
	}
}/*780*/

/* 労働の電話アイコン */
.work .side_tel_icon::before,
.disaster .side_tel_icon::before {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: .45rem;
	background: #5269aa;
	border-radius: 50%;
	color: #fff;
	font-size: 1.35rem;
}
/* 交通事故の電話アイコン */
.accident .side_tel_icon::before {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: .45rem;
	background: #f39c01;
	border-radius: 50%;
	color: #fff;
	font-size: 1.35rem;
	text-shadow: none;
}
/* 海難事故の電話アイコン */
.marine_accident .side_tel_icon::before {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: .45rem;
	background: #2552AC;
	border-radius: 50%;
	color: #fff;
	font-size: 1.35rem;
}



/* メールでのお問い合わせはこちら */
.sidebar .contact li.side_mail a {
	position: relative;
	display: block;
	margin-top: 2rem;
	padding: 1em 0;
	width: 100%;
	background: #999 none repeat scroll 0 0;
	color: #fff;
	font-size: 1rem;
	text-align: center;
}
/* 分野カラー */
.debt .sidebar .contact li.side_mail a { background: #704b3f; }
.divorce .sidebar .contact li.side_mail a { background: #eb4767; }
.accident .sidebar .contact li.side_mail a { background: #f39c01; }
.hepatitisb .sidebar .contact li.side_mail a { background: #22a098; }
.asbestos .sidebar .contact li.side_mail a { background: #5C4B39; }
.criminal .sidebar .contact li.side_mail a { background: #94000c; }
.work .sidebar .contact li.side_mail a { background: #5269aa; }
.disaster .sidebar .contact li.side_mail a { background: #5269aa; }
.claim .sidebar .contact li.side_mail a { background: #14385e; }
.bequest .sidebar .contact li.side_mail a { background: #e65c00; }
.g_lp_indi .sidebar .contact li.side_mail a { background: #1c4e48; }

.g_lp_corp .sidebar .contact li.side_mail a { background: #1c4e48; }
.realestate .sidebar .contact li.side_mail a { background: #a16600; }
.civil .sidebar .contact li.side_mail a { background: #149393; }
.china .sidebar .contact li.side_mail a { background: #e02000; }
.overseas .sidebar .contact li.side_mail a { background: #818181; }
.kenchikusosho .contact li.side_mail a { background-color: #363636; }
.marine_accident .contact li.side_mail a { background-color: #2552AC; }

.sidebar .contact li.side_mail a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.4rem;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
}
/* 交通事故 */
.office_guidance {
	margin: 30px 0 0 0;
	width: 360px;
	border: 1px solid #ccc;
}
.office_guidance img {
	width: 100%;
}
.office_guidance a:hover {
	opacity: 0.75;
}
/* 離婚・男女問題 */
.sidebar .caltool {
	margin: 30px 0 0 0;
}
/* B型肝炎 */
.sidebar .bnr_diagnosis li img {
	border: 1px solid #c9caca;
	margin-top: 30px;
	max-width: 360px;
}
.side_block {
	margin: 40px 0 0 0;
}
.side_block .ttl {
	position: relative;
	margin: 30px 0 0 0;
	padding: 0 0 8px 36px;
	border-bottom: 2px solid #cf000e;
	line-height: 1;
}
.side_block .ttl > span {
	position: relative;
	padding: 0 0 8px 0;
	font-size: 1.31rem;
}
/* 分野カラー */
.debt .side_block .ttl { border-bottom: 2px solid #704b3f; }
.divorce .side_block .ttl { border-bottom: 2px solid #eb4767; }
.accident .side_block .ttl { border-bottom: 2px solid #409cc5; }
.hepatitisb .side_block .ttl { border-bottom: 2px solid #22a098; }
.criminal .side_block .ttl { border-bottom: 2px solid #94000c; }
.work .side_block .ttl { border-bottom: 2px solid #5269aa; }
.claim .side_block .ttl { border-bottom: 2px solid #14385e; }
.bequest .side_block .ttl { border-bottom: 2px solid #e65c00; }
.g_lp_indi .side_block .ttl { border-bottom: 2px solid #1c4e48; }
.kenchikusosho .side_block .ttl { border-bottom: 2px solid #363636; }
.marine_accident .side_block .ttl { border-bottom: 2px solid #2552AC; }
.school .side_block .ttl { border-bottom: 2px solid #CC4919; }

.g_lp_indi .side_block .ttl { border-bottom: 2px solid #1c4e48; }
.realestate .side_block .ttl { border-bottom: 2px solid #a16600; }
.civil .side_block .ttl { border-bottom: 2px solid #149393; }
.china .side_block .ttl { border-bottom: 2px solid #e02000; }
.overseas .side_block .ttl { border-bottom: 2px solid #818181; }

/* タイトルのアイコン */
.side_block .ttl::before{
	font-family: "icomoon";
	position: absolute;
	top: -2px;
	left: 4px;
	font-size: 1.8rem;
	font-weight: normal;
	color: #cf000e;
}
/* 分野カラー */
.debt .side_block .ttl::before{ color: #704b3f; }
.divorce .side_block .ttl::before{ color: #eb4767; }
.accident .side_block .ttl::before{ color: #409cc5; }
.hepatitisb .side_block .ttl::before{ color: #22a098; }
.criminal .side_block .ttl::before{ color: #94000c; }
.work .side_block .ttl::before{ color: #5269aa; }
.claim .side_block .ttl::before{ color: #14385e; }
.bequest .side_block .ttl::before{ color: #e65c00; }
.g_lp_indi .side_block .ttl::before{ color: #1c4e48; }
.kenchikusosho .side_block .ttl::before{ color: #363636; }
.marine_accident .side_block .ttl::before{ color: #2552AC; }
.school .side_block .ttl::before{ color: #CC4919; }

.g_lp_indi .side_block .ttl::before{ color: #1c4e48; }
.realestate .side_block .ttl::before{ color: #a16600; }
.civil .side_block .ttl::before{ color: #149393; }
.china .side_block .ttl::before{ color: #e02000; }
.overseas .side_block .ttl::before{ color: #818181; }

/* よくあるご質問 */
.side_block.qa .ttl::before{ content: "\e90b"; }
/* よくあるご質問 2020/11/10 名古屋オフィス */
.side_block.faq .ttl::before{ content: "\e90b"; }
/* 新着情報 */
.side_block.news .ttl::before{ content: "\e90c"; }
/* 解決事例 */
.side_block.cases .ttl::before{ content: "\e915"; }
/* お客様の声 */
.side_block.voices .ttl::before{ content: "\e916"; font-size: 1.6rem; left: 0;}
/* コラム */
.side_block.columns .ttl::before{ content: "\e92f"; font-size: 1.6rem;}
/* アクセス */
.side_block.access .ttl::before{ content: "\e90f"; }
/* 弁護士等紹介 */
.side_block.side_lawyer .ttl::before{ content: "\e907"; }
.side_block .side_box {
	margin: 20px 0 0 0;
}
.side_block.access .left_box,
.side_block.side_lawyer .left_box {
	float: left;
	width: 35%;
}
.side_block .left_box img {
	width: 100%;
}
.side_block.access .right_box,
.side_block.side_lawyer .right_box {
	float: right;
	width: 60%;
}
.side_block.access .right_box p {
	margin: 0.6rem 0 0 0;
}
.side_block.access .txt03 {
	padding: 0 0 0 0.8rem;
	font-size: 0.8rem;
	color: #cf000e;
	text-indent: -0.8rem;
}
.side_block.access ul {
	margin-left: 1.3rem;
}
.side_block.access li {
	padding-top: 0.8rem;
	list-style: disc none outside;
	line-height: 1.4;
}
.side_block.access .txt01 {
	line-height: 1.5;
}
.side_block.access .txt02 {
	margin: 0.5rem 0 0 0;
}
.side_block.access .txt04 {
	line-height: 1.5;
}
.side_block.side_lawyer .txt01 {
}
.side_block.side_lawyer .txt02 {
	margin: 0.6rem 0 0 0;
	text-align: right;
}
/*  コラム　声　事例 */
.side_block ul.report{}
.side_block .report li a {
	position: relative;
	display: block;
	padding: 1rem 0;
}
.side_block .report li a:hover {
	background: hsla(0,0%,96%,1.00);
	color: #333;
	text-decoration: none;
}
.side_block .report > li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}
.side_block.columns .left_box {
	float: left;
	width: 100px;
}
.side_block.columns .left_box img {
	width: 100%;
}
/* コラム　左に写真あり */
.side_block.columns .right_box {
	float: left;
	width: calc(100% - 110px);
	padding: 0 0 0 10px;
}
/* 声　事例　左に写真なし */
.side_block.voices .right_box,
.side_block.cases .right_box,
.side_block.faq .right_box {
	float: inherit;
	width: 100%;
	padding: 0;
}	
.side_block .report .right_box li {
	display: inline-block;
	font-size: 0.9rem;
}

.side_block .report li.txt {
	display: flex;
	align-items: start;
	margin: 0.3rem 0 0 0;
	padding: 0 0 0 10px;
	line-height: 1.3;
	font-size: 1rem;
}
/* コラム */
.side_block.columns .report li.txt {
	padding-left: 0;
}
.side_block .report a:hover li.txt {
	color: #cf000e;
	text-decoration: underline;
}
.side_block .report .tag span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 4rem;
	height: 18px;
	padding: 0 12px 1.5px 12px;
	color: #fff;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.75rem;
	text-align: center;
	border-radius: 2px;
	line-height: 1;
}
.side_block .report li.txt::before {
	display: inline-block;
	position: relative;
	top: 3px;
	left: -8px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #cf000e;
	content: "";
}
/* コラムは矢印なし */
.side_block.columns .report li.txt::before {
	display: none;
}
.side_block .report li.txt span {}
/* 分野カラー */
.debt .side_block .report li.txt::before { border-left: 6px solid #704b3f; }
.divorce .side_block .report li.txt::before { border-left: 6px solid #eb4767; }
.accident .side_block .report li.txt::before { border-left: 6px solid #409cc5; }
.hepatitisb .side_block .report li.txt::before { border-left: 6px solid #22a098; }
.criminal .side_block .report li.txt::before { border-left: 6px solid #94000c; }
.work .side_block .report li.txt::before { border-left: 6px solid #5269aa; }
.claim .side_block .report li.txt::before { border-left: 6px solid #14385e; }
.bequest .side_block .report li.txt::before { border-left: 6px solid #e65c00; }
.g_lp_indi .side_block .report li.txt::before { border-left: 6px solid #1c4e48; }
.kenchikusosho .side_block .report li.txt::before { border-left: 6px solid #363636; }
.marine_accident .side_block .report li.txt::before { border-left: 6px solid #2552AC; }
.school .side_block .report li.txt::before { border-left: 6px solid #CC4919; }

.g_lp_indi .side_block .report li.txt::before { border-left: 6px solid #1c4e48; }
.realestate .side_block .report li.txt::before { border-left: 6px solid #a16600; }
.civil .side_block .report li.txt::before { border-left: 6px solid #149393; }
.china .side_block .report li.txt::before { border-left: 6px solid #e02000; }
.overseas .side_block .report li.txt::before { border-left: 6px solid #818181; }

/* サイドナビ　分野別 */
.side_navi {
	margin: 30px 0 0 0;
	width: 100%;
	border-top: 1px solid #ccc;
}
.side_navi li {
	width: 100%;
}
.side_navi a {
	display: flex;
	align-items: center;
	position: relative;
	padding: 1.1rem 1rem 0.9rem 1rem;
	border: 1px solid #ccc;
	border-top: none;
	line-height: 1.3;
}
.side_navi a:hover {
	color: #333;
	text-decoration: none;
}
/* 分野カラー */
.side_navi a.active, 
.side_navi a:hover { background-color: #eee; }
.accident .side_navi a.active, 
.accident .side_navi a:hover { background-color: #cee0f1; }
.criminal .side_navi a.active, 
.criminal .side_navi a:hover { background-color: #f8e4e6; }
.divorce .side_navi a.active,
.divorce .side_navi a:hover { background-color: #f8e4e6; }

/* 分野カラー */
.side_navi a.active:hover,
.debt .side_navi a.active:hover,
.divorce .side_navi a.active:hover,
.accident .side_navi  a.active:hover,
.hepatitisb .side_navi a.active:hover,
.criminal .side_navi a.active:hover,
.work .side_navi a.active:hover,
.claim .side_navi a.active:hover,
.bequest .side_navi a.active:hover,
.g_lp_indi .side_navi a.active:hover,
.g_lp_indi .side_navi a.active:hover,
.realestate .side_navi a.active:hover,
.civil .side_navi a.active:hover,
.china .side_navi a.active:hover,
.overseas .side_navi a.active:hover {
	/*background-color: #fff;*/
	/*text-decoration: underline;*/
}
/* 分野カラー */
.debt .side_navi a.a_before:before { border-left: 6px solid #704b3f; }
.divorce .side_navi a.a_before:before { border-left: 6px solid #eb4767; }
.accident .side_navi a.a_before:before { border-left: 6px solid #409cc5; }
.hepatitisb .side_navi a.a_before:before { border-left: 6px solid #22a098; }
.criminal .side_navi a.a_before:before { border-left: 6px solid #94000c; }
.work .side_navi a.a_before:before { border-left: 6px solid #5269aa; }
.claim .side_navi a.a_before:before { border-left: 6px solid #14385e; }
.bequest .side_navi a.a_before:before { border-left: 6px solid #e65c00; }
.g_lp_indi .side_navi a.a_before:before { border-left: 6px solid #1c4e48; }
.kenchikusosho .side_navi a.a_before:before { border-left: 6px solid #363636; }
.marine_accident .side_navi a.a_before:before { border-left: 6px solid #2552AC; }
.school .side_navi a.a_before:before { border-left: 6px solid #CC4919;}

.g_lp_indi .side_navi a.a_before:before { border-left: 6px solid #1c4e48; }
.realestate .side_navi a.a_before:before { border-left: 6px solid #a16600; }
.civil .side_navi a.a_before:before { border-left: 6px solid #149393; }
.china .side_navi a.a_before:before { border-left: 6px solid #e02000; }
.overseas .side_navi a.a_before:before { border-left: 6px solid #818181; }

.side_navi a span {
	padding: 0 0 0 8px;
}

/* コラム用　サイドバー */
/* サイドナビゲーション */
.side_block.columns_nav {
	display: none;
	margin-top: 0;
	margin-bottom: 30px;
}
.columns .side_block.columns_nav {
	display: block;
}
.side_block.columns_nav > li:first-child {
	position: relative;
	display: block;
	border-top: none;
	/*background: #eee;*/
}
.side_block.columns_nav > li:first-child a {
	display: flex;
	align-items: center;
}
.side_block.columns_nav > li:first-child a:hover {
	text-decoration: none;
	background: #eee;
}
.side_block.columns_nav > li:first-child a::before {
	content: "\e92f";
	font-family: icomoon;
	font-size: 1.5rem;
	color:#c3181f;
	padding-right: 0rem;
}
.side_block.columns_nav > li:first-child a span {
	font-weight: bold;
}
.side_block.columns_nav > li:first-child a:hover span {
	text-decoration: underline;
}
.side_block.side_list .right_box span {
	display:block;
	font-size:0.8rem;
}
.side_block.side_list .rank01_bg::before {
	content: "\e930";
	font-family: icomoon;
	font-size: 1.5rem;
	color:#d6b722;
}
.side_block.side_list .rank02_bg:before {
	content: "\e931";
	font-family: icomoon;
	font-size: 1.5rem;
	color:#b3b2b3;
}
.side_block.side_list .rank03_bg:before {
	content: "\e932";
	font-family: icomoon;
	font-size: 1.5rem;
	color:#d6ab60;
}
.side_block.side_list {
	margin:0;
}
.side_block.side_list h2.ttl {
	margin:0 0 20px 0;
}
/*新着コラム一覧*/
.side_block.columns_new .ttl > span:before {
    content: "\e90c";
}

/* 労働　子要素 */
.side_block.columns_nav ul.list_child {
	border: 1px solid #ccc;
	border-top: none;
}
.side_block.columns_nav ul.list_child li:first-child {
	position: relative;
	display: block;
	padding: 0;
	border: 0;
	border-top: none;
	background: #fff;
}
.side_navi ul.list_child li a {
	position: relative;
	display: block;
	padding: 0.8rem 1rem 0.6rem 1.8rem;
	border: none;
	border-top: 1px dotted #ccc;
}
.side_navi ul.list_child li:first-child a {
	border-top: none;
}
.side_block.columns_nav ul.list_child li span {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 0 0 0.4rem;
}
.side_block.columns_nav ul.list_child li span::before {
	display: inline-block;
	position: relative;
	top: 0;
	left: -0.5rem;
	width: 6px;
	height: 6px;
	padding-right: 0;
	border-top: 1px solid #cf000e;
	border-right: 1px solid #cf000e;
	transform: rotate(45deg);
	transform-origin: 75%;
	content: "";
	transition: all 0s;
}
/* 分野カラー */
.debt .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #704b3f; border-right: 1px solid #704b3f; }
.divorce .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #eb4767; border-right: 1px solid #eb4767;}
.accident .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #409cc5; border-right: 1px solid #409cc5;}
.hepatitisb .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #22a098; border-right: 1px solid #22a098;}
.criminal .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #94000c; border-right: 1px solid #94000c;}
.work .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #5269aa; border-right: 1px solid #5269aa;}
.claim .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #14385e; border-right: 1px solid #14385e;}
.bequest .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #e65c00; border-right: 1px solid #e65c00;}
.g_lp_indi .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #1c4e48; border-right: 1px solid #1c4e48;}

.g_lp_indi .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #1c4e48; border-right: 1px solid #1c4e48;}
.realestate .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #a16600; border-right: 1px solid #a16600;}
.civil .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #149393; border-right: 1px solid #149393;}
.china .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #e02000; border-right: 1px solid #e02000;}
.overseas .side_block.columns_nav ul.list_child li span::before { border-top: 1px solid #818181; border-right: 1px solid #818181;}

/* 採用 */
.side_block.recruit {
	display: none;/* 表示したいオフィス名のみファイルの一番下にdisplay:blockを記述してください */
	border: 1px solid hsla(0,0%,80%,1.00);
}
/*=========================================
twitterウィジェット追加 #11825
=========================================*/
.side_block.recruit h2.ttl {
	width: 358px;
	height: 112px;
	margin: 0;
	padding: 0;
	border-bottom: 0;
	background: url(/common_api/branch/img/common/bnr_sidebar_recruit_lawyers02.jpg) no-repeat 0 0/contain;
}
.side_block.recruit h2.ttl img {
	width: 100%;
}
.side_block.recruit h2.ttl a {
	display: block;
	padding: 16px 0 0 16px;
}
.side_block.recruit h2.ttl .p-txt__01 {
	margin: 0 0 .5rem 0;
	font-size: 1.25rem;
}
.side_block.recruit h2.ttl .p-txt__02 {
	margin: 0 0 .5rem 0;
	font-size: 1.25rem;
}
.side_block.recruit h2.ttl .p-link__btn {
	position: relative;
	display: inline-block;
	padding: 4px 20px 4px 8px;
	background: rgba(29,161,242,1.00);
	color: #fff;
	font-size: 1rem;
	font-weight: normal;
}
/* IE11 にのみ適用される */
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .side_block.recruit h2.ttl .p-link__btn {
		padding-top: 7px;
		padding-bottom: 3px;
	}
}
.side_block.recruit h2.ttl .p-link__btn::after {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #fff;
	content: "";
}

/*=============================================================
所長挨拶の下のウィジェット
=============================================================*/
.p-tw {
	margin: 40px auto 0 auto;
}
.side_block.p-tw h2.ttl {
	position: relative;
	margin: 30px 0 0 0;
	padding: 0 0 8px 40px;
	border-bottom: 2px solid #cf000e;
	line-height: 1;
}
.side_block.p-tw h2.ttl::before {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 32px;
	height: 22px;
	background: url(/common_api/branch/img/common/ico_twitter.svg) no-repeat 0 0/contain;
	content: "";
}
.p-tw h2.ttl span {
	font-size: 1.31rem;
}
.p-tw_inner {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 1rem 29px;
	border: 1px solid #ccc;
}

.side_block.recruit ul li {
	border-top: 1px dotted hsla(0,0%,80%,1.00);
}
.side_block.recruit ul li:nth-child(1) {
	border-top: 1px solid hsla(0,0%,80%,1.00);
}
.side_block.recruit ul li a {
	display: inline-block;
	padding: 10px;
	width: 100%;
	height: auto;
}
.side_block.recruit ul li a:hover {
	background: hsla(0,0%,95%,1.00);
}
.side_block.recruit ul li a span {
	display: flex;
	align-items: center;
	padding: 0 0 0 10px;
}
.side_block.recruit ul li a span:before {
	display: inline-block;
	position: relative;
	left: -10px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #cf000e;
	content: "";
}
.side_block.recruit ul li a span:after {
	position: relative;
	right: -5px;
	content: url("/common_api/branch/img/common/blank_icon.png");
}

/* 一覧はこちらボタン */
.btn {
	margin: 20px 0 0 0;
	text-align: right;
}
.btn a {
	position: relative;
	display: inline-block;
	padding: 0.8rem 3rem 0.7rem 2rem;
	color: #fff;
	background-color: #cf000e;
	line-height: 1;
}
/* 分野カラー */
.debt .btn a { background-color: #704b3f; }
.divorce .btn a { background-color: #e18b97; }
.accident .btn a { background-color: #409cc5; }
.hepatitisb .btn a { background-color: #22a098; }
.asbestos .btn a { background-color: #5C4B39; }
.criminal .btn a { background-color: #94000c; }
.work .btn a { background-color: #5269aa; }
.claim .btn a { background-color: #14385e; }
.bequest .btn a { background-color: #e65c00; }
.g_lp_indi .btn a { background-color: #1c4e48; }
.school .btn a { background-color: #CC4919; }

.g_lp_indi .btn a { background-color: #1c4e48; }
.realestate .btn a { background-color: #a16600; }
.civil .btn a { background-color: #149393; }
.china .btn a { background-color: #e02000; }
.overseas .btn a { background-color: #818181; }



.btn a:hover {
	text-decoration: none;
	opacity: 0.75;
}
.btn a:after {
	content:"";
	position: absolute;
	top: 50%;
    right: 1rem;
    margin-top: -0.4rem;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
}
.sidebar .contact li.side_bnr {
	position: relative;
}
/*B型肝炎*/
.main_contents p.side_bnr_01 {
	position: absolute;
	top: 124px;
	left: 45px;
	width: auto;
	font-size: 2.4rem;
	color: #cf000d;
	font-weight: bold;
	line-height: inherit;
}
.hepatitisb .main_contents p.side_bnr_01 {
	top: 125px;
	left: 54px;
	color: #fff;
}
p.side_bnr_01 span::before {
	position: absolute;
	top: 8px;
	left: -27px;
	transform: rotate(10deg);
	font-family: 'icomoon';
	font-size: 26px;
	color: #333;
	content: '\e900';
}
.hepatitisb .p-txt__time {
	position: absolute;
	top: 92px;
	left: 10px;
	padding: 4px 4px 2px 4px;
	font-size: 13px;
	line-height: 1.3;
	border: 1px solid #ccc;
	background-color: hsla(0,0%,100%,0.75)
}
/*アスベスト*/
.asbestos p.side_bnr_01 {
	top: 130px;
	left: 28px;
	padding: 0 0 0 40px;
	color: #ffffff;
	font-size: 2.5rem;
	white-space: nowrap;
}
.asbestos p.side_bnr_01::before {
	position: absolute;
	top: 14px;
	left: 0;
	width: 32px;
	height: 32px;
	background: url(/common_api/branch/img/common/ico_tel.svg) no-repeat 0 0/contain;
	content: "";
}
.asbestos .p-txt__time {
	position: absolute;
	bottom: 3px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}
/* IE11 にのみ適用される */
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .asbestos p.side_bnr_01 {
		top: 136px;
	}
	*::-ms-backdrop, .asbestos p.side_bnr_01::before {
		top: 8px;
	}
	*::-ms-backdrop, .asbestos .p-txt__time {
		bottom: 0;
	}
}/*IE11*/

/*海難事故*/
.marine_accident .p-txt__time {
	position: absolute;
	bottom: 3px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}

/*法人のお客様　顧問弁護士*/
.g_lp_corp .main_contents p.side_bnr_01 {
	position: absolute;
	top: 94px;
	left: 0;
	width: 100%;
	font-size: 2.4rem;
	color: #cf000d;
	font-weight: bold;
	line-height: inherit;
	text-align: center;
}
.g_lp_corp .p-txt__time {
	position: absolute;
	top: 143px;
	left: 58px;
	font-size: .9rem;
}
.g_lp_corp .main_contents p.side_bnr_01 .mail_icon {
	/*display: inline-block;*/
	position: relative;
}
.g_lp_corp .main_contents p.side_bnr_01 span.mail_icon::before {
	top: 3px;
}
@media only screen and (max-width: 780px) { 
	.main_contents p.side_bnr_01 {
		top: 108px;
		left: 20px;
		font-size: 32px;
	}
	.p-txt__time {
		font-size: 12px;
	}
	.hepatitisb .main_contents p.side_bnr_01 {
		top: 108px;
		left: 49px;
		font-size: 170%;
	}
	.hepatitisb .main_contents p.side_bnr_01.p-txt__txtver {
		top: 116px;
		font-size: 16px;
	}
	.hepatitisb .main_contents p.side_bnr_01.p-txt__txtver:after {
		content: "";
		position: absolute;
		top: 50%;
		right: -18px;
		margin-top: -0.4rem;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #fff;
	}
	.hepatitisb .p-txt__time {
		top: 78px;
		padding: 3px 3px 2px 3px;
		font-size: 11px;
	}
	.asbestos p.side_bnr_01::before {
		top: 11px;
		left: 0;
		width: 28px;
		height: 28px;
	}
	.asbestos .main_contents p.side_bnr_01.p-txt__txtver {
		top: 122px;
		left: 12px;
		font-size: 16px;
	}
	.asbestos p.side_bnr_01.p-txt__txtver::before {
		top: 0;
		left: 0;
		width: 28px;
		height: 28px;
	}
	.asbestos .main_contents p.side_bnr_01.p-txt__txtver:after {
		content: "";
		position: absolute;
		top: 50%;
		right: -18px;
		margin-top: -0.4rem;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #fff;
	}
	.g_lp_corp .main_contents p.side_bnr_01 {
		top: 80px;
		font-size: 2rem;
	}
	.g_lp_corp .main_contents p.side_bnr_01 span.mail_icon::before {
		top: 0px;
	}
	.g_lp_corp .main_contents p.side_bnr_01.p-txt__txtver {
		top: 87px;
		padding-left: 16px;
		font-size: 18px;
	}
	.g_lp_corp .main_contents p.side_bnr_01.p-txt__txtver span.mail_icon::before {
		top: -8px;
	}
	.g_lp_corp .p-txt__time {
		top: 116px;
		left: 32px;
	}
	
}/*780*/


/*=============================================================================================
サイドバーのバナー　テキスト化　2020/04/21
=============================================================================================*/
.contact .side_bnr {
	position: relative;
}
.contact .side_bnr a {
	display: block;
}

/*=================================
コラム　交通事故
===================================*/
.accident .p-txt__tel {
	position: absolute;
	top: 82px;
	left: 68px;
	font-size: 40px;
	font-weight: bold;
	color: #f39c01;
	text-shadow: 1px 1px 0 #fff,
						-1px 1px 0 #fff,
						1px -1px 0 #fff,
						-1px -1px 0 #fff;
}
@media all and (-ms-high-contrast: none) {
	/* IE10 以降にのみ適用される */
	.accident .p-txt__tel {
		top: 88px;
	}
}/*IE11*/
.accident .p-txt__time {
	position: absolute;
	top: 139px;
	left: 23px;
	font-size: 16px;
	color: #333;
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}

@media only screen and (max-width: 780px) {
	.accident .p-txt__tel {
		top: 70px;
		left: 56px;
		font-size: 30px;
		white-space: nowrap;
	}
	.accident .p-txt__time {
		top: 113px;
		left: 14px;
		font-size: 15px;
		white-space: nowrap;
	}
}/*780*/

/*=================================
コラム　労働x4
===================================*/
.work .p-txt__tel,
.disaster .p-txt__tel {
	position: absolute;
	top: 172px;
	left: 55px;
	font-size: 40px;
	font-weight: bold;
	color: #e00012;
}

.work .p-txt__time,
.disaster .p-txt__time {
	position: absolute;
	top: 232px;
	left: 85px;
	font-size: 15px;
	color: #333;
}
@media all and (-ms-high-contrast: none) {
	/* IE10 以降にのみ適用される */
	.work .p-txt__tel,
	.disaster .p-txt__tel  {
		top: 180px;
	}
	.work .p-txt__time,
	.disaster .p-txt__tel {
		top: 234px;
	}
}/*IE11*/

@media only screen and (max-width: 780px) {
	.work .p-txt__tel, 
	.disaster .p-txt__tel {
		top: 145px;
		left: 46px;
		font-size: 30px;
	}
	.work .p-txt__tel.p-txt__txtver, 
	.disaster  .p-txt__tel.p-txt__txtver {
		top: 145px;
		left: 0;
		display: block;
		width: 100%;
		padding: 0 0 0 46px;
		font-size: 20px;
		line-height: 1;
	}
	.work .p-txt__tel.p-txt__txtver::after, 
	.disaster .p-txt__tel.p-txt__txtver::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 1rem;
		margin-top: -0.4rem;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #5269aa;
	}
	.work .p-txt__time, 
	.disaster .p-txt__time {
		top: 192px;
		left: 70px;
		font-size: 12px;
	}
}/*780*/




/*=============================================================================================
CVB
=============================================================================================*/
/* 人物写真 */
.cvb .cvb_img { background: url(/common_api/branch/img/common/pc_cvb_img.png) no-repeat 0 0; background-size: 1134px 276px;}
/*.g_lp_corp .cvb .cvb_img { background: url(/common_api/branch/img/common/pc_cvb_img_legal.png) no-repeat 0 0; background-size: 1134px 276px;}*/
.work .cvb .cvb_img,
.disaster .cvb .cvb_img { background: url(/common_api/branch/img/common/pc_cvb_img_work.png) no-repeat 0 0; background-size: 1134px 276px;}
.hepatitisb .cvb .cvb_img { background: url(/common_api/branch/img/common/pc_cvb_img_hepatitisb.png) no-repeat 0 0; background-size: 1134px 276px;}

.cvb {
	position: relative;
	margin: 80px auto 0 auto;
	padding: 20px;
	padding-bottom: 0; 
	width: 1200px;
	border: 10px solid #e5e5e5;
}
/* 分野カラー */
.debt .cvb { border: 10px solid #704b3f; }
.divorce .cvb { border: 10px solid #e18b97; }
.accident .cvb { border: 10px solid #409cc5; }
.hepatitisb .cvb { border: 10px solid #22a098; }
.asbestos .cvb { border: 10px solid #5C4B39; }
.criminal .cvb { border: 10px solid #94000c; }
.work .cvb { border: 10px solid #5269aa; }
.disaster .cvb { border: 10px solid #5269aa; }
.claim .cvb { border: 10px solid #14385e; }
.bequest .cvb { border: 10px solid #e65c00; }
.g_lp_indi .cvb { border: 10px solid #1c4e48; }
.kenchikusosho .cvb { border: 10px solid #363636; }
.marine_accident .cvb { border: 10px solid #2552AC; }
.school .cvb { border: 10px solid #CC4919; }

.g_lp_indi .cvb { border: 10px solid #1c4e48; }
.realestate .cvb { border: 10px solid #a16600; }
.civil .cvb { border: 10px solid #149393; }
.china .cvb { border: 10px solid #e02000; }
.overseas .cvb { border: 10px solid #818181; }


.cvb .cvb_img {
	position: relative;
	margin: -46px 0 0 0;
	width: 1134px;
	height: 276px;
}
.cvb .cvb_img p {
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
.cvb_box {
	position: absolute;
	display: flex;
	gap: 16px;
	top: 145px;
	left: 274px;
	width: 876px;
	margin: 0;
}
.cvb_tel_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 50%;
}
a.cvb_tel,
span.cvb_tel{
	display: flex;
	justify-content: center;
  align-items: center;
	flex-wrap: wrap;
	color: #fc534c;
	font-size: 46px;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}

a.cvb_tel:hover,
span.cvb_tel:hover {
	color: #fc534c;
	text-decoration: none;
	opacity: 0.75;
}

a.cvb_tel:before,
span.cvb_tel:before{
	content: '\e900';
  font-family: 'icomoon';
	display: flex;
	justify-content: center;
  align-items: center;
	width: 44px;/*下層ページのページ下のcvbで使用*/
	height: 44px;
	margin-right: 8px;
	background: #fc534c;
  border-radius: 50%;
  font-size: 1.75rem;
  color: #fff;
  line-height: 1;
}

.cvb_date {
	margin: 4px 0 0 24px;
	line-height: 1;
}

/*====================================================================================
スマホの時の電話番号表示なしのボタン　コールデータバンク用
↓
電話番号一覧制作の際、PCでも使用
====================================================================================*/
.c-btn__tel {
	width: 100%;
	text-align: left;
	font-size: 1.2rem;
}
.c-btn__tel__cvb {
	width: 50%;
}
.address_dial .c-btn__tel {
	display: block;
	margin: 8px auto 0 auto;
}

.c-btn__tel a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem 1rem 1rem 1rem;
	background-color: #fc534c;
	font-size: 1.25rem;
	color: #fff;
	line-height: 1;
}
.c-btn__tel a:link {color: #fff;}
.c-btn__tel a:visited {color: #fff;}
.c-btn__tel a.cvb_tel,
.c-btn__tel span.cvb_tel {
	position: relative;
	display: flex;
	align-items: center;
	height: 90px;
	padding: 1.25rem 0;
	background-color: #fc534c;
	font-size: 1.5rem;
	color: #fff;
	line-height: 1;
}
@media screen and (max-width: 780px) {
	.c-btn__tel a.cvb_tel,
	.c-btn__tel span.cvb_tel {
		padding: 16px 0;
	}
}/*780px*/
.c-btn__tel a::before,
.c-btn__tel a.cvb_tel::before,
.c-btn__tel span.cvb_tel::before {
	content: '\e900';
	display: flex;
	align-items: center;
	width: 28px;
	height: 28px;
	margin-right: 0;
	padding: 0;
	background: none;
	line-height: 1;
	color: #fff;
	font-size: 1.5rem;
	font-family: 'icomoon';
}
.c-btn__tel a:after {
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	right: 8px;
	width: 7px;
	height: 14px;
	background: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.c-btn__tel a.c-btn__tel__blank:after {
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	right: 8px;
	width: 16px;
	height: 14px;
	background: url(/common_api/img/ico_blank_white.svg) no-repeat center center/contain;
	border: none;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


.cvb_mail {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 1rem 2rem 1rem 1rem;
	width: 50%;
	height: 90px;
	background-color: #009468;
	line-height: 1;
}
.cvb_mail::after {
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	right: 8px;
	width: 7px;
	height: 14px;
	background: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.cvb_mail img {
	width: 372px;
}
.cvb_mail:hover {
	opacity: 0.75;
	text-decoration: none;
}
.p-cvb_mail__24h {
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.p-cvb_mail__txt {
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
}
.p-cvb_mail__txt::before {
	padding-right: 8px;
	font-family: "icomoon";
	font-weight: normal;
	vertical-align: middle;
	content: "\e901";
}



/*=============================================================================================
下部テキスト
=============================================================================================*/
.page_under_area {}
.page_under_txt {
	margin: 0 auto;
	width: 100%;
	line-height: 2;
}
.separate {
	margin: 1.4rem 0 0 0;
}

/*=============================================================================================
SNS
=============================================================================================*/
.sns {
	margin: 60px auto 0 auto;
	width: 1200px;
}
/* 詳細記事 */
.report_list_block .sns {
	margin: 20px auto 0 auto;
	width: auto;
	border: none;
}
.sns li {
	display: inline-block;
}
.sns li:not(:last-child) {
	margin-right: 10px;
}

.fb_btn {
	position: relative;
	top: -7px;
}
.fb_btn .fb_iframe_widget {}
.gg_btn {}
.tw_btn {}
.hatena_btn {}
/*=============================================================================================
主なご相談エリア
=============================================================================================*/
.service_area{
	margin: 30px auto 0 auto;
	width: 1200px;
	font-size: 0.88rem;
}
.service_area h2.ttl {
	font-size: 0.88rem;
	font-weight: bold;
}
.service_area .txt {}

/*=============================================================================================
footer
=============================================================================================*/
footer {
	margin: 20px 0 0 0;
	width: 100%;
	border-top: 2px solid #ccc;
}
/*================================================
* footerの背景画像
================================================*/
footer{ background: url(/common_api/branch/img/common/default_footer.png) no-repeat center bottom 232px; }
.fukuoka footer{ background: url(/common_api/branch/img/common/fukuoka_footer.png) no-repeat center bottom 232px; }
.hiroshima footer{ background: url(/common_api/branch/img/common/hiroshima_footer.png) no-repeat center bottom 232px; }
.niigata footer{ background: url(/common_api/branch/img/common/niigata_footer.png) no-repeat center bottom 232px; }
.okayama footer{ background: url(/common_api/branch/img/common/okayama_footer.png) no-repeat center bottom 232px; }
.matsuyama footer{ background: url(/common_api/branch/img/common/matsuyama_footer.png) no-repeat center bottom 232px; }
.kanazawa footer{ background: url(/common_api/branch/img/common/kanazawa_footer.png) no-repeat center bottom 232px; }
.naha footer{ background: url(/common_api/branch/img/common/naha_footer.png) no-repeat center bottom 232px; }
.osaka footer{ background: url(/common_api/branch/img/common/osaka_footer.png) no-repeat center bottom 232px; }

.ft_navi {
	position: relative;
	margin: 40px auto 0 auto;
	padding: 0 0 80px 0;
	width: 1200px;
	font-size: 0;/* liの隙間を消すために必要 */
}
.ft_navi > ul {
	display: inline-block;
	font-size: 1rem;
	vertical-align: top;
}
.ft_navi > ul.ft_navi_bl00 {
	display: none;
}

.ft_navi ul.ft_navi_bl01 { width: 28%; }
.ft_navi ul.ft_navi_bl02 { width: 28%; }
.ft_navi ul.ft_navi_bl03 { width: 26%; margin: 42px 0 0 0; }
.ft_navi ul.ft_navi_bl04 { width: 18%}
.ft_navi li {
	width: 100%;
	position: relative;
	background-color: transparent;
}
.ft_navi a {
	display: flex;
	align-items: center;
	padding: 4px 0 0 10px;
}
.ft_navi a:before {
	display: inline-block;
	position: relative;
	left: -6px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #cf000e;
	content: "";
}
.ft_list_ttl > a {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0 0 4px 0;
	border-bottom: 2px solid #cf000e; 
	font-size: 1.2rem;
}
.ft_list_ttl > a:before {
	display: none;
}
.ft_list_ttl > a:hover {
	text-decoration: none;
}
.ft_navi_bl03 {
	margin: 42px 0 0 0;
}

/*サイトマップから3つ*/
.ft_navi_bl04 {
	position: absolute;
	top: 40px;
	left: 1000px;
}

/*採用情報*/
.ft_navi_bl05 {
	position: absolute;
	top: 342px;
	left: 672px;
}
/*自宅からの弁護士相談*/
.ft_navi_bl06 {
	position: absolute;
	top: 186px;
	left: 672px;
}

.ft_navi .close_btn { display:none; }
/*英語、中国語*/
footer .ft_navi .global,
footer .ft_navi .china_lang { display:none; }

/* Youtubeサイト用 */
/*オフィスサイトの時*/
.ft_navi .office-ft-youtube,
.ft_navi .link-ft-youtube { display: none; }
/*Youtubeサイトの時*/
.youtube .ft_navi .office { display: none; }
.youtube .ft_navi .columns { display: none; }
.youtube .ft_navi .office-ft-youtube,
.youtube .ft_navi .link-ft-youtube { display: block; }

/* バナー PC */
.ft_bnr{
	padding: 20px 0;
	background-color: #e9e8e8;
}
.ft_bnr ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	width: 1000px;
	margin: 0 auto;
	font-size: 0;
}
.ft_bnr li {
	display: inline-block;
	width: 282px;
	height: auto;
	border: 1px solid #ccc;
	background-color: #fff;
}
.ft_bnr li:not(:first-child){}
.ft_bnr li a:hover {
	opacity: 0.75;
}
.ft_bnr li img {
	width: 100%;
}

.copyright_area {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px;
	background-color: #e9e8e8;
	font-weight: normal;
	font-size: 12px;
}
.copyright_area li {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/*=============================================================================================
pageTop
=============================================================================================*/
a#pageTop {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 20px;
    padding: 26px 0 0 0;
    width: 60px;
    height: 60px;
    background: #666;
    border-radius: 5px;
    text-decoration: none;
    opacity: 0.75;
	font-size: 0.75rem;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.1rem;
}
a#pageTop:before {
	content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin: 11px 0 0 -10px;
    width: 16px;
    height: 16px;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    color: #fff;
    transform: rotate(45deg);
}
a#pageTop:hover {
    text-decoration: none;
    background: #999;
}
/*==================================================
お知らせ
==================================================*/
.notice_area {
	display: flex;
	margin: 30px 0 0 0;
	padding: 3px 0;
	width: 100%;
	border: 1px solid #cf000e;
	border-right: 0;
	border-left: 0;
}
.notice_area .ttl {
	display: flex;
	align-items: center;
	min-width: 6.2rem;
	padding: 2px 0 0 0;
	background-color: #cf000e;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
}
.notice_area .txt {
	/*display: table-cell;*/
	padding: 2px 0 0 8px;
	vertical-align: top;
	line-height: 1.3;

}
/* 分野カラー */
.debt .notice_area { border: 1px solid #704b3f; border-right: 0; border-left: 0;}
.divorce .notice_area { border: 1px solid #eb4767; border-right: 0; border-left: 0;}
.accident .notice_area { border: 1px solid #409cc5; border-right: 0; border-left: 0;}
.hepatitisb .notice_area { border: 1px solid #22a098; border-right: 0; border-left: 0;}
.criminal .notice_area { border: 1px solid #94000c; border-right: 0; border-left: 0;}
.work .notice_area { border: 1px solid #5269aa; border-right: 0; border-left: 0;}
.claim .notice_area { border: 1px solid #14385e; border-right: 0; border-left: 0;}
.bequest .notice_area { border: 1px solid #e65c00; border-right: 0; border-left: 0;}
.g_lp_indi .notice_area { border: 1px solid #1c4e48; border-right: 0; border-left: 0;}

.g_lp_indi .notice_area { border: 1px solid #1c4e48; border-right: 0; border-left: 0;}
.realestate .notice_area { border: 1px solid #a16600; border-right: 0; border-left: 0;}
.civil .notice_area { border: 1px solid #149393; border-right: 0; border-left: 0;}
.china .notice_area { border: 1px solid #e02000; border-right: 0; border-left: 0;}
.overseas .notice_area { border: 1px solid #818181; border-right: 0; border-left: 0;}

/* 分野カラー */
.debt .notice_area .ttl { background-color: #704b3f; }
.divorce .notice_area .ttl { background-color: #eb4767; }
.accident .notice_area .ttl { background-color: #409cc5; }
.hepatitisb .notice_area .ttl { background-color: #22a098; }
.criminal .notice_area .ttl { background-color: #94000c; }
.work .notice_area .ttl { background-color: #5269aa; }
.claim .notice_area .ttl { background-color: #14385e; }
.bequest .notice_area .ttl { background-color: #e65c00; }
.g_lp_indi .notice_area .ttl { background-color: #1c4e48; }

.g_lp_indi .notice_area .ttl { background-color: #1c4e48; }
.realestate .notice_area .ttl { background-color: #a16600; }
.civil .notice_area .ttl { background-color: #149393; }
.china .notice_area .ttl { background-color: #e02000; }
.overseas .notice_area .ttl { background-color: #818181; }







/* ===============================================================
解決事例 お客様の声 コラム一覧 のh2 アイコンカラー　 report_list_area
===============================================================*/
.report_list_area .divorce_area,
.report_list_area .accident_area,
.report_list_area .criminal_area,
.report_list_area .bequest_area,
.report_list_area .work_area {
	margin-top: 30px;
}
/* 離婚・男女問題 */
.report_list_area .divorce_area h2.main_h2 { border-bottom: 2px solid #eb4767;}
.report_list_area .divorce_area h2.main_h2 span::before { background-color: #eb4767;}
.report_list_area .divorce_area a.a_before::before { border-left: 6px solid #eb4767;}
.report_list_area .divorce_area .btn_txt a::before { border-left: 6px solid #eb4767;}
/* 交通事故問題 */
.report_list_area .accident_area h2.main_h2 { border-bottom: 2px solid #409cc5;}
.report_list_area .accident_area h2.main_h2 span::before { background-color: #409cc5;}
.report_list_area .accident_area a.a_before::before { border-left: 6px solid #409cc5;}
.report_list_area .accident_area .btn_txt a::before { border-left: 6px solid #409cc5;}
/* 刑事弁護・少年事件 */
.report_list_area .criminal_area h2.main_h2 { border-bottom: 2px solid #94000c;}
.report_list_area .criminal_area h2.main_h2 span::before { background-color: #94000c;}
.report_list_area .criminal_area a.a_before::before { border-left: 6px solid #94000c;}
.report_list_area .criminal_area .btn_txt a::before { border-left: 6px solid #94000c;}
/* 遺産相続 */
.report_list_area .bequest_area h2.main_h2 { border-bottom: 2px solid #e65c00;}
.report_list_area .bequest_area h2.main_h2 span::before { background-color: #e65c00;}
.report_list_area .bequest_area a.a_before::before { border-left: 6px solid #e65c00;}
.report_list_area .bequest_area .btn_txt a::before { border-left: 6px solid #e65c00; }
/* 労働問題 */
.report_list_area .work_area h2.main_h2 { border-bottom: 2px solid #5269aa;}
.report_list_area .work_area h2.main_h2 span::before { background-color: #5269aa;}
.report_list_area .work_area a.a_before::before { border-left: 6px solid #5269aa;}
.report_list_area .work_area .btn_txt a::before { border-left: 6px solid #5269aa;}
/* 労働災害 */
.report_list_area .disaster_area h2.main_h2 { border-bottom: 2px solid #5269aa;}
.report_list_area .disaster_area h2.main_h2 span::before { background-color: #5269aa;}
.report_list_area .disaster_area a.a_before::before { border-left: 6px solid #5269aa;}
.report_list_area .disaster_area .btn_txt a::before { border-left: 6px solid #5269aa;}
/* B型肝炎訴訟 */
.report_list_area .hepatitisb_area h2.main_h2 { border-bottom: 2px solid #22a098;}
.report_list_area .hepatitisb_area h2.main_h2 span:before { background-color: #22a098;}
.report_list_area .hepatitisb_area a.a_before::before { border-left: 6px solid #22a098;}
.report_list_area .hepatitisb_area .btn_txt a::before { border-left: 6px solid #22a098;}
/* 債務 */
.report_list_area .debt_area h2.main_h2 { border-bottom: 2px solid #704b3f;}
.report_list_area .debt_area h2.main_h2 span:before { background-color: #704b3f;}
.report_list_area .debt_area a.a_before::before { border-left: 6px solid #704b3f;}
.report_list_area .debt_area .btn_txt a::before { border-left: 6px solid #704b3f;}
/* 一般民事 */
.report_list_area .general_civil_area h2.main_h2 { border-bottom: 2px solid #1c4e48;}
.report_list_area .general_civil_area h2.main_h2 span:before { background-color: #1c4e48;}
.report_list_area .general_civil_area a.a_before::before { border-left: 6px solid #1c4e48;}
.report_list_area .general_civil_area .btn_txt a::before { border-left: 6px solid #1c4e48;}
/* 学校問題 */
.report_list_area .school_area h2.main_h2 { border-bottom: 2px solid #CC4919;}
.report_list_area .school_area h2.main_h2 span:before { background-color: #e6a68e;}
.report_list_area .school_area a.a_before::before { border-left: 6px solid #e6a68e;}
.report_list_area .school_area .btn_txt a::before { border-left: 6px solid #CC4919;}
/* 消費者問題 */
.report_list_area .consumer_area h2.main_h2 { border-bottom: 2px solid #76B54F;}
.report_list_area .consumer_area h2.main_h2 span:before { background-color: #76B54F;}
.report_list_area .consumer_area a.a_before::before { border-left: 6px solid #76B54F;}
.report_list_area .consumer_area .btn_txt a::before { border-left: 6px solid #76B54F;}

section.report_list_block {
	margin: 0;
}


/* ===============================================================
解決事例 お客様の声 コラム一覧 のページリンクボタン　 page_navi
===============================================================*/
.report_list_area .page_navi {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0 0 -14px;
}
.report_list_area .page_navi li {
	width: calc((100% - (14px * 4)) / 4 );
	margin: 10px 0 0 14px;
}
/*
.report_list_area .page_navi li a {
	display: block;
	position: relative;
	padding: 10px 0 15px 0;
	background: #eee;
	line-height: 1.3;
	text-align: center;
}
*/
.report_list_area .page_navi li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 10px 0 15px 0;
	background: #eee;
	line-height: 1.3;
	text-align: center;
}
.report_list_area .page_navi li a:hover {
	text-decoration: none;
	color: #fff;
	background: #aaa;
}
.report_list_area .page_navi li.divorce a:hover { background: #eb4767; }
.report_list_area .page_navi li.accident a:hover { background: #409cc5; }
.report_list_area .page_navi li.criminal a:hover { background: #94000c; }
.report_list_area .page_navi li.bequest a:hover { background: #e65c00; }
.report_list_area .page_navi li.work a:hover { background:  #5269aa; }
.report_list_area .page_navi li.hepatitisb a:hover { background:  #22a098; }
.report_list_area .page_navi li.general_civil a:hover { background: #1c4e48;}
.report_list_area .page_navi li.debt a:hover { background: #704b3f; }
.report_list_area .page_navi li.claim a:hover { background: #14385e; }
.report_list_area .page_navi li.general_corporate a:hover,
.report_list_area .page_navi li.ol_defamation a:hover { background: #595959; }
.report_list_area .page_navi li.school a:hover { background: #CC4919; }

.report_list_area .page_navi li a::after {
	position: absolute;
	bottom: 5px;
	left: calc(50% - 3px);
	width: 0;
	height: 0;
	border-top: 6px solid #999;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
}
.report_list_area .page_navi li a:hover::after {
	border-top: 6px solid #fff;
}
/**/
.report_list_area .section_block {
	margin-top: 0;
}
.report_list > li {}
.report_list > li a {
	display: block;
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
}
.report_list > li a:hover {
	background: #f7f7f7;
	color: #333;
}
.report_list .date,
.head_block .date {
	margin: 1px 8px 4px 0;
	color: #666;
	font-size: 0.75rem;
	text-align: right;
}

/*====================================
個人　法人のタグ
====================================*/
.cate_corp_ind {}
.cate_corp_ind li {
	display: inline-block;
	padding: 3px 10px 4px;
	background: #111;
	color: #fff;
	font-size: 0.75rem;
	line-height: 1;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .cate_corp_ind li {
		padding-top: 6px;
		padding-bottom: 2px;
	}
}
.report_list .cat_tag,
.head_block .cat_tag {
	float: left;
	color: #fff;
	font-size: 0.75rem;
}
.report_list .cat_tag li,
.head_block .cat_tag li {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 4rem;
	height: 18px;
	padding: 0 12px 1.5px 12px;
	color: #fff;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.75rem;
	text-align: center;
	border-radius: 2px;
	line-height: 1;
}



/* 分野カラー */
.divorce_area .report_list .cat_tag li,
.divorce .head_block .cat_tag li { background: #eb4767; }
.accident_area .report_list .cat_tag li,
.accident .head_block .cat_tag li { background: #409cc5; }
.criminal_area .report_list .cat_tag li,
.criminal .head_block .cat_tag li { background: #94000c; }
.bequest_area .report_list .cat_tag li,
.bequest .head_block .cat_tag li { background: #e65c00; }
.work_area .report_list .cat_tag li,
.work .head_block .cat_tag li { background: #5269aa; }
.disaster_area .report_list .cat_tag li,
.disaster .head_block .cat_tag li { background: #5269aa; }
.debt_area .report_list .cat_tag li,
.debt .head_block .cat_tag li { background: #704b3f; }
.general_civil_area .report_list .cat_tag li,
.general_civil .head_block .cat_tag li { background: #1c4e48; }
.ol_defamation_area .report_list .cat_tag li,
.ol_defamation .head_block .cat_tag li { background: #595959; }
.general_corporate_area .report_list .cat_tag li,
.general_corporate .head_block .cat_tag li { background: #595959; }
.ol_defamation_corp_area .report_list .cat_tag li,
.ol_defamation_corp .head_block .cat_tag li { background: #595959; }
.claim_corp_area .report_list .cat_tag li,
.claim_corp .head_block .cat_tag li { background: #595959; }
.claim_area .report_list .cat_tag li,
.claim .head_block .cat_tag li { background: #595959; }
.school_area .report_list .cat_tag li,
.school .head_block .cat_tag li { background: #CC4919;}
.consumer_area .report_list .cat_tag li,
.consumer .head_block .cat_tag li { background: #76B54F;}

.report_list .tag,
.head_block .tag {
	clear: both;
	color: #666;
	font-size: 0.75rem;
}
.report_list .tag li,
.head_block .tag li {
	float: left;
	margin: 4px 8px 0 0;
	padding: 3px 10px 4px;
	border: 1px solid #666;
	line-height: 1;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, 	.report_list .tag li {
		padding-top: 6px;
		padding-bottom: 2px;
	}
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .head_block .tag li {
		padding-top: 6px;
		padding-bottom: 2px;
	}
}
.report_list .txt,
.head_block .txt {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 0.8rem;
	line-height: 1.3;
	text-indent: -6px;
}
.report_list a:hover .txt {
	text-decoration: underline;
}
.report_list .txt::before,
.head_block .txt::before {
	display: inline-block;
	position: relative;
	left: -0.4rem;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #cf000e;
	content: "";
}
/* 分野カラー */
.divorce_area .report_list .txt::before,
.divorce .head_block .txt::before { border-left: 6px solid #eb4767; }
.accident_area .report_list .txt::before,
.accident .head_block .txt::before { border-left: 6px solid #409cc5; }
.criminal_area .report_list .txt::before,
.criminal .head_block .txt::before { border-left: 6px solid #94000c; }
.bequest_area .report_list .txt::before,
.bequest .head_block .txt::before {border-left: 6px solid #e65c00; }
.work_area .report_list .txt::before,
.work .head_block .txt::before { border-left: 6px solid #5269aa; }
.disaster_area .report_list .txt::before,
.disaster .head_block .txt::before { border-left: 6px solid #5269aa; }
.hepatitisb_area .report_list .txt::before,
.hepatitisb .head_block .txt::before { border-left: 6px solid #22a098; }
.debt_area .report_list .txt::before,
.debt .head_block .txt::before { border-left: 6px solid #704b3f; }
.school_area .report_list .txt::before,
.school .head_block .txt::before { border-left: 6px solid #CC4919;}
.consumer_area .report_list .txt::before,
.consumer .head_block .txt::before { border-left: 6px solid #76B54F;}

.report_list .txt span,
.head_block .txt span {}
.report_list_area .btn_txt,
.head_block .btn_txt {
	text-align: right;
}
.report_list_area .btn_txt,
.head_block .btn_txt {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 20px 0 0 0;
}
.report_list_area .btn_txt a::before,
.head_block .btn_txt a::before {
	display: inline-block;
	position: relative;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #cf000e;
	content: "";
}
.report_list_area .btn_txt a span,
.head_block .btn_txt a span {
	display: inline-block;
	padding: 0 0 0 6px;
}

/* お客様の声　解決事例　注意書き　2017/10/05 */
.voices_intro {}
.caces_intro {}
.intro {
	margin: 1.5rem 0 0 0;
	font-size: 0.8rem;
}
.voices_detail .intro,
.caces_detail .intro {
	margin: 2.5rem 0 0 0;
}

/* ==================================================
解決事例 一覧
==================================================*/
.page_selection {
	margin: 30px 0 0 0;
}
.page_selection .report_list {
	border-top: 1px dotted #ccc;
}
.report_list > li a:hover {
	text-decoration: none;
}
.report_list .date,
.page_selection .head_block .date {
	/*float: left;*/
}
.report_list .photo {
	float: left;
	margin-right: 2%;
	width: 14%;
	border: 1px solid #ddd;
}
.report_list .photo img {
	width: 100%;
}
.report_list .profile {
	float: left;
	width: 84%;
}
.report_list .profile .cases_ttl {
	line-height: 1.3;
}
.report_list .profile .num {
	display: none;/* 2017.09.22 */
	/*clear: both;
	padding: 8px 0 0 0;
	font-weight: bold;
	font-size: 0.88rem;
	color: #666;*/
}
.report_list .profile .num::before {
	content: "\e915";
	font-family: "icomoon";
	padding: 0.4em 0.4em 0.4em 0;
	vertical-align: middle;
	font-weight: normal;
}
.report_list .cases_ttl {
	/*display: inline-block;*/
	clear: both;
	position: relative;
	padding: 8px 0 0 10px;
	color: #cf000e;
	font-size: 1.13rem;
	font-weight: bold;
	line-height: 1.2;
	text-indent: -6px;
}
.report_list > li a:hover .cases_ttl {
	text-decoration: underline;
}
.report_list .cases_ttl::before {
	display: inline-block;
	position: relative;
	top: 0;
	left: -4px;
	margin-top: 0.4rem;
	width: 0;
	height: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #cf000e;
	content: "";
}
/* 分野カラー */
.accident .report_list .cases_ttl { color: #409cc5; }
.accident .report_list .cases_ttl::before { border-left: 6px solid #409cc5; }
.criminal .report_list .cases_ttl { color: #94000c; }
.criminal .report_list .cases_ttl::before { border-left: 6px solid #94000c; }
.divorce .report_list .cases_ttl { color: #eb4767; }
.divorce .report_list .cases_ttl::before { border-left: 6px solid #eb4767; }
.work .report_list .cases_ttl { color: #5269aa; }
.work .report_list .cases_ttl::before { border-left: 6px solid #5269aa; }
.bequest .report_list .cases_ttl { color: #e65c00; }
.bequest .report_list .cases_ttl::before { border-left: 6px solid #e65c00; }

.report_list .profile .list {
	display: inline-block;
	margin: 10px 0 0 0;
	font-size: 0.88rem;
	line-height: 1;
	color: #666;
}
.report_list .profile .list li {
	display: inline-block;
}
.report_list .profile .list li::after {
	content: " | ";
}
.report_list .profile .list li:last-child::after {
	content: none;
}
.report_list .profile .list_etc {
	display: inline-block;
	margin: 10px 0 0 0;
	font-size: 0.88rem;
	line-height: 1;
	color: #666;
}
.report_list .profile .list_etc li {
	display: inline-block;
	margin: 0 0 0 2rem;
}
.report_list .failure,
.report_list .settlement {
	display: inline;
	margin-left: 2rem;
	font-size: 0.88rem;
	color: #666;
}
.report_list .settlement {
	color: #cf000e;
}
/* 刑事弁護・少年事件の解決事例 */
.report_list .settlement {
	color: #333;
	font-weight: bold;
}
.single_page_details p {
	margin: 1rem 0 0 18px;
}
/* ==================================================
解決事例 シングルページ　cases
==================================================*/
.single_area .head_date {
	font-size: 0.88rem;
	line-height: 1;
}
.single_area .head_date .num {
	display: none;/* 2017.09.22 */
	/*float: left;
	font-weight: bold;*/
}
.single_area .head_date .num::before {
	content: "\e915";
	font-family: "icomoon";
	padding: 0 0.4em 0.4em 0;
	vertical-align: middle;
	font-weight: normal;
}
.single_area .head_date .date {
	float: right;
}

/*==================================================
お客様の声 一覧
==================================================*/
.voices .page_selection li {
	position: relative;
	margin: 50px 0 0 0;
}
.voices .page_selection a {
	display: block;
	margin: 0;
	padding: 1.5% 3%;
	border: 6px solid #ccc;
	font-size: 0.88rem;
}
.voices .page_selection a:hover {
	color: #333;
	text-decoration: none;
	background-color: #f1f1f1;
}
.voices .page_selection .num {
	position: absolute;
	display: inline-block;
	margin: -28px 0 0 0;
	padding: 4px 8px 2px 32px;
	width: auto;
	color: #fff;
	background-color: #cf000e;
	border-radius: 4px;
}
.voices .page_selection .num:before,
.voices_single_area .num:before {
	content: "\e916";
	font-family: "icomoon";
	position: absolute;
	top: 2px;
	left: 8px;
	font-size: 1rem;
	color: #fff;
}
.voices .page_selection .date {
	padding: 6px 0 0 0;
}
.voices .page_selection h2.ttl {
	margin: 12px 0 0 0;
	color: #333;
	font-size: 1.25rem;
	font-weight: bold;
}
.voices .page_selection .satisfied {
	display: table-cell;
	font-weight: bold;
}
.voices .page_selection .star {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 8px;
    min-width: 100px;
}
.voices .page_selection .star img {
	height: 1rem;
}
/* 分野カラー */
.voices.divorce .page_selection a { border: 6px solid #ffbac7; }
.voices.divorce .page_selection a:hover { background-color: #ffeef1; }
.voices.divorce .page_selection .num { background-color: #eb4767; }
.voices.divorce .page_selection h2.ttl { color: #eb4767; }
.voices.accident .page_selection a { border: 6px solid #cff1fb; }
.voices.accident .page_selection a:hover { background-color: #ecf9ff; }
.voices.accident .page_selection .num { background-color: #409cc5; }
.voices.accident .page_selection h2.ttl { color: #409cc5; }
.voices.criminal .page_selection a { border: 6px solid #ff9aa2; }
.voices.criminal .page_selection a:hover { background-color: #ffe6e8; }
.voices.criminal .page_selection .num { background-color: #94000c; }
.voices.criminal .page_selection h2.ttl { color: #94000c; }
.voices.bequest .page_selection a { border: 6px solid #e65c00; }
.voices.bequest .page_selection a:hover { background-color: #ffddc6; }
.voices.bequest .page_selection .num { background-color: #e65c00; }
.voices.bequest .page_selection h2.ttl { color: #e65c00; }
.voices.work .page_selection a { border: 6px solid #b7caff; }
.voices.work .page_selection a:hover { background-color: #f0f4ff; }
.voices.work .page_selection .num { background-color: #5269aa; }
.voices.work .page_selection h2.ttl { color: #5269aa; }
.voices.hepatitisb .page_selection a { border: 6px solid #22a098; }
.voices.hepatitisb .page_selection a:hover { background-color: #f1ffe1; }
.voices.hepatitisb .page_selection .num { background-color: #22a098; }
.voices.hepatitisb .page_selection h2.ttl { color: #22a098; }

/*==================================================
お客様の声 シングルページ
==================================================*/
.voices_single_area .date {
	float: right;
	font-size: 0.88rem;
}
.voices_single_area .num {
	float: left;
	position: relative;
	display: inline-block;
	padding: 2px 8px 4px 32px;
}
.voices_single_area .num:before {
	content: "\e916";
    font-family: "icomoon";
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 1.25rem;
	color: #333;
}
.voices_single_area h2 {
	margin: 20px 0 0 0;
}
.voices_single_area {}
.voices_single_area .voices {
	margin: 20px 0 0 0;
	border: 18px solid #f8f8f8;
}
.voices_single_area .satisfied {
	margin: 25px 0 0 18px;
}
.voices_single_area .txt {
	margin: 15px 0 0 18px;
}
.voices_single_area .star {
	display: inline-block;
	vertical-align: middle;
	margin: -8px 0 0 12px;
    min-width: 160px;
}
.voices_single_area .star img {
   height: 1.5rem;
}
.page_selection {display: none;}
#page_1 { display: block;}

.single_area_btn {
	margin-top: 40px;
	text-align: center;
}
/*==================================================
コラム　解決事例　お客様の声　ページ下部　ページャー
==================================================*/
.accident .single_area_btn a { background: #409cc5; }
.criminal .single_area_btn a { background: #94000c; }
.divorce .single_area_btn a { background: #eb4767; }
.work .single_area_btn  a{ background: #5269aa; }
.bequest .single_area_btn a { background: #e65c00; }

/*===============================================
ページャー
===============================================*/
.area-pager {
	margin: 80px auto 0 auto;
	text-align: center;
}
.list-pager {
	display: inline-block;
}
.list-pager li,
.list-pager li.is-disable {
	float: left;
	min-width: 48px;
	min-height: 48px;
	line-height: 48px;
	margin: 0 0 0 0.5rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	text-align: center;
}
.list-pager li.is-disable {
	background: #aaa;
}
.list-pager li:first-child {
	margin-left: 0;
}
.list-pager li a,
.list-pager li.is-disable {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	min-width: 48px;
	height: 48px;
	color: #252525;
	text-decoration: none;
}
.list-pager li a:hover {
	background: #ccc;
}
.prev a::before,
.prev.is-disable::before {
	display: inline-block;
	position: relative;
	left: 5%;
	width: 1px;
	height: 12px;
	border-left: 1px solid #777;
	content: "";
}
.prev a::after,
.prev.is-disable::after{
	display: inline-block;
	position: relative;
	right: -8%;
	width: 6px;
	height: 6px;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	transform: rotate(-45deg);
	content: "";
}
.next a::before,
.next.is-disable::before {
	display: inline-block;
	position: relative;
	right: -12%;
	width: 1px;
	height: 12px;
	border-right: 1px solid #444;
	content: "";
}
.next a::after,
.next.is-disable::after {
	display: inline-block;
	position: relative;
	left: -10%;
	width: 6px;
	height: 6px;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	transform: rotate(45deg);
	content: "";
}
.prev a {}
.before a::before{
	display: inline-block;
	position: relative;
	left: 0;
	margin-right: 2px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	transform: rotate(-45deg);
	content: "";
}
.after a::after{
	display: inline-block;
	position: relative;
	right: 0;
	margin-left: 2px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	transform: rotate(-225deg);
	content: "";
}
.link-last,
.link-first{display:none;}
/*==================================================
404 Not Found page
==================================================*/
.notfound404 article {
    float: none;
    width: 100%;
}

.notfound404 .main_contents p {
	line-height: 2;
}
.notfound404 .main_contents .list404 {
	margin-top: 14px;
}
.notfound404 .main_contents .list404 li {
	padding-top: 1rem; 
}
.notfound404 .main_contents .list404 a {
    position: relative;
	padding-left: 16px; 
}
.notfound404 .main_contents .list404 a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #cf000e;
}

.underline {
	background: linear-gradient(transparent 90%, #f4ae33 90%);
}
/*==================================================
コラムのリスト　コラム以外でも使用可能
==================================================*/
.list-cmn-disc {
	margin: 0 0 0 1.6rem;
}
.list-cmn-disc li {
	margin: 0;
	padding: 0.5rem 0 0 0;
	list-style-type: disc;
}
.list-cmn-disc li:first-child {
	padding-top: 0;
}
.list-cmn-decimal {
	margin: 0 0 0 1.6rem;
}
.list-cmn-decimal li {
	margin: 0;
	padding: 0.5rem 0 0 0;
	list-style-type: decimal;
}
.list-cmn-no-mark li {
	margin: 0;
	padding: 0.5rem 0 0 0;
	list-style-type: none;
}
.list-cmn-no-mark li:first-child {
	padding-top: 0;
}
.list-cmn-original-disc li {
	margin: 0;
	padding: 0.5rem 0 0 1rem;
	list-style-type: none;
	text-indent: -1rem;
}
.list-cmn-original-disc li:first-child {
	padding-top: 0;
}
.list-cmn-original-disc li::before {
	content: "・";
}
.list-cmn-indent-1rem li {
	margin: 0;
	padding: 0.5rem 0 0 1rem;
	list-style-type: none;
	text-indent: -1rem;
}
.list-cmn-indent-1rem li:first-child {
	padding-top: 0;
}
.list-cmn-indent-2rem li {
	margin: 0;
	padding: 0.5rem 0 0 2rem;
	list-style-type: none;
	text-indent: -2rem;
}
.list-cmn-indent-2rem li:first-child {
	padding-top: 0;
}
.list-cmn-indent-3rem li {
	margin: 0;
	padding: 0.5rem 0 0 3rem;
	list-style-type: none;
	text-indent: -3rem;
}
.list-cmn-indent-3rem li:first-child {
	padding-top: 0;
}
.list-cmn-indent-4rem li {
	margin: 0;
	padding: 0.5rem 0 0 4rem;
	list-style-type: none;
	text-indent: -4rem;
}
.list-cmn-indent-4rem li:first-child {
	padding-top: 0;
}
.list-cmn-indent-5rem li {
	margin: 0;
	padding: 0.5rem 0 0 5rem;
	list-style-type: none;
	text-indent: -5rem;
}
.list-cmn-indent-5rem li:first-child {
	padding-top: 0;
}
.list-cmn-indent-6rem li {
	margin: 0;
	padding: 0.5rem 0 0 6rem;
	list-style-type: none;
	text-indent: -6rem;
}
.list-cmn-indent-7rem li {
	margin: 0;
	padding: 0.5rem 0 0 7rem;
	list-style-type: none;
	text-indent: -7rem;
}
.list-cmn-indent-8rem li {
	margin: 0;
	padding: 0.5rem 0 0 8rem;
	list-style-type: none;
	text-indent: -8rem;
}
.list-cmn-indent-8rem li:first-child {
	padding-top: 0;
}
.list-cmn-indent-5rem li:first-child {
	padding-top: 0;
}
.list-cmn-indent-5rem li:first-child {
	padding-top: 0;
}
.list-cmn-notes li {
	margin: 0;
	padding: 0.5rem 0 0 1.5rem;
	list-style-type: none;
	text-indent: -1.5rem;
}
.list-cmn-notes li:first-child {
	padding-top: 0;
}

/*==================================================
tableレイアウト 2018/03/30
==================================================*/
/* table */
table.table-cmn-basic{
	border-collapse: collapse;
	border-top: 1px solid #babcbf;
	border-left: 1px solid #babcbf;
}
.table-cmn-basic th,.table-cmn-basic td{ 
	margin: 0; 
	padding: 10px;
	border-right: 1px solid #babcbf;
	border-bottom: 1px solid #babcbf;
}
.table-cmn-basic th{ 
	background: #e6e6e6;
}
/* PC、スマホ、同じレイアウトで横スクロール */
table.table-scroll{
	border-collapse: collapse;
	border-top: 1px solid #babcbf;
	border-left: 1px solid #babcbf;
}
.table-scroll th,.table-scroll td{ 
	margin: 0; 
	padding: 10px;
	border-right: 1px solid #babcbf;
	border-bottom: 1px solid #babcbf;
}
.table-scroll th{
	background: #e6e6e6;
}
/* PCは非表示「横にスクロールします」という注意文言 */
.txt-scroll-notice {
	display: none;
}
@media only screen and (max-width: 768px) { 
	table.table-scroll{ 
		display: block; 
		position: relative; 
		width: 100%; 
	}
	table.table-scroll tbody{ 
		display: block; 
		width: auto; 
		position: relative; 
		overflow-x: auto; 
		white-space: nowrap; 
	}
	/* スマホの場合、表示。「横にスクロールします」という注意文言 */
	.txt-scroll-notice {
		display: block;
		text-align: center;
	}
}/*768px*/
/* スマホの場合、thが横に固定となり、横スクロール */
table.table-th-fixed-variable{
	border-collapse: collapse;
	border-top: 1px solid #babcbf;
	border-left: 1px solid #babcbf;
}
.table-th-fixed-variable th,.table-th-fixed-variable td{ 
	margin: 0; 
	padding: 10px;
	border-right: 1px solid #babcbf;
	border-bottom: 1px solid #babcbf;
}
.table-th-fixed-variable th{
	background: #e6e6e6;
}

@media only screen and (max-width: 768px) { 
	table.table-th-fixed-variable{ 
		display: block; 
		position: relative; 
		width: 100%; 
	}
		table.table-th-fixed-variable thead{ 
			display: block; 
			float: left; 
		}
		table.table-th-fixed-variable tbody{ 
			display: block; 
			width: auto; 
			position: relative; 
			overflow-x: auto; 
			white-space: nowrap; 
		}
		table.table-th-fixed-variable thead tr{ 
			display: block; 
		}
		table.table-th-fixed-variable th{ 
			display: block; 
		}
		table.table-th-fixed-variable tbody tr{ 
			display: inline-block; 
			vertical-align: top; 
		}
		table.table-th-fixed-variable td{ 
			display: block; 
		}

}/*768px*/
/* PC、スマホ、両方ともthが横に固定となり、横スクロール */
table.table-th-fixed{
	display: block; 
	position: relative; 
	width: 100%; 
	border-collapse: collapse;
}
.table-th-fixed th,.table-th-fixed td{ 
	margin: 0; 
	padding: 10px;
	border: 1px solid #babcbf;
}
.table-th-fixed th{
	background: #e6e6e6;
}
table.table-th-fixed thead{ 
	display: block; 
	float: left; 
}
table.table-th-fixed tbody{ 
	display: block; 
	width: auto; 
	position: relative; 
	overflow-x: auto; 
	white-space: nowrap; 
}
table.table-th-fixed thead tr{ 
	display: block; 
}
table.table-th-fixed th{ 
	display: block; 
}
table.table-th-fixed tbody tr{ 
	display: inline-block; 
	vertical-align: top; 
}
table.table-th-fixed td{ 
	display: block; 
}

/* borderの調整 */
.table-th-fixed th{ 
	border-bottom: 0; 
}
.table-th-fixed td{ 
	border-left: 0; 
	border-right: 0; 
	border-bottom: 0; 
}
.table-th-fixed tbody tr{ 
	border-right: 1px solid #babcbf; 
}
.table-th-fixed th:last-child,
.table-th-fixed td:last-child { 
	border-bottom: 1px solid #babcbf; 
}

/*=======================================================
トップページ下部、要約の箇所
=========================================================*/
.area-digest {}
.area-digest h3.main_h3 {
	margin: 3.75rem 0 0;
	padding: .3rem 0 .2rem .6rem;
	border-left: 6px solid #cf000e;
	font-size: 1.1rem;
	font-weight: bold;
}

.area-digest h3.main_h3 span {
	display: block;
	padding: 0;
	border-left: 0;
}
.area-digest p {
	margin: 1rem 0 0 0;
	line-height: 2;
}
.link-consultation {
	margin: 1rem 0 0 0;
	background: #F7F7F7;
}
.link-consultation a:link,
.link-consultation a:visited {
	display: block;
	padding: 1rem 1rem 1rem 4rem;
	text-indent: -3rem;
}
.link-consultation a:link .txt-consultation,
.link-consultation a:visited .txt-consultation {
	text-decoration: underline;
	color: #cf000e;
}
.link-consultation a:hover{
	text-decoration: none;
	color: #333;
}
.link-consultation a:hover .txt-consultation{
	text-decoration: none;
	color: #cf000e;
}
.img-digest {
	width: 200px;
	margin: 8px 1rem 0.5rem 1rem;
}
.img-digest.s-float-left {
	margin-left: 0;
}

.img-digest.s-float-right {
	margin-right: 0;
}
/* 要約の分野カラー */
/*労働*/
.work .area-digest h3.main_h3 { border-color: #5269aa; }
.work .link-consultation a:link .txt-consultation,
.work .link-consultation a:visited .txt-consultation,
.work .link-consultation a:hover .txt-consultation{ color: #5269aa; }
/* 離婚 */
.divorce .area-digest h3.main_h3 { border-color: #eb4767; }
.divorce .link-consultation a:link .txt-consultation,
.divorce .link-consultation a:visited .txt-consultation,
.divorce .link-consultation a:hover .txt-consultation{ color: #eb4767; }
/* 遺産相続 */
.bequest .area-digest h3.main_h3 { border-color: #ff7d27; }
.bequest .link-consultation a:link .txt-consultation,
.bequest .link-consultation a:visited .txt-consultation,
.bequest .link-consultation a:hover .txt-consultation{ color: #ff7d27; }
/* 刑事 */
.criminal .area-digest h3.main_h3 { border-color: #94000c; }
.criminal .link-consultation a:link .txt-consultation,
.criminal .link-consultation a:visited .txt-consultation,
.criminal .link-consultation a:hover .txt-consultation{ color: #94000c; }
/* 債権回収 */
.claim .area-digest h3.main_h3 { border-color: #14385e; }
.claim .link-consultation a:link .txt-consultation,
.claim .link-consultation a:visited .txt-consultation,
.claim .link-consultation a:hover .txt-consultation{ color: #14385e; }
/* 債務整理 */
.debt .area-digest h3.main_h3 { border-color: #704b3f; }
.debt .link-consultation a:link .txt-consultation,
.debt .link-consultation a:visited .txt-consultation,
.debt .link-consultation a:hover .txt-consultation{ color: #704b3f; }
/* 交通事故 */
.accident .area-digest h3.main_h3 { border-color: #409cc5; }
.accident .link-consultation a:link .txt-consultation,
.accident .link-consultation a:visited .txt-consultation,
.accident .link-consultation a:hover .txt-consultation{ color: #409cc5; }
/* B型肝炎 */
.hepatitisb .area-digest h3.main_h3 { border-color: #22a098; }
.hepatitisb .link-consultation a:link .txt-consultation,
.hepatitisb .link-consultation a:visited .txt-consultation,
.hepatitisb .link-consultation a:hover .txt-consultation{ color: #22a098; }

/* 画像の回り込み 2018/7/9 */
.img_right {
	float: right;
	width: 250px;
	padding: 0 0 10px 1rem;
}
.img_right img {
	width: 100%;
}
.img_left {
	float: left;
	width: 250px;
	padding: 0 1rem 10px 0;
}
.img_left img {
	width: 100%;
}

/*=============================================================================================
タブレット　スマホ　780px以下
=============================================================================================*/
@media only screen and (max-width: 780px) {
	
	a:hover {
		color: #333;
		text-decoration: none;
	}
	body {
		margin: 0 0 3rem 0;
	}
	section {
		margin-top: 60px;
	}
	.section_block {
		margin-top: 16px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.wrapper{
		min-width: 320px;
	}
	
	/*===============================================
	header
	===============================================*/
	header {
		position: relative;
		width: 100%;
	}
	.logo {
		display: inline-block;
		width: 80%;
		padding: 5px 3px 10px 6px;
	}
	.logo a {
		margin: 8px 0 0 0;
	}
	.logo img {
		width: auto;
		height: 30px;
	}
	/*英語、中国語*/
	.bl_header_language_pc {
		display: none;
	}






	/*  電話番号　メール  */
	.header_tel,
	.header_mail{
		display: none;
	}


	/* humberger menu */
	.humberger, .humberger.on {
		position: absolute;
		top: 6px;
		right: 6px;
		width: 2.8rem;
		height: 2.8rem;
		font-family: 'icomoon';
		font-size: 2.8rem;
		color: #888;
		line-height: 1;
	}
	.humberger img.off {display:block;}
	.humberger img.on {display:none;}
	.humberger.on img.off {display:none;}
	.humberger.on img.on {display:block;}
	/*.humberger:before { content: "\e912"; }*/
	/*.humberger.on:before { content: "\e913"; }*/
	.sp_menu {
		position: absolute;
		width: 100%;
	}
	.sp_menu .ft_navi {
		position: absolute;
		top: 0;
    	left: 0;
		display: none;
		z-index: 1000;
		background-color: #eee;
		font-weight: bold;
	}
	.sp_menu .list26,
	.sp_menu .list27,
	.sp_menu .list28 {
		display: none;
	}
	.sp_menu .close_btn {
		display: block;
		font-size: 1.2rem;
		padding: 0.8rem;
		text-align: center;
		border-bottom: 4px solid #ccc;
	}
	
	/*===============================================
	MV スライダー 780px
	===============================================*/
	.slider_MV {
		height: auto;
	}
	.home .topSlider,
	.mv_area .topSlider{
		min-height: 320px;
		max-height: 410px;
	}
	.home .topSlider .slick-prev,
	.mv_area .topSlider .slick-prev {
		left: 0;
		margin-top: 0;
		margin-left: 1%;
		z-index: 10;
	}
	.home .topSlider .slick-next,
	.mv_area .topSlider .slick-next{
		right: 0;
		margin-top: 0;
		margin-right: 1%;
	}
	.home .topSlider .slick-slide,	
	.mv_area .topSlider .slick-slide {
		width: 100%;
		height: auto;
	}
	
	/*=============================================================================================
	弁護士等紹介 2017/07/13
	=============================================================================================*/
	ul.lawyers_block {
		width: 600px;
		margin: 0 auto;
		padding: 0 0 0 10px;
	}
	
	/*===============================================
	global navigation
	===============================================*/
	nav { display: none; }
	
	/*===============================================
	パンくずリスト　bread list
	===============================================*/
	.bread_list { display: none; }
	
	/*===============================================
	main contents
	=================================================*/
	.main_contents {
		margin: 15px auto 0 auto;
		width: 100%;
	}
	article {
		float: none;
		width: 100%;
	}
	h1.page_ttl {
		margin: 0;
		padding: 0 3%;
		line-height: 1.2;
		/*font-weight: bold;*/
	}
	h2.main_h2 {
		padding: 0 3% 4px 8%;
		line-height: 1.2;
	}
	h2.main_h2 span:before,
	h2.main_h2 span:after{
		top: 3px;
		left: 3%;
	}
	h3.main_h3 {
		margin: 30px 0 0 0;
	}
	/* etc_area */
	/* 分野カラー */
	.debt .etc_area li a:hover,
	.divorce .etc_area li a:hover,
	.accident .etc_area li a:hover,
	.hepatitisb .etc_area li a:hover,
	.criminal .etc_area li a:hover,
	.work .etc_area li a:hover,
	.claim .etc_area li a:hover,
	.bequest .etc_area li a:hover,
	.g_lp_indi .etc_area li a:hover,

	.g_lp_indi .etc_area li a:hover,
	.realestate .etc_area li a:hover,
	.civil .etc_area li a:hover,
	.china .etc_area li a:hover,
	.overseas .etc_area li a:hover { background-color: #f6f6f6; }
	
	/*================================================
	オフィスへのアクセス
	==================================================*/
	.address .address_dial span.num {
		font-size: 1.5rem;
	}
	.address .address_dial span.num a {
		pointer-events: auto;
	}
	.address .attention a,
	.address .attention a:link,
	.address .attention a:hover,
	.address .attention a:visited	{
		color: #ff0000 !important;
	}
	/*=============================================================================================
	アクセス
	=============================================================================================*/
	.address .address01 {}
	.address .address02,
	.address .address03,
	.address .address04,
	.address .address05 {
		margin-top: 1rem;
	}
	.address li {
		display: block;
	}
	.address .ttl,
	.address .address_dial{
		display: inline-block;
		width: 100%;
		padding: 0;
		font-weight: bold;
	}
	.address .attention {
		padding-left: 1rem;
	}
	/*  google map  */
	.map_area {
		width: 100%;
		height: 60vw;
	}
	#map {
		width: 100%;
		height: 100%;
	}
	#map-widget {
		width: 7rem;
	}
	#map-widget strong,
	#map-widget .pref_address{
		display: none;
	}
	#map-widget .btn_bigmap {
		margin: 0;
	}
	/*=============================================================================================
	近隣オフィス
	=============================================================================================*/
	.neighborhood h3.ttl {
		max-height: inherit;
	}
	.neighborhood h3.ttl img {
		width: auto;
		max-width: inherit;
		max-height: 40px;
	}
	/*================================================
	【タブ】個人のお客様　法人のお客様
	==================================================*/
	.tab {
		margin-top: 16px;
	}
	.tab > li.select {
		padding: 0.5rem 0.2rem;
	}
	.tab > li h2 {
		font-size: 1.2rem;
		font-weight: bold;
	}
	/* 横3つ */
	.tab_con_box > li > a:before {
		content: "";
		font-family: 'icomoon';
		position: absolute;
		top: 45px;
		left: 4%;
		font-size: 2.1rem;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	/*===============================================
	sidebar
	=================================================*/
	.sidebar {
		float: none;
		margin: 50px 0 0 0;
		width: 100%;
	}
	.side_bnr_area {
		margin: 0 auto;
		width: 94%;
		max-width: 360px;
		border: 2px solid #ccc;
	}
	.side_bnr_area a:hover {
		opacity: 1;
	}
	.sidebar .contact li:nth-child(1),
	.sidebar .contact li:nth-child(2) a{
		margin-right: auto;
		margin-left: auto;
		max-width: 300px;
	}
	/* 離婚　養育費計算バナー */
	/* B型　計算バナー */
	.bnr_diagnosis li a,
	.caltool li a{
		display: block;
		margin-right: auto;
		margin-left: auto;
		max-width: 300px;
	}
	.bnr_diagnosis li a img,
	.caltool li a img{
		width: 100%;
	}
	.office_guidance {
		margin: 30px auto 0 auto;
		width: 96%;
		max-width: 360px;
		border: 2px solid #ccc;
	}
	.office_guidance a:hover {
		opacity: 1;
	}
	/* sidebar 基本設定 */
	.side_block {
		margin: 40px 0 0 0;
	}
	.side_block .ttl {
		padding-right: 3%;
		padding-left: calc(3% + 32px);
	}
	.side_block .ttl::before,
	/* コラム */
	.side_block.columns .ttl::before {
		left: 3%;
	}
	/* お客様の声 */
	.side_block.voices .ttl::before {
		left: calc(3% - 4px);
	}
	/* パラリーガル募集中 */
	.side_block.recruit .ttl {
		text-indent: 0;
	}
	.side_block ul.report{
		padding: 0 3%;
	}
	
	.side_block .left_box {
		float: left;
		width: 20%;
	}
	.side_block .right_box {
		float: right;
		width: 75%;
	}
	.side_block .side_box {
		margin: 20px 3% 0 3%;
	}
	/* サイドナビゲーション */
	/* スマホでのマウスオーバーの打ち消し */
	.side_navi a:hover,
	.debt .side_navi a:hover,
	.divorce .side_navi a:hover,
	.accident .side_navi  a:hover,
	.hepatitisb .side_navi a:hover,
	.criminal .side_navi a:hover,
	.work .side_navi a:hover,
	.claim .side_navi a:hover,
	.bequest .side_navi a:hover,
	.g_lp_indi .side_navi a:hover,
	.g_lp_indi .side_navi a:hover,
	.realestate .side_navi a:hover,
	.civil .side_navi a:hover,
	.china .side_navi a:hover,
	.overseas .side_navi a:hover {
		background-color: #fff;
	}
	
	/* 分野カラー マウスオーバーの打ち消し */
	.accident .side_navi a.on:hover { background-color: #cee0f1; }
	.criminal .side_navi a.on:hover { background-color: #f8e4e6; }
	.divorce .side_navi a.on:hover { background-color: #f8e4e6; }
	
	/* 分野カラー */
	.debt .side_navi { border: 10px solid #704b3f; }
	.divorce .side_navi { border: 10px solid #eb4767; }
	.accident .side_navi { border: 10px solid #409cc5; }
	.hepatitisb .side_navi { border: 10px solid #22a098; }
	.criminal .side_navi { border: 10px solid #94000c; }
	.work .side_navi { border: 10px solid #5269aa; }
	.claim .side_navi { border: 10px solid #14385e; }
	.bequest .side_navi { border: 10px solid #e65c00; }
	.g_lp_indi .side_navi { border: 10px solid #1c4e48; }

	.g_lp_indi .side_navi { border: 10px solid #1c4e48; }
	.realestate .side_navi { border: 10px solid #a16600; }
	.civil .side_navi { border: 10px solid #149393; }
	.china .side_navi { border: 10px solid #e02000; }
	.overseas .side_navi { border: 10px solid #818181; }
	
	
	
	/* 採用 */
	.side_block.recruit {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.side_block.recruit h2.ttl {
		width: 100%;
		padding: 0;
	}
	.side_block.recruit ul li a:hover {
		background: hsla(0,0%,100%,1.00);
	}
	/*=========================================
	twitterウィジェット追加 #11825
	=========================================*/
	.p-tw {
		width: 300px;
		padding: 0;
	}
	.p-tw__inner {}
	
	
	/*==================================================
	分野サイトのetcボタン
	==================================================*/
	.etc_area {
		margin: 20px 0 0 0;
	}
	.etc_area li a {
		min-height: 8.5rem;
	}
	.etc_area li a:hover {
		background-color: #f6f6f6;
		color: #333;
	}
	.etc_area li a:hover:after {
		border-left: 6px solid #595959;
	}
	.etc_area li a:hover p {
		color: #333;
	}
	
	/*=================================================
	btn
	===================================================*/
	.btn {
		text-align: center;
		font-size: 1.2rem;
	}
	.btn a {
		padding: 0.9rem 3rem 0.9rem 2rem;
		width: 100%;
		max-width: 414px;
		margin-right: auto;
		margin-left: auto;
	}
	.btn a:hover {
		opacity: 1;
		color: #fff;
	}

	/*=================================================
	CVB
	===================================================*/
	/* 人物画像 */
	.cvb .cvb_img,
	.work .cvb .cvb_img,
	.hepatitisb .cvb .cvb_img,
	.g_lp_indi .cvb .cvb_img	{
		margin: -36px 0 0 0;
		width: 100%;
		height: 56vw;
		background: url(/common_api/branch/img/common/sp_cvb_img.png) no-repeat center 0;
		background-size: contain;
	}
	.work .cvb .cvb_img { background-image: url(/common_api/branch/img/common/sp_cvb_img_work.png);}
	.hepatitisb .cvb .cvb_img { background-image: url(/common_api/branch/img/common/sp_cvb_img_hepatitisb.png);}
	.g_lp_indi .cvb .cvb_img { background-image: url(/common_api/branch/img/common/sp_cvb_img_legal.png);}
	
	.cvb {
		width: 100%;
		max-width: 740px;
		padding: 1rem;
	}
	.cvb_img {
		margin: -36px 0 0 0;
	}
	.cvb_img img {
		width: 100%;
	}
	.cvb_box {
		position: relative;
		top: 0;
		left: 0;
		flex-direction: column;
		width: 100%;
		margin: 16px 0 0 0;
	}
	.cvb_tel_box {
		float: none;
		width: 100%;
		/*margin: 1rem 0 0 0;*/
		text-align: center;
	}
	a.cvb_tel,
	span.cvb_tel {
		padding: 0 0 0 10%;
		font-size: 10vw;
	}
	a.cvb_tel:hover,
	span.cvb_tel:hover {
		opacity: 1;
	}

	a.cvb_tel:before,
	span.cvb_tel:before{
    position: relative;
    top: auto;
    left: auto;
	}
	.cvb_date {
		margin: 4px 0 0 0;
		width: 100%;
		font-size: 0.875rem;
		font-weight: normal;
		text-align: center;
		line-height: 1.5;
	}
	.cvb_mail {
		display: block;
		width: 100%;
		max-width: 414px;
		height: auto;
		margin: 0 auto;
	}
	.cvb_mail img {
		width: 100%;
	}
	.cvb_mail:hover {
		opacity: 1;
	}
	.p-cvb_mail__24h {
		margin-top: 8px;
		font-size: 16px;
	}
	.p-cvb_mail__txt {
		display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
	}

	.c-btn__tel__cvb {
		width: 100%;
		max-width: 414px;
		margin: 0 auto;
	}
	.c-btn__tel__cvb a.cvb_tel {
		height: auto;
		font-size: 1.25rem;
	}
	
	/*==================================================
	下部テキスト
	====================================================*/
	.page_under_area { display:none;	}

	/*==================================================
	SNS
	====================================================*/
	.sns {
		margin: 30px auto 0 auto;
		padding: 0 3%;
		width: 100%;
	}
	.sns li {
		padding: 3% 0;
	}
	/* 詳細記事 */
	.report_list_block .sns li {
		padding: 0;
	}
	/*==================================================
	相談可能なエリア
	====================================================*/
	.service_area {
		margin: 30px auto 0 auto;
		padding: 0 3%;
		width: 100%;
	}
	
	/*==================================================
	前のページに戻る　HOME
	====================================================*/
	.home .sp_foot_revbtn { display:none; }
	.sp_foot_revbtn {
		display: none;
		margin: 1.25rem 0 0 0;
		font-size: 0;
	}
	.sp_foot_revbtn li {
		display: inline-block;
		font-size: 1rem;
		width: 50%;
	}
	.sp_foot_revbtn li:first-child {
		border-right: 1px solid #fff;
	}
	.sp_foot_revbtn li a {
		position: relative;
		display: block;
		padding: 0.8rem 0;
		color: #fff;
		background-color: #999;
		text-align: center;
	}
	.sp_foot_revbtn li:last-child span {
		position: relative;
		padding: 0 0 0 1.5rem;
	}
	.sp_foot_revbtn li:last-child span:before  {
		position: absolute;
		content: "\e902";
		font-family: 'icomoon';
		left: 0;
	}

	/*==================================================
	footer
	====================================================*/
	footer {
		margin: 0;
		width: 100%;
		border-top: 4px solid #ccc;
		font-weight: bold;
		background-image: none;
	}
	.home footer {
		margin: 20px 0 7px 0;
	}
	.ft_navi {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.ft_navi ul {
		display: block;
	}
	.ft_navi > ul > li {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	/* 赤下線消す */
	.ft_list_ttl > a {
		border-bottom: none;
	}
	/* 個人のお客様 法人のお客様  右の三角消す*/
	.ft_navi_bl01 .ft_list_ttl > a:before,
	.ft_navi_bl02 .ft_list_ttl > a:before,
	.ft_navi_bl05 .ft_list_ttl > a:before{
		content: none;
	}
	/* HOME ヘッダーのプルダウンメニュー用　*/
	.sp_menu .ft_navi > ul.ft_navi_bl00 {
		display: block;
	}
	/* HOME　フッターのメニュー用 */
	footer > .ft_navi > ul.ft_navi_bl00 {
		display: none;
	}
	/* 個人のお客様 法人のお客様 アコーディオンメニュー */
	.ft_navi_bl01 > li.ft_list_ttl {
		position: relative;
	}
	.acd_btn01, .acd_btn02, .acd_btn05 {
		display: block;
		position: absolute;
		top: 9px;
		right: 11px;
		width: 24px;
		height: 24px;
		line-height: 1;
		color: #999;
		font-family: 'icomoon';
		font-size: 1.5rem;
	}
	.acd_btn01:before, .acd_btn02:before, .acd_btn05:before { content: "\e910"; font-weight: normal; }
	.acd_btn01.on:before, .acd_btn02.on:before, .acd_btn05.on:before { content: "\e911"; font-weight: normal; }
	/* アコーディオン初期設定　非表示 */
	.ft_navi ul.subs_list01, .ft_navi ul.subs_list02, .ft_navi ul.subs_list05 {
		display: none;
	}
	
	.ft_navi ul.ft_navi_bl01,
	.ft_navi ul.ft_navi_bl02,
	.ft_navi ul.ft_navi_bl03,
	.ft_navi ul.ft_navi_bl04,
	.ft_navi ul.ft_navi_bl05 { width: 100%; margin: 0; }
	
	.ft_navi a {
		justify-content: space-between;
		font-size: 1rem;
		margin: 0;
		padding: 0.7rem 0.5rem 0.5rem 0.5rem;
	}
	.ft_navi .ft_navi_bl01 > .ft_list_ttl > a,
	.ft_navi .ft_navi_bl02 > .ft_list_ttl > a,
	.ft_navi .ft_navi_bl05 > .ft_list_ttl > a{
		width: calc(100% - 3rem);
	}
	.ft_navi a:hover {
		text-decoration: none;
		color: #333;
	}
	/* homeへも戻るボタン*/
	a.ft_home::before {
		position: relative;
		display: block;
	}
	a.ft_home::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -3px;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #595959;
	}
	
	/* PC用のbeforeを打ち消し */
	.ft_navi a::before { display: none; }
	/* ヘッダー　アコーディオン　「HOME」ボタン */
	.ft_list_ttl > a {
		display: flex;
	}
	/* スマホ用にafterを設置 */
	.ft_navi a::after {
		display: inline-block;
		position: relative;
		top: 0;
		right: 10px;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #595959;
		content: "";
	}
	.individual .ft_list_ttl > a::after,
	.corporate .ft_list_ttl > a::after,
	.recruit .ft_list_ttl > a::after{
		display: none;
	}
	/* スマホ　フッター　blank */
	.ft_navi a.blank::after,
	.ft_navi .subs a.blank::after {
		content: "\e914";
		font-family: 'icomoon';
		position: absolute;
		top: 50%;
		right: 7px;
		margin-top: -10px;
		width: 24px;
		height: 24px;
		border: none;
		color: #888;
		font-size: 14px;
		font-weight: normal;
	}
	.ft_navi_bl03,
	.ft_navi_bl04 {
		margin: 0;
	}
	/* アコーディオン内リスト */
	.ft_navi .subs_list01,
	.ft_navi .subs_list02,
	.ft_navi .subs_list05{
		border-top: 1px solid #ccc;
	}
	.subs li a {
		margin: 0 0 0 2.5rem;
		padding: 0.5rem 0.5rem 0.5rem 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	.subs li:last-child a {
		border-bottom: none;
	}
	.ft_navi > ul > li.list26,
	.ft_navi > ul > li.list27 {
		border-top: none;
    	border-bottom: none;
	}
	.ft_navi > ul > li.list26 > a,
	.ft_navi > ul > li.list27 > a {
		font-size: 0.8rem;
		font-weight: normal;
	}
	.ft_navi > ul > li.list26 > a:before,
	.ft_navi > ul > li.list27 > a:before {
		content: none;
	}
	.ft_navi > ul > li.list26 {
		padding-top: 6px; 
	}
	.ft_navi > ul > li.list27 {
		padding-bottom: 6px;
	}

	/*採用情報　子要素*/
	.ft_navi .subs_list05 li a span {
		padding-right: 2rem;
	}
	/*PCの絶対配置をクリア*/
	/*サイトマップから3つ*/
	.ft_navi_bl04 {
		position: relative;
		top: 0;
		left: 0;
	}

	/*採用情報*/
	.ft_navi_bl05 {
		position: relative;
		top: 0;
		left: 0;
	}
	/*自宅からの弁護士相談*/
	.ft_navi_bl06 {
		position: relative;
		top: 0;
		left: 0;
	}

	/* バナー SP */
	.ft_bnr ul{
		flex-direction: column;
		width: 100%;
		font-size: 0;
		padding: 0 8%;
		text-align: center;
	}
	.ft_bnr li {
		display: inline-block;
		width: 100%;
		max-width: 360px;
		height: auto;
		border: 2px solid #ccc;
	}
	.ft_bnr li img {
		width: 100%;
	}
	.ft_bnr li:not(:first-child){
		margin-left: 0;
		margin-top: 1rem;
	}
	.ft_bnr li a:hover {
		opacity: 0.75;
	}
	
	.copyright_area {
		padding: 0 .5rem .5rem;
		border-top: none;
		background-color: #e9e8e8;
	}

	/*=============================================================================================
	pageTop
	=============================================================================================*/
	a#pageTop {
		right: 10px;
	}
	/*=============================================================================================
	前のページに戻る　スマホ版のみ
	=============================================================================================*/
	a#page_back {
		display: block;
		position: fixed;
		bottom: 60px;
		left: 10px;
		padding: 26px 0 0 0;
		width: 60px;
		height: 60px;
		background: #666;
		border-radius: 5px;
		text-decoration: none;
		opacity: 0.75;
		line-height: 1;
	}
	a#page_back:before {
		content: '\e909';
    	font-family: 'icomoon';
    	font-size: 34px;
		position: absolute;
		    top: 13px;
    left: 18px;
		color: #fff;
	}
	.home a#page_back { display: none !important; }
	
	/*=============================================================================================
	tel mail foot fixed
	=============================================================================================*/
	.floating,
	.floating.sp_only {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 2000;
		font-size: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.floating .tel,
	.floating .mail{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		font-size: 1rem;
		background-color: #fc584c;
	}
	.floating .mail {
		background-color: #039469;
	}
	.floating .tel a,
	.floating .mail a{
		width: 100%;
		height: 100%;
		min-height: 50px;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 6px 0;
		color: #fff;
		line-height: 1.2;
		gap: 4px;
	}
	.floating .tel a span,
	.floating .mail a span{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding: 0 0 0 1em;
		font-size: clamp(15px,4vw,16px);
	}
	.floating .mail a span{
		padding: 0 0 0 1.65em;
	}
	.floating .tel a span:before,
	.floating .mail a span:before{
		content: "\e900";
		font-family: 'icomoon';
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -0.55em;
		width: 1em;
		height: 1em;
		font-size: 1em;
	}
	.floating .mail a span:before{
		content: "\e901";
		font-size: 0.85em;
	}
	.floating .tel a em,
	.floating .mail a em{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 12px;
		font-style: normal;
	}
	.floating .text {
		display: block;
		width: 100%;
		background: #f6f6f6;
		padding: 4px;
		font-size: 13px;
		line-height: 1;
		color: #333;
		text-align: center;
	}
	.floating .text strong {
		font-weight: bold;
	}
	/* ===============================================================
	解決事例 お客様の声 コラム一覧 のh2 アイコンカラー　 report_list_area
	===============================================================*/
	.report_list_area .page_navi {
		justify-content: space-between;
		margin-left: 0;
	}
	.report_list_area .page_navi li {
		width: calc((100% - 2px) / 2 );
		margin: 2px 0 0;
	}
	.report_list_area .page_navi li a {
		/*min-height: 60px;*/
	}
	.report_list_area .page_navi li a:hover {
		text-decoration: none;
		color: #333;
	}
	.report_list_area .page_navi li.divorce a:hover,
	.report_list_area .page_navi li.accident a:hover,
	.report_list_area .page_navi li.criminal a:hover,
	.report_list_area .page_navi li.bequest a:hover,
	.report_list_area .page_navi li.work a:hover,
	.report_list_area .page_navi li.hepatitisb a:hover,
	.report_list_area .page_navi li.general_corporate a:hover,
	.report_list_area .page_navi li.general_civil a:hover,
	.report_list_area .page_navi li.debt a:hover,
	.report_list_area .page_navi li.claim a:hover,
	.report_list_area .page_navi li.ol_defamation a:hover,
	.report_list_area .page_navi li.disaster a:hover,
	.report_list_area .page_navi li.school a:hover { background: #eee; }
	
	.report_list_area .page_navi li a:hover::after {
		border-top: 6px solid #999;
	}
	/**/
	.report_list > li a:hover {
		background: #fff;
		text-decoration: none;
	}
	/* お客様の声　解決事例　注意書き　2017/10/05 */
	.intro {
		padding-right: 3%;
		padding-left: 3%;
	}
	/* ==================================================
	解決事例 一覧　 cases_list.html
	==================================================*/
	
	.page_selection {
		margin: 1rem 0 0 0;
		padding: 0.5rem 3% 0 3%;
	}
	.page_selection .date {
		text-align: left;
	}
	.page_selection .failure,
	.page_selection .settlement {
		display: block;
		margin-left: 0;
	}
	
	/* 解決事例　離婚・男女問題　17/10/04 */
	.report_list .profile .list_etc {
		display: block;
	}
	.report_list .profile .list_etc li {
		display: inline-block;
		margin: 0 0 0 1rem;
	}
	.report_list .profile .list_etc li:first-child {
		margin: 0;
	}

	/*==================================================
	解決事例 シングルページ
	==================================================*/
	.single_area .head_date {
		padding: 0 3%;
	}
	/*==================================================
	コラム　解決事例　お客様の声　ページ下部　ページャー
	==================================================*/
	/* ページャーのリンク */
	ul.pager {
		display: flex;
		justify-content: center;
		margin: 40px 0 0 0;
	}
	ul.pager li {
		padding: 0 10px;
	}
	ul.pager li a:hover {
		background-color: #fff;
		color: #333;
		text-decoration: none;
	}
	/*==================================================
	お客様の声 一覧
	==================================================*/
	section.voices .page_selection {
		padding-left: 3%;
		padding-right: 3%;
	}
	.voices .page_selection .num {
		margin: -22px 0 0 0;
	}
	.voices .page_selection .voices_link .date {
		margin-top: 8px;
	}
	/*==================================================
	お客様の声 シングルページ
	==================================================*/
	.voices_single_area .head_date {
		padding: 0 3%;
	}
	.voices_single_area .date {
		padding-top: 4px;
	}
	.voices_single_area .voices {
		width: 100%;
	}
	.voices_single_area .voices img {
		width: 100%;
	}
	
	/*==================================================
	404 Not Found page
	==================================================*/
	.notfound404 .main_contents ul.list404 {
		padding: 0 3%;
	}
	
	
	.pc_only { display: none; }
	.sp_only { display: block; }
	.pc_only_inlineblock { display: none; }
	.sp_only_inlineblock { display: inline-block; }
	
	/* 画像の回り込み 2018/7/9 */
	.img_right {
		float: none;
		width: 250px;
		padding-left: 0;
		margin: 0 auto;
	}
	.img_left {
		float: none;
		width: 250px;
		padding-right: 0;
		margin: 0 auto;
	}
	
	
	
}/* //780 レスポンシブ設定 */

/*=============================================================================================
タブレット　スマホ　728px以下
=============================================================================================*/
	@media only screen and (max-width: 728px) {
	.tab_con_box h3 {
		top: 40%;
		transform: translateY(0);
	}
	/* 横3つ */
	.tab_con_box > li p {
		color: #fff;
		text-align: center;
		padding: 0.2em 0;
		font-size: 0.8rem;
	}
}
/* //レスポンシブ設定 */

/*=============================================================================================
スマホ　600px以下
=============================================================================================*/
@media only screen and (max-width: 600px) {
	.sp600_only { display: block; }
	h2.main_h2 {
		padding: 0 3% 4px 9%;
		line-height: 1.2;
	}
	
	/*===============================================
	MV スライダー 600px
	===============================================*/
	.home .topSlider,
	.mv_area .topSlider{
		min-height: 231px;
		max-height: 320px;
	}
	.slick-dots{
		margin: 5px 0 0 0;
	}

	/*---------*/
	.side_block .left_box {
		float: left;
		width: 35%;
	}
	.side_block .right_box {
		float: right;
		width: 60%;
	}
	
	/*---------*/
	.etc_area li {
		width: calc(50% - 2px);
	}
	/* cvb */
	.tab_con_box {
		margin-left: 0;
		padding: 0 1.5%;
		/*justify-content: space-around;*/
	}
	.tab_con_box > li {
		width: 46.5%;
		margin: 3.4% 1.5% 0 1.5%;
	}
	/* 横3つ */
	.tab_con_box > li > a:before {
		content: "";
		top: 40%!important;
		left:0!important;
		width: 100%;
		font-size: 3rem;
		text-align: center;
	}
	/* 横3つ */
	.tab_con_box > li > a:before {
		top: 42%!important;
	}
	.tab_con_box h3 {
		position: relative;
		top: 30px;
		left: 0;
		transform: translateY(-50%);
		margin: 0;
		font-size: 1.2rem;
		line-height: 1.2;
		text-align: center;
	}
	/* line ---------------------------------------*/
	.tab_con_box > li.hepatitisb > a:after,
	.tab_con_box > li.asbestos > a:after,
	.tab_con_box > li.school > a:after,
	.tab_con_box > li.accident > a:after,
	.tab_con_box > li.criminal > a:after,
	.tab_con_box > li.divorce > a:after,
	.tab_con_box > li.bequest > a:after,
	.tab_con_box > li.debt > a:after,
	.tab_con_box > li.g_lp_indi > a:after,
	.tab_con_box > li.claim > a:after,
	.tab_con_box > li.civil > a:after,
	.tab_con_box > li.overseas > a:after,
	.tab_con_box > li.china > a:after,
	.tab_con_box > li.jp_zh > a:after,
	.tab_con_box > li.work > a:after,
	.tab_con_box > li.g_overtime > a:after,
	.tab_con_box > li.g_dismissal > a:after,
	.tab_con_box > li.eraserequest > a:after,
	.tab_con_box > li.g_foreigner > a:after,
	.tab_con_box > li.disaster > a:after,
	.tab_con_box > li.work_corp > a:after,
	.tab_con_box > li.realestate > a:after,
	.tab_con_box > li.g_family_trust > a:after,
	.tab_con_box > li.g_other_work > a:after,
	.tab_con_box > li.etc_indi > a:after,
	.tab_con_box > li.kenchikusosho > a:after,
	.tab_con_box > li.marine_accident > a:after,
	.tab_con_box > li.medical > a:after,
	.tab_con_box > li.consumer > a:after,
	.tab_con_box > li.securities > a:after,
	.tab_con_box > li.tax > a:after,
	.tab_con_box > li.visa > a:after,
	.tab_con_box > li.hsp_permanent > a:after,
	.tab_con_box > li.spouse_visa > a:after,
	.tab_con_box > li.green_card > a:after,
	
	.tab_con_box > li.general_corporate > a:after,
	.tab_con_box > li.g_lp_corp > a:after,
	.tab_con_box > li.ma > a:after,
	.tab_con_box > li.it > a:after,
	.tab_con_box > li.realestate > a:after,
	.tab_con_box > li.disaster_corp > a:after,
	.tab_con_box > li.realestate_dispossess > a:after,
	.tab_con_box > li.eraserequest_corp > a:after,
	.tab_con_box > li.claim_corp > a:after,
	.tab_con_box > li.bankrupt > a:after,
	.tab_con_box > li.risk_management > a:after,
	.tab_con_box > li.multinational > a:after,
	.tab_con_box > li.intellectual > a:after,
	.tab_con_box > li.tax_litigation > a:after,
	.tab_con_box > li.etc_corp > a:after,
	.tab_con_box > li.general_corporate > a:after,
	.tab_con_box > li.contract_law > a:after,
	.tab_con_box > li.governance > a:after,
	.tab_con_box > li.support_corp > a:after,
	.tab_con_box > li.whistleblowing > a:after,
	.tab_con_box > li.application > a:after,
	.tab_con_box > li.succession > a:after,
	.tab_con_box > li.politician > a:after,
	.tab_con_box > li.entertainment > a:after { content:none; }
	
	/*=============================================================================================
	弁護士 インタビュー 2019/04/11
	=============================================================================================*/
	/* PCの設定を打ち消し　アイコン、後ろの矢印 */
	ul.lawyers_block li .area-btn a span.txt-prof::before,
	ul.lawyers_block li .area-btn a span.txt-interview::before,
	ul.lawyers_block li .area-btn a span::after {
		display: none;
	}
	ul.lawyers_block li .area-btn a,
	ul.lawyers_block li .area-btn a:hover {
		/*background: transparent;*/
		text-decoration: none;
	}
	/* 矢印を前に設置 */
	ul.lawyers_block li .area-btn a span.txt-prof::before,
	ul.lawyers_block li .area-btn a span.txt-interview::before {
		display: inline-block;
		position: absolute;
		top: 4px;
		left: 0;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #cf000e;
		content: "";
	}
	ul.lawyers_block li .area-btn a span {
		display: block;
		position: relative;
		padding: 0 0 0 .75rem;
		font-size: .9rem;
	}
	
	ul.lawyers_block {
		width: 600px;
		margin: 0 auto;
		padding: 0 0 0 10px;
	}
	
}/*  600px//レスポンシブ設定 */

/*=============================================================================================
スマホ　599px以下
=============================================================================================*/
@media only screen and (max-width: 599px) {
	/*=================================================
	弁護士等紹介 スライダー
	===================================================*/
	.slider_lawyer {
		margin: 20px auto 0 auto;
		padding: 0;
		min-width: 210px;
		max-width: 210px;
	}
	
	/*=============================================================================================
	弁護士等紹介 2017/07/13
	=============================================================================================*/
	ul.lawyers_block {
		width: calc(200px + 4rem + 10px + 10px);
		margin: 0 auto;
		padding: 0;
	}
	
	ul.lawyers_block li {
		width: calc(100px + 2rem);
		padding: 1rem 1rem 0 1rem;
		boder: 1px solid #ccc;
	}
	ul.lawyers_block li:nth-child(3n) {
		margin-right: 10px;
	}
	/*
	ul.lawyers_block li a {
		display: block;
	}
	ul.lawyers_block li a:hover {
		background-color: none;
	}
	*/
	ul.lawyers_block li .lawyers_box {
		display: block;
	}
	ul.lawyers_block li span {
		display: block;
	}
	ul.lawyers_block li span.photo {
		width: 100%;
		margin: 0 auto;
	}
	ul.lawyers_block li span.photo img {
		width: 100%;
	}
	ul.lawyers_block li span.name_area {
		width: 100%;
		padding: 0;
	}
	ul.lawyers_block li span.name_jpn {
		padding: 5px 0 0 0;
		font-size: 0.88rem;
		text-align: center;
	}
	/*
	ul.lawyers_block li span.name_jpn::before {
		display: inline-block;
		position: relative;
		left: -8px;
		width: 6px;
		height: 6px;
		border-top: 1px solid hsla(0, 0%, 20%, 1);
		border-right: 1px solid hsla(0, 0%, 20%, 1);
		transform: rotate(45deg);
		transform-origin: 100%;
		content: "";
	}
	*/
	ul.lawyers_block li span.license_name,
	ul.lawyers_block li span.name_eng {
		display: none;
	}
	.area-btn {
		margin: 0 -1rem;
	}
	ul.lawyers_block li .area-btn a {
		display: block;
		width: 100%;
		margin: 0;
		padding: .5rem 0 .5rem .5rem;
		font-size: 12px;
		letter-spacing: -1px;
	}
	ul.lawyers_block li .area-btn a:nth-child(2) {
		border-top: 1px solid #ccc;
	}
	
	
}/* 599px//レスポンシブ設定 */

/*=============================================================================================
スマホ　414px以下
=============================================================================================*/
@media only screen and (max-width: 414px) {	
	.sp414_only { display: block; }
	h2.main_h2 {
		padding: 0 3% 4px 12%;
		line-height: 1.2;
	}
	/*===============================================
	MV スライダー 414px
	===============================================*/
	.home .topSlider,
	.mv_area .topSlider{
		min-height: 171px;
		max-height: 231px;
	}
	/*=================================================
	弁護士等紹介 スライダー
	===================================================*/
	.lawyer.person2 .section_block {/* 2人用 */
		height: 250px;
		overflow: hidden;
	}
	.slider_lawyer_person2,
	.slider_lawyer_person1 {/* 2人用 */
		margin: 20px auto 0 auto;
		padding: 0;
		min-width: 300px;
		max-width: 300px;
	}
	.slider_lawyer_person2 img,
	.slider_lawyer_person1 img {/* 2人用 */
		width: 100%;
	}
	
	/*=============================================================================================
	弁護士等紹介 2017/07/13
	=============================================================================================*/
	/*ul.lawyers_block li {
		width: calc((100% - 20px) / 2);
		margin: 20px 10px 0 0;
	}*/
	ul.lawyers_block li:nth-child(3n) {
		/*margin-right: 0;*/
	}

	/*=============================================================================================
	弁護士 インタビュー 2019/04/11
	=============================================================================================*/
	ul.lawyers_block li .area-btn {
		/*width: 100px;*/
	}
	
}/* //レスポンシブ設定 */

/*=============================================================================================
スマホ　320px以下
=============================================================================================*/
@media only screen and (max-width: 320px) {	

	.sp320_only {
		display: block;
	}
	
	/*===============================================
	MV スライダー 320px
	===============================================*/
	.home .topSlider,
	.mv_area .topSlider{
		min-height: 171px;
		max-height: 171px;
	}
	/*=================================================
	弁護士等紹介 スライダー
	===================================================*/
	.slider_lawyer_person2 .slick-prev {/* 2人用 */
		margin-left: 24px;
		z-index: 10;
	}
	.slider_lawyer_person2 .slick-next {/* 2人用 */
		margin-right: 24px;
	}
	
	.tab_con_box>li.debt>a:before{
		right:0%!important;
	}
	
}/* //レスポンシブ設定 */


/* 注意点 */
.c-list__notice {}
.c-list__notice li {
	margin: 0 0 .5rem 0;
}
.c-list__notice li:last-child {
	margin-bottom: 0;
}
.c-list__notice li span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 .875rem;
	text-indent: -0.875rem;
	font-size: .875rem;
	line-height: 1.3;
}
.c-list__notice li span::before {
	position: relative;
	top: 0;
	left: 0;
	content: '※';
}

.marker {
    background-image: -webkit-linear-gradient(transparent 30%, #ffff99 0%);
    background-image: linear-gradient(transparent 30%, #ffff99 0%);
    background-position-y: -2px;
    font-weight: normal;
}

/*================================================================================================
【採用情報掲載】全てのオフィス
================================================================================================*/
/* サイドバー採用 2019/02/20 */
.side_block.recruit {
	display: block;
}

/*================================================================================================
#4637
【一般企業法務】2019/03/28 京都オフィスへ一般企業法務のコラム追加
初めてだったので、解決事例が対応できておらず、NotFound404になりました。
ページが表示できるまで、サイドナビはCSSで非表示とします。
================================================================================================*/
.general_corporate .side_block.cases {display: none;}

/*=============================================================================================
2019/10/01　新システム　下層のスライダー廃止
=============================================================================================*/
.hero-2nd-layer a {
	position: relative;
	display: block;
	width: 780px;
	height:290px;
}
.hero-2nd-layer a img {
	width: 100%;
}
@media only screen and (max-width: 780px) {
	.hero-2nd-layer a {
		width: 100%;
		height: auto;
	}
}

/*=============================================================================================
2020/08/05　カイラス　メルシー　弁護士補償バナー　スマホの時だけ
=============================================================================================*/
.bnr-kailash-merci {
	width: 300px;
	margin: 0 auto;
}
.bnr-kailash-merci img {
	width: 100%;
}

/*=============================================================================================
【オフィス共通】コラムが1件もない場合、リンクを非表示の例 
=============================================================================================*/
.yokkaichi .columns {
	display: none;
}
.urawa .columns {
	display: none;
}


/*=============================================================================================
2020/10/20　京都オフィス コールデータバンク
=============================================================================================*/
.p-events__none {
	pointer-events: none;
}
@media only screen and (max-width: 780px) {
	.p-events__none {
		pointer-events: auto;
	}
}/*780*/

/*=============================================================================================
2022/1/5　名古屋オフィス よくある質問 #25890
=============================================================================================*/
.ft_navi .qa,
.sitemap .faq {
	display: none;
}
.nagoya .ft_navi .qa,
.nagoya.sitemap .faq {
	display: block;
}
/*=============================================================================================
2021/03/31　ご自宅相談PRページ
=============================================================================================*/

.sidebar_home_consultation {
	margin-bottom: 20px;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
}

.sidebar_window {
	margin-bottom: 20px;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
}

.top_link_redline {
	width: 100%;
	height: 2px;
	background-color: #CF000E;
	margin: 10px auto;
}

.top_link_txt {
	text-align: center;
	text-decoration-line: underline;
}

@media only screen and (min-width: 769px) {
.only-sp {
		display: none;
	}
}/*769*/

/*=============================================================================================
各オフィスヘッダー、フッター、サイドバー　内部リンク、外部リンクの表示、非表示の制御
=============================================================================================*/
/* 基本設定 内部リンクを表示　外部リンクを非表示*/
.outside_link { display: none!important; }

/* 例外設定 内部リンクを非表示 外部リンク表示 */
.g_family_trust.inside_link,
.g_foreigner.inside_link,
.kenchikusosho.inside_link,
.medical.inside_link,
.risk-_management.inside_link,
.jp_zh.inside_link,
.school.inside_link,
.consumer.inside_link {
	display: none!important;
}
.g_family_trust.outside_link,
.g_foreigner.outside_link,
.kenchikusosho.outside_link,
.medical.outside_link,
.risk_management.outside_link,
.jp_zh.outside_link,
.school.outside_link,
.consumer.outside_link  {
	display: inline-block!important;
}


/*=============================================================================================
2021/11/12 リスト共通CSS 
=============================================================================================*/
.p-list-area {
	margin-left: 1rem;
}
.p-list-disc {
	list-style: disc outside;
	margin-bottom: .5rem;
}
.p-list-disc:last-child {
	margin-bottom: 0;
}
.u-mb-1 {
	margin-bottom: 1rem;
}
.u-lh-18 {
	line-height: 1.8;
}
.u-lh-20 {
	line-height: 2;
}

/*===============================================================
ベンナビ保険 サイドバー
===============================================================*/
.p-sidenavi__bennavi {
	margin: 2rem auto;
	padding: 2rem 1rem;
	background: #f7f7f7;
}
.p-sidenavi__bennavi__title {
	position: relative;
	margin-bottom: 1rem;
	padding: 0 0 0.2rem 52px;
	border-bottom: 4px double #ddd;
	font-size: 1.1rem;
}
@media only screen and (min-width: 769px) {
	.p-sidenavi__bennavi__title {
		font-size: 1rem;
	}
}
.p-sidenavi__bennavi__title__icon {
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 1rem;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
	background: #097b56;
	color: #fff;
	font-size: .875rem;
}
.p-sidenavi__bennavi__text {
	line-height: 1.8;
	margin: 0 0 32px 0;
}
@media only screen and (min-width: 769px) {
	.p-sidenavi__bennavi__text {
		font-size: 0.9rem
	}
}
.p-sidenavi__bennavi__link {
	color: #0d74cf;
  text-decoration: underline;
}
.p-sidenavi__bennavi__banner {
	display: block;
	width: 300px;
	margin: 0 auto 2rem;
}
.p-sidenavi__bennavi__banner img {
	width: 100%;
	height: auto;
}
.p-sidenavi__bennavi__green {
	color: #097b56;
	font-weight: 700;
}
.p-sidenavi__bennavi__red {
	color: #DC1F2E;
	font-weight: 700;
}
.p-sidenavi__bennavi__provider {
	margin: 0;
	font-size: .8rem;
}