/* ==============================
//  リセット
============================== */
@media (min-width: 768px) {
	.main-area {
		min-width: initial;
		margin: 0 auto 130px;
	}
	.main-area .main-inner {
		max-width: initial;
		width: initial;
		margin: 0 auto 0;
	}
}
/* ==============================
//  about共通
============================== */
.about {
	position: relative;
	z-index: 2;
	overflow: clip;
}
.about-visual {
	width: 100%;
	margin: 0 auto;
}
.about-list {
	width: var(--inner-width);
	display: flex;
	flex-direction: column;
	row-gap: 130px;
	padding: 0 50px;
	margin: 130px auto 0;
	margin: 0 auto;
}
.about-list__item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.about-list__item:nth-of-type(2n) {
	flex-direction: row-reverse;
}
.about-list__content {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	max-width: calc(50% - 30px);
}
.about-list-title {
	font-size: 24px;
	line-height: 1;
	font-weight: var(--fw-semibold);
	color: var(--color-black);
	font-family: var(--font-en);
}
.about-list-lead {
	font-size: 14px;
	line-height: 1.8;
	font-weight: var(--fw-regular);
	color: var(--color-black);
	font-family: var(--font-ja);
	text-align: justify;
}
.about-list-image {
	width: 100%;
	height: fit-content;
	padding: 15px;
	/* background-color: #d2e3ea; */
	max-width: calc(50% - 60px);
	flex: 0 1 calc(50% - 30px);
}
/* .about-bg {
	position: relative;
	z-index: 2;
	display: block;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f5f6f7;
	padding-bottom: 235px;
	margin-top: calc(6.2vw + 145px);
} */
/* .about-bg::before {
	position: absolute;
	content: "";
	background: url(../Img/about-bg.png) top center no-repeat;
	background-size: cover;
	width: 100%;
	height: 6.2vw;
	top: -6.2vw;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
} */
#leeep-embedded-1410591941095088128 {
	max-width: 100%!important;
	margin: 130px auto 0!important;
}
.LeeepSingleVideoContainer {
	max-height: initial!important;
}
@media (min-width: 1024px) {
	.about-list-image {
		padding: 40px;
		max-width: calc(50% - 140px);
		flex: 0 1 calc(50% - 60px);
	}
	.about-list__content {
		row-gap: 40px;
		max-width: calc(50% - 60px);
		flex: 0 1 calc(50% - 60px);
	}
}
@media (min-width: 768px) {
	.about-list__item-guideline .about-list__content {
		margin-top: 85px;
	}
	.about-list__item-history .about-list__content {
		margin-top: 40px;
	}
	.about-list__item-material .about-list__content {
		margin-top: 39px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
	  .about-list-image {
    flex: 0 1 calc(50% - 30px);
    max-width: calc(50% - 60px);
    padding: 15px;
  }
  .about-list__content {
    flex: 0 1 calc(50% - 30px);
    max-width: calc(50% - 30px);
    line-height: 1.54;
  }
}
@media (max-width: 767px) {
	#leeep-embedded-1410591941095088128 {
		margin: calc(100*100vw/750) auto 0!important;
	}
	.main-area {
		margin-bottom: calc(100* (100vw /750));
		padding-top: 0;
	}
	.about-visual {
		width: calc(750*100vw/750);
	}
	.about-list {
		row-gap: calc(100*100vw/750);
		padding: 0;
		margin-top: calc(40*100vw/750);
	}
	.about-list__item {
		flex-direction: column;
		column-gap: 0;
		row-gap: calc(40*100vw/750);
	}
	.about-list__item:nth-of-type(2n) {
		flex-direction: column;
	}
	.about-list__content {
		row-gap: calc(50*100vw/750);
		padding: 0 calc(30*100vw/750);
		max-width: initial;
	}
	.about-list-title {
		font-size: calc(48*100vw/750);
	}
	.about-list-lead {
		font-size: calc(28*100vw/750);
	}
	.about-list-image {
		padding: calc(40*100vw/750);
		max-width: initial;
	}
	.about-list-image img {
		/* width: calc(670*100vw/750); */
		width: 100%;
	}
	/* .about-bg {
		margin-top: calc(200*100vw/750);
		padding-bottom: calc(400*100vw/750);
	} */
	/* .about-bg::before {
		width: calc(750*100vw/750);
		height: calc(52*100vw/750);
		background-size: calc(750*100vw/750) calc(52*100vw/750);
		background-image: url(../Img/about-bg.png);
		top: calc(-52*100vw/750);
	} */
}


