@charset "utf-8";
/*
  danny 201909
  1. $Reset
  2. $body,html
  3. $共用
  4. $Mobile
  5. $Pc
*/





/* $Mobile
--------------------------------------------------------------------------------------*/
html,body{ height:auto; min-height:600px; background:#000; }
.goto-box{ z-index:10; }




/* header */
header{ width:100%; min-height:700px; background:url(../image/rs__header__bg--mobile.jpg) top center no-repeat; background-size:cover; position:relative; overflow:hidden; }
.header-container{  }
/* header__series-box */
.header__series-box{ display:flex; flex-direction:column; align-items:center; width:60vw; position:absolute; left:50%; top:60px; transform:translateX(-50%); }
.header__series{ width:40vw; margin:0 0 10px 0; }
.header__series img{ width:100%; height:auto; }
.header__series__txt{ width:50vw; margin:10px 0 0 0; }
.header__series__txt>img{ width:100%; }
/* button */
.header-container button{ display:block; height:30px; line-height:28px; font-size:0.9375rem; color:#fff; background:rgba(0,0,0,0.5); border:1px solid #fff; padding:0 10px; transition:all 0.4s cubic-bezier(.25,.1,.25,1); }
.header-container button:hover{ background:rgba(52,153,194,1); }
.header-container button>a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; }





/* ani */
.ani{  }
.ani{color:#fff;}
.ani h3,.ani h4{ font-weight:400; }
.ani .num_list,
.ani .num_list li{ display:inline-block;}
.ani .num{ position:relative; overflow:hidden; margin:-6% -4px; } 
.ani .num.n-percent{  }
.ani .num.n-dot{ width:.3em; margin:-6% 2px -6% -4px; }
.ani .num:before,
.ani .num:after{ content:'';  width:100%;}
.ani .num:before{ position:absolute; left:0; bottom:0; width:100%; padding-top:6521%; background-position:center bottom; background-size:100% 100%; /*transform:translateY(66.68%);*/ transform:translateY(33.29%); }
.ani .num:after{ padding-top:170%; display:block;} 
.ani .num.n-percent:before,.ani .num.n-pluse:before{ padding-top:217%; transform:translateY(0%);}
.ani .num.n-dot:before{ padding-top:100%; transform:translateY(0%); }
.ani .blue .num:before{ background-image:url(../image/rs_ani-num.svg);}
.ani .blue .num.n-percent:before{ background-image:url(../image/rs_ani-num-percent.svg); }
.ani .blue .num.n-pluse:before{ background-image:url(../image/rs_ani-num-pluse.svg); }
.ani .blue .num.n-dot:before{ background:#1ca5e8; }
.ani .white .num:before{ background-image:url(../image/rs_ani-num-white.svg); }
.ani .white .num.n-percent:before{ background-image:url(../image/rs_ani-num-percent-white.svg); }
.ani .white .num.n-pluse:before{ background-image:url(../image/rs_ani-num-pluse-white.svg); }
.ani .white .num.n-dot:before{ background:#fff; }
.ani.act .num_list .num:nth-last-of-type(1):before{ transition:transform 0s cubic-bezier(.3,.54,.63,.69); }
.ani.act .num_list .num:nth-last-of-type(2):before{ transition:transform 1s cubic-bezier(.3,.54,.63,.69); }
.ani.act .num_list .num:nth-last-of-type(3):before{ transition:transform 1.4s cubic-bezier(.3,.54,.63,.69); }
.ani.act .num_list .num:nth-last-of-type(4):before{ transition:transform 1.8s cubic-bezier(.3,.54,.63,.69); }
.ani.act .num_list .num:nth-last-of-type(5):before{ transition:transform 2.2s cubic-bezier(.3,.54,.63,.69); }
.ani.act .num.n0:before{ transform:translateY(66.68%); }
.ani.act .num.n1:before{ transform:translateY(70%); }
.ani.act .num.n2:before{ transform:translateY(73.36%); }
.ani.act .num.n3:before{ transform:translateY(76.7%); }
.ani.act .num.n4:before{ transform:translateY(80.05%); }
.ani.act .num.n5:before{ transform:translateY(83.36%); }
.ani.act .num.n6:before{ transform:translateY(86.7%); }
.ani.act .num.n7:before{ transform:translateY(90.05%); }
.ani.act .num.n8:before{ transform:translateY(93.36%); }
.ani.act .num.n9:before{ transform:translateY(96.7%); }






/* ani_01 */
.ani_01-container{ width:100%; max-width:820px; font-size:0.75rem; line-height:1.5em; color:#fff; box-sizing:border-box;/* padding:30px 3% 50px 3%;*/ margin:0 auto; }
.ani_01-container h5{ font-size:1.125rem; margin:0 0 20px 0; text-align:center; }
.ani{color:#fff;}
.ani h3,.ani h4{ font-weight:400; }
.ani_01-box{ text-align:center; }
.ani_01-box h3{ font-size:1.625rem; line-height:1.5em; }
.ani_01-box h3 span{ color:#1ca5e8; }
.ani_01-box h3 b{ font-weight:600; }
.ani_01-box h4{ font-size:.875rem; }
.ani_01-box ul{ display:flex; justify-content:center; margin:20px 0; }
.ani_01-box ul > li{ position:relative; display:flex; flex-direction:column; flex:1; border:solid 1px #008cd0; background:#002f46; box-sizing:border-box; padding:6px 0 14px; overflow:hidden; }
.ani_01-box ul > li:nth-of-type(1){ margin-left:0; }
.ani_01-box ul > li:nth-last-of-type(1){ margin-right:0; }
.ani_01-box ul > li:before,.ani_01-box ul > li:after{ position:absolute; content:''; display:block; width:100%; bottom:0; left:0; z-index:0; }
.ani_01-box ul > li:before{ height:100%; background-image:linear-gradient(0deg,rgb(0,161,224) 0%, rgb(133,230,211) 100%); }
.ani_01-box ul > li:after{ background:url(../image/rs_ani_01-bg.svg); background-size:101% auto; padding-top:38%; }
.ani_01-box ul > li > *{ z-index:2; }
.ani_01-box ul > li h4{ color:#002f46; position:absolute; top:50%; }
.ani_01-box ul > li p{ position:absolute; bottom:1%; }
.act.ani_01-box ul > li:nth-of-type(2):before{ height:95%; transition:height 1s  cubic-bezier(.3,.54,.63,.69);}
.act.ani_01-box ul > li:nth-of-type(2) .num_list .num:nth-last-of-type(2):before{ transform:translateY(83.28%); transition:transform 1s cubic-bezier(.27,.43,.7,.98); }
.act.ani_01-box ul > li:nth-of-type(3):before{ height:65%; transition:height 1.5s cubic-bezier(.3,.54,.63,.69);}
.act.ani_01-box ul > li:nth-of-type(3) .num_list .num:nth-last-of-type(2):before{ transform:translateY(83.36%); transition:transform 1.4s cubic-bezier(.27,.43,.7,.98); }
.act.ani_01-box ul > li:nth-of-type(3) .num_list .num:nth-last-of-type(3):before{ transform:translateY(76.7%); transition:transform 1s cubic-bezier(.27,.43,.7,.98); }
 
.ani_01-container{ padding:0 20px 60px; margin:0 auto; } .ani_01-box ul{ margin:20px auto; }
.ani_01-container h5{ font-size:1.125rem; margin:0 0 30px 0; text-align:center; }
.ani_01-container p{ font-size:0.875rem; line-height:1.5em; }
.ani_01-box ul > li{ padding:3% 0 0; width:230px; height:316px; border-radius:0 0 6px 6px; margin:0 10px;}
.ani_01-box ul .num_list li{ width:2.8rem; }
.ani_01-box ul > li h3{ font-weight:600; }
.ani_01-box ul > li h4{ font-size:1.25rem; text-align:center; width:100%;}
.ani_01-box ul > li p{ width:100%; font-size:1.25rem; bottom:1.5%;}




/* pao */
.pao{ width:100%; font-size:0.75rem; line-height:1.5em; color:#fff; background:url(../image/rs__pao__bg--mobile.jpg) center center no-repeat #080f24; background-size:cover; text-align:center; }
.pao-container{ width:100%; margin:0 auto; box-sizing:border-box; padding:30px 3% 50px 3%; position:relative; }
/*動畫2*/
.ani_02-box--mobile{ display:block; margin:30px 0 30px 0; }
.ani_02-box--mobile>img{ width:100%; }
.ani_03-box--mobile{ display:block; margin:20px 0 10px 0; }
.ani_03-box--mobile>img{ width:100%; }
.ani_02-box{ text-align:center; }
.ani_02-box h3{ font-size:1.25rem; line-height:1.5em; margin:0 0 10px 0; }
.ani_02-box h4{ font-size:0.875rem; text-align:center; }
.ani_03-box h3{ font-size:1.25rem; line-height:1.5em; margin:0 0 10px 0; }
.ani_03-box h4{ font-size:1rem; text-align:center; }
.ani_02-box ul{ display:none; }
.ani_03-box--mobile{ display: none;s }

/*動畫3*/
.ani_03-box h4{ margin-bottom:-1em; font-size:1.2rem; }
.ani_03-box{ box-sizing:border-box; margin:0 0 22px 0; }
.ani_03-box ul{ position:relative; display:block; margin:0 auto; }
.ani_03-box ul > li{ position:absolute; display:block; background:#002d4d; padding-top:16px;}
.ani_03-box ul > li .text-block p{ font-size:1.25rem; color:#fff; }
.ani_03-box ul > li .text-block p:nth-of-type(1){ color:#89deff;  }
.ani_03-box ul > li h3{ position:absolute; width:100%; }
.ani_03-box ul > li{ padding:0; height:0; transition:all 1.5s cubic-bezier(.42,0,.58,1);}
.ani_03-box ul > li .text-block, 
.ani_03-box ul > li h3{ opacity:0; }
.act.ani_03-box ul > li .text-block{ opacity:1; transition:all 1.2s 1.5s cubic-bezier(.27,.43,.7,.98); }
.act.ani_03-box ul > li h3{ opacity:1; transition:all 2.5s 2.2s cubic-bezier(.27,.43,.7,.98); }
.act.ani_03-box ul > li:nth-of-type(1) .num_list .num:nth-last-of-type(2):before{ transition:transform 2s .6s cubic-bezier(.3,.54,.63,.69);}
.act.ani_03-box ul > li:nth-of-type(1) .num_list .num:nth-last-of-type(4):before{ transition:transform 2.6s .6s cubic-bezier(.3,.54,.63,.69);}
.act.ani_03-box ul > li:nth-of-type(2) .num_list .num:nth-last-of-type(2):before{ transition:transform 2s .6s cubic-bezier(.3,.54,.63,.69); }
.act.ani_03-box ul > li:nth-of-type(2) .num_list .num:nth-last-of-type(4):before{ transition:transform 2.6s .6s cubic-bezier(.3,.54,.63,.69); }
.act.ani_03-box ul > li .num_list .num:nth-last-of-type(5):before{ transition:transform 2.8s .6s cubic-bezier(.3,.54,.63,.69); }


/* ani_03 mobile */
.ani_03-box h4{ font-size:1rem; text-align:center; margin:0; }
.ani_03-box ul{ width:100%; max-width:400px; margin: 20px auto 10px;  }
.ani_03-box ul:before{ content:''; display:block; width:100%; padding-top:55%; background:url(../image/rs_ani_03--mobile_2024new.png?v=2) center center no-repeat; background-size:cover;}
.ani_03-box ul > li{ width:43%; left:12%; }
.ani_03-box ul > li:nth-of-type(1){ bottom:1.5%; }
.ani_03-box ul > li:nth-of-type(2){ bottom:1.5%; }
.ani_03-box ul .num_list li{ width:1.8rem; }
.ani_03-box ul .num_list li:nth-last-of-type(2){ width:1rem; }
.ani_03-box ul > li:nth-of-type(1) .num_list li:nth-of-type(2) ,
.ani_03-box ul > li:nth-of-type(2) .num_list li:nth-of-type(2) ,
.ani_03-box ul > li:nth-of-type(2) .num_list li:nth-of-type(3){ width:2rem; }
.ani_03-box ul > li .text-block p{ font-size:.85rem;  }
.ani_03-box ul > li h3{ bottom:12px; }
.act.ani_03-box ul > li:nth-of-type(1) ,.act.ani_03-box ul > li:nth-of-type(2){ padding-top:16px; height:75.5%; }








/* jaso */
.jaso{ width:100%; line-height:1.5em; color:#fff; background:url(../image/rs__jaso__bg--mobile.jpg) top center no-repeat; background-size:cover; }
.jaso-container{ display:flex; flex-direction:column; align-items:center; font-size:0.875rem; text-align:center; color:#fff; line-height:1.5em; width:100%; margin:0 auto; box-sizing:border-box; padding:30px 3% 50px 3%; position:relative; }
.jaso__img01{ width:60vw; margin:0px 0 20px 0; }
.jaso__img02{ display:none; }
.jaso__img02--mobile{ width:100%; margin:30px 0 40px 0; }
.jaso__img03{ display:none; }
.jaso__img03--mobile{ width:100%; margin:10px 0 0 0; }
.jaso-container h3{ font-size:1.25rem; font-weight:normal; margin:0 0 10px 0; }
.jaso-container h4{ font-size:1rem; font-weight:normal; margin:0 0 5px 0; }





/* api */
.api{ width:100%; background:url(../image/rs__api__bg.jpg) top center no-repeat; background-size:cover; }
.api-container{ width:100%; margin:0 auto; box-sizing:border-box; padding:30px 3% 50px 3%; position:relative; }
.api-container h3{ font-size:1.25rem; line-height:1.5em; font-weight:normal; color:#fff; margin:0 0 40px 0; text-align:center; }
/*動畫4*/
.ani_04-box--mobile{ display:flex; justify-content:center; align-items:center; }
.ani_04-box--mobile>img{ width:80%; height:auto; }

/*動畫4*/
.ani_04-box ul{ display:block; }
.ani_04-box ul{ display:flex; flex-wrap:wrap; margin:0 auto; width:80%; max-width:400px; justify-content:space-between;}
.ani_04-box ul > li{ position:relative; text-align:center; display:flex; flex-direction:column; justify-content:flex-end; padding-top:20%; margin-bottom:10%; width:calc(50% - 8px);}
.ani_04-box ul > li > *{ position:relative;}
.ani_04-box ul > li:before{ position:absolute; bottom:0; left:0; display:block; content:''; width:100%; height:100%; background:center top no-repeat; background-size:100% auto; }
.ani_04-box ul > li:nth-of-type(1):before{ background-image:url(../image/rs_ani_04-before_01.png); }
.ani_04-box ul > li:nth-of-type(2):before{ background-image:url(../image/rs_ani_04-before_02.png); }
.ani_04-box ul > li:nth-of-type(3):before{ background-image:url(../image/rs_ani_04-before_03.png); }
.ani_04-box ul > li:nth-of-type(4):before{ background-image:url(../image/rs_ani_04-before_04.png); }
.ani_04-box ul .num_list li{ width:2rem; }
.ani_04-box ul > li .text-block{ width:100%; /*height:54px;*/ margin:20px 0;}
.ani_04-box ul > li .text-block:before{ content:''; padding-top:41%; background:center top no-repeat; background-size:100% auto; display:block; }
.ani_04-box ul > li:nth-of-type(1) .text-block:before{ background-image:url(../image/rs_ani_04-text-bg_01.png); }
.ani_04-box ul > li:nth-of-type(2) .text-block:before{ background-image:url(../image/rs_ani_04-text-bg_02.png); }
.ani_04-box ul > li:nth-of-type(3) .text-block:before{ background-image:url(../image/rs_ani_04-text-bg_03.png); }
.ani_04-box ul > li:nth-of-type(4) .text-block:before{ background-image:url(../image/rs_ani_04-text-bg_04.png); }
.ani_04-box ul > li .text-block p{ font-size:.75rem; line-height:1em; color:#000; position:absolute; width:100%; top:50%; } 
.ani_04-box ul > li h3{ font-size:1.3rem; color:#fff; line-height:1.1; margin-bottom:0;} 
.ani_04-box ul > li hr{ border:none; border-bottom:solid 1px #fff; margin:8px 0; }
.ani_04-box ul > li h4{ font-size:.75rem; width:200%; transform:translate(-25%,-25%) scale(.8); text-align:center; }
.ani_04-box ul > li{ opacity:.1; }
.act.ani_04-box ul > li{ opacity:1; transition:all 1.2s cubic-bezier(.42,0,1,1); }
.ani_04-box ul > li .text-block{ opacity:0; transform:translateY(100%); }
.act.ani_04-box ul > li .text-block{ opacity:1; transform:translateY(0); transition:all .3s 0s cubic-bezier(.12,.49,.7,.87);}
.ani_04-box ul .num_list{ opacity:0; }
.act.ani_04-box ul .num_list{ opacity:1; transition:all 1.5s .8s cubic-bezier(.42,0,1,1); }
.act.ani_04-box .num_list .num:nth-last-of-type(2):before{ transition:transform 2s -.5s cubic-bezier(.3,.54,.63,.69); }
.act.ani_04-box .num_list .num:nth-last-of-type(3):before{ transition:transform 2.6s -.5s cubic-bezier(.3,.54,.63,.69); }





/* color */
.color01{ color:#857550; }
.color02{ color:#db0032; }
.color03{ color:#aa32c1; }
.color04{ color:#1990d9; }





.product__01 .product__features-container,.product__02 .product__features-container,.product__03 .product__features-container,.product__04 .product__features-container{ order: 3;  }
.product__features-container{ width: 100%; margin-top: 20px; }
.product__features-box{}
.product__features__tit-box{ display: flex; height: 33px; }
.product__features__tit-box:after{ content: ''; display: inline-block; background: #fff; width: 20px; height: 100%; transform: skewX(30deg); margin-left: -10px; }
.product__features__tit{ font-size: 0.875rem; color: #000; background: #fff; height: 33px; line-height: 33px; box-sizing: border-box; padding: 0 15px 0 15px; }
.product__features__list-box{ display: flex; flex-wrap: wrap; border: 1px solid #5d5d5d; box-sizing: border-box; padding: 20px 0; font-size: 0.8125rem; color: #b5b5b5; line-height: 20px; }
.product__features__list{ width: 100%; box-sizing: border-box; padding: 0 15px; border-right: none; }
.product__features__list:last-child{ border: none; }
.product__features__list>li{ list-style: disc; margin-left: 15px;}
.product__features__list__ps{ font-size: 0.875rem; margin-top: 10px; }





/* $Mobile
--------------------------------------------------------------------------------------*/
@media screen and (max-width:599.99px){
/* ani_01 mobile */
.ani_01-container{ padding:30px 3% 50px 3%; }
.ani_01-container h5{ font-size:.75rem; }
.ani_01-box ul{ padding:0 4px; }
.ani_01-box ul > li{ height:136px; border-radius: 0 0 2px 2px;}
.ani_01-box ul > li h3 span{ font-size:.8rem;  }
.ani_01-box ul > li h4 ,.ani_01-box ul > li p{ font-size:.75rem; width:200%; text-align:center; transform:translateX(-25%) scale(.7);} 
.ani_01-box ul .num_list li{ width:1rem; }
.ani_01-box ul > li{ margin:0 8px; }






}

/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

/* header */
header{ height:920px; } 
.header__series{ width:35%; }
/* button */
.header-container button{ top:120px; }
.product__item>img{ display:block; width:120px; height:auto; margin:0 auto;  }
.jaso__img01{ width:40vw; }
/*.ani_04-box--mobile{ display:flex; justify-content:center; }
.ani_04-box--mobile>img{ width:60vw; }*/
.ani_04-box ul > li .text-block p{ font-size:1rem;  } 
.ani_04-box ul > li h4{ width:100%; transform:none; }
.ani_02-box h3{ font-size:1.625rem; line-height:1.5em; margin:0 0 10px 0; }
.jaso-container h3{ font-size:1.625rem; font-weight:normal; margin:0 0 10px 0; }
.api-container h3{ font-size:1.625rem; line-height:1.5em; font-weight:normal; color:#fff; margin:0 0 40px 0; text-align:center; }

}



/* 橫的版型 */
@media screen and (orientation:landscape){ 

/* header */
header{ min-height:600px;   }
.header-container button{ top:95px; }

}





/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px){

html,body{ min-width:100%; height:auto; font-size:16px; background:#000; }
/* header */
header{ width:100%; min-width:1280px; height:1030px; background:url(../image/rs__header__bg.jpg) top center no-repeat; /* background-size:100%; */ position:relative; overflow:hidden; }
.header-container{ max-width:1280px; margin:0 auto; position:relative; }
/* header__series-box */
.header__series-box{ display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-end; width:400px; position:absolute; left:0px; top:220px; transform:none; }
.header__series{ width:242px; margin:0 20px -3px 0; }
.header__series img{ width:100%; height:auto; }
.header__series__txt{ width:auto; margin:40px 0 0 0; }
/* button */
.header-container button{ display:block;  height:30px; line-height:28px; font-size:0.9375rem; color:#fff; background:rgba(0,0,0,0.5); border:1px solid #fff; padding:0 10px; transition:all 0.4s  cubic-bezier(.25,.1,.25,1); }
.header-container button:hover{ background:rgba(52,153,194,1); }
.header-container button>a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; }



/* pao */
.pao{ width:100%; min-width:1280px; background:url(../image/rs__pao__bg.jpg) top center no-repeat #080f24; background-size:cover; /* background:linear-gradient(180deg, rgba(6,18,44,1) 0%, rgba(6,18,44,1) 64%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%); */ }
.pao-container{ width:1280px; margin:0 auto; box-sizing:border-box; padding:80px 0 80px 0; position:relative; }
/*動畫2*/
.ani_02-box--mobile{ display:none; }
.ani_02-box{ text-align:center; }
.ani_02-box h3{ font-size:1.625rem; margin:0 0 20px 0;  }
.ani_02-box h4{ font-size:1.1rem; }
.ani_02-box ul{ display:block; position:relative; width:920px; height:244px; margin:70px auto 60px; }
.ani_02-box ul li{ position:absolute; width:197px; height:158px; background-size:cover; display:flex; justify-content:center; align-items:center;}
.ani_02-box ul p{ font-size:1.375rem; letter-spacing:-.05em; position:relative; }
.ani_02-box ul li:nth-of-type(1) ,
.ani_02-box ul li:nth-of-type(3) ,
.ani_02-box ul li:nth-of-type(5){ top:0; }
.ani_02-box ul li:nth-of-type(2) ,
.ani_02-box ul li:nth-of-type(4) ,
.ani_02-box ul li:nth-of-type(6){ bottom:0; }
.ani_02-box ul li:nth-of-type(1){ background-image:url(../image/rs_ani_02-border_01.png); left:-1.3%;}
.ani_02-box ul li:nth-of-type(2){ background-image:url(../image/rs_ani_02-border_02.png); left:14.8%;}
.ani_02-box ul li:nth-of-type(3){ background-image:url(../image/rs_ani_02-border_03.png); left:31.2%;}
.ani_02-box ul li:nth-of-type(4){ background-image:url(../image/rs_ani_02-border_04.png); right:31.2%;}
.ani_02-box ul li:nth-of-type(5){ background-image:url(../image/rs_ani_02-border_05.png); right:14.8%;}
.ani_02-box ul li:nth-of-type(6){ background-image:url(../image/rs_ani_02-border_06.png); right:-1.3%;}
.ani_02-box ul li:before{ position:absolute; content:''; width:100%; height:100%; background:center center no-repeat; }
.ani_02-box ul li:nth-of-type(1):before{ background-image:url(../image/rs_ani_02-opacity_01.png); }
.ani_02-box ul li:nth-of-type(2):before{ background-image:url(../image/rs_ani_02-opacity_02.png); }
.ani_02-box ul li:nth-of-type(3):before{ background-image:url(../image/rs_ani_02-opacity_03.png); }
.ani_02-box ul li:nth-of-type(4):before{ background-image:url(../image/rs_ani_02-opacity_04.png); }
.ani_02-box ul li:nth-of-type(5):before{ background-image:url(../image/rs_ani_02-opacity_05.png); }
.ani_02-box ul li:nth-of-type(6):before{ background-image:url(../image/rs_ani_02-opacity_06.png); }
.ani_02-box ul li:after{ position:absolute; content:''; width:100%; height:100%; background:center center no-repeat; }
.ani_02-box ul li:nth-of-type(1):after{ background-image:url(../image/rs_ani_02-flash_01.png); }
.ani_02-box ul li:nth-of-type(2):after{ background-image:url(../image/rs_ani_02-flash_02.png); }
.ani_02-box ul li:nth-of-type(3):after{ background-image:url(../image/rs_ani_02-flash_03.png); }
.ani_02-box ul li:nth-of-type(4):after{ background-image:url(../image/rs_ani_02-flash_04.png); }
.ani_02-box ul li:nth-of-type(5):after{ background-image:url(../image/rs_ani_02-flash_05.png); }
.ani_02-box ul li:nth-of-type(6):after{ background-image:url(../image/rs_ani_02-flash_06.png); }
.ani_02-box ul li{ opacity:0; transform:scale(0);}
.act.ani_02-box ul li{ opacity:1; transform:scale(1); transition:all .6s cubic-bezier(.48,1.61,.57,.83);}
.act.ani_02-box ul li:nth-of-type(2){ transition-delay:.2s; }
.act.ani_02-box ul li:nth-of-type(3){ transition-delay:.4s; }
.act.ani_02-box ul li:nth-of-type(4){ transition-delay:.6s; }
.act.ani_02-box ul li:nth-of-type(5){ transition-delay:.8s; }
.act.ani_02-box ul li:nth-of-type(6){ transition-delay:1s; }
.ani_02-box ul li:after{ opacity:0; }
.act.ani_02-box ul li:after{ animation:opacityAct 1.5s ease-in-out backwards; }
.act.ani_02-box ul li:nth-of-type(1):after{ animation-delay:1.1s; }
.act.ani_02-box ul li:nth-of-type(2):after{ animation-delay:1.2s; }
.act.ani_02-box ul li:nth-of-type(3):after{ animation-delay:1.3s; }
.act.ani_02-box ul li:nth-of-type(4):after{ animation-delay:1.4s; }
.act.ani_02-box ul li:nth-of-type(5):after{ animation-delay:1.5s; }
.act.ani_02-box ul li:nth-of-type(6):after{ animation-delay:1.6s; }
@keyframes opacityAct{ 0%,100%{ opacity:0;} 50%{ opacity:1; } }
.pao p{ font-size:0.875rem; line-height:1.5em; color:#fff; text-align:center; }


/* ani_03 pc */
.ani_03-box ul{ width:928px; max-width:none; height:260px; background:url(../image/rs_ani_03-bg_2024new.png?v=2) center center no-repeat; }
.ani_03-box ul:before{ display:none; }
.ani_03-box ul > li{ bottom:1px; width:205px; height:0; background:#002d4d; text-align:center; box-sizing:border-box; padding-top:0;}
.ani_03-box ul > li:nth-of-type(1){ left:28.5%;  bottom:1px;}
.ani_03-box ul > li:nth-of-type(2){ left:54.5%; bottom:1px;}
.ani_03-box ul .num_list li{ width:1.875rem; }
.ani_03-box ul .num_list li:nth-last-of-type(2){ width:1.1rem; }
.ani_03-box ul > li:nth-of-type(1) .num_list li:nth-of-type(2) ,
.ani_03-box ul > li:nth-of-type(2) .num_list li:nth-of-type(2) ,
.ani_03-box ul > li:nth-of-type(2) .num_list li:nth-of-type(3){ width:3rem; }
.ani_03-box ul > li h3{ bottom:20px; }
.act.ani_03-box ul > li:nth-of-type(1),
.act.ani_03-box ul > li:nth-of-type(2){ padding-top:16px; height:84%; }


/*動畫4*/
.ani_04-box ul{ width:950px; max-width:none; height:400px;}
.ani_04-box ul > li{ width:207px; padding-top:0%; margin-bottom:0;}
.ani_04-box ul .num_list li{ width:3rem; }
.ani_04-box ul > li .text-block{ height:85px;}
.ani_04-box ul > li .text-block p{ font-size:1.25rem;  } 
.ani_04-box ul > li h3{ font-size:2.25rem; } 
.ani_04-box ul > li h4{ transform:none; width:100%; font-size:.9rem; }
.ani_04-box--mobile{ display: none; }




/* jaso */
.jaso{ width:100%; min-width:1280px; background:url(../image/rs__jaso__bg.jpg) top center no-repeat; background-size:cover; }
.jaso-container{ display:flex; flex-direction:column; align-items:center; font-size:1.125rem; color:#fff; line-height:1.5em; width:1280px; margin:0 auto; box-sizing:border-box; padding:80px 0 80px 0; position:relative; }
.jaso-container h3{ font-size:2.25rem; font-weight:normal; margin:25px 0 25px 0; }
.jaso-container h4{ font-size:1.25rem; font-weight:normal; margin:0 0 10px 0; }
.jaso__img01{ width:auto; margin:auto; }
.jaso__img02{ display:block; margin:30px 0 40px 0; }
.jaso__img03{ display:block; }
.jaso__img02--mobile{ display:none; }
.jaso__img03--mobile{ display:none; }





/* api */
.api{ width:100%; min-width:1280px; background:url(../image/rs__api__bg.jpg) top center no-repeat; background-size:cover; }
.api-container{ width:1280px; margin:0 auto; box-sizing:border-box; padding:80px 0 80px 0; position:relative;  }
.api-container>h3{ font-size:2.25rem; font-weight:normal; }





/* color */
.color01{ color:#857550; }
.color02{ color:#db0032; }
.color03{ color:#aa32c1; }
.color03n{ color:#3daad4; }
.color04{ color:#1990d9; }





/* search-box */
.search-box{ margin:1px auto 0 auto;  }





.product__01 .product__features-container,.product__02 .product__features-container,.product__03 .product__features-container,.product__04 .product__features-container{ order: 3;  }
.product__features-container{ width: 100%; margin-top: 40px; }
.product__features-box{}
.product__features__tit-box{ display: flex; height: 33px; }
.product__features__tit-box:after{ content: ''; display: inline-block; background: #fff; width: 20px; height: 100%; transform: skewX(30deg); margin-left: -10px; }
.product__features__tit{ font-size: 1rem; color: #000; background: #fff; height: 33px; line-height: 33px; box-sizing: border-box; padding: 0 15px 0 15px; }
.product__features__list-box{ display: flex; border: 1px solid #5d5d5d; box-sizing: border-box; padding: 20px 0; font-size: 0.8125rem; color: #b5b5b5; line-height: 20px; }
.product__features__list{ width: 33%; box-sizing: border-box; padding: 0 15px; border-right: 1px solid #5d5d5d; }
.product__features__list:last-child{ border: none; }
.product__features__list>li{ list-style: disc; margin-left: 15px;}
.product__features__list__ps{ font-size: 0.875rem; margin-top: 10px; }






}





/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){

}