/* 
共通
----------------------------------------------------------- */
/* 
個人のお客様 individual
----------------------------------------------------------- */
.individual .sub_top_fv {
	background-image: url(./library/images/sub_TOP_fv_01.jpg);
}
.individual .common_sec {
	position: relative;
}
.sub_top_main .cont01 .inner01 .txt_area {
	padding: 3rem 10% !important;
}
.individual .common_sec .layout01::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 63%;
	height: 70vh;
	top: 0%;
	/* left: 0; */
	transform: translate(42%, 0%);
	background-image: url(./library/images/deco_11.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center right;
	opacity: 0.5;
}
.individual .common_sec .layout02::before {
	position: absolute;
	content: "";
	display: inline-block;
	width: 63%;
	height: 100vh;
	/* top: 0%; */
	left: 0;
	transform: translate(-22%, -26%);
	background-image: url(./library/images/deco_12.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
	opacity: 0.5;
}
.individual .common_sec .deco01::before {
	position: absolute;
	content: "";
	display: inline-block;
	width: 63%;
	height: 100vh;
	right: 0;
	transform: translate(38%, -25%);
	background-image: url(./library/images/deco_10.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
	opacity: 0.5;
}
.individual .common_sec .last::before {
	display: none;
}
/* 
TOP法人のお客様
----------------------------------------------------------- */


.corporation .scrolldown2 span {
	color: #000;
}
.corporation .scrolldown2:after {
	background: #000;
}
.corporation .scrolldown2:before {
	background: #000;
	animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
.corporation {
	position: relative;
}
.corporation .common_sec {
	overflow: hidden;
	position: relative;
}
.corporation .common_sec .layout01::before {
	position: absolute;
	content: "";
	display: inline-block;
	width: 63%;
	height: 100vh;
	right: 0;
	transform: translate(38%, -50%);
	background-image: url(./library/images/deco_12.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
	opacity: 0.5;
}
.corporation .common_sec .layout02::before {
	position: absolute;
	content: "";
	display: inline-block;
	width: 70%;
	height: 120vh;
	/* top: 0%; */
	left: 0;
	transform: translate(-22%, -26%);
	background-image: url(./library/images/deco_9.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
	opacity: 0.5;
}
.corporation .common_sec .last::before {
	display: none;
}
/* 
事務所
----------------------------------------------------------- */
.introduction .sub_top_fv {
	background-image: url(./library/images/introduction_top.jpg) !important;
}
.introduction .layout01, .introduction .layout02 {
	position: relative;
	width: 100%;
}
.introduction .layout02 .empty::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 63%;
	height: 70vh;
	top: 0%;
	left: 0;
	transform: translate(-40%, -18%);
	background-image: url(./library/images/deco_02.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center right;
}
.introduction .layout01 .empty::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 100%;
	height: 100vh;
	top: 0%;
	left: 0;
	transform: translate(50%, -25%);
	background-image: url(./library/images/deco_03.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction .intr_sec04 .empty::after {
	transform: translate(-48%, -19%);
	background-image: url(./library/images/deco_07.png) !important;
}
.introduction .intr_sec05 .empty::after {
	background-image: url(./library/images/deco_06.png) !important;
	transform: translate(78%, -34%);
	height: 58vh;
}
.lawyer_sec {
	position: relative;
}
.introduction .intr_sec06::before {
	position: absolute;
	content: "";
	display: inline-block;
	width: 100%;
	height: 72vh;
	top: 20%;
	left: 0;
	transform: translate(13%, -18%);
	background-image: url(./library/images/deco_04.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction .intr_sec06::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 100%;
	height: 65vh;
	top: 20%;
	left: 0;
	transform: translate(70%, 0%);
	background-image: url(./library/images/deco_02.png) !important;
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction .intr_sec07 .empty::after {
	background-image: url(./library/images/deco_05.png) !important;
	transform: translate(78%, -34%);
	height: 39vh;
}
.introduction .intr_sec08 .empty {
	background-image: url(./library/images/deco_08.png) !important;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.introduction .intr_sec08 .empty::after {
	display: none;
}
.introduction .intr_sec08 dl {
}
.introduction .intr_sec08 dl dt {
	font-size: 1.5rem;
	letter-spacing: 0.24em;
	margin-bottom: 1rem;
	color: #561400;
	line-height: 1.5;
	font-weight: 600;
}
.introduction .intr_sec08 dl dd {
	font-size: 1.2rem;
}
.introduction .intr_sec09 .empty::after {
	background-image: url(./library/images/deco_01.png) !important;
	transform: translate(43%, 0%);
	height: 100vh;
}
.introduction .map .empty::after {
	display: none !important;
}
.introduction .map .cont, .introduction .map .empty {
	width: 50%;
}
.map_sec .map {
	padding: 0rem !important;
	margin: 0 0 3rem 0 !important;
}

/* 
慰謝料請求
----------------------------------------------------------- */

.divorce .sub_top_fv {
	background-image: url(./library/images/compensation_claim-sub-bg.jpg);
}
/*
タブ切替CSS
*/
.tab_sec {
	background-image: url(./library/images/common_bg.jpg);
	width: 100%;
	padding: 6rem 0% 12rem;
}
.tab-wrap {
	margin-bottom: 40px;
}
.tab-group {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-end;
}
.tab {
	flex-grow: 1;
	color: #561400;
	cursor: pointer;
	display: inline-block;
	font-size: 35px;
	font-weight: bold;
	padding: 4%;
	text-align: center;
	vertical-align: bottom;
	background-repeat: no-repeat;
}
.panel-group {
	min-height: 100px;
}
.panel {
	display: none;
}
.tab.is-active {
	color: #FFF;
	background-image: url(./library/images/sec_tab-bg.jpg);
}
.panel.is-show {
	display: block;
}
@media screen and (max-width:480px) {
.tab {
	padding: 10px 0 7px;
}
.tab.is-active {
	padding-bottom: 15px;
}
}
/*
タブ切替CSS
*/
/* 
債務整理
----------------------------------------------------------- */
.debt_consolidation .sub_top_fv {
	background-image: url(./library/images/debt_consolidation-sub-bg.jpg) !important;
}

/* 
M&A・事業継承
----------------------------------------------------------- */
.manda .sub_top_fv {
	background-image: url(./library/images/mand_sub-bg.jpg) !important;
}

#price .layout02 .cont{
	padding-left:5%;
}
#price .layout02 .empty {
	background-image: url(./library/images/price_bg.png) !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 8%;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 1.75rem;
	color: #000;
	    font-size: 1.25rem;
    line-height: 2;
    letter-spacing: 0.12em;
}
#price .layout02 {
	align-items: center;
	margin: 6rem 0 4rem;
}
#price .empty span {
	font-size: 1.75rem;
	    margin-bottom: 1.75rem;
    color: #561400;
}
#price .inner_box dl {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	flex-flow: flex-wrap;
	-webkit-flex-flow: flex-wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#price .inner_box dl {
	border-bottom: 1px solid #000;
}
#price .inner_box dl:nth-of-type(1){
	border-top: 1px solid #000;
}
#price .inner_box dl dt{
	width: 23%;
	color:#9A0302;
}
#price .inner_box dl dd:nth-of-type(1) {
	width:23%;
	padding: 10px;
	margin:1%;
    border-right: solid 1px #000;
}
#price .inner_box dl dd:nth-of-type(2) {
	width:48%;
	margin:1%;
	    padding: 10px;
}
#price .inner_box dl dt{
	padding: 10px;
	margin:1%;
    border-right: solid 1px #000;
}

