@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  vertical-align: baseline;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
select,button,input,textarea,button {
  border: 1px solid #333;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*table,td,th {
  border: 1px solid #333;
}*/
td,th {
  line-height: 1.5;
  padding: 0.3em 0.4em;
}
th {
  font-weight: bold;
  font-size: 1.05em;
}
html {
  font-size: 100%;
  background-color: #ffffff;
  word-break: break-word;
}
body {
  min-height: 100vh;
  color: #000000;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font: normal normal normal 14px/1.6 "Helvetica", "Arial", sans-serif;
  background-color: #ffffff;
}
hr {
  overflow: visible;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 1em 0;
  height: 0;
  border-top: 1px solid #ccc;
}
button:disabled {
  cursor: default;
}
a,a:active,a:link,a:visited {
  text-decoration: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,dialog,hr,img {
  display: block;
}
audio,canvas,iframe,img,svg,video {
  display: inline-block;
  vertical-align: middle;
}
[hidden],dialog:not([open]),template {
  display: none;
}
button,input,select,textarea {
  font-family: inherit;
  border-radius: 0;
}
textarea {
  resize: vertical;
}
audio,canvas,progress,video {
  display: inline-block;
}
input,select {
  vertical-align: middle;
}
button {
  vertical-align: inherit;
  line-height: inherit;
  cursor: pointer;
}
button,select {
  text-transform: none;
}
code,kbd,pre,samp {
/*  font-family: monospace, sans-serif;
  font-size: 1em;*/
}
mark {
  background-color: #ff0;
}
small {
  font-size: 80%;
}
sub,sup {
  position: relative;
  font-size: 70%;
  line-height: 0;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
ul {
  list-style: none;
}
picture,img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  /*image-rendering: -webkit-optimize-contrast;*/
}
svg:not(:root) {
  overflow: hidden;
}
a{
  color: inherit;
    -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
a:hover{
  opacity: 0.5;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
h1,h2,h3,h4,h5{font-weight: 500;}

input,select,textarea{
  font-family:'Noto Sans JP', "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
/*-----------------------------------------------------------
cmn
-------------------------------------------------------------*/
.ef{
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}
html {
  width: 100%;
  font-size: calc(100vw / 1440 * 10);
}

@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
html {
  width: 100%;
  font-size: calc(100vw / 899 * 10);
}
a{
  color: inherit;
    -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
}
a:hover{
  opacity: 0.5;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
}
}
@media only screen and (max-width: 599px) {
html {
  width: 100%;
  font-size: calc(100vw / 390 * 10);
}
a{
  color: inherit;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
}
a:hover{
  opacity: 0.5;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
}
}
body {
  position: relative;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-family: 'M PLUS 1', "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.05em;
  background: #fff;
  color: #222222;
}

@media only screen and (min-width: 900px) {
/*::-webkit-scrollbar {
  width: 6px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd;
}

::-webkit-scrollbar:hover {
  background-color: #f3f3f3;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #716046;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #716046;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}*/
a[href^="tel:"] {
    pointer-events: none;
}
}
.is_pc { display: block !important; }
.is_pcOnly { display: block !important; }
.is_sp { display: none !important; }
.is_tb { display: none !important; }
.is_tbsp { display: none !important; }
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.is_tb { display: block !important; }
.is_tbsp { display: block !important; }
.is_pcOnly { display: none !important; }
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.is_pc { display: none !important; }
.is_sp { display: block !important; }
.is_tb { display: none !important; }
.is_tbsp { display: block !important; }
.is_pcOnly { display: none !important; }
body {
  font-size: 1.4rem;
}
}
.f__en {
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/*-----------------------------------------------------------

component

-------------------------------------------------------------*/
.c__green{color: #3DEC00;}
.c__white{color: #fff;}
/*-----------------------------------------------------------

cmn laypout

-------------------------------------------------------------*/
/* header */
.header.transform{
  top: 0;
  background: #fff;
  box-shadow: 0 2px 4px #00000030;
}
.header{
  position: fixed;
  width: 100%;
  top: 0rem;
  transition: 0.4s ease-out;
  z-index: 100;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
}
.headerLogo{
  display: flex;
  align-items: center;
  width: 28rem;
  line-height: 1;
}
.headerLogo__title{

}
.headerNav{
  width: 75%;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.headerNav__list{
  width: 60%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.headerNav__listItem{
  position: relative;
  margin-left: 2rem;
}
.headerNav__listItem__link{
  display: block;
  font-size: 1.6rem;
  line-height: 1;
}
.headerNav__listItem__link:hover{
  opacity: 1;
  color: #3DEC00;
}
.headerNav__repuire{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 4.4rem;
  line-height: 1;
  background: #222222;
  color: #fff;
  border-radius: 10rem;
  margin-left: 2rem;
}
.headerNav__entry{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 4.4rem;
  line-height: 1;
  background: #3DEC00;
  color: #222;
  border-radius: 10rem;
  margin-left: 1rem;
}
.headerNav__hmb{
  display: block;
  width: 7rem;
  height: 4.4rem;
  line-height: 1;
  margin-left: 1rem;
}
.headerCompany{
  width: 1em;
  font-size: 1.4rem;
  line-height: 1.2;
  position: absolute;
  left: 2.2rem;
  top: 10rem;
  font-weight: 600;
}
/* humb */
.hmbNav {
  visibility: hidden;
  z-index: 9999;
  position: fixed;
  top: 0rem;
  right: 0rem;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s ease;
  padding: 0rem 0rem;
  display: block;
  background: url(../../src/img/ft-bg.png) 0 0 no-repeat;
  background-size: cover;
  padding-bottom: 8rem;
}
.hmbNav.on {
  visibility: visible;
  opacity: 1;
  overflow: auto;
  transition: 0.5s ease;
  -ms-overflow-style: none; 
  scrollbar-width: none;
  overflow-x: hidden;
}
.hmbNav.on::-webkit-scrollbar {
  display:none;
}
.hmbNav__header{
  position: fixed;
  width: 100%;
  top: 0rem;
  transition: 0.4s ease-out;
  z-index: 100;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
}
.hmbNav__headerClose {
    display: block;
    width: 7rem;
    height: 4.4rem;
    line-height: 1;
    margin-left: 1rem;
}
.hmbNav__inner{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 20rem;
}
.hmbNav__inner__subpage{
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.hmbNav__inner__subpageList{
  width: 30%;
}
.hmbNav__inner__subpageList__item{
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #CCCCCC;
}
.hmb__parent{
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: block;
}
.hmb__child{

}
.hmb__child li{
  margin-bottom: 0.5rem;
}
.hmb__child li:last-child{
  margin-bottom: 0;
}
.hmb__child li a{
  display: block;
  padding-left: 2rem;
  font-size: 1.4rem;
  position: relative;
}
.hmb__child li a:before{
  content: "";
  width: 1.2rem;
  height: 1rem;
  background: url(../../src/img/cmn-link-arrow03.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hmbNav__inner__subpageList__item--last{
  border-bottom: none;
}
.hmb__child--other{

}
.hmb__child--other li a:before{
  content: "";
  width: 1.2rem;
  height: 1rem;
  background: url(../../src/img/cmn-blank01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hmbNav__innerBnr{
  width: 85%;
  margin: 0 auto;
  padding-left: 30%;
}
.hmbNav__innerBnr__list{
  display: flex;
  justify-content: space-between;
}
.hmbNav__innerBnr__list li{
  width: 49%;
}
.hmbNav__inner__subpage {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3rem;
}
.ftBnr{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ftBnr li{
  width: 50%;
}
.ftBottom{
  background: url(../../src/img/ft-bg.png) 0 0 no-repeat;
  background-size: cover;
  padding: 10rem 0;
}
.ftBottomInner{
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ftBottomInner__company{
  width: 30%;
}
.ftBottomInner__companyLogo{
  width: 40rem;
  display: block;
  margin-bottom: 2rem;
}
.ftBottomInner__companyInfo{
  font-size: 1.4rem;
}
.ftBottomInner__subpage{
  width: 45%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ftBottomInner__subpageList{
  width: 45%;
}
.ftBottomInner__subpageList__item{
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #CCCCCC;
}
.ft__parent{
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: block;
}
.ft__child{

}
.ft__child li{
  margin-bottom: 0.5rem;
}
.ft__child li:last-child{
  margin-bottom: 0;
}
.ft__child li a{
  display: block;
  padding-left: 2rem;
  font-size: 1.4rem;
  position: relative;
}
.ft__child li a:before{
  content: "";
  width: 1.2rem;
  height: 1rem;
  background: url(../../src/img/cmn-link-arrow03.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ftBottomInner__subpageList__item--last{
  border-bottom: none;
}
.ft__child--other{

}
.ft__child--other li a:before{
  content: "";
  width: 1.2rem;
  height: 1rem;
  background: url(../../src/img/cmn-blank01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.copyright{
  width: 90%;
  margin: -4rem auto 0;
  font-size: 1.4rem;
  font-weight: 500;
}
.fix-btn {
  position: absolute;
  left: -2rem;
  top: 64rem;
  width: 17rem;
  z-index: 10;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.headerNav__list{
  width: 75%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  display: none;
}
.headerCompany{
  display: none;
}
.ftBottomInner__company {
    width: 40%;
}
.ftBottomInner__companyLogo {
    width: 30rem;
    display: block;
    margin-bottom: 2rem;
}
.ftBottomInner__subpage {
  width: 55%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.fix-btn {
    position: absolute;
    left: -2rem;
    top: 42rem;
    width: 13rem;
    z-index: 10;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
/* header */
.header.transform{
  top: 0;
  background: #fff;
  box-shadow: 0 2px 4px #00000030;
}
.header{
  position: fixed;
  width: 100%;
  top: 0rem;
  transition: 0.4s ease-out;
  z-index: 100;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
}
.headerLogo{
  display: flex;
  align-items: center;
  width: 13rem;
  line-height: 1;
}
.headerLogo__title{

}
.headerNav{
  width: 70%;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.headerNav__list{
  width: 75%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  display: none;
}
.headerNav__listItem{
  position: relative;
  margin-left: 2rem;
}
.headerNav__listItem__link{
  display: block;
  font-size: 1.6rem;
  line-height: 1;
}
.headerNav__listItem__link:hover{
  opacity: 1;
  color: #3DEC00;
}
.headerNav__repuire{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11rem;
  height: 4.4rem;
  line-height: 1;
  background: #222222;
  color: #fff;
  border-radius: 10rem;
  margin-left: 0rem;
}
.headerNav__entry{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 4.4rem;
  line-height: 1;
  background: #3DEC00;
  color: #222;
  border-radius: 10rem;
  margin-left: 1rem;
  display: none;
}
.headerNav__hmb{
  display: block;
  width: 7rem;
  line-height: 1;
  margin-left: 1rem;
}
.headerCompany{
  width: 1em;
  font-size: 1.4rem;
  line-height: 1.2;
  position: fixed;
  left: 2.2rem;
  top: 10rem;
  font-weight: 600;
  display: none;
}
/* humb */
.hmbNav {
  visibility: hidden;
  z-index: 9999;
  position: fixed;
  top: 0rem;
  right: 0rem;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s ease;
  padding: 0rem 0rem;
  display: block;
  background: url(../../src/img/ft-bg.png) 0 0 no-repeat;
  background-size: cover;
  padding-bottom: 0rem;
  padding-bottom: 8rem;
}
.hmbNav.on {
  visibility: visible;
  opacity: 1;
  overflow: auto;
  transition: 0.5s ease;
  -ms-overflow-style: none; 
  scrollbar-width: none;
  overflow-x: hidden;
}
.hmbNav.on::-webkit-scrollbar {
  display:none;
}
.hmbNav__header{
  position: fixed;
  width: 100%;
  top: 0rem;
  transition: 0.4s ease-out;
  z-index: 100;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
}
.hmbNav__headerClose {
    display: block;
    width: 7rem;
    height: 4.4rem;
    line-height: 1;
    margin-left: 1rem;
}
.hmbNav__inner{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 14rem;
}
.hmbNav__inner__subpage{
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0rem;
  flex-direction: column;
}
.hmbNav__inner__subpageList{
  width: 100%;
}
.hmbNav__inner__subpageList__item{
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #CCCCCC;
}
.hmb__parent{
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: block;
  position: relative;
  padding: 1.6rem;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0.5rem;
}
.hmb__parent:before {
  content: "";
  width: 3rem;
  height: 3rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.hmb__child{

}
.hmb__child li{
  margin-bottom: 0.5rem;
}
.hmb__child li:last-child{
  margin-bottom: 0;
}
.hmb__child li a{
  display: block;
  padding-left: 2rem;
  font-size: 1.4rem;
  position: relative;
}
.hmb__child li a:before{
  content: "";
  width: 1.2rem;
  height: 1rem;
  background: url(../../src/img/cmn-link-arrow03.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hmbNav__inner__subpageList__item--last{
  border-bottom: none;
}
.hmb__child--other{

}
.hmb__child--other li a:before{
  content: "";
  width: 1.2rem;
  height: 1rem;
  background: url(../../src/img/cmn-blank01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hmbNav__innerBnr{
  width: 90%;
  margin: 0 auto;
  padding-left: 0%;
}
.hmbNav__innerBnr__list{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 2rem;
}
.hmbNav__innerBnr__list li{
  width: 100%;
}
.ftBnr{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ftBnr li{
  width: 50%;
}
.ftBottom{
  background: url(../../src/img/ft-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  padding: 6rem 0 10rem;
}
.ftBottomInner{
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column-reverse;
}
.ftBottomInner__company{
  width: 100%;
}
.ftBottomInner__companyLogo{
  width: 20rem;
  display: block;
  margin-bottom: 2rem;
}
.ftBottomInner__companyInfo{
  font-size: 1.4rem;
}
.ftBottomInner__subpage{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.ftBottomInner__subpageList{
  width: 100%;
}
.ftBottomInner__subpageList__item{
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #CCCCCC;
}
.ft__parent{
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: block;
  position: relative;
  padding: 1.6rem;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0.5rem;
}
.ft__parent:before {
  content: "";
  width: 3rem;
  height: 3rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.ft__child{
  padding: 0 2rem;
}
.ft__child li{
  margin-bottom: 0.5rem;
}
.ft__child li:last-child{
  margin-bottom: 0;
}
.ft__child li a{
  display: block;
  padding-left: 2rem;
  font-size: 1.4rem;
  position: relative;
}
.ft__child li a:before{
  content: "";
  width: 1.2rem;
  height: 1rem;
  background: url(../../src/img/cmn-link-arrow03.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ftBottomInner__subpageList__item--last{
  border-bottom: none;
}
.ft__child--other{
  padding-left: 0;
}
.ft__child--other li a:before{
  content: "";
  width: 1.2rem;
  height: 1rem;
  background: url(../../src/img/cmn-blank01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.copyright{
  width: 90%;
  margin: 4rem auto 0;
  font-size: 1.4rem;
  font-weight: 500;
}
.fix-btn{
  position: fixed;
  left: -2rem;
  bottom: 20%;
  width: 17rem;
  z-index: 10;
  display: none;
}
}
/*-----------------------------------------------------------

TOP

-------------------------------------------------------------*/
.mainContent{
  position: relative;
  overflow: hidden;
}
.mainV{
  position: relative;
  width: 100%;
  padding-left: 8rem;
  padding-top: 10rem;
  padding-bottom: 16rem;
}
.mainV:after{
  content: "";
  width: 127rem;
  height: 50rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../../src/img/main-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  border-radius: 0 0 1.6rem 0;
}
.mainV__slide{
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 1.6rem 0 0 1.6rem;
}
.mainV__slide:after{
  content: "";
  width: 100%;
  height: 22rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../../src/img/main-slide-filter.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.mainV__slideList{
  
}
.mainV__slideList__item{
  padding-right: 3rem;
}
.mainV__title{
  position: absolute;
  bottom: 5rem;
  right: 0rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
}
.mainV__titleText{
  white-space: nowrap;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mainV__titleText__en{
  font-size: 12rem;
  margin-bottom: 1rem;
}
.mainV__titleText__jp{
  font-size: 2.2rem;
}
.mainV__titleSub {
  width: 42rem;
  margin-left: -6rem;
}
.mainV_scroll {
  position: absolute;
  bottom: 32rem;
  left: 1.4em;
  width: 1.2rem;
  z-index: 2;
}
.mainV_scroll div{
  display: block;
  position: relative;
  width: 1.2rem;
  color: #fff;
  padding-bottom: 2rem;
}
.mainV_scroll div:after {
  content: '';
  display: block;
  width: 2px;
  z-index: 2;
  height: 0px;
  background: #222;
  position: absolute;
  bottom: 0rem;
  left: 0.4rem;
  animation: pathmove 2s linear infinite;
  opacity:0;
}
@keyframes pathmove{
  0%{
    height:0;
    bottom: -0rem;
    opacity: 0;
  }
  80%{
    height:6rem;
    opacity: 1;
  }
  100%{
    height:0;
    bottom:-8rem;
    opacity: 0;
  }
}
.cmnHash{
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 2rem 0;
}
.cmnHash__list{

}
.cmnHash__list li{
  color: #3DEC00;
  font-size: 2rem;
  font-weight: 600;
  padding-right: 2rem;
}
.topIntro{
  margin: 15rem auto 8rem; 
}
.topIntroInner{
  width: 80%;
  margin: 0 auto -5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.topIntroInner__l{
  width: 45%;
  position: relative;
}
.topIntroInner__l:after{
  content: "";
  width: 28rem;
  height: 28rem;
  background: url(../../src/img/top-intro-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -5rem;
  bottom: -4rem;
}
.topIntroInner__r{
  width: 45%;
  position: relative;
}
.topIntroInner__r:after{
  content: "";
  width: 19rem;
  height: 19rem;
  background: url(../../src/img/top-intro-icon02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -5rem;
  top: -4rem;
}
.topIntroInner__r__text01{
  margin-bottom: 1rem;
}
.topIntroInner__r__text02{
  text-align: right;
}
.topIntroSlide{
  width: 130%;
}
.topIntroSlide li{
  padding-right: 10rem;
}
.topCompany{
  padding-left: 10%;
  margin-bottom: 10rem;
}
.topCompanyInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topCompanyInner__l{
  width: 35%;
}
.cmnTitle{
  margin-bottom: 3rem;
  display: flex;
}
.cmnTitle__link{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  border-bottom: 2px solid #3DEC0000;
  padding-bottom: 0.4rem;
}
.cmnTitle__link__jp{
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 3rem;
  padding-bottom: 0.4rem;
}
.cmnTitle__link__jp:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cmnTitle__link__en{
  font-size: 7rem;
  position: relative;
  padding-right: 7rem;
  transition: 0.3s ease;
}
.cmnTitle__link__en:before{
  content: "";
  width: 5rem;
  height: 5rem;
  background: url(../../src/img/cmn-link-arrow01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.cmnTitle__link:hover {
  border-bottom: 2px solid #3DEC00;
  opacity: 1;
}
.cmnTitle__link:hover .cmnTitle__link__en{
  color: #3DEC00;
  padding-right: 8rem;
}
.topCompanyInner__text{
  margin-bottom: 4rem;
}
.topSubPage__list{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.topSubPage__listItem{
  width: 20rem;
  margin-right: 2rem;
}
.topCompanyInner__r{
  width: 55%;
}
.topEnv{
  width: 95%;
  height: 64rem;
  margin-bottom: 10rem;
  background: url(../../src/img/top-env-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topEnvInner{
  width: 78%;
  margin: 0 auto;
}
.topEnvInner__text{
  margin-bottom: 4rem;
}
.topJobs{
  width: 80%;
  margin: 0 auto 10rem;
}
.topJobsInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topJobsInner__l{
  width: 28%;
}
.topJobsInner__text{
  margin-bottom: 4rem;
}
.topJobsInner__r{
  width: 65%;
}
.topJobsInner__list{
  
}
.topJobsInner__listItem{
  padding: 2rem 0;
  border-bottom: 1px solid #D9D9D9;
}
.topJobsInner__listItem__link{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 6rem;
  position: relative;
  transition: 0.3s ease;
}
.topJobsInner__listItem__link:before{
  content: "";
  width: 4rem;
  height: 4rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.topJobsInner__listItem__linkL{
  width: 25%;
}
.topJobsInner__listItem__linkR{
  width: 70%;
}
.topPeople{
  margin-bottom: 10rem;
}
.topPeople{
  position: relative;
  padding-top: 6rem;
  background: url(../../src/img/top-people-bg.png) 0 0 no-repeat;
  background-size: 72rem 50rem;
  height: 68rem;
}
.topPeopleInner{
  width: 100%;
  margin: 0 auto 6rem;
  padding-left: 10%;
  position: relative;
  z-index: 1;
}
.topPeople__slideWrap{

}
.topPeople__slide{
  width: 105%;
}
.topPeople__slideItem{
  padding: 0 1.6rem;
}
.topPeople__slideTop{
  margin-bottom: 1rem;
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
}
.topPeople__slideTop__image {
  width: 100%;
  height: 33.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 2rem;
  transition: 0.6s ease;
}
.topPeople__slideTop__image img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.topPeople__slideTop__job{
  position: absolute;
  top: 0;
  right: 0;
  background: #000;
  color: #fff;
  line-height: 1;
  padding: 1rem 2rem;
  border-radius: 0 0 0 2rem;
  font-size: 1.4rem;
}
.topPeople__slideTop__title{
  width: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0rem;
  color: #fff;
  padding: 2rem 2rem 0;
  font-size: 1.8rem;
  line-height: 1.6;
  opacity: 0;
  transition: 0.5s ease;
}
.topPeople__slideTop__title:before{
  content: "";
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.topPeople__slideTop__title span{
  position: relative;
}
.topPeople__slideItem.is-first{

}
.topPeople__slideItem.is-first .topPeople__slideTop__title{
  opacity: 1;
  padding: 2rem;
}
.topPeople__slideItem.is-first .topPeople__slideTop__image{
  height: 40rem;
}
.topPeople__slideBottom{

}
.topPeople__slideBottom__job{
  border: 1px solid #000;
  line-height: 1;
  padding: 0.6rem 1rem;
  display: inline-block;
  border-radius: 10rem;
  margin-bottom: 1rem;
}
.topPeople__slideBottom__info{
  display: flex;
  align-items: baseline;
  line-height: 1;
}
.topPeople__slideBottom__infoName{
  font-size: 2rem;
  font-weight: 800;
  margin-right: 0.6rem;
}

.topPeople__slide .slick-prev {
  left: unset;
  right: 29%;
  width: 5rem;
  height: 5rem;
  top: -8rem;
}
.topPeople__slide .slick-prev:before {
  content: '';
  background: url(../../src/img/slick-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.topPeople__slide .slick-next {
  left: unset;
  right: 24%;
  width: 5rem;
  height: 5rem;
  top: -8rem;
}
.topPeople__slide .slick-next:before {
  content: '';
  background: url(../../src/img/slick-next.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.topPeople__slide .slick-dots {
  bottom: unset;
  top: -10rem;
  position: absolute;
  text-align: right;
  width: 64%;
}
.topPeople__slide .slick-dots li {
  position: relative;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 0.7rem;
  padding: 0;
  cursor: pointer;
}
.topPeople__slide .slick-dots li button:before {
  font-family: unset !important;
  font-size: 5px;
  line-height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  content: "•";
  text-align: center;
  color: #EAEEEC;
  background: #EAEEEC;
  border-radius: 100px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #EAEEEC;
}
.topPeople__slide .slick-dots li.slick-active button:before {
  color: #3DEC00;
  border-radius: 100px;
  background: #3DEC00;
  border: 1px solid #3DEC00;
}
.topPeople__slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 5px;
  height: 5px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.mainV__title {
  position: absolute;
  bottom: 3rem;
  right: 0rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
}
.mainV__titleSub {
  width: 29rem;
  margin-left: -17rem;
  position: relative;
  top: -5rem;
}
.mainV__titleText__en {
  font-size: 8.5rem;
  margin-bottom: 1rem;
}
.mainV_scroll {
    position: absolute;
    bottom: 37rem;
    left: 1.4em;
    width: 1.2rem;
    z-index: 2;
}
.mainV:after {
    content: "";
    width: 87rem;
    height: 38rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../../src/img/main-bg.png) 0 0 no-repeat;
    background-size: 100% 100%;
    border-radius: 0 0 1.6rem 0;
}
.mainV__slide {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 1.6rem 0 0 1.6rem;
    width: 130%;
}
.topIntroInner {
  width: 90%;
  margin: 0 auto -5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.topIntroInner__r {
  width: 50%;
  position: relative;
}
.topCompanyInner__l {
    width: 41%;
}
.topCompany {
  padding-left: 5%;
  margin-bottom: 10rem;
}
.cmnTitle__link__en {
  font-size: 4rem;
  position: relative;
  padding-right: 7rem;
  transition: 0.3s ease;
}
.topEnv {
  width: 95%;
  height: 45rem;
  margin-bottom: 10rem;
  background: url(../../src/img/top-env-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topJobs {
  width: 90%;
  margin: 0 auto 10rem;
}
.topPeople {
  position: relative;
  padding-top: 6rem;
  background: url(../../src/img/top-people-bg.png) 0 0 no-repeat;
  background-size: 46rem 32rem;
  height: 57rem;
}
.topPeopleInner {
  width: 100%;
  margin: 0 auto 6rem;
  padding-left: 5%;
  position: relative;
  z-index: 1;
}
.topPeople__slideTop__image {
  width: 100%;
  height: 22.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 2rem;
  transition: 0.6s ease;
}
.topPeople__slideItem.is-first .topPeople__slideTop__image{
  height: 30rem;
}
.topPeople__slide .slick-next {
  left: unset;
  right: 22%;
  width: 5rem;
  height: 5rem;
  top: -8rem;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.mainContent{
  position: relative;
  overflow: hidden;
}
.mainV{
  position: relative;
  width: 100%;
  padding-left: 4rem;
  padding-top: 10rem;
  padding-bottom: 16rem;
}
.mainV:after{
  content: "";
  width: 100%;
  height: 40rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../../src/img/sp/main-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  border-radius: 0;
}
.mainV__slide{
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 1.6rem 0 0 1.6rem;
}
.mainV__slide:after{
  content: "";
  width: 100%;
  height: 15rem;
  position: absolute;
  left: 0;
  bottom: -0.2rem;
  background: url(../../src/img/sp/main-slide-filter.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.mainV__slideList{
  
}
.mainV__slideList__item{
  padding-right: 3rem;
}
.mainV__title{
  position: absolute;
  bottom: 5rem;
  right: unset;
  left: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
  width: 100%;
}
.mainV__titleText{
  white-space: nowrap;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  width: 90%;
}
.mainV__titleText__en{
  font-size: 6.5rem;
  margin-bottom: 0rem;
}
.mainV__titleText__jp{
  font-size:1.2rem;
  padding-bottom: 1rem;
  line-height: 1.4;
}
.mainV__titleSub {
  width: 25rem;
  margin-left: 0;
  position: absolute;
  right: 3rem;
  top: -4rem;
}
.mainV_scroll {
  position: absolute;
  bottom: unset;
  top: 10rem;
  left: 1em;
  width: 1.2rem;
  z-index: 2;
}
.mainV_scroll div{
  display: block;
  position: relative;
  width: 1.2rem;
  color: #fff;
  padding-bottom: 2rem;
}
.mainV_scroll div:after {
  content: '';
  display: block;
  width: 2px;
  z-index: 2;
  height: 0px;
  background: #222;
  position: absolute;
  bottom: 0rem;
  left: 0.4rem;
  animation: pathmove 2s linear infinite;
  opacity:0;
}
@keyframes pathmove{
  0%{
    height:0;
    bottom: -0rem;
    opacity: 0;
  }
  80%{
    height:6rem;
    opacity: 1;
  }
  100%{
    height:0;
    bottom:-8rem;
    opacity: 0;
  }
}
.cmnHash{
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 2rem 0;
}
.cmnHash__list{

}
.cmnHash__list li{
  color: #3DEC00;
  font-size: 1.6rem;
  font-weight: 800;
  padding-right: 2rem;
}
.topIntro{
  margin: 8rem auto 8rem; 
}
.topIntroInner{
  width: 100%;
  margin: 0 auto -5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  flex-direction: column;
}
.topIntroInner__l{
  width: 100%;
  position: relative;
  padding: 0 7%;
  margin-bottom: 4rem;
}
.topIntroInner__l:after{
  content: "";
  width: 22rem;
  height: 22rem;
  background: url(../../src/img/top-intro-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -5rem;
  bottom: -6rem;
}
.topIntroInner__l:before{
  content: "";
  width: 10rem;
  height: 10rem;
  background: url(../../src/img/top-intro-icon02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 2rem;
  top: -4rem;
}
.topIntroInner__r{
  width: 100%;
  position: relative;
  padding: 0 7%;
}
.topIntroInner__r:after{
  content: "";
  width: 10rem;
  height: 10rem;
  background: url(../../src/img/top-intro-icon02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -5rem;
  top: -4rem;
  display: none;
}
.topIntroInner__r__text01{
  margin-bottom: 1rem;
}
.topIntroInner__r__text02{
  text-align: right;
}
.topIntroSlide{
  width: 430%;
}
.topIntroSlide li{
  padding-right: 10rem;
}
.topCompany{
  padding-left: 7%;
  margin-bottom: 10rem;
}
.topCompanyInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.topCompanyInner__l{
  width: 100%;
  padding-right: 7%;
  margin-bottom: 4rem;
}
.cmnTitle{
  margin-bottom: 2rem;
  display: flex;
}
.cmnTitle__link{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  border-bottom: 2px solid #3DEC0000;
  padding-bottom: 0.4rem;
}
.cmnTitle__link__jp{
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 2.4rem;
  padding-bottom: 0.4rem;
}
.cmnTitle__link__jp:before{
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: -0.3rem;
  bottom: 0;
  margin: auto;
}
.cmnTitle__link__en{
  font-size: 4.5rem;
  position: relative;
  padding-right: 6rem;
  transition: 0.3s ease;
}
.cmnTitle__link__en:before{
  content: "";
  width: 4rem;
  height: 4rem;
  background: url(../../src/img/cmn-link-arrow01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.cmnTitle__link:hover {
  border-bottom: 2px solid #3DEC00;
  opacity: 1;
}
.cmnTitle__link:hover .cmnTitle__link__en{
  color: #3DEC00;
  padding-right: 8rem;
}
.topCompanyInner__text{
  margin-bottom: 4rem;
}
.topSubPage__list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.topSubPage__listItem{
  width: 48%;
  margin-right: 0rem;
  margin-bottom: 2rem;
}
.topCompanyInner__r{
  width: 100%;
}
.topEnv{
  width: 100%;
  height: 71rem;
  margin-bottom: 10rem;
  background: url(../../src/img/sp/top-env-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topEnvInner{
  width: 85%;
  margin: 0 auto;
}
.cmnTitle--topEnv .cmnTitle__link__en{
  font-size: 3.8rem;
}
.topEnvInner__text{
  margin-bottom: 4rem;
}
.topJobs{
  width: 85%;
  margin: 0 auto 10rem;
}
.topJobsInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.topJobsInner__l{
  width: 100%;
}
.topJobsInner__text{
  margin-bottom: 2rem;
}
.topJobsInner__r{
  width: 100%;
}
.topJobsInner__list{
  
}
.topJobsInner__listItem{
  padding: 2rem 0;
  border-bottom: 1px solid #D9D9D9;
}
.topJobsInner__listItem__link{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0rem;
  position: relative;
  transition: 0.3s ease;
}
.topJobsInner__listItem__link:before{
  content: "";
  width: 3.4rem;
  height: 3.4rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 1rem;
  bottom: unset;
  margin: auto;
  transition: 0.3s ease;
}
.topJobsInner__listItem__linkL{
  width: 35%;
}
.topJobsInner__listItem__linkR{
  width: 60%;
}
.topJobsInner__listItem__title{
  font-size: 1.8rem;
  line-height: 1.6;
}
.topJobsInner__listItem__text{
  font-size: 1.2rem;
  letter-spacing: 0;
}
.topPeople{
  margin-bottom: 10rem;
}
.topPeople{
  position: relative;
  padding-top: 6rem;
  background: url(../../src/img/sp/top-people-bg.png) 0 0 no-repeat;
  background-size: 30rem 40rem;
  height: 58rem;
}
.topPeopleInner{
  width: 100%;
  margin: 0 auto 6rem;
  padding-left: 7%;
  padding-right: 7%;
  position: relative;
  z-index: 1;
}
.topPeople__slideWrap{

}
.topPeople__slide{
  width: 100%;
  height: 46rem;
}
.topPeople__slideItem{
  padding: 0 1.6rem;
}
.topPeople__slideTop{
  margin-bottom: 1rem;
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
}
.topPeople__slideTop__image {
  width: 100%;
  height: 23.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 2rem;
  transition: 0.6s ease;
}
.topPeople__slideTop__image img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.topPeople__slideTop__job{
  position: absolute;
  top: 0;
  right: 0;
  background: #000;
  color: #fff;
  line-height: 1;
  padding: 1rem 2rem;
  border-radius: 0 0 0 2rem;
  font-size: 1.2rem;
}
.topPeople__slideTop__title{
  width: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0rem;
  color: #fff;
  padding: 2rem 2rem 0;
  font-size: 1.6rem;
  line-height: 1.6;
  opacity: 0;
  transition: 0.5s ease;
}
.topPeople__slideTop__title:before{
  content: "";
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.topPeople__slideTop__title span{
  position: relative;
}
.topPeople__slideItem.is-first{

}
.topPeople__slideItem.is-first .topPeople__slideTop__title{
  opacity: 1;
  padding: 2rem;
}
.topPeople__slideItem.is-first .topPeople__slideTop__image{
  height: 35rem;
}
.topPeople__slideBottom{

}
.topPeople__slideBottom__job{
  border: 1px solid #000;
  line-height: 1;
  padding: 0.6rem 1rem;
  display: inline-block;
  border-radius: 10rem;
  margin-bottom: 1rem;
}
.topPeople__slideBottom__info{
  display: flex;
  align-items: baseline;
  line-height: 1;
}
.topPeople__slideBottom__infoName{
  font-size: 2rem;
  font-weight: 800;
  margin-right: 0.6rem;
}

.topPeople__slide .slick-prev {
  left: -1rem;
  right: unset;
  width: 5rem;
  height: 5rem;
  top: 20rem;
}
.topPeople__slide .slick-prev:before {
  content: '';
  background: url(../../src/img/slick-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.topPeople__slide .slick-next {
  left: unset;
  right: -1rem;
  width: 5rem;
  height: 5rem;
  top: 20rem;
}
.topPeople__slide .slick-next:before {
  content: '';
  background: url(../../src/img/slick-next.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.topPeople__slide .slick-dots {
  bottom: 0;
  top: unset;
  position: absolute;
  text-align: center;
  width: 100%;
}
.topPeople__slide .slick-dots li {
  position: relative;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 0.7rem;
  padding: 0;
  cursor: pointer;
}
.topPeople__slide .slick-dots li button:before {
  font-family: unset !important;
  font-size: 5px;
  line-height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  content: "•";
  text-align: center;
  color: #EAEEEC;
  background: #EAEEEC;
  border-radius: 100px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #EAEEEC;
}
.topPeople__slide .slick-dots li.slick-active button:before {
  color: #3DEC00;
  border-radius: 100px;
  background: #3DEC00;
  border: 1px solid #3DEC00;
}
.topPeople__slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 5px;
  height: 5px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
}
/*-----------------------------------------------------------

JOBS

-------------------------------------------------------------*/
.mainContent--of_dissable{
  overflow: unset;
}
.mainSub{
  padding-top: 10rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mainSubInner{
  position: relative;
}
.mainSub__title{
  width: 82%;
  height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  border-bottom: 2px solid #3DEC0000;
  padding-bottom: 0.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
}
.mainSub__title__jp{
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 3rem;
  padding-bottom: 0.4rem;
}
.mainSub__title__jp:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mainSub__title__en{
  font-size: 7rem;
  position: relative;
  padding-right: 7rem;
  transition: 0.3s ease;
}
.mainSub__image{
  padding-left: 5%;
  height: 35rem;
}
.punkuz{
  width: 80%;
  margin: 2rem auto 2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.punkuz li{
  font-size: 1.4rem;
  margin-right: 0.8rem;
  color: #000000;
}
.punkuz li a{
  display: block;
}
.punkuz li br{
  display: none;
}
.jobsIntro{
  width: 80%;
  margin: 4rem auto 10rem;
}
.jobsWrap{
  padding-left: 5%;
  margin-bottom: 10rem;
}
.jobsInner{
  background: #F7F7F7;
  padding:8rem 0;
  padding-left: 8rem;
  border-radius: 2rem 0 0 2rem;
}
.cmnSubTitle{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.cmnSubTitle__en{
  font-size: 1.6rem;
  border-bottom: 2px solid #222;
}
.cmnSubTitle__jp{
  font-size: 4rem;
}
.jobsInner__content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.jobsInner__contentNav{
  width: 20%;
  position: sticky;
  top: 16rem;
  left: 0;
}
.jobsInner__contentNav__item{
  margin-bottom: 1rem;
}
.jobsInner__contentNav__itemLink{
  position: relative;
  padding-left: 3rem;
}
.jobsInner__contentNav__itemLink:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.jobsInner__contentGroup{
  width: 75%;
  background: #fff;
  padding: 6rem;
  padding-right: 0;
  border-radius: 2rem 0 0 2rem;
}
.jobsInner__contentSection{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #DDDDDD;
}
.jobsInner__contentSection:last-of-type{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.jobsInner__contentSection__l{
  width: 55%;
}
.cmnSmallTitle{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3rem;
  line-height: 1;
}
.cmnSmallTitle__jp{
  font-size: 2rem;
  margin-bottom: 1rem;
}
.cmnSmallTitle__en{
  font-size: 6rem;
}
.jobsInner__contentSection__lText{
  margin-bottom: 3rem;
}
.jobsInner__contentSection__lLink{
  position: relative;
  padding-right: 4rem;
  font-size: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #222;
}
.jobsInner__contentSection__lLink:before {
  content: "";
  width: 3rem;
  height: 3rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: -0.3rem;
  transition: 0.3s ease;
}
.jobsInner__contentSection__r{
  width: 40%;
}
.contentsList{
  margin-bottom: 12rem;
}
.contentsListInner{
  width: 80%;
  margin: 0 auto;
}
.contentsListInner__title{
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 3rem;
  padding-bottom: 0.4rem;
}
.contentsListInner__title:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.contentsListInner__list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.contentsListInner__list::after {
    content: "";
    display:block;
    width:23.5%;
}
.contentsListInner__list::before { 
    content: ""; 
    display:block; 
    width:23.5%;
    order: 1;
}
.contentsListInner__listItem{
  width: 23.5%;
  margin-bottom: 2rem;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.mainSub__image {
  padding-left: 5%;
  height: 22rem;
}
.mainSub__title__en {
  font-size: 6rem;
  position: relative;
  padding-right: 7rem;
  transition: 0.3s ease;
}
.jobsIntro {
  width: 90%;
  margin: 4rem auto 10rem;
}
.jobsWrap {
  padding-left: 2%;
  margin-bottom: 10rem;
}
.jobsInner {
  background: #F7F7F7;
  padding: 6rem 0;
  padding-left: 4rem;
  border-radius: 2rem 0 0 2rem;
}
.jobsInner__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.jobsInner__contentNav {
  width: 100%;
  position: relative;
  top: 0rem;
  left: 0;
  margin-bottom: 2rem;
}
.jobsInner__contentGroup {
  width: 100%;
  background: #fff;
  padding: 4rem;
  padding-right: 0;
  border-radius: 2rem 0 0 2rem;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.mainContent--of_dissable{
  overflow: hidden;
}
.mainSub{
  padding-top: 8rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mainSubInner{
  position: relative;
}
.mainSub__title{
  width: 85%;
  height: 7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  border-bottom: 2px solid #3DEC0000;
  padding-bottom: 0.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
}
.mainSub__title__jp{
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 2.5rem;
  padding-bottom: 0.4rem;
}
.mainSub__title__jp:before{
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mainSub__title__en{
  font-size: 4.5rem;
  position: relative;
  padding-right: 0rem;
  transition: 0.3s ease;
}
.mainSub__image{
  padding-left: 0;
  height: 25rem;
}
.punkuz{
  width: 85%;
  margin: 2rem auto 2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.punkuz li{
  font-size: 1.4rem;
  margin-right: 0.8rem;
  color: #000000;
}
.punkuz li a{
  display: block;
}
.punkuz li br{
  display: none;
}
.jobsIntro{
  width: 85%;
  margin: 4rem auto 6rem;
}
.jobsWrap{
  padding-left: 0%;
  margin-bottom: 6rem;
}
.jobsInner{
  background: #F7F7F7;
  padding:8rem 0;
  padding-left: 7%;
  border-radius: 0;
}
.cmnSubTitle{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.cmnSubTitle__en{
  font-size: 1.4rem;
  border-bottom: 2px solid #222;
}
.cmnSubTitle__jp{
  font-size: 2.8rem;
}
.jobsInner__content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.jobsInner__contentNav{
  width: 94%;
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.jobsInner__contentNav__item{
  margin-bottom: 2rem;
  width: 48%;
}
.jobsInner__contentNav__itemLink{
  position: relative;
  padding-left: 0;
  padding-right: 2.6rem;
  display: block;
  padding-bottom: 1rem;
  border-bottom: 2px solid #222;
  font-size: 1.3rem;
  letter-spacing: 0;
}
.jobsInner__contentNav__itemLink:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-link-arrow06.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: unset;
  right: 0;
  top: -0.6rem;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.jobsInner__contentGroup{
  width: 100%;
  background: #fff;
  padding: 6rem;
  padding-left: 2rem;
  padding-right: 0;
  border-radius: 2rem 0 0 2rem;
}
.jobsInner__contentSection{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #DDDDDD;
  flex-direction: column;
}
.jobsInner__contentSection:last-of-type{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.jobsInner__contentSection__l{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 4rem;
}
.cmnSmallTitle{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2rem;
  line-height: 1;
  width: 100%;
}
.cmnSmallTitle__jp{
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.cmnSmallTitle__en{
  font-size: 4rem;
}
.jobsInner__contentSection__lText{
  margin-bottom: 1rem;
  padding-right: 2rem;
  width: 100%;
}
.jobsInner__contentSection__lLink{
  position: relative;
  padding-right: 3.6rem;
  font-size: 1.6rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #222;
  right: 2rem;
}
.jobsInner__contentSection__lLink:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0.3rem;
  transition: 0.3s ease;
}
.jobsInner__contentSection__r{
  width: 100%;
}
.contentsList{
  margin-bottom: 6rem;
}
.contentsListInner{
  width: 85%;
  margin: 0 auto;
}
.contentsListInner__title{
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 3rem;
  padding-bottom: 0.4rem;
}
.contentsListInner__title:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.contentsListInner__list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.contentsListInner__list::after {
    content: "";
    display:block;
    width:48%;
}
.contentsListInner__list::before { 
    content: ""; 
    display:block; 
    width:48%;
    order: 1;
}
.contentsListInner__listItem{
  width: 48%;
  margin-bottom: 2rem;
}
}
/*-----------------------------------------------------------

JOBS KIND

-------------------------------------------------------------*/
.mainSimple{

}
.mainSimple{
  padding-top: 20rem;
  width: 80%;
  margin: 0 auto;
}
.mainSimpleInner{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4rem;
}
.mainSimple__title{
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  border-bottom: 2px solid #3DEC0000;
  padding-bottom: 0.4rem;
  white-space: nowrap;
}
.mainSimple__title__jp{
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 3rem;
  padding-bottom: 0.4rem;
}
.mainSimple__title__jp:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mainSimple__title__en{
  font-size: 7rem;
  position: relative;
  padding-right: 7rem;
  transition: 0.3s ease;
}
.jobKind__main{
  width: 95%;
  margin: 0 auto 10rem;
}
.jobKind__mainLead{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -12rem;
  position: relative;
  width: 62%;
}
.jobKind__mainLead__inner{
  background: #fff;
  padding: 3rem;
  padding-left: 0;
  border-radius: 0 2rem 0 0;
}
.jobKind__mainLead__title{
  font-size: 3.2rem;
  line-height: 1.8;
  font-weight: 600;
  margin-bottom: 2rem;
}
.jobKind__mainLead__text{
  
}
.jobKind__content{
  position: relative;
  margin-bottom: 10rem;
  padding-bottom: 6rem;
}
.jobKind__content:before{
  content: "";
  background: #F9F9F9;
  width: 95%;
  height: calc(100% - 20rem);
  position: absolute;
  left: 0;
  bottom: 0;
}
.jobKind__contentIntro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10%;
  margin-bottom: 10rem;
  position: relative;
  z-index: 1;
}
.jobKind__contentIntro__image{
  width: 55%;
}
.jobKind__contentIntro__lead{
  width: 40%;
}
.cmnSmallTitle--jobsKind{

}
.jobKind__contentIntro__leadText{
  margin-bottom: 3rem;
}
.jobKind__contentIntro__leadList{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.jobKind__contentIntro__leadList li{
  background: #3DEC00;
  line-height: 1;
  padding: 1rem 1.6rem;
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
  border-radius: 10rem;
  font-weight: 500;
}
.jobKind__contentWorks{
  width: 75%;
  margin: 0 auto 8rem;
  position: relative;
}
.cmnSubTitle--jobsKind{

}
.jobKind__contentWorks__inner{
  padding: 4rem;
  background: #fff;
  border-radius: 2rem;
}
.jobKind__contentWorks__innerItem{
  padding-bottom: 4rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #DDDDDD;
}
.jobKind__contentWorks__innerItem__title{
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.jobKind__contentWorks__innerItem__list{

}
.jobKind__contentWorks__innerItem__list li{
  position: relative;
  margin-bottom: 2rem;
  line-height: 1;
}
.jobKind__contentWorks__innerItem__list li:last-child{
  margin-bottom: 0;
}
.jobKind__contentWorks__innerItem__list li:before{
  content: "";
  width: 1rem;
  height: 1rem;
  background: #3DEC00;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-radius: 50%;
}
.jobKind__contentWorks__innerItem__list li p{
  padding-left: 2rem;
}
.jobKind__contentWorks__innerNote{
  font-size: 1.4rem;
}
.jobKind__contentSkill{
  width: 75%;
  margin: 0 auto 8rem;
  position: relative;
}
.jobKind__contentSkill__list{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.jobKind__contentSkill__list::after {
  content: "";
  display:block;
  width:32.5%;
}
.jobKind__contentSkill__listItem{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 32.5%;
  background: #EAEEEC;
  position: relative;
  border-radius: 2rem;
  margin-bottom: 1.4rem;
  overflow: hidden;
  padding: 4rem 3rem 3.2rem;
}
.jobKind__contentSkill__listNum{
  position: absolute;
  left: 0;
  top: 0;
  width: 8rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  line-height: 1;
  padding-right: 2rem;
}
.jobKind__contentSkill__listNum:before{
  content: "";
  width: 100%;
  height: 100%;
  background: #3DEC00;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.jobKind__contentSkill__listNum span{
  position: relative;
}
.jobKind__contentSkill__listText{
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.jobKind__contentCareer{
  width: 75%;
  margin: 0 auto 8rem;
  position: relative;
}
.jobKind__contentCareer__image{
  margin-top: -4rem;
}
.contentsList--joblist{

}
.contentsList--joblist .contentsListInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentsList--joblist .contentsListInner__title{
  width: 25%;
}
.contentsList--joblist .contentsListInner__list{
  width: 75%;
}
.contentsList--joblist .contentsListInner__listItem{
  width: 32%;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.mainSimple {
  padding-top: 20rem;
  width: 90%;
  margin: 0 auto;
}
.mainSimple__title__en {
  font-size: 5rem;
  position: relative;
  padding-right: 7rem;
  transition: 0.3s ease;
}
.jobKind__main {
  width: 100%;
  margin: 0 auto 10rem;
}
.jobKind__mainLead {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -12rem;
  position: relative;
  width: 90%;
}
.jobKind__contentWorks {
  width: 85%;
  margin: 0 auto 8rem;
  position: relative;
}
.jobKind__contentSkill {
  width: 85%;
  margin: 0 auto 8rem;
  position: relative;
}
.jobKind__contentCareer {
  width: 85%;
  margin: 0 auto 8rem;
  position: relative;
}
.contentsList--joblist .contentsListInner__title {
  width: 30%;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.mainSimple{

}
.mainSimple{
  padding-top: 12rem;
  width: 100%;
  margin: 0 auto;
}
.mainSimpleInner{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  flex-direction: column;
}
.mainSimple__title{
  width: 85%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  border-bottom: 2px solid #3DEC0000;
  padding-bottom: 0.4rem;
  white-space: nowrap;
}
.mainSimple__title__jp{
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 2.6rem;
  padding-bottom: 0.4rem;
}
.mainSimple__title__jp:before{
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: -0.3rem;
  bottom: 0;
  margin: auto;
}
.mainSimple__title__en{
  font-size: 4.4rem;
  position: relative;
  padding-right: 7rem;
  transition: 0.3s ease;
}
.jobKind__main{
  width: 100%;
  margin: 0 auto 6rem;
}
.jobKind__mainImage{
  padding-left: 7%;
}
.jobKind__mainLead{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -12rem;
  position: relative;
  width: 85%;
  padding-left: 7%;
}
.jobKind__mainLead__inner{
  background: #fff;
  padding: 3rem;
  padding-left: 0;
  border-radius: 0 2rem 0 0;
}
.jobKind__mainLead__title{
  font-size: 2.2rem;
  line-height: 1.8;
  font-weight: 600;
  margin-bottom: 2rem;
}
.jobKind__mainLead__text{
  width: 120%;
}
.jobKind__content{
  position: relative;
  margin-bottom: 6rem;
  padding-bottom: 6rem;
}
.jobKind__content:before{
  content: "";
  background: #F9F9F9;
  width: 100%;
  height: calc(100% - 20rem);
  position: absolute;
  left: 0;
  bottom: 0;
}
.jobKind__contentIntro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0;
  margin-bottom: 6rem;
  position: relative;
  z-index: 1;
  flex-direction: column;
}
.jobKind__contentIntro__image{
  width: 100%;
  margin-bottom: 4rem;
}
.jobKind__contentIntro__lead{
  width: 85%;
}
.cmnSmallTitle--jobsKind{

}
.jobKind__contentIntro__leadText{
  margin-bottom: 3rem;
}
.jobKind__contentIntro__leadList{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.jobKind__contentIntro__leadList li{
  background: #3DEC00;
  line-height: 1;
  padding: 1rem 1.6rem;
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
  border-radius: 10rem;
  font-weight: 500;
  font-size: 1.2rem;
}
.jobKind__contentWorks{
  width: 85%;
  margin: 0 auto 8rem;
  position: relative;
}
.cmnSubTitle--jobsKind{

}
.jobKind__contentWorks__inner{
  padding: 2rem;
  background: #fff;
  border-radius: 2rem;
}
.jobKind__contentWorks__innerItem{
  padding-bottom: 4rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #DDDDDD;
}
.jobKind__contentWorks__innerItem__title{
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.jobKind__contentWorks__innerItem__list{

}
.jobKind__contentWorks__innerItem__list li{
  position: relative;
  margin-bottom: 2rem;
  line-height: 1.4;
}
.jobKind__contentWorks__innerItem__list li:last-child{
  margin-bottom: 0;
}
.jobKind__contentWorks__innerItem__list li:before{
  content: "";
  width: 1rem;
  height: 1rem;
  background: #3DEC00;
  position: absolute;
  left: 0;
  top: 0.6rem;
  border-radius: 50%;
}
.jobKind__contentWorks__innerItem__list li p{
  padding-left: 2rem;
}
.jobKind__contentWorks__innerNote{
  font-size: 1.4rem;
}
.jobKind__contentSkill{
  width: 85%;
  margin: 0 auto 6rem;
  position: relative;
}
.jobKind__contentSkill__list{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.jobKind__contentSkill__list::after {
  content: "";
  display:block;
  width:100%;
}
.jobKind__contentSkill__listItem{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  background: #EAEEEC;
  position: relative;
  border-radius: 2rem;
  margin-bottom: 1.4rem;
  overflow: hidden;
  padding: 4rem 3rem 3.2rem;
}
.jobKind__contentSkill__listNum{
  position: absolute;
  left: 0;
  top: 0;
  width: 8rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  line-height: 1;
  padding-right: 2rem;
}
.jobKind__contentSkill__listNum:before{
  content: "";
  width: 100%;
  height: 100%;
  background: #3DEC00;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.jobKind__contentSkill__listNum span{
  position: relative;
}
.jobKind__contentSkill__listText{
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.jobKind__contentCareer{
  width: 100%;
  margin: 0 auto 2rem;
  position: relative;
  
}
.jobKind__contentCareer .cmnSubTitle{
  width: 85%;
  margin: 0 auto 2rem;
}
.jobKind__contentCareer__image{
  margin-top: -3rem;
  overflow: scroll;
  padding-bottom: 1rem;
}
.jobKind__contentCareer__image div{
  width: 250%;
  padding-left: 7%;
  padding-right: 7%;
}
.contentsList--joblist{

}
.contentsList--joblist .contentsListInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.contentsList--joblist .contentsListInner__title{
  width: 100%;
}
.contentsList--joblist .contentsListInner__list{
  width: 100%;
}
.contentsList--joblist .contentsListInner__listItem{
  width: 100%;
}
}
/*-----------------------------------------------------------

COMPANY

-------------------------------------------------------------*/
.companyIntro{
  width: 80%;
  margin: 4rem auto 10rem;
}
.companyIntro__title{
  font-size: 4rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  letter-spacing: 0.2em;
}
.companyIntro__text{

}
.subPage__anchorWrap{
  width: 90%;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto 10rem;
}
.subPage__anchor{
  display: flex;
  justify-content: flex-end;
}
.subPage__anchorItem{
  margin-left: 2rem;
}
.subPage__anchorItem__link{

}
.subPage__anchorItem__link{
  position: relative;
  padding-right: 4.5rem;
  font-size: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #222;
  display: block;
  font-weight: 500;
}
.subPage__anchorItem__link:before {
  content: "";
  width: 3rem;
  height: 3rem;
  background: url(../../src/img/cmn-link-arrow06.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0.6rem;
  transition: 0.3s ease;
}
.companyValue{
  width: 100%;
  margin: 0 auto 6rem;
  position: relative;
  padding-top: 8rem;
}
.companyValue:before{
  content: "";
  width: 72rem;
  height: 55rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #EAEEEC;
  border-radius: 0 2rem 2rem 0;
}
.companyValue__inner{
  width: 80%;
  margin: 0 auto 10rem;
  position: relative;
}
.companyValue__innerLead{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -12rem;
  position: relative;
  width: 62%;
}
.companyValue__innerLead__content{
  background: #fff;
  padding: 3rem;
  padding-left: 0;
  border-radius: 0 2rem 0 0;
}
.companyValue__innerLead__title{
  font-size: 3.2rem;
  line-height: 1.8;
  font-weight: 600;
  margin-bottom: 2rem;
}
.companyValue__innerLead__text{
  
}
.companyCulture{
  width: 100%;
  margin: 0 auto 6rem;
  position: relative;
  padding: 10rem 0;
  background: #F6F6F6;
}
.companyCulture__inner{
  width: 80%;
  margin: 0 auto 0rem;
  position: relative;
}
.companyCulture__content01{
  margin-bottom: 8rem;
}
.companyCulture__content01Title{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 4rem;
  line-height: 1;
}
.companyCulture__content01Title__en{
  font-size: 11rem;
  margin-bottom: 1rem;
}
.companyCulture__content01Title__jp{
  font-size: 2.3rem;
  letter-spacing: 0.12em;
}
.companyCulture__content01__image{

}
.companyCulture__content02{

}
.companyCulture__content02Title{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  line-height: 1;
}
.companyCulture__content02Title__top{
  font-size: 1.8rem;
  margin-bottom: 1rem;
  background: #222;
  padding: 1.6rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
  position: relative;
}
.companyCulture__content02Title__top:before{
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: #3DEC00;
  position: absolute;
  left: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.companyCulture__content02Title__top span{
  color: #fff;
  padding-left: 2.4rem;
}
.companyCulture__content02Title__bottom{
  margin-bottom: 4rem;
}
.companyCulture__content02__image{

}
.companyInfo{
  margin-bottom: 10rem;
}
.cmnSubTitle--companyInfo{
  width: 80%;
  margin: 0 auto 4rem;
}
.companyInfo__slideBox{
  padding-left: 10%;
  margin-bottom: 8rem;
}
.companyInfo__slideBox .slick-list {
  padding: 0 35% 0 0!important;
}
.companyInfo__slide .slick-prev {
  left: -2rem;
  width: 5rem;
  height: 5rem;
  top: 50%;
}
.companyInfo__slide .slick-prev:before {
  content: '';
  background: url(../../src/img/slick-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.companyInfo__slide .slick-next {
  left: 80rem;
  width: 5rem;
  height: 5rem;
  top: 50%;
}
.companyInfo__slide .slick-next:before {
  content: '';
  background: url(../../src/img/slick-next.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.companyInfo__slide li{
  padding: 0 1rem;
}
.companyInfo__table{
  width: 80%;
  margin: 0 auto;
  border: 1px solid #DDDDDD;
}
.companyInfo__table th{
  width: 25%;
  background: #F9F9F9;
  font-weight: 500;
  padding: 3rem 4rem;
  border: 1px solid #DDDDDD;
  text-align: left;
}
.companyInfo__table td{
  width: 75%;
  padding: 3rem 4rem;
  border: 1px solid #DDDDDD;
}
.companyMap{
  width: 80%;
  margin: 0 auto 16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.companyMap__info{
  width: 35%;
}
.companyMap__infoText01{
  margin-bottom: 2rem;
}
.companyMap__infoText02{
  margin-bottom: 2rem;
}
.companyMap__iframe{
  width: 65%;
  overflow: hidden;
  border-radius: 2rem;
  height: 45rem;
}
.companyMap__iframe iframe{
  width: 100%;
  height: 45rem;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.companyIntro {
  width: 90%;
  margin: 4rem auto 10rem;
}
.companyValue__inner {
  width: 90%;
  margin: 0 auto 10rem;
  position: relative;
}
.companyValue__innerLead {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -12rem;
  position: relative;
  width: 92%;
}
.companyCulture__inner {
  width: 90%;
  margin: 0 auto 0rem;
  position: relative;
}
.companyCulture__content01Title__en {
  font-size: 9rem;
  margin-bottom: 1rem;
}
.companyInfo__slideBox {
  padding-left: 4%;
  margin-bottom: 8rem;
}
.companyInfo__table {
  width: 90%;
  margin: 0 auto;
  border: 1px solid #DDDDDD;
}
.companyMap {
  width: 90%;
  margin: 0 auto 16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contentsListInner {
  width: 90%;
  margin: 0 auto;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.companyIntro{
  width: 85%;
  margin: 4rem auto 6rem;
}
.companyIntro__title{
  font-size: 2.4rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  letter-spacing: 0.2em;
}
.companyIntro__text{

}
.subPage__anchorWrap{
  width: 85%;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto 6rem;
}
.subPage__anchor{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.subPage__anchorItem{
  margin-left: 0rem;
  margin-bottom: 2rem;
  width: 48%;
}
.subPage__anchorItem__link{

}
.subPage__anchorItem__link{
  position: relative;
  padding-right: 4.5rem;
  font-size: 1.3rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #222;
  display: block;
  font-weight: 500;
}
.subPage__anchorItem__link:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(../../src/img/cmn-link-arrow06.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0.6rem;
  transition: 0.3s ease;
}
.companyValue{
  width: 100%;
  margin: 0 auto 6rem;
  position: relative;
  padding-top: 8rem;
}
.companyValue:before{
  content: "";
  width: 30rem;
  height: 27rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #EAEEEC;
  border-radius: 0 2rem 2rem 0;
}
.companyValue__inner{
  width: 85%;
  margin: 0 auto 6rem;
  position: relative;
}
.companyValue__innerLead{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -4rem;
  position: relative;
  width: 90%;
}
.companyValue__innerLead__content{
  background: #fff;
  padding: 3rem;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 2rem 0 0;
}
.companyValue__innerLead__title{
  font-size: 2.2rem;
  line-height: 1.8;
  font-weight: 600;
  margin-bottom: 2rem;
  white-space: nowrap;
}
.companyValue__innerLead__text{
  width: 110%;
}
.companyCulture{
  width: 100%;
  margin: 0 auto 6rem;
  position: relative;
  padding: 10rem 0;
  background: #F6F6F6;
}
.companyCulture__inner{
  width: 85%;
  margin: 0 auto 0rem;
  position: relative;
}
.companyCulture__content01{
  margin-bottom: 8rem;
}
.companyCulture__content01Title{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 4rem;
  line-height: 1;
}
.companyCulture__content01Title__en{
  font-size: 7.5rem;
  margin-bottom: 1rem;
  line-height: 1;
}
.companyCulture__content01Title__jp{
  font-size: 1.4rem;
  letter-spacing: 0.12em;
  line-height: 1.6;
  writing-mode: vertical-rl;
  padding-top: 1rem;
  margin-left: 1rem;
}
.companyCulture__content01__image{

}
.companyCulture__content02{

}
.companyCulture__content02Title{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  line-height: 1;
}
.companyCulture__content02Title__top{
  font-size: 1.6rem;
  margin-bottom: 1rem;
  background: #222;
  padding: 1.6rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
  position: relative;
}
.companyCulture__content02Title__top:before{
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: #3DEC00;
  position: absolute;
  left: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.companyCulture__content02Title__top span{
  color: #fff;
  padding-left: 2.4rem;
}
.companyCulture__content02Title__bottom{
  margin-bottom: 4rem;
}
.companyCulture__content02__image{

}
.companyInfo{
  margin-bottom: 6rem;
}
.cmnSubTitle--companyInfo{
  width: 85%;
  margin: 0 auto 2rem;
}
.companyInfo__slideBox{
  padding-left: 0%;
  margin-bottom: 8rem;
  width: 85%;
  margin: 0 auto 4rem;
}
.companyInfo__slideBox .slick-list {
  padding: 0 0% 0 0!important;
}
.companyInfo__slide .slick-prev {
  left: -2rem;
  width: 4rem;
  height: 4rem;
  top: 50%;
}
.companyInfo__slide .slick-prev:before {
  content: '';
  background: url(../../src/img/slick-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 4rem;
  height: 4rem;
  display: block;
}
.companyInfo__slide .slick-next {
  left: unset;
  right: -2rem;
  width: 4rem;
  height: 4rem;
  top: 50%;
}
.companyInfo__slide .slick-next:before {
  content: '';
  background: url(../../src/img/slick-next.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 4rem;
  height: 4rem;
  display: block;
}
.companyInfo__slide li{
  padding: 0 1rem;
}
.companyInfo__table{
  width: 85%;
  margin: 0 auto;
  border: 1px solid #DDDDDD;
  
}
.companyInfo__table tr{
  display: flex;
  flex-wrap: wrap;
}
.companyInfo__table th{
  width: 100%;
  background: #F9F9F9;
  font-weight: 500;
  padding: 1.4rem 2rem;
  border: 1px solid #DDDDDD;
  text-align: left;
}
.companyInfo__table td{
  width: 100%;
  padding: 1.4rem 2rem;
  border: 1px solid #DDDDDD;
}
.companyMap{
  width: 85%;
  margin: 0 auto 6rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column-reverse;
}
.companyMap__info{
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.companyMap__infoText01{
  margin-bottom: 2rem;
  width: 100%;
}
.companyMap__infoText02{
  margin-bottom: 2rem;
  width: 100%;
}
.companyMap .jobsInner__contentSection__lLink{
  right: 0;
}
.companyMap .jobsInner__contentSection__lLink:before{
  top: 0;
}
.companyMap__iframe{
  width: 100%;
  overflow: hidden;
  border-radius: 2rem;
  height: 25rem;
  margin-bottom: 2rem;
}
.companyMap__iframe iframe{
  width: 100%;
  height: 45rem;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
}
/*-----------------------------------------------------------

ENV

-------------------------------------------------------------*/
.subPage__anchorWrap--env{
  margin-top: 8rem;
}
.envBenefits{
  width: 100%;
  margin: 0 auto 6rem;
  position: relative;
}
.envBenefits__inner{
  width: 80%;
  margin: 0 auto 10rem;
  position: relative;
}
.envBenefits__intro{
  font-size: 1.6rem;
  margin-bottom: 4rem;
}
.envBenefits__intro span{
  display: block;
  font-size: 1.2rem;
}
.envBenefits01__list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10rem;
}
.envBenefits01__listItem{
  width: 48%;
}
.envBenefits01__listItem__image{
  margin-bottom: 1rem;
}
.envBenefits01__listItem__title{
  font-size: 2.2rem;
  font-weight: 500;
}
.envBenefits01__listItem__text{

}
.envBenefits01__content{
  margin-bottom: 10rem;
}
.envBenefits01__list{

}
.envBenefits01__list ul{
  height: 30rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}
.envBenefits01__list ul li{
  margin-bottom: 1rem;
  margin-right: 4rem;
}
.envBenefits01__list ul li:before{
  content: "・";
}
.envBeneData{
  width: 100%;
  margin-bottom: 10rem;
  position: relative;
  padding: 10rem 0;
  background: #F6F6F6;
}
.envBeneData__inner{
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.envBeneCareer{
  width: 100%;
  margin-bottom: 10rem;
  position: relative;
}
.envBeneCareer__inner{
  width: 100%;
  padding-left: 10%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.envBeneCareer__innerL{
  width: 55%;
}
.envBeneCareer__list{
  padding-top: 2rem;
  border-top: 1px solid #DDDDDD;
}
.envBeneCareer__listItem{
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.envBeneCareer__listItem:last-child{
  margin-bottom: 0;
}
.envBeneCareer__listItem__icon{
  width: 12rem;
}
.envBeneCareer__listItem__content{
  width: 80%;
}
.envBeneCareer__listItem__content h3{
  font-size: 2.2rem;
}
.envBeneCareer__innerR{
  width: 35%;
}
.envEvent{
  width: 100%;
  margin: 0 auto 10rem;
  padding-bottom: 6rem;
  position: relative;
}
.envEvent:before{
  content: "";
  width: 95%;
  height: 60%;
  background: #EAEEEC;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 2rem 2rem 0;
}
.envEvent__inner{
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.envEvent__list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10rem;
}
.envEvent__listItem{
  width: 32%;
}
.envEvent__listItem__image{
  margin-bottom: 1rem;
}
.envEvent__listItem__title{
  font-size: 2.2rem;
  font-weight: 500;
}
.envEvent__listItem__text{

}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.envBenefits__inner {
  width: 90%;
  margin: 0 auto 10rem;
  position: relative;
}
.envBenefits01__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10rem;
}
.envBeneData__inner {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.envBeneCareer__inner {
  width: 100%;
  padding-left: 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.envBeneCareer__listItem__content {
  width: 67%;
}
.envEvent__inner {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.envEvent__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10rem;
}
.envEvent__listItem__title {
  font-size: 1.8rem;
  font-weight: 500;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.subPage__anchorWrap--env{
  margin-top: 8rem;
}
.envBenefits{
  width: 100%;
  margin: 0 auto 6rem;
  position: relative;
}
.envBenefits__inner{
  width: 85%;
  margin: 0 auto 6rem;
  position: relative;
}
.envBenefits__intro{
  font-size: 1.4rem;
  margin-bottom: 2rem;
}
.envBenefits__intro span{
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.envBenefits01__list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  flex-wrap: wrap;
}
.envBenefits01__listItem{
  width: 100%;
  margin-bottom: 2rem;
}
.envBenefits01__listItem__image{
  margin-bottom: 1rem;
}
.envBenefits01__listItem__title{
  font-size: 1.8rem;
  font-weight: 500;
}
.envBenefits01__listItem__text{
  letter-spacing: 0;
}
.envBenefits01__content{
  margin-bottom: 6rem;
}
.envBenefits01__list{

}
.envBenefits01__list ul{
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}
.envBenefits01__list ul li{
  margin-bottom: 1rem;
  margin-right: 4rem;
}
.envBenefits01__list ul li:before{
  content: "・";
}
.envBeneData{
  width: 100%;
  margin-bottom: 6rem;
  position: relative;
  padding: 6rem 0;
  background: #F6F6F6;
}
.envBeneData__inner{
  width: 85%;
  margin: 0 auto;
  position: relative;
}
.envBeneCareer{
  width: 100%;
  margin-bottom: 6rem;
  position: relative;
}
.envBeneCareer__inner{
  width: 100%;
  padding-left: 7%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}
.envBeneCareer__innerL{
  width: 100%;
  margin-bottom: 4rem;
}
.envBenefits__intro{
  padding-right: 7%;
}
.envBeneCareer__list{
  padding-top: 2rem;
  border-top: none;
  padding-right: 7%;
}
.envBeneCareer__listItem{
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.envBeneCareer__listItem:first-child{
  border-top: 1px solid #DDDDDD;
  padding-top: 2rem;
}

.envBeneCareer__listItem:last-child{
  margin-bottom: 0;
}
.envBeneCareer__listItem__icon{
  width: 8rem;
}
.envBeneCareer__listItem__content{
  width: 70%;
}
.envBeneCareer__listItem__content h3{
  font-size: 1.8rem;
}
.envBeneCareer__innerR{
  width: 100%;
}
.envEvent{
  width: 100%;
  margin: 0 auto 6rem;
  padding-bottom: 4remrem;
  position: relative;
}
.envEvent:before{
  content: "";
  width: 100%;
  height: 85%;
  background: #EAEEEC;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0;
}
.envEvent__inner{
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.envEvent__list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0rem;
  flex-wrap: wrap;
}
.envEvent__listItem{
  width: 100%;
  margin-bottom: 4rem;
}
.envEvent__listItem__image{
  margin-bottom: 1rem;
}
.envEvent__listItem__title{
  font-size: 1.8rem;
  font-weight: 500;
}
.envEvent__listItem__text{

}
}
/*-----------------------------------------------------------

PEOPLE / INTERVIEW

-------------------------------------------------------------*/
.intSection{
  padding: 0 10% 10rem;
  margin-bottom: 10rem;
  border-bottom: 1px solid #DDDDDD;
}
.intSection .topPeople__slide{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
}
.intSection .topPeople__slide::after {
    content: "";
    display:block;
    width: 32%;
}
.intSection .topPeople__slideItem{
  width: 32%;
  margin-bottom: 5rem;
  padding: 0;
}
.intSection .topPeople__slideTop__image{
  height: 44rem;
}
.intSection .topPeople__slideTop__title{
  opacity: 1;
  padding-bottom: 2rem;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.intSection .topPeople__slideTop__image {
    height: 27rem;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.intSection{
  padding: 0 7% 4rem;
  margin-bottom: 6rem;
  border-bottom: 1px solid #DDDDDD;
}
.intSection .topPeople__slide{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
}
.intSection .topPeople__slide::after {
    content: "";
    display:block;
    width: 100%;
}
.intSection .topPeople__slideItem{
  width: 100%;
  margin-bottom: 5rem;
  padding: 0;
}
.intSection .topPeople__slideTop__image{
  height: 40rem;
}
.intSection .topPeople__slideTop__title{
  opacity: 1;
  padding-bottom: 2rem;
}
}
/*-----------------------------------------------------------

INTERVIEW DETAIL

-------------------------------------------------------------*/
.intDetail__titleBox{
  width: 80%;
  padding-top: 16rem;
  margin: 0 auto;
}
.intDetail__title_en{
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 3rem;
  padding-bottom: 0.4rem;
}
.intDetail__title_en:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.intDetail__intro{
  padding-left: 10%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10rem;
}
.intDetail__introL{
  width: 40%;
  padding-top: 3rem;
}
.intDetail__introL__top{
  margin-bottom: 5rem;
}
.intDetail__introTitle{
  font-size: 3.6rem;
  line-height: 1.6;
}
.intDetail__introInfo{

}
.intDetail__introInfo__profile{
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.intDetail__introInfo__profileName{
  font-size: 5.5rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.intDetail__introInfo__profileJob{
  margin-bottom: 1rem;
}
.intDetail__introInfo__profileYear {
    border: 1px solid #000;
    line-height: 1;
    padding: 0.6rem 1rem;
    display: inline-block;
    border-radius: 10rem;
}
.intDetail__introR{
  width: 50%;
  position: relative;
}
.intDetail__introR__image {
  width: 100%;
  height: 70.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 2rem 0 0 2rem;
  transition: 0.6s ease;
}
.intDetail__introR__image img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.intDetail__introR__image{
  position: relative;
  z-index: 1;
}
.intDetail__introR__image:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  background: #3dec00;
}
.intDetail__introR__image.on:after{
  animation-name:recruitStaffImgAnime;
  animation-duration:1s;
  animation-delay: 0s;
  animation-fill-mode:forwards;
  transform-origin:left;
  transform:scaleX(0);
  opacity: 1;
}
@keyframes recruitStaffImgAnime{
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}
.intDetail__introR__image img{
  opacity: 0;
}
.intDetail__introR__image.on img{
  animation-name:staffSecImg;
  animation-duration:0.3s;
  animation-fill-mode:forwards;
  animation-delay: 0.5s;
}
@keyframes staffSecImg{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.intDetail__contentWrap{
  position: relative;
  padding: 10rem 0 1rem;
  margin-bottom: 10rem;
}
.intDetail__contentWrap:before{
  content: "";
  width: 90%;
  height: 100%;
  background: #F7F7F7;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 2rem 0 0 2rem;
}
.intDetail__content{
  width: 65%;
  margin: 0 auto 8rem;
  position: relative;
}
.intDetail__contentTitle{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.intDetail__contentTitle__small{
  font-size: 1.6rem;
  border-bottom: 2px solid #222;
  margin-bottom: 1rem;
}
.intDetail__contentTitle__mid{
  font-size: 3rem;
  line-height: 1.6;
}
.intDetail__contentText{
  margin-bottom: 8rem;
}
.intDetail__contentImage{
  position: relative;
  margin-bottom: 8rem;
}
.intDetail__contentImage__box {
  width: 100%;
  height: 57.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 2rem;
  transition: 0.6s ease;
}
.intDetail__contentImage__box img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.intDetail__contentImage__box{
  position: relative;
  z-index: 1;
}
.intDetail__contentImage__box:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  background: #3dec00;
}
.intDetail__contentImage__box.on:after{
  animation-name:recruitStaffImgAnime;
  animation-duration:1s;
  animation-delay: 0s;
  animation-fill-mode:forwards;
  transform-origin:left;
  transform:scaleX(0);
  opacity: 1;
}
.intDetail__contentImage__box img{
  opacity: 0;
}
.intDetail__contentImage__box.on img{
  animation-name:staffSecImg;
  animation-duration:0.3s;
  animation-fill-mode:forwards;
  animation-delay: 0.5s;
}
.intDetail__days{
  width: 65%;
  margin: 0 auto 6rem;
  position: relative;
}
.intDetail__daysContent{
  padding-top: 4rem;
}
.intDetail__daysList{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 80rem;
}
.intDetail__daysList__item{
  width: 50%;
  padding-bottom: 6rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 4rem;
  margin-right: 6rem;
}
.intDetail__daysList__item:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: #3DEC00;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.intDetail__daysList__item:after{
  content: "";
  width: 0.1rem;
  height: 0%;
  background: #3DEC00;
  position: absolute;
  left: 1rem;
  top: 0;
  transition: 2s ease;
}
.intDetail__daysList__item.on:after{
  height: 100%;
}
.intDetail__daysList__item:last-child:after{
  display: none;
}
.intDetail__daysList__itemTime{
  font-size: 2rem;
  width: 22%;
  line-height: 1;
  opacity: 0;
}
.intDetail__daysList__itemFlow{
  width: 78%;
  opacity: 0;
}
.intDetail__daysList__itemFlow__title{
  font-size: 2rem;
  line-height: 1.4;
  margin-top: -0.4rem;
  margin-bottom: 1rem;
  width: 100%;
}
.intDetail__daysList__itemFlow__text{
  width: 100%;
}
.intDetail__slide{
  width: 85%;
  margin: 0 auto 10rem;
}
.intDetail__slide .topPeople__slide{
  margin-bottom: 0rem;
  width: 100%;
  height: 47rem;
}
.intDetail__slide .topPeople__slideLink:hover{
  opacity: 1;
}
.intDetail__slide .topPeople__slideLink:hover .topPeople__slideTop__title{
  opacity: 1;
  padding-bottom: 2rem;
}
.intDetail__slide .topPeople__slide .slick-prev {
  left: -1rem;
  right: unset;
  width: 5rem;
  height: 5rem;
  top: 18rem;
}
.intDetail__slide .topPeople__slide .slick-prev:before {
  content: '';
  background: url(../../src/img/slick-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.intDetail__slide .topPeople__slide .slick-next {
  left: unset;
  right: -1rem;
  width: 5rem;
  height: 5rem;
  top: 18rem;
}
.intDetail__slide .topPeople__slide .slick-next:before {
  content: '';
  background: url(../../src/img/slick-next.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.intDetail__slide .topPeople__slide .slick-dots {
  bottom: 0;
  top: unset;
  position: absolute;
  text-align: left;
  width: 100%;
}
.intDetail__slideLink{
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.intDetail__intro {
    padding-left: 5%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10rem;
}
.intDetail__introTitle {
  font-size: 2.6rem;
  line-height: 1.6;
}
.intDetail__content {
  width: 90%;
  margin: 0 auto 8rem;
  position: relative;
}
.intDetail__contentWrap:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 2rem 0 0 2rem;
}
.intDetail__days {
  width: 90%;
  margin: 0 auto 6rem;
  position: relative;
}
.intDetail__daysList {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: auto;
}
.intDetail__daysList__item {
  width: 100%;
  padding-bottom: 6rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 4rem;
  margin-right: 6rem;
}
.intDetail__slide {
  width: 94%;
  margin: 0 auto 10rem;
}
.intDetail__slide .topPeople__slideItem{
  padding: 0 0.6rem;
}
.intDetail__slide .topPeople__slide {
  margin-bottom: 0rem;
  width: 100%;
  height: 38rem;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.intDetail__titleBox{
  width: 85%;
  padding-top: 8rem;
  margin: 0 auto -2rem;
}
.intDetail__title_en{
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 3rem;
  padding-bottom: 0.4rem;
}
.intDetail__title_en:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-title-icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.intDetail__intro{
  padding-left: 7%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10rem;
  flex-direction: column-reverse;
}
.intDetail__introL{
  width: 92%;
  padding-top: 3rem;
}
.intDetail__introL__top{
  margin-bottom: 5rem;
}
.intDetail__introTitle{
  font-size: 2.4rem;
  line-height: 1.6;
}
.intDetail__introInfo{

}
.intDetail__introInfo__profile{
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.intDetail__introInfo__profileName{
  font-size: 5.5rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.intDetail__introInfo__profileJob{
  margin-bottom: 1rem;
}
.intDetail__introInfo__profileYear {
    border: 1px solid #000;
    line-height: 1;
    padding: 0.6rem 1rem;
    display: inline-block;
    border-radius: 10rem;
}
.intDetail__introR{
  width: 100%;
  position: relative;
}
.intDetail__introR__image {
  width: 100%;
  height: 38.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 2rem 0 0 2rem;
  transition: 0.6s ease;
}
.intDetail__introR__image img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.intDetail__introR__image{
  position: relative;
  z-index: 1;
}
.intDetail__introR__image:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  background: #3dec00;
}
.intDetail__introR__image.on:after{
  animation-name:recruitStaffImgAnime;
  animation-duration:1s;
  animation-delay: 0s;
  animation-fill-mode:forwards;
  transform-origin:left;
  transform:scaleX(0);
  opacity: 1;
}
@keyframes recruitStaffImgAnime{
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}
.intDetail__introR__image img{
  opacity: 0;
}
.intDetail__introR__image.on img{
  animation-name:staffSecImg;
  animation-duration:0.3s;
  animation-fill-mode:forwards;
  animation-delay: 0.5s;
}
@keyframes staffSecImg{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.intDetail__contentWrap{
  position: relative;
  padding: 6rem 0 1rem;
  margin-bottom: 10rem;
}
.intDetail__contentWrap:before{
  content: "";
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}
.intDetail__content{
  width: 85%;
  margin: 0 auto 8rem;
  position: relative;
}
.intDetail__contentTitle{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.intDetail__contentTitle__small{
  font-size: 1.4rem;
  border-bottom: 2px solid #222;
  margin-bottom: 1rem;
}
.intDetail__contentTitle__mid{
  font-size: 2rem;
  line-height: 1.6;
}
.intDetail__contentText{
  margin-bottom: 8rem;
}
.intDetail__contentImage{
  position: relative;
  margin-bottom: 8rem;
}
.intDetail__contentImage__box {
  width: 100%;
  height: 23.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 2rem;
  transition: 0.6s ease;
}
.intDetail__contentImage__box img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.intDetail__contentImage__box{
  position: relative;
  z-index: 1;
}
.intDetail__contentImage__box:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  background: #3dec00;
}
.intDetail__contentImage__box.on:after{
  animation-name:recruitStaffImgAnime;
  animation-duration:1s;
  animation-delay: 0s;
  animation-fill-mode:forwards;
  transform-origin:left;
  transform:scaleX(0);
  opacity: 1;
}
.intDetail__contentImage__box img{
  opacity: 0;
}
.intDetail__contentImage__box.on img{
  animation-name:staffSecImg;
  animation-duration:0.3s;
  animation-fill-mode:forwards;
  animation-delay: 0.5s;
}
.intDetail__days{
  width: 85%;
  margin: 0 auto 6rem;
  position: relative;
}
.intDetail__daysContent{
  padding-top: 4rem;
}
.intDetail__daysList{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
}
.intDetail__daysList__item{
  width: 100%;
  padding-bottom: 6rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 4rem;
  margin-right: 6rem;
}
.intDetail__daysList__item:before{
  content: "";
  width: 2rem;
  height: 2rem;
  background: #3DEC00;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.intDetail__daysList__item:after{
  content: "";
  width: 0.1rem;
  height: 0%;
  background: #3DEC00;
  position: absolute;
  left: 1rem;
  top: 0;
  transition: 2s ease;
}
.intDetail__daysList__item.on:after{
  height: 100%;
}
.intDetail__daysList__item:last-child:after{
  display: none;
}
.intDetail__daysList__itemTime{
  font-size: 2rem;
  width: 28%;
  line-height: 1;
  opacity: 0;
}
.intDetail__daysList__itemFlow{
  width: 72%;
  opacity: 0;
}
.intDetail__daysList__itemFlow__title{
  font-size: 1.8rem;
  line-height: 1.4;
  margin-top: -0.4rem;
  margin-bottom: 1rem;
  width: 100%;
}
.intDetail__daysList__itemFlow__text{
  width: 100%;
}
.intDetail__slide{
  width: 85%;
  margin: 0 auto 10rem;
}
.intDetail__slide .topPeople__slide{
  margin-bottom: 6rem;
  width: 100%;
  height: 45rem;
}
.intDetail__slide .topPeople__slideTop__image {
  width: 100%;
  height: 34.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 2rem;
  transition: 0.6s ease;
}
.intDetail__slide .topPeople__slideLink:hover{
  opacity: 1;
}
.intDetail__slide .topPeople__slideLink:hover .topPeople__slideTop__title{
  opacity: 1;
  padding-bottom: 2rem;
}
.intDetail__slide .topPeople__slide .slick-prev {
  left: -1rem;
  right: unset;
  width: 5rem;
  height: 5rem;
  top: 18rem;
}
.intDetail__slide .topPeople__slide .slick-prev:before {
  content: '';
  background: url(../../src/img/slick-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.intDetail__slide .topPeople__slide .slick-next {
  left: unset;
  right: -1rem;
  width: 5rem;
  height: 5rem;
  top: 18rem;
}
.intDetail__slide .topPeople__slide .slick-next:before {
  content: '';
  background: url(../../src/img/slick-next.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 5rem;
  height: 5rem;
  display: block;
}
.intDetail__slide .topPeople__slide .slick-dots {
  bottom: 0;
  top: unset;
  position: absolute;
  text-align: right;
  width: 100%;
}
.intDetail__slideLink{
  display: flex;
  justify-content: flex-end;
}
}
/*-----------------------------------------------------------

FLOW

-------------------------------------------------------------*/
.flowWrap{
  padding-left: 12rem;
  margin-bottom: 10rem;
}
.flowInner__content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5.2rem;
}
.flowInner__contentNav{
  width: 20%;
  position: sticky;
  top: 16rem;
  left: 0;
}
.flowInner__contentNav__item{
  margin-bottom: 1rem;
}
.flowInner__contentNav__itemLink{
  position: relative;
  padding-left: 3rem;
}
.flowInner__contentNav__itemLink:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.mainContent-flow{
  background: url(../img/main-bg.png) no-repeat center center/cover;
  width: auto;
  height: auto;
  padding: 10rem 7rem 13rem;
  border-radius: 1rem 0 0 1rem;
  width: calc(100vw - 37rem);
}

.mainContent-flow-title{
  margin-bottom: 5.2rem;
  width: 78%;
}
.mainContent-flow-title02{
  margin-bottom: 3.2rem;
}
.mainContent-flow-title-eg{
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.25;
  color: #222;
  border-bottom: 1px #222 solid;
  padding-bottom: 0.5rem;
  margin-bottom: 1.2rem;
}
.mainContent-flow-title-jp{
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.875;
}
.mainContent-flow-wrap{
  margin-bottom: 10rem;
  width: 90%;
}
.mainContent-flow-parts{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2rem;
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
}
.mainContent-flow-parts-img{
  width: 9rem;
  height: 9rem;
}
.mainContent-flow-parts-text-wrap{
  width: 85%;
}
.mainContent-flow-parts-title{
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
}
.mainContent-flow-parts-text{
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  color: #222;
}
.mainContent-flow-arrow{
  width: 4.5rem;
  height: auto;
  margin: auto;
  margin-top: 0.5rem;
  margin-bottom: 0.8rem;
}
.mainContent-flow-btn-wrap{
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.mainContent-flow-btn-requirements-wrap{
  background: linear-gradient(309.19deg, #0C3000 11%, #222222 100%);
  border-radius: 50px;
  padding: 1.5rem;
  width: 28.8rem;
  display: flex;
  align-items: center;
  position: relative;
  /* box-shadow: 3.98571px 3.98571px 7.97143px rgba(0, 0, 0, 0.15); */
}
.mainContent-flow-btn-requirements{
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.6;
  letter-spacing: 1px;
  margin-top: -2px;
}
.mainContent-flow-btn-arrow{
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.mainContent-flow-btn-arrow img{
  width: 100%;
  height: auto;
}
.mainContent-flow-btn-entry-wrap{
  background: linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  border-radius: 50px;
  padding: 1.5rem;
  width: 29.8rem;
  display: flex;
  align-items: center;
  position: relative;
  /* box-shadow: 3.98571px 3.98571px 7.97143px rgba(0, 0, 0, 0.15); */
}
.mainContent-flow-btn-text-entry{
  color: #000;
  line-height: 2.6;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.flowWrap {
    padding-left: 5rem;
    margin-bottom: 10rem;
}
.flowInner__contentNav {
    width: 24%;
    position: sticky;
    top: 16rem;
    left: 0;
}
.mainContent-flow {
    background: url(../img/main-bg.png) no-repeat center center / cover;
    width: auto;
    height: auto;
    padding: 4rem 4rem 9rem;
    border-radius: 1rem 0 0 1rem;
    width: 70%;
}
.mainContent-flow-wrap {
    margin-bottom: 10rem;
    width: 100%;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.flowWrap{
  padding-left: 0;
  margin-bottom: 6rem;
}
.flowInner__content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5.2rem;
  flex-direction: column;
}
.flowInner__contentNav{
  width: 85%;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
}
.flowInner__contentNav__item{
  margin-bottom: 1rem;
}
.flowInner__contentNav__itemLink{
  position: relative;
  padding-left: 3rem;
}
.flowInner__contentNav__itemLink:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.mainContent-flow{
  background: url(../img/main-bg.png) no-repeat center center/cover;
  width: auto;
  height: auto;
  padding: 6rem 7%;
  border-radius: 0;
  width: 100%;
}

.mainContent-flow-title{
  margin-bottom: 5.2rem;
  width: 100%;
}
.mainContent-flow-title02{
  margin-bottom: 2rem;
}
.mainContent-flow-title-eg{
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.25;
  color: #222;
  border-bottom: 1px #222 solid;
  padding-bottom: 0.5rem;
  margin-bottom: 1.2rem;
}
.mainContent-flow-title-jp{
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.875;
}
.mainContent-flow-wrap{
  margin-bottom: 6rem;
  width: 100%;
}
.mainContent-flow-parts{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 2rem;
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
}
.mainContent-flow-parts-img{
  width: 8rem;
  height: 8rem;
}
.mainContent-flow-parts-text-wrap{
  width: 70%;
}
.mainContent-flow-parts-title{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
}
.mainContent-flow-parts-text{
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 1px;
  color: #222;
}
.mainContent-flow-arrow{
  width: 4.5rem;
  height: auto;
  margin: auto;
  margin-top: 0.5rem;
  margin-bottom: 0.8rem;
}
.mainContent-flow-btn-wrap{
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.mainContent-flow-btn-requirements-wrap{
  background: linear-gradient(309.19deg, #0C3000 11%, #222222 100%);
  border-radius: 50px;
  padding: 1.5rem;
  width: 29.8rem;
  display: flex;
  align-items: center;
  position: relative;
  /* box-shadow: 3.98571px 3.98571px 7.97143px rgba(0, 0, 0, 0.15); */
}
.mainContent-flow-btn-requirements{
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.6;
  letter-spacing: 1px;
  margin-top: -2px;
}
.mainContent-flow-btn-arrow{
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.mainContent-flow-btn-arrow img{
  width: 100%;
  height: auto;
}
.mainContent-flow-btn-entry-wrap{
  background: linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  border-radius: 50px;
  padding: 1.5rem;
  width: 29.8rem;
  display: flex;
  align-items: center;
  position: relative;
  /* box-shadow: 3.98571px 3.98571px 7.97143px rgba(0, 0, 0, 0.15); */
}
.mainContent-flow-btn-text-entry{
  color: #000;
  line-height: 2.6;
}
}
/*-----------------------------------------------------------

FAQ

-------------------------------------------------------------*/
.faqWrap{
  padding-left: 17rem;
  margin-bottom: 10rem;
}
.faqInner__content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5.2rem;
}
.faqInner__contentNav{
  width: 20%;
  position: sticky;
  top: 16rem;
  left: 0;
}
.faqInner__contentNav__item{
  margin-bottom: 1rem;
}
.faqInner__contentNav__itemLink{
  position: relative;
  padding-left: 3rem;
}
.faqInner__contentNav__itemLink:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.mainContent-faq{
  background: url(../img/main-bg.png) no-repeat center center/cover;
  width: auto;
  height: auto;
  padding: 10rem 7rem 13rem;
  border-radius: 1rem 0 0 1rem;
  width: calc(100vw - 37rem);
}
.mainContent-faq-title{
  margin-bottom: 4rem;
  width: 90%;
}
.mainContent-faq-title-jp{
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.875;
}
.mainContent-faq--wrap{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 10rem;
}
.mainContent-faq--wrap-mb0{
  margin-bottom: 0;
}
.mainContent-faq-contents{
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
  width: 90%;
  position: relative;
  /* display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1rem; */
}
.mainContent-faq-contents-title {
  display: block;
  list-style: none;
  padding-left: 4rem;
}
.mainContent-faq-contents-title::before{
  content: "Q";
  font-family: "Lexend";
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
  color: #000;
  position: absolute;
  top: 2.4rem;
  left: 2rem;
}
.mainContent-faq-contents-title::after{
  content: "";
  background: url(../img/cmn-link-arrow02-under.png) no-repeat center center/cover;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 3.7rem;
  right: 2rem;
  transform: translateY(-50%);
  transition: 0.3s ease;
}
/* detailsが開かれたときの三角アイコンの回転 */
details[open] .mainContent-faq-contents-title::after {
  transform: translateY(-50%) rotate(180deg);
}
.mainContent-faq-contents-textarea{
  position: relative;
}
.mainContent-faq-contents-text::before{
  content: "A";
  font-family: "Lexend";
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
  color: #3DEC00;
  position: absolute;
  left: 0;
}
.mainContent-faq-contents-text{
  padding: 3rem 0 1rem 4rem;
  border-top: 1px #DDDDDD solid;
  margin-top: 2rem;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.faqWrap {
    padding-left: 4rem;
    margin-bottom: 10rem;
}
.faqInner__contentNav {
    width: 25%;
    position: sticky;
    top: 16rem;
    left: 0;
}
.mainContent-faq {
    background: url(../img/main-bg.png) no-repeat center center / cover;
    width: auto;
    height: auto;
    padding: 5rem 4rem 4rem;
    border-radius: 1rem 0 0 1rem;
    width: 70%;
}
.mainContent-faq-contents {
    background-color: #fff;
    border-radius: 1rem;
    padding: 2rem;
    width: 100%;
    position: relative;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.faqWrap{
  padding-left: 0rem;
  margin-bottom: 6rem;
}
.faqInner__content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
}
.faqInner__contentNav{
  width: 85%;
  position: relative;
  top: 0rem;
  left: 0;
  margin: 0 auto 4rem;
}
.faqInner__contentNav__item{
  margin-bottom: 1rem;
}
.faqInner__contentNav__itemLink{
  position: relative;
  padding-left: 3rem;
}
.faqInner__contentNav__itemLink:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.mainContent-faq{
  background: url(../img/main-bg.png) no-repeat center center/cover;
  width: auto;
  height: auto;
  padding: 6rem 7%;
  border-radius: 0;
  width: 100%;
}
.mainContent-faq-title{
  margin-bottom: 4rem;
  width: 100%;
}
.mainContent-faq-title-jp{
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.875;
}
.mainContent-faq--wrap{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 6rem;
}
.mainContent-faq--wrap-mb0{
  margin-bottom: 0;
}
.mainContent-faq-contents{
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
  width: 100%;
  position: relative;
  /* display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1rem; */
}
.mainContent-faq-contents-title {
  display: block;
  list-style: none;
  padding-left: 3rem;
  padding-right: 4rem;
  line-height: 1.4;
  position: relative;
}
.mainContent-faq-contents-title::before{
  content: "Q";
  font-family: "Lexend";
  font-size: 2.5rem;
  height: 2.6rem;
  font-weight: 600;
  line-height: 1;
  color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mainContent-faq-contents-title::after{
  content: "";
  background: url(../img/cmn-link-arrow02-under.png) no-repeat center center/cover;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0rem;
  transform: translateY(0%);
}
/* detailsが開かれたときの三角アイコンの回転 */
details[open] .mainContent-faq-contents-title::after {
  transform: translateY(0%) rotate(180deg);
}
.mainContent-faq-contents-textarea{
  position: relative;
}
.mainContent-faq-contents-text::before{
  content: "A";
  font-family: "Lexend";
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
  color: #3DEC00;
  position: absolute;
  left: 0;
}
.mainContent-faq-contents-text{
  padding: 3rem 0 1rem 4rem;
  border-top: 1px #DDDDDD solid;
  margin-top: 2rem;
}
}
/*-----------------------------------------------------------

REQUIREMENT

-------------------------------------------------------------*/
.requirementSection{
  width: 80%;
  margin: 0 auto 10rem;
}
.requirementSection__list{

}
.requirementSection__listItem{
  margin-bottom: 3rem;
}
.requirementSection__listItem__link{
  display: flex;
  justify-content: space-between;
  align-content: stretch;
  overflow: hidden;
  border-radius: 2rem;
  background: #F7F7F7;
}
.requirementSection__listItemL{
  width: 35%;
  position: relative;
}
.requirementSection__listItemL__image {
  width: 100%;
  height: 25.8rem;
  position: relative;
  display: block;
  transition: 0.6s ease;
}
.requirementSection__listItemL__image img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.requirementSection__listItemR{
  width: 65%;
  padding: 3rem;
  padding-right: 10rem;
  position: relative;
}
.requirementSection__listItemR:before {
  content: "";
  width: 4rem;
  height: 4rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 2rem;
  top: 0rem;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.requirementSection__listItemR__title{
  font-size: 2.2rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #CCCCCC;
}
.requirementSection__listItemR__contentText{
  margin-bottom: 3rem;
}
.requirementSection__listItemR__contentCategory{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.requirementSection__listItemR__contentCategory li{
  background: #000;
  line-height: 1;
  padding: 1rem 2rem;
  color: #fff;
  margin-right: 1rem;
  border-radius: 10rem;
}
.requirementSection__listItemR__contentCategory li.urgent{
  background: #3DEC00;
  color: #000;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.requirementSection {
    width: 90%;
    margin: 0 auto 10rem;
}
.requirementSection__listItemL__image {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transition: 0.6s ease;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.subPage__anchorWrap--requirement .subPage__anchor{
  width: 100%;
}
.requirementSection{
  width: 85%;
  margin: 0 auto 10rem;
}
.requirementSection__list{

}
.requirementSection__listItem{
  margin-bottom: 3rem;
}
.requirementSection__listItem__link{
  display: flex;
  justify-content: space-between;
  align-content: stretch;
  overflow: hidden;
  border-radius: 2rem;
  background: #F7F7F7;
  flex-direction: column;
}
.requirementSection__listItemL{
  width: 100%;
  position: relative;
}
.requirementSection__listItemL__image {
  width: 100%;
  height: 20.8rem;
  position: relative;
  display: block;
  transition: 0.6s ease;
}
.requirementSection__listItemL__image img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.requirementSection__listItemR{
  width: 100%;
  padding: 2rem;
  padding-right: 2rem;
  position: relative;
}
.requirementSection__listItemR:before {
  content: "";
  width: 3.4rem;
  height: 3.4rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 2rem;
  top: 1.6rem;
  bottom: unset;
  margin: auto;
  transition: 0.3s ease;
  display: none;
}
.requirementSection__listItemR__title{
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #CCCCCC;
  padding-right: 4rem;
  position: relative;
}
.requirementSection__listItemR__title:before {
  content: "";
  width: 3.4rem;
  height: 3.4rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0rem;
  top: -1rem;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.requirementSection__listItemR__contentText{
  margin-bottom: 2rem;
}
.requirementSection__listItemR__contentCategory{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.requirementSection__listItemR__contentCategory li{
  background: #000;
  line-height: 1;
  padding: 1rem 2rem;
  color: #fff;
  margin-right: 1rem;
  border-radius: 10rem;
  font-size: 1.4rem;
}
.requirementSection__listItemR__contentCategory li.urgent{
  background: #3DEC00;
  color: #000;
}
}


/*-----------------------------------------------------------

REQUIRE DETAIL

-------------------------------------------------------------*/
.requirementDetail{
  width: 75%;
  margin: 0 auto 10rem;
}
.requirementDetail__title{
  font-size: 3.5rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.requirementDetail__image{
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.requirementDetail__imageItem{
  width: 48%;
}
.requirementDetail__imageItem div {
  width: 100%;
  height: 38.8rem;
  position: relative;
  transition: 0.6s ease;
  border-radius: 2rem;
  overflow: hidden;
}
.requirementDetail__imageItem div img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.requirementDetail__job{
  margin-bottom: 6rem;
  border: 1px solid #DDDDDD;
  border-radius: 2rem;
  overflow: hidden;
}
.requirementDetail__jobItem{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: 1px solid #DDDDDD;
}
.requirementDetail__jobItem:last-child{
  border-bottom: none;
}
.requirementDetail__jobItem__title{
  width: 25%;
  background: #F9F9F9;
  padding: 2rem;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.requirementDetail__jobItem__text{
  width: 75%;
  background: #fff;
  padding: 2rem;
  display: flex;
  align-items: center;
}
.requirementDetail__entryText{
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 600;
}
.cmnButton--requirement .cmnButton__link{
  background: linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  color: #000;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.requirementDetail {
    width: 90%;
    margin: 0 auto 10rem;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.requirementDetail{
  width: 85%;
  margin: 0 auto 10rem;
}
.requirementDetail__title{
  font-size: 2.2rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.requirementDetail__image{
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.requirementDetail__imageItem{
  width: 100%;
}
.requirementDetail__imageItem div {
  width: 100%;
  height: 25.8rem;
  position: relative;
  transition: 0.6s ease;
  border-radius: 2rem;
  overflow: hidden;
}
.requirementDetail__imageItem div img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}
.requirementDetail__job{
  margin-bottom: 6rem;
  border: 1px solid #DDDDDD;
  border-radius: 2rem;
  overflow: hidden;
}
.requirementDetail__jobItem{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: 1px solid #DDDDDD;
  flex-direction: column;
}
.requirementDetail__jobItem:last-child{
  border-bottom: none;
}
.requirementDetail__jobItem__title{
  width: 100%;
  background: #F9F9F9;
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.requirementDetail__jobItem__text{
  width: 100%;
  background: #fff;
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
}
.requirementDetail__entryText{
  font-size: 1.8rem;
  margin-bottom: 2rem;
  font-weight: 600;
}
.cmnButton--requirement .cmnButton__link{
  background: linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  color: #000;
  width: 30rem;
  height: 7rem;
  font-size: 1.8rem;
  padding-left: 4rem;
  font-weight: 600;
  margin-bottom: 4rem;
}
}
/*-----------------------------------------------------------

ENTRY

-------------------------------------------------------------*/
.entryWrap{
  padding-left: 17rem;
  margin-bottom: 10rem;
}
.mainContent--wrap-entry{
  gap: 14rem;
}
.entry-lead-wrap{
  max-width: 110rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-end;
  margin-bottom: 10rem;
  padding-top: 5rem;
}
.entryInner__content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5.2rem;
}
.entryInner__content-flow{
  width: 6rem;
  height: auto;
}
.entryInner__content-flow-wrap{
  background: url(../img/main-bg.png) no-repeat center center/cover;
  width: auto;
  height: auto;
  padding: 10rem 7rem 13rem;
  border-radius: 1rem 0 0 1rem;
  width: calc(100vw - 37rem);
}
.entryInner__content-flow-title{
  font-family: "Lexend";
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 5.3rem;
}
.entryInner__content-flow-title::before{
  content: "";
  background: url(../img/cmn-title-icon01.png) no-repeat center center/cover;
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.entry-form__inner{
  display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 5rem;
}
.entry-form-contents{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  max-width: 83rem;
  width: 100%;
  background-color: #fff;
  border: 1px #DDDDDD solid;
  border-radius: 1rem;
}
.entry-form-label{
  line-height: 1.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.entry-form-label-s{
  font-size: 1.2rem;
  font-weight: 400;
  
  color: #444;
}
.entry-form-label-wrap{
  font-size: 1.6rem;
  font-weight: 500;
  width: 30%;
  position: relative;
  background-color: #EAEEEC;
  border-right: 1px #DDD solid;
  padding: 2.3rem 3rem 2rem;
  border-radius: 1rem 0 0 1rem;
}
.entry-form-privacy-wrap{
  font-size: 1.6rem;
  font-weight: 500;
  width: 70%;
  position: relative;
  background-color: #EAEEEC;
  border-right: 1px #DDD solid;
  padding: 2.3rem 6rem 2rem 3rem;
  border-radius: 1rem 0 0 1rem;
}
.entry-form-label-hissu::after{
  content: "必須";
  background-color: #222222;
  color: #fff;
  border-radius: 5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1px;
  padding: 0.5rem 1.2rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.entry-form-input-wrap{
  width: 70%;
  padding: 1.9rem 3rem;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.entry-form--input{
  background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
    line-height: 1;
}
.entry-form-radio01{

}
.entry-form--input-textarea{
  resize: none;
  border: none;
  width: 100%;
}
input::placeholder {
  font-weight: 400;
  color: #CCCCCC;
}
textarea::placeholder {
  font-weight: 400;
  color: #CCCCCC;
}
/* radio */
.entry-form-radio input[type="radio"] {
  display: none;
}
.entry-form-radio-wrap {
  display: flex;
  align-items: center;
  gap: 0 .5em;
  position: relative;
  padding: 1.5rem 3rem;
  border-radius: 25px;
  background-color: #fff;
  cursor: pointer;
  flex-wrap: wrap;
}
.entry-form-radio{
  display: flex;
  align-items: center;
  gap: 0 .5em;
  position: relative;
  padding: 1rem;
  padding-left: 3.8rem;
  border-radius: 10rem;
  background-color: #fff;
  cursor: pointer;
  width: 16rem;
  height: 4rem;
  border: 1px #222222 solid;
}
.entry-form-radio:has(:checked) {
  background-color: #222222;
  color: #fff;
}
.entry-form-radio::before {
  border-radius: 1px;
  content: "";
  background: url(../img/entry-form-radio-ico02.png) no-repeat center center/cover;
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.entry-form-radio:has(:checked)::after {
  position: absolute;
  border-width: 0 2px 2px 0;
  content: "";
  background: url(../img/entry-form-radio-ico01.png) no-repeat center center/cover;
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
/* checkbox */
.entry-form-check01 {
  display: none;
}

/* label */
.entry-form-check label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 21rem;
  padding: 1rem;
  border: 1px solid #222;
  border-radius: 10rem;
  cursor: pointer;
  background-color: #fff;
}

/* 選択時 */
.entry-form-check01:checked + label {
  background-color: #222;
  color: #fff;
}

/* アイコン調整 */
.entry-form-check01 + label::before {
  content: "";
  display: inline-block;
  background: url(../img/entry-form-radio-ico02.png) no-repeat center/cover;
  height: 3rem;
  width: 3rem;
}
.entry-form-check01:checked + label::before {
  background: url(../img/entry-form-radio-ico01.png) no-repeat center/cover;
}

.entry-form__privacy-wrap{
  margin-bottom: 5rem;
}
.entry-form__privacy-text{
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  color: #222;
}
.entry-form__privacy{
  border-bottom: 1px #222 solid;
}
.entry-form-agreement-wrap{
  width: 30%;
  padding: 0 3rem;
  position: relative;
}
.entry-form-agreement{
  width: 2.5rem;
  height: 2.5rem;
  border: 1rem #CCCCCC solid;
}
.entry-form-agreement-label{
  display: block;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
}
.entry-form__button-wrap {
  background: linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  border-radius: 50px;
  width: 29.8rem;
}
.entry-form__button {
  color: #000;
  font-size: 1.6rem;
  line-height: 2.6;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 1.5rem 2rem;
  border-radius: 50px;
  position: relative;
  width: 100%;
}
.entry-form__button-text{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/* 画像は横に配置 */
.entry-form__button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.entry-form__button-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */

}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.entryWrap{
  padding-left: 0rem;
  margin-bottom: 10rem;
}
.mainContent--wrap-entry{
  gap: 0;
}
.entry-lead-wrap{
  max-width: unset;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-bottom: 10rem;
  padding-top: 0rem;
  flex-direction: column;
  width: 85%;
  margin: 0 auto 8rem;
}
.entryInner__content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
}
.entryInner__content-flow{
  width: 85%;
  height: auto;
  margin: 0 auto 2rem;
  padding-right: 10rem;
}
.lead-textarea{
  margin-bottom: 3rem;
}
.entryInner__content-flow-wrap{
  background: url(../img/main-bg.png) no-repeat center center/cover;
  width: auto;
  height: auto;
  padding: 6rem 7%;
  border-radius: 1rem 0 0 1rem;
  width: 100%;
}
.entryInner__content-flow-title{
  font-family: "Lexend";
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 3rem;
}
.entryInner__content-flow-title::before{
  content: "";
  background: url(../img/cmn-title-icon01.png) no-repeat center center/cover;
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.entry-form__inner{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 5rem;
}
.entry-form-contents{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  max-width: auto;
  width: 100%;
  background-color: #fff;
  border: 1px #DDDDDD solid;
  border-radius: 1rem;
  flex-direction: column;
}
.entry-form-label-wrap{
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  position: relative;
  background-color: #EAEEEC;
  border-right: 1px #DDD solid;
  padding: 2.3rem 2rem 2rem;
  border-radius: 1rem 1rem 0 0;
}
.entry-form-label{
  line-height: 1.8;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.entry-form-label-s{
  font-size: 1.2rem;
  font-weight: 400;
  
  color: #444;
}

.entry-form-privacy-wrap{
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  position: relative;
  background-color: #EAEEEC;
  border-right: 1px #DDD solid;
  padding: 2.3rem 2rem 2rem 3rem;
  border-radius: 1rem 0 0 1rem;
}
.entry-form-label-hissu::after{
  content: "必須";
  background-color: #222222;
  color: #fff;
  border-radius: 5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1px;
  padding: 0.5rem 1.2rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.entry-form-input-wrap{
  width: 100%;
  padding: 1.9rem 3rem;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.entry-form--input{
  background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
    line-height: 1;
}
.entry-form-radio01{

}
.entry-form--input-textarea{
  resize: none;
  border: none;
  width: 100%;
}
input::placeholder {
  font-weight: 400;
  color: #CCCCCC;
}
textarea::placeholder {
  font-weight: 400;
  color: #CCCCCC;
}
/* radio */
.entry-form-radio input[type="radio"] {
  display: none;
}
.entry-form-radio-wrap {
  display: flex;
  align-items: center;
  gap: 0 .5em;
  position: relative;
  padding: 1.5rem 2rem;
  border-radius: 25px;
  background-color: #fff;
  cursor: pointer;
  flex-wrap: wrap;
  width: 100%;
}
.entry-form-radio{
  display: flex;
  align-items: center;
  gap: 0 .5em;
  position: relative;
  padding: 1rem;
  padding-left: 3.8rem;
  border-radius: 10rem;
  background-color: #fff;
  cursor: pointer;
  width: 16rem;
  height: 4rem;
  border: 1px #222222 solid;
  width: 48%;
}
.entry-form-radio:has(:checked) {
  background-color: #222222;
  color: #fff;
}
.entry-form-radio::before {
  border-radius: 1px;
  content: "";
  background: url(../img/entry-form-radio-ico02.png) no-repeat center center/cover;
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.entry-form-radio:has(:checked)::after {
  position: absolute;
  border-width: 0 2px 2px 0;
  content: "";
  background: url(../img/entry-form-radio-ico01.png) no-repeat center center/cover;
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
/* checkbox */
.entry-form-check01 {
  display: none;
}

/* label */
.entry-form-check label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 21rem;
  padding: 1rem;
  border: 1px solid #222;
  border-radius: 10rem;
  cursor: pointer;
  background-color: #fff;
}

/* 選択時 */
.entry-form-check01:checked + label {
  background-color: #222;
  color: #fff;
}

/* アイコン調整 */
.entry-form-check01 + label::before {
  content: "";
  display: inline-block;
  background: url(../img/entry-form-radio-ico02.png) no-repeat center/cover;
  height: 3rem;
  width: 3rem;
}
.entry-form-check01:checked + label::before {
  background: url(../img/entry-form-radio-ico01.png) no-repeat center/cover;
}

.entry-form__privacy-wrap{
  margin-bottom: 5rem;
}
.entry-form__privacy-text{
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  color: #222;
}
.entry-form__privacy{
  border-bottom: 1px #222 solid;
}
.entry-form-agreement-wrap{
  width: 30%;
  padding: 0 3rem;
  position: relative;
}
.entry-form-agreement{
  width: 2.5rem;
  height: 2.5rem;
  border: 1rem #CCCCCC solid;
}
.entry-form-agreement-label{
  display: block;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
}
.entry-form__button-wrap {
  background: linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  border-radius: 50px;
  width: 29.8rem;
}
.entry-form__button {
  color: #000;
  font-size: 1.6rem;
  line-height: 2.6;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 1.5rem 2rem;
  border-radius: 50px;
  position: relative;
  width: 100%;
}
.entry-form__button-text{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/* 画像は横に配置 */
.entry-form__button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.entry-form__button-img img {
  width: 100%;
  height: auto;
}
}
/*-----------------------------------------------------------

CONFIRM

-------------------------------------------------------------*/
.entry-form--confirm{
  border: none;
  border-top: 1px #DDD solid;
  border-bottom: 1px #DDD solid;
}
.entry-form--confirm .entry-form-check-wrap {
  display: block; /* 入力時のflexを解除 */
}
.entry-form--confirm .entry-form--text {
  font-size: 1.6rem;
  line-height: 1;
  color: #222;
  padding: 1rem 0;
  width: 100%;
}
.entry-form-confirm .entry-form__inner{
  display: block;
}
.entry-form--confirm,.entry-form-radio-wrap{
  background-color: transparent;
  border-radius: 0;
  border-bottom: none;
}

.entry-form--confirm .entry-form-radio{
  background-color: transparent;
  border: none;
  padding: 0;
}
.entry-form--confirm .entry-form-check{
  display: flex;
  gap: 1rem;
}
.entry-form--confirm .entry-form-check label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 21rem;
  padding: 1rem;
  border: none;
  border-radius: 10rem;
  cursor: pointer;
  background-color: #fff;
}
.entry-form--confirm .entry-form-label-hissu::after{
  display: none;
}
.entry-form--confirm .entry-form-label-wrap{
  background-color: transparent;
}
.entry-form--confirm .entry-form-contents{
  border: none;
}
.entry-form--confirm .entry-form-radio::before {
  content: none;
}
.entry-form--confirm .entry-form-check01 + label::before {
  content: none;
}
.entry-form-agreement-checkmark{
  width: 2.5rem;
  height: 100%;
}
.entry-form-agreement-checkmark img{
  width: 100%;
  height: auto;
}
.entry-form--confirm .entry-form-agreement-wrap{
  display: flex;
  align-items: center;
  gap: 1.3rem;
  width: 100%;
  margin-top: 2.4rem;
}

.entry-form__button-wrap-confirm{
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  background: none;
  width: 100%;
}
.entry-form__button-wrap-confirm .entry-form__button{
  background: linear-gradient(309.19deg, #0C3000 11%, #222222 100%);
  border-radius: 50px;
  padding: 1.5rem;
  width: 28.8rem;
  display: flex;
  align-items: center;
  position: relative;
  /* box-shadow: 3.98571px 3.98571px 7.97143px rgba(0, 0, 0, 0.15); */
}
.entry-form-btn-requirements{
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.6;
  letter-spacing: 1px;
  margin-top: -2px;
}
.entry-form-btn-arrow{
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.entry-form-btn-arrow img{
  width: 100%;
  height: auto;
}
.entry-form__button-wrap-confirm .entry-form__button02{
  background: linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  border-radius: 50px;
  padding: 1.5rem;
  width: 29.8rem;
  display: flex;
  align-items: center;
  position: relative;
  /* box-shadow: 3.98571px 3.98571px 7.97143px rgba(0, 0, 0, 0.15); */
  border: none;
}
.entry-form__button02 .entry-form-btn-text-entry{
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.6;
  color: #000;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */

}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
}
/*-----------------------------------------------------------

404

-------------------------------------------------------------*/
.mainSimple__title__404{
  white-space: nowrap;
}
.mainContent-404{
  width: auto;
  height: auto;
  padding: 6rem 0 0 17rem;
  border-radius: 1rem 0 0 1rem;
  width: calc(100vw - 37rem);
  margin-bottom: 30rem;
}
.mainContent-404__title{
  margin-bottom: 3rem;
}
.mainContent-404__text{
  margin-bottom: 5rem;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.mainContent-404 {
    width: auto;
    height: auto;
    padding: 6rem 0 0 17rem;
    border-radius: 1rem 0 0 1rem;
    width: 80%;
    margin-bottom: 30rem;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.mainSimple__title__404{
  white-space: nowrap;
}
.mainContent-404{
  width: auto;
  height: auto;
  padding: 0rem 0 0 0rem;
  border-radius: 1rem 0 0 1rem;
  width: 85%;
  margin-bottom: 0;
  margin: 0 auto 10rem;
}
.mainContent-404__title{
  margin-bottom: 3rem;
}
.mainContent-404__text{
  margin-bottom: 5rem;
}
}
/*-----------------------------------------------------------

THANKS

-------------------------------------------------------------*/
.entryInner__thanks-content{
  margin-bottom: 5rem;
  display: flex;
}
.entryInner__thanks-title-en{
  font-family: "Lexend";
  font-size: 6rem;
  font-weight: 600;
  line-height: 1;
  color: #222;
  margin-bottom: 3.2rem;
}
.entryInner__thanks-title-jp{
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1;
  color: #222;
  margin-bottom: 5rem;
}
.entryInner__thanks-text01{
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 5rem;
}
.entryInner__thanks-text02{
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 5rem;
}

.telWrap{
  max-width: 60rem;
  width: 100%;
  height: 12rem;
  border: 1px #DDD solid;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 2rem 3rem;
  margin-bottom: 5rem;
}
.telWrap-line{
  background-color: #DDD;
  width: 1px;
  height: 100%;
}
.telWrap__teltext{
  font-family: "Lexend";
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1;
  color: #222;
}
.telWrap__num{
  font-family: "Lexend";
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1px;
  color: #222;
}
.pageTop__back{

}
.pageTop__backButton{
  position: relative;
  padding-right: 4rem;
  font-size: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #222;
}
.pageTop__backButton:before {
  content: "";
  width: 3rem;
  height: 3rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: -0.3rem;
  transition: 0.3s ease;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
  .entryWrap-thanks{
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.entryInner__thanks-content{
  margin-bottom: 5rem;
  width: 90%;
  margin: 0 auto 5rem;
  display: flex;
  flex-direction: column;
}
.entryInner__thanks-title-en{
  font-family: "Lexend";
  font-size: 5rem;
  font-weight: 600;
  line-height: 1;
  color: #222;
  margin-bottom: 2rem;
}
.entryInner__thanks-title-jp{
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  color: #222;
  margin-bottom: 5rem;
}
.entryInner__thanks-text01{
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 5rem;
}
.entryInner__thanks-text02{
  font-size: 1.6rem;
  font-weight: 400;
}

.telWrap{
  max-width: unset;
  width: 90%;
  height: 12rem;
  border: 1px #DDD solid;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.4rem 2rem;
  margin-bottom: 5rem;
  margin: 0 auto 4.2rem;
  align-content: flex-start;
}
.telWrap__title{
  text-align: center;
  width: 100%;
}
.telWrap-line{
  background-color: #DDD;
  width: 100%;
  height: 1px;
  margin: 1rem 0 2rem 0;
}
.telWrap__teltext{
  font-family: "Lexend";
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  color: #222;
  width: 100%;
  text-align: center;
}
.telWrap__num{
  font-family: "Lexend";
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1px;
  color: #222;
  width: 100%;
}
.pageTop__back{
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
}
.pageTop__backButton{
  position: relative;
  padding-left: 0;
  padding-right: 2.6rem;
  display: block;
  padding-bottom: 1rem;
  border-bottom: 2px solid #222;
  font-size: 1.6rem;
  letter-spacing: 0;
}
.pageTop__backButton:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/cmn-link-arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: unset;
  right: 0;
  top: -0.6rem;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
}
/*-----------------------------------------------------------

ENTRY RE

-------------------------------------------------------------*/
.formIntro{
  width: 80%;
  margin: 6rem auto 6rem;
}
.formIntro__inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.formIntro__innerText{
  width: 60%;
}
.formIntro__innerLink{
  width: 30%;
  display: flex;
  justify-content: flex-end;
}
.cmnButton{

}
.cmnButton__link{
  width: 28rem;
  height: 7rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #222222;
  color: #fff;
  padding: 0 2rem;
  border-radius: 10rem;
  position: relative;
}
.cmnButton__link:before {
  content: "";
  width: 4rem;
  height: 4rem;
  background: url(../../src/img/form-arrow01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 1rem;
  top: 0rem;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.formSection{
  padding-left: 10%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.formSection__current{
  width: 20%;
}
.formSection__currentImage{
  width: 6rem;
  position: sticky;
  top: 16rem;
  left: 0;
}
.formSection__box{
  width: 80%;
  background: #F7F7F7;
  padding: 8rem 0;
  padding-left: 8rem;
  border-radius: 2rem 0 0 2rem;
  margin-bottom: 10rem;
}
.formSection__boxInner{
  width: 85%;
}
.formSection__func{

}
.formSection__funcForm{
  width: 100%;
}
.formSection__list{
  margin-bottom: 4rem;
}
.formSection__listItem{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.formSection__listItem__title{
  width: 30%;
  padding: 2rem;
  background: #eee;
  border-right: 1px solid #CCCCCC;
  line-height: 1.4;
  display: flex;
  align-items: center;
  position: relative;
}
.formSection__listItem__title.hissu:after{
  content: "必須";
  background: #222;
  color: #fff;
  padding: 0.4rem 1rem;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 10rem;
  height: 1.8rem;
  font-size: 1.2rem;
}
.formSection__listItem__title p{
  font-size: 1.6rem;
  font-weight: 500;
}
.formSection__listItem__title p span{
  font-size: 1.2rem;
  display: inline-block;
}
.formSection__listItem__input{
  width: 70%;
  background: #fff;
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.formSection__listItem__input.part-radio{
  padding-right: 10rem;
}
.formSection__listItem__input.part-text{
  padding: 1rem 2rem;
}
.formSection__listItem__inputFlex{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.formSection__listItem__input input{
  background: #fff;
  padding: 1.5rem;
  width: 100%;
  -webkit-appearance: none;
  color: #222;
  border: 1px solid #fff;
  font-size: 1.6rem;
}
.formSection__listItem__inputFlex span{
  margin-right: 0rem;
  margin:0.6rem 0 ;
  width: 48%;
  display: flex;
  align-items: center;
}
.formSection__listItem__inputFlex label{
  width: 100%;
  display: flex;
  align-items: center;
  background: #fff;
  color: #222;
  border: 1px solid #222;
  border-radius: 10rem;
  padding: 0rem 1rem;
}
.formSection__listItem__inputFlex label span{
  width: 80%;
}
.formSection__listItem__inputFlex label:has(input[type="radio"]:checked),.formSection__listItem__inputFlex label:has(input[type="checkbox"]:checked){
  background: #222;
  color: #fff;
}
.formSection__listItem__input input[type=radio],.formSection__listItem__input input[type=checkbox] {
  margin-right: 1rem;
  -webkit-appearance: none;
  width: 3rem;
  height: 3rem;
  background: url(../../src/img/entry-form-radio-ico02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  border: none;
}
.formSection__listItem__input input[type=radio]:checked,.formSection__listItem__input input[type=checkbox]:checked {
  width: 3rem;
  height: 3rem;
  background: url(../../src/img/entry-form-radio-ico01.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.formSection__listItem__input textarea{
  background: #fff;
  padding: 1.5rem;
  width: 100%;
  -webkit-appearance: none;
  color: #222;
  border: 1px solid #fff;
  font-size: 1.6rem;
  height: 20rem;
}
.formSection__listItem--accept{

}
.formSection__listItem--accept .formSection__listItem__title{
  width: 70%;
  background: #fff;
}
.formSection__listItem--accept .formSection__listItem__title p{
  font-size: 1.4rem;
  font-weight: 400;
}
.formSection__listItem--accept .formSection__listItem__title p a{
  text-decoration: underline;
}
.formSection__listItem--accept .formSection__listItem__input{
  width: 30%;
}
.formSection__send{
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
  margin-top: 5rem;
}
.formSection__sendConfim{

}
.formSection__sendConfim {
  -webkit-appearance: none;
  cursor: pointer;
  width: 30rem;
  display: block;
  padding-left: 2.5rem;
  background: url(../../src/img/form-arrow01.png) calc(100% - 3rem) center no-repeat,linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  background-size: 4rem 4rem;
  border: 2px solid #ffffff00;
  text-align: left;
  height: 7rem;
  color: #222;
  position: relative;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 600;
}
.formSection__sendBack {
  -webkit-appearance: none;
  cursor: pointer;
  width: 30rem;
  display: block;
  padding-left: 2.5rem;
  background: #fff url(../../src/img/form-arrow02.png) calc(100% - 3rem) center no-repeat;
  background-size: 4rem 4rem;
  border: 2px solid #222;
  text-align: left;
  height: 7rem;
  color: #222;
  position: relative;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 600;
}
.formSection__send button:hover{
  opacity: 0.6;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0px!important;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */
.formSection__current{
  width: 20%;
  display: none;
}
.formSection__currentImage{
  width: 6rem;
  position: sticky;
  top: 16rem;
  left: 0;
}
.formSection__box{
  width: 100%;
  background: #F7F7F7;
  padding: 8rem 0;
  padding-left: 5rem;
  border-radius: 2rem 0 0 2rem;
  margin-bottom: 10rem;
}
.formSection {
  padding-left: 3%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.formSection__boxInner {
  width: 93%;
}
}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.formIntro{
  width: 85%;
  margin: 2rem auto 6rem;
}
.formIntro__inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.formIntro__innerText{
  width: 100%;
  margin-bottom: 2rem;
}
.formIntro__innerLink{
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.cmnButton{

}
.cmnButton__link{
  width: 21rem;
  height: 5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #222222;
  color: #fff;
  padding: 0 2rem;
  border-radius: 10rem;
  position: relative;
}
.cmnButton__link:before {
  content: "";
  width: 3rem;
  height: 3rem;
  background: url(../../src/img/form-arrow01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 1rem;
  top: 0rem;
  bottom: 0;
  margin: auto;
  transition: 0.3s ease;
}
.formSection{
  padding-left: 0%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.formSection__current{
  width: 85%;
  margin-bottom: 3rem;
}
.formSection__currentImage{
  width: 21rem;
  position: relative;
  top: 0;
  left: 0;
}
.formSection__box{
  width: 100%;
  background: #F7F7F7;
  padding: 4rem 0;
  padding-left: 0rem;
  border-radius: 0;
  margin-bottom: 6rem;
}
.formSection__boxInner{
  width: 90%;
  margin: 0 auto;
}
.formSection__func{

}
.formSection__funcForm{
  width: 100%;
}
.formSection__list{
  margin-bottom: 4rem;
}
.formSection__listItem{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1rem;
  flex-direction: column;
}
.formSection__listItem__title{
  width: 100%;
  padding: 1rem 1.6rem;
  background: #eee;
  border-right: none;
  border-bottom: 1px solid #CCCCCC;
  line-height: 1.4;
  display: flex;
  align-items: center;
  position: relative;
}
.formSection__listItem__title.hissu:after{
  content: "必須";
  background: #222;
  color: #fff;
  padding: 0.4rem 1rem;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 10rem;
  height: 1.8rem;
  font-size: 1.2rem;
}
.formSection__listItem__title p{
  font-size: 1.6rem;
  font-weight: 500;
}
.formSection__listItem__title p span{
  font-size: 1.2rem;
  display: inline-block;
}
.formSection__listItem__input{
  width: 100%;
  background: #fff;
  padding: 1rem 1rem;
  display: flex;
  align-items: center;
}
.formSection__listItem__input.part-radio{
  padding-right: 1rem;
}
.formSection__listItem__input.part-text{
  padding: 1rem 2rem;
}
.formSection__listItem__inputFlex{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.formSection__listItem__input input{
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #222;
  border: 1px solid #fff;
  font-size: 1.4rem;
  letter-spacing: 0;
}
.formSection__listItem__inputFlex span{
  margin-right: 0rem;
  margin:0.6rem 0 ;
  width: 49%;
  display: flex;
  align-items: center;
}
.formSection__listItem__inputFlex label{
  width: 100%;
  display: flex;
  align-items: center;
  background: #fff;
  color: #222;
  border: 1px solid #222;
  border-radius: 10rem;
  padding: 0rem 1rem;
}
.formSection__listItem__inputFlex label span{
  width: 80%;
}
.formSection__listItem__inputFlex label:has(input[type="radio"]:checked),.formSection__listItem__inputFlex label:has(input[type="checkbox"]:checked){
  background: #222;
  color: #fff;
}
.formSection__listItem__input input[type=radio],.formSection__listItem__input input[type=checkbox] {
  margin-right: 0.4rem;
  -webkit-appearance: none;
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/entry-form-radio-ico02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  border: none;
}
.formSection__listItem__input input[type=radio]:checked,.formSection__listItem__input input[type=checkbox]:checked {
  width: 2rem;
  height: 2rem;
  background: url(../../src/img/entry-form-radio-ico01.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.formSection__listItem__input textarea{
  background: #fff;
  padding: 1.5rem;
  width: 100%;
  -webkit-appearance: none;
  color: #222;
  border: 1px solid #fff;
  font-size: 1.6rem;
  height: 20rem;
}
.formSection__listItem--accept{

}
.formSection__listItem--accept .formSection__listItem__title{
  width: 100%;
  background: #fff;
}
.formSection__listItem--accept .formSection__listItem__title p{
  font-size: 1.4rem;
  font-weight: 400;
  width: 80%;
}
.formSection__listItem--accept .formSection__listItem__title p a{
  text-decoration: underline;
}
.formSection__listItem--accept .formSection__listItem__input{
  width: 100%;
}
.formSection__listItem--accept .formSection__listItem__input span{
  width: 100%;
  display: block;
}
.formSection__listItem--accept .formSection__listItem__input label{
  width: 100%;
  display: flex;
  align-items: center;
}
.formSection__send{
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
  margin-top: 5rem;
  flex-direction: column;
}
.formSection__sendConfim{

}
.formSection__sendConfim {
  -webkit-appearance: none;
  cursor: pointer;
  width: 30rem;
  display: block;
  padding-left: 2.5rem;
  background: url(../../src/img/form-arrow01.png) calc(100% - 3rem) center no-repeat,linear-gradient(309.19deg, #00EC99 11%, #3DEC00 100%);
  background-size: 4rem 4rem;
  border: 2px solid #ffffff00;
  text-align: left;
  height: 7rem;
  color: #222;
  position: relative;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 600;
}
.formSection__sendBack {
  -webkit-appearance: none;
  cursor: pointer;
  width: 30rem;
  display: block;
  padding-left: 2.5rem;
  background: #fff url(../../src/img/form-arrow02.png) calc(100% - 3rem) center no-repeat;
  background-size: 4rem 4rem;
  border: 2px solid #222;
  text-align: left;
  height: 7rem;
  color: #222;
  position: relative;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 600;
}
.formSection__send button:hover{
  opacity: 0.6;
}
}
/*-----------------------------------------------------------

ENTRY RE CONFIRM

-------------------------------------------------------------*/
.formSection__func--confirm{
  padding-top: 4rem;
}
.formSection__func--confirm .formSection__listItem{
  margin: 0;
  margin-bottom: -0.1rem;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.formSection__func--confirm .formSection__listItem__title{
  background: none;
}
.formSection__func--confirm .formSection__listItem__title.hissu:after{
  display: none;
}
.formSection__func--confirm .formSection__listItem__title p span{
  display: none;
}
.formSection__func--confirm .formSection__listItem__input{
  background: none;
}
.formSection__func--confirm .formSection__listItem--accept{
  display: none;
}
@media screen and (max-width: 899px) and (min-width: 599px) { /* ============== TABLET LAYOUT ============== */

}
@media only screen and (max-width: 599px) { /* ============== SP LAYOUT ============== */
.formSection__func--confirm{
  padding-top: 4rem;
}
.formSection__func--confirm .formSection__listItem{
  margin: 0;
  margin-bottom: -0.1rem;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.formSection__func--confirm .formSection__listItem__title{
  background: #EAEEEC;
}
.formSection__func--confirm .formSection__listItem__title.hissu:after{
  display: none;
}
.formSection__func--confirm .formSection__listItem__title p span{
  display: none;
}
.formSection__func--confirm .formSection__listItem__input{
  background: none;
  padding: 2rem 1rem;
}
}
/*-----------------------------------------------------------

EFFECT

-------------------------------------------------------------*/
/*------------- section全体　---------------*/
.ivSec{
  opacity: 0;
  transform: translateY(4rem);
}
.fadeUp {
  animation-name:fadeUpAnime;
  animation-duration:0.8s;
  animation-fill-mode:forwards;
  animation-delay: 0s;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*------------- fadeIN　---------------*/
.fadeIn {
  animation-name:fadeInAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
  animation-delay: 0s;
  opacity: 0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*------------- scaleUp　---------------*/
.scaleUp{
  animation-name:scaleUpAnim;
  animation-duration:0.8s;
  animation-fill-mode:forwards;
  animation-delay: 0s;
}
@keyframes scaleUpAnim{
  from {
    transform: scale(0.6);
  }
  to {
    transform: scale(1);
  }
}
/*------------- boundUp---------------*/
.boundUp {
  animation-name:boundUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  animation-delay: 0s;
  transform: translateY(5rem);
}
@keyframes boundUpAnime{
  from {
    transform: translateY(5rem);
  }
  to {
    transform: translateY(0rem);
  }
}
/*------------- boundUp---------------*/
.boundUp {
  animation-name:boundUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  animation-delay: 0s;
  transform: translateY(5rem);
}
@keyframes boundUpAnime{
  from {
    transform: translateY(5rem);
  }
  to {
    transform: translateY(0rem);
  }
}

/*------------- top　---------------*/
.fadeR{
  opacity: 0;
}
.fadeR.on {
  animation-name:fadeRAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
  animation-delay: 0.2s;
}
@keyframes fadeRAnime{
  from {
    opacity: 0;
    transform: translateX(-4rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeL{
  opacity: 0;
}
.fadeL.on {
  animation-name:fadeLAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
  animation-delay: 0.2s;
}
@keyframes fadeLAnime{
  from {
    opacity: 0;
    transform: translateX(4rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}