/*
Theme Name:
Template:
Theme URI: 
Author: 
Author URI: 
Version: 1.0.0
*/
/*----------------------------------------------------
 Common Style
----------------------------------------------------*/
/*Noto Sans Japanese font-family: "Noto Sans JP", serif;
Zen Kaku Gothic New font-family: 'Zen Kaku Gothic New', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap');
*, ::before, ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
/* Document */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
/* Sections */
body {
  margin: 0;
}
main {
  display: block;
}
p, table, blockquote, address, pre, iframe, form, figure, dl, dd {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
/* Lists (enumeration) */
ul, ol {
  margin: 0;
  padding: 0;
}
ul[role="list"], ol[role="list"] {
  list-style: none
}
dt {
  font-weight: bold;
}
/* Grouping content */
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;
}
/* Text-level semantics */
abbr[title] {
  text-decoration: underline dotted;
}
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;
}
/* Replaced content */
svg, img, embed, object, iframe {
  vertical-align: bottom;
}
img {
  height: auto;
  border: none;
  line-height: 0;
  max-width: 100%;
  display: block;
}
/* Forms */
button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}
[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio;
}
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;
}
label[for] {
  cursor: pointer;
}
/* Interactive */
details {
  display: block;
}
summary {
  display: list-item;
}
[contenteditable]:focus {
  outline: auto;
}
/* Tables */
table {
  border-color: inherit;
  border-collapse: collapse;
}
caption {
  text-align: left;
}
td, th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
  font-weight: bold;
}
/*@media(prefers-reduced-motion:reduce) {
  html:focus-within {
    scroll-behavior: auto
  }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }
}*/
/*ROOT
----------------------------------------------------*/
:root {
  --font-jp: 'Zen Kaku Gothic New', sans-serif;
  --font-min: 'เพฉ', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif !important;
  --font-en: "Noto Sans JP", serif;
  --bold: 700;
  --normal: 400;
  --lh-base-l: 2;
  --lh-base-m: 1.6;
  --lh-base-s: 1.4;
  
  --radius-l: 30px;
  --radius-m: 15px;
  --radius-s: 10px;
  
  --shadow: 0 0 6px #ccc;
  --shadow-bk: 0 0 6px #333;
  --clr-txt: #444;
  --clr-red: #c00;
  --clr-gray: #ccc;
  --clr-green: #87b944;
  /*--clr-key: #052652;CJ[*/
  --clr-key: #f5b123; /*CJ[*/
  --clr-key-50: color-mix(in srgb, var(--clr-key) 50%, transparent);
  --clr-key-20: color-mix(in srgb, var(--clr-key) 20%, transparent);
  --clr-key-10: color-mix(in srgb, var(--clr-key) 10%, transparent);
  --clr-ay: #2b8941; /*ฮ  R*/
  --clr-mt: #e40077; /*sN  ผ๖ๅะ*/
  --clr-kk: #824195; /*  ใj*/
  --clr-kw: #3560a7; /*ฎ  jwผ๛*/
  --clr-ke: #f29219; /*๒  jw๛*/
  --clr-brown: #8d5a30; /*uE*/
  --filter-wh: brightness(0) invert(1);
  --filter-bk: brightness(1) invert(0);
  --bg-angle-right-bk: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23333" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>'); /*>*/
  --bg-angle-right-wh: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23fff" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>'); /*>*/
  --bg-chevron-down-bk: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23333" d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z" /></svg>'); /*ซ*/
  --bg-chevron-down-wh: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23fff" d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z" /></svg>'); /*ซ*/
  --bg-open-in-new-bk: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23333" d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>'); /*popup*/
  --bg-open-in-new-wh: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23fff" d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>'); /*popup*/
}
@media (max-width: 600px) {
:root {
  
  --radius-l: 15px;
  --radius-m: 8px;
  --radius-s: 5px;
}

}
/* base
----------------------------------------------------*/
html {
  font-size: 62.5%;
}
body {
  color: var(--clr-txt);
  line-height: 1;
  font-family: var(--font-jp);
  letter-spacing: 0.03em;
  font-size: 1.5rem;
  background-color: rgba(243, 237, 232, .6)
}
.preload {
  transition: 0 !important;
}
#wrap {
  display: block;
  overflow: hidden;
  animation: fade-in 1s forwards;
}
@keyframes fade-in {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
article {}
#lower article {
  margin: 5vw 0 10vw;
}
section {}
.sp {}
.pc {
  display: none;
}
.inner {
  padding: 0 5vw;
  line-height: 2;
}
@media (min-width: 600px) {
  article {}
  #lower article {
    margin: 3vw 0 6vw;
  }
  section {}
  .inner {
    padding: 0 8vw;
  }
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
}
@media (min-width:1025px) {
  body {
    font-size: 1.6rem;
  }
  article {}
  section {}
  .inner {
    padding: 0 10vw;
  }
}
/* Hyper Link
----------------------------------------------------*/
a:link {
  color: var(--clr-txt);
  text-decoration: underline;
}
a:visited {
  color: var(--clr-txt);
  text-decoration: none;
}
a:hover {
  color: var(--clr-txt);
  text-decoration: none;
}
a[href^="tel:"] {
  text-decoration: none;
}
a.point-none {
  pointer-events: none;
}
@media (min-width:1025px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
  a:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    transition: 0.3s ease-in-out;
  }
}
/* Font Style */
.b {
  font-weight: 700;
}
.i {
  font-style: italic;
}
.n {
  font-style: normal;
}
.u {
  text-decoration: underline;
}
.d {
  text-decoration: line-through;
}
/* Text Align */
.txt-l {
  text-align: left;
}
.txt-c {
  text-align: center;
}
.txt-r {
  text-align: right;
}
/* Float */
.left {
  float: left;
}
.right {
  float: right;
}
/* Clear Float */
.clear {
  clear: both;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* Space */
.mb-1 {
  margin-bottom: 120px !important;
}
.mb-2 {
  margin-bottom: 90px !important;
}
.mb-3 {
  margin-bottom: 80px !important;
}
.mb-4 {
  margin-bottom: 60px !important;
}
.mb-5 {
  margin-bottom: 50px !important;
}
.mb-6 {
  margin-bottom: 40px !important;
}
@media (min-width: 600px) {
  .mb-1 {
    margin-bottom: 140px !important;
  }
  .mb-2 {
    margin-bottom: 120px !important;
  }
  .mb-3 {
    margin-bottom: 100px !important;
  }
  .mb-4 {
    margin-bottom: 80px !important;
  }
  .mb-5 {
    margin-bottom: 60px !important;
  }
  .mb-6 {
    margin-bottom: 50px !important;
  }
}
@media (min-width:1025px) {
  .mb-1 {
    margin-bottom: 180px !important;
  }
  .mb-2 {
    margin-bottom: 140px !important;
  }
  .mb-3 {
    margin-bottom: 120px !important;
  }
  .mb-4 {
    margin-bottom: 100px !important;
  }
  .mb-5 {
    margin-bottom: 80px !important;
  }
  .mb-6 {
    margin-bottom: 60px !important;
  }
}
/* List Style */
ul.list {}
ul.list li {
  padding-left: 1em;
}
ul.list li:before {
  content: '\30FB'; /*E*/
  margin-left: -1em;
}
ul.list.list-km li:before {
  content: '\203B'; /*ฆ*/
}
/* flex */
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.space-around {
  justify-content: space-around;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.cell {
  position: relative;
}
.cell img {
  display: block;
  width: 100%;
}
.cell > *:last-child {
  margin-bottom: 0;
}
.cell--1-2-l {
  width: 50%;
}
.cell--1-2-m {
  width: 48.5%;
}
.cell--1-2-s {
  width: 46.5%;
}
.cell--1-3-l {
  width: 32%;
}
.cell--1-3-m {
  width: 30%;
}
.cell--1-3-s {
  width: 28%;
}
.cell--1-4 {
  width: 23%;
}
.cell--2-3 {
  width: 60%;
}
.cell--3-4 {
  width: 73%;
}
@media only screen and (max-width: 600px) {
  .flex {
    flex-direction: column;
  }
  .cell--1-2-l, .cell--1-2-m, .cell--1-2-s, .cell--1-3-l, .cell--1-3-m, .cell--1-3-s, .cell--2-3, .cell--3-4 {
    margin-bottom: 1em;
    width: 100%;
  }
  .cell--1-4 {
    margin-bottom: 1em;
    width: 48%;
  }
  .order0 {
    order: 0;
  }
  .order1 {
    order: 1;
  }
}
/* figure */
figcaption {
  line-height: 1.6;
  margin: .5em 0;
  color: #666;
  font-size: 1.3rem;
}
@media (min-width:1025px) {
  .imghover .imghover-item {
    transition: .5s;
  }
  .imghover:hover .imghover-item {
    transform: scale(1.05);
  }
}
/* lity
----------------------------------------------------*/
.lity {
  background: rgba(0, 0, 0, 0.8);
}
.lity-image img {
  max-width: 90%;
  margin: 0 auto;
}
@media (max-width: 600px) {}
@media (min-width:1025px) {
  .lity-image img {
    max-width: 800px;
  }
}
/* scrollAnimation
----------------------------------------------------*/
.fade-up, .fade-left, .fade-right, .fade-down {
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 1s;
  transition-delay: 0s;
}
.fade-up {
  transform: translateY(30px);
}
.fade-down {
  transform: translateY(-30px);
}
.fade-right {
  transform: translateX(30px);
}
.fade-left {
  transform: translateX(-30px);
}
.fade-up.is-active, .fade-down.is-active {
  opacity: 1;
  transform: translateY(0);
}
.fade-right.is-active, .fade-left.is-active {
  opacity: 1;
  transform: translateX(0);
}
.fade-in {
  transform: translateY(30px);
  animation: fadein 1s ease-in-out forwards;
  opacity: 0;
}
@keyframes fadein {
  100% {
    transform: translateY(0);
    opacity: 1.0;
  }
}
/* reCAPTCHAobW๐๑\ฆษท้
----------------------------------------------------
.grecaptcha-badge {  visibility: hidden;}*/
/* Page Top
----------------------------------------------------*/
/*#page-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 50000
}
#page-top a {
  background: #222;
  padding-top: 50px;
  width: 50px;
  height: 0;
  display: block;
  overflow: hidden;
  position: relative;
}
#page-top a::after {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 19px;
  left: 19px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-135deg);
}
@media (min-width: 1025px) {
  #page-top a:hover {
    opacity: 0.7;
  }
}*/