@charset "UTF-8";
/*==========title==========*/
.headline__wrapper {
	display: flex;
	max-width: 1120px;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 auto;
	padding: 0 24px;
}

.headline {
	font-size: 24px;
	font-weight: bold;
}

.more-btn__text {
	position: absolute;
	left: -9999px;
}

.more__btn::before {
	content: attr(data-text)"";
}

@media screen and (min-width: 768px) {
    .headline__wrapper {
    	margin: 30px auto 20px;
    	padding: 0 40px;
    }
	
	.headline {
		font-size: 40px;
	}
	
	.more__btn::before,
	.icon_more:before {
		font-size: 20px;
	}

}