@charset "utf-8";

#contents {
  padding-bottom: 40px;
}
@media screen and (max-width: 1340px) {
  #contents {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  #contents {
    padding-bottom: 80px;
  }
}

.semiStandardInfoArea {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.semiStandardInfoArea .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}
.semiStandardInfoArea p {
  flex: 1;
  font-size: 16px;
  color: #003399;
  font-weight: bold;
  padding-left: 10px;
}

.productsMainHead {
  margin-bottom: 30px;
}
.productsMainHead .maxWidthWrap01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.productsMainHead .btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  background: #fff;
  color: #003399;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0 12px 0 10px;
  box-sizing: border-box;
}
.productsMainHead .btn button:focus-visible {
  outline: auto;
}
.productsMainHead .btn button span {
  position: relative;
  padding-left: 24px;
}
.productsMainHead .btn button span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 20px;
  height: 22px;
  margin-top: -11px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 12%3C/title%3E%3Cg id='top' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='top-narrow' transform='translate(-958.000000, -670.000000)'%3E%3Cg id='Group-8' transform='translate(70.000000, 649.000000)'%3E%3Cg id='Group-7' transform='translate(230.000000, 0.000000)'%3E%3Cg id='Group-5' transform='translate(283.000000, 7.000000)'%3E%3Cg id='Group' transform='translate(361.000000, 0.000000)'%3E%3Cg id='Group-12' transform='translate(24.000000, 25.000000) rotate(-30.000000) translate(-24.000000, -25.000000) translate(18.000000, 16.000000)'%3E%3Ccircle id='Oval' stroke='%23003399' stroke-width='2' cx='6' cy='6' r='5'%3E%3C/circle%3E%3Crect id='Rectangle' fill='%23003399' x='5' y='10' width='2' height='8' rx='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px 22px;
}
.productsMainHead .btn button.isOpen {
  background: #333333;
  color: #fff;
}
.productsMainHead .btn button.isOpen span::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 12%3C/title%3E%3Cg id='top' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='top-narrow' transform='translate(-958.000000, -670.000000)'%3E%3Cg id='Group-8' transform='translate(70.000000, 649.000000)'%3E%3Cg id='Group-7' transform='translate(230.000000, 0.000000)'%3E%3Cg id='Group-5' transform='translate(283.000000, 7.000000)'%3E%3Cg id='Group' transform='translate(361.000000, 0.000000)'%3E%3Cg id='Group-12' transform='translate(24.000000, 25.000000) rotate(-30.000000) translate(-24.000000, -25.000000) translate(18.000000, 16.000000)'%3E%3Ccircle id='Oval' stroke='%23FFFFFF' stroke-width='2' cx='6' cy='6' r='5'%3E%3C/circle%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='5' y='10' width='2' height='8' rx='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (max-width: 767px) {
  .productsMainHead {
    margin-bottom: 30px;
  }
  .productsMainHead .maxWidthWrap01 {
    display: block;
  }
  .productsMainHead .btn {
    margin-top: 20px;
    background: #003399;
    padding: 10px 20px;
  }
  .productsMainHead .btn button {
    width: 100%;
    height: 36px;
    font-size: 12px;
    padding: 0 5px;
  }
}

.prodHeadSearchArea {
  display: none;
  background: #ededed;
  padding: 40px 0;
  position: relative;
}
.prodHeadSearchArea.isOpen {
  display: block;
}
.prodHeadSearchArea .closeBtn {
  position: absolute;
  right: 20px;
  top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 24px;
  z-index: 1;
}
.prodHeadSearchArea .closeBtn:focus-visible {
  outline: auto;
}
.prodHeadSearchArea .componentsSearchArea {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.prodHeadSearchArea .componentsSearchArea .blockTitle {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.prodHeadSearchArea .componentsSearchArea .blockTitle .title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-right: 50px;
}
.prodHeadSearchArea .componentsSearchArea .blockTitle .infoText {
  font-size: 14px;
}
.prodHeadSearchArea .componentsSearchArea .category {
  width: 220px;
}
.prodHeadSearchArea .componentsSearchArea .category > button {
  background: #003399;
  color: #fff;
  font-size: 16px;
  padding: 0 10px;
  width: 220px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  appearance: none;
  box-sizing: border-box;
}
.prodHeadSearchArea .componentsSearchArea .category > button:focus-visible {
  outline: auto;
}
.prodHeadSearchArea .componentsSearchArea .category > button > span {
  position: relative;
  padding-right: 30px;
}
.prodHeadSearchArea .componentsSearchArea .category > button > span::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 19px;
  height: 19px;
  margin-top: -10px;
  background: url(/common/images/icon_category.svg) no-repeat center center;
  background-size: 19px 19px;
}
.prodHeadSearchArea .componentsSearchArea .keyword {
  width: 370px;
  position: relative;
  padding-left: 80px;
}
.prodHeadSearchArea .componentsSearchArea .keyword::before {
  content: '';
  width: 1px;
  height: 64px;
  background: #ccc;
  position: absolute;
  left: 38px;
  top: -8px;
  transform: rotate(20deg);
}
.prodHeadSearchArea .componentsSearchArea .keyword .inputBtn {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  height: 46px;
  box-sizing: border-box;
}
.prodHeadSearchArea .componentsSearchArea .keyword .inputBtn input {
  font-size: 16px;
  flex: 1;
  height: 44px;
  background: #fff;
  border: none;
  padding-left: 18px;
  border-radius: 0;
  width: calc(100% - 46px);
}
.prodHeadSearchArea
  .componentsSearchArea
  .keyword
  .inputBtn
  input::placeholder {
  color: #aaa;
}
.prodHeadSearchArea .componentsSearchArea .keyword .inputBtn button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #003399;
  width: 46px;
  height: 44px;
  border: none;
  cursor: pointer;
  appearance: none;
}
.prodHeadSearchArea
  .componentsSearchArea
  .keyword
  .inputBtn
  button:focus-visible {
  outline: auto;
}
.prodHeadSearchArea .componentsSearchArea .keyword .inputBtn button img {
  width: 20px;
  height: 20px;
}
.prodHeadSearchArea .componentsSearchArea .detailSearch {
  width: 200px;
  margin-left: 60px;
}
.prodHeadSearchArea .componentsSearchArea .detailSearch .btnStyle01 {
  width: 200px;
  padding: 0 10px;
}
@media screen and (max-width: 1000px) {
  .prodHeadSearchArea .componentsSearchArea .blockTitle {
    display: block;
  }
  .prodHeadSearchArea .componentsSearchArea .blockTitle .infoText {
    margin-top: 20px;
  }
  .prodHeadSearchArea .componentsSearchArea .keyword {
    width: auto;
    flex: 1;
  }
  .prodHeadSearchArea .componentsSearchArea .detailSearch {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .prodHeadSearchArea {
    padding: 20px 0;
    margin: 0 20px;
  }
  .prodHeadSearchArea .componentsSearchArea {
    display: block;
  }
  .prodHeadSearchArea .componentsSearchArea .category {
    width: auto;
  }
  .prodHeadSearchArea .componentsSearchArea .category > button {
    width: 100%;
  }
  .prodHeadSearchArea .componentsSearchArea .keyword {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .prodHeadSearchArea .componentsSearchArea .keyword::before {
    display: none;
  }
}

.anchorLinkListArea.isCenter {
  text-align: center;
}
.anchorLinkListArea .list {
  display: inline-flex;
  flex-flow: row wrap;
  margin: 1px 0 0 1px;
}
.anchorLinkListArea .list > li {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin: -1px 0 0 -1px;
}
.anchorLinkListArea .list > li a {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 24px 0 13px;
  text-decoration: none;
  color: #333;
  font-size: 1.3rem;
  line-height: 1.2;
  position: relative;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}
.anchorLinkListArea .list > li a.btn_navLocalMembersLOnly {
  color: #fff;
  background: var(--site-color-member);
}
.anchorLinkListArea .list > li a::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -8px;
  background: url(/common/images/icon_anchor_arrow.svg) no-repeat center center;
  background-size: 28px 28px;
}
.anchorLinkListArea .list > li a.btn_navLocalMembersLOnly::after {
  background: url(/common/images/icon_anchor_arrow_white.svg) no-repeat center
    center;
  background-size: 28px 28px;
}
@media screen and (max-width: 1000px) {
  .anchorLinkListArea .list > li a {
    font-size: 12px;
  }
  .anchorLinkListArea .list > li a::after {
    right: 6px;
  }
}

.faqPageTitleArea {
  background: #ddd;
  padding: 20px 0;
}
.faqPageTitleArea .title {
  color: #666666;
  font-weight: normal;
  font-size: 26px;
}

.faqPageTitleArea02 {
  margin: 30px 0;
}
.faqPageTitleArea02 .title {
  color: var(--site-color-main);
  font-size: 3.4rem;
  font-weight: 700;
}

.pageHeadingArea01 {
  margin: 30px 0;
}
.headingStyle01 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--site-color-main);
}
.headingStyle02 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--site-color-main);
}
.headingStyle03 {
  font-size: 1.8rem;
  line-height: 1.45;
  font-weight: 700;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
  color: var(--site-color-main);
}
.headingStyle03:before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  display: block;
  width: 20px;
  height: 1px;
  background: var(--site-color-main);
}

.categoryParentHeadingArea {
  padding: 0px 0 30px;
}
.categoryParentHeadingArea .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 20px;
}
.categoryParentHeadingArea .iconArea {
  width: 60px;
}
.categoryParentHeadingArea .iconArea img {
  height: auto;
}
.categoryParentHeadingArea .titleArea {
  flex: 1;
  color: var(--site-color-main);
}
.categoryParentHeadingArea .titleArea_heading {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0 20px;
}
.categoryParentHeadingArea .mainTitle {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
}
.categoryParentHeadingArea .sub {
  font-size: 1.6rem;
  font-weight: 700;
  padding-top: 4px;
}
.categoryParentHeadingArea .catch {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 4px;
}
.categoryParentHeadingArea .leadText {
  margin-top: 40px;
  font-size: 14px;
  line-height: 2.571;
}
.categoryParentHeadingArea .bnr {
  display: block;
  padding: 60px 0 0;
  text-align: center;
}
.categoryParentHeadingArea .bnr img {
  height: auto;
}
.categoryParentHeadingArea .bnr a:hover {
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .categoryParentHeadingArea {
    padding: 0px 0 40px;
  }
  .categoryParentHeadingArea .mainTitle {
    font-size: 2rem;
  }
  .categoryParentHeadingArea .sub {
    font-size: 1.3rem;
  }
  .categoryParentHeadingArea .catch {
    font-size: 1.6rem;
    margin-top: 5px;
  }
  .categoryParentHeadingArea .leadText {
    margin-top: 20px;
  }
  .categoryParentHeadingArea .bnr {
    padding: 40px 0 0;
  }
}

.subblockArea {
  padding: 20px 0;
  background: #ededed;
}

.subblockArea .subblockACT .image img {
  height: auto;
}
.subblockArea .subblockACT .note {
  font-size: 14px;
  margin-top: 10px;
}

