/* Scss Document */
#sec1 .blk-1 {
  padding-top: 50px;
  background: url(../img/shared/bd_bg.jpg) repeat-y top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: relative;
  z-index: 10; }
  #sec1 .blk-1 dl {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10; }
    #sec1 .blk-1 dl dd {
      position: absolute;
      bottom: -4%;
      left: 27%;
      font-size: 4.5vw;
      letter-spacing: 2px; }
#sec1 .blk-2 {
  padding: 20px 0 50px;
  position: relative; }
  #sec1 .blk-2 .txt {
    padding: 24% 20px 0;
    position: relative;
    z-index: 4; }

#sec2 {
  background: url(../img/shared/bd_bg.jpg) repeat-y top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: relative;
  z-index: 10;
  padding-top: 5%;
  padding-bottom: 15%; }
  #sec2 .txt {
    padding: 0 20px; }

#sec3 {
  background: url(../img/bar/s3_bg2.png), url(../img/bar/s3_bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom center, top center;
  -webkit-background-size: 100% auto, cover;
  background-size: 100% auto, cover;
  padding: 12% 0; }
  #sec3 .blk-1 {
    padding-bottom: 10%; }
    #sec3 .blk-1 dd.des {
      padding: 10px 20px 0; }
  #sec3 .blk-2 dl {
    position: relative;
    background: url(../img/bar/s3_tt2_1.png) no-repeat bottom center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-bottom: 10%; }
    #sec3 .blk-2 dl dd.price {
      position: absolute;
      top: 20vw;
      left: 5%;
      width: 40%;
      text-align: center;
      font-size: 4vw; }
      #sec3 .blk-2 dl dd.price small {
        font-size: 3vw; }
    #sec3 .blk-2 dl .des {
      padding: 20px 10% 5%; }
  #sec3 .blk-3 {
    padding-top: 10%;
    padding-bottom: 10%; }
    #sec3 .blk-3 .photo {
      margin-bottom: 5%; }
    #sec3 .blk-3 .box dl {
      background: url(../img/bar/s3_tt3_line1.png) repeat-y top center;
      -webkit-background-size: 100% auto;
      background-size: 100% auto;
      position: relative;
      padding: 0 10% 5%; }
      #sec3 .blk-3 .box dl::after {
        content: "";
        background: url(../img/bar/s3_tt3_line2.png) no-repeat bottom center;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        height: 1px;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0; }
      #sec3 .blk-3 .box dl dt {
        text-align: center;
        font-size: 20px;
        padding-bottom: 10px; }
  #sec3 .blk-4 dl {
    padding: 0 20px; }
    #sec3 .blk-4 dl dt {
      font-size: 20px;
      text-align: center;
      padding-bottom: 10px; }

#sec4 {
  padding-bottom: 15%; }
  #sec4 .blk-1 {
    padding-bottom: 10%; }
    #sec4 .blk-1 .photo {
      margin-bottom: -10%; }
    #sec4 .blk-1 .txt {
      padding: 10px 20px 0; }
  #sec4 .blk-2 .note {
    text-align: center;
    padding: 20px 0 0px; }
  #sec4 .blk-2 dl {
    text-align: center;
    letter-spacing: 1px;
    padding-top: 20px; }
    #sec4 .blk-2 dl dt {
      font-size: 20px; }
    #sec4 .blk-2 dl dd {
      font-size: 18px;
      padding-top: 10px; }
  #sec4 .blk-2 .txt {
    padding: 10px 20px 0; }
  #sec4 .blk-3 {
    padding-top: 10%;
    padding-bottom: 10%; }
    #sec4 .blk-3 dl {
      position: relative; }
      #sec4 .blk-3 dl dd {
        position: absolute;
        bottom: 15%;
        right: 20px;
        font-size: 4vw;
        letter-spacing: 1px;
        width: 40%;
        text-align: center; }
    #sec4 .blk-3 .txt {
      padding: 10px 20px 0; }
  #sec4 .blk-4 .txt {
    padding: 10px 20px 20px; }