@charset "utf-8";

/*-------------------------------
	ページ内共通パーツ
-------------------------------*/

.About__title{
	font-size: 3.2rem;
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
	margin-bottom: 9.5rem;
	font-weight: 700;
	text-align: center;
	border-top: 1px solid var(--maincolor);
	border-bottom: 1px solid var(--maincolor);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:768px) , print{

	.About__title{
		font-size: 4.2rem;
		padding-top: 2.5rem;
		padding-bottom: 2rem;
		margin-bottom: 11.5rem;
		border-top: 2px solid var(--maincolor);
		border-bottom: 2px solid var(--maincolor);
	}
}



/*-------------------------------
	キービジュアル
-------------------------------*/

.Keyvisual-title::before{
	width: 7.6rem;
	height: 7.7rem;
	background-image: url(../images/about/icon_keyvisual.svg);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:768px) , print{

	.Keyvisual-title::before{
		width: 10.7rem;
		height: 10.8rem;
	}

}



/*-------------------------------
	事務所紹介
-------------------------------*/

.Introduction-block:not(:last-child){
	margin-bottom: 10rem;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:768px) , print{

	.Introduction-block:not(:last-child){
		margin-bottom: 12rem;
	}

}



/*-------------------------------
	たいとうがめざすもの
-------------------------------*/

.Aim{
	background: var(--maincolor);
}
.Aim .sec-title{
	margin-bottom: 3.8rem;
	color: #fff;
}
.Aim-block-wrap{
	align-items: stretch;
	counter-reset: number 0;
}
.Aim-block{
	width: calc( (100% - 3rem) / 2 );
	padding-top: 15.5rem;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
}
.Aim-block:not(:nth-last-of-type(-n+2)){
	margin-bottom: 2.5rem;
}
.Aim-block::before{
	font-size: 2.4rem;
	font-weight: 500;
	display: block;
	order: -2;
	left: 4rem;
	top: 3.5rem;
	position: absolute;
	counter-increment: number 1;
	content: counter(number);
	color: var(--subcolor);
	font-family: var(--gf1);
}
.Aim-block::after{
	order: -1;
	margin: 0 auto;
	left: 0;
	right: 0;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	content: "";
}
.Aim-block:nth-of-type(1)::after{
	width: 8.2rem;
	height: 7.6rem;
	top: 4.2rem;
	background-image: url(../images/about/icon_aim1.svg);
}
.Aim-block:nth-of-type(2)::after{
	width: 8.1rem;
	height: 8.6rem;
	top: 3.6rem;
	background-image: url(../images/about/icon_aim2.svg);
}
.Aim-block:nth-of-type(3)::after{
	width: 8.9rem;
	height: 7.8rem;
	top: 5rem;
	background-image: url(../images/about/icon_aim3.svg);
}
.Aim-block:nth-of-type(4)::after{
	width: 8.3rem;
	height: 5.9rem;
	top: 5.5rem;
	background-image: url(../images/about/icon_aim4.svg);
}
.Aim-block__title{
	width: 100%;
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
	line-height: calc( 3.6 / 2.4 );
	font-weight: 500;
	text-align: center;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:768px) , print{

	.Aim .sec-title{
		margin-bottom: 4rem;
	}
	.Aim-block{
		width: 100%;
		padding-top: 18rem;
	}
	.Aim-block:not(:last-child){
		margin-bottom: 2.5rem;
	}
	.Aim-block::before{
		font-size: 3.6rem;
		left: 3.5rem;
		top: 4rem;
	}
	.Aim-block:nth-of-type(1)::after{
		width: 11.5rem;
		height: 10.6rem;
	}
	.Aim-block:nth-of-type(2)::after{
		width: 11.4rem;
		height: 12rem; 
	}
	.Aim-block:nth-of-type(3)::after{
		width: 12.5rem;
		height: 11rem;
		top: 4.2 rem;
	}
	.Aim-block:nth-of-type(4)::after{
		width: 11.7rem;
		height: 8.2rem;
		top: 5.2rem;
	}
	.Aim-block__title{
		font-size: 3.6rem;
		font-weight: 700;
	}

}



