@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////

style_en.css
- 各コンテンツごとのcss　英語用

//////////////////////////////////////////////////////////////////////////////
*/
/* contents と section
===============================================
=============================================== */
.contents { max-width: 1200px; margin: auto; padding: 40px 0px 0; }
.contents section { margin: 0 0 80px; }
.contents section:last-child { margin-bottom: 0; }

@media screen and (max-width: 1199px) { .contents { padding: 40px 10px 0; } }
/* カテゴリータイトル
===============================================
=============================================== */
/* 画像あり 
============================== */
.cateTtl .cateTtlWrap { position: relative; z-index: 2; margin-right: calc((100vw - 1200px)/2); background: url("../img/company/img_cateTtl.jpg") no-repeat center top; background-size: cover !important; }
.cateTtl .cateTtlWrap h2 { display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; max-width: 1200px; height: 300px; margin: 0; margin-left: calc((100% - 1200px)/2); font-weight: bold; font-size: 3.6rem; color: #fff; text-align: center; font-feature-settings: "palt"; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
.cateTtl .breadcrumbs { position: relative; z-index: 1; background: #981d2a; background: -moz-linear-gradient(left, #981d2a 0%, #d60124 100%); background: -webkit-linear-gradient(left, #981d2a 0%, #d60124 100%); background: linear-gradient(to right, #981d2a 0%, #d60124 100%); margin-top: -250px; margin-left: calc((100vw - 1200px)/2); }
.cateTtl .breadcrumbs ul { display: flex; flex-wrap: wrap; list-style: none; max-width: 1200px; min-height: 300px; margin: 0; padding: 265px 0 10px 20px; color: #fff; font-size: 1.2rem; }
.cateTtl .breadcrumbs li { position: relative; margin: 0; padding: 0 1.5em 0 0; }
.cateTtl .breadcrumbs li::before { position: absolute; right: .4em; content: ">"; }
.cateTtl .breadcrumbs li:last-child::before { content: none; }
.cateTtl .breadcrumbs a { color: #fff; }
@media screen and (max-width: 1199px) { .cateTtl .cateTtlWrap { margin-right: 0; }
  .cateTtl .cateTtlWrap h2 { margin-left: 0; }
  .cateTtl .breadcrumbs { margin-left: 0; } }
@media screen and (max-width: 959px) { .cateTtl .cateTtlWrap h2 { height: 200px; font-size: 2.8rem; }
  .cateTtl .breadcrumbs { margin-top: 0; }
  .cateTtl .breadcrumbs ul { min-height: auto; padding: 10px; font-size: 1.0rem; } }
@media screen and (max-width: 599px) { .cateTtl .cateTtlWrap h2 { height: 100px; font-size: 1.8rem; }
  .cateTtl .breadcrumbs { margin-top: 0; }
  .cateTtl .breadcrumbs ul { min-height: auto; padding: 7px 10px; } }

  /* 画像無し 
============================== */
.cateTtl_noimg {
  background: #981d2a;
  background: -moz-linear-gradient(left, #981d2a 0%, #d60124 100%);
  background: -webkit-linear-gradient(left, #981d2a 0%, #d60124 100%);
  background: linear-gradient(to right, #981d2a 0%, #d60124 100%);
}
.cateTtl_noimg h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  margin: auto;
  padding-top: 20px;
  font-weight: bold;
  font-size: 3.6rem;
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: .05em;
  text-align: center;
}
.cateTtl_noimg .breadcrumbs {
  position: relative;
  z-index: 1;
  margin-left: calc((100% - 1200px)/2);
}
.cateTtl_noimg .breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  max-width: 1200px;
  margin: 0;
  padding: 10px 0 10px 20px;
  color: #fff;
  font-size: 1.2rem;
}
.cateTtl_noimg .breadcrumbs li {
  position: relative;
  margin: 0;
  padding: 0 1.5em 0 0;
}
.cateTtl_noimg .breadcrumbs li::before {
  position: absolute;
  right: .4em;
  content: ">";
}
.cateTtl_noimg .breadcrumbs li:last-child::before {
  content: none;
}
.cateTtl_noimg .breadcrumbs a {
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .cateTtl_noimg .breadcrumbs {
    margin-left: 0;
  }
}
@media screen and (max-width: 959px) {
  .cateTtl_noimg .cateTtlWrap h2 {
    font-size: 2.8rem;
    height: 120px;
  }
  .cateTtl_noimg .breadcrumbs ul {
    padding: 10px;
    font-size: 1.0rem;
  }
}
@media screen and (max-width: 599px) {
  .cateTtl_noimg .cateTtlWrap h2 {
    height: 70px;
    font-size: 1.8rem;
  }
  .cateTtl_noimg .breadcrumbs ul {
    padding: 7px 10px;
  }
}

/* parts
===============================================
=============================================== */
.contents > section > h3:first-of-type, .contents > section > .inner > h3:first-of-type, .contents > section > .inner02 > h3:first-of-type { margin-top: 0; }

section { /* 見出し 
============================== */ }
section h3 { position: relative; padding-bottom: .9rem; font-size: 3.2rem; line-height: 1.5; text-align: center; font-feature-settings: "palt"; }
section h3::after { position: absolute; left: 50%; bottom: 0; content: ""; display: block; width: 50px; height: 3px; transform: translate(-50%, -50%); background: #d60124; }
section h4 { position: relative; margin: 40px 0 20px; padding-bottom: .7rem; font-size: 2.8rem; line-height: 1.5; border-bottom: 2px #e8e8e8 solid; font-feature-settings: "palt"; }
section h4::after { position: absolute; left: 0; bottom: -2px; content: ""; display: block; width: 300px; height: 2px; background: #d60124; }
section h5 { margin: .8em 0; color: #a00; font-size: 1.8rem; line-height: 1.5; font-feature-settings: "palt"; }
section h6 { margin: .8em 0; font-size: 1.6rem; line-height: 1.5; font-feature-settings: "palt"; }
@media screen and (max-width: 959px) { section h3 { font-size: 2.4rem; }
  section h4 { font-size: 2.2rem; padding-bottom: .5rem; }
  section h5 { font-size: 1.6rem; }
  section h6 { font-size: 1.4rem; } }
@media screen and (max-width: 599px) { section h3 { font-size: 2.0rem; }
  section h3::after { width: 30px; }
  section h4 { font-size: 1.8rem; margin: .8em -10px; padding: 0 10px .5rem; }
  section h4::after { width: 100px; }
  section h5 { font-size: 1.6rem; }
  section h6 { font-size: 1.4rem; } }

/* 2カラム
============================== */
.sec_2clm_55 { display: flex; }
.sec_2clm_55 .sec_2clm_l { width: 48%; margin: 0 4% 0 0; }
.sec_2clm_55 .sec_2clm_r { width: 48%; margin: 0; }
.sec_2clm_55 img { max-width: 100%; height: auto; }
@media screen and (max-width: 959px) { .sec_2clm_55 .sec_2clm_l { width: 49%; margin: 0 2% 0 0; }
  .sec_2clm_55 .sec_2clm_r { width: 49%; } }
@media screen and (max-width: 599px) { .sec_2clm_55 { flex-wrap: wrap; }
  .sec_2clm_55 .sec_2clm_l { width: 100%; margin: 0; }
  .sec_2clm_55 .sec_2clm_r { width: 100%; margin-top: 10px; } }

.sec_2clm_64 { display: flex; }
.sec_2clm_64 .sec_2clm_l { width: 58%; margin: 0 4% 0 0; }
.sec_2clm_64 .sec_2clm_r { width: 38%; margin: 0; }
.sec_2clm_64 img { max-width: 100%; height: auto; }
@media screen and (max-width: 959px) { .sec_2clm_64 .sec_2clm_l { width: 59%; margin: 0 2% 0 0; }
  .sec_2clm_64 .sec_2clm_r { width: 39%; } }
@media screen and (max-width: 599px) { .sec_2clm_64 { flex-wrap: wrap; }
  .sec_2clm_64 .sec_2clm_l { width: 100%; margin: 0; }
  .sec_2clm_64 .sec_2clm_r { width: 100%; margin-top: 10px; } }

.sec_2clm_46 { display: flex; }
.sec_2clm_46 .sec_2clm_l { width: 38%; margin: 0 4% 0 0; }
.sec_2clm_46 .sec_2clm_r { width: 58%; margin: 0; }
.sec_2clm_46 img { max-width: 100%; height: auto; }
@media screen and (max-width: 959px) { .sec_2clm_46 .sec_2clm_l { width: 39%; margin: 0 2% 0 0; }
  .sec_2clm_46 .sec_2clm_r { width: 59%; } }
@media screen and (max-width: 599px) { .sec_2clm_46 { flex-wrap: wrap; }
  .sec_2clm_46 .sec_2clm_l { width: 100%; margin: 0; }
  .sec_2clm_46 .sec_2clm_r { width: 100%; margin-top: 10px; } }

.contents { /* テーブル系 
============================== */ /* リスト系 
============================== */ /* フォーム - トップで使用する分はtop.cssに
============================== */ }
.contents table { margin-top: 2rem; margin-bottom: 2rem; border-collapse: collapse; border: 0; border-top: 1px #e4e4e4 solid; }
.contents table th, .contents table td { padding: 1.5rem 2.5rem; }
@media screen and (max-width: 599px) { .contents table th, .contents table td { padding: 1rem 1.5rem; } }
.contents table tr { border-bottom: 1px #e4e4e4 solid; }
.contents table th { background: #f2f2f2; text-align: right; }
.contents table th + th { border-left: 1px #fcfcfc solid; }
.contents table td + td { border-left: 1px #f2f2f2 solid; }
.contents table.th_nowrap th { white-space: nowrap; }
@media screen and (max-width: 599px) { .contents .tbl_style01 { width: 100%; }
  .contents .tbl_style01 th, .contents .tbl_style01 td { display: block; width: 100%; padding: 1rem; }
  .contents .tbl_style01 th + th, .contents .tbl_style01 td + td { border-left: none; border-top: 1px #f2f2f2 solid; } }
.contents dl { margin-top: 2rem; margin-bottom: 2rem; }
.contents dl dt { font-weight: bold; }
.contents dl dd { margin-left: 0; }
.contents dl dd + dt { margin-top: 1rem; }
.contents .dl_parallel { display: flex; flex-wrap: wrap; border-top: 1px #e4e4e4 solid; }
.contents .dl_parallel dt, .contents .dl_parallel dd { padding: 1.5rem 2.5rem; border-bottom: 1px #e4e4e4 solid; }
.contents .dl_parallel dt { width: 30%; }
.contents .dl_parallel dd { width: 70%; margin: 0; }
.contents .dl_parallel dd + dt { margin-top: 0; }
@media screen and (max-width: 599px) { .contents .dl_parallel dt, .contents .dl_parallel dd { padding: 1rem 2rem; } }
.contents .dl_table { display: flex; flex-wrap: wrap; border-top: 1px #e4e4e4 solid; }
.contents .dl_table dt, .contents .dl_table dd { padding: 1.5rem 2.5rem; border-bottom: 1px #e4e4e4 solid; }
.contents .dl_table dt { width: 30%; background: #f2f2f2; }
.contents .dl_table dd { width: 70%; margin: 0; }
.contents .dl_table dd + dt { margin-top: 0; }
@media screen and (max-width: 599px) { .contents .dl_table dt { border-bottom: none; }
  .contents .dl_table dt, .contents .dl_table dd { width: 100%; padding: 1rem 2rem; } }
.contents input[type="search"], .contents input[type="password"], .contents input[type="email"], .contents input[type="text"] { box-sizing: border-box; width: 100%; border: 1px solid #c6c6c6; padding: 10px; }
.contents input[type="text"].error, .contents input[type="number"].error, .contents input[type="file"].error, .contents input[type="password"].error { background-color: #fce5e6; border-color: #f06368; }
.contents textarea:focus { border-color: #ffebe6; }
.contents input[type="search"]:focus, .contents input[type="password"]:focus, .contents input[type="email"]:focus, .contents input[type="text"]:focus { border-color: #ffebe6; }
.contents select { position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 32px; background: #fff url(../img/common/icn_arrow02_b.svg) no-repeat right 10px top 50%; background-size: 14px 8px; text-overflow: ellipsis; white-space: normal; vertical-align: middle; border: 1px solid #ccc; padding: 0 30px 0 10px; outline: none; }
.contents select:focus { border-color: #d60124; }
.contents select::-ms-expand { display: none; }
.contents select:focus option { background-color: #fff; }
.contents select[disabled] { border: none; background: none; }

/* 02 ページ個別
===============================================
=============================================== */
/* 企業情報 - 会社概要・沿革
============================== */
.dl_hinmoku { display: flex; flex-wrap: wrap; max-width: 800px; margin: auto; }
.dl_hinmoku dt { width: 40%; margin-top: 0 !important; padding-top: 1rem; color: #a00; font-size: 1.6rem; border-top: 1px solid #e4e4e4; }
@media screen and (max-width: 599px) { .dl_hinmoku dt { font-size: 1.4rem; }
  .dl_hinmoku dt:first-of-type { padding-top: 0; } }
.dl_hinmoku dd { width: 60%; border-top: 1px solid #e4e4e4; }
@media screen and (max-width: 599px) { .dl_hinmoku dd { border-top: none; } }
.dl_hinmoku dt:first-of-type, .dl_hinmoku dd:first-of-type { border-top: none; }
@media screen and (max-width: 599px) { .dl_hinmoku dt, .dl_hinmoku dd { width: 100%; } }
.dl_hinmoku ul { padding-left: 2rem; }

.tbl_officer { width: 100%; max-width: 600px; margin: auto; }
.tbl_officer th { width: 50%; }

/* 企業情報 - 営業所・事業所・関連企業
============================== */
/* 地図画像とページ内リンク */
.sec_map { width: 70%; max-width: 100%; margin: auto; text-align: center; }
@media screen and (max-width: 800px) { .sec_map { width: 100%; } }

/* 営業所等 一覧 */
.sec_office_list table { table-layout: fixed; width: 90%; margin: 2rem auto; }
@media screen and (max-width: 959px) { .sec_office_list table { width: 100%; } }
@media screen and (max-width: 599px) { .sec_office_list table { display: block; max-width: 100%; } }
@media screen and (max-width: 959px) { .sec_office_list th, .sec_office_list td { word-wrap: break-word; /* IE11用 */ overflow-wrap: break-word; } }
@media screen and (max-width: 599px) { .sec_office_list th, .sec_office_list td { display: inline-block; } }
.sec_office_list th { width: 33%; }
@media screen and (max-width: 959px) { .sec_office_list th { width: 50%; padding: 1.5rem 20px !important; } }
@media screen and (max-width: 599px) { .sec_office_list th { width: 100%; max-width: 100%; } }

/* 関連会社 */
.sec_affiliated table { width: 100%; margin: 2rem auto; }
.sec_affiliated table th { text-align: left; }
.sec_affiliated table th:first-child { width: 45%; }
@media screen and (max-width: 599px) { .sec_affiliated table { width: 100%; } }

/* 企業情報 - 環境への取り組み
============================== */
.csr_main_copy { padding: 50px 20px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 2.4rem; font-weight: bold; line-height: 1.5; font-feature-settings: "palt"; background: -moz-linear-gradient(left, white 40%, rgba(255, 255, 255, 0) 100%), -moz-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%), url("/images/company/csr/bg_copy.jpg") no-repeat right; background: -webkit-linear-gradient(left, white 40%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%), url("/images/company/csr/bg_copy.jpg") no-repeat right; background: linear-gradient(to right, white 40%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%), url("/images/company/csr/bg_copy.jpg") no-repeat right; background-size: auto, auto, 100%; }
.csr_main_copy p { margin: 0; text-shadow: 0 0 10px #fff; }
@media screen and (max-width: 959px) { .csr_main_copy { margin-left: -10px; margin-right: -10px; padding: 30px 20px; font-size: 2.0rem; } }
@media screen and (max-width: 599px) { .csr_main_copy { font-size: 1.6rem; background: -moz-linear-gradient(left, white 20%, rgba(255, 255, 255, 0) 100%), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url("/images/company/csr/bg_copy.jpg") no-repeat right; background: -webkit-linear-gradient(left, white 20%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url("/images/company/csr/bg_copy.jpg") no-repeat right; background: linear-gradient(to right, white 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url("/images/company/csr/bg_copy.jpg") no-repeat right; background-size: auto, auto, 100%; }
  .csr_main_copy .dpib { display: inline !important; } }

.dl_csr dt { position: relative; margin: 20px 0; padding-bottom: .7rem; font-size: 2.0rem; line-height: 1.5; border-bottom: 2px #e8e8e8 solid; font-feature-settings: "palt"; }
.dl_csr dt::after { position: absolute; left: 0; bottom: -2px; content: ""; display: block; width: 200px; height: 2px; background: #d60124; }
@media screen and (max-width: 959px) { .dl_csr dt::after { width: 100px; } }
@media screen and (max-width: 959px) { .dl_csr dt { font-size: 1.8rem; } }
@media screen and (max-width: 599px) { .dl_csr dt { font-size: 1.6rem; } }

.group_mark_rohs { display: flex; align-items: center; }
.group_mark_rohs .group_mark_rohs_img { flex-basis: 140px; flex-shrink: 0; margin: 0 20px 0 0; }
@media screen and (max-width: 599px) { .group_mark_rohs .group_mark_rohs_img { flex-basis: 100px; margin-right: 10px; } }
.group_mark_rohs .group_mark_rohs_txt p { margin: 0; line-height: 1.3; }

.box_rohs_aside { padding: 20px; border: 5px solid #f2f2f2; color: #060; font-weight: bold; }
@media screen and (max-width: 599px) { .box_rohs_aside { padding: 10px; } }

.list_substance { display: flex; flex-wrap: wrap; list-style: none; max-width: 700px; margin: auto; padding: 0; transition: .2s; }
@media screen and (max-width: 959px) { .list_substance { max-width: 520px; } }
@media screen and (max-width: 599px) { .list_substance { max-width: 100%; } }
.list_substance li { max-width: 100px; margin: 10px 20px; flex-shrink: 0; transition: .2s; }
@media screen and (max-width: 959px) { .list_substance li { margin: 10px 15px; } }
@media screen and (max-width: 599px) { .list_substance li { width: 31%; max-width: 31%; margin: 10px 1%; } }
.list_substance figure { margin: 0; text-align: center; }
.list_substance figcaption { padding-top: 5px; line-height: 1.2; font-size: 1.2rem; color: #333; font-weight: normal; word-wrap: break-word; }

.box_eco { display: flex; align-items: center; margin: auto; padding: 20px 100px; background: #f2f2f2; }
@media screen and (max-width: 959px) { .box_eco { padding: 20px; } }
@media screen and (max-width: 599px) { .box_eco { align-items: flex-start; padding: 10px; } }

.box_eco_mark { flex-shrink: 0; flex-basis: 140px; text-align: center; }
@media screen and (max-width: 599px) { .box_eco_mark { margin: 0 10px 0 0; flex-basis: 100px; }
  .box_eco_mark img { width: 100px; height: auto; } }

.box_eco_txt p { margin: 0; }
.box_eco_txt .eco_copy { margin-bottom: 1em; color: #030; font-weight: bold; }