@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");

/* ================================

  #mainContent initialize

================================ */

#mainContent *,

#mainContent *::before,

#mainContent *::after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  box-sizing: border-box;

}

#mainContent {

  display: block;

  color: #000; /* unique value */

  font-size: 14px;

  font-family: "Arial", "Noto Sans TC", "Microsoft JhengHei", 微軟正黑體, Helvetica, sans-serif;

  /*   jp_only   */

  /*   jp_only   */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

#mainContent a {

  display: inline-block;

  color: #000;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-box-shadow: none;

  box-shadow: none;

  outline: none;

}

#mainContent a:link,

#mainContent a:visited,

#mainContent a:hover,

#mainContent a:active,

#mainContent a:focus {

  color: #000;

  text-decoration: none;

}

#mainContent h1,

#mainContent h2,

#mainContent h3 {

  line-height: 1.4; /* unique value */

  margin: -0.2em 0; /* unique value */

  padding: 0;

  font-family: "Arial", "Noto Sans TC", "Microsoft JhengHei", 微軟正黑體, Helvetica, sans-serif;

  /*   jp_only   */

  /*   jp_only   */

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

#mainContent h4,

#mainContent h5,

#mainContent h6 {

  line-height: 1.4; /* unique value */

  margin: -0.2em 0; /* unique value */

  padding: 0;

}

#mainContent p {

  color: #585858; /* unique value */

  line-height: 1.6; /* unique value */

  margin: -0.3em 0; /* unique value */

  padding: 0;

}

#mainContent img {

  width: 100%;

  font-size: 0.5em;

  vertical-align: bottom;

}

#mainContent dl,

#mainContent dd,

#mainContent dt,

#mainContent ol,

#mainContent ul,

#mainContent li {

  margin: 0;

  padding: 0;

  list-style: none;

}

#mainContent figure,

#mainContent figcaption {

  margin: 0;

  padding: 0;

}

#mainContent del,

#mainContent ins {

  text-decoration: none;

}



#mainContent *.price {

  display: block;

  color: #000;

  font-size: 11px;

}

#mainContent *.num {

  font-family: "Helvetica", sans-serif;

  font-weight: bold;

}

#mainContent *.price *.num {

  font-size: 13px;

  line-height: 1;

  margin: 0 0.2em;

}

#mainContent *.thumb {

  display: block;

}

#mainContent *.name {

  display: block;

  color: #000;

  font-size: 12px;

  line-height: 1.4;

  margin-top: -0.2em;

  margin-bottom: calc(8px - 0.2em);

}

/* --------------------------------

  #mainContent initialize sp

-------------------------------- */

@media screen and (max-width: 767px) {

  #mainContent {

    font-size: 3.733vw;

  }

  #mainContent *.price {

    font-size: 2.933vw;

  }

  #mainContent *.price *.num {

    font-size: 3.467vw;

    margin: 0 0.25em;

  }

  #mainContent *.name {

    font-size: 4.2vw !important;

  }

}

/* =====================

  - #mainContent

    > #hero

    > #check

    > #tips

    > #contents

      > #localNav

      > #content01

      > #content02

      > …

    > #set

    > #infomation

===================== */

/* ================================

  Utility

================================ */

/* #mainContent *.ut-hide {display: none !important} */

#mainContent *.ut-caption {

  text-indent: -1em;

  padding-left: 1em;

  font-size: 0.857em;

}

#mainContent *.ut-caption::before {

  content: "※";

}

#mainContent *.ut-left {

  float: left;

}

#mainContent *.ut-right {

  float: right;

}

#mainContent *.ut-clearfix::after {

  clear: both;

  content: "";

  display: block;

}

#mainContent *.ut-sp {

  display: block;

}

#mainContent *.ut-wrapper {

  max-width: 1108px;

  margin-left: auto;

  margin-right: auto;

  padding: 200px 60px 0px;

  margin-top: -160px;

}



/* --------------------------------

  Utility sp

-------------------------------- */

@media screen and (max-width: 767px) {

  #mainContent *.ut-pc {

    display: none !important;

  }

  #mainContent *.ut-sp {

    display: block !important;

  }

  #mainContent *.ut-wrapper {

    max-width: 100%;

    margin-left: 4vw;

    margin-right: 4vw;

    padding-left: 0;

    padding-right: 0;

    padding-top: 180px !important;

    margin-top: -140px;

  }

}

/* =====================

    common

===================== */

#mainContent {

  margin-bottom: 80px;

}

#mainContent .section__ttl {

  font-size: 28px;

  color: #7f0019;

  font-weight: 900;

}

#mainContent .columnArea {

  display: flex;

  justify-content: space-between;

}

#mainContent > .columnArea {

  margin-top: 80px;

}

#mainContent .section__container > .columnArea {

  margin-top: 80px;

}

#mainContent .columnItem {

  display: flex;

  align-items: center;

  width: 100%;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 6px;

  overflow: hidden;

}

#mainContent .columnItem--small {

  width: 47.62%;

}

#mainContent .columnItem--small:only-child {

  width: 100%;

}

#mainContent .columnItem__tmb {

  position: relative;

  width: 100%;

  height: 100%;

}

#mainContent .columnItem--small .columnItem__tmb {

  min-width: 39.6%;

  width: 39.6%;

}

#mainContent .columnItem--medium .columnItem__tmb {

  min-width: 38.57%;

  width: 38.57%;

}

