@charset "UTF-8";
/*------------------------------------------------------------
index.html settings
------------------------------------------------------------ */
.wrapper_concept{ width:1025px; padding:0 10px; padding-top: 20px; margin: auto;}

#wrapper{
	background-color: #EEEBE5;
}


#container {
	margin-bottom: 60px;
	margin: 0 auto;
	background-color: #fff;

}
#container h2 {
	text-align:center;
	margin: 40px 0 40px 0;
}
#container h3 {
	text-align:center;
	margin-bottom: 50px;
}
#container h4 {
	text-align:center;
}


/*------------------------------------------------------------
  section01
------------------------------------------------------------ */
#section01 {
	margin: 0 auto 0;
	padding: 0 0 0;
	width: 960px;
}

#section01 {
	margin: 0 auto 25px;
	width: 927px;
	height: 461px;
	background: url('../../concept/img/img_concept.png') no-repeat 0 0;
}

#section01 p{
	text-indent: -9999px;
}

/*------------------------------------------------------------
  concept_btn
------------------------------------------------------------ */
#concept_btn{
	margin:0 auto;
	width:820px;
}

.left_bt{
	width:410px;
	margin-bottom: 20px;
}

.left_bt ul li a{
	width:401px;
	height:101px;
	margin-bottom:20px;
 	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}

.left_bt ul li.btn1{
	background: url(../concept/img/bt1.png) no-repeat 0 0;
	transition: all .2s;}

.left_bt ul li.btn1:hover{
	background: url(../concept/img/bt1_on.png) no-repeat 0 0;
	transition: all .2s;}

.left_bt ul li.btn3{
	background: url(../concept/img/bt3.png) no-repeat 0 0;
	transition: all .2s;}
.left_bt ul li.btn3:hover{
	background: url(../concept/img/bt3_on.png) no-repeat 0 0;
	transition: all .2s;}

.left_bt ul li.btn5{
	background: url(../concept/img/bt6.png) no-repeat 0 0;
	transition: all .2s;}
.left_bt ul li.btn5:hover{
	background: url(../concept/img/bt6_on.png) no-repeat 0 0;
	transition: all .2s;}
.right_bt{
	width:410px;
	margin-bottom: 20px;
}

.right_bt ul li a{
	width:401px;
	height:101px;
	margin-bottom:20px;
 	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}

.right_bt ul li.btn2{
	background: url(../concept/img/bt2.png) no-repeat 0 0;
	transition: all .2s;}

.right_bt ul li.btn2:hover{
	background: url(../concept/img/bt2_on.png) no-repeat 0 0;
	transition: all .2s;}

.right_bt ul li.btn4{
	background: url(../concept/img/bt4.png) no-repeat 0 0;
	transition: all .2s;}
.right_bt ul li.btn4:hover{
	background: url(../concept/img/bt4_on.png) no-repeat 0 0;
	transition: all .2s;}


.right_bt ul li.btn6{
	background: url(../concept/img/bt7.png) no-repeat 0 0;
	transition: all .2s;}
.right_bt ul li.btn6:hover{
	background: url(../concept/img/bt7_on.png) no-repeat 0 0;
	transition: all .2s;}

#change{
	padding: 0 0 25px;
}

#change .L_box{
	width:503px;

}

#change .R_box{
	width:477px;
}

#h3_01{ font-size:28px; margin:30px 0; color:#5d5b5b; text-align: center;}

#p_01{ text-align:justify; color:#595757; padding:0 2%;}

#concept_bt_sp p{
  margin: 0 auto 4%;
}

@media screen and (max-width: 860px) {
  .wrapper_concept{width:100%; padding:0 2%; box-sizing: border-box;}
  #concept_btn{ width:80%; margin: auto; }
  #change{ width:100%;}
  #change .L_box{ width:100%;}
  #change .R_box{ width:100%;}
}