@charset "UTF-8";
.mission_link {
  position: relative;
  top: 80px;
  left: 140px;
  z-index: 1; }
  .mission_link a {
    font-size: 54px;
    line-height: 2em;
    font-weight: 700;
    letter-spacing: 0.2em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }
    .mission_link a .tume {
      margin-top: -12px; }

.lower_page_head {
  background-color: #fff;
  max-width: 1980px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2; }
  @media screen and (min-width: 1024px) {
    .lower_page_head {
      height: 82px; } }

.page_head {
  max-width: 1980px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3; }

.link_box {
  overflow: hidden;
  width: 112%;
  margin: 0 -6%; }
  .link_box ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 135px 135px 135px 135px;
    grid-template-rows: 135px 135px 135px 135px;
    -ms-grid-columns: 170px 170px 170px 170px 170px 170px;
    grid-template-columns: 170px 170px 170px 170px 170px 170px;
    width: 100%;
    height: 100%;
    padding-bottom: 15%; }
    .link_box ul > *:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1; }
    .link_box ul > *:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2; }
    .link_box ul > *:nth-child(3) {
      -ms-grid-row: 1;
      -ms-grid-column: 3; }
    .link_box ul > *:nth-child(4) {
      -ms-grid-row: 1;
      -ms-grid-column: 4; }
    .link_box ul > *:nth-child(5) {
      -ms-grid-row: 1;
      -ms-grid-column: 5; }
    .link_box ul > *:nth-child(6) {
      -ms-grid-row: 1;
      -ms-grid-column: 6; }
    .link_box ul > *:nth-child(7) {
      -ms-grid-row: 2;
      -ms-grid-column: 1; }
    .link_box ul > *:nth-child(8) {
      -ms-grid-row: 2;
      -ms-grid-column: 2; }
    .link_box ul > *:nth-child(9) {
      -ms-grid-row: 2;
      -ms-grid-column: 3; }
    .link_box ul > *:nth-child(10) {
      -ms-grid-row: 2;
      -ms-grid-column: 4; }
    .link_box ul > *:nth-child(11) {
      -ms-grid-row: 2;
      -ms-grid-column: 5; }
    .link_box ul > *:nth-child(12) {
      -ms-grid-row: 2;
      -ms-grid-column: 6; }
    .link_box ul > *:nth-child(13) {
      -ms-grid-row: 3;
      -ms-grid-column: 1; }
    .link_box ul > *:nth-child(14) {
      -ms-grid-row: 3;
      -ms-grid-column: 2; }
    .link_box ul > *:nth-child(15) {
      -ms-grid-row: 3;
      -ms-grid-column: 3; }
    .link_box ul > *:nth-child(16) {
      -ms-grid-row: 3;
      -ms-grid-column: 4; }
    .link_box ul > *:nth-child(17) {
      -ms-grid-row: 3;
      -ms-grid-column: 5; }
    .link_box ul > *:nth-child(18) {
      -ms-grid-row: 3;
      -ms-grid-column: 6; }
    .link_box ul > *:nth-child(19) {
      -ms-grid-row: 4;
      -ms-grid-column: 1; }
    .link_box ul > *:nth-child(20) {
      -ms-grid-row: 4;
      -ms-grid-column: 2; }
    .link_box ul > *:nth-child(21) {
      -ms-grid-row: 4;
      -ms-grid-column: 3; }
    .link_box ul > *:nth-child(22) {
      -ms-grid-row: 4;
      -ms-grid-column: 4; }
    .link_box ul > *:nth-child(23) {
      -ms-grid-row: 4;
      -ms-grid-column: 5; }
    .link_box ul > *:nth-child(24) {
      -ms-grid-row: 4;
      -ms-grid-column: 6; }

.main_v_back_wrap {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0; }

