@charset "utf-8";
.social-img {
  object-position: 50% 40% !important;
  border-radius: 0;
}

.practice-img {
  object-position: 50% 50% !important;
}

.tour-img {
  object-position: 50% 20% !important;
}

.form-btn {
  display: block;
  background: linear-gradient(to right, var(--accent-pink), var(--accent-pink-light));
  box-shadow: 0 10px 15px rgba(82, 160, 253, 0.4);
  border-radius: 45px;
  color: var(--bg-offwhite);
  padding: 1.25rem 2.8125rem;
  transition: all 0.3s ease-out;
  width: 22rem;
  text-align: center;
  margin: 0 auto;
}

.form-btn:hover,
.back-btn:hover {
  transform: scale(0.95);
  color: var(--bg-offwhite);
  text-decoration: none;
}

@media (max-width: 575px) {
  .form-btn {
    max-width: 100%;
    width: 100%;
  }
}

/*=================================
　commendation.htmlのcss
===================================*/
table.commendation th,
table.commendation td {
  vertical-align: middle;
}

table.commendation th {
  padding: 20px 8px !important;
  background: var(--bg-gray-light);
}

table.commendation td {
  padding: 20px 48px !important;
  text-align: left;
}

table.commendation th {
  width: 35%;
}

td.year-td {
  width: 20%;
  background: var(--bg-gray-light);
}

td.award-td {
  width: 45%;
}

@media screen and (max-width: 991px) {
  table.commendation th {
    width: 100%;
    display: inline-block;
  }

  td.year-td {
    width: 40%;
    display: inline-block;
  }

  td.award-td {
    width: 60%;
    display: inline-block;
  }
}

@media screen and (max-width: 575px) {
  table.commendation th {
    width: 100%;
    display: inline-block;
  }

  td.year-td {
    width: 100%;
    text-align: center !important;
    display: inline-block;
  }

  td.award-td {
    width: 100%;
    text-align: center !important;
    display: inline-block;
  }
}

/*=================================
　practice.htmlのcss
===================================*/
.time-schedule {
  display: grid;
  grid-template-columns: 1fr 32px 1fr;
  grid-template-rows: auto;
}

.time-schedule p {
  margin: 0;
}

/* タイムスケジュールの棒 */
.manufacturing-time-schedule_scheduling-bar {
  border-left: 6px solid var(--accent-green-bright);
  height: 100%;
  justify-self: center;
  grid-column: 2;
  grid-row: 3 / -1;
}

/* タイムスケジュールの棒半分を消すための要素　上 */
.manufacturing-time-schedule::before {
  content: "";
  border-left: 6px solid #fff;
  height: 50%;
  grid-column: 2;
  grid-row: 3;
  align-self: start;
  justify-self: center;
  z-index: 10;
}

/* タイムスケジュールの棒半分を消すための要素　下 */
.manufacturing-time-schedule::after {
  content: "";
  border-left: 6px solid #fff;
  height: 50%;
  grid-column: 2;
  grid-row: 21;
  align-self: end;
  justify-self: center;
  z-index: 10;
}

/*============================
  製造のタイムスケジュール
==============================*/
.manufacturing-time-schedule {
  grid-column: 1;
  display: grid;
  grid-template:
    "manufacturing-time-schedule_manufacture manufacturing-time-schedule_manufacture manufacturing-time-schedule_manufacture ." auto
    ". . . ." 16px
    "manufacturing-time-schedule_0810 circle-0810 . manufacturing-time-schedule_radio" auto
    ". . . ." 16px
    ". .  . manufacturing-time-schedule_lunch-work1" auto
    ". .  . ." 16px
    ". .  . manufacturing-time-schedule_lunch-break" auto
    ". .  . ." 16px
    ". .  . manufacturing-time-schedule_lunch-work2" auto
    ". .  . ." 16px
    "manufacturing-time-schedule_1145 circle-1145 . manufacturing-time-schedule_daytime-rest" auto
    ". . . ." 16px
    "manufacturing-time-schedule_1230 circle-1230 . manufacturing-time-schedule_afternoon-work1" auto
    ". . . ." 16px
    ". . . manufacturing-time-schedule_afternoon-rest" auto
    ". . . ." 16px
    ". . . manufacturing-time-schedule_afternoon-work2" auto
    ". . . ." 16px
    "manufacturing-time-schedule_1655 circle-1655 . manufacturing-time-schedule_files" auto
    ". . . ." 16px
    "manufacturing-time-schedule_1700 circle-1700 . manufacturing-time-schedule_end" auto
    / 1fr 32px 16px 4fr;
  align-items: center;
}

