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

input[type=color]::-webkit-color-swatch {
  border: none
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: inherit
}

body {
  line-height: 1
}

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

nav ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input, select {
  vertical-align: middle
}

input:focus {
  outline: none
}

ol, ul {
  list-style-type: none
}

body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

main {
  display: block
}

li {
  list-style: none
}

h1, h2, h3, h4, h5, h6 {
  font-size: 16px
}

a {
  width: 100%;
  height: 100%;
  text-decoration: none
}

a, a:hover {
  -webkit-transition: .2s;
  transition: .2s
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto
}

address {
  font-style: normal
}

sup {
  vertical-align: super;
  font-size: smaller
}

button, input, select, textarea {
  color: #333;
  font-size: 16px;
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-appearance: textfield
}

button:-webkit-autofill, input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
  color: #333;
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

button::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b5b5b6
}

button::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #b5b5b6
}

button:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b5b5b6
}

button::-ms-input-placeholder, input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #b5b5b6
}

button::placeholder, input::placeholder, select::placeholder, textarea::placeholder {
  color: #b5b5b6
}

button::-webkit-inner-spin-button, button::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button, select::-webkit-inner-spin-button, select::-webkit-outer-spin-button, textarea::-webkit-inner-spin-button, textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

body, button, input, select, textarea {
  color: #333;
  font-size: 15px;
  font-family: 游ゴシック Medium, 游ゴシック体, Yu Gothic Medium, YuGothic, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  line-height: 1.5;
  letter-spacing: .02em
}

@media screen and (max-width:750px) {
  body, button, input, select, textarea {
    font-size: 14px
  }
}

