@charset "UTF-8";
/* =================================================
   unique layout
================================================= */
/* -------------------------------------
   article
------------------------------------- */
#article {
  /* -------------------------------------
       section-1
    ------------------------------------- */
}

#article .section {
  /* -------------------------------------
           section-1
        ------------------------------------- */
}

#article .section.section-1 .inner .content.content-1 .item {
  padding: 0 0 1.5em 0;
  margin: 0;
  box-sizing: border-box;
}

#article .section.section-1 .inner .content.content-1 .item .figure {
  width: 66.66667%;
  margin: 0 auto;
}

#article .section.section-1 .inner .content.content-1 .item .figure img {
  display: block;
  width: 100%;
  height: auto;
}

#article .section.section-1 .inner .content.content-1 .item .figure .figcaption {
  font-size: 1.4rem;
  letter-spacing: 0.175em;
  text-align: center;
  margin: 0.5em auto 0 auto;
}

#article .section.section-1 .inner .content.content-1 .item .figure .figcaption h4 {
  font-size: 2.8rem;
}

#article .section.section-1 .inner .content.content-2 .item {
  padding: 0 0 1.5em 0;
  margin: 0;
  box-sizing: border-box;
}

#article .section.section-1 .inner .content.content-2 .item.item-2 .figure {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

#article .section.section-1 .inner .content.content-2 .item.item-2 .figure img:nth-child(2),
#article .section.section-1 .inner .content.content-2 .item.item-2 .figure img:nth-child(3) {
  width: 50%;
}

/*
@mixin webfont-e1( $lineH : 1 ){
    font-family: "Open Sans", "Hiragino Kaku Gothic ProN","游ゴシック","游ゴシック体",YuGothic,"Yu Gothic","メイリオ", Meiryo, sans-serif;
    font-weight: 700;
    line-height: $lineH;
}
*/
@media screen and (min-device-width: 767px) {
  /* =================================================
   unique layout
================================================= */
  /* -------------------------------------
   article
------------------------------------- */
  #article {
    /* -------------------------------------
       section
    ------------------------------------- */
  }
  #article .section {
    /* -------------------------------------
           section-1
        ------------------------------------- */
  }
  #article .section.section-1 {
    padding: 70px 0 0 0;
    margin: 0;
    overflow: hidden;
  }
  #article .section.section-1 .inner .content.content-1 {
    padding: 0 0 60px 0;
  }
  #article .section.section-1 .inner .content.content-1 .lead {
    padding-top: 0px;
    width: auto;
  }
  #article .section.section-1 .inner .content.content-1 .float .float-l {
    width: 540px;
  }
  #article .section.section-1 .inner .content.content-1 .float .float-r {
    width: 200px;
  }
  #article .section.section-1 .inner .content.content-1 .item {
    width: 800px;
    padding: 0 0 0 0;
    margin: auto;
  }
  #article .section.section-1 .inner .content.content-1 .item .figure {
    width: 200px;
  }
  #article .section.section-1 .inner .content.content-1 .item .figure .figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #article .section.section-1 .inner .content.content-1 .item .figure .figcaption h4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  #article .section.section-1 .inner .content.content-1 .item .title-sub {
    padding: 30px 0 30px 0;
  }
  #article .section.section-1 .inner .content.content-1 .item .title-sub .num {
    letter-spacing: -0.05em;
  }
  #article .section.section-1 .inner .content.content-1 .item .title-sub .txt {
    letter-spacing: 0.075em;
  }
  #article .section.section-1 .inner .content.content-2 {
    padding: 0 0 0 0;
  }
  #article .section.section-1 .inner .content.content-2 .float .float-l {
    width: 380px;
  }
  #article .section.section-1 .inner .content.content-2 .float .float-r {
    width: 470px;
  }
  #article .section.section-1 .inner .content.content-2 .title-sub {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.25;
  }
  #article .section.section-1 .inner .content.content-2 .item {
    padding: 0 0 30px 0;
  }
  #article .section.section-1 .inner .content.content-2 .item.item-2 .figure {
    justify-content: space-between;
  }
  #article .section.section-1 .inner .content.content-2 .item.item-2 .figure img:nth-child(2),
  #article .section.section-1 .inner .content.content-2 .item.item-2 .figure img:nth-child(3) {
    width: 185px;
    margin: 10px 0 0 0;
  }
  #article .section.section-1 .inner .content.content-2 .item .title-sub {
    padding: 30px 0 30px 0;
  }
  #article .section.section-1 .inner .content.content-2 .item .title-sub .num {
    letter-spacing: -0.05em;
  }
  #article .section.section-1 .inner .content.content-2 .item .title-sub .txt {
    letter-spacing: 0.075em;
  }
}