@charset "utf-8";

/* ↓↓↓ common ↓↓↓ */
.trantechs-lp main {
  color: #231815;
  font-family: "Noto Sans JP", sans-serif;
}

main * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-feature-settings: "palt"
}

h3.heading {
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
  font-style: italic;
  position: relative;
}

@media (max-width: 768px) {
  h3.heading {
    padding-bottom: 15px;
    font-size: 24px;
  }
}

h3.heading.-white {
  color: #fff;
}

h3.heading::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 74px;
  height: 4px;
  transform: translateX(-50%);
}

@media (max-width: 768px) {
  h3.heading::before {
    width: 51px;
    height: 2px;
  }
}

h3.heading.-white::before {
  background: url(../../isuzu/h3heading_bar-yellow.svg)no-repeat;
  background-size: cover;
}

h3.heading.-black::before {
  background: url(../../isuzu/h3heading_bar-white.svg)no-repeat;
  background-size: cover;
}

.-pc {
  display: block;
}

@media (max-width: 768px) {
  .-pc {
    display: none;
  }
}

.-sp {
  display: none;
}

@media (max-width: 768px) {
  .-sp {
    display: block;
  }
}

/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ section--main ↓↓↓ */
.section--main {
  position: relative;
  width: 100%;
  height: 640px;
  background: url(../../isuzu/section--main_bg-pc.jpg)no-repeat;
  background-size: cover;
  background-position: left center;
  z-index: 1;
}

@media (max-width: 768px) {
  .section--main {
    height: 260px;
  }
}

.section--main .inner {
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.section--main .mainlead {
  position: absolute;
  top: 50px;
  right: 0;
  width: 550px;
}

@media (max-width: 768px) {
  .section--main .mainlead {
    top: 40px;
    width: 190px;
  }
}

.mainlead .catch {
  width: 100%;
  height: 70px;
  margin: 0;
  background-color: #fff;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0;
  display: grid;
  place-content: center;
}

@media (max-width: 768px) {
  .mainlead .catch {
    height: 25px;
    font-size: 15px;
  }
}

.mainlead .trapezoid {
  width: 100%;
  margin-top: 20px;
  padding: 10px 25px 40px 25px;
  position: relative;
}

@media (max-width: 768px) {
  .mainlead .trapezoid {
    margin-top: 5px;
    padding: 10px 13px 10px 13px;
  }
}

.mainlead .trapezoid::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #cd1a1c;
  mix-blend-mode: multiply;
}

.mainlead .trapezoid .txt {
  margin: 0;
  font-size: 74px;
  font-weight: bold;
  text-align: justify;
  text-align-last: justify;
  line-height: 1.3;
  letter-spacing: 0;
  color: #fff;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .mainlead .trapezoid .txt {
    font-size: 24px;
  }
}

.mainlead .trapezoid .txt .small {
  font-size: 0.8em;
}

.mainlead .arrow {
  width: 100%;
  height: 80px;
  margin-top: -0.5px;
  padding: 25px 0;
  position: relative;
}

@media (max-width: 768px) {
  .mainlead .arrow {
    height: 25px;
    padding: 20px 0;
  }
}

.mainlead .arrow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  width: 100%;
  height: 100%;
  background-color: #cd1a1c;
  mix-blend-mode: multiply;
}

.mainlead .arrow .arrow_img {
  width: 73px;
  margin: -40px auto 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .mainlead .arrow .arrow_img {
    width: 25px;
    margin-top: -17px;
  }
}

.section--main .subread {
  position: absolute;
  bottom: -40px;
  right: 0;
  width: 550px;
  padding: 64px 35px;
  background-color: #fff;
  border-radius: 20px 0 0 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

@media (max-width: 768px) {
  .section--main .subread {
    bottom: -45px;
    width: 218px;
    padding: 15px 20px 15px 0;
    border-radius: 20px 0 0 20px;
  }
}

.subread .logo {
  width: 240px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .subread .logo {
    width: 150px;
    margin: 0 5px 0 auto;
  }

  .subread .logo img {
    display: block;
    width: 100%;
  }
}

.subread .txt {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .subread .txt {
    font-size: 12px;
    text-align: right;
  }
}

/* ↑↑↑ section--main ↑↑↑ */

/* ↓↓↓ section--merit ↓↓↓ */
.section--merit {
  width: 100%;
  padding: 125px 25px 250px 25px;
  position: relative;
  background-color: #cd1a1c;
}

@media (max-width: 768px) {
  .section--merit {
    padding: 90px 0 115px 0;
  }
}

.section--merit::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
  width: 100%;
  height: 30%;
  background-color: #f7f8f8;
}

