@charset "UTF-8";
.mincho {
  font-family: "游明朝", YuMincho, "Kozuka Mincho Pro", "Kozuka Mincho Std", "小塚明朝 Pro R", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif; }

.inrWidth {
  width: 1120px;
  margin-right: auto;
  margin-left: auto; }

.outerWidth {
  width: 1200px;
  margin-right: auto;
  margin-left: auto; }

.fullWidth {
  margin-right: auto;
  margin-left: auto; }

  header {
    pointer-events: none;
    margin: 0!important;
  }

@media screen and (min-width: 1200px) {
  .fullWidth {
    width: 1200px; }
  .inrWidth {
    width: 1120px; } }

@media screen and (min-width: 1200px) and (max-width: 1200px) {
  .fullWidth {
    width: 100%; }
  .outerWidth {
    width: 1200px; }
  .inrWidth {
    width: 1120px; } }

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .fullWidth {
    width: 100% !important; } }

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .outerWidth {
    width: 95% !important; } }

@media screen and (min-width: 768px) and (max-width: 1120px) {
  .inrWidth {
    width: 95% !important; } }

@media screen and (max-width: 768px) {
  .inrWidth {
    width: 100%; }
  .outerWidth {
    width: 90% !important; } }

.st0 {
  fill: #FFFFFF; }

.reg {
  vertical-align: top; }

.hd__first {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #FFF;
  z-index: 999; }
  .hd__first--15th {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0;
    width: 10%;
    z-index: 1000; }

.hd__second {
  display: block;
  position: relative;
  width: 100%;
  height: 100vh;
  background: url(https://carrot.itembox.design/item/repreve/hd_bg-pc.jpg);
  background-size: cover; }
  .hd__second--anello {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0;
    width: 25%;
    z-index: 999; }
  .hd__second--repreve {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0;
    width: 35%;
    z-index: 999; }
  .hd__second--h1 {
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 70%;
    z-index: 999;
    text-align: center;
    line-height: 2.1;
     }
    img.h1__02 {
        width: 70%;
    }
.lead {
  margin: 100px auto;
  font-size: 24px;
  line-height: 2.2;
  letter-spacing: 0.01em;
  text-align: center; }
  .lead__txt {
    display: block;
    max-width: 1000px;
    margin: 0 auto 100px;
    text-align: justify; }
  .lead__h2 {
    width: 95%;
    margin: 0 auto 100px; }
  .lead__img {
    display: block;
    margin-bottom: 20px; }

.about {
  margin-bottom: 80px; }
  .about h2 {
    width: 560px;
    margin: 0 auto 60px;
    text-align: center; }
    .about h2 span {
      display: block;
      font-size: 30px;
      margin-top: 40px; }
  .about__blk {
    background: #e8dfc7;
    padding: 85px 100px; }
    .about__blk--img {
      height: auto;
      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; }
      .about__blk--img img {
        width: 150px;
        margin-right: 40px; }
    .about__blk--txt {
      width: calc(100% - 190px); }
      .about__blk--txt h3 {
        font-size: 30px;
        line-height: 1.8;
        color: #76bc21;
        letter-spacing: 0.022em; }
      .about__blk--txt p {
        font-size: 24px;
        line-height: 1.7;
        letter-spacing: 0.034em; }
    .about__blk--arw {
      width: 28px;
      margin: 10px 61px; }

.addition {
  margin-bottom: 80px; }
  .addition .h2__blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 740px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto 50px; }
    .addition .h2__blk--bag {
      width: 240px;
      height: auto; }
  .addition h2 {
    width: 420px;
    text-align: center; }
    .addition h2 img {
      margin-top: 50px; }
    .addition h2 span {
      display: block;
      font-size: 30px;
      margin-top: 30px; }
  .addition hr {
    width: 92%;
    max-width: 960px;
    margin: 0 auto 30px; }
  .addition__inr {
    width: 88%;
    max-width: 920px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .addition__blk {
    width: 47.5%; }
    .addition__blk:nth-of-type(2n) {
      margin-left: 5%; }
    .addition__blk:nth-of-type(n+3) {
      margin-top: 55px; }
    .addition__blk--txt {
      background: #333333;
      color: #FFF;
      text-align: center;
      padding: 30px 0; }
      .addition__blk--txt h3 {
        font-size: 30px;
        margin-bottom: 15px; }
        .addition__blk--txt h3 img {
          width: 48px;
          margin-right: 10px; }
      .addition__blk--txt p {
        font-size: 24px;
        line-height: 1.7; }
    .addition__blk--atn {
      font-weight: normal; }

.update {
  margin-bottom: 80px; }
  .update .h2__blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 740px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto 50px; }
    .update .h2__blk--bag {
      width: 240px;
      height: auto; }
  .update h2 {
    width: 420px;
    text-align: center; }
    .update h2 img {
      width: 290px;
      margin-top: 50px; }
    .update h2 span {
      display: block;
      font-size: 30px;
      margin-top: 30px; }
  .update hr {
    width: 92%;
    max-width: 960px;
    margin: 0 auto 30px; }
  .update__inr {
    width: 88%;
    max-width: 920px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .update__blk {
    width: 47.5%; }
    .update__blk:nth-of-type(2n) {
      margin-left: 5%; }
    .update__blk:nth-of-type(n+3) {
      margin-top: 55px; }
    .update__blk--txt {
      background: #333333;
      color: #FFF;
      text-align: center;
      padding: 30px 0; }
      .update__blk--txt h3 {
        font-size: 30px;
        margin-bottom: 15px; }
        .update__blk--txt h3 img {
          width: 48px;
          margin-right: 10px; }
      .update__blk--txt p {
        font-size: 24px;
        line-height: 1.7; }

.variation {
  margin-bottom: 80px; }
  .variation .h2__blk {
    width: 420px;
    margin: 0 auto 50px; }
  .variation h2 {
    text-align: center; }
    .variation h2 span {
      display: block;
      font-size: 30px;
      margin-top: 30px; }
  .variation__inr {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .variation__blk {
    width: 32%; }
    .variation__blk:not(:nth-of-type(3n)) {
      margin-right: 2%; }
    .variation__blk:nth-of-type(n+4) {
      margin-top: 55px; }
    .variation__blk--txt h3 {
      font-size: 20px;
    margin: 10px 0 10px 10px;
    line-height: 1.3;
      letter-spacing: 0.01em; }
    .variation__blk--txt p {
      font-size: 24px;
      line-height: 1.7;
    margin: 0 0 15px 10px;
    line-height: 1;
     }
      .variation__blk--txt p span {
    margin-left: 5px;
        font-size: 20px; }
    .variation__blk--btn {
      background: #76bc21;
      height: 96px;
      line-height: 96px;
      font-size: 27px;
      text-align: center; }
      .variation__blk--btn a {
        display: block;
        width: 100%;
        height: 100%;
        color: #FFF; }
      .variation__blk--btn svg:first-child {
        background: #FFF;
        padding: 10px;
        height: 62px;
        width: 62px;
        border-radius: 50%;
        vertical-align: middle; }
      .variation__blk--btn span {
        margin: 0 15px; }

.ft {
  margin-bottom: 50px; }
  .ft__img {
    display: block;
    margin-bottom: 2%; }
  .ft__copy {
    text-align: center; }

/* PC */
/* PC ここまで */
/* SP */
@media screen and (max-width: 768px) {
  .hd__first--15th {
    width: 30%; }
  .hd__second {
    height: 88vh;
    background: url(https://carrot.itembox.design/item/repreve//hd_bg-sp.jpg);
    background-size: cover; }
  .hd__second--anello { width: 55%; }
  .hd__second--repreve { width: 65%; }
  .hd__second--h1 { width: 90%; }

    img.h1__02 {
        width: 90%;
    }
  .lead {
    margin: 20px auto 40px;
    font-size: 11px;
    line-height: 2.1;
    letter-spacing: 0.075em;
    text-align: center; }
    .lead__txt {
      text-align: center;
      margin: 0 auto 20px; }
    .lead__h2 {
      width: 94%;
      margin: 0 auto 20px; }
    .lead__img {
      display: block;
      width: 94%;
      margin: 0 auto 2%; }
  .about {
    margin-bottom: 40px; }
    .about h2 {
      width: 60%;
      margin: 0 auto 20px;
      text-align: center; }
      .about h2 span {
        font-size: 14px;
        margin-top: 15px; }
    .about__blk {
      padding: 25px 10px 35px 30px; }
      .about__blk--img img {
        width: 85px;
        margin-right: 20px; }
      .about__blk--txt {
        width: calc(100% - 105px); }
        .about__blk--txt h3 {
          font-size: 14px; }
        .about__blk--txt p {
          font-size: 11px; }
      .about__blk--arw {
        width: 15px;
        margin: 5px 35px; }
  .addition {
    margin-bottom: 80px; }
    .addition .h2__blk {
      width: 75%;
      margin: 0 auto 50px; }
      .addition .h2__blk--bag {
        width: 38%;
        height: auto; }
    .addition h2 {
      width: 52%; }
      .addition h2 img {
        margin-top: 25%; }
      .addition h2 span {
        font-size: 14px;
        margin-top: 10px; }
    .addition__inr {
      width: 100%;
      max-width: auto;
      margin: 0 auto;
      display: block; }
    .addition__blk {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      margin-bottom: 30px; }
      .addition__blk:nth-of-type(2n) {
        margin-left: 0; }
      .addition__blk:nth-of-type(n+3) {
        margin-top: 0; }
      .addition__blk--img {
        width: 65%;
        margin: 5px auto 0; }
      .addition__blk--txt {
        padding: 15px 0; }
        .addition__blk--txt h3 {
          font-size: 18px;
          margin-bottom: 5px; }
          .addition__blk--txt h3 img {
            width: 26px;
            margin-right: 10px;
            vertical-align: sub; }
        .addition__blk--txt p {
          font-size: 11px;
          line-height: 1.7; }
      .addition__blk--atn {
        font-size: 10px;
        margin-top: 5px;
        text-align: center; }
  .update {
    margin-bottom: 80px; }
    .update .h2__blk {
      width: 75%;
      margin: 0 auto 50px; }
      .update .h2__blk--bag {
        width: 38%;
        height: auto; }
    .update h2 {
      width: 52%; }
      .update h2 img {
        width: 70%;
        margin-top: 25%; }
      .update h2 span {
        font-size: 14px;
        margin-top: 10px; }
    .update hr {
      width: 78%;
      max-width: 960px;
      margin: 0 auto 20px; }
    .update__inr {
      width: 100%;
      max-width: auto;
      margin: 0 auto;
      display: block; }
    .update__blk {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      margin-bottom: 30px; }
      .update__blk:nth-of-type(2n) {
        margin-left: 0; }
      .update__blk:nth-of-type(n+3) {
        margin-top: 0; }
      .update__blk--img {
        width: 65%;
        margin: 5px auto 0; }
      .update__blk--txt {
        padding: 15px 0; }
        .update__blk--txt h3 {
          font-size: 18px;
          margin-bottom: 5px; }
          .update__blk--txt h3 img {
            width: 26px;
            margin-right: 10px;
            vertical-align: sub; }
        .update__blk--txt p {
          font-size: 11px;
          line-height: 1.7; }
      .update__blk--atn {
        font-size: 10px;
        margin-top: 5px;
        text-align: center; }
  .variation {
    margin-bottom: 30px; }
    .variation .h2__blk {
      width: 100%;
      margin: 0 auto 50px; }
    .variation h2 {
      width: 40%;
      margin: 0 auto 20px;
      text-align: center; }
      .variation h2 span {
        font-size: 14px;
        margin-top: 10px; }
    .variation__inr {
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .variation__blk {
      width: 49%; }
      .variation__blk:not(:nth-of-type(3n)) {
        margin-right: 0; }
      .variation__blk:nth-of-type(2n) {
        margin-left: 2%; }
      .variation__blk:nth-of-type(n+4) {
        margin-top: 0; }
      .variation__blk--txt {
        width: 92%;
        margin: 0 auto 30px; }
        .variation__blk--txt h3 {
          font-size: 11px;

    margin: 10px 0 5px;
          letter-spacing: 0; }
        .variation__blk--txt p {
          margin: 0;
          font-size: 14px;
          line-height: 1.7; }
          .variation__blk--txt p span {
            font-size: 10px; }
      .variation__blk--btn {
        display: none; } }

/* SP ここまで */
.titleAnime {
  -webkit-animation: titleAnime 0.7s ease-out forwards;
          animation: titleAnime 0.7s ease-out forwards; }

@-webkit-keyframes titleAnime {
  0% {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% { } }

@keyframes titleAnime {
  0% {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% { } }

.container {
  padding: 2em; }

/* GENERAL BUTTON STYLING */
.variation__blk--btn a:hover polygon,
.variation__blk--btn a:hover circle,
.variation__blk--btn a:hover path
.variation__blk--btn a,
.variation__blk--btn a::after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.variation__blk--btn a {
  background: none;
  border-radius: 5px;
  color: #fff;
  display: block;
  position: relative;
  text-transform: uppercase; }

.variation__blk--btn a::before,
.variation__blk--btn a::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1; }

.variation__blk--btn a:hover {
  color: #76bc21; }

.variation__blk--btn a:hover polygon,
.variation__blk--btn a:hover circle,
.variation__blk--btn a:hover path {
  fill: #76bc21; }

/* BUTTON 2 */
.variation__blk--btn a::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0; }

.variation__blk--btn a:hover:after {
  width: 100%; }

.hd__first {
  -webkit-animation: fadeOut 1.2s ease-out 2.5s forwards;
          animation: fadeOut 1.2s ease-out 2.5s forwards; }
.hd__first--15th {
  -webkit-animation: fadeIn 1.2s ease-out .8s forwards;
          animation: fadeIn 1.2s ease-out .8s forwards; }
.hd__second--anello {
  -webkit-animation: fadeInOut 3.2s ease-in-out 2.8s forwards;
          animation: fadeInOut 3.2s ease-in-out 2.8s forwards; }
.hd__second--repreve {
  -webkit-animation: fadeIn 1.2s ease-in-out 6s forwards;
          animation: fadeIn 1.2s ease-in-out 6s forwards; }

@-webkit-keyframes fadeOut {
  0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; } 100% {  opacity: 0; } }
@-webkit-keyframes fadeIn {
  0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% {  opacity: 1; } }
@-webkit-keyframes fadeInOut { 0% { opacity: 0; }  20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeInOut { 0% { opacity: 0; }  45% { opacity: 1; } 65% { opacity: 1; } 100% { opacity: 0; } }

h2.fs-p-heading--lv2.template_head {
    display: none!important;
}

/*# sourceMappingURL=maps/style.css.map */