﻿*{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-y:scroll;font-size:100%}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,td,th,address,blockquote,form,fieldset,legend,div,hr,pre{margin:0;padding:0;font-style:normal;text-align:left;font-size:100%;line-height:1.2}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}body{background:#FFF;font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;text-align:center;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;overflow-wrap:break-word}table{border-collapse:collapse;border-spacing:0}th,td{vertical-align:top}svg,img{border:0;vertical-align:top;outline:none;max-width:100%;height:auto}svg{overflow-x:visible;overflow-y:visible}img,input,select,textarea{margin-top:0;margin-bottom:0;vertical-align:middle;font-size:1rem}select,input[type="button"],input[type="submit"]{appearance:none}select,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"]{padding:5px;border:1px solid #ccc}button{background-color:transparent;border:0;cursor:pointer;outline:none;padding:0;appearance:none}::-webkit-input-placeholder{color:#ccc}::-moz-placeholder{color:#ccc}:-moz-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}abbr{border:0}hr{margin:2em 0;display:block;border:0;border-bottom:1px solid #ddd;clear:both}img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;vertical-align:top;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}iframe{display:block;vertical-align:top}i,em{font-style:normal}a{color:#000;background:transparent;transition:0.25s}a:hover,a:focus{color:#666}a:focus img,a:hover img{opacity:0.9;transform:scale(1.01)}ul li{list-style:none}::selection{background-color:#ff6700;color:#fff}::-moz-selection{background-color:#ff6700;color:#fff}input::selection,textarea::selection{background-color:#b6d6fd;color:#000}input::-moz-selection,textarea::-moz-selection{background-color:#b6d6fd;color:#000}div,ul,section,article{width:auto}.tel_dis{cursor:default}.sp_i{display:none}.sp_b{display:none}.pc_i{display:inline}.pc_b{display:block}.sp_ib{display:none}.pc_ib{display:inline-block;*display:inline;zoom:1}.txt_c{text-align:center}.txt_r{text-align:right}#page{width:100%;margin:0 auto;text-align:left}.inner{width:100%;padding:0 10px;text-align:left;margin:0 auto;position:relative;max-width:1240px}#page_header{width:100%;position:fixed;top:0;left:0;text-align:center;background:rgba(0,0,0,0.2);transition:0.5s background;color:#fff;padding:16px 0;z-index:100}.scr_on #page_header{background:#000}#page_header a{color:#fff;text-decoration:none;position:relative;display:block}#page_header ul a:hover::before,#page_header ul a:focus::before{content:"";display:block;border-bottom:#fff solid 2px;position:absolute;bottom:-10px;left:0;width:100%}#page_header .inner{display:flex;align-items:center;justify-content:space-between}#page_header h1{width:150px}#page_header h1 img{width:100%}#page_header ul{font-size:14px;font-weight:bold}#page_header li{display:inline-block;line-height:1;border-right:1px solid #fff;padding-right:0.5em;padding-left:0.5em}#page_header li:last-child{border:0;padding-right:0}.btn_h_contact{text-decoration:none;font-weight:bold;color:#fff;background:#ff6700;padding:12px 25px;line-height:1;border-radius:30px}.btn_h_contact:hover,.btn_h_contact:focus{color:#ff6700 !important;background:#fff}@media screen and (max-width: 1200px) and (min-width: 980px){#page_header h1{width:100px}#page_header ul{font-size:12px}.btn_h_contact{padding:10px 10px;line-height:1;border-radius:30px;font-size:12px}}@media screen and (max-width: 979px){#page_header ul{display:none}#page_header h1{width:100px}.btn_h_contact{padding:10px 10px;line-height:1;border-radius:30px;font-size:12px}}@media screen and (max-width: 768px){.menu_on{overflow:hidden}.btn_h_contact{display:none !important}#page_header ul{font-size:14px;font-weight:bold;display:block;transform:translateX(100%);transition:0.25s transform;position:fixed;padding-top:80px;bottom:0;top:0;left:0;width:100%;background:#000}#page_header ul a{display:block;padding:12px 10px;text-align:center}#page_header ul a:hover::before,#page_header ul a:focus::before{content:normal;display:none}#page_header li{display:block;border-right:0;padding-right:0;padding-left:0}.menu_on #page_header ul{transform:translateX(0)}}#main{width:100%}#main .main_visual{height:700px;background:#000 url("../images/main_visual_pc.webp") no-repeat center center;background-size:cover;color:#fff}#main .main_visual .txt_box{width:100%;max-width:745px;margin-left:0%;padding-top:150px}#main .main_visual h2{text-align:center;font-size:44px;line-height:1;margin:0 0 0.5em 0}#main .main_visual h2 img{max-width:280px;width:75%;display:block;margin:0 auto 35px auto}#main .main_visual small{margin-top:0.5em;display:block;font-size:24px;font-weight:normal}#main .main_visual .tag{line-height:1;display:flex;justify-content:center;font-size:14px;margin-bottom:40px;font-weight:bold}#main .main_visual .tag i{display:block;padding:10px 0;border:2px solid #fff;margin:0 2px;width:32%;max-width:170px;text-align:center}#main .main_visual .sec_h_contact{border:5px solid #fff;padding:20px 20px 30px 20px;border-radius:20px;margin:auto;max-width:650px}#main .main_visual .sec_h_contact h3,#main .main_visual .sec_h_contact p{text-align:center;line-height:1}#main .main_visual .sec_h_contact h3{margin-bottom:1em;font-size:30px;letter-spacing:-0.05em}#main .main_visual .sec_h_contact h3 i{display:inline-block;letter-spacing:0;padding:5px 1em;font-size:16px;font-weight:normal;background:#ff6700;color:#fff;margin-right:0em;vertical-align:middle}#main .btn_contact{text-decoration:none;font-weight:bold;color:#fff;background:#ff6700;padding:12px 25px;line-height:1;border-radius:30px}#main .btn_contact:hover,#main .btn_contact:focus{color:#ff6700;background:#fff}#main p,#main li,#main dd,#main dt,#main blockquote,#main pre,#main td,#main th{line-height:1.75;font-size:1rem}#main p,#main ul,#main dl,#main ol,#main blockquote,#main pre,#main table{margin-bottom:1em}#main td,#main th{margin-bottom:0}#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{font-size:1rem;line-height:1.5;margin-bottom:1em}#main ol li{margin-left:1.6em}#main *:last-child{margin-bottom:0}#main .change{text-align:center;margin:0}#main .top_head{text-align:center;line-height:1.5;font-size:36px;margin:0;padding:50px 0;color:#ff6700;width:100%}#main .sec_read{padding-bottom:35px;background:#f7f7f7}#main .sec_read .inner{flex-wrap:wrap;display:flex;justify-content:space-between;align-items:flex-start}#main .pc_txt_box{width:50%}#main .pc_txt_box h3{font-size:1.5rem;line-height:1.25}#main .pc_txt_box p+h3{margin-top:2em}#main .mark{display:none}#main .pc_sample{position:relative;width:47.5%}#main .pc_sample span{display:block;overflow:hidden;width:0;height:0;position:absolute;opacity:0}#main .pc_sample img{width:100%}#main .pc_sample ul{margin:0;position:absolute;background:#000;width:78%;top:4%;left:11%;bottom:11.5%;z-index:1}#main .pc_sample ul li{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat top left;background-size:auto 100%}#main .pc_sample ul li:nth-of-type(1){background-image:url("../images/img_pc_sample_1.jpg")}#main .pc_sample ul li:nth-of-type(2){background-image:url("../images/img_pc_sample_2.jpg")}#main .pc_sample ul li:nth-of-type(3){background-image:url("../images/img_pc_sample_3.jpg")}#main .pc_sample ul li:nth-of-type(4){background-image:url("../images/img_pc_sample_4.jpg")}#main .pc_sample ul li:nth-of-type(5){background-image:url("../images/img_pc_sample_5.jpg")}#main .inner{position:relative;z-index:0}#main .sec_faq,#main .sec_process,#main .sec_dashboard,#main .sec_about,#main .sec_advantage{background:#eee;padding:90px 0 50px 0}#main .sec_dashboard{background:#fff}#main .sub_head{font-size:36px;margin:0 0 0.25em 0;line-height:1;color:#ff6700}#main .sub_head+p{font-weight:bold;font-size:1.125rem;line-height:2;margin-bottom:50px}#main .txt_head_bk{font-size:180px;line-height:1;opacity:0.1;color:#ff6700;position:absolute;z-index:-1;top:-0.25em;left:-0.25em;pointer-events:none;font-weight:bold;letter-spacing:-0.025em}#main .txt_read{text-align:center;font-size:1.25rem;color:#eb6100;margin-bottom:1.5em}#main .img_about{text-align:center;margin-bottom:35px}#main .img_about img{max-width:1040px;width:100%}#main .sec_triplep{max-width:780px;margin:auto;padding:20px;background:#fff;border-radius:20px}#main .sec_triplep p{font-size:0.88rem}#main .sec_triplep strong{font-size:1rem}#main .cta_area{padding:40px 0;background:#f4f4f4}#main .cta_area a{display:block;margin:auto;max-width:610px;width:100%}#main .cta_area p{margin:0 auto;max-width:610px;font-size:0.88rem;text-align:center}#main .cta_area p strong{font-size:1rem;display:inline-block;margin-bottom:0.5em}#main .sec_advantage{background:#fff}#main .grp{display:flex;justify-content:space-between;flex-wrap:wrap}#main .grp_3 section{width:32%}#main .grp_2 section{width:49%}#main .sec_reason{padding:20px;background:#f7f7f7}#main .sec_reason .img_reason{text-align:center;margin-bottom:2em}#main .sec_reason .img_reason img{max-width:300px;width:100%}#main .sec_reason h3{background:#eb6100;color:#fff;text-align:center;line-height:1;padding:12px}#main .sec_reason h4{color:#eb6100;text-align:center;font-size:1.5rem;margin-bottom:1em;line-height:1}#main .sec_reason p{font-size:0.88rem}#main .sec_cyber{padding-top:50px}#main .img_cyb_1{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:40px}#main .img_cyb_1 img{width:32%;margin:0 2%}#main .img_cyb_2{margin-bottom:0;text-align:center}#main .img_cyb_2 img{width:80%}#main .cyber_head{border-left:#eb6100 10px solid;padding-left:20px;margin-bottom:30px}#main .cyber_head h3{line-height:1;margin:0 0 0.25em 0;font-size:30px}#main .cyber_head p{line-height:2;margin:0;min-height:4.5em}#main .sec_cycube_optimal{padding:25px;border-radius:0;margin-top:70px;background:#f4f4f4}#main .sec_cycube_optimal h2{line-height:1;font-size:30px;margin-bottom:0.75em}#main .sec_cycube_optimal em{color:#ff6700}#main .sec_cycube_optimal p{line-height:2;margin:0}#main .sec_merit{padding:25px;box-shadow:0 0 10px 1px #e4e3e3;border-radius:20px}#main .sec_merit h3{line-height:1;margin-bottom:0.75em;font-size:30px}#main .sec_merit .merit_img{margin:0}#main .sec_merit .merit_img img{max-width:80%}#main .sec_merit .tag{font-weight:bold;font-size:0.88rem}#main .sec_merit .tag i{display:inline-block;min-width:180px;line-height:1;padding:13px 5px;margin:0 2px;text-align:center;background:#eb6100;color:#fff}#main .sec_merit h4{margin:1.5em 0 0.5em 0;color:#eb6100;line-height:1;font-size:1.125rem}#main .sec_comparison{margin:70px auto;max-width:940px;width:100%}#main .sec_comparison p{font-size:0.88rem}#main .sec_comparison img{width:100%}#main .merit_head{text-align:center;font-size:30px;line-height:1.5;margin-bottom:1em}#main .sec_training .grp{margin:30px 0 35px 0}#main .ico_mokuteki{display:inline-block;padding:5px 25px;border:1px solid #000;line-height:1;font-size:0.78rem}#main .btn_request{text-decoration:none;text-align:center;font-weight:bold;display:inline-block;padding:15px 24px;border:2px solid #ff0000;color:#ff0000;line-height:1.25}#main .btn_request:hover,#main .btn_request:focus{background:#ff0000;color:#fff}#main .txt_training{font-weight:bold;min-height:14em}#main .sec_training_item{padding:20px;box-shadow:0 0 10px 1px #e4e3e3;border-radius:10px;margin-bottom:0.75em}#main .sec_training_item h4{line-height:1.5;font-size:1.5rem;display:flex;justify-content:flex-start;align-items:flex-start}#main .sec_training_item h4 img{width:50px;margin-right:10px}#main .notes{font-size:0.78rem;margin:0 0 0 0}#main .sec_string{padding-bottom:70px}#main .sec_string .inner{max-width:970px;margin:auto}#main .sec_string p{margin-bottom:3em;font-size:0.88rem}#main .sec_string p:last-child{margin-bottom:0}#main .sec_dashboard .grp{margin:0 auto 90px auto;max-width:820px}#main .sec_dash_item p{margin:0;font-size:0.88rem}#main .sec_dash_item h4{padding:35px 10px;box-shadow:0 0 10px 1px #e4e3e3;border-radius:20px;font-size:1rem;text-align:center;color:#eb6100;margin:0 0 20px 0}#main .sec_dash_item h4 img{display:block;max-width:160px;margin:0 auto 20px auto}#main .sec_dash_item_2 h4{color:#78a611}#main .sec_faq,#main .sec_process{background:#fff}#main .step{display:flex;justify-content:space-between;list-style:none;max-width:1000px;margin:0 auto 0 auto}#main .step li{width:20%;margin:0}#main .step p{text-align:center;margin:0;font-weight:bold}#main .sec_faq_item{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #ddd}#main .q_head,#main .a_head{position:relative;background:url("../images/ico_q.png") no-repeat 0 0;background-size:40px 40px;min-height:40px;color:#ff0000;padding-left:55px;font-size:24px;line-height:1.25;margin-bottom:1em;padding-top:4px}#main .a_head{background-image:url("../images/ico_a.png")}#main .a_area{padding-left:55px}.btn_contact_pc_close{position:absolute;display:block;width:32px;top:-16px;right:-16px;z-index:1}.btn_contact_pc{display:block;width:260px;position:fixed;bottom:20px;right:-300px;z-index:999;opacity:0;transition:opacity 0.25s, right 0.25s}.btn_contact_pc a:hover img,.btn_contact_pc a:focus img{transform:none;transition:none}.scr_on .btn_contact_pc{right:20px;opacity:1}.main_visual h2{transition-delay:0s}.main_visual .tag{transition-delay:0.25s}.main_visual .sec_h_contact{transition-delay:0.5s}.active .main_visual h2,.active .main_visual .tag,.active .main_visual .sec_h_contact{opacity:1;transform:translateY(0)}#main .txt_head_bk,#main h2,#main h3,#main header,#main h4,#main ol li,#main p{opacity:0;transition:opacity 1s,transform 1s}#main .txt_head_bk{transform:translateX(-10%)}#main .sub_head{opacity:0;transition-delay:0.5s}#main .aniOn{opacity:1}#main .txt_head_bk.aniOn{opacity:0.1;transform:translateX(0)}#main .main_visual h1,#main .main_visual h2,#main .main_visual h3,#main .main_visual p{transition:none;opacity:1}#page_footer{width:100%;position:relative;text-align:center;padding:30px 0 50px 0}#page_footer p{text-align:center;font-size:0.88rem;line-height:1;margin-bottom:1em}#page_footer i{display:block;max-width:110px;margin:0 auto 25px auto}
