* {
  margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}
.title > div {
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    color: #162a2d;
}
@media screen and (max-width: 1200px) {
  .title > div {
    font-size: 18.75px;
    line-height: 18.75px;
    letter-spacing: 3.75px;
  }
}
@media screen and (max-width: 750px) {
  .title > div {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .title > div {
    font-size: 34.1333333333px;
    line-height: 34.1333333333px;
    letter-spacing: 6.8266666667px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .title > div {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .title > div {
    font-size: 17.0666666667px;
    line-height: 17.0666666667px;
    letter-spacing: 3.4133333333px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .title > div {
    font-size: 14.9333333333px;
    line-height: 14.9333333333px;
    letter-spacing: 2.9866666667px;
  }
}
.title > span {
  margin-top: 14px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1.4px;
  color: #162a2d;
}
@media screen and (max-width: 1200px) {
  .title > span {
    margin-top: 8.75px;
  }
}
@media screen and (max-width: 1200px) {
  .title > span {
    font-size: 8.75px;
    line-height: 8.75px;
    letter-spacing: 0.875px;
  }
}
@media screen and (max-width: 750px) {
  .title > span {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 2px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .title > span {
    font-size: 17.0666666667px;
    line-height: 17.0666666667px;
    letter-spacing: 1.7066666667px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .title > span {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .title > span {
    font-size: 8.5333333333px;
    line-height: 8.5333333333px;
    letter-spacing: 0.8533333333px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .title > span {
    font-size: 7.4666666667px;
    line-height: 7.4666666667px;
    letter-spacing: 0.7466666667px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .title > span {
    margin-top: 25.6px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .title > span {
    margin-top: 15px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .title > span {
    margin-top: 12.8px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .title > span {
    margin-top: 11.2px;
  }
}
section{
display:block;
}
.blockicon{
   margin: 0 auto;
   max-width: 927px;
   width:100%;
}
.title_icon{
    text-align:center;
    padding-top: 25px;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 2.2px;
    color:#6b7b81;
}
.shop_guide {
  padding-top: 84px;
  padding-bottom: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #eeefe9;
}
.secondciontxt {
    font-size:13px;
    color: #6b7b81;
}
.stext{
    padding-top: 10px;
    font-size: 16px;
    line-height: 30px;
    /* letter-spacing: 2.2px; */
    color: #000;
}
.title2{
   font-size:16px;
    color: #6b7b81;
    margin-bottom:50px;
}
.toptitle{
font-size: 40px;
    line-height: 30px;
    letter-spacing: 2.2px;
    color: #000;
    padding-bottom:10px;
}
.vc6424_how {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 80px;
}
.vc6424_how__category_list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 23px;
}
 .only_sp{
	display:none !important;
	}
  .only_pc{
	 display: block !important;
	}

.up{
    padding-top: 36px;
    text-align: center;
    font-size: 22px;
    line-height: 18.75px;
    letter-spacing: 1.375px;
    color: #6b7b81;
}
@media screen and (min-width: 500px) and (max-width: 700px) {

 .only_sp{
	display:none !important;
	}
  .only_pc{
	 display: block !important;
          width: fit-content;
	}
}
@media screen and (max-width: 600px) {
.allicon {
width:100%;
}
.allicon li{
float:none;
width:50%;
}
.blockicon{
padding:0 18px;
}
.stext{
    font-size: 12px;
    line-height: 30px;
    /* letter-spacing: 2.2px; */
    color: #000;
}
.secondciontxt {
    font-size: 10px;
    color: #6b7b81;
}
.up{
    padding-top: 32px;
    font-size: 21px;
    line-height: 21px;
    letter-spacing: 1.4px;
    text-align:center;
}
.title2{
   padding:0 18px;
   font-size:14px;
    color: #6b7b81;
   margin-bottom:45px;
}
.toptitle{
font-size: 28px;
    line-height: 15px;
    letter-spacing: 1px;
    color: #000;
    padding-bottom:10px;
}
  .shop_guide {
    padding-top: 52.5px;
  }
   .only_sp{
	display:block !important;
	}
  .only_pc{
	 display: none !important;
	}
}
@media screen and (max-width: 1200px) {
  .shop_guide {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 750px) {
  .shop_guide {
    padding-top: 94px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .shop_guide {
    padding-top: 80.2133333333px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .shop_guide {
    padding-top: 47px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .shop_guide {
    padding-top: 40.1066666667px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .shop_guide {
    padding-top: 35.0933333333px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .shop_guide {
    padding-left: 25.6px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .shop_guide {
    padding-left: 15px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .shop_guide {
    padding-left: 12.8px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .shop_guide {
    padding-left: 11.2px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .shop_guide {
    padding-right: 25.6px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .shop_guide {
    padding-right: 15px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .shop_guide {
    padding-right: 12.8px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .shop_guide {
    padding-right: 11.2px;
  }
}

.shop_guide .title {
  padding-bottom: 0;
}
.shop_guide .title::before {
  display: none;
}
.shop_guide__desc {
  padding-top: 35px;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 2.2px;
  color: #56696f;
}
@media screen and (max-width: 1200px) {
  .shop_guide__desc {
    padding-top: 28.125px;
  }
}
@media screen and (max-width: 1200px) {
  .shop_guide__desc {
    font-size: 13.75px;
    line-height: 18.75px;
    letter-spacing: 1.375px;
  }
}
@media screen and (max-width: 750px) {
  .shop_guide__desc {
    padding-top: 52px;
    max-width: 522px;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 2.8px;
    text-align: center;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .shop_guide__desc {
    padding-top: 44.3733333333px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .shop_guide__desc {
    padding-top: 26px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .shop_guide__desc {
    padding-top: 22.1866666667px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .shop_guide__desc {
    padding-top: 19.4133333333px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .shop_guide__desc {
    max-width: 445.44px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .shop_guide__desc {
    max-width: 261px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .shop_guide__desc {
    max-width: 222.72px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .shop_guide__desc {
    max-width: 194.88px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .shop_guide__desc {
    font-size: 23.8933333333px;
    line-height: 35.84px;
    letter-spacing: 2.3893333333px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .shop_guide__desc {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 1.4px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .shop_guide__desc {
    font-size: 11.9466666667px;
    line-height: 17.92px;
    letter-spacing: 1.1946666667px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .shop_guide__desc {
    font-size: 10.4533333333px;
    line-height: 15.68px;
    letter-spacing: 1.0453333333px;
  }
}

.shop_guide__text {
  margin-top: 32px;
  /* max-width: 734px; */
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1.6px;
  color: #162a2d;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .shop_guide__text {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .shop_guide__text {
   /* max-width: 458.75px;*/
  }
}
@media screen and (max-width: 1200px) {
  .shop_guide__text {
    font-size: 10px;
    line-height: 18.75px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 750px) {
  .shop_guide__text {
    margin-top: 32px;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 2.4px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .shop_guide__text {
    margin-top: 27.3066666667px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .shop_guide__text {
    margin-top: 16px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .shop_guide__text {
    margin-top: 13.6533333333px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .shop_guide__text {
    margin-top: 11.9466666667px;
  }
}
@media screen and (max-width: 750px) and (max-width: 700px) {
  .shop_guide__text {
    font-size: 20.48px;
    line-height: 34.1333333333px;
    letter-spacing: 2.048px;
  }
}
@media screen and (max-width: 750px) and (max-width: 640px) {
  .shop_guide__text {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1.2px;
  }
}
@media screen and (max-width: 750px) and (max-width: 370px) {
  .shop_guide__text {
    font-size: 10.24px;
    line-height: 17.0666666667px;
    letter-spacing: 1.024px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .shop_guide__text {
    font-size: 8.96px;
    line-height: 14.9333333333px;
    letter-spacing: 0.896px;
  }
}