@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,700&subset=japanese);
@font-face {
  font-family: 'tegaki';
  src: url("../webfont/apjapanesefont.eot");
  src: url("../webfont/apjapanesefont.eot?#iefix") format("embedded-opentype"), url("../webfont/apjapanesefont.woff") format("woff"), url("../webfont/apjapanesefont.ttf") format("truetype");
  font-display: swap;
}

/* =================================================
   unique layout
================================================= */
/* -------------------------------------
   article
------------------------------------- */
#article {
  /* -------------------------------------
       section_1
    ------------------------------------- */
}

#article .section {
  /* -------------------------------------
           section_1
        */
  /* -------------------------------------
           section_2
        */
}

#article .section.section_1 .inner {
  /* -------------------------------------
                   content
                ------------------------------------- */
}

#article .section.section_1 .inner .content {
  /* -------------------------------------
                       content_1
                    */
  /* -------------------------------------
                       content_2
                    */
}

#article .section.section_1 .inner .content.content_1 .h4.h4_1 .txt {
  color: #F6AB00;
  font-size: 1.9rem;
  font-weight: 500;
}

#article .section.section_1 .inner .content.content_1 p {
  font-size: 1.8rem;
}

#article .section.section_1 .inner .content.content_1 .gallery {
  display: flex;
  margin: 1rem 0 0;
}

#article .section.section_1 .inner .content.content_1 .gallery .figure {
  width: 32.22222%;
  margin: 0 1.66667% 0 0;
}

#article .section.section_1 .inner .content.content_1 .gallery .figure:nth-of-type(3n) {
  margin: 0;
}

#article .section.section_1 .inner .content.content_1 .item {
  padding: 0 0 2.5rem;
  border-bottom: 1px solid #cccccc;
}

#article .section.section_1 .inner .content.content_1 .item.float .float_r {
  margin: 0.5rem 0 0;
}

@media screen and (min-device-width: 767px) {
  /* =================================================
   unique layout
================================================= */
  /* -------------------------------------
   article
------------------------------------- */
  #article {
    /* -------------------------------------
       section_1
    ------------------------------------- */
  }
  #article .section {
    /* -------------------------------------
           section_2
        */
  }
  #article .section.section_1 .inner {
    /* -------------------------------------
                   content
                ------------------------------------- */
  }
  #article .section.section_1 .inner .content {
    /* -------------------------------------
                       content_1
                    */
    /* -------------------------------------
                       content_2
                    */
  }
  #article .section.section_1 .inner .content.content_1 .h4.h4_1 {
    margin: -20px 0 10px;
  }
  #article .section.section_1 .inner .content.content_1 .h4.h4_1 .txt {
    font-size: 2.4rem;
  }
  #article .section.section_1 .inner .content.content_1 p {
    font-size: 1.4rem;
    line-height: 2;
  }
  #article .section.section_1 .inner .content.content_1 .gallery {
    margin: 30px 0 0;
  }
  #article .section.section_1 .inner .content.content_1 .gallery .figure {
    width: 136px;
    margin: 0 9px 0 0;
  }
  #article .section.section_1 .inner .content.content_1 .gallery .figure:nth-of-type(3n) {
    margin: 0;
  }
  #article .section.section_1 .inner .content.content_1 .item {
    padding: 0 0 60px;
  }
  #article .section.section_1 .inner .content.content_1 .item.float .float_l {
    background: #f2f2f2;
  }
  #article .section.section_1 .inner .content.content_1 .item.float .float_r {
    margin: 0;
  }
}