@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;700&display=swap");
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
  border: 0;
  list-style: none;
}

a {
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

@media screen and (min-width: 769px) {
  a:hover, button:hover {
    opacity: 0.8;
  }
}
img {
  height: auto;
  vertical-align: middle;
}

svg {
  width: inherit;
  height: inherit;
}

section {
  display: block;
}

html {
  font-size: 14px;
}

input, textarea, select, button {
  font-family: inherit;
  font-size: inherit;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

:placeholder-shown, ::-webkit-input-placeholder, :-ms-input-placeholder {
  color: #222 !important;
}

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

body {
  font-family: Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Roboto,"Droid Sans",YuGothic,"游ゴシック",Verdana,sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #333;
  background: #fff;
  line-height: 1.5;
  letter-spacing: 0.1em;
  vertical-align: middle;
  font-display: swap;
}

/* swiper
-----------------------------*/
.swiper-slide-active {
  z-index: 9999;
}

/* header
-----------------------------*/
#headerBase {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
  /* background: #FFF; */
  background: linear-gradient(#ec6493, #e62a6c);
}
#headerBase p.line {
  background: #F4F4F4;
  color: #063994;
  font-size: 11px;
  padding: 2px 12px;
}
#headerBase header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* padding: 0 70px 0 0; */
  padding: 10px;
  /* height: 58px; */
  font-size: 10px;
  grid-gap: 12px;
  position: relative;
}
#headerBase header.logout:after {
  content: "";
  display: block;
  height: 15px;
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
  background: linear-gradient(180deg, #e5e5e5 0%, #FFFFFF 100%);
}
#headerBase header.toppage:after {
  display: none;
}
#headerBase header ul {
  display: flex;
  grid-gap: 12px;
  order: 2;
}
#headerBase header ul li {
  color: #063994;
}
#headerBase header ul li span {
  display: block;
  height: 26px;
  text-align: center;
}
#headerBase header ul li:first-child {
  color: #D6AD00;
}
#headerBase header .logo {
  margin-right: auto;
  padding-left: 12px;
  order: 1;
}
#headerBase .userinfo {
  position: relative;
  z-index: 2;
  background: #E0C243;
  color: #FFF;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  padding: 6px 12px;
}

#naviMenu {
  color: #063994;
  order: 3;
  z-index: 100;
  position: fixed;
  top: 20px;
  right: 12px;
  font-size: 10px;
}

.header_menu {
  height: 25px;
  position: relative;
  cursor: pointer;
  width: 28px;
  margin: 10px auto 0;
}
.header_menu span {
  width: 28px;
  height: 2px;
  position: absolute;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  background: #063994;
  left: 0;
}
.header_menu span:nth-child(1) {
  top: 3px;
}
.header_menu span:nth-child(2) {
  top: 12px;
}
.header_menu span:nth-child(3) {
  top: 20px;
}
.header_menu.is-active span:nth-child(1) {
  transform: rotate(45deg);
  top: 12px;
}
.header_menu.is-active span:nth-child(2) {
  opacity: 0;
}
.header_menu.is-active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 12px;
}
.header_menu:before {
  content: "";
  background: #FFF;
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  width: 275px;
  height: 70px;
  z-index: -1;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.4s ease;
}
.header_menu.is-active:before {
  opacity: 1;
  transform: translateX(0);
}

/* nav
-----------------------------*/
.l-nav {
  position: fixed;
  right: 0;
  z-index: 99;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 275px;
  min-height: 100svh;
  height: 100vh;
  height: -webkit-fill-available;
  top: 0;
  padding: 90px 0 80px 0;
}

.c-nav {
  background: #FFF;
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.c-nav.is-active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-nav__main {
  font-size: 15px;
  position: relative;
}
.c-nav__main:before {
  position: absolute;
  top: 0;
  left: 15px;
  content: "";
  display: block;
  width: calc(100% - 30px);
  height: 1px;
  background: #CCC;
}
.c-nav__main:after {
  position: absolute;
  bottom: 0;
  left: 15px;
  content: "";
  display: block;
  width: calc(100% - 30px);
  height: 1px;
  background: #CCC;
}

.c-nav__main__item > a {
  font-weight: bold;
  padding: 14px 16px;
}
.c-nav__main__item > a::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background: url("../images/ic_menu_regist.svg") no-repeat 0 0/contain;
}

.c-nav__memberStatus {
  padding: 0 16px;
  font-size: 14px;
}
.c-nav__memberStatus .c-nav__memberStatus_name span {
  font-size: 16px;
  display: inline-block;
  color: #063994;
  margin-right: 12px;
}

