@charset "UTF-8";
@-webkit-keyframes fadeup {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeup {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
:root{
  --primary-color: #FFC000;
  --primary-color-rgb: 255, 192, 0;
  --primary-color-light: #FDDC5C;
  --primary-color-light-rgb: 253, 220, 92;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

input[type=button], input[type=submit] {
  -webkit-appearance: none;
}

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  color: #5D5D5D;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  /*
  padding-top: 88px;
  */
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 1250px) {
  body {
    /*
    padding-top: 67px;
    */
  }
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  body {
    /*
    padding-top: 55px;
    */
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    min-width: inherit;
    /*
    padding-top: 46px;
    */
  }
  body.is-scroll {
    overflow: hidden;
  }
}

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

body.sec{
  padding-top: 88px;
}

@media print, screen and (max-width: 1250px) {
  body.sec {
    padding-top: 67px;
  }
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  body.sec {
    padding-top: 55px;
  }
}
@media screen and (max-width: 767px) {
  body.sec {
    padding-top: 46px;
  }
}


a,
a img,
button {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

a:link {
  color: #5D5D5D;
  text-decoration: none;
}

a:visited {
  color: #5D5D5D;
}

a:hover {
  color: var(--primary-color-light);
}

a:active {
  color: var(--primary-color-light);
}

a.--img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ie対応 */
select::-ms-expand {
  display: none;
}

.l-inner {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}
.l-inner__s {
  width: 100%;
  max-width: 1060px;
  padding: 0 20px;
  margin: 0 auto;
}
.l-inner__ss {
  width: 100%;
  max-width: 1010px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-inner__ss {
    padding: 0;
  }
}

.l-bg__wh {
  background: #fff;
}

.no-footer .l-footer__link, .no-footer .l-footer__anime {
  display: none;
}
.no-footer .l-footer {
  margin-top: 0;
  padding-top: 25px;
  position: relative;
  border-top: 1px solid;
}
@media screen and (max-width: 767px) {
  .no-footer .l-footer {
    margin-top: 0;
    padding-top: 8px;
  }
}

.l-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 99999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 31px 15px 40px;
}
@media print, screen and (max-width: 1250px) {
  .l-header__inner {
    padding: 5px 15px;
  }
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-header__inner {
    padding: 5px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__inner {
    padding: 8px 14px 3px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.l-header__logo {
  width: 30%;
  max-width: 245px;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-header__logo {
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo {
    max-width: 145px;
    width: 48%;
  }
}
.l-header__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media print, screen and (min-width: 768px) {
  .l-header__btn {
    display: none;
  }
}
.l-header__btn span {
  background: var(--primary-color);
  width: 24px;
  height: 2px;
  position: absolute;
  top: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.3s;
  transition: transform 0.3s;
}
.l-header__btn span:nth-child(2) {
  top: 7px;
  opacity: 1;
}
.l-header__btn span:nth-child(3) {
  top: 13px;
}
.l-header__btn .--txt {
  color: var(--primary-color);
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
}
.l-header__btn.active span {
  top: 8px !important;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  -webkit-transition: 0.3s;
  transition: transform 0.3s;
}
.l-header__btn.active span:nth-child(2) {
  opacity: 0;
}
.l-header__btn.active span:nth-child(3) {
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}
.l-header__cont {
  width: 80%;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-header__cont {
    width: 85%;
  }
}
.l-header__cont__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 3px;
}
.l-header__cont__top__icon {
  margin-left: 36px;
}
@media screen and (max-width: 767px) {
  .l-header__cont__top__icon {
    margin-left: 6px;
  }
}
.l-header__cont__top__icon.--open {
  margin-right: 13px;
}
.l-header__cont__top__icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 768px) {
  .l-header__cont__top__icon a:hover .--txt {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--primary-color-light);
  }
  .l-header__cont__top__icon a:hover .--img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .l-header__cont__top__icon a:hover .--img.--student {
    background: url("/assets/img/resources/img/student-grn.svg");
    background-size: cover;
  }
  .l-header__cont__top__icon a:hover .--img.--contact {
    background: url("/assets/img/resources/img/mail-grn.svg");
    background-size: cover;
  }
  .l-header__cont__top__icon a:hover .--img.--open {
    background: url("/assets/img/resources/img/car-grn.svg");
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .l-header__cont__top__icon a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.l-header__cont__top__icon a .--img {
  margin-right: 5px;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.l-header__cont__top__icon a .--img.--student {
  width: 12px;
  height: 15px;
  background: url("/assets/img/resources/img/student.svg");
  background-size: cover;
}
.l-header__cont__top__icon a .--img.--contact {
  width: 18px;
  height: 15px;
  background: url("/assets/img/resources/img/mail.svg");
  background-size: cover;
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .l-header__cont__top__icon a .--img.--contact {
    margin-top: unset;
  }
}
.l-header__cont__top__icon a .--img.--open {
  width: 19px;
  height: 15px;
  background: url("/assets/img/resources/img/car.svg");
  background-size: cover;
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  .l-header__cont__top__icon a .--img.--open {
    margin-top: unset;
  }
}
@media screen and (max-width: 767px) {
  .l-header__cont__top__icon a .--img {
    margin-right: unset;
    margin-bottom: 2.5px;
  }
}
.l-header__cont__top__icon a .--txt {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-header__cont__top__icon a .--txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .l-header__cont__top__icon a .--txt {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.l-header__nav {
  margin-top: 7px;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-header__nav {
    margin-top: 3px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    /*
    height: calc(100vh - 50px);
    */
    height: calc(100vh - 0px);
    overflow-y: scroll;
    overflow-x: hidden;
    left: 0;
    margin-top: 0;
    background: var(--primary-color);
    color: #fff;
    padding-bottom: 46px;
  }
}
.l-header__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .l-header__nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-left: 40px;
  }
}
.l-header__nav__list li {
  border-left: 1px solid #A0A0A0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-header__nav__list li {
    width: 100%;
    border-left: unset;
    border-top: 1px solid #fff;
  }
}
.l-header__nav__list li.--last a {
  padding-right: 0;
}
.l-header__nav__list li a {
  padding: 0 20px 0 19px;
  display: block;
}
@media print, screen and (max-width: 1250px) {
  .l-header__nav__list li a {
    padding: 0 9px;
  }
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-header__nav__list li a {
    padding: 0 4px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav__list li a {
    padding: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav__list li a.--sp {
    display: inline-block;
  }
  .l-header__nav__list li a.--sp::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    top: 38px;
    left: 0;
  }
}
.l-header__nav__list li a .--txt {
  font-weight: 700;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.533;
}
@media print, screen and (max-width: 1250px) {
  .l-header__nav__list li a .--txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-header__nav__list li a .--txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav__list li a .--txt {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .l-header__nav__list li a .--txt span {
    display: inline !important;
  }
}
@media print, screen and (min-width: 768px) {
  .l-header__nav__list li .accordion__menu {
    position: absolute;
    z-index: 99;
    display: none;
    top: 100%;
    background: #fff;
    width: 190px;
    left: -14px;
    padding-top: 30px;
    padding: 30px 11px 14px;
  }
  .l-header__nav__list li .accordion__menu.--point {
    width: 350px;
  }
  .l-header__nav__list li .accordion__menu.--guide {
    width: 280px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav__list li .accordion__menu {
    background: var(--primary-color-light);
    margin-left: -40px;
    display: none;
  }
}
.l-header__nav__list li .accordion__item {
  border: unset;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .l-header__nav__list li .accordion__item {
    margin-bottom: 0;
    position: relative;
  }
  .l-header__nav__list li .accordion__item:last-child::after {
    display: none;
  }
  .l-header__nav__list li .accordion__item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 40px;
    opacity: 0.7;
  }
}
.l-header__nav__list li .accordion__item a {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .l-header__nav__list li .accordion__item a {
    color: #fff;
    -webkit-text-size-adjust: 100%;
    font-size: 1.1rem !important;
    padding: 12px 60px 10px;
    font-weight: normal;
  }
}
.l-header__sns {
  padding: 19px 0 16px;
}
.l-header__sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  margin: 0 auto;
}
.l-header__sns__list li {
  margin: 0 10px;
}

.l-footer {
  padding-top: 90px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-footer {
    padding-top: 30px;
    overflow-x: hidden;
    background: #fff;
  }
}
.l-footer__inner {
  max-width: 1200px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.l-footer__anime {
  position: relative;
  margin-top: -19px;
}
@media screen and (max-width: 767px) {
  .l-footer__anime {
    height: 98px;
  }
  .l-footer__anime svg {
    width: auto !important;
  }
}
.l-footer__anime__car {
  position: absolute;
  width: 20%;
  max-width: 262px;
  bottom: 0px;
  right: 40px;
  z-index: 99;
}
@media screen and (max-width: 767px) {
  .l-footer__anime__car {
    right: 0;
    width: 170px;
  }
  .l-footer__anime__car svg {
    width: 100% !important;
  }
}
.l-footer__cont {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .l-footer__cont {
    margin-top: 17px;
    margin-bottom: 20px;
  }
}
.l-footer__link__cont .c-button {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .l-footer__link__cont .c-button {
    width: 100%;
    margin-bottom: 10px;
  }
}
.l-footer__link__cont .c-button a {
  padding: 28px 0;
}
.l-footer__link__cont .c-button a::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-footer__link__cont .c-button a::after {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__link__cont .c-button a .--icon img {
    width: 70%;
  }
}
.l-footer__link__cont .c-button a .--txt {
  font-size: 28px;
  font-size: 2.8rem;
  margin: 0 18px 0 12px;
}
@media screen and (max-width: 767px) {
  .l-footer__link__cont .c-button a .--txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
  }
}
.l-footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-footer__nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__nav {
    display: none;
  }
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .l-footer__nav ul {
    width: 48%;
    margin-bottom: 20px;
  }
}
.l-footer__nav ul li a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}
.l-footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 26px 11px 16px;
}
@media screen and (max-width: 767px) {
  .l-footer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 11px 10px;
  }
}
.l-footer__logo {
  width: 30%;
  max-width: 238px;
}
@media screen and (max-width: 767px) {
  .l-footer__logo {
    width: 70%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__address {
    margin-bottom: -5px;
  }
}
.l-footer__address .--txt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.57;
}
@media screen and (max-width: 767px) {
  .l-footer__address .--txt {
    font-size: 10px;
    font-size: 1rem;
  }
}
.l-footer__tel a {
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .l-footer__tel a {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.l-footer__bottom {
  background: var(--primary-color);
  padding: 33px 0 40px;
}
@media screen and (max-width: 767px) {
  .l-footer__bottom {
    padding: 15px 0 30px;
  }
}
.l-footer__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
  .l-footer__sns {
    width: 60%;
    margin: 0 auto 15px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-footer__sns {
    width: 53%;
  }
}
.l-footer__sns li {
  margin: 0 21px;
}
@media screen and (max-width: 767px) {
  .l-footer__sns li {
    margin: 0 10px;
  }
}
.l-footer__copyright {
  display: block;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .l-footer__copyright {
    font-size: 10px;
    font-size: 1rem;
  }
}

.c-title__main .--en {
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 1;
  color: var(--primary-color);
  text-align: center;
  display: block;
  font-family: "Oswald", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-title__main .--en {
    font-size: 29px;
    font-size: 2.9rem;
  }
}
.c-title__main .--jp {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title__main .--jp {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-title__main.--wht .--en {
  color: #fff;
}
.c-title__main.--wht .--jp {
  color: #fff;
}
.c-title__main.--shodow {
  text-shadow: 0px 0px 6px #5D5D5D;
}
.c-title__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  color: var(--primary-color);
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .c-title__page {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
.c-title__page span {
  display: inline-block;
  padding: 8px 20px;
  background: #E2F7ED;
  border-radius: 16px;
  margin: 0 12px;
}
.c-title__page span a {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  color: var(--primary-color);
  font-weight: 900;
}
@media print, screen and (min-width: 768px) {
  .c-title__page span a:hover {
    color: var(--primary-color-light);
  }
}
@media screen and (max-width: 767px) {
  .c-title__page span a {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 767px) {
  .c-title__page span {
    padding: 6px 18px;
    margin: 0 4px;
    border-radius: 10px;
  }
}
.c-title__sub {
  background: var(--primary-color);
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  padding: 11px;
}
.c-title__sub.--gry {
  background: #A0A0A0;
}
@media screen and (max-width: 767px) {
  .c-title__sub {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 4.5px 0;
  }
}
@media screen and (max-width: 767px) {
  .c-title__sub.--sp {
    font-size: 17px;
    font-size: 1.7rem;
    padding: 11.5px 0;
  }
}
.c-title__icon {
  color: var(--primary-color);
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  padding-left: 1em;
  position: relative;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-title__icon {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.c-title__icon.--towing {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .c-title__icon.--towing {
    margin-bottom: 15px;
  }
}
.c-title__icon.--mini {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .c-title__icon.--mini {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 6px;
  }
}
.c-title__icon.--mini::before {
  width: 20px;
  height: 20px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .c-title__icon.--mini::before {
    width: 12px;
    height: 12px;
  }
}
.c-title__icon::before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: var(--primary-color);
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-title__icon::before {
    width: 12px;
    height: 12px;
  }
}
.c-title__catch {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 12px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-title__catch {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 6px;
  }
}

.c-txt__center {
  text-align: center;
}
.c-txt__link {
  display: inline-block;
  color: var(--primary-color) !important;
  text-decoration: underline !important;
  font-weight: 700;
}
.c-txt__page {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-txt__page {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-txt__read {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .c-txt__read {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
  }
}
.c-txt__attention {
  line-height: 1.5;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .c-txt__attention {
    line-height: 1.285;
    margin-bottom: 9px;
  }
}
.c-txt__attention.--plan {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.642;
}
@media screen and (max-width: 767px) {
  .c-txt__attention.--plan {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.458;
  }
}
.c-txt__attention.--red {
  color: #DC000C;
}
.c-txt__main {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.333;
}
@media screen and (max-width: 767px) {
  .c-txt__main {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-txt__main.--grn {
  color: var(--primary-color);
}

.c-button a, .c-button .--dammy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background: var(--primary-color);
  padding: 25px 0;
}
@media screen and (max-width: 767px) {
  .c-button a, .c-button .--dammy {
    padding: 15px 0 14px;
  }
}
.c-button a::after, .c-button .--dammy::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 16px;
  background: url("/assets/img/resources/img/link.svg");
  background-size: cover;
  background-position: center right;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-button a::after, .c-button .--dammy::after {
    height: 10px;
    width: 5px;
  }
}
@media print, screen and (min-width: 768px) {
  .c-button a:hover, .c-button .--dammy:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: var(--primary-color-light);
  }
}
.c-button a .--txt, .c-button .--dammy .--txt {
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-button a .--txt, .c-button .--dammy .--txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-button a .--rank, .c-button .--dammy .--rank {
  font-size: 33px;
  font-size: 3.3rem;
  font-weight: 900;
  color: #fff;
  margin-right: 31px;
}
@media print, screen and (max-width: 1059px) {
  .c-button a .--rank, .c-button .--dammy .--rank {
    font-size: 25px;
    font-size: 2.5rem;
    margin-right: 17px;
  }
}
.c-button a .--rank span, .c-button .--dammy .--rank span {
  font-size: 16px;
  font-size: 1.6rem;
}
@media print, screen and (max-width: 1059px) {
  .c-button a .--rank span, .c-button .--dammy .--rank span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-button a .--title, .c-button .--dammy .--title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
}
@media print, screen and (max-width: 1059px) {
  .c-button a .--title, .c-button .--dammy .--title {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.c-button a .--read, .c-button .--dammy .--read {
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 900;
}
@media print, screen and (max-width: 1059px) {
  .c-button a .--read, .c-button .--dammy .--read {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-button a .--images, .c-button .--dammy .--images {
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .c-button .--dammy {
    padding: 3px 0 !important;
  }
  .c-button .--dammy .--txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.c-button.--opa a, .c-button.--opa .--dammy {
  background: rgba(var(--primary-color-rgb), 0.7);
  padding: 17px 0;
  border: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .c-button.--opa a, .c-button.--opa .--dammy {
    padding: 11px 0 10px;
  }
}
.c-button.--opa a:hover, .c-button.--opa .--dammy:hover {
  background: rgba(var(--primary-color-light-rgb), 0.7);
}
.c-button.--blue a {
  background: #0064D2;
  padding: 10px;
  min-height: 87.5px;
}

.c-button.--blue a:hover {
  opacity: 0.8;
}


@media print, screen and (max-width: 1059px) {
  .c-button.--blue a {
    height: 75.5px;
    min-height: unset;
  }
}
@media screen and (max-width: 767px) {
  .c-button.--blue a {
    padding: 5px;
    height: 65.5px;
  }
}
.c-button.--blue a .--images {
  width: 20%;
}
@media screen and (max-width: 767px) {
  .c-button.--blue a .--images {
    width: 16%;
    margin-right: 8px;
  }
  .c-button.--blue a .--images img {
    max-height: 50px;
  }
}
.c-button.--blue a .--read {
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 900;
  padding-left: 15px;
  margin-bottom: -10px;
}
@media screen and (max-width: 767px) {
  .c-button.--blue a .--read {
    padding-left: 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-button.--member a {
  padding: 19px 0;
}

/*
.c-button__top {
  position: absolute;
  right: 2.8%;
  bottom: 12%;
  z-index: 999999;
}
*/
.c-button__top {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 200;
  opacity: 0;
  transition: all 0.3s ease;
}
.pt_active {
  opacity: 1 !important;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-button__top {
    right: 20px;
  }
  
  .c-button.--member a {
    padding: 14px 0 13px;
  }
}

.c-button__top a {
  width: 57px;
  height: 57px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-button__top a {
    width: 39px;
    height: 39px;
  }
}
.c-button__top a .--icon {
  width: 32px;
  height: 16px;
  background: url("/assets/img/resources/img/top-icon.svg");
  background-size: cover;
  background-position: center top;
}
@media screen and (max-width: 767px) {
  .c-button__top a .--icon {
    width: 20px;
    height: 10px;
  }
}
.c-button__top a .--txt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .c-button__top a .--txt {
    font-size: 10px;
    font-size: 1rem;
  }
}

.c-banner {
  margin: 16px 0 21px;
}
@media screen and (max-width: 767px) {
  .c-banner {
    margin: 8px 0 15px;
  }
}
.c-banner.--corona a::after {
  right: 22px;
}
@media screen and (max-width: 767px) {
  .c-banner.--corona a::after {
    right: 15px;
  }
}
.c-banner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background: #606BC3;
  height: 118px;
  padding: 19px 20px;
}
@media print, screen and (min-width: 768px) {
  .c-banner a:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: rgba(96, 107, 195, 0.7);
  }
}
@media screen and (max-width: 767px) {
  .c-banner a {
    height: 85px;
  }
}
.c-banner a::before {
  position: absolute;
  content: "";
  width: 97%;
  height: 87%;
  border: 1px solid #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-banner a::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 16px;
  background: url("/assets/img/resources/img/link.svg");
  background-size: cover;
  background-position: center right;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-banner a::after {
    width: 5px;
    height: 10px;
  }
}
.c-banner a .--title {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  line-height: 1.23;
}
@media screen and (max-width: 767px) {
  .c-banner a .--title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.c-banner a .--read {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-banner a .--read .--yamaha {
  font-size: 29px;
  font-size: 2.9rem;
  font-weight: 900;
  color: #fff;
  border: 1px solid #fff;
  background: #0064D2;
  border-radius: 12px;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 1;
  width: 192px;
  padding: 1px 0 5px;
}
.c-banner a .--read .--fukidashi {
  width: 218px;
  height: 36px;
  text-align: center;
  background: url("/assets/img/resources/img/fukidashi.png");
  background-size: cover;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 900;
}
.c-banner a .--image {
  width: 100%;
}
.c-banner a .--attention {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 900;
}
.c-banner a .--attention.--wht {
  color: #fff;
  text-align: center;
}
.c-banner a .--discount {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 15px 7px;
}
.c-banner a .--discount .--title {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  color: #EA7373;
  font-weight: 900;
  display: inline-block;
}
.c-banner.--campaign a {
  padding: 0;
  background: 0;
  display: block;
  height: unset;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .c-banner.--campaign a:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (max-width: 767px) and (min-width: 550px) {
  .c-banner.--campaign a img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .c-banner.--campaign a {
    height: unset;
  }
}
.c-banner.--campaign a::after, .c-banner.--campaign a::before {
  display: none;
}
.c-banner.--border a {
  height: 135px;
  display: block;
}
.c-banner.--border a::after {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .c-banner.--border a:hover {
    opacity: 0.7;
  }
}
.c-banner__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.c-banner__cont .--box {
  width: 72px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 900;
}
.c-banner__cont .--price {
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 1.25;
  color: #fff;
  font-weight: 900;
}
.c-banner__cont .--txt {
  font-size: 43px;
  font-size: 4.3rem;
  line-height: 1;
  color: #fff;
  font-weight: 900;
}

.c-pkz {
  width: 100%;
}
.c-pkz__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 19px 0;
}
@media screen and (max-width: 767px) {
  .c-pkz__list {
    padding: 12px 0;
  }
}
.c-pkz__list li {
  margin-right: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-pkz__list li {
    margin-right: 12px;
  }
}
.c-pkz__list li:last-child::after {
  display: none;
}
.c-pkz__list li::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 21px;
  background: url("/assets/img/resources/img/pkz.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: -22px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-pkz__list li::after {
    right: -13px;
    width: 10px;
    height: 10px;
  }
}
.c-pkz__list li .--txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-pkz__list li .--txt {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-pkz__list li .--link {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--primary-color);
  display: block;
}
@media screen and (max-width: 767px) {
  .c-pkz__list li .--link {
    font-size: 10px;
    font-size: 1rem;
  }
}

.c-key {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 767px) {
  .c-key {
    height: 200px;
  }
}
.c-key.--access {
  background: url("/assets/img/resources/img/access/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--access {
    background: url("/assets/img/resources/img/access/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--recruit {
  background: url("/assets/img/resources/img/recruit/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--recruit {
    background: url("/assets/img/resources/img/recruit/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--information {
  background: url("/assets/img/resources/img/information/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--information {
    background: url("/assets/img/resources/img/information/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }

}
.c-key.--member-first {
  background: url("/assets/img/resources/img/member/menber-first-key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--member-first {
    background: url("/assets/img/resources/img/member/menber-first-key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--member-second {
  background: url("/assets/img/resources/img/member/member-second-key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--member-second {
    background: url("/assets/img/resources/img/member/member-second-key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--contact {
  background: url("/assets/img/resources/img/contact/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--contact {
    background: url("/assets/img/resources/img/contact/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }

}
.c-key.--application {
  background: url("/assets/img/resources/img/application/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--application {
    background: url("/assets/img/resources/img/application/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }

}
.c-key.--benefits {
  background: url("/assets/img/resources/img/guide/benefits/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--benefits {
    background: url("/assets/img/resources/img/guide/benefits/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--company {
  background: url("/assets/img/resources/img/guide/company/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--company {
    background: url("/assets/img/resources/img/guide/company/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--faq {
  background: url("/assets/img/resources/img/guide/faq/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--faq {
    background: url("/assets/img/resources/img/guide/faq/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--introduction {
  background: url("/assets/img/resources/img/guide/introduction/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--introduction {
    background: url("/assets/img/resources/img/guide/introduction/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--facility {
  background: url("/assets/img/resources/img/guide/facility/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--facility {
    background: url("/assets/img/resources/img/guide/facility/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--flow {
  background: url("/assets/img/resources/img/guide/flow/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--flow {
    background: url("/assets/img/resources/img/guide/flow/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--midsize {
  background: url("/assets/img/resources/img/plan/midsize/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--midsize {
    background: url("/assets/img/resources/img/plan/midsize/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--large-motorcycle {
  background: url("/assets/img/resources/img/plan/large-motorcycle/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--large-motorcycle {
    background: url("/assets/img/resources/img/plan/large-motorcycle/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--standard-motorcycle {
  background: url("/assets/img/resources/img/plan/standard-motorcycle/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--standard-motorcycle {
    background: url("/assets/img/resources/img/plan/standard-motorcycle/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--ordinary-motor {
  background: url("/assets/img/resources/img/plan/ordinary-motor/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--ordinary-motor {
    background: url("/assets/img/resources/img/plan/ordinary-motor/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--towing {
  background: url("/assets/img/resources/img/plan/towing/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--towing {
    background: url("/assets/img/resources/img/plan/towing/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--semi-towing {
  background: url("/assets/img/resources/img/plan/semi-towing/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--semi-towing {
    background: url("/assets/img/resources/img/plan/semi-towing/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--standard {
  background: url("/assets/img/resources/img/plan/standard/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--standard {
    background: url("/assets/img/resources/img/plan/standard/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--service {
  background: url("/assets/img/resources/img/recommended/service/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--service {
    background: url("/assets/img/resources/img/recommended/service/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--nomination {
  background: url("/assets/img/resources/img/recommended/nomination/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--nomination {
    background: url("/assets/img/resources/img/recommended/nomination/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--system {
  background: url("/assets/img/resources/img/recommended/system/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--system {
    background: url("/assets/img/resources/img/recommended/system/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--course {
  background: url("/assets/img/resources/img/recommended/course/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--course {
    background: url("/assets/img/resources/img/recommended/course/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--concentration {
  background: url("/assets/img/resources/img/recommended/concentration/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--concentration {
    background: url("/assets/img/resources/img/recommended/concentration/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key.--youth {
  background: url("/assets/img/resources/img/recommended/youth/key.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-key.--youth {
    background: url("/assets/img/resources/img/recommended/youth/key-sp.jpg");
    background-size: cover;
    background-position: center;
  }
}
.c-key__inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .c-key__title {
    margin-top: 50px;
  }
}
.c-key__title .--en {
  font-family: "Oswald", sans-serif;
  color: #fff;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1;
  text-align: center;
  display: block;
  margin-bottom: 4px;
  opacity: 0;
  -webkit-animation: fadeup 1.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeup 1.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@media screen and (max-width: 767px) {
  .c-key__title .--en {
    font-size: 29px;
    font-size: 2.9rem;
  }
}
.c-key__title .--jp {
  text-align: center;
  line-height: 1;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  opacity: 0;
  -webkit-animation: fadeup 1.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeup 1.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@media screen and (max-width: 767px) {
  .c-key__title .--jp {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-key__title.--grn .--en {
  color: var(--primary-color);
}
.c-key__title.--grn .--jp {
  color: var(--primary-color);
}

.c-form {
  margin-top: 48px;
  margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .c-form {
    margin-top: 22px;
    margin-bottom: 39px;
  }
}
.c-form__txt {
  margin-top: 8px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-form__txt {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 5px;
  }
}
.c-form__flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding: 14px 0;
  margin-bottom: 54px;
}
@media screen and (max-width: 767px) {
  .c-form__flow {
    margin-bottom: 16px;
    padding: 7px 0;
  }
}
.c-form__flow li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #B4B4B5;
  color: #fff;
  margin: 0 18px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-form__flow li {
    width: 40px;
    height: 40px;
    margin: 0 12px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-form__flow li::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -20px;
  width: 8px;
  height: 16px;
  background: url("/assets/img/resources/img/flow.svg");
  background-size: cover;
  background-position: center right;
}
@media screen and (max-width: 767px) {
  .c-form__flow li::after {
    width: 5px;
    height: 10px;
    right: -14px;
  }
}
.c-form__flow li:last-child::after {
  display: none;
}
.c-form__flow li.--active {
  background: var(--primary-color);
}
.c-form__table {
  width: 100%;
}
.c-form__table tr {
  width: 100%;
}
.c-form__table th, .c-form__table td {
  display: block;
  width: 100%;
}
.c-form__table th {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2;
  position: relative;
  padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .c-form__table th {
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 0px;
  }
}
.c-form__table th .--requied {
  position: absolute;
  top: 7px;
  left: 140px;
  display: block;
  width: 47px;
  height: 27px;
  background: var(--primary-color);
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  padding: 4.5px 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-form__table th .--requied {
    width: 32px;
    height: 18px;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 3px 0;
    left: 93px;
  }
}
.c-form__table td {
  padding-bottom: 33px;
}
@media screen and (max-width: 767px) {
  .c-form__table td {
    padding-bottom: 16px;
  }
}
.c-form__table td.--td {
  padding-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .c-form__table td.--td {
    padding-bottom: 4px;
  }
}
.c-form__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-form__radio__item {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .c-form__radio__item {
    margin-right: 19px;
  }
}

/*
.c-form__radio__input {
  position: absolute;
  opacity: 0;
}
*/
.c-form__radio__input + .c-form__radio__label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 2px solid #303030;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  top: 5px;
  margin-right: 6px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
@media screen and (max-width: 767px) {
  .c-form__radio__input + .c-form__radio__label:before {
    width: 12px;
    height: 12px;
    border: 1px solid #303030;
    margin-right: 4px;
  }
}
.c-form__radio__input:checked + .c-form__radio__label:before {
  background-color: var(--primary-color);
  -webkit-box-shadow: inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 4px #fff;
}
@media screen and (max-width: 767px) {
  .c-form__radio__input:checked + .c-form__radio__label:before {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
            box-shadow: inset 0 0 0 2px #fff;
  }
}
.c-form__radio__label {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-form__radio__label {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-form__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 9px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-form__select__item {
  margin-right: 40px;
}
@media print, screen and (max-width: 1059px) {
  .c-form__select__item {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-form__select__item {
    margin-right: 21px;
    margin-bottom: 6px;
  }
}
/*
.c-form__select__input {
  position: absolute;
  opacity: 0;
}
*/
.c-form__select__input + .c-form__select__label {
  position: relative;
}
.c-form__select__input + .c-form__select__label:before {
  content: "";
  background: #fff;
  border-radius: 2px;
  border: 2px solid #303030;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  top: 5px;
  margin-right: 6px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
@media screen and (max-width: 767px) {
  .c-form__select__input + .c-form__select__label:before {
    width: 12px;
    height: 12px;
    border: 1px solid #303030;
    margin-right: 4px;
  }
}
.c-form__select__input:checked + .c-form__select__label:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 5px;
  display: block;
  top: 0.5em;
  left: 3px;
  border-left: 3px solid var(--primary-color);
  border-bottom: 3px solid var(--primary-color);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-form__select__label {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-form__select__label {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-form__privacy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .c-form__privacy {
    margin-top: 3px;
  }
}
.c-form__privacy__item {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .c-form__privacy__item {
    margin-bottom: 0px;
  }
}
.c-form__privacy__link a {
  color: var(--primary-color);
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .c-form__privacy__link a {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .c-form__privacy__link a:hover {
    color: var(--primary-color-light);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
/*
.c-form__privacy__input {
  position: absolute;
  opacity: 0;
}
*/
.c-form__privacy__input + .c-form__privacy__label {
  position: relative;
}
.c-form__privacy__input + .c-form__privacy__label:before {
  content: "";
  background: #fff;
  border-radius: 2px;
  border: 2px solid #303030;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  margin-right: 6px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
@media screen and (max-width: 767px) {
  .c-form__privacy__input + .c-form__privacy__label:before {
    width: 14px;
    height: 14px;
    border: 1px solid #303030;
    margin-right: 4px;
  }
}
.c-form__privacy__input:checked + .c-form__privacy__label:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 5px;
  display: block;
  top: 0.5em;
  left: 3px;
  border-left: 3px solid var(--primary-color);
  border-bottom: 3px solid var(--primary-color);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-form__privacy__label {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-form__privacy__label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-form__input {
  display: block;
  width: 100%;
  border: unset;
  background: #E2F7ED;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 20px 40px 19px;
}
@media screen and (max-width: 767px) {
  .c-form__input {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px 20px;
  }
}
.c-form__input.--post {
  max-width: 335px;
}
@media screen and (max-width: 767px) {
  .c-form__input.--post {
    max-width: 167px;
  }
}
.c-form__tetxarea {
  display: block;
  width: 100%;
  border: unset;
  background: #E2F7ED;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 20px 40px 19px;
  height: 260px;
}
@media screen and (max-width: 767px) {
  .c-form__tetxarea {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px 20px;
    height: 160px;
  }
}
.c-form__mini {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-form__mini__input {
  display: block;
  width: 110px;
  border: unset;
  background: #E2F7ED;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 20px 10px 19px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-form__mini__input {
    width: 55px;
    padding: 10px 20px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-form__mini__label {
  margin-left: 8px;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-form__mini__label {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 4px;
  }
}
.c-form__birth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-form__birth__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 23px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-form__birth__item {
    margin-right: 8px;
  }
}
.c-form__birth__select {
  display: block;
  width: 100px;
  border: unset;
  background: #E2F7ED;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 20px 20px 19px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-form__birth__select {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px;
    width: 50px;
  }
}
.c-form__birth__select.--year {
  width: 140px;
}
@media screen and (max-width: 767px) {
  .c-form__birth__select.--year {
    width: 70px;
  }
}
.c-form__birth__label {
  margin-left: 8px;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-form__birth__label {
    margin-left: 4px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-form__button {
  cursor: pointer;
  display: block;
  margin-top: 62px;
  width: 100%;
  text-align: center;
  background: var(--primary-color);
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.333;
  padding: 16px 0;
  border: unset;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-form__button_bk {
  background: #5D5D5D;
}

@media screen and (max-width: 767px) {
  .c-form__button {
    margin-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px 0;
  }
}
.c-form__button::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
  background: url("/assets/img/resources/img/link-wht.svg");
  background-size: cover;
  background-position: center right;
}
@media screen and (max-width: 767px) {
  .c-form__button::after {
    width: 5px;
    height: 10px;
    right: 6px;
  }
}
@media print, screen and (min-width: 768px) {
  .c-form__button:hover {
    background: var(--primary-color-light);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }


}

.c-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-box__item {
  width: 49%;
}
@media screen and (max-width: 767px) {
  .c-box__item {
    width: 100%;
  }
}
.c-box__item .--img {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .c-box__item .--img {
    margin-bottom: 8px;
  }
}
.c-box__item .--txt {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .c-box__item .--txt {
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/*-- facility --*/
.c-box-facility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-box-facility__item {
  width: 49%;
  margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
  .c-box-facility__item {
    margin-bottom: 8px;
    width: 100%;
  }
}
.c-box-facility__item .--ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .c-box-facility__item .--ttl {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}

/*-- four --*/
.c-box-four {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .c-box-four {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.c-box-four__item {
  width: 23%;
  margin-bottom: 29px;
  margin-right: 2.66%;
}
@media screen and (max-width: 767px) {
  .c-box-four__item {
    margin-right: unset;
    width: 49%;
    margin-bottom: 10px;
  }
}
.c-box-four__item:nth-child(4) {
  margin-right: unset;
}
.c-box-four__item .--ttl {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .c-box-four__item .--ttl {
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 6px;
  }
}

.c-table {
  width: 100%;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .c-table {
    margin-top: 11px;
  }
}
.c-table tr {
  border: 1px solid #707070;
  width: 100%;
}
.c-table th {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6363;
  text-align: center;
  width: 15.3%;
  background: #EEEEEF;
  border-right: 1px solid #A0A0A0;
}
@media screen and (max-width: 767px) {
  .c-table th {
    font-size: 11px;
    font-size: 1.1rem;
    width: 17.3%;
  }
}
.c-table td {
  width: 84.7%;
  padding: 21px 34px 16px 38px;
}
@media screen and (max-width: 767px) {
  .c-table td {
    padding: 8px 8px 9px;
    width: 82.7%;
  }
}
.c-table td .--item {
  margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
  .c-table td .--item {
    margin-bottom: 17px;
  }
}
.c-table td .--item:last-child {
  margin-bottom: 0;
}
.c-table td .--item .--title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .c-table td .--item .--title {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 18px;
  }
}
.c-table td .--item .--txt {
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .c-table td .--item .--txt {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
  }
}

/*--plan--*/
.c-table-plan {
  width: 100%;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .c-table-plan {
    margin-top: 11px;
  }
}
.c-table-plan tr {
  width: 100%;
}
.c-table-plan th, .c-table-plan td {
  border: 1px solid #A0A0A0;
  font-weight: 500;
  padding: 9px 14px 9px;
}
@media screen and (max-width: 767px) {
  .c-table-plan th, .c-table-plan td {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.c-table-plan th {
  background: #EEEEEF;
  text-align: center;
  width: 13.7%;
}
@media screen and (max-width: 767px) {
  .c-table-plan th {
    width: 17%;
    padding: 7px 2px 6px;
  }
}
.c-table-plan td {
  width: 86.3%;
}
@media screen and (max-width: 767px) {
  .c-table-plan td {
    width: 83%;
    padding: 7px 7px 6px;
  }
}
.c-table-plan td .--grn {
  color: var(--primary-color);
}
.c-table-plan td .--link {
  color: var(--primary-color);
  text-decoration: underline !important;
}
@media print, screen and (min-width: 768px) {
  .c-table-plan td .--link:hover {
    color: var(--primary-color-light);
  }
}
.c-table-plan td .--img {
  display: block;
  margin-top: 9px;
  max-width: 173px;
}

/*-- access --*/
.c-access {
  background: url("/assets/img/resources/img/index/access-bg.jpg");
  background-size: cover;
  padding: 57px 0 56px;
}
@media screen and (max-width: 767px) {
  .c-access {
    padding: 25px 0 31px;
    background: url("/assets/img/resources/img/index/access-bg-sp.jpg");
    background-size: cover;
  }
}
.c-access__box {
  width: 35%;
  max-width: 360px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-access__box {
    max-width: unset;
    width: 50%;
  }
}
.c-access__box a {
  display: block;
  padding: 41px 0 0;
}
@media screen and (max-width: 767px) {
  .c-access__box a {
    padding: 15px 0 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .c-access__box a:hover {
    color: #5D5D5D;
  }
  .c-access__box a:hover .c-button.--opa .--dammy {
    background: rgba(var(--primary-color-light-rgb), 0.7);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.c-access__box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: calc( 100% - 60px);
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .c-access__box::after {
    height: calc( 100% - 27px);
  }
}
.c-access__box .c-button {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .c-access__box .c-button {
    margin-top: 10px;
  }
}
.c-access__iframe {
  display: block;
  width: 100%;
  height: 253px;
}
@media screen and (max-width: 767px) {
  .c-access__iframe {
    height: 100px;
  }
}

/*-- member --*/
.c-member {
  padding: 92px 0 70px;
}
.c-member.--member {
  padding: 68px 0 39px;
}
@media screen and (max-width: 767px) {
  .c-member.--member {
    padding: 7px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-member {
    padding: 37px 0 30px;
  }
}
.c-member__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .c-member__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 9px;
  }
}
.c-member__list li {
  width: 32%;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .c-member__list li {
    width: 33%;
  }
}
@media screen and (max-width: 767px) {
  .c-member__list li {
    width: 100%;
    margin-bottom: 12px;
  }
}

/*-- news --*/
.c-news {
  padding: 65px 0 70px;
}
.c-news.--member {
  padding: 65px 0 46px;
}
@media screen and (max-width: 767px) {
  .c-news.--member {
    padding: 26px 0 0px;
  }
}
@media screen and (max-width: 767px) {
  .c-news {
    padding: 38px 0 8px;
  }
}
.c-news__item {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .c-news__item {
    width: 100%;
    margin-bottom: 22px;
  }
}
.c-news__list {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .c-news__list {
    margin-bottom: 12px;
  }
}
.c-news__list li {
  border-bottom: 1px solid #707070;
}
.c-news__list li a {
  display: block;
  padding: 16px 0;
}
@media screen and (max-width: 767px) {
  .c-news__list li a {
    padding: 10px 0 9px;
  }
}
@media print, screen and (min-width: 768px) {
  .c-news__list li a:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .c-news__list li a:hover .--top .--cate {
    background: var(--primary-color-light);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .c-news__list li a:hover .--title::after {
    background: url("/assets/img/resources/img/link-grn.svg");
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.c-news__list li a .--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
}
.c-news__list li a .--top .--date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-news__list li a .--top .--date {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-news__list li a .--top .--cate {
  margin-left: 13px;
  background: #B4B4B5;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  padding: 4px 0;
  width: 134px;
}
@media screen and (max-width: 767px) {
  .c-news__list li a .--top .--cate {
    width: 113px;
    font-size: 10px;
    font-size: 1rem;
    padding: 2.5px 0 2px;
    margin-left: 6px;
  }
}
.c-news__list li a .--title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  position: relative;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-news__list li a .--title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-news__list li a .--title::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 16px;
  background: url("/assets/img/resources/img/link-blk.svg");
  background-size: cover;
  background-position: center right;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*-- point --*/
.c-point {
  padding: 60px 0 58px;
  position: relative;
  z-index: 2;
  /*
  margin-top: calc(100vh - 68px);
  */
}
@media screen and (max-width: 767px) {
  .c-point {
    padding: 40px 0 32px;
  }
}
.c-point__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .c-point__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 18px;
  }
}
.c-point__list li {
  width: 24%;
}
@media screen and (max-width: 767px) {
  .c-point__list li {
    width: 48%;
    margin-bottom: 5px;
  }
}
.c-point__list li a {
  display: block;
}
.c-point__list li .--txt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 700;
  text-align: center;
  margin-top: 1px;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .c-point__list li .--txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .c-point__list li .--txt {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-point__title {
  text-align: center;
  color: var(--primary-color);
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 4px;
}
.c-point__title.--member {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .c-point__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.c-point__txt {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-point__txt {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-point__sns {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-point__sns.--member {
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .c-point__sns.--member {
    margin-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  .c-point__sns {
    width: 78%;
    margin: 17px auto;
  }
}
.c-point__sns li {
  margin: 0 17px;
}
@media screen and (max-width: 767px) {
  .c-point__sns li {
    margin: 0 16px;
  }
}

.c-guide-link {
  margin-top: -7px;
}
@media screen and (max-width: 767px) {
  .c-guide-link {
    padding: 0 20px;
    margin-top: 42px;
    margin-bottom: 10px;
  }
}
.c-guide-link__inner {
  width: 100%;
  max-width: 1120px;
  padding: 20px 30px 2px;
  margin: 0 auto;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .c-guide-link__inner {
    padding: 19px 0 7px;
  }
}
.c-guide-link__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .c-guide-link__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.c-guide-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .c-guide-link__list {
    margin-top: 16px;
  }
}
.c-guide-link__list li {
  width: 32%;
  margin-bottom: 22px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-guide-link__list li {
    width: 49%;
    margin-bottom: 9px;
  }
}
.c-guide-link__list li::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 24px;
  width: 9px;
  height: 14px;
  background: url("/assets/img/resources/img/link-wht.svg");
  background-size: cover;
  background-position: center right;
}
@media print, screen and (max-width: 1059px) {
  .c-guide-link__list li::after {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-guide-link__list li::after {
    width: 5px;
    height: 10px;
    right: 5px;
  }
}
.c-guide-link__list li a {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--primary-color);
  border-radius: 20px;
  padding: 11px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .c-guide-link__list li a:hover {
    background: var(--primary-color-light);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media print, screen and (max-width: 1059px) {
  .c-guide-link__list li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .c-guide-link__list li a {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 10px;
    padding: 9px 0;
  }
}
.c-guide-link__list li.--active a {
  background: #A0A0A0;
}

.c-plan-link {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .c-plan-link {
    padding: 0 20px;
    margin-top: 42px;
    margin-bottom: 10px;
  }
}
.c-plan-link__inner {
  width: 100%;
  max-width: 1120px;
  padding: 20px 28px 2px;
  margin: 0 auto;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .c-plan-link__inner {
    padding: 19px 0 7px;
  }
}
.c-plan-link__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .c-plan-link__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.c-plan-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .c-plan-link__list {
    margin-top: 16px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.c-plan-link__list li {
  width: 17%;
  max-width: 138px;
  margin-bottom: 22px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-plan-link__list li {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 9px;
  }
  .c-plan-link__list li:nth-child(4) {
    margin-right: unset;
  }
}
.c-plan-link__list li::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 9px;
  width: 9px;
  height: 14px;
  background: url("/assets/img/resources/img/link-wht.svg");
  background-size: cover;
  background-position: center right;
}
@media print, screen and (max-width: 1059px) {
  .c-plan-link__list li::after {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-plan-link__list li::after {
    width: 5px;
    height: 10px;
    right: 5px;
  }
}
.c-plan-link__list li a {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--primary-color);
  border-radius: 20px;
  padding: 11px 9px 11px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .c-plan-link__list li a:hover {
    background: var(--primary-color-light);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media print, screen and (max-width: 1059px) {
  .c-plan-link__list li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .c-plan-link__list li a {
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 10px;
    padding: 9px 0;
  }
}
.c-plan-link__list li.--active a {
  background: #A0A0A0;
}

.c-recommended-link {
  margin-top: 84px;
}
@media screen and (max-width: 767px) {
  .c-recommended-link {
    padding: 0 20px;
    margin-top: 42px;
    margin-bottom: 10px;
  }
}
.c-recommended-link__inner {
  width: 100%;
  max-width: 1120px;
  padding: 21px 28px 16px;
  margin: 0 auto;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .c-recommended-link__inner {
    padding: 17px 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-recommended-link__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  color: var(--primary-color);
  margin-right: 8.5px;
}
@media screen and (max-width: 767px) {
  .c-recommended-link__title {
    font-size: 20px;
    font-size: 2rem;
    margin: unset;
  }
}
.c-recommended-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .c-recommended-link__list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 17px;
  }
}
.c-recommended-link__list li {
  width: 53px;
  height: 53px;
  position: relative;
  margin: 0 7.5px;
}
@media screen and (max-width: 767px) {
  .c-recommended-link__list li {
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }
}
.c-recommended-link__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  background: var(--primary-color);
  border-radius: 50%;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .c-recommended-link__list li a:hover {
    background: var(--primary-color-light);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media print, screen and (max-width: 1059px) {
  .c-recommended-link__list li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .c-recommended-link__list li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-recommended-link__list li.--active a {
  background: #A0A0A0;
}

/*-- home --*/
.home::after {
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  top: 40px;
  left: 0;
  background: url("/assets/img/resources/img/index/recommend-bg.jpg");
  background-size: cover;
  background-position: top;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .home::after {
    background: url("/assets/img/resources/img/index/recommend-bg_sp.jpg");
    background-size: cover;
    background-position: top;
  }
}


/*-- mv --*/
.p-index-mv {
  width: 100%;
  height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
overflow: hidden;
top: 0px;
z-index: 2;
}
/*
@media screen and (max-width: 767px) {
  .p-index-mv {
    height: calc(100vh - 50px);
  }
}
*/
.p-index-mv .l-inner {
  position: relative;
}
.p-index-mv__title {
  width: 50%;
  max-width: 535px;
  position: absolute;
  left: 0;
  bottom: 81%;
}
@media screen and (max-width: 767px) {
  .p-index-mv__title {
    width: 100%;
    bottom: 100%;

  }
}
.p-index-mv__bottom {
  background: rgba(var(--primary-color-rgb), 0.7);
  padding: 17px 0 21px;
    z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-index-mv__bottom {
    padding: 31px 0 9px;
  }
}
.p-index-mv__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-index-mv__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-index-mv__list li {
  width: 24%;
  border: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .p-index-mv__list li {
    width: 48%;
    margin-bottom: 7px;
  }
}
.p-index-mv__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 14px 0 14px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .p-index-mv__list li a:hover {
    background: rgba(var(--primary-color-light-rgb), 0.7);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (max-width: 767px) {
  .p-index-mv__list li a {
    padding: 8px 0 7px;
  }
}
.p-index-mv__list li a::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 16px;
  background: url("/assets/img/resources/img/link.svg");
  background-size: cover;
  background-position: center right;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-index-mv__list li a::after {
    width: 4px;
    height: 10px;
    right: 5px;
  }
}
.p-index-mv__list li a .--title {
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.18;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .p-index-mv__list li a .--title {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-index-mv__list li a .--title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/*-- recommend --*/
.p-index-recommend {
  padding: 205px 0 37px !important;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-index-recommend {
    padding: 108px 0 28px !important;
  }
}
.p-index-recommend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-index-recommend__list {
    margin-top: 12px;
  }
}
.p-index-recommend__list li {
  width: 48%;
  margin: 0 0px 0 10px;
  margin-bottom: 34.5px;
}
@media screen and (max-width: 767px) {
  .p-index-recommend__list li {
    width: 100%;
    margin: 0 0 12px;
  }
}
.p-index-recommend__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(var(--primary-color-rgb), 0.7);
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #fff;
  padding: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .p-index-recommend__list li a:hover {
    background: rgba(var(--primary-color-light-rgb), 0.8);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (max-width: 767px) and (min-width: 550px) {
  .p-index-recommend__list li a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .p-index-recommend__list li a {
    padding: 5px;
  }
}
.p-index-recommend__list li a::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 16px;
  background: url("/assets/img/resources/img/link.svg");
  background-size: cover;
  background-position: center right;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-index-recommend__list li a .--point {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 96px;
  height: 38px;
  border: 2px solid #fff;
  background: #DC000C;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .p-index-recommend__list li a .--point {
    height: 26px;
  }
}
@media screen and (max-width: 767px) {
  .p-index-recommend__list li a .--point {
    width: 59px;
    height: 23px;
    padding: 2.5px 0;
    left: -8px;
    border: 1px solid #fff;
  }
}
.p-index-recommend__list li a .--point .--txt {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .p-index-recommend__list li a .--point .--txt {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-index-recommend__list li a .--point .--txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
  }
}
.p-index-recommend__list li a .--imeges {
  width: 37%;
}
.p-index-recommend__list li a .--unit {
  width: 60%;
}
.p-index-recommend__list li a .--unit .--title {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 900;
  line-height: 1.185;
  color: #fff;
  text-align: center;
  margin: 8px 0 11px 0;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .p-index-recommend__list li a .--unit .--title {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-index-recommend__list li a .--unit .--title {
    font-size: 17px;
    font-size: 1.7rem;
    margin: 6px 0 6px;
  }
}
.p-index-recommend__list li a .--unit .--read {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .p-index-recommend__list li a .--unit .--read {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-index-recommend__list li a .--unit .--read {
    font-size: 10px;
    font-size: 1rem;
  }
}

/*-- plan --*/
.p-index-plan__inner {
  background: url("/assets/img/resources/img/index/plan-bg.jpg");
  background-size: cover;
  padding: 50px 0 67px;
  background-position: top;
}
@media screen and (max-width: 767px) {
  .p-index-plan__inner {
    padding: 38px 0 0px;
    background: url("/assets/img/resources/img/index/plan-bg_sp.jpg");
    background-size: cover;
    background-position: top;
  }
}
.p-index-plan__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .p-index-plan__list {
    margin-top: 11px;
  }
}
.p-index-plan__list li {
  width: 23%;
  margin-bottom: 40px;
  max-width: 250px;
}
@media screen and (max-width: 767px) {
  .p-index-plan__list li {
    width: 48%;
    margin-bottom: 20px;
  }
}
.p-index-plan__list li.--large {
  width: 48.5%;
  max-width: 540px;
}
@media screen and (max-width: 767px) {
  .p-index-plan__list li.--large {
    width: 100%;
    margin: 0 auto 18px;
  }
}
.p-index-plan__list li a {
  background: rgba(var(--primary-color-rgb), 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 19px 0;
  border: 1px solid #fff;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .p-index-plan__list li a:hover {
    background: rgba(var(--primary-color-light-rgb), 0.7);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.p-index-plan__list li a::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 16px;
  background: url("/assets/img/resources/img/link.svg");
  background-size: cover;
  background-position: center right;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-index-plan__list li a .--txt {
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .p-index-plan__list li a .--txt {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

/*-- guide --*/
.p-index-guide .l-bg__wh {
  padding: 70px 0 73px;
}
@media screen and (max-width: 767px) {
  .p-index-guide .l-bg__wh {
    padding: 35px 0 30px;
  }
}
.p-index-guide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 19px;
}
@media screen and (max-width: 767px) {
  .p-index-guide__list {
    margin-top: 11px;
  }
}
.p-index-guide__list li {
  width: 32%;
  margin-bottom: 18px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-guide__list li {
    width: 49%;
    margin-bottom: 8px;
  }
}
.p-index-guide__list li a .--img img {
  height: auto;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
@media print, screen and (min-width: 768px) {
  .p-index-guide__list li a:hover .--img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p-index-guide__list li a:hover .p-index-guide__button {
    background: var(--primary-color-light);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.p-index-guide__button {
  background: var(--primary-color);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 8px 0;
}
@media screen and (max-width: 767px) {
  .p-index-guide__button {
    padding: 4px 0 3px;
  }
}
.p-index-guide__button .--txt {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 900;
}
@media print, screen and (max-width: 1059px) and (min-width: 768px) {
  .p-index-guide__button .--txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-index-guide__button .--txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-index-guide__button::after {
  position: absolute;
  content: "";
  width: 10.5px;
  height: 17px;
  background: url("/assets/img/resources/img/link-guide.svg");
  background-size: cover;
  background-position: center right;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-index-guide__button::after {
    width: 5px;
    height: 10px;
    right: 6px;
  }
}

/*-- calendar --*/
.p-index-calendar {
  padding-bottom: 100px;
  padding-top: 1px;
  margin-top: -1px;
}
@media screen and (max-width: 767px) {
  .p-index-calendar {
    padding-bottom: 40px;
  }
}
.p-index-calendar .--image {
  margin: -4px 0 13px;
}

/*-- recruit --*/
.p-index-recruit {
  background: url("/assets/img/resources/img/index/recruit-bg.jpg");
  background-size: cover;
  padding: 57px 0 44px;
}
@media screen and (max-width: 767px) {
  .p-index-recruit {
    background: url("/assets/img/resources/img/index/recruit-bg_sp.jpg");
    background-size: cover;
    padding: 18px 0 12px;
  }
}
.p-index-recruit__box {
  width: 35%;
  max-width: 400px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__box {
    width: 50%;
    max-width: unset;
  }
}
.p-index-recruit__box .c-button {
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__box .c-button {
    margin-top: 0;
  }
}

.p-access {
  margin: 18px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-access {
    margin: 12px 0 50px;
  }
}
.p-access__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.p-access__title .--icon {
  display: block;
  height: 28px;
  width: auto;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .p-access__title .--icon {
    height: 17px;
    margin-right: 8px;
    width: 30px;
  }
  .p-access__title .--icon.--car {
    width: 35px;
  }
  .p-access__title .--icon img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
.p-access__title .--title {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.25;
  font-weight: 900;
  color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-access__title .--title {
    font-size: 25px;
    font-size: 2.5rem;
  }
}

/*--map--*/
.p-access-map {
  margin: 33px 0 0;
  padding-bottom: 42px;
  border-bottom: 1px solid #707070;
}
.p-access-map.u-link {
  margin-top: -97px;
  padding-top: 130px;
}
@media screen and (max-width: 767px) {
  .p-access-map.u-link {
    margin-top: -40px;
    padding-top: 60px;
  }
}
.p-access-map__iframe {
  display: block;
  margin: 10px 0 23px;
  width: 100%;
  height: 554px;
}
@media screen and (max-width: 767px) {
  .p-access-map__iframe {
    height: 305px;
    margin: 19px 0 18px;
  }
}

/*--car--*/
.p-access-car {
  margin-top: 43px;
  margin-bottom: 54px;
}
@media screen and (max-width: 767px) {
  .p-access-car {
    margin-top: 32px;
    margin-bottom: 30px;
  }
}
.p-access-car__cont {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .p-access-car__cont {
    margin-top: 23px;
  }
}
.p-access-car__map {
  width: 47%;
}
@media screen and (max-width: 767px) {
  .p-access-car__map {
    width: 100%;
  }
}
.p-access-car__parking {
  width: 47%;
  margin-top: -2px;
}
@media screen and (max-width: 767px) {
  .p-access-car__parking {
    width: 100%;
    margin-top: 0;
  }
}
.p-access-car__parking .--item {
  margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
  .p-access-car__parking .--item {
    margin-bottom: 12px;
  }
}
.p-access-car__parking .--item:nth-child(2) {
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .p-access-car__parking .--item:nth-child(2) {
    margin-bottom: 9px;
  }
}
.p-access-car__parking .--img {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-access-car__parking .--img {
    margin-top: 6px;
  }
}

/*--bus--*/
.p-access-bus {
  margin-bottom: 85px;
}
@media screen and (max-width: 767px) {
  .p-access-bus {
    margin-bottom: 36px;
  }
}
.p-access-bus__imeges {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-access-bus__imeges {
    margin-top: 25px;
    margin-bottom: -5px;
  }
}
.p-access-bus__imeges .--bus {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-access-bus__imeges .--bus {
    width: 100%;
    margin-bottom: 10px;
  }
}
.p-access-bus__imeges .--around {
  width: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-access-bus__imeges .--around {
    width: 100%;
  }
}
.p-access-bus__imeges .--around .--image {
  width: 49%;
  margin-bottom: 10px;
}
.p-access-bus__flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0 12px;
}
@media screen and (max-width: 767px) {
  .p-access-bus__flow {
    margin: 29px 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-access-bus__flow li {
  width: 14%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-access-bus__flow li {
    width: 48%;
    margin-bottom: 8px;
  }
}
.p-access-bus__flow li::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 11px;
  background: url("/assets/img/resources/img/link-wht.svg");
  background-size: cover;
  background-position: center right;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-access-bus__flow li::after {
    right: 6px;
  }
}
.p-access-bus__flow li .--txt {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  padding: 23px 1px 25px;
  display: block;
  background: var(--primary-color);
  border-radius: 20px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-access-bus__flow li .--txt:hover {
    background: var(--primary-color-light);
  }
}
@media screen and (max-width: 767px) {
  .p-access-bus__flow li .--txt {
    padding: 22px 0;
    font-size: 13px;
    font-size: 1.3rem;
    border-radius: 10px;
  }
}

/*--time--*/
.p-access-time__inner {
  width: 93%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-access-time__inner {
    width: 100%;
  }
}
.p-access-time__item {
  margin-bottom: 10px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-access-time__item {
    margin-bottom: 50px;
  }
}
.p-access-time__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .p-access-time__unit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 4px;
  }
}
.p-access-time__unit .--root {
  width: 47%;
}
@media screen and (max-width: 767px) {
  .p-access-time__unit .--root {
    width: 100%;
    margin-bottom: 4px;
  }
}
.p-access-time__unit .--root iframe {
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-access-time__unit .--root iframe {
    height: 350px;
  }
}
.p-access-time__unit .--time {
  width: 52%;
}
@media screen and (max-width: 767px) {
  .p-access-time__unit .--time {
    width: 100%;
  }
}

.p-member {
  margin-top: 26px;
}
@media screen and (max-width: 767px) {
  .p-member {
    margin-top: 18px;
    margin-bottom: 24px;
  }
}

/*--wifi--*/
.p-member-wifi {
  background: #F7F7F7;
  padding: 69px 0 55px;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .p-member-wifi {
    padding: 22px 0 21px;
    margin-bottom: 34px;
  }
}
.p-member-wifi .--icon {
  margin-right: 12px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-member-wifi .--icon {
    width: 33px;
    margin-right: 5px;
  }
}
.p-member-wifi p {
  margin-top: 18px;
}
@media screen and (max-width: 767px) {
  .p-member-wifi p {
    margin-top: 0;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
  }
}

/*--sns--*/
.p-member-sns {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .p-member-sns {
    margin-bottom: 35px;
  }
}

/*--calender--*/
.p-member-calendar {
  margin-top: 43px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .p-member-calendar {
    margin: 27px 0 21px;
  }
}
.p-member-calendar .--image {
  margin-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .p-member-calendar .--image {
    margin-bottom: 0px;
  }
}
.p-member-calendar .--link {
  color: var(--primary-color);
  font-weight: 700;
  text-decoration: underline !important;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-member-calendar .--link {
    font-size: 10px;
    font-size: 1rem;
  }
}

/*--tab--*/
.p-member-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  position: relative;
    z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-member-tab {
    margin-bottom: 11px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.p-member-tab li {
  width: 172px;
}
@media screen and (max-width: 767px) {
  .p-member-tab li {
    width: 22%;
  }
}
.p-member-tab li a {
  display: block;
  background: var(--primary-color);
  margin: 0 9px;
  border-radius: 16px;
  padding: 15px 0 14px;
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-member-tab li a {
    margin: 0;
    border-radius: 8px;
    padding: 12px 0 14px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-member-tab li a::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 20px;
  background: url("/assets/img/resources/img/link-wht.svg");
  background-size: cover;
  background-position: center right;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
}
@media screen and (max-width: 767px) {
  .p-member-tab li a::after {
    width: 7px;
    height: 11px;
    right: 3px;
  }
}
@media print, screen and (min-width: 768px) {
  .p-member-tab li a:hover {
    background: var(--primary-color-light);
  }
}

/*--list--*/
.p-member-list__item li {
  position: relative;
}
.p-member-list__item li.u-link {
  margin-top: -88px;
  padding-top: 88px;
}
@media screen and (max-width: 767px) {
  .p-member-list__item li.u-link {
    margin-top: -45px;
    padding-top: 45px;
  }
}
.p-member-list__item .--inner {
  width: 100%;
  max-width: 670px;
  margin: 0 auto;
  padding: 65px 0;
}
.p-member-list__item .--inner::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #707070;
  left: 0;
  top: 88px;
}
@media screen and (max-width: 767px) {
  .p-member-list__item .--inner::after {
    top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .p-member-list__item .--inner {
    padding: 26px 0;
  }
}
.p-member-list__item .--ttl {
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1;
  color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-member-list__item .--ttl {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.p-member-list__item .--calender {
  width: 100%;
  margin: 16px 0;
}
@media screen and (max-width: 767px) {
  .p-member-list__item .--calender {
    margin: 7px 0;
  }
}
.p-member-list__item .--attention {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.428;
}
@media screen and (max-width: 767px) {
  .p-member-list__item .--attention {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

[value=All]:checked ~ .targets [data-category] {
  display: block;
}

[value=schedule]:checked ~ .targets .target:not([data-category~=schedule]),
[value=about]:checked ~ .targets .target:not([data-category~=about]),
[value=other]:checked ~ .targets .target:not([data-category~=other]) {
  display: none;
}

/*  ラジオボタンを非表示に */
/*
input[type=radio] {
  position: absolute;
  left: -9999px;
}
*/
/*  以下はラベルのスタイル */
.filters {
  margin-bottom: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .filters {
    margin-bottom: 9px;
  }
}
.filters li {
  width: 18%;
}
.filters li:nth-child(3), .filters li:nth-child(2) {
  width: 28%;
}

.filters label {
  display: block;
  text-align: center;
  padding: 14px 15px 14px 0;
  margin-bottom: 0.25rem;
  line-height: normal;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: var(--primary-color);
  color: #fff;
  border-radius: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .filters label {
    font-size: 11px;
    font-size: 1.1rem;
    border-radius: 10px;
    padding: 11px 8px 12px 0;
  }
}
.filters label::after {
  position: absolute;
  content: "";
  background: url("/assets/img/resources/img/link-wht.svg");
  background-size: cover;
  background-position: center right;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  width: 10px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .filters label::after {
    width: 5px;
    height: 10px;
    right: 5px;
  }
}

.filters label:hover {
  background: var(--primary-color-light);
}

[value=All]:checked ~ .filters [for=All],
[value=schedule]:checked ~ .filters [for=schedule],
[value=about]:checked ~ .filters [for=about],
[value=other]:checked ~ .filters [for=other] {
  background: #B4B4B5;
  color: #fff;
}

.p-info-sns {
  padding: 85px 0 103px;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .p-info-sns {
    padding-top: 45px;
    padding-bottom: 16px;
  }
}

/*--archive--*/
.p-info {
  margin-top: 19px;
}
@media screen and (max-width: 767px) {
  .p-info {
    margin-top: 0;
  }
}
.p-info__corona {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-info__corona {
    margin-bottom: 30px;
  }
}
.p-info__corona a {
  display: block;
  background: #606BC3;
  position: relative;
  padding: 33px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 768px) {
  .p-info__corona a:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: rgba(96, 107, 195, 0.7);
  }
}
@media screen and (max-width: 767px) {
  .p-info__corona a {
    padding: 14px 0;
  }
}
.p-info__corona a::before {
  position: absolute;
  content: "";
  width: 98%;
  height: 82%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
}
.p-info__corona a::after {
  position: absolute;
  content: "";
  background: url("/assets/img/resources/img/link-wht.svg");
  background-size: cover;
  background-position: center right;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 28px;
  width: 13px;
  height: 21px;
}
@media screen and (max-width: 767px) {
  .p-info__corona a::after {
    width: 5px;
    height: 10px;
    right: 14px;
  }
}
.p-info__corona a .--txt {
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-info__corona a .--txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.p-info__title {
  border-bottom: 1px solid var(--primary-color);
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 16px;
  padding-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .p-info__title {
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 0;
    margin-bottom: 7px;
  }
}
.p-info__list {
  margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .p-info__list {
    margin-bottom: 40px;
  }
}
.p-info__list__item {
  border-bottom: 1px solid #707070;
}
.p-info__list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 0 13px;
}
@media screen and (max-width: 767px) {
  .p-info__list__item a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px 0 6px;
  }
}
.p-info__list__item a:hover .--cate {
  background: var(--primary-color-light);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-info__list__item a:hover .--title::after {
  background: url("/assets/img/resources/img/link-grn.svg");
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-info__list__item a .--date {
  display: block;
  line-height: 2;
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  .p-info__list__item a .--date {
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 8px;
  }
}
.p-info__list__item a .--cate {
  width: 180px;
  background: #B4B4B5;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 6px 0;
  border-radius: 5px;
  margin-right: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-info__list__item a .--cate {
    font-size: 10px;
    font-size: 1rem;
    width: 112px;
    padding: 2.5px 0;
  }
}
.p-info__list__item a .--title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.777;
  position: relative;
  width: calc(100% - 293px);
}
.p-info__list__item a .--title::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 16px;
  background: url("/assets/img/resources/img/link-blk.svg");
  background-size: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-info__list__item a .--title::after {
    width: 5px;
    height: 10px;
    right: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-info__list__item a .--title {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: -5px;
  }
}

/*--single--*/
.p-info-single {
  margin-bottom: 120px;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-info-single {
    margin: 6px 0 45px;
  }
}
.p-info-single__unit {
  margin-bottom: 88px;
}
@media screen and (max-width: 767px) {
  .p-info-single__unit {
    margin-bottom: 29px;
  }
}
.p-info-single__top .--date {
  display: block;
  line-height: 2;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .p-info-single__top .--date {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0;
  }
}
.p-info-single__top .--cate {
  width: 224px;
  background: #B4B4B5;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 6px 0;
  border-radius: 5px;
  margin-bottom: 26px;
}
@media screen and (max-width: 767px) {
  .p-info-single__top .--cate {
    font-size: 12px;
    font-size: 1.2rem;
    width: 121px;
    padding: 4.5px 0;
    margin-bottom: 0;
  }
}
.p-info-single__top .--title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.36;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-info-single__top .--title {
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 4px;
  }
}
.p-info-single__content p {
  line-height: 1.875;
  margin: 36px 0;
}
@media screen and (max-width: 767px) {
  .p-info-single__content p {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 12px 0;
  }
}
.p-info-single__content img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 36px 0 15px;
}
@media screen and (max-width: 767px) {
  .p-info-single__content img {
    margin: 36px 0 6px;
  }
}
.p-info-single__content a {
  display: block;
  text-align: center;
  color: var(--primary-color);
  font-weight: 700;
  text-decoration: underline !important;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-info-single__content a {
    font-size: 10px;
    font-size: 1rem;
  }
}
.p-info-single__pager {
  max-width: 610px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.p-info-single__pager li a {
  padding: 10px 20px;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-info-single__pager li a {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
  }
}
.p-info-single__pager .before, .p-info-single__pager .after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-info-single__pager .before {
  left: 0;
}
.p-info-single__pager .after {
  right: 0;
}

.p-recruit {
  margin: 27px 0 0;
}
@media screen and (max-width: 767px) {
  .p-recruit {
    margin: 17px 0 0;
  }
}
.p-recruit__read {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-recruit__read {
    font-size: 14px;
    font-size: 1.4rem;
    width: 85%;
    margin: 28px auto 0;
    line-height: 1.29;
  }
}

.p-recruit-read {
  margin: 53px 0 47px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-recruit-read {
    margin: 20px 0 41px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
.p-recruit-read .--title {
  font-weight: 700;
}

.p-recruit-cont.--first {
  padding-bottom: 40px;
  border-bottom: 1px solid #A0A0A0;
  margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .p-recruit-cont.--first {
    padding-bottom: 0;
    margin-bottom: 40px;
  }
}
.p-recruit-cont__introduction {
  margin-top: 32px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .p-recruit-cont__introduction {
    margin: 8px 0 9px;
  }
}
.p-recruit-cont__introduction .--unit {
  width: 47%;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  .p-recruit-cont__introduction .--unit {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    line-height: 1.3;
  }
}
.p-recruit-cont__introduction .--unit .--title {
  font-weight: 700;
}
.p-recruit-cont__introduction .--image {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-recruit-cont__introduction .--image {
    width: 100%;
    margin-top: 9px;
  }
}
.p-recruit-cont__table {
  border: 1px solid #707070;
  width: 100%;
}
.p-recruit-cont__table tr, .p-recruit-cont__table th, .p-recruit-cont__table td {
  vertical-align: top;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  .p-recruit-cont__table tr, .p-recruit-cont__table th, .p-recruit-cont__table td {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
.p-recruit-cont__table th {
  font-weight: 700;
  padding: 28px 0 30px 80px;
  width: 24%;
}
@media print, screen and (max-width: 1059px) {
  .p-recruit-cont__table th {
    padding: 28px 0 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-recruit-cont__table th {
    padding: 16px 10px 18px;
    width: 110px;
  }
}
.p-recruit-cont__table td {
  padding: 28px 0 30px;
  width: 70%;
}
@media screen and (max-width: 767px) {
  .p-recruit-cont__table td {
    padding: 16px 10px 18px 0;
    width: unset;
  }
}
.p-recruit-cont__example {
  padding: 15px 0 76px;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  .p-recruit-cont__example {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 8px 0 38px;
  }
}

.p-recruit-box {
  background: #EEEEEF;
  padding: 32px 10px 30px;
  margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .p-recruit-box {
    padding: 19px 0 15px;
    margin-bottom: 40px;
  }
  .p-recruit-box .c-txt__center {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.3;
  }
}
.p-recruit-box__txt {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-top: 29px;
}
@media screen and (max-width: 767px) {
  .p-recruit-box__txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
    line-height: 1.28;
  }
}

.p-contact {
  padding-top: 27px;
}
@media screen and (max-width: 767px) {
  .p-contact {
    padding-top: 17px;
  }
}
.p-contact__read {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  margin: 41px 0;
}
@media screen and (max-width: 767px) {
  .p-contact__read {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 12px 0;
    line-height: 1.28;
  }
}

.p-application {
  padding-top: 27px;
}
@media screen and (max-width: 767px) {
  .p-application {
    padding-top: 17px;
  }
}
.p-application__read {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  margin: 41px 0;
  font-weight: 700;
}
.p-application__read .--red {
  display: block;
  color: #F56878;
  margin-top: -9px;
}
@media screen and (max-width: 767px) {
  .p-application__read .--red {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-application__read {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 12px 0;
    line-height: 1.28;
  }
}
.p-application__banner {
  width: 100%;
  margin: -7px auto -2px;
  max-width: 670px;
}
@media print, screen and (min-width: 768px) {
  .p-application__banner a:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .p-application__banner {
    margin: 0px auto -8px;
  }
}
.p-application .c-form__select__item {
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .p-application .c-form__select__item {
    margin-bottom: 6px;
    margin-right: 18px;
  }
}

.p-guide {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-guide {
    padding-top: 10px;
  }
}
.p-guide__content {
  margin-bottom: 66px;
  margin-top: 33px;
}
.p-guide__content.u-link {
  margin-top: -97px;
}
@media screen and (max-width: 767px) {
  .p-guide__content.u-link {
    margin-top: -40px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide__content {
    margin-bottom: 35px;
    margin-top: 20px;
  }
}
.p-guide__read {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.555;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .p-guide__read {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 8px;
  }
}
.p-guide__read span {
  color: #F56878;
}

/*-- flow --*/
.p-guide-flow__list {
  margin-top: 32px;
  margin-bottom: 73px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list {
    margin-bottom: 38px;
    margin-top: 21px;
  }
}
.p-guide-flow__list li {
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list li {
    margin-bottom: 30px;
  }
}
.p-guide-flow__list li::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 20px;
  background: url("/assets/img/resources/img/guide/flow/flow.svg");
  background-size: cover;
  background-position: center bottom;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -42px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list li::after {
    width: 20px;
    height: 10px;
    bottom: -21px;
  }
}
.p-guide-flow__list li:last-child::after {
  display: none;
}
.p-guide-flow__list .--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-guide-flow__list .--inner .--step {
  width: 128px;
  height: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--inner .--step {
    width: 64px;
    height: 64px;
  }
}
.p-guide-flow__list .--inner .--step .--title, .p-guide-flow__list .--inner .--step .--number {
  color: #fff;
  font-weight: 500;
  line-height: 1;
  font-family: "Oswald", sans-serif;
  text-align: center;
}
.p-guide-flow__list .--inner .--step .--title {
  font-size: 32px;
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--inner .--step .--title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.p-guide-flow__list .--inner .--step .--number {
  font-size: 48px;
  font-size: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--inner .--step .--number {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.p-guide-flow__list .--inner .--unit {
  width: calc(100% - 136px);
  height: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #EEEEEF;
  padding: 10px 32px 10px 40px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--inner .--unit {
    width: calc(100% - 68px);
    height: unset;
    min-height: 64px;
    padding: 10px 20px;
  }
}
.p-guide-flow__list .--inner .--unit.--last {
  background: #F56878;
  color: #fff;
}
.p-guide-flow__list .--inner .--unit .--title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--inner .--unit .--title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
  }
}
.p-guide-flow__list .--inner .--unit .--attention {
  line-height: 1.562;
  padding-left: 1em;
  text-indent: -1em;
}
@media print, screen and (max-width: 1059px) {
  .p-guide-flow__list .--inner .--unit .--attention {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--inner .--unit .--attention {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2;
  }
}
.p-guide-flow__list .--inner .--unit .--red {
  color: #F56878;
}
.p-guide-flow__list .--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--content {
    margin-top: 7px;
  }
}
.p-guide-flow__list .--content .--item {
  width: 49%;
}
.p-guide-flow__list .--content .--item .--title {
  background: #5D5D5D;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.363;
  padding: 9px 0;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--content .--item .--title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.166;
    padding: 3px 0;
  }
}
.p-guide-flow__list .--content .--item .--unit {
  margin-bottom: 58px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--content .--item .--unit {
    margin-bottom: 23px;
  }
}
.p-guide-flow__list .--content .--item .--second {
  position: relative;
}
.p-guide-flow__list .--content .--item .--second::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 10px;
  background: url("/assets/img/resources/img/guide/flow/flow-blk.svg");
  background-size: cover;
  background-position: center bottom;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -30px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--content .--item .--second::after {
    width: 10px;
    height: 5px;
    top: -15px;
  }
}
.p-guide-flow__list .--guide {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--guide {
    margin-top: 8px;
  }
}
.p-guide-flow__list .--guide .--img {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--guide .--img {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-flow__list .--guide .--txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/*-- facility --*/
.p-guide-facility__img {
  width: 70%;
  margin: 32px auto 32px;
  max-width: 661px;
}
@media screen and (max-width: 767px) {
  .p-guide-facility__img {
    width: 100%;
    margin: 20px auto 9px;
  }
}
.p-guide-facility__content {
  padding-bottom: 40px;
  border-bottom: 1px solid #707070;
  margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
  .p-guide-facility__content {
    padding-bottom: 19px;
    margin-bottom: 16px;
  }
}
.p-guide-facility__cont {
  margin: 16px 0 3px;
}
@media screen and (max-width: 767px) {
  .p-guide-facility__cont {
    margin: 7px 0 8px;
  }
}
.p-guide-facility__cont .c-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-guide-facility__cont .c-box__item:nth-child(2) {
  margin-top: -20px;
}
@media screen and (max-width: 767px) {
  .p-guide-facility__cont .c-box__item:nth-child(2) {
    margin-top: 1px;
  }
}

/*-- introduction --*/
.p-guide-introduction__content {
  margin-top: 32px;
  margin-bottom: -37px;
}
@media screen and (max-width: 767px) {
  .p-guide-introduction__content {
    margin-top: 8px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-introduction__txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-guide-introduction__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .p-guide-introduction__list {
    margin-top: 20px;
  }
}
.p-guide-introduction__card {
  width: 24%;
  background: #F7F7F7;
  padding: 8px 8px 14px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .p-guide-introduction__card {
    width: 49%;
    padding: 5px 5px 7px;
    margin-bottom: 18px;
  }
}
.p-guide-introduction__card .--name {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.666;
  font-weight: 700;
  color: var(--primary-color);
  margin: 5px 0 3px;
}
@media screen and (max-width: 767px) {
  .p-guide-introduction__card .--name {
    font-size: 10px;
    font-size: 1rem;
    margin: 4px 0 3px;
    line-height: 1.5;
  }
}
.p-guide-introduction__card .--question {
  background: rgba(93, 93, 93, 0.15);
  border-radius: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  padding: 5px 11px;
}
@media screen and (max-width: 767px) {
  .p-guide-introduction__card .--question {
    font-size: 7.5px;
    font-size: 0.75rem;
    padding: 2px 7px;
    border-radius: 7px;
  }
}
.p-guide-introduction__card .--answer {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.428;
  padding-left: 5px;
  padding-bottom: 12px;
}


.--answer .--img a:hover{
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .p-guide-introduction__card .--answer {
    font-size: 9px;
    font-size: 0.9rem;
    padding-left: 3px;
    padding-bottom: 4px;
  }
}

/*-- faq --*/
.p-guide-faq .p-guide__content {
  margin-bottom: -18px;
}
.p-guide-faq__link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__link {
    margin-top: 20px;
    margin-bottom: 35px;
  }
}
.p-guide-faq__link li {
  width: 50%;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__link li {
    width: 100%;
    margin-bottom: 7px;
  }
}
.p-guide-faq__link li a {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  display: inline-block;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .p-guide-faq__link li a:hover::after {
    background: url("/assets/img/resources/img/guide/faq/link-grn.svg");
    background-size: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-faq__link li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.p-guide-faq__link li a::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 10px;
  right: -27px;
  top: 14px;
  background: url("/assets/img/resources/img/guide/faq/link.svg");
  background-size: cover;
  background-position: center bottom;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__link li a::after {
    height: 6px;
    width: 13px;
    top: 8px;
    right: -17px;
  }
}
.p-guide-faq__item {
  padding-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__item {
    padding-bottom: 41px;
  }
}
.p-guide-faq__item__ttl {
  border: 1px solid var(--primary-color);
  background: #E2F7ED;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--primary-color);
  padding: 22px 0;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__item__ttl {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 13px 0;
  }
}
.p-guide-faq__content {
  border-bottom: 1px solid #A0A0A0;
}
.p-guide-faq__content .--question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-size: 2.4rem;
  color: var(--primary-color);
  padding: 32px 0 11px;
  cursor: pointer;
  position: relative;
}
.p-guide-faq__content .--question p{
  padding-right: 50px;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__content .--question {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 0 8px;
  }
  .p-guide-faq__content .--question p{
    padding-right: 10px;
  }
}
.p-guide-faq__content .--question::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 1px;
  background: var(--primary-color);
  top: 50px;
  right: 10px;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__content .--question::after {
    width: 10px;
    height: 2px;
    top: 29px;
    right: 5px;
  }
}
.p-guide-faq__content .--question::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: var(--primary-color);
  top: 40px;
  right: 20px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__content .--question::before {
    height: 10px;
    width: 2px;
    top: 25px;
    right: 9px;
  }
}
.p-guide-faq__content .--question.active::before {
  opacity: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-guide-faq__content .--question .--icon {
  display: inline-block;
  margin-right: 13px;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__content .--question .--icon {
    margin-right: 5px;
  }
}
.p-guide-faq__content .--answer {
  display: none;
  padding: 0 7px 28px;
  line-height: 2;
  display: none;
}
.p-guide-faq__content .--answer .--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__content .--answer {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 3px 21px;
    line-height: 1.333;
  }
}
.p-guide-faq__content .--answer .--img {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__content .--answer .--img {
    margin-top: 14px;
  }
}
.p-guide-faq__content .--answer .--icon {
  display: inline-block;
  margin-right: 17px;
}
@media screen and (max-width: 767px) {
  .p-guide-faq__content .--answer .--icon {
    margin-right: 6px;
  }
}

/*-- voice --*/
.p-guide-voice__img {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__img {
    margin-top: -7px;
  }
}
.p-guide-voice__img .--img {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__img .--img {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-voice__img .--txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-guide-voice__content {
  margin: 39px 0 67px;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__content {
    margin: 25px 0 45px;
  }
}
.p-guide-voice__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 37px;
  margin-bottom: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__item {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.p-guide-voice__item .--unit {
  width: 130px;
  padding: 0 10px;
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__item .--unit {
    width: 65px;
    padding: 0 5px;
    margin-right: 0;
  }
}
.p-guide-voice__item .--unit .--img img {
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__item .--unit .--img img {
    width: 25px;
  }
}
.p-guide-voice__item .--unit .--name, .p-guide-voice__item .--unit .--cate {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__item .--unit .--name, .p-guide-voice__item .--unit .--cate {
    font-size: 9px;
    font-size: 0.9rem;
    margin-left: -6px;
  }
}
.p-guide-voice__item .--unit .--name {
  border-bottom: 1px solid #707070;
  margin-bottom: 3px;
  padding-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__item .--unit .--name {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.p-guide-voice__item .--voice {
  width: 100%;
  background: #E2F7ED;
  font-size: 20px;
  font-size: 2rem;
  padding: 30px 32px 29px;
}
@media screen and (max-width: 767px) {
  .p-guide-voice__item .--voice {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 13px 10px 12px;
  }
}

/*-- benefits --*/
.p-guide-benefits .c-txt__link {
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-guide-benefits .c-txt__link {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 19px;
  }
}
.p-guide-benefits__table {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .p-guide-benefits__table {
    margin-top: 6px;
    margin-bottom: 1px;
  }
}
.p-guide-benefits__table tr {
  width: 100%;
}
.p-guide-benefits__table th, .p-guide-benefits__table td {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
  border: 1px solid #A0A0A0;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .p-guide-benefits__table th, .p-guide-benefits__table td {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 5px 0;
  }
}
.p-guide-benefits__table th {
  width: 47%;
  background: #EEEEEF;
}
.p-guide-benefits__table td {
  width: 53%;
}
.p-guide-benefits__small {
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-guide-benefits__small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-guide-benefits__item {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-guide-benefits__item {
    margin-top: 20px;
  }
}
.p-guide-benefits__item p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.555;
}
@media screen and (max-width: 767px) {
  .p-guide-benefits__item p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.p-guide-benefits__list li {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.82;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-guide-benefits__list li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-benefits .c-title__page span {
    padding: 6px 14px;
  }
}

/*-- company --*/
.p-guide-company__item {
  margin-top: 84px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__item {
    margin-top: 45px;
    padding: 0 20px;
  }
}
.p-guide-company__item.--sro {
  margin-top: 48px;
  padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__item.--sro {
    margin-top: 24px;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-company__item .c-txt__center {
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-guide-company__item__title {
  text-align: center;
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 900;
  line-height: 1;
  color: var(--primary-color);
  margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__item__title {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 15px;
  }
}
.p-guide-company__read {
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.125;
  font-weight: 700;
  color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-guide-company__read {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.p-guide-company__read span {
  color: #DC000C;
}
.p-guide-company__img {
  width: 100%;
  margin: 29px auto 42px;
  max-width: 237px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__img {
    max-width: 119px;
    margin: 12px auto 39px;
  }
}
.p-guide-company__i {
  margin-top: 40px;
  border-top: 1px solid #B4B4B5;
  border-bottom: 1px solid #B4B4B5;
  padding: 48px 0 40px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__i {
    margin-top: 20px;
    border-top: 1px solid #b4b4b5;
    border-bottom: 1px solid #b4b4b5;
    padding: 24px 20px 24px;
  }
}
.p-guide-company__i__list {
  margin-top: 23px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__i__list {
    margin-top: 14px;
  }
}
.p-guide-company__i__list li {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-top: 16px;
  padding-left: 80px;
}
@media print, screen and (max-width: 1059px) {
  .p-guide-company__i__list li {
    font-size: 25px;
    font-size: 2.5rem;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-guide-company__i__list li {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 11px;
    padding-left: 2em;
    text-indent: -2em;
    line-height: 1.2;
  }
}
.p-guide-company__i__list li span {
  color: #DC000C;
}
.p-guide-company__title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  color: var(--primary-color);
  text-align: center;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .p-guide-company__title {
    text-align: left;
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-guide-company__title span {
  color: #DC000C;
}
.p-guide-company__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 33px 0 15px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__list {
    margin: 16px 0 7px;
  }
}
.p-guide-company__list li {
  width: 143px;
  height: 143px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__list li {
    font-size: 24px;
    font-size: 2.4rem;
    width: 71px;
    height: 71px;
    margin: 0 5px;
  }
}
.p-guide-company__list li span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__list li span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 7px;
  }
}
.p-guide-company__list li.--blue {
  background: #00B2BC;
}
.p-guide-company__list li.--yel {
  background: #FDC300;
}
.p-guide-company__list li.--red {
  background: #DC000C;
}
.p-guide-company__table {
  width: 100%;
  margin-top: 21px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__table {
    margin-top: 7px;
    margin-bottom: 40px;
  }
}
.p-guide-company__table tr {
  width: 100%;
  border-bottom: 1px solid #B4B4B5;
}
.p-guide-company__table th {
  color: var(--primary-color);
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  padding: 25px 15px 24px;
  width: 140px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__table th {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    width: 100%;
    padding: 10px 7px 10px;
  }
}
.p-guide-company__table td {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  padding: 25px 0 24px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__table td {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    width: 100%;
    padding: 0 7px 10px;
  }
}
.p-guide-company__history__table {
  width: 100%;
  margin: 26px 0 86px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__history__table {
    margin: 7px 0 -3px;
  }
}
.p-guide-company__history__table tr {
  width: 100%;
  border-bottom: 1px solid #B4B4B5;
}
.p-guide-company__history__table th {
  color: var(--primary-color);
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  padding: 20px 15px 20px;
  width: 140px;
}
@media screen and (max-width: 767px) {
  .p-guide-company__history__table th {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    width: 100%;
    padding: 10px 7px 7px;
  }
}
.p-guide-company__history__table td {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  .p-guide-company__history__table td {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    width: 100%;
    padding: 0 7px 10px;
    line-height: 1.5;
  }
}

.p-plan {
  margin-top: 26px;
}
@media screen and (max-width: 767px) {
  .p-plan {
    margin-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  .p-plan .l-inner__ss {
    padding: 0 20px;
  }
}

/*-- top --*/
.p-plan-top {
  width: 80%;
  max-width: 670px;
  margin: 43px auto 76px;
}
@media screen and (max-width: 767px) {
  .p-plan-top {
    width: 100%;
    margin: 25px auto 35px;
  }
}
.p-plan-top .--img {
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .p-plan-top .--img {
    margin-bottom: 8px;
  }
}
.p-plan-top .--img-bottom {
  margin-top: 40px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-plan-top .--img-bottom {
    margin-top: 20px;
    margin-bottom: 8px;
  }
}
.p-plan-top .--data {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .p-plan-top .--data {
    margin-bottom: 12px;
    padding: 0 20px;
  }
}
.p-plan-top .--data dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-plan-top .--data dl dt, .p-plan-top .--data dl dd {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.555;
}
@media screen and (max-width: 767px) {
  .p-plan-top .--data dl dt, .p-plan-top .--data dl dd {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.41;
  }
}
.p-plan-top .--data dl dt {
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .p-plan-top .--data dl dt {
    margin-right: 16px;
  }
}
.p-plan-top .--txt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.555;
}
@media screen and (max-width: 767px) {
  .p-plan-top .--txt {
    padding: 0 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.41;
  }
}

/*--料金表--*/
.p-plan-table {
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .p-plan-table {
    margin-bottom: 27px;
  }
}
.p-plan-table .c-title__icon .--mini {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #5D5D5D;
  margin-left: 13px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-plan-table .c-title__icon .--mini {
    font-size: 10px;
    font-size: 1rem;
  }
}
.p-plan-table__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-plan-table__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8px;
  }
}
.p-plan-table__item {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-plan-table__item {
    margin-bottom: 6px;
  }
}
.p-plan-table__item .--title {
  background: var(--primary-color);
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 2.5px 0;
}
.p-plan-table__item .--title span {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.3;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-plan-table__item .--title {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1.5px 0;
  }
}
.p-plan-table__item .--title.--gry {
  background: #A0A0A0;
}
.p-plan-table__item .--table {
  width: 100%;
}
.p-plan-table__item .--table.--gry td, .p-plan-table__item .--table.--gry th {
  padding: 9px 0 7px;
}
@media screen and (max-width: 767px) {
  .p-plan-table__item .--table.--gry td, .p-plan-table__item .--table.--gry th {
    padding: 5px 0;
  }
}
.p-plan-table__item .--table tr {
  width: 100%;
}
.p-plan-table__item .--table td, .p-plan-table__item .--table th {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.46;
  font-weight: 500;
  border: 1px solid #A0A0A0;
}
@media print, screen and (max-width: 1059px) {
  .p-plan-table__item .--table td, .p-plan-table__item .--table th {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-plan-table__item .--table th {
  background: #EEEEEF;
  padding: 3px 0;
}
@media screen and (max-width: 767px) {
  .p-plan-table__item .--table th {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 2px 0;
  }
}
.p-plan-table__item .--table td {
  padding: 13px 0;
}
@media screen and (max-width: 767px) {
  .p-plan-table__item .--table td {
    font-size: 10px;
    font-size: 1rem;
    padding: 10px 0 9px;
  }
}
.p-plan-table__item .--table td.--title, .p-plan-table__item .--table td.--price {
  font-size: 14px;
  font-size: 1.4rem;
  background: unset;
  padding: unset;
  font-weight: 500;
  color: #5D5D5D;
}
@media print, screen and (max-width: 1059px) {
  .p-plan-table__item .--table td.--title, .p-plan-table__item .--table td.--price {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-plan-table__item .--table td.--title, .p-plan-table__item .--table td.--price {
    font-size: 10px;
    font-size: 1rem;
  }
}
.p-plan-table__grn {
  width: 48%;
  max-width: 460px;
}
@media screen and (max-width: 767px) {
  .p-plan-table__grn {
    max-width: unset;
    width: 100%;
  }
}
.p-plan-table__gry {
  width: 48%;
  max-width: 460px;
}
@media screen and (max-width: 767px) {
  .p-plan-table__gry {
    max-width: unset;
    width: 100%;
  }
}

/*--オプションプラン--*/
.p-plan-option {
  margin-bottom: 76px;
}
@media screen and (max-width: 767px) {
  .p-plan-option {
    margin-bottom: 30px;
  }
}
.p-plan-option__flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-plan-option__item {
  width: 48%;
  max-width: 460px;
  margin-top: 23px;
}
.p-plan-option__item.--standard {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .p-plan-option__item.--standard {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-plan-option__item {
    max-width: unset;
    width: 100%;
    margin-top: 8px;
  }
}
.p-plan-option__cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
}
@media print, screen and (min-width: 768px) {
  .p-plan-option__cont.--standard {
    margin-bottom: 54px;
  }
}
@media screen and (max-width: 767px) {
  .p-plan-option__cont {
    margin-bottom: 10px;
  }
}
.p-plan-option__cont .--img {
  width: 47%;
}
.p-plan-option__cont .--unit {
  width: 53%;
  padding-left: 14px;
}
@media screen and (max-width: 767px) {
  .p-plan-option__cont .--unit {
    padding-left: 10px;
  }
}
.p-plan-option__cont .--unit .--txt {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-plan-option__cont .--unit .--txt {
    font-size: 10px;
    font-size: 1rem;
  }
}
.p-plan-option__table .--title {
  background-color: #FF5A41;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 2.5px 0;
}
@media screen and (max-width: 767px) {
  .p-plan-option__table .--title {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1.5px 0;
  }
}
.p-plan-option__table .--title.--blue {
  background: #0092FF;
}
.p-plan-option__table .--title.--bluegrn {
  background: #00B496;
}
.p-plan-option__table .--title.--ppl {
  background: #825AFF;
}
.p-plan-option__table .--title.--grn {
  background: #00A80B;
}
.p-plan-option__table .--table {
  width: 100%;
  margin-bottom: 9px;
}
.p-plan-option__table .--table tr {
  width: 100%;
}
.p-plan-option__table .--table td, .p-plan-option__table .--table th {
  border: 1px solid #A0A0A0;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 500;
  padding: 1px 0;
}
@media screen and (max-width: 767px) {
  .p-plan-option__table .--table td, .p-plan-option__table .--table th {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.p-plan-option__table .--table td span, .p-plan-option__table .--table th span {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-plan-option__table .--table td span, .p-plan-option__table .--table th span {
    font-size: 10px;
    font-size: 1rem;
  }
}
.p-plan-option__table .--table th {
  background: #EEEEEF;
}
.p-plan-option__table .--txt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-plan-option__table .--txt {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.p-plan-option__table .--red {
  color: #DC000C;
}

/*-- set --*/
.p-plan-set {
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .p-plan-set {
    margin-bottom: 30px;
  }
  .p-plan-set .c-title__icon {
    line-height: 1.25;
  }
  .p-plan-set .c-title__icon::before {
    -webkit-transform: unset;
            transform: unset;
    top: 5px;
  }
}
.p-plan-set .--txt {
  padding-left: 24px;
}
@media screen and (max-width: 767px) {
  .p-plan-set .--txt {
    font-size: 11px;
    font-size: 1.1rem;
    padding-left: unset;
  }
}
.p-plan-set .--txt.--towing {
  padding-left: unset;
}

/*-- btn --*/
.p-plan-button {
  width: 362px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-plan-button {
    width: 100%;
  }
}
.p-plan-button a {
  display: block;
  border-radius: 20px;
  background: #A0A0A0;
  padding: 20px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-plan-button a {
    border-radius: 10px;
    padding: 19px 0;
  }
}
@media print, screen and (min-width: 768px) {
  .p-plan-button a:hover {
    background: var(--primary-color-light);
  }
}
.p-plan-button a::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 10px;
  background: url("/assets/img/resources/img/link-guide.svg");
  background-size: cover;
  background-position: center right;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.p-plan-button a .--txt {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

/*-- 条件 --*/
.p-plan-terms {
  margin: 75px 0 80px;
}
@media screen and (max-width: 767px) {
  .p-plan-terms {
    margin: 44px 0 34px;
  }
}

.p-recommended {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .p-recommended {
    margin-top: 15px;
  }
}
.p-recommended__title {
  text-align: center;
  color: var(--primary-color);
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .p-recommended__title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

/* top */
.p-recommended-top {
  margin: 36px 0 0;
}
@media screen and (max-width: 767px) {
  .p-recommended-top {
    margin: 10px 0 0;
  }
}
.p-recommended-top__read {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.3636;
  font-weight: 700;
  margin-bottom: 19px;
}
@media screen and (max-width: 767px) {
  .p-recommended-top__read {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2857;
    margin-bottom: 23px;
  }
}
.p-recommended-top__txt {
  text-align: center;
}
.p-recommended-top__txt span {
  display: block;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-recommended-top__txt span {
    font-size: 10px;
    font-size: 1rem;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-recommended-top__txt {
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-recommended-top .--txt {
  max-width: 670px;
  width: 100%;
  margin: 3px auto 0;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-recommended-top .--txt {
    margin: 8px auto 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-recommended-top__img {
  max-width: 670px;
  width: 100%;
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  .p-recommended-top__img {
    margin: 20px auto 0;
  }
}

/* option */
.p-recommended-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 27px;
}
@media screen and (max-width: 767px) {
  .p-recommended-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
}
.p-recommended-option .--item {
  width: 50%;
  margin-top: 23px;
}
@media screen and (max-width: 767px) {
  .p-recommended-option .--item {
    margin-top: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}

/* service */
.p-recommended-service__content {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .p-recommended-service__content {
    margin-top: 20px;
  }
}
.p-recommended-service__list {
  margin-top: 28px;
}
@media screen and (max-width: 767px) {
  .p-recommended-service__list {
    margin-top: 18px;
  }
}
.p-recommended-service__list li {
  border-bottom: 1px solid #707070;
  padding-bottom: 28px;
  margin-bottom: 43px;
}
@media screen and (max-width: 767px) {
  .p-recommended-service__list li {
    padding-bottom: 13px;
    margin-bottom: 20px;
  }
}
.p-recommended-service__list li .--title {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .p-recommended-service__list li .--title {
    margin-bottom: 6px;
  }
}
.p-recommended-service__list li .--title a, .p-recommended-service__list li .--title .--blk {
  display: inline-block;
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 900;
  line-height: 1.31;
  padding-left: 23px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-recommended-service__list li .--title a, .p-recommended-service__list li .--title .--blk {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2777;
    padding-left: 14px;
  }
}
.p-recommended-service__list li .--title a::before, .p-recommended-service__list li .--title .--blk::before {
  width: 8px;
  height: 100%;
  background: #5D5D5D;
  bottom: 0;
  left: 6px;
  position: absolute;
  content: "";
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-recommended-service__list li .--title a::before, .p-recommended-service__list li .--title .--blk::before {
    height: 100%;
    width: 5px;
    left: 3px;
  }
}
.p-recommended-service__list li .--title a {
  color: var(--primary-color);
}
@media print, screen and (min-width: 768px) {
  .p-recommended-service__list li .--title a:hover {
    color: var(--primary-color-light);
  }
  .p-recommended-service__list li .--title a:hover::before {
    background: var(--primary-color-light);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .p-recommended-service__list li .--title a:hover::after {
    background: url("/assets/img/resources/img/link-grn.svg");
    background-size: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.p-recommended-service__list li .--title a::before {
  background: var(--primary-color);
}
.p-recommended-service__list li .--title a::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -27px;
  background: url("/assets/img/resources/img/recommended/service/link.svg");
  background-size: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-recommended-service__list li .--title a::after {
    width: 5px;
    height: 10px;
    right: -14px;
  }
}
@media screen and (max-width: 767px) {
  .p-recommended-service__list li .--txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.25;
  }
}
.p-recommended-service__list li .--point {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .p-recommended-service__list li .--point {
    margin-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.333;
  }
}

/* nomination */
.p-recommended-nomination__content {
  margin: 47px auto -24px;
  width: 100%;
  max-width: 560px;
}
@media screen and (max-width: 767px) {
  .p-recommended-nomination__content {
    margin: 23px auto 0;
  }
}
.p-recommended-nomination__content .--img {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .p-recommended-nomination__content .--img {
    margin-bottom: 8px;
  }
}
.p-recommended-nomination__content .--txt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.666;
}
@media screen and (max-width: 767px) {
  .p-recommended-nomination__content .--txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.p-recommended-nomination__content .--attention {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .p-recommended-nomination__content .--attention {
    margin-top: 8px;
    font-size: 10px;
    font-size: 1rem;
  }
}

/* system */
.p-recommended-system__content {
  margin: 49px 0 80px;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__content {
    margin: 20px 0 43px;
  }
}
.p-recommended-system__content .--txt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6666;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__content .--txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.p-recommended-system__list {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__list {
    margin-top: 8px;
  }
}
.p-recommended-system__list li {
  margin-bottom: 46px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 29px;
  }
}
.p-recommended-system__list li:last-child::after {
  display: none;
}
.p-recommended-system__list li::after {
  position: absolute;
  content: "";
  width: 28px;
  height: 14px;
  background: url("/assets/img/resources/img/recommended/flow.svg");
  background-size: cover;
  left: 15%;
  bottom: -30px;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__list li::after {
    width: 20px;
    height: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -20px;
  }
}
.p-recommended-system__list li .--img {
  width: 32.6%;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__list li .--img {
    width: 100%;
    margin-bottom: 8px;
  }
}
.p-recommended-system__list li .--unit {
  width: 67.4%;
  padding-left: 17px;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__list li .--unit {
    width: 100%;
    padding-left: 0;
  }
}
.p-recommended-system__list li .--unit .--txt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.666;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__list li .--unit .--txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.p-recommended-system__list li .--unit .--attention {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__list li .--unit .--attention {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 0;
  }
}
.p-recommended-system__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__flex {
    margin: 8px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-recommended-system__flex .--item {
  width: 33%;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__flex .--item {
    width: 100%;
    margin-bottom: 8px;
  }
}
.p-recommended-system__minicont {
  margin-bottom: 63px;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__minicont {
    margin-bottom: 20px;
  }
}
.p-recommended-system__minicont p {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-recommended-system__minicont p {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* course */
.p-recommended-course__content {
  margin: 45px 0 77px;
}
@media screen and (max-width: 767px) {
  .p-recommended-course__content {
    margin: 20px 0 30px;
  }
}
.p-recommended-course__content .--img {
  width: 100%;
  margin: 10px 0;
}
@media screen and (max-width: 767px) {
  .p-recommended-course__content .--img {
    margin: 8px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-recommended-course__content .--txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-recommended-course__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-recommended-course__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-recommended-course__flex .--item {
  width: 49.5%;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-recommended-course__flex .--item {
    width: 100%;
    margin-bottom: 8px;
  }
}

/* concentration */
@media screen and (max-width: 767px) {
  .p-recommended-concentration .l-inner__ss {
    padding: 0 20px;
  }
}

/* youth */
@media screen and (max-width: 767px) {
  .p-recommended-youth .l-inner__ss {
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .u-only_sp {
    display: block;
  }
}
@media print, screen and (min-width: 768px) {
  .u-only_sp {
    display: none !important;
  }
}

@media print, screen and (min-width: 768px) {
  .u-only_pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .u-only_pc {
    display: none !important;
  }
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .u-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.u-flex__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-fl_r {
  float: right;
}

.u-fl_l {
  float: left;
}

.u-link {
  margin-top: -130px;
  padding-top: 130px;
}
@media screen and (max-width: 767px) {
  .u-link {
    margin-top: -60px;
    padding-top: 60px;
  }
}

.u-clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.u-ta_l {
  text-align: left !important;
}

.u-ta_c {
  text-align: center !important;
}

.u-ta_r {
  text-align: right !important;
}

.u-va_t {
  vertical-align: top !important;
}

.u-va_m {
  vertical-align: middle !important;
}

.u-va_b {
  vertical-align: bottom !important;
}

.u-mt_100 {
  margin-top: 100px !important;
}

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

.u-mr_100 {
  margin-right: 100px !important;
}

.u-ml_100 {
  margin-left: 100px !important;
}

.u-mt_95 {
  margin-top: 95px !important;
}

.u-mb_95 {
  margin-bottom: 95px !important;
}

.u-mr_95 {
  margin-right: 95px !important;
}

.u-ml_95 {
  margin-left: 95px !important;
}

.u-mt_90 {
  margin-top: 90px !important;
}

.u-mb_90 {
  margin-bottom: 90px !important;
}

.u-mr_90 {
  margin-right: 90px !important;
}

.u-ml_90 {
  margin-left: 90px !important;
}

.u-mt_85 {
  margin-top: 85px !important;
}

.u-mb_85 {
  margin-bottom: 85px !important;
}

.u-mr_85 {
  margin-right: 85px !important;
}

.u-ml_85 {
  margin-left: 85px !important;
}

.u-mt_80 {
  margin-top: 80px !important;
}

.u-mb_80 {
  margin-bottom: 80px !important;
}

.u-mr_80 {
  margin-right: 80px !important;
}

.u-ml_80 {
  margin-left: 80px !important;
}

.u-mt_75 {
  margin-top: 75px !important;
}

.u-mb_75 {
  margin-bottom: 75px !important;
}

.u-mr_75 {
  margin-right: 75px !important;
}

.u-ml_75 {
  margin-left: 75px !important;
}

.u-mt_70 {
  margin-top: 70px !important;
}

.u-mb_70 {
  margin-bottom: 70px !important;
}

.u-mr_70 {
  margin-right: 70px !important;
}

.u-ml_70 {
  margin-left: 70px !important;
}

.u-mt_65 {
  margin-top: 65px !important;
}

.u-mb_65 {
  margin-bottom: 65px !important;
}

.u-mr_65 {
  margin-right: 65px !important;
}

.u-ml_65 {
  margin-left: 65px !important;
}

.u-mt_60 {
  margin-top: 60px !important;
}

.u-mb_60 {
  margin-bottom: 60px !important;
}

.u-mr_60 {
  margin-right: 60px !important;
}

.u-ml_60 {
  margin-left: 60px !important;
}

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

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

.u-mr_55 {
  margin-right: 55px !important;
}

.u-ml_55 {
  margin-left: 55px !important;
}

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

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

.u-mr_50 {
  margin-right: 50px !important;
}

.u-ml_50 {
  margin-left: 50px !important;
}

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

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

.u-mr_45 {
  margin-right: 45px !important;
}

.u-ml_45 {
  margin-left: 45px !important;
}

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

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

.u-mr_40 {
  margin-right: 40px !important;
}

.u-ml_40 {
  margin-left: 40px !important;
}

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

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

.u-mr_35 {
  margin-right: 35px !important;
}

.u-ml_35 {
  margin-left: 35px !important;
}

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

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

.u-mr_30 {
  margin-right: 30px !important;
}

.u-ml_30 {
  margin-left: 30px !important;
}

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

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

.u-mr_25 {
  margin-right: 25px !important;
}

.u-ml_25 {
  margin-left: 25px !important;
}

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

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

.u-mr_20 {
  margin-right: 20px !important;
}

.u-ml_20 {
  margin-left: 20px !important;
}

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

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

.u-mr_15 {
  margin-right: 15px !important;
}

.u-ml_15 {
  margin-left: 15px !important;
}

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

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

.u-mr_10 {
  margin-right: 10px !important;
}

.u-ml_10 {
  margin-left: 10px !important;
}

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

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

.u-mr_5 {
  margin-right: 5px !important;
}

.u-ml_5 {
  margin-left: 5px !important;
}

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

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

.u-mr_0 {
  margin-right: 0px !important;
}

.u-ml_0 {
  margin-left: 0px !important;
}

.u-pt_100 {
  padding-top: 100px !important;
}

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

.u-pr_100 {
  padding-right: 100px !important;
}

.u-pl_100 {
  padding-left: 100px !important;
}

.u-p_100 {
  padding: 100px !important;
}

.u-pt_95 {
  padding-top: 95px !important;
}

.u-pb_95 {
  padding-bottom: 95px !important;
}

.u-pr_95 {
  padding-right: 95px !important;
}

.u-pl_95 {
  padding-left: 95px !important;
}

.u-p_95 {
  padding: 95px !important;
}

.u-pt_90 {
  padding-top: 90px !important;
}

.u-pb_90 {
  padding-bottom: 90px !important;
}

.u-pr_90 {
  padding-right: 90px !important;
}

.u-pl_90 {
  padding-left: 90px !important;
}

.u-p_90 {
  padding: 90px !important;
}

.u-pt_85 {
  padding-top: 85px !important;
}

.u-pb_85 {
  padding-bottom: 85px !important;
}

.u-pr_85 {
  padding-right: 85px !important;
}

.u-pl_85 {
  padding-left: 85px !important;
}

.u-p_85 {
  padding: 85px !important;
}

.u-pt_80 {
  padding-top: 80px !important;
}

.u-pb_80 {
  padding-bottom: 80px !important;
}

.u-pr_80 {
  padding-right: 80px !important;
}

.u-pl_80 {
  padding-left: 80px !important;
}

.u-p_80 {
  padding: 80px !important;
}

.u-pt_75 {
  padding-top: 75px !important;
}

.u-pb_75 {
  padding-bottom: 75px !important;
}

.u-pr_75 {
  padding-right: 75px !important;
}

.u-pl_75 {
  padding-left: 75px !important;
}

.u-p_75 {
  padding: 75px !important;
}

.u-pt_70 {
  padding-top: 70px !important;
}

.u-pb_70 {
  padding-bottom: 70px !important;
}

.u-pr_70 {
  padding-right: 70px !important;
}

.u-pl_70 {
  padding-left: 70px !important;
}

.u-p_70 {
  padding: 70px !important;
}

.u-pt_65 {
  padding-top: 65px !important;
}

.u-pb_65 {
  padding-bottom: 65px !important;
}

.u-pr_65 {
  padding-right: 65px !important;
}

.u-pl_65 {
  padding-left: 65px !important;
}

.u-p_65 {
  padding: 65px !important;
}

.u-pt_60 {
  padding-top: 60px !important;
}

.u-pb_60 {
  padding-bottom: 60px !important;
}

.u-pr_60 {
  padding-right: 60px !important;
}

.u-pl_60 {
  padding-left: 60px !important;
}

.u-p_60 {
  padding: 60px !important;
}

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

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

.u-pr_55 {
  padding-right: 55px !important;
}

.u-pl_55 {
  padding-left: 55px !important;
}

.u-p_55 {
  padding: 55px !important;
}

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

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

.u-pr_50 {
  padding-right: 50px !important;
}

.u-pl_50 {
  padding-left: 50px !important;
}

.u-p_50 {
  padding: 50px !important;
}

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

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

.u-pr_45 {
  padding-right: 45px !important;
}

.u-pl_45 {
  padding-left: 45px !important;
}

.u-p_45 {
  padding: 45px !important;
}

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

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

.u-pr_40 {
  padding-right: 40px !important;
}

.u-pl_40 {
  padding-left: 40px !important;
}

.u-p_40 {
  padding: 40px !important;
}

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

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

.u-pr_35 {
  padding-right: 35px !important;
}

.u-pl_35 {
  padding-left: 35px !important;
}

.u-p_35 {
  padding: 35px !important;
}

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

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

.u-pr_30 {
  padding-right: 30px !important;
}

.u-pl_30 {
  padding-left: 30px !important;
}

.u-p_30 {
  padding: 30px !important;
}

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

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

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

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

.u-p_25 {
  padding: 25px !important;
}

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

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

.u-pr_20 {
  padding-right: 20px !important;
}

.u-pl_20 {
  padding-left: 20px !important;
}

.u-p_20 {
  padding: 20px !important;
}

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

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

.u-pr_15 {
  padding-right: 15px !important;
}

.u-pl_15 {
  padding-left: 15px !important;
}

.u-p_15 {
  padding: 15px !important;
}

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

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

.u-pr_10 {
  padding-right: 10px !important;
}

.u-pl_10 {
  padding-left: 10px !important;
}

.u-p_10 {
  padding: 10px !important;
}

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

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

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

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

.u-p_5 {
  padding: 5px !important;
}

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

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

.u-pr_0 {
  padding-right: 0px !important;
}

.u-pl_0 {
  padding-left: 0px !important;
}

.u-p_0 {
  padding: 0px !important;
}

@media print, screen and (max-width: 1059px) {
  .u-pt_100--tab {
    padding-top: 100px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_100--tab {
    padding-bottom: 100px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_100--tab {
    padding-right: 100px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_100--tab {
    padding-left: 100px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_100--tab {
    padding: 100px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_95--tab {
    padding-top: 95px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_95--tab {
    padding-bottom: 95px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_95--tab {
    padding-right: 95px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_95--tab {
    padding-left: 95px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_95--tab {
    padding: 95px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_90--tab {
    padding-top: 90px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_90--tab {
    padding-bottom: 90px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_90--tab {
    padding-right: 90px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_90--tab {
    padding-left: 90px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_90--tab {
    padding: 90px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_85--tab {
    padding-top: 85px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_85--tab {
    padding-bottom: 85px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_85--tab {
    padding-right: 85px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_85--tab {
    padding-left: 85px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_85--tab {
    padding: 85px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_80--tab {
    padding-top: 80px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_80--tab {
    padding-bottom: 80px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_80--tab {
    padding-right: 80px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_80--tab {
    padding-left: 80px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_80--tab {
    padding: 80px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_75--tab {
    padding-top: 75px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_75--tab {
    padding-bottom: 75px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_75--tab {
    padding-right: 75px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_75--tab {
    padding-left: 75px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_75--tab {
    padding: 75px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_70--tab {
    padding-top: 70px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_70--tab {
    padding-bottom: 70px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_70--tab {
    padding-right: 70px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_70--tab {
    padding-left: 70px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_70--tab {
    padding: 70px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_65--tab {
    padding-top: 65px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_65--tab {
    padding-bottom: 65px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_65--tab {
    padding-right: 65px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_65--tab {
    padding-left: 65px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_65--tab {
    padding: 65px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_60--tab {
    padding-top: 60px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_60--tab {
    padding-bottom: 60px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_60--tab {
    padding-right: 60px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_60--tab {
    padding-left: 60px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_60--tab {
    padding: 60px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_55--tab {
    padding-top: 55px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_55--tab {
    padding-bottom: 55px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_55--tab {
    padding-right: 55px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_55--tab {
    padding-left: 55px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_55--tab {
    padding: 55px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_50--tab {
    padding-top: 50px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_50--tab {
    padding-bottom: 50px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_50--tab {
    padding-right: 50px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_50--tab {
    padding-left: 50px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_50--tab {
    padding: 50px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_45--tab {
    padding-top: 45px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_45--tab {
    padding-bottom: 45px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_45--tab {
    padding-right: 45px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_45--tab {
    padding-left: 45px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_45--tab {
    padding: 45px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_40--tab {
    padding-top: 40px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_40--tab {
    padding-bottom: 40px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_40--tab {
    padding-right: 40px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_40--tab {
    padding-left: 40px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_40--tab {
    padding: 40px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_35--tab {
    padding-top: 35px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_35--tab {
    padding-bottom: 35px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_35--tab {
    padding-right: 35px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_35--tab {
    padding-left: 35px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_35--tab {
    padding: 35px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_30--tab {
    padding-top: 30px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_30--tab {
    padding-bottom: 30px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_30--tab {
    padding-right: 30px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_30--tab {
    padding-left: 30px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_30--tab {
    padding: 30px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_25--tab {
    padding-top: 25px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_25--tab {
    padding-bottom: 25px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_25--tab {
    padding-right: 25px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_25--tab {
    padding-left: 25px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_25--tab {
    padding: 25px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_20--tab {
    padding-top: 20px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_20--tab {
    padding-bottom: 20px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_20--tab {
    padding-right: 20px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_20--tab {
    padding-left: 20px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_20--tab {
    padding: 20px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_15--tab {
    padding-top: 15px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_15--tab {
    padding-bottom: 15px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_15--tab {
    padding-right: 15px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_15--tab {
    padding-left: 15px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_15--tab {
    padding: 15px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_10--tab {
    padding-top: 10px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_10--tab {
    padding-bottom: 10px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_10--tab {
    padding-right: 10px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_10--tab {
    padding-left: 10px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_10--tab {
    padding: 10px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_5--tab {
    padding-top: 5px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_5--tab {
    padding-bottom: 5px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_5--tab {
    padding-right: 5px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_5--tab {
    padding-left: 5px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_5--tab {
    padding: 5px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pt_0--tab {
    padding-top: 0px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pb_0--tab {
    padding-bottom: 0px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pr_0--tab {
    padding-right: 0px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-pl_0--tab {
    padding-left: 0px !important;
  }
}

@media print, screen and (max-width: 1059px) {
  .u-p_0--tab {
    padding: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_100--sp {
    padding-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_100--sp {
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_100--sp {
    padding-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_100--sp {
    padding-left: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_100--sp {
    padding: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_95--sp {
    padding-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_95--sp {
    padding-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_95--sp {
    padding-right: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_95--sp {
    padding-left: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_95--sp {
    padding: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_90--sp {
    padding-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_90--sp {
    padding-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_90--sp {
    padding-right: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_90--sp {
    padding-left: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_90--sp {
    padding: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_85--sp {
    padding-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_85--sp {
    padding-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_85--sp {
    padding-right: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_85--sp {
    padding-left: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_85--sp {
    padding: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_80--sp {
    padding-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_80--sp {
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_80--sp {
    padding-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_80--sp {
    padding-left: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_80--sp {
    padding: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_75--sp {
    padding-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_75--sp {
    padding-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_75--sp {
    padding-right: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_75--sp {
    padding-left: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_75--sp {
    padding: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_70--sp {
    padding-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_70--sp {
    padding-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_70--sp {
    padding-right: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_70--sp {
    padding-left: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_70--sp {
    padding: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_65--sp {
    padding-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_65--sp {
    padding-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_65--sp {
    padding-right: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_65--sp {
    padding-left: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_65--sp {
    padding: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_60--sp {
    padding-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_60--sp {
    padding-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_60--sp {
    padding-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_60--sp {
    padding-left: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_60--sp {
    padding: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_55--sp {
    padding-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_55--sp {
    padding-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_55--sp {
    padding-right: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_55--sp {
    padding-left: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_55--sp {
    padding: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_50--sp {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_50--sp {
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_50--sp {
    padding-right: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_50--sp {
    padding-left: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_50--sp {
    padding: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_45--sp {
    padding-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_45--sp {
    padding-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_45--sp {
    padding-right: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_45--sp {
    padding-left: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_45--sp {
    padding: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_40--sp {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_40--sp {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_40--sp {
    padding-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_40--sp {
    padding-left: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_40--sp {
    padding: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_35--sp {
    padding-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_35--sp {
    padding-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_35--sp {
    padding-right: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_35--sp {
    padding-left: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_35--sp {
    padding: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_30--sp {
    padding-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_30--sp {
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_30--sp {
    padding-right: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_30--sp {
    padding-left: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_30--sp {
    padding: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_25--sp {
    padding-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_25--sp {
    padding-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_25--sp {
    padding-right: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_25--sp {
    padding-left: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_25--sp {
    padding: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_20--sp {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_20--sp {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_20--sp {
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_20--sp {
    padding-left: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_20--sp {
    padding: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_15--sp {
    padding-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_15--sp {
    padding-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_15--sp {
    padding-right: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_15--sp {
    padding-left: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_15--sp {
    padding: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_10--sp {
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_10--sp {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_10--sp {
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_10--sp {
    padding-left: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_10--sp {
    padding: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_5--sp {
    padding-top: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_5--sp {
    padding-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_5--sp {
    padding-right: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_5--sp {
    padding-left: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_5--sp {
    padding: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt_0--sp {
    padding-top: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb_0--sp {
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pr_0--sp {
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pl_0--sp {
    padding-left: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-p_0--sp {
    padding: 0px !important;
  }
}

.u-bdr_t {
  border-top: 1px #A0A0A0 solid;
}

.u-bdr_b {
  border-bottom: 1px #A0A0A0 solid;
}

.u-bdr_l {
  border-left: 1px #A0A0A0 solid;
}

.u-bdr_r {
  border-right: 1px #A0A0A0 solid;
}


.mainVisual-video{
    min-height: 100%;
    min-height: 100vh;
    min-width: 100%;
    min-width: 100vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.top_cal iframe{
  width: 100%;
  height: 600px;
}

@media screen and (max-width: 767px) {
  .top_cal iframe{
    width: 100%;
    height: 440px;
  }
}


.c-key.--campaign {
  background: url("/assets/img/resources/img/campaign_fv.jpg");
  background-size: cover;
  background-position: center;
}
.c-key.--pp {
  background: url("/assets/img/resources/img/policy_fv.jpg");
  background-size: cover;
  background-position: center;
}

.p-campaign,
.p-policy {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .p-campaign,
  .p-policy {
    margin-top: 15px;
  }
}
.p-campaign__title,
.p-policy__title {
  text-align: center;
  color: var(--primary-color);
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .p-campaign__title,
  .p-policy__title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;
    text-align: center;
  }
  .p-campaign-youth .l-inner__ss,
  .p-policy .l-inner__ss
   {
    padding: 0 20px;
}
}

.p-campaign p,
.p-policy__title p
{
  margin-top: 30px;
  text-align: center;
}

.cp_center{
  display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}
.cp_center .c-banner.--campaign{
  margin: 0px 0 21px;
}
.cp_center .c-banner.--campaign img{
max-width: 560px;
height: auto;
}


.p-recommended-youth .l-inner__ss,
.p-policy__title .l-inner__ss
 {
    padding: 0 20px;
}
.p-campaign .min{
  margin: auto;
  text-align: center;
}
.camp_img{
  width: 100%;
  margin: 60px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.camp_img img{
max-width: 670px;
height: auto;
}

.p-campaign p.camp_single_p_b {
margin-top: 60px;
text-align: center;
font-size: 2.2rem;
margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .camp_img img{
    max-width: 100%;
    height: auto;
    }
    .p-campaign p.camp_single_p_b {
      margin-top: 60px;
      font-size: 1.4rem;
      margin-bottom: 10px;
      text-align: left;
      }
      .p-campaign .min {
        margin: auto;
        text-align: left;
    }
  }    

  .camp_single_p_b .th{
  color:#F56878;
}

.p-policy-top{
  margin-top: 40px;
}
.p-policy-top h3{
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 30px;
  text-align: left;
  color: #5d5d5d;
}
.p-policy-top p{
  font-size: 1.6rem;
  line-height: 30px;
  text-align: left;
  color: #5d5d5d;
  margin-bottom: 60px;
  font-weight: normal;
}

.pp_bt{
  border: 1px solid #B4B4B5;
}
.pp_bt .inner{
  padding: 20px 40px;
  font-size: 1.6rem;
  line-height: 30px;
  text-align: left;
  font-weight: normal;

}

::placeholder {
  color: #B4B4B5;
}

.mw_wp_form_confirm .--requied,
.mw_wp_form_confirm .c-form__txt,
.mw_wp_form_confirm .c-form__privacy__link,
.mw_wp_form_confirm .c-form__privacy__item{
display: none !important;
}

.contact_thankyou_h{
  text-align: center;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 40px;
  color: #1b9b60;
  margin-bottom: 40px;
}

.contact_thankyou_txt{
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 30px;
  color: #5d5d5d;
}


#mw_wp_form_mw-wp-form-205 .c-form__birth .error{
  position: absolute;
  top: -23px;
}

.move_t,.move_ttt {
  transition-delay: .5s,.5s;
}
.move_t,.move_ttt {
  opacity: 0;
  transition: opacity 1.05s 250ms,transform 1.05s 250ms;
  transform: translateY(20px);
}

.move_c {
  transition-delay: .5s,.5s;
}
.move_c {
  transition:transform 1.05s cubic-bezier(.44,.63,.2,.59) 250ms;
  transform: translateY(20px);
}

.tbl1{
  transition-property: top;
  transition-duration: 1.7s;
  transition-delay: .015s;
}

.tbl2{
  transition-property: top;
  transition-duration: 1.7s;
  transition-delay: .015s;
}
.tbl3{
  transition-property: bottom;
  transition-duration: 1.7s;
  transition-delay: .015s;
}


.move_t.-animated,
.move_ttt.-animated
{
  opacity: 1;
  transform: translateY(0);
}

.f_video_a a:hover  .f_video_in img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.f_video_a .f_video_in{
overflow: hidden;
}
.f_video_a a  .f_video_in img {
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.f_video_a .--image {
position: relative;
}

.f_video_a .video_start {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  }
  

.p-info input[type=radio] {
    position: absolute;
    left: -9999px;
}


@media  screen and (min-width: 768px) {
  .pc_only{
    display: block;
  }
  .sp_only{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
  .cp_center .c-banner.--campaign img {
    max-width: 560px;
    height: auto;
    width: 100%;
}
}



.c-key.--application .c-key__title .--en {
  color: var(--primary-color);
}
.c-key.--application .c-key__title .--jp {
  color: var(--primary-color);
}
.c-key.--contact .c-key__title .--en {
  color: var(--primary-color);
}
.c-key.--contact .c-key__title .--jp {
  color: var(--primary-color);
}
.c-key.--information .c-key__title .--en {
  color: var(--primary-color);
}
.c-key.--information .c-key__title .--jp {
  color: var(--primary-color);
}
.c-key.--recruit .c-key__title .--en {
  color: var(--primary-color);
}
.c-key.--recruit .c-key__title .--jp {
  color: var(--primary-color);
}
.c-key.--pp .c-key__title .--en {
  color: var(--primary-color);
}
.c-key.--pp .c-key__title .--jp {
  color: var(--primary-color);
}
.c-key.--recruit .c-key__title .--en {
  color: var(--primary-color);
}
.c-key.--recruit .c-key__title .--jp {
  color: var(--primary-color);
}

.p-guide-voice__item .--voice{
  position: relative;
}

.p-guide-voice__item .--voice:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -35px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 20px solid #E2F7ED;
  z-index: 0;
}


.l-header__nav__list li .accordion__menu.active{
  display: block;
}


@media screen and (max-width: 767px) {
  .p-guide-voice__item .--voice:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -17px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right: 10px solid #E2F7ED;
    z-index: 0;
}


.home.home_bg_off::after {
  background: none;
}



}



.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}