@charset "UTF-8";
/* ===================================================================
CSS information

file name  : template5.css
author     : Abilive
style info : テンプレート5
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.wrp_intro {
  margin-right: auto;
  margin-left: auto;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .wrp_intro {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_intro {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .wrp_intro {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro {
    width: calc(700 / 767 * 100%);
  }
}
.wrp_intro::before, .wrp_intro::after {
  content: "";
  position: absolute;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}
html[data-fsz="large"] .wrp_intro::before, html[data-fsz="large"] .wrp_intro::after {
  top: 100%;
}
.wrp_intro::before {
  background-image: url("/content/000000059.png");
}
@media only screen and (min-width: 1025px) {
  .wrp_intro::before {
    width: 11vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro::before {
    width: 12vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro::before {
    width: 17vw;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_intro::before {
    height: 13vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro::before {
    height: 14vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro::before {
    height: 19vw;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_intro::before {
    top: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro::before {
    top: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_intro::before {
    left: 2vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro::before {
    left: -1vw;
  }
}
.wrp_intro::after {
  background-image: url("/content/000000060.png");
}
@media only screen and (min-width: 1025px) {
  .wrp_intro::after {
    width: 12vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro::after {
    width: 13vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro::after {
    width: 19vw;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_intro::after {
    height: 14vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro::after {
    height: 15vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro::after {
    height: 21vw;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_intro::after {
    top: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro::after {
    top: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_intro::after {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro::after {
    right: -3vw;
  }
}
.wrp_intro .tmp_link {
  margin-right: auto;
  margin-left: auto;
}
.wrp_intro .tmp_link a .i {
  margin-left: auto;
  margin-right: 1em;
}
.wrp_intro .tmp_link a .txt {
  text-decoration: none;
}
.wrp_intro .tmp_intro {
  display: inline-block;
  width: auto;
  position: relative;
}
.wrp_intro .tmp_intro::before, .wrp_intro .tmp_intro::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 1025px) {
  .wrp_intro .tmp_intro::before, .wrp_intro .tmp_intro::after {
    width: 9vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro .tmp_intro::before, .wrp_intro .tmp_intro::after {
    width: 9vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro .tmp_intro::before, .wrp_intro .tmp_intro::after {
    width: 15vw;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_intro .tmp_intro::before, .wrp_intro .tmp_intro::after {
    height: 9vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro .tmp_intro::before, .wrp_intro .tmp_intro::after {
    height: 9vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro .tmp_intro::before, .wrp_intro .tmp_intro::after {
    height: 15vw;
  }
}
.wrp_intro .tmp_intro::before {
  background-image: url("/content/000000061.png");
}
@media only screen and (min-width: 1025px) {
  .wrp_intro .tmp_intro::before {
    left: -10vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro .tmp_intro::before {
    left: -10vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro .tmp_intro::before {
    left: -16vw;
  }
}
.wrp_intro .tmp_intro::after {
  background-image: url("/content/000000062.png");
}
@media only screen and (min-width: 1025px) {
  .wrp_intro .tmp_intro::after {
    right: -10vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_intro .tmp_intro::after {
    right: -10vw;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro .tmp_intro::after {
    right: -16vw;
  }
}
.wrp_intro .tmp_intro .tmp_st_l {
  display: inline-block;
}
.wrp_intro .tmp_intro .tmp_text {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .wrp_intro .tmp_intro .tmp_text {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro .tmp_intro .tmp_text {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro .tmp_intro .tmp_text {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro .tmp_intro {
    margin-top: 2rem;
  }
}
.wrp_intro .tmp_intro .tmp_text .b {
  font-weight: 700;
}
.wrp_intro.no_img {
  display: block;
}
.wrp_intro.no_img::before, .wrp_intro.no_img::after {
  display: none;
}
.wrp_intro.no_img .tmp_intro {
  display: block;
  width: 100%;
}
.wrp_intro.no_img .tmp_intro .tmp_st_l {
  display: block;
}
.wrp_intro.no_img .tmp_intro .tmp_text {
  display: block;
}
.wrp_intro.no_img .tmp_intro::before, .wrp_intro.no_img .tmp_intro::after {
  display: none;
}
@media only screen and (min-width: 768px) {
  .wrp_intro.align_left .tmp_intro {
    width: calc(1000 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro.align_left .tmp_intro {
    width: 100%;
  }
}
.wrp_intro.align_left .tmp_intro .tmp_text {
  text-align: left;
}

.wrp_map {
  margin-right: auto;
  margin-left: auto;
  max-width: 1430px;
  border-radius: 0.71rem;
  border-width: 1px;
  border-style: solid;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .wrp_map {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_map {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_map {
    margin-top: 1.78rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_map {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_map {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .wrp_map {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_map {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_map {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_map {
    border-radius: 0.57rem;
  }
}
[data-theme="white"] .wrp_map {
  background-color: #fff;
  border-color: #dcdcdc;
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .wrp_map {
    width: 95%;
  }
}
.wrp_map > .inner {
  position: relative;
}
.wrp_map .map img {
  border-radius: 0.71rem;
}
@media only screen and (max-width: 767px) {
  .wrp_map .map img {
    border-radius: 0.57rem;
  }
}
.wrp_map .map svg {
  width: 100%;
}
.wrp_map .box_btn .tmp_btn {
  position: absolute;
  width: auto;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .wrp_map .box_btn .tmp_btn * {
    font-size: .9rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .wrp_map .box_btn .tmp_btn * {
    font-size: .9rem;
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .wrp_map .box_btn .tmp_btn * {
    font-size: .9rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  html[data-fsz="large"] .wrp_map .box_btn .tmp_btn * {
    font-size: .8rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_map .box_btn .tmp_btn * {
    font-size: .8rem;
  }
}
.wrp_map .box_btn .tmp_btn a {
  min-width: 8.92rem;
  width: auto;
}
@media only screen and (min-width: 768px) {
  .wrp_map .box_btn .tmp_btn a {
    min-height: 3.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_map .box_btn .tmp_btn a {
    min-height: 3.84rem;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_map .box_btn .tmp_btn a {
    padding: 0.5em 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_map .box_btn .tmp_btn a {
    padding: 0.5em 0.8em;
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .wrp_map .box_btn .tmp_btn a {
    min-height: 1.5rem;
    padding: .5em 1em;
    min-width: 8rem;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1366px) {
  html[data-fsz="large"] .wrp_map .box_btn .tmp_btn a {
    min-height: 1rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_map .box_btn .tmp_btn a {
    min-width: 7rem;
    min-height: 1.45rem;
    padding: .5em 1em;
  }
}
.wrp_map .box_btn .tmp_btn a .jp {
  text-align: left;
}
@media only screen and (min-width: 1025px) {
  .wrp_map.area_all {
    margin-top: 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_map.area_all {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_map.area_all {
    margin-top: 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_map.area_all {
    padding: 2.78rem 2.78rem 1.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_map.area_all {
    padding: 2.5rem 2.5rem 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_map.area_all {
    padding: 1.78rem 1.78rem 1.07rem;
  }
}
.wrp_map.area_all .box_btn .tmp_btn[data-btn="asia"] {
  top: calc(245 / 495 * 100%);
  left: calc(305 / 1005 * 100%);
}
.wrp_map.area_all .box_btn .tmp_btn[data-btn="oceania"] {
  top: calc(395 / 495 * 100%);
  left: calc(435 / 1005 * 100%);
}
.wrp_map.area_all .box_btn .tmp_btn[data-btn="n_america"] {
  top: calc(175 / 495 * 100%);
  left: calc(710 / 1005 * 100%);
}
.wrp_map.area_all .box_btn .tmp_btn[data-btn="sc_america"] {
  top: calc(375 / 495 * 100%);
  left: calc(825 / 1005 * 100%);
}
.wrp_map.area_all .box_btn .tmp_btn[data-btn="europe"] {
  top: calc(100 / 495 * 100%);
  left: calc(155 / 1005 * 100%);
}
.wrp_map.area_all .box_btn .tmp_btn[data-btn="middleeast"] {
  top: calc(205 / 495 * 100%);
  left: calc(165 / 1005 * 100%);
}
.wrp_map.area_all .box_btn .tmp_btn[data-btn="africa"] {
  top: calc(330 / 495 * 100%);
  left: calc(15 / 1005 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="india"] {
  top: calc(310 / 605 * 100%);
  left: calc(95 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="indonesia"] {
  top: calc(525 / 605 * 100%);
  left: calc(540 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="korea"] {
  top: calc(190 / 605 * 100%);
  left: calc(520 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="singapore"] {
  top: calc(510 / 605 * 100%);
  left: calc(285 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="srilanka"] {
  top: calc(455 / 605 * 100%);
  left: calc(35 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="thailand"] {
  top: calc(365 / 605 * 100%);
  left: calc(265 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="china"] {
  top: calc(170 / 605 * 100%);
  left: calc(345 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="nepal"] {
  top: calc(225 / 605 * 100%);
  left: calc(165 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="philippines"] {
  top: calc(380 / 605 * 100%);
  left: calc(550 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="brunei"] {
  top: calc(440 / 605 * 100%);
  left: calc(465 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="vietnam"] {
  top: calc(360 / 605 * 100%);
  left: calc(410 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="malaysia"] {
  top: calc(465 / 605 * 100%);
  left: calc(200 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="mongolia"] {
  top: calc(65 / 605 * 100%);
  left: calc(315 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="taiwan"] {
  top: calc(300 / 605 * 100%);
  left: calc(540 / 1100 * 100%);
}
.wrp_map.area_asia .box_btn .tmp_btn[data-btn="hongkong"] {
  top: calc(285 / 605 * 100%);
  left: calc(415 / 1100 * 100%);
}
.wrp_map.area_oceania .box_btn .tmp_btn[data-btn="australia"] {
  top: calc(260 / 605 * 100%);
  left: calc(265 / 1100 * 100%);
}
.wrp_map.area_oceania .box_btn .tmp_btn[data-btn="newzealand"] {
  top: calc(510 / 605 * 100%);
  left: calc(720 / 1100 * 100%);
}
.wrp_map.area_n_america .box_btn .tmp_btn[data-btn="usa"] {
  top: calc(450 / 605 * 100%);
  left: calc(500 / 1100 * 100%);
}
.wrp_map.area_n_america .box_btn .tmp_btn[data-btn="canada"] {
  top: calc(210 / 605 * 100%);
  left: calc(405 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="argentina"] {
  top: calc(505 / 605 * 100%);
  left: calc(475 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="uruguay"] {
  top: calc(525 / 605 * 100%);
  left: calc(705 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="ecuador"] {
  top: calc(265 / 605 * 100%);
  left: calc(390 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="costarica"] {
  top: calc(155 / 605 * 100%);
  left: calc(310 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="colombia"] {
  top: calc(215 / 605 * 100%);
  left: calc(425 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="chile"] {
  top: calc(455 / 605 * 100%);
  left: calc(480 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="brazil"] {
  top: calc(335 / 605 * 100%);
  left: calc(690 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="peru"] {
  top: calc(340 / 605 * 100%);
  left: calc(435 / 1100 * 100%);
}
.wrp_map.area_sc_america .box_btn .tmp_btn[data-btn="mexico"] {
  top: calc(80 / 605 * 100%);
  left: calc(205 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="iceland"] {
  top: calc(55 / 605 * 100%);
  left: calc(27 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="ireland"] {
  top: calc(265 / 605 * 100%);
  left: calc(140 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="italy"] {
  top: calc(505 / 605 * 100%);
  left: calc(470 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="uk"] {
  top: calc(190 / 605 * 100%);
  left: calc(230 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="estonia"] {
  top: calc(145 / 605 * 100%);
  left: calc(615 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="austria"] {
  top: calc(380 / 605 * 100%);
  left: calc(490 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="netherlands"] {
  top: calc(270 / 605 * 100%);
  left: calc(390 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="cyprus"] {
  top: calc(570 / 605 * 100%);
  left: calc(755 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="greece"] {
  top: calc(540 / 605 * 100%);
  left: calc(605 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="croatia"] {
  top: calc(465 / 605 * 100%);
  left: calc(495 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="switzerland"] {
  top: calc(420 / 605 * 100%);
  left: calc(430 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="sweden"] {
  top: calc(45 / 605 * 100%);
  left: calc(510 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="spain"] {
  top: calc(440 / 605 * 100%);
  left: calc(230 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="slovakia"] {
  top: calc(340 / 605 * 100%);
  left: calc(690 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="slovenia"] {
  top: calc(420 / 605 * 100%);
  left: calc(615 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="czech"] {
  top: calc(340 / 605 * 100%);
  left: calc(515 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="denmark"] {
  top: calc(215 / 605 * 100%);
  left: calc(405 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="germany"] {
  top: calc(260 / 605 * 100%);
  left: calc(510 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="norway"] {
  top: calc(110 / 605 * 100%);
  left: calc(405 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="hungary"] {
  top: calc(380 / 605 * 100%);
  left: calc(660 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="finland"] {
  top: calc(85 / 605 * 100%);
  left: calc(645 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="france"] {
  top: calc(390 / 605 * 100%);
  left: calc(310 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="bulgaria"] {
  top: calc(443 / 605 * 100%);
  left: calc(760 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="belgium"] {
  top: calc(310 / 605 * 100%);
  left: calc(390 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="poland"] {
  top: calc(295 / 605 * 100%);
  left: calc(625 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="portugal"] {
  top: calc(500 / 605 * 100%);
  left: calc(170 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="north_macedonia"] {
  top: calc(485 / 605 * 100%);
  left: calc(710 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="malta"] {
  top: calc(580 / 605 * 100%);
  left: calc(470 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="latvia"] {
  top: calc(190 / 605 * 100%);
  left: calc(610 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="romania"] {
  top: calc(400 / 605 * 100%);
  left: calc(780 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="lithuania"] {
  top: calc(230 / 605 * 100%);
  left: calc(610 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="luxembourg"] {
  top: calc(345 / 605 * 100%);
  left: calc(290 / 1100 * 100%);
}
.wrp_map.area_europe .box_btn .tmp_btn[data-btn="russia"] {
  top: calc(195 / 605 * 100%);
  left: calc(945 / 1100 * 100%);
}
.wrp_map.area_middleeast .box_btn .tmp_btn[data-btn="israel"] {
  top: calc(310 / 605 * 100%);
  left: calc(370 / 1100 * 100%);
}
.wrp_map.area_middleeast .box_btn .tmp_btn[data-btn="oman"] {
  top: calc(470 / 605 * 100%);
  left: calc(650 / 1100 * 100%);
}
.wrp_map.area_middleeast .box_btn .tmp_btn[data-btn="kuwait"] {
  top: calc(355 / 605 * 100%);
  left: calc(540 / 1100 * 100%);
}
.wrp_map.area_middleeast .box_btn .tmp_btn[data-btn="turkey"] {
  top: calc(210 / 605 * 100%);
  left: calc(350 / 1100 * 100%);
}
.wrp_map.area_africa .box_btn .tmp_btn[data-btn="egypt"] {
  top: calc(95 / 605 * 100%);
  left: calc(540 / 1100 * 100%);
}
.wrp_map.area_africa .box_btn .tmp_btn[data-btn="tunisia"] {
  top: calc(45 / 605 * 100%);
  left: calc(400 / 1100 * 100%);
}
.wrp_map.area_africa .box_btn .tmp_btn[data-btn="south_africa"] {
  top: calc(565 / 605 * 100%);
  left: calc(405 / 1100 * 100%);
}
.wrp_map.area_africa .box_btn .tmp_btn[data-btn="morocco"] {
  top: calc(55 / 605 * 100%);
  left: calc(215 / 1100 * 100%);
}

.wrp_select {
  margin-right: auto;
  margin-left: auto;
  max-width: 1440px;
}
@media only screen and (min-width: 1025px) {
  .wrp_select {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_select {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .wrp_select {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_select {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_select {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_select {
    margin-top: 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_select {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_select {
    margin-top: 4.28rem;
  }
}
.wrp_select .txt {
  text-align: center;
}
.wrp_select .selest_st {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .wrp_select .selest_st {
    width: calc(1000 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_select .selest_st {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_select .selest_st {
    width: 90%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1599px) {
  .wrp_select .selest_st {
    width: 100%;
  }
}
html[data-fsz="large"] .wrp_select .selest_st {
  width: 100%;
}
.wrp_select .box_select_btn {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .wrp_select .box_select_btn {
    width: calc(1000 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_select .box_select_btn {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_select .box_select_btn {
    width: 90%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_select .box_select_btn {
    margin: 2.78rem auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_select .box_select_btn {
    margin: 2.42rem auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_select .box_select_btn {
    margin: 2.07rem auto 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1599px) {
  .wrp_select .box_select_btn {
    width: 100%;
  }
}
html[data-fsz="large"] .wrp_select .box_select_btn {
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .wrp_select .box_select_btn .type_sub {
    width: calc(226 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_select .box_select_btn .type_sub {
    width: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_select .box_select_btn .type_sub {
    width: 48%;
  }
}
.wrp_select .box_select_btn .type_sub .jp {
  text-align: left;
}
@media only screen and (min-width: 1025px) {
  .wrp_select .box_select_btn .type_sub:nth-of-type(n+2) {
    margin-left: calc(32 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_select .box_select_btn .type_sub:nth-of-type(n+2) {
    margin-left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_select .box_select_btn .type_sub:nth-of-type(n+2) {
    margin-left: 4%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_select .box_select_btn .type_sub a {
    padding: 0.5em 2rem;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1199px) {
  .wrp_select .box_select_btn .type_sub a {
    padding: .5em 1.2em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_select .box_select_btn .type_sub:nth-of-type(4n+1) {
    margin-left: 0;
  }
  .wrp_select .box_select_btn .type_sub:nth-of-type(n+5) {
    margin-top: 1.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_select .box_select_btn .type_sub a {
    width: 100%;
  }
  .wrp_select .box_select_btn .type_sub:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .wrp_select .box_select_btn .type_sub:nth-of-type(n+4) {
    margin-top: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_select .box_select_btn .type_sub:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .wrp_select .box_select_btn .type_sub:nth-of-type(n+3) {
    margin-top: 1.07rem;
  }
}
html[data-fsz="large"] .wrp_select .box_select_btn .type_sub a {
  padding: 0.5em 1.5rem;
}
@media only screen and (min-width: 1441px) and (max-width: 1699px) {
  html[data-fsz="large"] .wrp_select .box_select_btn .type_sub a {
    font-size: .9rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  html[data-fsz="large"] .wrp_select .box_select_btn .type_sub a {
    font-size: .9rem;
  }
}

.con_link_report {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .con_link_report {
    margin-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report {
    margin-top: 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_link_report {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_link_report {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .con_link_report {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link_report {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report {
    width: calc(700 / 767 * 100%);
  }
}
.con_link_report a {
  width: 100%;
  display: block;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .con_link_report a:not(:first-child) {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report a:not(:first-child) {
    margin-top: 1rem;
  }
}
.con_link_report .box_link_report {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report {
    width: calc(1000 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report {
    width: 85%;
  }
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report {
    padding: 2.14rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report {
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report .img {
    width: calc(228 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report .img {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report .img {
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report .img {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report .img {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report .box_txt {
    width: calc(712 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report .box_txt {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report .box_txt {
    order: 1;
  }
}
.con_link_report .box_link_report .box_txt > .inner {
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_link_report .box_link_report .box_txt > .inner {
    width: calc(580 / 712 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link_report .box_link_report .box_txt > .inner {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report .box_txt > .inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_link_report .box_link_report .box_txt > .inner {
    margin-left: calc(70 / 712 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link_report .box_link_report .box_txt > .inner {
    margin-left: 10%;
  }
}
.con_link_report .box_link_report .box_txt > .inner .report_st .jp {
  font-size: 2rem;
  line-height: 1;
  color: #045ccf;
}
.con_link_report .box_link_report .box_txt > .inner .txt {
  margin-top: .5em;
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report .box_btn {
    width: calc(60 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_link_report .box_link_report .box_btn {
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report .box_btn {
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .con_link_report .box_link_report .box_btn {
    position: absolute;
    right: 0;
    bottom: 2em;
  }
}

.wrp_country_lnk {
  margin-right: auto;
  margin-left: auto;
  max-width: 1440px;
  border-radius: 0.71rem;
  border-width: 1px;
  border-style: solid;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .wrp_country_lnk {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_country_lnk {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .wrp_country_lnk {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_country_lnk {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_country_lnk {
    margin-top: 6.85rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_country_lnk {
    margin-top: 6.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk {
    margin-top: 5.35rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_country_lnk {
    padding: 4.28rem 3.57rem 7.85rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_country_lnk {
    padding: 3.57rem 2.85rem 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk {
    padding: 2.14rem 1.42rem 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk {
    border-radius: 0.57rem;
  }
}
[data-theme="white"] .wrp_country_lnk {
  background-color: #fff;
  border-color: #dcdcdc;
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .box_intro .tmp_st_bd .jp {
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_country_lnk .box_intro .txt {
    margin-top: 2.85rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_country_lnk .box_intro .txt {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .box_intro .txt {
    margin-top: 1.42rem;
  }
}
.wrp_country_lnk .box_intro .txt .att {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (min-width: 1025px) {
  .wrp_country_lnk .wrp {
    margin-top: 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_country_lnk .wrp {
    margin-top: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .wrp {
    margin-top: 2.14rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_country_lnk .wrp .inner_lnk:nth-of-type(n+2) {
    margin-top: 5.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_country_lnk .wrp .inner_lnk:nth-of-type(n+2) {
    margin-top: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .wrp .inner_lnk:nth-of-type(n+2) {
    margin-top: 2.14rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_country_lnk .wrp .inner_lnk .tmp_st_bd {
    margin-bottom: 1.78rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_country_lnk .wrp .inner_lnk .tmp_st_bd {
    margin-bottom: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .wrp .inner_lnk .tmp_st_bd {
    margin-bottom: 1.07rem;
  }
}
.wrp_country_lnk .wrp .inner_lnk .box_lnk > li {
  border-width: 1px;
  border-style: solid;
  border-left: none;
  border-right: none;
  border-top: none;
}
@media only screen and (min-width: 1025px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li {
    padding: 1.42rem 1.78rem 1.78rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li {
    padding: 1.07rem 1.42rem 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li {
    padding: 0.71rem 1.07rem 1.07rem;
  }
}
[data-theme="white"] .wrp_country_lnk .wrp .inner_lnk .box_lnk > li {
  border-color: #dcdcdc;
}
@media only screen and (min-width: 768px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk, .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .txt {
    padding-left: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk, .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .txt {
    padding-left: 1.07rem;
  }
}
.wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk {
  display: block;
  position: relative;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk {
    font-size: 1.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk {
    font-size: 1.08rem;
  }
}
[data-theme="white"] .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk {
  color: #045ccf;
}
.wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk .i.ion-arrow-right-b {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk.ex .t {
  position: relative;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk.ex .t {
    padding-right: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk.ex .t {
    padding-right: 0.5em;
  }
}
.wrp_country_lnk .wrp .inner_lnk .box_lnk > li .inn_lnk:hover .t {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .wrp_country_lnk .wrp .inner_lnk .box_lnk > li .txt {
    margin-top: .8rem;
  }
}

.wrp_btn {
  margin-right: auto;
  margin-left: auto;
  max-width: 1440px;
}
@media only screen and (min-width: 1025px) {
  .wrp_btn {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_btn {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .wrp_btn {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_btn {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_btn {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_btn {
    margin-top: 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_btn {
    margin-top: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_btn {
    margin-top: 2.14rem;
  }
}
.wrp_btn .type_sub {
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .c_block_search_scholarship {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .c_block_search_scholarship {
    margin-top: 2.85rem;
  }
}

.wrp_map path, .wrp_map polygon {
  fill: #8ce2e9;
}
.wrp_map.area_all .world_n_america path, .wrp_map.area_all .world_n_america polygon {
  fill: #70e0ac;
}
.wrp_map.area_all .world_sc_america path, .wrp_map.area_all .world_sc_america polygon {
  fill: #83d081;
}
.wrp_map.area_all .world_africa path, .wrp_map.area_all .world_africa polygon {
  fill: #9b93c5;
}
.wrp_map.area_all .world_middleeast path, .wrp_map.area_all .world_middleeast polygon {
  fill: #50bbda;
}
.wrp_map.area_all .world_oceania path, .wrp_map.area_all .world_oceania polygon {
  fill: #61afc8;
}
.wrp_map.area_all .world_europe path, .wrp_map.area_all .world_europe polygon {
  fill: #66a0e7;
}
.wrp_map.area_all .world_asia path, .wrp_map.area_all .world_asia polygon {
  fill: #62d7e1;
}
.wrp_map a.js-map-area:hover path, .wrp_map a.js-map-area:hover polygon, .wrp_map a.js-map-area.is-area-over path, .wrp_map a.js-map-area.is-area-over polygon {
  fill: #045ccf;
}

.cmn_other_select {
  border-width: 1px;
  border-style: solid;
  border-left: none;
  border-right: none;
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select {
    margin-top: 9.85rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select {
    margin-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select {
    margin-top: 5.71rem;
  }
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select {
    padding: 5rem 0 5.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select {
    padding: 4.28rem 0 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select {
    padding: 2.85rem 0 3.57rem;
  }
}
[data-theme="white"] .cmn_other_select {
  background-color: #fff;
  border-color: #dcdcdc;
}
.cmn_other_select .con_other_select {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select .con_other_select {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .cmn_other_select .con_other_select {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .cmn_other_select .con_other_select {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select .con_other_select {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select .con_other_select .box_other_btn {
    width: calc(479 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select .con_other_select .box_other_btn {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn {
    width: 48%;
  }
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select .con_other_select .box_other_btn:nth-of-type(n+2) {
    margin-left: calc(40 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select .con_other_select .box_other_btn:nth-of-type(n+2) {
    margin-left: 4%;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn:nth-of-type(n+2) {
    margin-left: 2%;
  }
}
.cmn_other_select .con_other_select .box_other_btn a {
  border-radius: 0.71rem;
  box-shadow: 0 0 1.8em 0.1em rgba(63, 63, 63, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-width: 3px;
  border-style: solid;
  text-decoration: none;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select .con_other_select .box_other_btn a {
    padding: 1.92rem 0 3.92rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select .con_other_select .box_other_btn a {
    padding: 1.78rem 0 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn a {
    padding: 1.42rem 0 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn a {
    border-radius: 0.57rem;
  }
}
[data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a {
  color: #222222;
  background-color: white;
  border-color: #0268ed;
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select .con_other_select .box_other_btn a svg {
    width: 4.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select .con_other_select .box_other_btn a svg {
    width: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn a svg {
    width: 2.85rem;
  }
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select .con_other_select .box_other_btn a svg {
    height: 4.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select .con_other_select .box_other_btn a svg {
    height: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn a svg {
    height: 2.85rem;
  }
}
[data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a svg {
  fill: #0268ed;
  stroke: #0268ed;
}
[data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a svg {
  fill: white;
  stroke: white;
}
[data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a svg {
  fill: white;
  stroke: white;
}
[data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a svg {
  fill: #222222;
  stroke: #222222;
}
.cmn_other_select .con_other_select .box_other_btn a .tl {
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .cmn_other_select .con_other_select .box_other_btn a .tl {
    font-size: 1.43rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn a .tl {
    font-size: 1.08rem;
  }
}
.cmn_other_select .con_other_select .box_other_btn a::after {
  font-family: 'ionicons';
  content: "\f30f";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  line-height: 1;
  border-radius: 50%;
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select .con_other_select .box_other_btn a::after {
    width: 3.21rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select .con_other_select .box_other_btn a::after {
    width: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn a::after {
    width: 2.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  .cmn_other_select .con_other_select .box_other_btn a::after {
    height: 3.21rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmn_other_select .con_other_select .box_other_btn a::after {
    height: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn a::after {
    height: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .cmn_other_select .con_other_select .box_other_btn a::after {
    top: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .cmn_other_select .con_other_select .box_other_btn a::after {
    top: 88%;
  }
}
[data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a::after {
  color: white;
  background: #0268ed;
}
[data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a::after {
  color: black;
  background: white;
}
[data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a::after {
  color: blue;
  background: white;
}
[data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a::after {
  color: yellow;
  background: black;
}
[data-theme="white"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a.is-active, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a:focus, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a:focus-within, [data-theme="white"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart {
  outline: none;
  color: white;
  background-color: #045ccf;
}
[data-theme="white"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover svg, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a.is-active svg, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a:focus svg, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a:focus-within svg, [data-theme="white"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart svg {
  fill: white;
  stroke: white;
}
[data-theme="white"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover::after, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a.is-active::after, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a:focus::after, [data-theme="white"] .cmn_other_select .con_other_select .box_other_btn a:focus-within::after, [data-theme="white"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart::after {
  color: #045ccf;
  background-color: white;
}
.touch .cmn_other_select .con_other_select .box_other_btn a {
  -webkit-tap-highlight-color: transparent;
}
.touch .cmn_other_select .con_other_select .box_other_btn a.touchend {
  transition-delay: 200ms;
}
[data-theme="black"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a.is-active, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a:focus, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a:focus-within, [data-theme="black"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart {
  outline: none;
  color: black;
  background-color: white;
}
[data-theme="black"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover svg, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a.is-active svg, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a:focus svg, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a:focus-within svg, [data-theme="black"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart svg {
  fill: black;
  stroke: black;
}
[data-theme="black"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover::after, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a.is-active::after, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a:focus::after, [data-theme="black"] .cmn_other_select .con_other_select .box_other_btn a:focus-within::after, [data-theme="black"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart::after {
  color: white;
  border: 1px solid white;
  background-color: black;
}
.touch .cmn_other_select .con_other_select .box_other_btn a {
  -webkit-tap-highlight-color: transparent;
}
.touch .cmn_other_select .con_other_select .box_other_btn a.touchend {
  transition-delay: 200ms;
}
[data-theme="blue"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a.is-active, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a:focus, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a:focus-within, [data-theme="blue"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart {
  outline: none;
  color: blue;
  background-color: white;
}
[data-theme="blue"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover svg, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a.is-active svg, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a:focus svg, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a:focus-within svg, [data-theme="blue"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart svg {
  fill: blue;
  stroke: blue;
}
[data-theme="blue"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover::after, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a.is-active::after, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a:focus::after, [data-theme="blue"] .cmn_other_select .con_other_select .box_other_btn a:focus-within::after, [data-theme="blue"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart::after {
  color: white;
  border: 1px solid white;
  background-color: blue;
}
.touch .cmn_other_select .con_other_select .box_other_btn a {
  -webkit-tap-highlight-color: transparent;
}
.touch .cmn_other_select .con_other_select .box_other_btn a.touchend {
  transition-delay: 200ms;
}
[data-theme="yellow"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a.is-active, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a:focus, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a:focus-within, [data-theme="yellow"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart {
  outline: none;
  color: yellow;
  background-color: black;
}
[data-theme="yellow"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover svg, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a.is-active svg, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a:focus svg, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a:focus-within svg, [data-theme="yellow"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart svg {
  fill: yellow;
  stroke: yellow;
}
[data-theme="yellow"].mouse .cmn_other_select .con_other_select .box_other_btn a:hover::after, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a.is-active::after, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a:focus::after, [data-theme="yellow"] .cmn_other_select .con_other_select .box_other_btn a:focus-within::after, [data-theme="yellow"].touch .cmn_other_select .con_other_select .box_other_btn a.touchstart::after {
  color: black;
  border: 1px solid black;
  background-color: yellow;
}
.touch .cmn_other_select .con_other_select .box_other_btn a {
  -webkit-tap-highlight-color: transparent;
}
.touch .cmn_other_select .con_other_select .box_other_btn a.touchend {
  transition-delay: 200ms;
}