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


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


    INDEX PAGE
	

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

#main{
	width:100%;
	height:678px;
	position:relative;
	background:url(../images/index/main.jpg) no-repeat center top;
	background-size:cover;
	margin-top:100px;
}

#main .copy{
  position: absolute;
  top:50%;
  left: 40%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
  width:1027px;
  height:auto;
}

#main .copy img{
  width: 100%;
  height: auto;
}


.index-wrapper{
	width:100%;
	/*height:100%;*/
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
.index-wrapper {
	padding-bottom:630px;
	}
}

/* Edge */
@supports (-ms-ime-align: auto) {
.index-wrapper {
	padding-bottom:1px;
	}
}

/*Firefox*/
@-moz-document url-prefix() {
.index-wrapper {
	padding-bottom:630px;
	}
}

.cont-inner{
	width:1000px;
	height:auto;
	margin:0 auto;
	position:relative;
}



@media screen and (max-width: 960px) {
#main{
	height:auto;
	background:none;
	margin-top:50px;
}

#main img{
	width: 100%;
	height: auto;
}

#main .copy{
	display:none;
}

.cont-inner{
	width:100%;
}
}



/*INDEX CONTENT  -----------------------------------------------*/
.index-cont01{
	width:100%;
	height:auto;
	position:relative;
}

.index-cont01 > h2{
	width:100%;
	text-align:center;
	font-size:18px;
	padding:120px 0px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-family: 'Noto Serif JP', sans-serif;
	line-height:2;
}

.index-cont01 .paint{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.index-cont01 .paint img{
	width:100%;
	height:auto;
}

.index-cont02{
	width:100%;
	height:600px;
	background:url(../images/index/index_02.jpg) no-repeat 0 0;
	background-size:cover;
	position:relative;
}

.index-cont02 .box{
	width:800px;
	height:380px;
	background-color:#0A3270;
	position:absolute;
	top:110px;
	right:0px;
	color:#FFFFFF;
}

.index-cont02 .box .box-inner{
	position:absolute;
	z-index:20;
}

.index-cont02 .box  h2{
	text-align:center;
	font-size:28px;
	width:100%;
	margin:0 auto;
	margin-top:95px;
	margin-bottom:15px;
}

.index-cont02 .box  h3{
	width:75%;
	margin:0 auto;
	margin-bottom:30px;
}

.index-cont03{
	width:100%;
	height:600px;
	background:url(../images/index/index_03.jpg) no-repeat 0 0;
	background-size:cover;
	position:relative;
}

.index-cont03 .box{
	width:700px;
	height:250px;
	background-color:#CD2441;
	position:absolute;
	color:#FFFFFF;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	z-index: 9;
}

.index-cont03 .box > h2{
	text-align:center;
	margin-top:40px;
	margin-bottom:15px;
}

.index-cont03 .box > h3{
	width:75%;
	margin:0 auto;
	margin-bottom:30px;
	text-align:center;
}

/*
.index-cont04{
	width:100%;
	height:420px;
	background:url(../images/index/index_04.jpg) no-repeat right 0;
	background-size:cover;
	position:relative;
	margin-bottom:630px;
}
*/

.index-cont04{
	width:100%;
	height:20px;
	position:relative;
	margin-bottom:630px;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
.index-cont04{
	  margin-bottom:0px;
	  padding-bottom:0px;
  }
}

/*Firefox*/
@-moz-document url-prefix() {
.index-cont04 {
	margin-bottom:0px;
	  padding-bottom:0px;
	}
}

.index-cont04 .box{
	width:700px;
	height:420px;
	position:absolute;
	top:0;
	left: 10%;
	transform: translate(-10%, 0%);
	-webkit-transform:translate(-10%, 0%);
	z-index: 9;
}

.index-cont04 .box > h2{
	font-size:28px;
	width:75%;
	margin:0 auto;
	margin-top:95px;
	margin-bottom:15px;
}

.index-cont04 .box > h3{
	width:75%;
	margin:0 auto;
	margin-bottom:30px;
}


/*MORE*/
a.more-btn{
	display:block;
	font-size:20px;
	width:400px;
	height:40px;
	margin:0 auto;
	color:#FFFFFF;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	border:1px #FFFFFF solid;
	text-align:center;
	line-height:40px;
}

a.more-btn:hover{
	text-decoration:none;
	background-color:#FFFFFF;
	color:#000000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

a.more-btn.bk{
	color:#000000;
	border:1px #000000 solid;
	margin-left:12.5%;
}

a.more-btn.bk:hover{
	background-color:#000000;
	color:#FFFFFF;
}


@media screen and (max-width: 960px) {
.index-cont01{
	width:95%;
	margin:0 auto;
}

.index-cont01 > h2{
	font-size:14px;
	padding:30px 0px;
	line-height:1.5;
}

.index-cont01 .paint{
	display:none;
}

.index-cont02{
	height:auto;
	background:none;
}

.index-cont02 img{
	width:100%;
	height:auto;
}

.index-cont02 .box{
	width:100%;
	height:auto;
	position:static;
	padding:25px 0;
}

.index-cont02 .box .box-inner{
	position:static;
	z-index:20;
}

.index-cont02 .box h2{
	font-size:18px;
	margin-top:0px;
	margin-bottom:15px;
	font-weight:bold;
}

.index-cont02 .box h3{
	width:95%;
	margin-bottom:15px;
}


.index-cont03{
	width:100%;
	height:auto;
	background:none;
}

.index-cont03 img{
	width:100%;
	height:auto;
}

.index-cont03 .box{
	width:100%;
	height:auto;
	position:static;
	transform: translate(0%, 0%);
	-webkit-transform:translate(0%, 0%);
	padding:25px 0;
}

.index-cont03 .box > h2{
	text-align:center;
	margin-top:0px;
	margin-bottom:15px;
}

.index-cont03 .box > h2 img{
	width:68%;
	height:auto;
}

.index-cont03 .box > h3{
	width:95%;
	margin-bottom:15px;
}

.index-cont04{
	width:100%;
	height:auto;
	margin-bottom:0px;
	background:none;
}

.index-cont04 .box{
	width:100%;
	height:auto;
	position:static;
	transform: translate(0%, 0%);
	-webkit-transform:translate(0%, 0%);
	padding:25px 0;
}

.index-cont04 .box > h2{
	font-size:18px;
	width:95%;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:15px;
	text-align:center;
	font-weight:bold;
}

.index-cont04 .box > h3{
	width:95%;
	margin-bottom:15px;
}

a.more-btn{
	font-size:16px;
	width:65%;
}

a.more-btn.bk{
	margin-left:0;
	margin:0 auto;
}

}