.pc {
  display: block !important;
}
.sp {
  display: none !important;
}

/*notes*/
header {
  background: bottom center / 2500px url(../img/bg1.png) no-repeat;
  padding: 0 3% clamp(3.125rem, 1.982rem + 4.88vw, 6.25rem);
}
@media screen and (max-width:750px){
header {
  background: bottom center / cover url(../img/bg1_sp.png) no-repeat;
}
}
header div {
  margin: auto;
  max-width: 1150px;
}
header .box2 {
  background: #fff;
  border-radius: clamp(1.25rem, -0.122rem + 5.85vw, 2rem);
  box-sizing: border-box;
  margin: auto;
  max-width: 700px;
  padding: clamp(1.25rem, 0.793rem + 1.95vw, 1.5rem) clamp(1.25rem, -0.122rem + 5.85vw, 2rem);
}
form input[type=text] {
  background: #fff;
  border: 3px solid #8291a7;
  border-radius: 10px;
  font-size: clamp(1rem, 0.771rem + 0.98vw, 1.625rem);
  padding: 3%;
  text-align: center;
  width: 94%;
}
form input[type=submit] {
  background: top center / cover url(../img/submit.png) no-repeat;
  border: none;
  cursor: pointer;
  display: block;
  filter: drop-shadow(0 8px 8px rgba(47,131,175,0.32));
  height: clamp(3.5rem, 1.579rem + 8.2vw, 8.65rem);
  margin: auto;
  transition: .4s;
  max-width: clamp(16rem, 7.22rem + 37.46vw, 40rem);
  width: 100%;
}
form input[type=submit]:hover {
  background: top center / cover url(../img/submit_hover.png) no-repeat;
}
::-webkit-input-placeholder {
  color: #c9d1d0;
  font-weight: 700;
}
header .box2 p {
  font-size: clamp(0.625rem, 0.534rem + 0.39vw, 0.875rem);
  margin-top: 1em;
}

/*notes*/
.s01__wrap {
  background: top center / 2500px url(../img/bg2.png) no-repeat;
  padding: 20px 3% clamp(3.125rem, 1.982rem + 4.88vw, 6.25rem);
}
@media screen and (max-width:750px){
.s01__wrap {
  background: top center / cover url(../img/bg2_sp.png) no-repeat;
}
}
.s01__wrap .box1 {
  position: relative;
  margin: auto;
  max-width: 900px;
}
.s01__wrap .box1:before {
  content: '';
  position: absolute;
  background: 100% / 100% url(../img/present.png) no-repeat;
  width: clamp(10.125rem, 6.421rem + 15.8vw, 20.25rem);
  height: clamp(5.125rem, 3.227rem + 8.1vw, 10.313rem);
  top: 0;
  left: -160px;
}
@media screen and (max-width:1200px){
.s01__wrap .box1:before {
  left: -80px;
}
}
@media screen and (max-width:1000px){
.s01__wrap .box1:before {
  left: -40px;
}
}
@media screen and (max-width:750px){
.s01__wrap .box1:before {
  display: none;
}
}

/*notes*/
header.privacy {
  background: none;
}
header.privacy div {
  margin: auto;
  max-width: 400px;
}
.s02__wrap .box {
  margin: 0 auto 8em;
  max-width: 800px;
}
.s02__wrap h2 {
  font-size: 24px;
  margin-bottom: 2em;
  text-align: center;
}
.s02__wrap h3 {
  font-size: 18px;
  margin-bottom: 1em;
}
.s02__wrap .box div {
  margin-left: 1em;
}
.s02__wrap h4 {
  font-size: 16px;
}
.s02__wrap p {
  margin-bottom: 2em;
}

/*notes*/
footer {
  background: #2e3840;
  color: #fff;
  font-size: clamp(0.75rem, 0.681rem + 0.29vw, 0.938rem);
  padding: 1em 5%;
  text-align: center;
}
footer a:link,footer a:visited,footer a:hover,footer a:active {
  color: #fff;
}

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

}