@charset "UTF-8";
span.sp,
span.pc {
  display: none;
}

@media screen and (min-width: 768px) {
  span.pc {
    display: inline;
  }
}

@media screen and (max-width: 767px) {
  span.sp {
    display: inline;
  }
}

.c-btn01 {
  max-width: 318px;
  width: 100%;
  margin: 0 auto;
}
.c-btn01__link {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4388F5;
  box-shadow: 0px 4px 0px #2a66c7;
  border-radius: 1000px;
  min-height: 57px;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.6;
  text-decoration: none;
}
.c-btn01__arw {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  width: 30px;
  height: 30px;
  display: grid;
  place-content: center;
  background: #fff;
  border-radius: 50%;
}
.c-btn01__arw::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 13px;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  color: #4388F5;
}
@media screen and (max-width: 370px) {
  .c-btn01__link {
    padding-left: 10px;
    justify-content: flex-start;
  }
  .c-btn01__arw {
    right: 10px;
  }
}
@media screen and (min-width: 768px) {
  .c-btn01 {
    min-width: auto;
    max-width: 478px;
  }
  .c-btn01__link {
    min-height: 69px;
    font-size: 18px;
    transition: all 0.3s ease;
  }
  .c-btn01__link:hover {
    top: 4px;
    box-shadow: none !important;
  }
  .c-btn01__arw {
    width: 33px;
    height: 33px;
  }
}

.c-head01 {
  position: relative;
  text-align: center;
  padding: 0;
  margin: 0 0 25px;
  font-size: 29px;
  color: #000;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.c-head01__txt {
  text-align: center;
  color: #1568AE;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 600;
}
@media all and (min-width: 768px) {
  .c-head01 {
    font-size: 44px;
    padding: 0;
    margin: 0 0 40px;
  }
}

/* sp <--> tb <--> pc
-------------------------------------- */
@media all and (max-width: 768px) {
  .u-view-tb {
    display: none !important;
  }
}
@media all and (min-width: 1140) {
  .u-view-tb {
    display: none !important;
  }
}

@media all and (min-width: 768px) {
  .u-view-sp {
    display: none !important;
  }
}

@media all and (min-width: 1140) {
  .u-view-under-tb {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  .u-view-upper-tb {
    display: none !important;
  }
}

/* font
-------------------------------------- */
.u-font-en {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2em;
}

.l-header.is-row .en {
  margin-bottom: 0;
}
.l-header .label {
  position: relative;
  padding: 10px 60px;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 15px;
  border-radius: 1000px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
  color: #1F75CC;
}
.l-header .label::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, 0);
  width: 27px;
  height: 15px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background: #fff;
}
@media screen and (max-width: 767px) {
  .l-header .label {
    padding: 5px 30px;
    margin-bottom: 10px;
    font-size: 15px;
  }
}
.l-header .sub {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .l-header .sub {
    margin-bottom: 14px;
    font-size: 14px;
  }
}
.l-header h1 {
  max-width: 400px;
  margin: 0 auto 10px;
}
.l-header h1 img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-header h1 {
    margin-bottom: 7px;
    max-width: 245px;
  }
}
.l-header .en {
  margin-bottom: 40px;
  color: #1568AE;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .l-header .en {
    margin-bottom: 15px;
  }
}
.l-header .back {
  margin-top: -10px;
  margin-bottom: 8px;
}
.l-header .back a {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  text-decoration: none;
}
.l-header .back .ico {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  display: inline-grid;
  place-content: center;
  background: #4388F5;
  border-radius: 50%;
  margin: 0 15px 0 0;
  transform: rotate(180deg);
}
.l-header .back .ico::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  color: #fff;
}

