@charset "UTF-8";
/*! # kracie
 * lastupdate :2021.12
 * © 2021 amana
*/

.mod-intro .mod-intro-inner{height:100px;background:url(../../img/common/bg-intro2.png) center 0 no-repeat}
.mod-intro .mod-intro-inner h1{position:absolute;top:36px;left:0}
.body-sec .sec-inner{width:950px;margin:0 auto}
@media (max-width:769px) {
  .mod-intro img{
    height:100%;
    width:auto;
  }
  .mod-intro-inner{
    width:100%;
  }
  .mod-intro .mod-intro-inner{
    height:80px;
    background-position:right 0 center;
    background-size:cover;
  }
  .mod-intro .mod-intro-inner h1{
    height:20px;
    width:auto;
    top:29px;
    left:20px;
  }
  .body-sec .sec-inner{
    width:100%;
  }
}
#c-contents_box{width:720px;margin:60px auto 0}
#c-contents_box img{
  vertical-align: inherit;
}
.body-sec .banner-sec{width:680px;margin:40px auto 0}
.body-sec .banner-sec ul{margin-left:-40px}
.body-sec .banner-sec ul:before,.body-sec .banner-sec ul:after{content:"";display:table}
.body-sec .banner-sec ul:after{clear:both}.body-sec .banner-sec ul li{float:left;margin-left:40px}
.body-sec .banner-sec ul li a:hover{transition:opacity .2s}
.body-sec .banner-sec ul li a:hover:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
@media (max-width:769px) {
  #c-contents_box{
    width:100%;
    margin:30px auto 0;
  }
  .body-sec .banner-sec{
    width:90%;
    margin:30px auto 0;
  }
  .body-sec .banner-sec ul{
    width:100%;
    margin:0;
    clear:both;
  }
  .body-sec .banner-sec ul li{
    float:none;
    margin-left:0;
    margin-bottom:20px;
    text-align:center;
  }
  .body-sec .banner-sec ul li img{
    width:100%;
  }
  table{
    margin:0 auto;
    width:100%!important;
  }
  table td{
    width:100%!important;
    height:auto!important;
  }
  table td img{
    width:100%!important;
    height:auto!important;
  }
  
  .table_innr{
    margin:0 auto;
    width:95%!important;
  }
  .table_innr_img{
    display:block;
    margin:0 auto;
    width:90%!important;
  }
}