@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

/* SP */
main img {
  display: block;
  width: 100%;
  height: auto;
}
.kv {
  width: 100%;
}
.contain {
  width: 100%;
  margin: 0 auto;
  padding: 8vw 0 9vw;
  box-sizing: border-box;

  background-image: url(../img/bg-sky.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
.contain_inner {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.date {
  width: 68.266%;
  margin: 0 auto;
}
.sns_list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 6.6vw;

  margin: 5.3vw 0 0;
  padding: 0;
  list-style: none;
}
.sns_list li {
  width: 19%;
}
.sns_list a {
  display: block;
  transition: opacity 0.2s ease;
}
.sns_list a:hover {
  opacity: 0.85;
}
.sns_list a::before,
.sns_list a::after {
  content: none;
}
.share {
  width: 49.333%;
  margin: 5.8vw auto 0;
}
.intro_box {
  width: 94.666%;
  margin: 5.8vw auto 0;
  padding: 10vw 4vw 8.6vw;
  box-sizing: border-box;
  background: #fff;
  border-radius: 24vw;
  text-align: center;
}
.intro_ttl {
  width: 65.066%;
  margin: 0 auto;
}
.intro_lead {
  margin: 7.3vw 0 0;

  font-family: 'Noto Sans', sans-serif;
  font-size: 5.3vw;
  line-height: 1.35;
  font-weight: 700;
}
.intro_text {
  margin: 5.3vw 0 0;

  font-family: 'Noto Sans', sans-serif;
  font-size: 3.8vw;
  line-height: 1.8;
  font-weight: 400;
}
.intro_illust {
  width: 34.266%;
  margin: 5.3vw min(8vw, 38px) 0 auto;
}
.share_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3vw;

  margin: 8vw 0 0;
  padding: 0;
  list-style: none;
}
.share_btns li {
  width: 70px;
}
.share_btns a {
  display: block;
  transition: opacity 0.2s ease;
}
.share_btns a:hover {
  opacity: 0.85;
}
.share_btns a::before,
.share_btns a::after {
  content: none;
}
.share_btns img {
  display: block;
  width: 100%;
  height: auto;
}



/* PC */
@media screen and (min-width: 750px) {
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
 main {
  display: block;
  position: relative;

  left: 50%;
  width: max(100dvw, 1000px);
  margin-left: calc(-1 * max(50dvw, 500px));

  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
 }
 .kv {
  width: 680px;
  margin: 0 auto;
 }
 .contain {
  width: 680px;
   max-width: 680px;
  margin: 0 auto;
  padding: 60px 0 65px;
  box-sizing: border-box;

  background-size: 100% 100%;
 }
 .date {
  width: 78%;
  margin: 0 auto;
 }
 .sns_list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 3vw;

  margin: 5.3vw 0 0;
  padding: 0;
  list-style: none;
 }
 .sns_list li {
  width: 20%;
 }
 .share {
  width: 49.333%;
  margin: 2vw auto 0;
 }
 .intro_box {
  width: 90%;
  margin: 4vw auto 0;
  padding: 6vw 4vw 4vw;
  border-radius: 10vw;
  text-align: center;
 }
 .intro_ttl {
  width: 90%;
  margin: 0 auto;
 }
 .intro_lead {
  margin-top: 50px;
  font-size: 32px;
  line-height: 1.65;
 }
 .intro_text {
  margin-top: 45px;
  font-size: 22px;
  line-height: 1.8;
 }
 .intro_illust {
   width: 230px;
   margin: 40px 0 0 auto;
 }
 .share_btns {
   gap: 10px;
   margin-top: 60px;
 }
 .share_btns li {
   width: 70px;
 }
}