body {
  color: #333
}

section:not(.top-Eye) {
  text-align: center
}

.sw-Heading_Type1 {
  line-height: 1.6;
  letter-spacing: .1em;
  font-size: 2.4rem;
  padding-bottom: 42px
}

@media screen and (max-width:768px) {
  .sw-Heading_Type1 {
    font-size: 1.6rem;
    padding-bottom: 24px
  }
}

.sw-Heading_Type1>span {
  font-family: Roboto Condensed, Noto Sans JP, sans-serif;
  display: block;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  color: #0077d0;
  opacity: .5;
  margin-top: 4px;
  letter-spacing: -.01em
}

@media screen and (max-width:768px) {
  .sw-Heading_Type1>span {
    font-size: 1.4rem
  }
}

.sw-Heading_Type1:before {
  content: none
}

.recruit_Btn_Type1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 228px;
  height: 40px;
  transition: .3s;
  margin: 42px auto 0
}

.recruit_Btn_Type1 a {
  width: 100%;
  position: relative
}

.recruit_Btn_Type1 a:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 4px;
  background: #0077d0;
  transform-origin: right top;
  transition: transform .3s
}

.recruit_Btn_Type1 a:hover:after {
  transform: scaleX(0)
}

.recruit_Btn_Type1 a span {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 20px;
  font-size: 1.6rem;
  font-weight: 700;
  transition: .3s;
  padding-bottom: 16px;
  text-align: left
}

.recruit_Btn_Type1 a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(/wp-content/themes/aijukai/assets/recruit/images/ic_arrow_right.svg);
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  transition: .3s
}

.top-Eye {
  height: auto
}

.top-Eye .pc-ray,
.top-Eye .sp-ray {
  position: absolute;
  top: 0;
  left: 0
}

.top-Eye {
  position: relative;
  width: 100%
}

.top-Eye>h2 {
  position: absolute;
  text-align: right;
  background-color: #0077d0;
  padding: 35px 40px;
  left: 11.81%;
  bottom: -35px
}

@media screen and (max-width:768px) {
  .top-Eye>h2 {
    padding: 24px;
    font-size: 1.4rem;
    line-height: .5;
    left: 0
  }
}

.top-Eye>h2 span {
  display: inline-block;
  background-color: #0077d0;
  color: #fff;
  font-size: 2.1rem;
  line-height: 1.8;
  font-weight: 500;
  text-align: left;
  letter-spacing: .3em
}

@media screen and (max-width:768px) {
  .top-Eye>h2 span {
    font-size: 1.4rem
  }
}

.top-Eye>img {
  width: 100%;
  height: auto
}

@media screen and (max-width:768px) {

  .top-Eye>img.pc,
  .top-Eye>img.pc-ray {
    display: none
  }
}

@media screen and (min-width:769px) {
  .top-Eye>img.sp {
    display: none
  }
}

@media screen and (max-width:768px) {
  .top-Eye>img.sp {
    display: block;
    width: 100%
  }
}

@media screen and (min-width:769px) {
  .top-Eye>img.sp-ray {
    display: none
  }
}

@media screen and (max-width:768px) {
  .top-Eye>img.sp-ray {
    display: block;
    width: 100%
  }
}

.top-Eye .eye-copy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 120px;
  margin: auto;
  max-width: 37%
}

@media screen and (max-width:768px) {
  .top-Eye .eye-copy {
    left: 6.4%;
    top: 48%;
    bottom: unset;
    max-width: 50%
  }
}

.st-Content_recruit {
  margin-top: 102px
}

@media screen and (max-width:768px) {
  .st-Content_recruit {
    margin-top: 65px
  }
}

.top-Message {
  text-align: center;
  position: relative;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: rgba(31, 31, 31, .1);
  padding-bottom: 64px;
  margin-top: 64px;
}

@media screen and (max-width:768px) {
  .top-Message {
    padding-bottom: 40px
  }
}

.top-Message .font-bold {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 700;
  word-break: keep-all;
}

