@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 */

:root{
--bg:#f4f4f4;
--michi:#9da768;
--ote:#d2b688;
--g-def:2rem;--theme:234,85,19;--clrLink:0,0,0;--clrLinkHover:191,162,76;--fb:#3b5998;--tw:#00aced;--clrBasic:#000;--wht:255,255,255;--gray:90,90,90;--blk:6,6,6;--fontGothic:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo";--fontMincho:"Yu Mincho","Hiragino Mincho Pro","Roboto Slab",Garamond,"Times New Roman",-apple-system}
/* @media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}} */
@media(max-width:767px){#page-home #wrapper {background: none!important;}}

/* iPhone 320px */
@media only screen and (min-width:320px){html{font-size:68%}}
/* Android 360px 1.125 */
@media only screen and (min-width:360px){html{font-size:72%}}
/* iPhone6 375px 117.1875 */
@media only screen and (min-width:375px){html{font-size:84%}}
/* iPhone6 plus 414px 1.29375 */
@media only screen and (min-width:412px){html{font-size:90%}}
/* sm */
@media(min-width:576px){html{font-size:78%}}
*,*::before,*::after{box-sizing:border-box}
body{position:relative;margin:0;font-family:var(--fontGothic);--fz:calc(var(--g-def) * 0.65);font-weight:400;line-height:1.4;color:var(--clrBasic);background-color:var(--bg);letter-spacing:.06em;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-feature-settings:"palt"}

/* animation */
.tcb {transition: 1.2s cubic-bezier(.165,.84,.44,1);}
.tcb-s {transition: .8s cubic-bezier(.785, .135, .15, .86);}
.tcb-h {transition: .8s cubic-bezier(0.79,0.14,0.15,0.86);}

[class*="fadeSet"] {opacity: 0; transition: 1.4s cubic-bezier(.165,.84,.44,1);}
[class*="fadeSet"].active {opacity: 1;}

[class*="fadeSet"].slideUp {transform: translateY(3rem);}
[class*="fadeSet"].slideDown {transform: translateY(-3rem);}
[class*="slide"][class*="fadeSet"].active {transform: translate(0rem,0rem);}
[class*="fadeSet"].scaleDown {transform:scale(1.1);}
[class*="scale"][class*="fadeSet"].active {transform:scale(1);}

.video-fade {display: none;}
/* duration */
.duration-07 {transition-duration: .7s;}

/* youtube  */
.youtube {height: 100%;position: relative;}
.youtube iframe {box-sizing: border-box;left: 50%;min-height: 95%;min-width: 100%;position: absolute;top: 50%;transform: translate(-50%, -50%);}

/* fz fst ffw */
p,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;font-size:var(--fz)}
h1,h2,h3,h4,h5,h6{line-height:1.2}
.bigger-1{font-size:1.4em}
.bigger-2{font-size:1.65em}
.bigger-3{font-size:2em}
.smaller-4{font-size:.4em}
.smaller-3{font-size:.45em}
.smaller-2{font-size:.65em}
.smaller-1,small{font-size:.8em}
.fz-025{font-size:.7rem}
.fz-05{font-size:.85rem}
.fz-075{font-size:.93rem}
.fz-1{font-size:1rem}
.fz-105{font-size:1.1rem}
.fz-2{font-size:1.2rem}
.fz-3{font-size:calc(1.275rem + .4vw)}
.fz-4{font-size:calc(1.275rem + .75vw)}
.fz-5{font-size:calc(1.45rem + 1.5vw)}
.fz-6{font-size:calc(1.45rem + 2vw)}
.fz-7{font-size:calc(1.45rem + 2.5vw)}
.fz-8{font-size:calc(1.45rem + 3vw)}
.fz-9{font-size:calc(1.45rem + 4vw)}
.fz-10{font-size:calc(1.45rem + 5vw)}
.fz-16px{font-size:16px}
.ff-normal,input{font-family:var(--fontGothic)}
.fst-italic{font-style:italic}
.fst-normal{font-style:normal}
.fw-light{font-weight:300}
.fw-lighter{font-weight:lighter}
.fw-normal{font-weight:400}
.fw-bold{font-weight:700}
.fw-bolder{font-weight:bolder}
/* ls */
.ls-n3{letter-spacing:-.1em}
.ls-n2{letter-spacing:-.05em}
.ls-n1{letter-spacing:-.001em}
.ls-0{letter-spacing:0}
.ls-1{letter-spacing:.05em}
.ls-2{letter-spacing:.1em}
.ls-3{letter-spacing:.17em}
/* lh */
.lh-05{line-height:.8}
.lh-1{line-height:1}
.lh-105{line-height:1.25}
.lh-2{line-height:1.35}
.lh-3{line-height:1.7}
.lh-4{line-height:2}
.lh-5{line-height:2.5}
/*display*/
.d-none,[hidden],.ovxs::-webkit-scrollbar{display:none}
.d-block,picture{display:block}
.d-inline{display:inline}
.d-inline-block{display:inline-block}
.d-grid{display:grid;grid-auto-columns:100%}
.d-flex{display:flex}
.d-inline-flex{display:inline-flex}
/*basic*/
hr{box-sizing:content-box;height:0;overflow:visible}
a{color:rgb(var(--clrLink));background-color:transparent;word-wrap:break-word}
  a:hover{color:rgb(var(--clrLinkHover))}

a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
.sp-tel a{color:rgba(var(--blk),.7)}
p{margin-top:0;margin-bottom:0}
div p:only-child,article p:only-child,,section p:only-child{margin-bottom:0}
dd{margin-left:0}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
blockquote{margin:0 0 1rem}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]::-webkit-calendar-picker-indicator{display:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
blockquote{margin:0 0 1rem}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
  .blockquote>:last-child{margin-bottom:0}
  .blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}
    .blockquote-footer::before{content:"— "}