html {
  /* reset5 © 2011 opensource.736cs.com MIT */
  /* フォームのリセットここから */
  /* フォームのリセットここまで */
}
html html, html body, html div, html span, html applet, html object, html iframe, html h1, html h2, html h3, html h4, html h5, html h6, html p, html blockquote, html pre, html a, html abbr, html acronym, html address, html big, html cite, html code, html del, html dfn, html em, html font, html img, html ins, html kbd, html q, html s, html samp, html small, html strike, html strong, html sub, html sup, html tt, html var, html b, html i, html center, html dl, html dt, html dd, html ol, html ul, html li, html fieldset, html form, html label, html legend, html table, html caption, html tbody, html tfoot, html thead, html tr, html th, html td, html article, html aside, html audio, html canvas, html details, html figcaption, html figure, html footer, html header, html hgroup, html mark, html menu, html meter, html nav, html output, html progress, html section, html summary, html time, html video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}
html body {
  line-height: 1;
}
html article, html aside, html dialog, html figure, html footer, html header, html hgroup, html nav, html section, html blockquote {
  display: block;
}
html nav ul {
  list-style: none;
}
html ol {
  list-style: decimal;
}
html ul {
  list-style: disc;
}
html ul ul {
  list-style: circle;
}
html blockquote, html q {
  quotes: none;
}
html blockquote:before, html blockquote:after, html q:before, html q:after {
  content: none;
}
html ins {
  text-decoration: underline;
}
html del {
  text-decoration: line-through;
}
html mark {
  background: none;
}
html abbr[title], html dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
html table {
  border-collapse: collapse;
  border-spacing: 0;
}
html hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
html input[type=submit], html input[type=button], html button {
  margin: 0 !important;
  padding: 0 !important;
}
html input, html select, html a img {
  vertical-align: middle;
}
html input,
html button,
html select,
html textarea {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
html textarea {
  resize: vertical;
}
html input[type=checkbox],
html input[type=radio] {
  display: none;
}
html input[type=submit],
html input[type=button],
html label,
html button,
html select {
  cursor: pointer;
}
html select::-ms-expand {
  display: none;
}
html * {
  box-sizing: border-box;
}
html img {
  vertical-align: top;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

main.shindan {
  position: relative;
}
main.shindan div.intro {
  position: relative;
  background-image: url("../images/home/bg_mv01_pc.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 80px 0;
}
@media screen and (min-width: 1920px) {
  main.shindan div.intro {
    background-size: cover;
  }
}
@media screen and (max-width: 1000px) {
  main.shindan div.intro {
    background-image: url("../images/home/bg_mv01_sp.png");
    padding: 30px 0 40px;
  }
}
main.shindan div.intro .container {
  width: 560px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  main.shindan div.intro .container {
    width: 100%;
    padding: 0 15px;
  }
}
main.shindan div.intro .container .txt {
  margin-bottom: 50px;
  line-height: 1.875;
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  main.shindan div.intro .container .txt {
    margin-bottom: 30px;
    font-size: 14px;
  }
}
main.shindan div.intro .container p.result {
  margin-top: 20px;
  text-align: center;
}
main.shindan div.intro .container p.result a {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 30px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}
main.shindan div.intro .container p.result a:hover {
  color: #4388F5;
}
main.shindan div.intro .container p.result a .ico {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  display: inline-grid;
  place-content: center;
  background: #4388F5;
  border-radius: 50%;
}
main.shindan div.intro .container p.result a .ico::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  color: #fff;
}
@media screen and (max-width: 767px) {
  main.shindan div.intro .container p.result a {
    font-size: 17px;
  }
  main.shindan div.intro .container p.result a .ico {
    width: 30px;
    height: 30px;
  }
  main.shindan div.intro .container p.result a .ico::before {
    width: 6px;
    height: 9px;
  }
}
@media screen and (max-width: 1000px) {
  main.shindan div.intro .container .imgWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
  }
}
main.shindan div.intro .container .imgl {
  position: absolute;
  top: 118px;
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: -27%;
  width: clamp(300px, 25vw, 480px);
}
main.shindan div.intro .container .imgl img {
  width: 100%;
}
@media screen and (max-width: 1320px) {
  main.shindan div.intro .container .imgl {
    margin-left: -35%;
  }
}
@media screen and (max-width: 1000px) {
  main.shindan div.intro .container .imgl {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-left: 0;
    width: 100%;
  }
}
main.shindan div.intro .container .imgr {
  position: absolute;
  top: 118px;
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: 27%;
  width: clamp(300px, 25vw, 480px);
}
main.shindan div.intro .container .imgr img {
  width: 100%;
}
@media screen and (max-width: 1320px) {
  main.shindan div.intro .container .imgr {
    margin-left: 35%;
  }
}
@media screen and (max-width: 1000px) {
  main.shindan div.intro .container .imgr {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-left: 0;
    width: 100%;
  }
}
main.shindan section.about {
  position: relative;
  padding-top: 99px;
  padding-bottom: 100px;
  background: #F9F6E7;
}
@media screen and (max-width: 767px) {
  main.shindan section.about {
    padding: 40px 15px 45px;
  }
}
main.shindan section.about .wrapper {
  position: relative;
  background-color: #fff;
  margin: 0 auto;
  border: 5px solid #cce0ff;
  max-width: 1100px;
  padding: 80px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  main.shindan section.about .wrapper {
    padding: 40px 15px 0;
    border-radius: 5px;
    overflow: hidden;
  }
}
main.shindan section.about .wrapper .container .content h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
main.shindan section.about .wrapper .container .content h2 img {
  height: 50px;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  main.shindan section.about .wrapper .container .content h2 img {
    height: 38px;
  }
}
main.shindan section.about .wrapper .container .content p {
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.875;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 767px) {
  main.shindan section.about .wrapper .container .content p {
    text-align: left;
  }
}
main.shindan section.about .wrapper .container .content dl.notice {
  max-width: 685px;
  width: 100%;
  margin: 30px auto 40px;
  padding: 33px;
  background-color: #E8F5FF;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  main.shindan section.about .wrapper .container .content dl.notice {
    margin: 20px auto 30px;
    border-radius: 5px;
    padding: 20px;
  }
}
main.shindan section.about .wrapper .container .content dl.notice dt {
  position: relative;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 19px;
  letter-spacing: 0.06em;
  line-height: 1.8;
  text-align: left;
  color: #1F75CC;
  margin-bottom: 20px;
}
main.shindan section.about .wrapper .container .content dl.notice dt .ico {
  display: grid;
  place-content: center;
  background: #4388F5;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  main.shindan section.about .wrapper .container .content dl.notice dt {
    margin-bottom: 14px;
    font-size: 18px;
  }
  main.shindan section.about .wrapper .container .content dl.notice dt .ico {
    width: 35px;
    height: 35px;
    margin-right: 8px;
  }
}
main.shindan section.about .wrapper .container .content dl.notice dd {
  position: relative;
  padding-left: 1em;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.625;
  text-align: left;
  color: #000;
}
main.shindan section.about .wrapper .container .content dl.notice dd + dd {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  main.shindan section.about .wrapper .container .content dl.notice dd + dd {
    margin-top: 8px;
  }
}
main.shindan section.about .wrapper .container .content dl.notice dd:before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4388F5;
}
main.shindan section.about .wrapper .container .content .img {
  position: absolute;
  bottom: 0;
  right: 6.5%;
  width: clamp(70px, 14%, 154px);
}
main.shindan section.about .wrapper .container .content .img img {
  width: 100%;
}
@media all and (max-width: 767px) {
  main.shindan section.about .wrapper .container .content .img {
    position: relative;
    right: auto;
    bottom: -10px;
    margin: 10px auto 0;
    width: 95px;
  }
}
main.shindan section.result {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
main.shindan section.result::before, main.shindan section.result::after {
  content: "";
  display: block;
  width: 100vw;
  height: 80px;
  position: absolute;
  left: calc((100vw - 100%) / 2 * -1);
  top: 0;
  z-index: -1;
  background: #F9F6E7;
}
main.shindan section.result::after {
  background: #fff;
  -webkit-clip-path: ellipse(50% 80px at 50% 0%);
  clip-path: ellipse(50% 80px at 50% 0%);
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  main.shindan section.result {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  main.shindan section.result::after {
    -webkit-clip-path: ellipse(75% 80px at 50% 0%);
    clip-path: ellipse(75% 80px at 50% 0%);
  }
}
main.shindan section.result .wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper {
    padding: 0 15px;
  }
}
main.shindan section.result .wrapper .container .txt {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.85;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper .container .txt {
    text-align: left;
  }
}
main.shindan section.result .wrapper .container .txt a {
  color: #0064FF;
  text-decoration: underline;
}
main.shindan section.result .wrapper .container .txt a:hover {
  text-decoration: none;
}
main.shindan section.result .wrapper .container .note {
  text-indent: -1em;
  margin-top: 20px;
  margin-left: 1em;
  color: #949494;
  font-size: 16px;
  line-height: 1.85;
  text-align: center;
}
main.shindan section.result .wrapper .container .note a {
  color: #949494;
}
main.shindan section.result .wrapper .container .note a:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper .container .note {
    margin-top: 15px;
    text-align-last: left;
  }
}
main.shindan section.result .wrapper .container ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 60px;
}
@media screen and (max-width: 1000px) {
  main.shindan section.result .wrapper .container ul {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 30px;
  }
}
main.shindan section.result .wrapper .container ul li {
  border: 5px solid #E8F5FF;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper .container ul li {
    border-radius: 5px;
  }
}
main.shindan section.result .wrapper .container ul li .type {
  position: relative;
  padding: 15px;
  background: #E8F5FF;
  font-size: 18px;
  line-height: 1.56;
  font-weight: bold;
  text-align: center;
  color: #1568AE;
}
main.shindan section.result .wrapper .container ul li .type::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, 0);
  width: 27px;
  height: 15px;
  background: #E6EFFF;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper .container ul li .type {
    font-size: 16px;
  }
}
main.shindan section.result .wrapper .container ul li .inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 169px;
  grid-template-rows: min-content max-content 1fr;
  align-items: center;
  padding: 20px 35px 30px;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper .container ul li .inner {
    grid-template-columns: 1fr 95px;
    padding: 15px 17px 20px;
  }
}
main.shindan section.result .wrapper .container ul li .inner figure {
  grid-column: 2;
  grid-row: span 2;
}
main.shindan section.result .wrapper .container ul li .inner figure img {
  width: 100%;
}
main.shindan section.result .wrapper .container ul li .inner .copy {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  align-self: flex-end;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper .container ul li .inner .copy {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
main.shindan section.result .wrapper .container ul li .inner .title {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  align-self: flex-start;
  font-weight: bold;
  font-size: 32px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: left;
  color: #1F75CC;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper .container ul li .inner .title {
    font-size: 24px;
  }
}
main.shindan section.result .wrapper .container ul li .inner .c-btn01 {
  grid-column: span 2;
  grid-row: 3;
  margin-top: 10px;
  max-width: 300px;
}
main.shindan section.result .wrapper .container ul li .inner .c-btn01 a {
  padding-right: 60px;
}
@media screen and (max-width: 767px) {
  main.shindan section.result .wrapper .container ul li .inner .c-btn01 {
    max-width: 250px;
  }
  main.shindan section.result .wrapper .container ul li .inner .c-btn01 a {
    padding-right: 0;
  }
}

main.shindan-diagform {
  background: #E8F5FF;
}
main.shindan-diagform .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 140px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
main.shindan-diagform .wrapper .container {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1080px) {
  main.shindan-diagform .wrapper .container {
    max-width: 780px;
  }
}
@media screen and (max-width: 1080px) {
  main.shindan-diagform .wrapper .container {
    max-width: 700px;
  }
}
main.shindan-diagform .wrapper .container .frame {
  position: relative;
  height: 550px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame {
    width: calc(100% - 60px);
    height: 588px;
    margin-top: 20px;
  }
}
main.shindan-diagform .wrapper .container .frame:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  border: 5px solid #B3D1FF;
  border-radius: 5px;
}
main.shindan-diagform .wrapper .container .frame nav.indicator {
  position: absolute;
  z-index: 1;
  top: -115px;
  right: -100px;
  width: 100px;
}
main.shindan-diagform .wrapper .container .frame nav.indicator .counter {
  background: #1568AE;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  position: absolute;
  right: 25px;
  top: -10px;
  display: grid;
  place-content: center;
}
main.shindan-diagform .wrapper .container .frame nav.indicator .counter::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translate(-50%, 0);
  width: 20px;
  height: 23px;
  background: #1568AE;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