#main_v {
  width: 100%;
  margin: auto;
  position: relative; }
  #main_v .text_desc {
    position: absolute;
    width: 100%;
    height: 100%; }
    #main_v .text_desc h2 {
      font-size: 30px;
      letter-spacing: 0.3em;
      position: absolute;
      right: 10px;
      bottom: 150px; }
      #main_v .text_desc h2 .copy {
        padding-left: 50px; }
  #main_v li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1; }
    #main_v li a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      color: #fff;
      text-align: center;
      position: absolute;
      width: 140px;
      height: 140px;
      top: 0;
      right: 0;
      margin-top: 11px;
      border-radius: 50%; }
    #main_v li:nth-child(odd) {
      background: url(../images/hexagon-gray.svg) center/contain no-repeat; }
    #main_v li:nth-child(even) {
      background: url(../images/hexagon-red.svg) center/contain no-repeat; }
  #main_v .resin_metal_cutting_process.hexagon {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-left: -7%;
    margin-top: 14%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .resin_metal_cutting_process.hexagon {
    margin-top: 25px; }
  #main_v .molded_item_sales_business.hexagon_even {
    -ms-grid-column: 6;
    grid-column: 6;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-left: 34%;
    margin-top: -28%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .molded_item_sales_business.hexagon_even {
    margin-top: -47px; }
  #main_v .design_production_business.hexagon {
    -ms-grid-column: 5;
    grid-column: 5;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 52%;
    margin-left: -29%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .design_production_business.hexagon {
    margin-top: 88px; }
  #main_v .overseas_production_business.hexagon_even {
    -ms-grid-column: 4;
    grid-column: 4;
    margin-left: -10%;
    margin-top: 37%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .overseas_production_business.hexagon_even {
    margin-top: 63px; }
  #main_v .data_creation_business.hexagon {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 4;
    grid-row: 4;
    margin-top: 10%;
    margin-left: 49%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .data_creation_business.hexagon {
    margin-top: 18px; }
  #main_v .job_description_company_profile.hexagon_even {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 4;
    grid-row: 4;
    margin-left: 27%;
    margin-top: 34%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .job_description_company_profile.hexagon_even {
    margin-top: 58px; }
  #main_v .resin_metal_cutting_process img {
    width: 42px;
    height: 50px;
    padding-bottom: 10px; }
  #main_v .molded_item_sales_business img {
    width: 62px;
    height: 58px;
    padding-bottom: 15px; }
  #main_v .design_production_business img {
    width: 52px;
    height: 52px;
    padding-bottom: 15px; }
  #main_v .overseas_production_business img {
    width: 56px;
    height: 56px;
    padding-bottom: 15px; }
  #main_v .data_creation_business img {
    width: 56px;
    height: 48px;
    padding-bottom: 15px; }
  #main_v .job_description_company_profile img {
    width: 51px;
    height: 51px;
    padding-bottom: 15px; }

.hexagon,
.hexagon_even {
  width: 140px;
  height: 162px; }

.main_v_back_box {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100vw;
  height: 100vh; }

.main_v_back {
  background: url("../images/main_pc_back.svg");
  background-size: 1980px;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: absolute;
  width: 1980px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0; }

.main_v_back2 {
  background: url("../images/main_pc_back2.svg");
  background-size: 1980px;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: absolute;
  width: 1980px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1; }

.main_v_back3 {
  background: url("../images/main_pc_back3.svg");
  background-size: 1980px;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: absolute;
  width: 1980px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1; }

#main_v li a {
  font-size: 14px; }

.cat_menu {
  position: relative;
  cursor: pointer; }
  .cat_menu .child {
    margin: auto;
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 5px;
    margin-right: 0; }
    .cat_menu .child li {
      margin: 0 !important; }
    .cat_menu .child a {
      width: 200px;
      background: #fff;
      border: solid 1px #eee;
      padding: 15px 0 15px 5px;
      display: inline-block;
      font-size: 12px; }
      .cat_menu .child a:hover {
        background-color: #eee; }

.top_nav .top_nav_item .cat_menu .child {
  margin-right: 0; }

@media (min-width: 1366px) and (min-height: 1024px) {
  .link_box ul {
    height: 730px; }

  #main_v .text_desc h2 {
    right: 50px;
    bottom: 250px; }
    #main_v .text_desc h2 .copy {
      padding-left: 50px; }

  .ftr_box {
    margin-top: -9%; } }
@media (min-height: 1080px) {
  .link_box ul {
    height: 820px; }

  #main_v .text_desc h2 {
    right: 50px;
    bottom: 250px; }
    #main_v .text_desc h2 .copy {
      padding-left: 50px; }

  .ftr_box {
    margin-top: -9%; } }
@media (min-width: 1024px) and (min-height: 1366px) {
  .link_box ul {
    height: 760px; }

  .ftr_box {
    margin-top: -9%; } }
