@charset "UTF-8";
@media screen and (max-width: 767px) {
  .tab {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .tab {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

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

main {
  display: block;
}
@media screen and (min-width: 768px) {
  main {
    padding: 0 30px 70px;
    background: #ebebeb url(/products/special/proquality/toppings-campaign/img/bg-gray.png) 0 0/auto repeat;
  }
}
@media screen and (max-width: 767px) {
  main {
    padding: 30px 15px 55px;
    background: #ebebeb url(/products/special/proquality/toppings-campaign/img/bg-gray.png) 0 0/44px repeat;
  }
}

.mainContents {
  padding: 0;
}
.mainContents html, .mainContents body, .mainContents div, .mainContents span, .mainContents object, .mainContents iframe,
.mainContents h1, .mainContents h2, .mainContents h3, .mainContents h4, .mainContents h5, .mainContents h6, .mainContents p, .mainContents blockquote, .mainContents pre,
.mainContents abbr, .mainContents address, .mainContents cite, .mainContents code,
.mainContents del, .mainContents dfn, .mainContents em, .mainContents img, .mainContents ins, .mainContents kbd, .mainContents q, .mainContents samp,
.mainContents small, .mainContents strong, .mainContents var,
.mainContents b, .mainContents i,
.mainContents dl, .mainContents dt, .mainContents dd, .mainContents ol, .mainContents ul, .mainContents li,
.mainContents fieldset, .mainContents form, .mainContents label, .mainContents legend,
.mainContents table, .mainContents caption, .mainContents tbody, .mainContents tfoot, .mainContents thead, .mainContents tr, .mainContents th, .mainContents td,
.mainContents article, .mainContents aside, .mainContents canvas, .mainContents details, .mainContents figcaption, .mainContents figure,
.mainContents footer, .mainContents header, .mainContents menu, .mainContents nav, .mainContents section, .mainContents summary,
.mainContents time, .mainContents mark, .mainContents audio, .mainContents video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.mainContents h1, .mainContents h2, .mainContents h3, .mainContents h4, .mainContents h5, .mainContents h6 {
  font-weight: normal;
  font-size: 100%;
}
.mainContents ul, .mainContents ol {
  list-style: none;
}
.mainContents a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  word-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .mainContents a:hover {
    opacity: 0.8;
  }
}
.mainContents * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mainContents img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.mainContents p {
  line-height: 1.5;
}

div.kv {
  background-color: #ebebeb;
}
div.kv picture img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  section.content {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  section.content {
    padding: 0 0 40px;
  }
}
section.content > h2.title {
  display: table;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.content > h2.title span {
    position: absolute;
    top: 0;
  }
  section.content > h2.title span:nth-of-type(1) {
    left: -250px;
  }
  section.content > h2.title span:nth-of-type(2) {
    right: -240px;
  }
}
@media screen and (max-width: 1023px) {
  section.content > h2.title span {
    display: none;
  }
}
section.content > p {
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  section.content > p {
    margin: 30px 0 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  section.content > p {
    margin: 30px 0 20px;
  }
}
section.content a.btn {
  display: table;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  section.content a.btn picture img {
    width: 265px;
  }
}
section.content .c_line-box {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  section.content .c_line-box {
    max-width: 980px;
    margin: 0 auto;
    padding: 10px;
    -webkit-box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  section.content .c_line-box {
    padding: 5px;
    -webkit-box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
  }
}
section.content .c_line-box > .inner {
  border: 2px solid #c69927;
}
@media screen and (min-width: 768px) {
  section.content .c_line-box > .inner {
    padding: 40px 40px 30px;
  }
}
@media screen and (max-width: 767px) {
  section.content .c_line-box > .inner {
    padding: 20px 10px 30px;
  }
}
section.content .c_line-box > .inner > .title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.content .c_line-box > .inner > .title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  section.content .c_line-box > .inner > .title {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.prize {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.prize {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.prize .inner {
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.prize h3.title {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  section.content section.prize h3.title picture img {
    width: 196px;
  }
}
section.content section.prize div.cont h4 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.content section.prize div.cont h4 {
    margin: 30px 0 20px;
    padding: 0 120px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.prize div.cont h4 {
    margin: 30px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.prize div.cont h4 img {
    width: 284.5px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.prize div.cont p {
    text-align: center;
    padding: 0 140px;
    margin-bottom: 34px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.prize div.cont p {
    margin-bottom: 20px;
    padding-right: 80px;
    font-size: 14px;
  }
}
section.content section.prize div.cont .image {
  position: relative;
}
section.content section.prize div.cont .image:before {
  content: "";
  display: block;
  position: absolute;
  background: url(/products/special/proquality/toppings-campaign/img/prize50.png) center 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  section.content section.prize div.cont .image:before {
    top: -124px;
    right: -30px;
    width: 165px;
    height: 165px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.prize div.cont .image:before {
    top: -70px;
    right: -35px;
    width: 100px;
    height: 100px;
  }
}
section.content section.prize div.cont .image picture {
  position: relative;
  z-index: 1;
}
section.content section.post-now {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (min-width: 768px) {
  section.content section.post-now {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now {
    padding-top: 35px;
  }
}
section.content section.post-now .inner {
  border: none;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  section.content section.post-now .inner {
    padding: 10px;
    -webkit-box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now .inner {
    padding: 5px;
    -webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
  }
}
section.content section.post-now .inner > div {
  border: 2px solid #c69927;
}
@media screen and (min-width: 768px) {
  section.content section.post-now .inner > div {
    padding: 40px 40px 30px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now .inner > div {
    padding: 20px 10px 30px;
  }
}
section.content section.post-now h3.title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.content section.post-now h3.title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now h3.title {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now h3.title picture img {
    width: 322px;
  }
}
section.content section.post-now p {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.content section.post-now p {
    margin-top: 30px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now p {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul {
    margin-top: 16px;
  }
}
section.content section.post-now ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ebebeb;
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li {
    text-align: center;
    width: calc(50% - 20px);
    margin-top: 40px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li:not(:nth-of-type(1)) {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li .set {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li img {
    width: 50%;
    height: 100%;
    padding-right: 13px;
  }
}
section.content section.post-now ul li h4.title {
  font-family: YuMincho, "Yu Mincho";
  font-weight: bold;
  color: #cf2430;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li h4.title {
    margin-top: 16px;
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li h4.title {
    margin-top: 16px;
    font-size: 20px;
  }
}
section.content section.post-now ul li div.num-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li div.num-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
section.content section.post-now ul li div.num-wrap span.num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li div.num-wrap span.num {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li div.num-wrap span.num {
    margin-top: 12px;
  }
}
section.content section.post-now ul li div.num-wrap span.num span {
  font-family: YuMincho, "Yu Mincho";
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li div.num-wrap span.num span {
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li div.num-wrap span.num span {
    border-radius: 3px;
    -webkit-box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li div.num-wrap span.num span:not(:nth-of-type(1)) {
    margin-left: 6px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li div.num-wrap span.num span:not(:nth-of-type(1)) {
    margin-left: 3px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li div.num-wrap span.num span {
    padding: 2px 10px;
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li div.num-wrap span.num span {
    padding: 2px 5px;
    font-size: 29px;
  }
}
section.content section.post-now ul li div.num-wrap span.txt {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li div.num-wrap span.txt {
    margin-left: 10px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li div.num-wrap span.txt {
    margin-left: 8px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.post-now ul li a.btn {
    margin-top: 22px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li a.btn {
    margin-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.post-now ul li a.btn img {
    width: 245px;
  }
}
section.content section.step {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (min-width: 768px) {
  section.content section.step {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step {
    padding-top: 35px;
  }
}
section.content section.step .inner {
  border: none;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  section.content section.step .inner {
    padding: 10px;
    -webkit-box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  section.content section.step .inner {
    padding: 5px;
    -webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
  }
}
section.content section.step .inner > div {
  border: 2px solid #c69927;
}
@media screen and (min-width: 768px) {
  section.content section.step .inner > div {
    padding: 40px 40px 30px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step .inner > div {
    padding: 20px 10px 30px;
  }
}
section.content section.step h3.title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.content section.step h3.title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step h3.title {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step h3.title picture img {
    width: 261px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.step ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul {
    margin-top: 30px;
  }
}
section.content section.step ul li {
  background-color: #ebebeb;
}
@media screen and (min-width: 768px) {
  section.content section.step ul li {
    text-align: center;
    width: 33.3333333333%;
    padding: 30px 18px 17px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 20px 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li:nth-of-type(1) .title img {
    width: 59px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li:nth-of-type(2) .title img {
    width: 61px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li:nth-of-type(3) .title img {
    width: 58px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li:not(:nth-of-type(1)) {
    padding-top: 40px;
  }
}
section.content section.step ul li:not(:last-of-type) {
  position: relative;
}
@media screen and (min-width: 768px) {
  section.content section.step ul li:not(:last-of-type) {
    border-right: 6px solid #fff;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li:not(:last-of-type) {
    border-bottom: 5px solid #fff;
  }
}
section.content section.step ul li:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  section.content section.step ul li:not(:last-of-type):after {
    top: 0;
    right: -29px;
    bottom: 0;
    width: 29px;
    height: 64px;
    margin: auto 0;
    background: url(/products/special/proquality/toppings-campaign/img/line-arrow.jpg) center 0/100% no-repeat;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li:not(:last-of-type):after {
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -23px;
    width: 51px;
    height: 23.5px;
    background: url(/products/special/proquality/toppings-campaign/img/sp/line-arrow.jpg) center 0/100% no-repeat;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li p.title {
    width: 61px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li div.set {
    width: calc(100% - 61px);
    padding-left: 24px;
  }
}
section.content section.step ul li h4.sub-title {
  line-height: 1.4;
  font-weight: bold;
  color: #cf2430;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  section.content section.step ul li h4.sub-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li h4.sub-title {
    font-size: 15px;
  }
}
section.content section.step ul li h4.sub-title a {
  color: inherit;
}
section.content section.step ul li p.notice {
  line-height: 1.4;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.content section.step ul li p.notice {
    position: relative;
    z-index: 2;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.step ul li p.notice {
    margin-top: 10px;
    padding-left: 16px;
    font-size: 13px;
  }
}
section.content section.step ul li p.notice:before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  font-size: inherit;
}
section.content section.step ul li p.notice a {
  color: #cf2430;
}
@media screen and (min-width: 768px) {
  section.content section.step ul li:last-of-type p.notice {
    margin-top: 40px;
  }
}
section.content .banner {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.content .banner {
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 767px) {
  section.content .banner {
    margin: 24px auto 0;
  }
}
section.content section.terms {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (min-width: 768px) {
  section.content section.terms {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms {
    padding-top: 35px;
  }
}
section.content section.terms > .inner {
  border: none;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  section.content section.terms > .inner {
    padding: 10px;
    -webkit-box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms > .inner {
    padding: 5px;
    -webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
  }
}
section.content section.terms > .inner > div {
  border: 2px solid #c69927;
}
@media screen and (min-width: 768px) {
  section.content section.terms > .inner > div {
    padding: 40px 40px 30px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms > .inner > div {
    padding: 20px 10px 30px;
  }
}
section.content section.terms h3.title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.content section.terms h3.title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms h3.title {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms h3.title picture img {
    width: 165px;
  }
}
section.content section.terms div.cont {
  border: 1px solid #cba539;
}
@media screen and (min-width: 768px) {
  section.content section.terms div.cont {
    padding: 24px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms div.cont {
    padding: 10px;
  }
}
section.content section.terms div.cont div.inner {
  overflow: auto;
}
@media screen and (min-width: 768px) {
  section.content section.terms div.cont div.inner {
    height: 260px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms div.cont div.inner {
    height: 130px;
    padding-right: 10px;
  }
}
section.content section.terms div.cont div.inner h4.sub-title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  section.content section.terms div.cont div.inner h4.sub-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms div.cont div.inner h4.sub-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.terms div.cont div.inner h4.sub-title:not(:nth-of-type(1)) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms div.cont div.inner h4.sub-title:not(:nth-of-type(1)) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.terms div.cont div.inner > p {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms div.cont div.inner > p {
    margin-top: 5px;
    font-size: 14px;
  }
}
section.content section.terms ol {
  counter-reset: number 0;
}
@media screen and (min-width: 768px) {
  section.content section.terms ol {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms ol {
    margin-top: 10px;
  }
}
section.content section.terms ol > li {
  position: relative;
}
@media screen and (min-width: 768px) {
  section.content section.terms ol > li {
    margin: 10px 0 20px;
    padding-left: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms ol > li {
    margin: 5px 0 10px;
    padding-left: 16px;
    font-size: 14px;
  }
}
section.content section.terms ol > li:before {
  counter-increment: number 1; /* number カウンタの増加数をセット */
  content: counter(number) "."; /* 表示形式を指定 */
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  font-size: inherit;
  font-weight: bold;
}
section.content section.terms ol > li > span {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  section.content section.terms ul {
    margin: 6px 0 10px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms ul {
    margin: 3px 0 5px;
  }
}
section.content section.terms ul li {
  position: relative;
}
@media screen and (min-width: 768px) {
  section.content section.terms ul li {
    padding-left: 16px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms ul li {
    padding-left: 14px;
    font-size: 14px;
  }
}
section.content section.terms ul li:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  font-size: inherit;
}
section.content section.terms ul li.notice:before {
  content: "※";
}
section.content section.terms h5 {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  section.content section.terms h5 {
    margin: 10px 0 4px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms h5 {
    margin: 5px 0 2px;
    font-size: 14px;
  }
}
section.content section.terms h6 {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  section.content section.terms h6 {
    margin: 10px 0 4px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.terms h6 {
    margin: 5px 0 2px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  section.content section.inquiries {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.inquiries {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.inquiries h3.title picture img {
    width: 265px;
  }
}
@media screen and (max-width: 767px) {
  section.content section.inquiries p {
    font-size: 14px;
  }
}
section.content section.inquiries p:not(:nth-of-type(1)) {
  margin-top: 4px;
}
section.content section.inquiries a {
  line-height: 1.3;
}

a.top-return-btn {
  display: table;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  a.top-return-btn picture img {
    width: 354px;
  }
}

div.sns-icon ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  div.sns-icon ul {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  div.sns-icon ul {
    padding: 60px 0 50px;
  }
}
@media screen and (min-width: 768px) {
  div.sns-icon ul li:nth-of-type(2) {
    margin-left: 36px;
  }
}
@media screen and (max-width: 767px) {
  div.sns-icon ul li:nth-of-type(2) {
    margin: 0 26px;
  }
}
@media screen and (min-width: 768px) {
  div.sns-icon ul li:last-of-type {
    display: none;
  }
}