@charset "UTF-8";
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}

.list-img {
  list-style-image: url("../img/automobile_02.gif");
}

.bd-radius-10 {
  border-radius: 10px !important;
}

.column-thum {
  height: 90px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.v-align--middle {
  vertical-align: middle;
}

/* スマホで「メーカー名」行の文字の見え方を調整する */
@media screen and (max-width: 320px) {
  #pseven .sp-small {
    font-size: 80% !important;
  }
}
/*	2025/06/13
----------------------------------------------------------*/
#pseven .pseven_logo {
  text-align: left;
}

.flx-ai--end {
  align-items: flex-end;
}

.flx-ai--center {
  align-items: center;
}

/* スマホでロゴ画像の見え方を調整する */
@media screen and (max-width: 767px) and (min-width: 1px) {
  #pseven .pseven_logo {
    width: 60% !important;
  }
}
@media screen and (max-width: 640px) {
  #pseven .pseven_logo {
    width: 30% !important;
  }
}
/*	2022/06/08
----------------------------------------------------------*/
#embed-vimeo {
  height: 360px;
  width: 640px;
}

/*	2023/04/28
----------------------------------------------------------*/
.about-box {
  width: 480px;
  border-left: 3px solid #000;
  margin-bottom: 2em;
}

.about-box.no-border {
  border-left: none;
}

.about-box .arrow-box {
  margin: 0;
  padding: 5px 10px;
  width: 70px;
  height: 80px;
  position: relative;
  color: #FFF;
}

.about-box .arrow-box span {
  font-size: 1em;
  line-height: 70px;
  text-align: center;
  display: block;
  color: #FFF;
  font-weight: bold;
}

.about-box .arrow-box:after {
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
}

.about-box .arrow-box .about-bulb {
  position: absolute;
  top: -15px;
  right: -10px;
}

.about-box .arrow-box.arrow-box-01 {
  background: #0070C0;
}

.about-box .arrow-box.arrow-box-01:after {
  border-left: 15px solid #0070C0;
}

.about-box .arrow-box.arrow-box-02 {
  background: #F58020;
}

.about-box .arrow-box.arrow-box-02:after {
  border-left: 15px solid #F58020;
}

.bg-lightorange {
  background: rgba(245, 128, 32, 0.1);
}

ul.link-list-dot.link-list-dot-orange > li:before {
  color: #F58020;
}

.height-100 {
  height: 100px;
}

.height-120 {
  height: 120px;
}

.height-150 {
  height: 150px;
}

.height-180 {
  height: 180px;
}

.bd-radius-10 {
  border-radius: 10px !important;
}

.top-img {
  position: relative;
}

.top-img .img-text {
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  line-height: 120%;
}

.bd-radius-20 {
  border-radius: 20px;
}

/*	2024/02/22
----------------------------------------------------------*/
.feature-box {
  width: 100%;
  border-left: 3px solid #0A2986;
  margin-bottom: 2em;
  padding-left: 10px;
}

.w480_h270 {
  width: 480px;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
  .about-box {
    width: 100% !important;
  }
  .about-box .arrow-box {
    width: 55px;
  }
  .sp-flx-ai--start {
    align-items: flex-start;
  }
  .sp-flx-fd--col-rev {
    flex-direction: column-reverse;
  }
  .top-img .img-text {
    width: 100%;
    text-align: center;
    font-size: 18px;
    left: 0;
    text-shadow: 0px 0px 10px rgb(0, 0, 0);
  }
  .feature-box {
    margin-bottom: 1em;
  }
  .w480_h270 {
    width: 100%;
    height: auto;
  }
  .sp-text-indent-0 {
    text-indent: 0;
    padding-left: 0;
  }
}
/*	2024/06/03
----------------------------------------------------------*/
.seminar20240724-banner {
  width: 100%;
  position: relative;
}

.sem-ban-absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.col-sem {
  color: #385723;
}

.height50 {
  height: 50px;
}

