html{
	font-size: 62.5%;
}

body{
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 1.6rem;
	position: relative;
	line-height: 1.5;
}

*{
	margin: 0;
	padding: 0;
}

a{
	color: #0052A6;
	transition: 0.2s;
}
a:hover{
	color: #003366;
}

h1, h2, h3, h4{
	font-family: 'Noto Serif JP', serif;
}

.sp{
	display: none;
}

.inner{
	margin: 0 auto;
	width: 1140px;
	position: relative;
}
section .inner{
	padding: 100px 0;
}

section p{
	line-height: 1.75;
}

.sub_title{
	margin-bottom: 60px;
	font-size: 3.6rem;
	text-align: center;
	line-height: 1.5;
}

.sub_title_2{
	margin: -40px 0 60px;
	padding-top: 40px;
	background: url(img/logomark.svg) no-repeat center top;
	color: #177D65;
	font-size: 4rem;
	letter-spacing: 0.1em;
	text-align: center;
}
.sub_title_2 .lf_name{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.4em;
	color: #4C4C4C;
	font-size: 2.4rem;
	letter-spacing: 0;
}
.sub_title_2 .lf_name::before,
.sub_title_2 .lf_name::after{
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background: #4C4C4C;
}
.sub_title_2 .lf_name::before{
	margin-right: 20px;
}
.sub_title_2 .lf_name::after{
	margin-left: 20px;
}

.lead_txt{
	font-size: 2rem;
	text-align: center;
}

.align_c{
	text-align: center;
}

.block_c{
	display: flex;
	justify-content: center;
}

/* ヘッダー */
#header{
	width: 100%;
	position: absolute;
	z-index: 9999;
}
#header .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}

#site_title{
	font-size: 16px!important;
}

#hd_contact{
	display: flex;
	align-items: center;
	list-style: none;
	font-family: 'Noto Serif JP', serif;
}
#hd_contact li{
	margin-left: 20px;
}

#hd_tel{
	font-family: '游明朝', 'Noto Serif JP', serif;
	font-size: 3.6rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 1;
}
#hd_tel::before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 26px;
	height: 36px;
	background: url(img/ico_phone.svg) no-repeat left center;
	background-size: contain;
}

#hd_tel_time{
	text-align: center;
}

#hd_mail{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 360px;
	height: 60px;
	background: #F2AA00;
	border-radius: 30px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-size: 1.8rem;
	text-decoration: none;
}
#hd_mail::before{
	content: "";
	display: inline-block;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	background: url(img/ico_mail.svg) no-repeat left center;
	background-size: contain;
}
#hd_mail:hover{
	background-color: #EF8203;
}

/* メインビジュアル */
#main_visual{
	box-sizing: border-box;
	padding: 110px 0 20px;
	min-height: 520px;
	background: url(img/main_vs_bg.jpg) no-repeat center / cover;
	position: relative;
	overflow-x: hidden;
}
#main_visual::before{
	content: "";
	width: 660px;
	height: 100%;
	background: url(img/lawyer2.png) no-repeat center bottom / 60% auto;
	position: absolute;
	left: 50%;
	bottom: 0;
}
#main_visual .inner{
	padding: 0;
	width: 1260px;
	height: 100%;
	position: relative;
	z-index: 1;
}

#main_copy{
	display: table;
	margin-left: 20px;
	padding: 6px 0;
	border: 2px solid #21A685;
	border-width: 3px 0;
	font-size: 5rem;
	text-shadow: 0 0 10px #FAFAFA, 0 0 8px #FAFAFA, 0 0 8px #FAFAFA, 0 0 4px #FAFAFA;
}
#main_copy em{
	color: #B3003C;
	font-size: 1.25em;
	font-style: normal;
	text-shadow: none;
	position: relative;
	z-index: 1;
}
#main_copy em::before{
	content: "";
	width: 100%;
	height: 0.5em;
	background: #FFF700;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

#main_copy_s{
	margin: 20px 0 0 20px;
	font-size: 2.8rem;
	letter-spacing: -0.03em;
}

#sub_copy{
	padding: 12px 0;
	background: #21A685;
	color: #FFF;
	font-size: 3.2rem;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	text-align: center;
	line-height: 1.5;
}

