@charset "UTF-8";
/*
Theme Name: CUBIC
Description: CUBIC Template
Author: kashimura co.ltd..
*/
body {
  /* font-size: 16px - 32px */
  font-size: clamp(1rem, 0.286rem + 3.05vw, 2rem);
}

.in {
  width: 93.3333333333%;
}

.pc {
  display: none !important;
}

h2 {
  font-size: 1.06em;
}

h3 {
  font-size: 1em;
  font-weight: 600;
}

.bg {
  top: 33%;
  left: 21.8%;
}

.smooth {
  bottom: 10%;
}
.smooth img {
  width: 33vw;
}

.header > .in {
  width: 100%;
}
.top .header {
  padding: 5.4vw 4.5% 0;
}
.top .header a:has(.site-logo) {
  padding-bottom: 2%;
  width: 15vw;
  height: 15vw;
}
@media screen and (max-width: 600px) {
  .header {
    grid-template-columns: 1fr;
    padding: 0 2%;
    row-gap: 10px;
  }
  .header .nav-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.header .nav-list > a.nav_support {
  display: none !important;
}

.top .site-logo {
  width: 100%;
}

.header .nav-list > a,
.top-nav .nav-list > a {
  padding: 10px 5px;
  border: 1px solid var(--interview03-color);
  border-radius: 10px;
  box-shadow: 5px 5px 5px 0px rgba(255, 51, 153, 0.3);
}

.nav-list {
  gap: 10px;
  font-size: calc(0.5625rem + (1vw - 3.2px) * 1.2069);
}
@media screen and (max-width: 740px) {
  .nav-list {
    grid-template-columns: 1fr 1fr;
  }
}

.page .header .nav-list > a {
  border: 1px solid #969696;
  box-shadow: 5px 5px 5px 0px rgba(150, 150, 150, 0.3);
}
.page .header .nav-list > a.nav_top {
  display: none !important;
}

.icon-wrapper span {
  font-size: calc(0.75rem + (1vw - 3.2px) * 0.5172);
}

@media screen and (max-width: 740px) {
  nav .nav-list > a:not(:first-child) {
    border-left: none;
  }
  nav .nav-list > a:nth-child(2n) {
    border-left: 1px solid var(--white);
  }
}
.top-nav {
  max-width: 780px;
  margin: 50px auto;
}
.top-nav .nav-list > a.nav_top {
  display: none !important;
}

.top-content {
  padding-top: 13.3333vw;
}
.top-content--kigyo .bg-main-color {
  padding: 1.5625em 0 2.96875em;
}

/* 仕事探しの旅 */
.top-poem h2 img {
  display: block;
  width: 53.9285%;
  margin: 0 auto;
}
.top-poem__text {
  text-align: center;
  margin-top: 1.5625em;
}

/* 島根の最新企業情報 */
.top-kigyo__content {
  grid-template-columns: 1fr 1fr;
}
.top-kigyo .item1 {
  grid-row: 1;
  grid-column: 1/3;
  width: 60%;
  margin: 0 auto 12px;
}
.top-kigyo .item2 {
  grid-row: 2;
  grid-column: 1/3;
  width: 83%;
  margin: auto;
}
.top-kigyo .item2 img {
  width: 100%;
}
.top-kigyo .item3 {
  grid-row: 3;
  grid-column: 1/3;
  margin: 1.65625em 0 3.375em;
  width: 100%;
}
.top-kigyo .item4 {
  grid-row: 4;
  grid-column: 1;
  width: 97.619047619%;
  margin-top: 0;
}
.top-kigyo .item4 img {
  width: 100%;
}
.top-kigyo .item5 {
  grid-row: 4/6;
  grid-column: 2;
}
.top-kigyo .item5 img {
  display: block;
  width: 95.7142857143%;
  margin-left: auto;
}
.top-kigyo--02__content {
  display: flex;
  justify-content: center;
}
.top-kigyo--02__content:first-child::before {
  width: 39%;
  top: unset;
  bottom: 128%;
  left: 4%;
}
.top-kigyo--02__content .img-book-detail {
  width: 67.6666vw;
}

/* おすすめポイント */
.osusume-point {
  width: 100%;
}
.osusume-point ul li {
  margin-top: 0.78125em;
}
.osusume-point__text {
  margin-top: 1.5483em;
  padding: 1.5625em 2em;
  font-weight: 500;
  text-align: center;
}
.osusume-point__text::before {
  top: -17%;
  width: 2em;
}
.osusume-point__index {
  width: 24.7619%;
}

/* 先輩インタビュー */
.top-interview {
  margin-top: 3em;
}
.top-interview .delayScroll:not(:first-child) {
  margin-top: 3.6em;
}
.top-interview__inner {
  width: 93.7777777778%;
  margin: auto;
  aspect-ratio: 844/912;
  background-image: url(../images/bg-book-sp.svg);
}
.top-interview__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
  width: 90.6398%;
  height: 100%;
  margin: auto;
  padding: 7.7777vw 0 11.1111vw;
}
.top-interview__img img {
  width: 100%;
}
.top-interview__text {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}
.top-interview .item3 {
  position: absolute;
  width: 13vw;
  bottom: 62%;
  right: 15%;
}
.top-interview .item4 {
  height: 10.6666vw;
  text-align: center;
}
.top-interview .item4 img {
  width: auto;
  height: 100%;
}
.top-interview .item5 {
  width: 100% !important;
  margin-top: 1em;
  font-size: clamp(0.75rem, -0.054rem + 3.43vw, 1.875rem);
  text-align: justify;
}
.top-interview .item6 {
  margin-top: auto;
}
.top-interview__btn {
  width: 100%;
  padding: 5px 1em 5px 1.5em;
  text-align: center;
  border-radius: 10px;
  font-size: clamp(0.75rem, -0.143rem + 3.81vw, 2rem);
}

