body {
  font-family: source-han-sans-japanese, sans-serif;
}

a {
  transition: all .2s ease;
}

main img {
  max-width: 100%;
}

.btn {
  position: relative;
  margin: 0 auto;
  font-size: 1.37rem;
  width: 700px;
  z-index: 1;
}

@media screen and (max-width: 896px) {
  .btn {
    width: 92%;
  }
}

@media screen and (max-width: 736px) {
  .btn {
    font-size: 1.12rem;
  }
}

.btn a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  letter-spacing: 2px;
  line-height: 1.2;
  color: #fff;
  height: 115px;
  background: url("/lp/iju-discount-kochi/images/icon.png") no-repeat left 60px center #00aad2;
  /* background: no-repeat left 60px center #7c7c7c; */
  border-radius: 100px;
  /* pointer-events: none; */
}

@media screen and (max-width: 736px) {
  .btn a {
    height: 80px;
    background-size: calc(100%/10);
    background-position: left 15px center;
  }
}

.btn a:hover {
  background-color: #14d0fc;
}

.btn a::before {
  position: absolute;
  content: "";
  top: 5px;
  right: -5px;
  width: 100%;
  height: 115px;
  background: #464646;
  border-radius: 100px;
  z-index: -1;
}

@media screen and (max-width: 736px) {
  .btn a::before {
    height: 80px;
  }
}

.btn a strong,
.btn a span {
  display: block;
  margin: 0;
  width: 100%;
}

.btn a span {
  line-height: 1.5;
  font-size: 0.87rem;
  font-weight: normal;
}

@media screen and (max-width: 736px) {
  .btn a span {
    font-size: 0.75rem;
  }
}

main {
  padding-bottom: 0;
  line-height: 1.15;
  /* ------------------------------------------------------------------------
  	header
  ------------------------------------------------------------------------ */
  /* ------------------------------------------------------------------------
  	section
  ------------------------------------------------------------------------ */
  /* ------------------------------------------------------------------------
  	footer
  ------------------------------------------------------------------------ */
}

main header {
  padding: 340px 0 80px;
  text-align: center;
  background: url("/lp/iju-discount-kochi/images/bg_h.png") no-repeat center top #ffee00;
}

@media screen and (max-width: 1335px) {
  main header {
    background-size: 100%;
  }
}

@media screen and (max-width: 896px) {
  main header {
    padding-top: calc(100%/2.6);
    background: url("/lp/iju-discount-kochi/images/bg_h_sp.png") center top 20px/100% no-repeat #ffee00;
  }
}

main header h1 {
  position: relative;
  margin: 0 auto 270px;
  width: 1000px;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  main header h1 {
    width: 92%;
  }
}

@media screen and (max-width: 896px) {
  main header h1 {
    margin: 0 auto calc(100%/3.5);
  }
}

main header h1 span {
  position: absolute;
  display: inline-block;
  top: 5px;
  right: -45px;
  z-index: -1;
}

@media screen and (max-width: 1024px) {
  main header h1 span {
    top: -40px;
    right: -80px;
  }

  main header h1 span img {
    width: 80%;
  }
}

@media screen and (max-width: 896px) {
  main header h1 span {
    top: calc(100%*1);
    right: 0;
  }

  main header h1 span img {
    width: auto;
  }
}

@media screen and (max-width: 736px) {
  main header h1 span {
    text-align: right;
    right: 0;
  }

  main header h1 span img {
    width: 50%;
  }
}

@media screen and (max-width: 320px) {
  main header h1 span img {
    width: 40%;
  }
}

