/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

body {
	font-family: "游明朝";
}
@media screen and (max-width:500px) {
body {

text-align: justify;
text-justify: inter-ideograph;
}
	
}

.content a::hover {
	text-decoration: underline;
}

.display_pc {
	display: block;
}

.display_sp {
	display: none;
}

#top_link {
    position: fixed;
    bottom: 15px;
    right: 20px;
    font-size: 77%;
    z-index: 998;
}

#top_link a {
    background: #001489;
    text-decoration: none;
    color: #fff;
    width: 70px;
    font-size: 25px;
    line-height: 1;
    padding: 22px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
}

@media screen and (max-width:768px) {
	#top_link {
		right: 10px;
		bottom: 95px;
	}

	#top_link a {
		width: 45px;
		line-height: 45px;
		padding: 0;
		font-size: 20px;
	}
}
/*-------------------------------/
/--- SP表示　　---------/
------------------------------*/

.sp_none{display:block;}
.sp_disp{display:none;}
@media screen and (max-width:500px) {
.sp_none{display:none;}
.sp_disp{display:block;}

}
/*-------------------------------/
/--- SP表示　　---------/
------------------------------*/
@media screen and (max-width:500px) {

.nowrap_sp{
	white-space:nowrap;
	
}
}

/*-------------------------------/
/--- パンくずリスト　　---------/
------------------------------*/
.breadcrumbs {
	padding: 10px 40px;
}

@media screen and (max-width:768px) {
.breadcrumbs {
	padding: 10px 13px;
}
	.breadcrumbs>span>a,.breadcrumbs>span{
		font-size:12px;
	}


}

/*-------------------------------/
/--- 下層MV　　-----------------/
------------------------------*/
.under_mv {
	height: 330px;
	background-size: cover;
	background-repeat: no-repeat;
}

.under_mv-h1 {
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	color: #fff;
	line-height: 330px;
}

.mv_img-filter {
	background-color: rgba(0,0,0,0.6);
    height: 330px;
}



/*-------------------------------/
/--- TOP　　--------------------/
------------------------------*/

/*----------TOP MV h1   -----*/

.top_page {
	position: relative;
}

.mv_text {
	font-family: "Nato sans jp";
	position: absolute;
    z-index: 2;
    top: -300px;
    right: 114px;
	overflow:hidden;
}



.mv_text-p {
    color: #fed400;
    font-size: 20px;
	font-weight: bold;
    display: flex;
    align-items: center;
	text-shadow:0 0 8px rgba(0,0,0,0.46);
    margin-bottom: 15px;
	position:relative;
}
.mv_text-p::after {
	display:block;
background: rgb(0,20,137);
background: linear-gradient(90deg, rgba(0,20,137,0) 0%, rgba(0,20,137,1) 10%, rgba(0,20,137,1) 87.9%, rgba(0,20,137,1) 88%, rgba(0,20,137,1) 100%);	width:150%;
	height:140%;
	position:absolute;
	z-index:2;
	padding:10px;
	content:"";
		top:0;
	left:0;
	transform:translateX(-30%);
            animation-name:hero_txt1;
             animation-duration:1.6s;
             animation-delay:0.2s;
             animation-timing-function:cubic-bezier(.165,.84,.44,1);
             animation-iteration-count:1;
             animation-direction:alternate;
             animation-fill-mode:forwards;

}

.mv_text-p::before {
    content: "";
    height: 1px;
    width: 92px;
    background-color: #fed400;
    margin-right: 10px;
}




.mv_text-h1 {
    font-size: 56px;
	text-shadow:0 0 8px rgba(0,0,0,0.66);
    color:#fff;
	position:relative;
}
.mv_text-h1::after {
	display:block;
background: rgb(0,20,137);
background: linear-gradient(90deg, rgba(0,20,137,0) 0%, rgba(0,20,137,1) 10%, rgba(0,20,137,1) 87.9%, rgba(0,20,137,1) 88%, rgba(0,20,137,1) 100%);	width:150%;
	width:150%;
	height:140%;
	position:absolute;
	z-index:2;
	padding:10px;
	content:"";
	top:0;
	left:0;
	transform:translateX(-30%);
            animation-name:hero_txt1;
             animation-duration:1.6s;
             animation-delay:0.30s;
             animation-timing-function:cubic-bezier(.165,.84,.44,1);
             animation-iteration-count:1;
             animation-direction:alternate;
             animation-fill-mode:forwards;
}

