@charset "utf-8";
/* CSS Document */
/*--accordion--*/
body {
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
/*--共通--*/
.domain {
  width: 100%;
  margin: 0 auto;
  max-width: 640px;
}
.modal-title {
  display: flex;
  margin-top: 10px;
}
.modal-title__left {
  width: 98px;
  margin-right: 15px;
}
.modal-title__right h1 {
  font-size: 46.5px;
  margin-top: 10px;
}
.modal-title__right p {
  margin-top: 15px;
  font-weight: bold;
  line-height: 1.6;
}
.button {
  cursor: pointer;
  background-color: #1f1715;
  color: #fff;
  font-weight: bold;
  width: 300px;
  padding: 23px 0;
  border-radius: 50px;
  margin: 25px 0 25px auto;
  filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.3));
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-align: center;
}
.button:hover {
  background-image: -webkit-linear-gradient(top, #333, #666);
  background-image: linear-gradient(to bottom, #333, #666);
}
.button:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.button span {
  background-image: url(images/finger.png);
  background-repeat: no-repeat;
  background-position: right;
  padding: 10px 45px 22px 30px;
  background-size: 15% auto;
}
.open span {
  padding: 10px 45px 22px 30px;
  background-size: 13% auto;
}
.domain-contents {
  /**/
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  /*-ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;*/
}
/*
.domain-contents > :nth-child(2n + 1) {
    order: 1;
}
.domain-contents > :nth-child(2n + 2) {
    order: 2;
}
.domain-contents > :nth-child(-n + 2) {
    page-break-before: always;
    break-before: always;
}


.domain-contents > :nth-child(2n + 1) {
    float: left;
    clear: both;
}

.domain-contents > :nth-child(2n + 2) {
    float: right;
}

.domain-contents:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
*/
.accordion {
  width: 100%;
  max-width: 309px;
  box-sizing: border-box;
  filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.3));
}
.accordion:nth-child(2n + 1) {
  margin: 0 22px 12px 0;
}
.accordion:nth-child(2n + 2) {
  margin: 0 0 12px 0;
}
.accordion dt {
  background-color: #fff;
  cursor: pointer;
  font-weight: bold;
}
.accordion dt span {
  margin-left: 20px;
  display: inline-table;
  vertical-align: middle;
  line-height: 150%;
  font-size: 13px;
}
.accordion dt img {
  vertical-align: middle;
}
.accordion dd {
  display: table-cell;
  background-color: #E50014;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 78px;
  width: 309px;
  vertical-align: middle;
  font-size: 14px;
  padding: 0 10px;
}
.accordion dd span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
/*--国別--*/
/*--#fr, #uk, #nl--*/
#fr, #uk, #nl {
  width: 630px;
  border: 6px solid #00addd;
  background-color: #fff;
}
#fr img, #uk img, #nl img {
  max-width: 508px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 50px;
}
#fr dl, #uk dl, #nl dl {
  padding: 0 50px 0;
}
#fr dt, #uk dt, #nl dt {
  margin: 0 0 25px;
}
#fr dt, #fr dd, #uk dt, #uk dd, #nl dt, #nl dd {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  padding: 0 0 0 50px;
  position: relative;
}
#fr dt::before, #fr dd::before, #uk dt::before, #uk dd::before, #nl dt::before, #nl dd::before {
  color: #fff;
  width: 38px;
  height: 38px;
  font-size: 2.2rem;
  line-height: 1.7;
  border-radius: 50%;
  text-align: center;
  background-color: #00addd;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
#fr dt::before, #uk dt::before, #nl dt::before {
  content: "Q";
}
#fr dd::before, #uk dd::before, #nl dd::before {
  content: "A";
}
@media screen and (max-width: 48em) {
  #fr, #uk, #nl {
    width: auto;
    margin: 0 10px;
  }
  #fr dl, #uk dl, #nl dl {
    padding: 0 10px 0;
  }
}
/*--#il, #kr, #jp--*/
#il, #kr, #jp {
  width: 630px;
  border: 6px solid #d80c18;
  background-color: #fff;
}
#il img, #kr img, #jp img {
  max-width: 508px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 50px;
}
#il dl, #kr dl, #jp dl {
  padding: 0 50px 0;
}
#il dt, #kr dt, #jp dt {
  margin: 0 0 25px;
}
#il dt, #il dd, #kr dt, #kr dd, #jp dt, #jp dd {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  padding: 0 0 0 50px;
  position: relative;
}
#il dt::before, #il dd::before, #kr dt::before, #kr dd::before, #jp dt::before, #jp dd::before {
  color: #fff;
  width: 38px;
  height: 38px;
  font-size: 2.2rem;
  line-height: 1.7;
  border-radius: 50%;
  text-align: center;
  background-color: #d80c18;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
#il dt::before, #kr dt::before, #jp dt::before {
  content: "Q";
}
#il dd::before, #kr dd::before, #jp dd::before {
  content: "A";
}
@media screen and (max-width: 48em) {
  #il, #kr, #jp {
    width: auto;
    margin: 0 10px;
  }
  #il dl, #kr dl, #jp dl {
    padding: 0 10px 0;
  }
}
/*--#eg, #na, #za--*/
#eg, #na, #za {
  width: 630px;
  border: 6px solid #eb6ea5;
  background-color: #fff;
}
#eg img, #na img, #za img {
  max-width: 508px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 50px;
}
#eg dl, #na dl, #za dl {
  padding: 0 50px 0;
}
#eg dt, #na dt, #za dt {
  margin: 0 0 25px;
}
#eg dt, #eg dd, #na dt, #na dd, #za dt, #za dd {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  padding: 0 0 0 50px;
  position: relative;
}
#eg dt::before, #eg dd::before, #na dt::before, #na dd::before, #za dt::before, #za dd::before {
  color: #fff;
  width: 38px;
  height: 38px;
  font-size: 2.2rem;
  line-height: 1.7;
  border-radius: 50%;
  text-align: center;
  background-color: #eb6ea5;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