@media screen and (max-width: 1023px) {
  .pc {
    display: none; }

  .ftr_box {
    display: block;
    margin-top: 0; }

  .wrap {
    max-width: 768px;
    margin-top: -18px; }

  .main_v_back {
    background-image: url("../images/main_sp_back.svg"); }

  .main_v_back2 {
    background-image: url("../images/main_sp_back2.svg"); }

  .main_v_back3 {
    background-image: url("../images/main_sp_back3.svg"); }

  .main_v_back,
  .main_v_back2,
  .main_v_back3 {
    background-position: top;
    width: 100%;
    top: 0;
    right: 0;
    background-attachment: initial;
    background-size: 1430px; }

  #main_v .text_desc {
    margin-left: 200px; }
    #main_v .text_desc .mission_link {
      top: 0;
      left: 0; }
      #main_v .text_desc .mission_link a {
        line-height: 1.6em;
        font-size: 40px; }
    #main_v .text_desc h2 {
      top: 430px;
      font-weight: bold;
      right: 0;
      font-size: 20px;
      width: 100%; }
  #main_v .resin_metal_cutting_process.hexagon {
    margin-left: 25%;
    margin-top: 0;
    -ms-grid-column: 3;
    grid-column-start: 3; }
  #main_v .molded_item_sales_business.hexagon_even {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-left: -34%;
    margin-top: -8%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .molded_item_sales_business.hexagon_even {
    margin-top: -14px; }
  #main_v .design_production_business.hexagon {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-top: -16%;
    margin-left: 25%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .design_production_business.hexagon {
    margin-top: -27px; }
  #main_v .overseas_production_business.hexagon_even {
    -ms-grid-row: 3;
    grid-row: 3;
    margin-top: -16%;
    margin-left: -157%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .overseas_production_business.hexagon_even {
    margin-top: -27px; }
  #main_v .data_creation_business.hexagon {
    -ms-grid-column: 4;
    grid-column: 4;
    margin-top: -24%;
    -ms-grid-row: 4;
    grid-row: 4;
    margin-left: -34%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .data_creation_business.hexagon {
    margin-top: -41px; }
  #main_v .job_description_company_profile.hexagon_even {
    -ms-grid-column: 3;
    grid-column: 3;
    margin-left: 26%;
    -ms-grid-row: 4;
    grid-row: 4;
    margin-top: 47%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .job_description_company_profile.hexagon_even {
    margin-top: 80px; }
  #main_v .resin_metal_cutting_process img {
    height: 40px;
    padding-bottom: 10px; }
  #main_v .molded_item_sales_business img {
    height: 48px;
    padding-bottom: 10px; }
  #main_v .design_production_business img {
    height: 42px;
    padding-bottom: 10px; }
  #main_v .data_creation_business img {
    height: 38px;
    padding-bottom: 10px; }
  #main_v .job_description_company_profile img {
    height: 41px;
    padding-bottom: 10px; }
  #main_v .overseas_production_business img {
    height: 46px;
    padding-bottom: 10px; }

  .tp-footer {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto; }

  .link_box {
    width: 100%;
    margin: auto; } }
@media screen and (max-width: 767px) {
  .wrap {
    max-width: 450px; }

  .main_v_back {
    background-image: url("../images/main_sp_back.svg"); }

  .main_v_back2 {
    background-image: url("../images/main_sp_back2.svg"); }

  .main_v_back3 {
    background-image: url("../images/main_sp_back3.svg"); }

  .main_v_back,
  .main_v_back2,
  .main_v_back3 {
    right: -15px; }

  #main_v .text_desc {
    margin-left: 80px; }
    #main_v .text_desc .mission_link a {
      font-size: 34px; }
    #main_v .text_desc h2 {
      white-space: nowrap; }
  #main_v .resin_metal_cutting_process.hexagon {
    margin-left: 40%;
    margin-top: 3%;
    -ms-grid-column: 2;
    grid-column-start: 2; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .resin_metal_cutting_process.hexagon {
    margin-top: 5px; }
  #main_v .molded_item_sales_business.hexagon_even {
    margin-left: -19%;
    margin-top: -5%;
    -ms-grid-column: 3;
    grid-column: 3; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .molded_item_sales_business.hexagon_even {
    margin-top: -9px; }
  #main_v .design_production_business.hexagon {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-top: -13%;
    margin-left: 40%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .design_production_business.hexagon {
    margin-top: -22px; }
  #main_v .overseas_production_business.hexagon_even {
    margin-top: -13%;
    margin-left: -42%;
    -ms-grid-column: 2;
    grid-column: 2; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .overseas_production_business.hexagon_even {
    margin-top: -22px; }
  #main_v .data_creation_business.hexagon {
    -ms-grid-column: 3;
    grid-column: 3;
    margin-top: -21%;
    margin-left: -19%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .data_creation_business.hexagon {
    margin-top: -36px; }
  #main_v .job_description_company_profile.hexagon_even {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-left: 40%;
    margin-top: 50%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .job_description_company_profile.hexagon_even {
    margin-top: 85px; }

  .link_box ul {
    padding-bottom: 25%; } }
