@charset "utf-8";
.lead {
	text-align: center;
	margin-bottom: 60px;	
}

.year {
	background: #FAFAFA;
	padding: 30px 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 60px;
}
.year div {
	text-align: center;	
}
.year div h5,
.join_office h5 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	font-size: 100%;
	margin: 0 0 2em;	
}
.year p:not(.notes) {
	font-size: 120%;
	line-height: 2.0;	
}
.year p.notes {
	margin-top: 2em;
	font-size: 85%;	
}

.join_guide {
	text-align: center;
	margin-bottom: 60px;
}
.join_guide a {
	font-weight: bold;
	color: #D44148;
	text-decoration: underline;
}
.join_guide a:hover {
	text-decoration: none;
}

.join_office {
	text-align: center;
	margin-top: 60px;
}

.join_office p {
	margin-bottom: 1em;	
}
.join_office a {
	color: #D44148;
	text-decoration: underline;
}
.join_office a:hover {
	color: #D44148;
	text-decoration: none;
}

@media(max-width: 767px) {
.lead {
	text-align: left;	
}
.year p:not(.notes) {
	font-size: 16px;
	text-align: left!important;
}
.join_guide {
	text-align: left;	
}
}
@media(max-width: 320px) {
.year p:not(.notes) {
	font-size: 15px;	
}
}