@charset "UTF-8";
ul,
ol, h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

/*
* base
* --------------------------------------------------*/
/* html
-----------------------------------------------------*/
html {
  font-size: 10px;
}

/* body
-----------------------------------------------------*/
body {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 400;
  font-size: 16px;
  color: #212121;
  line-height: 1.8;
  background: #555;
  color: #fff;
}

img {
  vertical-align: top;
}

.main-wrap {
  min-height: calc(100vh - 200px);
}

.row-light {
  background: #fff;
  color: #000;
  margin: 0 0 30px;
  padding-bottom: 30px;
}
.row-light h3 {
  font-size: 2.4rem;
  margin: 0;
}

.row-dark {
  background: #000;
  margin: 0 0 30px;
  padding-bottom: 30px;
}
.row-dark h3 {
  font-size: 2.4rem;
  margin: 0;
}

.row-secondary {
  background: #2C2C2C;
  margin: 0 0 30px;
  padding-bottom: 30px;
}
.row-secondary h3 {
  font-size: 2.4rem;
  margin: 0;
}

@media (max-width:767px) {
  .container {
    padding: 0 15px;
  }
  main {
    background-image: url(../../images/sp/back-top.png);
    background-size: 100%;
  }
  .section {
    padding: 20px;
  }
}
.site-header {
  background-color: #121212;
  border-bottom: 2px solid #152B89;
  border-image-slice: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.site-header .header-nav,
.site-header .drawer-btn-wrap {
  padding: 14px 15px;
  position: relative;
}
.site-header .drawer-btn-wrap {
  padding: 9px 10px;
  display: none;
}

@media (max-width:991px) {
  .site-header {
    padding: 0;
    height: 62px;
  }
  .site-header .header-nav {
    position: absolute;
  }
  .site-header .drawer-btn-wrap {
    display: block;
  }
}
.site-logo {
  margin: 0;
  padding: 0 70px 0 0;
  background-color: #555;
  position: relative;
  -webkit-clip-path: polygon(0 0, calc(100% - 35px) 0, 100% 50%, calc(100% - 35px) 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 35px) 0, 100% 50%, calc(100% - 35px) 100%, 0 100%);
}
.site-logo .logo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  height: 80px;
}
.site-logo .logo-link .logo-synthtec {
  display: block;
  height: 52px;
}
.site-logo .logo-link .logo-eyetec {
  display: block;
  height: 50px;
  margin-left: 20px;
}

@media (max-width:991px) {
  .site-logo .logo-link {
    height: 60px;
    padding-left: 20px;
  }
  .site-logo .logo-link .logo-synthtec {
    height: 48px;
  }
  .site-logo .logo-link .logo-eyetec {
    height: 44px;
    margin-left: 15px;
  }
}
.site-footer {
  background: #000;
  padding: 8rem 0;
}
.site-footer .synthtec-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-footer .synthtec-logo .logo-img {
  display: block;
}
.site-footer .footer-links {
  margin-top: 20px;
  text-align: center;
}
.site-footer .footer-links a {
  color: #fff;
  font-size: 14px;
}

@media (max-width:991px) {
  .site-footer {
    padding: 4rem 0;
  }
  .site-footer .synthtec-logo .logo-img {
    width: 120px;
  }
}
.header-nav {
  display: block;
}
.header-nav .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0;
  padding-left: 10px;
}
.header-nav .nav-list .list-item {
  margin-right: 10px;
}
.header-nav .nav-list .list-item:last-child {
  margin-right: 0;
}
.header-nav .nav-list .nav-link {
  color: #fff;
  position: relative;
  display: block;
  padding: 10px;
  margin-right: 10px;
}
.header-nav .nav-list .nav-link:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
}
.header-nav .nav-list .nav-btn {
  font-size: 1.4rem;
  font-weight: bold;
  border: 2px solid #fff;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  text-align: center;
  line-height: 1.3;
  height: 40px;
}
.header-nav .nav-list .nav-btn .icon {
  display: inline-block;
  width: 20px;
  margin-right: 5px;
  margin-bottom: 0;
}