.mv_text-sub {
    font-size: 24px;
	font-weight: bold;
	text-shadow:0 0 8px rgba(0,0,0,0.46);
    color: #fff;
	position:relative;

}
.mv_text-sub::after {
	display:block;
background: rgb(0,20,137);
background: linear-gradient(90deg, rgba(0,20,137,0) 0%, rgba(0,20,137,1) 10%, rgba(0,20,137,1) 87.9%, rgba(0,20,137,1) 88%, rgba(0,20,137,1) 100%);	width:150%;
	width:150%;
	height:140%;
	position:absolute;
	z-index:2;
	padding:10px;
	content:"";
	top:0;
	left:0;
	transform:translateX(-30%);
            animation-name:hero_txt1;
             animation-duration:1.6s;
             animation-delay:0.48s;
             animation-timing-function:cubic-bezier(.165,.84,.44,1);
             animation-iteration-count:1;
             animation-direction:alternate;
             animation-fill-mode:forwards;
	
}

@keyframes hero_txt1 {
0% {
  transform: translateX(-30%);
}
100% {
  transform: translateX(100%);
}
}



@media screen and (min-width: 789px){
	.mv_text-p {
	}

	.mv_text-h1 {
	}

	.mv_text-sub {
	}	
}

@media screen and (max-width: 789px){
	.mv_text {
		top: -200px;
		left: 20px;
		right: 20px;
	}

	.mv_text-p {
		font-size: 2.8vw;
		margin-bottom: 5px;
	}
	
	.mv_text-p::before {
		width: 50px;
	}

	.mv_text-h1 {
		font-size: 6.0vw;
		margin-bottom: -5px;
	}

	.mv_text-sub {
		font-size: 2.6vw;
	}
}

@media screen and (max-width: 500px){
	.mv_text {
		top: -130px;
	}
	.mv_text-p {
		font-size: 3.4vw;
	}
	.mv_text-h1 {
		font-size: 8.0vw;
	}
	.mv_text-sub {
		font-size: 3.4vw;
	}


}	

article {
	box-shadow: 0 0 0;
}

#post-99 .border-right {
	border-right: 1px dotted #a4a4a4;
}

#post-99 .top_topic {
	padding-bottom: 0;
}

#post-99 .top_topic .dvaux_section_inner{
	padding-top: 70px;
}

	.icon_p img{
		margin-bottom:0;
	}


@media screen and (min-width: 600px){
	#post-99 .top_topic .wp-block-media-text__content{
		padding-left: 8% !important;
	}
}

@media screen and (max-width: 789px){
	#post-99 .top_topic .wp-block-column{
		flex-basis: 100%!important;
	}

}

#post-99 .news_wide {
	background-color: #f2f3f7;
}

#post-99 .news_wide .dvaux_section_inner {
	background-position: top !important;
}

#post-99 .news_wide .dvaux_section_inner .section_filter {
	background-color: transparent !important;
}

@media screen and (max-width: 789px){
	#post-99 .news_wide .dvaux_section_inner {
		background-image: url(https://wakailaw.com/test/wp-content/uploads/2021/07/sp_image02_02_02.png);
		background-color: transparent!important;
		padding-right: 0!important;
		padding-left: 0!important;
	}
}

#post-99 .news_wrap {
	padding: 5px;
    background-color: #fff;
    width: 100%;
	margin-top: 200px;
}

#post-99 .news_wrap .sc_frame {
	border: 1px solid;
}

