@charset "UTF-8";
/* CSS Document */
.n-mt {
	margin-top: -10px;
}
@media screen and (max-width: 640px) {
	.n-mt {
		margin-top: -20px;
	}
}
/* feature */
#feature h2{
	background:#12c3ad;
	color:#fff;
	font-size:20px;
	padding:8px;
	text-align:center;
	margin-bottom:15px;
}
@media screen and (max-width: 640px) {
	#feature h2{
	margin: 20px 0 10px;
	}
}

#feature .left-unit,
#feature .right-unit{
	float:left;
	display:inline;
	width:460px;
	margin-right:40px;
}
@media screen and (max-width: 640px) {
	#feature .left-unit,
	#feature .right-unit{
		margin-bottom:30px;
	}
}

#feature .right-unit{
	margin-right:0;
}

/* schedule */
.schedule h3{
	font-size:18px;
	font-weight:bold;
	background:none;
	border:none;
	padding:0;
	margin:0;
}

.schedule ul{ margin-top:0; }

.schedule li{ margin-top:15px; }

.schedule li:first-child{ margin-top:0; }

.schedule li p{ margin-top:12px; }

@media screen and (max-width: 640px) {
	.schedule{ margin-top:20px; }
	.schedule p{
		margin:0;
		padding-bottom:10px;
	}
}
li.item01{ background:url(../images/img_item01.jpg) no-repeat 0 0; }
li.item02{ background:url(../images/img_item02.jpg) no-repeat 0 0; }
li.item03{ background:url(../images/img_item03.jpg) no-repeat 0 0; }
li.item04{ background:url(../images/img_item04.jpg) no-repeat 0 0; }
li.item05{ background:url(../images/img_item05.jpg) no-repeat 0 0; }
li.item06{ background:url(../images/img_item06.jpg) no-repeat 0 0; }
li.item07{ background:url(../images/img_item07.jpg) no-repeat 0 0; }
li.item08{ background:url(../images/img_item08.jpg) no-repeat 0 0; }
li.item09{ background:url(../images/img_item09.jpg) no-repeat 0 0; }
li.item10{ background:url(../images/img_item10.jpg) no-repeat 0 0; }

.schedule .gray{
	width:650px;
	background-color:#f5f5f5;
	height: 93px;
	margin-left: 0;
    padding: 35px 30px 55px 30px;
	display: inline-block;
    margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
	.schedule .gray{
		width:auto;
		margin-bottom:20px;
		padding: 20px 10px 10px 10px;
		height: auto;
		width: 100%;
	}
}

.schedule .line{
	width:649px;
	height:93px;
	margin-left: 0;
	padding: 35px 30px 55px 30px;
	border:1px solid #e5e5e5;
	border-left:none;
	display: inline-block;
    margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
	.schedule .line{
		width:auto;
		border-top:none;
		margin-bottom:20px;
		padding: 20px 10px 10px 10px;
		margin-left: 0;
		height: auto;
		width: 100%;
		border-left: 1px solid #e5e5e5;
	}
	.schedule .sp-left {
		text-align: left;
	}
}
.schedule > img{
	width: 250px;
}
@media screen and (max-width: 640px) {
	.schedule > img{
		width: 100%;
	}
}


/* faq */
.faq{
	border:1px solid #e5e5e5;
	padding:19px 19px 0;
	margin-bottom:30px;
}

@media screen and (max-width: 640px) {
	.faq{
		padding:10px 10px 0;
	}
}

.faq p{margin:0;}

.qu{
	background:url(../images/bg_q.gif) 0 0 no-repeat;
	padding:0 0 19px 55px;
	border-bottom:1px dotted #d5d5d5;
	font-weight:bold;
}

@media screen and (max-width: 640px) {
	.qu{
		background-size:33px 33px;
		padding:0 0 20px 45px;
	}
}

.an{
	background:url(../images/bg_a.gif) 0 20px no-repeat;
	padding:19px 0 19px 55px;
}
@media screen and (max-width: 640px) {
	.an{
		background:url(../images/bg_a.gif) 0 10px no-repeat;
		background-size:33px 33px;
		padding:10px 0 10px 45px;
	}
}


.content ul.baseway p{
	margin-left: 1em;
	margin-bottom: 8px;
}

@media screen and (min-width: 640px) {
	
	#feature h2.gaiyou-title {
	background: none;
	color: #000;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #41C4AE;
	text-align:left;
	}

	#feature h2.gaiyou-title::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
	}
}