#datcha_content {
  overflow: hidden; }

#header_txt {
  display: none; }

#fixed_nav {
  top: 30px;
  left: auto;
  right: 30px;
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }
  #fixed_nav .cart_btn {
    display: none; }

.mv_wrap {
  position: relative; }
  .mv_wrap #header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  #mv_txt {
    position: absolute;
    top: 305px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center; }
    #mv_txt h2 {
      font-size: 36px;
      font-size: 3.6rem;
      line-height: 1.5;
      letter-spacing: 0.05em;
      margin-bottom: 50px; }
      #mv_txt h2 span {
        background-color: #fff; }
    #mv_txt .p_wrap {
      background-color: #fff;
      width: 700px;
      padding: 30px 0; }
      #mv_txt .p_wrap p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.875; }
  .bg {
    width: 100%; }

#datcha_content {
  padding-top: 100px; }

.datcha_block {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto 220px; }

.sec_head_txt {
  position: absolute;
  width: 436px;
  height: 156px;
  background-color: #fff;
  text-align: center; }
  .sec_head_txt h3 {
    position: relative;
    padding-top: 65px; }
    .sec_head_txt h3:before {
      content: "";
      background: url(../images/about/ttl-socks.svg) 0 0 no-repeat;
      width: 48px;
      height: 52px;
      background-size: 100% auto;
      position: absolute;
      top: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .sec_head_txt h3 span {
      display: block; }
    .sec_head_txt h3 .main02_ttl {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1;
      letter-spacing: 0.05em;
      padding-bottom: 12px; }
    .sec_head_txt h3 .main_ttl {
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: bold;
      line-height: 1;
      letter-spacing: 0.05em; }
    .sec_head_txt h3 .sub_ttl {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      line-height: 1;
      letter-spacing: 0.05em;
      padding-top: 15px; }

.sec_head {
  position: relative;
  cursor: pointer; }
  .sec_head .sec_head_txt {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .sec_head .bg {
    display: block; }
  .sec_head .arrow {
    background: url(../images/datcha/more_arrow.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 130px;
    height: 76px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -30px;
    animation: fluffy1 3s ease infinite; }
    .sec_head .arrow span {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 35px;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: bold;
      letter-spacing: 0.05em;
      width: 100%;
      text-align: center; }

.sec_content {
  display: none; }

.flex {
  display: flex;
  flex-wrap: wrap; }

#datcha_sec01_content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 110px; }
  #datcha_sec01_content .txt h4 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding-bottom: 1em; }
  #datcha_sec01_content .txt p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    padding-bottom: 1em; }
    #datcha_sec01_content .txt p:last-of-type {
      padding-bottom: 0; }
  #datcha_sec01_content .datcha_sec01_block01 {
    padding-bottom: 110px; }
    #datcha_sec01_content .datcha_sec01_block01 .photo {
      width: 570px; }
    #datcha_sec01_content .datcha_sec01_block01 .txt {
      width: 630px;
      padding-left: 60px;
      padding-right: 50px; }
  #datcha_sec01_content .datcha_sec01_block02 .photo {
    width: 600px;
    order: 2;
    display: flex;
    flex-wrap: wrap; }
    #datcha_sec01_content .datcha_sec01_block02 .photo p {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      padding-top: 0.6em; }
    #datcha_sec01_content .datcha_sec01_block02 .photo .photo01 {
      width: 405px;
      padding-bottom: 15px; }
    #datcha_sec01_content .datcha_sec01_block02 .photo .photo02 {
      width: 205px;
      padding-top: 20px;
      margin-left: 70px; }
    #datcha_sec01_content .datcha_sec01_block02 .photo .photo03 {
      width: 250px;
      margin-left: auto; }
  #datcha_sec01_content .datcha_sec01_block02 .txt {
    order: 1;
    width: 600px;
    padding-right: 60px; }

