@charset "UTF-8";
@-webkit-keyframes blink {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes blink {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.p-block {
  width: 600px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border: 1px solid #ccc;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}

.p-block~.p-block {
  margin-top: 700px
}

.js-inView.is-show {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(.24, 1, .32, 1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

.js-inView-fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px)
}

.js-inView-fadeInLeft {
  opacity: 0;
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px)
}

.js-inView-fadeInRight {
  opacity: 0;
  -webkit-transform: translateX(50px);
  transform: translateX(50px)
}

.js-inView-fadeInRightUp {
  opacity: 0;
  -webkit-transform: translate(50px, -50px);
  transform: translate(50px, -50px)
}

.js-inView-zoomIn {
  -webkit-transform: scale(0);
  transform: scale(0)
}

html {
  font-size: 62.5%
}

body .c-footer, body header {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Kosugi', sans-serif;
  -webkit-text-size-adjust: 100%;
  letter-spacing: .025em;
  line-height: 1.65
}

.c-footer, header {
  box-sizing: border-box
}

.c-footer *, .c-footer :after, .c-footer :before, header *, header :after, header :before {
  box-sizing: border-box
}

.c-btn {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-decoration: none
}

.c-btn.-center {
  -webkit-justify-content: center!important;
  justify-content: center!important
}

.c-btn--primary {
  color: #fff;
  background: #17a04b;
  border: 1px solid #17a04b;
  transition-property: color, background;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.24, 1, .32, 1)
}

.c-btn--primary:hover {
  color: #fff
}

.c-btn--primary.-disabled {
  color: #fff;
  background: #afb1b3;
  border: 1px solid #afb1b3;
  pointer-events: none;
  cursor: not-allowed
}

.c-btn--primary.-disabled:hover {
  transition: none;
  cursor: not-allowed
}

.c-btn--secondary {
  color: #333;
  background: #fff;
  border: 1px solid #333;
  transition-property: color, background;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.24, 1, .32, 1);
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem
}

.c-btn--secondary:hover {
  color: #333
}

.c-btn--secondary.-disabled {
  color: #fff;
  background: #afb1b3;
  border: 1px solid #afb1b3;
  pointer-events: none;
  cursor: not-allowed
}

.c-btn--secondary.-disabled:hover {
  transition: none
}

.c-btn--tertiary {
  color: #fff;
  background: #6c6a6a;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  border: 1px solid #6c6a6a;
  transition-property: color, background;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.24, 1, .32, 1)
}

.c-btn--tertiary:hover {
  color: #fff
}

.c-btn--tertiary:hover:hover {
  color: #6c6a6a;
  background: none
}

.c-btn--tertiary:hover:hover:after, .c-btn--tertiary:hover:hover:before {
  background: #6c6a6a
}

.c-btn--tertiary.-disabled {
  color: #fff;
  background: #afb1b3;
  border: 1px solid #afb1b3;
  pointer-events: none;
  cursor: not-allowed
}

.c-btn--tertiary.-disabled:hover {
  transition: none
}

.c-btn--quaternary {
  color: #fff;
  background: #afb1b3;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  border: 1px solid #afb1b3;
  transition-property: color, background;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.24, 1, .32, 1)
}

.c-btn--quaternary:hover {
  color: #fff
}

.c-btn--quaternary:hover:hover {
  color: #afb1b3;
  background: none
}

.c-btn--quaternary:hover:hover:after, .c-btn--quaternary:hover:hover:before {
  background: #afb1b3
}

.c-btn--quaternary.-disabled {
  color: #fff;
  background: #afb1b3;
  border: 1px solid #afb1b3;
  pointer-events: none;
  cursor: not-allowed
}

.c-btn--quaternary.-disabled:hover {
  transition: none
}

.c-btn--common {
  padding: 1em;
  letter-spacing: .1em
}

.c-btn--rounded {
  border-radius: 10px;
  padding: .4em 1em
}

