@charset "UTF-8";

/* -----------------------------------------------
common
----------------------------------------------- */
main {
  background-color: #fff;
}
main img {
  width: 100%;
  height: auto;
}
main h1,
main h4,
main p,
main dl,
main dd {
  margin: 0;
}
main ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
main ol.breadcrumb {
  margin: 1em 0;
}
.bg_wrap {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.main_container .inner_wrap {
  position: relative;
}
.main_container .link_btn {
  position: absolute;
}

@media screen and (max-width: 767px) {
  .main_container .inner_wrap {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .main_container {
    max-width: 1920px;
    margin: 0 auto;
  }
  main .inner_wrap {
    max-width: calc(1080px + 43px * 2);
    margin: 0 auto;

  }
}

/* -----------------------------------------------
mv_wrap
----------------------------------------------- */
@media screen and (max-width: 767px) {
  .mv_wrap {
    background-image: url(../img/kurashishop_voice/mv_bg_sp.jpg);
  }
  .mv_link_01 {
    width: 78.4%;
    bottom: 37.8%;
    left: 50%;
    transform: translateX(-50%);
  }
  .mv_link_02 {
    width: 78.4%;
    bottom: 31.3%;
    left: 50%;
    transform: translateX(-50%);
  }
  .mv_link_03 {
    width: 78.4%;
    bottom: 18%;
    left: 50%;
    transform: translateX(-50%);
  }
  .mv_link_04 {
    width: 78.4%;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 768px) {
  .mv_wrap {
    background-image: url(../img/kurashishop_voice/mv_bg_pc.jpg);
  }
  .mv_link_01 {
    width: 26.24%;
    bottom: 18%;
    left: 21.2%;
  }
  .mv_link_02 {
    width: 26.24%;
    bottom: 18%;
    right: 21.2%;
  }
  .mv_link_03 {
    width: 26.24%;
    bottom: 3.8%;
    left: 20.5%;
  }
  .mv_link_04 {
    width: 26.24%;
    bottom: 3.8%;
    right: 20.5%;
  }
}

/* -----------------------------------------------
con_wrap
----------------------------------------------- */
@media screen and (max-width: 767px) {
  .con_01_wrap {
    background-image: url(../img/kurashishop_voice/bg_01_sp.jpg);
    margin-top: -15%;
    padding-top: 15%;
  }
  .con_02_wrap {
    background-image: url(../img/kurashishop_voice/bg_02_sp.jpg);
  }
  .con_03_wrap {
    background-image: url(../img/kurashishop_voice/bg_03_sp.jpg);
  }
  .con_04_wrap {
    background-image: url(../img/kurashishop_voice/bg_04_sp.jpg);
  }
  .con_05_wrap {
    background-image: url(../img/kurashishop_voice/bg_05_sp.jpg);
  }
  .con_06_wrap {
    background-image: url(../img/kurashishop_voice/bg_06_sp.jpg);
  }
  .con_07_wrap {
    background-image: url(../img/kurashishop_voice/bg_07_sp.jpg);
    margin-top: -23%;
    padding-top: 23%;
  }
  .con_08_wrap {
    background-image: url(../img/kurashishop_voice/bg_08_sp.jpg);
    margin-top: -23%;
    padding-top: 23%;
  }
  .con_09_wrap {
    background-image: url(../img/kurashishop_voice/bg_09_sp.jpg);
  }
  .con_09_wrap .inner_wrap {
    padding-top: 59.6%;
  }
  .btn_con02-01 {
    width: 79.2%;
    bottom: 4.8%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con02-02 {
    width: 79.2%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con03-01 {
    width: 79.2%;
    bottom: 5.3%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con03-02 {
    width: 79.2%;
    bottom: 0.05%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con04-01 {
    width: 79.2%;
    bottom: 5.3%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con04-02 {
    width: 79.2%;
    bottom: 0.05%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con05-01 {
    width: 79.2%;
    bottom: 7.9%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con05-02 {
    width: 79.2%;
    bottom: -0.1%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con06-01 {
    width: 79.2%;
    bottom: 11.3%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con06-02 {
    width: 79.2%;
    bottom: 3.9%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con07-01 {
    width: 79.2%;
    bottom: 5.98%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con07-02 {
    width: 79.2%;
    bottom: 2.05%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con08-01 {
    width: 79.2%;
    bottom: 5.9%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con08-02 {
    width: 79.2%;
    bottom: 2.15%;
    left: 50%;
    transform: translateX(-50%);
  }
  #con_06 {
    position: absolute;
    top: -1%;
    left: 0;
  }
}

@media screen and (min-width: 768px) {
  .con_01_wrap {
    background-image: url(../img/kurashishop_voice/bg_01_pc.jpg);
  }
  .con_02_wrap {
    background-image: url(../img/kurashishop_voice/bg_02_pc.jpg);
  }
  .con_03_wrap {
    background-image: url(../img/kurashishop_voice/bg_03_pc.jpg);
  }
  .con_04_wrap {
    background-image: url(../img/kurashishop_voice/bg_04_pc.jpg);
  }
  .con_05_wrap {
    background-image: url(../img/kurashishop_voice/bg_05_pc.jpg);
  }
  .con_06_wrap {
    background-image: url(../img/kurashishop_voice/bg_06_pc.jpg);
  }
  .con_07_wrap {
    background-image: url(../img/kurashishop_voice/bg_07_pc.jpg);
  }
  .con_08_wrap {
    background-image: url(../img/kurashishop_voice/bg_08_pc.jpg);
  }
  .con_09_wrap {
    background-image: url(../img/kurashishop_voice/bg_09_pc.jpg);
    background-position: top center;
  }
  .con_09_wrap .inner_wrap {
    padding-top: 51.1%;;
  }
  .btn_con02-01 {
    width: 43.82%;
    bottom: 5.08%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con02-02 {
    width: 43.82%;
    bottom: -0.05%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con03-01 {
    width: 43.82%;
    bottom: 5.08%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con03-02 {
    width: 43.82%;
    bottom: -0.05%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con04-01 {
    width: 43.82%;
    bottom: 5.08%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con04-02 {
    width: 43.82%;
    bottom: -0.05%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con05-01 {
    width: 43.82%;
    bottom: 7.3%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con05-02 {
    width: 43.82%;
    bottom: 0.1%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con06-01 {
    width: 43.82%;
    bottom: 19.2%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con06-02 {
    width: 43.82%;
    bottom: 7.5%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con07-01 {
    width: 43.82%;
    bottom: 9.98%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con07-02 {
    width: 43.82%;
    bottom: 3.65%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con08-01 {
    width: 43.82%;
    bottom: 9.25%;
    left: 50%;
    transform: translateX(-50%);
  }
  .btn_con08-02 {
    width: 43.82%;
    bottom: 2.95%;
    left: 50%;
    transform: translateX(-50%);
  }
  #con_06 {
    position: absolute;
    top: 8%;
    left: 0;
  }
}

@media screen and (min-width: 1166px) {
  .con_09_wrap .inner_wrap {
    height: 596px;
    padding-top: 0;
  }
}

/* -----------------------------------------------
fixed_link
----------------------------------------------- */
@media screen and (max-width: 767px) {
  .main_container {
    position: relative;
  }
  .fixed_nav {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .main_container.fixed .fixed_nav {
    position: fixed;
  }
  .fixed_nav > a {
    display: block;
    width: 25.6%;
  }
  .fixed_nav > a + a {
    margin-left: -10px;
  }
}

@media screen and (min-width: 768px) {
  .fixed_nav {
    width: 82px;
    position: fixed;
    bottom: 30px;
    right: 0;
  }
  .fixed_nav > a {
    display: block;
    width: 100%;
  }
  .fixed_nav > a + a {
    margin-top: 13px;
  }

  .to_top a {
    right: calc(30px + 82px);
  }
}