#mainContent .columnItem--large .columnItem__tmb {

  min-width: 46.38%;

  width: 46.38%;

}

#mainContent .columnItem__tmb img {

  height: 100%;

  object-fit: cover;

  font-family: "object-fit: cover;";

}

#mainContent .columnItem__txt {

  width: 100%;

  padding: 20px;

}

#mainContent .columnItem--large .columnItem__txt {

  padding: 40px;

}

#mainContent .columnItem--small .columnItem__ttl {

  font-size: 14px;

  margin-bottom: calc(10px - 0.2em);

}

#mainContent .columnItem--small .columnItem__ttl:only-child {

  margin-bottom: 0;

}

#mainContent .columnItem--medium .columnItem__ttl {

  font-size: 16px;

  margin-bottom: calc(15px - 0.2em);

  margin-top: calc(15px - 0.2em);

}

#mainContent .columnItem--medium .columnItem__ttl:only-child {

  margin-bottom: 0;

}

#mainContent .columnItem--large .columnItem__ttl {

  font-size: 20px;

  margin-bottom: calc(20px - 0.2em);

}

#mainContent .columnItem--large .columnItem__ttl:only-child {

  margin-bottom: 0;

}

#mainContent .btn__top {

  text-align: center;

}

#mainContent .btn__top a {

  position: relative;

  display: inline-block;

  padding-left: 1.428em;

  font-size: 14px;

}

#mainContent .btn__top a::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 12px;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.707%22%20height%3D%226.061%22%20viewBox%3D%220%200%2010.707%206.061%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23585858%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M1092.667-787.3l5-5%2C5%2C5%22%20transform%3D%22translate(-1092.314%20793.008)%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 12px 6px;

}

#mainContent .link__arrow {

  margin-top: 20px;

  line-height: 1;

  text-align: right;

}

#mainContent .link__arrow a {

  position: relative;

  display: inline-block;

  padding-left: 18.5px;

  line-height: 1;

  transition: 0.3s;

}

#mainContent .link__arrow a::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 8.5px;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2223px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(153%2C%20153%2C%20153)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M3.135%2C0.986%20L13.999%2C11.000%20L3.135%2C21.010%20%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 8.5px 12.5px;

}

#mainContent .link__arrow a::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  bottom: -0.2em;

  height: 0px;

  background-color: #999;

  transition: all 0.3s ease;

}

#mainContent .link__pdf {

  margin-top: 20px;

  line-height: 1;

  text-align: right;

}

#mainContent .link__pdf a {

  position: relative;

  display: inline-flex;

  align-items: center;

  line-height: 1;

}

#mainContent .link__pdf a::before {

  content: "";

  display: inline-block;

  width: 20px;

  height: 20px;

  margin-right: 8px;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23585858%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M20%2C2H8A2.006%2C2.006%2C0%2C0%2C0%2C6%2C4V16a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H20a2.006%2C2.006%2C0%2C0%2C0%2C2-2V4A2.006%2C2.006%2C0%2C0%2C0%2C20%2C2ZM11.5%2C9.5A1.5%2C1.5%2C0%2C0%2C1%2C10%2C11H9v2H7.5V7H10a1.5%2C1.5%2C0%2C0%2C1%2C1.5%2C1.5Zm5%2C2A1.5%2C1.5%2C0%2C0%2C1%2C15%2C13H12.5V7H15a1.5%2C1.5%2C0%2C0%2C1%2C1.5%2C1.5Zm4-3H19v1h1.5V11H19v2H17.5V7h3ZM9%2C9.5h1v-1H9ZM4%2C6H2V20a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H18V20H4Zm10%2C5.5h1v-3H14Z%22%20transform%3D%22translate(-2%20-2)%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  background-position: left center;

}

#mainContent .linkArea {

  position: relative;

}

#mainContent .linkArea > a {

  display: block;

  height: 100%;

  cursor: pointer;

}

#mainContent .linkArea > a::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 5;

  display: block;

  background-color: rgba(0, 0, 0, 0.5);

  transition: 0.3s;

}

#mainContent .linkArea--mov > a::before {

  background-color: rgba(0, 0, 0, 0.3);

}

#mainContent .linkArea > a::after {

  content: "";

  position: absolute;

  z-index: 10;

  display: inline-block;

  background-repeat: no-repeat;

}

#mainContent .linkArea--pdf > a::after {

  bottom: 7px;

  right: 7px;

  width: 20px;

  height: 20px;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M20%2C2H8A2.006%2C2.006%2C0%2C0%2C0%2C6%2C4V16a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H20a2.006%2C2.006%2C0%2C0%2C0%2C2-2V4A2.006%2C2.006%2C0%2C0%2C0%2C20%2C2ZM11.5%2C9.5A1.5%2C1.5%2C0%2C0%2C1%2C10%2C11H9v2H7.5V7H10a1.5%2C1.5%2C0%2C0%2C1%2C1.5%2C1.5Zm5%2C2A1.5%2C1.5%2C0%2C0%2C1%2C15%2C13H12.5V7H15a1.5%2C1.5%2C0%2C0%2C1%2C1.5%2C1.5Zm4-3H19v1h1.5V11H19v2H17.5V7h3ZM9%2C9.5h1v-1H9ZM4%2C6H2V20a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H18V20H4Zm10%2C5.5h1v-3H14Z%22%20transform%3D%22translate(-2%20-2)%22%2F%3E%3C%2Fsvg%3E");

}

