@charset "UTF-8";
.content-wrap *{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.content-wrap a:active,.content-wrap a:focus,.content-wrap a:hover,.content-wrap a:link,.content-wrap a:visited{
  outline:0 none;
  text-decoration:none;
}
.content-wrap ol,.content-wrap ul{
  list-style:none;
}
.content-wrap img{
  height:auto;
  max-width:100%;
  vertical-align:top;
}
.content-wrap strong{
  color:inherit;
}
.content-wrap button{
  outline:none;
}

.content-wrap{
  --font-base:4.2666666667vw;
  --font-size-xs:2.8533333333vw;
  --font-size-sm:3.6533333333vw;
  --font-size-lg:4.9866666667vw;
  --content-gutter:4vw;
  --btn-radius:1.3333333333vw;
  --btn-color:#fff;
  --btn-padding-x:5.6vw;
  --card-spacing:5.6vw;
}
@media print,screen and (min-width:661px){
  .content-wrap{
    --content-gutter:15px;
    --font-base:15.2px;
    --font-size-xs:10.7px;
    --font-size-sm:13.3px;
    --font-size-lg:18.7px;
    --btn-fz:var(--font-base);
    --btn-radius:5px;
    --btn-padding-x:21px;
    --card-spacing:21px;
  }
}
@media print,screen and (max-width:660px){
  .none-sp-sm{
    display:none !important;
  }
}

@media print,screen and (max-width:800px){
  .none-sp-md{
    display:none !important;
  }
}

@media print,screen and (max-width:1139px){
  .none-sp-lg{
    display:none !important;
  }
}

@media print,screen and (min-width:661px){
  .none-pc-sm{
    display:none !important;
  }
}

@media print,screen and (min-width:801px){
  .none-pc-md{
    display:none !important;
  }
}

@media print,screen and (min-width:1140px){
  .none-pc-lg{
    display:none !important;
  }
}
.txt-right{
  text-align:right !important;
}

.txt-center{
  text-align:center !important;
}
@media print,screen and (min-width:661px){
  .txt-center-pc{
    text-align:center !important;
  }
}

.txt-left{
  text-align:left !important;
}
.p-notation{
  font-size:.75em;
  font-weight:400;
  margin-top:1em;
}
.btn{
  -webkit-box-align:center;
  -webkit-box-pack:center;
      -ms-flex-align:center;
      -ms-flex-pack:center;
          align-items:center;
  background-color:var(--btn-bg-collor);
  border:1px solid var(--btn-border-collor);
  border-radius:var(--btn-radius);
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  cursor:pointer;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  font-size:var(--btn-fz);
  gap:7px;
          justify-content:center;
  min-height:3em;
  min-width:3em;
  outline:0;
  padding:0 var(--btn-padding-x);
  position:relative;
  text-decoration:none;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.btn,.btn:link,.btn:visited{
  color:var(--btn-color);
}
@media (hover:hover){
  .btn{
    -webkit-transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
  }
  .btn:hover{
    background-color:var(--btn-bg-collor-hover);
    border-color:var(--btn-border-collor-hover);
    color:var(--btn-collor-hover);
  }
}
.btn i{
  aspect-ratio:1/1;
  background-size:cover;
  display:block;
  position:relative;
  width:6.4vw;
}
.btn-lg{
  --btn-fz:var(--font-size-lg);
}
.btn-primary{
  --btn-collor-hover:var(--btn-color);
  --btn-bg-collor:#dc1e37;
  --btn-bg-collor-hover:#b8192e;
  --btn-border-collor:#dc1e37;
  --btn-border-collor-hover:var(--btn-bg-collor-hover);
}
.btn-secondary{
  --btn-color:#333;
  --btn-collor-hover:var(--btn-color);
  --btn-bg-collor:#fff;
  --btn-bg-collor-hover:#f2f2f2;
  --btn-border-collor:#ccc;
  --btn-border-collor-hover:var(--btn-border-collor);
}
.btn-pink{
  --btn-bg-collor:#e3007f;
  --btn-collor-hover:var(--btn-color);
  --btn-bg-collor-hover:#ba0068;
  --btn-border-collor:#e3007f;
  --btn-border-collor-hover:var(--btn-bg-collor-hover);
}
.btn-line{
  --btn-color:#fff;
  --btn-collor-hover:#dc1e37;
  --btn-bg-collor:transparent;
  --btn-bg-collor-hover:#fff;
  --btn-border-collor:#fff;
}
@media print,screen and (min-width:661px){
  .btn{
    gap:min(.6306306306vw, 7px);
  }
  .btn i{
    width:min(2.1621621622vw, 24px);
  }
}
.card-box{
  height:100%;
}
.card-box__link{
  -webkit-box-direction:normal;
  -webkit-box-orient:vertical;
  border-radius:var(--btn-radius);
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
      -ms-flex-direction:column;
          flex-direction:column;
  height:100%;
  position:relative;
  text-decoration:none;
}
.card-box__link:link,.card-box__link:visited{
  color:#333;
}
@media (hover:hover){
  .card-box__link:hover .card-box__img img{
    -webkit-transform:scale(1.1);
            transform:scale(1.1);
  }
}
.card-box__img{
  border-radius:var(--btn-radius) var(--btn-radius) 0 0;
  overflow:hidden;
  position:relative;
}
.card-box__img img{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:center center;
     object-position:center center;
  -webkit-transition:-webkit-transform .3s ease-out;
  transition:-webkit-transform .3s ease-out;
  transition:transform .3s ease-out;
  transition:transform .3s ease-out,-webkit-transform .3s ease-out;
  width:100%;
}
.card-box__body{
  -webkit-box-direction:normal;
  -webkit-box-flex:1;
  -webkit-box-orient:vertical;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
      -ms-flex-positive:1;
  background-color:#fff;
  border-radius:0 0 var(--btn-radius) var(--btn-radius);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
      -ms-flex-direction:column;
          flex-direction:column;
          flex-grow:1;
  gap:var(--card-spacing);
          justify-content:flex-start;
  line-height:1.5;
  padding:var(--card-spacing);
}
.card-box__title{
  font-size:4.8vw;
  font-weight:700;
}
.card-box__sum{
  font-size:3.7333333333vw;
}
@media print,screen and (min-width:661px){
  .card-box__title{
    font-size:min(1.25vw, 18px);
  }
  .card-box__sum{
    font-size:min(.9722222222vw, 14px);
  }
}

.card-tile{
  --card-spacing:3.2vw;
}
.card-tile__link{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background-color:#fff;
  border:1px solid #e5e5e5;
  border-radius:var(--btn-radius);
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:var(--card-spacing);
  height:100%;
  padding:var(--card-spacing);
  position:relative;
  text-decoration:none;
}
.card-tile__link:link,.card-tile__link:visited{
  color:#333;
}
@media (hover:hover){
  .card-tile__link:hover .card-tile__img img{
    -webkit-transform:scale(1.1);
            transform:scale(1.1);
  }
}
.card-tile__img{
  -webkit-box-flex:0;
  aspect-ratio:690/388;
  border-radius:var(--btn-radius) var(--btn-radius) 0 0;
      -ms-flex:0 0 40%;
          flex:0 0 40%;
  overflow:hidden;
  position:relative;
}
.card-tile__img img{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:center center;
     object-position:center center;
  -webkit-transition:-webkit-transform .3s ease-out;
  transition:-webkit-transform .3s ease-out;
  transition:transform .3s ease-out;
  transition:transform .3s ease-out,-webkit-transform .3s ease-out;
  width:100%;
}
.card-tile__title{
  color:#dc1e37;
  font-size:var(--font-size-sm);
  font-weight:700;
  margin-bottom:.5em;
  position:relative;
}
.card-tile__title:after{
  border-right:2px solid #dc1e37;
  border-top:2px solid #dc1e37;
  content:"";
  height:.5em;
  position:absolute;
  right:0;
  rotate:45deg;
  top:.5em;
  width:.5em;
}
.card-tile__sum{
  font-size:var(--font-size-sm);
  line-height:1.75;
}
@media print,screen and (min-width:661px){
  .card-tile{
    --card-spacing:min(2.1621621622vw, 24px);
  }
  .card-tile__title{
    font-size:min(1.25vw, 18px);
  }
  .card-tile__sum{
    font-size:min(.9722222222vw, 14px);
  }
}
.container{
  margin-inline:auto;
  padding-inline:var(--content-gutter);
  position:relative;
  z-index:2;
}
.container:after{
  clear:both;
  content:"";
  display:block;
}
@media print,screen and (min-width:1140px){
  .container{
    width:1140px;
  }
}
.ym_open-modal{
  cursor:pointer;
  display:block;
  position:relative;
}
.ym_open-modal:after,.ym_open-modal:before{
  content:"";
  position:absolute;
}
.ym_open-modal:before{
  background-color:rgba(0,0,0,.3);
  border-radius:var(--btn-radius);
  inset:0;
  z-index:1;
}
.ym_open-modal:after{
  aspect-ratio:1/1;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cpath d='M121.49 78.84 56.52 41.16c-1.15-.67-2.59.16-2.59 1.49V118c0 1.33 1.44 2.16 2.59 1.49l64.97-37.67c1.15-.66 1.15-2.32 0-2.98Z' style='fill:%23fff'/%3E%3Ccircle cx='80' cy='80' r='76' style='fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:8px'/%3E%3C/svg%3E");
  background-size:cover;
  left:50%;
  top:50%;
  translate:-50% -50%;
  width:21.3%;
  z-index:3;
}
.ym_open-modal img{
  border-radius:var(--btn-radius);
}
@media (hover:hover){
  .ym_open-modal:before{
    -webkit-transition:opacity .3s linear;
    transition:opacity .3s linear;
  }
  .ym_open-modal:after{
    -webkit-transition:-webkit-transform .3s linear;
    transition:-webkit-transform .3s linear;
    transition:transform .3s linear;
    transition:transform .3s linear,-webkit-transform .3s linear;
  }
  .ym_open-modal:hover:before{
    opacity:.4;
  }
  .ym_open-modal:hover:after{
    -webkit-transform:scale(.8);
            transform:scale(.8);
  }
}
@media print,screen and (min-width:661px){
  .ym_open-modal:after{
    width:min(6.25vw, 90px);
  }
}

.ym-checkbox{
  display:none;
}

.ym-modal{
  overflow:hidden;
}
.ym-modal-overlay{
  backdrop-filter:blur(5px);
  background-color:rgba(0,0,0,.85);
  display:grid;
  height:100%;
  left:0;
  opacity:0;
  place-items:center;
  pointer-events:none;
  position:fixed;
  top:0;
  -webkit-transform:scale(1);
          transform:scale(1);
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  visibility:hidden;
  width:100%;
  z-index:-100;
}
.ym-modal-overlay .ym-o-close{
  cursor:pointer;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:-9999;
}
.ym-modal-overlay .ym-close{
  cursor:pointer;
  height:24px;
  position:absolute;
  right:0;
  top:-30px;
  width:24px;
  z-index:1;
}
.ym-modal-overlay .ym-close:after,.ym-modal-overlay .ym-close:before{
  background-color:#fff;
  content:"";
  display:block;
  height:1px;
  left:0;
  position:absolute;
  top:50%;
  -webkit-transform-origin:center;
          transform-origin:center;
  width:100%;
}
.ym-modal-overlay .ym-close:before{
  -webkit-transform:rotate(-45deg);
          transform:rotate(-45deg);
}
.ym-modal-overlay .ym-close:after{
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg);
}
@media (min-width:661px){
  .ym-modal-overlay .ym-close{
    height:48px;
    right:-48px;
    top:-58px;
    width:48px;
  }
}

.ym-modal-wrap{
  margin:20px auto;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  width:min(96%, 980px);
}

.youtubeBox{
  margin-bottom:0;
  padding-top:56.25%;
  position:relative;
  width:100%;
}
.youtubeBox iframe{
  height:100%;
  position:absolute;
  right:0;
  top:0;
  width:100%;
}

.ym-modal input:checked~.ym-o-close{
  z-index:9998;
}

.ym-modal input:checked~.ym-modal-overlay{
  opacity:1;
  overflow:auto;
  pointer-events:auto;
  -webkit-transform:scale(1);
          transform:scale(1);
  visibility:visible;
  z-index:9997;
}

.ym-modal input:checked~.ym-modal-overlay .ym-modal-wrap{
  -webkit-transform:translateY(0);
          transform:translateY(0);
  z-index:9999;
}

.content-wrap{
  font-size:var(--font-base);
  overflow:clip;
  position:relative;
  width:100%;
}

.content-trg{
  background-color:#dc1e37;
  border:1px solid #fff;
  border-radius:50%;
  cursor:pointer;
  height:42px;
  margin-left:auto;
  padding:13px;
  position:absolute;
  right:15px;
  top:15px;
  width:42px;
  z-index:11;
}
.content-trg span,.content-trg:after,.content-trg:before{
  background-color:#fff;
  border-radius:100vmax;
  content:"";
  height:2px;
  position:absolute;
  top:19px;
  -webkit-transition:opacity .3s,-webkit-transform .3s;
  transition:opacity .3s,-webkit-transform .3s;
  transition:transform .3s,opacity .3s;
  transition:transform .3s,opacity .3s,-webkit-transform .3s;
  width:2px;
}
.content-trg:before{
  left:13px;
}
.content-trg:after{
  right:13px;
}
.content-trg span{
  left:19px;
}
.content-trg.close span{
  opacity:0;
}
.content-trg.close:after,.content-trg.close:before{
  height:2px;
  -webkit-transform-origin:50% 50%;
          transform-origin:50% 50%;
  width:14px;
}
.content-trg.close:before{
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg);
}
.content-trg.close:after{
  -webkit-transform:rotate(-45deg);
          transform:rotate(-45deg);
}
.content-trg.show{
  position:fixed;
}
@media print,screen and (min-width:801px){
  .content-trg{
    display:none;
  }
}

