body {
  background-color: #fef6e9;
  background-image: url('../../img/back.png');
  font-family: Hiragino Kaku Gothic ProN;
}

/* TOP画面 */
#top {
  position: relative;
  display: flex;
}

.top_body {
  width: 1500px;
}

@media screen and (max-width: 1800px) {
  .top_body {
    width: 1300px;
  }
}

@media screen and (max-width: 1550px) {
  .top_body {
    width: 1163px;
  }
}

@media screen and (max-width: 1400px) {
  .top_body {
    width: 1063px;
  }
}

@media screen and (max-width: 1280px) {
  .top_body {
    width: 953px;
  }
}

@media screen and (max-width: 1120px) {
  .top_body {
    width: 853px;
  }
}

@media screen and (max-width: 1024px) {
  .top_body {
    width: 753px;
  }
}

@media screen and (max-width: 920px) {
  .top_body {
    width: 650px;
  }
}

@media screen and (max-width: 768px) {
  .top_body {
    width: 100%;
  }
}

.top__title {
  margin: 29px 0 0 320px;
  text-align: center;
}

@media screen and (max-width: 1800px) {
  .top__title {
    margin: 29px 0 0 290px;
  }
}

@media screen and (max-width: 1550px) {
  .top__title {
    margin: 29px 0 0 220px;
  }
}

@media screen and (max-width: 1400px) {
  .top__title {
    margin: 29px 0 0 105px;
  }
}

@media screen and (max-width: 1280px) {
  .top__title {
    margin: 29px 0 0 220px;
  }
}

@media screen and (max-width: 1120px) {
  .top__title {
    margin: 29px 0 0 100px;
  }
}

@media screen and (max-width: 768px) {
  .top__title {
    text-align: center;
    margin: 15px 0 0;
    height: 101px;
  }
}

.top__right--sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .top__right--sp {
    display: inline-block;
    margin-top: -114px;
    position: fixed;
    z-index: -1;
    right: 0;
  }

  .top__right--sp img {
    width: 90px;
  }
}

.top__text--sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .top__text--sp {
    display: inline-block;
    padding-top: 15px;
  }
}

.top__text--sp.connection {
  font-size: 25px;
}

.top__text--sp.introduction {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}

.top__text--sp.introduction h2 {
  margin-bottom: 4px;
}

@media screen and (max-width: 1400px) {
  .top__title img {
    width: 400px;
    height: auto;
  }
}

@media screen and (max-width: 1280px) {
  .top__title img {
    width: 240px;
  }
}

@media screen and (max-width: 768px) {
  .top__title img {
    width: 200px;
  }
}

.top__inner {
  margin: 24px 0 0 420px;
  position: relative;
  background-color: #fff;
  width: 960px;
  height: 640px;
  border-radius: 5%;
}

@media screen and (max-width: 1800px) {
  .top__inner {
    margin: 24px 0 0 300px;
  }
}

@media screen and (max-width: 1550px) {
  .top__inner {
    margin: 24px 0 0 200px;
  }
}

@media screen and (max-width: 1400px) {
  .top__inner {
    margin: 24px 0 0 100px;
  }
}

@media screen and (max-width: 1280px) {
  .top__inner {
    width: 700px;
    height: auto;
    margin: 24px 0 0 240px;
  }
}

@media screen and (max-width: 1120px) {
  .top__inner {
    margin: 24px 0 0 130px;
  }
}

@media screen and (max-width: 1024px) {
  .top__inner {
    width: 600px;
  }
}

@media screen and (max-width: 920px) {
  .top__inner {
    width: 560px;
    margin: 24px 0 0 90px;
  }
}

@media screen and (max-width: 768px) {
  .top__inner {
    width: 100%;
    height: 446px;
    margin: 0;
    text-align: center;
  }
}

.top__text {
  text-align: center;
  padding-top: 36px;
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 1280px) {
  .top__text {
    padding: 20px 0 0 0;
    font-size: 14px;
  }
}

@media screen and (max-width: 920px) {
  .top__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .top__text {
    display: none;
  }
}

.top__text p {
  margin-bottom: 15px;
}

@media screen and (max-width: 1280px) {
  .top__text p {
    margin-bottom: 10px;
  }
}

.top__text--point {
  text-decoration: underline;
  text-decoration-thickness: 0.6em;
  text-decoration-color: #feffb9;
  text-underline-offset: -0.5em;
  text-decoration-skip-ink: none;
}

.top__step {
  position: relative;
  justify-content: center;
  padding-top: 24px;
  z-index: 10;
  display: flex;
  gap: 40px;
}

@media screen and (max-width: 1280px) {
  .top__step {
    padding-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .top__step {
    margin-top: 10px;
    gap: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .top__step img {
    width: 192px;
    height: auto;
  }
}

@media screen and (max-width: 920px) {
  .top__step img {
    width: 192px;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .top__step img {
    width: 163px;
    height: auto;
  }
}

.top_sideimgOuter {
  position: absolute;
  top: 55%;
}

@media screen and (max-width: 1280px) {
  .top_sideimgOuter {
    top: 49%;
  }
}

@media screen and (max-width: 1024px) {
  .top_sideimgOuter {
    top: 56%;
  }
}

@media screen and (max-width: 920px) {
  .top_sideimgOuter {
    top: 60%;
  }
}

@media screen and (max-width: 768px) {
  .top_sideimgOuter {
    display: none;
  }
}

.left-img {
  border-radius: 20%;
}

@media screen and (max-width: 1280px) {
  .left-img {
    width: 160px;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .left-img {
    width: 140px;
  }
}

@media screen and (max-width: 920px) {
  .left-img {
    width: 120px;
  }
}

.right-img {
  position: absolute;
  right: -735px;
  border-radius: 25%;
}

@media screen and (max-width: 1280px) {
  .right-img {
    width: 182px;
    height: auto;
    right: -540px;
    top: -3%;
  }
}

@media screen and (max-width: 1024px) {
  .right-img {
    width: 152px;
    right: -460px;
    top: 0%;
  }
}

@media screen and (max-width: 920px) {
  .right-img {
    width: 132px;
    right: -460px;
    top: 0%;
    right: -440px;
  }
}

.top__right--logo {
  margin: 40px 0 0 0;
}

@media screen and (max-width: 768px) {
  .top__right--logo {
    width: 0;
  }
}

@media screen and (max-width: 1400px) {
  .top__right--logo img {
    width: 182px;
    height: auto;
  }
}

@media screen and (max-width: 1280px) {
  .top__right--logo img {
    width: 162px;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .top__right--logo img {
    width: 148px;
    margin: auto;
  }
}

@media screen and (max-width: 920px) {
  .top__right--logo img {
    width: 118px;
    margin: auto;
  }
}

@media screen and (max-width: 768px) {
  .top__right--logo img {
    display: none;
  }
}

.top__background {
  position: relative;
  margin-top: 236px;
  z-index: 0;
}

@media screen and (max-width: 1440px) {
  .top__background {
    margin-top: 102px;
  }
}

@media screen and (max-width: 1280px) {
  .top__background {
    margin-top: 16px;
  }
}

@media screen and (max-width: 920px) {
  .top__background {
    margin-top: -72px;
  }
}

.top__background img {
  width: 980px;
  height: auto;
  margin-top: -100px;
  border-radius: 5%;
}

@media screen and (max-width: 1440px) {
  .top__background img {
    width: 960px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 1280px) {
  .top__background img {
    width: 740px;
    margin-top: -10px;
  }
}

@media screen and (max-width: 920px) {
  .top__background img {
    width: 600px;
    margin-top: 136px;
  }
}

@media screen and (max-width: 768px) {
  .top__background img {
    display: none;
  }
}

.switch_image {
  margin: 24px 0 0 0;
  text-align: center;
}

@media screen and (max-width: 1280px) {
  .switch_image {
    padding: 0 0 24px 0;
  }
}

@media screen and (max-width: 768px) {
  .switch_image {
    display: none;
  }
}

#switch__image--after {
  display: none;
}

.typebtn_start_pc img {
  margin: 0 0 0 -12px;
}

@media screen and (max-width: 768px) {
  img#switch__image--before {
    padding-top: 0;
    padding-left: 0;
  }
}

.switch_image button.clicked {
  display: none;
}

@media screen and (max-width: 1440px) {
  #switch__image--before {
    width: 380px;
    height: auto;
  }

  #switch__image--after {
    width: 380px;
    height: auto;
  }
}

@media screen and (max-width: 1280px) {
  #switch__image--before {
    width: 270px;
    height: auto;
  }

  #switch__image--after {
    width: 270px;
    height: auto;
  }
}

@media screen and (max-width: 920px) {
  #switch__image--before {
    width: 240px;
    height: auto;
  }

  #switch__image--after {
    width: 240px;
    height: auto;
  }
}

.switch_image--sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .switch_image--sp {
    display: block;
    margin: 12px 0 0 0;
  }
}

@media screen and (max-width: 1440px) {
  #switch__image--before {
    margin-left: -1px;
  }
}

/* タイプ診断*/

#first__type,
#second__type,
#third__type,
#fourth__type,
#fifth__type {
  display: none;
  text-align: center;
}