#post-99 .genre_table table td {
	width:25%;
	padding: 50px 0 40px;
	border-width: 3px 3px 3px 3px;
}
#post-99 .content h2{
	padding-bottom: 0;
	padding-left:1em;
 	padding-right:1em;
    font-size: 2.05em; 	
	margin-bottom: 5px;
}

#post-99 .wp-block-video {
	width:590px;
}

.button.left {
	text-align:left;
}

#post-99 .dvaux_section_inner {
	background-size: cover;
}

.common_button {
	transition: 0.5s ;
}

.common_button a {
	background-color: transparent !important;
	border: 2px solid #001489 !important;
	color: #001489 !important;
	transition: 0.3s ;
}

.common_button:hover {
	background-color: #001489;
}

.common_button:hover a {
	color: #fff !important;
}

.common_button a.medium{
	padding: 1.2em 6.0em;
	position: relative;
}

.common_button a.medium img{
	    width: 20px;
    margin-bottom: 0;
    padding-left: 0%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.site_wrap .dvaux_section_inner {
	text-align: center;
}

#post-99 .topic_border {
	border-bottom: 1px solid #001489;
    padding-bottom: 0;
    margin-bottom: 1em;
}

#post-99 .line_button {
	padding: 0 75px;
	border: 1px solid #fff;
	border-radius: 5px;
	width: auto;
}

#post-99 .line_button a{
	position: relative;
}

#post-99 .line_button a img{
	margin-bottom: 0;
    padding-left: 0%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -58px;
}

	
#post-99 .access_h3 {
	padding-left: 0;
	border: transparent;
}

#post-99 .top_list  {
	font-family: "Nato sans jp";
}

.blog_list-item {
	margin-bottom: 0;
	list-style: none;
}

.blog_list-link {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
	align-items: baseline;
}

.blog_list-item div {
	font-size: 14px;
}

.blog_list-item .blog_item-date{
	white-space:nowrap;
}

.blog_list-item .blog_item-title {
	width: 700px;
}

.content .sc_heading .top_news-h3 {
	font-family: "Nato sans jp";
	padding-bottom: 0;
	margin-bottom: 0;
}

#post-99 .content .sc_heading, .top_news-p {
	font-family: "Nato sans jp";
	font-weight: bold;
	padding-bottom: 0 !important;;
	padding-bottom: 0 ;
	margin-top: 10px;
}

@media screen and (max-width: 789px){
	
	.blog_list-item .blog_list-link {
		align-items: flex-start;
	}
	
	.blog_list-item .blog_item-category {
		padding: 0;
		margin: 0;
		width: 30%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-right: 15px;
		font-size: 13px;
	}
	
	.blog_list-item .blog_box {
		width: 75%;
	}
	
	
}

@media screen and (max-width: 789px){

	#post-99 .category_wrap .wp-block-column {
		flex-basis: 100%!important;
	}
	
	.blog_list-item .blog_item-title {
		width: 100%;
	}
	
	#post-99 .news_wide .dvaux_section_inner {
		background-size: contain;
		height: auto;
	}
	
	#post-99 .news_wrap {
		margin-top: 65px;
	}
	
	#post-99 .line_wide .dvaux_section_inner {
		background-image: url(https://wakailaw.com/test/wp-content/uploads/2021/08/sp_line_banner_03.png)!important;
		height: 450px;
	}
	
	#post-99 .line_wide {
		text-align: center;
	}
	
	#post-99 .line_wide p {
/*		text-align: center;*/
	}
	#post-99 .line_wide  {
		text-align: center;
	}

}



/*-------------------------------/
/--- 共通テーブルデザイン　　---/
------------------------------*/
	
.office_table table {
	border: transparent;
}
	

 .office_table table td{
	border: transparent;
	border: 1px solid #ccc;
	padding: 13px 18px;
}
 .office_table table tr td:first-child{
	 background:#FCFCFC;
}
	

