@charset "UTF-8";


/* -----------------
 index
-------------------- */

#top #gnav_list li#gnav_01_li::after{
  transform: scale(1, 1);
}
#top #fixed_nav_list li#fixed_nav_01_li::after{
  transform: scale(1, 1);
}

#maingimg{
  min-width:1020px;
  height: 579px;
  margin:0 auto 45px;
  background:url(../img/bg_mainimg.png) repeat-x;
}
#maingimg div{
  max-width:1200px;
  height: 579px;
  margin:0 auto;
  background:url(../img/mainimg.jpg) no-repeat left top;
}
#maingimg img{
  display: none;
}

#block_top_performance{
  margin:0 0 50px;
}
#block_top_performance #block{
  width:100%;
  height:180px;
  margin:0 0 15px;
  letter-spacing: -0.4em;
  box-sizing:border-box;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
}
#block_top_performance #block #headline{
  width:180px;
  height:180px;
  margin:0;
  text-align: center;
  letter-spacing: normal;
  background-color: #ec9636;
  vertical-align: top;
  display: inline-block;
  box-sizing:border-box;
}
#block_top_performance #block #headline img{
  width:80px;
  padding-top: 31px;
}
#block_top_performance #block #headline span{
  display: none;
}
#block_top_performance #block #performance_area{
  width:818px;
  height:178px;
  margin:0;
  padding:25px 30px;
  letter-spacing: normal;
  background-color: #fff;
  vertical-align: top;
  display: inline-block;
  box-sizing:border-box;
}
#block_top_performance #block #performance_area #inner{
  width:758px;
  height:128px;
  margin:0;
  overflow:auto;
  box-sizing:border-box;
}
.performance_area{
  margin:0 0 1em;
  padding:0;
  font-size:93.5%;
  line-height:1.4em;
}
.performance_area dt{
  width:110px;
  margin:0;
  padding:0;
  float:left;
}
.performance_area dd{
  width:630px;
  margin:0;
  padding:0;
  float:left;
}
.performance_area dd a{
  color:#333;
  text-decoration:underline;
}
.performance_area dd a:hover{
  text-decoration:underline;
  color:#e90000;
}
.performance_area dd a span{
  margin:0 0 0 5px;
  padding:4px 12px 2px;
  font-size: 12px;
  line-height:1em;
  color:#e90000;
  background-color: #ffff00;
  vertical-align: baseline;
  display: inline-block;
  font-weight: bold;
}
#block_top_performance p{
  margin:0;
  text-align: right;
}

#block_top_btn_column2{
  width:920px;
  margin:0 auto 85px;
}
#block_top_btn_column2 ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:1px;
  line-height:0;
}
#block_top_btn_column2 ul li{
  width:440px;
  margin:0 40px 0 0;
  padding:0;
  float:left;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.5);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.5);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.5);
}
#block_top_btn_column2 ul li:last-child{
  margin:0;
}
#block_top_btn_column2 ul li img{
  width:100%;
}

#block_top_recomend{
  width:100%;
  margin:0 0 40px;
  padding: 50px 0 40px;
  text-align: center;
  background-color: #feffc2;
}
#block_top_recomend h2{
  margin:0 0 40px;
  font-size: 238%;
  line-height: 1em;
  color:#ec9636;
  text-align: center;
  background:url(../common/img/bg_headline.png) no-repeat left center;
}
#block_top_recomend h2 span{
  padding: 0 1em;
  background-color: #feffc2;
  display: inline-block;
}
#block_top_recomend ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:1px;
  line-height:0;
  letter-spacing: -0.4em;
}
#block_top_recomend ul li{
  width:184;
  margin:0 18px 0 0;
  padding:0;
  letter-spacing: normal;
  display: inline-block;
}
#block_top_recomend ul li:first-child{
  margin:0 18px 0 0;
}
#block_top_recomend ul li:last-child{
  margin:0;
}
#block_top_recomend ul li img{
  width:100%;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.2);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.2);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.2);
}

#block_top_btn_column3{
  margin:0 0 40px;
}
#block_top_btn_column3 ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:1px;
  line-height:0;
  letter-spacing: -0.4em;
}
#block_top_btn_column3 ul li{
  width:316px;
  margin:0 23px 0 0;
  padding:0;
  letter-spacing: normal;
  display: inline-block;
}
#block_top_btn_column3 ul li:last-child{
  margin:0;
}
#block_top_btn_column3 ul li img{
  width:100%;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.5);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.5);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.5);
}

#block_top_pic_area{
  width:100%;
  height:470px;
  margin:0 0 40px;
  background:url(../img/pic_top02.jpg) no-repeat center top;
  background-size: cover;
}
#block_top_pic_area img{
  display: none;
}

#block_top_news{
  margin:0;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
}
#block_top_news h2{
  margin:0;
  padding:30px 0;
  font-size: 175%;
  line-height: 1em;
  text-align: center;
  color:#fff;
  background-color: #ec9636;
}
#block_top_news #inner{
  height:140px;
  margin:0 0 15px;
  padding:30px 40px;
  background-color: #fff;
  overflow:auto;
}
.news_area{
  margin:0 0 1.2em;
  padding:0;
  font-size:93.5%;
  line-height:1.4em;
}
.news_area dt{
  width:110px;
  margin:0;
  padding:0;
  float:left;
}
.news_area dd{
  width:790px;
  margin:0;
  padding:0;
  float:left;
}
.news_area dd a{
  color:#333;
  text-decoration:underline;
}
.news_area dd a:hover{
  text-decoration:underline;
  color:#ec9636;
}
.news_area dd a span{
  margin:0 0 0 5px;
  padding:4px 12px 2px;
  font-size: 12px;
  line-height:1em;
  color:#ec9636;
  background-color: #ffff00;
  vertical-align: baseline;
  display: inline-block;
  font-weight: bold;
}
p#btn_news_list{
  margin:0;
  text-align: right;
}

.block_service_img{
  width:760px;
  margin:0 auto;
  text-align: center;
}
.block_service_img img{
  max-width:100%;
}

.block_service_img_02{
  width:770px;
  margin:0 auto;
  text-align: center;
}
.block_service_img_02 img{
  max-width:100%;
}