@charset "UTF-8";
/* CSS Document */
a:hover img {
  opacity: 1;
}

.l-cont {
  color: #222;
}

.p- {
  /* タイトル */
  /* リード */
  /* ボタン */
  /* ～を探す */
}

.p-ttlBox1 {
  text-align: center;
  letter-spacing: 0;
}

.p-ttlBox1.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.p-ttlBox1.set-anime.show-anime {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .p-ttlBox1.pc-tL {
    text-align: left;
  }
}

.p-ttlBox1 strong {
  display: block;
  color: #C03;
  font-size: 5.0rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-ttlBox1 strong {
    font-size: 8.53333vw;
  }
}

.p-ttlBox1 small {
  display: block;
  color: #000;
  font-size: 1.8rem;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .p-ttlBox1 small {
    margin-top: 0.8vw;
    font-size: 4.26667vw;
  }
}

.p-lead1 {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.8;
}

.p-lead1.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.p-lead1.set-anime.show-anime {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-lead1 {
    font-size: 4.8vw;
    line-height: 1.55556;
  }
}

.p-lead2 {
  font-size: 1.4rem;
  line-height: 1.85714;
}

.p-lead2.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.p-lead2.set-anime.show-anime {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-lead2 {
    font-size: 3.73333vw;
    line-height: 1.71429;
  }
}

.p-btnMore1.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.p-btnMore1.set-anime.show-anime {
  opacity: 1;
}

.p-btnMore1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C03;
  width: 240px;
  height: 40px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.3125;
  text-decoration: none;
  border-radius: 100px;
  box-shadow: 0 20px 26px rgba(0, 0, 0, 0.16);
  transition: opacity 0.3s;
}

@media screen and (max-width: 767px) {
  .p-btnMore1 a {
    box-shadow: 0 5.33333vw 6.93333vw rgba(0, 0, 0, 0.16);
  }
}

.p-btnMore1 a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .p-btnMore1 a {
    width: 53.33333vw;
    height: 10.66667vw;
    margin: auto;
    font-size: 3.73333vw;
    line-height: 1.35714;
  }
}

.p-secSearch.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.p-secSearch.set-anime.show-anime {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-secSearch {
    background-color: #F0F0F0;
    padding: 9.33333vw 0 8vw;
  }
}

.p-secSearch .btnSlct {
  text-align: center;
}

.p-secSearch .btnSlct.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.p-secSearch .btnSlct.set-anime.show-anime {
  opacity: 1;
}

.p-secSearch .btnSlct a {
  display: inline-block;
  transition: opacity 0.3s;
}

.p-secSearch .btnSlct a:hover {
  opacity: 0.7;
}

.p-secSearch .btnSlct .btnCols {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-secSearch .btnSlct .btnCols {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-secSearch .btnSlct .btnCols li {
    width: 100%;
  }
  .p-secSearch .btnSlct .btnCols li + li {
    margin-top: 10px;
  }
}

.p-secSearch .btnSlct .btnCols li img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .p-secSearch .btnSlct .btnCols.is_col2 li {
    width: 485px;
  }
}

@media screen and (min-width: 768px) {
  .p-secSearch .btnSlct .btnCols.is_col3 li {
    width: 320.17544px;
  }
}

.p-searchBox1 {
  background-color: #F0F0F0;
  margin-bottom: 40px;
  padding: 35px 20px 40px;
  color: #222;
  border-radius: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 {
    background: none;
    margin-bottom: 2.66667vw;
    padding: 0;
    border-radius: 0;
  }
}

.p-searchBox1 .ttl {
  margin-bottom: 35px;
  font-size: 2.2rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .ttl {
    margin-bottom: 9.33333vw;
    font-size: 4.8vw;
  }
}

.p-searchBox1 .itemWrap .btns {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .btns {
    flex-wrap: wrap;
    margin-bottom: 5.86667vw;
  }
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .btns li {
    width: 29.06667vw;
    margin: 0 0 2.13333vw 1.06667vw;
  }
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .btns li:nth-child(3n + 1) {
    margin-left: 0;
  }
}

.p-searchBox1 .itemWrap .btns li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding-top: 0.1em;
  height: 30px;
  font-size: 1.3rem;
  text-decoration: none;
  border-radius: 100px;
  border: 2px solid #C03;
  transition: opacity 0.3s;
}

.p-searchBox1 .itemWrap .btns li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .btns li a {
    height: 17.06667vw;
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.42857;
    border-width: 0.56vw;
  }
}

.p-searchBox1 .itemWrap .btns li a.show {
  background-color: #C03;
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .btns li a.show {
    border-color: #fff;
  }
}

