@charset "UTF-8";
/* CSS Document */
::-moz-selection {
  background: #ffdbc1;
}
::selection {
  background: #ffdbc1;
}

p.page__image-back {
  background: #e96c0e;
  position: absolute;
  height: 298px;
  width: 100%;
  top: 270px;
  z-index: -1;
}
p.page__image-back--about {
  background: #dfefff;
  position: absolute;
  height: 298px;
  width: 100%;
  top: 270px;
  z-index: -1;
}
@media (max-width: 767px) {
  p.page__image-back--about {
    display: none;
  }
}
@media (max-width: 767px) {
  p.page__image-back {
    display: none;
  }
}

a.link {
  font-weight: 700;
  color: #e96c0e;
  transition: all 0.3s;
}
a.link:hover {
  color: #343434;
}
a.link--border {
  border-bottom: 1px solid #2c2c2c;
}
a.link--border:hover {
  border-bottom: 1px solid #e96c0e;
}

/*-- 背景 --*/
.inpage {
  margin: 0 0 15px 0;
}

/*-- 画像 --*/
img {
  height: auto;
}

/*-- タイトル --*/
.title--small {
  margin-top: 30px;
  padding: 0 0 2px 22px;
  font-size: 20px;
  color: #e96c0e;
  border-bottom: 1px solid #e96c0e;
  background: url(../images/common/btn1.jpg) no-repeat;
  background-position: 2px 10px;
  text-decoration: none;
  line-height: 1.4;
}

.title--xsmall {
  margin-top: 20px;
  padding: 7px 15px;
  font-size: 16px;
  color: #fff !important;
}
.title--xsmall.gray {
  background: #585858;
}
.title--xsmall.dark-blue {
  background: #001ba4;
}

.title--medium {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 0;
  padding: 0;
  color: #484848;
  background: none;
  border-bottom: none;
}

.title__leftborder {
  border-left: 5px solid #e96c0e;
  padding-left: 15px;
  padding-bottom: 3px;
}

/*-- サイドメニュー --*/
.side {
  height: 380px;
  width: 245px;
  background: rgba(255, 255, 255, 0.8);
}

.side h3 {
  margin-bottom: 0;
}

@media (max-width: 979px) {
  .main {
    flex: 1;
  }
  .side {
    margin-right: 15px;
    width: 245px;
  }
}
/*-- index --*/
.comment div.text {
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 0;
}

@media (max-width: 767px) {
  .comment div.text {
    margin-right: 0;
  }
}
.comment h4 {
  margin: 0 0 15px 10px;
}

/*--  --*/
p {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 16px;
  display: block;
}

.cp_actab label p {
  margin-bottom: 0;
}

h3.menu_title p {
  line-height: initial;
}

.title_all_glay {
  font-size: 18px;
  color: #0f0f0f;
  border-bottom: none;
  padding-left: 3px;
  padding-bottom: 2px;
}

.content.movie p:last-child {
  margin-bottom: initial;
}

p.ma_bottom0,
div.ma_bottom0 p {
  margin-bottom: 0;
}

p.ma_top0,
div.ma_top0 p {
  margin-top: 0;
}

/*-- アクセント--*/
p.acc_b_orange {
  padding: 5px;
  color: #fff;
  font-size: 14px;
  background: #e96c0e;
  border-radius: 3px;
  display: inline-block;
}

p.acc_b_green {
  padding: 5px;
  color: #343434;
  font-size: 14px;
  background: #d5efd8;
  border-radius: 3px;
  display: inline-block;
}

p.acc_b_white {
  padding: 5px;
  font-size: 14px;
  border: 1px solid #e96c0e;
  border-radius: 3px;
  display: inline-block;
}

p.acc_b_white_black {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  border: 1px solid #000000;
  border-radius: 3px;
  display: inline-block;
}

p.acc_b_white_black.purple {
  background: #a757a8;
  color: #ffffff;
}

p.acc_b_white_black:last-child {
  margin-bottom: auto;
}

/*--flexbox非対応--*/
p.title {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  vertical-align: middle;
  text-decoration: none;
  font-weight: 900;
  font-size: 16px;
  color: #343434;
  margin-bottom: 0;
}

p.title::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #7a0;
}

p.acc_f20 {
  font-weight: 900;
  font-size: 20px;
}

p.acc_f22 {
  font-weight: 900;
  font-size: 22px;
}

p.acc_f24 {
  font-weight: 900;
  font-size: 24px;
}

p.acc_b_all {
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #000;
  border-radius: 3px;
  text-align: center;
  display: block;
}

p.acc_b_all:last-child {
  margin-bottom: auto;
}

.indent1 {
  margin-left: 15px !important;
}

.indent1 a {
  font-weight: 700;
  color: #e96c0e;
}

.indent2 {
  margin-left: 30px !important;
}

/*-- テキスト右寄せ --*/
p.right {
  text-align: right;
}

/*-- リストマークごとテキスト右寄せ --*/
div.right_box p {
  float: right;
  zoom: 100%;
  margin-right: 0 !important;
}

div.right_box::after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/*-- 右寄せ --*/
.float_right {
  float: right;
  text-align: right;
}

.next {
  margin-top: 15px;
}

.next h4.float_right {
  background: none;
  position: relative;
  padding-right: 20px;
}

.next h4.float_right::after {
  content: "";
  height: 12px;
  width: 12px;
  background: url("../images/common/btn1.jpg") no-repeat;
  position: absolute;
  display: block;
  top: 10px;
  right: 0;
}

.float_right.width50 {
  max-width: 50%;
}

_:lang(x)::-ms-backdrop,
.next h4.float_right::after {
  top: 8px;
}

@media (max-width: 767px) {
  .next h4 {
    float: none;
    text-align: left;
  }
  .next h4.float_right {
    margin-left: 15px;
    background: url("../images/common/btn1.jpg") no-repeat;
    background-position: 0 8px;
  }
  .next h4.float_right::after {
    background: none;
  }
}
.next::after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/*-- 左寄せ --*/
p.float img {
  float: left;
}

p.float img::after {
  clear: both;
}

.float_left {
  float: left;
  text-align: left;
}

.float_left.width50 {
  max-width: 50%;
}

.prev {
  margin-top: 15px;
}

.prev h4 {
  float: left;
  text-align: left;
  background: url("../images/common/btn3_1.jpg") no-repeat;
  background-position: 0 8px;
}

@media (max-width: 767px) {
  .prev h4 {
    margin-left: 15px;
    float: none;
    text-align: left;
  }
  .prev .float_left {
    float: none;
  }
}
/*-- 下線 --*/
.border_bottom--1px {
  padding-bottom: 3px;
  border-bottom: 1px solid #00125b;
}
.border_bottom--1px--orange {
  padding-bottom: 3px;
  border-bottom: 1px solid #e96c0e;
}

.border_bottom--2px {
  padding-bottom: 3px;
  border-bottom: 2px solid #00125b;
}
.border_bottom--2px--orange {
  padding-bottom: 3px;
  border-bottom: 2px solid #e96c0e;
}

.border_bottom--3px {
  padding-bottom: 3px;
  border-bottom: 3px solid #00125b;
}
.border_bottom--3px--orange {
  padding-bottom: 3px;
  border-bottom: 3px solid #e96c0e;
}

/*-- ビデオ --*/
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*-- --*/
span.small {
  font-size: 14px;
}

/*--  --*/
h3 {
  font-size: 24px;
  margin-bottom: 15px;
  padding-bottom: 2px;
  border-bottom: 2px solid #e96c0e;
  line-height: 1.4;
}

h3.title {
  font-size: 22px;
  padding: 5px 5px 5px 10px;
  border-top: 1px solid #e96c0e;
  border-right: 1px solid #e96c0e;
  border-bottom: 1px solid #e96c0e;
  border-left: 5px solid #e96c0e;
  background: #ffe8e2;
}

/*--  --*/
h4 {
  padding-left: 18px;
  font-size: 18px;
  background: url(../images/common/btn1.jpg) no-repeat;
  background-position: 0 7px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  h4 {
    font-size: 16px;
    line-height: 1.6;
  }
}
h4 a {
  font-weight: 700;
  padding-bottom: 2px;
  border-bottom: 1px solid #e96c0e;
  color: #e96c0e;
}

_:lang(x)::-ms-backdrop,
h4 a {
  padding-bottom: 0;
}

h4 a:visited {
  color: #e96c0e;
}

h4 a:hover {
  border-bottom: 1px solid #00125b;
  color: #00125b;
}

h4.title {
  position: static;
  margin-bottom: 10px;
  padding: 0 0 2px 10px;
  font-size: 20px;
  color: #343434;
  border-left: 5px solid #343434;
  border-bottom: 1px solid #343434;
  background: none;
  display: block;
}

.c-title__break {
  display: inline-block;
  width: 1rem;
}
@media (max-width: 767px) {
  .c-title__break {
    display: block;
    width: 100%;
    height: 0;
  }
}

h4.title2 {
  margin: 0 0 10px 0;
  padding-left: 20px;
  padding-bottom: 2px;
  font-size: 18px;
  display: block;
  color: #e96c0e;
  background: url("../images/common/btn1.jpg") no-repeat;
  background-position: 0 7px;
  border-bottom: 1px solid #e96c0e;
}

.news_list h4.title3,
h4.title3 {
  margin: 0 0 10px 0;
  padding-top: 5px;
  padding-left: 18px;
  padding-bottom: 5px;
  font-size: 18px;
  display: block;
  color: #e96c0e;
  background: #ffefd3;
  border-bottom: none;
  border-left: 2px solid #e96c0e;
}

.news_list h4.title3 {
  margin-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  top: 0;
  left: 0;
  color: #1f1f1f;
  font-weight: 800;
  border-left: 4px solid #e96c0e;
}

h4.title.orange {
  color: #e96c0e;
  border-color: #e96c0e;
}

h5 {
  padding: 0 0 2px 18px;
  font-size: 18px;
  color: #e96c0e;
  border-bottom: 1px solid #e96c0e;
  background: url(../images/common/btn1.jpg) no-repeat;
  background-position: 0 8px;
  text-decoration: none;
  line-height: 1.4;
}

_:lang(x)::-ms-backdrop,
h5 {
  background-position: 0 6px;
  margin-bottom: 10px;
}

/*-- h5 タイトル --*/
h5.title_left_bor {
  margin-bottom: 10px;
  padding-left: 8px;
  font-size: 20px;
  border-left: 5px solid;
  border-bottom: none;
  background: none;
  display: block;
  color: #343434;
  border-color: #343434;
}
h5.title_left_bor.border--bottom {
  border-bottom: 2px solid;
}

h5.title_left_bor.orange,
h5.title_border.orange {
  color: #e96c0e;
  border-color: #e96c0e;
}

h5.title_left_bor.orange.bottom {
  color: #e96c0e;
  border-color: #e96c0e;
  border-bottom: 1px solid;
  padding-bottom: 2px;
}

h5.title_left_bor.red {
  color: #ff0000;
  border-color: #ff0000;
}

h5.title_left_bor.navy {
  color: #00125b;
  border-color: #00125b;
}

h5.title_left_bor.green {
  color: #1aa361;
  border-color: #1aa361;
}

h5.title_small {
  margin-bottom: 10px;
  padding: 0 0 2px 0;
  font-size: 16px;
  color: #343434;
  border-bottom: 1px solid #343434;
  background: none;
  display: block;
}

h5.title_border {
  margin-bottom: 10px;
  padding: 5px 0 5px 0;
  font-size: 18px;
  color: #343434;
  border-top: 1px solid #343434;
  border-bottom: 1px solid #343434;
  background: none;
  display: block;
}

h5.title_small span.h5_title {
  font-weight: bold;
  font-size: 18px;
}

h5.title_small.red {
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
}

h5.title_small.orange {
  color: #e96c0e;
  border-bottom: 1px solid #e96c0e;
}

h5.title_small.navy {
  background: #00125b;
  border: 1px solid #00125b;
  border-radius: 3px;
  color: #ffffff;
  padding: 10px 20px 10px 10px;
}

h5.title_small.green {
  color: #1aa361;
  border-bottom: 1px solid #1aa361;
}

h5.title_red {
  color: #ff0000;
  border-color: #ff0000;
  background: url(../images/common/btn1_3.jpg) no-repeat;
  background-position: 0 8px;
  text-decoration: none;
  line-height: 1.4;
}

h5.title_b_blue {
  background: #13558b;
  color: #ffffff;
  margin-top: 0;
  padding: 10px;
  border-bottom: none;
}

/*-- ラウンド背景色 --*/
h5.title_back_blue,
h5.title_back_orange {
  margin-top: 0;
  padding: 10px;
  border-radius: 10px;
  font-weight: 700;
  color: #ffffff;
}
h5.title_back_blue span,
h5.title_back_orange span {
  font-size: 18px;
  font-weight: 700;
}
h5.title_back_blue.inline,
h5.title_back_orange.inline {
  display: inline-block;
}

h5.title_back_blue {
  background: #004299;
  border: 1px solid #004299;
}

h5.title_back_orange {
  background: #e96c0e;
  border: 1px solid #e96c0e;
}

h5.point {
  background: #ff0000;
  padding: 5px 16px 5px 13px;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: 5px;
  border: 1px solid #ff0000;
  border-radius: 0 0 20px 0;
  display: inline-block;
}

h5.point.orange {
  background: #e96c0e;
  border: 1px solid #e96c0e;
}

h5.accent {
  margin-bottom: 10px;
  padding-left: 28px;
  font-size: 18px;
  display: block;
  color: #e96c0e;
  background: url("../images/common/accent1.jpg") no-repeat;
  background-position: 0 3px;
  border-bottom: none;
}

/*-- フレックスボックス --*/
.flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 760px) {
  .flex.order_mobile_reverse {
    display: flex;
    flex-direction: column;
  }
  .flex.order_mobile_reverse .text {
    order: 2;
  }
  .flex.order_mobile_reverse .images {
    order: 1;
  }
}

/*-- 全てflex --*/
.flex_all {
  display: flex;
}

/*-- 左右位置 --*/
.flex.jc_start {
  justify-content: flex-start;
}

.flex.jc_center {
  justify-content: center;
}

.flex.jc_end {
  justify-content: flex-end;
}

/*-- 上下位置 --*/
.flex.ai_start {
  align-items: flex-start !important;
}

.flex.ai_center {
  align-items: center;
}

.flex.ai_end {
  align-items: flex-end;
}

.flex0 {
  display: flex;
}

.flex div.images:first-of-type {
  margin-top: 20px;
}

.flex div.images.mtop0:first-of-type {
  margin-top: 0;
}

.flex div.tech_flex div.images:first-of-type {
  margin-top: 0;
}

.flex div:nth-of-type(2n) {
  margin-left: 15px;
}

.flex div.tech_flex div.images:nth-of-type(2n) {
  margin-left: 0;
}

.flex div:nth-of-type(3n) {
  margin-left: 15px;
}

.flex div.tech_flex div.images:nth-of-type(3n) {
  margin-left: 0;
}

@media (max-width: 767px) {
  .flex {
    display: block;
  }
  .flex div:nth-of-type(2n) {
    padding-top: 20px;
    margin-left: 0;
  }
  .flex div.tech_flex div.allflex:nth-of-type(2n) {
    padding-top: 0;
  }
  .flex div:nth-of-type(3n) {
    padding-top: 20px;
    margin-left: 0;
  }
  .flex0 {
    display: block;
  }
  div.images img {
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
  /*-- テクニカルガイド図 --*/
  div.slideimages {
    margin-top: 20px;
    top: 10px;
    height: auto;
  }
  div.slideimages img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 100%;
  }
  div.images img.left {
    margin: 0;
  }
}
/*-- border_boxの場合 --*/
.flex div.border_box,
.flex0 div.border_box {
  margin-bottom: 10px;
  max-width: 360px;
  width: 100%;
}
.flex div.border_box img,
.flex0 div.border_box img {
  height: auto;
}

.flex div.border_box.long {
  max-width: initial;
}

.flex div.border_box:first-of-type,
.flex0 div.border_box:first-of-type {
  margin-right: 15px;
}

.flex div.border_box images:first-of-type,
.flex0 div.border_box images:first-of-type {
  margin-top: 0;
}

.flex div.border_box:nth-of-type(2n),
.flex0 div.border_box:nth-of-type(2n) {
  margin-left: 0;
}

.flex div.border_box:nth-of-type(3n),
.flex0 div.border_box:nth-of-type(3n) {
  margin-left: 0;
}

/*-- PC・モバイル両方横並び --*/
.allflex {
  display: flex;
}

.allflex div.images:first-of-type {
  margin-top: 0;
}

@media (max-width: 767px) {
  .allflex div.images {
    padding-top: 20px;
  }
  .tech_flex .allflex div.images {
    padding-top: 0;
  }
  .allflex.padding_none div.images {
    padding-top: 0;
  }
}
.allflex div {
  margin-right: 15px;
  margin-bottom: 15px;
}

.flex .allflex div:nth-of-type(2n) {
  margin-left: 0;
}

.flex .allflex div:nth-of-type(3n) {
  margin-left: 0;
}

.tech_case .allflex div:not(:last-of-type) {
  margin-right: 15px;
}

.allflex_margin0 {
  display: flex;
  margin: 0;
}

/*-- table_cell（※ table 別途記載） --*/
.table {
  display: table;
}

.table .table_box {
  display: table-cell;
}

.table .table_box.valign_top {
  /*-- 上揃え --*/
  vertical-align: top;
}

.table .table_box.valign_middle {
  /*-- 中揃え --*/
  vertical-align: middle;
}

.table.center {
  /*-- 真ん中寄せ --*/
  margin-left: auto;
  margin-right: auto;
}

.valign_bottom {
  /*-- 下揃え --*/
  display: table-cell;
  vertical-align: bottom;
}

/*-- テキスト・画像 --*/
.text {
  margin-bottom: 10px;
  flex: 1;
}

.images img {
  width: 100%;
}

.images.center,
.images.center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/*-- テクニカルガイド図 --*/
@media (min-width: 768px) {
  .slideimages {
    position: sticky;
    margin-top: 20px;
    top: 10px;
    height: 425px;
    width: 327px;
  }
  .slideimages.vol10_1 {
    height: 600px;
    width: 350px;
  }
  .sticky {
    position: sticky;
    margin-top: 20px;
    top: 10px;
    height: 425px;
    width: 327px;
  }
}
/*--  --*/
.box {
  padding: 15px;
}

.box2 {
  margin-left: 10px;
  margin-right: 10px;
}

.box2 h4 {
  margin-bottom: 20px;
}

.box3 {
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 15px;
  border: 1px solid #e96c0e;
}

.box3 h4 {
  margin-bottom: 10px;
  padding-left: 28px;
  font-size: 20px;
  display: block;
  color: #e96c0e;
  background: url("../images/common/accent1.jpg") no-repeat;
  background-position: 0 3px;
}

.box3 h4.simple {
  padding: 2px 0 2px 0;
  border-bottom: 1px solid #e96c0e;
  background: none;
}

.box4 {
  margin-left: 15px;
}

.border_box,
.border_box_small {
  border: 1px solid #343434;
  padding: 10px;
  display: block;
}

.border_box.red,
.border_box_small.red {
  border-color: #ff0000;
}

.border_box.blue,
.border_box_small.blue {
  border-color: #13558b;
}

.border_box.naby {
  border-color: #00125b;
}

