@charset "UTF-8";
/* initiallize
------------------------------------------------------------------------------------*/
html {
  height: -webkit-fill-available;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  color: #111111;
  word-wrap: break-word;
  font-size: 62.5%;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  font-size: 1.6rem;
  font-weight: 400;
}

p, dt, dd, li {
  font-size: 1.6rem;
  line-height: 1.55;
  max-width: 100%;
}
p div, p a, dt div, dt a, dd div, dd a, li div, li a {
  max-width: 100%;
}
@media screen and (max-width: 375px) {
  p, dt, dd, li {
    font-size: 4.2666666667vw;
  }
}

th, td {
  font-size: 1.6rem;
  line-height: 1.5;
  max-width: 100%;
}
th div, th a, td div, td a {
  max-width: 100%;
}
@media screen and (max-width: 375px) {
  th, td {
    font-size: 4.2666666667vw;
  }
}

dl ul, ol {
  line-height: 0;
  font-size: inherit;
  max-width: 100%;
}
dl ul div, dl ul a, ol div, ol a {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
}
p + p, p + ul, p + ol, p + dl, p + table, p + pre, ul + p, ul + ul, ul + ol, ul + dl, ul + table, ul + pre, ol + p, ol + ul, ol + ol, ol + dl, ol + table, ol + pre, dl + p, dl + ul, dl + ol, dl + dl, dl + table, dl + pre, table + p, table + ul, table + ol, table + dl, table + table, table + pre, pre + p, pre + ul, pre + ol, pre + dl, pre + table, pre + pre {
  margin-top: 2rem;
}

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
@media (hover: hover) {
  a:hover {
    text-decoration: underline;
    opacity: 0.8;
  }
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: baseline;
}
img[width], img[height] {
  width: 100%;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: 1.15;
  margin: 0;
  text-transform: none;
  vertical-align: middle;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: none;
}

@media (hover: hover) {
  button, [type=button], [type=reset], [type=submit] {
    cursor: pointer;
  }
}

.is-ib {
  display: inline-block;
}

.is-b {
  display: block;
}

.fc-blue {
  color: #84a2cd;
}

.fc-pink {
  color: #ed6a8e;
}

.is-fwbold {
  font-weight: bolder;
}

.is-pdb_0 {
  padding-bottom: 0 !important;
}

.is-mgb_0 {
  margin-bottom: 0 !important;
}

.is-tac {
  text-align: center;
}

.is-tal {
  text-align: left;
}

.is-tar {
  text-align: right;
}

.is-nw {
  white-space: nowrap;
}

