@charset "UTF-8";
/*
 * Config
 */
/*
 * Color
 */
/*
 * Media Break
 */
/*
 * Fonts
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
/*
 * BEM関連
 */
/*
 * clearfix
 */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ul li, ol li {
  list-style: none;
}

*, *:before, *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  margin-top: 0 !important;
}

html, body {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 1.4;
  width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 769px) {
  html, body {
    font-size: 16px;
  }
}

body {
  color: #333;
  background-color: #520005;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  background-size: 100%;
  position: relative;
  text-align: unset !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

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

header, nav, main, footer, small, button, label {
  display: block;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #333;
}

a:hover, a:active, button:hover, button:active {
  color: inherit;
  outline: 0;
  text-decoration: none;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  border-radius: 0;
}

a:hover, a:active {
  outline: 0;
  opacity: 0.8;
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: #a5a5a5;
}

:-ms-input-placeholder {
  color: #a5a5a5;
}

::-moz-placeholder {
  color: #a5a5a5;
}

::-placeholder {
  color: #a5a5a5;
}

input[type="checkbox"] {
  cursor: pointer;
}

select {
  cursor: pointer;
}

.cf:after {
  clear: both;
  content: "";
  display: block;
}

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

.pc {
  display: none !important;
}

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

.pc-in {
  display: none !important;
}

@media (min-width: 769px) {
  .pc-in {
    display: inline-block !important;
  }
}

.mobile {
  display: block !important;
}

@media (min-width: 769px) {
  .mobile {
    display: none !important;
  }
}

.mobile-in {
  display: inline-block !important;
}

@media (min-width: 769px) {
  .mobile-in {
    display: none !important;
  }
}

.ipad {
  display: none !important;
}

@media (min-width: 561px) {
  .ipad {
    display: block !important;
  }
}

.is-flex {
  display: flex !important;
}

.is-flex-pc {
  display: block;
}

@media (min-width: 769px) {
  .is-flex-pc {
    display: flex !important;
  }
}

.is-flex-ipad {
  display: block;
}

@media (min-width: 561px) {
  .is-flex-ipad {
    display: flex !important;
  }
}

.is-flex-wrap {
  flex-wrap: wrap;
}

.is-flex-column {
  flex-direction: column;
}

.is-flex-row {
  flex-direction: row;
}

.is-row-reverse {
  flex-direction: row-reverse;
}

.is-column-reverse {
  flex-direction: column-reverse;
}

.is-justify-between {
  justify-content: space-between;
}

.is-justify-evenly {
  justify-content: space-around;
  /*for moz & chrome*/
  -webkit-justify-content: space-evenly !important;
}

.is-justify-center {
  justify-content: center;
}

.is-justify-end {
  justify-content: flex-end;
}

.is-align-start {
  align-items: flex-start;
}

.is-align-center {
  align-items: center;
}

.is-align-end {
  align-items: flex-end;
}

.is-hide {
  display: none !important;
}

.is-show {
  display: block !important;
}

.is-fixed {
  position: fixed;
}

.is-relative {
  position: relative;
}

.is-absolute {
  position: absolute;
}

.z-front {
  z-index: 100;
}

.z-normal {
  z-index: 0;
}

.z-back {
  z-index: -1;
}

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

.is-inline-flex {
  display: inline-flex;
}

.f-100 {
  font-size: 60px;
}

@media (min-width: 769px) {
  .f-100 {
    font-size: 100px;
  }
}

.f-100-s {
  font-size: 100px;
}

.f-70 {
  font-size: 42px;
}

@media (min-width: 769px) {
  .f-70 {
    font-size: 70px;
  }
}

.f-70-s {
  font-size: 70px;
}

.f-68 {
  font-size: 42px;
}

@media (min-width: 769px) {
  .f-68 {
    font-size: 68px;
  }
}

.f-68-s {
  font-size: 68px;
}

.f-58 {
  font-size: 50px;
}

@media (min-width: 769px) {
  .f-58 {
    font-size: 58px;
  }
}

.f-58-s {
  font-size: 58px;
}

.f-54 {
  font-size: 42px;
}

@media (min-width: 769px) {
  .f-54 {
    font-size: 54px;
  }
}

.f-54-s {
  font-size: 54px;
}

.f-52 {
  font-size: 40px;
}

@media (min-width: 769px) {
  .f-52 {
    font-size: 52px;
  }
}

.f-52-s {
  font-size: 52px;
}

.f-51 {
  font-size: 40px;
}

@media (min-width: 769px) {
  .f-51 {
    font-size: 51px;
  }
}

.f-51-s {
  font-size: 51px;
}

.f-50 {
  font-size: 35px;
}

@media (min-width: 769px) {
  .f-50 {
    font-size: 50px;
  }
}

.f-50-s {
  font-size: 50px;
}

.f-48 {
  font-size: 32px;
}

@media (min-width: 769px) {
  .f-48 {
    font-size: 48px;
  }
}

.f-48-s {
  font-size: 48px;
}

.f-46 {
  font-size: 32px;
}

@media (min-width: 769px) {
  .f-46 {
    font-size: 46px;
  }
}

.f-46-s {
  font-size: 46px;
}

.f-45 {
  font-size: 32px;
}

@media (min-width: 769px) {
  .f-45 {
    font-size: 45px;
  }
}

.f-45-s {
  font-size: 45px;
}

.f-42 {
  font-size: 28px;
}

@media (min-width: 769px) {
  .f-42 {
    font-size: 42px;
  }
}

.f-42-s {
  font-size: 42px;
}

.f-41 {
  font-size: 26px !important;
}

@media (min-width: 769px) {
  .f-41 {
    font-size: 41px !important;
  }
}

.f-41-s {
  font-size: 41px;
}

.f-40 {
  font-size: 22px;
}

@media (min-width: 769px) {
  .f-40 {
    font-size: 40px;
  }
}

.f-40-s {
  font-size: 40px;
}

.f-39 {
  font-size: 28px;
}

@media (min-width: 769px) {
  .f-39 {
    font-size: 39px;
  }
}

.f-39-s {
  font-size: 39px;
}

.f-38 {
  font-size: 28px;
}

@media (min-width: 769px) {
  .f-38 {
    font-size: 38px;
  }
}

.f-38-s {
  font-size: 38px;
}

.f-36 {
  font-size: 28px;
}

@media (min-width: 769px) {
  .f-36 {
    font-size: 36px;
  }
}

.f-36-s {
  font-size: 36px;
}

.f-35 {
  font-size: 25px;
}

@media (min-width: 769px) {
  .f-35 {
    font-size: 35px;
  }
}

.f-35-s {
  font-size: 35px;
}

.f-34 {
  font-size: 25px;
}

@media (min-width: 769px) {
  .f-34 {
    font-size: 34px;
  }
}

.f-34-s {
  font-size: 34px;
}

.f-32 {
  font-size: 24px;
}

@media (min-width: 769px) {
  .f-32 {
    font-size: 32px;
  }
}

.f-32-s {
  font-size: 32px;
}

.f-31 {
  font-size: 24px;
}

@media (min-width: 769px) {
  .f-31 {
    font-size: 31px;
  }
}

.f-31-s {
  font-size: 31px;
}

.f-30 {
  font-size: 20px;
}

@media (min-width: 769px) {
  .f-30 {
    font-size: 30px;
  }
}

.f-30-s {
  font-size: 30px;
}

.f-29 {
  font-size: 24px;
}

@media (min-width: 769px) {
  .f-29 {
    font-size: 29px;
  }
}

.f-29-s {
  font-size: 29px;
}

.f-28 {
  font-size: 24px;
}

@media (min-width: 769px) {
  .f-28 {
    font-size: 28px;
  }
}

.f-28-s {
  font-size: 28px;
}

.f-27 {
  font-size: 24px;
}

@media (min-width: 769px) {
  .f-27 {
    font-size: 27px;
  }
}

.f-27-s {
  font-size: 27px;
}

.f-26 {
  font-size: 24px;
}

@media (min-width: 769px) {
  .f-26 {
    font-size: 26px;
  }
}

.f-26-s {
  font-size: 26px;
}

.f-25 {
  font-size: 20px;
}

@media (min-width: 769px) {
  .f-25 {
    font-size: 25px;
  }
}

.f-25-s {
  font-size: 25px;
}

.f-24 {
  font-size: 20px;
}

@media (min-width: 769px) {
  .f-24 {
    font-size: 24px;
  }
}

.f-24-s {
  font-size: 24px;
}

.f-23 {
  font-size: 20px;
}

@media (min-width: 769px) {
  .f-23 {
    font-size: 23px;
  }
}

.f-23-s {
  font-size: 23px;
}

.f-22 {
  font-size: 20px;
}

@media (min-width: 769px) {
  .f-22 {
    font-size: 22px;
  }
}

.f-22-s {
  font-size: 22px;
}

.f-21 {
  font-size: 18px;
}

@media (min-width: 769px) {
  .f-21 {
    font-size: 21px;
  }
}

.f-21-s {
  font-size: 21px;
}

.f-20 {
  font-size: 18px;
}

@media (min-width: 769px) {
  .f-20 {
    font-size: 20px;
  }
}

.f-20-s {
  font-size: 20px;
}

.f-18 {
  font-size: 16px;
}

@media (min-width: 769px) {
  .f-18 {
    font-size: 18px;
  }
}

.f-18-s {
  font-size: 18px;
}

.f-17 {
  font-size: 15px;
}

@media (min-width: 769px) {
  .f-17 {
    font-size: 17px;
  }
}

.f-17-s {
  font-size: 17px;
}

.f-16 {
  font-size: 16px;
}

@media (min-width: 769px) {
  .f-16 {
    font-size: 16px;
  }
}

.f-16-s {
  font-size: 16px;
}

.f-15 {
  font-size: 15px;
}

.f-14 {
  font-size: 14px;
}

.f-13 {
  font-size: 13px;
}

.f-12 {
  font-size: 12px !important;
}

.f-11 {
  font-size: 11px;
}

.f-10 {
  font-size: 10px;
}

.f-8 {
  font-size: 8px;
}

.t-light {
  font-weight: 300;
}

.t-regular {
  font-weight: 400;
}

.t-med {
  font-weight: 500;
}

.t-bold {
  font-weight: 700;
}

.t-bolder {
  font-weight: 900;
}

.t-right {
  text-align: right;
}

.t-left {
  text-align: left;
}

.t-center {
  text-align: center;
}

.t-underline {
  text-decoration: underline;
}

.t-strikethrough {
  text-decoration: line-through;
}

.t-italic {
  font-style: italic;
}

.m-center {
  margin: 0 auto !important;
}

.m-right {
  margin: 0 0 0 auto !important;
}

.m-left {
  margin: 0 auto 0 0 !important;
}

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

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

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

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.w-fit {
  width: fit-content;
}

.w-max {
  width: max-content;
}

.w-full {
  width: 100%;
}

.ls-10 {
  letter-spacing: 1px;
}

.ls-15 {
  letter-spacing: 1.5px;
}

.ls-20 {
  letter-spacing: 2px;
}

.ls-30 {
  letter-spacing: 3px;
}

.ls-40 {
  letter-spacing: 4px;
}

.c-white {
  color: #fff;
}

.c-black {
  color: #000;
}

.c-main {
  color: #333;
}

.lh-10 {
  line-height: 1;
}

.lh-13 {
  line-height: 1.3;
}

.lh-15 {
  line-height: 1.5;
}

.lh-16 {
  line-height: 1.6;
}

.lh-18 {
  line-height: 1.8;
}

.lh-20 {
  line-height: 2;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.bd-0 {
  border: none !important;
}

.bd-l-0 {
  border-left: none !important;
}

.bd-r-0 {
  border-right: none !important;
}

.bd-t-0 {
  border-top: none !important;
}

.bd-b-0 {
  border-bottom: none !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.is-rotated {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}

.is-rotated-90 {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -o-transform: rotate(90deg);
  /* Opera */
}

body {
  min-height: 100vh;
}

.c-grey {
  color: #808080;
}

.c-red {
  color: #FF0000;
}

.c-blue {
  color: #0000FF;
}

.c-blue2 {
  color: #00B5EA;
}

.c-yellow {
  color: #FFF500;
}

.c-new_red {
  color: #520005;
}

.c-new_red2 {
  color: #5C0508;
}

.no-bd {
  border: none !important;
}

.header {
  width: 100%;
  max-width: 414px;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: #fff;
  padding: 15px 19px 12px 12px;
}

.header__content .logo img {
  height: 34px;
}

.header__content .burger {
  cursor: pointer;
  margin-bottom: 3px;
}

.is-header .main {
  padding-top: 80px;
}

.main {
  position: relative;
  min-height: calc(100vh - 145px);
  width: 100vw;
  max-width: 414px;
  padding-top: 26px;
}

.main.pt-0 {
  padding-top: 0;
}

.main__bg {
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  max-width: 414px;
  z-index: -1;
  height: 335px;
  background-color: #FFE85F;
}

@media (min-width: 561px) {
  .main__bg {
    left: 50%;
    transform: translateX(-50%);
  }
}

.main__bg.is-adj {
  width: 108%;
  left: 50%;
  transform: translateX(-50%);
}

.main__bg img {
  width: 101%;
  max-width: none;
}

.main__title {
  max-width: 333px;
  margin: 0 auto;
}

.main__title p {
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main__title img {
  width: 150px;
  height: 150px;
}

.main__title.is-wide {
  text-align: center;
  padding-top: 20px;
}

.main__title.is-wide img {
  width: calc(100% - 20px);
  height: auto;
  margin: 0 auto;
}

.main__title.title {
  padding-top: 0;
}

.main__title.title .title__content .logo img {
  width: 166px;
}

.main__title.title .title__content p {
  height: auto;
  display: block;
}

.main__title.title .title__content > div p:nth-of-type(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #304E8A;
  background-color: #fff;
  width: 100%;
  height: 50px;
  border-radius: 13px;
  line-height: 1;
  margin: 8px 0;
}

.main__logo {
  height: 33px;
  max-width: 333px;
  margin: 0 auto;
}

.main__logo p {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.main__content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 333px;
  margin: 5px auto 0;
}

.main__content.is-pay {
  position: relative;
  max-width: 414px;
  margin: 0 auto;
}

.main__content.is-pay .bg {
  width: 100%;
}

.main__content.is-pay .bg img {
  width: 100%;
}

.main__content.is-pay a {
  position: absolute;
  top: 252px;
  left: 50%;
  transform: translateX(-50%);
}

.main__pay {
  max-width: 414px;
  margin: 0 auto;
  background: #87CEFA;
  padding: 29px 0;
}

.main__pay > div {
  max-width: 333px;
  margin: 0 auto;
}

.main.is-pay {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 414px;
  margin: 0 auto;
  padding-top: 0;
}

.is-header .footer {
  padding-bottom: 110px !important;
}

.footer {
  padding: 15px 0 25px;
  color: #808080;
  max-width: 414px;
  margin: 0 auto;
}

.footer.no-foot {
  display: none;
}

.footer.is-btm {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.footer.is-adj {
  padding-top: 36px !important;
  padding-bottom: 54px !important;
}

.is-new .footer {
  color: #fff;
  padding-bottom: 37px;
}

.is-new .footer.is-adj {
  padding-top: 36px !important;
  padding-bottom: 220px !important;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  padding-left: calc((100vw - 333px)/2) !important;
  padding-right: calc((100vw - 333px)/2) !important;
}

@media (min-width: 561px) {
  .wrapper {
    padding-left: 1vw !important;
    padding-right: 1vw !important;
  }
}

.sidebar {
  position: fixed;
  top: 0;
  right: -235px;
  z-index: 20;
  height: 100vh;
  width: 235px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.97);
  transition: right 0.5s;
  box-shadow: -3px 0px 5px -2px rgba(0, 0, 0, 0.29);
}

.sidebar.is-open {
  right: 0;
}

.sidebar__content {
  position: relative;
  height: 100%;
}

.sidebar__content ul {
  padding-top: 50px;
}

.sidebar__content ul li {
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
}

.sidebar__footer {
  position: absolute;
  bottom: 35px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.sidebar__footer img {
  height: 30px;
}

.sidebar__footer p {
  padding-top: 7px;
}

.o-btn {
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center !important;
  justify-content: center;
  text-align: center;
  transition: opacity 0.5s;
  padding: 15px 0;
  line-height: 1;
  width: 100%;
}

.o-btn:hover {
  opacity: 0.9;
}

.o-btn.blue {
  color: #fff;
  background: #1d94ea;
  background: linear-gradient(100deg, #1d94ea 0%, #40a6e7 50%, #acdcde 100%);
  font-size: 20px;
  font-weight: 500;
  border-radius: 25px;
}

.o-btn.light {
  background: #CCEAFF;
  color: #007DE8;
  font-size: 20px;
  font-weight: 500;
  border-radius: 25px;
}

.o-btn.w-250 {
  width: 250px;
}

.o-btn.w-240 {
  width: 240px;
}

.o-btn.w-200 {
  width: 200px;
}

.o-btn.w-160 {
  width: 160px;
}

.o-btn.w-140 {
  width: 140px !important;
}

.o-btn.is-primary {
  margin-bottom: 45px !important;
}

.o-btn.is-primary.mb-26 {
  margin-bottom: 26px !important;
}

.o-btn.is-primary.mb-0 {
  margin-bottom: 0 !important;
}

.o-btn.new {
  border: 3px solid #5C0508;
  height: 50px;
  background-color: #fff;
  padding: 0;
  width: 100%;
  max-width: 260px;
}

.o-btn.new p {
  color: #5C0508;
  font-size: 16px;
  letter-spacing: 2px;
}

.o-btn.twitter {
  padding-top: 0;
  padding-bottom: 0;
  width: fit-content;
  margin: 0 auto;
}

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.modal.is-open {
  top: 0;
  opacity: 1;
}

.modal__content .o-frame__content .title {
  border-bottom: 1px solid #c6c6c6;
  line-height: calc(28/18);
  font-size: 18px;
  padding: 0 3px;
}

.modal__content .o-frame__content .images {
  border-bottom: 1px solid #c6c6c6;
}

.modal__content .o-frame__content .images ul {
  padding: 0 10px;
}

.modal__content .o-frame__content .images ul li img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 7px;
}

.modal__content .o-frame__content .text {
  min-height: auto;
  padding: 0 3px;
}

.o-link {
  font-size: 14px;
  color: #0000FF;
  width: fit-content;
  margin: 0 auto;
}

.o-link.is-register {
  padding-bottom: 30px;
}

.o-link.f-16-s {
  font-size: 16px;
}

.o-link__group {
  padding-top: 15px;
}

.o-link__group a {
  display: block;
  padding-bottom: 40px;
}

.o-link.c-white {
  color: #fff !important;
}

.links {
  max-width: 414px;
  padding-bottom: 130px !important;
}

.links.is-mid {
  padding-bottom: 34px !important;
  padding-top: 25px;
}

.o-frame {
  background-color: #fff;
  border-radius: 13px;
  width: 100%;
  max-width: 333px;
  margin: 0 auto 21px;
  padding: 15px 20px 33px;
  position: relative;
  overflow: hidden;
}

.o-frame.is-primary {
  padding: 33px 10px;
}

.o-frame.is-content {
  padding: 15px 16px 21px;
}

.o-frame.is-content.is-adj {
  padding: 20px 15px 5px;
}

.o-frame.is-content.is-info {
  margin-bottom: 20px;
}

.o-frame.is-content.is-v2 {
  padding: 14px;
}

.o-frame.is-point {
  margin-bottom: 23px;
}

.o-frame.is-point .point__rank {
  padding: 20px 15px 0;
}

.o-frame.is-point .point__rank > div p:last-of-type:not(:first-of-type) {
  width: 95px;
  text-align: right;
}

.o-frame.is-point .point.border {
  border-bottom: 1px solid #C6C6C6;
}

.o-frame.is-point .point.is-table {
  padding: 15px 10px 0;
}

.o-frame.is-point .point .table {
  border-bottom: 2px solid #C6C6C6;
}

.o-frame.is-point .point .table__header {
  border-bottom: 2px solid #C6C6C6;
  padding: 0 10px 15px;
}

.o-frame.is-point .point .table ul {
  padding: 0;
}

.o-frame.is-point .point .table ul li {
  border-bottom: 1px dashed #C6C6C6;
  padding: 10px 10px;
}

.o-frame.is-point .point .table ul li:last-of-type {
  border: none;
}

.o-frame.is-point .point ul {
  padding: 0 8px;
}

.o-frame.is-point .point ul li p:first-of-type.is-adj {
  width: 30px;
}

.o-frame.is-point .point .text {
  border-top: 1px solid #808080;
  padding-top: 15px;
  padding-bottom: 35px;
}

.o-frame.is-point .point > div .point__rank {
  width: 50%;
}

.o-frame.is-point .point.team > div > p:nth-of-type(2) {
  width: 115px;
}

.o-frame.is-point .point.team > div > div {
  width: calc(100% - 115px);
  padding-left: 30px;
}

.o-frame.is-point .point.team > div > div:nth-of-type(2) {
  width: 115px;
  padding-right: 10px;
}

.o-frame.is-point .point.team > div > div > p:nth-of-type(1).f-50-s, .o-frame.is-point .point.team > div > div > p:nth-of-type(1).f-36-s {
  text-align: right;
  padding-right: 25px;
}

.o-frame.is-point .point.team > div > div > p:nth-of-type(1).f-50-s span, .o-frame.is-point .point.team > div > div > p:nth-of-type(1).f-36-s span {
  padding-left: 10px;
}

.o-frame.is-point .point.team > div > div > div {
  width: 100%;
  justify-content: space-between;
}

.o-frame.is-point .rank-table {
  padding: 15px 5px 0;
}

.o-frame.is-point .rank-table__header {
  border-bottom: 2px solid #C6C6C6;
  padding: 0 10px 15px;
}

.o-frame.is-point .rank-table ul {
  padding: 10px 5px 0;
}

.o-frame.is-point .rank-table ul li {
  padding-bottom: 5px;
}

.o-frame.is-point .rank-table ul li > div > p {
  width: 20px;
  text-align: center;
  margin-right: 10px;
}

.o-frame.is-point .rank-table ul li > div .image img {
  margin-right: 10px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.o-frame.is-image {
  padding: 0;
}

.o-frame.is-toggle {
  padding: 20px;
}

.o-frame.is-toggle .switch {
  position: relative;
  width: 54px;
  height: 27px;
  border-radius: 14px;
  border: 2px solid #E5E5E5;
  background-color: #fff;
  transition: background-color 0.3s ease;
}

.o-frame.is-toggle .switch span {
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: 10px;
  background-color: #707070;
  margin: 2px;
  left: 0;
  transition: left 0.3s ease;
}

.o-frame.is-toggle .switch.on {
  background-color: rgba(18, 176, 0, 0.4);
}

.o-frame.is-toggle .switch.on span {
  left: 27px;
}

.o-frame__title {
  padding-bottom: 44px;
}

.o-frame__title.is-text {
  padding-top: 20px;
}

.o-frame__help {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.o-frame__content .title {
  padding-bottom: 14px;
  border-bottom: 1px solid #C6C6C6;
  font-size: 20px;
  letter-spacing: 5px;
  font-weight: bold;
}

.o-frame__content .title.f-16 {
  font-size: 16px;
  letter-spacing: 1px;
}

.o-frame__content .title.f-15 {
  font-size: 16px;
  letter-spacing: normal;
  padding-bottom: 15px;
}

.o-frame__content .title > div .is-absolute {
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.o-frame__content .title select {
  background-color: #f7ffe0;
  border: none;
  width: 84px;
  height: 32px;
  padding: 0 10px;
  border-radius: 10px;
  margin-right: -40px;
}

.o-frame__content .title select:focus {
  outline: none;
  box-shadow: 3px 3px 6px 0px rgba(8, 10, 49, 0.2);
}

.o-frame__content .title select option {
  background-color: #fff;
  height: 30px;
}

.o-frame__content .title .select-style.is-blue {
  position: relative;
  width: fit-content;
}

.o-frame__content .title .select-style.is-blue::after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background-image: url(../../assets/images/ico/ico_caret_down.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.o-frame__content .title .select-style.is-blue select {
  background-color: #303a7f;
  margin-right: 0;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  height: 40px;
  padding: 0 14px;
  width: 85px;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: 3px 3px 6px 0px rgba(8, 10, 49, 0.8);
}

.o-frame__content .title .select-style.is-blue select option {
  color: #000;
}

.o-frame__content .title .select-style.is-blue.m-center select {
  box-shadow: none;
}

.o-frame__content .text {
  padding: 12px 8px 13px;
  min-height: 290px;
}

.o-frame__content .text p {
  padding-bottom: 18px;
  line-height: 1.45;
}

.o-frame__content .text p.has-border {
  border-bottom: 1px solid #C6C6C6;
  width: calc(100% + 16px);
  margin-left: -8px;
  padding: 0 8px 13.5px;
  margin-bottom: 18.5px;
}

.o-frame__content .text.is-list {
  border-bottom: 1px solid #C6C6C6;
  min-height: 0;
  padding: 12px 10px;
  margin-bottom: 42px;
}

.o-frame__content .text.is-list.no-border {
  border-bottom: none;
}

.o-frame__content .text.is-list ul li {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.o-frame__content .text.is-list ul li:last-of-type {
  padding-bottom: 5px;
}

.o-frame__content .text.is-list ul li span {
  font-size: 8px;
  padding-right: 8px;
}

.o-frame__content .text.is-list ul.table li {
  justify-content: space-between;
}

.o-frame__content .text.is-list ul.table li:last-of-type {
  padding-bottom: 10px;
}

.o-frame__content .text.is-list ul.table li p {
  padding-bottom: 0;
}

.o-frame__content .text.is-list ul.table li p:nth-of-type(1) {
  width: 20%;
}

.o-frame__content .text.is-list ul.table li p:nth-of-type(2) {
  width: 60%;
}

.o-frame__content .text.is-list ul.table li p:nth-of-type(3) {
  width: 20%;
  text-align: right;
}

.o-frame__content .text .form-field {
  padding-bottom: 22px;
}

.o-frame__content .text .form-field .label {
  padding: 0 0 5px 8px;
}

.o-frame__content .text .form-field .image {
  width: 96px;
  height: 96px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

.o-frame__content .text .form-field .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  height: 100%;
  width: auto;
}

.o-frame__content .text .form-field .open-misc {
  position: absolute;
  right: 20px;
}

.o-frame__content .text .form-field input {
  border-radius: 18px;
  border: none;
}

.o-frame__content .text .form-field input:not([type=checkbox]) {
  width: 100%;
  font-size: 16px;
  background-color: #EFEFEF;
}

@media (min-width: 561px) {
  .o-frame__content .text .form-field input:not([type=checkbox]) {
    font-size: 13px;
  }
}

.o-frame__content .text .form-field input[type=email] {
  background-image: url(../../assets/images/ico/ico-mail.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  padding: 8px 10px 8px 60px;
  font-family: "Noto Sans JP", sans-serif;
}

.o-frame__content .text .form-field input[type=checkbox] {
  width: 17px;
  height: 17px;
  margin-right: 7px;
}

.o-frame__content .text .form-field input[type=text] {
  padding: 8px 20px;
  font-family: "Noto Sans JP", sans-serif;
}

.o-frame__content .text .form-field input[type=date] {
  padding: 6px 20px;
  width: 192px;
  font-family: "Noto Sans JP", sans-serif;
  background-image: url(../../assets/images/ico/ico-calendar.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
}

.o-frame__content .text .form-field input[type=date]::-webkit-inner-spin-button {
  display: none;
}

.o-frame__content .text .form-field input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.o-frame__content .text .form-field input[type=password] {
  padding: 8px 10px 8px 60px;
  background-image: url(../../assets/images/ico/ico-hide.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
}

.o-frame__content .text .form-field input[type=password]::-ms-reveal {
  opacity: 0;
}

.o-frame__content .text .form-field textarea:focus, .o-frame__content .text .form-field input:focus {
  outline: none;
}

.o-frame__content .graph img {
  width: 100%;
}

.o-frame__content .graph div {
  padding-left: 30px;
  padding-right: 20px;
  margin-top: -10px;
}

.o-frame__content .table {
  border-bottom: 1px solid #C6C6C6;
  padding: 10px;
}

.o-frame__content .table dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.o-frame__content .table dl:first-of-type dd {
  font-size: 10px;
  color: #202364;
  font-weight: 500;
  padding-right: 32px;
}

.o-frame__content .table dl dt {
  font-size: 12px;
  color: #202364;
}

.o-frame__content .table dl dd {
  font-size: 20px;
  color: #00B5EA;
  font-weight: 500;
}

.o-frame__content .table.is-adj dl:first-of-type {
  padding-bottom: 10px;
}

.o-frame__content .table.is-adj dl:first-of-type dd {
  text-align: center;
}

.o-frame__content .table.is-adj dl:not(:first-of-type) {
  padding-bottom: 10px;
}

.o-frame__content .table.is-adj dl:not(:first-of-type) dd {
  text-align: left;
  font-size: 16px;
}

.o-frame__content .table.is-adj dl:not(:first-of-type) dd:not(:first-of-type) {
  text-align: right;
  padding-right: 10px;
  font-size: 20px;
}

.o-frame__content .table.is-adj dl:not(:first-of-type) dd:last-of-type {
  padding-right: 0;
}

.o-frame__content .table.is-adj dl dd {
  width: 28%;
  padding: 0;
  text-align: right;
}

.o-frame__content .table.is-adj dl dd:first-of-type {
  width: 16%;
}

.o-frame__content .table.v2 dl {
  padding-bottom: 4px;
}

.o-frame__content .table.v2 dl:first-of-type dd {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  padding-right: 0;
}

.o-frame__content .table.v2 dl dt {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}

.o-frame__content .table.v2 dl dd {
  color: #333;
  font-weight: 700;
}

.o-frame__content .table.v3 {
  padding-top: 13px;
  padding-bottom: 0;
}

.o-frame__content .table.v3:nth-of-type(2) dl:first-of-type dd {
  text-align: center;
  color: #808080;
  font-size: 9px;
}

.o-frame__content .table.v3:nth-of-type(2) dl dd:nth-of-type(4) {
  width: 70px;
}

.o-frame__content .table.v3:nth-of-type(4) dl:first-of-type dd {
  text-align: center;
  color: #808080;
  font-size: 9px;
}

.o-frame__content .table.v3 dl dd {
  font-size: 14px;
  font-weight: bold;
  width: 65px;
  padding-right: 0;
  text-align: right;
  color: #333;
  line-height: 1;
  padding-bottom: 13px;
}

.o-frame__content .table.v3 dl dd:nth-of-type(1) {
  width: 40px;
  text-align: center;
}

.o-frame__content .table.v3 dl dd:nth-of-type(2) {
  width: 55px;
  text-align: center;
}

.o-frame__content .table.v3 dl dd:nth-of-type(3) {
  color: #00B5EA;
  width: 70px;
}

.o-frame__content .table.v3 dl dd:nth-of-type(4) {
  width: 70px;
}

.o-frame__content .table.v3 dl dd.is-red {
  color: #FF0000;
}

.o-frame__content .total {
  padding: 10px;
}

.o-frame__content .total dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.o-frame__content .total dl dt {
  font-size: 12px;
  color: #202364;
}

.o-frame__content .total dl dd {
  font-size: 20px;
  color: #00B5EA;
  font-weight: 500;
}

.o-frame__content .total.v2 {
  border-bottom: 1px solid #C6C6C6;
}

.o-frame__content .total.v2 dl dt {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}

.o-frame__content .total.v2 dl dd {
  color: #333;
  font-weight: 700;
}

.o-frame.is-course {
  padding: 11px 14px;
  background: #F5F6FA;
  margin-bottom: 12px;
}

.o-frame.is-course.is-checked {
  background: #D9E1FF;
}

.o-frame.is-course.is-checked > div .check {
  background-image: url(../../assets/images/ico/ico-check.svg);
}

.o-frame.is-course > div .check {
  min-width: 15px;
  height: 30px;
  margin-right: 10px;
  background-image: url(../../assets/images/ico/ico-uncheck.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.o-frame.is-course > div .text > div {
  padding-bottom: 9px;
}

.o-frame.is-course > div .text > div.is-justify-end .price {
  padding-left: 13px;
}

.o-frame.is-course.is-detail {
  padding: 15px 23px;
}

.o-frame.is-course.is-detail > div .text ul {
  padding-top: 10px;
  font-size: 15px;
}

.o-frame.is-course.is-detail > div .text ul li {
  padding-bottom: 3px;
}

.o-frame.is-course.is-detail > div .text ul li span {
  font-weight: 500;
}

.o-frame > .text {
  padding-top: 16.5px;
  padding-bottom: 34.5px;
}

.o-frame.user-detail {
  margin-bottom: 21px;
  background-image: url(../../assets/images/bg.svg);
  padding: 15px 20px 20px;
}

.o-frame.user-detail.is-adj {
  padding: 15px 20px;
}

.o-frame.user-detail.is-adj > div:first-of-type {
  padding-bottom: 0;
}

.o-frame.user-detail > div:first-of-type {
  padding-bottom: 5px;
}

.o-frame.user-detail > div:first-of-type > div a {
  display: block;
  height: 46px;
  width: 46px;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}

.o-frame.user-detail > div:first-of-type > div a img {
  height: 100%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.o-frame.user-detail > div:first-of-type > div p {
  padding-left: 14px;
}

.o-frame.user-detail > div:not(:first-of-type) > div {
  width: 50%;
  padding-top: 15px;
}

.o-frame.user-detail > div:not(:first-of-type) > div p:last-of-type {
  text-align: center;
  border-right: #fff solid 2px;
  line-height: 1.3;
  margin-top: 5px;
}

.o-frame.user-detail > div:not(:first-of-type) > div p:last-of-type span {
  padding-left: 5px;
}

.o-frame.user-detail > div:not(:first-of-type) > div:last-of-type p {
  padding-left: 10px;
}

.o-frame.user-detail > div:not(:first-of-type) > div:last-of-type p:last-of-type {
  border-right: none;
}

.o-frame.is-new {
  background-color: #fff !important;
  background-image: none !important;
}

.o-frame.is-new.is-top {
  padding-top: 50px;
  padding-bottom: 25px;
}

.o-frame.is-new.is-top .o-frame__title {
  padding-bottom: 33px;
}

.o-frame.is-new.is-top .o-btn.new {
  margin-bottom: 22px !important;
}

.o-frame.is-new.is-top.pt-10 > img {
  width: 100%;
}

.o-frame.is-event .type {
  width: 81px;
  line-height: 1;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c6c6c6;
  margin-right: 5px;
}

.o-frame.is-event .type.is-blue {
  background-color: #00B5EA;
}

.o-frame.is-event .type.is-red {
  background-color: #FC6767;
}

.o-frame.is-event .type.is-green {
  background-color: #00EA48;
}

.o-frame.is-event .event dl {
  display: flex;
  padding: 16px 5px 13px;
  border-bottom: 1px dashed #C6C6C6;
  justify-content: space-between;
}

.o-frame.is-event .event dl dt {
  width: 167px;
}

.o-frame.is-event .event dl dt .title {
  padding: 5px 0;
}

.o-frame.is-event .event dl dt .details {
  color: #5D5D5D;
}

.o-frame.is-event .event dl dt .details p {
  padding-bottom: 2px;
}

.o-frame.is-event .event dl dd {
  position: relative;
  height: 104px;
  width: 110px;
  overflow: hidden;
}

.o-frame.is-event .event dl dd img {
  position: absolute;
  height: 100%;
  max-width: none;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.o-frame.is-event .event-detail {
  padding: 16px 5px 13px;
  border-bottom: 1px solid #C6C6C6;
}

.o-frame.is-event .event-detail .title {
  padding: 8px 0;
}

.o-frame.is-event .event-detail .image {
  position: relative;
  height: 162px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 10px;
}

.o-frame.is-event .event-detail .image img {
  position: absolute;
  height: 100%;
  max-width: none;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.o-frame.is-event .event-detail .text {
  line-height: calc(17/13);
  padding-bottom: 75px;
}

.o-frame.is-event .academy dl {
  display: flex;
  padding: 16px 5px 13px;
  border-bottom: 1px dashed #C6C6C6;
  justify-content: space-between;
  flex-direction: column;
}

.o-frame.is-event .academy dl dt {
  height: 162px;
  width: 288px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 15px;
}

.o-frame.is-event .academy dl dt img {
  position: absolute;
  height: 100%;
  max-width: none;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.o-frame.is-event .academy dl dd .title {
  padding-bottom: 5px;
}

.o-frame.is-event .academy dl dd .text {
  color: #808080;
}

.o-form .form-field {
  padding-bottom: 22px;
}

.o-form .form-field .label {
  padding: 0 0 5px 8px;
}

.o-form .form-field .image {
  width: 96px;
  height: 96px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

.o-form .form-field .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  height: 100%;
  width: auto;
}

.o-form .form-field .open-misc {
  position: absolute;
  right: 20px;
}

.o-form .form-field input {
  border-radius: 18px;
  border: none;
}

.o-form .form-field input:not([type=checkbox]) {
  width: 100%;
  font-size: 16px;
  background-color: #EFEFEF;
}

@media (min-width: 561px) {
  .o-form .form-field input:not([type=checkbox]) {
    font-size: 13px;
  }
}

.o-form .form-field input[type=email] {
  background-image: url(../../assets/images/ico/ico-mail.svg) !important;
  background-repeat: no-repeat;
  background-position: 15px center;
  padding: 8px 10px 8px 60px;
  font-family: "Noto Sans JP", sans-serif;
}

.o-form .form-field input[type=checkbox] {
  width: 17px;
  height: 17px;
  margin-right: 7px;
}

.o-form .form-field input[type=text] {
  padding: 8px 20px;
  font-family: "Noto Sans JP", sans-serif;
}

.o-form .form-field input[type=date] {
  padding: 6px 20px;
  width: 192px;
  font-family: "Noto Sans JP", sans-serif;
  background-image: url(../../assets/images/ico/ico-calendar.svg) !important;
  background-repeat: no-repeat;
  background-position: 95% center;
  appearance: none;
  min-height: 33px;
}

.o-form .form-field input[type=date]::-webkit-inner-spin-button {
  opacity: 0;
  display: none;
  -webkit-appearance: none;
}

.o-form .form-field input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
  -webkit-appearance: none;
}

.o-form .form-field input[type=password] {
  padding: 8px 10px 8px 60px;
  background-image: url(../../assets/images/ico/ico-hide.svg) !important;
  background-repeat: no-repeat;
  background-position: 95% center;
}

.o-form .form-field input[type=password]::-ms-reveal {
  opacity: 0;
}

.o-form .form-field textarea:focus, .o-form .form-field input:focus {
  outline: none;
}

.o-form.is-register {
  padding: 28px 0 0;
}

.o-form.is-register form > .is-flex .form-field {
  padding-bottom: 15px;
}

.o-form.is-register form > .is-flex .form-field:first-of-type {
  margin-right: 10px;
}

.o-form.is-register form > .is-flex .form-field .label {
  padding: 0 5px 0 0;
  flex-shrink: 0;
  width: 35px;
  text-align: center;
}

.o-form.is-register form > .is-flex .form-field input[type=text] {
  width: 110px;
}

.o-form.is-register form .form-field {
  padding-bottom: 15px;
}

.o-form.is-register form .form-field.is-check {
  padding-bottom: 30px;
}

.o-form.is-register form .form-field.is-last {
  padding-bottom: 20px;
}

.o-form.is-register form .form-field .label {
  padding: 0;
  flex-shrink: 0;
}

.o-form.is-register form .form-field input[type=text], .o-form.is-register form .form-field input[type=password] {
  padding: 6px 20px;
  width: 192px;
  font-family: "Noto Sans JP", sans-serif;
}

.o-form.is-register.is-confirm .form-field.is-justify-between {
  justify-content: flex-start;
}

.o-form.is-register.is-confirm .form-field.is-justify-between .label {
  width: 115px;
}

.o-form.is-register.is-confirm .form-field .value {
  font-size: 18px;
  font-weight: 500;
  width: 110px;
  padding-left: 12px;
  height: 36px;
  display: inline-flex;
  align-items: center;
}

.o-form.is-register.is-confirm .form-field input[type=password] {
  background-color: transparent;
}

.o-form.is-info {
  padding: 15px 10px 0;
}

.o-form.is-info > .is-flex .form-field {
  padding-bottom: 15px;
}

.o-form.is-info > .is-flex .form-field:first-of-type {
  margin-right: 10px;
}

.o-form.is-info > .is-flex .form-field .label {
  padding: 0 5px 0 0;
  flex-shrink: 0;
  width: 35px;
  text-align: center;
}

.o-form.is-info > .is-flex .form-field .value {
  width: 110px;
}

.o-form.is-info .form-field {
  padding-bottom: 15px;
}

.o-form.is-info .form-field.is-last {
  padding-bottom: 20px;
}

.o-form.is-info .form-field .label {
  padding: 0;
  flex-shrink: 0;
}

.o-form.is-info .form-field.is-justify-between {
  justify-content: flex-start;
}

.o-form.is-info .form-field.is-justify-between .label {
  width: 100px;
}

.o-form.is-info .form-field .value {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  padding-left: 12px;
  height: 36px;
  display: inline-flex;
  align-items: center;
}

.o-form.is-info .form-field input[type=password] {
  background-color: transparent;
}

.o-form.is-info .o-btn {
  margin-bottom: 0;
}

.o-form.is-info .o-link {
  padding-top: 16px;
}

.o-form.is-login {
  padding-top: 44px;
}

.o-form.is-login input[type=email] {
  padding: 5px 10px 5px 60px;
}

.o-form.is-login .o-btn {
  margin-bottom: 15px;
}

.o-form.is-edit {
  padding: 28px 0 0;
}

.o-form.is-edit form > .is-flex .form-field {
  padding-bottom: 15px;
}

.o-form.is-edit form > .is-flex .form-field:first-of-type {
  margin-right: 10px;
}

.o-form.is-edit form > .is-flex .form-field .label {
  padding: 0 5px 0 0;
  flex-shrink: 0;
  width: 35px;
  text-align: center;
}

.o-form.is-edit form > .is-flex .form-field input[type=text] {
  width: 110px;
}

.o-form.is-edit .form-field {
  padding-bottom: 15px;
}

.o-form.is-edit .form-field.is-check {
  padding-bottom: 30px;
}

.o-form.is-edit .form-field.is-last {
  padding-bottom: 20px;
}

.o-form.is-edit .form-field .label {
  padding: 0;
  flex-shrink: 0;
}

.o-form.is-edit .form-field input[type=text], .o-form.is-edit .form-field input[type=password] {
  padding: 6px 20px;
  font-family: "Noto Sans JP", sans-serif;
}

.o-form.is-edit .form-field input[type=text] {
  width: 192px;
}

.o-form.is-edit .form-field input[type=password][readonly] {
  background-color: transparent;
  padding-left: 65px;
}

.o-form.is-edit .o-btn.is-mid {
  margin-bottom: 45px;
}

.o-form.is-edit.is-active {
  padding: 15px 15px 0;
}

.o-form.is-edit.is-active input[type=email] {
  height: 35px;
}

.o-form.is-edit.is-textarea {
  padding: 15px 5px 0;
}

.o-form.is-edit.is-textarea input[type=text] {
  border-radius: 18px;
  background: #F8F8F8;
  border: none;
  font-size: 18px;
  padding: 5px 12px;
  width: 100%;
}

.o-form.is-edit.is-textarea textarea {
  font-size: 18px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  height: 175px;
  border: none;
  resize: none;
  padding: 10px;
  border-radius: 10px;
  background: #F8F8F8;
  margin-bottom: 35px;
}

.o-form.is-edit.is-textarea p.f-18 {
  padding: 0 10px;
}

.o-form .text {
  padding: 20px 10px 40px;
}

.o-form .text p {
  font-weight: 300;
  font-size: 15px;
  color: #808080;
}

.o-form .text p.t-bold {
  font-weight: bold;
  color: #333;
}

.o-form .text input {
  background-color: #efefef;
  width: 192px;
  height: 36px;
  padding: 0 15px;
  border: none;
  border-radius: 20px;
}

.o-form .text input:focus {
  outline: none;
}

.nav {
  position: fixed;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 100%;
  max-width: 357px;
  padding: 8px 17px;
  background: #fff;
  border-radius: 13px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.nav__content a:nth-of-type(2) div .ico img {
  height: 32px;
}

.nav__content a:nth-of-type(3) div .ico img {
  height: 32px;
}

.nav__content a div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.nav__content a div .ico {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav__content a div .ico img {
  height: 32px;
}

.nav__content a div p {
  font-size: 10px;
  font-weight: 500;
  color: #520005;
}

.misc {
  position: fixed;
  top: 360px;
  background: #fff;
  border-radius: 13px;
  width: 100%;
  max-width: 357px;
  left: 0;
  transition: top 0.3s;
}

.misc.is-open {
  top: -217px;
  bottom: 0;
}

.misc ul li {
  font-size: 20px;
  border-bottom: 1px solid #C0C0C0;
}

.misc ul li:last-of-type {
  border-bottom: none;
}

.misc ul li a {
  width: 100%;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #556CD6;
}

.misc ul li.c-red a {
  color: #FF0000;
}

.course {
  padding: 15.5px 0 5px 0;
  border-bottom: 1px solid #C6C6C6;
}

.course__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14.5px;
}

.course__title.is-mid {
  padding-top: 15.5px;
}

.course__content > p {
  padding-bottom: 13.5px;
}

.course__content > a div {
  padding-bottom: 13.5px;
}

.course__content .selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.course__content .selected > p:first-of-type {
  padding-left: 39px;
}

.course__content > .is-justify-end .price {
  padding-left: 13px;
}

.course.is-last {
  padding-bottom: 34px;
}

.news {
  padding: 0 10px 0;
  border-bottom: 1px solid #C6C6C6;
}

.news ul li {
  border-bottom: 1px dashed #C6C6C6;
  padding-bottom: 13px;
  padding-top: 12px;
}

.news ul li:last-of-type {
  border: none;
  padding-bottom: 0;
}

.news ul li p {
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 10px;
}

.news ul li p:last-of-type {
  font-size: 13px;
  font-weight: 300;
  color: #808080;
}

.link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  padding-top: 14px;
}

.company {
  padding: 20px 20px 15px;
}

.company li {
  padding-bottom: 20px;
}

.company li p:first-of-type {
  width: 80px;
  margin-right: 10px;
  flex-shrink: 0;
}
/*# sourceMappingURL=style.css.map */