@font-face {font-family:"Helvetica";src:url("Helvetica.ttf")}
:root{
--font-main:"Helvetica", sans-serif;
--color-primary:#000;
--color-secondary:#FFF;
--color-brand:#00417C;
--color-brandd:#FFCA08;
--color-fade:#EFEFEF;
--color-line:#E2E8EF;
--color-box:#F3F8FB;

--color-warning:#FF0000;
--color-success:#008000;
--color-pending:#F1C232;


--font-size:14px;
--font-size-small:12px;
--radius:8px;
--radius-btn:50px;
}
*{padding:0px;margin:0px;scroll-behavior:smooth;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-family:var(--font-main);margin:0px auto;padding:auto;color:var(--color-brand);font-size:var(--font-size);font-weight:400;line-height:1.7;background-color:var(--color-secondary)}
body .container{margin:0px auto;padding:0px 10px;max-width:1250px}
body a,body a:hover,body a:active,body a:focus{color:var(--color-brand);text-decoration:none;transition:0.5s}
body button{font-family:var(--font-main);background-color:transparent;color:var(--color-brand);font-weight:500;padding:10px 20px;border:2px solid var(--color-brand);border-radius:var(--radius-btn);outline:none;box-shadow:none;cursor:pointer}
body img{vertical-align:middle;border-style:none;max-width:100%;height:auto}
body p{margin-bottom:20px}
body p:last-child{margin-bottom:0px}
body .clearfix::after{content:"";display:block;clear:both}
body .margin-auto{margin:auto 0px}
body .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -10px}
body .col-md-auto,body .col-md-1,body .col-md-2,body .col-md-3,body .col-md-4,body .col-md-5,body .col-md-6,body .col-md-7,body .col-md-8,body .col-md-9,body .col-md-10,body .col-md-11,body .col-md-12{position:relative;width:100%;padding:0px 10px}
@media (min-width:768px){.order-md-last{order:2!important}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}