.manufacturing-time-schedule_manufacture {
  grid-area: manufacturing-time-schedule_manufacture;
  justify-self: center;
  border: 2px solid var(--brand-cyan);
  border-radius: 20px;
  padding: 0.8rem;
  color: var(--brand-cyan);
}

.manufacturing-time-schedule_manufacture .bi.bi-wrench-adjustable {
  color: var(--brand-cyan);
}

/* 8:10 */
.manufacturing-time-schedule_0810 {
  grid-area: manufacturing-time-schedule_0810;
  justify-self: center;
}

/* 11:45 */
.manufacturing-time-schedule_1145 {
  grid-area: manufacturing-time-schedule_1145;
  justify-self: center;
}

/* 12:30 */
.manufacturing-time-schedule_1230 {
  grid-area: manufacturing-time-schedule_1230;
  justify-self: center;
}

/* 16:55 */
.manufacturing-time-schedule_1655 {
  grid-area: manufacturing-time-schedule_1655;
  justify-self: center;
}

/* 17:00 */
.manufacturing-time-schedule_1700 {
  grid-area: manufacturing-time-schedule_1700;
  justify-self: center;
}

/* 円 8:10 */
.circle-0810 {
  grid-area: circle-0810;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
  z-index: 20;
}

/* 円 11:45 */
.circle-1145 {
  grid-area: circle-1145;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
}

/* 円 12:30 */
.circle-1230 {
  grid-area: circle-1230;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
}

/* 円 16:55 */
.circle-1655 {
  grid-area: circle-1655;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
}

/* 円 17:00 */
.circle-1700 {
  grid-area: circle-1700;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
  z-index: 20;
}

