@charset "UTF-8";
/*------------------------------------------------------------
 *** Foundation
 *------------------------------------------------------------ */
html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 62.5%;
}

@media (max-width: 480px) {
  html {
    font-size: 3.125vw;
  }
}

body {
  font-size: 1.4rem;
}

@media (max-width: 480px) {
  body {
    font-size: 1.2rem;
  }
}

body, #wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 100vh;
}

p {
  margin: 0;
  line-height: 2;
}

* {
  font-family: "FP-HiraKakuProN-W3";
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a {
  cursor: pointer;
}

b, strong, th, dt {
  font-family: "FP-HiraKakuProN-W6";
}

/*------------------------------------------------------------
 *** Utility
 *------------------------------------------------------------ */
@media (min-width: 1025px) {
  .u-is-pc {
    display: initial;
  }
  .u-is-tb {
    display: none;
  }
  .u-is-sp {
    display: none;
  }
}

@media (max-width: 1024px) {
  .u-is-pc {
    display: none;
  }
  .u-is-tb {
    display: initial;
  }
  .u-is-sp {
    display: none;
  }
}

@media (max-width: 480px) {
  .u-is-pc {
    display: none;
  }
  .u-is-tb {
    display: none;
  }
  .u-is-sp {
    display: initial;
  }
}

.u-rtfx {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding-top: 100%;
  position: relative;
}

.u-rtfx > * {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.u-fnt__nml {
  font-family: "FP-HiraKakuProN-W3";
}

.u-fnt__bld {
  font-family: "FP-HiraKakuProN-W6";
}

/*------------------------------------------------------------
 *** Animation
 *------------------------------------------------------------ */
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*------------------------------------------------------------
 *** layout
 *------------------------------------------------------------ */
#header {
  width: 100%;
  background: #01599d;
  z-index: 1000;
  box-shadow: 0px 5px 5px 0px rgba(11, 3, 7, 0.25);
}

.header__content {
  display: flex;
  align-items: center;
  max-width: 1024px;
  margin: 0 auto;
}

@media (max-width: 480px) {
  .header__content {
    flex-wrap: wrap;
    padding: 10px;
  }
}

.header__userbox {
  width: 30%;
  color: #fff;
  display: flex;
  align-items: center;
}

@media (max-width: 480px) {
  .header__userbox {
    flex: 1 1 0;
  }
}

.header__name {
  margin-left: 10px;
}

.header__name a {
  color: #fff;
  text-decoration: none;
}

#nav {
  width: 70%;
}

@media (max-width: 480px) {
  #nav {
    width: 100%;
  }
}

#nav_input {
  display: none;
}

#nav_button {
  display: none;
}

#nav_bg {
  display: none;
}

#nav_content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#nav_content .nav_content__menu {
  padding: 20px;
  position: relative;
  overflow: hidden;
}

#nav_content .nav_content__menu a {
  color: #fff;
  text-decoration: none;
}

#nav_content .nav_content__menu::after {
  content: '';
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -10px;
  background: #fff;
  transition: bottom .3s ease;
}

#nav_content .nav_content__menu:hover::after {
  bottom: 0;
}

@media (max-width: 480px) {
  #nav_content {
    display: none;
  }
  #nav_button {
    display: block;
  }
  #nav_input:checked ~ #nav_content {
    display: initial;
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    overflow: scroll;
    background: #666;
    z-index: 100;
  }
  #nav_input:checked ~ #nav_bg {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
  }
}

#content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  background: #eeeff2;
  flex: 1 1 0;
}

#breadcrumb {
  width: 100%;
}

#main {
  flex: 1 1 0px;
  order: 2;
  padding: 40px 0;
}

@media (max-width: 480px) {
  #main {
    order: 1;
    width: 100%;
  }
}

#submenu {
  order: 1;
  width: 20%;
}

@media (max-width: 480px) {
  #submenu {
    order: 2;
    width: 100%;
  }
}

#footer {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#btn-pageTop {
  position: fixed;
  right: 0;
  bottom: 0;
}

