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

#main-img {
	background-image: url(images/main-img.png);
}

/*contents01*/

.contents01 {
	width: 820px;
	margin-bottom: 80px;
	background-image: url(images/contents.png);
	background-repeat: repeat;
	background-position: center top;
	padding: 30px;
	margin-top: 75px;
}

.contents01-box {
	background-color:#FFF;
	padding:35px;
	text-align:center;
}

.contents01-box h4 {
	margin-bottom:25px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 24px;
	line-height: 1.3em;
	color: #009245;
	letter-spacing:0.1em;
}

.contents01-box h5 {
	margin-bottom:30px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 18px;
	line-height: 1.3em;
	color: #FFF;
	background-color:#000;
	letter-spacing:0.1em;
	padding:15px;
	padding-top:8px;
	padding-bottom:6px;
	display:inline-block;
}

.contents01-box p {
	text-align:left;
}


/*contents02*/

.contents02 {
	width:820px;
	margin-bottom:80px;
}

.contents02-box {
	padding:30px;
	border: 12px solid #e5e5e5;
	margin-bottom:30px;
}

.contents02-box .box  {
	margin-bottom:30px;
}

.contents02-box .box h5 {
	display:inline-block;
	vertical-align:top;
	padding:20px;
	padding-top:6px;
	padding-bottom:4px;
	background-color:#ea6000;
	font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	color: #FFF;
	letter-spacing:0.1em;
	border-radius:30px;
	margin-right:15px;
}

.contents02-box .box h6 {
	display:inline-block;
	vertical-align:top;
	font-size:26px;
	padding-top:2px;
	padding-bottom:2px;
	font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
	line-height: 1.2;
	color: #000;
	letter-spacing:0.1em;
}

.img-box div {
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
	margin-right:10px;
	width:340px;
}


.space01 {
	margin-bottom:15px;
}

.sp-view {
    display: none;
}

html, body {
    height: 100%;
}


@media screen and (max-width: 737px) {


/*contents01*/

.contents01 {
	margin-top:20px;
	width:92%;
	margin-bottom:80px;
	padding: 20px;
}

.contents01-box {
	padding:25px;
}


/*contents02*/

.contents02 {
	width:92%;
	margin-bottom:80px;
}

.contents02-box {
	padding:20px;
	border: 6px solid #e5e5e5;
}

.contents02-box .box h5 {
	margin-right:15px;
	margin-bottom:10px;
}

.img-box div {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}



    .pc-view {
        display: none;
    }
    .sp-view {
        display: block;
    }
   
}