@charset "utf-8";

/* #contents */
#top h1::before {
  content: "";
  background: url(../images/icon-title.png) no-repeat;
  background-size: contain;
  padding: 3px 14px;
}
@media screen and (min-width:641px){
  #top div {
    text-align: center;
  }
  #top div img {
    height: 86px;
}}
@media screen and (max-width:640px){
  #top div {
    width: 70%;
    margin: 0 auto 5px;
}}


@media screen and (min-width:641px){
.reason_box h2 {
  width: 59%;
  margin-bottom: 15px;
}
.reason_box p {
  margin-bottom: 15px;
  font-size: 12px;
    letter-spacing: 3px;
    text-align: center;
}
.reason_box h2 img {
    height: auto;
}
.reason_box {
  width: 895px;
  margin: 0 auto 60px;
}
#goods.reason_box {
  margin: 0 auto 30px;
}
.see-more {
  width: 30%;
  margin: 10px auto 0;
}
.img_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px;
}
.item_box {
    width: 175px;
}
#make-fashion h3 {
  display: block;
  margin: 0 auto 5px;
}
#make-fashion h3 + p {
  font-size: 12px;
  letter-spacing: 3px;
  margin-bottom: 5px;
  text-align: center;
}
#make {
  margin-bottom: 10px;
}
#make h3 {
  width: 105px;
}
#make .item_box {
  width: 445px;
}
#fashion h3 {
  width: 135px;
}
}

@media screen and (max-width:640px){
    main article {
        margin-bottom: 40px;
    }
.resason_box h2 {
  margin-bottom: 15px;
}
.reason_box h2 img {
    height: auto;
}
.reason_box p {
  margin-bottom: 15px;
  font-size: 12px;
    letter-spacing: 3px;
    text-align: center;
}
.reason_box {
  margin-bottom: 30px;
}
.see-more {
  width: 50vw;
  margin: 10px auto 0;
}
.img_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px;
}
.item_box {
    width: 22vw;
    margin-bottom: 1vw;
}
#make-fashion h3 {
  display: block;
  margin: 0 auto 5px;
}
#make-fashion h3 + p {
  font-size: 12px;
  letter-spacing: 3px;
  margin-bottom: 5px;
  text-align: center;
}
#make {
  margin-bottom: 10px;
}
#make h3 {
  width: 105px;
}
#make .item_box {
  width: 445px;
}
#fashion h3 {
  width: 135px;
}
}