@charset "UTF-8";
/*color*/
/*font*/
html, body {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
}

html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

li {
  list-style: none;
}

.pc-only {
  display: none;
}
@media (min-width: 769px) {
  .pc-only {
    display: block;
  }
}

.sp-only {
  display: none;
}
@media (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

/*font size sp*/
/*font-size*/
section {
  width: 100%;
  padding: 13.33vw 0 0 0;
}
@media (min-width: 769px) {
  section {
    padding: 9.37vw 0 0 0;
  }
}
@media (min-width: 1367px) {
  section {
    padding: 128px 0 0 0;
  }
}

.sec_ttl {
  font-family: m-plus-1p, sans-serif;
  font-size: 6.4vw;
  position: relative;
  line-height: 1;
  letter-spacing: 0.025em;
}
@media (min-width: 769px) {
  .sec_ttl {
    font-size: 2.64vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  .sec_ttl {
    font-size: 3.6rem;
  }
}
.sec_ttl .eng {
  display: block;
  font-size: 3.73vw;
  line-height: 1;
  letter-spacing: 0.25em;
  padding-bottom: 2.93vw;
}
@media (min-width: 769px) {
  .sec_ttl .eng {
    transform: rotate(0.05deg);
    font-size: 1.32vw;
    padding-bottom: 1.1vw;
  }
}
@media (min-width: 1367px) {
  .sec_ttl .eng {
    font-size: 1.8rem;
    padding-bottom: 15px;
  }
}
.sec_ttl .color {
  color: #00aeef;
}
.sec_ttl::before {
  content: "";
  display: block;
  width: 21.33vw;
  height: 1px;
  background-color: #000000;
  position: absolute;
  top: 1.6vw;
}
@media (min-width: 769px) {
  .sec_ttl::before {
    width: 26.35vw;
    top: 0.66vw;
  }
}
@media (min-width: 1367px) {
  .sec_ttl::before {
    top: 9px;
  }
}
.sec_ttl.left {
  padding-left: 22.93vw;
}
@media (min-width: 769px) {
  .sec_ttl.left {
    padding-left: 27.09vw;
  }
}
.sec_ttl.left::before {
  left: 0;
}
.sec_ttl.right {
  float: right;
  padding-right: 22.93vw;
}
.sec_ttl.right .eng {
  text-align: right;
}
.sec_ttl.right::before {
  right: 0;
}
.sec_ttl.right::after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 769px) {
  .sec_ttl.right {
    padding-right: 27.09vw;
  }
}

.gradation {
  text-align: center;
  font-family: m-plus-1p, sans-serif;
  display: inline-block;
  background: linear-gradient(to bottom, #2580b3 0%, #bacacc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 769px) {
  .gradation {
    transform: rotate(0.05deg);
  }
}

.smooth {
  clip-path: inset(0 100% 0 0);
  transition: 0.7s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}
.smooth.is-show {
  clip-path: inset(0);
}

@media (min-width: 769px) {
  .tel-link {
    pointer-events: none;
  }
}

.fadeup {
  transform: translateY(40px);
  opacity: 0;
}
@media (min-width: 769px) {
  .fadeup {
    transform: translateY(80px);
  }
}
.fadeup.is-show {
  animation: fadeup 0.7s 0.3s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(7deg);
  }
}
.cta {
  display: none;
}
@media (min-width: 769px) {
  .cta {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    margin: 7.1vw 0 0;
  }
}
@media (min-width: 1367px) {
  .cta {
    margin: 97px 0 0;
  }
}
.cta a {
  display: inline-block;
  position: relative;
  animation: pekopeko 2s infinite;
  text-align: center;
}
.cta a img {
  width: 92.65%;
  height: auto;
}
@media (min-width: 769px) {
  .cta a img {
    transform: translateY(-2.71vw);
  }
}
@media (min-width: 1367px) {
  .cta a img {
    transform: translateY(-37px);
  }
}
@media (min-width: 769px) {
  .cta a {
    width: 47.8vw;
    height: 9.08vw;
    border-radius: 2.2vw;
    background: -moz-linear-gradient(top, #fff608, #79cad9);
    background: -webkit-linear-gradient(top, #fff608, #79cad9);
    background: linear-gradient(to bottom, #fff608, #79cad9);
  }
}
@media (min-width: 1367px) {
  .cta a {
    width: 653px;
    height: 124px;
    border-radius: 30px;
  }
}
@keyframes pekopeko {
  0% {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
    top: 0px;
  }
  10% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    top: 5px;
  }
  20% {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
    top: 0px;
  }
  30% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    top: 5px;
  }
  40% {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
    top: 0px;
  }
}

.bnn-campaign {
  width: 100%;
  padding: 1.33vw;
  background-color: #fff;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 10;
  transform: translateY(-100%);
}
@media (min-width: 769px) {
  .bnn-campaign {
    display: none;
  }
}
.bnn-campaign img {
  width: 74.4%;
}
.bnn-campaign.is-show {
  transform: translateY(0);
}

.btn-inquiry {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 20;
  background-color: #fff;
}
/* .btn-inquiry .btn {
  display: flex;
  align-items: flex-end;
} */
.btn-inquiry .btn .contact {
  width: 50.4%;
}
@media (min-width: 401px) {
  .btn-inquiry .btn .contact {
    width: 50%;
  }
}
.btn-inquiry .btn .tel {
  width: 49.6%;
}
@media (min-width: 401px) {
  .btn-inquiry .btn .tel {
    width: 50%;
  }
}

.bnn-tel {
  display: none;
}
@media (min-width: 769px) {
  .bnn-tel {
    display: block;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 20;
    width: 100px;
  }
}

.fixed-contents {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.fixed-contents.is-show {
  opacity: 1;
  visibility: visible;
}

.btn-top {
  width: 11.47vw;
  height: 11.47vw;
  border-radius: 50%;
  background-color: #00aeef;
  position: fixed;
  z-index: 20;
  right: 2.67vw;
  bottom: 18vw;
}
@media (min-width: 375px) {
  .btn-top {
    bottom: 24vw;
  }
}
@media (min-width: 769px) {
  .btn-top {
    width: 72px;
    height: 72px;
    right: 9.88vw;
    bottom: 12.59vw;
    bottom: 5.86vw;
  }
}
@media (min-width: 1367px) {
  .btn-top {
    right: 135px;
    bottom: 172px;
    bottom: 80px;
  }
}
.btn-top::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.46vw;
  height: 3.93vw;
  background-image: url("../img/pc/sankaku.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .btn-top::before {
    width: 29px;
    height: 25px;
  }
}

.text-wrap {
  transform: rotate(0.03deg);
}

.lt {
  display: inline;
  letter-spacing: -10px;
}

.contact-finish {
  text-align: center;
  padding: 16vw 4vw 0;
}
@media (min-width: 769px) {
  .contact-finish {
    padding: 60px 20px 0;
  }
}
.contact-finish h2 {
  font-size: 6.4vw;
  font-family: m-plus-1p, sans-serif;
  transform: rotate(0.05deg);
  color: #00aeef;
  margin-bottom: 6.4vw;
}
@media (min-width: 769px) {
  .contact-finish h2 {
    font-size: 2.8rem;
    margin-bottom: 24px;
  }
}
.contact-finish p {
  color: #333;
  font-family: m-plus-1p, sans-serif;
  transform: rotate(0.05deg);
  font-size: 4.27vw;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .contact-finish p {
    font-size: 1.6rem;
  }
}
.contact-finish a {
  display: block;
  margin-top: 5.33vw;
  color: #0714c1;
  font-family: m-plus-1p, sans-serif;
  font-size: 4.27vw;
  transform: rotate(0.05deg);
  text-decoration: underline;
  margin-top: 5.33vw;
}
@media (min-width: 769px) {
  .contact-finish a {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}
.contact-finish small {
  display: block;
  margin-top: 21.33vw;
  font-size: 4.27vw;
  color: #333;
  font-family: m-plus-1p, sans-serif;
  transform: rotate(0.05deg);
}
@media (min-width: 769px) {
  .contact-finish small {
    margin-top: 80px;
    font-size: 1.6rem;
  }
}

#header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5.33vw 2.67vw 2.67vw;
  height: 19.73vw;
}
@media (min-width: 769px) {
  #header {
    align-items: center;
    height: 8.78vw;
    max-height: 120px;
    padding: 0.73vw 2.2vw;
  }
}
@media (min-width: 1367px) {
  #header {
    padding: 10px 30px;
  }
}
#header .logo {
  width: 12%;
}
@media (min-width: 769px) {
  #header .logo {
    width: 6.88%;
    max-width: 94px;
  }
}
#header .apply {
  width: 18.3%;
  max-width: 250px;
}
@media (min-width: 769px) {
  #header .g-nav {
    width: 88.58%;
    padding-left: 3.66vw;
  }
}
@media (max-width: 768px) {
  #header .g-nav {
    opacity: 0.2;
    width: 100%;
    height: 134.13vw;
    max-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #accbee, #e7f0fd);
    z-index: 100;
    padding: 22.5vw 24vw 0 10vw;
    visibility: hidden;
    opacity: 0;
  }
}
@media (max-width: 768px) {
  #header .g-nav_btn {
    width: 7.2vw;
    height: 5.07vw;
  }
  #header .g-nav_btn:hover {
    cursor: pointer;
  }
  #header .g-nav_btn span {
    display: block;
    width: 100%;
    height: 0.27vw;
    background-color: #000;
    transition: 0.5s;
  }
  #header .g-nav_btn span:nth-of-type(2) {
    transform: translateY(2.13vw);
  }
  #header .g-nav_btn span:nth-of-type(3) {
    transform: translateY(4.27vw);
  }
}
@media (max-width: 768px) {
  #header .g-nav_btn.is-active {
    position: fixed;
    z-index: 9999;
    top: 4vw;
    right: 8.53vw;
  }
  #header .g-nav_btn.is-active span:nth-of-type(1) {
    width: 11.2vw;
    height: 0.8vw;
    transform: translateY(5.6vw) rotate(45deg);
    border-radius: 0.93vw;
  }
  #header .g-nav_btn.is-active span:nth-of-type(2) {
    opacity: 0;
  }
  #header .g-nav_btn.is-active span:nth-of-type(3) {
    width: 11.2vw;
    height: 0.8vw;
    transform: translateY(4.63vw) rotate(-45deg);
    border-radius: 0.93vw;
  }
}
#header .g-nav.is-open {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 769px) {
  #header .g-nav ul {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 769px) {
  #header .g-nav ul li {
    margin-right: 3.44vw;
  }
}
@media (min-width: 769px) {
  #header .g-nav ul li:last-of-type {
    margin-right: 0;
  }
}
#header .g-nav ul li a {
  display: block;
  font-family: m-plus-1p, sans-serif;
  color: #000000;
  font-size: 4.5vw;
  padding: 3.75vw 3.25vw;
  border-bottom: 0.53vw solid #fff;
}
@media (min-width: 769px) {
  #header .g-nav ul li a {
    font-size: 1.32vw;
    padding: 0;
    transform: rotate(0.05deg);
  }
}

#mv {
  width: 100%;
  position: relative; /*パーツ配置用*/
  padding-top: 131.2%;
  background-image: url("../img/sp/mv.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
@media (min-width: 769px) {
  #mv {
    background-image: url("../img/pc/mv.jpg");
    padding-top: 58.71%;
  }
}
#mv .o2 {
  position: absolute;
  z-index: 1;
  width: 20.8%;
  left: 4.53vw;
  bottom: 8.8vw;
}
@media (min-width: 769px) {
  #mv .o2 {
    width: 28.77%;
    left: 2.2vw;
    bottom: 0;
  }
}
#mv .o2 img {
  width: 100%;
  height: auto;
}
#mv .lead {
  position: absolute;
  z-index: 1;
  line-height: 1;
  top: 5.07vw;
  left: 3.73vw;
}
@media (min-width: 769px) {
  #mv .lead {
    top: 2.8vw;
    left: 5.86vw;
  }
}
#mv .lead_txt {
  line-height: 1;
  font-size: 8vw;
  font-family: m-plus-1p, sans-serif;
  color: #000;
  display: block;
  letter-spacing: 0.12em;
  clip-path: inset(0 100% 0 0);
  transition: 0.7s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 0.7s;
  transition-property: clip-path;
}
#mv .lead_txt.is-show {
  clip-path: inset(0);
}
@media (min-width: 769px) {
  #mv .lead_txt {
    transform: rotate(0.05deg);
    font-size: 5.27vw;
  }
}
#mv .lead_txt:nth-of-type(1) {
  margin-bottom: 3.2vw;
  padding-left: 1.6vw;
}
@media (min-width: 769px) {
  #mv .lead_txt:nth-of-type(1) {
    margin-bottom: 2.4vw;
    padding-left: 0;
  }
}
#mv .lead .txt {
  font-family: m-plus-1p, sans-serif;
  line-height: 1;
  display: inline-block;
  color: #000;
  background-color: #fff;
  padding: 1.33vw;
  font-size: 4.27vw;
}
@media (min-width: 769px) {
  #mv .lead .txt {
    transform: rotate(0.05deg);
    font-size: 2.2vw;
    padding: 1.17vw 1.54vw 1.17vw 0.81vw;
  }
}
#mv .lead .txt:nth-of-type(3) {
  margin-top: 2.67vw;
}
@media (min-width: 769px) {
  #mv .lead .txt:nth-of-type(3) {
    margin-top: 2.5vw;
  }
}
#mv .lead .txt:nth-of-type(4) {
  margin-top: 2.67vw;
}
@media (min-width: 769px) {
  #mv .lead .txt:nth-of-type(4) {
    margin-top: 1.02vw;
  }
}
#mv .list {
  position: absolute;
  z-index: 1;
  right: 1.6vw;
  bottom: 26.67vw;
  width: 75.2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 769px) {
  #mv .list {
    width: 47.58%;
    right: 4.61vw;
    bottom: 13.18vw;
  }
}
#mv .list .item {
  animation: poyoyon 2.5s 2s forwards;
  opacity: 1;
}
#mv .list .item:nth-of-type(1) {
  width: 32.98%;
}
@media (min-width: 769px) {
  #mv .list .item:nth-of-type(1) {
    width: 32.77%;
  }
}
#mv .list .item:nth-of-type(2) {
  width: 31.56%;
}
@media (min-width: 769px) {
  #mv .list .item:nth-of-type(2) {
    width: 30.46%;
  }
}
#mv .list .item:nth-of-type(3) {
  width: 31.21%;
}
@media (min-width: 769px) {
  #mv .list .item:nth-of-type(3) {
    width: 29.85%;
  }
}
#mv .list .item img {
  width: 100%;
  height: auto;
}
#mv .catch {
  position: absolute;
  right: 0;
  bottom: 15.73vw;
  z-index: 2;
  width: 73.33%;
}
@media (min-width: 769px) {
  #mv .catch {
    bottom: 2.93vw;
    width: 63.62%;
  }
}
#mv .catch img {
  width: 100%;
  height: auto;
}
@keyframes poyoyon {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}

