@charset "utf-8";

/*------------------------------------------------------------
	サイトポリシー
------------------------------------------------------------*/

#main {
	padding-bottom: 60px;
}
#main .mainBox {
	padding: 50px 40px 100px;
}
#main h3 {
	margin-bottom: 16px;
	color: #1a96ad;
	font-size: 3rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}
#main p {
	margin-bottom: 30px;
	line-height: 1.875;
}
#main p:last-child {
	margin-bottom: 0;
}
#main p a {
	color: #1a96ad;
	text-decoration: underline;
}
#main p a:hover {
	text-decoration: none;
}
#main table {
	margin-top: 30px;
}
#main table th, #main table td {
	width: 76%;
	vertical-align: middle;
}
#main table th {
	width: 24%;
	font-size: 1.6rem;
}



.mainBox h2 {
	font-size:1.25em;
	font-weight:bold;
	margin: 4% 0 1%;
}

.mainBox h3 {
	font-size:1.1875em;
	font-weight:bold;
	margin: 4% 0 1%;
}

.mainBox h4 {
	font-size:1.125em;
	font-weight:bold;
	margin: 4% 0 1%;
}

.mainBox h5 {
	font-size:1.0625em;
	font-weight:bold;
	margin: 2% 0 1%;
}

.mainBox h2:first-child,
.mainBox h3:first-child,
.mainBox h4:first-child,
.mainBox h5:first-child {
	margin-top: 0;
}

.mainBox p {
	margin: 0 auto 2%;
}

.mainBox ol,
.mainBox ul {
	padding-left: 1.3em;
	margin-left: 1.3em;
	margin-bottom: 30px;
}
.mainBox li {
	margin-bottom: 5px;
}

@media all and (max-width: 767px) {
	.mainBox ol,
	.mainBox ul {
		padding-left: .8em;
		margin-left: .8em;
	}
}
.mainBox ol {
	list-style-type: decimal;
}

.mainBox hr {
	background-color: #bbb;
	border: none;
	height: 2px;
	max-width: 100% !important;
	margin: 5% auto;
}

.mainBox .blueBox {
	background: #e8f4f7;
	padding: 4%;
}


@media all and (max-width: 767px) {
	#main {
		padding-bottom: 30px;
	}
	#main .mainBox {
		padding: 0;
	}
	#main .bgBox {
		margin: 0 0 30px;
		padding: 23px 12px 30px;
		width: auto;
		border-bottom: 1px solid #C5C5C5;
		background: #F6F7F9;
	}
	#main p {
		margin-bottom: 10px;
		line-height: 2;
        margin-bottom: 10px;
        font-size: 1.07em;
	}
	#main h3 {
		margin-bottom: 8px;
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	#main p a:hover {
		text-decoration: underline;
	}
	#main table {
		margin-top: 0;
	}
	#main table th, #main table td {
		padding: 0 0 13px;
		width: 100% !important;
		float: left !important;
		border: none;
	}
	#main table th {
		padding: 4px 0 12px;
		font-size: 1.5rem;
		position: relative;
	}
	#main table th:before {
		width: 40px;
		height: 4px;
		position: absolute;
		left: 0;
		bottom: 6px;
		background: #3A3A3A;
		content: "";
    }
    .mainBox li {
        font-size: 1.07em;
    }
}