html,body,p,h1,h2,h3,h4,h5,ul{margin:0;padding:0}
html{box-sizing:border-box;font-size:100%;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;}
*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-smoothing: antialiased;}
img{max-width:100%;height:auto;vertical-align:middle}
body{}
a{text-decoration:none;cursor:pointer;color:initial;}
html,body{width:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;height:100%;}
table{border-collapse: collapse;border-spacing: 0;}
.dis_res{display:none!important}
.dis_se{display:none!important;}
header{width:100%;top:0px;left:0;padding:10px 35px;position: fixed;display: block;transition:0.8s;z-index:5;height:54px;background-color:#efefef;}
header.fixed{transition:0.8s;position:fixed;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);top:0;z-index:5;background-color:#efefef;}
.logo{display: none;}

#global-nav{ width: 100%;max-width: 1280px;margin: 0 auto;text-align: center;}
#global-nav ul li{display:inline-block;padding:0 1.5%;color:#000;font-size:18px;line-height:40px;font-weight:600;letter-spacing:1px;}
#global-nav ul li a{color:#000;}
#global-nav ul li.active a{color: #8e8e8e;}
#global-nav ul li a:hover{color: #8e8e8e;}
nav span{background:#666;height:2px;display:block;position:relative;width:50px;left:0;}

/*-- 問い合わせ --*/
#contact {max-width: 1080px;margin: auto;}
#contact {background:#fff;width:100%;padding:120px 0;}
#contact h2{font-weight: 600;font-size: 40px;color: #000;margin-bottom:20px;text-align: center;}
#contact p{font-size:16px;color:#000;text-align: center;line-height:1.4em;}
#contact p.big{font-size:18px;font-weight:600;margin-top:20px;}
#contact p.big a{color: #06c;padding:0 4px;}
#contact form#mail_form dl dt{color:#000;}
#contact form#mail_form ul li{color:#000}
#contact form#mail_form .scroll{border: solid 1px #d2d2d2;background: #f7f7f7;}

form#mail_form select {
    height: 3em;
    border: none;
    background: #fff;
    width: 100%;
    font-size: 0.9rem;
    border-radius: 0;
    box-sizing: border-box;
    margin-bottom: 0px;
}
form#mail_form {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
}
form#mail_form input {
    line-height: 1.6em;
}
dd.input_radio {
    padding: 10px 0px;
}
dd.required {
    margin: 8px 0 0;
}


/*-- ボタン --*/
#nav-toggle{display:none;position:absolute;right:12px;top:14px;width:25px;height:32px;cursor:pointer;z-index:101;}
#nav-toggle div{position:relative;}
#nav-toggle span{display:block;position:absolute;height:2px;width:100%;background:#fff;left:0;-webkit-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;transition:.6s ease-in-out;}
#nav-toggle span:nth-child(1) {top:2px;}
#nav-toggle span:nth-child(2) {top:10px;}
#nav-toggle span:nth-child(3) {top:18px;}

/*-- スマホ --*/
@media screen and (max-width: 769px) {

header ul{float:none;}
#top-head.fixed{background-color:#fff;height:65px;}
#global-nav ul li{float:none;text-align:center}
#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a{width:100%;display:block;color:#fff;padding:18px 0;font-size:20px;}
#nav-toggle {display:block;right:17px;top:15px;}
#nav-toggle span{background:#000;}
.open #nav-toggle span{background:#000;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);}
.open #global-nav{-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}

#mobile-head{position:relative;}
#top-head.open{z-index:101;}
#top-head.open .logo{z-index:20;}
#global-nav{position: absolute;top:50px;background:#efefef;width:100%;text-align:center;padding:10px 15px;-webkit-transition:.7s ease-in-out;-moz-transition:.7s ease-in-out;transition:.7s ease-in-out;height:0;left: 0;height: 100vh;transform: translateX(100%);}
#global-nav ul li{padding:5px;display:block;color:#fff;text-align:left;border-bottom: solid 1px #2b2b2b;line-height: 2em;}
#global-nav ul li.menu_left{padding:5px;float: none;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {width:100%;display:block;color:#000;padding:0;font-size:15px;line-height: 2.1em;}
#nav-toggle{display:block;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);}
.open #global-nav {
-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);height:100vh;}
#contact{background:#fff;width:100%;padding:120px 0;}
#contact h2{font-weight: 600;font-size: 40px;color: #000;margin-bottom:20px;text-align: center;}
#contact p{font-size:16px;color:#000;text-align: center;line-height:1.4em;}
#contact p.big{font-size:18px;font-weight:600;margin-top:20px;}
#contact p.big a{color: #06c;padding:0 4px;}
#contact form#mail_form dl dt{color:#000;}
#contact form#mail_form ul li{color:#000}
#contact form#mail_form .scroll{border: solid 1px #d2d2d2;background: #f7f7f7;}
}