#introduction .inner {
  width: 84.19%;
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  #introduction .inner {
    margin: 7.25vw auto 0;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
  }
}
@media (min-width: 1367px) {
  #introduction .inner {
    margin: 99px auto 0;
  }
}
#introduction .ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#introduction .ttl .bg-wrap {
  position: relative;
  z-index: 1;
  display: inline-block;
  line-height: 1;
  margin-top: 1.87vw;
}
@media (min-width: 769px) {
  #introduction .ttl .bg-wrap {
    margin-top: 0.44vw;
  }
}
@media (min-width: 1367px) {
  #introduction .ttl .bg-wrap {
    margin-top: 6px;
  }
}
#introduction .ttl .bg-wrap:first-of-type {
  margin-top: 0;
}
#introduction .ttl .bg-wrap .inn {
  color: #fff;
  display: inline-block;
  font-family: m-plus-1p, sans-serif;
  font-size: 7.47vw;
  font-weight: 400;
  padding: 5px 15px;
  position: relative;
  z-index: 1;
  padding: 2.67vw 1.6vw;
  letter-spacing: 0.06em;
}
@media (min-width: 769px) {
  #introduction .ttl .bg-wrap .inn {
    font-size: 2.64vw;
    padding: 0.95vw 0.81vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #introduction .ttl .bg-wrap .inn {
    font-size: 3.6rem;
    padding: 13px 11px;
  }
}
#introduction .ttl.is-show .bg-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: right center;
  animation: bg 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  background: linear-gradient(to right, #b1bbcd 0%, #2580b3 100%);
}
@keyframes bg {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}
#introduction .contents {
  width: 85.33vw;
  margin: 7.73vw 0 0 auto;
}
#introduction .contents:first-of-type {
  margin: 12.27vw 0 0 auto;
}
@media (min-width: 769px) {
  #introduction .contents:first-of-type {
    margin: 0;
  }
}
@media (min-width: 769px) {
  #introduction .contents:nth-of-type(2) {
    transform: translateY(4.61vw);
  }
}
@media (min-width: 1367px) {
  #introduction .contents:nth-of-type(2) {
    transform: translateY(63px);
  }
}
@media (min-width: 769px) {
  #introduction .contents {
    margin: 0;
    width: 43.48%;
  }
}
@media (min-width: 1367px) {
  #introduction .contents {
    width: 500px;
    width: 43.48%;
  }
}
#introduction .contents .text {
  line-height: 2;
  font-family: m-plus-1p, sans-serif;
  font-size: 4.8vw;
  color: #333;
  margin-top: -5.33vw;
  padding: 10.93vw 3.47vw;
  box-shadow: 0.27vw 0.8vw 1.07vw rgba(82, 104, 145, 0.4);
}
@media (min-width: 769px) {
  #introduction .contents .text {
    margin-top: -2.05vw;
  }
}
@media (min-width: 1367px) {
  #introduction .contents .text {
    margin-top: -28px;
  }
}
#introduction .contents .text.blue {
  background: linear-gradient(to right, #c1eeff 0%, #e7f0fd 100%);
}
@media (min-width: 769px) {
  #introduction .contents .text.blue {
    transform: rotate(0.05deg);
    font-size: 1.32vw;
    padding: 4.39vw 2.34vw 3.66vw;
  }
}
@media (min-width: 1367px) {
  #introduction .contents .text.blue {
    padding: 60px 32px 50px;
    font-size: 1.8rem;
  }
}
#introduction .contents .text.d_blue {
  background: linear-gradient(to right, #9cd6ff 0%, #e7f0fd 100%);
}
@media (min-width: 769px) {
  #introduction .contents .text.d_blue {
    transform: rotate(0.05deg);
    font-size: 1.46vw;
    padding: 2.34vw 3.51vw 1.46vw 2.34vw;
  }
}
@media (min-width: 1367px) {
  #introduction .contents .text.d_blue {
    padding: 32px 48px 20px 32px;
    font-size: 2rem;
  }
}

@media (min-width: 769px) {
  #examples {
    padding: 12.45vw 0 0 0;
  }
}
@media (min-width: 1367px) {
  #examples {
    padding: 170px 0 0 0;
  }
}
#examples .inner {
  width: 100%;
  margin: 9.6vw 0 0;
  padding: 15.73vw 10.67vw 2.67vw 9.33vw;
  background-color: #e6f9fb;
}
@media (min-width: 769px) {
  #examples .inner {
    margin: 3.66vw 0 0;
    padding: 8.78vw 0 5.12vw;
  }
}
@media (min-width: 1367px) {
  #examples .inner {
    margin: 50px 0 0;
    padding: 120px 0 70px;
  }
}
#examples .inner::before {
  content: "";
  display: block;
  clear: both;
}
#examples .inner .ttl {
  padding: 0 0 4.27vw 0;
  text-align: right;
  color: #fff;
  font-family: m-plus-1p, sans-serif;
  font-size: 8vw;
  font-weight: 700;
  line-height: 1;
  text-shadow: 1px 1px 0 #00aeef, -1px 1px 0 #00aeef, 1px -1px 0 #00aeef, -1px -1px 0 #00aeef;
}
@media (min-width: 769px) {
  #examples .inner .ttl {
    font-size: 4.39vw;
    padding: 0 0 1.17vw 0;
    font-weight: 800;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #examples .inner .ttl {
    font-size: 6rem;
    padding: 0 0 16px 0;
  }
}
#examples .inner .ttl.accordion {
  position: relative;
  margin: 0 0 5.87vw 0;
  padding: 4.53vw 0;
  text-align: center;
  font-size: 4.8vw;
  text-shadow: 1px 1px 0 #94b6c3, -1px 1px 0 #94b6c3, 1px -1px 0 #94b6c3, -1px -1px 0 #94b6c3;
  background: linear-gradient(to bottom, #c1eeff 0%, #e7f0fd 100%);
  border-radius: 1.33vw;
  box-shadow: 0.27vw 0.8vw 1.07vw rgba(82, 104, 145, 0.4);
}
@media (min-width: 769px) {
  #examples .inner .ttl.accordion {
    pointer-events: none;
    box-shadow: none;
    background: transparent;
    font-weight: 800;
    text-align: right;
    text-shadow: 1px 1px 0 #00aeef, -1px 1px 0 #00aeef, 1px -1px 0 #00aeef, -1px -1px 0 #00aeef;
    margin: 0;
    font-size: 4.39vw;
    padding: 0 0 1.17vw 0;
  }
}
@media (min-width: 1367px) {
  #examples .inner .ttl.accordion {
    font-size: 6rem;
    padding: 0 0 16px 0;
  }
}
#examples .inner .ttl.accordion::after {
  content: "＋";
  font-family: m-plus-1p, sans-serif;
  font-size: 4.8vw;
  color: #94b6c3;
  position: absolute;
  top: 50%;
  right: 3.47vw;
  transform: translateY(-50%);
  text-shadow: none;
}
@media (min-width: 769px) {
  #examples .inner .ttl.accordion::after {
    display: none;
  }
}
@media (min-width: 769px) {
  #examples .inner .ttl.accordion:hover {
    cursor: pointer;
  }
}
#examples .inner .ttl.accordion.is-open::after {
  transition: 0.2s;
  content: "－";
}
#examples .case-list {
  max-width: 1176px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  #examples .case-list {
    width: 86.09%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px;
  }
}
@media (min-width: 769px) {
  #examples .case01,
#examples .case02,
#examples .case03,
#examples .case04 {
    width: 43.48%;
  }
}
@media (min-width: 1367px) {
  #examples .case01,
#examples .case02,
#examples .case03,
#examples .case04 {
    width: 500px;
    width: 43.48%;
  }
}
#examples .case01 .case {
  display: block;
}
#examples .case02 .case,
#examples .case03 .case,
#examples .case04 .case {
  display: none;
}
@media (min-width: 769px) {
  #examples .case02 .case,
#examples .case03 .case,
#examples .case04 .case {
    display: block;
  }
}
@media (min-width: 769px) {
  #examples .case02,
#examples .case04 {
    transform: translateY(4.39vw);
  }
}
@media (min-width: 1367px) {
  #examples .case02,
#examples .case04 {
    transform: translateY(60px);
  }
}
#examples .case .text {
  font-family: m-plus-1p, sans-serif;
  color: #333;
  padding-bottom: 4.53vw;
}
#examples .case .text h4 {
  margin-top: 0.8vw;
  line-height: 1.6363636364;
  font-size: 5.87vw;
  font-weight: 400;
  text-align: right;
}
@media (min-width: 769px) {
  #examples .case .text h4 {
    line-height: 1;
    font-size: 2.64vw;
    margin-top: 1.02vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #examples .case .text h4 {
    margin-top: 14px;
    font-size: 3.6rem;
  }
}
#examples .case .text h4 .name {
  margin-top: 0.8vw;
  display: block;
  font-size: 5.33vw;
  line-height: 1;
}
@media (min-width: 769px) {
  #examples .case .text h4 .name {
    margin-top: 1.02vw;
    font-size: 2.05vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #examples .case .text h4 .name {
    margin-top: 14px;
    font-size: 2.8rem;
  }
}
#examples .case .text p {
  margin-top: 1.6vw;
  font-size: 4.8vw;
  line-height: 1.6666666667;
}
@media (min-width: 769px) {
  #examples .case .text p {
    font-size: 1.46vw;
    line-height: 1.8;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #examples .case .text p {
    font-size: 2rem;
  }
}