/*-------------------------------
	弁護士紹介
-------------------------------*/

.Lawyer-block{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Lawyer-block:not(:last-child){
	margin-bottom: 7.5rem;
}
.Lawyer-block__image{
	width: 38rem;
	transition: var(--transition);
}
.Lawyer-block__image img{
	width: 100%;
}
.Lawyer-block__body{
	width: calc( 100% - 38rem );
	padding-left: 5rem;
	transition: var(--transition);
}
.Lawyer-block__header{
	width: 100%;
	margin-bottom: 2rem;
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
}
.Lawyer-block__license{
	margin-right: 1.5rem;
}
.Lawyer-block__name{
	font-size: 3.2rem;
	font-weight: 500;
}
.Lawyer-block__name::after{
	font-size: 1.8rem;
	font-weight: 400;
	content: attr(data-kana);
}
.Lawyer-block__text{
	margin-bottom: 2.5rem;
}
.Lawyer-block__button{
	width: 100%;
	border-radius: 3.3rem;
	overflow: hidden;
	height: auto;
	cursor: pointer;
	background: #fff;
}
.Lawyer-block__button a{
	height: 6.6rem;
	border-radius: 0%;
	background: #fff !important;
	color: var(--maincolor) !important;
}
.Lawyer-block__button a::after{
	transform: rotate(45deg);
	transition: var(--transition);
	border-right: 2px solid var(--maincolor) !important;
	border-bottom: 2px solid var(--maincolor) !important;
}
.Lawyer-block__accordion__inner{
	display: none;
}
.Lawyer-block__accordion__body{
	padding: 1.5rem 3rem 3.5rem;
}
.Lawyer-block__accordion-block:not(:last-child){
	margin-bottom: 3.5rem;
}
.Lawyer-block__button.on a::after{
	transform: rotate(-135deg);
}
.Lawyer-block__accordion-block__title{
	padding-bottom: 1rem;
	margin-bottom: 1.2rem;
	border-bottom: 1px solid #D6D2D0;
}

.Lawyer-block__accordion-block__job{
	font-weight: 500;
	line-height: calc( 2.6 / 1.8 );
}

.Lawyer-block__accordion-block__history__item{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Lawyer-block__accordion-block__history__item:not(:last-child){
	margin-bottom: .8rem;
}
.Lawyer-block__accordion-block__history__item__title{
	width: 13.5rem;
	line-height: calc( 2.6 / 1.8 );
	letter-spacing: .075em;
	padding-right: 1em;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Lawyer-block__accordion-block__history__item__title span{
	line-height: calc( 2.6 / 1.8 );
	display: block;
}
.Lawyer-block__accordion-block__history__item__text{
	width: calc( 100% - 13.5rem );
	line-height: calc( 2.6 / 1.8 );
}
.Lawyer-block__accordion-block__works__item{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Lawyer-block__accordion-block__works__item:not(:last-child){
	margin-bottom: .5rem;
}
.Lawyer-block__accordion-block__works__item__title{
	width: calc( 100% - 14.2rem );
	line-height: calc( 2.6 / 1.8 );
	padding-right: 1em;
}
.Lawyer-block__accordion-block__works__item__text{
	width: 14.2rem;
	line-height: calc( 2.6 / 1.8 );
	letter-spacing: .075em;
	text-align: right;
}

.Lawyer-block__accordion-block__frame{
	padding: 2rem 2.5rem;
	border: 1px solid #D6D2D0;
}
.Lawyer-block__accordion-block__frame__item{
	line-height: calc( 2.6 / 1.8 );
}
.Lawyer-block__accordion-block__frame__item:not(:last-child){
	margin-bottom: .8rem;
}
.Lawyer-block__accordion-block__frame__item.-strong{
	font-weight: 500;
}

.Lawyer-block__accordion-block__write__item{
	width: 100%;
	line-height: calc( 2.6 / 1.8 );
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Lawyer-block__accordion-block__write__item:not(:last-child){
	margin-bottom: .8rem;
}
.Lawyer-block__accordion-block__write__item::before{
	font-size: 65%;
	transform: translateY(50%);
	content: "●";
}

.Lawyer-block__accordion-block.-image{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.Lawyer-block__accordion-block__image{
	width: calc( (100% - 2rem) / 2 );
}
.Lawyer-block__accordion-block__image img{
	width: 100%;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1024px) and (min-width:769px), print{

	.Lawyer-block{
		flex-direction: column;
	}
	.Lawyer-block__image{
		width: 100%;
		max-width: 50rem;
		margin-bottom: 3.5rem;
		margin-left: auto;
		margin-right: auto;
	}
	.Lawyer-block__body{
		width: 100%;
		padding-left: 0;
	}

}
@media screen and (max-width:768px) , print{

	.Lawyer .sec-title{
		margin-bottom: 6rem;
	}
	.Lawyer-block{
		flex-direction: column;
	}
	.Lawyer-block:not(:last-child){
		margin-bottom: 10rem;
	}
	.Lawyer-block__image{
		width: 100%;
		margin-bottom: 4.2rem;
	}
	.Lawyer-block__body{
		width: 100%;
		padding-left: 0;
	}
	.Lawyer-block__license{
		margin-right: 2.5rem;
	}
	.Lawyer-block__name{
		font-size: 4.2rem;
	}
	.Lawyer-block__name::after{
		font-size: 2.4rem;
	}
	.Lawyer-block__text{
		margin-bottom: 3rem;
	}
	.Lawyer-block__button{
		border-radius: 4.5rem;
	}
	.Lawyer-block__button a{
		height: 9rem;
	}
	.Lawyer-block__button a::after{
		border-right: .4rem solid var(--maincolor) !important;
		border-bottom: .4rem solid var(--maincolor) !important;
	}
	.Lawyer-block__accordion__body{
		padding: 2rem 4rem 4.5rem;
	}
	.Lawyer-block__accordion-block:not(:last-child){
		margin-bottom: 4.5rem;
	}
	.Lawyer-block__accordion-block__title{
		padding-bottom: 3rem;
		margin-bottom: 2rem;
		border-bottom: 2px solid #D6D2D0;
	}
	
	.Lawyer-block__accordion-block__job{
		line-height: calc( 2.6 / 1.8 );
	}
	
	.Lawyer-block__accordion-block__history__item:not(:last-child){
		margin-bottom: 1rem;
	}
	.Lawyer-block__accordion-block__history__item__title{
		width: 18rem;
		line-height: calc( 2.6 / 1.8 );
	}
	.Lawyer-block__accordion-block__history__item__title span{
		line-height: calc( 3.6 / 2.4 );
	}
	.Lawyer-block__accordion-block__history__item__text{
		width: calc( 100% - 18rem );
		line-height: calc( 3.6 / 2.4 );
	}
	.Lawyer-block__accordion-block__works__item:not(:last-child){
		margin-bottom: 1rem;
	}
	.Lawyer-block__accordion-block__works__item__title{
		width: calc( 100% - 19rem );
		line-height: calc( 3.6 / 2.4 );
	}
	.Lawyer-block__accordion-block__works__item__text{
		width: 19rem;
		line-height: calc( 3.6 / 2.4 );
	}
	
	.Lawyer-block__accordion-block.-frame{
		margin-bottom: 6rem;
	}
	.Lawyer-block__accordion-block__frame{
		padding: 2.5rem 4rem;
		border: 2px solid #D6D2D0;
	}
	.Lawyer-block__accordion-block__frame__item{
		line-height: calc( 3.6 / 2.4 );
	}
	.Lawyer-block__accordion-block__frame__item:not(:last-child){
		margin-bottom: 1rem;
	}
	
	.Lawyer-block__accordion-block__write__item{
		line-height: calc( 3.6 / 2.4 );
	}
	.Lawyer-block__accordion-block__write__item:not(:last-child){
		margin-bottom: 1rem;
	}
	
	.Lawyer-block__accordion-block__image{
		width: calc( (100% - 3rem) / 2 );
	}

}