.c-btn--strong {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  background: #fff;
  color: #a30e13;
  border: 4px solid #a30e13;
  transition-property: color, background;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.24, 1, .32, 1)
}

.c-btn--strong:hover {
  color: #fff;
  background: #a30e13
}

.c-btn--strong:hover:after, .c-btn--strong:hover:before {
  background: #fff
}

.c-btn--color-red {
  color: #fff;
  background: #ea4746;
  border: 1px solid #ea4746
}

.c-btn--red a {
  color: #fff;
  padding: 10px;
  font-size: 2rem;
  text-decoration: none;
  font-weight: 700;
  border-radius: 5px;
  transition-property: color, background;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.24, 1, .32, 1);
  background: #a30e13;
  border: 1px solid #ea4746;
  transition: all .3s ease
}

.c-btn--red a:hover {
  color: #a30e13;
  background: #fff
}

.c-btn--header-red a {
  text-decoration: none;
  color: #fff;
  background: #ea4746;
  border: 1px solid #ea4746;
  border-radius: 500px;
  padding: .65em 1.8em;
  line-height: 1;
  font-weight: 700
}

.c-btn--header-red__label {
  display: inline-block;
  background: #fff;
  color: #ea4746;
  border-radius: 4px;
  padding: .2em;
  font-size: 13px;
  font-size: 1.3rem;
  margin-right: .5em
}

.c-btn--header-yellow a {
  text-decoration: none;
  color: #fff;
  background: #f6bd61;
  border: 1px solid #f6bd61;
  border-radius: 500px;
  padding: .65em 1.8em;
  line-height: 1;
  font-weight: 700
}

.c-btn--blank {
  position: relative;
  padding-right: 34px;
  background-image: url(/common/image/icon/icon_blank@2x.png);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 14px
}

.c-btn--blank:hover {
  background-color: #fff;
  background-image: url(/common/image/icon/icon_blank_red@2x.png);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 14px
}

.c-btn--blank.-blank-grey {
  background-image: url(/common/image/icon/icon_blank@2x.png);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 14px
}

.c-btn--blank.-blank-grey:hover {
  background-color: #fff;
  background-image: url(/common/image/icon/icon_blank_grey@2x.png);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 14px
}

.c-linkArrow {
  padding-left: 24px;
  background: url(/common/image/btn_linkArrow.png) no-repeat 0
}

.c-linkArrow, .c-linkNext {
  display: inline-block;
  position: relative
}

.c-linkNext {
  padding-right: 10px;
  vertical-align: middle;
  text-decoration: none
}

.c-linkNext:hover {
  text-decoration: underline
}

.c-linkNext:after {
  position: absolute;
  content: "";
  vertical-align: middle;
  top: 50%;
  right: 3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #ea4746;
  border-right: 1px solid #ea4746;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%)
}

.botancov {
  width: 300px;
  height: 80px
}

.c-list>li {
  line-height: 1.65
}

.c-list-disc {
  padding-left: 8px
}

.c-list-disc>li {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  align-items: baseline
}

.c-list-disc>li:before {
  content: "";
  display: block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  -webkit-flex: none;
  flex: none;
  margin-right: 8px;
  position: relative;
  top: -3px
}

.c-list-disc>li:last-of-type {
  margin-bottom: 0
}

.c-list-decimal {
  padding-left: 2em
}

.c-list-decimal>li {
  list-style: decimal
}

.c-list-roman {
  padding-left: 2em
}

.c-list-roman>li {
  list-style: lower-roman
}

.c-list-notice>li {
  padding-left: 1em;
  text-indent: -1em
}

.c-list-notice>li:before {
  content: "※"
}

.c-list-arrow>li {
  position: relative;
  padding-left: 1em
}

.c-list-arrow>li:after {
  display: block;
  content: ">";
  position: absolute;
  top: 0;
  left: 0
}

.c-list-arrow--inline>li {
  display: inline-block;
  padding-right: 1em
}