#mainContent .linkArea--img > a::after {

  bottom: 7px;

  right: 7px;

  width: 20px;

  height: 20px;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M22%2C16V4a2.006%2C2.006%2C0%2C0%2C0-2-2H8A2.006%2C2.006%2C0%2C0%2C0%2C6%2C4V16a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H20A2.006%2C2.006%2C0%2C0%2C0%2C22%2C16ZM11%2C12l2.03%2C2.71L16%2C11l4%2C5H8ZM2%2C6V20a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H18V20H4V6Z%22%20transform%3D%22translate(-2%20-2)%22%2F%3E%3C%2Fsvg%3E");

}

#mainContent .linkArea--mov > a::after {

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2249.999%22%20viewBox%3D%220%200%2050%2049.999%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M25%2C50A25%2C25%2C0%2C1%2C1%2C50%2C25%2C25%2C25%2C0%2C0%2C1%2C25%2C50ZM20%2C17.1V34.7l14.838-9.261Z%22%2F%3E%3C%2Fsvg%3E");

  background-position: center;

  background-size: 50px;

}

/* ---------------------

    common Tablet

--------------------- */

@media screen and (max-width: 1023px) and (min-width: 768px) {

}

@media screen and (min-width: 768px) {

  #mainContent .linkArea > a:hover::before {

    background-color: rgba(0, 0, 0, 0.25);

  }

  #mainContent .link__arrow a:hover::after {

    height: 1px;

  }

}

/* IE11 Only */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  #tips .columnItem__tmb img {

    height: 0;

    height: auto;

  }

}

/* ---------------------

    common SP

--------------------- */

@media screen and (max-width: 767px) {

  #mainContent {

    margin-bottom: 21.33vw;

  }

  #mainContent .section__ttl {

    font-size: 8vw;

  }

  #mainContent .columnArea {

    flex-wrap: wrap;

  }

  #mainContent > .columnArea {

    margin-top: 21.33vw;

  }

  #mainContent .section__container > .columnArea {

    margin-top: 21.33vw;

  }

  #mainContent .columnItem--small {

    width: 100%;

  }

  #mainContent .columnItem--small:not(:first-child) {

    margin-top: 8vw;

  }

  #mainContent .columnItem--medium {

    position: relative;

    flex-wrap: wrap;

  }

  #mainContent .columnItem--large {

    flex-wrap: wrap;

  }

  #mainContent .columnItem--small .columnItem__tmb {

    min-width: 49.86%;

    width: 49.86%;

  }

  #mainContent .columnItem--medium .columnItem__tmb,

  #mainContent .columnItem--large .columnItem__tmb {

    height: initial;

    height: auto;

  }

  #mainContent .columnItem--medium .columnItem__tmb {

    width: 57.06vw;

  }

  #mainContent .columnItem--large .columnItem__tmb {

    width: 100%;

  }

  #mainContent .columnItem__txt {

    padding: 5.333vw 4vw;

  }

  #mainContent .columnItem--medium .columnItem__txt,

  #mainContent .columnItem--large .columnItem__txt {

    padding: 4vw;

  }

  #mainContent .columnItem--small .columnItem__ttl {

    font-size: 3.733vw;

    margin-bottom: calc(2.667vw - 0.2em);

  }

  #mainContent .columnItem--medium .columnItem__ttl {

    position: absolute;

    top: 0;

    right: 0;

    display: flex;

    align-items: center;

    margin: 0;

    padding: 0 4vw;

    width: 34.67vw;

    font-size: 4.267vw;

  }

  #mainContent .columnItem--large .columnItem__ttl {

    font-size: 5.333vw;

    margin-bottom: calc(4vw - 0.2em);

  }

  #mainContent .btn__top a {

    font-size: 3.733vw;

  }

  #mainContent .btn__top a::before {

    width: 3.2vw;

    background-size: 3.2vw 1.6vw;

  }

  #mainContent .link__arrow {

    margin-top: 4vw;

  }

  #mainContent .link__arrow a {

    padding-left: 4.933vw;

  }

  #mainContent .link__arrow a::before {

    width: 2.267vw;

    background-size: 2.267vw 3.333vw;

  }

  #mainContent .link__pdf {

    margin-top: 5.333vw;

    text-align: center;

  }

  #mainContent .link__pdf a::before {

    width: 5.333vw;

    height: 5.333vw;

    margin-right: 2.133vw;

  }

  #mainContent .linkArea--pdf > a::after,

  #mainContent .linkArea--img > a::after {

    bottom: 1.867vw;

    right: 1.867vw;

    width: 5.333vw;

    height: 5.333vw;

  }

}

/* =====================



    #hero



===================== */

#hero .mainVisual {

  margin-top: 20px;

}

#hero .lead {

  max-width: 980px;

  margin: 40px auto 100px;

}

#hero .lead p {

  margin: 2em 0;

  font-size: 20px;

  line-height: 2;

  color: #222;

  font-weight: bold;

  font-family: Arial, "Noto Sans TC", "Microsoft JhengHei", 微軟正黑體, Helvetica, sans-serif;

}

/* ---------------------

    #hero SP

--------------------- */

@media screen and (max-width: 767px) {

  #hero .mainVisual {

    margin-top: 5.333vw;

  }

  #hero .lead {

    max-width: 92vw;

    margin: 5.333vw auto 16vw;

  }

  #hero .lead p {

    font-size: 4.8vw;

  }

}

