#page_head {
		padding-inline: 20px;
		-webkit-margin-before: 140px;
		        margin-block-start: 140px;
}
@media screen and (min-width: 425px) {
		#page_head {
				padding-inline: 30px;
		}
}
@media screen and (min-width: 768px) {
		#page_head {
				padding-inline: 40px;
		}
}
@media screen and (min-width: 992px) {
		#page_head {
				padding-inline: 70px min(100vw - 435px, 250px);
		}
}
@media screen and (min-width: 1300px) {
		#page_head {
				padding-inline: 70px;
		}
}
@media screen and (min-width: 992px) {
		#page_head {
				-webkit-margin-before: 160px;
				        margin-block-start: 160px;
		}
}

.page_title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 10px 10px;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
		-webkit-padding-after: 15px;
		        padding-block-end: 15px;
		border-bottom: solid 1px #222222;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
		.page_title {
				gap: 20px;
		}
}

.page_title_ja {
		font-size: 3.5rem;
		line-height: 1.3;
		font-weight: 500;
}
@media screen and (min-width: 768px) {
		.page_title_ja {
				font-size: 4.5rem;
		}
}
@media screen and (min-width: 992px) {
		.page_title_ja {
				font-size: 5rem;
		}
}

.page_title_en {
		font-size: 1.6rem;
		line-height: 1.5;
}

.section_title {
		position: relative;
		font-size: 2.5rem;
		font-weight: 500;
		line-height: 1.5;
		-webkit-padding-start: 20px;
		        padding-inline-start: 20px;
		-webkit-padding-after: 15px;
		        padding-block-end: 15px;
		border-bottom: solid 1px #DBD9CD;
}
@media screen and (min-width: 992px) {
		.section_title {
				font-size: 3rem;
		}
}
.section_title::before {
		content: "";
		position: absolute;
		top: 0.8em;
		left: 0;
		translate: 0 -50%;
		width: 10px;
		height: 8px;
		background-color: #008C64;
		border-radius: 0 100vmax 100vmax 0;
}

.vision_block {
		-webkit-margin-before: 60px;
		        margin-block-start: 60px;
}

.middle_title {
		font-size: 2.2rem;
		line-height: 1.5;
		font-weight: 500;
}
@media screen and (min-width: 992px) {
		.middle_title {
				font-size: 2.5rem;
		}
}
.vision_block_text {
		font-size: 1.6rem;
		line-height: 1.8;
		-webkit-margin-before: 40px;
		        margin-block-start: 40px;
}
@media screen and (min-width: 992px) {
		.vision_block_text {
				-webkit-margin-before: 35px;
				        margin-block-start: 35px;
		}
}

#vision {
		padding-block: 80px;
		padding-inline: 20px;
}
@media screen and (min-width: 425px) {
		#vision {
				padding-inline: 30px;
		}
}
@media screen and (min-width: 768px) {
		#vision {
				padding-inline: 40px;
		}
}
@media screen and (min-width: 992px) {
		#vision {
				padding-inline: 70px min(100vw - 435px, 250px);
		}
}
@media screen and (min-width: 1300px) {
		#vision {
				padding-inline: 70px;
		}
}
@media screen and (min-width: 992px) {
		#vision {
				padding-block: 100px;
		}
}

.vision_flex {
		-webkit-margin-before: 30px;
		        margin-block-start: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
@media screen and (min-width: 768px) {
		.vision_flex {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				gap: 50px;
		}
}

.vision_text {
		-webkit-margin-before: 30px;
		        margin-block-start: 30px;
		font-size: 1.6rem;
		line-height: 1.8;
}
.vision_text + .vision_text {
		-webkit-margin-before: 1lh;
		        margin-block-start: 1lh;
}

@media screen and (min-width: 768px) {
		.vision_flex_text_block {
				max-width: 500px;
				width: 70%;
		}
}

.vision_flex_img {
		max-width: 250px;
		margin-inline: auto;
}
@media screen and (min-width: 768px) {
		.vision_flex_img {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				margin: 0;
		}
}

.president_name {
		font-size: 2rem;
		line-height: 1.5;
		-webkit-margin-before: 5px;
		        margin-block-start: 5px;
		text-align: right;
}
@media screen and (min-width: 992px) {
		.president_name {
				-webkit-margin-before: 20px;
				        margin-block-start: 20px;
		}
}