#interview2026 {
  padding-bottom: 3.125em;
}

.top-support {
  padding-top: 0.25em;
}
.top-support__item,
.top-support .card {
  padding: 2.7em 0;
}
.top-support .card {
  border-top: 1px solid #666464;
}
.top-support .card:last-child {
  padding-bottom: 0;
}
.top-support .card a:has(> .banner) {
  margin-bottom: 2em;
  text-align: center;
}
.top-support .card a:has(> .border-w-box_wrapper) {
  margin-top: 3em;
  display: block;
  text-align: center;
}
.top-support h3 {
  display: flex;
  justify-content: center;
}
.top-support .part-l {
  margin-bottom: 2em;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .top-support .part-l a {
    width: 75%;
  }
}
.top-support .part-r a {
  margin-top: 3em;
  display: block;
  text-align: center;
}

.page-hed-content {
  margin-top: 34px;
}
.page-hed-content .item5 {
  margin-top: 5.5vw;
  text-align: justify;
}

.page-hed__title {
  padding: 0;
}
.page-hed__title img {
  width: 80%;
}

.page-hed__info {
  width: 93.7777777778%;
  margin: 10.3333vw auto 0;
  aspect-ratio: 844/924;
  background-image: url(../images/bg-page-book-sp.svg);
}
.page-hed__info .in {
  padding-top: 9%;
}
.page-hed__info__img {
  justify-content: center;
  align-items: center;
}
.page-hed__info__img .item1 {
  width: 77.7777vw;
  aspect-ratio: 700/415;
}
.page-hed__info__img .item1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-hed__info__text {
  grid-template-columns: 1fr 1fr;
  margin-top: 6.5%;
}
.page-hed__info__text .label {
  width: 17vw;
  height: 6vw;
  font-size: 1.21875em;
}
.page-hed__info__text .interview-name {
  padding-left: 0.2083em;
  font-size: 1.5em;
}
.page-hed__info__text .interview-career {
  margin-top: -1em;
  padding-left: 0;
  font-size: 0.78125em;
}
.page-hed__info__text .item3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: -6%;
}
.page-hed__info .item2 {
  margin-top: 5%;
  text-align: center;
}
.page-hed__info .item2 img {
  width: 62%;
}