.sem-ban-bg-white {
  background: #e7efe1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 50px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: 17px;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
  .sem-ban-absolute {
    top: 20px;
    left: 0;
  }
  .font20 {
    font-size: 18px !important;
    letter-spacing: -0.08em;
  }
  .font18 {
    font-size: 16px !important;
    letter-spacing: -0.02em !important;
  }
  .sem-ban-bg-white {
    padding-right: 20px;
    margin-left: 20px;
    font-size: 18px !important;
    margin-top: 20px;
  }
  .sp-lh150 {
    line-height: 150% !important;
  }
}
/*
2024/08/08
---------------------------------------*/
.txt-indent-0 {
  text-indent: 0 !important;
  padding-left: 0 !important;
}

/*
2024/09/02
-----------------------------------------*/
.engineering-banner {
  width: 100%;
  position: relative;
}

.engineering-banner:hover {
  opacity: 0.8;
}

.engineering-banner img.opc-04 {
  opacity: 0.4;
}

.eng-ban-absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.col-eng {
  color: #002060;
}

.height50 {
  height: 50px;
}

.eng-ban-bg-white {
  background: #FFF;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 50px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: 13px;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
  .eng-ban-absolute {
    top: 10px;
    left: 0;
  }
  .sp-font18 {
    font-size: 18px !important;
  }
  .sp-font16 {
    font-size: 16px !important;
    letter-spacing: -0.02em !important;
  }
  .sp-pH10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .eng-ban-bg-white {
    padding-right: 20px;
    margin-left: 20px;
    font-size: 18px !important;
    margin-top: 0;
  }
}
/*
20251210
--------------------------------------------------*/
.bd-bottom-gr {
  border-bottom: 1px solid #F3F3F3;
}

/*---  製品資料ダウンロード  ---------------------------------*/
ul.dl_material li span.download-img {
  display: table-cell;
  vertical-align: middle;
  width: 140px;
  padding: 10px 40px;
}

ul.dl_material li span.download-img img {
  width: 60px !important;
}

ul.dl_material li span.download-text {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: calc(100% - 140px);
  font-weight: normal;
  font-size: 90% !important;
}

.flx-ai--end {
  align-items: flex-end;
}

/*---  製品資料ダウンロード  ---------------------------------*/
/* レスポンシブ対応 */
ul.dl_material li span.download-img {
  width: 100px;
  padding: 10px 20px;
}

ul.dl_material li span.download-text {
  width: calc(100% - 100px);
}

.dl_material li.narrow {
  height: 100px; /* 例：適切な高さを指定 */
}

/* または、テキスト部分の高さを固定する場合 */
.dl_material li.narrow .download-text {
  height: 50px; /* 例：適切な高さを指定 */
  overflow: hidden; /* はみ出したテキストを非表示にする */
}

.box-Line1 {
  border: 1px solid #F3F3F3;
}

.article_serialization_item::before {
  content: "▶"; /* または ">" や "→" など */
  margin-right: 5px;
  color: #333; /* 矢印の色 */
}

/* 上部の青いリンク（サロゲートモデルとデジタルツインに関するリンク）を黒に変更 */
p > strong > a[href*="/product/pseven/column/"] {
  color: #000;
  text-decoration: none; /* 下線を消す場合 */
}

/* 連載コンテンツの各項目のリンクを黒に変更 */
.article_serialization_item a {
  color: #000;
  text-decoration: none; /* 下線を消す場合 */
}

/* ベイズ最適化などの青字部分も黒に変更したい場合 */
a {
  color: #000;
}

/* ホバー時のスタイル（オプション） */
p > strong > a[href*="/product/pseven/column/"]:hover,
.article_serialization_item a:hover {
  /* ホバー時のスタイル、例えば: */
  text-decoration: underline; /* ホバー時に下線表示 */
  /* color: #555; */ /* または薄い色に変える場合 */
}

/* 通常状態：黒背景、白テキスト */
.custom-black-button {
  background-color: black !important;
  color: white !important;
  border: 1px solid black !important;
  transition: all 0.3s ease;
}

/* ホバー時：白背景、黒テキスト */
.custom-black-button:hover {
  background-color: white !important;
  color: black !important;
  border: 1px solid black !important;
}