@media (max-width:991px) {
  .header-nav {
    background-color: #121212;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 62px;
    z-index: 100;
    width: 100%;
  }
  .header-nav.open {
    visibility: visible;
    opacity: 1;
  }
  .header-nav .nav-list {
    display: block;
    margin-left: 0;
    padding: 0;
  }
  .header-nav .nav-list .list-item {
    margin-right: 0px;
    width: 100%;
    padding: 10px 15px 10px 0;
  }
  .header-nav .nav-list .list-item:not(:last-child) {
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
       border-image: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
       border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
    border-image-slice: 1;
  }
  .header-nav .nav-list .list-item:last-child {
    margin-bottom: 0;
  }
  .header-nav .nav-list .link {
    font-size: 1.3rem;
    font-weight: bold;
    padding: 8px;
  }
  .header-nav .nav-list .link .br {
    display: none;
  }
}
.drawer-btn {
  width: 44px;
  height: 44px;
  position: relative;
  padding: 0;
  border: 0;
  background-color: transparent;
  z-index: 1030;
}
.drawer-btn .icon-bar {
  position: absolute;
  display: block;
  border-top: 2px solid #FF7D1A;
  border-bottom: 2px solid #FF7D1A;
  border-left: 0;
  border-right: 0;
  -o-border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
     border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
  width: 22px;
  height: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
  overflow: hidden;
  -webkit-transition-property: border-top border-bottom;
  transition-property: border-top border-bottom;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.drawer-btn .icon-bar::before, .drawer-btn .icon-bar::after {
  content: "";
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  display: block;
  position: absolute;
  height: 2px;
  width: 22px;
  left: 50%;
  top: 50%;
  background-image: -webkit-gradient(linear, right top, left top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
  background-image: linear-gradient(to left, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}
.drawer-btn:hover, .drawer-btn:active {
  opacity: 1;
}
.drawer-btn.active {
  opacity: 1;
}
.drawer-btn.active .drawer-btn-text.open {
  opacity: 0;
}
.drawer-btn.active .drawer-btn-text.close {
  opacity: 1;
}
.drawer-btn.active .icon-bar {
  border-top: 0;
  border-bottom: 0;
}
.drawer-btn.active .icon-bar::before {
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
          transform: translate(-50%, -50%) rotate(-225deg);
}
.drawer-btn.active .icon-bar::after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}

main {
  background-image: url(../../images/pc/back-top-left.png), url(../../images/pc/back-top-right.png);
  background-position: left top, right top;
  background-repeat: no-repeat;
}

@media (max-width:767px) {
  main {
    background-image: url(../../images/sp/back-top.png);
    background-size: 100%;
  }
}
.page-header {
  padding: 10rem 0;
  margin-bottom: 0;
}
.page-header .page-title {
  font-size: 4.6rem;
  line-height: 1.5;
}

@media (max-width:767px) {
  .page-header {
    padding: 5rem 0;
    margin-bottom: 0;
  }
}
.page-body {
  padding-bottom: 100px;
}
.page-body .panel {
  position: relative;
  border-top: 3px solid;
  -o-border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
     border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
  background: #484848;
  padding: 40px;
  z-index: 2;
}

@media (max-width:767px) {
  .page-body {
    padding-bottom: 80px;
  }
  .page-body .panel {
    padding: 20px;
  }
}
.list-container .card {
  height: 100%;
}

.card {
  background-color: #E2E2E2;
  border-radius: 0;
  border: 0;
  padding: 10px;
  color: #333;
}
.card .card-body {
  padding: 0;
}
.card .card-title {
  font-size: 1.8rem;
  border-bottom: 1px;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.card p {
  margin-bottom: 5px;
}
.card p:last-child {
  margin-bottom: 0;
}
.card.bg-dark {
  background-color: #555 !important;
  color: #fff;
}
.card.card-horizon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.card.card-horizon .card-img {
  width: 100px;
}
.card.card-horizon .card-body {
  padding-left: 10px;
  width: calc(100% - 100px);
}
.card.card-horizon .card-title {
  margin-top: 0;
}
@media (max-width:767px) {
  .card.card-voice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .card.card-voice .card-img {
    width: 70px;
  }
  .card.card-voice .card-body {
    margin-top: 10px;
  }
  .card.card-voice .card-title {
    margin-top: 0;
    width: calc(100% - 70px);
    padding-left: 10px;
  }
}
.card.crad-voice-lg {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.card.crad-voice-lg .card-img {
  width: 300px;
}
.card.crad-voice-lg .card-body {
  padding-left: 20px;
  width: calc(100% - 300px);
}
.card.crad-voice-lg .card-title {
  border-bottom: 2px solid #FF7D1A;
  padding-bottom: 8px;
  font-size: 2.8rem;
  margin-top: 0;
  position: relative;
}
.card.crad-voice-lg .card-title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
  background: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
}
@media (max-width:767px) {
  .card.crad-voice-lg {
    padding: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .card.crad-voice-lg .card-img {
    width: 100%;
  }
  .card.crad-voice-lg .card-body {
    padding-left: 0;
    width: 100%;
  }
  .card.crad-voice-lg .card-title {
    margin-top: 5px;
  }
}
.card + .card {
  margin-top: 20px;
}

.form-btns-wrap .btn {
  width: calc(50% - 10px);
  max-width: 280px;
  margin-left: 10px;
  margin-right: 10px;
}

.copy-box {
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #152B89;
  padding: 30px;
  margin-bottom: 40px;
}
.copy-box p:last-child {
  margin-bottom: 0;
}

@media (max-width:767px) {
  .copy-box {
    font-size: 2.2rem;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 40px;
  }
  .copy-box p:last-child {
    margin-bottom: 0;
  }
}
.btn {
  font-size: 1.6rem;
  padding: 1.5rem;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  text-align: center;
}
.btn::after {
  content: "";
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  position: absolute;
  display: inline-block;
  background-image: url(../img/common/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.btn .icon {
  display: inline-block;
  width: 22px;
  margin-bottom: 0;
  margin-right: 10px;
}

.btn-black {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.btn-black:focus, .btn-black:disabled, .btn-black:visited, .btn-black:focus {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .btn-black:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.btn-black:hover, .btn-black:active, .btn-black.touch {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  opacity: 0.7;
}

.btn-blue {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
}
.btn-blue:focus, .btn-blue:disabled, .btn-blue:visited, .btn-blue:focus {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active, .btn-blue:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.btn-blue:hover, .btn-blue:active, .btn-blue.touch {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  opacity: 0.7;
}

.btn-orange {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
}
.btn-orange:focus, .btn-orange:disabled, .btn-orange:visited, .btn-orange:focus {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active, .btn-orange:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.btn-orange:hover, .btn-orange:active, .btn-orange.touch {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  opacity: 0.7;
}

.btn-cv {
  background-color: #000;
  border: 2px solid #152B89;
  color: #fff;
  font-size: 3.8rem;
  font-weight: bold;
  padding: 25px;
  border-radius: 100px;
  max-width: 680px;
  width: 100%;
}
.btn-cv:focus, .btn-cv:disabled, .btn-cv:visited, .btn-cv:focus {
  background-color: #000;
  border: 2px solid #152B89;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-cv:not(:disabled):not(.disabled):active, .btn-cv:not(:disabled):not(.disabled).active, .btn-cv:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 2px solid inherit;
  color: inherit;
}
.btn-cv:hover, .btn-cv:active, .btn-cv.touch {
  background-color: #000;
  border: 2px solid #152B89;
  color: #fff;
  opacity: 0.7;
}
.btn-cv::after {
  width: 28px;
  height: 28px;
  right: 25px;
}

@media (max-width:767px) {
  .btn-cv {
    font-size: 2.4rem;
    font-weight: bold;
    padding: 25px 40px;
  }
  .btn-cv::after {
    width: 20px;
    height: 20px;
    right: 25px;
  }
}
.btns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.btns-wrap.btns-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btns-wrap .btn {
  max-width: calc(50% - 10px);
  -webkit-box-flex: calc(50% - 10px);
      -ms-flex: calc(50% - 10px);
          flex: calc(50% - 10px);
  margin-bottom: 15px;
}

@media (max-width:767px) {
  .btns-wrap .btn {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
  .btns-wrap .btn:not(:last-child) {
    margin-bottom: 8px;
  }
}
a {
  color: #b9c0fc;
}

.h2, .post-contents h2 {
  font-size: 3.6rem;
  line-height: 1.5;
  border-bottom: 4px solid #152B89;
  padding-bottom: 2rem;
  margin: 5rem 0 3rem;
  position: relative;
}
.h2:after, .post-contents h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #484848 25%, transparent 25%, transparent 75%, #484848 75%), linear-gradient(45deg, #484848 25%, transparent 25%, transparent 75%, #484848 75%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.h2:first-child, .post-contents h2:first-child {
  margin-top: 0;
}

@media (max-width:767px) {
  .h2,
  .post-contents h2 {
    font-size: 2.4rem;
  }
}
.h3, .post-contents h3 {
  font-size: 2.8rem;
  line-height: 1.5;
  border-bottom: 2px solid #152B89;
  padding-bottom: 1rem;
  margin: 3rem 0;
}

@media (max-width:767px) {
  .h3,
  .post-contents h3 {
    font-size: 2.2rem;
  }
}
.h4, .post-contents h4 {
  font-size: 2.4rem;
  line-height: 1.5;
  padding-bottom: 1rem;
  margin: 3rem 0 2rem;
}
.h4:after, .post-contents h4:after {
  content: "";
  display: block;
  position: relative;
  left: 0;
  bottom: -1rem;
  width: 140px;
  height: 1px;
  background: #152B89;
}

@media (max-width:767px) {
  .h4,
  .post-contents h4 {
    font-size: 1.8rem;
  }
}
.h5, .post-contents h5 {
  font-size: 2rem;
  line-height: 1.5;
  border-left: 4px solid #152B89;
  padding: 5px 10px;
  margin: 2rem 0;
}

@media (max-width:767px) {
  .h5,
  .post-contents h5 {
    font-size: 1.8rem;
  }
}
.ul li, .post-contents ul li {
  margin-bottom: 1rem;
}
.ul li:before, .post-contents ul li:before {
  content: "●";
  color: #4ABF00;
  margin-right: 5px;
}
.ul ul, .post-contents ul ul {
  margin-left: 20px;
}
.ul ul li:before, .post-contents ul ul li:before {
  content: "ー";
}

.ol, .post-contents ol {
  counter-reset: ol_number;
}
.ol li, .post-contents ol li {
  margin-bottom: 1rem;
}
.ol li:before, .post-contents ol li:before {
  counter-increment: ol_number;
  content: counter(ol_number) ".";
  color: #4ABF00;
  margin-right: 5px;
}

.table, .post-contents table {
  color: #fff;
}
.table th, .post-contents table th {
  background: #000;
}

.wp-block-image {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image img {
  margin-left: auto;
  margin-right: auto;
}

.section-header {
  text-align: center;
  background: #000;
  padding-top: 60px;
  padding-bottom: 110px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
  position: relative;
  margin-bottom: 30px;
}
.section-header::before {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #152B89;
}
.section-header .title {
  font-size: 4.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  border: 0;
}
.section-header .title::before, .section-header .title::after {
  content: none;
}
.section-header .sub {
  display: block;
  font-size: 3.6rem;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0;
}
.section-header .sub:last-child {
  margin-bottom: 0;
}

@media (max-width:767px) {
  .section-header {
    padding-top: 35px;
    padding-bottom: 80px;
    min-height: 100px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
  }
  .section-header .title {
    font-size: 2.2rem;
  }
  .section-header .sub {
    font-size: 2rem;
  }
}
.box-lead {
  padding: 0;
  position: relative;
  width: 100%;
}
.box-lead > .inner {
  padding: 125px 30px 100px;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
}
.box-lead .lead {
  font-size: 5.8rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 2px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.box-lead .lead .lg {
  color: #4ABF00;
  font-size: 6.4rem;
}
.box-lead .lead-logo {
  margin-top: -150px;
}
.box-lead .main-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.box-lead .main-pc {
  display: block;
}
.box-lead .main-sp {
  display: none;
}

@media (max-width:767px) {
  .box-lead {
    margin-bottom: 60px;
  }
  .box-lead > .inner {
    padding: 70px 15px 0;
  }
  .box-lead .lead {
    font-size: 3rem;
  }
  .box-lead .lead .lg {
    font-size: 3.6rem;
  }
  .box-lead .lead-logo {
    margin-top: 0;
  }
  .box-lead .lead-logo img {
    width: 220px;
  }
  .box-lead .main-pc {
    display: none;
  }
  .box-lead .main-sp {
    display: block;
  }
}
.box-lead2 {
  margin-bottom: 80px;
}
.box-lead2 .d-flex {
  background: #555555;
  padding: 10px;
}
.box-lead2 .d-flex h3 {
  font-size: 2rem;
  margin-bottom: 1.8rem;
}
.box-lead2:before {
  content: "";
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  top: -8rem;
  width: 80%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
  background: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
}

.box-catch {
  background: #E2E2E2;
  -webkit-clip-path: polygon(0 0, 50% 80px, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
          clip-path: polygon(0 0, 50% 80px, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
  z-index: 1060;
  position: relative;
  text-align: center;
  color: #000;
  padding-top: 130px;
  padding-bottom: 100px;
  font-size: 3.4rem;
}
.box-catch span {
  background: #000;
  color: #fff;
  padding: 0 30px;
  -webkit-clip-path: polygon(0 50%, 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%);
          clip-path: polygon(0 50%, 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%);
  margin-right: 1rem;
}
.box-catch h2 {
  font-size: 3.8rem;
  margin-bottom: 1rem;
  padding: 0;
  border-bottom: 0;
}
.box-catch h2::after {
  content: none;
}

@media (max-width:767px) {
  .box-catch {
    -webkit-clip-path: polygon(0 0, 50% 60px, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
            clip-path: polygon(0 0, 50% 60px, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
    font-size: 2.2rem;
    padding-top: 90px;
    padding-bottom: 60px;
  }
  .box-catch h2 {
    line-height: 1.5;
    font-size: 2.5rem;
  }
  .box-catch span {
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.home-section {
  padding-bottom: 100px;
}

.section-about {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, transparent), color-stop(40%, #484848), to(#484848)), -webkit-gradient(linear, left top, right top, from(#484848), color-stop(40%, #484848), color-stop(40%, transparent), to(transparent));
  background-image: linear-gradient(90deg, transparent 0%, transparent 40%, #484848 40%, #484848 100%), linear-gradient(90deg, #484848 0%, #484848 40%, transparent 40%, transparent 100%);
  background-position: left top, left bottom;
  background-size: 100% calc(100% - 300px), 100% 300px;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}

.box-about {
  background: #fff;
  padding: 50px 40px 40px;
  margin-top: -30px;
  color: #000;
}

.h2-about {
  margin-top: -80px;
  padding-top: 120px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
  border-top: none;
}
.h2-about:after {
  content: "";
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  bottom: -1.6rem;
  width: 180px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
  background: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
}

.h-about {
  text-align: center;
  font-size: 2.4rem;
  max-width: 570px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  line-height: 60px;
  -webkit-clip-path: polygon(0 50%, 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%);
          clip-path: polygon(0 50%, 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%);
  height: 60px;
}

.box-product h3 {
  font-size: 3.2rem;
  color: #fff;
  text-align: center;
  margin-bottom: 2.5rem;
  font-weight: bold;
}

.section-header + .list-container {
  margin-top: -80px;
}

@media (max-width:767px) {
  .section-header + .list-container {
    margin-top: -70px;
  }
}
.list-container {
  position: relative;
  z-index: 1030;
}
.list-container .row > [class*=col-], .list-container .row .col {
  margin-top: 0;
  margin-bottom: 30px;
}

@media (max-width:767px) {
  .list-container .row > [class*=col-], .list-container .row .col {
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.box-home-material {
  z-index: 1030;
  position: relative;
}
.box-home-material .d-flex {
  background: #E2E2E2;
  color: #707070;
  padding: 10px;
}
.box-home-material .d-flex h3 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.box-home-diff {
  z-index: 1030;
  position: relative;
}
.box-home-diff .d-flex {
  background: #E2E2E2;
  color: #707070;
  padding: 10px;
}
.box-home-diff .d-flex h3 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.box-home-diff .d-grid {
  margin-top: 4.5rem;
}

.box-home-voice {
  z-index: 1030;
  position: relative;
}
.box-home-voice .record {
  background: #E2E2E2;
  color: #707070;
  padding: 10px;
}
.box-home-voice .record h3 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.box-home-voice .d-grid {
  margin-top: 4.5rem;
}

@media (max-width:767px) {
  .h2-about {
    padding-top: 80px;
    margin-top: -60px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
  }
  .box-about {
    padding: 50px 20px 40px;
    margin: -30px 0 0;
  }
  .box-product h3 {
    font-size: 2rem;
  }
  .box-home-voice {
    margin-top: -220px;
  }
}
.box-voice {
  margin: 70px auto 0;
  max-width: 970px;
}
.box-voice .d-flex {
  background: #484848;
  padding: 30px;
  margin-bottom: 30px;
}
.box-voice .d-flex .flex-grow-1 {
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box-voice .d-flex h2 {
  font-size: 2rem;
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
     border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 220px, 50% 280px, 0 220px);
          clip-path: polygon(0 0, 100% 0, 100% 220px, 50% 280px, 0 220px);
}
.box-voice .row {
  background: #484848;
  margin: 0 0 30px;
  padding: 30px;
}
.box-voice .row h2 {
  font-size: 2rem;
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
     border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 220px, 50% 280px, 0 220px);
          clip-path: polygon(0 0, 100% 0, 100% 220px, 50% 280px, 0 220px);
}

.landingpage .box-lplead {
  padding: 0;
  margin-bottom: 0;
}
.landingpage .box-lplead .lead-inner {
  padding: 100px 70px;
}
.landingpage .box-lplead .sublead {
  font-size: 3.6rem;
  line-height: 1.5;
  margin-bottom: 20px;
}
.landingpage .box-lplead h1 {
  font-size: 4.6rem;
  line-height: 1.5;
  margin-bottom: 0;
}
@media (max-width:767px) {
  .landingpage .box-lplead {
    padding: 50px 30px;
  }
  .landingpage .box-lplead .lead-inner {
    padding: 0;
  }
  .landingpage .box-lplead .sublead {
    font-size: 2rem;
  }
  .landingpage .box-lplead h1 {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
}
.landingpage .box-lead2:before {
  content: none;
}
.landingpage .box-lead2 h2 {
  font-size: 3.8rem;
  text-align: center;
  margin-bottom: 5rem;
}
.landingpage .box-lead2 h2 span {
  color: #4ABF00;
}
@media (max-width:767px) {
  .landingpage .box-lead2 h2 {
    font-size: 2.5rem;
    line-height: 1.5;
  }
}
.landingpage .box-product {
  margin-bottom: 3rem;
}
.landingpage .box-product:not(:first-child) {
  margin-top: 3rem;
}
.landingpage .box-product .title {
  border-bottom: 4px solid #152B89;
  padding-bottom: 2rem;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
}
.landingpage .box-product .title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #484848 25%, transparent 25%, transparent 75%, #484848 75%), linear-gradient(45deg, #484848 25%, transparent 25%, transparent 75%, #484848 75%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.landingpage .box-product.bg-light, .landingpage .box-product.bg-darck {
  padding: 20px;
}
.landingpage .box-product.bg-light {
  background-color: #E2E2E2;
}
.landingpage .box-product.bg-darck {
  background-color: #555;
}
.landingpage .lp-section {
  max-width: 1170px;
  margin: 0 auto 120px;
  background: #484848;
  padding: 0 50px 30px;
  position: relative;
  z-index: 2;
}
.landingpage .lp-section:not(:first-child) {
  margin-top: 60px;
}
.landingpage .lp-section + .cta-wrap {
  margin-top: -120px;
}
.landingpage .lp-section:before {
  position: absolute;
  top: 100%;
  left: 0;
  content: "";
  display: block;
  height: 80px;
  width: 100%;
  background: #484848;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.landingpage .lp-section .box-catch {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
  padding-top: 40px;
  padding-bottom: 90px;
  line-height: 1.5;
}
.landingpage .lp-section .box-catch .catch-lead {
  font-size: 3.8rem;
  margin-bottom: 1rem;
  padding: 0;
  border-bottom: 0;
}
.landingpage .lp-section .box-catch .catch-sublead {
  font-size: 3.4rem;
}
.landingpage .lp-section .box-catch .catch-sublead .hexagon {
  background: #000;
  color: #fff;
  padding: 0 30px;
  -webkit-clip-path: polygon(0 50%, 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%);
          clip-path: polygon(0 50%, 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%);
  margin-right: 1rem;
}
.landingpage .lp-section .section-header:not(:first-child) {
  margin-top: 60px;
}
.landingpage .lp-section .h2-about:after {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  bottom: -1.6rem;
  width: 180px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
  background: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
}
.landingpage .lp-section .box-catch, .landingpage .lp-section .section-header {
  margin-left: -50px;
  margin-right: -50px;
}
.landingpage .lp-section .box-catch + .section-header {
  padding-top: 100px;
  padding-bottom: 90px;
  margin-top: -80px;
}
@media (max-width:767px) {
  .landingpage .lp-section {
    padding: 0 15px 30px;
  }
  .landingpage .lp-section:before {
    height: 60px;
  }
  .landingpage .lp-section .box-catch {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
    padding-top: 30px;
  }
  .landingpage .lp-section .h2-home {
    padding-bottom: 70px;
  }
  .landingpage .lp-section .h2-home:not(:first-child) {
    margin-top: 40px;
  }
  .landingpage .lp-section .box-catch,
  .landingpage .lp-section .section-header {
    margin-left: -15px;
    margin-right: -15px;
  }
  .landingpage .lp-section .box-catch + .section-header {
    margin-top: -80px;
  }
}
.landingpage .cta-wrap {
  margin-bottom: 100px;
  background: none;
  position: relative;
}
.landingpage .cta-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 120px;
  width: 100%;
  background: #484848;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
}
.landingpage .cta-wrap .cta {
  position: relative;
}
@media (max-width:767px) {
  .landingpage .cta-wrap {
    padding-top: 20px;
  }
  .landingpage .cta-wrap:before {
    height: 60px;
    width: 100%;
    background: #484848;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
  }
}
.landingpage .list-container .row {
  margin-top: 0;
}

.cta {
  background: #16259A;
  max-width: 970px;
  margin: 0 auto;
  padding: 50px 30px;
  border-top: 2px solid;
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
     border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-decoration: none;
}
.cta:hover, .cta:active, .cta:focus {
  color: #fff;
  opacity: 0.7;
}
.cta .cta-title {
  font-size: 2.8rem;
  border-bottom: 4px solid;
  -o-border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
     border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
  padding-bottom: 2rem;
  position: relative;
  margin-bottom: 2rem;
}
.cta .cta-title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 4px;
  background: linear-gradient(45deg, #484848 25%, transparent 25%, transparent 75%, #484848 75%), linear-gradient(45deg, #484848 25%, transparent 25%, transparent 75%, #484848 75%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.cta .cta-text {
  font-size: 5.4rem;
  line-height: 1.1;
}
.cta .cta-text .lg {
  font-size: 7.6rem;
  color: #4ABF00;
}

@media (max-width:767px) {
  .cta {
    padding: 20px 20px;
  }
  .cta .img-fluid {
    margin-bottom: 20px;
  }
  .cta .cta-title {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .cta .cta-text {
    font-size: 2.3rem;
  }
  .cta .cta-text .lg {
    font-size: 2.6rem;
    color: #4ABF00;
  }
}
.lp-cta-btn {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  max-width: 970px;
  min-height: 140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px 10px 140px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #fff;
  border-radius: 100px;
  overflow: hidden;
  z-index: 3;
}
.lp-cta-btn:focus, .lp-cta-btn:disabled, .lp-cta-btn:visited, .lp-cta-btn:focus {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lp-cta-btn:not(:disabled):not(.disabled):active, .lp-cta-btn:not(:disabled):not(.disabled).active, .lp-cta-btn:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.lp-cta-btn:hover, .lp-cta-btn:active, .lp-cta-btn.touch {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  opacity: 0.7;
}
.lp-cta-btn::before {
  content: "";
  display: block;
  background-color: #152B89;
  height: 140px;
  width: 140px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.lp-cta-btn::after {
  content: "";
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 28px;
  height: 28px;
  position: absolute;
  display: inline-block;
  background-image: url(../img/common/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.lp-cta-btn .cta-img {
  position: absolute;
  background-color: #fff;
  border-radius: 100px;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 10px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  overflow: hidden;
}
.lp-cta-btn .cta-img .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.lp-cta-btn .cta-text {
  font-size: 3.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  line-height: 1.3;
}
.lp-cta-btn .cta-text .marker {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4ABF00), to(#4ABF00));
  background-image: linear-gradient(#4ABF00, #4ABF00);
  background-size: 100% 12px;
  background-position: left 90%;
  background-repeat: no-repeat;
  display: inline;
}

@media (max-width:767px) {
  .lp-cta-btn {
    min-height: 100px;
    padding: 10px 30px 10px 110px;
  }
  .lp-cta-btn::before {
    height: 100px;
    width: 100px;
  }
  .lp-cta-btn::after {
    right: 12px;
    width: 20px;
    height: 20px;
  }
  .lp-cta-btn .cta-img {
    width: 90px;
    height: 90px;
    left: 5px;
  }
  .lp-cta-btn .cta-text {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .lp-cta-btn .cta-text .marker {
    background-size: 100% 6px;
    background-position: left 90%;
  }
}
.cta-warp .cta-desc {
  padding: 10px;
  background: rgba(33, 33, 33, 0.8);
  max-width: 950px;
  margin: 20px auto;
}
.cta-warp .cta-desc p {
  margin-top: 0;
  margin-bottom: 5px;
}
.cta-warp .cta-desc p:last-child {
  margin-bottom: 0;
}

.fixed-cta {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 10000;
}
.fixed-cta .fixed-cta-btn {
  background-color: #FFE41D;
  border: 1px solid #FFE41D;
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  width: 100%;
  padding: 10px 28px 10px 20px;
  border-radius: 200px;
  margin-bottom: 3px;
  text-align: center;
  position: relative;
  z-index: 5;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-box-shadow: 0 3px 0 0 #b3a112;
          box-shadow: 0 3px 0 0 #b3a112;
  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;
  line-height: 1.3;
  -webkit-animation-name: btn_anim;
          animation-name: btn_anim;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.fixed-cta .fixed-cta-btn:focus, .fixed-cta .fixed-cta-btn:disabled, .fixed-cta .fixed-cta-btn:visited, .fixed-cta .fixed-cta-btn:focus {
  background-color: #FFE41D;
  border: 1px solid #FFE41D;
  color: #000;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.fixed-cta .fixed-cta-btn:not(:disabled):not(.disabled):active, .fixed-cta .fixed-cta-btn:not(:disabled):not(.disabled).active, .fixed-cta .fixed-cta-btn:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.fixed-cta .fixed-cta-btn:hover, .fixed-cta .fixed-cta-btn:active, .fixed-cta .fixed-cta-btn.touch {
  background-color: #FFE41D;
  border: 1px solid #FFE41D;
  color: #000;
  opacity: 0.7;
}
.fixed-cta .fixed-cta-btn::before {
  content: "";
  position: absolute;
  z-index: 2;
  border-radius: 200px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  left: 4px;
  top: 4px;
  border: 2px solid #fff;
}
.fixed-cta .fixed-cta-btn::after {
  width: 16px;
  height: 16px;
  right: 10px;
}
@media (max-width:991px) {
  .fixed-cta {
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .fixed-cta .fixed-cta-btn {
    min-width: 300px;
    padding: 7px 28px 7px 20px;
    font-size: 1.5rem;
    font-weight: bold;
  }
}

.subscription-header .container {
  position: relative;
  padding-left: 320px;
}
.subscription-header .subscription-img {
  width: 300px;
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% + 30px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width:767px) {
  .subscription-header .container {
    position: relative;
    padding-left: 15px;
  }
  .subscription-header .subscription-img {
    width: 220px;
    position: relative;
    margin: 10px auto -40px;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.product-catch {
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3;
  margin-top: 10px;
}
.product-catch .lg {
  font-size: 1.4em;
}

.product-harder {
  padding: 60px 0;
}
.product-harder .product-brand {
  font-size: 1.8rem;
  background-color: #152B89;
  color: #fff;
  display: inline-block;
  min-width: 140px;
  text-align: center;
  padding: 5px 10px;
}
.product-harder .product-title {
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 2px solid #152B89;
  padding: 0 0 5px;
  margin: 10px 0 20px;
}
.product-harder .label-list .label {
  padding: 5px 10px;
}

.product-desc {
  padding: 60px 0;
}

.product-sku {
  padding: 0;
}
.product-sku .sku-list .sku-item {
  padding: 25px 0;
  border-top: 1px solid #bbb;
}
.product-sku .sku-list .sku-item:last-child {
  border-bottom: 1px solid #bbb;
}
.product-sku .sku-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
.product-sku .sku-item .item-inner {
  width: calc(100% - 100px);
}
.product-sku .sku-item .item-left {
  width: 280px;
}
.product-sku .sku-item .item-right {
  width: calc(100% - 280px);
  padding-left: 20px;
}
.product-sku .thumbnail-wrap {
  margin-bottom: 0;
}
.product-sku .thumbnail {
  margin-bottom: 0;
}
.product-sku .sku-title {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.product-sku .btns-wrap {
  margin-bottom: -20px;
}
.product-sku .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right;
  margin-bottom: 15px;
}
.product-sku .price .list-price {
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #FF7D1A;
  color: #fff;
  line-height: 1.3;
  padding: 0 8px 0 5px;
  margin-right: 5px;
  margin-bottom: 0;
  height: 100%;
  position: relative;
  -webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
}
.product-sku .price .sale-price {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.3;
}
.product-sku .price .sale-price .lg {
  font-size: 2.8rem;
  font-weight: 700;
  color: #FF0005;
}
.product-sku .sku-desc {
  margin-bottom: 20px;
}
.product-sku .sku-desc p {
  margin-bottom: 10px;
}
.product-sku .sku-desc p:last-child {
  margin-bottom: 0;
}

@media (max-width:991px) {
  .product-sku {
    padding-top: 0;
  }
  .product-sku .sku-item .item-inner {
    width: 100%;
  }
}
@media (max-width:767px) {
  .product-sku {
    padding: 0;
  }
  .product-sku .sku-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .product-sku .sku-item .item-left {
    width: 100%;
    margin-bottom: 10px;
  }
  .product-sku .sku-item .item-right {
    width: 100%;
    padding-left: 0;
  }
  .product-sku .sku-title {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .product-sku .btn {
    margin-bottom: 10px;
  }
}
.product-slide {
  position: relative;
}
.product-slide .slide-inner {
  overflow: hidden;
}
.product-slide .slide-img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.product-slide .swiper-button-next, .product-slide .swiper-button-prev {
  color: #fff;
}
.product-slide .swiper-button-next {
  right: -50px;
}
.product-slide .swiper-button-prev {
  left: -50px;
}

.product-slide-thum {
  overflow: hidden;
}
.product-slide-thum .slide-item {
  cursor: pointer;
}
.product-slide-thum .slide-item:hover, .product-slide-thum .slide-item:active {
  opacity: 0.8;
}
.product-slide-thum .slide-item.swiper-slide-thumb-active {
  opacity: 0.8;
}

.product-thumbnail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2px;
  margin-right: -2px;
}
.product-thumbnail-list .item {
  width: 25%;
  padding: 0 2px;
  margin-bottom: 4px;
}
.product-thumbnail-list .slide-item {
  padding-bottom: 64.5%;
  position: relative;
  margin-bottom: 0;
}
.product-thumbnail-list .slide-item .thumbnail {
  margin-bottom: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-thumbnail-list .slide-item::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-color: transparent;
  border-width: 2px;
  border-style: solid;
}
.product-thumbnail-list .current .slide-item::after {
  border-color: #FF7D1A;
}

.sku-cart-btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-page #wc_regular {
  background-color: #2C2C2C;
  border: 0;
}
.product-page #wc_regular .wcr_tlt {
  font-size: 2.2rem;
  background-color: #000;
  padding: 15px;
}
.product-page #wc_regular .wcr_tlt .lg {
  font-size: 1.2em;
}
.product-page #wc_regular .inside {
  padding: 5px 15px 15px;
}
.product-page #wc_regular .regular_explanation {
  margin-bottom: 5px;
}
.product-page #wc_regular .regular_explanation th + td,
.product-page #wc_regular .regular_explanation td + td {
  padding: 0 10px;
}
.product-page #wc_regular .skuquantity {
  margin-left: 10px;
}
.product-page #wc_regular .skubutton {
  text-decoration: none;
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  max-width: 460px;
  width: 100%;
  font-size: 1.6rem;
  padding: 1.5rem;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  text-align: center;
  background-image: url(../img/common/arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: auto 18px;
  margin-left: 20px;
}
.product-page #wc_regular .skubutton:focus, .product-page #wc_regular .skubutton:disabled, .product-page #wc_regular .skubutton:visited, .product-page #wc_regular .skubutton:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.product-page #wc_regular .skubutton:not(:disabled):not(.disabled):active, .product-page #wc_regular .skubutton:not(:disabled):not(.disabled).active, .product-page #wc_regular .skubutton:not(:disabled):not(.disabled):active:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.product-page #wc_regular .skubutton:hover, .product-page #wc_regular .skubutton:active, .product-page #wc_regular .skubutton.touch {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.product-page #wc_regular .skubutton:focus, .product-page #wc_regular .skubutton:disabled, .product-page #wc_regular .skubutton:visited, .product-page #wc_regular .skubutton:focus {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.product-page #wc_regular .skubutton:not(:disabled):not(.disabled):active, .product-page #wc_regular .skubutton:not(:disabled):not(.disabled).active, .product-page #wc_regular .skubutton:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.product-page #wc_regular .skubutton:hover, .product-page #wc_regular .skubutton:active, .product-page #wc_regular .skubutton.touch {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  opacity: 0.7;
}

@media (max-width:767px) {
  .product-page #wc_regular .skubutton {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
  }
}
.subscription-info {
  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;
}
.subscription-info .item {
  margin-right: 15px;
}

.subscription-price {
  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;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0;
}
.subscription-price .text {
  margin-right: 15px;
  margin-bottom: 0;
}
.subscription-price .price-first, .subscription-price .price-second {
  margin-right: 15px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.subscription-price .lg {
  font-size: 2.8rem;
}

@media (max-width:767px) {
  .subscription-info .item {
    margin-right: 0;
    width: 100%;
  }
  .subscription-price .text {
    width: 100%;
  }
  .subscription-price .price-first,
  .subscription-price .price-second {
    width: 100%;
  }
}
.cart-step-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart-step-bar .item {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background-color: #222;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  text-align: center;
  height: 38px;
  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;
}
.cart-step-bar .item.current {
  background-color: #152B89;
}

@media (max-width:767px) {
  .cart-step-bar .item {
    font-size: 1.2rem;
    font-weight: normal;
    height: 32px;
  }
}
#cart .upbutton {
  font-size: 1.6rem;
  padding: 0;
  margin-bottom: 20px;
}

#cart_table {
  width: 100%;
}
#cart_table tr th,
#cart_table tr td {
  border: 1px solid #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#cart_table tr th.unitprice::before,
#cart_table tr td.unitprice::before {
  font-size: 1.2rem;
  margin-right: 3px;
  content: "単価";
}
#cart_table tr th.quantity,
#cart_table tr td.quantity {
  width: 50px;
  line-height: 1.5;
}
#cart_table tr th.quantity::after,
#cart_table tr td.quantity::after {
  font-size: 1.4rem;
  margin-left: 3px;
  content: "個";
}
#cart_table tr th.subtotal,
#cart_table tr td.subtotal {
  width: calc(50% - 50px);
  line-height: 1.5;
}
#cart_table tr th.subtotal::before,
#cart_table tr td.subtotal::before {
  font-size: 1.2rem;
  margin-right: 3px;
  content: "金額";
}
#cart_table.total-table tr th,
#cart_table.total-table tr td {
  font-size: 1.8rem;
  text-align: right;
  color: #000;
  background: #eee;
}
#cart_table.total-table tr td {
  background: #fff;
}
#cart_table .thumbnail img {
  margin-bottom: 0;
}
#cart_table .delButton {
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: normal;
  background-color: #FF0005;
  border: 1px solid #FF0005;
  color: #fff;
  border-radius: 0;
  position: relative;
  white-space: normal;
  letter-spacing: 0;
  padding: 2px 10px;
  min-width: 48px;
  min-height: 24px;
  text-align: center;
  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;
  border-radius: 3px;
  line-height: 1.3;
}
#cart_table .delButton:focus, #cart_table .delButton:disabled, #cart_table .delButton:visited, #cart_table .delButton:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
#cart_table .delButton:not(:disabled):not(.disabled):active, #cart_table .delButton:not(:disabled):not(.disabled).active, #cart_table .delButton:not(:disabled):not(.disabled):active:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
#cart_table .delButton:hover, #cart_table .delButton:active, #cart_table .delButton.touch {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
#cart_table .delButton:focus, #cart_table .delButton:disabled, #cart_table .delButton:visited, #cart_table .delButton:focus {
  background-color: #FF0005;
  border: 1px solid #FF0005;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#cart_table .delButton:not(:disabled):not(.disabled):active, #cart_table .delButton:not(:disabled):not(.disabled).active, #cart_table .delButton:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
#cart_table .delButton:hover, #cart_table .delButton:active, #cart_table .delButton.touch {
  background-color: #FF0005;
  border: 1px solid #FF0005;
  color: #fff;
  opacity: 0.7;
}

@media (max-width:767px) {
  #cart #cart_table {
    display: block;
    border: 0;
    width: 100%;
  }
  #cart #cart_table tbody {
    display: block;
    border: 0;
    width: 100%;
  }
  #cart #cart_table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  #cart #cart_table tr th, #cart #cart_table tr td {
    border: 0;
    padding: 8px 0;
    line-height: 1.5;
    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;
  }
  #cart #cart_table tr th.num, #cart #cart_table tr td.num {
    width: 30px;
    background: #eee;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
  }
  #cart #cart_table tr th.thumbnail, #cart #cart_table tr td.thumbnail {
    width: 60px;
    background: #eee;
    padding: 8px 0;
  }
  #cart #cart_table tr th.productname, #cart #cart_table tr td.productname {
    width: calc(100% - 90px);
    background: #eee;
    line-height: 1.5;
    padding-left: 10px;
  }
  #cart #cart_table tr th.unitprice, #cart #cart_table tr td.unitprice {
    width: calc(50% - 30px);
    line-height: 1.5;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #cart #cart_table tr th.quantity, #cart #cart_table tr td.quantity {
    width: 60px;
    line-height: 1.5;
  }
  #cart #cart_table tr th.subtotal, #cart #cart_table tr td.subtotal {
    width: calc(50% - 30px);
    line-height: 1.5;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #cart #cart_table tr th.stock, #cart #cart_table tr td.stock {
    display: none;
  }
  #cart #cart_table tr th.action, #cart #cart_table tr td.action {
    width: 100%;
    line-height: 1.5;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    border-top: 1px dashed #efefef;
  }
  #cart #cart_table.total-table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  #cart #cart_table.total-table tr th,
  #cart #cart_table.total-table tr td {
    font-size: 1.8rem;
    text-align: right;
    color: #000;
  }
  #cart #cart_table.total-table tr th:nth-child(1),
  #cart #cart_table.total-table tr td:nth-child(1) {
    width: 60%;
  }
  #cart #cart_table.total-table tr th:nth-child(2),
  #cart #cart_table.total-table tr td:nth-child(2) {
    width: 40%;
  }
  #info-confirm #cart #cart_table .action {
    display: none;
  }
}
#wc_customer .customer_form,
#wc_customer table,
#customer-info .customer_form,
#customer-info table,
#delivery-info .customer_form,
#delivery-info table,
#info-confirm .customer_form,
#info-confirm table,
#newmember .customer_form,
#newmember table,
#memberinfo .customer_form,
#memberinfo table {
  width: 100%;
}
#wc_customer .customer_form tr th, #wc_customer .customer_form tr td,
#wc_customer table tr th,
#wc_customer table tr td,
#customer-info .customer_form tr th,
#customer-info .customer_form tr td,
#customer-info table tr th,
#customer-info table tr td,
#delivery-info .customer_form tr th,
#delivery-info .customer_form tr td,
#delivery-info table tr th,
#delivery-info table tr td,
#info-confirm .customer_form tr th,
#info-confirm .customer_form tr td,
#info-confirm table tr th,
#info-confirm table tr td,
#newmember .customer_form tr th,
#newmember .customer_form tr td,
#newmember table tr th,
#newmember table tr td,
#memberinfo .customer_form tr th,
#memberinfo .customer_form tr td,
#memberinfo table tr th,
#memberinfo table tr td {
  border: 1px solid #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