@media (max-width: 768px) {
  .section--merit::after {
    height: 60px;
  }
}

.section--merit .inner {
  max-width: 840px;
  margin: 0 auto;
}

.section--merit .merit-list {
  width: 100%;
  margin: 40px auto 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

@media (max-width: 768px) {
  .section--merit .merit-list {
    margin-top: 50px;
    flex-direction: column;
  }
}

.merit-list li {
  width: 30.477%;
}

@media (max-width: 768px) {
  .merit-list li {
    width: 230px;
    margin: 0 auto 20px;
  }

  .merit-list li:last-of-type {
    margin-bottom: 0;
  }
}

/* ↑↑↑ section--merit ↑↑↑ */

/* ↓↓↓ section--job ↓↓↓ */
.section--job {
  position: relative;
  width: 100%;
  padding: 0 25px;
  background-color: #f7f8f8;
}

@media (max-width: 768px) {
  .section--job {
    padding: 50px 25px 0;
  }
}

.section--job .inner {
  max-width: 913px;
  margin: 0 auto;
}

.section--job .explanation {
  width: 100%;
  margin-top: 73px;
  padding: 67px 5.258% 15px 5.258%;
  border: 1px solid #cd1a1c;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
  position: relative;
  background: #fff;
}

@media (max-width: 768px) {
  .section--job .explanation {
    width: 320px;
    margin: 80px auto 0;
    padding: 75px 35px 35px 35px;
  }
}

.explanation h4.title {
  position: absolute;
  top: -30px;
  left: 50%;
  width: 510px;
  height: 60px;
  background-color: #cd1a1c;
  display: grid;
  place-content: center;
  transform: translateX(-50%) skewX(-20deg);
}

@media (max-width: 768px) {
  .explanation h4.title {
    top: -47px;
    width: 260px;
    height: 94px;
    transform: translateX(-50%) skewX(-7deg);
  }
}

.explanation h4.title br {
  display: none;
}

@media (max-width: 768px) {
  .explanation h4.title br {
    display: block;
  }
}

.explanation h4.title span {
  font-size: 28px;
  color: #fff;
  transform: skewX(20deg);
}

@media (max-width: 768px) {
  .explanation h4.title span {
    text-align: center;
    line-height: 1.25;
    transform: skewX(7deg);
  }
}

.explanation .item_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .explanation .item_list {
    flex-direction: column;
  }
}