/*------------------------------------------------------------
 *** Component
 *------------------------------------------------------------ */
.c-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.c-block__innar {
  display: flex;
  flex-wrap: wrap;
  width: 800px;
  margin: 0 auto;
}

@media (max-width: 480px) {
  .c-block__innar {
    width: 100%;
    padding: 0 2%;
  }
}

.c-block__box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #fff;
  padding: 30px 40px;
  border-radius: 5px;
}

.c-block__section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.c-block__layout01 {
  justify-content: space-between;
}

.c-block__layout01 > * {
  width: 48%;
}

.c-block__layout02 {
  justify-content: space-between;
}

.c-block__layout02 > * {
  width: 100%;
}

.c-block__layout03 {
  justify-content: space-between;
}

.c-block__layout03 > * {
  width: 32%;
}

.c-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.c-table__row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.c-table__head, .c-table__col {
  display: flex;
  align-items: center;
}

.c-table__head {
  width: 28%;
}

@media (max-width: 480px) {
  .c-table__head {
    width: 100%;
  }
}

.c-table__head-text {
  flex: 1 1 0%;
}

.c-table__col {
  flex: 1 1 0%;
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .c-table__col {
    width: 100%;
  }
}

.c-table01 {
  border: 2px solid #01599d;
  border-collapse: collapse;
}

.c-table01 .c-table__head,
.c-table01 .c-table__col {
  padding: 15px;
  border-right: 1px solid #ced4e3;
  border-bottom: 1px solid #ced4e3;
}

@media (max-width: 480px) {
  .c-table01 .c-table__head {
    padding-bottom: 0;
    border-bottom: none;
  }
}

.c-table01 .c-table__row > *:last-child {
  border-right: none;
}

.c-table01 .c-table__row:last-child > * {
  border-bottom: none;
}

.c-form {
  width: 100%;
}

.c-form__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #9e9e9e;
  padding: 8px 5px;
}

.c-form__input:focus {
  border: 1px solid #01599d;
}

.c-form__select {
  max-width: 100%;
  border: 1px solid #9e9e9e;
  padding: 8px 5px;
}

.c-form__message {
  flex: none;
  width: 100%;
  border: none !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}

.c-form__error {
  color: #c00;
}

.c-form__submitBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 40px auto;
}

.c-form__submitBox button {
  margin: 0 10px;
}

@media (max-width: 480px) {
  .c-form__submitBox button {
    margin: 10px 0;
  }
}

.c-form__submitBtn {
  min-width: 250px;
  padding: 30px;
  font-size: 1.6rem;
}

.c-form__textarea {
  width: 100%;
}

.c-form__check {
  justify-content: space-between;
}

.c-form__box-system {
  width: 100%;
  margin-bottom: 20px;
  padding: 30px 15px;
  text-align: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.c-form__box-system.is-error {
  background-color: #f2dede;
}

.c-form__box-system.is-success {
  background-color: #dff0d8;
}

.c-form__icon {
  padding: 3px 6px;
}

.c-form__icon-required {
  color: #fff;
  background: red;
}

.c-form__text {
  width: 100%;
}

.c-register__nameBox {
  justify-content: space-between;
}

.c-register__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 49%;
}

.c-register__name span {
  width: 3em;
}

.c-register__name .c-register__input {
  flex: 1 1 0%;
}

.c-register__telBox {
  justify-content: space-between;
}

