@font-face {
  font-family: 'YuGothicFix';
  font-weight: 400;
  src: local('Yu Gothic Medium'), local('YuGothic Medium'),
    local('游ゴシック Medium'), local('Yu Gothic');
  font-display: swap;
}

:root {
  --color1: #3cb4c3;
  --color2: #fdf6e3;
  --color3: #f8cfb2;
  --color4: #fdf0d0;
  --color5: #fbe5d5;
  --color6: #fdf6e3;
  --color7: #fff3e6;
  --min-font: 14;
  --max-font: 28;
  --min-width: 375;
  --max-width: 750;
  --jp-sans: 'YuGothicFix',
    'Hiragino Sans', 'Hiragino Kaku Gothic ProN',
    Meiryo, 'Noto Sans CJK JP', 'Noto Sans JP',
    sans-serif;
}

.underwear-school-kids-container,
main.underwear-school-kids,
section {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
}

.underwear-school-kids,
.underwear-school-kids p {
  font-family: var(--jp-sans);
  font-size: 14px;
  line-height: 2.1428;
}

.display-area {
  overflow: visible;
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
}

.content-area {
  overflow: visible;
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1080px;
  margin: 0 auto;
}

section.underwear-school-kids-mainvisual {
  min-height: 400px;
}

.wave-top {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  /*z-index: -1;*/
}

.wave-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.rectangle1 {
  overflow: visible;
  position: absolute;
  top: 330px;
  left: 0;
  right: 0;
  margin: auto;
  width: 938.2266px;
  height: 140px;
  border-radius: 70px;
  background-color: var(--color2);
  filter: drop-shadow(0px 0px 10px rgba(205, 130, 90, 0.5));
}

.rectangle2 {
  overflow: visible;
  position: absolute;
  top: 375px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 25px;
  background-color: var(--color2);
  filter: drop-shadow(0px 0px 10px rgba(205, 130, 90, 0.5));
}

.rectangle3 {
  overflow: visible;
  position: absolute;
  top: 330px;
  left: 0;
  right: 0;
  margin: auto;
  width: 938.2266px;
  height: 140px;
  border-radius: 70px;
  background-color: var(--color2);
}

.image1 {
  overflow: hidden;
  position: absolute;
  top: 130px;
  right: 0;
  width: 277.335px;
  height: auto;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

.title {
  overflow: hidden;
  position: relative;
  width: 729.3919px;
  height: auto;
  padding-top: 115px;
}

.overview {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--color2);
  margin: 136.85px 0 0 0;
}

.slogan {
  overflow: hidden;
  position: relative;
  width: 797.1123px;
  height: auto;
  margin: 0 auto;
  padding-top: 5px;
}

.image2 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 423.5421px;
  /*width(png): 454px;*/
  height: auto;
  margin: 0 auto;
  padding-top: 45px;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

section.underwear-school-kids-nav {
  background-color: var(--color2);
  padding-top: 70px;
}

.nav-area {
  overflow: visible;
  position: relative;
  width: 100%;
  height: auto;
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 0;
  background-color: #fff;
  border-radius: 70px;
  filter: drop-shadow(0px 0px 10px rgba(205, 130, 90, 0.3));
}

ul.nav-list {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

ul.nav-list>li {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 35px;
}

.icon-circle {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.list1 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 559.9927px;
  height: auto;
}

.list2 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 677.0884px;
  height: auto;
}

.list3 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 445.0683px;
  height: auto;
}

.list4 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 282.2005px;
  height: auto;
}

ul.subnav-list {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  margin: 30px auto 5px auto;
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

ul.subnav-list>li {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 17.3256px;
  padding-left: 30px;
  display: flex;
  align-items: center;
}

img.icon-triangle {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 15.6718px;
  height: 17.3256px;
  object-fit: contain;
}

.item1 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 196.6279px;
  height: auto;
}

.item2 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 297.5969px;
  height: auto;
}

.item3 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 168.7144px;
  height: auto;
}

.item4 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 490.5967px;
  height: auto;
}

.wave1 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 53.3758px;
  margin: 125px auto 0 auto;
  object-fit: cover;
  object-position: center;
}

section.underwear-school-kids-product1 {
  background-color: var(--color3);
  padding-top: 70px;
}

.section-heading {
  display: block;
  overflow: hidden;
  position: relative;
  width: 214.3116px;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

.data-area .section-heading {
  filter: none;
}

.section-title {
  margin-bottom: 130px;
}

.text1 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 1049.9844px;
  height: auto;
  padding-top: 35px;
  margin-left: auto;
  margin-right: auto;
}

.column-area {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto 50px auto;
  display: flex;
  justify-content: center;
  gap: 35px;
}

