@import url('_var.css');
#nt_body { padding: 0;}



.quick_links { background: var(--green);}
.quick_links .nt-container { padding: 0; max-width: 1200px; }
.quick_link { display: flex;}
.quick_link__li { flex:1;  border-right: 1px solid rgba(255,255,255,.3); }
.quick_link a {display: block; padding: 2.7rem 1rem; background: transparent; text-align: center; transition: 0.3s;}
.quick_link a:hover { background: var(--darkGreen);}
.quick_link__tit {padding: 6.6rem 0 1.2rem; font-size: 2rem; font-weight: 700;  line-height: 1;  color: #fff; background: no-repeat center top; }
.quick_link__eng { font-size: 1.4rem; font-weight: 300; color: var(--lightGreen); line-height: 1; }
.quick_link__li:nth-of-type(1) { border-left: 1px solid rgba(255,255,255,.3);}
.quick_link__li:nth-of-type(1) .quick_link__tit { background-image: url(/img/ds/ico_main_link1.png);}
.quick_link__li:nth-of-type(2) .quick_link__tit { background-image: url(/img/ds/ico_main_link2.png);}
.quick_link__li:nth-of-type(3) .quick_link__tit { background-image: url(/img/ds/ico_main_link3.png);}
.quick_link__li:nth-of-type(4) .quick_link__tit { background-image: url(/img/ds/ico_main_link4.png);}

@media(max-width:768px){
  .quick_link__tit {   padding: 6.2rem 0 1.2rem; background-size: auto 40px; font-weight: 500; }
}
@media(max-width:768px){
  .quick_link { flex-wrap: wrap;}
  .quick_link__li { flex:auto; width: 50%; border: 0;}
  .quick_link__li:nth-of-type(n + 3) { border-top: 1px solid rgba(255,255,255,.3);}
  .quick_link__li:nth-of-type(odd) { border-right: 1px solid rgba(255,255,255,.3);}
}

.slogun { padding: var(--main-padding); text-align: center;}
.slogun__p1 { font-size: 3.5rem; }
.slogun__p1 b { font-weight: 800;}
.slogun__p2 { padding-top: 2.3rem; font-size: 2.5rem; font-weight: 700; color: var(--green); }

@media(max-width:768px){
  .slogun__p1 { font-size: 2.8rem; }
  .slogun__p2 { font-size: 2.1rem; }
}
@media(max-width:576px){
  .slogun__p1 { font-size: 2.5rem; }
  .slogun__p2 { padding-top: 2rem; font-size: 2.0rem; }
}

.business { position: relative;}
.business__bg-smalls { display: flex; position: relative; z-index: 2; }
.business__bg-small { flex:1; height: 100vh; }

.business__bg-small a {overflow:hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; height: 100%; color: #fff; text-align: center;}
.business__bg-small a:after { content:''; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,.3);}
.business__bg-small:last-of-type a:after { display: none;}
.business__bg-small__txt { position: relative; z-index: 10;}
.business__bg-small__txt .h3 { margin-top: 4.5rem; font-size: 4.5rem; font-weight: 800; line-height: 1.3; transition: 0.3s; }
.business__bg-small__txt p { padding-top: 1.7rem; font-size: 2rem; line-height: 1.44; }
.business__bg-small__txt span { opacity:0; display: inline-block; margin-top: -2rem; width: 22rem; height: 5rem; line-height: 5rem; text-align: center; font-size: 1.6rem; background: rgba(30,57,50,.75); transition: 0.3s;  border-radius: 2.5rem; }
.business__bg-small a .bg-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 102%; height: 102%; background: no-repeat center / cover; transition: 0.3s;}
.business__bg-small:nth-of-type(1) a .bg-box { background-image: url(/img/ds/main_bg_small1.png);}
.business__bg-small:nth-of-type(2) a .bg-box { background-image: url(/img/ds/main_bg_small2.png);}
.business__bg-small:nth-of-type(3) a .bg-box { background-image: url(/img/ds/main_bg_small3.png);}
.business__bg-small:nth-of-type(4) a .bg-box { background-image: url(/img/ds/main_bg_small4.png);}

.business__bg-big { display: none; position: absolute; z-index: 1; left: 0;  top: 0; width: 100%; height: 100vh; background:no-repeat center cover;}
.business__bg-big:nth-of-type(1) { background-image: url(/img/ds/main_bg_big1.png);}
.business__bg-big:nth-of-type(2) { background-image: url(/img/ds/main_bg_big2.png);}
.business__bg-big:nth-of-type(3) { background-image: url(/img/ds/main_bg_big3.png);}
.business__bg-big:nth-of-type(4) { background-image: url(/img/ds/main_bg_big4.png);}
.business__bg-big.on { display: block;}

@media(min-width:992px){
  .business__bg-small a:hover .h3 { opacity:1; margin-top: 0; }
  .business__bg-small a:hover span { opacity:1; margin-top: 4.5rem; }
  .business__bg-small.on .bg-box { left:-100% }
}

@media(max-width:1300px){
  .business__bg-small__txt .h3 { font-size: 3.4rem;  }
  .business__bg-small__txt p { font-size: 1.8rem;}
}

@media(max-width:991px){
  .business__bg-smalls { flex-wrap:wrap}
  .business__bg-small { flex:auto; width: 50%; height: 40rem;}
  .business__bg-small a:after { display: none;}
  .business__bg-small__txt .h3 { font-size: 3.4rem; }
  .business__bg-small__txt p { font-size: 1.8rem;}
  .business__bg-bigs { display: none;}
}

