@charset "UTF-8";


@media only screen and (min-width:769px){



/* contents
===================================*/

#main{
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	min-height: 0px;
	width: 100%;
}


/* 1段目
===================================*/
#main01 {
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	width: 100%;
	margin-bottom: 50px;
	min-width: 1200px;
}

.bnrbox01 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	width: 33%;
	height: 500px;
	float: left;
}

.bnr01:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main01.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	

}


.bnr02:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main02.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	
}

.bnrbox01:hover:after {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	   opacity: 0.4;  
    filter: alpha(opacity=60);  
}
.bnrbox01 .inner01 {
	z-index: 99;
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 130px;
}
.bnrbox01 .innermap {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 100px;
}
.bnrbox01 .innermap ul  {
	width: 330px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

.bnrbox01 .innermap ul li  {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 25px;
}
.bnrbox01 .innermap p  {
	color: rgba(255,255,255,1.00);
	
}



.bnrbox02 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	width: 34%;
	height: 250px;
	float: left;
}

.bnr03:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main03.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bnr04:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main04.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bnrbox02:hover:after {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
/*	opacity: .10;*/
   opacity: 0.4;  
    filter: alpha(opacity=60);  
}
.bnrbox02 .inner {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 100px;
}



/* 2段目
===================================*/
#main02 {
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	width: 1230px;
	margin-bottom: 50px;
}

.bnrbox03_wrap {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	width: 380px;
	height: 250px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}


.bnrbox03 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	width: 380px;
	height: 250px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	

}

.bnr05:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main05.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bnr06:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main06.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.bnr07:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main07.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.bnrbox03:hover:after {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	   opacity: 0.4;  
    filter: alpha(opacity=60);  
}
.bnrbox03 .inner03 {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
.bnrbox03 .inner04 {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 60px;
}






/* 3段目
===================================*/

#main03 {
	height: 250px;
	width: 100%;
	margin-bottom: 50px;
	min-width: 1200px;
}


.bnrbox{
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	width: 25%;
	height: 250px;
	float: left;
}


.bnr08:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main08.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bnr09:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main09.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bnr10:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main10.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bnr11:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main11.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bnrbox:hover:after {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	   opacity: 0.4;  
    filter: alpha(opacity=60);  
}
.bnrbox .inner {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 100px;
}




/* 4段目
===================================*/
#main04 {
	margin-right: auto;
	margin-left: auto;
	height: 180px;
	width: 1230px;
	margin-bottom: 50px;
}
#main04 ul {

}
#main04 ul li {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}
}
@media only screen and (min-width:1600px){

.bnr01:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main01_pcL.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	

}
}