@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */
  .section__header {
    margin-bottom: 2.25rem;
  }

  .section__header .title {
    margin-bottom: 1.35rem;
  }

  .section__header .title p{
    color: rgb(var(--main-color-rgb));
  }

  .section__header .title h2 {
    font-weight: 500;
    font-family: var(--noto-sans-jp);
  }


  .website-opening .necessary-list {
  }

  .website-opening .necessary-list li {
    display: flex;
    align-items: center;

    margin-bottom: 1.65rem;
  }
  .website-opening .necessary-list li:last-of-type {
    margin-bottom: 0;
  }

  .website-opening .necessary-list li .number-index {
    margin-right: 2.5rem;
  }
  
  .website-opening .necessary-list li .number-index span {
    font-size: var(--font-size-large);
    font-weight: 700;
  }

  .website-opening .necessary-list li .info .title {
    margin-bottom: 0.25rem;
  }

  .website-opening .necessary-list li .info .title h3 {
    font-size: calc(var(--font-size-normal) + 0.15rem);
  }


  .website-setup-cost .cost-estimation-formula {
    display: flex;
    align-items: center;

    overflow: hidden;

    margin-bottom: 2.75rem;
  }

  .website-setup-cost .formula-element {
    margin-right: 0.75rem;
  }
  .website-setup-cost .formula-element:last-of-type {
    margin-right: 0px;
  }

  .website-setup-cost .cost-elm {
    padding-top: 0.85rem;
    padding-right: 1.05rem;
    padding-bottom: 0.85rem;
    padding-left: 1.05rem;
    background-color: var(--secondary-base-color-code);
  }

  .website-setup-cost .symbol {
    aspect-ratio: 1 / 1;
  }

  .website-setup-cost .symbol svg {
    min-height: 30px;
  }

  .website-setup-cost .cost-estimation-element-list {
  }

  .website-setup-cost .cost-estimation-element-list li {
    display: flex;
    align-items: center;

    margin-bottom: 2.15rem;
  }
  .website-setup-cost .cost-estimation-element-list li:last-of-type {
    margin-bottom: 0;
  }

  .website-setup-cost .cost-estimation-element-list li .icon {
    margin-right: 2.5rem;
    aspect-ratio: 1 / 1;

    width: 85px;

    flex-shrink: 0;
  }

  .website-setup-cost .cost-estimation-element-list li .info .title {
    margin-bottom: 0.25rem;
  }

  .website-setup-cost .cost-estimation-element-list li .info .title h3 {
    font-size: calc(var(--font-size-normal) + 0.15rem);
  }

  .website-management .operation-list__item {
  }

  .website-management .operation-list__item {
    display: flex;
    align-items: center;

    padding-top: 1.45rem;
    padding-bottom: 1.45rem;

    border-top: 1px solid #dddddd;
  }
  .website-management .operation-list__item:last-of-type {
    border-bottom: 1px solid #dddddd;
  }

  .website-management .operation-list__item .icon {
    width: 85px;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    margin-right: 2.5rem;
  }

  .website-management .operation-list__item .title {
    margin-bottom: 0.35rem;
  }

  .website-management .operation-list__item .title h3 {
    font-size: calc(var(--font-size-normal) + 0.15rem);
  }


  .website-running-cost {
  }

  .website-running-cost .cost-estimation-formula {
    display: flex;
    align-items: center;

    overflow: hidden;

    margin-bottom: 2.75rem;
  }

  .website-running-cost .formula-element {
    margin-right: 0.75rem;
  }
  .website-running-cost .formula-element:last-of-type {
    margin-right: 0px;
  }

  .website-running-cost .cost-elm {
    padding-top: 0.85rem;
    padding-right: 1.75rem;
    padding-bottom: 0.85rem;
    padding-left: 1.75rem;
    background-color: var(--secondary-base-color-code);
  }

  .website-running-cost .symbol {
    aspect-ratio: 1 / 1;
  }
  
  .website-running-cost .symbol svg {
    min-height: 30px;
  }

  .website-running-cost .cost-estimation-element-list li {
    display: flex;
    align-items: center;

    margin-bottom: 2.15rem;
  }
  .website-running-cost .cost-estimation-element-list li:last-of-type {
    margin-bottom: 0;
  }

  .website-running-cost .cost-estimation-element-list .icon {
    width: 85px;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;

    margin-right: 2.5rem;
  }

  .website-running-cost .cost-estimation-element-list .title {
    margin-bottom: 0.35rem;
  }

  .website-running-cost .cost-estimation-element-list .title h3 {
    font-size: calc(var(--font-size-normal) + 0.15rem);
  }


}