.content-nav{
  background-color:#fff;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:10;
}
.content-nav__list a{
  color:#dc1e37;
}
@media (hover:hover){
  .content-nav__list a{
    -webkit-transition:color .2s ease-out;
    transition:color .2s ease-out;
  }
  .content-nav__list a:hover{
    color:#333;
  }
}
@media (max-width:800px){
  .content-nav{
    border:1px solid #dc1e37;
    border-radius:20px;
    padding-block:30px;
  }
  .content-nav.show{
    position:fixed;
  }
  .content-nav,.content-nav.hide-anim,.content-nav.open{
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
    -webkit-transition:opacity .3s,visibility .3s,-webkit-transform .3s;
    transition:opacity .3s,visibility .3s,-webkit-transform .3s;
    transition:opacity .3s,transform .3s,visibility .3s;
    transition:opacity .3s,transform .3s,visibility .3s,-webkit-transform .3s;
  }
  .content-nav.open{
    opacity:1;
    -webkit-transform:translateY(0);
            transform:translateY(0);
    visibility:visible;
  }
  .content-nav,.content-nav.hide-anim{
    opacity:0;
    -webkit-transform:translateY(-10px);
            transform:translateY(-10px);
    visibility:hidden;
  }
  .content-nav__cont{
    padding-inline:4vw;
  }
  .content-nav__h{
    line-height:0;
    margin-bottom:15px;
    width:calc(100% - 80px);
  }
  .content-nav__h img{
    width:100%;
  }
  .content-nav__list{
    padding-inline:30px 15px;
  }
  .content-nav__list li{
    font-size:14px;
    line-height:1.5em;
    position:relative;
  }
  .content-nav__list li:not(:last-child){
    margin-bottom:1.25em;
  }
  .content-nav__list li:before{
    background-color:#dc1e37;
    content:"";
    height:1px;
    left:-1.5em;
    position:absolute;
    top:.75em;
    width:1em;
  }
}
@media print,screen and (min-width:801px){
  .content-nav{
    border-bottom:1px solid #dc1e37;
    border-top:1px solid #dc1e37;
    height:60px;
    position:sticky;
    -webkit-transition:opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition:opacity .3s cubic-bezier(.645, .045, .355, 1);
  }
  .is-loading .content-nav{
    opacity:0;
  }
  .is-loaded .content-nav{
    opacity:1;
  }
  .content-nav__cont{
    height:100%;
    margin-inline:auto;
    padding-inline:min(1.0416666667vw, 15px);
    width:min(82.6388888889vw, 1190px);
  }
  .content-nav__cont:before{
    aspect-ratio:1190/30;
    background-image:url(/global/about/brand/yanmar_robot/img/nav-prot.svg);
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:contain;
    content:"";
    left:50%;
    margin-left:max(-41.3194444444vw, -595px);
    position:absolute;
    top:57px;
    width:min(82.6388888889vw, 1190px);
    z-index:0;
  }
  .content-nav__h{
    display:none;
  }
  .content-nav__list{
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    height:100%;
            justify-content:center;
    margin-inline:min(2.0833333333vw, 30px);
    padding-top:min(1.0416666667vw, 15px);
    position:relative;
    z-index:1;
  }
  .content-nav__list,.content-nav__list li{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .content-nav__list li{
    -webkit-box-flex:1;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        -ms-flex-positive:1;
            flex-grow:1;
    font-size:min(1.2612612613vw, 14px);
    font-weight:700;
            justify-content:space-between;
    line-height:1.5;
    text-align:center;
  }
  .content-nav__list li:last-child:after{
    opacity:1;
  }
  .content-nav__list li:after,.content-nav__list li:before{
    -webkit-box-flex:0;
    background-color:#dc1e37;
    border-radius:100vmax;
    content:"";
    display:block;
        -ms-flex:0 0 min(0.4166666667vw, 6px);
            flex:0 0 min(0.4166666667vw, 6px);
    height:min(.4166666667vw, 6px);
    width:min(.4166666667vw, 6px);
  }
  .content-nav__list li:after{
    opacity:0;
  }
  .content-nav__list li a{
    margin-inline:1em;
  }
}
@media print,screen and (min-width:1110px){
  .content-nav__cont:before{
    top:56px;
  }
}

.mline{
  --line-color:#dc1e37;
  line-height:0;
  width:266.6666666667vw;
}
.mline svg{
  aspect-ratio:2000/50;
  line-height:0;
  width:100%;
}
.mline-circle,.mline-path{
  stroke:var(--line-color);
  stroke-width:2px;
}
.mline-path{
  fill:none;
  fill-rule:evenodd;
}
.mline-circle{
  fill:var(--fill-color);
}
.mline.left{
  --fill-color:var(--line-color);
}
.mline.right{
  --fill-color:transparent;
  -webkit-transform:scaleX(-1);
          transform:scaleX(-1);
}
@media print,screen and (min-width:661px){
  .mline{
    width:min(138.8888888889vw, 2000px);
  }
}

.titleline{
  --fill-color:#fff;
  aspect-ratio:108/6.5;
  display:block;
  line-height:0;
  margin-bottom:5.3333333333vw;
  margin-inline:auto;
  width:14.4vw;
}
.titleline svg{
  height:100%;
  width:100%;
}
.titleline-circle,.titleline-line{
  fill:var(--fill-color);
}
.titleline-circle{
  fill-rule:evenodd;
}
@media print,screen and (min-width:661px){
  .titleline{
    margin-bottom:min(3.6036036036vw, 40px);
    width:min(9.7297297297vw, 108px);
  }
}

.hero{
  line-height:0;
  position:relative;
  -webkit-transition:opacity 1s cubic-bezier(.645, .045, .355, 1),-webkit-transform 1s cubic-bezier(.645, .045, .355, 1);
  transition:opacity 1s cubic-bezier(.645, .045, .355, 1),-webkit-transform 1s cubic-bezier(.645, .045, .355, 1);
  transition:opacity 1s cubic-bezier(.645, .045, .355, 1),transform 1s cubic-bezier(.645, .045, .355, 1);
  transition:opacity 1s cubic-bezier(.645, .045, .355, 1),transform 1s cubic-bezier(.645, .045, .355, 1),-webkit-transform 1s cubic-bezier(.645, .045, .355, 1);
}
.hero:after{
  background-image:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), color-stop(85%, #fff));
  background-image:linear-gradient(180deg, hsla(0,0%,100%,0), #fff 85%);
  bottom:0;
  content:"";
  height:21.3333333333vw;
  left:0;
  position:absolute;
  right:0;
  z-index:1;
}
.is-loading .hero{
  opacity:0;
  -webkit-transform:translateY(-20px);
          transform:translateY(-20px);
}
.is-loaded .hero{
  opacity:1;
  -webkit-transform:translateY(0);
          transform:translateY(0);
}
.hero img{
  width:100%;
}
.hero__title{
  line-height:0;
}
@media print,screen and (min-width:661px){
  .hero:after{
    height:22.2222222222vw;
  }
}

.petal{
  aspect-ratio:1338/1025;
  left:0;
  opacity:.65;
  position:absolute;
  scale:1.4;
  top:2.6666666667vw;
  -webkit-transform-origin:center top;
          transform-origin:center top;
  -webkit-transition:opacity 1s;
  transition:opacity 1s;
  width:100%;
  z-index:0;
}
.petal.complete{
  opacity:.4;
}
.petal__items{
  height:100%;
  width:100%;
}
.petal span{
  aspect-ratio:280/140;
  background-repeat:no-repeat;
  background-size:contain;
  bottom:0;
  left:50%;
  margin-left:-6vw;
  opacity:1;
  pointer-events:none;
  position:absolute;
  -webkit-transform:scale(.2);
          transform:scale(.2);
  -webkit-transform-origin:center center;
          transform-origin:center center;
  width:12vw;
}
.petal span:first-child,.petal span:nth-child(2){
  background-image:url(/global/about/brand/yanmar_robot/img/petal01.png);
}
.petal span:nth-child(3),.petal span:nth-child(4),.petal span:nth-child(5),.petal span:nth-child(6){
  background-image:url(/global/about/brand/yanmar_robot/img/petal02.png);
}
.petal span:nth-child(7),.petal span:nth-child(8){
  background-image:url(/global/about/brand/yanmar_robot/img/petal03.png);
}
.petal span:nth-child(10),.petal span:nth-child(11),.petal span:nth-child(12),.petal span:nth-child(9){
  background-image:url(/global/about/brand/yanmar_robot/img/petal04.png);
}
.petal span:nth-child(13){
  background-image:url(/global/about/brand/yanmar_robot/img/petal05.png);
}
.petal span:nth-child(14),.petal span:nth-child(15){
  background-image:url(/global/about/brand/yanmar_robot/img/petal06.png);
}
.petal span:nth-child(16){
  background-image:url(/global/about/brand/yanmar_robot/img/petal07.png);
}
.petal span:nth-child(17){
  background-image:url(/global/about/brand/yanmar_robot/img/petal08.png);
}
.petal span:nth-child(18),.petal span:nth-child(19),.petal span:nth-child(20){
  background-image:url(/global/about/brand/yanmar_robot/img/petal09.png);
}
.petal span:nth-child(21){
  background-image:url(/global/about/brand/yanmar_robot/img/petal10.png);
}
.petal span:first-child{
  -webkit-transform:translate(-371%, -891%) rotate(-84deg) scale(.18, -.18);
          transform:translate(-371%, -891%) rotate(-84deg) scale(.18, -.18);
}
.petal span:nth-child(2){
  -webkit-transform:translate(243%, -485%) rotate(0) scale(.38);
          transform:translate(243%, -485%) rotate(0) scale(.38);
}
.petal span:nth-child(3){
  -webkit-transform:translate(115%, -623%) rotate(-8deg) scale(.62, -.62);
          transform:translate(115%, -623%) rotate(-8deg) scale(.62, -.62);
}
.petal span:nth-child(4){
  -webkit-transform:translate(-136%, -824%) rotate(10deg) scale(.47, -.47);
          transform:translate(-136%, -824%) rotate(10deg) scale(.47, -.47);
}
.petal span:nth-child(5){
  -webkit-transform:translate(-10%, -465%) rotate(163deg) scale(.29, -.29);
          transform:translate(-10%, -465%) rotate(163deg) scale(.29, -.29);
}
.petal span:nth-child(6){
  -webkit-transform:translate(395%, -769%) rotate(-90deg) scale(.81);
          transform:translate(395%, -769%) rotate(-90deg) scale(.81);
}
.petal span:nth-child(7){
  -webkit-transform:translate(-213%, -672%) rotate(-136deg) scale(.22);
          transform:translate(-213%, -672%) rotate(-136deg) scale(.22);
}
.petal span:nth-child(8){
  -webkit-transform:translate(147%, -324%) rotate(0deg) scale(.24);
          transform:translate(147%, -324%) rotate(0deg) scale(.24);
}
.petal span:nth-child(9){
  -webkit-transform:translate(-383%, -1059%) rotate(2deg) scale(.81);
          transform:translate(-383%, -1059%) rotate(2deg) scale(.81);
}
.petal span:nth-child(10){
  -webkit-transform:translate(-102%, -1175%) rotate(112deg) scale(.62, -.62);
          transform:translate(-102%, -1175%) rotate(112deg) scale(.62, -.62);
}
.petal span:nth-child(11){
  -webkit-transform:translate(341%, -1160%) rotate(99deg) scale(.66);
          transform:translate(341%, -1160%) rotate(99deg) scale(.66);
}
.petal span:nth-child(12){
  -webkit-transform:translate(118%, -145%) rotate(113deg) scale(.57);
          transform:translate(118%, -145%) rotate(113deg) scale(.57);
}
.petal span:nth-child(13){
  -webkit-transform:translate(-298%, -700%) rotate(35deg) scale(.86);
          transform:translate(-298%, -700%) rotate(35deg) scale(.86);
}
.petal span:nth-child(14){
  -webkit-transform:translate(47%, -725%) rotate(-76deg) scale(.19);
          transform:translate(47%, -725%) rotate(-76deg) scale(.19);
}
.petal span:nth-child(15){
  -webkit-transform:translate(-13%, 30%) rotate(-152deg) scale(.32);
          transform:translate(-13%, 30%) rotate(-152deg) scale(.32);
}
.petal span:nth-child(16){
  -webkit-transform:translate(-121%, -570%) rotate(-38deg) scale(.24);
          transform:translate(-121%, -570%) rotate(-38deg) scale(.24);
}
.petal span:nth-child(17){
  -webkit-transform:translate(-209%, -359%) rotate(-73deg) scale(.36);
          transform:translate(-209%, -359%) rotate(-73deg) scale(.36);
}
.petal span:nth-child(18){
  -webkit-transform:translate(220%, -843%) rotate(-45deg) scale(.35);
          transform:translate(220%, -843%) rotate(-45deg) scale(.35);
}
.petal span:nth-child(19){
  -webkit-transform:translate(299%, -717%) rotate(32deg) scale(.31, -.31);
          transform:translate(299%, -717%) rotate(32deg) scale(.31, -.31);
}
.petal span:nth-child(20){
  -webkit-transform:translate(-132%, -232%) rotate(32deg) scale(.31, -.31);
          transform:translate(-132%, -232%) rotate(32deg) scale(.31, -.31);
}
.petal span:nth-child(21){
  -webkit-transform:translate(45%, -254%) rotate(-8deg) scale(.14);
          transform:translate(45%, -254%) rotate(-8deg) scale(.14);
}
.petal img{
  width:100%;
}
@media print,screen and (min-width:661px){
  .petal{
    margin-top:0;
    top:max(-8.5416666667vw, -123px);
  }
  .petal span{
    margin-left:max(-6.25vw, -90px);
    width:min(12.5vw, 180px);
  }
}

.intro{
  padding-block:30.6666666667vw;
  position:relative;
  z-index:0;
}
.intro__copy{
  font-size:7.4666666667vw;
  font-weight:700;
  letter-spacing:.15em;
  line-height:1.5;
  padding-left:.5em;
  text-align:center;
}
.en .intro__copy{
  letter-spacing:0;
}
.intro__copy span{
  display:inline-block;
  position:relative;
  z-index:0;
}
.intro__copy span:before{
  aspect-ratio:252/238;
  background-image:url(/global/about/brand/yanmar_robot/img/read-petal.png);
  background-size:cover;
  content:"";
  left:2.5em;
  position:absolute;
  top:1.3em;
  width:16.8vw;
  z-index:-1;
}
.en .intro__copy span:before{
  left:3.4em;
  top:2.8em;
}
.intro__copy strong{
  color:#fff;
}
.en .intro__copy strong{
  color:#333;
}
@media print,screen and (min-width:661px){
  .intro{
    padding-block:min(18.3783783784vw, 204px) min(18.3783783784vw, 204px);
  }
  .intro__copy{
    font-size:min(4.3243243243vw, 48px);
  }
  .intro__copy span:before{
    left:12.8em;
    top:-.5em;
    width:min(11.3513513514vw, 126px);
  }
  .en .intro__copy span:before{
    left:11em;
    top:1.2em;
  }
}

.hanasaka{
  overflow:hidden;
  padding-bottom:24vw;
  position:relative;
  z-index:2;
}
.hanasaka__logo{
  margin-bottom:8vw;
  margin-inline:auto;
  width:92vw;
}
.hanasaka__logo-img{
  display:block;
  height:auto;
  width:100%;
}
.hanasaka__head{
  position:relative;
}
.hanasaka__head .mline{
  --line-color:#e3007f;
  position:absolute;
  top:2.6666666667vw;
}
.hanasaka__head .mline.left{
  right:90.6666666667vw;
}
.hanasaka__head .mline.right{
  left:90.6666666667vw;
}
.hanasaka__title{
  color:#e3007f;
  font-size:6.4vw;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.5;
  margin-bottom:1.5em;
  position:relative;
  text-align:center;
}
.en .hanasaka__title{
  letter-spacing:0;
}
.hanasaka__read{
  font-size:4.2666666667vw;
  font-weight:700;
  line-height:1.8;
  margin-bottom:13.3333333333vw;
}
.hanasaka__read p:not(:last-child){
  margin-bottom:1em;
}
.hanasaka__band,.hanasaka__robots{
  background-position:0 0;
  background-repeat:repeat-x;
  background-size:auto 100%;
  margin-block:8vw;
  width:100%;
  will-change:animation;
}
.hanasaka__robots{
  --band-duration:30s;
  --band-width:-329.8666666667vw;
  -webkit-animation:bandinv var(--band-duration) linear infinite;
          animation:bandinv var(--band-duration) linear infinite;
  background-image:url(/global/about/brand/yanmar_robot/img/robot.png);
  height:40vw;
}
.hanasaka__band{
  --band-duration:18s;
  --band-width:-220vw;
  -webkit-animation:band var(--band-duration) linear infinite;
          animation:band var(--band-duration) linear infinite;
  background-image:url(/global/about/brand/yanmar_robot/img/character.png);
  height:26.6666666667vw;
}
.hanasaka__sec{
  margin-top:8vw;
  position:relative;
}
.hanasaka__sec-title{
  color:#e3007f;
  font-size:4.8vw;
  font-weight:700;
  line-height:1.5;
  margin-bottom:1.25em;
}
.hanasaka__sec-content{
  padding:7.2vw var(--content-gutter);
}
.odd .hanasaka__sec-content{
  border-left:1px solid #e3007f;
}
.even .hanasaka__sec-content{
  border-right:1px solid #e3007f;
}
.hanasaka__sec-body{
  line-height:1.8;
}
.hanasaka__sec-link{
  margin-top:8vw;
}
.hanasaka__video{
  margin-top:21.3333333333vw;
  padding-inline:4vw;
}
.hanasaka__video-item a{
  display:block;
  position:relative;
}
@media (hover:hover){
  .hanasaka__video-item a:after{
    -webkit-transition:opacity .3s linear;
    transition:opacity .3s linear;
  }
  .hanasaka__video-item a i{
    -webkit-transform-origin:50% 50%;
            transform-origin:50% 50%;
    -webkit-transition:-webkit-transform .3s linear;
    transition:-webkit-transform .3s linear;
    transition:transform .3s linear;
    transition:transform .3s linear,-webkit-transform .3s linear;
  }
  .hanasaka__video-item a:hover:after{
    opacity:.2;
  }
  .hanasaka__video-item a:hover i{
    -webkit-transform:scale(.8);
            transform:scale(.8);
  }
}
.hanasaka__video-item a:after{
  background-color:rgba(0,0,0,.5);
  border-radius:var(--btn-radius);
  content:"";
  inset:0;
  position:absolute;
}
.hanasaka__video-item a i{
  aspect-ratio:1/1;
  color:#fff;
  font-size:0;
  left:50%;
  position:absolute;
  top:50%;
  translate:-50% -50%;
  width:21.3%;
  z-index:2;
}
.hanasaka__video-item a i svg{
  height:100%;
  width:100%;
}
.hanasaka__video-item img{
  border-radius:var(--btn-radius);
  width:100%;
}
.hanasaka__video p{
  color:#666;
  line-height:1.5;
  margin-top:1em;
  text-align:center;
}
@media print,screen and (min-width:661px){
  .hanasaka{
    padding-bottom:min(7.2072072072vw, 80px);
  }
  .hanasaka__logo{
    margin-bottom:min(2.8828828829vw, 32px);
    width:min(70.4504504505vw, 782px);
  }
  .hanasaka__head .mline{
    top:min(1.3888888889vw, 20px);
  }
  .hanasaka__head .mline.left{
    right:70.1388888889vw;
  }
  .hanasaka__head .mline.right{
    left:70.1388888889vw;
  }
  .hanasaka__title{
    font-size:min(3.7837837838vw, 42px);
    margin-bottom:min(10.8108108108vw, 120px);
  }
  .hanasaka__read{
    font-size:min(1.8018018018vw, 20px);
    margin-bottom:min(7.2072072072vw, 80px);
    text-align:center;
  }
  .hanasaka__band,.hanasaka__robots{
    margin-block:min(7.2072072072vw, 80px);
  }
  .hanasaka__robots{
    --band-width:max(-222.8828828829vw, -2474px);
    height:min(27.027027027vw, 300px);
  }
  .hanasaka__band{
    --band-width:max(-148.6486486486vw, -1650px);
    height:min(18.018018018vw, 200px);
  }
  .hanasaka__sec{
    margin-top:min(7.2072072072vw, 80px);
  }
  .hanasaka__sec-title{
    font-size:min(2.1621621622vw, 24px);
  }
  .hanasaka__sec-content{
    margin-inline:auto;
    padding:min(4.5045045045vw, 50px) min(2.7027027027vw, 30px);
    width:min(75.2252252252vw, 835px);
  }
  .hanasaka__sec-link{
    margin-top:min(5.4054054054vw, 60px);
  }
  .hanasaka__video{
    margin-top:min(12.6126126126vw, 140px);
    padding-inline:30px;
  }
  .hanasaka__video .swiper{
    margin-inline:auto;
    width:min(100%, 1430px);
  }
  .hanasaka__video-item a i{
    width:min(4.8611111111vw, 70px);
  }
}

@-webkit-keyframes bandinv{
  0%{
    background-position:var(--band-width) 0;
  }
  to{
    background-position:0 0;
  }
}

@keyframes bandinv{
  0%{
    background-position:var(--band-width) 0;
  }
  to{
    background-position:0 0;
  }
}
@-webkit-keyframes band{
  0%{
    background-position:0 0;
  }
  to{
    background-position:var(--band-width) 0;
  }
}
@keyframes band{
  0%{
    background-position:0 0;
  }
  to{
    background-position:var(--band-width) 0;
  }
}
.gsap_hanasaka .hanasaka__logo-path{
  fill:transparent;
  stroke:#e3007f;
  stroke-width:1px;
  -webkit-transition:fill 1.4s,stroke-width 1.4s;
  transition:fill 1.4s,stroke-width 1.4s;
}
.gsap_hanasaka.is-animate .hanasaka__logo-path{
  fill:#e3007f;
  stroke-width:0;
}

.about{
  padding-bottom:24vw;
}
.about__img{
  height:86.6666666667vw;
  margin-inline:calc(50% - 50vw);
  position:relative;
  -webkit-transform:translateZ(0);
          transform:translateZ(0);
  width:100vw;
  will-change:transform;
  z-index:1;
}
.about__img>div{
  --item-duration:.8s;
  --border-radius:1.3333333333vw;
  aspect-ratio:654/437;
  left:12.8vw;
  opacity:0;
  top:16vw;
  width:72vw;
  will-change:transform, opacity;
  z-index:1;
}
.about__img>div,.about__img>div:after{
  border-radius:var(--border-radius);
  position:absolute;
  -webkit-transition:opacity var(--item-duration) ease, -webkit-transform var(--item-duration) ease;
  transition:opacity var(--item-duration) ease, -webkit-transform var(--item-duration) ease;
  transition:transform var(--item-duration) ease, opacity var(--item-duration) ease;
  transition:transform var(--item-duration) ease, opacity var(--item-duration) ease, -webkit-transform var(--item-duration) ease;
}
.about__img>div:after{
  background-image:linear-gradient(135deg, hsla(0,0%,80%,.8), #fff 85%);
  content:"";
  inset:0;
}
.about__img>div.far-far-prev,.about__img>div.far-prev{
  opacity:0;
  -webkit-transform:translate(-100%, -40%) scale(.65);
          transform:translate(-100%, -40%) scale(.65);
  z-index:1;
}
.about__img>div.prev{
  opacity:1;
  -webkit-transform:translate(-50%, -40%) scale(.65) rotateX(-10deg) rotateY(-25deg) rotate(-10deg);
          transform:translate(-50%, -40%) scale(.65) rotateX(-10deg) rotateY(-25deg) rotate(-10deg);
  z-index:2;
}
.about__img>div.prev:after{
  opacity:1;
}
.about__img>div.active{
  opacity:1;
  -webkit-transform:scale(1) rotateX(0) rotateY(0) rotate(0);
          transform:scale(1) rotateX(0) rotateY(0) rotate(0);
  z-index:3;
}
.about__img>div.active:after{
  opacity:0;
}
.about__img>div.next{
  opacity:1;
  -webkit-transform:translate(65%, 50%) scale(.65) rotateX(10deg) rotateY(15deg) rotate(10deg);
          transform:translate(65%, 50%) scale(.65) rotateX(10deg) rotateY(15deg) rotate(10deg);
  z-index:2;
}
.about__img>div.next:after{
  opacity:1;
}
.about__img>div.far-next{
  z-index:1;
}
.about__img>div.far-far-next,.about__img>div.far-next{
  opacity:0;
  -webkit-transform:translate(100%, 50%) scale(.65);
          transform:translate(100%, 50%) scale(.65);
}
.about__img>div.far-far-next{
  z-index:0;
}
.about__img>div img{
  border-radius:var(--border-radius);
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:center center;
     object-position:center center;
  width:100%;
}
.about__txt{
  padding-inline:4vw;
  position:relative;
  will-change:transform;
  z-index:0;
}
.about__txt .mline{
  left:18.6666666667vw;
  position:absolute;
  top:-18.6666666667vw;
}
.about__title{
  font-size:6.4vw;
  font-weight:700;
  line-height:1.5;
  margin-bottom:1.5em;
}
.about__body{
  font-size:3.7333333333vw;
  font-weight:700;
  line-height:1.8;
}
.about__body p:not(:last-child){
  margin-bottom:1.5em;
}
.about__link{
  margin-top:10.6666666667vw;
}
.about__banner{
  margin-top:16vw;
}
.about__banner li:not(:last-child){
  margin-bottom:8vw;
}
.about__banner a{
  display:block;
}
@media (hover:hover){
  .about__banner a{
    -webkit-transition:opacity .3s;
    transition:opacity .3s;
  }
  .about__banner a:hover{
    opacity:.7;
  }
}
.about__banner figure img{
  border:1px solid #e5e5e5;
  border-radius:var(--btn-radius);
  width:100%;
}
.about__banner figcaption{
  color:#666;
  font-size:.85em;
  margin-top:.5em;
  text-align:center;
}
@media print,screen and (min-width:661px){
  .about{
    margin-top:min(11.1111111111vw, 160px);
    padding-bottom:11.1111111111vw;
  }
  .about__row{
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
            justify-content:space-between;
    padding-top:min(11.7117117117vw, 130px);
    position:relative;
  }
  .about__img{
    -webkit-box-flex:0;
        -ms-flex:0 0 min(55.4054054054vw, 615px);
            flex:0 0 min(55.4054054054vw, 615px);
    height:min(72.0720720721vw, 800px);
    margin-inline:0;
    margin-left:max(-6.3063063063vw, -70px);
    width:min(55.4054054054vw, 615px);
  }
  .about__img>div{
    --border-radius:0.7207207207vw;
    left:0;
    -webkit-perspective:185px;
            perspective:185px;
    top:0;
    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d;
    width:min(48.6486486486vw, 540px);
  }
  .about__img>div.far-far-prev{
    opacity:0;
    -webkit-transform:translateY(-180%) rotateX(20deg) rotateY(20deg) rotate(10deg) scale(.5);
            transform:translateY(-180%) rotateX(20deg) rotateY(20deg) rotate(10deg) scale(.5);
  }
  .about__img>div.far-prev{
    opacity:1;
    -webkit-transform:translate(25%, -150%) rotateX(20deg) rotateY(20deg) rotate(10deg) scale(.5);
            transform:translate(25%, -150%) rotateX(20deg) rotateY(20deg) rotate(10deg) scale(.5);
  }
  .about__img>div.far-prev:after{
    opacity:1;
  }
  .about__img>div.prev{
    opacity:1;
    -webkit-transform:translateY(-90%) rotateX(20deg) rotateY(20deg) rotate(10deg) scale(.75);
            transform:translateY(-90%) rotateX(20deg) rotateY(20deg) rotate(10deg) scale(.75);
  }
  .about__img>div.prev:after{
    opacity:.8;
  }
  .about__img>div.active{
    opacity:1;
    -webkit-transform:scale(1) rotateX(0) rotateY(0) rotate(0);
            transform:scale(1) rotateX(0) rotateY(0) rotate(0);
  }
  .about__img>div.active:after{
    opacity:0;
  }
  .about__img>div.next{
    opacity:1;
    -webkit-transform:translateY(90%) rotateX(20deg) rotateY(-20deg) rotate(-10deg) scale(.75);
            transform:translateY(90%) rotateX(20deg) rotateY(-20deg) rotate(-10deg) scale(.75);
  }
  .about__img>div.next:after{
    opacity:.8;
  }
  .about__img>div.far-next{
    opacity:1;
    -webkit-transform:translate(25%, 150%) rotateX(30deg) rotateY(-20deg) rotate(-20deg) scale(.5);
            transform:translate(25%, 150%) rotateX(30deg) rotateY(-20deg) rotate(-20deg) scale(.5);
  }
  .about__img>div.far-next:after{
    opacity:1;
  }
  .about__img>div.far-far-next{
    opacity:0;
    -webkit-transform:translate(25%, 180%) rotateX(30deg) rotateY(-20deg) rotate(-20deg) scale(.5);
            transform:translate(25%, 180%) rotateX(30deg) rotateY(-20deg) rotate(-20deg) scale(.5);
  }
  .about__txt{
    margin-left:min(3.6036036036vw, 40px);
    padding-inline:0;
  }
  .about__txt .mline{
    left:max(-2.2522522523vw, -25px);
    position:absolute;
    top:max(-18.018018018vw, -200px);
  }
  .about__title{
    font-size:min(3.6036036036vw, 40px);
  }
  .about__body{
    font-size:min(1.8018018018vw, 20px);
  }
  .about__link{
    margin-top:min(5.4054054054vw, 60px);
  }
  .about__banner{
    margin-inline:auto;
    margin-top:0;
    width:min(57.6576576577vw, 640px);
  }
  .about__banner li:not(:last-child){
    margin-bottom:min(7.2072072072vw, 80px);
  }
}

.robot-into{
  background-color:#e32c45;
  color:#fff;
  padding-bottom:16vw;
  padding-top:6.6666666667vw;
  position:relative;
  z-index:1;
}
.robot-into p{
  font-size:3.7333333333vw;
  font-weight:700;
  line-height:2;
}
.robot-into p:not(:last-child){
  margin-bottom:1em;
}
.robot-into__step{
  left:0;
  position:absolute;
  top:-6.1333333333vw;
  width:100%;
  z-index:0;
}
.robot-into__step:before{
  background-color:#e32c45;
  content:"";
  height:6vw;
  left:0;
  position:absolute;
  top:0;
  width:65%;
}
.robot-into__step span{
  aspect-ratio:125/53;
  color:#e32c45;
  display:block;
  left:64%;
  position:absolute;
  top:0;
  width:16.6666666667vw;
}
.robot-into__step span svg{
  height:100%;
  width:100%;
}
.robot-into__row{
  padding-inline:4.2666666667vw;
}
.robot-into__head{
  position:relative;
}
.robot-into__head .mline{
  --line-color:#fff;
  left:-265.8666666667vw;
  position:absolute;
  top:-2.6666666667vw;
}
.robot-into__title{
  font-size:6.4vw;
  font-weight:700;
  line-height:1.5;
  text-align:center;
}
.robot-into__fig{
  line-height:0;
  margin-block:10.6666666667vw;
  margin-inline:auto;
  width:64vw;
}
.robot-into__fig img{
  width:100%;
}
.robot-into__link{
  margin-top:16vw;
}
.robot__pimg{
  height:40vw;
  overflow:hidden;
  position:relative;
  width:100%;
  z-index:0;
}
.robot__pimg div{
  height:150%;
  left:0;
  line-height:0;
  position:absolute;
  top:0;
  width:100%;
}
.robot__pimg div img{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:center top;
     object-position:center top;
  width:100%;
}
.robot-story{
  background:#333;
  background-image:url(/global/about/brand/yanmar_robot/img/pattern.png);
  background-size:27.2vw auto;
  color:#fff;
  padding-bottom:24vw;
  padding-top:16vw;
}
.robot-story__title{
  font-size:5.6vw;
  font-weight:700;
  line-height:1.5;
  text-align:center;
}
.robot-story__sec,.robot-story__sec .swiper{
  margin-top:10.6666666667vw;
}
.robot-story__sec p{
  font-size:3.7333333333vw;
  line-height:2;
}
.robot-story__sec p:not(:last-child){
  margin-bottom:1.5em;
}
.robot-story__sec-title{
  font-size:5.0666666667vw;
  font-weight:700;
  line-height:1.5;
  margin-bottom:1.5em;
  text-align:center;
}
.robot-story__sec-action{
  margin-top:16vw;
  text-align:center;
}
.robot-story__sec-keyword{
  background-color:#282828;
  background-image:url(/global/about/brand/yanmar_robot/img/design-key-word-bg.png);
  background-position:right 0 center;
  background-repeat:no-repeat;
  background-size:100% auto;
  border-radius:5.3333333333vw;
  margin-block:16vw 4vw;
  padding:min(8vw, 60px) 5.3333333333vw;
}
.robot-story__sec-keyword__title{
  font-size:1.5rem;
  font-weight:700;
  line-height:1.5;
  margin-bottom:1.5em;
  text-align:center;
}
.robot-story__sec-keyword__list{
  background-image:url(/global/about/brand/yanmar_robot/img/design-key-word-fig.png);
  background-position:left top 10%;
  background-repeat:no-repeat;
  background-size:33.3333333333vw auto;
  padding-left:38.6666666667vw;
}
.en .robot-story__sec-keyword__list{
  background-image:url(/global/about/brand/yanmar_robot/img/design-key-word-fig_global.png);
}
.robot-story__sec-keyword__list li{
  font-size:3.7333333333vw;
  margin-block:.75em;
}
.robot-story__row{
  margin-top:8vw;
}
.robot-story__col{
  margin-bottom:8vw;
}
.robot-story__col figure{
  line-height:0;
}
.robot-story__col figure img{
  border-radius:var(--btn-radius);
  width:100%;
}
.robot-story__col figcaption{
  font-size:var(--font-size-sm);
  line-height:1.5;
  margin-top:.75em;
}
.robot-story__arw{
  margin-block:8vw;
  text-align:center;
}
.robot-story__arw img{
  width:33.0666666667vw;
}
.robot-story__fig{
  margin-block:8vw;
}
.robot-story__fig img{
  width:100%;
}
.robot__box{
  background-color:#292929;
  border:1px solid #fff;
  border-radius:1.3333333333vw;
  margin-top:16vw;
  padding:8vw 5.3333333333vw;
}
.robot__box-sketch{
  margin-inline:auto;
  margin-top:8vw;
  width:53.3333333333vw;
}
.robot__box-txt p{
  font-size:3.7333333333vw;
  line-height:2;
}
.robot__box-txt p:not(:last-child){
  margin-bottom:1.5em;
}
@media print,screen and (min-width:661px){
  .robot{
    padding-bottom:0;
    padding-top:0;
  }
  .robot-into{
    padding-bottom:min(11.1111111111vw, 160px);
    padding-top:min(5.5555555556vw, 80px);
  }
  .en .robot-into{
    padding-top:min(2.7777777778vw, 40px);
  }
  .robot-into p{
    font-size:min(1.8018018018vw, 20px);
  }
  .robot-into__step{
    top:max(-2.7777777778vw, -40px);
  }
  .robot-into__step:before{
    height:min(3.1944444444vw, 46px);
    width:calc(45% + 1px);
  }
  .robot-into__step span{
    left:45%;
    width:min(7.5694444444vw, 109px);
  }
  .robot-into__row{
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:min(5.4054054054vw, 60px);
            justify-content:space-between;
    padding-inline:0;
  }
  .robot-into__left{
    -webkit-box-flex:0;
        -ms-flex-positive:0;
            flex-grow:0;
  }
  .robot-into__right{
    -webkit-box-flex:0;
        -ms-flex:0 0 min(47.2972972973vw, 525px);
            flex:0 0 min(47.2972972973vw, 525px);
    margin-top:min(9.009009009vw, 100px);
  }
  .en .robot-into__right{
    margin-top:min(14.4144144144vw, 160px);
  }
  .robot-into__head{
    margin-left:min(9.9099099099vw, 110px);
  }
  .robot-into__head .mline{
    left:max(-146.25vw, -2106px);
    top:max(-2.0833333333vw, -30px);
  }
  .en .robot-into__head .mline{
    top:min(.6944444444vw, 10px);
  }
  .robot-into__title{
    font-size:min(3.6036036036vw, 40px);
    text-align:left;
  }
  .robot-into__fig{
    left:0;
    margin-block:0;
    position:absolute;
    top:min(14.4144144144vw, 160px);
    width:min(43.2432432432vw, 480px);
  }
  .en .robot-into__fig{
    top:min(21.6216216216vw, 240px);
  }
  .robot-into__link{
    margin-top:min(3.6036036036vw, 40px);
  }
  .robot__pimg{
    height:min(32.6388888889vw, 470px);
  }
  .robot-story{
    background-size:min(14.1666666667vw, 204px) auto;
    padding-bottom:min(11.1111111111vw, 160px);
    padding-top:min(5.5555555556vw, 80px);
  }
  .robot-story__title{
    font-size:min(2.8828828829vw, 32px);
  }
  .robot-story__sec,.robot-story__sec .swiper{
    margin-top:min(7.2072072072vw, 80px);
  }
  .robot-story__sec .swiper{
    width:min(89.1891891892vw, 990px);
  }
  .robot-story__sec p{
    font-size:var(--font-base);
  }
  .robot-story__sec-title{
    font-size:min(2.5225225225vw, 28px);
  }
  .robot-story__sec-body{
    margin-inline:auto;
    width:min(75.6756756757vw, 840px);
  }
  .robot-story__sec-action{
    margin-top:min(3.6036036036vw, 40px);
  }
  .robot-story__sec-keyword{
    background-image:url(/global/about/brand/yanmar_robot/img/design-key-word-bg.png);
    background-position:right 0 top max(-3.6036036036vw, -40px);
    background-size:62.5% auto;
    border-radius:min(3.6036036036vw, 40px);
    margin-block:min(3.6036036036vw, 40px) min(2.7027027027vw, 30px);
    padding:min(5.4054054054vw, 60px);
  }
  .robot-story__sec-keyword__title{
    font-size:min(2.5225225225vw, 28px);
  }
  .robot-story__sec-keyword__list{
    background-position:left top 10%;
    background-size:min(22.5225225225vw, 250px) auto;
    min-height:min(30.2702702703vw, 336px);
    padding-left:min(26.1261261261vw, 290px);
    padding-top:min(1.8018018018vw, 20px);
  }
  .robot-story__sec-keyword__list li{
    font-size:var(--font-base);
    margin-block:min(7.2072072072vw, 80px);
  }
  .robot-story__row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:min(3.6036036036vw, 40px);
    margin-block:min(3.6036036036vw, 40px);
  }
  .robot-story__col{
    margin-bottom:0;
  }
  .robot-story__col.col2{
    -ms-flex-preferred-size:calc(50% - min(1.8018018018vw, 20px));
        flex-basis:calc(50% - min(1.8018018018vw, 20px));
  }
  .robot-story__col.col3{
    -ms-flex-preferred-size:calc(33.33% - min(1.8018018018vw, 20px));
        flex-basis:calc(33.33% - min(1.8018018018vw, 20px));
  }
  .robot-story__arw{
    margin-block:min(5.4054054054vw, 60px);
  }
  .robot-story__arw img{
    width:min(22.3423423423vw, 248px);
  }
  .robot-story__fig{
    margin-block:min(5.4054054054vw, 60px) min(2.7027027027vw, 30px);
    margin-inline:auto;
    width:min(86.4864864865vw, 960px);
  }
  .robot__box{
    border-radius:min(.9009009009vw, 10px);
    margin-top:min(10.8108108108vw, 120px);
    padding:min(5.4054054054vw, 60px);
  }
  .robot__box-row{
    -webkit-box-align:center;
    -webkit-box-direction:reverse;
    -webkit-box-orient:horizontal;
        -ms-flex-align:center;
            align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
        -ms-flex-direction:row-reverse;
            flex-direction:row-reverse;
    gap:min(9.009009009vw, 100px);
    margin-top:min(4.5045045045vw, 50px);
  }
  .robot__box-img{
    -webkit-box-flex:0;
        -ms-flex:0 0 min(27.027027027vw, 300px);
            flex:0 0 min(27.027027027vw, 300px);
    margin-left:min(5.4054054054vw, 60px);
  }
  .robot__box-sketch{
    margin-inline:0;
    margin-top:0;
    width:min(27.027027027vw, 300px);
  }
  .robot__box-txt p{
    font-size:var(--font-base);
  }
}

.ypv-item{
  padding-inline:4vw;
}
.ypv-item img{
  border-radius:var(--btn-radius);
  width:100%;
}
.ypv-item figcaption{
  font-size:var(--font-size-sm);
  line-height:1.5;
  margin-top:1em;
  text-align:center;
}
@media print,screen and (min-width:661px){
  .ypv-item{
    padding-inline:0;
  }
}

.sketch-item{
  aspect-ratio:1/1;
  border:1px solid #e5e5e5;
  border-radius:var(--btn-radius);
  overflow:hidden;
  width:100%;
}

.media{
  background-color:#f2f2f2;
  padding-bottom:24vw;
  padding-top:5.3333333333vw;
  position:relative;
}
.media:before{
  aspect-ratio:750/47.97;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='750' height='47.97'%3E%3Cpath d='M2519 9711v-2l29.13.03a74.81 74.81 0 0 0 34.97-8.69l54.06-28.62a74.81 74.81 0 0 1 34.97-8.69h465.74a74.81 74.81 0 0 1 34.97 8.69l54.06 28.62a74.81 74.81 0 0 0 34.97 8.69l7.13-.03v2h-750Z' style='fill:%23f2f2f2;fill-rule:evenodd' transform='translate(-2519 -9663.03)'/%3E%3C/svg%3E");
  background-size:cover;
  bottom:calc(100% - 1px);
  content:"";
  left:0;
  position:absolute;
  width:100%;
}
.media__title{
  font-size:6.4vw;
  font-weight:700;
  line-height:1.5;
  margin-bottom:1em;
  text-align:center;
}
.media__summary{
  font-size:3.7333333333vw;
  text-align:center;
}
.media__list{
  margin-top:7.2vw;
}
.media__list li:not(:last-child){
  margin-bottom:5.3333333333vw;
}
.media__list a{
  display:block;
}
@media print,screen and (min-width:661px){
  .media{
    padding-bottom:min(8.3333333333vw, 120px);
    padding-top:min(2.7777777778vw, 40px);
  }
  .media:before{
    aspect-ratio:1223/47;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1223 47'%3E%3Cpath d='M1223 47v-1h-1.1c-12.2 0-24.2-3-35-8.7l-54.1-28.6C1122 3 1110 0 1097.8 0H126.1c-12.2 0-24.2 3-35 8.7L37 37.3C26.2 43 14.2 46 2 46H0v1h1223Z' style='fill:%23f2f2f2;fill-rule:evenodd'/%3E%3C/svg%3E");
    content:"";
    left:50%;
    margin-left:max(-42.4305555556vw, -611px);
    width:min(84.9305555556vw, 1223px);
  }
  .media__title{
    font-size:min(1.9444444444vw, 28px);
  }
  .media__summary{
    font-size:min(.9722222222vw, 14px);
  }
  .media__list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:min(1.3888888889vw, 20px);
    margin-top:min(2.0833333333vw, 30px);
  }
  .media__list li{
    -webkit-box-flex:0;
        -ms-flex:0 0 calc(50% - 20px);
            flex:0 0 calc(50% - 20px);
  }
  .media__list li:not(:last-child){
    margin-bottom:0;
  }
  .media__list a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .media__list a .card-box__img{
    -webkit-box-flex:0;
        -ms-flex-positive:0;
            flex-grow:0;
  }
}

.news{
  padding-bottom:10.6666666667vw;
  padding-top:10.6666666667vw;
  position:relative;
}
.news:before{
  aspect-ratio:750/47.97;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='750' height='47.97'%3E%3Cpath d='M2519 9711v-2l29.13.03a74.81 74.81 0 0 0 34.97-8.69l54.06-28.62a74.81 74.81 0 0 1 34.97-8.69h465.74a74.81 74.81 0 0 1 34.97 8.69l54.06 28.62a74.81 74.81 0 0 0 34.97 8.69l7.13-.03v2h-750Z' style='fill:%23fff;fill-rule:evenodd' transform='translate(-2519 -9663.03)'/%3E%3C/svg%3E");
  background-size:cover;
  bottom:calc(100% - 1px);
  content:"";
  left:0;
  position:absolute;
  width:100%;
}
@media print,screen and (min-width:661px){
  .news{
    padding-bottom:min(8.3333333333vw, 120px);
    padding-top:min(2.7777777778vw, 40px);
  }
  .news:before{
    aspect-ratio:1223/47;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1223 47'%3E%3Cpath d='M1223 47v-1h-1.1c-12.2 0-24.2-3-35-8.7l-54.1-28.6C1122 3 1110 0 1097.8 0H126.1c-12.2 0-24.2 3-35 8.7L37 37.3C26.2 43 14.2 46 2 46H0v1h1223Z' style='fill:%23fff;fill-rule:evenodd'/%3E%3C/svg%3E");
    content:"";
    left:50%;
    margin-left:max(-42.4305555556vw, -611px);
    width:min(84.9305555556vw, 1223px);
  }
}

.relation{
  padding-bottom:24vw;
  padding-top:10.6666666667vw;
}
.relation__title{
  font-size:6.4vw;
  font-weight:700;
  line-height:1.5;
  margin-bottom:10.6666666667vw;
}
.relation__list{
  margin-top:7.2vw;
}
.relation__list li:not(:last-child){
  margin-bottom:10.6666666667vw;
}
.relation__list a{
  border:1px solid #e5e5e5;
  border-radius:var(--btn-radius);
  display:block;
  overflow:hidden;
  position:relative;
}
@media (hover:hover){
  .relation__list a:hover img{
    -webkit-transform:scale(1.1);
            transform:scale(1.1);
  }
}
.relation__list a img{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:center center;
     object-position:center center;
  -webkit-transition:-webkit-transform .3s ease-out;
  transition:-webkit-transform .3s ease-out;
  transition:transform .3s ease-out;
  transition:transform .3s ease-out,-webkit-transform .3s ease-out;
  width:100%;
}
.relation__list figcaption{
  font-size:3.7333333333vw;
  line-height:1.5;
  margin-top:.75em;
}
@media print,screen and (min-width:661px){
  .relation{
    padding-bottom:min(8.3333333333vw, 120px);
    padding-top:0;
  }
  .relation__title{
    font-size:min(1.9444444444vw, 28px);
    margin-bottom:1em;
    text-align:center;
  }
  .relation__list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:min(1.3888888889vw, 20px);
    margin-top:min(2.0833333333vw, 30px);
  }
  .relation__list li:not(:last-child){
    margin-bottom:0;
  }
  .relation__list figcaption{
    font-size:min(.9722222222vw, 14px);
  }
}
@font-face{
  font-family:swiper-icons;
  font-style:normal;
  font-weight:400;
  src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
}
:root{
  --swiper-theme-color:#007aff;
}