.mv_point{
	padding: 20px;
	background: url(img/mv_point_bg.jpg) no-repeat center / cover;
}
.mv_point ul{
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.mv_point li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 160px;
	background: #009900;
	background: linear-gradient(to right, #009900, #77B300);
	color: #FFF;
	line-height: 1.4;
	position: relative;
	z-index: 0;
}
.mv_point li::before{
	content: "";
	box-sizing: border-box;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	border: 1px solid #FFF;
	opacity: 0.7;
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: -1;
}
.mv_point li em{
	color: #FFF700;
	font-style: normal;
}
.mv_point li .txt_big{
	font-size: 1.5em;
}
.mv_point .mv_point_mail{
	background: #B55F03;
	font-size: 3.2rem;
	line-height: 1.25;
}

#sub_copy_2{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px auto 0;
	box-sizing: border-box;
	height: 80px;
	border: 4px solid #21A685;
	border-radius: 40px;
	background: #FFF;
	font-size: 3.2rem;
}
#sub_copy_2 em{
	color: #21A685;
	font-size: 1.25em;
}

/* お悩み */
#trouble{
	background: #F2F2F2;
	position: relative;
	overflow-x: hidden;
}
#trouble::before{
	content: "";
	width: 500px;
	height: 100%;
	background: url(img/trouble.jpg) no-repeat center bottom;
	background-size: 100% auto;
	position: absolute;
	right: calc(50% - 600px);
	bottom: 0;
}
#trouble > *{
	position: relative;
}
#trouble .inner{
	padding-top: 40px;
}

#trouble_ttl{
	margin-bottom: 0;
	padding: 24px;
	background: #4D4D4D;
	color: #FFF;
}

#trouble_item{
	box-sizing: border-box;
	padding: 40px;
	margin-left: 90px;
	width: 600px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
#trouble_item ul{
	list-style: none;
	margin-top: -20px;
}
#trouble_item li{
	margin: 20px 0 0 34px;
}
#trouble_item li::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: -34px;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	background: #4D4D4D url(img/ico_check.svg) no-repeat center center;
}

/* 共感 */
#sympathy{
	background: #21A685 url(img/sympathy_bg.jpg) no-repeat center / cover;
	color: #FFF;
}
#sympathy .lead_txt{
	font-weight: bold;
}

.sympathy_txt{
	margin: 60px auto 0;
	width: 660px;
}
.sympathy_txt p:not(:first-of-type){
	margin-top: 1em;
}

/* 問題提起 */
#pose_problem{
	background: url(img/pose_problem_bg.jpg) no-repeat center / cover;
}
#pose_problem .pp_txt{
	margin: 0 auto;
	max-width: 900px;
	padding: 40px;
	background: rgba(255, 255, 255, 0.6);
}
#pose_problem .pp_txt p:not(:first-of-type){
	margin-top: 1em;
}

/* 解決方法案内 */
#promise{
	background: #E8FAF6 url(img/promise_bg.jpg) no-repeat center top / 100% auto;
}
#promise .sub_title em{
	color: #EF8203;
	font-size: 1.25em;
	font-style: normal;
}

.promise_list{
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 60px auto 0;
	padding: 40px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.promise_list ul{
	list-style: none;
	width: calc((100% - 40px) / 2);
	font-size: 1.8rem;
	counter-reset: number 0;
}
.promise_list li{
	margin-top: 20px;
	padding-left: 20px;
	position: relative;
}
.promise_list li:first-of-type{
	margin-top: 0;
}
.promise_list li::before{
	content: "";
	width: 12px;
	height: 12px;
	background: #21A685;
	position: absolute;
	top: 6px;
	left: 0;
}

/* お問い合わせバナー */
.contact_banner{
	padding: 60px 0;
	background: url(img/contact_bnr_bg.jpg) no-repeat center top / cover;
}
.contact_banner .inner{
	box-sizing: border-box;
	padding: 40px 0;
	min-height: 300px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.contact_banner .inner::before{
	content: "";
	width: 360px;
	height: 340px;
	background: url(img/guide.png) no-repeat center top;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: 0;
}
.contact_banner h2{
	padding: 10px 240px 10px 0;
	background: #21A685;
	color: #FFF;
	font-size: 4rem;
	letter-spacing: 0.1em;
	text-align: center;
}

.contact_item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 40px 40px 0;
	width: 860px;
	font-family: 'Noto Serif JP', serif;
	position: relative;
}
.contact_item a{
	color: inherit;
	text-decoration: none;
}
.contact_item .bnr_tel_num{
	font-family: '游明朝', 'Noto Serif JP', serif;
	font-size: 4.8rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 1;
}
.contact_item .bnr_tel_num::before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 38px;
	height: 48px;
	background: url(img/ico_phone.svg) no-repeat left center;
	background-size: auto 40px;
}
.contact_item .bnr_tel_time{
	margin-top: 4px;
	font-size: 2rem;
	text-align: center;
}
.contact_item .bnr_mail{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 480px;
	height: 72px;
	background: #F2AA00;
	border-radius: 36px;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
	color: #FFF;
	font-size: 2.4rem;
	text-decoration: none;
}
.contact_item .bnr_mail::before{
	content: "";
	display: inline-block;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: url(img/ico_mail.svg) no-repeat left center;
	background-size: contain;
}
.contact_item .bnr_mail:hover{
	background-color: #EF8203;
}

