@charset "UTF-8";
/*　基本色　*/
/*　マスターワイズ　*/
/* トップ画像部分 */
#list_main {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden; }
  #list_main img {
    position: absolute;
    bottom: 0;
    background-position: bottom;
    width: 100%;
    background-size: contain;
    margin: 0 auto; }

/* トップ画像部分 */
#top_visual {
  margin: 0 auto;
  width: 960px;
  height: 500px;
  overflow: hidden;
  list-style: none; }
  #top_visual img {
    width: 100%;
    height: auto; }

/*リード部分*/
#box_lead {
  width: 700px;
  text-align: center;
  line-height: 1.66;
  margin: 42px auto 20px; }
  #box_lead h1 {
    display: inline-block;
    font-size: 3rem;
    font-family: 'Noto Sans bold';
    border-bottom: 1px solid #111;
    padding: 0 0 5px;
    margin: 0 0 24px; }
  #box_lead p {
    font-size: 1.5rem; }

/* 事業商会 */
#box_appeal {
  width: 100%;
  padding: 20px 10px 56px;
  margin: 0 auto 60px; }
  #box_appeal #detail_appeal {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 38px auto 0;
    /* イメージ */ }
    #box_appeal #detail_appeal figure {
      width: 297px; }
    #box_appeal #detail_appeal figcaption {
      font-size: 1.9rem;
      font-family: 'Noto Sans Bold'; }
    #box_appeal #detail_appeal .img_appeal {
      width: auto;
      margin: 0 0 9px; }
    #box_appeal #detail_appeal img {
      width: 100%;
      height: auto; }
  #box_appeal img:hover {
    opacity: 1;
    transition: all .2s ease;
    box-shadow: 0px 0px 0px 4px steelblue; }

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 414px) {
  .img_sp {
    display: block; }

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

  /* トップ画像部分 */
  #list_main {
    width: 100%;
    height: 100px; }
    #list_main img {
      width: 100%;
      margin: 0 auto;
      height: auto; }

  /* トップ画像部分 */
  #top_visual {
    width: 92%;
    height: auto; }
    #top_visual img {
      width: 100%;
      height: auto; }

  /*リード部分*/
  #box_lead {
    width: 92%;
    text-align: center;
    line-height: 1.66;
    margin: 20px auto; }
    #box_lead h1 {
      display: inline-block;
      font-size: 3rem;
      font-family: 'Noto Sans bold';
      border-bottom: 1px solid #111;
      padding: 0 0 5px;
      margin: 0 0 24px; }
    #box_lead p {
      font-size: 1.5rem; }

  /* 事業商会 */
  #box_appeal {
    width: 100%;
    padding: 20px 10px 20px;
    margin: 0 auto;
    /*SPでフレックス解除*/ }
    #box_appeal #detail_appeal {
      display: block;
      width: 92%;
      /* イメージ */ }
      #box_appeal #detail_appeal figure {
        width: 100%;
        margin: 0 0 30px; }
        #box_appeal #detail_appeal figure .mar10 {
          margin: 0 0 20px; }
      #box_appeal #detail_appeal h3 {
        text-align: center; }
      #box_appeal #detail_appeal .img_appeal {
        width: auto;
        margin: 0 0 20px; }
      #box_appeal #detail_appeal img {
        width: 100%;
        height: auto; }
    #box_appeal img:hover {
      opacity: 1;
      transition: all .2s ease;
      box-shadow: 0px 0px 0px 3px #111111; } }
/*　ここまで　*/

/*# sourceMappingURL=top.css.map */