.column {
  overflow: hidden;
  position: relative;
  width: auto;
  height: auto;
}

.image4 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 300px;
  height: auto;
}

.text2 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 420.3568px;
  height: auto;
}

.label-area {
  overflow: hidden;
  position: relative;
  width: 150px;
  height: 35px;
  margin: 40px 0 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(/lp/underwear-school-kids/images/label-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.label1 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 120.9563px;
  height: auto;
}

.label2 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 66.7657px;
  height: auto;
}

.icon-section {
  display: block;
  overflow: hidden;
  position: relative;
  width: 39.9808px;
  height: auto;
  margin: 0 auto;
}

.text3 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 274.1302px;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
}

.description-area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 35px;
}

.text-center {
  text-align: center;
}

.product-area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 40px;
  display: flex;
  justify-content: center;
  gap: 35px;
}

/*
.product-area a {
  width: max-content;
  display: flex;
  justify-content: center;
  gap: 35px;
}
*/

.product-area:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

/*
.product-area a:hover {
  opacity: 1 !important;
}

.product-area a:hover button {
  opacity: 0.8 !important;
}
*/

.product-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 300px;
  height: auto;
}

.product-image img {
  display: block;
  overflow: hidden;
  position: relative;
  width: 300px;
  height: auto;
}

.product-text {
  overflow: hidden;
  position: relative;
  width: auto;
  height: auto;
  padding-top: 10px;
}

.product-text p {
  margin-top: 20px;
}

.product1-slogan {
  display: block;
  overflow: hidden;
  position: relative;
  width: 248.3848px;
  height: auto;
}

.panel-area {
  border-radius: 0;
  overflow: visible;
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

button.detail-button {
  overflow: hidden;
  position: relative;
  width: 300px;
  height: 50px;
  background-color: var(--color1);
  background-image: url(/lp/underwear-school-kids/images/icon-arrow.svg);
  background-size: 9.2279px 19.9754px;
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) center;
  border: solid 1px var(--color1);
  border-radius: 25px;
  box-sizing: border-box;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.senpai-area {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 900px;
  height: 180px;
  margin: 70px auto 120px auto;
  background-color: #fff;
  border: solid 4px var(--color4);
  border-radius: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.senpai-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 211.4958px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.senpai-title {
  display: block;
  overflow: hidden;
  position: relative;
  width: 160.1865px;
  height: auto;
}

.image5 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 211.4958px;
  height: auto;
  margin-top: 15px;
}

.senpai-text {
  overflow: hidden;
  position: relative;
  width: auto;
  height: auto;
  text-align: left;
}

.wave2 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 59.2907px;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
}

section.underwear-school-kids-product2 {
  background-color: var(--color5);
  padding-top: 70px;
}

.image6 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 310px;
  height: auto;
}

.text4 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 354.3568px;
  height: auto;
}

.text5 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 304.9702px;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
}

.product2-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 300px;
  height: auto;
}

.product2-slogan {
  display: block;
  overflow: hidden;
  position: relative;
  width: 197.1734px;
  height: auto;
}

.wave3 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 59.1284px;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
}

section.underwear-school-kids-product3 {
  background-color: var(--color3);
  padding-top: 70px;
}

.image7 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 310px;
  height: auto;
}

.text6 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 321.3568px;
  height: auto;
}

.text7 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 282.947px;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
}

.product3-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 300px;
  height: auto;
}

.product3-slogan {
  display: block;
  overflow: hidden;
  position: relative;
  width: 184.0018px;
  height: auto;
}

.wave4 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 54.0725px;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
}

section.underwear-school-kids-data {
  background-color: #fff;
  padding-top: 140px;
}

.data-area {
  overflow: hidden;
  position: relative;
  width: auto;
  max-width: 980px;
  height: auto;
  padding: 0 50px;
  margin: 0 auto;
  box-sizing: initial;
}

.data-area.overview {
  background-color: var(--color6);
  padding-top: 50px;
  border-radius: 6.875px 6.875px 0 0;
}

.text8 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 976.1855px;
  height: auto;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 15px;
  text-align: center;
}

.text-right {
  text-align: right;
}

.image9 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 165.3149px;
  margin: 0 auto;
  height: auto;
  /* width(png): 196px; */
  /* margin(png): -24px auto 0 auto; */
  /* bottom(png): -16px; */
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

.data-area.data1 {
  background-color: var(--color4);
  padding-top: 70px;
  padding-bottom: 80px;
}

.text9 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 396.6938px;
  height: auto;
  margin: 0 auto;
}

.data-column {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 40px auto 0 auto;
  display: flex;
  justify-content: center;
  gap: 30px;
}

.data-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 550px;
  height: auto;
}

.data-image img {
  display: block;
  overflow: hidden;
  position: relative;
  width: 550px;
  height: auto;
}

