@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
body { margin: 0; padding: 0; font-family: "Noto Sans JP", sans-serif; overflow-x: hidden; color: #212121}
p, li {color: #212121;font-size: 15px;line-height: 27px;font-weight: 400;margin: 0 0 15px 0;letter-spacing: .4px;font-family: "Noto Sans JP", sans-serif;}
.main-table li {color: #212121; font-size: 15px;line-height: 25px;margin: 0 0 10px 0; font-family: "Noto Sans JP", sans-serif;}
a { text-decoration: none !important; font-family: "Noto Sans JP", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Noto Sans JP", sans-serif; color: #212121}

.main-table { text-align: left; padding: 5% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #202020;font-size: 15px;padding: 15px 0;font-weight: 700;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;}

#HomepagecontentControl_C, #HomepagecontentControl {min-height: 300px !important}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter,
#HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;background-color: #f8cd1e !important;height: 100%;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #MenuControl, #MenuControl_C {height: 60px !important;}

@media (min-width: 320px) and (max-width: 768px ){ 
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 75px !important; background: #114a9f;}
  .navbar-collapse { background: #114a9f; margin-top: -10px}
}

#HeaderControl, #HeaderControl_C { height: 160px !important}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.head-hm{text-transform: uppercase;font-weight: 600;color: #00016f;text-align: center;padding-bottom: 10px;position: relative;margin-bottom: 23px;font-size: 26px;}
.head-hm span { color:#f8cd1e;}
.hm-about-lft img{ position: relative; width: 100%; z-index: 9; padding:35px 0; transition: 0.5s;}
.head-hm .border-btm{ position: absolute; left: 16px; width: 50px; border-radius: 5px; border: 2px solid #20418e; bottom: 0px; text-align: center; left: 0; right: 0; margin: 0 auto; }
.head-hm .border-btm:before{ position: absolute; content: ''; left: -20px; top: -2px; width: 12px; border-radius: 5px; border: 2px solid #f8cd1e;}
.head-hm .border-btm:after{position: absolute; content: ''; right: -20px; top: -2px; width: 12px; border-radius: 5px; border: 2px solid #f8cd1e;}

.sub-heading { font-size: 27px; color: #00016f; font-weight: 600; margin: 0 0 10px 0; position: relative; margin: 0 0 30px 0;}
.sub-heading::after { content: ''; position: absolute; width: 60px; height: 3px; background: #f8cd1e; border-radius: 3px; left: 0; bottom: -10px;}
.title { color: #212121; font-size: 24px; margin: 5px 0 15px 0; font-weight: 600;}

.top-header { background-color: #00016f;}
.top-header p { color: #ffffff; margin: 0; font-size: 14px;}
.top-header .left-text { position: relative; padding: 0 0 0 20px;}
.top-header .left-text::after { content: ''; position: absolute; width: 10px; height: 10px; background: #ddd; border-radius: 50%; left: 0; top: 0; bottom: 0; margin: auto 0;}
.top-header .social-icon { border-right: 1px solid #ddd;}
.top-header .social-icon a img { width: 18px;}
.top-header .social-icon a { display: inline-block; padding: 10px 12px; line-height: 1; border-left: 1px solid #ddd; margin: 0 -2px;}
.top-header .social-icon a:hover { background: #f8cd1e;}

.logo-sec { padding: 15px 0;}
.logo-sec .contact-bx .icon { background: #f8cd1e; width: 60px; height: 60px; text-align: center; border-radius: 5px; padding: 14px 0; position: relative; margin: 0 25px 0 0;}
.logo-sec .contact-bx .icon::after { content: ''; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #f8cd1e; right: -7px; top: 0; bottom: 0; margin: auto 0;}
.logo-sec .contact-bx .text h4 { font-size: 15px; color: #212121; font-weight: 700; margin: 0;}
.logo-sec .contact-bx .text p { color: #525963; font-size: 14px; margin: 0;}
.logo-sec .contact-bx .text p a { color: #525963;}

.about-section { padding: 5% 0;}
.about-section .right-img { background: #00016f; padding: 8% 4%;}

.hm-serv-bx-img{ height:240px; overflow:hidden; transition:0.5s; position:relative;}
.hm-serv-bx-img img{transition:0.6s ease-in;}
.hm-serv-bx-img h2{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(0 1 111);
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding-left: 10px;
    line-height: 50px;
    transition:0.5s;
    }
.hm-serv-bx-img h2 span{
    float: right;
    background: #f8cd1e;
    padding: 0px 10px;
    transition:0.5s;
    }
.hm-services p{color:#fff;}	
.hm-serv-bx-cnt p{
    color:#555;
    overflow: hidden;
    display: -webkit-box;
    font-size: 15px;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    line-height: 1.7;
    }	
.hm-serv-bx{
    transition: 0.5s;
    background: #fff;
    border-bottom: 5px solid #f5cb1f;
    margin-top: 10px;
    margin-bottom: 10px;
    }
.hm-serv-bx:hover .hm-serv-bx-img h2{transition:0.5s; background: rgba(248,205,30,0.85); color:#000;}
.hm-serv-bx:hover .hm-serv-bx-img h2 span{background: #00016f;transition:0.5s;}
.hm-serv-bx:hover .hm-serv-bx-img img{transform:scale(1.2) rotate(5deg); transition:0.6s ease-in;}

.hm-serv-bx:hover .hm-serv-bx-img h2 span img,
.hm-serv-bx-cnt p a:hover span img{    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1); transform:initial;}
	
.hm-serv-bx-cnt{padding: 15px;padding-bottom: 4px;}
.hm-serv-bx-cnt p a{
    display: inline-block;
    background: #00016f;
    color: #fff;
    padding: 6px 13px;
    padding-right: 0;
    transition:0.5s;
    margin-top: 15px;
    }
	
.hm-serv-bx-cnt p a span{background: #f8cd1e;
    padding: 8px 10px;
    margin-left: 12px; transition:0.5s;}
.hm-serv-bx-cnt p a span img{transition:0.5s;}
	
.hm-serv-bx-cnt p a:hover{background:#f8cd1e; color:#000;}
.hm-serv-bx-cnt p a:hover span{background: #00016f;}

.hm-services{
    background: #eee;
    padding: 5% 0;
    margin-top: 0px;
    background:url(../image/serv-bg.jpg) no-repeat;
    background-attachment:fixed;
    background-size:cover;
    }

.hm-services .head-hm{color:#eee;}

.hm-services .border-btm:before, .hm-services .border-btm:after{border: 2px solid #fff;}

.hm-services .head-hm .border-btm{border: 2px solid #00016f;}

.team-section { padding: 5% 0; background: #f3f3f3; display: block;}

.contact-section { padding: 6% 0;}
.contact-section .icon i {color: #00aff2;font-size: 40px;}
.contact-section h4 a {color: #00016f;font-size: 20px;}
.contact-section .contact-form{box-shadow: rgb(0 1 111 / 77%) 12px 10px 26px 0px;border: 3px solid #00016f;padding: 40px;outline: 1px solid #403f95ed;outline-offset: -4px;}
.contact-section .contact-form .form-control {margin: 0 0 35px 0;padding: 22px 12px;border: none;border-bottom: 2px solid #403f95;border-radius: 0;}
.contact-section .contact-form .form-control:focus { box-shadow: 0 0 0 .25rem rgb(231 231 242);}
.contact-section .contact-form .form-control::placeholder { color: #444444;}
.contact-section .contact-form input[type='button'] {background: #f8cd1e;border: none;outline: 1px solid #403f9591;outline-offset: -1px;width: 100%;padding: 18px;color: #000000;}

.map-bx{text-align:center;background: #ddd;/* padding-bottom: 12px; */}
.map-bx button{     background: #f8cd1e;
    border: 0;
    padding: 8px 30px;
    font-size: 18px;
    border: 1px solid #000;
    color: #111;}

button:focus{outline:none}


/*contact*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
footer{
    background: #00016f;
    position: relative;
    border-top: 10px solid #00016f;
    /* overflow: hidden; */
    /*box-shadow: -5px -2px 5px #999;*/
    }
	
#WhatsNewControl_C_ctl00_btn_Search, #WhatsNewControl_C_ctl00_txt_Search{color:#000 !important;}
#WhatsNewControl_C_ctl00_tdeee img{max-width:inherit !important;}
.cont-ft:after{    content: "";
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background:#f8cd1e;}

.cont-ft{background:#f8cd1e;
    color: #fff; position:relative; z-index:1;     padding-top: 30px;
    padding-bottom: 10px;}
	
.links-use{padding-top: 32px;}
	
.cont-ft ul{padding-left:0; list-style:none;     margin-top: 16px;     margin-bottom: 0;}
.cont-ft ul li{background: #ffffff;margin-bottom:10px;position:relative;padding: 5px 0;padding-left: 44px;font-size: 14px;}
.cont-ft ul li .fa{
    position: absolute;
    left: 0;
    width: 35px;
    text-align: center;
    height: 100%;
    line-height: 27px;
    font-size: 17px;
    background: #00016f;
    top: 0;
    }
	
.cont-ft ul li:first-child .fa{line-height: 50px;}
.ft-head{    color: #fff;
    border-bottom: 1px dashed #999;
    margin-top: 0;
    margin-bottom: 18px;
    padding-bottom: 8px;}
	
.links-use ul{    padding-left: 25px;     font-weight: 300; margin-bottom: 0;}
.links-use ul li a{color:#ccc;}
.links-use ul li{margin-bottom:11px; transition:0.5s;}
.links-use ul li:hover{padding-left:10px; color:#fff; transition:0.5s;}
.links-use ul li:hover a{color:#fff;}

.copyrht{    background:#f8cd1e;
    color: #333;     font-size: 13px; padding: 8px 0;}
	
.copyrht a{color:#111; text-decoration:none;}

.like-box ul{list-style:none; text-align:center; margin:0; padding-left:0;}
.like-box ul li{display:inline-block; width:33%;}
.like-box{background:url(../image/like-bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; padding: 50px 0;}
.like-box img{border-radius: 15px;
    border: 1px dashed #fff;
    box-shadow: 0px 3px 10px #555;}
.like-box .head-hm{color:#fff; margin-bottom:35px;}

.like-box .border-btm{border: 2px solid #20418e;}

.callus {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
    position: fixed;
    bottom: 4em;
    right: 9px;
    width: 50px;
    height: 50px;
    z-index: 99999;
}
.callus .callusL{
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    float: right;
    background: #eb1d39;
    color: #fff;
    margin: 0 20px 0 0;
    -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
    -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
    box-shadow: 0px 0px 0px 7px #dc354536;
    -webkit-animation: tada 1.25s infinite;
    -moz-animation: tada 1.25s infinite;
    -ms-animation: tada 1.25s infinite;
    animation: tada 1.25s infinite;
}

  /*============WHATSAPP==========*/
  
.whatsapp_btn{
    position: fixed;
    bottom: 9em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn .circle_waves{
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}


.innr-pg-c {padding: 3% 0; position: relative; background-image: linear-gradient(45deg, #f8cd1e, #0808f2, #00016f);}
.innr-pg-c h1 {font-weight: 800; Font-size: 30px; color: #fff; text-align: left; border-left: 3px #fff solid; text-transform: uppercase; position:relative; z-index:1; border-radius: 4px; padding: 2px 0 5px 15px; margin: 0; letter-spacing: .5px;}
 
.contact-info {background: #00016f;padding: 25px;margin: 10px 0;}
.contact-info i { color: #f5f5f5; font-size: 30px;}
.contact-info h5 {color: #ffffff; text-transform: uppercase; font-size: 17px; font-weight: 700; letter-spacing: .5px; }
.contact-info p, .contact-info p a { color: #f1ecec; margin: 0;}

@media (min-width: 320px) and (max-width: 768px) {
  .logo-sec .logo img { width: 130px;}
}

#WhatsNewControl { margin: 50px 0 0 0}