@charset "UTF-8";
/* ------------------------------
#randsel
------------------------------ */
/* iPhone フォント変更
------------------------------ */
@media screen and (max-width: 768px) {
  #randsel [class^="randsel_block_"].js-iphone {
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
}

/* layout common
------------------------------ */
.pc-only {
  display: block !important;
}

.sp-only {
  display: none !important;
}

#randsel [class^="randsel_block_"] h1,
#randsel [class^="randsel_block_"] h2,
#randsel [class^="randsel_block_"] h3 {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

#randsel [class^="randsel_block_"] img {
  height: auto;
  vertical-align: bottom;
}

@media screen and (max-width: 800px) {
  .pc-only {
    display: none !important;
  }

  .sp-only {
    display: block !important;
  }
}

/* layout setting
------------------------------ */
.breadcrumb {
  display: none;
}

#randsel [class^="randsel_block_"] {
  color: #333;
  letter-spacing: 1px;
  font-feature-settings: "palt";
}

.common_inner {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.flex_box1 {
  display: flex;
}

.flex_box2 {
  display: flex;
  justify-content: center;
}

.flex_box3_1 {
  display: flex;
  align-items: center;
}

.flex_box3_2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.gray_bg {
  padding: 100px 0 0;
  background: #F0F0F0;
  border-radius: 50px 50px 0 0;
}

.gray2_bg {
  padding: 100px 0 0;
  background: #EFF0F3;
  border-radius: 50px 50px 0 0;
}

.gray3_bg {
  padding: 100px 0 0;
  background: #F6F5F5;
  border-radius: 50px 50px 0 0;
}

.gray4_bg {
  padding: 50px 0 0;
  background: #F8F8F8;
}

.brown_bg {
  padding: 100px 0 0;
  background: #F5F1EE;
  border-radius: 50px 50px 0 0;
}

.green_bg {
  padding: 100px 0 0;
  background: #F3F6F5;
  border-radius: 50px 50px 0 0;
}

.red_bg {
  padding: 100px 0 0;
  background: #F5F0F0;
  border-radius: 50px 50px 0 0;
}

.yellow_bg {
  padding: 100px 0 0;
  background: #FFFFF4;
  border-radius: 50px 50px 0 0;
}

@media screen and (max-width: 768px) {
  .flex_box2 {
    display: block;
  }

  .flex_box3_1,
  .flex_box3_2 {
    display: flex;
    align-items: center;
  }

  .flex_box3_2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .gray_bg {
    padding: calc(50 * (100vw / 375)) 0 0;
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }

  .gray2_bg {
    padding: calc(50 * (100vw / 375)) 0 0;
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }

  .gray3_bg {
    padding: calc(50 * (100vw / 375)) 0 0;
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }

  .gray4_bg {
    padding: calc(50 * (100vw / 375)) 0 0;
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }

  .brown_bg {
    padding: calc(35 * (100vw / 375)) 0 0;
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }

  .green_bg {
    padding: calc(50 * (100vw / 375)) 0 0;
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }

  .red_bg {
    padding: calc(50 * (100vw / 375)) 0 0;
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }

  .yellow_bg {
    padding: calc(50 * (100vw / 375)) 0 0;
    border-radius: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) 0 0;
  }
}

/* design common
------------------------------ */
#randsel [class^="randsel_block_"] h2.common_h2 {
  font-size: 30px;
  font-weight: 600;
  padding: 0 0 50px 20px;
}

#randsel [class^="randsel_block_"] h2.common_h2 span.en_font {
  font-size: 53px;
  color: #19455D24;
  padding-right: 29px;
}

#randsel [class^="randsel_block_"] h2.common_h2 span.num_font {
  font-size: 50px;
}

@media screen and (max-width: 768px) {
  #randsel [class^="randsel_block_"] h2.common_h2 {
    font-size: calc(20 * (100vw / 375));
    padding: 0 0 calc(35 * (100vw / 375)) calc(15 * (100vw / 375));
  }

  #randsel [class^="randsel_block_"] h2.common_h2 span.en_font {
    font-size: calc(34 * (100vw / 375));
    padding-right: 0;
    display: block;
    margin-bottom: calc(5 * (100vw / 375));
  }

  #randsel [class^="randsel_block_"] h2.common_h2 span.num_font {
    font-size: calc(29 * (100vw / 375));
  }

  #randsel [class^="randsel_block_"] h2.common_h2 img {
    display: inline-block;
    width: calc(108 * (100vw / 375));
  }
}

/* mv
------------------------------ */
.randsel_block_mv {
  position: relative;
  height: 661px;
  overflow: hidden;
}

.mv_info {
  position: relative;
  width: 432px;
  flex-shrink: 0;
  margin-top: 74px;
  z-index: 2;
}

.mv_info img {
  width: 330px;
  margin-bottom: 135px;
}

#randsel .randsel_block_mv .mv_info h1 {
  font-size: 30px;
  color: #4AA2D1;
  margin-bottom: 32px;
}

.mv_info p {
  font-size: 18px;
  line-height: 2;
}

.mv_slider {
  position: absolute;
  top: -29px;
  right: 0;
  width: 1137px;
  height: 661px;
  border-radius: 334px 0 0 334px;
  overflow: hidden;
  z-index: 1;
}

/* slick reaet */
.randsel_block_mv .slick-list.draggable {
  height: 661px;
}