.p-searchBox1 .itemWrap .btns li a.show:hover {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .p-searchBox1 .itemWrap .btns.pcCol3 li {
    width: 22.91667%;
  }
  .p-searchBox1 .itemWrap .btns.pcCol3 li + li {
    margin-left: 2.08333%;
  }
  .p-searchBox1 .itemWrap .btns.pcCol5 li {
    width: 17.70833%;
  }
  .p-searchBox1 .itemWrap .btns.pcCol5 li + li {
    margin-left: 1.5625%;
  }
}

.p-searchBox1 .itemWrap .btnToList {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .btnToList {
    margin-bottom: 10.66667vw;
    position: static;
  }
}

.p-searchBox1 .itemWrap .btnToList a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1F2B5C;
  width: 220px;
  height: 30px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 100px;
  box-shadow: 0 20px 26px rgba(0, 0, 0, 0.16);
  transition: opacity 0.3s;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .btnToList a {
    box-shadow: 0 5.33333vw 6.93333vw rgba(0, 0, 0, 0.16);
  }
}

.p-searchBox1 .itemWrap .btnToList a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .btnToList a {
    width: 68vw;
    height: 9.33333vw;
    margin: auto;
    font-size: 4.26667vw;
  }
}

.p-searchBox1 .itemWrap .itemBoxes {
  padding: 0 18px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes {
    padding: 0;
  }
}

.p-searchBox1 .itemWrap .itemBoxes > .box {
  display: none;
}

