/*-------------------------------------------------------------------*/
/* wrapper */
/*-------------------------------------------------------------------*/
#contents .asWrap {
  padding: 0 0 100px;
}
#contents .asWrap img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}

/*-------------------------------------------------------------------*/
/* overwrite */
/*-------------------------------------------------------------------*/
#contents .asWrap .headingH3_line {
  margin: 0 0 50px;
}
@media screen and (max-width: 767px) {
  #contents .asWrap .headingH3_line span {
    display: inline-block;
  }
}

/*-------------------------------------------------------------------*/
/* component - autochock button */
/*-------------------------------------------------------------------*/
#contents .c-asbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  height: 45px;
  padding: 0 15px;
  border: 1px solid #004697;
  border-radius: 5px;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #contents .c-asbtn {
    height: auto;
    min-height: 40px;
  }
}
#contents .c-asbtn::after {
  content: '\f002';
  flex: 0 0 auto;
  display: block;
  color: #004697;
  font-size: 15px;
  font-family: 'icon';
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#contents .c-asbtn > span {
  flex: 1 1 auto;
  display: block;
  color: #004697;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contents .c-asbtn > span {
    padding: clamp(7.5px / 375 * 320, 7.5 / 375 * 100vw, 7.5px) 0;
    font-size: clamp(13px / 375 * 320, 13 / 375 * 100vw, 13px);
    font-weight: 700;
    line-height: 1.4;
  }
  #contents .c-asbtn > span span {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  #contents .c-asbtn {
    transition: background-color 250ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  #contents .c-asbtn::after,
  #contents .c-asbtn > span {
    transition: color 250ms cubic-bezier(.215, .61, .355, 1) 0ms;
  }
  #contents .c-asbtn:hover {
    background-color: #004697;
  }
  #contents .c-asbtn:hover::after,
  #contents .c-asbtn:hover > span {
    color: #fff;
  }
}

/*-------------------------------------------------------------------*/
/* section - autochock key visual */
/*-------------------------------------------------------------------*/
#contents .asKv {
  position: relative;
  background: #cbeaeb;
}
@media screen and (min-width: 768px) {
  #contents .asKv__p {
    width: calc(557 / 1440 * 100%);
    min-height: 240px;
    aspect-ratio: 557/240;
  }
}
@media screen and (max-width: 767px) {
  #contents .asKv__p {
    max-height: calc(308px / 375 * 500);
    aspect-ratio: 375/308;
  }
}
#contents .asKv__p img,
#contents .asKv__p picture {
  height: 100%;
  object-position: 100% 50%;
}
#contents .asKv__i {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #contents .asKv__i {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    right: 50%;
    bottom: 50%;
    width: 100%;
    max-width: 1600px;
    min-width: 1280px;
    padding: 0 90px;
    transform: translate(50%, 50%);
  }
}
@media screen and (max-width: 767px) {
  #contents .asKv__i {
    bottom: 0;
    right: 0;
    width: clamp(250px, 250 / 375 * 100%, 768px);
    padding: clamp(15px / 375 * 320, 15 / 375 * 100vw, 30px) clamp(20px / 375 * 320, 20 / 375 * 100vw, 40px);
    background: rgba(203, 234, 235, .95);
  }
}
@media screen and (min-width: 768px) {
  #contents .asKv__i__in {
    width: calc(50% + 143px);
    padding: 0 40px;
  }
}
#contents .asKv__i__tt {
  margin: 0 0 clamp(20px / 1440 * 1280, 20 / 1440 * 100vw, 40px);
  font-size: 40px;
  font-weight: 900;
  line-height: calc(56 / 40);
}
@media screen and (max-width: 767px) {
  #contents .asKv__i__tt {
    margin: 0 0 clamp(10px / 375 * 320, 10 / 375 * 100vw, 20px);
    font-size: clamp(26px / 375 * 320, 26 / 375 * 100vw, 26px);
    line-height: calc(33.6 / 26);
  }
  #contents .asKv__i__tt span {
    display: inline-block;
  }
}
#contents .asKv__i__t {
  font-size: 20px;
  line-height: calc(28 / 20);
}
@media screen and (max-width: 767px) {
  #contents .asKv__i__t {
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: 1.4;
  }
}