.explanation .item_list .item {
  width: 31.534%;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .explanation .item_list .item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.explanation .item_list .item:last-of-type {
  flex: 1;
  padding-left: 7.363%;
  padding-top: 10%;
}

@media (max-width: 768px) {
  .explanation .item_list .item:last-of-type {
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 0;
  }
}

.explanation .item_list .item .image {
  width: 100%;
}

@media (max-width: 768px) {
  .explanation .item_list .item .image {
    width: 250px;
  }
}

.explanation .item_list .item img {
  display: block;
  width: 100%;
}

.explanation .item_list .item .text {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: .04em;
  text-align: justify;
  word-break: break-all;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 768px) {
  .explanation .item_list .item .text {
    padding-left: 0;
    line-height: 1.5;
  }
}

.explanation .item_list .item .text b {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 768px) {
  .explanation .item_list .item .text b {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}

/* ↑↑↑ section--job ↑↑↑ */

/* ↓↓↓ section--kyujin ↓↓↓ */
.section--kyujin {
  width: 100%;
  padding: 0 25px;
  position: relative;
  background-color: #f7f8f8;
}

.section--kyujin .inner {
  max-width: 1100px;
  margin: 105px auto 0;
}

@media (max-width: 768px) {
  .section--kyujin .inner {
    margin-top: 55px;
  }
}

.section--kyujin .req_list {
  margin-top: 53px;
}

@media (max-width: 768px) {
  .section--kyujin .req_list {
    margin-top: 40px;
  }
}

.section--kyujin .req_list .item {
  margin-bottom: 2px;
  display: flex;
}

@media (max-width: 768px) {
  .section--kyujin .req_list .item {
    flex-direction: column;
  }
}

.section--kyujin .req_list .item:last-of-type {
  margin-bottom: 0;
}

.req_list .item .head {
  width: 196px;
  display: grid;
  place-content: center;
  background-color: #cd1a1c;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
}

@media (max-width: 768px) {
  .req_list .item .head {
    width: 100%;
    height: 60px;
  }
}

.req_list .item .detail {
  display: block;
  flex: 1;
  padding: 25px;
  font-size: 15px;
  line-height: 1.6;
  background-color: #fff;
}

@media (max-width: 768px) {
  .req_list .item .detail {
    padding: 30px;
  }
}

.req_list .item .detail .red {
  color: #cd1a1c;
  font-weight: bold;
}

.req_list .item .table {
  margin-top: 20px;
  display: flex;
}

@media (max-width: 768px) {
  .req_list .item .table {
    flex-direction: column;
  }
}

.req_list .item ul {
  list-style: none;
  margin-right: 40px;
}

@media (max-width: 768px) {
  .req_list .item ul {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .req_list .item ul:last-of-type {
    margin-bottom: 0;
  }
}

.section--faq .link_group,
.section--kyujin .link_group {
  max-width: 900px;
  margin: 100px auto 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

@media (max-width: 768px) {

  .section--faq .link_group,
  .section--kyujin .link_group {
    width: 320px;
    margin: 60px auto;
    flex-direction: column;
  }
}

.section--faq .link_group a,
.section--kyujin .link_group a {
  width: 48.334%;
  height: 100px;
  background-color: #231815;
  border-radius: 8px;
  position: relative;
  font-size: 22px;
  color: #fff;
  display: grid;
  place-content: center;
  transition: opacity 300ms 0s ease;
  cursor: pointer;
}

@media (min-width: 769px) {

  .section--faq .link_group a:hover,
  .section--kyujin .link_group a:hover {
    opacity: .7;
  }
}

@media (max-width: 768px) {

  .section--faq .link_group a,
  .section--kyujin .link_group a {
    width: 320px;
    margin-bottom: 20px;
  }

  .section--faq .link_group a:last-of-type,
  .section--kyujin .link_group a:last-of-type {
    margin-bottom: 0;
  }
}

.section--faq .link_group a::before,
.section--kyujin .link_group a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 44px;
  transform: translateY(-50%);
  width: 37px;
  height: 43px;
}

@media (max-width: 768px) {

  .section--faq .link_group a::before,
  .section--kyujin .link_group a::before {
    left: 50px;
  }
}

.section--faq .link_group a.icon1::before,
.section--kyujin .link_group a.icon1::before {
  background: url(../../isuzu/link_group-icon1.svg)no-repeat;
}

.section--faq .link_group a.icon2::before,
.section--kyujin .link_group a.icon2::before {
  background: url(../../isuzu/link_group-icon2.svg)no-repeat;
}

.section--faq .link_group a span,
.section--kyujin .link_group a span {
  transform: translateX(30px);
}

.section--faq .link_group .notes,
.section--kyujin .link_group .notes {
  width: 100%;
  margin-top: 10px;
  font-size: 15px;
}

.section--faq .link_group .notes br,
.section--kyujin .link_group .notes br {
  display: none;
}

@media (max-width: 768px) {

  .section--faq .link_group .notes br,
  .section--kyujin .link_group .notes br {
    display: block;
  }
}

.js-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  z-index: 30;
}

.modal__bg {
  width: 100%;
  height: 100vh;
  height: 100svh;
  background: rgba(245, 209, 210, 0.95);
  position: absolute;
}

.modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 600px;
  height: 350px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .modal__content {
    height: 280px;
  }
}

.modal__content .text {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.modal__content .text b {
  margin-top: .6em;
  font-size: 18px;
  display: inline-block;
}

.modal__content .text .tel {
  max-width: 400px;
  height: 70px;
  margin: 20px auto;
  border-radius: 35px;
  background-color: #cd1a1c;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .modal__content .text .tel {
    max-width: 300px;
  }
}

.modal__content .text .tel i {
  display: block;
  width: 24px;
  height: 28px;
  margin-right: 15px;
}

.modal__content .text .txt-s {
  font-size: 14px;
  font-weight: 500;
}

.modal__content .closeBTN {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 15px;
}

.modal__content .closeBTN::before,
.modal__content .closeBTN::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #231815;
  transform-origin: center center;
}

.modal__content .closeBTN::before {
  rotate: 45deg;
}