#supervised .inner {
  width: 100%;
  margin: 25.6vw 0 0 0;
  font-family: m-plus-1p, sans-serif;
}
@media (min-width: 769px) {
  #supervised .inner {
    transform: rotate(0.05deg);
    width: 46.85%;
    max-width: 640px;
    padding: 0 20px;
    margin: 11.71vw auto 0;
  }
}
@media (min-width: 1367px) {
  #supervised .inner {
    margin: 160px auto 0;
  }
}
#supervised .inner::before {
  content: "";
  display: block;
  clear: both;
}
#supervised .inner > .test {
  font-size: 5.87vw;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  color: #333;
}
@media (min-width: 769px) {
  #supervised .inner > .test {
    font-size: 2.64vw;
  }
}
@media (min-width: 1367px) {
  #supervised .inner > .test {
    font-size: 3.6rem;
  }
}
#supervised .inner > .text {
  font-size: 4.8vw;
  color: #333;
  margin: 6.4vw 0 0;
  padding: 0 12vw;
  line-height: 1.6666666667;
  text-align: justify;
}
@media (min-width: 769px) {
  #supervised .inner > .text {
    line-height: 2;
    font-size: 1.46vw;
    margin: 2.49vw 0 0;
    padding: 0;
  }
}
@media (min-width: 1367px) {
  #supervised .inner > .text {
    font-size: 2rem;
    margin: 34px 0 0;
    padding: 0;
  }
}
#supervised .inner .profile {
  margin: 8vw 0 0 0;
  padding: 0 3.47vw;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 769px) {
  #supervised .inner .profile {
    margin: 2.56vw auto 0;
    padding: 0;
    width: 34.26vw;
  }
}
@media (min-width: 1367px) {
  #supervised .inner .profile {
    margin: 35px auto 0;
    padding: 0;
    width: 468px;
  }
}
#supervised .inner .profile .image {
  width: 48.71vw;
}
@media (min-width: 769px) {
  #supervised .inner .profile .image {
    width: 44.02%;
  }
}
#supervised .inner .profile .image .name {
  margin: 1.6vw 0 0 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.8vw;
  line-height: 1.4545454545;
}
@media (min-width: 769px) {
  #supervised .inner .profile .image .name {
    justify-content: flex-start;
    margin: 0.66vw 0 0;
    font-size: 1.32vw;
  }
}
@media (min-width: 1367px) {
  #supervised .inner .profile .image .name {
    margin: 9px 0 0;
    font-size: 1.8rem;
  }
}
#supervised .inner .profile .image .name .large {
  font-size: 5.87vw;
  margin-left: 2.93vw;
}
@media (min-width: 769px) {
  #supervised .inner .profile .image .name .large {
    margin-left: 0.95vw;
    font-size: 1.61vw;
  }
}
@media (min-width: 1367px) {
  #supervised .inner .profile .image .name .large {
    margin-left: 13px;
    font-size: 2.2rem;
  }
}
#supervised .inner .profile .image .small {
  display: block;
  text-align: center;
  font-size: 4.27vw;
  line-height: 1;
  margin-top: 0.27vw;
}
@media (min-width: 769px) {
  #supervised .inner .profile .image .small {
    text-align: left;
    font-size: 1.17vw;
  }
}
@media (min-width: 1367px) {
  #supervised .inner .profile .image .small {
    font-size: 1.6rem;
  }
}
#supervised .inner .profile .text {
  width: 51.29%;
  font-family: m-plus-1p, sans-serif;
  font-weight: 400;
  color: #333;
  margin-right: 1.6vw;
}
#supervised .inner .profile .text h4 {
  display: inline-block;
  font-size: 4.27vw;
  line-height: 1;
  padding: 1.43vw 1.72vw;
  border-radius: 2.01vw;
  background-color: #cdd7e1;
}
@media (min-width: 769px) {
  #supervised .inner .profile .text h4 {
    padding: 0.59vw;
    border-radius: 7px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1367px) {
  #supervised .inner .profile .text h4 {
    padding: 8px;
    border-radius: 0.51vw;
    font-size: 1.32vw;
  }
}
#supervised .inner .profile .text p {
  font-size: 4.27vw;
  line-height: 1.6666666667;
  margin: -0.27vw 0 0 0;
  font-size: 4.8vw;
}
@media (min-width: 769px) {
  #supervised .inner .profile .text p {
    font-size: 1.32vw;
  }
}
@media (min-width: 1367px) {
  #supervised .inner .profile .text p {
    font-size: 1.8rem;
  }
}
@media (min-width: 769px) {
  #supervised .inner .profile .text {
    transform: rotate(0.05deg);
  }
}

#media .inner {
  width: 100%;
  padding: 0 2.67vw;
}
#media .inner .gradation {
  display: block;
  font-size: 7.47vw;
  font-weight: 800;
  line-height: 1.0714285714;
}
@media (min-width: 769px) {
  #media .inner .gradation {
    font-size: 4.39vw;
    padding: 0 1.46vw;
  }
}
@media (min-width: 1367px) {
  #media .inner .gradation {
    font-size: 6rem;
    padding: 0 20px;
  }
}
#media .inner .image {
  margin: 5.6vw 0 0 0;
}
@media (min-width: 769px) {
  #media .inner .image {
    width: 69.55%;
    max-width: 950px;
    margin: 3.66vw auto 0;
  }
}
@media (min-width: 1367px) {
  #media .inner .image {
    margin: 50px auto 0;
  }
}
#media .inner .txt-right {
  font-family: m-plus-1p, sans-serif;
  color: #333;
  text-align: right;
  margin: 2.67vw 0 0 0;
  font-size: 3.73vw;
  line-height: 1;
}
@media (min-width: 769px) {
  #media .inner .txt-right {
    transform: rotate(0.05deg);
    font-size: 1.32vw;
  }
}
@media (min-width: 1367px) {
  #media .inner .txt-right {
    margin: 0;
    font-size: 1.8rem;
  }
}

#capsule {
  width: 100%;
}
@media (min-width: 769px) {
  #capsule {
    padding-right: 20px;
    padding-left: 20px;
  }
}
#capsule .ttl-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#capsule .slash {
  display: inline-block;
  font-family: m-plus-1p, sans-serif;
  font-size: 9.6vw;
  color: #333;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
  position: relative;
}
@media (min-width: 769px) {
  #capsule .slash {
    transform: rotate(0.05deg);
    font-size: 5.27vw;
  }
}
@media (min-width: 1367px) {
  #capsule .slash {
    font-size: 7.2rem;
  }
}
#capsule .slash::before {
  content: "";
  width: 11.21vw;
  height: 1px;
  background-color: #333;
  transform: rotate(60deg);
  transform-origin: left;
  position: absolute;
  left: -10.67vw;
  top: 0;
}
@media (min-width: 769px) {
  #capsule .slash::before {
    width: 7.91vw;
    height: 0.44vw;
    left: -9.96vw;
  }
}
@media (min-width: 1367px) {
  #capsule .slash::before {
    width: 108px;
    height: 6px;
    left: -136px;
  }
}
#capsule .slash::after {
  content: "";
  width: 11.21vw;
  height: 1px;
  background-color: #333;
  transform: rotate(-60deg);
  transform-origin: right;
  position: absolute;
  right: -9.33vw;
  top: 0;
}
@media (min-width: 769px) {
  #capsule .slash::after {
    width: 7.91vw;
    height: 0.44vw;
    right: -9vw;
  }
}
@media (min-width: 1367px) {
  #capsule .slash::after {
    width: 108px;
    height: 6px;
    right: -123px;
  }
}
#capsule .gradation {
  display: block;
  font-size: 9.6vw;
  font-weight: 800;
  line-height: 1.25;
  margin: 3.87vw 0 0 0;
}
@media (min-width: 769px) {
  #capsule .gradation {
    line-height: 1.1111111111;
    font-size: 5.27vw;
    margin: 1.98vw 0 0;
  }
}
@media (min-width: 1367px) {
  #capsule .gradation {
    font-size: 7.2rem;
    margin: 27px 0 0;
  }
}
#capsule .o2 {
  max-width: 1127px;
  margin: 14.27vw auto 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  #capsule .o2 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 3.95vw auto 0;
  }
}
@media (min-width: 1367px) {
  #capsule .o2 {
    margin: 54px auto 0;
  }
}
#capsule .o2 .image {
  width: 84.53%;
  margin: 0 auto;
}
@media (min-width: 769px) {
  #capsule .o2 .image {
    width: 45.43%;
    order: 2;
  }
}
#capsule .o2 .text {
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  line-height: 1.6666666667;
  margin: 6.13vw 0 0 0;
  padding: 0 9.87vw;
}
@media (min-width: 769px) {
  #capsule .o2 .text {
    width: 48.09%;
    margin: -0.59vw 0 0;
    padding: 0;
    transform: rotate(0.05deg);
    line-height: 1.8;
    font-size: 1.46vw;
  }
}
@media (min-width: 1367px) {
  #capsule .o2 .text {
    margin: -8px 0 0;
    font-size: 2rem;
  }
}
#capsule .exam {
  padding: 0 2.67vw;
}
#capsule .exam .gradation {
  margin: 6.93vw 0 0 0;
  line-height: 1;
  font-size: 6.4vw;
}
@media (min-width: 769px) {
  #capsule .exam .gradation {
    margin: 7.03vw 0 0;
    font-size: 5.27vw;
  }
}
@media (min-width: 1367px) {
  #capsule .exam .gradation {
    margin: 96px 0 0;
    font-size: 7.2rem;
  }
}
#capsule .exam .image {
  margin: 5.33vw 0 0 0;
}
@media (min-width: 769px) {
  #capsule .exam .image {
    margin: 56px auto 0;
    width: 67.2%;
    max-width: 918px;
  }
}
#capsule .exam .txt-right {
  text-align: right;
  font-size: 3.73vw;
  font-family: m-plus-1p, sans-serif;
  color: #333;
}
@media (min-width: 769px) {
  #capsule .exam .txt-right {
    transform: rotate(0.05deg);
  }
}

#features .inner {
  width: 100%;
  margin: -3.2vw 0 0 0;
  padding: 19.73vw 0 10.67vw;
  background-image: linear-gradient(-45deg, #fff 25%, #cdd7e1 25%, #cdd7e1 50%, #fff 50%, #fff 75%, #cdd7e1 75%, #cdd7e1);
  background: repeating-linear-gradient(-45deg, #cdd7e1, #cdd7e1 2px, #fff 2px, #fff 4px);
}
@media (min-width: 769px) {
  #features .inner {
    background: repeating-linear-gradient(-45deg, #cdd7e1, #cdd7e1 6px, #fff 6px, #fff 12px);
    margin: -1.24vw 0 0 0;
    padding: 10.4vw 0 7.03vw;
  }
}
@media (min-width: 1367px) {
  #features .inner {
    margin: -17px 0 0 0;
    padding: 142px 0 96px;
  }
}
#features .list {
  counter-reset: ol;
  width: 100%;
  max-width: 1230px;
}
@media (min-width: 769px) {
  #features .list {
    width: 90.04%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 20px;
  }
}
#features .list .item {
  margin: 8vw auto 0;
  width: 74.67vw;
  height: 74.67vw;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 2.67vw;
  position: relative;
  /*特徴1*/
  /*特徴2*/
  /*特徴3*/
  /*特徴4*/
  /*特徴5*/
  /*特徴6*/
}
#features .list .item:first-of-type {
  margin: 0 auto 0;
}
@media (min-width: 769px) {
  #features .list .item:first-of-type {
    margin: 0;
  }
}
@media (min-width: 769px) {
  #features .list .item:nth-child(n+4) {
    margin-top: 9.59vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-child(n+4) {
    margin-top: 131px;
  }
}
@media (min-width: 769px) {
  #features .list .item {
    margin: 0;
    width: 26.72vw;
    height: 26.72vw;
    border-radius: 0.73vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item {
    width: 30.67%;
    height: 365px;
    border-radius: 10px;
  }
}
#features .list .item::before {
  counter-increment: ol;
  content: "0" counter(ol);
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-4.8vw, -4.8vw) rotate(0.05deg);
  z-index: 2;
  font-size: 10.67vw;
  font-family: m-plus-1p, sans-serif;
  font-weight: 700;
  color: #afdfe4;
  line-height: 1;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}
@media (min-width: 769px) {
  #features .list .item::before {
    font-size: 5.27vw;
    transform: rotate(0.05deg) translate(-2.05vw, -2.05vw);
  }
}
@media (min-width: 1367px) {
  #features .list .item::before {
    font-size: 7.2rem;
    transform: rotate(0.05deg) translate(-28px, -28px);
  }
}
#features .list .item:first-of-type .image {
  width: 20%;
  margin: 3.2vw auto;
}
@media (min-width: 769px) {
  #features .list .item:first-of-type .image {
    width: 19.18%;
    margin: 1.76vw auto 1.17vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:first-of-type .image {
    margin: 24px auto 16px;
  }
}
#features .list .item:first-of-type .text p {
  margin: 3.73vw 0 0 0;
  padding: 0 5.87vw;
}
@media (min-width: 375px) {
  #features .list .item:first-of-type .text p {
    padding: 0 5.3vw;
    line-height: 1.63;
  }
}
@media (min-width: 769px) {
  #features .list .item:first-of-type .text p {
    margin: 1.68vw 0 0 0;
    padding: 0 1.24vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:first-of-type .text p {
    margin: 23px 0 0 0;
    padding: 0 17px;
  }
}
#features .list .item:nth-of-type(2) .image {
  margin: 3.47vw auto 4vw;
  width: 22.86%;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(2) .image {
    width: 19.18%;
    margin: 1.98vw auto 1.61vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(2) .image {
    margin: 27px auto 22px;
  }
}
#features .list .item:nth-of-type(2) .text p {
  margin: 2.93vw 0 0 0;
  padding: 0 5.87vw;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(2) .text p {
    margin: 1.54vw 0 0;
    padding: 0 1.68vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(2) .text p {
    margin: 21px 0 0;
    padding: 0 23px;
  }
}
#features .list .item:nth-of-type(3) .image {
  width: 19.29%;
  margin: 7.2vw auto 6.4vw;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(3) .image {
    width: 19.18%;
    margin: 2.49vw auto 1.83vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(3) .image {
    margin: 34px auto 25px;
  }
}
#features .list .item:nth-of-type(3) .text p {
  margin: 6.4vw 0 0 0;
  padding: 0 5.87vw;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(3) .text p {
    margin: 1.54vw 0 0 0;
    padding: 0 1.68vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(3) .text p {
    margin: 21px 0 0 0;
    padding: 0 23px;
  }
}
#features .list .item:nth-of-type(4) .image {
  width: 29.29%;
  margin: 5.07vw auto 4.53vw;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(4) .image {
    width: 19.18%;
    margin: 1.98vw auto 2.34vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(4) .image {
    margin: 27px auto 32px;
  }
}
#features .list .item:nth-of-type(4) .text p {
  margin: 5.07vw 0 0 0;
  padding: 0 5.87vw;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(4) .text p {
    margin: 1.39vw 0 0 0;
    padding: 0 1.68vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(4) .text p {
    margin: 19px 0 0 0;
    padding: 0 23px;
  }
}
#features .list .item:nth-of-type(5) .image {
  width: 18.93%;
  margin: 4vw auto 3.47vw;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(5) .image {
    width: 14.79%;
    margin: 2.05vw auto 1.39vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(5) .image {
    margin: 28px auto 19px;
  }
}
#features .list .item:nth-of-type(5) .text p {
  margin: 5.07vw 0 0 0;
  padding: 0 5.87vw;
  line-height: 1.3333333333;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(5) .text p {
    margin: 1.39vw 0 0;
    padding: 0 1.68vw;
    line-height: 1.8;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(5) .text p {
    margin: 19px 0 0;
    padding: 0 23px;
  }
}
#features .list .item:nth-of-type(6) .image {
  width: 18.57%;
  margin: 4.27vw auto 4.8vw;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(6) .image {
    width: 16.44%;
    margin: 1.46vw auto 1.39vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(6) .image {
    margin: 20px auto 19px;
  }
}
#features .list .item:nth-of-type(6) .text p {
  margin: 6.13vw 0 0 0;
  padding: 0 5.87vw;
}
@media (min-width: 769px) {
  #features .list .item:nth-of-type(6) .text p {
    margin: 1.46vw 0 0;
    padding: 0 1.68vw;
  }
}
@media (min-width: 1367px) {
  #features .list .item:nth-of-type(6) .text p {
    margin: 20px 0 0;
    padding: 0 23px;
  }
}
#features .list .text {
  font-family: m-plus-1p, sans-serif;
  color: #333;
}
#features .list .text .ttl {
  font-size: 5.33vw;
  line-height: 1;
  text-align: center;
}
@media (min-width: 769px) {
  #features .list .text .ttl {
    font-size: 2.05vw;
    line-height: 1.1428571429;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #features .list .text .ttl {
    font-size: 2.8rem;
  }
}
#features .list .text p {
  font-size: 4.8vw;
  line-height: 1.6666666667;
}
@media (min-width: 769px) {
  #features .list .text p {
    font-size: 1.46vw;
    line-height: 1.8;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #features .list .text p {
    font-size: 2rem;
  }
}