main header dl {
  margin: 0 auto 20px;
  width: 980px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

@media screen and (max-width: 1024px) {
  main header dl {
    display: block;
    margin-bottom: 50px;
    width: 92%;
  }
}

@media screen and (max-width: 896px) {
  main header dl {
    margin-bottom: 30px;
  }
}

main header dl dt {
  margin-right: 20px;
  padding: 0 30px;
  color: #00aad2;
  line-height: 1.8;
  font-size: 1.5rem;
  font-weight: 700;
  background: #fff;
  border: 4px solid #00aad2;
}

@media screen and (max-width: 1024px) {
  main header dl dt {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0 30px;
  }
}

@media screen and (max-width: 896px) {
  main header dl dt {
    font-size: 1.37rem;
  }
}

main header dl dd {
  vertical-align: inherit;
  font-size: 2.14rem;
  font-weight: 700;
  text-shadow: white 6px 0px 0px, white 5.91686px 0.995377px 0px, white 5.66974px 1.96317px 0px, white 5.2655px 2.87655px 0px, white 4.71532px 3.71022px 0px, white 4.03447px 4.44106px 0px, white 3.24181px 5.04883px 0px, white 2.35931px 5.51667px 0px, white 1.41143px 5.83163px 0px, white 0.424423px 5.98497px 0px, white -0.574341px 5.97245px 0px, white -1.55719px 5.79441px 0px, white -2.49688px 5.45578px 0px, white -3.36738px 4.96596px 0px, white -4.14455px 4.33852px 0px, white -4.80686px 3.59083px 0px, white -5.33596px 2.74364px 0px, white -5.71718px 1.8204px 0px, white -5.93995px 0.84672px 0px, white -5.99811px -0.150428px 0px, white -5.89004px -1.14341px 0px, white -5.61874px -2.1047px 0px, white -5.19172px -3.00766px 0px, white -4.62082px -3.82727px 0px, white -3.92186px -4.54081px 0px, white -3.11421px -5.12852px 0px, white -2.22026px -5.57409px 0px, white -1.26477px -5.86518px 0px, white -0.274238px -5.99373px 0px, white 0.723898px -5.95617px 0px, white 1.70197px -5.75355px 0px, white 2.63288px -5.39147px 0px, white 3.49082px -4.87998px 0px, white 4.25202px -4.23324px 0px, white 4.89538px -3.46919px 0px, white 5.40307px -2.60899px 0px, white 5.76102px -1.67649px 0px, white 5.95932px -0.697531px 0px;
}

@media screen and (max-width: 896px) {
  main header dl dd {
    font-size: 1.37rem;
  }
}

@media screen and (max-width: 736px) {
  main header dl dd {
    text-shadow: white 4px 0px 0px, white 3.87565px 0.989616px 0px, white 3.51033px 1.9177px 0px, white 2.92676px 2.72656px 0px, white 2.16121px 3.36588px 0px, white 1.26129px 3.79594px 0px, white 0.282949px 3.98998px 0px, white -0.712984px 3.93594px 0px, white -1.66459px 3.63719px 0px, white -2.51269px 3.11229px 0px, white -3.20457px 2.39389px 0px, white -3.69721px 1.52664px 0px, white -3.95997px 0.56448px 0px, white -3.97652px -0.432781px 0px, white -3.74583px -1.40313px 0px, white -3.28224px -2.28625px 0px, white -2.61457px -3.02721px 0px, white -1.78435px -3.57996px 0px, white -0.843183px -3.91012px 0px, white 0.150409px -3.99717px 0px, white 1.13465px -3.8357px 0px, white 2.04834px -3.43574px 0px, white 2.83468px -2.82216px 0px, white 3.44477px -2.03312px 0px, white 3.84068px -1.11766px 0px, white 3.9978px -0.132717px 0px;
  }
}

main header dl dd strong {
  color: #00aad2;
  font-size: 2.37rem;
}

@media screen and (max-width: 736px) {
  main header dl dd strong {
    display: block;
    font-size: 1.37rem;
  }
}

main header dl dd strong span {
  vertical-align: inherit;
  font-size: 4.87rem;
}

@media screen and (max-width: 736px) {
  main header dl dd strong span {
    font-size: 3.12rem;
  }
}

main header dl dd strong small {
  vertical-align: inherit;
  font-size: 1.37rem;
}

@media screen and (max-width: 736px) {
  main header dl dd strong small {
    font-size: 1rem;
  }
}

main header h2 {
  position: relative;
  margin: 80px auto 60px;
  font-size: 2.5rem;
  font-weight: 700;
  width: 800px;
}

@media screen and (max-width: 896px) {
  main header h2 {
    margin-top: 50px;
    width: 92%;
  }
}

@media screen and (max-width: 736px) {
  main header h2 {
    margin-bottom: 30px;
    line-height: 1.2;
    font-size: 1.37rem;
  }
}

main header h2 br {
  display: none;
}

@media screen and (max-width: 896px) {
  main header h2 br {
    display: inline;
  }
}

main header h2::before,
main header h2::after {
  position: absolute;
  content: "";
  top: -20px;
  width: 45px;
  height: 100px;
}

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

  main header h2::before,
  main header h2::after {
    top: -10px;
  }
}

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

  main header h2::before,
  main header h2::after {
    top: 0;
    height: 50px;
    background-size: 100%;
  }
}

main header h2::before {
  left: 0;
  background: url("/lp/iju-discount-kochi/images/line_l.png") no-repeat 0 0;
}

main header h2::after {
  right: 0;
  background: url("/lp/iju-discount-kochi/images/line_r.png") no-repeat 0 0;
}

main header p {
  margin-bottom: 35px;
  line-height: 2;
  font-size: 1.37rem;
  font-weight: 700;
}

@media screen and (max-width: 896px) {
  main header p {
    margin: 0 auto 30px;
    width: 92%;
  }
}

@media screen and (max-width: 736px) {
  main header p {
    font-size: 1.12rem;
  }
}

main header .img {
  margin-bottom: 40px;
}

@media screen and (max-width: 896px) {
  main header .img {
    margin: 0 auto 40px;
    width: 92%;
  }
}

@media screen and (max-width: 736px) {
  main header .img {
    width: 80%;
  }
}

main section {
  padding: 95px 0 110px;
  text-align: center;
  background: url("/lp/iju-discount-kochi/images/bg_sec.png") center top/100% no-repeat;
}

@media screen and (max-width: 1024px) {
  main section {
    background-size: 100%;
  }
}

