@charset "UTF-8";
/* CSS Document */

.contents.guidelines .main-img {
	height: 450px;
	background-image: url("../images/common/mainimg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 40px;
}

.contents.guidelines h1.title {
	font-style: normal;
	font-size: 2.9vw;
    left: 0;
}

.contents.guidelines .yoko {
	width: 100%;
	margin: 50px 0 100px;
	padding: 0;
	float: left;
}

.contents .yoko .notice {
	width: 90%;
	margin: 0 5%;
	text-align: center;
	font-size: 18px;
}

.contents .yoko table {
	width: 90%;
	margin: 0 5%;
	border-top: #022b1c 1px solid;
	border-left: #022b1c 1px solid;
	border-right: #022b1c 1px solid;
	border-collapse:  collapse;
	box-sizing: border-box;
}

.contents .yoko table td {
	padding: 10px 20px;
	border-bottom: #022b1c 1px solid;
}

.contents .yoko table td:nth-of-type(1) {
	width: 200px;
	text-align: center;
	border-right: #022b1c 1px solid;
	background-color: #f2f2f2;
}

.contents.guidelines .fukuri {
	width: 98%;
	margin: 50px 1%;
	padding: 0;
	float: left;
}

.contents.guidelines .fukuri dl {
	width: 12%;
	height: 270px;
	margin: 0 0.5% 20px;
	padding: 0;
	float: left;
	background-color: #f2f2f2;
}

.contents.guidelines .fukuri dl dt {
	text-align: center;
	vertical-align: middle;
	padding: 10px 5px 0px;
	height: 70px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.contents.guidelines .fukuri dl.scholarship dt { background-image: url("../images/guidelines/ico-scholarship.png"); }

.contents.guidelines .fukuri dl.healthcare,
.contents.guidelines .fukuri dl.moving,
.contents.guidelines .fukuri dl.licence,
.contents.guidelines .fukuri dl.bicycle { background-color: #878787;margin: 0;color: #FFF; }

.contents.guidelines .fukuri dl.healthcare dt { background-image: url("../images/guidelines/ico-healthcare-w.png"); }
.contents.guidelines .fukuri dl.baby dt { background-image: url("../images/guidelines/ico-baby-b.png"); }
.contents.guidelines .fukuri dl.moving dt { background-image: url("../images/guidelines/ico-moving-w.png"); }
.contents.guidelines .fukuri dl.rent dt { background-image: url("../images/guidelines/ico-rent-b.png"); }
.contents.guidelines .fukuri dl.licence dt { background-image: url("../images/guidelines/ico-licence-w.png"); }
.contents.guidelines .fukuri dl.health dt { background-image: url("../images/guidelines/ico-health-b.png"); }
.contents.guidelines .fukuri dl.bicycle dt { background-image: url("../images/guidelines/ico-bicycle-w.png"); }

.contents.guidelines .fukuri dl dd { margin: 10px;font-size: 15px; }

.contents.guidelines .fukuri dl dd h3 {
	text-align: center;
	font-size: 16px;
	font-family: 'notoBold';
}

.contents.guidelines .schedule {
	width: 100%;
	margin: 50px 0 100px;
	padding: 0;
	float: left;
}

.contents.guidelines .schedule .area {
	width: 1000px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
}

.contents.guidelines .schedule .area dl {
	width: 16%;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 28px;
	text-align: center;
}

.contents.guidelines .schedule .area dl dt {
	color: #022B1C;
	font-family: 'notoBold';
}

.contents.guidelines .schedule .area dl dd {
	text-align: center;
	background-color: #eeeeee;
	height: 80px;
	line-height: 80px;
	width: 100%;
	margin: 10px 0 0;
	padding: 0;
	border-radius: 0px 0 20px 0;
}

.contents.guidelines .schedule .area .arr {
	width: 5%;
	height: 140px;
	margin: 0;
	float: left;
	background-image: url("../images/guidelines/arr.png");
	background-position: center;
	background-repeat: no-repeat;
}

.contents.guidelines .schedule .area-foot {
	width: 100%;
	margin: 0 0 20px;
	font-size: 18px;
	text-align: center;
}

.contents.guidelines .schedule small {
	width: 90%;
	margin: 20px 5%;
	float: left;
	text-align: center;
	font-size: 16px;
}

.contents.guidelines .schedule address {
	width: 90%;
	margin: 20px 5%;
	float: left;
	text-align: center;
	font-size: inherit;
	font-style: normal;
	font-family: 'notoBold';
	line-height:normal
}


/* ****************************************************************** *
        MOBILE  LAYOUT
********************************************************************* */
@media screen and (max-width:1500px) {
	.contents.guidelines .fukuri dl,
	.contents.guidelines .fukuri dl.healthcare,
	.contents.guidelines .fukuri dl.moving,
	.contents.guidelines .fukuri dl.licence,
	.contents.guidelines .fukuri dl.bicycle{
		width: 23%;
		height: 220px;
		margin: 0 1% 20px;
	}
}

@media screen and (max-width:1300px) {
	.contents.guidelines .main-img {
		height: 400px;
	}
	.contents.guidelines h2.common { 
		font-size: 28px;
		height: auto;
		line-height: 28px;
		padding: 20px 50px;
	}
	.contents.guidelines .fukuri dl,
	.contents.guidelines .fukuri dl.healthcare,
	.contents.guidelines .fukuri dl.moving,
	.contents.guidelines .fukuri dl.licence,
	.contents.guidelines .fukuri dl.bicycle{
		height: 240px;
	}
	.contents.guidelines .schedule .area dl dd {
		font-size: 24px;
	}
}

@media screen and (max-width:1100px) {
	.contents.guidelines .main-img {
		margin: 40px 0 0;
	}
	.contents.guidelines .schedule .area {
		width: 90%;
		margin: 0 5%;
	}
}

@media screen and (max-width:980px) {
	.contents.guidelines .main-img {
		margin: 25px 0 0;
		height: 300px;
	}
	.contents.guidelines .schedule .area {
		margin-bottom: 15px;
	}
	.contents.guidelines .schedule .area dl {
		font-size: 24px;
	}
	.contents.guidelines .schedule .area dl dd {
		font-size: 20px;
	}
	.contents .yoko table td {
		width: 96%;
		padding: 10px 2%;
		float: left;
	}
	.contents .yoko table td:nth-of-type(1) {
		width: 96%;
		background-color: #022B1C;
		color: #FFF;
	}
}

@media screen and (max-width:880px) {
	.contents h2.common { 
		width: auto;
		min-width: 250px;
		margin: 30px 0 0;
		padding: 10px 0;
		text-align: center;
	}
	.contents.guidelines .fukuri dl,
	.contents.guidelines .fukuri dl.healthcare,
	.contents.guidelines .fukuri dl.moving,
	.contents.guidelines .fukuri dl.licence,
	.contents.guidelines .fukuri dl.bicycle{
		width: 48%;
		height: 220px;
	}
	.contents.guidelines .schedule .area {
		height: auto;
	}
	.contents.guidelines .schedule .area dl {
		width: 70%;
		margin: 0 15%;
		font-size: 28px;
		float: none;
	}
	.contents.guidelines .schedule .area dl dd {
		height: 50px;
		line-height: 50px;
		font-size: 24px;
	}
	.contents.guidelines .schedule .area .arr {
		width: 100%;
		height: 40px;
		margin: 20px 0;
		background-image: url("../images/guidelines/arr_dwn.png");
	}
}

@media screen and (max-width:680px) {
	.contents.guidelines h2.common {
		font-size: 20px;
		line-height: 20px;
	}
	.contents h2.common {
		width: auto;
	}
}

@media screen and (max-width:500px) {
	.contents.guidelines {
		margin: 0;
	}
	.contents.guidelines .main-img {
		height: 200px;
	}
	.contents h2.common {
		min-width: 120px;
	}
	.contents .yoko .notice {
		width: 80%;
		margin: 0 15% 0 5%
	}
	.contents .yoko table {
		width: 80%;
		margin: 0 15% 0 5%;
	}
	.contents.guidelines .fukuri dl,
	.contents.guidelines .fukuri dl.healthcare,
	.contents.guidelines .fukuri dl.moving,
	.contents.guidelines .fukuri dl.licence,
	.contents.guidelines .fukuri dl.bicycle{
		width: 80%;
		margin: 0 15% 20px 5%;
		height: auto;
	}
	.contents.guidelines .schedule .area {
		width: 80%;
		margin: 0 15% 0 5%;
	}
	.contents.guidelines .schedule .area dl {
		width: 100%;
		margin: 0;
	}
	.contents.guidelines .schedule .area-foot {
		width: 85%;
		margin-right: 15%;
		font-size: 16px;
	}
	.contents.guidelines .schedule address {
		font-size: 4.5vw;
	}
	.contents.guidelines .schedule small,
	.contents.guidelines .schedule address {
		width: 80%;
		margin: 20px 15% 20px 5px;
	}
}

@media screen and (max-width:480px) {
	.contents .main-img h1.title {
		margin: 30px 0 0 0;
		font-size: 20px;
	}
	.contents.guidelines .main-img {
		margin: 41px 0 0;
	}
}