@charset "UTF-8";


@media only screen and (min-width:481px) and (max-width:768px){


body {
	
	overflow: hidden;
	
		}


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

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


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

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

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

}

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


.bnrbox01 .inner01 {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 80px;
}
.bnrbox01 .innermap {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 110px;
}
.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: 100%;
	height: 220px;
	float: left;
}

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

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


.bnrbox02 .inner {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 100px;
}



/* 2段目
===================================*/
#main02 {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.bnrbox03_wrap {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
	height: 220px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}


.bnrbox03 {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
	height: 220px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
}

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

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


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



.bnrbox03 .inner03 {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
.bnrbox03 .inner04 {
	z-index: 1;
	position: relative;
	width: 80%;
	text-align: center;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
}






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

#main03 {
	height: auto;
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	min-width: 0px;
}


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


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

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

.bnr10:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main10_spL.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.bnr11:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/main11_spL.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.bnrbox .inner {
	z-index: 1;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 70px;
}




/* 4段目
===================================*/
#main04 {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	margin-bottom: -10px;
	min-width: none;
	overflow: hidden;
	height: auto;
}
#main04 ul {

}
#main04 ul li {
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	margin-bottom: 15px;
}
}