@font-face{font-family:Lato;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Lato/Lato-Thin.ttf)format("truetype");font-weight:100;font-display:swap}@font-face{font-family:Lato;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Lato/Lato-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Lato;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Lato/Lato-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Lato/Lato-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Lato;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Lato/Lato-Black.ttf)format("truetype");font-weight:900;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/noto_sans_jp/NotoSansJP-Thin.ttf)format("truetype");font-weight:100;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/noto_sans_jp/NotoSansJP-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/noto_sans_jp/NotoSansJP-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/noto_sans_jp/NotoSansJP-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/noto_sans_jp/NotoSansJP-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/noto_sans_jp/NotoSansJP-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/noto_sans_jp/NotoSansJP-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/noto_sans_jp/NotoSansJP-Black.ttf)format("truetype");font-weight:900;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Shippori_Mincho/ShipporiMincho-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Shippori_Mincho/ShipporiMincho-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Shippori_Mincho/ShipporiMincho-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Shippori_Mincho/ShipporiMincho-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/font/Shippori_Mincho/ShipporiMincho-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}html{scroll-behavior:smooth;font-size:100%;overflow-x:hidden}#wrapper{width:100%;overflow-x:hidden!important}ul.default{flex-direction:column;gap:12px;margin-left:20px;list-style:outside;display:flex;& li{line-height:1.4em}}.effect-fade{opacity:0;transition:all 1s;transform:translateY(30px)}.effect-fade.effect-scroll{opacity:1;transform:translate(0)}.load.off{animation:.1s linear 1s forwards out-area,.5s linear .5s forwards loadoff}@keyframes out-area{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes loadoff{0%{opacity:1}to{opacity:0}}.nowrap{white-space:nowrap}.pc{display:block}.sp{display:none}.simple_block{padding:120px 0}@media screen and (width<=800px){.simple_block{padding:80px 0}}.title_block{color:#1f285b;flex-direction:column;gap:4px;display:flex}.title_block .eng_label{font-weight:700}.title_block .title{padding-left:44px;position:relative}.title_block .title:before{content:"";background:#1f285b;width:24px;height:1px;position:absolute;top:30px;left:0}.title_block .title.white_color:before{background:#fff}.title_block .title h2{font-size:42px;font-weight:700;line-height:1.42em}@media screen and (width<=800px){.title_block .title h2{font-size:32px}}@media screen and (width<=500px){.title_block .title h2{font-size:28px}}.title_block.-white{color:#fff;flex-direction:column;gap:34px;display:flex}.title_block.-white .eng_label{text-align:center}.title_block.-white .title{text-align:center;padding-left:0}.title_block.-white .title:before{content:"";background:#1aedff;width:2px;height:24px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.title_block.-white .title.white_color:before{background:#fff}.description{letter-spacing:.08em;font-weight:400;line-height:1.6em}.head_h3{letter-spacing:.08em;font-size:30px;font-weight:700;line-height:1.4em}.head_h3.design{line-height:2em}.head_h3 span{letter-spacing:0;color:#fff;background:linear-gradient(135deg,#2e48de 20%,#f1449d 100%);border-radius:4px;margin-right:6px;padding:4px 8px}.corner_large{border-radius:30px;overflow:hidden}.palel_shadow{filter:drop-shadow(0 10px 20px #0000004d);transform:translateZ(0)}.column_2_txt{flex-direction:column;flex-shrink:1;gap:24px;width:100%;margin:auto;display:flex}@media screen and (width<=1024px){.column_2_img{width:100%}}.column_2{align-items:flex-start;gap:60px;display:flex;position:relative}@media screen and (width<=1024px){.column_2{flex-direction:column}.top_make_block .column_2:nth-child(odd){flex-direction:column-reverse}}.txt_block{flex-direction:column;flex-shrink:1;gap:24px;width:100%;margin:auto;display:flex}.txt_block ul{flex-direction:column;gap:12px;list-style:outside;display:flex}.txt_block li{margin-left:20px;font-size:18px;font-weight:700}.column_2_img{flex-shrink:0;width:46%;position:relative}.play_btn{transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px!important;height:80px!important}.js-play2{cursor:pointer}.js-play2:hover .play_btn{opacity:.5;transition:all .3s;width:90px!important;height:90px!important}.column_2_img img,.column_2_img video{object-fit:cover;width:100%;height:100%}.column_2_img_2{flex-shrink:0;width:46%;position:relative}@media screen and (width<=1024px){.column_2_img,.column_2_img_2{width:100%}}.column_2_img_2:before{content:"";padding-top:56.25%;display:block}.column_2_img_2 img{object-fit:cover;z-index:2;border-radius:0 24px;width:100%;height:100%;position:absolute;top:0;left:0}.column_2_img_2:after{content:"";background:#fff;border-radius:0 24px;width:100%;height:100%;position:absolute;top:24px;left:-24px}.space-around{justify-content:space-around}.bg_white{background:#fff}.bg_lightblue{background:#d8f0fc}.bg_gray{background:#efeff3}.bg_grada{background:linear-gradient(135deg,#fcd2e0 20%,#6e99e6 100%)}.bg_dark{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/bg_dark.webp);background-size:cover}.bg_contact{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/bg_contact.webp);background-size:cover}.main_color{color:#1f285b}.white_color{color:#fff}.blue_color{color:#1aedff}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.fixed_chatbot>.container{max-width:100%;margin:0;padding:0;bottom:-50px}.container{text-align:right;max-width:60%;margin-top:50px;margin-left:auto;margin-right:auto;position:fixed;bottom:-50px}.container-fluid{margin-right:10px}.fixed_chatbot{z-index:999999;width:auto;transition:all .5s;position:fixed;bottom:0;right:20px}@media screen and (width<=780px){.fixed_chatbot{display:none}}.fixed_chatbot.hidden{opacity:0;pointer-events:none;transition:all .5s}.fixed_chatbot .avatar{position:relative}.avatar_comment{border:1px solid #9b9b9b;border-radius:4px;width:300px;margin:0 20% 0 auto;padding:20px;bottom:20px}.avatar_comment p{width:300px;margin-bottom:0}.avatar_comment span{color:#1f285b;font-size:14px;font-weight:700;display:block}.main_slider{border-radius:0 0 160px 160px;width:100%;height:800px;position:relative;overflow:hidden}@media screen and (width<=1024px){.main_slider{border-radius:0 0 80px 80px}}.main_slider .item{pointer-events:none;width:100%;height:100%}.main_slider .item.view{pointer-events:auto}.main_slider .item.view video.fv_pc{display:block}.main_slider .item.view video.fv_sp{display:none}@media screen and (width<=900px){.main_slider .item.view video.fv_pc{display:none}.main_slider .item.view video.fv_sp{display:block}}.main_slider .item video{object-fit:cover;opacity:0;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.main_slider .item.view video{opacity:1;transition:all .3s}.main_slider .item .msk{opacity:0;background:linear-gradient(#2e48de00 0%,#2e48de 100%);width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.main_slider .item.view .msk{opacity:.5;transition:all .3s}.main_slider .item .txt_inner{color:#fff;opacity:0;flex-direction:column;gap:24px;width:90%;max-width:1200px;transition:all .3s;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)translateY(10px)}.main_slider .item.view .txt_inner{opacity:1;transition:all .5s .3s;transform:translate(-50%)translateY(0)}.main_slider .item .txt_inner .main_copy{max-width:50%;font-size:42px;font-weight:700;line-height:1.42em}.main_slider .item .txt_inner .description{max-width:50%}@media screen and (width<=1024px){.main_slider .item .txt_inner .main_copy,.main_slider .item .txt_inner .description{max-width:100%}}@media screen and (width<=500px){.main_slider .item .txt_inner .main_copy{font-size:28px}}.more_btn .inner{color:#fff;filter:drop-shadow(0 4px 10px #0003);background:linear-gradient(90deg,#2e48de 0%,#f1449d 100%);border-radius:100vh;padding:16px 40px;font-size:20px;font-weight:700;transition:all .5s;display:inline-block;position:relative;transform:translateZ(0)}.more_btn .inner:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#f1449d 0% 100%);border-radius:100vh;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.more_btn .inner:hover{filter:drop-shadow(0 2px 2px #0006);transform:.5s}.more_btn .inner:hover:before{opacity:1;transition:all .5s}.more_btn .inner p{padding-right:22px}.more_btn .inner:after{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/more_btn_arrow.svg);background-size:contain;width:14px;height:14px;transition:all .3s;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.more_btn .inner:hover:after{transition:all .3s;right:32px}.color_btn .inner{letter-spacing:.03em;color:#fff;filter:drop-shadow(0 4px 8px #0003);background:linear-gradient(90deg,#2e48de 0%,#f1449d 100%);border-radius:100vh;padding:16px 40px;font-size:20px;font-weight:600;transition:all .3s;display:inline-block;position:relative;transform:translateZ(0)}.color_btn .inner:hover{filter:drop-shadow(0 2px 2px #0006);transition:all .3s}.color_btn .inner:before{content:"";opacity:0;z-index:-1;background:#f1449d;border-radius:100vh;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.color_btn .inner:hover:before{opacity:1;transition:all .3s}.white_btn .inner{text-align:center;letter-spacing:.03em;filter:drop-shadow(0 3px 6px #00000073);background:#fff;border-radius:100vh;width:80%;max-width:400px;padding:16px 40px;font-size:20px;font-weight:600;display:inline-block;position:relative;transform:translateZ(0)}.white_btn .inner:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#2e48de 0%,#f1449d 100%);border-radius:100vh;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.white_btn .inner:hover:before{opacity:1;transition:all .3s}.white_btn .inner p{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2e48de 0%,#f1449d 100%);-webkit-background-clip:text;display:inline-block}.white_btn .inner:hover p{-webkit-text-fill-color:transparent;background:#fff;-webkit-background-clip:text}.-right{text-align:right}.-center{text-align:center}.top_header ul{letter-spacing:.03em;white-space:nowrap;gap:14px;margin:0;font-size:14px;font-weight:700;list-style:none;display:flex}.top_header ul a{color:#1f285b}.top_header ul li{margin:auto 0;transition:all .3s;position:relative}.top_header .main-navigation .sub-menu{z-index:1000;opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:180px;padding:12px 0;transition:all .3s;display:block;position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 8px 24px #0000001a}.top_header .main-navigation li.menu-item-has-children:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.top_header ul li .sub-menu li a{color:#333;padding:10px 20px;text-decoration:none;transition:background .2s;display:block}.top_header ul li .sub-menu li a:hover{color:#1f285b;background:#f4f6fc}.top_header ul li:before{content:"";background:#1f285b;width:0%;height:1px;transition:all .3s;position:absolute;bottom:-4px;left:0}.top_header ul li:hover:before{width:100%;transition:all .3s}.top_header .sp_menu.open span{transition:all .3s;top:50%;transform:rotate(45deg)}.top_header .sp_menu.open span:nth-child(2){opacity:0;transition:all .3s}.top_header .sp_menu.open span:nth-child(3){transition:all .3s;top:50%;transform:rotate(-45deg)}@media screen and (width<=1024px){.top_header ul{display:none}.top_header ul.open{filter:drop-shadow(0 3px 6px #00000024);background:#fff;border-radius:24px;flex-direction:column;padding:20px;display:flex;position:absolute;top:69px;right:0;overflow:hidden;transform:translateZ(0)}.top_header ul li{margin-bottom:10px}}@media screen and (width<=500px){.top_header ul.open{top:60px}}.top_header ul .document{cursor:pointer;background:#f1449d;border-radius:100vh;padding:8px 24px;transition:all .3s}.top_header ul .document a{color:#fff;position:relative}.top_header ul .document:before{content:"";background:linear-gradient(135deg,#2e48de 0%,#f1449d 100%);border-radius:100vh;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.top_header ul .document:hover:before{opacity:0;transition:all .3s}.top_header ul .contact{color:#1f285b;text-align:center;border:1px solid #1f285b;border-radius:100vh;padding:8px 24px;transition:all .3s}.top_header ul .contact:hover{background:#1f285b;transition:all .3s}.top_header ul .contact:hover a{color:#fff;transition:all .3s}.top_header ul .contact:hover:before{width:0%}footer{background:#fff;padding:140px 0 40px}footer .info_block{flex-direction:column;gap:32px;display:flex}footer .info_block .logo{width:80%;max-width:320px;height:auto}footer .info_block .logo img{object-fit:cover;width:100%;height:auto}footer .info_block .address{border-bottom:1px solid #1f285b;padding-bottom:12px;line-height:1.42em;position:relative}footer .info_block .address p{padding-right:35px}footer .info_block .address:before{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/address_pin.svg);background-size:contain;width:20px;height:20px;position:absolute;bottom:12px;right:0}footer .sns{gap:24px;display:flex}footer .sns li{width:30px;height:30px;position:relative}footer .sns li img{object-fit:contain;width:100%;height:100%}.footer_txt{flex-direction:column;flex-shrink:0;gap:32px;max-width:50%;display:flex}.footer_txt .description{text-align:right}@media screen and (width<=1024px){.footer_txt{width:100%;max-width:100%}.footer_txt .description{text-align:left}.footer_txt .color_btn.-right{text-align:center}}footer .sitemap{flex-wrap:wrap;justify-content:center;gap:18px 64px;display:flex}footer .sitemap li{white-space:nowrap;position:relative}footer .sitemap li:after{content:"";background:#1f285b;width:1px;height:100%;position:absolute;top:0;right:-32px}footer .sitemap li:last-child:after{display:none}footer .sitemap li a{color:#1f285b}.copyright{text-align:center;font-size:14px}.video_popup{z-index:999999;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.video_popup.view{display:block}.video_popup .cl_mask{opacity:.8;z-index:-1;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.video_popup .video{width:90%;max-width:640px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video_popup .video:before{content:"";padding-top:56.25%;display:block}.video_popup .video video{width:100%;height:100%;position:absolute;top:0;left:0}.circle_video{position:relative}@media screen and (width<=1024px){.circle_video{margin:auto}}.circle_video video{object-fit:cover;border-radius:100vh;width:400px;height:400px}@media screen and (width<=500px){.circle_video video{width:320px;height:320px}}.circle_video:after{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/play_btn.png);background-size:contain;width:65px;height:65px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.icon_list{gap:20px;display:flex}.icon_list .img{width:80px;height:auto;margin:auto 0}.icon_list .icon{width:30px;height:30px;margin:auto 0}.icon_list img{object-fit:contain;width:100%;height:100%}.talk_txt_block{flex-direction:column;gap:16px;margin:auto;display:flex}.talk_txt_block .output_txt{align-items:center;height:220px;font-size:24px;font-weight:700;display:flex}.talk_txt_block .talk_btn{text-align:center;background:#1aedff;border-radius:6px;width:100%;padding:28px;font-size:24px;font-weight:700}.talk_txt_block .talk_btn div{padding-left:44px;display:inline-block;position:relative}.talk_txt_block .talk_btn div:before{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/talk_btn_icon.svg);background-size:contain;width:34px;height:34px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.notice_txt{letter-spacing:.03em;font-size:14px;line-height:1.42em}.column_arr{flex-wrap:wrap;justify-content:space-between;display:flex}.column_arr li{flex-direction:column;gap:24px;width:calc(33.3333% - 16px);display:flex;position:relative}.column_arr li .txt{color:#1f285b;flex-direction:column;gap:8px;display:flex}@media screen and (width<=800px){.column_arr{gap:40px}.column_arr li{gap:12px;width:100%}}.column_arr li .thumbnail{border-radius:16px;width:100%;position:relative;overflow:hidden}.column_arr li .thumbnail:before{content:"";padding-top:56.25%;display:block}.column_arr li .thumbnail img{object-fit:cover;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.column_arr li:hover .thumbnail img{opacity:.8;transition:all .3s;transform:scale(1.1)}.column_arr li .title{letter-spacing:.08em;font-size:20px;font-weight:700;line-height:1.42em}.column_arr li:hover .title{text-decoration:underline}.column_arr li .desc{letter-spacing:.08em;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.42em;display:-webkit-box;overflow:hidden}.use_case_arr{flex-wrap:nowrap;gap:24px;transition:all .5s;display:flex;position:relative;left:0}.use_case_arr li{flex-direction:column;flex-shrink:0;gap:24px;width:calc(33.3333% - 16px);display:flex;position:relative}@media screen and (width<=800px){.use_case_arr li{width:calc(50% - 12px)}}.use_case_arr li .thumbnail{filter:drop-shadow(0 6px 10px #0003);border-radius:16px;width:100%;transition:all .3s;position:relative;overflow:hidden;transform:translateZ(0)}.use_case_arr li .thumbnail:before{content:"";padding-top:100%;display:block}.use_case_arr li:hover .thumbnail{transition:all .3s;transform:translateY(-6px)}.use_case_arr li .thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.use_case_arr li .label{text-align:center;font-size:20px;font-weight:700;transition:all .7s}@media screen and (width<=800px){.use_case_arr li .label{font-size:16px}}.use_case_arr li:hover .label{color:#f1449d;transition:all .7s}.nav_prev_arrow,.nav_next_arrow{cursor:pointer;z-index:999999;background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/nav_arrow_wh.svg);background-size:contain;width:40px;height:40px;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(180deg)}@media screen and (width<=800px){.nav_prev_arrow,.nav_next_arrow{width:28px;height:28px}}.nav_next_arrow{left:auto;right:0;transform:translateY(-50%)rotate(0)}.nav_prev_arrow:before,.nav_next_arrow:before{content:"";opacity:.4;background:#fff;border-radius:100vh;width:100%;height:100%;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.8)}.nav_prev_arrow:hover:before,.nav_next_arrow:hover:before{opacity:.8;transition:all .3s;transform:translate(-50%,-50%)scale(2)}.page_main .single_cover{& .cover_title{flex-direction:column;gap:12px;width:92%;max-width:1200px;margin:auto;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%);& .en_txt{color:#1aedff;padding-left:20px;font-size:16px;font-weight:900;line-height:1;position:relative}& .en_txt:before{content:"";background:#1aedff;width:12px;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}& .jp_txt{color:#fff;letter-spacing:.03em;font-size:32px;font-weight:700;line-height:1}}}.page_main .page_cover{background:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/bg_dark.webp) 0 0/cover;width:100%;padding:134px 0 60px;position:relative;& .cover_title{text-align:center;flex-direction:column;gap:12px;width:92%;max-width:1200px;margin:auto;display:flex;position:relative;@media screen and (width<=800px){& .desc{text-align:left}}& .en_txt{color:#1aedff;font-size:16px;font-weight:900;line-height:1;position:relative}& .jp_txt{color:#fff;letter-spacing:.03em;font-size:48px;font-weight:700;line-height:1}& .desc{color:#fff;letter-spacing:.03em;margin-top:24px;font-size:15px;line-height:1.4em}@media screen and (width<=800px){& .desc{text-align:left}}}}.content_area{@media screen and (width<=800px){& .pankuzu{margin:24px 0 32px}}@media screen and (width<=700px){& .page_title{font-size:26px;line-height:1.4em}}& .inner_mid{flex-direction:column;gap:32px;display:flex}& .pankuzu{gap:12px;margin:40px auto 40px 0;font-size:14px;display:flex}@media screen and (width<=800px){& .pankuzu{margin:24px 0 32px}}& .pankuzu a{color:#1f285b;font-weight:700}& .pankuzu a:hover{text-decoration:underline}& .page_title{color:#000;font-size:30px;font-weight:700;line-height:1.6em}@media screen and (width<=700px){& .page_title{font-size:26px;line-height:1.4em}}& .single_contents{flex-direction:column;gap:32px;padding-bottom:120px;display:flex;position:relative;@media screen and (width<=700px){& h2{font-size:24px}& h3{font-size:18px}}& a{overflow-wrap:break-word;word-wrap:break-word}& .tag_list{flex-flow:wrap;justify-content:center;gap:12px;margin:auto;list-style:none;display:flex;& li{color:#1f285b;white-space:nowrap;border:1px solid #1f285b;border-radius:100vh;padding:8px 24px;font-size:14px;transition:all .3s;display:inline-block}& li:hover{color:#fff;background:#1f285b;transition:all .3s}& li.active{color:#fff;background:#1f285b}}& h2{border-left:6px solid;border-image:linear-gradient(#2e48de,#f1449d) 1;padding-left:14px;font-size:26px;font-weight:700;line-height:1.4em}& h3{border-bottom:2px solid;border-image:linear-gradient(90deg,#2e48de,#f1449d) 1;padding-bottom:8px;font-size:20px;font-weight:700;line-height:1.4em}& h4{letter-spacing:.03em;padding-left:22px;font-size:18px;font-weight:700;line-height:1.4em;position:relative}& h4:before{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/h4_shape.svg);background-size:contain;width:16px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}& h5{letter-spacing:.03em;padding-left:30px;font-size:16px;font-weight:700;line-height:1.4em;position:relative}& h5:before{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/h5_shape.svg);background-size:contain;width:12px;height:2px;position:absolute;top:10px;left:12px}@media screen and (width<=700px){& h2{font-size:24px}& h3{font-size:18px}}& p{letter-spacing:.03em;margin-bottom:1.5em;font-size:1.2rem;line-height:1.8em}& .wide_cover{width:100vw;height:32vw;max-height:280px;margin:60px auto;position:relative;left:50%;transform:translate(-50%);& img{object-fit:cover;width:100%;height:100%}}& .news_list{flex-direction:column;gap:0;margin-left:0;display:flex;& li{border-bottom:1px solid #bababa;flex-direction:column;gap:12px;padding:24px 0;display:flex;position:relative;& .date{color:#1f285b;letter-spacing:.08em;font-size:15px}& .title{color:#1f285b;letter-spacing:.08em;font-size:20px;font-weight:700;line-height:1.6em}& .desc{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;margin-top:-8px;font-size:16px;line-height:1.4em;overflow:hidden}}}& .blog_list{flex-flow:wrap;gap:24px;margin-left:0;list-style:none;display:flex;@media screen and (width<=1200px){& li{width:calc(50% - 12px)}}@media screen and (width<=680px){& li{width:100%}}& li{flex-direction:column;gap:24px;width:calc(33.3333% - 16px);display:flex;position:relative;& .thumbnail{border-radius:12px;width:100%;height:auto;position:relative;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}}& .thumbnail:before{content:"";padding-top:56.25%;display:block}& .txt{flex-direction:column;gap:8px;display:flex;& .title{color:#1f285b;letter-spacing:.08em;font-size:20px;font-weight:700;line-height:1.2em}& .desc{-webkit-line-clamp:2;letter-spacing:.08em;color:#1f285b;-webkit-box-orient:vertical;line-height:1.6em;display:-webkit-box;overflow:hidden}}}@media screen and (width<=1200px){& li{width:calc(50% - 12px)}}@media screen and (width<=680px){& li{width:100%}}}& ul{flex-direction:column;gap:24px;margin-left:20px;list-style:outside;display:flex}& .other_tag{color:#1f285b;flex-direction:column;gap:40px;margin:120px auto;display:flex;& .title{text-align:center;font-size:24px;font-weight:700;position:relative;& .para{padding-left:36px;display:inline-block;position:relative}& .para:before{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/tag_icon.svg);background-size:contain;width:28px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%)}}}}}.share_btn{& .txt{letter-spacing:.02px;margin:auto 0;font-size:14px}& ul{align-items:center;gap:16px;display:flex}& li{background-position:50%;background-repeat:no-repeat;background-size:24px 24px;width:44px;height:44px;margin:auto 0;position:relative;& img{object-fit:contain;width:100%;height:100%}}& li.line{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/line_icon.png)}& li.x{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/x_icon.png)}& li.facebook{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/facebook_icon.png)}& li.link{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/link_icon.png)}}#mailpoet_form_1{background:#eee;margin:120px auto;padding:60px 85px;overflow:hidden;border:none!important;border-radius:6px!important;width:60%!important}@media screen and (width<=1100px){#mailpoet_form_1{padding:12px 0;width:94%!important}}#mailpoet_form_1 .mailpoet_paragraph.last{flex-direction:column;gap:12px;margin:24px auto 0;display:flex;width:100%!important}#mailpoet_form_1 .mailpoet_paragraph input::placeholder{color:#c6c6c6}#mailpoet_form_1 .mailpoet_form_column:not(:first-child){margin-left:0!important}.mailpoet_form_column_submit{letter-spacing:.03em;color:#fff;filter:drop-shadow(0 4px 8px #0003);background:linear-gradient(90deg,#2e48de 0%,#f1449d 100%);border-radius:100vh;padding:16px 40px;font-size:20px;font-weight:600;transition:all .3s;display:inline-block;position:relative;transform:translateZ(0)}.mailpoet_paragraph .mailpoet_submit{background-color:#0000!important;padding:0!important}.wp-block-separator{background:#cfcfcf;border:none;width:100%;height:1px;margin:80px auto}.wp-block-table td,.wp-block-table th{padding:1em;line-height:1.4em}.wp-block-group__inner-container{flex-direction:column;gap:32px;display:flex}.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1{gap:32px}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{flex-direction:column;gap:24px;display:flex}#other-css{@media screen and (width<=1024px){& .column_2{flex-direction:column}& .top_make_block .column_2:nth-child(odd){flex-direction:column-reverse}}@media screen and (width<=800px){& .head_p1 span{font-size:36px}& .title_block .title h2{font-size:32px}}@media screen and (width<=500px){& .title_block .title h2{font-size:28px}}@media screen and (width<=780px){& .fixed_chatbot{display:none}}@media screen and (width<=790px){& .lp_header{width:100%}}@media screen and (width<=640px){& .lp_header{padding:0 20px}}@media screen and (width<=1270px){& nav ul{column-gap:14px}}@media screen and (width<=1150px){& nav ul{column-gap:10px}}@media screen and (width<=1270px){& nav ul li{font-size:12px}}@media screen and (width<=1110px){& nav ul li{display:none}& nav ul li.signup_btn{display:block}}@media screen and (width<=870px){& footer .inner_wide{white-space:nowrap;flex-direction:column-reverse}& .footer_nav{justify-content:center;margin-bottom:20px}& .copyright{text-align:center}}@media screen and (width<=1250px){& .fv{padding:90px 40px}}@media screen and (width<=1050px){& .fv{padding:90px 40px 340px}}@media screen and (width<=790px){& .fv{padding:90px 40px}}@media screen and (width<=650px){& .fv{padding:90px 40px 340px}& .fv_badge{z-index:998;width:180px;height:180px;bottom:-160px}}@media screen and (width<=900px){& .fv_textblcok h2{font-size:28px;line-height:50px}}@media screen and (width<=1200px){& .concept_person{transform:translate(30%)}}@media screen and (width<=600px){& .concept_person{display:none}}@media screen and (width<=620px){& .concept_txt .title{font-size:26px;line-height:50px}}@media screen and (width<=1050px){& .make_list li{padding:40px 30px}}@media screen and (width<=1120px){& .point_list li{width:calc(50% - 12px)}}@media screen and (width<=450px){& .point_list li{width:100%}}@media screen and (width<=900px){& .flow_list{gap:24px}& .flow_list li .step{font-size:28px}& .flow_list li .label{font-size:24px}}@media screen and (width<=800px){& .flow_list li .step{font-size:20px}& .flow_list li .label{font-size:18px}}@media screen and (width<=520px){& .flow_list{flex-wrap:wrap}& .flow_list li{width:90%;margin:auto}}@media screen and (width<=800px){& .example_list .nav_prev_btn,& .example_list .nav_next_btn{width:28px;height:28px}& .example_list li .flex{flex-direction:column}& .example_list li .flex .achievement{width:100%}}@media screen and (width<=600px){& .usecase_list li{width:90%;margin:auto}}@media screen and (width<=900px){& .usecase_list li .label{font-size:18px}}@media screen and (width<=640px){& .faq_list li{padding:20px}}@media screen and (width<=500px){& .faq_list li .title{padding:24px 60px 0 0}& .faq_list li .title:before{transform:auto;top:10px}}@media screen and (width<=620px){& .white_block,& .blue_block,& .gray_block{padding:100px 24px}}@media screen and (width<=1120px){& .faq_flex{display:block}& .contact_form{margin:60px auto}}@media screen and (width<=640px){& .contact_form .form_block{padding:30px}}& .inner_wide{flex-direction:column;gap:60px;width:92%;max-width:1200px;margin:auto;display:flex;position:relative}& .inner_narrow{flex-direction:column;gap:60px;width:88%;max-width:900px;margin:auto;display:flex;position:relative}& .simple_block{padding:120px 0;position:relative}& .notice_txt{letter-spacing:.03em;font-size:14px;line-height:1.42em}& .head_h3{letter-spacing:.08em;font-size:30px;font-weight:700;line-height:2em}& .head_h3 span{letter-spacing:0;color:#fff;background:linear-gradient(135deg,#2e48de 20%,#f1449d 100%);border-radius:4px;margin-right:6px;padding:4px 8px}& .column_2{align-items:flex-start;gap:60px;display:flex;position:relative}@media screen and (width<=1024px){& .column_2{flex-direction:column}& .top_make_block .column_2:nth-child(odd){flex-direction:column-reverse}}& .play_btn{transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px!important;height:80px!important}& .js-play2{cursor:pointer}& .js-play2:hover .play_btn{opacity:.5;transition:all .3s;width:90px!important;height:90px!important}& .column_2_img img,& .column_2_img video{object-fit:cover;width:100%;height:100%}& .txt_block{flex-direction:column;flex-shrink:1;gap:24px;width:100%;margin:auto;display:flex}& .txt_block ul{flex-direction:column;gap:12px;list-style:outside;display:flex}& .txt_block li{margin-left:20px;font-size:24px;font-weight:700}& .talk_txt_block{flex-direction:column;gap:16px;margin:auto;display:flex}& .talk_txt_block .output_txt{align-items:center;height:220px;font-size:24px;font-weight:700;display:flex}& .talk_txt_block .talk_btn{text-align:center;background:#1aedff;border-radius:6px;width:100%;padding:28px;font-size:24px;font-weight:700}& .talk_txt_block .talk_btn div{padding-left:44px;display:inline-block;position:relative}& .talk_txt_block .talk_btn div:before{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../../demo/img/talk_btn_icon.svg);background-size:contain;width:34px;height:34px;position:absolute;top:50%;left:0;transform:translateY(-50%)}& .head_p1{letter-spacing:1.6px;font-size:30px;font-weight:700;line-height:60px;position:relative;top:50%;transform:translateY(-50%)}& .__top{top:0;transform:none}& .head_p1 span{color:#3d8fba;font-size:40px;position:relative}@media screen and (width<=800px){& .head_p1 span{font-size:36px}}& .head_p1 span:before{content:"";background:#3d8fba;width:100%;height:1px;position:absolute;bottom:-1px}& .title_block{flex-direction:column;gap:4px;display:flex}& .title_block .eng_label{font-weight:700}& .title_block .title{padding-left:44px;position:relative}& .title_block .title:before{content:"";background:#1f285b;width:24px;height:1px;position:absolute;top:30px;left:0}& .title_block.col_white .title:before{background:#fff}& .title_block .title h2{font-size:42px;font-weight:700;line-height:1.42em}@media screen and (width<=800px){& .title_block .title h2{font-size:32px}}@media screen and (width<=500px){& .title_block .title h2{font-size:28px}}& .title_block.center{gap:32px}& .title_block.center .eng_label{text-align:center}& .title_block.center .title{text-align:center;padding-left:0}& .title_block.center .title:before{top:-16px;left:50%;transform:translate(-50%)}& .title_block.-white{color:#fff;flex-direction:column;gap:34px;display:flex}& .title_block.-white .eng_label{text-align:center}& .title_block.-white .title{text-align:center;padding-left:0}& .title_block.-white .title:before{content:"";background:#1aedff;width:2px;height:24px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}& .title_block.-white .title.white_color:before{background:#fff}& .head_3{letter-spacing:.08em;font-size:30px;font-weight:500;line-height:1.4em}& .head_3 span{font-size:40px;position:relative}& .head_3 span:before{content:"";background:#3d8fba;width:100%;height:2px;position:absolute;bottom:3px;left:0}& .bg_white{background:#fff}& .bg_lightblue{background:#d8f0fc}& .bg_blue{background:#3d8fba}& .pattern_msk:before{content:"";object-fit:cover;background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../img/texture1.png);width:100%;height:100%;position:absolute;top:0;left:0}& .bg_dark{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/bg_dark.webp);background-size:cover}& .col_black{color:#202020}& .col_white{color:#fff}& .col_maincolor{color:#3d8fba}& .col_mute{color:#424242}& .bg_gray{background:#efeff3}& .col_blue{color:#1aedff}& .__center{text-align:center}& .__left{text-align:left}& .__right{text-align:right}& .fixed_chatbot>.container{max-width:100%;margin:0;padding:0;bottom:-50px}& .container{text-align:right;max-width:60%;margin-top:50px;margin-left:auto;margin-right:auto;position:fixed;bottom:-50px}& .container-fluid{margin-right:10px}& .fixed_chatbot{z-index:999999;width:auto;transition:all .5s;position:fixed;bottom:0;right:20px}@media screen and (width<=780px){& .fixed_chatbot{display:none}}& .fixed_chatbot.hidden{opacity:0;pointer-events:none;transition:all .5s}& .fixed_chatbot .avatar{position:relative}& .avatar_comment{border:1px solid #9b9b9b;border-radius:4px;width:300px;margin:0 20% 0 auto;padding:20px;bottom:20px}& .avatar_comment p{width:300px;margin-bottom:0}& .avatar_comment span{color:#1f285b;font-size:14px;font-weight:700;display:block}& .lp_header{z-index:999;background:#fff;justify-content:space-between;width:100%;height:80px;padding:0 40px;display:flex;position:fixed;top:0;left:0}& .lp_header .inner_wide{flex-direction:row;justify-content:space-between;display:flex}@media screen and (width<=790px){& .lp_header{width:100%}}@media screen and (width<=640px){& .lp_header{padding:0 20px}}& .lp_header .logo{width:200px;height:auto;margin:auto 0;position:relative}& .lp_header .logo img{object-fit:contain;width:100%;height:100%}& nav ul{column-gap:20px;display:flex;position:relative;top:50%;transform:translateY(-50%)}@media screen and (width<=1270px){& nav ul{column-gap:14px}}@media screen and (width<=1150px){& nav ul{column-gap:10px}}& nav ul li{white-space:nowrap;font-size:14px;font-weight:700;transition:all .3s;position:relative}@media screen and (width<=1270px){& nav ul li{font-size:12px}}& nav ul li:hover{color:#3d8fba;transition:all}& nav ul li p{position:relative;top:50%;transform:translateY(-50%)}& nav ul li.signup_btn{color:#fff;padding:10px 12px;position:relative}@media screen and (width<=1110px){& nav ul li{display:none}& nav ul li.signup_btn{display:block}}& nav ul li.signup_btn p{z-index:2;position:relative;top:-4px;transform:none}& nav ul li.signup_btn:before,& nav ul li.signup_btn:after{content:"";z-index:1;background:#3d8fba;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}& nav ul li.signup_btn:before{top:-4px}& nav ul li.signup_btn:after{z-index:0;background:#246c91}& nav ul li.signup_btn:hover{cursor:pointer}& nav ul li.signup_btn:hover p,& nav ul li.signup_btn:hover:before{transition:all .3s;top:0}& footer{color:#767676;background:#fff;border-top:1px solid #eaeaea;width:100%;padding:30px 0;font-size:12px}& footer .inner_wide{flex-direction:row;justify-content:space-between;gap:20px;display:flex}& .footer_nav{white-space:nowrap;column-gap:20px;display:flex}& .footer_nav li{position:relative}& .copyright{font-size:14px}@media screen and (width<=870px){& footer .inner_wide{white-space:nowrap;flex-direction:column-reverse}& .footer_nav{justify-content:center;margin-bottom:20px}& .copyright{text-align:center}}& main{width:100%;overflow-x:hidden}& .fv{width:100%;margin-top:80px;padding:90px;position:relative}@media screen and (width<=1250px){& .fv{padding:90px 40px}}@media screen and (width<=1050px){& .fv{padding:90px 40px 340px}}@media screen and (width<=790px){& .fv{padding:90px 40px}}@media screen and (width<=650px){& .fv{padding:90px 40px 340px}}& .fv_back{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}& .fv_back img{object-fit:cover;width:100%;height:100%}& .fv_back video{object-fit:cover;opacity:.4;width:100%;height:100%}& .fv_badge{width:200px;height:174px;position:absolute;bottom:-40px;right:-40px}@media screen and (width<=650px){& .fv_badge{z-index:998;width:180px;height:180px;bottom:-160px}}& .fv_badge img{object-fit:cover;width:100%;height:100%}& .fv_textblcok{z-index:99;position:relative}& .fv_textblcok h2{letter-spacing:1.6px;margin-bottom:14px;font-size:34px;font-weight:700;line-height:60px;position:relative}@media screen and (width<=900px){& .fv_textblcok h2{font-size:28px;line-height:50px}}& .fv_textblcok .fv_p1{color:#fff;background:#202020;margin-bottom:34px;padding:5px 16px;font-size:20px;display:inline-block;position:relative}& .fv_textblcok .fv_p2{letter-spacing:.08em;margin-bottom:14px;font-size:18px;line-height:1.6em}& .fv_textblcok .fv_p3{letter-spacing:.04em;font-size:14px;font-weight:300;line-height:20px}& .fv_btn{color:#fff;margin-bottom:10px;padding:16px 30px;font-size:20px;font-weight:700;display:inline-block;position:relative}& .fv_btn p{z-index:2;position:relative;top:-4px;transform:none}& .fv_btn:before,& .fv_btn:after{content:"";z-index:1;background:#3d8fba;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}& .fv_btn:before{top:-4px}& .fv_btn:after{z-index:0;background:#246c91}& .fv_btn:hover{cursor:pointer}& .fv_btn:hover p,& .fv_btn:hover:before{transition:all .3s;top:0}& .fv_user_img{border-radius:100vh;width:380px;height:380px;position:absolute;top:50%;right:0;overflow:hidden;transform:translateY(-50%)}& .fv_user_img img{object-fit:cover;width:100%;height:100%}& .cv_btn{color:#fff;margin-bottom:10px;font-size:20px;font-weight:700}& .cv_btn .inner{padding:16px 30px;display:inline-block;position:relative}& .cv_btn .inner p{z-index:2;position:relative;top:-4px;transform:none}& .cv_btn .inner:before,& .cv_btn .inner:after{content:"";z-index:1;background:#3d8fba;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}& .cv_btn .inner:before{top:-4px}& .cv_btn .inner:after{z-index:0;background:#246c91}& .cv_btn .inner:hover{cursor:pointer}& .cv_btn .inner:hover p,& .cv_btn .inner:hover:before{transition:all .3s;top:0}& .round_corners{border-radius:16px;padding:40px}& .topics_list li{border-bottom:1px solid #b2d9ed;gap:24px;padding:24px 0;display:flex;position:relative}& .topics_list li .date{margin:auto 0;font-size:14px}& .topics_list li .title{margin:auto 0;font-weight:700;line-height:1.4em;transition:all .3s}& .topics_list li:hover .title{color:#246c91;text-decoration:underline;transition:all .3s}& .cv_sub_p{text-align:center;letter-spacing:.08em;margin:auto;font-size:20px;font-weight:700}& .cv_logo{text-align:center;width:100%;max-width:240px;margin:12px auto 30px;position:relative}& .cv_logo img{object-fit:cover;width:100%;height:auto}& .fv_textblcok .fv_btn{color:#fff;margin-bottom:10px;padding:16px 30px;font-size:20px;font-weight:700;display:inline-block;position:relative}& .fv_textblcok .fv_btn p{z-index:2;position:relative;top:-4px;transform:none}& .fv_textblcok .fv_btn:before,& .fv_textblcok .fv_btn:after{content:"";z-index:1;background:#3d8fba;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}& .fv_textblcok .fv_btn:before{top:-4px}& .fv_textblcok .fv_btn:after{z-index:0;background:#246c91}& .fv_textblcok .fv_btn:hover{cursor:pointer}& .fv_textblcok .fv_btn:hover p,& .fv_textblcok .fv_btn:hover:before{transition:all .3s;top:0}& .concept_person{width:680px;height:auto;position:absolute;bottom:-121px;right:0}@media screen and (width<=1200px){& .concept_person{transform:translate(30%)}}@media screen and (width<=600px){& .concept_person{display:none}}& .concept_person img{width:100%}& .concept_txt{color:#fff;letter-spacing:.16em;z-index:1;width:100%;max-width:420px;margin-bottom:24px;font-weight:300;line-height:1.4em;position:relative}& .concept_txt .title{letter-spacing:1.2px;margin-bottom:24px;font-size:30px;font-weight:700;line-height:60px}@media screen and (width<=620px){& .concept_txt .title{font-size:26px;line-height:50px}}& .concept_txt .title span{white-space:nowrap;color:#3d8fba;background:#fff;border-radius:4px;margin-right:8px;padding:6px 16px}& .logo_tool{gap:20px;height:30px;margin-top:40px;display:flex;position:relative}& .logo_tool img{width:auto;height:100%}& .make_list{flex-direction:column;gap:40px;display:flex}& .make_list li{background:#fff;border-radius:30px;width:100%;max-width:740px;margin:auto;padding:50px 40px}@media screen and (width<=1050px){& .make_list li{padding:40px 30px}}& .make_list li .title{gap:20px;display:flex;position:relative}& .make_list li .title:before{content:"";opacity:0;background:#f4f4f4;border-radius:100vh;width:50px;height:50px;transition:all .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}& .make_list li .title:after{content:"";cursor:pointer;background:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../img/howto_arrow.svg);width:50px;height:50px;transition:all .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(180deg)}& .make_list li .title.close:after{transition:all .3s;transform:translateY(-50%)rotate(0)}& .make_list li .title:hover:before{opacity:1;transition:all .3s}& .make_list li .title .step{color:#3d8fba;font-size:20px;font-weight:700}& .make_list li .title .label{font-size:20px;font-weight:700}& .make_list li .title .label span{color:#fff;background:red;margin-left:10px;padding:4px 8px;font-size:13px;line-height:13px}& .make_list li .thumbnail{width:100%;height:auto;margin:40px auto 20px;position:relative}& .make_list li .thumbnail:before{content:"";padding-top:56.25%;display:block}& .make_list li .thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}& .make_list li .description{letter-spacing:.12em;padding:0 10px;line-height:28px}& .make_list li .description a{color:#3d8fba}& .point_list{flex-wrap:wrap;justify-content:space-between;gap:60px 24px;display:flex}& .point_list li{flex-direction:column;flex-shrink:0;gap:12px;width:calc(33.3333% - 16px);display:flex;position:relative}@media screen and (width<=1120px){& .point_list li{width:calc(50% - 12px)}}@media screen and (width<=450px){& .point_list li{width:100%}}& .point_list li .icon{margin:0}& .point_list li .icon .inner{background:#fff;border-radius:6px;padding:10px;display:inline-block;overflow:hidden}& .point_list li .icon img{object-fit:contain;width:40px;height:40px}& .point_list li .title{margin:0;font-size:24px;font-weight:700;line-height:1.4em}& .flow_list{flex-wrap:nowrap;justify-content:space-between;gap:40px;display:flex}& .flow_list li{background:#fff;flex-direction:column;gap:12px;width:100%;padding:40px;display:flex}& .flow_list li .step{text-align:center;font-size:32px;font-weight:700}& .flow_list li .label{text-align:center;font-size:28px;font-weight:700;line-height:1.4em}@media screen and (width<=900px){& .flow_list{gap:24px}& .flow_list li .step{font-size:28px}& .flow_list li .label{font-size:24px}}@media screen and (width<=800px){& .flow_list li .step{font-size:20px}& .flow_list li .label{font-size:18px}}@media screen and (width<=520px){& .flow_list{flex-wrap:wrap}& .flow_list li{width:90%;margin:auto}}& .example_list{position:relative}& .example_list .nav_prev_btn{z-index:998;cursor:pointer;background-size:contain;width:40px;height:40px;position:absolute;top:21vw;left:0}& .example_list .nav_next_btn{z-index:998;cursor:pointer;background-size:contain;width:40px;height:40px;position:absolute;top:21vw;right:0}@media screen and (width<=800px){& .example_list .nav_prev_btn,& .example_list .nav_next_btn{width:28px;height:28px}}& .example_list .nav_prev_btn:after,& .example_list .nav_next_btn:after{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../img/nav_arrow_wh.svg);background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}& .example_list .nav_prev_btn:after{transform:rotate(180deg)}& .example_list .nav_prev_btn:before,& .example_list .nav_next_btn:before{content:"";opacity:.2;background:#000;border-radius:100vh;width:100%;height:100%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.8)}& .example_list .nav_prev_btn:hover:before,& .example_list .nav_next_btn:hover:before{opacity:.4;transition:all .5s;transform:translate(-50%,-50%)scale(2)}& .example_list li{flex-direction:column;gap:40px;display:none}& .example_list li.view{display:flex}& .example_list li .thumbnail{border-radius:30px;width:100%;height:auto;position:relative;overflow:hidden}& .example_list li .thumbnail:before{content:"";background:#979797;padding-top:56.25%;display:block}& .example_list li .thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}& .example_list li .flex{justify-content:space-between;gap:40px;display:flex}& .example_list li .flex .achievement{flex-direction:column;flex-shrink:0;gap:16px;width:40%;display:flex}@media screen and (width<=800px){& .example_list li .flex{flex-direction:column}& .example_list li .flex .achievement{width:100%}}& .example_list li .flex .achievement li{letter-spacing:.03em;flex-direction:row;gap:16px;font-size:18px;display:flex}& .example_list li .flex .achievement li .label{font-size:20px;font-weight:700}& .example_list li .flex .value{flex-direction:column;gap:12px;display:flex}& .example_list li .flex .value .title{letter-spacing:.08em;font-size:28px;font-weight:700;line-height:1.4em}& .example_list li .flex .value .cat{letter-spacing:.08em;color:#fff;font-weight:700;line-height:1.4em}& .example_list li .flex .value .cat div{background:#3d8fba;padding:4px 12px;display:inline-block}& .example_list li .flex .value .more_btn{text-align:right;position:relative}& .example_list li .flex .value .more_btn .inner{letter-spacing:.12em;padding-right:24px;font-size:15px;display:inline-block;position:relative}& .example_list li .flex .value .more_btn .inner:after{content:"＞";color:#3d8fba;position:absolute;top:50%;right:0;transform:translateY(-50%)}& .df_bg_msk{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/img/deepfake_bg.webp);background-size:cover;width:100%;height:50%;position:absolute;top:0;left:0}& .df_title{letter-spacing:.08em;font-size:42px;font-weight:700;position:relative}& .df_title div{padding:20px 30px;display:inline-block;position:relative}& .df_title div:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}& .df_title div p{position:relative}& .df_title_2{letter-spacing:.08em;border-bottom:1px solid #d9d9d9;margin-bottom:30px;padding:20px 0 20px 42px;font-size:30px;font-weight:700;position:relative}& .df_title_2:before{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../img/df_icon.svg);background-size:contain;width:30px;height:30px;position:absolute;top:50%;left:0;transform:translateY(-50%)}& .video_popup{z-index:999999;width:100%;height:100%;display:none;position:fixed;top:0;left:0}& .video_popup.view{display:block}& .video_popup .cl_mask{opacity:.8;z-index:-1;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}& .video_popup .video{width:90%;max-width:640px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .video_popup .video:before{content:"";padding-top:56.25%;display:block}& .video_popup .video video{width:100%;height:100%;position:absolute;top:0;left:0}& .usecase_list{flex-wrap:wrap;justify-content:space-between;gap:24px;width:90%;margin:auto;display:flex}& .usecase_list li{flex-direction:column;gap:24px;width:calc(33.3333% - 16px);display:flex;position:relative}@media screen and (width<=600px){& .usecase_list li{width:90%;margin:auto}}& .usecase_list li .image{border-radius:24px;width:100%;height:auto;position:relative;overflow:hidden}& .usecase_list li .image:before{content:"";padding-top:100%;display:block}& .usecase_list li .image img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}& .usecase_list li .label{letter-spacing:.03em;color:#fff;text-align:center;font-size:20px;line-height:1.4em}& .usecase_sub_list{flex-wrap:wrap;justify-content:center;gap:24px 12px;display:flex}& .usecase_sub_list li{flex-direction:column;gap:2px;width:280px;display:flex}& .usecase_sub_list li .description{font-size:14px;line-height:1.4em}& .usecase_sub_list li .label{white-space:nowrap;background:#fff;border-radius:12px;padding:16px 24px;font-size:20px}& .usecase_sub_list li .label .inner{justify-content:center;gap:6px;margin:auto;display:flex}& .usecase_sub_list li .label .inner p{margin:auto 0;font-weight:500}& .usecase_sub_list li .label .icon{width:24px;height:24px}& .usecase_sub_list li .label .icon img{object-fit:contain;width:100%;height:100%}@media screen and (width<=900px){& .usecase_list li .label{font-size:18px}}& .faq_list{width:100%;max-width:800px;margin:auto}& .faq_list li{color:#202020;cursor:pointer;background:#f4f4f4;border-radius:20px;margin-bottom:14px;padding:40px 40px 40px 44px;transition:all .3s;position:relative}@media screen and (width<=640px){& .faq_list li{padding:20px}}& .faq_list li.open{background:#fff;transition:all .3s}& .faq_list li .title{letter-spacing:1.6px;padding:0 60px 0 42px;font-size:20px;font-weight:700;line-height:30px;transition:all .3s;position:relative}@media screen and (width<=500px){& .faq_list li .title{padding:24px 60px 0 0}}& .faq_list li.open .title{color:#202020;transition:all .3s}& .faq_list li .title:before{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../img/question_shape.svg);width:24px;height:24px;transition:all .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media screen and (width<=500px){& .faq_list li .title:before{transform:auto;top:10px}}& .faq_list li.open .title:before{background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../img/q_icon_cl.svg);transition:all .3s}& .faq_list li .title:after{content:"";background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../img/up_arrow_bk.svg);background-size:contain;width:16px;height:16px;transition:all .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(180deg)}& .faq_list li.open .title:after{transition:all .3s;transform:translateY(-50%)rotate(0)}& .faq_list li .description{letter-spacing:1.6px;padding-top:40px;line-height:34px;display:none}& .qa_text{letter-spacing:.12em;width:90%;max-width:800px;margin:40px auto auto;line-height:28px}& .white_block{background:#fff;padding:120px 60px;position:relative}@media screen and (width<=620px){& .white_block{padding:100px 24px}}& .blue_block{background:#3d8fba;padding:120px 60px;position:relative}@media screen and (width<=620px){& .blue_block{padding:100px 24px}}& .blue_block:before{content:"";object-fit:cover;background-image:url(https://crystal-method.com/wp2020/wp/wp-content/themes/CrystalMethod/../img/texture1.png);width:100%;height:100%;position:absolute;top:0;left:0}& .gray_block{background:#f5f5f5;padding:120px 60px;position:relative}@media screen and (width<=620px){& .gray_block{padding:100px 24px}}& .faq_flex{justify-content:space-between;gap:60px;display:flex}& .faq_flex .inner{flex-direction:column;gap:24px;display:flex}@media screen and (width<=1120px){& .faq_flex{display:block}}& .contact_form{filter:drop-shadow(0 3px 10px #0000001a);width:100%;max-width:520px;transform:translateZ(0)}@media screen and (width<=1120px){& .contact_form{margin:60px auto}}& .contact_form .tab{justify-content:center;column-gap:8px;margin-top:20px;display:flex}& .contact_form .tab .btn{text-align:center;color:#969696;cursor:pointer;background:#f7f7f7;border-radius:8px 8px 0 0;width:140px;padding:12px 0;font-size:16px;font-weight:700}& .contact_form .tab .btn.focus{color:#fff;background:#3d8fba}& .contact_form .form_block{background:#fff;border-top:2px solid #3d8fba;width:100%;padding:60px;display:none;position:relative}@media screen and (width<=640px){& .contact_form .form_block{padding:30px}}& .contact_form .form_block:after{content:"";z-index:-1;border:1px solid #cecece;width:100%;height:100%;position:absolute;top:0;left:0}& .contact_form .form_block.focus{animation:1s forwards form-in;display:block}& .contact_form .label{margin-bottom:8px;font-size:14px;font-weight:700}& .contact_form .input_frame{border:1px solid #cecece;border-radius:2px;margin-bottom:14px}& .input_frame.err{border:1px solid #e50c10}& .input_frame.err input,& .input_frame.err .textarea{background:#fbd3d4}& .contact_form .input_frame input{border-radius:2px;width:100%;padding:15px 20px;font-size:14px}& .contact_form .input_frame input::placeholder{color:#b4b4b4}& .contact_form .input_frame textarea{border-radius:2px;width:100%;height:160px;padding:15px 20px;font-size:14px;line-height:20px}& .contact_form .input_frame textarea::placeholder{color:#b4b4b4}& .input_check{gap:10px;margin-bottom:20px;font-size:14px;line-height:14px;display:flex}& .input_check input{margin:auto 0 auto auto}& .input_check label{margin:auto auto auto 0}& .input_check a{color:#3d8fba;text-decoration:underline}& .contact_form .form_submit{text-align:center;color:#fff;padding:16px 0;font-size:16px;font-weight:700;position:relative}& .contact_form .form_submit p{z-index:2;position:relative;top:-4px}& .contact_form .form_submit:before,& .contact_form .form_submit:after{content:"";z-index:1;background:#3d8fba;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}& .contact_form .form_submit:before{top:-4px}& .contact_form .form_submit:after{z-index:0;background:#246c91}& .contact_form .form_submit:hover{cursor:pointer}& .contact_form .form_submit:hover p,& .contact_form .form_submit:hover:before{transition:all .3s;top:0}& .form_notice{margin-top:20px;font-size:12px;line-height:18px}& #anker_voice{margin-top:-160px;padding-top:160px}& #anker_cost{margin-top:-80px;padding-top:80px}}@media screen and (width<=800px){.pc{display:none}.sp{display:block}}.py-16.bg-gray-100{z-index:1!important;margin:0!important;padding:4rem 0!important;position:relative!important}nav,.pankuzu{z-index:50;position:relative}.page_cover{z-index:2;margin-bottom:0;position:relative}.clearfix:after{content:"";clear:both;display:table}.news_list li .news_inner{align-items:center;gap:20px;display:flex}.single_contents table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95em}.single_contents table th,.single_contents table td{text-align:left;vertical-align:top;border:1px solid #e5e7eb;padding:.75em 1em;line-height:1.6}.single_contents table th{background:#f9fafb;font-weight:600}.single_contents table tr:nth-child(2n) td{background:#fafafa}.single_contents p[style*="color:#777"],.single_contents p[style*="color: #777"]{color:#666!important}#ez-toc-container a.ez-toc-link{box-sizing:border-box;min-height:24px;padding:4px 8px;line-height:1.4;display:inline-block}.content_area .single_contents .tag_list li.has_link{padding:0}.content_area .single_contents .tag_list li.has_link a{color:inherit;border-radius:100vh;padding:8px 24px;text-decoration:none;display:block}