.childrenProdctsArea {
  padding: 20px 0 15px;
  background: #ededed;
  position: relative;
  overflow: hidden;
}
.childrenProdctsArea .childrenListWrap {
  position: relative;
}
.childrenProdctsArea .childrenList {
  display: flex;
  flex-flow: row wrap;
  gap: 0 40px;
}
.childrenProdctsArea .childrenList .item {
  width: 100%;
}
.childrenProdctsArea .childrenList .item a {
  display: block;
  text-decoration: none;
  color: #333;
}
.childrenProdctsArea .childrenList .item a:hover {
  opacity: 0.6;
}
.childrenProdctsArea .childrenList .item .images {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  height: 80px;
  overflow: hidden;
}
.childrenProdctsArea .childrenList .item .images img {
  width: auto;
  height: 90px;
  max-height: initial;
}
.childrenProdctsArea .childrenList .item .textArea {
  margin-top: 5px;
}
.childrenProdctsArea .childrenList .item .textArea .title {
  display: inline-block;
  vertical-align: top;
  font-size: 1.3rem;
  font-weight: bold;
  position: relative;
}
.childrenProdctsArea .childrenList .item a .textArea .title::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 14px;
  height: 4px;
  background: url(/assets/images/icon_arrow01.svg) no-repeat center center;
  background-size: 14px 4px;
}
.childrenProdctsArea .childrenList .item .textArea .text {
  font-size: 1.3rem;
}
.childrenProdctsArea .childrenList .item a .textArea .title span {
  margin-right: 8px;
}
.childrenProdctsArea .childrenList .item .textArea .note {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 8px;
}
.childrenProdctsArea .swiper-button-prev {
  left: 50px;
}
.childrenProdctsArea .swiper-button-next {
  right: 50px;
}
.childrenProdctsArea .swiper-button-prev:after,
.childrenProdctsArea .swiper-button-next:after {
  font-size: 30px;
  color: #888;
}
.childrenProdctsArea.bgWhite {
  background: #fff;
}
.childrenProdctsArea.bgWhite .childrenList .item .images {
  background: #f6f6f6;
}
.childrenProdctsArea.bgWhite .childrenList .item .images img {
  mix-blend-mode: multiply;
}
.childrenProdctsArea.otherSubCategory .childrenList {
  width: calc(100% - 80px);
  margin: 0 auto;
  overflow: hidden;
}
.childrenProdctsArea.otherSubCategory .swiper-button-prev {
  left: 0;
}
.childrenProdctsArea.otherSubCategory .swiper-button-next {
  right: 0;
}
@media screen and (max-width: 1280px) {
  .childrenProdctsArea .swiper-button-prev {
    left: 0px;
  }
  .childrenProdctsArea .swiper-button-next {
    right: 0px;
  }
}

@media screen and (max-width: 767px) {
  .childrenProdctsArea .maxWidthWrap01 {
    padding: 0 30px;
  }
}

.relatedInformationArea {
  padding: 40px 0 0;
}
.relatedInformationArea .relatedInformationBox {
  background: #ededed;
  padding: 24px 40px 30px;
}
.relatedInformationArea .relatedInformationItemList {
  display: flex;
  flex-flow: row wrap;
  gap: 20px 30px;
}
.relatedInformationArea .relatedInformationItem {
  width: calc((100% / 2) - (30px * 1 / 2));
}
.relatedInformationArea .relatedInformationItem .linkBtn {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  background: #fff;
  color: #000;
  text-decoration: none;
}