.child.transparent {
  opacity: 0; }

@media screen and (min-width: 1024px) and (max-height: 770px) {
  .wrap.top {
    height: 570px; }

  .tp-footer {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto; }

  .main_v_back,
  .main_v_back2,
  .main_v_back3 {
    background-size: 1640px; }

  #main_v {
    height: 570px; }
    #main_v .mission_link {
      left: 180px;
      top: 55px; }
      #main_v .mission_link a {
        font-size: 46px; }
    #main_v .text_desc h2 {
      font-size: 26px;
      right: 75px;
      bottom: 110px; }
      #main_v .text_desc h2 .copy {
        padding-left: 90px; }
    #main_v .hexagon,
    #main_v .hexagon_even {
      height: 134px;
      width: 116px; }
      #main_v .hexagon a,
      #main_v .hexagon_even a {
        font-size: 12px;
        height: 116px;
        width: 116px; }
      #main_v .hexagon.resin_metal_cutting_process,
      #main_v .hexagon_even.resin_metal_cutting_process {
        margin-left: -34%;
        margin-top: 6%; }
        #main_v .hexagon.resin_metal_cutting_process img,
        #main_v .hexagon_even.resin_metal_cutting_process img {
          height: 35px;
          width: 43px;
          padding-bottom: 4px; }
      #main_v .hexagon.molded_item_sales_business,
      #main_v .hexagon_even.molded_item_sales_business {
        margin-left: 0%;
        margin-top: -56%; }
        #main_v .hexagon.molded_item_sales_business img,
        #main_v .hexagon_even.molded_item_sales_business img {
          height: 54px;
          width: 50px;
          padding-bottom: 2px; }
      #main_v .hexagon.design_production_business,
      #main_v .hexagon_even.design_production_business {
        margin-left: -34.5%;
        margin-top: 23.5%; }
        #main_v .hexagon.design_production_business img,
        #main_v .hexagon_even.design_production_business img {
          height: 41px;
          width: 41px;
          padding-bottom: 9px; }
      #main_v .hexagon.overseas_production_business,
      #main_v .hexagon_even.overseas_production_business {
        margin-left: -2%;
        margin-top: 25%; }
        #main_v .hexagon.overseas_production_business img,
        #main_v .hexagon_even.overseas_production_business img {
          height: 46px;
          width: 46px;
          padding-bottom: 10px; }
      #main_v .hexagon.data_creation_business,
      #main_v .hexagon_even.data_creation_business {
        margin-left: 64.5%;
        margin-top: -38%; }
        #main_v .hexagon.data_creation_business img,
        #main_v .hexagon_even.data_creation_business img {
          height: 42px;
          width: 49px;
          padding-bottom: 7px; }
      #main_v .hexagon.job_description_company_profile,
      #main_v .hexagon_even.job_description_company_profile {
        margin-left: 63%;
        margin-top: -18%; }
        #main_v .hexagon.job_description_company_profile img,
        #main_v .hexagon_even.job_description_company_profile img {
          height: 42px;
          width: 42px;
          padding-bottom: 8px; }
    #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .resin_metal_cutting_process.hexagon {
      margin-top: 10px; }
    #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .molded_item_sales_business.hexagon_even {
      margin-top: -95px; }
    #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .design_production_business.hexagon {
      margin-top: 41px; }
    #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .overseas_production_business.hexagon_even {
      margin-top: 43px; }
    #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .data_creation_business.hexagon {
      margin-top: -63px; }
    #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .job_description_company_profile.hexagon_even {
      margin-top: -31px; } }
@media screen and (min-width: 1024px) and (max-height: 619px) {
  .tp-footer {
    position: static; } }
/**
 * スマホ共通
 *
 */
@media screen and (max-width: 480px) {
  body.disp {
    height: 100vh;
    overflow: hidden; }
    body.disp .wrap #main_v {
      height: 100%; } }