/* より具体的なセレクタとカラー指定を追加 */
.custom-black-button:hover,
.custom-black-button:hover span,
.custom-black-button:hover * {
  color: black !important;
  fill: black !important; /* SVGアイコンがある場合 */
}

/* すべての子要素に適用 */
.custom-black-button * {
  transition: all 0.3s ease;
}

/* リンクの訪問状態でも色を保持 */
.custom-black-button:visited:hover,
.custom-black-button:active:hover,
.custom-black-button:focus:hover {
  color: black !important;
}

flex-container.flex-between-sp-center > .w460 {
  display: block;
  text-decoration: none;
  color: inherit;
}

.flex-container.flex-between-sp-center > .w460 > .flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.flex-container.flex-between-sp-center > .w460 > .flex-container > div a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-container.flex-between-sp-center > .w460 > .flex-container > div a img {
  margin-right: 0.5em;
}

.text-center {
  text-align: center;
}

a.bb-bluegray {
  background-color: #106287 !important;
  border: 1px solid #106287 !important;
  padding: 0.5em;
}
a.bb-bluegray:hover {
  color: #106287 !important;
  background-color: #FFFFFF !important;
}

.d-ml--auto {
  margin-left: auto;
}

.d-bd-radius--0 {
  border-radius: 0px !important;
}

.d-bd-top-left-radius--0 {
  border-top-left-radius: 0px !important;
}

.d-bd-top-right-radius--0 {
  border-top-right-radius: 0px !important;
}

.d-bd-bottom-left-radius--0 {
  border-bottom-left-radius: 0px !important;
}

.d-bd-bottom-right-radius--0 {
  border-bottom-right-radius: 0px !important;
}

.d-bd-radius--5 {
  border-radius: 5px !important;
}

.d-bd-top-left-radius--5 {
  border-top-left-radius: 5px !important;
}

.d-bd-top-right-radius--5 {
  border-top-right-radius: 5px !important;
}

.d-bd-bottom-left-radius--5 {
  border-bottom-left-radius: 5px !important;
}

.d-bd-bottom-right-radius--5 {
  border-bottom-right-radius: 5px !important;
}

.d-bd-radius--10 {
  border-radius: 10px !important;
}

.d-bd-top-left-radius--10 {
  border-top-left-radius: 10px !important;
}

.d-bd-top-right-radius--10 {
  border-top-right-radius: 10px !important;
}

.d-bd-bottom-left-radius--10 {
  border-bottom-left-radius: 10px !important;
}

.d-bd-bottom-right-radius--10 {
  border-bottom-right-radius: 10px !important;
}

.d-bd-radius--15 {
  border-radius: 15px !important;
}

.d-bd-top-left-radius--15 {
  border-top-left-radius: 15px !important;
}

.d-bd-top-right-radius--15 {
  border-top-right-radius: 15px !important;
}

.d-bd-bottom-left-radius--15 {
  border-bottom-left-radius: 15px !important;
}

.d-bd-bottom-right-radius--15 {
  border-bottom-right-radius: 15px !important;
}

.d-bd-radius--20 {
  border-radius: 20px !important;
}

.d-bd-top-left-radius--20 {
  border-top-left-radius: 20px !important;
}

.d-bd-top-right-radius--20 {
  border-top-right-radius: 20px !important;
}

.d-bd-bottom-left-radius--20 {
  border-bottom-left-radius: 20px !important;
}

.d-bd-bottom-right-radius--20 {
  border-bottom-right-radius: 20px !important;
}

.d-bd-radius--25 {
  border-radius: 25px !important;
}

.d-bd-top-left-radius--25 {
  border-top-left-radius: 25px !important;
}

.d-bd-top-right-radius--25 {
  border-top-right-radius: 25px !important;
}

.d-bd-bottom-left-radius--25 {
  border-bottom-left-radius: 25px !important;
}

.d-bd-bottom-right-radius--25 {
  border-bottom-right-radius: 25px !important;
}

.d-bd-radius--30 {
  border-radius: 30px !important;
}