.relatedInformationArea .relatedInformationItem .imageArea {
  width: 100px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.relatedInformationArea .relatedInformationItem .imageArea img {
  width: 100%;
  height: auto;
  max-height: initial;
}
.relatedInformationArea .relatedInformationItem.faq .imageArea {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #003399;
}
.relatedInformationArea .relatedInformationItem.whitepaper .imageArea {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--site-color-member);
}
.relatedInformationArea .relatedInformationItem.faq .imageArea img {
  width: 34px;
  height: 34px;
}
.relatedInformationArea .relatedInformationItem.whitepaper .imageArea img {
  width: 40px;
  height: 40px;
}
.relatedInformationArea .relatedInformationItem .textArea {
  flex: 1;
  padding: 5px 50px 5px 20px;
  position: relative;
}
.relatedInformationArea .relatedInformationItem .textArea .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
}
.relatedInformationArea .relatedInformationItem .textArea .c-icon-blank01 {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
}
.relatedInformationArea .relatedInformationItem.whitepaper {
  position: relative;
}
.relatedInformationArea
  .relatedInformationItem.whitepaper
  .speechBubble_memberOnly {
  right: auto;
  left: 110px;
}
@media screen and (max-width: 1023px) {
  .relatedInformationArea .relatedInformationItem {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .relatedInformationArea {
    padding: 30px 0 0;
  }
  .relatedInformationArea .relatedInformationBox {
    background: #ededed;
    padding: 30px 20px 20px;
  }
  .relatedInformationArea .relatedInformationItemList {
    gap: 10px 0;
  }
  .relatedInformationArea .relatedInformationItem .imageArea {
    width: 60px;
    height: 60px;
  }
  .relatedInformationArea .relatedInformationItem .textArea {
    flex: 1;
    padding: 10px 34px 10px 10px;
  }
  .relatedInformationArea .relatedInformationItem .textArea .title {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .relatedInformationArea .relatedInformationItem .textArea .c-icon-blank01 {
    right: 10px;
  }
  .relatedInformationArea
    .relatedInformationItem.whitepaper
    .speechBubble_memberOnly {
    left: 70px;
  }
}

.categorySearchArea {
  padding: 40px 0;
}
.categorySearchArea + .categorySearchArea {
  padding: 40px 0 80px;
}
@media screen and (max-width: 767px) {
  .categorySearchArea {
    padding: 30px 0;
  }
  .categorySearchArea + .categorySearchArea {
    padding: 20px 0 60px;
  }
}

.prodPageHeadingArea {
  padding-bottom: 30px;
}
.prodPageHeadingArea.inDetail {
  padding: 30px 0;
}
.prodPageHeadingArea .upperTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prodPageHeadingArea .parentTitle {
  font-size: 0;
  color: #003399;
}
.prodPageHeadingArea .parentTitle .enTitle {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  font-weight: bold;
  margin-right: 20px;
}
.prodPageHeadingArea .parentTitle .localTitle {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
}
.prodPageHeadingArea .mainTitle {
  font-size: 34px;
  font-weight: bold;
  color: #003399;
}
.prodPageHeadingArea .seriesTitle {
  font-size: 20px;
  font-weight: bold;
  color: #003399;
}
.prodPageHeadingArea .backParent {
  padding-left: 20px;
}
.prodPageHeadingArea .backParent .btnStyle01 {
  white-space: nowrap;
}
.prodPageHeadingArea .prodDetailTitle {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  margin: 10px 0;
}
.prodPageHeadingArea .prodDetailTitle .balloon {
  display: inline-flex;
  align-items: center;
  height: 22px;
  box-sizing: border-box;
  border: 1px solid #003399;
  color: #003399;
  font-size: 12px;
  font-weight: bold;
  padding: 0 5px 0 10px;
  margin-right: 18px;
  position: relative;
}
.prodPageHeadingArea .prodDetailTitle .balloon::before {
  content: '';
  position: absolute;
  top: -1;
  right: -20px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 11px solid transparent;
  border-left: 8px solid #039;
}
.prodPageHeadingArea .prodDetailTitle .balloon::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -19px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 11px solid transparent;
  border-left: 8px solid #fff;
}
.prodPageHeadingArea .prodDetailTitle .detailTitle {
  font-size: 40px;
  color: #003399;
  font-weight: 500;
}
.prodPageHeadingArea .leadText {
  margin: 10px 0 20px;
  font-size: 20px;
  color: #003399;
}
.prodPageHeadingArea .itemInfo {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.prodPageHeadingArea .itemInfo .supplyStatus {
  margin: 5px 20px 5px 0;
}
.prodPageHeadingArea .itemInfo .supplyStatus button {
  display: inline-block;
  background: #0e9b79;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 4px 10px;
}
.prodPageHeadingArea .itemInfo .supplyStatus button.discontinued {
  background: #c64949;
}
.prodPageHeadingArea .itemInfo .supplyStatus button.deprecated {
  background: #daa900;
}
.prodPageHeadingArea .itemInfo .supplyStatus button span {
  position: relative;
  display: inline-block;
  padding: 0 18px 0 26px;
}
.prodPageHeadingArea .itemInfo .supplyStatus button span::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  background: url(/assets/images/icon_help.svg) no-repeat center center;
  background-size: 12px 12px;
}
.prodPageHeadingArea .itemInfo .supplyStatus button span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
}
.prodPageHeadingArea .itemInfo .supplyStatus button.standard span::before {
  width: 18px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_standard_white.svg) no-repeat center
    center;
  background-size: 18px 16px;
}
.prodPageHeadingArea .itemInfo .supplyStatus button.semiStandard span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_semiStandard_white.svg) no-repeat center
    center;
  background-size: 16px 16px;
}
.prodPageHeadingArea .itemInfo .supplyStatus button.discontinued span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_discontinued_white.svg) no-repeat center
    center;
  background-size: 16px 16px;
}
.prodPageHeadingArea .itemInfo .supplyStatus button.deprecated span::before {
  width: 20px;
  height: 18px;
  margin-top: -9px;
  background: url(/assets/images/icon_deprecated_white.svg) no-repeat center
    center;
  background-size: 20px 18px;
}
.prodPageHeadingArea
  .itemInfo
  .supplyStatus
  button.underDevelopment
  span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_underDevelopment_white.svg) no-repeat
    center center;
  background-size: 16px 16px;
}
.prodPageHeadingArea .itemInfo .successor {
  display: flex;
  font-size: 14px;
  margin: 5px 20px 5px 0;
}
.prodPageHeadingArea .itemInfo .successor dt {
  margin-right: 10px;
}
.prodPageHeadingArea .itemInfo .successor dd a {
  color: #004a9a;
}
.prodPageHeadingArea .otherSubCategoryTopList {
  display: flex;
  flex-flow: row wrap;
  margin-top: 10px;
}
.prodPageHeadingArea .otherSubCategoryTopList li {
  margin: 10px 10px 0 0;
}
.prodPageHeadingArea .otherSubCategoryTopList li a,
.prodPageHeadingArea .otherSubCategoryTopList li span {
  display: inline-flex;
  padding: 8px 20px 6px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  border: 1px solid #ccc;
}
.prodPageHeadingArea .otherSubCategoryTopList li span {
  padding: 7px 19px 5px;
  color: #003399;
  font-weight: bold;
  border: 2px solid #003399;
}
.prodPageHeadingArea .applicationSearchResult {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.prodPageHeadingArea .applicationSearchResultItem {
  display: flex;
  flex-flow: row wrap;
  margin: 10px 15px 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #003399;
}
.prodPageHeadingArea .applicationSearchResultItem dt {
  margin-right: 10px;
}
.prodPageHeadingArea .applicationSearchResult .btnArea {
  margin-top: 10px;
}
.prodPageHeadingArea .applicationSearchResult .btnArea button {
  display: inline-flex;
  height: 36px;
  align-items: center;
  padding: 0 20px;
  background: #003399;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.prodPageHeadingArea .applicationSearchResult .btnArea button:hover {
  opacity: 0.6;
}
.prodPageHeadingArea .applicationSearchResult .btnArea button:focus-visible {
  outline: auto;
}

.prodPageHeadingArea .filterResultArea {
  margin-top: 20px;
  background: #eee;
  padding: 20px;
}
.prodPageHeadingArea .filterResultArea dt {
  font-size: 14px;
  font-weight: bold;
}
.prodPageHeadingArea .filterResultArea dd {
  font-size: 14px;
  margin-top: 10px;
}
.prodPageHeadingArea .filterResultArea dd .item {
  display: block;
}
.prodPageHeadingArea .filterResultArea .btnArea {
  margin-top: 10px;
  text-align: center;
}
.prodPageHeadingArea .filterResultArea .btnArea button {
  display: inline-flex;
  height: 36px;
  align-items: center;
  padding: 0 20px;
  background: #003399;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 1000px) {
  .prodPageHeadingArea .upperTitle {
    display: block;
  }
  .prodPageHeadingArea .backParent {
    display: none;
  }
  .prodPageHeadingArea .detailArea .btnArea {
    display: block;
  }
  .prodPageHeadingArea .detailArea .btnArea a {
    margin-right: 0;
  }
  .prodPageHeadingArea .detailArea .btnArea a + a {
    margin-top: 20px;
  }
  .prodPageHeadingArea .detailArea .applications .parents {
    display: block;
    padding: 10px 20px;
  }
  .prodPageHeadingArea .detailArea .applications .parents > dt {
    width: auto;
    padding: 0;
    text-align: left;
  }
  .prodPageHeadingArea .detailArea .applications .parents > dd {
    margin-top: 20px;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .prodPageHeadingArea {
    padding-bottom: 40px;
  }
  .prodPageHeadingArea .parentTitle .enTitle {
    font-size: 20px;
  }
  .prodPageHeadingArea .parentTitle .localTitle {
    font-size: 14px;
  }
  .prodPageHeadingArea .mainTitle {
    font-size: 28px;
  }
  .prodPageHeadingArea .seriesTitle {
    font-size: 20px;
  }
  .prodPageHeadingArea .prodDetailTitle {
    margin: 10px 0 20px;
  }
  .prodPageHeadingArea .prodDetailTitle .balloon {
    font-size: 12px;
    margin-right: 24px;
  }
  .prodPageHeadingArea .prodDetailTitle .detailTitle {
    font-size: 30px;
  }
  .prodPageHeadingArea .itemInfo {
    border: 1px solid #ccc;
    padding: 5px 10px;
  }
  .prodPageHeadingArea .itemDetail {
    margin-top: 40px;
    display: block;
  }
  .prodPageHeadingArea .itemDetail .leftArea {
    width: 100%;
  }
  .prodPageHeadingArea .itemDetail .imageArea {
    width: 100%;
  }
  .prodPageHeadingArea .itemDetail .detailArea {
    margin-top: 30px;
    padding-left: 0;
  }
  .prodPageHeadingArea .detailArea .applications .children > div dt {
    width: 100px;
  }
}

.itemDetailArea {
  padding-bottom: 40px;
}
.topLinkArea + .itemDetailArea {
  margin-top: 40px;
}
.itemDetailArea .itemDetail {
  display: flex;
  gap: 0 40px;
}
.itemDetailArea .itemDetail .leftArea {
  width: 200px;
}
.itemDetailArea .itemDetail .imageArea {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.itemDetailArea .itemDetail .imageArea img {
  width: 100%;
  height: auto;
}

.itemDetailArea .itemDetail .detailArea {
  flex: 1;
}
.itemDetailArea .detailArea .featureText {
  font-size: 1.3rem;
  line-height: 1.8;
}
.itemDetailArea .detailArea .btnArea {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  margin-top: 24px;
}
.itemDetailArea .detailArea .btnArea a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 40px;
  min-width: 190px;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 1.3rem;
  font-weight: 700;
  color: #333;
  text-decoration: none;
}
.itemDetailArea .detailArea .btnArea .btn_memberOnlyDocuments {
  position: relative;
  display: block;
}
.itemDetailArea
  .detailArea
  .btnArea
  .btn_memberOnlyDocuments
  .speechBubble_memberOnly {
  right: auto;
  left: 50%;
  transform: translate(-50%, 0);
}
.itemDetailArea .detailArea .btnArea a.membersonly {
  background: var(--site-color-member);
  color: #fff;
}
.itemDetailArea .detailArea .btnArea a span {
  position: relative;
  padding-left: 34px;
  text-align: left;
}
.itemDetailArea .detailArea .btnArea a.inquiry span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(/assets/images/icon_contact.svg) no-repeat center center;
  background-size: 24px 24px;
}
.itemDetailArea .detailArea .btnArea a.faq span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(/assets/images/icon_faq_blue.svg) no-repeat center center;
  background-size: 24px 24px;
}
.itemDetailArea .detailArea .btnArea a.notice span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(/assets/images/icon_info.svg) no-repeat center center;
  background-size: 24px 24px;
}
.itemDetailArea .detailArea .btnArea a.membersonly span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14%2010.6667H15.3333V9.33333C15.3333%207.49533%2013.838%206%2012%206C10.162%206%208.66667%207.49533%208.66667%209.33333V10.6667H10V9.33333C10%208.23067%2010.8973%207.33333%2012%207.33333C13.1027%207.33333%2014%208.23067%2014%209.33333V10.6667ZM16%2011.3333V18H8V11.3333H16Z%22%20fill%3D%22%23007575%22%2F%3E%0A%3C%2Fsvg%3E')
    no-repeat center center;
  background-size: contain;
}
.itemDetailArea .detailArea .applications {
  background: #f8f8f8;
  padding: 18px 0;
  margin-top: 20px;
}
.itemDetailArea .detailArea .applications .parents {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.itemDetailArea .detailArea .applications .parents > dt {
  width: 153px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.itemDetailArea .detailArea .applications .parents > dd {
  flex: 1;
  padding-right: 20px;
}
.itemDetailArea .detailArea .applications .children > div {
  clear: both;
  overflow: hidden;
  font-size: 1.3rem;
}
.itemDetailArea .detailArea .applications .children > div + div {
  margin-top: 10px;
}
.itemDetailArea .detailArea .applications .children > div dt {
  float: left;
  font-weight: bold;
  padding-right: 5px;
}
.itemDetailArea .detailArea .applications .children > div dd {
  overflow: hidden;
}
.itemDetailArea .itemDetail .detailArea > *:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1000px) {
  .itemDetailArea .detailArea .applications .parents {
    display: block;
    padding: 10px 20px;
  }
  .itemDetailArea .detailArea .applications .parents > dt {
    width: auto;
    padding: 0;
    text-align: left;
  }
  .itemDetailArea .detailArea .applications .parents > dd {
    margin-top: 20px;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .itemDetailArea {
    padding-bottom: 40px;
  }
  .topLinkArea + .itemDetailArea {
    margin-top: 40px;
  }
  .itemDetailArea .itemDetail {
    display: block;
  }
  .itemDetailArea .itemDetail .leftArea {
    width: 100%;
  }
  .itemDetailArea .itemDetail .imageArea {
    width: 100%;
  }
  .itemDetailArea .itemDetail .imageArea img {
    width: auto;
  }
  .itemDetailArea .itemDetail .detailArea {
    margin-top: 30px;
    padding-left: 0;
  }
  .itemDetailArea .detailArea .btnArea {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
  }
  .itemDetailArea .detailArea .applications .children > div dt {
    width: 100px;
  }
}

.detailArea > .detailDefList {
  border-bottom: 1px solid #ccc;
}
.detailDefList > div {
  border-top: 1px solid #ccc;
  display: flex;
  font-size: 1.3rem;
  line-height: 1.3;
}
.detailProdInfo__block > .detailDefList > div:nth-child(even) {
  background: #f8f8f8;
}
.detailProdInfo__block > .detailDefList {
  border-bottom: 1px solid #ccc;
}
.detailDefList > div dt {
  width: 252px;
  box-sizing: border-box;
  padding: 6px 5px;
  font-weight: 700;
}
.detailDefList > div.hasChild dt {
  width: 126px;
}
.detailDefList > div dd {
  flex: 1;
  padding: 6px 5px;
}
.detailDefList > div.hasChild > dd {
  padding: 0;
}
.detailDefList .detailDefList > div {
  border-top: none;
}
.detailDefList .detailDefList > div + div {
  border-top: 1px dashed #ccc;
}
@media screen and (max-width: 1000px) {
  .detailDefList > div dt {
    width: 156px;
  }
  .detailDefList > div.hasChild {
    display: block;
  }
  .detailDefList > div.hasChild dt {
    padding-bottom: 0;
  }
  .detailDefList > div.hasChild > dd {
    margin-left: 30px;
  }
}

.graySection {
  padding: 40px 0;
  background: #ededed;
}
.graySection + .graySection {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .graySection {
    padding: 40px 0;
    background: #ededed;
  }
}

.productSeriesFilter {
  margin-top: 40px;
}
.graySection > .maxWidthWrap02:first-child > .productSeriesFilter {
  margin-top: 0;
}
.productSeriesFilter dl {
  display: flex;
  align-items: center;
}
.productSeriesFilter dt {
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
}
.productSeriesFilter dd {
  flex: 1;
}
.productSeriesFilter dd ul {
  display: flex;
  flex-flow: row wrap;
  margin-top: -15px;
}
.productSeriesFilter dd ul li {
  margin: 15px 10px 0 0;
}
.productSeriesFilter dd ul li button,
.productSeriesFilter dd ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #003399;
  text-decoration: none;
}
.productSeriesFilter dd ul li.tswProductMap {
  margin-left: auto;
}
.productSeriesFilter dd ul li.tswProductMap a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #6f7b85;
  text-decoration: none;
}
.productSeriesFilter dd ul li button:focus-visible {
  outline: auto;
}
.productSeriesFilter dd ul li .icon {
  display: flex;
  align-items: center;
  gap: 0 6px;
}
.productSeriesFilter .icon.iconConditions::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url(/assets/products/images/icon_conditions01.svg) no-repeat
    center center;
  background-size: 14px 14px;
}
.productSeriesFilter .icon.iconApplications::before {
  content: '';
  display: block;
  width: 13px;
  height: 16px;
  background: url(/assets/products/images/icon_applications01.svg) no-repeat
    center center;
  background-size: 13px 16px;
}
.productSeriesFilter .icon.iconAutomotive::before {
  content: '';
  display: block;
  width: 18px;
  height: 14px;
  background: url(/assets/products/images/icon_automotive01.svg) no-repeat
    center center;
  background-size: 18px 14px;
}
.productSeriesFilter .icon.iconProof::before {
  content: '';
  display: block;
  width: 19px;
  height: 16px;
  background: url(/assets/products/images/icon_proof01.svg) no-repeat center
    center;
  background-size: 19px 16px;
}
.productSeriesFilter .icon.iconMap::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: url(/assets/products/images/icon_map01.svg) no-repeat center
    center;
  background-size: 16px 16px;
}
@media screen and (max-width: 767px) {
  .productSeriesFilter {
    margin-top: 40px;
  }
  .productSeriesFilter dl {
    display: block;
  }
  .productSeriesFilter dt {
    margin-right: 0;
    text-align: center;
  }
  .productSeriesFilter dd ul {
    display: block;
    margin-top: 0px;
  }
  .productSeriesFilter dd ul li {
    margin: 10px 0 0 0;
  }
  .productSeriesFilter dd ul li button,
  .productSeriesFilter dd ul li a {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 0 10px;
    line-height: 1.2;
  }
}

.tableHead .maxWidthWrap02 {
  display: flex;
  justify-content: space-between;
}
.tableHead .tableTitle {
  font-size: 18px;
  font-weight: bold;
}
.tableHead .listLink .btnStyle01 span {
  white-space: nowrap;
}