#plan {
  padding: 5.6vw 0 8vw 0;
  /*プラン一覧*/
  /*オプション*/
  /*専用ケージプレゼントキャンペーン*/
}
@media (min-width: 769px) {
  #plan {
    padding: 7.47vw 0 0 0;
  }
}
@media (min-width: 1367px) {
  #plan {
    padding: 102px 0 0 0;
  }
}
#plan .inner {
  width: 100%;
}
#plan h3.ttl {
  font-size: 5.87vw;
  font-family: m-plus-1p, sans-serif;
  color: #fff;
  text-align: center;
  line-height: 1;
  border-top-left-radius: 2.67vw;
  border-top-right-radius: 2.67vw;
  background-color: #87ceeb;
  padding: 5.33vw 0;
}
@media (min-width: 769px) {
  #plan h3.ttl {
    padding: 1.68vw 0;
    font-size: 2.05vw;
    transform: rotate(0.05deg);
    border-top-left-radius: 0.73vw;
    border-top-right-radius: 0.73vw;
  }
}
@media (min-width: 1367px) {
  #plan h3.ttl {
    padding: 23px 0;
    font-size: 2.8rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
#plan h4.ttl {
  font-size: 5.87vw;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  line-height: 1;
  margin: 5.33vw 0 0 0;
  padding: 0 0 0 2.4vw;
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  #plan h4.ttl {
    font-size: 2.64vw;
    margin: 2.93vw 0 0 0;
    padding: 0 0 0 4.98vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #plan h4.ttl {
    font-size: 3.6rem;
    margin: 40px 0 0 0;
    padding: 0 0 0 68px;
  }
}
#plan h4.ttl::before {
  content: "";
  display: block;
  width: 2.67vw;
  height: 6.67vw;
  background: linear-gradient(to right, #b6dcff 0%, #b9b6e5 100%);
  margin-right: 2.4vw;
}
@media (min-width: 769px) {
  #plan h4.ttl::before {
    width: 1.1vw;
    height: 2.93vw;
    margin-right: 1.76vw;
  }
}
@media (min-width: 1367px) {
  #plan h4.ttl::before {
    width: 15px;
    height: 40px;
    margin-right: 24px;
  }
}
#plan h4.ttl.option::before {
  background: #333;
}
#plan h4.ttl.option .small {
  font-size: 4.8vw;
}
@media (min-width: 769px) {
  #plan h4.ttl.option .small {
    font-size: 1.32vw;
  }
}
@media (min-width: 1367px) {
  #plan h4.ttl.option .small {
    font-size: 1.8rem;
  }
}
#plan .item {
  /*金額欄*/
}
#plan .item .inn {
  margin: 5.33vw 0 0 0;
  padding: 3.73vw 1.8vw;
  background-color: #eff4ff;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  /*こんな方におすすめ*/
}
@media (min-width: 769px) {
  #plan .item .inn {
    margin: 2.86vw 0 0 0;
    padding: 2.2vw 11.13vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #plan .item .inn {
    margin: 39px 0 0 0;
    padding: 30px 152px;
  }
}
#plan .item .inn.exclusive {
  background-color: #feebff;
}
#plan .item .inn .osusume {
  display: flex;
  align-items: center;
  line-height: 1;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  font-size: 4.8vw;
  padding: 0 3.73vw;
}
@media (min-width: 769px) {
  #plan .item .inn .osusume {
    padding: 0;
    font-size: 2.05vw;
    transform: translateX(-3.66vw) rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #plan .item .inn .osusume {
    font-size: 2.8rem;
    transform: translateX(-50px) rotate(0.05deg);
  }
}
#plan .item .inn .osusume::before {
  content: "▼";
  display: inline-block;
  margin-right: 1.33vw;
  font-size: 4.8vw;
  line-height: 1;
  background: linear-gradient(to bottom, #b9b6e5 0%, #b6dcff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 769px) {
  #plan .item .inn .osusume::before {
    font-size: 2.34vw;
    margin-right: 0.66vw;
  }
}
@media (min-width: 1367px) {
  #plan .item .inn .osusume::before {
    font-size: 3.2rem;
    margin-right: 9px;
  }
}
#plan .item .inn .osusume-list {
  padding: 0 3.73vw;
  margin: 5.6vw 0 0 0;
}
@media (min-width: 769px) {
  #plan .item .inn .osusume-list {
    padding: 0;
    margin: 2.27vw 0 0;
  }
}
@media (min-width: 1367px) {
  #plan .item .inn .osusume-list {
    margin: 31px 0 0;
  }
}
#plan .item .inn .osusume-list li {
  display: flex;
  line-height: 1;
  margin: 2.67vw 0 0 0;
  font-size: 4.8vw;
}
#plan .item .inn .osusume-list li:first-of-type {
  margin: 0 0 0;
}
#plan .item .inn .osusume-list li::before {
  content: "・";
}
@media (min-width: 769px) {
  #plan .item .inn .osusume-list li {
    margin: 0.73vw 0 0 0;
    font-size: 1.61vw;
  }
}
@media (min-width: 1367px) {
  #plan .item .inn .osusume-list li {
    margin: 10px 0 0 0;
    font-size: 2.2rem;
  }
}
#plan .item .price-wrap {
  margin: 5.6vw 0 0 0;
  border-radius: 3.2vw;
  background-color: #fff;
  /*12ヶ月プランの金額欄*/
}
@media (min-width: 769px) {
  #plan .item .price-wrap {
    margin: 2.12vw 0 0;
    border-radius: 0.88vw;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap {
    margin: 29px 0 0;
    border-radius: 12px;
  }
}
#plan .item .price-wrap .price {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-weight: 800;
  font-size: 8vw;
  font-family: m-plus-1p, sans-serif;
  line-height: 1;
}
@media (min-width: 769px) {
  #plan .item .price-wrap .price {
    font-size: 3.51vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap .price {
    font-size: 4.8rem;
  }
}
#plan .item .price-wrap .price .tax {
  font-family: m-plus-1p, sans-serif;
  font-weight: 400;
  font-size: 2.93vw;
  margin-left: 0.53vw;
  padding-bottom: 1.07vw;
}
@media (min-width: 769px) {
  #plan .item .price-wrap .price .tax {
    font-size: 1.17vw;
    transform: rotate(0.05deg);
    padding-bottom: 0;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap .price .tax {
    font-size: 1.6rem;
  }
}
#plan .item .price-wrap.exclusive {
  padding: 4vw 2.4vw 3.47vw;
  position: relative;
  /*強調下線部分*/
}
#plan .item .price-wrap.exclusive::before {
  content: "";
  width: 16.8vw;
  height: 15.73vw;
  background-image: url("../img/sp/hukidashi.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -5.87vw;
  right: -1.07vw;
  animation: fuwafuwa 3s infinite ease-in-out 0.8s alternate;
  transition: 1.5s ease-in-out;
}
@media (min-width: 769px) {
  #plan .item .price-wrap.exclusive::before {
    width: 7.83vw;
    height: 7.39vw;
    background-image: url("../img/pc/hukidashi.png");
    top: -3.07vw;
    right: 1.98vw;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.exclusive::before {
    width: 107px;
    height: 101px;
    top: -42px;
    right: 27px;
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(7deg);
  }
}
@media (min-width: 769px) {
  #plan .item .price-wrap.exclusive {
    padding: 1.83vw 2.2vw 0.73vw 1.46vw;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.exclusive {
    padding: 25px 30px 10px 20px;
  }
}
#plan .item .price-wrap.exclusive > div {
  margin: 3.73vw 0 0 0;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 769px) {
  #plan .item .price-wrap.exclusive > div {
    justify-content: space-between;
    margin: 1.76vw 0 0;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.exclusive > div {
    margin: 24px 0 0;
  }
}
#plan .item .price-wrap.exclusive .price {
  flex-direction: column;
  align-items: flex-end;
}
#plan .item .price-wrap.exclusive .price::after {
  margin-left: 0;
  padding-bottom: 0;
}
#plan .item .price-wrap.exclusive .price.small {
  font-size: 5.33vw;
  font-weight: 400;
  position: relative;
  padding-right: 11.47vw;
  background-image: url("../img/sp/plan-arrow.png");
  background-repeat: no-repeat;
  background-position: top right;
}
@media (min-width: 769px) {
  #plan .item .price-wrap.exclusive .price.small {
    background-image: url("../img/pc/plan-arrow.png");
    padding-right: 8.35vw;
    font-size: 2.2vw;
    background-size: 36%;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.exclusive .price.small {
    padding-right: 114px;
    font-size: 3rem;
    background-size: auto;
  }
}
#plan .item .price-wrap.exclusive .price.small::before {
  content: "";
  display: block;
  width: 23.2vw;
  height: 1px;
  background-color: #333;
  position: absolute;
  left: 0;
  top: 2.4vw;
}
@media (min-width: 769px) {
  #plan .item .price-wrap.exclusive .price.small::before {
    width: 9.96vw;
    top: 1.1vw;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.exclusive .price.small::before {
    width: 136px;
    top: 15px;
  }
}
#plan .item .price-wrap.exclusive .price.large {
  font-size: 9.6vw;
}
@media (min-width: 769px) {
  #plan .item .price-wrap.exclusive .price.large {
    font-size: 3.66vw;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.exclusive .price.large {
    font-size: 5rem;
  }
}
#plan .item .price-wrap.exclusive .line {
  font-weight: 700;
  display: inline-block;
  font-size: 4.8vw;
  line-height: 1;
  letter-spacing: -0.09em;
  background: linear-gradient(transparent 80%, #fdca1a 20%);
}
@media (min-width: 769px) {
  #plan .item .price-wrap.exclusive .line {
    padding-bottom: 0.29vw;
    font-size: 2.05vw;
    background: linear-gradient(transparent 70%, #fdca1a 30%);
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.exclusive .line {
    font-size: 2.8rem;
    padding-bottom: 4px;
  }
}
#plan .item .price-wrap.exclusive > div {
  display: flex;
}
#plan .item .price-wrap.normal {
  padding: 4.27vw 2.4vw;
}
@media (min-width: 769px) {
  #plan .item .price-wrap.normal {
    padding: 0.95vw;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.normal {
    padding: 13px;
  }
}
#plan .item .price-wrap.option {
  margin: 10.67vw auto 0;
  padding: 4.27vw 2.4vw;
  background-color: #e5f4ff;
}
@media (min-width: 769px) {
  #plan .item .price-wrap.option {
    width: 63.95%;
    padding: 0.95vw;
    margin: 2.86vw auto 0;
  }
}
@media (min-width: 1367px) {
  #plan .item .price-wrap.option {
    padding: 13px;
    margin: 39px auto 0;
  }
}
#plan .item .cage-image {
  margin: 5.33vw 0 0 0;
}
@media (min-width: 769px) {
  #plan .item .cage-image {
    width: 80.93%;
    margin: 2.86vw auto 0;
  }
}
@media (min-width: 1367px) {
  #plan .item .cage-image {
    margin: 39px auto 0;
  }
}
#plan .plan {
  margin: 26.13vw 0 0 0;
  padding: 0 5.33vw;
}
@media (min-width: 769px) {
  #plan .plan {
    width: 65.89vw;
    padding: 0 20px;
    margin: 11.93vw auto 0;
  }
}
@media (min-width: 1367px) {
  #plan .plan {
    width: 900px;
    margin: 163px auto 0;
  }
}
#plan .option {
  margin: 8.27vw 0 0 0;
  padding: 0 5.33vw;
  /*オプションのリスト*/
}
@media (min-width: 769px) {
  #plan .option {
    padding: 0 20px;
    width: 65.8vw;
    margin: 4.39vw auto 0;
  }
}
@media (min-width: 1367px) {
  #plan .option {
    width: 900px;
    margin: 60px auto 0;
  }
}
#plan .option-list {
  margin: 4vw 0 0 0;
  padding: 0 4.8vw;
}
@media (min-width: 769px) {
  #plan .option-list {
    padding: 0 4.76vw;
  }
}
@media (min-width: 1367px) {
  #plan .option-list {
    padding: 0 65px;
  }
}
#plan .option-list li {
  margin: 3.47vw 0 0 0;
  font-size: 4.27vw;
  font-family: m-plus-1p, sans-serif;
  line-height: 1.5;
}
#plan .option-list li:first-of-type {
  margin: 0 0 0 0;
}
#plan .option-list li .color {
  color: #ff2323;
}
@media (min-width: 769px) {
  #plan .option-list li {
    font-size: 1.46vw;
    margin: 0;
    line-height: 1.5;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #plan .option-list li {
    font-size: 2rem;
  }
}
#plan .campaign {
  margin: 7.47vw 0 0 0;
  padding: 0 0 8vw;
  background-color: #e5f3f5;
  transform: translateY(8vw);
  /*条件*/
}
@media (min-width: 769px) {
  #plan .campaign {
    margin: 4.25vw 0 0;
    padding: 0 20px 4.39vw;
    transform: translateY(1.98vw);
  }
}
@media (min-width: 1367px) {
  #plan .campaign {
    margin: 58px 0 0;
    padding: 0 20px 60px;
    transform: translateY(27px);
  }
}
#plan .campaign h3.ttl {
  line-height: 1.0909090909;
  margin: 0 5.33vw;
  padding: 2.13vw 0;
  transform: translateY(-8vw);
  background-color: #4eb6c5;
}
@media (min-width: 769px) {
  #plan .campaign h3.ttl {
    width: 62.96vw;
    margin: 0 auto;
    padding: 1.54vw 0;
    transform: translateY(-1.98vw);
  }
}
@media (min-width: 1367px) {
  #plan .campaign h3.ttl {
    width: 860px;
    transform: translateY(-27px);
    padding: 21px 0;
  }
}
#plan .campaign .terms {
  margin: 5.33vw 0 0;
}
@media (min-width: 769px) {
  #plan .campaign .terms {
    margin: 1.02vw auto 0;
    width: 69.4vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1367px) {
  #plan .campaign .terms {
    width: 948px;
    margin: 14px auto 0;
  }
}
#plan .campaign .terms .item {
  width: 61.33vw;
  height: 40vw;
  margin: 13.33vw auto 0;
  border-radius: 0.53vw;
  padding: 1.07vw;
  background-color: #fff;
  font-family: m-plus-1p, sans-serif;
  color: #333;
}
@media (min-width: 769px) {
  #plan .campaign .terms .item {
    margin: 0;
    width: 44.05%;
    height: 18.3vw;
    padding: 0.66vw;
    border-radius: 0.15vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #plan .campaign .terms .item {
    height: 250px;
    padding: 9px;
    border-radius: 2px;
  }
}
#plan .campaign .terms .item:first-of-type {
  margin: 0 auto 0;
}
@media (min-width: 769px) {
  #plan .campaign .terms .item:first-of-type {
    margin: 0;
    position: relative;
  }
}
#plan .campaign .terms .item:first-of-type::after {
  content: "＋";
  display: block;
  text-align: center;
  color: #333;
  line-height: 1;
  font-family: m-plus-1p, sans-serif;
  font-size: 6.4vw;
  margin: 4.27vw 0 0;
}
@media (min-width: 769px) {
  #plan .campaign .terms .item:first-of-type::after {
    position: absolute;
    left: 107%;
    top: 50%;
    transform: translateY(-50%) rotate(0.05deg);
    margin: 0;
    font-size: 3.51vw;
  }
}
@media (min-width: 1367px) {
  #plan .campaign .terms .item:first-of-type::after {
    left: 100%;
    font-size: 4.8rem;
    transform: translateX(36px) translateY(-50%) rotate(0.05deg);
  }
}
#plan .campaign .terms .item-inn {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 0.27vw solid #87ceeb;
  border-radius: 0.53vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 5.87vw;
  text-align: center;
  line-height: 1.3636363636;
}
@media (min-width: 769px) {
  #plan .campaign .terms .item-inn {
    line-height: 1;
    font-size: 2.64vw;
    border: 2px solid #87ceeb;
  }
}
@media (min-width: 1367px) {
  #plan .campaign .terms .item-inn {
    font-size: 3.6rem;
  }
}
#plan .campaign .terms .item-inn .num {
  position: absolute;
  font-size: 4.27vw;
  top: 3.2vw;
  left: 3.2vw;
}
@media (min-width: 769px) {
  #plan .campaign .terms .item-inn .num {
    top: 1.24vw;
    left: 1.02vw;
    font-size: 1.76vw;
  }
}
@media (min-width: 1367px) {
  #plan .campaign .terms .item-inn .num {
    top: 17px;
    left: 14px;
    font-size: 2.4rem;
  }
}
#plan .campaign .catchcopy {
  margin: 4.8vw 0 0 0;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  #plan .campaign .catchcopy {
    margin: 3.51vw 0 0;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #plan .campaign .catchcopy {
    margin: 48px 0 0;
  }
}
#plan .campaign .catchcopy span {
  text-align: center;
}
#plan .campaign .catchcopy .small {
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.3333333333;
}
@media (min-width: 769px) {
  #plan .campaign .catchcopy .small {
    line-height: 1.325;
    font-size: 2.93vw;
  }
}
@media (min-width: 1367px) {
  #plan .campaign .catchcopy .small {
    font-size: 4rem;
  }
}
#plan .campaign .catchcopy .large {
  margin: 1.87vw 0 0 0;
  font-size: 12.8vw;
  font-weight: 700;
  letter-spacing: -0.05em;
}
#plan .campaign .catchcopy .large.line {
  display: inline-block;
  line-height: 1;
  background: linear-gradient(transparent 80%, #fdca1a 20%);
}
@media (min-width: 769px) {
  #plan .campaign .catchcopy .large {
    margin: 0.66vw 0 0;
    font-size: 5.27vw;
  }
}
@media (min-width: 1367px) {
  #plan .campaign .catchcopy .large {
    margin: 9px 0 0;
    font-size: 7.2rem;
  }
}