/* =====================



    #check



===================== */

#check {

  position: relative;

  background-color: #f2f2f2;

  margin-top: 80px;

}

#check .section__inner {

  padding-top: 40px;

  padding-bottom: 80px;

}

#check .section__heading {

  margin-bottom: 30px;

}

#check .section__ttl::before {

  content: "";

  display: inline-block;

  margin-right: 0.333em;

  width: 0.75em;

  height: 0.75em;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%237f0019%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M19%2C3H5A2.006%2C2.006%2C0%2C0%2C0%2C3%2C5V19a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H19a2.006%2C2.006%2C0%2C0%2C0%2C2-2V5A2.006%2C2.006%2C0%2C0%2C0%2C19%2C3Zm0%2C16H5V5H19ZM17.99%2C9%2C16.58%2C7.58%2C9.99%2C14.17%2C7.41%2C11.6%2C5.99%2C13.01l4%2C3.99Z%22%20transform%3D%22translate(-3%20-3)%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

#check .checkList__block:not(:first-child) {

  margin-top: 40px;

}

#check .checkList__headline {

  position: relative;

  font-size: 16px;

  margin-bottom: calc(30px - 0.2em);

  /*   jp_only   */

  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

}

#check .checkList__headline::after {

  content: "";

  position: absolute;

  top: calc(50% - 0.5px);

  left: 0;

  right: 0;

  border-top: solid 1px #999999;

}

#check .checkList__headline span {

  position: relative;

  display: inline-block;

  padding-right: 30px;

  z-index: 10;

  background-color: #f2f2f2;

}

#check .checkList__list {

  display: flex;

  flex-wrap: wrap;

}

#check .checkList__list li {

  position: relative;

  flex-basis: 25%;

}

#check .checkList__list li.twoColumn {

  flex-basis: 50%;

}

#check .checkList__list li.twoColumn:nth-of-type(n + 4) {

  margin-top: 20px;

}

#check .checkList__list li:nth-of-type(n + 5) {

  margin-top: 20px;

}

#check .checkList__list li input[type="checkbox"] {

  display: block;

}

#check .checkList__list li input[type="checkbox"] + label {

  display: inline-block;

  width: 18px;

  height: auto;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235px%22%20height%3D%2235px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(153%2C%20153%2C%20153)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22rgb(242%2C%20242%2C%20242)%22%20d%3D%22M1.000%2C0.996%20L33.000%2C0.996%20L33.000%2C32.996%20L1.000%2C32.996%20L1.000%2C0.996%20Z%22%2F%3E%3C%2Fsvg%3E");

  background-size: 18px;

  background-position: left center;

  background-repeat: no-repeat;

  margin-right: 10px;

  cursor: pointer;

  user-select: none;

}

#check .checkList__list li input[type="checkbox"]:checked + label {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234px%22%20height%3D%2234px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(153%2C%20153%2C%20153)%22%20d%3D%22M-0.000%2C-0.003%20L32.000%2C-0.003%20L32.000%2C31.997%20L-0.000%2C31.997%20L-0.000%2C-0.003%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20stroke-width%3D%224px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M6.856%2C14.781%20L12.952%2C21.563%20L25.143%2C7.995%20%22%2F%3E%3C%2Fsvg%3E");

}

#check .checkList__list li a {

  font-size: 14px;

  line-height: 1;

  margin: 0;

  transition: 0.1s ease;

}

#check .checkList__footer {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

}

#check .btn__more {

  position: relative;

  text-align: center;

}

#check .btn__more::after {

  content: "";

  position: absolute;

  top: 50%;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

  width: 100%;

  background-color: #ffffff;

}

#check .btn__more a {

  position: relative;

  z-index: 10;

  display: inline-block;

  padding: 0.929em 0;

  max-width: 220px;

  width: 100%;

  font-size: 14px;

  line-height: 1;

  font-weight: bold;

  background-color: #ffffff;

  border-radius: 6px;

  cursor: pointer;

}

#check .btn__more a::after {

  content: "";

  position: relative;

  display: inline-block;

  top: -1px;

  margin-left: 10px;

  width: 14.2px;

  height: 7px;

  transition: 0.3s;

  transform: rotate(180deg);

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.707%22%20height%3D%226.061%22%20viewBox%3D%220%200%2010.707%206.061%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23585858%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M1092.667-787.3l5-5%2C5%2C5%22%20transform%3D%22translate(-1092.314%20793.008)%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  background-position: left center;

  background-size: cover;

}

#check .btn__more.js_open a::after {

  transform: rotate(0deg);

}



@media screen and (max-width: 1280px) and (min-width: 1024px) {

  #check .checkList__list li {

    flex-basis: 33.3%;

  }

  #check .checkList__list li.twoColumn {

    flex-basis: 66.6%;

  }

  #check .checkList__list li.twoColumn:nth-of-type(n + 3) {

    margin-top: 20px;

  }

  #check .checkList__list li:nth-child(n + 4) {

    margin-top: 20px;

  }

}

@media screen and (min-width: 768px) {

  #check .checkList__list li a:hover {

    border-bottom: 2px solid #aaaaaa;

  }

}

/* ---------------------

    #check Tablet

--------------------- */