@media screen and (min-width: 789px){
 .office_table table tr td:first-child{
	 width:27%;
}
	 .office_table table td:last-child{
		width: 73%;
	}
	
}

	
/*-------------------------------/
/------------ SP --------------/
------------------------------*/

	
@media screen and (max-width: 789px){
	.display_pc {
		display: none;
	}
	
	.display_sp {
		display: block;
	}
	
	/*----------------- 見出し -----------------*/
	#post-99 .sp_h2-title{
		font-size: 5vw;
		text-align: center;
	}
	
	#post-99 .category_sub-text {
		text-align: center;
	}
	
		.sp_overviewtit{
			font-size: 1em!important;
		}

	
	
	/*----------------- /見出し -----------------*/
	
	/*----------------- about -----------------*/
	#post-99 .sp_about-wrap {
		margin-bottom: 0;
		flex-basis: 100%!important;
	}
	
	#post-99 .sp_about-wrap .wp-block-columns {
		margin-bottom: 0;
	}
	
	#post-99 .sp_about-column {
		margin-bottom: 0;
		flex-basis: 100%!important;
	}
	
	#post-99 .content h2 {
		padding: 0;
	}
	
	#post-99 .border_bottom {
		border-bottom: 1px dotted #a4a4a4;
		margin-bottom: 0;
	}
	/*----------------- /about -----------------*/
	
	#post-99 .category_text-p {
		padding-bottom: 0;
	}
	
	#post-99 .genre_table table tr {
		display: flex;
		flex-wrap: wrap;
	}
	
	#post-99 .genre_table table td {
		display: block;
		width: 50%;
		font-size: 12px;
	}
	
	#post-99 .topic_container .wp-block-media-text__content {
		padding-left: 0;
		padding-top: 10px;
	}
	
	#post-99 .wp-block-video {
		width: 90%;
	}
	
	/*-------------------------------/
	/--- 共通テーブルデザイン　　---/
	------------------------------*/
	.office_table table td{
		display: block;
		    border: transparent;
	}
	
	.office_table table td:first-child{
/*		border: transparent;
		padding-bottom: 0;*/
	}
	
	.office_table table td:first-child{
		border: transparent;
	}
	
	/*-------------------------------/
	/--- 代表挨拶-------------------/
	------------------------------*/
	#post-139 .greeting_text {
		text-align: right;
	}
}

@media screen and (min-width: 789px){
	
	.button_inline{
		display: inline-block;
	}
	
	#post-99 .content .h2_under-text{
		padding-bottom:56px;
	}	
	
	#post-99 .category_wrap {
		min-height: 390px;
		background-color: #f2f3f7;
	}

	#post-99 .category_img {
/*		position: absolute;
		left: 0;
		top: -130px;
		width:660px;
		*/
		max-width:100%;
		order:1;
	}
	
	#post-99 .category_img img {
		width: auto;
		/*
		height: 440px;
		*/
		    transform: translateY(-9%);
	}

	#post-99 .category_text {
/*		position: absolute;
		left: 679px;
		top: -33px;
		*/
			order:2;
		padding-left: 40px;
    transform: translateY(-33px);
}

	#post-99 .category_text .category_text-p {
		padding: 0;
	}

}

@media screen and (min-width: 1400px){
	
	#post-99 .category_wrap {
		min-height: 390px;
		background-color: #f2f3f7;
	}

	#post-99 .category_img {
		width:660px;
margin-left: auto;	}


}

@media screen and (max-width: 788px){
	
}

/*-------------------------------/
/--- 解決事例-------------------/
------------------------------*/
#news {
	margin: 0 auto;
}

#news .news_wrap {
	justify-content: start;
}
.blog_list-item .blog_item-category_box {
	width: 100px;
    margin: 0 20px;
}


.blog_list-item .blog_item-category {
	color: #fff;
	width: 100px;
	text-align: center;
	margin-bottom:10px;
}
.blog_list-item .blog_item-category:last-child {
	margin-bottom:0;
}


.category_color-blue {
	background-color: #2b71b9;
}

.category_color-yellow {
	background-color: #dc8810;
}

.category_color-red {
	background-color: #e10524;
}
.category_color-green {
	background-color: #208920;
}
.category_color-black {
	background-color: #000;
}

