/****************************************************************************************/
section:not(#banners) {
	margin-top: 25px;
	padding-top: 150px;
}
.about-section,
.about-history {
	margin-top: 0 !important;
	padding-top: 230px !important;
}
/****************************************************************************************/
.about-section h1 {
	margin-bottom: 106px;
}

.about-section .main-image {
	height: calc(100vw * 0.3461);
	max-height: 450px;
}

.about-section .main-title {
	padding: 0 88px;
}
.about-section .main-title h2 {
	font-size: 3.55rem;
	line-height: 5rem;
}

.about-section .body {
	margin-top: 96px;
}

.about-section .main-text {
	margin-top: 80px;
	padding: 0 88px;
	font-size: 2rem;
	line-height: 3.8rem;
	letter-spacing: 0.1rem;
}
/*******************************************/
.about-section .sub {
	margin-top: 95px;
	padding: 50px 88px;
	display: flex;
}
.about-section .sub > * {
	width: 50%;
}

.about-section .sub .image-container {
	padding-right: 56px;
}
.about-section .sub .image {
	height: calc(100vw * 0.2615);
	max-height: 340px;
}

.about-section .sub .texts h2 {
	font-size: 2.9rem;
}

.about-section .sub .texts .container:not(:first-child) {
	margin-top: 45px;
}
/****************************************************************************************/
.about-history h2 {
	font-size: 3.5rem;
}

.about-history h2 .text {
	padding-bottom: 13px;
	line-height: 5rem;
}
/*******************************************/
.about-history .year-number {
	padding-right: 36px;
	font-size: 4.6rem;
}

.about-history .year-number:after {
	right: -8px;
	width: 15px;
	height: 15px;
}

.about-history .number,
.about-history h2 {
	margin-top: -7px;
}
.about-history .content h2 {
	margin-top: -18px;
}
/*******************************************/
.about-history .texts-image {
	display: flex;
	justify-content: space-between;
}

.about-history .texts-image .texts {
	width: 48%;
}
/*******************************************/
.about-history .content {
	padding: 0 0 151px 40px;
}
.about-history[tag="li"] .content {
	padding: 0 0 90px 58px;
}

.about-history h2 + .texts-image {
	margin-top: 31px;
}

.about-history .texts-image .texts p {
	line-height: 3.2rem;
	letter-spacing: 1px;
}
/*******************************************/
.about-history .texts-image .image-caption {
	width: 44%;
}
.about-history .texts-image .image-caption .caption {
	margin-top: 7px;
}
/****************************************************************************************/

.ttl100 {
    padding: 30px 0px 0 30px ;
}