.data-text {
  overflow: visible;
  position: relative;
  width: calc(100% - 580px);
  height: auto;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

small {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 25px;
  display: inline-block;
}

.text10 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 613.7891px;
  height: auto;
  margin: 0 auto;
}

.data-area.data2 {
  background-color: var(--color6);
  padding-top: 70px;
  padding-bottom: 80px;
}

.data-image2 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 550px;
  height: auto;
}

.data-area.data3 {
  background-color: var(--color4);
  padding-top: 70px;
  padding-bottom: 80px;
}

.text11 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 339.1237px;
  height: auto;
  margin: 0 auto;
}

.data-image3 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 550px;
  height: auto;
}

.data-area.data4 {
  background-color: var(--color6);
  padding-top: 70px;
  padding-bottom: 80px;
}

.text12 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 590.4814px;
  height: auto;
  margin: 0 auto;
}

.image14 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 173.3202px;
  /* width(png): 205px; */
  /* margin(png): -14px 0 0 -15px; */
  height: auto;
  padding-top: 25px;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

.data-area.data4 .data-text p {
  padding-top: 165px;
}

section.underwear-school-kids-product4 {
  padding-bottom: 180px;
}

section.underwear-school-kids-product4 a {
  display: block;
  margin: 0 auto;
}

.data-area.product {
  background-color: var(--color6);
  border-radius: 0 0 6.875px 6.875px;
  padding-bottom: 80px;
  margin: 0 auto;
}

.product-innner {
  overflow: visible;
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 0 40px 0;
  margin: 35px auto 0 auto;
  background-color: #fff;
  border-radius: 70px;
  max-width: 900px;
}

.product-innner > a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.product-innner > a:hover .product-area {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.product-margin {
  max-width: 900px;
  margin-top: 85px;
}

.product-innner .icon-section {
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  margin: auto;
}

.text13 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 450.5388px;
  height: auto;
  margin: 0 auto;
  padding-top: 10px;
}

.product4-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 300px;
  height: auto;
}

.product4-slogan {
  display: block;
  overflow: hidden;
  position: relative;
  width: 270.9385px;
  height: auto;
}

.message1 {
  overflow: visible;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 70px;
  max-width: 900px;
}

.text14 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 557.1123px;
  height: auto;
  margin: 0 auto;
}

.message-image {
  overflow: visible;
  position: static;
  width: 100%;
  height: auto;
}

