@charset "UTF-8";
.fv {
  background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-01hero-pc.png);
  background-repeat: no-repeat;
  background-position: 50% 67%;
  background-size: cover;
}
@media (max-width: 640px) {
  .fv {
    background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-01hero-sp.png);
    background-position: center;
  }
}
@media (max-width: 640px) {
  .fv--inner {
    height: min(153.488vw, 660px);
  }
}
.fv--content {
  height: 100%;
}
@media (max-width: 1000px) {
  .fv--content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (max-width: 640px) {
  .fv--content {
    padding: 0;
  }
}
.fv--lead-wrapper {
  margin: min(9.224vw, 126px) 0 min(4.1vw, 56px);
}
@media (max-width: 640px) {
  .fv--lead-wrapper {
    margin: min(30.233vw, 130px) 0 auto;
  }
}
.fv--lead {
  color: #fff;
  font-size: min(4.392vw, 60px);
  line-height: 1.133;
}
@media (max-width: 640px) {
  .fv--lead {
    font-size: min(8.837vw, 38px);
  }
}
.fv--sub-lead {
  color: #fff;
  font-weight: bold;
}
.fv--icon-wrapper {
  margin: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: start;
}
@media screen and (max-width: 1200px) {
  .fv--icon-wrapper {
    margin-left: 32px;
  }
}
@media (max-width: 1000px) {
  .fv--icon-wrapper {
    margin: 0 0 32px 19px;
  }
}
@media (max-width: 640px) {
  .fv--icon-wrapper {
    flex-direction: column;
    align-items: start;
  }
}
.fv--icon-caption {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.025vw, 14px);
  font-weight: 400;
  letter-spacing: -0.028em;
  line-height: 1.7;
  line-height: 1.4;
  color: #fff;
  margin-top: 3px;
}
@media screen and (max-width: 1000px) {
  .fv--icon-caption {
    font-size: min(3.256vw, 14px);
  }
}
.fv--icon-1 {
  height: 79px;
  width: 150px;
  margin: 0 min(3.66vw, 50px) 0 0;
}
.fv--icon-2 {
  height: 48px;
  width: 266px;
}
@media (max-width: 640px) {
  .fv--icon-2 {
    margin: 33px 0 min(1.163vw, 5px);
  }
}
.add-lead {
  color: #fff !important;
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.903vw, 26px);
  font-weight: bold;
  letter-spacing: -0.028em;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .add-lead {
    font-size: min(5.116vw, 22px);
    line-height: 1.43;
  }
}

.hn--mini-lead {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.903vw, 26px);
  font-weight: bold;
  letter-spacing: -0.028em;
  line-height: 1.25;
  margin-bottom: 7px;
}
@media screen and (max-width: 1000px) {
  .hn--mini-lead {
    font-size: min(5.116vw, 22px);
    line-height: 1.43;
  }
}

.mini-table:not(:last-child) {
  margin-bottom: min(3.075vw, 42px);
}
@media (max-width: 1000px) {
  .mini-table:not(:last-child) {
    margin-bottom: min(9.302vw, 40px);
  }
}
@media (max-width: 1000px) {
  .mini-table {
    padding-top: min(4.651vw, 20px);
    margin: 0 auto;
  }
}
@media (max-width: 1000px) {
  .mini-table--wrapper {
    margin: 0 auto;
  }
}
.mini-table table {
  border-top: 2px solid #7A126B;
  border-bottom: 2px solid #7A126B;
  width: 100%;
}
.mini-table table tr {
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.318vw, 18px);
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: -0.028em;
  min-height: min(4.905vw, 67px);
}
@media screen and (max-width: 1000px) {
  .mini-table table tr {
    font-size: min(4.186vw, 18px);
  }
}
.mini-table table tr:not(:last-of-type) {
  border-bottom: 1px dashed #383838;
}
.mini-table table th {
  color: #1E0013;
  width: min(16.837vw, 230px);
  border-right: 1px solid #7A126B;
  font-weight: bold;
  padding: min(0.586vw, 8px) 0;
  vertical-align: middle;
}
@media (max-width: 1000px) {
  .mini-table table th {
    vertical-align: middle;
    width: min(36.279vw, 156px);
  }
}
.mini-table table td {
  vertical-align: middle;
  padding: min(0.586vw, 8px);
  font-family: "Noto Sans JP", "Montserrat", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  color: #1E0013;
  font-size: min(1.171vw, 16px);
  font-weight: 400;
  letter-spacing: -0.028em;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .mini-table table td {
    font-size: min(3.721vw, 16px);
  }
}
@media (max-width: 1000px) {
  .mini-table table td {
    padding: min(3.488vw, 15px);
    padding: min(2.326vw, 10px) min(2.326vw, 10px) min(3.488vw, 15px) min(3.488vw, 15px);
  }
}

@media (max-width: 1000px) {
  #spec .hn--content {
    flex-direction: column-reverse;
  }
}
#spec .hn--content-img {
  height: min(97.674vw, 420px);
}
@media (max-width: 1000px) {
  #spec .hn--content-img {
    width: min(93.023vw, 400px);
    height: auto;
  }
}