@media screen and (max-width: 1023px) and (min-width: 768px) {

  #check .checkList__list li {

    flex-basis: 50%;

  }

  #check .checkList__list li.twoColumn {

    flex-basis: 100%;

  }

  #check .checkList__list li.twoColumn:nth-of-type(n + 2) {

    margin-top: 20px;

  }

  #check .checkList__list li:nth-child(n + 3) {

    margin-top: 20px;

  }

}

/* ---------------------

    #check SP

--------------------- */

@media screen and (max-width: 767px) {

  #check {

    margin-top: 21.33vw;

  }

  #check .section__inner {

    padding-top: 10.67vw;

    padding-bottom: 21.33vw;

  }

  #check .section__heading {

    margin-bottom: 8vw;

  }

  #check .checkList__block:not(:first-child) {

    margin-top: 8vw;

  }

  #check .checkList__headline {

    font-size: 4.267vw;

    margin-bottom: calc(8vw - 0.2em);

  }

  #check .checkList__headline span {

    padding-right: 4.133%;

  }

  #check .checkList__list li {

    position: relative;

    flex-basis: 100%;

  }

  #check .checkList__list li.twoColumn {

    flex-basis: 100%;

  }

  #check .checkList__list li.twoColumn:nth-of-type(n + 2) {

    margin-top: 5.333vw;

  }

  #check .checkList__list li:nth-child(n + 2) {

    margin-top: 5.333vw;

  }

  #check .checkList__list li input[type="checkbox"] + label {

    width: 4.8vw;

    background-size: 4.8vw;

    margin-right: 2.667vw;

  }

  #check .checkList__list li.twoColumn input[type="checkbox"] + label {

    height: 100%;

  }

  #check .checkList__list li a {

    font-size: 3.733vw;

  }

  #check .checkList__list li.twoColumn a {

    line-height: 1.4;

    display: inline-flex;

  }

  #check .btn__more a {

    max-width: 58.67vw;

    font-size: 3.733vw;

  }

  #check .btn__more a::after {

    margin-left: 2.667vw;

    width: 3.787vw;

    height: 1.867vw;

  }

}

/* =====================



    #tips



===================== */

#tips {

  margin-top: 60px;

}

#tips .section__inner {

  overflow: hidden;

}

#tips .section__heading {

  display: flex;

  align-items: center;

  margin-bottom: 30px;

}

#tips .section__icn {

  width: 90px;

  margin-right: 20px;

}

#tips .section__container {

  overflow: visible;

}

#tips .section__block {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  width: 31.88%;

  padding: 30px;

  background-color: #f2f2f2;

  border-radius: 6px;

}

#tips .block__txt p {

  line-height: 1.8;

  margin: -0.4em 0;

}

#tips .block__ttl {

  font-size: 20px;

  font-weight: bold;

  line-height: 1.6;

  margin-top: 0;

  margin-bottom: calc(20px - 0.3em);

}

#tips .columnArea {

  margin-top: 30px;

}

#tips .columnItem {

  border: none;

}

@media screen and (max-width: 1023px) and (min-width: 768px) {

  #tips .block__ttl br {

    display: block;

  }

}

/* ---------------------

    #tips SP

--------------------- */

@media screen and (max-width: 767px) {

  #tips {

    margin-top: 16vw;

  }

  #tips .section__heading {

    margin-bottom: 8vw;

  }

  #tips .section__icn {

    width: 24vw;

    margin-right: 5.333vw;

  }

  #tips .section__container {

    margin-left: 8vw;

    margin-right: 8vw;

  }

  #tips .section__block {

    width: 100%;

    padding: 4vw;

  }

  #tips .block__ttl {

    font-size: 5.333vw;

    margin-top: 0;

    margin-bottom: calc(4vw - 0.3em);

  }

  #tips .columnArea {

    margin-top: 8vw;

  }

}

/* =====================



    #localNav



===================== */

/* #localNav {margin-top: 60px;} */

#localNav .localNav__wrap {

  background-color: #ffffff;

  border-bottom: 1px solid #dddddd;

}

#localNav .localNav__list {

  display: list-item;

  overflow-x: auto;

  overflow-y: hidden;

  white-space: nowrap;

  text-align: center;

  max-width: 1500px;

  margin: 0 auto;

  padding: 0 60px;

  font-size: 0;

}

#localNav .localNav__list > li {

  position: relative;

  display: inline-block;

  max-width: 73px;

  width: 100%;

  transition: 0.3s;

}

#localNav .localNav__list > li:not(:first-child) {

  margin-left: 5.072%;

}

#localNav .localNav__list > li::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 0px;

  background-color: #7f0019;

  transition: 0.3s;

}

#localNav .localNav__list > li.js_current::after {

  height: 3px;

}

#localNav .localNav__list > li a {

  display: block;

  padding-top: 20px;

  padding-bottom: 17px;

}

#localNav .localNav__tmb {

  display: block;

  margin-bottom: 10px;

}

#localNav .localNav__txt {

  display: block;

  font-size: 14px;

  font-weight: bold;

  color: #7f0019;

  line-height: 1.4;

}

@media screen and (min-width: 768px) {

  #localNav .localNav__list > li:hover::after {

    height: 3px;

    background-color: rgba(127, 0, 25, 0.5);

  }

}

/* ---------------------

    #localNav SP

--------------------- */

