/*-------------------------------
---.hero
-------------------------------*/

.hero {
  margin-bottom: 60px;
}

.hero .text h2.num {
  font-size: 1.4rem;
}

.hero .text h3.title {
  font-size: 3rem;
  margin-top: 30px;
  margin-bottom: 30px;
}

.hero .text p {
  font-size: 1.6rem;
}


/*-------------------------------
---.feature
-------------------------------*/
/*-------------------------------
---.review
-------------------------------*/

.feature .contents {
  grid-template-columns: 1fr;
}

.feature .contents .text {
  padding: 0 3% 120px;
  order: -1;
}

.review .contents .text .title {
  text-align: unset;
}

.feature .contents .text .bg[data-disabled*="m"] {
  display: none;
}

.feature .contents .text .bg[data-size="s"] img {
  width: 45%;
}

.contents .images .layout[data-layout="dual2"] {
  grid-template-columns: 1fr;
}

.contents .images .layout[data-layout="dual3"] {
  grid-template-columns: 1fr;
}

.contents .images .layout[data-layout="multi3"],
.contents .images .layout[data-layout="multi4"],
.contents .images .layout[data-layout="multi5"],
.contents .images .layout[data-layout="multi6"],
.contents .images .layout[data-layout="multi7"],
.contents .images .layout[data-layout="multi8"] {
  grid-template-columns: repeat(2, 1fr);
}

.contents .images .layout[data-layout="multi1"] {
  grid-template-areas:  "a a"
                        "b c";
}

.contents .images .layout[data-layout="multi2"] {
  grid-template-areas:  "a b"
                        "c c";
}

.contents .images .layout[data-layout="multi3"] {
  grid-template-areas:  "a a"
                        "a a"
                        "b c";
}

.contents .images .layout[data-layout="multi4"] {
  grid-template-areas:  "a b"
                        "c c"
                        "c c";
}

.contents .images .layout[data-layout="multi5"] {
  grid-template-areas:  "a a"
                        "b c"
                        "d d";
}

.contents .images .layout[data-layout="multi6"] {
  grid-template-areas:  "a a"
                        "b b"
                        "c d";
}

.contents .images .layout[data-layout="multi7"] {
  grid-template-areas:  "a b"
                        "c c"
                        "d d";
}

.contents .images .layout[data-layout="multi8"] {
  grid-template-areas:  "a a"
                        "b c"
                        "d d";
}


/*-------------------------------
---#other-storys
-------------------------------*/

#other-storys .contents {
  grid-template-columns: minmax(auto, 400px);
  grid-row-gap: 45px;
}

#other-storys .item {
  grid-template-columns: minmax(90px, 30%) 1fr;
}

#other-storys .item .num {
  font-size: 1.3rem;
}

#other-storys .item .title {
  font-size: 1.5rem;
  margin-top: 10px;
  margin-bottom: 10px;
}

#other-storys .item .next {
  font-size: 1.3rem;
}