.tableMinWidthWrap01 {
  overflow: auto;
  box-sizing: border-box;
  margin: 30px 60px 0;
}
.tableHead + .tableMinWidthWrap01 {
  margin-top: 20px;
}
@media screen and (max-width: 1220px) {
  .tableMinWidthWrap01 {
    margin: 30px 30px 0;
    box-sizing: content-box;
  }
}
@media screen and (max-width: 767px) {
  .tableMinWidthWrap01 {
    margin: 20px 20px 0;
  }
}

.tableMinWidthWrap01 table {
  min-width: 1100px;
  width: 100%;
  border-collapse: collapse;
}

.productListTable tr.isHidden {
  display: none;
}
.productListTable th,
.productListTable td {
  border-right: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
  min-width: 48px;
}

.productListTable th {
  background: #444;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.productListTable td {
  background: #fff;
  padding: 5px 10px;
  font-size: 13px;
}
.productListTable td img {
  max-width: initial;
  max-height: initial;
}
.productListTable td .linkSemistandard {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}
.productListTable td .linkSemistandard::after {
  content: '';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #003399;
  border-radius: 2px;
}
.productListTable td .linkSemistandard img {
  position: absolute;
  left: 7px;
  top: 7px;
  display: block;
  width: 18px;
  height: 18px;
}
.productListTable .centerCell {
  text-align: center;
}
.productListTable .textLink {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  color: #004a9a;
}
.productListTable .textLink::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 15px;
  height: 4px;
  background: url(/assets/images/icon_arrow01.svg) no-repeat center center;
  background-size: 15px 4px;
  margin-left: 4px;
}
.productListTable .icon-membersOnly {
  color: #fff;
  background: var(--site-color-member);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  padding: 1px 3px;
  display: inline-block;
  transform: scale(0.8);
  transform-origin: left bottom;
}
.tableNotes {
  margin-top: 10px;
}
.tableNotes li {
  margin-top: 5px;
  font-size: 1.3rem;
}

.commonNoteArea {
  margin-top: 40px;
}
.categorySearchArea + .commonNoteArea {
  margin-top: 0;
}
.commonNoteArea .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.commonNoteArea .markdownContent {
  font-size: 14px;
  overflow: auto;
}
.commonNoteArea .markdownContent ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin-top: 10px;
  margin-bottom: 20px;
}
.commonNoteArea .markdownContent ol li {
  list-style: decimal;
  margin-left: 2rem;
}
.commonNoteArea .markdownContent ol li + li {
  margin-top: 10px;
}
.commonNoteArea .markdownContent ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-top: 10px;
  margin-bottom: 20px;
}
.commonNoteArea .markdownContent ul li {
  list-style: disc;
  margin-left: 2rem;
}
.commonNoteArea .markdownContent ul li + li {
  margin-top: 10px;
}
.commonNoteArea .markdownContent p {
  font-size: 14px;
  margin-bottom: 20px;
}
.commonNoteArea .markdownContent h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  border-left: 4px solid #003399;
  padding-left: 15px;
  margin-top: 40px;
}
.commonNoteArea .markdownContent h6 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  position: relative;
  padding-left: 15px;
}
.commonNoteArea .markdownContent h6::before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #003399;
  border-radius: 50%;
}
.commonNoteArea .markdownContent dl {
  margin: 10px 0 20px;
}
.commonNoteArea .markdownContent dl dt {
  font-weight: bold;
  margin-top: 20px;
}
.commonNoteArea .markdownContent dl dt:first-child {
  margin-top: 0;
}
.commonNoteArea .markdownContent dl dd {
  margin-top: 5px;
}
.commonNoteArea .markdownContent dl dd img {
  display: block;
  margin: 10px auto 0;
}
.commonNoteArea .markdownContent table {
  border-collapse: collapse;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  background: #fff;
  margin: 0 auto 20px;
  font-size: 12px;
}
.commonNoteArea .markdownContent table th {
  background: #666;
  color: #fff;
}
.commonNoteArea .markdownContent table th,
.commonNoteArea .markdownContent table td {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 5px 15px;
}
.commonNoteArea .markdownContent > *:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .commonNoteArea {
    margin-top: 40px;
  }
  .commonNoteArea .markdownContent {
    font-size: 14px;
  }
  .commonNoteArea .contactArea {
    margin-top: 30px;
    padding: 20px;
  }
  .commonNoteArea .contactArea a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0 30px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
  }
  .commonNoteArea .contactArea a span {
    position: relative;
    padding-left: 34px;
    text-align: left;
  }
  .commonNoteArea .contactArea a span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(/assets/images/icon_contact.svg) no-repeat center center;
    background-size: 24px 24px;
  }
}

.contactSectionArea {
  margin-top: 30px;
}
.contactSectionArea .contactBox {
  background-color: #ededed;
  text-align: center;
  padding: 60px 20px;
}
.contactSectionArea .contactBox a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0 30px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}
.contactSectionArea .contactBox a span {
  position: relative;
  padding-left: 34px;
  text-align: left;
}
.contactSectionArea .contactBox a span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(/assets/images/icon_contact.svg) no-repeat center center;
  background-size: 24px 24px;
}
@media screen and (max-width: 767px) {
  .contactSectionArea {
    margin-top: 30px;
  }
  .contactSectionArea .contactBox {
    padding: 20px;
  }
  .contactSectionArea .contactBox a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0 30px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
  }
  .contactSectionArea .contactBox a span {
    position: relative;
    padding-left: 34px;
    text-align: left;
  }
}

.subCategoryTitleArea {
  margin: 40px 0 20px;
}
.subCategoryTitleArea .subCategoryTitle {
  font-size: 24px;
  font-weight: bold;
}

.seriesTitleArea {
  margin: 0 0 20px;
}
.prodTableListContainer + .seriesTitleArea {
  margin-top: 60px;
}
.seriesTitleArea .maxWidthWrap02 {
  display: flex;
  justify-content: space-between;
}
.seriesTitleArea .seriesTitle {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .seriesTitleArea .maxWidthWrap02 {
    display: block;
  }
  .seriesTitleArea .toSeries {
    margin-top: 10px;
    text-align: right;
  }
}

.detailSectionArea {
  margin-top: 20px;
}
.itemDetailArea + .detailSectionArea {
  margin-top: 0;
}
.detailSectionArea .sectionTitle {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 8px;
}
.detailSectionArea .subTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 20px 0 10px;
}
.detailSectionArea .sectionTitle + .subTitle {
  margin-top: 0;
}
.detailSectionArea .areaWrap {
  padding: 20px;
  background: #f8f8f8;
}
.detailSectionArea .areaWrap > *:last-child {
  margin-bottom: 0;
}
.detailSectionArea .imageArea {
  text-align: center;
  margin-bottom: 20px;
}
.detailSectionArea .imageArea img {
  height: auto;
}
.detailSectionArea .imageArea .c-imageZoom01 {
  margin-top: 10px;
  text-align: center;
}
.detailSectionArea .imageArea .c-imageZoom01__link {
  display: inline-flex;
  font-size: 1.2rem;
}
.detailSectionArea .areaWrap .noteText {
  margin: 0 20px 30px;
  text-align: left;
  padding: 20px;
  background: #eee;
}
.detailSectionArea .areaWrap .htmlArea {
  font-size: 14px;
}
.detailSectionArea .areaWrap .htmlArea > *:last-child {
  margin-bottom: 0;
}
.detailSectionArea .areaWrap .htmlArea p {
  margin-bottom: 20px;
}
.detailSectionArea .areaWrap .htmlArea p img {
  display: block;
  margin: 0 auto;
}
.detailSectionArea .areaWrap .htmlArea ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin-top: 10px;
  margin-bottom: 20px;
}
.detailSectionArea .areaWrap .htmlArea ol li {
  list-style: decimal;
  margin-left: 2rem;
}
.detailSectionArea .areaWrap .htmlArea ol li + li {
  margin-top: 10px;
}
.detailSectionArea .areaWrap .htmlArea ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-top: 10px;
  margin-bottom: 20px;
}
.detailSectionArea .areaWrap .htmlArea ul li {
  list-style: disc;
  margin-left: 2rem;
}
.detailSectionArea .areaWrap .htmlArea ul li + li {
  margin-top: 10px;
}
.detailSectionArea .areaWrap .htmlArea h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  border-left: 4px solid #003399;
  padding-left: 15px;
  margin-top: 40px;
}
.detailSectionArea .areaWrap .htmlArea h6 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  position: relative;
  padding-left: 15px;
}
.detailSectionArea .areaWrap .htmlArea h6::before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #003399;
  border-radius: 50%;
}
.detailSectionArea .areaWrap .htmlArea dl {
  margin-bottom: 20px;
  font-size: 14px;
}
.detailSectionArea .areaWrap .htmlArea dl > dd:last-child {
  margin-bottom: 0;
}
.detailSectionArea .areaWrap .htmlArea dl dt {
  background: #ddd;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 10px;
}
.detailSectionArea .areaWrap .htmlArea dl dd {
  margin-bottom: 20px;
  margin-left: 10px;
}
.detailSectionArea .areaWrap .htmlArea dl dd img {
  display: block;
  margin: 10px auto 0;
}
.detailSectionArea .areaWrap .htmlArea dl dd dl {
  display: flex;
  flex-flow: row wrap;
}
.detailSectionArea .areaWrap .htmlArea dl dd dl dt {
  width: 180px;
  margin-bottom: 10px;
  font-weight: bold;
  background: transparent;
  box-sizing: border-box;
  padding: 0 20px 0 0;
}
.detailSectionArea .areaWrap .htmlArea dl dd dl dd {
  width: calc(100% - 180px);
  margin: 0 0 10px 0;
}
.detailSectionArea .areaWrap .htmlArea .tableWrapper {
  overflow: auto;
}
.detailSectionArea .areaWrap .htmlArea table {
  border-collapse: collapse;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  background: #fff;
  margin: 0 auto 20px;
  font-size: 12px;
  width: 100%;
}
.detailSectionArea .areaWrap .htmlArea table th {
  background: #666;
  color: #fff;
}
.detailSectionArea .areaWrap .htmlArea table th,
.detailSectionArea .areaWrap .htmlArea table td {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 5px 15px;
}
.detailSectionArea .areaWrap .htmlArea > *:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .detailSectionArea {
    margin-top: 40px;
  }
  .detailSectionArea .areaWrap .noteText {
    margin: -10px 0 0;
  }
  .detailSectionArea .areaWrap .noteText + .htmlArea {
    margin-top: 30px;
  }
  .detailSectionArea .areaWrap .htmlArea dl dd dl {
    display: block;
  }
  .detailSectionArea .areaWrap .htmlArea dl dd dl dt {
    width: auto;
    margin-bottom: 2px;
    padding: 0;
  }
  .detailSectionArea .areaWrap .htmlArea dl dd dl dd {
    width: auto;
    margin: 0 0 10px 0;
  }
}

.conditionArea {
  padding: 0 0 50px;
}
.conditionArea .conditionBox {
  background: #ededed;
  padding: 30px 40px;
}
.conditionArea .conditions {
  font-size: 0;
  margin: 0 -5px 20px;
}
.conditionArea .conditions .item {
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px 10px;
  font-size: 13px;
  margin: 5px;
}
.conditionArea .btnArea button {
  display: inline-flex;
  align-items: center;
  height: 50px;
  padding: 0 30px;
  color: #fff;
  background: #003399;
  font-size: 16px;
  font-weight: bold;
}
.conditionArea .btnArea button:focus-visible {
  outline: auto;
}
@media screen and (max-width: 767px) {
  .conditionArea {
    padding-bottom: 30px;
  }
  .conditionArea .conditionBox {
    padding: 20px;
  }
}