.randsel_block_mv .slick-list.draggable .slick-slide {
  width: 1225px;
  height: 661px !important;
}

.randsel_block_mv .slick-dots {
  bottom: 13px;
  padding-left: 100px;
}

.randsel_block_mv .slick-dots li {
  margin: 0 2px;
}

.randsel_block_mv .slick-dots li button:before {
  /* font-size: 35px !important; */
  color: #898989 !important;
  opacity: 1;
}

.randsel_block_mv .slick-dots li.slick-active button:before {
  color: #4AA2D1 !important;
}

@media screen and (min-width: 769px) {
  .randsel_block_mv .slick-dots li button:hover {
    opacity: .7;
    transition: all .3s ease;
  }
}

@media screen and (max-width: 1800px) {
  .mv_slider {
    right: -80px;
  }
}

@media screen and (max-width: 1700px) {
  .mv_slider {
    right: -130px;
  }
}

@media screen and (max-width: 1600px) {
  .mv_slider {
    right: -180px;
  }
}

@media screen and (max-width: 1500px) {
  .mv_slider {
    right: -250px;
  }
}

@media screen and (max-width: 1350px) {
  .mv_slider {
    right: -300px;
  }
}

@media screen and (max-width: 768px) {
  .randsel_block_mv {
    height: unset;
    overflow: unset;
  }

  .randsel_block_mv .common_inner.flex_box1 {
    flex-direction: column-reverse;
  }

  .mv_info {
    width: 100%;
    margin-top: 0;
    position: static;
  }

  .mv_info img {
    width: calc(158 * (100vw / 375));
    margin: calc(21 * (100vw / 375)) auto 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  #randsel .randsel_block_mv .mv_info h1 {
    font-size: calc(20 * (100vw / 375));
    margin-bottom: calc(18 * (100vw / 375));
    margin-top: calc(55 * (100vw / 375));
    text-align: center;
  }

  .mv_info p {
    font-size: calc(16 * (100vw / 375));
    line-height: 2;
    position: relative;
    padding: 0 calc(30 * (100vw / 375));
  }

  .mv_slider {
    position: relative;
    top: 0;
    right: 0;
    width: calc(366 * (100vw / 375));
    height: calc(258 * (100vw / 375));
    border-radius: calc(334 * (100vw / 375)) 0 0 calc(334 * (100vw / 375));
    margin: 0 0 0 auto;
    overflow: hidden;
    margin-top: calc(77 * (100vw / 375));
  }

  .mv_slider img {
    width: auto;
  }

  /* slick reaet */
  .randsel_block_mv .slick-list.draggable {
    height: calc(258 * (100vw / 375));
  }

  .randsel_block_mv .slick-list.draggable .slick-slide {
    width: auto;
    height: calc(258 * (100vw / 375)) !important;
  }

  .randsel_block_mv .slick-dots {
    bottom: unset;
    padding-left: 0;
    top: calc(-100 * (100vw / 375));
    right: calc(15 * (100vw / 375));
    width: auto;
  }

  .randsel_block_mv .slick-dots li {
    margin: 0;
  }

  .randsel_block_mv .slick-dots li button:before {
    font-size: 50px !important;
  }
}

/* nav
------------------------------ */
.randsel_block_nav {
  padding: 70px 0 90px;
}

.nav_list {
  display: flex;
  justify-content: center;
}

.nav_list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  margin: 0 10px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-align: center;
  border: 3px solid #4AA2D1;
  border-radius: 65px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .26);
  background: #fff url(/cms/assets/img/cp/randsel/nav_arrow.png) no-repeat bottom 10px center;
  background-size: 7px auto;
}

.nav_list li a .en_font {
  display: block;
  color: #19455D6B;
  line-height: 1;
  margin-top: 5px;
}

.nav_list li a:hover {
  opacity: .7;
  transition: all .3s ease;
}

@media screen and (max-width: 768px) {
  .randsel_block_nav {
    padding: calc(44 * (100vw / 375)) 0 calc(75 * (100vw / 375));
  }

  .nav_list li {
    margin-bottom: calc(8 * (100vw / 375));
  }

  .nav_list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(107 * (100vw / 375));
    height: calc(107 * (100vw / 375));
    margin: 0 calc(6 * (100vw / 375));
    font-size: calc(11 * (100vw / 375));
    border: 3px solid #4AA2D1;
    border-radius: calc(65 * (100vw / 375));
    box-shadow: 0 1px 5px rgba(0, 0, 0, .26);
    background: #fff url(/cms/assets/img/cp/randsel/nav_arrow.png) no-repeat bottom calc(10 * (100vw / 375)) center;
    background-size: calc(6 * (100vw / 375)) auto;
  }
}

/* sec00
------------------------------ */
.randsel_block_00 {}

.sec00_bg {
  position: relative;
  height: 629px;
  background: url(/cms/assets/img/cp/randsel/sec00_bg.jpg) no-repeat top center, linear-gradient(to right, #f8f8f8, #e3e4df);
  box-shadow: 10px 15px 15px rgba(128, 128, 128, .16);
}

.contents00_txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: flex;
  align-items: center;
  width: calc(100vw - 45.5%);
  height: 343px;
  padding-left: 55px;
  background: #fff;
  border-radius: 207px 0 0 207px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

#randsel .randsel_block_00 .contents00_txt h3 {
  font-size: 22px;
  font-weight: 600;
  color: #4AA2D1;
  padding-right: 25px;
}

