/* /moniplat */
:root{
  --h-header:5rem;
  --scr-pt:8rem;
  --w-logo:25rem;
  --h-logo:2.7rem;
  --red:235,102,123;
  --yellow:255,251,199;
  --pink:238,135,180;
  --green:142,184,60;
  --greenDark:0,156,143;
  --greenLight:165,205,126;
  --orange:241,173,108;
  --orange-dark:222,153,87;
  --purple:211,166,204;
  --c-hotel:211,69,73;
  --c-hotel3:211,69,73;
  --c-airline:1,168,206;
  --c-rail:20,157,142;
  --c-inter-b:138,177,63;
  --c-it:226,165,18;
  --c-night:193,98,152,1;
  --c-etc:34,106,185;
  --c-inter-h:0,92,173;
  --c-butsuryu:60,133,180;
  --c-skyblue:223,242,252;
  --c-yellow2:255,246,164;
  --maxw:1600px;}

html{scroll-padding-top:var(--scr-pt);}

/* gakka --------------------------------*/

.gd-main,.gd-main:before {background:linear-gradient(90deg, #c1e1c1 0%, #33ade4 100%);}
.gd-main li a:hover {background: rgba(255,255,255,.15); opacity: 1;}
#oc_mv.gd-main{background:url(/assets/img/oc/oc.webp) center no-repeat;background-size:auto 100%; background-position: 25% bottom; position: relative;}

#oc_mv:before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:-1;
  background: linear-gradient(90deg, #adcfe3 0%, #adcfe3 50%, #007bb6 50%, #007bb6 100%);
}



.gd-hotel,.gd-hotel:before {background:linear-gradient(90deg, rgba(199,206,172,1)0%, rgba(211,69,73,1)75%);}
.gd-hotel3,.gd-hotel3:before {background:linear-gradient(90deg, rgba(199,206,172,1)0%, rgba(211,69,73,1)75%);}
.gd-airline,.gd-airline:before {background:linear-gradient(90deg, rgba(174,216,196,1)0%, rgba(1,168,206,1)75%);}
.gd-rail,.gd-rail:before {background:linear-gradient(90deg, rgba(173,213,183,1)0%, rgba(20,157,142,1)75%);}
.gd-inter-b,.gd-inter-b:before {background:linear-gradient(90deg, rgba(185,216,170,1)0%, rgba(138,177,63,1)75%);}
.gd-it,.gd-it:before {background:linear-gradient(90deg, rgba(202,216,165,1)0%, rgba(226,165,18,1)75%);}
.gd-night,.gd-night:before {background:linear-gradient(90deg, rgba(190,203,183,1)0%, rgba(193,98,152,1)75%);}
.gd-inter-h,.gd-inter-h:before {background:linear-gradient(90deg, rgba(167,203,197,1)0%, rgba(0,92,173,1)75%);}

.gd-bc-main {border-image:linear-gradient(90deg, #c1e1c1 0%, #33ade4 100%);}
.gd-bc-hotel {border-image:linear-gradient(90deg, rgba(199,206,172,1)0%, rgba(211,69,73,1)75%);}
.gd-bc-hotel3 {border-image:linear-gradient(90deg, rgba(199,206,172,1)0%, rgba(211,69,73,1)75%);}
.gd-bc-airline {border-image:linear-gradient(90deg, rgba(174,216,196,1)0%, rgba(1,168,206,1)75%);}
.gd-bc-rail {border-image:linear-gradient(90deg, rgba(173,213,183,1)0%, rgba(20,157,142,1)75%);}
.gd-bc-inter-b {border-image:linear-gradient(90deg, rgba(185,216,170,1)0%, rgba(138,177,63,1)75%);}
.gd-bc-it {border-image:linear-gradient(90deg, rgba(202,216,165,1)0%, rgba(226,165,18,1)75%);}
.gd-bc-night {border-image:linear-gradient(90deg, rgba(190,203,183,1)0%, rgba(193,98,152,1)75%);}
.gd-bc-inter-h {border-image:linear-gradient(90deg, rgba(167,203,197,1)0%, rgba(0,92,173,1)75%);}
[class*="gd-bc-"] {border-image-slice:1;}

@media(min-width:992px){
  .bg-50-left,.bg-50-right {background:none; position: relative;}
  .bg-50-left:before,.bg-50-right:before {content:""; position: absolute; width:calc(100vw/2); height: 100%; z-index: -1; top: 0;}
  .bg-50-left:before{right:0;}
  .bg-50-right:before{left:0;}
}

.bg-hotel {background:rgba(var(--c-hotel));}
.bg-hotel3 {background:rgba(var(--c-hotel3));}
.bg-airline {background:rgba(var(--c-airline));}
.bg-rail {background:rgba(var(--c-rail));}
.bg-inter-b {background:rgba(var(--c-inter-b));}
.bg-it {background:rgba(var(--c-it));}
.bg-night {background:rgba(var(--c-night));}
.bg-inter-h {background:rgba(var(--c-inter-h));}
.bg-etc {background:rgba(var(--c-etc));}
.bg-butsuryu{background:rgba(var(--c-butsuryu));}
.bg-skyblue{background:rgba(var(--c-skyblue));}
.bc-skyblue{border-color:rgba(var(--c-skyblue));}
.bg-yellow2{background:rgba(var(--c-yellow2));}

.bg-hotel-light {background:rgba(var(--c-hotel),.3);}
.bg-hotel3-light {background:rgba(var(--c-hotel3),.3);}
.bg-airline-light {background:rgba(var(--c-airline),.3);}
.bg-rail-light {background:rgba(var(--c-rail),.3);}
.bg-inter-b-light {background:rgba(var(--c-inter-b),.3);}
.bg-it-light {background:rgba(var(--c-it),.3);}
.bg-night-light {background:rgba(var(--c-night),.3);}
.bg-inter-h-light {background:rgba(var(--c-inter-h),.3);}

/*oc*/
.bg-hotel-bridal-light-07,.bg-hotel-bridal3-light-07 {background:rgba(var(--c-hotel),.7);}
.bg-hotel3-light-07 {background:rgba(var(--c-hotel3),.7);}
.bg-airline-light-07,.bg-grand-light-07,.bg-airlineca-light-07 {background:rgba(var(--c-airline),.7);}
.bg-rail-light-07 {background:rgba(var(--c-rail),.7);}
.bg-kokusai-business-light-07 {background:rgba(var(--c-inter-b),.7);}
.bg-it-business-light-07 {background:rgba(var(--c-it),.7);}
.bg-nighttime-light-07 {background:rgba(193,98,152,.7);}
.bg-inter-h-light-07,.bg-kokusai-light-07 {background:rgba(var(--c-inter-h),.7);}
.bg-etc1-light-07,.bg-etc2-light-07,.bg-etc3-light-07,.bg-etc4-light-07,.bg-etc5-light-07,.bg-etc6-light-07,.bg-etc7-light-07 {background:rgba(100,107,106,.7);}
.sp-evt p {padding: 1rem;margin:0;color: #2c2c2f;background: #cde4ff;border-top: solid 5px #5989cf;border-bottom: solid 5px #5989cf;}
b,h3{font-family: TsukuGoPr5-B;}

/*custum2025*/
.custum2025 .sp-evt_2025 a > div:first-of-type {padding: 1rem;margin:0;color: #2c2c2f;background: #cde4ff;border-top: solid 5px #5989cf;border-bottom: solid 5px #5989cf;}
.text_box p,.text_box {font-size: clamp(0.85rem, 0.83rem + 0.1vw, 0.95rem);line-height: 1.35;}
/* この li 内のリンクだけ、リンク色や下線をリセットする */
.sp-evt_2025 a,.evt_2025 a {
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* hover, visited, active も同じ扱いに */
.evt_2025 a:hover,
.evt_2025 a:visited,
.evt_2025 a:active {
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
}



.clr-theme,.li-theme li::marker  {color:rgba(var(--theme));}
.clr-hotel,.li-hotel li::marker  {color:rgba(var(--c-hotel));}
.clr-hotel3,.li-hotel3 li::marker  {color:rgba(var(--c-hotel3));}
.clr-airline,.li-airline li::marker  {color:rgba(var(--c-airline));}
.clr-rail,.li-rail li::marker  {color:rgba(var(--c-rail));}
.clr-inter-b,.li-inter-b li::marker  {color:rgba(var(--c-inter-b));}
.clr-it,.li-it li::marker  {color:rgba(var(--c-it));}
.clr-night,.li-night li::marker  {color:rgba(var(--c-night));}
.clr-inter-h,.li-inter-h li::marker  {color:rgba(var(--c-inter-h));}
.clr-etc,.li-etc li::marker  {color:rgba(var(--c-etc));}
.clr-butsuryu,.li-butsuryu li::marker  {color:rgba(var(--c-butsuryu));}

.liDisc-inline li {display: inline;}
[class*="liDisc-"] li:before {content:"・"; font-size:200%; line-height:.9; vertical-align:text-bottom;}
[class*="liDisc-"].li-theme li:before {color:rgba(var(--theme));}
[class*="liDisc-"].li-hotel li:before {color:rgba(var(--c-hotel));}
[class*="liDisc-"].li-hotel3 li:before {color:rgba(var(--c-hotel3));}
[class*="liDisc-"].li-airline li:before {color:rgba(var(--c-airline));}
[class*="liDisc-"].li-rail li:before {color:rgba(var(--c-rail));}
[class*="liDisc-"].li-inter-b li:before {color:rgba(var(--c-inter-b));}
[class*="liDisc-"].li-it li:before {color:rgba(var(--c-it));}
[class*="liDisc-"].li-night li:before {color:rgba(var(--c-night));}
[class*="liDisc-"].li-inter-h li:before {color:rgba(var(--c-inter-h));}
[class*="liDisc-"].li-etc li:before {color:rgba(var(--c-etc));}

[class*="liDisc-"].li-green-light li:before {color:rgb(var(--green),.5);}


.bc-hotel {border-color:rgba(var(--c-hotel));}
.bc-hotel3 {border-color:rgba(var(--c-hotel3));}
.bc-airline {border-color:rgba(var(--c-airline));}
.bc-rail {border-color:rgba(var(--c-rail));}
.bc-inter-b {border-color:rgba(var(--c-inter-b));}
.bc-it {border-color:rgba(var(--c-it));}
.bc-night {border-color:rgba(var(--c-night));}
.bc-inter-h {border-color:rgba(var(--c-inter-h));}
.bc-butsuryu {border-color:rgba(var(--c-butsuryu));}

.fil-theme {filter: brightness(0) saturate(100%) invert(64%) sepia(41%) saturate(534%) hue-rotate(139deg) brightness(93%) contrast(90%);}
.fil-wht {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(194deg) brightness(106%) contrast(106%);}
.fil-link {filter: brightness(0) saturate(100%) invert(64%) sepia(84%) saturate(4427%) hue-rotate(156deg) brightness(100%) contrast(101%);}
.fil-hotel {filter: brightness(0) saturate(100%) invert(30%) sepia(78%) saturate(1494%) hue-rotate(329deg) brightness(92%) contrast(87%);}
.fil-airline {filter: brightness(0) saturate(100%) invert(54%) sepia(78%) saturate(3379%) hue-rotate(157deg) brightness(95%) contrast(99%);}
.fil-rail {filter: brightness(0) saturate(100%) invert(68%) sepia(72%) saturate(6868%) hue-rotate(147deg) brightness(94%) contrast(84%);}
.fil-inter-b {filter: brightness(0) saturate(100%) invert(62%) sepia(18%) saturate(1161%) hue-rotate(39deg) brightness(98%) contrast(98%);}
.fil-it {filter: brightness(0) saturate(100%) invert(77%) sepia(32%) saturate(5886%) hue-rotate(5deg) brightness(101%) contrast(86%);}
.fil-night {filter: brightness(0) saturate(100%) invert(63%) sepia(9%) saturate(2947%) hue-rotate(282deg) brightness(78%) contrast(91%);}
.fil-inter-h {filter: brightness(0) saturate(100%) invert(18%) sepia(72%) saturate(3161%) hue-rotate(195deg) brightness(102%) contrast(101%);}

.mask {-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* Color --------------------------------*/

.clr-theme {color:rgb(var(--theme));}
.clr-base {color:var(--clrBasic);}
.clr-red {color:rgb(var(--red));}
.clr-yellow {color:rgb(var(--yellow));}
.clr-pink {color:rgb(var(--pink));}
.clr-green {color:rgb(var(--green));}
.clr-green-Dark {color:rgb(var(--greenDark));}
.clr-orange {color:rgb(var(--orange));}
.clr-purple {color:rgb(var(--purple));}
.clr-theme-light {color:rgba(var(--theme),.5);}
.clr-base-light {color:var(--clrBasic,.5);}
.clr-red-light {color:rgba(var(--red),.5);}
.clr-yellow-light {color:rgba(var(--yellow),.5);}
.clr-pink-light {color:rgba(var(--pink),.5);}
.clr-green-light {color:rgba(var(--green),.5);}
.clr-orange-light {color:rgba(var(--orange),.5);}
.clr-purple-light {color:rgba(var(--purple),.5);}

.bg-red {background:rgb(var(--red));}
.bg-yellow {background:rgb(var(--yellow));}
.bg-pink {background:rgb(var(--pink));}
.bg-green {background:rgb(var(--green));}
.bg-orange {background:rgb(var(--orange));}
.bg-purple {background:rgb(var(--purple));}
.bg-red-light {background:rgb(var(--red),.5);}
.bg-yellow-light {background:rgb(var(--yellow),.5);}
.bg-pink-light {background:rgb(var(--pink),.5);}
.bg-green-light {background:rgb(var(--green),.5);}
.bg-orange-light {background:rgb(var(--orange),.5);}
.bg-purple-light {background:rgb(var(--purple),.5);}
.bg-theme-light {background:rgb(var(--theme),.2);}

.bc-red {border-color:rgb(var(--red));}
.bc-yellow {border-color:rgb(var(--yellow));}
.bc-pink {border-color:rgb(var(--pink));}
.bc-green {border-color:rgb(var(--green));}
.bc-orange {border-color:rgb(var(--orange));}
.bc-orange-dark {border-color:rgb(var(--orange-dark));}
.bc-purple {border-color:rgb(var(--purple));}
.bc-red-light {border-color:rgb(var(--red),.5);}
.bc-yellow-light {border-color:rgb(var(--yellow),.5);}
.bc-pink-light {border-color:rgb(var(--pink),.5);}
.bc-green-light {border-color:rgb(var(--green),.5);}
.bc-orange-light {border-color:rgb(var(--orange),.5);}
.bc-purple-light {border-color:rgb(var(--purple),.5);}

.bc-theme{border-color:rgba(var(--theme)); }
.bc-theme-op05{border-color:rgba(var(--theme),.4) }
.bg-theme,.hvr-bg-theme:hover,a:hover >.hvr-bg-theme{background:rgb(var(--theme))}

.bc-link {border-color:rgb(var(--aLink))}
.bg-link {background:rgb(var(--aLink))}

.clr-theme-fix {color:var(--themeFix)}

.clr-wht,.hvr-clr-wht:is(:hover,:active){color:rgb(var(--wht))}
.bc-wht,.hvr-bc-wht:hover{border-color:rgb(var(--wht))}
.bg-wht,.hvr-bg-wht:is(:hover,:active){background:rgb(var(--wht))}
.clr-gray,.hvr-clr-gray:is(:hover,:active){color:rgba(var(--gray),.5)}

.bc-gray,.hvr-bc-gray:hover{border-color:#666}
.bg-gray,.hvr-bg-gray:is(:hover,:active){background-color:rgba(var(--gray),.15)}

.clr-gray-dark,.hvr-clr-gray-dark:is(:hover,:active){color:rgba(var(--grayDark),1)}
.bc-gray-dark,.hvr-bc-gray-dark:hover{border-color:rgba(var(--grayDark),1)}
.bg-gray-dark,.hvr-bg-gray-dark:is(:hover,:active){background-color:rgba(var(--gray),1)}
.clr-gray-light,.hvr-clr-gray-light:is(:hover,:active){color:rgb(var(--grayLight))}
.bc-gray-light,.hvr-bc-gray-light:hover,.table-bordered,.table-bordered td,.table-bordered th{border-color:rgb(var(--grayLight))}
.bg-gray-light,.hvr-bg-gray-light:is(:hover,:active){background-color:rgb(var(--grayLight))}
.clr-blk,.hvr-clr-blk:is(:hover,:active){color:rgb(var(--blk))}
.bc-blk,.hvr-bc-blk:hover{border-color:rgba(var(--blk),.7)}
.bg-blk,.hvr-bg-blk:is(:hover,:active){background:rgb(var(--blk))}

.uline-yellow {background: linear-gradient(transparent 75%, #fff799 75%);font-weight: bold;}





/* FONT --------------------------------*/
  .fw-B {font-family: 'TsukuGoPr5-B'; font-weight: bold;}
  .ff-EN {font-family:"Helvetica Neue",Arial;}
  strong:not(.ff-EN) {font-weight: normal;}
/* content --------------------------------*/

  header {height:var(--h-header); overflow: hidden;}
  #wrapper {margin-top:var(--h-header);}
  .tac{text-align: center;}

  #f-menu a {color:var(--clrBasic);}

/* logo --------------------------------*/

  .logo{font-size:1rem!important; display:block;line-height:1; position: relative; width:var(--w-logo); height:var(--h-logo);}
    .logo:before {background:url(/assets/img/global/logo-fix.svg) center no-repeat;background-size:auto 100%; content: ""; position: absolute; width:100%; height: 100%; top: 0; transition: ease .2s;}

/* MENU --------------------------------*/
  #menu-button {box-sizing: border-box; cursor: pointer;pointer-events: auto;}
    #menu-button svg {stroke: #FFF;transition: 0.2s; width: 25px; height: 25px;}
    #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: #fff;}
    #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);}

    #menu {position:fixed; bottom: 0; left: 0; width: 100%; background:#fff;}
      #menu a {background: rgb(var(--aLink)); color: #FFF;}
      #menu li {border-left:1px solid #fff;}
      #menu li:first-child {border: none;}
      #menu img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(194deg) brightness(106%) contrast(106%);}

    #menu2 {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; visibility:hidden;}
    #menu2 {height: calc(100% - var(--h-header)); margin-top:var(--h-header);}
    #menu2.active { z-index:20; visibility: visible;}
    #menu2 * {color: #FFF!important;}


  @media(max-width: 767px){
    #menu-button.active {top: 0!important;}
    #menu-button.-menu-open.active {top: .5rem!important;}
  }

  @media(min-width: 768px){
    #menu-button.active {right:0;}
    #menu-button svg {width: 4.5rem; height:4.5rem; margin-top: -1rem;}
    #menu-button line {stroke-width:1.5;}
    #menu {position: relative;}
    #menu a {background:none; color:rgb(var(--aLink));}
    #menu img {filter: brightness(0) saturate(100%) invert(64%) sepia(84%) saturate(4427%) hue-rotate(156deg) brightness(100%) contrast(101%);}
  }

  @media(min-width:992px){
  }


/* MAIN --------------------------------*/

  /* wp-pagenavi */
  .wp-pagenavi {width: 100%; display: grid; grid-auto-flow:column; margin: auto; text-align: center; border-top: 0.1rem solid rgba(var(--themeDark),.15);  border-bottom: 0.1rem solid rgba(var(--themeDark),.15); font-family: 'Roboto'; }
  .wp-pagenavi .pages {display: none;}
  .wp-pagenavi *:last-child {border-right: 0.1rem solid rgba(var(--themeDark),.15);}
  .wp-pagenavi * {display: inline-block; padding:var(--g-def) calc(var(--g-def)/2); border-left: 0.1rem solid rgba(var(--themeDark),.15);}
    .wp-pagenavi .current{background: rgba(var(--theme),.2);}
    .wp-pagenavi a:hover{color:rgb(var(--theme)); background:rgb(var(--themeDark));}

  @media (min-width: 768px) {
    .wp-pagenavi * {padding-left: calc(var(--g-def)*2); padding-right: calc(var(--g-def)*2);}
  }
  @media (min-width: 992px) {
    .wp-pagenavi {display: block;}
  }

#pager,#pager .bc-gray-light {border-color: rgba(var(--gray),.4)!important;}
#pager a {color: rgb(var(--blk));}
/*#pager .bc-gray-light {border-color: rgba(var(--gray),1)!important;}*/

#pager .style_2 {display: none;}

/* HOME --------------------------------*/

  #home-mv .sideImg picture {height: calc(100% / 3);}
  #home-mv {max-height: 800px;}



/* FOOTER --------------------------------*/

/* links --------------------------------*/

  [class*="a-line"] {position: relative;}
    [class*="a-line"]:after {content:"";  height:.12rem; background-color: #fff; position: absolute; right: 0; bottom:0rem; animation: aline-out .2s ease forwards;}
    [class*="a-line"]:hover::after,[class*="a-line"].active::after,.link-active:after {right:auto;left: 0; animation: aline .2s ease forwards;}
    @keyframes aline {0% { width:0;} 100% {width: 100%;}}
    @keyframes aline-out {0% {width:100%;} 100% {width: 0;}}

    [class*="a-line"].bc-blk:after { background-color:rgb(var(--themeDark));}

    .a-line-b:after {left: 0; animation: aline-out-b .2s ease forwards;}
    .a-line-b:after,.a-line.clr-theme:after {background:rgb(var(--themeDark));}
    .a-line-b:hover::after {left:auto;right: 0; animation: aline-b .2s ease forwards;}
    .a-line-b:before {content:""; height:.12rem; background:rgb(var(--themeDark)); position: absolute; left: 0; bottom:1.3rem; animation: aline-out .2s ease forwards;}
    .a-line-b:hover::before {left:auto;right: 0; animation: aline .2s ease forwards;}
    @keyframes aline-b {0% { width:100%;} 100% {width: 0;}}
    @keyframes aline-out-b {0% {width:0;} 100% {width: 100%;}}

    [class*="link-btn"] {border:1px solid rgb(var(--themeDark));}
    [class*="link-btn"]:hover,.hover-btn:hover {color:rgb(var(--theme)); background:rgb(var(--themeDark));}
    [class*="link-btn"] i {vertical-align:-.1rem;}
    [class*="link-btn-"]:after,[class*="link-btn-"]:before {vertical-align:-.1rem; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; -webkit-font-smoothing: antialiased;}


  /* ani-hover  */
  @media(min-width:1100px) {
    .ani-hover:hover .item-2 img {opacity: 1; transform:scale(1);}
    .img-link img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .8s ease-in-out;transition: .8s cubic-bezier(.165,.84,.44,1); -webkit-backface-visibility:hidden;}
    .img-link:hover img,.img-link.hover img {-webkit-transform: scale(1.05)!important; transform: scale(1.05)!important;}
  }

  /* animation */
  .tcb {transition: 1.2s cubic-bezier(.165,.84,.44,1);}
  .tcb-l {transition: 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"].slideUp {transform: translateY(3rem);}
  [class*="fadeSet"].slideDown {transform: translateY(-3rem);}
  [class*="fadeSet"].slideLeft {transform: translateX(-3rem);}
  [class*="fadeSet"].slideRight {transform: translateX(3rem);}


[class*="fadeSet"] { display: none; opacity: 0; transition: 1.4s cubic-bezier(.165,.84,.44,1);}
[class*="fadeSet"].active {
  display: block;
  animation-name: fadeIn;
  animation-fill-mode:forwards;
  animation-duration:.8s;
}

[class*="fadeSet"].active {
}
@keyframes fadeIn{
  0% {opacity: 0; }
  100% {opacity: 1; transform: translate(0rem);}
}


/* PARTS --------------------------------*/

  /* step */

  .steps-green .icon03,
  .steps-green strong:after,
  .steps-green .st-flow > li dl::before  {background: #8EB83C;}
  .steps-green .st-flow > li dl::after {border-bottom: 1px solid #8EB83C;}

  .steps-blue .icon03,
  .steps-blue strong:after,
  .steps-blue .st-flow > li dl::before  {background: rgb(var(--theme));}
  .steps-blue .st-flow > li dl::after {border-bottom: 1px solid rgb(var(--theme));}

  .st-flow {position: relative;}
  .st-flow::before {content: "";width:3px;height: 100%;background: #fff;display: block;position: absolute;top: 0;left:-5px;}
  .st-flow > li {position: relative;}

  .st-flow > li .icon03 {font-size: 0.8em; width: 2em;height: 2em;line-height: 2;text-align: center;font-weight: bold;border-radius: 100vh; color: #fff; display: inline-block;margin-right: 0.3em;}
  .st-flow strong {position: absolute; left: 0; z-index: 1;}

  .st-flow dt strong:after {position: absolute; content: ""; width:8px;height:8px;border-radius: 50%; top: 50%; right:-4px; margin-top: -4px;}
  .st-flow > li dl {padding-left:60px;position: relative;}
  .st-flow > li dl::before,
  .st-flow > li dl::after {content: "";display: block;position: absolute;top: 15px;}
  .st-flow > li dl::before {width:8px;height:8px;margin-top: -4px;border-radius: 50%;left: -8px;}
  .st-flow > li dl::after {width:55px;position: absolute;left:-1px;}
  .st-flow > li dl dt {margin-bottom: 0.5em; display: flex; align-items: center;}

  @media(min-width:576px){
    .st-flow > li dl::after {width:80px;}
    .st-flow > li dl::after {}
    .st-flow::before {left:0px;}
    .st-flow dt strong:after {margin-top: -8px;}
    .st-flow > li dl::before {left:-2px;}
    .st-flow > li dl {padding-left: 95px;}
  }

  @media(min-width:992px){
    .st-flow dt strong:after {margin-top: -11px; }
  }

  .brn-04 { filter: brightness(0.4);}
  .brn-06 { filter: brightness(0.6);}
  .brn-07 { filter: brightness(0.7);}

  .of-pt{object-position:top;}
  .of-pb{object-position:bottom;}

  /* line-grid */
  .line-grid {overflow: hidden; width: 100%; border-left:1px solid #fff;}
  .line-grid li {position: relative;}
  .line-grid li:before,.line-grid li:after {content: ""; z-index: 1; position: absolute; top: 0; background-color: #fff;}
  .line-grid li:before {left: -100%; width: 9999px; height: 1px;}
  .line-grid li:after {right: 0; width: 1px; height: 100%;}

  .line-dl {overflow: hidden;}
    .line-dl dd {position: relative;}
    .line-dl dd:before,.line-dl dd:after {content: ""; z-index: 1; position: absolute; bottom: 0; background-color:rgba(var(--themeDark),.2)!important;}
    .line-dl dd:before {left: -1000%; width: 9999px; height: 1px;}
    .line-dl dd:after {left: 0; width: 1px; height: 100%;}

  .liAg {background: linear-gradient(245deg, transparent 3rem, rgb(var(--pink)) 0); background-size:100%; background-repeat: no-repeat; background-position: right top; }

  [class*="iL-"] {position: relative; padding-left:2.5rem;}
  [class*="iL-"]:after {position: absolute; left: 0; top:.2rem; height: 2rem; width: 2rem;}
  .iL-Man:after {content:url("/assets/img/i/man.svg");}
  .iL-Clock:after {content:url("/assets/img/i/clock.svg");}
  .iL-Info:after,.iL-Bus:after {content:url("/assets/img/i/info.svg");}

  /*   */
  /* parts */
  .bc-none {border: none;}
  .row-ltr {direction: ltr}
  .scr-smooth{scroll-behavior: smooth;}
  .z-2 {z-index: 2;}
  .z-20 {z-index: 20;}
  .pointer-none {pointer-events:none;}
  .pointer-auto {pointer-events: auto;}

  .dot-line {position: relative;}
    .dot-line::before {content: "";background-image: linear-gradient(to right, rgb(var(--themeDark)), rgb(var(--themeDark)) 2px, transparent 2px, transparent 4px),linear-gradient(to right, rgb(var(--themeDark)), rgb(var(--themeDark)) 2px, transparent 2px, transparent 4px),linear-gradient(to bottom, rgb(var(--themeDark)), rgb(var(--themeDark)) 2px, transparent 2px, transparent 4px),linear-gradient(to bottom, rgb(var(--themeDark)), rgb(var(--themeDark)) 2px, transparent 2px, transparent 4px);background-size: 4px 2px, 4px 2px, 2px 4px, 2px 4px;background-position: left top, left bottom, left top, right top;background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;position: absolute;top: 0;bottom: 0;left: 0;right: 0;pointer-events: none}

  .txt-clamp {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .clamp-2  {overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2;}

  .web-map .fadeSet {transform: translate(0rem,0rem)!important;}
  .video-fade {display: none;}

  /* duration */
  .duration-07 {transition-duration: .7s;}

  /*table*/
  table{caption-side: bottom;table-layout: fixed;border-collapse: collapse}
  tbody,td,tfoot,th,thead,tr{border-color: inherit;border-style: solid;border-width: 0}
  th{text-align:inherit}
  .table {width:100%;vertical-align:top;}
    .table>:not(caption)>*>*{padding: 1em;border-bottom-width:1px}
    .table>tbody {vertical-align:inherit}
    .table>thead {vertical-align:bottom;background: rgba(255,255,255,.05)}
  .table-bordered>:not(caption)>*{border-width:1px 0}
    .table-bordered>:not(caption)>*>*{border-width:0 1px}
  .table-bordered td,.table-bordered th{border-color: inherit;}
  .table-bordered>thead>tr>th{border-bottom-width:inherit !important}

  .table-sp>:not(caption)>*>*{padding: .6em; letter-spacing: 0; line-height: 1.3;}
  .table-sp :is(th,td) {border: 1px solid rgb(var(--gray),.4);}
  .bc-gray-light,.hvr-bc-gray-light:hover,.table-bordered,.table-bordered td,.table-bordered th{border-color:rgba(var(--grayLight),.3)}

  .table-sticky{position: relative;}
    .table-sticky thead th,.table-sticky th{position: sticky;top: 0;z-index:0;}
      .table-sticky thead th,.table-sticky tbody th{z-index: 10;}
    .table-sticky tbody th{left: 0;}

  .thead-sticky th {position: sticky; left: 0; top: 0;}

  caption {caption-side: top;}

  .table-auto {table-layout: auto;}
  .w-table {width: 60rem;}
  .w-table-05{width: 45rem;}
  .w-table-02{width: 25rem;}
  .va-middle {vertical-align: middle;}

  .table .px-0 {padding-left: 0; padding-right: 0;}

  /* modal */
  .modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index:-100; opacity: 0; visibility: hidden;}
  .modal.active {opacity: 1;visibility: visible; z-index: 100;}
  .modal-container {background: #FFF; width:fit-content;position: relative; border:5px solid #fff;}
    .modal-container button {position: absolute; top:-.5rem; right:-.5rem; font-size: 130%; background:#E2DED2; padding:0; margin: 0; width:2rem; height:2rem;}

  .topHeader {top: var(--h-header);}
  #ctNav li:has(.link-exact-active) {display: none;}

  .letter-box {position: relative; border-color: #ccc!important;}
  .letter-box:after,.letter-box:before {content:""; z-index: 1; position: absolute;}
  .letter-box:after {top:-5px; right:-5px; border-right: 4rem solid #fff; border-bottom: 4rem solid transparent; }
  .letter-box:before {bottom:-5px; left:-5px; border-bottom: 4rem solid #fff; border-right: 4rem solid transparent; }
  .letter-box div:after,.letter-box div:before {content:""; z-index: 1; position: absolute; width:7rem; height:7rem; transform:rotate(-45deg); z-index: 2;}
  .letter-box div:after {top:.5rem; right:.5rem;border-right:1px solid #ccc;}
  .letter-box div:before {bottom:.5rem; left:.6rem;border-left:1px solid #ccc;}

  @media(min-width:576px){
    .letter-box div:after,.letter-box div:before {width:10rem; height:10rem;}
    .letter-box div:after {top:0rem; right:.1rem;border-right:1px solid #ccc;}
    .letter-box div:before {bottom:0rem; left:.1rem;border-left:1px solid #ccc;}
  }

/* Num  */
[class*="Num-"] {position: relative;}
[class*="imgNum-"]:after {position: absolute; bottom: 0; right: 0; z-index: 1; padding:.5rem .7rem; margin: 1rem; font-size: smaller; color :#fff; line-height: 1;}
[class*="jobNum-"] {padding-left:3rem;}
[class*="jobNum-"]:after {position: absolute; left: 0; top: 0; padding:.5rem .7rem; font-size: smaller; color :#fff; line-height: 1;}
[class*="liNum-"] {padding-left:3rem;}
[class*="liNum-"]:after {position: absolute; left:-1rem; top: 0; padding:.5rem .7rem; font-size: x-large; color :rgb(var(--theme)); line-height: 1;}
.hotel [class*="Num-"]:after {background:rgba(var(--c-hotel));}
.airline [class*="Num-"]:after {background:rgba(var(--c-airline));}
.rail [class*="Num-"]:after {background:rgba(var(--c-rail));}
.it [class*="Num-"]:after {background:rgba(var(--c-it));}
.inter-b [class*="Num-"]:after {background:rgba(var(--c-inter-b));}
[class*="Num-1"]:after {content:"1";}
[class*="Num-2"]:after {content:"2";}
[class*="Num-3"]:after {content:"3";}
[class*="Num-4"]:after {content:"4";}
[class*="Num-5"]:after {content:"5";}
[class*="Num-6"]:after {content:"6";}
[class*="Num-7"]:after {content:"7";}
[class*="Num-8"]:after {content:"8";}
[class*="Num-9"]:after {content:"9";}
[class*="liNum-1"]:after {content:"1.";}
[class*="liNum-2"]:after {content:"2.";}
[class*="liNum-3"]:after {content:"3.";}
[class*="liNum-4"]:after {content:"4.";}
[class*="liNum-5"]:after {content:"5.";}
[class*="liNum-6"]:after {content:"6.";}
[class*="liNum-7"]:after {content:"7.";}
[class*="liNum-8"]:after {content:"8.";}
[class*="liNum-9"]:after {content:"9.";}
[class*="Num-10"]:after {content:"10"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-11"]:after {content:"11"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-12"]:after {content:"12"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-13"]:after {content:"13"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-14"]:after {content:"14"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-15"]:after {content:"15"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-16"]:after {content:"16"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-17"]:after {content:"17"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-18"]:after {content:"18"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-19"]:after {content:"19"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-20"]:after {content:"20"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-21"]:after {content:"21"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-22"]:after {content:"22"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-23"]:after {content:"23"; padding: .5rem .43rem; letter-spacing: normal;}
[class*="Num-24"]:after {content:"24"; padding: .5rem .43rem; letter-spacing: normal;}


/* aspect  */
.ar-sq,.ar-1x1 {aspect-ratio:1/1;}
.ar-1x3 {aspect-ratio:1/3;}
.ar-2x1 {aspect-ratio:2/1;}
.ar-4x6 {aspect-ratio:4/6;}
.ar-6x4 {aspect-ratio:6/4;}
.ar-4x3 {aspect-ratio:4/3;}
.ar-4x1 {aspect-ratio:4/1;}
.ar-3x1 {aspect-ratio:3/1;}
.ar-8x5 {aspect-ratio:8/5;}
.ar-bnH {aspect-ratio:332/201;}
.ar-bnF {aspect-ratio:89/30;}
.ar-bnW {aspect-ratio:332/100;}

/* etc */
.pt-header{padding-top:var(--h-header)}
.op-01{opacity: .05;}

.gtc-12-4{grid-template-columns:repeat(12,[col] 1fr)}
  .gtc-12-4 > :nth-child(1){grid-column:col/span 12}
  .gtc-12-4 > :nth-child(2){grid-column:col/span 4}
  .gtc-12-4 > :nth-child(3){grid-column:col 5/span 4}
  .gtc-12-4 > :nth-child(4){grid-column:col 9/span 4}

.gtc-12-6{grid-template-columns:repeat(12,[col] 1fr)}
  .gtc-12-6 > :nth-child(1){grid-column:col/span 12}
  .gtc-12-6 > :nth-child(2){grid-column:col/span 6}
  .gtc-12-6 > :nth-child(3){grid-column:col 7/span 6}

.d-row dt{margin-top:calc(var(--g-def)*1.5)}

.dir-reverse{direction: rtl;}
a[class*=op-]:hover{opacity:1}


/*home*/
#oc_date{bottom: 1.2rem;}
#oc_date_2{  top: 50%;
  transform: translateY(-50%);}
#oc_date_3 .of-cover{object-position: top;}
#oc_date_2 span:nth-of-type(1) {
  /* 1 個目の span */
  color: #decb48;
}

#oc_date_2 span:nth-of-type(2) {
  /* 2 個目の span */
  color: #decb48;
}

#oc_date_2 span:nth-of-type(3) {
  /* 3 個目の span */
  color: #ffffff;
  font-family: TsukuGoPr5-B;
}

/* javascript --------------------------------*/


  /* js */
  .swiper.swiper-wrapper {z-index: 0!important;}
  .swiper-scrollbar {position: relative!important;height: 4px!important;left: 0!important;bottom:0rem!important;width: 100%!important;background: #E5E5E5!important;border-radius: 10px;position: relative;-ms-touch-action: none;background:rgb(var(--themeDark));}
  .swiper-horizontal>.swiper-scrollbar {width: 100%!important;}
  .swiper-pagination{bottom: -2rem!important;}
    .swiper-pagination-bullet {width: .4rem!important; height: .4rem!important;}
    .swiper-pagination-bullet-active {background: #aa8c00!important;}
  .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {z-index: 20!important;}

    /* wrapper */
    #newin .swiper-wrapper {transition-timing-function: linear;}
      #newin :is(.swiper-slide,a,picture) {width:auto; height: 20vh; aspect-ratio:1/1}



@media(max-width:767px){
  .cc-icon {top:16rem;}
  .sp-md-scroll {overflow-x: scroll;}
  .sp-md-w200 {width: 200%; padding: 1rem; border: 1px solid #ccc; background: #fff}
  .sp-md-w300 {width: 300%; padding: 1rem; border: 1px solid #ccc; background: #fff}
  .sp-md-w400 {width: 400%; padding: 1rem; border: 1px solid #ccc; background: #fff}
  .sp-none {border: none!important; padding:0!important;}
}

@media(max-width:575px){
  #supMV img {aspect-ratio:2000/2043!important;}
  input,textarea,select {font-size: 16px;}
  .sp-scroll {overflow-x: scroll;}
  .sp-w200 {width: 200%; padding: 1rem; border: 1px solid #ccc; background: #fff}
  .sp-w300 {width: 300%; padding: 1rem; border: 1px solid #ccc; background: #fff}
  .sp-w400 {width: 400%; padding: 1rem; border: 1px solid #ccc; background: #fff}
}


@media(min-width:576px){
  :root{--g-def:1.3rem;--fz:1.6rem; --h-header:7rem; --w-logo:28rem;--h-logo:3rem;}
  .w-sm-9rem{width:9rem;}
  .w-sm-13rem{width:13rem;}
  .w-sm-15rem{width:15rem;}
  .ovi-sm .fingerSwipe{display: none;}
  .top-sm-10rem {top: 10rem;}
  .top-sm-4rem {top: 4rem;}
  .h-sm-505rem {height: 5.5rem;}
  .h-sm-4rem {height: 4rem;}
  .h-sm-5rem {height: 5rem;}
  .h-sm-6rem {height: 6rem;}
  .h-sm-7rem {height:7rem;}
  .h-sm-8rem {height:8rem;}
  .h-sm-10rem {height:10rem;}
  .h-sm-12rem {height:12rem;}
  .h-sm-15rem {height:15rem;}
  .h-sm-16rem {height:16rem;}
  .h-sm-20rem {height:20rem;}
  .h-sm-25rem {height:25rem;}
  .h-sm-30rem {height:30rem;}
  .h-sm-35rem {height:35rem;}
  .h-sm-40rem {height:40rem;}
  .w-sm-auto {width: auto!important;}
  .w-sm-4rem{width: 4rem;}
  .w-sm-5rem{width: 5rem;}
  .w-sm-6rem{width: 6rem;}
  .w-sm-7rem{width: 7rem;}
  .w-sm-8rem{width: 8rem;}
  .w-sm-9rem{width: 9rem;}
  .w-sm-10rem{width: 10rem;}
  .w-sm-12rem{width: 12rem;}
  .w-sm-14rem{width: 14rem;}
  .w-sm-20rem{width: 20rem;}
  .w-sm-16rem{width: 16rem;}
  .gaf-sm-0{grid-auto-flow:unset}
  .gtc-sm-0{grid-template-columns:unset}
  .mt-sm-n7{margin-top:calc(var(--g-def)*-4.5)}
  .searchform input[type="submit"] {top:0rem;}
  .ar-sm-6x4 {aspect-ratio:6/4;}
  .fz-sm-10{font-size:clamp(6rem, 5.7rem + 1.5vw, 7.5rem)}
  .table-sp>:not(caption)>*>*{padding: .8em; letter-spacing: .05em; line-height: 1.5;}
  .table-sp.p-min>:not(caption)>*>*{padding:.5em; letter-spacing: .05em; line-height: 1.2;}
  .liDisc-sm-inline li {display: inline;}
}
/* md */
@media(min-width:768px){
  #oc_mv.gd-main{background-position:center;}
  :root{ --h-header:7rem; --w-logo:28rem;--h-logo:3rem;}
  .ovi-md .fingerSwipe{display: none;}
  .w-md-auto {width: auto!important;}
  .w-md-4rem{width: 4rem;}
  .w-md-5rem{width: 5rem;}
  .w-md-6rem{width: 6rem;}
  .w-md-7rem{width: 7rem;}
  .w-md-8rem{width: 8rem;}
  .w-md-9rem{width: 9rem;}
  .w-md-10rem{width: 10rem;}
  .w-md-12rem{width: 12rem;}
  .w-md-14rem{width: 14rem;}
  .w-md-16rem{width: 16rem;}
  .w-md-18rem{width: 18rem;}
  .w-md-20rem{width: 20rem;}
  .w-md-30rem{width: 30rem;}
  .w-md-40rem{width: 40rem;}
  .w-md-50rem{width: 50rem;}
  .w-md-60rem{width: 60rem;}
  .h-md-85vh{height: 85vh;}
  .h-md-90vh{height: 90vh;}
  .h-md-205rem {height:3rem;}
  .h-md-3rem {height:3rem;}
  .h-md-4rem {height:4rem;}
  .h-md-5rem {height:5rem;}
  .h-md-6rem {height:6rem;}
  .h-md-8rem {height:8rem;}
  .h-md-9rem {height:9rem;}
  .h-md-10rem {height:10rem;}
  .h-md-12rem {height:12rem;}
  .h-md-15rem {height:15rem;}
  .h-md-20rem {height:20rem;}
  .h-md-30rem {height:30rem;}
  .h-md-35rem {height:35rem;}
  .h-md-48rem {height:48rem;}
  .h-md-80rem {height:80rem;}
  .h-md-50vh{height: 50vh;}
  .h-md-100vh{height: 100vh;}
  .hm-md-100vh{min-height: 100vh;}
  .fz-md-10rem {font-size:clamp(10rem, 5.7rem + 1.5vw, 7.5rem)}
  .fz-md-11 {font-size:clamp(16rem, 5.7rem + 1.5vw, 7.5rem)}
  .w-md-60{width: 60%;}
  .top-md-4rem {top: 4rem;}
  .pt-md-100vh{padding-top: 100vh;}
  .bg-md-none {background: none;}
  .bottomEnd-md {bottom: 0; right: 0; top: auto; left: auto;}
  .img-align-md-bottom{top:100%;transform:translate(-50%,-100%)}
  .pgy-md-10vh{padding-top: 10vh;padding-bottom: 10vh;}
  .gtc-md-6_col{grid-template-columns:repeat(12,[col] 1fr)}
  .gtc-md-6_col > :nth-child(1){grid-column:col/span 6}
  .gtc-md-6_col > :nth-child(2){grid-column:col 7/span 2}
  .gtc-md-6_col > :nth-child(3){grid-column:col 9/span 2}
  .gtc-md-6_col > :nth-child(4){grid-column:col 11/span 2}
  .gaf-md-0{grid-auto-flow:unset}
  .gtc-md-0{grid-template-columns:unset}
  .gtc-md-5{grid-template-columns:repeat(5, 1fr);}
  .ar-md-3x1 {aspect-ratio:3/1;}
  .ar-md-2x1 {aspect-ratio:2/1;}
}
/* lg */
@media(min-width:992px){
  :root{--g-def:1.3rem; --h-header:7rem; --w-logo:28rem;--h-logo:3rem;}
  .gtc-lg-0{grid-template-columns:unset}
  .ovv-lg .fingerSwipe{display: none;}
  .w-lg-12rem {width: 12rem;}
  .w-lg-14rem {width: 14rem;}
  .w-lg-30rem {width: 30rem;}
  .w-lg-40rem {width: 40rem;}
  .h-lg-3rem {height:3rem;}
  .h-lg-4rem {height:4rem;}
  .h-lg-5rem {height:5rem;}
  .h-lg-6rem {height:6rem;}
  .h-lg-7rem {height:7rem;}
  .h-lg-8rem {height:8rem;}
  .h-lg-9rem {height:9rem;}
  .h-lg-10rem {height: 10rem;}
  .h-lg-12rem {height: 12rem;}
  .h-lg-14rem {height: 14rem;}
  .h-lg-20rem {height: 20rem;}
  .h-lg-30rem {height: 30rem;}
  .h-lg-35rem {height: 35rem;}
  .h-lg-40rem {height: 40rem;}
  .h-lg-10vh{height:10vh}
  .h-lg-15vh{height:15vh}
  .h-lg-20vh{height:20vh}
  .h-lg-60vh{height:60vh}
  .h-lg-80vh{height:80vh}
  .h-lg-85vh{height:85vh}
  .h-lg-90vh{height:90vh}
  .h-lg-100vh{height: 100vh;}
  .hm-lg-100vh{min-height: 100vh;}
  .w-lg-14rem {width: 14rem;}
  .w-lg-50rem {width: 50rem;}
  .pe-lg-0-im {padding-right: 0!important;}
  .gtc-lg-5{grid-template-columns:repeat(5, 1fr);}
  .gtc-lg-8{grid-template-columns:repeat(8, 1fr);}
  .pt-lg-100vh{padding-top: 100vh;}
  .top-lg-4rem {top: 4rem;}
  .maxw-lg-740 {max-width: 740px;}
}


.gtr-3{grid-template-rows:1fr 3fr;}


/*xl*/
@media(min-width:1200px){
  :root{--g-def:1.35rem;}
  .position-xl-sticky {top:3rem;}
  .w-xl-20rem {width: 20rem;}
  .w-xl-22rem {width: 22rem;}
  .w-xl-23rem {width: 23rem;}
  .w-xl-25rem {width: 25rem;}
  .w-xl-30rem {width: 30rem;}
  .w-xl-40rem {width: 40rem;}
  .h-xl-20rem{height:20rem!important}
  .h-xl-35rem{height:35rem!important}
  .h-xl-30rem{height:30rem!important}
  .h-xl-35rem{height:35rem!important}
  .h-xl-40rem{height:40rem!important}
  .h-xl-45rem{height:45rem!important}
  .h-xl-50rem{height:50rem!important}
  .h-xl-60rem{height:60rem!important}
  .h-xl-auto{height:auto!important}
  .h-xl-40vh{height:40vh}
  .h-xl-50vh{height:50vh}
  .h-xl-60vh{height:60vh}
  .h-xl-70vh{height:70vh}
  .h-xl-80vh{height:80vh}
  .h-xl-90vh{height:90vh}
  .h-xl-100vh{height:100vh}
  .h-xl-8rem {height:8rem;}
  .mh-xl-1000 {min-height: 700px;}
  .fz-xl-11 {font-size:clamp(16rem, 5.7rem + 1.5vw, 7.5rem)}
  .bg-xl-none {background: none;}
  .gtc-xl-5{grid-template-columns:repeat(5, 1fr);}
  .gtc-xl-8{grid-template-columns:repeat(8, 1fr);}
  .gtc-xl-1_11{grid-template-columns:1fr 11fr;}
  .p-xl-6{padding:calc(var(--g-def)*5)}
  .px-xl-6{padding-left:calc(var(--g-def)*5);padding-right:calc(var(--g-def)*5)}
  .pe-xl-0-im {padding-right: 0!important;}
  .maxw-xl-800 {max-width: 740px;}
}
/*2xl*/
@media(min-width:1400px){
  .p-2xl-8{padding:calc(var(--g-def)*6)}
  .px-2xl-8{padding-left:calc(var(--g-def)*6);padding-right:calc(var(--g-def)*6)}
  .gtc-2xl-5{grid-template-columns:repeat(5, 1fr);}
  .gtc-2xl-8{grid-template-columns:repeat(8, 1fr);}
}
@media(min-width:1600px){
}


/* position --------------------------------*/
.topLeft{top: 0;left: 0;}
.topRight{top: 0;right: 0;}
.topCenter{top: 0;left: 50%;transform: translate(-50%, -50%);}
.bottomCenter{bottom: 0;left: 50%;transform: translate(-50%, -50%);}
.bottomLeft{bottom: 0;left: 0;}
.bottomRight{bottom: 0;right: 0;}
.bottom{bottom: 0;}
.middleCenter{top: 50%;left: 50%;transform: translate(-50%, -50%);}
.middleCenter2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.middleRight{top: 50%;right: 0%;transform: translate(-50%, -50%);}
.middleLeft{top: 50%;left: 0;}
.mt--2{margin-top: -2rem}