@charset "UTF-8";
/* arguments inittial */
/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.box-line-half, .sec__title .box-line-half{
  left: 70%;
}
.f-md{
  margin: 10% 0 5%;
}
br.sp{
  display: block;
}
@media (min-width: 922px) {
  br.sp{
    display: none;
  }
}
@media (max-width: 420px) {
.sec__title .box-line-lr{
  left: 60%;
}
}
.sec__title-text{
  background-color: transparent;
}
.inner_gray{
  width: 100%;
  background-color: #f2f2f2;
}
.download .inner{
  padding-bottom: 33px!important;
}
.download .inner {
  padding-top: 33px;
  padding-bottom: 100px;
}

.downloadList_cnt{
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  min-width: max-content; /* これが超重要！ */
  justify-content: space-between;
  margin: 3% auto;
  gap: 16px;
}
.downloadList_cnt .layout__column-02-item{
  width: 48%;
  margin: 0;
  border: 1px solid #000;
  padding: 0;
}
.scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
@media (min-width: 768px) {
  .layout__column-02{
    gap: 90px 0.3vw;
    margin-bottom: 60px;
  }
  .downloadList_cnt .layout__column-02-item{
    width: 16%;
    padding: 0;
  }
}
.downloadList_cnt .downloadList_cnt-box{
  width: 230px;
  flex: 0 0 auto;
  margin: 0;
  border: 1px solid #000;
  background-color: #fff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  border-radius:18px 18px 18px 18px;
}
.downloadList_cnt .downloadList_cnt-box:hover{
  opacity: 0.5;
}
.downloadList_cnt .downloadList_cnt-box img{
  width: 50%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 10% 5%;
  opacity: 1;
}
.downloadList_cnt .downloadList_cnt-box .downloadList_cnt-title{
  text-align: center;
  background-color: #4d4d4d;
  width: 100%;
  color: #fff;
  border-radius:0px 0px 18px 18px;
  min-height: 5em;
  display: flex;
  align-items: stretch;
  justify-content: center;
  text-align: center;
  padding: 10px;
}
.sec__title .sec__subtitle{
  font-family: "Noto Sans JP", sans-serif;  
  width: 70%;
  margin: 5% 0 8%;
}
@media (min-width: 768px) {
.sec__title .sec__subtitle{
    width: 90%;
  }
}
.download_cnt-company{
  display: block;
  border: 1px solid #000;
  margin: 3% auto;
}
.download_cnt-company img{
  padding: 4%;
  margin: auto;
}

img.downloadList_company_guidance{
  width: 80%;
  height: auto;
  margin: auto;
  padding: 10% 0;
}
img.maintenance_guidance{
  width: 90%;
  height: auto;
  margin: auto;
  display: block;
}
.download_cnt-company .download_cnt_company-box{
  width: 100%;
  background-color: #f2f2f2;
  padding: 3%;
}

@media (min-width: 768px) {
  .download_cnt-company{
    display: flex;
    justify-content: space-between;
  }
  img.downloadList_company_guidance{
    width: 40%;
    padding: 0;
  }
  img.maintenance_guidance{
    width: 43%;
  }
  .download_cnt-company .download_cnt_company-box{
    width: 55%;
    background-color: #f2f2f2;
    padding: 3%;
  }
}

.download_cnt-company .download_cnt_company-box p{
  color: #d61619;
  font-size: 1.125rem;
  margin: 3%;
}
.download_cnt-company .download_cnt_company-box a{
  background-color: #fff;
  border: 1px solid #231815;
  display: block;
  width: 90%;
  margin: 3% auto;
  padding: 2%;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .download_cnt-company .download_cnt_company-box p{
    font-size: 1.5rem;
  }
  .download_cnt-company .download_cnt_company-box a{
    font-size: 1.25rem;
  }
}
.download_cnt-company .download_cnt_company-box a:hover{
  opacity: 0.5;
}

.download_cnt_company-img{
  width: 40%;
  margin: auto;
}

.img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: 400px;
  margin: 0 auto;
  background-color: #f4f4f4;
  overflow: hidden;
  position: relative;
}

.hover-img {
  display: none;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
}

.hover-img.active {
  display: block;
}

/* アコーディオン */
.accordion {
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  list-style: none;
  cursor: pointer;
  font-size: 1.25rem;
}

.accordion img{
  width: 15%;
  padding: 2%;
}
.accordion img.icon{
  width: 25%;
  padding: 2%;
}
.accordion_contents_none{
  display: none;
}

@media (min-width: 768px) {
  .accordion_contents_none{
    background-color: transparent;
  }
  .accordion img{
  width: 18%;
  padding: 2%;
  }
  .accordion img.icon{
    width: 18%;
    padding: 2%;
  }
}

.faq .faq-item{
  padding: 0px;
}

.faq{
  margin: 2% auto;
  border-bottom: none;
  border-top: none;
}
.faq .faq-item .faq-question::after {
  background-image: url("../../../assets/img/common/icon-toggle-open.svg");
  top: 45px;
}
.faq .faq-item.is-open .block{
  display: block;
}
.faq .faq-item.is-open .faq-question::after {
  background-image: url("../../../assets/img/common/icon-toggle-close.svg");
}

.faq .faq-item .accordion_contents{
  display: flex;
  flex-wrap: wrap;
}
.faq .faq-item .accordion_contents a.graylink{
  display: flex;
  align-items: center;
  background-color: #fff;
  width: 90%;
  margin: 2% auto;
  padding: 3% 0;
  transition: background-color 0.2s;
  border:1px solid #4d4d4d;
}

.faq .faq-item .accordion_contents a.graylink:hover{
  background-color: #ccc;
}
.faq .faq-item .accordion_contents a.graylink[href=""]:hover{
  background-color: #fff;
}
.faq .faq-item .accordion_contents a.graylink p{
  padding-left: 0;
}
.faq .faq-item .accordion_contents a.accordion_contents_none{
  display: none;
}
@media (min-width: 768px) {
  .faq .faq-item .accordion_contents a.graylink{
    width: 48%;
    margin: 0.5% auto;
    padding: 0;
  }
.faq .faq-item .accordion_contents a.accordion_contents_none {
    display: block;
    background-color: transparent;
    pointer-events:none;
    border:none;
  }
}

.faq .faq-item .accordion_contents .border{
  border-right: 1px solid #4d4d4d;
  margin: 2%;
  display: block;
  padding: 4% 0;
  font-size: 1.5rem;
}
.faq .faq-item .accordion_contents img{
  width: 12%;
  padding: 3%;
}
.faq .faq-item .accordion_contents p{
  font-size: 0.75rem;
  margin: 2% 0;
  padding-left: 10px;
}
.faq .faq-item .accordion_contents span{
  color: #d61619;
}
.faq .faq-item .faq-question{
  border: 1px solid #000;
  height: 120px;
}
@media (min-width: 768px) {
  .accordion img{
    width: 14%;
  }
  .faq .faq-item .faq-question::after {
    top: 75px;
  }
  .faq .faq-item .faq-question{
    height: 180px;
  }
}

.faq .faq-item.is-open.faq-question{
  color: #000;
}
.faq .faq-item.is-open .faq-answer{
  border: 1px solid #000;
  padding-left: 0;
}
.faq .faq-item .faq-answer a{
  color:#000;
}