.contents h1, .contents h2 {
  margin-bottom: 0;
}

@media (min-width: 751px) {
  br.sp {
    display: none;
  }
}
@media (max-width: 750px) {
  br.pc {
    display: none;
  }
}
@media (min-width: 751px) {
  #Container {
    width: auto;
  }
  .WrapTop {
    width: 980px;
    margin: 0 auto;
  }
}
@media (max-width: 750px) {
  .contents .link a:hover img, .contents .link a:focus img, .contents a:hover img, .contents a:focus img {
    opacity: 1 !important;
  }
}
@media (min-width: 751px) {
  .contents .link a:focus img, .contents a:focus img {
    opacity: 1 !important;
  }
}
/* Pages
   ----------------------------------------------------------------- */
@media (min-width: 751px) {
  #mainvisual {
    width: 100%;
  }
  #mainvisual img {
    width: 100%;
  }
}
#sec01 {
  background: url(../image/bg02.png);
  background-size: 100% auto;
  padding: 60px 0;
}
@media (max-width: 767px) {
  #sec01 {
    padding: 0;
    background: none;
  }
}
@media (min-width: 751px) {
  #sec01 h2 {
    text-align: center;
    padding-top: 11px;
    padding-bottom: 0;
  }
  #sec01 h2 img {
    width: 100%;
    max-width: 1210px;
    object-fit: contain;
  }
}
#sec02 .pc {
  display: none !important;
}
@media (min-width: 751px) {
  #sec02 .pc {
    display: block !important;
  }
}

#sec02 {
  position: relative;
  top: -1px;
}

@media (min-width: 751px) {
  #sec02 {
    background-image: url(../image/pc/bg_220.png);
    background-size: 100% auto;
    background-position: 50% 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1518px) {
  #sec02 {
    background-size: 1518px auto;
  }
}
#sec02 .panel {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 751px) {
  #sec02 .panel {
    max-width: 1100px;
    padding: 76px 0 60px 0;
  }
  #sec02 .panel .lnk-hakuichi-ct {
    position: relative;
  }
  #sec02 .panel .lnk-hakuichi {
    position: absolute;
    top: 1003px;
    right: 192px;
    width: 261px;
    height: 41px;
    transition: opacity ease 0.4s;
    background: white;
    opacity: 0;
  }
  #sec02 .panel .lnk-hakuichi:hover {
    opacity: 0.3;
  }
}
#sec02 h3 {
  width: 100%;
  margin: -1px auto 0 auto;
}
#sec02 h3.lnk-hakuichi-ct {
  position: relative;
}
#sec02 h3 .lnk-hakuichi {
  position: absolute;
  top: 64.8%;
  right: 50%;
  transform: translateX(50%);
  width: 57.5%;
  height: 0;
  padding-top: 8.7%;
}

@media (min-width: 751px) {
  #sec02 h3 {
    width: auto;
    margin: 0 auto 15px auto;
    text-align: center;
  }
}
#sec02-2 {
  background-image: url(../image/bg04_btm.png), url(../image/bg04.jpg);
  background-repeat: no-repeat, repeat;
  background-position: 0 100%, 25% center;
  background-size: 100% auto, 20%;
  padding-bottom: 29%;
}

@media (min-width: 751px) {
  #sec02-2 {
    background-image: url("../image/pc/bg_sns.jpg");
    background-repeat: repeat;
    background-size: 100% auto;
    background-position: 50% 0;
    padding-bottom: 100px;
  }
}
@media (min-width: 751px) {
  #sec02-2 .inner {
    width: 982px;
    margin: 0 auto;
    padding-top: 100px;
  }
}

@media (min-width: 751px) {
  #sec02-2 h3 {
    padding-top: 90px;
  }
}

#sec02-2 h4 {
  margin-top: 14%;
  width: 87%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 751px) {
  #sec02-2 h4 {
    width: auto;
    margin-top: 50px;
  }
}

#sec02-2 .hash {
  margin-top: 6%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media (min-width: 751px) {
  #sec02-2 .hash {
    text-align: center;
    margin-top: 32px;
    width: auto;
  }
}

#sec02-2 .anc {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
#sec02-2 .anc *:hover img {
  opacity: 1;
}
@media (max-width: 750px) {
  #sec02-2 .anc {
    margin-top: 7%;
    display: block;
  }
  #sec02-2 .anc li {
    width: 87%;
    margin: 4% auto 0 auto;
  }
}