#howto .inner {
  width: 100%;
  padding: 0 2.67vw 6.67vw;
  background-color: #e6f9fb;
  margin: -3.2vw 0 0;
}
@media (min-width: 769px) {
  #howto .inner {
    padding: 0 1.46vw 4.61vw;
    margin: -1.24vw 0 0;
  }
}
@media (min-width: 1367px) {
  #howto .inner {
    padding: 0 20px 63px;
    margin: -17px 0 0;
  }
}
#howto .ttl {
  text-align: center;
  font-family: m-plus-1p, sans-serif;
  font-size: 5.33vw;
  line-height: 1;
  color: #333;
}
@media (min-width: 769px) {
  #howto .ttl {
    font-size: 2.64vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #howto .ttl {
    font-size: 3.6rem;
  }
}
#howto .movie {
  padding: 16.8vw 0 0 0;
}
@media (min-width: 769px) {
  #howto .movie {
    width: 79.06%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 8.64vw 0 0 0;
  }
}
@media (min-width: 1367px) {
  #howto .movie {
    padding: 118px 0 0 0;
  }
}
#howto .movie .youtube {
  position: relative;
  width: 100%;
  margin: 8vw 0 0 0;
  padding-top: 56.25%;
}
#howto .movie .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 769px) {
  #howto .movie .youtube {
    margin: 2.2vw 0 0;
  }
}
@media (min-width: 1367px) {
  #howto .movie .youtube {
    margin: 30px 0 0;
  }
}
#howto .step {
  margin: 13.33vw 0 0 0;
}
@media (min-width: 769px) {
  #howto .step {
    margin: 7.32vw 0 0;
  }
}
@media (min-width: 1367px) {
  #howto .step {
    margin: 100px 0 0;
  }
}
#howto .step .list {
  counter-reset: ol;
  margin: 13.07vw 0 0;
  max-width: 1190px;
}
@media (min-width: 769px) {
  #howto .step .list {
    width: 87.12%;
    display: flex;
    justify-content: space-between;
    margin: 9.22vw auto 0;
  }
}
@media (min-width: 1367px) {
  #howto .step .list {
    margin: 126px auto 0;
  }
}
#howto .step .list .item {
  position: relative;
  width: 41.33vw;
  height: 41.33vw;
  background-color: #fff;
  border: 0.53vw solid #87ceeb;
  margin: 30.13vw auto 0;
  /*step1*/
  /*step2*/
  /*step3*/
}
@media (min-width: 769px) {
  #howto .step .list .item {
    border: 2px solid #87ceeb;
    margin: 0;
    width: 21.96vw;
    height: 21.96vw;
  }
}
@media (min-width: 1367px) {
  #howto .step .list .item {
    width: 300px;
    height: 300px;
  }
}
#howto .step .list .item::before, #howto .step .list .item::after {
  font-family: m-plus-1p, sans-serif;
  font-weight: 700;
  color: #87ceeb;
}
#howto .step .list .item::before {
  counter-increment: ol;
  content: "0" counter(ol);
  position: absolute;
  top: -4.27vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  font-size: 9.6vw;
  line-height: 1;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}
@media (min-width: 769px) {
  #howto .step .list .item::before {
    transform: translateX(-50%) rotate(0.05deg);
    top: -2.93vw;
    font-size: 5.27vw;
    text-shadow: 0 0 4px #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 0.29vw #fff, 0 0 29vw #fff, 0 0 29vw #fff, 0 0 29vw #fff, 0 0 29vw #fff;
  }
}
@media (min-width: 1367px) {
  #howto .step .list .item::before {
    top: -40px;
    font-size: 7.2rem;
    text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
  }
}
#howto .step .list .item::after {
  content: "↓";
  font-size: 12.8vw;
  line-height: 1;
  position: absolute;
  bottom: -18.13vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 769px) {
  #howto .step .list .item::after {
    content: "→";
    left: 100%;
    bottom: auto;
    top: 50%;
    transform: translateX(2vw) translateY(-50%) rotate(0.05deg);
    font-size: 5.27vw;
  }
}
@media (min-width: 1367px) {
  #howto .step .list .item::after {
    font-size: 7.2rem;
  }
}
#howto .step .list .item:first-of-type {
  margin: 0 auto 0;
}
@media (min-width: 769px) {
  #howto .step .list .item:first-of-type {
    margin: 0;
  }
}
#howto .step .list .item:first-of-type .image {
  width: 31.61%;
  margin: 8.53vw auto 4.8vw;
}
@media (min-width: 769px) {
  #howto .step .list .item:first-of-type .image {
    width: 33.33%;
    margin: 6.3vw auto 2.64vw;
  }
}
@media (min-width: 1367px) {
  #howto .step .list .item:first-of-type .image {
    margin: 86px auto 36px;
  }
}
#howto .step .list .item:nth-of-type(2) .image {
  width: 30.97%;
  margin: 8.53vw auto 5.33vw;
}
@media (min-width: 769px) {
  #howto .step .list .item:nth-of-type(2) .image {
    width: 29.33%;
    margin: 6.3vw auto 2.42vw;
  }
}
@media (min-width: 1367px) {
  #howto .step .list .item:nth-of-type(2) .image {
    margin: 86px auto 33px;
  }
}
#howto .step .list .item:last-of-type::after {
  display: none;
}
#howto .step .list .item:last-of-type .image {
  width: 30.97%;
  margin: 10.67vw auto 5.07vw;
}
@media (min-width: 769px) {
  #howto .step .list .item:last-of-type .image {
    width: 36.67%;
    margin: 7.03vw auto 1.9vw;
  }
}
@media (min-width: 1367px) {
  #howto .step .list .item:last-of-type .image {
    margin: 96px auto 26px;
  }
}
#howto .step .list .item .ttl {
  font-size: 4.27vw;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  text-align: center;
  line-height: 1;
}
@media (min-width: 769px) {
  #howto .step .list .item .ttl {
    font-size: 2.05vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #howto .step .list .item .ttl {
    font-size: 2.8rem;
  }
}
#howto .attention {
  margin: 8.27vw 0 0 0;
  font-family: m-plus-1p, sans-serif;
  color: #333;
}
@media (min-width: 769px) {
  #howto .attention {
    width: 36.24vw;
    transform: rotate(0.05deg);
    margin: 6.15vw auto 0;
  }
}
@media (min-width: 1367px) {
  #howto .attention {
    width: 495px;
    margin: 84px auto 0;
  }
}
#howto .attention > p {
  margin: 8.27vw 0 0 0;
  text-align: center;
  line-height: 1;
  font-size: 5.33vw;
}
@media (min-width: 769px) {
  #howto .attention > p {
    margin: 2.86vw 0 0;
    font-size: 2.05vw;
  }
}
@media (min-width: 1367px) {
  #howto .attention > p {
    margin: 39px 0 0;
    font-size: 2.8rem;
  }
}
#howto .attention ul {
  margin: 7.2vw 0 0 0;
  padding: 0 4vw;
}
@media (min-width: 769px) {
  #howto .attention ul {
    padding: 0;
    margin: 4.47vw 0 0 0;
  }
}
@media (min-width: 1367px) {
  #howto .attention ul {
    margin: 61px 0 0 0;
  }
}
#howto .attention ul li {
  font-size: 4.8vw;
  line-height: 1.3333333333;
}
#howto .attention ul li::before {
  content: "・";
  font-size: 4.8vw;
}
@media (min-width: 769px) {
  #howto .attention ul li::before {
    font-size: 1.76vw;
  }
}
@media (min-width: 1367px) {
  #howto .attention ul li::before {
    font-size: 2.4rem;
  }
}
@media (min-width: 769px) {
  #howto .attention ul li {
    font-size: 1.76vw;
  }
}
@media (min-width: 1367px) {
  #howto .attention ul li {
    font-size: 2.4rem;
  }
}

