#PERSONALTYPE.feature{
  padding: 70px 0 0;
  margin: 0 auto 0;
  font-family: 'Yu Gothic', '游ゴシック', 'YuGothic', '游ゴシック体', sans-serif;
  font-style: normal;
  font-feature-settings: "palt";
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 100%;
}

#PERSONALTYPE.feature .sp-only {
  display: none;
}

#PERSONALTYPE.feature .spbr {
  display: none;
}

#PERSONALTYPE.feature .default-img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
}

#PERSONALTYPE.feature a img:hover{
  opacity: 0.7;
  transition: 0.3s;
}

#PERSONALTYPE.feature a.link:hover{
  opacity: 0.7;
  transition: 0.3s;
}

#PERSONALTYPE.feature * {
  box-sizing: border-box;
}

#PERSONALTYPE.feature *::after {
  box-sizing: border-box;
}

#PERSONALTYPE.feature *::before {
  box-sizing: border-box;
}

#PERSONALTYPE.feature a {
  display: block;
  text-decoration: none;
  position: relative;
}

/* hero */

#PERSONALTYPE.feature .hero{
  margin: 0 auto;
  position: relative;
  width: 960px;
}

/* sec */

#PERSONALTYPE.feature .sec .sec__ttl.en{
  color: #b79791;
  font-family: "dm-sans-18pt", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 auto;
  text-align: center;
}

#PERSONALTYPE.feature .sec .sec__ttl.jp{
  color: #4f4f4f;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  margin: 9px auto 0;
  text-align: center;
}

/* type */

#PERSONALTYPE.feature #type{
  margin: 51px auto 0;
  width: 960px;
}

#PERSONALTYPE.feature #type .sec__type{
  display: flex;
  justify-content: space-between;
  margin: 28px auto 0;
  width: 960px;
}

#PERSONALTYPE.feature #type .sec__type-btn{
  background: #f9f5f4;
  border: 0.4px solid #8c8c8c;
  height: 70px;
  width: 308px;
}
#PERSONALTYPE.feature #type .sec__type-btn.on{
  background: #edd9d6;
}

#PERSONALTYPE.feature #type .sec__type-btn a{
  color: #4f4f4f;
  display: block;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.14em;
  line-height: 1;
  padding: 29px 0 22px 25px;
  position: relative;
  width: 100%;
}

#PERSONALTYPE.feature #type .sec__type .sec__type-btn:nth-of-type(1) a::before{
  background: url("../img/straight.svg") center top / cover no-repeat;
  content: "";
  display: block;
  top: 27px;
  left: 97px;
  position: absolute;
  height: 18.1px;
  width: 11.1px;
}
#PERSONALTYPE.feature #type .sec__type .sec__type-btn:nth-of-type(2) a::before{
  background: url("../img/natural.svg") center top / cover no-repeat;
  content: "";
  display: block;
  top: 27px;
  left: 94px;
  position: absolute;
  height: 18.6px;
  width: 14.88px;
}
#PERSONALTYPE.feature #type .sec__type .sec__type-btn:nth-of-type(3) a::before{
  background: url("../img/wave.svg") center top / cover no-repeat;
  content: "";
  display: block;
  top: 28px;
  left: 106px;
  position: absolute;
  height: 18.1px;
  width: 15.24px;
}

/* category */

#PERSONALTYPE.feature #category{
  margin: 112px auto 0;
  width: 960px;
}

#PERSONALTYPE.feature #category .sec__ttl.jp{
  letter-spacing: 0.085em;
  margin: 7.5px auto 0;
}

#PERSONALTYPE.feature #category .sec__category{
  display: flex;
  justify-content: space-between;
  margin: 29px auto 0;
  width: 960px;
}

#PERSONALTYPE.feature #category .sec__category-btn{
  background: #f9f5f4;
  border: 0.4px solid #8c8c8c;
  height: 70px;
  width: 177.5px;
}
#PERSONALTYPE.feature #category .sec__category-btn.on{
  background: #edd9d6;
}

#PERSONALTYPE.feature #category .sec__category-btn:hover{
  cursor: pointer;
}

#PERSONALTYPE.feature #category .sec__category-btn a{
  color: #4f4f4f;
  display: block;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.14em;
  line-height: 1;
  padding: 29px 0 22px;
  position: relative;
  width: 100%;
}

.l-footer, .pc-footer {
  overflow: hidden;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#PERSONALTYPE.feature-snslist {
  overflow: hidden;
}
.breadcrumbs {
  max-width: 100%;
}
.area-header {
  max-width: 100%;
  width: 100% !important;
}