@media screen and (max-width: 768px) {
  .randsel_block_00 img.sp-only {
    position: relative;
    margin-top: calc(-48 * (100vw / 375));
    z-index: -1;
  }

  .sec00_bg {
    height: unset;
    background: none;
    box-shadow: none;
  }

  .contents00_txt {
    position: static;
    top: 0;
    transform: unset;
    display: table;
    width: auto;
    height: unset;
    padding-left: 0;
    border-radius: 0;
    box-shadow: none;
    margin: calc(26 * (100vw / 375)) auto 0;
  }

  #randsel .randsel_block_00 .contents00_txt h3 {
    font-size: calc(18 * (100vw / 375));
    padding-right: 0;
    margin-bottom: calc(24 * (100vw / 375));
    text-align: center;
  }

  #randsel .randsel_block_00 .contents00_txt h3+p {
    line-height: 1.7;
  }
}

/* sec01
------------------------------ */
.randsel_block_01 {
  position: relative;
  padding: 175px 0 0;
}

.sec0101_bg {
  margin-bottom: 60px;
  background-image: url(/cms/assets/img/cp/randsel/sec01_01_img.jpg);
  background-repeat: no-repeat;
  background-position: center right;
}

.sec0102_bg {
  margin-bottom: 60px;
  background-image: url(/cms/assets/img/cp/randsel/sec01_02_img.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}

.sec0103_bg {
  margin-bottom: 60px;
  background-image: url(/cms/assets/img/cp/randsel/sec01_03_img.jpg);
  background-repeat: no-repeat;
  background-position: center right;
}

@media screen and (max-width: 1800px) {

  .sec0101_bg,
  .sec0103_bg {
    background-position: center right -100px;
  }
}

@media screen and (max-width: 1500px) {

  .sec0101_bg,
  .sec0103_bg {
    background-position: center right -200px;
  }
}

@media screen and (max-width: 1350px) {

  .sec0101_bg,
  .sec0103_bg {
    background-position: center right -300px;
  }
}

@media screen and (max-width: 1800px) {
  .sec0102_bg {
    background-position: center left -100px;
  }
}

@media screen and (max-width: 1500px) {
  .sec0102_bg {
    background-position: center left -200px;
  }
}

@media screen and (max-width: 1350px) {
  .sec0102_bg {
    background-position: center left -300px;
  }
}

.sec0101_bg,
.sec0101_bg .common_inner,
.sec0102_bg,
.sec0102_bg .common_inner,
.sec0103_bg,
.sec0103_bg .common_inner {
  height: 500px;
}

.contents01_txt {
  width: 415px;
  flex-shrink: 0;
  margin-left: 60px;
}

.heading_num {
  font-size: 82px;
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 0 #4AA2D1, -1px -1px 0 #4AA2D1, -1px 1px 0 #4AA2D1, 1px -1px 0 #4AA2D1, 1px 0 0 #4AA2D1, -1px 0 0 #4AA2D1, 0 1px 0 #4AA2D1, 0 -1px 0 #4AA2D1;
}

#randsel .randsel_block_01 .contents01_txt h3 {
  font-size: 32px;
  padding: 5px 0 30px;
}

.contents01_txt p.heading_color {
  font-size: 45px;
  font-weight: 600;
  color: #4AA2D1;
  padding-bottom: 40px;
}

.contents01_txt p {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .randsel_block_01 {
    position: relative;
    padding: calc(65 * (100vw / 375)) 0 0;
  }

  .sec0101_bg,
  .sec0102_bg,
  .sec0103_bg {
    margin-bottom: calc(30 * (100vw / 375));
    background-image: none;
  }

  .sec0101_bg,
  .sec0101_bg .common_inner,
  .sec0102_bg,
  .sec0102_bg .common_inner,
  .sec0103_bg,
  .sec0103_bg .common_inner {
    height: unset;
  }

  .contents01_txt {
    width: auto;
    margin-left: calc(35 * (100vw / 375));
  }

  .flex_box3_2 .contents01_txt {
    margin-left: calc(85 * (100vw / 375));
  }

  .heading_num {
    font-size: calc(54 * (100vw / 375));
    line-height: 1;
  }

  #randsel .randsel_block_01 .contents01_txt h3 {
    font-size: calc(21 * (100vw / 375));
    padding: calc(15 * (100vw / 375)) 0 calc(25 * (100vw / 375));
  }

  .contents01_txt p.heading_color {
    font-size: calc(29 * (100vw / 375));
    padding-bottom: calc(14 * (100vw / 375));
    line-height: 1;
  }

  .contents01_txt p {
    font-size: calc(13 * (100vw / 375));
    line-height: 1.8;
  }

  #randsel .randsel_block_01 img.sp-only {
    padding-top: calc(30 * (100vw / 375));
  }
}

/* sec02
------------------------------ */
.randsel_block_02 {
  position: relative;
  padding: 105px 0 0;
}

.contents02_list {
  text-align: center;
}

#randsel .randsel_block_02 .contents02_box h3 {
  position: relative;
  display: table;
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  margin: auto;
}

#randsel .randsel_block_02 .contents02_box h3::before,
#randsel .randsel_block_02 .contents02_box h3::after {
  content: '';
  position: absolute;
  top: 12px;
  display: inline-block;
  width: 16px;
  height: 20px;
}

