@media screen and (min-width: 1201px) {
.panel__1__pc > * {width:calc((100% / 1.5) - (var(--grid-num) / 1.5));}
.panel__2__pc > * {width:calc((100% / 2) - (var(--grid-num) / 2));}
.panel__3__pc > * {width:calc((97% / 3) - (var(--grid-num) * 2 / 3));}
.panel__4__pc > * {width:calc((100% / 4) - (var(--grid-num) * 3 / 4));}
.panel__5__pc > * {width:calc((100% / 5) - (var(--grid-num) * 4 / 5));}
.panel__6__pc > * {width:calc((100% / 6) - (var(--grid-num) * 5 / 6));}
.panel__7__pc > * {width:calc((100% / 7) - (var(--grid-num) * 6 / 7));}
.panel__8__pc > * {width:calc((100% / 8) - (var(--grid-num) * 7 / 8));}
.panel__9__pc > * {width:calc((100% / 9) - (var(--grid-num) * 8 / 9));}
.panel__10__pc > * {width:calc((100% / 10) - (var(--grid-num) * 9 / 10));}
.panel__11__pc > * {width:calc((100% / 11) - (var(--grid-num) * 10 / 11));}
.panel__12__pc > * {width:calc((100% / 12) - (var(--grid-num) * 11 / 12));}
}

@media(max-width:1299px){
.full__wid__bg__black{max-width:1138px; margin-left:auto; margin-right:auto;}
}

