@charset "UTF-8";
/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@media screen and (max-width: 768px) {
  .archiveInternship .archiveArea {
    margin-top: 40px;
  }
  .archiveInternship .archiveArea .internshipList {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
  .archiveInternship .archiveArea .internshipList li {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 0 20px;
  }
  .archiveInternship .archiveArea .internshipList .txtBox {
    background-color: #fff;
    padding: 20px 15px 25px;
  }
  .archiveInternship .archiveArea .internshipList .event {
    color: #e63d30;
    font-weight: 700;
    text-align: start;
    font-size: 23px;
  }
  .archiveInternship .archiveArea .internshipList .course {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
    font-size: 26px;
  }
  .archiveInternship .archiveArea .internshipList .desc {
    font-size: 15px;
    line-height: 1.66;
    margin-top: 10px;
  }
  .archiveInternship .archiveArea .internshipList .desc + .btnWrap {
    margin-top: 20px;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail {
    overflow: hidden;
    aspect-ratio: 295/206;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .archiveInternship .archiveArea .internshipList .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
    padding: 5px 15px;
  }
  .archiveInternship .pastArchiveArea {
    margin-top: 95px;
  }
  .archiveInternship .pastArchiveArea .title {
    line-height: 1;
    font-weight: 500;
    text-align: center;
    color: #003349;
    font-size: 25px;
  }
  .archiveInternship .pastArchiveArea .pastList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 35px;
    padding: 0 50px;
  }
  .archiveInternship .pastArchiveArea .pastList li {
    width: 100%;
  }
  .archiveInternship .pastArchiveArea .pastList li .end {
    color: #e63d30;
    line-height: 1;
    font-weight: 500;
    font-size: 15px;
    margin-top: 6px;
  }
  .archiveInternship .pastArchiveArea .pastList li .type {
    color: #003349;
    line-height: 1.4;
    font-weight: 500;
    font-size: 22px;
    margin-top: 8px;
  }
  .archiveInternship .pastArchiveArea .pastList li .event {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
    font-size: 22px;
    letter-spacing: -0.01em;
  }
  .customInternship {
    padding: 0 20px;
  }
  .customInternship .thumbnailArea {
    position: relative;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .customInternship .thumbnailArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
    height: calc(100% + 25px);
    top: -25px;
  }
  .customInternship .thumbnailArea .wrap {
    position: relative;
    z-index: 10;
  }
  .customInternship .thumbnailArea .thumbnail {
    overflow: hidden;
  }
  .customInternship .thumbnailArea .thumbnail img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/206;
  }
  .customInternship .thumbnailArea .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
    padding: 5px 20px;
  }
  .customInternship .introArea {
    margin-top: 25px;
  }
  .customInternship .introArea .event {
    color: #e63d30;
    font-weight: 700;
    line-height: 1;
    font-size: 23px;
  }
  .customInternship .introArea .course {
    font-weight: 700;
    line-height: 1.2;
    text-align: start;
    margin-top: 7px;
    font-size: 26px;
  }
  .customInternship .introArea .desc {
    line-height: 1.66;
    margin-top: 25px;
  }
  .customInternship .detailsArea {
    margin-top: 45px;
  }
  .customInternship .detailsArea .details {
    background-color: #fff;
    padding: 25px 15px;
  }
  .customInternship .detailsArea .details > div:not(:first-of-type) {
    margin-top: 25px;
  }
  .customInternship .detailsArea .details .title > p {
    position: relative;
    font-weight: 500;
    padding-left: 22px;
    font-size: 20px;
    line-height: 1.3;
  }
  .customInternship .detailsArea .details .title > p::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 17px;
  }
  .customInternship .detailsArea .details .txt > p {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.87;
    margin-top: 10px;
  }
  .customInternship .detailsArea .details .txt > p.note {
    font-size: 15px;
    line-height: 1.3;
    margin-top: 10px;
  }
  .customInternship .detailsArea .details .txt.deadline > p {
    line-height: 1.2;
    font-size: 20px;
  }
  .customInternship .overviewArea,
  .customInternship .requirementsArea {
    background-color: #fff;
    margin-top: 33px;
    padding: 25px 18px;
  }
  .customInternship .overviewArea .mainTitle,
  .customInternship .requirementsArea .mainTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    font-size: 20px;
  }
  .customInternship .overviewArea .mainTitle::after,
  .customInternship .requirementsArea .mainTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/second/sp_underline_intern02.svg) no-repeat center/100%;
    width: 107px;
    height: 9px;
    bottom: -13px;
  }
  .customInternship .overviewArea .overview,
  .customInternship .overviewArea .requirements,
  .customInternship .requirementsArea .overview,
  .customInternship .requirementsArea .requirements {
    margin-top: 35px;
  }
  .customInternship .overviewArea .overview > div:not(:first-of-type),
  .customInternship .overviewArea .requirements > div:not(:first-of-type),
  .customInternship .requirementsArea .overview > div:not(:first-of-type),
  .customInternship .requirementsArea .requirements > div:not(:first-of-type) {
    margin-top: 40px;
  }
  .customInternship .overviewArea .overview .title > p,
  .customInternship .overviewArea .requirements .title > p,
  .customInternship .requirementsArea .overview .title > p,
  .customInternship .requirementsArea .requirements .title > p {
    position: relative;
    font-weight: 500;
    color: #fff;
    background-color: #e63d30;
    line-height: 1;
    font-size: 17px;
    padding: 2px 10px 4px;
  }
  .customInternship .overviewArea .overview .txt > p,
  .customInternship .overviewArea .requirements .txt > p,
  .customInternship .requirementsArea .overview .txt > p,
  .customInternship .requirementsArea .requirements .txt > p {
    margin-top: 18px;
    line-height: 1.66;
  }
  .customInternship .overviewArea .overview .txt > p + p,
  .customInternship .overviewArea .requirements .txt > p + p,
  .customInternship .requirementsArea .overview .txt > p + p,
  .customInternship .requirementsArea .requirements .txt > p + p {
    margin-top: 30px;
  }
  .customInternship .overviewArea .overview .txt ul,
  .customInternship .overviewArea .requirements .txt ul,
  .customInternship .requirementsArea .overview .txt ul,
  .customInternship .requirementsArea .requirements .txt ul {
    margin: 20px 0;
  }
  .customInternship .overviewArea .overview .txt ul > li,
  .customInternship .overviewArea .requirements .txt ul > li,
  .customInternship .requirementsArea .overview .txt ul > li,
  .customInternship .requirementsArea .requirements .txt ul > li {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #003349;
    padding: 6px;
  }
  .customInternship .overviewArea .overview .txt ul > li:last-child,
  .customInternship .overviewArea .requirements .txt ul > li:last-child,
  .customInternship .requirementsArea .overview .txt ul > li:last-child,
  .customInternship .requirementsArea .requirements .txt ul > li:last-child {
    background-color: #e63d30;
  }
  .customInternship .overviewArea .overview .txt ul > li:not(:first-child),
  .customInternship .overviewArea .requirements .txt ul > li:not(:first-child),
  .customInternship .requirementsArea .overview .txt ul > li:not(:first-child),
  .customInternship .requirementsArea .requirements .txt ul > li:not(:first-child) {
    margin-top: 20px;
  }
  .customInternship .overviewArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .overviewArea .requirements .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .requirements .txt ul > li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom: 0;
    top: -14px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #2ebcef;
  }
  .customInternship .overviewArea .flowChart,
  .customInternship .requirementsArea .flowChart {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 15px 0;
    gap: 48px;
  }
  .customInternship .overviewArea .flowChart li,
  .customInternship .requirementsArea .flowChart li {
    position: relative;
    width: 100%;
  }
  .customInternship .overviewArea .flowChart li img,
  .customInternship .requirementsArea .flowChart li img {
    width: 120px;
    margin-inline: auto;
  }
  .customInternship .overviewArea .flowChart li:not(:last-child)::after,
  .customInternship .requirementsArea .flowChart li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #2ebcef;
    border-bottom: 0;
  }
  .customInternship .voiceArea {
    margin-top: 90px;
  }
  .customInternship .voiceArea .mainTitle img {
    display: block;
    margin-inline: auto;
    width: 120px;
  }
  .customInternship .voiceArea .voiceList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 23px;
    gap: 20px;
  }
  .customInternship .voiceArea .voiceList li {
    background-color: #fff;
    display: flex;
    border: 2px solid #003349;
    width: 100%;
    border-radius: 4px;
    padding: 15px 25px 17px 15px;
    gap: 7px;
  }
  .customInternship .voiceArea .voiceList .icon {
    width: 55px;
  }
  .customInternship .voiceArea .voiceList .txt {
    width: calc(100% - 62px);
    line-height: 1.66;
  }
  .pageRequirement .greyCont {
    background-color: #f4f4f4;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 50px 40px 45px;
  }
  .pageRequirement .greyCont.obverse {
    border-radius: 3px 0 0 3px;
  }
  .pageRequirement .greyCont.reverse {
    border-radius: 0 3px 3px 0;
  }
  .pageRequirement .greyCont:has(.tab) {
    padding: 50px 20px 75px;
  }
  .pageRequirement .whtCont {
    background-color: #fff;
    margin-right: calc(50% - 50vw);
    padding: 40px 40px 35px 20px;
    border-radius: 3px 0 0 3px;
  }
  .pageRequirement #person {
    margin-top: 50px;
  }
  .pageRequirement #person .catch {
    position: relative;
    background-color: #fff;
    color: #e63d30;
    font-weight: 700;
    border-radius: 0 3px 3px 0;
    padding: 20px 10px 15px 40px;
    max-width: 680px;
    margin-top: 30px;
    font-size: 17px;
    line-height: 1.66;
    margin-left: -40px;
  }
  .pageRequirement #person .desc {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.66;
    margin-top: 35px;
  }
  .pageRequirement #mission {
    margin-top: 70px;
  }
  .pageRequirement #mission .copyImg {
    border-bottom: 1px solid #000;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 25px;
  }
  .pageRequirement #mission .desc {
    font-weight: 500;
    margin-top: 25px;
    font-size: 15px;
    line-height: 1.66;
  }
  .pageRequirement #requirement {
    margin-top: 75px;
  }
  .pageRequirement #requirement h3.title.slash {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tab {
    position: relative;
    z-index: 10;
    margin-top: 45px;
  }
  .pageRequirement #requirement .tablist {
    display: flex;
    justify-content: center;
    padding: 0 20px;
    gap: 20px;
    border-bottom: solid 2px #003349;
  }
  .pageRequirement #requirement .tablist button {
    display: block;
    border: none;
    color: #fff;
    font-weight: 700;
    text-align: left;
    line-height: 1;
    width: calc(50% - 10px);
    font-size: 16px;
    padding: 11px 5px 7px 13px;
    border-radius: 3px 3px 0 0;
  }
  .pageRequirement #requirement #tabA {
    background: #003349 url(../images/common/icon_triangle.svg) no-repeat;
    background-position: right 10px top 14px;
    background-size: 10px 8px;
  }
  .pageRequirement #requirement #tabA[role=tab][aria-selected=false] {
    background: #003349;
  }
  .pageRequirement #requirement #tabB {
    background: #e63d30 url(../images/common/icon_triangle.svg) no-repeat;
    background-position: right 10px top 14px;
    background-size: 10px 8px;
  }
  .pageRequirement #requirement #tabB[role=tab][aria-selected=false] {
    background: #e63d30;
  }
  .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #2ebcef;
    padding: 40px 20px;
  }
  .pageRequirement #requirement .tabContent dt {
    width: 93px;
  }
  .pageRequirement #requirement .tabContent dt > p {
    color: #fff;
    text-align: center;
    font-weight: 500;
  }
  .pageRequirement #requirement .tabContent dd {
    margin-top: 30px;
  }
  .pageRequirement #requirement .tabContent dd > p {
    line-height: 1.62;
  }
  .pageRequirement #requirement .tabContent dd .sq {
    display: inline-block;
  }
  .pageRequirement #requirement #panelA .tabContent dt > p {
    background-color: #003349;
  }
  .pageRequirement #requirement #panelA .tabContent .sq {
    color: #003349;
  }
  .pageRequirement #requirement #panelB .tabContent dt > p {
    background-color: #e63d30;
  }
  .pageRequirement #requirement #panelB .tabContent .sq {
    color: #e63d30;
  }
  .pageRequirement #flow {
    margin-top: 70px;
    padding: 0 20px;
  }
  .pageRequirement #flow .note {
    font-weight: 500;
    font-size: 14px;
    margin-top: 30px;
  }
  .flowList {
    margin-top: 35px;
  }
  .flowList li {
    position: relative;
    width: 100%;
  }
  .flowList li img {
    display: block;
    width: 106px;
    margin-inline: auto;
  }
  .flowList li:not(:last-child) {
    margin-bottom: 35px;
  }
  .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    left: 50%;
    transform: translateX(-50%);
    bottom: -24px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #2ebcef;
    border-bottom: 0;
  }
  .interview .mainArea {
    position: relative;
  }
  .interview .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
    height: 25px;
    top: -25px;
  }
  .interview .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .interview .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/236;
  }
  .interview .mainArea .catch {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 30px;
  }
  .interview .mainArea .desc {
    font-size: 16px;
    line-height: 2;
    margin-top: 20px;
  }
  .interview .interviewArea {
    position: relative;
    margin-top: 50px;
    padding: 0 0 45px;
  }
  .interview .interviewArea::after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 75px;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 110%;
  }
  .interview .interviewArea .person {
    position: relative;
    z-index: 10;
    width: 100%;
  }
  .interview .interviewArea .personImg {
    position: relative;
  }
  .interview .interviewArea .personImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .interview .interviewArea .personImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .personImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 335/195;
  }
  .interview .interviewArea .name {
    margin-top: 25px;
  }
  .interview .interviewArea .jp {
    position: relative;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
    padding-left: 25px;
  }
  .interview .interviewArea .jp::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
    width: 18px;
    height: 19px;
    top: 4px;
  }
  .interview .interviewArea .roma {
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
    margin-top: 5px;
    padding-left: 25px;
  }
  .interview .interviewArea .wrap {
    margin-top: 25px;
    padding-left: 25px;
  }
  .interview .interviewArea .position {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
    font-size: 15px;
  }
  .interview .interviewArea .desc {
    font-size: 16px;
    line-height: 2;
    margin-top: 15px;
  }
  .interview .interviewArea .qaArea {
    position: relative;
    z-index: 10;
    margin-top: 100px;
  }
  .interview .interviewArea .qaArea + .qaArea {
    margin-top: 95px;
  }
  .interview .interviewArea .number {
    text-align: center;
    font-weight: 500;
    line-height: 1;
    font-size: 20px;
  }
  .interview .interviewArea h3.question {
    position: relative;
    text-align: center;
    font-weight: 500;
    margin-top: 5px;
    font-size: 20px;
  }
  .interview .interviewArea h3.question::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/second/sp_underline_intern02.svg) no-repeat center/100%;
    bottom: -15px;
    width: 83px;
    height: 9px;
  }
  .interview .interviewArea .answer {
    margin-top: 50px;
    font-size: 16px;
    line-height: 2;
  }
  .interview .interviewArea .qaImg {
    position: relative;
    width: 100%;
    margin-top: 30px;
  }
  .interview .interviewArea .qaImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .interview .interviewArea .qaImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .qaImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 335/200;
  }
  .interview .interviewArea .autoWrapper {
    text-align: center;
  }
  .interview .interviewArea .autoWrapper .qaImg img {
    display: inline-block;
    aspect-ratio: auto;
  }
  .interview .interviewArea .note {
    position: relative;
    z-index: 10;
    line-height: 1;
    text-align: center;
    font-size: 14px;
    margin-top: 45px;
  }
  .interview .interviewArea + .btnWrap {
    margin-top: 60px;
  }
  .projectArchive .desc {
    font-size: 18px;
    line-height: 1.66;
    font-weight: 500;
    margin-top: 25px;
  }
  .projectArchive .projectList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    gap: 75px;
  }
  .projectArchive .projectList li {
    width: 100%;
  }
  .projectArchive .projectList .thumbnail {
    position: relative;
  }
  .projectArchive .projectList .thumbnail::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .projectArchive .projectList .thumbnail .thumbInner {
    overflow: hidden;
  }
  .projectArchive .projectList .thumbnail img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 335/200;
  }
  .projectArchive .projectList .catch {
    font-weight: 500;
    margin-top: 14px;
    font-size: 20px;
    line-height: 1.4;
  }
  .projectArchive .projectList .projectName {
    position: relative;
    font-weight: 700;
    font-size: 15px;
    margin-top: 18px;
    padding-left: 20px;
  }
  .projectArchive .projectList .projectName::before {
    content: "";
    display: block;
    background: url(../images/second/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
    top: 7px;
    width: 14px;
    height: 10px;
  }
  .projectDetails .mainArea {
    position: relative;
  }
  .projectDetails .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
    height: 25px;
    top: -25px;
  }
  .projectDetails .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .projectDetails .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/236;
  }
  .projectDetails .mainArea .catch {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 30px;
  }
  .projectDetails h2.title.slash {
    margin-top: 20px;
  }
  .projectDetails .whtBox {
    background-color: #fff;
    width: 100vw;
    margin: 80px calc(50% - 50vw) 0;
    padding: 25px 20px 100px;
  }
  .projectDetails .maxInner {
    max-width: 600px;
    margin-inline: auto;
  }
  .projectDetails .intro {
    font-size: 16px;
    line-height: 2;
  }
  .projectDetails .memberList {
    display: flex;
    margin-top: 75px;
    flex-wrap: wrap;
    gap: 70px;
  }
  .projectDetails .memberList li {
    width: 100%;
  }
  .projectDetails .memberList .upper {
    display: flex;
    gap: 20px;
  }
  .projectDetails .memberList .wrap {
    width: calc(100% - 170px);
  }
  .projectDetails .memberList .img {
    position: relative;
    width: 150px;
  }
  .projectDetails .memberList .img::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .projectDetails .memberList .img .imgInner {
    overflow: hidden;
  }
  .projectDetails .memberList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .memberList .name {
    font-weight: 500;
    line-height: 1;
    font-size: 23px;
  }
  .projectDetails .memberList .charge {
    line-height: 1.53;
    margin-top: 10px;
    font-size: 15px;
  }
  .projectDetails .memberList .desc {
    margin-top: 15px;
    line-height: 1.66;
  }
  .projectDetails .note {
    line-height: 1;
    margin-top: 45px;
    font-size: 15px;
  }
  .projectDetails .prSection {
    margin-top: 90px;
  }
  .projectDetails .prSection + .prSection {
    margin-top: 95px;
  }
  .projectDetails .prSection + .btnWrap {
    margin-top: 50px;
  }
  .projectDetails h3.prTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
    margin-top: 5px;
    font-size: 20px;
  }
  .projectDetails h3.prTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/second/sp_underline_intern02.svg) no-repeat center/100%;
    bottom: -15px;
    width: 83px;
    height: 9px;
  }
  .projectDetails .txt {
    margin-top: 50px;
    font-size: 16px;
    line-height: 2;
  }
  .projectDetails .prImg {
    position: relative;
    width: 100%;
    margin-top: 30px;
  }
  .projectDetails .prImg::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .projectDetails .prImg .imgInner {
    overflow: hidden;
  }
  .projectDetails .prImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .expBox {
    margin-top: 15px;
  }
  .projectDetails .expBox p {
    line-height: 2;
  }
  .projectDetails .expBox a.blank {
    position: relative;
    font-weight: 700;
    padding-right: 15px;
  }
  .projectDetails .expBox a.blank::after {
    content: "";
    display: block;
    background: url(../images/common/icon_blank.svg) no-repeat center/100%;
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 12px;
  }
  .projectDetails .expBox + .btnWrap {
    margin-top: 50px;
  }
  .fresh #cross .desc {
    margin-top: 25px;
    line-height: 1.66;
    font-weight: 500;
    font-size: 15px;
  }
  .fresh #cross .crossTolkList {
    margin-top: 45px;
  }
  .fresh #cross .crossTolkList li:last-child {
    margin-top: 50px;
  }
  .fresh #cross .crossTolkList .wrap {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .fresh #cross .crossTolkList .img {
    position: relative;
  }
  .fresh #cross .crossTolkList .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .fresh #cross .crossTolkList .img .imgInner {
    overflow: hidden;
  }
  .fresh #cross .crossTolkList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .fresh #cross .crossTolkList h3.title.slash {
    font-size: 20px;
    padding-left: 24px;
    background-position: 0 5px;
  }
  .fresh #cross .crossTolkList h3.title.slash span {
    font-size: 16px;
  }
  .fresh #cross .crossTolkList .btnWrap {
    margin-top: 50px;
  }
  .fresh #survey {
    margin-top: 95px;
  }
  .fresh #survey .desc {
    margin-top: 25px;
    font-weight: 500;
    font-size: 15px;
  }
  .fresh #survey .survey {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    gap: 25px;
  }
  .fresh #survey .survey .img {
    width: 100%;
  }
  .crosstolk .titleArea .subTitle {
    color: #000;
  }
  .crosstolk .titleArea .desc {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.66;
    margin-top: 20px;
  }
  .crosstolk .titleArea .mainImg {
    overflow: hidden;
    width: 100vw;
    margin: 65px calc(50% - 50vw) 0;
  }
  .crosstolk .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/263;
  }
  .crosstolk .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
    margin: 75px calc(50% - 50vw) 0;
    padding: 50px 40px 40px;
  }
  .crosstolk .memberArea .memberInner {
    max-width: 600px;
    margin-inline: auto;
  }
  .crosstolk .memberArea .memberTitle img {
    margin-inline: auto;
    width: 97px;
  }
  .crosstolk .memberArea .participantsList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 45px;
  }
  .crosstolk .memberArea .participantsList li {
    width: 100%;
  }
  .crosstolk .memberArea .person {
    position: relative;
    max-width: 400px;
    margin-inline: auto;
  }
  .crosstolk .memberArea .person::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .crosstolk .memberArea .person .imgInner {
    overflow: hidden;
  }
  .crosstolk .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 295/220;
  }
  .crosstolk .memberArea .person .tag {
    position: absolute;
    z-index: 10;
    display: inline-block;
    background-color: #ffa0b9;
    color: #fff;
    line-height: 1;
    right: -2px;
    bottom: -2px;
    font-size: 18px;
    padding: 5px 10px;
  }
  .crosstolk .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
    gap: 15px;
  }
  .crosstolk .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .crosstolk .memberArea .roma {
    line-height: 1;
    font-size: 10px;
  }
  .crosstolk .memberArea .position {
    line-height: 1;
    margin-top: 10px;
    font-size: 13px;
  }
  .crosstolk .memberArea .desc {
    border-top: 1px solid #ffa0b9;
    margin-top: 15px;
    padding-top: 15px;
    font-size: 15px;
    line-height: 1.66;
  }
  .crosstolk .memberArea .note {
    margin-top: 40px;
    font-size: 14px;
  }
  .crosstolk .tkSection {
    margin-top: 145px;
  }
  .crosstolk .tkSection .tkTitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.75;
  }
  .crosstolk .tkSection .tkUpper {
    position: relative;
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .crosstolk .tkSection .discussion {
    width: 100%;
    margin-top: 70px;
  }
  .crosstolk .tkSection .discussion > div {
    display: flex;
    gap: 10px;
  }
  .crosstolk .tkSection .discussion > div:not(:first-of-type) {
    margin-top: 45px;
  }
  .crosstolk .tkSection .discussion dt {
    width: 51px;
  }
  .crosstolk .tkSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .crosstolk .tkSection .discussion dd {
    width: calc(100% - 61px);
  }
  .crosstolk .tkSection .discussion dd .txt {
    font-size: 16px;
    line-height: 2;
  }
  .crosstolk .tkSection .tkBottom .discussion {
    width: 100%;
  }
  .crosstolk .tkSection .img {
    position: relative;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .crosstolk .tkSection .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .crosstolk .tkSection .img .imgInner {
    overflow: hidden;
  }
  .crosstolk .tkSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/250;
  }
  .crosstolk .tkSection .singleImg {
    width: 100vw;
    margin: 45px calc(50% - 50vw) 0;
  }
  .crosstolk .tkSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/263;
  }
  .crosstolk .tkSection + .tkSection {
    margin-top: 90px;
  }
  .crosstolk .btnWrap {
    margin-top: 150px;
  }
  .crosstolk .discussionBnrBtn {
    display: block;
    margin-inline: auto;
    width: 100%;
    max-width: 450px;
  }
  .crosstolk .discussionBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .crosstolk .discussionBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
    font-size: 17px;
    padding: 10px;
  }
  .message .titleArea .desc {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.66;
    margin-top: 20px;
  }
  .message .titleArea .mainImg {
    overflow: hidden;
    width: 100vw;
    margin: 75px calc(50% - 50vw) 0;
  }
  .message .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/263;
  }
  .message .dotTxt {
    margin-top: 70px;
  }
  .message .dotTxt > p {
    font-size: 15px;
  }
  .message .dotTxt > p:not(:first-of-type) {
    margin-top: 18px;
  }
  .message .dotTxt span {
    display: block;
    height: 1px;
    width: 100%;
    margin-top: 5px;
  }
  .message .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
    margin: 75px calc(50% - 50vw) 0;
    padding: 75px 40px 70px;
  }
  .message .memberArea .memberInner {
    max-width: 600px;
    margin-inline: auto;
  }
  .message .memberArea .recruiterList {
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
  }
  .message .memberArea .recruiterList li {
    width: 100%;
  }
  .message .memberArea .person {
    position: relative;
    max-width: 400px;
    margin-inline: auto;
  }
  .message .memberArea .person::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .message .memberArea .person .imgInner {
    overflow: hidden;
  }
  .message .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 293/193;
  }
  .message .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
    gap: 15px;
  }
  .message .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .message .memberArea .roma {
    color: #808080;
    line-height: 1;
    font-size: 10px;
  }
  .message .memberArea .position {
    line-height: 1;
    margin-top: 10px;
    font-size: 13px;
  }
  .message .memberArea .desc {
    border-top: 1px solid #6593c8;
    margin-top: 15px;
    padding-top: 15px;
    font-size: 15px;
    line-height: 1.66;
  }
  .message .memberArea .note {
    font-size: 14px;
    margin-top: 45px;
  }
  .message .rcSection {
    margin-top: 80px;
  }
  .message .rcSection .deco1 {
    width: 107px;
  }
  .message .rcSection .deco2 {
    width: 114px;
  }
  .message .rcSection .deco3 {
    width: 114px;
  }
  .message .rcSection .rcTitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.75;
  }
  .message .rcSection .rcUpper {
    position: relative;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .message .rcSection .discussion {
    width: 100%;
    margin-top: 50px;
  }
  .message .rcSection .discussion > div {
    display: flex;
    gap: 10px;
  }
  .message .rcSection .discussion > div:not(:first-of-type) {
    margin-top: 45px;
  }
  .message .rcSection .discussion dt {
    width: 51px;
  }
  .message .rcSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .message .rcSection .discussion dd {
    width: calc(100% - 61px);
  }
  .message .rcSection .discussion dd .txt {
    font-size: 16px;
    line-height: 2;
  }
  .message .rcSection .rcBottom .discussion {
    width: 100%;
  }
  .message .rcSection .img {
    position: relative;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .message .rcSection .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .message .rcSection .img .imgInner {
    overflow: hidden;
  }
  .message .rcSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/250;
  }
  .message .rcSection .singleImg {
    width: 100vw;
    margin: 100px calc(50% - 50vw) 0;
  }
  .message .rcSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 375/263;
  }
  .message .rcSection + .rcSection {
    margin-top: 75px;
  }
  .workStyle .desc {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.66;
    margin-top: 20px;
  }
  .workStyle .btnWrap {
    margin-top: 40px;
  }
  .workStyle .col2 {
    position: relative;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    max-width: 600px;
    margin-inline: auto;
  }
  .workStyle .col2 .wrap {
    width: 100%;
  }
  .workStyle .col2 .img {
    position: relative;
    width: calc(100% - 40px);
    margin-inline: auto;
  }
  .workStyle .col2 .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .workStyle .col2 .img .imgInner {
    overflow: hidden;
  }
  .workStyle .col2 .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 292/196;
  }
  .workStyle .bgSlash {
    position: relative;
  }
  .workStyle #officeTour {
    width: 100vw;
    margin: 100px calc(50% - 50vw) 0;
    background: url(../images/second/workstyle_pink_sp.png) no-repeat bottom left/95% auto;
    padding: 0 20px 20px 20px;
  }
  .workStyle #benefits {
    background-color: #f1f1f1;
    width: 100vw;
    margin: 125px calc(50% - 50vw) 0;
    padding: 58px 0 75px;
  }
  .workStyle #benefits .beneInner {
    padding: 0 40px;
    max-width: 600px;
    margin-inline: auto;
  }
  .workStyle #benefits .titleWrap {
    margin-top: 50px;
  }
  .workStyle #benefits h3.title.slash {
    font-weight: 700;
  }
  .workStyle #benefits .jaTitle {
    font-weight: 500;
    color: #e63d30;
    font-size: 14px;
    margin-top: 10px;
  }
  .workStyle #benefits .benefitsList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 25px;
  }
  .workStyle #benefits .benefitsList li {
    background-color: #fff;
    width: 100%;
    border-radius: 3px;
    padding: 24px 22px;
  }
  .workStyle #benefits .benefitsList .icon {
    position: relative;
    padding-bottom: 20px;
  }
  .workStyle #benefits .benefitsList .icon::after {
    content: "";
    display: block;
    background: url(../images/second/kankyo_dotline.svg) repeat-x center/100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
  }
  .workStyle #benefits .benefitsList .txt {
    margin-top: 15px;
    line-height: 1.4;
  }
  .workStyle #award {
    width: 100vw;
    margin: 100px calc(50% - 50vw) 0;
    background: url(../images/second/workstyle_pink_sp.png) no-repeat bottom left/95% auto;
    padding: 0 20px 20px 20px;
  }
  .business .desc {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.66;
    margin-top: 20px;
  }
  .business #workPlace {
    position: relative;
    margin-top: 70px;
    padding: 65px 20px 100px;
  }
  .business #workPlace .irregularBg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0f0f0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: 0;
  }
  .business #public {
    margin-top: 100px;
    padding: 0 20px;
  }
  .business #public .col2Box {
    background-color: #fcecea;
  }
  .business #public .col2Box .wrap {
    background-color: #fcecea;
  }
  .business #public .col2Box .img {
    right: inherit;
  }
  .business .col2Box {
    position: relative;
    z-index: 10;
  }
  .business .col2Box .wrap {
    background-color: #fff;
    padding: 50px 20px;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .business .col2Box .txt {
    font-weight: 500;
    margin-top: 25px;
    font-size: 15px;
    line-height: 1.7;
  }
  .business .col2Box .img {
    margin-top: -23px;
    position: relative;
    transform: translateX(-40px);
    width: calc(100% + 57px);
    z-index: 10;
  }
  .business .col2Box .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .business .col2Box .img .imgInner {
    overflow: hidden;
  }
  .business .col2Box .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 352/260;
  }
  .business .col2Box + h4.title {
    margin-top: 75px;
  }
  .business .serviceList {
    display: flex;
    position: relative;
    z-index: 10;
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 50px;
  }
  .business .serviceList li {
    width: 100%;
  }
  .business .serviceList .img {
    position: relative;
  }
  .business .serviceList .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .business .serviceList .img .imgInner {
    overflow: hidden;
  }
  .business .serviceList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 295/225;
  }
  .business .serviceList .type {
    text-align: center;
    font-weight: 500;
    margin-top: 15px;
    font-size: 18px;
    line-height: 1.6;
  }
  .business .serviceList .sup {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.5;
  }
  .business .other {
    text-align: center;
    font-weight: 500;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    position: relative;
    z-index: 10;
    margin-top: 45px;
    font-size: 15px;
    padding: 18px 0;
  }
  .business .btnArea {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 75px;
    gap: 20px;
  }
  .jobtype {
    scroll-behavior: smooth;
  }
  .jobtype .desc {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.66;
    margin-top: 20px;
  }
  .jobtype #anchorFlow {
    margin-top: 70px;
    padding: 0 20px;
  }
  .jobtype #anchorFlow .scrollWrapper + .flowTitle {
    margin-top: 100px;
  }
  .jobtype #anchorFlow .flowTitle {
    font-weight: 500;
    line-height: 1;
    text-align: center;
    font-size: 23px;
  }
  .jobtype #anchorFlow .flowArea {
    position: relative;
    margin-top: 40px;
    margin-inline: auto;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn {
    display: block;
    position: absolute;
    color: #fff;
    background-color: #e63d30;
    font-weight: 500;
    line-height: 1;
    border: 1px solid #e63d30;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
    font-size: 18px;
    border-radius: 3px;
    padding: 10px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn span {
    position: relative;
    display: inline-block;
    padding-bottom: 27px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn span::after {
    content: "";
    display: block;
    background: url(../images/common/anchor_arrow_white.svg) no-repeat center/100%;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.sales {
    height: 737px;
    top: 29px;
    left: 95px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.spDesign {
    height: 283px;
    top: 209px;
    right: 97px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor {
    pointer-events: none;
    height: 430px;
    top: 209px;
    right: 33px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor span::after {
    content: none;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.prDesign {
    height: 276px;
    top: 29px;
    left: 76px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.mechanical {
    height: 412px;
    top: 92px;
    left: 126px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.production {
    height: 346px;
    top: 216px;
    right: 79px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.all {
    height: 652px;
    top: 29px;
    right: 29px;
  }
  .jobtype #anchorFlow .flowArea.solving {
    background: url(../images/second/work_flow_kadai_sp.png) no-repeat center top/100%;
    height: 850px;
    width: 295px;
  }
  .jobtype #anchorFlow .flowArea.develop {
    background: url(../images/second/work_flow_shohin_sp.png) no-repeat center/100%;
    width: 295px;
    height: 750px;
  }
  .jobtype #anchorFlow .flowArea.other {
    background-color: #e0e7ec;
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    margin: 40px calc(50% - 50vw) 0;
    gap: 30px;
    padding: 40px;
  }
  .jobtype #anchorFlow .flowArea.other .anchorBtn {
    position: relative;
    width: 100%;
    writing-mode: unset;
    max-width: 600px;
    margin-inline: auto;
  }
  .jobtype #anchorFlow .flowArea.other .anchorBtn span {
    text-align: center;
    display: block;
    padding-bottom: 0;
  }
  .jobtype #anchorFlow .flowArea.other .anchorBtn span::after {
    left: inherit;
    bottom: inherit;
    transform: translateX(0);
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .jobtype #anchorFlow + .btnWrap {
    margin-top: 125px;
  }
  .jobtype .storyBnrBtn {
    display: block;
    margin-inline: auto;
    width: 100%;
    max-width: 450px;
  }
  .jobtype .storyBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .jobtype .storyBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
    font-size: 17px;
    padding: 10px;
  }
  .jobtype #jobIntroduction {
    background-color: #f0f0f0;
    width: 100vw;
    margin: 110px calc(50% - 50vw) 0;
    padding: 115px 0 48px;
  }
  .jobtype #jobIntroduction .jobInner {
    max-width: 600px;
    margin-inline: auto;
    padding: 0 20px;
  }
  .jobtype #jobIntroduction .jobList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    gap: 24px;
  }
  .jobtype #jobIntroduction .jobList > li {
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
    padding: 0 30px 35px;
  }
  .jobtype #jobIntroduction .jobList .icon {
    margin-inline: auto;
    width: 80%;
  }
  .jobtype #jobIntroduction .jobList .type {
    font-weight: 700;
    text-align: center;
    line-height: 1;
    font-size: 20px;
    margin-top: 5px;
  }
  .jobtype #jobIntroduction .jobList .txt {
    margin: 20px 0 25px;
    line-height: 1.66;
  }
  .jobtype #jobIntroduction .jobList .linkBox {
    border-top: 1px solid #abd269;
    padding-top: 25px;
  }
  .jobtype #jobIntroduction .jobList .linkBox .txt {
    font-weight: 700;
    margin: 0;
    font-size: 15px;
    line-height: 1;
  }
  .jobtype #jobIntroduction .jobList .linkBox .arrow {
    display: none;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList {
    display: flex;
    margin-top: 15px;
    gap: 12px;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList > li {
    width: 60px;
  }
  .itokiCareer .desc {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.66;
    margin-top: 20px;
  }
  .itokiCareer #schedule {
    margin-top: 80px;
    padding: 0 5vw;
  }
  .itokiCareer #schedule .scheduleFlow {
    margin-top: 40px;
  }
  .itokiCareer #schedule .scheduleFlow > div {
    display: flex;
  }
  .itokiCareer #schedule .scheduleFlow > div:first-of-type dt::before {
    height: calc(100% - 25px);
  }
  .itokiCareer #schedule .scheduleFlow > div:first-of-type dt::after {
    top: 23px;
  }
  .itokiCareer #schedule .scheduleFlow > div:not(:first-of-type) dd {
    margin-top: 5px;
  }
  .itokiCareer #schedule .scheduleFlow > div:not(:first-of-type) dt {
    padding-top: 5px;
  }
  .itokiCareer #schedule .scheduleFlow > div:nth-of-type(even) dd {
    background-color: #f0f0f0;
  }
  .itokiCareer #schedule .scheduleFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow > div:last-of-type::before {
    content: "";
    display: block;
    background: url(../images/second/tate_dot.png) no-repeat center/100%;
    position: absolute;
    bottom: -50px;
    left: 44px;
    height: 46px;
    width: 2px;
  }
  .itokiCareer #schedule .scheduleFlow dt {
    position: relative;
    width: 65px;
  }
  .itokiCareer #schedule .scheduleFlow dt p {
    font-weight: 500;
    line-height: 1;
    margin-top: 19px;
    font-size: 14px;
  }
  .itokiCareer #schedule .scheduleFlow dt p span {
    display: inline-block;
    font-size: 20px;
    transform: translateY(1px);
  }
  .itokiCareer #schedule .scheduleFlow dt::before {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    height: 100%;
    width: 2px;
    bottom: 0;
    right: 19px;
  }
  .itokiCareer #schedule .scheduleFlow dt::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    border-radius: 100svh;
    top: 28px;
    right: 12px;
  }
  .itokiCareer #schedule .scheduleFlow dd {
    background-color: #dcdddd;
    border-radius: 5px;
    width: calc(100% - 65px);
    padding: 20px 4.1%;
  }
  .itokiCareer #schedule .scheduleFlow dd .event {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .itokiCareer #schedule .scheduleFlow dd * + .event {
    margin-top: 25px;
  }
  .itokiCareer #schedule .scheduleFlow dd .txt {
    line-height: 1.75;
    margin-top: 15px;
  }
  .itokiCareer #inhouse {
    margin-top: 120px;
    padding: 0 5vw;
  }
  .itokiCareer #inhouse .scrollWrapper {
    width: 100vw;
    margin: 0 calc(-20px - 5vw);
    overflow-x: scroll;
  }
  .itokiCareer #inhouse .scrollWrapper .img {
    width: calc(838px + (20px + 5vw) * 2);
    padding: 0 calc(20px + 5vw) 20px;
    height: 670px;
    background-color: #fff;
  }
  .itokiCareer #inhouse .scrollWrapper .img img {
    width: auto;
    height: 650px;
  }
  .itokiCareer #inhouse .scrollIcon {
    margin-top: 40px;
  }
  .itokiCareer #inhouse .scrollIcon img {
    width: 100px;
    margin-inline: auto;
  }
  .itokiCareer #inhouse .img {
    margin-top: 5px;
  }
  .itokiCareer #step {
    background-color: #f1f1f1;
    width: 100vw;
    margin: 60px calc(50% - 50vw) -20px;
    padding: 100px 0 70px;
  }
  .itokiCareer #step .stepInner {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 0 20px;
  }
  .itokiCareer #step .tab {
    margin-top: 80px;
  }
  .itokiCareer #step .tablist {
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .itokiCareer #step .tablist button {
    background-color: #fff;
    border: solid 1px #000;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    flex: 1;
    font-size: 15px;
    padding: 7px 5px;
    border-radius: 10px !important;
  }
  .itokiCareer #step .tablist [role=tab][aria-selected=true] {
    background-color: #ffd743;
    pointer-events: none;
  }
  .itokiCareer #step .tabpanel {
    position: relative;
    padding-top: 42px;
  }
  .itokiCareer #step #panelA.tabpanel::after {
    content: "";
    display: block;
    background: url(../images/second/tate_dot_blk.png) no-repeat center/100%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 16%;
    width: 3px;
    height: 42px;
  }
  .itokiCareer #step #panelB.tabpanel::after {
    content: "";
    display: block;
    background: url(../images/second/tate_dot_blk.png) no-repeat center/100%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    width: 3px;
    height: 42px;
  }
  .itokiCareer #step #panelC.tabpanel::after {
    content: "";
    display: block;
    background: url(../images/second/tate_dot_blk.png) no-repeat center/100%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 84.5%;
    width: 3px;
    height: 42px;
  }
  .itokiCareer #step .tabContent .stepTxt {
    position: relative;
    width: calc(100% - 3px);
  }
  .itokiCareer #step .tabContent .stepTxt::before {
    content: "";
    display: block;
    background-color: #ffd743;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -3px;
    right: -3px;
    border-radius: 5px;
  }
  .itokiCareer #step .tabContent .stepTxt .txtInner {
    background-color: #fff;
    position: relative;
    z-index: 10;
    border-radius: 5px;
    padding: 20px;
  }
  .itokiCareer #step .tabContent .stepImg {
    margin-top: 50px;
  }
  .itokiCareer #step .tabContent .stepFlow {
    margin-top: 50px;
  }
  .itokiCareer #step .tabContent .stepFlow > div {
    position: relative;
    padding: 0 0 30px 30px;
  }
  .itokiCareer #step .tabContent .stepFlow > div::before {
    content: "";
    display: block;
    background-color: #000;
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 9px;
  }
  .itokiCareer #step .tabContent .stepFlow > div::after {
    content: "";
    display: block;
    background-color: #8ca3ad;
    width: 19px;
    height: 19px;
    border-radius: 100svh;
    border: 3px solid #f1f1f1;
    position: absolute;
    top: 1px;
    left: 0;
  }
  .itokiCareer #step .tabContent .stepFlow > div:first-of-type::before {
    height: calc(100% - 10px);
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(2)::after {
    background-color: #738f9b;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(3)::after {
    background-color: #4c7080;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(4)::after {
    background-color: #265264;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type {
    min-height: inherit;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type::before {
    content: none;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type::after {
    background-color: #003349;
  }
  .itokiCareer #step .tabContent .stepFlow dt {
    width: 140px;
  }
  .itokiCareer #step .tabContent .stepFlow dt p {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
    font-size: 15px;
    transform: translateY(-5px);
    padding-left: 3px;
  }
  .itokiCareer #step .tabContent .stepFlow dt p span {
    display: inline-block;
    font-size: 25px;
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul {
    margin-top: 15px;
    padding-left: 10px;
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul li {
    position: relative;
    line-height: 1.75;
    padding-left: 15px;
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul li::before {
    content: "・";
    display: block;
    border-radius: 100svh;
    width: 15px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .itokiCareer #transition {
    margin-top: 80px;
    padding: 0 7%;
  }
  .itokiCareer #transition .caseBox {
    margin-top: 60px;
  }
  .itokiCareer #transition .caseBox + .caseBox {
    border-top: 1px solid #000;
    margin-top: 120px;
    padding-top: 80px;
  }
  .itokiCareer #transition .caseBox:nth-of-type(even) .case .casePerson::before {
    left: inherit;
    right: -22.7%;
  }
  .itokiCareer #transition .num {
    position: relative;
    margin-inline: auto;
    padding-bottom: 10px;
  }
  .itokiCareer #transition .num:after {
    content: "";
    display: block;
    background-color: #e63d30;
    width: 48px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .itokiCareer #transition .num.n1 {
    width: 85px;
  }
  .itokiCareer #transition .num.n2 {
    width: 95px;
  }
  .itokiCareer #transition .num.n3 {
    width: 94px;
  }
  .itokiCareer #transition .caseTitle {
    font-weight: 500;
    text-align: center;
    font-size: 28px;
    line-height: 1.5;
    margin-top: 20px;
  }
  .itokiCareer #transition .case {
    margin-top: 45px;
  }
  .itokiCareer #transition .casePerson {
    position: relative;
    background-color: #f0f0f0;
  }
  .itokiCareer #transition .casePerson::before {
    display: block;
    background-color: #f0f0f0;
    width: 100%;
    height: calc(100% - 163px);
    aspect-ratio: 308/285;
    position: absolute;
    bottom: -7%;
    left: -22.7%;
  }
  .itokiCareer #transition .casePerson .img {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .itokiCareer #transition .casePerson .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .casePerson .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .itokiCareer #transition .casePerson .txtWrap {
    position: relative;
    z-index: 10;
    padding: 0 15px 15px;
  }
  .itokiCareer #transition .casePerson .name {
    font-weight: 500;
    line-height: 1;
    margin-top: 30px;
    font-size: 22px;
  }
  .itokiCareer #transition .casePerson .roma {
    color: #808080;
    line-height: 1;
    font-size: 12px;
    margin-top: 10px;
  }
  .itokiCareer #transition .casePerson .position {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.78;
  }
  .itokiCareer #transition .caseFlow {
    position: relative;
    margin-top: 30px;
  }
  .itokiCareer #transition .caseFlow::before {
    content: "";
    display: block;
    background: url(../images/second/tate_dot.png) no-repeat center/100%;
    position: absolute;
    bottom: -50px;
    left: 8px;
    height: 46px;
    width: 2px;
  }
  .itokiCareer #transition .caseFlow > div {
    position: relative;
  }
  .itokiCareer #transition .caseFlow > div:before {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    height: 100%;
    width: 2px;
    bottom: 0;
    left: 8px;
  }
  .itokiCareer #transition .caseFlow > div:first-of-type:before {
    height: calc(100% - 10px);
  }
  .itokiCareer #transition .caseFlow > div dd {
    padding-top: 10px;
  }
  .itokiCareer #transition .caseFlow > div:first-of-type dt::after {
    top: 2px;
  }
  .itokiCareer #transition .caseFlow > div:not(:first-of-type) dt,
  .itokiCareer #transition .caseFlow > div:not(:first-of-type) dd {
    padding-top: 40px;
  }
  .itokiCareer #transition .caseFlow > div:not(:first-of-type) dd {
    padding-top: 10px;
  }
  .itokiCareer #transition .caseFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt {
    position: relative;
    padding-left: 25px;
  }
  .itokiCareer #transition .caseFlow dt p {
    font-weight: 500;
    line-height: 1;
    font-size: 12px;
  }
  .itokiCareer #transition .caseFlow dt p span {
    display: inline-block;
    font-size: 17px;
  }
  .itokiCareer #transition .caseFlow dt::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    border-radius: 100svh;
    top: 43px;
    left: 1px;
  }
  .itokiCareer #transition .caseFlow dd {
    padding-left: 25px;
  }
  .itokiCareer #transition .caseFlow dd .career {
    font-weight: 500;
    letter-spacing: -0.03em;
    font-size: 18px;
    line-height: 1.66;
  }
  .itokiCareer #transition .caseFlow dd .txt {
    line-height: 1.75;
    margin-top: 10px;
  }
  .itokiCareer #transition .caseFlow dd .img {
    position: relative;
    margin-top: 15px;
  }
  .itokiCareer #transition .caseFlow dd .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    right: -2px;
  }
  .itokiCareer #transition .caseFlow dd .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .caseFlow dd .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .clirentVoice {
    background-color: #efefef;
    width: 100vw;
    margin-right: -20px;
    margin-left: -20px;
    padding: 40px 20px;
  }
  .clirentVoice .voiceTitle {
    font-size: 24px;
    font-weight: 700;
  }
  .clirentVoice .subject {
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px;
  }
  .clirentVoice .voiceBody {
    margin-top: 30px;
  }
  .clirentVoice .voiceBody .img {
    margin: 0 20px;
  }
  .clirentVoice .voiceBody .img img {
    width: 100%;
    height: auto;
  }
  .clirentVoice .voiceBody .txt {
    margin-top: 30px;
  }
  #lpTitle {
    display: flex;
    align-items: center;
    padding: 0 40px;
    aspect-ratio: 375/479;
    background: url(../images/second/diversity/lp_fv_sp.webp) no-repeat center/100%;
  }
  #lpTitle .inner {
    padding: 0;
    margin-inline: inherit;
  }
  #lpTitle h1.title {
    color: #231815;
    font-weight: 700;
    line-height: 1.2;
    font-size: 25px;
  }
  #dsMessage h2.title.reqH2,
  #crMessage h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 102px auto;
  }
  #dsMessage .copy,
  #crMessage .copy {
    font-weight: 500;
    font-size: 22px;
    margin: 60px 0 50px;
  }
  #dsMessage .txt,
  #crMessage .txt {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.9;
    letter-spacing: -0.05em;
  }
  #dsMessage .txt + .txt,
  #crMessage .txt + .txt {
    margin-top: 35px;
  }
  .lpBtn {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background-color: #003349;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4);
    line-height: 1.4;
    width: 88%;
    padding: 18px;
    font-size: 20px;
    border-radius: 4px;
  }
  .lpBtn span {
    position: relative;
  }
  .lpBtn.gr {
    background-image: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 200%);
  }
  .lpBtn.gr::before {
    background-image: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 150%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 4px;
  }
  .lpBtnWrap {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 19px;
  }
  #dsFaq,
  #crFaq {
    margin-top: 70px;
  }
  #dsFaq h2.title.reqH2,
  #crFaq h2.title.reqH2 {
    text-align: center;
    letter-spacing: 0.05em;
    background-position: center bottom;
  }
  #dsFaq .subTtl,
  #crFaq .subTtl {
    text-align: center;
    font-weight: 500;
    margin-top: 35px;
    font-size: 15px;
  }
  #dsFaq .faq,
  #crFaq .faq {
    margin-top: 20px;
  }
  #dsFaq .faq dd,
  #crFaq .faq dd {
    font-weight: 400;
  }
  #dsFaq .qaWrap,
  #crFaq .qaWrap {
    margin-top: 0;
  }
  #dsFaq .iconQ,
  #dsFaq .iconA,
  #dsFaq button,
  #crFaq .iconQ,
  #crFaq .iconA,
  #crFaq button {
    font-weight: 400;
  }
  .lpCareer,
  .lpDiversity {
    background: url(../images/second/lp_repeat_full_sp.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
  }
  .lpDiversityCareer {
    background: url(../images/second/lp_dscr_repeat_full_sp.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
  }
  .lpDiversity {
    font-weight: 500;
  }
  #dsNew {
    margin-top: 85px;
  }
  #dsNew h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsNew .desc {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 25px;
  }
  #dsCareer {
    margin-top: 100px;
  }
  #dsCareer h2.title.faqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 150px auto;
  }
  #dsCareer .desc {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 25px;
  }
  #dsCareer .wrapper {
    margin: 75px auto 0;
    width: 88%;
  }
  #dsCareer .wrapper .flowList li {
    width: 100%;
  }
  #dsCareer .wrapper .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    left: 50%;
    transform: translateX(-50%);
    bottom: -24px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #e63d30;
    border-bottom: 0;
  }
  #dsCareer .wrapper .note {
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
  }
  #dsStatus {
    margin-top: 90px;
  }
  #dsStatus h2.title.svH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsStatus .statusList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 28px;
  }
  #dsStatus .statusList > li {
    width: 100%;
  }
  #dsInitiative {
    margin-top: 50px;
  }
  #dsInitiative h2.title.crH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsInitiative .initiativeList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 23px;
  }
  #dsInitiative .initiativeList > li {
    background-color: #f0f0f0;
    width: 100%;
    border-radius: 4px;
    padding: 22px 30px 22px 20px;
  }
  #dsInitiative .initiativeList h3.title.slash {
    font-weight: 700;
    background-position: 0 2px;
    font-size: 17px;
    padding-left: 23px;
  }
  #dsInitiative .initiativeList .wrapper {
    margin-top: 25px;
    padding-left: 10px;
  }
  #dsInitiative .initiativeList .img {
    aspect-ratio: 275/145;
  }
  #dsInitiative .initiativeList .txt {
    font-weight: 500;
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.6;
  }
  main {
    position: relative;
    overflow: hidden;
    font-weight: 400;
    background: url(../images/second/repeat_full_sp.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
    font-size: 15px;
  }
  main:has(.lpCareer, .lpDiversity, .lpDiversityCareer) {
    background: none;
  }
  main.bgGrey {
    background-color: #f0f0f0;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  ul,
  ol {
    list-style-type: none;
  }
  img {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
  }
  * {
    box-sizing: border-box;
  }
  sup,
  sub {
    font-size: 0.6em;
  }
  .bold {
    font-weight: 700;
  }
  #contents {
    position: relative;
    padding: 75px 0 100px;
  }
  #contents:has(.archiveInternship) {
    padding-top: 0;
  }
  #contents:has(.jobtype) {
    padding-bottom: 0;
  }
  #contents:has(.customInternship) {
    padding: 25px 0 100px;
  }
  #contents:has(.interview) {
    padding: 25px 0 100px;
  }
  #contents:has(.projectDetails) {
    padding: 25px 0 0;
  }
  #contents:has(.message) {
    padding: 75px 0 100px;
  }
  #contents:has(.workStyle) {
    padding: 75px 0 125px;
  }
  #contents:has(#dsMessage) {
    padding: 75px 0 50px;
  }
  .inner {
    padding: 0 20px;
    max-width: 600px;
    margin-inline: auto;
  }
  .inner.wide {
    padding: 0;
  }
  .fixedMenu {
    display: none;
  }
  .readBox {
    background-color: #fff;
    padding: 15px 0 23px;
  }
  .readBox .read {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.66;
    margin-top: 40px;
  }
  h2.title {
    color: #003349;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.08em;
    font-size: 40px;
  }
  h2.title.faqH2 {
    color: #000;
    letter-spacing: -0.03em;
    font-weight: 500;
    font-size: 25px;
    background-image: url(../images/second/saiyojoho_QA_underline.svg);
    background-size: 160px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.reqH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/saiyo_yoko_underline.svg);
    font-size: 25px;
    background-size: 100px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.crH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_ITOKI_recruit_eigyo.svg);
    font-size: 25px;
    background-size: 276px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.crkhH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_underline_kaihatsu.svg);
    font-size: 25px;
    background-size: 125px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.tkH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/crosstolk_underline_pc.svg);
    font-size: 25px;
    background-size: 174px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.svH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/survey_underline_pc.svg);
    font-size: 25px;
    background-size: 195px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.rcH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/ITOKI_recruit_underline.svg);
    font-size: 25px;
    background-size: 295px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.wkH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/kankyo_underline.svg);
    font-size: 25px;
    background-size: 161px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.jbH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/jobtype_underline.svg);
    font-size: 25px;
    background-size: 168px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
  }
  h2.title.slash {
    color: #000;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.38;
    background-image: url(../images/second/w_slash.svg);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 0 7px;
    font-size: 18px;
    padding-left: 16px;
  }
  h3.title {
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  h3.title.slash {
    background-image: url(../images/second/w_slash.svg);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 0 7px;
    font-size: 22px;
    padding-left: 28px;
  }
  h4.title {
    text-align: center;
  }
  h4.title span {
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 20px;
    padding: 0 23px;
  }
  h4.title span::before, h4.title span::after {
    content: "";
    display: block;
    background: url(../images/second/h4_line.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 3px;
  }
  h4.title span::before {
    left: 0;
  }
  h4.title span::after {
    right: 0;
  }
  * + .subTitle {
    margin-top: 15px;
  }
  .subTitle {
    display: inline-block;
    color: #003349;
    font-weight: 500;
    position: relative;
    font-size: 13px;
  }
  .subTitle.internship::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: url(../images/second/sp_underline_intern_01.svg) no-repeat center/100%;
    top: 22px;
    width: 234px;
    height: 10px;
  }
  .commonBtn {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 100svh;
    font-weight: 500;
    text-align: left;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    font-size: 13px;
  }
  .commonBtn.ltBlue {
    width: 100%;
  }
  .commonBtn.ltBlue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_ltblue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.pink {
    height: 60px;
    font-size: 15px;
    width: 89.5%;
    margin-inline: auto;
  }
  .commonBtn.pink::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_pink.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.yellow {
    height: 60px;
    font-size: 15px;
    width: 89.5%;
    max-width: 600px;
    margin-inline: auto;
  }
  .commonBtn.yellow::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_yellow.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 50px;
    height: 50px;
  }
  .commonBtn.blue {
    width: 100%;
    height: 60px;
  }
  .commonBtn.blue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_blue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .squareBtn {
    position: relative;
    z-index: 10;
    display: block;
    background-color: #e63d30;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    margin-inline: auto;
    font-size: 16px;
    padding: 22px;
    width: 88%;
    border-radius: 3px;
    border: 1px solid #e63d30;
  }
  header.secondHeader #siteName a.diversity {
    align-items: flex-start !important;
  }
  header.secondHeader #siteName a.career {
    align-items: flex-start !important;
  }
  header.secondHeader #secondNav {
    background-image: linear-gradient(180deg, rgb(0, 51, 73), rgb(51, 92, 109));
  }
  header.secondHeader #secondNav.isOpen {
    transform: translateX(0);
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav #menuBtn {
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav .navTtl {
    color: #fff;
    font-weight: 700;
    line-height: 1;
  }
  header.secondHeader #secondNav ul > li > a {
    display: block;
    color: #fff;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .pT0 {
    padding-top: 0 !important;
  }
  .pT10 {
    padding-top: 10px !important;
  }
  .pT20 {
    padding-top: 20px !important;
  }
  .pT30 {
    padding-top: 30px !important;
  }
  .pT40 {
    padding-top: 40px !important;
  }
  .pB0 {
    padding-bottom: 0px !important;
  }
  .pB5 {
    padding-bottom: 5px !important;
  }
  .pB10 {
    padding-bottom: 10px !important;
  }
  .pB20 {
    padding-bottom: 20px !important;
  }
  .pB30 {
    padding-bottom: 30px !important;
  }
  .pB40 {
    padding-bottom: 40px !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mB60 {
    margin-bottom: 60px !important;
  }
  .mB70 {
    margin-bottom: 70px !important;
  }
  .mB80 {
    margin-bottom: 80px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mT60 {
    margin-top: 60px !important;
  }
  .mT70 {
    margin-top: 70px !important;
  }
  .mT80 {
    margin-top: 80px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .size12 {
    font-size: 12px !important;
  }
  .size13 {
    font-size: 13px !important;
  }
  .size14 {
    font-size: 14px !important;
  }
  .size15 {
    font-size: 15px !important;
  }
  .size16 {
    font-size: 16px !important;
  }
  .size17 {
    font-size: 17px !important;
  }
  .size18 {
    font-size: 18px !important;
  }
  .size19 {
    font-size: 19px !important;
  }
  .size20 {
    font-size: 20px !important;
  }
  .size22 {
    font-size: 22px !important;
  }
  .size24 {
    font-size: 24px !important;
  }
  .size28 {
    font-size: 28px !important;
  }
  .colorRed {
    color: #e34b30 !important;
  }
  .colorBlue {
    color: #356fcf !important;
  }
  .preBox {
    background: #eff0f4;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  .preBox {
    margin-top: 20px;
  }
  .taC_sp {
    text-align: center !important;
  }
  .taL_sp {
    text-align: left !important;
  }
  .taR_sp {
    text-align: right !important;
  }
  .pT0_sp {
    padding-top: 0 !important;
  }
  .pT10_sp {
    padding-top: 10px !important;
  }
  .pT20_sp {
    padding-top: 20px !important;
  }
  .pB0_sp {
    padding-bottom: 0 !important;
  }
  .pB10_sp {
    padding-bottom: 10px !important;
  }
  .pB20_sp {
    padding-bottom: 20px !important;
  }
  .pB30_sp {
    padding-bottom: 30px !important;
  }
  .pB40_sp {
    padding-bottom: 40px !important;
  }
  .pT30_sp {
    padding-top: 30px !important;
  }
  .pT40_sp {
    padding-top: 40px !important;
  }
  .mB0_sp {
    margin-bottom: 0 !important;
  }
  .mB5_sp {
    margin-bottom: 5px !important;
  }
  .mB10_sp {
    margin-bottom: 10px !important;
  }
  .mB15_sp {
    margin-bottom: 15px !important;
  }
  .mB20_sp {
    margin-bottom: 20px !important;
  }
  .mB30_sp {
    margin-bottom: 30px !important;
  }
  .mB40_sp {
    margin-bottom: 40px !important;
  }
  .mB50_sp {
    margin-bottom: 50px !important;
  }
  .mB60_sp {
    margin-bottom: 60px !important;
  }
  .mB70_sp {
    margin-bottom: 70px !important;
  }
  .mB80_sp {
    margin-bottom: 80px !important;
  }
  .mT0_sp {
    margin-top: 0 !important;
  }
  .mT5_sp {
    margin-top: 5px !important;
  }
  .mT10_sp {
    margin-top: 10px !important;
  }
  .mT20_sp {
    margin-top: 20px !important;
  }
  .mT30_sp {
    margin-top: 30px !important;
  }
  .mT40_sp {
    margin-top: 40px !important;
  }
  .mT50_sp {
    margin-top: 50px !important;
  }
  .mT60_sp {
    margin-top: 60px !important;
  }
  .mT70_sp {
    margin-top: 70px !important;
  }
  .mT80_sp {
    margin-top: 80px !important;
  }
  .mL0_sp {
    margin-left: 0px !important;
  }
  .mL5_sp {
    margin-left: 5px !important;
  }
  .mL10_sp {
    margin-left: 10px !important;
  }
  .mL20_sp {
    margin-left: 20px !important;
  }
  .mL30_sp {
    margin-left: 30px !important;
  }
  .mL40_sp {
    margin-left: 40px !important;
  }
  .mL50_sp {
    margin-left: 50px !important;
  }
  .mR0_sp {
    margin-right: 0px !important;
  }
  .mR5_sp {
    margin-right: 5px !important;
  }
  .mR10_sp {
    margin-right: 10px !important;
  }
  .mR20_sp {
    margin-right: 20px !important;
  }
  .mR30_sp {
    margin-right: 30px !important;
  }
  .mR40_sp {
    margin-right: 40px !important;
  }
  .mR50_sp {
    margin-right: 50px !important;
  }
  .size12_sp {
    font-size: 12px !important;
  }
  .size13_sp {
    font-size: 13px !important;
  }
  .size14_sp {
    font-size: 14px !important;
  }
  .size15_sp {
    font-size: 15px !important;
  }
  .size16_sp {
    font-size: 16px !important;
  }
  .size17_sp {
    font-size: 17px !important;
  }
  .size18_sp {
    font-size: 18px !important;
  }
  .size19_sp {
    font-size: 19px !important;
  }
  .size20_sp {
    font-size: 20px !important;
  }
  .size22_sp {
    font-size: 22px !important;
  }
  .size24_sp {
    font-size: 24px !important;
  }
  .size28_sp {
    font-size: 28px !important;
  }
  .w50p_sp {
    width: 50% !important;
  }
  .underH2P {
    font-size: 14px;
    margin-top: 30px;
  }
  section.faq {
    margin-top: 40px;
  }
  section.faq + faq {
    margin-top: 80px;
  }
  .qaWrap {
    margin-top: 35px;
  }
  .qaWrap dl {
    border-radius: 10px;
    transition: all 0.3s;
  }
  .qaWrap dl + dl {
    margin-top: 30px;
  }
  .qaWrap dl dt {
    display: flex;
    border: 1px solid #000;
    border-radius: 3px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    overflow: hidden;
  }
  .qaWrap dl dt .iconQ {
    font-family: Arial, sans-serif;
    width: 35px;
    text-align: center;
    background-color: #e63d30;
    color: #fff;
    padding: 13px 0 11px;
    font-size: 16px;
  }
  .qaWrap dl dt button {
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #000;
    flex: 1;
    background-color: transparent;
    border: none;
    outline: none;
    text-align: left;
    padding: 12px 40px 12px 15px;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    font-weight: 500;
  }
  .qaWrap dl dt button:before, .qaWrap dl dt button:after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 24px;
    right: 20px;
    transition: all 0.2s ease;
  }
  .qaWrap dl dt button:after {
    transform: rotate(90deg);
  }
  .qaWrap dl dt button.isOpen:before {
    transform: rotate(48deg);
  }
  .qaWrap dl dt button.isOpen:after {
    transform: rotate(135deg);
  }
  .qaWrap dl dd {
    background-color: #fff;
    margin-top: -10px;
    position: relative;
    z-index: 1;
    transform: scale(1, 0);
    transition: transform 0.1s;
    border: 1px solid #000;
    border-radius: 0 0 3px 3px;
    transform-origin: left top;
    height: 0;
  }
  .qaWrap dl dd.show {
    transform: scale(1);
    height: auto;
    transition: transform 0.3s;
  }
  .qaWrap dl dd .iconA {
    font-family: Arial, sans-serif;
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #003349;
    color: #fff;
    padding: 24px 0;
    font-size: 16px;
    line-height: 1;
    border-radius: 0 0 0 3px;
  }
  .qaWrap dl dd span {
    display: block;
    width: calc(100% - 35px);
    padding: 20px 15px 15px 55px;
    font-size: 15px;
    width: 100%;
  }
  .qaWrap dl dd span a {
    color: #000;
    text-decoration: underline;
  }
  #interviewArchiveTitle h2 {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.3;
    background-image: url(../images/second/people/h2_underline.webp);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100px auto;
    padding-bottom: 10px;
  }
  #interviewArchiveTitle h2 span {
    font-size: 12px;
    font-weight: 700;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
  }
  #interviewArchiveTitle p {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 30px;
  }
  #filterArea {
    margin-top: 60px;
  }
  #filterArea h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
  }
  #filterArea h3:before, #filterArea h3:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #da3f30;
    border-radius: 50%;
  }
  #filterArea p {
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
  }
  #filterBtns {
    margin-top: 30px;
  }
  #filterBtns ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
  }
  #filterBtns ul li label {
    background-color: #feecea;
    border-radius: 60px;
    height: 40px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #100e0f;
  }
  #filterBtns ul li label.checked {
    background-color: #ffa0b9;
    position: relative;
  }
  #filterBtns ul li label.checked:after, #filterBtns ul li label.checked:before {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 15px;
    transition: all 0.3s;
  }
  #filterBtns ul li label.checked:before {
    transform: rotate(45deg);
  }
  #filterBtns ul li label.checked:after {
    transform: rotate(-45deg);
  }
  #filterBtns ul li label input {
    display: none;
  }
  #staffList {
    margin-top: 60px;
  }
  #staffList .item {
    box-shadow: 3px 3px 0 #ffa0b9;
  }
  #staffList .item + .item {
    margin-top: 15px;
  }
  #staffList .item a {
    display: block;
    position: relative;
  }
  #staffList .item a .img {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  #staffList .item a .img img {
    width: 100%;
    height: auto;
  }
  #staffList .item a .txt {
    position: absolute;
    width: 100%;
    height: 115px;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.85);
  }
  #staffList .item a .txt .svg {
    width: 257px;
  }
  #staffList .item a .txt .arrow {
    width: 40px;
    aspect-ratio: 1/1;
    background-color: #ff9fba;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    right: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
  }
  #staffList .item a .txt .arrow svg {
    aspect-ratio: 198/150;
    width: 45%;
    fill: #fff;
  }
  #staffList .item a .txt .name {
    font-size: 16px;
    padding: 0 15px;
    margin-top: 5px;
  }
  #staffList .item a .txt .job {
    font-size: 13px;
    padding: 0 15px;
  }
  #officetourRead h2 {
    font-size: 25px;
    font-weight: 500;
    background-image: url(../images/second/office/read_title.webp);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 180px auto;
    padding-bottom: 15px;
  }
  #officetourRead p {
    font-size: 15px;
    margin-top: 15px;
  }
  #officeTourMokuji {
    display: flex;
    max-width: 600px;
    margin-inline: auto;
    padding: 60px 20px 0;
    flex-wrap: wrap;
    gap: 30px;
  }
  #officeTourMokuji > li {
    overflow: hidden;
    width: 100%;
    border-radius: 3px;
  }
  #officeTourMokuji > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
    padding: 10px;
  }
  #officeTourMokuji > li > a.tokyo {
    background: url(../images/second/office/mokuji1_sp.png) no-repeat center/cover;
  }
  #officeTourMokuji > li > a.kansai {
    background: url(../images/second/office/mokuji2_sp.png) no-repeat center/cover;
  }
  #officeTourMokuji > li span {
    display: block;
    color: #fff;
    text-align: center;
  }
  #officeTourMokuji > li .en {
    font-weight: 700;
    font-size: 20px;
  }
  #officeTourMokuji > li .ja {
    font-weight: 500;
    font-size: 11px;
  }
  .officeTourTitle .img {
    width: 80vw;
    height: auto;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 5;
  }
  .officeTourTitle .img img {
    width: 100%;
    height: auto;
  }
  .officeTourTitle .txt {
    background-color: #fcecea;
    position: relative;
    z-index: 1;
    margin-top: -30vw;
    padding: calc(30vw + 40px) 5vw 50px;
  }
  .officeTourTitle .txt .txtInner h2 {
    font-size: 20px;
    font-weight: 500;
    background-image: url(../images/second/office/h2_underline.webp);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 180px auto;
    padding-bottom: 15px;
    line-height: 1;
  }
  .officeTourTitle .txt .txtInner h2 span {
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
  }
  .officeTourTitle .txt .txtInner p {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    margin-top: 15px;
  }
  .officeTourTitle .sml {
    padding-bottom: 0 !important;
    font-size: 16px !important;
    padding-top: 3px;
  }
  #abw {
    margin-top: 120px;
  }
  #abw .abwInner {
    width: 90%;
    margin: 0 auto 0;
  }
  #abw .abwInner h3 {
    font-size: 22px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    line-height: 1;
  }
  #abw .abwInner h3:before, #abw .abwInner h3:after {
    content: "";
    display: block;
    aspect-ratio: 18/4;
    width: 10px;
    border-radius: 2px;
    background-color: #e73d30;
  }
  #abw .abwInner p {
    font-size: 15px;
  }
  #abw .abwInner p.aboutABW {
    font-weight: 700;
    margin-top: 30px;
  }
  #abw .abwInner p.read {
    font-weight: 500;
    margin-top: 1em;
  }
  #abw .abwInner p.memo {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 30px;
  }
  #abw .abwInner .abwList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 30px 20px;
    margin-top: 36px;
  }
  #abw .abwInner .abwList .item .title {
    font-size: 16px;
    font-weight: 900;
  }
  #abw .abwInner .abwList .item h4 {
    font-size: 16px;
    font-weight: 700;
  }
  #abw .abwInner .abwList .item .icon {
    padding: 20px;
    margin-top: 5px;
  }
  #abw .abwInner .abwList .item p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 5px;
  }
  #abw .abwInner .abwList .item:nth-of-type(1) .title {
    color: #0a5c8b;
  }
  #abw .abwInner .abwList .item:nth-of-type(1) h4 {
    background-color: rgba(10, 92, 139, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(1) .icon {
    background-color: #0a5c8b;
  }
  #abw .abwInner .abwList .item:nth-of-type(2) .title {
    color: #4393c8;
  }
  #abw .abwInner .abwList .item:nth-of-type(2) h4 {
    background-color: rgba(67, 147, 200, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(2) .icon {
    background-color: #4393c8;
  }
  #abw .abwInner .abwList .item:nth-of-type(3) .title {
    color: #2d436e;
  }
  #abw .abwInner .abwList .item:nth-of-type(3) h4 {
    background-color: rgba(45, 67, 110, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(3) .icon {
    background-color: #2d436e;
  }
  #abw .abwInner .abwList .item:nth-of-type(4) .title {
    color: #e78a31;
  }
  #abw .abwInner .abwList .item:nth-of-type(4) h4 {
    background-color: rgba(231, 138, 49, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(4) .icon {
    background-color: #e78a31;
  }
  #abw .abwInner .abwList .item:nth-of-type(5) .title {
    color: #dfad42;
  }
  #abw .abwInner .abwList .item:nth-of-type(5) h4 {
    background-color: rgba(223, 173, 66, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(5) .icon {
    background-color: #dfad42;
  }
  #abw .abwInner .abwList .item:nth-of-type(6) .title {
    color: #7d1d28;
  }
  #abw .abwInner .abwList .item:nth-of-type(6) h4 {
    background-color: rgba(125, 29, 40, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(6) .icon {
    background-color: #7d1d28;
  }
  #abw .abwInner .abwList .item:nth-of-type(7) .title {
    color: #c73a22;
  }
  #abw .abwInner .abwList .item:nth-of-type(7) h4 {
    background-color: rgba(199, 58, 34, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(7) .icon {
    background-color: #c73a22;
  }
  #abw .abwInner .abwList .item:nth-of-type(8) .title {
    color: #e2756e;
  }
  #abw .abwInner .abwList .item:nth-of-type(8) h4 {
    background-color: rgba(226, 117, 110, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(8) .icon {
    background-color: #e2756e;
  }
  #abw .abwInner .abwList .item:nth-of-type(9) .title {
    color: #0e8c59;
  }
  #abw .abwInner .abwList .item:nth-of-type(9) h4 {
    background-color: rgba(14, 140, 89, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(9) .icon {
    background-color: #0e8c59;
  }
  #abw .abwInner .abwList .item:nth-of-type(10) .title {
    color: #898989;
  }
  #abw .abwInner .abwList .item:nth-of-type(10) h4 {
    background-color: rgba(137, 137, 137, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(10) .icon {
    background-color: #898989;
  }
  .officeTourSlide {
    margin-top: 120px;
  }
  .officeTourSlide .inner {
    width: 100%;
    max-width: none;
    padding: 0;
  }
  .officeTourSlide .inner h3 {
    font-size: 20px;
    font-weight: 500;
    padding-left: 1.3em;
    background-image: url(../images/second/office/h3icon.webp);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: 0 8px;
    width: 90%;
    margin: 0 auto;
  }
  .officeTourSlide .inner h3 span {
    font-size: 14px;
  }
  .officeTourSlide .inner p {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    width: 90%;
    margin: 30px auto 0;
  }
  .officeTourSlide .inner p br {
    display: none;
  }
  .officeTourSlide .inner .slideBody {
    margin-top: 30px;
  }
  .officeTourSlide .inner .slideBody .slick-slide {
    position: relative;
  }
  .officeTourSlide .inner .slideBody .slick-slide .label {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .officeTourSlide .inner .slideBody .slick-slide .label img {
    width: auto;
    height: 25px;
  }
  .officeTourSlide .inner .slideBody .slick-arrow {
    background-image: url(../images/second/office/slide_arrow.webp);
    width: 35px;
    height: 34px;
    position: absolute;
    top: calc(50% - 17px);
    z-index: 990;
    outline: none;
    background-color: transparent;
    box-shadow: none;
    color: transparent;
    border: none;
    font-size: 0;
  }
  .officeTourSlide .inner .slideBody .slick-arrow.slick-next {
    right: 30px;
    transform: scale(-1, 1);
  }
  .officeTourSlide .inner .slideBody .slick-arrow.slick-prev {
    left: 30px;
  }
  .officeTourSlide .inner .slideBody .slick-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 25px;
  }
  .officeTourSlide .inner .slideBody .slick-dots li {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  .officeTourSlide .inner .slideBody .slick-dots li button {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    outline: none;
    border: none;
    font-size: 0;
    color: transparent;
    background-color: #fff;
  }
  .officeTourSlide .inner .slideBody .slick-dots li.slick-active button {
    background-color: #e63d30;
  }
  #officeTourMovie {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
  }
  #officeTourMovie .inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #f4f4f4;
    padding: 30px 5vw;
  }
  #officeTourMovie .inner h3 {
    font-size: 20px;
    font-weight: 500;
    padding-left: 1.3em;
    background-image: url(../images/second/office/h3icon.webp);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: 0 8px;
    width: 90%;
    margin: 0 auto;
  }
  #officeTourMovie .inner .youtubeLink {
    display: block;
    margin-top: 30px;
  }
  #officeTourMovie .tsuzuki {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 140px;
  }
  #officeTourMovie .tsuzuki .txt {
    max-width: 264px;
    width: 80%;
  }
  #officeTourMovie .tsuzuki .txt img {
    width: 100%;
    height: auto;
  }
  #officeTourMovie .tsuzuki .tsuzukiBtn {
    aspect-ratio: 4/1;
    max-width: 400px;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    background-color: #e63d30;
    margin-top: 15px;
    border-radius: 10px;
  }
  #officeTourMovie .tsuzuki .tsuzukiBtn .en {
    font-size: 18px;
    font-weight: 700;
  }
  #officeTourMovie .tsuzuki .tsuzukiBtn .ja {
    font-size: 16px;
  }
  #officeTourMovie .youtube {
    margin-top: 15px;
  }
  #officeTourMovie .youtube iframe {
    width: 100%;
    aspect-ratio: 335/190;
  }
  article#tokyoOffice {
    margin-top: 100px;
  }
  article#tokyoOffice h2 {
    background-size: 195px;
  }
  article#kansaiOffice {
    margin-top: 100px;
  }
  .lpCareer {
    font-weight: 500;
  }
  #crJob {
    padding-top: 85px;
  }
  #crJob h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crJob .desc {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 25px;
  }
  #crJob .btnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  #crAbout {
    padding-top: 100px;
  }
  #crAbout h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 103px auto;
  }
  #crAbout .desc {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 25px;
  }
  #crAbout .googleSlide {
    width: 100%;
  }
  #crAbout .googleSlide iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 300/195;
    margin-top: 18px;
  }
  #crLinks {
    padding-top: 15px;
  }
  #crLinks ul.solCasList li {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-block: 56px 50px;
    padding-inline: 17px;
  }
  #crLinks ul.solCasList li:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    width: calc(100% + 40px);
    left: -20px;
  }
  #crLinks ul.solCasList li:nth-child(1):before {
    background-color: #e6ebee;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  #crLinks ul.solCasList li:nth-child(1) h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 103px auto;
  }
  #crLinks ul.solCasList li:nth-child(2):before {
    background-color: rgba(249, 138, 132, 0.12);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #crLinks ul.solCasList li:nth-child(2) h2.title.faqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 132px auto;
  }
  #crLinks ul.solCasList li p.title {
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
  }
  #crLinks ul.solCasList li p.title + p.desc {
    margin-top: 35px;
  }
  #crLinks ul.solCasList li .btn {
    margin-top: 16px;
  }
  #crLinks ul.solCasList li .btn .shiruBtn {
    display: flex;
    align-items: center;
    width: 300px;
    height: 60px;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 60px;
    padding-block: 4px;
    padding-inline: 26px 4px;
    margin: 0 auto;
    background-color: #fff;
  }
  #crLinks ul.solCasList li .btn .shiruBtn .t {
    font-size: 15px;
    flex: 1;
  }
  #crLinks ul.solCasList li .btn .shiruBtn .i {
    border-radius: 50%;
    background: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 125%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
  }
  #crLinks ul.solCasList li .btn .shiruBtn .i svg {
    aspect-ratio: 18/14;
    width: 20px;
    fill: #fff;
  }
  /* _second3.scssに移動
  #crVoices {
    @if $type==sp {
      padding-block: 100px 75px;
    }

    @if $type==pc {
      padding-block: 280px 200px;
    }

    h2.title.reqH2 {
      text-align: center;
      background-position: center bottom;

      @if $type==sp {
        background-size: 100px auto;
      }

      @if $type==pc {
        background-size: 166px auto;
      }
    }

    .desc {
      text-align: center;
      font-weight: 500;

      @if $type==sp {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 25px;
      }

      @if $type==pc {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 45px;
      }
    }
  }
  */
  #crBenefits {
    position: relative;
    z-index: 2;
    padding-block: 50px 75px;
  }
  #crBenefits:before {
    content: "";
    position: absolute;
    background: #f1f1f1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  #crBenefits h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crBenefits .desc {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 25px;
  }
  #crBenefits h3.title.slash {
    font-weight: 700;
    margin-top: 60px;
  }
  #crBenefits h3.title.slash span {
    color: #003349;
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    display: block;
  }
  #crBenefits .ebList {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  #crBenefits .ebList li {
    background: #fff;
    border-radius: 5px;
    width: 100%;
  }
  #crBenefits .ebList li img {
    width: 100%;
    height: auto;
  }
  #crFaq {
    margin-top: 0 !important;
    padding-top: 70px;
  }
  #crFaq h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crFaq .desc {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
  }
  #crFaq .faq {
    margin-top: 40px;
  }
  #crFaq .faq h3.title.slash {
    color: #003349;
  }
  #crFaq .qaWrap {
    margin-top: 23px !important;
  }
  .lpDiversityCareer {
    font-weight: 500;
    padding-bottom: 65px !important;
  }
  .lpDiversityCareer .pageRequirement.ds h2.title.rcH2 {
    background-size: 264px auto;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #003349;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div:first-of-type {
    border-top: 2px solid #003349;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div:last-of-type {
    border-bottom: 2px solid #003349;
  }
  #dsApply {
    padding-block: 75px 0;
    padding-inline: 20px;
  }
  #dsApply p.leadText {
    line-height: 2;
    margin-top: 25px;
  }
  #dsApply .colorBox {
    background: #e5ebed;
    display: grid;
    place-content: center;
    margin-top: 18px;
    padding-block: 28px;
    padding-inline: 28px;
  }
  #dsApply .colorBox ol li {
    line-height: 2;
    font-size: 16px;
  }
  #dsApply .colorBox + p.annotation {
    margin-top: 25px;
  }
  #dsApply p.annotation {
    position: relative;
    padding-left: 15px;
  }
  #dsApply p.annotation:before {
    content: "※";
    position: absolute;
    color: #000;
    left: 0;
  }
  #dsApply .btnWrap {
    margin-top: 70px;
  }
  #dsApply .btnWrap .lpBtn {
    margin-inline: auto;
    width: 300px;
  }
  .backBtn {
    margin-top: 100px;
  }
  .backBtn .shiruBtn {
    margin-inline: auto;
    display: flex;
    align-items: center;
    width: 300px;
    height: 60px;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 60px;
    padding-block: 4px;
    padding-inline: 26px 4px;
    margin: 0 auto;
    background-color: #fff;
  }
  .backBtn .shiruBtn .t {
    font-size: 15px;
    flex: 1;
  }
  .backBtn .shiruBtn .i {
    border-radius: 50%;
    background: #003349;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
  }
  .backBtn .shiruBtn .i svg {
    aspect-ratio: 18/14;
    width: 20px;
    fill: #fff;
  }
  #crVoices {
    padding-block: 100px 75px;
  }
  #crVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 100px auto;
  }
  #crVoices .desc {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 25px;
  }
  #crVoices #slideWrap #selecter {
    display: none;
  }
  #crVoices #slideWrap #slideBody {
    position: relative;
    margin-top: 45px;
  }
  #crVoices #slideWrap #slideBody .slick-arrow {
    background-image: url(../images/second/sp_slide_arrow.webp);
    background-size: 100% auto;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 15px;
    border: none;
    outline: none;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    cursor: pointer;
    z-index: 899;
  }
  #crVoices #slideWrap #slideBody .slick-arrow.slick-prev {
    left: -8px;
    transform: scale(-1, 1);
  }
  #crVoices #slideWrap #slideBody .slick-arrow.slick-next {
    right: -4px;
  }
  #dsVoices {
    background-color: #f0f0f0;
    margin: 45px calc((100vw - 100%) * -1 / 2) 0;
    padding: 40px 0;
    width: 100vw;
  }
  #dsVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 100px auto;
  }
  #dsVoices .desc {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 25px;
  }
  #dsVoices #slideWrap {
    width: 90%;
    margin: 0 auto;
  }
  #dsVoices #slideWrap #selecter {
    margin: 40px auto 0;
  }
  #dsVoices #slideWrap #selecter li {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  #dsVoices #slideWrap #selecter li + li {
    margin-top: 10px;
  }
  #dsVoices #slideWrap #selecter .selectBtn {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    border: none;
    outline: none;
    background-color: #fff;
    border-radius: 0px;
    cursor: pointer;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    color: #333;
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  #dsVoices #slideWrap #selecter .selectBtn.active {
    background-color: #FBE2E0;
  }
  #dsVoices #slideWrap #selecter .selectBtn span {
    display: block;
    font-size: 20px;
    letter-spacing: 0.05em;
    background-image: url(../images/second/slide_btn_bg.webp);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: right 50%;
    width: 2.5em;
    text-align: left;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
  }
  #dsVoices #slideWrap #slideBody {
    position: relative;
    margin-top: 45px;
  }
  #dsVoices #slideWrap #slideBody .slick-arrow {
    background-image: url(../images/second/sp_slide_arrow.webp);
    background-size: 100% auto;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 15px;
    border: none;
    outline: none;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    cursor: pointer;
    z-index: 899;
  }
  #dsVoices #slideWrap #slideBody .slick-arrow.slick-prev {
    left: -8px;
    transform: scale(-1, 1);
  }
  #dsVoices #slideWrap #slideBody .slick-arrow.slick-next {
    right: -4px;
  }
}
@media print, screen and (min-width: 769px) {
  .archiveInternship .archiveArea {
    margin-top: 130px;
  }
  .archiveInternship .archiveArea .internshipList {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
  .archiveInternship .archiveArea .internshipList li {
    position: relative;
    width: 100%;
  }
  .archiveInternship .archiveArea .internshipList .txtBox {
    background-color: #fff;
    margin-left: 2%;
    padding: 50px 5% 30px 53%;
    min-height: 400px;
  }
  .archiveInternship .archiveArea .internshipList .event {
    color: #e63d30;
    font-weight: 700;
    text-align: start;
    font-size: 30px;
  }
  .archiveInternship .archiveArea .internshipList .course {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
    font-size: 34px;
  }
  .archiveInternship .archiveArea .internshipList .desc {
    font-weight: 500;
    line-height: 1.62;
    margin-top: 20px;
  }
  .archiveInternship .archiveArea .internshipList .desc + .btnWrap {
    margin-top: 50px;
  }
  .archiveInternship .archiveArea .internshipList .thumbnailBox {
    position: absolute;
    top: -20px;
    left: 0;
    width: 50%;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail {
    overflow: hidden;
    aspect-ratio: 500/350;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .archiveInternship .archiveArea .internshipList .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
    padding: 5px 15px;
  }
  .archiveInternship .pastArchiveArea {
    margin-top: 250px;
  }
  .archiveInternship .pastArchiveArea .title {
    line-height: 1;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #003349;
    border-radius: 100svh;
    font-size: 30px;
    padding: 15px;
  }
  .archiveInternship .pastArchiveArea .pastList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    gap: 48px;
  }
  .archiveInternship .pastArchiveArea .pastList li {
    width: calc(33.3333333333% - 32px);
  }
  .archiveInternship .pastArchiveArea .pastList li a {
    transition: 0.3s;
  }
  .archiveInternship .pastArchiveArea .pastList li a:hover img {
    opacity: 0.7;
  }
  .archiveInternship .pastArchiveArea .pastList li .thumbnail img {
    transition: 0.3s;
  }
  .archiveInternship .pastArchiveArea .pastList li .end {
    color: #e63d30;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
  }
  .archiveInternship .pastArchiveArea .pastList li .type {
    color: #003349;
    line-height: 1.4;
    font-weight: 500;
    font-size: 20px;
    margin-top: 14px;
  }
  .archiveInternship .pastArchiveArea .pastList li .event {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
    font-size: 25px;
  }
  .customInternship .thumbnailArea {
    position: relative;
  }
  .customInternship .thumbnailArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
    height: 450px;
    top: -50px;
  }
  .customInternship .thumbnailArea .wrap {
    position: relative;
    z-index: 10;
  }
  .customInternship .thumbnailArea .thumbnail {
    overflow: hidden;
  }
  .customInternship .thumbnailArea .thumbnail img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1000/470;
  }
  .customInternship .thumbnailArea .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
    padding: 5px 15px;
  }
  .customInternship .introArea {
    margin-top: 40px;
  }
  .customInternship .introArea .event {
    color: #e63d30;
    font-weight: 700;
    line-height: 1;
    font-size: 30px;
  }
  .customInternship .introArea .course {
    font-weight: 700;
    line-height: 1.2;
    text-align: start;
    margin-top: 18px;
    font-size: 30px;
  }
  .customInternship .introArea .desc {
    line-height: 1.62;
    margin-top: 20px;
  }
  .customInternship .detailsArea {
    margin-top: 35px;
  }
  .customInternship .detailsArea .details {
    background-color: #fff;
    padding: 40px 5%;
  }
  .customInternship .detailsArea .details > div {
    display: flex;
    gap: 40px;
  }
  .customInternship .detailsArea .details > div:not(:first-of-type) {
    margin-top: 40px;
  }
  .customInternship .detailsArea .details .title > p {
    position: relative;
    font-weight: 500;
    width: 160px;
    padding-left: 35px;
    font-size: 25px;
    line-height: 1.6;
  }
  .customInternship .detailsArea .details .title > p::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
    top: 8px;
    width: 27px;
    height: 23px;
  }
  .customInternship .detailsArea .details .txt {
    width: calc(100% - 200px);
  }
  .customInternship .detailsArea .details .txt > p {
    font-weight: 500;
    font-size: 25px;
    line-height: 1.6;
  }
  .customInternship .detailsArea .details .txt > p.note {
    font-size: 20px;
  }
  .customInternship .overviewArea,
  .customInternship .requirementsArea {
    background-color: #fff;
    margin-top: 30px;
    padding: 40px 5%;
  }
  .customInternship .overviewArea .mainTitle,
  .customInternship .requirementsArea .mainTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    font-size: 25px;
  }
  .customInternship .overviewArea .mainTitle::after,
  .customInternship .requirementsArea .mainTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/second/pc_underline_intern02.svg) no-repeat center/100%;
    width: 166px;
    height: 14px;
    bottom: -20px;
  }
  .customInternship .overviewArea .overview,
  .customInternship .overviewArea .requirements,
  .customInternship .requirementsArea .overview,
  .customInternship .requirementsArea .requirements {
    margin-top: 55px;
  }
  .customInternship .overviewArea .overview > div,
  .customInternship .overviewArea .requirements > div,
  .customInternship .requirementsArea .overview > div,
  .customInternship .requirementsArea .requirements > div {
    display: flex;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #2ebcef;
  }
  .customInternship .overviewArea .overview > div:not(:first-of-type),
  .customInternship .overviewArea .requirements > div:not(:first-of-type),
  .customInternship .requirementsArea .overview > div:not(:first-of-type),
  .customInternship .requirementsArea .requirements > div:not(:first-of-type) {
    padding: 40px 0;
  }
  .customInternship .overviewArea .overview .title > p,
  .customInternship .overviewArea .requirements .title > p,
  .customInternship .requirementsArea .overview .title > p,
  .customInternship .requirementsArea .requirements .title > p {
    position: relative;
    font-weight: 500;
    color: #fff;
    background-color: #e63d30;
    line-height: 1;
    width: 190px;
    font-size: 15px;
    padding: 4.7px 12px 5.3px;
  }
  .customInternship .overviewArea .overview .txt,
  .customInternship .overviewArea .requirements .txt,
  .customInternship .requirementsArea .overview .txt,
  .customInternship .requirementsArea .requirements .txt {
    width: calc(100% - 200px);
  }
  .customInternship .overviewArea .overview .txt > p,
  .customInternship .overviewArea .requirements .txt > p,
  .customInternship .requirementsArea .overview .txt > p,
  .customInternship .requirementsArea .requirements .txt > p {
    line-height: 1.62;
  }
  .customInternship .overviewArea .overview .txt > p + p,
  .customInternship .overviewArea .requirements .txt > p + p,
  .customInternship .requirementsArea .overview .txt > p + p,
  .customInternship .requirementsArea .requirements .txt > p + p {
    margin-top: 30px;
  }
  .customInternship .overviewArea .overview .txt ul,
  .customInternship .overviewArea .requirements .txt ul,
  .customInternship .requirementsArea .overview .txt ul,
  .customInternship .requirementsArea .requirements .txt ul {
    margin: 30px 0;
  }
  .customInternship .overviewArea .overview .txt ul > li,
  .customInternship .overviewArea .requirements .txt ul > li,
  .customInternship .requirementsArea .overview .txt ul > li,
  .customInternship .requirementsArea .requirements .txt ul > li {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #003349;
    padding: 10px;
  }
  .customInternship .overviewArea .overview .txt ul > li:last-child,
  .customInternship .overviewArea .requirements .txt ul > li:last-child,
  .customInternship .requirementsArea .overview .txt ul > li:last-child,
  .customInternship .requirementsArea .requirements .txt ul > li:last-child {
    background-color: #e63d30;
  }
  .customInternship .overviewArea .overview .txt ul > li:not(:first-child),
  .customInternship .overviewArea .requirements .txt ul > li:not(:first-child),
  .customInternship .requirementsArea .overview .txt ul > li:not(:first-child),
  .customInternship .requirementsArea .requirements .txt ul > li:not(:first-child) {
    margin-top: 30px;
  }
  .customInternship .overviewArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .overviewArea .requirements .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .requirements .txt ul > li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom: 0;
    top: -20px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #2ebcef;
  }
  .customInternship .overviewArea .flowChart,
  .customInternship .requirementsArea .flowChart {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    gap: 8.95%;
  }
  .customInternship .overviewArea .flowChart li,
  .customInternship .requirementsArea .flowChart li {
    position: relative;
    width: 18.3%;
  }
  .customInternship .overviewArea .flowChart li:not(:last-child)::after,
  .customInternship .requirementsArea .flowChart li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    top: 50%;
    transform: translateY(-50%);
    right: -29%;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #2ebcef;
    border-right: 0;
  }
  .customInternship .voiceArea {
    margin-top: 295px;
  }
  .customInternship .voiceArea .mainTitle img {
    display: block;
    margin-inline: auto;
    width: 185px;
  }
  .customInternship .voiceArea .voiceList {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 4%;
    margin-top: 40px;
  }
  .customInternship .voiceArea .voiceList li {
    background-color: #fff;
    display: flex;
    border: 2px solid #003349;
    width: 48%;
    border-radius: 6px;
    padding: 25px 4% 25px 2.5%;
    gap: 8px;
  }
  .customInternship .voiceArea .voiceList .icon {
    width: 80px;
  }
  .customInternship .voiceArea .voiceList .txt {
    width: calc(100% - 88px);
    line-height: 1.62;
  }
  .pageRequirement .greyCont {
    background-color: #f4f4f4;
    padding: 85px 70px 70px;
  }
  .pageRequirement .greyCont.obverse {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    border-radius: 5px 0 0 5px;
  }
  .pageRequirement .greyCont.reverse {
    position: relative;
    border-radius: 0 5px 5px 0;
  }
  .pageRequirement .greyCont.reverse::before {
    content: "";
    display: block;
    background-color: #f4f4f4;
    width: 50%;
    height: 100%;
    margin-left: calc(50% - 50vw);
    position: absolute;
    top: 0;
    left: 0;
  }
  .pageRequirement .greyCont:has(.tab) {
    padding: 160px 70px 150px;
  }
  .pageRequirement .whtCont {
    background-color: #fff;
    padding: 85px 7% 70px;
    border-radius: 5px 0 0 5px;
  }
  .pageRequirement #person {
    margin-top: 100px;
  }
  .pageRequirement #person .catch {
    position: relative;
    background-color: #fff;
    color: #e63d30;
    font-weight: 700;
    border-radius: 0 5px 5px 0;
    padding: 30px 30px 30px 70px;
    max-width: 680px;
    margin-top: 60px;
    font-size: 24px;
    line-height: 1.66;
    z-index: 10;
    margin-left: -70px;
  }
  .pageRequirement #person .desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.66;
    margin-top: 50px;
  }
  .pageRequirement #mission {
    margin-top: 110px;
  }
  .pageRequirement #mission .copyImg {
    border-bottom: 1px solid #000;
    width: 540px;
    margin-top: 70px;
    padding-bottom: 50px;
  }
  .pageRequirement #mission .desc {
    font-weight: 500;
    margin-top: 40px;
    font-size: 18px;
    line-height: 1.66;
  }
  .pageRequirement #requirement {
    margin-top: 100px;
  }
  .pageRequirement #requirement h3.title.slash {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tab {
    position: relative;
    z-index: 10;
    margin-top: 65px;
  }
  .pageRequirement #requirement .tablist {
    display: flex;
    justify-content: center;
    gap: 30px;
    border-bottom: solid 3px #003349;
  }
  .pageRequirement #requirement .tablist button {
    display: block;
    border: none;
    color: #fff;
    font-weight: 700;
    text-align: left;
    width: 320px;
    font-size: 20px;
    padding: 15px 45px;
    border-radius: 5px 5px 0 0;
    transition: opacity 0.3s;
  }
  .pageRequirement #requirement .tablist button:hover {
    opacity: 0.8;
  }
  .pageRequirement #requirement #tabA {
    background: #003349 url(../images/common/icon_triangle.svg) no-repeat;
    background-position: right 45px top 25px;
    background-size: 15px 12px;
  }
  .pageRequirement #requirement #tabA[role=tab][aria-selected=false] {
    background: #003349;
  }
  .pageRequirement #requirement #tabB {
    background: #e63d30 url(../images/common/icon_triangle.svg) no-repeat;
    background-position: right 45px top 25px;
    background-size: 15px 12px;
  }
  .pageRequirement #requirement #tabB[role=tab][aria-selected=false] {
    background: #e63d30;
  }
  .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #2ebcef;
    display: flex;
    gap: 40px;
    padding: 60px 0;
  }
  .pageRequirement #requirement .tabContent dt {
    width: 100px;
  }
  .pageRequirement #requirement .tabContent dt > p {
    color: #fff;
    text-align: center;
    font-weight: 500;
    width: 100px;
    padding: 2px;
  }
  .pageRequirement #requirement .tabContent dd {
    width: calc(100% - 140px);
  }
  .pageRequirement #requirement .tabContent dd > p {
    line-height: 1.66;
  }
  .pageRequirement #requirement .tabContent dd .sq {
    display: inline-block;
    margin-right: 5px;
  }
  .pageRequirement #requirement #panelA .tabContent dt > p {
    background-color: #003349;
  }
  .pageRequirement #requirement #panelA .tabContent .sq {
    color: #003349;
  }
  .pageRequirement #requirement #panelB .tabContent dt > p {
    background-color: #e63d30;
  }
  .pageRequirement #requirement #panelB .tabContent .sq {
    color: #e63d30;
  }
  .pageRequirement #flow {
    margin-top: 150px;
    padding-left: 70px;
  }
  .pageRequirement #flow .note {
    font-weight: 500;
    margin-top: 30px;
  }
  .flowList {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 3.6%;
  }
  .flowList li {
    position: relative;
    width: 13.6666666667%;
  }
  .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    top: 50%;
    transform: translateY(-50%);
    right: -19%;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #2ebcef;
    border-right: 0;
  }
  .interview .mainArea {
    position: relative;
  }
  .interview .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
    height: 450px;
    top: 0;
  }
  .interview .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .interview .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1000/550;
  }
  .interview .mainArea .catch {
    font-weight: 500;
    font-size: 40px;
    line-height: 1.37;
    margin-top: 45px;
  }
  .interview .mainArea .desc {
    font-size: 18px;
    line-height: 1.55;
    margin-top: 10px;
  }
  .interview .interviewArea {
    position: relative;
    margin-top: 50px;
    padding: 0 5% 40px;
  }
  .interview .interviewArea::after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 100px);
  }
  .interview .interviewArea .person {
    position: relative;
    z-index: 10;
    max-width: 750px;
    margin-inline: auto;
  }
  .interview .interviewArea .personImg {
    position: relative;
  }
  .interview .interviewArea .personImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .interview .interviewArea .personImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .personImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 750/450;
  }
  .interview .interviewArea .name {
    display: flex;
    align-items: end;
    gap: 20px;
    margin-top: 25px;
  }
  .interview .interviewArea .jp {
    position: relative;
    font-weight: 500;
    line-height: 1;
    font-size: 25px;
    padding-left: 36px;
  }
  .interview .interviewArea .jp::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
    width: 27px;
    height: 23px;
    top: 0;
  }
  .interview .interviewArea .roma {
    font-weight: 500;
    line-height: 1;
    font-size: 18px;
  }
  .interview .interviewArea .wrap {
    margin-top: 15px;
    padding-left: 36px;
  }
  .interview .interviewArea .position {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
  }
  .interview .interviewArea .desc {
    line-height: 1.62;
    margin-top: 25px;
  }
  .interview .interviewArea .qaArea {
    position: relative;
    z-index: 10;
    margin-top: 120px;
  }
  .interview .interviewArea .qaArea + .qaArea {
    margin-top: 95px;
  }
  .interview .interviewArea .number {
    text-align: center;
    font-weight: 500;
    line-height: 1;
    font-size: 24px;
  }
  .interview .interviewArea h3.question {
    position: relative;
    text-align: center;
    font-weight: 500;
    margin-top: 5px;
    font-size: 24px;
  }
  .interview .interviewArea h3.question::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/second/pc_underline_intern02.svg) no-repeat center/100%;
    bottom: -25px;
    width: 166px;
    height: 15px;
  }
  .interview .interviewArea .answer {
    margin-top: 75px;
    line-height: 1.62;
  }
  .interview .interviewArea .qaImg {
    position: relative;
    max-width: 750px;
    margin: 80px auto 0;
  }
  .interview .interviewArea .qaImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .interview .interviewArea .qaImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .qaImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 750/450;
  }
  .interview .interviewArea .autoWrapper {
    text-align: center;
  }
  .interview .interviewArea .autoWrapper .qaImg {
    max-width: inherit;
    display: inline-block;
  }
  .interview .interviewArea .autoWrapper .qaImg img {
    display: inline-block;
    aspect-ratio: auto;
  }
  .interview .interviewArea .note {
    position: relative;
    z-index: 10;
    line-height: 1;
    font-size: 12px;
    margin-top: 70px;
  }
  .interview .interviewArea + .btnWrap {
    margin-top: 100px;
  }
  .projectArchive .desc {
    font-size: 18px;
    line-height: 1.66;
    font-weight: 700;
    margin-top: 30px;
  }
  .projectArchive .projectList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 90px;
    gap: 105px 5.7%;
  }
  .projectArchive .projectList li {
    width: 47.15%;
  }
  .projectArchive .projectList li a:hover .thumbnail img {
    transform: scale(1.05);
  }
  .projectArchive .projectList li a:hover .projectName {
    color: #e63d30;
  }
  .projectArchive .projectList .thumbnail {
    position: relative;
  }
  .projectArchive .projectList .thumbnail::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .projectArchive .projectList .thumbnail .thumbInner {
    overflow: hidden;
  }
  .projectArchive .projectList .thumbnail img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 470/280;
    transition: 0.3s;
  }
  .projectArchive .projectList .catch {
    font-weight: 500;
    margin-top: 25px;
    font-size: 26px;
    line-height: 1.46;
  }
  .projectArchive .projectList .projectName {
    position: relative;
    font-weight: 700;
    font-size: 17px;
    margin-top: 15px;
    padding-left: 23px;
    transition: 0.3s;
  }
  .projectArchive .projectList .projectName::before {
    content: "";
    display: block;
    background: url(../images/second/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
    top: 8px;
    width: 16px;
    height: 12px;
  }
  .projectDetails .mainArea {
    position: relative;
  }
  .projectDetails .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
    height: 450px;
    top: -50px;
  }
  .projectDetails .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .projectDetails .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1000/550;
  }
  .projectDetails .mainArea .catch {
    font-weight: 500;
    font-size: 40px;
    line-height: 1.37;
    margin-top: 45px;
  }
  .projectDetails h2.title.slash {
    margin-top: 45px;
  }
  .projectDetails .whtBox {
    background-color: #fff;
    margin-top: 30px;
    padding: 45px 5% 100px;
  }
  .projectDetails .intro {
    line-height: 1.62;
  }
  .projectDetails .memberList {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    gap: 6%;
  }
  .projectDetails .memberList li {
    width: 29.3333333333%;
  }
  .projectDetails .memberList .img {
    position: relative;
  }
  .projectDetails .memberList .img::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .projectDetails .memberList .img .imgInner {
    overflow: hidden;
  }
  .projectDetails .memberList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 264/180;
  }
  .projectDetails .memberList .name {
    font-weight: 500;
    line-height: 1;
    font-size: 18px;
    margin-top: 20px;
  }
  .projectDetails .memberList .charge {
    line-height: 1.53;
    margin-top: 10px;
    font-size: 13px;
  }
  .projectDetails .memberList .desc {
    font-size: 13px;
    line-height: 1.53;
    margin-top: 20px;
  }
  .projectDetails .note {
    line-height: 1;
    margin-top: 45px;
    font-size: 12px;
  }
  .projectDetails .prSection:first-of-type {
    margin-top: 50px;
    padding-top: 75px;
    border-top: 3px solid #f0f0f0;
  }
  .projectDetails .prSection + .prSection {
    margin-top: 95px;
  }
  .projectDetails .prSection + .btnWrap {
    margin-top: 100px;
  }
  .projectDetails h3.prTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
    margin-top: 5px;
    font-size: 24px;
  }
  .projectDetails h3.prTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/second/pc_underline_intern02.svg) no-repeat center/100%;
    bottom: -25px;
    width: 166px;
    height: 15px;
  }
  .projectDetails .txt {
    margin-top: 75px;
    line-height: 1.62;
  }
  .projectDetails .prImg {
    position: relative;
    max-width: 750px;
    margin: 80px auto 0;
  }
  .projectDetails .prImg::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .projectDetails .prImg .imgInner {
    overflow: hidden;
  }
  .projectDetails .prImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .prImg + .prImg {
    margin-top: 70px;
  }
  .projectDetails .expBox {
    max-width: 750px;
    margin: 20px auto 0;
  }
  .projectDetails .expBox p {
    line-height: 1.875;
  }
  .projectDetails .expBox a.blank {
    position: relative;
    font-weight: 700;
    padding-right: 15px;
  }
  .projectDetails .expBox a.blank:hover {
    text-decoration: underline;
  }
  .projectDetails .expBox a.blank::after {
    content: "";
    display: block;
    background: url(../images/common/icon_blank.svg) no-repeat center/100%;
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 12px;
  }
  .projectDetails .expBox + .btnWrap {
    margin-top: 100px;
  }
  .fresh #cross .desc {
    margin-top: 25px;
    line-height: 1.8;
    font-size: 18px;
  }
  .fresh #cross .crossTolkList {
    margin-top: 90px;
  }
  .fresh #cross .crossTolkList li:last-child {
    margin-top: 50px;
  }
  .fresh #cross .crossTolkList .wrap {
    display: flex;
    width: 100%;
    gap: 5%;
  }
  .fresh #cross .crossTolkList .img {
    position: relative;
    width: 46%;
  }
  .fresh #cross .crossTolkList .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .fresh #cross .crossTolkList .img .imgInner {
    overflow: hidden;
  }
  .fresh #cross .crossTolkList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 460/260;
  }
  .fresh #cross .crossTolkList .cont {
    width: 49%;
  }
  .fresh #cross .crossTolkList h3.title.slash {
    white-space: nowrap;
    font-size: 30px;
  }
  .fresh #cross .crossTolkList .desc {
    font-size: 18px;
    line-height: 1.66;
    margin-top: 20px;
  }
  .fresh #cross .crossTolkList .btnWrap {
    margin-top: 40px;
  }
  .fresh #survey {
    margin-top: 215px;
  }
  .fresh #survey .desc {
    margin-top: 25px;
    font-size: 18px;
  }
  .fresh #survey .survey {
    display: flex;
    flex-wrap: wrap;
    margin-top: 95px;
    gap: 20px;
  }
  .fresh #survey .survey .img {
    width: 100%;
  }
  .crosstolk .titleArea .subTitle {
    color: #000;
  }
  .crosstolk .titleArea .desc {
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.8;
  }
  .crosstolk .titleArea .mainImg {
    overflow: hidden;
    width: calc(100% + 520px);
    margin-left: -260px;
    margin-top: 95px;
  }
  .crosstolk .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1520/800;
  }
  .crosstolk .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
    margin: 200px calc(50% - 50vw) 0;
    padding: 50px 0;
  }
  .crosstolk .memberArea .memberInner {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
  }
  .crosstolk .memberArea .memberTitle img {
    margin-inline: auto;
    width: 124px;
  }
  .crosstolk .memberArea .participantsList {
    display: flex;
    margin-top: 25px;
    gap: 3.5%;
  }
  .crosstolk .memberArea .participantsList li {
    width: 22.4%;
  }
  .crosstolk .memberArea .person {
    position: relative;
  }
  .crosstolk .memberArea .person::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .crosstolk .memberArea .person .imgInner {
    overflow: hidden;
  }
  .crosstolk .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 224/167;
  }
  .crosstolk .memberArea .person .tag {
    position: absolute;
    z-index: 10;
    display: inline-block;
    background-color: #ffa0b9;
    color: #fff;
    line-height: 1;
    right: -3px;
    bottom: -3px;
    font-size: 12px;
    padding: 3px 8px;
  }
  .crosstolk .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
    gap: 10px;
  }
  .crosstolk .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .crosstolk .memberArea .roma {
    line-height: 1;
    font-size: 12px;
  }
  .crosstolk .memberArea .position {
    line-height: 1;
    margin-top: 10px;
    font-size: 13px;
  }
  .crosstolk .memberArea .desc {
    border-top: 1px solid #ffa0b9;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.53;
  }
  .crosstolk .memberArea .note {
    font-size: 12px;
    margin-top: 30px;
  }
  .crosstolk .tkSection {
    margin-top: 180px;
  }
  .crosstolk .tkSection:nth-of-type(even) .discussion {
    margin-left: auto;
  }
  .crosstolk .tkSection:nth-of-type(even) .img {
    right: inherit;
    left: -26%;
  }
  .crosstolk .tkSection .tkTitle {
    font-weight: 500;
    font-size: 26px;
  }
  .crosstolk .tkSection .tkUpper {
    position: relative;
    margin-top: 75px;
  }
  .crosstolk .tkSection .discussion {
    width: 47%;
  }
  .crosstolk .tkSection .discussion > div {
    display: flex;
    gap: 20px;
  }
  .crosstolk .tkSection .discussion > div:not(:first-of-type) {
    margin-top: 65px;
  }
  .crosstolk .tkSection .discussion dt {
    width: 66px;
  }
  .crosstolk .tkSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .crosstolk .tkSection .discussion dd {
    width: calc(100% - 86px);
  }
  .crosstolk .tkSection .discussion dd .txt {
    font-size: 16px;
    line-height: 1.875;
  }
  .crosstolk .tkSection .tkBottom {
    margin-top: 55px;
  }
  .crosstolk .tkSection .tkBottom .discussion {
    width: 100%;
  }
  .crosstolk .tkSection .img {
    width: 72%;
    position: absolute;
    top: 0;
    right: -26%;
  }
  .crosstolk .tkSection .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .crosstolk .tkSection .img .imgInner {
    overflow: hidden;
  }
  .crosstolk .tkSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 720/480;
  }
  .crosstolk .tkSection .singleImg {
    margin-top: 45px;
  }
  .crosstolk .tkSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1000/460;
  }
  .crosstolk .tkSection + .tkSection {
    margin-top: 150px;
  }
  .crosstolk .btnWrap {
    margin-top: 360px;
  }
  .crosstolk .discussionBnrBtn {
    display: block;
    margin-inline: auto;
    width: 460px;
    transition: 0.3s;
  }
  .crosstolk .discussionBnrBtn:hover {
    opacity: 0.7;
  }
  .crosstolk .discussionBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .crosstolk .discussionBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
    font-size: 23px;
    padding: 15px 10px;
  }
  .message .titleArea .desc {
    font-size: 18px;
    margin-top: 25px;
    line-height: 1.8;
  }
  .message .titleArea .mainImg {
    overflow: hidden;
    width: calc(100% + 520px);
    margin-left: -260px;
    margin-top: 130px;
  }
  .message .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1520/850;
  }
  .message .dotTxt {
    max-width: 874px;
    width: 90%;
    margin: 190px auto 0;
  }
  .message .dotTxt > p {
    font-size: 23px;
  }
  .message .dotTxt > p:not(:first-of-type) {
    margin-top: 25px;
  }
  .message .dotTxt span {
    display: block;
    height: 1px;
    width: 100%;
    margin-top: 5px;
  }
  .message .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
    margin: 200px calc(50% - 50vw) 0;
    padding: 145px 0;
  }
  .message .memberArea .memberInner {
    max-width: 858px;
    width: 90%;
    margin: 0 auto;
  }
  .message .memberArea .recruiterList {
    display: flex;
    gap: 5.82%;
  }
  .message .memberArea .recruiterList li {
    width: 29.4533333333%;
  }
  .message .memberArea .person {
    position: relative;
  }
  .message .memberArea .person::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .message .memberArea .person .imgInner {
    overflow: hidden;
  }
  .message .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 252/167;
  }
  .message .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
    gap: 10px;
  }
  .message .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .message .memberArea .roma {
    color: #808080;
    line-height: 1;
    font-size: 12px;
  }
  .message .memberArea .position {
    line-height: 1;
    margin-top: 10px;
    font-size: 13px;
  }
  .message .memberArea .desc {
    border-top: 1px solid #6593c8;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.53;
  }
  .message .memberArea .note {
    font-size: 12px;
    margin-top: 30px;
  }
  .message .rcSection {
    margin-top: 180px;
  }
  .message .rcSection:nth-of-type(even) .discussion {
    margin-left: auto;
  }
  .message .rcSection:nth-of-type(even) .img {
    right: inherit;
    left: -26%;
  }
  .message .rcSection .deco1 {
    width: 132px;
  }
  .message .rcSection .deco2 {
    width: 141px;
  }
  .message .rcSection .deco3 {
    width: 140px;
  }
  .message .rcSection .rcTitle {
    font-weight: 500;
    margin-top: 5px;
    font-size: 26px;
  }
  .message .rcSection .rcUpper {
    position: relative;
    margin-top: 75px;
  }
  .message .rcSection .discussion {
    width: 47%;
  }
  .message .rcSection .discussion > div {
    display: flex;
    gap: 20px;
  }
  .message .rcSection .discussion > div:not(:first-of-type) {
    margin-top: 65px;
  }
  .message .rcSection .discussion dt {
    width: 66px;
  }
  .message .rcSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .message .rcSection .discussion dd {
    width: calc(100% - 86px);
  }
  .message .rcSection .discussion dd .txt {
    font-size: 16px;
    line-height: 1.875;
  }
  .message .rcSection .rcBottom {
    margin-top: 55px;
  }
  .message .rcSection .rcBottom .discussion {
    width: 100%;
  }
  .message .rcSection .img {
    width: 72%;
    position: absolute;
    top: 0;
    right: -26%;
  }
  .message .rcSection .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .message .rcSection .img .imgInner {
    overflow: hidden;
  }
  .message .rcSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 720/480;
  }
  .message .rcSection .singleImg {
    margin-top: 150px;
  }
  .message .rcSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1000/560;
  }
  .message .rcSection + .rcSection {
    margin-top: 150px;
  }
  .workStyle .desc {
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.8;
  }
  .workStyle .btnWrap {
    margin-top: 40px;
  }
  .workStyle .col2 {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    gap: 8.8%;
  }
  .workStyle .col2 .wrap {
    width: 41.2%;
  }
  .workStyle .col2 .img {
    position: relative;
    width: 50%;
    aspect-ratio: 500/334;
  }
  .workStyle .col2 .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .workStyle .col2 .img .imgInner {
    overflow: hidden;
  }
  .workStyle .col2 .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 500/334;
  }
  .workStyle .bgSlash {
    position: relative;
  }
  .workStyle .bgSlash:before {
    content: "";
    display: block;
    background-color: #fcecea;
    position: absolute;
    top: 0;
    left: -50%;
    width: 50vw;
    margin-left: calc(50% - 50vw);
    height: 100%;
  }
  .workStyle #officeTour {
    margin-top: 145px;
    background: url(../images/second/officetour_pink_pc.png) no-repeat top left/88% 100%;
  }
  .workStyle #officeTour .col2 {
    padding: 95px 0;
  }
  .workStyle #benefits {
    background-color: #f1f1f1;
    width: 100vw;
    margin: 150px calc(50% - 50vw) 0;
    padding: 130px 0 150px;
  }
  .workStyle #benefits .beneInner {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
  }
  .workStyle #benefits .titleWrap {
    display: flex;
    align-items: end;
    margin-top: 100px;
    gap: 25px;
  }
  .workStyle #benefits h3.title.slash {
    font-weight: 700;
  }
  .workStyle #benefits .jaTitle {
    font-weight: 500;
    color: #e63d30;
    font-size: 18px;
  }
  .workStyle #benefits .benefitsList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 30px 2%;
  }
  .workStyle #benefits .benefitsList li {
    background-color: #fff;
    border-radius: 5px;
    padding: 32px 3%;
    width: 32.0003333333%;
  }
  .workStyle #benefits .benefitsList .icon {
    position: relative;
    padding-bottom: 20px;
  }
  .workStyle #benefits .benefitsList .icon::after {
    content: "";
    display: block;
    background: url(../images/second/kankyo_dotline.svg) repeat-x center/100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
  }
  .workStyle #benefits .benefitsList .txt {
    margin-top: 15px;
    line-height: 1.75;
  }
  .workStyle #award {
    margin-top: 220px;
    background: url(../images/second/award_pink_pc.png) no-repeat top left/88% 100%;
  }
  .workStyle #award .col2 {
    padding: 85px 75px;
  }
  .business .desc {
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.8;
  }
  .business #workPlace {
    position: relative;
    margin-top: 90px;
    padding: 150px 0;
  }
  .business #workPlace .irregularBg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0f0f0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
  }
  .business #public {
    margin-top: 150px;
  }
  .business #public .col2Box {
    background-color: #fcecea;
  }
  .business #public .col2Box .wrap {
    margin-left: auto;
  }
  .business #public .col2Box .img {
    right: inherit;
    left: -26%;
  }
  .business .col2Box {
    position: relative;
    background-color: #fff;
    padding: 70px 7%;
  }
  .business .col2Box .wrap {
    width: 52%;
  }
  .business .col2Box .txt {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.66;
  }
  .business .col2Box .img {
    position: absolute;
    top: 70px;
    right: -26%;
    width: 67%;
  }
  .business .col2Box .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .business .col2Box .img .imgInner {
    overflow: hidden;
  }
  .business .col2Box .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 670/488;
  }
  .business .col2Box + h4.title {
    margin-top: 180px;
  }
  .business .serviceList {
    display: flex;
    margin-top: 50px;
    gap: 2.3%;
  }
  .business .serviceList li {
    width: 23.27%;
  }
  .business .serviceList .img {
    position: relative;
  }
  .business .serviceList .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .business .serviceList .img .imgInner {
    overflow: hidden;
  }
  .business .serviceList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 232/180;
  }
  .business .serviceList .type {
    text-align: center;
    font-weight: 500;
    margin-top: 15px;
    font-size: 19px;
    line-height: 1.6;
  }
  .business .serviceList .sup {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.5;
  }
  .business .other {
    text-align: center;
    font-weight: 500;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 25px;
    font-size: 18px;
    padding: 20px 0;
  }
  .business .btnArea {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    gap: 60px;
  }
  .jobtype {
    scroll-behavior: smooth;
  }
  .jobtype .desc {
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.8;
  }
  .jobtype #anchorFlow {
    margin-top: 190px;
  }
  .jobtype #anchorFlow .scrollWrapper {
    overflow: auto;
  }
  .jobtype #anchorFlow .scrollWrapper + .flowTitle {
    margin-top: 130px;
  }
  .jobtype #anchorFlow .flowTitle {
    font-weight: 500;
    line-height: 1;
    text-align: center;
    font-size: 32px;
  }
  .jobtype #anchorFlow .flowArea {
    position: relative;
    margin-top: 20px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn {
    display: block;
    position: absolute;
    color: #fff;
    background-color: #e63d30;
    font-weight: 500;
    line-height: 1;
    border: 1px solid #e63d30;
    text-align: center;
    font-size: 22px;
    border-radius: 5px;
    padding: 6px 10px 8px 0;
    transition: 0.3s;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn:hover {
    color: #e63d30;
    background-color: #fff;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn:hover span::after {
    background: url(../images/common/anchor_arrow_orange.svg) no-repeat center/100%;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn span {
    display: block;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn span::after {
    content: "";
    display: block;
    background: url(../images/common/anchor_arrow_white.svg) no-repeat center/100%;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: 0.3s;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.sales {
    width: 944px;
    top: 104px;
    left: 27px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.spDesign {
    width: 346px;
    top: 154px;
    left: 228px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor {
    pointer-events: none;
    padding-right: 0;
    width: 531px;
    top: 204px;
    left: 228px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor span::after {
    content: none;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.prDesign {
    width: 349px;
    top: 91px;
    left: 36px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.mechanical {
    width: 493px;
    top: 141px;
    left: 138px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.production {
    width: 453px;
    top: 191px;
    left: 283px;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.all {
    width: 841px;
    top: 241px;
    left: 36px;
  }
  .jobtype #anchorFlow .flowArea.solving {
    background: url(../images/second/work_flow_kadai_pc.png) no-repeat center top/100%;
    height: 275px;
    width: 1000px;
  }
  .jobtype #anchorFlow .flowArea.develop {
    background: url(../images/second/work_flow_shohin_pc.png) no-repeat center/100%;
    height: 315px;
    width: 1000px;
  }
  .jobtype #anchorFlow .flowArea.other {
    background-color: #e0e7ec;
    display: flex;
    gap: 4%;
    padding: 50px 6%;
  }
  .jobtype #anchorFlow .flowArea.other .anchorBtn {
    position: relative;
    width: 100%;
  }
  .jobtype #anchorFlow + .btnWrap {
    margin-top: 200px;
  }
  .jobtype .storyBnrBtn {
    display: block;
    margin-inline: auto;
    width: 460px;
    transition: 0.3s;
  }
  .jobtype .storyBnrBtn:hover {
    opacity: 0.7;
  }
  .jobtype .storyBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .jobtype .storyBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
    font-size: 23px;
    padding: 15px;
  }
  .jobtype #jobIntroduction {
    background-color: #f0f0f0;
    width: 100vw;
    margin: 295px calc(50% - 50vw) 0;
    padding: 195px 0 220px;
  }
  .jobtype #jobIntroduction .jobInner {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
  }
  .jobtype #jobIntroduction .jobList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 55px;
    gap: 55px 3%;
  }
  .jobtype #jobIntroduction .jobList > li {
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
    width: 48.5%;
    padding: 0 3.5% 35px;
    display: flex;
    flex-direction: column;
  }
  .jobtype #jobIntroduction .jobList .icon {
    margin-inline: auto;
    width: 70%;
  }
  .jobtype #jobIntroduction .jobList .type {
    font-weight: 700;
    text-align: center;
    line-height: 1;
    font-size: 22px;
  }
  .jobtype #jobIntroduction .jobList .txt {
    margin: 20px 0 25px;
    line-height: 1.75;
  }
  .jobtype #jobIntroduction .jobList .linkBox {
    border-top: 1px solid #abd269;
    margin-top: auto;
    padding-top: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .jobtype #jobIntroduction .jobList .linkBox .txt {
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
  }
  .jobtype #jobIntroduction .jobList .linkBox .arrow {
    display: block;
    width: 10px;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    width: calc(100% - 120px);
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList > li {
    width: 50px;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList > li a {
    transition: 0.3s;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList > li a:hover {
    opacity: 0.7;
  }
  .itokiCareer .desc {
    font-size: 18px;
    margin-top: 25px;
    line-height: 1.8;
  }
  .itokiCareer #schedule {
    margin-top: 165px;
    padding: 0 7%;
  }
  .itokiCareer #schedule .scheduleFlow {
    margin-top: 70px;
  }
  .itokiCareer #schedule .scheduleFlow > div {
    display: flex;
  }
  .itokiCareer #schedule .scheduleFlow > div:first-of-type dt::before {
    height: calc(100% - 55px);
  }
  .itokiCareer #schedule .scheduleFlow > div:not(:first-of-type) dd {
    margin-top: 5px;
  }
  .itokiCareer #schedule .scheduleFlow > div:not(:first-of-type) dt {
    padding-top: 5px;
  }
  .itokiCareer #schedule .scheduleFlow > div:nth-of-type(even) dd {
    background-color: #f0f0f0;
  }
  .itokiCareer #schedule .scheduleFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow > div:last-of-type::before {
    content: "";
    display: block;
    background: url(../images/second/tate_dot.png) no-repeat center/100%;
    position: absolute;
    bottom: -50px;
    left: 70px;
    height: 46px;
    width: 2px;
  }
  .itokiCareer #schedule .scheduleFlow dt {
    position: relative;
    width: 100px;
  }
  .itokiCareer #schedule .scheduleFlow dt p {
    font-weight: 500;
    line-height: 1;
    margin-top: 35px;
    font-size: 21px;
  }
  .itokiCareer #schedule .scheduleFlow dt p span {
    display: inline-block;
    font-size: 28px;
    transform: translateY(1px);
  }
  .itokiCareer #schedule .scheduleFlow dt::before {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    height: 100%;
    width: 2px;
    bottom: 0;
    right: 28px;
  }
  .itokiCareer #schedule .scheduleFlow dt::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    border-radius: 100svh;
    top: 49px;
    right: 21px;
  }
  .itokiCareer #schedule .scheduleFlow dd {
    background-color: #dcdddd;
    border-radius: 5px;
    width: calc(100% - 100px);
    padding: 35px 4.1% 35px;
  }
  .itokiCareer #schedule .scheduleFlow dd .event {
    line-height: 1;
    font-weight: 500;
    font-size: 22px;
  }
  .itokiCareer #schedule .scheduleFlow dd * + .event {
    margin-top: 40px;
  }
  .itokiCareer #schedule .scheduleFlow dd .txt {
    line-height: 1.75;
    margin-top: 15px;
  }
  .itokiCareer #inhouse {
    margin-top: 200px;
    padding: 0 7%;
  }
  .itokiCareer #inhouse .img {
    margin-top: 55px;
  }
  .itokiCareer #step {
    background-color: #f1f1f1;
    width: 100vw;
    margin: 200px calc(50% - 50vw) 0;
    padding: 200px 0;
  }
  .itokiCareer #step .stepInner {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding: 0 70px;
  }
  .itokiCareer #step .tab {
    margin-top: 80px;
  }
  .itokiCareer #step .tablist {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }
  .itokiCareer #step .tablist button {
    background-color: #fff;
    border: solid 1px #000;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 1;
    width: calc(33.3333333333% - 46.6px);
    font-size: 20px;
    padding: 10px;
    transition: 0.3s;
    border-radius: 100svh;
  }
  .itokiCareer #step .tablist button:hover {
    background-color: #ffd743;
  }
  .itokiCareer #step .tablist [role=tab][aria-selected=true] {
    background-color: #ffd743;
    pointer-events: none;
  }
  .itokiCareer #step .tabpanel {
    position: relative;
    padding-top: 42px;
  }
  .itokiCareer #step #panelA.tabpanel::after {
    content: "";
    display: block;
    background: url(../images/second/tate_dot_blk.png) no-repeat center/100%;
    position: absolute;
    top: 0;
    left: 18.6%;
    transform: translateX(-50%);
    width: 3px;
    height: 42px;
  }
  .itokiCareer #step #panelB.tabpanel::after {
    content: "";
    display: block;
    background: url(../images/second/tate_dot_blk.png) no-repeat center/100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 42px;
  }
  .itokiCareer #step #panelC.tabpanel::after {
    content: "";
    display: block;
    background: url(../images/second/tate_dot_blk.png) no-repeat center/100%;
    position: absolute;
    top: 0;
    left: 81.5%;
    transform: translateX(-50%);
    width: 3px;
    height: 42px;
  }
  .itokiCareer #step .tabContent .stepTxt {
    position: relative;
    width: calc(100% - 3px);
  }
  .itokiCareer #step .tabContent .stepTxt::before {
    content: "";
    display: block;
    background-color: #ffd743;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -3px;
    right: -3px;
    border-radius: 5px;
  }
  .itokiCareer #step .tabContent .stepTxt .txtInner {
    background-color: #fff;
    position: relative;
    z-index: 10;
    border-radius: 5px;
    padding: 20px;
  }
  .itokiCareer #step .tabContent .stepImg {
    margin-top: 50px;
  }
  .itokiCareer #step .tabContent .stepFlow {
    margin-top: 50px;
  }
  .itokiCareer #step .tabContent .stepFlow > div {
    position: relative;
    display: flex;
    min-height: 115px;
  }
  .itokiCareer #step .tabContent .stepFlow > div::before {
    content: "";
    display: block;
    background-color: #000;
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 110px;
  }
  .itokiCareer #step .tabContent .stepFlow > div::after {
    content: "";
    display: block;
    background-color: #8ca3ad;
    width: 19px;
    height: 19px;
    border-radius: 100svh;
    border: 3px solid #f1f1f1;
    position: absolute;
    top: 6px;
    left: 101px;
  }
  .itokiCareer #step .tabContent .stepFlow > div:first-of-type::before {
    height: calc(100% - 10px);
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(2)::after {
    background-color: #738f9b;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(3)::after {
    background-color: #4c7080;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(4)::after {
    background-color: #265264;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type {
    min-height: inherit;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type::before {
    height: 10px;
    bottom: inherit;
    top: 0;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type::after {
    background-color: #003349;
  }
  .itokiCareer #step .tabContent .stepFlow dt {
    width: 140px;
  }
  .itokiCareer #step .tabContent .stepFlow dt p {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
    font-size: 20px;
    transform: translateY(-5px);
    padding-left: 10px;
  }
  .itokiCareer #step .tabContent .stepFlow dt p.p0 {
    padding-left: 0;
  }
  .itokiCareer #step .tabContent .stepFlow dt p span {
    display: inline-block;
    font-size: 30px;
  }
  .itokiCareer #step .tabContent .stepFlow dd {
    width: calc(100% - 140px);
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul li {
    position: relative;
    line-height: 1.75;
    padding-left: 15px;
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul li::before {
    content: "・";
    display: block;
    border-radius: 100svh;
    width: 15px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .itokiCareer #transition {
    margin-top: 170px;
    padding: 0 7%;
  }
  .itokiCareer #transition .caseBox {
    margin-top: 140px;
  }
  .itokiCareer #transition .caseBox + .caseBox {
    border-top: 1px solid #000;
    padding-top: 160px;
  }
  .itokiCareer #transition .caseBox:nth-of-type(even) .case {
    flex-direction: row-reverse;
  }
  .itokiCareer #transition .caseBox:nth-of-type(even) .case .casePerson::before {
    left: inherit;
    right: -22.7%;
  }
  .itokiCareer #transition .num {
    position: relative;
    margin-inline: auto;
    padding-bottom: 10px;
  }
  .itokiCareer #transition .num:after {
    content: "";
    display: block;
    background-color: #e63d30;
    width: 48px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .itokiCareer #transition .num.n1 {
    width: 85px;
  }
  .itokiCareer #transition .num.n2 {
    width: 95px;
  }
  .itokiCareer #transition .num.n3 {
    width: 94px;
  }
  .itokiCareer #transition .caseTitle {
    font-weight: 500;
    text-align: center;
    font-size: 28px;
    line-height: 1.2;
    margin-top: 20px;
  }
  .itokiCareer #transition .case {
    margin-top: 130px;
    display: flex;
    align-items: flex-start;
    gap: 6.2%;
  }
  .itokiCareer #transition .casePerson {
    position: relative;
    width: 35.8%;
  }
  .itokiCareer #transition .casePerson::before {
    content: "";
    display: block;
    background-color: #f0f0f0;
    width: 100%;
    height: calc(100% - 163px);
    aspect-ratio: 308/285;
    position: absolute;
    bottom: -7%;
    left: -22.7%;
  }
  .itokiCareer #transition .casePerson .img {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .itokiCareer #transition .casePerson .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .casePerson .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 308/285;
  }
  .itokiCareer #transition .casePerson .txtWrap {
    position: relative;
    z-index: 10;
  }
  .itokiCareer #transition .casePerson .name {
    font-weight: 500;
    line-height: 1;
    margin-top: 30px;
    font-size: 22px;
  }
  .itokiCareer #transition .casePerson .roma {
    color: #808080;
    line-height: 1;
    font-size: 12px;
    margin-top: 10px;
  }
  .itokiCareer #transition .casePerson .position {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.78;
  }
  .itokiCareer #transition .caseFlow {
    width: 58%;
  }
  .itokiCareer #transition .caseFlow > div {
    display: flex;
  }
  .itokiCareer #transition .caseFlow > div:first-of-type dt::before {
    height: calc(100% - 10px);
  }
  .itokiCareer #transition .caseFlow > div:first-of-type dt::after {
    top: 10px;
  }
  .itokiCareer #transition .caseFlow > div:not(:first-of-type) dt,
  .itokiCareer #transition .caseFlow > div:not(:first-of-type) dd {
    padding-top: 40px;
  }
  .itokiCareer #transition .caseFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #transition .caseFlow > div:last-of-type::before {
    content: "";
    display: block;
    background: url(../images/second/tate_dot.png) no-repeat center/100%;
    position: absolute;
    bottom: -50px;
    left: 102px;
    height: 46px;
    width: 2px;
  }
  .itokiCareer #transition .caseFlow dt {
    position: relative;
    width: 132px;
  }
  .itokiCareer #transition .caseFlow dt p {
    font-weight: 500;
    line-height: 1;
    font-size: 21px;
  }
  .itokiCareer #transition .caseFlow dt p span {
    display: inline-block;
    font-size: 28px;
    transform: translateY(1px);
  }
  .itokiCareer #transition .caseFlow dt:before {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    height: 100%;
    width: 2px;
    bottom: 0;
    right: 28px;
  }
  .itokiCareer #transition .caseFlow dt::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    border-radius: 100svh;
    top: 50px;
    right: 21px;
  }
  .itokiCareer #transition .caseFlow dd {
    width: calc(100% - 132px);
  }
  .itokiCareer #transition .caseFlow dd .career {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.45;
  }
  .itokiCareer #transition .caseFlow dd .txt {
    line-height: 1.75;
    margin-top: 15px;
  }
  .itokiCareer #transition .caseFlow dd .img {
    position: relative;
    margin-top: 15px;
  }
  .itokiCareer #transition .caseFlow dd .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3px;
    right: -3px;
  }
  .itokiCareer #transition .caseFlow dd .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .caseFlow dd .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 364/270;
  }
  .clirentVoice {
    background-color: #efefef;
    margin-top: 95px;
    padding: 60px;
  }
  .clirentVoice .voiceTitle {
    font-size: 28px;
    font-weight: 700;
  }
  .clirentVoice .subject {
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
  }
  .clirentVoice .voiceBody {
    display: flex;
    gap: 40px;
    margin-top: 40px;
  }
  .clirentVoice .voiceBody .img {
    width: 40%;
  }
  .clirentVoice .voiceBody .txt {
    margin: 0;
    flex: 1;
  }
  #lpTitle {
    display: flex;
    align-items: center;
    aspect-ratio: 1920/1085;
    background: url(../images/second/diversity/lp_fv_pc.webp) no-repeat center/100%;
  }
  #lpTitle h1.title {
    color: #231815;
    font-weight: 700;
    line-height: 1.2;
    font-size: 40px;
    padding-bottom: 15px;
  }
  #dsMessage h2.title.reqH2,
  #crMessage h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 170px auto;
  }
  #dsMessage .copy,
  #crMessage .copy {
    font-weight: 500;
    font-size: 42px;
    margin: 235px 0 85px;
  }
  #dsMessage .txt,
  #crMessage .txt {
    font-weight: 500;
    font-size: 22px;
    line-height: 2.7;
  }
  #dsMessage .txt + .txt,
  #crMessage .txt + .txt {
    margin-top: 60px;
  }
  .lpBtn {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background-color: #003349;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4);
    line-height: 1.4;
    width: 320px;
    padding: 25px;
    font-size: 23px;
    border-radius: 6px;
    transition: 0.3s;
  }
  .lpBtn:hover {
    background-color: #335c6d;
  }
  .lpBtn span {
    position: relative;
  }
  .lpBtn.gr {
    background-image: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 200%);
  }
  .lpBtn.gr::before {
    background-image: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 125%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 6px;
    transition: 0.3s;
  }
  .lpBtn.gr:hover::before {
    opacity: 0;
  }
  .lpBtnWrap {
    display: flex;
    justify-content: center;
    margin-top: 35px;
    align-items: center;
    gap: 70px;
  }
  #dsFaq,
  #crFaq {
    margin-top: 295px;
  }
  #dsFaq h2.title.reqH2,
  #crFaq h2.title.reqH2 {
    text-align: center;
    letter-spacing: 0.05em;
    background-position: center bottom;
  }
  #dsFaq .subTtl,
  #crFaq .subTtl {
    text-align: center;
    font-weight: 500;
    margin-top: 45px;
    font-size: 19px;
  }
  #dsFaq .faq,
  #crFaq .faq {
    margin-top: 70px;
  }
  #dsFaq .faq dd,
  #crFaq .faq dd {
    font-weight: 400;
  }
  #dsFaq .qaWrap,
  #crFaq .qaWrap {
    margin-top: 0;
  }
  #dsFaq .iconQ,
  #dsFaq .iconA,
  #dsFaq button,
  #crFaq .iconQ,
  #crFaq .iconA,
  #crFaq button {
    font-weight: 400;
  }
  .lpCareer,
  .lpDiversity {
    background: url(../images/second/lp_repeat_full_pc.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
  }
  .lpDiversityCareer {
    background: url(../images/second/lp_dscr_repeat_left.png), url(../images/second/lp_dscr_repeat_right.png);
    background-repeat: no-repeat;
    background-position: top left, top right;
    background-size: 50% auto;
  }
  .lpDiversity {
    font-weight: 500;
  }
  #dsNew {
    margin-top: 270px;
  }
  #dsNew h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsNew .desc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 45px;
  }
  #dsCareer {
    margin-top: 300px;
  }
  #dsCareer h2.title.faqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 241px auto;
  }
  #dsCareer .desc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 45px;
  }
  #dsCareer .wrapper {
    margin: 145px auto 0;
    max-width: 710px;
  }
  #dsCareer .wrapper .flowList {
    gap: 4.9%;
  }
  #dsCareer .wrapper .flowList li {
    width: 16.05%;
  }
  #dsCareer .wrapper .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    top: 50%;
    transform: translateY(-50%);
    right: -21%;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e63d30;
    border-right: 0;
  }
  #dsCareer .wrapper .note {
    text-align: center;
    margin-top: 30px;
  }
  #dsStatus {
    margin-top: 280px;
  }
  #dsStatus h2.title.svH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsStatus .statusList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 105px;
  }
  #dsStatus .statusList > li {
    width: calc(50% - 10px);
  }
  #dsInitiative {
    margin-top: 400px;
  }
  #dsInitiative h2.title.crH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsInitiative .initiativeList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 65px;
  }
  #dsInitiative .initiativeList > li {
    background-color: #f0f0f0;
    width: calc(50% - 10px);
    border-radius: 6px;
    padding: 30px 7% 50px 3%;
  }
  #dsInitiative .initiativeList h3.title.slash {
    font-weight: 700;
    background-position: 0 5px;
    font-size: 24px;
    padding-left: 34px;
  }
  #dsInitiative .initiativeList .wrapper {
    margin-top: 20px;
    padding-left: 10%;
  }
  #dsInitiative .initiativeList .img {
    aspect-ratio: 350/184;
  }
  #dsInitiative .initiativeList .txt {
    font-weight: 500;
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: -0.05em;
    line-height: 1.5;
  }
  main {
    position: relative;
    overflow: hidden;
    font-weight: 400;
    background: url(../images/second/repeat_left.png), url(../images/second/repeat_right.png);
    background-repeat: repeat-y, repeat-y;
    background-position: top left, top right;
    background-size: 50% auto;
    font-size: 16px;
  }
  main:has(.lpCareer, .lpDiversity, .lpDiversityCareer) {
    background: none;
  }
  main.bgGrey {
    background-color: #f0f0f0;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  ul,
  ol {
    list-style-type: none;
  }
  img {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
  }
  * {
    box-sizing: border-box;
  }
  sup,
  sub {
    font-size: 0.6em;
  }
  .bold {
    font-weight: 700;
  }
  #contents {
    position: relative;
    padding: 150px 0 200px;
  }
  #contents:has(.archiveInternship) {
    padding-top: 0;
  }
  #contents:has(.jobtype) {
    padding-bottom: 0;
  }
  #contents:has(.customInternship) {
    padding: 50px 0 220px;
  }
  #contents:has(.interview) {
    padding: 0 0 220px;
  }
  #contents:has(.projectDetails) {
    padding: 50px 0 220px;
  }
  #contents:has(.message) {
    padding: 150px 0 250px;
  }
  #contents:has(.workStyle) {
    padding: 150px 0 100px;
  }
  #contents:has(.career) {
    padding: 150px 0 265px;
  }
  #contents:has(#dsMessage) {
    padding: 300px 0 330px;
  }
  .inner {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
  }
  .inner.wide {
    width: 100%;
    max-width: inherit;
  }
  .fixedMenu {
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 125px;
    right: 7.8vw;
    z-index: 100;
    padding: 25px 16px;
  }
  .fixedMenu li:not(:first-child) {
    margin-top: 13px;
  }
  .fixedMenu li a {
    font-weight: 500;
    line-height: 1.2;
    font-size: 15px;
    transition: color 0.3s;
  }
  .fixedMenu li a:hover {
    color: #a1a1a1;
  }
  .fixedMenu li i.cr {
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 100svh;
    transition: background 0.3s;
  }
  .fixedMenu li i.cr.active.ltBlue {
    background-color: #30bcef;
  }
  .fixedMenu li i.cr.active.pink {
    background-color: #ffa0b9;
  }
  .fixedMenu li i.cr.active.yellow {
    background-color: #ffd743;
  }
  .readBox {
    background-color: #fff;
    padding: 100px 0 70px;
  }
  .readBox .read {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.75;
    margin-top: 50px;
  }
  h2.title {
    color: #003349;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.08em;
    font-size: 80px;
  }
  h2.title.faqH2 {
    color: #000;
    letter-spacing: -0.03em;
    font-weight: 500;
    font-size: 42px;
    background-image: url(../images/second/saiyojoho_QA_underline.svg);
    background-size: 252px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 20px;
  }
  h2.title.reqH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/saiyo_yoko_underline.svg);
    font-size: 42px;
    background-size: 166px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 25px;
  }
  h2.title.crH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_ITOKI_recruit_eigyo.svg);
    font-size: 42px;
    background-size: 461px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 25px;
    margin-top: 15px;
  }
  h2.title.crkhH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_underline_kaihatsu.svg);
    font-size: 42px;
    background-size: 208px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 25px;
    margin-top: 15px;
  }
  h2.title.tkH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/crosstolk_underline_pc.svg);
    font-size: 42px;
    background-size: 292px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 25px;
  }
  h2.title.svH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/survey_underline_pc.svg);
    font-size: 42px;
    background-size: 333px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 25px;
  }
  h2.title.rcH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/ITOKI_recruit_underline.svg);
    font-size: 42px;
    background-size: 503px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 25px;
  }
  h2.title.wkH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/kankyo_underline.svg);
    font-size: 42px;
    background-size: 272px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 25px;
  }
  h2.title.jbH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/jobtype_underline.svg);
    font-size: 42px;
    background-size: 280px auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 25px;
  }
  h2.title.slash {
    color: #000;
    font-weight: 500;
    letter-spacing: normal;
    background-image: url(../images/second/w_slash.svg);
    background-repeat: no-repeat;
    background-size: 27px auto;
    background-position: 0 0;
    font-size: 25px;
    padding-left: 30px;
  }
  h3.title {
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  h3.title.slash {
    background-image: url(../images/second/w_slash.svg);
    background-repeat: no-repeat;
    background-size: 27px auto;
    background-position: 0 10px;
    font-size: 32px;
    padding-left: 40px;
  }
  h4.title {
    text-align: center;
  }
  h4.title span {
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 28px;
    padding: 0 30px;
  }
  h4.title span::before, h4.title span::after {
    content: "";
    display: block;
    background: url(../images/second/h4_line.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 4px;
  }
  h4.title span::before {
    left: 0;
  }
  h4.title span::after {
    right: 0;
  }
  * + .subTitle {
    margin-top: 20px;
  }
  .subTitle {
    display: inline-block;
    color: #003349;
    font-weight: 500;
    position: relative;
    font-size: 20px;
  }
  .subTitle.internship::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: url(../images/second/pc_underline_intern_01.svg) no-repeat center/100%;
    top: 35px;
    width: 360px;
    height: 18px;
  }
  .commonBtn {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 100svh;
    font-weight: 500;
    text-align: left;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 25px;
    font-size: 13px;
    transition: 0.3s;
  }
  .commonBtn.ltBlue {
    width: 205px;
    margin-left: auto;
  }
  .commonBtn.ltBlue:hover {
    color: #fff;
    background-color: #2ebcef;
    border: 1px solid #2ebcef;
  }
  .commonBtn.ltBlue:hover::after {
    background: url(../images/common/btn_arrow_ltblue_hv.svg) no-repeat center/100%;
  }
  .commonBtn.ltBlue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_ltblue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
    transition: 0.3s;
  }
  .commonBtn.pink {
    width: 250px;
  }
  .commonBtn.pink:hover {
    color: #fff;
    background-color: #ffa0b9;
    border: 1px solid #ffa0b9;
  }
  .commonBtn.pink:hover::after {
    background: url(../images/common/btn_arrow_pink_hv.svg) no-repeat center/100%;
  }
  .commonBtn.pink::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_pink.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
    transition: 0.3s;
  }
  .commonBtn.yellow {
    width: 250px;
  }
  .commonBtn.yellow:hover {
    color: #fff;
    background-color: #ffd743;
    border: 1px solid #ffd743;
  }
  .commonBtn.yellow:hover::after {
    background: url(../images/common/btn_arrow_yellow_hv.svg) no-repeat center/100%;
  }
  .commonBtn.yellow::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_yellow.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
    transition: 0.3s;
  }
  .commonBtn.blue {
    width: 250px;
  }
  .commonBtn.blue:hover {
    color: #fff;
    background-color: #6593c8;
    border: 1px solid #6593c8;
  }
  .commonBtn.blue:hover::after {
    background: url(../images/common/btn_arrow_blue_hv.svg) no-repeat center/100%;
  }
  .commonBtn.blue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_blue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
    transition: 0.3s;
  }
  .squareBtn {
    position: relative;
    z-index: 10;
    display: block;
    background-color: #e63d30;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    margin-inline: auto;
    font-size: 20px;
    padding: 38px;
    width: 400px;
    border-radius: 5px;
    border: 2px solid #e63d30;
    transition: 0.3s;
  }
  .squareBtn:hover {
    color: #e63d30;
    background-color: #fff;
  }
  header.secondHeader #siteName a.diversity {
    align-items: flex-start !important;
  }
  header.secondHeader #siteName a.career {
    align-items: flex-start !important;
  }
  header.secondHeader #secondNav {
    background-image: linear-gradient(180deg, rgb(0, 51, 73), rgb(51, 92, 109));
  }
  header.secondHeader #secondNav.isOpen {
    transform: translateX(0);
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav #menuBtn {
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav .navTtl {
    color: #fff;
    font-weight: 700;
    line-height: 1;
  }
  header.secondHeader #secondNav ul > li > a {
    display: block;
    color: #fff;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .pT0 {
    padding-top: 0 !important;
  }
  .pT10 {
    padding-top: 10px !important;
  }
  .pT20 {
    padding-top: 20px !important;
  }
  .pT30 {
    padding-top: 30px !important;
  }
  .pT40 {
    padding-top: 40px !important;
  }
  .pB0 {
    padding-bottom: 0px !important;
  }
  .pB5 {
    padding-bottom: 5px !important;
  }
  .pB10 {
    padding-bottom: 10px !important;
  }
  .pB20 {
    padding-bottom: 20px !important;
  }
  .pB30 {
    padding-bottom: 30px !important;
  }
  .pB40 {
    padding-bottom: 40px !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mB60 {
    margin-bottom: 60px !important;
  }
  .mB70 {
    margin-bottom: 70px !important;
  }
  .mB80 {
    margin-bottom: 80px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mT60 {
    margin-top: 60px !important;
  }
  .mT70 {
    margin-top: 70px !important;
  }
  .mT80 {
    margin-top: 80px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .size12 {
    font-size: 12px !important;
  }
  .size13 {
    font-size: 13px !important;
  }
  .size14 {
    font-size: 14px !important;
  }
  .size15 {
    font-size: 15px !important;
  }
  .size16 {
    font-size: 16px !important;
  }
  .size17 {
    font-size: 17px !important;
  }
  .size18 {
    font-size: 18px !important;
  }
  .size19 {
    font-size: 19px !important;
  }
  .size20 {
    font-size: 20px !important;
  }
  .size22 {
    font-size: 22px !important;
  }
  .size24 {
    font-size: 24px !important;
  }
  .size28 {
    font-size: 28px !important;
  }
  .colorRed {
    color: #e34b30 !important;
  }
  .colorBlue {
    color: #356fcf !important;
  }
  .preBox {
    background: #eff0f4;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  .preBox {
    margin-top: 30px;
  }
  .taC_pc {
    text-align: center !important;
  }
  .taL_pc {
    text-align: left !important;
  }
  .taR_pc {
    text-align: right !important;
  }
  .pT10_pc {
    padding-top: 10px !important;
  }
  .pT20_pc {
    padding-top: 20px !important;
  }
  .pT30_pc {
    padding-top: 30px !important;
  }
  .pT40_pc {
    padding-top: 40px !important;
  }
  .pB10_pc {
    padding-bottom: 10px !important;
  }
  .pB20_pc {
    padding-bottom: 20px !important;
  }
  .pB30_pc {
    padding-bottom: 30px !important;
  }
  .pB40_pc {
    padding-bottom: 40px !important;
  }
  .mB0_pc {
    margin-bottom: 0 !important;
  }
  .mB5_pc {
    margin-bottom: 5px !important;
  }
  .mB10_pc {
    margin-bottom: 10px !important;
  }
  .mB15_pc {
    margin-bottom: 15px !important;
  }
  .mB20_pc {
    margin-bottom: 20px !important;
  }
  .mB30_pc {
    margin-bottom: 30px !important;
  }
  .mB40_pc {
    margin-bottom: 40px !important;
  }
  .mB50_pc {
    margin-bottom: 50px !important;
  }
  .mB60_pc {
    margin-bottom: 60px !important;
  }
  .mB70_pc {
    margin-bottom: 70px !important;
  }
  .mB80_pc {
    margin-bottom: 80px !important;
  }
  .mT0_pc {
    margin-top: 0 !important;
  }
  .mT5_pc {
    margin-top: 5px !important;
  }
  .mT10_pc {
    margin-top: 10px !important;
  }
  .mT20_pc {
    margin-top: 20px !important;
  }
  .mT30_pc {
    margin-top: 30px !important;
  }
  .mT40_pc {
    margin-top: 40px !important;
  }
  .mT50_pc {
    margin-top: 50px !important;
  }
  .mT70_pc {
    margin-top: 70px !important;
  }
  .mT75_pc {
    margin-top: 75px !important;
  }
  .mT80_pc {
    margin-top: 80px !important;
  }
  .mL0_pc {
    margin-left: 0px !important;
  }
  .mL5_pc {
    margin-left: 5px !important;
  }
  .mL10_pc {
    margin-left: 10px !important;
  }
  .mL20_pc {
    margin-left: 20px !important;
  }
  .mL30_pc {
    margin-left: 30px !important;
  }
  .mL40_pc {
    margin-left: 40px !important;
  }
  .mL55_pc {
    margin-left: 55px !important;
  }
  .mR0_pc {
    margin-right: 0px !important;
  }
  .mR5_pc {
    margin-right: 5px !important;
  }
  .mR10_pc {
    margin-right: 10px !important;
  }
  .mR20_pc {
    margin-right: 20px !important;
  }
  .mR30_pc {
    margin-right: 30px !important;
  }
  .mR40_pc {
    margin-right: 40px !important;
  }
  .mR50_pc {
    margin-right: 50px !important;
  }
  .mR55_pc {
    margin-right: 55px !important;
  }
  .size12_pc {
    font-size: 12px !important;
  }
  .size13_pc {
    font-size: 13px !important;
  }
  .size14_pc {
    font-size: 14px !important;
  }
  .size15_pc {
    font-size: 15px !important;
  }
  .size16_pc {
    font-size: 16px !important;
  }
  .size17_pc {
    font-size: 17px !important;
  }
  .size18_pc {
    font-size: 18px !important;
  }
  .size19_pc {
    font-size: 19px !important;
  }
  .size20_pc {
    font-size: 20px !important;
  }
  .size22_pc {
    font-size: 22px !important;
  }
  .size24_pc {
    font-size: 24px !important;
  }
  .size28_pc {
    font-size: 28px !important;
  }
  .hoverAlpha,
  .hoverAlpha img {
    display: block;
    transition: 0.3s opacity;
  }
  .hoverAlpha:hover, .hoverAlpha:hover img,
  .hoverAlpha img:hover,
  .hoverAlpha img:hover img {
    opacity: 0.8;
  }
  .underH2P {
    font-size: 16px;
    margin-top: 40px;
  }
  section.faq {
    margin-top: 80px;
  }
  section.faq + faq {
    margin-top: 120px;
  }
  .qaWrap {
    margin-top: 35px;
  }
  .qaWrap dl {
    border-radius: 10px;
    transition: all 0.3s;
  }
  .qaWrap dl + dl {
    margin-top: 30px;
  }
  .qaWrap dl dt {
    display: flex;
    border: 1px solid #000;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    overflow: hidden;
  }
  .qaWrap dl dt .iconQ {
    font-family: Arial, sans-serif;
    width: 70px;
    text-align: center;
    background-color: #e63d30;
    color: #fff;
    padding: 9px 0;
    font-size: 35px;
  }
  .qaWrap dl dt button {
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #000;
    flex: 1;
    background-color: transparent;
    border: none;
    outline: none;
    text-align: left;
    padding: 9px 20px;
    font-size: 20px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 500;
  }
  .qaWrap dl dt button:before, .qaWrap dl dt button:after {
    content: "";
    display: block;
    width: 28px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 35px;
    right: 35px;
    transition: all 0.2s ease;
  }
  .qaWrap dl dt button:after {
    transform: rotate(90deg);
  }
  .qaWrap dl dt button.isOpen:before {
    transform: rotate(48deg);
  }
  .qaWrap dl dt button.isOpen:after {
    transform: rotate(135deg);
  }
  .qaWrap dl dt button:hover {
    background-color: rgba(230, 61, 48, 0.2);
  }
  .qaWrap dl dd {
    background-color: #fff;
    margin-top: -10px;
    position: relative;
    z-index: 1;
    transform: scale(1, 0);
    transition: transform 0.1s;
    border: 1px solid #000;
    border-radius: 0 0 5px 5px;
    transform-origin: left top;
    height: 0;
  }
  .qaWrap dl dd.show {
    transform: scale(1);
    height: auto;
    transition: transform 0.3s;
  }
  .qaWrap dl dd .iconA {
    font-family: Arial, sans-serif;
    width: 70px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #003349;
    color: #fff;
    padding: 24px 0;
    font-size: 35px;
    line-height: 1;
    border-radius: 0 0 0 5px;
  }
  .qaWrap dl dd span {
    display: block;
    width: calc(100% - 70px);
    padding: 30px 20px 20px 90px;
    font-size: 20px;
    line-height: 1.8;
  }
  .qaWrap dl dd span a {
    color: #000;
    text-decoration: underline;
  }
  #interviewArchiveTitle h2 {
    font-size: 42px;
    font-weight: 500;
    line-height: 1.3;
    background-image: url(../images/second/people/h2_underline.webp);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 20px;
  }
  #interviewArchiveTitle h2 span {
    font-size: 18px;
    font-weight: 700;
    display: block;
    line-height: 1;
  }
  #interviewArchiveTitle p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
  }
  #filterArea {
    margin-top: 100px;
  }
  #filterArea h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
  }
  #filterArea h3:before, #filterArea h3:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #da3f30;
    border-radius: 50%;
  }
  #filterArea p {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
  }
  #filterBtns {
    margin-top: 30px;
  }
  #filterBtns ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
  }
  #filterBtns ul li label {
    background-color: #feecea;
    border-radius: 60px;
    height: 40px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #100e0f;
  }
  #filterBtns ul li label.checked {
    background-color: #ffa0b9;
    position: relative;
  }
  #filterBtns ul li label.checked:after, #filterBtns ul li label.checked:before {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 10px;
    transition: all 0.3s;
  }
  #filterBtns ul li label.checked:before {
    transform: rotate(45deg);
  }
  #filterBtns ul li label.checked:after {
    transform: rotate(-45deg);
  }
  #filterBtns ul li label.checked:hover:after, #filterBtns ul li label.checked:hover:before {
    background-color: #100e0f;
  }
  #filterBtns ul li label input {
    display: none;
  }
  #staffList {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 200px;
  }
  #staffList .item {
    width: calc((100% - 100px) / 3);
    box-shadow: 3px 3px 0 #ffa0b9;
  }
  #staffList .item a {
    display: block;
    position: relative;
  }
  #staffList .item a .img {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  #staffList .item a .img img {
    width: 100%;
    height: auto;
    transition: all 0.3s;
  }
  #staffList .item a .txt {
    position: absolute;
    width: 100%;
    height: 115px;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.85);
  }
  #staffList .item a .txt .svg {
    width: 80%;
  }
  #staffList .item a .txt .arrow {
    width: 15%;
    aspect-ratio: 1/1;
    background-color: #ff9fba;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
  }
  #staffList .item a .txt .arrow svg {
    aspect-ratio: 198/150;
    width: 45%;
    fill: #fff;
  }
  #staffList .item a .txt .name {
    font-size: 16px;
    padding: 0 15px;
    margin-top: 5px;
  }
  #staffList .item a .txt .job {
    font-size: 13px;
    margin-top: 5px;
    padding: 0 15px;
  }
  #staffList .item a:hover .img img {
    transform: scale(1.05);
  }
  #staffList .item a:hover .txt .arrow {
    background-color: #e63d30;
  }
  #officetourRead .inner {
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
  }
  #officetourRead .inner h2 {
    font-size: 42px;
    font-weight: 500;
    background-image: url(../images/second/office/read_title.webp);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 20px;
  }
  #officetourRead .inner p {
    font-size: 18px;
    margin-top: 25px;
    line-height: 1.8;
  }
  #officeTourMokuji {
    display: flex;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding-top: 90px;
    gap: 50px;
  }
  #officeTourMokuji > li {
    overflow: hidden;
    width: calc(50% - 25px);
    border-radius: 5px;
  }
  #officeTourMokuji > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    padding: 10px;
    transition: 0.3s;
  }
  #officeTourMokuji > li > a.tokyo {
    background: url(../images/second/office/mokuji1.png) no-repeat center/cover;
  }
  #officeTourMokuji > li > a.tokyo:hover {
    background: url(../images/second/office/mokuji1_mo.png) no-repeat center/cover;
  }
  #officeTourMokuji > li > a.kansai {
    background: url(../images/second/office/mokuji2.png) no-repeat center/cover;
  }
  #officeTourMokuji > li > a.kansai:hover {
    background: url(../images/second/office/mokuji2_mo.png) no-repeat center/cover;
  }
  #officeTourMokuji > li span {
    display: block;
    color: #fff;
    text-align: center;
  }
  #officeTourMokuji > li .en {
    font-weight: 700;
    font-size: 40px;
  }
  #officeTourMokuji > li .ja {
    font-weight: 500;
    font-size: 22px;
  }
  .officeTourTitle {
    position: relative;
    z-index: 1;
  }
  .officeTourTitle:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 548px solid #fcecea;
    border-right: 544px solid transparent;
    width: 77vw;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: -1;
  }
  .officeTourTitle .txt {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding-top: 135px;
  }
  .officeTourTitle .txt .txtInner {
    width: 58%;
  }
  .officeTourTitle .txt .txtInner h2 {
    font-size: 42px;
    font-weight: 500;
    background-image: url(../images/second/office/h2_underline.webp);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 20px;
    line-height: 1;
  }
  .officeTourTitle .txt .txtInner h2 span {
    display: block;
    font-size: 18px;
    padding-bottom: 10px;
  }
  .officeTourTitle .txt .txtInner p {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 25px;
  }
  .officeTourTitle .img {
    width: 41vw;
    height: 500px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    box-shadow: 3px 3px 0 #ffd743;
  }
  .officeTourTitle .img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    width: 100%;
    height: 100%;
    aspect-ratio: 1000/667;
  }
  .officeTourTitle .sml {
    padding-bottom: 0 !important;
    font-size: 35px !important;
  }
  #abw {
    margin-top: 280px;
  }
  #abw .abwInner {
    max-width: 860px;
    width: 95%;
    margin: 120px auto 0;
  }
  #abw .abwInner h3 {
    font-size: 34px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    line-height: 1;
  }
  #abw .abwInner h3:before, #abw .abwInner h3:after {
    content: "";
    display: block;
    width: 18px;
    height: 4px;
    border-radius: 2px;
    background-color: #e73d30;
  }
  #abw .abwInner p {
    font-size: 18px;
  }
  #abw .abwInner p.aboutABW {
    font-weight: 700;
    margin-top: 40px;
  }
  #abw .abwInner p.read {
    font-weight: 500;
    margin-top: 1em;
  }
  #abw .abwInner p.memo {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 60px;
  }
  #abw .abwInner .abwList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 30px;
    margin-top: 90px;
  }
  #abw .abwInner .abwList .item .title {
    font-size: 18px;
    font-weight: 900;
  }
  #abw .abwInner .abwList .item h4 {
    font-size: 18px;
    font-weight: 700;
  }
  #abw .abwInner .abwList .item .icon {
    max-height: 97px;
    padding: 15px 20px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #abw .abwInner .abwList .item img {
    width: 85%;
  }
  #abw .abwInner .abwList .item p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 5px;
  }
  #abw .abwInner .abwList .item:nth-of-type(1) .title {
    color: #0a5c8b;
  }
  #abw .abwInner .abwList .item:nth-of-type(1) h4 {
    background-color: rgba(10, 92, 139, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(1) .icon {
    background-color: #0a5c8b;
  }
  #abw .abwInner .abwList .item:nth-of-type(2) .title {
    color: #4393c8;
  }
  #abw .abwInner .abwList .item:nth-of-type(2) h4 {
    background-color: rgba(67, 147, 200, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(2) .icon {
    background-color: #4393c8;
  }
  #abw .abwInner .abwList .item:nth-of-type(3) .title {
    color: #2d436e;
  }
  #abw .abwInner .abwList .item:nth-of-type(3) h4 {
    background-color: rgba(45, 67, 110, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(3) .icon {
    background-color: #2d436e;
  }
  #abw .abwInner .abwList .item:nth-of-type(4) .title {
    color: #e78a31;
  }
  #abw .abwInner .abwList .item:nth-of-type(4) h4 {
    background-color: rgba(231, 138, 49, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(4) .icon {
    background-color: #e78a31;
  }
  #abw .abwInner .abwList .item:nth-of-type(5) .title {
    color: #dfad42;
  }
  #abw .abwInner .abwList .item:nth-of-type(5) h4 {
    background-color: rgba(223, 173, 66, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(5) .icon {
    background-color: #dfad42;
  }
  #abw .abwInner .abwList .item:nth-of-type(6) .title {
    color: #7d1d28;
  }
  #abw .abwInner .abwList .item:nth-of-type(6) h4 {
    background-color: rgba(125, 29, 40, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(6) .icon {
    background-color: #7d1d28;
  }
  #abw .abwInner .abwList .item:nth-of-type(7) .title {
    color: #c73a22;
  }
  #abw .abwInner .abwList .item:nth-of-type(7) h4 {
    background-color: rgba(199, 58, 34, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(7) .icon {
    background-color: #c73a22;
  }
  #abw .abwInner .abwList .item:nth-of-type(8) .title {
    color: #e2756e;
  }
  #abw .abwInner .abwList .item:nth-of-type(8) h4 {
    background-color: rgba(226, 117, 110, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(8) .icon {
    background-color: #e2756e;
  }
  #abw .abwInner .abwList .item:nth-of-type(9) .title {
    color: #0e8c59;
  }
  #abw .abwInner .abwList .item:nth-of-type(9) h4 {
    background-color: rgba(14, 140, 89, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(9) .icon {
    background-color: #0e8c59;
  }
  #abw .abwInner .abwList .item:nth-of-type(10) .title {
    color: #898989;
  }
  #abw .abwInner .abwList .item:nth-of-type(10) h4 {
    background-color: rgba(137, 137, 137, 0.3);
    line-height: 1;
    padding: 7px 8px;
  }
  #abw .abwInner .abwList .item:nth-of-type(10) .icon {
    background-color: #898989;
  }
  .officeTourSlide {
    margin-top: 120px;
  }
  .officeTourSlide:nth-of-type(1) {
    margin-top: 160px;
  }
  .officeTourSlide .inner {
    max-width: 860px;
    width: 95%;
    margin: 0 auto;
  }
  .officeTourSlide .inner h3 {
    font-size: 32px;
    font-weight: 500;
    padding-left: 1.3em;
    background-image: url(../images/second/office/h3icon.webp);
    background-repeat: no-repeat;
    background-position: 0 13px;
  }
  .officeTourSlide .inner p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
    font-weight: 500;
  }
  .officeTourSlide .inner p span {
    display: block;
    margin-top: 0.5em;
    font-size: 16px;
    line-height: 1.6;
  }
  .officeTourSlide .inner .slideBody {
    margin-top: 45px;
  }
  .officeTourSlide .inner .slideBody .slick-slide {
    position: relative;
  }
  .officeTourSlide .inner .slideBody .slick-slide .label {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  .officeTourSlide .inner .slideBody .slick-slide .label img {
    width: auto;
    height: 50px;
  }
  .officeTourSlide .inner .slideBody .slick-arrow {
    background-image: url(../images/second/office/slide_arrow.webp);
    width: 35px;
    height: 34px;
    position: absolute;
    top: calc(50% - 17px);
    z-index: 990;
    outline: none;
    background-color: transparent;
    box-shadow: none;
    color: transparent;
    border: none;
    font-size: 0;
  }
  .officeTourSlide .inner .slideBody .slick-arrow.slick-next {
    right: 30px;
    transform: scale(-1, 1);
  }
  .officeTourSlide .inner .slideBody .slick-arrow.slick-prev {
    left: 30px;
  }
  .officeTourSlide .inner .slideBody .slick-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 25px;
  }
  .officeTourSlide .inner .slideBody .slick-dots li {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  .officeTourSlide .inner .slideBody .slick-dots li button {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    outline: none;
    border: none;
    font-size: 0;
    color: transparent;
    background-color: #fff;
  }
  .officeTourSlide .inner .slideBody .slick-dots li.slick-active button {
    background-color: #e63d30;
  }
  #officeTourMovie {
    width: 100%;
    overflow: hidden;
    margin-top: 180px;
  }
  #officeTourMovie .inner {
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    background-color: #f4f4f4;
    z-index: 5;
    border-radius: 10px 0 0 10px;
    padding: 70px;
  }
  #officeTourMovie .inner:before {
    content: "";
    display: block;
    width: 50vw;
    height: 100%;
    position: absolute;
    z-index: -1;
    background-color: #f4f4f4;
    top: 0;
    left: 50%;
  }
  #officeTourMovie .inner h3 {
    font-size: 32px;
    font-weight: 500;
    padding-left: 1.3em;
    background-image: url(../images/second/office/h3icon.webp);
    background-repeat: no-repeat;
    background-position: 0 13px;
  }
  #officeTourMovie .inner .youtubeLink {
    display: block;
    margin-top: 30px;
    transition: all 0.3s;
  }
  #officeTourMovie .inner .youtubeLink:hover {
    opacity: 0.7;
  }
  #officeTourMovie .tsuzuki {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 140px;
  }
  #officeTourMovie .tsuzuki .txt {
    width: 264px;
  }
  #officeTourMovie .tsuzuki .tsuzukiBtn {
    width: 400px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    background-color: #e63d30;
    transition: all 0.3s;
    margin-top: 15px;
    border-radius: 10px;
  }
  #officeTourMovie .tsuzuki .tsuzukiBtn:hover {
    background-color: #eb6459;
  }
  #officeTourMovie .tsuzuki .tsuzukiBtn .en {
    font-size: 20px;
    font-weight: 700;
  }
  #officeTourMovie .tsuzuki .tsuzukiBtn .ja {
    font-size: 18px;
  }
  #officeTourMovie .youtube {
    margin-top: 30px;
  }
  #officeTourMovie .youtube iframe {
    width: 100%;
    aspect-ratio: 860/485;
  }
  article#tokyoOffice {
    margin-top: 250px;
  }
  article#tokyoOffice h2 {
    line-height: 1.2;
    background-size: 410px;
  }
  article#kansaiOffice {
    margin-top: 450px;
  }
  article#kansaiOffice .officeTourSlide:nth-of-type(1) {
    margin-top: 350px;
  }
  .lpCareer {
    font-weight: 500;
  }
  #crJob {
    padding-top: 270px;
  }
  #crJob h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crJob .desc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 45px;
  }
  #crJob .btnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
  }
  #crAbout {
    padding-top: 300px;
  }
  #crAbout h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 173px auto;
  }
  #crAbout .desc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 45px;
  }
  #crAbout .googleSlide {
    width: 100%;
  }
  #crAbout .googleSlide iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 300/150;
    margin-top: 25px;
  }
  #crLinks {
    padding-top: 210px;
  }
  #crLinks ul.solCasList {
    display: flex;
  }
  #crLinks ul.solCasList li {
    position: relative;
    z-index: 2;
    width: 50%;
    padding-block: 70px;
    padding-inline: 40px;
  }
  #crLinks ul.solCasList li:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
    width: calc(50vw + 80px);
  }
  #crLinks ul.solCasList li:nth-child(1) {
    padding-right: 80px;
  }
  #crLinks ul.solCasList li:nth-child(1):before {
    background-color: #e6ebee;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    right: -40px;
  }
  #crLinks ul.solCasList li:nth-child(1) h2.title.reqH2 {
    background-position: left bottom;
    background-size: 154px auto;
  }
  #crLinks ul.solCasList li:nth-child(2) {
    padding-left: 80px;
    transform: translateY(40px);
  }
  #crLinks ul.solCasList li:nth-child(2):before {
    background-color: rgba(249, 138, 132, 0.12);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    left: -40px;
  }
  #crLinks ul.solCasList li:nth-child(2) h2.title.faqH2 {
    background-position: left bottom;
    background-size: 194px auto;
  }
  #crLinks ul.solCasList li p.title {
    font-weight: 700;
    margin-top: 16px;
  }
  #crLinks ul.solCasList li p.title + p.desc {
    margin-top: 56px;
  }
  #crLinks ul.solCasList li .btn {
    margin-top: 30px;
  }
  #crLinks ul.solCasList li .btn .shiruBtn {
    display: flex;
    align-items: center;
    width: 257px;
    height: 50px;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 60px;
    padding-block: 4px;
    padding-inline: 20px 4px;
    transition: all 0.4s;
    background-color: #fff;
  }
  #crLinks ul.solCasList li .btn .shiruBtn .t {
    font-size: 13px;
    flex: 1;
    transition: all 0.4s;
  }
  #crLinks ul.solCasList li .btn .shiruBtn .i {
    border-radius: 50%;
    background: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 125%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    transition: all 0.4s;
  }
  #crLinks ul.solCasList li .btn .shiruBtn .i svg {
    width: 18px;
    height: 14px;
    fill: #fff;
    transition: all 0.4s;
  }
  #crLinks ul.solCasList li .btn .shiruBtn:hover {
    background: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 125%);
  }
  #crLinks ul.solCasList li .btn .shiruBtn:hover .t {
    color: #fff;
  }
  #crLinks ul.solCasList li .btn .shiruBtn:hover .i {
    background: #fff;
  }
  #crLinks ul.solCasList li .btn .shiruBtn:hover .i svg {
    fill: #e63d30;
  }
  /* _second3.scssに移動
  #crVoices {
    @if $type==sp {
      padding-block: 100px 75px;
    }

    @if $type==pc {
      padding-block: 280px 200px;
    }

    h2.title.reqH2 {
      text-align: center;
      background-position: center bottom;

      @if $type==sp {
        background-size: 100px auto;
      }

      @if $type==pc {
        background-size: 166px auto;
      }
    }

    .desc {
      text-align: center;
      font-weight: 500;

      @if $type==sp {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 25px;
      }

      @if $type==pc {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 45px;
      }
    }
  }
  */
  #crBenefits {
    position: relative;
    z-index: 2;
    padding-block: 150px 154px;
  }
  #crBenefits:before {
    content: "";
    position: absolute;
    background: #f1f1f1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  #crBenefits h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 180px auto;
  }
  #crBenefits .desc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 45px;
  }
  #crBenefits h3.title.slash {
    font-weight: 700;
    margin-top: 120px;
  }
  #crBenefits h3.title.slash span {
    color: #003349;
    font-weight: 700;
    font-size: 22px;
    margin-left: 25px;
  }
  #crBenefits .ebList {
    margin-top: 36px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  #crBenefits .ebList li {
    background: #fff;
    border-radius: 5px;
    width: calc((100% - 48px) / 3);
  }
  #crBenefits .ebList li img {
    width: 100%;
    height: auto;
  }
  #crFaq {
    margin-top: 0 !important;
    padding-top: 240px;
  }
  #crFaq h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crFaq .desc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 45px;
  }
  #crFaq .faq h3.title.slash {
    color: #003349;
  }
  #crFaq .qaWrap {
    margin-top: 35px !important;
  }
  .lpDiversityCareer {
    font-weight: 500;
  }
  .lpDiversityCareer .pageRequirement.ds h2.title.rcH2 {
    background-size: 446px auto;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #003349;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div:first-of-type {
    border-top: 3px solid #003349;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div:last-of-type {
    border-bottom: 3px solid #003349;
  }
  #dsApply {
    padding-block: 108px 100px;
    max-width: 850px;
    margin-inline: auto;
  }
  #dsApply p.leadText {
    line-height: 2;
    margin-top: 35px;
  }
  #dsApply .colorBox {
    background: #e5ebed;
    display: grid;
    place-content: center;
    margin-top: 30px;
    padding-block: 40px;
    padding-inline: 40px;
  }
  #dsApply .colorBox ol li {
    line-height: 2;
    font-size: 20px;
  }
  #dsApply .colorBox + p.annotation {
    margin-top: 20px;
  }
  #dsApply p.annotation {
    position: relative;
    padding-left: 20px;
  }
  #dsApply p.annotation:before {
    content: "※";
    position: absolute;
    color: #000;
    left: 0;
  }
  #dsApply .btnWrap {
    margin-top: 60px;
  }
  #dsApply .btnWrap .lpBtn {
    margin-inline: auto;
    width: 320px;
  }
  .backBtn {
    margin-top: 100px;
  }
  .backBtn .shiruBtn {
    margin-inline: auto;
    display: flex;
    align-items: center;
    width: 257px;
    height: 50px;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 60px;
    padding-block: 4px;
    padding-inline: 20px 4px;
    transition: all 0.4s;
    background-color: #fff;
  }
  .backBtn .shiruBtn .t {
    font-size: 16px;
    flex: 1;
    transition: all 0.4s;
  }
  .backBtn .shiruBtn .i {
    border-radius: 50%;
    background: #003349;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    transition: all 0.4s;
  }
  .backBtn .shiruBtn .i svg {
    width: 18px;
    height: 14px;
    fill: #fff;
    transition: all 0.4s;
  }
  .backBtn .shiruBtn:hover {
    background: #003349;
  }
  .backBtn .shiruBtn:hover .t {
    color: #fff;
  }
  .backBtn .shiruBtn:hover .i {
    background: #fff;
  }
  .backBtn .shiruBtn:hover .i svg {
    fill: #003349;
  }
  #crVoices {
    padding-block: 280px 200px;
    padding-inline: 75px;
  }
  #crVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 166px auto;
  }
  #crVoices .desc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 45px;
  }
  #crVoices #slideWrap #selecter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 8px;
    margin-top: 45px;
  }
  #crVoices #slideWrap #selecter .selectBtn {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 120px;
    padding: 28px 15px 15px 80px;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    border: none;
    outline: none;
    background-color: #f0f0f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  #crVoices #slideWrap #selecter .selectBtn.active {
    background-color: #FBE2E0;
    pointer-events: none;
  }
  #crVoices #slideWrap #selecter .selectBtn:hover {
    background-color: #dddddd;
  }
  #crVoices #slideWrap #selecter .selectBtn span {
    display: block;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.05em;
    background-image: url(../images/second/slide_btn_bg.webp);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 28px 23px;
    position: absolute;
    top: 13px;
    left: 14px;
    width: 2.4em;
    text-align: left;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
  }
  #crVoices #slideWrap #slideBody {
    position: relative;
    margin-top: 80px;
  }
  #crVoices #slideWrap #slideBody .slick-arrow {
    background-image: url(../images/second/slide_arrow.webp);
    width: 42px;
    height: 42px;
    position: absolute;
    top: calc(50% - 21px);
    border: none;
    outline: none;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    cursor: pointer;
    transition: 0.3s ease;
  }
  #crVoices #slideWrap #slideBody .slick-arrow:hover {
    opacity: 0.5;
  }
  #crVoices #slideWrap #slideBody .slick-arrow.slick-prev {
    left: -62px;
    transform: scale(-1, 1);
  }
  #crVoices #slideWrap #slideBody .slick-arrow.slick-next {
    right: -55px;
  }
  #dsVoices {
    background-color: #f0f0f0;
    margin: 120px calc((100vw - 100%) * -1 / 2) 0;
    padding: 140px 0;
    width: 100vw;
  }
  #dsVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
    background-size: 166px auto;
  }
  #dsVoices .desc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 45px;
  }
  #dsVoices #slideWrap {
    max-width: 1000px;
    width: 100%;
    padding-inline: 75px;
    margin-inline: auto;
  }
  #dsVoices #slideWrap #selecter {
    width: 71%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 8px;
    margin: 45px auto 0;
  }
  #dsVoices #slideWrap #selecter .selectBtn {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 80px;
    padding: 28px 15px 15px 80px;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    border: none;
    outline: none;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  #dsVoices #slideWrap #selecter .selectBtn.active {
    background-color: #FBE2E0;
    pointer-events: none;
  }
  #dsVoices #slideWrap #selecter .selectBtn:hover {
    background-color: #dddddd;
  }
  #dsVoices #slideWrap #selecter .selectBtn span {
    display: block;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.05em;
    background-image: url(../images/second/slide_btn_bg.webp);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 28px 23px;
    position: absolute;
    top: 13px;
    left: 14px;
    width: 2.4em;
    text-align: left;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
  }
  #dsVoices #slideWrap #slideBody {
    position: relative;
    margin-top: 80px;
  }
  #dsVoices #slideWrap #slideBody .slick-arrow {
    background-image: url(../images/second/slide_arrow.webp);
    width: 42px;
    height: 42px;
    position: absolute;
    top: 300px;
    border: none;
    outline: none;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    cursor: pointer;
    transition: 0.3s ease;
  }
  #dsVoices #slideWrap #slideBody .slick-arrow:hover {
    opacity: 0.5;
  }
  #dsVoices #slideWrap #slideBody .slick-arrow.slick-prev {
    left: -62px;
    transform: scale(-1, 1);
  }
  #dsVoices #slideWrap #slideBody .slick-arrow.slick-next {
    right: -55px;
  }
}
@media print, screen and (max-width: 1920px) {
  .archiveInternship .archiveArea .internshipList {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
  .archiveInternship .archiveArea .internshipList li {
    position: relative;
    width: 100%;
  }
  .archiveInternship .archiveArea .internshipList .txtBox {
    background-color: #fff;
  }
  .archiveInternship .archiveArea .internshipList .event {
    color: #e63d30;
    font-weight: 700;
    text-align: start;
  }
  .archiveInternship .archiveArea .internshipList .course {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail {
    overflow: hidden;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .archiveInternship .archiveArea .internshipList .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
    padding: 5px 15px;
  }
  .archiveInternship .pastArchiveArea .title {
    line-height: 1;
    font-weight: 500;
    text-align: center;
  }
  .archiveInternship .pastArchiveArea .pastList {
    display: flex;
    flex-wrap: wrap;
  }
  .archiveInternship .pastArchiveArea .pastList li .end {
    color: #e63d30;
    line-height: 1;
    font-weight: 500;
  }
  .archiveInternship .pastArchiveArea .pastList li .type {
    color: #003349;
    line-height: 1.4;
    font-weight: 500;
  }
  .archiveInternship .pastArchiveArea .pastList li .event {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
  }
  .customInternship .thumbnailArea {
    position: relative;
  }
  .customInternship .thumbnailArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .customInternship .thumbnailArea .wrap {
    position: relative;
    z-index: 10;
  }
  .customInternship .thumbnailArea .thumbnail {
    overflow: hidden;
  }
  .customInternship .thumbnailArea .thumbnail img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .customInternship .thumbnailArea .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
  }
  .customInternship .introArea .event {
    color: #e63d30;
    font-weight: 700;
    line-height: 1;
  }
  .customInternship .introArea .course {
    font-weight: 700;
    line-height: 1.2;
    text-align: start;
  }
  .customInternship .detailsArea .details {
    background-color: #fff;
  }
  .customInternship .detailsArea .details .title > p {
    position: relative;
    font-weight: 500;
  }
  .customInternship .detailsArea .details .title > p::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .customInternship .detailsArea .details .txt > p {
    font-weight: 500;
  }
  .customInternship .overviewArea,
  .customInternship .requirementsArea {
    background-color: #fff;
  }
  .customInternship .overviewArea .mainTitle,
  .customInternship .requirementsArea .mainTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
    line-height: 1;
  }
  .customInternship .overviewArea .mainTitle::after,
  .customInternship .requirementsArea .mainTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .customInternship .overviewArea .overview .title > p,
  .customInternship .overviewArea .requirements .title > p,
  .customInternship .requirementsArea .overview .title > p,
  .customInternship .requirementsArea .requirements .title > p {
    position: relative;
    font-weight: 500;
    color: #fff;
    background-color: #e63d30;
    line-height: 1;
  }
  .customInternship .overviewArea .overview .txt ul > li,
  .customInternship .overviewArea .requirements .txt ul > li,
  .customInternship .requirementsArea .overview .txt ul > li,
  .customInternship .requirementsArea .requirements .txt ul > li {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #003349;
  }
  .customInternship .overviewArea .overview .txt ul > li:last-child,
  .customInternship .overviewArea .requirements .txt ul > li:last-child,
  .customInternship .requirementsArea .overview .txt ul > li:last-child,
  .customInternship .requirementsArea .requirements .txt ul > li:last-child {
    background-color: #e63d30;
  }
  .customInternship .overviewArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .overviewArea .requirements .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .requirements .txt ul > li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom: 0;
  }
  .customInternship .overviewArea .flowChart,
  .customInternship .requirementsArea .flowChart {
    display: flex;
    justify-content: center;
  }
  .customInternship .overviewArea .flowChart li,
  .customInternship .requirementsArea .flowChart li {
    position: relative;
  }
  .customInternship .overviewArea .flowChart li:not(:last-child)::after,
  .customInternship .requirementsArea .flowChart li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .customInternship .voiceArea .mainTitle img {
    display: block;
    margin-inline: auto;
  }
  .customInternship .voiceArea .voiceList {
    display: flex;
    flex-wrap: wrap;
  }
  .customInternship .voiceArea .voiceList li {
    background-color: #fff;
    display: flex;
    border: 2px solid #003349;
  }
  .pageRequirement .greyCont {
    background-color: #f4f4f4;
  }
  .pageRequirement .whtCont {
    background-color: #fff;
  }
  .pageRequirement #person .catch {
    position: relative;
    background-color: #fff;
    color: #e63d30;
    font-weight: 700;
  }
  .pageRequirement #person .desc {
    font-weight: 500;
  }
  .pageRequirement #mission .copyImg {
    border-bottom: 1px solid #000;
  }
  .pageRequirement #mission .desc {
    font-weight: 500;
  }
  .pageRequirement #requirement h3.title.slash {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tab {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tablist {
    display: flex;
    justify-content: center;
  }
  .pageRequirement #requirement .tablist button {
    display: block;
    border: none;
    color: #fff;
    font-weight: 700;
    text-align: left;
  }
  .pageRequirement #requirement #tabA[role=tab][aria-selected=false] {
    background: #003349;
  }
  .pageRequirement #requirement #tabB[role=tab][aria-selected=false] {
    background: #e63d30;
  }
  .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #2ebcef;
  }
  .pageRequirement #requirement .tabContent dt > p {
    color: #fff;
    text-align: center;
    font-weight: 500;
  }
  .pageRequirement #requirement .tabContent dd .sq {
    display: inline-block;
  }
  .pageRequirement #requirement #panelA .tabContent dt > p {
    background-color: #003349;
  }
  .pageRequirement #requirement #panelA .tabContent .sq {
    color: #003349;
  }
  .pageRequirement #requirement #panelB .tabContent dt > p {
    background-color: #e63d30;
  }
  .pageRequirement #requirement #panelB .tabContent .sq {
    color: #e63d30;
  }
  .pageRequirement #flow .note {
    font-weight: 500;
  }
  .flowList li {
    position: relative;
  }
  .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .interview .mainArea {
    position: relative;
  }
  .interview .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .interview .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .interview .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .mainArea .catch {
    font-weight: 500;
  }
  .interview .interviewArea {
    position: relative;
  }
  .interview .interviewArea::after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
  }
  .interview .interviewArea .person {
    position: relative;
    z-index: 10;
  }
  .interview .interviewArea .personImg {
    position: relative;
  }
  .interview .interviewArea .personImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .interview .interviewArea .personImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .personImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .interviewArea .jp {
    position: relative;
    font-weight: 500;
  }
  .interview .interviewArea .jp::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .interview .interviewArea .roma {
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea .position {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea .qaArea {
    position: relative;
    z-index: 10;
  }
  .interview .interviewArea .number {
    text-align: center;
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea h3.question {
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .interview .interviewArea h3.question::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .interview .interviewArea .qaImg {
    position: relative;
  }
  .interview .interviewArea .qaImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .interview .interviewArea .qaImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .qaImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .interviewArea .autoWrapper {
    text-align: center;
  }
  .interview .interviewArea .autoWrapper .qaImg img {
    display: inline-block;
    aspect-ratio: auto;
  }
  .interview .interviewArea .note {
    position: relative;
    z-index: 10;
    line-height: 1;
  }
  .projectArchive .desc {
    font-size: 18px;
    line-height: 1.66;
  }
  .projectArchive .projectList {
    display: flex;
    flex-wrap: wrap;
  }
  .projectArchive .projectList .thumbnail {
    position: relative;
  }
  .projectArchive .projectList .thumbnail::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectArchive .projectList .thumbnail .thumbInner {
    overflow: hidden;
  }
  .projectArchive .projectList .thumbnail img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectArchive .projectList .catch {
    font-weight: 500;
  }
  .projectArchive .projectList .projectName {
    position: relative;
    font-weight: 700;
  }
  .projectArchive .projectList .projectName::before {
    content: "";
    display: block;
    background: url(../images/second/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .projectDetails .mainArea {
    position: relative;
  }
  .projectDetails .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .projectDetails .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .projectDetails .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .mainArea .catch {
    font-weight: 500;
  }
  .projectDetails .whtBox {
    background-color: #fff;
  }
  .projectDetails .memberList {
    display: flex;
  }
  .projectDetails .memberList .img {
    position: relative;
  }
  .projectDetails .memberList .img::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectDetails .memberList .img .imgInner {
    overflow: hidden;
  }
  .projectDetails .memberList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .memberList .name {
    font-weight: 500;
    line-height: 1;
  }
  .projectDetails .memberList .charge {
    line-height: 1.53;
    margin-top: 10px;
  }
  .projectDetails .note {
    line-height: 1;
    margin-top: 45px;
  }
  .projectDetails h3.prTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .projectDetails h3.prTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .projectDetails .prImg {
    position: relative;
  }
  .projectDetails .prImg::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectDetails .prImg .imgInner {
    overflow: hidden;
  }
  .projectDetails .prImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .expBox a.blank {
    position: relative;
    font-weight: 700;
  }
  .projectDetails .expBox a.blank::after {
    content: "";
    display: block;
    background: url(../images/common/icon_blank.svg) no-repeat center/100%;
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 12px;
  }
  .fresh #cross .desc {
    margin-top: 25px;
  }
  .fresh #cross .crossTolkList li:last-child {
    margin-top: 50px;
  }
  .fresh #cross .crossTolkList .wrap {
    display: flex;
    width: 100%;
  }
  .fresh #cross .crossTolkList .img {
    position: relative;
  }
  .fresh #cross .crossTolkList .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .fresh #cross .crossTolkList .img .imgInner {
    overflow: hidden;
  }
  .fresh #cross .crossTolkList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .fresh #survey .desc {
    margin-top: 25px;
  }
  .fresh #survey .survey {
    display: flex;
    flex-wrap: wrap;
  }
  .fresh #survey .survey .img {
    width: 100%;
  }
  .crosstolk .titleArea .subTitle {
    color: #000;
  }
  .crosstolk .titleArea .mainImg {
    overflow: hidden;
  }
  .crosstolk .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .crosstolk .memberArea .memberTitle img {
    margin-inline: auto;
  }
  .crosstolk .memberArea .participantsList {
    display: flex;
  }
  .crosstolk .memberArea .person {
    position: relative;
  }
  .crosstolk .memberArea .person::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .crosstolk .memberArea .person .imgInner {
    overflow: hidden;
  }
  .crosstolk .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .memberArea .person .tag {
    position: absolute;
    z-index: 10;
    display: inline-block;
    background-color: #ffa0b9;
    color: #fff;
    line-height: 1;
  }
  .crosstolk .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  .crosstolk .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .crosstolk .memberArea .roma {
    line-height: 1;
  }
  .crosstolk .memberArea .position {
    line-height: 1;
    margin-top: 10px;
  }
  .crosstolk .memberArea .desc {
    border-top: 1px solid #ffa0b9;
  }
  .crosstolk .tkSection .tkTitle {
    font-weight: 500;
  }
  .crosstolk .tkSection .tkUpper {
    position: relative;
  }
  .crosstolk .tkSection .discussion > div {
    display: flex;
  }
  .crosstolk .tkSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .crosstolk .tkSection .tkBottom .discussion {
    width: 100%;
  }
  .crosstolk .tkSection .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .crosstolk .tkSection .img .imgInner {
    overflow: hidden;
  }
  .crosstolk .tkSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .tkSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .discussionBnrBtn {
    display: block;
    margin-inline: auto;
  }
  .crosstolk .discussionBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .crosstolk .discussionBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
  }
  .message .titleArea .mainImg {
    overflow: hidden;
  }
  .message .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .dotTxt span {
    display: block;
    height: 1px;
    width: 100%;
  }
  .message .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .message .memberArea .recruiterList {
    display: flex;
  }
  .message .memberArea .person {
    position: relative;
  }
  .message .memberArea .person::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .message .memberArea .person .imgInner {
    overflow: hidden;
  }
  .message .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  .message .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .message .memberArea .roma {
    color: #808080;
    line-height: 1;
  }
  .message .memberArea .position {
    line-height: 1;
    margin-top: 10px;
  }
  .message .memberArea .desc {
    border-top: 1px solid #6593c8;
  }
  .message .rcSection .rcTitle {
    font-weight: 500;
  }
  .message .rcSection .rcUpper {
    position: relative;
  }
  .message .rcSection .discussion > div {
    display: flex;
  }
  .message .rcSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .message .rcSection .rcBottom .discussion {
    width: 100%;
  }
  .message .rcSection .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .message .rcSection .img .imgInner {
    overflow: hidden;
  }
  .message .rcSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .rcSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .workStyle .col2 {
    position: relative;
    z-index: 10;
    display: flex;
  }
  .workStyle .col2 .img {
    position: relative;
  }
  .workStyle .col2 .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .workStyle .col2 .img .imgInner {
    overflow: hidden;
  }
  .workStyle .col2 .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .workStyle .bgSlash {
    position: relative;
  }
  .workStyle #benefits {
    background-color: #f1f1f1;
    width: 100vw;
  }
  .workStyle #benefits h3.title.slash {
    font-weight: 700;
  }
  .workStyle #benefits .jaTitle {
    font-weight: 500;
    color: #e63d30;
  }
  .workStyle #benefits .benefitsList {
    display: flex;
    flex-wrap: wrap;
  }
  .workStyle #benefits .benefitsList li {
    background-color: #fff;
  }
  .workStyle #benefits .benefitsList .icon {
    position: relative;
  }
  .workStyle #benefits .benefitsList .icon::after {
    content: "";
    display: block;
    background: url(../images/second/kankyo_dotline.svg) repeat-x center/100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .business #workPlace {
    position: relative;
  }
  .business #workPlace .irregularBg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0f0f0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 100%;
  }
  .business #public .col2Box {
    background-color: #fcecea;
  }
  .business #public .col2Box .img {
    right: inherit;
  }
  .business .col2Box .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .business .col2Box .img .imgInner {
    overflow: hidden;
  }
  .business .col2Box .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .business .serviceList {
    display: flex;
  }
  .business .serviceList .img {
    position: relative;
  }
  .business .serviceList .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .business .serviceList .img .imgInner {
    overflow: hidden;
  }
  .business .serviceList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .business .serviceList .type {
    text-align: center;
    font-weight: 500;
  }
  .business .other {
    text-align: center;
    font-weight: 500;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .business .btnArea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .jobtype {
    scroll-behavior: smooth;
  }
  .jobtype #anchorFlow .flowTitle {
    font-weight: 500;
    line-height: 1;
    text-align: center;
  }
  .jobtype #anchorFlow .flowArea {
    position: relative;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn {
    display: block;
    position: absolute;
    color: #fff;
    background-color: #e63d30;
    font-weight: 500;
    line-height: 1;
    border: 1px solid #e63d30;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn span::after {
    content: "";
    display: block;
    background: url(../images/common/anchor_arrow_white.svg) no-repeat center/100%;
    position: absolute;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor {
    pointer-events: none;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor span::after {
    content: none;
  }
  .jobtype #anchorFlow .flowArea.other {
    background-color: #e0e7ec;
    display: flex;
  }
  .jobtype #anchorFlow .flowArea.other .anchorBtn {
    position: relative;
    width: 100%;
  }
  .jobtype .storyBnrBtn {
    display: block;
    margin-inline: auto;
  }
  .jobtype .storyBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .jobtype .storyBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
  }
  .jobtype #jobIntroduction {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .jobtype #jobIntroduction .jobList {
    display: flex;
    flex-wrap: wrap;
  }
  .jobtype #jobIntroduction .jobList > li {
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
  }
  .jobtype #jobIntroduction .jobList .icon {
    margin-inline: auto;
  }
  .jobtype #jobIntroduction .jobList .type {
    font-weight: 700;
    text-align: center;
    line-height: 1;
  }
  .jobtype #jobIntroduction .jobList .linkBox {
    border-top: 1px solid #abd269;
  }
  .jobtype #jobIntroduction .jobList .linkBox .txt {
    font-weight: 700;
    margin: 0;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList {
    display: flex;
  }
  .itokiCareer #schedule .scheduleFlow > div:nth-of-type(even) dd {
    background-color: #f0f0f0;
  }
  .itokiCareer #schedule .scheduleFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow dt {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow dt p {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #schedule .scheduleFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #schedule .scheduleFlow dd {
    background-color: #dcdddd;
  }
  .itokiCareer #schedule .scheduleFlow dd .event {
    line-height: 1;
    font-weight: 500;
  }
  .itokiCareer #step {
    background-color: #f1f1f1;
  }
  .itokiCareer #step .tablist button {
    background-color: #fff;
    border: solid 1px #000;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    color: #000;
  }
  .itokiCareer #step .tablist [role=tab][aria-selected=true] {
    background-color: #ffd743;
    pointer-events: none;
  }
  .itokiCareer #step .tabpanel {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepTxt {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepTxt .txtInner {
    background-color: #fff;
    position: relative;
    z-index: 10;
  }
  .itokiCareer #step .tabContent .stepFlow > div {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepFlow > div:first-of-type::before {
    height: calc(100% - 10px);
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(2)::after {
    background-color: #738f9b;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(3)::after {
    background-color: #4c7080;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(4)::after {
    background-color: #265264;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type::after {
    background-color: #003349;
  }
  .itokiCareer #step .tabContent .stepFlow dt p {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #step .tabContent .stepFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul li {
    position: relative;
  }
  .itokiCareer #transition .caseBox + .caseBox {
    border-top: 1px solid #000;
  }
  .itokiCareer #transition .num {
    position: relative;
  }
  .itokiCareer #transition .caseTitle {
    font-weight: 500;
    text-align: center;
  }
  .itokiCareer #transition .casePerson {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .itokiCareer #transition .casePerson .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .casePerson .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .itokiCareer #transition .casePerson .txtWrap {
    position: relative;
    z-index: 10;
  }
  .itokiCareer #transition .casePerson .name {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #transition .casePerson .roma {
    color: #808080;
    line-height: 1;
  }
  .itokiCareer #transition .caseFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt p {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #transition .caseFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #transition .caseFlow dd .career {
    font-weight: 500;
  }
  .itokiCareer #transition .caseFlow dd .img {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dd .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .itokiCareer #transition .caseFlow dd .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .caseFlow dd .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #lpTitle {
    display: flex;
    align-items: center;
  }
  #lpTitle h1.title {
    color: #231815;
    font-weight: 700;
    line-height: 1.2;
  }
  #dsMessage h2.title.reqH2,
  #crMessage h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsMessage .copy,
  #crMessage .copy {
    font-weight: 500;
  }
  #dsMessage .txt,
  #crMessage .txt {
    font-weight: 500;
  }
  .lpBtn {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background-color: #003349;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4);
    line-height: 1.4;
  }
  .lpBtn span {
    position: relative;
  }
  .lpBtn.gr {
    background-image: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 200%);
  }
  .lpBtnWrap {
    display: flex;
    justify-content: center;
  }
  #dsFaq h2.title.reqH2,
  #crFaq h2.title.reqH2 {
    text-align: center;
    letter-spacing: 0.05em;
    background-position: center bottom;
  }
  #dsFaq .subTtl,
  #crFaq .subTtl {
    text-align: center;
    font-weight: 500;
  }
  #dsFaq .faq dd,
  #crFaq .faq dd {
    font-weight: 400;
  }
  #dsFaq .qaWrap,
  #crFaq .qaWrap {
    margin-top: 0;
  }
  #dsFaq .iconQ,
  #dsFaq .iconA,
  #dsFaq button,
  #crFaq .iconQ,
  #crFaq .iconA,
  #crFaq button {
    font-weight: 400;
  }
  .lpDiversity {
    font-weight: 500;
  }
  #dsNew h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsNew .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsCareer h2.title.faqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsCareer .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsCareer .wrapper .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  #dsCareer .wrapper .note {
    text-align: center;
    margin-top: 30px;
  }
  #dsStatus h2.title.svH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsStatus .statusList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #dsInitiative h2.title.crH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsInitiative .initiativeList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #dsInitiative .initiativeList > li {
    background-color: #f0f0f0;
  }
  #dsInitiative .initiativeList h3.title.slash {
    font-weight: 700;
  }
  #dsInitiative .initiativeList .txt {
    font-weight: 500;
  }
  main {
    position: relative;
    overflow: hidden;
    font-weight: 400;
  }
  main:has(.lpCareer, .lpDiversity, .lpDiversityCareer) {
    background: none;
  }
  main.bgGrey {
    background-color: #f0f0f0;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  ul,
  ol {
    list-style-type: none;
  }
  img {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
  }
  * {
    box-sizing: border-box;
  }
  sup,
  sub {
    font-size: 0.6em;
  }
  .bold {
    font-weight: 700;
  }
  #contents {
    position: relative;
  }
  #contents:has(.archiveInternship) {
    padding-top: 0;
  }
  #contents:has(.jobtype) {
    padding-bottom: 0;
  }
  .readBox {
    background-color: #fff;
  }
  .readBox .read {
    font-weight: 500;
  }
  h2.title {
    color: #003349;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.08em;
  }
  h2.title.faqH2 {
    color: #000;
    letter-spacing: -0.03em;
    font-weight: 500;
  }
  h2.title.reqH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/saiyo_yoko_underline.svg);
  }
  h2.title.crH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_ITOKI_recruit_eigyo.svg);
  }
  h2.title.crkhH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_underline_kaihatsu.svg);
  }
  h2.title.tkH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/crosstolk_underline_pc.svg);
  }
  h2.title.svH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/survey_underline_pc.svg);
  }
  h2.title.rcH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/ITOKI_recruit_underline.svg);
  }
  h2.title.wkH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/kankyo_underline.svg);
  }
  h2.title.jbH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/jobtype_underline.svg);
  }
  h2.title.slash {
    color: #000;
    font-weight: 500;
    letter-spacing: normal;
  }
  h3.title {
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  h4.title {
    text-align: center;
  }
  h4.title span {
    display: inline-block;
    position: relative;
    font-weight: 500;
  }
  h4.title span::before, h4.title span::after {
    content: "";
    display: block;
    background: url(../images/second/h4_line.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  h4.title span::before {
    left: 0;
  }
  h4.title span::after {
    right: 0;
  }
  .subTitle {
    display: inline-block;
    color: #003349;
    font-weight: 500;
    position: relative;
  }
  .subTitle.internship::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
  }
  .commonBtn {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 100svh;
    font-weight: 500;
    text-align: left;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 50px;
  }
  .commonBtn.ltBlue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_ltblue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.pink::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_pink.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.yellow::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_yellow.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
  }
  .commonBtn.blue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_blue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .squareBtn {
    position: relative;
    z-index: 10;
    display: block;
    background-color: #e63d30;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    margin-inline: auto;
  }
  header.secondHeader #siteName a.diversity {
    align-items: flex-start !important;
  }
  header.secondHeader #siteName a.career {
    align-items: flex-start !important;
  }
  header.secondHeader #secondNav {
    background-image: linear-gradient(180deg, rgb(0, 51, 73), rgb(51, 92, 109));
  }
  header.secondHeader #secondNav.isOpen {
    transform: translateX(0);
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav #menuBtn {
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav .navTtl {
    color: #fff;
    font-weight: 700;
    line-height: 1;
  }
  header.secondHeader #secondNav ul > li > a {
    display: block;
    color: #fff;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .pT0 {
    padding-top: 0 !important;
  }
  .pT10 {
    padding-top: 10px !important;
  }
  .pT20 {
    padding-top: 20px !important;
  }
  .pT30 {
    padding-top: 30px !important;
  }
  .pT40 {
    padding-top: 40px !important;
  }
  .pB0 {
    padding-bottom: 0px !important;
  }
  .pB5 {
    padding-bottom: 5px !important;
  }
  .pB10 {
    padding-bottom: 10px !important;
  }
  .pB20 {
    padding-bottom: 20px !important;
  }
  .pB30 {
    padding-bottom: 30px !important;
  }
  .pB40 {
    padding-bottom: 40px !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mB60 {
    margin-bottom: 60px !important;
  }
  .mB70 {
    margin-bottom: 70px !important;
  }
  .mB80 {
    margin-bottom: 80px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mT60 {
    margin-top: 60px !important;
  }
  .mT70 {
    margin-top: 70px !important;
  }
  .mT80 {
    margin-top: 80px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .size12 {
    font-size: 12px !important;
  }
  .size13 {
    font-size: 13px !important;
  }
  .size14 {
    font-size: 14px !important;
  }
  .size15 {
    font-size: 15px !important;
  }
  .size16 {
    font-size: 16px !important;
  }
  .size17 {
    font-size: 17px !important;
  }
  .size18 {
    font-size: 18px !important;
  }
  .size19 {
    font-size: 19px !important;
  }
  .size20 {
    font-size: 20px !important;
  }
  .size22 {
    font-size: 22px !important;
  }
  .size24 {
    font-size: 24px !important;
  }
  .size28 {
    font-size: 28px !important;
  }
  .colorRed {
    color: #e34b30 !important;
  }
  .colorBlue {
    color: #356fcf !important;
  }
  .preBox {
    background: #eff0f4;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  #officeTourMokuji {
    display: flex;
  }
  #officeTourMokuji > li {
    overflow: hidden;
  }
  #officeTourMokuji > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #officeTourMokuji > li span {
    display: block;
    color: #fff;
    text-align: center;
  }
  #officeTourMokuji > li .en {
    font-weight: 700;
  }
  #officeTourMokuji > li .ja {
    font-weight: 500;
  }
  .officeTourTitle .sml {
    padding-bottom: 0 !important;
  }
  .lpCareer {
    font-weight: 500;
  }
  #crJob h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crJob .desc {
    text-align: center;
    font-weight: 500;
  }
  #crJob .btnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #crAbout h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crAbout .desc {
    text-align: center;
    font-weight: 500;
  }
  #crAbout .googleSlide {
    width: 100%;
  }
  #crAbout .googleSlide iframe {
    width: 100%;
    height: auto;
  }
  #crLinks ul.solCasList li {
    position: relative;
    z-index: 2;
  }
  #crLinks ul.solCasList li:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
  }
  #crLinks ul.solCasList li:nth-child(1):before {
    background-color: #e6ebee;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  #crLinks ul.solCasList li:nth-child(2):before {
    background-color: rgba(249, 138, 132, 0.12);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #crLinks ul.solCasList li p.title {
    font-weight: 700;
  }
  /* _second3.scssに移動
  #crVoices {
    @if $type==sp {
      padding-block: 100px 75px;
    }

    @if $type==pc {
      padding-block: 280px 200px;
    }

    h2.title.reqH2 {
      text-align: center;
      background-position: center bottom;

      @if $type==sp {
        background-size: 100px auto;
      }

      @if $type==pc {
        background-size: 166px auto;
      }
    }

    .desc {
      text-align: center;
      font-weight: 500;

      @if $type==sp {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 25px;
      }

      @if $type==pc {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 45px;
      }
    }
  }
  */
  #crBenefits {
    position: relative;
    z-index: 2;
  }
  #crBenefits:before {
    content: "";
    position: absolute;
    background: #f1f1f1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  #crBenefits h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crBenefits .desc {
    text-align: center;
    font-weight: 500;
  }
  #crBenefits h3.title.slash {
    font-weight: 700;
  }
  #crBenefits h3.title.slash span {
    color: #003349;
    font-weight: 700;
  }
  #crBenefits .ebList li {
    background: #fff;
    border-radius: 5px;
  }
  #crBenefits .ebList li img {
    width: 100%;
    height: auto;
  }
  #crFaq {
    margin-top: 0 !important;
  }
  #crFaq h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crFaq .desc {
    text-align: center;
    font-weight: 500;
  }
  #crFaq .faq h3.title.slash {
    color: #003349;
  }
  .lpDiversityCareer {
    font-weight: 500;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #003349;
  }
  #dsApply p.leadText {
    line-height: 2;
  }
  #dsApply .colorBox {
    background: #e5ebed;
    display: grid;
    place-content: center;
  }
  #dsApply .colorBox ol li {
    line-height: 2;
  }
  #dsApply p.annotation {
    position: relative;
  }
  #dsApply p.annotation:before {
    content: "※";
    position: absolute;
    color: #000;
    left: 0;
  }
  #dsApply .btnWrap .lpBtn {
    margin-inline: auto;
  }
  .backBtn .shiruBtn {
    margin-inline: auto;
  }
  #crVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crVoices .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsVoices {
    background-color: #f0f0f0;
  }
  #dsVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsVoices .desc {
    text-align: center;
    font-weight: 500;
  }
}
@media print, screen and (min-width: 1921px) {
  .archiveInternship .archiveArea .internshipList {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
  .archiveInternship .archiveArea .internshipList li {
    position: relative;
    width: 100%;
  }
  .archiveInternship .archiveArea .internshipList .txtBox {
    background-color: #fff;
  }
  .archiveInternship .archiveArea .internshipList .event {
    color: #e63d30;
    font-weight: 700;
    text-align: start;
  }
  .archiveInternship .archiveArea .internshipList .course {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail {
    overflow: hidden;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .archiveInternship .archiveArea .internshipList .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
    padding: 5px 15px;
  }
  .archiveInternship .pastArchiveArea .title {
    line-height: 1;
    font-weight: 500;
    text-align: center;
  }
  .archiveInternship .pastArchiveArea .pastList {
    display: flex;
    flex-wrap: wrap;
  }
  .archiveInternship .pastArchiveArea .pastList li .end {
    color: #e63d30;
    line-height: 1;
    font-weight: 500;
  }
  .archiveInternship .pastArchiveArea .pastList li .type {
    color: #003349;
    line-height: 1.4;
    font-weight: 500;
  }
  .archiveInternship .pastArchiveArea .pastList li .event {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
  }
  .customInternship .thumbnailArea {
    position: relative;
  }
  .customInternship .thumbnailArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .customInternship .thumbnailArea .wrap {
    position: relative;
    z-index: 10;
  }
  .customInternship .thumbnailArea .thumbnail {
    overflow: hidden;
  }
  .customInternship .thumbnailArea .thumbnail img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .customInternship .thumbnailArea .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
  }
  .customInternship .introArea .event {
    color: #e63d30;
    font-weight: 700;
    line-height: 1;
  }
  .customInternship .introArea .course {
    font-weight: 700;
    line-height: 1.2;
    text-align: start;
  }
  .customInternship .detailsArea .details {
    background-color: #fff;
  }
  .customInternship .detailsArea .details .title > p {
    position: relative;
    font-weight: 500;
  }
  .customInternship .detailsArea .details .title > p::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .customInternship .detailsArea .details .txt > p {
    font-weight: 500;
  }
  .customInternship .overviewArea,
  .customInternship .requirementsArea {
    background-color: #fff;
  }
  .customInternship .overviewArea .mainTitle,
  .customInternship .requirementsArea .mainTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
    line-height: 1;
  }
  .customInternship .overviewArea .mainTitle::after,
  .customInternship .requirementsArea .mainTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .customInternship .overviewArea .overview .title > p,
  .customInternship .overviewArea .requirements .title > p,
  .customInternship .requirementsArea .overview .title > p,
  .customInternship .requirementsArea .requirements .title > p {
    position: relative;
    font-weight: 500;
    color: #fff;
    background-color: #e63d30;
    line-height: 1;
  }
  .customInternship .overviewArea .overview .txt ul > li,
  .customInternship .overviewArea .requirements .txt ul > li,
  .customInternship .requirementsArea .overview .txt ul > li,
  .customInternship .requirementsArea .requirements .txt ul > li {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #003349;
  }
  .customInternship .overviewArea .overview .txt ul > li:last-child,
  .customInternship .overviewArea .requirements .txt ul > li:last-child,
  .customInternship .requirementsArea .overview .txt ul > li:last-child,
  .customInternship .requirementsArea .requirements .txt ul > li:last-child {
    background-color: #e63d30;
  }
  .customInternship .overviewArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .overviewArea .requirements .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .requirements .txt ul > li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom: 0;
  }
  .customInternship .overviewArea .flowChart,
  .customInternship .requirementsArea .flowChart {
    display: flex;
    justify-content: center;
  }
  .customInternship .overviewArea .flowChart li,
  .customInternship .requirementsArea .flowChart li {
    position: relative;
  }
  .customInternship .overviewArea .flowChart li:not(:last-child)::after,
  .customInternship .requirementsArea .flowChart li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .customInternship .voiceArea .mainTitle img {
    display: block;
    margin-inline: auto;
  }
  .customInternship .voiceArea .voiceList {
    display: flex;
    flex-wrap: wrap;
  }
  .customInternship .voiceArea .voiceList li {
    background-color: #fff;
    display: flex;
    border: 2px solid #003349;
  }
  .pageRequirement .greyCont {
    background-color: #f4f4f4;
  }
  .pageRequirement .whtCont {
    background-color: #fff;
  }
  .pageRequirement #person .catch {
    position: relative;
    background-color: #fff;
    color: #e63d30;
    font-weight: 700;
  }
  .pageRequirement #person .desc {
    font-weight: 500;
  }
  .pageRequirement #mission .copyImg {
    border-bottom: 1px solid #000;
  }
  .pageRequirement #mission .desc {
    font-weight: 500;
  }
  .pageRequirement #requirement h3.title.slash {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tab {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tablist {
    display: flex;
    justify-content: center;
  }
  .pageRequirement #requirement .tablist button {
    display: block;
    border: none;
    color: #fff;
    font-weight: 700;
    text-align: left;
  }
  .pageRequirement #requirement #tabA[role=tab][aria-selected=false] {
    background: #003349;
  }
  .pageRequirement #requirement #tabB[role=tab][aria-selected=false] {
    background: #e63d30;
  }
  .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #2ebcef;
  }
  .pageRequirement #requirement .tabContent dt > p {
    color: #fff;
    text-align: center;
    font-weight: 500;
  }
  .pageRequirement #requirement .tabContent dd .sq {
    display: inline-block;
  }
  .pageRequirement #requirement #panelA .tabContent dt > p {
    background-color: #003349;
  }
  .pageRequirement #requirement #panelA .tabContent .sq {
    color: #003349;
  }
  .pageRequirement #requirement #panelB .tabContent dt > p {
    background-color: #e63d30;
  }
  .pageRequirement #requirement #panelB .tabContent .sq {
    color: #e63d30;
  }
  .pageRequirement #flow .note {
    font-weight: 500;
  }
  .flowList li {
    position: relative;
  }
  .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .interview .mainArea {
    position: relative;
  }
  .interview .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .interview .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .interview .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .mainArea .catch {
    font-weight: 500;
  }
  .interview .interviewArea {
    position: relative;
  }
  .interview .interviewArea::after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
  }
  .interview .interviewArea .person {
    position: relative;
    z-index: 10;
  }
  .interview .interviewArea .personImg {
    position: relative;
  }
  .interview .interviewArea .personImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .interview .interviewArea .personImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .personImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .interviewArea .jp {
    position: relative;
    font-weight: 500;
  }
  .interview .interviewArea .jp::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .interview .interviewArea .roma {
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea .position {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea .qaArea {
    position: relative;
    z-index: 10;
  }
  .interview .interviewArea .number {
    text-align: center;
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea h3.question {
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .interview .interviewArea h3.question::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .interview .interviewArea .qaImg {
    position: relative;
  }
  .interview .interviewArea .qaImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .interview .interviewArea .qaImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .qaImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .interviewArea .autoWrapper {
    text-align: center;
  }
  .interview .interviewArea .autoWrapper .qaImg img {
    display: inline-block;
    aspect-ratio: auto;
  }
  .interview .interviewArea .note {
    position: relative;
    z-index: 10;
    line-height: 1;
  }
  .projectArchive .desc {
    font-size: 18px;
    line-height: 1.66;
  }
  .projectArchive .projectList {
    display: flex;
    flex-wrap: wrap;
  }
  .projectArchive .projectList .thumbnail {
    position: relative;
  }
  .projectArchive .projectList .thumbnail::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectArchive .projectList .thumbnail .thumbInner {
    overflow: hidden;
  }
  .projectArchive .projectList .thumbnail img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectArchive .projectList .catch {
    font-weight: 500;
  }
  .projectArchive .projectList .projectName {
    position: relative;
    font-weight: 700;
  }
  .projectArchive .projectList .projectName::before {
    content: "";
    display: block;
    background: url(../images/second/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .projectDetails .mainArea {
    position: relative;
  }
  .projectDetails .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .projectDetails .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .projectDetails .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .mainArea .catch {
    font-weight: 500;
  }
  .projectDetails .whtBox {
    background-color: #fff;
  }
  .projectDetails .memberList {
    display: flex;
  }
  .projectDetails .memberList .img {
    position: relative;
  }
  .projectDetails .memberList .img::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectDetails .memberList .img .imgInner {
    overflow: hidden;
  }
  .projectDetails .memberList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .memberList .name {
    font-weight: 500;
    line-height: 1;
  }
  .projectDetails .memberList .charge {
    line-height: 1.53;
    margin-top: 10px;
  }
  .projectDetails .note {
    line-height: 1;
    margin-top: 45px;
  }
  .projectDetails h3.prTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .projectDetails h3.prTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .projectDetails .prImg {
    position: relative;
  }
  .projectDetails .prImg::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectDetails .prImg .imgInner {
    overflow: hidden;
  }
  .projectDetails .prImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .expBox a.blank {
    position: relative;
    font-weight: 700;
  }
  .projectDetails .expBox a.blank::after {
    content: "";
    display: block;
    background: url(../images/common/icon_blank.svg) no-repeat center/100%;
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 12px;
  }
  .fresh #cross .desc {
    margin-top: 25px;
  }
  .fresh #cross .crossTolkList li:last-child {
    margin-top: 50px;
  }
  .fresh #cross .crossTolkList .wrap {
    display: flex;
    width: 100%;
  }
  .fresh #cross .crossTolkList .img {
    position: relative;
  }
  .fresh #cross .crossTolkList .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .fresh #cross .crossTolkList .img .imgInner {
    overflow: hidden;
  }
  .fresh #cross .crossTolkList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .fresh #survey .desc {
    margin-top: 25px;
  }
  .fresh #survey .survey {
    display: flex;
    flex-wrap: wrap;
  }
  .fresh #survey .survey .img {
    width: 100%;
  }
  .crosstolk .titleArea .subTitle {
    color: #000;
  }
  .crosstolk .titleArea .mainImg {
    overflow: hidden;
  }
  .crosstolk .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .crosstolk .memberArea .memberTitle img {
    margin-inline: auto;
  }
  .crosstolk .memberArea .participantsList {
    display: flex;
  }
  .crosstolk .memberArea .person {
    position: relative;
  }
  .crosstolk .memberArea .person::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .crosstolk .memberArea .person .imgInner {
    overflow: hidden;
  }
  .crosstolk .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .memberArea .person .tag {
    position: absolute;
    z-index: 10;
    display: inline-block;
    background-color: #ffa0b9;
    color: #fff;
    line-height: 1;
  }
  .crosstolk .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  .crosstolk .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .crosstolk .memberArea .roma {
    line-height: 1;
  }
  .crosstolk .memberArea .position {
    line-height: 1;
    margin-top: 10px;
  }
  .crosstolk .memberArea .desc {
    border-top: 1px solid #ffa0b9;
  }
  .crosstolk .tkSection .tkTitle {
    font-weight: 500;
  }
  .crosstolk .tkSection .tkUpper {
    position: relative;
  }
  .crosstolk .tkSection .discussion > div {
    display: flex;
  }
  .crosstolk .tkSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .crosstolk .tkSection .tkBottom .discussion {
    width: 100%;
  }
  .crosstolk .tkSection .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .crosstolk .tkSection .img .imgInner {
    overflow: hidden;
  }
  .crosstolk .tkSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .tkSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .discussionBnrBtn {
    display: block;
    margin-inline: auto;
  }
  .crosstolk .discussionBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .crosstolk .discussionBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
  }
  .message .titleArea .mainImg {
    overflow: hidden;
  }
  .message .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .dotTxt span {
    display: block;
    height: 1px;
    width: 100%;
  }
  .message .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .message .memberArea .recruiterList {
    display: flex;
  }
  .message .memberArea .person {
    position: relative;
  }
  .message .memberArea .person::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .message .memberArea .person .imgInner {
    overflow: hidden;
  }
  .message .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  .message .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .message .memberArea .roma {
    color: #808080;
    line-height: 1;
  }
  .message .memberArea .position {
    line-height: 1;
    margin-top: 10px;
  }
  .message .memberArea .desc {
    border-top: 1px solid #6593c8;
  }
  .message .rcSection .rcTitle {
    font-weight: 500;
  }
  .message .rcSection .rcUpper {
    position: relative;
  }
  .message .rcSection .discussion > div {
    display: flex;
  }
  .message .rcSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .message .rcSection .rcBottom .discussion {
    width: 100%;
  }
  .message .rcSection .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .message .rcSection .img .imgInner {
    overflow: hidden;
  }
  .message .rcSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .rcSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .workStyle .col2 {
    position: relative;
    z-index: 10;
    display: flex;
  }
  .workStyle .col2 .img {
    position: relative;
  }
  .workStyle .col2 .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .workStyle .col2 .img .imgInner {
    overflow: hidden;
  }
  .workStyle .col2 .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .workStyle .bgSlash {
    position: relative;
  }
  .workStyle #benefits {
    background-color: #f1f1f1;
    width: 100vw;
  }
  .workStyle #benefits h3.title.slash {
    font-weight: 700;
  }
  .workStyle #benefits .jaTitle {
    font-weight: 500;
    color: #e63d30;
  }
  .workStyle #benefits .benefitsList {
    display: flex;
    flex-wrap: wrap;
  }
  .workStyle #benefits .benefitsList li {
    background-color: #fff;
  }
  .workStyle #benefits .benefitsList .icon {
    position: relative;
  }
  .workStyle #benefits .benefitsList .icon::after {
    content: "";
    display: block;
    background: url(../images/second/kankyo_dotline.svg) repeat-x center/100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .business #workPlace {
    position: relative;
  }
  .business #workPlace .irregularBg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0f0f0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 100%;
  }
  .business #public .col2Box {
    background-color: #fcecea;
  }
  .business #public .col2Box .img {
    right: inherit;
  }
  .business .col2Box .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .business .col2Box .img .imgInner {
    overflow: hidden;
  }
  .business .col2Box .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .business .serviceList {
    display: flex;
  }
  .business .serviceList .img {
    position: relative;
  }
  .business .serviceList .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .business .serviceList .img .imgInner {
    overflow: hidden;
  }
  .business .serviceList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .business .serviceList .type {
    text-align: center;
    font-weight: 500;
  }
  .business .other {
    text-align: center;
    font-weight: 500;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .business .btnArea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .jobtype {
    scroll-behavior: smooth;
  }
  .jobtype #anchorFlow .flowTitle {
    font-weight: 500;
    line-height: 1;
    text-align: center;
  }
  .jobtype #anchorFlow .flowArea {
    position: relative;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn {
    display: block;
    position: absolute;
    color: #fff;
    background-color: #e63d30;
    font-weight: 500;
    line-height: 1;
    border: 1px solid #e63d30;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn span::after {
    content: "";
    display: block;
    background: url(../images/common/anchor_arrow_white.svg) no-repeat center/100%;
    position: absolute;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor {
    pointer-events: none;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor span::after {
    content: none;
  }
  .jobtype #anchorFlow .flowArea.other {
    background-color: #e0e7ec;
    display: flex;
  }
  .jobtype #anchorFlow .flowArea.other .anchorBtn {
    position: relative;
    width: 100%;
  }
  .jobtype .storyBnrBtn {
    display: block;
    margin-inline: auto;
  }
  .jobtype .storyBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .jobtype .storyBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
  }
  .jobtype #jobIntroduction {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .jobtype #jobIntroduction .jobList {
    display: flex;
    flex-wrap: wrap;
  }
  .jobtype #jobIntroduction .jobList > li {
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
  }
  .jobtype #jobIntroduction .jobList .icon {
    margin-inline: auto;
  }
  .jobtype #jobIntroduction .jobList .type {
    font-weight: 700;
    text-align: center;
    line-height: 1;
  }
  .jobtype #jobIntroduction .jobList .linkBox {
    border-top: 1px solid #abd269;
  }
  .jobtype #jobIntroduction .jobList .linkBox .txt {
    font-weight: 700;
    margin: 0;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList {
    display: flex;
  }
  .itokiCareer #schedule .scheduleFlow > div:nth-of-type(even) dd {
    background-color: #f0f0f0;
  }
  .itokiCareer #schedule .scheduleFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow dt {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow dt p {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #schedule .scheduleFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #schedule .scheduleFlow dd {
    background-color: #dcdddd;
  }
  .itokiCareer #schedule .scheduleFlow dd .event {
    line-height: 1;
    font-weight: 500;
  }
  .itokiCareer #step {
    background-color: #f1f1f1;
  }
  .itokiCareer #step .tablist button {
    background-color: #fff;
    border: solid 1px #000;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    color: #000;
  }
  .itokiCareer #step .tablist [role=tab][aria-selected=true] {
    background-color: #ffd743;
    pointer-events: none;
  }
  .itokiCareer #step .tabpanel {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepTxt {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepTxt .txtInner {
    background-color: #fff;
    position: relative;
    z-index: 10;
  }
  .itokiCareer #step .tabContent .stepFlow > div {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepFlow > div:first-of-type::before {
    height: calc(100% - 10px);
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(2)::after {
    background-color: #738f9b;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(3)::after {
    background-color: #4c7080;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(4)::after {
    background-color: #265264;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type::after {
    background-color: #003349;
  }
  .itokiCareer #step .tabContent .stepFlow dt p {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #step .tabContent .stepFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul li {
    position: relative;
  }
  .itokiCareer #transition .caseBox + .caseBox {
    border-top: 1px solid #000;
  }
  .itokiCareer #transition .num {
    position: relative;
  }
  .itokiCareer #transition .caseTitle {
    font-weight: 500;
    text-align: center;
  }
  .itokiCareer #transition .casePerson {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .itokiCareer #transition .casePerson .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .casePerson .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .itokiCareer #transition .casePerson .txtWrap {
    position: relative;
    z-index: 10;
  }
  .itokiCareer #transition .casePerson .name {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #transition .casePerson .roma {
    color: #808080;
    line-height: 1;
  }
  .itokiCareer #transition .caseFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt p {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #transition .caseFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #transition .caseFlow dd .career {
    font-weight: 500;
  }
  .itokiCareer #transition .caseFlow dd .img {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dd .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .itokiCareer #transition .caseFlow dd .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .caseFlow dd .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #lpTitle {
    display: flex;
    align-items: center;
  }
  #lpTitle h1.title {
    color: #231815;
    font-weight: 700;
    line-height: 1.2;
  }
  #dsMessage h2.title.reqH2,
  #crMessage h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsMessage .copy,
  #crMessage .copy {
    font-weight: 500;
  }
  #dsMessage .txt,
  #crMessage .txt {
    font-weight: 500;
  }
  .lpBtn {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background-color: #003349;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4);
    line-height: 1.4;
  }
  .lpBtn span {
    position: relative;
  }
  .lpBtn.gr {
    background-image: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 200%);
  }
  .lpBtnWrap {
    display: flex;
    justify-content: center;
  }
  #dsFaq h2.title.reqH2,
  #crFaq h2.title.reqH2 {
    text-align: center;
    letter-spacing: 0.05em;
    background-position: center bottom;
  }
  #dsFaq .subTtl,
  #crFaq .subTtl {
    text-align: center;
    font-weight: 500;
  }
  #dsFaq .faq dd,
  #crFaq .faq dd {
    font-weight: 400;
  }
  #dsFaq .qaWrap,
  #crFaq .qaWrap {
    margin-top: 0;
  }
  #dsFaq .iconQ,
  #dsFaq .iconA,
  #dsFaq button,
  #crFaq .iconQ,
  #crFaq .iconA,
  #crFaq button {
    font-weight: 400;
  }
  .lpDiversity {
    font-weight: 500;
  }
  #dsNew h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsNew .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsCareer h2.title.faqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsCareer .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsCareer .wrapper .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  #dsCareer .wrapper .note {
    text-align: center;
    margin-top: 30px;
  }
  #dsStatus h2.title.svH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsStatus .statusList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #dsInitiative h2.title.crH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsInitiative .initiativeList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #dsInitiative .initiativeList > li {
    background-color: #f0f0f0;
  }
  #dsInitiative .initiativeList h3.title.slash {
    font-weight: 700;
  }
  #dsInitiative .initiativeList .txt {
    font-weight: 500;
  }
  main {
    position: relative;
    overflow: hidden;
    font-weight: 400;
  }
  main:has(.lpCareer, .lpDiversity, .lpDiversityCareer) {
    background: none;
  }
  main.bgGrey {
    background-color: #f0f0f0;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  ul,
  ol {
    list-style-type: none;
  }
  img {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
  }
  * {
    box-sizing: border-box;
  }
  sup,
  sub {
    font-size: 0.6em;
  }
  .bold {
    font-weight: 700;
  }
  #contents {
    position: relative;
  }
  #contents:has(.archiveInternship) {
    padding-top: 0;
  }
  #contents:has(.jobtype) {
    padding-bottom: 0;
  }
  .readBox {
    background-color: #fff;
  }
  .readBox .read {
    font-weight: 500;
  }
  h2.title {
    color: #003349;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.08em;
  }
  h2.title.faqH2 {
    color: #000;
    letter-spacing: -0.03em;
    font-weight: 500;
  }
  h2.title.reqH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/saiyo_yoko_underline.svg);
  }
  h2.title.crH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_ITOKI_recruit_eigyo.svg);
  }
  h2.title.crkhH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_underline_kaihatsu.svg);
  }
  h2.title.tkH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/crosstolk_underline_pc.svg);
  }
  h2.title.svH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/survey_underline_pc.svg);
  }
  h2.title.rcH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/ITOKI_recruit_underline.svg);
  }
  h2.title.wkH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/kankyo_underline.svg);
  }
  h2.title.jbH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/jobtype_underline.svg);
  }
  h2.title.slash {
    color: #000;
    font-weight: 500;
    letter-spacing: normal;
  }
  h3.title {
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  h4.title {
    text-align: center;
  }
  h4.title span {
    display: inline-block;
    position: relative;
    font-weight: 500;
  }
  h4.title span::before, h4.title span::after {
    content: "";
    display: block;
    background: url(../images/second/h4_line.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  h4.title span::before {
    left: 0;
  }
  h4.title span::after {
    right: 0;
  }
  .subTitle {
    display: inline-block;
    color: #003349;
    font-weight: 500;
    position: relative;
  }
  .subTitle.internship::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
  }
  .commonBtn {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 100svh;
    font-weight: 500;
    text-align: left;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 50px;
  }
  .commonBtn.ltBlue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_ltblue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.pink::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_pink.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.yellow::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_yellow.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
  }
  .commonBtn.blue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_blue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .squareBtn {
    position: relative;
    z-index: 10;
    display: block;
    background-color: #e63d30;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    margin-inline: auto;
  }
  header.secondHeader #siteName a.diversity {
    align-items: flex-start !important;
  }
  header.secondHeader #siteName a.career {
    align-items: flex-start !important;
  }
  header.secondHeader #secondNav {
    background-image: linear-gradient(180deg, rgb(0, 51, 73), rgb(51, 92, 109));
  }
  header.secondHeader #secondNav.isOpen {
    transform: translateX(0);
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav #menuBtn {
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav .navTtl {
    color: #fff;
    font-weight: 700;
    line-height: 1;
  }
  header.secondHeader #secondNav ul > li > a {
    display: block;
    color: #fff;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .pT0 {
    padding-top: 0 !important;
  }
  .pT10 {
    padding-top: 10px !important;
  }
  .pT20 {
    padding-top: 20px !important;
  }
  .pT30 {
    padding-top: 30px !important;
  }
  .pT40 {
    padding-top: 40px !important;
  }
  .pB0 {
    padding-bottom: 0px !important;
  }
  .pB5 {
    padding-bottom: 5px !important;
  }
  .pB10 {
    padding-bottom: 10px !important;
  }
  .pB20 {
    padding-bottom: 20px !important;
  }
  .pB30 {
    padding-bottom: 30px !important;
  }
  .pB40 {
    padding-bottom: 40px !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mB60 {
    margin-bottom: 60px !important;
  }
  .mB70 {
    margin-bottom: 70px !important;
  }
  .mB80 {
    margin-bottom: 80px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mT60 {
    margin-top: 60px !important;
  }
  .mT70 {
    margin-top: 70px !important;
  }
  .mT80 {
    margin-top: 80px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .size12 {
    font-size: 12px !important;
  }
  .size13 {
    font-size: 13px !important;
  }
  .size14 {
    font-size: 14px !important;
  }
  .size15 {
    font-size: 15px !important;
  }
  .size16 {
    font-size: 16px !important;
  }
  .size17 {
    font-size: 17px !important;
  }
  .size18 {
    font-size: 18px !important;
  }
  .size19 {
    font-size: 19px !important;
  }
  .size20 {
    font-size: 20px !important;
  }
  .size22 {
    font-size: 22px !important;
  }
  .size24 {
    font-size: 24px !important;
  }
  .size28 {
    font-size: 28px !important;
  }
  .colorRed {
    color: #e34b30 !important;
  }
  .colorBlue {
    color: #356fcf !important;
  }
  .preBox {
    background: #eff0f4;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  #officeTourMokuji {
    display: flex;
  }
  #officeTourMokuji > li {
    overflow: hidden;
  }
  #officeTourMokuji > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #officeTourMokuji > li span {
    display: block;
    color: #fff;
    text-align: center;
  }
  #officeTourMokuji > li .en {
    font-weight: 700;
  }
  #officeTourMokuji > li .ja {
    font-weight: 500;
  }
  .officeTourTitle .sml {
    padding-bottom: 0 !important;
  }
  .lpCareer {
    font-weight: 500;
  }
  #crJob h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crJob .desc {
    text-align: center;
    font-weight: 500;
  }
  #crJob .btnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #crAbout h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crAbout .desc {
    text-align: center;
    font-weight: 500;
  }
  #crAbout .googleSlide {
    width: 100%;
  }
  #crAbout .googleSlide iframe {
    width: 100%;
    height: auto;
  }
  #crLinks ul.solCasList li {
    position: relative;
    z-index: 2;
  }
  #crLinks ul.solCasList li:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
  }
  #crLinks ul.solCasList li:nth-child(1):before {
    background-color: #e6ebee;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  #crLinks ul.solCasList li:nth-child(2):before {
    background-color: rgba(249, 138, 132, 0.12);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #crLinks ul.solCasList li p.title {
    font-weight: 700;
  }
  /* _second3.scssに移動
  #crVoices {
    @if $type==sp {
      padding-block: 100px 75px;
    }

    @if $type==pc {
      padding-block: 280px 200px;
    }

    h2.title.reqH2 {
      text-align: center;
      background-position: center bottom;

      @if $type==sp {
        background-size: 100px auto;
      }

      @if $type==pc {
        background-size: 166px auto;
      }
    }

    .desc {
      text-align: center;
      font-weight: 500;

      @if $type==sp {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 25px;
      }

      @if $type==pc {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 45px;
      }
    }
  }
  */
  #crBenefits {
    position: relative;
    z-index: 2;
  }
  #crBenefits:before {
    content: "";
    position: absolute;
    background: #f1f1f1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  #crBenefits h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crBenefits .desc {
    text-align: center;
    font-weight: 500;
  }
  #crBenefits h3.title.slash {
    font-weight: 700;
  }
  #crBenefits h3.title.slash span {
    color: #003349;
    font-weight: 700;
  }
  #crBenefits .ebList li {
    background: #fff;
    border-radius: 5px;
  }
  #crBenefits .ebList li img {
    width: 100%;
    height: auto;
  }
  #crFaq {
    margin-top: 0 !important;
  }
  #crFaq h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crFaq .desc {
    text-align: center;
    font-weight: 500;
  }
  #crFaq .faq h3.title.slash {
    color: #003349;
  }
  .lpDiversityCareer {
    font-weight: 500;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #003349;
  }
  #dsApply p.leadText {
    line-height: 2;
  }
  #dsApply .colorBox {
    background: #e5ebed;
    display: grid;
    place-content: center;
  }
  #dsApply .colorBox ol li {
    line-height: 2;
  }
  #dsApply p.annotation {
    position: relative;
  }
  #dsApply p.annotation:before {
    content: "※";
    position: absolute;
    color: #000;
    left: 0;
  }
  #dsApply .btnWrap .lpBtn {
    margin-inline: auto;
  }
  .backBtn .shiruBtn {
    margin-inline: auto;
  }
  #crVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crVoices .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsVoices {
    background-color: #f0f0f0;
  }
  #dsVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsVoices .desc {
    text-align: center;
    font-weight: 500;
  }
}
@media screen and (max-width: 1099px) {
  .archiveInternship .archiveArea .internshipList {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
  .archiveInternship .archiveArea .internshipList li {
    position: relative;
    width: 100%;
  }
  .archiveInternship .archiveArea .internshipList .txtBox {
    background-color: #fff;
  }
  .archiveInternship .archiveArea .internshipList .event {
    color: #e63d30;
    font-weight: 700;
    text-align: start;
  }
  .archiveInternship .archiveArea .internshipList .course {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail {
    overflow: hidden;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .archiveInternship .archiveArea .internshipList .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
    padding: 5px 15px;
  }
  .archiveInternship .pastArchiveArea .title {
    line-height: 1;
    font-weight: 500;
    text-align: center;
  }
  .archiveInternship .pastArchiveArea .pastList {
    display: flex;
    flex-wrap: wrap;
  }
  .archiveInternship .pastArchiveArea .pastList li .end {
    color: #e63d30;
    line-height: 1;
    font-weight: 500;
  }
  .archiveInternship .pastArchiveArea .pastList li .type {
    color: #003349;
    line-height: 1.4;
    font-weight: 500;
  }
  .archiveInternship .pastArchiveArea .pastList li .event {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
  }
  .customInternship .thumbnailArea {
    position: relative;
  }
  .customInternship .thumbnailArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .customInternship .thumbnailArea .wrap {
    position: relative;
    z-index: 10;
  }
  .customInternship .thumbnailArea .thumbnail {
    overflow: hidden;
  }
  .customInternship .thumbnailArea .thumbnail img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .customInternship .thumbnailArea .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
  }
  .customInternship .introArea .event {
    color: #e63d30;
    font-weight: 700;
    line-height: 1;
  }
  .customInternship .introArea .course {
    font-weight: 700;
    line-height: 1.2;
    text-align: start;
  }
  .customInternship .detailsArea .details {
    background-color: #fff;
  }
  .customInternship .detailsArea .details .title > p {
    position: relative;
    font-weight: 500;
  }
  .customInternship .detailsArea .details .title > p::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .customInternship .detailsArea .details .txt > p {
    font-weight: 500;
  }
  .customInternship .overviewArea,
  .customInternship .requirementsArea {
    background-color: #fff;
  }
  .customInternship .overviewArea .mainTitle,
  .customInternship .requirementsArea .mainTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
    line-height: 1;
  }
  .customInternship .overviewArea .mainTitle::after,
  .customInternship .requirementsArea .mainTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .customInternship .overviewArea .overview .title > p,
  .customInternship .overviewArea .requirements .title > p,
  .customInternship .requirementsArea .overview .title > p,
  .customInternship .requirementsArea .requirements .title > p {
    position: relative;
    font-weight: 500;
    color: #fff;
    background-color: #e63d30;
    line-height: 1;
  }
  .customInternship .overviewArea .overview .txt ul > li,
  .customInternship .overviewArea .requirements .txt ul > li,
  .customInternship .requirementsArea .overview .txt ul > li,
  .customInternship .requirementsArea .requirements .txt ul > li {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #003349;
  }
  .customInternship .overviewArea .overview .txt ul > li:last-child,
  .customInternship .overviewArea .requirements .txt ul > li:last-child,
  .customInternship .requirementsArea .overview .txt ul > li:last-child,
  .customInternship .requirementsArea .requirements .txt ul > li:last-child {
    background-color: #e63d30;
  }
  .customInternship .overviewArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .overviewArea .requirements .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .requirements .txt ul > li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom: 0;
  }
  .customInternship .overviewArea .flowChart,
  .customInternship .requirementsArea .flowChart {
    display: flex;
    justify-content: center;
  }
  .customInternship .overviewArea .flowChart li,
  .customInternship .requirementsArea .flowChart li {
    position: relative;
  }
  .customInternship .overviewArea .flowChart li:not(:last-child)::after,
  .customInternship .requirementsArea .flowChart li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .customInternship .voiceArea .mainTitle img {
    display: block;
    margin-inline: auto;
  }
  .customInternship .voiceArea .voiceList {
    display: flex;
    flex-wrap: wrap;
  }
  .customInternship .voiceArea .voiceList li {
    background-color: #fff;
    display: flex;
    border: 2px solid #003349;
  }
  .pageRequirement .greyCont {
    background-color: #f4f4f4;
  }
  .pageRequirement .whtCont {
    background-color: #fff;
  }
  .pageRequirement #person .catch {
    position: relative;
    background-color: #fff;
    color: #e63d30;
    font-weight: 700;
  }
  .pageRequirement #person .desc {
    font-weight: 500;
  }
  .pageRequirement #mission .copyImg {
    border-bottom: 1px solid #000;
  }
  .pageRequirement #mission .desc {
    font-weight: 500;
  }
  .pageRequirement #requirement h3.title.slash {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tab {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tablist {
    display: flex;
    justify-content: center;
  }
  .pageRequirement #requirement .tablist button {
    display: block;
    border: none;
    color: #fff;
    font-weight: 700;
    text-align: left;
  }
  .pageRequirement #requirement #tabA[role=tab][aria-selected=false] {
    background: #003349;
  }
  .pageRequirement #requirement #tabB[role=tab][aria-selected=false] {
    background: #e63d30;
  }
  .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #2ebcef;
  }
  .pageRequirement #requirement .tabContent dt > p {
    color: #fff;
    text-align: center;
    font-weight: 500;
  }
  .pageRequirement #requirement .tabContent dd .sq {
    display: inline-block;
  }
  .pageRequirement #requirement #panelA .tabContent dt > p {
    background-color: #003349;
  }
  .pageRequirement #requirement #panelA .tabContent .sq {
    color: #003349;
  }
  .pageRequirement #requirement #panelB .tabContent dt > p {
    background-color: #e63d30;
  }
  .pageRequirement #requirement #panelB .tabContent .sq {
    color: #e63d30;
  }
  .pageRequirement #flow .note {
    font-weight: 500;
  }
  .flowList li {
    position: relative;
  }
  .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .interview .mainArea {
    position: relative;
  }
  .interview .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .interview .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .interview .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .mainArea .catch {
    font-weight: 500;
  }
  .interview .interviewArea {
    position: relative;
  }
  .interview .interviewArea::after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
  }
  .interview .interviewArea .person {
    position: relative;
    z-index: 10;
  }
  .interview .interviewArea .personImg {
    position: relative;
  }
  .interview .interviewArea .personImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .interview .interviewArea .personImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .personImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .interviewArea .jp {
    position: relative;
    font-weight: 500;
  }
  .interview .interviewArea .jp::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .interview .interviewArea .roma {
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea .position {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea .qaArea {
    position: relative;
    z-index: 10;
  }
  .interview .interviewArea .number {
    text-align: center;
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea h3.question {
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .interview .interviewArea h3.question::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .interview .interviewArea .qaImg {
    position: relative;
  }
  .interview .interviewArea .qaImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .interview .interviewArea .qaImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .qaImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .interviewArea .autoWrapper {
    text-align: center;
  }
  .interview .interviewArea .autoWrapper .qaImg img {
    display: inline-block;
    aspect-ratio: auto;
  }
  .interview .interviewArea .note {
    position: relative;
    z-index: 10;
    line-height: 1;
  }
  .projectArchive .desc {
    font-size: 18px;
    line-height: 1.66;
  }
  .projectArchive .projectList {
    display: flex;
    flex-wrap: wrap;
  }
  .projectArchive .projectList .thumbnail {
    position: relative;
  }
  .projectArchive .projectList .thumbnail::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectArchive .projectList .thumbnail .thumbInner {
    overflow: hidden;
  }
  .projectArchive .projectList .thumbnail img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectArchive .projectList .catch {
    font-weight: 500;
  }
  .projectArchive .projectList .projectName {
    position: relative;
    font-weight: 700;
  }
  .projectArchive .projectList .projectName::before {
    content: "";
    display: block;
    background: url(../images/second/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .projectDetails .mainArea {
    position: relative;
  }
  .projectDetails .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .projectDetails .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .projectDetails .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .mainArea .catch {
    font-weight: 500;
  }
  .projectDetails .whtBox {
    background-color: #fff;
  }
  .projectDetails .memberList {
    display: flex;
  }
  .projectDetails .memberList .img {
    position: relative;
  }
  .projectDetails .memberList .img::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectDetails .memberList .img .imgInner {
    overflow: hidden;
  }
  .projectDetails .memberList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .memberList .name {
    font-weight: 500;
    line-height: 1;
  }
  .projectDetails .memberList .charge {
    line-height: 1.53;
    margin-top: 10px;
  }
  .projectDetails .note {
    line-height: 1;
    margin-top: 45px;
  }
  .projectDetails h3.prTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .projectDetails h3.prTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .projectDetails .prImg {
    position: relative;
  }
  .projectDetails .prImg::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectDetails .prImg .imgInner {
    overflow: hidden;
  }
  .projectDetails .prImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .expBox a.blank {
    position: relative;
    font-weight: 700;
  }
  .projectDetails .expBox a.blank::after {
    content: "";
    display: block;
    background: url(../images/common/icon_blank.svg) no-repeat center/100%;
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 12px;
  }
  .fresh #cross .desc {
    margin-top: 25px;
  }
  .fresh #cross .crossTolkList li:last-child {
    margin-top: 50px;
  }
  .fresh #cross .crossTolkList .wrap {
    display: flex;
    width: 100%;
  }
  .fresh #cross .crossTolkList .img {
    position: relative;
  }
  .fresh #cross .crossTolkList .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .fresh #cross .crossTolkList .img .imgInner {
    overflow: hidden;
  }
  .fresh #cross .crossTolkList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .fresh #survey .desc {
    margin-top: 25px;
  }
  .fresh #survey .survey {
    display: flex;
    flex-wrap: wrap;
  }
  .fresh #survey .survey .img {
    width: 100%;
  }
  .crosstolk .titleArea .subTitle {
    color: #000;
  }
  .crosstolk .titleArea .mainImg {
    overflow: hidden;
  }
  .crosstolk .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .crosstolk .memberArea .memberTitle img {
    margin-inline: auto;
  }
  .crosstolk .memberArea .participantsList {
    display: flex;
  }
  .crosstolk .memberArea .person {
    position: relative;
  }
  .crosstolk .memberArea .person::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .crosstolk .memberArea .person .imgInner {
    overflow: hidden;
  }
  .crosstolk .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .memberArea .person .tag {
    position: absolute;
    z-index: 10;
    display: inline-block;
    background-color: #ffa0b9;
    color: #fff;
    line-height: 1;
  }
  .crosstolk .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  .crosstolk .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .crosstolk .memberArea .roma {
    line-height: 1;
  }
  .crosstolk .memberArea .position {
    line-height: 1;
    margin-top: 10px;
  }
  .crosstolk .memberArea .desc {
    border-top: 1px solid #ffa0b9;
  }
  .crosstolk .tkSection .tkTitle {
    font-weight: 500;
  }
  .crosstolk .tkSection .tkUpper {
    position: relative;
  }
  .crosstolk .tkSection .discussion > div {
    display: flex;
  }
  .crosstolk .tkSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .crosstolk .tkSection .tkBottom .discussion {
    width: 100%;
  }
  .crosstolk .tkSection .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .crosstolk .tkSection .img .imgInner {
    overflow: hidden;
  }
  .crosstolk .tkSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .tkSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .discussionBnrBtn {
    display: block;
    margin-inline: auto;
  }
  .crosstolk .discussionBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .crosstolk .discussionBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
  }
  .message .titleArea .mainImg {
    overflow: hidden;
  }
  .message .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .dotTxt span {
    display: block;
    height: 1px;
    width: 100%;
  }
  .message .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .message .memberArea .recruiterList {
    display: flex;
  }
  .message .memberArea .person {
    position: relative;
  }
  .message .memberArea .person::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .message .memberArea .person .imgInner {
    overflow: hidden;
  }
  .message .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  .message .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .message .memberArea .roma {
    color: #808080;
    line-height: 1;
  }
  .message .memberArea .position {
    line-height: 1;
    margin-top: 10px;
  }
  .message .memberArea .desc {
    border-top: 1px solid #6593c8;
  }
  .message .rcSection .rcTitle {
    font-weight: 500;
  }
  .message .rcSection .rcUpper {
    position: relative;
  }
  .message .rcSection .discussion > div {
    display: flex;
  }
  .message .rcSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .message .rcSection .rcBottom .discussion {
    width: 100%;
  }
  .message .rcSection .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .message .rcSection .img .imgInner {
    overflow: hidden;
  }
  .message .rcSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .rcSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .workStyle .col2 {
    position: relative;
    z-index: 10;
    display: flex;
  }
  .workStyle .col2 .img {
    position: relative;
  }
  .workStyle .col2 .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .workStyle .col2 .img .imgInner {
    overflow: hidden;
  }
  .workStyle .col2 .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .workStyle .bgSlash {
    position: relative;
  }
  .workStyle #benefits {
    background-color: #f1f1f1;
    width: 100vw;
  }
  .workStyle #benefits h3.title.slash {
    font-weight: 700;
  }
  .workStyle #benefits .jaTitle {
    font-weight: 500;
    color: #e63d30;
  }
  .workStyle #benefits .benefitsList {
    display: flex;
    flex-wrap: wrap;
  }
  .workStyle #benefits .benefitsList li {
    background-color: #fff;
  }
  .workStyle #benefits .benefitsList .icon {
    position: relative;
  }
  .workStyle #benefits .benefitsList .icon::after {
    content: "";
    display: block;
    background: url(../images/second/kankyo_dotline.svg) repeat-x center/100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .business #workPlace {
    position: relative;
  }
  .business #workPlace .irregularBg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0f0f0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 100%;
  }
  .business #public .col2Box {
    background-color: #fcecea;
  }
  .business #public .col2Box .img {
    right: inherit;
  }
  .business .col2Box .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .business .col2Box .img .imgInner {
    overflow: hidden;
  }
  .business .col2Box .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .business .serviceList {
    display: flex;
  }
  .business .serviceList .img {
    position: relative;
  }
  .business .serviceList .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .business .serviceList .img .imgInner {
    overflow: hidden;
  }
  .business .serviceList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .business .serviceList .type {
    text-align: center;
    font-weight: 500;
  }
  .business .other {
    text-align: center;
    font-weight: 500;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .business .btnArea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .jobtype {
    scroll-behavior: smooth;
  }
  .jobtype #anchorFlow .flowTitle {
    font-weight: 500;
    line-height: 1;
    text-align: center;
  }
  .jobtype #anchorFlow .flowArea {
    position: relative;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn {
    display: block;
    position: absolute;
    color: #fff;
    background-color: #e63d30;
    font-weight: 500;
    line-height: 1;
    border: 1px solid #e63d30;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn span::after {
    content: "";
    display: block;
    background: url(../images/common/anchor_arrow_white.svg) no-repeat center/100%;
    position: absolute;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor {
    pointer-events: none;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor span::after {
    content: none;
  }
  .jobtype #anchorFlow .flowArea.other {
    background-color: #e0e7ec;
    display: flex;
  }
  .jobtype #anchorFlow .flowArea.other .anchorBtn {
    position: relative;
    width: 100%;
  }
  .jobtype .storyBnrBtn {
    display: block;
    margin-inline: auto;
  }
  .jobtype .storyBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .jobtype .storyBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
  }
  .jobtype #jobIntroduction {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .jobtype #jobIntroduction .jobList {
    display: flex;
    flex-wrap: wrap;
  }
  .jobtype #jobIntroduction .jobList > li {
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
  }
  .jobtype #jobIntroduction .jobList .icon {
    margin-inline: auto;
  }
  .jobtype #jobIntroduction .jobList .type {
    font-weight: 700;
    text-align: center;
    line-height: 1;
  }
  .jobtype #jobIntroduction .jobList .linkBox {
    border-top: 1px solid #abd269;
  }
  .jobtype #jobIntroduction .jobList .linkBox .txt {
    font-weight: 700;
    margin: 0;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList {
    display: flex;
  }
  .itokiCareer #schedule .scheduleFlow > div:nth-of-type(even) dd {
    background-color: #f0f0f0;
  }
  .itokiCareer #schedule .scheduleFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow dt {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow dt p {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #schedule .scheduleFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #schedule .scheduleFlow dd {
    background-color: #dcdddd;
  }
  .itokiCareer #schedule .scheduleFlow dd .event {
    line-height: 1;
    font-weight: 500;
  }
  .itokiCareer #step {
    background-color: #f1f1f1;
  }
  .itokiCareer #step .tablist button {
    background-color: #fff;
    border: solid 1px #000;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    color: #000;
  }
  .itokiCareer #step .tablist [role=tab][aria-selected=true] {
    background-color: #ffd743;
    pointer-events: none;
  }
  .itokiCareer #step .tabpanel {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepTxt {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepTxt .txtInner {
    background-color: #fff;
    position: relative;
    z-index: 10;
  }
  .itokiCareer #step .tabContent .stepFlow > div {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepFlow > div:first-of-type::before {
    height: calc(100% - 10px);
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(2)::after {
    background-color: #738f9b;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(3)::after {
    background-color: #4c7080;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(4)::after {
    background-color: #265264;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type::after {
    background-color: #003349;
  }
  .itokiCareer #step .tabContent .stepFlow dt p {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #step .tabContent .stepFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul li {
    position: relative;
  }
  .itokiCareer #transition .caseBox + .caseBox {
    border-top: 1px solid #000;
  }
  .itokiCareer #transition .num {
    position: relative;
  }
  .itokiCareer #transition .caseTitle {
    font-weight: 500;
    text-align: center;
  }
  .itokiCareer #transition .casePerson {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .itokiCareer #transition .casePerson .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .casePerson .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .itokiCareer #transition .casePerson .txtWrap {
    position: relative;
    z-index: 10;
  }
  .itokiCareer #transition .casePerson .name {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #transition .casePerson .roma {
    color: #808080;
    line-height: 1;
  }
  .itokiCareer #transition .caseFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt p {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #transition .caseFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #transition .caseFlow dd .career {
    font-weight: 500;
  }
  .itokiCareer #transition .caseFlow dd .img {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dd .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .itokiCareer #transition .caseFlow dd .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .caseFlow dd .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #lpTitle {
    display: flex;
    align-items: center;
  }
  #lpTitle h1.title {
    color: #231815;
    font-weight: 700;
    line-height: 1.2;
  }
  #dsMessage h2.title.reqH2,
  #crMessage h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsMessage .copy,
  #crMessage .copy {
    font-weight: 500;
  }
  #dsMessage .txt,
  #crMessage .txt {
    font-weight: 500;
  }
  .lpBtn {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background-color: #003349;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4);
    line-height: 1.4;
  }
  .lpBtn span {
    position: relative;
  }
  .lpBtn.gr {
    background-image: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 200%);
  }
  .lpBtnWrap {
    display: flex;
    justify-content: center;
  }
  #dsFaq h2.title.reqH2,
  #crFaq h2.title.reqH2 {
    text-align: center;
    letter-spacing: 0.05em;
    background-position: center bottom;
  }
  #dsFaq .subTtl,
  #crFaq .subTtl {
    text-align: center;
    font-weight: 500;
  }
  #dsFaq .faq dd,
  #crFaq .faq dd {
    font-weight: 400;
  }
  #dsFaq .qaWrap,
  #crFaq .qaWrap {
    margin-top: 0;
  }
  #dsFaq .iconQ,
  #dsFaq .iconA,
  #dsFaq button,
  #crFaq .iconQ,
  #crFaq .iconA,
  #crFaq button {
    font-weight: 400;
  }
  .lpDiversity {
    font-weight: 500;
  }
  #dsNew h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsNew .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsCareer h2.title.faqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsCareer .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsCareer .wrapper .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  #dsCareer .wrapper .note {
    text-align: center;
    margin-top: 30px;
  }
  #dsStatus h2.title.svH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsStatus .statusList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #dsInitiative h2.title.crH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsInitiative .initiativeList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #dsInitiative .initiativeList > li {
    background-color: #f0f0f0;
  }
  #dsInitiative .initiativeList h3.title.slash {
    font-weight: 700;
  }
  #dsInitiative .initiativeList .txt {
    font-weight: 500;
  }
  main {
    position: relative;
    overflow: hidden;
    font-weight: 400;
  }
  main:has(.lpCareer, .lpDiversity, .lpDiversityCareer) {
    background: none;
  }
  main.bgGrey {
    background-color: #f0f0f0;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  ul,
  ol {
    list-style-type: none;
  }
  img {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
  }
  * {
    box-sizing: border-box;
  }
  sup,
  sub {
    font-size: 0.6em;
  }
  .bold {
    font-weight: 700;
  }
  #contents {
    position: relative;
  }
  #contents:has(.archiveInternship) {
    padding-top: 0;
  }
  #contents:has(.jobtype) {
    padding-bottom: 0;
  }
  .readBox {
    background-color: #fff;
  }
  .readBox .read {
    font-weight: 500;
  }
  h2.title {
    color: #003349;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.08em;
  }
  h2.title.faqH2 {
    color: #000;
    letter-spacing: -0.03em;
    font-weight: 500;
  }
  h2.title.reqH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/saiyo_yoko_underline.svg);
  }
  h2.title.crH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_ITOKI_recruit_eigyo.svg);
  }
  h2.title.crkhH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_underline_kaihatsu.svg);
  }
  h2.title.tkH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/crosstolk_underline_pc.svg);
  }
  h2.title.svH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/survey_underline_pc.svg);
  }
  h2.title.rcH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/ITOKI_recruit_underline.svg);
  }
  h2.title.wkH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/kankyo_underline.svg);
  }
  h2.title.jbH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/jobtype_underline.svg);
  }
  h2.title.slash {
    color: #000;
    font-weight: 500;
    letter-spacing: normal;
  }
  h3.title {
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  h4.title {
    text-align: center;
  }
  h4.title span {
    display: inline-block;
    position: relative;
    font-weight: 500;
  }
  h4.title span::before, h4.title span::after {
    content: "";
    display: block;
    background: url(../images/second/h4_line.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  h4.title span::before {
    left: 0;
  }
  h4.title span::after {
    right: 0;
  }
  .subTitle {
    display: inline-block;
    color: #003349;
    font-weight: 500;
    position: relative;
  }
  .subTitle.internship::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
  }
  .commonBtn {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 100svh;
    font-weight: 500;
    text-align: left;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 50px;
  }
  .commonBtn.ltBlue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_ltblue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.pink::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_pink.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.yellow::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_yellow.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
  }
  .commonBtn.blue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_blue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .squareBtn {
    position: relative;
    z-index: 10;
    display: block;
    background-color: #e63d30;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    margin-inline: auto;
  }
  header.secondHeader #siteName a.diversity {
    align-items: flex-start !important;
    width: 185px !important;
  }
  header.secondHeader #siteName a.diversity .catName {
    width: 185px !important;
  }
  header.secondHeader #siteName a.career {
    align-items: flex-start !important;
  }
  header.secondHeader #siteName a.career .catName {
    width: 99px !important;
  }
  header.secondHeader #secondNav {
    background-image: linear-gradient(180deg, rgb(0, 51, 73), rgb(51, 92, 109));
    position: fixed;
    left: inherit;
    top: 81px;
    right: 0;
    padding: 40px 50px 115px 50px;
    width: 100%;
    height: calc(100% - 81px);
    transform: translateX(100%);
    overflow-y: scroll;
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav.isOpen {
    transform: translateX(0);
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav #menuBtn {
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav .navTtl {
    color: #fff;
    font-weight: 700;
    line-height: 1;
    font-size: 24px;
    letter-spacing: 0.08em;
  }
  header.secondHeader #secondNav ul {
    margin-top: 55px;
  }
  header.secondHeader #secondNav ul > li:not(:first-child) > a {
    margin-top: 25px;
  }
  header.secondHeader #secondNav ul > li > a {
    display: block;
    color: #fff;
    font-size: 17px;
  }
  header.secondHeader #secondNav .entry {
    margin-top: 35px;
  }
  header.secondHeader #secondNav .entry .lpBtn {
    width: 94.5%;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .pT0 {
    padding-top: 0 !important;
  }
  .pT10 {
    padding-top: 10px !important;
  }
  .pT20 {
    padding-top: 20px !important;
  }
  .pT30 {
    padding-top: 30px !important;
  }
  .pT40 {
    padding-top: 40px !important;
  }
  .pB0 {
    padding-bottom: 0px !important;
  }
  .pB5 {
    padding-bottom: 5px !important;
  }
  .pB10 {
    padding-bottom: 10px !important;
  }
  .pB20 {
    padding-bottom: 20px !important;
  }
  .pB30 {
    padding-bottom: 30px !important;
  }
  .pB40 {
    padding-bottom: 40px !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mB60 {
    margin-bottom: 60px !important;
  }
  .mB70 {
    margin-bottom: 70px !important;
  }
  .mB80 {
    margin-bottom: 80px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mT60 {
    margin-top: 60px !important;
  }
  .mT70 {
    margin-top: 70px !important;
  }
  .mT80 {
    margin-top: 80px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .size12 {
    font-size: 12px !important;
  }
  .size13 {
    font-size: 13px !important;
  }
  .size14 {
    font-size: 14px !important;
  }
  .size15 {
    font-size: 15px !important;
  }
  .size16 {
    font-size: 16px !important;
  }
  .size17 {
    font-size: 17px !important;
  }
  .size18 {
    font-size: 18px !important;
  }
  .size19 {
    font-size: 19px !important;
  }
  .size20 {
    font-size: 20px !important;
  }
  .size22 {
    font-size: 22px !important;
  }
  .size24 {
    font-size: 24px !important;
  }
  .size28 {
    font-size: 28px !important;
  }
  .colorRed {
    color: #e34b30 !important;
  }
  .colorBlue {
    color: #356fcf !important;
  }
  .preBox {
    background: #eff0f4;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  #officeTourMokuji {
    display: flex;
  }
  #officeTourMokuji > li {
    overflow: hidden;
  }
  #officeTourMokuji > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #officeTourMokuji > li span {
    display: block;
    color: #fff;
    text-align: center;
  }
  #officeTourMokuji > li .en {
    font-weight: 700;
  }
  #officeTourMokuji > li .ja {
    font-weight: 500;
  }
  .officeTourTitle .sml {
    padding-bottom: 0 !important;
  }
  .lpCareer {
    font-weight: 500;
  }
  #crJob h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crJob .desc {
    text-align: center;
    font-weight: 500;
  }
  #crJob .btnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #crAbout h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crAbout .desc {
    text-align: center;
    font-weight: 500;
  }
  #crAbout .googleSlide {
    width: 100%;
  }
  #crAbout .googleSlide iframe {
    width: 100%;
    height: auto;
  }
  #crLinks ul.solCasList li {
    position: relative;
    z-index: 2;
  }
  #crLinks ul.solCasList li:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
  }
  #crLinks ul.solCasList li:nth-child(1):before {
    background-color: #e6ebee;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  #crLinks ul.solCasList li:nth-child(2):before {
    background-color: rgba(249, 138, 132, 0.12);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #crLinks ul.solCasList li p.title {
    font-weight: 700;
  }
  /* _second3.scssに移動
  #crVoices {
    @if $type==sp {
      padding-block: 100px 75px;
    }

    @if $type==pc {
      padding-block: 280px 200px;
    }

    h2.title.reqH2 {
      text-align: center;
      background-position: center bottom;

      @if $type==sp {
        background-size: 100px auto;
      }

      @if $type==pc {
        background-size: 166px auto;
      }
    }

    .desc {
      text-align: center;
      font-weight: 500;

      @if $type==sp {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 25px;
      }

      @if $type==pc {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 45px;
      }
    }
  }
  */
  #crBenefits {
    position: relative;
    z-index: 2;
  }
  #crBenefits:before {
    content: "";
    position: absolute;
    background: #f1f1f1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  #crBenefits h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crBenefits .desc {
    text-align: center;
    font-weight: 500;
  }
  #crBenefits h3.title.slash {
    font-weight: 700;
  }
  #crBenefits h3.title.slash span {
    color: #003349;
    font-weight: 700;
  }
  #crBenefits .ebList li {
    background: #fff;
    border-radius: 5px;
  }
  #crBenefits .ebList li img {
    width: 100%;
    height: auto;
  }
  #crFaq {
    margin-top: 0 !important;
  }
  #crFaq h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crFaq .desc {
    text-align: center;
    font-weight: 500;
  }
  #crFaq .faq h3.title.slash {
    color: #003349;
  }
  .lpDiversityCareer {
    font-weight: 500;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #003349;
  }
  #dsApply p.leadText {
    line-height: 2;
  }
  #dsApply .colorBox {
    background: #e5ebed;
    display: grid;
    place-content: center;
  }
  #dsApply .colorBox ol li {
    line-height: 2;
  }
  #dsApply p.annotation {
    position: relative;
  }
  #dsApply p.annotation:before {
    content: "※";
    position: absolute;
    color: #000;
    left: 0;
  }
  #dsApply .btnWrap .lpBtn {
    margin-inline: auto;
  }
  .backBtn .shiruBtn {
    margin-inline: auto;
  }
  #crVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crVoices .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsVoices {
    background-color: #f0f0f0;
  }
  #dsVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsVoices .desc {
    text-align: center;
    font-weight: 500;
  }
}
@media print, screen and (min-width: 1100px) {
  .archiveInternship .archiveArea .internshipList {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
  .archiveInternship .archiveArea .internshipList li {
    position: relative;
    width: 100%;
  }
  .archiveInternship .archiveArea .internshipList .txtBox {
    background-color: #fff;
  }
  .archiveInternship .archiveArea .internshipList .event {
    color: #e63d30;
    font-weight: 700;
    text-align: start;
  }
  .archiveInternship .archiveArea .internshipList .course {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail {
    overflow: hidden;
  }
  .archiveInternship .archiveArea .internshipList .thumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .archiveInternship .archiveArea .internshipList .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
    padding: 5px 15px;
  }
  .archiveInternship .pastArchiveArea .title {
    line-height: 1;
    font-weight: 500;
    text-align: center;
  }
  .archiveInternship .pastArchiveArea .pastList {
    display: flex;
    flex-wrap: wrap;
  }
  .archiveInternship .pastArchiveArea .pastList li .end {
    color: #e63d30;
    line-height: 1;
    font-weight: 500;
  }
  .archiveInternship .pastArchiveArea .pastList li .type {
    color: #003349;
    line-height: 1.4;
    font-weight: 500;
  }
  .archiveInternship .pastArchiveArea .pastList li .event {
    font-weight: 500;
    line-height: 1.5;
    text-align: start;
  }
  .customInternship .thumbnailArea {
    position: relative;
  }
  .customInternship .thumbnailArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .customInternship .thumbnailArea .wrap {
    position: relative;
    z-index: 10;
  }
  .customInternship .thumbnailArea .thumbnail {
    overflow: hidden;
  }
  .customInternship .thumbnailArea .thumbnail img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .customInternship .thumbnailArea .type {
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
    background-image: linear-gradient(90deg, rgb(230, 61, 48) 41%, rgb(254, 193, 2) 89%, rgb(255, 200, 0) 100%, rgb(252, 180, 7));
    font-size: 20px;
  }
  .customInternship .introArea .event {
    color: #e63d30;
    font-weight: 700;
    line-height: 1;
  }
  .customInternship .introArea .course {
    font-weight: 700;
    line-height: 1.2;
    text-align: start;
  }
  .customInternship .detailsArea .details {
    background-color: #fff;
  }
  .customInternship .detailsArea .details .title > p {
    position: relative;
    font-weight: 500;
  }
  .customInternship .detailsArea .details .title > p::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .customInternship .detailsArea .details .txt > p {
    font-weight: 500;
  }
  .customInternship .overviewArea,
  .customInternship .requirementsArea {
    background-color: #fff;
  }
  .customInternship .overviewArea .mainTitle,
  .customInternship .requirementsArea .mainTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
    line-height: 1;
  }
  .customInternship .overviewArea .mainTitle::after,
  .customInternship .requirementsArea .mainTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .customInternship .overviewArea .overview .title > p,
  .customInternship .overviewArea .requirements .title > p,
  .customInternship .requirementsArea .overview .title > p,
  .customInternship .requirementsArea .requirements .title > p {
    position: relative;
    font-weight: 500;
    color: #fff;
    background-color: #e63d30;
    line-height: 1;
  }
  .customInternship .overviewArea .overview .txt ul > li,
  .customInternship .overviewArea .requirements .txt ul > li,
  .customInternship .requirementsArea .overview .txt ul > li,
  .customInternship .requirementsArea .requirements .txt ul > li {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #003349;
  }
  .customInternship .overviewArea .overview .txt ul > li:last-child,
  .customInternship .overviewArea .requirements .txt ul > li:last-child,
  .customInternship .requirementsArea .overview .txt ul > li:last-child,
  .customInternship .requirementsArea .requirements .txt ul > li:last-child {
    background-color: #e63d30;
  }
  .customInternship .overviewArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .overviewArea .requirements .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .overview .txt ul > li:not(:first-child)::after,
  .customInternship .requirementsArea .requirements .txt ul > li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom: 0;
  }
  .customInternship .overviewArea .flowChart,
  .customInternship .requirementsArea .flowChart {
    display: flex;
    justify-content: center;
  }
  .customInternship .overviewArea .flowChart li,
  .customInternship .requirementsArea .flowChart li {
    position: relative;
  }
  .customInternship .overviewArea .flowChart li:not(:last-child)::after,
  .customInternship .requirementsArea .flowChart li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .customInternship .voiceArea .mainTitle img {
    display: block;
    margin-inline: auto;
  }
  .customInternship .voiceArea .voiceList {
    display: flex;
    flex-wrap: wrap;
  }
  .customInternship .voiceArea .voiceList li {
    background-color: #fff;
    display: flex;
    border: 2px solid #003349;
  }
  .pageRequirement .greyCont {
    background-color: #f4f4f4;
  }
  .pageRequirement .whtCont {
    background-color: #fff;
  }
  .pageRequirement #person .catch {
    position: relative;
    background-color: #fff;
    color: #e63d30;
    font-weight: 700;
  }
  .pageRequirement #person .desc {
    font-weight: 500;
  }
  .pageRequirement #mission .copyImg {
    border-bottom: 1px solid #000;
  }
  .pageRequirement #mission .desc {
    font-weight: 500;
  }
  .pageRequirement #requirement h3.title.slash {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tab {
    position: relative;
    z-index: 10;
  }
  .pageRequirement #requirement .tablist {
    display: flex;
    justify-content: center;
  }
  .pageRequirement #requirement .tablist button {
    display: block;
    border: none;
    color: #fff;
    font-weight: 700;
    text-align: left;
  }
  .pageRequirement #requirement #tabA[role=tab][aria-selected=false] {
    background: #003349;
  }
  .pageRequirement #requirement #tabB[role=tab][aria-selected=false] {
    background: #e63d30;
  }
  .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #2ebcef;
  }
  .pageRequirement #requirement .tabContent dt > p {
    color: #fff;
    text-align: center;
    font-weight: 500;
  }
  .pageRequirement #requirement .tabContent dd .sq {
    display: inline-block;
  }
  .pageRequirement #requirement #panelA .tabContent dt > p {
    background-color: #003349;
  }
  .pageRequirement #requirement #panelA .tabContent .sq {
    color: #003349;
  }
  .pageRequirement #requirement #panelB .tabContent dt > p {
    background-color: #e63d30;
  }
  .pageRequirement #requirement #panelB .tabContent .sq {
    color: #e63d30;
  }
  .pageRequirement #flow .note {
    font-weight: 500;
  }
  .flowList li {
    position: relative;
  }
  .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .interview .mainArea {
    position: relative;
  }
  .interview .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .interview .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .interview .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .mainArea .catch {
    font-weight: 500;
  }
  .interview .interviewArea {
    position: relative;
  }
  .interview .interviewArea::after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
  }
  .interview .interviewArea .person {
    position: relative;
    z-index: 10;
  }
  .interview .interviewArea .personImg {
    position: relative;
  }
  .interview .interviewArea .personImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .interview .interviewArea .personImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .personImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .interviewArea .jp {
    position: relative;
    font-weight: 500;
  }
  .interview .interviewArea .jp::before {
    content: "";
    display: block;
    background: url(../images/common/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .interview .interviewArea .roma {
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea .position {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea .qaArea {
    position: relative;
    z-index: 10;
  }
  .interview .interviewArea .number {
    text-align: center;
    font-weight: 500;
    line-height: 1;
  }
  .interview .interviewArea h3.question {
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .interview .interviewArea h3.question::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .interview .interviewArea .qaImg {
    position: relative;
  }
  .interview .interviewArea .qaImg::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .interview .interviewArea .qaImg .imgInner {
    overflow: hidden;
  }
  .interview .interviewArea .qaImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interview .interviewArea .autoWrapper {
    text-align: center;
  }
  .interview .interviewArea .autoWrapper .qaImg img {
    display: inline-block;
    aspect-ratio: auto;
  }
  .interview .interviewArea .note {
    position: relative;
    z-index: 10;
    line-height: 1;
  }
  .projectArchive .desc {
    font-size: 18px;
    line-height: 1.66;
  }
  .projectArchive .projectList {
    display: flex;
    flex-wrap: wrap;
  }
  .projectArchive .projectList .thumbnail {
    position: relative;
  }
  .projectArchive .projectList .thumbnail::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectArchive .projectList .thumbnail .thumbInner {
    overflow: hidden;
  }
  .projectArchive .projectList .thumbnail img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectArchive .projectList .catch {
    font-weight: 500;
  }
  .projectArchive .projectList .projectName {
    position: relative;
    font-weight: 700;
  }
  .projectArchive .projectList .projectName::before {
    content: "";
    display: block;
    background: url(../images/second/w_slash.svg) no-repeat center/100%;
    position: absolute;
    left: 0;
  }
  .projectDetails .mainArea {
    position: relative;
  }
  .projectDetails .mainArea::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    z-index: 5;
  }
  .projectDetails .mainArea .mainImg {
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  .projectDetails .mainArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .mainArea .catch {
    font-weight: 500;
  }
  .projectDetails .whtBox {
    background-color: #fff;
  }
  .projectDetails .memberList {
    display: flex;
  }
  .projectDetails .memberList .img {
    position: relative;
  }
  .projectDetails .memberList .img::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectDetails .memberList .img .imgInner {
    overflow: hidden;
  }
  .projectDetails .memberList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .memberList .name {
    font-weight: 500;
    line-height: 1;
  }
  .projectDetails .memberList .charge {
    line-height: 1.53;
    margin-top: 10px;
  }
  .projectDetails .note {
    line-height: 1;
    margin-top: 45px;
  }
  .projectDetails h3.prTitle {
    position: relative;
    text-align: center;
    font-weight: 500;
  }
  .projectDetails h3.prTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .projectDetails .prImg {
    position: relative;
  }
  .projectDetails .prImg::after {
    content: "";
    display: block;
    background-color: #abd269;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .projectDetails .prImg .imgInner {
    overflow: hidden;
  }
  .projectDetails .prImg img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projectDetails .expBox a.blank {
    position: relative;
    font-weight: 700;
  }
  .projectDetails .expBox a.blank::after {
    content: "";
    display: block;
    background: url(../images/common/icon_blank.svg) no-repeat center/100%;
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 12px;
  }
  .fresh #cross .desc {
    margin-top: 25px;
  }
  .fresh #cross .crossTolkList li:last-child {
    margin-top: 50px;
  }
  .fresh #cross .crossTolkList .wrap {
    display: flex;
    width: 100%;
  }
  .fresh #cross .crossTolkList .img {
    position: relative;
  }
  .fresh #cross .crossTolkList .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .fresh #cross .crossTolkList .img .imgInner {
    overflow: hidden;
  }
  .fresh #cross .crossTolkList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .fresh #survey .desc {
    margin-top: 25px;
  }
  .fresh #survey .survey {
    display: flex;
    flex-wrap: wrap;
  }
  .fresh #survey .survey .img {
    width: 100%;
  }
  .crosstolk .titleArea .subTitle {
    color: #000;
  }
  .crosstolk .titleArea .mainImg {
    overflow: hidden;
  }
  .crosstolk .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .crosstolk .memberArea .memberTitle img {
    margin-inline: auto;
  }
  .crosstolk .memberArea .participantsList {
    display: flex;
  }
  .crosstolk .memberArea .person {
    position: relative;
  }
  .crosstolk .memberArea .person::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .crosstolk .memberArea .person .imgInner {
    overflow: hidden;
  }
  .crosstolk .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .memberArea .person .tag {
    position: absolute;
    z-index: 10;
    display: inline-block;
    background-color: #ffa0b9;
    color: #fff;
    line-height: 1;
  }
  .crosstolk .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  .crosstolk .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .crosstolk .memberArea .roma {
    line-height: 1;
  }
  .crosstolk .memberArea .position {
    line-height: 1;
    margin-top: 10px;
  }
  .crosstolk .memberArea .desc {
    border-top: 1px solid #ffa0b9;
  }
  .crosstolk .tkSection .tkTitle {
    font-weight: 500;
  }
  .crosstolk .tkSection .tkUpper {
    position: relative;
  }
  .crosstolk .tkSection .discussion > div {
    display: flex;
  }
  .crosstolk .tkSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .crosstolk .tkSection .tkBottom .discussion {
    width: 100%;
  }
  .crosstolk .tkSection .img::after {
    content: "";
    display: block;
    background-color: #ffa0b9;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .crosstolk .tkSection .img .imgInner {
    overflow: hidden;
  }
  .crosstolk .tkSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .tkSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .crosstolk .discussionBnrBtn {
    display: block;
    margin-inline: auto;
  }
  .crosstolk .discussionBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .crosstolk .discussionBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
  }
  .message .titleArea .mainImg {
    overflow: hidden;
  }
  .message .titleArea .mainImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .dotTxt span {
    display: block;
    height: 1px;
    width: 100%;
  }
  .message .memberArea {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .message .memberArea .recruiterList {
    display: flex;
  }
  .message .memberArea .person {
    position: relative;
  }
  .message .memberArea .person::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .message .memberArea .person .imgInner {
    overflow: hidden;
  }
  .message .memberArea .person img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .memberArea .wrap {
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  .message .memberArea .name {
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
  }
  .message .memberArea .roma {
    color: #808080;
    line-height: 1;
  }
  .message .memberArea .position {
    line-height: 1;
    margin-top: 10px;
  }
  .message .memberArea .desc {
    border-top: 1px solid #6593c8;
  }
  .message .rcSection .rcTitle {
    font-weight: 500;
  }
  .message .rcSection .rcUpper {
    position: relative;
  }
  .message .rcSection .discussion > div {
    display: flex;
  }
  .message .rcSection .discussion dt .name {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }
  .message .rcSection .rcBottom .discussion {
    width: 100%;
  }
  .message .rcSection .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .message .rcSection .img .imgInner {
    overflow: hidden;
  }
  .message .rcSection .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message .rcSection .singleImg img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .workStyle .col2 {
    position: relative;
    z-index: 10;
    display: flex;
  }
  .workStyle .col2 .img {
    position: relative;
  }
  .workStyle .col2 .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .workStyle .col2 .img .imgInner {
    overflow: hidden;
  }
  .workStyle .col2 .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .workStyle .bgSlash {
    position: relative;
  }
  .workStyle #benefits {
    background-color: #f1f1f1;
    width: 100vw;
  }
  .workStyle #benefits h3.title.slash {
    font-weight: 700;
  }
  .workStyle #benefits .jaTitle {
    font-weight: 500;
    color: #e63d30;
  }
  .workStyle #benefits .benefitsList {
    display: flex;
    flex-wrap: wrap;
  }
  .workStyle #benefits .benefitsList li {
    background-color: #fff;
  }
  .workStyle #benefits .benefitsList .icon {
    position: relative;
  }
  .workStyle #benefits .benefitsList .icon::after {
    content: "";
    display: block;
    background: url(../images/second/kankyo_dotline.svg) repeat-x center/100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .business #workPlace {
    position: relative;
  }
  .business #workPlace .irregularBg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0f0f0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 100%;
  }
  .business #public .col2Box {
    background-color: #fcecea;
  }
  .business #public .col2Box .img {
    right: inherit;
  }
  .business .col2Box .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .business .col2Box .img .imgInner {
    overflow: hidden;
  }
  .business .col2Box .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .business .serviceList {
    display: flex;
  }
  .business .serviceList .img {
    position: relative;
  }
  .business .serviceList .img::after {
    content: "";
    display: block;
    background-color: #6593c8;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .business .serviceList .img .imgInner {
    overflow: hidden;
  }
  .business .serviceList .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .business .serviceList .type {
    text-align: center;
    font-weight: 500;
  }
  .business .other {
    text-align: center;
    font-weight: 500;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .business .btnArea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .jobtype {
    scroll-behavior: smooth;
  }
  .jobtype #anchorFlow .flowTitle {
    font-weight: 500;
    line-height: 1;
    text-align: center;
  }
  .jobtype #anchorFlow .flowArea {
    position: relative;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn {
    display: block;
    position: absolute;
    color: #fff;
    background-color: #e63d30;
    font-weight: 500;
    line-height: 1;
    border: 1px solid #e63d30;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn span::after {
    content: "";
    display: block;
    background: url(../images/common/anchor_arrow_white.svg) no-repeat center/100%;
    position: absolute;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor {
    pointer-events: none;
  }
  .jobtype #anchorFlow .flowArea .anchorBtn.noAnchor span::after {
    content: none;
  }
  .jobtype #anchorFlow .flowArea.other {
    background-color: #e0e7ec;
    display: flex;
  }
  .jobtype #anchorFlow .flowArea.other .anchorBtn {
    position: relative;
    width: 100%;
  }
  .jobtype .storyBnrBtn {
    display: block;
    margin-inline: auto;
  }
  .jobtype .storyBnrBtn .img {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
  }
  .jobtype .storyBnrBtn .txt {
    background-color: #e63d30;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    border-radius: 0 0 5px 5px;
  }
  .jobtype #jobIntroduction {
    background-color: #f0f0f0;
    width: 100vw;
  }
  .jobtype #jobIntroduction .jobList {
    display: flex;
    flex-wrap: wrap;
  }
  .jobtype #jobIntroduction .jobList > li {
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
  }
  .jobtype #jobIntroduction .jobList .icon {
    margin-inline: auto;
  }
  .jobtype #jobIntroduction .jobList .type {
    font-weight: 700;
    text-align: center;
    line-height: 1;
  }
  .jobtype #jobIntroduction .jobList .linkBox {
    border-top: 1px solid #abd269;
  }
  .jobtype #jobIntroduction .jobList .linkBox .txt {
    font-weight: 700;
    margin: 0;
  }
  .jobtype #jobIntroduction .jobList .linkBox .seniorList {
    display: flex;
  }
  .itokiCareer #schedule .scheduleFlow > div:nth-of-type(even) dd {
    background-color: #f0f0f0;
  }
  .itokiCareer #schedule .scheduleFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow dt {
    position: relative;
  }
  .itokiCareer #schedule .scheduleFlow dt p {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #schedule .scheduleFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #schedule .scheduleFlow dd {
    background-color: #dcdddd;
  }
  .itokiCareer #schedule .scheduleFlow dd .event {
    line-height: 1;
    font-weight: 500;
  }
  .itokiCareer #step {
    background-color: #f1f1f1;
  }
  .itokiCareer #step .tablist button {
    background-color: #fff;
    border: solid 1px #000;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    color: #000;
  }
  .itokiCareer #step .tablist [role=tab][aria-selected=true] {
    background-color: #ffd743;
    pointer-events: none;
  }
  .itokiCareer #step .tabpanel {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepTxt {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepTxt .txtInner {
    background-color: #fff;
    position: relative;
    z-index: 10;
  }
  .itokiCareer #step .tabContent .stepFlow > div {
    position: relative;
  }
  .itokiCareer #step .tabContent .stepFlow > div:first-of-type::before {
    height: calc(100% - 10px);
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(2)::after {
    background-color: #738f9b;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(3)::after {
    background-color: #4c7080;
  }
  .itokiCareer #step .tabContent .stepFlow > div:nth-of-type(4)::after {
    background-color: #265264;
  }
  .itokiCareer #step .tabContent .stepFlow > div:last-of-type::after {
    background-color: #003349;
  }
  .itokiCareer #step .tabContent .stepFlow dt p {
    color: #e63d30;
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #step .tabContent .stepFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #step .tabContent .stepFlow dd > ul li {
    position: relative;
  }
  .itokiCareer #transition .caseBox + .caseBox {
    border-top: 1px solid #000;
  }
  .itokiCareer #transition .num {
    position: relative;
  }
  .itokiCareer #transition .caseTitle {
    font-weight: 500;
    text-align: center;
  }
  .itokiCareer #transition .casePerson {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img {
    position: relative;
  }
  .itokiCareer #transition .casePerson .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .itokiCareer #transition .casePerson .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .casePerson .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .itokiCareer #transition .casePerson .txtWrap {
    position: relative;
    z-index: 10;
  }
  .itokiCareer #transition .casePerson .name {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #transition .casePerson .roma {
    color: #808080;
    line-height: 1;
  }
  .itokiCareer #transition .caseFlow > div:last-of-type {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dt p {
    font-weight: 500;
    line-height: 1;
  }
  .itokiCareer #transition .caseFlow dt p span {
    display: inline-block;
  }
  .itokiCareer #transition .caseFlow dd .career {
    font-weight: 500;
  }
  .itokiCareer #transition .caseFlow dd .img {
    position: relative;
  }
  .itokiCareer #transition .caseFlow dd .img::after {
    content: "";
    display: block;
    background-color: #ffd743;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .itokiCareer #transition .caseFlow dd .img .imgInner {
    overflow: hidden;
  }
  .itokiCareer #transition .caseFlow dd .img img {
    position: relative;
    z-index: 10;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #lpTitle {
    display: flex;
    align-items: center;
  }
  #lpTitle h1.title {
    color: #231815;
    font-weight: 700;
    line-height: 1.2;
  }
  #dsMessage h2.title.reqH2,
  #crMessage h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsMessage .copy,
  #crMessage .copy {
    font-weight: 500;
  }
  #dsMessage .txt,
  #crMessage .txt {
    font-weight: 500;
  }
  .lpBtn {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background-color: #003349;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.4);
    line-height: 1.4;
  }
  .lpBtn span {
    position: relative;
  }
  .lpBtn.gr {
    background-image: linear-gradient(90deg, rgb(230, 61, 48), rgb(255, 175, 7) 200%);
  }
  .lpBtnWrap {
    display: flex;
    justify-content: center;
  }
  #dsFaq h2.title.reqH2,
  #crFaq h2.title.reqH2 {
    text-align: center;
    letter-spacing: 0.05em;
    background-position: center bottom;
  }
  #dsFaq .subTtl,
  #crFaq .subTtl {
    text-align: center;
    font-weight: 500;
  }
  #dsFaq .faq dd,
  #crFaq .faq dd {
    font-weight: 400;
  }
  #dsFaq .qaWrap,
  #crFaq .qaWrap {
    margin-top: 0;
  }
  #dsFaq .iconQ,
  #dsFaq .iconA,
  #dsFaq button,
  #crFaq .iconQ,
  #crFaq .iconA,
  #crFaq button {
    font-weight: 400;
  }
  .lpDiversity {
    font-weight: 500;
  }
  #dsNew h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsNew .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsCareer h2.title.faqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsCareer .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsCareer .wrapper .flowList li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }
  #dsCareer .wrapper .note {
    text-align: center;
    margin-top: 30px;
  }
  #dsStatus h2.title.svH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsStatus .statusList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #dsInitiative h2.title.crH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsInitiative .initiativeList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #dsInitiative .initiativeList > li {
    background-color: #f0f0f0;
  }
  #dsInitiative .initiativeList h3.title.slash {
    font-weight: 700;
  }
  #dsInitiative .initiativeList .txt {
    font-weight: 500;
  }
  main {
    position: relative;
    overflow: hidden;
    font-weight: 400;
  }
  main:has(.lpCareer, .lpDiversity, .lpDiversityCareer) {
    background: none;
  }
  main.bgGrey {
    background-color: #f0f0f0;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  ul,
  ol {
    list-style-type: none;
  }
  img {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
  }
  * {
    box-sizing: border-box;
  }
  sup,
  sub {
    font-size: 0.6em;
  }
  .bold {
    font-weight: 700;
  }
  #contents {
    position: relative;
  }
  #contents:has(.archiveInternship) {
    padding-top: 0;
  }
  #contents:has(.jobtype) {
    padding-bottom: 0;
  }
  .readBox {
    background-color: #fff;
  }
  .readBox .read {
    font-weight: 500;
  }
  h2.title {
    color: #003349;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.08em;
  }
  h2.title.faqH2 {
    color: #000;
    letter-spacing: -0.03em;
    font-weight: 500;
  }
  h2.title.reqH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/saiyo_yoko_underline.svg);
  }
  h2.title.crH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_ITOKI_recruit_eigyo.svg);
  }
  h2.title.crkhH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/people_underline_kaihatsu.svg);
  }
  h2.title.tkH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/crosstolk_underline_pc.svg);
  }
  h2.title.svH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/survey_underline_pc.svg);
  }
  h2.title.rcH2 {
    color: #000;
    letter-spacing: -0.01em;
    font-weight: 500;
    background-image: url(../images/second/ITOKI_recruit_underline.svg);
  }
  h2.title.wkH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/kankyo_underline.svg);
  }
  h2.title.jbH2 {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    background-image: url(../images/second/jobtype_underline.svg);
  }
  h2.title.slash {
    color: #000;
    font-weight: 500;
    letter-spacing: normal;
  }
  h3.title {
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  h4.title {
    text-align: center;
  }
  h4.title span {
    display: inline-block;
    position: relative;
    font-weight: 500;
  }
  h4.title span::before, h4.title span::after {
    content: "";
    display: block;
    background: url(../images/second/h4_line.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  h4.title span::before {
    left: 0;
  }
  h4.title span::after {
    right: 0;
  }
  .subTitle {
    display: inline-block;
    color: #003349;
    font-weight: 500;
    position: relative;
  }
  .subTitle.internship::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
  }
  .commonBtn {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 100svh;
    font-weight: 500;
    text-align: left;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 50px;
  }
  .commonBtn.ltBlue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_ltblue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.pink::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_pink.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .commonBtn.yellow::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_yellow.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
  }
  .commonBtn.blue::after {
    content: "";
    display: block;
    background: url(../images/common/btn_arrow_blue.svg) no-repeat center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 41px;
    height: 41px;
  }
  .squareBtn {
    position: relative;
    z-index: 10;
    display: block;
    background-color: #e63d30;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    margin-inline: auto;
  }
  header.secondHeader #headerInner {
    justify-content: space-between;
  }
  header.secondHeader #siteName a.diversity {
    align-items: flex-start !important;
    width: 296px !important;
  }
  header.secondHeader #siteName a.diversity .catName {
    width: 296px !important;
  }
  header.secondHeader #siteName a.career {
    align-items: flex-start !important;
  }
  header.secondHeader #siteName a.career .catName {
    width: 155px !important;
  }
  header.secondHeader #secondNav {
    background-image: linear-gradient(180deg, rgb(0, 51, 73), rgb(51, 92, 109));
    position: fixed;
    left: inherit;
    top: 115px;
    right: 0;
    padding: 80px 80px 300px 80px;
    width: 500px;
    height: calc(100% - 115px);
    transform: translateX(100%);
    overflow-y: scroll;
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav.isOpen {
    transform: translateX(0);
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav #menuBtn {
    transition: transform 0.3s;
  }
  header.secondHeader #secondNav #menuBtn.isOpen span:nth-of-type(1) {
    transform: rotate(48deg);
  }
  header.secondHeader #secondNav #menuBtn.isOpen span:nth-of-type(2) {
    opacity: 0;
  }
  header.secondHeader #secondNav #menuBtn.isOpen span:nth-of-type(3) {
    transform: rotate(135deg);
  }
  header.secondHeader #secondNav .navTtl {
    color: #fff;
    font-weight: 700;
    line-height: 1;
    font-size: 40px;
    letter-spacing: 0.15em;
  }
  header.secondHeader #secondNav ul {
    margin-top: 80px;
  }
  header.secondHeader #secondNav ul > li:not(:first-child) > a {
    margin-top: 40px;
  }
  header.secondHeader #secondNav ul > li > a {
    display: block;
    color: #fff;
    font-size: 22px;
    transition: 0.3s;
  }
  header.secondHeader #secondNav ul > li > a:hover {
    opacity: 0.5;
  }
  header.secondHeader #secondNav .entry {
    margin-top: 50px;
  }
  header.secondHeader #secondNav .entry .lpBtn {
    width: 300px;
  }
  header.secondHeader #secondNav .entry .lpBtn:hover {
    opacity: 1;
  }
  header.secondHeader #secondNav .entry .lpBtn:last-of-type {
    margin-top: 30px;
  }
  .taC {
    text-align: center !important;
  }
  .taL {
    text-align: left !important;
  }
  .taR {
    text-align: right !important;
  }
  .pT0 {
    padding-top: 0 !important;
  }
  .pT10 {
    padding-top: 10px !important;
  }
  .pT20 {
    padding-top: 20px !important;
  }
  .pT30 {
    padding-top: 30px !important;
  }
  .pT40 {
    padding-top: 40px !important;
  }
  .pB0 {
    padding-bottom: 0px !important;
  }
  .pB5 {
    padding-bottom: 5px !important;
  }
  .pB10 {
    padding-bottom: 10px !important;
  }
  .pB20 {
    padding-bottom: 20px !important;
  }
  .pB30 {
    padding-bottom: 30px !important;
  }
  .pB40 {
    padding-bottom: 40px !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5 {
    margin-bottom: 5px !important;
  }
  .mB10 {
    margin-bottom: 10px !important;
  }
  .mB20 {
    margin-bottom: 20px !important;
  }
  .mB30 {
    margin-bottom: 30px !important;
  }
  .mB40 {
    margin-bottom: 40px !important;
  }
  .mB50 {
    margin-bottom: 50px !important;
  }
  .mB60 {
    margin-bottom: 60px !important;
  }
  .mB70 {
    margin-bottom: 70px !important;
  }
  .mB80 {
    margin-bottom: 80px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5 {
    margin-top: 5px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .mT60 {
    margin-top: 60px !important;
  }
  .mT70 {
    margin-top: 70px !important;
  }
  .mT80 {
    margin-top: 80px !important;
  }
  .mL0 {
    margin-left: 0px !important;
  }
  .mL5 {
    margin-left: 5px !important;
  }
  .mL10 {
    margin-left: 10px !important;
  }
  .mL20 {
    margin-left: 20px !important;
  }
  .mL30 {
    margin-left: 30px !important;
  }
  .mL40 {
    margin-left: 40px !important;
  }
  .mL50 {
    margin-left: 50px !important;
  }
  .mR0 {
    margin-right: 0px !important;
  }
  .mR5 {
    margin-right: 5px !important;
  }
  .mR10 {
    margin-right: 10px !important;
  }
  .mR20 {
    margin-right: 20px !important;
  }
  .mR30 {
    margin-right: 30px !important;
  }
  .mR40 {
    margin-right: 40px !important;
  }
  .mR50 {
    margin-right: 50px !important;
  }
  .size12 {
    font-size: 12px !important;
  }
  .size13 {
    font-size: 13px !important;
  }
  .size14 {
    font-size: 14px !important;
  }
  .size15 {
    font-size: 15px !important;
  }
  .size16 {
    font-size: 16px !important;
  }
  .size17 {
    font-size: 17px !important;
  }
  .size18 {
    font-size: 18px !important;
  }
  .size19 {
    font-size: 19px !important;
  }
  .size20 {
    font-size: 20px !important;
  }
  .size22 {
    font-size: 22px !important;
  }
  .size24 {
    font-size: 24px !important;
  }
  .size28 {
    font-size: 28px !important;
  }
  .colorRed {
    color: #e34b30 !important;
  }
  .colorBlue {
    color: #356fcf !important;
  }
  .preBox {
    background: #eff0f4;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  #officeTourMokuji {
    display: flex;
  }
  #officeTourMokuji > li {
    overflow: hidden;
  }
  #officeTourMokuji > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #officeTourMokuji > li span {
    display: block;
    color: #fff;
    text-align: center;
  }
  #officeTourMokuji > li .en {
    font-weight: 700;
  }
  #officeTourMokuji > li .ja {
    font-weight: 500;
  }
  .officeTourTitle .sml {
    padding-bottom: 0 !important;
  }
  .lpCareer {
    font-weight: 500;
  }
  #crJob h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crJob .desc {
    text-align: center;
    font-weight: 500;
  }
  #crJob .btnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #crAbout h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crAbout .desc {
    text-align: center;
    font-weight: 500;
  }
  #crAbout .googleSlide {
    width: 100%;
  }
  #crAbout .googleSlide iframe {
    width: 100%;
    height: auto;
  }
  #crLinks ul.solCasList li {
    position: relative;
    z-index: 2;
  }
  #crLinks ul.solCasList li:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
  }
  #crLinks ul.solCasList li:nth-child(1):before {
    background-color: #e6ebee;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  #crLinks ul.solCasList li:nth-child(2):before {
    background-color: rgba(249, 138, 132, 0.12);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #crLinks ul.solCasList li p.title {
    font-weight: 700;
  }
  /* _second3.scssに移動
  #crVoices {
    @if $type==sp {
      padding-block: 100px 75px;
    }

    @if $type==pc {
      padding-block: 280px 200px;
    }

    h2.title.reqH2 {
      text-align: center;
      background-position: center bottom;

      @if $type==sp {
        background-size: 100px auto;
      }

      @if $type==pc {
        background-size: 166px auto;
      }
    }

    .desc {
      text-align: center;
      font-weight: 500;

      @if $type==sp {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 25px;
      }

      @if $type==pc {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 45px;
      }
    }
  }
  */
  #crBenefits {
    position: relative;
    z-index: 2;
  }
  #crBenefits:before {
    content: "";
    position: absolute;
    background: #f1f1f1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  #crBenefits h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crBenefits .desc {
    text-align: center;
    font-weight: 500;
  }
  #crBenefits h3.title.slash {
    font-weight: 700;
  }
  #crBenefits h3.title.slash span {
    color: #003349;
    font-weight: 700;
  }
  #crBenefits .ebList li {
    background: #fff;
    border-radius: 5px;
  }
  #crBenefits .ebList li img {
    width: 100%;
    height: auto;
  }
  #crFaq {
    margin-top: 0 !important;
  }
  #crFaq h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crFaq .desc {
    text-align: center;
    font-weight: 500;
  }
  #crFaq .faq h3.title.slash {
    color: #003349;
  }
  .lpDiversityCareer {
    font-weight: 500;
  }
  .lpDiversityCareer .pageRequirement #requirement .tabContent > div {
    border-bottom: 1px solid #003349;
  }
  #dsApply p.leadText {
    line-height: 2;
  }
  #dsApply .colorBox {
    background: #e5ebed;
    display: grid;
    place-content: center;
  }
  #dsApply .colorBox ol li {
    line-height: 2;
  }
  #dsApply p.annotation {
    position: relative;
  }
  #dsApply p.annotation:before {
    content: "※";
    position: absolute;
    color: #000;
    left: 0;
  }
  #dsApply .btnWrap .lpBtn {
    margin-inline: auto;
  }
  .backBtn .shiruBtn {
    margin-inline: auto;
  }
  #crVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #crVoices .desc {
    text-align: center;
    font-weight: 500;
  }
  #dsVoices {
    background-color: #f0f0f0;
  }
  #dsVoices h2.title.reqH2 {
    text-align: center;
    background-position: center bottom;
  }
  #dsVoices .desc {
    text-align: center;
    font-weight: 500;
  }
}
/*# sourceMappingURL=map/second.css.map */