#randsel .randsel_block_02 .contents02_box h3::before {
  left: -30px;
  background: url(/cms/assets/img/cp/randsel/heading_line_l.png) no-repeat top center;
  background-size: 16px auto;
}

#randsel .randsel_block_02 .contents02_box h3::after {
  right: -30px;
  background: url(/cms/assets/img/cp/randsel/heading_line_r.png) no-repeat top center;
  background-size: 16px auto;
}

.function_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 70px;
}

.function_list li {
  width: 276px;
  margin-right: 32px;
  margin-bottom: 60px;
}

.function_list li:nth-child(4n) {
  margin-right: 0;
}

.function_step_sb {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 276px;
  height: 75px;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 12px;
  background: url(/cms/assets/img/cp/randsel/function_sb.png) no-repeat top center;
}

.function_step_num {
  position: absolute;
  top: -22px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  color: #4AA2D1;
  background: #fff;
  border: 2px solid #4AA2D1;
  border-radius: 50%;
}

.function_step_img {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 375px;
  height: 330px;
  margin-top: -50px;
  background: #fff;
  border-radius: 133px 133px 0 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .randsel_block_02 {
    padding: calc(65 * (100vw / 375)) 0 0;
  }

  #randsel .randsel_block_02 .contents02_box h3 {
    font-size: calc(16 * (100vw / 375));
  }

  #randsel .randsel_block_02 .contents02_box h3::before,
  #randsel .randsel_block_02 .contents02_box h3::after {
    top: calc(5 * (100vw / 375));
  }

  #randsel .randsel_block_02 .contents02_box h3::before {
    left: calc(-20 * (100vw / 375));
    background: url(/cms/assets/img/cp/randsel/heading_line_l.png) no-repeat top center;
    background-size: calc(12 * (100vw / 375)) auto;
  }

  #randsel .randsel_block_02 .contents02_box h3::after {
    right: calc(-20 * (100vw / 375));
    background: url(/cms/assets/img/cp/randsel/heading_line_r.png) no-repeat top center;
    background-size: calc(12 * (100vw / 375)) auto;
  }

  .function_list {
    margin: calc(62 * (100vw / 375)) calc(15 * (100vw / 375)) 0;
    padding-bottom: calc(40 * (100vw / 375));
  }

  .function_list li {
    width: calc((100% - calc(19 * (100vw / 375))) / 2);
    margin-right: calc(19 * (100vw / 375));
    margin-bottom: calc(25 * (100vw / 375));
  }

  .function_list li:nth-child(4n),
  .function_list li:nth-child(2n) {
    margin-right: 0;
  }

  .function_step_sb {
    width: calc(163 * (100vw / 375));
    height: calc(44 * (100vw / 375));
    font-size: calc(12 * (100vw / 375));
    padding-bottom: calc(6 * (100vw / 375));
    ;
    background: url(/cms/assets/img/cp/randsel/function_sb.png) no-repeat top center;
    background-size: calc(163 * (100vw / 375)) auto;
  }

  .function_step_num {
    top: calc(-11 * (100vw / 375));
    width: calc(20 * (100vw / 375));
    height: calc(20 * (100vw / 375));
    font-size: calc(11 * (100vw / 375));
    letter-spacing: -0.05px;
    border: 1px solid #4AA2D1;
  }

  .function_step_img {
    width: 100%;
    height: calc(210 * (100vw / 375));
    margin-top: calc(-40 * (100vw / 375));
    border-radius: calc(133 * (100vw / 375)) calc(133 * (100vw / 375)) 0 0;
  }
}

/* sec03
------------------------------ */
.randsel_block_03 {
  position: relative;
  padding: 160px 0 0;
}

.contents03_box {
  text-align: center;
}

#randsel .randsel_block_03 .contents03_box h3 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px;
}

.contents03_box h3+p {
  font-size: 25px;
}

.goods_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 40px;
  padding-bottom: 55px;
}

.goods_list:has(+ .goods_list) {
  padding-bottom: 45px;
}

.goods_list li {
  width: 330px;
  margin: 0 20px 45px;
  text-align: left;
}

.goods_list li a {
  color: #333;
}

.goods_list li a:hover {
  opacity: .7;
  transition: all .3s ease;
}

.goods_img {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 330px;
  height: 364px;
  margin-bottom: 35px;
  background: #fff;
  border-radius: 140px 140px 0 0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .16);
  overflow: hidden;
}

#randsel .randsel_block_03 .contents03_box .goods_list h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.goods_list .goods_catch {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 35px;
}

.goods_list .goods_price {
  font-size: 22px;
  font-weight: 500;
  font-feature-settings: normal;
}

.goods_list .goods_note {
  font-size: 12px;
  white-space: nowrap;
  text-align: left;
  line-height: 1.7;
  margin-top: 5px;
}

