/*event.scss*/ /*_buttons.scss*/ /*_colors.scss*/ /*_mixins.scss*/ @import url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR.css); *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*_placeholder.scss*/ div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap, div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap, div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap, div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li { *zoom: 1; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap:before, div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul:before, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li:before, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul:before, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap:before, div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap:before, div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li:before, div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap:after, div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul:after, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li:after, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul:after, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap:after, div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap:after, div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li:after { content: ""; display: table; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap:after, div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul:after, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li:after, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul:after, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap:after, div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap:after, div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li:after { clear: both; } a.board_link_btn { padding: 8px 30px; border-radius: 4px; color: #fff; font-weight: bold; display: inline-block; } a.board_link_btn.blue { background: #0b71b9; } /*_forms.scss*/ div.layer_pop, div.layer_pop_m { z-index: 999; position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: url(../../../img//all_bg.png) repeat; } div.pop_wrap { width: 970px; height: 550px; overflow-y: auto; padding: 30px; background: #ebecee; } @media (max-width: 960px) { div.pop_wrap { width: 100%; height: auto; padding: 10px; } } /*_icons.scss*/ span.top_alarm { display: inline-block; background: #5391d5; width: 20px; height: 20px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /* stops bg color from leaking outside the border: */ text-align: center; vertical-align: middle; margin: 0 0 0 3px; } span.ico_border_co1 { display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid #21b1ea; background: none; color: #21b1ea; font-size: 12px; } @media (max-width: 960px) { span.ico_border_co1 { padding: 5px 10px 4px 10px; font-size: 11px; } } @media (max-width: 960px) { span.ico_border_co1 { width: 50px; text-align: center; margin: 0 0 3px 0; padding: 3px 0 2px 0; font-size: 11px; } } span.ico_border_co2 { display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid #f26c4f; background: none; color: #f26c4f; font-size: 12px; } @media (max-width: 960px) { span.ico_border_co2 { padding: 5px 10px 4px 10px; font-size: 11px; } } @media (max-width: 960px) { span.ico_border_co2 { width: 50px; text-align: center; margin: 0 0 3px 0; padding: 3px 0 2px 0; font-size: 11px; } } span.ico_back_co1 { display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid #f26c4f; background: #f26c4f; color: #fff; font-size: 12px; } @media (max-width: 960px) { span.ico_back_co1 { padding: 5px 10px 4px 10px; font-size: 11px; } } @media (max-width: 960px) { span.ico_back_co1 { width: 50px; text-align: center; margin: 0 0 3px 0; padding: 3px 0 2px 0; font-size: 11px; } } span.ico_back_co2 { display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid #21b1ea; background: #21b1ea; color: #fff; font-size: 12px; } @media (max-width: 960px) { span.ico_back_co2 { padding: 5px 10px 4px 10px; font-size: 11px; } } @media (max-width: 960px) { span.ico_back_co2 { width: 50px; text-align: center; margin: 0 0 3px 0; padding: 3px 0 2px 0; font-size: 11px; } } /*_buttons1.scss*/ /*_colors1.scss*/ /*_mixins1.scss*/ /*_buttons2.scss*/ /*_colors2.scss*/ /*_mixins2.scss*/ /*_placeholder2.scss*/ /*_buttons3.scss*/ /*_colors3.scss*/ /*_icons3.scss*/ /*_mixins3.scss*/ /* Sub-section comment block ========================================================================== */ /* Usage */ /* svg element ========================================================================== */ /* maring-and-padding-spacing ========================================================================== */ /*_placeholder3.scss*/ div.cfa_230717 ul li { float: none; width: 100%; } div.cfa_230717, div.cfa_230717 section.order_sc, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li, div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec, div.cfa_230717 section.date_sc, div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table tbody { color: #232323; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link > .btn_lec, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link > .btn_lec, div.cfa_230717 section.review_sc .review_btn:hover { background-color: #232323; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link > .btn_lec, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link > .btn_lec, div.cfa_230717 .free_lecture_sc, div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table thead th, div.cfa_230717 section.review_sc .review_btn, div.cfa_230717 section.notice_sc .wrap_1024 dl.bene_dl dt { color: #fff; } div.cfa_230717 section.prize_sc, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li.active, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li:hover, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap, div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap > li, div.cfa_230717 section.date_sc, div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl, div.cfa_230717 section.pass_sc, div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review { background-color: #fff; } div.cfa_230717 section.notice_sc, div.cfa_230717 section.notice_sc .wrap_1024 dl.bene_dl dd strong { color: #cccccc; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review .txt h6.id::after { background-color: #cccccc; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review .txt p.cons { color: #474744; } div.cfa_230717 section.review_sc .review_btn, div.cfa_230717 section.notice_sc { background-color: #474744; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt p.tt > em, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .after .num, div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap .txt > em, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt p.tt > em, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after .num { color: #0228c9; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link > .btn_lec:hover, div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table thead th { background-color: #0228c9; } div.cfa_230717 section.order_sc { background-color: #69e9ff; } div.cfa_230717 section.review_sc { background-color: #ffbe4e; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link > .btn_lec:hover { color: #fff670; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dt, div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dt, div.cfa_230717 section.step_sc { background-color: #fff670; } div.cfa_230717 section.teacher_sc { background-color: #bc462f; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dd > em, div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review .txt p.cons strong { color: #ff4848; } div.cfa_230717 { font-family: "Noto Sans KR","Malgun Gothic", "Dotum", "DroidFont",sans-serif; word-break: keep-all; letter-spacing: -0.5px; } div.cfa_230717 h4.tit_img { text-align: center; } div.cfa_230717 h4.tit_img .img { margin: 0 auto; } @media (max-width: 530px) { div.cfa_230717 h4.tit_img { padding: 0 10%; } div.cfa_230717 h4.tit_img .img { width: 100%; } } @media (max-width: 420px) { div.cfa_230717 h4.tit_img { padding: 0 5%; } } div.cfa_230717 section.header_sc { background: #fff670 url("../../../../img/event/cfa_230717/bg.jpg") repeat; } @media (max-width: 960px) { div.cfa_230717 section.header_sc { padding: 0 2%; } } @media (max-width: 760px) { div.cfa_230717 section.header_sc { background-size: 60px; } } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap { position: relative; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .main_top { float: right; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .main { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -ms-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-moz-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-ms-keyframes zoomIn { div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .main 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .main 50% { opacity: 1; } } @-o-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img { position: absolute; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_img { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -ms-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; bottom: 100px; left: 68px; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes slideInLeft { div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_img 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_img 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_txt { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -ms-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; bottom: 88px; left: 50%; margin-left: -420px; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-moz-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-ms-keyframes zoomIn { div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_txt 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_txt 50% { opacity: 1; } } @-o-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul { margin: 30px 0 100px; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li { float: left; width: 20%; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_01 { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeft { div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_01 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_01 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_02 { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -ms-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeft { div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_02 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_02 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_03 { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeft { div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_03 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_03 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_04 { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeft { div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_04 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_04 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_05 { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeft { div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_05 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li.bene_05 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li img { margin: 0 auto; } @media (max-width: 960px) { div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .main { width: 100%; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_img { width: 30%; bottom: 10%; left: 6%; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_txt { width: 90%; bottom: 7%; left: 50%; margin-left: -45%; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul { margin: 10px 0 80px; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li { float: left; width: 20%; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_ul > li img { width: 100%; } } @media (max-width: 700px) { div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .main_top { width: 20%; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll { margin: 10px 0 60px; width: 100%; overflow-x: scroll; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul { margin: 0; width: 740px; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_01 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_01 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_01 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_02 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_02 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_02 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_03 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_03 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_03 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_04 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -ms-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_04 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_04 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_05 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_05 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_05 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } } @media (max-width: 480px) { div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .main_top { width: 30%; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_img { bottom: 11%; } div.cfa_230717 section.header_sc div.wrap_1024 .main_wrap .posi > img.main_txt { width: 98%; margin-left: -47%; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll { margin: 10px 0 40px; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul { margin: 0; width: 600px; } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_01 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_01 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_01 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_02 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_02 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_02 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_03 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_03 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_03 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_04 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -ms-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_04 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_04 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_05 { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRight { div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_05 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } div.cfa_230717 section.header_sc div.wrap_1024 .bene_scroll .bene_ul > li.bene_05 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } } div.cfa_230717 section.header_sc2 { background: #fff670 url("../../../../img/event/cfa_230717/bg.jpg") repeat; } @media (max-width: 760px) { div.cfa_230717 section.header_sc2 { background-size: 60px; } } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main { -webkit-animation-name: jello; -moz-animation-name: jello; -ms-animation-name: jello; -o-animation-name: jello; animation-name: jello; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-ms-keyframes jello { div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap { margin: 25px 0 80px; } div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap .bene { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap .bene 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap .bene 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @media (max-width: 960px) { div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; width: 100%; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.cfa_230717 section.header_sc2 div.wrap_1024 .main_wrap .main 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap { padding: 0 2%; } div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap .bene { width: 100%; } } @media (max-width: 760px) { div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap { margin: 20px 0 60px; } } @media (max-width: 600px) { div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap { overflow-x: scroll; margin: 10px 0 40px; } div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap .bene { width: 640px; } } @media (max-width: 480px) { div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap { margin: 0 0 40px; } div.cfa_230717 section.header_sc2 div.wrap_1024 .bene_wrap .bene { width: 130%; } } div.cfa_230717 section.prize_sc { padding: 0 0 80px; } @media (max-width: 960px) { div.cfa_230717 section.prize_sc { padding: 0 4% 80px; } } @media (max-width: 760px) { div.cfa_230717 section.prize_sc { padding: 0 4% 60px; } } @media (max-width: 480px) { div.cfa_230717 section.prize_sc { padding: 0 4% 40px; } } div.cfa_230717 section.prize_sc div.wrap_1024 > img { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInUp { div.cfa_230717 section.prize_sc div.wrap_1024 > img 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } div.cfa_230717 section.prize_sc div.wrap_1024 > img 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } div.cfa_230717 section.prize_sc div.wrap_1024 > img.prize_m { display: none; } @media (max-width: 1000px) { div.cfa_230717 section.prize_sc div.wrap_1024 > img { width: 100%; } } @media (max-width: 650px) { div.cfa_230717 section.prize_sc div.wrap_1024 > img.prize_w { display: none; } div.cfa_230717 section.prize_sc div.wrap_1024 > img.prize_m { display: block; } } div.cfa_230717 section.order_sc { padding: 80px 0 100px; } @media (max-width: 960px) { div.cfa_230717 section.order_sc { padding: 80px 4%; } } @media (max-width: 760px) { div.cfa_230717 section.order_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cfa_230717 section.order_sc { padding: 40px 4%; } } div.cfa_230717 section.order_sc .wrap_1024 .sub_tt { margin-top: 80px; } div.cfa_230717 section.order_sc .wrap_1024 .sub_tt > img { margin: 0 auto; } @media (max-width: 480px) { div.cfa_230717 section.order_sc .wrap_1024 .sub_tt { margin-top: 60px; padding: 0 10%; } div.cfa_230717 section.order_sc .wrap_1024 .sub_tt > img { width: 100%; } } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul { margin-top: 40px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul.mg_t { margin-top: 20px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li { margin: 20px 0 0; text-align: center; padding: 4%; border-radius: 30px; border: 3px solid #232323; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt { float: left; width: 72%; text-align: left; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt p.tt { font-size: 27px; font-size: 1.755rem; line-height: 28px; line-height: 2.25rem; font-weight: bold; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl { font-size: 16px; font-size: 1.04rem; margin-top: 25px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dt { width: 13%; margin: 6px 0; padding: 2px 0; text-align: center; font-weight: 500; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dd { width: 75%; margin: 6px 0 6px 3%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt { float: right; width: 28%; border-left: 2px dotted #ccc; text-align: right; padding-left: 3%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li { width: 100%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .before { opacity: 0.5; filter: alpha(opacity=50); } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .before > em { font-size: 18px; font-size: 1.17rem; letter-spacing: 0.5px; text-decoration: line-through; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount { font-size: 12.6px; font-size: 0.819rem; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin-top: 18px; padding: 2px 6px; border-radius: 3px; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount 0%, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount 50%, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount 100% { opacity: 1; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount 25%, div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .after { font-size: 20px; font-size: 1.3rem; margin-top: 3px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .after .num { font-size: 36px; font-size: 2.34rem; font-family: 'hanna'; margin-right: 3px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link { margin-top: 4px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link > .btn_lec { font-size: 18px; font-size: 1.17rem; width: 100%; padding: 18px 0; border-radius: 100px; border: 4px solid #fff670; font-weight: bold; } @media (max-width: 960px) { div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt { width: 70%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt p.tt { font-size: 24px; font-size: 1.56rem; line-height: 27px; line-height: 2.125rem; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl { font-size: 15px; font-size: 0.975rem; margin-top: 20px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dt { width: 16%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dd { width: 70%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt { width: 30%; padding-left: 2%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .before > em { font-size: 17px; font-size: 1.105rem; letter-spacing: 0px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount { font-size: 12.4px; font-size: 0.806rem; margin-top: 18px; padding: 2px 6px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .after { font-size: 18px; font-size: 1.17rem; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .after .num { font-size: 33px; font-size: 2.145rem; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link { margin-top: 4px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link > .btn_lec { font-size: 17px; font-size: 1.105rem; width: 100%; padding: 18px 0; border-radius: 100px; border: 4px solid #fff670; font-weight: bold; } } @media (max-width: 760px) { div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul { margin-top: 30px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li { margin: 3% 0 0; padding: 8% 4%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt { float: none; width: 100%; text-align: center; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl { font-size: 15px; font-size: 0.975rem; margin-top: 3%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dt { width: 20%; margin: 4% 0 0; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dd { width: 100%; padding: 0; margin: 5px 0 0 0; line-height: 1.3; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt { float: none; width: 100%; text-align: center; padding-left: 0; padding-top: 6%; margin-top: 6%; border: none; border-top: 2px dotted #ddd; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link > .btn_lec { width: 80%; } } @media (max-width: 480px) { div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul { margin-top: 20px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul.mg_t { margin-top: 15px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt p.tt { font-size: 21px; font-size: 1.365rem; line-height: 25px; line-height: 1.875rem; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl { font-size: 14.6px; font-size: 0.949rem; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dt { width: 25%; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_lt dl.order_dl > dd { line-height: 1.4; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt { float: none; width: 100%; text-align: center; padding-left: 0; padding-top: 6%; margin-top: 6%; border: none; border-top: 2px dotted #ddd; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .before > em { font-size: 15px; font-size: 0.975rem; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .discount { font-size: 12px; font-size: 0.78rem; margin-top: 15px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .after { font-size: 18px; font-size: 1.17rem; margin-top: 5px; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .price_ul > li .after .num { font-size: 30px; font-size: 1.95rem; } div.cfa_230717 section.order_sc .wrap_1024 ul.order_ul .order_li .order_box_rt .order_link > .btn_lec { width: 100%; padding: 17px 0; } } div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap { text-align: center; margin-top: 60px; } div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap .txt { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 24px; font-size: 1.56rem; font-weight: 500; } div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap .youtube { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 30px; border: 3px solid #232323; overflow: hidden; margin-top: 10px; } div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap .youtube > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } @media (max-width: 760px) { div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap { margin-top: 50px; } div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap .txt { font-size: 22px; font-size: 1.43rem; line-height: 1.3; } } @media (max-width: 480px) { div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap { margin-top: 40px; } div.cfa_230717 section.order_sc .wrap_1024 .youtube_wrap .txt { font-size: 19px; font-size: 1.235rem; } } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap { margin-top: 70px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li { font-size: 22px; font-size: 1.43rem; background: rgba(255, 255, 255, 0.6); float: left; width: 27%; margin-right: 1%; border-radius: 30px 30px 0 0; text-align: center; padding: 24px 0; font-weight: 400; border: 3px solid #232323; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li.active { font-weight: 800; position: relative; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li.active:after { content: ''; display: block; position: absolute; bottom: -4px; left: 0; width: 100%; height: 4px; background: #fff; z-index: 1; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li:hover { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts { position: relative; margin-top: -1px; min-height: 250px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap { margin: 20px 0 0; text-align: center; padding: 4%; border-radius: 30px; border: 3px solid #232323; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap.mg_t { margin-top: -3px; border-radius: 0 30px 30px 30px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt { float: left; width: 70%; text-align: left; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt p.tt { font-size: 27px; font-size: 1.755rem; line-height: 28px; line-height: 2.25rem; font-weight: bold; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl { font-size: 16px; font-size: 1.04rem; margin-top: 25px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dt { width: 13%; margin: 6px 0; padding: 2px 0; text-align: center; font-weight: 500; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dd { width: 75%; margin: 6px 0 6px 3%; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dd > em { font-weight: 600; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt { float: right; width: 29%; border-left: 2px dotted #ccc; text-align: right; padding-left: 3%; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul { margin-top: 15px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li { width: 100%; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .before { opacity: 0.5; filter: alpha(opacity=50); } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .before > em { font-size: 18px; font-size: 1.17rem; letter-spacing: 0.5px; text-decoration: line-through; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after { font-size: 20px; font-size: 1.3rem; margin-top: 5px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after .num { font-size: 36px; font-size: 2.34rem; font-family: 'hanna'; margin-right: 3px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link { margin-top: 10px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link > .btn_lec { font-size: 18px; font-size: 1.17rem; width: 100%; padding: 19px 0; border-radius: 100px; border: 4px solid #fff670; font-weight: bold; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link > .btn_lec:hover { background: #000; } @media (max-width: 960px) { div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap { margin-top: 60px; padding: 0 10%; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li { font-size: 21px; font-size: 1.365rem; width: 36%; margin-right: 1%; border-radius: 30px 30px 0 0; padding: 24px 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li.active:after { bottom: -4px; left: 0; width: 100%; height: 4px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts { margin-top: -1px; min-height: 250px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap { margin: 15px 0 0; border-radius: 30px; padding: 6%; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap.mg_t { margin-top: -3px; border-radius: 0 30px 30px 30px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt { float: none; width: 100%; text-align: center; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt p.tt { font-size: 25px; font-size: 1.625rem; line-height: 1.3; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl { font-size: 15px; font-size: 0.975rem; margin-top: 23px; text-align: center; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dt { width: 86px; margin: 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dd { display: block; width: 100%; margin: 3px 0 20px 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt { float: none; width: 100%; text-align: center; border-left: 0; border-top: 2px dotted #ccc; padding-left: 0; margin-top: 20px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul { margin-top: 15px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .before > em { font-size: 17px; font-size: 1.105rem; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after { font-size: 19px; font-size: 1.235rem; margin-top: 5px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after .num { font-size: 32px; font-size: 2.08rem; margin-right: 3px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link { margin-top: 10px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link > .btn_lec { font-size: 20px; font-size: 1.3rem; padding: 22px 0; border: 4px solid #fff670; } } @media (max-width: 760px) { div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap { margin-top: 50px; padding: 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li { font-size: 18.6px; font-size: 1.209rem; width: 40%; margin-right: 1%; border-radius: 25px 25px 0 0; padding: 22px 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li.active:after { bottom: -4px; left: 0; width: 100%; height: 4px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts { min-height: auto; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap { margin: 13px 0 0; border-radius: 25px; padding: 8% 6%; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap.mg_t { margin-top: -3px; border-radius: 0 25px 25px 25px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt p.tt { font-size: 21px; font-size: 1.365rem; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl { font-size: 14px; font-size: 0.91rem; margin-top: 20px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dt { width: 80px; margin: 0; padding: 4px 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dd { margin: 3px 0 20px 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul { margin-top: 15px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .before > em { font-size: 15px; font-size: 0.975rem; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after { font-size: 18px; font-size: 1.17rem; margin-top: 5px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after .num { font-size: 30px; font-size: 1.95rem; margin-right: 3px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link { margin-top: 10px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link > .btn_lec { font-size: 18px; font-size: 1.17rem; padding: 20px 0; } } @media (max-width: 480px) { div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap { margin-top: 40px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li { font-size: 16.6px; font-size: 1.079rem; width: 49%; margin-right: 2%; border-radius: 20px 20px 0 0; padding: 18px 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_box .tab_ul > li:nth-child(2n) { margin-right: 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap { margin: 12px 0 0; border-radius: 20px; padding: 8% 6%; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap.mg_t { margin-top: -3px; border-radius: 0 0 20px 20px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt p.tt { font-size: 19px; font-size: 1.235rem; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl { font-size: 13.6px; font-size: 0.884rem; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dt { width: 76px; padding: 3px 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_lt dl.order_dl > dd { margin: 3px 0 15px 0; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .before > em { font-size: 14px; font-size: 0.91rem; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after { font-size: 16px; font-size: 1.04rem; margin-top: 5px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .price_ul > li .after .num { font-size: 25px; font-size: 1.625rem; margin-right: 2px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link { margin-top: 8px; } div.cfa_230717 section.order_sc .wrap_1024 .tab_wrap .tab_conts .box_wrap .order_box_rt .order_link > .btn_lec { font-size: 17px; font-size: 1.105rem; padding: 17px 0; } } div.cfa_230717 .free_lecture_sc { background: #2747d1; padding: 80px 0 70px; } @media (max-width: 960px) { div.cfa_230717 .free_lecture_sc { padding: 80px 4% 60px; } } @media (max-width: 760px) { div.cfa_230717 .free_lecture_sc { padding: 40px 4% 60px; } } @media (max-width: 480px) { div.cfa_230717 .free_lecture_sc { padding: 20px 6% 40px; } } div.cfa_230717 .free_lecture_sc .wrap_1024 { position: relative; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img { position: absolute; top: -95px; left: 0; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img { -webkit-animation-name: jello; -moz-animation-name: jello; -ms-animation-name: jello; -o-animation-name: jello; animation-name: jello; -webkit-animation-iteration-count: 10; -moz-animation-iteration-count: 10; -ms-animation-iteration-count: 10; -o-animation-iteration-count: 10; animation-iteration-count: 10; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-ms-keyframes jello { div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); -o-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -moz-transform: skewX(0.39063deg) skewY(0.39063deg); -ms-transform: skewX(0.39063deg) skewY(0.39063deg); -o-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); -o-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 50%; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 23px; font-size: 1.495rem; font-weight: 600; color: #fff670; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 36px; font-size: 2.34rem; line-height: 1.3; font-weight: 300; letter-spacing: -1px; margin-top: 15px; color: #fff; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big > em { display: block; font-weight: 800; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 20px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 420px; height: 96px; position: relative; background: #a3d0ff; border: none; border-radius: 35px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 24px; font-size: 1.56rem; font-weight: 600; letter-spacing: -0.8px; padding-right: 30px; color: #000; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { background: url("../../../../img/event/intelligence_250402/btn_img.png") no-repeat center; position: absolute; display: block; width: 27px; height: 23px; bottom: 38px; right: 58px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec:hover { background: #69e9ff; } @media (max-width: 960px) { div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img { top: -95px; left: 0; width: 40%; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 100%; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 45%; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 21px; font-size: 1.365rem; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 30px; font-size: 1.95rem; margin-top: 12px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 100%; height: auto; border-radius: 25px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 20px; font-size: 1.3rem; padding: 18px 30px 18px 0; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 27px; height: 23px; bottom: 32px; right: 75px; } } @media (max-width: 760px) { div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img { position: static; top: 0; left: 0; width: 100%; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 300px; margin: 0 auto; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt { margin-left: 0; margin-top: 20px; width: 100%; text-align: center; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 18px; font-size: 1.17rem; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 28px; font-size: 1.82rem; margin-top: 12px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 75%; height: auto; border-radius: 25px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 20px; font-size: 1.3rem; padding: 18px 15% 18px 0; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 27px; height: 23px; bottom: 32px; right: 15%; } } @media (max-width: 480px) { div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_img > img { width: 200px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt { margin-top: 20px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .sm { font-size: 16px; font-size: 1.04rem; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .txt_wrap .big { font-size: 25px; font-size: 1.625rem; margin-top: 10px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap { margin-top: 15px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec { width: 100%; height: auto; border-radius: 20px; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p { font-size: 18px; font-size: 1.17rem; padding: 18px 20% 18px 0; } div.cfa_230717 .free_lecture_sc .wrap_1024 .coupon_txt .btn_wrap .btn_lec > p .icon { width: 23px; height: 20px; background-size: 100% auto; bottom: 28px; right: 20%; } } div.cfa_230717 section.step_sc { padding: 80px 0 100px; } @media (max-width: 960px) { div.cfa_230717 section.step_sc { padding: 80px 4%; } } @media (max-width: 760px) { div.cfa_230717 section.step_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cfa_230717 section.step_sc { padding: 40px 4%; } } div.cfa_230717 section.step_sc div.wrap_1024 .img_scroll > img { margin: 60px auto 0; } @media (max-width: 830px) { div.cfa_230717 section.step_sc div.wrap_1024 .img_scroll > img { width: 100%; } } @media (max-width: 760px) { div.cfa_230717 section.step_sc div.wrap_1024 .img_scroll > img { margin: 40px auto 0; } } @media (max-width: 650px) { div.cfa_230717 section.step_sc div.wrap_1024 .img_scroll { overflow-y: scroll; } div.cfa_230717 section.step_sc div.wrap_1024 .img_scroll > img { width: auto; } } @media (max-width: 560px) { div.cfa_230717 section.step_sc div.wrap_1024 .img_scroll > img { width: 600px; } } @media (max-width: 480px) { div.cfa_230717 section.step_sc div.wrap_1024 .img_scroll > img { margin: 30px auto 0; width: 500px; } } div.cfa_230717 section.teacher_sc { padding: 80px 0 100px; } @media (max-width: 960px) { div.cfa_230717 section.teacher_sc { padding: 80px 4%; } } @media (max-width: 760px) { div.cfa_230717 section.teacher_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cfa_230717 section.teacher_sc { padding: 40px 4%; } } div.cfa_230717 section.teacher_sc .wrap_1024 { margin-top: 60px; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap { position: relative; padding: 0 10%; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap > .st1 { border: 3px solid #7dfff9; background: #aaa; border-radius: 35px; overflow: hidden; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap .na_tc { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 100px; right: 220px; z-index: 9; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-ms-keyframes bounceIn { div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap .na_tc 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap .na_tc 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap .na_tc 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap .na_tc 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap { margin-top: 30px; } div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap > li { float: left; width: 24%; margin: 0 0.5%; border: 3px solid #fff; border-radius: 20px; overflow: hidden; text-align: center; } div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap > li p.tc_name { font-size: 15px; font-size: 0.975rem; font-weight: 500; padding: 7px 0 4px; } div.cfa_230717 section.teacher_sc .wrap_1024 .youtube { position: relative; width: 100%; padding-bottom: 56.25%; } div.cfa_230717 section.teacher_sc .wrap_1024 .youtube > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } @media (max-width: 960px) { div.cfa_230717 section.teacher_sc .wrap_1024 { margin-top: 40px; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap .na_tc { top: 30%; right: 15%; } } @media (max-width: 760px) { div.cfa_230717 section.teacher_sc .wrap_1024 { margin-top: 40px; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap { padding: 0 1%; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap > .st1 { border-radius: 20px; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap .na_tc { width: 28%; top: 30%; right: 8%; } div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap { margin-top: 20px; } div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap > li { float: left; width: 48%; margin: 1%; } } @media (max-width: 480px) { div.cfa_230717 section.teacher_sc .wrap_1024 { margin-top: 30px; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap { padding: 0 1%; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap > .st1 { border-radius: 20px; } div.cfa_230717 section.teacher_sc .wrap_1024 .na_tc_wrap .na_tc { width: 30%; top: 31%; right: 6%; } div.cfa_230717 section.teacher_sc .wrap_1024 .tc_wrap { margin-top: 10px; } } div.cfa_230717 section.date_sc { padding: 80px 0 100px; } @media (max-width: 960px) { div.cfa_230717 section.date_sc { padding: 80px 4%; } } @media (max-width: 760px) { div.cfa_230717 section.date_sc { padding: 60px 4%; } } @media (max-width: 480px) { div.cfa_230717 section.date_sc { padding: 40px 4%; } } div.cfa_230717 section.date_sc .wrap_1024 { margin-top: 55px; padding: 0 4%; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl { border-radius: 30px 30px 0 0; overflow: hidden; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table { border: none; text-align: center; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table thead th { font-size: 13px; font-size: 0.845rem; padding: 16px 5px; letter-spacing: 0; font-weight: 500; border: none; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table tbody tr { letter-spacing: 0.3px; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table tbody tr.cr1 { background: #f5f5f5; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table tbody tr.border { border: 2px solid #0228c9; font-weight: bold; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .table tbody tr td { font-size: 13px; font-size: 0.845rem; border-bottom: 1px solid #ddd; padding: 14px 5px; } @media (max-width: 960px) { div.cfa_230717 section.date_sc .wrap_1024 { margin-top: 50px; padding: 0; } } @media (max-width: 760px) { div.cfa_230717 section.date_sc .wrap_1024 { margin-top: 40px; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl { border-radius: 20px; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .scroller { overflow-y: scroll; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .scroller .table { width: 700px; } } @media (max-width: 480px) { div.cfa_230717 section.date_sc .wrap_1024 { margin-top: 30px; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .scroller .table { width: 600px; } div.cfa_230717 section.date_sc .wrap_1024 article.explain_tbl .scroller .table thead th { padding: 8px 5px; } } div.cfa_230717 section.book_sc { background: #cccccc url("../../../../img/event/cfa_230717/book_bg.jpg") no-repeat bottom center; padding: 100px 0; } @media (max-width: 960px) { div.cfa_230717 section.book_sc { padding: 80px 4%; } } @media (max-width: 760px) { div.cfa_230717 section.book_sc { padding: 60px 4% 50px; background-size: 1500px; } } @media (max-width: 480px) { div.cfa_230717 section.book_sc { padding: 40px 4% 20px; background-size: 1300px; } } div.cfa_230717 section.book_sc div.wrap_1024 { padding-bottom: 100px; } div.cfa_230717 section.book_sc div.wrap_1024 .img_scroll > img { margin: 0 auto; } @media (max-width: 830px) { div.cfa_230717 section.book_sc div.wrap_1024 .img_scroll > img { width: 100%; } } @media (max-width: 560px) { div.cfa_230717 section.book_sc div.wrap_1024 .img_scroll { overflow-y: scroll; } div.cfa_230717 section.book_sc div.wrap_1024 .img_scroll > img { width: 600px; } } @media (max-width: 480px) { div.cfa_230717 section.book_sc div.wrap_1024 .img_scroll > img { width: 500px; } } div.cfa_230717 section.pass_sc { padding: 50px 0 100px; } div.cfa_230717 section.pass_sc .pass_txt { font-size: 16px; font-size: 1.04rem; text-align: center; margin-top: 15px; } @media (max-width: 960px) { div.cfa_230717 section.pass_sc { padding: 40px 4% 80px; } } @media (max-width: 760px) { div.cfa_230717 section.pass_sc { padding: 30px 4% 60px; } } @media (max-width: 480px) { div.cfa_230717 section.pass_sc { padding: 20px 4% 40px; } } div.cfa_230717 section.pass_sc .wrap_1024 { margin-top: 55px; border: 7px solid #f5f5f5; border-radius: 34px; } @media (max-width: 960px) { div.cfa_230717 section.pass_sc .wrap_1024 { margin-top: 50px; } } @media (max-width: 760px) { div.cfa_230717 section.pass_sc .wrap_1024 { margin-top: 40px; } } @media (max-width: 480px) { div.cfa_230717 section.pass_sc .wrap_1024 { margin-top: 30px; } } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap { height: 400px; overflow: hidden; border: 3px solid #232323; border-radius: 30px; overflow: hidden; } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li { height: 50px; width: 100%; } @media (max-width: 480px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li { height: 100px; } } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.lft { float: left; width: 50%; height: 50px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0 9%; } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.lft::before { display: inline-block; content: " "; height: 100%; vertical-align: middle; } @media (max-width: 960px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.lft { padding: 0; } } @media (max-width: 480px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.lft { width: 100%; border-right: none; } } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.rgt { float: left; width: 50%; height: 50px; border-bottom: 1px solid #ddd; padding: 0 9%; } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.rgt::before { display: inline-block; content: " "; height: 100%; vertical-align: middle; } @media (max-width: 960px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.rgt { padding: 0; } } @media (max-width: 480px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.rgt { width: 100%; } } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.gray { background: #f5f5f5; } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li p.name { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: middle; width: 100px; text-align: center; border-right: 1px solid #ddd; } @media (max-width: 960px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li p.name { width: auto; padding: 0 15px 0 6px; } } @media (max-width: 480px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li p.name { line-height: 50px; padding: 0 5px; width: 38%; text-align: center; } } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li p.date { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: middle; margin-left: 20px; } @media (max-width: 960px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li p.date { margin-left: 10px; } } @media (max-width: 480px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li p.date { line-height: 50px; padding: 0 5% 0 0; width: 55%; text-align: center; } } @media (max-width: 480px) { div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li > div.gray:nth-child(even) { background: #fafdfc; } div.cfa_230717 section.pass_sc .wrap_1024 .pass_wrap > ul > li:nth-child(odd) { background: #fffcf6; } } div.cfa_230717 section.review_sc { position: relative; padding: 100px 0; } @media (max-width: 960px) { div.cfa_230717 section.review_sc { padding: 80px 0; } } @media (max-width: 760px) { div.cfa_230717 section.review_sc { padding: 60px 0; } } @media (max-width: 480px) { div.cfa_230717 section.review_sc { padding: 40px 0; } } div.cfa_230717 section.review_sc .slick-slider { margin-top: 20px; overflow: hidden; } @media (max-width: 760px) { div.cfa_230717 section.review_sc .slick-slider { margin-top: 10px; } } div.cfa_230717 section.review_sc .slick-slider .center { width: 100%; } div.cfa_230717 section.review_sc .slick-slider .center .slick-slide { opacity: 0.2; filter: alpha(opacity=20); display: none; float: left; min-height: 1px; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; margin: 0px 10px; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review { width: 100%; padding: 0 6% 6%; text-align: center; border: 3px solid #232323; border-radius: 30px; height: 480px; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review > img { margin: -3px auto 0; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review .txt { margin-top: 15px; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review .txt h6.id { font-size: 16px; font-size: 1.04rem; font-weight: bold; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review .txt h6.id::after { position: relative; display: block; content: " "; margin: 18px auto; width: 20px; height: 2px; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review .txt p.cons { font-size: 14px; font-size: 0.91rem; line-height: 23px; line-height: 1.625rem; } div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review .txt p.cons strong { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(255, 255, 255, 0)), color-stop(30%, #f1f1f1)); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 70%, #f1f1f1 30%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 70%, #f1f1f1 30%); background: linear-gradient(rgba(255, 255, 255, 0) 70%, #f1f1f1 30%); } @media (max-width: 1600px) { div.cfa_230717 section.review_sc .slick-slider .center .li_wd .review { height: auto; } } div.cfa_230717 section.review_sc .slick-slider .center .slick-active { opacity: 0.4; filter: alpha(opacity=40); } div.cfa_230717 section.review_sc .slick-slider .center .slick-current { opacity: 1; filter: alpha(opacity=100); } div.cfa_230717 section.review_sc .slick-slider .center .slick-arrow { position: absolute; opacity: 0.8; filter: alpha(opacity=80); top: 47%; z-index: 1; width: 70px; height: 70px; font-size: 0; border: none; background: none; outline: none; cursor: pointer; } div.cfa_230717 section.review_sc .slick-slider .center .slick-arrow:hover { opacity: 1; filter: alpha(opacity=100); } div.cfa_230717 section.review_sc .slick-slider .center .slick-prev { background: url("../../../../img/event/cfa_230717/prev.png") center no-repeat; left: 50%; margin-left: -360px; } div.cfa_230717 section.review_sc .slick-slider .center .slick-next { background: url("../../../../img/event/cfa_230717/next.png") center no-repeat; left: 50%; margin-left: 290px; } div.cfa_230717 section.review_sc .slick-slider .slick-initialized .slick-slide { display: block; } div.cfa_230717 section.review_sc .review_btn { width: 360px; height: 90px; display: block; text-align: center; margin: 60px auto 0; border: 3px solid #fff; border-radius: 100px; padding-top: 27px; } div.cfa_230717 section.review_sc .review_btn > span { font-size: 20px; font-size: 1.3rem; font-weight: 500; } @media (max-width: 760px) { div.cfa_230717 section.review_sc .review_btn { width: 320px; height: 80px; margin: 30px auto 0; padding-top: 22px; } div.cfa_230717 section.review_sc .review_btn > span { font-size: 18px; font-size: 1.17rem; } } @media (max-width: 480px) { div.cfa_230717 section.review_sc .review_btn { width: 80%; height: 80px; margin: 10px auto 0; } } div.cfa_230717 section.notice_sc { padding: 80px 0; } @media (max-width: 960px) { div.cfa_230717 section.notice_sc { padding: 60px 6%; } } @media (max-width: 480px) { div.cfa_230717 section.notice_sc { padding: 40px 6%; } } div.cfa_230717 section.notice_sc .wrap_1024 dl.bene_dl.mg_t50 { margin-top: 55px; } @media (max-width: 480px) { div.cfa_230717 section.notice_sc .wrap_1024 dl.bene_dl.mg_t50 { margin-top: 40px; } } div.cfa_230717 section.notice_sc .wrap_1024 dl.bene_dl dt { font-size: 14.4px; font-size: 0.936rem; display: block; font-weight: 500; margin-bottom: 10px; } div.cfa_230717 section.notice_sc .wrap_1024 dl.bene_dl dd { font-size: 14px; font-size: 0.91rem; position: relative; display: block; margin: 6px 0; color: #aaa; padding-left: 20px; } div.cfa_230717 section.notice_sc .wrap_1024 dl.bene_dl dd::before { position: absolute; display: block; content: " "; background: #aaa; width: 4px; height: 4px; top: 9px; left: 2px; } div.cfa_230717 section.notice_sc .wrap_1024 dl.bene_dl dd strong { font-weight: 500; } #myform { margin: 0; }