.discontinuedListBox {
  background: #ededed;
  padding: 40px;
}
.discontinuedListArea .categoryBlock + .categoryBlock {
  margin-top: 60px;
}
.discontinuedListArea .categoryBlock .catName {
  font-size: 18px;
  font-weight: bold;
}
.discontinuedListArea .categoryBlock .discontinuedList {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.discontinuedListArea .categoryBlock .discontinuedList::before {
  content: '';
  display: block;
  width: calc(25% - 20px);
  order: 1;
}
.discontinuedListArea .categoryBlock .discontinuedList::after {
  content: '';
  display: block;
  width: calc(25% - 20px);
}
.discontinuedListArea .categoryBlock .discontinuedList li {
  width: calc(25% - 20px);
  box-sizing: border-box;
  margin-top: 20px;
}
.discontinuedListArea .categoryBlock .discontinuedList li a {
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
  text-decoration: none;
  color: #333;
}
.discontinuedListArea .categoryBlock .discontinuedList li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/assets/images/icon_arrow02.svg) no-repeat center center;
  background-size: 12px 12px;
}
@media screen and (max-width: 1000px) {
  .discontinuedListArea .categoryBlock .discontinuedList::before {
    display: none;
  }
  .discontinuedListArea .categoryBlock .discontinuedList::after {
    display: none;
  }
  .discontinuedListArea .categoryBlock .discontinuedList li {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .discontinuedListBox {
    background: #ededed;
    padding: 20px;
  }
  .discontinuedListArea .categoryBlock + .categoryBlock {
    margin-top: 40px;
  }
  .discontinuedListArea .categoryBlock .discontinuedList li {
    width: 100%;
    margin-top: 15px;
  }
}

.newProductsListBox {
  background: #ededed;
  padding: 40px;
}
.newProductsList li[data-is-members-only] .heading {
  position: relative;
}
@media screen and (max-width: 767px) {
  .newProductsList li[data-is-members-only] .heading {
    position: absolute;
  }
}
.newProductsList li[data-is-members-only] .icon-membersOnly {
  color: #fff;
  background: var(--site-color-member);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  padding: 1px 3px;
  display: inline-block;
  transform: scale(0.8);
  transform-origin: left center;
  position: absolute;
  bottom: 100%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .newProductsList li[data-is-members-only] .icon-membersOnly {
    top: calc(100% + 4px);
    bottom: auto;
  }
}
.newProductsList li + li {
  margin-top: 20px;
}
.newProductsList li :where(a, .linkLike) {
  display: flex;
  align-items: center;
  padding: 20px 110px 20px 20px;
  background: #fff;
  color: #333;
  text-decoration: none;
  position: relative;
}
.newProductsList li :where(a, .linkLike)::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 38px;
  top: 50%;
  width: 30px;
  height: 9px;
  margin-top: -4px;
  background: url(/common/images/arrow01-blue.svg) no-repeat center center;
  background-size: 30px 9px;
}
.newProductsList .heading {
  width: 110px;
}
.newProductsList .heading .type {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 2px;
}
.newProductsList .heading .type.series {
  background: #00b8c9;
}
.newProductsList .heading .type.product {
  background: #ff0200;
}
.newProductsList .heading .date {
  background: #ededed;
  padding: 2px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
.newProductsList .image {
  width: 160px;
  text-align: center;
}
.newProductsList .textArea {
  flex: 1;
}
.newProductsList .textArea .catSub {
  display: flex;
  flex-flow: row wrap;
  font-size: 14px;
  font-weight: bold;
}
.newProductsList .textArea .catSub .cat {
  margin-right: 5px;
}
.newProductsList .textArea .catSub .separate {
  margin-right: 5px;
}
.newProductsList .textArea .main {
  font-size: 18px;
  font-weight: bold;
}
.newProductsList .textArea .prod {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  margin-top: 10px;
}
.newProductsList .textArea .prod .balloon {
  display: inline-flex;
  align-items: center;
  height: 18px;
  box-sizing: border-box;
  border: 1px solid #003399;
  color: #003399;
  font-size: 10px;
  padding: 0 2px 0 4px;
  margin-right: 18px;
  position: relative;
}
.newProductsList .textArea .prod .balloon::before {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 8px solid transparent;
  border-left: 9px solid #039;
}
.newProductsList .textArea .prod .balloon::after {
  content: '';
  position: absolute;
  top: 0;
  right: -17px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 8px solid transparent;
  border-left: 9px solid #fff;
}
.newProductsList .textArea .prod .name {
  font-size: 16px;
  color: #003399;
  font-weight: 500;
}
.newProductsList .relationRelease {
  background: #fff;
  padding: 0 20px 20px 290px;
}
.newProductsList .relationRelease .list li {
  background: #ededed;
  display: flex;
  padding: 6px 10px;
}
.newProductsList .relationRelease .list li .date {
  width: 130px;
  font-size: 16px;
  padding-right: 10px;
}
.newProductsList .relationRelease .list li .title {
  flex: 10;
}
.newProductsList .relationRelease .list a {
  display: inline;
  background: transparent;
  padding: 0;
  font-size: 16px;
}
.newProductsList .relationRelease .list a:hover {
  text-decoration: underline;
}
.newProductsList .relationRelease .list a::before {
  display: none;
}
.newProductsList .relationRelease .list a::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 4px;
  margin-top: -4px;
  background: url(/common/images/arrow01-blue.svg) no-repeat center center;
  background-size: 16px 5px;
}
.newProductsList .relationRelease .list li + li {
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .newProductsListBox {
    background: #ededed;
    padding: 30px 20px 20px;
  }
  .newProductsList li + li {
    margin-top: 30px;
  }
  .newProductsList li a {
    display: block;
    padding: 20px 32px 20px 16px;
  }
  .newProductsList li a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 15px;
    height: 4px;
    margin-top: -2px;
    background-size: 15px 4px;
  }
  .newProductsList .heading {
    position: absolute;
    left: -10px;
    top: -20px;
    border: 2px solid #fff;
  }
  .newProductsList .image {
    width: 100%;
    margin: 10px 0 15px;
  }
  .newProductsList .textArea .catSub {
    font-size: 10px;
  }
  .newProductsList .textArea .main {
    font-size: 14px;
  }
  .newProductsList .relationRelease {
    display: block;
    padding: 0px 16px 16px;
  }
  .newProductsList .relationRelease .list li {
    display: block;
  }
  .newProductsList .relationRelease .list li .date {
    width: auto;
    font-size: 13px;
    padding-right: 0px;
  }
  .newProductsList .relationRelease .list a {
    font-size: 13px;
  }
}

