@charset "UTF-8";

body {
  font-family: "Inter", serif;
}

.header__link {
  font-size: calc(18 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .header__link {
    font-size: calc(14 / 375 * 100vw);
  }
}


.mv__title {
  font-size: calc(86 / 1512 * 100vw);
  font-family: "Roboto", sans-serif;
  line-height: 150%;
  margin-top: calc(23 / 1512 * 100vw);
  margin-bottom: calc(5 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .mv__title {
    font-size: calc(36 / 375 * 100vw);
  }
}

.mv-heading {
  font-size: calc(26 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .mv-heading {
    font-size: calc(18 / 375 * 100vw);
    margin-top: calc(12 / 375 * 100vw);
  }
}

.mv__title--continuation {
  font-size: calc(28 / 1512 * 100vw);
  font-weight: 700;
  margin-top: calc(32 / 1512 * 100vw);
  color: #FFFFFF;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .mv__title--continuation {
    font-size: calc(20 / 375 * 100vw);
    margin-top: calc(17 / 375 * 100vw);
    line-height: calc(24 / 20);
  }
}

.mv-img {
  margin-top: calc(-145 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .mv-img {
    margin-top: calc(24 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .worries__wrapper::after {
    top: calc(790 / 375 * 100vw);
  }
}

.trouble-item__title {
  font-size: calc(24 / 1512 * 100vw);
  /* line-height: 120%; */
  color: #FFFFFF;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .trouble-item__title {
    font-size: calc(14 / 375 * 100vw);
  }
}

.trouble-item_br {
  font-size: calc(38 / 1512 * 100vw);
  /* line-height: 120%; */
  color: #FFDA2A;
  margin-top: calc(-3 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .trouble-item_br {
    font-size: calc(26 / 375 * 100vw);
    margin-top: calc(2 / 375 * 100vw);
  }
}

.trouble__title {
  writing-mode: unset;
  text-align: center;
  line-height: 140%;
  padding-top: calc(25 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .trouble__title {
    font-size: calc(18 / 375 * 100vw);
    padding-top: calc(12 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .onsite__wrap {
    padding: 5.4vw 0 7.3vw;
  }
}

@media screen and (max-width: 768px) {
  .onsite__wrap::before {
    top: calc(347 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .inspection__wrap {
    padding: 6.4vw 0 7.333333vw;
  }
}

.trouble__items {
  margin-top: calc(40 / 1512 * 100vw);
}

.trouble__item {
  font-size: calc(16 / 1512 * 100vw);
  line-height: 1.5;
  /* letter-spacing: 0.01em; */
}
@media screen and (max-width: 768px) {
  .trouble__item {
    font-size: calc(16 / 375 * 100vw);
    /* line-height: 140%; */
  }
}

.trouble__item,
.trouble__item:nth-child(2),
.trouble__item:nth-child(3) {
  background-image: url(../../assets/img/en_bg_onside-item.png);
  height: calc(68 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .trouble__item,
  .trouble__item:nth-child(2),
  .trouble__item:nth-child(3),
  .inspection__wrap .trouble__item {
    background-image: url(../../assets/img/en_sp_bg_onside-item.png);
    width: calc(327 / 375 * 100vw);
    height: calc(73 / 375 * 100vw);
  }
}

.inspection__wrap .trouble__item,
.inspection__wrap .trouble__item:nth-child(2),
.inspection__wrap .trouble__item:nth-child(3) {
  background-image: url(../../assets/img/en_bg_inspection-item.png);
  height: calc(68 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .inspection__wrap .trouble__item {
    background-image: url(../../assets/img/en_sp_bg_onside-item.png);
    width: calc(327 / 375 * 100vw);
    height: calc(73 / 375 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .inspection__wrap .trouble__item:nth-child(2),
  .inspection__wrap .trouble__item:nth-child(3) {
    background-image: url(../../assets/img/en_sp_bg_inspection-item.png);
    width: calc(327 / 375 * 100vw);
    height: calc(95 / 375 * 100vw);
  }
}

.resolution-heading__wrap {
  top: calc(130 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .resolution-heading__wrap {
    top: calc(-4 / 375 * 100vw);
  }
}

.resolution-heading {
  padding-bottom: 6px;
  background: linear-gradient(transparent 94%, #FFFFFF 0%);
}
@media screen and (max-width: 768px) {
  .resolution-heading {
    padding-bottom: 4px;
    line-height: 140%;
  }
}

.resolution__text {
  font-size: calc(46 / 1512 * 100vw);
  line-height: 140%;
  letter-spacing: 0.03em;
  margin-top: calc(15 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .resolution__text  {
    font-size: calc(22 / 375 * 100vw);
    margin-top: calc(12 / 375 * 100vw);
  }
}

.device__wrap {
  margin-bottom: calc(110 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .device__wrap  {
    margin-bottom: calc(80 / 375 * 100vw);
  }
}

.device__title {
  letter-spacing: unset;
}
@media screen and (max-width: 768px) {
  .device__title  {
    line-height: 140%;
  }
}

@media screen and (max-width: 768px) {
  .device__title::before  {
    top: calc(103 / 375 * 100vw);
  }
}

.device-text__inner {
  margin-left: calc(35 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .device-text__inner  {
    margin-left: calc(16 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .device__item  {
    line-height: 140%;
  }
}

@media screen and (max-width: 768px) {
  .device__item:first-child  {
    margin-bottom: calc(31 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .device__item:last-child .device__text {
    line-height: calc(24 / 14);
  }
}

@media screen and (max-width: 768px) {
  .device__item+ .device__item  {
    margin-top: calc(14 / 375 * 100vw);
  }
}

.device__text  {
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .device__text  {
    font-size:calc(14 / 375 * 100vw) ;
    line-height: 140%;
    letter-spacing: unset;
  }
}

@media screen and (max-width: 768px) {
  .device__item:last-child .device__text::before  {
    top: 30%;
  }
}

.device__text .annotation {
  color: #000000;
}
@media screen and (max-width: 768px) {
  .device__text .annotation  {
    font-size: calc(14 / 375 * 100vw);
    letter-spacing: 0.05em;
    bottom: calc(-23 / 375 * 100vw);
  }
}

.slides-wrapper {
  margin-top: calc(150 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .slides-wrapper {
    margin-top: calc(110 / 375 * 100vw);
  }
}

.technology-contents__title {
  letter-spacing: unset;
  margin-top: calc(15 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .technology-contents__title  {
    margin-top: calc(15 / 375 * 100vw);
  }
}

.slide03 .technology-contents__title {
  font-size: calc(20 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .slide03 .technology-contents__title  {
    font-size: calc(15 / 375 * 100vw);
  }
}

.technology-contents__text {
  margin-top: calc(20 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .technology-contents__text  {
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
    line-height: 160%;
  }
}

.slide03 .technology-contents__text {
  margin-top: calc(18 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .slide03 .technology-contents__text  {
    margin-top: calc(18 / 375 * 100vw);
  }
}

.wafer__inner {
  padding: 15.4761904762vw 0 calc(210 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .wafer__inner  {
    padding: calc(120 / 375 * 100vw) 0 calc(100 / 375 * 100vw);
  }
}

#wafer .section-title.en {
  font-size: calc(16 / 1512 * 100vw);
  line-height: 130%;
  margin-top: calc(9 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  #wafer .section-title.en  {
    font-size: calc(13 / 375 * 100vw);
    line-height: 140%;
    margin-top: calc(8 / 375 * 100vw);
  }
}

#wafer .description {
  margin-top: calc(24 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  #wafer .description  {
    margin-top: calc(16 / 375 * 100vw);
    line-height: 160%;
  }
}

.wafer__items {
  padding-top: calc(50 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .wafer__items  {
    padding-top: calc(24 / 375 * 100vw);
    row-gap: 3.8vw;
  }
}

@media screen and (max-width: 768px) {
  .wafer-product  {
    top: calc(8 / 375 * 100vw);
  }
}

.wafer-usage {
  margin-top: calc(8 / 1512 * 100vw);
  line-height: 140%;
}

@media screen and (max-width: 768px) {
  .wafer-text__wrap  {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.wafer__text {
  line-height: 140%;
}

@media screen and (max-width: 768px) {
  .wafer-example01__wrap {
    margin-top: calc(61 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .wafer-example02__wrap {
    margin-top: 8.2vw;
  }
}

@media screen and (max-width: 768px) {
  .wafer-example01__wrap img  {
    margin-top: calc(24 / 375 * 100vw);
  }
}

.wafer-example01__wrap .defect__title::before {
  background-image: url(../../assets/img/en_bg_defect-title.png);
  width: calc(428 / 1512 * 100vw);
  height: calc(58 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .wafer-example01__wrap .defect__title::before  {
    background-image: url(../../assets/img/en_sp_bg_defect-title.png);
    width: calc(305.75 / 375 * 100vw);
    height: calc(56 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .defect__inner {
    padding: 25.3333333333vw 5.3333333333vw 48.333333vw;
  }
}

.defect-contents__flex {
  justify-content: unset;
}

.defect__title {
  letter-spacing: unset;
}

@media screen and (max-width: 768px) {
  .defect__title::before {
    width: calc(241 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
    background-size: cover;
  }
}

#defect table {
  font-size: calc(16 / 1512 * 100vw);
  white-space: nowrap;
  letter-spacing: unset;
}
@media screen and (max-width: 768px) {
  #defect table  {
    font-size: calc(14 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  #defect th  {
    line-height: 140%;
    padding: calc(4 / 375 * 100vw) 0;
  }
}

#defect td {
  width: calc(280 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  #defect td  {
    line-height: 140%;
    padding: calc(8 / 375 * 100vw) 0;
    /* width: calc(130 / 375 * 100vw); */
  }
}

.wafer-example01__wrap .defect__title {
  margin-top: calc(-12 / 1512 * 100vw);
  margin-bottom: calc(30 / 1512 * 100vw);
}

.lineup {
  padding: 14.4841269841vw 0 calc(312 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .lineup  {
    padding: calc(95 / 375 * 100vw) 0 calc(389 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  #lineup .section-title.en {
    margin-top: calc(5 / 375 * 100vw);
    letter-spacing: unset;
  }
}

#lineup .description {
  margin-top: calc(15 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  #lineup .description {
    margin-top: calc(12 / 375 * 100vw);
    line-height: 160%;
  }
}

.lineup__item:last-child .lineup-product {
  line-height: calc(25 / 20);
}

.lineup__item:last-child .lineup-product::before {
  width: calc(265.5 / 1512 * 100vw);
  height: calc(57 / 1512 * 100vw);
  background-image: url(../../assets/img/en_bg_lineup-title.png);
}
@media screen and (max-width: 768px) {
  .lineup__item:last-child .lineup-product::before  {
    width: calc(248.54 / 375 * 100vw);
    height: calc(53.36 / 375 * 100vw);
  }
}

.lineup-btn {
  padding-left: calc(48 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .lineup-btn  {
    padding-left: calc(45 / 375 * 100vw);
  }
}

.sample {
  margin-top: calc(-225 / 1512 * 100vw);
  padding: unset;
}
@media screen and (max-width: 768px) {
  .sample {
    margin-top: calc(-329 / 375 * 100vw);
  }
}


.sample__inner {
  margin: unset;
  padding: calc(30 / 1512 * 100vw) calc(25 / 1512 * 100vw) calc(25 / 1512 * 100vw)calc(49 / 1512 * 100vw);
  max-width: unset;
}
@media screen and (max-width: 768px) {
  .sample__inner {
    padding: calc(23.5 / 375 * 100vw) calc(20 / 375 * 100vw) calc(33 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .sample-comment {
    transform: translateX(-50%);
  }
}

.sample-comment__wrap img {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sample-comment__wrap img {
    margin: unset;
    transform: translateX(-50%)
  }
}

@media screen and (max-width: 768px) {
  .sample-title__wrap {
    transform: translateX(-50%);
  }
}

.sample-title {
  font-size: calc(20 / 1512 * 100vw);
  letter-spacing: unset;
}
@media screen and (max-width: 768px) {
  .sample-title {
    font-size: calc(18 / 375 * 100vw);
  }
}

.sample-title__wrap img {
  width: calc(312 / 1512 * 100vw);
  height: calc(56.4 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .sample-title__wrap img {
    width: calc(296 / 375 * 100vw);
    height: calc(56.4 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .sample__text {
    font-size:calc(14 / 375 * 100vw);
    line-height: 160%;
    margin-left: calc(3 / 375 * 100vw) ;
  }
}

@media screen and (max-width: 768px) {
  .sample-img__wrap.md-show {
    margin-top: 2vw;
    margin-left: calc(3 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .sample-btn {
    font-size: calc(20 / 375 * 100vw);
    line-height: 140%;
    padding-left: calc(30 / 375 * 100vw);
    margin-top: 5.6vw;
  }
}

.sample-btn::before {
  background-image: url(../../assets/img/en_bg_sample-btn.png);
  width: calc(390 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .sample-btn::before {
    background-image: url(../../assets/img/en_sp_bg_sample-btn.png);
    width: calc(295.5 / 375 * 100vw);
    height: calc(74 / 375 * 100vw);
    top: calc(-8 / 375 * 100vw);
    left: 1.666667vw;
  }
}

.download-title {
  letter-spacing: unset;
}

.download__items {
  justify-content: space-between;
}

.download__item:first-child .download-contents__wrap {
  margin-top: calc(20 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .download__item:first-child .download-contents__wrap {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.download-contents__wrap {
  margin-top: calc(15 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .download-contents__wrap {
    align-items: flex-start;
    margin-top: calc(27 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .head-number {
    /* background-image: url(../../assets/img/en_sp_bg_download-number.png); */
    width: calc(86 / 375 * 100vw);
    /* height: calc(48.74 / 375 * 100vw); */
  }
}

@media screen and (max-width: 768px) {
  .download__item:nth-child(2) .head-number {
    /* background-image: url(../../assets/img/en_sp_bg_download-number.png); */
    width: calc(80 / 375 * 100vw);
    /* height: calc(48.74 / 375 * 100vw); */
  }
}

.download-head__title {
  font-size: calc(20 / 1512 * 100vw);
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .download-head__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(26 / 20);
  }
}

@media screen and (max-width: 768px) {
  .download-text__wrap {
    margin-left: calc(21 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .download__item:nth-child(2) .download-text__wrap {
    margin-left: calc(14 / 375 * 100vw);
  }
}

.detail__wrap {
  width: calc(264 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .detail__wrap {
    width: unset;
  }
}

@media screen and (max-width: 768px) {
  .detail-title {
    line-height: 140%;
  }
}

.detail__wrap li {
  white-space: wrap;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .detail__wrap li {
    line-height: 140%;
  }
}

.recommended__wrap {
  bottom: unset;
  margin-top: calc(16 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .recommended__wrap {
    margin-top: calc(20 / 375 * 100vw);
  }
}

.recommended-title {
  background-image: url(../../assets/img/en_bg_recommended-title.png);
  width: calc(182 / 1512 * 100vw);
  height: calc(17.43 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .recommended-title {
    width: calc(176.81 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
}

.recommended-text {
  text-align: unset;
  line-height: 140%;
}

.recommended__wrap ul li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .recommended__wrap ul li {
    font-size: calc(14 / 375 * 100vw);
  }
}

.download-btn {
  margin-top: calc(430 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .download-btn {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.contact-comment {
  background-image: url(../../assets/img/en_bg_contact-comment.png);
  width: calc(238 / 1512 * 100vw);
  height: calc(20 / 1512 * 100vw);
  letter-spacing: unset;
}
@media screen and (max-width: 768px) {
  .contact-comment {
    width: calc(202 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .contact-btn {
    line-height: 140%;
    padding-top: calc(18 / 375 * 100vw);
    padding-left: calc(39 / 375 * 100vw);
  }
}

.section-title.ja {
  letter-spacing: unset;
  line-height: 140%;
  font-size: calc(30 / 1512 * 100vw);
}
@media screen and (max-width: 768px) {
  .section-title.ja  {
    font-size: calc(30 / 375 * 100vw);
  }
}

#wafer .section-title.ja {
  font-size: calc(30 / 1512 * 100vw);
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  #wafer .section-title.ja  {
    font-size: calc(24 / 375 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  #technology .section-title.ja  {
    font-size: calc(24 / 375 * 100vw);
  }
}