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

#block01{
position: relative;
overflow: hidden;
	height:692px;
}

#block01 img {
  position: absolute;
  top: 50%; /* トップを基準に中央配置 */
  left: 50%; /* 左を基準に中央配置 */
	width: 1920px!important;
	height:692px;
  /* ※1 */
  margin-top: -346px;
  margin-left: -960px;
}

#block02{
	width:96%;
	max-width: 1100px;
	margin: 30px auto 0;
}

/*
#block02{
	width: 100%;
	overflow: hidden;
}


#block02 .bg{
	width: 120%;
	margin-top: 60px;
	background: url(../images/concept_top.jpg)no-repeat top right/55%;
}

#block02 .concept{
	width:45%;
	margin: 0 0 0 6%;
}
*/

#block02 .concept{
	width:60%;
	margin: 0;
	float: left;
}

.concept_2{	
width: 38%;
padding-top: 30px;	
float: right;
}

.concept_2 img {
	width: auto;
	height: auto;
	max-width: 100%;
}


#block06 .inbox{
width:100%;
}

#block06 .inbox .con_t{
background: url(../images/line.jpg) no-repeat center;
}
#block06 .inbox .con_t h3{
text-align: center;
margin-top:60px;
margin-bottom: 35px;
}


#block06 .inbox ul{
width:90%;
list-style: none;
margin:auto;
padding: 0;	
text-align: center;	
}

#block06 .inbox li{
width: 570px;
display: inline-block;
margin-right:60px;
margin-bottom: 170px;
}
#block06 .inbox li:nth-child(2n){
margin-right:0;
}

#block06 .inbox li .picture{
position: relative;
}

#block06 .inbox li .picture dl{
width: 500px;
margin: 0 0 0 auto;
position: absolute;
margin-top:-25px;
right: 0;
text-align: left;
padding-bottom: 20px;
}


#block06 .inbox li .picture dl dt{
background: #336699;
color: #fff;
margin: 0 0 0 auto;
padding: 0 0 0 3%;
font-weight: bold;
line-height: 46px;
box-sizing: border-box;
}

#block06 .inbox li .picture dl h4{
margin:20px 0 5px 0;
font-size: 140%;
color: #336699;
}

#block03 {
	background: #F8F8F8;
	margin-top: 70px;
}

#block03 .news{
	width: 96%;
	max-width: 1100px;

	padding: 50px 0;

	margin-left: auto;
	margin-right: auto;
}


#block03 .news .l_box{
	width: 26.3%;
	margin-right: 2%;
	float: left;
}

#block03 .news .r_box{
	width: 71.7%;
	float: left;
}


#block03 .news dl{
	margin-top: 20px;
}
#block03 .news dt{
	font-weight: bold;
	width:16%;
	float: left;
}

#block03 .news dd{
	margin-left:16%;
	margin-bottom:10px;
}

#block04 {
	width: 96%;
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 50px;
}


#block04 .l_box{
	width:23%;
	margin-right: 2%;
	float: left;
}


#block04 .r_box1{
	width: 75%;
	float: left;
}


#block04 .l_box img{
	margin-bottom: 40px;
}

#block04 .r_box1 ul{
	width: 100%;
}

#block04 .r_box1 li{
	width: 32%;
margin: 0;
padding: 0;
float: left;
margin-right:2%;
margin-bottom: 30px;
text-align: center;	
}


#block04 .r_box1 p{
	font-weight: bold;
}

#block04 .r_box1 li:nth-child(3n){
margin-right:0;
}


#block04 .works .r_box1 ul{
width: 100%;
	
}

#block04.r_box1 p{
margin:16px 0px 16px 0px;
padding: 0;	
font-weight: bold;
font-size:18px;	
}



#block05{
	width: 100%;
	background: #F8F8F8;
	padding: 50px 0;
	margin-top: 70px;
}

#block05 .access{
	width: 96%;
	max-width: 1100px;
	margin: 0 auto;
}


#block05 .access .l_box{
	width: 39.6%;
	float: left;
}

#block05 .access .l_box p{
	margin:40px 0 30px 0;
}

#block05 .access .r_box{
	width: 58.4%;
		float: left;
}

@media screen and (max-width:1400px)
{
#block02 .inbox li{
	width: 48%;
	margin-right:2%;
}
	
	#block02 .inbox li dl{
	width: 95%;
}
}

@media screen and (max-width:1200px)
{
#block02{
padding-bottom: 60px;
}

	
#block02 .inbox li .picture{
margin-top:30px;
}
	

}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
#block03 .news dt{
	
	width:22%;
	
}

