@charset "UTF-8";

/* ===============================
	frozen-menu
 =============================== */
.subTtl {
	margin-top: 4em;
}

section.sub ul.col2 li p {
	padding: 0 0.5em;
}

.other {
	margin-top: 2em;
	background: url(images/bg-use.png) repeat left top;
}

hr.dashed {
	height: 0;
	border: none;
	border-bottom: dashed 1px #718a97;
}

#column ul.square {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#column ul.square li:BEFORE {
	color: #34586a;
}

#column em {
	color: red;
}

/* ===============================
	device setting
 =============================== */
@media print , screen and (min-width: 415px) {
 	#naviArea {
		margin-bottom:0 !important;
	}
	#naviFrozen {
		background: url(images/bg-navi.png) no-repeat center top;
	}
	section.sub ul.col2 li p {
		height: 3.5em;
	}
	section.sub ul.col2 li p.highBox {
		height: 5em;
	}
	.ttl {
		width: 800px;
		margin: 0 auto;
		margin-top: 3em;
		margin-bottom: 2em;
	}
	#about .tableCell.left {
		width: 330px;
	}
	#about .tableCell.right {
		width: 416px;
		padding-top: 40px;
		padding-left: 58px;
	}
	#about .red {
		margin-top: 0.5em;
		font-size: 1.3em;
		line-height: 1.4em;
		color: red;
		font-size: 1.3em;
	}
	.other {
		padding: 20px 50px;
	}
	.other .text {
		padding: 0.5em 0;
	}
	.other .tableCell.left {
		padding-right: 25px;
	}
	.other .tableCell.right {
		padding-left: 25px;
	}
	.sub2ttl {
		margin-bottom: 2em;
	}
	#column .tableCell.left {
		width: 416px;
		padding-right: 25px;
	}
	#column .tableCell.right {
		width: 384px;
	}
}

@media screen and (max-width: 414px) {
	#naviFrozen {
		background-image: url(images/bg-navi@sp.png);
	}
	.ttl {
		margin-top: 3em;
	}
	#about .inBox {
		padding: 1em;
	}
	#about .left {
		padding: 0 1em;
	}
	.other {
		margin-top: 2em;
		padding: 1em;
	}
	.sub2ttl {
		margin-bottom: 1em;
	}
}