@charset "UTF-8";

#aboutala{
  --ff-noto-serif-jp: "Noto Serif JP";
  --ff-cardo: "Cardo";
}

#aboutala img{
  width: 100%;
  height: auto;
  display: block;
}

#aboutala h1{
  padding: 0 3rem;
  box-sizing: border-box;
  background: none;
}

#aboutala .breadcrumbs{
  font-family: var(--fontJP);
}

#aboutala .breadcrumbs li{
  margin: 0;
}

#aboutala .breadcrumbs li a{
  text-decoration: underline;
}

@media (min-width: 768px) {
  .pane-main{
    padding-top: 0;
  }
}

#aboutala .innerbox{
  margin-top: 0;
}

#aboutala .innerbox h1{
  margin: 0;
  display: block;
  height: fit-content;
  position: absolute;
  color: #fff;
}

#aboutala .main-visual{
  position: relative;
  display: grid;
  align-items: center;
}

#aboutala h1{
  font-family: var(--ff-noto-serif-jp);
  font-weight: bold;
  font-size: 2.7rem;
  letter-spacing: 0.03em;
}

#aboutala h1 span{
  font-family: var(--ff-cardo);
  font-weight: normal;
  font-size: 2.9rem;
  letter-spacing: 0.03em;
}

@media (max-width: 767px) {
  .pconly{
    display: none;
  }
}

@media (min-width: 768px) {
  #aboutala .u-md-text-center{
    text-align: center;
  }

  #aboutala .main-visual{
    margin: 0 auto 6.5rem;
    width: min(1000px, 100rem);
  }

  #aboutala h1{
    padding: 0 10rem;
    font-size: 4.4rem;
    background: none;
  }

  #aboutala h1 span{
    font-size: 4.7rem;
  }
}

#aboutala .common-section{
  padding: 4rem 0;
}

#aboutala .common-section[data-section="bg-gray"]{
  background-color: #F4F4F4;
}

#aboutala .common-section[data-section="bg-white"]{
  background-color: #fff;
  padding: 5rem 0;
}

#aboutala .common-section[data-section="bg-gradient"]{
  background: transparent linear-gradient(223deg, #001239 0%, #185098 34%, #348AD3 77%, #BDEBFF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}

#aboutala .common-section[data-section="bg-gradient"] .common-section__heading{
  color: #fff;
}

#aboutala .common-section[data-section="bg-white"] .common-section__heading{
  margin-bottom: 2.5rem;
}

#aboutala .common-section[data-section="bg-white"] .common-section__image{
  margin: 2.5rem 0;
}

#aboutala .common-section[data-section="bg-white"] .common-section__inner > *:last-of-type{
  margin-bottom: 0;
}

#aboutala .common-section__inner{
  padding-inline: 1rem;
}

#aboutala .common-section__label{
  margin: 0 auto 2.5rem;
  padding: 0.9rem 4.6rem;
  width: fit-content;
  font-family: var(--ff-noto-serif-jp);
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
  display: block;
  color: #fff;
  background: transparent linear-gradient(270deg, #91DFFA00 0%, #3C97DBCC 15%, #1B569BED 30%, #0A3379 50%, #1D599E 70%, #3C97DB 85%, #91DFFA00 100%) 0% 0% no-repeat padding-box;
}

#aboutala .common-section__heading{
  margin-bottom: 3rem;
  font-family: var(--ff-noto-serif-jp);
  display: grid;
  text-align: center;
  color: #0058A1;
}

#aboutala .common-section__heading--small{
  font-size: 1.9rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}

#aboutala .common-section__heading--middle{
  font-size: 1.9rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.75;
}

#aboutala .common-section__heading--large{
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

#aboutala .common-section__heading sup{
  font-size: 1.2rem;
  vertical-align: middle;
}

#aboutala .common-section__column{
  display: grid;
  gap: 2rem;
}

#aboutala .common-section__text{
  font-family: var(--fontJP);
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.75;
}

#aboutala .common-section__text--small{
  margin-top: 0.6375rem;
  display: block;
  font-family: var(--fontJP);
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

#aboutala .common-section[data-section="arrow"]{
  padding: 0;
  margin: 0 0 3rem;
}

#aboutala .common-section[data-section="arrow"] .common-section__arrow{
  margin: auto;
  width: 72%;
}