.modal__content .closeBTN::after {
  rotate: -45deg;
}

/* ↑↑↑ section--kyujin ↑↑↑ */

/* ↓↓↓ section--worries ↓↓↓ */
.section--worries {
  width: 100%;
  padding: 95px 25px;
  position: relative;
  background-color: #fff;
}

@media (max-width: 768px) {
  .section--worries {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}

.section--worries .inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .section--worries .inner {
    max-width: 320px;
    flex-direction: column;
  }
}

.section--worries .block {
  width: 48.182%;
  padding: 6.819% 3.637% 3.637% 3.637%;
  background-color: #cd1a1c;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
  container-type: inline-size;
}

@media (max-width: 768px) {
  .section--worries .block {
    width: 100%;
    margin-bottom: 20px;
    padding: 45px 0 25px 0;
  }

  .section--worries .block:last-of-type {
    margin-bottom: 0;
  }
}

.section--worries .block .caption {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

@container (max-width: 529px) {
  .section--worries .block .caption {
    font-size: 6.6729cqw;
  }
}

@media (max-width: 768px) {
  .section--worries .block .caption {
    font-size: 20px;
  }
}

.section--worries .block .image {
  width: 34.445%;
  margin: 50px auto;
}

@media (max-width: 768px) {
  .section--worries .block .image {
    width: 95px;
    margin-top: 35px;
    margin-bottom: 25px;
  }
}

.section--worries .block .image img {
  display: block;
  width: 100%;
}

.section--worries .block .link {
  display: block;
  width: 100%;
  height: 128px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

@media (max-width: 768px) {
  .section--worries .block .link {
    width: calc(100% - 50px);
    height: 82px;
    margin: 0 auto;
  }
}

.section--worries .block .link::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 52px;
  height: 32px;
}

@media (max-width: 768px) {
  .section--worries .block .link::after {
    right: 10px;
    width: 33px;
    height: 20px;
  }
}

.section--worries .block .link.icon1::after {
  background: url(../worries-icon1.png)no-repeat;
  background-size: contain;
}

.section--worries .block .link.icon2::after {
  background: url(../worries-icon2.png)no-repeat;
  background-size: contain;
}

.section--worries .block .link .wrap {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
}

.section--worries .block .link .txt1 {
  font-size: 28px;
  font-weight: bold;
  color: #e60012;
}

.section--worries .block .link .txt2 {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
}

@container (max-width: 529px) {
  .section--worries .block .link .txt1 {
    font-size: max(22px, 6.22cqw);
  }

  .section--worries .block .link .txt2 {
    font-size: max(11px, 3.1111cqw);
  }
}

@media (max-width: 768px) {
  .section--worries .block .link .txt1 {
    font-size: 16px;
  }

  .section--worries .block .link .txt2 {
    font-size: 12px;
  }
}

.section--worries .line {
  margin-top: 50px;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
  cursor: pointer;
}

@media (max-width: 768px) {
  .section--worries .line {
    margin-top: 0;
  }
}

.section--worries .line img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

/* ↑↑↑ section--worries ↑↑↑ */

/* ↓↓↓ section--flow ↓↓↓ */
.section--flow {
  width: 100%;
  padding: 100px 25px;
  position: relative;
  background-color: #cd1a1c;
}

@media (max-width: 768px) {
  .section--flow {
    padding: 60px 25px 65px;
  }
}

.section--flow .inner {
  max-width: 1100px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .section--flow .inner {
    max-width: 320px;
  }
}

.section--flow .heading br {
  display: none;
}

@media (max-width: 768px) {
  .section--flow .heading br {
    display: block;
  }

  .section--flow .heading {
    text-align: center;
    line-height: 1.46;
  }
}

.section--flow .intro_list {
  margin-top: 10px;
  list-style: none;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .section--flow .intro_list {
    margin-top: 40px;
    flex-direction: column;
    align-items: center;
  }
}

.intro_list .item {
  width: 48.274%;
}

@media (max-width: 768px) {
  .intro_list .item {
    width: 100%;
  }
}

.intro_list .item picture {
  display: block;
}

.intro_list .item:first-of-type picture {
  transform: translateY(5px);
}

@media (max-width: 768px) {
  .intro_list .item:first-of-type picture {
    transform: translateY(0);
    margin-bottom: 50px;
  }
}

.section--flow .flow_list {
  margin-top: 100px;
  list-style: none;
}

@media (max-width: 768px) {
  .section--flow .flow_list {
    margin-top: 40px;
  }
}

.flow_list .item {
  width: 100%;
  margin-bottom: 30px;
  padding: 45px 0 30px 180px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 6px 6px 0 0 rgba(93, 37, 25, .6);
}

@media (max-width: 768px) {
  .flow_list .item {
    padding: 80px 15px 0 15px;
  }
}

.flow_list .item.img1 {
  padding-right: 28%;
}

@media (max-width: 768px) {
  .flow_list .item.img1 {
    padding-right: 15px;
    padding-bottom: 200px;
  }
}

.flow_list .item.img1::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 6.819%;
  transform: translateY(-61.6%);
  width: 19.455%;
  aspect-ratio: 214/238;
  background: url(../flow_image1.svg)no-repeat;
}

