@charset "UTF-8";
/*メモ
.products-header　→　header
.comp-symbol_explanation--a →　symbol_modal
*/
/*
※以下のページのレイアウトが入ります
/p/ice-engine/index-ice-engine.php
※共通要素については_components.scssを参照
※将来的には、他製品のインデックスページにも利用されます
*/
/* 製品インデックス共通 */
.pindex {
  margin: 0;
  padding: 0;
}

.pindex_header {
  width: 100%;
  margin-top: min(145px, 10.0694444444vw);
}
@media screen and (max-width: 1023px) {
  .pindex_header {
    background: none;
    height: auto;
    margin-top: 28vw;
  }
}
.pindex_header--inner {
  position: relative;
  max-width: 1440px;
  height: 100%;
  padding: 0 min(100px, 6.9444444444vw);
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .pindex_header--inner {
    width: 100%;
    padding: 0;
  }
}
.pindex_header--name {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: min(10px, 0.6944444444vw);
}
@media screen and (max-width: 1023px) {
  .pindex_header--name {
    gap: 1.3333333333vw;
    padding: 0 0 1.6vw 2.6666666667vw;
  }
}
.pindex_header--category {
  display: block;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .pindex_header--category {
    font-size: 4.2666666667vw;
  }
}
.pindex_header--category_en {
  font-family: "Barlow", sans-serif;
  letter-spacing: 0.1em;
  font-size: min(48px, 3.3333333333vw);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .pindex_header--category_en {
    font-size: 8vw;
  }
}
.pindex_header--link {
  position: relative;
  display: block;
  margin-top: min(20px, 1.3888888889vw);
  line-height: 0;
  transition: 0.13s linear;
}
.pindex_header--link:hover {
  opacity: 0.8;
}
.pindex_header--link:hover .pindex_header--btn {
  color: #003C83;
  background-color: #fff;
}
.pindex_header--link:hover .pindex_header--btn:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy40MzYiIGhlaWdodD0iMTcuMTc0IiB2aWV3Qm94PSIwIDAgMTcuNDM2IDE3LjE3NCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc0MzcuMjI5IDQ2NDUuMDg3KSI+PHBhdGggZD0iTTExMi43MDcsMzYwOWw3Ljg4LDcuODgtNy44OCw3Ljg4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc1NDEuMDg4IC04MjUzLjM4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NzY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0tMTc0MjAuNS00NjM2LjVoLTE2LjIyOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NzY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjwvZz48L3N2Zz4=");
}
@media screen and (max-width: 1023px) {
  .pindex_header--link {
    font-size: 5.3333333333vw;
  }
}
.pindex_header--img {
  width: 100%;
  height: auto;
}
.pindex_header--btn {
  position: absolute;
  right: min(16px, 1.1111111111vw);
  bottom: min(16px, 1.1111111111vw);
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(180px, 12.5vw);
  height: min(44px, 3.0555555556vw);
  border-radius: min(22px, 1.5277777778vw);
  font-size: min(18px, 1.25vw);
  font-weight: 500;
  font-family: "Barlow", sans-serif;
  color: #fff;
  background-color: #003C83;
  transition: 0.13s linear;
}
.pindex_header--btn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(12px, 0.8333333333vw);
  height: min(12px, 0.8333333333vw);
  right: min(12px, 0.8333333333vw);
  margin: auto 0;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.319%22%20height%3D%2212.76%22%20viewBox%3D%220%200%2013.319%2012.76%22%3E%3Cg%20transform%3D%22translate(0.501%200.5)%22%3E%3Cpath%20d%3D%22M0%2C12.26a.5.5%2C0%2C0%2C1-.354-.146.5.5%2C0%2C0%2C1%2C0-.707L5.173%2C5.88-.354.354a.5.5%2C0%2C0%2C1%2C0-.707.5.5%2C0%2C0%2C1%2C.707%2C0L6.587%2C5.88.354%2C12.114A.5.5%2C0%2C0%2C1%2C0%2C12.26Z%22%20transform%3D%22translate(6.23%200)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M-17424.619-4636h-12.109a.5.5%2C0%2C0%2C1-.5-.5.5.5%2C0%2C0%2C1%2C.5-.5h12.109a.5.5%2C0%2C0%2C1%2C.5.5A.5.5%2C0%2C0%2C1-17424.619-4636Z%22%20transform%3D%22translate(17436.729%204642.38)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left top no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1023px) {
  .pindex_header--btn {
    left: 0;
    bottom: 3.2vw;
    width: 36vw;
    height: 9.0666666667vw;
    border-radius: 4.5333333333vw;
    font-size: 3.7333333333vw;
    margin: 0 auto;
  }
  .pindex_header--btn:after {
    width: 3.2vw;
    height: 3.2vw;
    right: 3.2vw;
  }
}
.pindex_header--mv {
  display: block;
}
@media screen and (max-width: 1023px) {
  .pindex_header--mv {
    width: 100%;
    height: auto;
  }
}
.pindex_header--mv-ice {
  height: min(502px, 34.8611111111vw);
  margin: min(85px, 5.9027777778vw) auto 0 min(56px, 3.8888888889vw);
}
@media screen and (max-width: 1023px) {
  .pindex_header--mv-ice {
    margin: 0;
    height: auto;
  }
}
.pindex_header--wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: min(120px, 8.3333333333vw);
}
@media screen and (max-width: 1023px) {
  .pindex_header--wrap {
    margin-top: 0;
    padding: 10.9333333333vw 5.3333333333vw 0 5.3333333333vw;
  }
}
.pindex_header--heading {
  color: #004767;
  font-size: min(40px, 2.7777777778vw);
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
  margin-bottom: min(45px, 3.125vw);
}
@media screen and (max-width: 1023px) {
  .pindex_header--heading {
    font-size: 6.4vw;
    margin-bottom: 8.5333333333vw;
  }
}
.pindex_header--lead {
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.75;
  line-break: strict;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .pindex_header--lead {
    font-size: 3.7333333333vw;
    line-height: 1.75;
    text-align: left;
  }
}

