body {
	background-image: url(../images/top/mv.png);
	background-repeat: no-repeat;
	background-position: right -35% top 70px;
	background-size: 70% auto;
	background-color: #000;
}
@media screen and (min-width: 1300px) {
	body {
		background-size: 1000px auto;
		background-position: left 140% top 0;
	}
}
#mv {
	width: 100%;
	height: 830px;
	position: relative;
}
#mv h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 192px;
	height: 363px;
	margin-left: -96px;
	margin-top: -181px;
}
.top1 {
	height: 500px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	background-image: url(../images/top/ph01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin-bottom: 50px;
}
.top2 {
	width: 85%;
	margin: 0px auto 100px;
}
.top2 dt,
.top2 dt span,
.top2 dd {
	font-family: "ten-mincho",serif;
}
.top2 dt {
	text-align: center;
	margin-bottom: 20px;
	font-size: 120%;
}
.top2 dt span {
	display: block;
	text-align: center;
	font-size: 550%;
	line-height: 100%;
}
.top2 dd {
	text-align: center;
}
.top3 {
	max-width: 800px;
	width: 85%;
	margin: 0px auto 150px;
}
.top3 .t_news {
	border-top: #ccc 1px dotted;
	margin-bottom: 15px;
}
.top3 .t_news dl {
	display: table;
	width: 100%;
	border-bottom: #ccc 1px dotted;
	padding: 15px 0;
}
.top3 .t_news dt {
	display: table-cell;
	vertical-align: top;
	width: 195px;
	font-size: 80%;
	letter-spacing: 1px;
}
.top3 .t_news dd {
	display: table-cell;
	vertical-align: top;
	line-height: 150%;
	font-weight: 100;
}
.top3 .t_news dd strong {
	display: block;
	font-size: 110%;
	font-weight: 400;
	margin-bottom: 7px;
}
.top3 .t_news dd strong a {
	font-weight: 400;
	text-decoration: underline;
}
.top3 p.btn {
	text-align: center;
}
.top3 p.btn a {
	font-family: "ten-mincho",serif;
}
.top4 {
	max-width: 680px;
	width: 85%;
	margin: 0px auto 150px;
}
.top4 .video {
	width: 100%;
	position:relative;
	padding-top:56.25%;
}
.top4 .video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.top4 dl {
	padding-top: 10px;
}
.top4 dt,
.top4 dt span,
.top4 dd {
	font-family: "ten-mincho",serif;
	line-height: 130%;
}
.top4 dt {
	text-align: center;
	font-size: 120%;
	margin-bottom: 10px;
}
.top4 dt span {
	display: block;
	text-align: center;
	font-size: 150%;
}
.top4 dd {
	text-align: center;
}
.top5 {
	max-width: 1100px;
	width: 85%;
	margin: 0px auto 50px;
	overflow: hidden;
}
.top5 li {
	float: left;
	width: 31%;
	margin: 0;
}
.top5 li:nth-child(2) {
	margin: 0 3.5%;
}
.top5 li dl {
	margin-bottom: 15px;
}
.top5 li dt {
	text-align: center;
	margin-bottom: 50px;
}
.top5 li dd {
	font-size: 150%;
	line-height: 100%;
}
.top5 li dd span {
	display: block;
	position: relative;
	top: 0;
	left: 46%;
	font-family: "ten-mincho",serif;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: 4px;
}
.top5 li p {
	text-align: center;
	font-family: "ten-mincho",serif;
	font-size: 90%;
	margin-bottom: 20px;
}
.top5 li p a {
	font-family: "ten-mincho",serif;
}
.top5 li ol {
	width: 120px;
	margin: 0px auto 20px;
	overflow: hidden;
}
.top5 li ol li {
	width: auto;
	margin: 0;
	float: left;
}
.top5 li ol li:nth-child(2) {
	margin: 0 0 0 9px;
}
.top5 li ol li:nth-child(3) {
	margin: 0 0 0 15px;
}
.top6 {
	max-width: 1100px;
	width: 85%;
	margin: 0px auto 50px;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.top6 li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 10px;
}
.top6 li:nth-child(2) {
	margin-right: 0;
}
.top6 dl {
	display: table;
}
.top6 dd {
	display: table-cell;
	width: 40%;
	vertical-align: middle;
}
.top6 dt {
	display: table-cell;
	font-family: "ten-mincho",serif;
	vertical-align: middle;
}
.top6 dt span {
	display: block;
	font-family: "ten-mincho",serif;
	font-size: 150%;
	line-height: 100%;
	letter-spacing: 4px;
}
.top6 dt p {
	font-family: "ten-mincho",serif;
	line-height: 150%;
}
.top6 ol {
	padding-top: 10px;
}
.top6 ol li {
	width: auto;
	margin: 0;
	padding: 0;
	float: left;
	border: none;
}
.top6 ol li:nth-child(2) {
	margin: 0 0 0 9px;
}
.top6 ol li:nth-child(3) {
	margin: 0 0 0 15px;
}









@media screen and (max-width: 900px) {
	#mv {
		height: 650px;
	}
	.top1 {
		background-size: 900px auto;
		height: 350px;
	}
	.top6 li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.top6 dd {
		width: 25%;
	}
	.top6 dt {
		position: relative;
	}
	.top6 dt ol {
		position: absolute;
		right: 5px;
		bottom: 15px;
	}
}








