@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

.pageTitle {
	background-image: url(/images/voice/bg_pageTitle.jpg);
}

/* voiceLink */
.voiceLinkBox {
}
	.voiceLinkBox .container {
		padding: 0;
	}
		.voiceLinkBox ul {
			border-top: 1px solid #ccc;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
		}
			.voiceLinkBox li {
				width: 100%;
			}
				.voiceLinkBox li a {
					height: 100%;
					padding: 15px;
					border-bottom: 1px solid #ccc;
					display: block;
				}
				.voiceLinkBox li a:hover {
					background: #efefef;
					opacity: 1;
				}
					.voiceLinkBox li a .voiceLink_txt {
						padding-left: 15px;
					}
						.voiceLinkBox li a .voiceLink_txt .txt_name {
							margin-bottom: 10px;
							font-size: 1.2rem;
						}
							.voiceLinkBox li a .voiceLink_txt .txt_name span {
								font-size: 1.6rem;
								font-weight: bold;
							}
						.voiceLinkBox li a .voiceLink_txt .txt_group {
							font-size: 1.2rem;
							line-height: 1.6;
						}

/* voiceBox */
.voiceBox {
}
	.voiceBox .voiceBox_txt {
		order: 2;
	}
		.voiceBox .voiceBox_txt .title_voice {
			margin-bottom: 10px;
			font-size: 1.6rem;
		}
			.voiceBox .voiceBox_txt .title_voice span {
				font-size: 2rem;
				font-weight: bold;
			}
	.voiceBox .thum_img {
		min-height: 10px; /* IE11 */
		margin-bottom: 15px;
		order: 1;
	}
	.scene_img {
		width: 100%;
		margin:40px 0px;
		text-align: center;
	}

/* list_voice */
.list_voice {
}
	.list_voice dt {
		font-weight: bold;
	}
		.list_voice dt span {
		}
	.list_voice dd:not(:last-child) {
		margin-bottom: 15px;
	}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* voiceLink */
.voiceLinkBox {
}
	.voiceLinkBox .container {
	}
		.voiceLinkBox ul {
		}
			.voiceLinkBox li {
				width: 50%;
			}
			.voiceLinkBox li:nth-of-type(2n+1) {
				border-right: 1px solid #ccc;
			}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* voiceLink */
.voiceLinkBox {
}
	.voiceLinkBox .container {
		padding: 0 30px;
	}
		.voiceLinkBox ul {
			border-top: none;
			border-left: 1px solid #ccc;
		}
			.voiceLinkBox li {
				width: 33.3333%;
			}
			.voiceLinkBox li:nth-of-type(2n+1) {
				border-right: none;
			}
				.voiceLinkBox li a {
					padding: 15px;
					border-bottom: none;
					border-right: 1px solid #ccc;
					display: flex;
					align-items: center;
				}
					.voiceLinkBox li a .voiceLink_txt {
					}
						.voiceLinkBox li a .voiceLink_txt .txt_name {
						}
							.voiceLinkBox li a .voiceLink_txt .txt_name span {
								font-size: 1.8rem;
							}
						.voiceLinkBox li a .voiceLink_txt .txt_group {
							font-size: 1.4rem;
						}

/* voiceBox */
.voiceBox {
	align-items: center;
}
	.voiceBox .voiceBox_txt {
		width: 40%;
		order: 1;
	}
		.voiceBox .voiceBox_txt .title_voice {
		}
			.voiceBox .voiceBox_txt .title_voice span {
				font-size: 2.4rem;
			}
	.voiceBox .thum_img {
		width: 60%;
		margin-bottom: 0;
		order: 2;
	}
	.scene_img {
		width: auto;
		margin: 0 0 40px 40px;
		float: right;
	}

/* list_voice */
.list_voice {
}
	.list_voice dt {
	}
		.list_voice dt span {
		}
	.list_voice dd {
	}
	.list_voice dd:not(:last-child) {
		margin-bottom: 30px;
	}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1280px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* voiceLink */
.voiceLinkBox {
}
	.voiceLinkBox .container {
		padding: 0 50px;
	}


}