@charset "UTF-8";
/*
 * ================================================
 *
 * [support]
 *
 * ================================================
 */
.comingsoon {
	font-size: 2.6rem;
	text-align: center;
	padding: 1em 0;
}
/**
 * ---------------------------------------------------
 * index
 * ---------------------------------------------------
 */
/**
 * msgVox
 */
.msgVox {}
	.msgVox h3 {
		font-size: 2rem;
		font-weight: 500;
		margin-bottom: 25px;
	}
	.msgVox .content {
		overflow: hidden;
	}
		.msgVox .content .voice {
			line-height: 2;
			float: left;
			width: 700px;
		}
		.msgVox .content .face {
			float: right;
		}
			.msgVox .content .face figcaption {
				margin-top: 10px;
			}
				.msgVox .content .face figcaption big {
					font-size: 1.8rem;
				}
/**
 * ---------------------------------------------------
 * philosophy
 * ---------------------------------------------------
 */
/**
 * phIntroVox
 */
.phIntroVox {
	overflow: hidden;
}
	.phIntroVox .image {
		width: 400px;
		float: right;
	}
	.phIntroVox .content {
		width: 480px;
		float: left;
		line-height: 1.8;
	}
		.phIntroVox .content .sign {
			text-align: right;
			/*padding-top: 1em;*/
			line-height: 2;
		}
			.phIntroVox .content .sign .date {
				letter-spacing: .05em;
			}
/**
 * stdVox
 */
.stdVox {
	margin-bottom: 15px;
}
	.stdVox .title {
		font-size: 2.6rem;
		color: #FFF;
		padding: .25em .5em;
		background: #005eac;
		text-align: center;
	}
	.stdVox .content {
		border: 1px solid #005eac;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
		.stdVox .content dl {
			width: 50%;
			padding: 17px 10px 17px 15px;
			position: relative;
		}


		.stdVox .content dl::after {
			content: '';
			position: absolute;
			left: 10px;
			bottom: 0;
			width: 95%;
			height: 1px;
			background: #CED7DA;
		}
		.stdVox .content dl:nth-last-child(-n+2)::after {
			display: none;
		}
		.stdVox .content dt,
		.stdVox .content dd {
			display: table-cell;
			vertical-align: middle;
		}

       	.stdVox .content dt {
			width: 86px;
		}
			.stdVox .content dt span {
				background: #005eac;
				color: #fff;
				font-size: 1.6rem;
				font-weight: bold;
				text-align: center;
				border-radius: 50%;
				width: 86px;
				height: 86px;
				display: table-cell;
				vertical-align: middle;
				line-height: 1.4;
			}
		.stdVox .content dd {
			padding-left: 15px;
		}
		.stdVox .content dl:nth-child(odd) dd::after {
			content: '';
			position: absolute;
			top: 9%;
			right: -.5px;
			width: 1px;
			height: 82%;
			background: #CED7DA;
		}


/*追加*/
.stdVox .content2 {
		border: 1px solid #005eac;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
		.stdVox .content2 dl {
			width: 100%;
			padding: 17px 10px 17px 15px;
			position: relative;
		}

.plus {
  width: 5%;
  margin: 5px auto 3px;
}
/*追加ここまで*/




/**
 * ---------------------------------------------------
 * interview
 * ---------------------------------------------------
 */
/**
 * ---------------------------------------------------
 * message
 * ---------------------------------------------------
 */
.msgTable {
	font-size: 1.4rem;
	margin: 30px 0 0;
}
	.msgTable caption {
		text-align: right;
		margin-bottom: 5px;
		font-size: 1.3rem;
	}
	.msgTable thead th {
		text-align: left;
		padding: 1em;
	}
	.msgTable td {
		padding: 1em;
	}
	.msgTable .name,
	.msgTable .date,
	.msgTable .type {
		white-space: nowrap;
	}
.msgTableWrapper {
}

/**
 ****************************************************
 *
 * screens larger than 767
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {}

/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * ---------------------------------------------------
	 * index
	 * ---------------------------------------------------
	 */
	/**
	 * msgVox
	 */
	.msgVox {}
		.msgVox h3 {
			font-size: 1.5rem;
			margin-bottom: 15px;
		}
		.msgVox .content {}
			.msgVox .content .voice {
				float: none;
				width: auto;
			}
			.msgVox .content .face {
				float: none;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: end;
				    -ms-flex-align: end;
				        align-items: flex-end;
				margin-top: 20px;
			}
				.msgVox .content .face img {
					width: 120px;
				}
				.msgVox .content .face figcaption {
					margin-top: 0;
					padding-left: 1.5em;
				}
					.msgVox .content .face figcaption big {
						font-size: 1.8rem;
					}
	/**
	 * ---------------------------------------------------
	 * philosophy
	 * ---------------------------------------------------
	 */
	/**
	 * phIntroVox
	 */
	.phIntroVox {
		margin-bottom: 0;
	}
		.phIntroVox .image,
		.phIntroVox .content {
			width: auto;
			float: none;
		}
		.phIntroVox .image {
			text-align: center;
			margin-bottom: 15px;
		}
	/**
	 * stdVox
	 */
	.stdVox {}
		.stdVox .title {
			font-size: 1.4rem;
		}
		.stdVox .content {}
			.stdVox .content dl {
				width: 100%;
				padding: 10px;
			}
			.stdVox .content dl:nth-last-child(-n+2)::after {
				display: block;
			}
			.stdVox .content dl:last-child::after {
				display: none;
			}
			.stdVox .content dt {
				width: 80px;
			}
				.stdVox .content dt span {
					font-size: 1.2rem;
					font-weight: 500;
					width: 80px;
					height: 80px;
				}
			.stdVox .content dd {
				padding-left: 10px;
			}
			.stdVox .content dl:nth-child(odd) dd::after {
				display: none;
			}
	/**
	 * ---------------------------------------------------
	 * message
	 * ---------------------------------------------------
	 */
	.msgTable {
		font-size: 1.2rem;
	}
		.msgTable caption {
			font-size: 1.2rem;
		}
		.msgTable thead th {
			text-align: left;
			padding: .75em .5em;
		}
		.msgTable td,
		.msgTable .type {
			padding: 1em .5em;
		}
		.msgTable .type {
			white-space: normal;
			min-width: 7em;
		}
		.msgTable .name {
			white-space: inherit;
		}
		.msgTableWrapper {
			overflow: scroll;
		}
}