@charset "UTF-8";

/*-------------------------------
about us
---------------------------------*/
section {
	margin-bottom: 20px;
}
.p-aboutus_data {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.p-aboutus_data dt,
.p-aboutus_data dd {
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.p-aboutus_data dt {
	border-bottom: none;
}
.p-aboutus_data dt {
	flex-basis: 100%;
    font-size: 120%;
    font-weight: 600;
	margin-bottom: 0;
    padding-bottom: 0;
}
.p-aboutus_data dd {
	flex-basis: 100%;
}

.p-aboutus_data a {
	color: #272727;
}
.p-aboutus_data a:hover {
	color: #d32828;
}

.p-aboutus_2col__wrap {
	display: flex;
}
.p-aboutus_2col__left {
	width: 27%;
	margin-right: 3%;
}
.p-aboutus_2col__right {
	width: 70%;
}
.brochure {
	border: 1px solid #272727;
}

.aboutus_headerbtns {
	text-align: center;
	margin-bottom: 40px;
}
.aboutus_headerbtns .btn_aboutus_office a,
.aboutus_headerbtns .btn_aboutus_access a {
	border: 1px solid #d32828;
	color: #d32828;
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	width: 300px;
}
.p-aboutus_data {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.p-aboutus_data dt,
.p-aboutus_data dd {
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.p-aboutus_data dt {
	border-bottom: none;
}
.p-aboutus_data dt {
	flex-basis: 100%;
	padding: 5px 0;
}
.p-aboutus_data dd {
	flex-basis: 100%;
}

.p-aboutus_data a {
	color: #272727;
}
.p-aboutus_data a:hover {
	color: #d32828;
}

.p-aboutus_2col__wrap {
	display: flex;
}
.p-aboutus_2col__left {
	width: 27%;
	margin-right: 3%;
}
.p-aboutus_2col__right {
	width: 70%;
}
.brochure {
	border: 1px solid #272727;
}

.aboutus_headerbtns {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.btn_aboutus {
	width: 100%;
	margin-bottom: 10px;
}
.btn_access {
	margin: 0 0 80px 160px;
}

.p-2col_traffic__wrap {
	display: flex;
	flex-direction: column;
}
.p-2col_traffic__left {
	flex-basis: 100%;
	margin-bottom: 20px;
	margin-right: 0;
}
.p-2col_traffic__right {
	flex-basis: 100%;
}

.p-4col_traffic__wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.p-4col_traffic__contents {
	flex-basis: calc(50% - 10px);
	margin-right: 10px;
	margin-bottom: 20px;
}
.p-4col_traffic__contents:nth-child(even) {
	margin-right: 0;
}

@media screen and (min-width:415px) {
	.p-aboutus_data {
		flex-direction: row;
	}
	.p-aboutus_data dt,
	.p-aboutus_data dd {
		border-bottom: 1px solid #000000;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.p-aboutus_data dt {
		font-size: 100%;
		font-weight: 400;
		flex-basis: 150px;
	}
	.p-aboutus_data dd {
		flex-basis: calc(100% - 150px);
	}
	.aboutus_headerbtns {
		flex-direction: row;
		margin-bottom: 20px;
	}
	.aboutus_headerbtns a:first-child {
		margin-right: 10px;
	}
	.btn_aboutus {
		width: 300px;
	}

	.p-2col_traffic__wrap {
		display: flex;
		flex-direction: row;
		margin-bottom: 40px;
	}
	.p-2col_traffic__left {
		flex-basis: 40%;
		margin-bottom: 0;
		margin-right: 3%;
	}
	.p-2col_traffic__right {
		flex-basis: 57%;
	}

	.p-4col_traffic__contents {
		flex-basis: calc(25.251563% - 10px);
	}
	.p-4col_traffic__contents:nth-child(even) {
		margin-right: 10px;
	}
	.p-4col_traffic__contents:nth-child(4n) {
		margin-right: 0;
	}
}/*414*/

@media only screen and (min-width: 769px) {
	section {
		margin-bottom: 80px;
	}
	.aboutus_headerbtns {
		margin-bottom: 0;
	}
}