/* CSS Document */

#pageTab{
	padding-top: 0;
	}

#advertise{
	background: #fff;
	}
	#advertise h2{
		padding-bottom: 0.8em;
		font-weight: bold;
		font-size: 1.5em;
		line-height: 1.5em;
		border-bottom: 2px solid #00b0ca;
		}
	#advertise h2+section{
		padding-top: 2em;
		}
	#advertise section{}
		#advertise section > div+div{
			margin-top: 2em;
			}
	#advertise section+section{
		padding-top: 0;
		}
	#advertise h3{
		position: relative;
		padding-left: calc(4px + 0.5em);
		font-weight: bold;
		font-size: 1.5em;
		line-height: 1.5em;
		}
		#advertise h3:before{
			content: "";
			position: absolute;
			top: 0.2em;
			left: 0;
			width: 4px;
			height: 1em;
			background: #00b0ca;
			border-radius: 2px;
			}
	#advertise h3+div{
		margin-top: 2em;
		}
	#advertise p{
		line-height: 1.7em;
		}
	#advertise p+p{
		margin-top: 1em;
		}
	#advertise h4{
		position: relative;
		padding-left: 1.2em;
		font-weight: bold;
		line-height: 1.5em;
		}
		#advertise h4:before{
			content: "■";
			position: absolute;
			top: 0;
			left: 0;
			}
	#advertise h4+div{
		margin-top: 1em;
		}
	#advertise ul{}
		#advertise ul:not(:first-child){
			margin-top: 1em;
			}
		#advertise ul > li{
			position: relative;
			padding-left: 1.5em;
			}
			#advertise ul > li:before{
				content: "";
				position: absolute;
				top: 0.7em;
				left: 0.5em;
				width: 6px;
				height: 6px;
				margin: -3px;
				background: #b2b6bc;
				border-radius: 100%;
				}
	#advertise li{
		line-height: 1.5em;
		}
	#advertise li+li{
		margin-top: 0.5em;
		}
	#advertise dl{}
		#advertise dl:not(:first-child){
			margin-top: 1em;
			}
	#advertise a{
		color: #00b0ca;
		}

.table{
	display: flex;
	background: #fff;
	border: 1px solid #b2b6bc;
	border-radius: 12px;
	overflow: hidden;
	}
	.table > dt,
	.table > dd{
		padding: 0.8em;
		line-height: 1.5em;
		}
	.table > dt{
		background: #27344d;
		color: #fff;
		font-weight: bold;
		}
	.table > dd{
		color: #666;
		}

.fee{
	display: flex;
	margin-bottom: 1em;
	}
	.fee > dt,
	.fee > dd{
		padding: 0.3em 0;
		line-height: 1.5em;
		}
	.fee > dt{
		width: 6em;
		border: 1px solid currentColor;
		text-align: center;
		}

.contact{
	display: inline-flex;
	flex-direction: column;
	}
	.contact > dt{
		position: relative;
		align-self: flex-start;
		margin: 0 0 -0.5em 1.5em;
		padding: 0 1em;
		background: #fff;
		font-weight: bold;
		}
	.contact > dd{
		padding: 1.5em 1.5em 1em 1.5em;
		border: 1px solid #b2b6bc;
		border-radius: 12px;
		line-height: 1.5em;
		}




/* for all */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767.98px) {
/*767以下px*/
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
.table{
	flex-direction: column;
	}
.fee{
	flex-direction: column;
	}
	.fee > dd{
		padding-top: 0.5em;
		}
	.fee > dd+dt{
		margin-top: 1em;
		}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
.table{
	flex-wrap: wrap;
	}
	.table > dt,
	.table > dd{}
		.table > dt:nth-of-type(n+2),
		.table > dd:nth-of-type(n+2){
			border-top: 1px solid #b2b6bc;
			}
	.table > dt{
		width: 10em;
		}
	.table > dd{
		width: calc(100% - 10em);
		}
.fee{
	flex-wrap: wrap;
	align-items: flex-start;
	}
	.fee > dt,
	.fee > dd{}
		.fee > dt:nth-of-type(n+2),
		.fee > dd:nth-of-type(n+2){
			margin-top: 1em;
			}
	.fee > dt{
		width: 6em;
		}
	.fee > dd{
		width: calc(100% - 7em);
		margin-left: 1em;
		}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}