/*解決事例カテゴリ色*/
.category_color-gender {
	/*男女問題	*/
	background-color: #2b71b9;
}
.category_color-divorce {
	/*離婚・男女トラブル	*/
	background-color: #2b71b9;
}

.category_color-injustice-request{
	/*不当要求	*/
	background-color: #e10524;
}
.category_color-customs {
	/*出会い・風俗	*/
	background-color: #0E3E6E;
}
.category_color-affair {
	/*不倫・浮気	*/
	background-color: #BA453D;
}
.category_color-fear {
	/*恐喝	*/
	background-color: #31D631;
}
.category_color-debt-consolidation{
	/*債務整理	*/
	background-color: #ED7837;
}
.category_color-debt-collection {
	/*債権回収	*/
	background-color: #ED7837;
}

.category_color-net {
	/*ネット	*/
	background-color: #DEC928;
}
.category_color-crime-victim{
	/*犯罪被害	*/
	background-color: #DEC928;
}
.category_color-xiangqi {
	/*相続	*/
	background-color: #F5C620;
}
.category_color-criminal-case{
	/*刑事事件	*/
	background-color: #208920;
}
.category_color-realestate {
	/*不動産	*/
	background-color: #787169;
}
.category_color-fraud {
	/*詐欺	*/
	background-color: #6997C6;
}

.category_color-other {
	/*その他	*/
	background-color: #AD24E0;
}



@media screen and (min-width: 1201px){
	#news {
		width: 1100px;
	}
} 


@media screen and (max-width: 789px){
	.blog_list-item .blog_item-category {
		margin-left: 0;
		max-width:100%;
	}
	.blog_list-item .blog_item-category_box {
	width: 90px;
		margin-left: 0;
}

	
} 


/*-------------------------------/
/--- 解決事例-------------------/
------------------------------*/
#examples {
	margin: 0 auto;
}

#examples .examples-img {
	margin: 0 10px;
    margin-bottom: 1em;
	flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

#examples .example_tit{
	font-weight:bold;
	font-size:1.1em;
	
}
#examples .example_excpert{
	font-size:0.9em;
	
}

#examples .examples-text {
	margin: 0 10px;
    margin-bottom: 1em;
	flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

@media screen and (min-width: 1201px){
	#examples {
		width: 1100px;
	}
}   

@media screen and (max-width: 1200px){
	#examples {
		width: 96%;
	}
	
	.sp_examples {
		align-items: unset;
		margin-bottom: 0;
	}
	
	#examples .examples-img {
		margin-right: 0;
		margin-left: 0;
		width: 50%;
		padding: 0 .5em;
	}
	
	#examples .examples-text {
		margin-right: 0;
		margin-left: 0;
		width: 50%;
		padding: 0 .5em;
	}
	
	#examples .sp_examples-h3 {
		margin: 0;
	}
}
@media screen and (max-width: 480px){
	#examples .examples-img {
		flex-basis:100%!important;
		width:100%;
	}
	#examples .examples-img img{
		width:100%;
	}
	.sp_examples{
		margin-bottom:45px;
	}

	
}
/*-------------------------------/
/------------ PCフッター -------/
------------------------------*/


#bigfooter a{
	font-size:12.5px;
}


/*-------------------------------/
/------------ SPフッター -------/
------------------------------*/



@media screen and (max-width: 789px){
	#spfooter {
		position: fixed;
		bottom: 0;
		z-index: 2;
	}
	
	#spfooter .footer_list{
		display: flex;
	}

	#spfooter .sp_footer {
		background-color: #282828;
	}
	
	#spfooter .sp_footer .sp_footer-logo {
		padding-top: 30px;
	}
	
	#spfooter .sp_footer .sp_footer-text a {
		color: #fff;
		text-decoration: underline;
	}
	
	#spfooter .sp_footer .sp_footer-copy {
		color: #fff;
	}
	
	#page-top {
		bottom: 220px;
	}
	
	#footer_under {
		padding-bottom: 120px;
		background-color: #282828;
		padding-top: 10px;
		color: #fff;
	}
	
	#footer_under a {
		color: #fff;
		text-decoration: underline;
	}
	
	#footer_under .sp_footer-logo {
		display: block;
	}
	#copyright{
		font-size:10px;
	}
	
}