#sec02-2 .steps.pc {
  display: none;
}

@media (min-width: 751px) {
  #sec02-2 .steps.pc {
    display: block;
  }
  #sec02-2 .steps {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    letter-spacing: 0.05em;
  }
  #sec02-2 .steps-insta {
    top: 1174px;
    left: 32px;
  }
  #sec02-2 .steps-insta li {
    position: absolute;
    top: 0;
    width: 220px;
  }
  #sec02-2 .steps-insta li:nth-of-type(2) {
    left: 216px;
  }
  #sec02-2 .steps-insta li:nth-of-type(3) {
    left: 447px;
  }
  #sec02-2 .steps-insta li:nth-of-type(4) {
    left: 682px;
  }
  #sec02-2 .steps-tw {
    top: 418px;
    left: 32px;
  }
  #sec02-2 .steps-tw li {
    position: absolute;
    top: 0;
    width: 220px;
  }
  #sec02-2 .steps-tw li:nth-of-type(2) {
    left: 216px;
  }
  #sec02-2 .steps-tw li:nth-of-type(3) {
    left: 447px;
  }
  #sec02-2 .steps-tw li:nth-of-type(4) {
    left: 682px;
  }
}
#sec02-2 .panel {
  width: 87%;
  margin: 0 auto;
  padding: 8% 0 0 0;
  position: relative;
}

@media (min-width: 751px) {
  #sec02-2 .panel {
    width: 980px;
    padding: 40px 0 40px 0;
  }
}
#sec02-2 .panel #twitter {
  position: absolute;
  top: 37px;
  left: 0;
}
@media (max-width: 750px) {
  #sec02-2 .panel #twitter {
    top: 2.2%;
  }
}

#sec02-2 .panel #instagram {
  position: absolute;
  top: 799px;
  left: 0;
}
@media (max-width: 750px) {
  #sec02-2 .panel #instagram {
    top: 52%;
  }
}

#sec02-2 .panel .how {
  position: absolute;
  top: 0;
  left: 12%;
  width: 76%;
}

@media (min-width: 751px) {
  #sec02-2 .panel .how {
    display: none;
  }
}
#sec02-2 .panel .how .slick-slide {
  -webkit-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

#sec02-2 .panel .how .slick-dots li.slick-active button:before, #sec02-2 .panel .how .slick-dots li button:before {
  opacity: 1;
}

#sec02-2 .panel .how-insta {
  top: 59.5%;
}

#sec02-2 .panel .how-insta .slick-dots li.slick-active button:before {
  color: #b165c1;
}

#sec02-2 .panel .how-insta .slick-dots li button:before {
  color: #ffc9ee;
}

#sec02-2 .panel .how-tw {
  top: 10%;
}

#sec02-2 .panel .how-tw .slick-dots li.slick-active button:before {
  color: #1da1f3;
}

#sec02-2 .panel .how-tw .slick-dots li button:before {
  color: #a4dcff;
}

#sec02-2 .panel .how .slide {
  margin: 0 auto;
}

#sec02-2 .panel .how .slide ul, #sec02-2 .panel .how .slide li {
  margin: 0;
}

#sec02-2 .panel .how .slide li {
  position: relative;
}

#sec02-2 .panel .how .slide li > span {
  text-align: center;
  position: absolute;
  top: 61.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  letter-spacing: 0.01em;
  font-size: 16px;
  font-weight: bold;
  color: black;
  line-height: 1.6;
}

#sec02-2 .panel .how .arrows .slick-prev, #sec02-2 .panel .how .arrows .slick-next {
  width: 3.1vw;
}

#sec02-2 .panel .how .arrows .slick-prev:before, #sec02-2 .panel .how .arrows .slick-next:before {
  content: "";
}

#sec02-2 .panel .how .arrows .slick-prev {
  left: -5vw;
}

#sec02-2 .panel .how .arrows .slick-next {
  right: -5vw;
}

#sec02-2 .panel .how .arrows .slick-disabled {
  opacity: 0.2;
}

#sec02-2 .panel .btn-how {
  position: absolute;
  width: 84%;
  left: 8%;
}

