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

img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.5;
  letter-spacing: 0.025em;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
.clear {
  clear: both;
}

@media screen and (min-width: 64em) {
  .hsp {
    display: none;
  }
}

.hpc {
  display: none;
}
@media screen and (min-width: 64em) {
  .hpc {
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .vsp {
    display: none;
  }
}

@media screen and (min-width: 48em) {
  .vtb {
    display: none;
  }
}

.vpc {
  display: none;
}
@media screen and (min-width: 64em) {
  .vpc {
    display: block;
  }
}

@font-face {
  font-family: "digitalism";
  src: url("/src/font/digitalism.ttf") format("ttf");
}
summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

a[href^="tel:"] {
  cursor: default;
}
@media screen and (min-width: 48em) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background: #000;
  border: none;
  color: #fff;
  outline: none;
  padding: 1rem;
  text-decoration: none;
  vertical-align: bottom;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background: #003A6B;
  cursor: pointer;
}

button:visited,
input[type=button]:visited,
input[type=reset]:visited,
input[type=submit]:visited {
  color: #fff;
  text-decoration: none;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  font: inherit;
  background: none;
  border: solid 1px #5F5E5E;
  outline: none;
  padding: 1rem;
  -webkit-appearance: none;
  outline-offset: 0;
  border-radius: 0;
  padding: 1rem;
  width: 100%;
  font-size: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  border-color: #003A6B;
}

input[type=search]::-webkit-search-decoration {
  display: none;
}

input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  color: #000000;
}

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

p {
  text-align: justify;
}

@font-face {
  font-family: "digital";
  src: url("../../src/font/digitalism.woff") format("woff"), url("../../src/bfont/digitalism.ttf") format("truetype");
}
body {
  font-size: 1.4rem;
  font-weight: 500;
  background-color: #FFFF;
  -webkit-text-size-adjust: 100%;
}