.top{width:100%;height:700px; background-image: url(../img/top_bg.png);background-color: #efefef;background-size:800px;background-position:center bottom;background-repeat: no-repeat;padding-top:100px;}
.top h1{font-size:72px;font-weight:bold;text-align: center;margin-top:40px;}

#what{width:100%;padding:100px 15px;}
#what h2{font-size:52px;font-weight:600;text-align:center;color:#000;margin-bottom:60px;}
#what .box{width:100%;max-width:1080px;margin:40px auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
#what .box .box_left{width:62%;vertical-align:top;}
#what .box .box_right{width:34%;}
#what .box h3{font-size:44px;line-height:1.2em;font-weight:600;color:#000;margin-top:20px;margin-bottom:15px;}
#what .box h3 span{font-size:38px;display: block;color: #3ea647;}
#what .box p{font-size:17px;font-weight:600;margin-bottom:15px;line-height:1.4em;}
.maru{text-align:center;display:table;width:100%;}
.maru_text{display:inline-block;width:350px;border:solid 4px #3ea647;border-radius: 50%;}
.maru_text h3{color: #3ea647;padding:102px 0;font-size: 58px;line-height: 1.2em;letter-spacing: 4px;}
.maru_icon{display:inline-block;vertical-align: top;line-height: 350px;}
.what_text{text-align:center;padding-top:80px;}
.what_text h4{font-size:24px;color:#111;font-weight:600;line-height:1.5em;margin-bottom:40px;}
.small_box{display: inline-block;padding:5px 20px;border:solid 1px #444;}
.small_box p{font-size:9px;}
.small_box p span{font-size:10px;font-weight:600;padding:0 4px;}

#actual{width:100%;padding:100px 15px;background:#f7f7f7;}
#actual .box{width:100%;max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
#actual .box_left{width:55%;}
#actual h2{font-size:44px;font-weight:600;color:#000;line-height:1.4em;}
#actual h2 small{font-size:34px;color:#db5d3b;display: block;}
#actual h2 span{color:#db5d3b;}
#actual h2 b{font-size:28px;font-weight:600;}
#actual h3{font-size:20px;color:#db5d3b;font-weight:600;margin-bottom:28px;}
#actual p{font-size:18px;line-height:1.5em;}
#actual .box_right{width:34%;}

#feature{width:100%;padding:100px 15px;margin:0 auto;max-width:1080px;}
#feature h2{font-size:46px;margin-bottom:80px;text-align: center;}
#feature h2 span{color:#17969f;}
#feature h3{font-size:34px;border-bottom:solid 1px #17969f;padding-bottom:10px;color:#17969f;margin-bottom:28px;}
#feature .table{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin-bottom:80px;}
#feature .table h4{font-size:22px;font-weight:600;margin-bottom:15px;}
#feature .table .box{width:44%;}
#feature .table table{width:100%;}
#feature .table td{background: #eff5f8;color:#111;padding:10px 15px;border-bottom:solid 1px #ddd;font-size: 16px;}
#feature .table .bd td{font-weight:600;color:#17969f; }
#feature p.bold{font-size:18px;font-weight:600;margin-bottom:10px;}
#feature .virus_box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin-bottom:28px;}
.virus_box .box_left{width:40%;}
.virus_box .box_right{width:55%;}
.virus_box table{width:100%;}
.virus_box table td{font-size:16px;color:#111;padding:10px 15px;text-align: center;border-bottom:solid 1px #ddd;background:#fcfcfc;}
.virus_box table td.green{background:#17969f;color:#fff;text-align:left;border-bottom:solid 1px #fff;}
.virus_box .box_right .small{font-size:13px;margin-top:10px;}
.virus_border{width:100%;border: solid 1px #17969f;padding:20px 28px;border-radius:20px;margin-bottom:80px;}
.virus_border p{font-size:18px;font-weight:600;line-height:1.2em;}
.virus_border p small{font-size:14px;display: block;font-weight:500;}
.virus_border p span{color:#17969f;}
.graph{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin:40px auto;}
.graph .box{width:48%;}
.graph .box h4{font-size:22px;color:#17969f;margin-bottom:5px;margin-left: 28px;}
.graph .box p{font-size:14px;margin-left: 28px;margin-bottom:10px;}

#anshin{background:#ebf5f6;padding:100px 15px;}
#anshin h2{font-size:44px;text-align:center;margin-bottom:60px;}
#anshin h2 small{font-size:34px;display: block;color:#3ea647;}
#anshin h2 span{color:#3ea647;}
#anshin .box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin:0 auto;max-width:1140px;}
#anshin .box_left{width:40%;}
#anshin .box_right{width:56%;}
#anshin .box_right p{font-size:24px;line-height:1.5em;margin-bottom:28px;}

#point{width:100%;padding:100px 15px;max-width:1000px;margin:0 auto;}
#point h2{font-size:44px;margin-bottom:40px;text-align: center;}
.swiper-button-prev{background-image: url(../img/prev.svg);}
.swiper-button-next{background-image: url(../img/next.svg);}
.swiper-pagination-bullet-active{background:#000;}

#shiyo{width:100%;max-width:1080px;margin:0 auto;padding:80px 15px;}
#shiyo h2{font-size:38px;color:#1a4376;border-bottom:solid 1px #1a4376;padding-bottom:10px;margin-bottom:28px;}
.shiyo_one{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:100%;margin-bottom:80px;}
.shiyo_one .box_left{width:18%;}
.shiyo_one .box_right{width:78%;}
.shiyo_one .box_right p{font-size:24px;line-height:1.5em;margin-bottom:15px;}

.shiyo_two{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:100%;margin-bottom:80px;}
.shiyo_two .box{width:40%;}
.shiyo_two h3{font-size:24px;font-weight:600;margin-bottom:15px;}
.shiyo_two p{font-size:20px;margin-top:10px;}

.shiyo_three{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:100%;}
.shiyo_three .box_left{width:40%;}
.shiyo_three .box_left h4{font-size:24px;font-weight:600;margin-bottom:15px;}
.shiyo_three .box_left h4 span{color:#1a4376;}
.shiyo_three .box_left h4 .big{color:#1a4376;font-size:38px;}
.shiyo_three .box_left p{font-size:20px;line-height:1.5em;}
.shiyo_three .box_left hr{border-top:solid 1px #000;margin-top:28px;margin-bottom:28px;}
.shiyo_three .box_right{width:55%;}
.shiyo_three .box_right table{width:100%;}
.shiyo_three .box_right td{font-size:16px;border-bottom:solid 1px #ddd;padding:10px 20px;text-align: left;}
.shiyo_three .box_right .gry{background:#f4f4f4;}

#faq{width:100%;background:#f7f7f7;padding:100px 15px;}
#faq h2{font-size:44px;text-align:center;margin-bottom:80px;}
.faq{width:100%;max-width:900px;margin:0 auto;}
.faq dl{border-bottom: solid 1px #ddd;padding-bottom: 20px;margin-bottom: 20px;position:relative;}
.faq dd{margin:0;font-size:24px;font-weight:600;cursor:pointer;}
.faq dt{font-size: 20px;margin-left:38px;line-height: 1.6em;}
.faq dd span{padding-right: 15px;color:#17969f;font-size: 28px;}
.faq .inner{display: none;width: 92%;}
.faq .inner.open{display: block;}
.psavrr{position: absolute;right: 0;top:5px;transition: 0.4s;transform: rotate(0deg);}
.ac .psavrr{transform: rotate(-180deg);}


#plan{width:100%;max-width:1080px;margin:0 auto;padding:80px 15px;}
#plan h2{font-size:38px;color:#1a4376;border-bottom:solid 1px #1a4376;padding-bottom:10px;margin-bottom:28px;}
.plan_one{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:100%;margin-bottom:80px;}
.plan_one .box_left{width:18%;}
.plan_one .box_right{width:78%;}
.plan_one .box_right p{font-size:24px;line-height:1.5em;margin-bottom:15px;}
#plan table{width:100%;}
#plan td{font-size:16px;border-bottom:solid 1px #ddd;padding:10px 20px;text-align: left;}
#plan .gry{background:#f4f4f4;}

footer{background:#000;width:100%;padding:20px;text-align: center;}
footer h2{font-size:14px;color:#fff;}
footer p{font-size:12px;color:#fff;}


@media (max-width:1200px){

}

@media (max-width:1024px){

}


@media only screen and (max-width: 813px) and (min-width: 568px){

}





@media (max-width:770px){
header{height: 60px;}

.menu-right ul li.fl-right{display:none;}

}


@media (max-width:568px){
.dis_pc{display:none!important}
.dis_res{display:block!important}
header{height: 50px;padding: 10px 15px;}
.logo{display: inline-block;}
.logo img{width:80px;}
.top{height: 310px;background-size: 300px;padding-top: 40px;}
.top h1{font-size: 34px;margin-top: 40px;}
#what{padding:40px 20px;}
#what h2{font-size: 28px;margin-bottom: 40px;}
#what .box{}
#what .box .box_left{width:64%}
#what .box .box_right{width:30%;}
#what .box h3{font-size:20px;}
#what .box h3 span{font-size: 20px;}
#what .box p{font-size:14px;margin-bottom:0;}
.maru_text{width:102px;border: solid 2px #3ea647;}
.maru_text h3{padding: 25px 0;font-size: 20px;letter-spacing:1px;}
.maru_icon{line-height:102px;}
.maru_icon img{width: 40px;}
.what_text{padding-top:20px;}
.what_text h4{font-size:15px;text-align:left;line-height: 1.4em;margin-bottom: 20px;}
.small_box{padding:4px 10px;}
#actual{padding:50px 20px;}
#actual .box{display: block;}
#actual .box_left{width:100%;}
#actual .box_right{width:100%;}
#actual h2{font-size:22px;}
#actual h2 small{font-size:20px;}
#actual h2 b{font-size:15px;}
#actual h3{font-size:13px;margin-bottom:10px;}
#actual p{font-size:14px;line-height:1.4em;margin-bottom:20px;}
#feature{padding:40px 20px;}
#feature h2{font-size:24px;margin-bottom:40px;}
#feature h3{font-size:16px;padding-bottom:5px;margin-bottom: 18px;}
#feature .table{display: block;margin-bottom: 40px;}
#feature .table .box{width:100%;margin-bottom:20px;}
#feature .table td{padding: 6px 8px;font-size: 12px;}
#feature .table h4{font-size:16px; margin-bottom: 10px;}
#feature p.bold{font-size:14px;}
#feature .virus_box{display: block;margin-bottom: 15px;}
.virus_box .box_left{width:100%;margin-bottom:20px;}
.virus_box .box_right{width:100%;}
.virus_box table td{padding: 6px 8px;font-size: 12px;}
.virus_box .box_right .small{font-size:12px;}
.virus_border{padding:12px 15px;margin-bottom:40px;}
.virus_border p{font-size:13px;line-height:1.3em;}
.virus_border p small{font-size:11px;font-weight:400;}
.graph{display: block;margin:20px auto;}
.graph .box{width:100%;margin-bottom: 15px;}
.graph .box h4{font-size:18px;margin-left: 18px;margin-bottom: 4px;}
.graph .box p{font-size: 12px;margin-left: 18px;}
#anshin{padding:40px 20px;}
#anshin h2{font-size:22px;margin-bottom: 28px;}
#anshin h2 small{font-size:20px;}
#anshin .box{display: block;}
#anshin .box_left{width:100%;margin-bottom:15px;}
#anshin .box_right{width:100%;}
#anshin .box_right p{font-size:15px;line-height:1.4em;margin-bottom:10px;}
#anshin .box_right img{width:70%;}
#point{padding:40px 20px;}
#point h2{font-size:24px;margin-bottom:20px;}
#shiyo{padding:40px 20px;}
#shiyo h2{font-size:20px;padding-bottom: 5px;margin-bottom: 20px;}
.shiyo_one .box_right p{font-size: 15px;margin-bottom: 8px;}
.shiyo_two{display: block;margin-bottom:40px;}
.shiyo_two .box{width:100%;}
.shiyo_two h3{font-size:18px;margin-bottom: 10px;}
.shiyo_two p{font-size:16px;margin-bottom:28px;}
.shiyo_three{display:block;}
.shiyo_three .box_left{width:100%;margin-bottom:20px;}
.shiyo_three .box_right{width:100%;}
.shiyo_three .box_left h4{font-size:18px;letter-spacing:1px;}
.shiyo_three .box_left h4 .big{font-size:28px;}
.shiyo_three .box_left p{font-size:16px;line-height:1.5em;}
.shiyo_three .box_left hr{margin-top:15px;margin-bottom:15px;border-top: solid 1px #c1c1c1;}
.shiyo_three .box_right td{font-size:13px;padding: 5px 10px;min-width: 120px;}
#faq{padding:40px 20px;}
#faq h2{font-size:24px;margin-bottom:40px;}
.faq dl{padding-bottom: 15px;margin-bottom: 15px;}
.faq dd{font-size:16px;}
.faq dd span{font-size:18px;padding-right:8px;}
.faq dt{font-size: 16px;margin-left: 24px;line-height: 1.4em;margin-top:5px;}
    
#plan{padding:40px 20px;}
#plan h2{font-size:20px;padding-bottom: 5px;margin-bottom: 20px;}
.plan_one .box_right p{font-size: 15px;margin-bottom: 8px;}
    
.psavrr{top:0;}
footer{padding:15px;}
footer h2{font-size:13px;}
footer img{width:200px;}
footer p{font-size:11px;}
.swiper-button-next{right:0;}
.swiper-button-prev{left:0;}
    
/* .entry_top,.contact_top{margin-top:50px;}
.entry_main,#contact{padding:50px 15px;}
.entry_main h2,#contact h2{font-size:22px;}
.entry_main p{font-size:14px;}
#contact p{font-size:12px;}
#contact p.big{font-size:14px;}
#contact form{ width: 100%; }
form#mail_form{padding: 20px 0 60px;width: 100%;}
form#mail_form dl{width:100%;margin-top:0;}
form#mail_form .scroll{padding:10px;}
form#mail_form .scroll b{font-size:14px;}
form#mail_form .scroll p{font-size:12px;line-height: 1.5em;} */

#contact{padding:50px 15px;box-sizing: border-box;}
#contact h2{font-size:22px;}
#contact p{font-size:12px;}
#contact p.big{font-size:14px;}
form#mail_form{padding: 20px 0 60px;width: 100%;overflow: hidden;}
form#mail_form dl{width:100%;margin-top:0;}
form#mail_form .scroll{padding:10px;}
form#mail_form .scroll b{font-size:14px;}
form#mail_form .scroll p{font-size:12px;line-height: 1.5em;}
}



@media (max-width:400px){
	
}
@media (max-width:321px){
.dis_se{display:block!important;}

}

