@charset "UTF-8";

/*全体のスタイル*/
html {
  margin: 0;
  padding: 0;
  height:100%;
}

body {
  margin: 0; 
  padding: 0;
  color: #4a4a4a;
  line-height: 1.5;
  background-color: #fff;
  width:1440px;
  height:100%;
  transform-origin:0 0;
  overflow-x:hidden;
}

h1,h2,h3,h4 {
    margin: 0;
    padding: 0;
    font-family:'Meiryo', 'メイリオ';
}
  
  h1 {
    font-size:24px;
  }
  
  h2 {
    font-size:28px; 
    text-align: center;
  }
  
  h3 {
    font-size:18px;
  }
  
  p, a {
    margin: 0;
    padding: 0;
    font-family:'Meiryo', 'メイリオ'; 
    font-size: 18px;
    color: #4a4a4a;
  }
  
  a {
    text-decoration: none;
  }
  
  a:hover {  
    opacity: 0.7;
  }
  
  ul {
    padding: 0;
    margin: 0;
  }
  
  li {
    list-style: none;
  }
  
  .inner {
    padding: 70px 50px;
    margin: 0 auto;
    text-align:center;
  }
  
  .line {
    background-color: #4a4a4a;
    width: 55px;
    height: 1px;
    margin: 30px auto 60px;
  }

/*ヘッダー*/
header {
  background-color: #ffffff;
  color: #333;  
}

/*flexboxのスタイル*/
header .inner {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  height: 100%;
  margin:0 auto;
}

header ul {
  display: flex;
}

header li {
  padding: 0 20px;
  padding-top:17px;
}
header li a {
  color:#333333;
  padding-top:17px;
  font-family:'Meiryo', 'メイリオ';
  font-size:18px;
  font-weight:bold;
}
.logo {
  padding-top:12.4px;
  padding-bottom:12.4px;
  padding-left:64px;
 } 
.inquiry_button {
  vertical-align: center;
  padding-top:11px;
  padding-right:64px;
  display:inline-block;
 } 
   .inquiry_button img {
    display:block;
   }

header .hierarchy01 {
  color:#949494;
  font-family:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}
header .hierarchy01 a {
  color:#949494;
  font-family:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}
header .hierarchy02 {
  color:#333333;
  font-family:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}
header .hierarchy02 a {
  color:#333333;
  font-family:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}

/*グローバルナビ*/
.global-nav li a.active {
  padding-bottom:15px;
  border-bottom:4px solid #0C2175;
}

/*タイトル画像*/
.company_title {
  margin:0;
}

/* 企業理念とビジョン */
.philosophy {
  background-image:url(../img/Top_01_icon.png);
  background-size:316.2px 248.4px;
  background-position:top 103.5px left 950px;
  background-repeat:no-repeat;
}
  .philosophy .philosophy_title {
    margin-left:208px;
    padding-top:41px;
  }
  .philosophy h3 {
    text-align:left;
    padding-top:36px;
    padding-left:208px;
    color:#333333;
    font-family:'Meiryo', 'メイリオ';
    font-size:28px;
    font-weight:bold;
  }
  .philosophy h4 {
    text-align:left;
    padding-top:26px;
    padding-left:208px;
    color:#333333;
    font-family:'Meiryo', 'メイリオ';
    font-size:16px;
    font-weight:medium;
  }
.vision {
  padding:96px 0;
  text-align:center;
}

/*会社概要*/
.company {
    background-image:url(../img/company_background_PC.png);
    background-size:806px 602px;
    background-position:0 48px;
    background-repeat:no-repeat;
  }
  .company .company_art {
    margin-top:50px;
    margin-left:672px;
  }
  .company h3 {
    font-family:'Meiryo', 'メイリオ';
    font-size:28px;
    font-weight:bold;
    margin-top:27px;
    margin-left:672px;
    color:#333333;
  }
  .company h4 {
    font-family:'Meiryo', 'メイリオ';
    font-size:16px;
    margin-top:28px;
    margin-left:672px;
    margin-bottom:85px;
    padding-right:208px;
    color:#333333;
  }

/* 会社概要 */
.office {
  background-color:#F6F8FE;
}
  .office .office_title {
    padding-top:54px;
    margin-left:208px;
  }
  .office .office_contents {
    display:flex;
    flex-direction:row;
  }
    .table {
      width:585px;
      border:none;
      margin-left:183px;
      padding-top:32px;
    }
    .table .td_left {
      font-family:'Meiryo', 'メイリオ';
      font-size:16px;
      font-weight:bold;
      color:#333333;
      text-align:left;
      border-bottom:1px solid #DCDFE6;
      line-height:2;
    }
    .table .td_right {
      font-family:'Meiryo', 'メイリオ';
      font-size:16px;
      color:#333333;
      text-align:left;
      border-bottom:1px solid #DCDFE6;
      line-height:2;
    }
    .table:last-of-type {
      padding-bottom:36px;
    }
    .office .office_contents .office_map {
      margin-left:40px;
      padding-top:32px;
    }

/* 会社沿革 */
.history {
  display:flex;
  flex-direction:row;
}
  .history .office_history {
    margin-top:50px;
    margin-left:208px;
    padding-bottom:50.2px;
  }
  .table_history {
    width:560px;
    border:none;
    margin-top:48px;
    margin-left:40px;
    padding-bottom:86px;
  }
    .table_history .td_year {
      font-family:'Meiryo', 'メイリオ';
      font-size:12px;
      font-weight:bold;
      color:#333333;
    }
    .table_history .td_month {
      font-family:'Meiryo', 'メイリオ';
      font-size:12px;
      font-weight:bold;
      color:#333333;
    }
    .table_history .td_event {
      font-family:'Meiryo', 'メイリオ';
      font-size:12px;
      color:#333333;
    }

/*お問い合わせ*/
.contact {
  background-color:#2A3F60;
}
  .contact .contact_title {
    padding-top:42px;
    text-align:center;
  }
  .contact .tel {
    margin-top:32px;
    padding-left:385px;
    padding-bottom:42px;
  }
  .contact .inquiry {
    margin-top:32px;
    margin-left:40px;
    padding-bottom:42px;
    display:inline-block;
  }
    .contact .inquiry img {
      display:block;
    }

/*横並びにする*/
.toppage{
  display:flex;
  flex-direction:row;
}

/*フッター*/
.footer {
  background-color:#071D47;
  display:flex;
  flex-direction:row;
}
.footer .footer_logo {
  padding-top:38px;
  padding-left:208px;
}
.footer .footer01 {
  font-family:'Meiryo', 'メイリオ';
  font-size:16px;
  color:#ffffff;
  padding-top:12px;
}
.footer .footer01:first-child {
  padding-top:40px;
}
.footer .footer01:last-child {
  padding-bottom:58px;
}
.footer .footer01 a {
  font-family:'Meiryo', 'メイリオ';
  font-size:16px;
  color:#ffffff;
  padding-left:80px;
}
.footer .footer02 {
  font-family:'Meiryo', 'メイリオ';
  font-size:16px;
  color:#ffffff;
  padding-top:12px;
}
.footer .footer02:first-child {
  padding-top:40px;
}
.footer .footer02 a {
  font-family:'Meiryo', 'メイリオ';
  font-size:16px;
  color:#ffffff;
  padding-left:80px;
}
.footer .copyright {
  margin-top:220px;
  padding-left:164.3px;
  padding-bottom:13px;
}