.border_box.orange,
.border_box_small.orange {
  border-color: #e86c0e;
}

.border_box.inline,
.border_box_small.inline,
.inline {
  display: inline-block !important;
}

.border_box.padding0 {
  padding: 0;
}

.border_box.center {
  margin-left: auto;
  margin-right: auto;
}

/*-- ラウンドあり全方向10px --*/
.border_box.radius10 {
  border-radius: 10px;
}

/*-- ラウンドあり全方向10px（強） --*/
.flex div.border_box_radius10_accent,
.border_box_radius10_accent {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px 10px 20px;
  border: 2px solid #13558b;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 900;
  max-width: 600px;
  text-align: center;
}

.flex div.border_box_radius10_accent.red,
.border_box_radius10_accent.red {
  border-color: #ff0000;
}

/*-- ラウンドあり右上＆右下20pxpx --*/
.border_box.right_bottom_radius {
  padding: 0 20px 20px 0;
  border-radius: 0 0 10px 10px;
  border: 2px solid #ff0000;
}

@media (min-width: 980px) {
  .border_box.right_bottom_radius p {
    padding-left: 0;
  }
}
@media (max-width: 979px) {
  .border_box.right_bottom_radius p {
    padding-top: 20px;
    padding-left: 20px;
  }
}
/*-- ラウンドあり右下20px --*/
.flex div.border_box.right_leftbottom_radius,
.border_box.right_leftbottom_radius {
  margin-bottom: 0;
  padding: 0 0 20px 0;
  border-radius: 0 10px 0 10px;
  border: 2px solid #e96c0e;
}

.flex div.border_box.right_leftbottom_radius p,
.border_box.right_leftbottom_radius p {
  padding-left: 20px;
  padding-right: 20px;
}

h5.right_leftbottom_radius_title.orange {
  background: #e96c0e;
  padding: 5px 0 5px 0;
  margin-bottom: 15px;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: 5px;
  border: 1px solid #e96c0e;
  border-radius: 0 5px 0 0;
  text-align: center;
}

h6.title_gray {
  color: #343434;
  font-size: 20px;
  font-weight: 900;
  margin-top: 15px;
  margin-bottom: 15px;
}

/*-- ▼ --*/
.flex div.tri_bottom.orange,
.tri_bottom.orange {
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #e96c0e;
}

.flex div.tri_bottom.red,
.tri_bottom.red {
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #ff0000;
}

.flex div.tri_bottom.black,
.tri_bottom.black {
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #000000;
}

.border_box_radius10_accent p {
  display: inline-block;
}

/*-- border_box / flex併用で同幅 --*/
.width100 {
  flex: 1;
  width: 100%;
}

/*-- テーブル関連 --*/
table {
  font-size: 14px;
}
table.center {
  margin-left: auto;
  margin-right: auto;
}
table.text_left td,
table.text_left th {
  padding: 15px 20px !important;
  text-align: left !important;
}
table.even_color tr:nth-child(even) {
  background-color: #f2f2f2;
}
table.indent {
  margin-left: 20px;
}
table td.center,
table th.center {
  text-align: center !important;
}
table td.right,
table th.right {
  text-align: right !important;
}
table th.border {
  border-right: 1px solid #343434;
}
table tr .bg_yellow {
  background: #ffefd3;
}

table.border_around {
  border: 1px solid #000;
  table-layout: fixed;
  border-collapse: collapse;
  word-wrap: break-word;
}
table.border_around.saikenma {
  width: 100%;
}
table.border_around.saikenma p {
  margin: 0;
}
@media (max-width: 768px) {
  table.border_around {
    width: 100%;
    margin-left: 0;
  }
}

table.border_around.ma_20 {
  margin-top: 20px;
}

table.border_around.form {
  width: 100%;
}

table.border_around td.title {
  background: #e4d5cb;
  vertical-align: middle;
}

table.border_around td {
  padding: 10px;
  border-right: 1px solid #343434;
  text-align: center;
}

table.border_around td.bnone {
  border-right: none;
}

table.border_around td.left {
  text-align: left;
}

table.border_around td.right {
  text-align: right;
}

table.border_around td.left span {
  color: #000000;
}

table.border_around td.red {
  background: #ff0000;
  color: #fff;
}

table.border_around td span {
  color: #ff0000;
}

table.border_around td div.radio_select span.cp_sl_title {
  color: #ffffff;
}

table.border_around td img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

table.border_around tr {
  border-bottom: 1px solid #343434;
}

table.border_around tr.b_none {
  border-bottom: none;
}

table.border_around tr:last-child td {
  border-bottom: none;
}

/**/
table.border_none {
  border: none !important;
}

table.border_none td {
  border-right: none;
}

table.border_none td.valign_top,
table.border_around td.valign_top {
  vertical-align: top;
}

table.border_none td.b_bottom,
table.border_none tr.b_bottom {
  border-bottom: 1px solid #343434;
}

table.border_none tr {
  border-bottom: none !important;
}

table.border_none td {
  border: none !important;
}

table.border_around span.black {
  color: #000000;
}

table.border_around span.gray {
  color: #343434;
}

table.border_around span.title_set1,
span.title_set1 {
  font-weight: 800;
  font-size: 18px;
  color: #343434;
}

table.border_around span.title_set2,
span.title_set2 {
  font-weight: 800;
  font-size: 16px;
  color: #343434;
}

/*-- パンくずリスト --*/
div.list {
  width: 100%;
}

.content_list {
  max-width: 980px;
  padding-top: 15px;
  margin: 0 auto;
}
.content_list.no_border {
  border-bottom: none;
}

@media (max-width: 500px) {
  div.list,
  div.content_list {
    display: none;
  }
}
div.list::after {
  content: " ";
  clear: both;
  display: block;
}

div.list p {
  float: left;
  font-size: 14px;
  margin-right: 5px;
}

div.list a {
  color: #e96c0e;
}

div.list a::after {
  content: " ";
  width: 6px;
  height: 7px;
  display: inline-block;
  background: url(../images/common/ar_black.png) no-repeat;
  margin: 0 0 2px 5px;
}

div.list a:hover {
  opacity: 0.6;
}

div.list a:hover img {
  opacity: 0.6;
}

div.list img {
  float: left;
}

/*-- タブ --*/
.cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  color: #000;
}

.cp_actab input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.cp_actab label {
  position: relative;
  display: block;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  padding: 8px 16px 8px 16px;
  margin: 0 0 10px 0;
  border-radius: 4px;
  border: 1px solid #343434;
  background: linear-gradient(#ffffff, #d3d3d3);
  width: 100%;
}
.cp_actab label.item-detail {
  margin: 50px 0 0 0;
  padding: 0;
  background: none;
}

.cp_actab label p {
  padding-left: 20px;
}

.cp_actab-content {
  padding: 0 0 0 15px;
}

.cp_actab .cp_actab-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s;
  margin: 10px 10px 10px 5px;
}
.cp_actab .cp_actab-content.item-detail {
  max-height: 200em;
  margin: 0;
  padding: 0;
}

/*-- tech/punch/index.html成形事例集 --*/
.cp_actab .cp_actab-content.tech_case {
  padding: 0;
  margin: 0;
}

.cp_actab .cp_actab-content p {
  margin: 0 10px 0 15px;
}

.cp_actab .cp_actab-content p.ma_left0 {
  margin: 0 10px 0 0;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
  max-height: 200em;
  /*--max-height: 100em;--*/
}
.cp_actab input:checked ~ .cp_actab-content.item-detail {
  max-height: 0;
}

/* Icon */
.cp_actab label::after {
  line-height: 3;
  position: absolute;
  top: -4px;
  left: 0;
  display: block;
  width: 3em;
  height: 3em;
  text-align: center;
}

.cp_actab input[type=checkbox] + label::after {
  font-family: vdl-v7gothic, sans-serif;
  font-weight: 800;
  font-style: normal;
  content: "+";
}

.cp_actab input[type=checkbox]:checked + label::after {
  font-family: vdl-v7gothic, sans-serif;
  font-weight: 800;
  font-style: normal;
  content: "-";
}

_:lang(x)::-ms-backdrop,
.cp_actab input[type=checkbox] + label::after,
.cp_actab input[type=checkbox]:checked + label::after {
  padding-top: 4px;
}

.cp_actab input[type=checkbox]:checked + label {
  color: #fff;
  background: #1b2538;
}

.cp_actab label:hover {
  color: #fff;
  background: #1b2538;
}

.cp_actab.item-detail label::after {
  line-height: 3;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 30px);
  height: 30px;
  text-align: right;
  display: block;
}

.cp_actab.item-detail input[type=checkbox] + label::after {
  font-family: vdl-v7gothic, sans-serif;
  font-weight: 800;
  font-style: normal;
  content: "閉じる";
  font-size: 14px;
  color: #fff;
  right: 0;
}

.cp_actab.item-detail input[type=checkbox]:checked + label::after {
  font-family: vdl-v7gothic, sans-serif;
  font-weight: 800;
  font-style: normal;
  content: "開く";
  font-size: 14px;
  color: #fff;
}

_:lang(x)::-ms-backdrop,
.cp_actab.item-detail input[type=checkbox] + label::after,
.cp_actab.item-detail input[type=checkbox]:checked + label::after {
  padding-top: 4px;
}

.cp_actab.item-detail input[type=checkbox]:checked + label {
  color: #fff;
}

.cp_actab.item-detail label:hover {
  color: #fff;
}

/*-- 吹き出し--*/
.balloon {
  position: relative;
  padding: 20px;
  display: inline-block;
  background: linear-gradient(#ffffff, #e0ecff);
  border-radius: 4px;
  border: 1px solid #343434;
  margin-bottom: 15px;
}

.balloon::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-right: 15px solid transparent;
  border-top: 15px solid #343434;
  border-left: 15px solid transparent;
}

.balloon::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -13px;
  border-right: 15px solid transparent;
  border-top: 15px solid #e0ecff;
  border-left: 15px solid transparent;
}

.balloontext {
  margin: 5px 0 0 20px;
}

.balloon.red {
  background: linear-gradient(#ffffff, #fcbeab);
}

.balloon.red::after {
  border-top: 15px solid #fcbeab;
}

/*-- リンク --*/
.link div.link {
  display: flex;
}

.link div.link.jc_center {
  display: flex;
  justify-content: center;
}

.link div.link img {
  width: 100%;
  max-width: 326px;
}

.link div p img {
  border: 1px solid #1770ba;
  border-radius: 3px;
  box-shadow: 0 5px 4px -4px #b2b2b2;
}

.link div p img.orange {
  border: 1px solid #e96c0e;
}

.link div p:first-child {
  margin: 26px 0 0 0;
}

.link.normal div p:first-child {
  margin: 0;
}

.link div a:hover img {
  opacity: 0.8;
}

@media (max-width: 767px) {
  .link div.link,
  .link div.link.jc_center {
    display: block;
    margin-bottom: 15px;
  }
  .link div p:first-child {
    margin: 15px 0;
  }
}
/*-- 矢印ＣＳＳ --*/
/*-- 矢印画像 --*/
.arrow {
  margin: 60px 15px 0 15px;
}

@media (max-width: 767px) {
  .arrow {
    margin: 10px 0 15px 15px;
  }
}
.arrow_ce img {
  margin: 15px auto 15px auto;
  display: block;
}

.arrow {
  display: inline-block;
  height: 40px;
  width: 80px;
  background-color: #ff0000;
  position: relative;
  top: 40px;
}

.arrow:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 6 0px solid transparent;
  border-left: 60px solid #ff0000;
  left: 80px;
  top: -37px;
}

.arrow .green {
  background-color: #439941;
}

.arrow .green:before {
  border-left: #439941;
}

.arrow_css {
  width: 60px;
}

/*矢印形式２*/
.arrow_css::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 40px;
  background: #e96c0e;
}

.arrow_css::after {
  content: "";
  display: block;
  border-top: 30px solid #e96c0e;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  /* transform-origin: right top;
  transform: scaleY(1);*/
}

.arrow_list {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 0;
}

.arrow_list:before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 2px #e96c0e;
  border-right: solid 2px #e96c0e;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

/*-- リンク --*/
article a {
  border-bottom: 1px solid #e96c0e;
  color: #e96c0e;
  transition: 0.8s;
}

_:lang(x)::-ms-backdrop,
article a {
  padding-bottom: 0;
}

article a:hover {
  border-bottom: 1px solid #00125b;
  color: #00125b;
}

/*-- オプション --*/
.orange {
  color: #e96c0e;
}

.red {
  color: #ff0000;
  border-color: rgba(255, 255, 0, 0);
}

.red_dark {
  color: #cc2121;
}

.white {
  color: #ffffff;
}

.gray {
  color: #4a4a4a;
}

.blue {
  color: #0037b9;
}

.blue_dark {
  color: #00125b;
}

.navy {
  color: #1b2538;
}

h5.r_navy,
.r_navy {
  color: #2d4b7a;
  border-color: #2d4b7a;
}

.green {
  color: #1aa361;
}

.black {
  color: #000000;
}

/*背景色*/
.bg_orange {
  background: #e96c0e;
}

.bg_navy {
  background: #1b2538;
}

.bg_light_navy {
  background: #14479a;
}

.bg_orange_op {
  background: #ffdbc1;
}

.bg_orange_op_more {
  background: #fff6e8;
}

.bg_red {
  background: #ff0000;
}

.bg_pink {
  background: #ffcfcc;
}

.bg_pink_op {
  background: #ffeeed;
}

.bg_blue {
  background: #cceaff;
}

.bg_yellow {
  background: #ffeacc;
}

.bg_green {
  background: #d5efd8;
}

.bg_gray {
  background: #e4e4e4;
}

.bg_white {
  background: #ffffff;
}

/*-- 線 --*/
.bor_bottom {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c0c0c0;
  display: block;
  height: 1px;
}

/*線色*/
.border_black {
  border: 1px solid #c0c0c0;
}

.border_orange {
  border: 1px solid #e96c0e;
}

.border_b_orange {
  padding-bottom: 2px;
  border-bottom: 1px solid #e96c0e;
}

.border_b_red {
  border-bottom: 1px solid #ff0000;
}

.border_b_blue {
  padding-bottom: 2px;
  border-bottom: 1px solid #0037b9;
}

.border_top {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #c0c0c0;
  display: block;
}

/*薄くする*/
.opacity {
  opacity: 0.8;
}

.opacity_more {
  opacity: 0.6;
}

/*文字大きさ*/
.font14 {
  font-size: 14px !important;
}

.font16 {
  font-size: 16px !important;
}

.font18 {
  font-size: 18px !important;
}

.font20 {
  font-size: 20px !important;
}

.font22 {
  font-size: 22px !important;
}

.font24 {
  font-size: 24px !important;
}

.font26 {
  font-size: 26px !important;
}

.font28 {
  font-size: 28px !important;
}

/*文字太く*/
.fontb {
  font-weight: 900 !important;
}

.fontb_700 {
  font-weight: 700 !important;
}

.fontb_800 {
  font-weight: 800 !important;
}

/*下線をつける*/
.underline {
  -webkit-text-decoration: underline double;
          text-decoration: underline double;
}

/*文字補足*/
.fontth {
  font-weight: 700;
}

/*margin調整*/
.ma_top0 {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .ma_top0--mobile {
    margin-top: 0 !important;
  }
}

.ma_top10 {
  margin-top: 10px !important;
}

.ma_top15 {
  margin-top: 15px !important;
}

.ma_top20 {
  margin-top: 20px !important;
}
@media (max-width: 767px) {
  .ma_top20--mobile {
    margin-top: 20px !important;
  }
}

.ma_top30 {
  margin-top: 30px !important;
}

.ma_top40 {
  margin-top: 40px !important;
}

.ma_top50 {
  margin-top: 50px !important;
}

.ma_top100 {
  margin-top: 100px !important;
}

.ma_bottom0 {
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .ma_bottom0--mobile {
    margin-bottom: 0 !important;
  }
}

.ma_bottom10 {
  margin-bottom: 10px !important;
}

.ma_bottom15 {
  margin-bottom: 15px !important;
}

.ma_bottom20 {
  margin-bottom: 20px !important;
}

.ma_bottom30 {
  margin-bottom: 30px !important;
}

.ma_left0 {
  margin-left: 0 !important;
}

.ma_left10 {
  margin-left: 10px !important;
}

.ma_left15 {
  margin-left: 15px !important;
}

.ma_left20 {
  margin-left: 20px !important;
}

.ma_left60 {
  margin-left: 60px !important;
}

.ma_left30 {
  margin-left: 30px !important;
}

.ma_right0 {
  margin-right: 0 !important;
}

.ma_right10 {
  margin-right: 10px !important;
}

.ma_right15 {
  margin-right: 15px !important;
}

.ma_right20 {
  margin-right: 20px !important;
}

.ma_right30 {
  margin-right: 30px !important;
}

.ma_tb_double30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.ma_rl_double30 {
  margin-right: 30px;
  margin-left: 30px;
}

/*-- padding調整 --*/
.padding10 {
  padding: 10px !important;
}

.padding20 {
  padding: 20px !important;
}

.pa_top0 {
  padding-top: 0 !important;
}
@media (max-width: 767px) {
  .pa_top0--mobile {
    padding-top: 0 !important;
  }
}

.pa_top15 {
  padding-top: 15px !important;
}

.pa_top20 {
  padding-top: 20px !important;
}

.pa_top30 {
  padding-top: 30px !important;
}

.pa_top50 {
  padding-top: 50px !important;
}

.pa_bottom0 {
  padding: 0 !important;
}

.pa_bottom15 {
  padding-bottom: 15px !important;
}

.pa_bottom20 {
  padding-bottom: 20px !important;
}

.pa_bottom30 {
  padding-bottom: 30px !important;
}

.pa_right20 {
  padding-right: 20px !important;
}

.pa_left20 {
  padding-left: 20px !important;
}

.pa_double20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

/*行高さ*/
.line12 {
  line-height: 1.2;
}

.line14 {
  line-height: 1.4;
}

.line16 {
  line-height: 1.6;
}

/*右寄せ左寄せ*/
.float_left {
  float: left;
}

.float_right {
  float: right;
}

.clear {
  clear: both;
}

.left {
  text-align: left;
}

/*-- section --*/
section {
  margin-top: 50px;
}

section.brake {
  margin-top: 30px;
}

section.brake h3 {
  margin-bottom: 30px;
}