/*-------------------------------------------------------------------*/
/* section - autochock lead */
/*-------------------------------------------------------------------*/
#contents .asLd {
  position: relative;
  margin: 140px 0 0;
}
@media screen and (max-width: 767px) {
  #contents .asLd {
    margin: 100px 0 0;
  }
}
#contents .asLd__t {
  font-size: 20px;
  line-height: calc(28 / 20);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contents .asLd__t {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: 1.4;
  }
  #contents .asLd__t span {
    display: inline-block;
  }
}
#contents .asLd__t + .asLd__t {
  margin: 20px 0 0;
}
#contents .asLd__t b {
  font-weight: 700;
}

/*-------------------------------------------------------------------*/
/* section - autochock feature */
/*-------------------------------------------------------------------*/
#contents .asFt {
  position: relative;
  margin: 140px 0 0;
}
@media screen and (max-width: 767px) {
  #contents .asFt {
    margin: 100px 0 0;
  }
}
#contents .asFt__ls {
  display: flex;
  flex-direction: column;
  gap: 50px 0;
}
@media screen and (min-width: 768px) {
  #contents .asFt__ls > li {
    display: flex;
    align-items: center;
    gap: 0 60px;
  }
}
@media screen and (max-width: 767px) {
  #contents .asFt__ls > li {
    max-width: 500px;
    margin: 0 auto;
  }
}
#contents .asFt__ls__p {
  width: clamp(501px / 1440 * 1280, 501 / 1440 * 100vw, 501px);
}
@media screen and (min-width: 768px) {
  #contents .asFt__ls__p {
    flex: 0 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #contents .asFt__ls__p {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
}
#contents .asFt__ls__p.is-01 img {
  aspect-ratio: 1002/698;
}
#contents .asFt__ls__p.is-02 img {
  aspect-ratio: 1002/572;
}
#contents .asFt__ls__p.is-03 img {
  aspect-ratio: 1002/698;
}
@media screen and (min-width: 768px) {
  #contents .asFt__ls__i {
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 767px) {
  #contents .asFt__ls__i {
    margin: 10px 0 0;
  }
}
#contents .asFt__ls__i__tt {
  display: flex;
  gap: 0 12px;
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  #contents .asFt__ls__i__tt {
    flex-direction: column;
    gap: 0 0;
    margin: 0 0 10px;
  }
}
#contents .asFt__ls__i__tt > span {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: calc(33.6 / 24);
  color: #009fa7;
}
@media screen and (max-width: 767px) {
  #contents .asFt__ls__i__tt > span {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: 1.4;
  }
}
#contents .asFt__ls__i__t {
  font-size: 20px;
  line-height: calc(28 / 20);
}
@media screen and (max-width: 767px) {
  #contents .asFt__ls__i__t {
    font-size: clamp(16px / 375 * 320, 16 / 375 * 100vw, 16px);
    line-height: 1.4;
  }
}
#contents .asFt__ls__i__pt {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin: 30px 0 0;
  padding: 20px;
  background: #cbeaeb;
}
@media screen and (max-width: 767px) {
  #contents .asFt__ls__i__pt {
    align-items: flex-start;
    margin: 20px 0 0;
    padding: 10px;
  }
}
#contents .asFt__ls__i__pt::before {
  content: '';
  flex: 0 0 auto;
  display: block;
  width: 46px;
  aspect-ratio: 46/57;
  background: url(/business/medical/aed/autoshock/img_v5/icon_point_01.svg) 50% 50%/contain no-repeat;
}
#contents .asFt__ls__i__pt__t {
  flex: 1 1 auto;
  font-size: 20px;
  line-height: calc(28 / 20);
}
@media screen and (max-width: 767px) {
  #contents .asFt__ls__i__pt__t {
    align-self: center;
    font-size: clamp(13px / 375 * 320, 13 / 375 * 100vw, 13px);
    line-height: 1.4;
  }
}

