﻿@charset "utf-8";

#col_main>section{max-width:1180px;margin:0 auto 78px;padding:0 24px;box-sizing:border-box}
#c2{clear:both;margin:0;padding:0}
#c3{clear:both;position:relative;margin:0 0 34px;padding:54px 32px 48px;overflow:hidden;background:linear-gradient(135deg,#edf7fb 0%,#fff 62%,#f7fbfd 100%);border:1px solid #d8e9f2;box-sizing:border-box}
#c3:before{content:"COMPANY";position:absolute;right:32px;bottom:-8px;color:rgba(11,49,143,.07);font-size:82px;line-height:1;font-weight:800;letter-spacing:.04em}
#c3 article{position:relative;z-index:1;text-align:left}
#c3 h1{margin:0;color:#073d70;font-size:34px;line-height:1.35;font-weight:800;letter-spacing:0;text-align:left}
#c3 h1:after{content:"";display:block;width:74px;height:4px;margin:22px 0 0;background:#d6001c}
#c4,#c6,#c9{clear:both;margin:42px 0 18px;padding:0;background:none;border:0}
#c4{margin-top:0}
#c4 h2,#c6 h2,#c9 h2{display:flex;align-items:center;gap:12px;margin:0;color:#073d70;font-size:24px;line-height:1.45;font-weight:800;text-align:left}
#c4 h2:before,#c6 h2:before,#c9 h2:before{content:"";display:block;width:5px;height:30px;background:#d6001c}
#c5,#c7{clear:both;margin:0;padding:26px 30px;background:#fff;border:1px solid #dbe8ef;border-left:5px solid #1f6fa9;box-shadow:0 12px 30px rgba(7,61,112,.07);box-sizing:border-box}
#c5 div,#c7 div{color:#283f50;font-size:15px;line-height:2;text-align:left;letter-spacing:0}
#c8{clear:both;margin:26px 0 0;padding:0}
#c8 img{display:block;width:100%!important;max-width:760px!important;height:auto!important;max-height:420px;object-fit:cover;margin:0 auto;border:1px solid #dbe8ef;box-shadow:0 14px 34px rgba(7,61,112,.08)}
#c10{clear:both;margin:0;padding:0;background:#fff;border:1px solid #dbe8ef;box-shadow:0 14px 34px rgba(7,61,112,.08);box-sizing:border-box}
#c10 dl{display:grid;grid-template-columns:220px minmax(0,1fr);margin:0;border-bottom:1px solid #e4eef4}
#c10 dl:last-child{border-bottom:0}
#c10 dl dt,#c10 dl dd{float:none!important;width:auto!important;margin:0;box-sizing:border-box}
#c10 dl dt{padding:18px 22px;background:#f3f9fc;color:#073d70;font-size:14px;line-height:1.75;font-weight:800;text-align:left}
#c10 dl dd{padding:18px 24px;color:#283f50;font-size:15px;line-height:1.85;text-align:left}
#c10 a{color:#1f6fa9;text-decoration:underline}
@media screen and (min-width:641px) and (max-width:834px){
  #col_main>section{padding:0 20px}
  #c3{margin-bottom:30px;padding:46px 24px 42px}
  #c3 h1{font-size:30px}
  #c10 dl{grid-template-columns:190px minmax(0,1fr)}
}
@media screen and (max-width:640px){
  #col_main>section{margin-bottom:54px;padding:0 16px}
  #c3{margin-bottom:26px;padding:36px 20px 34px}
  #c3:before{right:14px;bottom:-4px;font-size:48px}
  #c3 h1{font-size:26px}
  #c3 h1:after{width:58px;height:3px;margin-top:18px}
  #c4,#c6,#c9{margin:34px 0 16px}
  #c4{margin-top:0}
  #c4 h2,#c6 h2,#c9 h2{font-size:22px}
  #c5,#c7{padding:20px 22px}
  #c8 img{max-height:none}
  #c10 dl{display:block}
  #c10 dl dt{padding:14px 18px}
  #c10 dl dd{padding:16px 18px 18px}
}

/* Move company image into philosophy block */
#c7>div:first-child{
  min-width:0!important;
}
#c7 .company-c7-image{
  margin:0!important;
  padding:0!important;
}
#c7 .company-c7-image img{
  display:block!important;
  width:100%!important;
}
#c8:empty,
#c8{display:none!important;}
@media screen and (max-width:834px){
  #c7{display:block!important;}
  #c7 .company-c7-image{margin-top:22px!important;}
  #c7 .company-c7-image img{height:auto!important;max-height:none!important;}
}
