@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/

.president{
}
.president .ph{
	width:35%;
}
.president .txt{
	width:60%;
}
.president-copy{
	margin-bottom:20px;
	font-size:26px;
	font-weight:700;
}



/* ++++++++++ */

.history-list{
	position: relative;
}
.history-list:before{
	content:"";
	position: absolute;
	left:50%;
	top:10px;
	width:2px;
	height:100%;
	background-color:#DDDFE3;
}

.history-list li{
	position:relative;
	width:50%;
	margin-bottom:30px;
	line-height:1.5;
}
.history-list li:before{
	content:"";
	position: absolute;
	top:5px;
	width:18px;
	height:18px;
	background-color:#274AD6;
	border: solid 3px #7188E6;
	box-sizing:border-box;
	border-radius:1000%;
}
.history-list li:nth-child(odd):before{
	left:-8px;
}
.history-list li:nth-child(even):before{
	right:-10px;
}
.history-list .day{
	font-size:16px;
	font-weight:700;
}
.history-list li:nth-child(odd){
	margin-left:auto;
	padding-left:40px;
}
.history-list li:nth-child(even){
	text-align:right;
	padding-right:40px;
}
}

@media screen and (min-width:768px) and ( max-width:1110px) {
}

@media (max-width: 768px) {
	
	.president{
	}
	.president .ph{
		width:100%;
		margin-bottom:5vw;
		-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
	}
	.president .txt{
		width:100%;
	}
	.president-copy{
		margin-bottom:2vw;
		font-size:24px;
		font-weight:700;
	}
	
	/* ++++++++++ */
	
	.history-list{
		position: relative;
	}
	.history-list:before{
		content:"";
		position: absolute;
		left:50%;
		top:10px;
		width:2px;
		height:100%;
		background-color:#DDDFE3;
	}
	
	.history-list li{
		position:relative;
		width:50%;
		margin-bottom:3vw;
		line-height:1.5;
	}
	.history-list li:before{
		content:"";
		position: absolute;
		top:5px;
		width:18px;
		height:18px;
		background-color:#274AD6;
		border: solid 3px #7188E6;
		box-sizing:border-box;
		border-radius:1000%;
	}
	.history-list li:nth-child(odd):before{
		left:-8px;
	}
	.history-list li:nth-child(even):before{
		right:-10px;
	}
	.history-list .day{
		font-size:12px;
		font-weight:700;
	}
	.history-list li:nth-child(odd){
		margin-left:auto;
		padding-left:4vw;
	}
	.history-list li:nth-child(even){
		text-align:right;
		padding-right:4vw;
	}

			
}