#wc_customer .customer_form tr th,
#wc_customer table tr th,
#customer-info .customer_form tr th,
#customer-info table tr th,
#delivery-info .customer_form tr th,
#delivery-info table tr th,
#info-confirm .customer_form tr th,
#info-confirm table tr th,
#newmember .customer_form tr th,
#newmember table tr th,
#memberinfo .customer_form tr th,
#memberinfo table tr th {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  background: #eee;
  width: auto;
}
#wc_customer .customer_form tr td,
#wc_customer table tr td,
#customer-info .customer_form tr td,
#customer-info table tr td,
#delivery-info .customer_form tr td,
#delivery-info table tr td,
#info-confirm .customer_form tr td,
#info-confirm table tr td,
#newmember .customer_form tr td,
#newmember table tr td,
#memberinfo .customer_form tr td,
#memberinfo table tr td {
  font-size: 1.6rem;
}
#wc_customer .customer_form .ttl,
#wc_customer table .ttl,
#customer-info .customer_form .ttl,
#customer-info table .ttl,
#delivery-info .customer_form .ttl,
#delivery-info table .ttl,
#info-confirm .customer_form .ttl,
#info-confirm table .ttl,
#newmember .customer_form .ttl,
#newmember table .ttl,
#memberinfo .customer_form .ttl,
#memberinfo table .ttl {
  background-color: #152B89;
}
#wc_customer .customer_form .ttl th, #wc_customer .customer_form .ttl td,
#wc_customer table .ttl th,
#wc_customer table .ttl td,
#customer-info .customer_form .ttl th,
#customer-info .customer_form .ttl td,
#customer-info table .ttl th,
#customer-info table .ttl td,
#delivery-info .customer_form .ttl th,
#delivery-info .customer_form .ttl td,
#delivery-info table .ttl th,
#delivery-info table .ttl td,
#info-confirm .customer_form .ttl th,
#info-confirm .customer_form .ttl td,
#info-confirm table .ttl th,
#info-confirm table .ttl td,
#newmember .customer_form .ttl th,
#newmember .customer_form .ttl td,
#newmember table .ttl th,
#newmember table .ttl td,
#memberinfo .customer_form .ttl th,
#memberinfo .customer_form .ttl td,
#memberinfo table .ttl th,
#memberinfo table .ttl td {
  padding: 12px 10px;
  color: #fff;
}
#wc_customer .customer_form .ttl h2, #wc_customer .customer_form .ttl h3, #wc_customer .customer_form .ttl h4,
#wc_customer table .ttl h2,
#wc_customer table .ttl h3,
#wc_customer table .ttl h4,
#customer-info .customer_form .ttl h2,
#customer-info .customer_form .ttl h3,
#customer-info .customer_form .ttl h4,
#customer-info table .ttl h2,
#customer-info table .ttl h3,
#customer-info table .ttl h4,
#delivery-info .customer_form .ttl h2,
#delivery-info .customer_form .ttl h3,
#delivery-info .customer_form .ttl h4,
#delivery-info table .ttl h2,
#delivery-info table .ttl h3,
#delivery-info table .ttl h4,
#info-confirm .customer_form .ttl h2,
#info-confirm .customer_form .ttl h3,
#info-confirm .customer_form .ttl h4,
#info-confirm table .ttl h2,
#info-confirm table .ttl h3,
#info-confirm table .ttl h4,
#newmember .customer_form .ttl h2,
#newmember .customer_form .ttl h3,
#newmember .customer_form .ttl h4,
#newmember table .ttl h2,
#newmember table .ttl h3,
#newmember table .ttl h4,
#memberinfo .customer_form .ttl h2,
#memberinfo .customer_form .ttl h3,
#memberinfo .customer_form .ttl h4,
#memberinfo table .ttl h2,
#memberinfo table .ttl h3,
#memberinfo table .ttl h4 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  color: #fff;
}
#wc_customer .customer_form .ttl h2::after, #wc_customer .customer_form .ttl h3::after, #wc_customer .customer_form .ttl h4::after,
#wc_customer table .ttl h2::after,
#wc_customer table .ttl h3::after,
#wc_customer table .ttl h4::after,
#customer-info .customer_form .ttl h2::after,
#customer-info .customer_form .ttl h3::after,
#customer-info .customer_form .ttl h4::after,
#customer-info table .ttl h2::after,
#customer-info table .ttl h3::after,
#customer-info table .ttl h4::after,
#delivery-info .customer_form .ttl h2::after,
#delivery-info .customer_form .ttl h3::after,
#delivery-info .customer_form .ttl h4::after,
#delivery-info table .ttl h2::after,
#delivery-info table .ttl h3::after,
#delivery-info table .ttl h4::after,
#info-confirm .customer_form .ttl h2::after,
#info-confirm .customer_form .ttl h3::after,
#info-confirm .customer_form .ttl h4::after,
#info-confirm table .ttl h2::after,
#info-confirm table .ttl h3::after,
#info-confirm table .ttl h4::after,
#newmember .customer_form .ttl h2::after,
#newmember .customer_form .ttl h3::after,
#newmember .customer_form .ttl h4::after,
#newmember table .ttl h2::after,
#newmember table .ttl h3::after,
#newmember table .ttl h4::after,
#memberinfo .customer_form .ttl h2::after,
#memberinfo .customer_form .ttl h3::after,
#memberinfo .customer_form .ttl h4::after,
#memberinfo table .ttl h2::after,
#memberinfo table .ttl h3::after,
#memberinfo table .ttl h4::after {
  content: none;
}
@media (max-width:767px) {
  #wc_customer .customer_form,
  #customer-info .customer_form,
  #delivery-info .customer_form,
  #info-confirm .customer_form,
  #newmember .customer_form,
  #memberinfo .customer_form {
    display: block;
  }
  #wc_customer .customer_form tbody, #wc_customer .customer_form thead,
  #customer-info .customer_form tbody,
  #customer-info .customer_form thead,
  #delivery-info .customer_form tbody,
  #delivery-info .customer_form thead,
  #info-confirm .customer_form tbody,
  #info-confirm .customer_form thead,
  #newmember .customer_form tbody,
  #newmember .customer_form thead,
  #memberinfo .customer_form tbody,
  #memberinfo .customer_form thead {
    display: block;
  }
  #wc_customer .customer_form tbody tr, #wc_customer .customer_form thead tr,
  #customer-info .customer_form tbody tr,
  #customer-info .customer_form thead tr,
  #delivery-info .customer_form tbody tr,
  #delivery-info .customer_form thead tr,
  #info-confirm .customer_form tbody tr,
  #info-confirm .customer_form thead tr,
  #newmember .customer_form tbody tr,
  #newmember .customer_form thead tr,
  #memberinfo .customer_form tbody tr,
  #memberinfo .customer_form thead tr {
    display: block;
  }
  #wc_customer .customer_form tbody tr th, #wc_customer .customer_form tbody tr td, #wc_customer .customer_form thead tr th, #wc_customer .customer_form thead tr td,
  #customer-info .customer_form tbody tr th,
  #customer-info .customer_form tbody tr td,
  #customer-info .customer_form thead tr th,
  #customer-info .customer_form thead tr td,
  #delivery-info .customer_form tbody tr th,
  #delivery-info .customer_form tbody tr td,
  #delivery-info .customer_form thead tr th,
  #delivery-info .customer_form thead tr td,
  #info-confirm .customer_form tbody tr th,
  #info-confirm .customer_form tbody tr td,
  #info-confirm .customer_form thead tr th,
  #info-confirm .customer_form thead tr td,
  #newmember .customer_form tbody tr th,
  #newmember .customer_form tbody tr td,
  #newmember .customer_form thead tr th,
  #newmember .customer_form thead tr td,
  #memberinfo .customer_form tbody tr th,
  #memberinfo .customer_form tbody tr td,
  #memberinfo .customer_form thead tr th,
  #memberinfo .customer_form thead tr td {
    display: block;
  }
}
.back_to_delivery_button, .checkout_button {
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: normal;
  border-radius: 100px;
  position: relative;
  white-space: normal;
  letter-spacing: 0;
  padding: 2px 15px;
  min-width: 280px;
  min-height: 70px;
  text-align: center;
  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;
  background-image: url(../img/common/btn-arrow.svg);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  margin-left: 8px;
  margin-right: 8px;
}
.back_to_delivery_button:focus, .back_to_delivery_button:disabled, .back_to_delivery_button:visited, .back_to_delivery_button:focus, .checkout_button:focus, .checkout_button:disabled, .checkout_button:visited, .checkout_button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.back_to_delivery_button:not(:disabled):not(.disabled):active, .back_to_delivery_button:not(:disabled):not(.disabled).active, .back_to_delivery_button:not(:disabled):not(.disabled):active:focus, .checkout_button:not(:disabled):not(.disabled):active, .checkout_button:not(:disabled):not(.disabled).active, .checkout_button:not(:disabled):not(.disabled):active:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.back_to_delivery_button:hover, .back_to_delivery_button:active, .back_to_delivery_button.touch, .checkout_button:hover, .checkout_button:active, .checkout_button.touch {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}

