@charset "utf-8";

/*-------------------------------
	サイトについて
-------------------------------*/

.About__inner{
	counter-reset: number 0;
}

.About-block:not(:last-child){
	margin-bottom: 12rem;
}
.About-block__title{
	font-size: 2.4rem;
	margin-bottom: 3.2rem;
	padding-bottom: 1rem;
	line-height: calc(4 / 2.4);
	border-bottom: 1px solid;
	font-weight: 700;
}
.About-block__title::before{
	counter-increment: number 1;
	content: counter(number) ". ";
}
.About-block__body > *:not(:last-child){
	margin-bottom: 3.5rem;
}
.About-block__text.-hosoku{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.About-block__text.-hosoku::before{
	line-height: var(--letter-main-spacing);
	content: "※";
}

.About-block-frame{
	border: 1px solid;
	padding: 4.5rem 6.5rem;
}
.About-block-frame-block:not(:last-child){
	margin-bottom: 3rem;
}
.About-block-frame-block__title{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.About-block-frame-block__title::before{
	line-height: var(--letter-main-spacing);
	content: "■";
}
.About-block-frame-block__text{
	padding-left: 1.5em;
}

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

}
@media screen and (max-width:768px) , print{
	
	.About-block:not(:last-child){
		margin-bottom: 10rem;
	}
	.About-block__title{
		font-size: 4rem;
		margin-bottom: 3rem;
		padding-bottom: 2rem;
		line-height: 1.4;
	}
	.About-block__body > *:not(:last-child){
		margin-bottom: 1.5em;
	}
	
	.About-block-frame{
		padding: 4.5rem;
	}
	.About-block-frame-block:not(:last-child){
		margin-bottom: 3rem;
	}
	.About-block-frame-block__text{
		padding-left: 1.5em;
	}

}