.p-searchBox1 .itemWrap .itemBoxes .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list > .item + .item {
    margin-top: 2.66667vw;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list > .item a {
  display: block;
  background-color: #fff;
  height: 100%;
  color: #000;
  text-decoration: none;
  border: 4px solid #fff;
  border-radius: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list > .item a {
    border: none;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list > .item a:after {
  content: "";
  display: block;
  border: 0 solid #C03;
  border-radius: 20px;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  opacity: 0;
  transition: border-width linear 200ms, opacity linear 200ms;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list > .item a:after {
    content: normal;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list > .item a:hover:after {
  border-width: 6px;
  opacity: 1;
}

.p-searchBox1 .itemWrap .itemBoxes .list > .item a h4 {
  color: #1f2b5c;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.pcCol3 > .item {
    width: 32.25108%;
    margin-left: 1.62338%;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.pcCol3 > .item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.pcCol3 > .item:nth-child(n + 4) {
    margin-top: 1.62338%;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.pcCol4 > .item {
    width: 23.53896%;
    margin-left: 1.94805%;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.pcCol4 > .item:nth-child(4n + 1) {
    margin-left: 0;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a {
  padding: 6px 8px 8px;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 37.33333vw;
    padding: 0 29.33333vw 0 8vw;
    border-radius: 8vw;
    position: relative;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a .ttlImg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a .ttlImg {
    display: block;
    margin-bottom: 1.33333vw;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a .ttlImg h4 {
  font-size: 1.8rem;
  line-height: 1.33333;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a .ttlImg h4 {
    font-size: 4.8vw;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a .ttlImg .img {
  flex-shrink: 0;
  margin: 0 0 0 10px;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a .ttlImg .img {
    display: flex;
    align-items: center;
    width: 22.66667vw;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4.8vw;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a p {
  font-size: 1.2rem;
  line-height: 1.66667;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item a p {
    font-size: 3.2vw;
  }
}

@media screen and (min-width: 768px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item.pcImgAbs a {
    position: relative;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item.pcImgAbs a .ttlImg {
    margin-bottom: 40px;
    min-height: 90px;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item.pcImgAbs a .ttlImg h4 {
    padding-top: 45px;
    position: relative;
    z-index: 1;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item.pcImgAbs a .ttlImg .img {
    position: absolute;
    top: 10px;
    right: 12px;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type > .item.pcImgAbs a p {
    position: relative;
    z-index: 1;
  }
}

@media screen and (min-width: 768px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type.pcCol3 > .item a .ttlImg .img {
    width: 100px;
  }
  .p-searchBox1 .itemWrap .itemBoxes .list.is_type.pcCol4 > .item a .ttlImg .img {
    width: 75px;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a {
  display: flex;
  align-items: center;
  padding: 12px 1px 6px 0;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a {
    height: 29.33333vw;
    padding: 0 4vw 0 2.66667vw;
    border-radius: 5.33333vw;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i {
  flex-shrink: 0;
  background-position: center center;
  background-repeat: no-repeat;
  width: 60px;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i {
    width: 21.33333vw;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.bus {
  background-image: url("../images/re_top/stroller_item_icn01.svg");
  background-size: 47px auto;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.bus {
    background-size: 12.8vw auto;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.norigokoti {
  background-image: url("../images/re_top/stroller_item_icn02.svg");
  background-size: 40px auto;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.norigokoti {
    background-size: 10.66667vw auto;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.dansa {
  background-image: url("../images/re_top/stroller_item_icn03.svg");
  background-size: 54px auto;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.dansa {
    background-size: 14.66667vw auto;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.hitogomi {
  background-image: url("../images/re_top/stroller_item_icn04.svg");
  background-size: 40px auto;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.hitogomi {
    background-size: 11.46667vw auto;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.trip {
  background-image: url("../images/re_top/stroller_item_icn05.svg");
  background-size: 40px auto;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.trip {
    background-size: 10.66667vw auto;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.debut {
  background-image: url("../images/re_top/stroller_item_icn06.svg");
  background-size: 45px auto;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a i.debut {
    background-size: 12.26667vw auto;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a h4 {
  font-size: 1.4rem;
  letter-spacing: -0.05em;
  line-height: 1.71429;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a h4 {
    font-size: 3.46667vw;
  }
}

.p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a p {
  margin-top: 0.45455em;
  font-size: 1.1rem;
  letter-spacing: -0.05em;
  line-height: 1.36364;
}

@media screen and (max-width: 767px) {
  .p-searchBox1 .itemWrap .itemBoxes .list.is_case > .item a p {
    margin-top: 1.6vw;
    font-size: 3.2vw;
  }
}

/*--------------------------------------
 メインコンテンツ
---------------------------------------*/
.mainZone .swiper-pagination {
  bottom: 26px;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-pagination {
    bottom: 2.93333vw;
  }
}

.mainZone .swiper-pagination .swiper-pagination-bullet {
  background-color: #9C9090;
  width: 10px;
  height: 10px;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-pagination .swiper-pagination-bullet {
    width: 3.2vw;
    height: 3.2vw;
    margin: 0 1.33333vw;
  }
}

.mainZone .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #f00;
}

.mainZone .swiper-slide .bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 43.92831vw;
  color: #000;
  font-weight: bold;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide .bg {
    height: 439px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide .bg {
    height: 151.2vw;
  }
}

.mainZone .swiper-slide h2 {
  letter-spacing: 0.2em;
}

.mainZone .swiper-slide .mainNote {
  font-size: 9px;
  color: #2F2C2B;
  position: absolute;
  right: 1%;
  bottom: 4%;
  width: 20%;
  line-height: 1.4;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide .mainNote {
    display: block;
    width: 82.6vw;
    margin: 0 auto;
    position: static;
    padding-top: 4vw;
  }
}

.mainZone .swiper-slide p {
  font-size: 1.02414vw;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 0.13em;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide p {
    font-size: 1.02rem;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide p {
    padding: 0 5.33333vw 0 8.66667vw;
    font-size: 3.46667vw;
    line-height: 1.76923;
  }
}

.mainZone .swiper-slide p + p {
  margin-top: 1.42857em;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide p + p {
    margin-top: 1.0em;
  }
}

.mainZone .swiper-slide .btn {
  font-size: 1.17045vw;
  line-height: 1.375;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide .btn {
    font-size: 1.17rem;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide .btn {
    padding-left: 10vw;
    padding-right: 10vw;
    font-size: 3.73333vw;
  }
}

.mainZone .swiper-slide .btn a {
  display: inline-block;
  background-color: #C03;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border: 0.21946vw solid #C03;
  border-radius: 100px;
  transition: 0.3s;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide .btn a {
    border-width: 2px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide .btn a {
    display: block;
  }
}

.mainZone .swiper-slide .btn a:hover {
  background-color: #fff;
  color: #C03;
}

.mainZone .swiper-slide.item1 .bg {
  background-image: url("../images/re_top/main_bg01.png");
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item1 .bg {
    background-image: url("../images/re_top/main_bg01_sp.png");
  }
}

.mainZone .swiper-slide.item1 .in {
  padding: 8.52231vw 1.82882vw 0 56.94952vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item1 .in {
    padding: 85px 18px 0 570px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item1 .in {
    padding: 68.26667vw 0 0;
  }
}

.mainZone .swiper-slide.item1 h2 {
  margin-bottom: 1.4898em;
  color: #df0723;
  font-size: 1.79225vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item1 h2 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item1 h2 {
    margin-bottom: 5.33333vw;
    padding: 0 0 0 5.06667vw;
    font-size: 5.6vw;
    letter-spacing: 0.05em;
    line-height: 1.52174;
  }
}

.mainZone .swiper-slide.item1 p {
  color: #707070;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item1 p {
    padding: 0 2.66667vw 0 5.06667vw;
    letter-spacing: 0.05em;
  }
}

.mainZone .swiper-slide.item1 .btn {
  margin-top: 3.03584vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item1 .btn {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item1 .btn {
    margin-top: 6.4vw;
    padding-left: 12.53333vw;
    padding-right: 12.53333vw;
  }
}

.mainZone .swiper-slide.item1 .btn a {
  padding: 0.43892vw 2.15801vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item1 .btn a {
    padding: 4px 21px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item1 .btn a {
    padding: 2.26667vw 4vw;
    letter-spacing: 0.05em;
  }
}

.mainZone .swiper-slide.item2 .bg {
  background-image: url("../images/re_top/main_bg02.png");
  color: #fff;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item2 .bg {
    background-image: url("../images/re_top/main_bg02_sp.png");
  }
}

.mainZone .swiper-slide.item2 .in {
  padding: 9.91222vw 1.82882vw 0 61.63131vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item2 .in {
    padding: 99px 18px 0 616px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item2 .in {
    padding: 72vw 0 0;
  }
}

.mainZone .swiper-slide.item2 h2 {
  margin-bottom: 1.23333em;
  color: inherit;
  font-size: 2.19459vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item2 h2 {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item2 h2 {
    margin-bottom: 3.73333vw;
    padding: 0 4vw 0 9.06667vw;
    font-size: 8vw;
    letter-spacing: 0.15em;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item2 p {
    letter-spacing: 0.1em;
  }
}

.mainZone .swiper-slide.item2 .btn {
  margin-top: 3.07242vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item2 .btn {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item2 .btn {
    margin-top: 6.4vw;
  }
}

.mainZone .swiper-slide.item2 .btn a {
  padding: 0.43892vw 3.14557vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item2 .btn a {
    padding: 4px 31px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item2 .btn a {
    padding: 2.33333vw 4vw;
  }
}

.mainZone .swiper-slide.item3 .bg {
  background-image: url("../images/re_top/main_bg03.webp");
  color: #fff;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item3 .bg {
    background-image: url("../images/re_top/main_bg03_sp.webp");
  }
}

.mainZone .swiper-slide.item3 .in {
  padding: 14.63058vw 9.14411vw 0 61.63131vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .swiper-slide.item3 .in {
    padding: 99px 18px 0 616px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item3 .in {
    padding: 110vw 0 0;
  }
}

.mainZone .swiper-slide.item3 h2 {
  max-width: 393px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item3 h2 {
    max-width: none;
    width: 82.66667vw;
  }
}

.mainZone .swiper-slide.item3 .btn {
  font-size: 1.4rem;
  line-height: 2.42857;
  text-align: center;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item3 .btn {
    font-size: 1.2rem;
    margin-top: 8vw;
    line-height: 2.66667;
    padding: 0;
  }
}

.mainZone .swiper-slide.item3 .btn a {
  background-color: #CC0033;
  border: 0.21946vw solid #CC0033;
  padding: 2px 45px 10px 45px;
  width: 393px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item3 .btn a {
    width: 85vw;
    padding: 0.53333vw 2.66667vw 2.66667vw 2.66667vw;
  }
}

.mainZone .swiper-slide.item3 .btn a::after {
  content: "";
  background: url("../images/re_top/but_kv_mnby-wht.svg") 0 0 no-repeat;
  background-size: contain;
  display: block;
  width: 211px;
  height: 32px;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item3 .btn a::after {
    width: 52.8vw;
    height: 8vw;
  }
}

.mainZone .swiper-slide.item3 .btn a:hover {
  background-color: #fff;
  color: #CC0033;
}

.mainZone .swiper-slide.item3 .btn a:hover::after {
  content: "";
  background: url("../images/re_top/but_kv_mnby-red.svg") 0 0 no-repeat;
  transition: 0.3s;
}

.mainZone .swiper-slide.item4 .bg {
  background-image: url("../images/re_top/main_kv02.webp");
  color: #fff;
}

@media screen and (max-width: 767px) {
  .mainZone .swiper-slide.item4 .bg {
    background-image: url("../images/re_top/main_kv02_sp.webp");
  }
}

.mainZone .note {
  background-color: #1F2B5C;
  padding: 0.91441vw;
  text-align: center;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .note {
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .note {
    padding: 3.46667vw;
  }
}

.mainZone .note a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.09729vw;
  text-align: center;
  text-decoration: none;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .note a {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .note a {
    font-size: 2.66667vw;
    font-weight: bold;
  }
}

.mainZone .note a:hover {
  text-decoration: underline;
}

.mainZone .note a i {
  flex-shrink: 0;
  width: 1.90198vw;
  margin-right: 1.09729vw;
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  .mainZone .note a i {
    width: 19px;
    margin-right: 11px;
  }
}

@media screen and (max-width: 767px) {
  .mainZone .note a i {
    width: 4.8vw;
    margin-right: 6.4vw;
  }
}

/*--------------------------------------
 メイン下のバナー
---------------------------------------*/
.bnsZone {
  background-color: #fff;
  padding: 3.4407vw 0 5.34407vw;
  box-shadow: inset 0 2.19619vw 3.66032vw -1.46413vw rgba(0, 0, 0, 0.26);
}

@media screen and (max-width: 767px) {
  .bnsZone {
    padding: 10.66667vw 0 8vw;
    box-shadow: inset 0 5.33333vw 5.33333vw -5.33333vw rgba(0, 0, 0, 0.26), inset 0 -5.33333vw 5.33333vw -5.33333vw rgba(0, 0, 0, 0.26);
  }
}

.bnsZone ul {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .bnsZone ul {
    flex-wrap: wrap;
  }
}

.bnsZone ul > li {
  width: 21.22987vw;
  opacity: 0;
  transition-duration: 0.5s;
}

@media screen and (max-width: 767px) {
  .bnsZone ul > li {
    width: 46.4vw;
    margin-bottom: 1.86667vw;
  }
}

.bnsZone ul > li + li {
  margin-left: 2.92826vw;
}

@media screen and (max-width: 767px) {
  .bnsZone ul > li + li {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .bnsZone ul > li:nth-child(odd) {
    margin-right: 1.86667vw;
  }
}

.bnsZone ul > li:nth-child(1) {
  transition-delay: 0s;
}

.bnsZone ul > li:nth-child(2) {
  transition-delay: 0.1s;
}

.bnsZone ul > li:nth-child(3) {
  transition-delay: 0.2s;
}

.bnsZone ul > li:nth-child(4) {
  transition-delay: 0.3s;
}

.bnsZone ul > li a {
  display: block;
  border-radius: 2.19619vw;
  box-shadow: 0 0.8vw 0.8vw rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transition: opacity 0.3s;
}

.bnsZone ul > li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .bnsZone ul > li a {
    border-radius: 8vw;
    box-shadow: none;
  }
}

.bnsZone.show-anime ul > li {
  opacity: 1;
}

/*--------------------------------------
 Stroller
---------------------------------------*/
.strollerZone {
  background: url("../images/re_top/stroller_bg_wrap.webp?v2") center top no-repeat;
  background-size: cover;
  color: #fff;
  padding: 45px 50px 60px;
  height: 1120px;
}

@media screen and (max-width: 767px) {
  .strollerZone {
    height: auto;
    background: none;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .strollerZone .sec1 {
    background: url("../images/re_top/stroller_bg_wrap_sp.webp?v2") center top no-repeat;
    background-size: cover;
    padding: 8vw 0 10.66667vw;
  }
}

.strollerZone .p-ttlBox1 {
  margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .strollerZone .p-ttlBox1 {
    margin-bottom: 65.06667vw;
  }
}

.strollerZone .p-lead1 {
  margin-bottom: 30px;
  text-shadow: 0 3px 16px black;
}

@media screen and (max-width: 767px) {
  .strollerZone .p-lead1 {
    text-shadow: 0 0.8vw 4.26667vw black;
  }
}

@media screen and (max-width: 767px) {
  .strollerZone .p-lead1 {
    margin-bottom: 2.13333vw;
    letter-spacing: -0.08em;
  }
}

.strollerZone .p-lead2 {
  margin-bottom: 25px;
  text-shadow: 0 3px 16px black;
}

@media screen and (max-width: 767px) {
  .strollerZone .p-lead2 {
    text-shadow: 0 0.8vw 4.26667vw black;
  }
}

@media screen and (max-width: 767px) {
  .strollerZone .p-lead2 {
    margin-bottom: 9.6vw;
  }
}

.strollerZone .p-btnMore1 {
  margin-bottom: 30px;
}

.strollerZone .p-btnMore1.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.strollerZone .p-btnMore1.set-anime.show-anime {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .strollerZone .p-btnMore1 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .strollerZone .p-secSearch .btnSlct a img {
    width: 560px;
  }
}

/*--------------------------------------
 Child seat
---------------------------------------*/
.child_seatZone {
  background: url("../images/re_top/child_bg_wrap.jpg") center top no-repeat;
  background-size: cover;
  color: #fff;
  padding: 45px 50px 60px;
  height: 1180px;
  
}

@media screen and (max-width: 767px) {
  .child_seatZone {
    height: auto;
    background: none;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .child_seatZone .sec1 {
    background: url("../images/re_top/child_bg_wrap_sp.jpg") center top no-repeat;
    background-size: cover;
    padding: 8vw 0 10.66667vw;
  }
}

.child_seatZone .p-ttlBox1 {
  margin-bottom: 110px;
}

@media screen and (max-width: 767px) {
  .child_seatZone .p-ttlBox1 {
    margin-bottom: 65.06667vw;
  }
}

.child_seatZone .p-lead1 {
  margin-bottom: 30px;
  text-shadow: 0 3px 16px black;
}

@media screen and (max-width: 767px) {
  .child_seatZone .p-lead1 {
    text-shadow: 0 0.8vw 4.26667vw black;
  }
}

@media screen and (max-width: 767px) {
  .child_seatZone .p-lead1 {
    margin-bottom: 2.66667vw;
  }
}

.child_seatZone .p-lead2 {
  margin-bottom: 25px;
  text-shadow: 0 3px 16px black;
}

@media screen and (max-width: 767px) {
  .child_seatZone .p-lead2 {
    text-shadow: 0 0.8vw 4.26667vw black;
  }
}

@media screen and (max-width: 767px) {
  .child_seatZone .p-lead2 {
    margin-bottom: 8.8vw;
  }
}

.child_seatZone .p-btnMore1 {
  margin-bottom: 30px;
}

.child_seatZone .p-btnMore1.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.child_seatZone .p-btnMore1.set-anime.show-anime {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .child_seatZone .p-btnMore1 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .child_seatZone .p-secSearch .btnSlct a img {
    width: 559px;
  }
}

/*--------------------------------------
 Baby carrier
---------------------------------------*/
.baby_carrierZone {
  background: url("../images/re_top/baby_bg_wrap.webp") center top no-repeat #fff;
  background-size: cover;
  padding: 85px 50px 100px;
}

@media screen and (max-width: 767px) {
  .baby_carrierZone {
    background-image: url("../images/re_top/baby_bg_wrap_sp.webp");
    padding: 8.53333vw 0 10.66667vw;
    color: #fff;
  }
}

.baby_carrierZone .p-ttlBox1 {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .baby_carrierZone .p-ttlBox1 {
    margin-bottom: 58.66667vw;
  }
}

.baby_carrierZone .p-lead1 {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .baby_carrierZone .p-lead1 {
    margin-bottom: 1.86667vw;
  }
}

.baby_carrierZone .p-lead2 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .baby_carrierZone .p-lead2 {
    margin-bottom: 9.33333vw;
  }
}

.baby_carrierZone .p-btnMore1 {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .baby_carrierZone .p-btnMore1 {
    margin-bottom: 0;
  }
}

/*--------------------------------------
 Indoor Products
---------------------------------------*/
.indoor_productsZone {
  background-color: #fff;
  padding: 70px 50px 70px;
}

@media screen and (max-width: 767px) {
  .indoor_productsZone {
    padding: 13.33333vw 0 14.66667vw;
  }
}

.indoor_productsZone .p-ttlBox1 {
  margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
  .indoor_productsZone .p-ttlBox1 {
    margin-bottom: 9.33333vw;
  }
}

.indoor_productsZone .imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .indoor_productsZone .imgs {
    display: block;
  }
}

.indoor_productsZone .imgs > li {
  margin: 0 0 2% 5%;
  width: 30%;
  opacity: 0;
  transition-duration: 0.5s;
}

@media screen and (max-width: 767px) {
  .indoor_productsZone .imgs > li {
    width: auto;
    margin: 0;
  }
}

.indoor_productsZone .imgs > li:nth-child(3n + 1) {
  margin-left: 0;
}

.indoor_productsZone .imgs > li:nth-child(1) {
  transition-delay: 0s;
}

@media screen and (max-width: 767px) {
  .indoor_productsZone .imgs > li:nth-child(1) {
    margin-bottom: -1.33333vw;
  }
}

.indoor_productsZone .imgs > li:nth-child(2) {
  transition-delay: 0.1s;
}

@media screen and (max-width: 767px) {
  .indoor_productsZone .imgs > li:nth-child(2) {
    margin-bottom: -1.33333vw;
  }
}

.indoor_productsZone .imgs > li:nth-child(3) {
  transition-delay: 0.2s;
}

.indoor_productsZone .imgs > li:nth-child(4) {
  transition-delay: 0.3s;
}

@media screen and (max-width: 767px) {
  .indoor_productsZone .imgs > li:nth-child(4) {
    margin-bottom: 2.66667vw;
  }
}

.indoor_productsZone .imgs > li:nth-child(5) {
  transition-delay: 0.4s;
}

.indoor_productsZone .imgs > li a {
  display: block;
  transition: opacity 0.3s;
}

.indoor_productsZone .imgs > li a:hover {
  opacity: 0.7;
}

.indoor_productsZone .imgs.show-anime > li {
  opacity: 1;
}

/*--------------------------------------
 Brand
---------------------------------------*/
.brandZone {
  background: url("../images/re_top/brand_bg_wrap.png") center top no-repeat #fff;
  background-size: cover;
  padding: 6.58858vw 50px 4.75842vw;
}

@media screen and (max-width: 767px) {
  .brandZone {
    background-image: url("../images/re_top/brand_bg_wrap_sp.png");
    padding: 8vw 0 14.13333vw;
  }
}

.brandZone .txts {
  display: flex;
  justify-content: flex-end;
  margin: 0 74px 6.95461vw auto;
}

@media screen and (max-width: 767px) {
  .brandZone .txts {
    display: block;
    margin: 0 0 4vw;
  }
}

.brandZone .p-ttlBox1 {
  margin-bottom: 2.19619vw;
}

@media screen and (max-width: 767px) {
  .brandZone .p-ttlBox1 {
    margin-bottom: 72.8vw;
  }
}

@media screen and (max-width: 767px) {
  .brandZone .p-lead1 {
    font-size: 4.8vw;
    letter-spacing: -0.02em;
    line-height: 1.66667;
  }
}

.brandZone .links {
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .brandZone .links {
    display: block;
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
}

.brandZone .links li {
  width: 30%;
}

.brandZone .links li.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.brandZone .links li.set-anime.show-anime {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .brandZone .links li {
    width: auto;
  }
}

.brandZone .links li + li {
  margin-left: 45px;
}

@media screen and (max-width: 767px) {
  .brandZone .links li + li {
    margin: 5.86667vw 0 0;
  }
}

.brandZone .links li a {
  display: block;
  text-decoration: none;
  transition: opacity 0.3s;
}

.brandZone .links li a:hover {
  opacity: 0.7;
}

.brandZone .links li .img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 5.33333%;
  padding-top: 66.66667%;
  border-radius: 30px;
  box-shadow: 0 3px 56px rgba(0, 0, 0, 0.16);
  position: relative;
}

@media screen and (max-width: 767px) {
  .brandZone .links li .img {
    margin-bottom: 1.06667vw;
    padding-top: 37.33333vw;
    border-radius: 8vw;
    box-shadow: 0 0.8vw 9.6vw rgba(0, 0, 0, 0.16);
    border: 1px solid #fff;
  }
}

.brandZone .links li p {
  color: #707070;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .brandZone .links li p {
    font-size: 4.26667vw;
    line-height: 1.75;
  }
}

.brandZone .links li:nth-child(1) {
  transition-delay: 0s;
}

.brandZone .links li:nth-child(1) .img {
  background-image: url("../images/re_top/brand_img01.png");
}

@media screen and (max-width: 767px) {
  .brandZone .links li:nth-child(1) .img {
    background-image: url("../images/re_top/brand_img01_sp.png");
  }
}

.brandZone .links li:nth-child(2) {
  transition-delay: 0.2s;
}

.brandZone .links li:nth-child(2) .img {
  background-image: url("../images/re_top/brand_img02.png");
}

@media screen and (max-width: 767px) {
  .brandZone .links li:nth-child(2) .img {
    background-image: url("../images/re_top/brand_img02_sp.png");
  }
}

/*--------------------------------------
 News & Topics
---------------------------------------*/
.news_topicsZone {
  background-color: #fff;
  padding: 75px 50px 100px;
}

@media screen and (max-width: 767px) {
  .news_topicsZone {
    padding: 14.66667vw 0 16vw;
  }
}

.news_topicsZone .p-ttlBox1 {
  margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .p-ttlBox1 {
    margin-bottom: 12vw;
  }
}

.news_topicsZone .p-ttlBox1 strong {
  color: inherit;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .p-ttlBox1 strong {
    font-size: 5.86667vw;
  }
}

.news_topicsZone .p-ttlBox1 small {
  color: #707070;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .p-ttlBox1 small {
    font-size: 3.46667vw;
    padding: 1.33333vw 0 0 8em;
  }
}

.news_topicsZone .list.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.news_topicsZone .list.set-anime.show-anime {
  opacity: 1;
}

.news_topicsZone .list li {
  border-bottom: 1px dashed #707070;
}

.news_topicsZone .list li a {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  color: #707070;
  text-decoration: none;
  transition: opacity 0.3s;
}

.news_topicsZone .list li a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .list li a {
    display: block;
    padding: 4vw 0;
  }
}

.news_topicsZone .list li dl {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  margin-right: 32px;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .list li dl {
    margin: 0 0 1.86667vw;
  }
}

.news_topicsZone .list li dl dt {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #707070;
  width: 193px;
  height: 24px;
  margin-right: 20px;
  padding-top: 0.18182em;
  color: #fff;
  font-size: 1.1rem;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .list li dl dt {
    width: 26.66667vw;
    height: 5.33333vw;
    margin-right: 1.6vw;
    font-size: 2.93333vw;
  }
  .news_topicsZone .list .safety {
    width: 26.66667vw;
    /*height: 5.33333vw;*/
	height: 8.33333vw;  
    margin-right: 1.6vw;
    font-size: 2.93333vw;
	padding: 2.5vw;  
  }	
}

.news_topicsZone .list li dl dd {
  width: 100%;
  padding-top: 0.33333em;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .list li dl dd {
    font-size: 3.2vw;
  }
}

.news_topicsZone .list li p {
  width: 100%;
  padding-top: 0.21429em;
  font-size: 1.4rem;
  line-height: 1.42857;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .list li p {
    width: auto;
    padding-top: 0;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 1.5;
  }
}

.news_topicsZone .btns {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.news_topicsZone .btns.set-anime {
  opacity: 0;
  transition-duration: 0.5s;
}

.news_topicsZone .btns.set-anime.show-anime {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .btns {
    justify-content: space-between;
    margin-top: 4vw;
  }
}

.news_topicsZone .btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 40px;
  padding-top: 0.22222em;
  color: #707070;
  font-size: 1.8rem;
  text-decoration: none;
  border: 1px solid #707070;
  border-radius: 100px;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .btns a {
    width: 42.13333vw;
    height: 9.33333vw;
    font-size: 3.2vw;
  }
}

.news_topicsZone .btns a:hover {
  background-color: #707070;
  color: #fff;
}

.news_topicsZone .btns a + a {
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .news_topicsZone .btns a + a {
    margin-left: 0;
  }
}

/*# sourceMappingURL=../../srcmap/common/css/re_top.css.map */




.manabiya-topIntro {
  margin: 40px 0 80px 0;
}
.manabiya-topIntro p {
  font-size: 2rem;
  line-height: 2.25;
  text-align: center;
}
.manabiya-topIntro p em {
  font-weight: bold;
  color: #cc0033;
}
.manabiya-topIntro .news-box {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .manabiya-topIntro .news-box {
    margin-top: 30px;
  }
}
.manabiya-topIntro .news-box .title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .manabiya-topIntro .news-box .title {
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
}
.manabiya-topIntro .news-box ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  max-width: 700px;
  margin: 0 auto;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .manabiya-topIntro .news-box ul {
    width: 100%;
  }
}
.manabiya-topIntro .news-box ul li {
  align-items: center;
  padding: 1em 0;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px dotted #eee;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .manabiya-topIntro .news-box ul li {
    flex-wrap: wrap;
    font-size: 13px;
  }
}
.manabiya-topIntro .news-box ul li:first-of-type {
  border-top: 1px solid #ccc;
}
.manabiya-topIntro .news-box ul li a {
  color: #676969;
  display: flex;
  align-items: center;
}
.manabiya-topIntro .news-box ul li a:hover .date,
.manabiya-topIntro .news-box ul li a:hover .text {
  color: #cc0033;
}
@media screen and (max-width: 767px) {
  .manabiya-topIntro .news-box ul li a {
    flex-wrap: wrap;
  }
}
.manabiya-topIntro .news-box ul li .category {
  margin-right: 15px;
  display: inline-flex;
  padding: 0 0.5em;
  min-width: 100px;
  font-size: 12px;
  background-color: #666;
  color: #fff;
  align-items: center;
  justify-content: center;
  height: 21px;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .manabiya-topIntro .news-box ul li .category {
    font-size: 12px;
    height: 20px;
    width: 100px;
    margin-right: 10px;
  }
}
.manabiya-topIntro .news-box ul li .date {
  display: inline-flex;
  width: 70px;
}
@media screen and (max-width: 767px) {
  .manabiya-topIntro .news-box ul li .text {
    display: block;
    width: 100%;
    padding-top: 0.5em;
  }
}