@charset "UTF-8";
/* CSS Document */
/*start_リニューアル2021対応*/
:where(.containner) *,
:where(.containner)::after,
:where(.containner)::before {
  box-sizing: content-box;
}

:where(.containner) img {
  width: auto;
}
/*end_リニューアル2021対応*/

.contents {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", "メイリオ",
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.contents img {
  width: 100%;
}

.contents a:hover {
  opacity: 0.7;
  transition: opacity 0.3s;
}

/* メインビジュアル_start */
.lead img {
  width: auto;
  height: 185px;
}

.mainVisual {
  position: relative;
  background-image: url("/attending/t/osa-d/hkb/images/pc/ttl_bg-SP25-050445D.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: 1230px;
  overflow: hidden;
}

.mainVisual::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 134px;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents1-bg_shadow.png");
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: contain;
}

.lead {
  background-image: url("/attending/t/osa-d/hkb/images/result/pc/ttl-obi__repeat.png");
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  height: 185px;
  text-align: center;
}

.mainVisual__inner {
  position: absolute;
  top: 230px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("/attending/t/osa-d/hkb/images/pc/ttl-bg_ppl.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -40px top;
  width: 1328px;
  height: 1001px;
}

.mainVisual__title {
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 797px;
  height: 483px;
}
/* メインビジュアル_end */

/* コンテンツ1_start */
.contents1 {
  position: relative;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents1-bg_main.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: 1262px;
}

.contents1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents1-bg_base.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 22.5%;
}

.contents1__lead {
  position: relative;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  width: 735px;
  height: 120px;
  text-align: center;
}

.contents1__movie {
  position: relative;
  width: 640px;
  height: 357px;
  margin: 0 auto;
  z-index: 2;
}

.contents1__movie .comingsoon {
  position: absolute;
  width: 600px;
  height: 62px;
  margin: 0 auto;
  top: 43%;
  z-index: 2;
  left: 20px;
  transform: rotate(-10deg);
}

.contents1-text__wrapper {
  position: relative;
  z-index: 1;
}

.contents1-text__wrapper::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -340px;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents1-BP25-047118D.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 694px;
  height: 497px;
  z-index: -1;
}

.contents1-caption {
  margin-top: 40px;
}

/* コンテンツ1_end */

/* コンテンツ2_start */
.contents2 {
  position: relative;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents2-bg.png");
  background-repeat: repeat;
  background-position: top center;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 250px 0 200px;
  z-index: 1;
}

.contents2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d43e2d;
  width: 100%;
  height: 100px;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  z-index: -1;
}

.contents2 .Common21__inner {
  position: relative;
}

.contents2 .Common21__inner::before,
.contents2 .Common21__inner::after {
  content: "";
  position: absolute;
  display: block;
  background-image: url("/attending/t/osa-d/hkb/images/result/pc/contents2-brush.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 326px;
  height: 250px;
}

.contents2 .Common21__inner::before {
  top: -190px;
  right: -190px;
}

.contents2 .Common21__inner::after {
  left: -190px;
  bottom: -190px;
  transform: scale(-1, 1);
}

.contents2-loser {
  position: relative;
}

.contents2-loser::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents2-deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 88px;
  height: 78px;
  transform: rotate(15deg);
}

/* コンテンツ2_end */

/* コンテンツ3_start */
.contents3 {
  position: relative;
  background-color: #d43e2d;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents3-bg_fire.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: auto;
  padding-bottom: 100px;
}