.c-footer {
  width: 100%;
  min-width: 100%;
  padding-top: 30px;
  padding-bottom: 0;
  background: #f4f4f6
}

.c-footer__inner {
  width: 1080px;
  max-width: 98%;
  margin: 0 auto
}

.c-footer__bottom {
  background: #fff;
  width: 100%
}

.c-footer-container__area {
  background: #fff;
  padding: 30px 40px;
  border-radius: 7px
}

.c-footer-container__link {
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 30px
}

.c-footer-container__link>* {
  max-width: 98%;
  -webkit-flex: 1;
  flex: 1
}

.c-footer-container__company {
  font-size: 12px;
  font-size: 1.2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.c-footer-container__company .-company {
  display: -webkit-flex;
  display: flex;
  width: 49%
}

.c-footer-container__company .-company img {
  width: 140px;
  height: auto
}

.c-footer-container__company .-company .-comaddress {
  margin-left: 20px
}

.c-footer-container__company .-privacy {
  display: -webkit-flex;
  display: flex;
  width: 49%
}

.c-footer-container__company .-privacy img {
  width: 46px;
  height: auto
}

.c-footer-container__company .-privacy .-logo {
  -webkit-flex: none;
  flex: none
}

.c-footer-container__company .-privacy .-note {
  margin-left: 20px
}

.c-footer-container__copyright {
  background: #000;
  width: 333px;
  padding: 50px 45px;
  text-align: center
}

.c-footer-container__snsIcon {
  width: 32.5px;
  height: 32.5px;
  border-radius: 50%;
  background: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 10px
}

.c-footer-container__snsIcon a {
  color: #000;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1;
  display: block
}

.c-heading-footer {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .05em;
  padding: .25em 0 0
}

.c-footer-links {
  margin: 0 0 30px;
  padding: 0;
  list-style-type: none;
  position: relative
}

.c-footer-links__heading {
  font-weight: 700;
  margin-bottom: .25em;
  pointer-events: none
}

.c-footer-links__item {
  position: relative;
  margin: 0;
  line-height: 1.8
}

.c-footer-links__item+.c-footer-links__item {
  margin-top: 1em
}

.c-footer-links__item.-sns+.c-footer-links__item.-sns {
  margin-top: 10px
}

.c-footer-links__item a {
  text-decoration: none;
  color: #333
}

.c-footer-links__item a:hover {
  text-decoration: underline
}

.c-footer-sns {
  display: -webkit-flex;
  display: flex;
  background: #fff;
  padding: 10px;
  -webkit-align-items: center;
  align-items: center
}

.c-footer-sns__icon {
  -webkit-flex: none;
  flex: none;
  margin-right: 10px
}

.c-footer-sns__icon img {
  width: 40px;
  height: auto
}

.c-footer-sns__txt {
  letter-spacing: 0;
  font-size: 13px;
  font-size: 1.3rem
}

.c-footer-bottom-cover {
  padding: 30px 0;
  margin-top: 40px
}

.c-footer-bottom-cover, .c-footer-link-column {
  width: 100%;
  display: -webkit-flex;
  display: flex
}

.c-footer-link-column>* {
  padding-left: .5em;
  padding-right: .5em;
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 4px;
  white-space: nowrap
}

.c-footer-link-column>:after {
  content: "";
  width: 1px;
  height: .8em;
  position: absolute;
  top: .2em;
  right: 0;
  background: #afb1b3
}

.c-footer-link-column>* a {
  color: #333;
  text-decoration: none
}

.c-footer-link-column>* a:hover {
  text-decoration: underline
}

.c-footer-link-column>:last-child:after {
  content: none
}

.c-footer-copy {
  font-size: 12px;
  font-size: 1.2rem;
  white-space: nowrap;
  width: 100%;
  text-align: right
}

.c-head {
  background: #fff;
  width: 100%;
  min-height: 177px;
  padding-top: 45px;
  padding-bottom: 18px
}

.c-header {
  height: 100%
}

.c-header__heading {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center
}

.c-header__body, .c-header__heading {
  width: 100%;
  max-width: 1200px;
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  margin-right: auto
}

.c-header__body {
  margin-top: 30px
}

.c-header__logo {
  -webkit-justify-content: center;
  justify-content: center
}

.c-header__apply, .c-header__logo {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.c-header__logoIcon {
  width: 196px;
  height: auto
}

.c-header__description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: -.2em;
  margin-left: 20px
}

.c-header__apply-btn {
  margin-left: 20px
}

.c-navi {
  position: relative;
  width: 100%;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.c-navi, .c-navi__body {
  display: -webkit-flex;
  display: flex
}

.c-navi__body {
  height: 100%;
  -webkit-align-self: stretch;
  align-self: stretch;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.c-navi__item {
  width: calc(20% - 6px);
  transition: border-bottom .5s cubic-bezier(.24, 1, .32, 1);
  display: -webkit-flex;
  display: flex;
  background: #fff;
  border-bottom: 3px solid #afb1b3;
  margin-right: 3px
}

.c-navi__item:last-child {
  margin-right: 0
}

.c-navi__item.-is-current {
  border-bottom: 3px solid #17a04b
}

.c-navi__item.sp-only {
  display: none
}

.c-navi__item:hover {
  border-bottom: 3px solid #17a04b
}

.c-navi__item a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #333;
  text-decoration: none;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: .5em;
  padding-bottom: .5em
}

.c-navi__item a span {
  position: relative;
  padding-left: 1em
}

.c-navi__item a span:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-top: 2px solid #707070;
  border-right: 2px solid #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: left .5s cubic-bezier(.24, 1, .32, 1)
}

.c-navi__item a:hover {
  color: #17a04b
}

.c-navi__item a:hover span:before {
  left: 3px
}

.c-navi__itemApply {
  display: none
}

/*
.u-blink:hover {
  -webkit-animation: blink .3s linear;
  animation: blink .3s linear
}
*/

.u-brNote, .u-brSp, .u-brTab {
  display: none
}

.u-bold, .u-strong {
  font-weight: 700
}

.u-large {
  font-size: 1.142em
}

.u-empha {
  font-size: 1.32em;
  font-weight: 700
}

.u-small {
  font-size: .875em
}

.u-small-ex {
  font-size: .75em
}

.u-sup-small {
  font-size: .65em;
  vertical-align: text-top
}

.u-red {
  color: #ea4746
}

.u-theme {
  color: #17a04b
}

.u-bold-theme {
  color: #17a04b;
  font-weight: 700
}

.u-bold-red {
  color: #a30e13;
  font-weight: 700
}

.u-black {
  color: #333
}

.u-nm {
  margin: 0!important
}

.u-mt0 {
  margin-top: 0!important
}

.u-mt10 {
  margin-top: 10px!important
}

.u-mtb10 {
  margin: 10px 0!important
}

.u-mtb20 {
  margin: 20px 0!important
}

.u-mtb30 {
  margin: 30px 0!important
}

.u-mbem {
  margin-bottom: 1em!important
}

.u-mtem {
  margin-top: 1em!important
}

.u-mt2em {
  margin-top: 2em!important
}

.u-mt3em {
  margin-top: 3em!important
}

.u-mb5 {
  margin-bottom: 5px!important
}

.u-mb15 {
  margin-bottom: 15px!important
}

.u-mt15 {
  margin-top: 15px!important
}

.u-mb20 {
  margin-bottom: 20px!important
}

.u-mt20 {
  margin-top: 20px!important
}

.u-mb25 {
  margin-bottom: 25px!important
}

.u-mt25 {
  margin-top: 25px!important
}

.u-mb30 {
  margin-bottom: 30px!important
}

.u-mt30 {
  margin-top: 30px!important
}

.u-mb35 {
  margin-bottom: 35px!important
}

.u-mt40 {
  margin-top: 40px!important
}

.u-mb40 {
  margin-bottom: 40px!important
}

.u-mb50 {
  margin-bottom: 50px!important
}

.u-mb60 {
  margin-bottom: 60px!important
}

.u-mt80 {
  margin-top: 80px!important
}

.u-ml15 {
  margin-left: 15px!important
}

@media only screen and (max-width:1280px) {
  .c-footer-container__link>* {
    max-width: 100%;
    width: auto
  }
  .c-footer-container__copyright {
    padding: 50px 25px
  }
  .c-footer-links {
    margin: 0 0 20px
  }
  .c-header__heading {
    -webkit-align-items: center;
    align-items: center
  }
  .c-header__logo {
    margin-left: 10px
  }
  .c-header__apply {
    margin-right: 10px
  }
  .c-header__description {
    font-size: 12px;
    font-size: 1.2rem
  }
  .u-brNote {
    display: inline-block
  }
  .u-hide-lg {
    display: none!important
  }
}

@media only screen and (max-width:768px) {
  body .c-footer, body header {
    font-size: 15px;
    font-size: 1.5rem
  }
  .c-btn--red a {
    font-size: 1.6rem
  }
  .c-list-disc>li {
    margin-bottom: 5px
  }
  .c-footer-container__area {
    display: none
  }
  .c-footer-container__link {
    display: block;
    width: 100%;
    -webkit-flex: auto;
    flex: auto
  }
  .c-footer-container__link>* {
    max-width: 100%
  }
  .c-footer-container__copyright {
    -webkit-order: 1;
    order: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 20px 25px
  }
  .c-footer-links {
    margin: 0
  }
  .c-footer-links__heading {
    pointer-events: all;
    background: #fff;
    padding: 20px;
    position: relative
  }
  .c-footer-links__heading:after, .c-footer-links__heading:before {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background: #333;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .c-footer-links__heading:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    transition: .2s
  }
  .c-footer-links__heading.is-active:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: .5s
  }
  .c-footer-links__item+.c-footer-links__item {
    margin-top: 0
  }
  .c-footer-links__item-child {
    display: none;
    padding: 10px 20px 15px;
    line-height: 2
  }
  .c-footer-bottom-cover, .c-footer-link-column {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .c-footer-copy {
    text-align: center
  }
  .c-head {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 62px;
    height: 62px;
    padding-top: 0;
    padding-bottom: 0
  }
  .c-header__heading {
    width: calc(100% - 65px);
    margin-left: 0;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 15px
  }
  .c-header__body {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0
  }
  .c-header__logo {
    margin-left: 0;
    position: relative;
    top: 0
  }
  .c-header__apply {
    display: none
  }
  .c-header__logoIcon {
    width: 200px;
    height: auto
  }
  .c-header__apply-btn a {
    width: 100%;
    min-width: 35vw;
    text-align: center
  }
  .c-header__sp-navi {
    width: 100%;
    background: #fff;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column
  }
  .c-header__sp-navi span {
    width: 27px;
    height: 2px;
    background: #afb1b3;
    display: block;
    margin-bottom: 5px;
    transition: -webkit-transform .3s cubic-bezier(.24, 1, .32, 1);
    transition: transform .3s cubic-bezier(.24, 1, .32, 1);
    transition: transform .3s cubic-bezier(.24, 1, .32, 1), -webkit-transform .3s cubic-bezier(.24, 1, .32, 1)
  }
  .c-header__sp-navi span:last-child {
    margin-bottom: 0
  }
  .c-header__sp-navi.is-active span:first-child {
    -webkit-transform: rotate(-45deg) translate(-3.5px, 6px) scaleX(1.2);
    transform: rotate(-45deg) translate(-3.5px, 6px) scaleX(1.2)
  }
  .c-header__sp-navi.is-active span:nth-child(2) {
    opacity: 0
  }
  .c-header__sp-navi.is-active span:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(-3.5px, -6px) scaleX(1.2);
    transform: rotate(45deg) translate(-3.5px, -6px) scaleX(1.2)
  }
  .c-navi {
    position: fixed;
    z-index: 1;
    top: 61px;
    left: 0;
    background: hsla(0, 0%, 100%, .95);
    display: block;
    height: auto;
    height: calc(100vh - 61px);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity .6s cubic-bezier(.24, 1, .32, 1), -webkit-transform .6s cubic-bezier(.24, 1, .32, 1);
    transition: transform .6s cubic-bezier(.24, 1, .32, 1), opacity .6s cubic-bezier(.24, 1, .32, 1);
    transition: transform .6s cubic-bezier(.24, 1, .32, 1), opacity .6s cubic-bezier(.24, 1, .32, 1), -webkit-transform .6s cubic-bezier(.24, 1, .32, 1);
    opacity: 0
  }
  .c-navi__body {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    opacity: 0;
    padding: 50px
  }
  .c-navi__body:first-child {
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
  }
  .c-navi__body:nth-child(2) {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
  }
  .c-navi__item.-is-current {
    border-bottom: none
  }
  .c-navi__item.sp-only {
    display: block
  }
  .c-navi__item {
    width: 48%;
    border-bottom: none;
    border-right: 0;
    max-width: 100%;
    background: transparent
  }
  .c-navi__item a {
    font-size: 17px;
    font-size: 1.7rem;
    text-align: left;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 1em 0 1em 5px
  }
  .c-navi__item--home {
    display: none
  }
  .c-navi__itemApply {
    margin-top: 30px;
    display: block;
    margin-right: auto;
    margin-left: auto
  }
  .c-navi.is-opened {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
  }
  .c-navi.is-opened .c-navi__body {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition: opacity .6s cubic-bezier(.24, 1, .32, 1), -webkit-transform .6s cubic-bezier(.24, 1, .32, 1);
    transition: opacity .6s cubic-bezier(.24, 1, .32, 1), transform .6s cubic-bezier(.24, 1, .32, 1);
    transition: opacity .6s cubic-bezier(.24, 1, .32, 1), transform .6s cubic-bezier(.24, 1, .32, 1), -webkit-transform .6s cubic-bezier(.24, 1, .32, 1);
    transition-delay: .3s
  }
  .u-anchor {
    padding-top: 62px;
    margin-top: -62px
  }
  .u-brTab {
    display: inline-block
  }
  .u-brPc, .u-hide-md {
    display: none!important
  }
}

