@charset "utf-8";

/* RESPONSIVE */
/* -------------------------------------------------- */
@media screen and (min-width: 1024px) {

	/* 980px以上用（PC用）の記述 */
	/* メインビジュアル */
	#fv::after {
		background: url(../../img/mv/mv_outline.jpg) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.jci {
		padding-bottom: 1em;
	}

	#outLineTable {
		width: 100%;
		font-size: 1.6rem;
	}

	#outLineTable th {
		padding: 20px;
		text-align: left;
		vertical-align: top;
		border: 1px #DDDDDD solid;
	}

	#outLineTable td {
		padding: 20px;
		border: 1px #DDDDDD solid;
	}

	.innerTable {
		width: 100%;
		margin-bottom: 30px;
	}

	.innerTit {
		width: 40%;
	}

	.name {
		padding-right: 30px;
	}

	li.bottomMargin {
		margin-bottom: 0.5em;
	}

}

@media screen and (max-width: 1023px) {

	/* メインビジュアル */
	#fv::after {
		background: url(../../img/mv/mv_outline.jpg) center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.outline #underMainTit {
		background-image: url(../../img/mv/mv_outline.jpg) !important;
		background-position-x: center;
	}

	.jci {
		padding-bottom: 1em;
	}


	#outLineTable {
		width: 100%;
		font-size: 1.5rem;
	}

	#outLineTable th {
		text-align: left;
		vertical-align: top;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		font-weight: bold;
	}

	#outLineTable td {
		padding: 10px;
		border: 1px #DDDDDD solid;
		box-sizing: border-box;
		display: block;
		margin-bottom: 20px;
	}

	.innerTable {
		width: 100%;
	}

	.list li {
		font-size: 1.2rem;
		color: #666666;
		line-height: 1.4;
		margin-bottom: 1em;
	}

	.list li span {
		font-size: 1.5rem;
		color: #333;
	}

	li.bottomMargin {
		margin-bottom: 2em;
	}

}

@media screen and (max-width: 767px) {

	#outLineTable {
		font-size: 1.5rem;
	}

}