@charset "UTF-8";
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul {
  padding: 0;
}

.wrks {
  font-family: 'Work Sans', sans-serif;
}

.nw-lp {
  background-color: #fff;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Work Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .nw-lp {
    letter-spacing: 0em;
    line-height: 1.6;
    max-width: 1770px;
  }
}
@media (max-width: 767px) {
  .nw-lp {
    letter-spacing: 0em;
    line-height: 1.6;
    max-width: 750px;
  }
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.f_clear {
  border: none !important;
  clear: both !important;
  display: block !important;
  float: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}

@media (min-width: 768px) {
  .hide_pc {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hide_sp {
    display: none !important;
  }
}

.title_sec {
  line-height: 1.0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .title_sec {
    font-size: calc(55 / 1770 * 100vw);
    padding: calc(30 / 1770 * 100vw);
  }
}
@media (min-width: 1788px) {
  .title_sec {
    font-size: 56px;
    padding: 31px;
  }
}
@media (max-width: 767px) {
  .title_sec {
    font-size: calc(57 / 770 * 100vw);
    padding: calc(50 / 770 * 100vw) calc(40 / 770 * 100vw);
  }
}

.btn_blk_1 {
  background-color: #000;
  color: #fff;
  display: inline-block;
  text-align: center;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .btn_blk_1 {
    font-size: calc(24 / 1770 * 100vw);
    line-height: 3.42;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    width: calc(304 / 1770 * 100vw);
  }
}
@media (min-width: 1788px) {
  .btn_blk_1 {
    font-size: 25px;
    line-height: 83px;
    width: 304px;
  }
}
@media (max-width: 767px) {
  .btn_blk_1 {
    font-size: calc(23 / 770 * 100vw);
    line-height: 3.58;
    width: calc(274 / 770 * 100vw);
  }
}

.btn_blk_1:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .btn_blk_1:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
}

.box_list_img_all {
  position: relative;
}
@media (min-width: 768px) {
  .box_list_img_all {
    margin-bottom: calc(4 / 1770 * 100%);
    width: calc(882 / 1770 * 100%);
  }
}
@media (max-width: 767px) {
  .box_list_img_all {
    margin-bottom: calc(10 / 770 * 100%);
    width: calc(766 / 770 * 100%);
  }
}
.box_list_img_all .box_img {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.box_list_img_all .box_img img {
  max-width: 100%;
}
.box_list_img_all .wrap_text {
  height: 100%;
  position: absolute;
  top: 0;
}
@media (min-width: 768px) {
  .box_list_img_all .wrap_text {
    width: calc(381 / 882 * 100%);
  }
}
@media (max-width: 767px) {
  .box_list_img_all .wrap_text {
    width: calc(332 / 766 * 100%);
  }
}
.box_list_img_all .inner_wrap_text {
  left: 0;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.box_list_img_all .box_text {
  letter-spacing: -0.012em;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .box_list_img_all .box_text {
    font-size: calc(19 / 1770 * 100vw);
    padding-left: calc(50 / 381 * 100%);
  }
}
@media (min-width: 1788px) {
  .box_list_img_all .box_text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .box_list_img_all .box_text {
    font-size: calc(19 / 770 * 100vw);
    padding-left: calc(35 / 332 * 100%);
  }
}
.box_list_img_all .list_icon {
  font-size: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .box_list_img_all .list_icon {
    padding-top: calc(140 / 381 * 100%);
  }
}
@media (max-width: 767px) {
  .box_list_img_all .list_icon {
    padding-top: calc(80 / 332 * 100%);
  }
}
.box_list_img_all .list_icon li {
  display: inline-block;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .box_list_img_all .list_icon li + li {
    padding-left: calc(25 / 381 * 100%);
  }
}
@media (max-width: 767px) {
  .box_list_img_all .list_icon li + li {
    padding-left: calc(20 / 332 * 100%);
  }
}
.box_list_img_all .list_icon .icon_img {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .box_list_img_all .list_icon .icon_img {
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .box_list_img_all .list_icon .icon_img {
    padding-bottom: calc(10 / 770 * 100vw);
  }
}
@media (min-width: 768px) {
  .box_list_img_all .list_icon .icon_img img {
    width: calc(60 / 1770 * 100vw);
  }
}
@media (min-width: 1788px) {
  .box_list_img_all .list_icon .icon_img img {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .box_list_img_all .list_icon .icon_img img {
    width: calc(55 / 770 * 100vw);
  }
}
.box_list_img_all .list_icon .icon_text {
  letter-spacing: 0.08em;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .box_list_img_all .list_icon .icon_text {
    font-size: calc(14 / 1770 * 100vw);
  }
}
@media (min-width: 1788px) {
  .box_list_img_all .list_icon .icon_text {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .box_list_img_all .list_icon .icon_text {
    font-size: calc(13 / 770 * 100vw);
  }
}

.box_list_img_1 .wrap_text {
  left: 0;
}

.box_list_img_2 .wrap_text {
  right: 0;
}

.box_item_all {
  position: relative;
}
@media (min-width: 768px) {
  .box_item_all {
    margin-bottom: calc((80 + 4) / 1770 * 100%);
    width: calc(439 / 1770 * 100%);
  }
}
@media (max-width: 767px) {
  .box_item_all {
    margin-bottom: calc((30 + 10) / 770 * 100%);
    width: calc(378 / 770 * 100%);
  }
}
.box_item_all .box_item_img img {
  max-width: 100%;
}
.box_item_all .box_item_img a {
  color: #000;
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .box_item_all .box_item_img a {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
.box_item_all .box_item_img a:hover {
  color: #000;
}
@media (min-width: 768px) {
  .box_item_all .box_item_img a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
}
.box_item_all .box_item_img a:after {
  background-color: #fff;
  font-family: 'Work Sans', sans-serif;
  line-height: 2.02;
  position: absolute;
  text-align: center;
}
@media (min-width: 768px) {
  .box_item_all .box_item_img a:after {
    font-size: calc(18 / 1770 * 100vw);
    left: calc(19 / 1770 * 100vw);
    top: calc(19 / 1770 * 100vw);
    width: calc(129 / 439 * 100%);
  }
}
@media (min-width: 1788px) {
  .box_item_all .box_item_img a:after {
    font-size: 19px;
    left: 20px;
    line-height: 37px;
    top: 20px;
    width: 130px;
  }
}
@media (max-width: 767px) {
  .box_item_all .box_item_img a:after {
    font-size: calc(23 / 770 * 100vw);
    left: calc(20 / 770 * 100vw);
    top: calc(20 / 770 * 100vw);
    width: calc(157 / 378 * 100%);
  }
}
@media (min-width: 768px) {
  .box_item_all .wrap_text {
    padding: calc(15 / 439 * 100%) calc(15 / 439 * 100%) 0 calc(25 / 439 * 100%);
  }
}
@media (max-width: 767px) {
  .box_item_all .wrap_text {
    padding: calc(15 / 378 * 100%) calc(10 / 378 * 100%) 0 calc(15 / 378 * 100%);
  }
}
.box_item_all .box_item_name {
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .box_item_all .box_item_name {
    font-size: calc(15 / 1770 * 100vw);
    line-height: 1.18;
    padding-bottom: 5px;
  }
}
@media (min-width: 1788px) {
  .box_item_all .box_item_name {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .box_item_all .box_item_name {
    font-size: calc(20 / 770 * 100vw);
    line-height: 1.31;
    padding-bottom: calc(5 / 770 * 100vw);
  }
}
.box_item_all .box_item_name a {
  color: #000;
}
@media (min-width: 768px) {
  .box_item_all .box_item_name a {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
.box_item_all .box_item_name a:hover {
  color: #000;
}
@media (min-width: 768px) {
  .box_item_all .box_item_name a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
}
.box_item_all .box_item_price {
  font-size: 0;
}
.box_item_all .box_item_price .s1 {
  font-weight: bold;
  line-height: 1.0;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .box_item_all .box_item_price .s1 {
    font-size: calc(17 / 1770 * 100vw);
  }
}
@media (min-width: 1788px) {
  .box_item_all .box_item_price .s1 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .box_item_all .box_item_price .s1 {
    font-size: calc(25 / 770 * 100vw);
  }
}
.box_item_all .box_item_price .s2 {
  line-height: 1.0;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .box_item_all .box_item_price .s2 {
    font-size: calc(11 / 1770 * 100vw);
  }
}
@media (min-width: 1788px) {
  .box_item_all .box_item_price .s2 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .box_item_all .box_item_price .s2 {
    font-size: calc(16 / 770 * 100vw);
  }
}

@media (max-width: 767px) {
  .box_item_r {
    margin-left: calc(10 / 770 * 100%);
  }
}

.box_item_m .box_item_img a:after {
  content: 'MEN';
}

.box_item_w .box_item_img a:after {
  content: 'WOMEN';
}

.area_item_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .area_item_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .area_item_list {
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.slick-slide {
  font-size: 0;
  line-height: 0;
}
.slick-slide a {
  display: block;
}
@media (min-width: 768px) {
  .slick-slide a {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
@media (min-width: 768px) {
  .slick-slide a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
}
.slick-slide img {
  width: 100%;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  bottom: 0;
  font-size: 0;
  left: 0;
  line-height: 0;
}
.slick-dots li {
  height: auto;
}
@media (min-width: 768px) {
  .slick-dots li {
    margin: 0 calc(11 / 1770 * 100%);
    width: calc(20 / 1770 * 100%);
  }
}
@media (max-width: 767px) {
  .slick-dots li {
    margin: 0 calc(14 / 770 * 100%);
    width: calc(24 / 770 * 100%);
  }
}
.slick-dots li button {
  height: 0;
  padding: 100% 0 0 0;
  width: 100%;
}
.slick-dots li button:before {
  background-color: #fff;
  border: 2px solid #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
  height: 100%;
  line-height: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 100%;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.bx-wrapper {
  border: none;
  box-shadow: none;
  margin: 0;
  position: static;
}
.bx-wrapper .slide_all a {
  display: block;
}
@media (min-width: 768px) {
  .bx-wrapper .slide_all a {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
@media (min-width: 768px) {
  .bx-wrapper .slide_all a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
}
.bx-wrapper .slide_all img {
  width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager {
  bottom: 0;
  font-size: 0;
  left: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
    margin: 0 calc(11 / 1770 * 100%);
    width: calc(20 / 1770 * 100%);
  }
}
@media (max-width: 767px) {
  .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
    margin: 0 calc(14 / 770 * 100%);
    width: calc(24 / 770 * 100%);
  }
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #fff;
  border: 2px solid #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 0;
  margin: 0;
  padding-top: calc(100% - 4px);
  width: 100%;
}
@media (min-width: 768px) {
  .bx-wrapper .bx-pager.bx-default-pager a {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #000;
}

#cboxContent {
  background-color: transparent;
}
@media (min-width: 768px) {
  #cboxContent {
    margin: 70px 0 0;
  }
}
@media (max-width: 767px) {
  #cboxContent {
    margin: calc(70 / 770 * 100vw) 0 0;
  }
}

#cboxLoadedContent {
  background-color: transparent;
}

#cboxClose {
  background-color: transparent;
  background-image: none;
  right: 0;
}
@media (min-width: 768px) {
  #cboxClose {
    height: 50px;
    width: 50px;
    top: -50px;
  }
}
@media (max-width: 767px) {
  #cboxClose {
    height: calc(50 / 770 * 100vw);
    width: calc(50 / 770 * 100vw);
    top: calc(-50 / 770 * 100vw);
  }
}
#cboxClose:before, #cboxClose:after {
  background-color: #000;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: calc(30 / 50 * 100%);
}
#cboxClose:before {
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
#cboxClose:after {
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal_youtube #cboxLoadedContent {
  position: relative;
}
@media (min-width: 768px) {
  .modal_youtube #cboxLoadedContent {
    height: calc(576 / 1770 * 100vw);
    width: calc(1024 / 1770 * 100vw);
  }
}
@media (min-width: 1788px) {
  .modal_youtube #cboxLoadedContent {
    height: 576px;
    width: 1024px;
  }
}
@media (max-width: 767px) {
  .modal_youtube #cboxLoadedContent {
    height: calc(405 / 770 * 100vw);
    width: calc(720 / 770 * 100vw);
  }
}
.modal_youtube #cboxLoadedContent iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

#pg_lp {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#pg_lp.loading {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0s;
  -o-transition: opacity 0s;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
#pg_lp .sec_mv {
  position: relative;
}
@media (min-width: 768px) {
  #pg_lp .sec_mv {
    padding-bottom: calc(50 / 1770 * 100%);
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_mv {
    padding-bottom: calc(60 / 770 * 100%);
  }
}
#pg_lp .sec_mv .mv_bdr_all img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  #pg_lp .sec_mv .inner_sec_mv {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  #pg_lp .sec_mv .wrap_slider {
    width: calc(1016 / 1770 * 100%);
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_mv .wrap_slider {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #pg_lp .sec_mv .wrap_slider .slide_all .mv_icon_item_all {
    position: absolute;
    width: calc(38 / 1016 * 100%);
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_mv .wrap_slider .slide_all .mv_icon_item_all {
    display: none;
  }
}
#pg_lp .sec_mv .wrap_slider .slide_01 .mv_icon_item_1 {
  left: calc(120 / 1016 * 100%);
  top: calc(420 / 496 * 100%);
}
#pg_lp .sec_mv .wrap_slider .slide_01 .mv_icon_item_2 {
  left: calc(325 / 1016 * 100%);
  top: calc(26 / 496 * 100%);
}
#pg_lp .sec_mv .wrap_slider .slide_01 .mv_icon_item_3 {
  left: calc(515 / 1016 * 100%);
  top: calc(420 / 496 * 100%);
}
#pg_lp .sec_mv .wrap_slider .slide_01 .mv_icon_item_4 {
  left: calc(670 / 1016 * 100%);
  top: calc(26 / 496 * 100%);
}
#pg_lp .sec_mv .wrap_slider .slide_02 .mv_icon_item_1 {
  left: calc(635 / 1016 * 100%);
  top: calc(165 / 496 * 100%);
}
#pg_lp .sec_mv .wrap_slider .slide_03 .mv_icon_item_1 {
  left: calc(600 / 1016 * 100%);
  top: calc(340 / 496 * 100%);
}
#pg_lp .sec_mv .wrap_text {
  text-align: center;
}
@media (min-width: 768px) {
  #pg_lp .sec_mv .wrap_text {
    position: relative;
    width: calc(754 / 1770 * 100%);
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_mv .wrap_text {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #pg_lp .sec_mv .wrap_text .inner_wrap_text {
    left: 0;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_mv .wrap_text .inner_wrap_text {
    padding: calc(60 / 770 * 100%) 0;
  }
}
#pg_lp .sec_mv .wrap_text .title {
  font-weight: bold;
  line-height: 1.05;
  margin: 0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  #pg_lp .sec_mv .wrap_text .title {
    font-size: calc(66 / 1770 * 100vw);
    letter-spacing: 0.03em;
    padding-bottom: calc(20 / 1770 * 100vw);
  }
}
@media (min-width: 1788px) {
  #pg_lp .sec_mv .wrap_text .title {
    font-size: 67px;
    padding-bottom: 21px;
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_mv .wrap_text .title {
    font-size: calc(54 / 770 * 100vw);
    padding-bottom: calc(20 / 770 * 100vw);
  }
}
#pg_lp .sec_mv .wrap_text .text {
  letter-spacing: -0.012em;
  white-space: nowrap;
}
@media (min-width: 768px) {
  #pg_lp .sec_mv .wrap_text .text {
    font-size: calc(20 / 1770 * 100vw);
    line-height: 1.8;
  }
}
@media (min-width: 1788px) {
  #pg_lp .sec_mv .wrap_text .text {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_mv .wrap_text .text {
    font-size: calc(26 / 770 * 100vw);
    line-height: 1.6;
  }
}
#pg_lp .sec_mv .mv_bdr_btm_pc,
#pg_lp .sec_mv .mv_bdr_top_sp {
  margin-top: -1px;
  position: relative;
}
#pg_lp .sec_all .area_item_list .wrap_btn {
  text-align: center;
  width: 50%;
}
@media (min-width: 768px) {
  #pg_lp .sec_all .area_item_list .wrap_btn {
    padding-bottom: calc(40 / 1770 * 100%);
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_all .area_item_list .wrap_btn {
    padding-bottom: calc(100 / 770 * 100%);
  }
}
@media (min-width: 768px) {
  #pg_lp .sec_5,
  #pg_lp .sec_6 {
    width: calc(882 / 1770 * 100%);
  }
}
@media (min-width: 768px) {
  #pg_lp .sec_5 .area_item_list .box_list_img_all,
  #pg_lp .sec_6 .area_item_list .box_list_img_all {
    margin-bottom: calc((80 + 4) / 882 * 100%);
    width: 100%;
  }
}
@media (max-width: 767px) {
  #pg_lp .sec_5 .area_item_list .box_list_img_all,
  #pg_lp .sec_6 .area_item_list .box_list_img_all {
    margin-bottom: calc((50 + 10) / 770 * 100%);
  }
}
#pg_lp .sec_5 .area_item_list .wrap_btn,
#pg_lp .sec_6 .area_item_list .wrap_btn {
  text-align: center;
  width: 50%;
}
@media (min-width: 768px) {
  #pg_lp .sec_5 .area_item_list .wrap_btn,
  #pg_lp .sec_6 .area_item_list .wrap_btn {
    padding-bottom: calc(60 / 882 * 100%);
  }
}
@media (min-width: 768px) {
  #pg_lp .sec_5 {
    float: left;
  }
}
@media (min-width: 768px) {
  #pg_lp .sec_6 {
    float: right;
  }
}
