@font-face {
  font-family: 'HGGothicM';
  src: url("../fonts/HGGothicM-01.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'HGGothicE';
  src: url("../fonts/HGGothicE-01.ttf") format("truetype");
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  color: #000;
}

img {
  vertical-align: bottom;
}

a {
  color: inherit;
  text-decoration: none;
}

.section-inner {
  max-width: 840px;
  padding: 0 20px;
  margin: 0 auto;
}

.section-title {
  text-align: center;
  background-image: url(../img/title-bottom.svg);
  background-position: 50% 120%;
  background-repeat: no-repeat;
  font-size: 3.2rem;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .01em;
}

.tb {
  display: none;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

.header {
  background-image: url(../img/bg-header.webp);
  background-size: cover;
  background-position: center;
  text-align: center;
  height: 227px;
  font-family: 'Noto Serif Tamil', serif;
  padding-top: 62px;
}

.header .header-text-wrapper {
  background-image: url(../img/header-under.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.header .attention {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  color: #fff;
}

.header .attention::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(-25deg);
}

.header .attention::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(25deg);
}

.header .header-text-top {
  font-size: 2.4rem;
  font-weight: bold;
  padding-top: 5px;
}

.header .header-text-bottom {
  color: #fff;
  font-weight: 900;
  font-size: 3.6rem;
  padding-top: 8px;
}

.bg-parallax .pc img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  opacity: .5;
  height: 100vh;
}

.fv {
  background-image: url(../img/bg-main.webp);
  background-size: cover;
  background-position: center;
}

.fv .main-title {
  width: 840px;
  padding: 11px 0 20px;
  text-align: center;
  font-family: "ta-marugo-gf-04", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.6rem;
  letter-spacing: .005em;
  line-height: 1.9;
  margin: 0 auto;
}

.fv .main-title .main-point {
  font-family: 'HGGothicE', sans-serif;
}

.fv .main-title .office-worker {
  color: #0085AF;
  font-size: 4.8rem;
}

.fv .main-title .internet {
  color: #2CC513;
  font-size: 4.8rem;
}

.fv .main-title .money {
  color: #EBD938;
  font-size: 4.8rem;
}

.fv .main-title .bigger-text {
  font-size: 3.4rem;
}

.fv .main-title .possible {
  color: #EA1515;
  font-size: 4.4rem;
}

.fv .main-title .automation {
  background: linear-gradient(transparent 60%, #EBD938 60%);
  padding-bottom: 3px;
  font-size: 4.4rem;
}

.enroll-container {
  text-align: center;
  width: 100%;
  border: 3px solid #EDD500;
  padding: 54px 0px;
  position: relative;
}

.enroll-container::after {
  content: "";
  border: 3px solid #A3AF1A;
  position: absolute;
  top: 11px;
  left: 11px;
  width: calc(100% - 28px);
  height: calc(100% - 28px);
  pointer-events: none;
}

.enroll-container .enroll-title {
  display: inline-block;
  background: linear-gradient(transparent 70%, #EBD938 70%);
}

.enroll-container .enroll-text {
  margin-top: 43px;
}

form .email-item {
  margin-bottom: 12px;
}

form .email-item input {
  line-height: 79px;
  background-color: #D9D9D9;
  font-family: 'HGGothicM', sans-serif;
  border: 1px solid #898989;
}

form .email-item input:hover {
  background-color: #fff;
}

input, button {
  width: 636px !important;
  height: 79px;
  font-size: 2rem;
  border-radius: 8px;
  text-align: center;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
  outline: none;
}

.submit-btn button {
  cursor: pointer;
  border: none;
  outline: 1px solid #FFF2F2;
  outline-offset: -5px;
  position: relative;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  background-color: #1FD292;
  background-image: url(../img/button-wave.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  color: #fff;
  text-shadow: 1px 1px 0 #419B32, -1px -1px 0 #419B32, -1px 1px 0 #419B32, 1px -1px 0 #419B32, 0px 1px 0 #419B32, -1px 0 #419B32, -1px 0 0 #419B32, 1px 0 0 #419B32;
}

.submit-btn button:hover {
  transform: scale(1, -1);
}

.submit-btn button:hover span {
  transform: scale(1, -1);
  display: inline-block;
}

.text-section {
  padding-top: 112px;
}

.explanation-text {
  font-size: 2rem;
  font-family: 'HGGothicM', sans-serif;
  line-height: normal;
}

.explanation-text span {
  font-size: 3.2rem;
}

.failure {
  padding-bottom: 20px;
  background-position: 50% 97%;
  margin-top: 5px;
  margin-bottom: 21px;
}

.unable {
  letter-spacing: 0;
  background-image: url(../img/title-wave2.svg);
  line-height: normal;
  background-position: 50% 165%;
  margin-top: 2px;
  margin-bottom: 21px;
}

.ai {
  letter-spacing: -.035em;
  margin-bottom: 19px;
  margin-top: 23px;
  font-size: 2.9rem;
  background-image: url(../img/title-wave3.svg);
  background-position: 50% 124%;
  padding-bottom: 6px;
}

.free {
  background-image: url(../img/title-wave4.svg);
  background-position: 120% 150%;
  margin: 18px 0 22px;
  line-height: normal;
}

.participate {
  background-image: url(../img/title-wave5.svg);
  background-position: 46% 146%;
  margin: 29px 0 18px;
}

.offer-section .section-inner {
  background-image: url(../img/bg-special-offer.webp);
  background-position: center;
  background-size: 100% 100%;
  padding: 41px 0 65px;
  position: relative;
}

.offer-section .section-inner .top-left-item {
  position: absolute;
  top: 5px;
  left: 13px;
  width: 90px;
}

.offer-section .section-inner .top-right-item {
  position: absolute;
  top: 5px;
  right: 13px;
  width: 90px;
}

.offer-section .section-inner .bottom-left-item {
  position: absolute;
  bottom: 5px;
  left: 13px;
  width: 90px;
}

.offer-section .section-inner .bottom-right-item {
  position: absolute;
  bottom: 5px;
  right: 13px;
  width: 90px;
}

.offer-section .special-offer-title {
  color: #8D7F00;
  text-align: center;
  margin-bottom: 45px;
  font-size: 4rem;
  font-family: 'Shippori Mincho', serif;
  text-shadow: 3px 4px 3px rgba(0, 0, 0, 0.25);
  letter-spacing: -.015em;
}

.offer-section .special-offer-container {
  padding-left: 59px;
}

.offer-section .special-offer-item:last-of-type::before {
  content: "";
  display: none;
}

.offer-section .special-offer-item:last-of-type::after {
  content: "";
  display: none;
}

.offer-section .offer-text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 2rem;
}

.offer-section .line {
  width: 621px;
  margin: 25px 0 25px 36px;
}

.present-section {
  padding: 29px 0 47px;
}

.present-section .section-title {
  line-height: normal;
  background-image: url(../img/title-wave6.svg);
  background-position: 39% 267%;
}

.present-section .explanation-text {
  line-height: normal;
}

.join-section {
  background-image: url(../img/bg-enroll.webp);
  background-position: center;
  background-size: cover;
}

.profile-section {
  padding-top: 73px;
  padding-bottom: 60px;
}

.profile-section .title-outer {
  text-align: center;
}

.profile-section .title-outer .title-wrapper {
  display: inline-block;
}

.profile-section .title-outer .title-wrapper img {
  height: 35px;
  width: 565px;
}

.profile-section .profile-title {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 4rem;
  text-align: center;
  letter-spacing: -.08em;
  line-height: 1;
}

.profile-section .profile-container {
  display: flex;
}

.profile-section .profile-container .profile-left-container {
  margin-top: 23px;
  width: 113%;
}

.profile-section .profile-container .profile-left-container .profile-name {
  font-size: 3.4rem;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #8D7F00;
  letter-spacing: -.06em;
  margin-bottom: 110px;
}

.profile-section .profile-container .profile-left-container .profile-name span {
  font-size: 3rem;
  letter-spacing: -.08em;
}

.profile-section .profile-container .profile-left-container .profile-text-wrapper {
  width: 93%;
}

.profile-section .profile-container .profile-left-container .profile-text {
  margin-bottom: 33px;
  font-size: 2rem;
  font-family: 'HGGothicM', sans-serif;
  letter-spacing: .045em;
  line-height: normal;
}

.profile-section .profile-container .profile-left-container .profile-text:last-of-type {
  margin-bottom: 0;
}

.profile-section .profile-container .profile-right-container .sano-photo {
  width: 223px;
  height: auto;
  margin: -32px 0 22px -34px;
}

.profile-section .profile-container .profile-right-container .book {
  width: 167px;
  height: auto;
}

.footer .footer-inner .footer-list {
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 160px;
}

.footer .footer-inner .footer-list .footer-item {
  font-size: 2rem;
  font-family: 'HGGothicM', sans-serif;
  letter-spacing: .045em;
  line-height: normal;
}