@media(max-width:576px){
  .business__bg-small {  height: 36rem;}
}
@media(max-width:440px){
  .business__bg-small {  width: 100%; height: 32rem;}
}


.contact { padding: var(--main-padding); background: #f6f7fc;}
.contact .header { padding-bottom: 6rem;  text-align: center;}
.contact .header h2 { font-size: 4.5rem; font-weight: 700; line-height: 1; }
.contact .header p { padding-top: 2rem;  font-size: 1.8rem; font-weight: 300; color: #777;  }
.contact .flex { gap:2rem;  }
.contact .flex .info {display: flex; width: 100%; border: 1px solid #e1e1e1;}
.contact .flex .info .map-wrap { width: 65%; }
.contact .flex .info .call-center { flex:1; padding: 3rem 3rem 3rem 5rem; background: #fff;}
.contact .flex .info .call-center__en { font-size: 1.6rem; font-weight: 300; color: #999; line-height: 1; }
.contact .flex .info .call-center__tit { padding: 2rem 0 ; font-size: 3.5rem; font-weight: 700; color: #111; line-height: 1;   }
.contact .flex .info .call-center__tel { font-size: 3.6rem; font-weight: 900; line-height: 1.5; color: var(--green);   }
.contact .flex .info .call-center__tel img{ width: 33px; height: auto; display: block;}
.contact .flex .info .call-center__tel .img_icon{ display: inline-block; width: 33px;;}

.contact .flex .info .call-center__fax { font-size: 3.6rem; font-weight: 900; line-height: 1.3; color: #555; padding: 12px 0 0; }
.contact .flex .info .call-center__fax img{ width: 33px; height: auto;display: block;}
.contact .flex .info .call-center__fax .img_icon{ display: inline-block; width: 33px;;}

.contact .flex .info .call-center__time { padding-top: 2rem; font-weight: 300; color: #111; line-height: 1.8; }
.contact .flex .info .call-center__time b { font-weight: 700; ;}
.contact .flex .link { display: flex; flex-direction: column; flex:1; border: 1px solid #e1e1e1; background: #fff; }
.contact .flex .link li { display: flex; align-items: center; justify-content: center; flex:1; border-bottom: 1px solid #e1e1e1;}
.contact .flex .link li:last-of-type { border-bottom: 0;}
.contact .flex .link li a { display: block; text-align: center; background: #fff; }

.contact .flex .link .link_tit{ font-size: 20px; font-weight: 800; padding: 10px 0; background: #f4f4f4;}

.link_box .link { display: flex;background: #fff; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.link_box .link1 li{width: 33.3333%; padding: 10px; text-align: center; border-left: 1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.link_box .link1 li:nth-of-type(3n){ border-right: 1px solid #e1e1e1;}
.link_box .link1 li:nth-of-type(4),.link_box .link1 li:nth-of-type(5),.link_box .link1 li:nth-of-type(6){ border-bottom: 1px solid #e1e1e1;}
.link_box .link li img{ height: 60px;}
.link_box .link2 li{width: 25%; padding: 10px; text-align: center; border-left: 1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.link_box .link2 li:nth-of-type(4n){ border-right: 1px solid #e1e1e1;}
.link_box .link2 li:nth-of-type(5),.link_box .link2 li:nth-of-type(6),.link_box .link2 li:nth-of-type(7),.link_box .link2 li:nth-of-type(8){ border-bottom: 1px solid #e1e1e1;}
.link_box .link_tit{background: #f4f4f4; margin-top: 20px; border: 1px solid #e1e1e1; border-bottom: 0; padding: 10px; text-align: center; font-size: 20px; font-weight: 800;}
@media(max-width:1100px){
  .contact .flex { gap:1rem}
  .contact .flex .info .call-center { padding: 4rem 2rem;}
  .contact .flex .info .call-center__tit { font-size: 3.3rem;}
}
@media(max-width:991px){
  .contact .header { padding-bottom: 5rem; }
  .contact .flex { gap:2rem; flex-direction: column;}
  .contact .flex .info { width: 100%;}
  .contact .flex .info .map-wrap { flex:inherit; width: 52%; }
  .contact .flex .info .call-center {  padding: 4rem 3rem;}
  .contact .flex .link {flex-direction: row;}
  .contact .flex .link li { border-bottom: 0; border-right: 1px solid #e1e1e1;}
  .contact .flex .link li:last-of-type { border-right: 0;}
  .contact .flex .link a { padding: 0 1rem;}
  .contact .flex .link a img { width: 100%; max-width: 100%;}
}
@media(max-width:768px){
  .contact .header { padding-bottom: 4rem; }
  .contact .flex .info { flex-direction: column;}
  .contact .flex .info .map-wrap { width: 100%;}
  .contact .flex .link {flex-wrap: wrap; }
  .contact .flex .link li { flex:none; width: 50%; border-bottom: 1px solid #e1e1e1;}
  .contact .flex .link li:nth-of-type(even) { border-right: 0;}
  .contact .flex .link li:nth-of-type(odd) { border-right: 1px solid #e1e1e1;}
}
@media(max-width:576px){
  .contact .header p { font-weight: 400;}
}
@media(max-width:440px){
  .contact .header h2 { font-size: 3.8rem;}
  .contact .header p br { display: none;}
  .contact .flex .info .call-center { padding: 4rem 2.5rem;}
}