/* ---------------------------------------

--------------------------------------- */
#mv {
	height: 1045px;
	width: 100%;
	background: url(../images/top/mv.jpg) no-repeat center bottom 40px;
	background-size: 900px auto;
	background-color: #EFEFEF;
	text-align: center;
	position: relative;
}
#mv h1 {
	position: absolute;
	width: 171px;
	top: 25px;
	left: 50%;
	margin-left: -85px;
}
.top1 {
	width: 100%;
	height: 460px;
	background: url(../images/top/ph01.jpg) no-repeat center center;
	margin-bottom: 40px;
}
.top2 {
	width: 100%;
	height: 460px;
	background: url(../images/top/ph02.jpg) no-repeat center center;
	margin-bottom: 40px;
}
@media screen and (min-width: 1600px) {
	.top1,
	.top2 {
		background-size: 100% auto;
	}
}

.top4 {
	width: 100%;
	background-color: #263973;
	color: #fff;
	padding: 50px 0;
	margin-bottom: 60px;
}
.top4 dt {
	text-align: center;
	font-family: "tbudmincho-std",sans-serif;
	font-size: 140%;
	line-height: 160%;
	max-width: 800px;
	width: 85%;
	margin: 0px auto 20px;
}
.top4 dd {
	max-width: 800px;
	width: 85%;
	margin: 0px auto;
}
.top5 {
	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;
	max-width: 1100px;
	width: 90%;
	margin: 0px auto 60px;
}
.top5 li {
	width: 33%;
	margin-right: 0.5%;
	position: relative;
}
.top5 li:nth-child(3n) {
	margin-right: 0;
}
.top5 li a {
	display: block;
	padding: 20px 20px 160px;
	height: 100%;
}
.top5 li a:hover {
	background-color: #F7F7F7;
	color: #263973;
}
.top5 li a dl {
}
.top5 li a dt {
	font-family: "tbudmincho-std",sans-serif;
	font-size: 135%;
	line-height: 150%;
	color: #263973;
	margin-bottom: 10px;
}

.top5 li a dd {
}
.top5 li a dd p {
	visibility: hidden;
}
.top5 li a dd span {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -62px;
}
.top5 li a dd strong {
	display: none;
}
.top5 li a:hover dd strong {
	display: inherit;
	position: absolute;
	bottom: 0;
	right: 0;
}
.top5 li a:hover dd strong img {
	opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity:1;
    -khtml-opacity: 1;
}
.top6 {
	max-width: 1000px;
	width: 85%;
	margin: 0px auto 60px;
}
.top6 ul {
	overflow: hidden;
}
/*英語版
    →[.top6 ul li]を変更
    2018.10.10
 */
/*.top6 ul li {
  float: left;
  width: 28%;
  margin-right: 8%;
  overflow: hidden;
}*/

.top6 ul li {
	float: left;
	width: 28%;
    margin-left: 12%;
	margin-right: 8%;
	overflow: hidden;
}
.top6 ul li:nth-child(3) {
	margin-right: 0;
}
.top6 ul li ol {
	width: 50%;
	float: left;
}
.top6 ul li ol li {
	float: none;
	width: auto;
	padding-left: 17px;
	background: url(../images/common/point01.png) no-repeat 0 5px;
	margin: 0;
	margin-bottom: 4px;
	line-height: 140%;
}
.top6 ul li ol li a {
}
.top6 ul li ol li a:hover {
	color: #263972;
}
.top6 li dl {
	background: url(../images/top/icon10.png) no-repeat center bottom;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.top6 li dt {
	text-align: center;
	margin-bottom: 10px;
}
.top6 li dd {
	text-align: center;
	font-family: "tbudmincho-std",sans-serif;
	font-size: 140%;
	line-height: 150%;
	color: #263973;
}
.top6 .ttl_style02 strong {
}








@media screen and (max-width: 900px) {
	.top1 {
		height: 300px;
		background: url(../images/top/ph01b.jpg) no-repeat center center;
		margin-bottom: 40px;
	}
	.top2 {
		height: 300px;
		background: url(../images/top/ph02b.jpg) no-repeat center center;
		margin-bottom: 40px;
	}
	.top6 ul li ol {
		width: 1000%;
		float: none;
	}
}









@media screen and (max-width: 680px) {
	#mv {
		height: 800px;
		background-size: 750px auto;
		background-position: center bottom -70px;
	}
	.top1,
	.top2 {
		background-size: 100% auto;
		height: 200px;
	}
	
	.top4 dt {
		font-size: 120%;
	}
	.top5 li,
	.top5 li:nth-child(3n) {
		width: 50%;
		margin-right: 0;
	}
	.top5 li a dt {
		font-size: 110%;
		font-weight: 700;
	}
	.top5 li:nth-child(8) a dt,
	.top5 li:nth-child(9) a dt {
		padding: 13px 0;
	}
	.top6 li dl {
		background-size: 90px auto;
	}
	.top6 li dd {
		font-size: 120%;
	}
}









@media screen and (max-width: 480px) {
	#mv {
		height: 600px;
		background-size: 620px auto;
		background-position: center bottom -100px;
	}
	.top1,
	.top2 {
		background-size: 100% auto;
		height: 140px;
	}
	.top4 dt {
		font-size: 110%;
		text-align: left;
	}
	.top5 li,
	.top5 li:nth-child(3n) {
		width: 100%;
	}
	.top5 li a {
		padding: 20px;
	}
	.top5 li:nth-child(2n) a {
		background-color: #F7F7F7;
	}
	.top5 li a dd p {
		margin: 0;
	}
	.top5 li a dd span {
		position: absolute;
		bottom: auto;
		left: auto;
		margin-left: 0;
		top: -5px;
		right: -5px;
		width: 60px;
	}
	.top6 ul li {
		width: 33%;
		margin-right: 0.5%;
	}
	.top6 li dl {
		background-size: 70px auto;
	}
	.top6 li dd {
		font-size: 110%;
	}
	.top6 ul li ol li {
		font-size: 90%;
		padding-left: 15px;
	}
}