@charset "utf-8";

/* www.hokusyo-k.co.jp/
 * Style sheet for the HTML 5
 * Last modify 2018/05/21 15:10
 */


/* header Style
----------------------------------------------------- */
#header {
	padding: 27% 20px 25%;
	background: url("../businesscontents/img/bg_hd01_sp.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
	#header h1 img {
		width: 39.64%;
	}

/* PC */
@media screen and (min-width:641px) {
#header {
	box-sizing: border-box;
	padding: 40px 0 75px;
	background: url("../businesscontents/img/bg_hd01.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
	#header h1 img {
		width: 135px;
	}
}

/* main Style
----------------------------------------------------- */
#main {
}
	#main img {
		max-width: 100%;
	}
	#main .text01 {
		margin-bottom: 20px;
	}
		#main h2 img {
			width: 83.44%;
		}
		#main p {
			font-size: 16px;
		}
	#business01 {
		margin: 30px 0 40px;
	}
	#business01:after {
		clear: both;
		content:"";
		display: block;
	}
		#business01 li {
			width: 47%;
			margin-bottom: 20px;
		}
		#business01 li:nth-child(odd) {
			float: left;
		}
		#business01 li:nth-child(even) {
			float: right;
		}
	#main h3 {
		border-bottom: 2px dotted #0b2e56;
		text-align: center;
	}
		#main h3 img {
			width: 67.93%;
		}

/* PC */
@media screen and (min-width:641px) {
#main {
	padding: 0 0 65px;
}
#main .contentsWrap {
	width: 860px;
	margin: 0 auto;
}
	#main .text01 {
		margin-bottom: 10px;
		text-align: center;
	}
	#main h2 {
		margin-bottom: 45px;
	}
		#main h2 img {
			width: 581px;
		}
		#main p {
			font-size: 18px;
		}
	#business01 {
		margin: 50px 0;
	}
	#business01:after {
		clear: both;
		content:"";
		display: block;
	}
		#business01 li {
			width: 160px;
			margin: 0 0 25px 14px;
		}
		#business01 li:nth-child(odd),
		#business01 li:nth-child(even) {
			float: left;
		}
		#business01 li:first-child,
		#business01 li:nth-child(5n+1) {
			margin-left: 0;
		}
	#main h3 {
		margin: 0 0 25px;
		padding: 0 0 25px;
		border-bottom: 3px dotted #0b2e56;
	}
		#main h3 img {
			width: 340px;
		}

}

/* !h(n)eading
---------------------------------------------------------- */

/* PC */
@media screen and (min-width:641px) {
}

/* Link Style
----------------------------------------------------- */

/* PC */
@media screen and (min-width:641px) {
}

/* List Style
----------------------------------------------------- */

/* PC */
@media screen and (min-width:641px) {

}


/*Form Style
----------------------------------------------------- */


/* Line Style
----------------------------------------------------- */


/* Block Style
----------------------------------------------------- */


/* Margin / Padding /Float /Position Style
----------------------------------------------------- */


/* Text Style
----------------------------------------------------- */


/* Image Style
----------------------------------------------------- */


/* Table Style
----------------------------------------------------- */

/*slider
----------------------------------------------------- */
#slidersWrap {
	margin: 0 -20px;
}
.sp-slide.last img {
	z-index: 1;
}
.sp-slide img {
	position: relative;
	z-index: 5;
}

/* PC */
@media screen and (min-width:641px) {
#slidersWrap {
	margin: 0 0 70px;
}
}