@charset "UTF-8";

@keyframes is-page_trans {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    overflow: hidden;
  }
}

@keyframes is-hidden {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    overflow: hidden;
  }
}

@keyframes btn-anim-start {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }

  30% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
  }

  70% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes btn-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }

  30% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
  }

  70% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, .35);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes tc-is-show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-start1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  38% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-start2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-start3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  60% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-start4 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  63% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-title-q {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  33% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-title {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  44% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-ans1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  52% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-ans2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  58% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-ans3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  63% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-top-hidden {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@keyframes slide-top-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

.c-raw-html .tc-start {
  position: relative;
}

.c-raw-html .tc-start .tc-start-a1 {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: slide-top-start1 1.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-start1 1.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .tc-start .tc-start-a2 {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: slide-top-start2 1.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-start2 1.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .tc-start .tc-start-a3 {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: slide-top-start3 1.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-start3 1.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .tc-start .tc-start-a4 {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: slide-top-start4 2.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-start4 2.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .tc-title2 {
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto 3.90625vw;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.c-raw-html .tc-title2 img {
  width: 100%;
}

.c-raw-html .tc-lead {
  text-align: center;
  margin: 0 auto 4vw;
  opacity: 0;
  width: 78.28125vw;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.c-raw-html .tc-ico-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  margin: 0 auto 4vw;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  width: 81.25vw;
}

.c-raw-html .tc-ico-list>li {
  display: inline-block;
  width: 14.3%;
}

.c-raw-html .tc-start-btn-wrap {
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.c-raw-html .tc-start-btn {
  position: relative;
  text-align: center;
  cursor: pointer;
  display: block;
  border: none;
  margin: auto;
  outline: none;
  background-color: #e87b82;
  border-radius: 40px;
  padding: 25px 20px;
  width: 81.25vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.c-raw-html .tc-start-btn:hover {
  opacity: 0.7;
}

.c-raw-html .tc-start-btn img {
  position: relative;
  width: 33.65%;
  z-index: 2;
}

.c-raw-html .tc-start-btn.btn-anim {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: btn-anim-start 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: btn-anim-start 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.c-raw-html .tc-start-notes {
  margin: 2.03125vw auto 0;
  width: 95%;
}

.c-raw-html .tc-start-notes img {
  display: block;
}

.c-raw-html .tc-ques {
  display: none;
  position: relative;
}

.c-raw-html .tc-ques_title_q {
  width: 10.9375vw;
  margin: 0 auto 5.625vw;
}

.c-raw-html .tc-ques_title {
  position: relative;
  font-size: 6vw;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

.c-raw-html .tc-ques_ans {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  margin: auto;
  width: auto;
  max-width: 87.5vw;
}

.c-raw-html .tc-ques_ans>li {
  opacity: 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4.6875vw;
}

.c-raw-html .tc-ques_btn {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background: none;
  border: none;
  outline: none;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.c-raw-html .tc-ques_btn:hover {
  opacity: 0.7;
}

.c-raw-html .tc-ques_btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: #e366aa;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
  border-width: 2.34375vw;
}

.c-raw-html .tc-ques_btn:after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #e366aa;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-raw-html .tc-ques_btn-b:before {
  border-color: #1f9bc1;
}

.c-raw-html .tc-ques_btn-b:hover:after {
  border-color: #1f9bc1;
}

.c-raw-html .tc-ques_btn-c:before {
  border-color: #7baf1f;
}

.c-raw-html .tc-ques_btn-c:hover:after {
  border-color: #7baf1f;
}

.c-raw-html .tc-ques_btn>span {
  font-weight: 700;
  color: #333;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  white-space: nowrap;
}

.c-raw-html .tc-ques_btn.btn-anim {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: btn-anim 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: btn-anim 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.c-raw-html .tc-txt-q-yes {
  width: 9.21875vw;
}

.c-raw-html .tc-txt-q-no {
  width: 14.6875vw;
}

.c-raw-html .tc-txt-q2-1 {
  width: 9.0625vw;
}

.c-raw-html .tc-txt-q2-2 {
  width: 26.5625vw;
}

.c-raw-html .tc-txt-q3-1 {
  width: 14.6875vw;
}

.c-raw-html .tc-txt-q3-2 {
  width: 19.21875vw;
}

.c-raw-html .tc-txt-q4-1 {
  width: 27.1875vw;
}

.c-raw-html .tc-txt-q4-2 {
  width: 23.4375vw;
}

.c-raw-html .tc-txt-q4-3 {
  width: 20.15625vw;
}

.c-raw-html .tc-result_hd {
  width: 30%;
  margin: 20px auto;
}

.c-raw-html .tc-result_title {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 35.9375%;
}

.c-raw-html .tc-result_title:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-raw-html .tc-result_title img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.c-raw-html .tc-result_inr {
  padding: 25px 15px;
}

.c-raw-html .tc-result_wrap-tc3 .tc-result_illust.ratio-photo {
  padding-top: 101.724137931%;
}

.c-raw-html .tc-result_wrap-tc1 .tc-result_illust.ratio-photo,
.c-raw-html .tc-result_wrap-tc2 .tc-result_illust.ratio-photo,
.c-raw-html .tc-result_wrap-tc4 .tc-result_illust.ratio-photo,
.c-raw-html .tc-result_wrap-tc5 .tc-result_illust.ratio-photo,
.c-raw-html .tc-result_wrap-tc6 .tc-result_illust.ratio-photo {
  padding-top: 93.1034482759%;
}

.c-raw-html .tc-result-box {
  border-radius: 5px;
  overflow: hidden;
}

.c-raw-html .tc-result-box_hd {
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 10px 15px;
}

.c-raw-html .tc-result-box_hd-tc1 {
  background-color: #1f9bc1;
}

.c-raw-html .tc-result-box_hd-tc2 {
  background-color: #dacc12;
}

.c-raw-html .tc-result-box_hd-tc3 {
  background-color: #505e99;
}

.c-raw-html .tc-result-box_hd-tc4 {
  background-color: #7baf20;
}

.c-raw-html .tc-result-box_hd-tc5 {
  background-color: #e266aa;
}

.c-raw-html .tc-result-box_body {
  background-color: #fff;
  padding: 15px 10px;
}

.c-raw-html .tc-result-list>li {
  position: relative;
  margin-top: 10px;
  padding-left: 10px;
}

.c-raw-html .tc-result-list>li:before {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  top: 9.6px;
  top: 0.6rem;
  left: 0;
  border-radius: 50%;
}

.c-raw-html .tc-result-list-tc1>li:before {
  background-color: #1f9bc1;
}

.c-raw-html .tc-result-list-tc2>li:before {
  background-color: #a8a23e;
}

.c-raw-html .tc-result-list-tc3>li:before {
  background-color: #505e99;
}

.c-raw-html .tc-result-list-tc4>li:before {
  background-color: #7baf20;
}

.c-raw-html .tc-result-list-tc5>li:before {
  background-color: #e266aa;
}

.c-raw-html .tc-wrap-lp .tc-ico-list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 58%;
  margin-top: -4vw;
}

.c-raw-html .tc-wrap-lp .tc-ico-list>li {
  width: 28%;
  margin-top: 4vw;
}

.c-raw-html .is-show.tc-ques {
  display: block;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: tc-is-show 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tc-is-show 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.c-raw-html .is-show.tc-ques .tc-ques_title_q {
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: slide-top-title-q 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-title-q 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .is-show.tc-ques .tc-ques_title {
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: slide-top-title 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-title 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .is-show.tc-ques .tc-ques_ans {
  opacity: 1;
}

.c-raw-html .is-show.tc-ques .tc-ques_ans>li:nth-child(1) {
  -webkit-transform: translateY(30px) translateZ(0);
  transform: translateY(30px) translateZ(0);
  -webkit-animation: slide-top-ans1 2.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-ans1 2.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .is-show.tc-ques .tc-ques_ans>li:nth-child(2) {
  -webkit-transform: translateY(30px) translateZ(0);
  transform: translateY(30px) translateZ(0);
  -webkit-animation: slide-top-ans2 2.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-ans2 2.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .is-show.tc-ques .tc-ques_ans>li:nth-child(3) {
  -webkit-transform: translateY(30px) translateZ(0);
  transform: translateY(30px) translateZ(0);
  -webkit-animation: slide-top-ans3 2.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: slide-top-ans3 2.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.c-raw-html .is-hidden.tc-start {
  -webkit-animation: slide-top-hidden 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: slide-top-hidden 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.c-raw-html .tc-ques.is-hidden {
  display: block;
  -webkit-animation: is-hidden 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;
  animation: is-hidden 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;
}

.c-raw-html .tc-ques.is-hidden .tc-ques_title_q {
  -webkit-animation: slide-top-out 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: slide-top-out 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.c-raw-html .tc-ques.is-hidden .tc-ques_title {
  -webkit-animation: slide-top-out 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: slide-top-out 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.c-raw-html .tc-ques.is-hidden .tc-ques_ans {
  opacity: 1;
  -webkit-animation: slide-top-out 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: slide-top-out 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.c-raw-html .tc-ques.is-hidden .tc-ques_ans>li {
  opacity: 1;
}

.c-raw-html .tc-wrap {
  padding: 3.90625vw 3.125vw;
  background: url(/assets/su/type-check/images/bg-tc-sp.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.c-raw-html .tc-title {
  text-align: center;
  width: 76.56%;
  margin: 0 auto 3.125vw;
}

.c-raw-html .tc-queswrap {
  background-color: #fff;
  padding: 7.8125vw 1.5625vw;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 125vw;
  box-sizing: border-box;
}

.c-raw-html .tc-dn {
  display: none !important;
}

.c-raw-html .is-page_trans {
  opacity: 1;
  -webkit-animation: is-page_trans 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: is-page_trans 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.c-raw-html .tc-caution-title {
  color: #fff;
  font-weight: 700;
  background-color: #e87b82;
  padding: 10px 15px;
}

.c-raw-html .tc-caution-body {
  background-color: #f5f5f5;
  padding: 10px 15px;
}

@media screen and (min-width: 768px) {
  .c-raw-html .tc-title2 {
    top: 0;
    margin: 0 auto 20px;
    max-width: 420px;
  }

  .c-raw-html .tc-lead {
    max-width: 555px;
    margin-bottom: 20px;
  }

  .c-raw-html .tc-ico-list {
    margin-bottom: 20px;
    max-width: 448px;
  }

  .c-raw-html .tc-ico-list>li {
    width: 58px;
  }

  .c-raw-html .tc-start-btn {
    max-width: 410px;
  }

  .c-raw-html .tc-start-btn img {
    width: auto;
    max-width: 152px;
  }

  .c-raw-html .tc-start-notes {
    width: 422px;
    margin-top: 10px;
  }

  .c-raw-html .tc-ques_title_q {
    width: 54px;
    margin-bottom: 40px;
  }

  .c-raw-html .tc-ques_title {
    font-size: 3.6rem;
    margin-bottom: 50px;
  }

  .c-raw-html .tc-ques_ans {
    max-width: 750px;
  }

  .c-raw-html .tc-ques_ans>li {
    width: 33.333%;
    padding: 0 3.299%;
  }

  .c-raw-html .tc-ques_btn:before {
    border-width: 14px;
  }

  .c-raw-html .tc-txt-q-yes {
    width: 49px;
  }

  .c-raw-html .tc-txt-q-no {
    width: 77px;
  }

  .c-raw-html .tc-txt-q2-1 {
    width: 48px;
  }

  .c-raw-html .tc-txt-q2-2 {
    width: 145px;
  }

  .c-raw-html .tc-txt-q3-1 {
    width: 77px;
  }

  .c-raw-html .tc-txt-q3-2 {
    width: 100px;
  }

  .c-raw-html .tc-txt-q4-1 {
    width: 148px;
  }

  .c-raw-html .tc-txt-q4-2 {
    width: 123px;
  }

  .c-raw-html .tc-txt-q4-3 {
    width: 106px;
  }

  .c-raw-html .tc-result_hd {
    width: 140px;
  }

  .c-raw-html .tc-result_title {
    padding-top: 13.671875%;
  }

  .c-raw-html .tc-result_title img {
    width: 100%;
  }

  .c-raw-html .tc-result_wrap {
    border-width: 1px;
    border-style: solid;
  }

  .c-raw-html .tc-result_wrap-tc1 {
    border-color: #1f9bc1;
  }

  .c-raw-html .tc-result_wrap-tc2 {
    border-color: #dacc12;
  }

  .c-raw-html .tc-result_wrap-tc3 {
    border-color: #505e99;
  }

  .c-raw-html .tc-result_wrap-tc4 {
    border-color: #7baf20;
  }

  .c-raw-html .tc-result_wrap-tc5 {
    border-color: #e266aa;
  }

  .c-raw-html .tc-result_wrap-tc6 {
    border-color: #925e99;
  }

  .c-raw-html .tc-result_inr {
    padding: 40px;
  }

  .c-raw-html .tc-result_wrap-tc3 .tc-result_illust.ratio-photo {
    padding-top: 26.2711864407%;
  }

  .c-raw-html .tc-result_wrap-tc1 .tc-result_illust.ratio-photo,
  .c-raw-html .tc-result_wrap-tc2 .tc-result_illust.ratio-photo,
  .c-raw-html .tc-result_wrap-tc4 .tc-result_illust.ratio-photo,
  .c-raw-html .tc-result_wrap-tc5 .tc-result_illust.ratio-photo,
  .c-raw-html .tc-result_wrap-tc6 .tc-result_illust.ratio-photo {
    padding-top: 26.2711864407%;
  }

  .c-raw-html .tc-result-box_hd {
    font-size: 2.4rem;
  }

  .c-raw-html .tc-result-box_body {
    padding: 30px 50px 35px;
  }

  .c-raw-html .tc-result-list>li {
    margin-top: 15px;
    padding-left: 12px;
  }

  .c-raw-html .tc-result-list>li:before {
    width: 10px;
    height: 10px;
    top: 12.8px;
    top: 0.8rem;
  }

  .c-raw-html .tc-wrap-lp .tc-title2 {
    margin-bottom: 30px;
  }

  .c-raw-html .tc-wrap-lp .tc-queswrap {
    min-height: 560px;
  }

  .c-raw-html .tc-wrap-lp .tc-ico-list {
    width: auto;
    max-width: 630px;
    margin-bottom: 30px;
    margin-top: 0;
  }

  .c-raw-html .tc-wrap-lp .tc-ico-list>li {
    width: 80px;
    margin-top: 0;
  }

  .c-raw-html .tc-wrap {
    background-image: url(/assets/su/type-check/images/bg-tc.png);
    padding: 15px 50px 45px;
  }

  .c-raw-html .tc-title {
    margin: 25px auto;
    width: auto;
    max-width: 380px;
  }

  .c-raw-html .tc-queswrap {
    padding: 40px 20px;
    min-height: 580px;
  }

  .c-raw-html .tc-caution-title {
    font-size: 1.8rem;
    padding: 10px 40px;
  }

  .c-raw-html .tc-caution-body {
    padding: 10px 40px 20px;
  }
}