@charset "UTF-8";

#cover {
  background-image: url("../img/popup/bg_cover_pc@2x.jpg");
  background-size: cover;
  background-position: center top;
}

#description {
  position: relative;
  padding: 200px 0 120px;
}
#description .title_popup {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 810px;
}
#description p {
  text-align: center;
  font-size: 16px;
  line-height: 1.75;
  color: #454554;
  padding-bottom: 80px;
}
#description .index {
  width: 940px;
  background-color: #f5f5f5;
  margin: 0 auto;
  padding: 40px 120px;
  border-radius: 14px;
  box-sizing: border-box;
}
#description .index .title_index {
  text-align: center;
  font-size: 16px;
  color: #454554;
  margin-bottom: 40px;
}
#description .index .list_index {
  font-size: 18px;
  line-height: 1.2;
}
#description .index .list_index li + li {
  margin-top: .8em;
}
#description .index .list_index li a {
  color: #222576;
}
#description .index .list_index > li {
  font-weight: 700;
  list-style: disc;
}
#description .index .list_index ul {
  margin: .8em 0 0 1.5em;
}
#description .index .list_index ul li {
  font-weight: 400;
  list-style: circle;
}

#thanks_01,
#thanks_02 {
  position: relative;
  background-image: url("../img/popup/bg_thanks_top_pc.svg"), url("../img/popup/bg_thanks_bottom.svg");
  background-position: center top, center top 120px;
  background-repeat: no-repeat, no-repeat;
  padding: 120px 0;
}
#thanks_01 {
  background-size: 100% 120px, 100% 2800px;
}
#thanks_02 {
  background-size: 100% 120px, 100% 1866px;
  padding-bottom: 40px;
}
.thanks .inner {
  position: relative;
  width: 680px;
  margin: 0 auto;
}
.thanks .inner .decoration_rice_01,
.thanks .inner .decoration_rice_02,
.thanks .inner .decoration_rice_03,
.thanks .inner .decoration_rice_04 {
  position: absolute;
  width: 84px;
}
.thanks .inner .decoration_rice_01 {
  top: 0;
  left: -120px;
}
.thanks .inner .decoration_rice_02 {
  top: 830px;
  right: -120px;
}
.thanks .inner .decoration_rice_03 {
  top: 3300px;
  left: -120px;
}
.thanks .inner .decoration_rice_04 {
  top: 4100px;
  right: -120px;
}
.thanks .decoration_thanks-rice {
  position: absolute;
  top: 0;
  left: 7.32%;
  width: 368px;
}
.thanks h2 {
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
.thanks h3 {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 40px;
}
.thanks p {
  font-size: 18px;
  line-height: 1.7;
}
.thanks p + p {
  margin-top: 1em;
}
.thanks .photo .flex {
  display: flex;
  gap: 8px;
}
.thanks .photo .flex div {
  width: 336px;
}
.thanks .photo .caption {
  display: block;
  font-size: 14px;
  line-height: 1.3;
  margin-top: .5em;
}
.thanks p + .photo,
.thanks .photo + p,
.thanks p + h3,
.thanks .photo + h3 {
  margin-top: 80px;
}
.thanks .photo + .photo{
  margin-top: 24px;
}
.thanks .line_thanks-rice {
  width: 100%;
  margin: 80px 0;
}
.thanks .profile {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin: 24px 0 80px;
}
.thanks .profile .image {
  width: 222px;
}
.thanks .profile .text {
  flex: 1;
}
.thanks .profile .text .box {
  background-color: #f5f5f5;
  padding: 24px;
}
.thanks .profile .text .box h4 {
  font-size: 16px;
  margin-bottom: .5em;
}
.thanks .profile .text .box h4 small {
  font-size: .88em;
}
.thanks .profile .text .box p {
  font-size: 14px;
  line-height: 1.4;
}
.thanks .column-2 {
  display: flex;
  gap: 40px;
}
.thanks .column-2 .text {
  flex: 1;
}
.thanks .column-2 .image {
  width: 224px;
}
.thanks .banner {
  width: 600px;
  margin: 80px auto;
}
.thanks .banner a {
  transition: all .3s;
}
.thanks .banner a:hover {
  opacity: .7;
}
.img_kansya {
  display: block;
  width: 660px;
  margin: 80px auto 0;
}