@media (max-width: 768px) {
  .flow_list .item.img1::before {
    top: auto;
    bottom: 10px;
    right: 15px;
    transform: translateY(0);
    width: 150px;
    aspect-ratio: 150/167;
  }
}

.flow_list .item.img2 {
  padding-right: 27%;
}

@media (max-width: 768px) {
  .flow_list .item.img2 {
    padding-right: 15px;
    padding-bottom: 200px;
  }
}

.flow_list .item.img2::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 1.5%;
  transform: translateY(-48.5%);
  width: 22.546%;
  aspect-ratio: 248/179;
  background: url(../flow_image2.svg)no-repeat;
}

@media (max-width: 768px) {
  .flow_list .item.img2::before {
    top: auto;
    bottom: 10px;
    right: 50%;
    transform: translateY(0) translateX(54%);
    width: 239px;
    aspect-ratio: 239/172;
  }
}

.flow_list .item.img3 {
  padding-right: 20%;
}

@media (max-width: 768px) {
  .flow_list .item.img3 {
    padding-right: 15px;
    padding-bottom: 180px;
  }
}

.flow_list .item.img3::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 1.5%;
  transform: translateY(-50%);
  width: 25.728%;
  aspect-ratio: 283/160;
  background: url(../flow_image3.svg)no-repeat;
}

@media (max-width: 768px) {
  .flow_list .item.img3::before {
    top: auto;
    bottom: 15px;
    right: 50%;
    transform: translateY(0) translateX(50%);
    width: 255px;
    aspect-ratio: 255/144;
  }
}

.flow_list .item.img4 {
  padding-right: 33%;
}

@media (max-width: 768px) {
  .flow_list .item.img4 {
    padding-right: 15px;
    padding-bottom: 150px;
  }
}

.flow_list .item.img4::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-52.5%);
  width: 29.546%;
  aspect-ratio: 325/178;
  background: url(../flow_image4.svg)no-repeat;
}

@media (max-width: 768px) {
  .flow_list .item.img4::before {
    top: auto;
    bottom: 15px;
    right: 50%;
    transform: translateY(0) translateX(50%);
    width: 235px;
    aspect-ratio: 235/123;
  }
}

.flow_list .item.img5 {
  padding-right: 33%;
}

@media (max-width: 768px) {
  .flow_list .item.img5 {
    padding-right: 15px;
    padding-bottom: 155px;
  }
}

.flow_list .item.img5::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-52.5%);
  width: 29.546%;
  aspect-ratio: 346/207;
  background: url(../flow_image5.svg)no-repeat;
}

@media (max-width: 768px) {
  .flow_list .item.img5::before {
    top: auto;
    bottom: 15px;
    right: 50%;
    transform: translateY(0) translateX(50%);
    width: 242px;
    aspect-ratio: 242/145;
  }
}

.flow_list .item:last-of-type {
  margin-bottom: 0;
}

.flow_list .item::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 5px;
  height: 30px;
  background-color: #663400;
}

.flow_list .item:last-of-type::after {
  display: none;
}

.flow_list .item .step {
  position: absolute;
  top: 35px;
  left: 0;
  width: 162px;
  height: 44px;
}

@media (max-width: 768px) {
  .flow_list .item .step {
    top: 30px;
    width: 85px;
    height: 37px;
  }
}

