@charset "UTF-8";

/*--------------------------------------------
CONTENT
---------------------------------------------*/

.content{
	position : relative;
}
/*
.content h2{
	letter-spacing : .01em;
	position : relative;
	font-family : "Noto Serif JP";
}

.content h2:before{
	content : "";
	position : absolute;
	top : 0;
	background-color : var(--box02Border);
	font-size : 0;
	height : 100%;
}
.content h3{
	letter-spacing : .01em;
	position : relative;
	font-family : "Noto Serif JP";
}

.content h3:before{
	content : "";
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
	background-color : var(--box02Border);
	font-size : 0;
}

.content h4{
	letter-spacing : .01em;
	font-family : "Noto Serif JP";
}
*/
/*h2をh1に。ページタイトルのため*/
.content h1{
	letter-spacing : .01em;
	position : relative;
	font-family : "Noto Serif JP";
}

.content h1:before{
	content : "";
	position : absolute;
	top : 0;
	background-color : var(--box02Border);
	font-size : 0;
	height : 100%;
}
.content h2{
	letter-spacing : .01em;
	position : relative;
	font-family : "Noto Serif JP";
}

.content h2:before{
	content : "";
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
	background-color : var(--box02Border);
	font-size : 0;
}

.content h3{
	letter-spacing : .01em;
	font-family : "Noto Serif JP";
}



@media screen and (max-width: 750px){
	/*.content h2{
		padding-top : calc( 12 * 100vw / 750 );
		padding-bottom : calc( 12 * 100vw / 750 );
		font-size : calc( 4.4rem + var(--addFtontSize) );
		margin-bottom : calc( 80 * 100vw / 750 );
	}
	.content h2:before{
		left : calc( -39 * 100% / 590 );
		width : calc( 8 * 100% / 590 );
	}
.content h3{
		margin-top : calc( 60 * 100vw / 750 );
		margin-bottom : calc( 60 * 100vw / 750 );
		font-size : calc( 4rem + var(--addFtontSize) );
		padding-left : calc( 20 * 100% / 590 );
	}
	.content h3:before{
		left : calc( -38 * 100% / 590 );
		width : calc( 40 * 100% / 590 );
		height : calc( 4 * 100vw / 750 );
	}
	.content h4{
		margin-top : calc( 60 * 100vw / 750 );
		margin-bottom : calc( 40 * 100vw / 750 );
		font-size : calc( 3.6rem + var(--addFtontSize) );
	}
	.content h4 + .list01{
		margin-bottom : calc( ( 40 - 8 ) * 100vw / 750 );
	}*/
/*h2をh1に。ページタイトルのため*/
.content h1{
		padding-top : calc( 12 * 100vw / 750 );
		padding-bottom : calc( 12 * 100vw / 750 );
		font-size : calc( 4.4rem + var(--addFtontSize) );
		margin-bottom : calc( 80 * 100vw / 750 );
	}
	.content h1:before{
		left : calc( -39 * 100% / 590 );
		width : calc( 8 * 100% / 590 );
	}
	.content h2{
		margin-top : calc( 60 * 100vw / 750 );
		margin-bottom : calc( 60 * 100vw / 750 );
		font-size : calc( 4rem + var(--addFtontSize) );
		padding-left : calc( 20 * 100% / 590 );
	}
	.content h2:before{
		left : calc( -38 * 100% / 590 );
		width : calc( 40 * 100% / 590 );
		height : calc( 4 * 100vw / 750 );
	}
	.content h3{
		margin-top : calc( 60 * 100vw / 750 );
		margin-bottom : calc( 40 * 100vw / 750 );
		font-size : calc( 3.6rem + var(--addFtontSize) );
	}
	.content h3 + .list01{
		margin-bottom : calc( ( 40 - 8 ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	/*.content h2{
		padding-top : 16px;
		padding-bottom : 16px;
		font-size : calc( 3.6rem + var(--addFtontSize) );
		margin-bottom : 80px;
	}
	.content h2:before{
		left : -61px;
		width : 4px;
	}
.content h3{
		margin-top : 80px;
		font-size : calc( 3.2rem + var(--addFtontSize) );
		margin-bottom : 80px;
		margin-left : 60px;
		margin-right : 60px;
	}
	.content h3:before{
		left : -60px;
		width : 40px;
		height : 2px;
	}
	.content h4{
		margin-top : 60px;
		margin-bottom : 40px;
		margin-left : 60px;
		margin-right : 60px;
		font-size : calc( 2.4rem + var(--addFtontSize) );
	}
	.content h4 + .list01{
		margin-bottom : calc( 40px - 7.5px );
	}*/
/*h2をh1に。ページタイトルのため*/
.content h1{
		padding-top : 16px;
		padding-bottom : 16px;
		/*font-size : calc( 3.6rem + var(--addFtontSize) );*/
		font-size : calc( 3.8rem + var(--addFtontSize) );
		margin-bottom : 80px;
	}
	.content h1:before{
		left : -61px;
		width : 4px;
	}
	.content h2{
		margin-top : 80px;
		/*font-size : calc( 3.2rem + var(--addFtontSize) );*/
		font-size : calc( 3.4rem + var(--addFtontSize) );
		margin-bottom : 80px;
		margin-left : 60px;
		margin-right : 60px;
	}
	.content h2:before{
		left : -60px;
		width : 40px;
		height : 2px;
	}
	.content h3{
		margin-top : 60px;
		margin-bottom : 40px;
		/*margin-left : 60px;*/
		margin-right : 60px;
		/*font-size : calc( 2.4rem + var(--addFtontSize) );*/
		font-size : calc( 2.6rem + var(--addFtontSize) );
	}
	.content h3 + .list01{
		margin-bottom : calc( 40px - 7.5px );
	}
}