@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- main_ttl & breadcrumbs
- container
- side_nav
- main_contents
- contact_bnr
-------------------------*/
/*=======================================
　main_ttl & breadcrumbs
=======================================*/
.main_ttl {
  background: center/cover url(../img/technology/main.jpg) no-repeat;
}
@media screen and (max-width: 768px) {
  .main_ttl {
    background: center/cover url(../img/technology/main_sp.jpg) no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumbs {
    margin-bottom: 53px;
  }
}

/*=======================================
　container
=======================================*/
.container {
  position: relative;
}
.container .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 51px;
}
@media screen and (max-width: 768px) {
  .container .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
  }
}

/*=======================================
　side_nav
=======================================*/
.side_nav {
  padding: 30px 16px;
  background: rgba(255, 255, 255, 0.83);
  border-radius: 5px;
  margin-top: -30px;
  margin-bottom: 100px;
  z-index: 1;
}
.side_nav ul {
  padding-bottom: 0;
}
.side_nav ul li {
  width: 207px;
  padding-left: 22px;
}

/*=======================================
	technology_cmn_txt
=======================================*/
.technology_cmn_txt {
  letter-spacing: 0.08em;
  line-height: 2;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .technology_cmn_txt {
    width: 100%;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1.8461538462;
    margin-bottom: 50px;
  }
}