/**
 * 想定デバイス: Pixel 2 XL (411 x 823)
 *
 */
@media screen and (max-width: 480px) {
  .wrap {
    margin-top: 0;
    max-width: 370px; }

  .main_v_back,
  .main_v_back2,
  .main_v_back3 {
    top: 4%;
    right: 0;
    background-size: 245%; }

  .hexagon,
  .hexagon_even {
    width: 101px;
    height: 117px; }

  .link_box {
    width: 100%;
    height: 100%;
    margin: 0 9.6%; }
    .link_box ul {
      padding-bottom: 0; }

  #main_v .text_desc {
    margin-left: 63px; }

  #main_v .text_desc .mission_link a {
    font-size: 28px;
    letter-spacing: 7px; }
  #main_v .text_desc h2 {
    top: 308px;
    font-size: 16px; }
    #main_v .text_desc h2 .copy {
      padding-left: 35px; }
  #main_v li a {
    font-size: 10px;
    margin-top: 8px;
    width: 101px;
    height: 101px; }
  #main_v .resin_metal_cutting_process.hexagon {
    margin-left: -13.5%;
    margin-top: 6%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .resin_metal_cutting_process.hexagon {
    margin-top: 9px; }
  #main_v .molded_item_sales_business.hexagon_even {
    margin-left: 16%;
    margin-top: -23%;
    -ms-grid-column: 2;
    grid-column: 2; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .molded_item_sales_business.hexagon_even {
    margin-top: -39px; }
  #main_v .design_production_business.hexagon {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-top: -51%;
    margin-left: -13.5%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .design_production_business.hexagon {
    margin-top: -87px; }
  #main_v .overseas_production_business.hexagon_even {
    margin-top: -51%;
    margin-left: -72.5%;
    -ms-grid-column: 2;
    grid-column: 2; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .overseas_production_business.hexagon_even {
    margin-top: -87px; }
  #main_v .data_creation_business.hexagon {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-top: 0;
    margin-left: 16%; }
  #main_v .job_description_company_profile.hexagon_even {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-left: -14%;
    margin-top: -28%; }
  #main_v _:-ms-lang(x)::-ms-backdrop, #main_v .job_description_company_profile.hexagon_even {
    margin-top: -48px; } }
/**
 * 想定デバイス: iPhone 6/7/8 Plus
 *
 */
@media (max-width: 414px) and (max-height: 736px) {
  .wrap {
    margin-top: 6.5%; }

  body.disp {
    height: 100vh; }
    body.disp .main_v_back, body.disp .main_v_back2, body.disp .main_v_back3 {
      background-size: 248%;
      top: 5%; } }
/**
 * 想定デバイス: iPhone X
 *
 */
@media (max-width: 375px) and (max-height: 812px) {
  .main_v_back_wrap .main_v_back_box .main_v_back,
  .main_v_back_wrap .main_v_back_box .main_v_back2,
  .main_v_back_wrap .main_v_back_box .main_v_back3 {
    background-size: 271%;
    top: 5%; }

  .wrap {
    margin-top: 8%; } }
/**
 * 想定デバイス: iPhone 6/7/8
 *
 */
