/* Simple CSS Reset */
.p-mainPage div,
.p-mainPage span,
.p-mainPage applet,
.p-mainPage object,
.p-mainPage iframe,
.p-mainPage h1,
.p-mainPage h2,
.p-mainPage h3,
.p-mainPage h4,
.p-mainPage h5,
.p-mainPage h6,
.p-mainPage p,
.p-mainPage blockquote,
.p-mainPage pre,
.p-mainPage a,
.p-mainPage abbr,
.p-mainPage acronym,
.p-mainPage address,
.p-mainPage big,
.p-mainPage cite,
.p-mainPage code,
.p-mainPage del,
.p-mainPage dfn,
.p-mainPage em,
.p-mainPage img,
.p-mainPage ins,
.p-mainPage kbd,
.p-mainPage q,
.p-mainPage s,
.p-mainPage samp,
.p-mainPage small,
.p-mainPage strike,
.p-mainPage strong,
.p-mainPage sub,
.p-mainPage sup,
.p-mainPage tt,
.p-mainPage var,
.p-mainPage b,
.p-mainPage u,
.p-mainPage i,
.p-mainPage center,
.p-mainPage dl,
.p-mainPage dt,
.p-mainPage dd,
.p-mainPage ol,
.p-mainPage ul,
.p-mainPage li,
.p-mainPage fieldset,
.p-mainPage form,
.p-mainPage label,
.p-mainPage legend,
.p-mainPage table,
.p-mainPage caption,
.p-mainPage tbody,
.p-mainPage tfoot,
.p-mainPage thead,
.p-mainPage tr,
.p-mainPage th,
.p-mainPage td,
.p-mainPage article,
.p-mainPage aside,
.p-mainPage canvas,
.p-mainPage details,
.p-mainPage embed,
.p-mainPage figure,
.p-mainPage figcaption,
.p-mainPage footer,
.p-mainPage header,
.p-mainPage hgroup,
.p-mainPage menu,
.p-mainPage nav,
.p-mainPage output,
.p-mainPage ruby,
.p-mainPage section,
.p-mainPage summary,
.p-mainPage time,
.p-mainPage mark,
.p-mainPage audio,
.p-mainPage video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}



.p-mainPage {
  font-family:"Times New Roman","Arial","Segoe UI", "Roboto", "Helvetica Neue", system-ui,-apple-system,BlinkMacSystemFont,
	"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;
  font-optical-sizing: auto;
}/*# sourceMappingURL=main.css.map */