.c-register__zipcode {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.c-register__zipcode span {
  width: 2em;
}

.c-register__zipcode span:not(:first-child) {
  text-align: center;
}

.c-register__zipcode .c-register__input {
  width: 4em;
}

.c-register__telBox {
  justify-content: space-between;
}

.c-register__tel span {
  width: 2em;
}

.c-register__tel .c-register__input {
  width: 4em;
}

.c-register__privasyBox {
  height: 300px;
  overflow-y: scroll;
}

.c-register__birthday-year {
  display: flex;
  align-items: center;
}

.c-register__birthday-year input {
  width: 4em;
}

.c-register__birthday-year span {
  margin: 0 0.5em;
}

.c-register__birthday-month {
  display: flex;
  align-items: center;
}

.c-register__birthday-month input {
  width: 3em;
}

.c-register__birthday-month span {
  margin: 0 0.5em;
}

.c-register__birthday-date {
  display: flex;
  align-items: center;
}

.c-register__birthday-date input {
  width: 3em;
}

.c-register__birthday-date span {
  margin: 0 0.5em;
}

.c-head {
  display: block;
  width: 100%;
}

.c-head01 {
  font-family: "FP-HiraKakuProN-W6";
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 25px;
  padding: 20px 0;
  color: #fff;
  text-align: center;
  background-color: #01599d;
}

.c-head02 {
  font-size: 1.6rem;
  margin-bottom: 25px;
  padding: 20px 0;
  position: relative;
  color: #01599d;
  text-align: center;
  background-color: #f4f5f7;
}

.c-head02::before, .c-head02::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  background-color: #01599d;
}

.c-head02::before {
  left: 0;
}

.c-head02::after {
  right: 0;
}

.c-head03 {
  font-family: "FP-HiraKakuProN-W6";
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 25px;
  padding: 13px 0;
  position: relative;
  color: #01599d;
  text-align: center;
}

.c-head03::before, .c-head03::after {
  content: '';
  position: absolute;
  width: 100%;
}

.c-head03::before {
  height: 1px;
  left: 0;
  bottom: 1px;
  background-color: #f4f5f7;
}

.c-head03::after {
  width: 110px;
  height: 2px;
  background-color: #01599d;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.c-head04 {
  font-family: "FP-HiraKakuProN-W6";
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 25px;
  padding: 15px 20px;
  background: #e6f4ff;
}

.c-btn {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  overflow: hidden;
  backface-visibility: hidden;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
}

@media (max-width: 480px) {
  .c-btn {
    padding: 15px;
  }
}

.c-btn::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.c-btn::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150%;
  height: 100%;
  transform-origin: right bottom;
  transform: skewX(-30deg) scale(0, 1);
  transition: transform .3s;
}

.c-btn:hover::after {
  transform-origin: right bottom;
  transform: skewX(-30deg) scale(1, 1);
}

.c-btn > * {
  position: relative;
  z-index: 1;
}

.c-btn__type01::before {
  background: #fff;
}

