<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* ---------------------------------------------------------------------------------
© Ruttu. ALL RIGHTS RESERVED.

HTML CSS Selectors recruit 2021 information

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

.fv-sub-ttl {
  width: 520px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -435px;
  z-index: 6;
}
.fv-img {
  width: 188px;
  position: absolute;
  bottom: 32vh;
  left: 50%;
  margin-left: -400px;
}


.sec01 {
  width: 876px;
  padding-top: 100px;
  margin: 0 auto 295px;
}
.sec01-list {
  
}
.sec01-list &gt; dt {
  box-sizing: border-box;
  height: 92px;
  padding: 28px 0 0 78px;
  background-color: #f2f2f2;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 1;
  font-weight: 500;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.sec01-list &gt; dt .icon {
  width: 35px;
  height: 35px;
  background-image: url("../../img/recruit_v2/information/sec01-icon.svg");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 27px;
  margin: auto;
  content:"";
}
.sec01-list &gt; dt::before {
  width: 75px;
  height: 60px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  right: -13px;
  bottom: -12px;
  content:"";
}
.sec01-list &gt; dt::after {
  width: 38px;
  height: 38px;
  background-image: url("../../img/recruit_v2/information/btn_open.svg");
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
  content:"";
}
.sec01-list &gt; dt.selected::after {
  content:none;
}
.sec01-list &gt; dd {
  padding-bottom: 95px;
  position: relative;
}
.accordion_close {
  width: 38px;
  height: 38px;
  background-image: url("../../img/recruit_v2/information/btn_close.svg");
  position: absolute;
  right: 30px;
  bottom: 42px;
  cursor: pointer;
}
.sec01-list-staff {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.sec01-list-staff li {
  width: 145px;
  padding: 0 33px 60px;
}
.sec01-list-staff__img {
  width: 114px;
  height: 104px;
  margin: 0 auto 12px;
  -webkit-mask-image: url('../../img/recruit_v2/information/sec01-mask.svg');
  mask-image: url('../../img/recruit_v2/information/sec01-mask.svg');
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  overflow:hidden;
}
.sec01-list-staff__txt1 {
  padding-bottom: 12px;
  text-align: center;
}
.sec01-list-staff__txt1 span {
  display: inline;
  padding-bottom: 5px;
  font-size: 18px;
  line-height: 2;
  background: linear-gradient(transparent 50%, #ffe0de 0%);
}
.sec01-list-staff__txt2 {
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
.sec01-list-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 720px;
}
.sec01-list-data dt {
  box-sizing: border-box;
  width: 150px;
  height: 118px;
  padding: 42px 0 0 36px;
  background: url("../../img/recruit_v2/information/sec01-data_line.svg") no-repeat right top;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 1;
}
.sec01-list-data dd {
  width: 550px;
  margin-bottom: 25px;
  font-size: 12px;
  line-height: 1.66;
}

.sec02 {
  padding-bottom: 280px;
}
.sec02-step {
  width: 900px;
  padding-top: 72px;
  margin: 0 auto;
  position: relative;
}
.sec02-step::before {
  width: 6px;
  height: calc(100% - 170px);
  background: url("../../img/recruit_v2/curriculum/sec01-line_center.gif") repeat-y center top;
  position: absolute;
  top: 80px;
  left: 77px;
  z-index: 1;
  content:"";
}
.sec02-step li {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding-top: 8px;
  min-height: 180px;
  margin: 0 0 90px 40px;
  background: url("../../img/recruit_v2/curriculum/sec01-step_bg.svg") no-repeat left center;
  position: relative;
  z-index: 2;
}
.sec02-step-num {
  width: 150px;
  font-family: 'Reenie Beanie', cursive;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  top: -10px;
}
.sec02-step-num span {
  display: inline-block;
}
.sec02-step-num .txt1 {
  width: 92px;
  padding-left: 18px;
  font-size: 24px;
  color: #fff;
}
.sec02-step-num .txt2 {
  font-size: 36px;
  color: #e800af;
}
.sec02-step-box {
  box-sizing: border-box;
  width: 186px;
  height: 180px;
  position: relative;
  margin-right: 24px;
}
.sec02-step-box__ttl {
  padding: 26px 0 13px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}
.sec02-step-box__txt {
  width: 300px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -150px;
}
.sec02-step-box__txt em {
  display: inline-block;
  padding: 0 10px;
  font-family: 'Reenie Beanie', cursive;
  font-size: 30px;
  font-weight: 700;
}
.sec02-step-box__img {
  width: 114px;
  height: 104px;
  margin: 0 auto;
  -webkit-mask-image: url('../../img/recruit_v2/curriculum/ssec01-step-mask.svg');
  mask-image: url('../../img/recruit_v2/curriculum/ssec01-step-mask.svg');
}
.sec02-step-txt {
  width: 490px;
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0;
}

.sec03 {
  padding-top: 62px;
  position: relative;
  z-index: 2;
}
.sec03::before {
  width: 50%;
  height: calc(100% + 17px);
  background-color: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0;
  content:"";
  z-index: -1;
}
.sec03-faq {
  width: 395px;
  padding-left: 460px;
  margin: 0 auto 270px;
  position: relative;
}
.sec03-faq .content-ttl {
  text-align: left;
  position: absolute;
  top: 37%;
  left: 40px;
}
.sec03-faq-list {
  border-bottom: 1px solid #e5e5e5;
}
.sec03-faq-list dt {
  padding: 28px 0 25px 50px;
  border-top: 1px solid #e5e5e5;
  position: relative;
  counter-increment: faq;
  cursor: pointer;
}
.sec03-faq-list dt::before {
  font-family: 'Reenie Beanie', cursive;
  content: counter(faq, decimal-leading-zero);
  font-size: 36px;
  line-height: 1;
  color: #8dc5d5;
  position: absolute;
  top: 22px;
  left: 12px;
}
.sec03-faq-list dd {
  padding: 12px 25px 50px 82px;
  position: relative;
}
.sec03-faq-list dd::before {
  width: 34px;
  height: 37px;
  border-bottom: 5px solid #8dc5d5;
  border-left: 5px solid #8dc5d5;
  position: absolute;
  top: -7px;
  left: 19px;
  content:"";
}
.sec03-faq-list dd .accordion_close {
  background-image: url("../../img/recruit_v2/information/btn_close.png");
  right: 28px;
  bottom: 10px;
}

.sec03-download {
  width: 920px;
  padding-bottom: 260px;
  margin: 0 auto;
}
.sec03-download-ttl {
  padding-bottom: 55px;
  font-size: 42px;
  line-height: 1;
  font-weight: 500;
  text-align: center;
}
.sec03-download-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding-bottom: 48px;
}
.sec03-download-list-in {
  width: 430px;
  font-size: 14px;
  line-height: 2.14;
}
.sec03-download-list__ttl {
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0;
  text-decoration: underline;
}
.sec03-download-list__ttl span {
  padding-top: 10px;
  display: block;
  font-size: 14px;
  line-height: 1;
}
.sec03-download-list__img {
  box-sizing: border-box;
  width: 358px;
  padding-left: 118px;
}

.sec04 {
  width: 1000px;
  padding-bottom: 140px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.sec04-btn {
  width: 498px;
  height: 141px;
  padding: 8px 8px 6px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.sec04-btn::before {
  width: 756px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto;
  margin-left: -378px;
  transform: rotate(-17deg);
  content:"";
  z-index: 1;
}
.sec04-btn::after {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  content:"";
  z-index: 2;
}
.sec04-btn a {
  display: block;
  position: relative;
  z-index: 3;
}
.sec04-ttl {
  width: 100%;
  padding-bottom: 62px;
  text-align: center;
}
.sec04-ttl span {
  display: inline;
  padding-bottom: 6px;
  font-size: 36px;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  background: linear-gradient(transparent 50%, #ffe0de 0%);
}

.sec04-line {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  width: 724px;
  padding-top: 68px;
  margin: 0 auto 265px;
  position: relative;
}

.sec04-line-inner {
  width: 355px;
  padding: 180px 0 45px 135px;
  position: relative;
}
.sec04-line-inner__photo {
  width: 155px;
  position: absolute;
  top: -25px;
  left: -40px;
}
.sec04-line-inner__comment {
  box-sizing: border-box;
  width: 270px;
  height: 156px;
  background-image: url("../../img/recruit_v2/information/sec04-line_baloon.svg");
  position: absolute;
  top: 0;
  left: 108px;
  transition-delay:300ms;
}
.sec04-line-inner__comment span {
  display: block;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  transform: rotate(4.8deg);
}
.sec04-line-inner__txt {
  padding-bottom: 25px;
  font-size: 14px;
  line-height: 2.14;
  transition-delay:600ms;
}
.sec04-line-inner__data {
  font-size: 12px;
  line-height: 1.5;
  color: #9c9c9c;
  transition-delay: 600ms;
}
.sec04-line-img {
  width: 220px;
  padding-top: 106px;
  position: relative;
  transition-delay:1500ms;
}
.sec04-line-img::before {
  width: 95px;
  height: 95px;
  background-image:url("../../img/recruit_v2/information/icon_line.png");
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  content:"";
}
.sec04-line .sec04-btn {
  transition-delay:2000ms;
}

.sec04-entry {
  width: 646px;
  padding-top: 68px;
  margin: 0 auto 335px;
}
.sec04-entry-inner {
  padding: 30px 0 45px 227px;
  margin-top: 80px;
  position: relative;
}
.sec04-entry-inner p {
  padding-bottom: 32px;
  font-size: 14px;
  line-height: 2.14;
}
.sec04-entry-inner .qr {
  width: 220px;
  position: absolute;
  top: -26px;
  left: -21px;
  transition-delay:600ms;
}
.sec04-entry-inner__tel {
  width: 270px;
}
.sec04-entry-inner__tel span {
  display: block;
  padding: 12px 18px 0 0;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}
.sec04-entry .sec04-btn:last-child {
  transition-delay: 1400ms;
}

.sec04-online {
  width: 724px;
  margin: 0 auto 290px;
  position: relative;
}
.sec04-online__ttl {
  width: 272px;
  height: 157px;
  background-image: url("../../img/recruit_v2/information/sec04-online_baloon.svg");
  position: absolute;
  top: -120px;
  left: 315px;
}
.sec04-online__ttl span {
  display: block;
  font-size: 24px;
  line-height: 1.58;
  text-align: center;
  transform: rotate(-9.23deg);
}
.sec04-online__ttl em {
  font-weight: 700;
  color: #de72a9;
}
.sec04-online__read {
  padding: 0 0 45px;
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  transition-delay: 1300ms;
}
.sec04-online__txt {
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0;
  transition-delay: 2000ms;
}
.sec04-online__photo {
  width: 168px;
  position: absolute;
  top: -152px;
  right: -16px;
  transition-delay: 800ms;
}

.sec04-step {}
.sec04-step .sec04-ttl {
  padding-bottom: 55px;
}
.sec04-step-list {}
.sec04-step-list dt {
  box-sizing: border-box;
  width: 170px;
  height: 45px;
  background-image: url("../../img/recruit_v2/information/sec04-step_ttl.svg");
  margin: 0 auto 15px;
  font-family: 'Reenie Beanie', cursive;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.sec04-step-list dt span {
  font-size: 38px;
}
.sec04-step-list dd {
  padding-bottom: 80px;
  font-size: 18px;
  line-height: 1.66;
  text-align: center;
  letter-spacing: 0;
  position: relative;
}
.sec04-step-list dd::before {
  display: inline-block;
  width: 25px;
  height: 26px;
  background-image: url("../../img/recruit_v2/information/sec04-step_icon.svg");
  margin-right: 10px;
  position: relative;
  top: 5px;
  content:"";
}
.sec04-step-list dd::after {
  width: 6px;
  height: 80px;
  background: url("../../img/recruit_v2/information/sec04-line.gif") repeat-y center top;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content:"";
}
.sec04-step-list dd:last-child::after {
  content:none;
}
.sec04-step-list dd span {
  font-size: 12px;
  line-height: 2.5;
}
</pre></body></html>