@charset "utf-8";
/* CSS Document */
#sns-top, 
footer p#pc-top {
	display: none;
}

#sns-acce, 
footer p#pc-acce {
	display: block;
}


html body div#wrap div#container header section:nth-of-type(2) {
	/* overflow: hidden; */
	position: relative;
	z-index: 2;
}

html body div#wrap div#container header section:nth-of-type(2) figure {
	border: solid 1px #ccc;
	float: left;
	font-size: 0;
	margin: 0 10px;
	width: 32.8%;
}

html body div#wrap div#container header section:nth-of-type(2) p {
	clear: both;
	float: left;
	padding: 10px 0 10px 10px;
	width: 33%;
}

html body div#wrap div#container header section:nth-of-type(2) h2, 
html body div#wrap div#container header section:nth-of-type(2) > ul:nth-of-type(1) {
	padding: 0 10px 5px 40%;
}

html body div#wrap div#container header section:nth-of-type(2) h2 {
	width: 92%;
}

html body div#wrap div#container header section:nth-of-type(2) ul:nth-of-type(1) li:nth-of-type(3) {
	margin: 1em 0 0 0;
}

html body div#wrap div#container header section:nth-of-type(2) ul:nth-of-type(2) {
	float: left;
	padding: 0 10px 30px 38%;
	width: 100%;
}

html body div#wrap div#container header section:nth-of-type(2) ul:nth-of-type(2) li {
	margin: 20px 10px 0 0;
}

html body div#wrap div#container main {
	background: #fff;
	clear: both;
}

html body div#wrap div#container main section {
	clear: both;
	/* padding: 3% 0 0 0; */
	position: relative;
}

html body div#wrap div#container main section h1 {
	background: #ff6e03;
	color: #fff;
	padding: 5px 10px;
}

html body div#wrap div#container main section img {
	float: right;
	margin: -3% 0 0 0;
}

html body div#wrap div#container main section:nth-of-type(3) {
}

html body div#wrap div#container main section:nth-of-type(3) p {
	background: transparent;
	position: relative;
}

html body div#wrap div#container main section:nth-of-type(3) p span {
	left: 10px;
	position: absolute;
	top: 10px;
	width: 200px;
}

@media screen and (max-width: 320px) {
	html body div#wrap div#container main section:nth-of-type(3) p span {
		width: 170px;
	}
}

@media screen and (min-width: 540px) {
	html body div#wrap div#container main section:nth-of-type(3) p span {
		width: 300px;
	}
}

html body div#wrap div#container main section:nth-of-type(3) img {
}

html body div#wrap div#container main section:nth-of-type(4) img {
	float: none;
	margin: 0;
}

html body div#wrap div#container main section p {
	background: #fff;
	padding: 10px;
}

html body div#wrap div#container main nav.link {
	clear: both;
}



/*********************************************/

html body div#wrap div#container main #sec03{
	background: url(../acce/img/acce_img04.png) right bottom no-repeat;
	background-size: 312px auto;
	padding-bottom:80px;
}

html body div#wrap div#container main #sec03 #sec03_txt01{
	padding-right:170px;
}