#eg dt::before, #na dt::before, #za dt::before {
  content: "Q";
}
#eg dd::before, #na dd::before, #za dd::before {
  content: "A";
}
@media screen and (max-width: 48em) {
  #eg, #na, #za {
    width: auto;
    margin: 0 10px;
  }
  #eg dl, #na dl, #za dl {
    padding: 0 10px 0;
  }
}
/*--#pg, #au, #nz--*/
#pg, #au, #nz {
  width: 630px;
  border: 6px solid #f39800;
  background-color: #fff;
}
#pg img, #au img, #nz img {
  max-width: 508px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 50px;
}
#pg dl, #au dl, #nz dl {
  padding: 0 50px 0;
}
#pg dt, #au dt, #nz dt {
  margin: 0 0 25px;
}
#pg dt, #pg dd, #au dt, #au dd, #nz dt, #nz dd {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  padding: 0 0 0 50px;
  position: relative;
}
#pg dt::before, #pg dd::before, #au dt::before, #au dd::before, #nz dt::before, #nz dd::before {
  color: #fff;
  width: 38px;
  height: 38px;
  font-size: 2.2rem;
  line-height: 1.7;
  border-radius: 50%;
  text-align: center;
  background-color: #f39800;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
#pg dt::before, #au dt::before, #nz dt::before {
  content: "Q";
}
#pg dd::before, #au dd::before, #nz dd::before {
  content: "A";
}
@media screen and (max-width: 48em) {
  #pg, #au, #nz {
    width: auto;
    margin: 0 10px;
  }
  #pg dl, #au dl, #nz dl {
    padding: 0 10px 0;
  }
}
/*--#ca, #us, #ar--*/
#ca, #us, #ar {
  width: 630px;
  border: 6px solid #00a95f;
  background-color: #fff;
}
#ca img, #us img, #ar img {
  max-width: 508px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 50px;
}
#ca dl, #us dl, #ar dl {
  padding: 0 50px 0;
}
#ca dt, #us dt, #ar dt {
  margin: 0 0 25px;
}
#ca dt, #ca dd, #us dt, #us dd, #ar dt, #ar dd {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  padding: 0 0 0 50px;
  position: relative;
}
#ca dt::before, #ca dd::before, #us dt::before, #us dd::before, #ar dt::before, #ar dd::before {
  color: #fff;
  width: 38px;
  height: 38px;
  font-size: 2.2rem;
  line-height: 1.7;
  border-radius: 50%;
  text-align: center;
  background-color: #00a95f;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
#ca dt::before, #us dt::before, #ar dt::before {
  content: "Q";
}
#ca dd::before, #us dd::before, #ar dd::before {
  content: "A";
}
@media screen and (max-width: 48em) {
  #ca, #us, #ar {
    width: auto;
    margin: 0 10px;
  }
  #ca dl, #us dl, #ar dl {
    padding: 0 10px 0;
  }
}
/*--europe--*/
#europe {
  background: #dff8fd;
}
#europe h1 {
  color: #03b8df;
}
#europe .accordion dt img, #europe .accordion dd {
  background-color: #03b8df;
}
/*--africa--*/
#africa {
  background: #ffe9f3;
}
#africa h1 {
  color: #eb6ea5;
}
#africa .accordion dt img, #africa .accordion dd {
  background-color: #eb6ea5;
}
/*--asia--*/
#asia {
  background: #fde8ea;
}
#asia h1 {
  color: #e60012;
}
#asia .accordion dt img, #asia .accordion dd {
  background-color: #e60012;
}
/*--oceania--*/
#oceania {
  background: #fff3d5;
}
#oceania h1 {
  color: #f8b616;
}
#oceania .accordion dt img, #oceania .accordion dd {
  background-color: #f8b616;
}
/*--aericas--*/
#americas {
  background: #ebf9d7;
}
#americas h1 {
  color: #8ec43e;
}
#americas .accordion dt img, #americas .accordion dd {
  background-color: #8ec43e;
}
/*--antarctica--*/
#antarctica {
  background: #e2f2ff;
}
#antarctica h1 {
  color: #0062b1;
}
#antarctica .accordion dt img, #antarctica .accordion dd {
  background-color: #0062b1;
}
.table-hidden {
  display: table-cell !important;
}
/*--sp--*/
@media screen and (max-width: 48em) {
  .modal-title__right h1 {
    font-size: 24px;
    margin-top: 10px;
  }
  .modal-title__left {
    margin-right: 10px;
  }
  .modal-title__left img {
    width: 100%;
  }
  .modal-title__right p {
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px;
  }
  .accordion:nth-child(2n+1) {
    margin: 0 auto 12px;
  }
  .accordion:nth-child(2n+2) {
    margin: 0 auto 12px;
  }
  .domain {
    padding: 0 20px;
  }
  .bun-nagai {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 23.4375em) {
  .modal-title__right h1 {
    font-size: 20px;
    margin-top: 5px;
  }
  .modal-title__right p {
    margin-top: 10px;
    font-weight: bold;
    font-size: 12px;
  }
  .button {
    width: 248px;
    padding: 15px 0;
  }
  .button span {
    padding: 10px 30px 10px 20px;
    background-size: 10% auto;
    font-size: 14px;
  }
  .open span {
    padding: 10px 30px 10px 20px;
    background-size: 9% auto;
  }
  .accordion dt span {
    font-size: 10px;
  }
  .bun-nagai {
    font-size: 9px !important;
  }
}