@charset 'utf-8';

#container { padding-bottom:5%; }
#container .scrollDown { position:relative; margin-top:0; width:100%; height:100px; text-align:center; z-index:1; }
#container .scrollDown span { position:relative; display:inline-block; width:59px; height:59px; margin:0 auto; }
#container .scrollDown span:before { content:""; display:block; width:100%; height:100%; border-radius:60px; background:url(../img/main/scrollarr.png) no-repeat center; background-size:100%; position:absolute; animation:scrollDown 2s infinite; }

#container .more_s1 { margin-top:6%; }
#container .simulator-view .more_s1 { margin-top:30px; }
#container .popupbox .more_s1 { margin-top:4%; } /* 22.8.29 */

@media screen and (max-width:1024px){
	#container .scrollDown span { width:45px; height:45px; }
}
@media screen and (max-width:860px){
	#main .visual .txt-box .imgbox img { height:calc(660 / 860 * 100vw); }
}
@media screen and (max-width:640px){
	#container { padding-bottom:2%; }
	container .scrollDown span { width:38px; height:38px; }
}

/* support */
#support { padding-top:calc(100px + 1%); padding-bottom:4%; overflow:hidden; position:relative; }
#support .txt p { font-size:calc(280 / 1920 * 100vw); }
#support .txt p.color-orange { text-align:center; justify-content:center; }
#support .txt .imgbox { position:absolute; left:0; top:0; width:100%; text-align:center;  }
#support .txt .imgbox img { max-width:100%; }
@media screen and (max-width:1450px){
	#support .txt .imgbox { top:50%; transform:translateY(-50%); }
}