/*Lists*/
dl,menu,ol,ul{margin:0;padding:0;list-style:none}
nav ul,nav ol{list-style:none;list-style-image:none}

/* position display */
.position-static{position:static}
.position-relative,.img-align-top,.img-align-center,.img-align-bottom{position:relative}
.position-absolute{position:absolute}
.position-fixed{position:fixed}
.position-sticky{position:sticky}
.topStart,.bottomStart,.start-0{left:0}
.topStart,.topEnd,.top-0{top:0}
.bottomStart,.bottomEnd,.bottom-0{bottom:0}
.topEnd,.bottomEnd,.end-0{right:0}
.bottom-n1{bottom:-.25rem}
.top-n1{top:-.25rem}
.top-1{top:.25rem}
.top-5{top:3rem}
.top-100vh{top:100vh}
.z-0{z-index:0}
.z-1{z-index:1}
.z-5{z-index:5}
.z-10{z-index:10}
.z-15{z-index:15}

/*overflow vertical-align visibility*/
.swipe{display:flex;scroll-behavior:smooth}
.ovxs{overflow-x:scroll}
.ovys{overflow-y:scroll}
.ovxs,.ovys{-webkit-overflow-scrolling:touch}
.ovv,.overflow-visible{overflow:visible}
.ovxh{overflow-x:hidden}
.ovyh{overflow-y:hidden}
.ovh,.overflow-hidden{overflow:hidden}
.ova{overflow:auto}
.visible{visibility:visible}
.invisible{visibility:hidden}
/*grid*/
.container,.container-fluid,.container-2xl,.container-xl,.container-lg,.container-md,.container-sm{width:100%;margin-right:auto;margin-left:auto}
.row{--g-x:var(--g-def);--g-y:var(--g-def);display:flex;flex-wrap:wrap;margin-top:calc(var(--g-y)*-1);margin-right:calc(var(--g-x)*-.5);margin-left:calc(var(--g-x)*-.5)}
  .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--g-x)*.5);padding-left:calc(var(--g-x)*.5);margin-top:var(--g-y)}
