@charset "UTF-8";
.under_mv::after {
  background: url(../img/business/mv_business_sp.webp) no-repeat right center/auto 100%;
}
@media screen and (min-width: 768px) {
  .under_mv::after {
    background: url(../img/business/mv_business_pc.webp) no-repeat left center/auto 100%;
  }
}

.business_lead {
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .business_lead {
    padding: 80px 0;
  }
}
.business_lead_title {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .business_lead_title {
    font-size: 33px;
  }
}
.business_lead_title span {
  background: -webkit-gradient(linear, right top, left top, color-stop(17%, rgb(220, 29, 33)), color-stop(60%, rgb(98, 11, 113)), to(rgb(0, 15, 158)));
  background: linear-gradient(-90deg, rgb(220, 29, 33) 17%, rgb(98, 11, 113) 60%, rgb(0, 15, 158) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.business_map {
  position: relative;
}
.business_map::before {
  content: "";
  position: absolute;
  background: url(../img/business/map_ttl.svg) no-repeat center center/contain;
  top: 0;
  left: 0;
  width: 176px;
  height: 37px;
  z-index: 25;
}
@media screen and (min-width: 768px) {
  .business_map::before {
    width: 250px;
    height: 53px;
  }
}
@media (min-width: 1366px) {
  .business_map::before {
    content: none;
  }
}
.business_map_inner {
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1366px) {
  .business_map_inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.business_map .map {
  position: relative;
  min-width: 1366px;
  width: 1366px;
  overflow: hidden;
}
@media (min-width: 1366px) {
  .business_map .map::before {
    content: "";
    position: absolute;
    background: url(../img/business/map_ttl.svg) no-repeat center center/contain;
    top: 0;
    left: 0;
    width: 176px;
    height: 37px;
    z-index: 25;
  }
}
@media screen and (min-width: 1366px) and (min-width: 768px) {
  .business_map .map::before {
    width: 250px;
    height: 53px;
  }
}
.business_map .map_base img {
  width: 100%;
  height: 100%;
}
.business_map .map_cloud {
  position: absolute;
  -webkit-animation: float 2s ease-in-out infinite;
          animation: float 2s ease-in-out infinite;
  height: auto;
  z-index: 20;
}
.business_map .map_cloud.cloud_1 {
  top: -18.5%;
  left: -15.5%;
  width: 39.6%;
}
.business_map .map_cloud.cloud_2 {
  bottom: -12%;
  right: -9%;
  width: 39%;
}
.business_map .map_city {
  position: absolute;
  height: auto;
  z-index: 15;
}
.business_map .map_city.city_1 {
  bottom: 0;
  right: 0;
  width: 53.9%;
}
.business_map .map_city.city_2 {
  top: 0;
  right: 0;
  width: 54.8%;
}
.business_map .map_vehicle {
  position: absolute;
  height: auto;
}
.business_map .map_vehicle.vehicle_airplane {
  top: 16%;
  left: -20%;
  width: 18.5%;
  -webkit-animation: flyDiagonal 9s ease-in infinite;
          animation: flyDiagonal 9s ease-in infinite;
  z-index: 18;
}
.business_map .map_vehicle.vehicle_car01 {
  bottom: -3%;
  left: 39%;
  width: 2.8%;
  -webkit-animation: car01 8s linear infinite;
          animation: car01 8s linear infinite;
  z-index: 10;
}
.business_map .map_vehicle.vehicle_car02 {
  top: 18.5%;
  left: 78.9%;
  width: 2.5%;
  -webkit-animation: car02 7s linear infinite;
          animation: car02 7s linear infinite;
  z-index: 10;
}
.business_map .map_vehicle.vehicle_car03 {
  top: 24.3%;
  right: -2.5%;
  width: 2.5%;
  -webkit-animation: car03 7s linear infinite;
          animation: car03 7s linear infinite;
  z-index: 10;
}
.business_map .map_vehicle.vehicle_train01 {
  bottom: 18.1%;
  left: 64.3%;
  width: 13.3%;
  -webkit-animation: train01 7s ease-in infinite;
          animation: train01 7s ease-in infinite;
  z-index: 10;
}
.business_map .map_vehicle.vehicle_train02 {
  top: 29.1%;
  left: 93%;
  width: 13.3%;
  -webkit-animation: train02 7s ease-out infinite;
          animation: train02 7s ease-out infinite;
  z-index: 10;
}
.business_map {
  /* モーダルボタン */
}
@-webkit-keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.business_map {
  /* 飛行機 */
}
@-webkit-keyframes flyDiagonal {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(900px, 540px);
            transform: translate(900px, 540px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(900px, 540px);
            transform: translate(900px, 540px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes flyDiagonal {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(900px, 540px);
            transform: translate(900px, 540px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(900px, 540px);
            transform: translate(900px, 540px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.business_map {
  /* 車01 */
}
@-webkit-keyframes car01 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(340%, -75px);
            transform: translate(340%, -75px);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(340%, -75px);
            transform: translate(340%, -75px);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(310px, -180px);
            transform: translate(310px, -180px);
    opacity: 1;
  }
  91% {
    -webkit-transform: translate(310px, -180px);
            transform: translate(310px, -180px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes car01 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(340%, -75px);
            transform: translate(340%, -75px);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(340%, -75px);
            transform: translate(340%, -75px);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(310px, -180px);
            transform: translate(310px, -180px);
    opacity: 1;
  }
  91% {
    -webkit-transform: translate(310px, -180px);
            transform: translate(310px, -180px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.business_map {
  /* 車02 */
}
@-webkit-keyframes car02 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-240px, 138px);
            transform: translate(-240px, 138px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-240px, 138px);
            transform: translate(-240px, 138px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes car02 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-240px, 138px);
            transform: translate(-240px, 138px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-240px, 138px);
            transform: translate(-240px, 138px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.business_map {
  /* 車03 */
}
@-webkit-keyframes car03 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-340px, 200px);
            transform: translate(-340px, 200px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-340px, 200px);
            transform: translate(-340px, 200px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes car03 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-340px, 200px);
            transform: translate(-340px, 200px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-340px, 200px);
            transform: translate(-340px, 200px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.business_map {
  /* 電車01 */
}
@-webkit-keyframes train01 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-420px, 243px);
            transform: translate(-420px, 243px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-420px, 243px);
            transform: translate(-420px, 243px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes train01 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-420px, 243px);
            transform: translate(-420px, 243px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-420px, 243px);
            transform: translate(-420px, 243px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.business_map {
  /* 電車02 */
}
@-webkit-keyframes train02 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-380px, 228px);
            transform: translate(-380px, 228px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-380px, 228px);
            transform: translate(-380px, 228px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes train02 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-380px, 228px);
            transform: translate(-380px, 228px);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-380px, 228px);
            transform: translate(-380px, 228px);
    opacity: 0;
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.business_map .map_modal {
  position: absolute;
  cursor: pointer;
  z-index: 20;
}
.business_map .map_modal_inner {
  position: relative;
  background: #FFFFFF;
  border-radius: 7px;
  padding: 9px 10px 11px;
  -webkit-box-shadow: inset 0px -3px 0px 0px rgb(218, 218, 218);
          box-shadow: inset 0px -3px 0px 0px rgb(218, 218, 218);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: float 2.5s ease-in-out infinite;
          animation: float 2.5s ease-in-out infinite;
}
.business_map .map_modal_inner:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.business_map .map_modal_inner::before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #DADADA;
}
.business_map .map_modal_inner.arrow_right::before {
  right: -5px;
  bottom: 50%;
  -webkit-transform: translateX(0) translateY(50%) rotate(30deg);
          transform: translateX(0) translateY(50%) rotate(30deg);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #fff;
}
.business_map .map_modal_inner.arrow_left::before {
  right: auto;
  left: -5px;
  bottom: 50%;
  -webkit-transform: translateX(0) translateY(50%) rotate(210deg);
          transform: translateX(0) translateY(50%) rotate(210deg);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #fff;
}
.business_map .map_modal_inner.arrow_top::before {
  left: 50%;
  bottom: auto;
  top: -4px;
  -webkit-transform: translateX(-50%) translateY(0) rotate(-60deg);
          transform: translateX(-50%) translateY(0) rotate(-60deg);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #fff;
}
.business_map .map_modal_txt {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 24px;
  position: relative;
}
.business_map .map_modal_txt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16.37px;
  height: 15px;
  background-image: url(../img/business/icon_modal_search.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.business_map .map_modal_txt::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #204390;
  border-right: 1px solid #204390;
}
.business_map {
  /* 配置 */
}
.business_map .modal_airplane {
  top: 50%;
  left: 18.5%;
}
.business_map .modal_rocket {
  top: 22%;
  left: 26.5%;
}
.business_map .modal_bridge {
  top: 44%;
  left: 33%;
}
.business_map .modal_building {
  top: 17%;
  left: 48.5%;
}
.business_map .modal_carport {
  top: 57%;
  left: 44%;
}
.business_map .modal_pharmacy {
  top: 50.5%;
  left: 62%;
}
.business_map .modal_car {
  top: 16.5%;
  left: 73.5%;
}
.business_map .modal_ticket {
  top: 66.5%;
  left: 70.5%;
}
.business_map .modal_supermarket {
  top: 40%;
  left: 54.5%;
}
.business_map .modal_house {
  top: 36.5%;
  left: 69%;
}
.business_map .modal_research {
  top: 73%;
  left: 30.8%;
}
.business_map {
  /* モーダルオーバーレイ */
}
.business_map .modal_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  overflow-y: auto;
}
.business_map {
  /* パーツ別モーダル */
}
.business_map .modal_container {
  position: relative;
  max-width: 335px;
  margin: 0 auto;
  min-height: 100%;
  display: block;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .business_map .modal_container {
    max-width: 500px;
  }
}
.business_map .modal_close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: #4177BE;
  border: none;
  border-radius: 0 20px 0 20px;
  cursor: pointer;
  padding: 0;
  width: 44px;
  height: 44px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .business_map .modal_close {
    width: 66px;
    height: 66px;
  }
}
.business_map .modal_close:hover {
  opacity: 0.8;
}
.business_map .modal_close::before, .business_map .modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .business_map .modal_close::before, .business_map .modal_close::after {
    width: 34px;
  }
}
.business_map .modal_close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.business_map .modal_close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.business_map .modal_content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.business_map .modal_supermarket_content, .business_map .modal_house_content, .business_map .modal_research_content {
  display: none;
}
.business_map .modal_image_wrap {
  position: relative;
  background: #EEEEEE;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.business_map .modal_image {
  width: 100%;
  height: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .business_map .modal_image {
    height: 343px;
    padding: 40px;
  }
}
.business_map .modal_image img {
  max-width: 100%;
  height: 186px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .business_map .modal_image img {
    height: 272px;
  }
}
.business_map .modal_text_wrap {
  background: #FFFFFF;
  border-radius: 0 0 20px 20px;
  padding: 36px 30px 48px;
}
@media screen and (min-width: 768px) {
  .business_map .modal_text_wrap {
    padding: 48px 42px 66px;
  }
}
.business_map .modal_title {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 24px;
}
.business_map .modal_title::after {
  content: "";
  display: block;
  width: 34px;
  height: 4px;
  background: -webkit-gradient(linear, right top, left top, color-stop(19%, rgb(220, 29, 33)), color-stop(56%, rgb(145, 0, 176)), color-stop(82%, rgb(32, 67, 144)));
  background: linear-gradient(-90deg, rgb(220, 29, 33) 19%, rgb(145, 0, 176) 56%, rgb(32, 67, 144) 82%);
  margin-top: 20px;
}
.business_map .modal_description {
  font-size: 14px;
  font-weight: 400;
}
.business_map {
  /* 建物モーダル用スタイル */
}
.business_map .modal_building_container {
  position: relative;
  max-width: 935px;
  margin: 0 auto;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  overflow-x: auto;
}
.business_map .modal_building_close {
  position: absolute;
  top: 0px;
  right: 20px;
  z-index: 10;
  background: #FFFFFF;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  width: 63px;
  height: 63px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .business_map .modal_building_close {
    top: 40px;
    right: 0px;
    width: 78px;
    height: 78px;
    padding-top: 19px;
  }
}
.business_map .modal_building_close:hover {
  opacity: 0.8;
}
.business_map .modal_building_close::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(../img/business/icon_back_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin-bottom: 6px;
}
@media screen and (min-width: 768px) {
  .business_map .modal_building_close::before {
    width: 23px;
    height: 23px;
    margin-bottom: 10px;
  }
}
.business_map .modal_building_close::after {
  content: "戻る";
  font-size: 12px;
  font-weight: 500;
  color: #4177BE;
  line-height: 1;
}
.business_map .modal_building_supermarket_content, .business_map .modal_building_house_content, .business_map .modal_building_research_content {
  display: none;
}
.business_map .modal_building_inner {
  position: relative;
  width: 100%;
  min-width: 656px;
}
@media screen and (min-width: 768px) {
  .business_map .modal_building_inner {
    min-width: 935px;
  }
}
.business_map {
  /* 配置 */
}
.business_map .modal_pasta_pot {
  top: 23%;
  left: 5%;
}
.business_map .modal_cheese {
  top: 17%;
  left: 30%;
}
.business_map .modal_coffee {
  top: 39%;
  left: 17.5%;
}
.business_map .modal_daily_goods {
  top: 50%;
  left: 32%;
}
.business_map .modal_vent_filter {
  top: 13%;
  left: 8%;
}
.business_map .modal_aluminum_foil {
  top: 52%;
  left: 21%;
}
.business_map .modal_pc_smartphone {
  top: 67%;
  left: 56%;
}
.business_map .modal_nail {
  top: 52%;
  left: 77.5%;
}
@media screen and (min-width: 768px) {
  .business_map .modal_nail {
    left: 80.5%;
  }
}
.business_map .modal_server {
  top: 16%;
  left: 34%;
}
.business_map .modal_printer {
  top: 33%;
  left: 57%;
}
.business_map .modal_electronic_board {
  top: 62%;
  left: 39%;
}

.business_contents {
  padding-top: 65px;
}
@media screen and (min-width: 768px) {
  .business_contents {
    padding-top: 74px;
  }
}
.business_contents_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .business_contents_wrap {
    display: grid;
    grid-template-columns: 40% 55%;
    gap: 50px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media screen and (min-width: 768px) {
  .business_contents_wrap.reverse {
    grid-template-columns: 55% 40%;
  }
}
.business_contents_wrap:not(:last-child) {
  margin-bottom: 76px;
}
@media screen and (min-width: 768px) {
  .business_contents_wrap:not(:last-child) {
    margin-bottom: 85px;
  }
}
@media screen and (min-width: 768px) {
  .business_contents_txtwrap {
    grid-column: 1;
    grid-row: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .reverse .business_contents_txtwrap {
    grid-column: 2;
    grid-row: 1;
  }
}
.business_contents_title {
  position: relative;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.05em;
  padding-top: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .business_contents_title {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
.business_contents_title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 4px;
  background: -webkit-gradient(linear, right top, left top, color-stop(17%, rgb(220, 29, 33)), color-stop(60%, rgb(98, 11, 113)), to(rgb(0, 15, 158)));
  background: linear-gradient(-90deg, rgb(220, 29, 33) 17%, rgb(98, 11, 113) 60%, rgb(0, 15, 158) 100%);
}
.business_contents_text {
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .business_contents_text {
    font-size: 15px;
  }
}
.business_contents_img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .business_contents_img {
    grid-column: 2;
    grid-row: 1/3;
  }
}
@media screen and (min-width: 768px) {
  .reverse .business_contents_img {
    grid-column: 1;
    grid-row: 1/3;
  }
}
.business_contents_img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .business_contents_img img {
    border-radius: 30px;
    border-radius: 20px;
  }
}
.business_contents .business_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .business_contents .business_btn {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    grid-column: 1;
    grid-row: 2;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .business_contents_wrap.reverse .business_btn {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
  }
}
.business_contents .mb12 {
  margin-bottom: 12px;
}