@media (max-width: 375px) and (max-height: 667px) {
  .main_v_back_wrap .main_v_back_box .main_v_back,
  .main_v_back_wrap .main_v_back_box .main_v_back2,
  .main_v_back_wrap .main_v_back_box .main_v_back3 {
    background-size: 248%;
    top: 5%; }

  .wrap {
    margin-top: 6.5%; }
    .wrap #main_v .mission_link a {
      font-size: 24px; }
    .wrap #main_v .text_desc h2 {
      top: 280px; }
    .wrap #main_v .hexagon,
    .wrap #main_v .hexagon_even {
      height: 107px;
      width: 93px; }
      .wrap #main_v .hexagon a,
      .wrap #main_v .hexagon_even a {
        font-size: 10px;
        height: 92.5px;
        width: 92.5px; }
      .wrap #main_v .hexagon.resin_metal_cutting_process,
      .wrap #main_v .hexagon_even.resin_metal_cutting_process {
        margin-left: -14%;
        margin-top: 1.5%; }
        .wrap #main_v .hexagon.resin_metal_cutting_process img,
        .wrap #main_v .hexagon_even.resin_metal_cutting_process img {
          height: 24px;
          width: 32px;
          padding-bottom: 2px; }
      .wrap #main_v .hexagon.molded_item_sales_business,
      .wrap #main_v .hexagon_even.molded_item_sales_business {
        margin-left: 13%;
        margin-top: -31.5%; }
        .wrap #main_v .hexagon.molded_item_sales_business img,
        .wrap #main_v .hexagon_even.molded_item_sales_business img {
          height: 43px;
          width: 40px;
          padding-bottom: 2px; }
      .wrap #main_v .hexagon.design_production_business,
      .wrap #main_v .hexagon_even.design_production_business {
        margin-left: -14%;
        margin-top: -64.5%; }
        .wrap #main_v .hexagon.design_production_business img,
        .wrap #main_v .hexagon_even.design_production_business img {
          height: 32px;
          width: 32px;
          padding-bottom: 5px; }
      .wrap #main_v .hexagon.overseas_production_business,
      .wrap #main_v .hexagon_even.overseas_production_business {
        margin-left: -67.5%;
        margin-top: -64.5%; }
        .wrap #main_v .hexagon.overseas_production_business img,
        .wrap #main_v .hexagon_even.overseas_production_business img {
          height: 36px;
          width: 36px;
          padding-bottom: 6px; }
      .wrap #main_v .hexagon.data_creation_business,
      .wrap #main_v .hexagon_even.data_creation_business {
        margin-left: 13%;
        margin-top: -18%; }
        .wrap #main_v .hexagon.data_creation_business img,
        .wrap #main_v .hexagon_even.data_creation_business img {
          height: 35px;
          width: 42px;
          padding-bottom: 4px; }
      .wrap #main_v .hexagon.job_description_company_profile,
      .wrap #main_v .hexagon_even.job_description_company_profile {
        margin-left: -14%;
        margin-top: -51%; }
        .wrap #main_v .hexagon.job_description_company_profile img,
        .wrap #main_v .hexagon_even.job_description_company_profile img {
          height: 35px;
          width: 35px;
          padding-bottom: 4px; } }
/**
 * 想定デバイス: Galaxy S5 (360 x 640)
 *
 */
@media screen and (max-width: 374px) {
  .main_v_back_wrap .main_v_back_box .main_v_back,
  .main_v_back_wrap .main_v_back_box .main_v_back2,
  .main_v_back_wrap .main_v_back_box .main_v_back3 {
    background-size: 225%;
    top: 7%; }

  .wrap {
    margin-top: 6.5%; }
    .wrap #main_v .mission_link {
      margin-left: 3px; }
      .wrap #main_v .mission_link a {
        font-size: 22px; }
    .wrap #main_v .text_desc h2 {
      font-size: 15px;
      top: 250px; }
    .wrap #main_v .hexagon,
    .wrap #main_v .hexagon_even {
      height: 94px;
      width: 81px; }
      .wrap #main_v .hexagon a,
      .wrap #main_v .hexagon_even a {
        font-size: 8px;
        height: 81px;
        width: 81px; }
      .wrap #main_v .hexagon.resin_metal_cutting_process,
      .wrap #main_v .hexagon_even.resin_metal_cutting_process {
        line-height: 1.2;
        margin-left: -15.5%;
        margin-top: 5%; }
        .wrap #main_v .hexagon.resin_metal_cutting_process img,
        .wrap #main_v .hexagon_even.resin_metal_cutting_process img {
          height: 24px;
          width: 32px;
          padding-bottom: 2px; }
      .wrap #main_v .hexagon.molded_item_sales_business,
      .wrap #main_v .hexagon_even.molded_item_sales_business {
        line-height: 1.2;
        margin-left: 8%;
        margin-top: -33%; }
        .wrap #main_v .hexagon.molded_item_sales_business img,
        .wrap #main_v .hexagon_even.molded_item_sales_business img {
          height: 39px;
          width: 35px;
          padding-bottom: 0; }
      .wrap #main_v .hexagon.design_production_business,
      .wrap #main_v .hexagon_even.design_production_business {
        line-height: 1.2;
        margin-left: -15.5%;
        margin-top: -72%; }
        .wrap #main_v .hexagon.design_production_business img,
        .wrap #main_v .hexagon_even.design_production_business img {
          height: 30px;
          width: 30px;
          padding-bottom: 2px; }
      .wrap #main_v .hexagon.overseas_production_business,
      .wrap #main_v .hexagon_even.overseas_production_business {
        line-height: 1.2;
        margin-left: -62.5%;
        margin-top: -72%; }
        .wrap #main_v .hexagon.overseas_production_business img,
        .wrap #main_v .hexagon_even.overseas_production_business img {
          height: 30px;
          width: 30px;
          padding-bottom: 2px; }
      .wrap #main_v .hexagon.data_creation_business,
      .wrap #main_v .hexagon_even.data_creation_business {
        line-height: 1.2;
        margin-left: 8%;
        margin-top: -31.5%; }
        .wrap #main_v .hexagon.data_creation_business img,
        .wrap #main_v .hexagon_even.data_creation_business img {
          height: 30px;
          width: 39px;
          padding-bottom: 2px; }
      .wrap #main_v .hexagon.job_description_company_profile,
      .wrap #main_v .hexagon_even.job_description_company_profile {
        line-height: 1.2;
        margin-left: -15.5%;
        margin-top: -70%; }
        .wrap #main_v .hexagon.job_description_company_profile img,
        .wrap #main_v .hexagon_even.job_description_company_profile img {
          height: 30px;
          width: 30px;
          padding-bottom: 2px; } }
