@charset "UTF-8";
/* =================================================================== Common map =================================================================== */
/* CSS Document */
/* 画像サイズ調整 ---------------------------------------------------------------------------*/
/* フォントサイズ調整 ---------------------------------------------------------------------------*/
/* ブレークポイント ---------------------------------------------------------------------------*/
/*_____ font weight _______________*/
/*---------------------------------------------------------------------------*/
@media screen and (min-width: 769px), print { /* =================================================================== Common map =================================================================== */
  @-webkit-keyframes commonPin { 0% { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
    25% { -webkit-transform: translateY(-1.5em) scale(1.2); transform: translateY(-1.5em) scale(1.2); }
    50% { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
    75% { -webkit-transform: translateY(-1.5em) scale(1.2); transform: translateY(-1.5em) scale(1.2); }
    100% { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } }
  @-moz-keyframes commonPin { 0% { -moz-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
    25% { -moz-transform: translateY(-1.5em) scale(1.2); transform: translateY(-1.5em) scale(1.2); }
    50% { -moz-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
    75% { -moz-transform: translateY(-1.5em) scale(1.2); transform: translateY(-1.5em) scale(1.2); }
    100% { -moz-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } }
  @keyframes commonPin { 0% { -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
    25% { -webkit-transform: translateY(-1.5em) scale(1.2); -moz-transform: translateY(-1.5em) scale(1.2); transform: translateY(-1.5em) scale(1.2); }
    50% { -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
    75% { -webkit-transform: translateY(-1.5em) scale(1.2); -moz-transform: translateY(-1.5em) scale(1.2); transform: translateY(-1.5em) scale(1.2); }
    100% { -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } }
  .common_map { margin-top: 130px; font-size: 1.6rem; line-height: 32px; letter-spacing: 0.025em; text-align: center; }
  .common_map .sec-tl { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; text-align: center; margin: 0 auto 52px; padding: 0 15px; -webkit-perspective: 1px; -moz-perspective: 1px; perspective: 1px; position: relative; }
  .common_map .sec-tl:after { background-color: rgba(13, 164, 44, 0.08); content: ''; left: 0; position: absolute; width: 100%; height: 53px; bottom: -7px; }
  .common_map .sec-tl .jp { font-size: 4.2rem; line-height: 1; letter-spacing: 0.025em; }
  .common_map .sec-tl .en { color: #0da42c; font-family: Abel, sans-serif; font-size: 1.4rem; font-weight: normal; line-height: 24px; letter-spacing: 0.05em; margin-top: 5px; position: relative; z-index: 2; }
  .common_map_area { text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .common_map_area_image { width: 746px; position: relative; }
  .common_map_area_image .pin_list li { width: 43px; height: 55px; position: absolute; }
  .common_map_area_image .pin_list li:nth-of-type(1) { top: 145px; left: 48px; }
  .common_map_area_image .pin_list li:nth-of-type(2) { top: 390px; left: 254px; }
  .common_map_area_image .pin_list li:nth-of-type(3) { top: 55px; left: 602px; }
  .common_map_area_image .pin_list li:nth-of-type(4) { top: 240px; left: 320px; }
  .common_map_area_image .pin_list li:nth-of-type(5) { top: 93px; left: 194px; }
  .common_map_area_image .pin_list li:nth-of-type(6) { top: 104px; left: 333px; }
  .common_map_area_image .pin_list li:nth-of-type(7) { top: 240px; left: 495px; }
  .common_map_area_image .pin_list li:nth-of-type(8) { top: 341px; left: 497px; }
  .common_map_area_image .pin_list li:nth-of-type(9) { top: 396px; left: 596px; }
  .common_map_area_image .pin_list li:nth-of-type(10) { top: 404px; left: 30px; }
  .common_map_area_image .pin_list li:nth-of-type(11) { top: 118px; left: 449px; }
  .common_map_area_image .pin_list li a { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: url("../../common/images/map/pin.webp") no-repeat center/contain; will-change: transform; }
  .common_map_area_image .pin_list li a:hover, .common_map_area_image .pin_list li a.active { opacity: 1; -webkit-animation: commonPin 1.5s forwards infinite; -moz-animation: commonPin 1.5s forwards infinite; animation: commonPin 1.5s forwards infinite; background-image: url("../../common/images/map/pin_active.webp"); }
  .common_map_area_image .pin_list li p { margin-top: 5px; width: 32px; height: 32px; background: #fff; -moz-border-radius: 50%; border-radius: 50%; color: #0da42c; line-height: 35px; text-align: center; font-size: 2rem; letter-spacing: -.5px; }
  .common_map_area_list { width: 328px; counter-reset: pin; }
  .common_map_area_list li { border-bottom: 1px solid #dcdcdc; }
  .common_map_area_list li:first-of-type { border-top: 1px solid #dcdcdc; }
  .common_map_area_list li a { display: block; padding: 10px 0 8px 40px; position: relative; }
  .common_map_area_list li a:hover, .common_map_area_list li a.active { opacity: 1; }
  .common_map_area_list li a:hover:before, .common_map_area_list li a.active:before { color: #0da42c; background: #f8d90a; }
  .common_map_area_list li a:before { counter-increment: pin; content: counter(pin); width: 30px; height: 30px; background: #0da42c; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 10px; left: 0; color: #fff; line-height: 32px; text-align: center; }
  .no-webp .common_map_area_image .pin_list li a { background: url("../../common/images/map/pin.png") no-repeat center/contain; }
  .no-webp .common_map_area_image .pin_list li a:hover, .no-webp .common_map_area_image .pin_list li a.active { background-image: url("../../common/images/map/pin_active.png"); } }
@media screen and (max-width: 768px) { /* =================================================================== Common map =================================================================== */
  .common_map { margin-top: 16.92708vw; text-align: center; -moz-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; font-size: 3.64583vw; line-height: 7.03125vw; font-weight: 500; letter-spacing: 0.025em; }
  .common_map .sec-tl { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; text-align: center; margin: 0 auto 11.71875vw; padding: 0 0.65104vw; -webkit-perspective: 1px; -moz-perspective: 1px; perspective: 1px; position: relative; margin-bottom: 5.20833vw; }
  .common_map .sec-tl:after { background-color: rgba(13, 164, 44, 0.08); content: ''; left: 0; position: absolute; width: 100%; height: 7.94271vw; bottom: -1.17188vw; }
  .common_map .sec-tl .jp { font-size: 6.51042vw; line-height: 1; letter-spacing: 0.1em; }
  .common_map .sec-tl .en { color: #0da42c; font-family: Abel, sans-serif; font-size: 3.125vw; font-weight: normal; line-height: 3.125vw; letter-spacing: 0.05em; margin-top: 1.17188vw; position: relative; z-index: 2; }
  .common_map_area { text-align: left; padding: 0 2.60417vw; }
  .common_map_area_image { position: relative; }
  .common_map_area_image .pin_list li { width: 6.51042vw; height: 8.33333vw; position: absolute; }
  .common_map_area_image .pin_list li:nth-of-type(1) { top: 14.84375vw; left: 5.20833vw; }
  .common_map_area_image .pin_list li:nth-of-type(2) { top: 45.05208vw; left: 29.94792vw; }
  .common_map_area_image .pin_list li:nth-of-type(3) { top: 4.16667vw; left: 71.61458vw; }
  .common_map_area_image .pin_list li:nth-of-type(4) { top: 27.08333vw; left: 38.28125vw; }
  .common_map_area_image .pin_list li:nth-of-type(5) { top: 9.11458vw; left: 22.65625vw; }
  .common_map_area_image .pin_list li:nth-of-type(6) { top: 10.41667vw; left: 40.10417vw; }
  .common_map_area_image .pin_list li:nth-of-type(7) { top: 27.08333vw; left: 59.11458vw; }
  .common_map_area_image .pin_list li:nth-of-type(8) { top: 40.10417vw; left: 59.11458vw; }
  .common_map_area_image .pin_list li:nth-of-type(9) { top: 46.09375vw; left: 71.61458vw; }
  .common_map_area_image .pin_list li:nth-of-type(10) { top: 46.35417vw; left: 3.125vw; }
  .common_map_area_image .pin_list li:nth-of-type(11) { top: 11.97917vw; left: 53.38542vw; }
  .common_map_area_image .pin_list li a { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: url("../../common/images/map/pin.webp") no-repeat center/contain; }
  .common_map_area_image .pin_list li p { margin-top: 0.91146vw; width: 4.55729vw; height: 4.55729vw; background: #fff; -moz-border-radius: 50%; border-radius: 50%; color: #0da42c; line-height: 5.07812vw; text-align: center; font-size: 2.99479vw; letter-spacing: -0.26042vw; padding-right: 0.26042vw; }
  .common_map_area_list { margin-top: 3.90625vw; counter-reset: pin; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .common_map_area_list li { border-bottom: 1px solid #dcdcdc; width: 42.70833vw; }
  .common_map_area_list li:nth-of-type(-n+2) { border-top: 1px solid #dcdcdc; }
  .common_map_area_list li:nth-of-type(even) { margin-left: -webkit-calc((100% - (42.70833vw * 2)) / 2); margin-left: -moz-calc((100% - (42.70833vw * 2)) / 2); margin-left: calc((100% - (42.70833vw * 2)) / 2); }
  .common_map_area_list li a { height: 14.58333vw; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.52083vw 0 0 11.71875vw; position: relative; }
  .common_map_area_list li a:before { counter-increment: pin; content: counter(pin); width: 7.8125vw; height: 7.8125vw; background: #0da42c; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 3.125vw; left: 0; color: #fff; line-height: 8.59375vw; text-align: center; font-size: 3.64583vw; }
  .common_map_area_list li a p { line-height: 4.6875vw; }
  .no-webp .common_map_area_image .pin_list li a { background: url("../../common/images/map/pin.png") no-repeat center/contain; } }