/* 選ばれる理由 */
#reason{
	background: url(img/reason_bg.jpg) no-repeat center top / 100% auto;
}

.reason_container{
	display: flex;
	justify-content: space-between;
}
.reason_container .reason_txt{
	width: 620px;
}
.reason_container .reason_txt .lead_txt{
	margin-bottom: 1.5em;
	text-align: left;
}
.reason_container .reason_img{
	width: 480px;
}
.reason_container .reason_img img{
	width: 100%;height:auto;
}

/* 解決事例 */
#case{
	background: #F9F9F9;
}
.case_list{
	list-style: none;
}
.case_list li{
	margin-top: 30px;
	border: 3px solid #21A685;
	background: #FFF;
	line-height: 1.5;
}
.case_list li h3{
	padding: 15px 20px;
	font-size: 2.4rem;
	line-height: 1.25;
}

.case_content{
	border-top: 1px solid #21A685;
	padding: 30px 20px 20px;
}
.case_content .case_compensation{
	margin: 0 auto 30px;
	width: 460px;
}
.case_content .case_compensation img{
	vertical-align: middle;
	width: 100%;
	height:auto;
}
.case_content .case_item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.case_content .case_item dl{
	display: flex;
	margin-top: 2px;
	width: calc((100% - 30px) / 2);
}
.case_content .case_item dt, .case_content .case_item dd{
	padding: 0.5em;
	box-sizing: border-box;
}
.case_content .case_item dt{
	flex-shrink: 0;
	width: 40%;
	background: #DFF7F6;
	color: #177D65;
	font-weight: bold;
	text-align: center;
}
.case_content .case_item dd{
	width: 60%;
	background: #F2F2F2;
}
.case_content .case_detail{
	margin-top: 20px;
}
.case_content .case_detail h4{
	margin-bottom: 0.5em;
	padding: 0.5em;
	padding-right: 36px;
	background: #21A685;
	color: #FFF;
	font-family: inherit;
	font-size: 1.25em;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.case_content .case_detail h4::after{
	content: '＋';
	font-size: 32px;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.case_content .case_detail h4.active::after{
	content: '－';
}

/* お客様の声 */
.voice_list{
	list-style: none;
	counter-reset: number 0;
}
.voice_list.voice_secondary{
	counter-reset: number 5;
}
.voice_list li{
	margin-top: 30px;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #21A685;
	background: #FFF;
	
}
.voice_list h3{
	margin-bottom: 20px;
	padding: 0.3em 20px;
	background: #21A685;
	color: #FFF;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
}
.voice_list h3::after{
	counter-increment: number 1;
	content: " #"counter(number);
}
.voice_list p{
	line-height: 1.5;
}

.voice_content_flex{
	display: flex;
	justify-content: space-between;
}
.voice_content_flex .flex_child{
	padding: 15px 20px;
	box-sizing: border-box;
	width: calc((100% - 20px) / 2);
	background: #F2F2F2;
}
.voice_content_flex .flex_child:nth-of-type(even){
	background: #DFF7F6;
}
.voice_content_flex .flex_child h4{
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
	border-bottom: 2px solid #21A685;
	font-size: 2rem;
}

#btn_voice_more{
	display: block;
	margin: 30px auto 0;
	padding: 0.7em;
	box-sizing: border-box;
	width: 500px;
	border-radius: 6px;
	background: #666;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#btn_voice_more:hover{
	opacity: 0.7;
}

/* 事務所概要 */
#office{
	background: #F7F7F7;
}