@media screen and (max-width:768px) {
  .top-Message .font-bold {
    font-size: 1.4rem
  }
}

.top-Message p:last-child {
  margin-top: 56px;
  font-size: 1.6rem;
  line-height: 2
}

@media screen and (max-width:768px) {
  .top-Message p:last-child {
    font-size: 1.4rem;
    margin-top: 24px;
    line-height: 1.67
  }
}

.top-RecuitNews {
  /* margin-top: 96px */
}

@media screen and (max-width:768px) {
  .top-RecuitNews {
    /* margin-top: 40px */
  }
}

.top-RecuitNews>ul {
  background-color: rgba(0, 0, 0, .03);
  padding: 45px 150px
}

@media screen and (max-width:768px) {
  .top-RecuitNews>ul {
    padding: 24px 16px
  }
}

.top-RecuitNews>ul li {
  display: flex;
  align-items: center;
  margin-top: 19px
}

@media screen and (max-width:768px) {
  .top-RecuitNews>ul li {
    flex-wrap: wrap
  }
}

.top-RecuitNews ul li time {
  font-size: 1.8rem
}

@media screen and (max-width:768px) {
  .top-RecuitNews ul li time {
    font-size: 1.4rem
  }
}

.top-RecuitNews ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 24px;
  padding: 0 11px;
  border-radius: 16px;
  min-width: 96px;
  height: 26px;
  font-size: 1.4rem
}

@media screen and (max-width:768px) {
  .top-RecuitNews ul li span {
    font-size: 1.4rem;
    min-width: 79px;
    height: 21px
  }
}

.top-RecuitNews ul li p {
  margin-left: 24px;
  width: 100%;
  font-size: 1.6rem
}

@media screen and (max-width:768px) {
  .top-RecuitNews ul li p {
    margin-left: 0;
    font-size: 1.6rem
  }
}

.top-RecuitNews ul li a {
  display: block;
  text-align: left
}

.top-RecuitNews .recruit_Btn_Type1 {
  margin-top: 35px
}

.top-RecruitInfoList {
  position: relative;
  padding-bottom: 64px;
  margin-top: 99px
}

@media screen and (max-width:768px) {
  .top-RecruitInfoList {
    margin-top: 54px;
    padding-bottom: 40px
  }
}

.top-RecruitInfoList .bg {
  background-color: rgba(0, 119, 208, .1);
  padding: 64px 0;
  margin-top: -80px
}

@media screen and (max-width:768px) {
  .top-RecruitInfoList .bg {
    padding: 60px 44px;
    margin-top: -48px
  }
}

.top-RecruitInfoList p {
  max-width: 562px;
  margin: 32px auto 0;
  margin-top: 32px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center
}

@media screen and (max-width:768px) {
  .top-RecruitInfoList p {
    font-size: 1.4rem;
    margin-top: 0
  }
}

.top-RecruitVoice {
  position: relative;
  padding-bottom: 64px;
  border-bottom: 1px solid;
  border-color: rgba(31, 31, 31, .1);
  margin-top: 0
}

@media screen and (max-width:768px) {
  .top-RecruitVoice {
    padding-bottom: 40px
  }
}

.top-RecruitVoice .sw-Heading_Type1 {
  padding-bottom: 8px
}

.top-RecruitVoice ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 64px
}

@media screen and (max-width:768px) {
  .top-RecruitVoice ul {
    justify-content: center;
    margin-top: 32px
  }
}

.top-RecruitVoice ul li {
  width: calc((100% -32px) / 2);
  max-width: 584px;
  transition: .2s
}

@media screen and (max-width:768px) {
  .top-RecruitVoice ul li {
    width: 100%;
    margin-top: 24px
  }
}

.top-RecruitVoice ul li:hover {
  opacity: .8
}

.top-RecruitVoice ul li:first-child {
  margin-top: 0
}

.top-RecruitVoice ul li:nth-child(n+3) {
  margin-top: 53px
}