/*-------------------------------------------------------------------*/
/* section - autochock defference */
/*-------------------------------------------------------------------*/
#contents .asDf {
  position: relative;
  margin: 140px 0 0;
}
@media screen and (max-width: 767px) {
  #contents .asDf {
    margin: 100px 0 0;
  }
}
#contents .asDf__t {
  margin: 0 0 50px;
  font-size: 20px;
  line-height: calc(28 / 20);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contents .asDf__t {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: 1.4;
    text-align: left;
  }
}
#contents .asDf__tbl {
  display: flex;
  position: relative;
}
#contents .asDf__tbl::before,
#contents .asDf__tbl::after {
  content: '';
  display: block;
  position: absolute;
}
#contents .asDf__tbl::before {
  bottom: 0;
  right: 50%;
  width: 4px;
  height: calc(100% - 2px);
  background: #ddd;
  transform: translateX(50%);
  z-index: 2;
}
#contents .asDf__tbl::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 2px);
  border: 2px solid #ddd;
  border-radius: 20px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #contents .asDf__tbl::after {
    border-radius: 10px;
  }
}
#contents .asDf__tbl__in {
  flex: 1 1 auto;
  position: relative;
  width: 50%;
  padding: 0 0 3px;
}
#contents .asDf__tbl__in.is-01 {
  z-index: 4;
}
#contents .asDf__tbl__in.is-02 {
  z-index: 3;
}
#contents .asDf__tbl__h {
  background: #fff;
}
#contents .asDf__tbl__h__tt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contents .asDf__tbl__h__tt {
    height: 70px;
  }
}
#contents .asDf__tbl__h__tt.is-01 {
  margin: 0 2px 0 0;
  border-radius: 10px 0 0 0;
  background: #009fa7;
}
#contents .asDf__tbl__h__tt.is-02 {
  margin: 0 0 0 2px;
  border-radius: 0 10px 0 0;
  background: #7a7a7a;
}
#contents .asDf__tbl__h__tt > span {
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #contents .asDf__tbl__h__tt > span {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
  }
}
#contents .asDf__tbl__b {
  display: flex;
  flex-direction: column;
  position: relative;
}
#contents .asDf__tbl__b.is-01 {
  align-items: flex-start;
}
#contents .asDf__tbl__b.is-02 {
  align-items: flex-end;
}
#contents .asDf__tbl__b > li {
  width: 100%;
  padding: 0 3px;
}
@media screen and (max-width: 767px) {
  #contents .asDf__tbl__b > li {
    padding: 0 10px;
  }
}
#contents .asDf__tbl__b > li.is-full {
  width: 200%;
}
#contents .asDf__tbl__b > li.is-hidden {
  float: right;
  width: 200%;
  visibility: hidden;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