@media (min-width: 769px) {
  #apply {
    padding: 11.35vw 0 0 0;
  }
}
@media (min-width: 1367px) {
  #apply {
    padding: 155px 0 0 0;
  }
}
#apply .inner {
  padding: 16vw 5.6vw 4.53vw;
  margin: -3.2vw 0 0;
  background: repeating-linear-gradient(-45deg, #cdd7e1, #cdd7e1 2px, #fff 2px, #fff 4px);
}
@media (min-width: 769px) {
  #apply .inner {
    background: repeating-linear-gradient(-45deg, #cdd7e1, #cdd7e1 6px, #fff 6px, #fff 12px);
    padding: 6.81vw 20px 3.88vw;
    margin: -1.24vw 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .inner {
    padding: 93px 20px 53px;
    margin: -17px 0 0;
  }
}
#apply .apply-list {
  max-width: 1304px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  #apply .apply-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#apply .item {
  width: 100%;
  height: 53.33vw;
  border-radius: 2.67vw;
  background-color: #56c3ec;
  margin: 20.27vw 0 0 0;
  padding: 4.27vw 8vw;
  position: relative;
  /*step1*/
  /*step2*/
  /*step3*/
  /*step4*/
  /*step5*/
  /*step6*/
  /*注釈部分*/
}
@media (min-width: 375px) {
  #apply .item {
    padding: 4.27vw 7.5vw;
  }
}
@media (min-width: 769px) {
  #apply .item {
    margin: 0;
    width: 29.28vw;
    height: 20.5vw;
    border-radius: 0.73vw;
  }
}
@media (min-width: 1367px) {
  #apply .item {
    width: 400px;
    height: 280px;
    border-radius: 10px;
  }
}
@media (min-width: 769px) {
  #apply .item:nth-child(n+4) {
    margin: 4.39vw 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .item:nth-child(n+4) {
    margin: 60px 0 0;
  }
}
#apply .item::before {
  content: "▼";
  font-family: m-plus-1p, sans-serif;
  font-size: 5.33vw;
  color: #56c3ec;
  line-height: 1;
  position: absolute;
  top: -12.27vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 769px) {
  #apply .item::before {
    content: "";
    left: 104%;
    top: 50%;
    transform: translateY(-50%);
    width: 2.71vw;
    height: 1.9vw;
    background-image: url("../img/pc/apply-arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 1367px) {
  #apply .item::before {
    font-size: 4rem;
    transform: translateY(-50%);
    width: 37px;
    height: 26px;
  }
}
#apply .item .ttl {
  display: flex;
  align-items: center;
  font-size: 6.4vw;
  font-family: m-plus-1p, sans-serif;
  color: #fff;
}
@media (min-width: 769px) {
  #apply .item .ttl {
    font-size: 2.64vw;
  }
}
@media (min-width: 1367px) {
  #apply .item .ttl {
    font-size: 3.6rem;
  }
}
#apply .item .ttl .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 4.27vw;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1;
  padding-right: 3.47vw;
}
@media (min-width: 769px) {
  #apply .item .ttl .step {
    font-size: 1.61vw;
  }
}
@media (min-width: 1367px) {
  #apply .item .ttl .step {
    font-size: 2.2rem;
  }
}
#apply .item .ttl .num {
  display: block;
  color: #56c3ec;
  font-size: 4.27vw;
  text-align: center;
  width: 7.73vw;
  height: 7.73vw;
  line-height: 7.73vw;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  margin: 1.33vw 0 0 0;
}
@media (min-width: 769px) {
  #apply .item .ttl .num {
    margin: 0.66vw 0 0;
    width: 2.56vw;
    height: 2.56vw;
    line-height: 2.56vw;
    font-size: 1.76vw;
  }
}
@media (min-width: 1367px) {
  #apply .item .ttl .num {
    margin: 9px 0 0;
    font-size: 2.4rem;
    line-height: 35px;
    width: 35px;
    height: 35px;
  }
}
#apply .item .kome {
  display: none;
}
@media (min-width: 769px) {
  #apply .item .kome {
    display: inline;
  }
}
#apply .item.step1 {
  margin: 0;
}
#apply .item.step1::before {
  display: none;
}
@media (min-width: 769px) {
  #apply .item.step1::before {
    display: block;
  }
}
#apply .item.step1 .howto {
  margin: 8vw 0 0 0;
}
@media (min-width: 769px) {
  #apply .item.step1 .howto {
    margin: 3vw 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .item.step1 .howto {
    margin: 41px 0 0;
  }
}
@media (min-width: 769px) {
  #apply .item.step1 .ttl .step {
    padding-right: 1.83vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step1 .ttl .step {
    padding-right: 25px;
  }
}
@media (min-width: 769px) {
  #apply .item.step1 {
    padding: 2.2vw 1.46vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step1 {
    padding: 30px 20px;
  }
}
@media (min-width: 769px) {
  #apply .item.step2 {
    padding: 1.61vw 1.46vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step2 {
    padding: 22px 20px;
  }
}
@media (min-width: 769px) {
  #apply .item.step2 .ttl .step {
    padding-right: 0.95vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step2 .ttl .step {
    padding-right: 13px;
  }
}
@media (min-width: 769px) {
  #apply .item.step2 .annotation {
    margin: 1.76vw 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .item.step2 .annotation {
    margin: 24px 0 0;
  }
}
@media (min-width: 769px) {
  #apply .item.step3::before {
    display: none;
  }
}
#apply .item.step3 .howto {
  margin: 4.27vw 0 0;
  padding: 0 0 0 4.8vw;
}
@media (min-width: 769px) {
  #apply .item.step3 .howto {
    margin: 1.68vw 0 0;
    padding: 0;
  }
}
@media (min-width: 1367px) {
  #apply .item.step3 .howto {
    margin: 23px 0 0;
  }
}
#apply .item.step3 .ttl .step {
  padding-right: 0;
}
@media (min-width: 1367px) {
  #apply .item.step3 .ttl .step {
    padding-right: 16px;
  }
}
@media (min-width: 769px) {
  #apply .item.step3 .ttl {
    line-height: 1;
    text-align: center;
  }
}
@media (min-width: 769px) {
  #apply .item.step3 .annotation {
    margin: 1.46vw 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .item.step3 .annotation {
    margin: 20px 0 0;
  }
}
@media (min-width: 769px) {
  #apply .item.step3 {
    padding: 1.46vw 0.59vw 1.46vw 1.32vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step3 {
    padding: 20px 8px 20px 18px;
  }
}
@media (min-width: 375px) {
  #apply .item.step4 {
    padding: 4.27vw 7vw;
  }
}
#apply .item.step4 .ttl .step {
  padding-right: 0;
}
@media (min-width: 769px) {
  #apply .item.step4 .ttl .step {
    padding-right: 1.83vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step4 .ttl .step {
    padding-right: 25px;
  }
}
@media (min-width: 769px) {
  #apply .item.step4 .ttl {
    line-height: 1;
    text-align: center;
  }
}
#apply .item.step4 .text {
  margin: 2.13vw 0 0;
}
@media (min-width: 769px) {
  #apply .item.step4 {
    padding: 1.46vw 1.24vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step4 {
    padding: 20px 17px;
  }
}
#apply .item.step5 .text {
  margin: 4.53vw 0 0;
}
@media (min-width: 769px) {
  #apply .item.step5 .text {
    margin: 1.98vw 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .item.step5 .text {
    margin: 27px 0 0;
  }
}
#apply .item.step5 .ttl .step {
  padding-right: 17.6vw;
}
@media (min-width: 769px) {
  #apply .item.step5 .ttl .step {
    padding-right: 5.64vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step5 .ttl .step {
    padding-right: 77px;
  }
}
@media (min-width: 769px) {
  #apply .item.step5 {
    padding: 1.39vw 1.24vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step5 {
    padding: 19px 17px;
  }
}
#apply .item.step6 {
  padding: 2.93vw 8vw 3.47vw;
}
@media (max-width: 768px) {
  #apply .item.step6 {
    height: 60vw;
  }
}
@media (min-width: 769px) {
  #apply .item.step6::before {
    display: none;
  }
}
#apply .item.step6 .ttl .step {
  padding-right: 1.6vw;
}
@media (min-width: 1367px) {
  #apply .item.step6 .ttl .step {
    padding-right: 21px;
  }
}
#apply .item.step6 .text {
  margin: 2.4vw 0 0;
}
@media (min-width: 769px) {
  #apply .item.step6 {
    padding: 1.17vw 1.24vw;
  }
}
@media (min-width: 1367px) {
  #apply .item.step6 {
    padding: 16px 17px;
  }
}
#apply .item .annotation {
  font-family: m-plus-1p, sans-serif;
  font-size: 3.73vw;
  line-height: 1.2857142857;
  margin: 3.2vw 0 0;
  color: #fff;
}
@media (min-width: 769px) {
  #apply .item .annotation {
    line-height: 1.6666666667;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 769px) {
  #apply .item .annotation {
    font-size: 1.32vw;
  }
}
@media (min-width: 1367px) {
  #apply .item .annotation {
    font-size: 1.8rem;
  }
}
#apply .item .text {
  font-family: m-plus-1p, sans-serif;
  font-size: 4.8vw;
  color: #fff;
  line-height: 1.6666666667;
}
@media (min-width: 375px) {
  #apply .item .text {
    line-height: 1.6;
  }
}
@media (min-width: 769px) {
  #apply .item .text {
    margin: 1.98vw 0 0;
    font-size: 1.32vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #apply .item .text {
    margin: 27px 0 0;
    font-size: 1.8rem;
  }
}
#apply .item .fax,
#apply .item .mail,
#apply .item .printer,
#apply .item .tel,
#apply .item .form {
  display: flex;
  align-items: center;
  font-size: 5.33vw;
  font-family: m-plus-1p, sans-serif;
  color: #fff;
  line-height: 1;
}
#apply .item .fax::before,
#apply .item .mail::before,
#apply .item .printer::before,
#apply .item .tel::before,
#apply .item .form::before {
  content: "";
  display: block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  #apply .item .fax,