/* ラジオ体操・各ラインで朝礼 */
.manufacturing-time-schedule_radio {
  grid-area: manufacturing-time-schedule_radio;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 昼前　作業 */
.manufacturing-time-schedule_lunch-work1 {
  grid-area: manufacturing-time-schedule_lunch-work1;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

.manufacturing-time-schedule_lunch-work2 {
  grid-area: manufacturing-time-schedule_lunch-work2;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 午前休憩 */
.manufacturing-time-schedule_lunch-break {
  grid-area: manufacturing-time-schedule_lunch-break;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 昼休憩 */
.manufacturing-time-schedule_daytime-rest {
  grid-area: manufacturing-time-schedule_daytime-rest;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 午後　作業 */
.manufacturing-time-schedule_afternoon-work1 {
  grid-area: manufacturing-time-schedule_afternoon-work1;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

.manufacturing-time-schedule_afternoon-work2 {
  grid-area: manufacturing-time-schedule_afternoon-work2;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 午後休憩 */
.manufacturing-time-schedule_afternoon-rest {
  grid-area: manufacturing-time-schedule_afternoon-rest;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 後片付けや整理整頓 */
.manufacturing-time-schedule_files {
  grid-area: manufacturing-time-schedule_files;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 終了 */
.manufacturing-time-schedule_end {
  grid-area: manufacturing-time-schedule_end;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/*============================
  事務所のタイムスケジュール
==============================*/
/* タイムスケジュールの棒 */
.office-time-schedule_scheduling-bar {
  border-left: 6px solid var(--accent-green-bright);
  height: 100%;
  justify-self: center;
  grid-column: 2;
  grid-row: 3 / -1;
}

/* タイムスケジュールの棒半分を消すための要素　上 */
.office-time-schedule::before {
  content: "";
  border-left: 6px solid #fff;
  height: 50%;
  grid-column: 2;
  grid-row: 3;
  align-self: start;
  justify-self: center;
  z-index: 10;
}

/* タイムスケジュールの棒半分を消すための要素　下 */
.office-time-schedule::after {
  content: "";
  border-left: 6px solid #fff;
  height: 50%;
  grid-column: 2;
  grid-row: 21;
  align-self: end;
  justify-self: center;
  z-index: 10;
}

.office-time-schedule {
  grid-column: 3;
  display: grid;
  grid-template:
    "office-time-schedule_office office-time-schedule_office office-time-schedule_office ." auto
    ". . . ." 16px
    "office-time-schedule_0810 office-time-schedule_circle-0810 . office-time-schedule_radio" auto
    ". . . ." 16px
    ". . . office-time-schedule_lunch-work1" auto
    ". . . ." 16px
    ". .  . office-time-schedule_lunch-break" auto
    ". . . ." 16px
    ". . . office-time-schedule_lunch-work2" auto
    ". . . ." 16px
    "office-time-schedule_1215 office-time-schedule_circle-1215 . office-time-schedule_daytime-rest" auto
    ". . . ." 16px
    "office-time-schedule_1300 office-time-schedule_circle-1300 . office-time-schedule_afternoon-work" auto
    ". . . ." 16px
    ". . . office-time-schedule_afternoon-rest" auto
    ". . . ." 16px
    ". . . office-time-schedule_afternoon-work2" auto
    ". . . ." 16px
    "office-time-schedule_1655 office-time-schedule_circle-1655 . office-time-schedule_files" auto
    ". . . ." 16px
    "office-time-schedule_1700 office-time-schedule_circle-1700 . office-time-schedule_end" auto
    / 1fr 32px 16px 4fr;
  align-items: center;
}

.office-time-schedule_office {
  grid-area: office-time-schedule_office;
  border: 2px solid var(--accent-pink);
  border-radius: 20px;
  padding: 0.8rem;
  color: var(--accent-pink);
}

.office-time-schedule_office .bi.bi-file-text {
  color: var(--accent-pink);
}

/* 8:10 */
.office-time-schedule_0810 {
  grid-area: office-time-schedule_0810;
  justify-self: center;
}

/* 12:15 */
.office-time-schedule_1215 {
  grid-area: office-time-schedule_1215;
  justify-self: center;
}

/* 13:00 */
.office-time-schedule_1300 {
  grid-area: office-time-schedule_1300;
  justify-self: center;
}

/* 16:55 */
.office-time-schedule_1655 {
  grid-area: office-time-schedule_1655;
  justify-self: center;
}

/* 17:00 */
.office-time-schedule_1700 {
  grid-area: office-time-schedule_1700;
  justify-self: center;
}

/* 円　8:10 */
.office-time-schedule_circle-0810 {
  grid-area: office-time-schedule_circle-0810;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
  z-index: 20;
}

/* 円　12:15 */
.office-time-schedule_circle-1215 {
  grid-area: office-time-schedule_circle-1215;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
}

/* 円　13:00 */
.office-time-schedule_circle-1300 {
  grid-area: office-time-schedule_circle-1300;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
}

/* 円　16:55 */
.office-time-schedule_circle-1655 {
  grid-area: office-time-schedule_circle-1655;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
}

/* 円　17:00 */
.office-time-schedule_circle-1700 {
  grid-area: office-time-schedule_circle-1700;
  width: 24px;
  height: 24px;
  background-color: var(--accent-green-bright);
  border-radius: 50%;
  justify-self: center;
  z-index: 20;
}

/* ラジオ体操・各ラインで朝礼 */
.office-time-schedule_radio {
  grid-area: office-time-schedule_radio;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 昼前　作業 */
.office-time-schedule_lunch-work1 {
  grid-area: office-time-schedule_lunch-work1;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

.office-time-schedule_lunch-work2 {
  grid-area: office-time-schedule_lunch-work2;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 午前休憩 */
.office-time-schedule_lunch-break {
  grid-area: office-time-schedule_lunch-break;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 昼休憩 */
.office-time-schedule_daytime-rest {
  grid-area: office-time-schedule_daytime-rest;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 午後　作業 */
.office-time-schedule_afternoon-work {
  grid-area: office-time-schedule_afternoon-work;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 午後休憩 */
.office-time-schedule_afternoon-rest {
  grid-area: office-time-schedule_afternoon-rest;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 午後　作業2 */
.office-time-schedule_afternoon-work2 {
  grid-area: office-time-schedule_afternoon-work2;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 後片付けや整理整頓 */
.office-time-schedule_files {
  grid-area: office-time-schedule_files;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

/* 終了 */
.office-time-schedule_end {
  grid-area: office-time-schedule_end;
  background-color: var(--bg-gray);
  border-radius: 20px;
  padding: 0.8rem;
}

@media (max-width: 991px) {
  .time-schedule {
    grid-template-columns: auto;
    grid-template-rows: auto 48px auto;
  }

  .manufacturing-time-schedule {
    grid-column: 1;
  }

  .office-time-schedule {
    grid-column: 1;
    grid-row: 3;
  }
}

/*============================
  テープのようなボックスデザイン
==============================*/
.box-like-tape {
  padding: 0.2rem 0.5rem;
  margin: 2em 0;
  background: #d6ebff;
  box-shadow: 0px 0px 0px 10px #d6ebff;
  border: dashed 2px white;
}

.box-like-tape_p {
  text-indent: -3em;
  padding-left: 3em;
}

.section-content.fadeUpTrigger.box-like-tape {
  justify-items: start;
}