@charset "UTF-8";
/*=============================================*/
/*Reset CSS*/
/*=============================================*/
article, aside, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {
  display: block;
}

blockquote, body, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

li {
  list-style: none;
}

a,
a:link {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  height: auto;
  vertical-align: bottom;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

button, input, select, textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check {
  display: none;
}

i {
  font-style: normal;
}

textarea {
  resize: none;
  font-family: sans-serif;
}

* {
  box-sizing: border-box;
}

/*=============================================*/
/*Common Base*/
/*=============================================*/
.page_ttl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #F7F8FC;
  min-height: 300px;
  margin-top: 70px;
}
@media (max-width: 768px) {
  .page_ttl {
    min-height: 230px;
    margin-top: 60px;
  }
}
.page_ttl .parent {
  display: inline-block;
  margin-bottom: 1em;
  padding: 0.44em 1.3em;
  background: #FF7530;
  border-radius: 30px;
  line-height: 1.3;
  color: #FFF;
  font-size: clamp(1.5rem, 1.3vw, 1.8rem);
  font-weight: 700;
}
.page_ttl .ttl {
  display: block;
  line-height: 1.5;
  font-size: clamp(3rem, 4vw, 5.2rem);
  font-weight: 700;
}

#overview,
#history,
#accessmap,
#shrink_labels,
#film,
#soft_pouch,
#other,
#sales,
#print_operator,
#bag_operator,
#office_work,
#faq {
  padding-top: 80px;
  margin-top: -80px;
}
@media (max-width: 768px) {
  #overview,
  #history,
  #accessmap,
  #shrink_labels,
  #film,
  #soft_pouch,
  #other,
  #sales,
  #print_operator,
  #bag_operator,
  #office_work,
  #faq {
    padding-top: 62px;
    margin-top: -62px;
  }
}

#short_delivery,
#gravure_printing {
  margin-top: -80px;
  padding-top: 80px;
}
@media (max-width: 768px) {
  #short_delivery,
  #gravure_printing {
    margin-top: 60px;
    padding-top: -60px;
  }
}

#network,
#value {
  margin-top: -90px;
  padding-top: 90px;
}
@media (max-width: 768px) {
  #network,
  #value {
    margin-top: -70px;
    padding-top: 70px;
  }
}

/********************************************/
/* esg */
/********************************************/
.esg_sdgs_list .sdgs_box {
  margin-bottom: 10px;
  padding: 80px 0 100px;
}
@media (max-width: 768px) {
  .esg_sdgs_list .sdgs_box {
    padding: 40px 0 60px;
  }
}
.esg_sdgs_list .sdgs_box .top_box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  column-gap: 50px;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .esg_sdgs_list .sdgs_box .top_box {
    display: block;
    margin-bottom: 30px;
  }
}
.esg_sdgs_list .sdgs_box .top_box .ttl_en_or {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .esg_sdgs_list .sdgs_box .top_box .ttl_en_or {
    margin-bottom: 20px;
  }
}
.esg_sdgs_list .sdgs_box .top_box .sdgs_ico {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  column-gap: 10px;
}
.esg_sdgs_list .sdgs_box .txt_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .esg_sdgs_list .sdgs_box .txt_list {
    width: 100%;
  }
}
.esg_sdgs_list .sdgs_box .txt_list:after {
  display: inline-block;
  content: "";
  width: 32%;
}
@media (max-width: 768px) {
  .esg_sdgs_list .sdgs_box .txt_list:after {
    content: none;
  }
}
.esg_sdgs_list .sdgs_box .txt_list li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-flow: column;
  width: 32%;
  min-height: 90px;
  padding: 10px;
  background: #FFF;
  text-align: center;
  font-weight: 700;
  font-size: clamp(1.6rem, 1.5vw, 2rem);
}
@media (max-width: 768px) {
  .esg_sdgs_list .sdgs_box .txt_list li {
    width: 100%;
    min-height: auto;
  }
}