.back_to_delivery_button {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.back_to_delivery_button:focus, .back_to_delivery_button:disabled, .back_to_delivery_button:visited, .back_to_delivery_button:focus {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.back_to_delivery_button:not(:disabled):not(.disabled):active, .back_to_delivery_button:not(:disabled):not(.disabled).active, .back_to_delivery_button:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.back_to_delivery_button:hover, .back_to_delivery_button:active, .back_to_delivery_button.touch {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  opacity: 0.7;
}

.checkout_button {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  min-width: 280px;
}
.checkout_button:focus, .checkout_button:disabled, .checkout_button:visited, .checkout_button:focus {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.checkout_button:not(:disabled):not(.disabled):active, .checkout_button:not(:disabled):not(.disabled).active, .checkout_button:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.checkout_button:hover, .checkout_button:active, .checkout_button.touch {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  opacity: 0.7;
}

#inside-cart .send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#inside-cart .send .btn {
  margin: 0 10px 10px;
}

.cart-btns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-top: 30px;
  margin-top: 30px;
}
.cart-btns-wrap .btn {
  width: 280px;
  margin-bottom: 15px;
  margin-left: 8px;
  margin-right: 8px;
}
.cart-btns-wrap form {
  width: 100%;
}

.send {
  width: 100%;
}

.cart-content table {
  color: #333;
}
.cart-content table tr th, .cart-content table tr td {
  padding: 15px 15px !important;
}
.cart-content table tr th {
  background-color: #eee;
}
.cart-content table tr td {
  background-color: #fff;
}
.cart-content table .ttl th,
.cart-content table .ttl td {
  background-color: #152B89;
}

#memberpages #memberdetail tr th,
#memberpages #memberdetail tr td {
  font-size: 16px !important;
  padding: 15px 15px !important;
}
#memberpages #memberdetail tr th {
  background-color: #eee;
}
#memberpages #memberdetail tr td {
  background-color: #fff;
}
#memberpages .member_submenu li {
  font-size: 16px !important;
}
#memberpages .member_submenu li a {
  color: #eee;
}

