/* intro */
#intro {
  background-color: var(--cl-3D-white);
  /*padding-bottom: 0;*/
  padding-top: calc(var(--u-space) * 1.5); }
  #intro .inner {
    position: relative;
    display: block;
    background-color: var(--cl-white);
    border-radius: 0.5em;
    padding: var(--u-padding);
    color: inherit;
    overflow: initial; }
    #intro .inner > img {
      position: absolute;
      width: 30vw;
      max-width: 25em;
      top: 50%;
      right: 0;
      transform: translate(35%, -50%); }
  #intro .intro-text {
    letter-spacing: 0.05em;
    width: 72%; }
    #intro .intro-text .p-notice {
      font-weight: 500;
      font-size: 1.125em;
      margin-bottom: 0; }
    #intro .intro-text img {
      width: 17.6em;
      margin-top: 1.6em;
      margin-bottom: 1.7em; }
      #intro .intro-text img.lgm-white {
        display: none; }
      #intro .intro-text img.lgm-black {
        display: inline-block; }
    #intro .intro-text .caco {
      font-weight: 500;
      font-size: 1.375em;
      line-height: 1.7em; }
  #intro a.inner.frame-link:hover .intro-text {
    position: relative;
    z-index: 2;
    color: var(--cl-white); }
    #intro a.inner.frame-link:hover .intro-text .p-notice::before {
      background-image: url("/share/asset/ui/notice-line-l-white.svg"); }
    #intro a.inner.frame-link:hover .intro-text .p-notice::after {
      background-image: url("/share/asset/ui/notice-line-r-white.svg"); }
    #intro a.inner.frame-link:hover .intro-text img.lgm-white {
      display: inline-block; }
    #intro a.inner.frame-link:hover .intro-text img.lgm-black {
      display: none; }
  #intro a.inner.frame-link > img {
    z-index: 3; }
  @media only screen and (min-width: 951px) {
    #intro .wrapper {
      padding: 0 calc(var(--u-padding) + var(--u-padding-s)); } }
  @media only screen and (max-width: 950px) {
    #intro .inner {
      padding-left: var(--u-padding-s);
      padding-right: var(--u-padding-s); }
      #intro .inner > img {
        width: 11.5em;
        transform: translate(10%, -50%); }
    #intro .intro-text img {
      width: 29vw; } }
  @media only screen and (max-width: 640px) {
    #intro {
      padding-top: var(--u-space); }
    #intro .inner {
      padding-left: var(--u-padding);
      padding-right: var(--u-padding);
      margin-top: 5em; }
      #intro .inner > img {
        top: -8em;
        right: 50%;
        transform: translate(50%, 0); }
    #intro .intro-text {
      /*width: 68%;*/
      width: 100%;
      padding-top: 5em; }
      #intro .intro-text .p-notice {
        font-size: 0.75em; }
      #intro .intro-text img {
        width: 45vw; }
      #intro .intro-text .caco {
        font-weight: 500;
        font-size: 0.9em; } }

/**/
#feature ul {
  margin-top: 5em; }
  #feature ul li {
    background-color: var(--cl-3D-white); }
#feature .features-text {
  margin-top: 3em; }
#feature.s-frame .uk-card-media-top {
  aspect-ratio: auto; }
  #feature.s-frame .uk-card-media-top img {
    object-fit: contain;
    height: auto; }
@media only screen and (max-width: 800px) {
  #feature .wrapper .inner {
    max-width: 100%; }
  #feature .uk-card-media-top {
    margin-left: calc(0 - var(--u-padding));
    margin-right: calc(0 - var(--u-padding)); }
  #feature ul {
    padding: 0 var(--u-padding);
    margin-top: var(--u-padding); } }

/* product categories */
#product-cat {
  background-color: var(--cl-3D-white); }
  #product-cat .cat {
    display: flex;
    margin: 0;
    gap: calc(var(--u-padding) / 2); }
    #product-cat .cat li {
      text-align: center;
      min-width: 308px;
      margin-bottom: 0; }
    #product-cat .cat-im {
      margin-bottom: 1.5em; }
      #product-cat .cat-im img {
        border-radius: 0.5em;
        transition: var(--trans-time); }
    #product-cat .cat-title {
      font-weight: 500;
      font-size: 1.125em;
      line-height: 1.7em; }
    #product-cat .cat a:hover img {
      animation-name: brightOver;
      animation-duration: 0.5s;
      animation-timing-function: ease-out;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
    @media only screen and (max-width: 640px) {
      #product-cat .cat li {
        min-width: 45%; } }
  #product-cat .scroll-box .scroll-back,
  #product-cat .scroll-box .scroll-next {
    top: 154px; }
    @media only screen and (min-width: 641px) {
      #product-cat .scroll-box .scroll-back,
      #product-cat .scroll-box .scroll-next {
        width: 3em;
        height: 3em; } }
    @media only screen and (max-width: 640px) {
      #product-cat .scroll-box .scroll-back,
      #product-cat .scroll-box .scroll-next {
        top: calc(22.5vw - 0.45em); } }

