@charset "utf-8";
h3 {
	padding-left: 0px;
	line-height: 1.5;
}
h3 div {
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.wrap_subject h4 {
	border-bottom: 3px solid #223E82;
	position: relative;
	background-image: none;
	padding-left: 0px;
	padding-bottom: 10px;
	margin-top: 20px;
}

.wrap_subject h4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: 3px solid #B02423;
	bottom: -3px;
	width: 20%;
}
#visual .wrap_subject_label {
	background-color: rgba(255, 255, 255, 0.70);
	color: #0C0F35;
	position: absolute;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	bottom: 20px;
}
#visual .wrap_subject_label .subject_title {
		font-size: 26px;
		/* [disabled]width: 140px; */
		text-align: center;
		line-height: 1;
		/* [disabled]border-bottom-color: #FFFFFF; */
		/* [disabled]border-bottom-style: solid; */
		/* [disabled]border-bottom-width: 2px; */
		/* [disabled]padding-bottom: 15px; */
		margin-left: auto;
		margin-right: auto;
		/* [disabled]margin-bottom: 5px; */
		letter-spacing: 0.2em;
}
#visual .wrap_subject_label .sublect_lead {
		font-size: 18px;
}
.color_yo {
		color: #C14480;
		border-color: #C14480;
}
.color_wa {
		color: #0F9F45;
		border-color: #0F9F45;
}
.color_pa {
		color: #F18900;
		border-color: #F18900;
}
.pickup {
		margin-top: 50px;
}
.wrap_collage {
		margin-bottom: 80px;
}
.wrap_collage .wrap_subject {
		float: left;
		width: 580px;
		font-size: 15px;
}
.wrap_collage img {
		width: 400px;
		height: auto;
		margin-right: 40px;
		float: left;
}
.wrap_collage h4 {
		display: block;
		width: auto;
}
.box19 {
		position: relative;
		padding-top: 2em;
		padding-right: 2.8em;
		padding-left: 2.8em;
		padding-bottom: 2em;
		font-size: 16px;
		letter-spacing: 0.2em;
		color: #666;
}
.box19:before, .box19:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	display: inline-block;
}
.box19:before {
		border-left: 1px solid #C14480;
		border-top: 1px solid #C14480;
		top: 0;
		left: 0;
}
.box19:after {
		border-right: 1px solid #C14480;
		border-bottom: 1px solid #C14480;
		bottom: 0;
		right: 0;
}
.boader_subject {
		position: relative;
}
.boader_subject:before, .boader_subject:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	display: inline-block;
}
.boader_subject:before {
		border-left: 1px solid #C14480;
		border-bottom: 1px solid #C14480;
		left: 0;
		bottom: 0;
}
.boader_subject:after {
		border-right: 1px solid #C14480;
		border-top: 1px solid #C14480;
		right: 0;
		top: 0;
}
.boader_yo:before, .boader_yo:after {
		border-color: #C14480;
}
.boader_wa:before, .boader_wa:after {
		border-color: #0F9F45;
}
.boader_pa:before, .boader_pa:after {
		border-color: #F18900;
}

@media screen and (max-width:767px) {
		h3 {
	padding-left: 15px;
	margin-bottom: 20px;
		}
h3 div {
	width: auto;
}

		.box19 {
				padding-top: 1em;
				padding-right: 1.4em;
				padding-left: 1.4em;
				padding-bottom: 1em;
				font-size: 15px;
				letter-spacing: 0.1em;
		}
		.boader_subject {
				margin-left: 15px;
				margin-right: 15px;
		}
		#visual .wrap_subject_label .subject_title {
				font-size: 20px;
		}
		.wrap_full {
				margin-bottom: 50px;
		}
		.wrap_collage {
				margin-bottom: 50px;
		}
		.wrap_collage img {
				width: 100%;
				height: auto;
				float: none;
				margin-right: 0px;
		}
		.wrap_collage .wrap_subject {
				float: none;
				width: auto;
				padding-left: 15px;
				padding-right: 15px;
		}

}