@charset "UTF-8";

/* pc */
@media screen and (min-width: 768px) {
	.headline01 {
		position: relative;
	}
	.headline01:after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 194px;
		height: 26px;
		left: 50%;
		background: url(../img/title_pc.png) no-repeat;
		background-size: 194px 26px;
		margin-left: -100px;
		margin-top: 60px;
	}
	.box-4column {
		flex-shrink: 0;
		width: calc((100% - 60px) / 4);
		margin-right: 20px;
	}
	.box-4column:nth-child(4n) {
		margin-right: 0;
	}
	.box-4column__image {
		margin-bottom: 20px;
		text-align: center;
	}
	.box-4column__image img {
		max-width: 100%;
		vertical-align: bottom;
	}
	.box-4column__heading {
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.7;
	}
}


/* sp */
@media screen and (max-width: 767.9px) {
	.headline01 {
		position: relative;
		margin: 0 2rem 6rem;
	}
	.headline01:after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 169px;
		height: 20px;
		left: 50%;
		background: url(../img/title_sp.png) no-repeat;
		background-size: 169px 20px;
		margin-left: -84px;
		margin-top: 50px;
	}
	.box-4column {
		margin-bottom: 2.6rem;
	}
	.box-4column__image {
		margin-bottom: 1.6rem;
		text-align: center;
	}
	.box-4column__image img {
		max-width: 100%;
		vertical-align: bottom;
	}
	.box-4column__heading {
		text-align: center;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.7;
	}
}