@charset "utf-8";
html {
  box-sizing: border-box;
}

*,
::before,
::after {
  box-sizing: inherit;
}

img {
  border: 0px;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  text-align: center;
  border: none;
}

input::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 200;
  letter-spacing: 0.05rem;
}

input[type="radio" i] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

input[type="checkbox" i] {
  -webkit-appearance: checkbox;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
ul,
li,
p {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}html {
  font-size: 10px;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Hiragino Sans, "ヒラギノ角ゴシック", Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
  width: 100%;
  overflow-x: hidden;
  position: relative;
  color: #333;
  font-weight: 300;
}

p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  outline: none;
  text-decoration: underline;
}

a.disabled {
  pointer-events: none;
}

a img {
  vertical-align: bottom;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  font: inherit;
  font-size: 1.6rem;
}

select {
  font-size: 1.6rem;
}

label{
  cursor:pointer;
}

label input[type="checkbox"],
label input[type="radio"] {
  margin-right: 10px;
}/* floatの回り込み解除 */
.u-clearfix {
  display: block;
}
.u-clearfix::after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
/* ▼ Hides from IE-mac ▼ */
* html .u-clearfix {
  height: 1%;
}

/* text */
.u-txt-red {
  color: #ed4a45;
}

.u-txt-bold {
  font-weight: 600;
}

/* width */
.u-w100per {
  width: 100%;
}

/* ブロックリンク */
.u-block-link {
  display: block;
  width: 100%;
}

/* リンク */
a.u-no-underline:hover {
  text-decoration: none;
}

/* PCのみ表示 */
@media (max-width: 767px) {
  .u-forpc {
    display: none;
  }
}

/* スマホのみ表示 */
.u-forsmp {
  display: none !important;
}

@media (max-width: 767px) {
  .u-forsmp {
    display: block !important;
  }
}/*** 目次 ******************
 - 見出し
 - プロセス
 - ボタン
 - 注意文
 - グレーアウトボックス
 - トップに戻る
 - 開閉リスト
/**************************/

/*** 見出し ***/
.c-page-title {
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: .05rem;
  margin-bottom: 20px;
}
.c-page-title.c-page-title_important {
  width:100%;
  padding:10px 0;
  text-align:center;
  color:#333;
  font-weight: 700;
}

.page-description {
  font-size: 1.4rem;
}

.c-heading {
  border-left: 10px solid #253b70;
  padding-left: 1.2rem;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: .05rem;
  margin: 24px 0;
}

@media (max-width: 767px) {
  .c-page-title {
    font-size: 1.8rem;
    text-align: center;
  }
  .c-heading {
    margin: 10px 0 15px;
  }
}

/*** プロセス ***/
.c-process {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  text-align: center;
  counter-reset: process-number;
  margin-bottom: 38px;
}
.c-process__item {
  flex: 1;
  white-space: nowrap;
  padding: 0 5px;
  counter-increment: process-number;
  position: relative;
}
.c-process__item:not(:last-child)::before {
  display: block;
  content: "";
  width: calc(100% - 28px);
  height: 3px;
  background: #efefef;
  position: absolute;
  top: 40px;
  left: calc(50% + 14px);
}
.c-process__item::after {
  display: block;
  content: counter(process-number);
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: #efefef;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 10px auto 0;
}

.c-process__item.\--done::after,
.c-process__item.\--progress::before {
  background: #efa10f;
}

/*** ボタン ***/
.c-btn {
  display: block;
  width: 100%;
  color: #fff;
  /*background: #fcc408;*/
  background:#efa10f;
  border-radius: 4px;
  border: none;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  padding: 15px 0;
  margin: auto;
}
.c-btn.disabled {
  background: #ccc;
}
.c-btn:hover {
  text-decoration: none;
  opacity: .6;
}
.c-btn.\--confirm {
  background: #f37472;
}
.c-btn.\--salmon {
  background: #f56861;
  font-weight: 300;
}
.c-btn.--year {
  background: #e84f88;
}
.c-btn.--applied {
  background: #ccc;
  font-size: 1.6rem;
  pointer-events: none;
}