.p-mainPage .wrapper {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.p-mainPage .wrapper .sect1 {
  font-weight: bold;
  position: relative;
}
.p-mainPage .wrapper .sect1-bg {
  width: 100%;
}
.p-mainPage .wrapper .sect1-info .rightInfo {
  --unit: calc(110px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 20 / 100);
  line-height: 1.5;
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  white-space: nowrap;
  writing-mode: vertical-rl;
  background: linear-gradient(120deg, #ffe600, white);
  background: -webkit-linear-gradient(120deg, #ffe600, white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect1-info .rightSubInfo {
  --unit: calc(58px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  position: absolute;
  top: 49%;
  right: 18%;
  transform: translateY(-50%);
  white-space: nowrap;
  writing-mode: vertical-rl;
  background: linear-gradient(120deg, #ffe600, white);
  background: -webkit-linear-gradient(120deg, #ffe600, white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect1-info .point {
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  color: #673a15;
  text-align: center;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 78%;
}
.p-mainPage .wrapper .sect1-info .point-1 {
  left: 16%;
}
.p-mainPage .wrapper .sect1-info .point-2 {
  left: 38.8%;
}
.p-mainPage .wrapper .sect1-info .point-3 {
  left: 62%;
}
.p-mainPage .wrapper .sect2 {
  position: relative;
}
.p-mainPage .wrapper .sect2-bg {
  width: 100%;
}
.p-mainPage .wrapper .sect2-info .section-title {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 4%;
  left: 50%;
  transform: translateX(-50%);
  gap: calc(16px * var(--wrapper-scale));
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  font-weight: bold;
}
.p-mainPage .wrapper .sect2-info .section-title .title-1 {
  --unit: calc(60px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
}
.p-mainPage .wrapper .sect2-info .section-title .title-2 {
  --unit: calc(96px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
}
.p-mainPage .wrapper .sect2-info .info-1 {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 23%;
  right: 3%;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  gap: calc(16px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect2-info .info-1-1 {
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  color: white;
}
.p-mainPage .wrapper .sect2-info .info-1-2 {
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.p-mainPage .wrapper .sect2-info .info-2 {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 37.25%;
  right: 3%;
  width: 73%;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  color: white;
}
.p-mainPage .wrapper .sect2-info .info-3 {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 52%;
  left: 3%;
  width: 94%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: calc(16px * var(--wrapper-scale));
  padding: calc(56px * var(--wrapper-scale));
  gap: calc(48px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect2-info .info-3-title {
  --unit: calc(60px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  font-weight: bold;
}
.p-mainPage .wrapper .sect2-info .info-3-1, .p-mainPage .wrapper .sect2-info .info-3-2, .p-mainPage .wrapper .sect2-info .info-3-3 {
  display: flex;
  align-items: center;
  gap: calc(32px * var(--wrapper-scale));
  width: 85%;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect2-info .info-3-1-img, .p-mainPage .wrapper .sect2-info .info-3-2-img, .p-mainPage .wrapper .sect2-info .info-3-3-img {
  width: 25%;
}
.p-mainPage .wrapper .sect2-info .info-3-1-content, .p-mainPage .wrapper .sect2-info .info-3-2-content, .p-mainPage .wrapper .sect2-info .info-3-3-content {
  color: white;
  --unit: calc(42px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect3 {
  position: relative;
}
.p-mainPage .wrapper .sect3-bg {
  width: 100%;
}
.p-mainPage .wrapper .sect3-info .section-title {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 2.5%;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  font-weight: bold;
}
.p-mainPage .wrapper .sect3-info .section-title .main-title {
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.p-mainPage .wrapper .sect3-info .section-title .main-title .hightline {
  --unit: calc(88px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect3-info .section-title .sub-title {
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
  color: white;
}
.p-mainPage .wrapper .sect3-info .info-group {
  position: absolute;
  color: white;
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  text-align: center;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(16px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect3-info .info-group .img {
  width: calc(400px * var(--wrapper-scale));
  border-radius: 50%;
  overflow: hidden;
}
.p-mainPage .wrapper .sect3-info .info3-1 {
  top: 15.3%;
  right: 3.4%;
}
.p-mainPage .wrapper .sect3-info .info3-2 {
  top: 20.9%;
  left: 7%;
}
.p-mainPage .wrapper .sect3-info .info3-3 {
  top: 43.8%;
  right: 2.5%;
}
.p-mainPage .wrapper .sect3-info .info3-4 {
  top: 49.4%;
  left: 4.3%;
}
.p-mainPage .wrapper .sect3-info .info3-5 {
  top: 71.6%;
  right: 22.5%;
}
.p-mainPage .wrapper .sect4 {
  position: relative;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container {
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  width: 94%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(64px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .top-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: calc(32px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .top-group .section-title {
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  --unit: calc(96px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
  font-weight: bold;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .top-group .info-group {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  color: white;
  text-align: center;
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  border-radius: calc(16px * var(--wrapper-scale));
  padding: calc(32px * var(--wrapper-scale)) calc(16px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .top-group .info-group .content {
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: calc(32px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .group-title {
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .group-desc {
  color: white;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
  text-align: center;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .table-group {
  display: flex;
  gap: calc(32px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .table-group .table-item {
  background-color: rgba(255, 255, 255, 0.3);
  color: white;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(32px * var(--wrapper-scale)) calc(16px * var(--wrapper-scale));
  border-radius: calc(16px * var(--wrapper-scale));
  gap: calc(32px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .table-group .table-item .item-title {
  text-align: center;
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .table-group .table-item .item-img {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  justify-content: center;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .table-group .table-item .item-desc {
  text-align: center;
  white-space: nowrap;
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .table-group .table-item .item-desc .about {
  --unit: calc(24px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .table-group .table-item .item-desc .hint {
  --unit: calc(16px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .hint-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .middle-group .hint-group .hint-item {
  color: white;
  --unit: calc(16px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: calc(16px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .talk-group {
  display: flex;
  gap: calc(32px * var(--wrapper-scale));
  width: 80%;
  position: relative;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .talk-group .talk-item {
  width: 50%;
  position: relative;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .talk-group .talk-item .talk-bg {
  width: 100%;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .talk-group .talk-item .talk-content {
  position: absolute;
  z-index: 2;
  top: 15%;
  width: 100%;
  height: 100%;
  color: white;
  text-align: center;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .talk-group .talk-item-1 .talk-bg {
  transform: scaleX(-1);
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .group-sub-title {
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
  color: white;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .group-title {
  font-weight: bold;
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .group-title .percent {
  --unit: calc(72px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .product {
  width: 30%;
}
.p-mainPage .wrapper .sect4 .sect4-info .section-container .bottom-group .product-desc {
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
  color: white;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .point-sect {
  position: relative;
  padding: calc(182px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale)) calc(16px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale));
  background-color: #efefef;
}
.p-mainPage .wrapper .point-sect .point-title {
  width: calc(300px * var(--wrapper-scale));
  height: calc(300px * var(--wrapper-scale));
  background-color: #264fbf;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: calc(32px * var(--wrapper-scale));
  left: 50%;
  transform: translateX(-50%);
  padding-top: 5%;
  font-weight: bold;
}
.p-mainPage .wrapper .point-sect .point-title .point, .p-mainPage .wrapper .point-sect .point-title .num {
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .point-sect .point-title .point {
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .point-sect .point-title .num {
  --unit: calc(100px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  line-height: 1;
}
.p-mainPage .wrapper .point-sect .point-container {
  display: flex;
  flex-direction: column;
  background-color: #264fbf;
  border-radius: calc(16px * var(--wrapper-scale));
  padding: calc(72px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale)) calc(32px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale));
  gap: calc(24px * var(--wrapper-scale));
}
.p-mainPage .wrapper .point-sect .point-container .sect-title {
  --unit: calc(60px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  text-align: center;
  font-weight: bold;
}
.p-mainPage .wrapper .point-sect .point-container .sect-info {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: calc(16px * var(--wrapper-scale));
  padding: calc(32px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale));
  gap: calc(16px * var(--wrapper-scale));
}
.p-mainPage .wrapper .point-sect .point-container .sect-info .info {
  color: white;
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .point-sect .point-container .sect-info .info .hightline {
  color: #ffe600;
  font-weight: bold;
}
.p-mainPage .wrapper .point-sect .point-container .sect-info .info-img {
  border-radius: calc(16px * var(--wrapper-scale));
  overflow: hidden;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .point-sect .point-container .sect-info .info-img img {
  width: 100%;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-mainPage .wrapper .point-sect .point-container .sect-info .info-hint {
  color: white;
  --unit: calc(14px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect6 .info-img img {
  aspect-ratio: 16/13 !important;
}
.p-mainPage .wrapper .sect6 .info-img .info-1 {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%, -50%);
  --unit: calc(100px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(60deg, #ffe600, white);
  background: -webkit-linear-gradient(60deg, #ffe600, white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
}
.p-mainPage .wrapper .sect6 .info-img .info-2 {
  position: absolute;
  top: 48%;
  left: 25%;
  transform: translate(-50%, -50%);
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  text-align: center;
  white-space: nowrap;
  color: #264fbf;
  font-weight: bold;
  line-height: 1;
}
.p-mainPage .wrapper .sect6 .info-img .info-2 .strong {
  --unit: calc(120px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect6 .info-img .info-3 {
  position: absolute;
  top: 50%;
  left: 75%;
  transform: translate(-50%, -50%);
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  text-align: center;
  white-space: nowrap;
  color: #264fbf;
  font-weight: bold;
  line-height: 1;
}
.p-mainPage .wrapper .sect6 .info-img .info-3 .strong {
  --unit: calc(120px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect6 .info-img .info-4 {
  position: absolute;
  top: 78%;
  left: 50%;
  transform: translate(-50%, -50%);
  --unit: calc(60px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(60deg, #ffe600, white);
  background: -webkit-linear-gradient(60deg, #ffe600, white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
  line-height: 1;
}
.p-mainPage .wrapper .sect6 .info-img .info-5 {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  color: white;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
}
.p-mainPage .wrapper .sect7 .dha-compare {
  width: 100%;
  border-collapse: collapse;
}
.p-mainPage .wrapper .sect7 .dha-compare th,
.p-mainPage .wrapper .sect7 .dha-compare td {
  padding: calc(32px * var(--wrapper-scale)) 0;
  text-align: center;
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
}
.p-mainPage .wrapper .sect7 .dha-compare thead th {
  background: transparent;
  font-weight: normal;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.p-mainPage .wrapper .sect7 .dha-compare thead th::after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100px * var(--wrapper-scale));
  background-color: #efefef;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th1::after {
  border-radius: calc(16px * var(--wrapper-scale)) 0 0 0;
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th2::after {
  height: calc(200px * var(--wrapper-scale));
  background-color: #264fbf;
  border-radius: calc(16px * var(--wrapper-scale)) calc(16px * var(--wrapper-scale)) 0 0;
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th2 .main-product {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  gap: calc(8px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th2 .main-product img {
  width: calc(150px * var(--wrapper-scale));
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th2 .main-product .product-name {
  color: #ffe600;
  font-weight: bold;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th3 {
  position: relative;
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th3 .aCompany {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th3 .aCompany img {
  width: calc(100px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th4 .bCompany {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th4 .bCompany img {
  width: calc(100px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect7 .dha-compare thead .th4::after {
  border-radius: 0 calc(16px * var(--wrapper-scale)) 0 0;
}
.p-mainPage .wrapper .sect7 .dha-compare .other-tag {
  display: inline-block;
  background: #5b5b5b;
  color: white;
  font-weight: bold;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 20px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}
.p-mainPage .wrapper .sect7 .dha-compare tbody tr:last-child th, .p-mainPage .wrapper .sect7 .dha-compare tbody tr:last-child td {
  border-bottom: 0;
}
.p-mainPage .wrapper .sect7 .dha-compare tbody tr:last-child th {
  border-radius: 0 0 0 calc(16px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect7 .dha-compare tbody tr:last-child td:last-child {
  border-radius: 0 0 calc(16px * var(--wrapper-scale)) 0;
}
.p-mainPage .wrapper .sect7 .dha-compare tbody th {
  background: #efefef;
  font-weight: bold;
  color: #666666;
}
.p-mainPage .wrapper .sect7 .dha-compare tbody td.main {
  background: #264fbf;
  color: white;
}
.p-mainPage .wrapper .sect7 .dha-compare tbody td {
  background: #efefef;
  color: #666666;
}
.p-mainPage .wrapper .sect8 .compare-img {
  position: relative;
}
.p-mainPage .wrapper .sect8 .compare-img .info-1 {
  position: absolute;
  top: 38%;
  left: 20.5%;
  transform: translate(-50%, -50%);
  --unit: calc(24px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  color: white;
  text-align: center;
  white-space: nowrap;
}
.p-mainPage .wrapper .sect8 .compare-img .info-2 {
  position: absolute;
  top: 72%;
  left: 20.5%;
  transform: translate(-50%, -50%);
  --unit: calc(24px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  color: #264fbf;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
}
.p-mainPage .wrapper .sect8 .compare-img .info-3 {
  position: absolute;
  top: 99.4%;
  left: 22.4%;
  transform: translate(-50%, -50%);
  --unit: calc(42px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  color: white;
  text-align: center;
  white-space: nowrap;
}
.p-mainPage .wrapper .sect8 .compare-img .info-4 {
  position: absolute;
  top: 26%;
  left: 72.5%;
  transform: translate(-50%, -50%);
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  color: white;
  text-align: center;
  white-space: nowrap;
}
.p-mainPage .wrapper .sect8 .compare-img .info-5 {
  position: absolute;
  top: 71%;
  left: 73%;
  transform: translate(-50%, -50%);
  --unit: calc(24px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  color: #264fbf;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
}
.p-mainPage .wrapper .sect8 .compare-img .info-6 {
  position: absolute;
  top: 98.4%;
  left: 74%;
  transform: translate(-50%, -50%);
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(60deg, #ffe600, white);
  background: -webkit-linear-gradient(60deg, #ffe600, white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
}
.p-mainPage .wrapper .sect8 .info {
  padding-top: calc(160px * var(--wrapper-scale));
  text-align: center;
}
.p-mainPage .wrapper .sect8 .info ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: unset;
}
.p-mainPage .wrapper .sect8 .info ul li {
  width: -moz-fit-content;
  width: fit-content;
}
.p-mainPage .wrapper .sect10 {
  position: relative;
}
.p-mainPage .wrapper .sect10-bg {
  width: 100%;
}
.p-mainPage .wrapper .sect10-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(32px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect10-info .section-title {
  --unit: calc(80px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  white-space: nowrap;
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  font-weight: bold;
}
.p-mainPage .wrapper .sect10-info .sect-desc {
  text-align: center;
  filter: drop-shadow(0 0px calc(4px * var(--wrapper-scale)) white);
  --unit: calc(36px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  color: #1b2446;
  white-space: nowrap;
}
.p-mainPage .wrapper .sect11 {
  display: flex;
  flex-direction: column;
  gap: calc(32px * var(--wrapper-scale));
  align-items: center;
  padding: calc(16px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale)) calc(64px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale));
  background-color: #efefef;
}
.p-mainPage .wrapper .sect11 .section-title {
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  --unit: calc(80px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  font-weight: bold;
}
.p-mainPage .wrapper .sect11 .qa {
  display: flex;
  flex-direction: column;
  gap: calc(32px * var(--wrapper-scale));
  padding: calc(32px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale));
  background-color: #264fbf;
  width: 100%;
  border-radius: calc(16px * var(--wrapper-scale));
}
.p-mainPage .wrapper .sect11 .qa .q {
  background: radial-gradient(ellipse at center, white, #ffe600);
  background: -webkit-radial-gradient(ellipse at center, white, #ffe600);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
  --unit: calc(48px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
  font-weight: bold;
}
.p-mainPage .wrapper .sect11 .qa .a {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: calc(16px * var(--wrapper-scale));
  padding: calc(32px * var(--wrapper-scale)) calc(24px * var(--wrapper-scale));
  color: white;
  --unit: calc(32px * var(--wrapper-scale));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 10 / 100 * -1);
}
.p-mainPage .wrapper .sect11 .qa .a .content {
  filter: drop-shadow(calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) calc(5px * var(--wrapper-scale)) rgba(27, 36, 70, 0.5));
}



/*  for  DK. */
.p-mainPage img,
.p-mainPage picture,
.p-mainPage video,
.p-mainPage canvas,
.p-mainPage svg {
  display: block;
  max-width: 100%;
}