@media (min-width: 768px) {
  #aboutala .sponly{
    display: none;
  }

  .freepage .innerbox{
    width: 100%;
  }

  #aboutala .common-section{
    padding: 6.4rem 0;
  }

  #aboutala .common-section[data-section="bg-gradient"]{
    background: transparent linear-gradient(191deg, #001239 0%, #185098 33%, #348AD3 77%, #BDEBFF 100%) 0% 0% no-repeat padding-box;
  }

  #aboutala .common-section__inner{
    margin: auto;
    padding: 0;
    width: min(1000px, 100rem);
  }

  #aboutala .common-section__label{
    padding: 0.8rem 8.2rem;
    font-size: 2.4rem;
  }

  #aboutala .common-section__heading{
    margin-bottom: 5rem;
    gap: 0;
  }

  #aboutala .common-section__heading--small{
    font-size: 2.7rem;
  }

  #aboutala .common-section__heading--middle{
    font-size: 2.7rem;
  }

  #aboutala .common-section__heading--large{
    font-size: 3.2rem;
    line-height: 1.4375;
  }

  #aboutala .common-section__column{
    grid-template-columns: 46% 50%;
    gap: 4%;
  }

  #aboutala .common-section__text{
    font-size: 1.8rem;
  }

  #aboutala .common-section__heading sup{
    font-size: 1.6rem;
  }

  #aboutala .common-section__text--small{
    margin-top: 2.025rem;
  }

  #aboutala .common-section[data-section="bg-white"]{
    margin: 8rem 0;
    padding: 0;
  }

  #aboutala .common-section[data-section="bg-white"] .common-section__heading{
    margin-bottom: 4rem;
  }

  #aboutala .common-section[data-section="bg-white"] .common-section__image{
    margin: 4rem auto;
    width: min(800px, 80rem);
  }

  #aboutala .common-section[data-section="arrow"]{
    margin-bottom: 6rem;
  }

  #aboutala .common-section[data-section="arrow"] .common-section__arrow{
    width: min(360px, 36rem);
  }
}

#aboutala .common-section__subheading{
  margin: 2rem 0;
  padding: 1rem;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  font-family: var(--fontJP);
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  background-color: #D9E6F1;
  color: #0058A1;
}

#aboutala .common-section__subheading sup{
  font-size: 0.9rem;
  vertical-align: middle;
}

@media (min-width: 768px) {
  #aboutala .common-section__subheading{
    padding: 1.5rem 1rem;
    margin: 4rem auto 2rem;
    font-size: 1.8rem;
    width: min(800px, 80rem);
  }
}

#aboutala table{
  width: 100%;
}

#aboutala table th{
  font-family: var(--fontJP);
  font-size: 1.4rem;
  font-weight: bold;
  width: 9rem;
  letter-spacing: 0.03em;
  line-height: 1.2143;
  background-color: #0058A1;
  color: #fff;
  text-align: center;
}

#aboutala table tr:first-of-type td{
  border-top: 1px solid #ccc;
}

#aboutala table td{
  padding: 1.14rem 0.5em;
  font-family: var(--fontJP);
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0.03em;
  line-height: normal;
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#aboutala table td.item{
  width: 11.35rem;
}

#aboutala table + table{
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  #aboutala table th{
    width: 11rem;
  }

  #aboutala table td{
    padding: 1.2rem 0.5em;
  }

  #aboutala table td.item{
    width: 12rem;
  }
}

#aboutala .common-section[data-section="5ala-decrease"]{
  padding: 4.8rem 0 4.4rem;
}

#aboutala .common-section[data-section="5ala-decrease"] .common-section__heading{
  margin-bottom: 2rem;
}

#aboutala .common-section[data-section="5ala-decrease"] .common-section__image{
  margin: 2rem 0;
}

@media (min-width: 768px) {
  #aboutala .common-section[data-section="5ala-decrease"]{
    padding: 8rem 0 4rem;
  }

  #aboutala .common-section[data-section="5ala-decrease"] .common-section__image{
    margin: 4rem auto 2rem;
    width: min(80rem, 800px);
  }

  #aboutala .common-section[data-section="5ala-decrease"] .common-section__text--small{
    margin: auto;
    text-align: right;
    font-size: 1.3rem;
    width: min(80rem, 800px);
  }
}

#aboutala .common-section[data-section="supplement"]{
  padding: 0 0 4.5rem;
}

#aboutala .common-section[data-section="supplement"] .common-section__heading{
  margin-bottom: 2rem;
}

#aboutala .common-section[data-section="supplement"] .common-section__column{
  gap: 1.5rem;
}

#aboutala .common-section[data-section="supplement"] .common-section__subheading{
  margin-top: 4.5rem;
}

#aboutala .common-section[data-section="supplement"] .common-section__text--small{
  margin-top: 2rem;
}

@media (min-width: 768px) {
  #aboutala .common-section[data-section="supplement"]{
    padding: 4rem 0 8rem;
  }

  #aboutala .common-section[data-section="supplement"] .common-section__column{
    margin: auto;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
    width: min(800px, 80rem);
  }

  #aboutala .common-section[data-section="supplement"] .common-section__text--small{
    margin-inline: auto;
    width: min(800px, 80rem);
    text-align: right;
  }

  #aboutala .common-section[data-section="supplement"] .common-section__image{
    margin: 4rem auto;
  }
}

#aboutala .common-section[data-section="product-list"]{
  background-color: #F4F4F4;
}

#aboutala .common-section[data-section="product-list"] .common-section__heading{
  margin-bottom: 1.8rem;
}

#aboutala .common-section[data-section="product-list"] .five-ala-heading{
  display: grid;
  grid-template-columns: 9rem 1fr;
  align-items: center;
}

