@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*▼色▼*/
/*▼文字▼*/
/*▼サイズ▼*/
/*▼FLEX系▼*/
/*▼グリッド系▼*/
.qa {
  margin-top: 0.2rem; }
  .qa article:nth-child(even) {
    margin-top: 8.5rem;
    padding: 2.5rem 0 7.5rem;
    background-color: #f7f6f1; }
  .qa article:nth-child(odd) {
    margin-top: 2.5rem; }
  .qa article:first-child {
    margin-top: 0; }
  .qa .qbox {
    text-align: center; }
    .qa .qbox > img {
      width: 8.6rem;
      height: auto; }
    .qa .qbox strong {
      display: block;
      font-family: 'Noto Serif JP', serif;
      font-weight: 600 !important;
      font-size: 2.8rem;
      line-height: 1.5;
      margin-top: 2rem; }
  .qa .abox {
    margin-top: 5rem; }
  .qa .frame {
    margin-top: 2rem; }
    .qa .frame:first-child {
      margin-top: 0; }

a.icar {
  text-decoration: none; }
  a.icar::before {
    transition: 0.4s;
    content: '';
    vertical-align: -0.15em;
    margin: 0 0.15em;
    display: inline-block;
    width: 1.625em;
    height: 1em;
    background-image: url("../img/world/link.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  a.icar span {
    transition: 0.4s;
    text-decoration: underline; }
  a.icar:hover span {
    text-decoration: none; }

.mfkds, .pfkds {
  width: clamp(100px, 100%, 610px);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .mfkds .pic, .pfkds .pic {
    width: 10rem;
    min-height: 10rem;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat; }
  .mfkds .tx, .pfkds .tx {
    position: relative;
    height: 100%;
    display: -ms-grid;
    display: grid;
    grid-gap: 0px;
    width: calc(100% - 5px - 10rem ); }
    .mfkds .tx .cc, .pfkds .tx .cc {
      text-align: justify;
      font-size: 1.6rem;
      line-height: 1.65;
      padding: 0.25em 0.75em 0.35em;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400 !important; }

.mfkds {
  padding-left: 4rem; }
  .mfkds .tx {
    -ms-grid-columns: 18px calc(100% - 64px) 46px;
    grid-template-columns: 18px calc(100% - 64px) 46px;
    -ms-grid-rows: 18px auto 22px;
    grid-template-rows: 18px auto 22px; }
    .mfkds .tx::before {
      position: absolute;
      content: url("../img/world/fm_horn.png");
      top: 20px;
      right: 0;
      z-index: +1; }
    .mfkds .tx .tl, .mfkds .tx .tr, .mfkds .tx .bl, .mfkds .tx .br {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .mfkds .tx .tc, .mfkds .tx .bc {
      background-position: center;
      background-size: contain;
      background-repeat: repeat-x; }
    .mfkds .tx .cl, .mfkds .tx .cr {
      background-position: center;
      background-size: contain;
      background-repeat: repeat-y; }
    .mfkds .tx .tl {
      background-image: url("../img/world/fm_tl.png"); }
    .mfkds .tx .tc {
      background-image: url("../img/world/fm_tc.png"); }
    .mfkds .tx .tr {
      background-image: url("../img/world/fm_tr.png"); }
    .mfkds .tx .cl {
      background-image: url("../img/world/fm_cl.png"); }
    .mfkds .tx .cr {
      background-image: url("../img/world/fm_cr.png"); }
    .mfkds .tx .bl {
      background-image: url("../img/world/fm_bl.png"); }
    .mfkds .tx .bc {
      background-image: url("../img/world/fm_bc.png"); }
    .mfkds .tx .br {
      background-image: url("../img/world/fm_br.png"); }
    .mfkds .tx .cc {
      background-color: #eef7ec; }
  .mfkds .pic {
    background-image: url("../img/world/ic_m.png");
    background-position: top right; }
  .mfkds .marker {
    background: linear-gradient(transparent 60%, #ffdc3c 60%); }

.pfkds {
  padding-right: 4rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  .pfkds .tx {
    -ms-grid-columns: 40px calc(100% - 56px) 16px;
    grid-template-columns: 40px calc(100% - 56px) 16px;
    -ms-grid-rows: 14px auto 16px;
    grid-template-rows: 14px auto 16px; }
    .pfkds .tx::before {
      position: absolute;
      content: url("../img/world/fp_horn.png");
      top: 20px;
      left: 0;
      z-index: +1; }
    .pfkds .tx .tl, .pfkds .tx .tr, .pfkds .tx .bl, .pfkds .tx .br {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .pfkds .tx .tc, .pfkds .tx .bc {
      background-position: center;
      background-size: contain;
      background-repeat: repeat-x; }
    .pfkds .tx .cl, .pfkds .tx .cr {
      background-position: center;
      background-size: contain;
      background-repeat: repeat-y; }
    .pfkds .tx .tl {
      background-image: url("../img/world/fp_tl.png"); }
    .pfkds .tx .tc {
      background-image: url("../img/world/fp_tc.png"); }
    .pfkds .tx .tr {
      background-image: url("../img/world/fp_tr.png"); }
    .pfkds .tx .cl {
      background-image: url("../img/world/fp_cl.png"); }
    .pfkds .tx .cr {
      background-image: url("../img/world/fp_cr.png"); }
    .pfkds .tx .bl {
      background-image: url("../img/world/fp_bl.png"); }
    .pfkds .tx .bc {
      background-image: url("../img/world/fp_bc.png"); }
    .pfkds .tx .br {
      background-image: url("../img/world/fp_br.png"); }
    .pfkds .tx .cc {
      background-color: white;
      font-family: 'Zen Maru Gothic', sans-serif;
      font-weight: 500 !important;
      letter-spacing: 0; }
  .pfkds .pic {
    background-image: url("../img/world/ic_p.png");
    background-position: top left; }
  .pfkds .marker {
    background: linear-gradient(transparent 60%, #fabee6 60%); }

body.cat_world .navi_c_foot a {
  width: 24rem;
  padding: 0;
  margin: 1rem;
  aspect-ratio: unset; }
  body.cat_world .navi_c_foot a:hover {
    scale: 1.075; }

/*---------------------------------------------------------------------------BP1920*/
/*---------------------------------------------------------------------------BP1600*/
/*---------------------------------------------------------------------------BP1280*/
/*---------------------------------------------------------------------------BP1024*/
@media (max-width: 1024px) {
  .mfkds {
    padding-left: 0; }

  .pfkds {
    padding-right: 0; }

  .mfkds, .pfkds {
    width: 100%; } }
/*---------------------------------------------------------------------------BP1023*/
/*---------------------------------------------------------------------------BP960*/
/*---------------------------------------------------------------------------BP896*/
/*---------------------------------------------------------------------------BP768*/
@media (max-width: 768px) {
  .qa .qbox strong {
    font-size: 2.2rem; } }
/*---------------------------------------------------------------------------BP767*/
/*---------------------------------------------------------------------------BP620*/
@media (max-width: 620px) {
  .mfkds, .pfkds {
    position: relative; }

  .mfkds .tx::before {
    content: none; }

  .pfkds .tx::before {
    content: none; }

  .mfkds .tx, .pfkds .tx {
    width: 100%; }

  .mfkds .pic, .pfkds .pic {
    position: absolute;
    top: -1.5rem;
    width: 7rem;
    min-height: 7rem; }

  .mfkds .pic {
    right: 0; }

  .pfkds .pic {
    left: 0; }

  .mfkds .tx .cc {
    padding: 0.25em 1.75em 0.35em 0.75em; }

  .pfkds .tx .cc {
    padding: 0.25em 0.75em 0.35em 1.75em; } }
/*---------------------------------------------------------------------------BP480*/