/* main Visual setting
------------------------------------*/
#mainVisual {
  position: relative;
  box-sizing: border-box;
  background: url("/assets/img/corporate/bg_main-corporate_pc.webp") center/cover no-repeat;
  margin: 0 auto;
  padding: 0 0 0;
  width: 100%;
  height: 315px;
}
#mainVisual:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: url("/assets/img/common/bg_main-wave_pc.webp") 0 0/100% 100% no-repeat;
  width: 100%;
  height: 82px;
}
#mainVisual .inner {
  position: relative;
  margin: 0 auto;
  max-width: 1280px;
}
#mainVisual .inner h1 {
  position: absolute;
  top: 200px;
  left: 165px;
  font-weight: 700;
  font-size: 30px;
  color: #fff;
}
#mainVisual .inner p {
  position: absolute;
  top: 95px;
  right: 0;
  width: 40.625%;
  max-width: 520px;
}

/* member introduction setting
------------------------------------*/
#memberIntro {
  margin: 0 0 150px;
}
#memberIntro .inner h2:after {
  content: 'MEMBER';
}
#memberIntro .inner > p {
  margin: 0 0 50px;
  line-height: 1.92;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 14px;
}
#memberIntro .inner > ul {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 875px;
}
#memberIntro .inner > ul li {
  width: 40.57%;
}
#memberIntro .inner > ul li picture {
  display: block;
  margin: 0 auto 15px;
  width: 125px;
}
#memberIntro .inner > ul li h3 {
  padding: 0 0 30px;
  letter-spacing: 0.2em;
}
#memberIntro .inner > ul li h3 em {
  display: block;
  font-weight: 700;
  font-size: 16px;
}
#memberIntro .inner > ul li h3 small {
  display: block;
  padding: 7px 0 20px;
  font-weight: 500;
  font-size: 10px;
}
#memberIntro .inner > ul li h3 strong {
  display: block;
  font-weight: 700;
  font-size: 12px;
}
#memberIntro .inner > ul li p {
  text-align: left;
  line-height: 2.0;
  font-weight: 500;
  font-size: 12px;
}

/* company profile setting
------------------------------------*/
#companyProfile {
  background: url("/assets/img/corporate/bg_company_pc.webp") center/cover no-repeat;
  padding: 50px 0 85px;
}
#companyProfile .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 95%;
  max-width: 1000px;
}
#companyProfile .inner h2 {
  width: 100%;
  text-align: center;
}
#companyProfile .inner h2:after {
  content: 'COMPANY';
  left: 50%;
  margin: 0 0 0 -91px;
  color: #e5bc18;
}
#companyProfile .inner > picture {
  display: block;
  border-radius: 15px;
  width: 50%;
  max-width: 500px;
  overflow: hidden;
}
#companyProfile .inner > dl {
  width: 46%;
  max-width: 460px;
  text-align: left;
  color: #fff;
}
#companyProfile .inner > dl dt {
  margin: 0 0 45px;
  letter-spacing: 0.15em;
  font-weight: 700;
  font-size: 18px;
  color: #e5bc18;
}
#companyProfile .inner > dl dt small {
  font-size: 10px;
}
#companyProfile .inner > dl dd ul li {
  font-weight: 500;
  font-size: 12px;
}
#companyProfile .inner > dl dd ul li:not(:last-child) {
  margin: 0 0 20px;
}
#companyProfile .inner > dl dd ul li em {
  display: inline-block;
  margin: 0 17px 0 0;
  width: 65px;
  text-align: right;
}

/* access setting
------------------------------------*/
#access {
  padding: 70px 0 100px;
}
#access .inner h2:after {
  content: 'ACCESS';
}
#access .inner > p {
  margin: 0 0 50px;
  line-height: 1.92;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 18px;
}
#access .inner > iframe {
  border: 10px solid #fff;
  border-radius: 15px;
  margin: 0 auto;
  width: 90%;
  max-width: 1350px;
  height: 450px;
}

/* ------------------------------------------------------------------------
	Ajustment For Small PC Window 
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
	Ajustment For Smart Phone 
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  /* main Visual setting
  ------------------------------------*/
  #mainVisual {
    background: url("/assets/img/corporate/bg_main-corporate_sp.webp") center/cover no-repeat;
    height: 60vw;
  }
  #mainVisual:after {
    background: url("/assets/img/common/bg_main-wave_sp.webp") 0 0/100% 100% no-repeat;
    width: 100%;
    height: 18.4vw;
  }
  #mainVisual .inner {
    max-width: 100vw;
  }
  #mainVisual .inner h1 {
    top: 31.333333vw;
    left: 0;
    width: 100vw;
    text-align: center;
    font-size: 8vw;
  }
  #mainVisual .inner p {
    display: none;
  }

  /* member introduction setting
  ------------------------------------*/
  #memberIntro {
    margin: 0 0 14.666667vw;
  }
  #memberIntro .inner > p {
    margin: 0 auto 12vw;
    width: 92vw;
    text-align: left;
    letter-spacing: 0;
    font-size: 3.2vw;
  }
  #memberIntro .inner > ul {
    display: block;
    width: 92vw;
    max-width: 92vw;
  }
  #memberIntro .inner > ul li {
    width: 100%;
  }
  #memberIntro .inner > ul li:not(:last-child) {
    margin: 0 0 12vw;
  }
  #memberIntro .inner > ul li picture {
    margin: 0 auto 6vw;
    width: 28vw;
  }
  #memberIntro .inner > ul li h3 {
    padding: 0 0 8vw;
  }
  #memberIntro .inner > ul li h3 em {
    font-size: 3.2vw;
  }
  #memberIntro .inner > ul li h3 small {
    padding: 2vw 0 4vw;
    font-size: 2.4vw;
  }
  #memberIntro .inner > ul li h3 strong {
    font-size: 2.7333vw;
  }
  #memberIntro .inner > ul li p {
    font-size: 3vw;
  }

  /* company profile setting
  ------------------------------------*/
  #companyProfile {
    background: url("/assets/img/corporate/bg_company_sp.webp") center/cover no-repeat;
    padding: 13.3333333vw 0 22.666667vw;
  }
  #companyProfile .inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }
  #companyProfile .inner h2:after {
    margin: 0 0 0 -24.4vw;
  }
  #companyProfile .inner > picture {
    border-radius: 4vw;
    margin: 0 auto 14vw;
    width: 84vw;
    max-width: 84vw;
  }
  #companyProfile .inner > dl {
    width: 100%;
    max-width: 100%;
  }
  #companyProfile .inner > dl dt {
    margin: 0 0 12vw;
    text-align: center;
    font-size: 4.8vw;
  }
  #companyProfile .inner > dl dt small {
    display: block;
    padding: 4vw 0 0;
    font-size: 2.666667vw;
  }
  #companyProfile .inner > dl dd ul li {
    font-size: 3.733333vw;
  }
  #companyProfile .inner > dl dd ul li:not(:last-child) {
    margin: 0 0 5.3333333vw;
  }
  #companyProfile .inner > dl dd ul li em {
    margin: 0 4.6666667vw 0 0;
    width: 42.4vw;
  }

  /* access setting
  ------------------------------------*/
  #access {
    padding: 13.3333333vw 0 22.666667vw;
  }
  #access .inner > p {
    margin: 0 0 8vw;
    font-size: 3.4vw;
  }
  #access .inner > iframe {
    border: 1.3333333vw solid #fff;
    border-radius: 4vw;
    width: 92vw;
    max-width: 92vw;
    height: 64vw;
  }
}