#spec, #shop {
  background-color: #E6E2E4;
}

#point-wrapper {
  background-color: #1E0013;
}
#point-wrapper h2, #point-wrapper h3, #point-wrapper p, #point-wrapper ul > li {
  color: #fff;
}
#point-wrapper h3 {
  letter-spacing: -0.05em;
}
#point-wrapper .point-part {
  height: min(40.264vw, 550px);
}
@media (max-width: 1000px) {
  #point-wrapper .point-part {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  #point-wrapper .point-part .hero-text-link--text-wrapper {
    width: 100%;
    padding-top: min(6.977vw, 30px);
  }
}

#dynamic {
  height: min(47.584vw, 650px);
  background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-01-pc.png);
  background-position: center;
  background-size: contain;
}
@media (max-width: 640px) {
  #dynamic {
    background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-01-sp.png);
    height: min(197.674vw, 850px);
    padding-top: min(6.977vw, 30px);
    background-position: 11% 100%;
  }
}
@media (max-width: 640px) {
  #dynamic {
    display: block;
  }
}
#dynamic .hero-text-link--text-wrapper {
  width: min(54.905vw, 750px);
  width: auto;
}
@media (max-width: 1000px) {
  #dynamic .hero-text-link--text-wrapper {
    width: auto;
  }
}
@media (max-width: 640px) {
  #dynamic.hero-text-link--text-wrapper {
    flex-direction: column;
    padding: min(9.302vw, 40px) 0 min(5.814vw, 25px);
    width: calc(100% - 30px);
  }
}
@media (max-width: 1000px) {
  #dynamic.hero-text-link--text-wrapper .cta-btn-m {
    margin: min(2.489vw, 34px) 0 0;
  }
}
@media (max-width: 640px) {
  #dynamic.hero-text-link--text-wrapper .cta-btn-m {
    margin: min(10vw, 43px) auto 0;
  }
}
#dynamic.hero-text-link--lead-wrapper.rvs {
  flex-direction: column;
}
#dynamic.hero-text-link--caption {
  margin-top: min(1.684vw, 23px);
}
@media (max-width: 1000px) {
  #dynamic.hero-text-link--caption {
    margin-top: min(1.684vw, 23px);
  }
}
@media (max-width: 1000px) {
  #dynamic.hero-text-link--sub-caption {
    margin-top: min(1.757vw, 24px);
  }
}
#dynamic .hero-text-link-row--inner {
  justify-content: end;
  align-items: center;
  height: 100%;
}
@media (max-width: 640px) {
  #dynamic .hero-text-link-row--inner {
    justify-content: start;
    align-items: start;
  }
}
@media (max-width: 1000px) {
  #dynamic .hero-text-link--text-wrapper {
    padding: 0;
  }
}
@media (max-width: 1000px) {
  #dynamic .hero-text-link-row {
    height: min(37.335vw, 510px);
    justify-content: space-between;
  }
}
@media (max-width: 1000px) {
  #dynamic .hero-text-link-row .hero-text-link--text-wrapper:nth-of-type(2) {
    display: none;
  }
}

#dynamic-2 {
  background-image: none;
}
@media (max-width: 1000px) {
  #dynamic-2 {
    background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-02-sp.png);
    background-size: cover;
    background-position: center;
    height: min(220.93vw, 950px) !important;
  }
}
#dynamic-2 .hero-text-link--text-wrapper {
  position: relative;
  width: min(46.413vw, 634px);
}
@media (max-width: 1000px) {
  #dynamic-2 .hero-text-link--text-wrapper {
    width: 100%;
  }
}
#dynamic-2 .hero-text-link--abs-img {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%);
  height: min(40.264vw, 550px);
  width: min(60.029vw, 820px);
}

#dynamic-3 {
  background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-03-pc.png);
  background-size: contain;
}
@media (max-width: 1000px) {
  #dynamic-3 {
    background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-03-sp.png);
    background-position: center;
    background-size: cover;
    height: min(186.047vw, 800px) !important;
  }
}
#dynamic-3 .hero-text-link--text-wrapper {
  width: min(40.264vw, 550px);
}
@media (max-width: 1000px) {
  #dynamic-3 .hero-text-link--text-wrapper {
    width: 100%;
  }
}
#dynamic-4 {
  background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-04-pc.png);
  background-size: contain;
}
@media (max-width: 1000px) {
  #dynamic-4 {
    background-image: url(/business/aipc-thinkpad-x13-gen6-amd/img/x13gen6-04-sp.png);
    background-position: center;
    background-size: cover;
    height: min(136.279vw, 586px) !important;
  }
}
#dynamic-4 .hero-text-link--text-wrapper {
  width: min(40.264vw, 550px);
}
@media (max-width: 1000px) {
  #dynamic-4 .hero-text-link--text-wrapper {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  #dynamic-2, #dynamic-3, #dynamic-4 {
    align-items: start;
  }
}/*# sourceMappingURL=style.css.map */