@media(max-width:1199px){
.full__wid__bg__black{max-width:955px; margin-left:auto; margin-right:auto;}
}
@media(max-width:991px){
.container{padding-left:var(--grid-num); padding-right:var(--grid-num);}
.navbar__top{padding:var(--spacing-10) 0;}
.navbar__top .navbar__brand{display:none;}
.navbar__top .navbar__brand__sp{display:block;}
/* .navbar__top .user__info{display:none;} */
.navbar__top .navbar-toggler{margin-right:0px; margin-left:10px; padding:0px; height:22px; order:3;}
.navbar__top .navbar-toggler:focus{box-shadow:none;}
.navbar__top .navbar-toggler span{width:20px; height:2px; background:#FFF; display:block; border-radius:10px; transition:all 300ms;}
.navbar__top .navbar-toggler span:nth-child(2){margin:7px 0px;}
.navbar__top .menu,.menu:after,.menu:before{width:20px; height:2px; background-color:#FFF; border-radius:10px;}
.navbar__top .menu{transform:translateY(25px); transition:all 0ms 300ms; top:-25px; position:relative;}
.navbar__top .menu.animate{background-color:transparent;}
.navbar__top .menu:before{content:""; position:absolute; left:0; bottom:7px; transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
.navbar__top .menu:after{content:""; position:absolute; left:0; top:7px; transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
.navbar__top .menu.animate:after{top:0; transform:rotate(45deg); transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}
.navbar__top .menu.animate:before{bottom:0; transform:rotate(-45deg); transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}


.navbar__top .navbar-collapse{height:100%;}
.navbar__top .navbar-collapse{position:fixed; left:-100%; background:#0f0f0f; height:100vh; top:0px; z-index:5;
-webkit-transition:left .3s ease 0s;-moz-transition:left .3s ease 0s;-o-transition:left .3s ease 0s; transition:left .3s ease 0s;
-webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);
box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);}
.navbar .show{left:0px; width:265px; -webkit-transition:left .3s ease 0s;-moz-transition:left .3s ease 0s;-o-transition:left .3s ease 0s; transition:left .3s ease 0s;}

.navbar__top .navbar__nav{justify-content:flex-start;}
.navbar__top .navbar__nav li.nav__item a.nav__link{color:#fff; padding:10px 10px; display:block; width:100%; text-align:left; font-size:14px;}
.navbar__top .navbar__nav li a:after{display:none;}
.navbar__top .navbar__nav li a .icon__box{width:50px; height:100%; position:absolute; top:0px; right:0px;}
.navbar__top .navbar__nav li a .icon__box:before{width:11px; height:1px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#fff; margin:auto; transition:all .3s ease-in-out;}
.navbar__top .navbar__nav li a .icon__box:after{width:1px; height:11px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
background:#fff; margin:auto; transition:all .3s ease-in-out;}
.navbar__top .navbar__nav li.dropdown__wrap ul.show{display:block; background-color:transparent; min-width:unset; width:100%; padding:0px;} 
.navbar__top .navbar__nav li.dropdown__wrap:hover ul.dropdown__menu{display:none;}
.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li{padding:0px; margin:0px;}
.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li a{background-color:transparent; padding:0px; border:0px; padding:10px 5px;
font-size:12px;}
.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li:last-child a{border-bottom:0px;}
.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li a:after{display:none;}

.navbar__top .user__info{margin-left:auto;}
.navbar__top .user__info .search__wrap{display:none;}
.navbar__top .user__info .search__wrap__sp{display:block;}


.full__wid__bg__black{padding-left:var(--spacing-14); padding-right:var(--spacing-14);}
.global__cta__wrap{padding:var(--spacing-24);}
.global__cta__wrap .button__wrapp a{height:24px; font-size:14px; width:85px;}

.full__wid__bg__black{max-width:718px; margin-left:auto; margin-right:auto;}
}

@media(max-width:767px){
.f__h1{font-size:18px;}
.f__h2{font-size:18px;}
.f__h3{font-size:16px;}
.f__h2__medium{font-size:14px; line-height:22px;}
.main__banner{height:262px;}
.main__banner .image__box img{height:100%; object-fit:cover;}

.inner__banner__1 .image__box img{object-position:top;}

.main__banner .bannre__content .button__wrapp a{height:26px; font-size:12px; width:115px; padding:0;}
.welcome__wrap{flex-flow:row wrap;}
.welcome__wrap .content__wrap p{font-size:14px; text-align:center; line-height:normal;}

.l__panel__grid{gap:24px;}
.full__wid__bg__black{max-width:427px; margin-left:auto; margin-right:auto;}
.panel__two__col{flex-wrap:wrap;}
.panel__two__col .content__block{width:100%; flex:unset;}
.contact__wrapp{background-size:100%; background-position:top;}
.contact__wrapp__inner{display:block; border-radius:8px; border: 1px solid #073E61; overflow:hidden; background-color:transparent;}
.contact__wrapp__inner .content__block{text-align:center; padding:24px; border-radius:8px 8px 0 0;}
.form__wrap{background-color:#fff; padding-left:16px; padding-right:16px; padding-top:32px;}
.form__wrap .form__group label{font-size:12px;}
.form__wrap .form__group .form__control{height:18px;}

footer{padding-top:var(--spacing-16);}
.footer__inner{flex-flow:row wrap; padding-bottom:16px; padding-left:14px; padding-right:14px;}
.footer__inner .footer__widgets ul{row-gap:0px;}
.footer__inner .footer__widgets ul li a{font-size:14px;}
.footer__inner .footer__widgets .footer__info__wrap .logo__wrap{max-width:100px; height:100px; width:100px;}
.footer__bottom{padding-top:8px; padding-bottom:8px;}
.footer__bottom p{padding:0 14px;}
}

@media(max-width:575px){
.main__banner{height:212px;}
.welcome__wrap{max-width:235px; margin-left:auto; margin-right:auto;}
.welcome__wrap .image__box{height:160px;}
.service__card{width:100%; max-width:unset;}
.text__content{max-width:235px; margin-left:auto; margin-right:auto; font-size:14px;}
.panel__two__col .content__block .image__box{height:215px;}
.panel__two__col .content__block p{padding-left:0; padding-right:0;}

.footer__inner .footer__widgets .footer__info__wrap .logo__wrap{max-width:55px; height:60px; width:55px; padding:5px;}
.footer__inner{flex-direction:column;}
}