@charset "UTF-8";
/* =========================================================
 * OYO追加
========================================================= */

.business article .division--block--info--title {
  min-width: 480px;
}
.business article .division--block--info--texts {
  flex: 1;
}
@media screen and (min-width: 769px) {
  .business article .division--block--info--title {
    width: 48%;
  }
  .business article .division--block--info--texts {
    width: 52%;
  }
}
@media screen and (max-width: 768px) {
  .business article .division--block--info--title {
    min-width: auto;
  }
}
.business article .division--block--recommended {
  margin-top: 60px;
}
@media screen and (min-width: 1071px) {
  .business article .division--block--recommended {
    max-width: 1030px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1070px) {
  .business article .division--block--recommended {
    max-width: calc(100% - 40px);
  }
}



.person article .interview--inner--wrap--category .first_txt {
  margin-top: 40px;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: .06em;
  text-align: justify;
}





/* =========================================================
 * 2024/1/11 OYO追加
========================================================= */
body {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.top .message_area p {
  font-size: 18px;
}



/* 事業部紹介 */
.business article .field--inner {
  margin-top: -200px;
}
.business article .field--inner--list {
  overflow-x: auto;
}
.business article .field--inner--list table tbody td span,
.business article .division--lead--anchor .btn span,
.business article .division--block--info--title h3 span {
  display: block;
  font-size: 11px;
  letter-spacing: 0;
}
.business article .division--block--info--title h3 span {
  margin-top: 0.5em;
}
.business article .field--inner--list table tbody tr th,
.business article .field--inner--list table tbody tr td {
  letter-spacing: 0;
}
.business article .field--inner--list table tbody tr.row01 td,
.business article .field--inner--list table tbody tr.row02 td,
.business article .field--inner--list table tbody tr.row03 td,
.business article .field--inner--list table tbody tr.row04 td {
  line-height: 1.4em;
}
.business article .field--inner--list table tbody tr.subtitle th,
.business article .field--inner--list table tbody tr.subtitle td {
  padding: 15px;
  line-height: 1.4em;
}
.business article .field--inner--list table tbody tr.texts th {
  letter-spacing: 0;
  padding: 15px;
}
.business article .field--inner .notes {
  margin-top: 20px;
  padding-left: 1.3em;
  font-size: 1.3rem;
  line-height: 1.4;
}
.business article .field--inner .notes li {
  position: relative;
}
.business article .field--inner .notes li::before {
  position: absolute;
  top: 0;
  left: -1.3em;
  content: '※';
}
.business article .field--inner .notes li + li {
  margin-top: 0.5em;
}
.business article .division--lead--anchor .btn a {
  font-size: 16px;
}
.business article .division--block--info--texts .txt h4 {
  font-size: 24px;
}
.business article .division--block--info--texts .txt p {
  font-size: 16px;
}
.business article .division--block--info--title h3 {
  font-size: 24px;
  letter-spacing: 0;
}
.business article .division--lead h2 {
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  .pages article .main--inner--title p {
    margin-top: 40px;
  }
  .business article .field--inner {
    margin-top: 40px;
  }
  .business article .field--inner p.info {
    color: #005bab;
  }
  .business article .field--inner p.comment {
    color: #333333;
  }
}
/* 24/3/1更新 */
.business article .field--inner--list--sticky {
  margin-top: 10px;
}
.business article .field--inner--list--sticky table {
  table-layout: fixed;
  width: 100%;
  min-width: auto;
  margin-top: 0;
  border: none;
  border-collapse: separate;
}
.business article .field--inner--list--sticky thead th,
.business article .field--inner--list--sticky tbody th {
  border-left: 1px solid #669dcd;
}
.business article .field--inner--list--sticky table thead tr:nth-of-type(1) th,
.business article .field--inner--list--sticky table thead tr:nth-of-type(1) td {
  border-top: 1px solid #669dcd;
}
.business article .field--inner--list.field--inner--list--sticky th,
.business article .field--inner--list.field--inner--list--sticky td {
  padding: 10px;
  border-right: 1px solid #669dcd;
  border-bottom: 1px solid #669dcd;
  font-size: 16px;
  line-height: 1.4em;
}
.business article .field--inner--list.field--inner--list--sticky thead th,
.business article .field--inner--list.field--inner--list--sticky thead td {
  font-size: 14px;
  line-height: 1.4em;
  text-align: center;
}
.business article .field--inner--list--sticky table tbody tr td {
  min-width: auto;
}
.business article .field--inner--list--sticky thead th {
  background-color: #eef0f2;
}
.business article .thead_sp {
  display: none;
}
.business article .field--inner--list--sticky .head.tech {
  background-color: #8ed7e9;
}
.business article .field--inner--list--sticky .tech {
  background-color: #e5faff;
}
.business article .field--inner--list--sticky .head.clerical {
  background-color: #e6d3a3;
}
.business article .field--inner--list--sticky .clerical {
  background-color: #fff6e2;
}
.business article .field--inner--list--sticky thead th,
.business article .field--inner--list--sticky thead td {
  font-weight: 500;
}
.business article .field--inner--list--sticky tbody td {
  color: #005bac;
  font-weight: 500;
}

.business article .field--inner ol.notes {
  margin-left: 1em;
  list-style-type: decimal;
}
.business article .field--inner ol.notes .pc {
  display: list-item;
}
.business article .field--inner ol.notes li::before {
  left: -2em;
}

.business article .division--lead p {
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 1.4em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .business article .field--inner--list--sticky {
    width: 100%;
    height: 500px;
    overflow: auto;
  }
  .business article .field--inner--list--sticky table {
    width: 800px;
  }
  .business article .field--inner--list--sticky thead {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
  }
  .business article .field--inner--list--sticky thead th,
  .business article .field--inner--list--sticky tbody th {
    position: sticky;
    left: 0;
  }
  .business article .thead_pc {
    display: none;
  }
  .business article .thead_sp {
    display: table-header-group;
  }
  .business article .division--lead p {
    text-align: left;
  }
  .business article .field--inner ol.notes .pc {
    display: none;
  }
}



/* 社員紹介 */
.pages article .main--inner--title p {
  font-size: 18px;
  letter-spacing: 0;
}
.person article .interview {
  margin-top: 80px;
}
.person article .interview--kv--inner h2 {
  padding: 15px 10px;
  line-height: 1em;
}
.person article .interview--kv--inner h2 span {
  display: block;
  margin-right: 0.5em;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1em;
  text-align: end;
  text-orientation: upright;
}
.person article .interview--inner--wrap--category .note {
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  text-align: center;
}
.person article .interview--inner--wrap--category h3 {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4em;
}
.person article .interview--inner--wrap--category {
  padding-bottom: 60px;
}
.person article .interview--inner--wrap--category--texts p,
.person article .interview--inner--wrap--category .last_txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 2em;
  letter-spacing: 0;
  text-align: start;
}
.person article .interview--inner--wrap--category--texts p,
.person article .interview--inner--wrap--category .last_txt,
.person article .interview--inner--wrap--category .image {
  margin-top: 0;
}
.person article .interview--inner--wrap--category p + p {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .person article .interview--kv--inner {
    height: 100%;
  }
  .person article .interview--inner--wrap--category .image {
    margin-top: 40px;
  }
  .person article .interview--inner--wrap--category .note {
    text-align: left;
  }
}



/* 社長メッセージ */
.message article .main--inner {
  background: url(../images/message/img_1.png) no-repeat top center/cover;
}
.message article .main--inner--title p {
  font-size: 13px;
  line-height: 1.6em;
}
.message article .top_m--inner--wrap--category h3 {
  position: relative;
  margin-bottom: 40px;
  padding-left: 20px;
  font-family: "Noto Serif JP", serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: .1em;
  color: #005bac;
}
.top_m--inner--wrap--category h3:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    border-left: 2px solid #005bac;
    top: 55%;
    left: 0;
    transform: translateY(-50%);
}
.message article .top_m--inner--wrap--category--block {
  padding-top: 60px;
}
.message article .top_m--inner--wrap--category--texts p,
.message article .top_m--inner--wrap--category p {
  font-size: 16px;
  font-weight: 400;
  line-height: 2em;
  letter-spacing: 0;
  text-align: start;
}
.message article .top_m--inner--wrap--category--texts,
.message article .top_m--inner--wrap--category p,
.message article .top_m--inner--wrap--category .image {
  margin-top: 0;
}
.message article .top_m--inner--wrap--category + .top_m--inner--wrap--category {
  margin-top: 2em;
}
.message article .top_m--inner--wrap--category p + p {
  margin-top: 1em;
}
.message article .top_m--inner--wrap--category.mt1,
.message article .top_m--inner--wrap--category--texts.mt1 {
  margin-top: 1em;
}
.message article .top_m--inner--wrap--category .image.mt2 {
  margin-top: 2em;
}
@media screen and (min-width: 1300px) {
  .message article .main--inner--title div.opening {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .message article .main--inner {
    background: none;
  }
  .message article .top_m--inner--wrap--category .image {
    margin-top: 40px;
  }
}



/* 企業理念 */
.vision article .container--inner--company--title p {
  font-size: 18px;
  letter-spacing: 0;
}
.vision article .container--inner--content--wrap {
  background-color: rgba(86, 47, 25, 0.5);
}
.vision article .container--inner--content--wrap p {
  font-size: 24px;
  font-weight: 700;
}
.vision article .container--inner--content--wrap p span {
  font-size: 18px;
}
.vision article .container--inner--content--wrap--comment--category dl dt {
  font-weight: 700;
}
.vision article .container--inner--content--wrap--comment--category dl dd {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6em;
  letter-spacing: 0;
}
.vision article .container--inner--content--wrap--comment {
  bottom: -100px;
}
@media screen and (max-width: 767px) {
  .vision article .container--inner--content--wrap {
    padding-bottom: 40px;
  }
  .vision article .container--inner--content--wrap--comment {
    position: static;
    width: 90%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    transform: none;
  }
}



/* 若手社員座談会 */
.session article .interview .profiles {
  padding-top: 240px;
}
.session article .interview--inner--wrap .title h3 {
  font-size: 28px;
}
.session article .interview--inner--wrap--category--texts .last_txt,
.session article .interview--inner--wrap--category--texts dl {
  margin-top: 1.6em;
  font-size: 18px;
  line-height: 1.6em;
  letter-spacing: 0;
}
.session article .interview--inner--wrap--category--texts dl dt {
  width: 3em;
}
.session article .interview--inner--wrap--category--texts dl dd {
  width: calc(100% - 3em);
}
.session article .note,
.session article .interview .note {
  font-size: 15px;
  line-height: 1.6em;
}
.session article .note {
  padding-left: 1.3em;
}
.session article .note li,
.session article .note .last_txt {
  position: relative;
  font-size: 15px;
  line-height: 1.6em;
}
.session article .note li::before {
  position: absolute;
  top: 0;
  left: -1.3em;
  content: '※';
}
@media screen and (max-width: 767px) {
  .session article .interview .profiles {
    padding-top: 40px;
  }
}



/* 注目の事業 */
.pickup article .main--inner .main--inner--title p {
  font-size: 18px;
  letter-spacing: 0;
}

.pickup article .container--inner .container--inner--box .lead {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4em;
}
.pickup article .container--inner .container--inner--box .txts {
  font-size: 16px;
  font-weight: 400;
  line-height: 2em;
  letter-spacing: 0;
  text-align: start;
}



/* 社内制度など */
.career article .education--inner--wrap .title p {
  font-size: 16px;
  line-height: 1.6em;
  letter-spacing: 0;
}
.career article .welfare--inner--lead--title h2 {
  font-size: 28px;
}
.career article .education--inner--wrap--category--texts h3 {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4em;
}
.career article .welfare--inner--wrap--content--category--col h4 {
  font-weight: 700;
}
.career article .education--inner--wrap--category--texts p,
.career article .welfare--inner--lead--title--category p.text,
.career article .welfare--inner--wrap--content--category--col p {
  font-size: 16px;
  font-weight: 400;
  line-height: 2em;
  letter-spacing: 0;
  text-align: start;
}
.career article .welfare--inner--wrap--content--category--col p {
  line-height: 1.6em;
}



/* 採⽤情報 */
.recruit article .container--inner {
  margin-top: -300px;
}
.recruit article .container--inner--information dl dt,
.recruit article .container--inner--information dl dd {
  font-size: 16px;
  line-height: 1.6em;
  letter-spacing: 0;
}
.recruit article .container--inner--information dl dt {
  font-weight: 500;
}
.recruit article .container--inner--information dl dd span,
.recruit article .container--inner--information dl dd a {
  font-weight: 500;
}
.recruit article .container--inner--message p {
  font-size: 18px;
  line-height: 2.0em;
  letter-spacing: 0;
}
.recruit article .container--inner--message p + p {
  margin-top: 1.2em;
}



/* Home */
.top .sort_back .topsort .note {
  width: 100%;
  margin-top: 60px;
  padding: 20px;
  border: 1px solid #999999;
  font-size: 13px;
}




/* =========================================================
 * 2024/6/19 OYO追加
========================================================= */
.person article .interview--kv--inner h2 {
  white-space: nowrap;
}
.person article .interview--kv--inner dl {
  right: 10px;
}
@media screen and (min-width: 768px) {
  .person article .interview--kv--inner h2 {
    padding: 15px 20px;
  }
  .person article .interview--inner--wrap--category {
    gap: 40px;
  }
  .person article .interview--inner--wrap--category h3 {
    margin-bottom: 0;
  }
  .person article .interview--inner--wrap--category div {
    flex: 1;
  }
  #tominaga .person article .interview--kv {
    background-image: url(../images/member/tominaga_kv.jpg);
  }
  #nagaoka .person article .interview--kv {
    background-image: url(../images/member/nagaoka_kv.png);
  }
  #doui .person article .interview--kv {
    background-image: url(../images/member/hoshimi_kv.jpg);
  }
  #torimoto .person article .interview--kv {
    background-image: url(../images/member/torimoto_kv.png);
  }
  #kaneko .person article .interview--kv {
    background-image: url(../images/member/kaneko_kv.png);
  }
  #danjo .person article .interview--kv {
    background-image: url(../images/member/danjo_kv.png);
  }
  #yu .person article .interview--kv {
    background-image: url(../images/member/yu_kv.png);
  }
  #akamatsu .person article .interview--kv {
    background-image: url(../images/member/hagimori_kv.png);
  }
  #gihon .person article .interview--kv {
    background-image: url(../images/member/gihon_kv.png);
  }
  #oyo .person article .interview--kv {
    background-image: url(../images/member/oyo_kv.jpg);
  }
  #nakashima .person article .interview--kv {
    background-image: url(../images/member/nakashima_kv.png);
  }
}
@media screen and (max-width: 767px) {
  .person article .interview--kv--inner dl {
    right: 5%;
  }
  .person article .interview--kv--inner dl dd {
    font-size: 2.4vw;
  }
  .person article .interview--inner--wrap--category .image {
    margin-bottom: 0;
  }
  .person article .interview--kv {
    margin-bottom: 0;
  }
  .person article .interview--kv--inner h2 {
    position: absolute;
    top: auto;
    bottom: 20px;
  }
  .person article .interview--kv--inner .imgs {
    position: static;
  }

  header .navcont .navbox .navinner a {
    display: block;
  }
}