@media (max-width: 767px) {
  .c-btn {
    font-size: 1.6rem;
    font-weight: 400;
  }

  .c-btn.--applied {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

/*** 注意文 ***/
.c-caution {
  font-size: 1.4rem;
  color: #ed4a45;
  margin: 30px auto;
}
.c-caution-list__item {
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
}

/*** 注意文 ***/
.c-caution-section {
  margin: 40px auto;
}
.c-caution-section__headline {
  font-size: 1.8rem;
  font-weight: 600;
  color: #0f244f;
  border-bottom: 2px solid #0f244f;
  padding-bottom: 6px;
  padding-left: 12px;
  margin-bottom: 15px;
}
.c-caution-section__text {
  font-size: 1.4rem;
  margin: 1em 0;
}

/*** グレーアウトボックス ***/
.c-gray-out-box {
  margin: 20px auto;
  padding: 20px;
  background: #f2f2f2;
  color: #999;
  font-size: 1.6rem;
  text-align: center;
}
.c-gray-out-box__title {
  font-weight: 300;
  margin-bottom: 10px;
}
.c-gray-out-box__text {
  font-weight: 600;
  word-break: break-word;
}

@media (max-width: 767px) {
  .c-gray-out-box {
    width: 80%;
  }
}

/*** 利用規約の確認 ***/
.c-agreement {
  font-size: 1.4rem;
  margin: 15px auto;
}
.c-agreement-signage {
  margin-bottom: 30px;
}
.c-agreement-heading {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}
.c-agreement-heading.\--underline {
  color: #0f244f;
  border-bottom: 2px solid #0f244f;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.c-agreement-textarea {
  display: block;
  width: 90%;
  min-width: 90%;
  max-width: 90%;
  min-height: 200px;
  font-size: 1.6rem;
  border: 8px solid #efefef;
  margin: 15px auto;
}
.c-agreement-note {
  color: #999;
  text-align: center;
  margin: 10px 0;
}
.c-agreement-check {
  font-size: 2rem;
  text-align: center;
  margin: 20px 0;
}
.c-agreement-check input {
  zoom: 1.5;
  position: relative;
  top: 2px;
}

@media (max-width: 767px) {
  .c-agreement-signage {
    margin-bottom: 10px;
  }
  .c-agreement-heading {
    font-size: 1.8rem;
  }
}

/*** 開閉リスト ***/
.c-accordion-list {
  font-size: 1.6rem;
}
.c-accordion-list__item-swicher {
  padding: 5px 0;
  position: relative;
  border-bottom: 1px dashed #0f244f;
  cursor: pointer;
}
.c-accordion-list__item-swicher::after {
  display: block;
  content: '';
  position: absolute;
}
.c-accordion-list__item-swicher.\--close::after {
  border-top: 12px solid #0f244f;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  right: .4em;
  bottom: .5em;
}
.c-accordion-list__item-swicher.\--open::after {
  content: '閉じる';
  font-size: 1rem;
  right: 0;
  bottom: 1em;
}
.c-accordion-list__item-content {
  display: none;
  padding: 20px 0;
}
.c-accordion-list__item-swicher.\--open + .c-accordion-list__item-content {
  display: block;
}
.c-accordion-list__item-content p {
  margin-bottom: 1em;
}

@media (max-width: 767px) {
  .c-accordion-list__item-swicher {
    padding: 5px 30px 5px 0;
  }
}
.info4member {
  margin-top:20px;
  &.\--sp-only{display:none;}
}

/*** リンク ***/
.c-important-link{
  text-decoration:underline;
}
.c-important-link.c-btn{
  display:block;
  width:60%;
  margin:auto;
  text-decoration:none;
}
.info4member .c-important-link.c-btn{
  background-color: #f56861;
}
.info4member .c-important-link.c-btn.mypage{
  background-color: #0042a3;
}
.info4member .c-important-link.c-btn.--event{
  background-color: #99D074;
}

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


.c-important-link_note{
  margin-top:3px;
  font-weight:normal;
  font-size:0.8em;
}

.c-important-link.c-btn{
  margin-top:10px;
  width:100%;
}

/*** 購入完了後の各種メッセージ ***/
.c-align-center{
  text-align:center;
}
.c-app_wrapper{
  display:flex;
  justify-content: center;
  align-items: center;
  width:60%;
  margin:0px auto 20px auto;
}
.c-app{
  margin:0px 10px;
  text-align:center;
}
.c-app img{
  width:auto;
  max-width:300px;
  height:60px;
}
.c-qrcode{
  width:50%;
  margin:1em auto;
  padding:0px;
}
.c-qrcode th,.c-qrcode td{
  text-align:center;
}
.c-qrcode img{
  width:120px;
}

@media (max-width: 767px) {
  .c-app img{
    height:50px;
  }
}
/*----------------------------------------*
 * 入力項目
 *----------------------------------------*/
/* テキストボックス */
.m-form-wrapper input[type="text"],
.m-form-wrapper input[type="password"],
.m-form-wrapper input[type="email"] {
  background: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 5px;
}
.m-form-wrapper input[type="text"]:focus,
.m-form-wrapper input[type="password"]:focus,
.m-form-wrapper input[type="email"]:focus {
  border: 2px solid #0f244f;
}
.m-form-wrapper input[type="text"]:disabled {
  background-color:#ddd;
}

/* テキストエリア */
.m-form-wrapper textarea {
  padding: 10px;
  border: 1px solid #999;
  border-radius: 4px;
}

/* プルダウン */
.m-form-wrapper .pulldown {
  display: inline-block;
  background: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  line-height: 1.5;
  position: relative;
}
.m-form-wrapper .pulldown select {
  font-size: 1.6rem;
  /*transform: translate(-7px, 0) scale(0.875);*/
  padding: 3px 13px 3px 0px;
  width: 100%;
  appearance: auto;
  opacity:1;
  color:#000;
}
/*
.m-form-wrapper .pulldown::before,
.m-form-wrapper .pulldown::after {
  display: block;
  content: '';
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  right: 5px;
}
*/
.m-form-wrapper .pulldown::before {
  border-bottom: 6px solid #333;
  top: 4px;
}
.m-form-wrapper .pulldown::after {
  border-top: 6px solid #333;
  bottom: 4px;
}
/* my status */
.m-form-wrapper .user-pulldown-wrapper::before {
  display: none;
}
.m-form-wrapper .user-pulldown-wrapper::after {
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  border-right: none;
  border-top: none;
  transform: rotate(-45deg);
  right: 6px;
  bottom: 50%;
  width: 6px;
  height: 6px;
}
.m-form-wrapper .pulldown .user-pulldown {
  line-height: 30px;
}
.m-form-wrapper .pulldown .user-placement-pulldown {
  /*transform: translate(-18px, 0) scale(0.875);*/
  line-height: 30px;
}
@media (max-width: 767px) {
  .m-form-wrapper .pulldown .user-pulldown {
    line-height: 40px;
  }

  .m-address-field .pulldown .user-pulldown {
    transform: translate(-18px, 0) scale(0.875);
  }
}

/*----------------------------------------*
 * レイアウト
 *----------------------------------------*/
/* 補足 */
.m-form-wrapper .note {
  font-size: 1.4rem;
}
.m-form-wrapper .note.\--gray {
  color: #666;
}
.m-form-wrapper .note.\--salmon {
  color: #f56861;
}
.m-form-wrapper input + .note {
  margin-top: 8px;
}
.m-form-wrapper .note + input {
  margin-top: 8px;
}

@media (max-width: 767px) {
  .m-form-wrapper .note {
    font-size: 1.3rem;
  }
}

/* チェックリスト */
.m-checklist:not(:last-child) {
  margin-bottom: 30px;
}
.m-checklist .note {
  color: #d00;
}
.m-checklist .note:not(:last-child) {
  margin-bottom: 15px;
}
.m-checklist__list {
  display: flex;
}
.m-checklist__label {
  font-weight: bold;
  margin-bottom: 15px;
}
.m-checklist__item:not(:last-child) {
  margin-right: 15px;
}

@media (max-width: 767px) {
  .m-checklist:not(:last-child) {
    margin-bottom: 25px;
  }
  .m-checklist .note:not(:last-child),
  .m-checklist__label {
    margin-bottom: 10px;
  }
}

/* 氏名 */
.m-name-field {
  display: flex;
  align-items: center;
}
.m-name-field .m-name-field__label {
  margin-right: 20px;
}
.m-form-table .m-name-field__label {
  min-width: 2em;
}
.m-name-field__input {
  min-width: 0; /* for Firefox on Mac */
  width: 100%;
  flex: 1;
}
.m-name-field__input:not(:last-child) {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .m-name-field {
    flex-wrap: wrap;
  }
  .m-name-field__input {
    flex: auto;
    width: calc(100% - 2em - 22px);
  }
  .m-name-field__input:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

/* 年月日 */
.m-date-field {
  display: flex;
  align-items: center;
}
.m-date-field__label {
  margin: 0 10px;
}

/* 郵便番号入力欄 */
.m-postal-code-field {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.m-postal-code-field__label {
  margin-right: 20px;
}
.m-postal-code-field__input {
  margin-right: 12px;
}
.m-postal-code-field__link {
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  .m-postal-code-field {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .m-postal-code-field__input {
    flex: 1;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .m-postal-code-field__input input {
    width: 100%;
  }
  .m-postal-code-field__link {
    width: 100%;
    font-size: 1.2rem;
    text-align: right;
    text-decoration: underline;
  }
}

/* 住所入力欄 */
.m-address-field {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.m-address-field__label,
.m-address-field__input {
  margin: 10px 0;
}
.m-address-field__label {
  width: 165px;
}
.m-address-field__input {
  width: calc(100% - 165px);
}
.m-address-field__input input {
  width: 100%;
}

@media (max-width: 767px) {
  .m-address-field {
    display: block;
    margin: 10px 0;
  }
  .m-address-field__label,
  .m-address-field__input {
    width: 100%;
    margin: 8px 0;
  }
  .m-address-field input,
  .m-address-field .pulldown {
    width: 100%;
  }
}

/* お支払い方法 */
.pulldown + .m-pay-way-field {
  margin-top: 20px;
}
.m-pay-way-field__card-number {
  margin-top: 10px;
}
.m-pay-way-field .m-btn-area {
  margin-top: 15px;
}
.m-pay-way-field .m-btn-area .c-btn {
  width: 13em;
}

/* エラーメッセージ */
.m-form-wrapper .error:not(input):not(textarea):not(select) {
  display: inline-block;
  font-size: 1.6rem;
  color: #eb4847;
  margin: 10px auto;
}
.m-form-wrapper .error.\--txt-center {
  display: block;
  text-align: center;
}
.m-postal-code-field .error:not(input):not(textarea):not(select) {
  margin: 0 0 0 10px;
}

/* APIエラーメッセージ */
.api-error {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 10px 15px 50px;
  border: 2px solid #0f244f;
  background: #fff;
  font-size: 1.6rem;
  position: relative;
}
.api-error::before {
  display: block;
  content: "!";
  width: 30px;
  height: 30px;
  background: #0f244f;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  line-height: 1.5em;
  position: absolute;
  top: 10px;
  left: 10px;
}

@media (max-width: 767px) {
  .m-postal-code-field .error:not(input):not(textarea):not(select) {
    margin-right: 0;
    margin-left: 10px;
  }
}

/*----------------------------------------*
 * テーブル
 *----------------------------------------*/
.m-form-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;
  margin-bottom: 30px;
  border-bottom: 1px solid #c8c8c8;
}
.m-form-table th,
.m-form-table td {
  border: 1px solid #c8c8c8;
  border-bottom: none;
}
.m-form-table tr.no-border th,
.m-form-table tr.no-border td {
  border-top: none;
}
.m-form-table th {
  width:200px;
  background: #eee;
  padding: 20px 15px;
  text-align: left;
  white-space: nowrap;
}
.m-form-table td {
  min-width: calc(100% - 250px);
  background: #f3f3f3;
  padding: 20px 25px;
  border-right: 1px solid #c8c8c8;
}
/* 必須アイコン */
.m-form-table th.required {
  position: relative;
  padding-right: 70px;
  background-clip: padding-box;
}
.m-form-table th.required::after {
  display: inline-block;
  content: '必須';
  width: 45px;
  border-radius: 4px;
  background: #f56861;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: .1em;
  text-align: center;
  margin-top: 2px;
  position: absolute;
  right: 15px;
}
/* 登録済みアイコン */
.m-form-table th.registered {
  position: relative;
  background-clip: padding-box;
}
.m-form-table th.registered::after {
  display: inline-block;
  content: '登録済み';
  width: 45px;
  border-radius: 4px;
  background: #039;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: .1em;
  text-align: center;
  margin-top: 2px;
  position: absolute;
  right: 15px;
}

.m-form-table.\--vertical th,
.m-form-table.\--vertical td {
  display: block;
  width: 100%;
  padding: 10px 15px;
}
.m-form-table.\--vertical tr th {
  border-bottom: none;
}
.m-form-table.\--vertical td {
  background: #fff;
}

/* for IE11 */
_:-ms-lang(x)::-ms-backdrop, .m-form-table {
  table-layout: fixed;
}
_:-ms-lang(x)::-ms-backdrop, .m-form-table td {
  min-width: 60%;
}

@media (max-width: 767px) {
  .m-form-table {
    width: 100%;
  }
  .m-form-table tr.no-border th,
  .m-form-table tr.no-border td {
    border-top: 1px solid #c8c8c8;
  }
  .m-form-table tr:last-child th {
    border-bottom: none;
  }
  .m-form-table th,
  .m-form-table td {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  .m-form-table th {
    white-space: normal;
  }
  .m-form-table td {
    background: #fff;
  }
  .m-form-table td > .pulldown {
    width: 100%;
  }
}

/*----------------------------------------*
 * BOX
 *----------------------------------------*/
.m-form-box {
  width: 450px;
  border: 2px solid #ccc;
  padding: 20px;
  margin: 40px auto;
  font-size: 1.4rem;
}

.m-form-box.\--bg-gray {
  border: none;
  background: #f9f9f9;
}

.m-form-box.\--w100per {
  width: 100%;
  padding: 0;
  margin: 30px auto;
  border: none;
}

.m-form-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.m-form-box__item {
  margin-bottom: 16px;
}
.m-form-box__item-label {
  font-size: 1.6rem;
  margin-bottom: 10px;
  position: relative;
}
.m-form-box__item-label.required::after {
  content: '必須';
  border-radius: 4px;
  background: #eb4847;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: .1em;
  padding: 0 10px;
  margin-top: 2px;
  position: absolute;
  right: 0;
}
.m-form-box__item-label .show-password {
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {
  .m-form-box {
    width: 100%;
    padding: 0;
    border: none;
  }
  .m-form-box.\--bg-gray {
    background: none;
  }
}

/*----------------------------------------*
 * ボタン
 *----------------------------------------*/
.m-btn-area {
  display: flex;
  justify-content: space-evenly;
}
.m-btn-area .c-btn {
  width: 46%;
  margin: 0;
  cursor: pointer;
}
.m-form-box .m-btn-area .c-btn {
  width: 100%;
}

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .m-btn-area {
  justify-content: center;
}
_:-ms-lang(x)::-ms-backdrop, .m-btn-area .c-btn:not(:last-child) {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .m-btn-area {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-content: center;
  }
  .m-btn-area .c-btn {
    width: 96%;
  }
  .m-btn-area .c-btn:not(:first-child) {
    margin-bottom: 20px;
  }
}

.c-enquete-wrapper {
  margin-bottom: 30px;
}
.m-btn-area .btn-continue-resign {
  margin-bottom: 50px;
}header {
  border-bottom: 3px solid #eeedf3;
  margin-bottom: 10px;
}
.header-inner {
  width: 1026px;
  margin: auto;
  padding: 15px;
  text-align: center;
  display: flex;
  justify-content: space-between;
}

/* ロゴ */
.header-logo-wrapper {
    margin: 0;
}
.header-inner.\--logo-only .header-logo-wrapper {
  margin: auto;
}
.header-logo {
  display: block;
}
.header-logo:not(:last-child) {
  margin-right: 20px;
}
.header-logo img {
  width: 100%;
}

/* コンテンツ */
.header-content {
  width: 60%;
  font-size: 1.2rem;
  text-align: right;
  align-self: flex-end;
}

/* メニュー */
.header-menu {
  padding: 0 1rem;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}
.header-menu__item {
  display: inline-block;
}
.header-menu__item:not(:last-child)::after {
  display: inline-block;
  content: "";
  height: 1.4rem;
  border-right: 0px #0f244f solid;
  margin: 0 1rem;
  vertical-align: middle;
}
.header-menu__item a {
  color: #0f244f;
}
.header-menu__item a.accent,.header-menu__item a:visited.accent {
  color: #fff;
  border-color: #253b70;
  background-color: #253b70;
  font-size: 1.3rem;
  display: inline-block;
  padding: 2px 10px 0;
  /*border: 1px solid #1c1b1a;*/
  border-radius: 4px;
}
.header-menu__item a:hover.accent {
  text-decoration: none;
  color: #fff;
  border-color: #595652;
  background-color: #595652;
}

/* タブレット以下 */
@media (max-width: 999px) {
  .header-inner {
    width: 100%;
  }
}
/* スマホ */
@media (max-width: 767px) {
  .header-inner {
    flex-wrap: wrap;
    padding: 0;
  }
  .header-logo-wrapper {
    width: 100%;
    padding: 15px;
    justify-content: space-around;
  }
  .header-logo {
    width: 45%;
  }
  .header-content {
    width: 100%;
    text-align: center;
  }
  .header-menu {
    background: #0f244f;
    font-size: 1.2rem;
  }
  .header-menu__item:not(:last-child)::after {
    border-color: #fff;
  }
  .header-menu__item a {
    color: #fff;
    display: inline-block;
    padding: 11px 15px;
  }
}.footer-wrapper {
  font-size: 1.4rem;
  text-align: center;
}

.footer-contents {
  width: 100%;
  margin: 15px 0 0;
  padding: 10px;
  border-top: 2px solid #000;
  background: #eeedf3;
  font-size: 1.35rem;
  letter-spacing: .04em;
}
.footer-contents__item:not(:last-child) {
  margin-right: 1em;
}

.copyright {
  font-size: 1.2rem;
  padding: 16px;
}

@media (max-width: 767px) {
  .footer-contents {
    font-size: 1.2rem;
  }

  .copyright {
    padding: 12px;
  }
}