@charset "UTF-8";
html {
  color: #222;
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

body {
  font-family: "Noto Sans JP", "Noto Serif JP", sans-serif, "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1.5;
  letter-spacing: 0.025em;
  overflow-x: hidden;
}

section {
  padding-block: 80px;
}
@media screen and (max-width: 820px) {
  section {
    padding-block: 60px;
  }
}

.wrap {
  max-width: 1150px;
  margin-inline: auto;
  width: 94%;
}

a,
button {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
a:hover,
button:hover {
  opacity: 0.7;
}

img {
  width: 100%;
  height: auto;
}

.serif-jp {
  font-family: "Noto Serif JP";
}

.lato {
  font-family: "Lato";
}

.bold {
  font-weight: bold;
}

.text-red {
  color: #d53f2f;
}

.text-green {
  color: #42B484;
}

.title-area {
  text-align: center;
  line-height: 1.3;
}
.title-area .title-en {
  font-family: "Lato";
  font-size: 80px;
}
@media screen and (max-width: 820px) {
  .title-area .title-en {
    font-size: 48px;
  }
}
.title-area .title-ja {
  font-size: 32px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 820px) {
  .title-area .title-ja {
    font-size: 16px;
  }
}

@media screen and (max-width: 820px) {
  .only-pc {
    display: none;
  }
}

.only-sp {
  display: none;
}
@media screen and (max-width: 820px) {
  .only-sp {
    display: block;
  }
}

.fade-in {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.is-active {
  opacity: 1;
  visibility: visible;
}

.fi-right {
  -webkit-transform: translateX(5%);
          transform: translateX(5%);
}

.fi-left {
  -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
}

.fi-bottom {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.is-active-right,
.is-active-left {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.is-active-bottom {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

header {
  position: fixed;
  top: 0%;
  width: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  background: white;
  z-index: 9999;
}
header .header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 20px;
  max-width: 1770px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 820px) {
  header .header-wrap {
    padding: 0 0 0 15px;
  }
}
header .header-wrap .header-logo {
  max-width: 200px;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
@media screen and (max-width: 820px) {
  header .header-wrap .header-logo {
    max-width: 100px;
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
  }
}
header .header-wrap .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media screen and (max-width: 820px) {
  header .header-wrap .header-right {
    gap: 18px;
  }
}
header .header-wrap .header-right .sns-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 820px) {
  header .header-wrap .header-right .sns-btns {
    gap: 15px;
  }
}
header .header-wrap .header-right .sns-btns .sns-btn {
  display: block;
  width: 40px;
}
@media screen and (max-width: 820px) {
  header .header-wrap .header-right .sns-btns .sns-btn {
    width: 24px;
  }
}
header .header-wrap .header-right .form-button {
  background: #d53f2f;
  color: white;
  padding: 22px 74px 23px 44px;
  font-size: 24px;
  border-radius: 7px 0 0 7px;
  position: relative;
}
@media screen and (max-width: 820px) {
  header .header-wrap .header-right .form-button {
    display: block;
    padding: 13px 31px 15px 15px;
    font-size: 14px;
  }
}
header .header-wrap .header-right .form-button::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px white;
  border-right: solid 2px white;
  position: absolute;
  top: 50%;
  right: 44px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 820px) {
  header .header-wrap .header-right .form-button::after {
    width: 8px;
    height: 8px;
    border-top: solid 1px white;
    border-right: solid 1px white;
    top: 48%;
    right: 15px;
  }
}
@media screen and (max-width: 820px) {
  header .header-wrap .header-right .form-button .only-sp {
    display: inline-block;
  }
}

/*======================= END OF HEADER =======================*/
footer {
  padding-block: 40px 80px;
  background: #3D3938;
}
@media screen and (max-width: 420px) {
  footer {
    padding-block: 60px;
  }
}
footer .footer-wrap .footer-logo {
  max-width: 234px;
  margin-inline: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 820px) {
  footer .footer-wrap .footer-logo {
    margin-bottom: 40px;
  }
}
footer .footer-wrap .footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 820px) {
  footer .footer-wrap .footer-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    max-width: 240px;
    width: 100;
    margin: 0 auto;
  }
}
footer .footer-wrap .footer-list .footer-item {
  color: white;
  font-weight: 500;
  margin-bottom: 60px;
}
@media screen and (max-width: 820px) {
  footer .footer-wrap .footer-list .footer-item {
    margin-bottom: 30px;
  }
}
footer .footer-wrap .footer-list .footer-item:not(:last-child) {
  border-right: 1px solid white;
  padding-right: 40px;
  margin-right: 40px;
}
@media screen and (max-width: 820px) {
  footer .footer-wrap .footer-list .footer-item:not(:last-child) {
    border-right: initial;
    padding-right: initial;
    margin-right: initial;
  }
}
footer .footer-wrap .footer-list .footer-item .branch {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  border-left: 3px solid white;
  padding-left: 7px;
  margin-bottom: 13px;
}
footer .footer-wrap .footer-list .footer-item .address {
  margin-bottom: 7px;
  font-weight: 500;
}
footer .footer-wrap .footer-list .footer-item .tel .tel-num {
  font-size: 26px;
}
footer .footer-wrap .company-mail {
  text-align: center;
  color: white;
  border-bottom: 2px solid white;
  padding-bottom: 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
footer .footer-wrap .company-mail .mail-address {
  font-size: 26px;
}
@media screen and (max-width: 420px) {
  footer .footer-wrap .company-mail .mail-address {
    font-size: 20px;
  }
}

.copy-right {
  background: white;
  text-align: center;
  font-size: 12px;
  padding-block: 20px;
}

/*======================= END OF footer =======================*/
.sec-mv {
  padding-block: 0;
  position: relative;
}

/*======================= END OF MV =======================*/
.sec-about {
  height: 1400px;
  background-image: url(../images/about-back.jpg);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 820px) {
  .sec-about {
    height: 1126px;
  }
}
.sec-about > .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.sec-about > .slider > .imgs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 40px;
  width: 3000px;
}
@media screen and (max-width: 820px) {
  .sec-about > .slider > .imgs {
    padding-left: 10px;
    width: 1160px;
  }
}
.sec-about > .slider > .imgs:nth-child(odd) {
  -webkit-animation: slider 70s -35s linear infinite;
          animation: slider 70s -35s linear infinite;
}
.sec-about > .slider > .imgs:nth-child(even) {
  -webkit-animation: slider2 70s linear infinite;
          animation: slider2 70s linear infinite;
}
.sec-about > .slider > .imgs > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 820px) {
  .sec-about > .slider > .imgs > .list {
    gap: 10px;
  }
}
@-webkit-keyframes slider {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes slider {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes slider2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes slider2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.sec-about .about-wrap {
  padding-top: 100px;
}
@media screen and (max-width: 820px) {
  .sec-about .about-wrap {
    padding-top: 60px;
  }
}
.sec-about .about-wrap .title-area {
  margin-bottom: 40px;
}
@media screen and (max-width: 820px) {
  .sec-about .about-wrap .title-area {
    margin-bottom: 36px;
  }
}
.sec-about .about-wrap .about-text {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 820px) {
  .sec-about .about-wrap .about-text {
    font-size: 16px;
  }
}

/*======================= END OF ABOUT =======================*/
.sec-want {
  padding-block: 100px 0;
  padding-bottom: 0;
  background: url(../images/want-bg.jpg) no-repeat 50% 100%/cover;
}
@media screen and (max-width: 820px) {
  .sec-want {
    padding-block: 60px 0;
    background: url(../images/want-bg-sp.jpg) no-repeat center top/cover;
  }
}
.sec-want .want-wrap .want-text {
  font-size: 20px;
  line-height: 1.75;
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .sec-want .want-wrap .want-text {
    font-size: 16px;
  }
}
.sec-want .want-wrap .want-list {
  max-width: 760px;
  width: 100%;
  margin: 40px auto 0;
  background-color: #fff;
  padding: 29px 50px 30px;
}
@media screen and (max-width: 820px) {
  .sec-want .want-wrap .want-list {
    padding: 20px;
  }
}
.sec-want .want-wrap .want-list .want-item {
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  padding-left: 20px;
  position: relative;
  letter-spacing: 0;
}
@media screen and (max-width: 820px) {
  .sec-want .want-wrap .want-list .want-item {
    font-size: 16px;
  }
}
.sec-want .want-wrap .want-list .want-item::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background-color: #D53F2E;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
@media screen and (max-width: 820px) {
  .sec-want .want-wrap .want-list .want-item::before {
    top: 10px;
  }
}
.sec-want .want-frame {
  -webkit-clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0% 100%);
  background-color: #D53F2E;
  padding: 160px 0 80px;
}
@media screen and (max-width: 820px) {
  .sec-want .want-frame {
    -webkit-clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0% 100%);
    padding: 70px 10px 40px;
    margin-top: 30px;
  }
}
.sec-want .want-frame .want-img {
  margin-bottom: 60px;
  max-width: 1200px;
  width: 80%;
  display: block;
  margin-inline: auto;
}
.sec-want .want-frame .want-detail {
  text-align: center;
  font-size: 22px;
  color: #fff;
  line-height: 1.8181818182;
}
@media screen and (max-width: 820px) {
  .sec-want .want-frame .want-detail {
    font-size: 16px;
  }
}
.sec-want .want-frame .want-detail .point {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 820px) {
  .sec-want .want-frame .want-detail .point {
    font-size: 18px;
  }
}

/*======================= END OF WANT  =======================*/
.sec-gallery {
  padding-block: 80px 130px;
  background-color: #FFFBED;
}
@media screen and (max-width: 820px) {
  .sec-gallery {
    padding-block: 60px 100px;
  }
}
.sec-gallery > .marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.sec-gallery > .marquee > .ttl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  padding-left: 20px;
  color: #FFFBED;
  font-size: 130px;
  text-shadow: -1px -1px 0 #E88D83, 1px -1px 0 #E88D83, -1px 1px 0 #E88D83, 1px 1px 0 #E88D83;
}
@media screen and (max-width: 1100px) {
  .sec-gallery > .marquee > .ttl {
    font-size: clamp(48px, 9.09vw, 100px);
  }
}
.sec-gallery > .marquee > .ttl:nth-child(odd) {
  -webkit-animation: marquee 50s -25s linear infinite;
          animation: marquee 50s -25s linear infinite;
}
.sec-gallery > .marquee > .ttl:nth-child(even) {
  -webkit-animation: marquee2 50s linear infinite;
          animation: marquee2 50s linear infinite;
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes marquee2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes marquee2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.sec-gallery > .content {
  max-width: 1920px;
  width: 100%;
  margin: 80px auto 0;
  position: relative;
  max-height: 1020px;
  height: 53vw;
}
@media screen and (max-width: 820px) {
  .sec-gallery > .content {
    margin: 60px auto 0;
    max-height: initial;
    height: 149vw;
  }
}
.sec-gallery > .content > .img,
.sec-gallery > .content > .box {
  position: absolute;
}
.sec-gallery > .content > .img.img-a {
  max-width: 662px;
  min-width: 231px;
  width: 35vw;
  top: 0;
  right: 42vw;
  z-index: 1;
}
@media screen and (min-width: 1920px) {
  .sec-gallery > .content > .img.img-a {
    right: 816px;
  }
}
@media screen and (max-width: 820px) {
  .sec-gallery > .content > .img.img-a {
    width: 60vw;
    right: 0;
  }
}
.sec-gallery > .content > .img.img-b {
  max-width: 557px;
  min-width: 195px;
  width: 29vw;
  left: 40px;
  top: 18vw;
  z-index: 2;
}
@media screen and (min-width: 1920px) {
  .sec-gallery > .content > .img.img-b {
    top: 343px;
  }
}
@media screen and (max-width: 820px) {
  .sec-gallery > .content > .img.img-b {
    width: 51vw;
    left: 0;
    top: 31vw;
  }
}
.sec-gallery > .content > .img.img-c {
  max-width: 700px;
  min-width: 273px;
  width: 37vw;
  right: 40px;
  bottom: 4vw;
  z-index: 1;
}
@media screen and (min-width: 1920px) {
  .sec-gallery > .content > .img.img-c {
    bottom: 83px;
  }
}
@media screen and (max-width: 820px) {
  .sec-gallery > .content > .img.img-c {
    width: 72vw;
    right: 15px;
    bottom: 8vw;
  }
}
.sec-gallery > .content > .box {
  width: 100%;
}
.sec-gallery > .content > .box.box-red {
  max-width: 285px;
  min-width: 82px;
  width: 16vw;
  aspect-ratio: 285/408;
  background-color: #D53E2E;
  left: 0;
  top: 8vw;
}
@media screen and (min-width: 1920px) {
  .sec-gallery > .content > .box.box-red {
    top: 83px;
  }
}
@media screen and (max-width: 820px) {
  .sec-gallery > .content > .box.box-red {
    width: 21vw;
    top: 13vw;
  }
}
.sec-gallery > .content > .box.box-green {
  max-width: 197px;
  min-width: 68px;
  width: 13vw;
  aspect-ratio: 197/197;
  background-color: #42B483;
  left: 24vw;
  top: 33.5vw;
}
@media screen and (min-width: 1920px) {
  .sec-gallery > .content > .box.box-green {
    left: 465px;
    top: 637px;
  }
}
@media screen and (max-width: 820px) {
  .sec-gallery > .content > .box.box-green {
    width: 18vw;
    left: 39vw;
    top: 58vw;
  }
}
.sec-gallery > .content > .box.box-blue {
  max-width: 138px;
  min-width: 54px;
  width: 8vw;
  aspect-ratio: 138/138;
  background-color: #327FCC;
  left: 74vw;
  top: 3vw;
}
@media screen and (min-width: 1920px) {
  .sec-gallery > .content > .box.box-blue {
    left: 1422px;
    top: 66px;
  }
}
@media screen and (max-width: 820px) {
  .sec-gallery > .content > .box.box-blue {
    width: 14vw;
    left: 15px;
    top: 97vw;
  }
}
.sec-gallery > .content > .box.box-yellow {
  max-width: 360px;
  min-width: 140px;
  width: 18vw;
  aspect-ratio: 360/360;
  background-color: #FFA72E;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 820px) {
  .sec-gallery > .content > .box.box-yellow {
    width: 30vw;
  }
}

/*======================= END OF GALLERY  =======================*/
.sec-job {
  padding-block: 60px 100px;
  border-radius: 80px 80px 0 0;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 820px) {
  .sec-job {
    padding-block: 60px 75px;
    border-radius: 40px 40px 0 0;
  }
}
.sec-job::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 15%;
  background-color: #FFFBED;
  z-index: -1;
}
.sec-job > .wrap > .lead {
  font-size: 20px;
  line-height: 1.75;
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .lead {
    font-size: 16px;
  }
}
.sec-job > .wrap > .internc {
  max-width: 920px;
  width: 100%;
  margin: 60px auto 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(65, 140, 226)), to(rgb(84, 227, 209)));
  background-image: linear-gradient(90deg, rgb(65, 140, 226), rgb(84, 227, 209));
  border-radius: 30px;
  padding: 7px;
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .internc {
    margin: 40px auto 0;
  }
}
.sec-job > .wrap > .internc > .intern {
  background-color: #E6F6FF;
  border-radius: 24px;
  padding: 30px 14px 0;
}
.sec-job > .wrap > .internc > .intern > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 4px;
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .internc > .intern > .head {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: initial;
  }
}
.sec-job > .wrap > .internc > .intern > .head > .img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.sec-job > .wrap > .internc > .intern > .head > .ttl {
  font-size: 32px;
  font-weight: 700;
  color: #135DC3;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .internc > .intern > .head > .ttl {
    font-size: 28px;
    margin: 0 -5px;
  }
}
.sec-job > .wrap > .internc > .intern > .head > .ttl > .small {
  font-size: 24px;
  margin-top: 10px;
  display: block;
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .internc > .intern > .head > .ttl > .small {
    font-size: 20px;
    margin-top: initial;
  }
}
.sec-job > .wrap > .internc > .intern > .txt {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6666666667;
  text-align: center;
}
.sec-job > .wrap > .internc > .intern > .img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
}
.sec-job > .wrap > .content > .ttl {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.875;
  text-align: center;
  padding: 16px 0 18px;
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .content > .ttl {
    font-size: 20px;
  }
}
.sec-job > .wrap > .content > .list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: start;
  gap: 40px 30px;
}
@media screen and (max-width: 1100px) {
  .sec-job > .wrap > .content > .list {
    grid-template-columns: repeat(2, 1fr);
    place-items: initial;
  }
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .content > .list {
    grid-template-columns: initial;
    gap: 30px;
  }
}
.sec-job > .wrap > .content > .list > .item {
  padding: 20px 20px 30px;
  border-radius: 10px;
  background-color: #FAFAFA;
}
.sec-job > .wrap > .content > .list > .item > .metas {
  margin-top: 20px;
}
.sec-job > .wrap > .content > .list > .item > .metas > .meta {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D5CEC7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.sec-job > .wrap > .content > .list > .item > .metas > .meta > .label {
  min-width: 85px;
  color: #D53F2E;
}
.sec-job > .wrap > .content > .list > .item > .metas > .meta > .values > .value {
  text-indent: -1em;
  padding-left: 1em;
}
.sec-job > .wrap > .content > .list > .item > .btns {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.sec-job > .wrap > .content > .list > .item > .btns > .btn {
  display: block;
  max-width: 140px;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 6px 0 8px;
  border-radius: 19px;
}
.sec-job > .wrap > .content > .list > .item > .btns > .btn.detail {
  background-color: #505050;
}
.sec-job > .wrap > .content > .list > .item > .btns > .btn.entry {
  background-color: #D53F2E;
}
.sec-job > .wrap > .content.ft {
  margin-top: 80px;
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .content.ft {
    margin-top: 60px;
  }
}
.sec-job > .wrap > .content.ft > .ttl {
  background-color: #FFDCAD;
}
.sec-job > .wrap > .content.pt {
  margin-top: 60px;
}
@media screen and (max-width: 820px) {
  .sec-job > .wrap > .content.pt {
    margin-top: 40px;
  }
}
.sec-job > .wrap > .content.pt > .ttl {
  background-color: #505050;
  color: #fff;
}

/*======================= END OF JOB =======================*/
.sec-vision {
  padding-block: 0 100px;
}
.sec-vision .vision-contents {
  max-width: 1920px;
  width: 100%;
  margin-inline: auto;
}
.sec-vision .vision-contents .vision-itemc {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, #D53F2E), color-stop(65%, #fff));
  background-image: linear-gradient(90deg, #D53F2E 65%, #fff 65%);
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(78%, #D53F2E), color-stop(78%, #fff));
    background-image: linear-gradient(180deg, #D53F2E 78%, #fff 78%);
  }
}
.sec-vision .vision-contents .vision-itemc:not(:last-of-type) {
  margin-bottom: 60px;
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc:nth-of-type(odd) .vision-item .vision-item-img {
    margin-left: auto;
  }
}
.sec-vision .vision-contents .vision-itemc:nth-of-type(even) .vision-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-left: initial;
  margin-right: auto;
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc:nth-of-type(even) .vision-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc:nth-of-type(even) .vision-item .vision-item-img {
    margin-right: auto;
  }
}
.sec-vision .vision-contents .vision-itemc:nth-of-type(2) {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #fff), color-stop(35%, #FFA72E));
  background-image: linear-gradient(90deg, #fff 35%, #FFA72E 35%);
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc:nth-of-type(2) {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(78%, #FFA72E), color-stop(78%, #fff));
    background-image: linear-gradient(180deg, #FFA72E 78%, #fff 78%);
  }
}
.sec-vision .vision-contents .vision-itemc:nth-of-type(2) .vision-item .vision-item-textArea .vision-item-title::before {
  content: "Vision";
}
.sec-vision .vision-contents .vision-itemc:nth-of-type(3) {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, #42B484), color-stop(65%, #fff));
  background-image: linear-gradient(90deg, #42B484 65%, #fff 65%);
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc:nth-of-type(3) {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(86%, #42B484), color-stop(86%, #fff));
    background-image: linear-gradient(180deg, #42B484 86%, #fff 86%);
  }
}
.sec-vision .vision-contents .vision-itemc:nth-of-type(3) .vision-item .vision-item-textArea .vision-item-title::before {
  content: "Mission";
}
.sec-vision .vision-contents .vision-itemc:nth-of-type(4) {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #fff), color-stop(35%, #337FCC));
  background-image: linear-gradient(90deg, #fff 35%, #337FCC 35%);
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc:nth-of-type(4) {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(91%, #337FCC), color-stop(91%, #fff));
    background-image: linear-gradient(180deg, #337FCC 91%, #fff 91%);
  }
}
.sec-vision .vision-contents .vision-itemc:nth-of-type(4) .vision-item .vision-item-textArea .vision-item-title::before {
  content: "Principle";
}
.sec-vision .vision-contents .vision-itemc .vision-item {
  max-width: 1560px;
  width: calc(100% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc .vision-item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea {
  min-height: 630px;
  padding: 135px 15px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1100px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea {
    min-height: initial;
  }
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea {
    width: 100%;
    padding: 70px 14px 40px;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-title {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-title {
    font-size: 20px;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-title::before {
  position: absolute;
  top: -68px;
  left: -35px;
  content: "Philosophy";
  color: #fff;
  font-family: "Caveat";
  font-size: 48px;
  font-weight: bold;
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
}
@media screen and (max-width: 1650px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-title::before {
    left: 3px;
  }
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-title::before {
    top: -50px;
    font-size: 34px;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-title .txt {
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-title .txt {
    padding-bottom: 5px;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-slogan {
  font-size: 40px;
  line-height: 1.5;
  color: #fff;
  margin-top: 20px;
  display: inline-block;
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-slogan {
    font-size: 30px;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-slogan .txt {
  display: inline-block;
  background-color: #fff;
  padding: 0 5px;
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-slogan .txt {
    padding: 5px;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: #fff;
  margin-top: 24px;
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .mission {
    margin-top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .mission {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .mission:nth-of-type(1) {
  margin-top: 30px;
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .mission .num {
  font-size: 16px;
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .mission .mission-title {
  display: inline;
  font-size: 24px;
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .mission .mission-title {
    font-size: 20px;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .mission-text {
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail ol {
  margin-top: 20px;
  background: #fff;
  border-radius: 10px;
  padding: 24px 40px;
  line-height: 2;
  font-weight: 500;
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail ol {
    padding: 20px 12px;
  }
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-textArea .vision-item-detail .txt {
  margin-top: 20px;
  color: #fff;
}
.sec-vision .vision-contents .vision-itemc .vision-item .vision-item-img {
  max-width: 770px;
  width: 50%;
}
@media screen and (max-width: 820px) {
  .sec-vision .vision-contents .vision-itemc .vision-item .vision-item-img {
    max-width: 337px;
    width: 100%;
  }
}

/*======================= END OF VISION =======================*/
.sec-recruit {
  padding-block: 80px 160px;
  background: #F3F0E7;
  border-radius: 80px 80px 0 0;
  letter-spacing: 0;
}
@media screen and (max-width: 820px) {
  .sec-recruit {
    padding-block: 40px;
    border-radius: 40px 40px 0 0;
  }
}
.sec-recruit .recruit-wrap {
  max-width: 1020px;
}
.sec-recruit .recruit-wrap .title-area {
  margin-bottom: 30px;
}
.sec-recruit .recruit-wrap .entry-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 63px;
  padding: 0 20px;
  border: 3px solid #222222;
  border-radius: 3px;
  position: relative;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .entry-title {
    margin: 0 auto 30px;
    padding: 0 15px;
  }
}
.sec-recruit .recruit-wrap .entry-title::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 85%;
  height: 150%;
  background-color: #F3F0E7;
}
.sec-recruit .recruit-wrap .entry-title .txt {
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .entry-title .txt {
    font-size: 18px;
  }
}
.sec-recruit .recruit-wrap .recruit-tabc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 60px;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-tabc {
    margin-bottom: 30px;
  }
}
.sec-recruit .recruit-wrap .recruit-tabc .recruit-tab {
  cursor: pointer;
  width: 50%;
  border-radius: 7px;
  padding: 13px 10px 14px;
  font-size: 20px;
  line-height: 2.25;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-tabc .recruit-tab {
    padding: 10px;
    font-size: 16px;
  }
}
.sec-recruit .recruit-wrap .recruit-tabc .recruit-tab:hover {
  opacity: 0.7;
}
.sec-recruit .recruit-wrap .recruit-tabc .recruit-tab.active {
  background-color: #D53F2E;
  color: #fff;
}
.sec-recruit .recruit-wrap .recruit-detailc {
  display: none;
}
.sec-recruit .recruit-wrap .recruit-detailc.active {
  display: block;
}
.sec-recruit .recruit-wrap .recruit-detailc .recruit-status {
  font-size: 36px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-detailc .recruit-status {
    font-size: 16px;
    margin-bottom: initial;
  }
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-weight: 500;
  padding-top: 20px;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec .entry-sub-title {
  font-size: 24px;
  color: #3D3938;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec .entry-sub-title {
    font-size: 20px;
  }
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec .label {
  padding: 3px 10px 5px;
  border-radius: 4px;
  color: #fff;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec .label {
    min-width: 85px;
  }
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec .label.bg-orange {
  background-color: #FF8E1D;
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec .label.bg-green {
  background-color: #099057;
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-sub-titlec .label.bg-blue {
  background-color: #1379E0;
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-detail {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-detailc .entry-detail {
    margin-top: 10px;
  }
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-detail .entry-detail-box {
  display: grid;
  grid-template-columns: 150px 1fr;
  font-size: 18px;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-detailc .entry-detail .entry-detail-box {
    grid-template-columns: initial;
  }
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-detail .entry-detail-box .entry-detail-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #3D3938;
  color: white;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-detailc .entry-detail .entry-detail-box .entry-detail-title {
    padding: 12px 0 14px;
  }
}
.sec-recruit .recruit-wrap .recruit-detailc .entry-detail .entry-detail-box .entry-detail-text {
  background: white;
  padding: 16px 34px 18px;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 820px) {
  .sec-recruit .recruit-wrap .recruit-detailc .entry-detail .entry-detail-box .entry-detail-text {
    padding: 12px 10px 14px;
    font-size: 16px;
  }
}

/*======================= END OF RECRUIT =======================*/
.sec-entry {
  background: #E6766A;
}
@media screen and (max-width: 820px) {
  .sec-entry {
    padding-block: 40px 60px;
  }
}
.sec-entry .entry-wrap .form-frame {
  background: white;
  padding: 60px;
  border-radius: 40px;
}
@media screen and (max-width: 820px) {
  .sec-entry .entry-wrap .form-frame {
    padding: 40px 10px 60px;
  }
}
.sec-entry .entry-wrap .form-frame .title-area {
  margin-bottom: 40px;
}
@media screen and (max-width: 820px) {
  .sec-entry .entry-wrap .form-frame .title-area {
    margin-bottom: 30px;
  }
}
.sec-entry .entry-wrap .form-frame .form .form-box {
  max-width: 650px;
  margin-inline: auto;
  margin-bottom: 24px;
}
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-label {
  margin-bottom: 8px;
}
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-label .form-label .form-label-text {
  font-size: 18px;
}
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-label .form-label .form-label-text .red,
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-label .form-label .form-label-text .any {
  padding: 0 2px 1px;
  border-radius: 2px;
  margin-left: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4166666667;
}
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-label .form-label .form-label-text .red {
  color: #FF2F2F;
  background: #FFBEBE;
}
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-label .form-label .form-label-text .any {
  color: #fff;
  background-color: #A0A0A0;
}
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-ipt {
  padding-bottom: 4px;
  border-bottom: 1px solid #E0E0E0;
}
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-ipt:has(textarea),
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-ipt .avl-time {
  border-bottom: unset;
  background: #FAFAFA;
  padding: 8px 16px;
  border-radius: 5px;
}
.sec-entry .entry-wrap .form-frame .form .form-box .form-box-ipt .form-ipt {
  width: 100%;
}
.sec-entry .entry-wrap .form-frame .form .form-box .msg-err {
  color: #d53f2f;
  margin-top: 5px;
}
.sec-entry .entry-wrap .form-frame .form .form-box select {
  width: 100%;
  background: #FAFAFA;
  padding: 6px 16px 9px;
  border-radius: 5px;
}
.sec-entry .entry-wrap .form-frame .form .form-submit-box .form-submit {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  background: #d53f2f;
  color: white;
  width: 100%;
  max-width: 310px;
  display: block;
  margin-inline: auto;
  padding-block: 12px 14px;
  border-radius: 40px;
}
.sec-entry .entry-wrap .form-frame .form .occupation .form-box-ipt,
.sec-entry .entry-wrap .form-frame .form .experience .form-box-ipt,
.sec-entry .entry-wrap .form-frame .form .dob .form-box-ipt,
.sec-entry .entry-wrap .form-frame .form .age .form-box-ipt,
.sec-entry .entry-wrap .form-frame .form .gender .form-box-ipt,
.sec-entry .entry-wrap .form-frame .form .available .form-box-ipt {
  border-bottom: none;
}
.sec-entry .entry-wrap .form-frame .form .occupation .form-box-ipt,
.sec-entry .entry-wrap .form-frame .form .dob .form-box-ipt {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.sec-entry .entry-wrap .form-frame .form .occupation .form-box-ipt::after,
.sec-entry .entry-wrap .form-frame .form .dob .form-box-ipt::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  pointer-events: none;
}
.sec-entry .entry-wrap .form-frame .form .age .form-box-ipt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  text-align: center;
}
.sec-entry .entry-wrap .form-frame .form .age .form-box-ipt .form-ipt {
  width: 40px;
  background: #FAFAFA;
  border-radius: 5px;
  padding: 8px;
}
.sec-entry .entry-wrap .form-frame .form .dob .form-box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.sec-entry .entry-wrap .form-frame .form .dob .form-box-row .form-box-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.sec-entry .entry-wrap .form-frame .form .dob .form-box-row .form-box-col .form-box-ipt::after {
  right: 10px;
}
.sec-entry .entry-wrap .form-frame .form .dob .form-box-row .form-box-col .form-box-ipt.dob_year {
  width: 78px;
}
.sec-entry .entry-wrap .form-frame .form .dob .form-box-row .form-box-col .form-box-ipt.dob_month, .sec-entry .entry-wrap .form-frame .form .dob .form-box-row .form-box-col .form-box-ipt.dob_day {
  width: 59px;
}
.sec-entry .entry-wrap .form-frame .form .dob .form-box-row .form-box-col .form-box-ipt select {
  padding: 8px;
}
.sec-entry .entry-wrap .form-frame .form .experience .form-box-ipt,
.sec-entry .entry-wrap .form-frame .form .gender .form-box-ipt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.sec-entry .entry-wrap .form-frame .form .experience .form-box-ipt .form-radio-label .txt,
.sec-entry .entry-wrap .form-frame .form .gender .form-box-ipt .form-radio-label .txt {
  font-size: 18px;
  vertical-align: bottom;
  margin-left: 5px;
}
.sec-entry .entry-wrap .form-frame .form .experience input,
.sec-entry .entry-wrap .form-frame .form .gender input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  position: relative;
  padding: 12px;
}
.sec-entry .entry-wrap .form-frame .form .experience input::before, .sec-entry .entry-wrap .form-frame .form .experience input::after,
.sec-entry .entry-wrap .form-frame .form .gender input::before,
.sec-entry .entry-wrap .form-frame .form .gender input::after {
  content: "";
  display: block;
  position: absolute;
}
.sec-entry .entry-wrap .form-frame .form .experience input::before,
.sec-entry .entry-wrap .form-frame .form .gender input::before {
  background-color: #fff;
  bottom: 0;
  left: 0;
  border: 1px solid #222222;
  width: 24px; /*チェックボックスの横幅*/
  height: 24px; /*チェックボックスの縦幅*/
  border-radius: 50%;
}
.sec-entry .entry-wrap .form-frame .form .experience input::after,
.sec-entry .entry-wrap .form-frame .form .gender input::after {
  opacity: 0; /*チェック前は非表示*/
  width: 14px;
  height: 14px;
  background-color: #222222;
  border-radius: 50%;
  top: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec-entry .entry-wrap .form-frame .form .experience input:checked::after,
.sec-entry .entry-wrap .form-frame .form .gender input:checked::after {
  opacity: 1;
}

/*======================= END OF ENTRY =======================*/
.contact-confirm .confirm-text {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.contact-confirm .confirm-wrap {
  margin-bottom: 40px;
}
.contact-confirm .confirm-wrap .confirm-box {
  padding-bottom: 4px;
  margin-bottom: 14px;
}
.contact-confirm .confirm-wrap .confirm-box .confirm-heading {
  font-size: 18px;
}
.contact-confirm .confirm-submit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-confirm .confirm-submit-box .confirm-submit {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  background: #d53f2f;
  color: white;
  width: 100%;
  max-width: 310px;
  display: block;
  margin-inline: auto;
  margin-bottom: 20px;
  padding-block: 12px 14px;
  border-radius: 40px;
}
.contact-confirm .confirm-submit-box .confirm-modify {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  background: #d53f2f;
  color: white;
  width: 100%;
  max-width: 310px;
  display: block;
  margin-inline: auto;
  padding-block: 12px 14px;
  border-radius: 40px;
}

/*======================= END OF CONFIRM =======================*/
.contact-complete .complete-caption {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
}
.contact-complete .complete-txt {
  max-width: 600px;
  margin: 0 auto 32px;
  text-align: left;
  font-size: 24;
  font-weight: 500;
}
.contact-complete .to-top {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  background: #E6766A;
  color: white;
  width: 100%;
  max-width: 310px;
  display: block;
  margin-inline: auto;
  margin-bottom: 20px;
  padding-block: 12px 14px;
  border-radius: 40px;
}

/*======================= END OF COMPLETE =======================*/
.sec-sns {
  padding: 60px 0 80px;
}
@media screen and (max-width: 820px) {
  .sec-sns {
    padding: 60px 0;
  }
}
.sec-sns .sns-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 59px;
}
@media screen and (max-width: 820px) {
  .sec-sns .sns-content {
    gap: 45px;
  }
}
.sec-sns .sns-content .sns-txt {
  font-size: 32px;
  line-height: 1.4375;
  letter-spacing: 0.06em;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 22px 45px 24px;
  background-color: #D53F2E;
  color: #fff;
  border-radius: 47px;
  position: relative;
}
@media screen and (max-width: 820px) {
  .sec-sns .sns-content .sns-txt {
    font-size: 23px;
    padding: 20px;
    border-radius: 55px;
  }
}
.sec-sns .sns-content .sns-txt::before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 45px;
  height: 38px;
  background-color: #D53F2E;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
          clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.sec-sns .sns-content .sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 820px) {
  .sec-sns .sns-content .sns-list {
    gap: 30px;
  }
}
.sec-sns .sns-content .sns-list .sns-item {
  width: 50%;
  text-align: center;
}
.sec-sns .sns-content .sns-list .sns-item .sns-link {
  display: block;
  width: 140px;
  margin: 0 auto;
}
@media screen and (max-width: 820px) {
  .sec-sns .sns-content .sns-list .sns-item .sns-link {
    width: 100px;
  }
}
.sec-sns .sns-content .sns-list .sns-item .sns-label {
  display: inline-block;
  position: relative;
  margin-top: 15px;
}
@media screen and (max-width: 820px) {
  .sec-sns .sns-content .sns-list .sns-item .sns-label {
    font-size: 14px;
  }
}
.sec-sns .sns-content .sns-list .sns-item .sns-label::before, .sec-sns .sns-content .sns-list .sns-item .sns-label::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 20px;
  background-color: #222222;
}
.sec-sns .sns-content .sns-list .sns-item .sns-label::before {
  left: -7px;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.sec-sns .sns-content .sns-list .sns-item .sns-label::after {
  right: -7px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}

/*======================= END OF SNS =======================*//*# sourceMappingURL=style.css.map */