@charset "UTF-8";

/*//////////////// セクション1 ///////////////*/	
@media (max-width: 767px) {
	.sec1 .title-j h1 {
		font-size: 1.4rem;
	}
}

.sec1 .p-box {
	display: block;
	width: 60%;
	margin: 0 auto;
}

.p-box2 {
	width: 100%;
	background-color: #3F3F3F;
	border-bottom: 5px solid #3F3F3F;
	border-top: 5px solid #3F3F3F;
}

@media (min-width: 576px) {
	.sec1 .p-box {
		width: 40%;
	}
	
	.sec1 .name {
		width: 68%;
		max-width: 340px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 768px) {
	.sec1 .title-j h1 {
		font-size: 1.5rem;
	}
	
	.sec1 .p-box {
		width: 30%;
		float: right;
		margin-left: 1.75rem;
		margin-bottom: 2rem;
	}
		
	.sec1 .name {
		width: 50%;
		margin-left: auto;
		margin-right: 0;
	}
	
	.p-box2 {
		border-bottom: 8px solid #3F3F3F;
		border-top: 8px solid #3F3F3F;
	}	
}


/*//////////////// セクション2 ///////////////*/	
.sec2, .sec3 {
	padding: 0 2.5%;
}

.sec2 h2 {
	font-size: 1.25rem;
	font-weight: 700;
}

.sec2 h2::before {
	content: '＜ ';
	font-size: 0.85em;
}

.sec2 h2::after {
	content: ' ＞';
	font-size: 0.85em;
}

.sec2 .data .col-12 {
	color: #3F3F3F;
	text-align: center;
	padding: 0.6rem;	
}

.sec2 .data .col-12:nth-child(odd) {
	background-color: #E5EEEA;
}

.sec2 .data span {
	display: block;
	font-size: 0.87rem;
}

.sec2 .data .col-12 a {
	color: #00C3F4;
} 

@media (min-width: 768px) {
	.sec2 h2 {
		font-size: 1.3rem;
	}

	.sec2 h2::before {
		content: '';
	}

	.sec2 h2::after {
		content: '';
	}

	.sec2 .data .col-12 {
		padding: 0.75rem;
		border: 1px solid #FFF;
	}

	.sec2 .data .col-12:nth-child(odd) {
		background-color: #FFF;
	}
	
	.sec2 .data .col-12:nth-child(-n+3) {
		background-color: #E5EEEA;
	}
	
	.sec2 .data .col-12:nth-child(n+7) {
		background-color: #E5EEEA;
	}	
}


/*//////////////// セクション3 ///////////////*/	
.sec3 .data .col-12 {
	text-align: center;
	padding: 0.6rem 0;
}

.sec3 .data .col-12:nth-child(odd) {
	background-color: #FFF;border: 1px solid #CCC;
	
}

.sec3 .data .col-12 p {
	text-align: center;
	margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
	.sec3 .data .sp-f {
		background-color: #D0D3D6 !important;
	}
}

@media (min-width: 768px) {
	.sec3 .data .col-12 {
		padding: 0.8rem 1rem;
		display: inline-block;
	}
	
	.sec3 .data .col-12:nth-child(odd) {
		background-color: #9ba2a5;
		color: #FFF;
	}
	
	.sec3 .data .line-none {
		border-right: none 0;
	}
	
	.sec3 .data .line-bottom {
		border-bottom: 1px solid #CCC;
	}	
	
	.sec3 .data .col-12 p {
		display: inline;
	}
	
	.sec3 .data .col-12 p::after {
		content: '、';
	}
	
	.sec3 .data .col-12 p:last-child::after {
		content: '';
	}

	.sec3 .data .d-md-flex {
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.sec3 .col-md-3, .sec3 .col-md-6 {
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
	
	.sec3 .col-md-3 {
		border-right: none;
		display: flex;
		align-items: center;
	}
	
	.sec3 .data .col-md-6 .col-12 {
		text-align: left;
	}
}


/*//////////////// 共通 ///////////////*/	
		.sec1, .sec2, .sec3 {
			max-width: 1000px;
			margin-left: auto;
			margin-right: auto;
		}

		.sec2, .sec3 {
			max-width: 1080px;
			margin-left: auto;
			margin-right: auto;
		}