#datcha_sec02_content {
  width: 1200px;
  margin: 0 auto; }
  #datcha_sec02_content .datcha_sec02_txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
    padding-top: 40px;
    padding-bottom: 60px;
    text-align: center; }
  #datcha_sec02_content .datcha_sec02_navi ul {
    width: 1060px;
    padding-bottom: 65px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    #datcha_sec02_content .datcha_sec02_navi ul li {
      width: 500px; }
  #datcha_sec02_content h4 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
    padding-bottom: 75px; }
    #datcha_sec02_content h4 i {
      display: block;
      padding-bottom: 25px; }
      #datcha_sec02_content h4 i img {
        width: 48px; }
  #datcha_sec02_content .txt h5 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding-bottom: 1em; }
  #datcha_sec02_content .txt p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    padding-bottom: 1em; }
    #datcha_sec02_content .txt p:last-of-type {
      padding-bottom: 0; }
  #datcha_sec02_content .office_sec01 {
    padding-bottom: 85px; }
    #datcha_sec02_content .office_sec01 .photo {
      width: 570px; }
    #datcha_sec02_content .office_sec01 .txt {
      width: 630px;
      padding-left: 55px; }
  #datcha_sec02_content .office_sec02 {
    padding-bottom: 100px; }
    #datcha_sec02_content .office_sec02 .photo {
      order: 2;
      width: 530px;
      margin-left: auto;
      display: flex;
      flex-wrap: wrap; }
      #datcha_sec02_content .office_sec02 .photo p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        padding-top: 0.6em; }
      #datcha_sec02_content .office_sec02 .photo .photo01 {
        width: 405px;
        margin-left: 85px;
        padding-bottom: 30px; }
      #datcha_sec02_content .office_sec02 .photo .photo02 {
        width: 290px; }
      #datcha_sec02_content .office_sec02 .photo .photo03 {
        padding-top: 20px;
        width: 180px;
        margin-left: auto; }
    #datcha_sec02_content .office_sec02 .txt {
      order: 1;
      width: 535px; }
      #datcha_sec02_content .office_sec02 .txt .more_btn {
        padding-top: 100px;
        padding-left: 30px; }
  #datcha_sec02_content .shop_sec01 {
    padding-bottom: 60px; }
  #datcha_sec02_content .shop_sec03 {
    padding-bottom: 90px; }
  #datcha_sec02_content .shop_sec01 .txt,
  #datcha_sec02_content .shop_sec03 .txt {
    width: 630px;
    padding-left: 55px;
    padding-right: 40px; }
  #datcha_sec02_content .shop_sec01 .photo,
  #datcha_sec02_content .shop_sec03 .photo {
    width: 570px; }
  #datcha_sec02_content .shop_sec02 {
    padding-bottom: 120px; }
    #datcha_sec02_content .shop_sec02 .txt {
      order: 1;
      width: 630px;
      padding-right: 100px; }
    #datcha_sec02_content .shop_sec02 .photo {
      order: 2;
      width: 570px;
      display: flex;
      flex-wrap: wrap; }
      #datcha_sec02_content .shop_sec02 .photo .photo01 {
        padding-top: 25px;
        width: 175px;
        margin-left: 80px;
        padding-bottom: 20px; }
      #datcha_sec02_content .shop_sec02 .photo .photo02 {
        margin-left: auto;
        width: 220px; }
      #datcha_sec02_content .shop_sec02 .photo .photo03 {
        margin-left: 10px;
        padding-top: 45px;
        width: 230px; }
      #datcha_sec02_content .shop_sec02 .photo .photo04 {
        margin-left: auto;
        width: 290px; }
  #datcha_sec02_content .shop_sec04 .txt {
    order: 1;
    width: 630px;
    padding-right: 100px; }
  #datcha_sec02_content .shop_sec04 .photo {
    order: 2;
    width: 570px; }

#datcha_sec03_content {
  width: 1200px;
  margin: 0 auto; }
  #datcha_sec03_content .datcha_sec03_content_txt {
    text-align: center;
    padding: 80px 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.05em; }
  #datcha_sec03_content .line_wrap {
    padding: 30px 0;
    position: relative; }
    #datcha_sec03_content .line_wrap:before {
      content: "";
      background-color: #149445;
      width: 5px;
      height: 100%;
      border-radius: 5px;
      position: absolute;
      top: 0;
      left: 125px;
      z-index: 10; }
  #datcha_sec03_content .step_block {
    background-color: #F2F2F2;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: 20px; }
    #datcha_sec03_content .step_block:last-of-type {
      margin-bottom: 0; }
    #datcha_sec03_content .step_block .num {
      width: 82px;
      position: absolute;
      left: 86px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 11; }
    #datcha_sec03_content .step_block .txt {
      padding-left: 225px; }
      #datcha_sec03_content .step_block .txt h4 {
        font-size: 28px;
        font-size: 2.8rem;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0.05em;
        padding-bottom: 1em; }
      #datcha_sec03_content .step_block .txt p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.75;
        letter-spacing: 0.05em; }
    #datcha_sec03_content .step_block .photo {
      margin-left: auto;
      width: 300px; }
  #datcha_sec03_content .btn {
    padding-top: 40px; }
    #datcha_sec03_content .btn a {
      background: url(../images/datcha/icon_link.svg) right 30px center no-repeat;
      background-size: 12px auto;
      border-radius: 5px;
      display: block;
      width: 420px;
      margin: 0 auto;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
      border: 1px solid #000;
      padding: 25px 0; }
      #datcha_sec03_content .btn a span {
        font-size: 12px;
        font-size: 1.2rem; }