.office_tbl{
	border-collapse: collapse;
	margin: 0 auto;
	width: 800px;
	border-top: 1px solid #CCC;
}
.office_tbl th, .office_tbl td{
	padding: 12px 20px;
	border-bottom: 1px solid #CCC;
}
.office_tbl th{
	width: 120px;
	color: #177D65;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}
.office_tbl .map_link{
	display: inline-block;
	margin: -6px 0 -6px 1em;
	padding: 6px 10px;
	border-radius: 4px;
	background: #19856B;
	color: #FFF;
	text-decoration: none;
}
.office_tbl .map_link:hover{
	background: #26BF99;
}
.office_tbl .map_link::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 12px;
	height: 16px;
	background: url(img/location.svg) no-repeat left center;
	background-size: contain;
}

.gmap{
	margin: 40px auto 0;
	width: 960px;
}
.gmap iframe{
	width: 100%;
	height: 480px;
}

.ofc_access{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	text-align: center;
}
.ofc_access dl{
	width: calc((100% - 40px) / 2);
}
.ofc_access dt{
	padding: 0.5em;
	background: #19856C;
	color: #FFF;
	font-weight: bold;
}
.ofc_access dd{
	margin-top: 20px;
}
.ofc_access dd.access_note{
	font-weight: bold;
}

/* サポートの流れ */
.support_title{
	margin: 50px 0 30px;
	padding: 0.3em;
	background: #21A685;
	color: #FFF;
	font-size: 2.8rem;
	text-align: center;
}
.support_title:first-of-type{
	margin-top: 0;
}

.support_title_2{
	margin: 40px auto 20px;
	padding-bottom: 0.2em;
	max-width: 960px;
	border-bottom: 2px solid #21A685;
	font-size: 2.4rem;
}
.support_title_2:first-of-type{
	margin-top: 0;
}

.support_flow{
	list-style: none;
	margin: 0 auto;
	width: 960px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.support_flow > li{
	padding: 20px 0 40px;
	position: relative;
}
.support_flow > li:nth-of-type(even){
	background: #F2F2F2;
}
.support_flow > li:nth-of-type(even)::before{
	content: "";
	display: block;
	margin: 0 auto;
	width: 0;
	border-top: 30px solid #FFF;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	position: absolute;
	top: 0;
	left: calc(50% - 45px);
}
.support_flow > li:nth-of-type(odd)::before{
	content: "";
	display: block;
	margin: 0 auto;
	width: 0;
	border-top: 30px solid #F2F2F2;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	position: absolute;
	top: 0;
	left: calc(50% - 45px);
}
.support_flow > li:first-of-type::before{
	content: none;
}
.support_flow h3{
	display: flex;
	align-items: center;
	color: #167960;
	font-size: 3.2rem;
}
.support_flow h3 .tel_num{
	color: #333333;
	font-size: 1.25em;
	font-style: normal;
}
.support_flow h3 .flow_num{
	margin-right: 20px;
	padding: 6px;
	box-sizing: border-box;
	min-width: 180px;
	background: #167960;
	color: #FFF;
	font-family: '游明朝', 'Noto Serif JP', serif;
	font-size: 2.4rem;
	font-style: italic;
	line-height: 1;
	text-align: center;
}
.support_flow h3 .flow_num em{
	font-size: 4.8rem;
}
.support_flow p{
	margin: 20px 40px 0;
}

.support_case{
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 20px 20px 0;
}
.support_case li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
	box-sizing: border-box;
	width: calc((100% - 30px) / 2);
	border: 1px solid #21A685;
	background: #FFF;
	position: relative;
}
.support_case li:last-of-type::before{
	content: "または";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background: #666;
	border-radius: 30px;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: -45px;
	transform: translateY(-50%);
}
.support_case li h3{
	font-size: 2.8rem;
}
.support_case li p{
	margin: 0.5em 0 0;
}

/* よくあるご質問 */
#faq{
	background: #F7F7F7;
}

.faq_list dl{
	margin-top: 40px;
	padding: 20px;
	vertical-align: middle;
	background: #FFF;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
	line-height: 1.6;
}
.faq_list dl:first-of-type{
	margin-top: 0;
}
.faq_list dt, .faq_list dd{
	display: flex;
	padding: 12px 0;
	position: relative;
}
.faq_list dt::before, .faq_list dd::before{
	content: "";
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	margin: -12px 12px -12px 0;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	color: #FFF;
	font-family: '游明朝', 'Noto Serif JP', serif;
	font-size: 2rem;
}
.faq_list dt::before{
	content: "Q";
	background: #21A685;
}
.faq_list dd::before{
	content: "A";
	background: #EF8203;
}
.faq_list dd{
	margin-top: 8px;
	padding: 20px;
	background: #F7F7F7;
}