#aboutala .common-section[data-section="product-list"] .five-ala-heading__circle{
  grid-area: 1/1/2/2;
  translate: -0.5rem 0;
}

#aboutala .common-section[data-section="product-list"] .five-ala-heading__body{
  padding: 1rem 0;
  margin: 0 0 0 auto;
  grid-area: 1/1/2/3;
  width: calc(100% - 2.5rem);
  background: transparent linear-gradient(90deg, #2E93D5 0%, #184A91 45%, #0B2069 100%) 0% 0% no-repeat padding-box;
}

#aboutala .common-section[data-section="product-list"] .five-ala-heading__text{
  font-family: var(--fontJP);
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}

#aboutala .common-section[data-section="product-list"] .five-ala-heading__text sup{
  font-size: 1.2rem;
  vertical-align: middle;
}

#aboutala .common-section[data-section="product-list"] .five-ala-product-list{
  margin-top: 1.7rem;
  font-family: var(--fontJP);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem 1.1rem;
}

#aboutala .common-section[data-section="product-list"] .product-item{
  padding: 2rem 0 1.9rem;
  border-radius: 0.5rem;
  box-shadow: 0.2rem 0.2rem 1rem rgb(0 0 0 / 0.1);
  background-color: #fff;
}

#aboutala .common-section[data-section="product-list"] .product__item--lead{
  padding: 0 0 1.1rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  text-align: center;
}

#aboutala .common-section[data-section="product-list"] .product__item--lead small{
  font-size: 1.3rem;
}

#aboutala .common-section[data-section="product-list"] .product__item--image{
  margin: -4rem auto 0;
  width: 8rem;
  aspect-ratio: 1;
}

#aboutala .common-section[data-section="product-list"] .product__item--type{
  margin: 0.7rem auto 0;
  padding: 0.6rem 0.9rem;
  width: fit-content;
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  border: 1px solid #000;
}

#aboutala .common-section[data-section="product-list"] .product__item--link{
  margin: 0.8rem auto 0;
  padding: 1.2rem 3.8rem;
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  text-decoration: none;
  width: fit-content;
  background-color: #007EDA;
  border-radius: 100vh;
  color: #fff;
}

#aboutala .common-section[data-section="product-list"] .common-section__text--small{
  margin-top: 2.3rem;
}

@media (min-width: 768px) {
  #aboutala .common-section[data-section="product-list"] .five-ala-heading{
    width: 82rem;
    margin: auto;
    grid-template-columns: 12rem 1fr;
  }

  #aboutala .common-section[data-section="product-list"] .common-section__heading{
    margin-bottom: 0.9rem;
  }

  #aboutala .common-section[data-section="product-list"] .five-ala-heading__circle{
    translate: -2rem 0;
  }

  #aboutala .common-section[data-section="product-list"] .five-ala-heading__body{
    margin: 0;
    padding: 1.5rem 0;
    width: 100%;
  }

  #aboutala .common-section[data-section="product-list"] .five-ala-heading__text{
    font-size: 2.2rem;
  }

  #aboutala .common-section[data-section="product-list"] .five-ala-product-list{
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }

  #aboutala .common-section[data-section="product-list"] .product__item--lead{
    font-size: 1.8rem;
  }

  #aboutala .common-section[data-section="product-list"] .product__item--image{
    margin: -7rem auto 0;
    width: 12rem;
  }

  #aboutala .common-section[data-section="product-list"] .product__item--type{
    margin: 0.9rem auto 0;
    padding: 0.8rem 1.3rem;
    font-size: 1.3rem;
  }

  #aboutala .common-section[data-section="product-list"] .product__item--link{
    padding: 1.4rem 5.6rem;
    font-size: 1.4rem;
  }

  #aboutala .common-section[data-section="product-list"] .common-section__text--small{
    margin-top: 4.7rem;
    text-align: right;
  }
}

#aboutala .common-section[data-section="banner"]{
  padding: 3rem 0;
}

#aboutala .common-section[data-section="banner"] .common-section__text--small{
  margin-top: 0;
}

#aboutala .common-section[data-section="banner"] .navigation-section{
  margin-top: 4.6rem;
}

#aboutala .common-section[data-section="banner"] .navigation-list{
  display: grid;
  gap: 2rem;
}

#aboutala .common-section[data-section="banner"] .to-top--link{
  margin: 8rem auto 0;
  padding: 1.8rem 1em;
  width: 24rem;
  display: block;
  box-sizing: border-box;
  font-family: var(--fontJP);
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  text-decoration: none;
  background-color: #A7A5A5;
  text-align: center;
  color: #fff;
  border-radius: 100vh;
}

@media (min-width: 768px) {
  #aboutala .common-section[data-section="banner"]{
    padding: 3.9rem 0;
  }

  #aboutala .common-section[data-section="banner"] .navigation-section{
    margin-top: 8rem;
  }

  #aboutala .common-section[data-section="banner"] .navigation-list{
    grid-template-columns: repeat(2, 1fr);
  }

  #aboutala .common-section[data-section="banner"] .to-top--link{
    width: 30rem;
    font-size: 1.6rem;
  }
}