.esg_sdgs_list .sdgs_box.environment {
  background: rgba(0, 26, 101, 0.8);
}
.esg_sdgs_list .sdgs_box.environment .txt_list li {
  color: #001A65;
}
.esg_sdgs_list .sdgs_box.social {
  background: rgba(99, 195, 199, 0.8);
}
.esg_sdgs_list .sdgs_box.social .txt_list li {
  color: #63C3C7;
}
.esg_sdgs_list .sdgs_box.governance {
  background: rgba(255, 117, 48, 0.8);
}
.esg_sdgs_list .sdgs_box.governance .txt_list li {
  color: #FF7530;
}

.esg_sdgs_list .record {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5%;
  row-gap: 30px;
}
.esg_sdgs_list .record .left {
  width: 70%;
}
@media (max-width: 768px) {
  .esg_sdgs_list .record .left {
    width: 100%;
    order: 2;
  }
}
.esg_sdgs_list .record .img {
  width: 25%;
}
@media (max-width: 768px) {
  .esg_sdgs_list .record .img {
    width: 100%;
    text-align: center;
    order: 1;
  }
}

/********************************************/
/* service_page_block */
/********************************************/
.service_page_block .mod-ankerlink {
  row-gap: 20px;
  column-gap: 2%;
}
@media (max-width: 768px) {
  .service_page_block .mod-ankerlink {
    row-gap: 10px;
  }
}
.service_page_block .mod-ankerlink li {
  width: 49%;
  max-width: none;
  margin-right: 0;
}
@media (max-width: 768px) {
  .service_page_block .mod-ankerlink li {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .service_page_block .mod-col3-img_text {
    row-gap: 20px;
  }
  .service_page_block .mod-col3-img_text .content {
    margin-bottom: 0;
  }
}

.ttl_img {
  position: relative;
  padding-bottom: 35px;
}
@media (max-width: 768px) {
  .ttl_img {
    padding-bottom: 20px;
  }
}
.ttl_img img {
  display: block;
  width: 90%;
  max-width: 1000px;
  margin: auto;
}
.ttl_img .ttl {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.3em 0.5em;
  background: #FFF;
  line-height: 1.5;
  font-size: clamp(1.6rem, 2.7vw, 3.2rem);
  font-weight: 700;
}

/********************************************/
/* equipment */
/********************************************/
.equipment_page_block .equipment_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 80px;
}
@media (max-width: 768px) {
  .equipment_page_block .equipment_list {
    row-gap: 30px;
  }
}
.equipment_page_block .equipment_list li {
  width: 48%;
}
@media (max-width: 768px) {
  .equipment_page_block .equipment_list li {
    width: 100%;
  }
}
.equipment_page_block .equipment_list li:first-child {
  width: 100%;
}
.equipment_page_block .equipment_list .ac-title_line {
  line-height: 1.5;
  font-size: clamp(2rem, 2.5vw, 3rem);
}

