@charset "utf-8";
/* CSS Document */
#sns-top, 
footer p#pc-top {
	display: none;
}

#sns-textbook,
footer p#pc-textbook {
	display: block;
}


/*** #container header ***/

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;
}



/*** #container main ***/

html body div#wrap div#container main {
	background: #fff;
	clear: both;
}
html body div#wrap div#container main section{ /zoom : 1; }
html body div#wrap div#container main section:after{ content : ''; display : block; clear : both; height:0; }

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;
}

/*sec02*/
html body div#wrap div#container main #sec02 img{
	margin-top:-10%;
}

/*sec03*/

html body div#wrap div#container main #sec03 h1{
	padding-bottom:0;
	margin-bottom:0;
	
}
html body div#wrap div#container main #sec03 .left{
	float:left;
	width:50%;
	height:auto;
}
html body div#wrap div#container main #sec03 .left img{
	width:90%;
}
html body div#wrap div#container main #sec03 .right{
	float:right;
	width:50%;
}
html body div#wrap div#container main #sec03 .right img{
	width:100%;
	padding-top:3em;
}

/*sec04*/
html body div#wrap div#container main #sec04 img{
}


/***/
section#mov div {
	height: 0;
	overflow: hidden;
	padding-bottom: 69%;
	margin-bottom:5%;
	position: relative;
	width: 100%;
}
section#mov div iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}



















@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;
}



/*********************************************/