@charset "UTF-8";
/*************************************************
  reset 2025.06
**************************************************/
*, ::before, ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg, img, embed, object, iframe {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
}

button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=number] {
  -moz-appearance: textfield;
  appearance: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 400;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/*************************************************
imageをいつでも親の横100%表示にする
**************************************************/
img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}
.btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
}
.btn-block.cl {
  flex-direction: column;
  row-gap: 3.75vw;
}
@media print, screen and (min-width: 769px) {
  .btn-block.cl {
    row-gap: calc(var(--is-fixed-size) * 18px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.3375vw);
  }
}
.btn-block .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*************************************************
/ Font / Font Opotion
/**************************************************/
.ft-serif {
  font-family: "游明朝", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}

.ft-serif.semi, .ft-serif .semi {
  font-weight: 600;
}

.ft-serif.ebold, .ft-serif .ebold {
  font-weight: 800;
}

/* KoburinaGoStd W6-83pv-RKSJ-H の代替 */
.attention {
  color: "red";
}

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

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

.t-bold {
  font-weight: 700;
}

.t-under {
  text-decoration: underline;
  display: inline;
}

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

.t-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  white-space: normal;
}

/*段落*/
.para > *:not(:last-child) {
  margin-bottom: 1em;
}

/*************************************************
  ※リスト
**************************************************/
.attention-lists > li {
  position: relative;
}
.attention-lists > li::before {
  content: "※";
}
.attention-lists {
  font-weight: 400;
  line-height: 1.3913;
  font-size: calc(var(--is-fixed-size) * 13.8px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.25875vw);
}
@media print, screen and (min-width: 769px) {
  .attention-lists {
    font-size: 6.9px;
  }
}
@media screen and (max-width: 768px) {
  .attention-lists {
    font-size: 2.875vw;
  }
}

/*ドットリスト*/
.dot-lists > li {
  position: relative;
}
.dot-lists > li::before {
  content: "・";
}

.note-lists > li {
  position: relative;
}
.note-lists > li::before {
  content: "※";
}
.note-lists.asta > li::before {
  content: "＊";
}

/*************************************************
/  common調整
/**************************************************/
.ac_nav {
  position: relative;
}

.sns,
#g-fnav,
#g-footer {
  position: relative;
  z-index: 1;
}