@media screen and (min-width: 769px) {

  #randsel .randsel_block_03 .contents03_box .option_goods.goods_list h4,
  .option_goods.goods_list .goods_catch,
  .option_goods.goods_list .goods_pric {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .randsel_block_03 {
    padding: calc(35 * (100vw / 375)) 0 0;
  }

  #randsel .randsel_block_03 .contents03_box h3 {
    font-size: calc(18 * (100vw / 375));
    margin-bottom: calc(20 * (100vw / 375));
  }

  .contents03_box h3+p {
    font-size: calc(14 * (100vw / 375));
  }

  .goods_list {
    justify-content: flex-start;
    margin: calc(16 * (100vw / 375)) calc(15 * (100vw / 375)) 0;
    padding-bottom: calc(32 * (100vw / 375));
  }

  .goods_list:has(+ .goods_list) {
    padding-bottom: 0;
  }

  .goods_list+.goods_list {
    margin-top: 0;
  }

  .goods_list li {
    width: calc((100% - calc(18 * (100vw / 375))) / 2);
    margin: 0 calc(18 * (100vw / 375)) calc(18 * (100vw / 375)) 0;
  }

  .goods_list li:nth-child(2n) {
    margin: 0 0 calc(18 * (100vw / 375));
  }

  .goods_img {
    width: 100%;
    height: calc(180 * (100vw / 375));
    margin-bottom: calc(25 * (100vw / 375));
    border-radius: calc(133 * (100vw / 375)) calc(133 * (100vw / 375)) 0 0;
  }

  #randsel .randsel_block_03 .contents03_box .goods_list h4 {
    font-size: calc(12 * (100vw / 375));
    margin-bottom: calc(7 * (100vw / 375));
  }

  .goods_list .goods_catch {
    font-size: calc(10 * (100vw / 375));
    margin-bottom: calc(18 * (100vw / 375));
  }

  .goods_list .goods_price {
    font-size: calc(12 * (100vw / 375));
  }

  .goods_list .goods_note {
    font-size: calc(9 * (100vw / 375));
  }

  #randsel .randsel_block_03 .contents03_box .option_goods.goods_list h4 {
    line-height: 1.5;
  }

  .option_goods.goods_list .goods_price {
    font-size: calc(10 * (100vw / 375));
  }
}

/* sec04
------------------------------ */
.randsel_block_04 {
  position: relative;
  padding: 160px 0 0;
}

.note_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.note_list li {
  display: flex;
  align-items: center;
  width: 570px;
  height: 193px;
  font-size: 20px;
  margin: 0 7px 32px;
  padding: 0 30px 0 40px;
  background: #fff;
  border-radius: 89px;
  box-shadow: 1px 5px 1px #DCDCDC;
}

.note_list li span {
  font-weight: 600;
  color: #4AA2D1;
}

@media screen and (max-width: 768px) {
  .randsel_block_04 {
    padding: calc(50 * (100vw / 375)) 0 0;
  }

  .note_list {
    display: block;
    margin: 0 calc(15 * (100vw / 375));
  }

  .note_list li {
    display: block;
    width: 100%;
    height: auto;
    font-size: calc(14 * (100vw / 375));
    margin: 0 0 calc(19 * (100vw / 375));
    padding: calc(12 * (100vw / 375));
    border-radius: calc(20 * (100vw / 375));
    line-height: 1.8;
  }

  .note_list li:last-child {
    margin-bottom: calc(35 * (100vw / 375));
  }

  .contents04_box .goods_list {
    justify-content: center;
  }

  .contents04_box .goods_img {
    margin-bottom: calc(10 * (100vw / 375));
  }
}

/* sec05
------------------------------ */
.randsel_block_05 {
  position: relative;
  padding: 160px 0 0;
}

.contents05_box {
  width: 100%;
  max-width: 1034px;
  margin: 40px auto 0;
}

.contents05_box>p {
  font-size: 20px;
  margin-bottom: 45px;
}

.contents05_box>p span {
  font-weight: 600;
  color: #4AA2D1;
}

.care_list li {
  display: flex;
  font-size: 20px;
  margin-bottom: 18px;
  border-radius: 20px;
  overflow: hidden;
}

.care_list li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 176px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 25px 30px;
  background: #4AA2D1;
}

.care_list li span+p,
.care_list li span+div {
  width: calc(100% - 176px);
  padding: 25px 20px 25px 26px;
  border: 1px solid #707070;
  border-radius: 0 20px 20px 0;
}

.care_list li span+div p {
  padding-left: 0.6em;
  text-indent: -0.7em;
}

@media screen and (max-width: 768px) {
  .randsel_block_05 {
    padding: calc(50 * (100vw / 375)) 0 0;
  }

  .contents05_box {
    width: calc(100% - calc(30 * (100vw / 375)));
    margin: calc(5 * (100vw / 375)) calc(15 * (100vw / 375)) 0;
  }

  .contents05_box>p {
    font-size: calc(14 * (100vw / 375));
    margin-bottom: calc(22 * (100vw / 375));
  }

  .care_list li {
    display: block;
    font-size: calc(14 * (100vw / 375));
    margin-bottom: calc(15 * (100vw / 375));
    border-radius: calc(10 * (100vw / 375));
  }

  .care_list li span {
    padding: calc(16 * (100vw / 375));
    width: 100%;
  }

  .care_list li span+p,
  .care_list li span+div {
    width: 100%;
    padding: calc(16 * (100vw / 375)) calc(10 * (100vw / 375));
    border-radius: 0 0 calc(10 * (100vw / 375)) calc(10 * (100vw / 375));
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: none;
  }
}

/* sec06
------------------------------ */
.randsel_block_06 {
  position: relative;
  padding: 100px 0 0;
}

.contents06_box {
  width: 100%;
  max-width: 1144px;
  margin: auto;
}

.shop_list li {}

.shop_list li .shop_list_area {
  display: block;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 15px;
}

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