@media screen and (max-width: 767px) {

  #localNav .localNav__wrap {

    border-bottom: 1px solid #dddddd;

  }

  #localNav .localNav__list {

    max-width: none;

    padding: 0 4vw;

  }

  #localNav .localNav__list > li {

    max-width: 19.47vw;

  }

  #localNav .localNav__list > li:not(:first-child) {

    margin-left: 5.333vw;

  }

  #localNav .localNav__list > li a {

    padding-top: 5.333vw;

    padding-bottom: 4.8vw;

  }

  #localNav .localNav__tmb {

    margin-bottom: 2.667vw;

  }

  #localNav .localNav__txt {

    font-size: 3.733vw;

  }

}

/* =====================



    #contents



===================== */

/* #contents section {padding-top: 80px;} */

#contents .section__heading {

  display: flex;

  align-items: center;

  margin-bottom: 60px;

}

#contents .section__icn {

  width: 90px;

  margin-right: 20px;

}

#contents .section__block {

  display: flex;

  align-items: stretch;

  justify-content: space-between;

  flex-wrap: wrap;

}

#contents .section__block:not(:first-child) {

  margin-top: 80px;

  margin-bottom: 30px;

}

#contents .block__tmb {

  width: 34.78%;

  border-radius: 6px;

  overflow: hidden;

}

#contents .block__area {

  width: 60.87%;

  margin-bottom: 30px;

}

#contents .block__area_2 {

  width: 100%;

  margin-bottom: 30px;

}

#contents .block__txt p {

  line-height: 1.7;

  margin: -0.5em 0;

  font-size: 18px;

}

#contents .block__ttl {

  font-size: 20px;

  margin-bottom: calc(30px - 0.3em);

}

#contents .block__txt {

  font-size: 18px;

  font-weight: 400;

  margin-bottom: calc(30px - 0.3em);

}

#contents .itemList {

  display: flex;

  flex-wrap: wrap;

}

#contents .itemList > li {

  width: 20%;

  margin-left: 2%;

  margin-right: 2%;

  margin-top: 2.5%;

  text-align: center;

  /* display: flex; */

  display: block;

  align-items: center;

  /* width: 17.86%;

  margin-left: 1.786%;

  margin-right: 1.786%;

  text-align: center; */

}

#contents .itemList > li:nth-of-type(n + 5) {

  margin-top: 15px;

}

#contents .itemList > li > a {

  display: block;

}

#contents .itemList > li .thumb {

  width: 100%;

  margin: 0 auto 10px;

  /* width: 53.33%;

  margin: 0 auto 10px; */

}

#contents .block__area > *:not(:first-child) {

  margin-top: 30px;

}

#contents .btn__top {

  margin-top: 80px;

  margin-bottom: 0px;

}



#contents .sectionAside__inner {

  display: flex;

  justify-content: space-between;

  padding: 30px;

  background-color: #f2f2f2;

  border-radius: 6px;

}

#contents .sectionAside .block__area {

  position: relative;

  display: flex;

  justify-content: space-between;

  width: 67.42%;

  padding-left: 8.333%;

}

#contents .sectionAside .block__area > *:not(:first-child) {

  margin-top: 0;

}

#contents .sectionAside .block__txt {

  width: 76.92%;

}

#contents .sectionAside .itemList {

  width: 19.23%;

}

#contents .sectionAside .itemList > li {

  width: 100%;

  margin: 0;

}

#contents .sectionAside .block__ttl i {

  position: absolute;

  top: 0;

  left: 0;

  width: 9.412%;

}

#contents .sectionAside .columnArea {

  width: 30.3%;

}

/* ---------------------

    #contents Tablet

--------------------- */

@media screen and (max-width: 1023px) and (min-width: 768px) {

  #contents .block__tmb {

    width: 100%;

    margin-bottom: 30px;

    border-radius: 6px;

    overflow: hidden;

  }

  #contents .block__area {

    width: 100%;

  }

  #contents .sectionAside__inner {

    flex-wrap: wrap;

  }

  #contents .sectionAside .block__area {

    width: 100%;

    padding-left: 12%;

  }

  #contents .sectionAside .columnArea {

    width: 100%;

    margin-top: 30px;

  }

}

/* ---------------------

    #contents SP

--------------------- */

@media screen and (max-width: 767px) {

  /* #contents section {padding-top: 21.33vw;} */

  #contents .section__heading {

    margin-bottom: 8vw;

  }

  #contents .section__icn {

    width: 24vw;

    margin-right: 5.333vw;

  }

  #contents .section__block:not(:first-child) {

    margin-top: 21.33vw;

  }

  #contents .block__tmb {

    width: 100%;

    margin-bottom: 20px;

  }

  #contents .block__area {

    width: 100%;

  }

  #contents .block__ttl {

    font-size: 6vw;

    margin-bottom: calc(6vw - 0.3em);

  }

  #contents .itemList > li {

    width: 100%;

    margin-left: 0;

    margin-right: 0;

    text-align: left;

    display: flex;

    align-items: center;

  }

  #contents .itemList > li + li {

    margin-top: 4vw;

  }

  #contents .itemList > li:nth-of-type(n + 5) {

    margin-top: 4vw;

  }

  #contents .itemList > li > a {

    display: flex;

    align-items: center;

  }

  #contents .itemList > li .thumb {

    width: 38vw;

    min-width: 38vw;

    margin: 0;

    margin-right: 6vw;

  }

  #contents .block__area > *:not(:first-child) {

    margin-top: 8vw;

  }

  #contents .btn__top {

    margin-top: 21.33vw;

    margin-bottom: 21.33vw;

  }



  #contents .sectionAside__inner {

    flex-wrap: wrap;

    padding: 8vw 4vw;

    background-color: #f2f2f2;

    border-radius: 6px;

  }

  #contents .sectionAside .block__area {

    flex-wrap: wrap;

    width: 100%;

    padding-left: 0;

  }

  #contents .sectionAside .block__area > *:not(:first-child) {

    margin-top: 8vw;

  }

  #contents .sectionAside .block__txt {

    width: 100%;

  }

  #contents .sectionAside .itemList {

    width: 100%;

  }

  #contents .sectionAside .block__ttl {

    display: flex;

    align-items: center;

  }

  #contents .sectionAside .block__ttl i {

    position: static;

    min-width: 16.53vw;

    width: 16.53vw;

    margin-right: 4vw;

  }

  #contents .sectionAside .columnArea {

    width: 100%;

    margin-top: 8vw;

  }

}