.more_btn {
  display: flex;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }
  .more_btn .after-foot {
    padding-right: 50px;
    width: 230px; }
  .more_btn a img {
    width: 254px; }
  .more_btn.center {
    padding-right: 0;
    width: 520px;
    background-color: #fff; }

#datcha_sec04 {
  position: relative; }
  #datcha_sec04 img {
    vertical-align: bottom; }
  #datcha_sec04 .sec_head_txt {
    top: 155px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  #datcha_sec04 .bg {
    width: 100%;
    display: block; }
  #datcha_sec04 .datcha_sec04_content {
    width: 1136px;
    height: 330px;
    background-color: #fff;
    position: absolute;
    top: 395px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 45px 20px; }
    #datcha_sec04 .datcha_sec04_content p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.875;
      text-align: center;
      padding-bottom: 1em; }
      #datcha_sec04 .datcha_sec04_content p:last-of-type {
        padding-bottom: 0; }
  #datcha_sec04 .copy {
    width: 100%;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: arial;
    letter-spacing: 0.05em;
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center; }

@media screen and (max-width: 1360px) {
  #fixed_nav {
    top: calc(30 / 1360 * 100vw);
    right: calc(30 / 1360 * 100vw); }

  #mv_txt {
    top: calc( 305 / 1360 * 100vw); }
    #mv_txt h2 {
      font-size: calc(36 / 1360 * 100vw);
      margin-bottom: calc(50 / 1360 * 100vw); }
    #mv_txt .p_wrap {
      width: calc(700 / 1360 * 100vw);
      padding: calc(30 / 1360 * 100vw) 0; }
      #mv_txt .p_wrap p {
        font-size: calc(16 / 1360 * 100vw); }

  #datcha_content {
    padding-top: calc(100 / 1360 * 100vw); }

  .datcha_block {
    width: calc(1360 / 1360 * 100vw);
    margin: 0 auto calc(220 / 1360 * 100vw); }

  .sec_head_txt {
    width: calc(436 / 1360 * 100vw);
    height: calc(156 / 1360 * 100vw); }
    .sec_head_txt h3 {
      padding-top: calc(65 / 1360 * 100vw); }
      .sec_head_txt h3:before {
        width: calc(48 / 1360 * 100vw);
        height: calc(52 / 1360 * 100vw);
        top: calc(-15 / 1360 * 100vw); }
      .sec_head_txt h3 .main02_ttl {
        font-size: calc(18 / 1360 * 100vw);
        padding-bottom: calc(12 / 1360 * 100vw); }
      .sec_head_txt h3 .main_ttl {
        font-size: calc(28 / 1360 * 100vw); }
      .sec_head_txt h3 .sub_ttl {
        font-size: calc(14 / 1360 * 100vw);
        padding-top: calc(15 / 1360 * 100vw); }

  .sec_head .arrow {
    width: calc(130 / 1360 * 100vw);
    height: calc(76 / 1360 * 100vw);
    bottom: calc(-30 / 1360 * 100vw); }
    .sec_head .arrow span {
      bottom: calc(35 / 1360 * 100vw);
      font-size: calc(12 / 1360 * 100vw); }

  #datcha_sec01_content {
    width: calc(1200 / 1360 * 100vw);
    padding-top: calc(110 / 1360 * 100vw); }
    #datcha_sec01_content .txt h4 {
      font-size: calc(28 / 1360 * 100vw); }
    #datcha_sec01_content .txt p {
      font-size: calc(16 / 1360 * 100vw); }
    #datcha_sec01_content .datcha_sec01_block01 {
      padding-bottom: calc(110 / 1360 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block01 .photo {
        width: calc(570 / 1360 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block01 .txt {
        width: calc(630 / 1360 * 100vw);
        padding-left: calc(60 / 1360 * 100vw);
        padding-right: calc(50 / 1360 * 100vw); }
    #datcha_sec01_content .datcha_sec01_block02 .photo {
      width: calc(600 / 1360 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block02 .photo p {
        font-size: calc(12 / 1360 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block02 .photo .photo01 {
        width: calc(405 / 1360 * 100vw);
        padding-bottom: calc(15 / 1360 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block02 .photo .photo02 {
        width: calc(205 / 1360 * 100vw);
        padding-top: calc(20 / 1360 * 100vw);
        margin-left: calc(70 / 1360 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block02 .photo .photo03 {
        width: calc(250 / 1360 * 100vw); }
    #datcha_sec01_content .datcha_sec01_block02 .txt {
      width: calc(600 / 1360 * 100vw);
      padding-right: calc(60 / 1360 * 100vw); }

  #datcha_sec02_content {
    width: calc(1200 / 1360 * 100vw); }
    #datcha_sec02_content .datcha_sec02_txt {
      font-size: calc(16 / 1360 * 100vw);
      padding-bottom: calc(60 / 1360 * 100vw); }
    #datcha_sec02_content .datcha_sec02_navi ul {
      width: calc(1060 / 1360 * 100vw);
      padding-bottom: calc(65 / 1360 * 100vw); }
      #datcha_sec02_content .datcha_sec02_navi ul li {
        width: calc(500 / 1360 * 100vw); }
    #datcha_sec02_content h4 {
      font-size: calc(28 / 1360 * 100vw);
      padding-bottom: calc(75 / 1360 * 100vw); }
      #datcha_sec02_content h4 i {
        padding-bottom: calc(25 / 1360 * 100vw); }
        #datcha_sec02_content h4 i img {
          width: calc(48 / 1360 * 100vw); }
    #datcha_sec02_content .txt h5 {
      font-size: calc(28 / 1360 * 100vw); }
    #datcha_sec02_content .txt p {
      font-size: calc(16 / 1360 * 100vw); }
    #datcha_sec02_content .office_sec01 {
      padding-bottom: calc(85 / 1360 * 100vw); }
      #datcha_sec02_content .office_sec01 .photo {
        width: calc(570 / 1360 * 100vw); }
      #datcha_sec02_content .office_sec01 .txt {
        width: calc(630 / 1360 * 100vw);
        padding-left: calc(55 / 1360 * 100vw); }
    #datcha_sec02_content .office_sec02 {
      padding-bottom: calc(100 / 1360 * 100vw); }
      #datcha_sec02_content .office_sec02 .photo {
        width: calc(530 / 1360 * 100vw); }
        #datcha_sec02_content .office_sec02 .photo p {
          font-size: calc(12 / 1360 * 100vw); }
        #datcha_sec02_content .office_sec02 .photo .photo01 {
          width: calc(405 / 1360 * 100vw);
          margin-left: calc(85 / 1360 * 100vw);
          padding-bottom: calc(30 / 1360 * 100vw); }
        #datcha_sec02_content .office_sec02 .photo .photo02 {
          width: calc(290 / 1360 * 100vw); }
        #datcha_sec02_content .office_sec02 .photo .photo03 {
          padding-top: calc(20 / 1360 * 100vw);
          width: calc(180 / 1360 * 100vw); }
      #datcha_sec02_content .office_sec02 .txt {
        width: calc(535 / 1360 * 100vw); }
        #datcha_sec02_content .office_sec02 .txt .more_btn {
          padding-top: calc(100 / 1360 * 100vw);
          padding-left: calc(30 / 1360 * 100vw); }
    #datcha_sec02_content .shop_sec01 {
      padding-bottom: calc(60 / 1360 * 100vw); }
    #datcha_sec02_content .shop_sec03 {
      padding-bottom: calc(90 / 1360 * 100vw); }
    #datcha_sec02_content .shop_sec01 .txt,
    #datcha_sec02_content .shop_sec03 .txt {
      width: calc(630 / 1360 * 100vw);
      padding-left: calc(55 / 1360 * 100vw);
      padding-right: calc(40 / 1360 * 100vw); }
    #datcha_sec02_content .shop_sec01 .photo,
    #datcha_sec02_content .shop_sec03 .photo {
      width: calc(570 / 1360 * 100vw); }
    #datcha_sec02_content .shop_sec02 {
      padding-bottom: calc(120 / 1360 * 100vw); }
      #datcha_sec02_content .shop_sec02 .txt {
        width: calc(630 / 1360 * 100vw);
        padding-right: calc(100 / 1360 * 100vw); }
      #datcha_sec02_content .shop_sec02 .photo {
        width: calc(570 / 1360 * 100vw); }
        #datcha_sec02_content .shop_sec02 .photo .photo01 {
          padding-top: calc(25 / 1360 * 100vw);
          width: calc(175 / 1360 * 100vw);
          margin-left: calc(80 / 1360 * 100vw);
          padding-bottom: calc(20 / 1360 * 100vw); }
        #datcha_sec02_content .shop_sec02 .photo .photo02 {
          width: calc(220 / 1360 * 100vw); }
        #datcha_sec02_content .shop_sec02 .photo .photo03 {
          margin-left: calc(10 / 1360 * 100vw);
          padding-top: calc(45 / 1360 * 100vw);
          width: calc(230 / 1360 * 100vw); }
        #datcha_sec02_content .shop_sec02 .photo .photo04 {
          width: calc(290 / 1360 * 100vw); }
    #datcha_sec02_content .shop_sec04 .txt {
      width: calc(630 / 1360 * 100vw);
      padding-right: calc(100 / 1360 * 100vw); }
    #datcha_sec02_content .shop_sec04 .photo {
      width: calc(570 / 1360 * 100vw); }

  #datcha_sec03_content {
    width: calc(1200 / 1360 * 100vw); }
    #datcha_sec03_content .datcha_sec03_content_txt {
      padding: calc(80 / 1360 * 100vw) 0;
      font-size: calc(16 / 1360 * 100vw); }
    #datcha_sec03_content .line_wrap {
      padding: calc(30 / 1360 * 100vw) 0; }
      #datcha_sec03_content .line_wrap:before {
        width: calc(5 / 1360 * 100vw);
        border-radius: calc(5 / 1360 * 100vw);
        left: calc(125 / 1360 * 100vw); }
    #datcha_sec03_content .step_block {
      margin-bottom: calc(30 / 1360 * 100vw);
      padding: calc(20 / 1360 * 100vw); }
      #datcha_sec03_content .step_block .num {
        width: calc(82 / 1360 * 100vw);
        left: calc(86 / 1360 * 100vw); }
      #datcha_sec03_content .step_block .txt {
        padding-left: calc(225 / 1360 * 100vw); }
        #datcha_sec03_content .step_block .txt h4 {
          font-size: calc(28 / 1360 * 100vw); }
        #datcha_sec03_content .step_block .txt p {
          font-size: calc(16 / 1360 * 100vw); }
      #datcha_sec03_content .step_block .photo {
        width: calc(300 / 1360 * 100vw); }
    #datcha_sec03_content .btn {
      padding-top: calc(40 / 1360 * 100vw); }
      #datcha_sec03_content .btn a {
        background: url(../images/datcha/icon_link.svg) right calc(30 / 1360 * 100vw) center no-repeat;
        background-size: calc(12 / 1360 * 100vw) auto;
        border-radius: calc(5 / 1360 * 100vw);
        width: calc(420 / 1360 * 100vw);
        font-size: calc(16 / 1360 * 100vw);
        padding: calc(25 / 1360 * 100vw) 0; }
        #datcha_sec03_content .btn a span {
          font-size: calc(12 / 1360 * 100vw); }

  #datcha_sec04 .bg {
    width: auto;
    height: calc(980 / 1360 * 100vw); }
  #datcha_sec04 .sec_head_txt {
    top: calc(155 / 1360 * 100vw); }
  #datcha_sec04 .datcha_sec04_content {
    width: calc(1136 / 1360 * 100vw);
    height: calc(330 / 1360 * 100vw);
    top: calc(395 / 1360 * 100vw);
    padding: calc(30 / 1360 * 100vw) calc(20 / 1360 * 100vw); }
    #datcha_sec04 .datcha_sec04_content p {
      font-size: calc(16 / 1360 * 100vw); }
  #datcha_sec04 .copy {
    font-size: calc(12 / 1360 * 100vw);
    bottom: calc(30 / 1360 * 100vw); }

  .more_btn .after-foot {
    padding-right: calc(50 / 1360 * 100vw);
    width: calc(230 / 1360 * 100vw); }
  .more_btn a img {
    width: calc(254 / 1360 * 100vw); }
  .more_btn.center {
    width: calc(520 / 1360 * 100vw); } }