/* 相談・問合せ */
#contact_form{
	margin: 1em auto 0;
	width: 840px;
}
#contact_form dl{
	display: flex;
	align-items: center;
	padding: 16px 10px;
	border-bottom: 1px solid #CCC;
}
#contact_form dl.item_vtop{
	align-items: flex-start;
}
#contact_form dl:first-of-type{
	border-top: 1px solid #CCC;
}
#contact_form dt, #contact_form dd{
	padding: 0 10px;
}
#contact_form dt{
	flex-shrink: 0;
	width: 200px;
}
#contact_form dl dd:last-of-type{
	flex-grow: 1;
}
#contact_form input[type="text"],
#contact_form select,
#contact_form textarea{
	box-sizing: border-box;
	padding: 6px;
	border: 1px solid #CCC;
	border-radius: 3px;
	width: 100%;
	font-size: inherit;
}
#contact_form select{
	width: auto;
}
#contact_form select[name="事故発生月"]{
	margin-left: 1em;
}
#contact_form input[type="checkbox"],
#contact_form input[type="radio"]{
	margin-right: 4px;
}
#contact_form label{
	display: inline-block;
	margin-right: 20px;
}
#contact_form .req_label,
#contact_form .opt_label{
	display: inline-block;
	padding: 4px 6px;
	border-radius: 3px;
	color: #FFF;
	font-size: 1.2rem;
	white-space: nowrap;
}
#contact_form .req_label{
	background: #CC0000;
}
#contact_form .opt_label{
	background: #737373;
}

.submit_btn{
	margin-top: 40px;
	text-align: center;
}
.submit_btn input[type="submit"]{
	padding: 20px;
	width: 240px;
	border: 0;
	border-radius: 6px;
	background: #19856C;
	color: #FFF;
	font-size: inherit;
	cursor: pointer;
}
.submit_btn input[type="submit"]:hover{
	background: #26BF99;
}
.submit_btn input[type="button"]{
	margin: 0 20px;
	padding: 20px;
	width: 180px;
	border: 0;
	border-radius: 6px;
	background: #666;
	color: #FFF;
	font-size: inherit;
	cursor: pointer;
}
.submit_btn input[type="button"]:hover{
	background: #999;
}

.err_item{
	display: table;
	margin: 1em auto 0;
	padding: 20px;
	border: 2px solid #CC0000;
	color: #CC0000;
}

.thanks .contact_tel{
	margin-top: 1em;
}
.thanks .contact_tel dt{
	font-size: 2.4rem;
	font-weight: bold;
}

.top_btn{
	margin-top: 1em;
}
.top_btn a{
	display: inline-block;
	padding: 0.7em 2em;
	border: 1px solid #CCC;
	border-radius: 6px;
	background: #E5E5E5;
	color: inherit;
	text-decoration: none;
}
.top_btn a:hover{
	background: #F0F0F0;
	border-color: #003366;
	color: #003366;
}

/* 追伸 */
#postscript{
	background: #EFFEFD;
}
#postscript .sub_title_2{
	background: transparent;
}

.ps_container{
	padding: 30px;
	background: #FFF;
	text-align: left;
	line-height:1.4;
	font-size:15px;
}
.ps_container p{
	margin-top: 1em;
	line-height: 2;
}
.ps_container p:first-child{
	margin-top: 0;
}

/* フッター */
#pagetop{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99999;
	transition: 0.2s;
}
#pagetop:hover{
	opacity: 0.8;
}
#pagetop img{
	width: 100%;
}

#footer{
	padding: 10px;
	background: #19856C;
	color: #FFF;
	font-size: 1.2rem;
	text-align: center;
}
@media screen and (max-width: 1139px){
#sidenavi{
display:none;
}
}


