@charset "utf-8";
/*
 set break point
 */
/*
 Width / Height Settings
 */
/*
 SP Liquid Value
 */
/*
 PC Liquid Value
 */
/*
 Line Height
 */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   story_sp.css
   *
   *
   ------------------------------------------------------------------------------------------ */
  /*------------------------------------------------------------------------------------------
   *
   *
   max-width : 750px
   *
   *
   ------------------------------------------------------------------------------------------ */
  /* --------------------------------------------------
   *
   #kv
   *
   -------------------------------------------------- */
  /* --------------------------------------------------
   *
   #story_content
   *
   -------------------------------------------------- */
  /* --------------------------------------------------
   *
   #okanetsu
   *
   -------------------------------------------------- */
  #kv {
    position: relative;
  }
  #title_wrap {
    padding-top: 8vw;
    padding-left: 21.33333vw;
    margin-bottom: 9.33333vw;
  }
  #title_wrap .ttl {
    margin-bottom: 2.66667vw;
  }
  #title_wrap .ttl img {
    width: 12.8vw;
    height: 2.53333vw;
  }
  #title_wrap h2 {
    margin-bottom: 2vw;
    font-weight: bold;
    line-height: 1.3em;
    letter-spacing: 0.12em;
  }
  #title_wrap .sub {
    margin-bottom: 6.66667vw;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  #title_wrap .tagline {
    font-weight: bold;
    line-height: 1.6em;
  }
  #story_content {
    background-color: #f5f5f1;
  }
  #story_content .story_inner {
    padding: 4vw;
  }
  #story_content .col_r {
    background-color: #fff;
    padding-bottom: 4vw;
  }
  #story_content .col_r h3 {
    margin-top: -0.66667vw;
    margin-bottom: 5.33333vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    white-space: nowrap;
  }
  #story_content .col_r .inner {
    padding: 10.66667vw 4vw;
  }
  #story_content .col_r .inner p {
    line-height: 1.6875em;
    margin-bottom: 1.65em;
  }
  #story_content .col_r .inner p:last-child {
    margin-bottom: 0;
  }
  #story_content .col_r .inner .img {
    margin: 9.33333vw 0 6.66667vw 0;
  }
  #story_content .col_r .inner img {
    width: 100%;
  }
  #okanetsu {
    position: relative;
  }
  #okanetsu .inner {
    padding: 8vw;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
  }
  #okanetsu .inner .col_l {
    margin-bottom: 8vw;
  }
  #okanetsu .inner .col_l img {
    width: 100%;
  }
  #okanetsu .inner .col_r {
    padding-bottom: 6.66667vw;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
  }
  #okanetsu .inner .col_r h4 {
    margin-bottom: 6vw;
    position: relative;
    z-index: 2;
  }
  #okanetsu .inner .col_r h4 img {
    width: 100%;
  }
  #okanetsu .inner .col_r .desc {
    margin-bottom: 6.66667vw;
    font-weight: bold;
    line-height: 1.84615em;
  }
  #okanetsu .inner .col_r ul {
    margin-bottom: -2vw;
  }
  #okanetsu .inner .col_r li {
    margin-bottom: 1em;
  }
  #okanetsu .inner .col_r li p {
    line-height: 1.25em;
  }
  #okanetsu .inner .col_r li span {
    font-weight: bold;
  }
  #okanetsu .inner .img {
    position: absolute;
    top: 80vw;
    right: 8.66667vw;
    z-index: 1;
  }
  #okanetsu .inner .img img {
    width: 18.93333vw;
  }
}
/* -------------------------------------------------- */