/* customer order service */
#order-service .box-heading .h-main {
  letter-spacing: 0.05em; }
#order-service .banner {
  margin-bottom: 6em; }
  #order-service .banner .uk-card-body {
    padding: 0 var(--u-padding); }
  #order-service .banner-text-01 {
    font-weight: 700;
    font-size: 1.75em;
    line-height: 1.7em;
    letter-spacing: .02em;
    margin-top: -0.35em; }
    #order-service .banner-text-01 span {
      font-weight: inherit;
      font-size: 0.67em; }
  #order-service .banner-text-02 p {
    display: inline-block;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.7em;
    color: #9CB436;
    margin: 1.8em 0 1.2em; }
  #order-service .banner-title img {
    width: 95%;
    max-width: 50em;
    margin-bottom: 4.5em; }
  #order-service .banner a.bt.bt-iconL {
    padding: 1.3em 4em;
    padding-left: 7em;
    text-align: center;
    text-indent: -3em; }
    #order-service .banner a.bt.bt-iconL span {
      padding-left: 3em; }
  @media only screen and (min-width: 951px) {
    #order-service .banner-text-02 br {
      display: none; }
    #order-service .banner-title img {
      width: 100%; } }
  @media only screen and (max-width: 800px) {
    #order-service .banner {
      margin-bottom: 4em;
      margin-left: calc(var(--u-padding) * -1);
      margin-right: calc(var(--u-padding) * -1); } }
  @media only screen and (max-width: 640px) {
    #order-service .banner {
      /*.hover-fix {
      	width: 90%;
      	max-width: 21em;
      }
      a.bt.bt-iconL {
      	width: 100%;
      	font-size: 1em;
      	padding: 1em 2em;
      	padding-left: 4em;
      	text-indent: -2em;
      }*/ }
      #order-service .banner-text-01 {
        font-size: 1em; }
      #order-service .banner-text-02 p {
        font-size: 0.9em;
        margin: 2em 0 1.5em; }
      #order-service .banner .p-notice::before, #order-service .banner .p-notice::after {
        width: 1.25em;
        height: 1.25em;
        background-size: 1.25em 1.25em; }
      #order-service .banner-title img {
        margin-bottom: 3em; } }
#order-service .c-list .uk-card {
  text-align: left;
  height: 100%;
  background-color: var(--cl-3D-white);
  border-radius: 0.5em;
  overflow: hidden; }
#order-service .c-list .uk-card-body {
  padding: var(--u-padding-s);
  letter-spacing: 0.1em;
  border-radius: 1em; }
#order-service .c-list .box-header {
  margin-bottom: 1.25em; }
  #order-service .c-list .box-header p {
    display: inline-flex;
    font-family: var(--font-en1);
    font-size: 0.875em;
    line-height: 1em;
    align-items: center; }
    #order-service .c-list .box-header p span.circle-num {
      font-size: 2em;
      margin-left: 0.8em;
      font-family: var(--font-g3);
      letter-spacing: 0; }
      #order-service .c-list .box-header p span.circle-num::before {
        width: 1.6em;
        height: 1.6em; }
  #order-service .c-list .box-header .c-tit {
    font-size: 1.25em;
    font-weight: 600;
    margin-top: 1em; }
#order-service .c-list .ul-square {
  margin-top: 1.25em; }
  #order-service .c-list .ul-square li {
    font-size: 0.95em;
    line-height: 1.7em;
    /*margin-bottom: 0;*/
    text-indent: -1em;
    padding-left: 1em;
    letter-spacing: 0.05em;
    margin: 0.5em 0; }
    #order-service .c-list .ul-square li .p-note {
      padding-left: 1em; }