/*************************************************
/  全体
/**************************************************/
#g-main .pichonkun-wrap::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  background-image: url("/-/media/702E20222C544C2D9F8840D33FF8F244.ashx"), url("/-/media/41D04EFBD0654AB9814A2ED5D15F875D.ashx"), url("/-/media/88CF335C4DC342DA9B3C34585296BAAB.ashx"), url("/-/media/BDCE5BF4E7ED4DACB839E6A76E29C2FD.ashx"), url("/-/media/2FFC07BD5C0046A9A31C7EE8673C29E8.ashx"), url("/-/media/BCA2F2F139BA4E87B8F19ECDB4E2DA5A.ashx"), url("/-/media/1BE0C8BBF7FF450CAC8A9445A7966947.ashx"), url("/-/media/09DE9083E53740FFBC62F4D4FAD92966.ashx"), url("/-/media/F1DB91CF1937464F8280705F64C78D6F.ashx"), url("/-/media/B4107581CE1A4735AC0521D752458187.ashx"), url("/-/media/258B9004BBE84F19B1BB04F801B5F827.ashx");
  background-repeat: no-repeat;
}
#g-main .pichonkun-wrap {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-display: optional;
  font-weight: 700;
  font-style: normal;
  background-color: #fff;
  color: #0099cc;
  line-height: 1.5;
  text-align: left;
  background-color: #55bbdd;
  position: relative;
  font-size: 4vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap {
    font-size: calc(var(--is-fixed-size) * 16.8px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.315vw);
  }
}
#g-main .pichonkun-wrap br.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #g-main .pichonkun-wrap br.sp {
    display: block;
  }
  #g-main .pichonkun-wrap br.pc {
    display: none;
  }
}
#g-main .pichonkun-wrap .para > * + * {
  margin-top: 1em;
}
#g-main .pichonkun-wrap {
  /********  SP wrap **********************************/
}
#g-main .pichonkun-wrap .sp_wrap {
  position: relative;
  background-color: #0099cc;
  background-image: url(/-/media/FCCB82051DE242AE923FC684AEAF9ECF.ashx), url(/-/media/365742C22F73483CAB2E22FEBD28A434.ashx);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: center top, center top 1250vw;
  z-index: 100;
  overflow: visible;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sp_wrap {
    border-right: 0.375vw solid #fff;
    border-left: 0.375vw solid #fff;
    margin-right: auto;
    margin-left: 21.5%;
    width: 30vmin;
    background-position: center top, center top calc(var(--is-fixed-size) * 5880px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 110.25vw);
  }
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
  #g-main .pichonkun-wrap .sp_wrap {
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
  }
}
#g-main .pichonkun-wrap .sp_wrap {
  /********  loading **********************************/
}
#g-main .pichonkun-wrap .sp_wrap .loader {
  width: fit-content;
  font-weight: bold;
  font-family: monospace;
  font-size: 30px;
  background: radial-gradient(circle closest-side, #000 94%, rgba(0, 0, 0, 0)) right/calc(200% - 1em) 100%;
  animation: l24 1s infinite alternate linear;
}
#g-main .pichonkun-wrap .sp_wrap .loader::before {
  content: "Loading...";
  line-height: 1em;
  color: rgba(0, 0, 0, 0);
  background: inherit;
  background-image: radial-gradient(circle closest-side, #fff 94%, #000);
  -webkit-background-clip: text;
  background-clip: text;
}
@keyframes l24 {
  100% {
    background-position: left;
  }
}
#g-main .pichonkun-wrap {
  /******** pc_wrap **********************************/
}
#g-main .pichonkun-wrap .pc_wrap {
  display: none;
}
#g-main .pichonkun-wrap .pc_wrap::before {
  background-image: url(/-/media/E17F68517E354C8592EDFB8B363C77A4.ashx);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  content: "";
  display: block;
  width: 100dvw;
  height: 110dvh;
  position: absolute;
  top: -189px;
}
#g-main .pichonkun-wrap .pc_wrap.bottom-view .title-box {
  bottom: 220px;
  top: auto;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .pc_wrap {
    display: block;
    position: fixed;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    height: 100dvh;
  }
}
#g-main .pichonkun-wrap .pc_wrap .pichyon_chara {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  aspect-ratio: 1600/1000;
}
#g-main .pichonkun-wrap .pc_wrap .pichyon_chara.chara2 {
  z-index: 10;
  pointer-events: none;
}
#g-main .pichonkun-wrap .pc_wrap .title-box {
  position: absolute;
  right: 19.75%;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 343/503;
  width: 21.4375%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#g-main .pichonkun-wrap .pc_wrap .title-box img {
  width: 67.6470588235%;
  margin-left: auto;
  margin-right: auto;
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  z-index: 10;
  position: relative;
  aspect-ratio: 343/260;
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu a {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  aspect-ratio: 513/78;
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu a:hover {
  transform: scale(1.05);
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu li:nth-child(1) a {
  background-image: url(/-/media/D6EDC421A875487DB83CD9A2CE1FC632.ashx);
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu li:nth-child(2) a {
  background-image: url(/-/media/FF9AE0F78734473E8FD59129CF4DCD73.ashx);
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu li:nth-child(3) a {
  background-image: url(/-/media/9E61DD0CC9A44F8DBD54E75594EEED10.ashx);
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu li:nth-child(4) a {
  background-image: url(/-/media/ACD94D7F7F844A5ABF29DCC2A5E22EE2.ashx);
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu li:nth-child(1) a:hover {
  background-image: url(/-/media/702E20222C544C2D9F8840D33FF8F244.ashx);
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu li:nth-child(2) a:hover {
  background-image: url(/-/media/41D04EFBD0654AB9814A2ED5D15F875D.ashx);
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu li:nth-child(3) a:hover {
  background-image: url(/-/media/88CF335C4DC342DA9B3C34585296BAAB.ashx);
}
#g-main .pichonkun-wrap .pc_wrap .pc-menu li:nth-child(4) a:hover {
  background-image: url(/-/media/BE33CA9E45F942958B0C183699CDB6BB.ashx);
}
#g-main .pichonkun-wrap {
  /*************************************************
  /Link
  /*************************************************/
}
#g-main .pichonkun-wrap a {
  color: #0099cc;
  display: inline-block;
  text-decoration: underline;
}
#g-main .pichonkun-wrap span.icon {
  width: 0.8em;
  height: 0.8em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2em;
  margin-left: 0.5em;
}
@media (hover: hover) {
  #g-main .pichonkun-wrap .btn {
    transition: transform 0.4s ease-out;
  }
  #g-main .pichonkun-wrap .btn:hover {
    transform: scale(1.1);
  }
}
#g-main .pichonkun-wrap button {
  display: block;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #g-main .pichonkun-wrap a[href^="tel:"] {
    pointer-events: none;
  }
}
#g-main .pichonkun-wrap .btn {
  border-radius: 50%;
  width: 100%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  overflow: hidden;
  background-color: initial;
  border-radius: initial;
  text-indent: -100vw;
  padding: 0;
}
#g-main .pichonkun-wrap .btn.dlapp {
  background-image: url(../img/btn_dlapp.png);
  aspect-ratio: 480/80;
  filter: drop-shadow(7px 7px 5px rgba(10, 94, 82, 0.5));
}
#g-main .pichonkun-wrap .btn.dlapp.white {
  background-image: url(../img/btn_dlapp_white.png);
}
#g-main .pichonkun-wrap .btn.dlapp:hover {
  opacity: 0.8;
}
#g-main .pichonkun-wrap .btn.hl-btn:nth-child(1) {
  width: 39.1044776119%;
  aspect-ratio: 262/96;
  background-image: url(../img/btn_link2.svg);
}
#g-main .pichonkun-wrap .btn.hl-btn:nth-child(2) {
  width: 48.6567164179%;
  aspect-ratio: 326/96;
  background-image: url(../img/btn_link1.svg);
}
#g-main .pichonkun-wrap .btn.hl-btn_pc {
  width: 47.3457675753%;
  aspect-ratio: 330/50;
  filter: drop-shadow(7px 7px 5px rgba(10, 94, 82, 0.5));
}
#g-main .pichonkun-wrap {
  /*************************************************
  /  header
  /*************************************************/
}
#g-main .pichonkun-wrap #header {
  position: relative;
  width: 100%;
}
#g-main .pichonkun-wrap {
  /*************************************************
  /  footer
  /*************************************************/
}
#g-main .pichonkun-wrap #___footer {
  text-align: center;
  position: relative;
  padding-top: 16vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap #___footer {
    padding-top: calc(var(--is-fixed-size) * 76.8px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.44vw);
  }
}
#g-main .pichonkun-wrap #___footer .footer_img {
  width: 88%;
}
#g-main .pichonkun-wrap #___footer .footer_anim {
  margin-top: -28.75vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap #___footer .footer_anim {
    margin-top: calc(var(--is-fixed-size) * -138px * var(--sp-scale) + (1 - var(--is-fixed-size)) * -2.5875vw);
  }
}
#g-main .pichonkun-wrap #___footer .copyright {
  padding-top: 2rem;
  padding-bottom: 2em;
  background-color: #fff;
  color: #8e8e8e;
  margin-top: -15vw;
  font-size: 3.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap #___footer .copyright {
    margin-top: calc(var(--is-fixed-size) * -72px * var(--sp-scale) + (1 - var(--is-fixed-size)) * -1.35vw);
    font-size: calc(var(--is-fixed-size) * 16.8px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.315vw);
  }
}
#g-main .pichonkun-wrap {
  /*************************************************
  /  Accordion
  /*************************************************/
}
#g-main .pichonkun-wrap .accordion {
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 84.8484%;
  margin-left: auto;
  margin-right: auto;
}
#g-main .pichonkun-wrap .accordion-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
  font-size: 3vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .accordion-content {
    font-size: calc(var(--is-fixed-size) * 14.4px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.27vw);
  }
}
#g-main .pichonkun-wrap .accordion-content.is-open {
  margin-top: -1px;
  border: 0.625vw solid #0099cc;
  border-top: none;
  padding: 1em 1em 2em;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .accordion-content.is-open {
    border-width: calc(var(--is-fixed-size) * 3px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.05625vw);
  }
}
#g-main .pichonkun-wrap .accordion-header {
  cursor: pointer;
  background-image: url(/-/media/5766FAA8D696436DB9FF5CA0095DAC4B.ashx);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  aspect-ratio: 46/7;
}
#g-main .pichonkun-wrap .accordion-header.is-open {
  background-image: url(/-/media/258B9004BBE84F19B1BB04F801B5F827.ashx);
}
#g-main .pichonkun-wrap .accordion-header.is-open + .accordion-content {
  /* JS側でmax-heightを制御するため空でOK */
}
#g-main .pichonkun-wrap {
  /*************************************************
  /  main
  /*************************************************/
}
#g-main .pichonkun-wrap .max-width {
  margin-left: 3%;
  margin-right: 3%;
}
#g-main .pichonkun-wrap {
  /******** セクション共通 **********************************/
}
#g-main .pichonkun-wrap .sec {
  position: relative;
}
#g-main .pichonkun-wrap .sec .small {
  font-size: 3.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec .small {
    font-size: calc(var(--is-fixed-size) * 16.8px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.315vw);
  }
}
#g-main .pichonkun-wrap .white-box {
  background-color: #fff;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 7.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .white-box {
    border-radius: calc(var(--is-fixed-size) * 36px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.675vw);
  }
}
#g-main .pichonkun-wrap .white-box > * {
  display: block;
  width: 89.7590361446%;
  margin-left: auto;
  margin-right: auto;
}
#g-main .pichonkun-wrap .blue-border-box {
  border: 0.75vw solid #55bbdd;
  border-radius: 2.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .blue-border-box {
    border-width: calc(var(--is-fixed-size) * 3.6px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.0675vw);
    border-radius: calc(var(--is-fixed-size) * 12px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.225vw);
  }
}
#g-main .pichonkun-wrap {
  /******** 各セクション **********************************/
}
#g-main .pichonkun-wrap .sec_1 {
  margin-top: 13vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_1 {
    margin-top: calc(var(--is-fixed-size) * 62.4px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.17vw);
  }
}
#g-main .pichonkun-wrap .sec_2 {
  background-color: #efefef;
  position: relative;
  padding-bottom: 2rem;
  padding-top: 6.875vw;
  margin-top: 37.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_2 {
    padding-top: calc(var(--is-fixed-size) * 33px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.61875vw);
    margin-top: calc(var(--is-fixed-size) * 180px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 3.375vw);
  }
}
#g-main .pichonkun-wrap .sec_2::before {
  content: "";
  display: block;
  background-image: url(/-/media/0E66730AD2D34175B6A751301AD413AB.ashx);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  aspect-ratio: 180/224;
  top: -26.25vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_2::before {
    top: calc(var(--is-fixed-size) * -123px * var(--sp-scale) + (1 - var(--is-fixed-size)) * -2.30625vw);
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 768px) {
  #g-main .pichonkun-wrap .sec_2::before {
    top: -26vw;
  }
}
#g-main .pichonkun-wrap .sec_2 .menu-lists {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 3vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_2 .menu-lists {
    row-gap: calc(var(--is-fixed-size) * 14.4px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.27vw);
  }
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li {
  width: 49%;
  aspect-ratio: 280/170;
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li:nth-child(1) a {
  background-image: url(/-/media/350657F71B4A4306BD10E07B10699A4B.ashx);
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li:nth-child(2) a {
  background-image: url(/-/media/AD646F89130847E1AD23743582B6E2E7.ashx);
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li:nth-child(3) a {
  background-image: url(/-/media/77426F036B394B0F9ECB81CAE58A288C.ashx);
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li:nth-child(4) a {
  background-image: url(/-/media/B19AE79F97094DB2B0CEEBF4A6008C54.ashx);
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li:hover:nth-child(1) a {
  background-image: url(/-/media/BDCE5BF4E7ED4DACB839E6A76E29C2FD.ashx);
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li:hover:nth-child(2) a {
  background-image: url(/-/media/2FFC07BD5C0046A9A31C7EE8673C29E8.ashx);
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li:hover:nth-child(3) a {
  background-image: url(/-/media/BCA2F2F139BA4E87B8F19ECDB4E2DA5A.ashx);
}
#g-main .pichonkun-wrap .sec_2 .menu-lists > li:hover:nth-child(4) a {
  background-image: url(/-/media/1BE0C8BBF7FF450CAC8A9445A7966947.ashx);
}
#g-main .pichonkun-wrap .sec_2 .about_pichon {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_2 .about_pichon {
    margin-top: calc(var(--is-fixed-size) * 16.8px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.315vw);
  }
}
#g-main .pichonkun-wrap .sec_2 .about_pichon a {
  display: block;
  width: 100%;
  aspect-ratio: 600/82;
  background-image: url(/-/media/94782D337ED84DFD9E40E3A8179AFF63.ashx);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#g-main .pichonkun-wrap .sec_2 .about_pichon a:hover {
  background-image: url(/-/media/09DE9083E53740FFBC62F4D4FAD92966.ashx);
}
#g-main .pichonkun-wrap .under-menu {
  background-color: #efefef;
  display: none;
  padding-top: 3.75vw;
  padding-bottom: 3.75vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .under-menu {
    padding-top: calc(var(--is-fixed-size) * 18px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.3375vw);
    padding-bottom: calc(var(--is-fixed-size) * 18px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.3375vw);
  }
}
@media screen and (max-width: 768px) {
  #g-main .pichonkun-wrap .under-menu.fixed {
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    display: block;
    z-index: 100;
  }
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists {
  background-image: url(/-/media/34CA1F8CCD314286A1D6CC53455A3577.ashx);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 95.8%;
  aspect-ratio: 393/67;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists > li {
  height: 100%;
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists > li:nth-child(1) {
  width: 26%;
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists > li:nth-child(2) {
  width: 23.5%;
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists > li:nth-child(3) {
  width: 24.5%;
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists > li:nth-child(4) {
  width: 26%;
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists > li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists > li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 1;
}
#g-main .pichonkun-wrap .under-menu .under-menu-lists > li a::after {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#g-main .pichonkun-wrap .sec_3 {
  padding-top: 12.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 {
    padding-top: calc(var(--is-fixed-size) * 60px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.125vw);
  }
}
#g-main .pichonkun-wrap .sec_3 .content {
  position: relative;
  padding-top: 18.125vw;
  padding-bottom: 15.625vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 .content {
    padding-top: calc(var(--is-fixed-size) * 87px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.63125vw);
    padding-bottom: calc(var(--is-fixed-size) * 75px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.40625vw);
  }
}
#g-main .pichonkun-wrap .sec_3 .content::before {
  content: "";
  display: block;
  position: absolute;
  right: -2.7272727273%;
  width: 33.3333333333%;
  aspect-ratio: 1/1;
  background-image: url(/-/media/A4E2FB943291432EA7183A64945B7ADF.ashx);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: -11.25vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 .content::before {
    top: calc(var(--is-fixed-size) * -54px * var(--sp-scale) + (1 - var(--is-fixed-size)) * -1.0125vw);
  }
}
#g-main .pichonkun-wrap .sec_3 .content .para {
  margin-top: 1em;
  text-align: center;
  font-size: 4vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 .content .para {
    font-size: calc(var(--is-fixed-size) * 19.2px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.36vw);
  }
}
#g-main .pichonkun-wrap .sec_3 .content img:nth-child(2) {
  margin-top: 11.25vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 .content img:nth-child(2) {
    margin-top: calc(var(--is-fixed-size) * 54px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.0125vw);
  }
}
#g-main .pichonkun-wrap .sec_3 .content .btn_download {
  display: block;
  aspect-ratio: 580/200;
  background-image: url(/-/media/4BA72064C8474E9E829A8A40E980B83C.ashx);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 2rem;
  margin-bottom: 1rem;
  cursor: pointer;
}
#g-main .pichonkun-wrap .sec_3 .content .btn_download:hover {
  background-image: url(/-/media/F1DB91CF1937464F8280705F64C78D6F.ashx);
}
#g-main .pichonkun-wrap .sec_3 .content img:nth-child(5) {
  margin-top: 5.875vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 .content img:nth-child(5) {
    margin-top: calc(var(--is-fixed-size) * 28.2px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.52875vw);
  }
}
#g-main .pichonkun-wrap .sec_3 .content .blue-box {
  margin-top: 1.5rem;
}
#g-main .pichonkun-wrap .sec_3 .content .yellow-box {
  margin-top: 2em;
  margin-bottom: 3em;
  padding: 2em 1em 6em;
  text-align: center;
  background-image: url(/-/media/DFA997F558904F9F8A82E61E61791963.ashx);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#g-main .pichonkun-wrap .sec_3 .content .yellow-box::before {
  content: "";
  display: block;
  width: 19.6666666667%;
  aspect-ratio: 118/170;
  background-image: url(/-/media/5EE24F1388454217B9A1C272DB94892E.ashx);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 4vw;
  bottom: -4.25vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 .content .yellow-box::before {
    left: calc(var(--is-fixed-size) * 19.2px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.36vw);
    bottom: calc(var(--is-fixed-size) * -20.4px * var(--sp-scale) + (1 - var(--is-fixed-size)) * -0.3825vw);
  }
}
#g-main .pichonkun-wrap .sec_3 .content .yellow-box .notes {
  margin-top: 2em;
  margin-bottom: 3.5em;
  text-align: left;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
  font-size: 3.125vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 .content .yellow-box .notes {
    font-size: calc(var(--is-fixed-size) * 15px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.28125vw);
  }
}
#g-main .pichonkun-wrap .sec_3 .content .blue-border-box {
  margin-bottom: 3rem;
  padding: 2em 1.5em 3em;
  text-align: center;
}
#g-main .pichonkun-wrap .sec_3 .content .blue-border-box > img:first-child {
  margin-bottom: 1rem;
}
#g-main .pichonkun-wrap .sec_3 .content .blue-border-box p + p {
  margin-top: 1em;
}
#g-main .pichonkun-wrap .sec_3 .content .entry-block .btn-entry {
  display: block;
  width: 100%;
  aspect-ratio: 450/110;
  background-image: url(/-/media/975FDD27F9734C90BF51FBB558DEF867.ashx);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 1rem;
}
#g-main .pichonkun-wrap .sec_3 .content .entry-block .btn-entry:hover {
  background-image: url(/-/media/B4107581CE1A4735AC0521D752458187.ashx);
}
#g-main .pichonkun-wrap .sec_3 .content .entry-x-block {
  padding: 0.5em 0.7em 1em;
  text-align: center;
  margin-top: 2rem;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