.searchModalWrap {
  background: #fff;
  width: 960px;
  margin: 0 auto;
}
.searchModalWrap .swal2-close {
  right: 10px;
  top: 10px;
  background: #333;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 24px;
}
.searchModalWrap .swal2-close:hover {
  opacity: 0.8;
  color: #fff;
}
.searchModalWrap .swal2-close:focus {
  color: #fff;
  opacity: 0.8;
  outline: 2px solid #003399;
}
.searchModalWrap .searchModalContainer {
  margin: 0;
  padding: 40px;
  text-align: left;
}
.searchModalWrap .searchModalContainer .searchTitle {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.searchModalWrap .searchModalContainer .searchItemDefList > div {
  display: flex;
  flex-flow: row wrap;
}
.searchModalWrap .searchModalContainer .searchItemDefList > div + div {
  margin-top: 20px;
}
.searchModalWrap .searchModalContainer .searchItemDefList > div dt {
  width: 220px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
}
.searchModalWrap .searchModalContainer .searchItemDefList > div dd {
  flex: 1;
}
.searchModalWrap .searchModalContainer .searchItemDefList > div dd label {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.searchModalWrap .searchModalContainer .searchItemDefList > div dd label input {
  position: relative;
  top: 1px;
}
.searchModalWrap .searchModalContainer .resultCount {
  background: #eee;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  margin-top: 30px;
}
.searchModalWrap .searchModalContainer .resultCount .total {
  color: #003399;
}
.searchModalWrap .searchModalContainer .btnArea {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.searchModalWrap .searchModalContainer .btnArea button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 124px;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  font-weight: bold;
}
.searchModalWrap .searchModalContainer .btnArea button:focus-visible {
  outline: auto;
}
.searchModalWrap .searchModalContainer .btnArea button + button {
  margin-left: 20px;
}
.searchModalWrap .searchModalContainer .btnArea .reset {
  height: 40px;
  border: 1px solid #ccc;
  background: #fff;
  color: #888;
}
.searchModalWrap .searchModalContainer .btnArea .search {
  height: 50px;
  background: #003399;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .searchModalWrap .searchModalContainer {
    margin: 0;
    padding: 40px 20px 20px;
    text-align: left;
  }
  .searchModalWrap .searchModalContainer .searchItemDefList > div {
    display: block;
  }
  .searchModalWrap .searchModalContainer .searchItemDefList > div dt {
    width: auto;
    padding-right: 0;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .searchModalWrap .searchModalContainer .searchItemDefList > div dd label {
    margin: 0 10px 15px 0;
  }
}

.cadModalWrap {
  background: #fff;
  width: 960px;
  margin: 0 auto;
}
.cadModalWrap .swal2-close {
  right: 10px;
  top: 10px;
  background: #333;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 24px;
}
.cadModalWrap .swal2-close:hover {
  opacity: 0.8;
  color: #fff;
}
.cadModalWrap .swal2-close:focus {
  color: #fff;
  opacity: 0.8;
  outline: 2px solid #003399;
}
.cadModalWrap .cadModalContainer {
  margin: 0;
  padding: 40px;
  text-align: left;
}
.cadModalWrap .cadModalContainer .modalTitle {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}
.cadModalWrap .cadModalContainer .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.cadModalWrap .cadModalContainer ol {
  list-style: decimal;
  font-size: 14px;
}
.cadModalWrap .cadModalContainer ol li {
  list-style: decimal;
  margin-left: 20px;
}
.cadModalWrap .cadModalContainer ol li + li {
  margin-top: 10px;
}
.cadModalWrap .cadModalContainer .btnArea {
  margin-top: 40px;
  text-align: center;
}
.cadModalWrap .cadModalContainer .btnArea a {
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 20px;
  background-color: #003399;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.cadModalWrap .cadModalContainer .btnArea a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .cadModalWrap .cadModalContainer {
    margin: 0;
    padding: 60px 20px 20px;
    text-align: left;
  }
  .cadModalWrap .cadModalContainer .modalTitle {
    text-align: left;
    font-size: 16px;
    margin-bottom: 20px;
  }
  .cadModalWrap .cadModalContainer .title {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .cadModalWrap .cadModalContainer ol {
    font-size: 13px;
  }
  .cadModalWrap .cadModalContainer .btnArea {
    margin-top: 40px;
  }
}

.supplyStatusModalWrap {
  background: #fff;
  width: 498px;
  margin: 0 auto;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.supplyStatusModalWrap .swal2-close {
  right: 10px;
  top: 10px;
  background: #333;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 24px;
}
.supplyStatusModalWrap .swal2-close:hover {
  opacity: 0.8;
  color: #fff;
}
.supplyStatusModalWrap .swal2-close:focus {
  color: #fff;
  opacity: 0.8;
  outline: 2px solid #003399;
}
.supplyStatusModalWrap .supplyStatusModalContainer {
  margin: 0;
  padding: 40px;
  text-align: left;
}
.supplyStatusModalWrap .supplyStatusModalContainer .mainTitle {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  div
  + div {
  margin-top: 16px;
}
.supplyStatusModalWrap .supplyStatusModalContainer .supplyStatusInfoList .icon {
  display: inline-block;
  background: #0e9b79;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 4px 10px;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon.discontinued {
  background: #c64949;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon.deprecated {
  background: #daa900;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon
  span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 26px;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon
  span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon.standard
  span::before {
  width: 18px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_standard_white.svg) no-repeat center
    center;
  background-size: 18px 16px;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon.semiStandard
  span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_semiStandard_white.svg) no-repeat center
    center;
  background-size: 16px 16px;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon.discontinued
  span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_discontinued_white.svg) no-repeat center
    center;
  background-size: 16px 16px;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon.deprecated
  span::before {
  width: 20px;
  height: 18px;
  margin-top: -9px;
  background: url(/assets/images/icon_deprecated_white.svg) no-repeat center
    center;
  background-size: 20px 18px;
}
.supplyStatusModalWrap
  .supplyStatusModalContainer
  .supplyStatusInfoList
  .icon.underDevelopment
  span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_underDevelopment_white.svg) no-repeat
    center center;
  background-size: 16px 16px;
}
.supplyStatusModalWrap .supplyStatusModalContainer .supplyStatusInfoList dd {
  font-size: 14px;
  line-height: 1.87;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .supplyStatusModalWrap {
    width: 100%;
    margin: 0 auto;
  }
  .supplyStatusModalWrap .supplyStatusModalContainer {
    margin: 0;
    padding: 60px 20px 20px;
  }
  .supplyStatusModalWrap .supplyStatusModalContainer .mainTitle {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .supplyStatusModalWrap
    .supplyStatusModalContainer
    .supplyStatusInfoList
    .icon {
    font-size: 14px;
  }
}

.spvqListWrap {
  min-width: 1100px;
}
.spvqTabList {
  display: flex;
  border-bottom: 1px solid #909090;
  padding: 0 20px;
}
.spvqTabList > li {
  position: relative;
  top: 1px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-bottom: 1px solid #909090;
  background: #d5e0ec;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 160px;
  padding: 0 0 0 10px;
  border-radius: 6px 6px 0 0;
}
.spvqTabList > li.nonImage {
  padding: 5px 10px;
  display: block;
  text-align: center;
}
.spvqTabList > li.open {
  background: #fff;
  border: 1px solid #909090;
  border-bottom: 1px solid #fff;
}
.spvqTabList > li + li {
  margin-left: 10px;
}
.spvqTabList > li .text {
  font-size: 14px;
  flex: 1;
}
.spvqTabList > li .image {
  width: 75px;
}
.spvqTabContents {
  background: #fff;
  padding: 40px;
}
.spvqTable {
  background: #fff;
  border-collapse: collapse;
  border-bottom: 1px solid #909090;
  font-size: 12px;
}
.spvqTable thead th {
  border-bottom: 1px solid #909090;
  text-align: center;
  padding: 0 10px 5px;
  font-weight: normal;
  vertical-align: bottom;
}
.spvqTable thead th:first-child {
  padding: 0 0 5px 10px;
  text-align: left;
}
.spvqTable tbody th,
.spvqTable tbody td {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.spvqTable tbody td {
  padding: 10px;
  text-align: center;
}
.spvqTable tbody td:nth-child(2) {
  border-right: 1px solid #909090;
}
.spvqTable tbody tr:first-child th,
.spvqTable tbody tr:first-child td {
  border-top: none;
}
.spvqTable tbody th {
  background: #e7e7e7;
  font-weight: normal;
}
.spvqTable tbody th .leftHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  padding-left: 10px;
}
.spvqTable tbody th .leftHead .text {
  text-align: left;
}
.spvqTable tbody td .prodItem a {
  display: block;
  text-decoration: none;
  color: #0a62c3;
  font-weight: bold;
}
.spvqTable tbody td .prodItem a:hover {
  opacity: 0.7;
}
.spvqTable tbody td .prodItem a span {
  display: block;
  text-align: center;
}
.spvqTable tbody td .prodItem + .prodItem {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
.spvqTypeList {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 20px;
}
.spvqTypeList > div {
  display: flex;
  min-height: 20px;
  align-items: center;
  margin: 0 20px 20px 0;
  font-size: 14px;
}
.spvqTypeList > div .checkIcon {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.spvqTypeList > div .checkIcon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 50%;
}
.spvqTypeList > div.open .checkIcon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: #039;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .spvqTabList {
    padding: 0 10px;
  }
  .spvqTabContents {
    background: #fff;
    padding: 20px;
  }
  .spvqTabList > li {
    min-width: 120px;
    padding: 0 10px;
  }
  .spvqTabList > li .image {
    width: 37px;
  }
  .spvqTabList > li .image img {
    height: auto;
  }
}

/* membersOnlyContentsArea */
.materialContent {
  background: url('/assets/products/images/bg-membersOnlyContentsArea.webp')
    no-repeat center top;
  padding: 54px 0 60px;
}
.detailSectionArea + .membersOnlyContentsArea {
  margin-top: 72px;
}
@media (max-width: 767px) {
  .detailSectionArea + .membersOnlyContentsArea {
    margin-top: 54px;
  }
}
.materialContent[data-is-signInUser],
.contentWrapper .materialContent {
  background: url('/assets/products/images/bg-membersOnlyContentsArea.webp')
    no-repeat center top;
  background-size: cover;
}
.materialContent > div:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .materialContent {
    padding: 20px 0;
  }
}
.materialTitle {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  margin: 0 0 28px;
}
@media (max-width: 767px) {
  .materialTitle {
    margin-bottom: 36px;
  }
}
.materialContent[data-is-signInUser] .materialTitle {
  color: #fff;
}
.materialTitle::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/assets/images/icon-locked-green.svg) center center / contain
    no-repeat;
  vertical-align: middle;
  margin-right: 6px;
  transform: translateY(-2px);
}
.materialContent[data-is-signInUser] .materialTitle::before {
  background-image: url(/assets/images/icon-locked-green.svg);
}
.materialSeriesTitle {
  color: #fff;
  font-size: 16px;
  margin: 0 0 14px;
}
.materialContent[data-is-signInUser] .materialSeriesTitle {
  color: #fff;
}
.materialItemList + .materialSeriesTitle {
  margin-top: 37px;
}
@media (max-width: 767px) {
  .materialTitle + .materialSeriesTitle {
    margin-top: -20px;
  }
}
.materialItemList {
  position: relative;
}
.materialContent[data-is-signInUser] .materialMemberOnly {
  color: var(--site-color-member);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  background-color: #fff;
  padding: 4px 7px 3px;
  border-radius: 2px;
  position: absolute;
  right: 0;
  bottom: calc(100% + 16px);
}
@media (max-width: 767px) {
  .materialContent[data-is-signInUser] .materialMemberOnly {
    bottom: calc(100% + 12px);
  }
}
.materialContent[data-is-signInUser] .materialMemberOnly::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 11px;
  background: url('data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.33312%204.8147H6.51831V3.62952C6.51831%201.99574%205.18912%200.666553%203.55535%200.666553C1.92157%200.666553%200.592383%201.99574%200.592383%203.62952V4.8147H1.77757V3.62952C1.77757%202.64937%202.5752%201.85174%203.55535%201.85174C4.53549%201.85174%205.33312%202.64937%205.33312%203.62952V4.8147ZM7.11131%2011.3331H0.000195313V5.40718H7.11131V11.3331Z%22%20fill%3D%22%23007575%22%2F%3E%3C%2Fsvg%3E')
    center center/ contain no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  transform: translateY(-1px);
}
.materialContent[data-is-signInUser] .materialMemberOnly::after {
  content: '';
  display: block;
  width: 5px;
  height: 6px;
  background: url('data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%226%22%20viewBox%3D%220%200%205%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200H5L0%206V0Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E')
    center center/ contain no-repeat;
  position: absolute;
  left: calc(50% - 2px);
  top: 100%;
}
.materialItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 20px 40px;
}
.materialItem + .materialItem {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .materialItem {
    display: block;
    padding: 12px 15px;
  }
}
.materialItemName {
  font-size: 14px;
  font-weight: 700;
  padding-left: 43px;
  position: relative;
}
.materialItemName::before {
  content: '';
  display: block;
  background: url(data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2228%22%20viewBox%3D%220%200%2022%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.6111%207.19444V26.4444C20.6111%2026.6592%2020.437%2026.8333%2020.2222%2026.8333H1.55556C1.34078%2026.8333%201.16667%2026.6592%201.16667%2026.4444V1.55556C1.16667%201.34078%201.34078%201.16667%201.55556%201.16667H14.1944V5.44444C14.1944%206.41093%2014.9779%207.19444%2015.9444%207.19444H20.6111ZM20.1279%206.02777L15.3807%201.28057C15.3743%201.27423%2015.3678%201.26813%2015.3611%201.26229V5.44444C15.3611%205.7666%2015.6222%206.02777%2015.9444%206.02777H20.1279ZM0%201.55556C0%200.696447%200.696446%200%201.55556%200H15.1057C15.5182%200%2015.9139%200.163888%2016.2056%200.455612L21.3222%205.57217C21.6139%205.86389%2021.7778%206.25955%2021.7778%206.67211V26.4444C21.7778%2027.3036%2021.0813%2028%2020.2222%2028H1.55556C0.696447%2028%200%2027.3036%200%2026.4444V1.55556ZM3.5%2013.2222C3.5%2012.7926%203.84822%2012.4444%204.27778%2012.4444H17.5C17.9296%2012.4444%2018.2778%2012.7926%2018.2778%2013.2222C18.2778%2013.6518%2017.9296%2014%2017.5%2014H4.27778C3.84822%2014%203.5%2013.6518%203.5%2013.2222ZM4.27778%2015.5556C3.84822%2015.5556%203.5%2015.9038%203.5%2016.3334C3.5%2016.7629%203.84822%2017.1111%204.27778%2017.1111H17.5C17.9296%2017.1111%2018.2778%2016.7629%2018.2778%2016.3334C18.2778%2015.9038%2017.9296%2015.5556%2017.5%2015.5556H4.27778ZM3.5%2019.4445C3.5%2019.0149%203.84822%2018.6667%204.27778%2018.6667H17.5C17.9296%2018.6667%2018.2778%2019.0149%2018.2778%2019.4445C18.2778%2019.874%2017.9296%2020.2222%2017.5%2020.2222H4.27778C3.84822%2020.2222%203.5%2019.874%203.5%2019.4445ZM4.27778%2021.7778C3.84822%2021.7778%203.5%2022.126%203.5%2022.5556C3.5%2022.9851%203.84822%2023.3333%204.27778%2023.3333H17.5C17.9296%2023.3333%2018.2778%2022.9851%2018.2778%2022.5556C18.2778%2022.126%2017.9296%2021.7778%2017.5%2021.7778H4.27778Z%22%20fill%3D%22%23003399%22%2F%3E%3C%2Fsvg%3E%0A)
    0 0 / contain no-repeat;
  width: 22px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.materialItemName.watchMovie::before {
  content: '';
  display: block;
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23039%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3%2C9.2H13.4v9.6H3V9.2Zm11.2%2C7.2l4.8%2C2.4V9.2l-4.8%2C2.4v4.8Z%22%2F%3E%3C%2Fsvg%3E)
    0 0 / contain no-repeat;
  width: 22px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .materialItemName {
    padding: 8px 0 8px 34px;
  }
}
.materialItemLink .downloadButton {
  font-size: 14px;
  min-width: 194px;
  padding: 4px 20px;
  background: var(--site-color-member);
}
@media (max-width: 767px) {
  .materialItemLink {
    margin-top: 8px;
  }
  .materialItemLink .downloadButton {
    width: 100%;
    margin-right: auto;
  }
}
.downloadButton {
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  background: #004a9a;
  margin-left: auto;
}
.downloadButton.pdf::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22m.5.5h15v15h-15z%22%2F%3E%3C%2FclipPath%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22m13.7667.5h-11.53337c-.95729%200-1.73333.77604-1.73333%201.73333v11.53337c0%20.9573.77604%201.7333%201.73333%201.7333h11.53337c.9573%200%201.7333-.776%201.7333-1.7333v-11.53337c0-.95729-.776-1.73333-1.7333-1.73333z%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22%23007575%22%3E%3Cpath%20d%3D%22m3.48727%205.57709c1.10833%200%201.72917.72708%201.72917%201.55625%200%20.82916-.62292%201.55625-1.72917%201.55625h-.55416v1.69581l-.03542.0354h-.89792l-.03541-.0354v-4.7729l.03541-.03541zm-.55416%202.14583h.48541c.45%200%20.72708-.17292.72708-.5875s-.27708-.5875-.72708-.5875h-.48541v1.17708z%22%2F%3E%3Cpath%20d%3D%22m7.63955%205.57709c1.4875%200%202.56045%201.0875%202.56045%202.42291%200%201.33542-1.07295%202.4229-2.56045%202.4229h-1.62708l-.03542-.0354v-4.775l.03542-.03541zm-.69167%203.875h.69167c.9%200%201.52292-.5875%201.52292-1.45417s-.62292-1.45417-1.52292-1.45417h-.69167v2.90625z%22%2F%3E%3Cpath%20d%3D%22m14.2496%205.57709.0355.03541v.9l-.0355.03542h-2.25v.93333h1.6271l.0354.03542v.9l-.0354.03542h-1.6271v1.93751l-.0354.0354h-.9l-.0354-.0354v-4.7771l.0354-.03541h3.1834z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')
    0 0 / contain no-repeat;
  border-radius: 2px;
  margin-right: 8px;
  overflow: hidden;
  transform: translateY(-1px);
}
.downloadButton.watchMovie::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23004a9a%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cg%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7%2C6.04c0-.42%2C.48-.65%2C.81-.39l3.7%2C2.96c.25%2C.2%2C.25%2C.58%2C0%2C.78l-3.7%2C2.96c-.33%2C.26-.81%2C.03-.81-.39V6.04Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')
    0 0 / contain no-repeat;
  border-radius: 2px;
  margin-right: 8px;
  overflow: hidden;
  transform: translateY(-1px);
}