@-webkit-keyframes check-fadeout-fadein {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes check-fadeout-fadein {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.l-layer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}
.l-layer.is-init {
  background: #fff;
  z-index: 99999999;
}
.l-layer.is-active {
  z-index: 2;
}

.l-container {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-header {
  text-align: center;
  border-bottom: 1px solid #abcaf6;
}
.l-header > .inner {
  width: 89.3333333333vw;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
.l-header p a {
  display: block;
}
.l-header img {
  width: 76.8vw;
  max-width: 288px;
}
@media screen and (min-width: 768px), print {
  .l-header > .inner {
    text-align: center;
  }
}

.l-footer {
  background: #d3d3dd;
}
.l-footer > .inner {
  width: 89.3333333333vw;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.l-footer .fcnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-footer .fcnt-logo {
  width: 26.9333333333vw;
  max-width: 202px;
}
.l-footer .fcnt-copy p {
  font-size: 1rem;
}
@media screen and (max-width: 375px) {
  .l-footer .fcnt-copy p {
    font-size: 2.6666666667vw;
  }
}

.l-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.st > .inner {
  width: 89.3333333333vw;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}
.st > .inner.pt0 {
  padding-top: 0;
}
.st > .inner.pt32 {
  padding-top: 32px;
}

.c-top-ttl {
  text-align: center;
  margin-bottom: 16px;
}
.c-top-ttl h1 {
  font-size: 4.15rem;
}
.c-top-ttl h1 img {
  width: auto;
  height: 1em;
}
.c-top-ttl h2 {
  font-size: 8.5rem;
}
.c-top-ttl h2 img {
  width: auto;
  height: 1em;
}
.c-top-ttl p {
  font-size: 2.1rem;
  font-weight: 300;
  color: #84a2cd;
}
@media screen and (max-width: 375px) {
  .c-top-ttl p {
    font-size: 5.6vw;
  }
}

.c-top-kv {
  margin-bottom: 32px;
}
.c-top-kv .img {
  margin-bottom: 16px;
}
.c-top-kv > .inner {
  width: 84vw;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}

.c-top-nlist {
  margin-bottom: 32px;
}
.c-top-nlist ul {
  padding-top: 16px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #fff;
}
.c-top-nlist li {
  padding-left: 1em;
  font-size: 2rem;
  color: #fff;
  position: relative;
  z-index: 0;
}
.c-top-nlist li::before {
  content: "";
  width: 0.2em;
  height: 0.2em;
  background: #fff;
  border-radius: 9999px;
  position: absolute;
  left: 0.4em;
  top: 0.75em;
  z-index: 1;
}
.c-top-nlist li:not(:last-child) {
  margin-bottom: 32px;
}
.c-top-nlist > .inner {
  width: 84vw;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 375px) {
  .c-top-nlist li {
    font-size: 5.3333333333vw;
  }
}

.c-btn {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 9999px;
}
.c-btn > span {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.c-btn > span img {
  width: auto;
  height: 1em;
}
.c-btn:before, .c-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-btn.c-btn-start {
  text-align: center;
  font-size: 2.2rem;
  padding-top: 0.7em;
  padding-bottom: 0.65em;
  background: #ed6a8e;
}
.c-btn.c-btn-start::before {
  width: 0.9em;
  height: 0.9em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='73' height='70' viewBox='0 0 73 70'%3E%3Cpath d='M67.083,36.936v23.58c0,3.866-3.134,7-7,7H9.05c-3.866,0-7-3.134-7-7V9.484c0-3.866,3.134-7,7-7H60.083c1.934,0,3.684,.784,4.951,2.052' style='fill:none; stroke:%23fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:4px;'/%3E%3Cpath d='M69.728,13.753L35.103,49.264,14.495,28.656' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:9px;'/%3E%3C/svg%3E");
  left: 0.7em;
}
.c-btn.c-btn-start::after {
  width: 1.36em;
  height: 1.36em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='26' height='9' viewBox='0 0 26 9'%3E%3Cpolyline points='.265 4.642 25.235 4.642 19.012 .907 19.012 8.593' style='fill:none; stroke:%23fff; stroke-linejoin:round;'/%3E%3C/svg%3E");
  right: 0.7em;
}
.c-btn.c-btn-detail {
  text-align: center;
  font-size: 2.15rem;
  padding-top: 0.5em;
  padding-bottom: 0.35em;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(3%, rgb(237, 106, 142)), to(rgb(237, 146, 106)));
  background-image: linear-gradient(90deg, rgb(237, 106, 142) 3%, rgb(237, 146, 106));
}
.c-btn.c-btn-detail::before {
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpolygon points='8.536 8.535 5.707 6.707 5.001 10 4.293 6.707 1.465 8.536 3.293 5.707 0 5 3.293 4.293 1.464 1.465 4.293 3.293 4.999 0 5.707 3.293 8.535 1.464 6.707 4.293 10 4.999 6.707 5.707 8.536 8.535' style='fill:%23fff; fill-rule:evenodd;'/%3E%3C/svg%3E");
  left: 0.7em;
}
.c-btn.c-btn-detail::after {
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='26' height='9' viewBox='0 0 26 9'%3E%3Cpolyline points='.265 4.642 25.235 4.642 19.012 .907 19.012 8.593' style='fill:none; stroke:%23fff; stroke-linejoin:round;'/%3E%3C/svg%3E");
  right: 0.7em;
}
.c-btn.c-btn-search {
  border-radius: 5px;
  text-align: center;
  font-size: 5.25rem;
  padding-top: 16px;
  padding-bottom: 8px;
  background: #e85776;
}
.c-btn.c-btn-search > span img {
  height: auto;
}
@media screen and (max-width: 768px) {
.c-btn.c-btn-search > span {
  margin-left: -.2em;
}
.c-btn.c-btn-search > span img {
  width: 61.33vw;
}
}
.c-btn.c-btn-search::before {
  width: 0.3em;
  height: 0.3em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpolygon points='8.536 8.535 5.707 6.707 5.001 10 4.293 6.707 1.465 8.536 3.293 5.707 0 5 3.293 4.293 1.464 1.465 4.293 3.293 4.999 0 5.707 3.293 8.535 1.464 6.707 4.293 10 4.999 6.707 5.707 8.536 8.535' style='fill:%23fff; fill-rule:evenodd;'/%3E%3C/svg%3E");
  left: 16px;
}
.c-btn.c-btn-search::after {
  width: 0.58em;
  height: 0.58em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='26' height='9' viewBox='0 0 26 9'%3E%3Cpolyline points='.265 4.642 25.235 4.642 19.012 .907 19.012 8.593' style='fill:none; stroke:%23fff; stroke-linejoin:round;'/%3E%3C/svg%3E");
  right: 16px;
}
.c-btn.c-btn-info {
  text-align: center;
  font-size: 1.6rem;
  padding-top: 0.45em;
  padding-bottom: 0.4em;
  background: #fff;
  color: #e25d80;
}
.c-btn.c-btn-info > span {
  margin-left: -1em;
}
.c-btn.c-btn-info::before {
  width: 1.1em;
  height: 1.1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpolygon points='8.536 8.535 5.707 6.707 5.001 10 4.293 6.707 1.465 8.536 3.293 5.707 0 5 3.293 4.293 1.464 1.465 4.293 3.293 4.999 0 5.707 3.293 8.535 1.464 6.707 4.293 10 4.999 6.707 5.707 8.536 8.535' style='fill:%23e25d80; fill-rule:evenodd;'/%3E%3C/svg%3E");
  left: 0.65em;
}
.c-btn.c-btn-info::after {
  width: 2.17em;
  height: 2.17em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='26' height='9' viewBox='0 0 26 9'%3E%3Cpolyline points='.265 4.642 25.235 4.642 19.012 .907 19.012 8.593' style='fill:none; stroke:%23e25d80; stroke-linejoin:round;'/%3E%3C/svg%3E");
  right: 0.65em;
}
@media screen and (max-width: 375px) {
  .c-btn.c-btn-info {
    font-size: 4.2666666667vw;
  }
}

.icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.icon-arrow-white {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='26' height='9' viewBox='0 0 26 9'%3E%3Cpolyline points='.265 4.642 25.235 4.642 19.012 .907 19.012 8.593' style='fill:none; stroke:%23fff; stroke-linejoin:round;'/%3E%3C/svg%3E");
}
.icon.icon-check-white {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='73' height='70' viewBox='0 0 73 70'%3E%3Cpath d='M67.083,36.936v23.58c0,3.866-3.134,7-7,7H9.05c-3.866,0-7-3.134-7-7V9.484c0-3.866,3.134-7,7-7H60.083c1.934,0,3.684,.784,4.951,2.052' style='fill:none; stroke:%23fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:4px;'/%3E%3Cpath d='M69.728,13.753L35.103,49.264,14.495,28.656' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:9px;'/%3E%3C/svg%3E");
}

.bg-gr1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(171, 202, 247)), to(rgb(156, 219, 192)));
  background-image: linear-gradient(180deg, rgb(171, 202, 247), rgb(156, 219, 192));
}

.bg-gr2 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(255, 247, 216)), color-stop(90%, rgb(251, 226, 224)));
  background-image: linear-gradient(180deg, rgb(255, 247, 216) 10%, rgb(251, 226, 224) 90%);
}