.interview-container {
  margin-top: 8.3333vw;
}
.interview-container__detail .detail-item:not(:first-child) {
  margin-top: 2.625em;
}
.interview-container__detail .detail-item__description {
  padding-top: 1.65625em;
}
.interview-container__detail .detail-item__description h3 {
  font-size: 1.09375em;
}
.interview-container__detail .detail-item__description p {
  margin: 1.0625em 0 1.25em;
}
.interview-container__detail .detail-item__description figcaption {
  margin-top: 0.52em;
  font-size: 0.78125em;
}
.interview-container__calendar {
  margin-top: 11.1111vw;
}
.interview-container__message {
  margin-top: 8.6666vw;
}
.interview-container__boss {
  margin-top: 8.4444vw;
}

.message-content {
  display: flex;
  flex-direction: column;
  gap: 1.46875em;
}
.message-content h3 {
  order: 1;
}
.message-content__img {
  order: 2;
  text-align: center;
}
.message-content__img img {
  aspect-ratio: 425/350;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.message-content__text {
  order: 3;
  text-align: justify;
}

.fukidashi-02-01 {
  font-size: 1.09375em;
  padding: 0.35em 0.9142857143em;
}
.fukidashi-02-01::after {
  bottom: 7%;
  left: 9.5%;
  border-width: 1.0285714286em 0 0 1.0285714286em;
}
.fukidashi-02-01.detail-item__title {
  font-size: 1.125em;
  line-height: 1.5833333333;
  align-items: flex-start;
  gap: 4.4444444444vw;
  padding: 1.3333333333vw 1.6666666667vw 2.2222222222vw 3.1111111111vw;
  border-radius: 2.7777777778vw;
}
.fukidashi-02-01.detail-item__title span {
  font-size: 1.6666666667em;
  line-height: 1;
}
.fukidashi-02-01.detail-item__title::after {
  bottom: 8%;
  left: 8%;
  border-width: 1em 0 0 1em;
}
.fukidashi-02-01.page-link__label {
  bottom: 98%;
  left: -7.5%;
  font-size: 1.53125em;
  padding: 0.1224489796em 0.2857142857em;
  width: 4.8571428571em;
}
.fukidashi-02-01.page-link__label::after {
  bottom: 14%;
  left: 33.5%;
  border-width: 43px 0 0 40px;
  border-width: 0.8775510204em 0 0 0.8163265306em;
}
.fukidashi-02-01.bg-white {
  color: var(--interview-color);
  background-color: var(--white);
}
.fukidashi-02-01.bg-white::after {
  border-color: var(--white) transparent transparent;
}

.add-flower {
  display: flex;
  flex-direction: column;
}
.add-flower picture {
  order: 1;
}
.add-flower figcaption {
  order: 3;
}
.add-flower .flower {
  position: relative;
  bottom: unset;
  left: unset;
  order: 2;
  width: 26vw;
  margin-top: -28%;
}

.page-link-container {
  margin-top: 22.2222vw;
}

.page-link {
  flex-direction: column;
  padding-left: 4%;
}
.page-link__item {
  width: 47.2222vw;
}
.page-link__item:not(:first-child) {
  margin-top: 4.84375em;
}
.page-link__item figcaption {
  padding: 0.194em 0.2777em 0.361em 0.9444em;
  font-size: clamp(0.875rem, -0.107rem + 4.19vw, 2.25rem);
  line-height: 1;
}
.page-link__item figcaption span {
  font-size: 0.6944444444em;
}

.return-to-top {
  margin-top: 2.2285714286em;
  font-size: 1.09375em;
}

.footer {
  margin-top: 2.90625em;
}
@media screen and (max-width: 740px) {
  .footer .nav-list > a:not(:last-child) {
    border-right: none;
  }
  .footer .nav-list > a:nth-child(2n) {
    border-left: 1px solid var(--white);
  }
}

.speech-bubble {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  padding: 5px 0.5em;
  font-size: 1.09375em;
}

.heading--bg {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.8em 0;
}
.heading--bg span:last-child {
  margin-left: 1em;
}

.box-content {
  width: 100%;
  padding: 4.4444vw 6.7%;
  border-radius: 30px;
}/*# sourceMappingURL=style_mob.css.map */