#apply .item .mail,
#apply .item .printer,
#apply .item .tel,
#apply .item .form {
    transform: rotate(0.05deg);
    font-size: 2.2vw;
  }
}
@media (min-width: 1367px) {
  #apply .item .fax,
#apply .item .mail,
#apply .item .printer,
#apply .item .tel,
#apply .item .form {
    font-size: 3rem;
  }
}
#apply .item .fax::before {
  width: 6.93vw;
  height: 6.4vw;
  background-image: url("../img/sp/icon_fax.png");
  margin: 0 5.07vw 0 0;
}
@media (min-width: 769px) {
  #apply .item .fax::before {
    width: 2.71vw;
    height: 2.49vw;
    margin: 0 2.56vw 0 0;
    background-image: url("../img/pc/icon_fax.png");
  }
}
@media (min-width: 1367px) {
  #apply .item .fax::before {
    width: 37px;
    height: 34px;
    margin: 0 35px 0 0;
  }
}
#apply .item .mail {
  margin: 2.93vw 0 0;
}
@media (min-width: 769px) {
  #apply .item .mail {
    margin: 0.95vw 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .item .mail {
    margin: 13px 0 0;
  }
}
#apply .item .mail::before {
  width: 9.07vw;
  height: 4.53vw;
  background-image: url("../img/sp/icon_mail.png");
  margin: 0 3.2vw 0 0;
}
@media (min-width: 769px) {
  #apply .item .mail::before {
    width: 3.59vw;
    height: 1.76vw;
    margin: 0 1.68vw 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .item .mail::before {
    width: 49px;
    height: 24px;
    margin: 0 23px 0 0;
  }
}
#apply .item .printer {
  width: 48.8vw;
  height: 10.4vw;
  margin: 3.47vw auto 0;
  border: 1px solid #fff;
  justify-content: center;
}
@media (min-width: 769px) {
  #apply .item .printer {
    width: 55.56%;
    height: 3.29vw;
    margin: 1.39vw auto 0;
  }
}
@media (min-width: 1367px) {
  #apply .item .printer {
    margin: 19px auto 0;
    height: 45px;
  }
}
#apply .item .printer::before {
  width: 9.87vw;
  height: 4.53vw;
  background-image: url("../img/sp/icon_printer.png");
  margin: 0 5.6vw 0 0;
}
@media (min-width: 769px) {
  #apply .item .printer::before {
    display: none;
  }
}
#apply .item .tel::before {
  width: 6.4vw;
  height: 6.4vw;
  background-image: url("../img/sp/icon_tel.png");
  margin: 0 7.47vw 0 0;
}
@media (min-width: 769px) {
  #apply .item .tel::before {
    margin: 0 2.12vw 0 0;
    width: 2.12vw;
    height: 2.12vw;
    background-image: url("../img/pc/icon_tel.png");
  }
}
@media (min-width: 1367px) {
  #apply .item .tel::before {
    margin: 0 29px 0 0;
    width: 29px;
    height: 29px;
  }
}
#apply .item .form {
  margin: 3.73vw 0 0 0;
}
@media (min-width: 769px) {
  #apply .item .form {
    margin: 2.05vw 0 0 0;
  }
}
@media (min-width: 1367px) {
  #apply .item .form {
    margin: 28px 0 0 0;
  }
}
#apply .item .form::before {
  width: 10.4vw;
  height: 5.07vw;
  background-image: url("../img/sp/icon_mail.png");
  margin: 0 3.2vw 0 0;
}
@media (min-width: 769px) {
  #apply .item .form::before {
    margin: 0 0.95vw 0 0;
    width: 3.44vw;
    height: 1.68vw;
    background-image: url("../img/pc/icon_mail.png");
  }
}
@media (min-width: 1367px) {
  #apply .item .form::before {
    margin: 0 13px 0 0;
    width: 47px;
    height: 23px;
  }
}
#apply ul.annotation {
  margin: 4.27vw 0 0;
  padding: 0 8vw;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  font-size: 4.27vw;
  line-height: 1.5;
}
@media (min-width: 769px) {
  #apply ul.annotation {
    margin: 1.98vw 0 0;
    padding: 0 6.08vw;
    font-size: 1.32vw;
    line-height: 1.3333333333;
  }
}
@media (min-width: 1367px) {
  #apply ul.annotation {
    padding: 0 83px;
    margin: 27px 0 0;
    font-size: 1.8rem;
  }
}
@media (min-width: 769px) {
  #apply ul.annotation li {
    transform: rotate(0.05deg);
  }
}
@media (min-width: 769px) {
  #apply ul.annotation li:last-of-type {
    transform: rotate(0.05deg);
    margin-top: 0.81vw;
  }
}
@media (min-width: 769px) {
  #apply ul.annotation li:last-of-type p {
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #apply ul.annotation li:last-of-type {
    margin-top: 11px;
  }
}
#apply ul.annotation span.pc-only {
  display: inline-block;
}
#apply .sp-only .accordion {
  position: relative;
  margin: 5.6vw 0 0 0;
  padding: 3.2vw 0;
  text-align: center;
  line-height: 1;
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
  color: #fff;
  border-radius: 1.33vw;
  background-color: #83ceea;
}
#apply .sp-only .accordion::after {
  content: "＋";
  font-family: m-plus-1p, sans-serif;
  font-size: 4.8vw;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 3.47vw;
  transform: translateY(-50%);
  text-shadow: none;
}
@media (min-width: 769px) {
  #apply .sp-only .accordion:hover {
    cursor: pointer;
  }
}
#apply .sp-only .accordion.is-open::after {
  transition: 0.2s;
  content: "－";
}
#apply .sp-only .contents {
  display: none;
  margin: 2.67vw 0 0;
  background-color: #fff;
  border-radius: 1.33vw;
  border: 0.27vw solid #56c3ec;
}
#apply .sp-only .contents .ttl {
  font-size: 8vw;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  text-align: center;
  line-height: 1;
}
#apply .sp-only .contents.pay {
  padding: 4.8vw 4.27vw 2.62vw;
}
#apply .sp-only .contents.pay h5 {
  line-height: 1;
  font-size: 5.87vw;
  font-family: m-plus-1p, sans-serif;
  font-weight: 700;
  margin: 0 0 1.87vw;
}
#apply .sp-only .contents.pay h5 .small {
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
}
#apply .sp-only .contents.pay h5:nth-of-type(2) {
  margin: 3.73vw 0 1.87vw;
}
#apply .sp-only .contents.pay .text p {
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  line-height: 1.8;
}
#apply .sp-only .contents.note {
  padding: 4.8vw 4.27vw 3.2vw;
}
#apply .sp-only .contents.note .list li {
  display: flex;
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
  line-height: 1.6666666667;
}
#apply .sp-only .contents.note .list li::before {
  content: "・";
}
#apply .sp-only .contents.note p {
  margin: 9.87vw 0 0;
  font-size: 4.8vw;
  line-height: 1.6666666667;
  font-family: m-plus-1p, sans-serif;
  transform: rotate(0.05deg);
}
#apply .sp-only .contents.note p a {
  color: #0714c1;
  font-family: m-plus-1p, sans-serif;
  transform: rotate(0.05deg);
}
@media (min-width: 769px) {
  #apply div.pc-only {
    width: 61.49%;
    max-width: 840px;
    margin: 3.95vw auto 0;
    padding: 3.15vw 4.03vw 3.44vw;
    background-color: #fff;
    border-radius: 0.37vw;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only {
    margin: 54px auto 0;
    padding: 43px 55px 47px;
    border-radius: 5px;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only h3.ttl {
    width: 100%;
    text-align: center;
    font-family: m-plus-1p, sans-serif;
    font-weight: 800;
    color: #56c3ec;
    font-size: 2.2vw;
    line-height: 1;
    position: relative;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  #apply div.pc-only h3.ttl::after, #apply div.pc-only h3.ttl::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #92aab7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 769px) {
  #apply div.pc-only h3.ttl::before {
    left: 0;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only h3.ttl::after {
    right: 0;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only h3.ttl.pay::before, #apply div.pc-only h3.ttl.pay::after {
    width: 15vw;
    max-width: 215px;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only h3.ttl.note::before, #apply div.pc-only h3.ttl.note::after {
    width: 19.03vw;
    max-width: 260px;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  #apply div.pc-only h3.ttl.note {
    margin-top: 2.78vw;
  }
}
@media (min-width: 769px) and (min-width: 1367px) {
  #apply div.pc-only h3.ttl.note {
    margin-top: 38px;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only h3.ttl {
    font-size: 3rem;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.pay {
    margin-top: 2.42vw;
    padding: 0 3.81vw;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.pay {
    margin-top: 33px;
    padding: 0 52px;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.pay h5 {
    line-height: 1;
    font-size: 1.61vw;
    color: #333;
    font-family: m-plus-1p, sans-serif;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.pay h5 {
    font-size: 2.2rem;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.pay h5:nth-of-type(1) {
    margin-bottom: 1.02vw;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.pay h5:nth-of-type(1) {
    margin-bottom: 14px;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.pay h5:nth-of-type(2) {
    margin: 1.54vw 0 1.76vw;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.pay h5:nth-of-type(2) {
    margin: 21px 0 24px;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.pay h5 .small {
    font-size: 1.32vw;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.pay h5 .small {
    font-size: 1.8rem;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.pay p {
    font-family: m-plus-1p, sans-serif;
    transform: rotate(0.05deg);
    color: #333;
    font-size: 1.46vw;
    line-height: 1;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.pay p {
    font-size: 2rem;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.pay p:nth-of-type(3) {
    margin-top: 1.32vw;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.pay p:nth-of-type(3) {
    margin-top: 18px;
  }
}
#apply div.pc-only > div.note .list {
  margin-top: 2.56vw;
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.note .list {
    margin-top: 35px;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.note .list li {
    line-height: 1.8;
    font-size: 1.46vw;
    font-family: m-plus-1p, sans-serif;
    transform: rotate(0.05deg);
    color: #333;
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.note .list li {
    font-size: 2rem;
  }
}
@media (min-width: 769px) {
  #apply div.pc-only > div.note .text-wrap p {
    line-height: 1;
    margin-top: 3.29vw;
    font-size: 1.46vw;
    font-family: m-plus-1p, sans-serif;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #apply div.pc-only > div.note .text-wrap p {
    margin-top: 45px;
    font-size: 2rem;
  }
}
#apply div.pc-only > div.note .text-wrap p a {
  font-family: m-plus-1p, sans-serif;
  font-weight: 700;
  color: #0714c1;
}

.kome-num {
  display: none;
}
@media (min-width: 769px) {
  .kome-num {
    display: inline;
  }
}

#specification .inner {
  width: 100%;
  background: linear-gradient(to right, #c1e1ef, #e7f0fd);
  margin: 9.6vw 0 0;
  padding: 15.2vw 0 5.33vw;
}
@media (min-width: 769px) {
  #specification .inner {
    margin: 3.66vw 0 0;
    padding: 7.91vw 20px 6vw;
  }
}
@media (min-width: 1367px) {
  #specification .inner {
    margin: 50px 0 0;
    padding: 108px 20px 82px;
  }
}
#specification .inner .text {
  font-size: 4.8vw;
  line-height: 1.6666666667;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  padding: 0 10.13vw;
}
@media (min-width: 769px) {
  #specification .inner .text {
    max-width: 700px;
    width: 51.24%;
    margin: 0 auto;
    padding: 0;
    transform: rotate(0.05deg);
    line-height: 1.8;
    font-size: 1.46vw;
  }
}
@media (min-width: 1367px) {
  #specification .inner .text {
    font-size: 2rem;
  }
}
#specification .inner .specification {
  display: flex;
  flex-direction: column;
  margin: 4.53vw 0 0;
}
@media (min-width: 769px) {
  #specification .inner .specification {
    max-width: 1232px;
    width: 90.19%;
    margin: 4.25vw auto 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1367px) {
  #specification .inner .specification {
    margin: 108px auto 0;
  }
}
#specification .inner .specification .image {
  width: 69.6%;
  margin: 5.07vw auto 0;
}
@media (min-width: 769px) {
  #specification .inner .specification .image {
    margin: 0;
    width: 40.83%;
    order: 2;
  }
}
#specification .inner .specification .list {
  padding: 0 4vw;
  margin: 8vw 0 0;
}
@media (min-width: 769px) {
  #specification .inner .specification .list {
    margin: 0;
    padding: 0;
    width: 50.32%;
    order: 1;
  }
}
#specification .inner .specification .list li {
  padding: 2.4vw 0.8vw;
  border-bottom: 1px solid #c0c0c0;
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 769px) {
  #specification .inner .specification .list li {
    display: block;
    position: relative;
    padding: 1.83vw 0 1.83vw 17.28vw;
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
    font-size: 1.46vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #specification .inner .specification .list li {
    padding: 25px 0 25px 236px;
    font-size: 2.2rem;
  }
}
#specification .inner .specification .list li span {
  display: inline-block;
  line-height: 1;
  padding: 0.8vw 2.39vw;
  border-radius: 2.93vw;
  background-color: #020526;
  margin-bottom: 2.13vw;
  color: #fff;
  font-family: m-plus-1p, sans-serif;
  font-size: 3.73vw;
}
@media (min-width: 769px) {
  #specification .inner .specification .list li span {
    margin-bottom: 0;
    border-radius: 0.81vw;
    padding: 0.37vw;
    font-size: 1.61vw;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #specification .inner .specification .list li span {
    border-radius: 11px;
    padding: 5px;
    font-size: 2.2rem;
  }
}
@media (min-width: 769px) {
  #specification .inner .specification .list li:first-of-type {
    border-top: none;
  }
}