@media screen and (max-width:768px) {
  .top-RecruitVoice ul li:nth-child(n+3) {
    margin-top: 24px
  }
}

.top-RecruitVoice .img-Wrapper {
  position: relative
}

.top-RecruitVoice .img-Wrapper img {
  width: 100%
}

.top-RecruitVoice .img-Wrapper p {
  position: absolute;
  bottom: -24px;
  color: #fff;
  background-color: #0077d0;
  padding: 24px;
  font-size: 1.6rem;
  line-height: 1.5;
  width: 439px;
  text-align: left;
  letter-spacing: .1em
}

@media screen and (max-width:768px) {
  .top-RecruitVoice .img-Wrapper p {
    width: 81%;
    font-size: 1.4rem;
    padding: 16px
  }
}

.top-RecruitVoice ul li h3 {
  margin-top: 35.5px;
  line-height: 2;
  font-size: 16px;
  text-align: left;
  position: relative;
  padding-right: 46px;
  display: table
}

@media screen and (max-width:768px) {
  .top-RecruitVoice ul li h3 {
    font-size: 14px;
    margin-top: 28.5px;
    padding-right: 28px
  }
}

.top-RecruitVoice ul li h3:after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 3px;
  z-index: -1;
  background-image: url(/wp-content/themes/aijukai/assets/common/images/ic_arrow_square_right_01.svg);
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  .top-RecruitVoice ul li h3:after {
    width: 20px;
    height: 20px;
    top: 2px
  }
}

.top-RecruitVoice .recruit_Btn_Type1 {
  margin-top: 80px
}

@media screen and (max-width:768px) {
  .top-RecruitVoice .recruit_Btn_Type1 {
    margin-top: 62px
  }
}

.top-Facility {
  margin-top: 64px;
  border-top: 1px solid;
  border-color: rgba(31, 31, 31, .1);
}

@media screen and (max-width:768px) {
  .top-Facility {
    margin-top: 40px
  }
}

.top-Facility .sw-Heading_Type1 {
  padding-bottom: 64px
}

@media screen and (max-width:768px) {
  .top-Facility .sw-Heading_Type1 {
    padding-bottom: 32px
  }
}

.top-Facility ul {
  display: flex;
  justify-content: space-evenly;
}

@media screen and (max-width:768px) {
  .top-Facility ul {
    flex-wrap: wrap
  }
}

.top-Facility ul li {
  width: calc((100% - 48px) /3)
}

@media screen and (max-width:768px) {
  .top-Facility ul li {
    margin-top: 16px;
    width: 100%
  }
}

@media screen and (max-width:768px) {
  .top-Facility ul li:first-child {
    margin-top: 0
  }
}

.top-Facility .img-Wrapper,
.top-Facility ul li a {
  position: relative
}

.top-Facility .img-Wrapper .facility-img {
  width: 100%
}

.top-Facility .img-Wrapper .facility-ray {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.facility-name-Wrapper {
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 100%;
  display: flex;
  background-color: rgba(0, 0, 0, .01);
  transition: .2s
}

.facility-name-Wrapper:hover {
  background-color: rgba(0, 0, 0, .4)
}

.top-Facility h3 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 100%
}

@media screen and (max-width:768px) {
  .top-Facility h3 {
    font-size: 1.6rem
  }
}

.top-Facility h3 span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.3;
  margin-top: 4px
}

.top-Facility h3:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(/wp-content/themes/aijukai/assets/common/images/ic_arrow_square_right_04.svg);
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  .top-Facility h3:after {
    width: 16px;
    height: 16px;
    right: 16px
  }
}

.top-RecruitFlow {
  position: relative;
  margin-top: 64px
}

@media screen and (max-width:768px) {
  .top-RecruitFlow {
    margin-top: 40px
  }
}

.top-RecruitFlow .bg {
  background-color: rgba(31, 31, 31, .05);
  padding: 64px 0;
  margin-top: -80px
}

@media screen and (max-width:768px) {
  .top-RecruitFlow .bg {
    margin-top: -48px;
    padding-bottom: 32px
  }
}