#block03 .news dd{
	
	margin-left:22%;
	
}
	#block04 .works .r_box ul{
	width: 100%;
}
	
	#block04 .works .r_box li{
	width: 47%;
margin-right:6%;

}

#block04 .works .r_box li:nth-child(2n){
margin-right:0;
}
#block04 .works .r_box li:nth-child(3){
margin-right:6%;
}
}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px){
#block01{
position: static;
overflow: none;
height: auto;
	margin-bottom: 30px;
}

#block01 img {
  position: static;
  top: 0%; /* トップを基準に中央配置 */
  left: 0%; /* 左を基準に中央配置 */
	width: auto;
	max-width: 100%;
	height:auto;
  /* ※1 */
  margin-top: 0;
  margin-left:0;
}
	#block01 img{
		margin: 0 auto;
	}
	
	
#block03 .news,#block04 .works,#block05 .access{
	width: 90%;
}
#block02{
	width:94%;
	margin: auto;
}
	
#block02 .inbox li{
	width: 100%;
	margin-right:0;
	margin-bottom: 40px;
}
	
#block02 .inbox li .picture{
position: static;
}

#block02 .inbox li dl{
margin: 0;
width: 100%;
position: static;
margin-top:0px;
padding-bottom: 20px;
}
	
#block02 .inbox li dl dt{
text-align: center;
margin: 0 auto;
}
	
#block02 .concept{
width:100%;
margin:0;
float:none;		
}
#block02 .concept .text{
width:100%;	
margin: 0;
padding:0;
}		
.concept_2{	
width: auto;	
float:none;
}
	
.concept_2 img{	
width: auto;
max-width: 100%;
height: auto;
}


#block03{
width: 100%;
background: #F8F8F8;
padding: 50px 0;
margin-top:30px;
}	

#block03 .news {
		width: 94%;
		margin: 0 auto;
}

	
#block03 .news .l_box{
width: 100%;
margin-right: 0%;
float: none;
margin-bottom: 30px;
}


#block03 .news .r_box{
width: 100%;
float: none;
}
	
#block03 .news .r_box dl{
width: 100%;
margin-top: 0px;
}
	
#block03 .news .r_box dt{
width:100%;	
font-weight: bold;
float:none;
margin-top: 10px;		
}
	
#block03 .news .r_box dd{
margin-left:0;
margin-bottom:0;	
border-bottom: dashed 1px ;
padding-bottom: 10px;	
}	
	

#block04{
width:96%;	
padding-top: 50px;
}
	
#block04 .l_box{
width: 100%;
margin-right: 0%;
float: none;
margin-bottom: 30px;
}


#block04 .r_box1{
width: 100%!important;
float: none;
}	

#block04 .r_box1 ul{
width: 100%;
text-align:center;	
	
}
#block04 .r_box1 li{
width:49%;
padding: 0;
margin:0 2% 10px 0;	
float: left;	
}
	
	#block04 .r_box1 li img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	
#block04 .r_box1 li:nth-child(3n){
margin-right:2%;
}
	
#block04 .r_box1 li:nth-child(2n){
margin-right:0;
}
	
#block04 .r_box1 p{
width:100%;
height:45px;
margin-top: 5px;
padding:0;	
font-weight: bold;
font-size:15px;
line-height:25px;	
}	

	

#block05 .access .l_box{
width: 100%;
margin-right: 0%;
float: none;
margin-bottom: 30px;
}
	
#block05 .access .r_box{
width: 100%;
float: none;
}
	
	#block05 .access .r_box img {
		width: auto;
		max-width: 100%;
		height: auto;
	}	
	


#block06{
width:100%;
}


#block06 .inbox .con_t{	
background: url(../images/line.jpg) no-repeat center;
}
#block06 .inbox .con_t h3{
text-align: center;
margin-top:60px;
margin-bottom: 35px;
margin: auto;	
}


#block06 .inbox ul{
width:94%;
padding: 0;	
text-align: center;	
	
}

#block06 .inbox li{
width:100%;
margin-right:0px;
}

#block06 .picture{
position: relative;	
margin-top: 80px;	
}
	
	#block06 .picture img {
		width: auto;
		max-width: 100%;
		height: auto;
	}

#block06 .inbox li .picture dl{
width:96%!important;
margin: 0 0 0 auto;
position: absolute;
margin-top:-25px;
right: 0;
text-align: left;
}

#block06 .inbox li .picture dl dt{
background: #336699;
color: #fff;
margin: 0 0 0 auto;
padding: 3% 3% 3% 3%;
font-weight: bold;
line-height:25px;
}

#block06 .inbox li .picture dl h4{
font-size: 140%;
color: #336699;
}
	
}