/*=======================================
	equipment_sec
=======================================*/
.equipment_sec .equipment_content h4 {
  color: var(--main_navy);
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.44;
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content h4 {
    font-size: 17px;
  }
}
.equipment_sec .equipment_content .content_top .equipment_item {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #C4C4C4;
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .content_top .equipment_item {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.equipment_sec .equipment_content .content_top .equipment_item figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 29px;
}
@media screen and (max-width: 1024px) {
  .equipment_sec .equipment_content .content_top .equipment_item figure {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .content_top .equipment_item figure {
    gap: 15px;
  }
}
.equipment_sec .equipment_content .content_top .equipment_item figure picture {
  width: 59.5049505%;
}
@media screen and (max-width: 1024px) {
  .equipment_sec .equipment_content .content_top .equipment_item figure picture {
    width: 100%;
  }
}
.equipment_sec .equipment_content .content_top .equipment_item figure figcaption {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.equipment_sec .equipment_content .content_top .equipment_item figure figcaption h4 {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .equipment_sec .equipment_content .content_top .equipment_item figure figcaption h4 {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .content_top .equipment_item figure figcaption h4 {
    margin-bottom: 4px;
  }
}
.equipment_sec .equipment_content .content_top .equipment_item figure figcaption span {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 2.1428571429;
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .content_top .equipment_item figure figcaption span {
    font-size: 13px;
    line-height: 1.8461538462;
  }
}
.equipment_sec .equipment_content .content_bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.74257426%;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .content_bot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-bottom: 32px;
  }
}
.equipment_sec .equipment_content .content_bot figure img {
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .content_bot figure img {
    margin-bottom: 15px;
  }
}
.equipment_sec .equipment_content .equipment_list-wrap {
  padding: 52px 40px 62px;
  border: 1px solid var(--main_navy);
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .equipment_list-wrap {
    padding: 30px;
  }
}
.equipment_sec .equipment_content .equipment_list-wrap dt {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .equipment_list-wrap dt {
    font-size: 20px;
    text-align: left;
    margin-bottom: 28px;
  }
}
.equipment_sec .equipment_content .equipment_list-wrap .equipment_list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-rows: 26px;
  grid-template-rows: repeat(4, 26px);
  gap: 18px 60px;
}
@media screen and (max-width: 1024px) {
  .equipment_sec .equipment_content .equipment_list-wrap .equipment_list {
    grid-template-rows: repeat(6, 26px);
  }
}
@media screen and (max-width: 800px) {
  .equipment_sec .equipment_content .equipment_list-wrap .equipment_list {
    grid-template-rows: repeat(6, 26px);
  }
}
@media screen and (max-width: 460px) {
  .equipment_sec .equipment_content .equipment_list-wrap .equipment_list {
    grid-template-rows: repeat(12, 17px);
  }
}
.equipment_sec .equipment_content .equipment_list-wrap .equipment_list dd {
  display: block;
  font-size: clamp(12px, 1.0625vw, 17px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4705882353;
  padding-left: 1em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .equipment_sec .equipment_content .equipment_list-wrap .equipment_list dd {
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 1.2142857143;
  }
}
.equipment_sec .equipment_content .equipment_list-wrap .equipment_list dd:before {
  content: "・";
  color: var(--main_navy);
  position: absolute;
  top: 0;
  left: 0;
}
.equipment_sec .equipment_content .equipment_list-wrap .equipment_list dd span {
  display: inline-block;
}

/*=======================================
	interview_sec
=======================================*/
.interview_sec {
  padding-bottom: 134px;
}
@media screen and (max-width: 768px) {
  .interview_sec {
    padding-bottom: 50px;
    margin-bottom: 0 !important;
  }
}
.interview_sec .interview_img {
  height: 25.6875vw;
  margin-bottom: 120px;
  position: relative;
  left: 50%;
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_img {
    height: 45.3333333333vw;
    margin-bottom: 50px;
  }
}
.interview_sec .interview_img .h-wrap_outer {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_img .h-wrap_outer {
    width: 92%;
  }
}
.interview_sec .interview_img .h-wrap_outer .h-wrap_inner {
  max-width: 1010px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_img .h-wrap_outer .h-wrap_inner {
    width: 100%;
  }
}
.interview_sec .interview_img .h-wrap_outer .h-wrap_inner hgroup {
  color: var(--main_white);
  font-weight: 700;
  position: absolute;
  top: 12.84375vw;
  translate: 0 -50%;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_img .h-wrap_outer .h-wrap_inner hgroup {
    top: 22.66666667vw;
    left: 0;
    translate: 0 -50%;
  }
}
.interview_sec .interview_img .h-wrap_outer .h-wrap_inner hgroup h3 {
  font-size: clamp(24px, 2.1875vw, 35px);
  letter-spacing: 0.1em;
  line-height: 1.4571428571;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_img .h-wrap_outer .h-wrap_inner hgroup h3 {
    font-size: 22px;
    letter-spacing: 0.05em;
    line-height: 1.5454545455;
    margin-bottom: 9px;
  }
}
.interview_sec .interview_img .h-wrap_outer .h-wrap_inner hgroup .en {
  font-family: "Figtree", sans-serif;
  font-size: clamp(10px, 0.9375vw, 15px);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_img .h-wrap_outer .h-wrap_inner hgroup .en {
    font-size: 12px;
  }
}
.interview_sec .interview_img .picture-wrap {
  position: absolute;
  width: 100vw;
  left: calc(-290px - (100vw - 1400px) / 2);
}
@media screen and (max-width: 1556px) {
  .interview_sec .interview_img .picture-wrap {
    left: calc(-290px - 5vw);
  }
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_img .picture-wrap {
    left: -4vw;
  }
}
.interview_sec .interview_list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 45px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list {
    row-gap: 30px;
  }
}
.interview_sec .interview_list::before {
  content: "";
  width: 200vw;
  height: calc(100% + 260px);
  background: #f9f9f9;
  position: absolute;
  top: -121px;
  left: -50vw;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list::before {
    height: calc(100% + 100px);
    top: -50px;
  }
}
.interview_sec .interview_list .interview_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 6.336%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 18px;
  }
}
.interview_sec .interview_list .interview_item.right_img {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.interview_sec .interview_list .interview_item figure {
  width: 16.25514403%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item figure {
    width: 22.52252252%;
  }
}
.interview_sec .interview_list .interview_item figure img {
  margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item figure img {
    width: 93.33333333%;
    margin-bottom: 6px;
  }
}
.interview_sec .interview_list .interview_item figure figcaption {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item figure figcaption {
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 1.3;
  }
}
.interview_sec .interview_list .interview_item p {
  font-size: 18px;
  font-size: clamp(12px, 1.125vw, 18px);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 2.0555555556;
  background: var(--main_white);
  border: 1px solid var(--main_navy);
  display: inline-block;
  -webkit-filter: drop-shadow(5px 5px 0 var(--main_navy));
          filter: drop-shadow(5px 5px 0 var(--main_navy));
  translate: 0 -16px;
  overflow: visible;
  position: relative;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1.8461538462;
    -webkit-filter: drop-shadow(2px 2px 0 var(--main_navy));
            filter: drop-shadow(2px 2px 0 var(--main_navy));
    translate: 0;
  }
}
.interview_sec .interview_list .interview_item p .triangle {
  width: 22px;
  height: 19px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item p .triangle {
    width: 9px;
    height: 13px;
  }
}
.interview_sec .interview_list .interview_item p span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.interview_sec .interview_list .interview_item p span.navy {
  display: inline;
  margin-inline: 0;
  color: var(--main_white);
  background: var(--main_navy);
  padding: 4px 7px;
  margin-left: -7px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item p span.navy {
    padding: 0 4px;
    margin-left: -4px;
  }
}
.interview_sec .interview_list .interview_item.left_img {
  padding-right: 27px;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item.left_img {
    padding-right: 12px;
  }
}
.interview_sec .interview_list .interview_item.left_img .triangle {
  left: -22px;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item.left_img .triangle {
    left: -9px;
  }
}
.interview_sec .interview_list .interview_item.right_img {
  padding-left: 38px;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item.right_img {
    padding-left: 13px;
  }
}
.interview_sec .interview_list .interview_item.right_img .triangle {
  right: -22px;
  scale: -1 1;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item.right_img .triangle {
    right: -9px;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(1) p {
  padding: 2.54323499% 15.39245668%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(1) p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 2.5525% 0;
    margin-inline: auto;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(2) p {
  max-width: 644px;
  padding: 2.19164118% 7.85%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(2) p {
    padding: 2.56% 21px 2.56% 8px;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(3) {
  padding-right: 10.1%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(3) {
    padding-right: 12px;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(3) figure {
  width: 17.59465479%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(3) figure {
    width: 22.52252252%;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(3) p {
  max-width: 634.43px;
  padding: 2.5% 7.35596708% 3.5% 9%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(3) p {
    padding: 2.5525% 0 2.5525% 8px;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(4) p {
  max-width: 634.6px;
  padding: 4.11522634% 14.57561728%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(4) p {
    padding: 8.5px 0;
    margin-inline: auto;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(4) p .navy {
  margin-left: 0;
}
.interview_sec .interview_list .interview_item:nth-of-type(5) {
  padding-right: 12%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(5) {
    padding-right: 12px;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(5) figure {
  width: 17.7727784%;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(5) figure {
    width: 22.52252252%;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(5) p {
  max-width: 634.43px;
  padding: 23.5px 40px;
}
@media screen and (max-width: 768px) {
  .interview_sec .interview_list .interview_item:nth-of-type(5) p {
    padding: 2.5525% 8px;
  }
  .interview_sec .interview_list .interview_item:nth-of-type(5) p span {
    margin-left: 2px;
  }
}
.interview_sec .interview_list .interview_item:nth-of-type(5) p .navy {
  margin-left: 0;
}

/*=======================================
	contact_bnr
=======================================*/
@media screen and (max-width: 768px) {
  .contact_bnr {
    margin-top: 50px;
  }
}/*# sourceMappingURL=technology.css.map */