@charset "UTF-8";

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / FONT ->                     */
/* =====>=====>=====>=====>=====>=====>===== */

@font-face {font-family: 'LINE Seed JP_OTF';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('LINE Seed JP_OTF Regular'),
       local('LINESeedJP_OTF-Regular'),
         url('../../font/LINESeedJP_OTF_Rg.woff2') format('woff2');
}
@font-face {font-family: 'LINE Seed JP_OTF';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('LINE Seed JP_OTF Bold'),
       local('LINESeedJP_OTF-Bold'),
         url('../../font/LINESeedJP_OTF_Bd.woff2') format('woff2');
}

:root {
  --WF-s-serif:
    'LINE Seed JP_OTF',
    'Noto Sans CJK JP','Noto Sans JP',
    sans-serif;

  --appearance-clr: #ddd;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / HTML ->                     */
/* =====>=====>=====>=====>=====>=====>===== */

*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)) {
  all: unset;
  display: revert;
}
*,
*::before,*::after {
  box-sizing: inherit;
}

html {
  block-size: 100%;
  box-sizing: border-box;
  font-family: var(--WF-s-serif);
  font-feature-settings: 'palt';
  line-height: 1.5;
   -webkit-text-size-adjust: none;
  text-size-adjust: none;
  touch-action: manipulation;
  scroll-behavior: smooth;
  color-scheme: dark light;
}
:where([draggable="true"]) { /* Chromium, Safari // Apply back the draggable feature - exist only. */
  -webkit-user-drag: element;
}
:where(dialog:modal) {
  all: revert;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / GENERAL ->                  */
/* =====>=====>=====>=====>=====>=====>===== */

html,
body {
  height: 100%;
  min-height: 100vh;
}
body {
  min-block-size: 100%;
  text-align: justify;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6 {
  line-height: calc(.25rem + 1em + .25rem);
}
h1,h2,h3,h4,h5,h6,
p {
  overflow-wrap: break-word;
}
p + p {
  margin-top: 1em;
}
ol,ul,menu, summary {
  list-style: none;
}
details,
img,
picture {
  display: block;
}
img {
  max-inline-size: 100%;
  max-block-size: 100%;
  font-style: italic;
  pointer-events: none;
}
a,button { /* Reapply the pointer cursor for anchor tags. */
  cursor: revert;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
  text-underline-offset: .2ex;
}
strong {
  font-weight: inherit;
}
:where(pre),
:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}
::-webkit-details-marker { /* Remove details summary webkit styles. */
  display: none;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / GENERAL CLASS ->            */
/* =====>=====>=====>=====>=====>=====>===== */

.fx {
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;align-items: flex-start;
}
.gd {
  display: grid;
    place-items: center;
}

@media (hover:hover) and (pointer:fine) {

.call {
  pointer-events: none;
}

}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / MOTION ->                   */
/* =====>=====>=====>=====>=====>=====>===== */

@media (hover:hover) and (pointer:fine) {

/*===== .alpha =====*/
.alpha,
.alpha img {
  transition: .5s ease-in-out;
  transition-property: opacity;
  cursor: pointer;
}
.alpha:hover,
.alpha:hover img {
  opacity: .6;
}

}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / MOBILE ->                   */
/* =====>=====>=====>=====>=====>=====>===== */

.hidePC {
  display: none;
}

@media (width < 1024px) {

.hidePC {
  display: inherit;
}
.hideSP {
  display: none;
}
img:not([class^="wp-image-"]) {
  width: 100%;height: auto!important;
}

}