/**
 * 想定デバイス: iPhone 5/SE (320 x 568)
 *
 */
@media screen and (max-width: 320px) {
  .main_v_back_wrap .main_v_back_box .main_v_back,
  .main_v_back_wrap .main_v_back_box .main_v_back2,
  .main_v_back_wrap .main_v_back_box .main_v_back3 {
    background-size: 215%;
    top: 10%; }

  .wrap {
    margin-top: 8%; }
    .wrap #main_v .mission_link {
      margin-left: 0; }
      .wrap #main_v .mission_link a {
        font-size: 19px; }
    .wrap #main_v .text_desc h2 {
      font-size: 14px;
      top: 215px; }
    .wrap #main_v .hexagon,
    .wrap #main_v .hexagon_even {
      height: 80px;
      width: 69px; }
      .wrap #main_v .hexagon a,
      .wrap #main_v .hexagon_even a {
        font-size: 6px;
        height: 69px;
        width: 69px; }
      .wrap #main_v .hexagon.resin_metal_cutting_process,
      .wrap #main_v .hexagon_even.resin_metal_cutting_process {
        margin-left: -25%;
        margin-top: 7%; }
        .wrap #main_v .hexagon.resin_metal_cutting_process img,
        .wrap #main_v .hexagon_even.resin_metal_cutting_process img {
          padding-bottom: 0;
          margin-top: -8px; }
      .wrap #main_v .hexagon.molded_item_sales_business,
      .wrap #main_v .hexagon_even.molded_item_sales_business {
        margin-left: -5%;
        margin-top: -38%; }
        .wrap #main_v .hexagon.molded_item_sales_business img,
        .wrap #main_v .hexagon_even.molded_item_sales_business img {
          margin-top: -12px; }
      .wrap #main_v .hexagon.design_production_business,
      .wrap #main_v .hexagon_even.design_production_business {
        margin-left: -25%;
        margin-top: -83%; }
        .wrap #main_v .hexagon.design_production_business img,
        .wrap #main_v .hexagon_even.design_production_business img {
          height: 30px;
          width: 30px;
          padding-bottom: 0px; }
      .wrap #main_v .hexagon.overseas_production_business,
      .wrap #main_v .hexagon_even.overseas_production_business {
        margin-left: -65%;
        margin-top: -83%; }
        .wrap #main_v .hexagon.overseas_production_business img,
        .wrap #main_v .hexagon_even.overseas_production_business img {
          margin-top: -6px; }
      .wrap #main_v .hexagon.data_creation_business,
      .wrap #main_v .hexagon_even.data_creation_business {
        margin-left: -5%;
        margin-top: -48%; }
        .wrap #main_v .hexagon.data_creation_business img,
        .wrap #main_v .hexagon_even.data_creation_business img {
          height: 30px;
          width: 39px;
          padding-bottom: 0px; }
      .wrap #main_v .hexagon.job_description_company_profile,
      .wrap #main_v .hexagon_even.job_description_company_profile {
        margin-left: -25%;
        margin-top: -93%; }
        .wrap #main_v .hexagon.job_description_company_profile img,
        .wrap #main_v .hexagon_even.job_description_company_profile img {
          height: 30px;
          width: 30px;
          padding-bottom: 0px;
          margin-top: -6px; } }

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