.page-body #memberpages div.loginbox {
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
.page-body #memberpages div.loginbox input[type=text],
.page-body #memberpages div.loginbox input[type=password] {
  padding: 10px;
  width: 100%;
}
.page-body #memberpages div.loginbox label {
  width: 100%;
}
.page-body #memberpages div.loginbox .submit input[type=submit] {
  text-decoration: none;
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  width: 180px;
  display: block;
  border-radius: 60px;
  margin-left: auto;
  margin-right: auto;
}
.page-body #memberpages div.loginbox .submit input[type=submit]:focus, .page-body #memberpages div.loginbox .submit input[type=submit]:disabled, .page-body #memberpages div.loginbox .submit input[type=submit]:visited, .page-body #memberpages div.loginbox .submit input[type=submit]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.page-body #memberpages div.loginbox .submit input[type=submit]:not(:disabled):not(.disabled):active, .page-body #memberpages div.loginbox .submit input[type=submit]:not(:disabled):not(.disabled).active, .page-body #memberpages div.loginbox .submit input[type=submit]:not(:disabled):not(.disabled):active:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.page-body #memberpages div.loginbox .submit input[type=submit]:hover, .page-body #memberpages div.loginbox .submit input[type=submit]:active, .page-body #memberpages div.loginbox .submit input[type=submit].touch {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.page-body #memberpages div.loginbox .submit input[type=submit]:focus, .page-body #memberpages div.loginbox .submit input[type=submit]:disabled, .page-body #memberpages div.loginbox .submit input[type=submit]:visited, .page-body #memberpages div.loginbox .submit input[type=submit]:focus {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-body #memberpages div.loginbox .submit input[type=submit]:not(:disabled):not(.disabled):active, .page-body #memberpages div.loginbox .submit input[type=submit]:not(:disabled):not(.disabled).active, .page-body #memberpages div.loginbox .submit input[type=submit]:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.page-body #memberpages div.loginbox .submit input[type=submit]:hover, .page-body #memberpages div.loginbox .submit input[type=submit]:active, .page-body #memberpages div.loginbox .submit input[type=submit].touch {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  opacity: 0.7;
}

.form-control {
  font-size: 1.6rem;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}

.form-group .form-control {
  margin-bottom: 10px;
}
.form-group .form-control:last-child {
  margin-bottom: 0;
}
.form-group .form-control:only-child {
  margin-bottom: 0;
}
.form-group .label {
  margin-bottom: 0;
}

.form-wrap {
  margin: 20px auto 60px;
}
.form-wrap .form-group {
  border-top: 1px dashed #666;
  margin-bottom: 0;
  padding: 15px 0;
}
.form-wrap .form-group:last-child {
  border-bottom: 1px dashed #666;
}

.checkbox-wrap {
  margin-bottom: 60px;
}
.checkbox-wrap .privacy-link {
  font-size: 1.3rem;
}
.checkbox-wrap .privacy-link a {
  color: #FF0005;
}

.mw_wp_form_input .input-view {
  display: block;
}
.mw_wp_form_input .confirm-view {
  display: none;
}

.mw_wp_form_confirm .input-view {
  display: none;
}
.mw_wp_form_confirm .confirm-view {
  display: block;
}