/* =====================



    #set



===================== */

#set {

  margin-top: 40px;

}

#mainContent > #set {

  padding-top: 80px;

  border-top: 1px solid #dddddd;

}

#set .section__container {

  display: flex;

  justify-content: space-between;

}

#set .section__block--desc {

  width: 49.42%;

}

#set .section__block--tmb {

  width: 46.23%;

}

#set .section__block--desc > *:not(:first-child) {

  margin-top: 30px;

}

#set .block__txt p + p {

  margin-top: 1.5em;

}

#set .block__ttl {

  font-size: 24px;

  font-weight: bold;

  margin-bottom: calc(20px - 0.2em);

}

#set .section__block--tmb .block__img > img + img {

  margin-top: 2px;

}

#set .itemList {

  display: flex;

}

#set .itemList > li {

  width: 30.2%;

  text-align: center;

}

#set .itemList > li + li {

  margin-left: 4.692%;

}

#set .itemList > li .thumb {

  margin-bottom: 5px;

}



/* ---------------------

    #set SP

--------------------- */

@media screen and (max-width: 767px) {

  #set {

    margin-top: 8vw;

  }

  #mainContent > #set {

    padding-top: 21.33vw;

  }

  #set .section__container {

    flex-direction: column-reverse;

  }

  #set .section__block {

    width: 100%;

  }

  #set .section__block--tmb {

    margin-bottom: 8vw;

  }

  #set .section__block--desc > *:not(:first-child) {

    margin-top: 8vw;

  }

  #set .block__ttl {

    font-size: 6.4vw;

    margin-bottom: calc(5.333vw - 0.2em);

  }

  #set .section__block--tmb .block__img > img + img {

    margin-top: 1.067vw;

  }

  #set .itemList {

    display: flex;

    flex-wrap: wrap;

  }

  #set .itemList > li {

    width: 100%;

    text-align: left;

  }

  #set .itemList > li + li {

    margin-left: 0%;

    margin-top: 4vw;

  }

  #set .itemList > li > a {

    display: flex;

    align-items: center;

  }

  #set .itemList > li .thumb {

    width: 18.67vw;

    min-width: 18.67vw;

    margin: 0;

    margin-right: 2.667vw;

  }

}

/* =====================



    #infomation



===================== */

#infomation {

  margin-top: 60px;

}

#infomation .section__inner {

  overflow: hidden;

}

#infomation .section__heading {

  margin-bottom: 30px;

}

#infomation .section__ttl::before {

  content: "";

  display: inline-block;

  margin-right: 0.333em;

  width: 0.75em;

  height: 0.75em;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%237f0019%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M11%2C7h6V9H11Zm0%2C4h6v2H11Zm0%2C4h6v2H11ZM7%2C7H9V9H7Zm0%2C4H9v2H7Zm0%2C4H9v2H7ZM20.1%2C3H3.9a.9.9%2C0%2C0%2C0-.9.9V20.1a.967.967%2C0%2C0%2C0%2C.9.9H20.1a1.061%2C1.061%2C0%2C0%2C0%2C.9-.9V3.9A.967.967%2C0%2C0%2C0%2C20.1%2C3ZM19%2C19H5V5H19Z%22%20transform%3D%22translate(-3%20-3)%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

#infomation .section__container {

  overflow: visible;

}

#infomation .swiper-container .swiper-slide {

  transition: 0.3s ease;

}

#infomation .block__tmb {

  margin-bottom: 10px;

  border-radius: 6px;

  overflow: hidden;

}

#infomation .block__txt p {

  font-size: 12px;

  color: #999999;

}

#infomation .block__ttl {

  display: flex;

  font-size: 14px;

  font-weight: bold;

  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /*   jp_only   */

  margin-top: 0;

  margin-bottom: calc(10px - 0.2em);

}

#infomation .block__ttl:only-child {

  margin-bottom: 0;

}

#infomation .block__ttl span {

  display: inline-flex;

  align-items: center;

  height: 2em;

  margin-right: 0.5em;

  color: #7f0019;

  font-size: 10px;

  border: 1px solid #7f0019;

  padding: 0.1em 0.3em;

}

/* ---------------------

    #infomation SP

--------------------- */

