.con-history{
	background:#1a1a1a;
	color:#fff;
}

.p-intro{
	padding:40px 0 98px;
	margin-inline:auto;
	text-align:center;
}

@media only screen and (max-width: 767px){
	.p-intro__text{
		padding:2em 15px 0;
	}
}
.p-intro__text p{
	font-family:var(--serif);
	font-size:1.9rem;
	line-height:2.5em;
}
.p-intro__text p span{
	display:block;
}


.yline_wrap {
	position : relative;
	height: 115px;
	margin-bottom:40px;
}

.yline {
	content: "";
	height: 115px;
	width: 1px;
	background-color : #8D8B8B;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.p-gallery ul{
	display:flex;
}

@media only screen and (max-width: 767px){
	.p-intro{
		padding:30px 0 66px;
	}
	.p-intro__text p{
		font-size:1.2rem;
	}
	.yline_wrap {
		margin-bottom:37px;
	}
	.p-gallery ul{
		z-index:2;
	}

}


/*タイムライン*/
.p-timeline{

}

.con-history {
	position: relative;
	width: 100%;
}
.border-line {
	position: absolute;
	left:50%;
	top:0;
	width:1px;
	height:0;
	background: #707070;
}
.history-timeline li.firstrow{
	height:100px;
}
.history-timeline li:not(:first-child)::after{
	content:'';
	position: absolute;
	left:calc(50% - 11px);
	width:22px;
	height: 22px;
	background:#456596;
	border-radius: 50%;
}

.history-timeline {
	list-style: none;
	width:100%;
	margin:0px auto;
}
.history-timeline li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	position: relative;
	list-style: none;
	padding:0 0 3rem 0;
	gap:30px;
}
.his-blc-txt {
	width: 50%;
	margin-top: -5px;
	padding:0 2em 5em 2em;
	position:relative;
}
.his-year{
	text-align:right;
	font-family:var(--serif);
	font-size:7.2rem;
	color:#6093E0;
	margin-top:-50px;
}
.his-blc-txt .ttl_area{
	display:flex;
	align-items:center;
	margin-bottom:36px;
	gap:40px;
}
.his-blc-txt .ttl_area h3{
	font-family:var(--serif);
	font-size:2.1rem;
	font-weight:500;
}
.his-blc-txt .ttl_area .img_no_wrap{
	display:flex;
	align-items:center;
	gap:16px;
}
.his-blc-txt .ttl_area .img_no{
	display:inline-block;
	background:var(--brown);
	font-family:var(--serif);
	color:#fff;
	font-size:2.1rem;
	width:35px;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.hisContLiY.mOnly {
	justify-content: flex-end!important;
}
.his-blc-txt .pc-only {
	display: none;
}

.his-blc-img {
	width: 50%;
	position: relative;
	margin-top: -5px;
	padding:0 2em 2em 2em;
}
.his-blc-img .img_wrap{
	position:relative;
}
.his-blc-img .img_wrap .img_no{
	display:inline-block;
	background:var(--brown);
	font-family:var(--serif);
	color:#fff;
	font-size:2.1rem;
	width:35px;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.his-blc-img .img_cap{
	font-size:1.4rem;
	margin:17px 0 30px;
	color:#ACACAC;
}
.history_bottom{
	padding:60px 0 160px;
}
.history_bottom p{
	text-align:center;
	font-size:2.4rem;
	margin-bottom:100px;
	font-family:var(--serif);
}
.bottom_img{
	position:relative;
}
.bottom_img:before {
    content: "";
    display: block;
    padding-top: 35%; /* 1:1 */
}
.bottom_img .img1{
	width:35%;
	position:absolute;
	top:60px;
	left:0;
}
.bottom_img .img2{
	width:35%;
	position:absolute;
	top:176px;
	left:32%;
}
.bottom_img .img3{
	width:35%;
	position:absolute;
	top:0px;
	right:0;
}
@media screen and (min-width: 768px) {
	.smallsize{
		display:flex;
		justify-content:end;
	}
	.smallsize>div{
		max-width:299px;
	}
}

@media screen and (max-width: 767px) {
	.history-timeline li.firstrow{
		height:46px;
	}
	.border-line {
		left:34px;
	}
	.history-timeline li:not(:first-child)::after{
		left:26px;
		width:17px;
		height: 17px;
	}
	.history-timeline li {
		flex-direction: column;
		padding:0 0 1rem 0;
	}
	.his-blc-txt {
		width: 100%;
		margin-top: -5px;
		padding:0 0 0 5em;
	}
	.his-blc-txt .ttl_area h3{
		font-size:1.7rem;
	}

	.history-timeline {
		font-size: 3.2vw;
	}
	.his-blc-txt {
		margin-top: -3px;
	}
	.his-blc-txt .ttl_area{
		margin-bottom:27px;
		gap:0px;
	}
	.his-year{
		text-align:left;
		font-size:4rem;
		margin-top:-25px;
	}
	.his-blc-txt .ttl_area .img_no_wrap{
		display:none;
	}

	.his-blc-img {
		width: 100%;
		margin-top: -5px;
		padding: 0 0 0 5em;
	}
	.his-blc-img .img_cap {
	    font-size: 1.1rem;
	    margin: 10px 0 30px;
	}
	.his-blc-img .img_wrap .img_no {
		display:none;
	}
	.history_bottom p{
		font-size:2.2rem;
		margin-bottom:60px;
	}
	.bottom_img .img1{
		width:45%;
		top:0px;
		left:0;
	}
	.bottom_img .img2{
		width:35%;
		top:20px;
		right:0px;
		left:auto;
		z-index:2;
	}
	.bottom_img .img3{
		width:45%;
		top:86px;
		left:30%;
	}
}

.p-100th_bnr{
	background:#FAFAFA;
	padding:60px 15px;
	text-align:center;
}

@media only screen and (max-width: 767px){
	.p-100th_bnr{
		padding:40px 15px;
	}
}