.check.is-fadeout {
  -webkit-animation-name: check-fadeout-fadein;
          animation-name: check-fadeout-fadein;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

.check-ttl {
  width: 65.3333333333vw;
  max-width: 245px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-align: center;
}
.check-ttl h1 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 40px;
}
.check-ttl::before {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: #fff;
  border-radius: 9999px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.check-txt {
  margin-bottom: 32px;
}
.check-txt p {
  font-size: 2rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 375px) {
  .check-txt p {
    font-size: 5.3333333333vw;
  }
}

.check-select {
  margin-bottom: 32px;
}

.check-select-item {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  background: #fff;
  border-radius: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
}
@media (hover: hover) {
  .check-select-item {
    cursor: pointer;
  }
  .check-select-item:hover {
    opacity: 0.8;
  }
}
.check-select-item:not(:last-child) {
  margin-bottom: 32px;
}
.check-select-item .item-ttl {
  width: 22%;
  text-align: center;
  font-size: 4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}
.check-select-item .item-ttl.is-a {
  color: #ed6a8e;
}
.check-select-item .item-ttl.is-b {
  color: #84a2cd;
}
.check-select-item .item-txt {
  width: 78%;
}
.check-select-item .item-txt p {
  font-size: 1.7rem;
  color: #666666;
  padding-right: 1em;
}
@media screen and (max-width: 375px) {
  .check-select-item .item-ttl {
    font-size: 10.6666666667vw;
  }
  .check-select-item .item-txt p {
    font-size: 4.5333333333vw;
  }
}

.check-num {
  width: 84vw;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  position: relative;
  z-index: 0;
  border-radius: 9999px;
  overflow: hidden;
}
.check-num::before, .check-num::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  position: absolute;
  bottom: 0;
}
.check-num::before {
  background-color: #f7ffd5;
  z-index: -2;
  left: 0;
}
.check-num::after {
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(96, 176, 237)), to(rgb(218, 77, 237)));
  background-image: linear-gradient(90deg, rgb(96, 176, 237), rgb(218, 77, 237));
  z-index: -1;
  left: -100%;
  -webkit-transition: left 0.1s;
  transition: left 0.1s;
}
.check-num > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
}
.check-num > .inner > div {
  width: 12.5%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  color: #666666;
}
.check-num > .inner > div.is-passed {
  color: #fff;
}
.check-num[data-num="1"]::after {
  left: -87.5%;
}
.check-num[data-num="2"]::after {
  left: -75%;
}
.check-num[data-num="3"]::after {
  left: -62.5%;
}
.check-num[data-num="4"]::after {
  left: -50%;
}
.check-num[data-num="5"]::after {
  left: -37.5%;
}
.check-num[data-num="6"]::after {
  left: -25%;
}
.check-num[data-num="7"]::after {
  left: -12.5%;
}
.check-num[data-num="8"]::after {
  left: 0;
}
@media screen and (max-width: 375px) {
  .check-num > .inner > div {
    font-size: 4.8vw;
  }
}

