@charset "UTF-8";

/*----------------
スマホのみ
-----------------*/
@media screen and (min-width: 768px) {
body {position: relative;}
.pc_content {padding: 0;}
.pc_no{display: none;}
/*PCのときの幅*/
.pc_content .content {
  position: relative;
  width: min(100%, 560px);
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  background: #fff;
  box-shadow: 5px 30px 35px 5px rgb(0, 0, 0);
}
.pc_content .content::before {
  content: '';
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -50px;
  z-index: -1;
  background: #fff;
}

/*PCの左右情報*/
.pc-only .pc-only__title {
  position: absolute;
  width:16rem;
  top: 1rem;
  left: 1rem;
}
.pc-only__flag{
  position: absolute;
  width: 4rem;
  top: 1rem;
  right:1rem;
}
.txt_pc_lead{
  position: absolute;
  left: 5%;
  top: 40%;
  font-family: var(--font-mincho);
  text-align: center;
  color: var(--color-white);
  line-height: 3rem;

}
.pc-only h2{
  width: 140px;
  position: absolute;
  right: 16%;
  top: 30%;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 1));
}
.pc-only__check{
  width: 150px;
  position: absolute;
  right:5%;
  top: 45%;
}
.pc-only button{
  display: block;
  width: 140px; height: 140px;
  position: absolute;
  right:5%; top: 62.8%;
  border-radius: 80px;
  color: var(--color-white);
  background-color: var(--color-red);
  transition: 0.3s;
}
.pc-only button a{
  display: block;
  width: 140px; height: 140px;
  text-align: center;
  font-size: var(--s26);
  font-weight: 400;
  padding-top:2.2rem;
  z-index: 999;
  cursor: pointer;
  color: var(--color-white);
}

.pc-only button:hover{
  background-color:var(--color-yellow);
  color: var(--color-red);
}

.main .main__inner {
  width: 90%;
  padding-top: 5%;
  margin-right: auto;
  margin-left: auto;
}
.u-pc-no {
  display: none;
}
}


/*1000px〜1200pxのときロゴだけを非表示*/
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .pc-only .pc-only__logo {
    display: none;
  }
}


@media screen and (min-width: 500px) {
/*PCの背景*/
.pc-only {
  background: url(../img/bg.jpg) no-repeat, #fff;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
}