html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font-family:arial,sans-serif;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden;}
.clearfix{*zoom:1;}
.newDesign-navigation .ds2-navigation-action-links a { line-height: 1.5rem;}

/* * {font-family: bmwTypeNextWeb,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif!important;} */
/*loading*/
.loadPage{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display: block;}
.loadPage .loadimg{position: absolute;width: 250px;/* margin:200px auto; */height: 68px;top:34vh;left: 50%;transform: translateX(-50%);}
.loadPage .load_p1 {position:absolute;/* top: 30%; *//* left:50%; *//* transform: translateX(-50%); */width: 100%;/* height: 47px; */left: 0;bottom: 0;opacity:0;filter:Alpha(opacity:0);}
.loadPage .loadimg .gif01{
	-webkit-animation:ani02 1s infinite linear;
	-moz-animation:ani02 1s infinite linear;
	-o-animation:ani02 1s infinite linear;
	animation: ani02 1s infinite linear;
}
.loadPage .loadimg .gif02 {position:absolute;right: -7px;bottom: 0px;width: 14px;}
.loadPage .loadNum{/* display:none; */position:absolute;/* width:100%; */bottom: -1.6rem;line-height: 20px;font-size: 16px;/* text-align:center; */color:#000;left: 50%;transform: translateX(-50%);}
/*main*/

html,body{height: 100vh;background: #f1f2f1;overflow: hidden;width: 100vw;}/*f1f2f1*/

.arrow_down01 {
	position:absolute;
	bottom: 40px;
	left: calc(50% - 10px);
	width: 20px;
	z-index: 8;
	-webkit-animation:down01 2s infinite ease-in-out;
	-moz-animation:down01 2s infinite ease-in-out;
	-o-animation:down01 2s infinite ease-in-out;
	animation: down01 2s infinite ease-in-out;
}
.arrow_down01:before {position: absolute;right: 0px;top: 1px;width: 20px;height: 20px;border-right: 1px solid rgba(153,153,153,0.8);border-bottom: 1px solid rgba(153,153,153,0.8);transform: rotate(45deg);content: '';}
.arrow_down01:after {position: absolute;right: 0px;top: 0px;width: 20px;height: 20px;border-right: 1px solid #FFF;border-bottom: 1px solid #FFF;transform: rotate(45deg);content: '';}

.wrapper{font-family:Microsoft Yahei,simhei,arial,sans;margin:auto;position:relative;overflow:hidden;}
a:link, a:visited {text-decoration: underline;color:#b5b5b5;}
a:hover {color: #244c8e;}
img{width:100%;vertical-align:middle;}
.pc{display:block;}
.mobi{display:none;}
.sections{position:relative;}
.center{text-align:center}
.abso{position:absolute}
.swiper-container{width: 100vw;height: 100vh;overflow: hidden;z-index: 4;position: absolute;top: 0;left: 0;background:url(/mobi/assets/img/trans.gif) center center / cover no-repeat;}
.bg{height:100%;width:100%;position: relative;background:url(/mobi/assets/img/trans.gif) center center / cover no-repeat;}

.header {position:absolute;top: 0;left: 0;width: 100%;z-index: 9;background: #FFF;padding: 0;height: 60px;}
.header .logo {float:left;width: 30%;margin: 20px 7%;}
.header .head_menu {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-evenly;align-items: center;margin-top: 20px;}
.header .head_menu a:link, .header .head_menu a:visited {position:relative;display:block;width: auto;height: 32px;position:relative;padding: 10px 20px;line-height: 32px;color: #244c8e;margin: 8px auto;text-decoration: none;overflow: hidden;font-size: 16px;}
.header .head_menu a:before {position: absolute;right: 1px;top: 22px;width: 6px;height: 6px;border-right: 1px solid #244c8e;border-bottom: 1px solid #244c8e;transform: rotate(-45deg);content: '';display: none;}
.header .head_menu .blue_btn01:before { display:none;}
.header .head_menu a:nth-child(1) {background: url(/mobi/assets/img/menu_bg.png) 0 -1000px no-repeat;background-size: 100% auto;}
.header .head_menu a:nth-child(2) {background: url(/mobi/assets/img/menu_bg.png) 0 -1000px no-repeat;background-size: 100% auto;}
.header .head_menu a:nth-child(3) {background: url(/mobi/assets/img/menu_bg.png) 0 -1000px no-repeat;background-size: 100% auto;}
.header .head_menu a:nth-child(4) {background: url(/mobi/assets/img/menu_bg.png) 0 -1000px no-repeat;background-size: 100% auto;}
.header .head_menu a:nth-child(5) {background: url(/mobi/assets/img/menu_bg.png) 0 -1000px no-repeat;background-size: 100% auto;}
.header .head_menu .on:link, .header .head_menu .on:visited {color: #09a1ff;font-weight: 700; background-position:0 bottom;}

.header .head_icon {float:right;margin: 20px 7%;width:9.6%;}
.header .head_icon .a2 { display:none;}
.head_p1 {position:relative;width:100%;height: calc(100vh - 60px);background:#e4e5e3;clear: both;border-top: 1px solid #bebebe;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;transition: all 0.35s ease-out;left:-100%;opacity: 0;filter:Alpha(opacity:0); gap:20px;}

.header.open .head_p1 { left:0; opacity: 1;filter:Alpha(opacity:100);}
.header.open .head_icon .a1 { display:none;}
.header.open .head_icon .a2 { display:block;}

.header .head_r1 {display: flex;gap: 20px;align-items: baseline;width: 86%;border-top: 1px solid #424142;padding: 20px 0;justify-content: center;}
.header .head_r1 a:link, .header .head_r1 a:visited {color:#424142;text-decoration: none;}
.header .head_r1 a:hover { color:#244c8e;}

.blue_btn01:link,.blue_btn01:visited {display:block;color: #FFF!important;border: 1px solid #48a0f8;padding: 0.5rem 15vw!important;font-size: 15px;font-weight: 700;/* border-radius: 4px; */height: 32px;line-height: 32px;background: #48a0f8;transition: all 0.15s ease-in;}
.blue_btn01:hover {border-color: #244c8e;background: #244c8e;color: #FFF!important;}

.blue_btn02:link,.blue_btn02:visited {display:block;color:#FFF;background:#09a1ff;padding: 3px 0;font-size: 15px;font-weight: 700;/* border-radius: 4px; */height: 40px;line-height: 40px;transition: all 0.15s ease-in;width: 250px;margin: auto;text-align: center;text-decoration: none;letter-spacing: 3px;}
.blue_btn02:hover {border-color:#48a0f8;background:#48a0f8;color:#FFF;}

.arrow01:link, .arrow01:visited {width: 40px;height: 30px;display: block;position:relative;color:#666666;line-height: 30px;font-size: 15px;}
.arrow01:before {position: absolute;right: 0px;top: 7px;width: 8px;height: 8px;border-right: 2px solid #666666;border-bottom: 2px solid #666666;transform: rotate(45deg);content: '';}
.arrow01:hover { color:#48a0f8;}
.arrow01:hover:before { border-color:#48a0f8;}

.sections {scroll-snap-align: start;height: calc(100vw * 1080 / 1125);width: 100%;overflow: hidden;position: relative;background:url(/mobi/assets/img/trans.gif) repeat;}
.wrap { position:relative; width:100vw; height:100vh; overflow: hidden;}
.wrap_bg {position:absolute;top:0;left:0;width: 100vw;height: 100vh;overflow: hidden;}
.wrap_bg img {position:absolute;top: 100vh;left:0;}
.swiper-wrapper {/*transition: all 1s ease-in-out 1s;*/transition-delay:1s;}
.sections .bg {position:absolute;top:0;left:0;width:100%;height:100%;display:none;}
.sections .bg img { position:absolute; top:50%; left:50%; width:100%; transform: translate(-50%,-50%);}
.sections .copy1 .a1 {/* transition: all 0.5s ease-in; *//* transition-delay:0.5s; */}
.sections h1 {font-size: 2.8rem;font-weight: 700;color: #424142;}
.sections h2 {font-size: 1.5rem;font-weight: 300;color: #424142;padding-bottom: 0.2rem;}
.sections h3 {font-size: 1.2rem;font-weight: 700;color: #424142;padding-bottom: 3%;}
.sections p {font-size: 13px;color:#424142;line-height: 2;}

.sections .blue01 { color:#244c8e;}
.sections .blue02 {color: #48a0f8!important;}
.sections h2 .blue01 { font-weight: 700;}

.sections .p_line {position:absolute;top:0;left:0;width: 100vw;height: 100vh;}
.sections .p_line img { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

.sections .p_line .aa {animation: ani02 5s infinite  ease-in-out 0.2s;}
.sections .p_line .ab {animation: ani02 5s infinite  ease-in-out 0.5s;}
.sections .p_line .ac {animation: ani02 5s infinite  ease-in-out 0.8s;}
.sections .p_line .ad {animation: ani02 5s infinite  ease-in-out 1.2s;}
.sections .p_line .ae {animation: ani02 5s infinite  ease-in-out 1.5s;}
.sections .p_line .af {animation: ani02 5s infinite  ease-in-out 1.8s;}
.sections .p_line .ag {animation: ani02 5s infinite  ease-in-out 2.1s;}

.section1 .copy1 {position:absolute;top: 33.4vh;left: 7%;transform: translateY(-50%);}

.section2 .copy1 {position:absolute;top: 13vh;left: 7%;transform: translateY(-50vh);width: 89%;}
.section2 .copy1 .a1 {display:flex;flex-wrap: nowrap;gap: 0.6rem;margin-top: 0.7rem;flex-direction: column;}

.section2 .copy1 .a1a:nth-child(2) p { text-shadow: 1px 0 1px #f1f2f1;}

.section3 .copy1 {position:absolute;top: 16vh;left: 7%;transform: translateY(-50vh);}
.section3 .copy1 .a1 {margin-top: 6vh; text-shadow: 1px 0 1px #f1f2f1;}


.section4 .p_pic {position:absolute;top: 68vh;left:0;width:98%;}
.s4Swiper {position:absolute;top: 25%;left: 5%;width: 90%;height: 56%;/* overflow: visible; */background: url(/mobi/assets/img/trans.gif);z-index: 2;user-select: none;}
.s4Swiper .swiper-slide {border-left: 1px solid #000;}
.s4Swiper .swiper-slide h2 {padding: 0 1rem 1rem;}
.s4Swiper .swiper-slide p {padding: 0 0 0 1rem;font-size: 13px;}
.s4Swiper .swiper-slide p strong { font-weight: 700; margin-right: 10px;}

.s4Swiper .swiper-wrapper {/* overflow:hidden; */transition-delay: 0s;width: fit-content;}
.section4 .swiper-scrollbar {bottom: 6%!important;height: 2px;background:#dcdcdc;/* overflow: visible; */width: 70%;left: 15%;}
.swiper-scrollbar-drag {background: #003399;border-radius:0;/* position: absolute; */height: 5px;top: -4px;}

.section6 .copy1 {position:absolute;top: 15%;left: 5%;}

.section6 .copy2 {position:absolute;top: 32%;left: 5%;width: 93%;}
.section6 .copy2 .a1 ul {display:flex;margin-top: 2rem;flex-direction: column;align-items: flex-start;gap: 20px;width: 100%;}
.section6 .copy2 .a1 ul li {display:flex;flex-direction: row;/* text-align: center; */gap: 4%;align-items: center;width: 100%;}
.section6 .copy2 .a1 .x1 {width: 6rem;height: 6rem;border-radius: 100%;border: 1px solid #0f4b92;display: flex;justify-content: center;font-size: 3rem;color: #09a1ff;font-weight: 700;align-items: baseline;}
.section6 .copy2 .a1 .x1 span {font-size: 16px;}
.section6 .copy2 .a1 .x2 {color: #0f4b92;width: calc(100% - 6rem);}

.section7 .copy1 {position:absolute;top: 15%;left: 5%;width: 92%;}

.section8 .copy1 {/* position: relative; *//* left: 10%; *//* width: 80%; */}
.section8 .copy1 ul {display:flex;flex-wrap: nowrap;justify-content: space-between;gap: 10vh;flex-direction: column;}
.section8 .copy1 li {padding: 0 0 0 3%;border-left: 1px solid #424142;}
.section8 .copy1 li strong {display:block;font-size: 0.925rem;font-weight: 700;padding-bottom: 3%;}
.section8 .copy1 li p {}

.section8 .copy2 {display: flex;gap: 4vh;flex-direction: column;}
.section8 .copy2 li {padding: 0 0 0 3%;border-left: 1px solid #424142;}
.section8 .copy2 li .b3 {padding-top: 0.3rem; font-weight:700;}
.section8 .copy2 li .b3:after {content:'';width: 8px;height: 8px;border-right: 2px solid #424142;border-bottom: 2px solid #424142;transform: rotate(-45deg);position: absolute;margin-top: 7px;margin-left: 0;}

.s8a1_Swiper {position:absolute;bottom: 15%;left:5%;width:90%;padding-bottom: 60px;}
.s8a1_Swiper .swiper-wrapper { transition-delay:0s;}

.s8a1_Swiper .swiper-button-prev {top:auto;bottom: 0;width:40px;height:40px;background:url(/mobi/assets/img/prev.png) 0 0 no-repeat;background-size:contain;left: 25%;}
.s8a1_Swiper .swiper-button-prev:after, .s8a1_Swiper .swiper-button-next:after { content:none;}
.s8a1_Swiper .swiper-button-next {top:auto;bottom: 0;width:40px;height:40px;background:url(/mobi/assets/img/next.png) 0 0 no-repeat;background-size:contain;right: 25%;}

.s8Swiper {width: 90%;height: 100%;margin: 0;background: #244c8e url(/mobi/assets/img/pop_bg.jpg) 0 bottom no-repeat;background-size: 100% auto;/* overflow: visible; */ --swiper-theme-color:#FFF; --swiper-navigation-size:2rem;}
.s8Swiper .swiper-wrapper { transition-delay:0s;}
.s8Swiper .swiper-button-next {right: 2%;background: none;}

.sect8_pop {position:absolute;top: 60px;left:0;width: 100%;display: none;height: calc(100vh - 60px);background: #FFF;z-index: 3;}
.sect8_pop .s8_bg {position:absolute;top: 0;left:0;width:100%;background: #244c8e;background-size: contain;height: calc(100vw * 700 / 1920);}
.sect8_pop .swiper-slide {display:flex;/* height: calc(100vw * 750 / 1920); *//* flex-direction: row; */}
.sect8_pop .b1 {/* width: calc(100vw * 960 /1920); *//* padding-top: 3%; */}
.sect8_pop .b2 {padding: 5%;}
.sect8_pop .b2 h2,.sect8_pop p {color:#fefefe;padding: 2% 0;}
.sect8_pop .b2 h2:first-child { padding-bottom:2%;}
.sect8_pop .b2 h2:last-child { padding-bottom:6%;}

.sect8_pop .close {position:absolute;top: 4%;right: 13%;width: 20px;height: 20px;z-index: 8;}
.sect8_pop .close:before, .sect8_pop .close:after {content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 30px;background-color:#FFF;}
.sect8_pop .close:before {transform: translate(-50%, -50%) rotate(45deg);}
.sect8_pop .close:after {transform: translate(-50%, -50%) rotate(-45deg);}

.section10 .copy1 {position:absolute;top: 16%;left: 5%;width: 90%;}
.section10 .copy1 h1 {line-height: 1.2;}

.section11 .copy1 {position:absolute;top: 14%;left: 10%;width: 90%;}

.section11 .copy2 {position:absolute;bottom: 6%;left: 6%;width: 94%;height: calc(100vw * 1428 / 1125);}
.section11 .copy2 .p1 {width: 75%;position: absolute;top: 2%;right: 0;}
.section11 .copy2 .b1 {position:absolute;top: -16%;left: 0;width: 95%;}
.section11 .copy2 .b2 {position:absolute;top: 3%;left:0;width: 95%;}
.section11 .copy2 .b3 {position:absolute;top: 22%;left:0;width: 95%;}

.section11 .copy2 h3 {/* color:#666; */text-shadow: 2px 2px 2px #FFF;font-weight: 700;padding-bottom: 1%;display: flex;align-items: flex-end;flex-wrap: nowrap;cursor: pointer;letter-spacing: 3px;font-size: 1.2rem;}
.section11 .copy2 h3 span { display:inline-block; position:relative; margin-left:2vw; width:1.2rem; height:1.2rem; border:1px solid #666; border-radius: 100%;box-shadow: 2px 2px 2px #FFF;}
.section11 .copy2 h3 span:before { content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:50%; height:1px; background:#666;box-shadow: 2px 2px 2px #FFF;}
.section11 .copy2 h3 span:after { content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:1px; height:50%; background:#666;box-shadow: 2px 2px 2px #FFF;}

.section11 .copy2 .on .b1a { display:none;}
.section11 .copy2 .on .b1b { display:block;}
.section11 .copy2 .on h3 span:after { display:none; content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:1px; height:50%; background:#666;box-shadow: 2px 2px 2px #FFF;}

.section11 .copy2 .b1a {color:#244c8e;line-height: 1.4;letter-spacing: 1px;padding-top: 6px;}
.section11 .copy2 .b1b { display:none; color:#666;line-height: 1.4;}

.section11_bg {position: absolute;top:0;left:0;background:#d5d5d5;width: 100vw;height:100vh;opacity: 0;filter:Alpha(opacity:0);}

.s11Swiper {width: 90%;height: 100%;margin: 0;/* overflow: visible; */--swiper-theme-color: #666; --swiper-navigation-size: 3rem;}
.s11Swiper .swiper-wrapper { transition-delay:0s;}
.s11Swiper .swiper-button-prev {bottom: 40%;left: 3%;}
.s11Swiper .swiper-button-next {bottom: 40%;right: 0%;background: none;}

.sect11_pop {position:absolute;top: 14%;left:0;width: 90%;display: none;height: 86%;background: #e4e4e4;z-index: 3;}
.sect11_pop .swiper-slide {display:flex;/* height: calc(100vw * 750 / 1920); *//* flex-direction: row; */}
.sect11_pop .b2 {padding: 20% 10%;}
.sect11_pop .b2 h2 {padding-bottom:2%;font-weight: 700;text-shadow: 2px 2px 2px #FFF;}
.sect11_pop .b1a {color: #244c8e;padding: 4% 0;}
.sect11_pop .b1b {color: #666;padding: 4% 0;}

.sect11_pop .close {position:absolute;top: 4%;right: 8%;width: 20px;height: 20px;z-index: 8;}
.sect11_pop .close:before, .sect11_pop .close:after {content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 30px;background-color: #666;}
.sect11_pop .close:before {transform: translate(-50%, -50%) rotate(45deg);}
.sect11_pop .close:after {transform: translate(-50%, -50%) rotate(-45deg);}

.section12 .s12_bg {position:absolute;top:0;left:0;width:100%;height:100%;/* display: none; */background: url(/mobi/assets/img/s12_bg.jpg) 0 0 no-repeat;background-size: cover;}
.section12 .s12_bg img {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);display: none;}
.section12 .copy1 {position: absolute;top: 8%;left: 17%;width: 66%;z-index: 3;}
.section12 .copy1 .p1 {display:flex;padding-bottom: 4vh;flex-direction: column;}
.section12 .copy1 .b1 {width: 14%;padding: 1% 8% 0 0;}
.section12 .copy1 .b1 img {width: 6vw;}

.section12 .copy1 .b2 {padding: 2vh 5% 0 0;color:#FFF;width: 100%;}
.section12 .copy1 .b2 strong { font-weight:700;}

.section12 .copy1 .p2 {/* border-top:2px solid #FFF; */display:flex;flex-direction: column;}

.section12 .copy1 .p3 {margin-top: 5vh;}

.section12 .copy2 {position: absolute;bottom:0;left:0;width: 90%;padding: 2vh 5% 2vh 5%;background:rgba(255,255,255,0.05);display:flex;align-items: center;z-index: 3;flex-direction: column;}
.section12 .copy2 p {color:#FFF;}
.section12 .copy2 .b1 {width: 100%;/* text-align: right; */display: flex;justify-content: space-between;font-weight: 700;align-items: center;line-height: 1.6;}
.section12 .copy2 .b1 img {width: 10vw;}
.section12 .copy2 .b2 {width: 100%;font-size: 12px;}
.section12 .copy2 .b2 a:link, .section12 .copy2 .b2 a:visited {display:inline-block;margin-left: 2%;color:#FFF;}
.section12 .copy2 .b2 a:hover { color:#48a0f8;}
.section12 .copy2 .b3 {width: 100%;display: flex;padding: 2% 0;flex-wrap: wrap;}
.section12 .copy2 .b3 a:link, .section12 .copy2 .b3 a:visited {display:inline-block;margin-right: 12%;color:#FFF;/* text-decoration: underline; */}
.section12 .copy2 .b3 a:hover { color:#48a0f8;}

.section12 .copy2 .b4 {width: 16%; font-weight: 700;}

/* .s12_p1 {position:absolute;top:60px;left:0;width:100%;height:calc(100% - 60px);background: url(/mobi/assets/img/trans.gif) 0 0 repeat;z-index: 3;overflow-x: hidden;overflow-y: auto;} */

.s12Swiper {position:absolute;top:60px;left:0;width:100%;height:calc(100% - 60px);background: url(/mobi/assets/img/trans.gif) 0 0 repeat;}
.s12Swiper .swiper-wrapper { transition-delay:0s;}

.wrap_p1 {position:absolute;top: -50vh;left: -50vw;width:100vw;height:100vh;overflow: visible;}
.wrap .pp_gif {position:absolute;top: 95vh;left: 70vw;}
.wrap .pp_gif_shadow {position:absolute;top: 0;left: 0;width:calc(100vw * 1123 / 1125);height:calc(100vw * 976 / 1125);background:url(/mobi/assets/img/p1.png) 0 0 no-repeat;opacity: 0.2;filter: Alpha(opacity:20);transform: translate(0,0);filter: blur(1px);-webkit-filter: blur(1px);z-index: 2;background-size: cover;margin: 0.8rem auto auto -1.2rem;/* will-change: transform; */}

.wrap .pp_gif .gif_p1 {position:absolute;top:0;left:0;width: calc(100vw * 1123 / 1125);height: calc(100vw * 976 / 1125);object-fit: cover;object-position: center;mask: center top / contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-position: left top;mask-position: left top;-webkit-mask-image: url(/mobi/assets/img/p1.png);mask-image: url(/mobi/assets/img/p1.png);mix-blend-mode:normal;transform: translate(0,0);z-index: 3;/* will-change: transform; */}

.wrap .pp_gif img {position:absolute;}
.wrap .pp_gif .a1 {top: -35%;left: -20%;width: calc(100vw * 1978 /1125);}
.wrap .pp_gif .a2 {top: 45%;left: -20%;width: calc(100vw * 600 /1125);opacity: 0;filter:Alpha(opacity:0);}
.wrap .pp_gif .a5 {top: 34%;left: 9%;width: calc(100vw * 1500 /1125);opacity: 0;filter:Alpha(opacity:0);/* transform: scale(0.3); */}

.wrap .pp_gif img:nth-child(3) {top: -5%;left: 33%;width: calc(100vw * 1000 /1125);opacity: 0;filter:Alpha(opacity:0); transform: scale(0.7) rotate(120deg); }

.section7 .dsm-typing { font-size:2.4rem;}
.section7 h2 {/* position:absolute; */top: 8rem;left:0;}

path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
}

.on path {
animation: dash 2s linear;
}
.dsmText { display:none;}

@media only screen and (max-width:1216px){
	.swiper-slide.s1 .copy_p1 { left:30px; transform:translateX(0px)}
}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:1024px){

}

@media only screen and (max-width:768px){
	.pc{display:none;}
	.mobi{display:block;}
	.swiper-slide .copywrapper{top: auto;left: 12%;bottom: 5%;width: 76%;}
	.campaign01 { font-size:13px;}	

	.swiper-button-next:after, .swiper-button-prev:after {font-size: 40px;}
	.swiper-button-prev {width: 40px;height: 40px;left: 2%;/* background: rgba(151,162,164,0.8); */top: auto;bottom: 30%;}
	.swiper-button-next {width: 40px;height: 40px;right: 0%;background: rgba(151,162,164,0.8);top: auto;bottom: 30%;}
	
	.video_c1 {width: 98%;height: auto;/* overflow: hidden; */margin-left: 1%;}
	.video_c1 video {width:100%;height: auto;margin:auto;border-radius: 8px;}
	.video_c1 .close {top: -40px;right: 8px;}
	
	.sect2 .video_c1 { width:100%; margin-left:auto;}
	.sect2 .video_c1 video { border-radius: 0;}

	.swiper-pagination-bullet-active { height:4px; width:16px;}

	.section12 .copy2 .p0 {width:100%;margin-right: auto;}
	.section12 .copy2 .b3 .bb1 {width:100%;font-size: 12px;display: flex;flex-wrap: nowrap;margin-right: auto;}
	.section12 .copy2 .b1a { line-height: 1.4;}
	.section12 .copy2 .b3 span {white-space: nowrap;margin-right: 6%;}
}

/*mobi*/
@media only screen 
  and (min-device-width:414px) 
  and (max-device-width:736px) 
  and (-webkit-min-device-pixel-ratio:3){
	
}
/*safari*/
.d_safari .section12 .copy2 {height: constant(155px + env(safe-area-inset-bottom) + 2vh);height: calc(155px + env(safe-area-inset-bottom) + 2vh);}
@media only screen and (max-device-width:375px) {
	.section11 .copy2 {bottom: 1%;}
	.s8a1_Swiper {bottom: 10%;}
	.section12 .copy1 {top: 6.8%;}
}
@media only screen and (min-device-height:700px) {
	.section10 .copy1 {top: 22%;}
	.section8 .copy2 {gap: 8vh;}
}

@-moz-keyframes down01{
0%,100%{
	-moz-transform:translateY(5px);
	}
	50%{
	-moz-transform:translateY(0);
	}
}
@-webkit-keyframes down01{
0%,100%{
	-webkit-transform:translateY(5px);
	}
	50%{
	-webkit-transform:translateY(0);
	}
}
@keyframes down01{
0%,100%{
	transform:translateY(5px);
	}
	50%{
	transform:translateY(0);
	}
}

@keyframes ani02{
0%,40%{
	opacity:1;
	filter:Alpha(opacity:100);
	}
	20%{
	opacity:0;
	filter:Alpha(opacity:0);
	}
}
@keyframes dash {
	0% {
		stroke-dashoffset: 1000;
		stroke-dasharray: 1000;
	}
	100% {
		stroke-dashoffset: 0;
		stroke-dasharray: 1000;
	}
}