.shop_list_shop .shop_list_detail {
  width: calc((100% - 30px) / 2);
  margin-right: 30px;
  margin-bottom: 30px;
  padding: 15px;
  background: #fff;
  border-radius: 20px;
}

.shop_list_shop .shop_list_detail:nth-child(2n) {
  margin-right: 0;
}

#randsel .randsel_block_06 .contents06_box .shop_list_detail h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 11px;
}

#randsel .randsel_block_06 .contents06_box .shop_list_detail h3:not(:has(+ p)) {
  margin-bottom: 0;
  padding: 10px;
}

#randsel .randsel_block_06 .contents06_box .shop_list_detail p.shop_list_add {
  display: table;
  margin: 0 auto 0 15px;
}

.btn_box {
  display: flex;
  justify-content: center;
  padding: 50px 0 75px;
}

.btn_box li {
  margin: 0 15px;
}

.btn_box li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 446px;
  height: 88px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: #333;
  border-radius: 44px;
}

.btn_box li a:hover {
  opacity: .7;
  transition: all .3s ease;
}

@media screen and (max-width: 768px) {
  .randsel_block_06 {
    padding: calc(50 * (100vw / 375)) 0 0;
  }

  .contents06_box {
    width: calc(100% - calc(30 * (100vw / 375)));
    margin: 0 calc(15 * (100vw / 375));
  }

  .shop_list li {}

  .shop_list li .shop_list_area {
    font-size: calc(18 * (100vw / 375));
    margin-bottom: calc(10 * (100vw / 375));
  }

  .shop_list_shop .shop_list_detail {
    width: 100%;
    margin-right: 0;
    margin-bottom: calc(10 * (100vw / 375));
    padding: calc(16 * (100vw / 375)) calc(5 * (100vw / 375));
    border-radius: calc(10 * (100vw / 375));
  }

  .shop_list_shop .shop_list_detail:nth-child(2n) {
    margin-right: 0;
  }

  .shop_list_shop .shop_list_detail:last-child {
    margin-right: 0;
    margin-bottom: calc(20 * (100vw / 375));
  }

  #randsel .randsel_block_06 .contents06_box .shop_list_detail h3 {
    font-size: calc(14 * (100vw / 375));
    margin-bottom: calc(11 * (100vw / 375));
  }

  #randsel .randsel_block_06 .contents06_box .shop_list_detail h3:not(:has(+ p)) {
    padding: 0;
  }

  #randsel .randsel_block_06 .contents06_box .shop_list_detail p.shop_list_add {
    font-size: calc(12 * (100vw / 375));
    line-height: 1.7;
    margin: 0;
  }

  .btn_box {
    display: block;
    padding: calc(20 * (100vw / 375)) 0 calc(45 * (100vw / 375));
  }

  .btn_box li {
    margin: 0 0 calc(15 * (100vw / 375));
  }

  .btn_box li a {
    width: 100%;
    height: calc(55 * (100vw / 375));
    font-size: calc(16 * (100vw / 375));
    border-radius: calc(28 * (100vw / 375));
  }
}

/* adjust
------------------------------ */
@media screen and (min-width: 769px) {
  .adjust_1row01 {
    margin: auto !important;
    letter-spacing: 0.8px
  }

  .adjust_1row02 {
    margin: auto !important;
    letter-spacing: 0.2px
  }
}

@media screen and (max-width: 768px) {
  .adjust_ls01 {
    letter-spacing: 3.5px;
  }

  .adjust_ls02 {
    letter-spacing: -0.07px;
  }
}


/* 202603 */

#menu-nav-wrapper a {
  font-size: 14px;
}

#menu-nav-wrapper span {
  font-size: 14px;
}

#menu-nav-wrapper #menu-nav-customar-product a span {
  color: #444;
}

#menu-nav-wrapper #menu-nav-customar-product a:hover span {
  color: #fff;
}

#randsel #LINEUP .goods_img img,
#randsel *[id] [class^="randsel_block_"] img {
  aspect-ratio: 33 / 36;
  object-fit: cover;
}

.mv_info p:first-of-type {
  margin-top: -30px;
}

.mv_info p+p {
  margin-top: 1.5em;
}

.freedom {
  padding-top: 50px;
}

.gray_bg {
  background-color: #F0F0F0;
}

.gray2_bg {
  background-color: #EFF0F3;
}

.gray3_bg {
  background-color: #F6F5F5;
}

.gray4_bg {
  background-color: #F8F8F8;
}

.brown_bg {
  background-color: #F5F1EE;
}

.grayblue_bg,
.blue_bg {
  padding: 100px 0 0;
  border-radius: 50px 50px 0 0;
  background-color: #E3EDF3;
}

.green_bg {
  background-color: #E1ECE9;
}

.red_bg {
  background-color: #F6F0F1;
}

.yellow_bg {
  background-color: #FFFFF4;
}

.forU ul {
  display: grid;
  grid-template-columns: 288px 288px 288px;

  width: 964px;
  margin: auto;
  justify-content: space-between;
  margin-top: 60px;
}

.forU ul li {
  height: 307px;
  background: url(/cms/assets/img/cp/randsel/fouru_bg.png) no-repeat;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #4AA2D1;
  margin-top: 40px;
}

.forU ul li:nth-of-type(2) {
  margin: 0 0 40px;
}

.forU ul li span {
  color: #333;
}

.forU ul li>div {
  padding-bottom: 20px;
}

.new_exp {
  padding-top: 120px;
}