/*新規追加　弁護士紹介*/
.lawyer,
.company{
padding-top_:2%;
padding-bottom_:2%;
}
.h3{
font-size:18px;
margin-top:2%;
}
.h4{
font-size:18px;
margin-top: 2%;
margin-bottom: 2%;
}
.txt01{
font-size:16px;
line-height: 1.7em;
}
.imgs{
float:left;
width:40%;
height:300px;
background:url(https://www.oita-kotsujiko.com/wp-content/uploads/2019/04/kurahashi-200x300.jpg);
background-repeat:no-repeat!important;
}
.imgs img{
width:100%;
}
.imgs02{
float:left;
width:20%;
height:300px;
background:url(https://www.oita-kotsujiko.com/wp-content/uploads/2021/06/ono-2-202x300.jpg)!important;
background-repeat:no-repeat!important;
}
.imgs02 img{
width:100%;

}
.lawyersWrap* {
	box-sizing: border-box;
}
.lawyersWrap {
	background: #fff;
	padding: 20px;
	margin-bottom: 40px;
}
.lawyersWrap h3 {
	background: none !important;
	border-bottom: 3px solid #21A685;
	padding-bottom: 10px !important;
	margin-bottom: 15px !important;
	padding-left: 0 !important;
}
.lawyersWrap .list01 {
	list-style: none;
	font-size:16px;
	line-height: 1.7em;
	float:right;
width:58%;
}
.lawyersWrap .list01 li {
	padding-left: 1em;
	text-indent: -1em;
}
.lawyersWrap .list02 {
	list-style: none;
	font-size:16px;
	line-height: 1.7em;
	float:right;
width:78%;
}
.lawyersWrap .list02 li {
	padding-left: 1em;
	text-indent: -1em;
}
.lawyersname {
	background: #21A685;
	font-size: 24px;
	padding: 8px 20px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #fff;
}
.lawyersIn01 {
	display: flex;
	align-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.lawyersIn02 {
	margin-bottom: 20px;
}
.lawyersIn01 .lwyBox {
	width: 48%;
	overflow: hidden; /*background: #fff; padding: 10px; border-radius: 10px;*/
}
.lawyersIn01 .lwyBox02 {
	width: 100%;
}
.lawyersIn01 .alignleft {
	margin-right: 30px;
}


@media only screen and (max-width: 768px) {
.lawyersIn01 .lwyBox {
	width: 100%;
}
.lawyersIn01 .list01 {
	width: 100%;
	display: block;
	clear: both;
}
.lawyersIn01 .list02 {
	width: 100%;
	display: block;
	clear: both;
}
.lawyersWrap h3 {
	font-size: 16px !important;
}
.imgs{
float:none!important;
width:80%!important;
margin-left: auto!important;
margin-right: auto!important;
margin-bottom: 2%;
}
.imgs02{
float:none!important;
width:80%!important;
margin-left: auto!important;
margin-right: auto!important;
margin-bottom: 2%;
}
}

.h_p_01{
  background: #333;
  color: #fff;
  font-size: 12px;
}

.h_p_01 span{
  box-sizing: border-box;
  padding-left: 10px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.riyn01{
  display: block;
  text-align: center;
  font-size: 13px;
}

.riyn02{
  background:#333;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 11px;
  padding: 2px 0;
  width: 100%;
}


/* ------------------------------
  reason
------------------------------ */
.reason {
	margin-bottom: 105px;
}
.reason h2 {
	margin-bottom: 35px;
}
.reason_item {
	background-color: #eeeeee;
	display: flex;
	margin-bottom: 20px;
}
.reason_item .img_box {
	background-color: #ffffff;
	width: 270px;
}
.reason_item .img_box img {
	width: 250px;
	height: 170px;
	overflow: hidden;
	box-shadow: 3px 3px 0 #bebebe;
}
.reason_item .txt_box {
	width: 850px;
	padding: 17px 35px 15px 30px;
}
.reason_item .txt_box h3 {
	color: #294e96;
	font-size: 22px;
	letter-spacing: 2px;
	margin-bottom: 12px;
}
.reason_item .txt_box p {
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 0;
	margin-bottom: 30px;
}
.reason_item .txt_box p:last-of-type {
	margin-bottom: 0;
}
.reason_item .cubettl {
	display: inline-block;
	vertical-align: baseline;
	font-size: 20px;
	line-height: 1.5;
	color: #ffffff;
	background-color: #294e96;
	padding: 0 8px;
	margin-right: 8px;
	border-radius: 2px;
}
.reason_item:nth-of-type(n+2) {
	margin-bottom: 25px;
}
.reason_item:nth-of-type(6) {
	margin-bottom: 20px;
}
.reason_item:nth-of-type(n+3) .txt_box p:last-of-type {
	margin-bottom: 3px;
}
.reason_item:nth-of-type(n+10) .cubettl {
	padding: 0;
}
.reason_table {
	margin-top: 75px;
	margin-bottom: 100px;
}
.reason_table h3 {
	font-size: 44px;
	line-height: 2.1;
	letter-spacing: 2.5px;
	text-align: center;
	margin-bottom: 27px;
}
.reason_table table {
	width: 100%;
	table-layout: fixed;
	font-size: 18px;
	letter-spacing: -0.2px;
	margin-bottom:100px;
}
.reason_table table thead tr {
	background-color: #EF8203;
	color: #ffffff;
}
.reason_table table tbody tr {
	height: 3.45em;
}
.reason_table table tbody tr:last-of-type {
	height: 4.6em;
}
.reason_table table tbody tr:nth-of-type(even) {
	background-color: #e9edf4;
}
.reason_table table th {
	padding: 20px;
}
.reason_table table th.num {
	width: 108px;
	padding-left: 20px;
}
.reason_table table th.rate {
	width: 100px;
	padding-left: 36px;
}
.reason_table table th:nth-of-type(5).rate {
	padding-left: 20px;
}
.reason_table table th.compare {
	width: 160px;
}
.reason_table table th:nth-child(2) {
	padding-left: 5px;
}
.reason_table table tr td:first-child {
	text-align: center;
}
.reason_table table tbody tr td:last-child {
	padding: 0 40px 0 22px;
}
.reason_table table tr td:nth-child(3) {
	padding-left: 15px;
}
.reason_table table tr td:nth-child(3), .reason_table table tr td:nth-child(4), .reason_table table tr td:nth-child(5) {
	text-align: center;
}

#reason img{
  height: auto;
}

@media screen and (max-width: 768px) {
.reason {
 margin-bottom: calc(25/375 * 100vw);
}
.reason h2 {
 padding: 0 calc(17/375 * 100vw);
 margin-bottom: calc(18/375 * 100vw);
}
.reason_item {
	display: block;
 margin-bottom: calc(15/375 * 100vw);
}
.reason_item:nth-of-type(n+2) {
 margin-bottom: calc(15/375 * 100vw);
}
.reason_item .img_box {
	background-color: transparent;
	width: 100%;
 padding-top: calc(20/375 * 100vw);
}
.reason_item .img_box img {
 width: calc(250/750 * 100vw);
 height: calc(170/750 * 100vw);
	display: block;
	margin: 0 auto;
}
.reason_item .txt_box {
	width: 100%;
 padding: calc(15/375 * 100vw) calc(25/375 * 100vw) calc(16/375 * 100vw);
box-sizing: border-box;
}
.reason_item .txt_box h3 {
	color: #EF8203;
 font-size: calc(30/750 * 100vw);
 line-height: calc(44/750 * 100vw);
	display: flex;
	align-items: flex-start;
	letter-spacing: 0.4px;
 margin-bottom: calc(10/375 * 100vw);
}
.reason_item .txt_box p {
 font-size: calc(22/750 * 100vw);
 margin-bottom: calc(22/375 * 100vw);
 letter-spacing: calc(2.2/750 * 100vw);
	line-height: 1.75;
}
.reason_item .cubettl {
 font-size: calc(22/750 * 100vw);
	line-height: 1;
	color: #ffffff;
	background-color: #EF8203;
 padding: calc(3/375 * 100vw) calc(6/375 * 100vw) calc(4/375 * 100vw);
 margin: calc(2/375 * 100vw) calc(4/375 * 100vw) 0 0;
 border-radius: calc(2/375 * 100vw);
}
.reason_item:nth-of-type(n+10) .cubettl {
 padding: calc(2/375 * 100vw) calc(2/375 * 100vw) calc(4/375 * 100vw);
}
.reason + .cta {
 margin-bottom: calc(86/750 * 100vw);
}
.reason_table {
 margin-top: calc(80/750 * 100vw);
	letter-spacing: 0;
}
.reason_table h3 {
 font-size: calc(44/750 * 100vw);
	line-height: 2.1;
 letter-spacing: calc(2.4/750 * 100vw);
 margin-bottom: calc(30/750 * 100vw);
}
.reason_table .alert {
 font-size: calc(24/750 * 100vw);
	line-height: 2.5;
	font-weight: bold;
}
.reason_table .table_wrapper {
	overflow-x: scroll;
}
.reason_table table {
 font-size: calc(24/750 * 100vw);
	line-height: 1.5;/*
    width: calc(1222/750 * 100vw);
*/
	margin-bottom: 60px;
}

.reason_table table tbody tr {
	height: 3em;
}
.reason_table table tbody tr:last-of-type {
	height: 6em;
}
.reason_table table th {
 padding: calc(20/750 * 100vw) calc(5/750 * 100vw);
}
.reason_table table td {
 padding: calc(5/750 * 100vw);
}
.reason_table table th.num {
 width: calc(50/750 * 100vw);
 padding-left: calc(10/750 * 100vw);
}
.reason_table table th.rate {
 width: calc(64/750 * 100vw);
 padding-left: calc(10/750 * 100vw);
}
.reason_table table th:nth-of-type(5).rate {
 padding-left: calc(10/750 * 100vw);
}
.reason_table table th.compare {
 width: calc(185/750 * 100vw);
}
.reason_table table tr td:first-child {
 padding-left: calc(15/750 * 100vw);
}
.reason_table table tbody tr td {
 padding: calc(10/750 * 100vw);
}
.reason_table table tr td:nth-child(3) {
 padding-left: calc(10/750 * 100vw);
}
.reason_table table tbody tr td:last-child {
 padding: calc(10/750 * 100vw);
}
}

/* ===== STG final overrides 2026-10-03 ===== */

/* Popup common */
.popup {
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 99999 !important;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}

.popup.is-show {
	opacity: 1 !important;
	visibility: visible !important;
}

.popup-inner {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 80% !important;
	max-width: 600px !important;
	padding: 30px !important;
	background: #fff !important;
	z-index: 2 !important;
	box-sizing: border-box !important;
}

.popup-inner form {
	display: flex !important;
	flex-wrap: wrap !important;
}

.popup-inner form input[type="email"] {
	margin: 5px 10px 0 0 !important;
	width: 250px !important;
	padding: 5px 0 !important;
}

#js-cl-ctn {
	cursor: pointer !important;
	background: #21a685 !important;
	color: #fff !important;
	border: none !important;
	padding: 3px 10px !important;
	margin: 5px 0 0 !important;
}

.black-background {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0,0,0,.8) !important;
	z-index: 1 !important;
	cursor: pointer !important;
}

/* PC header / MV */
@media screen and (min-width: 769px) {
	#header .inner {
		width: 94% !important;
		max-width: 1260px !important;
		margin: 0 auto !important;
		padding: 10px 0 !important;
		box-sizing: border-box !important;
	}

	#site_title {
		font-size: 24px !important;
		white-space: nowrap !important;
		flex-shrink: 0 !important;
	}

	#hd_contact {
		flex-shrink: 0 !important;
		white-space: nowrap !important;
	}

	#hd_contact li {
		flex-shrink: 0 !important;
	}

	#hd_tel,
	#hd_tel_time {
		white-space: nowrap !important;
	}

	#hd_contact li:last-child {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	#hd_mail {
		width: 360px !important;
		white-space: nowrap !important;
	}

	#hd_contact li:last-child > span {
		font-size: 12px !important;
		line-height: 1.3 !important;
		white-space: nowrap !important;
	}

	#js-show-popup {
		display: inline-block !important;
		width: auto !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 10px auto 0 !important;
		padding: 6px 18px !important;
		background: #21a685 !important;
		border-radius: 20px !important;
		color: #fff !important;
		font-size: 14px !important;
		font-weight: normal !important;
		line-height: 1.2 !important;
		text-align: center !important;
		white-space: nowrap !important;
		position: static !important;
		transform: none !important;
		cursor: pointer !important;
	}

	#main_visual {
		overflow: hidden !important;
		position: relative !important;
	}

	#main_visual::before {
		bottom: 0 !important;
		background-position: center bottom !important;
	}
}

/* SP */
@media screen and (max-width: 768px) {
	#js-show-popup {
		display: inline-block !important;
		width: auto !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 8px auto 0 !important;
		padding: 5px 16px !important;
		background: #21a685 !important;
		border-radius: 20px !important;
		color: #fff !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		position: static !important;
		transform: none !important;
	}

	.popup-inner {
		width: calc(100% - 40px) !important;
		padding: 20px !important;
	}

	.popup-inner form input[type="email"] {
		width: 100% !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
}