.topTitle-box { text-align:center; }
.topTitle-box h3 { font-size:calc(130 / 1920 * 100vw); color:#fff; font-weight:900; }
.topTitle-box h3 span { font-weight:900; }
.topTitle-box .txt_1 { margin:3vh 0 0 0; font-size:calc(40 / 1920 * 100vw); color:var(--color-orange); font-weight:500; }
.topTitle-box .txt_1 span { font-weight:500; }
.topTitle-box .txt_2 { margin:6vh 0 0 0; font-size:calc(26 / 1920 * 100vw); color:#fff; font-weight:400; line-height:1.4 }
.topTitle-box .txt_2 span { font-weight:400; }
.topTitle-box .txt_2 span a { text-decoration:underline; }
.topTitle-box .txt_3 { margin:2vh 0 0 0; font-size:calc(18 / 1920 * 100vw); color:rgba(255,255,255,0.6); font-weight:400; line-height:1.4 }
.topTitle-box .txt_3 span { font-weight:400; }
.topTitle-box .txt_4 { margin:13vh 0 0 0 }
.topTitle-box .img { margin-top:6%; } /* 22.8.31 */
.topTitle-box .img img { max-width:100% } /* 22.8.31 */
@media screen and (max-width:1400px){
	.topTitle-box h3 { font-size:calc(130 / 1400 * 100vw); }
	.topTitle-box .txt_1 { font-size:calc(35 / 1400 * 100vw); }
	.topTitle-box .txt_2 { font-size:calc(24 / 1400 * 100vw); }
	.topTitle-box .txt_3 { font-size:calc(16 / 1400 * 100vw); }
}
@media screen and (max-width:1024px){
	.topTitle-box h3 { font-size:calc(110 / 1024 * 100vw); }
	.topTitle-box .txt_1 { margin:1.5vh 0 0 0; font-size:calc(25 / 1024 * 100vw); }
	.topTitle-box .txt_2 { margin:3vh 0 0 0; font-size:calc(20 / 1024 * 100vw); }
	.topTitle-box .txt_3 { margin:1vh 0 0 0; font-size:calc(14 / 1024 * 100vw); }
	.topTitle-box .txt_4 { margin:7vh 0 0 0 }
}
@media screen and (max-width:640px){
	.topTitle-box h3 { font-size:45px; }
	.topTitle-box .txt_1 { font-size:18px; }
	.topTitle-box .txt_1 br { display:none }
	.topTitle-box .txt_2 { font-size:15px; }
	.topTitle-box .txt_2 br { display:none }
	.topTitle-box .txt_3 { font-size:13px; }
}

/* support-about */
.support-about { text-align:center; }
.support-about .about-box { margin:6vh 0 0 0; }
.support-about .about-box > p { margin-top:8px; font-size:calc(18 / 1920 * 100vw); color:rgba(255,255,255,0.6); font-weight:400; line-height:1.8 }
.support-about .about-box > p span { font-weight:400; }
@media screen and (max-width:1400px){
	.support-about .about-box > p { font-size:calc(18 / 1400 * 100vw); }
}
@media screen and (max-width:1024px){
	.support-about .about-box  { margin:3vh 0 0 0; }
	.support-about .about-box > p { font-size:calc(16 / 1024 * 100vw); }
	.support-about .about-box > p br { display:none; }
}
@media screen and (max-width:640px){
	.support-about .about-box > p { font-size:14px; }
}
/* animation */
.support-about h3,
.support-about .txt_1,
.support-about .txt_2 { overflow:hidden; }
.support-about h3 span,
.support-about .txt_1 span,
.support-about .txt_2 span { opacity:0; display:block; }
.support-about h3.subOn span { animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }
.support-about .txt_1.subOn span { animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }
.support-about .txt_2.subOn span { animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }
.support-about .about-box > p { overflow:hidden; }
.support-about .about-box > p span { opacity:0; display:block; }
.support-about .about-box > p.subOn span { animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }
.support-about .more_s1 { opacity:0; }
.support-about .more_s1.subOn { animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }

/* support-news */
.support-news .list li > div { display:flex; align-items:flex-end;  align-items:center; }
.support-news .list li:nth-child(2n) > div { flex-direction:row-reverse; text-align:right; }
.support-news .list li { padding:8% 0; position:relative; }
.support-news .list li:nth-child(2n)::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
.support-news .more_s1.read { margin-top:5% !important;}
@media screen and (max-width:1280px){
	.support-news .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
}
@media screen and (max-width:1024px){
	.support-news .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
}
@media screen and (max-width:860px){
	.support-news .list li > div { display:block; }
}
@media screen and (max-width:640px){
	.support-news .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
}

/* animation */
.support-news .list li .img { position:relative; overflow:hidden; }
.support-news .list li.subOn .img img { animation:bgs1 0.8s 0.3s; animation-fill-mode:both; }
.support-news .list li .txt { opacity:0; }
.support-news .list li.subOn .txt { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.support-news .list li:nth-child(2n).subOn .txt { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.support-news .list li .img:before { content:""; display:block; width:100%; height:100%; background:#000; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.support-news .list li:nth-child(2n) .img:before { left:0; right:unset; }
.support-news .list li.subOn .img:before { width:0; opacity:0; }
.support-news .more_s1.full.read.subOn a { animation:ani_3 0.8s 1.0s; animation-fill-mode:both; }

.support-news .view { margin-top:100px; }
.support-news .view .title-box { text-align:center; padding:40px 0; border-top:5px solid var(--color-orange);}
.support-news .view .title-box .date { font-size:calc(18 / 1920 * 100vw); font-weight:400; color:rgba(255,255,255,0.9) }
.support-news .view .title-box .title { margin-top:15px; font-size:calc(35 / 1920 * 100vw); font-weight:700; color:var(--color-orange) }
.support-news .view .view-contents { border:3px solid #fff; border-width:3px 0; padding:60px 40px 100px 40px; font-weight:400; font-size:calc(18 / 1920 * 100vw); color:#fff; line-height:1.6; min-height:400; }
.support-news .view .view-contents img { max-width:100%; }
.support-news .view .pnbox { margin-top:75px; display:flex; justify-content:space-between; }
.support-news .view .pnbox .box { width:calc(50% - 3%); border:3px solid #fff; }
.support-news .view .pnbox .box a { position:relative; display:block; padding:45px 35px 90px 35px; }
.support-news .view .pnbox .box a .txt { font-size:calc(20 / 1920 * 100vw); font-weight:400; color:#fff; }
.support-news .view .pnbox .box a .title { font-size:calc(20 / 1920 * 100vw); font-weight:500; color:var(--color-orange); margin-top:25px; line-height:1.4; max-height:62px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  }
.support-news .view .pnbox .box a .date { position:absolute; right:40px; bottom:40px; font-size:calc(18 / 1920 * 100vw); font-weight:400; color:#fff; }
@media screen and (max-width:1560px){
	.support-news .view .title-box .date { font-size:calc(18 / 1620 * 100vw); }
	.support-news .view .title-box .title { font-size:calc(35 / 1620 * 100vw); }
	.support-news .view .view-contents { font-size:calc(18 / 1620 * 100vw); }
	.support-news .view .pnbox .box a .txt { font-size:calc(20 / 1620 * 100vw); }
	.support-news .view .pnbox .box a .title { font-size:calc(20 / 1620 * 100vw); }
	.support-news .view .pnbox .box a .date { font-size:calc(18 / 1920 * 100vw); }
}
@media screen and (max-width:1280px){
	.support-news .view .title-box .date { font-size:calc(18 / 1280 * 100vw); }
	.support-news .view .title-box .title { font-size:calc(35 / 1280 * 100vw); }
	.support-news .view .view-contents { font-size:calc(18 / 1280 * 100vw); }
	.support-news .view .pnbox .box a .txt { font-size:calc(20 / 1280 * 100vw); }
	.support-news .view .pnbox .box a .title { font-size:calc(20 / 1280 * 100vw); }
	.support-news .view .pnbox .box a .date { font-size:calc(18 / 1280 * 100vw); }
	.support-news .view .view-contents img { max-width:100% !important;height:auto !important; }
}
@media screen and (max-width:1024px){
	.support-news .view .title-box { padding:35px 0; border-top:4px solid var(--color-orange); }
	.support-news .view .title-box .title { margin-top:10px }
	.support-news .view .view-contents { border-width:2px 0; padding:30px 30px 80px 30px; }
	.support-news .view .pnbox { margin-top:55px; }
	.support-news .view .pnbox .box { border:2px solid #fff; }
	.support-news .view .pnbox .box a { padding:35px 30px 80px 30px; }
	
	.support-news .view .title-box .date { font-size:calc(16 / 1024 * 100vw); }
	.support-news .view .title-box .title { font-size:calc(32 / 1024 * 100vw); }
	.support-news .view .view-contents { font-size:calc(16 / 1024 * 100vw); }
	.support-news .view .pnbox .box a .txt { font-size:calc(18 / 1024 * 100vw); }
	.support-news .view .pnbox .box a .title { font-size:calc(18 / 1024 * 100vw); margin-top:18px; }
	.support-news .view .pnbox .box a .date { font-size:calc(16 / 1024 * 100vw); }
}
@media screen and (max-width:860px){
	.support-news .view .title-box .date { font-size:calc(16 / 860 * 100vw); }
	.support-news .view .title-box .title { font-size:calc(32 / 860 * 100vw); }
	.support-news .view .view-contents { font-size:calc(16 / 860 * 100vw); }
	.support-news .view .pnbox .box a .txt { font-size:calc(18 / 860 * 100vw); }
	.support-news .view .pnbox .box a .title { font-size:calc(18 / 860 * 100vw); }
	.support-news .view .pnbox .box a .date { font-size:calc(16 / 860 * 100vw); }
}
@media screen and (max-width:640px){
	.support-news .view .title-box { padding:22px 0; }
	.support-news .view .view-contents { padding:20px 20px 60px 20px; }
	
	.support-news .view .title-box .date { font-size:14px; }
	.support-news .view .title-box .title { font-size:24px; }
	.support-news .view .view-contents { font-size:14px; }
	.support-news .view .pnbox { display:none; }
}


.tabmenu { margin-top:5%; border-bottom:6px solid #f8921d; }
.tabmenu ul { margin-left:-20px; }
.tabmenu ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.tabmenu ul li { position:relative; width:calc(50% - 20px); float:left; margin-left:20px; border:1px solid var(--color-orange); border-width:5px 5px 0 5px; border-radius:30px 30px 0 0; }
.tabmenu ul li a { color:var(--color-orange); text-transform:uppercase; text-align:center; display:block; text-align:center; width:100%; padding:4% 0; font-size:30px; color:rgba(255,255,255,0.6); font-weight:900; }
.tabmenu ul li.on { background:var(--color-orange); }
.tabmenu ul li.on a { color:#000; }
@media screen and (max-width:1024px){
	.tabmenu ul li a { font-size:24px; padding:5% 0; }
}
@media screen and (max-width:890px){
	.tabmenu ul li a { font-size:18px; padding:5% 100px; }
}
@media screen and (max-width:640px){
	.tabmenu ul { margin-left:-10px; }
	.tabmenu ul li { width:calc(50% - 10px); margin-left:10px;  }
	.tabmenu ul li a { font-size:18px; padding:8% 40px; }
}
@media screen and (max-width:480px){
	.tabmenu ul li a { padding:8% 0; }
}

.tabmenu ul li a { background-size:200% 100%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-position:100%; }
.support-contact.subOn ul li a { transition:all 0.8s 0.7s cubic-bezier(0.6, 0.6, 0.3, 1); background-image:linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.6), rgba(255,255,255,0.6), rgba(255,255,255,0.6) 50%, var(--color-orange) 50%); -webkit-text-fill-color:transparent; background-position:0%; }
.support-contact.subOn .tabmenu ul li.on a { background-image:linear-gradient(to right, #000, #000, #000, #000 50%, #fff 50%); }


/* support-contact */
.support-contact .ipbox { padding-top:20px; }
.support-contact .ipbox .ip { margin-left:-20px; }
.support-contact .ipbox .ip:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.support-contact .ipbox .ip li { width:calc(50% - 20px); float:left; margin:20px 0 0 20px;  }
.support-contact .ipbox .ip li.w100 { width:calc(100% - 20px); }
.support-contact .ipbox .ip li input[type="text"],
.support-contact .ipbox .ip li input[type="password"] { width:100%; height:70px; line-height:70px; padding:0 25px; margin:0; right:0; font-size:18px; color:#222; font-weight:500; border:none; outline:none; background-color:#fff; }
.support-contact .ipbox .ip li select { width:calc(50% - 174px); height:70px; line-height:70px; padding:0 0; font-size:18px; color:#222; font-weight:500; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../img/sub/icon_select_down.png) right center no-repeat; }
.support-contact .ipbox .ip li select::-ms-expand { display:none; }
.support-contact .ipbox .ip li textarea { width:100%; height:345px; line-height:1.6; padding:25px 25px; font-size:18px; color:#222; font-weight:500; border:none; outline:none; background:#fff }
.support-contact .ipbox .ip li ::-webkit-input-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li :-moz-input-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li ::-moz-input-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li :-ms-input-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li :input-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li ::-webkit-select-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li  :-moz-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li ::-moz-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li ::placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .ip li :-ms-select-placeholder { color:#5d5d5d; opacity:1; font-weight:400; }
.support-contact .ipbox .chbox { padding-top:10px; }
.support-contact .ipbox .chbox .ch { margin-top:35px; }
.support-contact .ipbox .chbox .ch a { color:var(--color-orange); font-weight:500; font-size:18px; }
.support-contact .ipbox .chbox label { position:relative; padding:0 0 0 45px; display:block; }
.support-contact .ipbox .chbox input[type="checkbox"],
.support-contact .ipbox .chbox input[type="radio"]{display:none}
.support-contact .ipbox .chbox input[type="checkbox"] + span,
.support-contact .ipbox .chbox input[type="radio"] + span { font-weight:500; font-size:18px; color:#fff;  margin-right:10px; line-height:1.2; }
.support-contact .ipbox .chbox input[type="checkbox"] + span:after,
.support-contact .ipbox .chbox input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 0; width:24px; height:24px; vertical-align:middle; background-color:#fff; position:absolute; left:0; top:0;}
.support-contact .ipbox .chbox input[type="checkbox"]:checked + span:after,
.support-contact .ipbox .chbox input[type="radio"]:checked + span:after { background:var(--color-orange) url(../img/sub/icon_ch.png) no-repeat center;  }
.support-contact .ipbox .txt { margin-top:75px; font-weight:400; font-size:22px; color:#fff; line-height:1.8; }
.support-contact .ipbox .btn { text-align:center; margin-top:100px; }
.support-contact .ipbox .btn button { border:none; outline:none; background:none; color:#fff; font-weight:700; font-size:32px; line-height:0.8; position:relative; display:inline-block; padding-right:35px; }
.support-contact .ipbox .btn button span { position:absolute; right:20px; bottom:0; width:5px; height:4px; display:block; transition:height 0.5s 0.1s; background:var(--color-orange); }
.support-contact .ipbox .btn button span:not(:last-child) { margin-right:4px; }
.support-contact .ipbox .btn button span::after { content:""; display:block; width:5px; height:4px; position:absolute; left:9px; bottom:0; background:var(--color-red); transition:height 0.5s 0.2s; }
.support-contact .ipbox .btn button span::before { content:""; display:block; width:5px; height:4px; position:absolute; left:17px; bottom:0; background:var(--color-blue); transition:height 0.5s 0.3s; }
.support-contact .ipbox .btn button:hover span { height:24px; }
.support-contact .ipbox .btn button:hover span::after,
.support-contact .ipbox .btn button:hover span::before { height:100%; }
@media screen and (max-width:1024px){
	.support-contact .ipbox .ip li input[type="text"],
	.support-contact .ipbox .ip li input[type="password"] { height:55px; line-height:55px; padding:0 15px }
	.support-contact .ipbox .ip li textarea { height:255px; padding:20px 15px; }
	.support-contact .ipbox .chbox .ch a { font-size:16px; }
	.support-contact .ipbox .chbox label { padding:0 0 0 30px; }
	.support-contact .ipbox .chbox input[type="checkbox"] + span,
	.support-contact .ipbox .chbox input[type="radio"] + span { font-size:16px; }
	.support-contact .ipbox .chbox input[type="checkbox"] + span:after,
	.support-contact .ipbox .chbox input[type="radio"] + span:after { width:20px; height:20px; top:3px; }
	.support-contact .ipbox .txt { margin-top:55px; font-size:18px; }
	.support-contact .ipbox .btn { margin-top:60px; }
}
@media screen and (max-width:640px){
	.support-contact .topTitle-box .txt_2 br { display:none; }
	.support-contact .ipbox .ip { margin-left:0; }
	.support-contact .ipbox .ip li { width:100%; margin:10px 0 0 0;  }
	.support-contact .ipbox .ip li.w100 { width:100%; }
	.support-contact .ipbox .btn button { padding-right:32px; font-size:24px; line-height:0.92;}
	.support-contact .ipbox .btn button span { bottom:2px; width:4px; height:3px; }
	.support-contact .ipbox .btn button span::after { width:4px; height:3px; left:7px; }
	.support-contact .ipbox .btn button span::before { width:4px; height:3px; left:14px; }
	.support-contact .ipbox .btn button:hover span { height:18px;}
}


/* support-downloads */
.support-downloads .list li > div { display:flex; align-items:flex-end; align-items:center; }
.support-downloads .list li:nth-child(2n) > div { flex-direction:row-reverse; text-align:left; }
.support-downloads .list li { padding:8% 0; position:relative; }
.support-downloads .list li:nth-child(2n)::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
.support-downloads .list li dt p { font-size:calc(75 / 1920 * 100vw); font-weight:900; color:#fff; }
.support-downloads .list li dd { font-size:calc(40 / 1920 * 100vw); font-weight:500; color:var(--color-orange); line-height:1.1; }
.support-downloads .list li dd .date { display:block; font-size:18px; font-weight:400; color:#fff; margin-top:4%; }
@media screen and (max-width:1280px){
	.support-downloads .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
}
@media screen and (max-width:1024px){
	.support-downloads .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
	.support-downloads .list li dt p { font-size:calc(50 / 1024 * 100vw); }
	.support-downloads .list li dd { font-size:calc(24 / 1024 * 100vw); }
	.support-downloads .list li dd .date { font-size:16px; }
}
@media screen and (max-width:860px){
	.support-downloads .list li > div { display:block; }
	.support-downloads .list li dt p { font-size:calc(40 / 860 * 100vw); }
	.support-downloads .list li dt p > br { display:none }
	.support-downloads .list li dd { font-size:calc(20 / 860 * 100vw); }
	.support-downloads .list li dd > br { display:none }
	.support-downloads .list li dd .date { font-size:14px; margin-top:2%; }
}
@media screen and (max-width:640px){
	.support-downloads .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
	.support-downloads .list li dt p { font-size:24px; }
	.support-downloads .list li dd { font-size:18px; }
	.support-downloads .list li dd .date { font-size:14px; }
}

/* animation */
.support-downloads .list li .img { position:relative; overflow:hidden; }
.support-downloads .list li.subOn .img img { animation:bgs1 0.8s 0.3s; animation-fill-mode:both; }
.support-downloads .list li .txt { opacity:0; }
.support-downloads .list li.subOn .txt { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.support-downloads .list li:nth-child(2n).subOn .txt { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.support-downloads .list li .img:before { content:""; display:block; width:100%; height:100%; background:#000; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.support-downloads .list li:nth-child(2n) .img:before { left:0; right:unset; }
.support-downloads .list li.subOn .img:before { width:0; opacity:0; }

/* support-faq  */
.support-faq .list { margin-top:5%; }
.support-faq .list ul { border-top:3px solid #fff;}
.support-faq .list li { border-bottom:3px solid #fff; }
.support-faq .list li .subjectBox { position:relative; padding:1.8% 85px 1.8% 20px; color:#fff; font-weight:500; font-size:calc(26 / 1920 * 100vw); cursor:pointer; line-height:1.5; }
.support-faq .list li .subjectBox::after { content:""; display:block; width:17px; height:12px;  position:absolute; right:30px; top:50%; margin-top:-6px; background:url(../img/sub/icon_arr1.png) no-repeat center; transition:all 0.3s ease-in-out; }
.support-faq .list li.on .subjectBox::after { transform:rotate(-180deg); }
.support-faq .list li .contentBox { position:relative; padding:1.8% 20px 3% 40px; font-size:calc(24 / 1920 * 100vw); line-height:160%; color:#fff; font-weight:500; line-height:1.5; border-top:3px solid var(--color-orange); }
@media screen and (max-width:1280px){
	.support-faq .list li .subjectBox { padding:2% 85px 2% 20px; font-size:calc(24 / 1280 * 100vw); }
	.support-faq .list li .contentBox { position:relative; padding:2% 20px 4% 30px; font-size:calc(22 / 1280 * 100vw); }
}
@media screen and (max-width:1024px){
.support-faq .list { margin-top:10%; }
	.support-faq .list ul { border-top:2px solid #fff;}
	.support-faq .list li { border-bottom:2px solid #fff; }
	.support-faq .list li .subjectBox { padding:2% 85px 2% 20px; font-size:calc(22 / 1024 * 100vw); }
	.support-faq .list li .contentBox { position:relative; padding:2% 20px 4% 30px; font-size:calc(20 / 1024 * 100vw); }
}
@media screen and (max-width:760px){
	.support-faq .list { margin-top:50px; }
	.support-faq .list li .subjectBox { padding:20px 85px 20px 20px; font-size:16px; }
	.support-faq .list li .contentBox { position:relative; padding:20px 20px 40px 30px; font-size:15px; }
}

.support-locator .locator-box { margin-top:6%; }
.support-locator .locator-box .search { display:flex; justify-content:space-between;}
.support-locator .locator-box .search select { width:49%; }
.support-locator .locator-box .search .custom-select { position:relative; width:49%; }
.support-locator .locator-box .search .custom-select select { display:none; }
.support-locator .locator-box .search .select-selected { position:relative; background-color:#fff; width:100%; font-size:calc(38 / 1920 * 100vw); color:#000; font-weight:900; text-transform:uppercase; padding:3% 30px; cursor:pointer; user-select:none; border:none; transition:all 0.3s ease-in-out; }
.support-locator .locator-box .search .select-selected:after { content:""; display:block; position:absolute; top:50%; right:34px; margin-top:-25px; transform:translateY(0%); width:40px; height:40px; border:5px solid #000; border-radius:80px; background:url(../img/sub/icon_arr2.png) no-repeat center; transition:all 0.3s ease-in-out; }
.support-locator .locator-box .search .select-selected.select-arrow-active:after { transform:rotate(-180deg); }
.support-locator .locator-box .search .select-items { cursor:pointer; padding:10px 30px; max-height:500px; overflow:auto; position:absolute; background:rgba(0,0,0,0.7); top:100%; left:0; right:0; z-index:99; border:1px solid var(--color-orange); border-width:0 10px 10px; }
.support-locator .locator-box .search .select-hide { display:none; }
.support-locator .locator-box .search .select-items div { padding:2% 0; color:#fff; font-size:calc(38 / 1920 * 100vw); font-weight:800; text-transform:uppercase; }
.support-locator .locator-box .search .select-items div:hover, 
.support-locator .locator-box .search .select-items .same-as-selected { color:#f8921d; }
.support-locator .map { position:relative; margin-top:40px; }
.support-locator .map #googleMap { width:100%; height:1080px; }
.support-locator .map .position { position:absolute; z-index:0; }
.support-locator .map .position.on { z-index:3; }
.support-locator .map .position .pin { cursor:pointer; width:90px; height:130px; background:url(../img/sub/icon_mapPin.png) no-repeat center;}
.support-locator .map .position .infobox { position:absolute; left:120px; top:-80px; background-color:#000; padding:50px; width:480px; display:none }
.support-locator .map .position .infobox .title { font-size:calc(45 / 1920 * 100vw); color:var(--color-orange); font-weight:900; }
.support-locator .map .position .infobox li { padding-top:8%; font-size:calc(22 / 1920 * 100vw); color:var(--color-orange); font-weight:500; line-height:1.4 }
.support-locator .map .position .infobox li a { color:var(--color-orange); font-weight:500; }
.support-locator .map .position .infobox li strong { font-size:calc(18 / 1920 * 100vw); color:#fff; display:block; font-weight:700; }
.support-locator .map .position .infobox li span.line { text-decoration:underline; font-weight:500; }
.support-locator .map .position .infobox .btn_close { cursor:pointer; position:absolute; top:-50px; right:-50px; width:100px; height:100px; border-radius:100px; background-color:#fff; }
.support-locator .map .position .infobox .btn_close:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60px; height:60px; border-radius:80px; background:#fff; border:10px solid #000; }
.support-locator .map .position .infobox .btn_close span { z-index:1; height:10px; width:40px; position:absolute; top:50%; left:50%; transform:rotate(45deg); margin:-4px 0 0 -20px; background:#000; display:block; }
.support-locator .map .position .infobox .btn_close span:after { content:""; display:block; height:10px; width:40px; position:absolute; top:50%; left:50%; transform:rotate(-90deg); margin:-5px 0 0 -20px;background:#000; }
@media screen and (max-width:1280px){
	.support-locator .locator-box .search .select-selected { font-size:calc(30 / 1280 * 100vw); padding:20px 30px; }
	.support-locator .locator-box .search .select-items { max-height:460px; }
	.support-locator .locator-box .search .select-items div { padding:12px 0; color:#fff; font-size:calc(30 / 1280 * 100vw); }
	.support-locator .map #googleMap { height:950px; }
	.support-locator .map .position .pin { width:70px; height:100px; background-size:70px auto;}
	.support-locator .map .position .infobox { left:90px; top:-60px; padding:40px; width:400px; }
	.support-locator .map .position .infobox .title { font-size:calc(40 / 1280 * 100vw); }
	.support-locator .map .position .infobox li { font-size:calc(20 / 1280 * 100vw); }
	.support-locator .map .position .infobox li strong { font-size:calc(17 / 1280 * 100vw); }
	.support-locator .map .position .infobox .btn_close { top:-40px; right:-40px; width:80px; height:80px; }
	.support-locator .map .position .infobox .btn_close:after { width:42px; height:42px; border:8px solid #000; }
	.support-locator .map .position .infobox .btn_close span { height:8px; width:32px;margin:-4px 0 0 -16px; }
	.support-locator .map .position .infobox .btn_close span:after { height:8px; width:32px; margin:-4px 0 0 -16px; }
}
@media screen and (max-width:1024px){
	.support-locator .locator-box .search .select-selected { font-size:calc(28 / 1024 * 100vw); padding:20px 20px; }
	.support-locator .locator-box .search .select-selected:after { right:20px; width:34px; height:34px; border:4px solid #000; }
	.support-locator .locator-box .search .select-items { max-height:400px; padding:10px 25px; border-width:0 8px 8px; }
	.support-locator .locator-box .search .select-items div { padding:12px 0; font-size:calc(28 / 1024 * 100vw); }
	.support-locator .map #googleMap { height:600px; }
	.support-locator .map .position .pin { width:55px; height:79px; background-size:55px auto;}
	.support-locator .map .position .infobox { left:70px; top:-40px; padding:40px; width:340px; }
	.support-locator .map .position .infobox .title { font-size:calc(34 / 1024 * 100vw); }
	.support-locator .map .position .infobox li { font-size:calc(18 / 1024 * 100vw); }
	.support-locator .map .position .infobox li strong { font-size:calc(16 / 1024 * 100vw); }
	.support-locator .map .position .infobox .btn_close { top:-30px; right:-30px; width:60px; height:60px; }
	.support-locator .map .position .infobox .btn_close:after { width:36px; height:36px; border:4px solid #000; }
	.support-locator .map .position .infobox .btn_close span { height:5px; width:26px;margin:-2px 0 0 -13px; }
	.support-locator .map .position .infobox .btn_close span:after { height:5px; width:26px; margin:-3px 0 0 -13px; }
}
@media screen and (max-width:860px){
	.support-locator .locator-box .search .select-selected { font-size:18px; padding:20px 10px; }
	.support-locator .locator-box .search .select-selected:after { right:10px }
	.support-locator .locator-box .search .select-items div { font-size:18px; }
	.support-locator .locator-box .search .select-items { max-height:320px; padding:10px 20px; border-width:0 5px 5px;  }
	.support-locator .map #googleMap { height:550px; }
	.support-locator .map .position .pin { width:40px; height:57px; background-size:40px auto;}
	.support-locator .map .position .infobox { left:50px; top:-40px; padding:25px; width:280px; }
	.support-locator .map .position .infobox .title { font-size:18px; }
	.support-locator .map .position .infobox li { font-size:16px; }
	.support-locator .map .position .infobox li strong { font-size:15px; }
	.support-locator .map .position .infobox .btn_close { top:-25px; right:-25px; width:50px; height:50px; }
	.support-locator .map .position .infobox .btn_close:after { width:30px; height:30px; border:4px solid #000; }
	.support-locator .map .position .infobox .btn_close span { height:5px; width:22px;margin:-2px 0 0 -11px; }
	.support-locator .map .position .infobox .btn_close span:after { height:5px; width:22px; margin:-3px 0 0 -11px; }
}


/* technology-list */
.technology-list .list li > div { display:flex; align-items:flex-end; align-items:center; }
.technology-list .list li:nth-child(2n) > div { flex-direction:row-reverse; text-align:left; }
.technology-list .list li { padding:8% 0; position:relative; }
.technology-list .list li:nth-child(2n)::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
.technology-list .list li dt p { font-size:calc(80 / 1920 * 100vw); font-weight:900; color:#fff; }
.technology-list .list li dd { font-size:calc(32 / 1920 * 100vw); font-weight:500; color:var(--color-orange); line-height:1.1; }
.technology-list .list li dd p { font-size:calc(18 / 1920 * 100vw); font-weight:400; color:#fff; margin-top:4%; }
@media screen and (max-width:1280px){
	.technology-list .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
	.technology-list .list li dd p { font-size:calc(16 / 1280 * 100vw); }
}
@media screen and (max-width:1024px){
	.technology-list .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
	.technology-list .list li dt p { font-size:calc(60 / 1024 * 100vw); }
	.technology-list .list li dd { font-size:calc(28 / 1024 * 100vw); }
	.technology-list .list li dd p { font-size:calc(18 / 1024 * 100vw); }
}
@media screen and (max-width:860px){
	.technology-list .list li > div { display:block; }
	.technology-list .list li dt p { font-size:calc(44 / 860 * 100vw); }
	.technology-list .list li dt p > br { display:none }
	.technology-list .list li dd { font-size:calc(24 / 860 * 100vw); }
	.technology-list .list li dd p { font-size:calc(16 / 860 * 100vw); }
	.technology-list .list li dd > br { display:none }
}
@media screen and (max-width:640px){
	.technology-list .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
	.technology-list .list li dt p { font-size:24px; }
	.technology-list .list li dd { font-size:18px; }
	.technology-list .list li dd p { font-size:15px; }
}
/* animation */
.technology-list .list li .img { position:relative; overflow:hidden; }
.technology-list .list li.subOn .img img { animation:bgs1 0.8s 0.3s; animation-fill-mode:both; }
.technology-list .list li .txt { opacity:0; }
.technology-list .list li.subOn .txt { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.technology-list .list li:nth-child(2n).subOn .txt { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.technology-list .list li .img:before { content:""; display:block; width:100%; height:100%; background:#000; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.technology-list .list li:nth-child(2n) .img:before { left:0; right:unset; }
.technology-list .list li.subOn .img:before { width:0; opacity:0; }


/* technology-view */
.technology-view .list > ul > li > div { display:flex; align-items:flex-end; align-items:center; }
.technology-view .list > ul > li:nth-child(2n) > div { flex-direction:row-reverse; text-align:left; }
.technology-view .list > ul > li { padding:8% 0 11% 0; position:relative; }
.technology-view .list > ul > li:nth-child(2n)::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
.technology-view .list > ul > li dt { font-size:calc(32 / 1920 * 100vw); font-weight:500; color:var(--color-orange); line-height:1.3; letter-spacing:0.01em }
/* 22.8.29 */
.technology-view .list > ul > li dt strong { font-size:calc(36 / 1920 * 100vw); display:block; margin-bottom:3%; }
/* 22.12.09 */
.technology-view .list > ul > li .n-inner { flex-direction:row; flex-wrap:wrap; align-items:flex-start; flex-wrap:wrap; text-align:left; }
.technology-view .list > ul > li .n-inner .box { width:100%; display:flex; align-items:flex-end; align-items:center; flex-direction:row-reverse; text-align:left; }
.technology-view .list > ul > li .specBox { width:100%; padding-top:4%; }
.technology-view .list > ul > li dd { font-size:calc(18 / 1920 * 100vw); font-weight:400; color:#fff; line-height:1.3; letter-spacing:0.01em }
.technology-view .list > ul > li dd p:not(:last-child) { margin-bottom:3%; }
.technology-view .list.thumList .img { width:58%; }
.technology-view .list.thumList .img:after { padding-bottom:0; }
.technology-view .list.thumList .img .img_list { position:relative; }
.technology-view .list.thumList .img .img_list .slick-slide > div { width:100%; position:relative; }
.technology-view .list.thumList .img .img_list .slick-slide > div:after { content:''; display:block; padding-bottom:70.0%; }
.technology-view .list.thumList .img .img_list .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999em; overflow:hidden; border:none; outline:none; width:55px; height:55px; background:#000; border:7px solid #fff; border-radius:100px; z-index:2; }
.technology-view .list.thumList .img .img_list .slick-prev { left:30px; }
.technology-view .list.thumList .img .img_list .slick-next{ right:30px; }
.technology-view .list.thumList .img .img_list .slick-prev:before { content:""; display:block; height:8px; width:18px; position:absolute; top:50%; left:50%; transform:rotate(45deg); margin:0 0 0 -11px; background:#fff; }
.technology-view .list.thumList .img .img_list .slick-prev:after { content:""; display:block; height:8px; width:18px; position:absolute; top:50%; left:50%; transform:rotate(-45deg); margin:-8px 0 0 -11px; background:#fff; }
.technology-view .list.thumList .img .img_list .slick-next:before { content:""; display:block; height:8px; width:18px; position:absolute; top:50%; left:50%; transform:rotate(-45deg); margin:0 0 0 -7px; background:#fff; }
.technology-view .list.thumList .img .img_list .slick-next:after { content:""; display:block; height:8px; width:18px; position:absolute; top:50%; left:50%; transform:rotate(45deg); margin:-8px 0 0 -7px; background:#fff; }
.technology-view .list > ul > li .more_s1 { position:absolute; left:0; bottom:13%; width:100%; text-align:center !important; display:block; }
.technology-view .list > ul > li .more_s1 a:not(:last-child) { margin-right:3%; }
.technology-view .list .slick-dots { text-align:center; position:absolute; left:0; bottom:20px; width:100%; }
.technology-view .list .slick-dots li { display:inline-block; margin:0 8px; vertical-align:middle; }
.technology-view .list .slick-dots li button { text-indent:-9999em; overflow:hidden; border:none; outline:none; width:20px; height:20px; background:#fff; border-radius:100px; }
.technology-view .list .slick-dots li.slick-active button { width:25px; height:25px; background:#000; border:5px solid #fff; }
@media screen and (max-width:1280px){
	.technology-view .list > ul > li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
	.technology-view .list.thumList .img .img_list .slick-prev { left:20px; }
	.technology-view .list.thumList .img .img_list .slick-next{ right:20px; }
}
@media screen and (max-width:1024px){
	.technology-view .list > ul > li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
	.technology-view .list > ul > li dt { font-size:calc(28 / 1024 * 100vw); }
	/* 22.8.29 */
	.technology-view .list > ul > li dt strong { font-size:calc(32 / 1024 * 100vw); }
	.technology-view .list > ul > li dd { font-size:calc(16 / 1024 * 100vw); }
	.technology-view .list.thumList .img .img_list .slick-prev { left:10px; }
	.technology-view .list.thumList .img .img_list .slick-next{ right:10px; }
	.technology-view .list.thumList .img .img_list .slick-arrow { width:40px; height:40px; border:3px solid #fff; }
	.technology-view .list.thumList .img .img_list .slick-prev:before { height:4px; width:12px; margin:1px 0 0 -8px; }
	.technology-view .list.thumList .img .img_list .slick-prev:after { height:4px; width:12px; margin:-5px 0 0 -8px; }
	.technology-view .list.thumList .img .img_list .slick-next:before { height:4px; width:12px; margin:1px 0 0 -5px; }
	.technology-view .list.thumList .img .img_list .slick-next:after { height:4px; width:12px; margin:-5px 0 0 -5px; }
	.technology-view .list .slick-dots { bottom:15px; }
	.technology-view .list .slick-dots li { margin:0 4px; }
	.technology-view .list .slick-dots li button { width:14px; height:14px; }
	.technology-view .list .slick-dots li.slick-active button { width:18px; height:18px; border:3px solid #fff; }
}
@media screen and (max-width:860px){
	.technology-view .list > ul > li > div { display:block; }
	.technology-view .list > ul > li dt p { font-size:calc(26 / 860 * 100vw); }
	.technology-view .list > ul > li dt p > br { display:none }
	.technology-view .list > ul > li dd { font-size:calc(14 / 860 * 100vw); }
	.technology-view .list > ul > li dd > br { display:none }
	.technology-view .list.thumList .img { width:100%; }
	.technology-view .list > ul > li .more_s1 { position:relative; bottom:unset; }
	.technology-view .list > ul > li .more_s1 a:not(:last-child) { margin:0 0 3% 0; }

  /* 22.12.09 */
	.technology-view .list > ul > li .n-inner .box { display:block; }
}
@media screen and (max-width:640px){
	.technology-view .list > ul > li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
	/* 22.8.29 */
	.technology-view .list > ul > li dt strong { font-size:calc(26 / 640 * 100vw); }
	.technology-view .list > ul > li dt p { font-size:20px; }
	.technology-view .list > ul > li dd { font-size:14px; }
}

/* animation */
.technology-view .list > ul > li .img { position:relative; overflow:hidden; }
.technology-view .list > ul > li.subOn .img img { animation:bgs1 0.8s 0.3s; animation-fill-mode:both; }
.technology-view .list > ul > li .txt { opacity:0; }
.technology-view .list > ul > li.subOn .txt { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.technology-view .list > ul > li:nth-child(2n).subOn .txt { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.technology-view .list > ul > li .img:before { content:""; display:block; width:100%; height:100%; background:#000; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.technology-view .list > ul > li:nth-child(2n) .img:before { left:0; right:unset; }
.technology-view .list > ul > li.subOn .img:before { width:0; opacity:0; }
.technology-view .movbox { opacity:0; }
.technology-view .movbox.subOn { animation:bgs4 0.8s 0.4s; animation-fill-mode:both; }


/* technology-360explorer */
.technology-360explorer .list li > div { display:flex; align-items:flex-end; align-items:center; }
.technology-360explorer .list li:nth-child(2n) > div { flex-direction:row-reverse; text-align:left; }
.technology-360explorer .list li { padding:8% 0; position:relative; }
.technology-360explorer .list li:nth-child(2n)::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
.technology-360explorer .list li dt p { font-size:calc(80 / 1920 * 100vw); font-weight:900; color:#fff; word-break:break-word; white-space:pre-line; }
.technology-360explorer .list li dd { font-size:calc(32 / 1920 * 100vw); font-weight:500; color:var(--color-orange); line-height:1.1; }
.technology-360explorer .list li .icon { display:block; position:absolute; width:272px; height:272px; background:url(../img/sub/360deg_b.png) no-repeat center; left:50%; top:50%; transform:translate(-50%, -50%); }
@media screen and (max-width:1280px){
	.technology-360explorer .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
}
@media screen and (max-width:1024px){
	.technology-360explorer .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
	.technology-360explorer .list li dt p { font-size:calc(50 / 1024 * 100vw); }
	.technology-360explorer .list li dd { font-size:calc(24 / 1024 * 100vw); }
}
@media screen and (max-width:860px){
	.technology-360explorer .list li > div { display:block; }
	.technology-360explorer .list li dt p { font-size:calc(40 / 860 * 100vw); }
	.technology-360explorer .list li dt p > br { display:none }
	.technology-360explorer .list li dt p > span { display:none }
	.technology-360explorer .list li dd { font-size:calc(20 / 860 * 100vw); }
	.technology-360explorer .list li dd > br { display:none }
}
@media screen and (max-width:640px){
	.technology-360explorer .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
	.technology-360explorer .list li dt p { font-size:24px; }
	.technology-360explorer .list li dd { font-size:18px; }
}

/* animation */
.technology-360explorer .list li .img { position:relative; overflow:hidden; }
.technology-360explorer .list li.subOn .img img { animation:bgs1 0.8s 0.3s; animation-fill-mode:both; }
.technology-360explorer .list li .txt { opacity:0; }
.technology-360explorer .list li.subOn .txt { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.technology-360explorer .list li:nth-child(2n).subOn .txt { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.technology-360explorer .list li .img:before { content:""; display:block; width:100%; height:100%; background:#000; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.technology-360explorer .list li:nth-child(2n) .img:before { left:0; right:unset; }
.technology-360explorer .list li.subOn .img:before { width:0; opacity:0; }


/* technology-list */
.simulator-list .list li > div { display:flex; align-items:flex-end; align-items:center; }
.simulator-list .list li:nth-child(2n) > div { flex-direction:row-reverse; text-align:left; }
.simulator-list .list li { padding:8% 0; position:relative; }
.simulator-list .list li:nth-child(2n)::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
.simulator-list .list li dt p { font-size:calc(67 / 1920 * 100vw); font-weight:900; color:#fff; } /* 22.8.31 */
.simulator-list .list li dd { font-size:calc(32 / 1920 * 100vw); font-weight:500; color:var(--color-orange); line-height:1.1; }
.simulator-list .list li dd p { font-size:calc(18 / 1920 * 100vw); font-weight:400; color:#fff; margin-top:4%; }
.simulator-list .list.thumList .img { width:55%; }
.simulator-list .list.thumList .img:after { padding-bottom:84%; }
.simulator-list .list.thumList .img img { width:100%; height:auto;}
.simulator-list .list.thumList .txt { width:45%; padding:0 0 0 10%;  }

/* 22.12.09 */
.simulator-list .list.thumList li.li-n .img:after { padding-bottom:56%; }
.simulator-list .list.new-list { margin-top:10%; }
.simulator-list .list.new-list li:nth-child(2n+1)::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
.simulator-list .list.new-list li:nth-child(2n)::after { display:none; }
@media screen and (max-width:1280px){
	.simulator-list .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
	.simulator-list .list li dd p { font-size:calc(16 / 1280 * 100vw); }
	  /* 22.12.09 */
	.simulator-list .list.new-list li:nth-child(2n+1)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
}
@media screen and (max-width:1024px){
	.simulator-list .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
	.simulator-list .list li dt p { font-size:calc(54 / 1024 * 100vw); }
	.simulator-list .list li dd { font-size:calc(28 / 1024 * 100vw); }
	.simulator-list .list li dd p { font-size:calc(18 / 1024 * 100vw); }
	  /* 22.12.09 */
	.simulator-list .list.new-list li:nth-child(2n+1)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
}
@media screen and (max-width:860px){
	.simulator-list .list li > div { display:block; }
	.simulator-list .list li dt p { font-size:calc(44 / 860 * 100vw); }
	.simulator-list .list li dt p > br { display:none }
	.simulator-list .list li dd { font-size:calc(24 / 860 * 100vw); }
	.simulator-list .list li dd p { font-size:calc(16 / 860 * 100vw); }
	.simulator-list .list li dd > br { display:none }
	.simulator-list .list.thumList .img,
	.simulator-list .list.thumList .txt { width:100%; } 
}
@media screen and (max-width:640px){
	.simulator-list .list li:nth-child(2n)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
	.simulator-list .list li dt p { font-size:24px; }
	.simulator-list .list li dd { font-size:18px; }
	.simulator-list .list li dd p { font-size:15px; }
	/* 22.12.09 */
	.simulator-list .list.new-list li:nth-child(2n+1)::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
}
/* animation */
.simulator-list .list li .img { position:relative; overflow:hidden; }
.simulator-list .list li.subOn .img img { animation:bgs1 0.8s 0.3s; animation-fill-mode:both; }
.simulator-list .list li .txt { opacity:0; }
.simulator-list .list li.subOn .txt { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.simulator-list .list li:nth-child(2n).subOn .txt { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.simulator-list .list li .img:before { content:""; display:block; width:100%; height:100%; background:#000; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.simulator-list .list li:nth-child(2n) .img:before { left:0; right:unset; }
.simulator-list .list li.subOn .img:before { width:0; opacity:0; }



.simulator-view .spec-info { position:relative; margin:7% 0 0 0; padding:3% 0; }
.simulator-view .spec-info::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
.simulator-view .spec-info p { text-align:center; font-size:calc(50 / 1920 * 100vw); font-weight:500; color:var(--color-orange); }
.simulator-view .spec-info .box { margin:7% 0 0 0; display:flex; align-items:flex-end;  align-items:center; }
.simulator-view .spec-info .box > div { width:50%; }
.simulator-view .spec-info .box .txt li { position:relative; border:2px solid #fcf9f9; display:flex; align-items:center; height:66px; padding-left:235px; font-size:calc(20 / 1920 * 100vw); font-weight:500; color:#fff; }
.simulator-view .spec-info .box .txt li:not(:last-child) { margin-bottom:10px; }
.simulator-view .spec-info .box .txt li strong { color:var(--color-orange); font-weight:500; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; text-align:center; width:209px; height:62px; border-right:2px solid #fcf9f9; }

@media screen and (max-width:1280px){
	.simulator-view .spec-info::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
	.simulator-view .spec-info p { text-align:center; font-size:calc(40 / 1280 * 100vw); }
	.simulator-view .spec-info .box .txt li { font-size:calc(18 / 1280 * 100vw); }
}
@media screen and (max-width:1024px){
	.simulator-view .spec-info::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
	.simulator-view .spec-info .box { display:block; align-items:flex-end;  align-items:center; }
	.simulator-view .spec-info .box > div { width:100%; }
	.simulator-view .spec-info .box .img { text-align:center; }
	.simulator-view .spec-info .box .img img { max-width:100%; }
	.simulator-view .spec-info .box .txt { margin-top:40px; }
	.simulator-view .spec-info p { text-align:center; font-size:calc(32 / 1024 * 100vw); }
	.simulator-view .spec-info .box .txt li { font-size:calc(16 / 1024 * 100vw); }
}
@media screen and (max-width:760px){
	.simulator-view .spec-info p { text-align:center; font-size:22px; }
	.simulator-view .spec-info .box .txt li { font-size:15px; }
}
@media screen and (max-width:640px){
	.simulator-view .spec-info::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
	.simulator-view .spec-info .box .txt li {  padding-left:150px; }
	.simulator-view .spec-info .box .txt li strong { width:130px; }
}

/* animation */
.simulator-view .spec-info .box .img,
.simulator-view .spec-info .box .txt,
.simulator-view .movbox { opacity:0; }
.simulator-view .spec-info.subOn .box .img { animation:ani_1 0.8s 0.2s; animation-fill-mode:both; }
.simulator-view .spec-info.subOn .box .txt { animation:ani_2 0.8s 0.2s; animation-fill-mode:both; }
.simulator-view .movbox.subOn { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }


/* 22.8.29 */
.specBox { padding-top:140px; }
.specBox p { text-align:center; font-size:80px; font-weight:900; color:#fff }
.specBox .dataTable { margin-top:55px; }
.specBox .dataTable table { width:100%; border:2px solid #fff }
.specBox .dataTable table th,
.specBox .dataTable table td { border:2px solid #fff; text-align:center  }
.specBox .dataTable thead th { padding:20px 0; color:#f8921d; font-weight:700; font-size:25px; }
.specBox .dataTable tbody th { padding:25px 0; color:#f8921d; font-weight:500; font-size:20px; line-height:1.3 }
.specBox .dataTable tbody th strong { font-weight:700; font-size:25px; }
.specBox .dataTable tbody td { padding:25px 20px; color:#fff; font-weight:500; font-size:18px; line-height:1.3 }
.specBox .dataTable tbody .left { text-align:left; padding:25px 25px }
@media screen and (max-width:1024px){
	.specBox p { font-size:55px; }
	.specBox .dataTable { margin-top:40px; }
	.specBox .dataTable thead th { font-size:24px; }
	.specBox .dataTable tbody th { font-size:18px; }
	.specBox .dataTable tbody th strong { font-size:20px; }
	.specBox .dataTable tbody td { font-size:16px; }
}
@media screen and (max-width:860px){
	.specBox p { font-size:28px; }
	.specBox .dataTable { margin-top:30px; }
	.specBox .dataTable thead th { font-size:20px; }
	.specBox .dataTable tbody th { font-size:16px; }
	.specBox .dataTable tbody th strong { font-size:18px; }
	.specBox .dataTable tbody td { font-size:14px; }
	.specBox .dataTable { overflow:auto;}
	.specBox .dataTable table { width:1000px; }
	.specBox .dataTable thead th { padding:18px 0; }
	.specBox .dataTable tbody th { padding:20px 0; }
	.specBox .dataTable tbody td { padding:20px 10px; }
}

#popZone { position:relative;  margin:8% 0 0 0; }
#popZone .inner {}
#popZone .bg { text-align:center; position:relative; }
#popZone .bg .imgbox img { width:100%; }
#popZone .bg .overlay { opacity:0; position:absolute; position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); transition:all 0.3s ease-in-out; }
#popZone .bg.on .overlay { opacity:1; z-index:3; }
#popZone .bg.on button.on { z-index:5; }
#popZone .btns button { background:none; position:absolute; border:none; padding:0; outline:none; transition:all 0.3s ease-in-out; }
#popZone .btns button span { display:block; background:#000; position:relative; z-index:2; width:51px; height:51px; border-radius:100px; border:6px solid #fff; transition:all 0.3s ease-in-out; }
#popZone .btns button span:after { content:""; display:block; height:6px; width:26px; position:absolute; top:50%; left:50%; margin:-3px 0 0 -13px; transform:rotate(0); background:#fff; transition:all 0.3s ease-in-out; }
#popZone .btns button span:before { content:""; display:block; height:6px; width:26px; position:absolute; top:50%; left:50%; margin:-3px 0 0 -13px; transform:rotate(-90deg); background:#fff; transition:all 0.3s ease-in-out; }
#popZone .btns button.on:after { content:""; display:block; position:absolute; border-radius:100px; background:#fff; }
#popZone .btns button.tyoe_b.on:after { width:65px; height:150px; left:-7px; bottom:-7px; }
#popZone .btns button.tyoe_t.on:after { width:65px; height:150px; top:-7px; left:-7px; }
#popZone .btns button.tyoe_l.on:after { width:150px; height:65px; top:-7px; right:-7px; }
#popZone .btns button.tyoe_r.on:after { width:150px; height:65px; top:-7px; left:-7px; }
#popZone .btns button.on span { background:#fff; border:6px solid #000; }
#popZone .btns button.on span:after { transform:rotate(45deg); background:#000; }
#popZone .btns button.on span:before  { transform:rotate(-45deg); background:#000; }
#popZone .popCont { display:none; z-index:100; position:absolute; background:#fff; left:0; padding:3%; transition:all 0.3s ease-in-out; }
#popZone .popCont.on { display:block; }
#popZone .popCont > div { text-align:left; color:#000; line-height:normal; }
#popZone .popCont dt { font-size:calc(28 / 1920 * 100vw); font-weight:900; }
#popZone .popCont dt strong { font-size:calc(20 / 1920 * 100vw); font-weight:900; display:block; margin-bottom:1%; color:#f8921d;  } /* 22.8.29 */
#popZone .popCont dd { margin-top:28px; font-size:calc(17 / 1920 * 100vw); font-weight:400; line-height:1.5 }
#popZone .popCont .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
#popZone .popCont .txt { }
#popZone .popCont .img { position:relative; float:right; margin-left:3%; }
#popZone .popCont .img img {max-width: 400px;}
#popZone .popCont.premium3 .img { float:left; margin-left:0; margin-right:3%;}/* 22.8.31 */
#popZone .popCont button { display:none; background:none; position:absolute; bottom:-15px; right:-10px; border:none; padding:0; outline:none; border-radius:50px; transition:all 0.3s ease-in-out; }
#popZone .popCont button span { display:block; background:#000; position:relative; z-index:2; width:30px; height:30px; border-radius:50px; border:3px solid #fff; }
#popZone .popCont button span:after { content:""; display:block; height:4px; width:16px; position:absolute; top:50%; left:50%; margin:-2px 0 0 -8px; transform:rotate(45deg); background:#fff; transition:all 0.3s ease-in-out; }
#popZone .popCont button span:before { content:""; display:block; height:4px; width:16px; position:absolute; top:50%; left:50%; margin:-2px 0 0 -8px; transform:rotate(-45deg); background:#fff; transition:all 0.3s ease-in-out; }

.twovision-pop .type1 { left:57%; top:5%; }
.twovision-pop .type2 { right:18%; top:55%; }
.twovision-pop .type3 { right:36%; top:21%; }/* 22.8.29 */
.twovision-pop .type4 { right:40%; bottom:6%; }
.twovision-pop .type5 { left:36%; bottom:7%; }
.twovision-pop .type6 { left:15%; bottom:37%; }
.twovision-pop #pop1 { left:8%; top:15%; width:84% }
.twovision-pop #pop2 { left:5%; top:10%; width:71% }
.twovision-pop #pop3 { left:18%; top:32%; width:62% }/* 22.8.29 */
.twovision-pop #pop4 { left:8%; bottom:17.5%; width:83% }
.twovision-pop #pop5 { left:10%; bottom:17.5%; width:80% }
.twovision-pop #pop6 { left:22%; bottom:20%; width:74% }

.twovision-nx-pop .type1 { left:57%; top:5%; }
.twovision-nx-pop .type2 { right:36%; top:40%; }
.twovision-nx-pop .type3 { right:14%; top:42%; }/* 22.8.29 */
.twovision-nx-pop .type4 { right:35%; bottom:31%; }
.twovision-nx-pop .type5 { left:77%; bottom:30%; }
.twovision-nx-pop .type6 { left:55%; bottom:22%; }
.twovision-nx-pop .type7 { left:37%; bottom:18%; }
.twovision-nx-pop #pop1 { left:8%; top:13%; width:84% }
.twovision-nx-pop #pop2 { left:26%; top:48%; width:69% }
.twovision-nx-pop #pop3 { left:15%; top:32%; width:65% }/* 22.8.29 */
.twovision-nx-pop #pop4 { left:8%; bottom:39.5%; width:83% }
.twovision-nx-pop #pop5 { left:3%; bottom:19%; width:72% }
.twovision-nx-pop #pop6 { left:22%; bottom:30%; width:74% }
.twovision-nx-pop #pop7 { left:12%; bottom:26%; width:80% }

.premium-pop .type1 { left:70%; top:6%; }
.premium-pop .type2 { left:50%; bottom:12%; }
.premium-pop .type3 { left:20%; top:49%; }
.premium-pop #pop1 { left:10%; top:16%; width:80% }
.premium-pop #pop2 { left:15%; bottom:21%; width:70% }
.premium-pop #pop3 { left:27%; top:10%; width:63% }

.standard-pop .type1 { left:32%; bottom:28%; }
.standard-pop .type2 { left:57%; bottom:3%; }
.standard-pop .type3 { left:70%; bottom:23%; }
.standard-pop #pop1 { left:12%; bottom:40%; width:76% }
.standard-pop #pop2 { left:8%; bottom:15%; width:84% }
.standard-pop #pop3 { left:16%; bottom:34%; width:70% }

.gdr_standard-pop .type1 { left:35%; bottom:20%; }
.gdr_standard-pop .type2 { left:58%; bottom:25%; }
.gdr_standard-pop .type3 { right:31%; top:50%; }
.gdr_standard-pop #pop1 { left:13%; bottom:33%; width:74% }
.gdr_standard-pop #pop2 { left:15%; bottom:39%; width:70% }
.gdr_standard-pop #pop3 { left:unset; right:38%; top:2%; width:60% }

/* 11.23*/
.gdr_plus-pop .type1 { left:43%; top:43%; }
.gdr_plus-pop .type2 { left:46%; top:54%; }
.gdr_plus-pop .type3 { right:24%; top:20%; }
.gdr_plus-pop .type4 { right:21%; top:49%; }
.gdr_plus-pop .type5 { left:18.2%; top:45.5%; }
.gdr_plus-pop #pop1 { left:9%; bottom:0%; width:82% }
.gdr_plus-pop #pop2 { left:unset; right:0.5%; bottom:13%; width:48% }
.gdr_plus-pop #pop3 { left:unset; right:31%; top:10%; width:60% }
.gdr_plus-pop #pop4 { left:unset; right:28%; top:15%; width:68% }
.gdr_plus-pop #pop5 { left:26%; top:18%; width:60% }


/* 22.12.09 s */
.wave-pop .type1 { right:25%; bottom:10%; }
.wave-pop .type2 { right:22%; top:25%; }
.wave-pop .type3 { left:unset; right:35%; top:26%; }
.wave-pop .type4 { right:10%; top:50%; }
.wave-pop #pop1 { left:10%; bottom:23%; width:80% }
.wave-pop #pop2 { left:0; top:13%; width:71% }
.wave-pop #pop3 { left:0%; top:10%; width:58% }
.wave-pop #pop4 { left:2%; top:34%; width:82% }
/* 22.12.09 e */
@media screen and (max-width:1400px){
	#popZone .popCont dt { font-size:calc(26 / 1400 * 100vw); }
	#popZone .popCont dd { margin-top:20px; font-size:calc(16 / 1400 * 100vw); }
}
@media screen and (max-width:1200px){
	#popZone .popCont dt { font-size:calc(30 / 1200 * 100vw); }
	#popZone .popCont dt strong { font-size:calc(20 / 1200 * 100vw);; } /* 22.8.29 */
	#popZone .popCont dd { font-size:calc(16 / 1200 * 100vw); }
	#popZone .btns button span { width:45px; height:45px; border:6px solid #fff; }
	#popZone .btns button span:after { height:6px; width:22px; margin:-3px 0 0 -11px; }
	#popZone .btns button span:before { height:6px; width:22px; margin:-3px 0 0 -11px; }
	#popZone .btns button.tyoe_b.on:after { width:55px; left:-5px; bottom:-5px; }
	#popZone .btns button.tyoe_t.on:after { width:55px; top:-5px; left:-5px; }
	#popZone .btns button.tyoe_l.on:after { height:55px; top:-5px; right:-5px; }
	#popZone .btns button.tyoe_r.on:after { height:55px; top:-5px; left:-5px; }
	#popZone .popCont .txt { width:60%; }
	#popZone .popCont.premium3.txt { width:calc(60% - 3%); float:left; }/* 22.8.31 */
	#popZone .popCont .img { width:40%; }
	#popZone .popCont .img img { width:100%; }
}
@media screen and (max-width:1024px){
	#popZone .popCont dt { font-size:20px; }
	#popZone .popCont dt strong { font-size:14px; } /* 22.8.29 */
	#popZone .popCont dd { font-size:14px; }
}
@media screen and (max-width:760px){
	#popZone .btns button span { width:30px; height:30px; border:3px solid #fff; }
	#popZone .btns button.on span { border:3px solid #000; }	
	#popZone .btns button span:after { height:4px; width:16px; margin:-2px 0 0 -8px; }
	#popZone .btns button span:before { height:4px; width:16px; margin:-2px 0 0 -8px; }
	#popZone .btns button.tyoe_b.on:after,
	#popZone .btns button.tyoe_t.on:after,
	#popZone .btns button.tyoe_l.on:after,
	#popZone .btns button.tyoe_r.on:after { width:30px; height:30px; left:0; bottom:0; right:0; top:0; }
	#popZone .popCont { position:relative; left:unset !important; top:unset !important;  right:unset !important; bottom:unset !important; margin-top:30px; width:100% !important;}
	#popZone .popCont button { display:block; }
}
@media screen and (max-width:640px){
	#popZone .popCont .flexBox { display:block; }
	#popZone .popCont .flexBox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
 	#popZone .popCont .img { float:none; width:100%; margin:0 0 20px 0; }
 	#popZone .popCont .img img {max-width:100%}
	#popZone .popCont .txt { width:100%; }
	#popZone .popCont.premium3 .txt { width:100%; }/* 22.8.31 */
}


/* animation */
#popZone,
#popZone .btns button > span { opacity:0; }
#popZone.subOn { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
#popZone.subOn .btns button.type1 span { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
#popZone.subOn .btns button.type2 span { animation:bgs4 0.8s 0.6s; animation-fill-mode:both; }
#popZone.subOn .btns button.type3 span { animation:bgs4 0.8s 0.7s; animation-fill-mode:both; }
#popZone.subOn .btns button.type4 span { animation:bgs4 0.8s 0.8s; animation-fill-mode:both; }
#popZone.subOn .btns button.type5 span { animation:bgs4 0.8s 0.9s; animation-fill-mode:both; }
#popZone.subOn .btns button.type6 span { animation:bgs4 0.8s 1.0s; animation-fill-mode:both; }
#popZone.subOn .btns button.type7 span { animation:bgs4 0.8s 1.1s; animation-fill-mode:both; }
#popZone.subOn .btns button.type8 span { animation:bgs4 0.8s 1.2s; animation-fill-mode:both; }
#popZone.subOn .btns button.type9 span { animation:bgs4 0.8s 1.3s; animation-fill-mode:both; }
#popZone .popCont.on .txt { animation:ani_2 0.8s 0.2s; animation-fill-mode:both; }
@media screen and (max-width:640px){
	#popZone .popCont.on .txt { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
}


/* library */
.library-box {}
.library-box p.tit { padding-top:15%; font-size:calc(50 / 1920 * 100vw); font-weight:500; color:var(--color-orange); text-transform:uppercase; text-align:center; }
.library-box .img-list { padding-top:5%; display:block; }
.library-box .img-list:after { content:''; display:block; height:0; }
.library-box .img-list > ul { display:grid; grid-template-columns:repeat(3, 1fr); text-align:center; gap:12% 4.5%; }
.library-box .img-list > ul > li .imgbox { position:relative; }
.library-box .img-list > ul > li .imgbox:before { content:''; display:block; padding-bottom:71.8%; }
.library-box .img-list > ul > li .imgbox img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.library-box .img-list > ul > li .txtbox { padding-top:6%; font-size:calc(26 / 1920 * 100vw); font-weight:400; color:#fff; line-height:1.1 }
.library-box .list-box { padding-top:8%; }
.library-box .list-box .list { margin-top:10%; }
.library-box .list-box .list p.s-tit { padding-bottom:2.5%; font-size:calc(54 / 1920 * 100vw); font-weight:500; color:var(--color-orange); text-transform:uppercase; }
.library-box .list-box .list ul { display:grid; grid-template-columns:repeat(2, 1fr); gap:0 4.5%; }
.library-box .list-box .list li { position:relative; border-bottom:2px solid #fff; padding:5% 145px 5% 0; font-size:calc(18 / 1920 * 100vw); font-weight:700; line-height:1.1; color:#fff;}
.library-box .list-box .list li:nth-child(1),
.library-box .list-box .list li:nth-child(2) { border-top:2px solid #fff; }
.library-box .list-box .list li .icon { position:absolute; top:50%; right:0; transform:translateY(calc(-50% - 0.5px)); display:none; }/* 22.8.31 */
.library-box .list-box .list li .icon img { margin-left:6px; }
.library-box .list-box .list li a { font-weight:700; color:#fff; }
@media screen and (max-width:1280px){
	.library-box p.tit { font-size:calc(40 / 1280 * 100vw); }
	.library-box .img-list > ul > li .txtbox { font-size:calc(22 / 1280 * 100vw); }
	.library-box .list-box .list p.s-tit { font-size:calc(44 / 1280 * 100vw); }
	.library-box .list-box .list li { font-size:calc(16 / 1280 * 100vw); }
}
@media screen and (max-width:1024px){
	.library-box p.tit { font-size:calc(30 / 1024 * 100vw); }
	.library-box .img-list > ul { grid-template-columns:repeat(2, 1fr); gap:5% 3%; }
	.library-box .img-list > ul > li .txtbox { font-size:calc(18 / 1024 * 100vw); }
	.library-box .list-box { padding-top:12%; }
	.library-box .list-box .list p.s-tit { font-size:calc(34 / 1024 * 100vw); }
	.library-box .list-box .list li { font-size:calc(16 / 1024 * 100vw); }
}
@media screen and (max-width:760px){
	.library-box p.tit { font-size:calc(24 / 760 * 100vw); }
	.library-box .img-list > ul > li .txtbox { padding-top:6%; font-size:calc(16 / 760 * 100vw); }
	.library-box .list-box { padding-top:18%; }
	.library-box .list-box .list p.s-tit { font-size:calc(26 / 760 * 100vw); }
	.library-box .list-box .list ul { display:grid; grid-template-columns:repeat(1, 1fr); gap:0 4.5%; }
	.library-box .list-box .list li { border-bottom:1px solid #fff; padding:3% 145px 3% 0; font-size:calc(15 / 760 * 100vw); }
	.library-box .list-box .list li:nth-child(1) { border-top:1px solid #fff; }
	.library-box .list-box .list li:nth-child(2) { border-top:none; }
}
@media screen and (max-width:640px){
	.library-box p.tit { font-size:20px; }
	.library-box .img-list > ul > li .txtbox { font-size:14px; }
	.library-box .list-box { padding-top:18%; }
	.library-box .list-box .list p.s-tit { font-size:22px; }
	.library-box .list-box .list li { font-size:14px; }
}
/* animation */
.library-box p.tit,
.library-box .img-list,
.library-box .list-box .list p.s-tit,
.library-box .list-box .list li { opacity:0; }
.library-box p.tit.subOn { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.library-box .img-list.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.library-box .list-box .list.subOn p.s-tit{ animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.library-box .list-box .list.subOn li { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }