@charset "UTF-8";

.manufacturing_heading {
  font-family: "Source Han Serif", "Noto Serif", serif !important;
}

.top_message_title, .number_grid .item_num .bigger {
  font-family: "Myriad Pro", "Noto Sans JP", sans-serif !important;
}

.business_content_tag, .top_message_story_box_title, .top_message_more_title, .number_grid .item_tag {
  font-size: 1.8rem;
}

.manufacturing_heading .smaller, .business_content_title, .top_message_title, .top_message_lead {
  font-size: 2rem;
}

@media screen and (min-width: 768px) {
  .business_content_tag, .top_message_story_box_title, .top_message_more_title, .number_grid .item_tag {
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .manufacturing_heading .smaller, .business_content_title, .top_message_title, .top_message_lead {
    font-size: 2.6rem;
  }
}

.manufacturing_heading .bigger, .number_grid .item_num .bigger {
  font-size: 3rem;
}

@media screen and (min-width: 1200px) {
  .manufacturing_heading .smaller, .business_content_title, .top_message_title, .top_message_lead {
    font-size: 3rem;
  }
}

@media screen and (min-width: 768px) {
  .manufacturing_heading .bigger, .number_grid .item_num .bigger {
    font-size: 4.2rem;
  }
}

@media screen and (min-width: 1200px) {
  .manufacturing_heading .bigger, .number_grid .item_num .bigger {
    font-size: 6rem;
  }
}

.business_content_tag, .business_content_title, .top_message_title, .top_message_lead, .top_message_story_box_title, .top_message_more_title, .number_grid .item_tag, .number_grid .item_num, .keyword_popup_click {
  font-weight: 700;
}

.wrap {
  max-width: 1140px;
  padding-left: 20px;
  padding-right: 20px;
}

.page_mv_decore_figure::before {
  mask-image: url("../../assets/images/common/img_mask_white_2.webp");
  -webkit-mask-image: url("../../assets/images/common/img_mask_white_2.webp");
}

@media screen and (min-width: 1200px) {
  .page_mv_decore_figure {
    translate: 0 60%;
  }

  .page_mv_decore_figure::before {
    top: -35px;
  }
}

.manufacturing {
  position: relative;
  z-index: 1;
  margin-top: 80px;
}

@media screen and (min-width: 768px) {
  .manufacturing {
    margin-top: 0;
    translate: 0 -10.2vw;
  }
}

@media screen and (min-width: 1200px) {
  .manufacturing {
    translate: 0 -5.2vw;
  }
}

.manufacturing_decore {
  width: 85vw;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}

@media screen and (min-width: 768px) {
  .manufacturing_decore {
    width: 988px;
    max-width: 52vw;
  }
}

.manufacturing_decore_image::before {
  content: "";
  width: 27vw;
  aspect-ratio: 1;
  position: absolute;
  top: 67%;
  right: 32%;
  background-image: url("   ../../assets/images/common/img_path_01.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  rotate: -142deg;
  translate: -50% -50%;
}

@media screen and (min-width: 768px) {
  .manufacturing_decore_image::before {
    width: 317px;
    max-width: 23vw;
    height: 242px;
    top: 71.5%;
    right: 27%;
  }
}

@media screen and (min-width: 1200px) {
  .manufacturing_decore_image::before {
    top: 71.5%;
    right: 34.5%;
  }
}

.manufacturing_inner {
  padding-top: 80vw;
  padding-bottom: 60px;
}

@media screen and (min-width: 768px) {
  .manufacturing_inner {
    padding-top: calc(80px + 20vw);
  }
}

@media screen and (min-width: 1200px) {
  .manufacturing_inner {
    padding-top: 366px;
    padding-bottom: 10vw;
  }
}

.manufacturing_heading {
  display: flex;
  align-items: center;
  color: #4e7ae8;
}

.manufacturing_heading .smaller {
  line-height: 1.3333333333;
}

.manufacturing_heading .bigger {
  line-height: 1.25;
}

@media screen and (min-width: 1200px) {
  .manufacturing_heading .bigger {
    translate: -7% 0;
  }
}

.manufacturing_intro {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .manufacturing_intro {
    width: 666px;
    max-width: 40vw;
  }
}

@media screen and (min-width: 1200px) {
  .manufacturing_intro {
    margin-top: 52px;
  }
}

.manufacturing_intro .p_desc {
  line-height: 2.5;
}

.business_content {
  max-width: 1400px;
  position: relative;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 30px;
  color: #fff;
}

.business_content::after {
  content: "";
  width: calc(100% + 30vw);
  height: 90%;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -15px;
  border-radius: 15px;
  background-image: linear-gradient(30deg, #76d9fe 0%, #4e7ae8 100%);
}

@media screen and (min-width: 1200px) {
  .business_content {
    padding-top: 62px;
  }
}

@media screen and (min-width: 768px) {
  .business_content_inner {
    display: flex;
  }
}

.business_content_thumb {
  width: 275px;
  translate: 0 -10%;
}

@media screen and (min-width: 768px) {
  .business_content_thumb {
    width: 275px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    translate: 0 -120px;
  }

  .business_content_thumb img {
    width: calc(100% + 14.8vw);
    max-width: 40vw;
  }
}

@media screen and (min-width: 1200px) {
  .business_content_thumb {
    translate: 0 -116px;
    margin-top: -30px;
  }
}

@media screen and (min-width: 768px) {
  .business_content_detail {
    width: calc(100% - 100px);
    padding-left: 25px;
  }
}

@media screen and (min-width: 1200px) {
  .business_content_detail {
    padding-left: 68px;
  }
}

.business_content_detail .p_txt {
  line-height: 1.875;
  margin-top: 18px;
  max-width: 800px;
}

.business_content_tag {
  line-height: 1.5;
  border-radius: 99px;
  color: #4e7ae8;
  background-color: #fff;
  display: inline-block;
  padding: 4px 14px;
}

@media screen and (min-width: 768px) {
  .business_content_tag {
    width: 187px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.business_content_title {
  line-height: 1.3333333333;
  margin-top: 10px;
}

@media screen and (min-width: 1200px) {
  .business_content_title {
    margin-top: 20px;
  }
}

.business_content_map-wrapper {
  max-width: 640px;
  margin-top: 25px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, 0.2);
}

.business_content_map {
  width: 640px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #fff;
}

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

  .business_content_map-wrapper,
  .business_content_map {
    width: 100%;
    max-width: 800px;
  }
}

@media screen and (min-width: 1200px) {
  .business_content_map {
    padding-top: 52px;
    padding-bottom: 46px;
  }

  .business_content_map-wrapper {
    width: unset;
    margin-top: 34px;
  }
}

.business_content_map img {
  width: 715px;
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

.top_message {
  margin-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 1200px) {
  .top_message {
    margin-top: 133px;
    padding-bottom: 94px;
  }
}

.top_message .p_txt {
  line-height: 1.875;
}

@media screen and (min-width: 768px) {
  .top_message_inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.top_message_inner .p_txt {
  margin-top: 22px;
}

@media screen and (min-width: 768px) {
  .top_message_content {
    width: 591px;
    max-width: calc(57% - 20px);
    padding-top: 24px;
  }
}

.top_message_title {
  line-height: 1.6;
  color: #d7e2e8;
  text-transform: uppercase;
}

.top_message_lead {
  line-height: 1.3333333333;
  color: #4e7ae8;
  margin-top: 5px;
}

.top_message_thumb {
  display: flex;
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .top_message_thumb {
    width: 470px;
    max-width: 43%;
    margin-top: 0;
  }

  .top_message_thumb img {
    width: calc(100% + 22vw);
    max-width: 50vw;
  }
}

.top_message_story_box {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .top_message_story_box {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 90px;
  }
}

.top_message_story_box .p_txt {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .top_message_story_box_content {
    width: 745px;
    max-width: calc(70% - 20px);
    padding-top: 15px;
  }
}

.top_message_story_box_title {
  line-height: 1.4;
  color: #4e7ae8;
}

.top_message_story_box_title::before {
  content: "";
  width: 99px;
  height: 1px;
  background-color: #4e7ae8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

@media screen and (min-width: 768px) {
  .top_message_story_box_title::before {
    margin-bottom: 6px;
  }
}

.top_message_story_box_thumb {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .top_message_story_box_thumb {
    width: 300px;
    max-width: 30%;
    margin-top: 0;
    display: flex;
    justify-content: flex-end;
  }

  .top_message_story_box_thumb img {
    width: calc(100% + 15vw);
    max-width: 31vw;
  }
}

.top_message_story_box_sign {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 30px;
}

.top_message_story_box_sign .p_desc:nth-child(2) {
  font-size: 22px;
  margin-left: 15px;
}

@media screen and (min-width: 768px) {
  .top_message_story_box_sign {
    margin-top: 60px;
  }
}

.top_message_more {
  width: 440px;
  max-width: 100%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .top_message_more {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1200px) {
  .top_message_more {
    margin-top: 181px;
  }
}

.top_message_more_link {
  position: relative;
}

.top_message_more_link+.top_message_more_link {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .top_message_more_link {
    width: 521px;
    max-width: calc(50% - 12px);
  }

  .top_message_more_link+.top_message_more_link {
    margin-top: 0;
  }

  .top_message_more_link:hover {
    opacity: 1;
  }

  .top_message_more_link:hover img {
    scale: 1.05;
  }
}

@media screen and (min-width: 1200px) {
  .top_message_more_link {
    max-width: calc(50% - 20px);
  }
}

.top_message_more_figure {
  box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, 0.16);
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.top_message_more_figure img {
  position: relative;
  transition: 400ms ease-out;
  box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, 0.16);
}

.top_message_more_title {
  line-height: 1.5;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

@media screen and (min-width: 1200px) {
  .top_message_more_title {
    margin-top: 31px;
    margin-bottom: 2px;
  }
}

.top_message_more_title .icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 12px;
  background-image: url("../images/common/icon_arrow_right_gradient.webp");
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (min-width: 768px) {
  .top_message_more_title .icon {
    min-width: 39px;
    height: 39px;
  }
}

/* number、keyword　タイトル */
.number .h3_title .en,
.keyword .h3_title .en {
  line-height: 1.2;
  font-size: 2.8rem;
}
.number .h3_title .jp,
.keyword .h3_title .ja {
  line-height: 1.375;
}
@media screen and (min-width: 768px) {
  .number .h3_title .en,
  .keyword .h3_title .en {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .number .h3_title .en,
  .keyword .h3_title .en {
    font-size: 4.5rem;
  }
  .number .h3_title .jp,
  .keyword .h3_title .ja {
    margin-top: -2px;
    margin-left: 3px;
  }
}

/* number */
.number {
  background-color: #f3f3f3;
}
.number_inner {
  padding-top: 40px;
  padding-bottom: 60px;
}
.number_grid {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.number_grid_col {
  width: calc(50% - 5px);
}
.number_grid_col_01 {
  width: 100%;
  display: flex;
  gap: 10px;
}
.number_grid_item {
  width: 440px;
  max-width: 100%;
  height: 100%;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 15px 5px;
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.number_grid .item_tag {
  line-height: 1.5;
  font-size: 13px;
}
.number_grid .item_num {
  color: #319463;
  margin-top: 5px;
}
.number_grid .item_num .bigger {
  line-height: 1;
  letter-spacing: -0.03em;
  margin-right: 3px;
}
.number_grid .item_icon {
  height: 110px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .number_grid {
    margin-top: 32px;
  }
  .number_grid_col {
    width: calc(50% - 5px);
    height: 250px;
  }
  .number_grid_col_01 {
    gap: 0;
    display: flex;
    flex-direction: column;
  }
  .number_grid_item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 20px;
    display: block;
  }
  .number_grid_item+.number_grid_item {
    margin-top: 10px;
  }
  .number_grid .item_icon {
    height: auto;
    display: block;
    margin-top: 0;
    position: absolute;
  }
}
@media screen and (min-width: 1200px) {
  .number_inner {
    padding-top: 93px;
    padding-bottom: 126px;
  }
  .number_grid_col {
    height: auto;
  }
  .number_grid_col_01, .number_grid_col_10, .number_grid_col_11 {
    width: 360px;
  }
  .number_grid_col_02, .number_grid_col_03, .number_grid_col_04, .number_grid_col_07, .number_grid_col_08, .number_grid_col_09 {
    width: calc((1100px - (360px + 10px) - 20px) / 3);
  }
  .number_grid_col_05, .number_grid_col_06 {
    width: calc((360px - 10px) / 2);
  }
  .number_grid_item {
    height: 281px;
    padding-top: 25px;
    padding-bottom: 5px;
  }
}

.number_grid_item_00,
.number_grid_item_01 {
  height: 100%;
}
.number_grid_item_00 .item_icon {
  width: 50px;
  margin-left: auto;
  margin-right: auto;
}
.number_grid_item_01 .item_icon {
  width: 60px;
  top: 43px;
  right: 26px;
}

.number_grid_item_02 {
  text-align: center;
}
.number_grid_item_02 .item_icon {
  width: 120px;
}

.number_grid_item_03 {
  text-align: center;
}
.number_grid_item_03 .item_icon {
  width: 100px;
}

.number_grid_item_04 .item_icon {
  width: 131px;
}

.number_grid_item_05 .item_icon {
  width: 90px;
}

.number_grid_item_06 .item_icon {
  width: 78px;
}

.number_grid_item_07 .item_icon {
  width: 80px;
}

.number_grid_item_08 .item_icon {
  width: 74px;
}

.number_grid_item_09 .item_icon {
  width: 85px;
}

.number_grid_item_10 .item_icon {
  width: 56px;
}

.number_grid_item_11 .item_icon {
  width: 85px;
}

@media screen and (min-width: 768px) {
  .number_grid_item_00, .number_grid_item_01 {
    text-align: left;
  }
  .number_grid_item_00 .item_num, .number_grid_item_01 .item_num {
    margin-top: 8px;
  }

  .number_grid_item_00 .item_icon {
    width: 56px;
    top: 44px;
    right: 20px;
  }
  .number_grid_item_00 .item_num {
    white-space: nowrap;
  }

  .number_grid_item_01 .item_icon {
    width: 56px;
    top: 43px;
    right: 26px;
  }

  .number_grid_item_02 .item_num, .number_grid_item_03 .item_num {
    margin-top: 12px;
  }
  .number_grid_item_02 .item_icon {
    left: 51%;
    bottom: 5px;
    translate: -50% 0;
  }

  .number_grid_item_03 .item_icon {
    left: 50%;
    bottom: 40px;
    translate: -50% 0;
  }

  .number_grid_item_04 .item_num {
    margin-top: 23px;
  }
  .number_grid_item_04 .item_icon {
    left: 50%;
    bottom: 27px;
    translate: -50% 0;
  }

  .number_grid_item_05 .item_num, .number_grid_item_06 .item_num {
    margin-top: 7px;
  }

  .number_grid_item_05 .item_icon {
    left: 50%;
    bottom: 34px;
    translate: -50% 0;
  }

  .number_grid_item_06 .item_icon {
    left: 50%;
    bottom: 40px;
    translate: -50% 0;
  }

  .number_grid_item_07 .item_num, .number_grid_item_08 .item_num, .number_grid_item_09 .item_num {
    margin-top: 14px;
  }

  .number_grid_item_07 .item_icon {
    left: 50%;
    bottom: 35px;
    translate: -50% 0;
  }

  .number_grid_item_08 .item_icon {
    left: 50%;
    bottom: 40px;
    translate: -50% 0;
  }

  .number_grid_item_09 .item_icon {
    left: 50%;
    bottom: 30px;
    translate: -50% 0;
  }

  .number_grid_item_10 .item_num {
    margin-top: 10px;
  }
  .number_grid_item_10 .item_icon {
    right: 50%;
    bottom: 30px;
    translate: 50% 0;
  }

  .number_grid_item_11 .item_icon {
    right: 50%;
    bottom: 60px;
    translate: 50% 0;
  }
}
@media screen and (min-width: 1200px) {
  .number_grid_item_00 {
    padding: 30px 90px 16px 26px;
  }
  .number_grid_item_00 .item_icon {
    width: 65px;
  }

  .number_grid_item_01 {
    padding: 25px 115px 16px 26px;
  }
  .number_grid_item_01 .item_icon {
    width: 81px;
  }

  .number_grid_item_02 {
    padding: 25px 5px 5px 5px;
  }
  .number_grid_item_02 .item_icon {
    width: 177px;
    bottom: -10px;
  }

  .number_grid_item_03 {
    padding: 25px 5px 20px 17px;
  }
  .number_grid_item_03 .item_icon {
    width: 119px;
    left: 52%;
    bottom: 40px;
    translate: -50% 0;
  }

  .number_grid_item_04 {
    padding: 25px 5px 20px 10px;
  }
  .number_grid_item_04 .item_icon {
    width: 131px;
    left: 54%;
    bottom: 47px;
  }

  .number_grid_item_05 {
    padding: 22px 10px 20px 5px;
  }
  .number_grid_item_05 .item_icon {
    width: 105px;
    bottom: 46px;
  }

  .number_grid_item_06 {
    padding: 22px 5px 20px 5px;
  }
  .number_grid_item_06 .item_icon {
    width: 78px;
    bottom: 60px;
  }

  .number_grid_item_07 {
    padding: 22px 5px 20px 5px;
  }
  .number_grid_item_07 .item_icon {
    width: 85px;
    left: 52%;
    bottom: 51px;
  }

  .number_grid_item_08 {
    padding: 22px 5px 20px 5px;
  }
  .number_grid_item_08 .item_icon {
    width: 84px;
    left: 45%;
    bottom: 61px;
  }

  .number_grid_item_09 {
    padding: 22px 5px 20px 5px;
  }
  .number_grid_item_09 .item_icon {
    width: 101px;
  }

  .number_grid_item_10, .number_grid_item_11 {
    height: 136px;
  }

  .number_grid_item_10 {
    padding: 13px 10px 10px 5px;
  }
  .number_grid_item_10 .item_num {
    padding-right: 152px;
  }
  .number_grid_item_10 .item_icon {
    right: 26%;
    bottom: 12px;
    translate: none;
  }

  .number_grid_item_11 {
    padding: 13px 10px 20px 5px;
  }
  .number_grid_item_11 .item_num {
    margin-top: 12px;
    padding-right: 122px;
  }
  .number_grid_item_11 .item_icon {
    right: 25%;
    bottom: 26px;
    translate: none;
  }
}

/* keyword */
.keyword {
  position: relative;
}
.keyword_decore {
  position: absolute;
  z-index: -1;
  inset: 0;
}
.keyword_decore_image {
  width: calc(160px + 36vw);
  position: absolute;
  top: 0;
  left: -14px;
}
.keyword_inner {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
.keyword_inner .h3_title, .keyword_text {
  color: #fff;
}
.keyword_text {
  font-weight: 400;
  margin-top: 10px;
  text-align: right;
  color: #000;
}
.keyword_popup_click_area {
  position: relative;
  background-color: #fff;
  margin-top: 30px;
  padding: 20px 20px 10px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 320px;
  margin-top: 30px;
}
.keyword_popup_click_area::after {
  content: "";
  width: 180px;
  height: 180px;
  position: absolute;
  z-index: -1;
  right: -100px;
  bottom: -80px;
  background-image: url("../../assets/images/common/img_path_01.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  rotate: 130deg;
}
.keyword_popup_click {
  letter-spacing: 0;
  font-size: 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-bottom: 0;
  line-height: 1;
  position: absolute;
  translate: -50% -50%;
  white-space: nowrap;
  transition: 150ms ease-out;
}
.keyword_popup_click span {
  letter-spacing: 0;
  font-size: 2.4rem;
}
@media screen and (min-width: 768px) {
  .keyword_popup_click_area {
    height: 580px;
  }
  .pc-none {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .keyword_decore_image {
    width: calc((100vw - 1140px) * 0.5 + 415px);
  }
  .keyword_inner {
    padding-top: calc(15px + 7vw);
    padding-bottom: 178px;
  }
  .keyword_inner .h3_title .jp {
    margin-top: -8px;
  }
}

/* 専門商社 */
.keyword_01 {
  color: #b2c8d5;
  top: 13%;
  left: 40.5%;
  font-size: clamp(1.6rem, 6.13vw, 6.5rem);
}
@media screen and (min-width: 768px) {
  .keyword_01 {
    top: 13.5%;
  }
}

/* 海外取引 */
.keyword_02 {
  color: #8c7ad6;
  top: 19%;
  left: 17%;
  font-size: clamp(1.6rem, 3.77vw, 4rem);
}
.keyword_02 span {
  font-size: clamp(1.6rem, 4.62vw, 4.9rem);
}
@media screen and (min-width: 768px) {
  .keyword_02 {
    top: 26%;
    left: 21%;
  }
}

/* 大手企業と取引 */
.keyword_03 {
  color: #75c44f;
  top: 31%;
  left: 50%;
  z-index: 1;
  font-size: clamp(1.6rem, 3.49vw, 3.7rem);
}
.keyword_03 span {
  font-size: clamp(1.6rem, 4.91vw, 5.2rem);
}
@media screen and (min-width: 768px) {
  .keyword_03 {
    top: 28.2%;
    left: 46%;
  }
}

/* ちょうどいい規模 */
.keyword_04 {
  color: #4f64ab;
  text-align: right;
  top: 16%;
  left: 70.5%;
  font-size: clamp(1.6rem, 3.21vw, 3.4rem);
}
.keyword_04 span {
  font-size: clamp(1.6rem, 6.13vw, 6.5rem);
}
@media screen and (min-width: 768px) {
  .keyword_04 {
    top: 25%;
    left: 64.7%;
  }
}

/* 人がいい */
.keyword_05 {
  color: #f6a234;
  text-align: right;
  top: 33%;
  left: 83.5%;
  font-size: clamp(1.6rem, 3.68vw, 3.9rem);
}
.keyword_05 span {
  font-size: clamp(1.6rem, 4.72vw, 5rem);
}
@media screen and (min-width: 768px) {
  .keyword_05 {
    top: 26%;
  }
}

/* 名古屋駅 */
.keyword_06 {
  color: #ffbb00;
  top: 32.5%;
  left: 14%;
  font-size: clamp(1.6rem, 3.58vw, 3.8rem);
}
.keyword_06 span {
  font-size: clamp(1.6rem, 5.09vw, 5.4rem);
}
@media screen and (min-width: 768px) {
  .keyword_06 {
    top: 39%;
    left: 12%;
  }
}

/* 豊田通商グループ */
.keyword_07 {
  color: #4e7ae8;
  top: 45%;
  left: 49%;
  font-size: clamp(1.6rem, 5vw, 5.3rem);
}
.keyword_07 span {
  font-size: clamp(1.6rem, 7.08vw, 7.5rem);
}
@media screen and (min-width: 768px) {
  .keyword_07 {
    top: 43.5%;
  }
}

/* 休みが取りやすい */
.keyword_08 {
  color: #28a4e1;
  top: 56%;
  left: 84.5%;
  font-size: clamp(1.6rem, 3.68vw, 3.9rem);
}
.keyword_08 span {
  font-size: clamp(1.6rem, 5.47vw, 5.8rem);
}
@media screen and (min-width: 500px) {
  .keyword_08 {
    top: 50%;
    left: 87.5%;
  }
}
@media screen and (min-width: 768px) {
  .keyword_08 {
    top: 45.5%;
  }
}

/* 安定 */
.keyword_09 {
  color: #28a4e1;
  top: 45%;
  right: 74%;
  font-size: clamp(1.6rem, 4.25vw, 4.5rem);
}
@media screen and (min-width: 768px) {
  .keyword_09 {
    top: 52.5%;
    right: unset;
    left: 7%;
  }
}

/* 充実した福利厚生 */
.keyword_10 {
  color: #ff8099;
  top: 57%;
  left: 14%;
  font-size: clamp(1.6rem, 2.64vw, 2.8rem);
}
.keyword_10 span {
  font-size: clamp(1.6rem, 5.09vw, 5.4rem);
}
@media screen and (min-width: 768px) {
  .keyword_10 {
    top: 56.5%;
    left: 22%;
  }
}

/* オフィスがきれい */
.keyword_11 {
  color: #58c2b4;
  top: 60%;
  left: 48.5%;
  font-size: clamp(1.6rem, 3.77vw, 4rem);
}
.keyword_11 span {
  font-size: clamp(1.6rem, 5.57vw, 5.9rem);
}
@media screen and (min-width: 768px) {
  .keyword_11 {
    top: 59.5%;
    left: 51.5%;
  }
}

/* 働き方が選べる */
.keyword_12 {
  color: #ef7979;
  top: 78%;
  left: 85%;
  font-size: clamp(1.6rem, 5.57vw, 4.2rem);
}
@media screen and (min-width: 500px) {
  .keyword_12 {
    top: 75%;
  }
}
@media screen and (min-width: 768px) {
  .keyword_12 {
    top: 66.5%;
    font-size: clamp(1.6rem, 6.23vw, 6.6rem);
  }
}

/* 社食が充実 */
.keyword_13 {
  color: #43b87e;
  top: 76%;
  left: 15%;
  font-size: clamp(1.6rem, 3.49vw, 3.7rem);
}
.keyword_13 span {
  font-size: clamp(1.6rem, 5vw, 5.3rem);
}
@media screen and (min-width: 768px) {
  .keyword_13 {
    top: 72.5%;
  }
}

/* 和気あいあい */
.keyword_14 {
  color: #ff9900;
  top: 73%;
  left: 43.2%;
  z-index: 1;
  font-size: clamp(1.6rem, 3.68vw, 3.9rem);
}
.keyword_14 span {
  font-size: clamp(1.6rem, 4.91vw, 5.2rem);
}
@media screen and (min-width: 768px) {
  .keyword_14 {
    top: 72.4%;
  }
}

/* 海外出張 */
.keyword_15 {
  color: #2189bc;
  top: 88%;
  left: 28%;
  font-size: clamp(1.6rem, 1.89vw, 2rem);
}
.keyword_15 span {
  font-size: clamp(1.6rem, 4.34vw, 4.6rem);
}
@media screen and (min-width: 768px) {
  .keyword_15 {
    top: 86.2%;
    left: 32.2%;
  }
}

/* 役員との距離が近い */
.keyword_16 {
  color: #43738b;
  text-align: right;
  top: 83%;
  left: 58%;
  font-size: clamp(1.3rem, 3.3vw, 3.6rem);
}
.keyword_16 span {
  font-size: clamp(1.6rem, 4.81vw, 5.1rem);
}
@media screen and (min-width: 768px) {
  .keyword_16 {
    top: 82%;
    left: 57.5%;
  }
}

/* フリーアドレス */
.keyword_17 {
  color: #B2C8D5;
  bottom: 0%;
  left: 80%;
  font-size: clamp(1.6rem, 3.58vw, 3.8rem);
}
@media screen and (min-width: 500px) {
  .keyword_17 {
    bottom: unset;
    top: 90%;
    left: 84%;
  }
}
@media screen and (min-width: 768px) {
  .keyword_17 {
    top: 85%;
  }
}

/* popup */
#keyword_popup {
  display: none;
  top: 50%;
  left: 50%;
  content: "";
  z-index: 9100;
  position: absolute;
  background-color: #fff;
  transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  max-width: 600px;
  padding: 32px 24px;
  border-radius: 20px;
}
.keyword_popup_inner {
  position: relative;
}
#popup_title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 24px;
}
#popup_text {
  line-height: 1.6;
}
#popup_close {
  top: -20px;
  right: -5px;
  content: "";
  font-size: 32px;
  font-weight: bold;
  position: absolute;
}
#popup_bg {
  top: 0;
  left: 0;
  display: none;
  z-index: 9000;
  width: 100vw;
  position: fixed;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
}
#popup_bg.popup_bg_show {
  display: block;
}
@media screen and (min-width: 768px) {
  #popup_title {
    font-size: 24px;
  }
}

/* サムネスライド */
.keyword_thumbnails {
  width: 340px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  padding-top: 30px;
}
@media only screen and (min-width: 640px) {
  .keyword_thumbnails {
    width: 570px;
    padding-top: 60px;
  }
}
.slide_item {
  max-width: 100%;
  margin-right: 10px;
  margin-left: 10px;
}
@media only screen and (min-width: 640px) {
  .slide_item {
    max-width: 530px;
  }
}
.slick-list {
  overflow: visible;
}

.footer {
  margin-top: 0;
}

/*# sourceMappingURL=company.css.map */