@media screen and (max-width: 680px) {
	#mv {
		height: 550px;
	}
	.top1 {
		background-size: 700px auto;
		height: 300px;
	}
	.top2 dt {
	}
	.top2 dt span {
	}
	.top2 dd {
		text-align: left;
	}
	.top2 dd br {
		display: none;
	}
	.top3 {
		margin: 0px auto 150px;
	}
	.top3 .t_news {
	}
	.top3 .t_news dl,
	.top3 .t_news dt,
	.top3 .t_news dd {
		display: block;
		width: 100%;
	}
	.top3 .t_news dl {
		padding: 15px 0;
	}
	.top3 .t_news dt {
		font-size: 90%;
	}
	.top3 .t_news dd {
		font-size: 90%;
	}
	.top3 .t_news dd strong {
	}
	.top3 .t_news dd strong a {
	}
	.top3 p.btn {
		text-align: center;
	}
	.top3 p.btn a {
		font-family: "ten-mincho",serif;
	}
	
}







@media screen and (max-width: 480px) {
	.top1 {
		background-size: 550px auto;
		height: 250px;
	}
	.top3 {
		margin: 0px auto 50px;
	}
	.top4 {
		margin: 0px auto 70px;
	}
	.top5 {
		width: 100%;
		margin: 0;
	}
	.top5 {
		margin-bottom: 0;
	}
	.top5 li,
	.top5 li:nth-child(2) {
		float: none;
		width: 100%;
		margin: 0;
	}
	.top5 li:nth-child(2) {
		margin-top: -60px;
	}
	.top5 li .contents,
	.top5 li .contents2 {
	  position: relative;
	  overflow: hidden;
	  margin: 10% 0;
	  padding: 60px 0 100px;
	}
	.top5 li .contents:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 120%;
		height: 80%;
		margin: 3% -10% 0;
		background: #011931;
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: rotate(4deg);
		-ms-transform: rotate(4deg);
		transform: rotate(4deg);
		z-index: -1;
	}
	.top5 li .contents2:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 120%;
		height: 80%;
		margin: 2% -10% 0;
		background: #011931;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		z-index: -1;
	}
	.top5 li dl {
		margin-bottom: 0px;
	}
	.top5 li dt {
		width: 60%;
		margin: 0px auto 25px;
	}
	.top5 li dd span {
		display: block;
		position: static;
		text-align: center;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}
	.top5 li ol {
		width: 150px;
		margin: 0px auto 20px;
		overflow: hidden;
	}
	.top5 li ol li,
	.top5 li ol li:nth-child(2),
	.top5 li ol li:nth-child(3) {
		width: 33%;
		margin: 0;
		float: left;
		text-align: center;
	}
	.top6 {
		width: 90%;
		margin: -80px auto 0px;
	}
	.top6 li dt {
		line-height: 110%;
	}
	.top6 li dt p {
		line-height: 120%;
		margin-bottom: 10px;
	}
	.top6 li dt span {
		font-size: 140%;
		line-height: 100%;
	}
	.top6 dd {
		width: 35%;
		padding-right: 10px;
	}
}