@charset "UTF-8";
@font-face {
  font-family: 'AovelSans';
  src: url("../../font/ASansreg.woff") format("woff"); }

#brownitem191018 {
  font-family: "AovelSans", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000;
  max-width: 1200px;
  padding: 0 15px 155px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #brownitem191018 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #brownitem191018 img {
    width: 100%; }
  #brownitem191018 .credit._cdtc, #brownitem191018 .credit._cdtr, #brownitem191018 .credit._cdtl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #brownitem191018 .blk01, #brownitem191018 .blk03, #brownitem191018 .blk02, #brownitem191018 .btn_area a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  #brownitem191018 ._iwc {
    margin-left: auto;
    margin-right: auto; }
  #brownitem191018 .blk01 .blk_c2, #brownitem191018 .blk03 .blk_c2 {
    position: relative;
    z-index: 2; }
  #brownitem191018 .sp_only {
    display: none; }
  #brownitem191018 ._iwl {
    margin-right: auto; }
  #brownitem191018 ._iwr {
    margin-left: auto; }
  #brownitem191018 .credit {
    font-size: 15px;
    letter-spacing: 0.025em;
    margin-top: 20px; }
    #brownitem191018 .credit li {
      margin-bottom: 0.875em;
      margin-right: 1em; }
      #brownitem191018 .credit li:last-of-type {
        margin-bottom: 0;
        margin-right: 0; }
      #brownitem191018 .credit li a {
        line-height: .9;
        border-bottom: solid #868686 1px; }
    #brownitem191018 .credit._cdtc {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 32px auto 0; }
    #brownitem191018 .credit._cdtr {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
  #brownitem191018 .txt_wrap {
    font-size: 14px;
    line-height: 1.9;
    text-align: left; }
  #brownitem191018 .iw_w {
    position: relative; }
  #brownitem191018 .txtimg {
    position: absolute;
    z-index: 10; }
  #brownitem191018 .mv {
    margin: 0 auto 85px;
    max-width: 1078px; }
    #brownitem191018 .mv .imgmv {
      margin-bottom: 51px; }
    #brownitem191018 .mv .lead {
      font-size: 18px;
      line-height: 2.26;
      text-align: center;
      letter-spacing: -0.015em;
      font-family: YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif; }
      #brownitem191018 .mv .lead span {
        margin-left: 0.5em; }
      @media screen and (max-width: 770px) {
        #brownitem191018 .mv .lead .sp_only {
          display: inline; } }
  #brownitem191018 .blk01, #brownitem191018 .blk03 {
    margin-bottom: 150px; }
    #brownitem191018 .blk01 .blk_c1, #brownitem191018 .blk03 .blk_c1 {
      width: 47.00855%;
      margin-right: -4.35897%;
      margin-left: -0.59829%; }
    #brownitem191018 .blk01 .blk_c2, #brownitem191018 .blk03 .blk_c2 {
      -ms-flex-item-align: end;
      align-self: flex-end; }
      #brownitem191018 .blk01 .blk_c2 .txtimg, #brownitem191018 .blk03 .blk_c2 .txtimg {
        position: static;
        width: 238px;
        margin-bottom: 44px; }
        @media screen and (max-width: 670px) {
          #brownitem191018 .blk01 .blk_c2 .txtimg, #brownitem191018 .blk03 .blk_c2 .txtimg {
            width: calc(238px * 0.8); } }
      #brownitem191018 .blk01 .blk_c2 .txt_wrap, #brownitem191018 .blk03 .blk_c2 .txt_wrap {
        max-width: 24em; }
      #brownitem191018 .blk01 .blk_c2 .credit, #brownitem191018 .blk03 .blk_c2 .credit {
        max-width: 340px;
        margin-bottom: 19px; }
  #brownitem191018 .blk02 {
    margin-bottom: 150px; }
    #brownitem191018 .blk02 .blk_c1 {
      width: 42.73504%;
      margin-top: 13.67521%;
      margin-right: 5.98291%; }
    #brownitem191018 .blk02 .blk_c2 {
      width: 51.28205%; }
    #brownitem191018 .blk02 .blk_c1 .txtimg {
      width: 277px;
      top: -11.574%;
      right: -4%; }
      @media screen and (max-width: 670px) {
        #brownitem191018 .blk02 .blk_c1 .txtimg {
          width: calc(277px * 0.8); } }
    #brownitem191018 .blk02 .blk_c2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #brownitem191018 .blk02 .blk_c2 .img03 {
        min-height: 0%; }
      #brownitem191018 .blk02 .blk_c2 .txt_wrap {
        max-width: 40em;
        margin-top: 44px; }
        #brownitem191018 .blk02 .blk_c2 .txt_wrap p > span:nth-of-type(1) {
          letter-spacing: -0.005em; }
        #brownitem191018 .blk02 .blk_c2 .txt_wrap span.lttr_t {
          margin: 0 0.3em; }
      #brownitem191018 .blk02 .blk_c2 .credit {
        margin-top: 27px;
        margin-bottom: -0.775em;
        max-width: 470px; }
        #brownitem191018 .blk02 .blk_c2 .credit li:nth-of-type(5) {
          margin-right: 2em; }
  #brownitem191018 .blk03 {
    margin-bottom: 81px; }
    #brownitem191018 .blk03 .blk_c1 {
      margin-left: 0; }
    #brownitem191018 .blk03 .blk_c2 .txtimg {
      width: 234px; }
      @media screen and (max-width: 670px) {
        #brownitem191018 .blk03 .blk_c2 .txtimg {
          width: calc(234px * 0.8); } }
    #brownitem191018 .blk03 .blk_c2 .txt_wrap {
      max-width: 28em; }
    #brownitem191018 .blk03 .blk_c2 .credit {
      max-width: 360px;
      margin-top: 23px;
      margin-bottom: 30px; }
  #brownitem191018 .btn_area a {
    width: 420px;
    height: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #000;
    font-size: 18px;
    letter-spacing: 0.06em; }
    @media all and (-ms-high-contrast: none) {
      #brownitem191018 .btn_area a {
        padding-top: 0.3em; } }