@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;
    text-align:center;
  }
  
  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-size:18px;
  font-weight:bold;
}
  .logo {
    padding-top:12.4px;
    padding-bottom:12.4px;
    padding-left:64px;
  } 
  .inquiry_button {
    padding-top:11px;
    padding-right:64px;
    display:inline-block;
  } 
    .inquiry_button img {
      display:block;
    }

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

/*メインビジュアル*/
.mainvisual {
  background-image:url(../img/Top_01.png);
  background-size:cover;
  background-position:relative;
  display:flex;
}
.mainvisual .logo_white {
  text-align:left;
  height:228px;
  padding-left:208px;
  padding-top:90px;
}

.mainvisual .mainvisual_icon {
  text-align:right;
  padding-left:123.9px;
  padding-top:26.7px;
}

/*会社概要*/
.company {
  background-image:url(../img/Top_PC_Company.png);
  background-position:top 78.3px;
  background-size:806px 371.74px;
  background-repeat: no-repeat;
  background-color:#ffffff;
}
.company .company_title {
  margin:50px 0 0 672px;
  height:8104x;
  width:322px;
}
.company h3 {
  text-align:left;
  margin:35px 0 0 672px;
  color:#333333;
  font-family:'Meiryo', 'メイリオ';
  font-size:28px;
  font-weight:bold;
}
.company h4 {
  text-align:left;
  margin:29px 0 0 672px;
  padding-right:208px;
  color:#333333;
  font-family:'Meiryo', 'メイリオ';
  font-size:16px;
  font-weight:medium;
}
.company .company_button {
  margin:37px 0 0 672px;
  height:58px;
  width:295px;
  display:inline-block;
  padding-bottom:57px;
}
  .company .company_button img {
    display:block;
  }

/*製品紹介*/
.product {
  height:927px;
  background-color:#F6F8FE;
  background-image:url(../img/Top_PC_Product.png);
  background-position:top 103.5px left 542px;
  background-size:858px 350.46px;
  background-repeat: no-repeat;
}
.product .product_title {
  margin-left:208px;
  padding-top:41px;
  height:104px;
  width:359px;
}
.product h3 {
  text-align:left;
  padding-top:35px;  
  padding-left:208px;
  color:#333333;
  font-family:'Meiryo', 'メイリオ';
  font-size:28px;
  font-weight:bold;
}
.product h4 {
  text-align:left;
  padding-top:26px;
  padding-left:208px;
  padding-right:672px;
  color:#333333;
  font-family:'Meiryo', 'メイリオ';
  font-size:16px;
  font-weight:medium;
}
.product .product_point {
  height:300px;
  width:770px;
  padding-top:96px;
  padding-left:335px;
}
.product .product_button {
  padding-top:32px;
  padding-left:573px;
  height:58px;
  width:295px;
  display:inline-block;
}
  .product .product_button img {
    display:block;
  }

/*NEWS*/
.news {
  background-color:#ffffff;
  background-image:url(../img/news_title.png);
  background-position:top 2px left 208px;
  background-size:120px 79px;
  background-repeat: no-repeat;
}
.news .ul {
  width:800px;
}
.news li {
  display:flex;
  height:42px;
  margin-left:432px;
  margin-right:208px;
  border-bottom:1px solid #DCDFE6;
}
.news .day {
  font-family:'Meiryo', 'メイリオ';
  font-size:16px;
  font-weight:bold;
  color:#266BE1;
  padding-right:18px;
  padding-top:10px;
  height:22px;
}
.news .label{
  width:68px;
  height:22px;
  border:solid 2px #A7A7A7;
  border-radius:2.25em;
  background:#ffffff;
  color:#A7A7A7;
  text-align:center;
  font-family:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  margin-top:10px;
}
.news .text{
  font-family:'Meiryo', 'メイリオ';
  font-size:16px;
  padding-left:24px;
  padding-top:10px;
  height:22px;
}
.news li:first-child {
  margin-top:48px;
}
.news .news_button {
  padding-top:18px;
  padding-bottom:35px;
  padding-left:1114px;
  height:16px;
  width:118px;
  display:inline-block;
}
  .news .news_button img {
    display:block;
  }

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

/*お問い合わせ*/
.contact {
  width:50%;
  height:328px;
  background-image:url(../img/Top_PC_Contact.png);
  background-size:auto 328px;
}
.contact .contact_button {
  padding-top:238px;
  text-align:center;
}
  .contact .company_button a {
    display:inline-block;
  }
  .contact .company_button a img {
    display:block;
  }

/*採用情報*/
.recruit {
  width:50%;
  background-image:url(../img/Top_PC_recruit.png);
  background-size:auto 328px;
}
.recruit .recruit_attention {
  text-align:center;
  color:#ffffff;
  font-family:'Meiryo', 'メイリオ';
  font-weight:bold;
  padding-top:215px;
}
.recruit .recruit_button {
  font-size:0;
  text-align:center;
  padding-top:23px;
}
.recruit .recruit_button a {
  display:inline-block;
}
.recruit .recruit_button a img {
  display:block;
}

/*フッター*/
.footer {
  background-color:#071D47;
  display:flex;
  flex-direction:row;
  font-family:'Meiryo', 'メイリオ';
}
.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;
}