.check-back {
  width: 42.6666666667vw;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
}
@media (hover: hover) {
  .check-back {
    cursor: pointer;
  }
  .check-back:hover {
    opacity: 0.8;
  }
}
.check-back.is-init {
  opacity: 0;
  visibility: hidden;
}

.result-ttl {
  width: 65.3333333333vw;
  max-width: 245px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-align: center;
}
.result-ttl h1 {
  width: 72%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 40px;
}
.result-ttl::before {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: #fff;
  border-radius: 9999px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.result-tname {
  margin-bottom: 16px;
}
.result-tname p {
  color: #666666;
  font-size: 1.9rem;
}
.result-tname p.is-t1 {
  text-align: left;
}
.result-tname p.is-t2 {
  text-align: right;
}
.result-tname h2 {
  height: 6.4vw;
  max-height: 24px;
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: center;
}
.result-tname h2 img {
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.result-tname h2 span {
  position: relative;
  z-index: 0;
}
.result-tname h2 span::before {
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  left: 50%;
  bottom: -5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("../../assets/img/result/bg_pen-01.png");
}
@media screen and (max-width: 375px) {
  .result-tname p {
    font-size: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .result-tname p.is-t1 {
    text-align: center;
  }
  .result-tname p.is-t2 {
    text-align: center;
  }
}

.result-timg {
  width: 84vw;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}

.feature {
  padding-top: 32px;
  padding-bottom: 32px;
}
.feature.is-f1 {
  border-top: 1px solid #ed6a8e;
}
.feature.is-f2 {
  border-top: 1px solid #84a2cd;
}
.feature.is-f3 {
  border-top: 1px solid #ed6a8e;
}

.feature-ttl {
  width: 84vw;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}
.feature-ttl h3 {
  margin-bottom: 16px;
}

.c-list-point li {
  width: 100%;
  padding-top: 2px;
  padding-bottom: 4px;
  text-align: center;
  border-radius: 10px;
  font-size: 2rem;
  font-weight: 500;
}
.c-list-point li:not(:last-child) {
  margin-bottom: 16px;
}
.c-list-point.is-blue li {
  background: rgba(75, 120, 221, 0.1);
  color: #4b78dd;
}
.c-list-point.is-pink li {
  background: rgba(237, 106, 142, 0.1);
  color: #ed6a8e;
}
@media screen and (max-width: 375px) {
  .c-list-point li {
    font-size: 5.3333333333vw;
  }
}

.c-sec-ttl {
  width: 84vw;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}

.osusume-job {
  margin-bottom: 48px;
}
.osusume-job dl:not(:last-child) {
  margin-bottom: 32px;
}
.osusume-job dt {
  text-align: center;
  margin-bottom: 8px;
  font-size: 2.5rem;
  font-weight: 400;
  color: #ed6a8e;
}
.osusume-job dd > div:first-child {
  width: 84vw;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}
@media screen and (max-width: 375px) {
  .osusume-job dt {
    font-size: 6.6666666667vw;
  }
}

.shiryo {
  padding-top: 24px;
  padding-bottom: 16px;
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
  z-index: 0;
}
.shiryo::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 174, 158)), color-stop(90%, rgb(255, 225, 159)));
  background-image: linear-gradient(180deg, rgb(252, 174, 158), rgb(255, 225, 159) 90%);
  -webkit-box-shadow: 6px 6px 0px 0px #dddddd;
          box-shadow: 6px 6px 0px 0px #dddddd;
}

.shiryo-ttl {
  margin-bottom: 16px;
}

.shiryo-img {
  margin-bottom: 16px;
}

.shiryo-txt {
  margin-bottom: 16px;
}

.info {
  padding-left: 3%;
  padding-right: 3%;
}

.info-txt {
  margin-bottom: 32px;
}
.info-txt p {
  color: #1e5089;
}

.info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-item:not(:last-child) {
  margin-bottom: 24px;
}
.info-item .info-item-photo {
  width: 50%;
}
.info-item .info-item-cnt {
  width: 50%;
  padding-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-item .info-item-cnt p {
  font-size: 1.7rem;
  color: #fff;
}
@media screen and (max-width: 375px) {
  .info-item .info-item-cnt p {
    font-size: 4.5333333333vw;
  }
}

.share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
}
.share .share-item {
  width: 18.6666666667vw;
  max-width: 70px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  font-size: 1.7rem;
}
.share .share-item a {
  color: #666666;
}
.share .share-item span {
  cursor: pointer;
  color: #666666;
}
@media (hover: hover) {
  .share .share-item span:hover {
    text-decoration: underline;
    opacity: 0.8;
  }
}
@media screen and (max-width: 375px) {
  .share .share-item {
    font-size: 4.5333333333vw;
  }
}