.c-nav__point {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 0 16px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.c-nav__point dt {
  white-space: nowrap;
}
.c-nav__point dd {
  font-size: 15px;
}
.c-nav__point dd span.nowstr {
  color: #063994;
  font-weight: bold;
  font-family: "Open Sans",sans-serif;
}
.c-nav__point dd span.limstr {
  color: #333;
  font-weight: bold;
  font-size: 12px;
}
.c-nav__point dd a {
  display: inline-block;
  font-size: 12px;
  padding: 3px 5px;
  background: #063994;
  color: #FFF;
}
.c-nav__point + .c-nav__point {
  margin-top: 0px;
}

.c-nav__main__item__children__item {
  font-size: 14px;
}
.c-nav__main__item__children__item > span {
  padding: 10px 0 10px 32px;
  display: block;
}
.c-nav__main__item__children__item > a {
  padding: 10px 0 10px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.c-nav__main__item__children__item > a span {
  font-size: 12px;
  color: #fff;
  min-width: 24px;
  border-radius: 24px;
  text-align: center;
  line-height: 24px;
  background: #30579e;
  padding: 0px 4px;
  margin-left: auto;
}

.c-nav__regist .bnr {
  margin-bottom: 10px;
  padding: 0 12px;
}
.c-nav__regist .bnr a {
  border: 3px solid #E6D58E;
  padding: 30px 10px;
  text-align: center;
  color: #FFF;
  background: black;
  background: linear-gradient(90deg, #BF9C07 0%, #E3CA5D 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  border-radius: 10px;
  font-size: 18px;
}
.c-nav__regist .bnr a:before {
  content: "";
  width: 22px;
  height: 18px;
  display: block;
  background: url("../images/ic_ft_regist.svg");
}
.c-nav__regist p {
  text-align: center;
  font-size: 13px;
}

.c-nav__sub {
  margin-top: 8px;
}

.c-nav__sub__item {
  font-size: 15px;
}
.c-nav__sub__item > a {
  padding: 11px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 12px;
}
.c-nav__sub__item > a:before {
  display: block;
  width: 21px;
  height: 18px;
  content: "";
  background: #DDD;
}

.c-nav__sub__item > a.top:before {
  background: url("../images/ic_menu_top.svg") no-repeat center center/contain;
}

.c-nav__sub__item > a.guide:before {
  background: url("../images/ic_menu_guide.svg") no-repeat center center/contain;
}

.c-nav__sub__item > a.counsellor:before {
  background: url("../images/ic_menu_counsellor.svg") no-repeat center center/contain;
}

.c-nav__sub__item > a.price:before {
  background: url("../images/ic_menu_price.svg") no-repeat center center/contain;
}

.c-nav__sub__item > a.faq:before {
  background: url("../images/ic_menu_faq.svg") no-repeat center center/contain;
}

.c-nav__sub__item > a.mail:before {
  background: url("../images/ic_menu_mail.svg") no-repeat center center/contain;
}

/*------------------------------------------------------------------------------
breadcrumbs
------------------------------------------------------------------------------*/
.c-breadcrumbs {
  width: 100%;
}
.c-breadcrumbs ul {
  padding: 0 16px;
  width: 100%;
  max-width: 1024px;
  height: 32px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.c-breadcrumbs ul li {
  font-size: 12px;
}
.c-breadcrumbs ul li a, .c-breadcrumbs ul li span {
  color: #30579e;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.c-breadcrumbs ul li a::after, .c-breadcrumbs ul li span::after {
  content: "/";
  display: block;
  margin: 0 8px 0 6px;
}
.c-breadcrumbs ul li span {
  color: #000000;
}

/*------------------------------------------------------------------------------
frame/overlay
------------------------------------------------------------------------------*/
.c-section, .c-section--bg {
  width: 100%;
}

.c-section--bg {
  background: #EFF6FA;
}

.c-section__inner {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 16px;
}

._overlay, .c-overlay, .c-overlay.nav, .c-overlay.transparent {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 97;
  cursor: pointer;
  background: rgba(51, 51, 51, 0.5);
}

.c-overlay.nav, .c-overlay.transparent {
  background: rgba(0, 0, 0, 0.75);
}

/*------------------------------------------------------------------------------
main
------------------------------------------------------------------------------*/
.l-main {
  position: relative;
  min-height: calc(100vh - 225px);
  padding-top: 20px;
}
.l-main p {
  margin-bottom: 14px;
}

._frame {
  width: 100%;
  margin: 0 auto;
  padding: 10px 16px 48px 16px;
}

.c-frame--large {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 16px 48px 16px;
}

.c-frame--middle {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 16px 48px 16px;
}
.c-frame--middle.councelor {
  padding-top: 0;
}
.c-frame--middle > section {
  margin-bottom: 50px;
}

.c-frame--small {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 16px 16px 16px;
}
.c-frame--small > section {
  margin-bottom: 50px;
}

.c-frame--bg {
  max-width: 768px;
  background: #EFF6FA;
  margin: 0 auto;
  padding: 0 16px 12px 16px;
}

.c-frame--border {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.c-frame--councelor {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 48px 0;
}
.c-frame--councelor > .c-headline__middle {
  margin-bottom: 0;
}

.c-frame__notice {
  background: #F3F3F3;
  padding: 30px 20px;
  margin: 30px 0;
  border-radius: 10px;
}
.c-frame__notice .title {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 16px;
}
.c-frame__notice p:last-child {
  margin-bottom: 0;
}
.c-frame__notice .c-btns:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------------------------
component
------------------------------------------------------------------------------*/
/* text-color */
.c-strong-red {
  color: #FF0000;
}

/* h-tag */
.c-headline__large {
  font-weight: normal;
  font-size: 22px;
  /* background: linear-gradient(90deg, #063994 0%, #296FCE 100%); */
  background: linear-gradient(90deg, #ec6493, #e62a6c);
  padding: 20px 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin-bottom: 32px;
}
.c-headline__large span.sub {
  font-size: 13px;
  font-weight: normal;
  display: block;
  font-family: "Open Sans","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.c-headline__middle {
  /* background: linear-gradient(90deg, #063994 0%, #296FCE 100%); */
  background: linear-gradient(90deg, #ec6493 0%, #e62a6c 100%);
  color: #FFF;
  padding: 10px 12px;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 16px;
}

.c-headline__small {
  background: #EFF6FA;
  /* color: #063994; */
  color: #ec6493;
  text-align: center;
  padding: 10px 10px;
  font-size: 17px;
  font-weight: bold;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin-bottom: 16px;
}

.c-headline__topic {
  background: #296FCE;
  color: #FFF;
  padding: 10px 12px;
  font-size: 17px;
  font-weight: bold;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  margin-bottom: 16px;
  text-align: center;
}

.c-smallhead {
  color: #063994;
  font-size: 15px;
  margin-bottom: 5px;
}

.c-frame--large .c-headline__large, .c-frame--large .c-headline__middle, .c-frame--large .c-headline__small, .c-frame--large .c-headline__topic, .c-frame--middle .c-headline__large, .c-frame--middle .c-headline__middle, .c-frame--middle .c-headline__small, .c-frame--middle .c-headline__topic, .c-frame--small .c-headline__large, .c-frame--small .c-headline__middle, .c-frame--small .c-headline__small, .c-frame--small .c-headline__topic, .c-frame--bg .c-headline__large, .c-frame--bg .c-headline__middle, .c-frame--bg .c-headline__small, .c-frame--bg .c-headline__topic {
  margin-left: -16px;
  margin-right: -16px;
}

/* list*/
.c-listype__oneindent {
  margin: 0 0 20px;
}
.c-listype__oneindent li {
  font-size: 14px;
  padding-left: 1.25em;
  text-indent: -1.25em;
  margin-bottom: 3px;
}

.c-listype__dot {
  margin: 0 0 20px;
}
.c-listype__dot li {
  font-size: 14px;
  padding-left: 1.15em;
  text-indent: -1.15em;
  margin-bottom: 3px;
}
.c-listype__dot li:before {
  content: "・";
}
.c-listype__dot.notice li {
  font-size: 12px;
  margin-bottom: 16px;
}
.c-listype__dot.notice li a {
  display: inline;
}

.c-listype__ol01 {
  margin: 0 0 20px;
}
.c-listype__ol01 li {
  padding-left: 3.25em;
  text-indent: -3.25em;
  margin-bottom: 3px;
}

.c-linkrelated {
  margin: 50px 0 20px;
}
.c-linkrelated li {
  border-bottom: 1px solid #CCC;
  padding: 12px 0;
  position: relative;
}
.c-linkrelated li:after {
  position: absolute;
  top: calc(50% - 6px);
  right: 14px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}
.c-linkrelated li a {
  display: block;
}

/* tableBorder*/
.c-tableBorder {
  margin-bottom: 20px;
}
.c-tableBorder table {
  width: 100%;
  font-size: 13px;
  border-collapse: collapse;
}
.c-tableBorder table th {
  text-align: left;
  padding: 5px 10px;
  border: 1px solid #CCCCCC;
  background: #EFF6FA;
  font-weight: normal;
}
.c-tableBorder table td {
  padding: 5px 10px;
  border: 1px solid #CCCCCC;
}
.c-tableBorder table.servicepoint {
  font-family: "Open Sans";
}
@media screen and (max-width: 768px) {
  .c-tableBorder table.servicepoint {
    font-size: 3vw;
  }
}
.c-tableBorder table.servicepoint tbody th {
  background: #FFF;
  text-align: center;
}
.c-tableBorder table.servicepoint tbody td {
  background: #FFF;
  text-align: center;
}
.c-tableBorder table.servicepoint tbody td:nth-child(3) {
  color: #FF0000;
  font-weight: bold;
}
.c-tableBorder table.servicepoint tbody td:nth-child(4) {
  font-weight: bold;
}

/* payment icon*/
.c-paymentbrand {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  align-items: center;
  gap: 10px;
}

.c-paymentbrandlist {
  display: flex;
  justify-content: flex-start;
  margin: 30px 0;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.c-paymentbrandlist li {
  border: 1px solid #CCC;
}
.c-paymentbrandlist li img {
  width: auto;
  height: 38px;
}

/*------------------------------------------------------------------------------
modal
------------------------------------------------------------------------------*/
.c-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}

.c-modal.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-modal__box {
  width: calc(100% - 32px);
  max-width: 480px;
  margin: 0 auto;
  z-index: 100;
}

@media screen and (min-width: 769px) {
  .c-modal__box {
    padding: 40px 100px 0 100px;
  }
}
@media screen and (max-width: 768px) {
  .c-modal__box {
    padding: 32px 32px 0 32px;
  }
}
.c-modal__box__ttl {
  font-weight: bold;
  margin-bottom: 16px;
}

.c-modal__box__desc {
  font-size: 14px;
}

/*------------------------------------------------------------------------------
mypage/schedule
------------------------------------------------------------------------------*/
.c-schedule, .c-history {
  margin: 0 -16px;
}
.c-schedule .c-schedule__item, .c-schedule .c-history__item, .c-history .c-schedule__item, .c-history .c-history__item {
  background: #EFF6FA;
  padding: 5px 16px;
  width: 100%;
}
.c-schedule .c-schedule__item:first-child, .c-schedule .c-history__item:first-child, .c-history .c-schedule__item:first-child, .c-history .c-history__item:first-child {
  padding-top: 30px;
}
.c-schedule .c-schedule__item:last-child, .c-schedule .c-history__item:last-child, .c-history .c-schedule__item:last-child, .c-history .c-history__item:last-child {
  padding-bottom: 30px;
}
.c-schedule .c-schedule__item > div, .c-schedule .c-schedule__item > a, .c-schedule .c-history__item > div, .c-schedule .c-history__item > a, .c-history .c-schedule__item > div, .c-history .c-schedule__item > a, .c-history .c-history__item > div, .c-history .c-history__item > a {
  border-radius: 10px;
  background: #FFF;
  width: 100%;
  padding: 14px 18px;
}
.c-schedule .c-waiting__item, .c-history .c-waiting__item {
  background: none;
}

.c-schedule__item__footer, .c-history__item__footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #CCC;
}
.c-schedule__item__footer .c-schedule__item__date, .c-schedule__item__footer .c-history__item__date, .c-history__item__footer .c-schedule__item__date, .c-history__item__footer .c-history__item__date {
  font-family: 'Open Sans', sans-serif;
  color: #7E7E7E;
  font-size: 11px;
  margin-bottom: 0;
}
.c-schedule__item__footer .c-schedule__item__action, .c-history__item__footer .c-schedule__item__action {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  align-items: center;
}
.c-schedule__item__footer .c-schedule__item__action .c-history__item__btns p, .c-history__item__footer .c-schedule__item__action .c-history__item__btns p {
  margin-bottom: 0;
}
.c-schedule__item__footer .c-schedule__item__action .c-history__item__btns a, .c-history__item__footer .c-schedule__item__action .c-history__item__btns a {
  font-size: 11px;
  border: 1px solid #063994;
  color: #063994;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 3px 2px;
}
.c-schedule__item__footer .c-schedule__item__cancel button, .c-schedule__item__footer .c-history__item__delete button, .c-history__item__footer .c-schedule__item__cancel button, .c-history__item__footer .c-history__item__delete button {
  font-size: 11px;
  border: 1px solid #063994;
  color: #063994;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 2px;
}

.c-schedule__item__body, .c-history__item__body {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  position: relative;
}
.c-schedule__item__body:after, .c-history__item__body:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-top-color: #063994;
  border-right-color: #063994;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 6px);
  right: 0;
}

.c-schedule__item__body__pic, .c-history__item__body__pic {
  width: 85px;
  height: 85px;
  position: relative;
}
.c-schedule__item__body__pic > img, .c-history__item__body__pic > img {
  width: 85px;
  height: 85px;
  border-radius: 50vh;
  object-fit: cover;
}

.c-schedule__item__body__info, .c-history__item__body__info {
  position: relative;
}
.c-schedule__item__body__info p, .c-history__item__body__info p {
  margin-bottom: 5px;
}
.c-schedule__item__body__info .c-schedule__item__body__info__kana, .c-schedule__item__body__info .c-history__item__body__info__kana, .c-history__item__body__info .c-schedule__item__body__info__kana, .c-history__item__body__info .c-history__item__body__info__kana {
  width: 100%;
  font-size: 10px;
  color: #063994;
  overflow: hidden;
}
.c-schedule__item__body__info .c-schedule__item__body__info__name, .c-schedule__item__body__info .c-history__item__body__info__name, .c-history__item__body__info .c-schedule__item__body__info__name, .c-history__item__body__info .c-history__item__body__info__name {
  width: 100%;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  color: #063994;
}
.c-schedule__item__body__info .c-schedule__item__body__info__name span, .c-schedule__item__body__info .c-history__item__body__info__name span, .c-history__item__body__info .c-schedule__item__body__info__name span, .c-history__item__body__info .c-history__item__body__info__name span {
  font-size: 17px;
  display: inline-block;
  margin-right: 8px;
}
.c-schedule__item__body__info .c-schedule__item__body__info__point, .c-history__item__body__info .c-schedule__item__body__info__point {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-size: 11px;
}
.c-schedule__item__body__info .c-counselor__item__status > *, .c-history__item__body__info .c-counselor__item__status > * {
  display: block;
  min-width: 125px;
}
.c-schedule__item__body__info .c-counselor__item__status p, .c-history__item__body__info .c-counselor__item__status p {
  border-radius: 10px;
  color: #FFF;
  width: 100%;
  text-align: center;
  height: auto;
  line-height: 32px;
  border-width: 3px;
  border-style: solid;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 13px;
}

/*------------------------------------------------------------------------------
counselor
------------------------------------------------------------------------------*/
.c-counselor {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-counselor:after {
  content: "";
  display: block;
  width: 33.3%;
}
.c-counselor > li {
  width: 33.3%;
  border-right: 1px solid #CCC;
  padding: 20px 10px 10px;
  position: relative;
  border-bottom: 1px solid #CCC;
}
.c-counselor > li:nth-child(3n) {
  border-right: none;
}
@media screen and (max-width: 374px) {
  .c-counselor > li {
    width: 50%;
  }
  .c-counselor > li:nth-child(2n) {
    border-right: none;
  }
  .c-counselor > li:nth-child(3n) {
    border-right: 1px solid #CCC;
  }
}
.c-counselor .c-counselor__item__status__new {
  position: absolute;
  left: 0;
  top: 0;
}
.c-counselor .c-counselor__item__main__info .c-counselor__item__main__info__kana {
  font-size: 9px;
  text-align: center;
  color: #063994;
  margin-bottom: 3px;
}
.c-counselor .c-counselor__item__main__info .c-counselor__item__main__info__name {
  font-size: 13px;
  text-align: center;
  color: #063994;
  margin-bottom: 10px;
  font-size: calc(100vw * 13 / 375);
}
@media screen and (min-width: 769px) {
  .c-counselor .c-counselor__item__main__info .c-counselor__item__main__info__name {
    font-size: 13px;
  }
}
.c-counselor .c-counselor__item__main__info .c-counselor__item__main__info__name span {
  font-size: 15px;
  display: inline-block;
  margin: 0 5px;
  font-size: calc(100vw * 15 / 375);
}
@media screen and (min-width: 769px) {
  .c-counselor .c-counselor__item__main__info .c-counselor__item__main__info__name span {
    font-size: 15px;
  }
}
.c-counselor .c-counselor__item__main__info .c-counselor__item__main__info__point {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  font-size: 11px;
}
.c-counselor .c-counselor__item__genre {
  margin-bottom: 10px;
}
.c-counselor .c-counselor__item__genre p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-counselor .c-counselor__item__genre p > span {
  display: inline;
  font-size: 10px;
}
.c-counselor .c-counselor__item__genre p > span a {
  display: inline;
}
.c-counselor .c-counselor__item__genre p > span:not(:last-child):after {
  content: "／";
}
.c-counselor .c-counselor__item__status p {
  margin-bottom: 0;
  border-radius: 50vh;
  width: 100%;
  text-align: center;
  padding: 10px 5px;
  border-width: 3px;
  border-style: solid;
  font-size: calc(100vw * 13 / 375);
}
@media screen and (min-width: 769px) {
  .c-counselor .c-counselor__item__status p {
    font-size: 13px;
  }
}
.c-counselor .c-counselor__item__status span {
  width: 100%;
  text-align: center;
  font-size: 11px;
}
.c-counselor .c-counselor__item__main__pic {
  aspect-ratio: 1/1;
}
.c-counselor .c-counselor__item__main__pic img {
  max-width: 100%;
}

.c-counselor--ranking {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-counselor--ranking:after {
  content: "";
  display: block;
  width: 33.3%;
}
.c-counselor--ranking > li {
  width: 33.3%;
  padding: 20px 10px 10px;
  position: relative;
}
.c-counselor--ranking .c-counselor__item__main__info .c-counselor__item__main__info__kana {
  font-size: 9px;
  text-align: center;
  color: #063994;
  margin-bottom: 3px;
}
.c-counselor--ranking .c-counselor__item__main__info .c-counselor__item__main__info__name {
  font-size: 13px;
  text-align: center;
  color: #063994;
  margin-bottom: 10px;
}
.c-counselor--ranking .c-counselor__item__main__info .c-counselor__item__main__info__name span {
  font-size: 15px;
  display: inline-block;
  margin: 0 5px;
}
.c-counselor--ranking .c-counselor__item__status p {
  margin-bottom: 0;
  border-radius: 50vh;
  width: 100%;
  text-align: center;
  padding: 10px 5px;
  border-width: 3px;
  border-style: solid;
  font-size: calc(100vw * 13 / 375);
}
@media screen and (min-width: 769px) {
  .c-counselor--ranking .c-counselor__item__status p {
    font-size: 13px;
  }
}
.c-counselor--ranking .c-counselor__item__status span {
  width: 100%;
  text-align: center;
  font-size: 11px;
}
.c-counselor--ranking .c-counselor__item__main__pic {
  position: relative;
  aspect-ratio: 1/1;
  padding: 5px;
  margin-bottom: 10px;
}
.c-counselor--ranking .c-counselor__item__main__pic:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50vh;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: linear-gradient(145deg, #c9b06b 0%, #fff6d8 50%, #c9b06b 100%);
  z-index: 0;
}
.c-counselor--ranking .c-counselor__item__main__pic img {
  position: relative;
  max-width: 100%;
  border-radius: 50vh;
  z-index: 1;
}

/*------------------------------------------------------------------------------
counselor_review
------------------------------------------------------------------------------*/
.c-voice {
  background: #EFF6FA;
  padding: 40px 16px 20px 16px;
  max-width: 768px;
  margin: 0 auto;
}
.c-voice .c-counselor_review_item {
  margin-bottom: 15px;
}
.c-voice .c-counselor_review_item .c-counselor_review_body p {
  font-size: 13px;
  overflow: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: none;
}

.c-voice-single {
  max-width: 768px;
  margin: 0 auto;
}
.c-voice-single .c-counselor_review_item {
  padding: 16px 0;
  border-bottom: 1px solid #CCC;
  border-radius: 0;
}
.c-voice-single .c-counselor_review_item .c-counselor_review_body p {
  font-size: 13px;
  overflow: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: none;
}

.c-counselor_review_item {
  background: #FFF;
  border-radius: 10px;
  padding: 16px;
  position: relative;
  margin-bottom: 10px;
}
.c-counselor_review_item .c-counselor_review_head {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  position: relative;
  margin-bottom: 10px;
}
.c-counselor_review_item .c-counselor_review_head a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.c-counselor_review_item .c-counselor_review_head .c-counselor_review_head__pic {
  width: 63px;
  height: 63px;
  position: relative;
}
.c-counselor_review_item .c-counselor_review_head .c-counselor_review_head__pic > img {
  width: 63px;
  height: 63px;
  border-radius: 50vh;
  object-fit: cover;
}
.c-counselor_review_item .c-counselor_review_head .c-counselor_review_head__name {
  font-size: 14px;
  color: #063994;
}
.c-counselor_review_item .c-counselor_review_head .c-counselor_review_head__name span {
  font-size: 17px;
  margin-right: 5px;
}
.c-counselor_review_item .c-counselor_review_head:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #063994;
  border-right: 1px solid #063994;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  z-index: 2;
}
.c-counselor_review_item .c-counselor_review_bodyhead {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10px;
}
.c-counselor_review_item .c-counselor_review_bodyhead .star {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}
.c-counselor_review_item .c-counselor_review_bodyhead .star img {
  width: 13px;
  height: auto;
}
.c-counselor_review_item .c-counselor_review_bodyhead .date {
  color: #A7A7A7;
  font-size: 9px;
}
.c-counselor_review_item .c-counselor_review_body p {
  font-size: 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.c-counselor_review_item .c-counselor_review_footer {
  padding: 20px 16px 0 16px;
}
.c-counselor_review_item .c-counselor_review_footer .c-btns {
  margin: 0;
}
.c-counselor_review_item .c-counselor_review_footer .c-btns > a {
  font-size: 13px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  img {
    max-width: 100%;
  }
}
/*------------------------------------------------------------------------------
counselor_blog
------------------------------------------------------------------------------*/
.c-blog--search {
  margin-bottom: 30px;
  padding: 0 16px;
}
.c-blog--search form {
  position: relative;
  border: 1px solid #CCC;
  display: block;
  padding: 3px 10px;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}
.c-blog--search form input[type="text"] {
  border: none;
  padding: 10px 0;
  font-size: 16px;
  width: calc(100% - 80px);
}
.c-blog--search form input[type="text"]:focus {
  outline: 0;
}
.c-blog--search form input[type="submit"] {
  cursor: pointer;
  border: none;
  background: #3879D9;
  color: #fff;
  font-size: 15px;
  position: absolute;
  width: 75px;
  height: 100%;
  right: 0px;
  top: 0;
  outline: none;
}

.c-counselor_blog {
  background: #EFF6FA;
  padding: 20px 0 0 0;
  max-width: 768px;
  margin: 0 auto;
}
.c-counselor_blog .c-counselor_blog_item {
  background: #FFF;
  padding: 16px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.c-counselor_blog_head {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  position: relative;
  margin-bottom: 10px;
}
.c-counselor_blog_head a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.c-counselor_blog_head .c-counselor_blog_head__pic {
  width: 63px;
  height: 63px;
  position: relative;
}
.c-counselor_blog_head .c-counselor_blog_head__pic > img {
  width: 63px;
  height: 63px;
  border-radius: 50vh;
  object-fit: cover;
}
.c-counselor_blog_head .c-counselor_blog_head__name {
  font-size: 14px;
  color: #063994;
  margin-bottom: 0;
}
.c-counselor_blog_head .c-counselor_blog_head__name span {
  font-size: 17px;
  margin-right: 5px;
}
.c-counselor_blog_head:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #063994;
  border-right: 1px solid #063994;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 10px);
  right: 0;
  z-index: 2;
}

.c-counselor_blog_bodyhead {
  margin-bottom: 15px;
}
.c-counselor_blog_bodyhead .date {
  font-size: 9px;
  color: #A7A7A7;
  text-align: right;
}
.c-counselor_blog_bodyhead .title {
  font-weight: bold;
  font-size: 15px;
}

.c-counselor_blog_body {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  margin-bottom: 10px;
}
.c-counselor_blog_body .thumb {
  width: 70px;
}
.c-counselor_blog_body .thumb img {
  max-width: 100%;
}
.c-counselor_blog_body .thumb + .text {
  width: calc(100% - 80px);
}
.c-counselor_blog_body .text {
  font-size: 13px;
}
.c-counselor_blog_body .text p:last-child {
  margin-bottom: 0;
}

.c-counselor_blog_body_single {
  margin-bottom: 30px;
}
.c-counselor_blog_body_single .text {
  margin-top: 15px;
}

.c-counselor_blog_profile {
  border: 1px solid #CCC;
  padding-bottom: 15px;
  flex-direction: row-reverse !important;
}
.c-counselor_blog_profile .p-counselorDetail .p-counselor_header {
  flex-direction: row-reverse;
}
.c-counselor_blog_profile .p-counselorDetail .p-counselor_header .historyback a:after {
  right: 16px;
  left: auto;
  transform: rotate(-135deg);
}

.c-counselor_blog_item .c-counselor_blog_footer .c-btns {
  margin: 0;
}
.c-counselor_blog_item .c-counselor_blog_footer .c-btns > a {
  font-size: 13px;
}

.c-blog-single-pagelink {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 40px;
  max-width: 768px;
}
.c-blog-single-pagelink li {
  width: 30%;
}
.c-blog-single-pagelink li.goindex {
  width: 40%;
}
.c-blog-single-pagelink li a {
  display: block;
  /* background: #063994; */
  background: #e62a6c;
  color: #FFF;
  text-align: center;
  position: relative;
  padding: 12px;
  font-size: 10px;
}
.c-blog-single-pagelink li a.prev::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  transform: none;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5px);
  left: 10px;
}
.c-blog-single-pagelink li a.next::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: none;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5px);
  right: 10px;
}

/*------------------------------------------------------------------------------
followMail
------------------------------------------------------------------------------*/
.c-followMail {
  background: #EFF6FA;
  padding: 20px 0 0 0;
  max-width: 768px;
  margin: 0 auto;
}
.c-followMail .c-followMail_item {
  background: #FFF;
  padding: 16px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.c-followMail_item_head {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  position: relative;
  margin-bottom: 10px;
}
.c-followMail_item_head a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.c-followMail_item_head .c-followMail_item_head__pic {
  width: 63px;
  height: 63px;
  position: relative;
}
.c-followMail_item_head .c-followMail_item_head__pic > img {
  width: 63px;
  height: 63px;
  border-radius: 50vh;
  object-fit: cover;
}
.c-followMail_item_head .c-followMail_item_head__name {
  font-size: 14px;
  color: #063994;
  margin-bottom: 0;
}
.c-followMail_item_head .c-followMail_item_head__name span {
  font-size: 17px;
  margin-right: 5px;
}
.c-followMail_item_head:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #063994;
  border-right: 1px solid #063994;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 10px);
  right: 0;
  z-index: 2;
}

.c-followMail_item_bodyhead {
  margin-bottom: 15px;
}
.c-followMail_item_bodyhead .date {
  font-size: 9px;
  color: #A7A7A7;
  text-align: right;
}
.c-followMail_item_bodyhead .title {
  font-weight: bold;
  font-size: 15px;
}

.c-followMail_item_body {
  margin-bottom: 10px;
}
.c-followMail_item_body .text {
  font-size: 13px;
}
.c-followMail_item_body .text p:last-child {
  margin-bottom: 0;
}

.c-recieveMail_item {
  background: #FFF;
  padding: 16px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.c-recieveMail_item_head {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  position: relative;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.c-recieveMail_item_head .c-recieveMail_item__pic {
  width: 63px;
  height: 63px;
  position: relative;
}
.c-recieveMail_item_head .c-recieveMail_item__pic > img {
  width: 63px;
  height: 63px;
  border-radius: 50vh;
  object-fit: cover;
}
.c-recieveMail_item_head .c-recieveMail_item__info .c-recieveMail_item__info__kana {
  font-size: 10px;
  color: #063994;
  margin-bottom: 0;
}
.c-recieveMail_item_head .c-recieveMail_item__info .c-recieveMail_item__info__name {
  font-size: 14px;
  color: #063994;
  margin-bottom: 0;
}
.c-recieveMail_item_head .c-recieveMail_item__info .c-recieveMail_item__info__name span {
  font-size: 17px;
  margin-right: 5px;
}

.c-recieveMail_item_bodyhead {
  margin-bottom: 15px;
}
.c-recieveMail_item_bodyhead .date {
  font-size: 9px;
  color: #A7A7A7;
  text-align: right;
}
.c-recieveMail_item_bodyhead .title {
  font-weight: bold;
  font-size: 15px;
}

.c-receiveDetail__desc p {
  font-size: 13px;
}
.c-receiveDetail__desc p p:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------------------------
counselor__item__status
------------------------------------------------------------------------------*/
.c-counselor__item__status {
  width: 100%;
  position: relative;
}
.c-counselor__item__status .c-counselor__item__status__accepting, .c-counselor__item__status .c-counselor__item__status__talking, .c-counselor__item__status .c-counselor__item__status__leaving {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.c-counselor__item__status .c-counselor__item__status__ranking {
  width: 56px;
  height: 56px;
  position: absolute;
  left: calc(50% - 28px);
  top: -28px;
}
.c-counselor__item__status .c-counselor__item__status__ranking img {
  width: 100%;
  height: 100%;
}
.c-counselor__item__status .c-counselor__item__status__accepting p {
  color: #FFF;
  background: #F27CA5;
  background: linear-gradient(90deg, #F27CA5 0%, #FAA2B6 100%);
  border-color: #FFBACD;
}
.c-counselor__item__status .c-counselor__item__status__talking p {
  color: #FFF;
  background: #E3BA0A;
  background: linear-gradient(90deg, #E3BA0A 0%, #F2D536 100%);
  border-color: #EFE176;
}
.c-counselor__item__status .c-counselor__item__status__talking span {
  font-size: 10px;
  color: #FFF !important;
  margin-left: 8px;
}
.c-counselor__item__status .c-counselor__item__status__standby p {
  color: #FFF;
  background: #539DE8;
  background: linear-gradient(90deg, #539DE8 0%, #6FCAFA 100%);
  border-color: #A3D5F5;
}
.c-counselor__item__status .c-counselor__item__status__leaving p {
  color: #FFF;
  background: #BEBEBE;
  background: linear-gradient(90deg, #BEBEBE 0%, #D3D3D3 100%);
  border-color: #D5D5D5;
}

.c-counselor__item__status__new {
  width: 44px;
  height: 44px;
  text-align: center;
  border-radius: 0;
  margin-bottom: 0;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}
.c-counselor__item__status__new span {
  display: block;
  transform: rotate(-45deg);
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 9px;
  font-weight: bold;
}
.c-counselor__item__status__new:before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 44px solid transparent;
  border-left: 44px solid #296FCE;
  position: absolute;
  z-index: 1;
}

/*------------------------------------------------------------------------------
regist, login
------------------------------------------------------------------------------*/
.p-regist__nav {
  width: calc(100% + 24px);
  margin: -27px -12px 50px -12px;
}
.p-regist__nav > ul {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.p-regist__nav > ul li {
  width: calc(100% / 3);
  padding: 5px 0;
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
  position: relative;
  background: #D9D9D9;
}
.p-regist__nav > ul li:not(:last-child)::before, .p-regist__nav > ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.p-regist__nav > ul li:not(:last-child)::before {
  top: 50%;
  right: -20px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 50px 0 50px 30px;
  z-index: 10;
  transform: translateY(-50%);
}
.p-regist__nav > ul li:not(:last-child)::after {
  top: 50%;
  right: -15px;
  border-style: solid;
  border-color: transparent transparent transparent #D9D9D9;
  border-width: 50px 0 50px 30px;
  z-index: 10;
  transform: translateY(-50%);
}
.p-regist__nav > ul li.is-active:not(:last-child)::after {
  border-color: transparent transparent transparent #296FCE;
}
.p-regist__nav > ul li.is-active {
  color: #FFF;
  background: #296FCE;
}

.p-regist__body__box__ttl {
  font-weight: normal;
  font-size: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

.p-regist__body__box__ttl__blue {
  font-weight: normal;
  font-size: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
  color: #063994;
}

.p-login__forget {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.p-login__forget a {
  font-size: 14px;
  color: #30579e;
  text-decoration: underline;
  display: inline-block;
}

.p-login__toRegist {
  width: 100%;
  background: #FBFBFC;
  border-radius: 8px;
  padding: 16px;
  margin-top: 32px;
}
.p-login__toRegist p {
  font-weight: bold;
  text-align: center;
}
.p-login__toRegist a {
  margin: 16px auto;
}

/*------------------------------------------------------------------------------
form
------------------------------------------------------------------------------*/
.c-desc {
  margin-bottom: 16px;
  text-align: center;
  color: #063994;
  font-size: 17px;
}

.c-desc--long {
  margin-bottom: 16px;
  text-align: left;
  color: #063994;
  font-size: 15px;
}

.c-desc__detail {
  margin-bottom: 16px;
  text-align: center;
  font-size: 14px;
}

.c-desc__detail__notesline {
  font-size: 13px;
}

* p.c-desc__detail--long {
  margin-bottom: 32px;
  text-align: left;
  font-size: 14px;
}

.c-form__body__item + li {
  margin-top: 30px;
}

@media screen and (min-width: 769px) {
  .c-form__body__item {
    display: flex;
    justify-content: flex-start;
  }
}

.c-form__body__item__ttl {
  margin-bottom: 8px;
  font-size: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: right;
  margin-top: 8px;
  padding-right: 24px;
  width: 30%;
}
.c-form__body__item__ttl span.ness {
  color: #ff0000;
  padding-left: 16px;
  font-size: 12px;
}
.c-form__body__item__ttl p {
  font-size: 12px;
  font-weight: normal;
  color: #C2BDC2;
  margin-left: auto;
}

.c-form__body__item__body {
  width: 70%;
}

.c-form__body__item__body__note {
  font-size: 13px;
  margin-top: 16px;
}

.c-form__body__item__body__flex {
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}
.c-form__body__item__body__flex label {
  width: 50%;
  max-width: 200px;
}

.c-form__body__item__body__radio {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px 20px;
}

.c-form__body__item__body__mail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  grid-gap: 5px;
}
.c-form__body__item__body__mail > input:first-child, .c-form__body__item__body__mail li:first-child {
  width: 50%;
}
.c-form__body__item__body__mail > input:last-child, .c-form__body__item__body__mail li:last-child {
  width: calc(50% - 25px);
}

.c-form__body__item__body__birth {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  grid-gap: 5px;
  font-size: 13px;
}
.c-form__body__item__body__birth label:first-child {
  max-width: 105px;
}
.c-form__body__item__body__birth label:not(:first-child) {
  width: 58px;
  margin-left: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.c-form__body__item__body__birth .c-select, .c-form__body__item__body__birth .c-select-noallow {
  width: auto;
}
.c-form__body__item__body__birth .errorArea {
  width: 100%;
}

.c-form__body__item__body__limit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.c-form__body__item__body__limit label:first-child {
  max-width: 88px;
}
.c-form__body__item__body__limit label:not(:first-child) {
  width: 88px;
  margin-left: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.c-form__comfirm {
  margin-top: 30px;
}

.c-form__comfirm__item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 5px 0;
}

.c-form__comfirm__item + li {
  margin-top: 10px;
}

.c-form__comfirm__item__ttl.rowchange {
  width: 100%;
}
.c-form__comfirm__item__ttl:after {
  content: "：";
}

/* parts */
.c-inputText {
  width: 100%;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #CCCCCC;
  background: #fff;
  padding: 11px 16px;
}

.c-textarea {
  width: 100%;
  height: 180px;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #CCCCCC;
  background: #fff;
  padding: 12px 16px;
  resize: vertical;
}

.c-textarea-note {
  color: #FF0000;
  font-size: 14px;
  text-align: right;
  margin-top: 8px;
}

.c-select, .c-select-noallow {
  width: 100%;
  height: 48px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #CCCCCC;
  background: #fff;
  display: block;
  position: relative;
}
.c-select select, .c-select-noallow select {
  width: 100%;
  height: 100%;
  padding: 0 34px 0 16px;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
.c-select:after, .c-select-noallow:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5px);
  right: 14px;
  z-index: 2;
}

.c-select-noallow select {
  padding: 0 16px;
}
.c-select-noallow:after {
  display: none;
}

._rado-checkbox, .c-radio, .c-checkbox {
  font-size: 13px;
  min-height: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
._rado-checkbox.single, .c-radio.single, .c-checkbox.single {
  justify-content: center;
  font-size: 15px;
}

._rado-checkbox > input, .c-radio > input, .c-checkbox > input {
  display: none;
}

._rado-checkbox > p, .c-radio > p, .c-checkbox > p {
  background: #fff;
  margin: 0 8px;
  position: relative;
}

.c-radio > p {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #063994;
}
.c-radio > p::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  top: 3px;
  left: 3px;
}

.c-radio > input:checked ~ p::before {
  background: #063994;
}

.c-radio > input:checked ~ span {
  color: #30579e;
}

.c-form__body__item__review__star {
  display: flex;
  justify-content: flex-start;
}
.c-form__body__item__review__star .on {
  display: none;
}
.c-form__body__item__review__star input:checked ~ span .on {
  display: block;
}
.c-form__body__item__review__star input:checked ~ span .off {
  display: none;
}

.c-form__body__item__review__star {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.c-form__body__item__review__star > div {
  position: relative;
  cursor: pointer;
}
.c-form__body__item__review__star > div img {
  width: 36px;
  height: 36px;
}
.c-form__body__item__review__star > div img:nth-of-type(1) {
  display: none;
}
.c-form__body__item__review__star > div img:nth-of-type(2) {
  display: block;
}
.c-form__body__item__review__star > div.is-active img:nth-of-type(1) {
  display: block;
}
.c-form__body__item__review__star > div.is-active img:nth-of-type(2) {
  display: none;
}

.c-checkbox > p {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
}

.c-checkbox > p::before {
  content: "";
  display: block;
  width: 5px;
  height: 8px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #fff;
  border-bottom-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0px;
  left: 3px;
}

.c-checkbox > input:checked ~ p {
  border-color: #063994;
  background: #063994;
}

.c-checkbox > input:checked ~ p::before {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

.c-checkbox > input:checked ~ span {
  color: #063994;
}

.c-form__note {
  margin-top: 32px;
}

.c-errorBox {
  background: #fcf1d1;
}

.c-errorTxt {
  font-size: 12px;
  color: #FF0000;
  margin-top: 8px;
}

/*------------------------------------------------------------------------------
btn
------------------------------------------------------------------------------*/
.c-btns, .c-btnSocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 32px auto;
}

.c-btns > * + *, .c-btnSocial > * + * {
  margin-top: 32px;
}

.c-desc + .c-btns {
  margin-top: 100px;
}

.c-btn--main + .c-btn--whiteBack {
  margin-top: 16px;
}

.c-btns__txt {
  font-size: 14px;
  color: #000000;
  display: inline-block;
  border-bottom: 1px solid #000000;
  padding-bottom: 2px;
  padding: 0 14px;
}

.c-btns__txt_b {
  font-size: 14px;
  color: #063994;
  display: inline-block;
  border-bottom: 1px solid #063994;
  padding-bottom: 2px;
  padding: 0 28px;
}

._btn, .c-btn--main, .c-btn--white, .c-btn--whiteBack, .c-btn--mainPlane, .c-btn--facebook, .c-btn--line {
  min-width: 255px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50vh;
  position: relative;
  cursor: pointer;
  padding: 15px 30px 15px 15px;
}

._btn::after, .c-btn--main::after, .c-btn--whiteBack::after, .c-btn--white::after, .c-btn--mainPlane::after, .c-btn--facebook::after, .c-btn--line::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5px);
  right: 14px;
}

.c-btn--main {
  color: #fff;
  background: #063994;
}
.c-btn--main:after {
  border-top-color: #fff;
  border-right-color: #fff;
}

.c-btn--white {
  color: #063994;
  background: #fff;
  border: 1px solid #063994;
}
.c-btn--white::after {
  border-top-color: #063994;
  border-right-color: #063994;
}

.c-btn--whiteBack {
  color: #063994;
  background: #fff;
  border: 1px solid #063994;
  padding: 15px 15px 15px 30px;
}
.c-btn--whiteBack::after {
  display: none;
}
.c-btn--whiteBack::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #063994;
  border-left: 1px solid #063994;
  transform: none;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5px);
  left: 14px;
}

.c-btn--mainPlane {
  color: #fff;
  background: #063994;
  padding: 15px 15px 15px 15px;
}
.c-btn--mainPlane::after {
  display: none;
}

.c-btns > button + button {
  margin-top: 12px;
}

.c-counselor__item__btns, .p-counselorDetail__main__btns {
  padding: 16px 0;
  display: block;
}

.c-counselor__item__btns > a + a, .p-counselorDetail__main__btns > a + a {
  margin-top: 8px;
}

._btnAction, .c-btnAction--tel, .c-btnAction--nowtel, .c-btnAction--waiting, .c-btnAction--waitingCansel, .c-btnAction--reserve, .c-btnAction--mail {
  width: 100%;
  font-size: 18px;
  border-width: 3px;
  border-style: solid;
  border-radius: 10px;
  padding: 16px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 20px;
}
._btnAction p, .c-btnAction--tel p, .c-btnAction--nowtel p, .c-btnAction--waiting p, .c-btnAction--waitingCansel p, .c-btnAction--reserve p, .c-btnAction--mail p {
  margin-bottom: 0;
}
._btnAction:before, .c-btnAction--tel:before, .c-btnAction--nowtel:before, .c-btnAction--waiting:before, .c-btnAction--waitingCansel:before, .c-btnAction--reserve:before, .c-btnAction--mail:before {
  content: "";
  width: 100%;
  height: 50%;
  background: rgba(255, 255, 255, 0.2);
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.c-btnAction--tel {
  color: #FFF;
  border-color: #F86060;
  background: linear-gradient(180deg, #FC9898 0%, #C70000 100%);
}

.c-btnAction--nowtel {
  color: #FFF;
  border-color: #8FC4F2;
  background: linear-gradient(180deg, #7FD1F5 0%, #296FCE 100%);
}

.c-btnAction--waiting {
  color: #FFF;
  border-color: #D5D5D5;
  background: linear-gradient(180deg, #BEBEBE 0%, #BEBEBE 100%);
}

.c-btnAction--waitingCansel {
  color: #FFF;
  border-color: #F86060;
  background: linear-gradient(180deg, #FC9898 0%, #C70000 100%);
}

.c-btnAction--reserve {
  color: #FFF;
  border-color: #D1B6FC;
  background: linear-gradient(180deg, #E9B9FF 0%, #717EE2 100%);
}

.c-btnAction--mail {
  color: #FFF;
  border-color: #93AEF8;
  background: linear-gradient(180deg, #B4ADFF 0%, #1EA6ED 100%);
}

.c-btnAction__label {
  line-height: 1.2;
  text-align: right;
  margin-left: auto;
}

.c-btnAction__label p:first-child {
  font-size: 18px;
}

.c-btnAction__label p:last-child {
  font-size: 10px;
}

/*------------------------------------------------------------------------------
pagination
------------------------------------------------------------------------------*/
.c-pagination {
  width: 100%;
  height: 42px;
  background: #fff;
  margin: 50px 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
}
.c-pagination li, .c-pagination a {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  background: #F4F4F4;
  color: #7E7E7E;
}
.c-pagination li.current a, .c-pagination li.current, .c-pagination a.current {
  color: #FFFFFF;
  background: #063994;
}
.c-pagination ._pagination-prev-next a, .c-pagination .c-pagination__prev a, .c-pagination .c-pagination__next a {
  position: relative;
  width: 42px !important;
}
.c-pagination .c-pagination__next a {
  background: #FFFFFF;
}
.c-pagination ._pagination-prev-next span, .c-pagination .c-pagination__prev span, .c-pagination .c-pagination__next span {
  display: none;
}
.c-pagination .c-pagination__prev a::before, .c-pagination .c-pagination__next a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #707070;
  border-left: 2px solid #707070;
  transform: rotate(45deg);
  margin-left: 4px;
}
.c-pagination .c-pagination__next a::after {
  margin-right: 6px;
  transform: rotate(-135deg);
}

/*------------------------------------------------------------------------------
news
------------------------------------------------------------------------------*/
.c-news__item a {
  border-bottom: 1px solid #D9D9D9;
  padding: 16px 32px 16px 16px;
  position: relative;
}
.c-news__item a:after {
  position: absolute;
  top: calc(50% - 6px);
  right: 14px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #063994;
  border-right: 1px solid #063994;
  transform: rotate(45deg);
}
.c-news__item a .c-news__item__date {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #868686;
  margin-bottom: 5px;
}
.c-news__item a .c-news__item__txt {
  font-size: 13px;
  line-height: 1.8;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0px;
}

/*------------------------------------------------------------------------------
news
------------------------------------------------------------------------------*/
.p-newsDetail .p-newsDetail__header {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.p-newsDetail .p-newsDetail__header__date {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #868686;
  margin-bottom: 8px;
}
.p-newsDetail .p-newsDetail__header__ttl {
  font-size: 16px;
  font-weight: normal;
}
.p-newsDetail .p-newsDetail__body {
  font-size: 14px;
}
.p-newsDetail .p-newsDetail__body > * + * {
  margin-top: 24px;
}
.p-newsDetail .p-newsDetail__body img {
  width: 100%;
}
.p-newsDetail .p-newsDetail__body a {
  color: #155EC1;
  text-decoration: underline;
  display: inline;
}

/*------------------------------------------------------------------------------
mypage - point
------------------------------------------------------------------------------*/
.c-pointstatus {
  margin: 50px 0;
}
.c-pointstatus dl {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  gap: 15px;
}
.c-pointstatus dl dt {
  font-size: 16px;
}
.c-pointstatus dl dd {
  font-weight: bold;
  font-size: 18px;
  font-family: "Open Sans";
}
.c-pointstatus dl dd span {
  color: #296FCE;
  font-size: 24px;
}
.c-pointstatus .c-pointstatus__note {
  text-align: center;
}
.c-pointstatus .c-pointstatus__note p {
  display: inline-block;
  padding: 5px 20px;
  font-size: 15px;
  color: #296FCE;
  border: 1px solid #296FCE;
}

/*------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------*/
#pagetop {
  position: fixed;
  right: 15px;
  bottom: 60px;
}
#pagetop a {
  display: block;
  border-radius: 50vh;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #FFF;
  background: #063994;
  font-size: 9px;
}
#pagetop a:before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  display: block;
  transform: rotate(-45deg);
}

footer#fotterFixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #ec6493;
  /* background: linear-gradient(180deg, rgba(0, 47, 132, 0.8) 0%, rgba(6, 57, 148, 0.8) 100%); */
  z-index: 1;
}
footer#fotterFixed ul {
  margin: 0 auto;
  max-width: 768px;
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
footer#fotterFixed ul li {
  width: 25%;
  font-size: 10px;
  text-align: center;
  color: #FFF;
}
footer#fotterFixed ul li:not(:last-child) {
  border-right: 1px solid #FFF;
}
footer#fotterFixed ul li span {
  display: block;
  height: 25px;
  padding: 2px 0;
  text-align: center;
}

footer#footerBase {
  /* background: #063994; */
  /* background: #e62a6c; */
  background: #222;
  padding: 30px 20px 60px 20px;
  color: #FFF;
  position: relative;
  z-index: 0;
}
footer#footerBase ul {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
footer#footerBase ul li {
  font-size: 12px;
  text-align: right;
  padding: 0 10px;
  margin-bottom: 12px;
  border-right: 1px solid #FFF;
}
footer#footerBase ul li:nth-child(2), footer#footerBase ul li:last-child {
  border-right: none;
  padding: 0 0 0 10px;
}
footer#footerBase ul li:nth-child(3) {
  padding: 0 10px 0 0;
}
footer#footerBase ul li:nth-child(n+3) {
  order: 1;
}
footer#footerBase ul:after {
  content: "";
  width: 100%;
  height: 1;
}
footer#footerBase .copy {
  font-size: 10px;
  text-align: center;
  color: #FFF;
}