@media print,screen and (min-width: 768px) {
    .contents_body{
      padding-top: 28px !important;
    }
    .area_map{
      position: relative;
      width: 980px;
      height: 420px;
      background: url('/jp/en/company/office/img/map.jpg') no-repeat center center;
      background-size: 100% auto;
    }
    .area_map .point{
      position: absolute;
      width: 25px;
      height: 25px;
      background: url('/jp/en/company/office/img/point.png') no-repeat center center;
      background-size: 100% auto;
    }
    .area_map .point:hover{
      /*opacity: 0.8;*/
    }
    .area_map .point.japan{
      top: 133px;
      left: 439px;
    }
    .area_map .point.korea{
      top: 126px;
      left: 404px;
    }
    .area_map .point.china{
      top: 147px;
      left: 390px;
    }
    .area_map .point.indonesia{
      top: 252px;
      left: 348px;
    }
    .area_map .point.malaysia{
      top: 214px;
      left: 328px;
    }
    .area_map .point.india{
      top: 167px;
      left: 250px;
    }
    .area_map .point.europe{
      top: 105px;
      left: 82px;
    }
    .area_map .point.russia{
      top: 77px;
      left: 159px;
    }
    .area_map .point.canada{
      top: 77px;
      left: 737px;
    }
    .area_map .point.usa{
      top: 147px;
      left: 797px;
    }
    .area_map .point.brazil{
      top: 294px;
      left: 922px;
    }
    .area_map .point.singapore{
      top: 224px;
      left: 349px;
      text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 10px #ffffff;
    }

    .area_map .point span{
      position: absolute;
      display: block;
      white-space: nowrap;
      font-size: 15px;
      font-weight: bold;
      color: #004F99;
      line-height: 25px;
    }
    .area_map .point.japan span{
      top: 0;
      left: 28px;
    }
    .area_map .point.korea span{
      top: -23px;
      left: -2px;
    }
    .area_map .point.china span{
      top: 0;
      right: 28px;
    }
    .area_map .point.indonesia span{
      top: 0;
      left: 28px;
    }
    .area_map .point.malaysia span{
      top: -23px;
      left: -25px;
    }
    .area_map .point.india span{
      top: -23px;
      left: -8px;
    }
    .area_map .point.europe span{
      top: 23px;
      left: -25px;
    }
    .area_map .point.russia span{
      top: 0;
      left: 28px;
    }
    .area_map .point.canada span{
      top: 0;
      right: 28px;
    }
    .area_map .point.usa span{
      top: 0;
      right: 28px;
    }
    .area_map .point.brazil span{
      top: 0;
      right: 28px;
    }
    .area_map .point.singapore span{
      top: 0;
      left: 28px;
    }
    .contents_body .area_link{
      display: flex;
      margin: 7px 0 0;
    }
    .contents_body .area_link li{
      width: 25%;
      box-sizing: border-box;
      border-top: 1px solid #E6E6E6;
      border-bottom: 1px solid #E6E6E6;
      border-left: 1px solid #E6E6E6;
    }
    .contents_body .area_link li:last-of-type{
      border-right: 1px solid #E6E6E6;
    }
    .contents_body .area_link li a{
      position: relative;
      display: block;
      padding: 18px 0 18px 28px;
      font-size: 15px;
      font-weight: bold;
      line-height: 20px;
      color: #666;
    }
    .contents_body .area_link li a:after{
      content: '';
      position: absolute;
      top: 21px;
      right: 21px;
      width: 14px;
      height: 14px;
      background: url('/jp/en/img/common/plink_down.png') no-repeat center center;
      background-size: 100% auto;
    }

    .contents_body .intro{
      font-size: 15px;
      line-height: 28px;
      margin: 56px 0 0;
    }

    .contents_body h2{
      margin-top: 95px;
      margin-bottom: 28px;
    }
    .contents_body dl.company{
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #E6E6E6;
      padding: 0 0 28px;
    }
    .contents_body .list_wrap dl:last-of-type{
      border: none;
      padding: 0;
    }
    .contents_body dl.company > dt{
      width: 140px;
      font-size: 21px;
      font-weight: bold;
      line-height: 28px;
      padding: 46px 0 0;
    }
    .contents_body dl.company > dd{
      width: 812px;
    }
    .contents_body dl.company > dd .title{
      font-size: 17px;
      font-weight: bold;
      line-height: 22px;
      padding: 48px 0 0;
    }
    .contents_body dl.company > dd .title + p{
      font-size: 15px;
      line-height: 21px;
      color: #666666;
      padding: 7px 0 20px;
    }
    .contents_body dl.company > dd .subtitle{
      font-size: 15px;
      font-weight: bold;
      line-height: 28px;
      padding: 28px 0 0;
    }
    .contents_body dl.company > dd .title + .subtitle{
      padding: 14px 0 0;
    }
    .contents_body dl.company > dd .title + p + .subtitle{
      padding: 0;
    }

    .contents_body dl.company dl.address.pd{
      padding-bottom: 28px;
      border-bottom: 1px solid #E6E6E6;
    }
    .contents_body dl.company dl.address.pd:last-of-type{
      padding-bottom: 0;
      border: none;
    }
    .contents_body dl.address dt{
      width: 90px;
      float: left;
      font-size: 13px;
      line-height: 28px;
      color: #666666;
      letter-spacing: 0.12em;
      vertical-align: top;
    }
    .contents_body dl.address dd{
      vertical-align: top;
      margin-left: 90px;
      font-size: 15px;
      line-height: 28px;
    }

    .contents_body a.link{
      position: relative;
      display: inline-block;
      padding-left: 18px;
      margin-left: 24px;
      font-size: 13px;
      font-weight: bold;
      line-height: 28px;
      color: #0099D9;
      letter-spacing: 0.04em;
    }
    .contents_body a.link:before{
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      background: url('/jp/en/img/common/arrow.png') no-repeat center center;
      background-size: 100% auto;
    }
    .contents_body a.link.blank:after{
      content: '';
      position: absolute;
      right: -16px;
      top: 50%;
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      background: url('/jp/en/img/common/blank_blue.png') no-repeat center center;
      background-size: 100% auto;
    }

    .pc_none {
        display: none !important
    }
}

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

    html,
    body {
        /*font-size: .26667vw*/
    }

    body {
        min-width: 320px
    }

    .area_map{
      position: relative;
      width: 100vw;
      height: calc(168 / 375 * 100vw);
      margin: 0 calc(-36 / 375 * 100vw);
      background: url('/jp/en/company/office/img/sp/map.jpg') no-repeat center center;
      background-size: 100% auto;
    }
    .area_map .point{
      position: absolute;
      width: calc(12 / 375 * 100vw);
      height: calc(12 / 375 * 100vw);
      background: url('/jp/en/company/office/img/point.png') no-repeat center center;
      background-size: 100% auto;
    }
    .area_map .point.japan{
      top: calc(51 / 375 * 100vw);
      left: calc(167 / 375 * 100vw);
    }
    .area_map .point.korea{
      top: calc(47 / 375 * 100vw);
      left: calc(153 / 375 * 100vw);
    }
    .area_map .point.china{
      top: calc(57 / 375 * 100vw);
      left: calc(148 / 375 * 100vw);
    }
    .area_map .point.indonesia{
      top: calc(95 / 375 * 100vw);
      left: calc(131 / 375 * 100vw);
    }
    .area_map .point.malaysia{
      top: calc(81 / 375 * 100vw);
      left: calc(127 / 375 * 100vw);
    }
    .area_map .point.india{
      top: calc(64 / 375 * 100vw);
      left: calc(95 / 375 * 100vw);
    }
    .area_map .point.europe{
      top: calc(39 / 375 * 100vw);
      left: calc(32 / 375 * 100vw);
    }
    .area_map .point.russia{
      top: calc(29 / 375 * 100vw);
      left: calc(59 / 375 * 100vw);
    }
    .area_map .point.canada{
      top: calc(29 / 375 * 100vw);
      left: calc(274 / 375 * 100vw);
    }
    .area_map .point.usa{
      top: calc(57 / 375 * 100vw);
      left: calc(302 / 375 * 100vw);
    }
    .area_map .point.brazil{
      top: calc(113 / 375 * 100vw);
      left: calc(348 / 375 * 100vw);
    }
    .area_map .point.singapore{
      top: calc(85 / 375 * 100vw);
      left: calc(138 / 375 * 100vw);
    }
    
    .area_map .point span{
      display: none;
    }

    .contents_body .area_link{
      margin: 28px 0 0;
    }
    .contents_body .area_link li{
      width: 100%;
      box-sizing: border-box;
      border-top: 1px solid #E6E6E6;
      border-right: 1px solid #E6E6E6;
      border-left: 1px solid #E6E6E6;
    }
    .contents_body .area_link li:last-of-type{
      border-bottom: 1px solid #E6E6E6;
    }
    .contents_body .area_link li a{
      position: relative;
      display: block;
      padding: 17px 0 16px 28px;
      font-size: 17px;
      font-weight: bold;
      line-height: 23px;
      color: #666;
    }
    .contents_body .area_link li a:after{
      content: '';
      position: absolute;
      top: 21px;
      right: 14px;
      width: 14px;
      height: 14px;
      background: url('/jp/en/img/common/plink_down.png') no-repeat center center;
      background-size: 100% auto;
    }

    .contents_body .intro{
      font-size: 15px;
      line-height: 28px;
      margin: 28px 0 0;
    }

    .contents_body h2{
      margin-top: 60px;
      margin-bottom: 0;
    }

    .contents_body dl.company{
      border-bottom: 1px solid #E6E6E6;
      padding: 0 0 28px;
    }
    .contents_body .list_wrap dl:last-of-type{
      border: none;
      padding: 0;
    }
    .contents_body dl.company > dt{
      font-size: 19px;
      font-weight: bold;
      line-height: 28px;
      padding: 46px 0 0;
    }
    .contents_body dl.company > dd .title{
      font-size: 17px;
      font-weight: bold;
      line-height: 28px;
      padding: 32px 0 0;
    }
    .contents_body dl.company > dd .title + p{
      font-size: 15px;
      line-height: 21px;
      color: #666666;
      padding: 6px 0 16px;
    }
    .contents_body dl.company > dd .subtitle{
      font-size: 15px;
      font-weight: bold;
      line-height: 28px;
      padding: 28px 0 0;
    }
    .contents_body dl.company > dd .title + .subtitle{
      padding: 12px 0 0;
    }
    .contents_body dl.company > dd .title + p + .subtitle{
      padding: 0;
    }

    .contents_body dl.company dl.address.pd{
      padding-bottom: 28px;
      border-bottom: 1px solid #E6E6E6;
    }
    .contents_body dl.company dl.address.pd:last-of-type{
      padding-bottom: 0;
      border: none;
    }
    .contents_body dl.address dt{
      width: 56px;
      float: left;
      font-size: 13px;
      line-height: 28px;
      color: #666666;
      letter-spacing: 0.12em;
      vertical-align: top;
    }
    .contents_body dl.address dd{
      vertical-align: top;
      margin-left: 56px;
      font-size: 15px;
      line-height: 28px;
    }

    .contents_body a.link{
      position: relative;
      display: inline-block;
      padding-left: 18px;
      font-size: 13px;
      font-weight: bold;
      line-height: 28px;
      color: #0099D9;
      letter-spacing: 0.04em;
    }
    .contents_body a.link:before{
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      background: url('/jp/en/img/common/arrow.png') no-repeat center center;
      background-size: 100% auto;
    }
    .contents_body a.link.blank:after{
      content: '';
      position: absolute;
      right: -16px;
      top: 50%;
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      background: url('/jp/en/img/common/blank_blue.png') no-repeat center center;
      background-size: 100% auto;
    }


    .sp_none {
        display: none !important
    }
}


.move_office_txt{
  background: #FFFDF2;
  border: 1px solid #FFD900;
  padding: 2rem;
  margin: 2rem 0 4rem 0;
  line-height: 1.8;
}

.move_office_txt_diff{
  background: #FFFDF2;
  border: 1px solid #FFD900;
  padding: 1rem 2rem 2rem 2rem;
  margin: 2rem 0 0 0;
  line-height: 1.8;
}
.move_office_txt_diff_txt{
  color: #ffaa00;
  margin-bottom: 10px;
}