.image15 {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 104.9069px;
  /* width(png): 135px; */
  height: auto;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

.image16 {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 96.2976px;
  /* width(png): 127px; */
  height: auto;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

.data-area.product .senpai-area {
  margin-bottom: 0;
}

section.underwear-school-kids-reason {
  background-color: var(--color3);
  padding-top: 50px;
}

.text15 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 834.4978px;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
}

ul.reason-list {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 80px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

ul.reason-list li {
  overflow: hidden;
  position: relative;
  width: 250px;
  height: auto;
  text-align: center;
}

.reason-area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 48.074px;
  background-image: url(/lp/underwear-school-kids/images/reason-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}

img.reason1 {
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  margin: auto;
  width: 46.9199px;
  height: auto;
}

img.reason2 {
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  margin: auto;
  width: 50.6641px;
  height: auto;
}

img.reason3 {
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  margin: auto;
  width: 50.9287px;
  height: auto;
}

.reason-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 50%;
}

.reason-title {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 60px;
  margin: 35px auto 30px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reason1-title {
  overflow: hidden;
  position: relative;
  width: 90.3017px;
  height: auto;
  margin: 0 auto;
}

.reason2-title {
  overflow: hidden;
  position: relative;
  width: 166.4531px;
  height: auto;
  margin: 0 auto;
}

.reason3-title {
  overflow: hidden;
  position: relative;
  width: 235.912px;
  height: auto;
  margin: 0 auto;
}

.message2 {
  overflow: visible;
  position: relative;
  width: 100%;
  height: auto;
  margin: 70px auto 220px auto;
}

.hr {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 900px;
  height: 5px;
  background-color: var(--color7);
  margin: 0 auto;
}

.text16 {
  display: block;
  overflow: hidden;
  position: relative;
  width: 725.4004px;
  height: auto;
  margin: 20px auto;
}

.image18 {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 165.0619px;
  height: auto;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

.senpai-bg {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.wave5 {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 295px;
  object-fit: cover;
  object-position: center;
  filter: drop-shadow(0px -4px 12px rgba(0, 0, 0, 0.12));
}

section.underwear-school-kids-reason .senpai-image {
  margin: 0 auto;
}

section.underwear-school-kids-footer {
  background-color: var(--color2);
  padding-top: 15px;
}

.footer-area {
  overflow: visible;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 45px 60px;
}

.footer-panel1 {
  overflow: visible;
  position: relative;
  width: 420px;
  height: 266px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.857;
}

.footer-panel1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  filter:
    drop-shadow(2px 2px 0 var(--color4)) drop-shadow(-2px 2px 0 var(--color4)) drop-shadow(2px -2px 0 var(--color4)) drop-shadow(-2px -2px 0 var(--color4));
  background-image: url(/lp/underwear-school-kids/images/footer-panel1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.footer-panel1 p {
  position: relative;
  z-index: 1;
}

.footer-panel2 {
  overflow: visible;
  position: relative;
  width: 420px;
  height: 265px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.857;
}

.footer-panel2::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  filter:
    drop-shadow(2px 2px 0 var(--color4)) drop-shadow(-2px 2px 0 var(--color4)) drop-shadow(2px -2px 0 var(--color4)) drop-shadow(-2px -2px 0 var(--color4));
  background-image: url(/lp/underwear-school-kids/images/footer-panel2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.footer-panel2 p {
  position: relative;
  z-index: 1;
}

.footer-panel3 {
  overflow: visible;
  position: relative;
  width: 478.9766px;
  height: 157.3259px;
  /* width(png): 510px; */
  /* height(png): 188px; */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  line-height: 1.857;
}

.footer-panel3::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
  background-image: url(/lp/underwear-school-kids/images/footer-panel3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.footer-panel3 p {
  position: relative;
  z-index: 1;
  margin-top: 1.5em;
}

.footer-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 416.6741px;
  margin: 0 auto;
  /* width(png): 447px; */
  /* margin(png): -24px auto -14px auto; */
  height: auto;
  filter: drop-shadow(0px 0px 5px rgba(205, 130, 90, 0.5));
}

section.underwear-school-kids-recommend {
  background-color: #fff;
  padding-top: 120px;
  padding-bottom: 150px;
}

.footer-bg {
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  width: 872.168px;
  height: auto;
}

.recommend-title {
  display: block;
  overflow: hidden;
  position: relative;
  width: 529.1214px;
  height: auto;
  margin: 0 auto;
}

ul.recommend-list {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 45px;
  display: flex;
  justify-content: space-between;
}

ul.recommend-list li {
  overflow: hidden;
  position: relative;
  width: 330px;
  height: 245px;
  margin: 0 auto;
}

.recommend-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.fade-up {
  opacity: 0 !important;
  transform: scale(0.91) translate3d(0, 22px, 0) !important;
  transition: all 1.5s ease;
}

.fade-up.show {
  opacity: 1 !important;
  transform: scale(1) translate3d(0, 0, 0) !important;
}

.palt {
  font-feature-settings: "palt";
}

.palt-pc {
  font-feature-settings: "palt";
}

.palt-sp {
  font-feature-settings: normal;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

p.page-Campaign_Price {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .palt-pc {
    font-feature-settings: normal;
  }

  .palt-sp {
    font-feature-settings: "palt";
  }

  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  /*html {
    font-size: clamp(var(--min-font) * 1px,
        calc((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - var(--min-width) * 1px) / (var(--max-width) - var(--min-width)))),
        var(--max-font) * 1px);
  }*/

  body {
    font-feature-settings: normal;
  }

  .underwear-school-kids, .underwear-school-kids p {
    font-size: calc(14 / var(--min-font) * 14px);
    line-height: 1.6;
  }

  .content-area {
    max-width: calc(335 / var(--min-font) * 14px);
  }

  .wave-top {
    height: calc(365 / var(--min-font) * 14px);
  }

  img.image1 {
    top: calc(40 / var(--min-font) * 14px);
    left: 0;
    right: 0;
    margin: auto;
    width: calc(208.0012 / var(--min-font) * 14px);
    height: auto;
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(0, 0, 0, 0.4));
  }

  .title {
    width: calc(305.0154 / var(--min-font) * 14px);
    padding-top: calc(155 / var(--min-font) * 14px);
  }

  .rectangle1 {
    border-radius: 50px;
    top: calc(330 / var(--min-font) * 14px);
    width: calc(335 / var(--min-font) * 14px);
    height: calc(140 / var(--min-font) * 14px);
    filter: drop-shadow(0px 0px calc(7 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  .rectangle2 {
    top: calc(365 / var(--min-font) * 14px);
    height: calc(25 / var(--min-font) * 14px);
    filter: drop-shadow(0px 0px calc(7 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  .rectangle3 {
    border-radius: 50px;
    top: calc(330 / var(--min-font) * 14px);
    width: calc(335 / var(--min-font) * 14px);
    height: calc(140 / var(--min-font) * 14px);
  }

  .overview {
    margin: calc(72.796 / var(--min-font) * 14px) 0 0 0;
  }

  .slogan {
    width: calc(338.5229 / var(--min-font) * 14px);
    padding-top: calc(5 / var(--min-font) * 14px);
  }

  .image2 {
    width: calc(330.3629 / var(--min-font) * 14px);
    padding-top: calc(35 / var(--min-font) * 14px);
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  .nav-area {
    border-radius: 50px;
    padding: calc(40 / var(--min-font) * 14px) 0;
    filter: drop-shadow(0px 0px calc(6 / var(--min-font) * 14px) rgba(205, 130, 90, 0.3));
  }

  ul.nav-list {
    max-width: calc(285 / var(--min-font) * 14px);
    gap: calc(25 / var(--min-font) * 14px);
  }

  ul.nav-list>li {
    padding-left: calc(26.5 / var(--min-font) * 14px);
  }

  ul.nav-list>li::before {
    width: calc(16.5 / var(--min-font) * 14px);
    height: calc(16.5 / var(--min-font) * 14px);
  }

  ul.subnav-list {
    margin: calc(25 / var(--min-font) * 14px) auto 0 auto;
    padding-left: calc(20 / var(--min-font) * 14px);
  }

  .subnav-list>li::before {
    width: calc(11.7538 / var(--min-font) * 14px);
    height: calc(12.9942 / var(--min-font) * 14px);
  }

  img.icon-circle {
    width: calc(16.5 / var(--min-font) * 14px);
    height: calc(16.5 / var(--min-font) * 14px);
  }

  .list1 {
    width: calc(257.9956 / var(--min-font) * 14px);
  }

  .list2 {
    width: calc(211.5891 / var(--min-font) * 14px);
  }

  .list3 {
    width: calc(210.9917 / var(--min-font) * 14px);
  }

  .list4 {
    width: calc(211.6533 / var(--min-font) * 14px);
  }

  .item1 {
    width: calc(172.0508 / var(--min-font) * 14px);
  }

  .item2 {
    width: calc(192.8799 / var(--min-font) * 14px);
  }

  .item3 {
    width: calc(147.6259 / var(--min-font) * 14px);
  }

  .item4 {
    width: calc(178.4427 / var(--min-font) * 14px);
  }

  img.wave1 {
    height: calc(16 / var(--min-font) * 14px);
    margin: calc(100 / var(--min-font) * 14px) auto 0 auto;
  }

  section.underwear-school-kids-product1 {
    padding-top: calc(70 / var(--min-font) * 14px);
  }

  img.section-heading {
    width: calc(160.7337 / var(--min-font) * 14px);
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  .section-title {
    margin-bottom: calc(50 / var(--min-font) * 14px);
  }

  .text1 {
    width: calc(282.6225 / var(--min-font) * 14px);
    padding-top: calc(20 / var(--min-font) * 14px);
  }

  .column-area {
    margin: 0 auto calc(30 / var(--min-font) * 14px) auto;
    gap: calc(30 / var(--min-font) * 14px);
    flex-direction: column;
  }

  img.image4 {
    width: calc(235 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  img.text2 {
    width: calc(305.7129 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  .label-area {
    background-image: url(/lp/underwear-school-kids/images/label-bg-sp.svg);
    width: calc(140 / var(--min-font) * 14px);
    height: calc(28 / var(--min-font) * 14px);
    margin: calc(30 / var(--min-font) * 14px) 0 calc(7 / var(--min-font) * 14px) 0;
  }

  img.label1 {
    width: 107.5183px;
  }

  img.label2 {
    width: 59.3492px;
  }

  .panel-area {
    border-radius: 50px;
    overflow: visible;
    position: relative;
    width: auto;
    height: auto;
    /* margin: calc(50 / var(--min-font) * 14px) auto 0 auto; */
    margin: calc(60 / var(--min-font) * 14px) auto 0 auto;
    padding: calc(40 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px);
    background-color: #fff;
  }

  .panel-area .icon-section {
    display: block;
    overflow: hidden;
    position: absolute;
    width: calc(29.9856 / var(--min-font) * 14px);
    height: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(-25 / var(--min-font) * 14px);
  }

  img.text3 {
    width: calc(205.6009 / var(--min-font) * 14px);
    padding-top: calc(5 / var(--min-font) * 14px);
  }

  img.text7 {
    width: calc(212.2129 / var(--min-font) * 14px);
  }

  .description-area {
    padding-top: calc(20 / var(--min-font) * 14px);
  }

  .description-area p {
    text-align: left;
  }

  .product-area {
    padding-top: calc(30 / var(--min-font) * 14px);
    gap: calc(30 / var(--min-font) * 14px);
    flex-direction: column;
  }

  .product-area a {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: calc(30 / var(--min-font) * 14px);
    flex-direction: column;
  }

  .product-image {
    width: auto;
  }

  .product-image img {
    width: calc(235 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  .product-text {
    padding-top: 0;
    text-align: center;
  }

  img.product1-slogan {
    width: calc(212.9087 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  button.detail-button {
    width: calc(270 / var(--min-font) * 14px);
    height: calc(45 / var(--min-font) * 14px);
    background-size: calc(9.2279 / var(--min-font) * 14px) calc(19.9754 / var(--min-font) * 14px);
    background-position: calc(100% - 30px) center;
    border-radius: calc(25 / var(--min-font) * 14px);
    padding: calc(10 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px);
    font-size: calc(16 / var(--min-font) * 14px);
    margin-top: calc(20 / var(--min-font) * 14px);
    margin-left: auto;
    margin-right: auto;
  }

  .senpai-area {
    border-radius: 50px;
    width: auto;
    height: auto;
    margin: calc(30 / var(--min-font) * 14px) auto calc(75 / var(--min-font) * 14px) auto;
    border: solid calc(4 / var(--min-font) * 14px) var(--color4);
    gap: calc(30 / var(--min-font) * 14px);
    padding: calc(40 / var(--min-font) * 14px) calc(15 / var(--min-font) * 14px);
    flex-direction: column;
  }

  img.senpai-image {
    width: calc(211.4958 / var(--min-font) * 14px);
  }

  img.image5 {
    width: calc(211.4958 / var(--min-font) * 14px);
    margin-top: calc(15 / var(--min-font) * 14px);
  }

  img.senpai-title {
    width: calc(160.1865 / var(--min-font) * 14px);
    height: auto;
  }

  .senpai-text {
    text-align: center;
  }

  img.wave2 {
    height: calc(18 / var(--min-font) * 14px);
    bottom: calc(-5 / var(--min-font) * 14px);
  }

  section.underwear-school-kids-product2 {
    padding-top: calc(70 / var(--min-font) * 14px);
  }

  img.image6 {
    width: calc(235 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  img.text4 {
    width: calc(257.4133 / var(--min-font) * 14px);
    height: auto;
    margin: 0 auto;
  }

  img.text5 {
    width: calc(228.7294 / var(--min-font) * 14px);
    padding-top: calc(5 / var(--min-font) * 14px);
  }

  img.product2-slogan {
    width: calc(169.0128 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  img.wave3 {
    height: calc(18 / var(--min-font) * 14px);
    bottom: calc(-5 / var(--min-font) * 14px);
  }

  img.image7 {
    width: calc(235 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  img.text6 {
    width: calc(229.345 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  img.product3-slogan {
    width: calc(157.7226 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  img.wave4 {
    height: calc(20 / var(--min-font) * 14px);
    bottom: calc(-3 / var(--min-font) * 14px);
  }

  section.underwear-school-kids-data {
    padding-top: 0;
  }

  section.underwear-school-kids-data .content-area {
    max-width: 100%;
  }

  .data-area.overview {
    padding: calc(70 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px) 0 calc(20 / var(--min-font) * 14px);
    margin: calc(100 / var(--min-font) * 14px) 0 0 0;
  }

  .text8 {
    width: calc(279.9816 / var(--min-font) * 14px);
    padding-top: calc(10 / var(--min-font) * 14px);
    padding-bottom: calc(10 / var(--min-font) * 14px);
  }

  .data-area.overview p.text-right {
    text-align: center;
  }

  img.image9 {
    width: calc(123.9862 / var(--min-font) * 14px);
    margin: calc(15 / var(--min-font) * 14px) auto 0 auto;
    /* width(png): 134 / var(--min-font) * 14px); */
    /* margin(png): 0 auto; */
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  section.underwear-school-kids-reason {
    padding-top: calc(50 / var(--min-font) * 14px);
  }

  .data-area.data1 {
    padding: calc(60 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px);
  }

  img.text9 {
    width: calc(288.5049 / var(--min-font) * 14px);
  }

  .data-column {
    margin-top: calc(35 / var(--min-font) * 14px);
    gap: calc(30 / var(--min-font) * 14px);
    flex-direction: column;
  }

  .data-image {
    width: 100%;
  }

  .data-image img {
    width: 100%;
  }

  .data-text {
    width: 100%;
  }

  small {
    font-size: calc(11 / var(--min-font) * 14px);
    margin-top: calc(14 / var(--min-font) * 14px);
  }

  .data-area.data2 {
    padding: calc(60 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px);
  }

  img.text10 {
    width: calc(234.1742 / var(--min-font) * 14px);
  }

  .data-image2 {
    width: 100%;
  }

  .data-area.data3 {
    padding: calc(60 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px);
  }

  img.text11 {
    width: calc(246.6347 / var(--min-font) * 14px);
  }

  .data-image3 {
    width: 100%;
  }

  .data-area.data4 {
    padding: calc(60 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px) calc(30 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px);
  }

  .text12 {
    width: calc(304.5615 / var(--min-font) * 14px);
  }

  .data-area.data4 .data-text {
    overflow: visible;
    flex-direction: initial;
  }

  .data-area.data4 .data-text p {
    padding-top: 0;
  }

  img.image14 {
    width: calc(129.9901 / var(--min-font) * 14px);
    /* width(png): 140 / var(--min-font) * 14px); */
    /* margin(png): calc(-6 / var(--min-font) * 14px) calc(-6 / var(--min-font) * 14px) 0 calc(4 / var(--min-font) * 14px); */
    padding-top: 0;
    top: calc(-10 / var(--min-font) * 14px);
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  section.underwear-school-kids-product4 {
    padding-bottom: calc(100 / var(--min-font) * 14px);
  }

  section.underwear-school-kids-product4 .content-area {
    max-width: 100%;
  }

  .data-area.product {
    margin: 0 auto;
    padding: 0 calc(20 / var(--min-font) * 14px) calc(60 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px);
  }

  .product-innner {
    padding: calc(50 / var(--min-font) * 14px) 0 calc(40 / var(--min-font) * 14px) 0;
    margin: calc(35 / var(--min-font) * 14px) auto 0 auto;
    border-radius: calc(50 / var(--min-font) * 14px);
  }

  .product-innner .icon-section {
    top: calc(-25 / var(--min-font) * 14px);
    width: calc(29.9856 / var(--min-font) * 14px);
  }

  .panel-area .product-innner {
    padding: 0;
    margin: 0;
    border-radius: calc(50 / var(--min-font) * 14px);
  }

  .panel-area .product-innner .icon-section {
    top: calc(-70 / var(--min-font) * 14px);
    width: calc(29.9856 / var(--min-font) * 14px);
  }

  .text13 {
    width: calc(175.7716 / var(--min-font) * 14px);
    padding-top: 0;
  }

  section.underwear-school-kids-product4 .description-area {
    width: auto;
    padding: calc(20 / var(--min-font) * 14px) calc(20 / var(--min-font) * 14px) 0 calc(20 / var(--min-font) * 14px);
  }

  img.product4-slogan {
    width: calc(232.241 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  .message1 {
    padding-top: calc(50 / var(--min-font) * 14px);
  }

  .text14 {
    width: calc(305.3013 / var(--min-font) * 14px);
  }

  .message-image {
    position: relative;
    margin: calc(20 / var(--min-font) * 14px) 0 0 0;
    display: flex;
    justify-content: center;
    gap: calc(25 / var(--min-font) * 14px);
    /* gap(png): 10 / var(--min-font) * 14px); */
  }

  img.image15 {
    position: relative;
    bottom: auto;
    left: auto;
    width: calc(78.6802 / var(--min-font) * 14px);
    /* width(png): 88 / var(--min-font) * 14px); */
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  img.image16 {
    position: relative;
    bottom: auto;
    right: auto;
    width: calc(72.2232 / var(--min-font) * 14px);
    /* width(png): 82 / var(--min-font) * 14px); */
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  .text15 {
    width: calc(309.2783 / var(--min-font) * 14px);
    padding-top: calc(10 / var(--min-font) * 14px);
  }

  ul.reason-list {
    width: 100%;
    padding-top: calc(50 / var(--min-font) * 14px);
    gap: calc(50 / var(--min-font) * 14px);
    flex-direction: column;
  }

  ul.reason-list li {
    width: 100%;
  }

  img.reason-image {
    width: calc(235 / var(--min-font) * 14px);
    height: calc(235 / var(--min-font) * 14px);
    margin: 0 auto;
  }

  .reason-title {
    height: auto;
    margin: calc(25 / var(--min-font) * 14px) auto;
  }

  img.reason1-title {
    width: calc(67.729 / var(--min-font) * 14px);
  }

  img.reason2-title {
    width: calc(124.8437 / var(--min-font) * 14px);
  }

  img.reason3-title {
    width: calc(176.9371 / var(--min-font) * 14px);
  }

  .message2 {
    overflow: visible;
    margin: calc(70 / var(--min-font) * 14px) auto calc(70 / var(--min-font) * 14px) auto;
  }

  .text16 {
    width: calc(336.254 / var(--min-font) * 14px);
    margin: calc(14 / var(--min-font) * 14px) auto;
  }

  img.image18 {
    top: calc(165 / var(--min-font) * 14px);
    bottom: auto;
    margin: 0;
    width: calc(123.7965 / var(--min-font) * 14px);
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
    z-index: 1;
  }

  .senpai-bg {
    margin: calc(165 / var(--min-font) * 14px) auto 0 auto;
    background-color: var(--color2);
  }

  img.wave5 {
    bottom: calc(56 / var(--min-font) * 14px);
    height: calc(100 / var(--min-font) * 14px);
    filter: drop-shadow(0px 0px calc(7 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
  }

  section.underwear-school-kids-reason {
    overflow: visible;
  }

  section.underwear-school-kids-reason .senpai-bg {
    overflow: visible;
  }

  section.underwear-school-kids-reason .senpai-image {
    bottom: calc(-20 / var(--min-font) * 14px);
    z-index: 1;
  }

  section.underwear-school-kids-footer {
    padding-top: calc(30 / var(--min-font) * 14px);
  }

  section.underwear-school-kids-footer .content-area {
    max-width: 100%;
  }

  .footer-area {
    display: block;
  }

  .footer-panel1 {
    width: calc(334.622 / var(--min-font) * 14px);
    height: calc(263.0117 / var(--min-font) * 14px);
    margin: calc(10 / var(--min-font) * 14px) auto calc(30 / var(--min-font) * 14px) auto;
    display: block;
    line-height: 1.6;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer-panel1::before {
    width: calc(334.622 / var(--min-font) * 14px);
    height: calc(263.0117 / var(--min-font) * 14px);
    margin: 0 auto;
    filter: drop-shadow(calc(2 / var(--min-font) * 14px) calc(2 / var(--min-font) * 14px) 0 var(--color4)) drop-shadow(calc(-2 / var(--min-font) * 14px) calc(2 / var(--min-font) * 14px) 0 var(--color4)) drop-shadow(calc(2 / var(--min-font) * 14px) calc(-2 / var(--min-font) * 14px) 0 var(--color4)) drop-shadow(calc(-2 / var(--min-font) * 14px) calc(-2 / var(--min-font) * 14px) 0 var(--color4));
    background-image: url(/lp/underwear-school-kids/images/footer-panel1-sp.svg);
  }

  .footer-panel2 {
    width: calc(334.622 / var(--min-font) * 14px);
    height: calc(219.3004 / var(--min-font) * 14px);
    margin: calc(10 / var(--min-font) * 14px) auto calc(20 / var(--min-font) * 14px) auto;
    display: block;
    line-height: 1.6;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer-panel2::before {
    width: calc(334.622 / var(--min-font) * 14px);
    height: calc(219.3004 / var(--min-font) * 14px);
    margin: 0 auto;
    filter: drop-shadow(calc(2 / var(--min-font) * 14px) calc(2 / var(--min-font) * 14px) 0 var(--color4)) drop-shadow(calc(-2 / var(--min-font) * 14px) calc(2 / var(--min-font) * 14px) 0 var(--color4)) drop-shadow(calc(2 / var(--min-font) * 14px) calc(-2 / var(--min-font) * 14px) 0 var(--color4)) drop-shadow(calc(-2 / var(--min-font) * 14px) calc(-2 / var(--min-font) * 14px) 0 var(--color4));
    background-image: url(/lp/underwear-school-kids/images/footer-panel2-sp.svg);
  }

  .footer-panel3 {
    width: 100%;
    height: calc(162.9097 / var(--min-font) * 14px);
    display: block;
    line-height: 1.6;
  }

  .footer-panel3::before {
    filter: drop-shadow(0px 0px calc(3 / var(--min-font) * 14px) rgba(205, 130, 90, 0.6));
    background-image: url(/lp/underwear-school-kids/images/footer-panel3-sp.svg);
  }

  .footer-area p {
    padding: 0;
  }

  .footer-panel3 p {
    padding: 1rem 0 4rem 0;
    margin-top: 1rem;
  }

  img.footer-image {
    width: calc(312.5055 / var(--min-font) * 14px);
    margin: 0 auto;
    /* margin(png): calc(-2 / var(--min-font) * 14px) auto calc(-10 / var(--min-font) * 14px) auto; */
  }

  img.footer-bg {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    margin: calc(20 / var(--min-font) * 14px) auto calc(20 / var(--min-font) * 14px) auto;
    width: calc(160.4103 / var(--min-font) * 14px);
    height: auto;
  }

  section.underwear-school-kids-recommend {
    padding-top: calc(100 / var(--min-font) * 14px);
    padding-bottom: calc(150 / var(--min-font) * 14px);
  }

  .recommend-title {
    width: calc(246.9529 / var(--min-font) * 14px);
  }

  ul.recommend-list {
    padding-top: calc(40 / var(--min-font) * 14px);
    flex-direction: column;
    gap: calc(25 / var(--min-font) * 14px);
  }
}