.c-btn__type01::after {
  background-image: -webkit-linear-gradient(298deg, #01599d 24%, #05a5b3 99%);
  background-image: -o-linear-gradient(298deg, #01599d 24%, #05a5b3 99%);
  background-image: linear-gradient(28deg, #01599d 24%, #05a5b3 99%);
}

.c-btn__type01:hover span {
  color: #fff;
}

.c-btn__type02::before {
  background-image: -webkit-linear-gradient(298deg, #01599d 24%, #05a5b3 99%);
  background-image: -o-linear-gradient(298deg, #01599d 24%, #05a5b3 99%);
  background-image: linear-gradient(28deg, #01599d 24%, #05a5b3 99%);
}

.c-btn__type02::after {
  background: #fff;
}

.c-btn__type02:hover span {
  color: #010101;
}

.c-btn__type03::before {
  background-color: #01599d;
}

.c-btn__type03 span {
  color: #fff;
}

.c-btn__type03::after {
  background-color: #013c6a;
}

.c-paragraph {
  width: 100%;
}

.c-link {
  color: #000;
  text-decoration: none;
}

.c-link:hover {
  color: #01599d;
}

.c-loading__wrap {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}

.c-loading::before {
  content: "";
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  margin-top: -15px;
  margin-left: -15px;
}

.c-loading::after {
  content: "";
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border: 3px solid #01599d;
  border-right: 3px solid #fff;
  animation: rotate 1s infinite linear;
}

.c-loading.is-active {
  display: block;
}

/*------------------------------------------------------------
 *** Project
 *------------------------------------------------------------ */
/*------------------------------------------------------------
 *** index
 *------------------------------------------------------------ */
.p-index {
  display: flex;
  position: relative;
  height: calc(100vh - 50px);
  overflow: hidden;
}

.p-index__left {
  width: 50%;
  background: #005398;
}

.p-index__right {
  width: 50%;
  background: #00beaa;
}

.p-index__texture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../img/common/bg_txs_watercolor.png);
  background-size: cover;
}

.p-index__logo {
  text-align: center;
}

.p-index__text {
  padding: 60px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (max-width: 480px) {
  .p-index__text {
    padding: 20px 0;
  }
}

.p-index__content {
  width: 800px;
  padding: 100px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
  .p-index__content {
    width: 90%;
    margin: 0 auto;
    padding: 30px 40px;
  }
}

.p-index__links {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 480px) {
  .p-index__links {
    flex-wrap: wrap;
  }
}

.p-index__link {
  width: 250px;
  text-decoration: none;
}

@media (max-width: 480px) {
  .p-index__link {
    width: 100%;
  }
}

.p-index__linkBox {
  text-align: center;
  margin-top: 25px;
}

.p-index__btnMc {
  padding: 30px;
}

.p-index__btnMc::before {
  background-color: #01599d;
}

.p-index__btnMc span {
  color: #fff;
}

.p-index__btnMc::after {
  background-color: #013c6a;
}

@media (max-width: 480px) {
  .p-index__btnMc {
    margin-bottom: 20px;
  }
}

.p-index__btnAb {
  padding: 38px 30px;
}

.p-index__btnAb::before {
  background-color: #05c1b0;
}

.p-index__btnAb span {
  color: #fff;
}

.p-index__btnAb::after {
  background-color: #048f83;
}

.p-index__item {
  position: absolute;
  top: 50%;
  left: 50%;
}

.p-index__item01 {
  transform: translate(-240%, -175%);
}

.p-index__item02 {
  transform: translate(45%, -95%);
}

.p-index__item03 {
  transform: translate(-340%, 5%);
}

.p-index__item04 {
  transform: translate(138%, -13%);
}

.p-index__item05 {
  transform: translate(-400%, -100%);
}

.p-index__item06 {
  transform: translate(-175%, 5%);
}

@media (max-width: 480px) {
  .p-index__item {
    display: none;
  }
}

.p-index form {
  display: block;
  width: 100%;
}

.p-index__formBlock {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.p-index__formBox {
  position: fixed;
  width: 700px;
  padding: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 5px;
}

@media (max-width: 480px) {
  .p-index__formBox {
    width: 98%;
    padding: 50px;
  }
}

.p-index__formInnar {
  position: relative;
}

.p-index__formBg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #333;
  opacity: 0.8;
}

.p-index__form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  display: none;
}

.p-index__formClose {
  position: absolute;
  right: 20px;
  top: 20px;
}

.p-index__formMenu {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 25px;
}

.p-index__form-group {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  .p-index__form-group {
    flex-wrap: wrap;
  }
}

.p-index__form-ttl {
  width: 30%;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  .p-index__form-ttl {
    width: 100%;
  }
}

.p-index__form-iptBox {
  width: 70%;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  .p-index__form-iptBox {
    width: 100%;
  }
}

.p-index__form-ipt {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #9e9e9e;
  padding: 15px 10px;
}

.p-index__form-cnt {
  width: 100%;
}

.p-index__form-btn {
  display: block;
  width: 250px;
  height: 70px;
  margin: 0 auto;
}

.p-index__login-menu {
  display: flex;
  justify-content: space-between;
}

.p-index__login-menu-link {
  width: 45%;
  text-decoration: none;
}

@media (max-width: 480px) {
  .p-index__login-menu-link {
    width: 100%;
  }
}

#ctrl-form {
  display: none;
}

#ctrl-formBox {
  display: none;
}

#ctrl-form:checked ~ #ctrl-formBox {
  display: block;
}

#ctrl-formBox [name="ctrl-form-type"] {
  display: none;
}