/* 
事業再生　business_revitalization
----------------------------------------------------------- */

.business_revitalization .sub_top_fv {
	background-image: url(./library/images/business_revitalization-sub-bg.jpg) !important;
}
.business_revitalization #problem .center_h2::before {
	top: 50px;
}
.business_revitalization ul li {
	font-size: 1.5rem;
}
.business_revitalization #problem .layout03{
	max-width:740px;
	width:95%;
	margin:6rem auto;
}
.business_revitalization #problem .layout04{
	margin:6rem 0 0;
}
.business_revitalization #problem .layout04 h3,
.business_revitalization #hiyou .layout04 h3{
	text-align:center;
	margin-bottom:3rem;
	font-size:1.75rem;
}
/*.business_revitalization #problem .layout04 p{
	margin-bottom:1rem;
}*/
.business_revitalization #problem .layout04 ul{
	display:flex;
	    justify-content: space-evenly;
}
.business_revitalization #feature p{
	margin-bottom:2.5rem;
}
.business_revitalization #feature .layout03 {
	width: 100%;
	margin: 0;
	
}
.business_revitalization #feature dl, .business_revitalization #scheme dl {
	margin:0 0 3rem;
}
.business_revitalization #feature dl.last,
.business_revitalization #scheme dl.last{
	margin-bottom:0;
}
.business_revitalization #hiyou strong{
	text-align:center;
	margin-bottom:3rem;
	font-size:1.75rem;
}
.business_revitalization #hiyou h3{
	text-align:center;
	    font-size: 1.75rem;
}
.business_revitalization #hiyou p{
	text-align:center;
	font-size:1.25rem;
	letter-spacing:0.06em;
}
.business_revitalization #hiyou p a{
	color:#9A0302;
	border-bottom:solid 1px;
}
.business_revitalization #kangae h3{
	    font-size: 1.75rem;
			text-align:center;
			    margin-bottom: 3rem;
}
.business_revitalization #kangae p{
	margin-bottom:1.5rem;
}
.business_revitalization #kangae p:last-child{
	margin-bottom:0;
}
.business_revitalization #scheme .layout03{
	margin-top:0;
	margin-bottom:0;
}
.business_revitalization #feature dt, .business_revitalization #scheme dt {
	font-size:1.5rem;
	font-weight: bold;
	color: #561400;
}
.business_revitalization #feature dt span, .business_revitalization #schemedt dt span {
	padding: 0 1.5em 0 0;
	vertical-align: baseline;
}
.business_revitalization #feature dl dd, .business_revitalization #scheme dl dd {
	margin: 1.5rem 0 0;
}
.business_revitalization .common_sec:last-child{
	padding-bottom:12rem !important;
}
@media screen and (max-width:1024px) {

/* 
 事業再生
----------------------------------------------------------- */
.business_revitalization .common_sec:last-child{
	margin-bottom:9rem;
}
/* 
 慰謝料
----------------------------------------------------------- */
.tab_sec{
	padding-bottom:9rem;
}
/* 
 M&A・事業継承
----------------------------------------------------------- */
#price .layout02 .empty {
	width: 100%;
	padding: 17%;
}
#price > .layout h3 {
	justify-content: center;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#price .empty span {
	font-size: 1.5rem;
}
#price .inner_box dl {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	flex-flow: flex-wrap;
	-webkit-flex-flow: flex-wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#price .inner_box dl dt, #price .inner_box dl dd {
	width: 100%;
	text-align: center;
}
#price .inner_box dl dt {
	border-bottom: 1px solid #000;
	border-right:none;
	font-size: 1.2rem;
}
#price .inner_box dl dd:nth-of-type(1) {
	border-right: none;
	font-weight: bold;
	width:100%;
}
#price .inner_box dl dd:nth-of-type(2) {
	width:100%;
	margin-bottom:3rem;
}
}
@media screen and (max-width:800px) {
/* 
共通
----------------------------------------------------------- */
	.common_sec .whitebox > li h4 {
	font-size: 1.2rem !important;
}
/* 
個人のお客様
----------------------------------------------------------- */
		.individual .common_sec .layout01::after {
	width: 63%;
	height: 52vh;
	top: 0%;
	/* left: 0; */
       transform: translate(80%, 0%);
	opacity: 0.2;
}
/* 
企業法務
----------------------------------------------------------- */
	
.corporate_legal_affairs .sub_top_fv {
	background-position: center;
}
}
@media screen and (max-width:640px) {
/* 
個人のお客様
----------------------------------------------------------- */
	.individual .common_sec .layout01::after {
	background-position: center bottom;
	transform: translate(85%, 0%);
}
.individual .common_sec .layout02::before {
	transform: translate(-22%, 0%);
}
.individual .common_sec .deco01::before {
	transform: translate(38%, 0%);
	width: 100%;
	background-position: center bottom;
}
/* 
企業法務
----------------------------------------------------------- */
	.corporate_legal_affairs #feature .inner01::after {
	width: 100%;
	height: 100vh;
	top: 0%;
	/* left: 0; */
    transform: translate(18%, -20%);
	opacity: 0.3;
}
}