/* 製品詳細 > 会員限定ナビ */
.navLocalMembersLOnly {
  display: flex;
  align-items: center;
  gap: 1px;
  margin-left: auto;
}
.navLocalMembersLOnly li {
  position: relative;
}
.btn_navLocalMembersLOnly,
.btn_underConsideration {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  background: var(--site-color-member);
  padding: 11px 20px 10px;
  margin-left: auto;
}
/*
.btn_navLocalMembersLOnly.disabled,
.btn_underConsideration[disabled] {
  color: #fff;
  background: #aaaaaa;
  border: 1px solid #cccccc;
}
*/

@media (max-width: 767px) {
  .navLocalMembersLOnly {
    gap: 10px;
    width: 100%;
    padding-bottom: 5px;
    margin-top: 10px;
  }
  .navLocalMembersLOnly[data-is-signin] {
    margin-top: 5px;
  }
  .navLocalMembersLOnly li {
    flex: 1 1 auto;
  }
  .btn_navLocalMembersLOnly,
  .btn_underConsideration {
    font-size: 12px;
    width: 100%;
    padding: 9px 9px 8px;
  }
}

/* Menbers Only */
.speechBubble_memberOnly {
  color: var(--site-color-member);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-block;
  box-sizing: border-box;
  background-color: #fff;
  padding: 5px 4px 4px;
  border: 1px solid var(--site-color-member);
  border-radius: 2px;
  position: absolute;
  right: -10px;
  bottom: calc(100% - 8px);
  z-index: 1;
}
/* ロックアイコン */
.speechBubble_memberOnly_inner::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 11px;
  background: url('data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.33312%204.8147H6.51831V3.62952C6.51831%201.99574%205.18912%200.666553%203.55535%200.666553C1.92157%200.666553%200.592383%201.99574%200.592383%203.62952V4.8147H1.77757V3.62952C1.77757%202.64937%202.5752%201.85174%203.55535%201.85174C4.53549%201.85174%205.33312%202.64937%205.33312%203.62952V4.8147ZM7.11131%2011.3331H0.000195313V5.40718H7.11131V11.3331Z%22%20fill%3D%22%23007575%22%2F%3E%3C%2Fsvg%3E')
    center center/ contain no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  transform: translateY(-1px);
}
.speechBubble_memberOnly::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 0;
  border-color: #003399 transparent transparent transparent;
  position: absolute;
  left: calc(50% - 2px);
  top: 100%;
}
.speechBubble_memberOnly::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 0;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: calc(50% - 1px);
  top: 100%;
}
@media (max-width: 767px) {
  .speechBubble_memberOnly {
    padding: 3px 10px 2px;
    bottom: calc(100% - 6px);
  }
}
.tswProductMapBnrArea {
  margin-top: 20px;
}
.tswProductMapBnr01 a {
  display: flex;
  align-items: center;
  height: 160px;
  padding: 0px 5.2%;
  background: linear-gradient(
      90deg,
      rgba(111, 123, 133, 0.9) 38.7%,
      rgba(111, 123, 133, 0) 72.45%
    ),
    url(/assets/products/tsw-product-map/images/bnr_link_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-decoration: none;
}
.tswProductMapBnr01 .bnrTitle {
  display: block;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.tswProductMapBnr01 .bnrTxt {
  display: block;
  font-size: 14px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .tswProductMapBnr01 .bnrTxt br {
    display: none;
  }
}

.categoryLeadTextArea {
  padding: 30px 0 0;
}
.categoryLeadTitle {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 10px;
}
.categoryLeadText {
  font-size: 1.3rem;
  line-height: 1.6;
}
.categoryLeadTextArea .imageTextWrap {
  display: flex;
  gap: 0 30px;
}
.categoryLeadTextArea .imageTextWrap .image {
  flex-shrink: 0;
  text-align: center;
}
.categoryLeadTextArea .imageTextWrap .categoryLeadText {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .categoryLeadTextArea .imageTextWrap {
    flex-flow: column nowrap;
    gap: 20px 0;
  }
}

.linkList01 {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.linkList01__item {
  border: 1px solid #ccc;
}
.linkList01__link,
.linkList01__item button {
  display: flex;
  gap: 0 10px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 3px 20px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #333;
  text-decoration: none;
  border: 1px solid #fff;
  background: #fff;
  box-sizing: border-box;
}
a.linkList01__link:hover {
  opacity: 0.6;
}
.linkList01__item--faq .linkList01__link::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/icon_faq_blue.svg) no-repeat center center;
  background-size: 24px 24px;
}

.linkList01__item--contact .linkList01__link::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/icon_contact.svg) no-repeat center center;
  background-size: 24px 24px;
}
.linkList01__item--whitePaper {
  position: relative;
}
.linkList01__item--whitePaper .speechBubble_memberOnly {
  right: auto;
  left: 50%;
  transform: translate(-50%, 0);
}
.linkList01__item--whitePaper .linkList01__link,
.linkList01__item--whitePaper button {
  color: #fff;
  background: var(--site-color-member);
  border: 0;
}
.linkList01__item--whitePaper .linkList01__link::before,
.linkList01__item--whitePaper button::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(/assets/images/icon_wp_white.svg) no-repeat center center;
  background-size: 24px 24px;
}