.radio-list .wpcf7-form-control-wrap {
  display: block;
}
.radio-list .wpcf7-form-control-wrap .wpcf7-form-control {
  display: block;
}
.radio-list .mwform-radio-field,
.radio-list .wpcf7-list-item {
  margin-top: 0;
  margin-left: 0;
  margin-right: 5px;
  border-radius: 100px;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
.radio-list .mwform-radio-field label,
.radio-list .wpcf7-list-item label {
  display: inline-block;
  padding: 0 10px 0 38px;
  margin: 0;
}
.radio-list .mwform-radio-field input[type=radio],
.radio-list .mwform-radio-field input[type=checkbox],
.radio-list .wpcf7-list-item input[type=radio],
.radio-list .wpcf7-list-item input[type=checkbox] {
  display: none;
}
.radio-list .mwform-radio-field .mwform-radio-field-text,
.radio-list .mwform-radio-field .wpcf7-list-item-label,
.radio-list .wpcf7-list-item .mwform-radio-field-text,
.radio-list .wpcf7-list-item .wpcf7-list-item-label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
}
.radio-list .mwform-radio-field .mwform-radio-field-text::before, .radio-list .mwform-radio-field .mwform-radio-field-text::after,
.radio-list .mwform-radio-field .wpcf7-list-item-label::before,
.radio-list .mwform-radio-field .wpcf7-list-item-label::after,
.radio-list .wpcf7-list-item .mwform-radio-field-text::before,
.radio-list .wpcf7-list-item .mwform-radio-field-text::after,
.radio-list .wpcf7-list-item .wpcf7-list-item-label::before,
.radio-list .wpcf7-list-item .wpcf7-list-item-label::after {
  content: "";
  border-radius: 24px;
  position: absolute;
  top: 50%;
  left: -22px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
}
.radio-list .mwform-radio-field .mwform-radio-field-text::before,
.radio-list .mwform-radio-field .wpcf7-list-item-label::before,
.radio-list .wpcf7-list-item .mwform-radio-field-text::before,
.radio-list .wpcf7-list-item .wpcf7-list-item-label::before {
  background-color: #fff;
  border: 2px solid #BABABA;
  width: 20px;
  height: 20px;
}
.radio-list .mwform-radio-field .mwform-radio-field-text::after,
.radio-list .mwform-radio-field .wpcf7-list-item-label::after,
.radio-list .wpcf7-list-item .mwform-radio-field-text::after,
.radio-list .wpcf7-list-item .wpcf7-list-item-label::after {
  background-color: #152B89;
  width: 10px;
  height: 10px;
  border-radius: 24px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.radio-list .mwform-radio-field input[type=radio]:checked + .mwform-radio-field-text::after,
.radio-list .mwform-radio-field input[type=radio]:checked + .wpcf7-list-item-label::after,
.radio-list .mwform-radio-field input[type=checkbox]:checked + .mwform-radio-field-text::after,
.radio-list .mwform-radio-field input[type=checkbox]:checked + .wpcf7-list-item-label::after,
.radio-list .wpcf7-list-item input[type=radio]:checked + .mwform-radio-field-text::after,
.radio-list .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::after,
.radio-list .wpcf7-list-item input[type=checkbox]:checked + .mwform-radio-field-text::after,
.radio-list .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}