body.__visible:before {
  width: 0;
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.p-page {
  -webkit-transition: 1s cubic-bezier(.79, .13, .38, .99);
  transition: .5s cubic-bezier(.79, .13, .38, .99)
}

body.__visible .p-page {
  opacity: 1;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.l-flex, .l-flex-align__center, .l-flex-align__end, .l-flex-align__start, .l-flex-direction__col, .l-flex-direction__col-r, .l-flex-direction__row, .l-flex-direction__row-r, .l-flex-justify__between, .l-flex-justify__center, .l-flex-justify__end, .l-flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:750px) {
  .__tb.l-flex-align__center, .__tb.l-flex-align__end, .__tb.l-flex-align__start, .__tb.l-flex-direction__col, .__tb.l-flex-direction__col-r, .__tb.l-flex-direction__row, .__tb.l-flex-direction__row-r, .__tb.l-flex-justify__between, .__tb.l-flex-justify__center, .__tb.l-flex-justify__end, .__tb.l-flex-wrap, .l-flex.__tb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (max-width:375px) {
  .__sp.l-flex-align__center, .__sp.l-flex-align__end, .__sp.l-flex-align__start, .__sp.l-flex-direction__col, .__sp.l-flex-direction__col-r, .__sp.l-flex-direction__row, .__sp.l-flex-direction__row-r, .__sp.l-flex-justify__between, .__sp.l-flex-justify__center, .__sp.l-flex-justify__end, .__sp.l-flex-wrap, .l-flex.__sp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.l-flex-justify__between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.l-flex-justify__center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.l-flex-justify__end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.l-flex-align__center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.l-flex-align__start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.l-flex-align__end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.l-flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.l-flex-direction__col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.l-flex-direction__col-r {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.l-flex-direction__row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.l-flex-direction__row-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.l-outer {
  padding-left: 15px;
  padding-right: 15px
}

@media screen and (max-width:750px) {
  .l-outer {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media screen and (max-width:375px) {
  .l-outer {
    padding-left: 15px;
    padding-right: 15px
  }
}

.l-inner {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto
}

[data-scroll-trigger] {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 1.5s cubic-bezier(.215, .61, .355, 1);
  transition: 1.5s cubic-bezier(.215, .61, .355, 1)
}

[data-scroll-trigger].__visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

[data-scroll-trigger].__delay--0 {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

[data-scroll-trigger].__delay--2 {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

[data-scroll-trigger].__delay--4 {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

[data-scroll-trigger].__delay--6 {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

[data-scroll-trigger].__delay--8 {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

[data-scroll-trigger].__delay--10 {
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

[data-scroll-trigger].__delay--12 {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

[data-scroll-trigger].__delay--14 {
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}

[data-scroll-trigger].__delay--16 {
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

[data-scroll-trigger].__delay--18 {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}

[data-scroll-trigger].__delay--20 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}

.c-section {
  padding-top: 80px;
  padding-bottom: 80px
}

.c-section-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: 64px
}

@media screen and (max-width:750px) {
  .c-section-heading {
    margin-bottom: 32px
  }
}

.c-section-heading__main {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (max-width:1080px) {
  .c-section-heading__main {
    font-size: 27px
  }
}

@media screen and (max-width:375px) {
  .c-section-heading__main {
    font-size: 24px
  }
}

.c-section-heading__main .__primary {
  display: inline-block;
  color: #f5b31e
}

.c-section-heading__main .__strong {
  display: inline-block;
  margin-right: 8px;
  position: relative
}

.c-section-heading__main .__strong:before {
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: 100%;
  position: absolute;
  top: 5px;
  right: -2px;
  background-size: 20px;
  background-image: url(../img/heading/strong_bg.png);
  background-repeat: repeat;
  background-position: 50% 50%
}

.c-section-heading__main .__strong span {
  display: inline-block;
  color: #f5b31e;
  line-height: 1.3;
  background-color: #fff;
  border: 3px solid #333;
  margin: 0 4px;
  padding: 4px 8px 2px;
  position: relative
}

.c-section-heading__sub {
  color: #f5b31e;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px
}

@media screen and (max-width:750px) {
  .c-section-heading__sub {
    font-size: 16px
  }
}

.c-price__head, .c-price__main {
  font-weight: 700
}

.c-price__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-price__main .__price {
  color: #f5b31e;
  font-size: 32px;
  line-height: 1
}

@media screen and (max-width:750px) {
  .c-price__main .__price {
    font-size: 27px
  }
}

.c-price__main .__price--black {
  color: #333;
  font-size: 32px;
  line-height: 1
}

@media screen and (max-width:750px) {
  .c-price__main .__price--black {
    font-size: 27px
  }
}

.c-price__main .__slash {
  display: inline-block;
  margin: 0 12px
}

.c-price__main .__slash:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2em;
  background-color: #333;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg)
}

.c-cv-btn {
  display: block;
  text-align: center;
  max-width: 280px;
  position: relative
}

.c-cv-btn:after {
  content: "";
  display: block;
  -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, .3);
  box-shadow: 0 8px 12px rgba(0, 0, 0, .3);
  border-radius: 100px/15px;
  width: 80%;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0
}

.c-cv-btn__link {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .1em;
  background-color: #f5b31e;
  border-radius: 1px;
  width: 100%;
  padding: 24px 16px;
  position: relative;
  z-index: 1
}

.c-cv-btn__link, .c-cv-btn__link:hover {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.c-cv-btn__link:hover {
  color: #333
}

@media screen and (max-width:750px) {
  .c-cv-btn__link {
    font-size: 15px;
    padding: 16px
  }
}

.c-cv-btn__link:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.c-cv-btn__link:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left
}

.c-cv-btn__text {
  position: relative
}

.c-cv-btn__free {
  color: #fff;
  font-weight: 700;
  line-height: 66px;
  border-radius: 50%;
  background-color: #333;
  width: 66px;
  height: 66px;
  position: absolute;
  top: -30px;
  left: -30px;
  z-index: 1
}

@media screen and (max-width:750px) {
  .c-cv-btn__free {
    font-size: 13px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    top: -25px;
    left: -25px
  }
}

.c-cv-btn__arrow-icn:after, .c-cv-btn__arrow-icn:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  z-index: 2;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.c-cv-btn__arrow-icn:before {
  background: url(../img/_icn/arrow_bottom_white.svg) no-repeat 50% 50%;
  background-size: 8px 24px;
  width: 8px;
  height: 24px
}

.c-cv-btn__link:hover .c-cv-btn__arrow-icn:before {
  opacity: 0
}

.c-cv-btn__arrow-icn:after {
  background: url(../img/_icn/arrow_bottom_black.svg) no-repeat 50% 50%;
  background-size: 8px 24px;
  width: 8px;
  height: 24px;
  opacity: 0
}

.c-cv-btn__link:hover .c-cv-btn__arrow-icn:after {
  opacity: 1
}

.c-cv-link-content {
  background-color: #12283b;
  max-width: 980px;
  margin: auto;
  padding: 56px 48px;
  position: relative
}

@media screen and (max-width:1080px) {
  .c-cv-link-content {
    padding: 48px 32px
  }
}

@media screen and (max-width:750px) {
  .c-cv-link-content {
    padding: 40px 20px 32px
  }
}

.c-cv-link-content:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  background-image: url(../img/cv/bg_document.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: right -30px top -73px;
  background-size: 460px;
  opacity: .2
}

@media screen and (max-width:750px) {
  .c-cv-link-content:before {
    background-position: center bottom -200px;
    background-size: cover;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.c-cv-link-content__inner {
  position: relative
}

.c-cv-link-content__meta-side {
  color: #f5f5f5;
  width: 100%
}

.c-cv-link-content__head {
  font-size: 26px;
  font-weight: 700
}

@media screen and (max-width:750px) {
  .c-cv-link-content__head {
    font-size: 20px
  }
}

.c-cv-link-content__head span {
  position: relative
}

.c-cv-link-content__head span:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -10px
}

.c-cv-link-content-points {
  margin-top: 12px
}

.c-cv-link-content-points__item {
  margin-top: 4px;
  padding-left: 1em;
  position: relative
}

.c-cv-link-content-points__item:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.c-cv-link-content__cv-side {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  max-width: 280px;
  margin-left: 64px
}

@media screen and (max-width:750px) {
  .c-cv-link-content__cv-side {
    margin-left: 0
  }
}

@media screen and (max-width:750px) {
  .c-cv-link-content__btn {
    margin-top: 40px
  }
}

.c-form button, .c-form input, .c-form select, .c-form textarea {
  color: #333;
  font-size: 16px;
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-appearance: textfield
}

.c-form button::-webkit-input-placeholder, .c-form input::-webkit-input-placeholder, .c-form select::-webkit-input-placeholder, .c-form textarea::-webkit-input-placeholder {
  color: #d5d5d5
}

.c-form button::-moz-placeholder, .c-form input::-moz-placeholder, .c-form select::-moz-placeholder, .c-form textarea::-moz-placeholder {
  color: #d5d5d5
}

.c-form button:-ms-input-placeholder, .c-form input:-ms-input-placeholder, .c-form select:-ms-input-placeholder, .c-form textarea:-ms-input-placeholder {
  color: #d5d5d5
}

.c-form button::-ms-input-placeholder, .c-form input::-ms-input-placeholder, .c-form select::-ms-input-placeholder, .c-form textarea::-ms-input-placeholder {
  color: #d5d5d5
}

.c-form button::placeholder, .c-form input::placeholder, .c-form select::placeholder, .c-form textarea::placeholder {
  color: #d5d5d5
}

.c-form button::-webkit-inner-spin-button, .c-form button::-webkit-outer-spin-button, .c-form input::-webkit-inner-spin-button, .c-form input::-webkit-outer-spin-button, .c-form select::-webkit-inner-spin-button, .c-form select::-webkit-outer-spin-button, .c-form textarea::-webkit-inner-spin-button, .c-form textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.c-form input, .c-form textarea {
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  padding: 12px
}

.c-form input:-webkit-autofill, .c-form textarea:-webkit-autofill {
  color: #d5d5d5;
  -webkit-box-shadow: 0 0 0 1000px #f5f7f8 inset
}

.c-form textarea {
  height: 200px;
  resize: vertical
}

.c-form input[type=email], .c-form input[type=tel], .c-form input[type=text], .c-form textarea {
  background-color: #f5f7f8
}

@media screen and (max-width:750px) {
  .c-form input[type=email], .c-form input[type=tel], .c-form input[type=text], .c-form textarea {
    font-size: 16px
  }
}

.c-form input[type=radio] {
  display: none
}

.c-form input[type=radio]+label {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding-left: 32px;
  position: relative;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-transition: .2s;
  transition: .2s
}

.c-form input[type=radio]+label:after, .c-form input[type=radio]+label:before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  margin-top: -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.c-form input[type=radio]+label:before {
  width: 24px;
  height: 24px;
  background-color: #f5f7f8;
  border: 1px solid #d5d5d5
}

.c-form input[type=radio]+label:after {
  width: 14px;
  height: 14px;
  background-color: #f5b31e;
  left: 5px;
  display: none
}

input[type=radio]:checked+label:before {
  border: 2px solid #f5b31e
}

input[type=radio]:checked+label:after {
  display: block
}

.c-form input[type=submit] {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background-color: #f5b31e;
  border: none;
  border-radius: 2px;
  width: 100%;
  padding: 20px 16px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: background-color .2s;
}
.c-form input[type=submit]:hover {
  background-color: #fac549;
}

@media screen and (max-width:750px) {
  .c-form input[type=submit] {
    font-size: 14px
  }
}

.p-header {
  position: relative
}

.p-header:before {
  content: "";
  display: block;
  height: 79px
}

@media screen and (max-width:750px) {
  .p-header:before {
    height: 60px
  }
}

.p-header__fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: hsla(0, 0%, 100%, .9);
  border-bottom: 1px solid #f5f5f5;
  padding-left: 30px
}

@media screen and (max-width:750px) {
  .p-header__fixed {
    padding: 8px 8px 8px 12px
  }
}

.p-header__logo {
  width: 160px
}

@media screen and (max-width:750px) {
  .p-header__logo {
    width: 140px
  }
}

.p-header__logo a {
  display: block
}

.p-header__cv-btn a {
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: .1em;
  background-color: #f5b31e;
  width: 200px;
  padding: 28px 40px;
  position: relative
}

.p-header__cv-btn a, .p-header__cv-btn a:hover {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.p-header__cv-btn a:hover {
  color: #333
}

@media screen and (max-width:750px) {
  .p-header__cv-btn a {
    font-size: 13px;
    padding: 12px 20px;
    width: 140px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
  }
}

.p-header__cv-btn a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.p-header__cv-btn a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left
}

.p-header__cv-btn a span {
  position: relative
}

.p-header__cv-btn a span:after, .p-header__cv-btn a span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -50px;
  z-index: 2;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

@media screen and (max-width:750px) {
  .p-header__cv-btn a span:after, .p-header__cv-btn a span:before {
    right: -28px
  }
}

.p-header__cv-btn a span:before {
  background: url(../img/_icn/download_white.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  width: 16px;
  height: 16px
}

.p-header__cv-btn a:hover span:before {
  opacity: 0
}

.p-header__cv-btn a span:after {
  background: url(../img/_icn/download_black.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  opacity: 0
}

.p-header__cv-btn a:hover span:after {
  opacity: 1
}

.p-footer {
  padding-top: 48px;
  padding-bottom: 40px
}

.p-footer__logo {
  width: 240px;
  margin: auto
}

@media screen and (max-width:750px) {
  .p-footer__logo {
    width: 180px
  }
}

.p-footer-nav {
  margin-top: 48px
}

.p-footer-nav__item {
  margin: 0 16px
}

@media screen and (max-width:750px) {
  .p-footer-nav__item {
    margin-top: 8px
  }
}

.p-footer-nav__item a {
  color: #333;
  font-size: 13px;
  font-weight: 700
}

.p-footer-nav__item a:hover {
  text-decoration: underline
}

.p-footer__copyright {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-top: 48px
}

@media screen and (max-width:750px) {
  .p-footer__copyright {
    font-size: 11px
  }
}

.p-hero {
  position: relative
}

.p-hero__bg {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden
}

@media screen and (max-width:1080px) {
  .p-hero__bg {
    width: 40%
  }
}

@media screen and (max-width:900px) {
  .p-hero__bg {
    width: 100%;
    height: 240px;
    position: relative;
    top: auto;
    right: auto
  }
}

.p-hero__bg:after, .p-hero__bg:before {
  content: "";
  display: block;
  width: 100%;
  width: 1717px;
  height: 100%;
  position: absolute;
  top: 0;
  background-image: url(../img/hero/mv.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}

@media screen and (max-width:900px) {
  .p-hero__bg:after, .p-hero__bg:before {
    background-image: url(../img/hero/mv-sp.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 845px;
  }
}

.p-hero__bg:before {
  left: 0;
  -webkit-animation: loop_01 40s linear -20s infinite;
  animation: loop_01 40s linear -20s infinite
}

.p-hero__bg:after {
  left: 100%;
  left: 1717px;
  -webkit-animation: loop_02 40s linear infinite;
  animation: loop_02 40s linear infinite
}

@media screen and (max-width:900px) {
  .p-hero__bg:after {
    left: 845px;
  }
}

.p-hero__content {
  width: 55%;
  max-width: 700px;
  padding: 96px 40px 108px;
  background-image: url(../img/hero/bg.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  z-index: 1;
}

@media screen and (max-width:1080px) {
  .p-hero__content {
    width: 60%
  }
}

@media screen and (max-width:900px) {
  .p-hero__content {
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media screen and (max-width:450px) {
  .p-hero__content {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }
}

.p-hero__head-copy {
  font-size: 3.7vw;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  white-space: nowrap;
  margin-top: 32px
}

@media screen and (max-width:1200px) {
  .p-hero__head-copy {
    font-size: 50px;
    /* line-height: 65px */
  }
}

@media screen and (max-width:980px) {
  .p-hero__head-copy {
    font-size: 40px;
    line-height: 55px
  }
}

@media screen and (max-width:900px) {
  .p-hero__head-copy {
    font-size: 32px;
    line-height: 1.4;
    margin-top: 24px;
    white-space: nowrap
  }
}

@media screen and (max-width:450px) {
  .p-hero__head-copy {
    font-size: 24px
  }
}

.p-hero__head-copy span {
  display: inline-block;
  background-color: #fff;
}

.p-hero__sub-copy {
  display: inline-block;
  font-size: 28px;
  font-weight: 700
}

@media screen and (max-width:900px) {
  .p-hero__sub-copy {
    font-size: 20px
  }
}

@media screen and (max-width:450px) {
  .p-hero__sub-copy {
    font-size: 17px;
    margin-left: -5px
  }
}

.p-hero__sub-copy>span {
  display: inline-block;
  position: relative
}

.p-hero__sub-copy>span:before {
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: 100%;
  position: absolute;
  top: 8px;
  right: -1px;
  background-size: 20px;
  background-image: url(../img/heading/strong_bg.png);
  background-repeat: repeat;
  background-position: 50% 50%
}

.p-hero__sub-copy>span span {
  color: #f5b31e;
  line-height: 1.3;
  background-color: #fff;
  border: 3px solid #333;
  margin: 0 4px;
  padding: 8px 8px 7px;
  position: relative
}

.p-hero__btn {
  margin-top: 56px;
  margin-left: 20px
}

@media screen and (max-width:750px) {
  .p-hero__btn {
    margin-top: 32px;
    margin-left: 0
  }
}

.p-hero-points {
  margin-top: 40px
}

@media screen and (max-width:1080px) {
  .p-hero-points {
    max-width: 480px
  }
}

@media screen and (max-width:750px) {
  .p-hero-points {
    margin-top: 32px
  }
}

.p-hero-points__item {
  width: 31%
}

@-webkit-keyframes loop_01 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes loop_01 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@-webkit-keyframes loop_02 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
  }
}

@keyframes loop_02 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
  }
}

.p-cv-section, .p-cv-section--gallery, .p-cv-section--hero, .p-cv-section--reasons {
  background-color: #f5f5f5;
  margin: 80px auto;
  padding-top: 56px;
  padding-bottom: 56px
}

@media screen and (max-width:750px) {
  .p-cv-section, .p-cv-section--gallery, .p-cv-section--hero, .p-cv-section--reasons {
    padding: 20px 15px
  }
}

.p-cv-section--hero {
  margin: 0
}

@media screen and (max-width:750px) {
  .p-cv-section--hero {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

@media screen and (max-width:750px) {
  .p-cv-section--gallery {
    margin: 0;
    padding-bottom: 80px
  }
}

@media screen and (max-width:750px) {
  .p-cv-section--reasons {
    margin: 0;
    padding-top: 80px;
    padding-bottom: 120px
  }
}

.p-about-swiper {
  height: 500px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width:750px) {
  .p-about-swiper {
    height: 350px
  }
}

.p-about-swiper:after {
  content: "";
  display: block;
  width: 40px;
  height: 100%
}

.p-about-swiper__btn, .p-about-swiper__btn--next, .p-about-swiper__btn--prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  width: 80px;
  height: 80px;
  background-color: rgba(51, 51, 51, .97);
  border-radius: 50%;
  cursor: pointer
}

@media screen and (max-width:750px) {
  .p-about-swiper__btn, .p-about-swiper__btn--next, .p-about-swiper__btn--prev {
    width: 40px;
    height: 40px
  }
}

.p-about-swiper__btn--next:before, .p-about-swiper__btn--prev:before, .p-about-swiper__btn:before {
  content: "";
  display: block;
  background: url(../img/_icn/arrow_right_white.svg) no-repeat 50% 50%;
  background-size: 16px 6px;
  width: 16px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (max-width:750px) {
  .p-about-swiper__btn--next:before, .p-about-swiper__btn--prev:before, .p-about-swiper__btn:before {
    width: 12px;
    height: 4px;
    background-size: 12px 4px
  }
}

.p-about-swiper__btn--next {
  right: 40px
}

@media screen and (max-width:750px) {
  .p-about-swiper__btn--next {
    right: 20px
  }
}

.p-about-swiper__btn--prev {
  left: 40px
}

@media screen and (max-width:750px) {
  .p-about-swiper__btn--prev {
    left: 20px
  }
}

.p-about-swiper__btn--prev:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scaleX(-1);
  transform: translate(-50%, -50%) scaleX(-1)
}

.p-about-swiper__lists {
  padding: 0 40px 50px;
  overflow-x: scroll;
  word-break: keep-all;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch
}

@media screen and (max-width:750px) {
  .p-about-swiper__lists {
    padding-left: 0;
    padding-right: 0
  }
}

.p-about-swiper__item, .p-about-swiper__item--cafe, .p-about-swiper__item--gym, .p-about-swiper__item--office, .p-about-swiper__item--private-night, .p-about-swiper__item--rental-house, .p-about-swiper__item--restaurant, .p-about-swiper__item--salon {
  display: inline-block;
  width: 300px;
  height: 500px;
  background-size: cover;
  margin: 0 20px;
  position: relative
}

@media screen and (max-width:750px) {
  .p-about-swiper__item, .p-about-swiper__item--cafe, .p-about-swiper__item--gym, .p-about-swiper__item--office, .p-about-swiper__item--private-night, .p-about-swiper__item--rental-house, .p-about-swiper__item--restaurant, .p-about-swiper__item--salon {
    width: 220px;
    height: 350px;
    margin: 0 10px
  }
}

.p-about-swiper__item--cafe:before, .p-about-swiper__item--gym:before, .p-about-swiper__item--office:before, .p-about-swiper__item--private-night:before, .p-about-swiper__item--rental-house:before, .p-about-swiper__item--restaurant:before, .p-about-swiper__item--salon:before, .p-about-swiper__item:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, .2);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(45%, rgba(0, 0, 0, .2)), to(#000));
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .2) 45%, #000);
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5
}

.p-about-swiper__item--cafe {
  background-image: url(../img/about/cafe.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.p-about-swiper__item--office {
  background-image: url(../img/about/office.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.p-about-swiper__item--restaurant {
  background-image: url(../img/about/restaurant.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.p-about-swiper__item--rental-house {
  background-image: url(../img/about/rental-house.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.p-about-swiper__item--private-night {
  background-image: url(../img/about/private-night.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.p-about-swiper__item--gym {
  background-image: url(../img/about/gym.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.p-about-swiper__item--salon {
  background-image: url(../img/about/salon.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.p-about-swiper__content {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%
}

.p-about-swiper__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  width: 1em;
  position: absolute;
  top: 16px;
  left: 16px;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

@media screen and (max-width:750px) {
  .p-about-swiper__num {
    font-size: 17px;
    top: 12px;
    left: 12px
  }
}

.p-about-swiper__num span {
  display: block;
  font-size: 58px;
  line-height: 1;
  padding-left: 6px;
  -webkit-text-stroke: 3px #fff
}

@media screen and (max-width:750px) {
  .p-about-swiper__num span {
    font-size: 45px
  }
}

.p-about-swiper__label {
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  bottom: 16px;
  left: 16px;
  line-height: 1.3
}

@media screen and (max-width:750px) {
  .p-about-swiper__label {
    font-size: 18px;
    bottom: 12px;
    left: 12px
  }
}

.p-gallery {
  background-color: #f5f5f5
}

.p-gallery__head {
  text-align: center
}

.p-gallery__content {
  max-width: 800px;
  background-color: #fff;
  border: 1px solid hsla(0, 0%, 83.5%, .5);
  margin: -20px auto 0;
  padding: 8px
}

.p-gallery__main-img img {
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0
}

.p-gallery__main-img img.__show {
  opacity: 1
}

.p-gallery__caption {
  color: #999;
  font-size: 14px;
  margin-top: 16px;
  padding: 0 8px;
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0
}

.p-gallery__caption.__show {
  opacity: 1
}

.p-gallery-thumbs {
  background-color: #333;
  margin-top: 16px;
  padding: 8px 40px;
  position: relative;
  height: 136px;
  overflow: hidden
}

@media screen and (max-width:750px) {
  .p-gallery-thumbs {
    height: 84px
  }
}

.p-gallery-thumbs__btn, .p-gallery-thumbs__btn--next, .p-gallery-thumbs__btn--prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  background: url(../img/_icn/next_btn.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  cursor: pointer
}

.p-gallery-thumbs__btn--prev {
  left: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.p-gallery-thumbs__btn--next {
  right: 8px
}

.p-gallery-thumbs__content {
  height: 100%;
  position: relative;
  overflow: hidden
}

.p-gallery-thumbs__lists {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  white-space: nowrap;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-overflow-scrolling: touch
}

.p-gallery-thumbs__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 160px
}

@media screen and (max-width:750px) {
  .p-gallery-thumbs__item {
    width: 90px
  }
}

.p-gallery-thumbs__item a, .p-gallery-thumbs__item a:hover {
  -webkit-transition: .2s;
  transition: .2s
}

.p-gallery-thumbs__item a:hover {
  opacity: .8
}

.p-gallery-thumbs__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.p-reasons-section {
  padding-top: 64px;
  position: relative
}

.p-reasons-section:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.p-reasons-section:first-of-type:before {
  background: url(../img/reasons/point-1.svg) no-repeat 50% 50%;
  background-size: 40px 80px;
  width: 40px;
  height: 80px
}

.p-reasons-section:nth-of-type(2):before {
  background: url(../img/reasons/point-2.svg) no-repeat 50% 50%;
  background-size: 40px 80px;
  width: 40px;
  height: 80px
}

.p-reasons-section:nth-of-type(3):before {
  background: url(../img/reasons/point-3.svg) no-repeat 50% 50%;
  background-size: 40px 80px;
  width: 40px;
  height: 80px
}

@media screen and (max-width:750px) {
  .p-reasons-section:before {
    width: 28px!important;
    height: 56px!important;
    background-size: 28px 56px!important
  }
}

.p-reasons-section__line {
  width: 100%;
  height: 1px;
  margin: 80px auto;
  background-image: url(../img/_common/line.png);
  background-repeat: repeat-x;
  background-position: 50% 50%;
  border: none
}

.p-reasons-section__meta-side {
  width: 50%
}

@media screen and (max-width:750px) {
  .p-reasons-section__meta-side {
    width: 100%
  }
}

.p-reasons-section__img-side {
  width: 50%;
  margin-left: 6%
}

@media screen and (max-width:750px) {
  .p-reasons-section__img-side {
    width: 100%;
    margin-top: 20px;
    margin-left: 0
  }
}

.p-reasons-section__heading {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 32px
}

@media screen and (max-width:750px) {
  .p-reasons-section__heading {
    font-size: 25px;
    margin-top: 8px
  }
}

.p-reasons-section__heading span {
  color: #f5b31e
}

.p-reasons-section__desc {
  color: #555;
  line-height: 2;
  margin-top: 24px
}

@media screen and (max-width:750px) {
  .p-reasons-section__desc {
    margin-top: 12px;
    line-height: 1.7
  }
}

.p-reasons-section__img {
  border-radius: 1px;
  position: relative
}

/* .p-reasons-section__img:before {
  content: "";
  display: block;
  -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, .3);
  box-shadow: 0 8px 12px rgba(0, 0, 0, .3);
  border-radius: 100px/15px;
  width: 80%;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0
} */

.p-reasons-section__img img {
  width: 100%;
  border-radius: 1px;
  position: relative
}

.p-reasons-section__price {
  margin-top: 24px
}

.p-reasons-section__caption {
  color: #999;
  font-size: 14px;
  margin-top: 24px
}

.p-reasons-price {
  /* margin-top: 40px; */
}
.p-reasons-price__group {
  margin-top: 40px;
}
.p-reasons-price__title {
  font-size: 16px;
  font-weight: bold;
  border-left: solid 3px #333;
  padding-left: 7px;
}
.p-reasons-price__list {
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
  padding-left: 12px;
}
.p-reasons-price__item + .p-reasons-price__item {
  margin-left: 30px;
}
.p-reasons-price__head {
  font-weight: bold;
}
.p-reasons-price__price {
  color: #f5b31e;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
}
.p-reasons-price__price span {
  font-size: 17px;
}

.p-company-message {
  background-image: url(../img/company-message/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}

@media screen and (max-width:750px) {
  .p-company-message {
    padding: 0 20px 20px 0
  }
}

@media screen and (max-width:750px) {
  .p-company-message__content {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
  }
}

.p-company-message__meta-side {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  color: #fff;
  width: 50%;
  margin-left: 6%
}

@media screen and (max-width:750px) {
  .p-company-message__meta-side {
    width: 100%;
    color: #333;
    background-color: #fff;
    margin: -40px 0 0 -40px;
    padding: 26px 20px 26px 40px
  }
}

.p-company-message__img-side {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 50%
}

@media screen and (max-width:750px) {
  .p-company-message__img-side {
    width: 100%
  }
}

.p-company-message__head {
  font-size: 18px;
  font-weight: 700
}

@media screen and (max-width:750px) {
  .p-company-message__head {
    font-size: 16px
  }
}

.p-company-message__desc {
  line-height: 2;
  margin-top: 24px
}

@media screen and (max-width:750px) {
  .p-company-message__desc {
    margin-top: 8px
  }
}

.p-company-message__logo {
  background-color: #fff;
  width: 210px;
  margin-top: 40px;
  margin-left: auto;
  padding: 16px 24px 16px 16px
}

@media screen and (max-width:750px) {
  .p-company-message__logo {
    padding: 0 16px 0 0;
    width: 150px
  }
}

.p-quality {
  overflow: hidden
}

.p-quality__head {
  text-align: center
}

.p-quality-first-content {
  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-top: 160px
}

@media screen and (max-width:750px) {
  .p-quality-first-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 80px
  }
}

.p-quality-first-content__meta {
  width: 30%;
  position: relative
}

@media screen and (max-width:750px) {
  .p-quality-first-content__meta {
    width: 100%
  }
}

.p-quality-first-content__head {
  font-size: 32px;
  font-weight: 700
}

@media screen and (max-width:750px) {
  .p-quality-first-content__head {
    font-size: 25px
  }
}

.p-quality-first-content__desc {
  color: #555;
  line-height: 2;
  margin-top: 24px
}

@media screen and (max-width:750px) {
  .p-quality-first-content__desc {
    margin-top: 12px
  }
}

.p-quality-first-content__bg-txt {
  color: #f5f5f5;
  font-size: 100px;
  font-weight: 700;
  position: absolute;
  top: -20px;
  left: -60px;
  z-index: -1;
  -webkit-text-stroke: 4px #f5f5f5
}

.p-quality-first-content__img, .p-quality-first-content__img--01, .p-quality-first-content__img--02 {
  width: 30%
}

@media screen and (max-width:750px) {
  .p-quality-first-content__img, .p-quality-first-content__img--01, .p-quality-first-content__img--02 {
    width: 49%
  }
}

.p-quality-first-content__img--01 {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px)
}

@media screen and (max-width:750px) {
  .p-quality-first-content__img--01 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.p-quality-first-content__img--02 {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

@media screen and (max-width:750px) {
  .p-quality-first-content__img--02 {
    margin-top: 80px
  }
}

.p-quality-second-content {
  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-top: 120px
}

@media screen and (max-width:750px) {
  .p-quality-second-content {
    display: block;
    margin-top: 80px
  }
}

.p-quality-second-content__meta {
  width: 50%;
  position: relative;
  margin-left: 80px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

@media screen and (max-width:750px) {
  .p-quality-second-content__meta {
    width: 100%;
    margin-left: 0
  }
}

.p-quality-second-content__head {
  font-size: 32px;
  font-weight: 700
}

@media screen and (max-width:750px) {
  .p-quality-second-content__head {
    font-size: 25px
  }
}

.p-quality-second-content__desc {
  color: #555;
  line-height: 2;
  margin-top: 24px
}

@media screen and (max-width:750px) {
  .p-quality-second-content__desc {
    margin-top: 12px
  }
}

.p-quality-second-content__bg-txt {
  color: #f5f5f5;
  font-size: 100px;
  font-weight: 700;
  position: absolute;
  top: -20px;
  left: -60px;
  width: 200%;
  z-index: -1;
  -webkit-text-stroke: 4px #f5f5f5
}

.p-quality-second-content__img {
  width: 50%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media screen and (max-width:750px) {
  .p-quality-second-content__img {
    width: 100%;
    margin-top: 40px
  }
}

.p-quality-third-content {
  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-top: 120px
}

@media screen and (max-width:750px) {
  .p-quality-third-content {
    display: block;
    margin-top: 80px
  }
}

.p-quality-third-content__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 30%
}

@media screen and (max-width:750px) {
  .p-quality-third-content__block {
    display: block;
    width: 100%;
    position: relative
  }
  .p-quality-third-content__block:not(:first-of-type) {
    margin-top: 80px
  }
}

.p-quality-third-content__head {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px
}

@media screen and (max-width:750px) {
  .p-quality-third-content__head {
    font-size: 25px
  }
}

.p-quality-third-content__desc {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  color: #555;
  line-height: 1.7;
  margin-top: 8px
}

@media screen and (max-width:750px) {
  .p-quality-third-content__desc {
    margin-top: 12px
  }
}

.p-quality-third-content__bg-txt {
  color: #f5f5f5;
  font-size: 100px;
  font-weight: 700;
  position: absolute;
  top: -20px;
  left: -60px;
  width: 200%;
  z-index: -1;
  -webkit-text-stroke: 4px #f5f5f5
}

.p-quality-third-content__img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media screen and (max-width:750px) {
  .p-quality-third-content__img {
    margin-top: 40px
  }
}

.p-comparison-table {
  background-color: #f5f5f5
}

@media screen and (max-width:750px) {
  .p-comparison-table {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px
  }
}

.p-comparison-table__head {
  text-align: center
}

@media screen and (max-width:750px) {
  .p-comparison-table__head {
    margin-bottom: 40px
  }
}

.p-comparison-table__content {
  max-width: 1100px;
  height: 474px;
  overflow: hidden
}

.p-comparison-table-lists {
  overflow: auto;
  white-space: nowrap;
  padding: 20px 20px 80px;
  -webkit-overflow-scrolling: touch
}

.p-comparison-table-lists__item, .p-comparison-table-lists__item--primary {
  display: inline-block;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  margin-left: 40px;
  padding: 48px 24px 8px;
  width: 320px;
  position: relative
}

@media screen and (max-width:750px) {
  .p-comparison-table-lists__item, .p-comparison-table-lists__item--primary {
    width: 88%;
    max-width: 320px
  }
}

.p-comparison-table-lists__item--primary:first-of-type, .p-comparison-table-lists__item:first-of-type {
  margin-left: 0
}

.p-comparison-table-lists__head {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  top: -12px;
  left: -12px
}

@media screen and (max-width:750px) {
  .p-comparison-table-lists__head {
    font-size: 16px
  }
}

.p-comparison-table-lists__head>span {
  display: inline-block;
  position: relative
}

.p-comparison-table-lists__head>span:before {
  content: "";
  display: block;
  width: 100%;
  height: 120%;
  position: absolute;
  top: 4px;
  right: -4px;
  background-size: 20px;
  background-image: url(../img/heading/strong_bg.png);
  background-repeat: repeat;
  background-position: 50% 50%
}

.p-comparison-table-lists__head>span span {
  color: #333;
  line-height: 1.3;
  background-color: #fff;
  border: 3px solid #333;
  padding: 8px 8px 7px;
  position: relative
}

.p-comparison-table-lists__item--primary .p-comparison-table-lists__head>span span {
  color: #f5b31e
}

.p-comparison-table-lists__desc {
  font-weight: 700;
  white-space: normal
}

.p-comparison-table-detailes {
  margin-top: 20px
}

.p-comparison-table-detailes__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px solid #d5d5d5;
  padding: 20px 0
}

.p-comparison-table-detailes__head {
  font-weight: 700;
  min-width: 120px
}

.p-comparison-table-detailes__head span {
  display: block;
  font-size: 12px;
  margin-left: -8px
}

.p-active-part {
  padding-bottom: 0;
  position: relative
}

@media screen and (max-width:750px) {
  .p-active-part {
    padding-top: 0
  }
}

.p-active-part:before {
  content: "";
  display: block;
  width: 100%;
  height: 80%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url(../img/active-part/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}

@media screen and (max-width:750px) {
  .p-active-part:before {
    height: 60vw;
    position: static
  }
}

.p-active-part:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

@media screen and (max-width:750px) {
  .p-active-part:after {
    display: none
  }
}

.p-active-part__content {
  width: 680px;
  height: calc(100% - 200px);
  background-color: #fff;
  border: 1px solid #d5d5d5;
  padding: 64px;
  position: relative;
  z-index: 2
}

@media screen and (max-width:750px) {
  .p-active-part__content {
    width: 100%;
    height: auto;
    border: none;
    padding: 40px 20px 64px
  }
}

.p-active-part__meta {
  margin-top: -20px
}

@media screen and (max-width:750px) {
  .p-active-part__meta {
    margin-top: 0
  }
}

.p-active-part__heading {
  font-size: 18px;
  font-weight: 700
}

@media screen and (max-width:750px) {
  .p-active-part__heading {
    font-size: 16px
  }
}

.p-active-part__desc {
  color: #555;
  line-height: 2;
  margin-top: 16px
}

.p-active-part__desc p+p {
  margin-top: 16px
}

.p-faq {
  background-color: #f5f5f5;
  padding-top: 120px
}

@media screen and (max-width:750px) {
  .p-faq {
    padding-top: 80px
  }
}

.p-faq__head {
  text-align: center
}

.p-faq-main {
  background-color: #fff;
  border: 1px solid #d5d5d5;
  margin-top: -20px;
  padding: 48px 80px
}

@media screen and (max-width:750px) {
  .p-faq-main {
    margin-top: 0;
    padding: 0 16px 20px
  }
}

.p-faq-main__item {
  padding: 32px 0;
  position: relative
}

.p-faq-main__item:not(:first-of-type):before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/_common/line.png);
  background-repeat: repeat-x;
  background-position: 50% 50%
}

.p-faq-main__answer, .p-faq-main__question {
  padding-left: 40px;
  position: relative
}

.p-faq-main__answer:before, .p-faq-main__question:before {
  display: block;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  left: 0
}

.p-faq-main__question {
  font-size: 16px;
  font-weight: 700
}

.p-faq-main__question:before {
  content: "Q";
  top: -7px
}

.p-faq-main__answer {
  color: #555;
  line-height: 2;
  margin-top: 16px
}

.p-faq-main__answer:before {
  content: "A";
  color: #f5b31e;
  top: -9px
}

.p-document-request {
  border-top: 1px solid #d5d5d5;
  padding-bottom: 400px;
  position: relative
}

.p-document-request:before {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(../img/document-request/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}

.p-document-request__head {
  /* text-align: center; */
}






.p-contact-note {
  background-color: #F4F4F4;
  margin: 0 auto 120px;
  padding: 50px 50px 40px;
}
@media screen and (max-width:750px) {
  .p-contact-note {
    margin: 0 auto 80px;
    padding: 40px 20px 30px;
  }
}
.p-contact-note__title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
.p-contact-note__title br {
  display: none;
}
@media screen and (max-width:750px) {
  .p-contact-note__title {
    font-size: 24px;
  }
}
@media screen and (max-width:500px) {
  .p-contact-note__title {
    font-size: 20px;
  }
  .p-contact-note__title br {
    display: block;
  }
}
.p-contact-note__body {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
@media screen and (max-width:750px) {
  .p-contact-note__body {
    display: block;
    margin-top: 24px;
  }
}
.p-contact-note__content {
  width: 60%;
}
@media screen and (max-width:750px) {
  .p-contact-note__content {
    width: 100%;
  }
}
.p-contact-note__item {
  font-size: 15px;
  margin-bottom: 0.5em;
  padding-left: 42px;
  position: relative;
}
@media screen and (max-width:750px) {
  .p-contact-note__item {
    font-size: 14px;
    padding-left: 32px;
  }
}
.p-contact-note__item::before {
  content: "";
  background: url(../img/_icn/checklist.svg) center / cover no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  top: -5px;
  left: 0;
}
@media screen and (max-width:750px) {
  .p-contact-note__item::before {
    width: 24px;
    height: 24px;
    top: -3px;
  }
}
.p-contact-note__figure {
  width: 35%;
}
@media screen and (max-width:750px) {
  .p-contact-note__figure {
    width: 100%;
    max-width: 360px;
    margin: 32px auto 0;
  }
}









.p-document-request__content {
  display: flex;
  justify-content: space-between;
  position: relative;
  /* max-width: 600px; */
  margin: auto;
}

@media screen and (max-width:750px) {
  .p-document-request__content {
    display: block;
  }
}

.p-document-request__desc {
  color: #555;
  line-height: 2
}

.p-document-request__lists {
  color: #555
}

.p-document-request__item {
  margin-top: 4px;
  padding-left: 1em;
  position: relative
}

.p-document-request__item:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.p-document-request__meta-side {
  width: 40%;
}

@media screen and (max-width:750px) {
  .p-document-request__meta-side {
    width: 100%;
  }
}

.p-document-request__form-side {
  /* background-color: #fff; */
  /* border: 1px solid #d5d5d5; */
  /* margin-top: 80px; */
  /* padding: 40px 48px; */
  width: 60%;
  padding-left: 50px;
}

@media screen and (max-width:750px) {
  .p-document-request__form-side {
    margin-top: 40px;
    padding: 0;
    width: 100%
  }
}

.p-document-request-form__item {
  margin-top: 20px
}

.p-document-request-form__item:first-of-type {
  margin-top: 0
}

.p-document-request-form__head {
  font-weight: 700
}
.p-document-request-form__head label {
  display: flex;
  align-items: center;
}

.p-document-request-form__head .__req{
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  background-color: #e82222;
  border-radius: 2px;
  margin-left: 4px;
  padding: 1px 4px;
}
.p-document-request-form__head .__any{
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  background-color: #bdbdbd;
  border-radius: 2px;
  margin-left: 4px;
  padding: 1px 4px;
}

.p-document-request-form__input {
  margin-top: 4px
}

.p-document-request-form__btn {
  margin: 32px auto 0;
  max-width: 400px;
  position: relative
}

.p-document-request-form__btn:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 20px;
  z-index: 2
}

.p-document-request-form__btn:after {
  content: "";
  display: block;
  box-shadow: 0 8px 12px rgba(0, 0, 0, .15);
  border-radius: 100px/15px;
  width: 80%;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0
}

.p-document-request-form__btn input {
  z-index: 2
}

.u-fl {
  float: left!important
}

.u-fr {
  float: right!important
}

.u-fn {
  float: none!important
}

.u-dn {
  display: none!important
}

.u-di {
  display: inline!important
}

.u-db {
  display: block!important
}

.u-diib {
  display: inline-block!important
}

.u-dtb {
  display: table!important
}

.u-df, .u-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

.u-flex-jf-between {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

.u-flex-jf-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important
}

.u-flex-jf-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.u-flex-jf-start {
  -webkit-box-pack: start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}

.u-flex-jf-end {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

.u-flex-ai-center {
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

.u-flex-ai-start {
  -webkit-box-align: start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important
}

.u-flex-ai-end {
  -webkit-box-align: end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important
}

.u-flex-0-0-auto {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 auto!important;
  flex: 0 0 auto!important
}

.u-flex-1-1-auto {
  -webkit-box-flex: 1!important;
  -ms-flex: 1 1 auto!important;
  flex: 1 1 auto!important
}

.u-position-ab {
  position: absolute!important
}

.u-position-rt {
  position: relative!important
}

.u-position-st {
  position: static!important
}

.u-border-top-none {
  border-top: none!important
}

.u-border-left-none {
  border-left: none!important
}

.u-border-right-none {
  border-right: none!important
}

.u-border-bottom-none {
  border-bottom: none!important
}

.u-width-100p {
  width: 100%!important
}

.u-width-auto {
  width: auto!important
}

.u-height-100p {
  height: 100%!important
}

.u-height-auto {
  height: auto!important
}

.u-font-we-normal {
  font-weight: 400!important
}

.u-font-we-bold {
  font-weight: 700!important
}

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

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

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

.u-mt0 {
  margin-top: 0!important
}

.u-mt4 {
  margin-top: 4px!important
}

.u-mt8 {
  margin-top: 8px!important
}

.u-mt12 {
  margin-top: 12px!important
}

.u-mt16 {
  margin-top: 16px!important
}

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

.u-mt24 {
  margin-top: 24px!important
}

.u-mt28 {
  margin-top: 28px!important
}

.u-mt32 {
  margin-top: 32px!important
}

.u-mt36 {
  margin-top: 36px!important
}

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

.u-mt44 {
  margin-top: 44px!important
}

.u-mt48 {
  margin-top: 48px!important
}

.u-mt52 {
  margin-top: 52px!important
}

.u-mt56 {
  margin-top: 56px!important
}

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

.u-mt64 {
  margin-top: 64px!important
}

.u-mt68 {
  margin-top: 68px!important
}

.u-mt72 {
  margin-top: 72px!important
}

.u-mt76 {
  margin-top: 76px!important
}

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

.u-ml0 {
  margin-left: 0!important
}

.u-ml4 {
  margin-left: 4px!important
}

.u-ml8 {
  margin-left: 8px!important
}

.u-ml12 {
  margin-left: 12px!important
}

.u-ml16 {
  margin-left: 16px!important
}

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

.u-ml24 {
  margin-left: 24px!important
}

.u-ml28 {
  margin-left: 28px!important
}

.u-ml32 {
  margin-left: 32px!important
}

.u-ml36 {
  margin-left: 36px!important
}

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

.u-ml44 {
  margin-left: 44px!important
}

.u-ml48 {
  margin-left: 48px!important
}

.u-ml52 {
  margin-left: 52px!important
}

.u-ml56 {
  margin-left: 56px!important
}

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

.u-ml64 {
  margin-left: 64px!important
}

.u-ml68 {
  margin-left: 68px!important
}

.u-ml72 {
  margin-left: 72px!important
}

.u-ml76 {
  margin-left: 76px!important
}

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

.u-mr0 {
  margin-right: 0!important
}

.u-mr4 {
  margin-right: 4px!important
}

.u-mr8 {
  margin-right: 8px!important
}

.u-mr12 {
  margin-right: 12px!important
}

.u-mr16 {
  margin-right: 16px!important
}

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

.u-mr24 {
  margin-right: 24px!important
}

.u-mr28 {
  margin-right: 28px!important
}

.u-mr32 {
  margin-right: 32px!important
}

.u-mr36 {
  margin-right: 36px!important
}

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

.u-mr44 {
  margin-right: 44px!important
}

.u-mr48 {
  margin-right: 48px!important
}

.u-mr52 {
  margin-right: 52px!important
}

.u-mr56 {
  margin-right: 56px!important
}

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

.u-mr64 {
  margin-right: 64px!important
}

.u-mr68 {
  margin-right: 68px!important
}

.u-mr72 {
  margin-right: 72px!important
}

.u-mr76 {
  margin-right: 76px!important
}

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

.u-mb0 {
  margin-bottom: 0!important
}

.u-mb4 {
  margin-bottom: 4px!important
}

.u-mb8 {
  margin-bottom: 8px!important
}

.u-mb12 {
  margin-bottom: 12px!important
}

.u-mb16 {
  margin-bottom: 16px!important
}

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

.u-mb24 {
  margin-bottom: 24px!important
}

.u-mb28 {
  margin-bottom: 28px!important
}

.u-mb32 {
  margin-bottom: 32px!important
}

.u-mb36 {
  margin-bottom: 36px!important
}

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

.u-mb44 {
  margin-bottom: 44px!important
}

.u-mb48 {
  margin-bottom: 48px!important
}

.u-mb52 {
  margin-bottom: 52px!important
}

.u-mb56 {
  margin-bottom: 56px!important
}

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

.u-mb64 {
  margin-bottom: 64px!important
}

.u-mb68 {
  margin-bottom: 68px!important
}

.u-mb72 {
  margin-bottom: 72px!important
}

.u-mb76 {
  margin-bottom: 76px!important
}

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

.u-pt0 {
  padding-top: 0!important
}

.u-pt4 {
  padding-top: 4px!important
}

.u-pt8 {
  padding-top: 8px!important
}

.u-pt12 {
  padding-top: 12px!important
}

.u-pt16 {
  padding-top: 16px!important
}

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

.u-pt24 {
  padding-top: 24px!important
}

.u-pt28 {
  padding-top: 28px!important
}

.u-pt32 {
  padding-top: 32px!important
}

.u-pt36 {
  padding-top: 36px!important
}

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

.u-pl0 {
  padding-left: 0!important
}

.u-pl4 {
  padding-left: 4px!important
}

.u-pl8 {
  padding-left: 8px!important
}

.u-pl12 {
  padding-left: 12px!important
}

.u-pl16 {
  padding-left: 16px!important
}

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

.u-pl24 {
  padding-left: 24px!important
}

.u-pl28 {
  padding-left: 28px!important
}

.u-pl32 {
  padding-left: 32px!important
}

.u-pl36 {
  padding-left: 36px!important
}

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

.u-pr0 {
  padding-right: 0!important
}

.u-pr4 {
  padding-right: 4px!important
}

.u-pr8 {
  padding-right: 8px!important
}

.u-pr12 {
  padding-right: 12px!important
}

.u-pr16 {
  padding-right: 16px!important
}

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

.u-pr24 {
  padding-right: 24px!important
}

.u-pr28 {
  padding-right: 28px!important
}

.u-pr32 {
  padding-right: 32px!important
}

.u-pr36 {
  padding-right: 36px!important
}

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

.u-pb0 {
  padding-bottom: 0!important
}

.u-pb4 {
  padding-bottom: 4px!important
}

.u-pb8 {
  padding-bottom: 8px!important
}

.u-pb12 {
  padding-bottom: 12px!important
}

.u-pb16 {
  padding-bottom: 16px!important
}

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

.u-pb24 {
  padding-bottom: 24px!important
}

.u-pb28 {
  padding-bottom: 28px!important
}

.u-pb32 {
  padding-bottom: 32px!important
}

.u-pb36 {
  padding-bottom: 36px!important
}

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

.u-w0 {
  width: 0!important
}

.u-w20 {
  width: 20px!important
}

.u-w40 {
  width: 40px!important
}

.u-w60 {
  width: 60px!important
}

.u-w80 {
  width: 80px!important
}

.u-w100 {
  width: 100px!important
}

.u-w120 {
  width: 120px!important
}

.u-w140 {
  width: 140px!important
}

.u-w160 {
  width: 160px!important
}

.u-w180 {
  width: 180px!important
}

.u-w200 {
  width: 200px!important
}

.u-w220 {
  width: 220px!important
}

.u-w240 {
  width: 240px!important
}

.u-w260 {
  width: 260px!important
}

.u-w280 {
  width: 280px!important
}

.u-w300 {
  width: 300px!important
}

.u-w320 {
  width: 320px!important
}

.u-w340 {
  width: 340px!important
}

.u-w360 {
  width: 360px!important
}

.u-w380 {
  width: 380px!important
}

.u-w400 {
  width: 400px!important
}

@media screen and (max-width:750px) {
  .is-sp-hide {
    display: none
  }
}

.is-pc-hide {
  display: none
}

@media screen and (max-width:750px) {
  .is-pc-hide {
    display: block
  }
}

.u-zindex-0 {
  z-index: 0
}

.u-zindex-10 {
  z-index: 10
}

.u-zindex-20 {
  z-index: 20
}

.u-zindex-30 {
  z-index: 30
}

.u-zindex-40 {
  z-index: 40
}

.u-zindex-50 {
  z-index: 50
}

.u-zindex-60 {
  z-index: 60
}

.u-zindex-70 {
  z-index: 70
}

.u-zindex-80 {
  z-index: 80
}

.u-zindex-90 {
  z-index: 90
}

.u-zindex-100 {
  z-index: 100
}