.top-RecruitFlow ol {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 42px
}

@media screen and (max-width:768px) {
  .top-RecruitFlow ol {
    flex-wrap: wrap;
    margin-top: 24px
  }
}

.top-RecruitFlow ol>li {
  width: 25%;
  max-width: 214px
}

@media screen and (max-width:768px) {
  .top-RecruitFlow ol>li {
    width: 100%;
    display: flex;
    max-width: unset;
    align-items: center
  }
}

.top-RecruitFlow ol>li:before {
  padding-top: 100%
}

.top-RecruitFlow .img-Wrapper {
  width: 100%;
  position: relative
}

@media screen and (max-width:768px) {
  .top-RecruitFlow .img-Wrapper {
    width: 30%
  }
}

.top-RecruitFlow .img-Wrapper span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 49px;
  height: 49px;
  z-index: 1;
  font-size: 2.2rem
}

@media screen and (max-width:768px) {
  .top-RecruitFlow .img-Wrapper span {
    width: 32px;
    height: 32px;
    font-size: 1.6rem
  }
}

.top-RecruitFlow .img-Wrapper span:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -8px;
  z-index: -1
}

@media screen and (max-width:768px) {
  .top-RecruitFlow .img-Wrapper span:after {
    width: 32px;
    height: 32px;
    top: -4px
  }
}

.top-RecruitFlow .flow-img {
  width: 100%
}

.top-RecruitFlow .flow-img:first-child {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.top-RecruitFlow .flow-img:last-child {
  width: 35%;
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  margin: auto
}

.top-RecruitFlow .text-Wrapper {
  margin-top: -70px;
  width: 100%;
  position: relative
}

@media screen and (max-width:768px) {
  .top-RecruitFlow .text-Wrapper {
    width: 70%;
    margin-top: 0;
    text-align: left;
    margin-left: 9px
  }
}

.top-RecruitFlow .text-Wrapper span {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700
}

@media screen and (max-width:768px) {
  .top-RecruitFlow .text-Wrapper span {
    font-size: 1.4rem
  }
}

.top-RecruitFlow .text-Wrapper ul {
  margin-top: 49px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 400;
  text-align: left
}

@media screen and (max-width:768px) {
  .top-RecruitFlow .text-Wrapper ul {
    margin-top: 8px;
    font-size: 1.4rem
  }
}

.top-RecruitFlow ul li {
  padding-left: 16px;
  position: relative
}

@media screen and (max-width:768px) {
  .top-RecruitFlow ol>li:not(:first-child) {
    margin-top: 24px
  }
}

.top-RecruitFlow ul li:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-image: url(/wp-content/themes/aijukai/assets/recruit/images/ic_point.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 3px;
  top: 8px
}

@media screen and (max-width:768px) {
  .top-RecruitFlow ul li:before {
    left: 2px;
    top: 7px
  }
}

.top-RecruitFlow ol>li:nth-child(n+3) .flow-img:last-child {
  width: 30%
}

.top-RecruitFlow .recruit_Btn_Type1 {
  margin-top: 64px
}

@media screen and (max-width:768px) {
  .top-RecruitFlow .recruit_Btn_Type1 {
    margin-top: 34px
  }
}

.st-Footer_Inner {
  margin: 0 auto;
  text-align: left
}

.top-Work {
  position: relative;
  padding-bottom: 64px;
  border-bottom: 1px solid;
  border-color: rgba(31, 31, 31, .1);
  margin-top: 0
}

@media screen and (max-width:768px) {
  .top-Work {
    padding-bottom: 40px;
  }
}

.top-Work .text-Wrapper {
  width: 100%;
  position: relative
}

.top-Work h3 {
  font-size: 2.4rem;
  margin-bottom: 32px;
  font-weight: 700;
  word-break: keep-all;
}

@media screen and (max-width:768px) {
  .top-Work h3 {
    font-size: 1.4rem;
  }
}

.top-Work p.work_image {
  text-align: center;
  margin-bottom: 32px;
}

.top-Work p.work_overview {
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width:768px) {
  .top-Work p.work_overview {
    font-size: 14px;
  }
}

.top-Work div.work_item_wrapper {
  display:flex;
  flex-wrap:wrap;
  column-gap: calc(1% / 2);
}

@media screen and (max-width:768px) {
  .top-Work div.work_item_wrapper {
    display: block;
  }
}

.top-Work div.work_item_wrapper div.work_item_block {
  background-color: #f0f0f0;
  width: calc(33%);
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width:768px) {
  .top-Work div.work_item_wrapper div.work_item_block {
    background-color: #f0f0f0;
    width: calc(100%) ;
  }
}


.top-Work div.work_item_wrapper div.work_item_block h4 {
  background-color: #0077d0;
  color: #ffffff;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (max-width:768px) {
  .top-Work div.work_item_wrapper div.work_item_block h4 {
    font-size: 14px;
  }
}

.top-Work div.work_item_wrapper div.work_item_block ul {
  text-align: left;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width:768px) {
  .top-Work div.work_item_wrapper div.work_item_block ul {
    font-size: 14px;
  }
}

.top-Work p.work_notice {
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width:768px) {
  .top-Work p.work_notice {
    font-size: 14px;
  }
}

.top-Business {
  margin-top: 64px;
  border-top: 1px solid;
  border-color: rgba(31, 31, 31, .1);
}

.top-Business h3 {
  font-size: 2.4rem;
  margin-bottom: 32px;
  font-weight: 700;
}

@media screen and (max-width:768px) {
  .top-Business h3 {
    font-size: 1.4rem;
  }
}

.top-Business p {
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width:768px) {
  .top-Business p {
    font-size: 14px;
  }
}

.top-Faq {
  margin-top: 64px;
  border-top: 1px solid;
  border-color: rgba(31, 31, 31, .1);
}

@media screen and (max-width:768px) {
  .top-Faq {
    margin-top: 40px;
  }
}


.top-Faq dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 16px;
}