.d-bd-top-left-radius--30 {
  border-top-left-radius: 30px !important;
}

.d-bd-top-right-radius--30 {
  border-top-right-radius: 30px !important;
}

.d-bd-bottom-left-radius--30 {
  border-bottom-left-radius: 30px !important;
}

.d-bd-bottom-right-radius--30 {
  border-bottom-right-radius: 30px !important;
}

.d-bd-radius--35 {
  border-radius: 35px !important;
}

.d-bd-top-left-radius--35 {
  border-top-left-radius: 35px !important;
}

.d-bd-top-right-radius--35 {
  border-top-right-radius: 35px !important;
}

.d-bd-bottom-left-radius--35 {
  border-bottom-left-radius: 35px !important;
}

.d-bd-bottom-right-radius--35 {
  border-bottom-right-radius: 35px !important;
}

.d-bd-radius--40 {
  border-radius: 40px !important;
}

.d-bd-top-left-radius--40 {
  border-top-left-radius: 40px !important;
}

.d-bd-top-right-radius--40 {
  border-top-right-radius: 40px !important;
}

.d-bd-bottom-left-radius--40 {
  border-bottom-left-radius: 40px !important;
}

.d-bd-bottom-right-radius--40 {
  border-bottom-right-radius: 40px !important;
}

.d-bd-radius--45 {
  border-radius: 45px !important;
}

.d-bd-top-left-radius--45 {
  border-top-left-radius: 45px !important;
}

.d-bd-top-right-radius--45 {
  border-top-right-radius: 45px !important;
}

.d-bd-bottom-left-radius--45 {
  border-bottom-left-radius: 45px !important;
}

.d-bd-bottom-right-radius--45 {
  border-bottom-right-radius: 45px !important;
}

.d-bd-radius--50 {
  border-radius: 50px !important;
}

.d-bd-top-left-radius--50 {
  border-top-left-radius: 50px !important;
}

.d-bd-top-right-radius--50 {
  border-top-right-radius: 50px !important;
}

.d-bd-bottom-left-radius--50 {
  border-bottom-left-radius: 50px !important;
}

.d-bd-bottom-right-radius--50 {
  border-bottom-right-radius: 50px !important;
}