@media only screen and (max-width:640px) {
  .c-header__description {
    font-size: 10px;
    font-size: 1rem
  }
}

@media only screen and (max-width:480px) {
  body .c-footer, body header {
    font-size: 13px;
    font-size: 3.46667vw
  }
  .c-btn--secondary {
    font-size: 14px;
    font-size: 3.73333vw
  }
  .c-btn--strong {
    font-size: 18px;
    font-size: 4.8vw
  }
  .c-btn--red a {
    font-size: 14px;
    font-size: 3.73333vw
  }
  .c-btn--header-red a {
    position: relative
  }
  .c-btn--header-red__label {
    position: absolute;
    left: 4vw;
    padding: .35em .7em;
    margin-top: -.1em
  }
  .c-linkArrow {
    background-size: 4vw
  }
  .c-list-disc {
    padding-left: 3px
  }
  .c-list-disc>li {
    padding-left: 6px;
    margin-bottom: 3px
  }
  .c-list-disc>li:before {
    width: 3px;
    height: 3px
  }
  .c-list-decimal {
    padding-left: 15px
  }
  .c-footer-container__link {
    margin-top: 0;
    font-size: 12px;
    font-size: 3.2vw
  }
  .c-footer-container__company {
    margin-left: 1em;
    margin-right: 1em;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center
  }
  .c-footer-container__company .-company {
    -webkit-order: 2;
    order: 2;
    display: block;
    width: 100%;
    margin-top: 5.33333vw
  }
  .c-footer-container__company .-company .-comlogo {
    display: block
  }
  .c-footer-container__company .-company .-comaddress {
    margin-left: 0;
    margin-top: 2.66667vw;
    display: block
  }
  .c-footer-container__company .-privacy {
    -webkit-order: 1;
    order: 1;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.33333vw;
    font-size: 10px;
    font-size: 2.66667vw
  }
  .c-footer-container__company .-privacy .-note {
    text-align: left
  }
  .c-footer-container__copyright {
    display: block;
    background: #212121
  }
  .c-footer-container__snsIcon {
    width: 8.66667vw;
    height: 8.66667vw;
    margin: 5.33333vw 2.66667vw 0
  }
  .c-footer-container__snsIcon a {
    font-size: 23px;
    font-size: 6.13333vw
  }
  .c-heading-footer {
    font-size: 13px;
    font-size: 3.46667vw;
    padding: .5em 0 0
  }
  .c-footer-links__heading {
    padding: 3.2vw
  }
  .c-footer-links__item.-sns:first-child {
    margin-top: 4vw
  }
  .c-footer-links__item.-sns+.c-footer-links__item.-sns {
    margin-top: .25em
  }
  .c-footer-links__item {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em
  }
  .c-footer-sns {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 auto
  }
  .c-footer-sns__icon {
    margin-left: 1.33333vw;
    margin-right: 4vw
  }
  .c-footer-sns__icon img {
    width: 7.46667vw
  }
  .c-footer-sns__txt {
    font-size: 12px;
    font-size: 3.2vw
  }
  .c-footer-bottom-cover {
    display: block;
    margin-top: 5.33333vw;
    padding: 4vw 0 5.33333vw
  }
  .c-footer-link-column {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .c-footer-link-column>* {
    font-size: 12px;
    font-size: 3.2vw
  }
  .c-footer-copy {
    text-align: center;
    font-size: 10px;
    font-size: 2.66667vw;
    padding-top: 4vw
  }
  .c-head {
    padding-top: 0
  }
  .c-header__heading {
    width: calc(100% - 15vw);
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 4vw
  }
  .c-header__logoIcon {
    width: 27.06667vw
  }
  .c-header__description {
    font-size: 9px;
    font-size: 2.4vw;
    margin-left: 2.66667vw;
    letter-spacing: -.05em;
    margin-top: 0
  }
  .c-header__apply-btn {
    margin-left: 0;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 5.33333vw
  }
  .c-header__apply-btn a {
    width: 100%;
    font-size: 18px;
    font-size: 4.8vw;
    text-align: center
  }
  .c-navi {
    height: calc(100vh - 60px)
  }
  .c-navi__body {
    padding: 5.33333vw
  }
  .c-navi {
    display: block
  }
  .c-navi__item {
    width: 100%
  }
  .c-navi__item a {
    font-size: 15px;
    font-size: 4vw
  }
  .c-navi__itemApply {
    margin-top: 0;
    width: 100%
  }
  .u-brSp {
    display: block
  }
  .u-brWide, .u-hide-sm {
    display: none!important
  }
  .u-mt40 {
    margin-top: 5.33333vw!important
  }
  .u-mt80 {
    margin-top: 10.66667vw!important
  }
  .u-mb15-sm {
    margin-bottom: 4vw!important
  }
  .u-mb30-sm {
    margin-bottom: 8vw!important
  }
}

@media only screen and (max-width:320px) {
  .c-header__description br {
    display: none
  }
}

@media (min-width:769px) and (max-width:1024px) {
  .c-btn--header-red a {
    padding: .65em 1em
  }
  .c-btn--header-red a, .c-btn--header-yellow a {
    font-size: 13px;
    font-size: 1.3rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
  }
  .c-btn--header-yellow a {
    padding: .85em 1em
  }
}