header .navcont .navbox .navinner .nav .navblocks li {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  header .navcont .navbox .navinner .nav .navblocks li + li {
    margin-top: 10px;
  }
  header .navcont .navbox .navinner .nav .navblocks .second {
    position: relative;
    padding-left: 1.2em;
  }
  header .navcont .navbox .navinner .nav .navblocks .second::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 0.6em;
    height: 1px;
    border-top: 1px solid #ffffff;
  }
}
@media screen and (max-width: 767px) {
  header .navcont .navbox .navinner .nav {
    margin: 0;
  }
  header .navcont .navbox .navinner .nav p.ttlsnav {
    margin: 0;
    padding: 20px 40px 20px 20px;
    border-bottom: none;
    cursor: pointer;
  }
  header .navcont .navbox .navinner .nav p.ttlsnav.top {
    padding: 0;
  }
  header .navcont .navbox .navinner .nav p.ttlsnav::after {
    top: 50%;
    right: 30px;
    margin: 0;
    transform: rotate(45deg) translateY(-100%);
  }
  header .navcont .navbox .navinner .nav p.ttlsnav.top:after {
    transform: rotate(-45deg) translateX(50%);
  }
  header .navcont .navbox .navinner a {
    padding: 20px 40px 20px 20px;
  }
  header .navcont .navbox .navinner .nav .navblocks li:after {
    right: 20px;
  }
  header .navcont .navbox .navinner .nav .navblocks li {
    border-top: 1px dashed #ffffff;
    border-bottom: none;
  }
  header .navcont .navbox .navinner .nav .navblocks .second a {
    position: relative;;
    padding-left: calc(20px + 1.2em);
  }
  header .navcont .navbox .navinner .nav .navblocks .second a::before {
    position: absolute;
    top: 50%;
    left: 20px;
    content: '';
    width: 0.6em;
    height: 1px;
    border-top: 1px solid #ffffff;
  }
  header .navcont .navbox .navinner .nav + .nav {
    border-top: 1px solid #ffffff;
  }
}

footer .navifooter .innerfooter .navibox .second {
  position: relative;
  padding-left: 1.2em;
}
footer .navifooter .innerfooter .navibox .second::before {
  display: block;
  position: absolute;
  top: calc((100% - 10px) / 2);
  left: 0;
  transform: translateY(-50%);
  content: '';
  width: 0.6em;
  height: 1px;
  border-top: 1px solid #333333;
}