@media (min-width: 751px) {
  #sec02-2 .panel .btn-how {
    width: 753px;
    left: 50%;
    margin-left: -377px;
  }
  #sec02-2 .panel .btn-how:hover img {
    opacity: 1;
  }
}
#sec02-2 .panel .btn-how-insta {
  top: 88.3%;
}

@media (min-width: 751px) {
  #sec02-2 .panel .btn-how-insta {
    top: 1345px;
  }
}
#sec02-2 .panel .btn-how-tw {
  top: 39.3%;
}

@media (min-width: 751px) {
  #sec02-2 .panel .btn-how-tw {
    top: 588px;
  }
}
#sec02-2 .panel-2 {
  width: 87%;
  margin: 0 auto;
  padding: 6% 0 10% 0;
  position: relative;
}

@media (min-width: 751px) {
  #sec02-2 .panel-2 {
    width: 980px;
    padding: 40px 0 80px 0;
  }
}
#sec02-2 .panel-2 .how {
  position: absolute;
  top: 0;
  left: 12%;
  width: 76%;
}

@media (min-width: 751px) {
  #sec02-2 .panel-2 .how {
    display: none;
  }
}
#sec02-2 .panel-2 .how .slick-slide {
  -webkit-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

#sec02-2 .panel-2 .how .slick-dots li.slick-active button:before, #sec02-2 .panel-2 .how .slick-dots li button:before {
  opacity: 1;
}

#sec02-2 .panel-2 .how-web {
  top: 21%;
}

#sec02-2 .panel-2 .how-web .slick-dots li.slick-active button:before {
  color: #feaa07;
}

#sec02-2 .panel-2 .how-web .slick-dots li button:before {
  color: #ffe4a9;
}

#sec02-2 .panel-2 .how-tw {
  top: 57%;
}

#sec02-2 .panel-2 .how-tw .slick-dots li.slick-active button:before {
  color: #1da1f3;
}

#sec02-2 .panel-2 .how-tw .slick-dots li button:before {
  color: #a4dcff;
}

#sec02-2 .panel-2 .how .slide {
  margin: 0 auto;
}

#sec02-2 .panel-2 .how .slide ul, #sec02-2 .panel-2 .how .slide li {
  margin: 0;
}

#sec02-2 .panel-2 .how .slide li {
  position: relative;
}

#sec02-2 .panel-2 .how .slide li > span {
  text-align: center;
  position: absolute;
  top: 61.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  letter-spacing: 0.01em;
  font-size: 16px;
  font-weight: bold;
  color: black;
  line-height: 1.6;
}

#sec02-2 .panel-2 .how .arrows .slick-prev, #sec02-2 .panel-2 .how .arrows .slick-next {
  width: 3.1vw;
}

#sec02-2 .panel-2 .how .arrows .slick-prev:before, #sec02-2 .panel-2 .how .arrows .slick-next:before {
  content: "";
}

#sec02-2 .panel-2 .how .arrows .slick-prev {
  left: -5vw;
}

#sec02-2 .panel-2 .how .arrows .slick-next {
  right: -5vw;
}

#sec02-2 .panel-2 .how .arrows .slick-disabled {
  opacity: 0.2;
}

#sec02-2 .panel-2 .btn-how {
  position: absolute;
  width: 84%;
  left: 8%;
}

@media (min-width: 751px) {
  #sec02-2 .panel-2 .btn-how {
    width: 753px;
    left: 50%;
    margin-left: -377px;
  }
  #sec02-2 .panel-2 .btn-how:hover img {
    opacity: 1;
  }
}
#sec02-2 .panel-2 .btn-how-web {
  top: 74%;
}

@media (min-width: 751px) {
  #sec02-2 .panel-2 .btn-how-web {
    top: 580px;
  }
}
#sec02-2 .panel-2 .btn-how-tw {
  top: 86.3%;
}

@media (min-width: 751px) {
  #sec02-2 .panel-2 .btn-how-tw {
    top: 1318px;
  }
}
#sec02-2 h3 {
  width: 100%;
  margin: 0 auto;
  padding-top: 8%;
}

@media (min-width: 751px) {
  #sec02-2 h3 {
    width: auto;
    text-align: center;
    padding-top: 0;
  }
}
#sec02-2 h3.submit {
  width: 67%;
}

