html {
  font-family: 'GUJPCorporate', 'Avenir Next', Roboto, 'Noto Sans', 'Noto+Sans:ital', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', '', Meiryo, sans-serif;
  font-style: normal;
  letter-spacing: 0.05rem;
  font-feature-settings: 'palt';
  font-weight: 400;
  line-height: 150%;
  color: #1E2127;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet');

@font-face {
font-family: 'GUJPCorporate';
src: local("GUJPCorporate-Light"),url('https://tw.wamazing.com/campaign/gu_coupon/fonts/GUJPCorporate-Light_v2.0.otf') format('otf');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'GUJPCorporate';
src: local('GUJPCorporate-Regular'),url('https://tw.wamazing.com/campaign/gu_coupon/fonts/GUJPCorporate-Regular_v2.0.otf') format('otf');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
  font-family: 'GUJPCorporate';
  src:  local('GUJPCorporate-Bold'),url('https://tw.wamazing.com/campaign/gu_coupon/fonts/GUJPCorporate-Bold_v2.0.otf') format('otf');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  }

#header {
  background-color: #FFFFFF;
}

body {
  display: contents;
  width: 1440px;
}

#top {
  z-index: 0;
}

#top.ko {
  background-color: #12288A;
}

a {
  text-decoration: none;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

ul {
  padding-left: 0;
}

li {
  list-style:none;
}

li label {
  display: inline-block;
}

li input {
  margin-right: 8px;
}

table {
  font-size: 12px;
  margin-bottom: 1em;
}
table td.tlt {
  width: 20%;
  vertical-align: baseline;
}
table td.dtl {
  width: 80%;
}

.flex_box {
  display: flex;
}
.flex_between {
  justify-content: space-between;
}
.flex_center {
  justify-content: center;
}

.border_box {
  border: 4px solid #12288A;
  padding: 50px 110px 50px;
  margin-bottom: 100px;
}

@media screen and (max-width: 1024px){
  .border_box {
    padding: 30px 30px 30px;
    margin-bottom: 80px;
  }
}

.image_area img {
  width: 405px;
  height: 225px;
}

.details {
  width: 80%;
  margin: 0 auto;
  font-size: 17px;
}
.details p {
  padding: 5px 0px;
  font-weight: 700;
  margin-bottom: 0;
}

.details p.left_tlt {
  border: 2px solid #000000;
  width: 150px;
  height: 21px;
  text-align: center;
  margin-right: 20px;
  font-size: 15px;
}

.details p.left_tlt-en {
  width: auto;
  padding: 5px;
}

.details p.right_msg {
  /* width: 80%; */
  text-align: left;
  margin-bottom: 0;
  line-height: 1.3;
}
.note_box {
  color: rgba(60, 60, 67, 0.6);
  font-size: 13px;
  text-align: center;
  font-weight: 400;
}

@media screen and (max-width: 1024px){
  .details {
    width: 100%;
    margin: 0 auto;
    font-size: 17px;
  }
}

@media screen and (max-width: 768px){
  .note_box {
    margin-top: 10px;
  }
}


.bg_white {
  background-color: #FFFFFF;
}

.error {
  margin: 10px 0;
  color: red;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/*** image ***/
.pc_img {
  display: block !important;
}

.sp_img {
  display: none !important;
}

#top.ko .sp_img{
}

@media screen and (max-width: 500px){
  .pc {
    display: none !important;
  }

  .sp {
    width: 100%;
    display: block !important;
  }

  .pc_img {
    display: none !important;
  }

  .sp_img {
    width: 100%;
    display: block !important;
    z-index: 0;
    position: relative;
  }

  #top.ko .sp_img{
  }
}