#contents .asDf__tbl__b__p {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  box-sizing: content-box;
  background: #fff;
}
#contents .asDf__tbl__b__p.is-02,
#contents .asDf__tbl__b__p.is-03,
#contents .asDf__tbl__b__p.is-04,
#contents .asDf__tbl__b__p.is-05 {
  padding: 0 0 20px;
}
#contents .asDf__tbl__b__p.is-01 {
  padding: 20px 0 40px;
}
#contents .asDf__tbl__b__p.is-08 {
  padding: 40px 0 20px;
}
@media screen and (min-width: 768px) {
  #contents .asDf__tbl__b__p.is-01 {
    height: clamp(96px / 1440 * 1280, 96 / 1440 * 100vw, 96px);
  }
  #contents .asDf__tbl__b__p.is-02,
  #contents .asDf__tbl__b__p.is-03 {
    height: clamp(323px / 1440 * 1280, 323 / 1440 * 100vw, 323px);
  }
  #contents .asDf__tbl__b__p.is-04,
  #contents .asDf__tbl__b__p.is-05 {
    height: clamp(352px / 1440 * 1280, 352 / 1440 * 100vw, 352px);
  }
  #contents .asDf__tbl__b__p.is-06,
  #contents .asDf__tbl__b__p.is-07 {
    height: clamp(266px / 1440 * 1280, 266 / 1440 * 100vw, 266px);
  }
  #contents .asDf__tbl__b__p.is-08 {
    height: clamp(124px / 1440 * 1280, 124 / 1440 * 100vw, 124px);
  }
  #contents .asDf__tbl__b__p picture,
  #contents .asDf__tbl__b__p img {
    width: auto;
    height: 100%;
    object-fit: contain;
  }
}
@media screen and (max-width: 767px) {
  #contents .asDf__tbl__b__p.is-02,
  #contents .asDf__tbl__b__p.is-03,
  #contents .asDf__tbl__b__p.is-04,
  #contents .asDf__tbl__b__p.is-05,
  #contents .asDf__tbl__b__p.is-06,
  #contents .asDf__tbl__b__p.is-07 {
    max-width: 208px;
  }
  #contents .asDf__tbl__b__p.is-01,
  #contents .asDf__tbl__b__p.is-08 {
    max-width: 375px;
  }
}

/*-------------------------------------------------------------------*/
/* section - autochock Q and A */
/*-------------------------------------------------------------------*/
#contents .asQa {
  position: relative;
  margin: 140px 0 0;
}
@media screen and (max-width: 767px) {
  #contents .asQa {
    margin: 100px 0 0;
    padding: 40px 0;
    background: #f0f0f0;
  }
}
#contents .asQa__btn {
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  #contents .asQa__btn {
    margin: 15px 0 0;
  }
}

/*-------------------------------------------------------------------*/
/* section - autochock worry */
/*-------------------------------------------------------------------*/
#contents .asWr {
  position: relative;
  margin: 100px 0 0;
}
#contents .asWr__bd {
  background: #edf2fa;
}
@media screen and (min-width: 768px) {
  #contents .asWr__bd {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #contents .asWr__bd {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  #contents .asWr__bd__p {
    flex: 0 0 auto;
    width: 410px;
  }
}
@media screen and (max-width: 767px) {
  #contents .asWr__bd__p {
    width: 100%;
  }
}
#contents .asWr__bd__p img {
  aspect-ratio: 410/293;
}
#contents .asWr__bd__i {
  padding: 0 60px;
}
@media screen and (min-width: 768px) {
  #contents .asWr__bd__i {
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 767px) {
  #contents .asWr__bd__i {
    padding: 40px 20px;
  }
}
#contents .asWr__bd__i__tt {
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 12px;
  font-size: 30px;
  font-weight: 900;
  line-height: calc(42 / 30);
}
@media screen and (max-width: 767px) {
  #contents .asWr__bd__i__tt {
    padding: 0 0 14px;
    font-size: clamp(26px / 375 * 320, 26 / 375 * 100vw, 26px);
    line-height: calc(33.6 / 26);
    text-align: center;
  }
}
#contents .asWr__bd__i__tt::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 78px;
  height: 4px;
  background: #00408f;
}
@media screen and (max-width: 767px) {
  #contents .asWr__bd__i__tt::after {
    left: 50%;
    transform: translateX(-50%);
  }
}
#contents .asWr__bd__i__t {
  font-size: 20px;
  line-height: calc(28 / 20);
}
@media screen and (max-width: 767px) {
  #contents .asWr__bd__i__t {
    font-size: clamp(18px / 375 * 320, 18 / 375 * 100vw, 18px);
    line-height: 1.4;
  }
}
#contents .asWr__bd__i__btn {
  margin: 30px 0 0;
}
@media screen and (min-width: 768px) {
  #contents .asWr__bd__i__btn {
    max-width: 400px;
  }
}
@media screen and (max-width: 767px) {
  #contents .asWr__bd__i__btn {
    width: 100%;
  }
}