.first__title--sp,
.second__title--sp,
.third__title--sp,
.fourth__title--sp,
.fifth__title--sp {
  display: none;
}

.first__title--sp p,
.second__title--sp p,
.third__title--sp p,
.fourth__title--sp p,
.fifth__title--sp p {
  padding-top: 8px;
}

.first__title--sp img,
.second__title--sp img,
.third__title--sp img,
.fourth__title--sp img,
.fifth__title--sp img {
  width: 200px;
}

.type__text--sp {
  color: #fb8050;
  font-size: 28px;
}

.first__right--sp,
.second__right--sp,
.third__right--sp,
.fourth__right--sp,
.fifth__right--sp {
  display: none;
}

@media screen and (max-width: 1024px) {

  .first__title--sp,
  .second__title--sp,
  .third__title--sp,
  .fourth__title--sp,
  .fifth__title--sp {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 24px;
    position: relative;
    z-index: 1;
  }
}

@media screen and (max-width: 1024px) {

  .first__right--sp,
  .second__right--sp,
  .third__right--sp,
  .fourth__right--sp,
  .fifth__right--sp {
    display: inline-block;
    margin-top: -135px;
    position: fixed;
    z-index: -1;
    right: 0;
  }

  .first__right--sp img,
  .second__right--sp img,
  .third__right--sp img,
  .fourth__right--sp img,
  .fifth__right--sp img {
    width: 111px;
    height: auto;
  }
}

