@media print {
    body {
      -webkit-print-color-adjust: exact;
    }
  
    html,
    body {
      margin: 0;
    }
  
    @page {
      margin: 0;
      size: 17in 22in;
    }
  
    @page :left {
      margin: 0;
    }
  
    @page :right {
      margin: 0;
    }
  
    @page :first {
      margin-top: 0;
    }
  }
  
  body {
    padding-top: 0 !important;
  }
  
  @media print {
    .title-common-gradient .title-wrapper {
      -webkit-text-fill-color: unset;
      background: none;
    }
  }
  
  .section-more-information.is-modify-top .button-orange.is-focus {
    display: block;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
    background-color: #2494B5;
  }
  
  .section-more-information.is-modify-top .button-orange:hover {
    color: #2494b5;
  }
  
  .section-more-information.is-modify-top .button-orange.is-focus::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E9F5F8;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
  }
  
  .section-more-information.is-modify-top .button-orange.is-focus:hover:before {
    transform: scaleX(1);
  }
  
  .section-more-information.is-modify-top .button-download {
    color: #fff;
    background: #469aed;
    font-weight: 600;
    border: 3px solid #fff;
	position: relative;
  }
  
  .section-more-information.is-modify-top .button-download span {
    position: relative;
    z-index: 1;
  }
  
  .section-more-information.is-modify-top .button-download:hover {
    border-color: #479eed;
    color: #469aed;
    background: #fff;
  }
  
  .section-more-information.is-modify-top .button-orange {
    background: #2494b5;
    border-color: #2494b5;
    font-weight: 600;
  }
  
  .section-more-information.is-modify-top .button-download:before {
    background: url(../img/aws-mp2/information_icn_01.svg) center;
	background-size: cover;
	background-repeat: no-repeat;
    z-index: 3;
  }
  
  .section-more-information.is-modify-top .button-download::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #469aed 0%, #47b9ec 100%);
    transition: opacity 0.3s ease;
    z-index: 0;
  }
  
  .section-more-information.is-modify-top .button-download:hover:after {
    opacity: 0;
  }
  
  .section-more-information.is-modify-top .more-title {
    color: #0a395c;
  }
  
  @media print,
  (min-width: 768px) {
  
    .section-more-information.is-modify-top {
      margin-bottom: 171px;
      padding: 62px 0 43px;
      background: url(../img/aws-mp2/information_bg_01.jpg) center / cover no-repeat;
    }
  
    .section-more-information.is-modify-top .more-title {
      margin-bottom: 25px;
    }
  
    .section-more-information.is-modify-top .button-group li {
      margin: 0;
    }
  
    .section-more-information.is-modify-top .button-group li:not(:last-child) {
      margin: 0 0 31px 0;
    }
  
    .section-more-information.is-modify-top .button-wrap {
      display: flex;
      justify-content: center;
      padding-top: 0;
      overflow: unset;
    }
  
    .section-more-information.is-modify-top .button-group {
      flex-direction: column;
    }
  
    .section-more-information.is-modify-top .button-download {
      border-radius: 48px;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      width: 740px;
      min-height: 88px;
      height: auto;
      /*padding: 2px 213px 2px 154px;*/
      padding: 2px 154px 2px 154px;
    }
  
    .section-more-information.is-modify-top .button-download:before {
      right: 65px;
      left: inherit;
      bottom: 0;
      width: 162px;
      height: 97px;
    }
  
    .section-more-information.is-modify-top .button-download:hover:before {
      bottom: 5px;
    }
  
    .section-more-information.is-modify-top .button-orange {
      border-radius: 30px;
      width: 360px;
      min-height: 53px;
      height: auto;
      font-size: 18px;
      padding-top: 12px;
    }
  
    .is-mac .section-more-information.is-modify-top .button-orange {
      min-height: 54px;
      padding: 12px 10px;
    }
  
    .section-more-information.is-modify-top .button-download::after {
      border-radius: 48px;
    }
  }
  

  @media (min-width: 768px) and (max-width: 950px) {
    .section-more-information.is-modify-top .button-download {
      width: 600px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-more-information.is-modify-top {
      margin-bottom: calc(100vw / 3.9 * 0.62);
      padding: calc(100vw / 3.9 * 0.41) 0 calc(100vw / 3.9 * 0.45);
      background: url(../img/aws-mp2/sp/information_bg_01.jpg) center / cover no-repeat;
    }
  
    .section-more-information.is-modify-top .more-title {
      margin-bottom: calc(100vw / 3.9 * 0.25);
      font-size: calc(100vw / 3.9 * 0.22);
    }
  
    .section-more-information.is-modify-top .button-group li {
      margin: 0;
    }
  
    .section-more-information.is-modify-top .button-group li:not(:last-child) {
      margin: 0 0 calc(100vw / 3.9 * 0.09) 0;
    }
  
    .section-more-information.is-modify-top .button-wrap {
      display: flex;
      justify-content: center;
      padding-top: 0;
      overflow: unset;
    }
  
    .section-more-information.is-modify-top .button-group {
      flex-direction: column;
    }
  
    .section-more-information.is-modify-top .button-download {
      text-align: left;
      border-radius: calc(100vw / 3.9 * 0.54);
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      width: calc(100vw / 3.9 * 3.50);
      /*min-height: calc(100vw / 3.9 * 1.00);*/
      min-height: calc(100vw / 4.5 * 1.00);
      height: auto;
      /*padding: calc(100vw / 3.9 * 0.10) calc(100vw / 3.9 * 1.23) calc(100vw / 3.9 * 0.13) calc(100vw / 3.9 * 0.27);*/
		padding:  10px 15px;
		text-align: center;
      font-size: calc(100vw / 3.9 * 0.17);
    }
  
    .section-more-information.is-modify-top .button-download:before {
      right: calc(100vw / 3.9 * 0.24);
      left: unset;
      bottom: calc(100vw / 3.9 * 0.16);
      width: calc(100vw / 3.9 * 1.16);
      height: calc(100vw / 3.9 * 0.70);
    }
  
    .section-more-information.is-modify-top .button-download:hover:before {
      bottom: calc(100vw / 3.9 * 0.22);
    }
  
    .section-more-information.is-modify-top .button-orange {
      border-radius: calc(100vw / 3.9 * 0.29);
      width: calc(100vw / 3.9 * 3.45);
      min-height: calc(100vw / 3.9 * 0.53);
      height: auto;
      font-size: calc(100vw / 3.9 * 0.16);
      padding: calc(100vw / 3.9 * 0.15) calc(100vw / 3.9 * 0.20) calc(100vw / 3.9 * 0.10);
    }
  
    .section-more-information.is-modify-top .button-download::after {
      border-radius: calc(100vw / 3.9 * 0.54);
    }
  }
  
  .section-common-keyvisual.is-style-aws .title-common-gradient {
    display: block;
    color: #2494b5;
  }
  
  .section-common-keyvisual.is-style-aws .title-common-gradient .title-highlight {
    color: #f98f33;
    font-weight: 800;
  }
  
  .section-common-keyvisual.is-style-aws .section-logo {
    margin: 0;
    padding: 0;
    display: block;
  }
  
  .section-common-keyvisual.is-style-aws .section-logo img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .section-common-keyvisual.is-style-aws .section-partner ul {
    display: flex;
    flex-wrap: wrap;
  }
  
  .section-common-keyvisual.is-style-aws .section-partner img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid {
    position: relative;
    overflow: hidden;
    border-width: 3px;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-transparent {
    background-color: #fff;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-solidified {
    background: linear-gradient(45deg, #469AED 0%, #4BCFED 100%);
    border-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid .button-wrapper {
    position: relative;
    z-index: 1;
    font-weight: 700;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    inset: 0;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-solidified::after {
    background: #fff;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-transparent::after {
    background: #2494b5;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-transparent::before {
    border: 3px solid #2494b5;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-solidified::before {
    border: 3px solid #fff;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-solidified:hover {
    border-color: #479eed;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-solidified:hover {
    color: #479eed;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-transparent:hover {
    color: #fff;
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid:hover::after {
    transform: scaleX(1);
  }
  
  .section-common-keyvisual.is-style-aws .button-common-solid.is-transparent .button-wrapper {
    pointer-events: none;
  }
  
  @media print,
  (min-width: 768px) {
    .section-common-keyvisual.is-style-aws {
      position: relative;
      align-items: flex-start;
      min-height: 709px;
      padding: 216px 0 107px;
      background: url(../img/aws-mp2/background_keyvisual_01.jpg) center / cover no-repeat;
      aspect-ratio: unset;
    }
  
    .section-common-keyvisual.is-style-aws::before {
      position: absolute;
      content: "";
      top: 116px;
      right: calc(50% - 796px);
      background: url("../img/aws-mp2/background_keyvisual_02.png") center/contain no-repeat;
      width: 726px;
      height: 534px;
      z-index: 0;
    }
  
    .section-common-keyvisual.is-style-aws .wrapper {
      position: relative;
      max-width: 1260px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
  
    .section-common-keyvisual.is-style-aws .section-logo {
      width: 400px;
      order: 2;
    }
  
    .section-common-keyvisual.is-style-aws .title-common-gradient {
      width: 100%;
      margin-bottom: 16px;
      font-size: 40px;
      line-height: 1.5;
      order: 1;
    }
  
    .section-common-keyvisual.is-style-aws .section-partner {
      margin-top: 36px;
      margin-left: 35px;
      order: 3;
    }
  
    .section-common-keyvisual.is-style-aws .section-partner ul {
      margin: 0;
    }
  
    .section-common-keyvisual.is-style-aws .section-partner li {
      width: 101px;
      margin-right: 24px;
    }
  
    .section-common-keyvisual.is-style-aws .section-controller {
      width: 100%;
      margin-top: 43px;
      order: 4;
      flex-direction: row-reverse;
      justify-content: flex-end;
    }
  
    .section-common-keyvisual.is-style-aws .button-common-solid {
      padding: 17px 8px;
      min-height: 64px;
      font-size: 18px;
      line-height: calc(32 / 24);
      letter-spacing: 0;
    }
  
    .section-common-keyvisual.is-style-aws .button-common-solid.is-transparent {
      width: 265px;
      margin-right: 20px;
    }
  
    .section-common-keyvisual.is-style-aws .button-common-solid.is-solidified {
      width: 376px;
      margin-right: 20px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1852px) {
    .section-common-keyvisual.is-style-aws {
      padding: 143px 0 107px;
      min-height: 600px;
    }
  
    .section-common-keyvisual.is-style-aws::before {
      top: 42px;
      right: -20px;
      width: calc(100vw / 15.52 * 7);
      height: calc(100vw / 15.52 * 5.08);
    }
  }
  
  @media (min-width: 768px) and (max-width: 1320px) {
    .section-common-keyvisual.is-style-aws .wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: left;
      width: fit-content;
      margin: 0 0 0 41px;
    }
  
    .section-common-keyvisual.is-style-aws .title-common-gradient {
      max-width: 436px;
    }
  
    .section-common-keyvisual.is-style-aws::before {
      top: 4vh;
      width: 60vw;
      height: 60vw;
    }
  }
  
  @media (min-width: 768px) and (max-width: 999px) {
    .section-common-keyvisual.is-style-aws::before {
      top: 166px;
      width: 600px;
      height: 400px;
    }
  }
  
  @media print {
    .section-common-keyvisual.is-style-aws {
      background: url(../img/aws-mp2/background_keyvisual_01.jpg) no-repeat center / cover;
    }
  
    .section-common-keyvisual.is-style-aws .button-common-solid {
      border-radius: 30px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-common-keyvisual.is-style-aws {
      min-height: calc(100vw / 3.9 * 7.3);
      padding: calc(100vw / 3.9 * 3.2) 0 calc(100vw / 3.9 * 0.26);
      background-image: url(../img/aws-mp2/sp/background_keyvisual_01.jpg);
    }
  
    .section-common-keyvisual.is-style-aws .wrapper {
      display: flex;
      flex-direction: column;
    }
  
    .section-common-keyvisual.is-style-aws .section-controller>a:not(:last-child) {
      margin-bottom: calc(100vw / 3.9 * 0.24);
    }
  
    .section-common-keyvisual.is-style-aws .title-common-gradient {
      text-align: center;
      margin-bottom: calc(100vw / 3.9 * 0.11);
      font-size: calc(100vw / 3.9 * 0.28);
      line-height: calc(37 / 28);
      order: 1;
    }
  
    .section-common-keyvisual.is-style-aws .section-logo {
      width: calc(100vw / 3.9 * 3.00);
      margin: 0 auto calc(100vw / 3.9 * 0.31);
      order: 2;
    }
  
    .section-common-keyvisual.is-style-aws .section-partner {
      width: fit-content;
      margin: 0 auto calc(100vw / 3.9 * 0.29);
      order: 3;
    }
  
    .section-common-keyvisual.is-style-aws .section-controller {
      order: 4;
    }
  
    .section-common-keyvisual.is-style-aws .section-partner ul {
      display: flex;
      flex-wrap: wrap;
      gap: calc(100vw / 3.9 * 0.22);
    }
  
    .section-common-keyvisual.is-style-aws .section-partner li {
      width: calc(100vw / 3.9 * 0.89);
    }
  
    .section-common-keyvisual.is-style-aws .button-common-solid {
      margin: 0 auto;
      border-radius: calc(100vw / 3.9 * 0.38);
    }
  
    .section-common-keyvisual.is-style-aws .button-common-solid.is-solidified {
      width: calc(100vw / 3.9 * 3.45);
      padding: calc(100vw / 3.9 * 0.08) calc(100vw / 3.9 * 0.10) calc(100vw / 3.9 * 0.06) calc(100vw / 3.9 * 0.10);
      font-size: calc(100vw / 3.9 * 0.19);
      line-height: 1.3;
    }
  
    .section-common-keyvisual.is-style-aws .button-common-solid.is-solidified::before {
      border-radius: calc(100vw / 3.9 * 0.38);
    }
  
    .section-common-keyvisual.is-style-aws .button-common-solid.is-transparent {
      width: calc(100vw / 3.9 * 2.37);
      padding: calc(100vw / 3.9 * 0.15) calc(100vw / 3.9 * 0.10) calc(100vw / 3.9 * 0.13) calc(100vw / 3.9 * 0.10);
      font-size: calc(100vw / 3.9 * 0.16);
    }
  }
  
  .section-aws-introduction {
    position: relative;
    overflow: hidden;
  }
  
  .section-aws-introduction::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url("../img/aws-mp2/introduction_bg_01.jpg") center/cover no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  
  .section-aws-introduction .title-common-gradient {
    display: block;
    text-align: center;
    font-weight: 700;
  }
  
  .section-aws-introduction .section-greeting {
    opacity: 0;
  }
  
  .wf-active .section-aws-introduction .section-greeting {
    opacity: 1;
  }
  
  .section-aws-introduction .section-greeting .title-common-gradient {
    justify-content: center;
    font-weight: 600;
    text-align: center;
  }
  
  .section-aws-introduction .greeting-detail {
    font-weight: 500;
    color: #3b4043;
  }
  
  .section-aws-introduction .greeting-banner img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .section-aws-introduction .section-controller {
    display: flex;
  }
  
  @media print {
    .section-aws-introduction {
      page-break-after: always;
    }
  }
  
  @media print,
  (min-width: 768px) {
    .section-aws-introduction {
      padding: 120px 0 23px;
    }
  
    .section-aws-introduction .wrapper {
      max-width: 1000px;
      width: calc(100% - 40px);
    }
  
    .section-aws-introduction .title-common-gradient {
      margin-bottom: 32px;
      font-size: 44px;
      line-height: calc(58 / 44);
    }
  
    .section-aws-introduction .section-greeting {
      max-width: 800px;
      margin: 0 auto;
    }
  
    .section-aws-introduction .section-greeting .title-common-gradient {
      font-size: 48px;
    }
  
    .section-aws-introduction .greeting-detail {
      margin-bottom: 17px;
      font-size: 18px;
      line-height: calc(26 / 18);
      letter-spacing: 0.1em;
    }
  
    .section-aws-introduction .greeting-detail p:not(:last-child) {
      margin-bottom: 21px;
    }
  
    .section-aws-introduction .greeting-banner {
      margin-bottom: 131px;
    }
  
    .section-aws-introduction .list-common-introduction {
      margin-bottom: 75px;
    }
  
    .section-aws-introduction .list-common-introduction .list-common-note {
      margin-top: 11px;
    }
  
    .section-aws-introduction .section-controller {
      justify-content: center;
    }
  
    .section-aws-introduction .button-common-solid {
      width: 100%;
      max-width: 320px;
      margin: 0 20px;
      padding: 14px 15px;
      font-size: 24px;
      line-height: calc(28 / 24);
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-aws-introduction {
      padding: calc(100vw / 3.9 * 0.69) 0 calc(100vw / 3.9 * 0.47);
    }
  
    .section-aws-introduction .section-greeting {
      margin-bottom: calc(100vw / 4.14 * .42);
    }
  
    .section-aws-introduction .title-common-gradient {
      margin-bottom: calc(100vw / 3.9 * 0.17);
      font-size: calc(100vw / 3.9 * 0.26);
      line-height: calc(31 / 26);
    }
  
    .section-aws-introduction .section-greeting .title-common-gradient {
      font-size: calc(100vw / 3.9 * 0.32);
    }
  
    .section-aws-introduction .greeting-detail {
      margin-bottom: calc(100vw / 3.9 * 0.20);
      font-size: calc(100vw / 3.9 * 0.14);
      line-height: calc(20 / 14);
      letter-spacing: 0.1em;
    }
  
    .section-aws-introduction .greeting-detail p:not(:last-child) {
      margin-bottom: calc(100vw / 3.9 * 0.15);
    }
  
    .section-aws-introduction .greeting-banner {
      width: calc(100vw / 3.9 * 3.58);
      margin: 0 calc(100vw / 3.9 * -0.04);
    }
  
    .section-aws-introduction .list-common-introduction {
      margin-bottom: calc(100vw / 4.14 * .35);
    }
  
    .section-aws-introduction .list-common-introduction .list-common-note {
      margin-top: calc(100vw / 4.14 * .35);
    }
  
    .section-aws-introduction .section-controller {
      flex-direction: column-reverse;
    }
  
    .section-aws-introduction .button-common-solid {
      width: 100%;
      padding: calc(100vw / 4.14 * .1);
      font-size: calc(100vw / 4.14 * .2);
      line-height: calc(24 / 20);
    }
  
    .section-aws-introduction .button-common-solid:not(:first-child) {
      margin-bottom: calc(100vw / 4.14 * .2);
    }
  }
  
  .section-top-feature .feature-list {
    position: relative;
    z-index: 1;
  }
  
  .section-top-feature .feature-image {
    position: relative;
  }
  
  .section-top-feature .feature-image img {
    height: auto;
  }
  
  .section-top-feature .feature-image::before {
    content: "";
    display: block;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
  }
  
  .section-top-feature .feature-name {
    font-weight: 700;
    color: #131c6d;
  }
  
  .section-top-feature .feature-text {
    color: #3B4043;
  }
  
  .section-top-feature .title-common-gradient {
    display: block;
    text-align: center;
  }
  
  .section-top-feature .text-item {
    position: relative;
  }
  
  .section-top-feature .text-item::before {
    position: absolute;
    content: "";
    background-color: #2494B5;
    border-radius: 50%;
  }
  
  @media print,
  (min-width: 768px) {
    .section-top-feature {
      padding: 130px 0 142px;
    }
  
    .section-top-feature .item-feature {
      margin-bottom: 28px;
    }
  
    .section-top-feature .feature-item {
      display: flex;
      align-items: center;
    }
  
    .section-top-feature .feature-item:not(.is-reversed) {
      padding: 45px 90px 22px 86px;
    }
  
    .section-top-feature .feature-item.is-reversed {
      padding: 45px 85px 22px 103px;
    }
  
    .section-top-feature .feature-item .top-subtitle {
      margin-bottom: 30px;
    }
  
    .section-top-feature .feature-image::before {
      width: 440px;
      height: 440px;
    }
  
    .section-top-feature .feature-item:not(.is-reversed) .feature-content {
      padding: 0 35px 14px 0;
    }
  
    .section-top-feature .feature-item.is-reversed .feature-content {
      order: 1;
      padding: 0 0 14px 46px;
    }
  
    .section-top-feature .feature-name {
      margin-bottom: 22px;
      font-size: 28px;
      line-height: calc(38 / 28);
    }
  
    .section-top-feature .feature-text {
      padding-left: 56px;
      font-size: 18px;
      line-height: calc(28 / 18);
      letter-spacing: 0.001em;
    }
  
    .section-top-feature .text-item {
      margin-bottom: 8px;
      padding-left: 25px;
    }
  
    .section-top-feature .text-item::before {
      top: 7px;
      left: 0;
      width: 8px;
      height: 8px;
    }
  
    .section-top-feature .feature-item:nth-child(3) {
      padding: 30px 85px 22px 63px;
    }
  
    .section-top-feature .feature-item:nth-child(3) .feature-content {
      padding: 0 0 45px 4px;
    }
  
    .section-top-feature .feature-item:nth-child(4) {
      padding: 28px 88px 22px 84px;
    }
  
    .section-top-feature .feature-item:nth-child(4) .feature-content {
      padding: 0 30px 16px 0;
    }
  }
  
  @media print {
    .section-top-feature {
      page-break-after: always;
      padding-top: 400px !important;
    }
  }
  
  @media only screen and (max-width: 767.98px) {
    .section-top-feature .feature-list {
      max-width: calc(100vw / 3.9 * 5.00);
      margin-right: auto;
      margin-left: auto;
    }
  
    .section-top-feature .feature-item {
      padding: calc(100vw / 3.9 * 0.60) 0;
    }
  
    .section-top-feature .top-subtitle {
      margin-bottom: calc(100vw / 3.9 * 0.04);
    }
  
    .section-top-feature .feature-image {
      width: calc(100vw / 3.9 * 4.00);
      left: 50%;
      transform: translateX(-50%);
    }
  
    .section-top-feature .feature-image::before {
      width: calc(100vw / 3.9 * 3.36);
      height: calc(100vw / 3.9 * 3.36);
      content: unset;
    }
  
    .section-top-feature .feature-content {
      margin-bottom: calc(100vw / 3.9 * 0.05);
    }
  
    .section-top-feature .feature-name {
      font-size: calc(100vw / 3.9 * 0.24);
      line-height: calc(38 / 24);
    }
  
    .section-top-feature .feature-text {
      font-size: calc(100vw / 3.9 * 0.16);
      line-height: calc(28 / 16);
    }
  }
  
  .section-top-feature .title-common-gradient {
    font-weight: 700;
    letter-spacing: 0;
  }
  
  .section-top-feature .list-feature {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .section-top-feature .item-feature {
    display: block;
    position: relative;
  }
  
  .section-top-feature .feature-name {
    font-weight: 700;
    color: #1e4a7c;
  }
  
  .section-top-feature h4.feature-name {
    text-align: center;
    margin-bottom: 21px;
  }
  
  .section-top-feature h4.feature-name+figure {
    margin-bottom: 70px;
  }
  
  .section-top-feature .feature-text {
    font-weight: 400;
  }
  
  .section-top-feature .feature-text p:last-child {
    margin-bottom: 4px;
  }
  
  .section-top-feature .feature-image {
    position: relative;
  }
  
  .section-top-feature .feature-image img {
    position: relative;
    z-index: 1;
  }
  
  .section-top-feature .feature-image::before {
    display: none;
  }
  
  .section-top-feature .feature-note {
    line-height: 1.4;
    margin-bottom: 0;
  }
  
  .section-top-feature .feature-description {
    font-weight: 400;
  }
  
  @media print,
  (min-width: 768px) {
    .section-top-feature {
      padding: 0 0 56px;
    }
  
    .section-top-feature.is-number {
      padding: 128px 0 108px;
    }
  
    .section-top-feature .title-common-gradient {
      font-size: 44px;
      margin-bottom: 16px;
    }
  
    .section-top-feature .list-feature {
      margin: 0 9px;
      padding-top: 9px;
    }
  
    .section-top-feature .feature-wrapper {
      display: -ms-flexbox;
      display: flex;
    }
  
    .section-top-feature .feature-wrapper+.feature-controller {
      margin-top: 48px;
    }
  
    .section-top-feature .item-feature.is-reversed {
      padding: 0;
      margin-bottom: 62px;
    }
  
    .section-top-feature .item-feature.is-reversed .feature-content {
      -ms-flex-order: 1;
      order: 1;
      padding: 49px 69px 0 0;
      margin-left: -13px;
    }
  
    .section-top-feature .item-feature.is-reversed .feature-text {
      padding-right: 0;
    }
  
    .section-top-feature .item-feature.is-reversed .feature-wrapper {
      padding-left: 32px;
    }
  
    .section-top-feature .item-feature:last-child {
      margin-bottom: 0;
    }
  
    .section-top-feature .item-feature:not(.is-reversed) .feature-content {
      padding: 32px 0 0;
      max-width: 591px;
      flex: auto;
    }
  
    .section-top-feature .feature-image {
      width: 509px;
      margin: 0;
      flex: none;
    }
  
    .section-top-feature .item-feature.is-reversed .feature-image {
      width: 506px;
    }
  
    .section-top-feature .feature-number {
      flex: 0 0 auto;
      display: block;
      width: 31px;
      padding-right: 0;
      margin-right: 50px;
    }
  
    .section-top-feature .feature-number::before {
      top: 25px;
      right: -37px;
    }
  
    .section-top-feature .feature-number img {
      position: relative;
      top: -1px;
      left: 0;
      width: 100%;
    }
  
    .section-top-feature .feature-heading {
      margin-bottom: 21px;
    }
  
    .section-top-feature .feature-name {
      margin-bottom: 0;
      font-size: 28px;
      line-height: 1.4;
    }
  
    .section-top-feature .feature-text {
      font-size: 16px;
      line-height: 1.4;
    }
  
    .section-top-feature .feature-text p {
      margin-bottom: 7px;
    }
  
    .section-top-feature .feature-banner {
      width: 650px;
      margin-bottom: 121px;
    }
  
    .section-top-feature .feature-description {
      margin-bottom: 39px;
    }
  
    .section-top-feature .feature-note {
      margin-top: 8px;
      font-size: 12px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 999.98px) {
  
    .section-top-feature .feature-wrapper,
    .list-common-introduction .list-item {
      display: block;
    }
  
    .section-top-feature .feature-image,
    .section-top-feature .item-feature.is-reversed .feature-image {
      margin: 0 auto;
    }
  
    .section-top-feature .item-feature.is-reversed .feature-content {
      margin-left: 0;
    }
  
    .section-top-feature .item-feature:not(.is-reversed) .feature-content {
      max-width: 100%;
    }
  
    .section-top-feature .feature-content,
    .list-common-introduction .story-common-simple {
      margin-bottom: 30px;
      padding: 0 !important;
    }
  
    .section-top-feature .item-feature.is-reversed .feature-wrapper {
      padding-left: 0;
    }
  
    .section-top-feature .feature-text {
      padding-right: 0;
    }
  
    .list-common-introduction .item-thumbnail {
      width: 506px;
      margin: 0 auto !important;
    }
  }
  
  @media only screen and (max-width: 767.98px) {
    .section-top-feature {
      padding: calc(100vw / 3.9 * 0.03) 0 calc(100vw / 3.9 * 0.31);
    }
  
    .section-top-feature.is-number {
      padding: calc(100vw / 3.9 * 0.41) 0 calc(100vw / 3.9 * 0.15);
    }
  
    .section-top-feature .list-feature {
      max-width: calc(100vw / 3.9 * 5.00);
      margin-right: auto;
      margin-left: auto;
    }
  
    .section-top-feature .item-feature {
      margin-bottom: calc(100vw / 3.9 * 0.34);
      padding: 0;
    }
  
    .section-top-feature .feature-content {
      margin-bottom: calc(100vw / 3.9 * 0.13);
      position: relative;
      z-index: 1;
    }
  
    .section-top-feature .feature-name {
      font-size: calc(100vw / 3.9 * 0.20);
      line-height: 1.4;
    }
  
    .section-top-feature h4.feature-name+figure {
      margin-bottom: calc(100vw / 3.9 * 0.33);
    }
  
    .section-top-feature .feature-text {
      font-size: calc(100vw / 3.9 * 0.16);
      line-height: 1.4;
      margin-bottom: 0;
    }
  
    .section-top-feature .feature-image {
      width: 100%;
      max-width: calc(100vw / 3.9 * 3.40);
      margin: 0 auto;
      -ms-transform: none;
      transform: none;
      left: unset;
    }
  
    .section-top-feature .feature-description {
      margin-bottom: calc(100vw / 3.9 * -0.03);
      font-size: calc(100vw / 3.9 * 0.16);
      line-height: 1.4;
    }
  
    .section-top-feature .feature-description p:not(:last-child) {
      margin-bottom: calc(100vw / 3.9 * 0.23);
    }
  
    .section-top-feature .title-common-gradient {
      margin-bottom: calc(100vw / 3.9 * 0.29);
      font-size: calc(100vw / 3.9 * 0.26);
      line-height: calc(31 / 26);
    }
  
    .section-top-feature .feature-banner {
      width: 100%;
      max-width: calc(100vw / 3.9 * 3.74);
      margin-bottom: calc(100vw / 3.9 * 1.21);
      left: unset;
      -ms-transform: none;
      transform: none;
    }
  
    .section-top-feature .feature-heading {
      align-items: flex-start;
      margin-bottom: calc(100vw / 3.9 * 0.04);
    }
  
    .section-top-feature .feature-banner img {
      width: 100%;
      height: 100%;
    }
  
    .section-top-feature .feature-number {
      position: relative;
      flex: 0 0 auto;
      top: calc(100vw / 3.9 * 0.01);
      left: calc(100vw / 3.9 * -0.05);
      display: block;
      width: calc(100vw / 3.9 * 0.24);
      margin: 0 calc(100vw / 3.9 * 0.36) 0 0;
      padding: 0;
    }
  
    .section-top-feature .feature-number::before {
      top: calc(100vw / 3.9 * 0.16);
      right: calc(100vw / 3.9 * -0.27);
      width: calc(100vw / 3.9 * 0.19);
      height: calc(100vw / 3.9 * 0.28);
    }
  
    .section-top-feature .feature-number img {
      position: absolute;
      top: calc(100vw / 3.9 * 0.11);
      left: calc(100vw / 3.9 * -0.01);
      display: block;
      max-width: none;
      width: calc(100vw / 3.9 * 0.22);
      height: auto;
    }
  
    .section-top-feature .text-item::before {
      top: calc(100vw / 3.9 * 0.05);
      left: 0;
      width: calc(100vw / 3.9 * 0.07);
      height: calc(100vw / 3.9 * 0.07);
    }
  
    .section-top-feature .feature-text p {
      margin-bottom: calc(100vw / 3.9 * 0.07);
      padding-left: calc(100vw / 3.9 * 0.21);
      font-size: calc(100vw / 3.9 * 0.13);
      letter-spacing: 0.05em;
      line-height: calc(18 / 13);
    }
  
    .section-top-feature .feature-note {
      margin-top: calc(100vw / 3.9 * 0.19);
      font-size: calc(100vw / 3.9 * 0.12);
    }
  
    .section-top-feature .feature-wrapper+.feature-controller {
      margin-top: calc(100vw / 3.9 * 0.41);
    }
  
    .section-top-feature .text-note {
      margin-top: calc(100vw / 3.9 * -0.14);
    }
  }
  
  .list-top-feature {
    background-color: rgba(59, 92, 98, 0.05);
    width: 100%;
  }
  
  .list-top-feature .list-title {
    text-align: center;
    color: #1e4a7c;
    font-weight: 700;
    line-height: 1.4;
  }
  
  .list-top-feature .list-wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .list-top-feature .item-content {
    text-align: center;
    line-height: 1.4;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  @media print,
  (min-width: 768px) {
    .list-top-feature {
      margin: 38px 0 52px;
      padding: 35px 100px;
      border-radius: 20px;
    }
  
    .list-top-feature .list-title {
      margin-bottom: 31px;
      font-size: 24px;
    }
  
    .list-top-feature .list-wrapper {
      margin: -20px -40px;
    }
  
    .list-top-feature .list-item {
      width: 20%;
      padding: 20px 40px;
    }
  
    .list-top-feature .item-content {
      min-height: 45px;
      margin: 0 -40px;
      font-size: 16px;
    }
  
    .list-top-feature .item-image {
      margin-bottom: 20px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 999.98px) {
    .list-top-feature {
      padding: 35px 60px;
    }
  
    .list-top-feature .list-item {
      padding: 10px;
    }
  
    .list-top-feature .item-content {
      margin: 0;
    }
  
    .list-top-feature .item-content br {
      display: none;
    }
  }
  
  @media only screen and (max-width: 767.98px) {
    .list-top-feature {
      margin-top: 47px;
      border-radius: 12px;
      padding: 29px 15px 7px;
    }
  
    .list-top-feature+.feature-controller {
      margin-top: 40px;
    }
  
    .list-top-feature .list-title {
      margin-bottom: 28px;
      font-size: 20px;
    }
  
    .list-top-feature .list-wrapper {
      margin: -3px -1px;
      -ms-flex-pack: center;
      justify-content: center;
    }
  
    .list-top-feature .list-item {
      width: 50%;
      padding: 3px 1px;
    }
  
    .list-top-feature .item-image {
      max-width: 120px;
      margin: 0 auto 13px;
    }
  
    .list-top-feature .item-content {
      color: #1e4a7c;
      font-size: 14px;
    }
  }
  
  @media only screen and (max-width: 401.98px) {
    .list-top-feature .list-item:first-child .item-content br {
      display: none;
    }
  }
  
  .block-top-feature {
    background-color: #f4f4f4;
  }
  
  .block-top-feature .block-title {
    font-weight: 700;
    line-height: 1.4;
    color: #f6913e;
    position: relative;
  }
  
  .block-top-feature .block-title::before {
    position: absolute;
    content: "";
    background: url("../style2/img/top/title_icon_01.png") center/contain no-repeat;
    left: 0;
    top: 0;
  }
  
  .block-top-feature .block-text {
    color: #000;
  }
  
  .block-top-feature .block-link {
    display: inline-block;
    font-weight: 700;
    position: relative;
    color: #2494b5;
    line-height: 1.4;
  }
  
  .block-top-feature .block-link::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../img/top/arrow_icn_01.svg") center/contain no-repeat;
  }
  
  @media print,
  (min-width: 768px) {
    .block-top-feature {
      margin-top: 40px;
      padding: 20px 40px;
    }
  
    .block-top-feature+.feature-controller {
      margin-top: 49px;
    }
  
    .block-top-feature .block-title {
      margin-bottom: 6px;
      padding: 3px 0 0 35px;
      font-size: 20px;
    }
  
    .block-top-feature .block-title::before {
      width: 26px;
      height: 32px;
    }
  
    .block-top-feature .block-text {
      margin-bottom: 11px;
      font-size: 14px;
      line-height: 2;
    }
  
    .block-top-feature .block-link {
      padding-right: 21px;
      font-size: 16px;
    }
  
    .block-top-feature .block-link::after {
      width: 12px;
      height: 12px;
    }
  }
  
  @media only screen and (max-width: 767.98px) {
    .block-top-feature {
      margin-top: 28px;
      padding: 17px 16px 15px;
    }
  
    .block-top-feature+.feature-controller {
      margin-top: 40px;
    }
  
    .block-top-feature .block-title {
      font-size: 18px;
      margin-bottom: 6px;
      padding: 5px 0 0 29px;
    }
  
    .block-top-feature .block-title::before {
      width: 20px;
      height: 25px;
    }
  
    .block-top-feature .block-text {
      font-size: 12px;
      line-height: 1.5;
      margin-bottom: 16px;
    }
  
    .block-top-feature .block-link {
      padding-right: 15px;
      font-size: 14px;
    }
  
    .block-top-feature .block-link::after {
      top: calc(50% - 2px);
      width: 10px;
      height: 10px;
    }
  
    html.is-iphone .block-top-feature .block-link::after {
      top: calc(50% + 1px) !important;
    }
  }
  
  .section-aws-advantage {
    overflow: hidden;
  }
  
  .section-aws-advantage .title-common-gradient {
    font-weight: 600;
    justify-content: center;
    text-align: center;
  }
  
  .section-aws-advantage .section-frame {
    margin-right: auto;
    margin-left: auto;
    overflow-x: auto;
    overflow-y: hidden;
  }
  
  .section-aws-advantage .section-frame img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .section-aws-advantage .works-note {
    font-weight: 500;
  }
  
  @media print,
  (min-width: 768px) {
    .section-aws-advantage {
      margin: 49px 0 89px;
    }
  
    .section-aws-advantage .wrapper {
      max-width: 1200px;
    }
  
    .section-aws-advantage .title-common-gradient {
      margin-bottom: 67px;
      font-size: 44px;
      line-height: calc(58 / 44);
    }
  
    .section-aws-advantage .section-frame {
      max-width: 990px;
    }
  
    .section-aws-advantage .section-frame .frame-wrapper {
      margin-bottom: 18px;
    }
  
    .section-aws-advantage .works-note {
      display: block;
      text-align: right;
      max-width: 1020px;
      margin: 0 auto;
      font-size: 13px;
      letter-spacing: 0.038em;
      line-height: 1.3;
    }
  }
  
  @media print {
    .section-aws-advantage {
      padding-top: 50px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-aws-advantage {
      margin-bottom: calc(100vw / 3.9 * 0.48);
    }
  
    .section-aws-advantage .title-common-gradient {
      margin-bottom: calc(100vw / 3.9 * 0.32);
      font-size: calc(100vw / 3.9 * 0.24);
      line-height: calc(32 / 24);
    }
  
    .section-aws-advantage .section-frame {
      width: calc(100vw / 3.9 * 3.58);
      margin: 0 calc(100vw / 3.9 * -0.04);
    }
  
    .section-aws-advantage .section-frame .frame-wrapper {
      width: 100%;
      margin: 0 auto calc(100vw / 3.9 * 0.12);
    }
  
    .section-aws-advantage .works-note {
      font-size: calc(100vw / 3.9 * 0.11);
      letter-spacing: 0.03em;
      line-height: calc(14 / 11);
    }
  }
  
  .section-top-user {
    text-align: center;
  }
  
  .section-top-user .user-text {
    font-weight: bold;
  }
  
  .section-top-user .company-text {
    font-weight: bold;
    color: #151c69;
  }
  
  .section-top-user .user-text {
    color: #2494b5;
  }
  
  .section-top-user .user-text .number {
    color: #2494b5;
  }
  
  .section-top-user .user-text::before {
    position: absolute;
    content: "";
    background: url("../img/aws-mp2/user_decor_left.png") center/cover no-repeat;
    pointer-events: none;
  }
  
  .section-top-user .user-text::after {
    position: absolute;
    content: "";
    background: url("../img/aws-mp2/user_decor_right.png") center/cover no-repeat;
    pointer-events: none;
  }
  
  .section-top-user .user-note {
    color: #9a9a9a;
  }
  
  @media print,
  (min-width: 768px) {
    .section-top-user {
      padding: 56px 0 36px;
    }
  
    .section-top-user .top-title {
      margin-bottom: 30px;
      padding-bottom: 22px;
    }
  
    .section-top-user .user-text {
      font-size: 25px;
      margin-bottom: 19px;
      line-height: calc(38 / 25);
      position: relative;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: end;
      align-items: flex-end;
      text-align: center;
      padding: 0 82px;
    }
  
    .section-top-user .user-text::before {
      top: -9px;
      left: 0;
      width: 23px;
      height: 58px;
    }
  
    .section-top-user .user-text::after {
      top: -9px;
      right: 0;
      width: 23px;
      height: 58px;
    }
  
    .section-top-user .user-text .number {
      display: inline-block;
      font-size: 76px;
      margin: 0 5px;
      line-height: 1;
      position: relative;
      bottom: -7px;
    }
  
    .section-top-user .year-text {
      font-size: 16px;
      margin-bottom: 50px;
    }
  
    .section-top-user .company-text {
      font-size: 28px;
      margin-bottom: 34px;
    }
  
    .section-top-user .company-text .is-small {
      font-size: 16px;
    }
  
    .section-top-user .user-note {
      text-align: left;
      margin-top: 14px;
      font-size: 12px;
      line-height: 1.3;
    }
  }
  
  @media only screen and (max-width: 767.98px) {
    .section-top-user {
      padding: calc(100vw / 3.9 * 0.55) 0 calc(100vw / 3.9 * 0.17);
    }
  
    .section-top-user .top-title {
      margin-bottom: calc(100vw / 3.9 * 0.08);
      padding-bottom: calc(100vw / 3.9 * 0.16);
    }
  
    .section-top-user .user-text {
      margin-bottom: calc(100vw / 3.9 * 0.28);
      padding: 0 calc(100vw / 3.9 * 0.20);
      width: 100%;
      font-size: calc(100vw / 3.9 * 0.16);
      line-height: calc(23 / 16);
      position: relative;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: end;
      align-items: flex-end;
      text-align: center;
    }
  
    .section-top-user .user-text::before {
      top: calc(100vw / 3.9 * -0.05);
      left: calc(100vw / 3.9 * -0.03);
      width: calc(100vw / 3.9 * 0.23);
      height: calc(100vw / 3.9 * 0.58);
    }
  
    .section-top-user .user-text::after {
      top: calc(100vw / 3.9 * -0.05);
      right: calc(100vw / 3.9 * -0.03);
      width: calc(100vw / 3.9 * 0.23);
      height: calc(100vw / 3.9 * 0.58);
    }
  
    .section-top-user .user-text .number {
      display: inline-block;
      font-size: calc(100vw / 3.9 * 0.67);
      margin: 0 calc(100vw / 3.9 * 0.05);
      line-height: 1;
      position: relative;
      bottom: calc(100vw / 3.9 * -0.07);
    }
  
    .section-top-user .year-text {
      font-size: calc(100vw / 3.9 * 0.12);
      margin-bottom: calc(100vw / 3.9 * 0.22);
    }
  
    .section-top-user .company-text {
      font-size: calc(100vw / 3.9 * 0.24);
      margin-bottom: calc(100vw / 3.9 * 0.18);
    }
  
    .section-top-user .company-text .is-small {
      font-size: calc(100vw / 3.9 * 0.12);
    }
  
    .user-note {
      text-align: center;
      font-size: calc(100vw / 3.9 * 0.12);
      line-height: calc(48 / 12);
    }
  }
  
  .list-function-user {
    margin: 0 auto;
  }
  
  .list-function-user .list-wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  @media print,
  (min-width: 768px) {
    .list-function-user {
      max-width: 865px;
    }
  
    .list-function-user .list-wrapper {
      margin: -4px -16px;
    }
  
    .list-function-user .list-item {
      box-sizing: content-box;
      width: 127px;
      padding: 4px 11px;
    }
  
    .list-function-user .list-item img {
      object-fit: contain;
    }
  }
  
  @media only screen and (max-width: 767.98px) {
    .list-function-user {
      width: 100%;
    }
  
    .list-function-user .list-wrapper {
      -ms-flex-pack: justify;
      justify-content: center;
      margin: 0 calc(100vw / 3.9 * -0.11) calc(100vw / 3.9 * 0.05);
    }
  
    .list-function-user .list-item {
      width: 25%;
      padding: 0 calc(100vw / 3.9 * 0.06);
    }
  
    .list-function-user .list-item img {
      height: auto;
      width: 100%;
    }
  }
  
  .section-aws-study .title-common-gradient {
    font-weight: 600;
    justify-content: center;
    text-align: center;
  }
  
  .section-aws-study .block-banner {
    display: flex;
    overflow: hidden;
  }
  
  .section-aws-study .banner-image {
    flex: 0 0 auto;
  }
  
  .section-aws-study .banner-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .section-aws-study .quote-main {
    font-weight: 700;
    color: #2494b5;
  }
  
  .section-aws-study .quote-author {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 600;
    color: #3b4043;
  }
  
  .section-aws-study .quote-author::before {
    content: "";
    height: 1px;
    background-color: #3b4043;
    display: block;
    position: relative;
  }
  
  .section-aws-study .block-ask {
    background-color: #fff;
    overflow: hidden;
  }
  
  .section-aws-study .ask-question .content-name {
    font-weight: 600;
    color: #2494b5;
  }
  
  .section-aws-study .content-detail {
    position: relative;
  }
  
  .section-aws-study .content-detail::before {
    position: absolute;
    content: "";
    left: 0;
    background: url("../img/aws-mp2/dot_icn_01.svg") center/cover no-repeat;
  }
  
  .section-aws-study .ask-answer .content-detail::before {
    filter: brightness(0) invert(1);
  }
  
  .section-aws-study .ask-question .content-detail {
    font-weight: 400;
    color: #3b4043;
  }
  
  .section-aws-study .ask-answer {
    background-color: #2ba6cb;
    color: #fff;
  }
  
  .section-aws-study .ask-answer::before {
    content: "";
    background: url(../img/aws-mp2/arrow_icn_02.svg) center center/100% auto no-repeat;
    margin: 0 auto;
    display: block;
  }
  
  .section-aws-study .ask-answer .content-name {
    font-weight: 600;
  }
  
  .section-aws-study .ask-answer .content-detail {
    font-weight: 400;
  }
  
  .section-aws-study .answer-title {
    display: flex;
    justify-content: center;
    font-weight: 700;
    text-align: center;
  }
  
  .section-aws-study .answer-title .title-wrapper {
    position: relative;
  }
  
  .section-aws-study .answer-title .title-wrapper::after {
    transform: scale(-1, 1);
  }
  
  .section-aws-study .ask-question {
    background-color: #f3f9fc;
  }
  
  @media print,
  (min-width: 768px) {
    .section-aws-study {
      padding: 111px 0 110px;
      background: url(../img/aws-mp2/background_study_01.jpg) top center/1440px auto repeat-x;
      background-color: #f4fafc;
    }
  
    .section-aws-study .wrapper {
      max-width: 850px;
    }
  
    .section-aws-study .title-common-gradient {
      margin-bottom: 215px;
      font-size: 48px;
      line-height: calc(64 / 48);
    }
  
    .section-aws-study .section-block {
      background-color: #fff;
      padding: 37px 35px;
    }
  
    .section-aws-study .banner-image {
      width: 50%;
      margin: 0 auto;
    }
  
    .section-aws-study .section-block:not(:last-child) {
      margin-bottom: 49px;
    }
  
    .section-aws-study .block-banner {
      margin-bottom: 20px;
    }
  
    .section-aws-study .block-quote {
      margin-bottom: 27px;
    }
  
    .section-aws-study .quote-main {
      margin-bottom: 16px;
      padding: 0 36px;
      font-size: 28px;
      line-height: calc(40 / 28);
    }
  
    .section-aws-study .quote-author {
      padding-right: 14px;
      font-size: 18px;
      line-height: calc(24 / 18);
    }
  
    .section-aws-study .quote-author::before {
      top: 2px;
      width: 60px;
      margin-right: 11px;
    }
  
    .section-aws-study .block-ask {
      border-radius: 6px;
      font-size: 16px;
      line-height: calc(24 / 16);
    }
  
    .section-aws-study .ask-question {
      padding: 27px 23px 28px 35px;
    }
  
    .section-aws-study .question-content {
      display: flex;
      position: relative;
    }
  
    .section-aws-study .content-detail {
      padding-left: 20px;
    }
  
    .section-aws-study .content-detail:not(:last-child) {
      margin-bottom: 11px;
    }
  
    .section-aws-study .question-content .content-name {
      margin-right: 37px;
      position: relative;
      flex: 0 0 auto;
      font-size: 28px;
      line-height: calc(36 / 28);
    }
  
    .section-aws-study .content-detail {
      line-height: calc(22 / 16);
    }
  
    .section-aws-study .content-detail::before {
      top: 7px;
      width: 7px;
      height: 7px;
    }
  
    .section-aws-study .ask-answer {
      padding: 43px 24px 42px;
    }
  
    .section-aws-study .ask-answer::before {
      width: 22px;
      height: 14px;
      margin: -19px auto 16px;
    }
  
    .section-aws-study .answer-title {
      margin-bottom: 19px;
      font-size: 22px;
      line-height: calc(30 / 22);
    }
  
    .section-aws-study .answer-title .title-wrapper::before,
    .section-aws-study .answer-title .title-wrapper::after {
      width: 24px;
      height: 24px;
      top: -3px;
    }
  
    .section-aws-study .answer-title .title-wrapper::before {
      left: -34px;
    }
  
    .section-aws-study .answer-title .title-wrapper::after {
      right: -34px;
    }
  
    .section-aws-study .answer-content {
      display: flex;
      position: relative;
      padding-left: 11px;
    }
  
    .section-aws-study .answer-content .content-name {
      margin-right: 37px;
      padding-top: 2px;
      position: relative;
      flex: 0 0 auto;
      font-size: 28px;
      line-height: calc(36 / 28);
    }
  }
  
  @media print {
    .section-aws-study {
      padding-top: 300px;
    }
  
    .section-aws-study .section-block:not(:last-child) {
      page-break-after: always;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-aws-study {
      padding: calc(100vw / 4.14 * .72) 0 calc(100vw / 4.14 * .8);
      background: url(../img/aws-mp2/sp/background_study_01.jpg) top calc(100vw / 4.14 * -.41) center/100% auto no-repeat;
      background-color: #f4fafc;
    }
  
    .section-aws-study .title-common-gradient {
      margin-bottom: calc(100vw / 3.9 * 0.89);
      font-size: calc(100vw / 3.9 * 0.26);
      line-height: calc(31 / 26);
    }
  
    .section-aws-study .banner-image {
      width: calc(100vw / 3.9 * 3.28);
      margin: 0 auto;
    }
  
    .section-aws-study .section-block {
      background-color: #fff;
    }
  
    .section-aws-study .section-block:not(:last-child) {
      margin-bottom: calc(100vw / 3.9 * 0.30);
    }
  
    .section-aws-study .block-banner {
      flex-direction: column;
      margin-bottom: calc(100vw / 3.9 * 0.32);
      border-radius: calc(100vw / 4.14 * .04);
    }
  
    .section-aws-study .block-quote {
      margin-bottom: calc(100vw / 3.9 * 0.36);
      padding: 0 calc(100vw / 3.9 * 0.11);
    }
  
    .section-aws-study .quote-main {
      margin-bottom: calc(100vw / 3.9 * 0.29);
      font-size: calc(100vw / 3.9 * 0.22);
      line-height: calc(30 / 22);
    }
  
    .section-aws-study .quote-author {
      font-size: calc(100vw / 3.9 * 0.15);
      line-height: calc(24 / 15);
    }
  
    .section-aws-study .quote-author::before {
      width: calc(100vw / 3.9 * 0.39);
      margin-right: calc(100vw / 3.9 * 0.08);
    }
  
    .section-aws-study .block-ask {
      border-radius: calc(100vw / 4.14 * .04);
      font-size: calc(100vw / 4.14 * .16);
      line-height: calc(24 / 16);
    }
  
    .section-aws-study .ask-question {
      background-color: #e7f2f7;
      padding: calc(100vw / 3.9 * 0.25);
    }
  
    .section-aws-study .question-content .content-name {
      margin-bottom: calc(100vw / 3.9 * 0.19);
      font-size: calc(100vw / 3.9 * 0.22);
      line-height: calc(30 / 22);
      text-align: center;
    }
  
    .section-aws-study .content-detail {
      padding-left: calc(100vw / 3.9 * 0.23);
      font-size: calc(100vw / 3.9 * 0.14);
      line-height: calc(19 / 14);
    }
  
    .section-aws-study .content-detail:not(:last-child) {
      margin-bottom: calc(100vw / 3.9 * 0.10);
    }
  
    .section-aws-study .content-detail::before {
      top: calc(100vw / 3.9 * 0.05);
      width: calc(100vw / 3.9 * 0.07);
      height: calc(100vw / 3.9 * 0.07);
    }
  
    .is-iphone .section-aws-study .content-detail::before {
      top: calc(100vw / 3.9 * 0.06);
    }
  
    .section-aws-study .ask-answer {
      padding: calc(100vw / 3.9 * 0.28) calc(100vw / 3.9 * 0.26) calc(100vw / 3.9 * 0.27);
    }
  
    .section-aws-study .ask-answer::before {
      width: calc(100vw / 3.9 * 0.23);
      height: calc(100vw / 3.9 * 0.14);
      margin: calc(100vw / 3.9 * -0.12) auto calc(100vw / 3.9 * 0.12);
    }
  
    .section-aws-study .answer-title {
      margin-bottom: calc(100vw / 3.9 * 0.02);
      font-size: calc(100vw / 3.9 * 0.14);
      line-height: calc(30 / 14);
    }
  
    .section-aws-study .answer-title .title-wrapper::before {
      left: calc(100vw / 4.14 * -.31);
    }
  
    .section-aws-study .answer-title .title-wrapper::after {
      right: calc(100vw / 4.14 * -.31);
    }
  
    .section-aws-study .answer-content .content-name {
      margin-bottom: calc(100vw / 3.9 * 0.14);
      font-size: calc(100vw / 3.9 * 0.22);
      line-height: calc(30 / 22);
      text-align: center;
    }
  }
  
  .section-aws-trophy .section-banner {
    margin-right: auto;
    margin-left: auto;
  }
  
  .section-aws-trophy .section-banner img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .section-aws-trophy .section-controller {
    display: flex;
    flex-wrap: wrap;
  }
  
  @media print,
  (min-width: 768px) {
    .section-aws-trophy {
      padding: 80px 0 60px;
    }
  
    .section-aws-trophy .wrapper {
      max-width: 1060px;
    }
  
    .section-aws-trophy .section-banner {
      max-width: 600px;
      margin-bottom: 80px;
    }
  
    .section-aws-trophy .section-controller {
      justify-content: space-between;
    }
  
    .section-aws-trophy .button-common-solid {
      padding: 14px 15px;
      font-size: 24px;
      line-height: calc(28 / 24);
    }
  
    .section-aws-trophy .button-common-solid.is-solidified {
      width: 100%;
      margin-bottom: 32px;
    }
  
    .section-aws-trophy .button-common-solid.is-transparent {
      width: calc(50% - 20px);
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-aws-trophy {
      padding: calc(100vw / 4.14 * .6) 0;
    }
  
    .section-aws-trophy .section-banner {
      margin-bottom: calc(100vw / 4.14 * .6);
    }
  
    .section-aws-trophy .section-controller {
      justify-content: space-between;
    }
  
    .section-aws-trophy .section-controller>a:not(:last-child) {
      margin-bottom: calc(100vw / 4.14 * .2);
    }
  
    .section-aws-trophy .button-common-solid {
      padding: calc(100vw / 4.14 * .1);
      font-size: calc(100vw / 4.14 * .16);
      line-height: calc(24 / 16);
      width: 100%;
    }
  
    .section-aws-trophy .button-common-solid.is-solidified {
      margin-bottom: calc(100vw / 4.14 * .2);
    }
  }
  
  .section-aws-invoice .invoice-subtitle {
    width: fit-content;
    margin: 0 auto;
    color: #4d87a3;
    font-weight: 600;
  }
  
  .section-aws-invoice .invoice-subtitle {
    width: fit-content;
    margin: 0 auto;
    color: #4d87a3;
    font-weight: 600;
  }
  
  .section-aws-invoice .invoice-content {
    display: flex;
  }
  
  
  .section-aws-invoice .title-common-gradient {
    display: block;
    text-align: center;
  }
  
  .section-aws-invoice .information-description {
    font-weight: 500;
  }
  
  
  @media print,
  (min-width: 768px) {
    .section-aws-invoice {
      margin-bottom: 165px;
    }
  
    .section-aws-invoice .invoice-subtitle {
      margin-bottom: 21px;
      font-size: 30px;
      line-height: calc(58 / 30);
      border-bottom: 5px solid #2c95b4;
    }
  
    .section-aws-invoice .title-common-gradient {
      margin-bottom: 45px;
      font-size: 44px;
      line-height: calc(58 / 44);
    }
  
    .section-aws-invoice .invoice-content {
      justify-content: space-between;
      gap: 15px;
      max-width: 1021px;
      margin: 0 auto;
    }
  
    .section-aws-invoice .content-information {
      max-width: 496px;
    }
  
    .section-aws-invoice .information-description {
      font-size: 18px;
      line-height: calc(26 / 18);
    }
  
    .section-aws-invoice .information-description:not(:last-child) {
      margin-bottom: 19px;
    }
  
  
    .section-aws-invoice .information-image {
      flex: 0 0 auto;
      width: 431px;
      margin-top: 6px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 850px) {
    .section-aws-invoice .title-wrapper .md {
      display: none;
    }
  }
  
  @media print {
    .section-aws-invoice {
      page-break-after: always;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-aws-invoice {
      margin-bottom: calc(100vw / 3.9 * 0.92);
    }
  
    .section-aws-invoice .invoice-subtitle {
      margin-bottom: calc(100vw / 3.9 * 0.16);
      font-size: calc(100vw / 3.9 * 0.16);
      line-height: calc(27 / 16);
      border-bottom: calc(100vw / 3.9 * 0.03) solid #2c95b4;
    }
  
    .section-aws-invoice .title-common-gradient {
      margin-bottom: calc(100vw / 3.9 * 0.32);
      font-size: calc(100vw / 3.9 * 0.24);
      line-height: calc(32 / 24);
    }
  
    .section-aws-invoice .invoice-content {
      flex-direction: column;
    }
  
    .section-aws-invoice .content-information {
      max-width: 100%;
      order: 2;
    }
  
    .section-aws-invoice .information-description {
      font-size: calc(100vw / 3.9 * 0.14);
      letter-spacing: 0.03em;
      line-height: calc(20 / 14);
    }
  
    .section-aws-invoice .information-description:not(:last-child) {
      margin-bottom: calc(100vw / 3.9 * 0.15);
    }
  
    .section-aws-invoice .information-image {
      width: calc(100vw / 3.9 * 2.73);
      margin-left: calc(100vw / 3.9 * 0.51);
      margin-bottom: calc(100vw / 3.9 * 0.30);
      order: 1;
    }
  
    .section-aws-invoice .information-image img {
      width: 100%;
      height: auto;
    }
  }
  
  .section-aws-plan .title-common-gradient {
    display: block;
    text-align: center;
  }
  
  .section-aws-plan .plan-description {
    font-weight: 600;
  }
  
  .section-aws-plan .header-title {
    position: relative;
    word-wrap: break-word;
    color: #2494b5;
    font-weight: 600;
    text-align: center;
  }
  
  .section-aws-plan .header-title::before {
    position: absolute;
    content: "";
    background: url("../img/aws-mp2/plan_icn_01.svg") center/contain no-repeat;
  }
  
  .section-aws-plan .header-title::after {
    position: absolute;
    content: "";
    background: url("../img/aws-mp2/plan_icn_02.svg") center/contain no-repeat;
  }
  
  .section-aws-plan .header-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(-45deg, #469AED 0%, #4BCFED 100%);
    font-weight: 900;
    color: #fff;
    text-align: center;
  }
  
  .section-aws-plan tr {
    border-bottom: 1px solid #999ba0;
  }
  
  .section-aws-plan .plan-row td {
    overflow: hidden;
    word-wrap: break-word;
    font-weight: 700;
    text-align: center;
  }
  
  .is-iphone .section-aws-plan tr {
    border: none;
  }
  
  .is-iphone .section-aws-plan table {
    padding-bottom: 1px;
  }
  
  .is-iphone .section-aws-plan .plan-row td {
    box-shadow: inset 0 -1px 0 0 #999ba0;
  }
  
  .is-iphone .section-aws-plan .plan-row th {
    box-shadow: inset 0 -1px 0 0 #999ba0;
  }
  
  .is-iphone .section-aws-plan .plan-row.has-opacity td:not(.title) {
    box-shadow: inset 0 -1px 0 0 rgba(112, 112, 112, 0.3);
  }
  
  .section-aws-plan .plan-header {
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
  }
  
  .section-aws-plan .plan-row .title {
    font-weight: 700;
  }
  
  .section-aws-plan .plan-row .title-small {
    display: block;
    font-weight: 400;
  }
  
  .section-aws-plan .plan-row .total {
    color: #2494b5;
    font-weight: 500;
  }
  
  .section-aws-plan .plan-row .highlight {
    color: #2494b5;
    font-weight: 600;
  }
  
  .section-aws-plan .plan-row .row-subheader {
    color: #2494b5;
    font-weight: 600;
    text-align: left;
  }
  
  .section-aws-plan .plan-row .has-background {
    background-color: #f2f9fb;
  }
  
  .section-aws-plan .has-before {
    position: relative;
  }
  
  .section-aws-plan .has-before::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: #fff;
    height: calc(100% - 1px);
  }
  
  .section-aws-plan .button-orange.is-focus {
    display: block;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
    background-color: #2494b5;
  }
  
  .section-aws-plan .button-orange.is-focus::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E9F5F8;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
  }
  
  .section-aws-plan .button-orange.is-focus:hover:before {
    transform: scaleX(1);
  }
  
  .section-aws-plan .button-orange {
    background: #2494b5;
    border-color: #2494b5;
    font-weight: 600;
  }
  
  .section-aws-plan .button-orange:hover {
    color: #2494b5;
  }
  
  .section-aws-plan .content-button {
    position: relative;
    font-weight: 600;
    color: #2494b5;
  }
  
  .section-aws-plan .content-button::after {
    position: absolute;
    content: "";
    background: url("../img/aws-mp2/arrow_icn_right.svg") center/cover no-repeat;
  }
  
  .section-aws-plan .comparison-table .sub-title {
    font-weight: 600;
  }
  
  
  .section-aws-plan .comparison-table .has-background {
    font-weight: 600;
    color: #479eed;
  }
  
  .section-aws-plan .comparison-title {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dcf2fd;
    color: #2494b5;
    font-weight: 600;
  }
  
  .section-aws-plan .comparison-table .note {
    color: #2494b5;
  }
  
  .section-aws-plan .comparison-note {
    font-weight: 400;
  }
  
  .is-tablet .section-aws-plan table tr {
    border-bottom: 0;
  }
  
  .is-tablet .section-aws-plan table td,
  .is-tablet .section-aws-plan table th {
    position: relative;
  }
  
  .is-tablet .section-aws-plan table td::after,
  .is-tablet .section-aws-plan table th::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #999ba0;
    z-index: 3;
  }
  
  @media print {
    .section-aws-plan .plan-comparison {
      page-break-before: always;
    }
  
    .section-aws-plan {
      page-break-after: always;
      padding-top: 400px;
    }
  
    .section-aws-plan .plan-comparison {
      padding-top: 350px;
    }
  
    .section-aws-plan table tr {
      border-bottom: 0;
    }
  
    .section-aws-plan table td,
    .section-aws-plan table th {
      position: relative;
    }
  
    .section-aws-plan table td::after,
    .section-aws-plan table th::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: #999ba0;
      z-index: 3;
    }
  }
  
  @media print,
  (min-width: 768px) {
    .section-aws-plan {
      margin-bottom: 221px;
    }
  
    .section-aws-plan .title-common-gradient {
      font-size: 48px;
      margin-bottom: 36px;
    }
  
    .section-aws-plan .plan-description {
      font-size: 18px;
      line-height: calc(30 / 18);
      margin-bottom: 55px;
      text-align: center;
    }
  
    .section-aws-plan .header-title {
      max-width: 311px;
      margin-bottom: 6px;
      padding: 0 50px;
      font-size: 14px;
      line-height: calc(20 / 14);
    }
  
    .section-aws-plan .has-before::before {
      width: 11px;
    }
  
    .section-aws-plan .plan-wrapper {
      margin-bottom: 132px;
    }
  
    .section-aws-plan .plan-table {
      max-width: 1024px;
      margin: 0 auto 15px;
      width: 100%;
    }
  
    .section-aws-plan .header-title::before {
      top: 4px;
      left: 24px;
      width: 18px;
      height: 34px;
    }
  
    .section-aws-plan .header-title::after {
      top: 4px;
      right: 22px;
      width: 18px;
      height: 34px;
    }
  
    .section-aws-plan .header-content {
      width: 311px;
      min-height: 85px;
      padding: 15px 10px 8px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      font-size: 24px;
      line-height: calc(28 / 24);
    }
  
    .section-aws-plan .header-content .content-small {
      font-size: 17px;
      line-height: calc(28 / 17);
    }
  
    .section-aws-plan .plan-row {
      min-height: 76px;
    }
  
    .section-aws-plan .plan-row .title {
      max-width: 217px;
      min-width: 217px;
      padding-left: 18px;
      text-align: left;
      font-size: 20px;
      line-height: calc(23 / 20);
    }
  
    .section-aws-plan .plan-row .title-small {
      font-size: 12px;
      line-height: calc(15 / 12);
    }
  
    .section-aws-plan .plan-row td {
      max-width: 311px;
      padding: 15px 15px 13px;
      font-size: 20px;
      line-height: calc(24 / 20);
    }
  
    .section-aws-plan .plan-row .hour {
      font-size: 14px;
    }
  
    .section-aws-plan .plan-row .total {
      font-size: 16px;
      line-height: calc(24 / 16);
    }
  
    .section-aws-plan .plan-row .note {
      position: relative;
      top: -5px;
      font-size: 10px;
      line-height: calc(24 / 16);
    }
  
    .section-aws-plan .plan-row .highlight {
      font-size: 16px;
      line-height: calc(22 / 16);
    }
  
    .section-aws-plan .plan-row .row-subheader {
      max-width: 173px;
      min-width: 173px;
      padding-left: 23px;
      font-size: 16px;
      line-height: calc(24 / 16);
    }
  
    .section-aws-plan .plan-header.has-padding {
      padding-left: 11px;
    }
  
    .section-aws-plan .plan-note {
      display: flex;
      justify-content: space-between;
      max-width: 1024px;
      margin: 0 auto;
      font-size: 10px;
      line-height: calc(20 / 10);
    }
  
    .section-aws-plan .list-descritption {
      font-size: 10px;
      line-height: calc(20 / 10);
    }
  
    .section-aws-plan .note-list {
      max-width: 504px;
    }
  
    .section-aws-plan .note-content {
      display: flex;
      align-items: center;
      max-width: 480px;
    }
  
    .section-aws-plan .button-orange {
      flex: 0 0 auto;
      border-radius: 25px;
      width: 256px;
      min-height: 49px;
      height: auto;
      font-size: 18px;
      line-height: calc(23 / 18);
      padding: 12px 10px 10px;
      border-color: #2494b5;
    }
  
    .section-aws-plan .content-button {
      padding-right: 34px;
      font-size: 14px;
      line-height: calc(20 / 14);
    }
  
    .section-aws-plan .content-button::after {
      top: 50%;
      transform: translateY(calc(50% - 15px));
      right: 12px;
      width: 10px;
      height: 16px;
    }
  
    .section-aws-plan .description-highlight {
      color: #2494b5;
    }
  
    .section-aws-plan .comparison-title {
      max-width: 1024px;
      margin: 0 auto 24px;
      padding: 0 50px;
      font-size: 30px;
      line-height: calc(58 / 30);
    }
  
    .section-aws-plan .comparison-table .header-content {
      width: 240px;
    }
  
    .section-aws-plan .comparison-table .title {
      text-align: center;
      min-width: 200px;
      max-width: 200px;
      padding-left: 27px;
      font-size: 22px;
      line-height: calc(24 / 22);
    }
  
    .section-aws-plan .comparison-table .sub-title {
      display: flex;
      align-items: center;
      text-align: left;
      width: 334px;
      max-width: unset;
      min-height: 77px;
      padding-left: 32px;
      font-size: 18px;
      line-height: calc(24 / 18);
    }
  
    .section-aws-plan .comparison-table td {
      min-height: 77px;
    }
  
    .section-aws-plan .comparison-table .has-background {
      position: relative;
      font-size: 24px;
      line-height: calc(36 / 24);
    }
  
    .section-aws-plan .comparison-table .has-larger {
      font-size: 27px;
      line-height: calc(50 / 33);
    }
  
    .section-aws-plan .comparison-table .note {
      position: absolute;
      top: 4px;
      right: 14px;
      font-size: 18px;
      line-height: calc(50 / 33);
    }
  
    .section-aws-plan .comparison-note {
      max-width: 1024px;
      margin: 0 auto;
      font-size: 10px;
      line-height: calc(20 / 10);
    }
  
    .section-aws-plan .note-item .description-highlight {
      padding-right: 3px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1300px) {
    .section-aws-plan {
      margin-bottom: 100px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1095px) {
    .section-aws-plan .plan-table {
      display: inline-block;
      width: 100%;
      overflow-x: auto;
    }
  
    .section-aws-plan .plan-note {
      flex-wrap: wrap;
    }
  }
  
  
  @media screen and (max-width: 767px) {
    .section-aws-plan .title-common-gradient {
      font-size: calc(100vw / 3.9 * 0.48);
      margin-bottom: calc(100vw / 3.9 * 0.36);
    }
  
    .section-aws-plan .plan-description {
      font-size: calc(100vw / 3.9 * 0.14);
      line-height: calc(20 / 14);
      margin-bottom: calc(100vw / 3.9 * 0.11);
      text-align: left;
    }
  
    .section-aws-plan .title-common-gradient {
      font-size: calc(100vw / 3.9 * 0.26);
      text-align: center;
      margin-bottom: calc(100vw / 3.9 * 0.23);
    }
  
    .section-aws-plan .header-title {
      max-width: calc(100vw / 3.9 * 2);
      margin-bottom: calc(100vw / 3.9 * 0.06);
      padding: 0 calc(100vw / 3.9 * 0.22);
      font-size: calc(100vw / 3.9 * 0.10);
      line-height: calc(14 / 10);
    }
  
    .section-aws-plan .plan-wrapper {
      margin: 0 calc(100vw / 3.9 * -0.28) calc(100vw / 3.9 * 0.49) 0;
    }
  
    .section-aws-plan .comparison-table {
      margin: 0 calc(100vw / 3.9 * -0.20) 0 0;
    }
  
    .section-aws-plan .plan-note {
      margin-right: calc(100vw / 3.9 * 0.24);
    }
  
    .section-aws-plan .comparison-note {
      font-weight: 300;
      font-size: calc(100vw / 3.9 * 0.1);
      line-height: 2;
    }
  
    .section-aws-plan .plan-table {
      display: inline-block;
      width: 100%;
      margin: 0 auto calc(100vw / 3.9 * 0.22);
      padding-right: calc(100vw / 3.9 * 0.28);
      overflow-x: auto;
    }
  
    .section-aws-plan .comparison-table .plan-table {
      padding-right: calc(100vw / 3.9 * 0.2);
    }
  
    .section-aws-plan .has-before::before {
      width: calc(100vw / 3.9 * 0.05);
    }
  
    .section-aws-plan .header-title::before {
      top: calc(100vw / 3.9 * 0.03);
      left: calc(100vw / 3.9 * 0.13);
      width: calc(100vw / 3.9 * 0.13);
      height: calc(100vw / 3.9 * 0.26);
    }
  
    .section-aws-plan .header-title::after {
      top: calc(100vw / 3.9 * 0.03);
      right: calc(100vw / 3.9 * 0.13);
      width: calc(100vw / 3.9 * 0.13);
      height: calc(100vw / 3.9 * 0.26);
    }
  
    .is-iphone .section-aws-plan .header-title::after {
      right: calc(100vw / 3.9 * 0.08);
    }
  
    .is-iphone .section-aws-plan .header-title::before {
      left: calc(100vw / 3.9 * 0.08);
    }
  
    .section-aws-plan .header-content {
      width: calc(100vw / 3.9 * 2);
      min-height: calc(100vw / 3.9 * 0.75);
      padding: calc(100vw / 3.9 * 0.13) calc(100vw / 3.9 * 0.10) calc(100vw / 3.9 * 0.06);
      border-top-left-radius: calc(100vw / 3.9 * 0.04);
      border-top-right-radius: calc(100vw / 3.9 * 0.04);
      font-size: calc(100vw / 3.9 * 0.18);
      line-height: calc(23 / 18);
    }
  
    .section-aws-plan .header-content .content-small {
      font-size: calc(100vw / 3.9 * 0.13);
      line-height: calc(23 / 13);
    }
  
    .section-aws-plan .plan-row {
      min-height: calc(100vw / 3.9 * 0.76);
    }
  
    .section-aws-plan .plan-row .title {
      min-width: calc(100vw / 3.9 * 1.29);
      padding-left: calc(100vw / 3.9 * 0.18);
      text-align: left;
      font-size: calc(100vw / 3.9 * 0.18);
      line-height: calc(20 / 18);
    }
  
    .section-aws-plan .plan-row .title.is-center {
      text-align: center;
    }
  
    .section-aws-plan .plan-row .title-small {
      padding-top: calc(100vw / 3.9 * 0.05);
      font-size: calc(100vw / 3.9 * 0.12);
      line-height: calc(15 / 12);
    }
  
    .section-aws-plan .plan-row .title-small.has-small-lineheight {
      line-height: calc(16 / 12);
    }
  
    .section-aws-plan .plan-row td {
      padding: calc(100vw / 3.9 * 0.15) calc(100vw / 3.9 * 0.12) calc(100vw / 3.9 * 0.12);
      font-size: calc(100vw / 3.9 * 0.20);
      line-height: calc(24 / 20);
    }
  
    .section-aws-plan .plan-row.has-opacity {
      border-color: rgba(112, 112, 112, 0.3);
    }
  
    .section-aws-plan .plan-row .hour {
      font-size: calc(100vw / 3.9 * 0.14);
    }
  
    .section-aws-plan .plan-row .total {
      font-size: calc(100vw / 3.9 * 0.16);
      line-height: calc(24 / 16);
    }
  
    .section-aws-plan .plan-row .note {
      position: relative;
      top: calc(100vw / 3.9 * -0.05);
      font-size: calc(100vw / 3.9 * 0.10);
      line-height: calc(24 / 16);
    }
  
    .section-aws-plan .plan-row .highlight {
      font-size: calc(100vw / 3.9 * 0.16);
      line-height: calc(22 / 16);
    }
  
    .section-aws-plan .plan-row .row-subheader {
      min-width: calc(100vw / 3.9 * 1.5);
      padding-left: calc(100vw / 3.9 * 0.3);
      font-size: calc(100vw / 3.9 * 0.13);
      line-height: calc(23 / 13);
    }
  
    .section-aws-plan .plan-header.has-padding {
      padding-left: calc(100vw / 3.9 * 0.05);
    }
  
    .is-iphone .section-aws-plan .plan-header.has-padding {
      position: relative;
      padding-right: calc(100vw / 3.9 * 0.3);
    }
  
    .is-iphone .section-aws-plan .plan-header.has-padding::before {
      position: absolute;
      content: "";
      top: -1px;
      right: 0;
      background-color: #fff;
      height: calc(100% + 1px);
      width: calc(100vw / 3.9 * 0.3);
      z-index: 2px;
    }
  
    .is-iphone .section-aws-plan .has-before {
      padding-right: calc(100vw / 3.9 * 0.3);
    }
  
    .is-iphone .section-aws-plan .has-before::after {
      position: absolute;
      content: "";
      top: -1px;
      right: 0;
      background-color: #fff;
      height: calc(100% + 1px);
      width: calc(100vw / 3.9 * 0.3);
      z-index: 2px;
    }
  
    .is-iphone .section-aws-plan .comparison-table .plan-header.has-padding {
      padding-right: calc(100vw / 3.9 * 0.2);
    }
  
    .is-iphone .section-aws-plan .comparison-table .plan-header.has-padding::before {
      width: calc(100vw / 3.9 * 0.2);
    }
  
    .is-iphone .section-aws-plan .comparison-table .has-before {
      padding-right: calc(100vw / 3.9 * 0.2);
    }
  
    .is-iphone .section-aws-plan .comparison-table .has-before::after {
      width: calc(100vw / 3.9 * 0.2);
    }
  
    .section-aws-plan .note-list {
      margin-bottom: calc(100vw / 3.9 * 0.18);
    }
  
    .section-aws-plan .list-descritption {
      font-size: calc(100vw / 3.9 * 0.10);
      letter-spacing: 0.005em;
      line-height: calc(16 / 10);
    }
  
    .section-aws-plan .list-descritption:not(:last-child) {
      margin-bottom: calc(100vw / 3.9 * 0.05);
    }
  
    .section-aws-plan .button-orange {
      border-radius: calc(100vw / 3.9 * 0.25);
      min-width: calc(100vw / 3.9 * 2.56);
      min-height: calc(100vw / 3.9 * 0.49);
      height: auto;
      margin: 0 auto;
      font-size: calc(100vw / 3.9 * 0.18);
      line-height: calc(23 / 18);
      padding: calc(100vw / 3.9 * 0.12) calc(100vw / 3.9 * 0.10) calc(100vw / 3.9 * 0.10);
      border-color: #2494b5;
    }
  
    .section-aws-plan .content-button {
      text-align: center;
      margin-bottom: calc(100vw / 3.9 * 0.09);
      font-size: calc(100vw / 3.9 * 0.12);
      line-height: calc(20 / 12);
    }
  
    .section-aws-plan .content-button::after {
      display: none;
    }
  
    .section-aws-plan .comparison-table .header-content {
      width: calc(100vw / 3.9 * 1.6);
      min-height: calc(100vw / 3.9 * 0.74);
      font-size: calc(100vw / 3.9 * 0.17);
  
    }
  
    .section-aws-plan .comparison-table .content-small {
      font-size: calc(100vw / 3.9 * 0.12);
    }
  
    .section-aws-plan .comparison-table .title {
      text-align: center;
      min-width: calc(100vw / 3.9 * 1.04);
      padding-left: calc(100vw / 3.9 * 0.03);
      font-size: calc(100vw / 3.9 * 0.14);
      line-height: calc(24 / 18);
    }
  
    .section-aws-plan .comparison-table .sub-title {
      display: flex;
      align-items: center;
      text-align: left;
      width: calc(100vw / 3.9 * 1.47);
      min-height: calc(100vw / 3.9 * 0.78);
      padding-left: calc(100vw / 3.9 * 0.07);
      padding-right: calc(100vw / 3.9 * 0.1);
      font-size: calc(100vw / 3.9 * 0.13);
      line-height: calc(18 / 14);
    }
  
    .section-aws-plan .comparison-title {
      max-width: 100%;
      margin: 0 auto calc(100vw / 3.9 * 0.24);
      padding: calc(100vw / 3.9 * 0.08) calc(100vw / 3.9 * 0.20) calc(100vw / 3.9 * 0.06);
      font-size: calc(100vw / 3.9 * 0.22);
      line-height: 1.3;
    }
  
    .section-aws-plan .comparison-table td {
      min-height: calc(100vw / 3.9 * 0.77);
      padding: calc(100vw / 3.9 * 0.08) calc(100vw / 3.9 * 0.12) calc(100vw / 3.9 * 0.05);
    }
  
    .section-aws-plan .comparison-table .has-background {
      position: relative;
      font-size: calc(100vw / 3.9 * 0.2);
      line-height: calc(36 / 24);
    }
  
    .section-aws-plan .comparison-table .has-larger {
      font-size: calc(100vw / 3.9 * 0.29);
      line-height: calc(50 / 33);
    }
  
    .section-aws-plan .comparison-table .note {
      position: absolute;
      top: calc(100vw / 3.9 * 0.07);
      right: calc(100vw / 3.9 * 0.14);
      font-size: calc(100vw / 3.9 * 0.11);
      line-height: calc(50 / 33);
    }
  
    .section-aws-plan .description-highlight {
      color: #2494b5;
      padding-right: calc(100vw / 3.9 * 0.09);
    }
  
    .section-aws-plan .note-item .description-highlight {
      padding-right: calc(100vw / 3.9 * 0.03);
    }
  }
  
  .section-aws-works {
    overflow: hidden;
  }
  
  .section-aws-works .title-common-gradient {
    font-weight: 600;
    justify-content: center;
    text-align: center;
  }
  
  .section-aws-works .section-frame {
    margin-right: auto;
    margin-left: auto;
    overflow-x: auto;
    overflow-y: hidden;
  }
  
  .section-aws-works .section-frame img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  @media print,
  (min-width: 768px) {
    .section-aws-works {
      margin: 90px 0 5px;
    }
  
    .section-aws-works .wrapper {
      max-width: 1200px;
    }
  
    .section-aws-works .title-common-gradient {
      margin-bottom: 52px;
      font-size: 48px;
      line-height: calc(64 / 48);
    }
  
    .section-aws-works .section-frame {
      max-width: 1184px;
    }
  
    .section-aws-works .section-frame .frame-wrapper {
      padding-right: 80px;
      padding-left: 80px;
    }
  }
  
  @media print {
    .section-aws-works {
      page-break-after: always;
      padding-top: 500px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-aws-works {
      margin: calc(100vw / 4.14 * 0.84) 0 calc(100vw / 4.14 * .2);
    }
  
    .section-aws-works .title-common-gradient {
      margin-bottom: calc(100vw / 4.14 * .32);
      font-size: calc(100vw / 4.14 * .32);
      line-height: calc(48 / 32);
      letter-spacing: 0.05em;
    }
  
    .section-aws-works .section-frame .frame-wrapper {
      width: calc(100vw / 4.14 * 8.18);
      padding: 0 calc(100vw / 4.14 * .2) calc(100vw / 4.14 * .2);
    }
  }
  
  
  .section-more-information.is-modify-aws {
    background: linear-gradient(45deg, #469aed 0%, #47b9ec 100%);
    margin-bottom: 0;
  }
  
  .section-more-information.is-modify-aws .wrapper-small {
    background-color: #fff;
  }
  
  
  
  .section-more-information.is-modify-aws .button-orange {
    transition: color 0.3s ease, background-color 0.5s ease, border 0.3s ease;
  }
  
  .section-more-information.is-modify-aws .button-orange.is-white {
    color: #2394b6;
    background-color: #fff;
    border: 3px solid #2394b6;
  }
  
  .section-more-information.is-modify-aws .button-orange.is-white:hover {
    color: #fff;
  }
  
  .section-more-information.is-modify-aws .button-orange:hover {
    color: #2394b6;
  }
  
  .section-more-information.is-modify-aws .button-wrap.is-small .button-orange.is-white::before {
    background-color: #2394b6;
  }
  
  @media print,
  (min-width: 768px) {
    .section-more-information.is-modify-aws {
      padding: 70px 0 69px;
    }
  
    .section-more-information.is-modify-aws .wrapper-small {
      max-width: 1060px;
      padding: 36px 0 48px;
      border-radius: 20px;
    }
  
    .section-more-information.is-modify-aws .more-title {
      margin-bottom: 48px;
    }
  
    .section-more-information.is-modify-aws .button-download {
      margin-bottom: 5px;
    }
  
    .section-more-information.is-modify-aws .button-group li:not(:last-child) {
      margin-bottom: 0;
    }
  
    .section-more-information.is-modify-aws .button-group {
      flex-direction: row;
      gap: 25px;
    }
  
    .section-more-information.is-modify-aws .button-orange {
      width: 355px;
      min-height: 53px;
    }
  
    .section-more-information.is-modify-aws .button-orange {
      border: 3px solid #2394b6;
    }
  
    .section-more-information.is-modify-aws .button-orange:hover {
      border: 3px solid #2394b6;
    }
  }
  
  
  @media screen and (max-width: 767px) {
    .section-more-information.is-modify-aws {
      padding: calc(100vw / 3.9 * 0.39) 0 calc(100vw / 3.9 * 0.40);
    }
  
    .section-more-information.is-modify-aws .wrapper-small {
      margin: 0 calc(100vw / 3.9 * 0.20);
      padding: calc(100vw / 3.9 * 0.40) calc(100vw / 3.9 * 0.13) calc(100vw / 3.9 * 0.41);
      border-radius: calc(100vw / 3.9 * 0.05);
    }
  
    .section-more-information.is-modify-aws .more-title {
      margin-bottom: calc(100vw / 3.9 * 0.21);
    }
  
    .section-more-information.is-modify-aws .button-download {
      margin-bottom: calc(100vw / 3.9 * 0.27);
    }
  
    .section-more-information.is-modify-aws .button-group li:not(:last-child) {
      margin-bottom: 0;
    }
  
    .section-more-information.is-modify-aws .button-wrap.is-small {
      margin-bottom: calc(100vw / 3.9 * 0.13);
    }
  
    .section-more-information.is-modify-aws .button-orange {
      min-height: calc(100vw / 3.9 * 0.53);
    }
  
    .section-more-information.is-modify-aws .button-orange {
      font-size: calc(100vw / 3.9 * 0.15);
      border: calc(100vw / 3.9 * 0.03) solid #2394b6;
    }
  
    .section-more-information.is-modify-aws .button-orange:hover {
      border: calc(100vw / 3.9 * 0.03) solid #2394b6;
    }
  
  }