@media screen and (max-width: 400px){
	#footer_under {
		padding-bottom: 70px;
	}
}

/*-------------------------------/
/--- メンバー紹介　　-----------/
------------------------------*/

.menber_toggle {
	background-color: #001489;
	margin-bottom: 35px;
}

.menber_toggle .sc_toggle_title {
	color: #fff;
	font-weight: bold;
}

.menber_toggle .sc_toggle_title::before {
	border-top: 10px solid #001489;
}

.menber_toggle .sc_toggle_content {
	background: #fff;
    border: 2px solid #001489;
}

/*-------------------------------/
/--- アクセス　　---------------/
------------------------------*/

.content .access_title {
	display: flex;
	align-items: center;
}
.content .access_title::before {
	content: '';
	background-image: url(img/access/logo.png);
	display: inline-block;/*忘れずに！*/
	width: 50px;/*画像の幅*/
	height: 50px;/*画像の高さ*/
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}

/*-------------------------------/
/--- 採用一覧　　---------------/
------------------------------*/

.request_title .sc_title a {
	display: flex;
	justify-content: space-between;
}

/*-------------------------------/
/--- ハンバーガーメニュー ------/
------------------------------*/
#block-4 {
	padding-bottom: 0;
}

#block-6 {
	padding-top: 0;
	font-size: 3vw;
}

#block-8 {
	padding-bottom: 0;
}

#block-9 {
	padding-top: 0;
}

.humberger_text {
	font-size: 4vw;
	font-weight: bold;
}



.humberger_list {
	margin-bottom: 0;
}

.humberger_list .wp-block-column {
	flex-basis: 50% !important;
	margin-bottom: 0;
}

.humberger_list .humberger_img {
	margin-bottom: 0;
}

.humberger_img-line{
	margin-bottom:-20px;
}

.humberger_list .humberger_img-contact {
	margin-right: 5px;
}

.humberger_list .humberger_img-tell {
	margin-left: 5px;
}

/*-------------------------------/
/-------- 採用 -----------------/
------------------------------*/
.career_button-wrap {
	justify-content: start !important;
}

.career_button-wrap .wp-block-column {
	display: inline-block;
	flex-basis: auto;
	flex-grow: 0;
}

.mt-0{
	margin-top:0;
}



/*-------------------------------/
/-ご相談の流れと費用について ---/
------------------------------*/
@media screen and (max-width: 789px){

	.attorneys-fee_wrap .attorneys-fee_text {
		order: 1;
	}

	.attorneys-fee_wrap .attorneys-fee_img {
		order: 2;
	}
	.sp_none{
		display:none;
	}
}

/*-------------------------------/
/---------- 経験弁護士向けコンテンツ -------/
------------------------------*/

@media screen and (max-width: 767px){
h3.sc_heading.count .before {
   height: 45px;
}

	h4.sc_heading.count .before, .sc_heading.count .before{
		   height: 45px;
		width:45px;
	}
	
}
/*-------------------------------/
/---------- 取り扱い分野 -------/
------------------------------*/
@media screen and (max-width: 767px){

.type_sp{
	margin-top:-35px!important;
}
}
/*-------------------------------/
/---------- お問い合わせ -------/
------------------------------*/
.contact_title {
	font-weight: bold;
}

.contact_select {
	padding: 5px 10px;
    border-radius: 5px;
}

.contact_button {
	display: flex;
}

.contact_button input {
	margin-left: 20px;
}

.facebook_icon {
	flex-basis: auto!important;
	flex-grow: 0!important;
}

.twitter_icon {
	flex-basis: auto!important;
	flex-grow: 0!important;
	margin: 0!important;
}

.grecaptcha-badge {
	bottom: 102px!important;
}

#zip{
	width:10em;
}