.first__type--count,
.second__type--count,
.third__type--count,
.fourth__type--count,
.fifth__type--count {
  margin-top: 48px;
  margin-left: 60px;
  width: 107px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1440px) {

  .first__type--count,
  .second__type--count,
  .third__type--count,
  .fourth__type--count,
  .fifth__type--count {
    margin-left: 54px;
    width: 70px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--count,
  .second__type--count,
  .third__type--count,
  .fourth__type--count,
  .fifth__type--count {
    display: none;
  }
}

.first__type--count img,
.second__type--count img,
.third__type--count img,
.fourth__type--count img,
.fifth__type--count img {
  width: 107px;
}

@media screen and (max-width: 1280px) {

  .first__type--count img,
  .second__type--count img,
  .third__type--count img,
  .fourth__type--count img,
  .fifth__type--count img {
    width: 77px;
  }
}

.first__type--border,
.second__type--border,
.third__type--border,
.fourth__type--border,
.fifth__type--border {
  margin-top: -800px;
  margin-left: 295px;
  position: relative;
  z-index: 0;
  width: 939px;
}

@media screen and (max-width: 1680px) {

  .first__type--border,
  .second__type--border,
  .third__type--border,
  .fourth__type--border,
  .fifth__type--border {
    margin-top: -805px;
    margin-left: 270px;
  }
}

@media screen and (max-width: 1440px) {

  .first__type--border,
  .second__type--border,
  .third__type--border,
  .fourth__type--border,
  .fifth__type--border {
    width: 800px;
    margin-top: -797px;
    margin-left: 253px;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--border,
  .second__type--border,
  .third__type--border,
  .fourth__type--border,
  .fifth__type--border {
    margin-top: -590px;
    margin-left: 140px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--border,
  .second__type--border,
  .third__type--border,
  .fourth__type--border,
  .fifth__type--border {
    width: initial;
    margin-top: 0px;
    margin-left: initial;
  }
}

.first__type--border img,
.second__type--border img,
.third__type--border img,
.fourth__type--border img,
.fifth__type--border img {
  width: 1090px;
}

@media screen and (max-width: 1680px) {

  .first__type--border img,
  .second__type--border img,
  .third__type--border img,
  .fourth__type--border img,
  .fifth__type--border img {
    width: 890px;
  }
}

@media screen and (max-width: 1440px) {

  .first__type--border img,
  .second__type--border img,
  .third__type--border img,
  .fourth__type--border img,
  .fifth__type--border img {
    width: 800px;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--border img,
  .second__type--border img,
  .third__type--border img,
  .fourth__type--border img,
  .fifth__type--border img {
    width: 630px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--border img,
  .second__type--border img,
  .third__type--border img,
  .fourth__type--border img,
  .fifth__type--border img {
    width: 90%;
  }
}

.first__type--text,
.second__type--text,
.third__type--text,
.fourth__type--text,
.fifth__type--text {
  background-color: #fff;
  width: 1200px;
  height: 744px;
  margin-top: -5px;
  margin-left: 240px;
  border-radius: 5%;
  position: relative;
  z-index: 10;
  text-align: center;
  padding-top: 72px;
}

@media screen and (max-width: 1680px) {

  .first__type--text,
  .second__type--text,
  .third__type--text,
  .fourth__type--text,
  .fifth__type--text {
    margin-top: -3px;
    width: 1000px;
  }
}

@media screen and (max-width: 1440px) {

  .first__type--text,
  .second__type--text,
  .third__type--text,
  .fourth__type--text,
  .fifth__type--text {
    width: 887px;
    height: 720px;
    margin-top: -2px;
    padding-top: 36px;
    margin-left: 210px;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--text,
  .second__type--text,
  .third__type--text,
  .fourth__type--text,
  .fifth__type--text {
    width: 707px;
    height: 468px;
    margin-left: 184px;
    padding-top: 24px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--text,
  .second__type--text,
  .third__type--text {
    width: 100%;
    height: 543px;
    margin-top: 0px;
    margin-left: 0;
    padding-top: 36px;
  }
}

.type__text--point {
  color: #fb8050;
  font-size: 36px;
}

.first__type--text p,
.second__type--text p,
.third__type--text p {
  font-weight: bold;
  font-size: 24px;
}

@media screen and (max-width: 1280px) {

  .first__type--text p,
  .second__type--text p,
  .third__type--text p {
    font-size: 20px;
  }
}

.first__type--text.pc,
.second__type--text.pc,
.third__type--text.pc,
.fourth__type--text.pc,
.fifth__type--text.pc {
  height: 0;
  margin-top: 0;
  padding-top: 0;
  margin-left: 0;
}

@media screen and (max-width: 1024px) {

  .first__type--text.pc,
  .second__type--text.pc,
  .third__type--text.pc {
    display: none;
  }
}

.first__type--text.sp,
.second__type--text.sp,
.third__type--text.sp,
.fourth__type--text.sp,
.fifth__type--text.sp {
  display: none;
}

@media screen and (max-width: 1024px) {

  .first__type--text.sp,
  .second__type--text.sp,
  .third__type--text.sp,
  .fourth__type--text.sp,
  .fifth__type--text.sp {
    display: inline-block;
    height: 0;
    padding: 0;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--text.sp p,
  .second__type--text.sp p,
  .third__type--text.sp p {
    display: block;
    margin-top: 16px;
    font-size: 24px;
  }
}

.first__type--question,
.second__type--question,
.third__type--question {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 36px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1440px) {

  .first__type--question,
  .second__type--question,
  .third__type--question {
    gap: 8px;
  }
}

#first_type_question1,
#first_type_question2,
#second_type_question1,
#second_type_question2,
#third_type_question1,
#third_type_question2 {
  background-color: #ffeace;
  border: none;
  color: black;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-top: 48px;
  cursor: pointer;
  border-radius: 5%;
  min-width: 349px;
  min-height: 389px;
}

@media screen and (max-width: 1440px) {

  #first_type_question1,
  #first_type_question2,
  #second_type_question1,
  #second_type_question2,
  #third_type_question1,
  #third_type_question2 {
    margin-top: 24px;
  }
}

@media screen and (max-width: 1280px) {

  #first_type_question1,
  #first_type_question2,
  #second_type_question1,
  #second_type_question2,
  #third_type_question1,
  #third_type_question2 {
    min-width: 264px;
    min-height: 258px;
    padding: 15px 13px;
  }
}

@media screen and (max-width: 1024px) {

  #first_type_question1,
  #first_type_question2,
  #second_type_question1,
  #second_type_question2,
  #third_type_question1,
  #third_type_question2 {
    max-width: 244px;
    margin-top: initial;
  }
}

@media screen and (max-width: 560px) {

  #first_type_question1,
  #first_type_question2,
  #second_type_question1,
  #second_type_question2,
  #third_type_question1,
  #third_type_question2 {
    margin-top: 0;
    padding: 15px 4px;
    min-width: initial;
  }
}

.first__type--question p,
.second__type--question p,
.third__type--question p,
.fourth__type--question p,
.fifth__type--question p {
  font-size: 22px;
  margin-top: 24px;
}

@media screen and (max-width: 1280px) {

  .first__type--question p,
  .second__type--question p,
  .third__type--question p {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--question p,
  .second__type--question p,
  .third__type--question p,
  .fourth__type--question p {
    font-size: 18px;
  }
}

@media screen and (min-width: 566px) {

  .first__type--question p br,
  .second__type--question p br,
  .third__type--question p br {
    display: none;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--question,
  .second__type--question,
  .third__type--question {
    gap: 4px;
    padding-top: initial;
  }
}

@media screen and (max-width: 1440px) {

  .first__type--question img,
  .second__type--question img,
  .third__type--question img {
    width: 300px;
    height: auto;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--question img,
  .second__type--question img,
  .third__type--question img,
  .fourth__type--question img {
    width: 180px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--question img,
  .second__type--question img,
  .third__type--question img,
  .fourth__type--question img {
    width: 180px;
  }
}

@media screen and (max-width: 560px) {

  .first__type--question img,
  .second__type--question img,
  .third__type--question img {
    width: 150px;
  }
}

.first__type--question :hover,
.second__type--question :hover,
.third__type--question :hover,
.fourth__type--question :hover,
.fifth__type--question :hover {
  opacity: 0.8;
}

.people_box {
  display: flex;
}

.first__type--people,
.second__type--people,
.third__type--people {
  margin: -58px 0 0 108px;
}

@media screen and (max-width: 1440px) {

  .first__type--people,
  .second__type--people,
  .third__type--people {
    margin: -21px 0 0 56px;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--people img,
  .second__type--people img,
  .third__type--people img,
  .fourth__type--people img,
  .fifth__type--people img {
    width: 380px;
    height: auto;
  }

  .first__type--people,
  .second__type--people,
  .third__type--people {
    margin: -48px 0 0 56px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--people,
  .second__type--people,
  .third__type--people,
  .fourth__type--people,
  .fifth__type--people {
    display: none;
  }
}

.first__type--search,
.second__type--search,
.third__type--search {
  margin: -79px 0 0 258px;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 1680px) {

  .first__type--search,
  .second__type--search,
  .third__type--search {
    margin: -80px 0 0 60px;
  }
}

@media screen and (max-width: 1440px) {

  .first__type--search,
  .second__type--search,
  .third__type--search {
    margin: -42px 0 0 0;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--search img,
  .second__type--search img,
  .third__type--search img,
  .fourth__type--search img,
  .fifth__type--search img {
    width: 180px;
    height: auto;
  }

  .first__type--search,
  .second__type--search,
  .third__type--search {
    margin: -58px 0 0 92px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--search,
  .second__type--search,
  .third__type--search {
    display: none;
  }
}

.first__type--search img,
.second__type--search img,
.third__type--search img,
.fourth__type--search img {
  border-radius: 13%;
}

.first__type--right,
.second__type--right,
.third__type--right {
  margin-top: -770px;
  margin-left: 1250px;
}

@media screen and (max-width: 1680px) {

  .first__type--right,
  .second__type--right,
  .third__type--right {
    margin-left: 1010px;
  }
}

@media screen and (max-width: 1440px) {

  .first__type--right,
  .second__type--right,
  .third__type--right {
    margin-top: -760px;
    margin-left: 105%;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--right,
  .second__type--right,
  .third__type--right {
    margin-top: -500px;
    margin-left: 103%;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--right,
  .second__type--right,
  .third__type--right {
    display: none;
  }
}

@media screen and (max-width: 1680px) {

  .first__type--right img,
  .second__type--right img,
  .third__type--right img,
  .fourth__type--right img,
  .fifth__type--right img {
    width: 174px;
    height: auto;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--right img,
  .second__type--right img,
  .third__type--right img,
  .fourth__type--right img,
  .fifth__type--right img {
    width: 134px;
  }
}

.first__type--background,
.second__type--background,
.third__type--background {
  margin-top: -430px;
}

@media screen and (max-width: 1440px) {

  .first__type--background,
  .second__type--background,
  .third__type--background {
    margin-top: -400px;
  }
}

@media screen and (max-width: 1280px) {

  .first__type--background,
  .second__type--background,
  .third__type--background {
    margin-top: -330px;
  }
}

@media screen and (max-width: 1024px) {

  .first__type--background,
  .second__type--background,
  .third__type--background,
  .fourth__type--background {
    display: none;
  }
}

.first__type--background img,
.second__type--background img,
.third__type--background img,
.fourth__type--background img,
.fifth__type--background img {
  width: 100%;
  height: auto;
}

/* タイプ診断４問目(共通箇所以外) */

@media screen and (max-width: 1024px) {
  .fourth__type--text {
    width: 100%;
    height: 620px;
    margin-top: 0px;
    margin-left: 0;
    padding-top: 36px;
  }
}

.type__text--point.fourth {
  color: #fb8050;
  font-size: 36px;
  position: relative;
  top: 12px;
}

.fourth__type--text p {
  font-weight: bold;
  font-size: 23px;
  margin-top: 24px;
}

@media screen and (max-width: 1280px) {
  .fourth__type--text p {
    font-size: 20px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .fourth__type--text p {
    margin-top: 16px;
  }
}

.type__text--question {
  margin-left: 127px;
}

@media screen and (max-width: 1280px) {
  .type__text--question {
    margin-left: 117px;
  }
}

@media screen and (max-width: 1024px) {
  .fourth__type--text.sp p {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 24px;
  }
}

.fourth__question {
  display: flex;
  margin-left: 168px;
  gap: 140px;
}

@media screen and (max-width: 1680px) {
  .fourth__question {
    gap: 128px;
    margin-left: 84px;
  }
}

@media screen and (max-width: 1440px) {
  .fourth__question {
    margin: initial;
    gap: 128px;
    margin-left: 22px;
  }
}

@media screen and (max-width: 1280px) {
  .fourth__question {
    margin-left: 28px;
    gap: 52px;
  }
}

@media screen and (max-width: 1024px) {
  .fourth__question {
    display: none;
  }
}

@media screen and (max-width: 1280px) {
  .fourth__question img {
    width: 264px;
    height: 156px;
  }
}

#fourth_type_question1 img {
  position: relative;
  top: 14px;
}

#fourth_type_question1,
#fourth_type_question2 {
  background-color: #ffeace;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-top: 8px;
  cursor: pointer;
  border-radius: 5%;
  max-width: 349px;
}

@media screen and (max-width: 1440px) {

  #fourth_type_question1,
  #fourth_type_question2 {
    margin-top: 0;
  }
}

@media screen and (max-width: 1280px) {

  #fourth_type_question1,
  #fourth_type_question2 {
    width: 264px;
    height: 254px;
    padding: 8px 30px;
  }
}

@media screen and (max-width: 1024px) {

  #fourth_type_question1,
  #fourth_type_question2 {
    width: 264px;
    height: 254px;
    margin-top: initial;
  }
}

@media screen and (max-width: 560px) {

  #fourth_type_question1,
  #fourth_type_question2 {
    max-width: 158px;
    margin-top: initial;
    padding: 0;
    height: 245px;
  }
}

@media screen and (max-width: 1280px) {
  .fourth__type--question p {
    font-size: 17px;
    margin-top: 18px;
  }
}

.fourth__type--question {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 36px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1440px) {
  .fourth__type--question {
    padding-top: 18px;
  }
}

@media screen and (max-width: 1280px) {
  .fourth__type--question {
    margin-top: 0;
    gap: 8px;
  }
}

@media screen and (max-width: 1024px) {
  .fourth__type--question {
    padding-top: 0;
  }
}

@media screen and (min-width: 1025px) {
  .fourth__type--question p br {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .fourth__type--question {
    gap: 4px;
    padding-top: 24px;
  }
}

@media screen and (max-width: 560px) {
  .fourth__type--question img {
    width: 144px;
  }
}

.fourth__type--people {
  margin: -246px 0 0 108px;
}

@media screen and (max-width: 1680px) {
  .fourth__type--people {
    margin: -246px 0 0 110px;
  }
}

@media screen and (max-width: 1440px) {
  .fourth__type--people {
    margin: -244px 0 0 56px;
  }
}

@media screen and (max-width: 1280px) {
  .fourth__type--people {
    margin: -158px 0 0 56px;
  }
}

.fourth__type--search {
  margin: -266px 0 0 258px;
}

@media screen and (max-width: 1680px) {
  .fourth__type--search {
    margin: -267px 0 0 58px;
  }
}

@media screen and (max-width: 1440px) {
  .fourth__type--search {
    margin: -263px 0 0 0;
  }
}

@media screen and (max-width: 1280px) {
  .fourth__type--search {
    margin-left: 92px;
    margin-top: -168px;
  }
}

@media screen and (max-width: 1024px) {
  .fourth__type--search {
    display: none;
  }
}

.fourth__type--right {
  margin-top: -770px;
  margin-left: 1250px;
}

@media screen and (max-width: 1680px) {
  .fourth__type--right {
    margin-top: -769px;
    margin-left: 1010px;
  }
}

@media screen and (max-width: 1440px) {
  .fourth__type--right {
    margin-top: -760px;
    margin-left: 105%;
  }
}

@media screen and (max-width: 1280px) {
  .fourth__type--right {
    margin-top: -500px;
    margin-left: 103%;
  }
}

@media screen and (max-width: 1024px) {
  .fourth__type--right {
    display: none;
  }
}

.fourth__type--background {
  margin-top: -430px;
}

@media screen and (max-width: 1440px) {
  .fourth__type--background {
    margin-top: -400px;
  }
}

@media screen and (max-width: 1280px) {
  .fourth__type--background {
    margin-top: -330px;
  }
}

/* タイプ診断５問目(共通箇所以外) */

@media screen and (max-width: 1024px) {
  .fifth__type--text {
    width: 100%;
    height: 740px;
    margin-top: 0;
    margin-left: 0;
    padding-top: 36px;
  }
}

.fifth__type--text p {
  font-weight: bold;
  font-size: 24px;
}

@media screen and (max-width: 1280px) {
  .fifth__type--text p {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--text p {
    font-size: 24px;
    margin-top: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--text.pc {
    display: none;
  }
}

.fifth__type--question {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 36px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1440px) {
  .fifth__type--question {
    gap: 8px;
  }
}

#fifth_type_question1,
#fifth_type_question2,
#fifth_type_question3 {
  background-color: #ffeace;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-top: 48px;
  cursor: pointer;
  border-radius: 5%;
  max-width: 349px;
}

@media screen and (max-width: 1440px) {

  #fifth_type_question1,
  #fifth_type_question2,
  #fifth_type_question3 {
    margin-top: 24px;
  }
}

@media screen and (max-width: 1280px) {

  #fifth_type_question1,
  #fifth_type_question2,
  #fifth_type_question3 {
    min-width: 204px;
    height: 254px;
    padding: 15px 13px;
  }
}

@media screen and (max-width: 1024px) {

  #fifth_type_question1,
  #fifth_type_question2,
  #fifth_type_question3 {
    margin-top: initial;
    display: flex;
    min-width: 300px;
    height: 180px;
    padding: 14px 10px;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--question p {
    font-size: 18px;
    margin-left: 22px;
    margin-top: 70px;
  }
}

@media screen and (min-width: 621px) {
  .fifth__type--question p br {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--question {
    padding-top: initial;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 18px;
  }
}

@media screen and (max-width: 1440px) {
  .fifth__type--question img {
    width: 200px;
    height: auto;
  }
}

@media screen and (max-width: 1280px) {
  .fifth__type--question img {
    width: 160px;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--question img {
    width: 160px;
  }
}

.fifth__type--people {
  margin: -18px 0 0 108px;
}

@media screen and (max-width: 1680px) {
  .fifth__type--people {
    margin: -16px 0 0 110px;
  }
}

@media screen and (max-width: 1440px) {
  .fifth__type--people {
    margin: 72px 0 0 56px;
  }
}

@media screen and (max-width: 1280px) {
  .fifth__type--people {
    margin: -44px 0 0 56px;
  }
}

.fifth__type--search {
  margin: -38px 0 0 258px;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 1680px) {
  .fifth__type--search {
    margin: -38px 0 0 58px;
  }
}

@media screen and (max-width: 1440px) {
  .fifth__type--search {
    margin: 54px 0 0 0;
  }
}

@media screen and (max-width: 1280px) {
  .fifth__type--search {
    margin: -54px 0 0 92px;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--search {
    margin-left: 505px;
    margin-top: -81px;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--search {
    display: none;
  }
}

.fifth__type--search img {
  border-radius: 13%;
}

.fifth__type--right {
  margin-top: -770px;
  margin-left: 1250px;
}

@media screen and (max-width: 1680px) {
  .fifth__type--right {
    margin-top: -770px;
    margin-left: 1010px;
  }
}

@media screen and (max-width: 1440px) {
  .fifth__type--right {
    margin-top: -760px;
    margin-left: 105%;
  }
}

@media screen and (max-width: 1280px) {
  .fifth__type--right {
    margin-top: -500px;
    margin-left: 103%;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--right {
    margin-top: -530px;
    margin-left: 103%;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--right {
    display: none;
  }
}

.fifth__type--background {
  margin-top: -430px;
}

@media screen and (max-width: 1440px) {
  .fifth__type--background {
    margin-top: -400px;
  }
}

@media screen and (max-width: 1280px) {
  .fifth__type--background {
    margin-top: -330px;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--background {
    margin-top: -340px;
  }
}

@media screen and (max-width: 1024px) {
  .fifth__type--background {
    display: none;
  }
}

/* タイプ診断完了画面 */

#type__success {
  display: none;
  text-align: center;
  padding-top: 72px;
}

@media screen and (max-width: 1280px) {
  #type__success {
    padding-top: 48px;
  }
}

@media screen and (max-width: 768px) {
  #type__success {
    padding-top: 24px;
  }
}

@media screen and (max-width: 1280px) {
  #type__success img {
    width: 260px;
    height: auto;
  }
}

.type__success--img.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .type__success--img {
    display: none;
  }

  .type__success--img.sp {
    display: inline-block;
  }
}

/* マッチング診断 1.2問目 */

#first__matching,
#second__matching {
  display: none;
  text-align: center;
}

span.matching__text--sp {
  color: #3d968d;
  font-size: 28px;
}

.maching__text--sp {
  color: #3d968d;
  font-size: 28px;
}

.first__back--sp,
.second__back--sp {
  display: none;
}

@media screen and (max-width: 1024px) {

  .first__back--sp,
  .second__back--sp {
    display: inline-block;
    margin-top: -135px;
    position: fixed;
    z-index: -1;
    right: 0;
  }
}

.first__back--sp img,
.second__back--sp img {
  width: 111px;
  height: auto;
}

.first__matching--count,
.second__matching--count {
  padding-top: 48px;
  margin-left: 60px;
  position: relative;
  z-index: 10;
  width: 107px;
}

@media screen and (max-width: 1440px) {

  .first__matching--count,
  .second__matching--count {
    margin-left: 54px;
    width: 70px;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--count,
  .second__matching--count {
    display: none;
  }
}

.first__matching--count img,
.second__matching--count img {
  width: 107px;
}

@media screen and (max-width: 1280px) {

  .first__matching--count img,
  .second__matching--count img {
    width: 77px;
  }
}

.first__matching--border,
.second__matching--border {
  margin-top: -800px;
  margin-left: 295px;
  position: relative;
  z-index: 0;
  width: 939px;
}

@media screen and (max-width: 1680px) {

  .first__matching--border,
  .second__matching--border {
    margin-top: -805px;
    margin-left: 270px;
  }
}

@media screen and (max-width: 1440px) {

  .first__matching--border,
  .second__matching--border {
    width: 800px;
    margin-top: -797px;
    margin-left: 253px;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--border,
  .second__matching--border {
    margin-top: -590px;
    margin-left: 140px;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--border,
  .second__matching--border {
    width: initial;
    margin-top: 0;
    margin-left: initial;
  }
}

.first__matching--border img,
.second__matching--border img {
  width: 1090px;
}

@media screen and (max-width: 1680px) {

  .first__matching--border img,
  .second__matching--border img {
    width: 890px;
  }
}

@media screen and (max-width: 1440px) {

  .first__matching--border img,
  .second__matching--border img {
    width: 800px;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--border img,
  .second__matching--border img {
    width: 630px;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--border img,
  .second__matching--border img {
    width: 90%;
  }
}

.first__matching--text,
.second__matching--text {
  background-color: #fff;
  width: 1200px;
  height: 744px;
  margin-top: -5px;
  margin-left: 240px;
  border-radius: 5%;
  position: relative;
  z-index: 10;
  text-align: center;
  padding-top: 72px;
}

@media screen and (max-width: 1680px) {

  .first__matching--text,
  .second__matching--text {
    margin-top: -3px;
    width: 1000px;
  }
}

@media screen and (max-width: 1440px) {

  .first__matching--text,
  .second__matching--text {
    width: 887px;
    height: 720px;
    margin-top: -2px;
    padding-top: 36px;
    margin-left: 210px;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--text,
  .second__matching--text {
    width: 707px;
    height: 468px;
    margin-left: 184px;
    padding-top: 24px;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--text,
  .second__matching--text {
    width: 100%;
    margin-top: 0px;
    margin-left: 0;
    height: 543px;
    padding-top: 36px;
  }
}

.matching__text--point {
  color: #40ccbf;
  font-size: 36px;
}

.first__matching--text p,
.second__matching--text p {
  font-weight: bold;
  font-size: 24px;
}

@media screen and (max-width: 1280px) {

  .first__matching--text p,
  .second__matching--text p {
    font-size: 20px;
  }
}

.first__matching--text.pc,
.second__matching--text.pc {
  height: 0;
  margin-top: 0;
  padding-top: 0;
  margin-left: 0;
}

@media screen and (max-width: 1024px) {
  .first__matching--text.pc p {
    display: none;
  }
}

.first__matching--text.sp,
.second__matching--text.sp {
  display: none;
}

@media screen and (max-width: 1024px) {

  .first__matching--text.sp,
  .second__matching--text.sp {
    display: inline-block;
    height: 0;
    padding: 0;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--text.sp p,
  .second__matching--text.sp p {
    display: block;
    margin-top: 16px;
    font-size: 24px;
    font-weight: bold;
  }
}

.first__matching--question,
.second__matching--question {
  padding-top: 72px;
  position: relative;
  z-index: 10;
  display: flex;
  gap: 30px;
  justify-content: center;
}

@media screen and (max-width: 1024px) {

  .first__matching--question,
  .second__matching--question {
    padding-top: 20px;
  }
}

.first__btn--area,
.second__btn--area {
  margin-top: 36px;
  display: flex;
  justify-content: center;
  gap: 24px;
  position: relative;
  z-index: 10;
  align-items: flex-end;
}

@media screen and (max-width: 1280px) {

  #first__move--btn img,
  #second__move--btn img {
    width: 280px;
    height: auto;
  }

  #first__disabled--btn img,
  #second__disabled--btn img {
    width: 280px;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {

  .first__btn--area,
  .second__btn--area {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #first__return--btn,
  #second__return--btn {
    order: 2;
  }

  #first__move--btn,
  #second__move--btn {
    order: 1;
  }

  #first__move--btn img,
  #second__move--btn img {
    width: 320px;
  }

  #first__disabled--btn,
  #second__disabled--btn {
    order: 1;
  }

  #first__disabled--btn img,
  #second__disabled--btn img {
    width: 320px;
  }
}

.dropdown {
  width: 240px;
  padding: 10px;
  border: 2px solid #b4eaff;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 18px;
}

.dropdown:not(:checked) {
  color: #808080;
  /* プレースホルダーの色 */
}

.dropdown-arrow {
  position: absolute;
  right: 505px;
  top: 88px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 2;
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}

@media screen and (max-width: 1680px) {
  span.dropdown-arrow {
    right: 405px;
  }
}

@media screen and (max-width: 1440px) {
  span.dropdown-arrow {
    right: 350px;
  }
}

@media screen and (max-width: 1280px) {
  span.dropdown-arrow {
    right: 260px;
  }
}

@media screen and (max-width: 1024px) {
  span.dropdown-arrow {
    position: absolute;
    right: 40.5%;
    top: 57%;
    transform: translateY(-50%) rotate(135deg);
  }
}

@media screen and (max-width: 820px) {
  span.dropdown-arrow {
    right: 38.5%;
  }
}

@media screen and (max-width: 680px) {
  span.dropdown-arrow {
    right: 36%;
  }
}

@media screen and (max-width: 580px) {
  span.dropdown-arrow {
    right: 33%;
  }
}

@media screen and (max-width: 510px) {
  span.dropdown-arrow {
    right: 31.5%;
  }
}

@media screen and (max-width: 440px) {
  span.dropdown-arrow {
    right: 28%;
  }
}

@media screen and (max-width: 400px) {
  span.dropdown-arrow {
    right: 24.5%;
  }
}

@media screen and (max-width: 390px) {
  span.dropdown-arrow {
    right: 23.5%;
  }
}

@media screen and (max-width: 380px) {
  span.dropdown-arrow {
    right: 22.5%;
  }
}

@media screen and (max-width: 360px) {
  span.dropdown-arrow {
    right: 21.5%;
  }
}

.first__matching--people,
.second__matching--people {
  margin: 196px 0 0 166px;
}

@media screen and (max-width: 1680px) {

  .first__matching--people,
  .second__matching--people {
    margin: 198px 0 0 66px;
  }
}

@media screen and (max-width: 1440px) {

  .first__matching--people,
  .second__matching--people {
    margin: 210px 0 0 24px;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--people img,
  .second__matching--people img,
  .third__matching--people img {
    width: 380px;
    height: auto;
  }

  .first__matching--people,
  .second__matching--people {
    margin: 66px 0 0 48px;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--people,
  .second__matching--people,
  .second__matching--people {
    display: none;
  }
}

.first__matching--search,
.second__matching--search {
  margin: 175px 0 0 202px;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 1680px) {

  .first__matching--search,
  .second__matching--search {
    margin: 175px 0 0 100px;
  }
}

@media screen and (max-width: 1440px) {

  .first__matching--search,
  .second__matching--search {
    margin: 188px 0 0 29px;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--search,
  .second__matching--search {
    margin: 54px 0 0 99px;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--search,
  .second__matching--search {
    display: none;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--search img,
  .second__matching--search img,
  .third__matching--search img {
    width: 180px;
    height: auto;
  }
}

.first__matching--search img,
.second__matching--search img {
  border-radius: 13%;
}

.first__matching--right,
.second__matching--right {
  margin-top: -770px;
  margin-left: 1250px;
}

@media screen and (max-width: 1680px) {

  .first__matching--right,
  .second__matching--right {
    margin-left: 1010px;
  }
}

@media screen and (max-width: 1440px) {

  .first__matching--right,
  .second__matching--right {
    margin-top: -760px;
    margin-left: 105%;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--right,
  .second__matching--right {
    margin-top: -500px;
    margin-left: 103%;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--right,
  .second__matching--right {
    display: none;
  }
}

@media screen and (max-width: 1440px) {
  .first__matching--right img.second__matching--right img {
    width: 174px;
    height: auto;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--right img,
  .second__matching--right img {
    width: 134px;
    height: auto;
  }
}

.first__matching--background,
.second__matching--background {
  margin-top: -430px;
}

@media screen and (max-width: 1440px) {

  .first__matching--background,
  .second__matching--background {
    margin-top: -400px;
  }
}

@media screen and (max-width: 1280px) {

  .first__matching--background,
  .second__matching--background {
    margin-top: -330px;
  }
}

@media screen and (max-width: 1024px) {

  .first__matching--background,
  .second__matching--background {
    display: none;
  }
}

.first__matching--background img,
.second__matching--background img {
  width: 100%;
  height: auto;
}

/* マッチング診断３問目 */

#third__matching {
  display: none;
  text-align: center;
}

.third__back--sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  .third__back--sp {
    display: inline-block;
    margin-top: -135px;
    position: fixed;
    z-index: -1;
    right: 0;
  }
}

.third__back--sp img {
  width: 111px;
  height: auto;
}

.third__matching--count {
  padding-top: 48px;
  margin-left: 60px;
  position: relative;
  z-index: 10;
  width: 107px;
}

@media screen and (max-width: 1440px) {
  .third__matching--count {
    margin-left: 54px;
    width: 70px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--count {
    display: none;
  }
}

.third__matching--count img {
  width: 107px;
}

@media screen and (max-width: 1280px) {
  .third__matching--count img {
    width: 77px;
  }
}

.third__matching--border {
  margin-top: -800px;
  margin-left: 295px;
  position: relative;
  z-index: 0;
  width: 939px;
}

@media screen and (max-width: 1680px) {
  .third__matching--border {
    margin-top: -805px;
    margin-left: 270px;
  }
}

@media screen and (max-width: 1440px) {
  .third__matching--border {
    width: 800px;
    margin-top: -797px;
    margin-left: 253px;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--border {
    margin-top: -590px;
    margin-left: 140px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--border {
    margin-top: 0;
    margin-left: initial;
    width: initial;
  }
}

.third__matching--border img {
  width: 1090px;
}

@media screen and (max-width: 1680px) {
  .third__matching--border img {
    width: 890px;
  }
}

@media screen and (max-width: 1440px) {
  .third__matching--border img {
    width: 800px;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--border img {
    width: 630px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--border img {
    width: 90%;
  }
}

.third__matching--text {
  background-color: #fff;
  width: 1200px;
  height: 744px;
  margin-top: -5px;
  margin-left: 240px;
  border-radius: 5%;
  position: relative;
  z-index: 10;
  text-align: center;
  padding-top: 72px;
}

@media screen and (max-width: 1680px) {
  .third__matching--text {
    margin-top: -3px;
    width: 1000px;
  }
}

@media screen and (max-width: 1440px) {
  .third__matching--text {
    width: 887px;
    height: 720px;
    margin-top: -2px;
    padding-top: 36px;
    margin-left: 210px;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--text {
    width: 707px;
    height: 468px;
    margin-left: 184px;
    padding-top: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--text {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    height: 740px;
    padding-top: 36px;
    border-radius: 4.4%;
  }
}

@media screen and (max-width: 768px) {
  .third__matching--text {
    height: 960px;
  }
}

@media screen and (max-width: 540px) {
  .third__matching--text {
    height: 890px;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--text p {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--text p {
    display: none;
  }
}

.third__matching--text.pc {
  height: 0;
  margin-top: 0;
  padding-top: 0;
  margin-left: 0;
}

.matching__text--select {
  font-size: 16px;
  margin-left: 550px;
}

@media screen and (max-width: 1280px) {
  .matching__text--select {
    position: relative;
    top: -8px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .matching__text--select {
    margin-left: 0;
    top: 0.1px;
  }
}

.third__matching--text.sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  .third__matching--text.sp {
    display: inline-block;
    height: 0;
    padding: 0;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--text.sp p {
    display: block;
    margin-top: 16px;
    font-size: 24px;
    font-weight: bold;
  }
}

@media screen and (max-width: 420px) {
  .third__matching--text.sp p {
    font-size: 20px;
  }
}

.third__matching--question {
  padding-top: 72px;
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  justify-content: center;
  margin: 0 auto;
  width: fit-content;
}

@media screen and (max-width: 1440px) {
  .third__matching--question {
    padding-top: 80px;
    gap: 0;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--question {
    padding-top: 58px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--question {
    padding-top: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--question.sp {
    display: grid;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--question img {
    width: 346px;
    height: 100px;
  }
}

.third__btn--area {
  margin-top: 36px;
  display: flex;
  justify-content: center;
  gap: 24px;
  position: relative;
  z-index: 10;
  align-items: flex-end;
}

@media screen and (max-width: 1440px) {
  .third__btn--area {
    margin-top: 48px;
    display: flex;
    justify-content: center;
    gap: 24px;
    position: relative;
    z-index: 10;
    align-items: flex-end;
  }
}

@media screen and (max-width: 1280px) {
  .third__btn--area {
    margin-top: 16px;
  }

  #third__move--btn img {
    width: 280px;
    height: auto;
  }

  #third__disabled--btn img {
    width: 280px;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .third__btn--area {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #third__return--btn {
    order: 2;
  }

  #third__move--btn {
    order: 1;
  }

  #third__move--btn img {
    width: 320px;
  }

  #third__second__disabled--btn {
    order: 1;
  }

  #third__disabled--btn img {
    width: 320px;
  }
}

.hidden {
  display: none;
}

.third__matching--people {
  margin: -219px 0 0 166px;
}

@media screen and (max-width: 1680px) {
  .third__matching--people {
    margin: -217px 0 0 66px;
  }
}

@media screen and (max-width: 1440px) {
  .third__matching--people {
    margin: -173px 0 0 24px;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--people {
    margin: -152px 0 0 48px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--people {
    display: none;
  }
}

.third__matching--search {
  margin: -240px 0 0 202px;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 1680px) {
  .third__matching--search {
    margin: -240px 0 0 100px;
  }
}

@media screen and (max-width: 1440px) {
  .third__matching--search {
    margin: -195px 0 0 29px;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--search {
    margin: -163px 0 0 99px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--search {
    display: none;
  }
}

.third__matching--search img {
  border-radius: 13%;
}

.third__matching--right {
  margin-top: -770px;
  margin-left: 1250px;
}

@media screen and (max-width: 1680px) {
  .third__matching--right {
    margin-top: -770px;
    margin-left: 1010px;
  }
}

@media screen and (max-width: 1440px) {
  .third__matching--right {
    margin-top: -760px;
    margin-left: 931px;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--right {
    margin-top: -499px;
    margin-left: 103%;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--right {
    display: none;
  }
}

/* @media screen and (max-width: 1440px) {
  .third__matching--right img {
    width: 174px;
    height: 245px;
  }
} */

@media screen and (max-width: 1280px) {
  .third__matching--right img {
    width: 134px;
    height: auto;
  }
}

.third__matching--background {
  margin-top: -430px;
}

@media screen and (max-width: 1440px) {
  .third__matching--background {
    margin-top: -400px;
  }
}

@media screen and (max-width: 1280px) {
  .third__matching--background {
    margin-top: -330px;
  }
}

@media screen and (max-width: 1024px) {
  .third__matching--background {
    display: none;
  }
}

.third__matching--background img {
  width: 100%;
  height: auto;
}

/* ボタンのデザイン */
.myButton {
  box-sizing: border-box;
  background-color: #e9f9ff;
  color: #00b7ff;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 21px;
  width: 277px;
  height: 80px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 13px;
  font-weight: bold;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1440px) {
  .myButton {
    width: 248px;
    height: 76px;
    font-size: 20px;
  }
}

@media screen and (max-width: 1280px) {
  .myButton {
    width: 188px;
    height: 58px;
    font-size: 15px;
    margin: 8px;
    padding: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .myButton {
    width: 225px;
    height: 67px;
    font-size: 18px;
    margin: 10px;
  }
}

@media screen and (max-width: 768px) {
  .myButton {
    width: 252px;
    height: 80px;
    padding: 0;
    margin: 0;
    font-size: 20px;
  }
}

@media screen and (max-width: 540px) {
  .myButton {
    width: 185px;
    height: 68px;
    font-size: 16px;
  }
}

@media screen and (max-width: 420px) {
  .myButton {
    width: 155px;
    height: 68px;
    font-size: 14px;
  }
}

@media screen and (min-width: 1025px) {
  .myButton:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
  }
}

.myButton:active {
  transform: scale(0.95);
}

@media screen and (max-width: 768px) {
  .third__matching--question {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
}

/* マッチング診断完了画面 */

#matching__success {
  display: none;
  text-align: center;
  padding-top: 72px;
}

@media screen and (max-width: 1280px) {
  #matching__success {
    padding-top: 48px;
  }
}

@media screen and (max-width: 768px) {
  #matching__success {
    padding-top: initial;
  }
}

@media screen and (max-width: 1280px) {
  #matching__success img {
    width: 350px;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  #matching__success img {
    width: 260px;
  }
}

.matching__success--img.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .matching__success--img {
    display: none;
  }

  .matching__success--img.sp {
    display: inline-block;
  }
}

/* 診断結果表示画面 */

#result__leader,
#result__artist,
#result__guardian,
#result__adventurer {
  display: none;
}

.result__leader--inner,
.result__artist--inner,
.result__guardian--inner,
.result__adventurer--inner {
  display: flex;
  justify-content: center;
  gap: 12px;
}

@media screen and (max-width: 1024px) {

  .result__leader--inner,
  .result__artist--inner,
  .result__guardian--inner,
  .result__adventurer--inner {
    flex-direction: column;
  }
}

.result__logo {
  margin-top: 24px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__logo {
    margin-top: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .result__logo {
    display: none;
  }
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__logo img {
    width: 145px;
  }
}

.result__leader--title,
.result__artist--title,
.result__guardian--title,
.result__adventurer--title {
  margin-top: 24px;
}

@media screen and (max-width: 1024px) {

  .result__leader--title,
  .result__artist--title,
  .result__guardian--title,
  .result__adventurer--title {
    margin-top: 0;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 36px;
    display: none;
  }
}

.result__leader--title p,
.result__artist--title p,
.result__guardian--title p,
.result__adventurer--title p {
  font-weight: bold;
  font-size: 20px;
}

@media screen and (min-width: 1025px) {

  .result__leader--title.sp,
  .result__artist--title.sp,
  .result__guardian--title.sp,
  .result__adventurer--title.sp {
    display: none;
  }
}

@media screen and (max-width: 1024px) {

  .result__leader--title.sp,
  .result__artist--title.sp,
  .result__guardian--title.sp,
  .result__adventurer--title.sp {
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {

  .result__leader--title.sp p,
  .result__artist--title.sp p,
  .result__guardian--title.sp p,
  .result__adventurer--title.sp p {
    font-size: 32px;
  }
}

@media screen and (max-width: 570px) {

  .result__leader--title.sp p,
  .result__artist--title.sp p,
  .result__guardian--title.sp p,
  .result__adventurer--title.sp p {
    font-size: 28px;
  }
}

.result__weight {
  display: inline-block;
  font-size: 25px;
  margin-bottom: 8px;
}

@media screen and (max-width: 1024px) {
  .result__weight--sp {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 18px;
    color: #fb8050;
  }
}

.result__leader--type,
.result__artist--type,
.result__guardian--type,
.result__adventurer--type {
  font-weight: bold;
  font-size: 25px;
  margin-top: 8px;
  margin-bottom: 8px;
}

@media screen and (max-width: 1024px) {

  .result__leader--type,
  .result__artist--type,
  .result__guardian--type,
  .result__adventurer--type {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 16px;
  }
}

.result__color--title {
  display: inline-block;
  color: #ff8b52;
  font-size: 32px;
  padding-right: 6px;
  /* vertical-align: middle; */
}

@media screen and (max-width: 570px) {
  .result__color--title {
    display: inline-block;
    font-size: 36px;
    margin-top: -4px;
  }
}

.result__color--main {
  display: inline-block;
  color: #ff8b52;
  font-size: 32px;
  padding-right: 6px;
  /* vertical-align: middle; */
}

@media screen and (max-width: 570px) {
  .result__color--main {
    font-size: 22px;
  }
}

.result__leader--text,
.result__artist--text,
.result__guardian--text,
.result__adventurer--text {
  font-weight: 400;
  line-height: 1.6;
  font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'BIZ UDPGothic',
    Meiryo, sans-serif;
}

@media screen and (max-width: 1024px) {

  .result__leader--text,
  .result__artist--text,
  .result__guardian--text,
  .result__adventurer--text {
    margin-top: 290px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
  }
}

@media screen and (max-width: 570px) {

  .result__leader--text,
  .result__artist--text,
  .result__guardian--text,
  .result__adventurer--text {
    font-size: 14px;
  }
}

.first__pc,
.first__sp {
  margin-bottom: 12px;
}

@media screen and (max-width: 570px) {

  .first__pc,
  .second__pc {
    display: none;
  }
}

.first__sp,
.second__sp {
  display: none;
}

@media screen and (max-width: 570px) {

  .first__sp,
  .second__sp {
    display: block;
  }
}

.result__point {
  font-weight: bold;
  color: #1090ff;
  text-decoration: underline;
  text-decoration-thickness: 1.2em;
  text-decoration-color: #feffb9;
  text-underline-offset: -1em;
  text-decoration-skip-ink: none;
  font-weight: normal;
  font-weight: bold;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__leader--transparent,
  .result__artist--transparent,
  .result__guardian--transparent,
  .result__adventurer--transparent {
    font-size: 62px;
  }
}

.leader__attached--pc {
  font-size: 14px;
  text-align: right;
}

.artist__attached--pc {
  font-size: 14px;
  text-align: right;
  margin-top: -20px;
}

.guardian__attached--pc {
  font-size: 14px;
  text-align: right;
  margin-top: -20px;
}

.adventurer__attached--pc {
  font-size: 14px;
  text-align: right;
  margin-top: -20px;
}

@media screen and (max-width: 1024px) {

  .leader__attached--pc,
  .artist__attached--pc,
  .guardian__attached--pc,
  .adventurer__attached--pc {
    margin-left: 410px;
  }
}

@media screen and (min-width: 571px) {

  .leader__attached--sp,
  .artist__attached--sp,
  .guardian__attached--sp,
  .adventurer__attached--sp {
    display: none;
  }
}

@media screen and (max-width: 570px) {

  .leader__attached--pc,
  .artist__attached--pc,
  .guardian__attached--pc,
  .adventurer__attached--pc {
    display: none;
  }

  .leader__attached--sp {
    font-size: 14px;
    display: block;
    margin-left: 228px;
  }

  .artist__attached--sp {
    font-size: 14px;
    display: block;
    margin-left: 228px;
    margin-top: -15px;
  }

  .guardian__attached--sp {
    font-size: 14px;
    display: block;
    margin-left: 228px;
  }

  .adventurer__attached--sp {
    font-size: 14px;
    display: block;
    margin-left: 228px;
    margin-top: -15px;
  }
}

.result__leader--transparent,
.result__artist--transparent,
.result__guardian--transparent,
.result__adventurer--transparent {
  font-weight: 600;
  font-size: 84px;
  color: #ffdda6;
  text-align: right;
  margin-left: -172px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__leader--transparent,
  .result__artist--transparent,
  .result__guardian--transparent,
  .result__adventurer--transparent {
    font-size: 62px;
  }
}

@media screen and (max-width: 1024px) {

  .result__leader--transparent,
  .result__artist--transparent,
  .result__guardian--transparent,
  .result__adventurer--transparent {
    margin-left: 0;
    text-align: initial;
    margin-top: -600px;
    font-size: 36px;
    display: none;
  }
}

.result__transparent--sp {
  font-weight: 600;
  font-size: 34px;
  color: #ffdda6;
  text-align: left;
  position: relative;
  z-index: 10;
  display: block;
  margin-left: 24px;
  margin-top: 24px;
}

@media screen and (max-width: 570px) {
  .result__transparent--sp {
    font-size: 24px;
  }
}

.result__artist--human {
  margin-top: -80px;
}

.result__adventurer--human {
  margin-top: -170px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__adventurer--human {
    margin-top: -130px;
  }
}

@media screen and (max-width: 1024px) {
  .result__leader--human {
    text-align: center;
    position: relative;
    z-index: 10;
    margin-top: -505px;
  }

  .result__artist--human {
    text-align: center;
    position: relative;
    z-index: 10;
    margin-top: -510px;
  }

  .result__guardian--human {
    text-align: center;
    position: relative;
    z-index: 10;
    margin-top: -490px;
  }

  .result__adventurer--human {
    text-align: center;
    position: relative;
    z-index: 10;
    margin-top: -500px;
  }
}

@media screen and (max-width: 570px) {
  .result__leader--human {
    margin-top: -500px;
  }

  .result__artist--human {
    margin-top: -500px;
  }

  .result__guardian--human {
    margin-top: -490px;
  }

  .result__adventurer--human {
    margin-top: -495px;
  }
}

.result__leader--human img,
.result__artist--human img,
.result__guardian--human img,
.result__adventurer--human img {
  width: 400px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__leader--human img,
  .result__artist--human img,
  .result__guardian--human img,
  .result__adventurer--human img {
    width: 360px;
  }
}

@media screen and (max-width: 1024px) {
  .result__leader--human img {
    width: 190px;
    height: auto;
  }

  .result__artist--human img {
    width: 144px;
    height: auto;
  }

  .result__guardian--human img {
    width: 193px;
    height: auto;
  }

  .result__adventurer--human img {
    width: 143px;
    height: auto;
  }
}

@media screen and (max-width: 570px) {
  .result__adventurer--human img {
    width: 123px;
    height: auto;
  }
}

.result__leader--human.back,
.result__artist--human.back,
.result__guardian--human.back,
.result__adventurer--human.back {
  width: 468px;
  height: 232px;
  background-color: #fff;
  border-radius: 15px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  margin-top: -112px;
}

@media screen and (min-width: 1025px) {

  .result__leader--human.back,
  .result__artist--human.back,
  .result__guardian--human.back,
  .result__adventurer--human.back {
    display: none;
  }
}

@media screen and (max-width: 570px) {

  .result__leader--human.back,
  .result__artist--human.back,
  .result__guardian--human.back,
  .result__adventurer--human.back {
    width: 308px;
  }
}

.result__main {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 1340px;
  background-color: #ffffff;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main {
    width: 1000px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main {
    width: 100%;
    height: 100%;
  }
}

.result__main--title {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  padding-top: 36px;
}

.result__main--title img {
  margin-top: -8px;
  width: 77px;
}

@media screen and (max-width: 570px) {
  .result__main--title img {
    width: 47px;
  }
}

.result__main--title p {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  font-family: 'Inter', sans-serif;
}

@media screen and (max-width: 570px) {
  .result__main--title p {
    font-size: 14px;
  }
}

.result__main--weight {
  font-size: 32px;
  /* vertical-align: middle; */
}

@media screen and (max-width: 570px) {
  .result__main--weight {
    font-size: 18px;
  }
}

.result__main--adviser {
  display: flex;
  justify-content: center;
  gap: 36px;
  margin-top: 24px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--adviser {
    gap: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--adviser {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.result__main--adviser.first,
.result__main--adviser.second,
.result__main--adviser.third {
  background-color: #ffe8c4;
  position: relative;
  z-index: 1;
  width: 385px;
  height: 615px;
  border-radius: 5%;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__main--adviser.first,
  .result__main--adviser.second,
  .result__main--adviser.third {
    width: 315px;
    height: 523px;
  }
}

@media screen and (min-width: 1025px) {

  .result__main--adviser.first,
  .result__main--adviser.second,
  .result__main--adviser.third {
    margin-bottom: 36px;
  }
}

@media screen and (max-width: 1024px) {

  .result__main--adviser.first,
  .result__main--adviser.second,
  .result__main--adviser.third {
    height: auto;
  }

  .result__main--adviser:last-child {
    margin-bottom: 36px;
  }
}

@media screen and (max-width: 570px) {

  .result__main--adviser.first,
  .result__main--adviser.second,
  .result__main--adviser.third {
    width: 345px;
  }
}

.result__main--.first.rate img,
.result__main--.second.rate img,
.result__main--.third.rate img {
  width: 295px;
  height: 38px;
}

.result__main--first.rate,
.result__main--second.rate,
.result__main--third.rate {
  text-align: center;
  margin-top: -50px;
}

@media screen and (max-width: 1360px) {

  .result__main--first.rate,
  .result__main--second.rate,
  .result__main--third.rate {
    margin-top: -44px;
  }
}

@media screen and (max-width: 1024px) {

  .result__main--first.rate,
  .result__main--second.rate,
  .result__main--third.rate {
    margin-top: -24px;
  }
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__main--first.rate img,
  .result__main--second.rate img,
  .result__main--third.rate img {
    width: 245px;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--third.human {
    margin-left: 12px;
  }
}

@media screen and (max-width: 570px) {
  .result__main--third.human {
    margin-left: 0;
  }
}

.result__main--ball {
  margin-top: -16px;
  margin-left: 24px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--ball {
    margin-top: 0;
  }
}

@media screen and (max-width: 570px) {
  .result__main--ball {
    margin-left: 16px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 571px) {
  .result__main--ball.third {
    margin-left: 0;
  }
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--ball img {
    width: 60px;
    height: auto;
  }
}

.result__main--human_picture {
  margin-top: -65px;
  margin-left: 52px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--human_picture {
    margin-top: -50px;
    margin-left: 40px;
  }
}

@media screen and (max-width: 570px) {
  .result__main--human_picture {
    margin-left: 35px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 571px) {
  .result__main--human_picture.third {
    margin-left: 28px;
  }
}

.result__main--human_picture img {
  width: 120px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--human_picture img {
    width: 109px;
  }
}

.result__main--human_first,
.result__main--human_second {
  margin-top: -128px;
  margin-left: 144px;
  text-align: center;
}

.result__main--human_third {
  margin-top: -125px;
  margin-left: 164px;
  text-align: center;
}

@media screen and (max-width: 1360px) {

  .result__main--human_first,
  .result__main--human_second {
    margin-top: -98px;
    margin-left: 134px;
  }
}

@media screen and (max-width: 1360px) {
  .result__main--human_third {
    margin-top: -93px;
    margin-left: 132px;
  }
}

@media screen and (max-width: 1024px) {

  .result__main--human_first,
  .result__main--human_second {
    margin-top: -128px;
    margin-left: 172px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--human_third {
    margin-top: -125px;
    margin-left: 168px;
  }
}

@media screen and (max-width: 570px) {

  .result__main--human_first,
  .result__main--human_second {
    margin-left: 158px;
  }
}

@media screen and (max-width: 570px) {
  .result__main--human_third {
    margin-left: 158px;
  }
}

.result__main--human_first p,
.result__main--human_second p,
.result__main--human_third p {
  font-weight: bold;
  font-size: 13px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--human_name p {
    font-size: 10px;
  }
}

.human__name {
  font-size: 21px;
  display: inline-block;
  margin-top: 4px;
}

@media screen and (max-width: 1360px) {
  .human__name {
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .human__name {
    font-size: 19px;
  }
}

.result__main--human_comment {
  margin-left: 174px;
  margin-top: 10px;
  position: relative;
  background: #bee9f1;
  border-radius: 15px;
  width: 182px;
  height: 58px;
  color: #2c7785;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--human_comment {
    margin-left: 146px;
    margin-top: 4px;
    border-radius: 12px;
    width: 136px;
    height: 48px;
  }
}

@media screen and (max-width: 570px) {
  .result__main--human_comment {
    margin-left: 160px;
    width: 162px;
  }
}

.result__main--human_comment p {
  font-size: 14px;
}

@media screen and (max-width: 1360px) {
  .result__main--human_comment p {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--human_comment p {
    font-size: 14px;
  }
}

.result__main--triangle {
  margin-top: -58px;
  margin-left: 162px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--triangle {
    margin-top: -48.5px;
    margin-left: 134px;
  }
}

@media screen and (max-width: 570px) {
  .result__main--triangle {
    margin-top: -58px;
    margin-left: 148px;
  }
}

.result__main--triangle img {
  width: 22px;
}

.result__main--theme {
  display: flex;
  margin-left: 8px;
  margin-top: 16px;
}

.result__main--theme.third {
  margin-top: 45px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--theme {
    margin-left: 6px;
  }
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__main--theme.third {
    margin-top: 38px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--theme {
    flex-direction: column;
    margin: initial;
    margin-top: 16px;
  }
}

.result__main--theme.good {
  width: 88px;
  height: 96px;
  background-color: #ff4c06;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-direction: column;
  box-shadow: inset 4px 4px 8px -3px #ff7038,
    inset 4px 4px 8px -3px #ff7038,
    inset 8px 8px 16px -6px #ffe9d5,
    inset 8px 8px 16px -6px #ffe9d5;
}

@media screen and (max-width: 1360px) {
  .result__main--theme.good {
    width: 68px;
    height: 76px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--theme.good {
    width: 350px;
    height: 28px;
    border-radius: initial;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
  }
}

@media screen and (max-width: 570px) {
  .result__main--theme.good {
    width: 310px;
  }
}

.result__main--theme.good img {
  margin: 12px 34px 0 34px;
}

@media screen and (max-width: 1360px) {
  .result__main--theme.good img {
    width: 16px;
    height: auto;
    margin: 8px 26px 0 26px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--theme.good img {
    margin: 5px 0 3px;
    margin-left: 124px;
  }
}

@media screen and (max-width: 570px) {
  .result__main--theme.good img {
    margin-left: 103px;
  }
}

.result__main--theme.good p {
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 4px 0;
  line-height: 20px;
}

@media screen and (max-width: 1360px) {
  .result__main--theme.good p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--theme.good p {
    line-height: initial;
    padding: initial;
    margin-top: -21px;
    margin-left: 22px;
  }

  .result__main--theme.good p br {
    display: none;
  }
}

.result__main--theme.text {
  width: 265px;
  height: 96px;
  background-color: #fef6e9;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  flex-direction: column;
  margin-left: 0;
  justify-content: center;
}

@media screen and (max-width: 1360px) {
  .result__main--theme.text {
    width: 225px;
    height: 76px;
    /* line-height: 24px; */
  }
}

@media screen and (max-width: 1024px) {
  .result__main--theme.text {
    width: 350px;
    height: 100%;
    line-height: 24px;
    border-radius: initial;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: initial;
  }
}

@media screen and (max-width: 570px) {
  .result__main--theme.text {
    width: 310px;
  }
}

.result__main--theme.text p {
  padding-left: 8px;
  color: #000000;
  font-weight: 600;
  border-bottom: 1px dashed #ffa07a;
}

@media screen and (max-width: 1360px) {
  .result__main--theme.text p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .result__main--theme.text p {
    text-align: center;
  }
}

/* 3個以上の場合に適用 Jsで個数確認→CSS変更*/
.result__main--theme.text p {
  line-height: 31px;
}

/* 2個以下の場合に適用 */
.result__main--theme.text p:nth-last-child(1):nth-child(1),
.result__main--theme.text p:nth-last-child(2):nth-child(1),
.result__main--theme.text p:nth-last-child(1):nth-child(2) {
  line-height: 46px;
}

@media screen and (max-width: 1360px) {

  /* 3個以上の場合に適用 */
  .result__main--theme.text p {
    line-height: 24px;
  }

  /* 2個以下の場合に適用 */
  .result__main--theme.text p:nth-last-child(1):nth-child(1),
  .result__main--theme.text p:nth-last-child(2):nth-child(1),
  .result__main--theme.text p:nth-last-child(1):nth-child(2) {
    line-height: 36px;
  }
}

@media screen and (max-width: 1024px) {

  /* 3個以上の場合に適用 */
  .result__main--theme.text p {
    line-height: initial;
  }

  /* 2個以下の場合に適用 */
  .result__main--theme.text p:nth-last-child(1):nth-child(1),
  .result__main--theme.text p:nth-last-child(2):nth-child(1),
  .result__main--theme.text p:nth-last-child(1):nth-child(2) {
    line-height: initial;
  }
}

.result__main--theme.text p:last-child {
  border-bottom: none;
}

.result__main--theme.text img {
  vertical-align: text-top;
  margin-right: 4px;
}

.result__main--first_text,
.result__main--second_text,
.result__main--third_text {
  background-color: #fff;
  margin: 0 16px;
  margin-top: -26px;
  border-radius: 10px;
  min-height: 221px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__main--first_text,
  .result__main--second_text,
  .result__main--third_text {
    width: 294px;
    margin: 0 11px;
    min-height: 208px;
  }
}

@media screen and (max-width: 1024px) {

  .result__main--first_text,
  .result__main--second_text,
  .result__main--third_text {
    min-height: initial;
  }
}

.result__main--first_text p,
.result__main--second_text p,
.result__main--third_text p {
  padding: 8px 12px;
  line-height: 1.6;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__main--first_text p,
  .result__main--second_text p,
  .result__main--third_text p {
    line-height: 24px;
    font-size: 13.5px;
  }
}

@media screen and (max-width: 570px) {

  .result__main--first_text p,
  .result__main--second_text p,
  .result__main--third_text p {
    font-size: 14px;
  }
}

.result__main--first_btn,
.result__main--second_btn,
.result__main--third_btn {
  text-align: center;
  margin-top: -16px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__main--first_btn,
  .result__main--second_btn,
  .result__main--third_btn {
    margin-top: 12px;
  }
}

@media screen and (max-width: 1024px) {

  .result__main--first_btn,
  .result__main--second_btn,
  .result__main--third_btn {
    margin-bottom: 24px;
  }
}

.result__main--first_btn img,
.result__main--second_btn img,
.result__main--third_btn img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {

  .result__main--first_btn img,
  .result__main--second_btn img,
  .result__main--third_btn img {
    width: 270px;
  }
}

@media screen and (max-width: 570px) {

  .result__main--first_btn img,
  .result__main--second_btn img,
  .result__main--third_btn img {
    width: 300px;
  }
}

.result__main--first_btn:hover,
.result__main--second_btn:hover,
.result__main--third_btn:hover {
  opacity: 0.8;
}

.result__attentionText {
  font-size: 14px;
  margin: -20px 0 0 56px;
  padding: 0 0 14px 0;
}

@media screen and (max-width: 1360px) {
  .result__attentionText {
    margin: -20px 0 0 18px;
  }
}

@media screen and (max-width: 1024px) {
  .result__attentionText {
    font-size: 14px;
    line-height: 1.4;
    max-width: 380px;
    margin: -24px auto 0;
    padding: 0 0 4px 0;
  }
}

@media screen and (max-width: 570px) {
  .result__attentionText {
    max-width: 340px;
  }
}

.result__consultation {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 48px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__consultation {
    margin-top: 72px;
  }
}

@media screen and (max-width: 1024px) {
  .result__consultation {
    margin-top: 36px;
  }
}

@media screen and (max-width: 570px) {
  .result__consultation {
    margin-top: 48px;
  }
}

.result__consultation img {
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1024px) {
  .result__consultation img {
    width: 362px;
    height: auto;
  }
}

.result__consultation--another {
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 1024px) {
  .result__consultation--another img {
    width: 340px;
    height: auto;
  }
}

.result__consultation--another img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  border-radius: 45px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__consultation--another img {
    width: 475px;
    height: auto;
  }
}

.result__consultation--another:hover {
  opacity: 0.9;
}

.result__footer {
  text-align: center;
  padding: 24px 0;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__footer {
    margin-top: 96px;
  }
}

@media screen and (max-width: 1024px) {
  .result__footer {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .result__footer--sp {
    display: none;
  }
}

.result__footer--sp {
  text-align: center;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__footer img {
    width: 224px;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .result__footer--sp {
    margin-top: 72px;
  }
}

.result__background {
  margin-top: -640px;
}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
  .result__background {
    margin-top: -490px;
  }
}

@media screen and (max-width: 1024px) {
  .result__background {
    margin-top: -280px;
  }
}

@media screen and (max-width: 570px) {
  .result__background {
    margin-top: -172px;
  }
}

.result__background img {
  width: 100%;
}