@charset "UTF-8";#index #mainvisual{padding:clamp(50px,10vw,100px) 0 0;margin:0 0 clamp(50px,10vw,100px) 0}#index section h2.section_tit{display:block;max-width:1000px;color:#23bbff;font-size:clamp(16px,2vw,20px);font-weight:700;font-family:'Open Sans';padding:0 0 clamp(50px,10vw,100px);margin:0 auto}#index section h3.section_tit{display:block;max-width:1000px;color:#23bbff;opacity:.6;font-size:clamp(14px,1.8vw,18px);font-weight:700;font-family:'Open Sans';padding:0 0 clamp(15px,2vw,20px);margin:0 auto}#index section .inner{max-width:1000px;min-height:200px;margin:0 auto}#index section .inner h3.section_tit{color:#23bbff;font-size:clamp(16px,2vw,20px);font-weight:700;font-family:'Open Sans';line-height:clamp(16px,2vw,20px)}#section_A{background:#f5f5f5}#section_A .inner{padding:25px;background:#fff}#section_A .inner p,#section_A .inner .bg_black p{font-size:clamp(16px,2vw,20px);font-weight:700;font-family:'Open Sans'}#section_B{background:#000}#section_B .inner{padding:25px;background:0 0;border:solid 1px #555}#section_B .inner h3,#section_B .inner p{font-size:clamp(16px,2vw,20px);font-weight:700;font-family:'Open Sans'}#section_C{background:#f5f5f5}#section_C #section_C_sec_1{max-width:1000px;margin:0 auto clamp(35px,7vw,70px);display:grid;grid-template-columns:clamp(200px,32vw,480px) 1fr}#section_C #section_C_sec_1 .right_box{padding:0 5% 1%;background:#fff;align-content:center;display:grid}#section_C #section_C_sec_1 .right_box h2{color:#000;font-size:clamp(18px,2.4vw,28px);font-weight:500;margin:0 0 10px}#section_C #section_C_sec_1 .right_box p{font-size:clamp(10px,1.4vw,16px);font-weight:400}#section_C #section_C_sec_2{max-width:1000px;margin:0 auto clamp(35px,7vw,70px);display:grid;grid-template-columns:clamp(200px,32vw,360px) 1fr}#section_C #section_C_sec_2 .right_box{padding:0 5% 1%;background:#fff;align-content:center;display:grid}#section_C #section_C_sec_2 .right_box h2{color:#000;margin:0 0 10px;font-size:clamp(18px,2.4vw,28px);font-weight:500}#section_C #section_C_sec_2 .right_box p{font-size:clamp(10px,1.4vw,16px);font-weight:400}#section_D #section_D_sec_1{margin:0 auto clamp(35px,7vw,70px)}#section_D #section_D_sec_1 ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(20px,4vw,40px);padding:0 0 clamp(35px,7vw,70px)}#section_D #section_D_sec_1 ul li{padding:0 20px}#section_D #section_D_sec_1 ul li.grid_box{display:grid;grid-template-columns:clamp(120px,14vw,180px) 1fr;border-top:1px solid #707070;padding:20px 0}#section_D #section_D_sec_1 ul li.grid_box:nth-child(n+3){border-bottom:1px solid #707070}#section_D #section_D_sec_1 ul li.grid_box .right_box{padding:0 0 0 clamp(20px,3vw,35px)}#section_D #section_D_sec_1 ul li.grid_box .right_box h3{font-size:clamp(16px,2vw,20px);font-weight:500}#section_D #section_D_sec_1 ul li.grid_box .right_box p{font-size:clamp(12px,1.6vw,16px);font-weight:400}#section_D #section_D_sec_2{max-width:1000px;margin:0 auto clamp(35px,7vw,70px)}#section_D #section_D_sec_2 ul{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(30px,5vw,80px);padding:0 0 clamp(35px,7vw,70px)}#section_D #section_D_sec_2 ul li .img_box{margin:0 0 clamp(10px,1.5vw,30px) 0}#section_D #section_D_sec_2 ul li .txt_box h2{margin:0 0 clamp(5px,1.1vw,20px) 0;font-size:clamp(18px,3.2vw,32px);font-weight:500}#section_D #section_D_sec_2 ul li .txt_box p{font-size:clamp(12px,1.6vw,16px);font-weight:400}#section_D #section_D_sec_3{max-width:1000px;margin:0 auto clamp(35px,7vw,70px)}#section_D #section_D_sec_3 ul{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(25px,5vw,50px);padding:0 0 clamp(35px,7vw,70px)}#section_D #section_D_sec_3 ul li .img_box{margin:0 0 clamp(10px,1.1vw,20px) 0}#section_D #section_D_sec_3 ul li .txt_box h2{margin:0 0 clamp(1px,.6vw,10px) 0;font-size:clamp(18px,2vw,20px);font-weight:500}#section_D #section_D_sec_3 ul li .txt_box p{font-size:clamp(12px,1.6vw,16px);font-weight:400}#section_D #section_D_sec_4{max-width:1000px;padding:0 0 clamp(30px,3.5vw,50px);margin:0 auto clamp(35px,7vw,70px)}#section_D #section_D_sec_4 .img_box{margin:0 0 clamp(15px,3vw,30px) 0}#section_D #section_D_sec_4 .txt_box{margin:0 0 55px}#section_D #section_D_sec_4 .txt_box h2{font-size:clamp(25px,3.2vw,40px);margin:0 0 clamp(5px,1.1vw,20px) 0;font-weight:500}#section_D #section_D_sec_4 .txt_box p{font-size:clamp(12px,1.6vw,16px);font-weight:400}#section_D #section_D_sec_4 .btn a{font-size:clamp(11px,1.3vw,16px)}#section_E #section_E_sec_1{background:#f5f5f5;max-width:1000px;padding:clamp(35px,7vw,70px) 0;margin:0 auto clamp(30px,10vw,100px)}#section_E #section_E_sec_1 .ttl h2{font-size:clamp(20px,2.4vw,24px);font-weight:700;text-align:center;margin:0 0 clamp(30px,4vw,50px) 0}#section_E #section_E_sec_2{background:#f5f5f5;max-width:1000px;padding:clamp(35px,7vw,70px) 0;margin:clamp(50px,10vw,100px) auto}#section_E #section_E_sec_2 .ttl h2{font-size:clamp(20px,2.4vw,24px);font-weight:700;text-align:center;margin:0 0 clamp(30px,4vw,50px) 0}#section_E #section_E_sec_3{max-width:1000px;padding:clamp(35px,7vw,70px) 25px;margin:clamp(50px,10vw,100px) auto}#section_E #section_E_sec_3 h2{text-align:center;font-size:clamp(20px,2.4vw,24px)}#section_E #section_E_sec_3 ul.nav{list-style:none;margin:0;padding:clamp(50px,10vw,100px) 0 0;display:flex;justify-content:space-between}#section_E #section_E_sec_3 ul.nav li{width:calc(100%/3);height:clamp(50px,6vw,70px);font-weight:500;margin:0;padding:10px 0;border-left:1px solid #a5a5a5;position:relative;font-size:clamp(14px,1.8vw,18px)}#section_E #section_E_sec_3 ul.nav li a{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;justify-content:space-around;padding:0 10px;font-size:18px}#section_E #section_E_sec_3 ul.nav li a.arrow_down:before{content:"";margin:auto;position:absolute;top:clamp(30px,3vw,42px);width:5px;height:5px;border-top:1px solid #2a2c2c;border-right:1px solid #2a2c2c;transform:rotate(135deg)}#section_E #section_E_sec_3 ul.nav li:last-child a{border-right:1px solid #a5a5a5}#index section,.slide_copy{padding:clamp(50px,10vw,100px) 25px clamp(30px,5vw,50px);transition:all .4s}section#footer_copy{width:100%}section .copy_box{display:block;max-width:1000px;margin:clamp(35px,7vw,70px) auto 0;padding:30px}section .copy_box.copy_box_white{background:#fff}section .copy_box.copy_box_gray{background:#f5f5f5}section .copy_box .flex_box{display:flex;align-items:center}section .copy_box p{padding:0 0 1em}section .copy_box p.copy_tit{font-size:clamp(16px,2vw,20px);font-weight:700;font-family:'Open Sans'}section .copy_box ::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}section .copy_box ::-webkit-scrollbar-track{background:0 0;border-radius:5px;margin:2rem 0}section .copy_box ::-webkit-scrollbar-thumb{background:gray;border-radius:5px}section .copy_box ::-webkit-scrollbar-button{background-color:transparent;border-radius:5px}section .copy_box .copy_wrap_box{padding:0 0 15px}section .copy_box .copy_wrap_box p .btn_download{display:inline-block;background:#ebf1c4;padding:5px 10px;border:solid 1px #ddd;border-radius:5px}section .copy_box .copy_wrap_box pre{display:grid;column-gap:20px;margin:0;width:100%;align-items:center}section .copy_box .copy_wrap_box pre .code_bg{width:clamp(430px,56vw,800px);grid-column:1;grid-row:1;background:#000;border-radius:5px;padding:20px}section .copy_box .copy_wrap_box pre .code_bg code.textbox.language-html,section .copy_box .copy_wrap_box pre .code_bg code.textbox.language-css,section .copy_box .copy_wrap_box pre .code_bg code.textbox.language-js{display:block;max-height:200px;overflow:scroll;border:none}section .copy_box .copy_wrap_box pre .code_bg .textbox{font-size:clamp(12px,1.6vw,16px)}section .copy_box .copy_wrap_box pre .code_bg code.textbox.language-html::-webkit-scrollbar,section .copy_box .copy_wrap_box pre .code_bg code.textbox.language-css::-webkit-scrollbar,section .copy_box .copy_wrap_box pre .code_bg code.textbox.language-js::-webkit-scrollbar{width:100%;background-color:#000}section .copy_box .copy_wrap_box pre button.copy-button{grid-column:2;grid-row:1;padding:7px 15px;border-radius:3px;width:clamp(90px,5vw,120px);height:70px;border:1px solid #b3b3b3;background:#fff;font-size:clamp(16px,2vw,20px);font-weight:700;font-family:'Open Sans'}section .copy_box .copy_wrap_box pre .copy_box_white button.copy-button{background:#f5f5f5}section .copy_box .copy_wrap_box :not(pre)>code[class*=language-]{white-space:pre !important}@media screen and (max-width:1500px){#index section,.slide_copy{padding:clamp(50px,10vw,100px) 25px clamp(25px,5vw,50px) clamp(240px,26vw,260px)}}@media screen and (max-width:1200px){#section_E_sec_1,#section_E_sec_2{padding:clamp(35px,7vw,70px) 15px}}@media screen and (max-width:840px){section,#index section,.slide_copy{padding:clamp(50px,10vw,100px) 25px clamp(25px,5vw,50px)}#section_E{padding:clamp(50px,10vw,100px) 0 clamp(25px,5vw,50px) !important}}@media screen and (max-width:640px){#section_C #section_C_sec_1,#section_C #section_C_sec_2{grid-template-columns:1fr}#section_C #section_C_sec_1 .right_box,#section_C #section_C_sec_2 .right_box{padding:5%}#section_C #section_C_sec_1 .right_box h2,#section_C #section_C_sec_2 .right_box h2{margin:0 0 5px}#section_D #section_D_sec_1 ul li{padding:0 25px}#section_D #section_D_sec_1 ul li.grid_box{grid-auto-flow:column;grid-template-columns:1fr;grid-template-rows:repeat(2,auto)}#section_D #section_D_sec_1 ul li.grid_box .right_box{padding:clamp(20px,3vw,35px) 0 0 0}#section_D #section_D_sec_3 ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){#section_D #section_D_sec_1 ul{grid-template-columns:1fr}#section_D #section_D_sec_1 ul .grid_box:last-child{border-top:none}#section_D #section_D #section_D_sec_2 ul{grid-template-columns:1fr}#section_E #section_E_sec_3{margin:clamp(50px,10vw,100px) auto 0}#section_E #section_E_sec_3 ul.nav{flex-direction:column}#section_E #section_E_sec_3 ul.nav li{width:100%;border-top:1px solid #a5a5a5;border-left:none}#section_E #section_E_sec_3 ul.nav li a{justify-content:flex-start;align-items:center;padding:0 0 0 12px}#section_E #section_E_sec_3 ul.nav li a.arrow_down:before{top:calc(50% - 3.5px);right:18px}#section_E #section_E_sec_3 ul.nav li:nth-of-type(3) a{border-bottom:1px solid #a5a5a5;border-right:none}#SITEMAP ul{column-count:1}}