:host{
  display:block;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:1;
}

.swiper{
  display:block;
  list-style:none;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  padding:0;
  position:relative;
  z-index:1;
}

.swiper-vertical>.swiper-wrapper{
  -webkit-box-direction:normal;
  -webkit-box-orient:vertical;
      -ms-flex-direction:column;
          flex-direction:column;
}

.swiper-wrapper{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  position:relative;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform, -webkit-transform;
  -webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);
  width:100%;
  z-index:1;
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{
  -webkit-transform:translateZ(0);
          transform:translateZ(0);
}

.swiper-horizontal{
  -ms-touch-action:pan-y;
      touch-action:pan-y;
}

.swiper-vertical{
  -ms-touch-action:pan-x;
      touch-action:pan-x;
}

.swiper-slide{
  -ms-flex-negative:0;
  display:block;
      flex-shrink:0;
  height:100%;
  position:relative;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform, -webkit-transform;
  width:100%;
}

.swiper-slide-invisible-blank{
  visibility:hidden;
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
  height:auto;
}

.swiper-autoheight .swiper-wrapper{
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  -webkit-transition-property:height, -webkit-transform;
  transition-property:height, -webkit-transform;
  transition-property:transform, height;
  transition-property:transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  -webkit-transform:translateZ(0);
          transform:translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper{
  -webkit-perspective:1200px;
          perspective:1200px;
}

.swiper-3d .swiper-wrapper{
  -webkit-transform-style:preserve-3d;
          transform-style:preserve-3d;
}

.swiper-3d{
  -webkit-perspective:1200px;
          perspective:1200px;
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{
  -webkit-transform-style:preserve-3d;
          transform-style:preserve-3d;
}
.swiper-css-mode>.swiper-wrapper{
  -ms-overflow-style:none;
  overflow:auto;
  scrollbar-width:none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper{
  -ms-scroll-snap-type:x mandatory;
      scroll-snap-type:x mandatory;
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{
  -ms-scroll-snap-type:y mandatory;
      scroll-snap-type:y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{
  -ms-scroll-snap-type:none;
      scroll-snap-type:none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:none;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before{
  -webkit-box-ordinal-group:10000;
  -ms-flex-negative:0;
      -ms-flex-order:9999;
  content:"";
      flex-shrink:0;
          order:9999;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:center center;
  scroll-snap-stop:always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
  -webkit-margin-start:var(--swiper-centered-offset-before);
          margin-inline-start:var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
  -webkit-margin-before:var(--swiper-centered-offset-before);
          margin-block-start:var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{
  height:var(--swiper-centered-offset-after);
  min-width:1px;
  width:100%;
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
  height:100%;
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:10;
}
.swiper-3d .swiper-slide-shadow{
  background:rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left{
  background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(transparent));
  background-image:linear-gradient(270deg, rgba(0,0,0,.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right{
  background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(transparent));
  background-image:linear-gradient(90deg, rgba(0,0,0,.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top{
  background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent));
  background-image:linear-gradient(0deg, rgba(0,0,0,.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom{
  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(transparent));
  background-image:linear-gradient(180deg, rgba(0,0,0,.5), transparent);
}

.swiper-lazy-preloader{
  border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius:50%;
  border-top:4px solid transparent;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:42px;
  left:50%;
  margin-left:-21px;
  margin-top:-21px;
  position:absolute;
  top:50%;
  -webkit-transform-origin:50%;
          transform-origin:50%;
  width:42px;
  z-index:10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{
  -webkit-animation:swiper-preloader-spin 1s linear infinite;
          animation:swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white{
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black{
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin{
  0%{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  to{
    -webkit-transform:rotate(1turn);
            transform:rotate(1turn);
  }
}

@keyframes swiper-preloader-spin{
  0%{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  to{
    -webkit-transform:rotate(1turn);
            transform:rotate(1turn);
  }
}
:root{
  --swiper-navigation-size:44px;
}

.swiper-button-next,.swiper-button-prev{
  -webkit-box-align:center;
  -webkit-box-pack:center;
      -ms-flex-align:center;
      -ms-flex-pack:center;
          align-items:center;
  color:var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:var(--swiper-navigation-size);
          justify-content:center;
  margin-top:calc(0px - var(--swiper-navigation-size)/2);
  position:absolute;
  top:var(--swiper-navigation-top-offset, 50%);
  width:calc(var(--swiper-navigation-size)/44*27);
  z-index:10;
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  cursor:auto;
  opacity:.35;
  pointer-events:none;
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
  cursor:auto;
  opacity:0;
  pointer-events:none;
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
  display:none !important;
}
.swiper-button-next svg,.swiper-button-prev svg{
  height:100%;
  -o-object-fit:contain;
     object-fit:contain;
  -webkit-transform-origin:center;
          transform-origin:center;
  width:100%;
}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{
  -webkit-transform:rotate(180deg);
          transform:rotate(180deg);
}

.swiper-button-prev,.swiper-rtl .swiper-button-next{
  left:var(--swiper-navigation-sides-offset, 10px);
  right:auto;
}

.swiper-button-lock{
  display:none;
}
.swiper-button-next:after,.swiper-button-prev:after{
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  font-variant:normal;
  letter-spacing:0;
  line-height:1;
  text-transform:none !important;
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
  content:"prev";
}

.swiper-button-next,.swiper-rtl .swiper-button-prev{
  left:auto;
  right:var(--swiper-navigation-sides-offset, 10px);
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
  content:"next";
}

.swiper-pagination{
  position:absolute;
  text-align:center;
  -webkit-transform:translateZ(0);
          transform:translateZ(0);
  -webkit-transition:opacity .3s;
  transition:opacity .3s;
  z-index:10;
}
.swiper-pagination.swiper-pagination-hidden{
  opacity:0;
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
  display:none !important;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
  bottom:var(--swiper-pagination-bottom, 8px);
  left:0;
  top:var(--swiper-pagination-top, auto);
  width:100%;
}
.swiper-pagination-bullets-dynamic{
  font-size:0;
  overflow:hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  position:relative;
  -webkit-transform:scale(.33);
          transform:scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
  -webkit-transform:scale(1);
          transform:scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
  -webkit-transform:scale(.66);
          transform:scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
  -webkit-transform:scale(.33);
          transform:scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
  -webkit-transform:scale(.66);
          transform:scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  -webkit-transform:scale(.33);
          transform:scale(.33);
}

.swiper-pagination-bullet{
  background:var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius:var(--swiper-pagination-bullet-border-radius, 50%);
  display:inline-block;
  height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity:var(--swiper-pagination-bullet-inactive-opacity, .2);
  width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
button.swiper-pagination-bullet{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  border:none;
  -webkit-box-shadow:none;
          box-shadow:none;
  margin:0;
  padding:0;
}

.swiper-pagination-clickable .swiper-pagination-bullet{
  cursor:pointer;
}
.swiper-pagination-bullet:only-child{
  display:none !important;
}

.swiper-pagination-bullet-active{
  background:var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity:var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
  left:var(--swiper-pagination-left, auto);
  right:var(--swiper-pagination-right, 8px);
  top:50%;
  -webkit-transform:translate3d(0, -50%, 0);
          transform:translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  display:block;
  margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  width:8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  display:inline-block;
  -webkit-transition:top .2s,-webkit-transform .2s;
  transition:top .2s,-webkit-transform .2s;
  transition:transform .2s,top .2s;
  transition:transform .2s,top .2s,-webkit-transform .2s;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  white-space:nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  -webkit-transition:left .2s,-webkit-transform .2s;
  transition:left .2s,-webkit-transform .2s;
  transition:transform .2s,left .2s;
  transition:transform .2s,left .2s,-webkit-transform .2s;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  -webkit-transition:right .2s,-webkit-transform .2s;
  transition:right .2s,-webkit-transform .2s;
  transition:transform .2s,right .2s;
  transition:transform .2s,right .2s,-webkit-transform .2s;
}
.swiper-pagination-fraction{
  color:var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar{
  background:var(--swiper-pagination-progressbar-bg-color, rgba(0,0,0,.25));
  position:absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:var(--swiper-pagination-color, var(--swiper-theme-color));
  height:100%;
  left:0;
  position:absolute;
  top:0;
  -webkit-transform:scale(0);
          transform:scale(0);
  -webkit-transform-origin:left top;
          transform-origin:left top;
  width:100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  -webkit-transform-origin:right top;
          transform-origin:right top;
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  height:var(--swiper-pagination-progressbar-size, 4px);
  left:0;
  top:0;
  width:100%;
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
  height:100%;
  left:0;
  top:0;
  width:var(--swiper-pagination-progressbar-size, 4px);
}

.swiper-pagination-lock{
  display:none;
}

.swiper-fade.swiper-free-mode .swiper-slide{
  -webkit-transition-timing-function:ease-out;
          transition-timing-function:ease-out;
}
.swiper-fade .swiper-slide{
  pointer-events:none;
  -webkit-transition-property:opacity;
  transition-property:opacity;
}
.swiper-fade .swiper-slide .swiper-slide{
  pointer-events:none;
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
  pointer-events:auto;
}

.swiper-cards{
  overflow:visible;
}
.swiper-cards .swiper-slide{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  overflow:hidden;
  -webkit-transform-origin:center bottom;
          transform-origin:center bottom;
}

.gsap_fadeup{
  opacity:0;
  -webkit-transform:translateY(2vh);
          transform:translateY(2vh);
}

.gsap_fadeIn{
  opacity:0;
}

.gsap_hd span{
  min-width:.25em;
}

.js_video_cnt{
  --swiper-theme-color:#dc1e37;
  --swiper-pagn-color:#e3007f;
  --swiper-arw-color:#333;
}

.js_ypv_cnt{
  --swiper-pagn-color:#fff;
  --swiper-arw-color:#fff;
}

.slide-controller{
  -webkit-box-align:center;
  -webkit-box-pack:center;
      -ms-flex-align:center;
      -ms-flex-pack:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
          justify-content:center;
  margin-top:40px;
  position:relative;
}

.slide-button-next,.slide-button-prev{
  -webkit-box-flex:0;
  cursor:pointer;
      -ms-flex:0 0 8px;
          flex:0 0 8px;
  height:8px;
  line-height:0;
  width:8px;
}
.slide-button-next:before,.slide-button-prev:before{
  content:"";
  display:block;
  height:100%;
  width:100%;
}

.slide-button-prev:before{
  border-left:2px solid var(--swiper-arw-color);
  border-top:2px solid var(--swiper-arw-color);
  rotate:-45deg;
}

.slide-button-next:before{
  border-bottom:2px solid var(--swiper-arw-color);
  border-right:2px solid var(--swiper-arw-color);
  rotate:-45deg;
}

.slide-pagination{
  -webkit-box-flex:0;
      -ms-flex-positive:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
          flex-grow:0;
  gap:10px;
  margin-inline:15px;
  width:auto !important;
}
.slide-pagination.swiper-pagination-lock{
  opacity:0;
  visibility:hidden;
}
.slide-pagination span{
  background-color:#ccc;
  border-radius:100vmax;
  cursor:pointer;
  display:block;
  height:10px;
  opacity:1 !important;
  -webkit-transition:width .6s;
  transition:width .6s;
  width:10px;
}
.slide-pagination span.swiper-pagination-bullet-active{
  background-color:var(--swiper-pagn-color);
  width:30px;
}

/*!　*/