.about-list__item:nth-of-type(2n):has(.history-wrapper) {
	justify-content: center;
}
.history-wrapper {
	position: relative;
	padding-bottom: 7.5rem;
}
.history-wrapper:before {
	position: absolute;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 100vw;
	height: 43.4rem;
	display: block;
	background-color: var(--color-bg-3);
	z-index: -1;
}
.history-wrapper .contents-title {
	display: flex;
	flex-direction: column;
	row-gap: 1.2rem;
	justify-content: center;
	align-items: center;
}
.history-wrapper .contents-title__main {
	font-size: 3.4rem;
	font-weight: var(--fw-bold);
	font-family: var(--font-main);
}
.history-wrapper .contents-title__sub {
	display: block;
	color: #b8b8b8;
	font-weight: bold;
	font-size: 1.4rem;
}
.history-wrapper .history-list-wrap {
	position: relative;
	width: 120rem;
	margin-inline: auto;
	margin-top: 0;
}
.history-wrapper .history-list-wrap .js-border {
	position: absolute;
	left: 0;
	bottom: 5.3rem;
	width: 0;
	overflow: hidden;
	-webkit-transition: width 3s;
	transition: width 3s;
}
.history-wrapper .history-list-wrap .js-border img {
	display: block;
	width: 120rem;
	height: 0.1rem;
}
.history-wrapper .history-list-wrap .js-border.active {
	width: 100%;
}
.history-wrapper .history-list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1rem;
	width: 100%;
}
.history-wrapper .history-list__list {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
}
.history-wrapper .history-list .history-list-text {
	font-size: 1.4rem;
	margin-top: 1.2rem;
	line-height: 1.5;
}
.history-wrapper .history-calendar-wrap {
	position: relative;
	width: 100%;
}
.history-wrapper .history-calendar-wrap .history-calendar-pin {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
}
.history-wrapper .history-calendar-wrap .history-calendar-pin img {
	width: 2.4rem;
	height: 7.2rem;
}
.history-wrapper .history-calendar-wrap .history-calendar-num {
	font-size: 2rem;
	margin-top: 2.1rem;
	text-align: center;
	font-weight: var(--fw-bold);
	font-family: var(--font-main);
}
@media (max-width: 767px) {
  .history-wrapper {
		padding: 0 0 4.5rem;
    overflow: initial;
  }
  .history-wrapper:before {
    bottom: 0;
    width: 79.3333%;
    height: 94%;
		left: -1.5rem;
		transform: initial;
  }
  .history-wrapper .contents-title__main {
    font-size: 2.6rem;
  }
  .history-wrapper .contents-title__sub {
    font-size: 1.1rem;
    margin-top: 1rem;
  }
  .history-wrapper .history-list-wrap {
    position: relative;
    max-width: 33.5rem;
    width: 100%;
    margin-inline: auto;
    overflow: hidden;
  }
  .history-wrapper .history-list-wrap .js-border {
    position: absolute;
    top: 12.6rem;
    left: 7.7rem;
    width: 0.1rem;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 2s;
    transition: height 2s;
    z-index: 1;
  }
  .history-wrapper .history-list-wrap .js-border img {
    display: block;
    width: 100%;
    height: 144.3rem;
  }
  .history-wrapper .history-list {
    width: 100%;
    margin-top: 2.5rem;
		display: flex;
		flex-direction: column;
  }
  .history-wrapper .history-list .history-list-img {
    width: 100%;
    height: 15.4rem;
  }
  .history-wrapper .history-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .history-wrapper .history-list__list + .history-list__list {
    margin-top: 2.1rem;
  }
  .history-wrapper .history-list__list:nth-child(3) .history-calendar-pin {
    margin-left: 1rem;
  }
  .history-wrapper .history-list__list:nth-child(3) .history-calendar-num {
    padding-top: 2.4rem;
  }
  .history-wrapper .history-list .history-main-wrap {
    width: 21.5rem;
  }
  .history-wrapper .history-list .history-main-wrap .history-list-text {
    font-size: 1.3rem;
    line-height: 1.69230769;
    margin-top: 1rem;
  }
  .history-wrapper .history-list .history-calendar-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 12rem;
    padding-right: 1rem;
  }
  .history-wrapper .history-list .history-calendar-pin,
  .history-wrapper .history-list .history-calendar-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 15.4rem;
  }
  .history-wrapper .history-list .history-calendar-pin {
    position: relative;
    margin-left: 2.5rem;
  }
  .history-wrapper .history-list .history-calendar-pin__img {
    width: 4.2rem;
    height: 1.8rem;
  }
  .history-wrapper .history-list .history-calendar-num {
    font-size: 1.8rem;
    line-height: 1.36111111;
  }
	.history-wrapper .history-calendar-wrap .history-calendar-pin img {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.history-wrapper h2 {
		text-align: center;
	}
}