/* Project ======================================== */ .slick-slide {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
}

.p-hero {
 background: #FFF;
}
.p-hero__unit {
 border-radius: 16px;
 margin: 0 10px;
 width: min(1080px, 80vw);
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
.p-hero__unit img {
 border-radius: 16px;
 width: 100%;
}
.p-hero a.p-hero__unit:hover {
 opacity: 0.7;
}
.p-hero .slick-dots {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: right;
 -webkit-justify-content: right;
 -ms-flex-pack: right;
 justify-content: right;
 margin: 12px 8px;
}
.p-hero__dot {
 cursor: pointer;
 display: block;
 background: #ddd;
 border-radius: 3px;
 width: 30px;
 height: 6px;
 margin: 0 5px;
}
.p-hero__dot:hover {
 border: 1px solid #00a95d;
}
.slick-active .p-hero__dot {
 background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00a95d), color-stop(50%, #ebf7f1));
 background: -webkit-linear-gradient(left, #00a95d 50%, #ebf7f1 50%);
 background: linear-gradient(90deg, #00a95d 50%, #ebf7f1 50%);
 background-size: 200% auto;
 background-position: 99% 1%;
 border: 1px solid #00a95d;
 -webkit-animation: progress_dot 8s linear forwards;
 animation: progress_dot 8s linear forwards; } .p-hero .js-slick__hero {
 opacity: 0;
 -webkit-transition: opacity 1s;
 transition: opacity 1s;
}
.p-hero .js-slick__hero.slick-initialized {
 opacity: 1;
}

@-webkit-keyframes progress_dot {
 0% {
   background-position: 99% 1%;
 }
 100% {
   background-position: 1% 1%;
 }
}

@keyframes progress_dot {
 0% {
   background-position: 99% 1%;
 }
 100% {
   background-position: 1% 1%;
 }
}
.p-info .l-content {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}
@media screen and (max-width: 767px) {
 .p-info .l-content {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
 }
}
.p-info .c-heading {
 margin: 10px 0;
 line-height: 1;
 text-align: left;
 word-break: keep-all;
}
.p-info__unit {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 border-left: 1px dotted #8c8c8c;
 line-height: 1.5;
 margin-left: 48px;
 padding-left: 24px;
 width: 100%;
}
@media screen and (max-width: 767px) {
 .p-info__unit {
   font-size: 0.875rem;
   margin-left: 0;
   padding-left: 16px;
 }
}
.p-info__unit__item {
 display: block;
 text-align: left;
 padding: 4px 0 12px;
}
.p-info__unit__item__data {
 font-size: 0.75rem;
 color: #333;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-column-gap: 8px;
 -moz-column-gap: 8px;
 column-gap: 8px;
}
.p-info__unit__item__category {
 font-size: 0.75rem;
 background: #057641;
 border-radius: 4px;
 color: #FFF;
 display: inline-block;
 padding: 2px 8px;
}
.p-info__unit__item__category.p-imp {
 background: #305D48;
}
.p-info__unit__item__category.p-gid {
 background: #305D48;
}
.p-info__unit__item__category.p-mnt {
 background: #ECECEC;
 color:#333;
}
.p-info__unit__item__category.is-red {
 background: #bc0728;
}

.p-feature__unit {
 background: #003c20;
 border-radius: 8px;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 8px;
 margin-top: 16px;
 font-family: "bahnschrift", sans-serif;
 font-style: normal;
 line-height: 1.2;
}
.p-feature__unit__crypto {
 font-size: 1rem;
 color: #FFF;
 font-weight: 400;
}
.p-feature__unit__yen {
 font-size: clamp(1.25rem, 0.733rem + 2.069vw, 2rem);
 font-weight: 700;
 color: #EF0;
}
.p-feature__unit__yen span {
 font-size: 0.875rem;
 font-family: "Noto Sans JP", sans-serif;
 margin-left: 8px;
}
.p-feature__text {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
 -webkit-flex-direction: row-reverse;
 -ms-flex-direction: row-reverse;
 flex-direction: row-reverse;
 -webkit-box-pack: justify;
 -webkit-justify-content: space-between;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
@media screen and (max-width: 767px) {
 .p-feature__text {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
 }
}
@media screen and (max-width: 939px) {
 .p-feature .c-grid.is-col4 {
   row-gap: 8px;
   -webkit-column-gap: 8px;
   -moz-column-gap: 8px;
   column-gap: 8px;
 }
}
@media screen and (max-width: 639px) {
 .p-feature .c-grid.is-col4 {
   grid-template-columns: 1fr 1fr;
 }
}
.p-feature .c-panel {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 background: #ebf7f1;
 border-color: #b7d9c9;
}
.p-feature .c-panel img {
 padding: 10%;
}
.p-feature .c-panel .c-heading {
 margin: 0 0 auto;
 text-align: center;
}

.p-app__grid .c-grid:nth-child(even) {
 direction: rtl;
}
.p-app__grid .c-grid:nth-child(even) > * {
 direction: ltr;
}
.p-app__grid__data {
 -webkit-align-self: center;
 -ms-flex-item-align: center;
 align-self: center;
}