/* renew24 products - series */
.seriesHeading {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.seriesHeading .titleArea {
  flex: 1;
}
.seriesHeading .title {
  font-size: 2.4rem;
  color: var(--site-color-main);
  font-weight: 700;
}
.seriesHeading .lead {
  font-size: 1.6rem;
  color: var(--site-color-main);
  margin-top: 10px;
}
.seriesHeading .backParent {
  flex-shrink: 0;
  padding-left: 0;
}

/* renew24 products - detail */
.detaiPageContainer {
  position: relative;
}

@media screen and (max-width: 1360px) {
  .detaiPageContainer .maxWidthWrap01 {
    margin: 0 0 0 auto;
    padding-right: 70px;
    max-width: 1200px;
  }
  .detaiPageContainer .maxWidthWrap01.noSticky {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 1300px) {
  .detaiPageContainer .maxWidthWrap01 {
    padding-right: 30px;
    max-width: 1160px;
  }
  .detaiPageContainer .maxWidthWrap01.noSticky {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 1260px) {
  .detaiPageContainer .maxWidthWrap01 {
    padding-left: 110px;
    max-width: 1400px;
  }
  .detaiPageContainer .maxWidthWrap01.noSticky {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 1023px) {
  .detaiPageContainer .maxWidthWrap01 {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .detaiPageContainer .maxWidthWrap01.noSticky {
    padding: 0 20px;
  }
}

.stickyBtn {
  position: absolute;
  top: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 10px 0 10px 10px;
  width: 80px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
}
.stickyBtn.is-fixed {
  position: fixed;
  transition: 0.4s all ease;
}
.stickyBtn .functionBtnList .item {
  border-top: 1px solid #ccc;
}
.stickyBtn .functionBtnList .item:first-child {
  border-top: none;
}
.functionBtnList .item a,
.functionBtnList .item button {
  display: flex;
  width: 100%;
  min-height: 60px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 700;
  color: #333;
  text-decoration: none;
  text-align: center;
  background: #fff;
}
.stickyBtn .functionBtnList .item:first-child a,
.stickyBtn .functionBtnList .item:first-child button {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.stickyBtn .functionBtnList .item:last-child a,
.stickyBtn .functionBtnList .item:last-child button {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.functionBtnList .item span {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.functionBtnList .item span::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 5px;
}
.functionBtnList .item .icon-cart::before {
  background: url(/assets/images/icon_cart.svg) no-repeat center center;
  background-size: 24px 24px;
}
.functionBtnList .item .icon-download::before {
  background: url(/assets/images/icon_download2.svg) no-repeat center center;
  background-size: 24px 24px;
}
.functionBtnList .item .icon-rohs::before {
  background: url(/assets/images/icon_rohs.svg) no-repeat center center;
  background-size: 24px 24px;
}
.functionBtnList .item .icon-pdf::before {
  background: url(/assets/images/icon_pdf.svg) no-repeat center center;
  background-size: 24px 24px;
}
.functionBtnList .item .icon-document::before {
  background: url(/assets/images/icon_document.svg) no-repeat center center;
  background-size: 24px 24px;
}
.functionBtnList .item .icon-contact::before {
  background: url(/assets/images/icon_contact.svg) no-repeat center center;
  background-size: 24px 24px;
}
@media screen and (max-width: 1023px) {
  .stickyBtn {
    display: none;
  }
  .functionBtnList .item a,
  .functionBtnList .item button {
    padding: 5px 10px;
  }
  .functionBtnList .item span::before {
    margin: 0 auto 3px;
  }
}
.detailHeading {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 30px;
}
@media screen and (max-width: 767px) {
  .detailHeading {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px 0;
  }
}
.detailHeading__detailBlock {
  flex: 1;
}

.headingNameArea01 {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0 20px;
}
.headingNameArea01__title {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 0 10px;
}
.headingNameArea01__title-balloon {
  display: inline-flex;
  align-items: center;
  height: 18px;
  box-sizing: border-box;
  border: 1px solid var(--site-color-main);
  color: var(--site-color-main);
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  padding: 0 5px 0 5px;
  margin-right: 6px;
  position: relative;
}
.headingNameArea01__title-balloon::before {
  content: '';
  position: absolute;
  right: -16px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 9px solid transparent;
  border-left: 6px solid var(--site-color-main);
}
.headingNameArea01__title-balloon::after {
  content: '';
  position: absolute;
  top: -1px;
  right: -15px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 9px solid transparent;
  border-left: 6px solid #fff;
}
.headingNameArea01__title-code {
  font-size: 2.4rem;
  line-height: 1;
  color: var(--site-color-main);
  font-weight: 500;
}
.headingNameArea01__series {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--site-color-main);
}
.detailInfoItemArea {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px 20px;
  margin-top: 20px;
}
.supplyStatusItem {
  display: flex;
  align-items: center;
  gap: 10px;
}
.supplyStatusItem button {
  display: inline-flex;
  align-self: center;
  justify-content: center;
  height: 24px;
  background: #0e9b79;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  padding: 0 10px;
}
.supplyStatusItem button.discontinued {
  background: #c64949;
}
.supplyStatusItem button.deprecated {
  background: #daa900;
}
.supplyStatusItem button span {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 18px 0 26px;
}
.supplyStatusItem button span::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  background: url(/assets/images/icon_help.svg) no-repeat center center;
  background-size: 12px 12px;
}
.supplyStatusItem button span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
}
.supplyStatusItem button.standard span::before {
  width: 18px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_standard_white.svg) no-repeat center
    center;
  background-size: 18px 16px;
}
.supplyStatusItem button.semiStandard span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_semiStandard_white.svg) no-repeat center
    center;
  background-size: 16px 16px;
}
.supplyStatusItem button.discontinued span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_discontinued_white.svg) no-repeat center
    center;
  background-size: 16px 16px;
}
.supplyStatusItem button.deprecated span::before {
  width: 20px;
  height: 18px;
  margin-top: -9px;
  background: url(/assets/images/icon_deprecated_white.svg) no-repeat center
    center;
  background-size: 20px 18px;
}
.supplyStatusItem button.underDevelopment span::before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(/assets/images/icon_underDevelopment_white.svg) no-repeat
    center center;
  background-size: 16px 16px;
}
.successorItem {
  display: flex;
  font-size: 1.2rem;
}
.detailHeading .printItem button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  border: 1px solid #ccc;
  height: 24px;
  box-sizing: border-box;
}
.detailHeading .printItem button span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 6px;
}
.detailHeading .printItem button span::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: url(/assets/images/icon_print_gray.svg) no-repeat center center;
  background-size: 16px 16px;
}
.detailHeading .topLinkArea {
  margin-top: 20px;
}
.detailHeading .functionBtnArea {
  display: none;
}

.detailHeading__btnBlock .btnItem {
  width: 124px;
  height: 60px;
  border: 1px solid #ccc;
}
.detailHeading__btnBlock .btnItem.addList {
  position: relative;
}
.detailHeading__btnBlock .btnItem + .btnItem {
  margin-top: -1px;
}
.detailHeading__btnBlock .btnItem .speechBubble_memberOnly {
  right: auto;
  left: 50%;
  transform: translate(-50%, 0);
}
.detailHeading__btnBlock .btnItem a,
.detailHeading__btnBlock .btnItem .btn_underConsideration {
  font-size: 1.2rem;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  line-height: 1.3;
  box-sizing: border-box;
  padding: 0 16px;
}
.detailHeading__btnBlock .btnItem a.contact {
  flex-flow: column nowrap;
  background: var(--site-color-main);
}
.detailHeading__btnBlock .btnItem a.contact::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: url(/assets/images/icon_contact_white.svg) no-repeat center center;
  background-size: 24px 24px;
}
@media screen and (max-width: 1023px) {
  .detailHeading .functionBtnArea {
    display: block;
    margin-top: 20px;
  }
  .detailHeading .functionBtnArea .functionBtnList {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
  }
  .detailHeading .functionBtnArea .functionBtnList .item {
    width: calc((100% / 3) - (10px * 2 / 3));
    border: 1px solid #ccc;
  }
}

@media screen and (max-width: 767px) {
  .detailHeading__btnBlock .btnArea {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 20px 20px;
  }
  .detailHeading__btnBlock .btnItem {
    width: 100%;
  }
  .detailHeading__btnBlock .btnItem + .btnItem {
    margin-top: 0;
  }
}

.detailProdInfo {
  display: flex;
  gap: 0 30px;
}
.detailProdInfo__block {
  width: 100%;
}
.detailProdInfo__title {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.detailProdInfo__imageArea {
  border-top: 1px solid #ccc;
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 10px 0;
}
.detailProdInfo__imageArea img {
  width: 137px;
  height: auto;
}
.detailProdInfo__imageArea button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 4px;
  height: 20px;
  padding: 0 6px;
  border: 1px solid var(--site-color-main);
  font-size: 1rem;
  font-weight: 700;
  color: var(--site-color-main);
  border-radius: 2px;
}
.detailProdInfo__imageArea button::before {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  background: url(/assets/images/icon_zoom2.svg) no-repeat center center;
  background-size: 11px 11px;
}
@media screen and (max-width: 1023px) {
  .detailProdInfo {
    flex-flow: column nowrap;
    gap: 20px 0;
  }
}

.stickyAnchorListArea {
  visibility: hidden;
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
  transition: 0.4s all ease;
}
.stickyAnchorListArea.is-fixed {
  visibility: visible;
  top: 0;
}
.stickyAnchorListArea .areaWrap {
  border-bottom: 1px solid #ccc;
}
.stickyAnchorListArea .areaInner {
  display: flex;
  justify-content: space-between;
}
.stickyAnchorListArea .anchorLinkListArea {
  width: calc(100% - 280px);
  position: relative;
}
.stickyAnchorListArea .anchorLinkListArea.is-scroll::before {
  content: '';
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 80%,
    rgba(255, 255, 255, 1) 100%
  );
  z-index: 2;
}
.stickyAnchorListArea .anchorLinkListArea.is-scroll::after {
  content: '';
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #039;
  border-right: 2px solid #039;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 3;
  animation-name: hint;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.stickyAnchorListArea .anchorLinkListArea .listWrap {
  overflow-x: auto;
}
.stickyAnchorListArea .anchorLinkListArea .list {
  margin: 0;
  flex-flow: row nowrap;
  border-left: 1px solid #ccc;
}
.stickyAnchorListArea .anchorLinkListArea .list > li a {
  font-size: 1.1rem;
  height: 50px;
  border-bottom: none;
}
:lang(ja) .stickyAnchorListArea .anchorLinkListArea .list > li a,
:lang(zh-hans) .stickyAnchorListArea .anchorLinkListArea .list > li a {
  white-space: nowrap;
}
.stickyAnchorListArea .rightBtnArea {
  flex-shrink: 0;
  margin-left: auto;
}
.stickyAnchorListArea .rightBtnArea .list {
  display: flex;
}
.stickyAnchorListArea .rightBtnArea .addList .btn_underConsideration {
  width: 130px;
  height: 50px;
  font-size: 1.2rem;
  padding: 0 18px;
  box-sizing: border-box;
}
.stickyAnchorListArea .rightBtnArea .contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  background: var(--site-color-main);
  color: #fff;
  font-size: 1.2rem;
  height: 50px;
  width: 150px;
  padding: 4px 13px;
  text-decoration: none;
  box-sizing: border-box;
}
.stickyAnchorListArea .rightBtnArea .contact a::before {
  content: '';
  display: block;
  margin: 0;
  width: 24px;
  height: 24px;
  background: url(/assets/images/icon_contact_white.svg) no-repeat center center;
  background-size: 24px 24px;
}
.stickyAnchorListArea .spBtnArea {
  display: none;
}
@media screen and (max-width: 1023px) {
  .stickyAnchorListArea .maxWidthWrap01 {
    padding: 0;
  }
  .stickyAnchorListArea .anchorLinkListArea {
    display: none;
  }
  .stickyAnchorListArea .rightBtnArea .addList button {
    width: 110px;
    font-size: 1.1rem;
  }
  .stickyAnchorListArea .rightBtnArea .contact a {
    flex-flow: column nowrap;
    width: 120px;
    font-size: 1.1rem;
  }
  .stickyAnchorListArea .rightBtnArea .contact a::before {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
  .stickyAnchorListArea .spBtnArea {
    display: flex;
  }
  .stickyAnchorListArea .spBtnArea .btnItem {
    border-right: 1px solid #ccc;
  }
  .stickyAnchorListArea .spBtnArea .functionMenuBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 100%;
  }
  .stickyAnchorListArea .spBtnArea .functionMenuBtn .bars {
    position: relative;
    display: block;
    width: 16px;
    height: 13px;
  }
  .stickyAnchorListArea .spBtnArea .functionMenuBtn .bars span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    background: var(--site-color-main);
  }
  .stickyAnchorListArea .spBtnArea .functionMenuBtn .bars span:first-child {
    top: 0;
  }
  .stickyAnchorListArea .spBtnArea .functionMenuBtn .bars span:nth-child(2) {
    top: 50%;
  }
  .stickyAnchorListArea .spBtnArea .functionMenuBtn .bars span:last-child {
    bottom: 0;
  }
  .stickyAnchorListArea
    .spBtnArea
    .functionMenuBtn.isOpen
    .bars
    span:first-child {
    transform: translateY(6px) rotate(-45deg);
    width: 20px;
    left: 0;
  }
  .stickyAnchorListArea
    .spBtnArea
    .functionMenuBtn.isOpen
    .bars
    span:nth-child(2) {
    opacity: 0;
  }
  .stickyAnchorListArea
    .spBtnArea
    .functionMenuBtn.isOpen
    .bars
    span:last-child {
    transform: translateY(-6px) rotate(45deg);
    width: 20px;
    left: 0;
  }
}

.functionMenuModal {
  display: none;
  position: absolute;
  left: 0;
  top: 51px;
  width: 100%;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}
.functionMenuBtn.isOpen + .functionMenuModal {
  display: block;
}

.functionMenuModalWrap {
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 10px;
}
.functionMenuModalWrap .swal2-close {
  color: var(--site-color-main);
}
.functionMenuModalWrap .functionBtnList {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.functionMenuModalWrap .functionBtnList .item {
  width: calc((100% / 3) - (10px * 2 / 3));
  border: 1px solid #ccc;
}

.productsPictModalWrap .swal2-close {
  color: var(--site-color-main);
  top: 10px;
  right: 10px;
}
.productsPictModalContainer {
  background: #fff;
  margin: 0 auto;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.detectorSwitchesNoticeBnr {
  background: #f8f8f8;
  padding: 10px;
  text-align: center;
}
.detectorSwitchesNoticeBnr img {
  height: auto;
}