@charset "UTF-8";
/*_______________________________________

システムサポート共通
_______________________________________*/
.supportFaqbox .faqList {
  margin-bottom: 20px;
}

.supportFaqbox .faqList .ques {
  background-color: #F5F5F5;
  position: relative;
  cursor: pointer;
}

.supportFaqbox .faqList .ques::before {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 3px;
  background-color: #0068B7;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.supportFaqbox .faqList .ques::after {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 3px;
  background-color: #0068B7;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.supportFaqbox .faqList .ques .contents .icon {
  background-color: #0068B7;
}

.supportFaqbox .faqList .ques.open::before {
  opacity: 0;
}

.supportFaqbox .faqList .ques.open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.supportFaqbox .faqList .answer {
  display: none;
}

.supportFaqbox .faqList .answer .contents .icon {
  background-color: #666666;
}

.supportFaqbox .faqList .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 80px 20px 40px;
}

.supportFaqbox .faqList .contents .icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  margin-right: 20px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Outfit', sans-serif;
}

.supportFaqbox .faqList .contents .text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.625;
  color: #3E3E3E;
}

@media screen and (max-width: 768px) {
  .supportFaqbox .faqList .ques {
    background-color: #F5F5F5;
    position: relative;
  }
  .supportFaqbox .faqList .ques::before {
    right: 15px;
  }
  .supportFaqbox .faqList .ques::after {
    right: 15px;
  }
  .supportFaqbox .faqList .answer .contents {
    padding: 10px 20px;
  }
  .supportFaqbox .faqList .contents {
    padding: 10px 40px 10px 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .supportFaqbox .faqList .contents .icon {
    margin-right: 10px;
    position: relative;
    top: 5px;
  }
  .supportFaqbox .faqList .contents .text {
    font-size: 15px;
  }
}

/*_______________________________________

システムサポート-適正張力計算コーナー
_______________________________________*/
.supportTxt {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.33;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .supportTxt {
    font-size: 15px;
  }
}

/*_______________________________________

システムサポート-タイミングプーリ3次元CADデータ
_______________________________________*/
.supportSquare_box {
  border: 3px solid #E1F3FF;
  background-color: #F2FAFF;
  padding: 30px 5.55%;
}

.supportSquare_box .commonSquarelist {
  margin-bottom: 0px;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .supportSquare_box {
    padding: 15px;
  }
}

.supportCad_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.supportCad_box .left {
  width: 70%;
  margin-right: 40px;
}

.supportCad_box .left .txt {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 30px;
}

.supportCad_box .left .cadBtn {
  background-color: #0058A6;
  max-width: 510px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.supportCad_box .left .cadBtn:hover {
  opacity: 0.8;
}

.supportCad_box .left .cadBtn::after {
  content: '';
  display: block;
  position: absolute;
  background: url(/dcms_media/image/ico-link.png) no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  right: 10px;
  top: 10px;
}

.supportCad_box .left .cadBtn a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.05em;
  font-weight: bold;
  line-height: 1.5;
  padding: 20px 5px;
}

.supportCad_box .right {
  width: 24.54%;
  min-width: 250px;
}

@media screen and (max-width: 768px) {
  .supportCad_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .supportCad_box .left {
    width: 100%;
    margin-right: 0px;
  }
  .supportCad_box .left .txt {
    font-size: 15px;
  }
  .supportCad_box .right {
    width: 100%;
    margin-bottom: 20px;
  }
}

/*_______________________________________

システムサポート-よくある質問
_______________________________________*/
.supportAnker_box ul li {
  width: 31.482%;
  border: 1px solid #B7B7B7;
  margin-right: 2.778%;
  margin-bottom: 20px;
  position: relative;
}

.supportAnker_box ul li::after {
  content: '';
  display: block;
  position: absolute;
  top: 41%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0058A6;
  border-right: 2px solid #0058A6;
  -webkit-transform: rotate(135deg) translateY(-50%);
          transform: rotate(135deg) translateY(-50%);
}

.supportAnker_box ul li:nth-child(3n) {
  margin-right: 0;
}

.supportAnker_box ul li a {
  height: 100%;
  display: block;
  text-decoration: none;
  color: #0058A6;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  padding: 13px 50px 13px 25px;
}

.supportAnker_box ul li a .span {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1024px) {
  .supportAnker_box ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .supportAnker_box ul li:nth-child(3n) {
    margin-right: 2%;
  }
  .supportAnker_box ul li:nth-child(2n) {
    margin-right: 0;
  }
  .supportAnker_box ul li a {
    font-size: 15px;
    padding: 6px 40px 6px 15px;
  }
  .supportAnker_box ul li a .span {
    height: 48px;
  }
}

@media screen and (max-width: 480px) {
  .supportAnker_box ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 15px;
  }
  .supportAnker_box ul li:nth-child(3n) {
    margin-right: 0%;
  }
  .supportAnker_box ul li:nth-child(2n) {
    margin-right: 0;
  }
}

/*_______________________________________

システムサポート-カタログ一覧
_______________________________________*/
.supportCatalogbox .item {
  width: calc(25% - 22.5px);
  margin-right: 30px;
  margin-bottom: 40px;
}

.supportCatalogbox .item:nth-child(4n) {
  margin-right: 0;
}

.supportCatalogbox .item a {
  display: block;
  text-decoration: none;
}

.supportCatalogbox .item a .img {
  display: block;
  margin-bottom: 5px;
}

.supportCatalogbox .item a .cName {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.supportCatalogbox .item a .cName::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0058A6;
  border-right: 2px solid #0058A6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.supportCatalogbox .item a .cName .ttl {
  display: revert;
  letter-spacing: 0.05em;
  color: #0058A6;
  line-height: 1.6875;
  position: relative;
}

.supportCatalogbox .item a .cName .ttl::after {
  content: '';
  display: block;
  position: absolute;
  background: url(/dcms_media/image/ico-pdf.png) no-repeat;
  background-size: contain;
  width: 19px;
  height: 21px;
  right: -25px;
  bottom: 0px;
}

@media screen and (max-width: 1024px) {
  .supportCatalogbox .item {
    width: calc(33.333% - 13.33px);
    margin-right: 20px;
  }
  .supportCatalogbox .item:nth-child(3n) {
    margin-right: 0;
  }
  .supportCatalogbox .item:nth-child(4n) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .supportCatalogbox .item a .cName {
    padding-left: 15px;
    padding-right: 15px;
  }
  .supportCatalogbox .item a .cName::before {
    width: 6px;
    height: 6px;
  }
  .supportCatalogbox .item a .cName .ttl::after {
    width: 14px;
    height: 15px;
    right: -15px;
    bottom: 2px;
  }
}

@media screen and (max-width: 480px) {
  .supportCatalogbox .item {
    width: calc(49% - 10px);
    margin-right: 20px;
  }
  .supportCatalogbox .item:nth-child(3n) {
    margin-right: 20px;
  }
  .supportCatalogbox .item:nth-child(4n) {
    margin-right: 20px;
  }
  .supportCatalogbox .item:nth-child(2n) {
    margin-right: 0;
  }
}
/*# sourceMappingURL=new_support.css.map */