@media screen and (max-width: 736px) {
  main section {
    padding: 60px 0 80px;
    background: url("/lp/iju-discount-kochi/images/bg_sec_sp.png") center top 5%/100% no-repeat;
  }
}

@media screen and (max-width: 320px) {
  main section {
    background-position: center top 10%;
  }
}

main section h3 {
  position: relative;
  margin: 0 auto 45px;
  color: #00aad2;
  font-size: 1.87rem;
  font-weight: 700;
  top: 0;
  width: 330px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 736px) {
  main section h3 {
    margin-bottom: 30px;
    font-size: 1.37rem;
    width: 70%;
    height: 50px;
  }
}

main section h3::before {
  left: 0;
  background: url("/lp/iju-discount-kochi/images/deco_l.png") no-repeat 0 0;
}

main section h3::after {
  right: 0;
  background: url("/lp/iju-discount-kochi/images/deco_r.png") no-repeat 0 0;
}

main section h3::before,
main section h3::after {
  position: absolute;
  content: "";
  top: 0;
  width: 27px;
  height: 70px;
}

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

  main section h3::before,
  main section h3::after {
    width: 18px;
    height: 100%;
    background-size: 100%;
  }
}

main section p {
  line-height: 1.8;
  font-size: 1.25rem;
}

@media screen and (max-width: 736px) {
  main section p {
    margin: 0 auto;
    text-align: left;
    font-size: 1rem;
    width: 90%;
  }

  main section p br {
    display: none;
  }
}

main section p.note {
  margin: 15px 0 200px;
  font-size: 0.87rem;
}

@media screen and (max-width: 896px) {
  main section p.note {
    margin: 15px auto 80px;
  }
}

@media screen and (max-width: 736px) {
  main section p.note {
    margin: 15px auto 60px;
  }
}

main section p.txt {
  font-size: 1.12rem;
}

@media screen and (max-width: 736px) {
  main section p.txt {
    font-size: 0.87rem;
  }
}

main section ul {
  margin: 40px auto 0;
  width: 1000px;
}

@media screen and (max-width: 896px) {
  main section ul {
    width: 92%;
  }
}

@media screen and (max-width: 736px) {
  main section ul {
    margin-top: 30px;
  }
}

main section ul li {
  margin-left: 18px;
  margin-bottom: 20px;
  list-style: disc;
  line-height: 1.8;
  text-align: left;
}

main section ul li:last-child {
  margin-bottom: 0;
}

main section ul li span {
  display: block;
  margin-bottom: 10px;
  font-size: 0.87rem;
}

main footer {
  padding: 60px 0 20px;
  text-align: center;
  background: url("/lp/iju-discount-kochi/images/bg_f.png") no-repeat center bottom 20px #ffee00;
}

@media screen and (max-width: 1024px) {
  main footer {
    background-size: 100%;
  }
}

@media screen and (max-width: 736px) {
  main footer {
    padding-top: 40px;
    background: url("/lp/iju-discount-kochi/images/bg_f_sp.png") center bottom 40px/100% no-repeat #ffee00;
  }
}

main footer p.btn {
  margin-bottom: 40px;
}

main footer p.bnr {
  display: block;
  padding: 20px 0;
  text-align: center;
}

main footer p.bnr a:hover {
  opacity: 0.8;
}

main footer ul {
  margin: 0 auto 20px;
  width: 650px;
}

@media screen and (max-width: 896px) {
  main footer ul {
    width: 92%;
  }
}

main footer ul li {
  margin-left: 14px;
  line-height: 2.2;
  text-align: left;
  font-size: 0.75rem;
  text-indent: -14px;
}

main footer ul li::before {
  display: inline-block;
  margin-right: 2px;
  content: "";
  width: 11px;
  height: 11px;
  background: url("/lp/iju-discount-kochi/images/arrow.png") no-repeat;
}


main header .attention {
  max-width: 1000px;
  margin: 70px auto;
  text-align: left;
  line-height: 1.75;
  border: solid 3px red;
  padding: 10px 15px;
  width: 90%;
  background: #fff;
}

main header .attention a {
  text-decoration: underline;
  color: #0764cc;
  transition: all 0.3s;
}

main header .attention a:hover {
  text-decoration: none;
  opacity: 0.8;
}

main header .attention span {
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

@media screen and (max-width: 736px) {
  main header .attention {
    margin: 40px auto;
  }
}

main .btn-limit {
  color: #ff0000 !important; 
  font-weight: bold;
  margin-top: 15px; 
  margin-bottom: 35px; 
  text-align: center;
  font-size: 1.5rem;
  display: block; 
}


@media screen and (max-width: 896px) {
  main .btn-limit {
    font-size: 1rem;
    margin-top: 10px;  
  }
}


@media screen and (max-width: 736px) {
  main footer {
    padding-top: 5px !important; 
    background-position: center bottom 40px !important;
  }

    main footer .btn-limit {
    margin-top: 0 !important;
  }
}


.last-limit {
  margin-top: -5px !important; 
}


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

  main section p br.allow-br {
    display: block !important;
    content: "";
  }
}