body header{background-color:var(--color-secondary);padding:18px 0px;line-height:normal;z-index:1000}
body header .navbar-top{background-color:var(--color-fade);margin:-18px 0px 18px}
body header .navbar-top{padding:10px 0px;font-size:var(--font-size-small)}
body header .navbar-top .nav-social li,body header .navbar-top .nav-call li{display:inline-block;margin-right:10px}
body header .navbar-top .nav-social li:last-child,body header .navbar-top .nav-call li:last-child{margin-right:0px}
body header .navbar-top .nav-social li img,body header .navbar-top .nav-call li img{height:20px}
body header .navbar-top .nav-call li span{margin-left:5px}
body header .navbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}
body header .navbar .nav-logo img{height:70px}
body header .navbar .nav-menu{order:1}
body header .navbar .nav-menu li{display:inline-block;margin-right:12px;font-weight:600}
body header .navbar .nav-menu li:last-child{margin-right:0px}
body header .navbar .nav-menu li .nav-menu-btn{padding:10px 14px;border-radius:var(--radius);border:1px solid var(--color-brand)}
body header .navbar .nav-buy-online{position:fixed;top:120px;right:0px;z-index:1000}
body header .navbar .nav-toggler{display:none}
body header .navbar #nav-toggler-check{display:none}
@media (max-width:768px){
	body header .navbar{display:flex;flex-wrap:wrap}
	body header .navbar .nav-toggler{order:1}
	body header .navbar .nav-toggler{display:block}
	body header .navbar .nav-toggler span{display:block;background-color:var(--color-brand);height:3px;width:25px;margin:7px 0px}
	body header .navbar .nav-menu{display:none;margin-top:30px;width:100%}
	body header .navbar .nav-menu li{display:block;margin-bottom:20px;padding-left:12px;border-left:2px solid var(--color-brandd)}
	body header .navbar .nav-menu li:last-child{margin-bottom:0px}	
	body header .navbar #nav-toggler-check:not(:checked) ~ .nav-menu{height:0px}
	body header .navbar #nav-toggler-check:checked ~ .nav-menu{display:block;position:relative;top:100%;left:0px;height:auto;overflow-y:auto;z-index:999;transition:0.5s}
	body header .navbar-top .nav-call li span{display:none}
}
body footer{color:var(--color-primary)}
body footer .footer-top{background-color:var(--color-fade);padding:50px 0px}
body footer .footer-bottom{padding:18px 0px;font-size:var(--font-size-small)}
body footer .footer-contact li{list-style:none;margin-bottom:14px}
body footer .footer-contact li span{display:block;font-weight:600}
body footer .footer-contact li:last-child{margin-bottom:0px}
body footer .footer-img{margin:30px 0px}
body footer .footer-img li{display:inline-block;margin-right:10px}
body footer .footer-img li:last-child{margin-right:0px}
body footer .footer-img li img{height:50px;border:1px solid var(--color-line)}
body footer .footer-copyright{float:left}
body footer .footer-menu{float:right}
body footer .footer-menu li{display:inline-block;margin-left:10px}
body footer .footer-menu li:last-child{margin-right:0px}
@media (max-width:768px){
	body footer .footer-img li{display:inline-block;margin:0px 0px 10px}
	body footer .footer-img li:last-child{margin:0px}
	body footer .footer-copyright,body footer .footer-menu{text-align:center;float:none;margin:10px 0px}
}
body .notification{background-color:var(--color-brandd);font-size:var(--font-size-small);text-align:center;padding:10px 0px 5px;line-height:normal}
body .notification span{margin-right:5%}
body .notification span a{color:var(--color-primary)}
body .notification span a:hover{text-decoration:underline}
body .hero .hero-pc{display:block}
body .hero .hero-mobile{display:none}
body .imp-links{background-color:var(--color-brand);padding:20px 0px}
body .imp-links-nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}
body .imp-links-nav .imp-links-img img{height:65px;border-radius:var(--radius)}
body .imp-links-nav form{max-width:300px;width:100%}
body .imp-links-nav form label{color:var(--color-secondary)}
body .imp-links-nav form .form-group{position:inherit;margin-bottom:0px}
-body .note-bg{background-color:var(--color-brand);padding:20px 0px}
-body .note-link{max-width:600px;margin:0px auto;text-align:center;-webkit-column-count:3;-moz-column-count:3;column-count:3}
-body .note-link img{height:65px;border-radius:var(--radius)}
body .headline{font-size:23px;font-weight:700;margin-bottom:40px;line-height:normal}
body .products{margin:60px 0px}
body .products .plan-card{position:relative;overflow:hidden;min-height:270px;margin-bottom:30px;border-radius:var(--radius);border:1px solid var(--color-line);box-shadow:0 1px 3px rgba(15,40,70,0.05);transition:transform .18s ease, box-shadow .18s ease}
body .products .plan-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,65,124,0.12)}
body .products .plan-card .plan-body{padding:20px}
body .products .plan-card .title{font-size:17px;font-weight:600}
body .products .plan-card .title span{display:block;font-size:var(--font-size-small);color:#754E05}
body .products .plan-card ul{list-style:none;margin:10px 0px;font-size:var(--font-size-small)}
body .products .plan-card li{position:relative;padding-left:24px;margin-bottom:10px}
body .products .plan-card li::before{content:"✓";position:absolute;left:0px;top:5px;background-color:var(--color-brand);color:var(--color-secondary);width:16px;height:16px;text-align:center;line-height:1.5;font-size:var(--font-size-small);border-radius:var(--radius-btn)}
body .products .plan-card a{position:absolute;bottom:0px;display:block;width:100%;background-color:var(--color-brand);color:var(--color-secondary);text-align:center;padding:10px}
body .products .plan-card a:hover{color:var(--color-secondary)}
body .products .plan-ad{position:sticky;top:10px}
body .products .plan-ad img{border:1px solid var(--color-fade);border-radius:var(--radius)}
body .by-category{background-color:var(--color-brand);color:var(--color-secondary);padding:60px 0px}
body .by-category .category-list{overflow-x:auto;white-space:nowrap}
body .by-category .category-list::-webkit-scrollbar{width:0px}
body .by-category .category-list li{position:relative;min-height:180px;background-color:var(--color-box);color:var(--color-primary);list-style:none;display:inline-block;width:300px;padding:20px;margin-right:20px;border-radius:var(--radius)}
body .by-category .category-list li:last-child{margin-right:0px}
body .by-category .category-list .title{font-size:27px;margin-bottom:15px;line-height:normal}
body .by-category .category-list .title span{display:block;font-size:25px}
body .by-category .category-list .available span{position:relative;display:inline-block;background-color:var(--color-brandd);width:24px;height:24px;font-size:var(--font-size-small);text-align:center;line-height:2;margin-right:8px;border-radius:var(--radius-btn)}
body .by-category .category-list a{position:absolute;bottom:20px;right:20px;color:var(--color-brand)}
body .why{margin:60px 0px}
body .why-card{min-height:700px}
body .why-card.why-card-1{position:relative;background-color:var(--color-brand);color:var(--color-secondary);padding:40px;border-radius:var(--radius)}
body .why-card.why-card-1 .title{color:var(--color-brandd);font-size:40px;margin-bottom:50px}
body .why-card.why-card-1 .why-card-1-list{list-style:none}
body .why-card.why-card-1 .why-card-1-list li{display:block;font-size:20px;margin-bottom:20px}
body .why-card.why-card-1 .why-card-1-list li:last-child{margin-bottom:0px}
body .why-card.why-card-1 .why-card-1-list li span{display:block;font-size:40px}
body .why-card.why-card-1 .why-card-1-report{margin-top:70px}
body .why-card.why-card-1 .why-card-1-img{position:absolute;bottom:0px;right:0px;max-width:65%}
body .why-card.why-card-2{position:relative;padding:40px;border-radius:var(--radius);background-image:url("why-card-2.jpg");background-repeat:no-repeat;background-size:cover;background-position:bottom;width:100%;height:auto;overflow:hidden}
body .why-card.why-card-2:before{content:"";background-color:var(--color-secondary);position:absolute;background:linear-gradient(180deg, rgba(255, 255, 255, .1741071428571429) 0, rgba(255, 255, 255, .0032387955182072714) 70%, rgb(0 0 0 / 80%) 100%);width:100%;height:100%;left:0}
body .why-card.why-card-2 .title{color:var(--color-primary);font-size:35px;margin-bottom:30px}
body .why-card.why-card-2 .why-card-2-list{list-style:none;-webkit-column-count:3;-moz-column-count:3;column-count:3;margin-bottom:20px}
body .why-card.why-card-2 .why-card-2-list li{display:block;font-size:18px;margin-bottom:30px}
body .why-card.why-card-2 .why-card-2-list li span{display:block;font-size:20px;font-weight:600;margin-top:5px}
body .why-card.why-card-2 .why-card-2-report{margin-top:70px}
body .inquiry{background-color:var(--color-brandd);padding:60px 0px}

body .error-404{text-align:center;margin:180px auto}
body .error-404 .headline{font-size:20px;font-weight:400}
body .error-404 .headline span{display:block;font-size:80px;font-weight:800;margin-bottom:20px}
body form .form-group{position:relative;margin-bottom:20px}
body form .form-group label{display:block;margin:0px 2px 3px}
body form .form-group label span{color:var(--color-warning);margin-left:5px}
body form .form-control{font-family:var(--font-main);background-color:var(--color-secondary);color:var(--color-primary);font-size:var(--font-size);width:100%;padding:13px 14px;border-radius:var(--radius);border:1px solid var(--color-line);outline:none;box-shadow:none}
body form .form-control::placeholder{opacity:0.8}
body form button.form-control{background-color:var(--color-brand);color:var(--color-secondary);text-transform:uppercase;margin-top:10px;border-color:var(--color-brand);border-radius:var(--radius-btn)}
@media (max-width:768px){
	body .hero .hero-pc{display:none}
	body .hero .hero-mobile{display:block}
	body .imp-links-nav{display:flex;align-items:stretch;flex-direction:column}
	body .imp-links-nav .imp-links-img{margin-bottom:20px}
	body .imp-links-nav .imp-links-img img{width:100%;height:100%}
	body .imp-links-nav form{max-width:100%;width:100%}
	body .imp-links-nav form .form-group{position:inherit;margin-bottom:20px}
	body .inquiry .inquiry-mobile{text-align:center;margin-top:50px}
}