@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */
  a.anker{
   display: block;
   margin-top:-100px;
   padding-top:100px;
}
#main_image_merit{height:auto;}

#main_image_merit .txt{font-size: 22px;letter-spacing: 0.1em;line-height: 2;padding-top: 70px; margin-bottom: 30px}
#main_image_merit ul{margin-bottom: 70px}
#main_image_merit ul li{width: 19%}
#main_image_merit ul li img{width: 100%}

#body_merit{background:url("../images/merit/bg.jpg") repeat-y center top;color: #fff;padding-bottom: 100px}
#body_merit img{max-width: 100%;height: auto}
#body_merit dl{padding-top: 130px;}
#body_merit dt{text-align: left;line-height: 1.5}
#body_merit dt span{font-size: 40px;letter-spacing: 0.1em;margin-left: 20px}
#body_merit .txt{font-size: 22px;letter-spacing: 0.1em;line-height: 2;text-align: left;padding: 40px 0}
#body_merit .photo{position: relative}
#body_merit .photo span{position: absolute;right: 10px;bottom: 10px;font-size: 12px;}

#body_merit .merit2 .photo{margin-bottom: 20px}
#body_merit .merit2 .bt{margin: 20px 0 0px}
#body_merit .merit3 .bt{margin: 20px 0 0px}


@media screen and (max-width: 767px) {/*スマホ設定*/

#main_image_merit .txt{font-size: 17px;letter-spacing: 0.1em;line-height: 2;padding-top: 40px; margin-bottom: 30px}
#main_image_merit ul{margin-bottom: 0px;width: 96%;margin: auto}
#main_image_merit ul li{width: 48%;margin-bottom: 20px}
#main_image_merit ul:after {
    content: "";
    display: block;
    width: 31%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
#main_image_merit ul li:nth-child(5){width: 100%}
#main_image_merit ul li:nth-child(5) img{width: 48%}


#body_merit{padding-bottom:60px}
#body_merit dl{padding-top:90px;}
#body_merit dt.flex--start{justify-content: center;-webkit-justify-content: center;}
#body_merit dt{text-align: center;}
#body_merit dt img{width: 20%;}
#body_merit dt span{display: block;width: 100%; font-size: 20px;letter-spacing: 0.1em;margin-left: 0px;margin-top: 12px}
#body_merit .txt{font-size: 14px;letter-spacing: 0.1em;line-height: 1.6;text-align: left;padding: 20px 0}
#body_merit .merit2 .bt{margin: 20px 0 30px}
#body_merit .merit3 .bt{margin: 20px 0 0px}
}
/*===============================================================================
===============================================================================*/


@media print{
.body_area_inner{width: 96%;margin: auto}
#body_merit img{max-width: 100%;height: auto}
}