h1{display: none;}
h2{width: 95%; max-width: 950px;}
.h2-main p {margin-left: 55px; padding-top: 5px;}

/* index header
----------------------------------------- */
.header img{width: 100%; max-width: 1000px;}

.header { width: 100%; position: relative; background: url(../images/index/header.jpg) no-repeat left top;}
.header.top_box {
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
}
.header.top_box:before { content:""; display: block; padding-top:48%;}
.box.top_box div{ position: absolute; left: 0; top: 0;}

.header_banner_box{width: 98%; max-width: 980px; margin: 0 auto;}
.header_banner_box_left{width: 49%; max-width: 470px; float: left;}
.header_banner_box_right{width: 50.5%; max-width: 510px; float: right; padding-top: 14.5%;}
.header_banner_box_right a.header_banner_box_right_banner{width: 47%; max-width: 238px; display:inline-block;}
.header_banner_box_right a.header_banner_box_right_pv{width: 49%; max-width: 252px; display:inline-block;}


/* index center_banner_box
----------------------------------------- */
.center_banner_box{width: 95%; max-width: 970px; margin: 0 auto;}
.center_banner_box img{width: 100%;}
.center_banner_box .half_banner{width: 100%; max-width: 1000px; margin: 0 auto;}
.center_banner_box .half_banner li{width: 49.5%; padding: 1% 0 1% 1%; float: left;}
.center_banner_box .half_banner li:nth-child(odd){padding-left:0;}

.full_banner li{padding-bottom: 5px;}

.header_banner_box_right a:hover,
.center_banner_box a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}


.bottom_banner_box_4type{width: 95%; max-width: 970px; margin: 0 auto;}
.bottom_banner_box_4type img{width: 100%;}

.bottom_banner_box_4type .bottom_banner_box_4type_in{width: 100%; max-width: 1000px; margin: 0 auto;}
.bottom_banner_box_4type .bottom_banner_box_4type_in li{width: 24.3%; padding: 1% 0 1% 0.5%; float: left;}



@media screen and (max-width: 640px) {
.header { width: 100%; position: relative; background: url(../images/index/header_sf.jpg) no-repeat left top;}
.header_banner_box_left{width: 100%; max-width: 640px; float: none;}
.header_banner_box_right{width: 95%; max-width: 640px; float: none; padding-top: 10px; margin: 0 auto; text-align: center;}
.header.top_box:before { padding-top:135%;}

.center_banner_box{padding-top: 20px;}
.center_banner_box .half_banner li{width: 100%; padding: 5px 0 0 0; float: none;}
.center_banner_box .half_banner li:nth-child(odd){padding-left:0;}
.bottom_banner_box_4type .bottom_banner_box_4type_in li{width: 49%; padding: 1% 0 1% 0.5%; float: left;}

.crb .center_banner_box{padding-top: 0;}


.pc_cb{display: none;}
.sf_cb{display: block;}

}

@media screen and (max-width: 410px) {
.banner_box li{ width: 49%; margin: 0 0.4%; float: left;}




}