.new_exp>p {
  padding: 0 25px;
  margin-top: -20px;
}

.new_exp ul {
  display: grid;
  grid-template-columns: 355px 355px 355px;
  justify-content: space-between;
  padding: 0 25px;
  margin-top: 80px;
}

.new_exp ul img {
  display: block;
}

.new_exp ul li .desc {
  font-size: 32px;
  font-weight: 600;
}

.new_exp ul li .txt {
  height: 7.0em;
  font-size: 18px;
  margin-top: 1.0em;
}

.new_exp ul {
  justify-content: space-between;
}

.feature ul {
  gap: 60px 37px;
  padding: 70px 0;
  margin: 0;
}

.feature ul li {
  width: 375px;
  margin: 0;
}

.feature ul li .function_step_img {
  object-fit: contain;
  width: 100%;
  height: 444px;
}

.feature ul li .function_step_img img {
  width: auto;
  height: auto;
}

.feature .function_step_sb {
  background-image: url(/cms/assets/img/cp/randsel/feat_pop.png);
  height: 178px;
  width: 375px;
  display: block;
  text-align: center;
  font-size: 22px;
  padding: 1.0em;
}


.feature .function_step_sb .desc {
  font-size: 18px;
  text-align: left;
  font-weight: 400;
  margin-top: 10px;
}

.your .contents03_box {
  font-size: 25px;
}

.your .goods_list {
  width: 740px;
  margin: 60px auto 0;
}

.bitw {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  font-size: 20px;
  gap: 40px 0;
  margin-top: 40px;
}

.bitw .cell {
  padding: 60px 45px;
}

.bitw .view {
  padding: 0 60px;
}

.bitw .txt {
  font-size: 20px;
  line-height: 2.0;
}

.bitw .cell:nth-of-type(odd) {
  border-radius: 0 50em 50em 0;
}

.bitw .cell:nth-of-type(even) {
  border-radius: 50em 0 0 50em;
  padding-left: 110px;
}

.bitw .cell:nth-of-type(1) {
  order: 1
}

.bitw .cell:nth-of-type(1)+.view {
  order: 2
}

.bitw .cell:nth-of-type(2) {
  order: 4
}

.bitw .cell:nth-of-type(2)+.view {
  order: 3;
  text-align: right;
}

.bitw .cell:nth-of-type(3) {
  order: 5
}

.bitw .cell:nth-of-type(3)+.view {
  order: 6
}

.bitw .heading_num,
.bitw .desc {
  display: inline-block;
  vertical-align: middle;
}

.bitw .desc {
  font-size: 40px;
  font-weight: 600;
}

.bitw .txt {}

.strength .common_h2+p,
.comfort .common_h2+p {
  padding: 0 25px;
  margin-top: -30px;
}

.strength .bitw .cell:nth-of-type(odd) {
  box-shadow: -150px 0 0 #E8F1F6;
}

.strength .bitw .cell:nth-of-type(even) {
  box-shadow: 150px 0 0 #E8F1F6;
}


.strength .bitw .heading_num {
  color: #E8F1F6;
}

.strength .bitw .cell {
  background-color: #E8F1F6;
}

.comfort .bitw .heading_num {
  color: #C7E0EE;
}

.comfort .bitw .cell {
  background-color: #C7E0EE;
}

.comfort .bitw .cell:nth-of-type(odd) {
  box-shadow: -150px 0 0 #c7e0EE;
}

.comfort .bitw .cell:nth-of-type(even) {
  box-shadow: 150px 0 0 #c7e0EE;
}

.mode_P .attention .note_list li {
  font-size: 23px;
  width: 100%;
  padding: 0 70px;
}