#faq .inner {
  width: 100%;
  max-width: 1037px;
  padding: 0 6.4vw;
}
@media (min-width: 769px) {
  #faq .inner {
    width: 75.92%;
    padding: 0 20px 10.47vw;
    margin: 5.05vw auto 0;
  }
}
@media (min-width: 1367px) {
  #faq .inner {
    padding: 0 20px 143px;
    margin: 69px auto 0;
  }
}
#faq .qa-list {
  border-bottom: 1px solid #b7b7b7;
}
#faq .question {
  font-family: m-plus-1p, sans-serif;
  color: #333;
  line-height: 1.3333333333;
  font-size: 4.8vw;
  padding: 6.13vw 4.8vw 6.13vw 4.27vw;
  border-top: 1px solid #b7b7b7;
  position: relative;
}
#faq .question:hover {
  cursor: pointer;
}
@media (min-width: 769px) {
  #faq .question {
    font-size: 2.64vw;
    line-height: 1.3333333333;
    padding: 1.83vw 3.95vw 1.9vw 3.37vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #faq .question {
    padding: 25px 54px 26px 46px;
    font-size: 3.6rem;
  }
}
#faq .question:first-of-type {
  border-top: none;
}
#faq .question::after {
  transition: 0.4s;
  content: "▼";
  display: inline-block;
  position: absolute;
  top: 6.13vw;
  right: 0;
  font-family: m-plus-1p, sans-serif;
  font-size: 2.93vw;
  color: #afdfe4;
}
@media (min-width: 769px) {
  #faq .question::after {
    font-size: 2.64vw;
    top: 1.83vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #faq .question::after {
    top: 25px;
    font-size: 3.6rem;
  }
}
#faq .question::before {
  content: "Q";
  display: inline-block;
  position: absolute;
  top: 6.13vw;
  left: 0;
  font-family: m-plus-1p, sans-serif;
  font-size: 2.93vw;
  color: #afdfe4;
}
@media (min-width: 769px) {
  #faq .question::before {
    font-size: 2.64vw;
    top: 1.83vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #faq .question::before {
    top: 25px;
    font-size: 3.6rem;
  }
}
#faq .question.is-open::after {
  transition: 0.4s;
  content: "▲";
}
#faq .answer {
  padding: 0 4.8vw 6.13vw 4.27vw;
  line-height: 1.3333333333;
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
  position: relative;
  display: none;
  color: #333;
}
#faq .answer::before {
  content: "A";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: m-plus-1p, sans-serif;
  transform: rotate(0.05deg);
  font-size: 2.93vw;
  color: #b7b7b7;
}
@media (min-width: 769px) {
  #faq .answer::before {
    font-size: 2.64vw;
  }
}
@media (min-width: 1367px) {
  #faq .answer::before {
    font-size: 3.6rem;
  }
}
@media (min-width: 769px) {
  #faq .answer {
    padding: 0vw 3.95vw 1.9vw 3.37vw;
    line-height: 1.3333333333;
    font-size: 2.64vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #faq .answer {
    padding: 0 54px 26px 46px;
    font-size: 3.6rem;
  }
}

#contact .inner {
  width: 100%;
  background: linear-gradient(to right, #c1e1ef, #e7f0fd);
  margin: 9.6vw 0 0;
  padding: 0 0 3.73vw;
  padding: 0 0 40.26vw;
}
@media (min-width: 769px) {
  #contact .inner {
    margin: 3.66vw 0 0;
    padding: 0 0 2.93vw;
  }
}
@media (min-width: 1367px) {
  #contact .inner {
    margin: 50px 0 0;
    padding: 0 0 40px;
  }
}
#contact .text {
  line-height: 1.6666666667;
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
  transform: rotateZ(0.03deg);
  color: #333;
  padding: 12.27vw 14vw 0;
  text-align: center;
}
@media (min-width: 769px) {
  #contact .text {
    width: 61%;
    max-width: 800px;
    font-size: 1.46vw;
    line-height: 1.8;
    margin: 0 auto 0;
    padding: 7.83vw 20px 0;
  }
}
@media (min-width: 1367px) {
  #contact .text {
    font-size: 2rem;
    margin: 0 auto 0;
    padding: 107px 20px 0;
  }
}
#contact .form {
  max-width: 1144px;
  margin: 15.47vw 0 0;
}
@media (min-width: 769px) {
  #contact .form {
    width: 83.75%;
    margin: 93px auto 0;
    padding: 0;
  }
}
@media (min-width: 1367px) {
  #contact .form {
    margin: 6.81vw auto 0;
  }
}
#contact .form form .form__text {
  text-align: center;
  font-size: 4.8vw;
  color: #333;
  font-family: m-plus-1p, sans-serif;
  line-height: 1;
  margin-top: 8vw;
}
@media (min-width: 769px) {
  #contact .form form .form__text {
    transform: rotate(0.05deg);
    margin-top: 3.66vw;
    font-size: 1.46vw;
  }
}
@media (min-width: 1367px) {
  #contact .form form .form__text {
    margin-top: 50px;
    font-size: 2rem;
  }
}
#contact .form form .form__submit {
  width: 54.67%;
  margin: 8vw auto 0;
  height: 10.13vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  #contact .form form .form__submit {
    width: 21.96%;
    height: 4.9vw;
    margin: 3.66vw auto 0;
  }
}
@media (min-width: 1367px) {
  #contact .form form .form__submit {
    width: 300px;
    height: 67px;
    margin: 50px auto 0;
  }
}
#contact .form form .form__submit button {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #000;
  background-color: #afdfe4;
  border-radius: 4.27vw;
  font-size: 4.8vw;
  font-family: m-plus-1p, sans-serif;
  text-align: center;
  color: #333;
}
#contact .form form .form__submit button:hover {
  cursor: pointer;
}
@media (min-width: 769px) {
  #contact .form form .form__submit button {
    transform: rotate(0.05deg);
    border-radius: 1.17vw;
    font-size: 1.76vw;
  }
}
@media (min-width: 1367px) {
  #contact .form form .form__submit button {
    border-radius: 16px;
    font-size: 2.4rem;
  }
}
#contact .form table {
  width: 100%;
  padding: 0 6.67vw;
}
@media (min-width: 769px) {
  #contact .form table {
    padding: 0;
  }
}
#contact .form table tr {
  display: flex;
  flex-direction: column;
  margin-top: 4vw;
}
@media (min-width: 769px) {
  #contact .form table tr {
    flex-direction: row;
    align-items: center;
    margin-top: 2.2vw;
  }
}
@media (min-width: 1367px) {
  #contact .form table tr {
    margin-top: 30px;
  }
}
#contact .form table tr:first-of-type {
  margin-top: 0;
}
@media (min-width: 769px) {
  #contact .form table tr.content {
    align-items: flex-start;
  }
}
#contact .form table tr th {
  width: 100%;
  text-align: left;
  line-height: 1;
  font-family: m-plus-1p, sans-serif;
  font-size: 4.8vw;
  color: #333;
}
@media (min-width: 769px) {
  #contact .form table tr th p {
    transform: rotate(0.05deg);
  }
}
@media (min-width: 769px) {
  #contact .form table tr th {
    width: 31.99%;
    font-size: 1.61vw;
  }
}
@media (min-width: 1367px) {
  #contact .form table tr th {
    font-size: 2.2rem;
  }
}
#contact .form table tr th .required {
  display: inline-block;
  margin-left: 1.33vw;
  font-size: 3.73vw;
  font-family: m-plus-1p, sans-serif;
  padding: 0.8vw 1.07vw;
  line-height: 1;
  border-radius: 1.87vw;
  color: #fff;
  background-color: #ebb9aa;
}
@media (min-width: 769px) {
  #contact .form table tr th .required {
    margin-left: 1.02vw;
    font-size: 1.32vw;
    padding: 0.51vw 1.02vw;
    border-radius: 0.51vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  #contact .form table tr th .required {
    font-size: 1.8rem;
    margin-left: 14px;
    border-radius: 7px;
  }
}
#contact .form table tr td {
  margin-top: 1.6vw;
}
@media (min-width: 769px) {
  #contact .form table tr td {
    margin-top: 0;
    width: 68.01%;
  }
}
#contact .form table tr td textarea {
  display: block;
  width: 100%;
  height: 43.47vw;
  padding: 2.67vw 4.8vw;
  border-radius: 3.73vw;
  transform: rotate(0.05deg);
  border: 1px solid #000;
}
@media (min-width: 769px) {
  #contact .form table tr td textarea {
    border-radius: 1.02vw;
    height: 29.06vw;
    padding: 1.76vw 3.35vw;
    font-size: 1.46vw;
  }
}
@media (min-width: 1367px) {
  #contact .form table tr td textarea {
    border-radius: 14px;
    height: 397px;
    padding: 20px 38px;
    font-size: 2rem;
  }
}
#contact .form table tr td textarea:focus {
  outline: none;
}
#contact .form table tr td input::placeholder, #contact .form table tr td textarea::placeholder {
  font-size: 3.73vw;
  font-family: m-plus-1p, sans-serif;
  color: rgba(51, 51, 51, 0.6);
}
@media (min-width: 769px) {
  #contact .form table tr td input::placeholder, #contact .form table tr td textarea::placeholder {
    transform: rotate(0.05deg);
    font-size: 1.46vw;
  }
}
@media (min-width: 1367px) {
  #contact .form table tr td input::placeholder, #contact .form table tr td textarea::placeholder {
    font-size: 2rem;
  }
}
#contact .form table tr td input {
  display: block;
  width: 100%;
  height: 10.13vw;
  border-radius: 3.73vw;
  padding: 2.67vw 4.8vw;
  font-size: 3.73vw;
  font-family: m-plus-1p, sans-serif;
  border: 1px solid #000;
}
#contact .form table tr td input:focus {
  outline: none;
}

#contact .form table tr td select input::placeholder {
  font-size: 3.73vw;
  font-family: m-plus-1p, sans-serif;
  color: rgba(51, 51, 51, 0.6);

}

@media (min-width: 769px) {
  #contact .form table tr td input {
    transform: rotate(0.05deg);
    border-radius: 1.02vw;
    height: 6.07vw;
    padding: 1.76vw 3.35vw;
    font-size: 1.46vw;
  }
}
@media (min-width: 1367px) {
  #contact .form table tr td input {
    border-radius: 14px;
    height: 69px;
    padding: 20px 38px;
    font-size: 2rem;
  }
}

#contact .form table tr td select {
  display: block;
  width: 100%;
  height: 30%;
  border-radius: 3.73vw;
  padding: 2.67vw 4.8vw;
  font-size: 3.73vw;
  font-family: m-plus-1p, sans-serif;
  color: gray;
  border: 1px solid #000;
  background-color: #fff; /* 必要なら背景色も指定 */

}
/* appearance: none;  デフォルトの矢印を消したい場合 */

@media (min-width: 769px) {
  #contact .form table tr td select {
    transform: rotate(0.05deg);
    border-radius: 1.02vw;
    height: 6.07vw;
    padding: 1.76vw 3.35vw;
    font-size: 1.46vw;
  }
}
@media (min-width: 1367px) {
  #contact .form table tr td select {
    border-radius: 14px;
    height: 69px;
    padding: 20px 38px;
    font-size: 2rem;
  }
}

#contact .privacy {
  width: 86.67%;
  margin: 8.27vw auto 0;
  border: 2px solid #000;
  border-radius: 4vw;
  padding: 5.33vw 3.2vw;
  background-color: transparent;
}
@media (min-width: 769px) {
  #contact .privacy {
    margin: 3.66vw auto 0;
    max-width: 800px;
    width: 58.57%;
    border: solid #56c3ec 3px;
    border-radius: 1.1vw;
    transform: rotate(0.05deg);
    background-color: #fff;
    padding: 2.2vw 2.64vw;
  }
}
@media (min-width: 1367px) {
  #contact .privacy {
    margin: 50px auto 0;
    border-radius: 15px;
    padding: 30px 36px;
  }
}
#contact .privacy h3 {
  line-height: 1;
  text-align: center;
  font-family: m-plus-1p, sans-serif;
  color: #333;
  font-size: 5.87vw;
}
@media (min-width: 769px) {
  #contact .privacy h3 {
    text-align: left;
    font-size: 2.64vw;
  }
}
@media (min-width: 1367px) {
  #contact .privacy h3 {
    font-size: 3.6rem;
  }
}
#contact .privacy p {
  margin-top: 2.13vw;
  line-height: 1.6666666667;
  font-size: 4.8vw;
  color: #333;
  font-family: m-plus-1p, sans-serif;
}
@media (min-width: 769px) {
  #contact .privacy p {
    transform: rotate(0.05deg);
    line-height: 1.8;
    font-size: 1.46vw;
  }
}
@media (min-width: 1367px) {
  #contact .privacy p {
    font-size: 2rem;
    margin-top: 24px;
  }
}

@media (min-width: 769px) {
  .footer-nav {
    margin: 16.84vw auto 0;
    width: 63.91%;
    max-width: 873px;
    position: relative;
    z-index: 1;
    bottom: 0;
  }
}
@media (min-width: 1367px) {
  .footer-nav {
    margin: 230px auto 0;
    width: 873px;
  }
}
.footer-nav ul {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 769px) {
  .footer-nav ul li {
    transform: rotate(0.05deg);
  }
}
@media (min-width: 769px) {
  .footer-nav ul li a {
    font-family: m-plus-1p, sans-serif;
    font-size: 1.32vw;
    color: #000;
  }
}
@media (min-width: 1367px) {
  .footer-nav ul li a {
    font-size: 1.8rem;
  }
}

.copy {
  display: block;
  margin-top: 23.2vw;
  text-align: center;
  line-height: 1;
  font-family: m-plus-1p, sans-serif;
  font-size: 3.73vw;
}
@media (min-width: 769px) {
  .copy {
    margin-top: 3vw;
    font-size: 1.02vw;
    transform: rotate(0.05deg);
  }
}
@media (min-width: 1367px) {
  .copy {
    margin-top: 40px;
    font-size: 1.4rem;
  }
}