.flow_list .item .order {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

@media (max-width: 768px) {
  .flow_list .item .order {
    font-size: 24px;
  }
}

.flow_list .item .txt {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.67;
  color: #4d4d4d;
  text-align: justify;
  word-break: break-all;
}

@media (max-width: 768px) {
  .flow_list .item .txt {
    margin-top: 15px;
    font-size: 14px;
  }
}

/* ↑↑↑ section--flow ↑↑↑ */

/* ↓↓↓ section--faq ↓↓↓ */
.section--faq {
  width: 100%;
  padding: 100px 25px 135px;
  position: relative;
  background-color: #f7f8f8;
}

@media (max-width: 768px) {
  .section--faq {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}

.section--faq .inner {
  max-width: 1100px;
  margin: 0 auto;
}

.faq_list {
  width: 100%;
  margin: 40px auto 0;
  list-style: none;
}

.faq_list .item {
  width: 100%;
  margin-bottom: 2px;
  position: relative;
}

.faq_list .item:last-of-type {
  margin-bottom: 0;
}

.faq_list .item .qus {
  width: 100%;
  height: 80px;
  padding-right: 90px;
  display: flex;
  align-items: center;
  background-color: #f5d1d2;
  position: relative;
  cursor: pointer;
}

@media (max-width: 768px) {
  .faq_list .item .qus {
    height: auto;
    padding: 50px 50px 10px 15px;
  }
}

.faq_list .item .num {
  width: 100px;
  height: 100%;
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .faq_list .item .num {
    width: 40px;
    height: 26px;
    padding-left: 0;
    position: absolute;
    top: 15px;
    left: 15px;
  }
}

.faq_list .item .num picture {
  display: block;
  width: 56px;
  height: 39px;
}

@media (max-width: 768px) {
  .faq_list .item .num picture {
    width: 40px;
    height: 26px;
  }
}

.faq_list .item .txt {
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .faq_list .item .txt {
    font-size: 14px;
  }
}

.faq_list .item .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background-color: #cd1a1c;
}

@media (max-width: 768px) {
  .faq_list .item .btn {
    width: 40px;
    height: 40px;
  }
}

.faq_list .item .btn span {
  display: block;
  background-color: #fff;
  position: absolute;
  transform-origin: center center;
  transition: transform 300ms 0s ease, opacity 300ms 0s ease;
}

.faq_list .item .btn span:nth-of-type(1) {
  width: 26px;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
}

.faq_list .item .btn span:nth-of-type(2) {
  width: 1px;
  height: 26px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) rotate(0deg);
}

@media (max-width: 768px) {
  .faq_list .item .btn span:nth-of-type(1) {
    width: 13px;
  }

  .faq_list .item .btn span:nth-of-type(2) {
    height: 13px;
  }
}

.faq_list .item .is-open .btn span:nth-of-type(1) {
  transform: translateY(-50%) rotate(360deg);
  opacity: 0;
}

.faq_list .item .is-open .btn span:nth-of-type(2) {
  transform: translateY(-50%) rotate(270deg);
}


.faq_list .item .ans {
  width: 100%;
  padding: 30px 35px;
  background-color: #fff;
  display: none;
}

@media (max-width: 768px) {
  .faq_list .item .ans {
    padding: 15px;
  }
}

.faq_list .item .ans p {
  width: 100%;
  font-size: 14px;
  line-height: 1.7;
  text-align: justify;
  word-break: break-all;
  color: #4d4d4d;
}

@media (max-width: 768px) {
  .faq_list .item .ans p {
    font-size: 12px;
  }
}

.section--faq .link_group {
  margin-bottom: 0;
}

/* ↑↑↑ section--faq ↑↑↑ */

/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ footer ↓↓↓ */
.related_company {
  display: none;
}


.pankuzu_block {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f4faff
}

.pankuzu {
    display: block;
    max-width: 930px;
    margin: 0 auto;
    font-size: 13px
}

.pankuzu a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-right: 30px;
    color: #333
}

.pankuzu a::before {
    content: ">";
    position: absolute;
    right: -20px;
    top: 0
}

.pankuzu a:last-child {
    margin-right: 0
}

.pankuzu a:last-child::before {
    content: ""
}

@media screen and (max-width: 576px) {
    .pankuzu_block {
        padding-top: 5px
    }

    .pankuzu {
        font-size: 12px;
        margin: 0 10px
    }

    .pankuzu a {
        margin-right: 20px
    }

    .pankuzu a::before {
        right: -18px
    }
}
/* ↑↑↑ footer ↑↑↑ */

@media screen and (min-width: 1281px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 375px) {}