.pindex_lineup {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
  gap: min(48px, 3.3333333333vw);
  width: min(1226px, 85.1388888889vw);
  margin: min(120px, 8.3333333333vw) auto 0 auto;
}
@media screen and (max-width: 1023px) {
  .pindex_lineup {
    width: auto;
    padding: 0 5.3333333333vw;
    margin: 10.6666666667vw auto 0 auto;
  }
}
.pindex_lineup--box {
  width: min(376px, 26.1111111111vw);
}
@media screen and (max-width: 1023px) {
  .pindex_lineup--box {
    width: 100%;
    margin-bottom: 8.5333333333vw;
  }
  .pindex_lineup--box:last-child {
    margin-bottom: 0;
  }
}
.pindex_lineup--title {
  position: relative;
  width: fit-content;
  margin-bottom: min(20px, 1.3888888889vw);
  gap: min(12px, 0.8333333333vw);
  color: #004767;
  font-size: min(28px, 1.9444444444vw);
  line-height: 1;
  font-weight: 700;
  transition: 0.3s;
}
.pindex_lineup--title:before {
  content: "";
  position: absolute;
  bottom: max(-8px, -0.5555555556vw);
  left: 0;
  width: 0;
  height: 1px;
  background-color: #004767;
  transition: 0.3s;
}
.pindex_lineup--title:after {
  content: "";
  position: absolute;
  top: min(5px, 0.3472222222vw);
  right: max(-25px, -1.7361111111vw);
  width: min(16px, 1.1111111111vw);
  height: min(16px, 1.1111111111vw);
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy40MzYiIGhlaWdodD0iMTcuMTc0IiB2aWV3Qm94PSIwIDAgMTcuNDM2IDE3LjE3NCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc0MzcuMjI5IDQ2NDUuMDg3KSI+PHBhdGggZD0iTTExMi43MDcsMzYwOWw3Ljg4LDcuODgtNy44OCw3Ljg4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc1NDEuMDg4IC04MjUzLjM4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NzY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0tMTc0MjAuNS00NjM2LjVoLTE2LjIyOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NzY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjwvZz48L3N2Zz4=") left top no-repeat;
  background-size: contain;
  transition: 0.3s;
}
.pindex_lineup--link_title:hover .pindex_lineup--title:before {
  width: 100%;
  opacity: 1;
}
.pindex_lineup--link_title:hover .pindex_lineup--title:after {
  right: max(-35px, -2.4305555556vw);
}
@media screen and (max-width: 1023px) {
  .pindex_lineup--title {
    gap: 3.2vw;
    margin-bottom: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
  .pindex_lineup--title:before {
    content: none;
  }
  .pindex_lineup--title:after {
    right: -6.6666666667vw;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
}
.pindex_lineup--text_desc {
  color: #004767;
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.75;
  line-break: strict;
  margin-bottom: min(32px, 2.2222222222vw);
}
@media screen and (max-width: 1023px) {
  .pindex_lineup--text_desc {
    color: inherit;
    font-size: 3.7333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.pindex_lineup--wrap_pic {
  position: relative;
  transition: 0.3s;
}
.pindex_lineup--wrap_pic:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transform: scale(0.9);
  background-color: transparent;
  z-index: -1;
  transition: 0.3s;
}
.pindex_lineup--link_title:hover .pindex_lineup--wrap_pic:before {
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.pindex_lineup--link_title:hover .pindex_lineup--wrap_pic-ice_engine:before {
  background-color: #CDE9F4;
}
.pindex_lineup--link_title:hover .pindex_lineup--wrap_pic-big_ice:before {
  background-color: #D0DEE4;
}
.pindex_lineup--link_title:hover .pindex_lineup--wrap_pic-dcm:before {
  background-color: #D0E5BD;
}
.pindex_lineup--img {
  width: 100%;
  height: auto;
  z-index: 0;
}
.pindex_lineup--feature {
  display: flex;
  flex-direction: column;
  gap: min(16px, 1.1111111111vw);
  margin-top: min(32px, 2.2222222222vw);
}
@media screen and (max-width: 1023px) {
  .pindex_lineup--feature {
    margin-top: min(16px, 1.1111111111vw);
    gap: 2.6666666667vw;
  }
}
.pindex_lineup--feature_link {
  color: #004767;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  line-height: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(59px, 4.0972222222vw);
  border: 1px solid #004767;
  border-radius: min(30px, 2.0833333333vw);
  transition: 0.13s linear;
}
.pindex_lineup--feature_link:after {
  position: absolute;
  right: min(12px, 0.8333333333vw);
  top: calc(50% - min(6px, 0.4166666667vw));
  content: "";
  width: min(12px, 0.8333333333vw);
  height: min(12px, 0.8333333333vw);
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy40MzYiIGhlaWdodD0iMTcuMTc0IiB2aWV3Qm94PSIwIDAgMTcuNDM2IDE3LjE3NCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc0MzcuMjI5IDQ2NDUuMDg3KSI+PHBhdGggZD0iTTExMi43MDcsMzYwOWw3Ljg4LDcuODgtNy44OCw3Ljg4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc1NDEuMDg4IC04MjUzLjM4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NzY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0tMTc0MjAuNS00NjM2LjVoLTE2LjIyOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NzY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjwvZz48L3N2Zz4=") left top no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1023px) {
  .pindex_lineup--feature_link {
    font-size: 3.7333333333vw;
    height: 11.7333333333vw;
    border-radius: 5.8666666667vw;
  }
  .pindex_lineup--feature_link:after {
    width: 3.2vw;
    height: 3.2vw;
    right: 3.2vw;
    top: calc(50% - 1.6vw);
  }
}
.pindex_lineup--feature_link:hover {
  background-color: #A6D9ED;
}
.pindex_lineup--feature_link-search {
  background-color: #004767;
  color: #fff;
}
.pindex_lineup--feature_link-search:after {
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.319%22%20height%3D%2212.76%22%20viewBox%3D%220%200%2013.319%2012.76%22%3E%3Cg%20transform%3D%22translate(0.501%200.5)%22%3E%3Cpath%20d%3D%22M0%2C12.26a.5.5%2C0%2C0%2C1-.354-.146.5.5%2C0%2C0%2C1%2C0-.707L5.173%2C5.88-.354.354a.5.5%2C0%2C0%2C1%2C0-.707.5.5%2C0%2C0%2C1%2C.707%2C0L6.587%2C5.88.354%2C12.114A.5.5%2C0%2C0%2C1%2C0%2C12.26Z%22%20transform%3D%22translate(6.23%200)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M-17424.619-4636h-12.109a.5.5%2C0%2C0%2C1-.5-.5.5.5%2C0%2C0%2C1%2C.5-.5h12.109a.5.5%2C0%2C0%2C1%2C.5.5A.5.5%2C0%2C0%2C1-17424.619-4636Z%22%20transform%3D%22translate(17436.729%204642.38)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
}
.pindex_lineup--feature_link-search:hover {
  background-color: #A6D9ED;
  color: #004767;
}
.pindex_lineup--feature_link-search:hover:after {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy40MzYiIGhlaWdodD0iMTcuMTc0IiB2aWV3Qm94PSIwIDAgMTcuNDM2IDE3LjE3NCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc0MzcuMjI5IDQ2NDUuMDg3KSI+PHBhdGggZD0iTTExMi43MDcsMzYwOWw3Ljg4LDcuODgtNy44OCw3Ljg4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc1NDEuMDg4IC04MjUzLjM4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NzY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0tMTc0MjAuNS00NjM2LjVoLTE2LjIyOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NzY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjwvZz48L3N2Zz4=");
  background-size: contain;
}

.pindex_guide {
  padding: min(120px, 8.3333333333vw) 0;
}
@media screen and (max-width: 1023px) {
  .pindex_guide {
    padding: 16vw 0;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22abstracts/_mixins.scss%22,%22index-products.scss%22,%22abstracts/_variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAmDA;AAAA;AAAA;AAAA;AChDA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAGA;EACE;EACA;;;AAKF;EACE;EAGA;;ADbA;ECSF;IAMI;IACA;IACA;;;AAEF;EACE;EAEA;EACA;EACA;EAGA;;AD3BF;ECmBA;IAUI;IAEA;;;AAGJ;EACE;EACA;EACA;EACA;;ADtCF;ECkCA;IAMI;IACA;;;AAGJ;EACE;EACA;EACA;EACA;;ADhDF;EC4CA;IAMI;;;AAGJ;EACE,aCzDW;ED0DX;EACA;EACA;EACA;;AD1DF;ECqDA;IAOI;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;;AACA;EACE,kBC9DO;;AFbf;EC+DA;IAiBI;;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCtGW;EDuGX;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADjHJ;ECuFA;IA6BI;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;;;AAIN;EACE;;ADnIF;ECkIA;IAGI;IACA;;;AAEF;EAEE;EACA;;AD3IJ;ECwIE;IAKI;IACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;;ADvJF;ECkJA;IAQI;IACA;;;AAGJ;EACE,OC5Ja;ED6Jb;EACA;EACA;EACA;EACA;;ADpKF;EC8JA;IAQI;IACA;;;AAGJ;EACE;EACA;EACA;EACA;;AD9KF;EC0KA;IAMI;IACA;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AD9LA;ECuLF;IASI;IACA;IACA;;;AAEF;EACE;;ADrMF;ECoMA;IAGI;IACA;;EACA;IACE;;;AAMN;EACE;EACA;EACA;EACA;EACA,OClNa;EDmNb;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC/NW;EDgOX;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAEF;EACE;;ADvPN;ECgNA;IA2CI;IACA;IACA;;EACA;IACE;;EAEF;IACE;IACA;IACA;;;AAIN;EACE,OCtQa;EDuQb;EACA;EACA;EACA;;AD7QF;ECwQA;IAOI;IACA;IACA;;;AAGJ;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAKR;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;ADvUF;ECmUA;IAMI;IACA;;;AAGJ;EACE,OC3Ua;ED4Ub;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADnWJ;EC6UA;IAyBI;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;;AAGJ;EACE,kBC1WU;;AD4WZ;EACE,kBCjXW;EDkXX;;AACA;EACE;EACA;;AAEF;EACE,kBCpXQ;EDqXR,OCzXS;;AD0XT;EACE;EACA;;;AAQV;EACE;;ADxYA;ECuYF;IAGI%22,%22file%22:%22index-products.css%22%7D */