#order-service .uk-grid {
  margin: calc(var(--u-padding) / 4 * -1); }
  #order-service .uk-grid > * {
    width: 100%;
    padding: calc(var(--u-padding) / 4);
    margin: 0 auto; }
  #order-service .uk-grid img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover; }
@media only screen and (min-width: 641px) {
  #order-service .uk-grid > * {
    width: 50%; } }
@media only screen and (min-width: 951px) {
  #order-service .uk-grid > div:nth-child(n+5):nth-child(-n+7) {
    width: 33.33%; }
  #order-service .uk-grid img {
    height: 268px; } }
@media only screen and (max-width: 640px) {
  #order-service .uk-grid > * + * {
    margin-top: calc(var(--u-padding) * 3 / 4); }
  #order-service .c-list .uk-card-body {
    padding: var(--u-padding); }
  #order-service .c-list .ul-square li {
    font-size: 1em;
    line-height: 1.8em; }
  #order-service .c-list .box-header .c-tit {
    font-size: 1.2em; } }

/**/
#order-service .box-act {
  align-items: center;
  margin-top: var(--u-space); }
  #order-service .box-act .bt-group {
    max-width: 28em;
    margin: 0 auto; }
    #order-service .box-act .bt-group + .bt-group {
      margin-top: 4em; }
  #order-service .box-act p {
    font-weight: 600;
    margin-bottom: 1.5em; }
  #order-service .box-act .hover-fix {
    margin-left: auto;
    margin-right: auto; }
#order-service .bt-order-wrapper.bt-group {
  margin-top: 0; }
  #order-service .bt-order-wrapper.bt-group .hover-fix {
    width: 90%;
    max-width: 28em; }
@media only screen and (min-width: 641px) {
  #order-service .hover-fix {
    width: 90%;
    max-width: initial;
    margin-left: auto;
    margin-right: auto; }
    #order-service .hover-fix a {
      width: 100%;
      font-size: 1.125em;
      padding: 1.5em; } }
@media only screen and (min-width: 951px) {
  #order-service .box-act {
    align-items: center; }
    #order-service .box-act .c-left {
      width: 38.5%; }
    #order-service .box-act img {
      width: 100%; }
    #order-service .box-act .c-right {
      width: 61.5%; } }
@media only screen and (max-width: 950px) {
  #order-service .box-act {
    flex-wrap: wrap;
    margin-top: calc(var(--u-padding) * 2); }
    #order-service .box-act > * {
      width: 100%; }
    #order-service .box-act .c-left {
      text-align: center;
      margin-bottom: 4em; }
    #order-service .box-act img {
      width: 50vw;
      max-width: 330px; } }
@media only screen and (max-width: 640px) {
  #order-service .box-act {
    /*.hover-fix {
    	max-width: 21em;
    }
    a.bt.bt-iconL {
    	font-size: 1em;
    }
    .bt.bt-iconL span {
    	font-size: 1em;
    }*/ }
    #order-service .box-act img {
      width: 50vw;
      max-width: 330px; }
    #order-service .box-act .p-notice {
      font-size: 0.85em; }
    #order-service .box-act .bt-order-wrapper.bt-group .hover-fix {
      max-width: 20em; } }

/* inside */
#inside {
  background-color: var(--cl-3D-white); }

/*add video*/
.video-wrapper .p-notice {
  margin: var(--u-padding) 0 2em; }
  .video-wrapper .p-notice p {
    display: inline-block;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.45em; }
  .video-wrapper .p-notice::before, .video-wrapper .p-notice::after {
    width: 3em;
    height: 5em;
    background-size: 100% auto;
    margin-bottom: -0.8em;
    background-position: bottom center; }
  .video-wrapper .p-notice::before {
    background-image: url("/share/asset/ui/notice-line-2-l.svg");
    margin-right: 1em; }
  .video-wrapper .p-notice::after {
    background-image: url("/share/asset/ui/notice-line-2-r.svg");
    margin-left: 1em; }
@media only screen and (max-width: 640px) {
  .video-wrapper .p-notice {
    margin: calc(var(--u-padding) * 2) 0 2em; }
    .video-wrapper .p-notice p {
      font-size: 1em; }
    .video-wrapper .p-notice::before, .video-wrapper .p-notice::after {
      width: 2em;
      height: 4em;
      margin-bottom: 0em; }
    .video-wrapper .p-notice::before {
      margin-right: 0.5em; }
    .video-wrapper .p-notice::after {
      margin-left: 0.5em; } }