@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */

  .section__header {
    margin-bottom: 1.25rem;
  }

  .section__header .title {
    margin-bottom: 0.75rem;
  }

  .section__header .title p {
    color: rgb(var(--main-color-rgb));
  }

  .section__header .title h2 {
    line-height: var(--font-size-mid-normal);
    font-weight: 500;
    font-family: var(--noto-sans-jp);
  }


  .website-opening .necessary-list {
  }

  .website-opening .necessary-list li {
    display: flex;
    align-items: center;

    margin-bottom: 1.55rem;
  }
  .website-opening .necessary-list li:last-of-type {
    margin-bottom: 0;
  }

  .website-opening .necessary-list li .number-index {
    margin-right: 0.675rem;
  }
  
  .website-opening .necessary-list li .number-index span {
    font-size: var(--font-size-mid-normal);
    font-weight: 700;
    letter-spacing: 0;
  }

  .website-opening .necessary-list li .info .title {
    margin-bottom: 0.15rem;
  }

  .website-opening .necessary-list li .info .title h3 {
  }

  .website-opening .necessary-list li .info .text p {
  }



  .website-setup-cost .cost-estimation-formula {
    display: flex;
    align-items: center;
    flex-direction: column;

    overflow: hidden;

    margin-bottom: 1.55rem;
  }

  .website-setup-cost .formula-element {
    margin-bottom: 0.25rem;
  }
  .website-setup-cost .formula-element:last-of-type {
    margin-bottom: 0px;
  }

  .website-setup-cost .cost-elm {
    width: 100%;
    max-width: 30rem;
    text-align: center;

    padding-top: 0.55rem;
    padding-right: 0.95rem;
    padding-bottom: 0.55rem;
    padding-left: 0.95rem;
    background-color: var(--secondary-base-color-code);
  }

  .website-setup-cost .symbol {
    aspect-ratio: 1 / 1;
  }

  .website-setup-cost .symbol svg {
    min-height: 1.75rem;
  }

  .website-setup-cost .cost-estimation-element-list {
  }

  .website-setup-cost .cost-estimation-element-list li {
    display: flex;
    align-items: center;

    margin-bottom: 1.45rem;
  }
  .website-setup-cost .cost-estimation-element-list li:last-of-type {
    margin-bottom: 0;
  }

  .website-setup-cost .cost-estimation-element-list li .icon {
    margin-right: 0.675rem;
    aspect-ratio: 1 / 1;

    width: 3.35rem;

    flex-shrink: 0;
  }

  .website-setup-cost .cost-estimation-element-list li .info .title {
    margin-bottom: 0.15rem;
  }

  .website-setup-cost .cost-estimation-element-list li .info .title h3 {
  }



  .website-management .operation-list__item {
    display: flex;
    align-items: center;

    padding-top: 0.85rem;
    padding-bottom: 0.85rem;

    border-top: 1px solid #dddddd;
  }
  .website-management .operation-list__item:last-of-type {
    border-bottom: 1px solid #dddddd;
  }

  .website-management .operation-list__item .icon {
    height: 3.35rem;
    aspect-ratio: 1 / 1;
    margin-right: 0.675rem;
  }

  .website-management .operation-list__item .title {
    margin-bottom: 0.15rem;
  }

  .website-management .operation-list__item .title h3 {
  }



  .website-running-cost {
  }

  .website-running-cost .cost-estimation-formula {
    display: flex;
    align-items: center;
    flex-direction: column;

    overflow: hidden;

    margin-bottom: 1.55rem;
  }

  .website-running-cost .formula-element {
    margin-bottom: 0.15rem;
  }
  .website-running-cost .formula-element:last-of-type {
    margin-right: 0px;
  }

  .website-running-cost .cost-elm {
    width: 100%;
    max-width: 30rem;
    text-align: center;

    padding-top: 0.55rem;
    padding-right: 0.95rem;
    padding-bottom: 0.55rem;
    padding-left: 0.95rem;
    background-color: var(--secondary-base-color-code);
  }

  .website-running-cost .symbol {
    aspect-ratio: 1 / 1;
  }
  
  .website-running-cost .symbol svg {
    min-height: 1.75rem;
  }

  .website-running-cost .cost-estimation-element-list li {
    display: flex;
    align-items: center;

    margin-bottom: 1.55rem;
  }
  .website-running-cost .cost-estimation-element-list li:last-of-type {
    margin-bottom: 0;
  }

  .website-running-cost .cost-estimation-element-list .icon {
    width: 3.35rem;
    aspect-ratio: 1 / 1;

    margin-right: 0.675rem;
    flex-shrink: 0;
  }

  .website-running-cost .cost-estimation-element-list .title {
    margin-bottom: 0.15rem;
  }

  .website-running-cost .cost-estimation-element-list .title h3 {
  }

}