.col{flex:1 0 0%}
.row-cols-auto>*{flex:0 0 auto;width:auto}
.row-cols-1>*{flex:0 0 auto;width:100%}
.row-cols-2>*{flex:0 0 auto;width:50%}
.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}
.row-cols-4>*{flex:0 0 auto;width:25%}
.row-cols-5>*{flex:0 0 auto;width:20%}
.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.offset-1{margin-left:8.33333333%}
.offset-2{margin-left:16.66666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.33333333%}
.offset-5{margin-left:41.66666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.33333333%}
.offset-8{margin-left:66.66666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.33333333%}
.offset-11{margin-left:91.66666667%}
.g-0,.gx-0{--g-x:0}
.g-0,.gy-0{--g-y:0}
/* low-gutters */
.g-1,.gx-1{--g-x:calc(var(--g-def)/3)}
.g-1,.gy-1{--g-y:calc(var(--g-def)/3)}
.pgt-1,.pgy-1,.pg-1{padding-top:calc(var(--g-def)/3)}
.pgb-1,.pgy-1,.pg-1{padding-bottom:calc(var(--g-def)/3)}
.pgs-1,.pgx-1,.pg-1{padding-left:calc(var(--g-def)/3)}
.pge-1,.pgx-1,.pg-1{padding-right:calc(var(--g-def)/3)}
/* form-row */
.g-2,.gx-2{--g-x:calc(var(--g-def)/2)}
.g-2,.gy-2{--g-y:calc(var(--g-def)/2)}
.pgt-2,.pgy-2,.pg-2{padding-top:calc(var(--g-def)/2)}
.pgb-2,.pgy-2,.pg-2{padding-bottom:calc(var(--g-def)/2)}
.pgs-2,.pgx-2,.pg-2{padding-left:calc(var(--g-def)/2)}
.pge-2,.pgx-2,.pg-2{padding-right:calc(var(--g-def)/2)}
/* row */
.g-3,.gx-3{--g-x:var(--g-def)}
.g-3,.gy-3{--g-y:var(--g-def)}
.pgt-3,.pgy-3,.pg-3{padding-top:var(--g-def)}
.pgb-3,.pgy-3,.pg-3{padding-bottom:var(--g-def)}
.pgs-3,.pgx-3,.pg-3{padding-left:var(--g-def)}
.pge-3,.pgx-3,.pg-3{padding-right:var(--g-def)}
/* add */
.g-4,.gx-4{--g-x:calc(var(--g-def)*2)}
.g-4,.gy-4{--g-y:calc(var(--g-def)*2)}
.pgt-4,.pgy-4,.pg-4{padding-top:calc(var(--g-def)*2)}
.pgb-4,.pgy-4,.pg-4{padding-bottom:calc(var(--g-def)*2)}
.pgs-4,.pgx-4,.pg-4{padding-left:calc(var(--g-def)*2)}
.pge-4,.pgx-4,.pg-4{padding-right:calc(var(--g-def)*2)}
/* add205x */
.g-5,.gx-5{--g-x:calc(var(--g-def)*4)}
.g-5,.gy-5{--g-y:calc(var(--g-def)*4)}
.pgt-5,.pgy-5,.pg-5{padding-top:calc(var(--g-def)*4)}
.pgb-5,.pgy-5,.pg-5{padding-bottom:calc(var(--g-def)*4)}
.pgs-5,.pgx-5,.pg-5{padding-left:calc(var(--g-def)*4)}
.pge-5,.pgx-5,.pg-5{padding-right:calc(var(--g-def)*4)}
/* add3x */
.g-6,.gx-6{--g-x:calc(var(--g-def)*8)}
.g-6,.gy-6{--g-y:calc(var(--g-def)*8)}
.pgt-6,.pgy-6,.pg-6{padding-top:calc(var(--g-def)*8)}
.pgb-6,.pgy-6,.pg-6{padding-bottom:calc(var(--g-def)*8)}
.pgs-6,.pgx-6,.pg-6{padding-left:calc(var(--g-def)*8)}
.pge-6,.pgx-6,.pg-6{padding-right:calc(var(--g-def)*8)}
/* gap */
.gap-0{gap:0}
.gap-1{gap:calc(var(--g-def)/2) 0}
.gap-2{gap:var(--g-def) 0}
.gap-3{gap:calc(var(--g-def)*2) 0}
.gap-4{gap:calc(var(--g-def)*3) 0}
.gap-5{gap:calc(var(--g-def)*6) 0}
.gap-sec-1{gap:calc(var(--g-def) + 5vh) 0}
.gapt-sec-1,.gap-sec-1{padding-top:calc(var(--g-def) + 5vh)}
.gapb-sec-1,.gap-sec-1{padding-bottom:calc(var(--g-def) + 5vh)}
.gamt-sec-n1{margin-top:calc((var(--g-def) + 5vh ) * -2)}
.gap-sec-2{gap:calc(var(--g-def) + 10vh) 0}
.gapt-sec-2,.gap-sec-2{padding-top:calc(var(--g-def) + 10vh)}
.gapb-sec-2,.gap-sec-2{padding-bottom:calc(var(--g-def) + 10vh)}
.flex-fill{flex:1 1 auto}
.flex-row{flex-direction:row}
.flex-column{flex-direction:column}
.flex-row-reverse{flex-direction:row-reverse}
.flex-column-reverse{flex-direction:column-reverse}
.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.justify-content-start{justify-content:flex-start}
.justify-content-end{justify-content:flex-end}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.justify-content-around{justify-content:space-around}
.justify-content-evenly{justify-content:space-evenly}
.align-items-start{align-items:flex-start}
.align-items-end{align-items:flex-end}
.align-items-center{align-items:center}
.align-items-baseline{align-items:baseline}
.align-items-stretch{align-items:stretch}
.align-content-start{align-content:flex-start}
.align-content-end{align-content:flex-end}
.align-content-center{align-content:center}
.align-content-between{align-content:space-between}
.align-content-around{align-content:space-around}
.align-content-stretch{align-content:stretch}
.align-self-auto{align-self:auto}
.align-self-start{align-self:flex-start}
.align-self-end{align-self:flex-end}
.align-self-center{align-self:center}
.align-self-baseline{align-self:baseline}
.align-self-stretch{align-self:stretch}
.order-first{order:-1}
.order-0{order:0}
.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.order-4{order:4}
.order-5{order:5}
.order-last{order:6}
.m-0{margin:0}
.mt-0,.my-0{margin-top:0}
.me-0,.mx-0{margin-right:0}
.mb-0,.my-0{margin-bottom:0}
.ms-0,.mx-0{margin-left:0}
.m-025{margin:calc(var(--g-def)/8)}
.mt-025,.my-025{margin-top:calc(var(--g-def)/8)}
.mb-025,.my-025{margin-bottom:calc(var(--g-def)/8)}
.me-025,.mx-025{margin-right:calc(var(--g-def)/8)}
.ms-025,.mx-025{margin-left:calc(var(--g-def)/8)}
.m-1{margin:calc(var(--g-def)/4)}
.mt-1,.my-1{margin-top:calc(var(--g-def)/4)}
.me-1,.mx-1{margin-right:calc(var(--g-def)/4)}
.mb-1,.my-1{margin-bottom:calc(var(--g-def)/4)}
.ms-1,.mx-1{margin-left:calc(var(--g-def)/4)}
.m-2{margin:calc(var(--g-def)/2)}
.mt-2,.my-2{margin-top:calc(var(--g-def)/2)}
.me-2,.mx-2{margin-right:calc(var(--g-def)/2)}
.mb-2,.my-2{margin-bottom:calc(var(--g-def)/2)}
.ms-2,.mx-2{margin-left:calc(var(--g-def)/2)}
.m-205{margin:calc(var(--g-def)/1.75)}
.mt-205,.my-205{margin-top:calc(var(--g-def)/1.75)}
.mb-205,.my-205{margin-bottom:calc(var(--g-def)/1.75)}
.me-205,.mx-205{margin-right:calc(var(--g-def)/1.75)}
.ms-205,.mx-205{margin-left:calc(var(--g-def)/1.75)}
.m-3{margin:var(--g-def)}
.mt-3,.my-3{margin-top:var(--g-def)}
.me-3,.mx-3{margin-right:var(--g-def)}
.mb-3,.my-3{margin-bottom:var(--g-def)}
.ms-3,.mx-3{margin-left:var(--g-def)}
.m-4{margin:calc(var(--g-def)*1.5)}
.mt-4,.my-4{margin-top:calc(var(--g-def)*1.5)}
.me-4,.mx-4{margin-right:calc(var(--g-def)*1.5)}
.mb-4,.my-4{margin-bottom:calc(var(--g-def)*1.5)}
.ms-4,.mx-4{margin-left:calc(var(--g-def)*1.5)}
.m-405{margin:calc(var(--g-def)*2)}
.mt-405,.my-405{margin-top:calc(var(--g-def)*2)}
.mb-405,.my-405{margin-bottom:calc(var(--g-def)*2)}
.me-405,.mx-405{margin-right:calc(var(--g-def)*2)}
.ms-405,.mx-405{margin-left:calc(var(--g-def)*2)}
.m-5{margin:calc(var(--g-def)*3)}
.mt-5,.my-5{margin-top:calc(var(--g-def)*3)}
.me-5,.mx-5{margin-right:calc(var(--g-def)*3)}
.mb-5,.my-5{margin-bottom:calc(var(--g-def)*3)}
.ms-5,.mx-5{margin-left:calc(var(--g-def)*3)}
.m-6{margin:calc(var(--g-def)*4)}
.me-6,.mx-6{margin-right:calc(var(--g-def)*4)}
.ms-6,.mx-6{margin-left:calc(var(--g-def)*4)}
.mt-6,.my-6{margin-top:calc(var(--g-def)*4)}
.mb-6,.my-6{margin-bottom:calc(var(--g-def)*4)}
.p-0{padding:0}
.pt-0,.py-0{padding-top:0}
.pe-0,.px-0{padding-right:0}
.pb-0,.py-0{padding-bottom:0}
.ps-0,.px-0{padding-left:0}
.p-025{padding:calc(var(--g-def)/8)}
.pt-025,.py-025{padding-top:calc(var(--g-def)/8)}
.pb-025,.py-025{padding-bottom:calc(var(--g-def)/8)}
.pe-025,.px-025{padding-right:calc(var(--g-def)/8)}
.ps-025,.px-025{padding-left:calc(var(--g-def)/8)}
.p-1{padding:calc(var(--g-def)/4)}
.pt-1,.py-1{padding-top:calc(var(--g-def)/4)}
.pe-1,.px-1{padding-right:calc(var(--g-def)/4)}
.pb-1,.py-1{padding-bottom:calc(var(--g-def)/4)}
.ps-1,.px-1{padding-left:calc(var(--g-def)/4)}
.p-2{padding:calc(var(--g-def)/2)}
.pt-2,.py-2{padding-top:calc(var(--g-def)/2)}
.pe-2,.px-2{padding-right:calc(var(--g-def)/2)}
.pb-2,.py-2{padding-bottom:calc(var(--g-def)/2)}
.ps-2,.px-2{padding-left:calc(var(--g-def)/2)}
.p-205{padding:calc(var(--g-def)/1.75)}
.pt-205,.py-205{padding-top:calc(var(--g-def)/1.75)}
.pb-205,.py-205{padding-bottom:calc(var(--g-def)/1.75)}
.pe-205,.px-205{padding-right:calc(var(--g-def)/1.75)}
.ps-205,.px-205{padding-left:calc(var(--g-def)/1.75)}
.p-3{padding:var(--g-def)}
.pt-3,.py-3{padding-top:var(--g-def)}
.pe-3,.px-3{padding-right:var(--g-def)}
.pb-3,.py-3{padding-bottom:var(--g-def)}
.ps-3,.px-3{padding-left:var(--g-def)}
.p-305{padding:calc(var(--g-def)*1.25)}
.pt-305,.py-305{padding-top:calc(var(--g-def)*1.25)}
.pe-305,.px-305{padding-right:calc(var(--g-def)*1.25)}
.pb-305,.py-305{padding-bottom:calc(var(--g-def)*1.25)}
.ps-305,.px-305{padding-left:calc(var(--g-def)*1.25)}
.p-4{padding:calc(var(--g-def)*1.5)}
.pt-4,.py-4{padding-top:calc(var(--g-def)*1.5)}
.pe-4,.px-4{padding-right:calc(var(--g-def)*1.5)}
.pb-4,.py-4{padding-bottom:calc(var(--g-def)*1.5)}
.ps-4,.px-4{padding-left:calc(var(--g-def)*1.5)}
.p-405{padding:calc(var(--g-def)*2)}
.pt-405,.py-405{padding-top:calc(var(--g-def)*2)}
.pb-405,.py-405{padding-bottom:calc(var(--g-def)*2)}
.pe-405,.px-405{padding-right:calc(var(--g-def)*2)}
.ps-405,.px-405{padding-left:calc(var(--g-def)*2)}
.p-5{padding:calc(var(--g-def)*3)}
.pt-5,.py-5{padding-top:calc(var(--g-def)*3)}
.pe-5,.px-5{padding-right:calc(var(--g-def)*3)}
.pb-5,.py-5{padding-bottom:calc(var(--g-def)*3)}
.ps-5,.px-5{padding-left:calc(var(--g-def)*3)}
.p-6{padding:calc(var(--g-def)*4)}
.pe-6,.px-6{padding-right:calc(var(--g-def)*4)}
.ps-6,.px-6{padding-left:calc(var(--g-def)*4)}
.pt-6,.py-6{padding-top:calc(var(--g-def)*4)}
.pb-6,.py-6{padding-bottom:calc(var(--g-def)*4)}
.m-n1{margin:calc(var(--g-def)/-4)}
.mt-n1,.my-n1{margin-top:calc(var(--g-def)/-4)}
.me-n1,.mx-n1{margin-right:calc(var(--g-def)/-4)}
.mb-n1,.my-n1{margin-bottom:calc(var(--g-def)/-4)}
.ms-n1,.mx-n1{margin-left:calc(var(--g-def)/-4)}
.m-n2{margin:calc(var(--g-def)/-2)}
.mt-n2,.my-n2{margin-top:calc(var(--g-def)/-2)}
.me-n2,.mx-n2{margin-right:calc(var(--g-def)/-2)}
.mb-n2,.my-n2{margin-bottom:calc(var(--g-def)/-2)}
.ms-n2,.mx-n2{margin-left:calc(var(--g-def)/-2)}
.m-n205{margin:calc(var(--g-def)/-1.75)}
.mt-n205,.my-n205{margin-top:calc(var(--g-def)/-1.75)}
.mb-n205,.my-n205{margin-bottom:calc(var(--g-def)/-1.75)}
.ms-n205,.mx-n205{margin-left:calc(var(--g-def)/-1.75)}
.me-n205,.mx-n205{margin-right:calc(var(--g-def)/-1.75)}
.m-n3{margin:calc(var(--g-def)/-1)}
.mt-n3,.my-n3{margin-top:calc(var(--g-def)/-1)}
.me-n3,.mx-n3{margin-right:calc(var(--g-def)/-1)}
.mb-n3,.my-n3{margin-bottom:calc(var(--g-def)/-1)}
.ms-n3,.mx-n3{margin-left:calc(var(--g-def)/-1)}
.m-n4{margin:calc(var(--g-def)*-1.5)}
.mt-n4,.my-n4{margin-top:calc(var(--g-def)*-1.5)}
.me-n4,.mx-n4{margin-right:calc(var(--g-def)*-1.5)}
.mb-n4,.my-n4{margin-bottom:calc(var(--g-def)*-1.5)}
.ms-n4,.mx-n4{margin-left:calc(var(--g-def)*-1.5)}
.m-n405{margin:calc(var(--g-def)*-2)}
.mt-n405,.my-n405{margin-top:calc(var(--g-def)*-2)}
.mb-n405,.my-n405{margin-bottom:calc(var(--g-def)*-2)}
.me-n405,.mx-n405{margin-right:calc(var(--g-def)*-2)}
.ms-n405,.mx-n405{margin-left:calc(var(--g-def)*-2)}
.m-n5{margin:calc(var(--g-def)*-3)}
.mt-n5,.my-n5{margin-top:calc(var(--g-def)*-3)}
.me-n5,.mx-n5{margin-right:calc(var(--g-def)*-3)}
.mb-n5,.my-n5{margin-bottom:calc(var(--g-def)*-3)}
.ms-n5,.mx-n5{margin-left:calc(var(--g-def)*-3)}
.m-n6{margin:calc(var(--g-def)*-4)}
.mt-n6,.my-n6{margin-top:calc(var(--g-def)*-4)}
.mb-n6,.my-n6{margin-bottom:calc(var(--g-def)*-4)}
.ms-n6,.mx-n6{margin-left:calc(var(--g-def)*-4)}
.me-n6,.mx-n6{margin-right:calc(var(--g-def)*-4)}
.m-auto{margin:auto}
.mt-auto,.my-auto{margin-top:auto}
.me-auto,.mx-auto{margin-right:auto}
.mb-auto,.my-auto{margin-bottom:auto}
.ms-auto,.mx-auto{margin-left:auto}
/*Embedded content*/
figure{margin:0}
img{border:0}
img,svg{vertical-align:middle}
.of-cover{object-fit:cover}
.of-contain{object-fit:contain}
.of-cover,.of-contain{object-position:center}
.aspect::before{content:"";display:block;padding-top:100%}
.img-align-top,.img-align-center,.img-align-bottom{z-index:1;left:50%}
.img-align-top{top:0;transform:translate(-50%,-0%)}
.img-align-center{top:50%;transform:translate(-50%,-50%)}
.img-align-bottom{top:100%;transform:translate(-50%,-100%)}
/*ani*/
.trs-all-0{transition:none}
.trs-all-03,a{transition:all .3s}
.fade{transition:opacity .15s linear}
  @media (prefers-reduced-motion:reduce){.fade{transition:none}}
  .fade:not(.show){opacity:0}