@media screen and (max-width: 1180px) {
  main.shindan-diagform .wrapper .container .frame nav.indicator .counter {
    right: 75px;
    top: 0;
  }
  main.shindan-diagform .wrapper .container .frame nav.indicator .counter::before {
    left: 20px;
    bottom: -5px;
    transform: translate(-50%, 0) rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame nav.indicator .counter {
    width: 76px;
    height: 76px;
    right: 82px;
    top: 83px;
  }
}
main.shindan-diagform .wrapper .container .frame nav.indicator .counter > span:nth-child(1) {
  display: block;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.1;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame nav.indicator .counter > span:nth-child(1) {
    font-size: 12px;
  }
}
main.shindan-diagform .wrapper .container .frame nav.indicator .counter > span:nth-child(2) {
  display: block;
  text-align: center;
  margin-top: 2px;
}
main.shindan-diagform .wrapper .container .frame nav.indicator .counter > span:nth-child(2) > span:nth-child(1) {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 41px;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #fff;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame nav.indicator .counter > span:nth-child(2) > span:nth-child(1) {
    font-size: 28px;
  }
}
main.shindan-diagform .wrapper .container .frame nav.indicator .counter > span:nth-child(2) > span:nth-child(2) {
  vertical-align: baseline;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.1;
  text-align: left;
  color: #fff;
  margin-left: 3px;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame nav.indicator .counter > span:nth-child(2) > span:nth-child(2) {
    font-size: 12px;
  }
}
main.shindan-diagform .wrapper .container .frame nav.indicator .progress {
  position: absolute;
  left: 17px;
  top: 115px;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame nav.indicator .progress {
    top: 175px;
    left: 10px;
  }
}
main.shindan-diagform .wrapper .container .frame nav.indicator .progress .current {
  background: #4388F5;
  width: 6px;
  height: 4%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  transition: all ease 0.3s;
}
main.shindan-diagform .wrapper .container .frame nav.indicator .progress ul {
  height: 550px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame nav.indicator .progress ul {
    height: 475px;
  }
}
main.shindan-diagform .wrapper .container .frame nav.indicator .progress ul li {
  height: 4%;
}
main.shindan-diagform .wrapper .container .frame nav.indicator .progress ul li:first-child span {
  border-radius: 6px;
}
main.shindan-diagform .wrapper .container .frame nav.indicator .progress ul li:last-child span {
  border-radius: 6px;
}
main.shindan-diagform .wrapper .container .frame nav.indicator .progress ul li span {
  display: block;
  background-color: #fff;
  width: 6px;
  height: 100%;
}
main.shindan-diagform .wrapper .container .frame .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: top ease 0.3s;
}
main.shindan-diagform .wrapper .container .frame .slider section.item {
  padding: 0;
  pointer-events: none;
  opacity: 0.2;
  height: 550px;
  transition: opacity ease 0.3s;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item {
    height: 588px;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner {
  height: 100%;
  padding: 60px 60px 0;
  background-color: #fff;
}
@media screen and (max-width: 1080px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner {
    padding: 60px 30px;
  }
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner {
    padding: 25px 20px 0;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content {
  transition: opacity ease 0.3s;
  opacity: 0;
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .question p:nth-child(1) {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 50px;
  letter-spacing: 0.02em;
  line-height: 1.4;
  text-align: center;
  color: #1568AE;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 40px;
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .question p:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #1568AE;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .question p:nth-child(1) {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .question p:nth-child(2) {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.06em;
  line-height: 1.5;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .question p:nth-child(2) {
    font-size: 16px;
    line-height: 1.9;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .answer {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .answer {
    margin-top: 17px;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .answer ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  list-style: none;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .answer ul {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 0 13px;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .answer ul li .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
  color: #000;
  background-color: #F9F6E7;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .answer ul li .button {
    height: 50px;
    font-size: 15px;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .answer ul li input[type=radio]:checked + .button {
  background-color: #0064ff;
  color: #fff;
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back {
    margin-top: 30px;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back button {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 5px 20px !important;
  width: 300px;
  height: 69px;
  border-radius: 1000px;
  border: 1px solid #0064FF;
  background: #fff;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  color: #000;
  transition: all 0.3s ease;
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back button .ico {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  display: inline-grid;
  place-content: center;
  background: #4388F5;
  border-radius: 50%;
  margin-left: 0;
  margin-right: 15px;
  width: 33px;
  height: 33px;
  transform: rotate(180deg);
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back button .ico::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  color: #fff;
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back button:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back button {
    width: 250px;
    height: 60px;
    font-size: 16px;
    padding: 5px 15px !important;
  }
  main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back button .ico {
    width: 30px;
    height: 30px;
  }
}
main.shindan-diagform .wrapper .container .frame .slider section.item .inner .content .back button.disabled {
  opacity: 0.2;
  pointer-events: none;
}
main.shindan-diagform .wrapper .container .frame .slider section.item.active {
  pointer-events: all;
  opacity: 1;
}
main.shindan-diagform .wrapper .container .frame .slider section.item.active .inner .content {
  opacity: 1;
}
main.shindan-diagform .wrapper .container > footer {
  padding-top: 26px;
}
main.shindan-diagform .wrapper .container > footer .back {
  display: none;
}
@media screen and (max-width: 767px) {
  main.shindan-diagform .wrapper .container > footer .back {
    display: block;
    margin-bottom: 8px;
    text-align: center;
  }
}
main.shindan-diagform .wrapper .container > footer .back a {
  display: inline-flex;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  text-decoration: none;
}
main.shindan-diagform .wrapper .container > footer .back a .ico {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  display: inline-grid;
  place-content: center;
  background: #4388F5;
  border-radius: 50%;
  margin: 0 15px 0 0;
  width: 30px;
  height: 30px;
  transform: rotate(180deg);
}
main.shindan-diagform .wrapper .container > footer .back a .ico::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  color: #fff;
}
main.shindan-diagform .wrapper .container > footer .back a .ico::before {
  width: 6px;
  height: 9px;
}

main.shindan-result {
  background: #E8F5FF;
}
main.shindan-result .wrapper {
  margin: 0 auto;
  padding: 90px 0 100px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper {
    padding: 30px 0 50px;
  }
}
main.shindan-result .wrapper .container {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article {
    margin-top: 20px;
  }
}
main.shindan-result .wrapper .container article header {
  position: relative;
  padding: 0;
  background-color: #fff;
  margin-bottom: 80px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header {
    margin-bottom: 59px;
  }
}
main.shindan-result .wrapper .container article header:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: -12px;
  width: 68px;
  height: 40px;
  background: #4388F5;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header:after {
    bottom: -44px;
    width: 40px;
    height: 24px;
  }
}
main.shindan-result .wrapper .container article header > p {
  width: 100%;
  padding: 15px 18px;
  font-weight: bold;
  font-size: 26px;
  border-radius: 10px 10px 0 0;
  letter-spacing: 0.06em;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  background-color: #82B3FF;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header > p {
    font-size: 21px;
  }
}
main.shindan-result .wrapper .container article header > .media {
  display: flex;
  padding: 23px 70px 30px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header > .media {
    display: block;
    padding: 20px 20px 30px;
  }
}
main.shindan-result .wrapper .container article header > .media > .body {
  flex: 0 0 calc(100% - 335px);
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header > .media > .body {
    padding: 0;
    flex: auto;
  }
}
main.shindan-result .wrapper .container article header > .media > .body > :nth-child(1) {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 60px;
  margin-bottom: 25px;
  border-radius: 1000px;
  background: #CCE0FF;
  color: #1F75CC;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.6;
}
main.shindan-result .wrapper .container article header > .media > .body > :nth-child(1)::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, 0);
  width: 27px;
  height: 15px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background: #CCE0FF;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header > .media > .body > :nth-child(1) {
    padding: 5px 30px;
    font-size: 15px;
    margin-bottom: 17px;
  }
}
main.shindan-result .wrapper .container article header > .media > .body > :nth-child(2) {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-align: left;
  color: #000;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header > .media > .body > :nth-child(2) {
    font-size: 17px;
  }
}
main.shindan-result .wrapper .container article header > .media > .body > :nth-child(3) {
  font-weight: bold;
  font-size: 41px;
  letter-spacing: 0.06em;
  line-height: 1.5854;
  text-align: left;
  color: #1F75CC;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header > .media > .body > :nth-child(3) {
    font-size: 27px;
  }
}
main.shindan-result .wrapper .container article header > .media > .body > :nth-child(3) .small {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header > .media > .body > :nth-child(3) .small {
    font-size: 20px;
  }
}
main.shindan-result .wrapper .container article header > .media > figure {
  flex: 0 0 335px;
}
main.shindan-result .wrapper .container article header > .media > figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article header > .media > figure {
    margin: 20px auto 0;
    width: 215px;
  }
}
main.shindan-result .wrapper .container article .content {
  position: relative;
  border: 5px solid #CCE0FF;
  padding: 30px 70px;
  margin-bottom: 80px;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article .content {
    padding: 5px 20px;
    margin-bottom: 59px;
  }
}
main.shindan-result .wrapper .container article .content:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: -12px;
  width: 68px;
  height: 40px;
  background: #4388F5;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article .content:after {
    bottom: -44px;
    width: 40px;
    height: 24px;
  }
}
main.shindan-result .wrapper .container article .content section {
  padding: 40px 0;
}
main.shindan-result .wrapper .container article .content section + section {
  border-top: 1px solid #BFBFBF;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article .content section {
    padding: 25px 0;
  }
}
main.shindan-result .wrapper .container article .content section h3 {
  position: relative;
  padding: 6px 20px 8px 50px;
  font-weight: bold;
  line-height: 1.3333;
  letter-spacing: 0.06em;
  margin-bottom: 15px;
  color: #333;
  background: #F9F6E7;
  border-radius: 1000px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article .content section h3 {
    padding: 6px 20px 6px 43px;
    font-size: 16px;
  }
}
main.shindan-result .wrapper .container article .content section h3:after {
  content: "";
  background-image: url("../images/result/icon_check.svg");
  background-size: contain;
  display: block;
  width: 27px;
  height: 22px;
  position: absolute;
  top: 8px;
  left: 15px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article .content section h3:after {
    top: 6spx;
    width: 23px;
    height: 19px;
  }
}
main.shindan-result .wrapper .container article .content section p {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.875;
  color: #333;
}
main.shindan-result .wrapper .container article .content section .copy {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.04em;
  line-height: 40px;
  text-align: left;
  color: #333;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article .content section .copy {
    margin-bottom: 10px;
    font-size: 21px;
  }
}
main.shindan-result .wrapper .container article .content section .copy .dot {
  background-image: url("../images/result/dot_line.png");
  background-size: auto 2.5px;
  background-position: 0 94%;
  background-repeat: repeat-x;
  display: inline;
}
main.shindan-result .wrapper .container article .content section .marker {
  padding: 4px 0 0;
  font-weight: bold;
  background: linear-gradient(#DADC2F 90%, transparent 0%);
  display: inline;
}
main.shindan-result .wrapper .container article nav.recommend {
  position: relative;
  border: 5px solid #B3D1FF;
  padding: 70px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article nav.recommend {
    padding: 30px 20px;
  }
}
main.shindan-result .wrapper .container article nav.recommend h3 {
  text-align: center;
  margin-bottom: 40px;
  color: #1568AE;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article nav.recommend h3 {
    margin-bottom: 20px;
  }
}
main.shindan-result .wrapper .container article nav.recommend h3 .inner {
  position: relative;
  display: inline-block;
}
main.shindan-result .wrapper .container article nav.recommend h3 .inner > span:nth-child(1) {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  padding: 10px 60px;
  margin: 0 auto 25px;
  border-radius: 1000px;
  background: #E6EFFF;
  color: #1568AE;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.6;
}
main.shindan-result .wrapper .container article nav.recommend h3 .inner > span:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, 0);
  width: 27px;
  height: 15px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background: #E6EFFF;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article nav.recommend h3 .inner > span:nth-child(1) {
    padding: 5px 30px;
    font-size: 15px;
    margin-bottom: 12px;
  }
}
main.shindan-result .wrapper .container article nav.recommend h3 .inner > span:nth-child(2) {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 41px;
  letter-spacing: 0.06em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article nav.recommend h3 .inner > span:nth-child(2) {
    font-size: 27px;
  }
}
main.shindan-result .wrapper .container article nav.recommend .block {
  background: #F9F6E7;
  border-radius: 10px;
  padding: 50px 70px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article nav.recommend .block {
    padding: 25px 15px;
  }
}
main.shindan-result .wrapper .container article nav.recommend section {
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article nav.recommend section {
    padding-bottom: 20px;
  }
}
main.shindan-result .wrapper .container article nav.recommend section + section {
  border-top: 1px solid #928F8E;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article nav.recommend section + section {
    padding-top: 20px;
  }
}
main.shindan-result .wrapper .container article nav.recommend section h4 {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1.3333;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container article nav.recommend section h4 {
    font-size: 16px;
  }
}
main.shindan-result .wrapper .container > footer {
  padding-top: 26px;
}
main.shindan-result .wrapper .container > footer .back {
  display: none;
}
@media screen and (max-width: 767px) {
  main.shindan-result .wrapper .container > footer .back {
    display: block;
    margin-bottom: 8px;
    text-align: center;
  }
}
main.shindan-result .wrapper .container > footer .back a {
  display: inline-flex;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  text-decoration: none;
}
main.shindan-result .wrapper .container > footer .back a .ico {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  display: inline-grid;
  place-content: center;
  background: #4388F5;
  border-radius: 50%;
  margin: 0 15px 0 0;
  width: 30px;
  height: 30px;
  transform: rotate(180deg);
}
main.shindan-result .wrapper .container > footer .back a .ico::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.8" height="12.8"><path fill-rule="evenodd" d="M.67.628a1.044 1.044 0 0 1 1.305 0L8.13 5.846a.7.7 0 0 1 0 1.107L1.976 12.17a1.044 1.044 0 0 1-1.305 0 .7.7 0 0 1 0-1.107l5.5-4.664L.67 1.735a.7.7 0 0 1 0-1.107Z"/><path d="M1.323-.001a1.407 1.407 0 0 1 .911.324l6.154 5.218a1.1 1.1 0 0 1 0 1.717l-6.154 5.217a1.407 1.407 0 0 1-.911.324 1.407 1.407 0 0 1-.911-.324 1.1 1.1 0 0 1 0-1.717l5.141-4.359L.412 2.04A1.131 1.131 0 0 1 0 1.182 1.131 1.131 0 0 1 .412.323a1.407 1.407 0 0 1 .911-.324Zm0 12a.615.615 0 0 0 .394-.134l6.154-5.218a.3.3 0 0 0 0-.5L1.717.933a.615.615 0 0 0-.394-.134.615.615 0 0 0-.394.134.33.33 0 0 0-.129.249.331.331 0 0 0 .129.248L6.79 6.399.929 11.368a.3.3 0 0 0 0 .5.615.615 0 0 0 .394.131Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  color: #fff;
}
main.shindan-result .wrapper .container > footer .back a .ico::before {
  width: 6px;
  height: 9px;
}