@media screen and (max-width: 767px) {

  #infomation {

    margin-top: 21.33vw;

  }

  #infomation .section__inner {

  }

  #infomation .section__heading {

    margin-bottom: 8vw;

  }

  #infomation .block__tmb {

    margin-bottom: 2.667vw;

  }

  #infomation .block__txt p {

    font-size: 3.2vw;

  }

  #infomation .block__ttl {

    font-size: 3.733vw;

    margin-bottom: calc(2.667vw - 0.2em);

  }

  #infomation .block__ttl:only-child {

    margin-bottom: 0;

  }

  #infomation .block__ttl span {

    font-size: 2.667vw;

  }

}

/* =====================



    modal



===================== */

.remodal *,

.remodal *::before,

.remodal *::after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  box-sizing: border-box;

}

.remodal {

  color: #000; /* unique value */

  font-size: 14px;

  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /*   jp_only   */

}

.remodal a {

  display: inline-block;

  color: #000;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-box-shadow: none;

  box-shadow: none;

  outline: none;

}

.remodal a:link,

.remodal a:visited,

.remodal a:hover,

.remodal a:active,

.remodal a:focus {

  color: #000;

  text-decoration: none;

}

.remodal h1,

.remodal h2,

.remodal h3 {

  line-height: 1.4; /* unique value */

  margin: -0.2em 0; /* unique value */

  padding: 0;

  font-family: "Gothic MB101 Bold", "MySansSerif", "YakuHanJP", sans-serif; /*   jp_only   */

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.remodal h4,

.remodal h5,

.remodal h6 {

  line-height: 1.4; /* unique value */

  margin: -0.2em 0; /* unique value */

  padding: 0;

}

.remodal p {

  color: #585858; /* unique value */

  line-height: 1.6; /* unique value */

  margin: -0.3em 0; /* unique value */

  padding: 0;

}

.remodal img {

  width: 100%;

  font-size: 0.5em;

  vertical-align: bottom;

}

.remodal figure,

.remodal figcaption {

  margin: 0;

  padding: 0;

}

/* --------------------------------

  modal initialize END

-------------------------------- */

html.remodal-is-locked {

  touch-action: none;

}

.remodal-overlay {

  background: rgba(255, 255, 255, 0.9);

}

.remodal-wrapper {

  padding: 0;

}

.remodal {

  max-width: 1080px;

  margin: auto;

  padding: 60px 40px;

  background: none;

  /*box-shadow: 0px 0px 10px #999;*/

}

.remodal-close {

  left: initial;

  left: auto;

  right: 20px;

  width: 60px;

  height: 60px;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20d%3D%22M17.987%2C16.428%20L16.438%2C17.980%20L8.999%2C10.541%20L1.561%2C17.980%20L0.012%2C16.428%20L7.449%2C8.991%20L0.012%2C1.553%20L1.561%2C0.003%20L8.999%2C7.441%20L16.438%2C0.003%20L17.987%2C1.553%20L10.550%2C8.991%20L17.987%2C16.428%20Z%22%2F%3E%3C%2Fsvg%3E");

  background-color: rgba(255, 255, 255, 0);

  background-size: 20px;

  background-repeat: no-repeat;

  background-position: center;

}

.remodal-close::before {

  content: none;

}

.remodal .link__pdf {

  margin-top: 20px;

  line-height: 1;

  text-align: right;

}

.remodal .link__pdf a {

  position: relative;

  display: inline-flex;

  align-items: center;

  line-height: 1;

}

.remodal .link__pdf a::before {

  content: "";

  display: inline-block;

  width: 20px;

  height: 20px;

  margin-right: 8px;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23585858%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M20%2C2H8A2.006%2C2.006%2C0%2C0%2C0%2C6%2C4V16a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H20a2.006%2C2.006%2C0%2C0%2C0%2C2-2V4A2.006%2C2.006%2C0%2C0%2C0%2C20%2C2ZM11.5%2C9.5A1.5%2C1.5%2C0%2C0%2C1%2C10%2C11H9v2H7.5V7H10a1.5%2C1.5%2C0%2C0%2C1%2C1.5%2C1.5Zm5%2C2A1.5%2C1.5%2C0%2C0%2C1%2C15%2C13H12.5V7H15a1.5%2C1.5%2C0%2C0%2C1%2C1.5%2C1.5Zm4-3H19v1h1.5V11H19v2H17.5V7h3ZM9%2C9.5h1v-1H9ZM4%2C6H2V20a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H18V20H4Zm10%2C5.5h1v-3H14Z%22%20transform%3D%22translate(-2%20-2)%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;

  background-position: left center;

}

/* ---------------------

    modal Tablet

--------------------- */

/* @media screen and (max-width: 1023px) and (min-width: 768px) {

  .remodal {max-width: 780px;}

} */

/* ---------------------

    modal SP

--------------------- */

@media only screen and (max-width: 767px) {

  .remodal {

    padding: 12vw 2.667vw;

  }

  .remodal-close {

    right: calc(50vw - 6vw);

    top: initial;

    bottom: 0;

    width: 12vw;

    height: 12vw;

    background-size: 6vw;

  }

  .remodal__container {

    max-height: 64vh;

    overflow: auto;

  }

  .ua-mp-android .remodal__container,

  .ua-mp-ios .remodal__container {

    max-height: 52vh;

  }

  .remodal .link__pdf {

    margin-top: 5.333vw;

    text-align: center;

  }

  .remodal .link__pdf a::before {

    width: 5.333vw;

    height: 5.333vw;

    margin-right: 2.133vw;

  }

}