@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background-repeat: no-repeat;
}

article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  font-feature-settings: "palt" 1;
  font-size: 1.6rem;
}

a,
a:visited {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
ul {
  list-style: none;
}

img,
video {
  max-width: 100%;
}

img {
  border-style: none;
  width: 100%;
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote::after,
blockquote::before,
q::after,
q::before {
  content: "";
  content: none;
}

[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}

[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

/* フォーム */
input,
button,
textarea,
select {
  background: transparent;
}

select {
  border-radius: 0;
}

select::-ms-expand {
  display: none;
}

textarea {
  resize: vertical;
}

[type=radio],
[type=checkbox] {
  margin: 0;
}

[type=text],
[type=number],
[type=tel],
[type=email] {
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
}

[type=number] {
  -moz-appearance: textfield;
}
[type=number]::-webkit-outer-spin-button, [type=number]::-webkit-inner-spin-button {
  margin: 0;
}

button {
  border: none;
  padding: 0;
  background: transparent;
}

input,
select {
  vertical-align: middle;
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.header-pc {
  width: 100%;
  height: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
}
@media (max-width: 991px) {
  .header-pc {
    height: 110px;
    align-items: flex-start;
  }
}
.header-pc__logo {
  width: 288px;
}
@media (max-width: 1199px) {
  .header-pc__logo {
    width: 220px;
    margin-top: 20px;
  }
}
.header-pc__logo a {
  display: block;
}
.header-pc__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .header-pc__nav {
    width: calc(100% - 250px);
    flex-direction: column-reverse;
  }
}
.header-pc__list {
  margin-right: 30px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1199px) {
  .header-pc__list {
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  .header-pc__list {
    width: 100%;
    margin-right: 0;
  }
}
.header-pc__list::after {
  content: "";
  width: 1px;
  height: 1em;
  background-color: #CAD5DC;
  display: block;
  align-self: center;
}
@media (max-width: 991px) {
  .header-pc__list::after {
    display: none;
  }
}
.header-pc__item {
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .header-pc__item {
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  .header-pc__item:last-child {
    margin-right: 0;
  }
}
.header-pc__link {
  font-size: 1.6rem;
  color: #fff;
  height: 100px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.header-pc__link::after {
  content: "";
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  border-radius: 5px;
  bottom: -2px;
  transform: scale(0, 1);
  transition: transform 0.3s;
  transform-origin: center top;
}
@media (hover: hover) {
  .header-pc__link:hover::after {
    transform: scale(1, 1);
  }
}
@media (max-width: 1199px) {
  .header-pc__link {
    font-size: 1.4rem;
  }
}
@media (max-width: 991px) {
  .header-pc__link {
    height: 58px;
  }
}
@media (hover: hover) {
  .header-pc__link:hover {
    opacity: 1;
  }
}
.header-pc__link.is-active::after {
  transform: scale(1, 1);
}
.header-pc__btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .header-pc__btns {
    width: 100%;
    margin-top: 20px;
  }
}
.header-pc__btn:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 1199px) {
  .header-pc__btn:not(:last-child) {
    margin-right: 10px;
  }
}
.header-pc__mypage {
  font-size: 1.4rem;
  color: #fff;
  width: 132px;
  height: 32px;
  background-color: #8A1E41;
  border: 1px solid #DEDEDE;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
@media (max-width: 1199px) {
  .header-pc__mypage {
    width: 120px;
  }
}
.header-pc__mypage span {
  padding-left: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.032' height='12.301' viewBox='0 0 10.032 12.301'%3E%3Cg transform='translate(-1143 -29.506)'%3E%3Cpath d='M1150.488,32.253a2.506,2.506,0,1,1-4.945,0,2.486,2.486,0,1,1,4.945,0Z' fill='%23fff'/%3E%3Cpath d='M1152.465,41.807h-8.9a.566.566,0,0,1-.566-.566V40.154a5.016,5.016,0,0,1,5.016-5.016h0a5.016,5.016,0,0,1,5.016,5.016v1.087A.566.566,0,0,1,1152.465,41.807Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 11px auto;
  background-position: center left;
  display: inline-block;
}
.header-pc__logout {
  font-size: 1.4rem;
  color: #fff;
  width: 132px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #DEDEDE;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
@media (max-width: 1199px) {
  .header-pc__logout {
    width: 120px;
  }
}

.header-sp {
  position: absolute;
}
.header-sp__logo {
  width: 220px;
  height: 72px;
  margin-left: 15px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.header-sp__logo a {
  display: block;
}
.header-sp__oc-btn {
  width: 72px;
  height: 72px;
  display: block;
  background-color: #333;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
  cursor: pointer;
}
@media (min-width: 768px) {
  .header-sp__oc-btn {
    display: none;
  }
}
.header-sp__oc-btn span {
  width: 24px;
  height: 1px;
  margin: auto;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  right: 0;
  left: 0;
  display: inline-block;
  transition: 0.3s;
}
.header-sp__oc-btn span:nth-child(1) {
  top: 25px;
}
.header-sp__oc-btn span:nth-child(2) {
  top: 0;
  bottom: 0;
}
.header-sp__oc-btn span:nth-child(3) {
  bottom: 25px;
}
.header-sp__oc-btn.is-open span:nth-child(1) {
  transform: translateY(10px) rotate(-45deg);
}
.header-sp__oc-btn.is-open span:nth-child(2) {
  opacity: 0;
}
.header-sp__oc-btn.is-open span:nth-child(3) {
  transform: translateY(-10px) rotate(45deg);
}
.header-sp__menu {
  transition: all 0.3s;
  display: none;
}
.header-sp__menu.is-open {
  display: block;
}
.header-sp__container {
  width: 100vw;
  height: 100vh;
  background-color: #8A1E41;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.header-sp__tablist {
  width: calc(100% - 30px * 2);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  display: flex;
}
.header-sp__tab {
  width: 50%;
}
.header-sp__tabbtn {
  font-size: 1.6rem;
  color: #fff;
  width: 100%;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (hover: hover) {
  .header-sp__tabbtn:hover {
    cursor: pointer;
  }
}
.header-sp__tabbtn.is-active {
  font-weight: 700;
  border-bottom: 2px solid #fff;
}
.header-sp__tabcontainer {
  display: none;
}
.header-sp__tabcontainer.is-active {
  display: block;
}
.header-sp__tabcontent {
  height: calc(100vh - 167px);
  overflow-y: auto;
}
.header-sp__tabinner {
  width: calc(100% - 30px * 2);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}
.header-sp__item:not(:last-child) {
  margin-bottom: 30px;
}
.header-sp__link {
  font-size: 2.6rem;
  color: #fff;
  display: block;
}
.header-sp__link span {
  font-size: 1.4rem;
  display: block;
}
.header-sp__sublist {
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-wrap: wrap;
}
.header-sp__subitem {
  width: 50%;
}
.header-sp__sublink {
  font-size: 1.4rem;
  color: #fff;
  padding: 20px 0;
  display: block;
}
@media (max-width: 374px) {
  .header-sp__sublink {
    font-size: 1.2rem;
  }
}

/**************************\
アニメーション指定
\**************************/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(15%);
  }
}
@keyframes slideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(15%);
  }
}
.header-sp__menu[aria-hidden=false] {
  -webkit-animation: fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.header-sp__menu[aria-hidden=false] .header-sp__content {
  -webkit-animation: slideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: slideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.header-sp__menu[aria-hidden=true] {
  -webkit-animation: fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.header-sp__menu[aria-hidden=true] .header-sp__content {
  -webkit-animation: slideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: slideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.footer {
  padding: 90px 0 70px;
  background-color: #333;
}
.footer__container {
  width: calc(100% - 30px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.footer__logo {
  width: 288px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .footer__logo {
    width: 220px;
  }
}
.footer__logo a {
  display: block;
}
.footer__snslist {
  display: flex;
  margin: 0 0 40px -12px;
}
.footer__snslink {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__snslink img {
  width: 24px;
  height: 24px;
}
.footer__list {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  .footer__list {
    width: 100%;
  }
}
.footer__item {
  margin: 0 30px 0 0;
}
@media (max-width: 767px) {
  .footer__item {
    width: 50%;
    margin: 0;
  }
}
.footer__link {
  font-size: 1.4rem;
  color: #fff;
  padding: 15px 0;
  display: block;
}
.footer__copyright {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 374px) {
  .footer__copyright {
    font-size: 1rem;
  }
}
.footer__pagetop {
  width: 72px;
  height: 72px;
  position: absolute;
  bottom: 140px;
  right: 0;
}
@media (max-width: 767px) {
  .footer__pagetop {
    width: 40px;
    height: 40px;
    bottom: -10px;
  }
}
@media (hover: hover) {
  .footer__pagetop:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

.wrapper {
  width: calc(100% - 30px * 2);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin: 95px auto 120px;
}
@media (max-width: 991px) {
  .wrapper {
    margin: 60px auto 100px;
  }
}
@media (max-width: 374px) {
  .wrapper {
    width: calc(100% - 30px);
  }
}
.wrapper--full {
  width: 100%;
  margin: 95px 0 120px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .wrapper--full {
    margin: 60px 0 100px;
    padding-left: 30px;
    padding-right: 30px;
    flex-direction: column;
  }
}
@media (max-width: 374px) {
  .wrapper--full {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.wrapper--news {
  width: calc(100% - 30px * 2);
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  margin: 95px auto 120px;
}
@media (max-width: 991px) {
  .wrapper--news {
    margin: 60px auto 100px;
  }
}
@media (max-width: 374px) {
  .wrapper--news {
    width: calc(100% - 30px);
  }
}
.wrapper--bottom-0 {
  width: calc(100% - 30px * 2);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin: 95px auto 0;
}
@media (max-width: 991px) {
  .wrapper--bottom-0 {
    margin: 60px auto 0;
  }
}
@media (max-width: 374px) {
  .wrapper--bottom-0 {
    width: calc(100% - 30px);
  }
}

.main {
  background-color: #F2F2F2;
}
.main--bg {
  background: url("/assets/images/common/bg_not_login.png") no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main--bg-color {
  background-color: #66758c;
}

.mypage {
  width: calc(100% - 260px);
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
}
@media (max-width: 991px) {
  .mypage {
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
}
@media (max-width: 374px) {
  .mypage {
    padding: 40px 15px;
  }
}
.mypage__title {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 60px;
  padding-left: 30px;
  border-left: 2px solid #8A1E41;
}
@media (max-width: 767px) {
  .mypage__title {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
.mypage__subtitle {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .mypage__subtitle {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}

.sidearea {
  width: 260px;
  padding-bottom: 65px;
  background-color: #8A1E41;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 991px) {
  .sidearea {
    width: 100%;
    padding-bottom: 20px;
    border-radius: 0 0 10px 10px;
  }
}
.sidearea__limit {
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 40px 0 20px;
  padding: 15px 0;
  background-color: #B12754;
  line-height: 1;
}
.sidearea__number {
  font-size: 3.6rem;
}

.btns, .btns--two {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.btns--two a, .btns--two button, .btns--two input {
  width: 48%;
  max-width: 320px;
  min-width: inherit;
}
.btns--two a:not(:last-child), .btns--two button:not(:last-child), .btns--two input:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .btns--two a:not(:last-child), .btns--two button:not(:last-child), .btns--two input:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .btns--two a, .btns--two button, .btns--two input {
    width: 100%;
    margin-top: 20px;
  }
}
.btns--min-two {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
}
.btns--min-two a, .btns--min-two button, .btns--min-two input {
  width: 48%;
  max-width: 160px;
  min-width: inherit;
}
.btns--min-two a:not(:last-child), .btns--min-two button:not(:last-child), .btns--min-two input:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .btns--min-two a:not(:last-child), .btns--min-two button:not(:last-child), .btns--min-two input:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .btns--min-two a, .btns--min-two button, .btns--min-two input {
    width: 100%;
    max-width: inherit;
    margin-top: 10px;
  }
}
.btns--min-three {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
}
.btns--min-three a, .btns--min-three button, .btns--min-three input {
  width: 30%;
  max-width: 160px;
  min-width: inherit;
}
.btns--min-three a:not(:last-child), .btns--min-three button:not(:last-child), .btns--min-three input:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .btns--min-three a:not(:last-child), .btns--min-three button:not(:last-child), .btns--min-three input:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .btns--min-three a, .btns--min-three button, .btns--min-three input {
    width: 100%;
    max-width: inherit;
    margin-top: 10px;
  }
}

.box, .box--fill-py, .box--fill-p, .box--fill, .box--line-p, .box--line {
  margin-bottom: 40px;
  border-radius: 10px;
  display: block;
}
.box--line {
  border: 1px solid #CAD5DC;
}
.box--line-p {
  border: 1px solid #CAD5DC;
  padding: 30px;
}
.box--fill {
  background-color: #fff;
}
.box--fill-p {
  background-color: #fff;
  padding: 30px;
}
.box--fill-py {
  background-color: #fff;
  padding: 30px 0;
}
.box__header {
  padding: 30px 30px 50px 30px;
}
@media (max-width: 767px) {
  .box__header {
    padding: 30px 30px 40px 30px;
  }
}
.box__header--py {
  padding-top: 30px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .box__header--py {
    padding-top: 10px;
    padding-bottom: 40px;
  }
}

.box__inner {
  padding: 0 30px;
}

.btn-primary {
  color: #fff;
  font-size: 1.6rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 320px;
  margin-top: 30px;
  padding: 12px 30px 12px 30px;
  background-color: #8A1E41;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.219' height='4.518' viewBox='0 0 12.219 4.518'%3E%3Cpath d='M876.074,1309.019H864.855a.5.5,0,0,1,0-1h10.1l-2.411-2.684a.5.5,0,1,1,.744-.668l3.159,3.519a.5.5,0,0,1-.372.834Z' transform='translate(-864.355 -1304.5)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 11px auto;
}
@media (max-width: 767px) {
  .btn-primary {
    font-size: 1.4rem;
    width: 100%;
    min-width: inherit;
  }
}
.btn-primary:not(:first-of-type) {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .btn-primary:not(:first-of-type) {
    margin-top: 10px;
  }
}
.btn-primary:disabled {
  cursor: auto;
  opacity: 0.7;
}
.btn-primary--min {
  color: #fff;
  font-size: 1.4rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 20px;
  padding: 6px 45px 6px 30px;
  background-color: #8A1E41;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.219' height='4.518' viewBox='0 0 12.219 4.518'%3E%3Cpath d='M876.074,1309.019H864.855a.5.5,0,0,1,0-1h10.1l-2.411-2.684a.5.5,0,1,1,.744-.668l3.159,3.519a.5.5,0,0,1-.372.834Z' transform='translate(-864.355 -1304.5)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 11px auto;
}
@media (max-width: 767px) {
  .btn-primary--min {
    font-size: 1.3rem;
  }
}
.btn-primary--min:not(:first-of-type) {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .btn-primary--min:not(:first-of-type) {
    margin-top: 10px;
  }
}
.btn-primary--min:disabled {
  cursor: auto;
  opacity: 0.7;
}
.btn-primary--submit {
  color: #fff;
  font-size: 1.6rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 320px;
  margin-top: 30px;
  padding: 12px 30px 12px 30px;
  background-color: #8A1E41;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .btn-primary--submit {
    font-size: 1.4rem;
    width: 100%;
    min-width: inherit;
  }
}
.btn-primary--submit:not(:first-of-type) {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .btn-primary--submit:not(:first-of-type) {
    margin-top: 10px;
  }
}
.btn-primary--submit:disabled {
  cursor: auto;
  opacity: 0.7;
}
.btn-primary--submit-min {
  color: #fff;
  font-size: 1.4rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 20px;
  padding: 6px 30px 6px 30px;
  background-color: #8A1E41;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .btn-primary--submit-min {
    font-size: 1.3rem;
  }
}
.btn-primary--submit-min:not(:first-of-type) {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .btn-primary--submit-min:not(:first-of-type) {
    margin-top: 10px;
  }
}
.btn-primary--submit-min:disabled {
  cursor: auto;
  opacity: 0.7;
}

@media (max-width: 767px) {
  .top-cards__card .btn-primary--min {
    margin-top: 10px;
    padding: 6px 35px 6px 20px;
  }
}

.btn-secondary {
  color: #333;
  font-size: 1.6rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 320px;
  margin-top: 30px;
  padding: 12px 30px 12px 30px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #dedede;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .btn-secondary {
    font-size: 1.4rem;
    width: 100%;
    min-width: inherit;
  }
}
.btn-secondary:disabled {
  cursor: auto;
  opacity: 0.5;
}
.btn-secondary--min {
  color: #333;
  font-size: 1.4rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 20px;
  padding: 6px 40px 6px 40px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #dedede;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .btn-secondary--min {
    font-size: 1.3rem;
  }
}
.btn-secondary--min:disabled {
  cursor: auto;
  opacity: 0.5;
}

.btn-file {
  color: #333;
  background-color: #fff;
  font-size: 1.4rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 10px 0;
  padding: 6px 20px 6px 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.5' height='13.643' viewBox='0 0 12.5 13.643'%3E%3Cpath d='M12.536-1.348a2.963,2.963,0,0,0-.893-2.1L6.455-8.634A1.865,1.865,0,0,0,5.125-9.2a1.73,1.73,0,0,0-1.75,1.75,1.88,1.88,0,0,0,.563,1.33L7.6-2.455a.287.287,0,0,0,.2.089,1.269,1.269,0,0,0,.7-.7.287.287,0,0,0-.089-.2L4.741-6.92a.784.784,0,0,1-.223-.527.582.582,0,0,1,.6-.6.8.8,0,0,1,.536.214l5.188,5.188A1.857,1.857,0,0,1,11.4-1.348,1.286,1.286,0,0,1,10.08-.027,1.873,1.873,0,0,1,8.786-.589L1.857-7.527a2.293,2.293,0,0,1-.679-1.616,2.254,2.254,0,0,1,2.25-2.286,2.34,2.34,0,0,1,1.616.688l5.411,5.42a.291.291,0,0,0,.205.089,1.238,1.238,0,0,0,.688-.688.287.287,0,0,0-.089-.2l-5.4-5.411A3.477,3.477,0,0,0,3.42-12.536a3.369,3.369,0,0,0-3.384,3.4,3.474,3.474,0,0,0,1.009,2.42L7.982.214a3,3,0,0,0,2.1.893A2.41,2.41,0,0,0,12.536-1.348Z' transform='translate(-0.036 12.536)' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left 15px;
  background-size: 12px 14px;
  border-radius: 25px;
  border: 1px solid #DEDEDE;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .btn-file {
    font-size: 1.3rem;
  }
}

.text {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .text {
    font-size: 1.4rem;
  }
}
.text--min {
  font-size: 1.4rem;
}
.text--note {
  font-size: 1.4rem;
  margin-top: 5px;
}

.link-underline {
  text-align: left;
  text-decoration: underline;
}

.form-checkbox {
  font-size: 0;
}
.form-checkbox__input {
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-top: 2px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #CAD5DC;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-checkbox__input:checked {
  background-color: #116D85;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(-832 -512)'%3E%3Crect width='24' height='24' rx='5' transform='translate(832 512)' fill='none'/%3E%3Cpath d='M779.127,718.637l-6.752-5.4a1,1,0,0,1,1.249-1.562l5.087,4.069,7.676-10.965a1,1,0,1,1,1.638,1.147Z' transform='translate(63.736 -187.432)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  border: 1px solid #116D85;
}
.form-checkbox__input:disabled {
  opacity: 0.5;
}
@media (hover: hover) {
  .form-checkbox__input:disabled:hover {
    cursor: auto;
  }
}
.form-checkbox__input:disabled + label {
  opacity: 0.5;
  cursor: auto;
}
@media (hover: hover) {
  .form-checkbox__input:hover {
    cursor: pointer;
  }
}
.form-checkbox__input:focus {
  outline: 0;
  box-shadow: 0 0 0 0.5rem rgba(17, 109, 133, 0.25);
}
.form-checkbox__label {
  font-size: 1.6rem;
  padding-left: 10px;
}
@media (hover: hover) {
  .form-checkbox__label:hover {
    cursor: pointer;
  }
}

.form-label, .form-label--inn-col {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .form-label, .form-label--inn-col {
    font-size: 1.4rem;
  }
}
.form-label--inn-col {
  margin-top: 13px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .form-label--inn-col {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.form-label__required {
  color: #B12754;
  font-size: 1.4rem;
  flex-shrink: 0;
}

.form-radio {
  font-size: 0;
}
.form-radio__input {
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-top: 2px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #CAD5DC;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-radio__input:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(-531 -908)'%3E%3Ccircle cx='10' cy='10' r='10' transform='translate(531 908)' fill='none'/%3E%3Ccircle cx='5' cy='5' r='5' transform='translate(536 913)' fill='%23116d85'/%3E%3C/g%3E%3C/svg%3E");
  border: 1px solid #116D85;
}
.form-radio__input:disabled {
  opacity: 0.5;
}
@media (hover: hover) {
  .form-radio__input:disabled:hover {
    cursor: auto;
  }
}
.form-radio__input:disabled + label {
  opacity: 0.5;
  cursor: auto;
}
@media (hover: hover) {
  .form-radio__input:hover {
    cursor: pointer;
  }
}
.form-radio__input:focus {
  outline: 0;
  box-shadow: 0 0 0 0.5rem rgba(17, 109, 133, 0.25);
}
.form-radio__label {
  font-size: 1.6rem;
  padding-left: 10px;
}
@media (hover: hover) {
  .form-radio__label:hover {
    cursor: pointer;
  }
}

.form-textinput, .form-textinput--half {
  font-size: 1.6rem;
  width: 100%;
  height: 48px;
  padding: 0 1em;
  background-color: #fff;
  border: 1px solid #CAD5DC;
  border-radius: 5px;
}
.form-textinput:focus, .form-textinput--half:focus {
  outline: 0;
  box-shadow: 0 0 0 0.5rem rgba(17, 109, 133, 0.25);
}
.form-textinput:disabled, .form-textinput--half:disabled {
  opacity: 0.5;
}
@media (hover: hover) {
  .form-textinput:disabled:hover, .form-textinput--half:disabled:hover {
    cursor: auto;
  }
}
.form-textinput.is-error, .is-error.form-textinput--half {
  border: 1px solid #B12754;
}
.form-textinput--half {
  width: 48%;
}

.form-select, .form-select--col-half {
  font-size: 1.6rem;
  width: 100%;
  height: 48px;
  padding: 0 40px 0 1em;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.997' height='6.456' viewBox='0 0 9.997 6.456'%3E%3Cpath d='M4.469-2.991a.743.743,0,0,0,1.056,0l4.25-4.25a.747.747,0,0,0,0-1.059l-.706-.706a.747.747,0,0,0-1.059,0L5-5.994,1.984-9.006a.747.747,0,0,0-1.059,0L.219-8.3a.747.747,0,0,0,0,1.059Z' transform='translate(0.002 9.227)' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 10px 6px;
  border: 1px solid #CAD5DC;
  border-radius: 5px;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-select:focus, .form-select--col-half:focus {
  outline: 0;
  box-shadow: 0 0 0 0.5rem rgba(17, 109, 133, 0.25);
}
.form-select:disabled, .form-select--col-half:disabled {
  opacity: 0.5;
}
@media (hover: hover) {
  .form-select:disabled:hover, .form-select--col-half:disabled:hover {
    cursor: auto;
  }
}
.form-select--col-half {
  width: 50%;
}
.form-select--col-half:not(:last-child) {
  border-right: none;
  border-radius: 5px 0 0 5px;
}
.form-select--col-half:not(:first-child) {
  border-radius: 0 5px 5px 0;
}
@media (max-width: 767px) {
  .form-select--col-half {
    width: 100%;
  }
  .form-select--col-half:not(:last-child) {
    border-right: 1px solid #CAD5DC;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
  }
  .form-select--col-half:not(:first-child) {
    border-radius: 0 0 5px 5px;
  }
}

.form-textarea {
  font-size: 1.6rem;
  width: 100%;
  height: 290px;
  padding: 1em;
  background-color: #fff;
  border: 1px solid #CAD5DC;
  border-radius: 5px;
}
.form-textarea:focus {
  outline: 0;
  box-shadow: 0 0 0 0.5rem rgba(17, 109, 133, 0.25);
}
.form-textarea:disabled {
  opacity: 0.5;
}
@media (hover: hover) {
  .form-textarea:disabled:hover {
    cursor: auto;
  }
}
.form-textarea.is-error {
  border: 1px solid #B12754;
}

.form {
  width: calc(100% - 30px * 2);
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  margin: 200px auto;
}
@media (max-width: 767px) {
  .form {
    margin: 100px auto;
  }
}
@media (max-width: 374px) {
  .form {
    width: calc(100% - 30px);
  }
}
.form--full {
  width: 100%;
}
.form--application {
  width: calc(100% - 30px * 2);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin: 200px auto;
}
@media (max-width: 767px) {
  .form--application {
    margin: 100px auto;
  }
}
@media (max-width: 374px) {
  .form--application {
    width: calc(100% - 30px);
  }
}
.form--contact {
  width: calc(100% - 30px * 2);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin: 95px auto 120px;
}
@media (max-width: 991px) {
  .form--contact {
    margin: 60px auto 100px;
  }
}
@media (max-width: 374px) {
  .form--contact {
    width: calc(100% - 30px);
  }
}
.form--contact-complete {
  width: calc(100% - 30px * 2);
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  margin: 95px auto 120px;
}
@media (max-width: 991px) {
  .form--contact-complete {
    margin: 60px auto 100px;
  }
}
@media (max-width: 374px) {
  .form--contact-complete {
    width: calc(100% - 30px);
  }
}
.form__title {
  color: #fff;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .form__title {
    font-size: 2.4rem;
    margin-bottom: 25px;
  }
}
.form__message-title {
  color: #B12754;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 20px 0 35px;
}
@media (max-width: 767px) {
  .form__message-title {
    font-size: 1.6rem;
  }
}
.form__subtitle, .form__subtitle--append {
  font-size: 2.4rem;
  font-weight: 700;
  margin: 55px 0 35px;
}
@media (max-width: 767px) {
  .form__subtitle, .form__subtitle--append {
    font-size: 2rem;
    margin: 45px 0 25px;
  }
}
.form__subtitle:first-of-type, .form__subtitle--append:first-of-type {
  margin: 0 0 35px;
}
@media (max-width: 767px) {
  .form__subtitle:first-of-type, .form__subtitle--append:first-of-type {
    margin: 0 0 25px;
  }
}
.form__subtitle--append {
  margin: 55px 0 20px;
}
@media (max-width: 767px) {
  .form__subtitle--append {
    margin: 45px 0 10px;
  }
}
.form__container {
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
}
.form__container--contact {
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
}
.form__item {
  margin-bottom: 20px;
}
.form__link {
  text-align: center;
  margin-top: 10px;
}
.form__link:first-of-type {
  margin-top: 60px;
}
.form__note {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .form__note {
    text-align: left;
  }
}
.form__note--outside {
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 15px;
}
.form__unit--left {
  margin-right: 5px;
}
.form__unit--right {
  margin-left: 5px;
}
.form__group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
}
.form__parts--one-third {
  width: 30%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .form__parts--one-third {
    width: 100%;
  }
  .form__parts--one-third:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.form__row {
  font-size: 1.6rem;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .form__row {
    font-size: 1.4rem;
  }
}
.form__col-label {
  width: 38%;
  font-weight: 700;
}
@media (max-width: 767px) {
  .form__col-label {
    width: 100%;
    margin-bottom: 10px;
  }
}
.form__col-item {
  width: 60%;
}
@media (max-width: 767px) {
  .form__col-item {
    width: 100%;
  }
}
.form__readonly {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .form__readonly {
    margin-top: 0;
  }
}

.breadcrumbs {
  width: calc(100% - 30px * 2);
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  display: flex;
}
@media (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs__item:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  position: relative;
}
.breadcrumbs__item:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
}
.breadcrumbs__link {
  color: #3365A8;
  text-decoration: underline;
}

.top-head {
  text-align: center;
  margin: 200px auto;
}
@media (max-width: 767px) {
  .top-head {
    width: 270px;
    margin: 100px auto;
  }
}
.top-head--form {
  text-align: center;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .top-head--form {
    width: 270px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
  }
}
.top-head__logo {
  width: 242px;
  margin: 0 auto 10px;
}
@media (max-width: 767px) {
  .top-head__logo {
    width: 150px;
  }
}
.top-head__title {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .top-head__title {
    font-size: 2rem;
  }
}
.top-head__link {
  font-size: 1.6rem;
  color: #fff;
  text-decoration: underline;
  margin-top: 25px;
  display: block;
}

.mypage-menu__link, .mypage-menu__link--profile, .mypage-menu__link--select, .mypage-menu__link--course, .mypage-menu__link--mail, .mypage-menu__link--history, .mypage-menu__link--class, .mypage-menu__link--home {
  font-size: 1.6rem;
  color: #fff;
  padding: 20px 20px 20px 50px;
  background-repeat: no-repeat;
  background-position: center left 20px;
  display: block;
}
.mypage-menu__link.is-active, .is-active.mypage-menu__link--profile, .is-active.mypage-menu__link--select, .is-active.mypage-menu__link--course, .is-active.mypage-menu__link--mail, .is-active.mypage-menu__link--history, .is-active.mypage-menu__link--class, .is-active.mypage-menu__link--home {
  font-weight: 500;
  background-color: #9d4b67;
}
.mypage-menu__link--home {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.945' height='15.582' viewBox='0 0 14.945 15.582'%3E%3Cpath d='M55.684,4.907h0L50.3.493a2.31,2.31,0,0,0-2.853,0L42.056,4.907a1.724,1.724,0,0,0-.659,1.33V13.76a1.713,1.713,0,0,0,.611,1.289,2.242,2.242,0,0,0,1.475.534H54.257a2.244,2.244,0,0,0,1.475-.534,1.714,1.714,0,0,0,.611-1.289V6.237A1.725,1.725,0,0,0,55.684,4.907Zm-1,8.853a.345.345,0,0,1-.125.262.45.45,0,0,1-.3.109H50.715V10.906H47.024v3.225H43.483a.453.453,0,0,1-.3-.109.344.344,0,0,1-.124-.263V6.237a.349.349,0,0,1,.134-.271l5.387-4.414a.47.47,0,0,1,.581,0l5.387,4.414h0a.351.351,0,0,1,.135.271V13.76Z' transform='translate(-41.397 0)' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 15px auto;
}
.mypage-menu__link--class {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='18.004' viewBox='0 0 16.182 18.004'%3E%3Cg transform='translate(0 -0.824)'%3E%3Cpath d='M6298.43,1280.753h.017a.415.415,0,0,0,.416-.415v-1.207a.423.423,0,0,0-.846,0v1.207A.415.415,0,0,0,6298.43,1280.753Z' transform='translate(-6293.875 -1277.893)' fill='none'/%3E%3Cpath d='M6292.769,1296.512c0,.282.313.512.7.512h12.824c.384,0,.694-.23.694-.512v-6.955h-14.214Zm3.467-3.974a.919.919,0,0,1,1.028,0l1.765,1.3,3.8-2.8a.921.921,0,0,1,1.029,0,.444.444,0,0,1,0,.759l-4.479,3.3-.349.014h-.3l-.261-.169-2.234-1.648A.445.445,0,0,1,6296.235,1292.538Z' transform='translate(-6291.784 -1280.182)' fill='none'/%3E%3Cpath d='M6311.464,1280.753h.017a.415.415,0,0,0,.415-.415v-1.207a.423.423,0,0,0-.847,0v1.207A.415.415,0,0,0,6311.464,1280.753Z' transform='translate(-6299.854 -1277.893)' fill='none'/%3E%3Cpath d='M6306.288,1282.332h-1.1v.142c0,.682-.753,1.238-1.68,1.238h-.023c-.925,0-1.678-.556-1.678-1.238v-.142h-3.856v.142c0,.682-.755,1.238-1.68,1.238h-.023c-.925,0-1.679-.556-1.679-1.238v-.142h-1.1c-.383,0-.7.229-.7.512v1.461h14.214v-1.461C6306.982,1282.562,6306.672,1282.332,6306.288,1282.332Z' transform='translate(-6291.784 -1279.222)' fill='none'/%3E%3Cpath d='M6304.6,1278.421h-1.056v-.105a1.621,1.621,0,0,0-3.241,0v.105h-3.7v-.105a1.62,1.62,0,0,0-3.239,0v.105h-1.059a1.948,1.948,0,0,0-1.945,1.945v12.222a1.948,1.948,0,0,0,1.945,1.945H6304.6a1.946,1.946,0,0,0,1.945-1.945v-12.222A1.946,1.946,0,0,0,6304.6,1278.421Zm-3.228,1.279v-1.385a.552.552,0,0,1,1.1,0v1.569a.541.541,0,0,1-.542.539h-.02a.541.541,0,0,1-.542-.539Zm-6.935,0v-1.385a.55.55,0,0,1,1.1,0v1.569a.54.54,0,0,1-.541.539h-.021a.539.539,0,0,1-.539-.539Zm10.829,12.888a.667.667,0,0,1-.667.666h-12.292a.665.665,0,0,1-.664-.666v-9.042h13.623Zm0-10.322h-13.623v-1.9a.665.665,0,0,1,.664-.666h1.059v.184a1.611,1.611,0,0,0,1.609,1.609h.021a1.611,1.611,0,0,0,1.609-1.609v-.184h3.7v.184a1.611,1.611,0,0,0,1.61,1.609h.02a1.611,1.611,0,0,0,1.611-1.609v-.184h1.056a.667.667,0,0,1,.667.666Z' transform='translate(-6290.361 -1275.706)' fill='%23fff'/%3E%3Cpath d='M6300.43,1296.856l.192.169h.22l.256-.014,3.3-3.3a.537.537,0,0,0-.759-.759l-2.8,2.8-1.3-1.3a.537.537,0,0,0-.759.759Z' transform='translate(-6293.304 -1283.349)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px auto;
}
.mypage-menu__link--history {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.416' height='15.453' viewBox='0 0 15.416 15.453'%3E%3Cg transform='translate(-2.551 -2.412)'%3E%3Cpath d='M13.606,13.318a.5.5,0,0,1-.354-.146l-1.606-1.606a.5.5,0,0,1-.146-.354V8a.5.5,0,0,1,1,0v3l1.459,1.459a.5.5,0,0,1-.354.854Z' transform='translate(-1.764 -1.003)' fill='%23fff'/%3E%3Cpath d='M10.24,17.865a7.729,7.729,0,0,1-6.69-3.859v2.627a.5.5,0,0,1-1,0V12.618a.5.5,0,0,1,.407-.491C3.042,8.5,4.053,5.717,5.9,4.054a6.461,6.461,0,0,1,5.127-1.6,7.726,7.726,0,0,1,6.9,8.47,8.046,8.046,0,0,1-1.3,3.568A7.556,7.556,0,0,1,10.24,17.865ZM4.209,13.118a6.729,6.729,0,0,0,5.349,3.713,6.6,6.6,0,0,0,6.22-2.871,7,7,0,0,0,1.153-3.139,6.726,6.726,0,0,0-6.01-7.374A5.486,5.486,0,0,0,6.565,4.8C4.938,6.266,4.04,8.791,3.958,12.118H7.065a.5.5,0,1,1,0,1Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 15px auto;
}
.mypage-menu__link--mail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.182' height='12.701' viewBox='0 0 16.182 12.701'%3E%3Cpath d='M16.14,56.87a2.238,2.238,0,0,0-.463-.981,1.932,1.932,0,0,0-.152-.169,2.24,2.24,0,0,0-1.587-.658H2.245a2.243,2.243,0,0,0-1.587.658,1.973,1.973,0,0,0-.152.169,2.212,2.212,0,0,0-.462.981A2.171,2.171,0,0,0,0,57.307v8.212a2.232,2.232,0,0,0,.186.891,2.2,2.2,0,0,0,.472.7c.05.05.1.1.155.142a2.243,2.243,0,0,0,1.432.516H13.937a2.229,2.229,0,0,0,1.432-.518,1.94,1.94,0,0,0,.155-.14,2.246,2.246,0,0,0,.474-.7v0a2.221,2.221,0,0,0,.184-.889V57.307A2.307,2.307,0,0,0,16.14,56.87ZM1.47,56.532a1.084,1.084,0,0,1,.775-.322H13.937a1.079,1.079,0,0,1,.873.437L8.682,61.988a.9.9,0,0,1-1.182,0L1.374,56.645A.829.829,0,0,1,1.47,56.532Zm-.322,8.987V57.833L5.583,61.7,1.151,65.567A.328.328,0,0,1,1.148,65.519Zm12.789,1.1H2.245a1.081,1.081,0,0,1-.543-.144L6.379,62.4l.437.38a1.943,1.943,0,0,0,2.553,0l.436-.38,4.675,4.076A1.083,1.083,0,0,1,13.937,66.615Zm1.1-1.1a.342.342,0,0,1,0,.048L10.6,61.7l4.435-3.869Z' transform='translate(0 -55.063)' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 17px auto;
}
.mypage-menu__link--course {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.322' height='13.874' viewBox='0 0 20.322 13.874'%3E%3Cg transform='translate(-37.93 -818.807)'%3E%3Cpath d='M187.776,186.761l-9.715-3.147a.321.321,0,0,0-.2,0l-9.715,3.147a.321.321,0,0,0-.222.305v.787a.321.321,0,0,0,.222.305l4.084,1.323-.372,3.975a.321.321,0,0,0,.135.292,11.37,11.37,0,0,0,1.794.975,10.811,10.811,0,0,0,4.251.971,9.921,9.921,0,0,0,4.181-1.015,10.165,10.165,0,0,0,1.719-1.02.321.321,0,0,0,.122-.284l-.371-3.9.68-.221a.321.321,0,1,0-.2-.61l-6.213,2.014-9.395-3.043v-.32l9.395-3.043,9.395,3.043v.321l-1.817.6a1.461,1.461,0,0,0-.869-.769l-5.743-1.885a.321.321,0,1,0-.2.609l5.743,1.885a.821.821,0,0,1,.566.781v3.023h-.341a2.616,2.616,0,0,1-.321.845.321.321,0,0,0,.321.321h.053l-.611,3.592a.321.321,0,0,0,.184.346,2.2,2.2,0,0,0,2.073,0,.321.321,0,0,0,.184-.346l-.611-3.592h.046a2.619,2.619,0,0,1,.321-.845.321.321,0,0,0-.321-.321h-.335v-3.014l2.1-.688a.321.321,0,0,0,.221-.3v-.787A.321.321,0,0,0,187.776,186.761Zm-9.735,8.292a11.123,11.123,0,0,1-5.523-1.729l.338-3.619,5.008,1.609a.321.321,0,0,0,.2,0l5.009-1.609.338,3.551A10.033,10.033,0,0,1,178.041,195.052Zm6.771,1.42.541-3.177h.009l.541,3.177A1.443,1.443,0,0,1,184.811,196.472Z' transform='translate(-129.871 635.334)' fill='%23fff'/%3E%3Cpath d='M177.962,183.473a.445.445,0,0,1,.137.022l9.715,3.147a.445.445,0,0,1,.308.424v.787a.445.445,0,0,1-.307.424l-2.014.66v2.8h.21a.789.789,0,0,1,.1,1.4l.588,3.457a.446.446,0,0,1-.256.481,2.328,2.328,0,0,1-2.176,0,.446.446,0,0,1-.256-.481l.588-3.456a.777.777,0,0,1,.094-1.406h.216v-2.9a.7.7,0,0,0-.48-.662l-5.743-1.885a.446.446,0,1,1,.278-.847l5.743,1.885a1.6,1.6,0,0,1,.893.736l1.63-.534v-.14l-9.27-3-9.27,3v.138l9.27,3,6.174-2a.446.446,0,1,1,.275.848l-.585.19.362,3.8a.444.444,0,0,1-.17.394,10.325,10.325,0,0,1-1.742,1.034,10.046,10.046,0,0,1-4.235,1.027,10.937,10.937,0,0,1-4.3-.982,11.513,11.513,0,0,1-1.816-.987.447.447,0,0,1-.187-.406l.362-3.875-3.989-1.292a.445.445,0,0,1-.308-.424v-.787a.445.445,0,0,1,.308-.424l9.715-3.147A.445.445,0,0,1,177.962,183.473Zm8.05,9.428a.2.2,0,0,0,.112-.356l-.145-.1.145-.1a.2.2,0,0,0-.112-.356h-.46v-3.23l2.186-.717a.2.2,0,0,0,.135-.186v-.787a.2.2,0,0,0-.135-.186l-9.715-3.147a.2.2,0,0,0-.121,0l-9.715,3.147a.2.2,0,0,0-.135.186v.787a.2.2,0,0,0,.135.186l4.18,1.354-.381,4.075a.2.2,0,0,0,.082.178,11.239,11.239,0,0,0,1.773.963,10.686,10.686,0,0,0,4.2.961,9.8,9.8,0,0,0,4.127-1,10.051,10.051,0,0,0,1.7-1.006.2.2,0,0,0,.075-.173l-.381-4,.776-.251a.2.2,0,1,0-.121-.372l-6.251,2.026-.039-.012-9.481-3.071v-.5l9.52-3.083,9.52,3.083v.5l-2.009.658-.047-.1a1.343,1.343,0,0,0-.795-.7l-5.743-1.885a.2.2,0,1,0-.122.372l5.743,1.885a.945.945,0,0,1,.652.9v3.148h-.466a.2.2,0,0,0-.112.356l.145.1-.145.1a.2.2,0,0,0,.112.356h.2l-.636,3.738a.2.2,0,0,0,.113.211,2.082,2.082,0,0,0,1.97,0,.2.2,0,0,0,.112-.211l-.636-3.738Zm-2.833-3.364.36,3.778-.06.042a10.126,10.126,0,0,1-5.438,1.821,11.221,11.221,0,0,1-5.59-1.749l-.065-.041.36-3.85,5.157,1.656a.2.2,0,0,0,.12,0Zm.1,3.656-.316-3.323-4.861,1.561a.448.448,0,0,1-.273,0l-4.86-1.561-.317,3.388a10.925,10.925,0,0,0,5.392,1.669A9.84,9.84,0,0,0,183.276,193.193Zm1.971-.024h.22l.576,3.384-.1.036a1.566,1.566,0,0,1-1.176,0l-.1-.036Zm.514,3.218-.4-2.375-.4,2.375A1.241,1.241,0,0,0,185.761,196.388Z' transform='translate(-129.871 635.334)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 21px auto;
}
.mypage-menu__link--select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.416' height='15.445' viewBox='0 0 12.416 15.445'%3E%3Cg transform='translate(-50.211)'%3E%3Cpath d='M51.746,2.2a.669.669,0,0,1,0-1.338H62.194V0H51.746a1.536,1.536,0,0,0-1.535,1.535V13.91a1.536,1.536,0,0,0,1.535,1.535H62.627V2.2ZM61.761,14.579H51.746a.67.67,0,0,1-.669-.669V2.915a1.527,1.527,0,0,0,.669.155H61.761V14.579Z' transform='translate(0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 13px auto;
}
.mypage-menu__link--profile {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.031' height='14.525' viewBox='0 0 12.031 14.525'%3E%3Cg transform='translate(-1142.5 -29.006)'%3E%3Cpath d='M1148.262,29.006a3.384,3.384,0,0,1,3.218,3.521,4.043,4.043,0,0,1-.912,2.546,2.88,2.88,0,0,1-4.614,0,4.043,4.043,0,0,1-.912-2.546A3.384,3.384,0,0,1,1148.262,29.006Zm0,6.223a2.563,2.563,0,0,0,2.218-2.7,2.237,2.237,0,1,0-4.437,0A2.563,2.563,0,0,0,1148.262,35.229Z' transform='translate(0.253)' fill='%23fff'/%3E%3Cpath d='M1153.408,42.971h-9.785a1.124,1.124,0,0,1-1.123-1.122v-1.2a6.016,6.016,0,1,1,12.031,0v1.2A1.124,1.124,0,0,1,1153.408,42.971Zm-4.892-7.333a5.021,5.021,0,0,0-5.016,5.016v1.2a.123.123,0,0,0,.123.122h9.785a.123.123,0,0,0,.124-.122v-1.2A5.021,5.021,0,0,0,1148.516,35.638Z' transform='translate(0 0.561)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px auto;
}

.news__item, .news__item--index {
  font-size: 1.6rem;
  display: flex;
}
.news__item:not(:last-child), .news__item--index:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .news__item, .news__item--index {
    font-size: 1.4rem;
    flex-wrap: wrap;
  }
}
.news__item--index:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .news__item--index:not(:last-child) {
    margin-bottom: 20px;
  }
}
.news__date {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .news__date {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0px;
  }
}
.news__link {
  text-decoration: underline;
}

.pager-table {
  display: flex;
}
.pager-table__prev button {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .pager-table__prev button {
    margin-right: 0;
  }
}
@media (hover: hover) {
  .pager-table__prev button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}
.pager-table__prev button.is-disabled {
  cursor: auto;
  opacity: 0.5;
}
.pager-table__next button {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .pager-table__next button {
    margin-right: -20px;
  }
}
@media (hover: hover) {
  .pager-table__next button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}
.pager-table__next button.is-disabled {
  cursor: auto;
  opacity: 0.5;
}
.pager-table img {
  width: 10px;
}
@media (max-width: 767px) {
  .pager-table img {
    width: 6px;
  }
}

.table-time {
  overflow-x: scroll;
}
.table-time__table {
  width: 100%;
  min-width: 940px;
  max-width: 100%;
  border-top: 1px solid #CAD5DC;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
@media (max-width: 767px) {
  .table-time__table {
    min-width: 540px;
  }
}
.table-time__row:not(:last-of-type) {
  border-bottom: 1px solid #CAD5DC;
}
.table-time__row:last-of-type .table-time__fixed {
  border-radius: 0 0 0 10px;
}
.table-time__head {
  border-bottom: 1px solid #CAD5DC;
}
.table-time__fixed {
  width: 14.2857142857%;
  text-align: center;
  padding: 30px;
  background-color: #e4eaed;
  border-right: 1px solid #CAD5DC;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .table-time__fixed {
    padding: 20px 5px;
  }
}
.table-time__date {
  width: 14.2857142857%;
  padding: 30px;
}
.table-time__date:not(:last-of-type) {
  border-right: 1px solid #CAD5DC;
}
@media (max-width: 767px) {
  .table-time__date {
    padding: 20px 5px;
  }
}
.table-time__date.-none {
  color: #B12754;
}
.table-time__data {
  width: 14.2857142857%;
  padding: 30px;
  text-align: center;
  vertical-align: middle;
}
.table-time__data:not(:last-of-type) {
  border-right: 1px solid #CAD5DC;
}
@media (max-width: 767px) {
  .table-time__data {
    padding: 20px 5px;
  }
}
.table-time__number {
  font-size: 2.6rem;
  display: block;
}
@media (max-width: 767px) {
  .table-time__number {
    font-size: 2rem;
  }
}
.table-time__day {
  font-size: 1.6rem;
  display: block;
}
@media (max-width: 767px) {
  .table-time__day {
    font-size: 1.2rem;
  }
}
.table-time__time {
  font-size: 1.6rem;
  display: block;
}
@media (max-width: 767px) {
  .table-time__time {
    text-align: left;
    font-size: 1.4rem;
    width: 45px;
    margin: auto;
  }
}
.table-time__link {
  font-size: 2.6rem;
  text-decoration: underline;
  display: block;
}
@media (max-width: 767px) {
  .table-time__link {
    font-size: 2rem;
  }
}

.table-striped {
  width: 100%;
  background: rgba(202, 213, 220, 0.5);
  border: 1px solid #CAD5DC;
  border-radius: 10px;
  border-collapse: separate;
}
@media (max-width: 767px) {
  .table-striped {
    font-size: 1.4rem;
  }
}
.table-striped__head {
  padding: 20px 0;
}
.table-striped__head:not(:last-child) {
  border-right: 1px solid #CAD5DC;
}
@media (max-width: 767px) {
  .table-striped__row {
    padding: 9px 0;
    display: block;
  }
}
@media (min-width: 768px) {
  .table-striped__row:nth-child(odd) {
    background: #fff;
  }
}
@media (max-width: 767px) {
  .table-striped__row:nth-child(even) {
    background: #fff;
  }
}
.table-striped__row:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
@media (max-width: 767px) {
  .table-striped__row:last-child td:first-child {
    border-radius: 0;
  }
}
.table-striped__row:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
@media (max-width: 767px) {
  .table-striped__row:last-child td:last-child {
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .table-striped__row:last-child {
    border-radius: 0 0 10px 10px;
  }
}
.table-striped__data, .table-striped__data--date {
  padding: 20px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .table-striped__data, .table-striped__data--date {
    text-align: right;
    padding: 6px 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .table-striped__data:before, .table-striped__data--date:before {
    content: attr(data-title) " ";
    text-align: left;
    width: 105px;
    display: block;
  }
}
@media (min-width: 768px) {
  .table-striped__data:not(:last-child), .table-striped__data--date:not(:last-child) {
    border-right: 1px solid #CAD5DC;
  }
}
@media (max-width: 767px) {
  .table-striped__data--date:before {
    width: 110px;
    padding-left: 14px;
    border-left: 2px solid #8A1E41;
  }
}
.table-striped__password {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .table-striped__password {
    width: calc(100% - 106px);
  }
}
.table-striped__input {
  width: 100%;
  height: 48px;
  border: 1px solid #CAD5DC;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 50px 0 1em;
  background: rgba(255, 255, 255, 0.4);
  border: 0;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.16);
}
@media (max-width: 767px) {
  .table-striped__input {
    font-size: 1.4rem;
    height: 40px;
    padding: 0 14px;
  }
}
.table-striped__input:focus {
  outline: 0;
  box-shadow: 0 0 0 0.5rem rgba(17, 109, 133, 0.25);
}
.table-striped__copybtn {
  text-indent: 100%;
  width: 36px;
  height: 36px;
  margin: auto 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cg%20id%3D%22a%22%2F%3E%3Cg%20id%3D%22b%22%3E%3Cg%20id%3D%22c%22%3E%3Cg%20id%3D%22d%22%20transform%3D%22translate(1%201)%22%3E%3Cpath%20d%3D%22M12%2C16H6c-1.1%2C0-2-.9-2-2V6c0-1.1%2C.9-2%2C2-2h6c1.1%2C0%2C2%2C.9%2C2%2C2V14c0%2C1.1-.9%2C2-2%2C2ZM6%2C6V14h6V6H6Zm0-1v1h0v-1Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M1%2C9C.45%2C9%2C0%2C8.55%2C0%2C8V1.8C-.02%2C.83%2C.77%2C.02%2C1.75%2C0H7c.55%2C0%2C1%2C.45%2C1%2C1s-.45%2C1-1%2C1H2v6c0%2C.55-.45%2C1-1%2C1ZM2%2C1.78h0Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50% 50%/14px 16px, #116D85;
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 6px;
  bottom: 0;
}
@media (max-width: 767px) {
  .table-striped__copybtn {
    width: 30px;
    height: 30px;
    right: 4px;
  }
}
.table-striped__cancel--disabled {
  color: rgba(51, 51, 51, 0.2);
  width: 100%;
}

.title-course {
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .title-course {
    font-size: 1.6rem;
  }
}
.title-course__area {
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .title-course__area {
    margin-bottom: 15px;
  }
}
.title-course__number {
  font-size: 3.6rem;
  display: block;
}
@media (max-width: 767px) {
  .title-course__number {
    font-size: 2.8rem;
  }
}

.title-first {
  height: 300px;
  border-radius: 0 0 20px 20px;
  background-color: #8A1E41;
}
@media (max-width: 767px) {
  .title-first {
    height: 275px;
  }
}
.title-first__container {
  width: calc(100% - 30px * 2);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 150px;
}
@media (max-width: 767px) {
  .title-first__container {
    padding-top: 130px;
  }
}
.title-first__title {
  color: #fff;
  font-size: 3.6rem;
}
@media (max-width: 767px) {
  .title-first__title {
    font-size: 2.8rem;
  }
}
.title-first__subtitle {
  color: #fff;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .title-first__subtitle {
    font-size: 1.2rem;
  }
}

.title-second__title {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .title-second__title {
    font-size: 2.4rem;
  }
}

.title-third {
  font-size: 2rem;
  margin-bottom: 25px;
  padding: 15px 30px;
  background-color: #e4eaed;
  border-left: 2px solid #8A1E41;
}
@media (max-width: 767px) {
  .title-third {
    font-size: 1.6rem;
    padding: 13px 30px;
  }
}

.pagination {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .pagination {
    margin-bottom: 15px;
  }
}
.pagination__list, .pagination__list--prev, .pagination__list--next {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-left: 5px;
}
@media (max-width: 767px) {
  .pagination__list, .pagination__list--prev, .pagination__list--next {
    font-size: 1.4rem;
    width: 30px;
    height: 30px;
  }
}
.pagination__list--prev, .pagination__list--next {
  margin: 0;
}
.pagination__link {
  color: #333;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination__link--prev {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}
.pagination__link--prev:after {
  content: "";
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .pagination__link--prev:after {
    width: 6px;
    height: 6px;
  }
}
.pagination__link--prev.is-disabled {
  cursor: auto;
  opacity: 0.5;
}
.pagination__link--next {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}
.pagination__link--next:after {
  content: "";
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .pagination__link--next:after {
    width: 6px;
    height: 6px;
  }
}
.pagination__link--next.is-disabled {
  cursor: auto;
  opacity: 0.5;
}
.pagination__link--active {
  color: #fff;
  width: 100%;
  height: 100%;
  background: #8A1E41;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal {
  display: none;
  z-index: 4;
  transition: none;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: none;
}
.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 600px;
  width: calc(100% - 60px);
  max-height: 100vh;
  border-radius: 10px;
  overflow-y: auto;
  box-sizing: border-box;
  transition: none;
}
.modal__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.modal__close {
  background: transparent;
  border: 0;
}
.modal__close:before {
  font-size: 1.8rem;
  content: "✕";
}
.modal__content {
  text-align: center;
  margin: 20px 0;
}
.modal.is-open {
  display: block;
}

/**************************\
アニメーション指定
\**************************/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.modal[aria-hidden=false] .modal__overlay {
  -webkit-animation: fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=false] .modal__container {
  -webkit-animation: slideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: slideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=true] .modal__overlay {
  -webkit-animation: fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=true] .modal__container {
  -webkit-animation: slideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: slideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal .modal__container,
.modal .modal__overlay {
  will-change: transform;
}

.dropzone__target {
  width: 100%;
  height: 160px;
  margin: 15px 0 60px;
  background-color: #fff;
  border: 1px dashed #CAD5DC;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (hover: hover) {
  .dropzone__target:hover {
    cursor: pointer;
  }
}
.dropzone__inner {
  text-align: center;
}
.dropzone__ico--file {
  width: 13px;
  height: 14px;
  margin-right: 5px;
  align-self: center;
}
.dropzone__ico--remove {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  align-self: center;
}
.dropzone__ico--plus {
  width: 20px;
  height: 20px;
  margin: 0 auto 5px;
}
.dropzone__remove {
  display: flex;
}
.dropzone__text {
  font-size: 1.2rem;
}
.dropzone__name {
  font-size: 1.4rem;
}
.dropzone__preview {
  display: flex;
  flex-wrap: wrap;
}
.dropzone__template {
  display: flex;
  margin-right: 35px;
}

.radiocard:not(:last-child) {
  border-bottom: 1px solid #CAD5DC;
}
.radiocard input[type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.radiocard input[type=radio]:focus + label .radiocard__parts::before {
  box-shadow: 0 0 0 0.5rem rgba(17, 109, 133, 0.25);
}
.radiocard input[type=radio]:checked + label .radiocard__parts::before {
  border: 1px solid #116D85;
}
.radiocard input[type=radio]:checked + label .radiocard__parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 10px;
  height: 10px;
  background: #116D85;
  border-radius: 50%;
}
.radiocard input[type=radio]:checked + label .radiocard__parts .radiocard__select {
  color: #116D85;
}
.radiocard input[type=radio]:checked + label .radiocard__text {
  color: #116D85;
  font-weight: 700;
}
@media (hover: hover) {
  .radiocard input[type=radio]:disabled:hover {
    cursor: auto;
  }
}
.radiocard input[type=radio]:disabled + label {
  cursor: auto;
}
.radiocard input[type=radio]:disabled + label .radiocard__parts {
  opacity: 0.5;
}
.radiocard input[type=radio]:disabled + label .radiocard__text {
  color: #CAD5DC;
}
.radiocard label {
  padding: 20px 20px 20px 80px;
  display: block;
  position: relative;
}
@media (hover: hover) {
  .radiocard label:hover {
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .radiocard label {
    padding: 20px 20px 20px 60px;
  }
}
.radiocard__parts {
  width: 25px;
  height: 40px;
  margin: auto;
  padding-bottom: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
}
@media (max-width: 767px) {
  .radiocard__parts {
    left: 20px;
  }
}
.radiocard__parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 2px;
  width: 20px;
  height: 20px;
  border: 1px solid #CAD5DC;
  border-radius: 50%;
}
.radiocard__select {
  font-size: 1.2rem;
  font-weight: 500;
  color: #CAD5DC;
  position: absolute;
  bottom: 0;
}
.radiocard__select.-en {
    left: 50%;
    transform: translateX(-50%);
}
.radiocard__text {
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .radiocard__text {
    font-size: 1.6rem;
  }
}
.radiocard--inline {
  width: 16.6666666667%;
}
@media (max-width: 1199px) {
  .radiocard--inline {
    width: 33.3333333333%;
  }
}
@media (max-width: 767px) {
  .radiocard--inline {
    width: 50%;
  }
}
.radiocard--inline input[type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.radiocard--inline input[type=radio]:focus + label .radiocard__parts::before {
  box-shadow: 0 0 0 0.5rem rgba(17, 109, 133, 0.25);
}
.radiocard--inline input[type=radio]:checked + label .radiocard__parts::before {
  border: 1px solid #116D85;
}
.radiocard--inline input[type=radio]:checked + label .radiocard__parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 10px;
  height: 10px;
  background: #116D85;
  border-radius: 50%;
}
.radiocard--inline input[type=radio]:checked + label .radiocard__parts .radiocard__select {
  color: #116D85;
}
.radiocard--inline input[type=radio]:checked + label .radiocard__text {
  color: #116D85;
  font-weight: 700;
}
@media (hover: hover) {
  .radiocard--inline input[type=radio]:disabled:hover {
    cursor: auto;
  }
}
.radiocard--inline input[type=radio]:disabled + label {
  cursor: auto;
}
.radiocard--inline input[type=radio]:disabled + label .radiocard__parts {
  opacity: 0.5;
}
.radiocard--inline input[type=radio]:disabled + label .radiocard__text {
  color: #CAD5DC;
}
.radiocard--inline label {
  padding: 20px 20px 20px 80px;
  display: block;
  position: relative;
}
@media (hover: hover) {
  .radiocard--inline label:hover {
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .radiocard--inline label {
    padding: 20px 20px 20px 60px;
  }
}

.indicator {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  opacity: 0;
}
.indicator__dot-typing {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #B12754;
  color: #B12754;
  box-shadow: 9984px 0 0 0 #B12754, 9999px 0 0 0 #B12754, 10014px 0 0 0 #B12754;
  -webkit-animation: dot-typing 1.5s infinite linear;
          animation: dot-typing 1.5s infinite linear;
}
.indicator__dot-spin {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: transparent;
  color: transparent;
  box-shadow: 0 -18px 0 0 #B12754, 12.727926px -12.727926px 0 0 #B12754, 18px 0 0 0 #B12754, 12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 rgba(152, 128, 255, 0);
  -webkit-animation: dot-spin 1.5s infinite linear;
          animation: dot-spin 1.5s infinite linear;
}

@-webkit-keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  50% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px -10px 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px -10px 0 0 #8A1E41;
  }
  100% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
}

@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  50% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px -10px 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px -10px 0 0 #8A1E41;
  }
  100% {
    box-shadow: 9984px 0 0 0 #8A1E41, 9999px 0 0 0 #8A1E41, 10014px 0 0 0 #8A1E41;
  }
}
@-webkit-keyframes dot-spin {
  0%, 100% {
    box-shadow: 0 -18px 0 0 #B12754, 12.727926px -12.727926px 0 0 #B12754, 18px 0 0 0 #B12754, 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 0 #B12754, 18px 0 0 0 #B12754, 12.727926px 12.727926px 0 0 #B12754, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #B12754, 12.727926px 12.727926px 0 0 #B12754, 0 18px 0 0 #B12754, -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 0 #B12754, 0 18px 0 0 #B12754, -12.727926px 12.727926px 0 0 #B12754, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #B12754, -12.727926px 12.727926px 0 0 #B12754, -18px 0 0 0 #B12754, -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 #B12754, -18px 0 0 0 #B12754, -12.727926px -12.727926px 0 0 #B12754;
  }
  75% {
    box-shadow: 0 -18px 0 0 #B12754, 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #B12754, -12.727926px -12.727926px 0 0 #B12754;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #B12754, 12.727926px -12.727926px 0 0 #B12754, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 #B12754;
  }
}
@keyframes dot-spin {
  0%, 100% {
    box-shadow: 0 -18px 0 0 #B12754, 12.727926px -12.727926px 0 0 #B12754, 18px 0 0 0 #B12754, 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 0 #B12754, 18px 0 0 0 #B12754, 12.727926px 12.727926px 0 0 #B12754, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #B12754, 12.727926px 12.727926px 0 0 #B12754, 0 18px 0 0 #B12754, -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 0 #B12754, 0 18px 0 0 #B12754, -12.727926px 12.727926px 0 0 #B12754, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #B12754, -12.727926px 12.727926px 0 0 #B12754, -18px 0 0 0 #B12754, -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 #B12754, -18px 0 0 0 #B12754, -12.727926px -12.727926px 0 0 #B12754;
  }
  75% {
    box-shadow: 0 -18px 0 0 #B12754, 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #B12754, -12.727926px -12.727926px 0 0 #B12754;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #B12754, 12.727926px -12.727926px 0 0 #B12754, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 #B12754;
  }
}
body {
  font-family: "Noto Serif JP", "Noto Serif SC", serif;
  font-weight: 500;
  color: #333;
  margin: 0;
  padding: 0;
  word-break: normal;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

main {
  flex: 1;
}

p {
  line-height: 1.75;
}

a, button {
  transition: 0.3s;
  color: #116D85;
}
@media (hover: hover) {
  a:hover, button:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

@media (max-width: 767px) {
  .-pc-only {
    display: none;
  }
}

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

.-important {
  color: #B12754;
}

.-mb-XL {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .-mb-XL {
    margin-bottom: 50px;
  }
}

.-mb-L {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .-mb-L {
    margin-bottom: 40px;
  }
}

.-mb-M {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .-mb-M {
    margin-bottom: 30px;
  }
}

.-mb-S {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .-mb-S {
    margin-bottom: 15px;
  }
}

.-mb-XS {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .-mb-XS {
    margin-bottom: 10px;
  }
}

.-mt-XL {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .-mt-XL {
    margin-top: 50px;
  }
}

.-mt-L {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .-mt-L {
    margin-top: 40px;
  }
}

.-mt-M {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .-mt-M {
    margin-top: 30px;
  }
}

.-mt-S {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .-mt-S {
    margin-top: 15px;
  }
}

.-mt-XS {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .-mt-XS {
    margin-top: 10px;
  }
}

.-mb-0 {
  margin-bottom: 0 !important;
}

.-mt-0 {
  margin-top: 0 !important;
}

.-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.-row {
  display: flex;
}
.-row.-wrap {
  flex-wrap: wrap;
}
.-row.-jc-sb {
  justify-content: space-between;
}
.-row.-ai-c {
  align-items: center;
}
.-row.-ai-s {
  align-items: flex-start;
}
.-row.-ai-e {
  align-items: flex-end;
}
@media (max-width: 767px) {
  .-row.-md-ai-s {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .-row.-md-wrap {
    flex-wrap: wrap;
  }
}
.-row.-gap {
  gap: 10px 30px;
}

.-display-none {
  display: none;
}

.-indent {
  text-indent: -1em;
  padding-left: 1em;
}

.locale {
    display: flex;
    justify-content: center;
}

.locale__list {
    line-height: 0;
}

@media (max-width: 767px) {
    .locale__list {
        font-size: 2.2rem;
    }
}

.locale__list:not(:last-child) {
    margin-right: 5px;
}

@media (max-width: 767px) {
    .locale__list:not(:last-child) {
        margin-right: 10px;
    }
}

.locale__link {
    opacity: 0.5;
}

.locale__list.current .locale__link {
    opacity: 1;
}