@media (min-width: 751px) {
  #sec02-2 h3.submit {
    width: auto;
  }
}
#sec02-2 .tabs {
  width: 87%;
  margin: 6% auto 0 auto;
}

@media (min-width: 751px) {
  #sec02-2 .tabs {
    width: 980px;
    margin: 30px auto 0 auto;
  }
}
#sec02-2 .tabs a {
  color: blue;
  cursor: pointer;
}
#sec02-2 .tabs a:hover {
  text-decoration: underline !important;
}

#sec02-2 .tabs-link {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 751px) {
  #sec02-2 .tabs-link.sp {
    display: none;
  }
}
@media (max-width: 750px) {
  #sec02-2 .tabs-link.pc {
    display: none;
  }
  #sec02-2 .tabs-link li {
    width: 30%;
  }
}
@media (min-width: 751px) {
  #sec02-2 .tabs-link {
    width: 100%;
  }
  #sec02-2 .tabs-link li {
    width: 314px;
    text-align: center;
  }
}
#sec02-2 .tabs-link .tw {
  border-radius: 14px 0 0 0;
  background-color: white;
  border-left: 2px solid #1da1f3;
  border-right: 2px solid #1da1f3;
  border-top: 2px solid #1da1f3;
}

@media (min-width: 751px) {
  #sec02-2 .tabs-link .tw {
    border-left: 4px solid #1da1f3;
    border-right: 4px solid #1da1f3;
    border-top: 4px solid #1da1f3;
  }
}
#sec02-2 .tabs-link .tw.cur {
  background-color: #1da1f3;
}
@media (max-width: 750px) {
  #sec02-2 .tabs-link .tw.cur {
    border-bottom: 1px solid #1da1f3;
    margin-bottom: -1px;
  }
}

#sec02-2 .tabs-link .insta {
  background-color: white;
  border-left: 2px solid #b165c1;
  border-right: 2px solid #b165c1;
  border-top: 2px solid #b165c1;
}

@media (min-width: 751px) {
  #sec02-2 .tabs-link .insta {
    border-left: 4px solid #b165c1;
    border-right: 4px solid #b165c1;
    border-top: 4px solid #b165c1;
  }
}
#sec02-2 .tabs-link .insta.cur {
  background-color: #b165c1;
}
@media (max-width: 750px) {
  #sec02-2 .tabs-link .insta.cur {
    border-bottom: 1px solid #b165c1;
    margin-bottom: -1px;
  }
}

#sec02-2 .tabs-link .web {
  border-radius: 0 14px 0 0;
  background-color: white;
  border-left: 2px solid #feaa07;
  border-right: 2px solid #feaa07;
  border-top: 2px solid #feaa07;
}

@media (min-width: 751px) {
  #sec02-2 .tabs-link .web {
    border-left: 4px solid #feaa07;
    border-right: 4px solid #feaa07;
    border-top: 4px solid #feaa07;
  }
}
#sec02-2 .tabs-link .web.cur {
  background-color: #feaa07;
}
@media (max-width: 750px) {
  #sec02-2 .tabs-link .web.cur {
    border-bottom: 1px solid #feaa07;
    margin-bottom: -1px;
  }
}

#sec02-2 .tabs-contents {
  margin-top: 0;
}

#sec02-2 .tabs-contents li {
  border: 12px solid;
  height: 80vw;
  background-color: white;
  overflow-y: scroll;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
}

@media (min-width: 751px) {
  #sec02-2 .tabs-contents li {
    border: 20px solid;
    height: 424px;
  }
}
#sec02-2 .tabs-contents li div {
  padding: 4vw;
  font-size: 12px;
  color: black;
}

@media (min-width: 751px) {
  #sec02-2 .tabs-contents li div {
    padding: 14px 19px;
  }
}
#sec02-2 .tabs-contents li.insta {
  border-color: #b165c1;
}

#sec02-2 .tabs-contents li.tw {
  border-color: #1da1f3;
}

#sec02-2 .tabs-contents li.web {
  border-color: #feaa07;
}

#sec03 {
  background-image: url("../image/checker.png");
  background-position: 25% center;
  background-size: 14%;
}

@media (min-width: 751px) {
  #sec03 {
    background-size: 98px;
  }
}
#sec03 h2 {
  width: 85%;
  margin: 0 auto;
  padding-top: 13%;
  padding-bottom: 12%;
}