@media screen and (max-width:768px) {
  .top-Faq dl {
    font-size: 14px;
  }
}
.top-Faq dt.faq-q-icon {
  width: 3rem;
  color: #00477C;
}

.top-Faq dt.faq-a-icon {
  width: 3rem;
  color: #7ebae7;
}

.top-Faq dl dd.faq-q-text {
  color: #00477C;
  text-align: left;
  width: calc(100% - 3rem);
}

.top-Faq dl dd.faq-a-text {
  text-align: left;
  width: calc(100% - 3rem);
  margin-bottom: 10px;
}

.top-About {
  padding-bottom: 64px;
  border-bottom: 1px solid;
  border-color: rgba(31, 31, 31, .1);
}

@media screen and (max-width:768px) {
  .top-About {
    margin-bottom: 40px;
  }
}


.top-About h3 {
  font-size: 2.4rem;
  margin-bottom: 32px;
  font-weight: 700;
  word-break: keep-all;
}

@media screen and (max-width:768px) {
  .top-About h3 {
    font-size: 1.4rem;
  }
}

.top-About p {
  text-indent: 1.5rem;
  text-align: left;
  font-size: 16px;
  margin-bottom: 5px;
}

@media screen and (max-width:768px) {
  .top-About p {
    font-size: 14px;
  }
}

.top-About dl {
  margin-top: 10px;
}

.top-About dt {
  text-align: left;
  color: #00477C;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width:768px) {
  .top-About dt {
    font-size: 14px;
  }
}

.top-About dd {
  padding-left: 1.5rem;
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width:768px) {
  .top-About dd {
    font-size: 14px;
  }
}

.float-button {
  width: 180px;
  height: 60px;
  position: fixed;
  bottom: 10px;
  right: calc(50% - 90px);
  z-index: 10;

}
.float-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 16px;
  background-color: #fecd18;
  color: #333333;
  border-radius: 5px;
  opacity: 0.5;
}

.float-button a:hover {
  opacity: 1;
}