.contents3 .contents-common_block::before {
  content: "";
  position: absolute;
  top: -180px;
  left: -155px;
  background-image: url("/attending/t/osa-d/hkb/images/result/pc/contents3-wappen_1st.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 397px;
  height: 257px;
}

.contents3-ttl {
  position: relative;
  top: -40px;
  width: 754px;
  height: 306px;
}

.contents3-1st {
  position: relative;
  left: -40px;
  width: 1024px;
  height: auto;
  margin: 0 auto;
}

.contents3-sbttl {
  width: 946px;
  margin: 0 auto;
}

.contents3-point_group {
  position: relative;
  /* width: 537px;
  height: 490px;
  padding-left: calc(100% - 537px); */
}

/* .contents3-point_group::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  display: block;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents3-img1.png");
  background-repeat: no-repeat;
  width: 456px;
  height: 529px;
} */

.contents3-group_inner {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  /* flex-direction: column;
  height: 100%; */
}

.contents3-group_inner figure {
  width: 400px;
}

.contents3-group_inner ul {
  width: calc(100% - 400px - 20px);
}

.contents3-price {
  position: relative;
  width: 800px;
  height: auto;
  margin: 30px auto 0;
  padding-bottom: 20px;
  z-index: 1;
}

.contents3-price::before {
  content: "";
  position: absolute;
  top: -95px;
  right: -70px;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents-BP19-112909D.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 230px;
  height: 100px;
  transform: rotate(-15deg);
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

.contents3-comment {
  position: relative;
  margin-top: -30px;
}

.contents3-comment figure {
  filter: drop-shadow(6px 7px 10px rgba(143, 32, 20, 0.8));
}
/* コンテンツ3_end */

/* コンテンツ4_start */
.contents4 {
  position: relative;
  background-color: #4462bf;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents4-bg_fire.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: auto;
  padding-bottom: 100px;
  z-index: 1;
}

.contents4 .contents-common_block {
  margin-top: 30px;
  padding-bottom: 60px;
}

.contents4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents2-bg.png");
  background-repeat: repeat;
  background-position: top center;
  width: 100%;
  height: 100px;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  z-index: -1;
}

.contents4 .Common21__inner {
  position: relative;
}

.contents4 .contents-common_block::before {
  content: "";
  position: absolute;
  top: -140px;
  left: -65px;
  background-image: url("/attending/t/osa-d/hkb/images/result/pc/contents4-wappen_2nd.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 330px;
  height: 245px;
}

.contents4-ttl {
  position: relative;
  left: calc(50% + (1024px - 811px) / 2);
  transform: translateX(-50%);
  width: 811px;
  height: 309px;
}

.contents4-2nd {
  position: relative;
  left: 0;
  width: 1024px;
  height: auto;
  margin: 0 auto;
}

.contents4-sbttl {
  width: 869px;
  margin: 0 auto;
}

.contents4 .common-block_inner {
  background-image: url("/attending/t/osa-d/hkb/images/result/pc/contents4-bg_2nd.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  width: 952px;
  height: 850px;
  margin: 0 auto;
  padding: 30px 20px 0;
  box-sizing: border-box;
}

.contents4-point_group {
  position: relative;
  /* width: 534px;
  height: 490px;
  padding-left: calc(100% - 534px); */
}

/* .contents4-point_group::before {
  content: "";
  position: absolute;
  top: -40px;
  left: -50px;
  display: block;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents4-img1.png");
  background-repeat: no-repeat;
  width: 456px;
  height: 529px;
} */

.contents4-group_inner {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  /* flex-direction: column;
  height: 100%; */
}

.contents4-group_inner figure {
  width: 386px;
}

.contents4-group_inner ul {
  width: calc(100% - 386px - 20px);
}

.contents4-price {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 25px;
  z-index: 1;
}

.contents4-price::before {
  content: "";
  position: absolute;
  top: -70px;
  left: 335px;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents-BP19-112909D.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 230px;
  height: 100px;
  transform: rotate(-15deg) scale(0.75);
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

.contents4 .contents-common_button {
  margin-top: 30px;
}
/* コンテンツ4_end */

/* コンテンツ5_start */
.contents5 {
  position: relative;
  background-color: #ffd445;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents5-bg_fire.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: auto;
  padding-bottom: 50px;
  z-index: 1;
}

.contents5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #4462bf;
  width: 100%;
  height: 100px;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  z-index: -1;
}

.contents5 .contents-common_block {
  padding-top: 60px;
  padding-bottom: 60px;
}

.contents5 .contents-common_block::before {
  content: "";
  position: absolute;
  top: -110px;
  left: -100px;
  background-image: url("/attending/t/osa-d/hkb/images/result/pc/contents5-wappen_3rd.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 312px;
  height: 260px;
}

.contents5-ttl {
  position: relative;
  top: -40px;
  width: 837px;
  height: 313px;
}

.contents5-3rd {
  width: 991px;
  height: auto;
  margin: 0 auto;
}

.contents5-sbttl {
  width: 723px;
  margin: 0 auto;
}

.contents5 .common-block_inner {
  background-image: url("/attending/t/osa-d/hkb/images/result/pc/contents5-bg_3rd.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  width: 952px;
  height: 852px;
  margin: 0 auto;
  padding: 20px 20px 0;
  box-sizing: border-box;
}

.contents5-point_group {
  position: relative;
}

/* .contents5-point_group::before {
  content: "";
  position: absolute;
  top: -40px;
  left: -130px;
  display: block;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents5-img1.png");
  background-repeat: no-repeat;
  width: 584px;
  height: 529px;
} */

.contents5-group_inner {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
}

.contents5-group_inner figure {
  width: 386px;
}

.contents5-group_inner ul {
  width: calc(100% - 386px - 20px);
}

.contents5-group_inner ul li:not(.contents5-price) {
  padding-left: 60px;
}

.contents5-price {
  position: relative;
  width: 495px;
  height: auto;
  margin-top: 20px;
  z-index: 1;
}

.contents5-price::before {
  content: "";
  position: absolute;
  top: -55px;
  left: 380px;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents-BP19-112909D.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 230px;
  height: 100px;
  transform: rotate(-15deg) scale(0.55);
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

.contents5 .contents-common_button {
  margin-top: 30px;
}
/* コンテンツ5_end */

/* コンテンツ6_start */
.contents6 {
  position: relative;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents2-bg.png");
  background-repeat: repeat;
  background-position: top center;
  width: 100%;
  height: auto;
  text-align: center;
  padding-top: 150px;
  z-index: 1;
}

.contents6::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffd445;
  width: 100%;
  height: 100px;
  clip-path: polygon(100% 0, 50% 100%, 0 0);
  z-index: -1;
}

.contents6 h2 {
  margin: 0 auto;
}

.contents6-block h2 {
  position: relative;
  width: 648px;
  height: 331px;
  margin-bottom: 50px;
}

.contents6-block h2::before,
.contents6-block h2::after {
  content: "";
  position: absolute;
  display: block;
  background-image: url("/attending/t/osa-d/hkb/images/result/pc/contents6-brush.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 359px;
  height: 187px;
}

.contents6-block h2::before {
  top: 40px;
  right: -450px;
}

.contents6-block h2::after {
  left: -470px;
  bottom: -140px;
  transform: scale(-1, 1);
}

.contents6-text_thanks {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 1413px;
  height: 538px;
  margin: 0 auto;
}

.other-img {
  position: relative;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
  width: 1400px;
  height: 732px;
}
/* コンテンツ6_end */

/* コンテンツ共通_start */
.contents-common_block {
  position: relative;
  background-image: url("/attending/t/osa-d/hkb/images/pc/contents-bg_common.png");
  background-repeat: repeat;
  background-size: 100%;
  background-position: top center;
  padding-top: 30px;
}

.common-block_inner {
  padding: 28px 48px 48px;
}

.common-block_inner .footnote {
  font-size: 12px;
}

.contents-common_count {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-top: 16px;
  padding: 15px 10px;
}

.contents-common_count em {
  font-size: 40px;
  color: #ffe100;
  font-style: normal;
  margin-right: 5px;
}
/* コンテンツ共通_end */