.wpcf7-form .ajax-loader {
  position: absolute;
}
.wpcf7-form .form-group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wpcf7-form .privacy-check-text {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.wpcf7-form .privacy-check-text input[type=checkbox] {
  margin-right: 8px;
}

.pagination {
  padding: 60px 0;
}
.pagination .btn {
  font-size: 1.4rem;
  padding: 13px 60px;
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
}
.pagination .btn:focus, .pagination .btn:disabled, .pagination .btn:visited, .pagination .btn:focus {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pagination .btn:not(:disabled):not(.disabled):active, .pagination .btn:not(:disabled):not(.disabled).active, .pagination .btn:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.pagination .btn:hover, .pagination .btn:active, .pagination .btn.touch {
  background-color: #FF7D1A;
  border: 1px solid #FF7D1A;
  color: #fff;
  opacity: 0.7;
}
.pagination .prev:after {
  content: "";
  left: 15px;
  position: absolute;
  display: inline-block;
  background-position: right;
  -webkit-transform: rotate(180deg) translate(0, 50%);
          transform: rotate(180deg) translate(0, 50%);
}

@media (max-width:767px) {
  .pagination .btn {
    padding: 13px 30px;
  }
}
.blog-list .blog-item {
  margin-bottom: 25px;
}

.crad-blog {
  padding: 0;
  height: 100%;
}
.crad-blog .card-link {
  border-top: 2px solid;
  -o-border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#4ABF00), color-stop(33%, #BF4313), color-stop(#16259A), color-stop(67%), to(#4ABF00));
     border-image: linear-gradient(to right, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
  background: #484848;
  height: 100%;
  color: #fff;
  padding: 20px;
  text-decoration: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.crad-blog .card-img {
  width: 180px;
}
.crad-blog .card-thumbnail {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  width: 100%;
}
.crad-blog .card-thumbnail .img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.crad-blog .card-body {
  width: calc(100% - 180px);
  padding-left: 15px;
}
.crad-blog .card-body:only-child {
  width: 100%;
  padding-left: 0;
}
.crad-blog .card-title {
  padding: 0 0 5px;
  margin: 0 0 10px;
  border-radius: #FF7D1A;
  border-bottom: 2px solid #999;
}
.crad-blog .card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.crad-blog .card-meta .cat-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.crad-blog .card-meta .cat-labels .label {
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.3;
  display: block;
  border-radius: 3px;
  padding: 2px 10px 3px;
  background-color: #FF7D1A;
  margin-right: 10px;
  text-align: center;
}
.crad-blog .card-meta .deta {
  font-size: 1.4rem;
  width: 100%;
  text-align: right;
}
.crad-blog .card-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.crad-blog .card-btns .btn {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  font-size: 1.2rem;
  padding: 2px 25px 3px 15px;
  border-radius: 3rem;
  color: #fff;
  position: relative;
}
.crad-blog .card-btns .btn:focus, .crad-blog .card-btns .btn:disabled, .crad-blog .card-btns .btn:visited, .crad-blog .card-btns .btn:focus {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.crad-blog .card-btns .btn:not(:disabled):not(.disabled):active, .crad-blog .card-btns .btn:not(:disabled):not(.disabled).active, .crad-blog .card-btns .btn:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.crad-blog .card-btns .btn:hover, .crad-blog .card-btns .btn:active, .crad-blog .card-btns .btn.touch {
  background-color: #152B89;
  border: 1px solid #152B89;
  color: #fff;
  opacity: 0.7;
}
.crad-blog .card-btns .btn::after {
  right: 10px;
  width: 12px;
  height: 12px;
  position: absolute;
  background-image: url(../img/common/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (max-width:767px) {
  .crad-blog {
    padding: 0;
    height: 100%;
  }
  .crad-blog .card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .crad-blog .card-img {
    width: 100%;
  }
  .crad-blog .card-thumbnail {
    padding-bottom: 62.25%;
  }
  .crad-blog .card-body {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
  .crad-blog .card-body:only-child {
    width: 100%;
    padding-left: 0;
  }
}
.blog-post-header {
  padding: 0;
  height: 100%;
}
.blog-post-header .blog-title {
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0 0 5px;
  margin: 0 0 10px;
  border-radius: #FF7D1A;
  border-bottom: 2px solid #999;
}
.blog-post-header .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-post-header .blog-meta .blog-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-post-header .blog-meta .blog-labels .label {
  font-size: 1.6rem;
  min-width: 80px;
  color: #fff;
  line-height: 1.3;
  display: block;
  border-radius: 3px;
  padding: 2px 10px 3px;
  background-color: #FF7D1A;
  margin-right: 10px;
  text-align: center;
}
.blog-post-header .blog-meta .blog-deta {
  font-size: 1.6rem;
  width: 100%;
  text-align: right;
}

.category-index .category-heading {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #484848;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.category-index .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -8px;
  margin-right: -8px;
}
.category-index .category-list .list-item {
  margin-bottom: 16px;
}
.category-index .category-list .btn {
  display: block;
  font-size: 1.6rem;
  padding: 8px 20px 8px 15px;
  border-radius: 3rem;
  position: relative;
  min-width: 120px;
}
.category-index .category-list .btn::after {
  right: 8px;
  top: 50%;
  width: 12px;
  height: 12px;
}

.paidy-wrap {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  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;
}
.paidy-wrap .iframe-paidy {
  height: 100vh;
}
.paidy-wrap.open {
  visibility: visible;
  opacity: 1;
}

.panel-paidy {
  width: 100%;
  max-width: 544px;
  height: 100%;
  max-height: 744px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 12px;
  background-color: #fff;
  color: #1c1c1c;
  overflow: hidden;
}
.panel-paidy .panel-header {
  background-color: #f6f1f1;
  padding: 16px 16px 32px;
}
.panel-paidy .panel-header .header-bar {
  padding: 0 60px;
  position: relative;
}
.panel-paidy .panel-header .header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding: 0 16px;
}
.panel-paidy .panel-header .col-store {
  width: calc(100% - 64px);
}
.panel-paidy .panel-header .col-logo {
  width: 64px;
  height: 64px;
}
.panel-paidy .panel-header .store-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 0;
}
.panel-paidy .panel-header .price {
  font-size: 28px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 0;
  margin-top: 0.4375rem;
}
.panel-paidy .panel-header .logo-wrap {
  margin-bottom: 0;
  border-radius: 100px;
  background-color: #fff;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.panel-paidy .panel-header .logo-wrap .logo-synthtec {
  width: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.panel-paidy .panel-header .title {
  font-size: 16px;
  text-align: center;
}
.panel-paidy .panel-header .panel-btn-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
.panel-paidy .panel-header .panel-close-btn {
  border: 0;
  width: 30px;
  height: 30px;
  display: block;
}
.panel-paidy .panel-header .panel-close-btn::before, .panel-paidy .panel-header .panel-close-btn::after {
  content: "";
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  display: block;
  position: absolute;
  height: 2px;
  width: 22px;
  left: 50%;
  top: 50%;
  background-color: #1c1c1c;
}
.panel-paidy .panel-header .panel-close-btn::before {
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
          transform: translate(-50%, -50%) rotate(-225deg);
}
.panel-paidy .panel-header .panel-close-btn::after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}
.panel-paidy .panel-body {
  padding: 32px;
}
.panel-paidy .panel-body .form-group {
  margin-bottom: 10px;
  font-size: 14px;
}
.panel-paidy .panel-body .form-control[type=text] {
  padding: 8px 0;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.panel-paidy .panel-body .btn-paidy {
  display: block;
  font-weight: normal;
  padding: 5px;
  margin: 20px auto 0;
  background: -webkit-gradient(linear, left top, right top, from(#e5258c), to(#863bd4));
  background: linear-gradient(90deg, #e5258c, #863bd4);
  width: 100%;
  max-width: 312px;
  height: 48px;
  min-height: 48px;
}
.panel-paidy .panel-body .btn-paidy::after, .panel-paidy .panel-body .btn-paidy::before {
  content: none;
}

.lp-header-block {
  width: 100vw;
  margin: 0 calc(-50vw + 570px);
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}
@media (max-width:1399px) {
  .lp-header-block {
    margin: 0 calc(-50vw + 555px);
  }
}
@media (max-width:1199px) {
  .lp-header-block {
    margin: 0 calc(-50vw + 465px);
  }
}
@media (max-width:991px) {
  .lp-header-block {
    margin: 0 calc(-50vw + 352.5px);
  }
}
@media (max-width:767px) {
  .lp-header-block {
    margin: 0 calc(-50vw + 255px);
    margin-bottom: 40px;
  }
}
@media (max-width:575px) {
  .lp-header-block {
    margin: 0 -15px;
  }
}
.lp-header-block::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 1054px;
  height: 20px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(../img/e-sports/lp-mv-bg03.svg), url(../img/e-sports/lp-mv-bg04.svg);
  background-position: left bottom, right bottom;
  background-size: auto 20px;
  background-repeat: no-repeat;
}
@media (max-width:991px) {
  .lp-header-block::after {
    width: 528px;
    height: 10px;
    background-size: auto 10px;
  }
}
.lp-header-block .inner-mask {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 450px) 100%, calc(50% + 430px) calc(100% - 20px), calc(50% - 430px) calc(100% - 20px), calc(50% - 450px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 450px) 100%, calc(50% + 430px) calc(100% - 20px), calc(50% - 430px) calc(100% - 20px), calc(50% - 450px) 100%, 0 100%);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 50px;
}
.lp-header-block .inner-mask::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 50vw;
  height: 100%;
  bottom: 0;
  left: 50%;
  background-color: #212121;
  background-image: url(../img/e-sports/lp-mv-bg02.png), linear-gradient(45deg, #212121 0, #111111 100%);
  background-position: right top;
  background-size: auto, 100% 100%;
  background-repeat: no-repeat;
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
}
.lp-header-block .inner-mask .mv-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width:1199px) {
  .lp-header-block .inner-mask {
    padding: 0 15px;
  }
  .lp-header-block .inner-mask::after {
    width: 60vw;
    left: 40%;
  }
  .lp-header-block .inner-mask .mv-bg {
    width: 50%;
  }
}
@media (max-width:991px) {
  .lp-header-block .inner-mask {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 225px) 100%, calc(50% + 215px) calc(100% - 10px), calc(50% - 215px) calc(100% - 10px), calc(50% - 225px) 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 225px) 100%, calc(50% + 215px) calc(100% - 10px), calc(50% - 215px) calc(100% - 10px), calc(50% - 225px) 100%, 0 100%);
  }
}
@media (max-width:767px) {
  .lp-header-block .inner-mask {
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 225px) 100%, calc(50% + 215px) calc(100% - 10px), calc(50% - 215px) calc(100% - 10px), calc(50% - 225px) 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 225px) 100%, calc(50% + 215px) calc(100% - 10px), calc(50% - 215px) calc(100% - 10px), calc(50% - 225px) 100%, 0 100%);
  }
  .lp-header-block .inner-mask::after {
    width: 100vw;
    height: calc(100% - 240px);
    left: 0;
    background-size: auto, 100% 100%;
    -webkit-clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%);
  }
  .lp-header-block .inner-mask .mv-bg {
    position: relative;
    width: 100vw;
    height: 260px;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 -15px;
  }
}
.lp-header-block .block-inner {
  width: 50vw;
  max-width: 820px;
  position: relative;
  padding: 80px 0;
  z-index: 3;
}
@media (max-width:1199px) {
  .lp-header-block .block-inner {
    width: 60vw;
  }
}
@media (max-width:767px) {
  .lp-header-block .block-inner {
    margin-top: -60px;
    width: 100%;
    max-width: 820px;
    padding: 0 10px 50px;
  }
}
.lp-header-block .copy-box {
  padding: 0;
  margin-bottom: 20px;
  position: relative;
  background-color: #000;
}
.lp-header-block .copy-box::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
  border: 4px solid #c21500;
  -o-border-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
}
.lp-header-block .copy-box .inner {
  padding: 25px 20px 25px 80px;
  position: relative;
  z-index: 3;
}
.lp-header-block .copy-box .product-img {
  position: absolute;
  left: -80px;
  top: -60px;
  width: 420px;
  z-index: 2;
}
@media (max-width:767px) {
  .lp-header-block .copy-box .product-img {
    position: absolute;
    left: -80px;
    top: -60px;
    width: 320px;
    z-index: 2;
  }
}
.lp-header-block .main-copy {
  position: relative;
  z-index: 3;
}
.lp-header-block .btn-mv-cta {
  background-color: #FFE41D;
  border: 1px solid #FFE41D;
  color: #000;
  width: 100%;
  border-radius: 200px;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
  z-index: 5;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-box-shadow: 0 4px 0 0 #b3a112;
          box-shadow: 0 4px 0 0 #b3a112;
  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;
  line-height: 1.3;
  -webkit-animation-name: btn_anim;
          animation-name: btn_anim;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.lp-header-block .btn-mv-cta:focus, .lp-header-block .btn-mv-cta:disabled, .lp-header-block .btn-mv-cta:visited, .lp-header-block .btn-mv-cta:focus {
  background-color: #FFE41D;
  border: 1px solid #FFE41D;
  color: #000;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lp-header-block .btn-mv-cta:not(:disabled):not(.disabled):active, .lp-header-block .btn-mv-cta:not(:disabled):not(.disabled).active, .lp-header-block .btn-mv-cta:not(:disabled):not(.disabled):active:focus {
  background-color: inherit;
  border: 1px solid inherit;
  color: inherit;
}
.lp-header-block .btn-mv-cta:hover, .lp-header-block .btn-mv-cta:active, .lp-header-block .btn-mv-cta.touch {
  background-color: #FFE41D;
  border: 1px solid #FFE41D;
  color: #000;
  opacity: 0.7;
}
.lp-header-block .btn-mv-cta::before {
  content: "";
  position: absolute;
  z-index: 2;
  border-radius: 200px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  left: 6px;
  top: 6px;
  border: 2px solid #fff;
}
.lp-header-block .btn-mv-cta::after {
  width: 28px;
  height: 28px;
}
.lp-header-block .btn-mv-cta .txt-gradient {
  font-size: 115%;
  background-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  display: inline-block;
  color: #fff;
  padding: 0 10px;
  line-height: 1.3;
  -webkit-clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
          clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.lp-header-block .text {
  background-color: #192B51;
  padding: 8px 15px;
  text-align: center;
}
.lp-header-block .main-copy {
  font-size: 5rem;
  font-weight: bold;
}
.lp-header-block .main-copy.base-fs-ss {
  font-size: 4.2rem;
  font-weight: bold;
}
.lp-header-block .main-copy.base-fs-sm {
  font-size: 4.6rem;
  font-weight: bold;
}
.lp-header-block .main-copy.base-fs-md {
  font-size: 5rem;
  font-weight: bold;
}
.lp-header-block .main-copy.base-fs-lg {
  font-size: 5.4rem;
  font-weight: bold;
}
.lp-header-block .main-copy.base-fs-ll {
  font-size: 5.8rem;
  font-weight: bold;
}
.lp-header-block .btn-mv-cta {
  font-size: 3.8rem;
  font-weight: bold;
}
.lp-header-block .btn-mv-cta.base-fs-ss {
  font-size: 3rem;
  font-weight: bold;
}
.lp-header-block .btn-mv-cta.base-fs-sm {
  font-size: 3.4rem;
  font-weight: bold;
}
.lp-header-block .btn-mv-cta.base-fs-md {
  font-size: 3.8rem;
  font-weight: bold;
}
.lp-header-block .btn-mv-cta.base-fs-lg {
  font-size: 4.2rem;
  font-weight: bold;
}
.lp-header-block .btn-mv-cta.base-fs-ll {
  font-size: 4.6rem;
  font-weight: bold;
}
.lp-header-block .text {
  font-size: 1.8rem;
  font-weight: normal;
}
.lp-header-block .text.base-fs-ss {
  font-size: 1.2rem;
  font-weight: bold;
}
.lp-header-block .text.base-fs-sm {
  font-size: 1.6rem;
  font-weight: bold;
}
.lp-header-block .text.base-fs-md {
  font-size: 1.8rem;
  font-weight: bold;
}
.lp-header-block .text.base-fs-lg {
  font-size: 2rem;
  font-weight: bold;
}
.lp-header-block .text.base-fs-ll {
  font-size: 2.4rem;
  font-weight: bold;
}
@media (max-width:1199px) {
  .lp-header-block .main-copy {
    font-size: 4.2rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-ss {
    font-size: 3.4rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-sm {
    font-size: 3.8rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-md {
    font-size: 4.2rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-lg {
    font-size: 4.6rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-ll {
    font-size: 5rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta {
    font-size: 3rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-ss {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-sm {
    font-size: 2.6rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-md {
    font-size: 3rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-lg {
    font-size: 3.4rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-ll {
    font-size: 3.8rem;
    font-weight: bold;
  }
  .lp-header-block .text {
    font-size: 1.6rem;
    font-weight: normal;
  }
  .lp-header-block .text.base-fs-ss {
    font-size: 1rem;
    font-weight: bold;
  }
  .lp-header-block .text.base-fs-sm {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .lp-header-block .text.base-fs-md {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .lp-header-block .text.base-fs-lg {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .lp-header-block .text.base-fs-ll {
    font-size: 2.2rem;
    font-weight: bold;
  }
}
@media (max-width:991px) {
  .lp-header-block .main-copy {
    font-size: 3.8rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-ss {
    font-size: 3rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-sm {
    font-size: 3.4rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-md {
    font-size: 3.8rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-lg {
    font-size: 4.2rem;
    font-weight: bold;
  }
  .lp-header-block .main-copy.base-fs-ll {
    font-size: 4.6rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta {
    font-size: 2.6rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-ss {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-sm {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-md {
    font-size: 2.6rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-lg {
    font-size: 3rem;
    font-weight: bold;
  }
  .lp-header-block .btn-mv-cta.base-fs-ll {
    font-size: 3.4rem;
    font-weight: bold;
  }
  .lp-header-block .text {
    font-size: 1.6rem;
    font-weight: normal;
  }
  .lp-header-block .text.base-fs-ss {
    font-size: 1rem;
    font-weight: bold;
  }
  .lp-header-block .text.base-fs-sm {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .lp-header-block .text.base-fs-md {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .lp-header-block .text.base-fs-lg {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .lp-header-block .text.base-fs-ll {
    font-size: 2.2rem;
    font-weight: bold;
  }
}

@-webkit-keyframes btn_anim {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  3% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  6% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  8% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  11.5% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  13% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  14% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  15% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  16% {
    -webkit-transform: rotate(-0.5deg);
            transform: rotate(-0.5deg);
  }
  17% {
    -webkit-transform: rotate(0.5deg);
            transform: rotate(0.5deg);
  }
  18% {
    -webkit-transform: rotate(-0.25deg);
            transform: rotate(-0.25deg);
  }
  19% {
    -webkit-transform: rotate(0.25deg);
            transform: rotate(0.25deg);
  }
  20% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes btn_anim {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  3% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  6% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  8% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  11.5% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  13% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  14% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  15% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  16% {
    -webkit-transform: rotate(-0.5deg);
            transform: rotate(-0.5deg);
  }
  17% {
    -webkit-transform: rotate(0.5deg);
            transform: rotate(0.5deg);
  }
  18% {
    -webkit-transform: rotate(-0.25deg);
            transform: rotate(-0.25deg);
  }
  19% {
    -webkit-transform: rotate(0.25deg);
            transform: rotate(0.25deg);
  }
  20% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.lp-profile-box {
  padding: 25px;
  border: 4px solid #c21500;
  -o-border-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
     border-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-image-slice: 1;
  background-color: #000;
}
@media (max-width:767px) {
  .lp-profile-box {
    padding: 11px;
  }
}
.lp-profile-box .profile-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -60px 0 20px;
}
@media (max-width:767px) {
  .lp-profile-box .profile-heading {
    margin: -40px 0 15px;
  }
}
.lp-profile-box .profile-heading .heading-inner {
  padding: 5px 20px 8px;
  border: 0;
  display: block;
  margin: 0;
  position: relative;
  z-index: 10;
  min-width: 420px;
  text-align: center;
}
@media (max-width:767px) {
  .lp-profile-box .profile-heading .heading-inner {
    min-width: 300px;
    padding: 5px 15px 8px;
  }
}
.lp-profile-box .profile-heading .heading-inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  background-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-radius: 300px;
  top: 0;
  left: 0;
  z-index: -2;
}
.lp-profile-box .profile-heading .heading-inner::after {
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-image: none;
  background-color: #000;
  border-radius: 300px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: -1;
}
.lp-profile-box .profile_name {
  font-size: 2.2rem;
  font-weight: bold;
}
.lp-profile-box .profile_name.base-fs-ss {
  font-size: 1.6rem;
  font-weight: bold;
}
.lp-profile-box .profile_name.base-fs-sm {
  font-size: 2rem;
  font-weight: bold;
}
.lp-profile-box .profile_name.base-fs-md {
  font-size: 2.2rem;
  font-weight: bold;
}
.lp-profile-box .profile_name.base-fs-lg {
  font-size: 2.4rem;
  font-weight: bold;
}
.lp-profile-box .profile_name.base-fs-ll {
  font-size: 2.8rem;
  font-weight: bold;
}
.lp-profile-box .profile-heading .heading-inner {
  font-size: 2.8rem;
  font-weight: bold;
}
.lp-profile-box .profile-heading .heading-inner.base-fs-ss {
  font-size: 2.2rem;
  font-weight: bold;
}
.lp-profile-box .profile-heading .heading-inner.base-fs-sm {
  font-size: 2.6rem;
  font-weight: bold;
}
.lp-profile-box .profile-heading .heading-inner.base-fs-md {
  font-size: 2.8rem;
  font-weight: bold;
}
.lp-profile-box .profile-heading .heading-inner.base-fs-lg {
  font-size: 3rem;
  font-weight: bold;
}
.lp-profile-box .profile-heading .heading-inner.base-fs-ll {
  font-size: 3.4rem;
  font-weight: bold;
}
@media (max-width:1199px) {
  .lp-profile-box .profile_name {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .lp-profile-box .profile_name.base-fs-ss {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .lp-profile-box .profile_name.base-fs-sm {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .lp-profile-box .profile_name.base-fs-md {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .lp-profile-box .profile_name.base-fs-lg {
    font-size: 2rem;
    font-weight: bold;
  }
  .lp-profile-box .profile_name.base-fs-ll {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .lp-profile-box .profile-heading .heading-inner {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .lp-profile-box .profile-heading .heading-inner.base-fs-ss {
    font-size: 2rem;
    font-weight: bold;
  }
  .lp-profile-box .profile-heading .heading-inner.base-fs-sm {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .lp-profile-box .profile-heading .heading-inner.base-fs-md {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .lp-profile-box .profile-heading .heading-inner.base-fs-lg {
    font-size: 2.6rem;
    font-weight: bold;
  }
  .lp-profile-box .profile-heading .heading-inner.base-fs-ll {
    font-size: 2.8rem;
    font-weight: bold;
  }
}

.lp-features-block {
  padding: 0;
}
.lp-features-block .features-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
}
@media (max-width:767px) {
  .lp-features-block .features-heading {
    margin: -40px 0 15px;
  }
}
.lp-features-block .features-heading .heading-inner {
  padding: 5px 20px 8px;
  border: 0;
  display: block;
  margin: 0;
  position: relative;
  z-index: 10;
  min-width: 420px;
  text-align: center;
}
@media (max-width:767px) {
  .lp-features-block .features-heading .heading-inner {
    min-width: 300px;
    padding: 5px 15px 8px;
  }
}
.lp-features-block .features-heading .heading-inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  background-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-radius: 300px;
  top: 0;
  left: 0;
  z-index: -2;
}
.lp-features-block .features-heading .heading-inner::after {
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-image: none;
  background-color: #000;
  border-radius: 300px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: -1;
}
.lp-features-block .features-list .features-item {
  counter-increment: item;
}
.lp-features-block .feature {
  height: 100%;
  background-color: #000;
  padding: 15px 15px 15px;
  border-image-slice: 1;
  border-radius: 14px;
}
.lp-features-block .feature .features-title {
  padding-left: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  background-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 10px;
  line-height: 1.3;
}
.lp-features-block .feature .features-title::before {
  font-size: 2.8rem;
  font-weight: bold;
  content: counter(item);
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-color: #000;
  background-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
  border-radius: 4px;
  top: 0;
  left: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-text-fill-color: aliceblue;
}
.lp-features-block .feature .img-fluid {
  margin: 0 0 10px;
}
.lp-features-block .feature.center .features-title,
.lp-features-block .feature.center .features-text {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-features-block .feature .features-title {
  font-size: 2.8rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-ss {
  font-size: 2.2rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-sm {
  font-size: 2.6rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-md {
  font-size: 2.8rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-lg {
  font-size: 3rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-ll {
  font-size: 3.4rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title {
  font-size: 2.2rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-ss {
  font-size: 1.6rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-sm {
  font-size: 2rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-md {
  font-size: 2.2rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-lg {
  font-size: 2.4rem;
  font-weight: bold;
}
.lp-features-block .feature .features-title.base-fs-ll {
  font-size: 2.8rem;
  font-weight: bold;
}
.lp-features-block .features-heading .heading-inner {
  font-size: 2.8rem;
  font-weight: bold;
}
.lp-features-block .features-heading .heading-inner.base-fs-ss {
  font-size: 2rem;
  font-weight: bold;
}
.lp-features-block .features-heading .heading-inner.base-fs-sm {
  font-size: 2.4rem;
  font-weight: bold;
}
.lp-features-block .features-heading .heading-inner.base-fs-md {
  font-size: 2.8rem;
  font-weight: bold;
}
.lp-features-block .features-heading .heading-inner.base-fs-lg {
  font-size: 3.2rem;
  font-weight: bold;
}
.lp-features-block .features-heading .heading-inner.base-fs-ll {
  font-size: 3.6rem;
  font-weight: bold;
}
@media (max-width:1199px) {
  .lp-features-block .feature .features-title {
    font-size: 2rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-ss {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-sm {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-md {
    font-size: 2rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-lg {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-ll {
    font-size: 2.8rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-ss {
    font-size: 1rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-sm {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-md {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-lg {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .lp-features-block .feature .features-title.base-fs-ll {
    font-size: 2.6rem;
    font-weight: bold;
  }
  .lp-features-block .features-heading .heading-inner {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .lp-features-block .features-heading .heading-inner.base-fs-ss {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .lp-features-block .features-heading .heading-inner.base-fs-sm {
    font-size: 2rem;
    font-weight: bold;
  }
  .lp-features-block .features-heading .heading-inner.base-fs-md {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .lp-features-block .features-heading .heading-inner.base-fs-lg {
    font-size: 2.8rem;
    font-weight: bold;
  }
  .lp-features-block .features-heading .heading-inner.base-fs-ll {
    font-size: 3.2rem;
    font-weight: bold;
  }
}

.marker-yellow, .marker-blue, .marker-red {
  background-size: 100% 0.3em;
  background-position: left bottom;
  background-repeat: no-repeat;
  display: inline;
}

.marker-yellow {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDC50), to(#FFDC50));
  background-image: linear-gradient(#FFDC50, #FFDC50);
}

.marker-blue {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#152B89), to(#152B89));
  background-image: linear-gradient(#152B89, #152B89);
}

.marker-red {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0005), to(#FF0005));
  background-image: linear-gradient(#FF0005, #FF0005);
}

.marker-g {
  background-image: linear-gradient(45deg, #4ABF00 0%, #BF4313 33%, #16259A, 67%, #4ABF00 100%);
}

.txt-lg {
  font-size: 1.15em;
}

.txt-xl {
  font-size: 1.3em;
}

.txt-huge {
  font-size: 1.5em;
}

.txt-sm {
  font-size: 0.9em;
}

.txt-bold {
  font-weight: bold;
}

.clearfix, .cf {
  *zoom: 1;
}
.clearfix:after, .cf:after {
  content: "";
  display: block;
  clear: both;
}

.test-left {
  text-align: left;
}

.test-center {
  text-align: center;
}

.test-right {
  text-align: right;
}

.v-top {
  vertical-align: top;
}

.v-middle {
  vertical-align: middle;
}

.v-bottom {
  vertical-align: bottom;
}

.img-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

@media (max-width:767px) {
  .mb-sp-0 {
    margin-bottom: 0px !important;
  }
  .mt-sp-0 {
    margin: 0px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-0 {
    margin-bottom: 0px !important;
  }
  .mt-sp-0 {
    margin-top: 0px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-5 {
    margin-bottom: 5px !important;
  }
  .mt-sp-5 {
    margin-top: 5px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-10 {
    margin-bottom: 10px !important;
  }
  .mt-sp-10 {
    margin-top: 10px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-15 {
    margin-bottom: 15px !important;
  }
  .mt-sp-15 {
    margin-top: 15px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-20 {
    margin-bottom: 20px !important;
  }
  .mt-sp-20 {
    margin-top: 20px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-25 {
    margin-bottom: 25px !important;
  }
  .mt-sp-25 {
    margin-top: 25px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-30 {
    margin-bottom: 30px !important;
  }
  .mt-sp-30 {
    margin-top: 30px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-35 {
    margin-bottom: 35px !important;
  }
  .mt-sp-35 {
    margin-top: 35px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-40 {
    margin-bottom: 40px !important;
  }
  .mt-sp-40 {
    margin-top: 40px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-45 {
    margin-bottom: 45px !important;
  }
  .mt-sp-45 {
    margin-top: 45px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-50 {
    margin-bottom: 50px !important;
  }
  .mt-sp-50 {
    margin-top: 50px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-55 {
    margin-bottom: 55px !important;
  }
  .mt-sp-55 {
    margin-top: 55px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-60 {
    margin-bottom: 60px !important;
  }
  .mt-sp-60 {
    margin-top: 60px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-65 {
    margin-bottom: 65px !important;
  }
  .mt-sp-65 {
    margin-top: 65px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-70 {
    margin-bottom: 70px !important;
  }
  .mt-sp-70 {
    margin-top: 70px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-75 {
    margin-bottom: 75px !important;
  }
  .mt-sp-75 {
    margin-top: 75px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-80 {
    margin-bottom: 80px !important;
  }
  .mt-sp-80 {
    margin-top: 80px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-85 {
    margin-bottom: 85px !important;
  }
  .mt-sp-85 {
    margin-top: 85px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-90 {
    margin-bottom: 90px !important;
  }
  .mt-sp-90 {
    margin-top: 90px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-95 {
    margin-bottom: 95px !important;
  }
  .mt-sp-95 {
    margin-top: 95px !important;
  }
}
@media (max-width:767px) {
  .mb-sp-100 {
    margin-bottom: 100px !important;
  }
  .mt-sp-100 {
    margin-top: 100px !important;
  }
}
.mb-xs {
  margin-bottom: 10px !important;
}

.mt-xs {
  margin-bottom: 10px !important;
}

.mb-s {
  margin-bottom: 20px !important;
}

.mt-s {
  margin-bottom: 20px !important;
}

.mb-m {
  margin-bottom: 40px !important;
}

.mt-m {
  margin-bottom: 40px !important;
}

.mb-l {
  margin-bottom: 60px !important;
}

.mt-l {
  margin-bottom: 60px !important;
}

.mb-xl {
  margin-bottom: 80px !important;
}

.mt-xl {
  margin-bottom: 80px !important;
}

@media (max-width:767px) {
  .mb-xs {
    margin-bottom: 10px !important;
  }
  .mt-xs {
    margin-bottom: 10px !important;
  }
  .mb-s {
    margin-bottom: 20px !important;
  }
  .mt-s {
    margin-bottom: 20px !important;
  }
  .mb-m {
    margin-bottom: 40px !important;
  }
  .mt-m {
    margin-bottom: 40px !important;
  }
  .mb-l {
    margin-bottom: 60px !important;
  }
  .mt-l {
    margin-bottom: 60px !important;
  }
  .mb-xl {
    margin-bottom: 80px !important;
  }
  .mt-xl {
    margin-bottom: 80px !important;
  }
}
.fz-ss {
  font-size: 0.625em !important;
}

.fz-s {
  font-size: 0.75em !important;
}

.fz-m {
  font-size: 0.875em !important;
}

.fz-l {
  font-size: 1.125em !important;
}

.fz-ll {
  font-size: 1.15em !important;
}

.fz-xl {
  font-size: 1.25em !important;
}

.fw-bold {
  font-weight: bold !important;
}

.fw-normal {
  font-weight: normal !important;
}

.sp-break {
  display: inline;
}

@media (max-width:767px) {
  .sp-break {
    display: block;
  }
}
.pc-visible {
  display: block;
}

.sp-visible {
  display: none;
}

@media (max-width:767px) {
  .pc-visible {
    display: none;
  }
  .sp-visible {
    display: block;
  }
}
.movie-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
-- Layout CSS
-------------------------------------------------- */
/*　--------------------------------------------------
用途毎に適当に増やしていってください
-------------------------------------------------- */
/*
-- Utility CSS
-------------------------------------------------- */
/*# sourceMappingURL=style.css.map */