@charset "UTF-8";

@media screen and (min-width: 769px) {
  .g-design {
    margin: 40px auto;
    display: flex;
    gap: 20px;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .g-design {
    margin: 20px ;
  }

  .g-design img {
    margin: 20px auto;
    /* display: block; */
  }
}

.g-design p {
  font-weight: 500;
  line-height:1.7;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:20px;
}

/* CSS Document */

.main_block {
  width: 100%;
  background-color: #f0f0f0;
}

.sp-only {
  display: none;
}

.center_block01 {
  background-color: #fff;
  width: 1000px;
  margin: 0 auto;
}

.main_visual {
  position: relative;
  width: 1000px;
  height: 460px;
  background: url(../images/main_pc.jpg) no-repeat;
}

.btn_logo {
  position: absolute;
  width: 216px;
  height: 76px;
  /* right: 0; */
  left: 2%;
  top: 10px;
}

.info_blue {
  width: 1000px;
  height: 170px;
  background: url(../images/info_blue_pc.jpg) no-repeat;
}

.bag {
  width: 1000px;
  height: 520px;
  background: url(../images/bag.png) no-repeat;
  background-position: center;
}

.seven_items {
  position: relative;
  width: 1000px;
  height: 715px;
  background: url(../images/7items_pc.jpg) no-repeat;
}

.seven_items a:hover {
  background: #fff;
  opacity: 0.5;
}

.item01 {
  position: absolute;
  width: 153px;
  height: 254px;
  display: block;
  left: 94px;
  top: 83px;
}

.item02 {
  position: absolute;
  width: 153px;
  height: 254px;
  display: block;
  left: 259px;
  top: 83px;
}

.item03 {
  position: absolute;
  width: 156px;
  height: 259px;
  display: block;
  left: 421px;
  top: 80px;
}

.item04 {
  position: absolute;
  width: 153px;
  height: 255px;
  display: block;
  left: 589px;
  top: 83px;
}

.item05 {
  position: absolute;
  width: 153px;
  height: 255px;
  display: block;
  left: 752px;
  top: 83px;
}

.item6 {
  position: absolute;
  width: 153px;
  height: 255px;
  display: block;
  left: 94px;
  top: 420px;
}

.item06 {
  position: absolute;
  width: 153px;
  height: 255px;
  display: block;
  left: 259px;
  top: 420px;
}

.item07 {
  position: absolute;
  width: 153px;
  height: 253px;
  display: block;
  left: 424px;
  top: 419px;
}

.item08 {
  position: absolute;
  width: 153px;
  height: 260px;
  display: block;
  left: 588px;
  top: 415px;
}

.item09 {
  position: absolute;
  width: 153px;
  height: 260px;
  display: block;
  left: 754px;
  top: 415px;
}

.item10 {
  position: absolute;
  width: 153px;
  height: 260px;
  display: block;
  left: 608px;
  top: 415px;
}

.present_block01 {
  width: 1000px;
  background: #fff;
  padding: 30px 0;
  text-align: center;
}

.present_img {
  width: 900px;
  height: 180px;
  margin: 0 auto;
  background: url(../images/present.png) no-repeat;
}

.ttl_point {
  width: 1000px;
  margin:0 auto;
  height: 97px;
  background: url(../images/ttl_point_pc.jpg) no-repeat;
}

.center_block02 {
  background-color: #f0f0f0;
  width: 1000px;
  margin: 0 auto;
}

.main_item {
  width: 1000px;
  margin: 0 auto;
}

.main_item01 {
  display: block;
  width: 1000px;
  height: 351px;
  background: url(../images/main_item01_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item02 {
  display: block;
  width: 1000px;
  height: 470px;
  background: url(../images/main_item02_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item03 {
  display: block;
  width: 1000px;
  height: 268px;
  background: url(../images/main_item03_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item04 {
  display: block;
  width: 1000px;
  height: 308px;
  background: url(../images/main_item04_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item05 {
  display: block;
  width: 1000px;
  height: 308px;
  background: url(../images/main_item05_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item06 {
  display: block;
  width: 1000px;
  height: 258px;
  background: url(../images/main_item06_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item07 {
  display: block;
  width: 1000px;
  height: 258px;
  background: url(../images/main_item07_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item08 {
  display: block;
  width: 1000px;
  height: 258px;
  background: url(../images/main_item08_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item09 {
  display: block;
  height: 258px;
  background: url(../images/main_item09_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item10 {
  display: block;
  position: relative;
  height: 258px;
  background: url(../images/main_item10_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item11 {
  display: block;
  height: 258px;
  background: url(../images/main_item11_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item12 {
  display: block;
  height: 258px;
  background: url(../images/main_item12_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item13 {
  display: block;
  height: 258px;
  background: url(../images/main_item13_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item14 {
  display: block;
  height: 341px;
  background: url(../images/main_item14_pc.png) no-repeat;
  margin-bottom: 50px;
}

.main_item15 {
  display: block;
  height: 341px;
  background: url(../images/main_item15_pc.png) no-repeat;
  margin-bottom: 50px;
}

.item10-1 {
  position: absolute;
  width: 290px;
  height: 50px;
  display: block;
  left: 88px;
  top: 198px;
}

.item10-2 {
  position: absolute;
  width: 290px;
  height: 50px;
  display: block;
  left: 398px;
  top: 198px;
}

.item10-3 {
  position: absolute;
  width: 290px;
  height: 50px;
  display: block;
  left: 709px;
  top: 198px;
}

.cleaner_block {
  position: relative;
  width: 1000px;
  height: 1160px;
  background: url(../images/btn_cleaner_pc.png) no-repeat;
  margin-bottom: 50px;
}

.btn_cleaner01 {
  position: absolute;
  width: 900px;
  height: 140px;
  display: block;
  left: 48px;
  top: 32px;
}

.btn_cleaner02 {
  position: absolute;
  width: 448px;
  height: 140px;
  display: block;
  left: 504px;
  top: 32px;
}

.center_block03 {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
}

.center_block04 {
  background-color: #fff;
  width: 1000px;
  margin: 0 auto;
}

.center_block04 a:hover {
  opacity: 0.5;
}

.ttl_sub_item {
  width: 1000px;
  height: 180px;
  background: url(../images/ttl_sub_item_pc.png) no-repeat;
}

.sub_item01 {
  display: block;
  width: 1000px;
  height: 290px;
  background: url(../images/sub_item01_pc.png) no-repeat;
  margin-bottom: 30px;
}

.sub_item02 {
  display: block;
  width: 1000px;
  height: 290px;
  background: url(../images/sub_item02_pc.png) no-repeat;
  margin-bottom: 30px;
}

.sub_item03 {
  display: block;
  width: 1000px;
  height: 290px;
  background: url(../images/sub_item03_pc.png) no-repeat;
  margin-bottom: 30px;
}

.sub_item04 {
  display: block;
  width: 1000px;
  height: 290px;
  background: url(../images/sub_item04_pc.png) no-repeat;
  margin-bottom: 30px;
}

.sub_item05 {
  display: block;
  width: 1000px;
  height: 290px;
  background: url(../images/sub_item05_pc.png) no-repeat;
  margin-bottom: 30px;
}

.sub_item06 {
  display: block;
  width: 1000px;
  height: 290px;
  background: url(../images/sub_item06_pc.png) no-repeat;
  margin-bottom: 30px;
}

.bag_pre {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
  margin-bottom: 50px;
}

.bag_pre img {
  max-width: inherit;
  padding: 50px;
  box-sizing: border-box;
  margin: 0 auto;
  background: #fff;
}

.copyright {
  width: 100%;
  text-align: center;
  color: #444;
  font-size: 12px;
  /* margin-bottom: 30px; */
  padding: 19px 0;
}

@media (max-width: 768px) {
  * {
    -webkit-appearance: none;
  }

  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }

  .center_block01 {
    background-color: #fff;
    width: 640px;
    margin: 0 auto;
  }

  .main_visual {
    position: relative;
    width: 640px;
    height: 791px;
    background: url(../images/main_sp.jpg) no-repeat;
  }

  .btn_logo {
    position: absolute;
    width: 246px;
    height: 90px;
    left: 30px;
    top: 10px;
  }

  .info_blue {
    width: 640px;
    height: 290px;
    background: url(../images/info_blue_sp.jpg) no-repeat;
  }

  .bag {
    width: 640px;
    height: 1130px;
    background: url(../images/bag_sp.png) no-repeat;
    background-position: center;
  }

  .seven_items {
    position: relative;
    width: 640px;
    height: 1280px;
    background: url(../images/7items_sp.jpg) no-repeat;
  }

  .item01 {
    position: absolute;
    width: 160px;
    height: 276px;
    display: block;
    left: 58px;
    top: 100px;
  }

  .item02 {
    position: absolute;
    width: 160px;
    height: 276px;
    display: block;
    left: 238px;
    top: 100px;
  }

  .item03 {
    position: absolute;
    width: 160px;
    height: 276px;
    display: block;
    left: 421px;
    top: 100px;
  }

  .item04 {
    position: absolute;
    width: 162px;
    height: 276px;
    display: block;
    left: 58px;
    top: 395px;
  }

  .item05 {
    position: absolute;
    width: 160px;
    height: 276px;
    display: block;
    left: 238px;
    top: 395px;
  }

  .item6 {
    position: absolute;
    width: 160px;
    height: 276px;
    display: block;
    left: 421px;
    top: 395px;
  }

  .item06 {
    position: absolute;
    width: 160px;
    height: 276px;
    display: block;
    left: 61px;
    top: 692px;
  }

  .item07 {
    position: absolute;
    width: 161px;
    height: 276px;
    display: block;
    left: 238px;
    top: 691px;
  }

  .item08 {
    position: absolute;
    width: 160px;
    height: 276px;
    display: block;
    left: 418px;
    top: 691px;
  }

  .item09 {
    position: absolute;
    width: 160px;
    height: 276px;
    display: block;
    left: 61px;
    top: 987px;
  }

  .present_block01 {
    width: 640px;
    background: #fff;
    padding: 30px 0;
    text-align: center;
  }

  .present_img {
    width: 580px;
    height: 390px;
    margin: 0 auto;
    background: url(../images/present_sp.png) no-repeat;
  }

  .ttl_point {
    width: 640px;
    height: 97px;
    background: url(../images/ttl_point_sp.jpg) no-repeat;
  }

  .center_block02 {
    background-color: #f0f0f0;
    width: 640px;
    margin: 0 auto;
  }

  .main_item {
    width: 580px;
    margin: 0 auto;
  }

  .main_item01 {
    display: block;
    width: 580px;
    height: 577px;
    background: url(../images/main_item01_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .main_item02 {
    display: block;
    width: 580px;
    height: 793px;
    background: url(../images/main_item02_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .main_item03 {
    display: block;
    width: 580px;
    height: 485px;
    background: url(../images/main_item03_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .main_item04 {
    display: block;
    width: 580px;
    height: 518px;
    background: url(../images/main_item04_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .main_item05 {
    display: block;
    width: 580px;
    height: 518px;
    background: url(../images/main_item05_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .main_item06 {
    display: block;
    width: 580px;
    height: 488px;
    background: url(../images/main_item06_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .main_item07 {
    display: block;
    width: 580px;
    height: 488px;
    background: url(../images/main_item07_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .main_item08 {
    display: block;
    width: 580px;
    height: 488px;
    background: url(../images/main_item08_sp.png) no-repeat;
    margin-bottom: 25px;
  }

  .main_item09 {
    display: block;
    height: 497px;
    background: url(../images/main_item09_sp.png) no-repeat;
    margin-bottom: 25px;
  }

  .main_item10 {
    display: block;
    position: relative;
    height: 478px;
    background: url(../images/main_item10_sp.png) no-repeat;
    margin-bottom: 45px;
  }

  .main_item11 {
    display: block;
    position: relative;
    height: 427px;
    background: url(../images/main_item11_sp.png) no-repeat;
    margin-bottom: 45px;
  }

  .main_item12 {
    display: block;
    position: relative;
    height: 478px;
    background: url(../images/main_item12_sp.png) no-repeat;
    margin-bottom: 45px;
  }

  .main_item13 {
    display: block;
    position: relative;
    height: 427px;
    background: url(../images/main_item13_sp.png) no-repeat;
    margin-bottom: 45px;
  }

  .main_item14 {
    display: block;
    position: relative;
    height: 427px;
    background: url(../images/main_item14_sp.png) no-repeat;
    margin-bottom: 45px;
  }

  .main_item15 {
    display: block;
    position: relative;
    height: 427px;
    background: url(../images/main_item15_sp.png) no-repeat;
    margin-bottom: 45px;
  }

  .item10-1 {
    width: 180px;
    height: 66px;
    display: block;
    left: 0;
    top: 410px;
  }

  .item10-2 {
    width: 180px;
    height: 66px;
    display: block;
    left: 200px;
    top: 410px;
  }

  .item10-3 {
    width: 180px;
    height: 66px;
    display: block;
    left: 400px;
    top: 410px;
  }

  .cleaner_block {
    position: relative;
    width: 580px;
    height: 1670px;
    background: url(../images/btn_cleaner_sp.png) no-repeat;
  }

  .btn_cleaner01 {
    position: absolute;
    width: 580px;
    height: 180px;
    display: block;
    left: 0px;
    top: 0px;
  }

  .btn_cleaner02 {
    position: absolute;
    width: 580px;
    height: 180px;
    display: block;
    left: 0px;
    top: 0px;
  }

  .btn_cleaner02 {
    position: absolute;
    width: 580px;
    height: 180px;
    display: block;
    left: 0px;
    top: 204px;
  }

  .center_block03 {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
  }

  .center_block04 {
    background-color: #fff;
    width: 580px;
    margin: 0 auto;
  }

  .ttl_sub_item {
    width: 580px;
    height: 200px;
    background: url(../images/ttl_sub_item_sp.png) no-repeat;
  }

  .sub_item01 {
    display: block;
    width: 580px;
    height: 613px;
    background: url(../images/sub_item01_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .sub_item02 {
    display: block;
    width: 580px;
    height: 613px;
    background: url(../images/sub_item02_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .sub_item03 {
    display: block;
    width: 580px;
    height: 613px;
    background: url(../images/sub_item03_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .sub_item04 {
    display: block;
    width: 580px;
    height: 613px;
    background: url(../images/sub_item04_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .sub_item05 {
    display: block;
    width: 580px;
    height: 673px;
    background: url(../images/sub_item05_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .sub_item06 {
    display: block;
    width: 580px;
    height: 563px;
    background: url(../images/sub_item06_sp.png) no-repeat;
    margin-bottom: 30px;
  }

  .bag_pre {
    max-width: 640px;
  }

  .bag_pre img {
    padding: 50px 30px;
  }

  .copuright {
    width: 100%;
    text-align: center;
    color: #444;
    font-size: 16px;
    margin-bottom: 30px;
  }
}