@media screen and (max-width: 767px) {
  body {
    padding-top: 0; }

  #fixed_nav {
    top: 0;
    right: 0; }

  #mv_txt {
    top: calc(535 / 750 * 100vw); }
    #mv_txt h2 {
      font-size: calc(72 / 750 * 100vw);
      margin-bottom: calc(100 / 750 * 100vw); }
    #mv_txt .p_wrap {
      width: calc(680 / 750 * 100vw);
      padding: calc(40 / 750 * 100vw) calc(30 / 750 * 100vw); }
      #mv_txt .p_wrap p {
        font-size: calc(28 / 750 * 100vw);
        text-align: left; }

  #datcha_content {
    padding-top: calc(380 / 750 * 100vw); }

  .datcha_block {
    margin: 0 auto calc(250 / 750 * 100vw); }

  .sec_head_txt {
    width: calc(680 / 750 * 100vw);
    height: calc(360 / 750 * 100vw); }
    .sec_head_txt h3 {
      padding-top: calc(125 / 750 * 100vw); }
      .sec_head_txt h3:before {
        width: calc(96 / 750 * 100vw);
        height: calc(104 / 750 * 100vw);
        top: calc(-30 / 750 * 100vw); }
      .sec_head_txt h3 .main02_ttl {
        font-size: calc(36 / 750 * 100vw);
        padding-bottom: calc(20 / 750 * 100vw); }
      .sec_head_txt h3 .main_ttl {
        font-size: calc(56 / 750 * 100vw);
        line-height: 1.28; }
      .sec_head_txt h3 .sub_ttl {
        font-size: calc(28 / 750 * 100vw);
        padding-top: calc(25 / 750 * 100vw); }

  .sec_head {
    position: relative; }
    .sec_head .sec_head_txt {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .sec_head .arrow {
      width: calc(248 / 750 * 100vw);
      height: calc(140 / 750 * 100vw);
      bottom: calc(-60 / 750 * 100vw); }
      .sec_head .arrow span {
        bottom: calc(70 / 750 * 100vw);
        font-size: calc(24 / 750 * 100vw); }

  #datcha_sec01_content {
    width: 100%;
    padding-top: calc(230 / 750 * 100vw); }
    #datcha_sec01_content .txt {
      padding-bottom: calc(50 / 750 * 100vw); }
      #datcha_sec01_content .txt h4 {
        font-size: calc(40 / 750 * 100vw); }
      #datcha_sec01_content .txt p {
        font-size: calc(28 / 750 * 100vw); }
    #datcha_sec01_content .datcha_sec01_block01 {
      padding-bottom: calc(120 / 750 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block01 .photo {
        order: 2;
        width: 100%;
        padding-left: calc(30 / 750 * 100vw);
        padding-right: calc(30 / 750 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block01 .txt {
        order: 1;
        width: 100%;
        padding-left: calc(30 / 750 * 100vw);
        padding-right: calc(30 / 750 * 100vw); }
    #datcha_sec01_content .datcha_sec01_block02 .photo {
      width: 100%; }
      #datcha_sec01_content .datcha_sec01_block02 .photo p {
        font-size: calc(24 / 750 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block02 .photo .photo01 {
        width: calc(530 / 750 * 100vw);
        margin-left: calc(20 / 750 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block02 .photo .photo02 {
        width: calc(275 / 750 * 100vw);
        padding-top: calc(30 / 750 * 100vw);
        margin-left: calc(20 / 750 * 100vw); }
      #datcha_sec01_content .datcha_sec01_block02 .photo .photo03 {
        width: calc(325 / 750 * 100vw);
        margin-left: auto;
        margin-right: calc(25 / 750 * 100vw); }
    #datcha_sec01_content .datcha_sec01_block02 .txt {
      width: 100%;
      padding-right: calc(30 / 750 * 100vw);
      padding-left: calc(30 / 750 * 100vw);
      padding-bottom: calc(80 / 750 * 100vw); }

  #datcha_sec02_content {
    width: 100%;
    padding-left: calc(40 / 750 * 100vw);
    padding-right: calc(40 / 750 * 100vw); }
    #datcha_sec02_content .datcha_sec02_txt {
      font-size: calc(28 / 750 * 100vw);
      padding-top: calc(100 / 750 * 100vw);
      padding-bottom: calc(80 / 750 * 100vw);
      text-align: left; }
    #datcha_sec02_content .datcha_sec02_navi ul {
      width: 100%;
      padding-bottom: calc(100 / 750 * 100vw); }
      #datcha_sec02_content .datcha_sec02_navi ul li {
        width: 100%;
        padding-bottom: calc(45 / 750 * 100vw); }
    #datcha_sec02_content h4 {
      font-size: calc(56 / 750 * 100vw);
      padding-bottom: calc(90 / 750 * 100vw); }
      #datcha_sec02_content h4 i {
        padding-bottom: calc(40 / 750 * 100vw); }
        #datcha_sec02_content h4 i img {
          width: calc(96 / 750 * 100vw); }
    #datcha_sec02_content .txt h5 {
      font-size: calc(40 / 750 * 100vw); }
    #datcha_sec02_content .txt p {
      font-size: calc(28 / 750 * 100vw); }
    #datcha_sec02_content .office_sec01 {
      padding-bottom: calc(105 / 750 * 100vw); }
      #datcha_sec02_content .office_sec01 .photo {
        width: 100%;
        order: 2; }
      #datcha_sec02_content .office_sec01 .txt {
        order: 1;
        width: 100%;
        padding-left: 0;
        padding-bottom: calc(30 / 750 * 100vw); }
    #datcha_sec02_content .office_sec02 {
      padding-bottom: calc(140 / 750 * 100vw); }
      #datcha_sec02_content .office_sec02 .photo {
        width: 100%;
        margin-left: 0; }
        #datcha_sec02_content .office_sec02 .photo p {
          font-size: calc(24 / 750 * 100vw); }
        #datcha_sec02_content .office_sec02 .photo .photo01 {
          width: calc(555 / 750 * 100vw);
          margin-left: auto;
          margin-right: auto;
          padding-bottom: calc(70 / 750 * 100vw); }
        #datcha_sec02_content .office_sec02 .photo .photo02 {
          width: calc(340 / 750 * 100vw);
          padding-top: calc(50 / 750 * 100vw); }
        #datcha_sec02_content .office_sec02 .photo .photo03 {
          padding-top: 0px;
          width: calc(250 / 750 * 100vw);
          margin-left: auto; }
      #datcha_sec02_content .office_sec02 .txt {
        order: 1;
        width: 100%;
        padding-bottom: calc(120 / 750 * 100vw); }
        #datcha_sec02_content .office_sec02 .txt .more_btn {
          padding-top: calc(40 / 750 * 100vw);
          padding-left: 0; }
    #datcha_sec02_content .shop_sec01 {
      padding-bottom: calc(90 / 750 * 100vw); }
    #datcha_sec02_content .shop_sec03 {
      padding-bottom: calc(120 / 750 * 100vw); }
    #datcha_sec02_content .shop_sec01 .txt,
    #datcha_sec02_content .shop_sec03 .txt {
      order: 1;
      width: 100%;
      padding-left: 0;
      padding-right: 0px;
      padding-bottom: calc(40 / 750 * 100vw); }
    #datcha_sec02_content .shop_sec01 .photo,
    #datcha_sec02_content .shop_sec03 .photo {
      order: 2;
      width: 100%; }
    #datcha_sec02_content .shop_sec02 {
      padding-bottom: calc(125 / 750 * 100vw); }
      #datcha_sec02_content .shop_sec02 .txt {
        width: 100%;
        padding-right: 0px;
        padding-bottom: calc(55 / 750 * 100vw); }
      #datcha_sec02_content .shop_sec02 .photo {
        width: 100%; }
        #datcha_sec02_content .shop_sec02 .photo .photo01 {
          padding-top: calc(30 / 750 * 100vw);
          width: calc(215 / 750 * 100vw);
          margin-left: calc(80 / 750 * 100vw);
          padding-bottom: calc(20 / 750 * 100vw); }
        #datcha_sec02_content .shop_sec02 .photo .photo02 {
          width: calc(275 / 750 * 100vw);
          margin-left: calc(50 / 750 * 100vw); }
        #datcha_sec02_content .shop_sec02 .photo .photo03 {
          margin-left: 0px;
          padding-top: calc(45 / 750 * 100vw);
          width: calc(280 / 750 * 100vw); }
        #datcha_sec02_content .shop_sec02 .photo .photo04 {
          width: calc(360 / 750 * 100vw); }
    #datcha_sec02_content .shop_sec04 .txt {
      width: 100%;
      padding-right: 0px;
      padding-bottom: calc(40 / 750 * 100vw); }
    #datcha_sec02_content .shop_sec04 .photo {
      width: 100%; }

  #datcha_sec03_content {
    width: 100%; }
    #datcha_sec03_content .datcha_sec03_content_txt {
      text-align: left;
      padding: calc(115 / 750 * 100vw) calc(40 / 750 * 100vw) calc(50 / 750 * 100vw);
      font-size: calc(28 / 750 * 100vw); }
    #datcha_sec03_content .line_wrap {
      padding: calc(50 / 750 * 100vw) 0; }
      #datcha_sec03_content .line_wrap:before {
        width: calc(10 / 750 * 100vw);
        border-radius: calc(10 / 750 * 100vw);
        left: calc(80 / 750 * 100vw); }
    #datcha_sec03_content .step_block {
      margin-bottom: calc(50 / 750 * 100vw);
      padding: calc(75 / 750 * 100vw) calc(55 / 750 * 100vw) calc(55 / 750 * 100vw) calc(190 / 750 * 100vw); }
      #datcha_sec03_content .step_block .num {
        width: calc(130 / 750 * 100vw);
        left: calc(22 / 750 * 100vw); }
      #datcha_sec03_content .step_block .txt {
        padding-left: 0;
        width: 100%; }
        #datcha_sec03_content .step_block .txt h4 {
          font-size: calc(48 / 750 * 100vw); }
        #datcha_sec03_content .step_block .txt p {
          font-size: calc(28 / 750 * 100vw);
          padding-bottom: calc(40 / 750 * 100vw); }
      #datcha_sec03_content .step_block .photo {
        margin-left: 0;
        width: 100%; }
    #datcha_sec03_content .btn {
      padding-top: calc(100 / 750 * 100vw); }
      #datcha_sec03_content .btn a {
        background: url(../images/datcha/icon_link.svg) right calc(30 / 750 * 100vw) center no-repeat;
        background-size: calc(30 / 750 * 100vw) auto;
        border-radius: calc(10 / 750 * 100vw);
        width: calc(685 / 750 * 100vw);
        font-size: calc(32 / 750 * 100vw);
        padding: calc(40 / 750 * 100vw) 0; }
        #datcha_sec03_content .btn a span {
          font-size: calc(24 / 750 * 100vw); }

  #datcha_sec04 .bg {
    height: auto; }
  #datcha_sec04 .sec_head_txt {
    top: calc(260 / 750 * 100vw);
    height: calc(300 / 750 * 100vw); }
  #datcha_sec04 .datcha_sec04_content {
    width: calc(680 / 750 * 100vw);
    height: calc(1020 / 750 * 100vw);
    top: calc(660 / 750 * 100vw);
    padding: calc(40 / 750 * 100vw) calc(20 / 750 * 100vw); }
    #datcha_sec04 .datcha_sec04_content p {
      font-size: calc(28 / 750 * 100vw);
      text-align: left; }
  #datcha_sec04 .copy {
    font-size: calc(24 / 750 * 100vw);
    bottom: calc(50 / 750 * 100vw); }

  .more_btn .after-foot {
    padding-right: calc(30 / 750 * 100vw);
    width: calc(240 / 750 * 100vw); }
  .more_btn a img {
    width: calc(425 / 750 * 100vw); }
  .more_btn.center {
    padding-right: 0;
    width: 100%;
    background-color: #fff; }
  .header_wrapper {
	background: transparent!important;  
  }
  
   }

@keyframes fluffy1 {
  0% { transform:translate(-50%,0) }
  5% { transform:translate(-50%,0) }
  10% { transform:translate(-50%,0) }
  20% { transform:translate(-50%,-6px) }
  25% { transform:translate(-50%,0) }
  30% { transform:translate(-50%,-6px) }
  50% { transform:translate(-50%,0) }
  100% { transform:translate(-50%,0) }
}