/********************************************/
/* reason_page_block */
/********************************************/
.reason_list {
  list-style-type: none;
}
.reason_list .reason_box:not(:last-child) {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .reason_list .reason_box:not(:last-child) {
    margin-bottom: 40px;
  }
}
.reason_list .reason_box .container {
  counter-reset: num;
}
.reason_list .reason_box .img {
  position: relative;
  top: 60px;
}
@media (max-width: 768px) {
  .reason_list .reason_box .img {
    top: 38px;
  }
}
.reason_list .reason_box .bg-primary {
  position: relative;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 10;
}
@media (max-width: 768px) {
  .reason_list .reason_box .bg-primary {
    max-width: 400px;
  }
}
.reason_list .reason_box .ttl {
  position: relative;
  display: inline-block;
  padding: 30px 30px 30px 90px;
  line-height: 1.5;
  color: #FFF;
  font-size: clamp(2rem, 3vw, 3.2rem);
  font-weight: 700;
}
@media (max-width: 768px) {
  .reason_list .reason_box .ttl {
    padding: 20px 20px 20px 55px;
  }
}
.reason_list .reason_box .ttl::before {
  position: absolute;
  left: 10px;
  top: 50%;
  content: "";
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 768px) {
  .reason_list .reason_box .ttl::before {
    width: 40px;
    height: 40px;
  }
}
.reason_list .reason_box .txt_box {
  position: relative;
  top: -50px;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  padding: 100px 50px 50px 90px;
  background: #F7F8FC;
  z-index: -1;
}
@media (max-width: 768px) {
  .reason_list .reason_box .txt_box {
    top: -35px;
    left: 0;
    width: 100%;
    padding: 60px 20px 30px 70px;
  }
}
.reason_list .reason_box .txt_box.none {
  padding: 100px 20px 50px 20px;
}
@media (max-width: 768px) {
  .reason_list .reason_box .txt_box.none {
    padding: 60px 20px 30px 20px;
  }
}
.reason_list .num_ttl {
  position: relative;
  counter-increment: num;
}
.reason_list .num_ttl::before {
  position: absolute;
  left: -70px;
  top: 2px;
  content: "0" counter(num);
  line-height: 1;
  color: #63C3C7;
  font-size: 4rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@media (max-width: 768px) {
  .reason_list .num_ttl::before {
    font-size: 3rem;
    left: -50px;
  }
}

.reason_list .reason_box:nth-child(1) .ttl::before {
  background: url(../img/reason/ico01.svg) no-repeat center/contain;
}
.reason_list .reason_box:nth-child(2) .ttl::before {
  background: url(../img/reason/ico02.svg) no-repeat center/contain;
}
.reason_list .reason_box:nth-child(3) .ttl::before {
  background: url(../img/reason/ico03.svg) no-repeat center/contain;
}
.reason_list .reason_box:nth-child(4) .ttl::before {
  background: url(../img/reason/ico04.svg) no-repeat center/contain;
}

/********************************************/
/* case */
/********************************************/
@media (max-width: 768px) {
  .case_page_block .to_right {
    text-align: left;
  }
}
.case_page_block .case_box {
  position: relative;
  margin-bottom: 24px;
}
.case_page_block .case_box:after {
  position: absolute;
  left: calc(50% - 33px);
  top: 100%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 33px 0 33px;
  border-color: #F5F5F5 transparent transparent transparent;
}
.case_page_block .case_answer {
  background-color: #FFF6F1;
}
.case_page_block .case_answer .color-secondary_or {
  display: inline-block;
  font-size: clamp(1.8rem, 2vw, 3rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #FF7530;
  border-bottom: 2px solid #FF7530;
}
.case_page_block .case_answer .icon img {
  display: block;
  max-width: 60px;
  margin: auto;
}

/********************************************/
/* news_page_block */
/********************************************/
.news_page_block img {
  display: block;
  width: 100%;
}

.news_page_flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .news_page_flex {
    display: block;
  }
}
.news_page_flex .main_block {
  width: 72%;
}
@media (max-width: 768px) {
  .news_page_flex .main_block {
    width: 100%;
    margin-bottom: 60px;
  }
}
.news_page_flex .sidebar {
  width: 24%;
}
@media (max-width: 768px) {
  .news_page_flex .sidebar {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
}

.sidebar .category_list li:not(:last-child) {
  margin-bottom: 5px;
}
.sidebar .category_list li a {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar .category_list li a:hover {
  color: #63C3C7;
}
.sidebar .archive_list li:not(:last-child) {
  margin-bottom: 10px;
}
.sidebar .archive_list li a {
  display: block;
  padding: 0.6em 1em;
  border: solid 1px #262626;
  text-align: center;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar .archive_list li a:hover {
  color: #FFF;
  border-color: #63C3C7;
  background: #63C3C7;
}

.sidepost_list li:not(:last-child) {
  margin-bottom: 20px;
}
.sidepost_list li a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sidepost_list li a .img {
  width: 26%;
}
.sidepost_list li a .txt_box {
  width: 70%;
}
.sidepost_list li a .txt_box .date {
  display: block;
  margin-bottom: 5px;
  line-height: 1;
  font-size: 1.3rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.sidepost_list li a .txt_box .category {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 5px;
  padding: 0.2em 1em;
  background: #63C3C7;
  color: #FFF;
  font-size: 1rem;
}

/********************************************/
/* singe */
/********************************************/
.news_ttl {
  margin-bottom: 1em;
  line-height: 1.5;
  font-size: clamp(2rem, 2.5vw, 3rem);
  font-weight: 700;
}

.news_page_single {
  padding-top: 160px;
}
@media (max-width: 768px) {
  .news_page_single {
    padding-top: 90px;
  }
}
.news_page_single .date_cat {
  margin-bottom: 20px;
}
.news_page_single .news_ttl {
  margin-bottom: 1.5em;
  line-height: 1.5;
  font-size: clamp(1.8rem, 2.5vw, 3rem);
}
.news_page_single .eyecatch {
  margin-bottom: 25px;
}
.news_page_single .the_content {
  margin-bottom: 80px;
}
.news_page_single .next_prev_box {
  margin-bottom: 80px;
}
.news_page_single .next_prev_box .pager_navi {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
.news_page_single .next_prev_box .pager_navi li {
  width: 50%;
}
.news_page_single .next_prev_box .pager_navi li a {
  display: block;
  padding: 1em 0;
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news_page_single .next_prev_box .pager_navi li a:hover {
  color: #63C3C7;
}
.news_page_single .next_prev_box .pager_navi li.prev {
  text-align: left;
}
.news_page_single .next_prev_box .pager_navi li.next {
  text-align: right;
}

/********************************************/
/* recruit */
/********************************************/
.personality_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 30px;
}
@media (max-width: 768px) {
  .personality_list {
    flex-flow: column;
    row-gap: 15px;
  }
}
.personality_list li {
  width: calc(33.3% - 20px);
  padding: 40px 25px 35px;
  background: #FFF;
  text-align: center;
}
@media (max-width: 768px) {
  .personality_list li {
    width: 100%;
  }
}
.personality_list li .img {
  width: 30%;
  max-width: 205px;
  margin: 0 auto 20px;
}
.personality_list li p {
  line-height: 1.5;
  font-size: clamp(1.6rem, 1.5vw, 2rem);
  font-weight: 700;
}

.mod-col2-textarea_img.vision_list .content {
  align-items: center;
}
@media (max-width: 768px) {
  .mod-col2-textarea_img.vision_list .content {
    align-items: unset;
  }
}
.mod-col2-textarea_img.vision_list .content .img {
  width: 41%;
  margin-right: 2%;
}
@media (max-width: 768px) {
  .mod-col2-textarea_img.vision_list .content .img {
    width: 100%;
    margin-right: 0;
  }
}
.mod-col2-textarea_img.vision_list .content .text_area {
  width: 57%;
}
@media (max-width: 768px) {
  .mod-col2-textarea_img.vision_list .content .text_area {
    width: 100%;
  }
}
.mod-col2-textarea_img.vision_list .content.reverse .img {
  width: 39%;
  margin-left: 4%;
  margin-right: auto;
}
@media (max-width: 768px) {
  .mod-col2-textarea_img.vision_list .content.reverse .img {
    width: 100%;
    margin-left: 0;
  }
}
.mod-col2-textarea_img.vision_list .ttl {
  margin-bottom: 0.8em;
  line-height: 1.5;
  font-size: clamp(2.2rem, 3.5vw, 4.5rem);
  font-weight: 700;
}
.mod-col2-textarea_img.vision_list .base-txt .font-bold {
  background: -webkit-linear-gradient(transparent 50%, rgba(99, 195, 199, 0.6) 50%);
  background: -o-linear-gradient(transparent 50%, rgba(99, 195, 199, 0.6) 50%);
  background: linear-gradient(transparent 50%, rgba(99, 195, 199, 0.6) 50%);
}

.jobs_list.mod-col2-textarea_img .content .img {
  width: 39%;
  margin-right: 4%;
}
@media (max-width: 768px) {
  .jobs_list.mod-col2-textarea_img .content .img {
    width: 100%;
    margin-right: 0;
  }
}
.jobs_list.mod-col2-textarea_img .content .text_area {
  width: 57%;
}
@media (max-width: 768px) {
  .jobs_list.mod-col2-textarea_img .content .text_area {
    width: 100%;
  }
}

.interview_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media (max-width: 768px) {
  .interview_list {
    display: block;
  }
}
.interview_list li {
  width: 48%;
}
@media (max-width: 768px) {
  .interview_list li {
    width: 100%;
  }
  .interview_list li:not(:last-child) {
    margin-bottom: 25px;
  }
}
.interview_list li a {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 80px 32px 30px;
}
@media (max-width: 768px) {
  .interview_list li a {
    padding: 20px 60px 20px 20px;
  }
}
.interview_list li a .ico {
  width: 26%;
}
.interview_list li a .txt_box {
  width: 66%;
}
.interview_list li a .number {
  margin-bottom: 0.7em;
  padding: 0.3em 1.5em;
  line-height: 1;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.interview_list li a .name {
  line-height: 1.5;
  font-size: clamp(2.2rem, 3vw, 3.6rem);
  font-weight: 700;
}

.interview_list li a:after {
  position: absolute;
  bottom: 20px;
  right: 20px;
  content: "";
  width: 60px;
  height: 60px;
  background-image: linear-gradient(to right bottom, rgb(0, 26, 101), rgb(42, 92, 155) 40%, rgb(99, 195, 199));
  border-radius: 30px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .interview_list li a:after {
    width: 40px;
    height: 40px;
  }
}
.interview_list li a:before {
  position: absolute;
  bottom: 41px;
  right: 41px;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/common/arr-ico.svg) no-repeat center/contain;
  z-index: 2;
}
@media (max-width: 768px) {
  .interview_list li a:before {
    bottom: 33px;
    right: 33px;
    width: 14px;
    height: 14px;
  }
}
.interview_list li a:hover:after {
  transform: scale(1.2);
}

.recruit_other_block .inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .recruit_other_block .inner {
    display: block;
  }
}
.recruit_other_block .inner .ttl_en_or {
  width: 45%;
}
@media (max-width: 768px) {
  .recruit_other_block .inner .ttl_en_or {
    width: 100%;
  }
}
.recruit_other_block .inner .recruit_other_link {
  width: 50%;
}
@media (max-width: 768px) {
  .recruit_other_block .inner .recruit_other_link {
    width: 100%;
  }
}

.recruit_other_link li {
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  font-weight: 700;
}
.recruit_other_link li:not(:last-child) {
  margin-bottom: 20px;
}
.recruit_other_link li a {
  display: block;
  position: relative;
  padding: 35px 90px 35px 40px;
  background: #FFF;
}
@media (max-width: 768px) {
  .recruit_other_link li a {
    padding: 25px 70px 25px 20px;
  }
}
.recruit_other_link li a:after {
  position: absolute;
  top: calc(50% - 30px);
  right: 20px;
  content: "";
  width: 60px;
  height: 60px;
  background-image: linear-gradient(to right bottom, rgb(0, 26, 101), rgb(42, 92, 155) 40%, rgb(99, 195, 199));
  border-radius: 30px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .recruit_other_link li a:after {
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
  }
}
.recruit_other_link li a:before {
  position: absolute;
  top: calc(50% - 9px);
  right: 41px;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/common/arr-ico.svg) no-repeat center/contain;
  z-index: 2;
}
@media (max-width: 768px) {
  .recruit_other_link li a:before {
    top: calc(50% - 7px);
    right: 33px;
    width: 14px;
    height: 14px;
  }
}
.recruit_other_link li a:hover:after {
  transform: scale(1.2);
}

/********************************************/
/* job_detail */
/********************************************/
@media (max-width: 1024px) {
  .page_job_details_block .block {
    margin-bottom: 0;
  }
}
.page_job_details_block .job_list .content {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}
@media (max-width: 768px) {
  .page_job_details_block .job_list .content {
    row-gap: 15px;
  }
}
.page_job_details_block .job_list .content .img {
  width: 40%;
}
@media (max-width: 768px) {
  .page_job_details_block .job_list .content .img {
    width: 100%;
  }
}
.page_job_details_block .job_list .content .base-txt {
  width: 55%;
}
@media (max-width: 768px) {
  .page_job_details_block .job_list .content .base-txt {
    width: 100%;
  }
}
.page_job_details_block .title {
  font-size: clamp(2rem, 2.2vw, 3rem);
}
.page_job_details_block .detail li {
  position: relative;
  padding-left: 1em;
  font-weight: 500;
}
.page_job_details_block .detail li:not(:last-child) {
  margin-bottom: 10px;
}
.page_job_details_block .detail li::before {
  position: absolute;
  left: 0;
  top: 12px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #001A65;
  border-radius: 50%;
}

/********************************************/
/* interview */
/********************************************/
.page_interview_block .content .title {
  position: relative;
  display: inline-block;
  background-color: #001A65;
  padding: 30px;
  padding-left: 140px;
  color: #FFF;
}
.page_interview_block .content .title::before {
  position: absolute;
  left: 10px;
  top: 50%;
  content: "";
  width: 100px;
  height: 100px;
  background: url(../img/recruit/interview-ico.svg) no-repeat center/contain;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .page_interview_block .content .title::before {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 768px) {
  .page_interview_block .content .title::before {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1024px) {
  .page_interview_block .content .title {
    padding: 20px;
    padding-left: 100px;
  }
}
@media (max-width: 768px) {
  .page_interview_block .content .title {
    padding-left: 60px;
  }
}
.page_interview_block .content .title .sub {
  line-height: 1.8;
  font-size: clamp(1.6rem, 1.4vw, 1.8rem);
  font-weight: 700;
}
.page_interview_block .content .title .name {
  font-size: 2.4rem;
  font-weight: 700;
}
.page_interview_block .content .title .position {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .page_interview_block .content .title .position {
    display: block;
    padding-left: 0;
    font-size: 1.3rem;
  }
}
.page_interview_block .base-txt {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 3%;
}
.page_interview_block .base-txt .faq {
  display: inline-block;
  padding: 1px 0;
  width: 15%;
  max-width: 55px;
  background-color: #FF7530;
  padding: 0 15px;
  border-radius: 20px;
  line-height: 1.4;
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .page_interview_block .base-txt .faq {
    width: 100%;
    margin-bottom: 5px;
  }
}
.page_interview_block .base-txt .answer {
  width: 82%;
}
@media (max-width: 768px) {
  .page_interview_block .base-txt .answer {
    width: 100%;
  }
}
.page_interview_block .inner_title {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  color: #001A65;
  font-weight: 700;
}
@media (max-width: 768px) {
  .page_interview_block .inner_title {
    font-size: 1.6rem;
  }
}

/********************************************/
/* details */
/********************************************/
.page_details_block .mb40 {
  margin-bottom: 40px;
}
.page_details_block .block {
  position: relative;
}
.page_details_block .block .bg-white {
  padding: 60px 30px;
  box-shadow: 0px 0px 10px -7px #777777;
}
@media (max-width: 1024px) {
  .page_details_block .block .bg-white {
    padding: 40px 20px;
  }
}
.page_details_block .block .bg-white.adjust {
  padding-bottom: 0;
}
.page_details_block .graph_title {
  position: absolute;
  left: 0;
  top: 0;
}
.page_details_block .graph_title .title {
  line-height: 1.4;
  padding: 3px 15px;
  font-weight: 700;
  font-size: clamp(1.6rem, 1.5vw, 2rem);
  background-color: #001A65;
}

.page_details_block .flex_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.page_details_block .flex_container .item {
  position: relative;
  background-color: #FFF;
  width: calc((100% - 20px) / 2);
  padding: 60px 30px;
  box-shadow: 0px 0px 10px -5px #777777;
}
@media (max-width: 1024px) {
  .page_details_block .flex_container .item {
    width: 100%;
    padding: 40px 20px;
  }
}
.page_details_block .flex_container .img {
  max-width: 400px;
  margin: auto;
}
@media (max-width: 768px) {
  .page_details_block .flex_container .img {
    max-width: 450px;
  }
}
.page_details_block .bubble_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.page_details_block .bubble_list li {
  width: calc((100% - 30px) / 4);
}
@media (max-width: 768px) {
  .page_details_block .bubble_list li {
    width: calc((100% - 10px) / 2);
  }
}

/********************************************/
/* recruit */
/********************************************/
/********************************************/
/* contact */
/********************************************/
.page_hero_head_block .font-medium {
  text-align: center;
}
@media (max-width: 768px) {
  .page_hero_head_block .font-medium {
    text-align: left;
  }
}

.page_contact_form_block .bg-primary {
  position: relative;
  padding: 40px;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .page_contact_form_block .bg-primary {
    padding: 20px;
  }
}
.page_contact_form_block .bg-primary::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #001A65;
  border-radius: 20px;
  z-index: -1;
}
.page_contact_form_block .width800 {
  max-width: 800px;
}

.page_contact_form_block .width900 {
  max-width: 900px;
}

.page_contact_form_block .title {
  display: block;
  font-size: clamp(2rem, 2.4vw, 3rem);
  font-weight: 700;
  color: #FFF;
}
.page_contact_form_block .text_area .text {
  color: #FFF;
  line-height: 2;
}
.page_contact_form_block .text_area .text .tel, .page_contact_form_block .text_area .text .fax {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  line-height: 1.4;
  font-size: clamp(1.6rem, 2.1vw, 2.6rem);
}
.page_contact_form_block .text_area .text .tel::before, .page_contact_form_block .text_area .text .fax::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 30px;
  height: 32px;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .page_contact_form_block .text_area .text .tel::before, .page_contact_form_block .text_area .text .fax::before {
    width: 23px;
    height: 23px;
  }
}
@media (max-width: 768px) {
  .page_contact_form_block .text_area .text .tel, .page_contact_form_block .text_area .text .fax {
    padding-left: 20px;
  }
}
.page_contact_form_block .text_area .text .tel::before {
  background: url(../img/contact/ico-tel.svg) no-repeat center/contain;
}
.page_contact_form_block .text_area .text .fax::before {
  background: url(../img/contact/ico-fax.svg) no-repeat center/contain;
}
.page_contact_form_block .text_area .text .time {
  display: block;
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
}

.page_contact_form_block .tel_container .phone_number {
  text-align: center;
}
.page_contact_form_block .tel_container .phone_number a {
  display: inline-block;
  font-size: clamp(2.5rem, 4.6vw, 6.5rem);
  transition: all 0.3s;
  pointer-events: none;
}
.page_contact_form_block .tel_container .phone_number a:hover {
  color: #001A65;
}
@media (max-width: 768px) {
  .page_contact_form_block .tel_container .phone_number a {
    pointer-events: all;
  }
}
.page_contact_form_block .tel_container .phone_number a .mini {
  font-size: clamp(1.8rem, 3vw, 4.5rem);
}
.page_contact_form_block .tel_container .phone_number .time {
  display: block;
  font-size: clamp(1.6rem, 2vw, 2.5rem);
  font-weight: 500;
}

.form_block .width900 {
  max-width: 900px;
}

/***************************************************/
/**
/** @page プライバシーポリシー */
/**
/***************************************************/
.privacy_container p, .privacy_container li, .privacy_container dt {
  line-height: 2;
}
.privacy_container dt {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 768px) {
  .privacy_container dt {
    font-size: 1.6rem;
  }
}
.privacy_container dd p {
  line-height: 2;
}
.privacy_container dd .before > li {
  position: relative;
  padding-left: 1.2em;
  line-height: 2;
}
.privacy_container dd .before > li::before {
  position: absolute;
  left: 0;
  content: "・";
}
.privacy_container dd .before.num {
  counter-reset: num 0;
}
.privacy_container dd .before.num > li::before {
  counter-increment: num;
  content: counter(num) ".";
}
.privacy_container .alphabet {
  position: relative;
  counter-reset: en;
  padding-left: 20px;
}
.privacy_container .alphabet > .content {
  line-height: 2;
}
.privacy_container .alphabet > .content::before {
  position: absolute;
  left: 0;
  counter-increment: en;
  content: counter(en, lower-alpha) ".";
}
.privacy_container .alphabet_num {
  position: relative;
  counter-reset: en;
  padding-left: 20px;
}
.privacy_container .alphabet_num .num {
  line-height: 2;
}
.privacy_container .alphabet_num .num::before {
  position: absolute;
  left: 0;
  counter-increment: en;
  content: counter(en, lower-roman) ".";
}

.privacy_block .addr {
  display: flex;
  align-items: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px;
  background-color: #F8F8F8;
}
@media (max-width: 768px) {
  .privacy_block .addr {
    flex-direction: column;
    padding: 20px 30px;
  }
}
.privacy_block .addr .title {
  display: block;
  margin-right: auto;
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .privacy_block .addr .title {
    margin-right: 0;
    margin-bottom: 10px;
  }
}/*# sourceMappingURL=page.css.map */