/*-- 商品タイトル / カテゴリタイトル --*/
.title_item {
  background: url(../images/brake/brake_title_all_list.webp) no-repeat;
  max-width: 980px;
  height: 120px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-inline: auto;
}
.title_item br {
  display: none;
}
@media (max-width: 1020px) {
  .title_item {
    margin-inline: 0;
    margin: 0 20pxpx;
    background: url(../images/brake/brake_title_all_list.webp) no-repeat;
  }
}
@media (max-width: 767px) {
  .title_item {
    margin: 86px 15px 0 15px;
  }
}
.title_item h1 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  padding: 0 20px;
}
.title_item h1 br {
  display: block;
}
@media (max-width: 740px) {
  .title_item h1 br {
    display: inline;
  }
}
@media (max-width: 740px) {
  .title_item h1 {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .title_item h1 {
    font-size: 20px;
  }
}
.title_item .img_item {
  background: url(../images/brake/title_item_img.webp) no-repeat;
  width: 322px;
  height: 120px;
  position: absolute;
  bottom: 0;
  right: 20px;
}
@media (min-width: 510px) and (max-width: 979px) {
  .title_item .img_item {
    background: url(../images/brake/title_item_img.webp) no-repeat;
    background-size: cover;
    width: 257.6px;
    height: 96px;
    position: absolute;
    bottom: 0;
    right: 10px;
  }
}
@media (max-width: 510px) {
  .title_item .img_item {
    background: none;
  }
}
.title_item .img_item.punch {
  background: url(../images/punch/title_item_img.webp) no-repeat;
  width: 322px;
  height: 120px;
  position: absolute;
  bottom: 0;
  right: 20px;
}
@media (min-width: 510px) and (max-width: 979px) {
  .title_item .img_item.punch {
    background: url(../images/punch/title_item_img.webp) no-repeat;
    background-size: cover;
    width: 257.6px;
    height: 96px;
    position: absolute;
    bottom: 0;
    right: 10px;
  }
}
@media (max-width: 510px) {
  .title_item .img_item.punch {
    background: none;
  }
}

/*-- MF-TOKYO 2025関連 --*/
section.all_item_list.mftokyo2025 .box_border {
  padding: 0;
}
section.all_item_list.mftokyo2025 h2.title {
  font-style: normal;
  font-size: 26px;
  border-left: 5px solid #e96c0e;
  border-bottom: 0;
  padding: 0 0 0 10px;
  margin: 10px 0 15px 0;
  line-height: 1.4;
}

/*-- 商品一覧ページ --*/
section.all_item_list {
  max-width: 980px;
  margin-inline: auto;
  margin-top: 15px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  section.all_item_list {
    margin-bottom: 0;
  }
}
section.all_item_list h2 {
  color: #00125b;
  font-size: 24px;
  font-weight: 800;
  margin-top: 50px;
  padding-bottom: 3px;
  border-bottom: 2px solid #00125b;
}
@media (max-width: 768px) {
  section.all_item_list h2 {
    margin: 30px 10px 0 10px;
  }
}
@media (max-width: 768px) {
  section.all_item_list h2.section-title--space {
    margin: 50px 10px 0 10px !important;
  }
}
section.all_item_list h3 {
  color: #2a2a2a;
  font-size: 18px;
  text-align: left;
  margin-top: 10px;
}
section.all_item_list h3.btn {
  width: 100%;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: inline-block;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #e96c0e;
  padding: 5px 5px;
  outline: none;
  transition: ease 0.5s;
  line-height: 1.2;
}
section.all_item_list h3.bgbottom:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #e96c0e;
  width: 100%;
  height: 0;
  transition: 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
section.all_item_list h3.btn span {
  position: relative;
  z-index: 3;
  color: #333;
}
section.all_item_list .contents_item {
  margin-top: 20px;
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  /*-- TOPページに一覧を出す場合 --*/
}
section.all_item_list .contents_item:nth-of-type(2n) {
  margin-left: 0;
}
section.all_item_list .contents_item.no_slider {
  max-width: 980px;
  width: initial;
  flex-wrap: wrap;
}
section.all_item_list .contents_item .box_border {
  margin-top: 0;
  margin-right: 15px;
  border: 2px solid #03377e;
  transition: 0.3s all ease-in-out;
  border-radius: 5px;
  position: relative;
}
section.all_item_list .contents_item .box_border a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px;
  transition: 0.3s all ease-in-out;
}
section.all_item_list .contents_item .box_border a p {
  color: #2c2c2c;
  font-size: 14px;
  margin: 10px 10px 0 10px;
}
section.all_item_list .contents_item .box_border:hover, section.all_item_list .contents_item .box_border:active {
  border: 2px solid #e96c0e;
  background: #fff3e9;
  box-shadow: 0px 10px 15px -8px #777777;
  transform: scale(1.05);
}
@media (max-width: 767px) {
  section.all_item_list .contents_item .box_border:hover, section.all_item_list .contents_item .box_border:active {
    transform: scale(1);
  }
}
section.all_item_list .contents_item .box_border:hover h3, section.all_item_list .contents_item .box_border:active h3 {
  border-color: #00125b;
  /*-- hoverしたときの形状 --*/
}
section.all_item_list .contents_item .box_border:hover h3.btn span, section.all_item_list .contents_item .box_border:active h3.btn span {
  color: #fff;
  transition: 0.3s all ease-in-out;
}
section.all_item_list .contents_item .box_border:hover h3.bgbottom:before, section.all_item_list .contents_item .box_border:active h3.bgbottom:before {
  height: 100%;
  background-color: #00125b;
  color: #fff;
}
section.all_item_list .contents_item .box_border:hover .image_item_frame, section.all_item_list .contents_item .box_border:active .image_item_frame {
  border: 1px solid #e96c0e;
}
section.all_item_list .contents_item .box_border:hover .image_item_frame img, section.all_item_list .contents_item .box_border:active .image_item_frame img {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  section.all_item_list .contents_item .box_border:hover .image_item_frame img, section.all_item_list .contents_item .box_border:active .image_item_frame img {
    transform: scale(1);
  }
}
section.all_item_list .contents_item .box_border .image_item_frame {
  border: 1px solid #00125b;
  aspect-ratio: 3/2;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
section.all_item_list .contents_item .box_border .image_item_frame img {
  width: auto;
  height: 100%;
  vertical-align: center;
  transition: 0.3s all ease-in-out;
  display: inline-block;
}
@media (max-width: 760px) {
  section.all_item_list .contents_item .box_border .image_item_frame img {
    width: auto;
    height: 100%;
  }
}
section.all_item_list .contents_item .box_border .image_item_frame.height img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  section.all_item_list .contents_item .box_border {
    margin-bottom: 20px;
  }
}
section.all_item_list .contents_item .box_border .icon--new {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #ff0000;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
}
@media (max-width: 767px) {
  section.all_item_list .contents_item .box_border .icon--new {
    top: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  section.all_item_list .contents_item {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
  section.all_item_list .contents_item.section--two-column {
    padding-left: 0;
    padding-right: 0;
  }
  section.all_item_list .contents_item .box_border:nth-child(n+4) {
    display: none;
  }
}
section.all_item_list .contents_item.wrap {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  /*-- モバイル表示時に４番目以降を表示させない --*/
}
@media (max-width: 767px) {
  section.all_item_list .contents_item.wrap {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 767px) {
  section.all_item_list .contents_item.wrap.section--two-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 10px;
    box-sizing: border-box;
    margin: 15px 10px;
    width: 95%;
    margin: 15px auto;
  }
}
@media (max-width: 767px) {
  section.all_item_list .contents_item.wrap.section--two-column.l-page-campaign {
    width: 100%;
  }
}
section.all_item_list .contents_item.wrap .box_border {
  box-sizing: border-box;
  min-width: 200px;
  margin-right: 0;
}
@media (max-width: 767px) {
  section.all_item_list .contents_item.wrap .box_border {
    min-width: 100%;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  section.all_item_list .contents_item.wrap .box_border:nth-child(n+4) {
    display: block;
  }
}

/*-- おすすめ商品ページ --*/
section.item_pickup {
  max-width: 980px;
  margin-inline: auto;
  margin-bottom: 80px;
  /*-- 商品ページ上部のキャッチ --*/
  /*-- 商品ページ記事内 --*/
}
@media (max-width: 767px) {
  section.item_pickup {
    margin-bottom: 0;
  }
}
section.item_pickup h3 {
  color: #2a2a2a;
  font-size: 18px;
  text-align: left;
  margin-top: 10px;
  /*== ボタン共通設定 */
  /*== 背景が流れる（下から上） */
  /*ボタン内spanの形状*/
}
section.item_pickup h3.btn {
  width: 100%;
  /*アニメーションの起点とするためrelativeを指定*/
  position: relative;
  overflow: hidden;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #e96c0e;
  padding: 5px 5px;
  outline: none;
  /*アニメーションの指定*/
  transition: ease 0.2s;
}
section.item_pickup h3.bgbottom:before {
  content: "";
  /*絶対配置で位置を指定*/
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  /*色や形状*/
  background: #e96c0e; /*背景色*/
  width: 100%;
  height: 0;
  /*アニメーション*/
  transition: 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
section.item_pickup h3.btn span {
  position: relative;
  z-index: 3; /*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color: #333;
}
section.item_pickup h3.btn span:hover, section.item_pickup h3.btn span:active {
  color: #fff;
}
section.item_pickup .topics {
  margin-top: 50px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}
@media (max-width: 1020px) {
  section.item_pickup .topics {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  section.item_pickup .topics {
    margin-top: 20px;
    padding-bottom: 20px;
    display: block;
  }
}
section.item_pickup .topics .images {
  width: 400px;
  height: auto;
  margin-right: 30px;
  flex: 0 0 auto;
}
section.item_pickup .topics .images img {
  aspect-ratio: 3/2;
  height: auto;
}
@media (max-width: 767px) {
  section.item_pickup .topics .images {
    margin-top: 20px;
    width: 100%;
  }
}
section.item_pickup .topics .box_topics {
  display: flex;
  flex-direction: column;
}
section.item_pickup .topics .box_topics h2 {
  color: #00125b;
  font-size: 24px;
  font-weight: 800;
  margin-top: 0;
  border-bottom: 2px solid #00125b;
  padding-bottom: 3px;
  line-height: 1.2;
}
section.item_pickup .topics .box_topics h2 span.small {
  font-size: 20px;
}
section.item_pickup .topics .box_topics h4 {
  color: #2a2a2a;
  font-size: 32px;
  font-weight: 800;
  margin-top: 40px;
  margin-left: 0;
  margin-bottom: 30px;
  padding-left: 0;
  background: none;
}
@media (max-width: 767px) {
  section.item_pickup .topics .box_topics h4 {
    margin-top: 20px;
  }
}
section.item_pickup .topics .box_topics p {
  margin-top: 20px;
  font-weight: 600;
  color: #0f0a29;
}
@media (max-width: 767px) {
  section.item_pickup .topics .box_topics p {
    margin-bottom: 100px;
  }
}
section.item_pickup .topics .btn_more {
  position: absolute;
  background: #0c1d49;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #0c1d49;
  border-radius: 13px;
  bottom: 0;
  right: 0;
  transition: 0.3s all ease-in-out;
}
section.item_pickup .topics .btn_more a {
  width: 100%;
  height: 100%;
  padding: 13px 50px;
  display: block;
  color: #fff;
  transition: 0.3s all ease-in-out;
}
section.item_pickup .topics .btn_more a:hover {
  color: #fff;
}
section.item_pickup .topics .btn_more:hover {
  border: 1px solid #e96c0e;
  background: #e96c0e;
}
section.item_pickup .contents_item {
  margin-top: 30px;
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}
section.item_pickup .contents_item .box_border {
  margin-top: 15px;
  border: 2px solid #03377e;
  transition: 0.3s all ease-in-out;
  border-radius: 5px;
}
section.item_pickup .contents_item .box_border a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 15px;
}
section.item_pickup .contents_item .box_border a p {
  color: #2c2c2c;
  font-size: 14px;
  margin: 0 10px;
}
section.item_pickup .contents_item .box_border:hover, section.item_pickup .contents_item .box_border:active {
  border: 2px solid #e96c0e;
  background: #fff3e9;
  box-shadow: 0px 10px 15px -8px #777777;
  transform: scale(1.05);
}
@media (max-width: 767px) {
  section.item_pickup .contents_item .box_border:hover, section.item_pickup .contents_item .box_border:active {
    transform: scale(1);
  }
}
section.item_pickup .contents_item .box_border:hover h3, section.item_pickup .contents_item .box_border:active h3 {
  border-color: #00125b;
  /*-- hoverしたときの形状 --*/
}
section.item_pickup .contents_item .box_border:hover h3.btn span, section.item_pickup .contents_item .box_border:active h3.btn span {
  color: #fff;
  transition: 0.3s all ease-in-out;
}
section.item_pickup .contents_item .box_border:hover h3.bgbottom:before, section.item_pickup .contents_item .box_border:active h3.bgbottom:before {
  height: 100%;
  background-color: #00125b;
  color: #fff;
}
section.item_pickup .contents_item .box_border:hover .image_item_frame, section.item_pickup .contents_item .box_border:active .image_item_frame {
  border: 1px solid #e96c0e;
}
section.item_pickup .contents_item .box_border:hover .image_item_frame img, section.item_pickup .contents_item .box_border:active .image_item_frame img {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  section.item_pickup .contents_item .box_border:hover .image_item_frame img, section.item_pickup .contents_item .box_border:active .image_item_frame img {
    transform: scale(1);
  }
}
section.item_pickup .contents_item .box_border .image_item_frame {
  border: 1px solid #00125b;
  aspect-ratio: 3/2;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
section.item_pickup .contents_item .box_border .image_item_frame img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 760px) {
  section.item_pickup .contents_item .box_border .image_item_frame img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.item_pickup .contents_item .box_border {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  section.item_pickup .contents_item {
    display: block;
    margin-left: 20px;
    margin-right: 20px;
  }
  section.item_pickup .contents_item .box_border {
    width: 100%;
    margin-left: 0;
    aspect-ratio: initial;
  }
}
@media (max-width: 1020px) {
  section.item_pickup .contents_item {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/*-- ベンディング / パンチング詳細ページ --*/
section.item_detail {
  max-width: 980px;
  padding: 0 20px 50px 20px;
  margin-inline: auto;
  margin-top: 0;
  background: #fff;
  /*-- オレンジ色の強調 --*/
  /*-- オレンジタイトルのついた丸角黒線囲み --*/
  /*-- 商品詳細ページのインデント中項目 --*/
  /*-- 中項目タイトル --*/
  /*-- 吹き出し（左に吹き出し） --*/
  /*-- 吹き出し（右に吹き出し） --*/
  /*-- flex（横並び） --*/
  /*-- シーポックンのひとことボックス --*/
  /*-- PDFボタン / 赤 --*/
  /*-- ページボタン / 青 --*/
  /*-- モバイル版（PDF画像） --*/
  /*-- ページ内で関連商品を出す場合 --*/
}
@media (max-width: 767px) {
  section.item_detail {
    padding: 0;
    margin-bottom: 30px;
  }
}
section.item_detail p {
  /*-- ポイント（オレンジ / 丸） --*/
  /*-- ポイント（ブルー / 丸） --*/
  /*-- ポイント（赤 / 丸） --*/
  /*-- ポイント（赤 / 四角） --*/
}
section.item_detail p.accent_round_orange {
  background: #ec7c12;
  border-radius: 20px;
  padding: 5px 20px 5px 18px;
  margin-top: 30px;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
}
section.item_detail p.accent_round_blue {
  background: #00125b;
  border-radius: 20px;
  padding: 5px 20px 5px 18px;
  margin-top: 30px;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
}
section.item_detail p.accent_round_red {
  background: #ff0000;
  border-radius: 20px;
  padding: 5px 20px 5px 18px;
  margin-top: 30px;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
}
section.item_detail p.accent_square_red {
  background: #ff0000;
  padding: 5px 20px 5px 18px;
  margin-top: 30px;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
}
section.item_detail span.accent_orange {
  color: #e65101;
  font-weight: 700;
}
section.item_detail span.em {
  font-style: italic;
}
section.item_detail .box-border {
  margin-top: 50px;
  padding: 50px 20px 20px 20px;
  border-radius: 10px;
  position: relative;
  /*-- 図の目立つタイトル --*/
}
section.item_detail .box-border--black {
  border: 2px solid #000;
}
@media (max-width: 767px) {
  section.item_detail .box-border {
    margin-top: 30px;
    padding-top: 20px;
  }
}
section.item_detail .box-border h5.box-border__accent--orange {
  background: #ec7c12;
  border: 2px solid #000;
  border-radius: 20px;
  padding: 5px 25px;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 10px;
}
@media (max-width: 767px) {
  section.item_detail .box-border h5.box-border__accent--orange {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
section.item_detail .box--md {
  margin-top: 30px;
  margin-left: 20px;
}
@media (max-width: 767px) {
  section.item_detail .box--md {
    margin-left: 0;
  }
}
section.item_detail .box--md .images--md {
  margin-top: 0;
}
section.item_detail .box--md .images--md img {
  border: none !important;
}
section.item_detail .box--md .images--md-width200 {
  width: 200px;
  height: auto;
}
section.item_detail .box--md .images--md-width200 img {
  text-align: center;
  margin-inline: auto;
}
section.item_detail .box_text.u-text--indent25 {
  margin-top: 20px;
  margin-left: 25px;
}
section.item_detail .flex .box_text.u-text--indent25 {
  margin-top: 0;
  margin-left: 25px;
}
@media (max-width: 767px) {
  section.item_detail .flex .box_text.u-text--indent25 {
    margin-left: 0;
  }
}
section.item_detail h5.box-border--left-bottom {
  border-left: 8px solid #10305e;
  border-bottom: 2px solid #10305e;
  padding: 0 15px 5px 15px;
  font-size: 20px;
  background: none;
  color: #10305e;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  section.item_detail h5.box-border--left-bottom {
    padding: 0 15px 5px 10px;
  }
}
section.item_detail .speech-bubble--left {
  position: relative;
  background: #eafaff;
  border: 3px solid #6c81b3;
  border-radius: 30px;
  padding: 20px 20px 15px 20px;
  width: clamp(300px, 100%, 500px);
}
section.item_detail .speech-bubble--left p {
  font-size: 18px;
  font-weight: 700;
}
section.item_detail .speech-bubble--left::after {
  content: "";
  position: absolute;
  top: 44px;
  right: -28px;
  width: 42px;
  height: 23px;
  background: #eafaff;
  -webkit-clip-path: polygon(100% 46%, 0% 105%, 0% 23%);
  clip-path: polygon(100% 46%, 0% 105%, 0% 23%);
}
@media (max-width: 767px) {
  section.item_detail .speech-bubble--left::after {
    display: none;
  }
}
section.item_detail .speech-bubble--left::before {
  content: "";
  position: absolute;
  top: 40px;
  right: -32px;
  width: 30px;
  height: 30px;
  background: #6c81b3;
  -webkit-clip-path: polygon(100% 46%, 0% 90%, 0% 25%);
  clip-path: polygon(100% 46%, 0% 90%, 0% 25%);
}
@media (max-width: 767px) {
  section.item_detail .speech-bubble--left::before {
    display: none;
  }
}
section.item_detail .speech-bubble--right {
  position: relative;
  background: #eafaff;
  border: 3px solid #6c81b3;
  border-radius: 30px;
  padding: 20px 20px 15px 20px;
  width: clamp(300px, 100%, 500px);
}
section.item_detail .speech-bubble--right p {
  font-size: 18px;
  font-weight: 700;
}
section.item_detail .speech-bubble--right::after {
  content: "";
  position: absolute;
  top: 44px;
  left: -28px;
  width: 42px;
  height: 23px;
  background: #eafaff;
  -webkit-clip-path: polygon(0 46%, 100% 90%, 100% 25%);
  clip-path: polygon(0 46%, 100% 105%, 100% 23%);
}
@media (max-width: 767px) {
  section.item_detail .speech-bubble--right::after {
    display: none;
  }
}
section.item_detail .speech-bubble--right::before {
  content: "";
  position: absolute;
  top: 40px;
  left: -32px;
  width: 30px;
  height: 30px;
  background: #6c81b3;
  -webkit-clip-path: polygon(0 46%, 100% 90%, 100% 25%);
  clip-path: polygon(0 46%, 100% 90%, 100% 25%);
}
@media (max-width: 767px) {
  section.item_detail .speech-bubble--right::before {
    display: none;
  }
}
section.item_detail .flex {
  /*-- 下寄せ --  */
  /*-- モバイル版も横並びにする --*/
  /*-- atsuita_half_punch.htmlで使用 --*/
}
section.item_detail .flex :nth-of-type(2n) {
  margin-left: 0;
}
section.item_detail .flex :nth-of-type(3n) {
  margin-left: 0;
}
section.item_detail .flex.flex_bottom {
  align-items: flex-end;
}
section.item_detail .flex.col_three {
  max-width: 980px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 !important;
}
@media (max-width: 767px) {
  section.item_detail .flex.col_three {
    display: block;
  }
}
section.item_detail .flex.col_three .card {
  display: flex;
  flex-direction: column;
  width: calc((100% - 32px) / 3);
}
@media (max-width: 767px) {
  section.item_detail .flex.col_three .card {
    width: 100%;
  }
}
section.item_detail .flex.col_three .card .card-content {
  display: flex;
  flex-direction: column;
}
section.item_detail .flex.col_three .card .card-content .card_images img {
  max-width: 100%;
  height: auto;
}
section.item_detail .flex.col_three .card .card-content p {
  font-size: 16px;
}
section.item_detail .flex.col_three .card .card-content p.list {
  position: relative;
}
section.item_detail .flex.col_three .card .card-content p.list.pa_30em {
  padding-left: 3em;
}
section.item_detail .flex.col_three .card .card-content p.list.pa_15em {
  padding-left: 1.5em;
}
section.item_detail .flex.col_three .card .card-content p.list span {
  position: absolute;
  left: 0;
  margin: 0;
}
@media (max-width: 767px) {
  section.item_detail .flex.all_flex {
    margin-top: 0;
    padding-top: 0;
    display: flex;
    flex-direction: row;
    gap: 15px;
  }
  section.item_detail .flex.all_flex .images {
    margin-top: 0;
    padding-top: 0;
    width: initial !important;
    max-width: initial !important;
  }
}
section.item_detail .flex .flex-area__img {
  width: 350px;
}
@media (max-width: 1020px) {
  section.item_detail .flex .flex-area__img {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  section.item_detail .flex .flex-area__img {
    max-width: 100%;
  }
}
section.item_detail .title_item h1 {
  line-height: 1.2;
}
section.item_detail .title_item h1 span {
  font-size: 20px;
}
@media (max-width: 767px) {
  section.item_detail .title_item h1 span {
    font-size: 16px;
  }
}
section.item_detail .title_item br {
  display: block;
}
section.item_detail .box_item {
  margin-top: 30px;
  display: flex;
  width: 100%;
  position: relative;
}
@media (max-width: 1020px) {
  section.item_detail .box_item {
    margin-inline: 0;
    margin: 30px 20px 0 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
  }
}
@media (max-width: 767px) {
  section.item_detail .box_item {
    margin-top: 20px;
    display: block;
  }
}
section.item_detail .box_item .main_image_detail {
  flex: 0 0 45%;
  margin-right: 30px;
}
@media (max-width: 767px) {
  section.item_detail .box_item .main_image_detail {
    margin-top: 20px;
    width: 100%;
  }
}
section.item_detail .box_item .main_image_detail .images {
  border: 1px solid #00125b;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  aspect-ratio: 3/2;
}
section.item_detail .box_item .main_image_detail .images img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin-inline: auto;
}
@media (max-width: 767px) {
  section.item_detail .box_item .main_image_detail .images {
    margin-top: 20px;
    width: 100%;
  }
}
section.item_detail .box_item .main_image_detail .images.big_pict img {
  padding: 20px;
}
section.item_detail .box_item .main_image_detail .images.big_pict.height img {
  height: 100%;
}
section.item_detail .box_item .main_image_detail .box_some_image {
  margin-top: 25px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
}
@media (max-width: 767px) {
  section.item_detail .box_item .main_image_detail .box_some_image {
    margin-top: 20px;
  }
}
section.item_detail .box_item .main_image_detail .box_some_image:hover {
  cursor: pointer;
}
section.item_detail .box_item .main_image_detail .box_some_image .images {
  aspect-ratio: 1/1;
  overflow: hidden;
  border: 1px solid #00125b;
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-top: 0;
  transition: 0.3s all ease-in-out;
}
section.item_detail .box_item .main_image_detail .box_some_image .images img {
  width: 100%;
  height: auto;
  vertical-align: top;
  transition: 0.3s all ease-in-out;
}
section.item_detail .box_item .main_image_detail .box_some_image .images:hover {
  border: 1px solid #e96c0e;
}
section.item_detail .box_item .main_image_detail .box_some_image .images:hover img {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  section.item_detail .box_item .main_image_detail .box_some_image .images:hover img {
    transform: scale(1);
  }
}
section.item_detail .box_item .main_image_detail .box_some_image .images.height img {
  height: 100%;
  width: auto;
}
section.item_detail .box_item .box_topics {
  flex: 1;
}
section.item_detail .box_item .box_text {
  flex: 0 0 auto;
  max-width: calc(50% - 30px);
}
@media (max-width: 767px) {
  section.item_detail .box_item .box_text {
    margin-top: 20px;
    max-width: 100%;
  }
}
section.item_detail .box_item .box_text p {
  font-size: 16px;
}
section.item_detail .box_item .box_text.text--only {
  max-width: initial;
  width: calc(100% - 40px);
  margin: 0 20px;
  box-sizing: border-box;
  display: block;
}
@media (max-width: 767px) {
  section.item_detail .box_item .box_text.text--only {
    margin: 20px 0;
    max-width: 100%;
    width: 100%;
  }
}
section.item_detail .box_item h2 {
  color: #00125b;
  font-size: 26px;
  font-weight: 800;
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: 2px solid #00125b;
}
section.item_detail .box_item h2 span.small {
  font-size: 20px;
}
section.item_detail .box_item h3 {
  color: #2a2a2a;
  font-size: 23px;
  font-weight: 800;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 35px;
  padding-left: 0;
  padding-bottom: 0;
  border-bottom: 0;
  background: none;
}
@media (max-width: 767px) {
  section.item_detail .box_item h3 {
    margin-top: 50px;
  }
}
section.item_detail .box_item p {
  margin-top: 10px;
  font-weight: 600;
  color: #0f0a29;
}
section.item_detail .point__cpoc-kun {
  position: relative;
  margin-top: 30px;
  width: 440px;
  float: right;
}
@media (max-width: 767px) {
  section.item_detail .point__cpoc-kun {
    width: initial;
    max-width: 100%;
    margin-top: 50px;
  }
}
section.item_detail .point__cpoc-kun p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-right: 120px;
  background: #00125b;
  width: calc(100% - 60px);
  padding: 20px 60px 20px 10px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  section.item_detail .point__cpoc-kun p {
    margin-right: 0;
    padding: 10px 20px;
    position: relative;
    z-index: 2;
    width: 100%;
  }
}
section.item_detail .point__cpoc-kun p span {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}
section.item_detail .point__cpoc-kun .img__cpoc-kun {
  position: absolute;
  top: -10px;
  right: 0;
  width: 130px;
  height: auto;
  transform: rotate(10deg);
}
@media (max-width: 767px) {
  section.item_detail .point__cpoc-kun .img__cpoc-kun {
    top: -45px;
    bottom: initial;
    right: 0;
    width: 75px;
    height: auto;
    z-index: 1;
  }
}
section.item_detail .point__cpoc-kun .img__cpoc-kun img {
  max-width: 100%;
}
section.item_detail .appeal-banner {
  width: 100%;
  margin-top: 30px;
  border: 1px solid #0f2668;
}
section.item_detail .appeal-banner img {
  max-width: 100%;
}
section.item_detail .contents-menu__heading {
  margin: 0 !important;
  font-size: 20px;
  font-weight: 800;
  color: #fff !important;
  border-bottom: none;
  background: url(../images/brake/brake_title_all_list.webp) no-repeat;
  position: relative;
}
section.item_detail .contents-menu__heading:before {
  content: "";
  width: 24px;
  height: 14px;
  background: url(../images/common/icon_menu.png) no-repeat;
  padding-left: 50px;
  background-position: 15px;
}
section.item_detail .contents-menu {
  margin: 0;
  border: 1px solid #0b1d49;
}
section.item_detail .contents-menu ul.contents-menu__list {
  margin: 10px 20px;
}
section.item_detail .contents-menu ul.contents-menu__list li.contents-menu__item {
  border-bottom: 1px solid #e9e9e9;
  font-size: 18px;
  background: url(../images/common/icon_arrow_right.svg) no-repeat;
  background-position: 0 16px;
  position: relative;
}
section.item_detail .contents-menu ul.contents-menu__list li.contents-menu__item.font--small {
  font-size: 16px;
  background: none;
  padding-left: 20px;
}
section.item_detail .contents-menu ul.contents-menu__list li.contents-menu__item.font--small::before {
  content: "●";
  position: absolute;
  left: 0;
  color: #e96c0e;
  font-size: 0.5em;
  top: 15px;
  left: 20px;
}
section.item_detail .contents-menu ul.contents-menu__list li.contents-menu__item.font--small:hover::before {
  content: " ";
  transition: 0.3s all ease-in-out;
}
section.item_detail .contents-menu ul.contents-menu__list li.contents-menu__item a.contents-menu__link {
  padding: 5px 0 5px 20px;
  color: #e96c0e;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  transition: 0.3s all ease-in-out;
  width: 100%;
  display: block;
}
section.item_detail .contents-menu ul.contents-menu__list li.contents-menu__item a.contents-menu__link:hover {
  color: #00377a;
  background-color: #ebf6ff;
}
section.item_detail .contents-menu ul.contents-menu__list li.contents-menu__item:last-child {
  border-bottom: none;
}
section.item_detail .related-banner {
  border: 2px solid #0f2668;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 30px;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 767px) {
  section.item_detail .related-banner {
    width: 100%;
  }
}
section.item_detail .related-banner:hover {
  transform: translateY(3px);
  opacity: 0.8;
}
section.item_detail .contents_item {
  margin-top: 50px;
  max-width: 800px;
  margin-inline: auto;
  /*-- 動画 / 商品一覧 --*/
  /*-- 要素を中央に配置 --*/
  /*-- ボックス幅を40pxに固定 --*/
  /*-- ボックス幅を650pxに固定 --*/
  /*-- ボックス幅を650pxに固定 --*/
  /*-- 青い四角のボックス --*/
  /*-- 赤い四角のボックス --*/
  /*-- 通常のボックス --*/
  /*-- 通常のボックス --*/
  /*-- table2 --*/
  /*-- 背景画像の四角のボックス --*/
  /*-- シーポックンのボックス --*/
}
@media (max-width: 1020px) {
  section.item_detail .contents_item {
    margin-left: 20px;
    margin-right: 20px;
  }
}
section.item_detail .contents_item h3 {
  color: #00125b;
  font-size: 22px;
  font-weight: 800;
  margin-top: 50px;
  margin-bottom: 0;
  border-bottom: none;
  transition: 0.3s all ease-in-out;
  padding: 5px 0;
  border-bottom: 2px solid #00125b;
  width: 100%;
}
section.item_detail .contents_item h4.title_middle {
  color: #00125b;
  font-size: 20px;
  font-weight: 800;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 0;
  border-bottom: 0;
  background: none;
}
@media (max-width: 767px) {
  section.item_detail .contents_item h4.title_middle {
    margin-top: 20px;
  }
}
section.item_detail .contents_item .images.width80 {
  margin-top: 30px;
  width: 80%;
  margin-inline: auto;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .images.width80 {
    width: 100%;
  }
}
section.item_detail .contents_item .images.width50 {
  margin-top: 0;
  margin-left: 0 !important;
  max-width: initial !important;
  width: calc(50% - 10px) !important;
}
section.item_detail .contents_item .images.width50 img {
  border: 0 !important;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .images.width50 {
    width: 100% !important;
  }
}
section.item_detail .contents_item .images.border_none img {
  border: none !important;
}
section.item_detail .contents_item .images img {
  height: auto;
}
section.item_detail .contents_item .text {
  margin-top: 30px;
}
section.item_detail .contents_item .text.left_grid30 {
  margin-left: 30px;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .text.left_grid30 {
    margin-left: 0;
  }
}
section.item_detail .contents_item .text.right_grid30 {
  margin-right: 30px;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .text.right_grid30 {
    margin-right: 0;
  }
}
section.item_detail .contents_item .flex {
  margin-top: 30px;
  gap: 30px;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .flex {
    gap: 0;
  }
}
section.item_detail .contents_item .flex .images {
  max-width: 330px;
  flex: 0 0 auto;
  /*-- 画像 残りのスペースを占有 --*/
  /*-- 画像が左のとき --*/
}
section.item_detail .contents_item .flex .images.size-normal {
  flex: initial;
  width: 100%;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .flex .images.size-normal {
    width: 100%;
  }
}
section.item_detail .contents_item .flex .images.flexible {
  flex: 1;
  max-width: initial;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .flex .images {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }
}
section.item_detail .contents_item .flex .images.img_left {
  margin-top: 0;
  margin-left: 0;
  margin-right: 30px;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .flex .images.img_left {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
  }
}
section.item_detail .contents_item .flex .images img {
  max-width: 100%;
  height: auto;
  border: 1px solid #959595;
  transition: 0.3s all ease-in-out;
}
section.item_detail .contents_item .flex .images img.border_none {
  border: none !important;
}
section.item_detail .contents_item .flex .images a:hover img {
  opacity: 0.5;
}
section.item_detail .contents_item .flex .images .mobile {
  display: block;
}
@media (min-width: 767px) {
  section.item_detail .contents_item .flex .images .mobile {
    display: none;
  }
}
section.item_detail .contents_item .flex.col_three .images {
  flex: initial;
  margin-top: 0;
}
section.item_detail .contents_item .flex.col_three:first-of-type {
  margin-top: 0;
}
section.item_detail .contents_item .flex.col_three p {
  color: #2c2c2c;
  font-weight: 700;
}
section.item_detail .contents_item .box_text {
  margin-top: 20px;
}
section.item_detail .contents_item .box_text h4 {
  color: #1c4d86;
  font-size: 18px;
  font-weight: 800;
  margin-top: 40px;
  margin-left: 0;
  margin-bottom: 35px;
  margin-right: 30px;
  padding-left: 0;
  background: none;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_text h4 {
    margin-top: 20px;
    margin-right: 0;
    order: 2;
  }
}
section.item_detail .contents_item .box_text h4.title_middle {
  color: #00125b;
  font-size: 20px;
  font-weight: 800;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 0;
  border-bottom: 0;
  background: none;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_text h4.title_middle {
    margin-top: 20px;
  }
}
section.item_detail .contents_item .box_text p {
  font-size: 16px;
}
section.item_detail .contents_item .point-area {
  padding: 50px 0 50px 0;
  max-width: 100%;
  display: flex;
  align-items: start;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .point-area {
    display: block;
  }
}
section.item_detail .contents_item .point-area h4 {
  background: none;
  font-size: 22px;
  margin: 0;
}
section.item_detail .contents_item .point-area h4 span.em {
  font-size: 22px;
  font-style: italic;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .point-area h4 span.em {
    font-size: 1em;
  }
}
section.item_detail .contents_item .point-area p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
section.item_detail .contents_item .point-area p.point {
  font-size: clamp(12px, 1.5vw, 14px);
  font-weight: 700;
  color: #ffffff;
  background: #00125b;
  border-radius: 15px;
  padding: 5px 20px;
  display: inline-block;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .point-area p.point {
    margin-bottom: 10px;
  }
}
section.item_detail .contents_item .detail_box_movie {
  margin-top: 15px;
  width: 80%;
  margin-inline: auto;
  aspect-ratio: 16/9;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .detail_box_movie {
    width: 100%;
  }
}
section.item_detail .contents_item .detail_box_movie iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .detail_box_movie iframe {
    zoom: 0.8;
  }
}
section.item_detail .contents_item .detail_box_movie a.movie {
  display: inline-block;
  position: relative;
}
section.item_detail .contents_item .detail_box_movie a.movie .box_movie_images {
  height: auto;
  border: 1px solid #e96c0e;
  position: relative;
  transition: 0.6s ease;
  overflow: hidden;
}
section.item_detail .contents_item .detail_box_movie a.movie .box_movie_images img {
  width: 100%;
  height: auto;
  transition: 0.3s all ease-in-out;
}
section.item_detail .contents_item .detail_box_movie a.movie .box_movie_images img:hover {
  opacity: 0.8;
}
section.item_detail .contents_item .detail_box_movie a.movie .box_movie_images::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/movie/btn_play_movie_3.png) no-repeat;
  width: 82px;
  height: 82px;
  position: absolute;
  transition: 0.3s;
}
section.item_detail .contents_item .detail_box_movie a.movie h4.movie_title {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: none;
  padding: 10px 20px;
  background: rgba(0, 18, 91, 0.7);
  border-radius: 5px;
  margin: 0;
}
section.item_detail .contents_item .detail_box_movie a.movie .conic_channel {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: auto;
  border: 1px solid #000;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .detail_box_movie a.movie .conic_channel {
    display: none;
  }
}
section.item_detail .contents_item .box_center {
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_center {
    width: 100%;
    overflow-x: hidden;
  }
}
section.item_detail .contents_item .box_400 {
  width: 400px !important;
  max-width: 400px !important;
}
@media (max-width: 780px) {
  section.item_detail .contents_item .box_400 {
    margin-left: 10px;
    margin-right: 10px;
    width: 100% !important;
    max-width: 100% !important;
  }
}
section.item_detail .contents_item .box_650 {
  width: 650px !important;
  max-width: 650px !important;
}
@media (max-width: 650px) {
  section.item_detail .contents_item .box_650 {
    margin-left: 10px;
    margin-right: 10px;
    width: 100% !important;
    max-width: 100% !important;
  }
}
section.item_detail .contents_item .box_800 {
  width: 800px !important;
  max-width: 800px !important;
}
@media (max-width: 801px) {
  section.item_detail .contents_item .box_800 {
    margin-left: 10px;
    margin-right: 10px;
    width: 100% !important;
    max-width: 100% !important;
  }
}
section.item_detail .contents_item .box_round_blue {
  border-radius: 10px;
  border: 3px solid #00125b;
  padding: 20px 20px 10px 20px;
  margin-top: 20px;
  position: relative;
  max-width: 650px;
}
section.item_detail .contents_item .box_round_blue.red {
  border: 3px solid #cc2121;
  color: #cc2121;
}
section.item_detail .contents_item .box_round_blue h4 {
  background: none;
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
}
section.item_detail .contents_item .box_round_blue h4 span.em {
  font-size: 1.2em;
  font-style: italic;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_blue h4 span.em {
    font-size: 1em;
  }
}
section.item_detail .contents_item .box_round_blue p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
section.item_detail .contents_item .box_round_blue p.point {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background: #00125b;
  border-radius: 10px;
  padding: 5px 10px;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 15px;
  z-index: 10;
}
section.item_detail .contents_item .box_round_red {
  border-radius: 10px;
  border: 3px solid #cc2121;
  padding: 20px 20px 10px 20px;
  margin-top: 20px;
  position: relative;
  max-width: 650px;
}
section.item_detail .contents_item .box_round_red h4 {
  background: none;
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
}
section.item_detail .contents_item .box_round_red h4 span.em {
  font-size: 1.2em;
  font-style: italic;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_red h4 span.em {
    font-size: 1em;
  }
}
section.item_detail .contents_item .box_round_red p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
section.item_detail .contents_item .box_round_red p.point {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background: #cc2121;
  border-radius: 10px;
  padding: 5px 10px;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 15px;
  z-index: 10;
}
section.item_detail .contents_item .box_round_normal {
  border-radius: 3px;
  border: 2px solid #313131;
  padding: 20px 20px 20px 20px;
  margin-top: 20px;
  position: relative;
}
section.item_detail .contents_item .box_round_normal h4 {
  background: none;
  padding-left: 0;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  color: #e96c0e;
  border-bottom: 2px solid #e96c0e;
}
section.item_detail .contents_item .box_round_normal h4 span.em {
  font-size: 1.75em;
  font-style: italic;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_normal h4 span.em {
    font-size: 1em;
  }
}
section.item_detail .contents_item .box_round_normal p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
section.item_detail .contents_item .box_round_normal p.point {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background: #00125b;
  border-radius: 10px;
  padding: 5px 10px;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 15px;
  z-index: 10;
}
section.item_detail .contents_item .box_round_normal .images {
  margin-left: 10px;
  margin-right: 10px;
}
section.item_detail .contents_item .box_round_normal .images img {
  border: none !important;
}
section.item_detail .contents_item .box_border {
  border-radius: 3px;
  border: 1px solid #313131;
  padding: 10px 20px 20px 20px;
  margin-top: 20px;
  position: relative;
}
section.item_detail .contents_item .box_border.bg_color_orange {
  background: #fffbf8;
}
section.item_detail .contents_item .box_table {
  margin-top: 20px;
  max-width: 100%;
  /*-- テーブルを赤ボーダーで囲む --*/
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_table {
    overflow-x: auto;
  }
}
section.item_detail .contents_item .box_table table {
  font-size: 16px;
}
section.item_detail .contents_item .box_table table.border_around2 {
  margin: 15px 0;
  border: 2px solid #1e1e1e;
  border-collapse: collapse;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_table table.border_around2 {
    margin-top: 0;
    table-layout: fixed;
    white-space: nowrap;
  }
}
section.item_detail .contents_item .box_table table.border_around2.nowrap {
  white-space: nowrap;
}
section.item_detail .contents_item .box_table table.border_around2 td {
  padding: 10px;
  border-right: 1px solid #343434;
  text-align: left;
  font-size: 14px;
}
section.item_detail .contents_item .box_table table.border_around2 td.title {
  background: #e1e2f0;
  font-weight: 600;
  font-size: 14px;
  vertical-align: middle;
}
section.item_detail .contents_item .box_table table.border_around2 td.bnone {
  border-right: none;
}
section.item_detail .contents_item .box_table table.border_around2 td.left {
  text-align: left;
}
section.item_detail .contents_item .box_table table.border_around2 td.accent {
  background: #ffe5d7;
}
section.item_detail .contents_item .box_table table.border_around2 td img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
section.item_detail .contents_item .box_table table.border_around2 tr {
  border-bottom: 1px solid #343434;
}
section.item_detail .contents_item .box_table table.border_around2 tr.bnone {
  border-bottom: none;
}
section.item_detail .contents_item .box_table table.border_around2 tr:last-child td {
  border-bottom: none;
}
section.item_detail .contents_item .box_table td.border_accent_top_right_left {
  border-top: 3px solid #ff0000 !important;
  border-right: 3px solid #ff0000 !important;
  border-left: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_right_left {
  border-right: 3px solid #ff0000 !important;
  border-left: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_bottom_right_left {
  border-bottom: 3px solid #ff0000 !important;
  border-right: 3px solid #ff0000 !important;
  border-left: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_top_left_bottom {
  border-top: 3px solid #ff0000 !important;
  border-left: 3px solid #ff0000 !important;
  border-bottom: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_top_bottom {
  border-top: 3px solid #ff0000 !important;
  border-bottom: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_top_right_bottom {
  border-top: 3px solid #ff0000 !important;
  border-right: 3px solid #ff0000 !important;
  border-bottom: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_all {
  border: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_left {
  border-left: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_right {
  border-right: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_bottom {
  border-bottom: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_bottom_left {
  border-left: 3px solid #ff0000 !important;
  border-bottom: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_table td.border_accent_bottom_right {
  border-bottom: 3px solid #ff0000 !important;
  border-right: 3px solid #ff0000 !important;
}
section.item_detail .contents_item .box_round_backimg {
  border-radius: 10px;
  border: 3px solid #00125b;
  padding: 30px 20px 30px 20px;
  display: inline-block;
  margin-top: 20px;
  position: relative;
  max-width: 650px;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_backimg {
    margin-top: 0;
  }
}
section.item_detail .contents_item .box_round_backimg h4.point {
  margin-top: 0;
  margin-bottom: 30px;
  background: rgba(255, 255, 255, 0.5);
  font-size: 24px;
  padding-left: 0;
}
section.item_detail .contents_item .box_round_backimg h4.point span {
  color: #cc2121;
  font-weight: 900;
}
section.item_detail .contents_item .box_round_backimg p {
  margin: 0;
  background: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}
section.item_detail .contents_item .box_round_backimg p:not(:first-of-type) {
  margin-top: 10px;
}
section.item_detail .contents_item .box_round_backimg.back_image1 {
  background: url(../images/brake/all_item/cefh/cefh_euro_point_1.webp) no-repeat;
  background-size: contain;
  background-position: left;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_backimg.back_image1 {
    background: none;
  }
}
section.item_detail .contents_item .box_round_backimg.back_image2 {
  background: url(../images/brake/all_item/cefh/cefh_euro_point_2.webp) no-repeat;
  background-size: contain;
  background-position: right;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_backimg.back_image2 {
    background: none;
  }
}
section.item_detail .contents_item .box_round_backimg.back_image3 {
  background: url(../images/brake/all_item/cefh/cefh_euro_point_3.webp) no-repeat;
  background-size: contain;
  background-position: left;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_backimg.back_image3 {
    background: none;
  }
}
section.item_detail .contents_item .box_round_backimg .box_indent_left {
  padding-left: 130px;
  text-align: left;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_backimg .box_indent_left {
    padding-left: 0;
  }
}
section.item_detail .contents_item .box_round_backimg .box_indent_right {
  padding-right: 110px;
  text-align: left;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_round_backimg .box_indent_right {
    padding-right: 0;
  }
}
section.item_detail .contents_item .box_point_cpoc-kun {
  background: #00125b;
  padding: 10px 20px;
  border-radius: 10px;
  max-width: 650px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_point_cpoc-kun {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 100px !important;
    margin-bottom: 30px;
  }
}
section.item_detail .contents_item .box_point_cpoc-kun p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-right: 180px;
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_point_cpoc-kun p {
    margin-right: 0;
  }
}
section.item_detail .contents_item .box_point_cpoc-kun p span {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}
section.item_detail .contents_item .box_point_cpoc-kun .images.cpoc-kun {
  position: absolute;
  top: -30px;
  right: 0;
  width: 180px;
  height: auto;
  transform: rotate(10deg);
}
@media (max-width: 767px) {
  section.item_detail .contents_item .box_point_cpoc-kun .images.cpoc-kun {
    top: -75px;
    bottom: initial;
    right: 0;
    width: 110px;
    height: auto;
    z-index: -1;
  }
}
section.item_detail .contents_item .grid_pdf {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
section.item_detail .contents_item .grid_pdf .btn_pdf {
  margin-left: 0;
  text-align: center;
}
section.item_detail .btn_pdf {
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid #ff0000;
  border-radius: 10px;
  padding: 0;
  display: inline-block;
  /*-- モバイルにもPDFを表示させる場合（表示拡大） --*/
}
section.item_detail .btn_pdf a {
  display: block;
  padding: 15px 40px;
  color: #2c2c2c;
  transition: 0.3s all ease-in-out;
  border-radius: 11px;
}
section.item_detail .btn_pdf a:hover {
  color: #2c2c2c;
  background: #ffdfc5;
}
@media (max-width: 767px) {
  section.item_detail .btn_pdf {
    display: none;
  }
}
@media (max-width: 767px) {
  section.item_detail .btn_pdf.all_page {
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
section.item_detail .btn_page {
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid #00125b;
  border-radius: 10px;
  padding: 0;
  display: inline-block;
  /*-- モバイルにも表示させる場合 --*/
}
section.item_detail .btn_page a {
  display: block;
  padding: 15px 40px;
  color: #2c2c2c;
  transition: 0.3s all ease-in-out;
  border-radius: 11px;
}
section.item_detail .btn_page a:hover {
  color: #2c2c2c;
  background: #c5e8ff;
}
@media (max-width: 767px) {
  section.item_detail .btn_page {
    display: none;
  }
}
@media (max-width: 767px) {
  section.item_detail .btn_page.all_page {
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 767px) {
  section.item_detail .flex {
    display: flex;
    flex-direction: column-reverse;
  }
  section.item_detail .flex.reverse_none {
    flex-direction: column;
  }
}
section.item_detail .flex .box_text {
  width: calc(100% - 360px);
}
@media (max-width: 767px) {
  section.item_detail .flex .box_text {
    width: 100%;
  }
}
section.item_detail .flex .box_text img {
  width: 100%;
  height: auto;
}
section.item_detail .flex .box_text.three_box {
  width: 100%;
}
@media (max-width: 767px) {
  section.item_detail .flex .box_text.three_box {
    width: 100%;
  }
}
section.item_detail .flex .box_thumbnail {
  /*-- サムネイルをモバイルにも表示させる場合 --*/
}
section.item_detail .flex .box_thumbnail .images {
  width: 330px;
  flex: 0 0 auto;
  margin-left: 30px;
}
@media (max-width: 767px) {
  section.item_detail .flex .box_thumbnail {
    display: none;
  }
}
@media (max-width: 767px) {
  section.item_detail .flex .box_thumbnail.all_page {
    padding-top: 0;
    display: block !important;
  }
  section.item_detail .flex .box_thumbnail.all_page .images {
    margin-left: auto;
    margin-right: auto;
  }
}
section.item_detail .pdf_images {
  margin-top: 0;
  padding-top: 0;
}
section.item_detail .pdf_images .images {
  width: 100%;
  flex: 0 0 auto;
  margin-left: 30px;
}
@media (min-width: 766px) {
  section.item_detail .pdf_images .images {
    display: none;
  }
}
section.item_detail .pdf_images .images img:not(first-of-type) {
  margin-top: 15px;
}
section.item_detail .pdf_images .images .btn_more {
  background: #0c1d49;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #0c1d49;
  border-radius: 13px;
  transition: 0.3s all ease-in-out;
  width: 60%;
  text-align: center;
  margin-inline: auto;
  margin-top: 15px;
  padding: 12px 15px;
  display: block;
  color: #fff;
}
section.item_detail .pdf_images .images .box_more {
  display: none;
}
section.item_detail .contents_item.item_list_box {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  /*--関連商品ボックス --*/
  /*-- オリジナル表面処理 横並び --*/
}
section.item_detail .contents_item.item_list_box:nth-of-type(2n) {
  margin-left: 0;
}
section.item_detail .contents_item.item_list_box.section--two-column {
  display: grid;
  grid-template-columns: repeat(3, minmax(22%, 1fr));
  gap: 20px;
  box-sizing: border-box;
  margin: 15px 10px;
  width: 100%;
  margin: 15px auto;
}
@media (max-width: 767px) {
  section.item_detail .contents_item.item_list_box.section--two-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 10px;
    box-sizing: border-box;
    margin: 15px 10px;
    width: 100%;
    margin: 15px auto;
  }
}
section.item_detail .contents_item.item_list_box .box_border {
  margin-top: 0;
  margin-right: 15px;
  padding: 0;
  border: 2px solid #03377e;
  transition: 0.3s all ease-in-out;
  border-radius: 5px;
  /*-- オリジナル表面処理 画像 --*/
}
@media (min-width: 1020px) {
  section.item_detail .contents_item.item_list_box .box_border {
    width: 200px;
    min-width: 250px;
  }
}
section.item_detail .contents_item.item_list_box .box_border h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  text-align: left;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #e96c0e;
  /*-- bgbottom仕様時必須設定 --*/
}
section.item_detail .contents_item.item_list_box .box_border h3.btn {
  width: 100%;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: inline-block;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #e96c0e;
  padding: 5px 5px;
  outline: none;
  transition: ease 0.5s;
  line-height: 1.2;
}
section.item_detail .contents_item.item_list_box .box_border h3.bgbottom:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #e96c0e;
  width: 100%;
  height: 0;
  transition: 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
section.item_detail .contents_item.item_list_box .box_border h3.btn span {
  position: relative;
  z-index: 3;
  color: #333;
}
section.item_detail .contents_item.item_list_box .box_border a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px;
  transition: 0.3s all ease-in-out;
}
section.item_detail .contents_item.item_list_box .box_border a p {
  color: #2c2c2c;
  font-size: 14px;
  margin: 10px 10px 0 10px;
}
section.item_detail .contents_item.item_list_box .box_border:hover, section.item_detail .contents_item.item_list_box .box_border:active {
  border: 2px solid #e96c0e;
  background: #fff3e9;
  box-shadow: 0px 10px 15px -8px #777777;
  transform: scale(1.05);
}
@media (max-width: 767px) {
  section.item_detail .contents_item.item_list_box .box_border:hover, section.item_detail .contents_item.item_list_box .box_border:active {
    transform: scale(1);
  }
}
section.item_detail .contents_item.item_list_box .box_border:hover h3, section.item_detail .contents_item.item_list_box .box_border:active h3 {
  position: relative;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #00125b;
  /*-- hoverしたときの形状 --*/
}
section.item_detail .contents_item.item_list_box .box_border:hover h3.btn span, section.item_detail .contents_item.item_list_box .box_border:active h3.btn span {
  color: #fff;
  transition: 0.3s all ease-in-out;
}
section.item_detail .contents_item.item_list_box .box_border:hover h3.bgbottom:before, section.item_detail .contents_item.item_list_box .box_border:active h3.bgbottom:before {
  content: "";
  height: 100%;
  background-color: #00125b;
}
section.item_detail .contents_item.item_list_box .box_border:hover .image_item_frame, section.item_detail .contents_item.item_list_box .box_border:active .image_item_frame {
  border: 1px solid #e96c0e;
}
section.item_detail .contents_item.item_list_box .box_border:hover .image_item_frame img, section.item_detail .contents_item.item_list_box .box_border:active .image_item_frame img {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  section.item_detail .contents_item.item_list_box .box_border:hover .image_item_frame img, section.item_detail .contents_item.item_list_box .box_border:active .image_item_frame img {
    transform: scale(1);
  }
}
section.item_detail .contents_item.item_list_box .box_border .image_item_frame {
  border: 1px solid #00125b;
  aspect-ratio: 3/2;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
section.item_detail .contents_item.item_list_box .box_border .image_item_frame img {
  width: auto;
  height: 100%;
  vertical-align: center;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 760px) {
  section.item_detail .contents_item.item_list_box .box_border .image_item_frame img {
    width: auto;
    height: height;
  }
}
section.item_detail .contents_item.item_list_box .box_border .image_item_frame.height img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  section.item_detail .contents_item.item_list_box .box_border {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  section.item_detail .contents_item.item_list_box {
    display: block;
  }
  section.item_detail .contents_item.item_list_box .box_border {
    width: 100%;
    margin-left: 0;
    aspect-ratio: initial;
  }
}
section.item_detail .contents_item.item_list_box.wrap {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
}
@media (max-width: 900px) {
  section.item_detail .contents_item.item_list_box.wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  section.item_detail .contents_item.item_list_box.wrap {
    display: block;
  }
}
section.item_detail .contents_item.item_list_box.wrap .box_border {
  width: auto;
  min-width: 200px;
  margin-right: 0;
}

.brake_conic .box2 h4 {
  margin-bottom: 20px;
  font-size: 16px;
}

.brake_conic div.text {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c0c0c0;
}

.brake_conic div.text:last-of-type {
  border-bottom: none;
}

.brake_conic div.text p {
  margin-left: 20px;
}

/*--*/
.brake_conic_list h4,
h4 p,
.tech_list h4,
h4 p {
  margin-bottom: 15px;
  font-size: 18px;
}

@media (max-width: 767px) {
  .brake_conic_list h4,
  h4 p,
  .tech_list h4,
  h4 p {
    font-size: 16px;
  }
}
/*--*/
article.brake_webcatalog .box_movielist_flex {
  padding: 0;
}
@media (max-width: 1060px) {
  article.brake_webcatalog .contents_movielist {
    width: 100%;
    padding: 0;
    justify-content: space-between;
  }
  article.brake_webcatalog .contents_movielist.news_movie {
    padding: 0;
  }
}

.brake_webcatalog h4,
h4 p,
p.link {
  margin-bottom: 20px;
  font-size: 16px;
}

table.border_around td .flex .images img.brake_img_table_logo,
table.border_around td .flex div.images:first-of-type {
  margin: 0;
  background: #fff;
}

p.brake_img_logo {
  display: inline-block;
}

@media (min-width: 980px) {
  tr.brake_cst_tr_sp {
    height: 16.5em;
  }
}
@media (max-width: 979px) {
  tr.brake_cst_tr_sp {
    height: auto;
  }
}
section.tech {
  margin-top: 30px;
}

section.tech h3 {
  margin-bottom: 30px;
}

section.tech h4.title {
  font-size: 22px;
}

.tech_list {
  margin-bottom: 30px;
}

.tech .box2 p:first-of-type {
  margin-top: 15px;
}

.tech .box2 p.ma_top0 {
  margin-top: 0;
}

.tech .flex h5:first-of-type,
.tech .text h5:first-of-type {
  margin-top: 15px;
}

.tech .flex h5.title_b_blue {
  margin-top: 0;
}

.tech p.link {
  margin-top: 30px;
  margin-left: 20px;
  margin-right: 20px;
}

.tech a {
  padding-bottom: 1px;
  border-bottom: 1px solid #e96c0e;
  color: #e96c0e;
}

.tech a:hover {
  border-bottom: 1px solid #00125b;
  color: #00125b;
}

.tech h5.title_small.ma_top30,
.tech h5.title_small.ma_top20 {
  font-size: 20px;
}

.tech h5.title_left3,
.campaign h5.title_left3 {
  margin-top: 30px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 10px;
  font-size: 20px;
  border-left: 5px solid;
  border-bottom: none;
  background: #ffecd9;
  display: block;
  color: #343434;
  border-color: #e96c0e;
  border-radius: 3px;
}

/*-- インデント --*/
.tech h5.title_left3.indent {
  margin-left: 10px;
}

.tech .box2.indent {
  margin-left: 30px;
}

/*--用語集--*/
.tech .glossary {
  width: 50%;
}

@media (max-width: 767px) {
  .tech .glossary {
    width: 100%;
  }
}
/*--成形事例集--*/
.case_btn:hover img {
  opacity: 0.5;
}

.allflex .case_btn_2 {
  margin-right: 0;
  margin-bottom: 0;
}

.allflex .case_btn_box {
  width: 177px;
  margin-right: 7px;
}

.allflex .case_btn_box:nth-child(4n) {
  margin-right: 0;
}

@media (max-width: 979px) {
  .allflex .case_btn_box {
    width: 22%;
    margin-right: 10px;
  }
  .allflex .case_btn_box:nth-child(4n) {
    margin-right: 10px;
  }
}
@media (max-width: 760px) {
  .allflex .case_btn_box {
    width: 45%;
    margin-right: 3%;
  }
  .allflex .case_btn_box:nth-child(4n) {
    margin-right: 3%;
  }
}
.case_btn_2 {
  padding: 30px 10px 30px 10px;
  margin-bottom: 0;
  border-top: 1px solid #343434;
  border-right: 1px solid #343434;
  border-left: 1px solid #343434;
  border-radius: 2px 2px 0 0;
  width: 100%;
}

.case_btn_2:hover {
  border-color: #e96c0e;
}

.case_btn_2 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.images.case_btn_2:hover + h4.case_title {
  background: #e96c0e;
  border-color: #e96c0e;
  opacity: 1;
}

h4.case_title {
  background: #343434;
  opacity: 0.8;
  margin-bottom: 0;
  transition: all 0.5s ease 0s;
  border-bottom: 1px solid #343434;
  border-right: 1px solid #343434;
  border-left: 1px solid #343434;
  border-radius: 0 0 2px 2px;
}

h4.case_title:hover {
  background: #e96c0e;
  border-color: #e96c0e;
  opacity: 1;
}

h4.case_title:hover + .case_btn_2 {
  border-top: 1px solid #e96c0e;
  border-right: 1px solid #e96c0e;
  border-left: 1px solid #e96c0e;
}

a h4.case_title {
  padding: 10px;
  margin-top: 0;
  margin-bottom: 0;
  color: #ffffff;
  border-bottom: none;
  display: block;
}

h4.case_title span {
  font-weight: 600;
  font-size: 16px;
  opacity: 1;
}

/*-- 産業機械 --*/
.mobileLink .allflex h4 {
  margin-right: 10px;
}

.machinery_index_list h4 {
  font-weight: 700;
  margin-bottom: 5px;
  color: #5c5c5c;
}

.machinery_index_list_textnone h4 {
  margin-bottom: 15px;
}

.machinery_index_list ul.list_space {
  margin-top: 0;
  margin-left: 15px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .machinery_index_list h4 {
    margin-bottom: 15px;
  }
  .machinery_index_list ul.list_space {
    display: none;
  }
  .flex div.machinery_index_list:nth-of-type(2n) {
    padding-top: 0;
  }
}
/*-- 追記分 --*/
.machinery_index_list a div.border_box ul.list_space li {
  color: #343434;
}

.machinery_index_list a div.border_box {
  transition: 0.4s;
}

.machinery_index_list a div.border_box:hover {
  background: #fff1e6;
}

.machinery_index_list a div.border_box h4 {
  color: #333333;
  transition: 0.4s;
}

.machinery_index_list a div.border_box:hover h4 {
  color: #e96c0e;
}

/*--ＷＥＢカタログ--*/
.webcatalog div.flex div {
  padding-top: 0;
}

.webcatalog div.webcatalog_list {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
}

.webcatalog div.webcatalog_list.ma_top0 {
  margin-top: initial;
}

@media (min-width: 768px) {
  .webcatalog div.webcatalog_list {
    width: 50%;
  }
}
.webcatalog div.webcatalog_list_long {
  width: 100%;
  margin-top: 30px;
}

.webcatalog div.webcatalog_list_long h4 a,
.webcatalog div.webcatalog_list h4 a {
  font-size: 16px;
}

.webcatalog div.webcatalog_list_long h4,
.webcatalog div.webcatalog_list h4 {
  margin-bottom: 10px;
}

.space--xl {
  margin-top: 100px;
}

.space--l {
  margin-top: 50px;
}

.space--m {
  margin-top: 30px;
}

.space--s {
  margin-top: 15px;
}

.contents-menu__heading {
  margin: 0 !important;
  font-size: 20px;
  font-weight: 800;
  padding: 5px 0;
  color: #fff !important;
  border-bottom: none;
  background: url(../images/brake/brake_title_all_list.webp) no-repeat;
  position: relative;
}
.contents-menu__heading:before {
  content: "";
  width: 24px;
  height: 14px;
  background: url(../images/common/icon_menu.png) no-repeat;
  padding-left: 50px;
  background-position: 15px;
}

.contents-menu {
  margin: 0;
  border: 1px solid #0b1d49;
}
.contents-menu ul.contents-menu__list {
  margin: 10px 20px;
}
.contents-menu ul.contents-menu__list li.contents-menu__item {
  border-bottom: 1px solid #e9e9e9;
  font-size: 18px;
  background: url(../images/common/icon_arrow_right.svg) no-repeat;
  background-position: 0 16px;
  position: relative;
}
.contents-menu ul.contents-menu__list li.contents-menu__item.font--small {
  font-size: 16px;
  background: none;
  padding-left: 20px;
}
.contents-menu ul.contents-menu__list li.contents-menu__item.font--small::before {
  content: "●";
  position: absolute;
  left: 0;
  color: #e96c0e;
  font-size: 0.5em;
  top: 15px;
  left: 20px;
}
.contents-menu ul.contents-menu__list li.contents-menu__item.font--small:hover::before {
  content: " ";
  transition: 0.3s all ease-in-out;
}
.contents-menu ul.contents-menu__list li.contents-menu__item a.contents-menu__link {
  padding: 5px 0 5px 20px;
  color: #e96c0e;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  transition: 0.3s all ease-in-out;
  width: 100%;
  display: block;
  border-bottom: none;
}
.contents-menu ul.contents-menu__list li.contents-menu__item a.contents-menu__link:hover {
  color: #00377a;
  background-color: #ebf6ff;
}
.contents-menu ul.contents-menu__list li.contents-menu__item:last-child {
  border-bottom: none;
}

/*--*/
.mobileLink ul li {
  margin-bottom: 10px;
  font-size: 16px;
}

.mobileLink h4 {
  margin-bottom: 10px;
}

/*--コニックご利用規約--*/
.express_rule ul {
  margin-bottom: 10px;
}

.express_rule ul li {
  margin-bottom: 5px;
}

.express_rule h5 {
  margin-top: 15px;
}

a.btn_ok,
a.btn_no,
a.btn_yellow,
a.btn_blue {
  display: inline-block;
  max-width: 250px;
  border: 2px solid;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: 0.4s;
  text-align: center;
}

a.btn_ok {
  color: #343434;
  border-color: #e96c0e;
}

a.btn_no {
  color: #343434;
  border-color: #3576ce;
}

a.btn_ok:hover {
  background-color: #e96c0e;
  border-color: #e96c0e;
  color: #fff;
}

a.btn_no:hover {
  background-color: #3576ce;
  border-color: #3576ce;
  color: #fff;
}

a.btn_yellow {
  color: #343434;
  border-color: #e96c0e;
}

a.btn_blue {
  color: #343434;
  border-color: #03377e;
}

a.btn_yellow:hover {
  background-color: #e96c0e;
  border-color: #e96c0e;
  color: #fff;
}

a.btn_blue:hover {
  background-color: #03377e;
  border-color: #03377e;
  color: #fff;
}

.btn {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #343434;
  display: inline-block;
  width: 150px;
  text-align: center;
}

.btn.no {
  margin-right: 15px;
}

.btn.ok {
  background: linear-gradient(#ffffff, #f4b642);
}

.btn.ok:hover {
  background: #e96c0e;
}

.btn.no {
  background: linear-gradient(#ffffff, #70aeff);
}

.btn.no:hover {
  background: #00125b;
}

a.btn,
a.btn:hover {
  padding: 0;
  border: none;
  font-weight: 700;
  width: 100%;
  height: 100%;
}

a.btn {
  color: #343434;
}

a.btn:hover {
  color: #ffffff;
}

/*-- 404ページ電話リスト --*/
.list .flex.list {
  margin-left: 30px;
}

/*--.inpageのみ修正--*/
.conF p.tel {
  padding-left: 30px;
  background-position: 0 0;
}

.conF p.fax {
  padding-left: 30px;
  background-position: 0 0;
}

/*チェックマーク*/
.checkmark000 {
  padding-left: 24px;
  position: relative;
}

.checkmark000:before,
.checkmark000:after {
  content: "";
  display: block;
  position: absolute;
}

.checkmark000:before {
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #000000;
  left: 3px;
  top: 6px;
}

.checkmark000:after {
  border-left: 2px solid #000000;
  border-bottom: 2px solid #000000;
  width: 6px;
  height: 4px;
  transform: rotate(-45deg);
  left: 8px;
  top: 11px;
}

/*--タイトル--*/
h2.title p {
  font-size: 26px;
  line-height: 1.4;
}

h2.title__pagetitle {
  font-style: normal;
  font-size: 26px;
  border-left: 5px solid #e96c0e;
  padding: 0 0 0 10px;
  margin: 27px 0 25px 0;
  line-height: 1.4;
}
@media (max-width: 768px) {
  h2.title__pagetitle {
    margin: 27px 15px 25px 15px;
  }
}

.container {
  margin: 0 auto;
  max-width: 980px;
}
@media (max-width: 767px) {
  .container--navi-padding {
    padding-top: 86px;
  }
}

/*--*/
footer h3 {
  margin-right: 15px;
}

.footer_contact {
  padding-left: 15px;
  padding-right: 15px;
}

.footer_contact h4 {
  background: none;
  padding-left: 0;
  padding-bottom: 3px;
  color: #3b3b3b;
  font-weight: 800;
  border-bottom: 1px solid #3b3b3b;
}

@media (max-width: 767px) {
  .footer_contact h4 {
    margin: 0 auto;
    max-width: 250px;
  }
  .footer_contact p:last-of-type {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .conF div.container.machine {
    justify-content: flex-start;
  }
  .conF div.container.machine div {
    width: 100%;
  }
  .footer_contact {
    border-right: 4px dotted #808080;
    border-radius: 1px;
  }
}
.footer_contact p {
  margin-top: 7px;
  margin-bottom: 0;
  color: #474747;
  line-height: 1.2;
}

.footer_contact_button {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.footer_contact_button div {
  border-top: 1px solid #ffa459;
  border-left: 1px solid #ffa459;
  border-right: 1px solid #c95b00;
  border-bottom: 1px solid #c95b00;
  padding: 7px 10px 7px 10px;
  border-radius: 3px;
  background: #e96c0e;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  transition: 0.8s;
  box-shadow: 0 5px 4px -4px #b2b2b2;
}

.footer_contact_button div:hover {
  border: 1px solid #002561;
  background: #002561;
  color: #fff;
}

@media (min-width: 800px) and (max-width: 979px) {
  .conF div.container.machine div.footer_contact_button div {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .footer_contact_button div {
    margin: 30px auto 15px auto;
    max-width: 250px;
  }
}
/*--マーカー--*/
span.marker_blue {
  background-image: linear-gradient(#ffffff 60%, #8097ff 40%);
}

span.marker_pink {
  background-image: linear-gradient(#ffffff 60%, #ff80d7 40%);
}

span.marker_orange {
  background-image: linear-gradient(#ffffff 60%, #ffa880 40%);
}

span.marker_green {
  background-image: linear-gradient(#ffffff 60%, #97ff80 40%);
}

span.accent_bg_blue {
  background: #64c3e3;
  font-weight: 700;
  margin-right: 5px;
  padding: 3px;
  border: 1px solid #64c3e3;
  border-radius: 5px;
}

/*-- tech --*/
.tech_pdf,
.tech_pdf h4 {
  margin-bottom: 20px;
}

.tech.enpage_list p.link {
  margin-top: 15px;
}

.tech table.border_around tr.border_dotted {
  border-bottom: 2px dotted #343434;
}

/*-- news --*/
section.news {
  margin-top: 30px;
}

/*-- brake --*/
.item_box {
  width: 100%;
  border: 3px solid #e96c0e;
  border-radius: 5px;
  overflow: hidden;
  padding: 15px;
  background: #fdfcf7;
}

.item_box:last-of-type {
  margin-right: 0;
}

@media (max-width: 768px) {
  .item_box {
    width: 100%;
    max-width: 350px;
    margin-bottom: 15px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .item_box:last-of-type {
    margin-right: auto;
  }
}
.item_box h4 {
  font-size: 26px;
  font-weight: 900;
  background: none;
  color: #e96c0e;
  text-align: center;
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.item_box h5 {
  font-size: 18px;
  font-weight: 900;
  background: none;
  color: #0c1d49;
  margin-left: 0;
  margin-bottom: 15px;
  border-left: 5px solid #0c1d49;
  border-bottom: 1px solid #0c1d49;
  padding-left: 8px;
}

/*-- 文章が短い場合（親要素）  --*/
.title_comment_box {
  margin: 0 auto;
  display: table;
  text-align: center;
}

.item_box .title_comment {
  height: 5em;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}

.item_box .title_comment .comment {
  font-size: 18px;
  font-weight: 900;
  color: #333333;
  text-align: left;
  max-width: 600px;
}

.item_box img {
  margin-bottom: 20px;
}

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

.inpage .flex .item_box .border_ball,
.item_box .border_ball {
  position: relative;
  display: inline-block;
  margin: 10px 20px;
  padding: 0 0 20px 0;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fdfcf7;
  border-bottom: solid 3px #e96c0e;
  box-sizing: border-box;
  text-align: center;
}

.inpage .flex .item_box .border_ball:before,
.item_box .border_ball:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fdfcf7;
  z-index: 2;
}

.inpage .flex .item_box .border_ball:after,
.item_box .border_ball:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #e96c0e;
  z-index: 1;
}

.item_box .border_around2 {
  width: 100%;
  border: none;
}

.item_box .border_around2 tr {
  border-left: none;
  border-bottom: none;
}

.item_box .border_around2 td {
  padding: 10px;
  background: #ffefc2;
  border-right: 3px solid #fdfcf7;
  border-bottom: 3px solid #fdfcf7;
}

.item_box table.border_around2 span.black {
  color: #343434;
  font-size: 16px;
}

.item_box .border_around2 td.pink {
  background: #ffd7d1;
}

.item_box .border_around2 td.blue {
  background: #cdf3fa;
}

.item_box .border_around2 td.yellow {
  background: #fcd683;
}

.item_box .border_around2 td.green {
  background: #d5efd8;
  color: #000000;
}

.item_box .border_around2 td.right {
  text-align: right;
}

.brake .item_box a.btn {
  text-align: center;
  display: block;
  color: #ffffff;
  border: 1px solid #e96c0e;
  background: #e96c0e;
  border-radius: 5px;
  bottom: 15px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding: 10px 10px;
  transition: 0.5s;
}

.brake .item_box a.btn:hover {
  color: #ffffff;
  border: 1px solid #0c1d49;
  background: #0c1d49;
}

.width100 {
  width: 100%;
}

.width70 {
  width: 70%;
}

.left {
  text-align: left;
}

.conic_list {
  border-left: 2px dotted #e96c0e;
  margin-bottom: 20px;
  margin-left: 5px;
}

.list_box {
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}

.list_box.no_border {
  padding-bottom: 0;
  border-bottom: none;
}

.conic_list .list_box {
  margin-left: 30px;
}

h4.list_box {
  margin-top: 15px !important;
  line-height: 1.6;
  font-size: 16px;
}

p.list_box {
  margin-top: 10px !important;
  margin-left: 15px !important;
}

.item_box_center_border {
  background: #e96c0e;
  width: 3px;
  height: 95%;
  margin-top: 30px;
  margin-bottom: 20px;
  opacity: 0.3;
}

h3.brake_movie {
  margin-top: 40px;
}

.brake_movie {
  display: flex;
  flex-wrap: wrap;
}

.brake_movie p {
  box-shadow: 0 5px 4px -4px #b2b2b2;
  vertical-align: bottom;
  border: 1px solid #666666;
  border-radius: 5px;
  width: 216px;
  margin-bottom: initial;
  margin-top: 15px;
}

@media (max-width: 768px) {
  .brake_movie {
    display: block;
  }
  .brake_movie p {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}
.brake_movie a img {
  max-width: 218px;
  transition-duration: 0.5s;
}

.brake_movie a img:hover {
  opacity: 0.6;
}

@media (max-width: 767px) {
  .mobile_scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .mobile_scroll::-webkit-scrollbar {
    height: 5px;
  }
  .mobile_scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .mobile_scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }
  .mobile_scroll .border_around {
    table-layout: initial;
  }
}
/*-- MOVIE LIST --*/
/*-- おすすめ動画背景 --**/
.main_movie {
  background: #282828;
  padding-top: 40px;
  padding-bottom: 40px;
}

.box_movielist {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.box_movielist iframe {
  width: 700px;
  height: 393px;
}

@media (max-width: 767px) {
  .box_movielist {
    width: 100%;
    height: 100%;
  }
  .box_movielist iframe {
    width: 100%;
    padding: 0 10px 0 10px;
  }
}
/*-- おすすめ動画説明 --*/
.caption_movielist {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}

@media (max-width: 767px) {
  .caption_movielist {
    padding: 0 20px 0 20px;
  }
}
.caption_movielist h3 {
  border: none;
  font-size: 22px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 30px;
}

/*--  おすすめ動画説明上部--*/
h2.movie_title {
  margin: 50px 0 15px 10px;
  padding: 5px 0 5px 10px;
  border-left: 5px solid #e96c0e;
  line-height: 1.4;
  font-weight: 800;
  font-size: 26px;
}

.image_movielist_top {
  display: flex;
}

.image_movielist_top .image_movie_frame img {
  width: 257px;
  height: auto;
}

@media (max-width: 767px) {
  .image_movielist_top .image_movie_frame img {
    max-width: 257px;
  }
}
.text_movielist {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .image_movielist_top {
    display: block;
  }
  .text_movielist {
    margin-left: 0;
  }
}
.text_movielist_link {
  position: relative;
  padding-left: 12px;
}

.text_movielist_link::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 10px;
  left: 0;
  background: url("../images/common/ar_white.png") no-repeat;
  display: inline-block;
}

.text_movielist_link a,
.text_movielist_link a:visited {
  color: #fff;
  font-weight: 200;
  font-size: 14px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: 0.6s;
}

.text_movielist_link a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #e96c0e;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}

.text_movielist_link a:hover {
  color: #e96c0e;
}

.text_movielist_link a:hover::after {
  transform: scale(1, 1);
}

/*--  おすすめ動画説明下部--*/
.image_movielist_bottom {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .image_movielist_bottom {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }
}
.image_movie_frame img {
  width: 100%;
  height: auto;
  min-width: 0;
}

.image_movie_frame:not(:first-child) {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .image_movie_frame:not(:first-child) {
    margin-left: 0;
  }
}
.movie_space30 {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .movie_space30 {
    margin-top: 0;
  }
}
h3.movie_middle_title {
  border-radius: 3px;
  background: #004091;
  color: #fff;
  padding: 10px;
  margin: 30px 10px 15px 10px;
  font-size: 20px;
  font-weight: 600;
  border-bottom: none;
}

/*-- おすすめ動画内適用拡大ボタン・白フレーム --*/
.caption_movielist .image_movie_frame {
  border: 1px solid #ffffff;
  position: relative;
  overflow: hidden;
}

.caption_movielist .image_movie_frame a::after {
  content: "";
  top: 0;
  right: 0;
  background: url("../images/movie/btn_play.png") no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
}

.caption_movielist .image_movie_frame a img {
  transition: 0.8s ease;
}

.caption_movielist .image_movie_frame a:hover img {
  opacity: 0.4;
  transform: scale(1.2);
}

/*-- MOVIE各コンテンツ --*/
.contents_movielist {
  display: flex;
}

.contents_movielist.news_movie {
  width: 300px;
}

@media (max-width: 1060px) {
  .contents_movielist {
    width: 100%;
    padding: 0 20px 0 20px;
    justify-content: space-between;
  }
  .contents_movielist.news_movie {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .contents_movielist {
    display: block;
  }
  .contents_movielist.news_movie {
    width: 100%;
    display: block;
  }
}
.box_movielist_flex:not(:first-child) {
  margin-left: 10px;
}

@media (max-width: 1060px) {
  .box_movielist_flex:not(:first-child) {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .box_movielist_flex:not(:first-child) {
    margin-left: 0;
    width: 100%;
  }
}
/*-- 各コンテンツ内適用拡大ボタン・白フレーム --*/
.contents_movielist .image_movie_frame {
  max-width: 310px;
  max-height: 167px;
  border: 1px solid #e96c0e;
  position: relative;
  transition: 0.6s ease;
  overflow: hidden;
}

@media (max-width: 1060px) {
  .contents_movielist .image_movie_frame {
    width: 100%;
    max-width: 310px;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .contents_movielist .image_movie_frame {
    width: 100%;
    margin-right: 0;
  }
  .contents_movielist.news_movie .image_movie_frame {
    max-width: initial;
    margin-right: 0;
  }
}
.box_movielist_flex:hover .image_movie_frame {
  border: 1px solid #e6e6e6;
}

.box_movielist_flex {
  width: 100%;
  padding: 10px;
  transition: 0.6s ease;
  border-radius: 2px;
}

.box_movielist_flex.short_box {
  width: 33%;
}

.box_movielist_flex.brake_box {
  max-width: 500px;
  max-height: 100%;
}
.box_movielist_flex.brake_box .image_movie_frame {
  max-width: 500px;
  max-height: 100%;
}

@media (max-width: 1060px) {
  .box_movielist_flex {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .box_movielist_flex {
    padding-bottom: 30px;
  }
  .box_movielist_flex.short_box {
    width: 100%;
  }
}
.box_movielist_flex:hover {
  background: #ebebeb;
  border-radius: 3px;
}

.box_movielist_flex.contents_none:hover {
  background: #fff;
  border-radius: none;
}

.contents_movielist .image_movie_frame::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/movie/btn_play_movie_3.png") no-repeat;
  width: 82px;
  height: 82px;
  position: absolute;
  transition: 0.3s;
}

.contents_movielist .image_movie_frame:hover::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/movie/btn_play_movie_3.png") no-repeat;
  opacity: 0.2;
  width: 82px;
  height: 82px;
  position: absolute;
}

.contents_movielist .image_movie_frame.red::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/movie/btn_play_movie_red.png") no-repeat;
  width: 82px;
  height: 82px;
  position: absolute;
  transition: 0.3s;
}

.contents_movielist .image_movie_frame.red:hover::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/movie/btn_play_movie_red.png") no-repeat;
  opacity: 0.2;
  width: 82px;
  height: 82px;
  position: absolute;
}

.contents_movielist .image_movie_frame img {
  transition: 0.8s ease;
}

.contents_movielist .box_movielist_flex:hover .image_movie_frame img {
  opacity: 0.8;
}

.box_movielist_flex h4 {
  color: #343434;
  font-size: 16px;
  font-weight: 500;
  background: none;
  margin-top: 10px;
  padding-left: 0;
  max-width: 308px;
}

.box_movielist_flex p,
.box_movielist_flex a p,
.box_movielist_flex a:visited p {
  font-size: 13px;
  margin-top: 6px;
  color: #9c9c9c;
  max-width: 308px;
}

.box_movielist_flex h4 a,
.box_movielist_flex h4 a:visited {
  color: #343434;
}

.ribbon {
  display: inline-block;
  position: relative;
  height: 20px;
  line-height: 20px;
  text-align: center;
  padding: 0 40px 0 12px;
  font-size: 12px;
  background: #e96c0e;
  color: #fff;
  box-sizing: border-box;
  margin-bottom: 3px;
}

.ribbon:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon:after {
  top: 0;
  right: 0;
  border-width: 10px 5px 10px 0px;
  border-color: transparent #282828 transparent transparent;
  border-style: solid;
}

/*--  --*/
.box_contents_btn {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background: rgb(74, 63, 115);
  width: 150px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 5px 5px 4px -4px #b2b2b2;
  transition: 1s;
}

@media (max-width: 872px) {
  .box_contents_btn {
    height: auto;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .box_contents_btn {
    height: 45px;
  }
}
.box_contents_btn:hover {
  background: rgb(0, 23, 99);
  box-shadow: 10px 10px 4px -4px #b2b2b2;
}

.box_contents_btn p {
  color: #fff;
  font-weight: 700;
}

.box_contents_btn.position_bottom {
  position: absolute;
  bottom: 0;
  right: 0;
}

.img_back {
  width: 100%;
  height: 130px;
}

.img_back.mf_tokyo_catalog1 {
  background: url("../event/event_images/mf_tokyo2021_catalog2.jpg") no-repeat;
  background-size: cover;
  background-position: top 10% center;
}

.img_back.mf_tokyo_catalog2 {
  background: url("../event/event_images/mf_tokyo2021_catalog1.jpg") no-repeat;
  background-size: cover;
  background-position: top 10% center;
}

.img_back.mf_tokyo_catalog3 {
  background: url("../event/event_images/mf_tokyo2021_catalog3.jpg") no-repeat;
  background-size: cover;
  background-position: top 10% center;
}

.img_back.mf_tokyo_catalog4 {
  background: url("../event/event_images/mf_tokyo2021_catalog4.jpg") no-repeat;
  background-size: cover;
  background-position: top 20% center;
}

/*-- おしらせBOX（event/event_mf_toyko2021 カタログダウンロード --*/
.box_accent_border {
  border: 1px solid #343434;
  border-radius: 5px;
  padding: 0;
  width: 250px;
}

@media (max-width: 767px) {
  .box_accent_border {
    border: 1px solid #343434;
    border-radius: 5px;
    padding: 0;
    width: 250px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.box_accent_border_contents {
  margin-left: 0 !important;
  padding: 0 20px 20px 20px;
}

/*-- おしらせBOX（event/event_mf_toyko2021 カタログダウンロード --*/
span.pdf_white::after,
a.pdf_white::after {
  content: " ";
  width: 15px;
  height: 19px;
  display: inline-block;
  background: url("../images/common/pdf_white.png") no-repeat;
  margin-left: 5px;
  margin-bottom: -2px;
}

/*-- 押すと沈む --*/
img.banner {
  border: 1px solid #353535;
  transition: 0.3s;
}

img.banner:hover {
  opacity: 0.6;
  transform: translateY(3px);
  cursor: pointer;
}

/*-- ボタン --*/
p.banner_btn {
  border: 2px solid #0f2668;
  border-radius: 6px;
  margin-top: 30px;
  transition: 0.3s;
  box-shadow: 2px 2px 10px -5px #595959;
  display: inline-block;
}
@media (max-width: 767px) {
  p.banner_btn {
    width: 100%;
  }
  p.banner_btn img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
}
p.banner_btn img {
  transition: 0.3s;
}
p.banner_btn img:hover {
  opacity: 0.8;
}
p.banner_btn:hover {
  transform: translateY(3px);
}

/*-- ムービー用 --*/
a.movie,
a.movie:visited {
  color: #353535;
  font-weight: 600;
  border-color: #353535;
  font-size: 14px;
}

a.movie:hover {
  color: #e96c0e;
  border-color: #e96c0e;
}

/*-- サムネイル表示 --*/
.box_thumbnail {
  padding-top: 10px;
  position: relative;
  /*-- Newボタン --*/
}
.box_thumbnail .btn_new {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.box_thumbnail .btn_new p {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  background: #ff0000;
  padding: 5px 10px;
  border-radius: 15px;
}

.box_thumbnail.back_gray {
  background: #f5f5f5;
  padding: 10px 5px 5px 5px;
  border-radius: 5px;
}

a.img_thumbnail img {
  transition: 0.5s;
}

a.img_thumbnail:hover img {
  opacity: 0.6;
}

.box_thumbnail h4 {
  background: none;
  border-left: 2px solid #e96c0e;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #353535;
}

.box_thumbnail .images {
  margin-top: 0 !important;
  position: relative;
  border: 1px solid #353535;
  border-radius: 3px;
  image-rendering: -webkit-optimize-contrast;
}

.box_contents_btn.btn_thumbnail {
  background: #fff;
  border: 1px solid #e96c0e;
  border-radius: 20px;
  box-shadow: 2px 2px 10px -5px #777777;
  margin-top: 30px;
}

.box_contents_btn.btn_thumbnail:hover {
  border: 1px solid #1e3763;
  background: #1e3763;
  box-shadow: 4px 4px 8px -2px #777777;
}

.thumbnail__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .thumbnail__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.webcatalog_list_long .thumbnail__grid {
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 768px) {
  .webcatalog_list_long .thumbnail__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.thumbnail_absolute {
  background: rgba(30, 55, 99, 0.8);
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease-out;
}

.img_thumbnail:hover > .thumbnail_absolute {
  opacity: 1;
}

.box_thumbnail_more {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.box_thumbnail_more p {
  color: #fff;
  font-size: 14px;
}

.display_none {
  display: none;
}

.box_contents_btn.btn_thumbnail p {
  color: #353535;
  font-size: 14px;
  font-weight: 300;
  transition: 0.8s;
}

a:hover .box_contents_btn.btn_thumbnail p {
  color: #fff;
}

.box_contents_btn.btn_thumbnail_absolute p {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}

span.target_blank_white::after {
  content: " ";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/common/window_open_white.png) no-repeat;
  background-position: bottom;
  margin-left: 5px;
  margin-bottom: -1px;
}

span.target_pdf_round::after {
  content: " ";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/common/pdf_round2.png) no-repeat;
  background-position: bottom;
  margin-left: 5px;
  margin-bottom: -5px;
}

span.target_window_round::after {
  content: " ";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../images/common/window_round.png") no-repeat;
  background-position: bottom;
  margin-left: 5px;
  margin-bottom: -5px;
}

.btn_border_pointer {
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 3px;
  transition: 0.3s;
}

.btn_border_pointer:hover {
  border: 1px solid #e96c0e;
}

.btn_border_pointer_white {
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 3px;
}

.btn_tgr_thumbnail {
  position: absolute;
  bottom: 2px;
  right: 0;
}

.balloon_small_box,
.balloon_small_box_first {
  position: absolute;
  top: 0;
  right: 0;
}

.balloon_small_box,
.balloon_small_box_first {
  display: none;
}

.balloon_small {
  position: relative;
  padding: 0 5px 5px 5px;
  background: #060f2f;
  border-radius: 5px;
  display: inline-block;
  z-index: 10;
  opacity: 0.8;
}

.balloon_small::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -8px;
  border-top: 8px solid #060f2f;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.balloon_small span {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
}

.balloon_list {
  top: -33px;
  right: -5px;
}

.balloon_small_box_first.balloon_list {
  top: -33px;
  right: -15px;
}

.balloon_thumbnail {
  top: -33px;
  right: -25px;
}

.balloon_small_box_first.balloon_thumbnail {
  top: -33px;
  right: -15px;
}

.balloon_thumbnail .balloon_small::before {
  left: 50px;
}

.balloon_small_box_first.balloon_thumbnail .balloon_small::before {
  left: 70px;
}

h4.thumbnail_title {
  margin: 50px 0 20px 0;
  padding: 2px 0 5px 10px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
  display: block;
  color: #343434;
  border-left: 5px solid #343434;
  border-bottom: 1px solid #343434;
  background: none;
}

/*-- Ｑ＆Ａ --*/
.accordion_area {
  list-style: none;
  margin: 0 auto;
}

.accordion_area li {
  margin: 0;
}

/*-------------------------------------------*/
.help_comment {
  position: relative;
}

.help_img {
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/tech/img_help.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 300px;
  height: 200px;
  z-index: -99;
}

section.tech_movie {
  max-width: 980px;
  margin-top: 15px;
  margin-inline: auto;
}
section.tech_movie .contents_movielist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 767px) {
  section.tech_movie .contents_movielist {
    margin-inline: auto;
    grid-template-columns: repeat(1, 1fr);
  }
}
section.tech_movie .contents_movielist .box_movielist_flex {
  width: 100%;
  margin: 0;
}
@media (max-width: 767px) {
  section.tech_movie .contents_movielist .box_movielist_flex .image_movie_frame {
    max-width: initial;
    max-height: initial;
    width: 100%;
  }
}

.images img.border {
  border: 1px solid #041a59;
}

.box_kanagata {
  width: 23% !important;
  border: 2px solid #000;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  position: relative;
  transition: 0.5s;
  background: #fff;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .box_kanagata {
    width: 80% !important;
    padding: 20px 10px;
    margin-top: 0;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 20px !important;
  }
}
.box_kanagata:hover {
  transform: scale(1.05);
  box-shadow: 2px 7px 15px 1px #777777;
  border-radius: 10px;
}
.box_kanagata .text {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  color: #000;
}
.box_kanagata .text .flex_all {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.box_kanagata .text .flex_all p {
  font-size: 12px;
  font-weight: 500;
  padding: 5px 10px;
  margin-bottom: 0;
}
.box_kanagata .text .flex_all p.box_tag--punch {
  background: #ff8d4d;
}
.box_kanagata .text .flex_all p.box_tag--gooth {
  background: #8fc0ff;
}
.box_kanagata .text .flex_all p.box_tag--rakka {
  background: #a4d6bb;
}
.box_kanagata .text .flex_all p.box_tag--onetouch {
  background: #f2dbfd;
}
.box_kanagata .text .flex_all p.box_tag--height {
  background: #e6f561;
}
.box_kanagata .text .flex_all p.box_tag--height_gooth {
  background: #f0aeb7;
}
.box_kanagata .text .flex_all p.box_tag--heming {
  background: #b8aef0;
}
.box_kanagata .text .flex_all p.box_tag--tyokken {
  background: #d7f0ae;
}
.box_kanagata h3 {
  margin-top: 0 !important;
  background: #d9d9d9;
  color: #000;
  border-bottom: none !important;
  text-align: center;
}
.box_kanagata .images {
  margin: 0 !important;
}
.box_kanagata a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box_kanagata .mobile {
  padding-top: 10px !important;
}
.box_kanagata .mobile .bor_bottom {
  margin-bottom: 10px;
  padding-bottom: 0;
}
.box_kanagata .mobile .btn_tyumon {
  margin: 0 auto !important;
  width: 70%;
  padding: 10px 0 !important;
  background: #e86920;
  color: #fff;
  font-weight: 700;
  border-radius: 20px;
  text-align: center;
}

.box_popup {
  color: #fff;
  background: #1c2a53;
  border-radius: 15px;
  padding: 30px;
  width: 100%;
}
.box_popup h2 {
  font-size: clamp(18px, 1.5vw, 22px);
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 40px;
  margin-bottom: 20px;
  border-bottom: 2px solid #fff;
}
.box_popup h2:not(:first-of-type) {
  margin-top: 30px;
}
.box_popup h2.mobile_tyumon {
  padding-left: 23px;
}
@media (max-width: 767px) {
  .box_popup h2 {
    margin-top: 0 !important;
    margin-bottom: 15px;
    border-bottom: none;
  }
}
.box_popup h2.title_tell {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2226%22%20viewBox%3D%220%200%2025%2026%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_11_626)%22%3E%3Cpath%20d%3D%22M4.62935%201.55938C2.91157%202.67344%202.57412%206.15581%203.22266%208.99405C3.72774%2011.2043%204.80156%2014.1692%206.61231%2016.9611C8.31572%2019.5876%2010.6922%2021.9426%2012.5043%2023.3052C14.8313%2025.0548%2018.1486%2026.1669%2019.8664%2025.0529C20.735%2024.4896%2022.0254%2022.9504%2022.0843%2022.6743C22.0843%2022.6743%2021.3276%2021.5075%2021.1615%2021.2514L18.6238%2017.3386C18.4353%2017.0478%2017.2526%2017.3136%2016.6519%2017.6539C15.8415%2018.113%2015.0951%2019.3451%2015.0951%2019.3451C14.5395%2019.6661%2014.074%2019.3462%2013.1016%2018.8987C11.9064%2018.3488%2010.5626%2016.6402%209.49317%2015.0927C8.51636%2013.4851%207.5043%2011.5613%207.48965%2010.2458C7.47759%209.17539%207.37534%208.62002%207.89512%208.24356C7.89512%208.24356%209.32442%208.06455%2010.0742%207.51192C10.6299%207.10215%2011.3548%206.13076%2011.1663%205.83994L8.62857%201.92715C8.4625%201.6711%207.70576%200.5043%207.70576%200.5043C7.42954%200.445462%205.49795%200.996048%204.62935%201.55938Z%22%20fill%3D%22white%22%20/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_11_626%22%3E%3Crect%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22%20/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .box_popup h2.title_tell {
    background-position: 0 3px;
    background-size: 20px;
  }
}
.box_popup h2.title_fax {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2227%22%20height%3D%2228%22%20viewBox%3D%220%200%2027%2028%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_11_631)%22%3E%3Cpath%20d%3D%22M3.08132%2020.789H4.07041C5.62175%2020.789%206.87957%2019.5312%206.87957%2017.9798V11.3969C6.87957%209.84559%205.62175%208.58777%204.07041%208.58777H3.08132C1.52998%208.58777%200.272217%209.84559%200.272217%2011.3969V17.9798C0.272164%2019.5312%201.52993%2020.789%203.08132%2020.789Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M23.9165%209.60628V5.19373L19.2218%200.5H18.9286H8.24797V9.54089V10.8069V12.2228V16.8243V17.9798C8.24797%2020.3096%206.35281%2022.2048%204.02295%2022.2048H3.03386C1.97796%2022.2048%201.01382%2021.813%200.272217%2021.1701V24.0216C0.272217%2025.9426%201.82957%2027.5%203.75058%2027.5H23.2495C25.1705%2027.5%2026.7279%2025.9426%2026.7279%2024.0216V13.0192C26.7279%2011.3268%2025.518%209.91741%2023.9165%209.60628ZM9.66384%201.91587H18.6355L18.7079%201.98822V5.73579H22.4564L22.5007%205.77998V9.54089H9.66384V1.91587ZM12.3946%2023.1962C11.8881%2023.1962%2011.4774%2022.7855%2011.4774%2022.279C11.4774%2021.7726%2011.8881%2021.3614%2012.3946%2021.3614C12.9012%2021.3614%2013.3122%2021.7725%2013.3122%2022.279C13.3122%2022.7855%2012.9012%2023.1962%2012.3946%2023.1962ZM12.3946%2020.2064C11.8881%2020.2064%2011.4774%2019.7958%2011.4774%2019.2892C11.4774%2018.7827%2011.8881%2018.3716%2012.3946%2018.3716C12.9012%2018.3716%2013.3122%2018.7827%2013.3122%2019.2892C13.3122%2019.7957%2012.9012%2020.2064%2012.3946%2020.2064ZM12.3946%2017.2175C11.8881%2017.2175%2011.4774%2016.8068%2011.4774%2016.3003C11.4774%2015.7938%2011.8881%2015.3827%2012.3946%2015.3827C12.9012%2015.3827%2013.3122%2015.7938%2013.3122%2016.3003C13.3122%2016.8068%2012.9012%2017.2175%2012.3946%2017.2175ZM17.1146%2023.1962C16.6081%2023.1962%2016.1974%2022.7855%2016.1974%2022.279C16.1974%2021.7726%2016.6081%2021.3614%2017.1146%2021.3614C17.6211%2021.3614%2018.0323%2021.7725%2018.0323%2022.279C18.0323%2022.7855%2017.6211%2023.1962%2017.1146%2023.1962ZM17.1146%2020.2064C16.6081%2020.2064%2016.1974%2019.7958%2016.1974%2019.2892C16.1974%2018.7827%2016.6081%2018.3716%2017.1146%2018.3716C17.6211%2018.3716%2018.0323%2018.7827%2018.0323%2019.2892C18.0322%2019.7957%2017.6211%2020.2064%2017.1146%2020.2064ZM17.1146%2017.2175C16.6081%2017.2175%2016.1974%2016.8068%2016.1974%2016.3003C16.1974%2015.7938%2016.6081%2015.3827%2017.1146%2015.3827C17.6211%2015.3827%2018.0323%2015.7938%2018.0323%2016.3003C18.0322%2016.8068%2017.6211%2017.2175%2017.1146%2017.2175ZM21.8346%2023.1962C21.3281%2023.1962%2020.9174%2022.7855%2020.9174%2022.279C20.9174%2021.7726%2021.3281%2021.3614%2021.8346%2021.3614C22.3416%2021.3614%2022.7522%2021.7725%2022.7522%2022.279C22.7522%2022.7855%2022.3416%2023.1962%2021.8346%2023.1962ZM21.8346%2020.2064C21.3281%2020.2064%2020.9174%2019.7958%2020.9174%2019.2892C20.9174%2018.7827%2021.3281%2018.3716%2021.8346%2018.3716C22.3416%2018.3716%2022.7522%2018.7827%2022.7522%2019.2892C22.7522%2019.7957%2022.3416%2020.2064%2021.8346%2020.2064ZM21.8346%2017.2175C21.3281%2017.2175%2020.9174%2016.8068%2020.9174%2016.3003C20.9174%2015.7938%2021.3281%2015.3827%2021.8346%2015.3827C22.3416%2015.3827%2022.7522%2015.7938%2022.7522%2016.3003C22.7522%2016.8068%2022.3416%2017.2175%2021.8346%2017.2175ZM21.8807%2013.9936H12.4416C11.9203%2013.9936%2011.4977%2013.571%2011.4977%2013.0496C11.4977%2012.5283%2011.9203%2012.1057%2012.4416%2012.1057H21.8807C22.402%2012.1057%2022.8246%2012.5283%2022.8246%2013.0496C22.8246%2013.5709%2022.4019%2013.9936%2021.8807%2013.9936Z%22%20fill%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_11_631%22%3E%3Crect%20width%3D%2227%22%20height%3D%2227%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.box_popup h2.title_mail {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2.54145%203.76404H27.2085C27.6451%203.76404%2028%204.14258%2028%204.60912V6.27113L14.875%2015.6526L1.75%206.27026V4.60912C1.75%204.14258%202.10489%203.76404%202.54145%203.76404Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M28%209.73525V20.8582C28%2022.7244%2026.5829%2024.236%2024.8325%2024.236H4.91748C3.16709%2024.236%201.75%2022.7244%201.75%2020.8582V9.73438L14.875%2019.1167L28%209.73525Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .box_popup h2.title_mail {
    background-position: 0 5px;
    background-size: 20px;
  }
}
.box_popup p.box_popup_comment {
  margin-left: 60px;
}
@media (max-width: 767px) {
  .box_popup p.box_popup_comment {
    margin-left: 0;
  }
}
.box_popup .box_left {
  max-width: 250px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .box_popup .box_left {
    max-width: 100%;
    margin: 0 10px 30px 10px;
  }
}
.box_popup .box_left .box_kanagata {
  width: 100% !important;
  margin-bottom: 30px;
  border-radius: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .box_popup .box_left .box_kanagata {
    max-width: 250px;
  }
}
.box_popup .box_left .box_kanagata:hover {
  transform: initial;
  box-shadow: none;
}
.box_popup .box_left .box_kanagata .text {
  margin: 0 !important;
}
.box_popup .box_left .box_kanagata .images img {
  width: 100%;
  height: auto;
}
.box_popup .box_left ul.list_space {
  margin-left: 0;
}
.box_popup .box_right {
  margin-left: 0;
}
.box_popup .box_right p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.box_popup .box_right p span.pdf_white {
  margin-right: 5px;
}
.box_popup .box_right p span.pdf_white a {
  color: #fff !important;
  border-bottom: 1px solid #fff;
  transition: 0.3s;
}
.box_popup .box_right p span.pdf_white a:hover {
  color: #fffcc6 !important;
  border-bottom: 1px solid #fffcc6;
}
.box_popup .box_right p span.target_blank_white {
  margin-right: 5px;
}
.box_popup .box_right p span.target_blank_white a {
  color: #fff !important;
  border-bottom: 1px solid #fff;
  transition: 0.3s;
}
.box_popup .box_right p span.target_blank_white a:hover {
  color: #fffcc6 !important;
  border-bottom: 1px solid #fffcc6;
}
.box_popup .box_right p.small {
  margin-top: 15px;
  font-size: 14px !important;
}
.box_popup .box_right .box_contacts {
  padding: 8px 20px;
  background: #fff;
  border-radius: 3px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts {
    padding: 15px 10px;
  }
}
.box_popup .box_right .box_contacts .flex {
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.box_popup .box_right .box_contacts .flex p {
  display: inline-block;
  color: #e15100;
  font-size: 18px;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts .flex p {
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
  }
}
.box_popup .box_right .box_contacts .flex .box_contacts--small {
  margin-left: 20px;
  width: 50%;
  display: grid;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts .flex .box_contacts--small {
    margin: 0 auto;
    width: 100%;
  }
}
.box_popup .box_right .box_contacts .flex .box_contacts--small .flex {
  display: flex;
  align-items: center;
  justify-self: start;
}
@media (max-width: 767px) {
  .box_popup .box_right .box_contacts .flex .box_contacts--small .flex {
    justify-self: center;
  }
}
.box_popup .box_right .box_contacts .flex .box_contacts--small .flex p {
  color: #000;
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 0;
}
.box_popup .box_right .box_contacts .flex .box_contacts--small .flex img {
  margin-right: 5px;
}
.box_popup .box_right .box_contacts .flex .box_contacts--small .small {
  color: #666;
  font-size: 14px;
}
.box_popup .box_right .btn_copy {
  background: #252525;
  color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 8px;
  transition: 0.3s;
}
.box_popup .box_right .btn_copy:active {
  background: #828282;
  color: #fff;
  transform: translateY(5px);
}

.lity-wrap {
  z-index: 99990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  text-align: center;
  outline: none !important;
  overflow: scroll;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lity-content > * {
  max-height: none !important;
}

.lity-image img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

.box_saikenma.box_contacts {
  margin-top: 20px;
  padding: 20px;
  border: 2px solid #004299;
  width: 100%;
  margin-left: 0;
}
.box_saikenma.box_contacts h5 {
  border-bottom: none;
  border-left: 5px solid #004299;
  color: #004299;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 10px;
  padding-left: 10px;
  background: none;
}
@media (max-width: 767px) {
  .box_saikenma.box_contacts {
    padding: 15px 10px;
  }
}
.box_saikenma.box_contacts .flex {
  align-items: center;
  justify-content: center;
}
.box_saikenma.box_contacts .flex p {
  display: inline-block;
  color: #e15100;
  font-size: 18px;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .box_saikenma.box_contacts .flex p {
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
  }
}
.box_saikenma.box_contacts .flex .box_contacts--small {
  margin-left: 20px;
  display: grid;
}
@media (max-width: 767px) {
  .box_saikenma.box_contacts .flex .box_contacts--small {
    margin: 0 auto;
    width: 100%;
  }
}
.box_saikenma.box_contacts .flex .box_contacts--small .flex {
  display: flex;
  align-items: center;
  justify-self: start;
}
@media (max-width: 767px) {
  .box_saikenma.box_contacts .flex .box_contacts--small .flex {
    justify-self: center;
  }
}
.box_saikenma.box_contacts .flex .box_contacts--small .flex p {
  color: #000;
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 0;
}
.box_saikenma.box_contacts .flex .box_contacts--small .flex img {
  margin-right: 5px;
}
.box_saikenma.box_contacts .flex .box_contacts--small .small {
  color: #666;
  font-size: 14px;
}

.btn_copy {
  background: #252525;
  color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 8px;
  transition: 0.3s;
}
.btn_copy:active {
  background: #828282;
  color: #fff;
  transform: translateY(5px);
}

.box_saikenma.red {
  border: 2px solid #ff0000;
  padding: 20px;
}
.box_saikenma.red h5 {
  margin: 0 0 20px 0;
  padding-left: 8px;
  color: #ff0000;
  border-bottom: none;
  background: none;
  border-left: 5px solid #ff0000;
  font-size: 18px;
  font-weight: bold;
}
.box_saikenma.red p {
  font-size: 16px;
  margin: 0;
}

.box_saikenma.navy {
  border: 2px solid #1d2e50;
  padding: 20px;
}
.box_saikenma.navy h5 {
  margin: 0 0 20px 0;
  padding-left: 8px;
  color: #1d2e50;
  border-bottom: none;
  background: none;
  border-left: 5px solid #1d2e50;
  font-size: 18px;
  font-weight: bold;
}
.box_saikenma.navy p {
  font-size: 16px;
  margin: 0;
}
.box_saikenma.navy .flex {
  display: flex;
  align-items: top;
  justify-content: left;
  border-bottom: 1px solid #1d2e50;
}
@media (max-width: 767px) {
  .box_saikenma.navy .flex {
    margin-top: 20px;
    flex-direction: column;
    border: 1px solid #1d2e50;
    padding: 20px;
  }
}
.box_saikenma.navy .flex.top {
  border-top: 1px solid #1d2e50;
}
.box_saikenma.navy .flex .left {
  width: 120px;
  border-right: 1px solid #1d2e50;
  font-weight: 800;
  padding: 10px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .box_saikenma.navy .flex .left {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #1d2e50;
  }
}
.box_saikenma.navy .flex .right {
  padding: 10px;
  flex-grow: 1;
}

h5.tech_title_middle {
  margin-bottom: 20px;
  background: #3b3b3b;
  color: #fff;
  padding: 10px;
  font-size: 18px;
  display: inline-block;
  border-bottom: none;
}

h5.tech_title_small {
  margin-bottom: 15px;
  color: #ff0000;
  font-size: 18px;
  border-bottom: 2px solid #ff0000;
  padding-left: 0;
  background: none;
}
h5.tech_title_small.title_reidai {
  margin-bottom: 10px;
  color: #232323;
  background: #b9d2ed;
  border-bottom: 2px solid #004091;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 8px;
  font-size: 18px;
  font-weight: 800;
}
h5.tech_title_small.title_kaitou {
  margin-bottom: 10px;
  color: #232323;
  background: #b8ccb6;
  border-bottom: 2px solid #0d7701;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 8px;
  font-size: 18px;
  font-weight: 800;
}

p.reidai_kaitou {
  padding-left: 20px;
  padding-right: 20px;
}

.tech_flex_box_punch {
  display: flex;
  justify-content: start;
  align-items: top;
  flex-wrap: wrap;
}

.box_indent {
  padding: 20px;
}
.box_indent.reidai {
  margin: 15px;
  padding: 10px;
  border: 1px solid #3b3b3b;
}
.box_indent.reidai p {
  margin-left: 20px;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 700;
}
.box_indent.reidai p:last-child {
  margin-bottom: 0;
}

.box_punch {
  padding: 0 !important;
  width: 18%;
}
@media (max-width: 767px) {
  .box_punch {
    width: 45%;
  }
}
.box_punch p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.box_punch img {
  height: auto;
}

.border_box_radius10 {
  border-radius: 10px;
  border: 2px solid #000;
  display: inline-block;
  overflow: hidden;
  padding: 15px;
  margin-top: 15px;
}
.border_box_radius10 img {
  height: auto;
}

.tech_flex_margin0 {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .tech_flex_margin0 {
    margin: 0 auto;
  }
}
.tech_flex_margin0 .images {
  margin: 0 !important;
}
.tech_flex_margin0 .images img {
  height: auto;
}
@media (max-width: 767px) {
  .tech_flex_margin0 .images.width80 {
    width: 80%;
    margin: 0 auto !important;
  }
}

h4.title_middle {
  color: #1c4d86;
  font-size: 22px;
  font-weight: 800;
  margin-right: 0 !important;
  border-bottom: 2px solid #1c4d86;
  background: none;
  padding-left: 0;
}

.border_box.simple_box {
  border: 1px solid #1c4d86;
  padding: 20px;
  margin: 30px 0 0 0;
  max-width: 600px !important;
}
.border_box.simple_box h4 {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}

/*-- ベンディング金型TOPページ --*/
.brake_box {
  width: 31%;
  border: 1px solid #0c1d49;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 2px 2px 4px -2px;
}
.brake_box .images {
  margin-top: 0 !important;
}

.brake_box:last-of-type {
  margin-right: 0;
}

@media (max-width: 768px) {
  .brake_box {
    width: 100%;
    max-width: 350px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .brake_box:last-of-type {
    margin-right: auto;
  }
}
/*-- リンク用画像 --*/
.img_radius {
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.img_radius:hover {
  opacity: 0.5;
}

/*--  --*/
.brake_box_bottom {
  background: #0c1d49;
  margin: 0 0 0 0 !important;
  border-radius: 0px 0px 4px 4px;
  padding: 1em;
  color: #fff;
  height: 100%;
}

.brake_box:hover {
  border-color: #e96c0e;
}

/*-- 親要素連動 --*/
.brake_box:hover .brake_box_bottom {
  background: #e96c0e;
  border-color: #e96c0e;
}

.brake_box:hover .img_radius {
  opacity: 0.5;
}

/*-- アニメーション時間 --*/
.brake_box,
.img_radius,
.brake_box_bottom {
  transition: 0.5s;
}

.brake_box_bottom h4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  background: none;
}

.brake_box_bottom p {
  font-size: 14px;
  font-weight: normal;
}

/*-- table共通 --*/
.table__common {
  border-collapse: collapse;
  width: calc(100% - 4px);
  border: 2px solid #00125b;
  margin: 0 2px;
  padding: 10px;
  font-size: 14px;
  color: #00125b;
}
.table__common .table__common__td {
  border: 1px solid #00125b;
  padding: 10px;
}
.table__common .table__common__td.td__title {
  background: #bbd5f6;
  text-align: center;
  white-space: nowrap;
}
.table__common .table__common__td.td__title .td__title__p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #00125b;
  font-weight: 800;
}
.table__common .table__common__td.td__comment .td__comment__p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #00125b;
  font-weight: 500;
}

/*-- h5関連 --*/
.h5__title__left {
  margin: 10px 0 10px 0;
  padding-left: 8px;
  border-bottom: none;
  background: none;
  border-left: 5px solid;
  font-size: 18px;
  font-weight: bold;
}
.h5__title__left.is-dark-blue {
  border-color: #1b2538;
  color: #1b2538;
}
.h5__title__left.is-red {
  border-color: #ff0000;
  color: #ff0000;
}
.h5__title__left.is-orange {
  border-color: #f57200;
  color: #f57200;
}

/*-- p関連 --*/
.p__text-bold--middle {
  font-size: 1rem;
  font-weight: 900;
}
.p__text-bold--middle.is-dark-blue {
  color: #00125b;
}
.p__text-bold--middle.is-red {
  color: #ff0000;
}

.pdf__btn {
  background: rgb(0, 23, 99);
  border-radius: 10px;
  box-shadow: 5px 5px 4px -4px #b2b2b2;
  transition: 0.3s;
  padding: 0;
}
.pdf__btn .link__click {
  padding: 10px 20px;
  margin: 0;
  display: inline-block;
}
.pdf__btn .link__click .pdf__btn__text {
  padding: 0;
  margin: 0;
  color: #fff;
  font-weight: 700;
}
.pdf__btn:hover {
  background: rgb(74, 63, 115);
  box-shadow: 10px 10px 4px -4px #b2b2b2;
}

.box__cpoc-kun--sorry {
  align-items: center;
}
@media (max-width: 760px) {
  .box__cpoc-kun--sorry {
    display: flex;
    flex-direction: column;
  }
}

.text__cpoc-kun--sorry {
  margin-bottom: 30px;
}
@media (max-width: 760px) {
  .text__cpoc-kun--sorry {
    order: 2;
  }
}

.img__cpoc-kun--sorry {
  margin: 0 auto !important;
  width: clamp(150px, 15%, 214px);
}
@media (max-width: 760px) {
  .img__cpoc-kun--sorry {
    margin-bottom: 30px !important;
    order: 1;
  }
}

.contact__list {
  margin-top: 15px;
  margin-left: 15px !important;
}
@media (max-width: 760px) {
  .contact__list {
    margin-left: 0 !important;
  }
}

.item__detail-back {
  background: #f5f5f5;
  margin: 0;
  position: relative;
}

.c-sorry-page__text {
  padding: 50px 0;
  width: 60%;
}
@media (max-width: 760px) {
  .c-sorry-page__text {
    padding: 30px 0;
    width: 100%;
  }
}

.c-sorry-page__img {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 760px) {
  .c-sorry-page__img {
    width: 100%;
  }
}
.c-sorry-page__img img {
  width: 160px;
  height: auto;
}
@media (max-width: 760px) {
  .c-sorry-page__img img {
    width: 120px;
  }
}

.border--red {
  border: 2px solid #ff0000;
  padding: 15px 20px 15px 20px;
  margin-top: 15px;
}
.border--red a {
  color: #ff0000;
  font-weight: 700;
  border-bottom: 2px solid #ff0000;
  transition: 0.3s ease-in-out;
}
.border--red a:hover {
  color: #00125b;
  border-bottom: 2px solid #00125b;
}

.border--sq {
  border: 1px solid #000;
  padding: 20px 15px;
}

.arrow-box {
  width: 40px;
  position: relative;
}

.arrow--border {
  margin: 0 auto;
  width: 11px;
  height: 100%;
  background: #d9d9d9;
}

.arrow--bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 37px;
  height: 38px;
  margin-left: 0 !important;
}
.arrow--bottom .images {
  margin-top: 0 !important;
}

.box_zoom {
  margin-top: 10px;
  display: flex;
}
@media (max-width: 767px) {
  .box_zoom {
    display: none;
  }
}
.box_zoom .img_zoom {
  border: 2px solid #00125b;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #00125b;
  padding: 3px 10px 5px 10px;
  z-index: 20;
  display: inline-block;
  margin-left: auto;
}
.box_zoom .img_zoom img {
  margin-top: -3px;
  margin-right: 2px;
  width: 15px;
  height: 15px;
  border: 0 !important;
  display: inline;
}/*# sourceMappingURL=inpage.css.map */