a {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
a:hover {
  opacity: 0.8;
}

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

main {
  overflow: hidden;
}

.Fade-down {
  height: 25rem;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#FFF));
  background: linear-gradient(to bottom, transparent, #FFF);
}

.fadeUp {
  opacity: 0;
  -webkit-transform: translateY(2rem);
  transform: translateY(2rem);
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}

.fadeUp.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.l-main {
  overflow: hidden;
  width: 100%;
  background-color: #8b5fe6a6;
}

iframe {
  max-width: 100%;
  vertical-align: bottom;
}

.wrap1080 {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .wrap1080 {
    width: 90%;
    max-width: 1080px;
  }
}

.Gradation {
  width: 100%;
  height: auto;
  background: linear-gradient(45deg, #00fcbb, #ee03f4, #def403, #0337f4, #f40303, #f46003);
  -webkit-animation: move_gradation 30s ease infinite;
          animation: move_gradation 30s ease infinite;
  background-size: 1200% 1200%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@-webkit-keyframes move_gradation {
  0% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}
@keyframes move_gradation {
  0% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}

main article .top {
  width: 100%;
  height: auto;
}

.bg-white {
  background-color: #FFFF !important;
}

.bg-gray {
  background-color: #F0F0F0;
}
.bg-gray01 {
  background-color: #F7F7F7;
}

.bg-black {
  background-color: #000000;
}
.bg-black01 {
  background-color: #191919;
}

.bg-none {
  background-color: transparent;
}

.bg-pink {
  background-color: #FFEBED;
}

.bg-colorful {
  background: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
  background: linear-gradient(to right, #E55199, #3C58C7);
}
.bg-colorful02 {
  background: -webkit-gradient(linear, left top, right top, from(#3C58C7), to(#E55199));
  background: linear-gradient(to right, #3C58C7, #E55199);
}

.color-black {
  color: #000000 !important;
}

.color-colorful01 {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.color-colorful02 {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #3C58C7, #E55199);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-OurProject {
  background-image: url(../img/page/bg/top/top_project_bg_sp.jpg);
  background-size: cover;
  background-position: inherit;
  background-repeat: no-repeat;
}
@media screen and (min-width: 64em) {
  .bg-OurProject {
    background-image: url(../img/page/bg/top/top_project_bg_pc.jpg);
  }
}

.bg-OurFund {
  background-image: url(../img/page/bg/top/bg-fund.jpg);
  background-size: cover;
  background-position: inherit;
  background-repeat: no-repeat;
}
@media screen and (min-width: 64em) {
  .bg-OurFund {
    background-image: url(../img/page/bg/top/bg-fund-pc.jpg);
  }
}

.bg-AboutConetnt {
  background-image: url(../img/page/bg/each/bg-about-content.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-AboutConetnt {
    background-image: url(../img/page/bg/each/bg-about-content_pc.jpg);
  }
}

.bg-fund {
  background-image: url(../img/page/bg/top/bg-fund.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-fund {
    background-image: url(../img/page/bg/top/bg-fund-pc.jpg);
  }
}

.bg-project {
  background-image: url(../img/page/bg/each/bg-project_sp.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-project {
    background-image: url(../img/page/bg/each/bg-project_pc.jpg);
  }
}

.bg-event {
  background-image: url(../img/page/bg/each/bg-event_sp.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-event {
    background-image: url(../img/page/bg/each/bg-event_pc.jpg);
  }
}

.bg-member {
  background-image: url(../img/page/bg/each/bg-member_sp.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-member {
    background-image: url(../img/page/bg/each/bg-member_pc.jpg);
  }
}

.bg-blog {
  background-image: url(../img/page/bg/each/bg-blog_sp.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-blog {
    background-image: url(../img/page/bg/each/bg-blog_pc.jpg);
  }
}

.bg-start {
  background-image: url(../img/page/bg/each/company/houjin-fv_1-3_sp.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-start {
    background-image: url(../img/page/bg/each/company/houjin-fv_1-3_pc.jpg);
  }
}
.bg-start-project {
  background-image: url(../img/page/bg/each/company/company_project_bg_sp.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 867px;
}
@media screen and (min-width: 64em) {
  .bg-start-project {
    background-image: url(../img/page/bg/each/company/company_project_bg_pc.jpg);
    height: 2000px;
  }
}

.bg-CONTACT {
  background-image: url(../img/page/bg/each/bg-contact_sp.jpg);
  background-repeat: repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-CONTACT {
    background-image: url(../img/page/bg/each/bg-contact_pc.jpg);
  }
}

.bg-Join {
  background-image: url(../img/page/bg/footer/footer_join-us_bg_sp.jpg);
  background-repeat: repeat;
  background-position: inherit;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .bg-Join {
    background-image: url(../img/page/bg/footer/footer_join-us_bg_pc.jpg);
  }
}

.page-ttl01__bg01 {
  background-image: url(../../assets/img/page/bg/each/bg-about.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 64em) {
  .page-ttl01__bg01 {
    background-image: url(../../assets/img/page/bg/each/bg-about-pc.jpg);
  }
}
.page-ttl01__txtBox {
  padding: 7rem 0 6rem;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #FFF;
}
@media screen and (min-width: 64em) {
  .page-ttl01__txtBox {
    padding: 14rem 0 12rem;
  }
}
.page-ttl01__line {
  position: relative;
  padding: 6rem 0;
}
@media screen and (min-width: 64em) {
  .page-ttl01__line {
    padding: 14.4rem 0 7rem;
  }
}
.page-ttl01__ttl-en {
  font-family: "proxima-nova", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.025em;
  text-align: center;
  margin-bottom: 1rem;
}
@media screen and (min-width: 64em) {
  .page-ttl01__ttl-en {
    font-size: 4.2rem;
  }
}
.page-ttl01__ttl-main {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 64em) {
  .page-ttl01__ttl-main {
    font-size: 1.6rem;
  }
}
.page-ttl02 {
  position: relative;
  margin: auto;
}
.page-ttl02__txtBox {
  padding: 14.5rem 0 6.7rem;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #FFF;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 64em) {
  .page-ttl02__txtBox {
    padding: 18rem 0 13rem;
  }
}
.page-ttl02__ttl-main {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 2rem;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 64em) {
  .page-ttl02__ttl-main {
    font-size: 3.6rem;
    margin-bottom: 4rem;
  }
}
.page-ttl02__category .card05__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-ttl02__address {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  vertical-align: middle;
}

.breadcrumbs-white {
  color: #FFF;
}
.breadcrumbs-manage {
  margin-top: -4rem;
}
.breadcrumbs__list {
  padding: 1.2rem 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  .breadcrumbs__list {
    padding: 1.2rem 3rem;
  }
}
@media screen and (min-width: 64em) {
  .breadcrumbs__list {
    padding: 3.5rem 5.5rem;
  }
}
.breadcrumbs__list02 {
  padding: 1.2rem 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  .breadcrumbs__list02 {
    padding: 1.2rem 3rem;
  }
}
@media screen and (min-width: 64em) {
  .breadcrumbs__list02 {
    padding: 1.5rem 5.5rem;
  }
}
.breadcrumbs__item {
  font-size: 1.2rem;
  padding-right: 0.5rem;
  display: inline;
  vertical-align: middle;
  font-weight: 500;
}
@media screen and (min-width: 64em) {
  .breadcrumbs__item {
    font-size: 1.4rem;
  }
}
.breadcrumbs__item img {
  vertical-align: middle;
}
.breadcrumbs__link {
  color: #000000;
  text-decoration: none;
}
.breadcrumbs-white .breadcrumbs__link {
  color: #FFF;
}
.breadcrumbs__link::after {
  content: "/";
  margin-left: 0.5rem;
}
.breadcrumbs-white .breadcrumbs__ico {
  display: none;
}
.breadcrumbs__ico-white {
  display: none;
}
.breadcrumbs-white .breadcrumbs__ico-white {
  display: inline-block;
}

.ttl-big {
  text-align: center;
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 3.6rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  line-height: 1.5;
}
.ttl-en {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: #FFFF;
  text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000;
}
.ttl-label {
  width: 3rem;
  height: auto;
}
@media screen and (min-width: 64em) {
  .ttl-label {
    width: 5rem;
  }
}

.btn-check a.btn-main {
  margin-bottom: 1rem;
}

.btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-field-up {
  margin-top: -3rem;
}
.btn-main {
  color: #FFFF;
  border: 0.2rem solid #FFFF;
  background-color: transparent;
  padding: 1.7rem 2rem;
  line-height: 1.2;
  margin-right: auto;
  margin-left: auto;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  width: 90%;
  min-width: 29rem;
  max-width: 40rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .btn-main {
    width: 26rem;
    margin: 0 auto;
  }
}
.btn-main.width {
  width: 20rem;
  margin: auto;
}
.btn-main.arrow {
  position: relative;
}
.btn-main.arrow::after {
  content: "";
  width: 2rem;
  height: 0.8rem;
  background-image: url(../img/common/ico-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3.5rem;
  margin: auto 0;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .btn-main.arrow::after {
    right: 3.6rem;
  }
}
.btn-main.arrow-black {
  position: relative;
  margin: 0;
}
.btn-main.arrow-black::after {
  content: "";
  width: 7rem;
  height: 2.8rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3.4rem;
  margin: auto 0;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .btn-main.arrow-black::after {
    right: -4.4rem;
  }
}
.btn-main.arrow-white {
  position: relative;
  margin: 0;
}
.btn-main.arrow-white::after {
  content: "";
  width: 7rem;
  height: 2.8rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3.4rem;
  margin: auto 0;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .btn-main.arrow-white::after {
    right: -4.4rem;
  }
}
.btn-main.arrow-colorful {
  position: relative;
  margin: 0;
}
.btn-main.arrow-colorful::after {
  content: "";
  width: 7rem;
  height: 2.8rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow-colorful.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3.4rem;
  margin: auto 0;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .btn-main.arrow-colorful::after {
    right: -4.4rem;
  }
  .btn-main.arrow-colorful::after:hover {
    right: 4.6rem;
  }
}
.btn-main.arrow-colorful::after:hover {
  right: 2.6rem;
}
.btn-main.arrow-gray {
  position: relative;
}
.btn-main.arrow-gray::after {
  content: "";
  width: 7rem;
  height: 2.8rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow-gray.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3.4rem;
  margin: auto 0;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .btn-main.arrow-gray::after {
    right: -4.4rem;
  }
  .btn-main.arrow-gray::after:hover {
    right: 4.6rem;
  }
}
.btn-main.arrow-gray::after:hover {
  right: 2.6rem;
}
.btn-main.arrow-mini-black {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-main.arrow-mini-black:after {
  content: "";
  width: 3rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow-mini.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1;
  margin-left: 1rem;
}
.btn-main.arrow-mini-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-main.arrow-mini-white:after {
  content: "";
  width: 3rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow-mini-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1;
  margin-left: 1rem;
}
.btn-main.--full {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .btn-main.--full {
    max-width: 26rem;
  }
}
.btn-main.colorful span {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-main.colorful2 span {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #3C58C7, #E55199);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-main.black span {
  color: #000;
  background: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-main.border-colorful {
  border: 0.3rem solid #E55199;
  -o-border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
     border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
  border-image-slice: 1;
}
.btn-main.border-colorful2 {
  border: 0.3rem solid #E55199;
  -o-border-image: linear-gradient(to left, #E55199 0%, #3C58C7 100%);
     border-image: -webkit-gradient(linear, right top, left top, from(#E55199), to(#3C58C7));
     border-image: linear-gradient(to left, #E55199 0%, #3C58C7 100%);
  border-image-slice: 1;
}
.btn-main.border-gray {
  border: 0.3rem solid #ccc;
}
.btn-main.bg-white {
  background: #fff;
}
.btn-main.bg-gray {
  background: #ccc;
}
.btn-main.bg-colorful {
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
}
.btn-main.btn-joinus {
  position: relative;
}
.btn-main.btn-joinus:before {
  content: "";
  width: 9.2rem;
  height: 3rem;
  top: -21px;
  left: 13px;
  position: absolute;
  background: url(../img/icon/arrow/btn/btn-join.svg) no-repeat;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.btn-project {
  margin-right: 3rem !important;
  margin-left: 0 !important;
  border: none;
  position: relative;
}
@media screen and (min-width: 64em) {
  .btn-project {
    font-size: 1.8rem !important;
    min-width: 29rem !important;
    max-width: 40rem;
    margin-right: 0 !important;
  }
}
.btn-fb {
  background-color: #4062A7;
}
.btn-fb:before {
  content: "";
  width: 1.4rem;
  height: 2.7rem;
  top: 12px;
  left: 24px;
  position: absolute;
  background: url(../img/icon/common/sns/ico-fb-wh.svg) no-repeat;
}
.btn-tw {
  background-color: #50ABF1;
}
.btn-tw:before {
  content: "";
  width: 3rem;
  height: 2.5rem;
  top: 14px;
  left: 17px;
  position: absolute;
  background: url(../img/icon/common/sns/ico-twitter-wh.svg) no-repeat;
}
.btn-insta {
  background: #50ABF1;
  background-image: url(../img/common/insta-btn-bg.jpg);
  background-size: cover;
}
.btn-insta:before {
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  top: 12px;
  left: 17px;
  position: absolute;
  background: url(../img/icon/common/sns/ico-insta-wh.svg) no-repeat;
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 22px;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #eceeef;
  border-radius: 10px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 64em) {
  .progress {
    height: 3rem;
    border-radius: 2.5rem;
    font-size: 1.75rem;
  }
}
.progress-bar {
  color: #FFF;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-text-fill-color: transparent;
  height: 22px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
  border-radius: 10px;
}
@media screen and (min-width: 64em) {
  .progress-bar {
    height: 3rem;
    border-radius: 2.5rem;
  }
}
.progress span {
  color: #FFFF !important;
  -webkit-text-fill-color: #FFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 7px;
  height: 22px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
}
@media screen and (min-width: 64em) {
  .progress span {
    height: 3rem;
    font-size: 1.8rem;
    margin-left: 1.5rem;
  }
}

.non-page-ttl {
  padding-top: 0;
}
@media screen and (min-width: 48em) {
  .non-page-ttl {
    padding-top: 7.6rem;
  }
}

.r-inner {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .r-inner {
    max-width: 1092px;
  }
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 48em) {
  .flex-column {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.content-section {
  padding: 4.8rem 0;
}
@media screen and (min-width: 48em) {
  .content-section {
    padding: 8rem 0;
  }
}

.r-ttl02 h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 5rem;
  font-weight: bold;
  letter-spacing: -0.2rem;
  line-height: 1;
  margin: 0.6rem 0 1rem;
}
@media screen and (min-width: 48em) {
  .r-ttl02 h2 {
    font-size: 7.4rem;
  }
}
.r-ttl02__tx {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  .r-ttl02__tx {
    font-size: 1.8rem;
  }
}

.bgTx-ttl {
  text-align: center;
  margin-bottom: 6.5rem;
  position: relative;
  z-index: 1;
}
.bgTx-ttl h2, .bgTx-ttl h3 {
  font-size: 2.4rem;
  background-image: url(../img/page/about/event-tx.svg);
  padding: 1.2rem 0;
  background-position: -1.5rem;
  background-repeat: repeat no-repeat;
}
@media screen and (min-width: 48em) {
  .bgTx-ttl h2, .bgTx-ttl h3 {
    font-size: 2.8rem;
  }
}
.bgTx-ttl p {
  width: 90%;
  text-align: center;
  font-size: 1.6rem;
  margin: 1.2rem auto 0;
  font-family: "a-otf-gothic-bbb-pr6n", sans-serif;
}

.form {
  background: #f7f7f7;
  padding: 3.4rem 5%;
}
.form input[type=text], .form input[type=email], .form input[type=tel] {
  background: #fff;
  border: none;
}
.form textarea {
  background: #fff;
  border: none;
}
.form input[type=checkbox] {
  display: none;
}
.form .wpcf7-list-item {
  margin-left: 0;
}
.form .checkbox label span {
  font-size: 1.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0 30px;
  position: relative;
  width: auto;
}
.form .checkbox label span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: unset;
  border: 1px solid #ccc;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 3px 0 0 0;
}
.form .checkbox label span::after {
  content: "";
  border-right: 3px solid #b653a6;
  border-bottom: 3px solid #b653a6;
  display: block;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 5px;
  left: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
}
.form .wpcf7-form-control-wrap {
  display: block;
}
.form span.wpcf7-list-item {
  position: relative;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  width: 100%;
}
.form span.wpcf7-list-item.first {
  margin: 0 !important;
}
.form .wpcf7-list-item-label {
  color: #333;
  cursor: pointer;
  font-size: 1.5rem;
}
@media screen and (min-width: 64em) {
  .form .wpcf7-list-item-label {
    margin-bottom: 0.5rem;
  }
}
.form input[type=radio] {
  position: absolute;
  opacity: 0;
}
.form .wpcf7-list-item-label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 1px solid #888888;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 14px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.form input[type=radio]:checked + .wpcf7-list-item-label:before {
  background-color: #7592D3;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
}
.form input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.form input[type=submit] {
  width: 90%;
  height: 5.4rem;
  font-size: 1.6rem;
  font-weight: bold;
  border: 0.3rem solid #E55199;
  -o-border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
     border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
  border-image-slice: 1;
  background: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
  background: linear-gradient(to right, #E55199, #3C58C7);
}
.form input[type=submit]:disabled {
  color: #9c9c9c;
  border: 1px solid #9c9c9c;
  background: #eee;
}
.form__submit {
  position: relative;
}
.form__submit:after {
  content: "";
  width: 7rem;
  height: 2.8rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -32px;
  bottom: 0;
  right: 0rem;
  margin: auto;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  .form__submit {
    max-width: 29rem;
    margin: 5rem auto 2rem;
  }
}
.form .form__list-wrap {
  margin-bottom: 5rem;
}
.form .form__list-wrap .form__list {
  margin-bottom: 3rem;
}
.form .form__list-wrap .form__list h5 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1.3rem;
  padding-left: 0.5rem;
  border-left: 6px solid;
  -o-border-image: linear-gradient(to top, #3C58C7 0%, #E55199 100%);
     border-image: -webkit-gradient(linear, left bottom, left top, from(#3C58C7), to(#E55199));
     border-image: linear-gradient(to top, #3C58C7 0%, #E55199 100%);
  border-image-slice: 1;
}
.form .form__list-wrap .form__list-name h5 {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 2rem;
  padding: 0.6rem;
  border: 1px solid #000;
}
@media screen and (min-width: 48em) {
  .form .form__list-wrap .form__list-name h5 {
    padding: 1.2rem;
  }
}
.form .form__list-wrap .form__list-creator {
  margin-bottom: 2.5rem;
}
.form .form__list-wrap .form__list-creator .form__list {
  margin-bottom: 0.5rem;
}
.form .form__list-wrap .form__list-creator .checkbox label span::before {
  top: 2.5px;
}
.form .form__list-wrap .form__list-creator .checkbox label span::after {
  top: 8px;
}
.form .acceptance {
  margin-bottom: 2.5rem;
}
.form .acceptance .form__list {
  margin-bottom: 1rem;
}
.form .acceptance .form__list label span {
  font-size: 1.6rem;
  line-height: 1.4;
}

.page-navigation {
  width: 100%;
  margin: 0 auto;
}
.page-navigation .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-navigation .wp-pagenavi ul.pagination {
  width: 75%;
  max-width: 23.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (min-width: 48em) {
  .page-navigation .wp-pagenavi ul.pagination {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.page-navigation .wp-pagenavi ul.pagination .pages {
  display: none;
}
.page-navigation .wp-pagenavi ul.pagination span.current {
  font-size: 2rem;
  font-family: "proxima-nova", sans-serif;
  text-align: center;
  line-height: 1;
  width: 100%;
  padding: 14px;
  border: 0.3rem solid #E55199;
  -o-border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
     border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
  border-image-slice: 1;
}
@media screen and (min-width: 48em) {
  .page-navigation .wp-pagenavi ul.pagination span.current {
    font-size: 2rem;
    width: 56px;
    height: 56px;
    margin: 0 10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page-navigation .wp-pagenavi ul.pagination span.current:before {
  content: "PAGE ";
}
@media screen and (min-width: 48em) {
  .page-navigation .wp-pagenavi ul.pagination span.current:before {
    content: "";
  }
}
.page-navigation .wp-pagenavi ul.pagination .larger, .page-navigation .wp-pagenavi ul.pagination .smaller {
  display: none;
}
@media screen and (min-width: 48em) {
  .page-navigation .wp-pagenavi ul.pagination .larger, .page-navigation .wp-pagenavi ul.pagination .smaller {
    font-size: 2rem;
    font-family: "proxima-nova", sans-serif;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 56px;
    height: 56px;
    margin: 0 10px;
    padding: 0;
    background: #191919;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page-navigation .wp-pagenavi ul.pagination a.nextpostslink, .page-navigation .wp-pagenavi ul.pagination a.previouspostslink {
  width: 3.2rem;
  height: 3.2rem;
  white-space: nowrap;
  text-indent: -9999px;
  border: none;
  border-radius: 50%;
  background: #fffa7c;
  -webkit-box-shadow: 0 0 0 0 #fffa7c;
          box-shadow: 0 0 0 0 #fffa7c;
  -webkit-transition: 0.6s all cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s all cubic-bezier(0.19, 1, 0.22, 1);
  position: absolute;
  margin-top: 0px;
}
@media screen and (min-width: 48em) {
  .page-navigation .wp-pagenavi ul.pagination a.nextpostslink, .page-navigation .wp-pagenavi ul.pagination a.previouspostslink {
    width: 5.6rem;
    height: 5.6rem;
    position: relative;
  }
}
.page-navigation .wp-pagenavi ul.pagination a.nextpostslink:hover, .page-navigation .wp-pagenavi ul.pagination a.previouspostslink:hover {
  -webkit-box-shadow: 0 0 0 0.375em #fff889;
          box-shadow: 0 0 0 0.375em #fff889;
}
.page-navigation .wp-pagenavi ul.pagination a.nextpostslink:before, .page-navigation .wp-pagenavi ul.pagination a.previouspostslink:before {
  content: "";
  width: 5rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  bottom: 0;
  margin: -1.6rem auto 0;
}
@media screen and (min-width: 48em) {
  .page-navigation .wp-pagenavi ul.pagination a.nextpostslink:before, .page-navigation .wp-pagenavi ul.pagination a.previouspostslink:before {
    margin: -2.5rem auto 0;
  }
}
.page-navigation .wp-pagenavi ul.pagination a.nextpostslink {
  right: -4.5rem;
}
.page-navigation .wp-pagenavi ul.pagination a.nextpostslink:before {
  right: 11px;
}
@media screen and (min-width: 48em) {
  .page-navigation .wp-pagenavi ul.pagination a.nextpostslink {
    margin-left: -42px;
  }
  .page-navigation .wp-pagenavi ul.pagination a.nextpostslink:before {
    right: 25px;
  }
}
.page-navigation .wp-pagenavi ul.pagination a.previouspostslink {
  left: -4.5rem;
}
.page-navigation .wp-pagenavi ul.pagination a.previouspostslink:before {
  left: 12px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (min-width: 48em) {
  .page-navigation .wp-pagenavi ul.pagination a.previouspostslink {
    margin-right: -42px;
  }
  .page-navigation .wp-pagenavi ul.pagination a.previouspostslink:before {
    left: 25px;
  }
}

.project-slider {
  margin: 0 auto 4rem;
}
@media screen and (min-width: 48em) {
  .project-slider {
    max-width: 1092px;
  }
}
.project-slider .slick-list .slick-track {
  padding-top: 4rem;
}

.event-slider {
  margin: 0 auto 4rem;
}
@media screen and (min-width: 48em) {
  .event-slider {
    max-width: 1092px;
  }
}
.event-slider .slick-list .slick-track {
  padding-top: 4rem;
}
.event-slider .slick-list .slick-slide {
  margin: 0 1rem;
}
@media screen and (min-width: 48em) {
  .event-slider .slick-list .slick-slide {
    margin-right: 1rem;
  }
}
.event-slider .slick-list .slick-slide img {
  width: 100%;
}
.event-slider .slick-list .slick-slide .card-meet {
  margin-bottom: 0;
}

.blog-slider {
  margin: 0 auto 4rem;
}
@media screen and (min-width: 48em) {
  .blog-slider {
    max-width: 1092px;
  }
}
.blog-slider .slick-list .slick-track {
  padding: 2rem 0 1rem;
}
.blog-slider .slick-list .slick-slide {
  margin: 0 1rem;
}

.project-slider {
  margin-left: 1rem;
}
.project-slider .slick-list {
  padding: 0 10% 0 0 !important;
}
@media screen and (min-width: 48em) {
  .project-slider .slick-list {
    padding: 0 !important;
  }
}
@media screen and (min-width: 48em) {
  .project-slider .slick-list .slick-track {
    margin-left: 0;
  }
}
.project-slider .slick-slide {
  margin: 0 1rem;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

.text-justify {
  text-align: justify !important;
}

.text-400 {
  font-weight: 400;
}

.text-500 {
  font-weight: 500;
}

.text-600 {
  font-weight: 600;
}

.text-700 {
  font-weight: 700;
}

.text-900 {
  font-weight: 900;
}

.text-16 {
  font-size: 1.6rem;
}

.w100 {
  width: 100%;
}

.w-3 {
  width: 3rem;
}

.m-0 {
  margin: 0rem !important;
}
.mb-0 {
  margin-bottom: 0rem !important;
}
.mt-0 {
  margin-top: 0rem !important;
}
.ml-0 {
  margin-left: 0rem !important;
}
.mr-0 {
  margin-right: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}
.pb-0 {
  padding-bottom: 0rem !important;
}
.pt-0 {
  padding-top: 0rem !important;
}
.pl-0 {
  padding-left: 0rem !important;
}
.pr-0 {
  padding-right: 0rem !important;
}

.m-1 {
  margin: 1rem !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}
.mt-1 {
  margin-top: 1rem !important;
}
.ml-1 {
  margin-left: 1rem !important;
}
.mr-1 {
  margin-right: 1rem !important;
}

.p-1 {
  padding: 1rem !important;
}
.pb-1 {
  padding-bottom: 1rem !important;
}
.pt-1 {
  padding-top: 1rem !important;
}
.pl-1 {
  padding-left: 1rem !important;
}
.pr-1 {
  padding-right: 1rem !important;
}

.m-2 {
  margin: 2rem !important;
}
.mb-2 {
  margin-bottom: 2rem !important;
}
.mt-2 {
  margin-top: 2rem !important;
}
.ml-2 {
  margin-left: 2rem !important;
}
.mr-2 {
  margin-right: 2rem !important;
}

.p-2 {
  padding: 2rem !important;
}
.pb-2 {
  padding-bottom: 2rem !important;
}
.pt-2 {
  padding-top: 2rem !important;
}
.pl-2 {
  padding-left: 2rem !important;
}
.pr-2 {
  padding-right: 2rem !important;
}

.m-3 {
  margin: 3rem !important;
}
.mb-3 {
  margin-bottom: 3rem !important;
}
.mt-3 {
  margin-top: 3rem !important;
}
.ml-3 {
  margin-left: 3rem !important;
}
.mr-3 {
  margin-right: 3rem !important;
}

.p-3 {
  padding: 3rem !important;
}
.pb-3 {
  padding-bottom: 3rem !important;
}
.pt-3 {
  padding-top: 3rem !important;
}
.pl-3 {
  padding-left: 3rem !important;
}
.pr-3 {
  padding-right: 3rem !important;
}

.m-4 {
  margin: 4rem !important;
}
.mb-4 {
  margin-bottom: 4rem !important;
}
.mt-4 {
  margin-top: 4rem !important;
}
.ml-4 {
  margin-left: 4rem !important;
}
.mr-4 {
  margin-right: 4rem !important;
}

.p-4 {
  padding: 4rem !important;
}
.pb-4 {
  padding-bottom: 4rem !important;
}
.pt-4 {
  padding-top: 4rem !important;
}
.pl-4 {
  padding-left: 4rem !important;
}
.pr-4 {
  padding-right: 4rem !important;
}

.m-5 {
  margin: 5rem !important;
}
.mb-5 {
  margin-bottom: 5rem !important;
}
.mt-5 {
  margin-top: 5rem !important;
}
.ml-5 {
  margin-left: 5rem !important;
}
.mr-5 {
  margin-right: 5rem !important;
}

.p-5 {
  padding: 5rem !important;
}
.pb-5 {
  padding-bottom: 5rem !important;
}
.pt-5 {
  padding-top: 5rem !important;
}
.pl-5 {
  padding-left: 5rem !important;
}
.pr-5 {
  padding-right: 5rem !important;
}

.m-6 {
  margin: 6rem !important;
}
.mb-6 {
  margin-bottom: 6rem !important;
}
.mt-6 {
  margin-top: 6rem !important;
}
.ml-6 {
  margin-left: 6rem !important;
}
.mr-6 {
  margin-right: 6rem !important;
}

.p-6 {
  padding: 6rem !important;
}
.pb-6 {
  padding-bottom: 6rem !important;
}
.pt-6 {
  padding-top: 6rem !important;
}
.pl-6 {
  padding-left: 6rem !important;
}
.pr-6 {
  padding-right: 6rem !important;
}

.m-7 {
  margin: 7rem !important;
}
.mb-7 {
  margin-bottom: 7rem !important;
}
.mt-7 {
  margin-top: 7rem !important;
}
.ml-7 {
  margin-left: 7rem !important;
}
.mr-7 {
  margin-right: 7rem !important;
}

.p-7 {
  padding: 7rem !important;
}
.pb-7 {
  padding-bottom: 7rem !important;
}
.pt-7 {
  padding-top: 7rem !important;
}
.pl-7 {
  padding-left: 7rem !important;
}
.pr-7 {
  padding-right: 7rem !important;
}

.m-8 {
  margin: 8rem !important;
}
.mb-8 {
  margin-bottom: 8rem !important;
}
.mt-8 {
  margin-top: 8rem !important;
}
.ml-8 {
  margin-left: 8rem !important;
}
.mr-8 {
  margin-right: 8rem !important;
}

.p-8 {
  padding: 8rem !important;
}
.pb-8 {
  padding-bottom: 8rem !important;
}
.pt-8 {
  padding-top: 8rem !important;
}
.pl-8 {
  padding-left: 8rem !important;
}
.pr-8 {
  padding-right: 8rem !important;
}

.m-9 {
  margin: 9rem !important;
}
.mb-9 {
  margin-bottom: 9rem !important;
}
.mt-9 {
  margin-top: 9rem !important;
}
.ml-9 {
  margin-left: 9rem !important;
}
.mr-9 {
  margin-right: 9rem !important;
}

.p-9 {
  padding: 9rem !important;
}
.pb-9 {
  padding-bottom: 9rem !important;
}
.pt-9 {
  padding-top: 9rem !important;
}
.pl-9 {
  padding-left: 9rem !important;
}
.pr-9 {
  padding-right: 9rem !important;
}

.m-10 {
  margin: 10rem !important;
}
.mb-10 {
  margin-bottom: 10rem !important;
}
.mt-10 {
  margin-top: 10rem !important;
}
.ml-10 {
  margin-left: 10rem !important;
}
.mr-10 {
  margin-right: 10rem !important;
}

.p-10 {
  padding: 10rem !important;
}
.pb-10 {
  padding-bottom: 10rem !important;
}
.pt-10 {
  padding-top: 10rem !important;
}
.pl-10 {
  padding-left: 10rem !important;
}
.pr-10 {
  padding-right: 10rem !important;
}

@media screen and (min-width: 64em) {
  .pc-m-0 {
    margin: 0rem !important;
  }
  .pc-mb-0 {
    margin-bottom: 0rem !important;
  }
  .pc-mt-0 {
    margin-top: 0rem !important;
  }
  .pc-ml-0 {
    margin-left: 0rem !important;
  }
  .pc-mr-0 {
    margin-right: 0rem !important;
  }

  .pc-p-0 {
    padding: 0rem !important;
  }
  .pc-pb-0 {
    padding-bottom: 0rem !important;
  }
  .pc-pt-0 {
    padding-top: 0rem !important;
  }
  .pc-pl-0 {
    padding-left: 0rem !important;
  }
  .pc-pr-0 {
    padding-right: 0rem !important;
  }

  .pc-m-1 {
    margin: 1rem !important;
  }
  .pc-mb-1 {
    margin-bottom: 1rem !important;
  }
  .pc-mt-1 {
    margin-top: 1rem !important;
  }
  .pc-ml-1 {
    margin-left: 1rem !important;
  }
  .pc-mr-1 {
    margin-right: 1rem !important;
  }

  .pc-p-1 {
    padding: 1rem !important;
  }
  .pc-pb-1 {
    padding-bottom: 1rem !important;
  }
  .pc-pt-1 {
    padding-top: 1rem !important;
  }
  .pc-pl-1 {
    padding-left: 1rem !important;
  }
  .pc-pr-1 {
    padding-right: 1rem !important;
  }

  .pc-m-2 {
    margin: 2rem !important;
  }
  .pc-mb-2 {
    margin-bottom: 2rem !important;
  }
  .pc-mt-2 {
    margin-top: 2rem !important;
  }
  .pc-ml-2 {
    margin-left: 2rem !important;
  }
  .pc-mr-2 {
    margin-right: 2rem !important;
  }

  .pc-p-2 {
    padding: 2rem !important;
  }
  .pc-pb-2 {
    padding-bottom: 2rem !important;
  }
  .pc-pt-2 {
    padding-top: 2rem !important;
  }
  .pc-pl-2 {
    padding-left: 2rem !important;
  }
  .pc-pr-2 {
    padding-right: 2rem !important;
  }

  .pc-m-3 {
    margin: 3rem !important;
  }
  .pc-mb-3 {
    margin-bottom: 3rem !important;
  }
  .pc-mt-3 {
    margin-top: 3rem !important;
  }
  .pc-ml-3 {
    margin-left: 3rem !important;
  }
  .pc-mr-3 {
    margin-right: 3rem !important;
  }

  .pc-p-3 {
    padding: 3rem !important;
  }
  .pc-pb-3 {
    padding-bottom: 3rem !important;
  }
  .pc-pt-3 {
    padding-top: 3rem !important;
  }
  .pc-pl-3 {
    padding-left: 3rem !important;
  }
  .pc-pr-3 {
    padding-right: 3rem !important;
  }

  .pc-m-4 {
    margin: 4rem !important;
  }
  .pc-mb-4 {
    margin-bottom: 4rem !important;
  }
  .pc-mt-4 {
    margin-top: 4rem !important;
  }
  .pc-ml-4 {
    margin-left: 4rem !important;
  }
  .pc-mr-4 {
    margin-right: 4rem !important;
  }

  .pc-p-4 {
    padding: 4rem !important;
  }
  .pc-pb-4 {
    padding-bottom: 4rem !important;
  }
  .pc-pt-4 {
    padding-top: 4rem !important;
  }
  .pc-pl-4 {
    padding-left: 4rem !important;
  }
  .pc-pr-4 {
    padding-right: 4rem !important;
  }

  .pc-m-5 {
    margin: 5rem !important;
  }
  .pc-mb-5 {
    margin-bottom: 5rem !important;
  }
  .pc-mt-5 {
    margin-top: 5rem !important;
  }
  .pc-ml-5 {
    margin-left: 5rem !important;
  }
  .pc-mr-5 {
    margin-right: 5rem !important;
  }

  .pc-p-5 {
    padding: 5rem !important;
  }
  .pc-pb-5 {
    padding-bottom: 5rem !important;
  }
  .pc-pt-5 {
    padding-top: 5rem !important;
  }
  .pc-pl-5 {
    padding-left: 5rem !important;
  }
  .pc-pr-5 {
    padding-right: 5rem !important;
  }

  .pc-m-6 {
    margin: 6rem !important;
  }
  .pc-mb-6 {
    margin-bottom: 6rem !important;
  }
  .pc-mt-6 {
    margin-top: 6rem !important;
  }
  .pc-ml-6 {
    margin-left: 6rem !important;
  }
  .pc-mr-6 {
    margin-right: 6rem !important;
  }

  .pc-p-6 {
    padding: 6rem !important;
  }
  .pc-pb-6 {
    padding-bottom: 6rem !important;
  }
  .pc-pt-6 {
    padding-top: 6rem !important;
  }
  .pc-pl-6 {
    padding-left: 6rem !important;
  }
  .pc-pr-6 {
    padding-right: 6rem !important;
  }

  .pc-m-7 {
    margin: 7rem !important;
  }
  .pc-mb-7 {
    margin-bottom: 7rem !important;
  }
  .pc-mt-7 {
    margin-top: 7rem !important;
  }
  .pc-ml-7 {
    margin-left: 7rem !important;
  }
  .pc-mr-7 {
    margin-right: 7rem !important;
  }

  .pc-p-7 {
    padding: 7rem !important;
  }
  .pc-pb-7 {
    padding-bottom: 7rem !important;
  }
  .pc-pt-7 {
    padding-top: 7rem !important;
  }
  .pc-pl-7 {
    padding-left: 7rem !important;
  }
  .pc-pr-7 {
    padding-right: 7rem !important;
  }

  .pc-m-8 {
    margin: 8rem !important;
  }
  .pc-mb-8 {
    margin-bottom: 8rem !important;
  }
  .pc-mt-8 {
    margin-top: 8rem !important;
  }
  .pc-ml-8 {
    margin-left: 8rem !important;
  }
  .pc-mr-8 {
    margin-right: 8rem !important;
  }

  .pc-p-8 {
    padding: 8rem !important;
  }
  .pc-pb-8 {
    padding-bottom: 8rem !important;
  }
  .pc-pt-8 {
    padding-top: 8rem !important;
  }
  .pc-pl-8 {
    padding-left: 8rem !important;
  }
  .pc-pr-8 {
    padding-right: 8rem !important;
  }

  .pc-m-9 {
    margin: 9rem !important;
  }
  .pc-mb-9 {
    margin-bottom: 9rem !important;
  }
  .pc-mt-9 {
    margin-top: 9rem !important;
  }
  .pc-ml-9 {
    margin-left: 9rem !important;
  }
  .pc-mr-9 {
    margin-right: 9rem !important;
  }

  .pc-p-9 {
    padding: 9rem !important;
  }
  .pc-pb-9 {
    padding-bottom: 9rem !important;
  }
  .pc-pt-9 {
    padding-top: 9rem !important;
  }
  .pc-pl-9 {
    padding-left: 9rem !important;
  }
  .pc-pr-9 {
    padding-right: 9rem !important;
  }

  .pc-m-10 {
    margin: 10rem !important;
  }
  .pc-mb-10 {
    margin-bottom: 10rem !important;
  }
  .pc-mt-10 {
    margin-top: 10rem !important;
  }
  .pc-ml-10 {
    margin-left: 10rem !important;
  }
  .pc-mr-10 {
    margin-right: 10rem !important;
  }

  .pc-p-10 {
    padding: 10rem !important;
  }
  .pc-pb-10 {
    padding-bottom: 10rem !important;
  }
  .pc-pt-10 {
    padding-top: 10rem !important;
  }
  .pc-pl-10 {
    padding-left: 10rem !important;
  }
  .pc-pr-10 {
    padding-right: 10rem !important;
  }
}
.my-auto {
  margin-right: auto;
  margin-left: auto;
}

.lh-1 {
  line-height: 1;
}

.lh-2 {
  line-height: 2;
}

.l-header {
  position: fixed;
  z-index: 9999;
  width: 100%;
}

.header__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  z-index: 9999;
  width: 100%;
  height: 6.7rem;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background-color: #000000;
}
@media screen and (min-width: 64em) {
  .header__head {
    height: 7.6rem;
  }
  .header-default .header__head {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  }
}
.header__logo {
  padding: 1.4rem 0.5rem 0;
  position: relative;
  z-index: 9999;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 64em) {
  .header__logo {
    padding: 1.8rem 1rem 0.5rem 4rem;
    width: 15%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}
.header__logo img.header__img {
  width: 100%;
  max-width: 22rem;
  max-height: 5rem;
}
@media screen and (min-width: 64em) {
  .header__logo img.header__img {
    max-height: 8rem;
    width: 30rem;
  }
  .header-default .header__logo img.header__img {
    max-width: 25rem;
  }
}
@media screen and (min-width: 80em) {
  .header__logo img.header__img {
    max-height: 7rem;
    width: auto;
  }
  .header-default .header__logo img.header__img {
    max-height: 5rem;
  }
}
.header__img {
  max-height: 100%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.header__img.top {
  display: block;
}
.header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 9999;
}
.header__gnav {
  display: none;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 64em) {
  .header__gnav {
    position: relative;
    display: block;
    padding: 0 2rem;
    background-color: #000000;
  }
}
@media screen and (min-width: 80em) {
  .header__gnav {
    padding: 0 2.8rem;
  }
}
.header__gnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 7.6rem;
}
.header__gnav__item {
  margin-right: 1.5rem;
}
@media screen and (min-width: 64em) {
  .header__gnav__item {
    -webkit-transform: skewX(160deg);
    transform: skewX(160deg);
    border-right: 0.5px solid #FFFF;
    padding-right: 1rem;
  }
  .header__gnav__item:first-child {
    padding-left: 1rem;
    border-left: 0.5px solid #FFFF;
  }
  .header__gnav__item:last-child {
    border-right: none;
  }
}
.header__gnav__item:last-child {
  margin-right: 0;
}
.header__gnav__link {
  color: #FFF;
  font-size: 1.4rem;
  display: inline-block;
  font-weight: 700;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  line-height: 2;
}
@media screen and (min-width: 64em) {
  .header__gnav__link {
    font-size: 1.6rem;
    padding: 0rem 1rem;
    -webkit-transform: skewX(-160deg);
            transform: skewX(-160deg);
    padding: 0 10px;
  }
}
.header__btn {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 7rem;
  height: 6.7rem;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 64em) {
  .header__btn {
    width: auto;
    height: 7.6rem;
    background-color: #000000;
  }
  .header-default .header__btn, .header-default-open .header__btn {
    background-color: #FFF;
  }
}
.header__btnBox {
  margin: 0 auto;
  padding-top: 0.25rem;
}
@media screen and (min-width: 64em) {
  .header__btnLink {
    padding: 0 2.5rem;
    position: relative;
  }
  .header__btnLink::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0.1rem;
    height: 50%;
    background-color: #FFF;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .header-default .header__btnLink::before, .header-default-open .header__btnLink::before {
    background-color: #000000;
  }
}
@media screen and (min-width: 64em) {
  .header__btnLink__link {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.header__btnLink__ico {
  margin: 0 auto;
  display: block;
  height: auto;
}
@media screen and (min-width: 64em) {
  .header__btnLink__ico {
    margin-right: 0.8rem;
  }
}
.header__btnHumburger {
  background-color: transparent;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  cursor: pointer;
}
@media screen and (min-width: 64em) {
  .header__btnHumburger {
    width: 7rem;
    background-color: #FFF;
  }
}
.header__hnav.active::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 9997;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.header__hnav__open {
  position: absolute;
  height: calc(100% - 60px);
  top: 6rem;
  right: -100%;
  color: #FFF;
  width: 100%;
  min-height: 100vh;
  z-index: 9999;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 64em) {
  .header__hnav__open {
    width: auto;
    top: 7.6rem;
    right: -45.5rem;
    height: calc(100% - 76px);
  }
}
.active .header__hnav__open {
  right: 0;
}
.header__hnav__wrapper {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: auto;
  background-color: #F4F4F4;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 64em) {
  .header__hnav__wrapper {
    background-color: #FFF;
  }
}
.header__hnav__navBlack {
  background-color: #FFFF;
  padding: 0.4rem 0;
}
.header__hnav__navBlack__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.header__hnav__navBlack__item:last-child {
  border: none;
}
.header__hnav__navBlack__link {
  color: #000000;
  display: block;
  padding: 2rem 3rem 2rem 5.5rem;
  font-weight: 700;
  font-size: 1.4rem;
  position: relative;
  line-height: 1;
}
@media screen and (min-width: 25.875em) {
  .header__hnav__navBlack__link {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 36em) {
  .header__hnav__navBlack__link {
    font-size: 2.2rem;
  }
}
@media screen and (max-height: 680px) {
  .header__hnav__navBlack__link {
    padding: 1.85rem 3rem 1.85rem 5.6rem;
  }
}
.header__hnav__navBlack__link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.2rem;
  width: 1.2rem;
  height: 1.9rem;
  margin: auto 0;
  background-image: url(../../assets/img/icon/common/icon-header.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.header__hnav__navWhite {
  padding: 2rem 1.3rem;
}
@media screen and (max-height: 680px) {
  .header__hnav__navWhite {
    padding: 1rem 1.3rem;
  }
}
.header__hnav__navWhite__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.header__hnav__navWhite__item {
  width: 50%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.header__hnav__navWhite__item:nth-child(odd) {
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.header__hnav__navWhite__item:nth-last-child(2), .header__hnav__navWhite__item:last-child {
  border-bottom: none;
}
.header__hnav__navWhite__link {
  color: #000000;
  display: block;
  padding: 2rem 1.5rem;
  font-weight: 700;
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 0.025rem;
  line-height: 1;
}
@media screen and (min-width: 36em) {
  .header__hnav__navWhite__link {
    font-size: 1.4rem;
  }
}
@media screen and (max-height: 680px) {
  .header__hnav__navWhite__link {
    font-size: 1.3rem;
    padding: 1.45rem 1.5rem;
  }
}
.header__hnav__navBtn {
  padding: 1rem 1.4rem;
  text-align: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@media screen and (min-width: 64em) {
  .header__hnav__navBtn {
    min-width: 37.5rem;
    padding: 3.7rem 4rem;
  }
}
.header__hnav__navBtn__entry {
  margin-top: 1rem !important;
  min-width: 18rem !important;
  width: 22rem !important;
  margin: 0rem auto !important;
}
@media screen and (min-width: 64em) {
  .header__hnav__navBtn__entry {
    width: 26rem !important;
  }
}
.header__hnav__navBtn__entry__item {
  display: inline-block;
  width: 3.1rem;
  margin: 1rem 1.3rem;
}
@media screen and (min-width: 48em) {
  .header__hnav__navBtn__entry__item {
    width: 4rem;
  }
}
.header__subNav {
  background-color: #FFF;
  padding: 1rem 0.5rem;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
  -webkit-box-shadow: 0px 0.5px 10px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0.5px 10px 0px rgba(0, 0, 0, 0.16);
}
.header__subNav.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (min-width: 64em) {
  .header__subNav {
    display: none;
  }
}
.header__subNav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.header__subNav__item {
  position: relative;
  text-align: center;
  padding: 0.2rem 1.9rem;
}
@media screen and (min-width: 25.875em) {
  .header__subNav__item {
    width: 33.3333333333%;
  }
}
.header__subNav__item::after {
  content: "";
  width: 0.2rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.header__subNav__item:last-child::after {
  content: none;
}
.header__subNav__link {
  color: #000000;
  font-size: 1.2rem;
  display: block;
  letter-spacing: 0.025rem;
  line-height: 1;
  font-weight: 500;
}
@media screen and (min-width: 36em) {
  .header__subNav__link {
    font-size: 1.3rem;
  }
}
.header__gnav__child {
  position: relative;
}
.header__gnav__child:hover .header__gnav__child__item {
  top: 14px;
  left: 25px;
  visibility: visible;
  opacity: 1;
}
.header__gnav__child__item {
  position: absolute;
  top: 50px;
  left: 38px;
  width: 200px;
  padding-top: 40px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transform: skewX(-160deg);
          transform: skewX(-160deg);
}
.header__gnav__child__item ul {
  background: #fff;
  width: 200px;
  padding: 8px 16px;
}
.header__gnav__child__item li {
  border-bottom: 1px solid #000;
}
.header__gnav__child__item li:last-child {
  border: none;
}
.header__gnav__child__item li a {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 8px 0;
  display: block;
}

@media screen and (max-width: 63.9375em) {
  .header-spDefault + * {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 63.9375em) {
  .header-spDefault .header .header__head {
    -webkit-box-shadow: 0px 0.5px 10px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0.5px 10px 0px rgba(0, 0, 0, 0.16);
  }
  .header-spDefault .header .header__head.header-default {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .header-spDefault .header .header__img.default {
    display: block;
  }
  .header-spDefault .header .header__img.top {
    display: none;
  }
  .header-spDefault .header .header__btnHumburger {
    background-color: #000000;
  }
  .header-spDefault .header .header__btnLink {
    background-color: #DBDBDB;
  }
  .header-spDefault .header .header__btnEn-01 {
    color: #000000;
  }
}

@media screen and (min-width: 64em) {
  .header-pcDefault + * {
    padding-top: 9.5rem;
  }
}
@media screen and (min-width: 64em) {
  .header-pcDefault .header .header__img.default {
    display: block;
  }
  .header-pcDefault .header .header__img.top {
    display: none;
  }
  .header-pcDefault .header .header__gnav {
    background-color: #FFF;
  }
  .header-pcDefault .header .header__gnav__link {
    color: #000000;
  }
  .header-pcDefault .header .header__btnEn-01 {
    color: #000000;
  }
  .header-pcDefault .header .header__btnEn-02 {
    color: #FFF;
  }
  .header-pcDefault .header .header__btnLink {
    background-color: #FFF;
  }
  .header-pcDefault .header .header__btnLink::before {
    background-color: #000000;
  }
  .header-pcDefault .header .header__btnHumburger {
    background-color: #000000;
  }
  .header-pcDefault .header .navBar__line {
    background-color: #FFF;
  }
}

.header .toggle {
  display: none;
}
.header .option {
  position: relative;
}
.header .title, .header .content {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .title {
  padding: 1em;
  display: block;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
  background-color: #FFFF;
  padding: 2rem 3rem 2rem 5.5rem;
}
@media screen and (min-width: 25.875em) {
  .header .title {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 36em) {
  .header .title {
    font-size: 2.2rem;
  }
}
.header .title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  left: 3.2rem;
  width: 1.2rem;
  height: 1.9rem;
  margin: auto 0;
  background-image: url(../../assets/img/icon/common/icon-header.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.header .title::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../assets/img/icon/common/plus.svg);
}
.header .content {
  max-height: 0;
  overflow: hidden;
}
.header .content ul {
  padding: 10px 30px;
  border-top: 1px solid #eee;
  background: #161616;
}
.header .content ul li {
  border-bottom: 1px solid #eee;
}
.header .content ul li:last-child {
  border: none;
}
.header .content ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 0;
  line-height: 1.5;
  display: block;
}
.header .toggle:checked + .title + .content {
  max-height: 500px;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}
.header .toggle:checked + .title::after {
  background-image: url(../../assets/img/icon/common/minus.svg);
}

.l-wrapper {
  margin-left: 10.666vw;
  margin-right: 10.666vw;
  max-width: 100rem;
}
@media screen and (min-width: 64em) {
  .l-wrapper {
    width: 73.2%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 64em) {
  .l-wrapper.wrapper01 {
    max-width: 53.6rem;
  }
}
@media screen and (min-width: 64em) {
  .l-wrapper.wrapper02 {
    max-width: 64.6rem;
  }
}

.l-inner {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.l-inner.pc-w100 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 64em) {
  .l-inner.pc-w100 {
    width: 100%;
  }
}
.l-inner.sp-w100 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .l-inner.sp-w100 {
    width: 90%;
  }
}
.l-inner-sp {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 64em) {
  .l-inner-sp {
    width: 100%;
  }
}
.l-inner01 {
  max-width: 112rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 64em) {
  .l-inner01 {
    width: 90%;
  }
}
.l-inner02 {
  max-width: 87.6rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 64em) {
  .l-inner02 {
    width: 90%;
  }
}

.section01 {
  padding-top: 7rem;
}
@media screen and (min-width: 64em) {
  .section01 {
    padding-top: 12rem;
  }
}
.section02 {
  padding-top: 7rem;
  padding-bottom: 3.5rem;
}
@media screen and (min-width: 64em) {
  .section02 {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }
}

@media screen and (min-width: 64em) {
  .mt-lg01 {
    margin-top: 22rem;
  }
}

.box-shadow {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.footer {
  padding-top: 4rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 48em) {
  .footer {
    padding-bottom: 0rem;
  }
}
.footer-contact {
  background-color: #FFF;
  border-radius: 0.5rem;
}
.footer-contact__ttl {
  background-color: #F0F0F0;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
.footer-contact__ttlEn {
  font-size: 1.9rem;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.footer-contact__contents {
  padding: 0 1.5rem 1.5rem;
}
@media screen and (min-width: 64em) {
  .footer-contact__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6.5rem;
  }
}
.footer-contact__item {
  border-bottom: 2px solid #000000;
  text-align: center;
  padding: 2.5rem;
}
@media screen and (min-width: 64em) {
  .footer-contact__item {
    border-right: 2px solid #000000;
    border-bottom: none;
    width: 50%;
    padding: 0 2.5rem;
  }
}
.footer-contact__item:last-child {
  border: none;
}
.footer-contact__type {
  margin-bottom: 1.5rem;
  font-weight: 500;
}
.footer-contact__txt {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 1rem;
  font-weight: 500;
}
.footer-contact__tel {
  text-align: center;
  font-size: 2.8rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: 1.1;
}
.footer-contact__tel a {
  color: #000000;
}
@media screen and (min-width: 64em) {
  .footer-contact__tel {
    font-size: 3.2rem;
  }
}
.footer-contact__btn {
  min-width: 24.6rem;
}
.footer-nav__list {
  text-align: center;
  margin: 1rem auto 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer-nav__item {
  display: block;
  padding: 0 1.5rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .footer-nav__item {
    padding: 0 1.5rem;
  }
}
.footer-nav__item::after {
  content: "";
  width: 0.1rem;
  height: 1em;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  position: absolute;
  background-color: #FFF;
}
.footer-nav__item:last-child::after {
  content: none;
}
.footer-nav__link {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  display: block;
}
.footer-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.5rem 0 4rem;
  margin-top: 5rem;
}
@media screen and (min-width: 64em) {
  .footer-copyright {
    margin-top: 4rem;
  }
}
.footer-copyright__txt {
  color: #FFF;
  text-align: center;
  font-size: 1.4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
}
.footer-logoWhite {
  padding: 1rem 0 1.8rem;
  margin-top: 45px;
}
@media screen and (min-width: 64em) {
  .footer-logoWhite {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer-logoWhite__img {
  width: 210px;
  height: auto;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
}
@media screen and (min-width: 64em) {
  .footer-logoWhite__img {
    height: 27px;
    width: auto;
    margin-top: 5.2px;
  }
}
.footer-logoWhite__txtsub {
  color: #FFF;
  font-size: 11.5px;
  text-align: left;
  display: block;
  letter-spacing: 0.05rem;
  font-weight: 500;
  padding-top: 6px;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .footer-logoWhite__txtsub {
    font-size: 11px;
    line-height: 1.4;
    padding-top: 3px;
  }
}
.footer-common-borderless {
  padding: 0.75rem 0 10rem;
  background: #181818;
}
.footer-common-borderless-inner {
  width: 90%;
  max-width: 1024px;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .footer-common-borderless-inner {
    width: 85%;
  }
}
.footer-linksCorp {
  border-top: 2px solid #303030;
  padding: 1.8rem 0 30px;
  grid-row-gap: 7px;
}
@media screen and (min-width: 64em) {
  .footer-linksCorp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
  }
}
.footer-linksCorp__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 29% 72%;
  grid-template-columns: 29% 72%;
  margin-bottom: 6px;
  grid-column-gap: 5px;
}
@media screen and (min-width: 64em) {
  .footer-linksCorp__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 23% 76%;
    grid-template-columns: 23% 76%;
    margin: 0 30px 0px 0;
    grid-column-gap: 3px;
  }
}
.footer-linksCorp__content__category {
  color: #000;
  font-size: 11px;
  text-align: center;
  display: block;
  letter-spacing: 0.025rem;
  width: 100%;
  font-weight: 600;
  opacity: 90%;
}
@media screen and (min-width: 64em) {
  .footer-linksCorp__content__category {
    font-size: 11.5px;
  }
}
.footer-linksCorp__content__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 19px;
}
@media screen and (min-width: 64em) {
  .footer-linksCorp__content__list {
    line-height: 18px;
  }
}
.footer-linksCorp__content__list_cat_name {
  background: #ffffff;
  height: 20px;
  width: 100%;
  border-radius: 50px;
  opacity: 0.9;
  margin-top: 1px;
}
@media screen and (min-width: 64em) {
  .footer-linksCorp__content__list_cat_name {
    height: 19px;
    margin-top: 0;
    opacity: 0.85;
  }
}
.footer-linksCorp__item {
  display: inline-block;
  padding: 0 0.6rem 0 0.6rem;
  position: relative;
  vertical-align: middle;
}
@media screen and (min-width: 64em) {
  .footer-linksCorp__item {
    padding: 0 0.8rem 0 0.8rem;
  }
}
.footer-linksCorp__item::after {
  content: "";
  width: 0.1rem;
  height: 0.9em;
  top: 5px;
  bottom: 0;
  right: 0;
  position: absolute;
  background-color: #525252;
}
.footer-linksCorp__item:last-child::after {
  content: none;
}
.footer-linksCorp__link {
  color: #FFF;
  font-size: 12px;
  text-align: left;
  display: block;
  letter-spacing: 0.07rem;
  width: auto;
  padding: 0;
  font-weight: 300;
  opacity: 90%;
  line-height: 1.6;
}
@media screen and (min-width: 64em) {
  .footer-linksCorp__link {
    font-size: 12px;
  }
}

.footer-fixed01 {
  position: fixed;
  bottom: -15rem;
  right: 0rem;
  z-index: 9996;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.footer-fixed01.active {
  display: block;
  bottom: 4rem;
}
@media screen and (min-width: 64em) {
  .footer-fixed01 {
    right: 2rem;
  }
  .footer-fixed01.active {
    bottom: 1.5rem;
  }
}
.footer-fixed01__link {
  width: 13rem;
  height: 13rem;
  position: relative;
  z-index: 9995;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 64em) {
  .footer-fixed01__link {
    width: 13.8rem;
    height: 13.8rem;
  }
}
.footer-fixed01__img {
  display: block;
  margin: 0 auto 0.3rem;
}
@media screen and (min-width: 64em) {
  .footer-fixed01__img {
    margin: 0 auto 0.4rem;
  }
}

.FooterJoin {
  margin-top: 4rem;
}
.FooterJoin__Fade {
  margin-top: -3rem;
  height: 16rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}
.FooterJoin__Fade .bg-Join {
  margin-top: -7.2rem;
  width: 100%;
}
.FooterJoin-Fade-down {
  height: 26rem;
  position: relative;
  padding-bottom: 21rem;
}
.FooterJoin-Fade-down:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 20rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF);
}
.FooterJoin-Mainttl {
  padding-top: 5rem;
  letter-spacing: 0em;
  margin-top: -20rem;
}
@media screen and (min-width: 64em) {
  .FooterJoin-Mainttl {
    margin-top: -17rem;
  }
}
.FooterJoin-Mainttl h3 {
  font-size: 2.4rem;
  font-weight: 600;
  padding: 1rem;
  text-align: center;
  height: 6rem;
  background-image: url(../img/page/bg/bg-small/bg-event.png);
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
}
.FooterJoin-Mainttl p {
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  padding: 1.5rem 1rem;
  text-align: center;
}
.FooterJoin__content {
  margin: 0rem auto;
  padding: 0rem 0rem 10rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .FooterJoin__content {
    padding: 1.2rem 0;
  }
}
.FooterJoin__content__Main {
  padding: 0rem 0.5rem 4rem;
  letter-spacing: -0.025em;
  margin-top: 1rem;
}
.FooterJoin__content__Main h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-bottom: 3rem;
}
@media screen and (min-width: 64em) {
  .FooterJoin__content__Main h2 {
    font-size: 7.4rem;
    line-height: 0.9;
    margin-bottom: 4rem;
  }
}
.FooterJoin__content__Main h3 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .FooterJoin__content__Main h3 {
    font-size: 2rem;
    line-height: 1.7;
    letter-spacing: -0.025em;
  }
}
.FooterJoin__content figure img {
  width: 95%;
  margin: 0 auto;
}
.FooterJoin__content .dummy {
  width: 90%;
}
@media screen and (min-width: 64em) {
  .FooterJoin__content .dummy {
    width: 36%;
  }
}
.FooterJoin__Join .bg {
  margin-top: 6rem;
  height: 7rem;
  width: 100%;
  background-image: url(../img/page/bg/bg-small/bg-rice.png);
  background-size: auto;
  background-position: center;
  background-repeat: repeat-x;
}
@media screen and (min-width: 64em) {
  .FooterJoin__Join .bg {
    margin: 3rem auto 2rem;
  }
}
.FooterJoin__Join-content h3 {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  padding: 1rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .FooterJoin__Join-content h3 {
    font-size: 3.6rem;
  }
}
.FooterJoin__Join-content .marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(77%, transparent), color-stop(77%, rgba(255, 255, 255, 0.3)));
  background: linear-gradient(transparent 77%, rgba(255, 255, 255, 0.3) 77%);
}
.FooterJoin__Join-box {
  display: block;
  padding: 2rem 0rem;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .FooterJoin__Join-box {
    padding: 4rem 0rem;
  }
}
.FooterJoin__Join-box figure {
  text-align: center;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .FooterJoin__Join-box img {
    width: 30rem;
  }
}
.FooterJoin__Join-box-btn {
  margin-top: 8rem;
}
@media screen and (min-width: 64em) {
  .FooterJoin__Join-box-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10rem 0rem 5rem;
    margin: auto;
    width: 80rem;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.FooterJoin__Event {
  margin-top: 0rem;
  padding-bottom: 10rem;
}
@media screen and (min-width: 64em) {
  .FooterJoin__Event {
    padding-bottom: 20rem;
  }
}
.FooterJoin__Event-content {
  margin: auto;
  padding: 4rem 1rem;
}
@media screen and (min-width: 64em) {
  .FooterJoin__Event-content {
    text-align: center;
  }
}
.FooterNews__content {
  margin: 0rem auto;
  padding: 1.2rem 0rem 10rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .FooterNews__content {
    padding: 1.2rem 12rem;
  }
}
.FooterNews__content__Main {
  padding: 0rem 0.5rem 2rem;
  letter-spacing: -0.025em;
  margin-top: -4.3rem;
}
@media screen and (min-width: 64em) {
  .FooterNews__content__Main {
    margin-top: -5rem;
  }
}
.FooterNews__content__Main h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .FooterNews__content__Main h2 {
    font-size: 7.2rem;
    margin-bottom: 3rem;
  }
}
.FooterNews__btn {
  margin: 2rem auto 0;
  width: 90%;
}
@media screen and (min-width: 64em) {
  .FooterNews__btn {
    margin: 4rem auto 8rem;
  }
}
.FooterNews__btn .btn-main {
  margin: auto;
}
.FooterSNS .bg {
  padding: 12rem 0 16rem;
  height: 6rem;
}
.FooterSNS__text-bg {
  background-image: url(../img/page/bg/footer/text-sns.svg);
  background-repeat-x: repeat;
  background-position-x: center;
  height: 5.8rem;
}
.FooterSNS__ttl {
  color: #000000;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: left;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .FooterSNS__ttl {
    width: 28rem;
    margin: auto;
    margin-bottom: 1.5rem;
  }
}
.FooterSNS__ttl-icon {
  width: 3rem !important;
  height: auto;
  margin-right: 0.3rem;
}
.FooterSNS__content {
  margin: -5rem auto 0rem;
  padding: 1.2rem 0rem 3rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
  width: 90%;
}
@media screen and (min-width: 64em) {
  .FooterSNS__content {
    margin: 0rem auto;
    padding: 1.2rem 12rem;
    width: 100%;
  }
}
.FooterSNS__content .twitter, .FooterSNS__content .insta {
  margin: 1rem auto 5rem;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .FooterSNS__content .twitter, .FooterSNS__content .insta {
    width: 28rem;
  }
}
@media screen and (min-width: 64em) {
  .FooterSNS__content a, .FooterSNS__content img {
    width: 50%;
  }
}
.FooterSNS__content img {
  text-align: center;
}
@media screen and (min-width: 64em) {
  .FooterSNS__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: auto;
  }
}
.FooterContact {
  margin-top: 4rem;
}
.FooterContact__Fade {
  margin-top: -3rem;
  height: 16rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}
.FooterContact-Fade-down {
  height: 6rem;
  position: relative;
  padding-bottom: 12rem;
}
@media screen and (min-width: 48em) {
  .FooterContact-Fade-down {
    padding-bottom: 14rem;
  }
}
.FooterContact-Fade-down:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 12rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF);
}
@media screen and (min-width: 48em) {
  .FooterContact-Fade-down:before {
    height: 15rem;
  }
}
.FooterContact-bg {
  margin: 10rem auto;
  height: 52rem;
  width: 100%;
  background-image: url(../img/page/bg/each/company/company_contact_bg_sp.jpg);
  background-size: auto;
  background-position: center;
  background-repeat: repeat-x;
  background-position-y: top;
}
@media screen and (min-width: 48em) {
  .FooterContact-bg {
    margin: 12rem auto;
    height: 53rem;
    background-image: url(../img/page/bg/each/company/company_contact_bg_pc.jpg);
  }
}
.FooterContact__content {
  margin: 0rem auto;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .FooterContact__content {
    padding: 1.2rem 12rem;
  }
}
.FooterContact__content__Main {
  padding: 0rem 0.5rem 2rem;
  letter-spacing: -0.025em;
  margin-top: 1rem;
}
.FooterContact__content__Main h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-bottom: 3rem;
}
@media screen and (min-width: 48em) {
  .FooterContact__content__Main h2 {
    font-size: 7.4rem;
    line-height: 0.9;
    margin-bottom: 4rem;
  }
}
.FooterContact__content__Main h3 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 1rem;
}
@media screen and (min-width: 48em) {
  .FooterContact__content__Main h3 {
    font-size: 3.2rem;
    line-height: 1.7;
    letter-spacing: -0.025em;
  }
}
.FooterContact__Contact-content h3 {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  padding: 1rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .FooterContact__Contact-content h3 {
    font-size: 3.6rem;
  }
}
.FooterContact__Contact-box {
  display: block;
  padding: 2rem 0rem;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .FooterContact__Contact-box {
    padding: 4rem 0rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80rem;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.FooterContact__Contact-box figure {
  text-align: center;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .FooterContact__Contact-box img {
    width: 30rem;
  }
}

.flip-bnr {
  width: 300px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 9999;
  display: none;
  cursor: pointer;
}
@media screen and (min-width: 64em) {
  .flip-bnr {
    width: 420px;
    bottom: 20px;
    right: 10px;
  }
}
.flip-bnr:hover {
  opacity: 0.8;
}
.flip-bnr.--close {
  opacity: 0;
  display: none !important;
}
.flip-bnr__close {
  position: absolute;
  top: -30px;
  right: 0px;
  width: 20px;
  height: 20px;
}
.flip-bnr a {
  display: block;
}

.navBar {
  width: 2.6rem;
  height: 1.6rem;
  cursor: pointer;
  position: relative;
  margin: 0.2rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.navBar__line {
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #FFF;
  position: absolute;
  border-radius: 0.1rem;
}
@media screen and (min-width: 64em) {
  .navBar__line {
    background: #000000;
  }
}
.navBar__line.line01 {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.navBar__line.line01.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.navBar__line.line02 {
  top: 50%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 75%;
}
.navBar__line.line02.active {
  display: none;
  width: none;
}
.navBar__line.line03 {
  bottom: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 50%;
}
.navBar__line.line03.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 100%;
}

.card01 {
  margin-bottom: 3rem;
}
@media screen and (min-width: 64em) {
  .card01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem auto;
    width: 90%;
  }
  .card01-page {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .card01.pc-big {
    display: block;
  }
  .card01.slider-cr04 {
    display: block;
  }
}
.card01__item {
  width: 90%;
}
.card01__img {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 3rem;
}
.card01__bottom {
  position: relative;
  padding: 2.6rem 2rem 6rem;
}
.card01__bottom__btn {
  position: absolute;
  bottom: -3rem;
  left: 0;
  right: 0;
  letter-spacing: 0.1em;
}
.card02__Grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 15rem 15rem;
  grid-template-rows: 15rem 15rem;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
@media screen and (min-width: 64em) {
  .card02__Grid {
    -ms-grid-rows: 15rem;
    grid-template-rows: 15rem;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
  }
}
.card02__Grid-item {
  padding: 2.5rem 1.5rem;
}
.card02__Grid-item img {
  width: 6.4rem;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 64em) {
  .card02__Grid-item img {
    width: 9rem;
  }
}
.card02__Grid-item p {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
.card02__Grid-item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.03);
}
@media screen and (min-width: 64em) {
  .card02__Grid-item:nth-child(1) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    border-bottom: none;
  }
}
.card02__Grid-item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  grid-column: 2/2;
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.03);
}
.card02__Grid-item:nth-child(2) p {
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .card02__Grid-item:nth-child(2) p {
    margin-top: 0rem;
  }
}
@media screen and (min-width: 64em) {
  .card02__Grid-item:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
    border-bottom: none;
  }
}
.card02__Grid-item:nth-child(3) {
  -ms-grid-row: 2;
  grid-row: 2/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
}
@media screen and (min-width: 64em) {
  .card02__Grid-item:nth-child(3) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
  }
}
.card02__Grid-item:nth-child(4) {
  -ms-grid-row: 2;
  grid-row: 2/2;
  -ms-grid-column: 2;
  grid-column: 2/2;
}
.card02__Grid-item:nth-child(4) p {
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .card02__Grid-item:nth-child(4) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 4;
    grid-column: 4/4;
  }
}
.card03 {
  margin-bottom: 3rem;
}
@media screen and (min-width: 64em) {
  .card03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem auto;
    width: 90%;
  }
  .card03-page {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .card03.pc-big {
    display: block;
  }
  .card03.slider-cr04 {
    display: block;
  }
}
.card03__item {
  width: 100%;
}
.card03__img {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 3rem;
}
.card03__img img {
  width: 100% !important;
}
.card03__bottom {
  position: relative;
  padding: 2.6rem 2rem 6rem;
}
.card03__bottom__btn {
  position: absolute;
  bottom: -3rem;
  left: 0;
  right: 0;
  letter-spacing: 0.1em;
}
.card-project {
  width: 100%;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 72px;
  position: relative;
  background: #fff;
}
@media screen and (min-width: 48em) {
  .card-project {
    width: calc(33.333333% - 20px);
    margin: 0 10px 72px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.card-project__wrap {
  padding: 72px 0;
}
.card-project__status {
  background-image: url(../img/common/project-inactive.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 9.2rem;
  height: 9.2rem;
  position: absolute;
  top: -35px;
  right: 0.5rem;
  z-index: 2;
}
.card-project__status.--active {
  background-image: url(../img/common/project-active.svg);
}
.card-project a {
  color: #000000;
  display: block;
}
.card-project__img {
  position: relative;
  margin: 2rem auto;
}
.card-project__img img {
  width: 100%;
}
.card-project__txtBox {
  position: relative;
  line-height: 1.58;
  background: #fff;
  padding: 12px 20px 30px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.025em;
}
.card-project__txtBox figure {
  text-align: left;
}
.card-project__txtBox span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(77%, transparent), color-stop(77%, #C7D9FF));
  background: linear-gradient(transparent 77%, #C7D9FF 77%);
  font-weight: bold;
}
.card-project__txtBox-date {
  font-family: "proxima-nova", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 1rem;
  z-index: 2;
  padding: 0;
  background: rgba(255, 255, 255, 0.9);
}
.card-project__txtBox-date_ttl {
  font-size: 1.2rem;
  color: #FFFF;
  background-color: #000000;
  padding: 0.3rem 1rem;
  width: 5.5rem;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
.card-project__txtBox-date_day {
  font-size: 2.5rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  display: inline;
  position: relative;
}
.card-project__txtBox-date_left {
  font-size: 1.4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0.5;
  display: block;
  position: relative;
  margin: 0rem auto 1.2rem;
}
.card-project__txtBox-content {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-project__txtBox-content-item {
  display: -ms-inline-grid;
  display: inline-grid;
  width: 50%;
  margin: 0rem auto;
  padding: 0rem 1rem;
  border-right: 2px solid rgba(112, 112, 112, 0.03);
  font-size: 1.4rem;
  font-weight: 500;
}
.card-project__txtBox-content-item:last-child {
  border-right: none;
}
.card-project__txtBox-content-item-num {
  font-family: "proxima-nova", sans-serif;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
  margin-left: 0.3rem;
}
.card-project__txtBox-content-item-num span {
  font-size: 1.4rem;
  background: none;
}
.card-project__txtBox-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0rem auto;
  padding: 0rem 1rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.card-project__txtBox-intro figure > img {
  display: block;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  width: 7rem;
  height: auto;
}
.card-project__txtBox-intro-content {
  display: block;
  margin-left: 2rem;
}
.card-project__txtBox-intro-content p {
  font-size: 1.2rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
}
.card-project__txtBox-intro-content-name {
  font-size: 2.2rem !important;
  line-height: 2;
}
.card04 {
  margin-bottom: 3rem;
}
@media screen and (min-width: 64em) {
  .card04 {
    display: block !important;
    margin: 2rem auto;
    width: 90%;
  }
  .card04-page {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .card04.pc-big {
    display: block;
  }
  .card04.slider-cr04 {
    display: block;
  }
}
.card04__item {
  margin: 0 0.8rem;
}
.card04__card {
  background-color: #FFFF;
  display: block !important;
  border-radius: 0.5rem;
}
.card04__Box {
  display: block;
}
@media screen and (min-width: 64em) {
  .card04__Box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: auto;
  }
}
.card04__Box-item {
  display: block;
  margin: 1.5rem auto;
  padding: 1rem;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 64em) {
  .card04__Box-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90rem;
    padding: 3rem 4rem;
    margin: 3rem auto 1rem;
  }
}
@media screen and (min-width: 64em) {
  .card04__Box-item .Project-img {
    height: 100%;
    width: 52%;
  }
}
.card04__Box-item .Project-ttl {
  text-align: left;
  line-height: 1.35;
}
.card04__Box-item .Project-ttl img {
  width: 3rem;
  margin-left: 1rem;
}
@media screen and (min-width: 64em) {
  .card04__Box-item .Project-ttl img {
    width: 4rem;
    margin-left: 0rem;
  }
}
@media screen and (min-width: 64em) {
  .card04__Box-item-block {
    display: block;
    margin: 0rem 0rem 0rem 5rem;
  }
}
@media screen and (min-width: 64em) {
  .card04__Box-item-PCflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.card04__Box-item-PCblock {
  display: unset;
}
@media screen and (min-width: 64em) {
  .card04__Box-item-PCblock {
    display: block;
    width: 48%;
    margin: auto auto auto 2rem;
  }
}
.card04__Box-item-ttl {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  padding: 1.2rem 0rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .card04__Box-item-ttl {
    font-size: 2.8rem;
    width: 58rem;
    margin: auto auto 3.5rem;
    padding: 0rem;
  }
}
.card04__Box-item-ttl span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(77%, transparent), color-stop(77%, #C7D9FF));
  background: linear-gradient(transparent 77%, #C7D9FF 77%);
}
.card04__Box-item-txt {
  display: block;
  margin: 1rem auto;
  height: 7rem;
}
@media screen and (min-width: 64em) {
  .card04__Box-item-txt {
    height: auto;
  }
}
.card04__Box-item-txt p {
  font-size: 1.4rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  letter-spacing: -0.025em;
  line-height: 1.3;
}
@media screen and (min-width: 64em) {
  .card04__Box-item-txt p {
    font-size: 1.6rem;
  }
}
.card04__Box-item-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem auto 0.5rem;
  font-weight: 500;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  background-color: #F4F4F4;
  border-radius: 1rem;
  padding: 2rem 0.5rem;
}
.card04__Box-item-data .data-item01 {
  display: block;
  margin: auto;
  width: 37%;
  border-right: 2px solid rgba(0, 0, 0, 0.03);
}
.card04__Box-item-data .data-item02 {
  display: block;
  margin: auto;
  width: 63%;
}
.card04__Box-item-data .data-item-ttl {
  font-size: 1.6rem;
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card04__Box-item-data .data-item-dataNum {
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
}
.card04__Box-item-data .data-item-num {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 0em;
  font-family: "proxima-nova", sans-serif;
  padding-right: 0.5rem;
}

.card-project-top {
  width: 100%;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 72px;
  position: relative;
  background: #fff;
  border-radius: 1.5rem;
}
@media screen and (min-width: 48em) {
  .card-project-top {
    width: calc(33.333333% - 20px);
    margin: 0 10px 72px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.card-project-top__wrap {
  padding: 72px 0;
}
.card-project-top__status {
  background-image: url(../img/common/project-inactive.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 8.2rem;
  height: 8.2rem;
  position: absolute;
  top: -4rem;
  right: 1rem;
  z-index: 2;
}
.card-project-top__arrow {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  z-index: 2;
}
.card-project-top__status.--active {
  background-image: url(../img/common/project-active.svg);
}
.card-project-top a {
  color: #000000;
  display: block;
}
.card-project-top__img {
  width: 100%;
  background-size: cover;
  background-position: center center;
  padding-top: 66.6666%;
  margin: 1.8rem 0 2rem;
}
.card-project-top__txtBox {
  position: relative;
  line-height: 1.58;
  background: #fff;
  padding: 24px 16px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.025em;
  border-radius: 1.5rem;
}
.card-project-top__txtBox span {
  font-weight: bold;
}
.card-project-top__txtBox figure {
  text-align: left;
}
.card-project-top__txtBox-date {
  font-family: "proxima-nova", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 1rem;
  z-index: 2;
  padding: 0;
  background: rgba(255, 255, 255, 0.9);
}
.card-project-top__txtBox-date_ttl {
  font-size: 1.2rem;
  color: #FFFF;
  background-color: #000000;
  padding: 0.3rem 1rem;
  width: 5.5rem;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
.card-project-top__txtBox-date_day {
  font-size: 2.5rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  display: inline;
  position: relative;
}
.card-project-top__txtBox-date_left {
  font-size: 1.4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0.5;
  display: block;
  position: relative;
  margin: 0rem auto 1.2rem;
}
.card-project-top__txtBox-content {
  font-weight: bold;
  margin: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.card-project-top__txtBox-content-reach {
  font-size: 1.4rem;
  width: 100%;
  text-align: left;
}
.card-project-top__txtBox-content-num {
  font-family: "proxima-nova", sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.card-project-top__txtBox-content-num span {
  font-size: 1.4rem;
  font-weight: 700;
  background: none;
}
.card-project-top__txtBox-content-goal {
  color: #ccc;
  font-size: 1.4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.card-project-top__txtBox-content-goal span {
  font-weight: 700;
  margin: 0 0.5rem;
}
.card-project-top__txtBox-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0rem auto;
  padding: 0rem 1rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.card-project-top__txtBox-intro figure > img {
  display: block;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  width: 7rem;
  height: auto;
}
.card-project-top__txtBox-intro-content {
  display: block;
  margin-left: 2rem;
}
.card-project-top__txtBox-intro-content p {
  font-size: 1.2rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
}
.card-project-top__txtBox-intro-content-name {
  font-size: 2.2rem !important;
  line-height: 2;
}

.front-dot-link {
  text-align: center;
}
.front-dot-link a {
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-bottom: 2px dotted #000;
}
@media screen and (min-width: 64em) {
  .front-dot-link a {
    font-size: 1.8rem;
  }
}
.front-dot-link a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1rem;
}

.kv {
  height: 100vh;
  background-color: transparent;
  position: relative;
}
.kv__txt {
  color: #FFF;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: 23rem;
  text-align: left;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 64em) {
  .kv__txt {
    height: 27rem;
    width: 75%;
  }
}
.kv__txt-main {
  font-size: 4.4rem;
  font-weight: bold;
  letter-spacing: -0.075em;
}
@media screen and (min-width: 64em) {
  .kv__txt-main {
    font-size: 6.4rem;
    letter-spacing: 0em;
  }
}
.kv__txt-main.First {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}
.kv__txt-main.Second {
  -webkit-transition: all 3s;
  transition: all 3s;
}
.kv__txt-main.Third {
  -webkit-transition: all 4.5s;
  transition: all 4.5s;
}
.kv__data {
  background-color: #000;
  color: #FFF;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  padding: 1.5rem;
  height: 7.5rem;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .kv__data {
    width: auto;
    max-width: 50rem;
    padding: 2rem 3rem;
    left: 12%;
    margin-bottom: -4.8rem;
    height: 9rem;
  }
}
.kv__data::after {
  content: "";
  background-image: url(../img/icon/arrow/ico-arrow-white.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 2.1rem;
  height: 1rem;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media screen and (min-width: 64em) {
  .kv__data::after {
    right: 3rem;
  }
}
.kv__data-item {
  width: 100%;
  text-align: left;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
}
@media screen and (min-width: 64em) {
  .kv__data-item {
    padding: 1.5rem 1rem 2rem;
  }
}
.kv__data-item::after {
  content: "";
  background-image: url(../img/icon/arrow/ico-arrow-white.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 2.1rem;
  height: 1rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media screen and (min-width: 64em) {
  .kv__data-item::after {
    right: 2rem;
  }
}
.kv__data-item__inner {
  display: block;
}
.kv__data-item__date {
  color: #FFFF;
  line-height: 1.3;
}
.kv__data-item__content {
  color: #FFFF;
}

.OurVision__content {
  display: block;
  padding-top: 5rem;
  position: relative;
}
.OurVision__content::before {
  content: "";
  display: block;
  width: 100%;
  height: 140%;
  position: absolute;
  z-index: 0;
  top: -1px;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, #fff 80%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (min-width: 64em) {
  .OurVision__content::before {
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, #fff 40%, rgba(255, 255, 255, 0) 100%);
  }
}
@media screen and (min-width: 64em) {
  .OurVision__content {
    padding-top: 12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.OurVision__content-ttl {
  font-size: 2rem !important;
  margin-bottom: 1.6rem;
  letter-spacing: -0.025rem;
}
@media screen and (min-width: 64em) {
  .OurVision__content-ttl {
    font-size: 2.4rem !important;
  }
}
.OurVision__content__Box {
  display: block;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 2rem;
  cursor: pointer;
  padding: 2rem 10% 3rem;
  font-size: 1.4rem;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .OurVision__content__Box {
    margin: 3rem auto 0rem;
    padding: 4rem 4rem 5rem;
    width: auto;
    min-width: 60rem;
    font-size: 1.6rem;
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
  }
}
.OurVision__content__Box-txt {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
  line-height: 2;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 64em) {
  .OurVision__content__Box-txt {
    margin: auto;
  }
}
.OurVision__content__Box .front-dot-link {
  margin-top: 2rem;
}
.OurVision__Body {
  padding: 0 0rem 2rem;
  width: 100%;
  position: relative;
  background-color: transparent;
  z-index: 2;
}
@media screen and (min-width: 48em) {
  .OurVision__Body {
    margin-top: -6rem;
    padding-top: 0rem;
    width: auto;
  }
}
.OurVision__Body img {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .OurVision__Body img {
    max-width: 960px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 64em) {
  .OurVision__Body-Fade {
    height: 23rem;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
  }
}
@media screen and (min-width: 64em) {
  .OurVision__Body-content {
    width: 900px;
    height: 50rem;
    margin: auto;
  }
}
.OurVision__Body-content a {
  -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
          box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}
.OurVision__Body-item {
  display: block;
  position: absolute;
  z-index: 1;
  max-width: none;
  border-radius: 50%;
  -webkit-animation: fuwa 17s ease-in-out infinite;
          animation: fuwa 17s ease-in-out infinite;
  -webkit-animation-name: fuwaSP;
          animation-name: fuwaSP;
  overflow: hidden;
}
.OurVision__Body-item.intro01 {
  width: 16.7rem;
  top: 16rem;
  left: 0.5rem;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
@media screen and (min-width: 64em) {
  .OurVision__Body-item.intro01 {
    width: 22rem;
    left: 20%;
    top: 20%;
  }
  .OurVision__Body-item.intro01 img {
    min-width: 22rem;
  }
}
.OurVision__Body-item.intro02 {
  width: 15rem;
  top: 23rem;
  right: 4rem;
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
@media screen and (min-width: 64em) {
  .OurVision__Body-item.intro02 {
    width: 21rem;
    top: 27%;
    left: 38%;
  }
  .OurVision__Body-item.intro02 img {
    min-width: 21rem;
  }
}
.OurVision__Body-item.intro03 {
  width: 15rem;
  top: 35rem;
  left: 7rem;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
@media screen and (min-width: 64em) {
  .OurVision__Body-item.intro03 {
    width: 20rem;
    top: 52%;
    left: 17.66667%;
  }
  .OurVision__Body-item.intro03 img {
    min-width: 20rem;
  }
}
.OurVision__Body-item.intro04 {
  top: 39rem;
  right: -1.5rem;
  width: 16.3rem;
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
@media screen and (min-width: 64em) {
  .OurVision__Body-item.intro04 {
    width: 20rem;
    top: 57.6%;
    left: 33.4%;
  }
  .OurVision__Body-item.intro04 img {
    min-width: 20rem;
  }
}
.OurVision__Body-item.intro05 {
  top: 49.5rem;
  left: -0.5rem;
  width: 15rem;
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}
@media screen and (min-width: 64em) {
  .OurVision__Body-item.intro05 {
    width: 20rem;
    left: 55%;
    top: 22%;
  }
  .OurVision__Body-item.intro05 img {
    min-width: 20rem;
  }
}
.OurVision__Body-item.intro06 {
  width: 18.5rem;
  top: 55rem;
  right: 5rem;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}
@media screen and (min-width: 64em) {
  .OurVision__Body-item.intro06 {
    width: 23rem;
    top: 49%;
    left: 51.3%;
  }
  .OurVision__Body-item.intro06 img {
    min-width: 23rem;
  }
}
@media screen and (min-width: 64em) {
  .OurVision__Body-item.intro07 {
    right: auto;
    -webkit-animation-delay: -6s;
            animation-delay: -6s;
    width: 20rem;
    top: 40%;
    left: 68.3%;
  }
  .OurVision__Body-item.intro07 img {
    min-width: 20rem;
  }
}
.OurVision__Body-item > figure {
  display: block;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .OurVision__Body-item > figure {
    overflow: unset;
  }
}
.OurVision__Body-item > figure > img {
  height: auto;
  -webkit-transition: 0.6s all cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s all cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 0;
  max-width: 100%;
  -webkit-filter: drop-shadow(5px 5px 5px white);
          filter: drop-shadow(5px 5px 5px white);
}
.OurVision__Num__content {
  position: relative;
  margin: -4rem auto 0rem;
  padding: 0rem 1rem 3rem;
}
.OurVision__Num__content-Boxcard {
  display: block;
}
@media screen and (min-width: 64em) {
  .OurVision__Num__content-Boxcard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    margin: auto auto 5rem;
  }
}
.OurVision__Num__content-Boxcard .Boxcard {
  width: 100%;
  display: block;
  color: #FFFF;
  text-align: center;
}
.OurVision__Num__content-Boxcard h4, .OurVision__Num__content-Boxcard span {
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 64em) {
  .OurVision__Num__content-Boxcard h4, .OurVision__Num__content-Boxcard span {
    font-size: 1.8rem;
  }
  .OurVision__Num__content-Boxcard h4 span, .OurVision__Num__content-Boxcard span span {
    margin-left: -1rem;
  }
}
.OurVision__Num__content-Boxcard span {
  margin-left: -2.1rem;
}
@media screen and (min-width: 64em) {
  .OurVision__Num__content-Boxcard span {
    margin-left: -2.5rem;
  }
}
.OurVision__Num__content-Boxcard h5 {
  font-size: 6rem;
  font-weight: 500;
  font-family: "digital", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 64em) {
  .OurVision__Num__content-Boxcard h5 {
    font-size: 7.2rem;
    line-height: 1.5;
  }
}
.OurVision__Num__content.Boxcard {
  width: 100%;
  display: block;
}

.OurStyle__fade {
  height: 26rem;
  position: relative;
  bottom: -1px;
  padding-bottom: 21rem;
}
.OurStyle__fade:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 20rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF);
}
.OurStyle__content {
  margin: 0rem auto;
  padding: 1.2rem 1.2rem 10rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 64em) {
  .OurStyle__content {
    padding: 1.2rem 12rem 12rem;
  }
}
.OurStyle__content__Main {
  padding: 0rem 0.5rem 4rem;
  letter-spacing: -0.025em;
  max-width: 1092px;
  margin: 0 auto;
}
.OurStyle__content__Main-img {
  width: 3.5rem;
}
.OurStyle__content__Main h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 5rem;
  font-weight: 900;
  line-height: 1.4;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Main h2 {
    font-size: 7.4rem;
  }
}
.OurStyle__content__Main h3 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Main h3 {
    font-size: 1.8rem;
  }
}
.OurStyle__content__Box {
  display: block;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 96rem;
    margin: 3rem auto 5rem;
  }
}
.OurStyle__content__Box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5rem auto;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-item {
    display: block;
    padding-bottom: 3rem;
    min-width: 29rem;
    margin: auto 1rem;
    height: 22rem;
  }
}
.OurStyle__content__Box-item h4 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  margin: auto 0rem auto 1.5rem;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-item h4 {
    font-size: 2rem;
    text-align: center;
    margin: auto;
    width: 25rem;
  }
}
.OurStyle__content__Box-item span {
  font-size: 1.8rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 0.3rem;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-item span {
    font-size: 2rem;
    text-align: center;
    margin: auto;
  }
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-item .label {
    height: 0.6rem;
  }
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-item .label > img {
    vertical-align: top;
  }
}
.OurStyle__content__Box-imgsymbol {
  margin: auto 0rem auto 1rem;
  width: 6rem;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-imgsymbol {
    margin: 2.5rem auto;
    width: 8rem;
    height: 7rem;
  }
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-imgsymbol img {
    width: 7rem;
    height: 7rem;
  }
}
.OurStyle__content__Box-imgflow {
  margin: auto;
  width: 2.5rem;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-imgflow {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
.OurStyle__content__Box-imgflow img {
  width: 2.5rem;
  height: 2rem;
}
@media screen and (min-width: 64em) {
  .OurStyle__content__Box-imgflow img {
    min-width: 2.5rem;
  }
}

.OurProject {
  background: none;
  margin-top: 3rem;
  position: relative;
}
.OurProject:after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 20rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF);
}
.OurProject__content {
  margin: 0rem auto;
  padding: 1.2rem 0rem 12rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .OurProject__content {
    padding: 1.2rem 0rem 18rem;
  }
}
.OurProject__content__Main {
  padding: 0rem 0.5rem 4rem;
  letter-spacing: -0.025em;
  margin-top: -4rem;
}
.OurProject__content__Main h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 64em) {
  .OurProject__content__Main h2 {
    font-size: 7.2rem;
  }
}
.OurProject__content__Main h3 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1rem;
}
.OurProject__content__Box {
  display: block;
  margin-bottom: 3rem;
}
.OurProject__content__Box h4 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  color: #FDFD39;
  line-height: 3;
  letter-spacing: -0.025em;
  background-image: url(../img/page/bg/bg-small/bg-new.png);
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
}
@media screen and (min-width: 64em) {
  .OurProject__content__Box h4 {
    font-size: 2.8rem;
  }
}
.OurProject__content__Box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5rem auto;
  padding: 1rem 0rem;
  text-align: center;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.front-join {
  background: #fff;
}
.front-join .OurStyle__content {
  padding: 0rem 1.2rem;
}
.front-join .join-step-box {
  margin-bottom: 6rem;
}
@media screen and (min-width: 64em) {
  .front-join .join-step-box {
    max-width: 1092px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding: 0rem 0.5rem 4rem;
    margin: 0 auto 6rem;
  }
}
.front-join .join-step-box:last-child {
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .front-join .join-step-box .join-step-txArea {
    margin: 0 8rem 0 8rem;
    min-width: 300px;
  }
}
.front-join .join-step-box__num {
  text-align: center;
  margin-bottom: 1rem;
}
.front-join .join-step-box h3 {
  font-size: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.front-join .join-step-box h3 .ttl-line {
  width: 8.6rem;
  height: 2px;
  margin: 1.5rem 0 4rem;
  background: #000;
}
.front-join .join-step {
  margin-top: 2rem;
}
.front-join .join-step .step-slider {
  width: calc(100% + 2.4rem);
  margin-left: -1.2rem;
}
@media screen and (min-width: 64em) {
  .front-join .join-step .step-slider {
    min-width: 1005px;
  }
}
.front-join .join-step .step-slider li {
  margin: 0 1rem;
}
@media screen and (min-width: 64em) {
  .front-join .join-step .step-slider li {
    max-width: 315px;
    margin: 10px;
  }
}
.front-join .join-step .step-slider li img {
  width: 100%;
}
.front-join .join-step .step-slider.step02 {
  -webkit-filter: drop-shadow(3px 3px 4px rgba(28, 22, 89, 0.2));
          filter: drop-shadow(3px 3px 4px rgba(28, 22, 89, 0.2));
}
.front-join .join-step .step-slider2 {
  width: calc(100% + 2.4rem);
  margin-left: -1.2rem;
}
@media screen and (min-width: 64em) {
  .front-join .join-step .step-slider2 {
    min-width: 1005px;
  }
}
.front-join .join-step .step-slider2 li {
  margin: 0 1rem;
}
@media screen and (min-width: 64em) {
  .front-join .join-step .step-slider2 li {
    max-width: 315px;
    margin: 10px;
  }
}
.front-join .OurFund__content__Now-content {
  max-width: 315px;
  max-height: 315px;
  margin: 0 auto;
  background: url("../img/front/step-fund-circle.svg") no-repeat;
  background-size: cover;
}
.front-join .OurFund__content__Now-content h3 {
  font-size: 1.6rem;
  border-bottom: 1.5px solid #000;
}
.front-join .OurFund__content__Now-content p {
  font-size: 3.4rem;
}
.front-join .OurFund__content__Now-content p .NowsFund {
  font-size: 5.8rem;
}
.front-join .OurFund__content__Now-content p.data-ref {
  color: #777 !important;
}
.front-join .join-us {
  padding: 14rem 0;
  background: linear-gradient(-135deg, #FFEA77, #FB8697);
  position: relative;
}
.front-join .join-us:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 20rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to top, rgba(255, 255, 255, 0), #FFF);
}
.front-join .join-us:after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 20rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF);
}
.front-join .join-us-txArea {
  position: relative;
  z-index: 1;
}
.front-join .join-us-txArea h2 {
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  font-size: 6rem;
  text-align: center;
}
.front-join .join-us-txArea p {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 4rem;
}
.front-join .join-us-img {
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (min-width: 64em) {
  .front-join .join-us-img img {
    width: 360px;
  }
}
.front-join .join-us .btn-wrapper {
  position: relative;
  z-index: 1;
}
.front-join .join-us .btn-wrapper a {
  background: #fff;
  width: 80%;
}
@media screen and (min-width: 64em) {
  .front-join .join-us .btn-wrapper a {
    width: 26rem;
  }
}

.membership {
  background: #fff;
  padding-bottom: 4px;
}
.membership-box {
  position: relative;
  z-index: 1;
  margin-bottom: 8rem;
}
@media screen and (min-width: 64em) {
  .membership-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 3rem;
    margin-bottom: 14rem;
  }
}
.membership-box__ttl {
  padding: 1.2rem 0;
  border: 2px solid #000;
  margin-bottom: 2rem;
  position: relative;
  text-align: center;
  background: #fff;
}
@media screen and (min-width: 64em) {
  .membership-box__ttl {
    padding: 1.2rem 3rem;
  }
}
.membership-box__ttl::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #FDFD39;
  position: absolute;
  left: 8px;
  bottom: -8px;
  z-index: -1;
}
.membership-box__ttl-num {
  font-size: 3.1rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  width: 5rem;
  margin-left: -2.5rem;
  background: #fff;
  position: absolute;
  top: -27px;
  left: 50%;
  z-index: 1;
}
.membership-box__ttl h3 {
  font-size: 2rem;
  position: relative;
  z-index: 2;
}
.membership-box p {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (min-width: 64em) {
  .membership-box p {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .membership-box__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5rem;
    width: 100%;
  }
  .membership-box__img img {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .membership-box__img-slack {
    width: 50%;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .membership-box__img-slack img {
    max-width: 480px;
  }
}
.membership-box__img-voice {
  text-align: center;
  margin-top: 5rem;
}
@media screen and (min-width: 64em) {
  .membership-box__img-voice {
    width: 50%;
    height: 520px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0rem;
  }
  .membership-box__img-voice img {
    height: 80%;
    width: auto;
  }
}
.membership-box__img-voice p {
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding: 0 24px;
  margin-bottom: 1rem;
}
.membership-box__img-voice p:after, .membership-box__img-voice p:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: #000;
}
.membership-box__img-voice p:before {
  left: 0;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.membership-box__img-voice p:after {
  right: 0;
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
}
.membership-box .OurCommunity__Event-item {
  width: 112%;
  margin-left: -6%;
  margin-top: -2rem;
}
.membership-box .OurCommunity__Event-item .card-meet {
  margin-bottom: 10px;
}

.voice {
  background: #fff;
  padding-bottom: 8rem;
}
.voice .voice-slider .voice-card {
  margin: 0 1.5rem 2rem;
}
@media screen and (min-width: 64em) {
  .voice .voice-slider .voice-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.voice .voice-slider .voice-card img {
  width: 100%;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .voice .voice-slider .voice-card img {
    margin-bottom: 0;
    margin-right: 3rem;
    width: 50%;
  }
}
.voice .voice-slider .voice-card p {
  font-size: 1.6rem;
}

.front-form {
  background: #fff;
  padding-bottom: 8rem;
}
.front-form .joinus {
  padding-top: 14rem;
  padding-bottom: 30rem;
  background-image: url(../img/page/member/joinus-bg-sp.svg);
  background-position-y: 0rem;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -1px;
}
@media screen and (min-width: 48em) {
  .front-form .joinus {
    background-image: url(../img/page/member/joinus-bg-pc.svg);
    background-position: top;
    padding-bottom: 50rem;
  }
}
.front-form .joinus .joinus-txBox {
  text-align: center;
}
.front-form .joinus .joinus-txBox__ttl h2 {
  font-size: 6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3.6rem;
}
@media screen and (min-width: 48em) {
  .front-form .joinus .joinus-txBox__ttl h2 {
    font-size: 7.4rem;
  }
}
.front-form .joinus .joinus-txBox__tx {
  margin-bottom: 4rem;
}
.front-form .joinus .joinus-txBox__tx h3 {
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
}
.front-form .joinus .joinus-txBox__tx p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.front-form .form-area {
  padding-top: 0;
  margin-top: -28rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 48em) {
  .front-form .form-area {
    margin-top: -40rem;
  }
}
.front-form .form-area:before {
  content: "";
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 25rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0) 0, white 100%);
}
@media screen and (min-width: 48em) {
  .front-form .form-area:before {
    width: 100%;
    top: 144px;
  }
}
@media screen and (min-width: 64em) {
  .front-form .form-area:before {
    width: 100%;
    top: 150px;
  }
}
.front-form .form-area .r-inner {
  position: relative;
}
.front-form .form-area .r-inner .form {
  position: relative;
  z-index: 2;
}
.front-form .form-area .form-ttl {
  text-align: center;
  margin-bottom: 3.5rem;
  background: url("../img/page/member/form-tx.svg"), no-repeat, center;
  background-repeat: repeat-x;
}
.front-form .form-area .form-ttl h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 1rem;
}
.front-form .member-form__fotter-tx {
  font-size: 1.2rem;
  text-align: center;
  margin: -1rem 0 2rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 48em) {
  .front-form .member-form__fotter-tx {
    font-size: 1.4rem;
    margin: -4rem 0 4rem;
  }
}
.front-form .member-form__fotter-tx a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

.OurPast__content {
  margin: 0rem auto;
  padding: 6rem 0rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .OurPast__content {
    padding: 10rem 0rem;
  }
}
.OurPast__content h4 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  color: #E04F90;
  line-height: 3;
  letter-spacing: -0.025em;
  background-image: url(../img/page/bg/bg-small/bg-past.png);
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
}
@media screen and (min-width: 64em) {
  .OurPast__content h4 {
    font-size: 2.8rem;
  }
}
.OurPast__content__Box {
  display: block;
}
@media screen and (min-width: 64em) {
  .OurPast__content__Box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: auto;
  }
}
.OurPast__content__Box-item {
  display: block;
  margin: 1.5rem auto 0rem;
  padding: 1rem 1.5rem;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 64em) {
  .OurPast__content__Box-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 105rem;
    margin: 3rem auto 5rem;
  }
}
.OurPast__content__Box-item .Project-img {
  -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 64em) {
  .OurPast__content__Box-item .Project-img {
    width: 62rem;
  }
}
.OurPast__content__Box-item .Project-ttl {
  text-align: left;
  line-height: 1.35;
}
@media screen and (min-width: 64em) {
  .OurPast__content__Box-item-block {
    display: block;
    margin: 0rem 0rem 0rem 5rem;
  }
}
.OurPast__content__Box-item-ttl {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  padding: 1rem 1rem 3rem;
  text-align: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.03);
}
@media screen and (min-width: 64em) {
  .OurPast__content__Box-item-ttl {
    font-size: 2.8rem;
  }
}
.OurPast__content__Box-item-ttl span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(77%, transparent), color-stop(77%, #C7D9FF));
  background: linear-gradient(transparent 77%, #C7D9FF 77%);
}
.OurPast__content__Box-item-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem auto;
  font-weight: 500;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.OurPast__content__Box-item-data .data-item01 {
  display: block;
  margin: auto;
  width: 37%;
  border-right: 2px solid rgba(0, 0, 0, 0.03);
}
.OurPast__content__Box-item-data .data-item02 {
  display: block;
  margin: auto;
  width: 63%;
}
.OurPast__content__Box-item-data .data-item-ttl {
  font-size: 1.4rem;
}
.OurPast__content__Box-item-data .data-item-dataNum {
  font-size: 1.6rem;
  text-align: center;
}
.OurPast__content__Box-item-data .data-item-num {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 0em;
  font-family: "proxima-nova", sans-serif;
  padding-right: 0.5rem;
}
.OurPast__content__Box-voice {
  display: block;
  margin: 1.5rem auto;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 48em) {
  .OurPast__content__Box-voice {
    max-width: 1270px;
  }
}
.OurPast__content__Box-voice-part {
  display: block;
}
.OurPast__content__Box-voice-part h4 {
  font-size: 1.8rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1rem;
}
@media screen and (min-width: 64em) {
  .OurPast__content__Box-voice-part h4 {
    font-size: 2.2rem;
  }
}
.OurPast__content__Box-voice-part span {
  font-size: 1.8rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
}
.OurPast__content__Box-voice-part figure img {
  margin: 0 auto;
}
.OurPast__content__Box-voice-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem auto;
  font-weight: 500;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.OurPast__content__Box-voice-data .data-item01 {
  display: block;
  margin: auto;
  width: 37%;
  border-right: 2px solid rgba(0, 0, 0, 0.03);
}
.OurPast__content__Box-voice-data .data-item02 {
  display: block;
  margin: auto;
  width: 63%;
}
.OurPast__content__Box-voice-data .data-item-ttl {
  font-size: 1.4rem;
}
.OurPast__content__Box-voice-data .data-item-dataNum {
  font-size: 1.6rem;
  text-align: center;
}
.OurPast__content__Box-voice-data .data-item-num {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 0em;
  font-family: "proxima-nova", sans-serif;
  padding-right: 0.5rem;
}

.OurFund__content {
  margin: 0rem auto;
  padding: 8rem 0rem 0rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
  color: #FFFF;
}
@media screen and (min-width: 64em) {
  .OurFund__content {
    padding: 12rem 12rem;
  }
}
.OurFund__content__Main {
  padding: 0rem 0.5rem 4rem;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Main {
    padding: 0rem 0.5rem;
  }
}
.OurFund__content__Main h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Main h2 {
    font-size: 7.4rem;
  }
}
.OurFund__content__Main h3 {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Main h3 {
    font-size: 3.2rem;
    margin-top: 2.5rem;
  }
}
.OurFund__content__Main .Fundimg {
  margin: 3rem auto;
  width: 27rem;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Main .Fundimg {
    width: 39rem;
    margin: 8rem auto 2rem;
  }
}
@media screen and (min-width: 64em) {
  .OurFund__content__Main .Fundimg img {
    min-width: 39rem;
    text-align: center;
  }
}
@media screen and (min-width: 64em) {
  .OurFund__content__Now-Boxcard {
    display: block !important;
    width: 100% !important;
    margin: auto !important;
  }
}
.OurFund__content__Now-content {
  width: 315px;
  height: 315px;
  background: radial-gradient(circle 180px at center, #E55199 0%, rgba(152, 84, 174, 0.55) 50%, rgba(60, 88, 199, 0) 90%);
  font-family: "proxima-nova", sans-serif;
  letter-spacing: -0.025em;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Now-content {
    width: 557px;
    height: 557px;
    background: radial-gradient(circle 310px at center, #E55199 0%, rgba(152, 84, 174, 0.55) 50%, rgba(60, 88, 199, 0) 90%);
  }
}
.OurFund__content__Now-content .Block {
  display: block;
  margin: auto;
}
.OurFund__content__Now-content .Block .data-ref {
  color: rgba(255, 255, 255, 0.65);
  margin: auto;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Now-content .Block .data-ref {
    font-size: 1.8rem;
  }
}
.OurFund__content__Now-content h3 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.6rem;
  border-bottom: 1.5px solid #FFFF;
  margin: auto;
  width: 15rem;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Now-content h3 {
    font-size: 1.8rem;
    width: 17rem;
  }
}
.OurFund__content__Now-content p {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  text-align: center;
}
.OurFund__content__Now-content p .NowsFund {
  font-size: 6.2rem;
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Now-content p .NowsFund {
    font-size: 8rem;
    letter-spacing: 0.05em;
  }
}
.OurFund__content__Now-content span {
  margin-left: -1.8rem;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Now-content span {
    margin-left: -1.5rem;
  }
}
.OurFund__content__Example-content {
  margin: 0rem auto;
  padding: 9rem 0rem 0rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
  color: #FFFF;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Example-content {
    padding: 1.2rem 0rem;
  }
}
.OurFund__content__Example-content h3 {
  color: #FFFF;
  border: 0.2rem solid #FFFF;
  line-height: 1.2;
  margin: 0 auto;
  border-radius: 3rem;
  display: inline-block;
  padding: 1rem 1.8rem;
  border-radius: 2.5rem;
  font-size: 1.6rem;
  min-width: auto;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.OurFund__content__Example-content-box {
  width: 85%;
  margin: 3rem auto;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Example-content-box {
    width: 90%;
  }
}
.OurFund__content__Box {
  display: block;
  height: 613px;
  color: #FFFF;
  text-align: center;
  padding: 14rem 0rem 3rem;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Box {
    width: 100%;
    margin: auto;
  }
}
.OurFund__content__Box h3 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.025em;
  margin-bottom: 3rem;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Box h3 {
    font-size: 3.6rem;
  }
}
.OurFund__content__Box p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 4rem auto 6rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Box p {
    font-size: 1.8rem;
  }
}
.OurFund__content__Btn {
  margin: 4rem auto;
  padding: 0rem 1rem;
}
@media screen and (min-width: 64em) {
  .OurFund__content__Btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.OurCommunity {
  position: relative;
  margin-bottom: -4rem;
  padding-bottom: 21rem;
}
.OurCommunity__content {
  display: block;
  padding-top: 8rem;
}
@media screen and (min-width: 64em) {
  .OurCommunity__content {
    padding: 15rem 10rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.OurCommunity__content__Main {
  padding: 0rem 2rem 4rem;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 64em) {
  .OurCommunity__content__Main {
    width: 50rem;
    display: block;
  }
}
.OurCommunity__content__Main-img {
  width: 3.5rem;
}
.OurCommunity__content__Main h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 5rem;
  font-weight: 900;
  line-height: 1.4;
}
@media screen and (min-width: 64em) {
  .OurCommunity__content__Main h2 {
    font-size: 7.4rem;
  }
}
.OurCommunity__content__Main h3 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .OurCommunity__content__Main h3 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 64em) {
  .OurCommunity__Slack-content {
    margin-top: 11rem;
  }
}
.OurCommunity__Slack-bg {
  background-color: #FFFF;
  height: 17rem;
}
@media screen and (min-width: 64em) {
  .OurCommunity__Slack-bg {
    height: 17rem;
  }
}
.OurCommunity__Slack-img {
  width: 100%;
  margin: 2rem auto;
  padding: 0rem 1rem;
}
@media screen and (min-width: 64em) {
  .OurCommunity__Slack-img {
    width: 43rem;
    padding: 0rem;
  }
}
.OurCommunity__Fade {
  margin-top: -11rem;
  height: 37rem;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
}
.OurCommunity__Fade .bg {
  margin-top: 10rem;
  height: 66rem;
  width: 100%;
  background-image: url(../img/page/bg/bg-small/bg-event.png);
  background-size: auto;
  background-position: center;
  background-repeat: repeat-x;
}
.OurCommunity__Event {
  padding: 2rem 0rem;
  position: relative;
  background-color: transparent;
}
.OurCommunity__Event-content {
  display: block;
  text-align: center;
}
.OurCommunity__Event-content h3 {
  font-size: 2.4rem;
  font-weight: 700;
}
.OurCommunity__Event-content h4.OurCommunity-h4 {
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  padding: 1rem 0;
}
.OurCommunity__Event-content span {
  color: #000000;
}
.OurCommunity__Event-item {
  margin: 2rem auto 0;
}
@media screen and (min-width: 64em) {
  .OurCommunity__Event-item {
    margin: 4rem auto 0;
  }
}
.OurCommunity__Btn {
  margin: auto;
  width: 90%;
}
@media screen and (min-width: 64em) {
  .OurCommunity__Btn {
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.OurCommunity:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 20rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF);
}

canvas {
  width: 100% !important;
  min-width: 840px !important;
  height: 100% !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 64em) {
  .AboutProject__kvPC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10rem;
    width: 120rem;
    margin: auto;
  }
}
@media screen and (min-width: 64em) {
  .AboutProject__kvPC-content {
    display: block;
    margin: 6rem auto 3rem;
    width: 100%;
    max-width: 54rem;
  }
}
.AboutProject__kv-date {
  text-align: center;
  top: unset;
  bottom: 0;
  left: 2rem;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 64em) {
  .AboutProject__kv-date {
    top: 0;
    bottom: unset;
    left: 0;
  }
}
.AboutProject__kv-status {
  top: unset;
  bottom: -2.5rem;
}
@media screen and (min-width: 64em) {
  .AboutProject__kv-status {
    top: 0;
    bottom: unset;
  }
}
.AboutProject__Item {
  margin: 2rem auto;
  padding: 0rem 1.7rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 64em) {
  .AboutProject__Item {
    margin: 4rem auto;
    padding: 0rem 8rem 0rem 1rem;
    width: 60rem;
  }
}
.AboutProject__Item-infoBox {
  text-align: center;
}
.AboutProject__Item-infoBox-ttl {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  width: 80%;
  letter-spacing: 0.05em;
  margin: auto auto 1rem;
}
@media screen and (min-width: 64em) {
  .AboutProject__Item-infoBox-ttl {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }
}
.AboutProject__Item-infoBox-graph {
  margin: 1rem auto;
}
.AboutProject__Item-infoBox-graph p {
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.35);
  text-align: left;
  margin-left: 0.5rem;
}
@media screen and (min-width: 64em) {
  .AboutProject__Item-infoBox-graph p {
    font-size: 1.6rem;
  }
}
.AboutProject__Item-infoBox-content {
  margin: 1rem auto;
}
.AboutProject__Item-infoBox-content_card-wrapper {
  margin: auto;
}
.AboutProject__Item-infoBox-content_item {
  font-size: 2.4rem;
  line-height: 1.3;
  display: block;
  padding-bottom: 1rem;
  letter-spacing: -0.025em;
  border-bottom: 2px solid #707070;
}
.AboutProject__Item-infoBox-content_item-Num {
  font-family: "proxima-nova", sans-serif;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
  margin-left: 0.3rem;
}
.AboutProject__Item-infoBox-content_item-NumBig {
  font-family: "proxima-nova", sans-serif;
  font-size: 3.7rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
  margin-right: 0.3rem;
}
.AboutProject__Item-infoBox-content_item-Numcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0.3rem auto;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.AboutProject__Item-infoBox-content_item span {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
}
.AboutProject__Item-infoBox-content_item02 {
  font-size: 1.8rem;
  line-height: 1.3;
  display: block;
  padding-bottom: 1rem;
  letter-spacing: -0.025em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.AboutProject__Item-infoBox-content_item02-block {
  display: -ms-inline-grid;
  display: inline-grid;
  width: 50%;
  margin: 0.5rem auto;
  padding: 1rem;
  border-right: 2px solid #707070;
}
.AboutProject__Item-infoBox-content_item02-block:last-child {
  border-right: none;
}
.AboutProject__Item-infoBox-content_item02-Num {
  font-family: "proxima-nova", sans-serif;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
  margin-left: 0.3rem;
}
.AboutProject__Item-infoBox-content_item02-Numcon {
  margin: 0.3rem auto;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.AboutProject__Item-infoBox-content_item02-Numcon img {
  margin-right: 0.5rem;
}
.AboutProject__Item-infoBox-content_item02-Num span {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
}
.AboutProject__content {
  margin: 0rem auto;
  padding: 1.2rem 0rem 20rem;
  height: 1081px;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .AboutProject__content {
    padding: 1.2rem 0rem;
  }
}
.AboutProject__content__Main {
  padding: 0rem 0.5rem 4rem;
  letter-spacing: -0.025em;
  margin-top: -4rem;
}
.AboutProject__content__Main h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.AboutProject__content__Main h3 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1rem;
}
.AboutProject__content__Box {
  display: block;
}
@media screen and (min-width: 64em) {
  .AboutProject__content__Box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: auto;
  }
}
.AboutProject__content__Box h4 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  color: #FDFD39;
  line-height: 3;
  letter-spacing: -0.025em;
  background-image: url(../img/page/bg/bg-small/bg-new.png);
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
}
.AboutProject__content__Box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5rem auto;
  padding: 1rem 1.5rem;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.AboutProject__content__Btn {
  border: 0.3rem solid #E55199;
  -o-border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
     border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
  border-image-slice: 1;
  margin-top: 4rem;
}
@media screen and (min-width: 64em) {
  .AboutProject__content__Btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: auto;
  }
}

.ProjectContent {
  position: relative;
}
.ProjectContent:before {
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 10rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to top, rgba(255, 255, 255, 0), #FFF);
}
.ProjectContent:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 10rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF);
}
.ProjectContent__content {
  margin: 0rem auto;
  padding: 6rem 0rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content {
    padding: 8rem 0rem;
  }
}
.ProjectContent__content h2 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  color: #FDFD39;
  line-height: 3;
  letter-spacing: -0.025em;
  background-image: url(../img/page/bg/bg-small/bg-new.png);
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content h2 {
    font-size: 2.8rem;
    margin-bottom: 3rem;
  }
}
.ProjectContent__content__application-method {
  display: none;
}
.ProjectContent__content__application-method.--active {
  display: block;
}
.ProjectContent__content__Item {
  display: block;
  background-color: #FFFF;
  margin: 1.5rem;
  padding: 3rem 2rem;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content__Item {
    width: 80rem;
    margin: auto;
    padding: 7rem 10rem;
  }
}
.ProjectContent__content__Item h3 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: -0.025em;
  text-align: center;
  margin-bottom: 1rem;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content__Item h3 {
    font-size: 2.8rem;
    margin: 0rem auto 2rem;
    width: 37rem;
  }
}
.ProjectContent__content__Item .icon {
  width: 2.6rem;
  height: auto;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content__Item .icon {
    width: 6rem;
  }
}
.ProjectContent__content__Item p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -0.025em;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content__Item p {
    font-size: 1.6rem;
    text-align: center;
    width: 51rem;
    margin: 0 auto 2.5rem auto;
  }
}
.ProjectContent__content__Item_btn {
  display: none;
}
.ProjectContent__content__Item_btn.--active {
  display: block;
}
.ProjectContent__content__Item_btn .btn-wrapper {
  margin-bottom: 1rem;
}
.ProjectContent__content__Item_btn .btn-wrapper a {
  min-width: 0;
}
.ProjectContent__content__Item_btn .btn-wrapper .no-active {
  pointer-events: none;
}
.ProjectContent__content__Item img {
  margin-bottom: 2rem;
}
.ProjectContent__content__Item_link span {
  line-height: 1;
  border-bottom: 1px solid #000;
  display: inline-block;
}
.ProjectContent__content__Item_Box {
  display: block;
  margin: 1.5rem auto;
  padding: 1rem 1.5rem;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content__Item_Box {
    padding: 2rem 3.5rem;
  }
}
.ProjectContent__content__Item_Box img {
  width: 1.4rem;
  height: auto;
  margin: auto -0.5rem 0.4rem auto;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content__Item_Box img {
    width: 2rem;
    margin: auto 0rem 0.3rem auto;
  }
}
.ProjectContent__content__Item_Box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0rem;
  border-bottom: 2px solid #707070;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content__Item_Box li {
    padding: 1.5rem 0rem;
  }
}
.ProjectContent__content__Item_Box li .ttl, .ProjectContent__content__Item_Box li .content {
  font-size: 1.4rem;
  width: 50%;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .ProjectContent__content__Item_Box li .ttl, .ProjectContent__content__Item_Box li .content {
    font-size: 1.6rem;
  }
}

.ProjectVoice {
  margin-top: 5rem;
}
@media screen and (min-width: 64em) {
  .ProjectVoice {
    margin-top: 8rem;
  }
}
.ProjectVoice__item {
  position: relative;
  margin: 5rem auto 7rem;
  display: block;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__item {
    padding: 1.5rem 0rem;
  }
}
.ProjectVoice__item img {
  width: 2rem;
  height: auto;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__item img {
    width: 4rem;
  }
}
.ProjectVoice__item h3 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__item h3 {
    font-size: 2.8rem;
    margin-bottom: 3.5rem;
  }
}
.ProjectVoice__imgBox {
  position: relative;
  padding-bottom: 7rem;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__imgBox {
    margin: auto;
    width: 70rem;
  }
}
.ProjectVoice__imgBox__img {
  margin: 0 1rem;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__imgBox__img {
    margin: auto;
  }
}
.ProjectVoice__imgBox__img img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.ProjectVoice__meta {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 1rem 2rem 1rem 1.5rem;
  width: 70%;
  margin-right: 1rem;
  border-radius: 0 0 0.75em 0;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__meta {
    width: 40rem;
  }
}
.ProjectVoice__meta__name {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 2;
  border-bottom: 2px solid #FFFF;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__meta__name {
    font-size: 2rem;
  }
}
.ProjectVoice__meta__company {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  padding-top: 0.2rem;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__meta__company {
    font-size: 2rem;
    padding-top: 0.4rem;
  }
}
.ProjectVoice__comment {
  margin: 3rem auto;
  padding: 0rem 2rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 500;
  letter-spacing: -0.05em;
  font-size: 1.4rem;
}
@media screen and (min-width: 64em) {
  .ProjectVoice__comment {
    width: 70rem;
    padding: 0rem;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.ProjectIntro {
  padding: 0rem 1.5rem 6rem;
}
@media screen and (min-width: 64em) {
  .ProjectIntro {
    padding: 0rem 0rem 10rem;
    width: 109.2rem;
    margin: auto;
  }
}
.ProjectIntro__Content {
  position: relative;
  margin: auto;
  display: block;
  text-align: center;
  padding: 4rem 1.5rem;
}
.ProjectIntro__Content h3 {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #000000;
}
@media screen and (min-width: 64em) {
  .ProjectIntro__Content h3 {
    font-size: 2.4rem;
    width: 30rem;
    margin: auto;
  }
}
.ProjectIntro__Content__comment {
  margin: 1.5rem auto;
  font-weight: 500;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  letter-spacing: -0.05em;
  font-size: 1.4rem;
}
@media screen and (min-width: 64em) {
  .ProjectIntro__Content__comment {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 4.5rem auto;
  }
}
@media screen and (min-width: 64em) {
  .ProjectIntro__Content__comment p {
    font-size: 1.6rem;
    width: 42rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 64em) {
  .ProjectIntro__Content__comment img {
    width: 50rem;
  }
}
.ProjectIntro__imgBox {
  position: relative;
  padding-bottom: 1rem;
}
.ProjectIntro__imgBox__img {
  margin: 0 auto;
  overflow: hidden;
}
.ProjectIntro__imgBox__sns {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 3rem auto 1rem;
}
@media screen and (min-width: 64em) {
  .ProjectIntro__imgBox__sns {
    margin: 3rem auto;
  }
}
.ProjectIntro__imgBox__sns img {
  width: 3rem;
  height: 2.5rem;
  margin: 0rem 1rem;
}
@media screen and (min-width: 64em) {
  .ProjectIntro__imgBox__sns img {
    width: 5rem;
    height: 4rem;
  }
}

.ProjectMeet__content {
  position: relative;
  margin: auto;
  display: block;
  text-align: center;
}
.ProjectMeet__content .bg-AboutConetnt {
  padding: 4rem 1rem;
}
@media screen and (min-width: 64em) {
  .ProjectMeet__content .bg-AboutConetnt {
    padding: 7rem 1rem;
  }
}
@media screen and (min-width: 64em) {
  .ProjectMeet__content .bg-AboutConetnt a {
    margin-top: 3rem;
  }
}
.ProjectMeet__content img {
  width: 2rem;
  height: auto;
}
@media screen and (min-width: 64em) {
  .ProjectMeet__content img {
    width: 4rem;
  }
}
.ProjectMeet__content h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 64em) {
  .ProjectMeet__content h2 {
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
  }
}
.ProjectMeet__content p {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  text-align: center;
  padding: 0rem 2rem;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (min-width: 64em) {
  .ProjectMeet__content p {
    font-size: 1.8rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 64em) {
  .ProjectMeet .post-single-contentPC {
    width: 100%;
    padding-right: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .ProjectMeet .post-single__featured-image {
    width: 55%;
    min-width: 55%;
  }
}
.ProjectMeet .post-single__featured-image img {
  width: 100%;
}
.ProjectMeet .post-single__data {
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  margin: 0rem auto;
  padding: 2rem 1.5rem 3.5rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 64em) {
  .ProjectMeet .post-single__data {
    max-width: 98rem;
    padding: 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 64em) {
  .ProjectMeet .post-single__data-list {
    width: 80%;
  }
}
.ProjectMeet .post-single__data-item {
  font-weight: 700;
  font-size: 1.4rem;
  padding: 1.5rem 0.8rem 1.5rem 4.7rem;
  border-bottom: 2px solid #000;
  position: relative;
  letter-spacing: 0.025em;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .ProjectMeet .post-single__data-item {
    font-size: 1.6rem;
    padding: 0.8rem 0.8rem 0.8rem 4.7rem;
  }
}
.ProjectMeet .post-single__data-item::before {
  content: "";
  background-image: url(../img/icon/common/calendar-alt.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  margin: auto 0;
  width: 2rem;
  height: 2rem;
}
.ProjectMeet .post-single__data-item.price:before {
  background-image: url(../img/icon/common/coins.svg);
}
.ProjectMeet .post-single__data-item.location:before {
  background-image: url(../img/icon/common/laptop.svg);
}
.ProjectMeet .post-single h2 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.025em;
}
.ProjectMeet .post-single__Item {
  display: block;
  margin: 1.5rem 0rem;
  padding: 3rem 0rem;
}
@media screen and (min-width: 64em) {
  .ProjectMeet .post-single__Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: auto;
  }
}
.ProjectMeet .post-single__Item h3 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: -0.025em;
  text-align: center;
  margin-bottom: 1rem;
}
.ProjectMeet .post-single__Item .icon {
  width: 2.6rem;
  height: auto;
}
.ProjectMeet .post-single__Item a {
  margin-top: 1.5rem !important;
}
.ProjectMeet .post-single__Item p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.025em;
  margin-top: 1.5rem;
}
.ProjectMeet .post-single__Item_Box {
  display: block;
  margin: 1.5rem auto;
  padding: 1rem 1.5rem;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.ProjectMeet .post-single__Item_Box img {
  width: 1.4rem;
  height: auto;
  margin: auto -0.5rem 0.4rem auto;
}
.ProjectMeet .post-single__Item_Box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0rem;
  border-bottom: 2px solid #707070;
}
.ProjectMeet .post-single__Item_Box li .ttl, .ProjectMeet .post-single__Item_Box li .content {
  font-size: 1.4rem;
  width: 50%;
  text-align: left;
}
.ProjectMeet__btn {
  margin: 3rem auto 1rem;
  padding: 0rem 1rem;
}
@media screen and (min-width: 64em) {
  .ProjectMeet__btn {
    margin-top: 0;
  }
}

.ProjectPoint__item {
  position: relative;
  margin: 5rem auto 7rem;
  display: block;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .ProjectPoint__item {
    padding: 1.5rem 0rem;
    width: 100rem;
  }
}
.ProjectPoint__item h3 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .ProjectPoint__item h3 {
    font-size: 2.8rem;
    margin-bottom: 4rem;
  }
}
.ProjectPoint__imgBox {
  position: relative;
  padding-bottom: 3rem;
}
@media screen and (min-width: 64em) {
  .ProjectPoint__imgBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10rem;
  }
}
.ProjectPoint__imgBox-item {
  display: block;
}
@media screen and (min-width: 64em) {
  .ProjectPoint__imgBox-item {
    width: 50%;
    margin-right: 3rem;
  }
}
.ProjectPoint__imgBox__img {
  margin: 0 1rem;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .ProjectPoint__imgBox__img {
    margin: 0 3rem;
  }
}
.ProjectPoint__imgBox__img img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.ProjectPoint__imgBox__img02 {
  width: 2rem;
  height: auto;
}
@media screen and (min-width: 64em) {
  .ProjectPoint__imgBox__img02 {
    width: 4rem;
  }
}
.ProjectPoint__bg-color {
  background-image: url(../img/page/bg/bg-card/bg-card02.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 13rem;
  margin-top: -10rem;
}
.ProjectPoint__meta {
  margin: 2rem auto;
  width: 30rem;
}
@media screen and (min-width: 64em) {
  .ProjectPoint__meta {
    width: 50%;
    margin: 4rem auto;
  }
}
.ProjectPoint__meta p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.5rem;
  line-height: 1.7;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 64em) {
  .ProjectPoint__meta p {
    font-size: 1.8rem;
  }
}

.ProjectFlow__content {
  position: relative;
  margin: auto;
  display: block;
  text-align: center;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  margin-bottom: 10rem;
}
.ProjectFlow__content img {
  width: 2rem;
  height: auto;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__content img {
    width: 4rem;
  }
}
.ProjectFlow__content h2 {
  font-size: 1.8rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__content h2 {
    font-size: 2.8rem;
    margin-bottom: 3.5rem;
  }
}
.ProjectFlow__content .bg-content {
  background: -webkit-linear-gradient(-90deg, rgba(229, 81, 153, 0.18), rgba(60, 88, 199, 0.18));
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5rem 0rem 0rem 5rem;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__content .bg-content {
    width: 70%;
    margin-right: 0rem;
    margin-left: auto;
    position: relative;
  }
}
.ProjectFlow__Item {
  position: relative;
  display: block;
  padding: 2rem 3rem;
  margin: 3rem 0rem 3rem 6rem;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__Item {
    padding: 2rem 14rem 2rem 3rem;
  }
}
.ProjectFlow__Item-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3rem auto 2rem -6rem;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__Item-item {
    margin: 3rem auto 8rem -6rem;
  }
}
.ProjectFlow__Item-item .item01 {
  display: block;
  color: #FFFF;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2rem auto;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__Item-item .item01 {
    font-size: 1.6rem;
    margin: 3.7rem auto;
    line-height: 1.8;
  }
}
.ProjectFlow__Item-item .item01 p {
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__Item-item .item01 p {
    font-size: 3rem;
    line-height: 1;
  }
}
.ProjectFlow__Item-item .bg {
  background-image: url(../img/icon/common/icon-bgstep.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 7rem;
  min-width: 7rem;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__Item-item .bg {
    height: 13rem;
    min-width: 13rem;
  }
}
.ProjectFlow__Item-content {
  display: block;
  margin-left: 3rem;
  text-align: left;
}
.ProjectFlow__Item-content h3 {
  font-size: 1.8rem;
  line-height: 2;
  border-bottom: 1px solid #707070;
  width: 16rem;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__Item-content h3 {
    font-size: 2.8rem;
    width: 30rem;
  }
}
.ProjectFlow__Item-content p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 1rem 0rem;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__Item-content p {
    font-size: 1.8rem;
  }
}
.ProjectFlow__Item__meta {
  display: block;
}
.ProjectFlow__Btn {
  position: relative;
  display: block;
  width: 29rem;
  margin: auto;
}
.ProjectFlow__Btn a {
  margin: 5rem auto;
}
@media screen and (min-width: 64em) {
  .ProjectFlow__Btn a {
    margin: 8rem auto;
  }
}

.ProjectOthers__content {
  position: relative;
  margin: auto;
  display: block;
  text-align: center;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  background-color: #FFFF;
  padding: 5rem 0;
}
.ProjectOthers__content img {
  width: 2rem;
  height: auto;
}
@media screen and (min-width: 64em) {
  .ProjectOthers__content img {
    width: 4rem;
  }
}
.ProjectOthers__content h2 {
  font-size: 1.8rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .ProjectOthers__content h2 {
    font-size: 2.8rem;
    margin-bottom: 3.5rem;
  }
}
.ProjectOthers__content02 {
  display: block;
  background-color: #F0F0F0;
}
.ProjectOthers__Item {
  position: relative;
  display: block;
  padding: 2rem 3rem;
  margin: 3rem 0rem 3rem 6rem;
}
.ProjectOthers__Item-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3rem auto 2rem -6rem;
}
.ProjectOthers__Item-item .item01 {
  display: block;
  color: #FFFF;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2rem auto;
}
.ProjectOthers__Item-item .item01 p {
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
}
.ProjectOthers__Item-item .bg {
  background-image: url(../img/icon/common/icon-bgstep.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 7rem;
  min-width: 7rem;
}
.ProjectOthers__Item-content {
  display: block;
  margin-left: 3rem;
  text-align: left;
}
.ProjectOthers__Item-content h3 {
  font-size: 1.8rem;
  line-height: 2;
  border-bottom: 1px solid #707070;
  width: 16rem;
}
.ProjectOthers__Item-content p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 1rem 0rem;
}
.ProjectOthers__Item__meta {
  display: block;
}
.ProjectOthers__Btn {
  position: relative;
  display: block;
}
.ProjectOthers__Btn a {
  margin: 5rem auto;
}

main.about .mission {
  text-align: center;
}
main.about .mission .mission__ttl {
  color: #ccc;
  font-size: 1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
}
main.about .mission h2 {
  font-size: 2.6rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 48em) {
  main.about .mission h2 {
    font-size: 3.6rem;
  }
}
main.about .mission p {
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 5rem;
}
main.about .mission img.mechanism {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  main.about .mission img.mechanism {
    width: 50%;
  }
}
main.about .vision {
  padding-top: 14rem;
  padding-bottom: 12rem;
  background-image: url("../img/page/about/about-us_concept_bg_sp.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 -1px;
  position: relative;
}
@media screen and (min-width: 48em) {
  main.about .vision {
    padding-top: 12rem;
    background-image: url("../img/page/about/about-us_concept_bg_pc.jpeg");
  }
}
main.about .vision:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 20rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(70, rgba(255, 255, 255, 0.5)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 70, white 100%);
}
main.about .vision .r-inner {
  position: relative;
  z-index: 1;
}
main.about .vision-bgTx {
  height: 5.4rem;
  margin-left: -1.5rem;
  margin-bottom: 4rem;
  background-image: url("../img/page/about/ourvision-tx.svg");
  background-repeat: repeat-x, no-repeat;
  background-size: contain;
}
@media screen and (min-width: 48em) {
  main.about .vision-bgTx {
    margin-bottom: 6rem;
  }
}
main.about .vision h2 {
  color: #fff;
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (min-width: 48em) {
  main.about .vision h2 {
    font-size: 3.2rem;
    letter-spacing: 0.5rem;
  }
}
main.about .vision p {
  color: #fff;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.6rem;
  text-align: center;
}
main.about .reason-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
  background: url("../img/page/about/reason-tx.svg"), no-repeat, center;
  background-repeat: repeat-x;
}
main.about .reason-ttl h2 {
  font-size: 2.4rem;
  text-align: center;
  padding: 0.8rem 0;
}
main.about .reason-arrow {
  display: block;
  margin: 0 auto 7rem;
}
@media screen and (min-width: 48em) {
  main.about .reason-arrow {
    height: 2rem;
  }
}
main.about .reason .reason-box {
  position: relative;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 13rem;
}
main.about .reason .reason-box:last-child {
  margin-bottom: 0;
}
main.about .reason .reason-box:last-child h3 {
  line-height: 1.6;
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box:last-child h3 {
    line-height: 1.8;
  }
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box {
    max-width: 79.8rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
main.about .reason .reason-box .reason-topTx {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -1.8rem;
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box .reason-topTx {
    top: -2.6rem;
  }
}
main.about .reason .reason-box .reason-topTx__wrap {
  display: inline-block;
  padding: 0 2rem;
  border-right: double 4px #000;
  border-left: double 4px #000;
  background: #fff;
  -webkit-transform: skewX(165deg);
          transform: skewX(165deg);
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box .reason-topTx__wrap {
    padding: 1rem 1.5rem;
  }
}
main.about .reason .reason-box .reason-topTx__tx {
  font-size: 2rem;
  -webkit-transform: skewX(-165deg);
          transform: skewX(-165deg);
}
main.about .reason .reason-box .reason-topTx span {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
main.about .reason .reason-box__img {
  background: #f5f5f5;
  padding: 4rem 3rem 2rem;
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box__img {
    min-width: 50%;
    padding: 5rem;
  }
}
main.about .reason .reason-box__img.il {
  padding: 6rem 4rem 3rem;
}
main.about .reason .reason-box__txBox {
  padding: 3rem 2rem;
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box__txBox {
    padding: 3rem 4rem;
  }
}
main.about .reason .reason-box__txBox h3 {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.4;
  letter-spacing: -0.1rem;
  margin-bottom: 1rem;
}
main.about .reason .reason-box__txBox h3 span {
  background-image: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
  background-image: linear-gradient(to right, #E55199, #3C58C7);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box__txBox h3 {
    text-align: left;
    margin-bottom: 2rem;
  }
}
main.about .reason .reason-box__txBox p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box__txBox p {
    text-align: left;
    margin-bottom: 2rem;
  }
}
main.about .reason .reason-box__txBox .source {
  color: #ccc;
  font-size: 1.4rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.about .reason .reason-box__txBox .source {
    text-align: left;
  }
}
main.about .reason .reason-box__arrow {
  width: 100%;
  position: absolute;
  bottom: -5.5rem;
  text-align: center;
}
main.about .joinus {
  padding-top: 12rem;
  padding-bottom: 10rem;
  background-image: url(../img/page/member/joinus-bg-sp.svg);
  background-position-y: 20rem;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 48em) {
  main.about .joinus {
    background-image: url(../img/page/member/joinus-bg-pc.svg);
    background-position: bottom;
  }
}
main.about .joinus .joinus-txBox {
  text-align: center;
}
main.about .joinus .joinus-txBox__ttl h2 {
  font-size: 6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3.6rem;
}
@media screen and (min-width: 48em) {
  main.about .joinus .joinus-txBox__ttl h2 {
    font-size: 7.4rem;
  }
}
main.about .joinus .joinus-txBox__tx {
  margin-bottom: 4rem;
}
@media screen and (min-width: 48em) {
  main.about .joinus .joinus-txBox__tx {
    margin-bottom: 7rem;
  }
}
main.about .joinus .joinus-txBox__tx h3 {
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.4rem;
  margin-bottom: 3rem;
}
main.about .joinus .joinus-txBox__tx h3 span {
  font-weight: bold;
}
@media screen and (min-width: 48em) {
  main.about .joinus .joinus-txBox__tx h3 {
    font-size: 3.6rem;
  }
}
main.about .joinus .joinus-txBox__tx p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.about .joinus .joinus-txBox__tx p {
    font-size: 1.8rem;
  }
}
main.about .joinus .joinus-btn {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 48em) {
  main.about .joinus .joinus-btn {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
main.about .joinus .joinus-btn a {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 48em) {
  main.about .joinus .joinus-btn a {
    margin: 0 4rem;
  }
}
main.about .event {
  position: relative;
  padding-top: 8rem;
}
@media screen and (min-width: 48em) {
  main.about .event {
    padding-top: 14rem;
  }
}
main.about .event:before {
  position: absolute;
  top: 10rem;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.7)), color-stop(40%, white));
  background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 20%, white 40%);
}
main.about .event .event-ttl {
  text-align: center;
  margin-bottom: 6.5rem;
  position: relative;
  z-index: 1;
}
main.about .event .event-ttl h3 {
  background-image: url(../img/page/about/event-tx.svg);
}
main.about .event .event-ttl p {
  margin-top: 2rem;
  text-align: center;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
main.about .event .card-meet {
  margin-bottom: 0;
}
main.about .member .bgTx-ttl {
  margin-bottom: 2rem;
}
@media screen and (min-width: 48em) {
  main.about .member .bgTx-ttl {
    margin-bottom: 8rem;
  }
}
main.about .member .bgTx-ttl h2 {
  background-image: url(../img/page/about/member-tx.svg);
}
@media screen and (min-width: 48em) {
  main.about .member-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
main.about .member-box {
  text-align: center;
  margin-bottom: 8rem;
}
@media screen and (min-width: 48em) {
  main.about .member-box {
    max-width: 335px;
    margin: 0 5rem 0;
  }
}
main.about .member-box:last-child {
  margin-bottom: 0;
}
main.about .member-box .profile {
  margin-bottom: 2rem;
}
main.about .member-box p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  margin-bottom: 3rem;
}
@media screen and (min-width: 48em) {
  main.about .member-box p {
    font-size: 1.6rem;
  }
}
main.about .member-box__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.about .member-box__sns a {
  display: block;
  margin: 0 1rem;
}
main.about .movie {
  margin-bottom: 15rem;
}
main.about .movie .bgTx-ttl {
  margin-bottom: 2rem;
}
main.about .movie .bgTx-ttl h2 {
  background-image: url(../img/page/about/movie-tx.svg);
}
main.about .movie .bgTx-ttl p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
main.about .movie .profile-photo {
  text-align: cneter;
  margin: 0 auto 8rem;
}
main.about .movie .profile-photo img {
  width: 100%;
}
@media screen and (min-width: 48em) {
  main.about .movie .profile-photo {
    max-width: 47rem;
    margin-bottom: 12rem;
  }
}
main.about .movie .movie-box {
  position: relative;
  margin-bottom: 4rem;
  padding: 4rem 0;
}
@media screen and (min-width: 48em) {
  main.about .movie .movie-box {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12rem;
  }
}
main.about .movie .movie-box__num {
  position: absolute;
  top: -2rem;
  left: -5%;
  z-index: 1;
}
main.about .movie .movie-box__bg {
  width: 120%;
  margin-left: -10%;
  background-image: url("../img/page/about/aboutus-movie-bg_sp.jpeg");
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  z-index: 0;
}
@media screen and (min-width: 48em) {
  main.about .movie .movie-box__bg {
    background-image: url("../img/page/about/aboutus-movie-bg_pc.jpeg");
  }
}
main.about .movie .movie-box__bg:before {
  content: "";
  display: block;
  padding-top: 50%;
}
@media screen and (min-width: 48em) {
  main.about .movie .movie-box__bg:before {
    padding-top: 23%;
  }
}
main.about .movie .movie-box__wrapper {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 48em) {
  main.about .movie .movie-box__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 48em) {
  main.about .movie .movie-box__ttl {
    width: 100%;
  }
}
main.about .movie .movie-box__ttl h4 {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
@media screen and (min-width: 48em) {
  main.about .movie .movie-box__ttl h4 {
    margin: 1rem 0 2rem;
  }
}
main.about .movie .movie-box__content {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: 2.8rem;
}
@media screen and (min-width: 48em) {
  main.about .movie .movie-box__content {
    width: 65%;
    margin-bottom: 0;
  }
}
main.about .movie .movie-box__content:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
main.about .movie .movie-box__content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main.about .movie .movie-count {
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.about .movie .movie-count {
    width: 35%;
    text-align: left;
    padding: 3rem;
  }
}
main.about .movie .movie-count__tx span {
  font-size: 1.6rem;
}
main.about .movie .movie-count__num {
  line-height: 1.2;
}
main.about .movie .movie-count__num span {
  font-size: 4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
}
main.about .follow-us {
  text-align: center;
}
main.about .follow-us__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.2rem;
}
main.about .follow-us__sns a {
  display: block;
  margin: 0 1.5rem;
}
main.about .follow-us__sns a img {
  height: 3.6rem;
}

main.fund {
  overflow: hidden;
}
main.fund .page-ttl01__bg01 {
  background-image: url("../img/page/fund/page-ttl.jpg");
}
main.fund p.num-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2rem 0 1.7rem;
}
main.fund p.num-count span {
  font-family: "proxima-nova", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  max-width: 3.8rem;
  width: 100%;
  height: 5.4rem;
  margin: 0 0.2rem;
  position: relative;
  background-image: url("../img/page/fund/count-num-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 101% 100%;
  background-color: #fff;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
  z-index: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 48em) {
  main.fund p.num-count span {
    font-size: 3.4rem;
    max-width: 4.3rem;
    min-height: 6rem;
  }
}
main.fund p.num-count span:last-child {
  position: relative;
}
main.fund p.num-count span:last-child:after {
  content: "本";
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  position: absolute;
  right: -2rem;
  bottom: -0.4rem;
}
main.fund .cumulative-box {
  text-align: center;
  padding: 1.8rem 2rem;
  border-radius: 1.4rem;
  background: -webkit-linear-gradient(-90deg, #73C324, #FFC72E);
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 48em) {
  main.fund .cumulative-box {
    max-width: 432px;
    margin: 0 auto;
  }
}
main.fund .cumulative-box__ttl {
  color: #fff;
  font-size: 1.8rem;
}
@media screen and (min-width: 48em) {
  main.fund .cumulative-box__ttl {
    font-size: 2.2rem;
  }
}
main.fund .cumulative-box__date {
  color: #9a9257;
  font-size: 1.2rem;
  text-align: right;
}
@media screen and (min-width: 48em) {
  main.fund .cumulative-box__date {
    font-size: 1.5rem;
  }
}
main.fund .about {
  padding-top: 0;
}
main.fund .about-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
  background-image: url("../img/page/fund/fund-tx.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 114%;
  padding: 1rem 0;
}
@media screen and (min-width: 48em) {
  main.fund .about-ttl {
    padding: 0.3rem 0;
    margin-bottom: 7rem;
    background-size: 68rem;
  }
}
main.fund .about-ttl h2 {
  font-size: 2.4rem;
  text-align: center;
  padding: 1rem 0;
}
@media screen and (min-width: 48em) {
  main.fund .about-ttl h2 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 48em) {
  main.fund .about .about-fund {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
main.fund .about .about-fund__txBox {
  text-align: center;
}
main.fund .about .about-fund__txBox h3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 48em) {
  main.fund .about .about-fund__txBox h3 {
    font-size: 2.8rem;
  }
}
main.fund .about .about-fund__txBox img {
  margin: 2.5rem auto 1.7rem;
}
@media screen and (min-width: 48em) {
  main.fund .about .about-fund__txBox img {
    width: 3.8rem;
    margin: 3rem 0;
  }
}
main.fund .about .about-fund__txBox p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.fund .about .about-fund__txBox p {
    font-size: 1.8rem;
  }
}
main.fund .about .about-fund__imgBox {
  width: 90%;
  margin: 3rem auto;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.fund .about .about-fund__imgBox {
    width: 40%;
    margin: 0 0 0 3rem;
  }
  main.fund .about .about-fund__imgBox img {
    width: 80%;
  }
}
main.fund .fund-activity .r-inner {
  background: #F8F8F8;
  padding: 4rem 2rem;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.fund .fund-activity .r-inner {
    padding: 8rem 6rem;
  }
}
main.fund .fund-activity .r-inner .fund-activity__wrapper {
  max-width: 690px;
  margin: 0 auto;
}
main.fund .fund-activity .r-inner h2 {
  font-size: 2.4rem;
  text-align: center;
  width: 100%;
  margin-bottom: 3.2rem;
  display: inline-block;
  position: relative;
}
main.fund .fund-activity .r-inner h2:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 77px;
  /*下線の幅*/
  height: 3px;
  /*下線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #73C324;
  /*下線の色*/
}
main.fund .fund-activity .r-inner img {
  margin: 0 0 4rem;
  width: 100%;
}
main.fund .fund-activity .r-inner p {
  text-align: left;
  margin: 0 auto 2rem;
}
main.fund .fund-activity .r-inner .fund-activity__topTx {
  font-size: 1.6rem;
  text-align: center;
}
main.fund .fund-activity .r-inner h3 {
  font-size: 1.6rem;
  text-align: left;
  margin: 0 auto;
}
main.fund .fund-use {
  padding-top: 0;
}
main.fund .fund-use__txBox {
  text-align: center;
  margin-bottom: 2.5rem;
}
main.fund .fund-use__txBox h3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 48em) {
  main.fund .fund-use__txBox h3 {
    font-size: 2.8rem;
  }
}
main.fund .fund-use__txBox img {
  margin: 1rem auto;
}
@media screen and (min-width: 48em) {
  main.fund .fund-use__txBox img {
    width: 3.8rem;
    margin: 3rem 0;
  }
}
main.fund .fund-use__txBox p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.fund .fund-use__txBox p {
    font-size: 1.8rem;
  }
}
main.fund .fund-use__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 48em) {
  main.fund .fund-use__list {
    max-width: 840px;
    margin: 8rem auto 4rem;
  }
}
main.fund .fund-use__list li {
  width: 50%;
  text-align: center;
  padding: 3rem 1.5rem;
}
main.fund .fund-use__list li:nth-child(1), main.fund .fund-use__list li:nth-child(2) {
  border-bottom: 1px solid #ccc;
}
main.fund .fund-use__list li:nth-child(1), main.fund .fund-use__list li:nth-child(3) {
  border-right: 1px solid #ccc;
}
main.fund .fund-use__list li img {
  width: 6.4rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 48em) {
  main.fund .fund-use__list li img {
    width: 9rem;
  }
}
main.fund .fund-use__list li p {
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.fund .fund-use__list li {
    width: 25%;
    padding: 0 1.5rem;
    border-right: 1px solid #ccc;
  }
  main.fund .fund-use__list li:nth-child(1), main.fund .fund-use__list li:nth-child(2) {
    border-bottom: none;
    border-right: 1px solid #ccc;
  }
  main.fund .fund-use__list li:nth-child(1), main.fund .fund-use__list li:nth-child(3) {
    border-right: none;
    border-right: 1px solid #ccc;
  }
  main.fund .fund-use__list li:last-child {
    border-right: none;
  }
  main.fund .fund-use__list li p {
    font-size: 2rem;
  }
}
main.fund .how-use {
  padding-top: 0;
}
main.fund .how-use__txBox {
  text-align: center;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 48em) {
  main.fund .how-use__txBox {
    margin-bottom: 4rem;
  }
}
main.fund .how-use__txBox h3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 48em) {
  main.fund .how-use__txBox h3 {
    font-size: 2.8rem;
  }
}
main.fund .how-use__txBox img {
  margin: 1rem auto;
}
@media screen and (min-width: 48em) {
  main.fund .how-use__txBox img {
    width: 3.8rem;
    margin: 3rem 0;
  }
}
main.fund .how-use__txBox p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.fund .how-use__txBox p {
    font-size: 1.8rem;
  }
}
main.fund .how-use .use-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 48em) {
  main.fund .how-use .use-count {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 960px;
    margin: 0 auto;
  }
}
main.fund .how-use .use-count__img {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 48em) {
  main.fund .how-use .use-count__img {
    width: 60%;
  }
}
main.fund .how-use .use-count__num {
  background-color: #000;
  margin-top: -10rem;
  padding: 13rem 3rem 4rem;
}
@media screen and (min-width: 48em) {
  main.fund .how-use .use-count__num {
    width: 80%;
    margin: 0 0 0 -20%;
    padding: 7rem 0 7rem 15%;
  }
  main.fund .how-use .use-count__num:first-child {
    margin-bottom: 3rem;
  }
}
main.fund .how-use .use-count .use-numBox {
  text-align: center;
}
main.fund .how-use .use-count .use-numBox:first-child {
  margin-bottom: 3rem;
}
main.fund .how-use .use-count .use-numBox__ttl {
  font-size: 2rem;
  letter-spacing: 0;
  border-bottom: 1px solid #ACB6E5;
  border-color: transparent;
  display: inline;
  position: relative;
  margin-bottom: 8px;
}
main.fund .how-use .use-count .use-numBox__ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 97%;
  bottom: -3%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
  background: linear-gradient(to right, #E55199, #3C58C7);
}
main.fund .how-use .use-count .use-numBox__count01 span:last-child:after {
  content: "本";
}
main.fund .how-use .use-count .use-numBox__count span:last-child:after {
  content: "日";
}

main.member .r-section01 {
  text-align: center;
}
main.member .r-section01 h2 {
  font-size: 3.2rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 48em) {
  main.member .r-section01 h2 {
    font-size: 3.6rem;
  }
}
main.member .r-section01 p {
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
}
main.member .r-ttl02 {
  margin-bottom: 7rem;
}
main.member .rule {
  background-image: url("../img/page/member/member_rule_bg_sp.jpg");
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 48em) {
  main.member .rule {
    background-image: url("../img/page/member/member_rule_bg_pc.jpg");
  }
}
main.member .rule .rule-ttl {
  text-align: center;
  margin-bottom: 6.5rem;
  background: url("../img/page/member/rule-tx.svg"), repeat-x, center;
}
main.member .rule .rule-ttl h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: -1rem;
}
@media screen and (min-width: 48em) {
  main.member .rule .rule-ttl h2 {
    font-size: 3.2rem;
  }
}
main.member .rule .rule-ttl__tx {
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
}
@media screen and (min-width: 48em) {
  main.member .rule .rule-ttl__tx {
    font-size: 1.8rem;
  }
}
main.member .rule .rule-box {
  text-align: center;
  position: relative;
  margin-bottom: 4.5rem;
}
@media screen and (min-width: 48em) {
  main.member .rule .rule-box {
    margin-bottom: 7rem;
  }
}
main.member .rule .rule-box:last-child {
  margin-bottom: 0;
}
main.member .rule .rule-box__num {
  width: 100%;
  position: absolute;
  top: -2.3rem;
}
@media screen and (min-width: 48em) {
  main.member .rule .rule-box__num {
    top: -2.9rem;
  }
}
main.member .rule .rule-box__num img {
  height: 2.1rem;
}
@media screen and (min-width: 48em) {
  main.member .rule .rule-box__num img {
    height: 3rem;
  }
}
main.member .rule .rule-box__ttl {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  font-family: "proxima-nova", sans-serif;
  display: inline;
  padding: 1rem 2rem 0.9rem 2rem;
  background: #000;
}
main.member .rule .rule-box__tx {
  font-size: 1.6rem;
  margin-top: 1.8rem;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.member .rule .rule-box__tx {
    font-size: 1.8rem;
  }
}
main.member .flow {
  background: #f7f7f7;
}
@media screen and (min-width: 48em) {
  main.member .flow__wrap {
    max-width: 960px;
    margin: 0 auto;
  }
}
main.member .flow .flow-box {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
main.member .flow .flow-box__img {
  margin: 0 auto 2rem;
  text-align: center;
}
main.member .flow .flow-box__img img {
  width: 60%;
}
main.member .flow .flow-box__txBox h3 {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.4;
}
main.member .flow .flow-box__txBox p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
  margin-top: 0.5rem;
}
main.member .flow .flow-arrow {
  text-align: center;
  margin: 0.5rem auto 4rem;
}
@media screen and (min-width: 48em) {
  main.member .flow .flow-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main.member .flow .flow-arrow img {
    min-width: 25px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
main.member .project {
  padding-bottom: 15rem;
}
@media screen and (min-width: 48em) {
  main.member .project__wrap {
    max-width: 812px;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
main.member .project .project-box {
  max-width: 340px;
  margin: 0 auto 9rem;
}
main.member .project .project-box__img {
  text-align: center;
  margin-bottom: 2.4rem;
}
main.member .project .project-box__img img {
  width: 80%;
}
@media screen and (min-width: 48em) {
  main.member .project .project-box__img img {
    width: auto;
    height: 180px;
  }
}
main.member .project .project-box__cate {
  color: #fff;
  font-size: 2.4rem;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  padding: 0.1rem 2rem;
  display: inline-block;
  margin-bottom: 1.5rem;
  letter-spacing: 0.2rem;
}
main.member .project .project-box__tx {
  font-size: 1.6rem;
  line-height: 1.5;
}
main.member .project a.btn-main {
  max-width: 2.9rem;
  margin: -4rem auto 0;
}
@media screen and (min-width: 48em) {
  main.member .project a.btn-main {
    max-width: 20rem;
    padding: 2rem 32px;
  }
}
main.member .wanted {
  padding-top: 0;
  background: #ff969B;
}
main.member .wanted .wanted-ttl {
  line-height: 1.2;
  text-align: center;
  padding-top: 2.6rem;
  margin-bottom: 4rem;
  background: url("../img/page/member/wanted-tx.svg"), center;
  background-repeat: no-repeat;
  background-position: 1rem 0;
}
@media screen and (min-width: 48em) {
  main.member .wanted .wanted-ttl {
    margin-bottom: 6.4rem;
    background-size: 39rem;
    background-repeat: repeat-x;
  }
}
main.member .wanted .wanted-ttl h2 {
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-size: 4rem;
  font-weight: bold;
}
@media screen and (min-width: 48em) {
  main.member .wanted .wanted-ttl h2 {
    font-size: 4.8rem;
  }
  main.member .wanted .wanted-ttl h2.vsp {
    display: none;
  }
  main.member .wanted .wanted-ttl h2.vpc {
    display: block;
  }
}
@media screen and (min-width: 48em) {
  main.member .wanted .wanted-box {
    max-width: 812px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
main.member .wanted .wanted-box__img {
  margin-bottom: 3rem;
}
@media screen and (min-width: 48em) {
  main.member .wanted .wanted-box__img {
    margin-right: 4rem;
  }
}
main.member .wanted .wanted-box__tx {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.member .wanted .wanted-box__tx {
    text-align: left;
  }
}
main.member a.member-btn {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  width: 90%;
  min-width: 29rem;
  max-width: 40rem;
  margin: 4rem auto -7.7rem;
  padding: 1.7rem 2rem;
  background: #fff;
  display: block;
  position: relative;
  border: 0.3rem solid #E55199;
  -o-border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
     border-image: linear-gradient(to right, #E55199 0%, #3C58C7 100%);
  border-image-slice: 1;
}
main.member a.member-btn:after {
  content: "";
  width: 3rem;
  background-image: url(../img/icon/arrow/btn/btn-arrow-mini.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.4rem;
}
@media screen and (min-width: 48em) {
  main.member a.member-btn {
    margin: 4rem auto -11rem;
    max-width: 20rem;
    padding: 2rem 32px;
  }
}
main.member .joinus {
  padding-top: 14rem;
  padding-bottom: 30rem;
  background-image: url(../img/page/member/joinus-bg-sp.svg);
  background-position-y: 20rem;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 48em) {
  main.member .joinus {
    background-image: url(../img/page/member/joinus-bg-pc.svg);
    background-position: bottom;
    padding-bottom: 30rem;
  }
}
main.member .joinus .joinus-txBox {
  text-align: center;
}
main.member .joinus .joinus-txBox__ttl h2 {
  font-size: 6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3.6rem;
}
@media screen and (min-width: 48em) {
  main.member .joinus .joinus-txBox__ttl h2 {
    font-size: 7.4rem;
  }
}
main.member .joinus .joinus-txBox__tx {
  margin-bottom: 4rem;
}
main.member .joinus .joinus-txBox__tx h3 {
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
}
main.member .joinus .joinus-txBox__tx p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
}
main.member .form-area {
  padding-top: 0;
  margin-top: -28rem;
}
@media screen and (min-width: 48em) {
  main.member .form-area {
    margin-top: -20rem;
  }
}
main.member .form-area .r-inner {
  position: relative;
}
main.member .form-area .r-inner:before {
  position: absolute;
  top: -67px;
  left: -10%;
  z-index: 0;
  content: "";
  width: 120%;
  height: 25rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0) 0, white 100%);
}
main.member .form-area .r-inner .form {
  position: relative;
  z-index: 2;
}
main.member .form-area .form-ttl {
  text-align: center;
  margin-bottom: 3.5rem;
  background: url("../img/page/member/form-tx.svg"), no-repeat, center;
  background-repeat: repeat-x;
}
main.member .form-area .form-ttl h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 1rem;
}
main.member .member-form__fotter-tx {
  font-size: 1.2rem;
  text-align: center;
  margin: -1rem 0 2rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 48em) {
  main.member .member-form__fotter-tx {
    font-size: 1.4rem;
    margin: -4rem 0 4rem;
  }
}
main.member .member-form__fotter-tx a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

main.meet {
  overflow: hidden;
}
main.meet .card-meet {
  margin-bottom: 4rem;
}

.meet-wrap {
  margin: 72px 0;
}

.card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 48em) {
  .card-wrap {
    max-width: 1080px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.card-meet {
  width: 100%;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 72px;
  position: relative;
  background: #fff;
}
@media screen and (min-width: 48em) {
  .card-meet {
    width: calc(33.333333% - 20px);
    margin: 0 10px 0;
  }
}
.card-meet__status {
  background-image: url(../img/common//meet-inactive.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 85px;
  position: absolute;
  top: -35px;
  right: -5px;
  z-index: 2;
}
.card-meet__status.--active {
  background-image: url(../img/common//meet-active.svg);
}
.card-meet a {
  color: #000000;
  display: block;
}
.card-meet__img img {
  width: 100%;
  height: auto;
}
.card-meet__img {
  background-size: cover;
  background-position: center center;
  padding-top: 49%;
  width: 100%;
}
.card-meet__txtBox {
  position: relative;
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.5;
  background: #fff;
  padding: 32px 20px 40px;
}
.card-meet__txtBox-date {
  font-family: "proxima-nova", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  position: absolute;
  top: -24px;
  left: -7px;
  z-index: 2;
  padding: 6px 20px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 0px -2px black;
          box-shadow: 5px 5px 0px -2px black;
}
.card-meet__txtBox-date span {
  font-size: 16px;
  font-weight: bold;
}
.card-meet__txtBox-date:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 0;
  border-color: transparent #000000 transparent transparent;
}
.card-meet__txtBox-cate {
  letter-spacing: 0;
  border-bottom: 1px solid #ACB6E5;
  border-color: transparent;
  display: inline;
  position: relative;
  margin-bottom: 8px;
}
.card-meet__txtBox-cate:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 94%;
  bottom: 1%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
  background: linear-gradient(to right, #E55199, #3C58C7);
}
.card-meet__txtBox-cate span:before {
  content: "#";
  margin-right: -5px;
}
.card-meet__txtBox h4 {
  margin-top: 8px;
}

@media screen and (min-width: 48em) {
  .flex-card .card-meet {
    width: 820px;
    margin: 0 auto;
  }
  .flex-card .card-meet a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-card .card-meet__img {
    max-width: 48rem;
    width: 100%;
    min-width: 40rem;
  }
  .flex-card .card-meet__txtBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    position: static;
    min-width: 50%;
  }
  .flex-card .card-meet__txtBox-date {
    top: auto;
    bottom: 16px;
  }
}

.contact-Box {
  text-align: center;
  margin: 4rem auto;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .contact-Box {
    margin: 6rem auto;
  }
}
.contact-Box .fig-checked {
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  margin: auto auto 3rem;
}
.contact-Box h2 {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  letter-spacing: -0.025em;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .contact-Box h2 {
    font-size: 2.2rem;
  }
}
.contact-Box p {
  font-size: 1.4rem;
  line-height: 1;
  margin-bottom: 5rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .contact-Box p {
    font-size: 1.6rem;
  }
}
.contact-Box-ttl {
  font-size: 2.2rem !important;
}
@media screen and (min-width: 64em) {
  .contact-Box-ttl {
    font-size: 3.2rem !important;
  }
}
.contact-Box-txt {
  line-height: 1.5 !important;
  margin-bottom: 2rem !important;
}
@media screen and (min-width: 64em) {
  .contact-Box-txt {
    font-size: 1.6rem !important;
    margin-bottom: 3rem !important;
  }
}
.contact-blank {
  display: block;
  height: 10rem;
}
.contact-blankBtn {
  display: block;
  height: 5rem;
}

.start-kv {
  height: 58vh;
  background-color: transparent;
  position: relative;
}
@media screen and (min-width: 48em) {
  .start-kv {
    height: 74vh;
  }
}
.start-kv__txt {
  color: #FFF;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 85%;
  height: 21rem;
  text-align: center;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 48em) {
  .start-kv__txt {
    height: 12rem;
    width: 75%;
  }
}
.start-kv__txt-main {
  font-size: 3.4rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 48em) {
  .start-kv__txt-main {
    font-size: 3.6rem;
  }
}
.start-kv__txt-main h1 {
  margin-bottom: 3.5rem;
}
@media screen and (min-width: 64em) {
  .start-kv__txt-main h1 {
    margin-bottom: 2rem;
  }
}
.start-kv__txt-main p {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -0.025em;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .start-kv__txt-main p {
    font-size: 1.8rem;
  }
}
.start-kv-btn {
  margin-top: -3rem;
  position: relative;
  z-index: 2;
}
.start-kv-btn a {
  border: none !important;
  padding: 2rem 2.2rem;
}
.start-content {
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (min-width: 48em) {
  .start-content {
    margin-bottom: 8rem;
  }
}
.start-content-wrap {
  margin: 7rem auto 3rem;
  display: block;
}
.start-content-wrap h2 {
  font-size: 2.4rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  line-height: 1.5;
  letter-spacing: -0.025em;
  margin-top: 2rem;
}
.start-content-wrap span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(253, 253, 57, 0)), color-stop(40%, #fdfd39));
  background: linear-gradient(to bottom, rgba(253, 253, 57, 0) 60%, #fdfd39 40%);
}
.start-content-wrap h3 {
  margin-top: 2rem;
  font-size: 1.4rem;
}
.start-content-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 11rem 11rem;
  grid-template-rows: 11rem 11rem;
  -ms-grid-columns: 65% 35%;
  grid-template-columns: 65% 35%;
  width: 34rem;
  margin: auto;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 64em) {
  .start-content-grid {
    -ms-grid-rows: 12rem;
    grid-template-rows: 12rem;
    -ms-grid-columns: 28.3% 15% 28.3% 28.3%;
    grid-template-columns: 28.3% 15% 28.3% 28.3%;
    width: 87rem;
  }
}
.start-content-grid02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 16rem;
  grid-template-rows: 16rem;
  -ms-grid-columns: 49% 51%;
  grid-template-columns: 49% 51%;
  width: 34rem;
  margin: auto;
}
@media screen and (min-width: 48em) {
  .start-content-grid02 {
    -ms-grid-rows: 15rem;
    grid-template-rows: 15rem;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
  }
}
.start-content-grid02-item:nth-child(1) {
  width: 16rem;
  margin: 0.2rem;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.03);
}
@media screen and (min-width: 48em) {
  .start-content-grid02-item:nth-child(1) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    border-bottom: none;
  }
}
.start-content-grid02-item:nth-child(2) {
  width: 16rem;
  margin: 0.2rem 0rem 0.2rem 0.5rem;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  grid-column: 2/2;
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.03);
}
@media screen and (min-width: 48em) {
  .start-content-grid02-item:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
    border-bottom: none;
  }
}
.start-content-grid-item:nth-child(1) {
  width: 21.6rem;
  margin: 0.2rem;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.03);
}
@media screen and (min-width: 48em) {
  .start-content-grid-item:nth-child(1) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    border-bottom: none;
    width: 24rem;
  }
}
.start-content-grid-item:nth-child(2) {
  width: 10.6rem;
  margin: 0.2rem 0rem 0.2rem 0.5rem;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  grid-column: 2/2;
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.03);
}
@media screen and (min-width: 48em) {
  .start-content-grid-item:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
    border-bottom: none;
    width: 12rem;
  }
}
.start-content-grid-item:nth-child(3) {
  width: 10.7rem;
  margin: 0.2rem 0rem 0.2rem 0.5rem;
  -ms-grid-row: 2;
  grid-row: 2/2;
  -ms-grid-column: 2;
  grid-column: 2/2;
  border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
}
@media screen and (min-width: 48em) {
  .start-content-grid-item:nth-child(3) {
    -ms-grid-row: 2;
    grid-row: 2/2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    width: 12rem;
  }
}
@media screen and (min-width: 48em) {
  .start-content-grid-item:nth-child(4) {
    border-bottom: none;
    width: 24rem;
    margin: 0.2rem;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
    border-bottom: 0.2rem solid rgba(255, 255, 255, 0.03);
  }
}
@media screen and (min-width: 48em) {
  .start-content-grid-item:nth-child(5) {
    -ms-grid-row: 1;
    grid-row: 1/1;
    -ms-grid-column: 4;
    grid-column: 4/4;
    border-bottom: none;
    width: 24rem;
    margin: 0.2rem;
    border-right: 0.2rem solid rgba(255, 255, 255, 0.03);
    border-bottom: 0.2rem solid rgba(255, 255, 255, 0.03);
  }
}
.start-content-subttl {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 48em) {
  .start-content-numPC {
    margin: 3rem auto;
    width: 50rem;
  }
}
.start-civic {
  text-align: center;
  margin-bottom: 8rem;
}
.start-civic .reason-arrow {
  text-align: center;
  margin: 0 auto;
}
.start-civic .start-project-ttl {
  padding: 2.4rem 1rem;
  margin-bottom: 0rem;
  background-size: 240px;
  line-height: 1.4;
  background-image: url(../img/page/civic/civic-tx.svg);
}
@media screen and (min-width: 64em) {
  .start-civic .start-project-ttl {
    padding: 5.3rem 1rem;
    background-size: 340px;
  }
}
.start-civic__img {
  margin: 0 auto 3rem;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .start-civic__img {
    max-width: 540px;
    margin-bottom: 4.8rem;
  }
}
.start-civic p {
  text-align: center;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 64em) {
  .start-civic p {
    font-size: 1.6rem;
  }
}
.start-civic .front-dot-link {
  margin-bottom: 8rem;
}
.start-project {
  text-align: center;
}
.start-project-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2rem auto;
  background-image: url("../img/page/company/past-tx.svg");
  background-repeat: repeat-x;
  background-position: -1.5rem;
  background-size: 59%;
  padding: 1rem 0;
}
@media screen and (min-width: 48em) {
  .start-project-ttl {
    padding: 5.3rem 0;
    margin-bottom: 0rem;
    background-size: 38%;
    background-image: url("../img/page/company/project-tx.svg");
  }
}
.start-project-ttl h2 {
  font-size: 2.4rem;
  text-align: center;
  padding: 1rem 0;
}
@media screen and (min-width: 48em) {
  .start-project-ttl h2 {
    font-size: 2.8rem;
  }
}
.start-reason {
  text-align: center;
}
.start-reason-ttl {
  text-align: center;
  margin: auto auto 2rem;
}
.start-reason-ttl h2 {
  font-size: 3.2rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  line-height: 1.3;
  letter-spacing: -0.025em;
}
.start-reason__wrap {
  display: block;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .start-reason__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    margin: auto;
  }
}
.start-reason__box {
  display: block;
}
@media screen and (min-width: 48em) {
  .start-reason__box {
    width: 30%;
    margin: 0rem 2.5rem;
  }
}
.start-reason__box-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.start-reason__box__img-num {
  width: 8rem;
  height: auto;
}
.start-reason__box__img-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5rem auto 0rem;
  background-image: url("../img/page/company/reason/bg-blob.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 1rem 0;
  width: 24rem;
  height: 19.3rem;
  margin-left: -1rem;
}
.start-reason__box__img-icon img {
  width: 13rem;
  height: 12rem;
  margin-top: -6rem;
  margin-left: -3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.start-reason__box__txtBox {
  display: block;
  text-align: center;
  margin-top: -4rem;
  margin-bottom: 8rem;
}
.start-reason__box__txtBox h3 {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .start-reason__box__txtBox h3 {
    font-size: 2.6rem;
  }
}
.start-reason__box__txtBox p {
  font-size: 1.4rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .start-reason__box__txtBox p {
    font-size: 1.6rem;
  }
}
.start-service {
  text-align: center;
}
@media screen and (min-width: 48em) {
  .start-service__wrap {
    margin: 8rem auto 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 48em) {
  .start-service__wrap .bottom-card {
    height: 52rem;
  }
}
.start-service-ttl {
  text-align: left;
}
@media screen and (min-width: 48em) {
  .start-service-ttl img {
    width: 5rem;
  }
}
.start-service-ttl h2 {
  font-size: 5rem;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  .start-service-ttl h2 {
    font-size: 6.2rem;
  }
}
.start-service-ttl p {
  font-size: 1.6rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  .start-service-ttl p {
    font-size: 1.8rem;
  }
}
.start-service .project-box {
  max-width: 340px;
  margin: 5rem auto 0rem;
  background-color: #FFFF;
  padding: 4rem 3rem 2.5rem;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .start-service .project-box {
    max-width: 32rem;
    margin: auto 2rem;
  }
}
.start-service .project-box__img {
  text-align: center;
  margin-bottom: 1.4rem;
}
.start-service .project-box__img img {
  width: 70%;
}
@media screen and (min-width: 48em) {
  .start-service .project-box__img img {
    width: auto;
    height: 180px;
  }
}
.start-service .project-box h3 {
  font-size: 2.4rem;
  letter-spacing: 0em;
  line-height: 2.7;
  margin-bottom: 2rem;
}
.start-service .project-box h3::after {
  content: "";
  position: relative;
  width: 2.8rem;
  height: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
}
.start-service .project-box p {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 1.5rem;
}
.start-service .project-box .num-price {
  font-size: 1.8rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0em;
}
.start-service a.btn-main {
  max-width: 2.9rem;
  margin: 4rem auto 0;
  color: #000000;
  font-size: 1.8rem;
}
@media screen and (min-width: 48em) {
  .start-service a.btn-main {
    max-width: 20rem;
    margin: 8rem auto 0;
    padding: 2rem 32px;
  }
}
.start-faq {
  text-align: center;
  background-color: #C0D3FD;
}
@media screen and (min-width: 48em) {
  .start-faq {
    background-color: #F7F7F7;
  }
}
.start-faq-ttl {
  text-align: left;
}
@media screen and (min-width: 48em) {
  .start-faq-ttl img {
    width: 5rem;
  }
}
.start-faq-ttl h2 {
  font-size: 5rem;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  .start-faq-ttl h2 {
    font-size: 6.2rem;
  }
}
.start-faq-ttl p {
  font-size: 1.6rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  .start-faq-ttl p {
    font-size: 1.8rem;
  }
}
.start-faq__wrap {
  margin: 4rem auto;
}
@media screen and (min-width: 48em) {
  .start-faq__wrap {
    margin: 8rem auto 1rem;
    display: block;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 56.25em;
  }
}
.start-faq__wrap details {
  display: block;
  margin: 1rem auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 48em) {
  .start-faq__wrap details {
    margin: 1rem auto 3rem;
  }
}
.start-faq__wrap details[open] summary::after {
  content: "";
  width: 1.1rem;
  min-height: 100%;
  background-image: url(../img/icon/common/plus.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 2rem;
  margin: auto 0;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.start-faq__wrap details summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFF;
  position: relative;
  cursor: pointer;
}
.start-faq__wrap details summary::before {
  content: "Q";
  color: #FFFF;
  font-size: 2.4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  background-color: #000000;
  min-height: 100%;
  padding: 0 1.2rem;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.start-faq__wrap details summary::after {
  content: "";
  width: 1.1rem;
  min-height: 100%;
  background-image: url("../img/icon/common/plus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 2rem;
  margin: auto 0;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.start-faq__wrap details summary .faq-q {
  color: #FFFF;
  font-size: 2.4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  background-color: #000000;
  padding: 1.5rem 4rem 1.5rem 6rem;
}
.start-faq__wrap details summary .faq-qa {
  padding: 1.5rem 4rem 1.5rem 6rem;
  font-size: 1.6rem;
  margin: auto 0rem;
  text-align: left;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  line-height: 1.5;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  .start-faq__wrap details summary .faq-qa {
    padding: 1.5rem 1.5rem 1.5rem 6rem;
  }
}
.start-faq__wrap p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFF;
}
.start-faq__wrap p .faq-a {
  color: #000000;
  font-size: 2.4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  padding: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.start-faq__wrap p .faq-a::after {
  content: "";
  position: relative;
  width: 0.2rem;
  height: 2.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5rem auto 0rem 1rem;
  background-color: rgba(0, 0, 0, 0.08);
}
.start-faq__wrap p .faq-aa {
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  font-size: 1.6rem;
  margin: auto 0rem;
  text-align: left;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  line-height: 1.5;
  letter-spacing: -0.025em;
}
.start-flow {
  text-align: center;
}
.start-flow-ttl {
  text-align: left;
  margin-bottom: 8rem;
}
@media screen and (min-width: 48em) {
  .start-flow-ttl img {
    width: 5rem;
  }
}
.start-flow-ttl h2 {
  font-size: 5rem;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  .start-flow-ttl h2 {
    font-size: 6.2rem;
  }
}
.start-flow-ttl p {
  font-size: 1.6rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  .start-flow-ttl p {
    font-size: 1.8rem;
  }
}
.start-flow__wrap {
  margin: 4rem auto;
}
@media screen and (min-width: 48em) {
  .start-flow__wrap {
    margin: 8rem auto 1rem;
    display: block;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 56.25em;
  }
}
.start-flow__wrap-item {
  display: block;
  margin: 3rem auto 6rem 3rem;
  padding: 2rem 3rem 2rem 4rem;
  border: 3px solid #000000;
  text-align: left;
  letter-spacing: -0.025em;
  border-radius: 0rem 1rem 1rem 0rem;
}
@media screen and (min-width: 48em) {
  .start-flow__wrap-item {
    margin: 3rem auto 9rem 3rem;
    padding: 2.5rem 3rem 2.5rem 5rem;
  }
}
.start-flow__wrap-item::before {
  content: "";
  width: 0.7rem;
  height: 18rem;
  background-image: url(../img/page/company/flow/flow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 12.3%;
  margin: auto 0;
  line-height: 1;
  margin-top: 2.2rem;
}
@media screen and (min-width: 48em) {
  .start-flow__wrap-item::before {
    left: unset;
    margin-left: -5.3rem;
  }
}
.start-flow__wrap-item:last-child::before {
  display: none;
}
.start-flow__wrap-item img {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.5rem;
  height: auto;
  margin-top: -5rem;
  margin-left: -8rem;
}
@media screen and (min-width: 48em) {
  .start-flow__wrap-item img {
    width: 8.4rem;
    margin-top: -6rem;
    margin-left: -9.5rem;
  }
}
.start-flow__wrap-item h3 {
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  .start-flow__wrap-item h3 {
    margin-bottom: 1rem;
  }
}
.start-flow__wrap-item p {
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}

main.archive {
  margin-bottom: 80px;
}
main.archive .archive-tab {
  cursor: pointer;
  margin-top: 50px;
  border-bottom: 1px solid #efefef;
}
main.archive .archive-tab__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 48em) {
  main.archive .archive-tab__inr {
    max-width: 1080px;
    margin: 0 auto;
  }
}
main.archive .archive-tab__tab {
  color: #000;
  width: 20%;
  height: 50px;
  line-height: 1.2;
  text-align: center;
  padding-top: 1px;
  margin-bottom: -1px;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
main.archive .archive-tab__tab:nth-last-child {
  border-right: none;
}
main.archive .archive-tab__tab:hover {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 48em) {
  main.archive .archive-tab__tab {
    height: 60px;
  }
  main.archive .archive-tab__tab:first-child {
    border-left: 1px solid #efefef;
  }
}
main.archive .archive-tab__tab span.all {
  font-size: 1.8rem;
}
main.archive .archive-tab__tab.active {
  border-bottom: 1px solid #fff;
}
main.archive .archive-tab__tab.active:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: 94%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
  background: linear-gradient(to right, #E55199, #3C58C7);
  z-index: 1;
}
main.archive .archive-tab__tab.active span {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
main.archive .archive-content__content {
  margin-top: 30px;
  display: none;
}
main.archive .archive-content__noArticle {
  font-size: 1.6rem;
  text-align: center;
  width: 100%;
  border: 1px solid #191919;
  padding: 20px;
}
main.archive .archive-content__content.show {
  display: block;
}

.card-blog {
  width: 100%;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 48px;
  position: relative;
}
@media screen and (min-width: 48em) {
  .card-blog {
    width: calc(33.333333% - 20px);
    margin: 0 10px 48px;
  }
}
.card-blog a {
  color: #000000;
  display: block;
}
.card-blog__img {
  background-size: cover;
  background-position: center center;
  padding-top: 56.25%;
  width: 100%;
}
.card-blog__txtBox {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 32px 20px 40px;
  text-align: left;
  background: #fff;
}
.card-blog__txtBox-cat {
  position: absolute;
  top: -23px;
  right: 16px;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-transform: skewX(165deg);
          transform: skewX(165deg);
  padding: 8px 16px;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
}
.card-blog__txtBox-cat .tx {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-transform: skewX(-165deg);
          transform: skewX(-165deg);
}
.card-blog__txtBox h4 {
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card-blog__txtBox-date {
  color: #d3d3d3;
  font-weight: bold;
  font-family: "proxima-nova", sans-serif;
  margin-bottom: 6px;
}

.blog-single .r-wrapper {
  padding-top: 2rem;
  padding-bottom: 6rem;
  background: #f7f7f7;
}
@media screen and (min-width: 48em) {
  .blog-single .r-wrapper {
    padding-top: 14rem;
    padding-bottom: 10rem;
  }
}
.blog-single .r-inner {
  background: #fff;
}
@media screen and (min-width: 48em) {
  .blog-single .r-inner {
    max-width: 940px;
  }
}
.blog-single__imgBox img {
  width: 100%;
}
.blog-single__content {
  padding: 1.5rem;
}
@media screen and (min-width: 48em) {
  .blog-single__content {
    padding: 3rem 6rem 6rem;
  }
}
.blog-single__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}
@media screen and (min-width: 48em) {
  .blog-single__info {
    margin-left: -2rem;
    margin-bottom: 3rem;
  }
}
.blog-single__info-date {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "proxima-nova", sans-serif;
  margin-right: 8px;
}
.blog-single__info-cate {
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-transform: skewX(165deg);
          transform: skewX(165deg);
  padding: 2px 14px;
  margin-left: 6px;
}
.blog-single__info-cate .tx {
  color: #fff;
  font-size: 1.6rem;
  -webkit-transform: skewX(-165deg);
          transform: skewX(-165deg);
}
.blog-single__txtBox h1 {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 32px;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 48em) {
  .blog-single__txtBox h1 {
    font-size: 3rem;
    line-height: 1.4;
    margin-bottom: 56px;
  }
}
.blog-single__txtBox h2 {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #000000;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 48em) {
  .blog-single__txtBox h2 {
    font-size: 2.2rem;
    margin-bottom: 24px;
    padding-bottom: 12px;
  }
}
.blog-single__txtBox p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 56px;
  letter-spacing: 0.025em;
}
.blog-single__txtBox p strong {
  font-weight: bold;
}
.blog-single__txtBox .addtoany_content_bottom {
  margin: 40px 0;
}
.blog-single__back a {
  color: #000000;
  margin: 4rem auto;
}
@media screen and (min-width: 48em) {
  .blog-single__back a {
    display: block;
  }
}

.basic .ours {
  display: block;
  background-color: #F7F7F7;
}
.basic .ours-bg {
  background-image: url(../img/page/bg/each/bg-company_sp.jpg);
  background-repeat: repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .basic .ours-bg {
    background-image: url(../img/page/bg/each/bg-company_sp.jpg);
  }
}
.basic .ours-content {
  padding: 3rem 0rem;
}
@media screen and (min-width: 48em) {
  .basic .ours-content {
    margin: auto;
    width: 56.25em;
    border-collapse: separate;
    border-spacing: 0.625em 0;
  }
}
.basic .ours-content figure {
  width: 90%;
  margin: auto;
  max-width: 60rem;
  margin-bottom: 3rem;
}
.basic .ours-Box {
  margin: 0rem auto 1rem;
}
@media screen and (min-width: 48em) {
  .basic .ours-Box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.basic .ours-Box-ttl {
  text-align: center;
  padding: 0.8rem 1rem;
  background-color: #E8E8E8;
}
@media screen and (min-width: 48em) {
  .basic .ours-Box-ttl {
    text-align: left;
    border-bottom: 1px solid #a3a39e;
    background: none;
    width: 29.26829%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.basic .ours-Box-ttl h3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 48em) {
  .basic .ours-Box-ttl h3 {
    font-size: 1.6rem;
  }
}
.basic .ours-Box-txt {
  text-align: left;
  padding: 1.4rem 0rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media screen and (min-width: 48em) {
  .basic .ours-Box-txt {
    border-bottom: 1px solid #e2e2da;
    width: 69.5122%;
    margin: 0rem 1rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.basic .ours-Box-txt h4 {
  font-size: 1.6rem;
}
.basic .terms {
  display: block;
  background-color: #F7F7F7;
}
.basic .terms-bg {
  background-image: url(../img/page/bg/each/bg-company_sp.jpg);
  background-repeat: repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .basic .terms-bg {
    background-image: url(../img/page/bg/each/bg-company_sp.jpg);
  }
}
.basic .terms-content {
  padding: 3rem 0rem;
}
@media screen and (min-width: 48em) {
  .basic .terms-content {
    margin: auto;
    width: 56.25em;
    border-collapse: separate;
    border-spacing: 0.625em 0;
  }
}
.basic .terms-Bigttl {
  padding: 1rem 0rem;
}
.basic .terms-Bigttl h2 {
  font-size: 1.8rem;
}
.basic .terms-Box {
  margin: 0rem auto 1rem;
  text-align: left;
}
.basic .terms-Box-ttl h3 {
  font-size: 1.8rem;
  border-bottom: 2px solid #000000;
}
@media screen and (min-width: 48em) {
  .basic .terms-Box-ttl h3 {
    font-size: 1.8rem;
  }
}
.basic .terms-Box-txt {
  padding: 1.4rem 0rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.basic .terms-Box-txt p {
  font-size: 1.4rem;
}
@media screen and (min-width: 48em) {
  .basic .terms-Box-txt p {
    font-size: 1.6rem;
  }
}
.basic .terms-Box-txt li {
  list-style: none;
}
.basic .faq {
  display: block;
  background-color: #F7F7F7;
}
.basic .faq-bg {
  background-image: url(../img/page/bg/each/bg-faq_sp.jpg);
  background-repeat: repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .basic .faq-bg {
    background-image: url(../img/page/bg/each/bg-faq_sp.jpg);
  }
}
@media screen and (min-width: 48em) {
  .basic .faq-content {
    margin: auto;
    width: 56.25em;
    border-collapse: separate;
    border-spacing: 0.625em 0;
    padding: 1rem 0rem 8rem;
  }
}
@media screen and (min-width: 48em) {
  .basic .faq-content summary span {
    font-size: 1.8rem;
  }
}
.basic .privacy {
  display: block;
  background-color: #F7F7F7;
}
.basic .privacy-bg {
  background-image: url(../img/page/bg/each/bg-privacy-policy_sp.jpg);
  background-repeat: repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 64em) {
  .basic .privacy-bg {
    background-image: url(../img/page/bg/each/bg-privacy-policy_sp.jpg);
  }
}
.basic .privacy-BtnContent {
  margin: 6rem auto 3rem;
}
@media screen and (min-width: 48em) {
  .basic .privacy-BtnContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10rem 0rem 5rem;
    margin: auto;
    width: 80rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
.basic .privacy-BtnContent a {
  border: 1.5px solid #000000;
  color: #000000;
}
.basic .privacy-content {
  padding: 3rem 0rem;
}
@media screen and (min-width: 48em) {
  .basic .privacy-content {
    margin: auto;
    width: 56.25em;
    border-collapse: separate;
    border-spacing: 0.625em 0;
  }
}
.basic .privacy [id] {
  padding-top: 10rem;
  margin-top: -10rem;
  content: "";
}
.basic .privacy-Bigttl {
  padding: 1rem 0rem;
  margin-bottom: 3rem;
}
.basic .privacy-Bigttl h2 {
  font-size: 1.8rem;
  border-bottom: 2px solid #000000;
}
.basic .privacy-Box {
  margin: 0rem auto 1rem;
  text-align: left;
}
.basic .privacy-Box-ttl h3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 48em) {
  .basic .privacy-Box-ttl h3 {
    font-size: 1.8rem;
  }
}
.basic .privacy-Box-txt {
  padding: 1.4rem 0rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.basic .privacy-Box-txt p {
  font-size: 1.4rem;
}
@media screen and (min-width: 48em) {
  .basic .privacy-Box-txt p {
    font-size: 1.6rem;
  }
}
.basic .privacy-Box-txt li {
  list-style: none;
}
.basic .notfind {
  display: block;
}
.basic .notfind-content {
  padding: 3rem 0rem;
}
@media screen and (min-width: 48em) {
  .basic .notfind-content {
    margin: auto;
    width: 56.25em;
    border-collapse: separate;
    border-spacing: 0.625em 0;
  }
}
.basic .notfind-Bigttl {
  padding: 3rem 0rem 1rem;
}
.basic .notfind-Bigttl h2 {
  font-size: 2rem;
}
@media screen and (min-width: 48em) {
  .basic .notfind-Bigttl h2 {
    font-size: 2.2rem;
  }
}
.basic .notfind-Box {
  margin: 0rem auto 1rem;
  text-align: left;
}
.basic .notfind-Box-ttl h3 {
  font-size: 1.8rem;
  border-bottom: 2px solid #000000;
}
@media screen and (min-width: 48em) {
  .basic .notfind-Box-ttl h3 {
    font-size: 1.8rem;
  }
}
.basic .notfind-Box-txt {
  padding: 1.4rem 0rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.basic .notfind-Box-txt p {
  font-size: 1.4rem;
}
@media screen and (min-width: 48em) {
  .basic .notfind-Box-txt p {
    font-size: 1.6rem;
  }
}
.basic .notfind-Box-txt li {
  list-style: none;
}
.basic .notfind-btn {
  width: unset !important;
}

.basic-gradient {
  position: relative;
  height: 10rem;
}
.basic-gradient:after {
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(70, rgba(255, 255, 255, 0.5)), to(#f7f7f7));
}

.fadeUp {
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}
.fadeUp.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.fadeMask {
  position: relative;
}
.fadeMask img {
  opacity: 0;
  -webkit-transform: translateY(0.4rem);
          transform: translateY(0.4rem);
  -webkit-transition: all 0.4s ease-in 0.8s;
  transition: all 0.4s ease-in 0.8s;
}
.fadeMask::before {
  content: "";
  display: inline-block;
  background: #2B2A2A;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.fadeMask.active img {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.fadeMask.active::before {
  width: 0%;
}
.fadeIn {
  opacity: 0;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.fadeIn.active {
  opacity: 1;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
.animation-box-inOrder {
  opacity: 0;
  -webkit-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
}
.animation-box-inOrder.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.animation-box01__tagBox.active {
  -webkit-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
.animation-box01__ttl.active {
  -webkit-transition: all 1.5s ease-out 1s;
  transition: all 1.5s ease-out 1s;
}
.animation-box01__img.active {
  -webkit-transition: all 1.5s ease-out 1s;
  transition: all 1.5s ease-out 1s;
}
.animation-box01__txt.active {
  -webkit-transition: all 1.5s ease-out 1s;
  transition: all 1.5s ease-out 1s;
}
.animation-box01__arrow {
  opacity: 0;
}
.animation-box01__arrow .animation-box01__arrow-inner {
  position: relative;
}
.animation-box01__arrow .animation-box01__arrow-inner.card18__arrow-inner {
  width: 1.8rem;
  height: 7.6rem;
}
.animation-box01__arrow .animation-box01__arrow-inner.reason-lastbox__arrow-inner {
  width: 1.9rem;
  height: 8.6rem;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .animation-box01__arrow .animation-box01__arrow-inner.reason-lastbox__arrow-inner {
    width: 1.9rem;
    height: 11.5rem;
  }
}
.animation-box01__arrow .animation-box01__arrow-hide {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 0%;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 0;
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}
.animation-box01__arrow .animation-box01__arrow-hide img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.animation-box01__arrow.active {
  opacity: 1;
  overflow: hidden;
}
.animation-box01__arrow.active .animation-box01__arrow-hide {
  height: 100%;
}

.loading {
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-color: #FFF;
  /* 以下のコードを追加 */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}
.loading.active {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 48em) {
  .loading {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
  }
}

#gradient {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
}

.civic-header {
  z-index: 999;
}
.civic-header .header__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 64em) {
  .civic-header .header__btn {
    display: none;
  }
}

.card-civic .card-blog__txtBox {
  padding-top: 1.6rem;
}
.card-civic .category {
  margin-bottom: 4px;
}
.card-civic .category span {
  color: #696969;
  font-size: 1.2rem;
  font-weight: normal;
  margin-right: 3px;
  padding: 2px 6px;
  background: #eee;
  border-radius: 4px;
}
.card-civic .category span:last-child {
  margin: 0;
}

main.civic {
  padding-top: 0;
  margin-bottom: 0px;
}
main.civic .btn-main {
  width: 85%;
}
@media screen and (min-width: 64em) {
  main.civic .btn-main {
    width: 26rem;
  }
}
main.civic .content-section {
  padding: 6.4rem 0;
}
@media screen and (min-width: 64em) {
  main.civic .content-section {
    padding: 8rem 0;
  }
}
main.civic .civic-kv {
  height: 330px;
  position: relative;
  margin-top: 67px;
}
@media screen and (min-width: 48em) {
  main.civic .civic-kv {
    height: 475px;
    margin-bottom: 7rem;
  }
}
@media screen and (min-width: 64em) {
  main.civic .civic-kv {
    margin-bottom: 8rem;
  }
}
main.civic .civic-kv .kv__cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.4;
  z-index: 1;
}
main.civic .civic-kv .top-slider {
  position: relative;
  max-width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
}
main.civic .civic-kv .top-slider-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-animation: bgAnime 15s infinite;
          animation: bgAnime 15s infinite;
  /* 3画像 × 各5s = 15s */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
main.civic .civic-kv .top-slider .tsi01 {
  background-image: url(../img/page/civic/kv-sp01.jpg);
}
@media screen and (min-width: 48em) {
  main.civic .civic-kv .top-slider .tsi01 {
    background-image: url(../img/page/civic/kv-pc01.jpg);
  }
}
main.civic .civic-kv .top-slider .tsi02 {
  background-image: url(../img/page/civic/kv-sp02.jpg);
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
@media screen and (min-width: 48em) {
  main.civic .civic-kv .top-slider .tsi02 {
    background-image: url(../img/page/civic/kv-pc02.jpg);
  }
}
main.civic .civic-kv .top-slider .tsi03 {
  background-image: url(../img/page/civic/kv-sp03.jpg);
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
@media screen and (min-width: 48em) {
  main.civic .civic-kv .top-slider .tsi03 {
    background-image: url(../img/page/civic/kv-pc03.jpg);
  }
}
@-webkit-keyframes bgAnime {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
  }
  48.3% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bgAnime {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
  }
  48.3% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
main.civic .civic-kv .kv__txt {
  z-index: 2;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
main.civic .civic-kv .kv__txt-sub {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
}
main.civic .civic-kv .kv__txt-main {
  font-size: 31px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.3;
}
@media screen and (min-width: 64em) {
  main.civic .civic-kv .kv__txt-main {
    font-size: 42px;
  }
}
main.civic .civic-kv .kv__data {
  z-index: 3;
}
@media screen and (min-width: 64em) {
  main.civic .civic-kv .kv__data {
    margin-bottom: -4.2rem;
  }
}
main.civic .about {
  text-align: center;
}
main.civic .about-content__arrow {
  margin-bottom: 16px;
}
main.civic .about-content h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 24px;
}
main.civic .about-content h2 span {
  font-size: 24px;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #F2F258));
  background: linear-gradient(transparent 50%, #F2F258 50%);
}
@media screen and (min-width: 64em) {
  main.civic .about-content h2 {
    font-size: 36px;
    line-height: 1.4;
  }
  main.civic .about-content h2 span {
    font-size: 36px;
    line-height: 1.4;
  }
}
main.civic .about-content p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 48px;
}
@media screen and (min-width: 64em) {
  main.civic .about-content p {
    font-size: 18px;
    margin-bottom: 72px;
  }
}
main.civic .about-content__illust {
  margin-bottom: 32px;
}
@media screen and (min-width: 64em) {
  main.civic .about-content__illust {
    width: 460px;
  }
}
main.civic .aboutNum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 64em) {
  main.civic .aboutNum {
    margin-bottom: 80px;
  }
}
main.civic .aboutNum-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
main.civic .aboutNum-box:first-child {
  border-right: 2px solid #eee;
}
main.civic .aboutNum-ttl {
  font-size: 14px;
  font-weight: bold;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 16px;
  line-height: 1;
}
main.civic .aboutNum-num {
  font-size: 34px;
  font-weight: bold;
  font-family: "proxima-nova", sans-serif;
  line-height: 0.8;
  padding: 0 16px;
}
main.civic .aboutNum-num span {
  font-size: 14px;
  font-weight: bold;
}
main.civic .about-desc {
  background: #F0F0F0;
  border-radius: 15px;
  padding: 20px 20px 30px 20px;
  position: relative;
}
@media screen and (min-width: 64em) {
  main.civic .about-desc {
    max-width: 800px;
    margin: auto;
    padding: 30px 30px 40px 30px;
  }
}
main.civic .about-desc h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0px;
}
@media screen and (min-width: 64em) {
  main.civic .about-desc h3 {
    font-size: 24px;
  }
}
main.civic .about-desc .about-line {
  margin-bottom: 10px;
}
main.civic .about-desc p {
  font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (min-width: 64em) {
  main.civic .about-desc p {
    margin-bottom: 2.4rem;
  }
}
main.civic .about-desc a {
  border-bottom: 2px dotted #000;
  padding-bottom: 3px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.civic .about-desc a span {
  color: #000;
  font-weight: bold;
}
main.civic .about-desc a img {
  width: 16px;
  margin-left: 5px;
}
main.civic .influencer {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(22%, #ffda77), color-stop(70%, #b08cb1), to(#fc6e6e));
  background: linear-gradient(#fff 0%, #ffda77 22%, #b08cb1 70%, #fc6e6e 100%);
}
main.civic .influencer-topTx {
  margin-bottom: 40px;
}
main.civic .influencer-topTx h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  margin-bottom: 16px;
}
@media screen and (min-width: 64em) {
  main.civic .influencer-topTx h2 {
    font-size: 36px;
    line-height: 1.4;
  }
}
main.civic .influencer-topTx img {
  display: block;
  margin: 0px auto 24px;
}
main.civic .influencer-topTx p {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
}
@media screen and (min-width: 64em) {
  main.civic .influencer-topTx p {
    font-size: 16px;
  }
}
@media screen and (min-width: 64em) {
  main.civic .influencer-slider {
    max-width: 1000px;
    margin: auto;
  }
}
main.civic .influencer-slider li {
  margin: 0 30px;
}
@media screen and (min-width: 64em) {
  main.civic .influencer-slider li {
    margin: 0 16px;
  }
}
main.civic .influencer-slider li img {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
}
main.civic .influencer-slider .slick-list {
  overflow: visible;
}
@media screen and (min-width: 64em) {
  main.civic .influencer-slider .slick-list {
    max-width: 1000px;
    overflow: hidden;
    padding: 8px 0;
    margin: auto;
  }
}
main.civic .influencer-slider .slick-arrow {
  z-index: 99;
}
@media screen and (min-width: 64em) {
  main.civic .influencer-slider .slick-arrow {
    margin-top: 24px;
  }
}
main.civic .influencer-slider .slick-arrow:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 15px;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
main.civic .influencer-slider .slick-next {
  right: 11px;
}
@media screen and (min-width: 64em) {
  main.civic .influencer-slider .slick-next {
    right: -12px;
  }
}
main.civic .influencer-slider .slick-next::before {
  right: 0;
  background-image: url("../img/icon/arrow/ico-slide-right.svg");
}
main.civic .influencer-slider .slick-prev {
  left: 11px;
}
@media screen and (min-width: 64em) {
  main.civic .influencer-slider .slick-prev {
    left: -12px;
  }
}
main.civic .influencer-slider .slick-prev::before {
  left: 0;
  background-image: url("../img/icon/arrow/ico-slide-left.svg");
}
main.civic .influencer .btn-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
main.civic .influencer .btn-wrapper p {
  color: #fff;
  font-weight: bold;
  margin-bottom: 6px;
}
main.civic .achievement-topTx {
  margin-top: 20px;
  margin-bottom: 40px;
}
main.civic .achievement-topTx h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
}
@media screen and (min-width: 64em) {
  main.civic .achievement-topTx h2 {
    font-size: 36px;
    line-height: 1.4;
  }
}
main.civic .achievement-topTx img {
  display: block;
  margin: 24px auto;
}
main.civic .achievement-logo {
  max-width: 320px;
  margin: 0 auto 40px;
}
main.civic .achievement-logo.vsp {
  display: block;
}
@media screen and (min-width: 64em) {
  main.civic .achievement-logo {
    max-width: 800px;
    margin: 0 auto 80px;
  }
  main.civic .achievement-logo.vsp {
    display: none;
  }
}
main.civic .achievement p {
  text-align: center;
}
@media screen and (min-width: 64em) {
  main.civic .achievement p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 40px;
  }
}
main.civic .plan {
  background: #F7F7F7;
}
main.civic .plan-ttl {
  text-align: left;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 48em) {
  main.civic .plan-ttl img {
    width: 5rem;
  }
}
main.civic .plan-ttl h2 {
  font-size: 5rem;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  main.civic .plan-ttl h2 {
    font-size: 6.2rem;
  }
}
main.civic .plan-ttl p {
  font-size: 1.6rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  main.civic .plan-ttl p {
    font-size: 1.8rem;
  }
}
main.civic .planBox {
  border-radius: 10px;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#e55199), color-stop(60%, #3c58c7));
  background: linear-gradient(#e55199 0%, #3c58c7 60%);
  padding: 0 3px 3px;
}
@media screen and (min-width: 48em) {
  main.civic .planBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px 3px 3px 0;
    max-width: 945px;
    margin: auto;
  }
}
main.civic .planBox-wrap {
  display: -ms-grid;
  display: grid;
  gap: 50px;
}
main.civic .planBox-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px;
  position: relative;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-ttl {
    max-width: 240px;
    min-width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
main.civic .planBox-ttl:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0;
  border-top: 16px solid #be53a4;
  border-right: 12px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 12px solid transparent;
  bottom: -26px;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-ttl:before {
    border-top: 16px solid #5857bf;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    left: auto;
    right: -26px;
    top: 0;
    bottom: 0;
  }
}
main.civic .planBox-ttl h3 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-ttl h3 {
    text-align: center;
  }
}
main.civic .planBox-ttl img {
  margin-right: 16px;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-ttl img {
    margin: 0 0 10px 0;
  }
}
main.civic .planBox-content {
  border-radius: 0 0 10px 10px;
  background: #fff;
  padding: 40px 20px 30px;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-content {
    width: 100%;
    border-radius: 0 10px 10px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 240px 1fr;
    grid-template-columns: 240px 1fr;
  }
}
main.civic .planBox-content img {
  height: 164px;
  display: block;
  margin: auto;
}
main.civic .planBox-txArea {
  text-align: center;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-txArea {
    text-align: left;
  }
}
main.civic .planBox-txArea h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  margin: 24px 0 16px;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-txArea h4 {
    font-size: 24px;
    margin-top: 0;
  }
}
main.civic .planBox-txArea h4 span {
  font-size: 20px;
  font-weight: bold;
  font-family: "proxima-nova", sans-serif;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-txArea h4 span {
    font-size: 16px;
  }
}
main.civic .planBox-txArea p {
  font-size: 14px;
  margin-bottom: 16px;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  main.civic .planBox-txArea p {
    font-size: 16px;
    text-align: left;
  }
}
main.civic .planBox-txArea p span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #FFE417));
  background: linear-gradient(transparent 50%, #FFE417 50%);
}
main.civic .planBox-txArea .price {
  font-size: 18px;
  font-weight: bold;
  font-family: "proxima-nova", sans-serif;
}
main.civic .plan-bottomTx {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 48px auto 16px;
}
main.civic .flow {
  text-align: center;
  background: #f7f7f7;
}
main.civic .flow-ttl {
  text-align: left;
  margin-bottom: 8rem;
}
@media screen and (min-width: 48em) {
  main.civic .flow-ttl img {
    width: 5rem;
  }
}
main.civic .flow-ttl h2 {
  font-size: 5rem;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  main.civic .flow-ttl h2 {
    font-size: 6.2rem;
  }
}
main.civic .flow-ttl p {
  font-size: 1.6rem;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 48em) {
  main.civic .flow-ttl p {
    font-size: 1.8rem;
  }
}
main.civic .flow__wrap {
  margin: 3.2rem auto;
}
@media screen and (min-width: 48em) {
  main.civic .flow__wrap {
    margin: 8rem auto 1rem;
    display: block;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 56.25em;
  }
}
main.civic .flow__wrap-item {
  display: block;
  margin: 3rem auto 6rem 3rem;
  padding: 2rem 3rem 2rem 4rem;
  border: 3px solid #000000;
  text-align: left;
  letter-spacing: -0.025em;
  border-radius: 0rem 1rem 1rem 0rem;
  position: relative;
}
@media screen and (min-width: 48em) {
  main.civic .flow__wrap-item {
    margin: 3rem auto 6rem 3rem;
    padding: 2.5rem 3rem 2.5rem 5rem;
  }
}
main.civic .flow__wrap-item::before {
  content: "";
  width: 7px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#6556bb), to(#b652a5));
  background: linear-gradient(#6556bb 0%, #b652a5 100%);
  position: absolute;
  left: -7px;
  margin: auto 0;
  line-height: 1;
  margin-top: 2.2rem;
}
@media screen and (min-width: 48em) {
  main.civic .flow__wrap-item::before {
    height: 120%;
    left: unset;
    margin-left: -5.6rem;
  }
}
main.civic .flow__wrap-item:last-child {
  margin-bottom: 0;
}
main.civic .flow__wrap-item:last-child::before {
  display: none;
}
main.civic .flow__wrap-item img {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.5rem;
  height: auto;
  margin-top: -5rem;
  margin-left: -8rem;
}
@media screen and (min-width: 48em) {
  main.civic .flow__wrap-item img {
    width: 8.4rem;
    margin-top: -6rem;
    margin-left: -9.5rem;
  }
}
main.civic .flow__wrap-item h3 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  text-align: left;
  margin-bottom: 16px;
}
@media screen and (min-width: 48em) {
  main.civic .flow__wrap-item h3 {
    margin-bottom: 1rem;
  }
}
main.civic .flow__wrap-item p {
  font-size: 1.4rem;
  line-height: 1.6;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
main.civic .flow__wrap-item p a {
  color: #000;
  border-bottom: 1px solid #000;
}
main.civic .example-ttl {
  font-size: 32px;
  font-weight: bold;
  position: relative;
  text-align: center;
  margin-bottom: 32px;
}
main.civic .example-ttl::before {
  content: "";
  width: 420px;
  height: 64px;
  background-image: url("../img/page/civic/example.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
main.civic .example .slick-list {
  overflow: visible;
}
@media screen and (min-width: 48em) {
  main.civic .example .slick-list {
    overflow: hidden;
    padding: 16px 0;
  }
}
main.civic .example .card-blog {
  margin: 0 8px;
}
main.civic .example-btn {
  margin: 40px 0 48px;
}
main.civic .example .btn-wrapper:first-child {
  margin-bottom: 12px;
}
main.civic .example .btn-wrapper a {
  width: 75%;
}
main.civic .example .btn-wrapper a span {
  font-weight: bold;
}
main.civic .faq {
  background: #C0D3FD;
}
main.civic .faq .faq-a {
  font-weight: bold;
}
main.civic .faq .faq-aa {
  padding: 1.5rem 1.5rem 2.5rem 0.5rem;
  line-height: 1.6;
}
main.civic .contact {
  padding: 80px 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(40%, #ffea77), color-stop(80%, #fa739d), to(#fff));
  background: linear-gradient(#fff 10%, #ffea77 40%, #fa739d 80%, #fff 100%);
}
main.civic .contact .r-inner {
  padding-top: 120px;
  margin-top: -120px;
}
main.civic .contact h2 {
  font-size: 6rem;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3.6rem;
}
main.civic .contact p.inner-tx {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (min-width: 64em) {
  main.civic .contact p.inner-tx {
    font-size: 1.8rem;
  }
}
main.civic .contact .form {
  border-radius: 10px;
}
main.civic .contact .form input[type=submit] {
  border: none;
}
main.civic .mailmaga {
  margin: 0 0 72px 0;
}

.civic-archive {
  margin-bottom: 64px;
}
.civic-archive .archive-content__noArticle {
  margin-bottom: 3rem;
}
.civic-archive .archive-tab {
  cursor: pointer;
  border-bottom: 1px solid #efefef;
}
.civic-archive .archive-tab__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 64em) {
  .civic-archive .archive-tab__inr {
    max-width: 1080px;
    margin: 0 auto;
  }
}
.civic-archive .archive-tab__tab {
  color: #000;
  width: 20%;
  height: 50px;
  line-height: 1.2;
  text-align: center;
  padding-top: 1px;
  margin-bottom: -1px;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.civic-archive .archive-tab__tab:nth-last-child {
  border-right: none;
}
.civic-archive .archive-tab__tab:hover {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 64em) {
  .civic-archive .archive-tab__tab {
    height: 60px;
  }
  .civic-archive .archive-tab__tab:first-child {
    border-left: 1px solid #efefef;
  }
}
.civic-archive .archive-tab__tab span {
  font-size: 1.3rem !important;
}
@media screen and (min-width: 64em) {
  .civic-archive .archive-tab__tab span {
    font-size: 1.6rem !important;
  }
}
.civic-archive .archive-tab__tab.active {
  border-bottom: 1px solid #fff;
}
.civic-archive .archive-tab__tab.active:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: 94%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#E55199), to(#3C58C7));
  background: linear-gradient(to right, #E55199, #3C58C7);
  z-index: 1;
}
.civic-archive .archive-tab__tab.active span {
  color: #ACB6E5;
  background: -webkit-linear-gradient(0deg, #E55199, #3C58C7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.civic-archive .archive-content__content {
  margin-top: 30px;
  display: none;
}
.civic-archive .archive-content__noArticle {
  font-size: 1.6rem;
  text-align: center;
  width: 100%;
  border: 1px solid #191919;
  padding: 20px;
}
.civic-archive .archive-content__content.show {
  display: block;
}

#mailmaga-form {
  padding-top: 120px;
  margin-top: -120px;
  text-align: center;
}
#mailmaga-form .form {
  border: 0.2rem solid #E55199;
  -o-border-image: linear-gradient(to left, #E55199 0%, #3C58C7 100%);
     border-image: -webkit-gradient(linear, right top, left top, from(#E55199), to(#3C58C7));
     border-image: linear-gradient(to left, #E55199 0%, #3C58C7 100%);
  border-image-slice: 1;
  padding-bottom: 1.4rem;
}
#mailmaga-form .form h2 {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}
#mailmaga-form .form .form__list-wrap {
  margin-bottom: 1rem;
}
#mailmaga-form .form input[type=email] {
  border: 1px solid #ccc !important;
}
#mailmaga-form .form .form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 64em) {
  #mailmaga-form .form .form__submit {
    max-width: 29rem;
    margin: 5rem auto 0rem;
    position: relative;
    display: block;
  }
}
#mailmaga-form .form .form__submit:after {
  width: 5rem;
  height: 2.8rem;
  top: -25px;
  bottom: 0;
  right: 2rem;
}
@media screen and (min-width: 64em) {
  #mailmaga-form .form .form__submit:after {
    content: "";
    width: 7rem;
    height: 2.8rem;
    background-image: url(../img/icon/arrow/btn/btn-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -32px;
    bottom: 0;
    right: -3rem;
    margin: auto;
    line-height: 1;
  }
}
#mailmaga-form .form .form__submit input[type=submit] {
  max-width: 21rem;
  height: 4.5rem;
  line-height: 1;
  font-size: 1.4rem;
  border: none;
}
@media screen and (min-width: 64em) {
  #mailmaga-form .form .form__submit input[type=submit] {
    max-width: none;
    width: 100%;
    height: 5.4rem;
    font-size: 1.6rem;
  }
}
#mailmaga-form .sample {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
  display: inline-block;
  margin-bottom: 2rem;
}
/*# sourceMappingURL=style.css.map */