#g-main .pichonkun-wrap .sec_3 .content .entry-x-block > img {
  margin-bottom: 1rem;
}
#g-main .pichonkun-wrap .sec_3 .content .entry-x-block p + p {
  margin-top: 1em;
}
#g-main .pichonkun-wrap .sec_3 .content .entry-x-block .small {
  margin-bottom: 1rem;
}
#g-main .pichonkun-wrap .sec_3 .content .jimukyoku-block {
  text-align: center;
}
#g-main .pichonkun-wrap .sec_3 .content .jimukyoku-block > img {
  margin-bottom: 1.5rem;
}
#g-main .pichonkun-wrap .sec_3 .content .jimukyoku-block p + p {
  margin-top: 1rem;
}
#g-main .pichonkun-wrap .sec_3 .content .jimukyoku-block .justify {
  letter-spacing: 0.02em;
}
#g-main .pichonkun-wrap .sec_3 .content .jimukyoku-block .notes {
  margin-top: 1rem;
  text-align: left;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
  font-size: 3.25vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_3 .content .jimukyoku-block .notes {
    font-size: calc(var(--is-fixed-size) * 15.6px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.2925vw);
  }
}
#g-main .pichonkun-wrap .sec_4 {
  text-align: center;
  padding-top: 12.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_4 {
    padding-top: calc(var(--is-fixed-size) * 60px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.125vw);
  }
}
#g-main .pichonkun-wrap .sec_4 .content {
  position: relative;
  padding-top: 8.125vw;
  padding-bottom: 8.125vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_4 .content {
    padding-top: calc(var(--is-fixed-size) * 39px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.73125vw);
    padding-bottom: calc(var(--is-fixed-size) * 39px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.73125vw);
  }
}
#g-main .pichonkun-wrap .sec_4 .content > * {
  width: 100%;
}
#g-main .pichonkun-wrap .sec_4 .content * + * {
  margin-top: 1rem;
}
#g-main .pichonkun-wrap .sec_4 .content p {
  line-height: 1.5;
  font-size: 4.25vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_4 .content p {
    font-size: calc(var(--is-fixed-size) * 20.4px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.3825vw);
  }
}
#g-main .pichonkun-wrap .sec_5 {
  padding-top: 12.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_5 {
    padding-top: calc(var(--is-fixed-size) * 60px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.125vw);
  }
}
#g-main .pichonkun-wrap .sec_5 .content {
  position: relative;
  padding-top: 8.125vw;
  padding-bottom: 14.375vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_5 .content {
    padding-top: calc(var(--is-fixed-size) * 39px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.73125vw);
    padding-bottom: calc(var(--is-fixed-size) * 69px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.29375vw);
  }
}
#g-main .pichonkun-wrap .sec_5 .content > * {
  width: 82.8313253012%;
  font-feature-settings: "palt";
}
#g-main .pichonkun-wrap .sec_5 .content::before, #g-main .pichonkun-wrap .sec_5 .content::after {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#g-main .pichonkun-wrap .sec_5 .content::before {
  right: -1.9696969697%;
  width: 19.2424242424%;
  aspect-ratio: 127/140;
  background-image: url(/-/media/18A6288E0AB24C26AB1BB0960F703CB0.ashx);
  top: -4.875vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_5 .content::before {
    top: calc(var(--is-fixed-size) * -23.4px * var(--sp-scale) + (1 - var(--is-fixed-size)) * -0.43875vw);
  }
}
#g-main .pichonkun-wrap .sec_5 .content::after {
  left: 9.0909090909%;
  width: 16.8181818182%;
  aspect-ratio: 111/148;
  background-image: url(/-/media/9D3D9A604BE546C6A7D150F3E386464A.ashx);
  bottom: -8vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_5 .content::after {
    bottom: calc(var(--is-fixed-size) * -38.4px * var(--sp-scale) + (1 - var(--is-fixed-size)) * -0.72vw);
  }
}
#g-main .pichonkun-wrap .sec_5 .content .how-to-block {
  text-align: center;
  margin-top: 2rem;
  font-size: 3.75vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_5 .content .how-to-block {
    font-size: calc(var(--is-fixed-size) * 18px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.3375vw);
  }
}
#g-main .pichonkun-wrap .sec_5 .content .how-to-block .title {
  width: 60.6060606061%;
}
#g-main .pichonkun-wrap .sec_5 .content .how-to-block p {
  text-align: left;
  margin-top: 1em;
}
#g-main .pichonkun-wrap .sec_5 .content .how-to-block .price .dt {
  display: inline-block;
  width: 13em;
}
#g-main .pichonkun-wrap .sec_6 {
  padding-top: 12.5vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_6 {
    padding-top: calc(var(--is-fixed-size) * 60px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.125vw);
  }
}
#g-main .pichonkun-wrap .sec_6 .img_18_animation {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  aspect-ratio: 315/392;
  top: 56.25vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_6 .img_18_animation {
    top: calc(var(--is-fixed-size) * 270px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 5.0625vw);
  }
}
#g-main .pichonkun-wrap .sec_6 .content {
  position: relative;
  padding-top: 8.125vw;
  padding-bottom: 14.375vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_6 .content {
    padding-top: calc(var(--is-fixed-size) * 39px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.73125vw);
    padding-bottom: calc(var(--is-fixed-size) * 69px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 1.29375vw);
  }
}
#g-main .pichonkun-wrap .sec_6 .content > * {
  width: 88.8554216867%;
}
#g-main .pichonkun-wrap .sec_6 .notes {
  margin-top: 2em;
  text-align: left;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
  width: 82%;
  font-size: 3.125vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap .sec_6 .notes {
    font-size: calc(var(--is-fixed-size) * 15px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.28125vw);
  }
}

/* change to finish */
#g-main .pichonkun-wrap.finish .sec_3 .content {
  padding-bottom: 10vw;
}
@media print, screen and (min-width: 769px) {
  #g-main .pichonkun-wrap.finish .sec_3 .content {
    padding-bottom: calc(var(--is-fixed-size) * 48px * var(--sp-scale) + (1 - var(--is-fixed-size)) * 0.9vw);
  }
}
/*# sourceMappingURL=style.css.map */