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

@media(min-width:481px){

#contents{
    width:1200px;
	margin:0 auto;
	margin-top: 100px;
	padding-bottom:100px;
	background-color: #FFF;
}

#contents2{
    width:1200px;
	margin:0 auto;
	margin-top: 150px;
	padding-bottom:100px;
	background-color: #FFF;
	margin-bottom: 100px;
	position: relative;
}

.acc{
	display:block;
	width:190px;
	height:190px;
	position:absolute;
	top:250px;
	left:40px;
}
	
#mainvisual{
   width:1025px;
	height:389px;
	margin:0 auto;
	background-image: url(../images/featurevisual1.png);
	background-repeat: no-repeat;
}

#mainvisual2{
    width:1025px;
	height:389px;
	margin:0 auto;
	background-image: url(../images/featurevisual2.png);
	background-repeat: no-repeat;
}

#mainvisual_s{
	display:none;
}
	
#mainvisual_s2{
	display:none;
}


.maintitle{
	width:950px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom: 40px;
	text-align:center;
	
}

.maintitle2{
	width:93px;
	width:91px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
	background-image:url(../images/featuremaintxt.png);
	background-repeat:no-repeat;
	background-position:center;
	
}

.maintitle2_2{
	width:950px;
	height:61px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:20px;
	background-image:url(../images/featuremaintxt2.png);
	background-repeat:no-repeat;
	background-position:center;
	
}

.maintitle3{
	width:950px;
	margin:0 auto;
	padding-top:45px;
	padding-bottom:0px;
	text-align:center;
	font-size:23px;
	
}

	
.maintitlearea1{
	width: 1025px;
	height: 60px;
	margin:0 auto;
	background-color: #BEB1A1;
	background-image: url(../images/featuretitle1_1.png);
	background-position: center;
	background-repeat: no-repeat;
	}


	
.maintitlearea2{
	width: 1024px;
	height: 60px;
	margin: 0 auto;
	background-color: #BEB1A1;
	background-image: url(../images/featuretitle2_1.png);
	background-position: center;
	background-repeat: no-repeat;
	}



.maintext{
	width:950px;
	margin:0 auto;
	padding-top:25px;
	font-size:17px;
	line-height:47px;
	text-align:center;
	
}

.maintext2{
	width:950px;
	margin:0 auto;
	padding-top:10px;
	font-size:17px;
	line-height:47px;
	text-align:center;
	
}
	
}

	
@media(max-width:480px){

#contents{
    width:100%;
	margin:0 auto;
	margin-top: 25px;
	padding-bottom:25px;
}

#contents2{
    width:100%;
	margin:0 auto;
	margin-top: 25px;
	padding-bottom:25px;
	position: relative;
}

.acc{
	display:none;
}
	
#mainvisual{
    display:none;
}

#mainvisual2{
   display:none;
}

#mainvisual_s{
    width:98%;
	height:152px;
	margin:0 auto;
	background-image: url(../images/featurevisual1s.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
	
#mainvisual_s2{
	width:98%;
	height:152px;
	margin:0 auto;
	background-image: url(../images/featurevisual2s.png);
	background-repeat: no-repeat;
	background-size: 100%;
}


.maintitle{
	width:98%;
	margin:0 auto;
	padding-top:25px;
	padding-bottom: 40px;
	text-align:center;
	
}

.maintitle2{
	width:93px;
	width:91px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
	
}

.maintitle2_2{
	width:92%;
	height:61px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:20px;
	
}

.maintitle3{
	width:92%;
	margin:0 auto;
	padding-top:45px;
	padding-bottom:0px;
	text-align:left;
	font-size:23px;
	
}

	
.maintitlearea1{
	width:98%;
	height: 80px;
	margin:0 auto;
	background-color: #BEB1A1;
	background-image: url(../images/featuretitle1_1s.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	}


	
.maintitlearea2{
	width:98%;
	height: 80px;
	margin: 0 auto;
	background-color: #BEB1A1;
	background-image: url(../images/featuretitle2_1s.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	}



.maintext{
	width:90%;
	margin:0 auto;
	padding-top:25px;
	font-size:17px;
	line-height:47px;
	text-align:left;
	
}

.maintext2{
	width:90%;
	margin:0 auto;
	padding-top:10px;
	font-size:17px;
	line-height:47px;
	text-align:left;
	
}
	

	
}