.ratface .introduction {
  display: grid;
  grid-template-columns: 324px 560px;
  gap: 100px;
  text-align: left;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.ratface .introduction .goods_list {
  text-align: left;
}

.ratface .introduction .goods_list a {
  color: inherit;
}

.ratface .introduction .desc {
  font-size: 20px;
}

.ratface .introduction .desc p {
  margin-top: 40px;
}

.ratface .introduction .modelname {
  background-color: #CBDAE3;
  padding: 0.5em;
  font-size: 25px;
  font-weight: 600;
}

.randsel_block_Dsigners {
  background-color: #CBDAE3;
}

.randsel_block_Dsigners .style-grid {
  display: grid;
  gap: 0 3.0em;
  grid-template-columns: 1fr 456px;
  font-size: 25px;
  background-color: #CBDAE3;
}

.randsel_block_Dsigners .profile ._name {
  font-size: 45px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  padding-top: 40px;
}

.randsel_block_Dsigners .profile ._name_ja {
  padding-bottom: 40px;
}

.specs .contents05_box {
  max-width: 1160px;
}

.specs .care_list li {
  margin-bottom: 0;
}

.specs .care_list li>p {
  box-shadow: inset -1px 1px 0 #B9B5B5;
}

.specs .care_list li>div {
  box-shadow: inset -1px 1px 0 #B9B5B5;
}

.specs .care_list li span {
  width: 280px;
  box-shadow: inset 1px 1px 0 #f0f0f0;
}

.specs .care_list li:last-of-type>*:last-child {
  box-shadow: inset -1px 1px 0 #B9B5B5, inset -1px -1px 0 #B9B5B5;
}

.specs .care_list li:nth-of-type(n+2),
.specs .care_list li:nth-of-type(n+2)>* {
  border-radius: 0;
}

.specs .care_list li:first-of-type {
  border-radius: 20px 0 0 0;
}

.specs .care_list li:first-of-type>*:last-child {
  border-radius: 0 20px 0 0;
}

.specs .care_list li:last-of-type {
  border-radius: 0 0 0 20px;
}

.specs .care_list li:last-of-type>*:last-child {
  border-radius: 0 0 20px 0;
}

.specs .care_list li span+* {
  border: none;
}

.specs .care_list+p {
  margin-top: 1.0em;
}

@media screen and (max-width: 768px) {
  #randsel .randsel_block_mv .mv_info h1 {
    text-align: left;
    padding: 0 calc(30 * (100vw / 375));
  }

  .freedom {
    padding-top: 0;
  }

  .mv_info p:first-of-type {
    margin-top: -1em;
  }

  .forU ul {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    font-size: 4vw;
    padding: 1.5em;
    gap: 0 6vw;
    margin-top: 0;
    justify-content: center;
  }

  .forU ul li {
    background-size: 38vw;
    margin: 0;
    height: 45vw;
    font-size: inherit;
    background-position: center;
  }

  .forU ul li>div {
    margin-bottom: -2vw;
  }

  .forU ul li:nth-of-type(2) {
    margin-bottom: 0;
  }

  .forU ul li:nth-of-type(3) {
    grid-area: 2 / 1 / 2 / 4;
  }

  .new_exp {
    padding-top: 8vw;
  }

  .new_exp>p {
    padding: 0 1.0em;
    margin-top: -2.0em;
  }

  .new_exp ul {
    margin-top: 12vw;
    font-size: 4vw;
    display: block;
    padding: 0 1.0em;
  }

  .new_exp ul li {
    margin-top: 8vw;
  }

  .new_exp ul li .desc {
    font-size: 7vw;
  }

  .new_exp ul li .txt {
    font-size: 3.8vw;
    height: auto;
  }

  .new_exp ul img {
    width: 60vw;
    margin: auto;
  }

  .bitw .cell {
    padding: 1.0em;
  }

  .bitw {
    display: block;
  }

  .bitw .heading_num,
  .bitw .desc {
    display: block;
  }

  .bitw .desc {
    font-size: 6vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .bitw .view {
    display: block;
    padding: 0 0 4vw;
  }

  .bitw .view:nth-of-type(odd) img {
    padding-left: 50vw;
  }

  .bitw .view:nth-of-type(even) img {
    padding-right: 50vw;
  }

  .bitw .txt {
    font-size: 4vw;
    line-height: 1.7;
  }

  .bitw .cell:nth-of-type(odd) {
    border-radius: 0 50em 50em 0;
    padding-right: 15vw;
    margin-right: 20vw;
  }

  .bitw .cell:nth-of-type(even) {
    border-radius: 50em 0 0 50em;
    padding-left: 15vw;
    margin-left: 20vw;
  }

  .bitw .cell:nth-of-type(2)+.view {
    order: 3;
    text-align: right;
  }


  .strength .common_h2+p,
  .comfort .common_h2+p {
    padding: 0 1.5em;
    margin-top: 0;
  }

  .feature ul {
    gap: 4vw 4%;
    padding: 8vw 4vw;
    display: grid;
    grid-template-columns: 48% 48%;
    width: 100%;
  }

  .feature ul li {
    width: 45vw;
  }

  .feature ul li .function_step_img {
    height: auto;
  }

  .feature .function_step_sb {
    background-image: url(/cms/assets/img/cp/randsel/feat_pop2x.png);
    height: 30vw;
    width: auto;
    display: block;
    text-align: center;
    font-size: 3vw;
    padding: 1.0em;
  }


  .feature .function_step_sb .desc {
    font-size: 2.6vw;
    margin-top: 0.6em;
  }

  .your .goods_list {
    width: 100%;
  }

  .your .goods_list h4 {
    font-size: calc(12 * (100vw / 375));
    margin-bottom: calc(7 * (100vw / 375));
    min-height: 2.5em;
    line-height: 1.3;
  }

  .your .goods_list .goods_price {
    font-size: calc(12 * (100vw / 375));
  }

  .your .contents03_box {
    width: 100%;
    font-size: 4vw;
    padding: 1.5em 1.0em;
  }


  .ratface .introduction {
    display: block;
    margin-top: 0;
    font-size: 4vw;
    padding: 1.5em;
  }

  .ratface .introduction .modelname {
    font-size: 5vw;
  }

  .ratface .introduction .desc {
    font-size: 4vw;
    margin-top: 1.5em;
  }

  .ratface .introduction .goods_list {
    margin-right: 22vw;
    margin-left: 22vw;
  }

  .ratface .introduction .goods_list .goods_price {
    text-align: right;
  }

  .randsel_block_Dsigners .style-grid {
    display: block;
    font-size: 4vw;
  }

  .randsel_block_Dsigners .profile {
    padding: 1.5em;
  }

  .randsel_block_Dsigners .profile ._name {
    padding-top: 0;
    font-size: 1.6em;
  }

  .randsel_block_Dsigners .profile ._name_ja {
    padding-bottom: 1.5em;
  }

  .specs .care_list li {
    display: grid;
    grid-template-columns: 6.0em 1fr;
  }

  .specs .care_list li span {
    width: auto;
    padding: 0.5em;
  }

  .specs .care_list li span+p {
    width: auto;
  }
}