@media (min-width: 751px) {
  #sec03 h2 {
    text-align: center;
    width: auto;
    padding-top: 85px;
    padding-bottom: 125px;
  }
}
#sec04 {
  background-image: url("../image/bg_insta.jpg");
  background-position: 50% center;
  background-size: 100% auto;
  padding-bottom: 50px;
}

@media (min-width: 751px) {
  #sec04 {
    background-image: url("../image/pc/title_bg.jpg");
    background-size: 100% auto;
    background-position: 50% 0;
    padding-bottom: 100px;
  }
}
#sec04 h2 {
  width: 100%;
  margin: 0 auto;
  padding-top: 14%;
  padding-bottom: 5%;
}

@media (min-width: 751px) {
  #sec04 h2 {
    text-align: center;
    width: auto;
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
#sec04 p.embed {
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 750px) {
  #sec04 .inner > div {
    width: 87% !important;
  }
}
#sec05 {
  background-image: url("../image/bg_green.jpg");
  background-position: 25% center;
  background-size: 20%;
}

@media (min-width: 751px) {
  #sec05 {
    background-size: 136px auto;
  }
}
#sec05 h2 {
  width: 88%;
  margin: 0 auto;
  padding-top: 12%;
  padding-bottom: 13%;
}

@media (min-width: 751px) {
  #sec05 h2 {
    text-align: center;
    width: auto;
    padding-top: 77px;
    padding-bottom: 129px;
  }
}
#sec06 {
  background-image: url("../image/checker.png");
  background-position: 25% center;
  background-size: 14%;
}

@media (min-width: 751px) {
  #sec06 {
    background-size: 98px;
    padding-bottom: 82px;
  }
}
#sec06 a {
  display: block;
  width: 88%;
  margin: 0 auto;
  padding-top: 12%;
  padding-bottom: 12%;
}

@media (min-width: 751px) {
  #sec06 a {
    width: 840px;
    padding-top: 76px;
    padding-bottom: 0;
  }
}
#sec07 {
  background: url(../image/bg04.jpg);
  padding: 70px 0 10px;
  text-align: center;
  position: relative;
}
#sec07 .inner {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #sec07 {
    padding: 9vw 7vw 60px;
  }
}
#sec07 .txt {
  font-weight: 600;
  line-height: 2;
  padding: 10px 0 0;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  #sec07 .txt {
    padding: 4vw 0 0;
    margin-bottom: 8vw;
    font-size: 3.4vw;
  }
}
#sec07 .txt a {
  color: #e40600;
  text-decoration: underline;
}
@media (max-width: 767px) {
  #sec07 .btn {
    width: 68vw;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  #sec07 .btn:last-of-type {
    width: 100%;
  }
}
#sec07 img {
  max-width: 100%;
  width: auto;
}
#sec07 .btn img {
  width: auto;
}
@media (min-width: 768px) {
  #sec07 .btn img {
    transition: opacity ease 0.4s;
  }
}

#sec07 .totop {
  width: 20%;
  margin: 8% auto 0 auto;
  display: block;
  padding: 0 8% 0 8%;
}

@media (min-width: 751px) {
  #sec07 .totop {
    position: absolute;
    right: 39px;
    bottom: 89px;
    margin: 0;
    width: auto;
    padding: 0;
  }
}
#sec-cp-second {
  background-image: url("../image/bg_green.jpg");
  background-position: 25% center;
  background-size: 20%;
  padding-bottom: 12%;
}

@media (min-width: 751px) {
  #sec-cp-second {
    background-size: 136px auto;
    padding-bottom: 60px;
  }
}
@media (min-width: 751px) {
  #sec-cp-second .end-cp {
    background-color: #e92703;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 4px solid white;
  }
}
#sec-cp-second .cp-second {
  width: 87%;
  margin: 8% auto 0 auto;
}

@media (min-width: 751px) {
  #sec-cp-second .cp-second {
    width: auto;
    margin: 42px auto 0 auto;
    text-align: center;
  }
}
#sec-cp-second .cp-second .lbl-cp-second {
  display: none;
}

@media (min-width: 751px) {
  #sec-cp-second .cp-second .lbl-cp-second {
    display: block;
    margin-bottom: 18px;
  }
}
#Container {
  margin: 0 auto 60px;
}