#ctrl-formBox [name="ctrl-form-menu"] {
  display: none;
}

#ctrl-formBox [name="ctrl-form-type"][value='login']:checked ~ [data-form-menu="login"] {
  display: flex;
}

#ctrl-formBox [name="ctrl-form-type"][value='passwordreset']:checked ~ [data-form-menu="passwordreset"] {
  display: flex;
}

#ctrl-formBox [name="ctrl-form-type"][value='register']:checked ~ [data-form-menu="register"] {
  display: flex;
}

/*------------------------------------------------------------
 *** mypage
 *------------------------------------------------------------ */
.p-mypage {
  width: 100%;
}

.p-mypage__innar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-mypage__innar::after {
  content: '';
  display: block;
  width: 250px;
}

.p-mypage__menu {
  width: 250px;
  height: 200px;
  color: #010101;
  text-decoration: none;
  position: relative;
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  .p-mypage__menu {
    width: 48%;
  }
}

.p-mypage__menu-iconBlock {
  width: 100%;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
}

.p-mypage__menu-iconBox {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.p-mypage__menu-iconBox::before {
  background-image: -webkit-linear-gradient(298deg, #01599d 24%, #05a5b3 99%);
  background-image: -o-linear-gradient(298deg, #01599d 24%, #05a5b3 99%);
  background-image: linear-gradient(28deg, #01599d 24%, #05a5b3 99%);
}

.p-mypage__menu-iconBox::after {
  background: #fff;
}

.p-mypage__menu-iconBox > *, .p-mypage__menu-btn > * {
  position: relative;
  z-index: 1;
}

.p-mypage__menu-iconBox::before, .p-mypage__menu-btn::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.p-mypage__menu-iconBox::after, .p-mypage__menu-btn::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150%;
  height: 100%;
  transform-origin: right bottom;
  transform: skewX(-30deg) scale(0, 1);
  transition: transform .3s;
}

.p-mypage__menu:hover .p-mypage__menu-iconBox::after,
.p-mypage__menu:hover .p-mypage__menu-btn::after {
  transform-origin: right bottom;
  transform: skewX(-30deg) scale(1, 1);
}

.p-mypage__icon {
  width: 30px;
  height: 30px;
}

.p-mypage__icon .st0 {
  fill: #fff !important;
}

.p-mypage__menu:hover .p-mypage__icon .st0 {
  fill: #01599d !important;
}

.p-mypage__menu-btn {
  width: 100%;
  height: 155px;
  background: #ffffff;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  z-index: 100;
  box-shadow: 0px 3px 3px 0px rgba(11, 3, 7, 0.07);
}

.p-mypage__menu-btn::before {
  background: #fff;
  background: linear-gradient(to bottom right, white 90%, #ced4e3 0) no-repeat top left/100% 100%;
  width: 35%;
  height: 57%;
}

.p-mypage__menu-btn::after {
  background-image: -webkit-linear-gradient(298deg, #01599d 24%, #05a5b3 99%);
  background-image: -o-linear-gradient(298deg, #01599d 24%, #05a5b3 99%);
  background-image: linear-gradient(28deg, #01599d 24%, #05a5b3 99%);
}

.p-mypage__menu-ttlBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 30px;
  z-index: 10000;
}

.p-mypage__menu-ttl {
  display: block;
  font-size: 1.8rem;
  text-decoration: none;
  text-align: center;
  font-family: "FP-HiraKakuProN-W6";
  margin-bottom: 15px;
}

@media (max-width: 480px) {
  .p-mypage__menu-ttl {
    font-size: 1.4rem;
  }
}

.p-mypage__menu-ttl_en {
  display: block;
  font-size: 1rem;
  text-decoration: none;
  text-align: center;
  color: #010101;
}

.p-mypage__menu:hover .p-mypage__menu-ttl,
.p-mypage__menu:hover .p-mypage__menu-ttl_en {
  color: #fff;
}

.p-member__table-head {
  width: 25%;
}