/*text*/
.text-start{text-align:left !important}
.text-end{text-align:right !important}
.text-center{text-align:center !important}
.text-wrap{white-space:normal !important}
.text-nowrap{white-space:nowrap !important}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-shadow{text-shadow:-1px -1px 1px rgba(0,0,0,.2),1px 1px 1px rgba(var(--fz),.2)}
.text−vertical{writing-mode:vertical-rl}
.tdu,a:is(:hover,:focus){text-decoration:underline}
.tdud{text-decoration:underline dotted}
.tdu-none,a,a:not([href]):hover,a:is(:hover,:focus),.btn:hover,.hvr-no-tdu:is(:hover,:focus){text-decoration:none}
.tdw{text-decoration-style:wavy}
.tddb{text-decoration-style:double}
.indent{text-indent:-9999px;white-space:nowrap;overflow:hidden;text-align:left}

/* b */
.bsd{border:.1rem solid #ccc}
.btsd{border-top:.1rem solid #ccc}
.bbsd{border-bottom:.1rem solid #dedcdc}
.besd{border-right:.1rem solid #dedcdc}
.bssd{border-left:.1rem solid #dedcdc}
.bda{border:.1rem dashed #ccc}
.btda{border-top:.1rem dashed #ccc}
.bbda{border-bottom:.1rem dashed #dedcdc}
.beda{border-right:.1rem dashed #dedcdc}
.bsda{border-left:.1rem dashed #dedcdc}
.bdb{border:.4rem double #ccc}
.btdb{border-top:.4rem double #ccc}
.bbdb{border-bottom:.4rem double #dedcdc}
.bedb{border-right:.4rem double #dedcdc}
.bsdb{border-left:.4rem double #dedcdc}
.bw-1px{border-width:1px!important}
.bw-01r{border-width:.1rem!important}
.bw-02r{border-width:.2rem!important}
.bw-04r{border-width:.4rem!important}

/*clr bc bg*/
.clr-wht {color: #FFF;}
.clr-theme,.hvr-clr-theme:hover{color:rgb(var(--theme))}

.bg-theme{background:rgba(var(--theme));}

.bg-gray {background:rgba(var(--gray));}
.bg-gray-op08 {background:rgba(var(--gray),.8);}
.bg-gray-op06 {background:rgba(var(--gray),.6);}

.bg-blk,.hvr-bg-blk:is(:hover,:active){background:rgb(var(--blk))}
.bg-0,.hvr-bg-0,.hvr-bg-0:is(:hover,:active){background:none}

/*pagetop*/
.bg-contain{background-size:contain}
.bg-cover{background-size:cover}
.bg-norepeat{background-repeat:no-repeat}
.bg-posi-center{background-position:center center}
.bg-posi-top{background-position:center top}
.bg-posi-bottom{background-position:center bottom}

/*pagetop*/
.transition-fade{transition:opacity 500ms visibility 0s ease 500ms;opacity:0;visibility:hidden}
.transition-fade.is-show{transition-delay:0s;opacity:1;visibility:visible}
#scroll-top-observer{position:absolute;top:0;height:1px;width:1px;z-index:-1;visibility:hidden}

/*shadow*/
.shadow-0{box-shadow:none}
.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
.shadow-2{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}
.shadow-3{box-shadow:0 1rem 3rem rgba(0,0,0,.175)}

/*embed*/
.ratio{position:relative;width:100%}
  .ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
  .ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
  .ratio-1x1{--bs-aspect-ratio:100%}
  .ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}
  .ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}
  .ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}

/*opacity*/
.op-0{opacity:0}
.op-02{opacity:.2}
.op-05{opacity:.5}
.op-07{opacity:.7}
.op-08{opacity:.8}
.op-09{opacity:.9}
.op-095{opacity:.95}

/*btn*/
.btn{letter-spacing:0;line-height:1.2;padding:.53em 0 .52em}
  .btn>input[type="text"]{border:0;outline:0;background:none;line-height:1.4}
.btn-share-fb,.btn-share-tw{color:rgb(var(--wht));border:.3rem solid inherit}
  .btn-share-fb:hover,.btn-share-tw:hover{background:rgb(var(--wht))}
.btn-share-fb{background:var(--fb);border-color:var(--fb)}
  .btn-share-fb:hover{color:var(--fb)}
.btn-share-tw{background:var(--tw);border-color:var(--tw)}
  .btn-share-tw:hover{color:var(--tw)}
.btn-share-Line svg{height:1.57em;width:1.57em;position:relative}
  .btn-share-Line:hover img{fill:var(--fb)}
.btn-shadow{box-shadow:1px 1px 2px rgba(0,0,0,.15),-1px -1px 2px rgba(0,0,0,.1)}

/*hw*/
.w-8rem{width:8rem}
.w-10rem{width:10rem}
.w-20rem{width:20rem}
.w-30rem{width:30rem}
.w-80{width:80%}
.w-100{width:100%}
.w-auto{width:auto}
.w-100vw{width:100vw}
.maw-100{max-width:100%}
.h-100{height:100%}
.h-auto{height:auto}
.h-20vh{height:20vh}
.h-80vh{height:80vh}
.h-100vh{height:100vh}
.h-20rem {height: 20rem;}
.h-30rem {height: 30rem;}
.mh-80vh {max-height: 80vh;}
.mh-50rem {max-height: 50rem;}
.mh-25rem {max-height: 25rem;}

/* li */
.liSlash>li{display:inline}
  .liSlash>li::before{content:"/";margin-left:.3em;margin-right:.5em;color:#999999;}
    .liSlash>li:first-child::before,.liSlash ul>li::before{content:"";margin-left:0;margin-right:0}
  .liSlash.clr-wht>li::before{color:rgba(var(--wht),.7)}
.liKome{padding-left:1em}
  .liKome>li{position:relative}
    .liKome>li::before{content:"※";position:absolute;top:.05em;left:-1.5em}
.rounded-0{border-radius:0}
.rounded-top-0{border-top-left-radius:0;border-top-right-radius:0}
.rounded-bottom-0{border-bottom-left-radius:0;border-bottom-right-radius:0}
.rounded-end-0{border-top-right-radius:0;border-bottom-right-radius:0}
.rounded-start-0{border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-circle{border-radius:50%}
.rounded-pill{border-radius:50rem}
.rounded{border-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-top{border-top-left-radius:calc(var(--g-def)/4 + .1vw);border-top-left-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-top-end{border-top-right-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-top-start{border-top-left-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-end{border-top-right-radius:calc(var(--g-def)/4 + .1vw);border-bottom-right-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-bottom{border-bottom-right-radius:calc(var(--g-def)/4 + .1vw);border-bottom-left-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-bottom-end{border-bottom-right-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-bottom-start{border-bottom-left-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-start{border-top-left-radius:calc(var(--g-def)/4 + .1vw);border-bottom-left-radius:calc(var(--g-def)/4 + .1vw)}
.rounded-2{border-radius:calc(var(--g-def) + .1vw)}
.rounded-top-2{border-top-left-radius:calc(var(--g-def) + .1vw);border-top-left-radius:calc(var(--g-def) + .1vw)}
.rounded-top-end-2{border-top-right-radius:calc(var(--g-def) + .1vw)}
.rounded-top-start-2{border-top-left-radius:calc(var(--g-def) + .1vw)}
.rounded-end-2{border-top-right-radius:calc(var(--g-def) + .1vw);border-bottom-right-radius:calc(var(--g-def) + .1vw)}
.rounded-bottom-2{border-bottom-right-radius:calc(var(--g-def) + .1vw);border-bottom-left-radius:calc(var(--g-def) + .1vw)}
.rounded-bottom-end-2{border-bottom-right-radius:calc(var(--g-def) + .1vw)}
.rounded-bottom-start-2{border-bottom-left-radius:calc(var(--g-def) + .1vw)}
.rounded-start-2{border-top-left-radius:calc(var(--g-def) + .1vw);border-bottom-left-radius:calc(var(--g-def) + .1vw)}
/*grayscale gradient*/
.grayscale{filter:grayscale(100%);transition:all 0.5s}
  .grayscale:hover{filter:none}
/* collapse */
.collapse:not(.show){height:0;opacity:0;visibility:hidden}
.collapse.show{height:auto;opacity:1;visibility:visible}
[aria-expanded="true"] .clr-blk{color:rgb(var(--theme))}
[aria-expanded="true"] .fa-chevron-down{transform:scaleY(-1)}



/* ==========================================================================
Responsive
========================================================================== */
/* sm */
@media(min-width:576px){
  .container-sm,.container{max-width:540px}
  .fz-sm-2{font-size:1.2rem}
  .fz-sm-3{font-size:calc(1.275rem + .4vw)}
  .col-sm-5{flex:0 0 auto;width:41.66666667%}
  .col-sm-7{flex:0 0 auto;width:58.33333333%}
  .col-sm-9{flex:0 0 auto;width:75%}
  .col-sm-12{flex:0 0 auto;width:100%}
  .me-sm-0,.mx-sm-0{margin-right:0}
  .ms-sm-0,.mx-sm-0{margin-left:0}
  .p-sm-0{padding:0}
  .pt-sm-0,.py-sm-0{padding-top:0}
  .pe-sm-0,.px-sm-0{padding-right:0}
  .pb-sm-0,.py-sm-0{padding-bottom:0}
  .ps-sm-0,.px-sm-0{padding-left:0}
  .besd-sm{border-right:.1rem solid #dedcdc}
}

.embed-responsive {position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
.embed-responsive-1by1::before {padding-top: 100%;}
.embed-responsive-3by2::before {padding-top:69.6666%;}
.embed-responsive::before {display: block;content: "";}

.embed-initial {overflow: initial;}
.txt-clamp {white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}


/* ==========================================================================
natsworks
========================================================================== */


  /* loading
  ------------------------------------------*/
     #loading {width: 100%; height: 100%; position: relative;}
      #loading-wrap {opacity: 0;  visibility: hidden; position: fixed; height: 100%; width: 100%; z-index: 100; top: 0; left: 0; }
      #loading-wrap.active { opacity: 1;  visibility: visible;}

      #load-1 {height: 2.5rem; margin-top: 1rem;transform: translateY(3rem);}
      #load-2 {height: 3rem;transform: translateY(-.6rem);}
      #load-3 {transform: translateY(.6rem);}
      [id^="load-"] {opacity: 0;}
      [id^="load-"].active {transition: 1.4s cubic-bezier(0.79,0.14,0.15,0.86); opacity: 1;transform: translateY(0rem)!important;}
      #load-2.active,#load-3.active {transition: 1s cubic-bezier(0.79,0.14,0.15,0.86); opacity: 1;transform: translateY(0rem)!important;}

      #loadTitle{opacity: 0; transform: translate(-50%,-45%); position: fixed; top:50%; left:50%; z-index:100; color: #FFF; width: 90%;}
      #loadTitle.ani-1 {transition: 1s cubic-bezier(0.79,0.14,0.15,0.86); opacity: 1; transform: translate(-50%,-50%);}
      #loadTitle.ani-2 {opacity: 0; transform: translate(-50%,-60%);}


    #page-home header {opacity: 0;margin-top: -3rem;}
    #page-home main {opacity: 0; margin-top: 3rem;}
      #page-home header.active,#page-home main.active {transition: 1.2s cubic-bezier(0.79,0.14,0.15,0.86); opacity: 1; margin: 0;}
      #page-home main.show {opacity: 1;}

  /* fonts */
  .ff-en{font-family:'Noto Serif';letter-spacing:0;}
  @font-face {font-family: "remixicon"; src: url('/assets/fonts/remixicon.eot?t=1632402036360'); src: url('/assets/fonts/remixicon.eot?t=1632402036360#iefix') format('embedded-opentype'), url("/assets/fonts/remixicon.woff2?t=1632402036360") format("woff2"), url("/assets/fonts/remixicon.woff?t=1632402036360") format("woff"), url('/assets/fonts/remixicon.ttf?t=1632402036360') format('truetype'), url('/assets/fonts/remixicon.svg?t=1632402036360#remixicon') format('svg'); font-display: swap; }
  [class^="ri-"], [class*="ri-"] {font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

  .ri-insta:before { content: "\ee66"; }
  .ri-tw-line:before { content: "\f23b"; }
  .ri-fb-line:before { content: "\ecb9"; }
  .ri-fb:before { content: "\ecb8"; }
  .ri-tw:before { content: "\f23a"; }
  .ri-aw-right:before { content: "\ea6e"; }
  .ri-aw-left:before { content: "\ea64"; }
  .ri-aw-down:before { content: "\ea4e"; }
  .ri-aw-up:before { content: "\ea78"; }

  .i-thin {-webkit-font-smoothing:antialiased; -webkit-text-stroke-color:var(--bg); -webkit-text-stroke-width:.06rem;}
  .i-thin-b {-webkit-font-smoothing:antialiased; -webkit-text-stroke-color:var(--clrBasic); -webkit-text-stroke-width:.06rem;}


  /* link  */
  .box-link {border: 2px solid #000; background: #FFF; position: relative; color: #000;}
    .box-link:before{content:""; position: absolute; width: 100%; height: 100%; z-index: -1; border:1px solid #000; transition: all .25s ease-out; pointer-events: none;}
    .box-link:before {bottom: -10px;right: -10px; background: #000;}
    .box-link:hover::before {bottom: 0;right: 0;}
    .box-link:hover * {color: #000;}

  /* header */

  .logo{font-size:1rem!important;display:block;line-height:1; position: relative; height:1.6rem;}
    .logo.active {margin-top: -2rem;}
    .logo:before { transform:translate(-50%,-0%); background:url(/assets/img/global/icon.svg) center no-repeat;background-size:auto 100%;}
    .logo:after { transform:translate(-50%,50%); background:url(/assets/img/global/logo.svg) center no-repeat;background-size:auto 100%; opacity: 0;}
    .logo:before,.logo:after {width:13.2rem; left:-50%;; content: ""; position: absolute; height: 100%; top: 0;  transition: .8s cubic-bezier(0.79,0.14,0.15,0.86); }
    .logo:hover::before {opacity: 0; transform:translate(-50%,50%);}
    .logo:hover::after {opacity: 1; transform:translate(-50%,-0%);}
    .logo * {height: 100%;}

    #menu a:hover {color: #FFF;}

    #menu-button {box-sizing: border-box; cursor: pointer; z-index:52; padding: 1rem;}
      #menu-button.rounded-bottom { background:var(--bg);}
      #menu-button svg {stroke: #000;transition: 0.2s; width: 1.8rem; height: 1.8rem;}
      #menu-button svg g:first-child {opacity: 1;transition: opacity 0s 0.2s;}
      #menu-button svg g:first-child line {transition: transform 0.2s 0.2s;transform: translateY(0px);}
      #menu-button svg g:last-child {opacity: 0;transition: opacity 0s 0.2s;}
      #menu-button svg g:last-child line {transition: transform 0.2s;transform: rotate(0deg);transform-origin: center;}
      #menu-button line {stroke-width:2;}
      #menu-button.-menu-open {background: none;}
      #menu-button.-menu-open svg {stroke: #3a3a3a;}
      #menu-button.-menu-open svg g:first-child {opacity: 0;}
      #menu-button.-menu-open svg g:first-child line {transition: transform 0.2s;}
      #menu-button.-menu-open svg g:first-child line:first-child {transform: translateY(7px);}
      #menu-button.-menu-open svg g:first-child line:last-child {transform: translateY(-7px);}
      #menu-button.-menu-open svg g:last-child {opacity: 1;}
      #menu-button.-menu-open svg g:last-child line {transition: transform 0.2s 0.2s;}
      #menu-button.-menu-open svg g:last-child line:first-child {transform: rotate(45deg);}
      #menu-button.-menu-open svg g:last-child line:last-child {transform: rotate(-45deg);}

      #menu2 {position: fixed; width: 100%; height: 100%; background: #000; top: 0; left: 0; z-index: -1; visibility:hidden;}
      #menu2.active { z-index:51; visibility: visible;}

      #menu2 .bc-wht {position: relative;}
      #menu2 .bc-wht:after {content:""; position: absolute; bottom: 0; left: 0; width:0; height: 1px; background:rgba(255,255,255,.2);transition:1.4s cubic-bezier(0.08,0.82,0.17,1);transition-delay: .1s;}

      #menu2 .bc-wht span {display: block; transform: translateX(-1rem); opacity: 0; transition:2s cubic-bezier(0.08,0.82,0.17,1);transition-delay: .5s;}

      #menu2.active .bc-wht span {transform: translateX(0); opacity:1;}
      #menu2.active .bc-wht:after {width: 100%;}


      /* main */
      main.none {overflow-y: hidden; height: 100vh;}




  /* wpcf7 */
  .wpcf7-form-control {width: 100%; border: none; background: none; outline: none; color: #000;}
  .wpcf7-form-control::placeholder {color:#ccc; font-weight: normal;}
  .screen-reader-response {display: none;}
  .wpcf7-not-valid-tip {color:var(--blog); font-weight: bold;}
  .wpcf7-response-output {color:#fff; background-color:var(--blog); padding: 1rem!important; margin: 4rem 0 0 0!important; text-align:center; border: none!important;}

  /* pankuzu  */
    #pankuzu li:before {content:"＞"; font-size: .6rem; padding:0 .2rem 0 .4rem;}
    #pankuzu li:first-child:before {display: none;}
    #pankuzu a:hover {opacity: 0.5;}