/* ==========================================================================//
//
//　SP版
//
// ========================================================================== */
@media screen and (max-width: 768px) and (min-width: 1px) {
  .d-sp-bd-radius--0 {
    border-radius: 0px !important;
  }
  .d-sp-bd-top-left-radius--0 {
    border-top-left-radius: 0px !important;
  }
  .d-sp-bd-top-right-radius--0 {
    border-top-right-radius: 0px !important;
  }
  .d-sp-bd-bottom-left-radius--0 {
    border-bottom-left-radius: 0px !important;
  }
  .d-sp-bd-bottom-right-radius--0 {
    border-bottom-right-radius: 0px !important;
  }
  .d-sp-bd-radius--5 {
    border-radius: 5px !important;
  }
  .d-sp-bd-top-left-radius--5 {
    border-top-left-radius: 5px !important;
  }
  .d-sp-bd-top-right-radius--5 {
    border-top-right-radius: 5px !important;
  }
  .d-sp-bd-bottom-left-radius--5 {
    border-bottom-left-radius: 5px !important;
  }
  .d-sp-bd-bottom-right-radius--5 {
    border-bottom-right-radius: 5px !important;
  }
  .d-sp-bd-radius--10 {
    border-radius: 10px !important;
  }
  .d-sp-bd-top-left-radius--10 {
    border-top-left-radius: 10px !important;
  }
  .d-sp-bd-top-right-radius--10 {
    border-top-right-radius: 10px !important;
  }
  .d-sp-bd-bottom-left-radius--10 {
    border-bottom-left-radius: 10px !important;
  }
  .d-sp-bd-bottom-right-radius--10 {
    border-bottom-right-radius: 10px !important;
  }
  .d-sp-bd-radius--15 {
    border-radius: 15px !important;
  }
  .d-sp-bd-top-left-radius--15 {
    border-top-left-radius: 15px !important;
  }
  .d-sp-bd-top-right-radius--15 {
    border-top-right-radius: 15px !important;
  }
  .d-sp-bd-bottom-left-radius--15 {
    border-bottom-left-radius: 15px !important;
  }
  .d-sp-bd-bottom-right-radius--15 {
    border-bottom-right-radius: 15px !important;
  }
  .d-sp-bd-radius--20 {
    border-radius: 20px !important;
  }
  .d-sp-bd-top-left-radius--20 {
    border-top-left-radius: 20px !important;
  }
  .d-sp-bd-top-right-radius--20 {
    border-top-right-radius: 20px !important;
  }
  .d-sp-bd-bottom-left-radius--20 {
    border-bottom-left-radius: 20px !important;
  }
  .d-sp-bd-bottom-right-radius--20 {
    border-bottom-right-radius: 20px !important;
  }
  .d-sp-bd-radius--25 {
    border-radius: 25px !important;
  }
  .d-sp-bd-top-left-radius--25 {
    border-top-left-radius: 25px !important;
  }
  .d-sp-bd-top-right-radius--25 {
    border-top-right-radius: 25px !important;
  }
  .d-sp-bd-bottom-left-radius--25 {
    border-bottom-left-radius: 25px !important;
  }
  .d-sp-bd-bottom-right-radius--25 {
    border-bottom-right-radius: 25px !important;
  }
  .d-sp-bd-radius--30 {
    border-radius: 30px !important;
  }
  .d-sp-bd-top-left-radius--30 {
    border-top-left-radius: 30px !important;
  }
  .d-sp-bd-top-right-radius--30 {
    border-top-right-radius: 30px !important;
  }
  .d-sp-bd-bottom-left-radius--30 {
    border-bottom-left-radius: 30px !important;
  }
  .d-sp-bd-bottom-right-radius--30 {
    border-bottom-right-radius: 30px !important;
  }
  .d-sp-bd-radius--35 {
    border-radius: 35px !important;
  }
  .d-sp-bd-top-left-radius--35 {
    border-top-left-radius: 35px !important;
  }
  .d-sp-bd-top-right-radius--35 {
    border-top-right-radius: 35px !important;
  }
  .d-sp-bd-bottom-left-radius--35 {
    border-bottom-left-radius: 35px !important;
  }
  .d-sp-bd-bottom-right-radius--35 {
    border-bottom-right-radius: 35px !important;
  }
  .d-sp-bd-radius--40 {
    border-radius: 40px !important;
  }
  .d-sp-bd-top-left-radius--40 {
    border-top-left-radius: 40px !important;
  }
  .d-sp-bd-top-right-radius--40 {
    border-top-right-radius: 40px !important;
  }
  .d-sp-bd-bottom-left-radius--40 {
    border-bottom-left-radius: 40px !important;
  }
  .d-sp-bd-bottom-right-radius--40 {
    border-bottom-right-radius: 40px !important;
  }
  .d-sp-bd-radius--45 {
    border-radius: 45px !important;
  }
  .d-sp-bd-top-left-radius--45 {
    border-top-left-radius: 45px !important;
  }
  .d-sp-bd-top-right-radius--45 {
    border-top-right-radius: 45px !important;
  }
  .d-sp-bd-bottom-left-radius--45 {
    border-bottom-left-radius: 45px !important;
  }
  .d-sp-bd-bottom-right-radius--45 {
    border-bottom-right-radius: 45px !important;
  }
  .d-sp-bd-radius--50 {
    border-radius: 50px !important;
  }
  .d-sp-bd-top-left-radius--50 {
    border-top-left-radius: 50px !important;
  }
  .d-sp-bd-top-right-radius--50 {
    border-top-right-radius: 50px !important;
  }
  .d-sp-bd-bottom-left-radius--50 {
    border-bottom-left-radius: 50px !important;
  }
  .d-sp-bd-bottom-right-radius--50 {
    border-bottom-right-radius: 50px !important;
  }
}/*# sourceMappingURL=detail.css.map */