@charset "UTF-8";

.page_philosophy .philosophy_cont {
  padding-bottom: calc(100 / var(--view-size) * 100vw);
}
.page_philosophy .philosophy_cont:nth-of-type(2) {
  padding-top: calc(100 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont {
    padding-bottom: calc(40 / var(--view-size) * 100vw);
  }
  .page_philosophy .philosophy_cont:nth-of-type(2) {
    padding-top: calc(40 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont h3 {
  font-size: calc(50 / var(--view-size) * 100vw);
  font-weight: normal;
  border-bottom: 5px solid #004ea2;
}
.page_philosophy .philosophy_cont h3:not(:first-of-type) {
  margin-top: calc(100 / var(--view-size) * 100vw);
}
.page_philosophy .philosophy_cont .philosophy_cont_group {
  position: relative;
  z-index: 10;
  margin-bottom: calc(28 / var(--view-size) * 100vw);
  border-top: calc(1 / var(--view-size) * 100vw) solid #c8c9ca;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont h3 {
    font-size: calc(30 / var(--view-size) * 100vw);
  }
  .page_philosophy .philosophy_cont .philosophy_cont_group {
    margin-bottom: calc(20 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group:last-child {
  padding-bottom: calc(28 / var(--view-size) * 100vw);
  border-bottom: calc(1 / var(--view-size) * 100vw) solid #c9caca;
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_download {
  width: calc(430 / var(--view-size) * 100vw);
  font-size: calc(20 / var(--view-size) * 100vw);
  color: #004ea2;
  padding: calc(20 / var(--view-size) * 100vw) 0;
  padding-left: calc(20 / var(--view-size) * 100vw);
  position: relative;
  border: calc(1 / var(--view-size) * 100vw) solid #004ea2;
  margin-right: calc(48 / var(--view-size) * 100vw);
  display: none;
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_download.sp_db {
  display: none !important;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_download {
    width: calc(315 / var(--view-size) * 100vw);
    font-size: calc(14 / var(--view-size) * 100vw);
    padding-left: calc(16 / var(--view-size) * 100vw);
  }
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_download.sp_db {
    display: block !important;
    margin-bottom: calc(24 / var(--view-size) * 100vw);
  }
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_download.sp_dn {
    display: none !important;
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_download::after {
  content: "";
  background: url(https://www.ikmetal.co.jp/wp/wp-content/themes/ikmetal_wp/images/icon_useful.png) center/cover no-repeat;
  width: calc(24 / var(--view-size) * 100vw);
  height: calc(24 / var(--view-size) * 100vw);
  position: absolute;
  right: calc(20 / var(--view-size) * 100vw);
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_download::after {
    width: calc(16 / var(--view-size) * 100vw);
    height: calc(16 / var(--view-size) * 100vw);
    right: calc(16 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc {
  padding-top: calc(28 / var(--view-size) * 100vw);
  cursor: pointer;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc {
    padding-top: calc(20 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc .philosophy_cont_name {
  font-size: calc(35 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc .philosophy_cont_name {
    font-size: calc(24 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc .philosophy_cont_btns .philosophy_cont_plus {
  width: calc(40 / var(--view-size) * 100vw);
  height: calc(40 / var(--view-size) * 100vw);
  background-color: #004ea2;
  border-radius: 50%;
  position: relative;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc .philosophy_cont_btns .philosophy_cont_plus {
    width: calc(21 / var(--view-size) * 100vw);
    height: calc(21 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc .philosophy_cont_btns .philosophy_cont_plus span {
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: calc(5 / var(--view-size) * 100vw);
  width: calc(24 / var(--view-size) * 100vw);
  transition: .3s;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc .philosophy_cont_btns .philosophy_cont_plus span {
    height: calc(2 / var(--view-size) * 100vw);
    width: calc(11 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc .philosophy_cont_btns .philosophy_cont_plus span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_acc.active .philosophy_cont_plus span:last-child {
  transform: translate(-50%, -50%);
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont,
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub {
  padding-top: calc(40 / var(--view-size) * 100vw);
  display: flex;
  column-gap: 2%;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont,
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub {
    display: block;
    padding-top: calc(16 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item,
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item {
  width: 32%;
  margin-bottom: calc(45 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item{
    width: 100%;
    margin-bottom: calc(32 / var(--view-size) * 100vw);
    padding-top: calc(20 / var(--view-size) * 100vw);
    border-top: calc(1 / var(--view-size) * 100vw) solid #c9caca;
  }
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item {
    width: 100%;
    margin-bottom: 0;
    padding-top: 0;
    border-top: none;
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_name,
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_name {
  font-size: calc(20 / var(--view-size) * 100vw);
  margin-bottom: calc(20 / var(--view-size) * 100vw);
  color: #004ea2;
  font-weight: 700;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_name,
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_name {
    margin-bottom: calc(16 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_row::before,
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_row::before {
  content: "";
  width: calc(319 / var(--view-size) * 100vw);
  order: 1;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_row::before,
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_row::before {
    content: none;
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_row::after,
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_row::after {
  content: "";
  width: calc(319 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_row::after,
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_row::after {
    content: none;
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_row .philosophy_item_box,
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_row .philosophy_item_box {
  display: block;
  width: 100%;
  font-size: calc(17 / var(--view-size) * 100vw);
  position: relative;
  padding: calc(20 / var(--view-size) * 100vw);
  padding-right: calc(40 / var(--view-size) * 100vw);
  padding-left: calc(14 / var(--view-size) * 100vw);
  background-color: #e9ecf6;
  margin-bottom: calc(10 / var(--view-size) * 100vw);
  font-weight: 700;
  color: #004ea2;
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_row .philosophy_item_box,
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_row .philosophy_item_box {
    width: 100%;
    font-size: calc(16 / var(--view-size) * 100vw);
    padding: calc(16 / var(--view-size) * 100vw);
    padding-left: calc(12 / var(--view-size) * 100vw);
  }
}
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_row .philosophy_item_box::after,
.page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_row .philosophy_item_box::after {
  content: "";
  background: url(https://www.ikmetal.co.jp/wp/wp-content/themes/ikmetal_wp/images/icon_useful.png) center/cover no-repeat;
  width: calc(24 / var(--view-size) * 100vw);
  height: calc(24 / var(--view-size) * 100vw);
  position: absolute;
  right: calc(14 / var(--view-size) * 100vw);
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_cont .philosophy_cont_item .philosophy_item_row .philosophy_item_box::after,
  .page_philosophy .philosophy_cont .philosophy_cont_group .philosophy_cont_nosub .philosophy_cont_item .philosophy_item_row .philosophy_item_box::after {
    width: calc(16 / var(--view-size) * 100vw);
    height: calc(16 / var(--view-size) * 100vw);
    right: calc(10 / var(--view-size) * 100vw);
  }
}
.page_philosophy .case_point {
  padding-top: calc(24 / var(--view-size) * 100vw);
}
#philosophy_cont_steel, #philosophy_cont_stainless, #philosophy_cont_aluminum, #philosophy_cont_brass, #philosophy_cont_resin, #philosophy_cont_reference {
  padding-top: calc(120 / var(--view-size) * 100vw);
  margin-top: calc(-120 / var(--view-size) * 100vw);
  z-index: -1;
  position: relative;
}
@media (max-width: 768px) {
  #philosophy_cont_steel, #philosophy_cont_stainless, #philosophy_cont_aluminum, #philosophy_cont_brass, #philosophy_cont_resin, #philosophy_cont_reference {
    padding-top: calc(90 / var(--view-size) * 100vw);
    margin-top: calc(-90 / var(--view-size) * 100vw);
  }
}