@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Noto Sans JP';
}

img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

html {
  font-size: 62.5%;
}
body {
  font-family: 'Noto Sans JP';
  color: #211815;
  font-size: 1.6em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  min-width: 1200px;
  padding-top: 65px;
  overflow-y: scroll;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1.4em;
    min-width: auto;
    padding-top: 0;
  }
}

ul, ol {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

a {
  color: #211815;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

p {
  line-height: 1.75;
}

img {
  max-width: 100%;
}

h2, h3 {
  font-weight: 400;
  margin: 0;
}

.forPcBlock {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .forPcBlock {
    display: none !important;
  }
}

.forSpBlock {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .forSpBlock {
    display: block !important;
  }
}

@font-face {
  font-family: "AvantGarde-Book";
  src: url("/kamei/stera/resource/font/avgb.woff") format("woff");
}

.avgb {
  font-family: "AvantGarde-Book";
  letter-spacing: 4px;
}

.steraAccordion {
  margin-top: 55px;
}

@media screen and (max-width: 767px) {
  .steraAccordion {
    margin-top: 52px;
  }
}

.steraAccordion_title {
  border-bottom: 1px solid #000;
  cursor: pointer;
  font-weight: bold;
  margin: 0;
  padding-bottom: 10px;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.steraAccordion_title:hover {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 767px) {
  .steraAccordion_title {
    font-size: 1.8rem;
  }
}

.steraAccordion_title::after {
  background-image: url(/kamei/stera/resource/img/plus_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 15px;
  left: 105px;
  position: absolute;
  top: 6px;
  width: 15px;
}

@media screen and (max-width: 767px) {
  .steraAccordion_title::after {
    left: 113px;
    top: 8px;
  }
}

.steraAccordion_title-open::after {
  background-image: url(/kamei/stera/resource/img/minus_icon.png);
}

.steraAccordion_contens {
  border-bottom: 1px solid #000;
  display: none;
  padding: 30px 0;
}

.specDetail {
  margin: 0;
}

.specDetail_title {
  font-size: 1.5rem;
  font-weight: bold;
}

.specDetail_title:not(:first-of-type) {
  margin-top: 27px;
}

.specDetail_data {
  font-size: 1.2rem;
  margin-left: 0;
  margin-top: 12px;
}

.specDetailNote {
  font-size: 1.2rem;
  margin: 10px 0 0;
}

#anime {
  max-width: 1080px;
  width: 40%;
}

@media screen and (max-width: 767px) {
  #anime {
    width: 80%;
  }
}

.animeWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  -webkit-transition: 1s;
  transition: 1s;
  width: 100%;
  z-index: 100;
}

.finish {
  opacity: 0;
}

.catchCopy {
  padding: 40px 0 60px;
  text-align: center;
}

.marketCatchCopy {
  padding: 40px 0 60px;
  text-align: center;
  position: absolute;
  top: 87%;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .catchCopy, .marketCatchCopy {
    padding: 70px 6.5% 73px;
  }
  .h2Block .catchCopy {
    padding: 70px 0% 73px;
  }
}

.catchCopy_lead {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .catchCopy_lead {
    font-size: 1.4rem;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .catchCopy_leadBlock {
    display: inline-block;
    margin-top: 1em;
  }
}

.codeBland {
  margin-top: 30px;
}

.codeBland_title {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .codeBland_title {
    font-size: 1.8rem;
  }
}

.codeBland_icon {
  text-align: center;
  width: 33.33%;
}

.codeBland_icon-line img {
  max-width: 88px;
}

@media screen and (max-width: 767px) {
  .codeBland_icon-line img {
    max-width: 77px;
  }
}

.codeBland_icon-rpay img {
  max-width: 66px;
}

@media screen and (max-width: 767px) {
  .codeBland_icon-rpay img {
    max-width: 71px;
  }
}

.codeBland_icon-d img {
  max-width: 79px;
}

@media screen and (max-width: 767px) {
  .codeBland_icon-d img {
    max-width: 73px;
  }
}

.codeBland_icon-paypay img {
  max-width: 97px;
}

@media screen and (max-width: 767px) {
  .codeBland_icon-paypay img {
    max-width: 84.5px;
  }
}

.codeBland_icon-mpay img {
  max-width: 61px;
}

@media screen and (max-width: 767px) {
  .codeBland_icon-mpay img {
    max-width: 54px;
  }
}

.codeBland_icon-aupay img {
  max-width: 80px;
}

@media screen and (max-width: 767px) {
  .codeBland_icon-aupay img {
    max-width: 70px;
  }
}

.codeBland_icon-jppay img {
  max-width: 111px;
}

@media screen and (max-width: 767px) {
  .codeBland_icon-jppay img {
    max-width: 97.5px;
  }
}

@media screen and (max-width: 767px) {
  .codeBland_icon-bankpay {
    margin-left: 15px;
  }
}

.codeBland_icon-bankpay img {
  max-width: 102px;
}

@media screen and (max-width: 767px) {
  .codeBland_icon-bankpay img {
    max-width: 103px;
  }
}

.codeBland_icon:nth-of-type(n + 4) {
  margin-top: 27px;
}

.codeBland_icon_text {
  font-size: 1.0rem;
  margin: 0;
}

.codeBland_iconWrap {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px;
  padding: 35px 0 35px 18px;
}

@media screen and (max-width: 767px) {
  .codeBland_iconWrap {
    padding: 25px 0 25px 13px;
  }
}

.companyArea {
  margin: 72px auto 0;
  max-width: 1080px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .companyArea {
    margin: 60px auto 0;
    padding: 0px 8% 0;
  }
}

.companyArea_note {
  font-size: 1.0rem;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .companyArea_note {
    margin-top: 30px;
  }
}

.companyArea_note .noteList_item {
  padding-left: 6px;
  position: relative;
}

.companyArea_note .noteList_item::before {
  content: '*';
  left: 0;
  position: absolute;
}

.companyArea_note .noteList_item + .noteList_item {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .companyArea_note .noteList_item + .noteList_item {
    margin-top: 10px;
  }
}

.companyColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
  margin-top: 44px;
}

@media screen and (max-width: 767px) {
  .companyColumn {
    display: block;
    margin-top: 47px;
  }
}

.companyColumn_item {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .companyColumn_item {
    width: 100%;
  }
}

.companyColumn_item-gateway {
  background-color: #cfe2d7;
}

.companyColumn_item-dashboard {
  background-color: #dfeee5;
}

.companyColumn_img {
  width: 100%;
}

.companyColumn_text {
  line-height: 1.6;
  text-align: center;
  padding: 40px 40px 30px;
}

@media screen and (max-width: 767px) {
  .companyColumn_text {
    padding: 30px 30px 25px;
  }
}

.companyColumn_lead {
  margin-top: 17px;
  text-align: center;
}

.diagramList {
  background-image: url(/kamei/stera/resource/img/diagram/top_00.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 664px;
  position: relative;
  width: 480px;
}

@media screen and (max-width: 767px) {
  .diagramList {
    height: 436px;
    margin: 0 auto;
    width: 315px;
  }
}

.diagramList_item {
  left: 0;
  position: absolute;
  top: 0;
}

.diagramList_item img {
  display: none;
  width: 100%;
}

.steraFeatureList {
  counter-reset: my-counter;
  margin-top: 22px;
}

@media screen and (max-width: 767px) {
  .steraFeatureList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 28px;
  }
}

.steraFeatureList_item {
  border-bottom: 1px solid #000;
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: bold;
  opacity: 0.3;
  padding: 20px 0 20px 54px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .steraFeatureList_item {
    font-size: 1.1rem;
    padding: 18px 0 18px 28px;
    width: calc(50% - 7.5px);
  }
  .steraFeatureList_item:nth-of-type(odd) {
    margin-right: 15px;
  }
}

.steraFeatureList_item::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  font-family: "AvantGarde-Book";
  font-size: 4.8rem;
  font-weight: normal;
  left: 0;
  position: absolute;
  top: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .steraFeatureList_item::before {
    font-size: 4.0rem;
  }
}

.steraFeatureList_item-active {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.steraFeatureList_item-active:hover {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.steraFeatureList_text {
  display: block;
  letter-spacing: -1.8px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .steraFeatureList_text {
    letter-spacing: 0;
    padding-right: 15%;
  }
  .steraFeatureList_text span {
    letter-spacing: -2.2px;
  }
}

.steraFeatureList_text::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.steraFeatureSlider {
  margin-bottom: 47px !important;
}

@media screen and (max-width: 767px) {
  .steraFeatureSlider {
    margin-bottom: 12px !important;
  }
}

.steraFeatureSlider_item {
  outline: none;
}

.steraFeatureSlider_item:last-of-type .steraFeatureSlider_image {
  width: 63%;
}

.steraFeatureSlider_image {
  margin: 0 auto;
  width: 85%;
}

@media screen and (max-width: 767px) {
  .steraFeatureSlider_image {
    max-height: 100%;
    width: auto;
  }
  #slick-slide00 .steraFeatureSlider_image {
    height: auto;
    max-height: 452px;
  }
}

.steraFeatureSlider_imageWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 370px;
}

@media screen and (max-width: 767px) {
  .steraFeatureSlider_imageWrap {
    height: 190px;
  }
}

.steraFeatureSlider_textArea {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .steraFeatureSlider_textArea {
    margin-top: 0;
  }
}

.steraFeatureSlider_title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.steraFeatureSlider_titleNumber {
  font-family: "AvantGarde-Book";
  font-size: 9rem;
  line-height: 1;
}

.steraFeatureSlider_titleText {
  font-size: 2.2rem;
  margin-left: 13px;
}

.steraFeatureSlider_control {
  height: 32px;
  margin: 0 auto;
  position: relative;
  width: 320px;
}

@media screen and (max-width: 767px) {
  .steraFeatureSlider_control {
    height: 20px;
    width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    margin-top: 30px;
  }
}

.footer .contact {
  background: #DDDDDD;
  position: relative;
}

.footer .contact > .guideList {
  position: absolute;
  right: 0%;
  top: 0%;
}

.footer .contact > .guideList .guideList_link {
  height: 70px;
  padding: 0 64px 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*
.footer .contact_inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  margin: 0 auto;
}*/
.footer .contact_inner {
  width: 1080px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  height: 70px;
}

.footer .footerNavigation {
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer .footerNavigation .footerNavInner {
  margin: 0 auto;
  max-width: 1080px;
  width: 100%;
  padding: 2em 0 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

footer .snsArea {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .snsArea h4 {
  font-size: 1.2em;
  font-weight: normal;
  margin: .5em 0;
}

footer .snsArea .snsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .snsArea .snsList li {
  margin: 0 .5em;
}

footer .snsArea .snsList li a {
  width: 40px;
  height: 40px;
  display: block;
}

.footer .footerNavigation .footerNavInner.officialAccount {
  padding: 0 0 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.footer .footerNavigation .footerNavInner.officialAccount .officialAccountHeader {
  margin: 0.5em 0;
  font-size: .9em;
}

.footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem {
  padding-left: 2em;
  margin-left: 3em;
}

.footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem:first-child {
  margin-left: 0;
}

.footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem.Facebook::before, .footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem.Youtube::before, .footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem.Twitter::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.5em;
  height: 1.5em;
  border: none;
  -webkit-transform: none;
          transform: none;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem.Facebook::before {
  background-image: url(/kamei/stera/resource/img/footer/facebook_icon_s.svg);
}

.footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem.Twitter::before {
  background-image: url(/kamei/stera/resource/img/footer/x_icon_s.svg);
}

.footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem.Youtube::before {
  background-image: url(/kamei/stera/resource/img/footer/youtube_icon_s.svg);
}

@media screen and (max-width: 767px) {
  .footer .contact_inner {
    display: block;
    width: 100%;
    height: auto;
    min-height: 70px;
  }
  .footer .footerNavigation {
    height: auto;
  }
  .footer .footerNavigation .footerNavInner {
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer .footerNavigation .footerNavInner.officialAccount .officialAccountHeader {
    padding: 0 6.5%;
  }
  .footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap {
    width: 100%;
    padding: .5em 6.5% 0;
  }
  .footer .footerNavigation .footerNavInner.officialAccount .textLinkWrap .textLinkItem {
    width: 100%;
    margin-bottom: .5em;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .footer .contact_dl {
    margin: 0;
    padding: 20px 0;
    text-align: center;
  }
}

.footer .contact_title {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .footer .contact_title {
    font-size: 1.4rem;
  }
}

.footer .contact_data {
  font-size: 1.4rem;
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .footer .contact_data {
    font-size: 1rem;
  }
}

.footer_logoArea {
  margin-top: 60px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.footer_logo {
  width: 300px;
}

.footer_copy {
  font-size: 1.0rem;
  margin-bottom: 0;
  margin-top: 20px;
}

/* header */
.header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}

.header_logoImg {
  width: 127px;
}

.header_infoContainer {
  height: 100%;
}

.header_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.header_contact, .header_glnav {
  font-weight: bold;
  margin-right: 30px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.header_glnav ul li {
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .header {
    height: 45px;
    min-width: auto;
    padding-left: 15px;
  }
  .header_logoImg {
    max-width: 95px;
  }
  .header_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_glnav_btn {
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
    cursor: pointer;
  }
  .header_glnav_btn::before, .header_glnav_btn::after {
    content: "";
    width: 32px;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: black;
    position: absolute;
    display: block;
    -webkit-transition: .4s all;
    transition: .4s all;
  }
  .header_glnav_btn::before {
    top: 10px;
  }
  .header_glnav_btn.is_open::before {
    top: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header_glnav_btn::after {
    top: 20px;
  }
  .header_glnav_btn.is_open::after {
    top: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header_glnav_btn > span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: auto;
    font-size: 1.1rem;
    opacity: 1;
    -webkit-transition: .4s all;
    transition: .4s all;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .header_glnav_btn.is_open > span {
    opacity: 0;
  }
  .header_infoContainer {
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 200vw;
    height: 200vh;
    z-index: 50;
    background-color: white;
    -webkit-transition: .4s all;
    transition: .4s all;
    opacity: 0;
  }
  .header_infoContainer.is_open {
    opacity: 1;
  }
  .header_infoContainer .header_info {
    margin: 65px 30px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .header_glnav {
    width: 100%;
    background-color: #fff;
  }
  .header_glnav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .header_glnav ul li {
    display: block;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
  }
  .header_contact {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
    width: 100%;
  }
  .header_faqText {
    font-size: 1.5rem;
    height: 50px;
    line-height: 50px;
    color: #117766;
    text-align: right;
  }
  .header_listText {
    text-align: left;
    font-size: 1.7rem;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    position: relative;
  }
  .header_glnav ul .header_faqText a {
    color: #117766;
  }
  .header_listText a {
    display: block;
    width: 100%;
    text-decoration: none;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .header_listText a::after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header_contactText {
    text-align: left;
    font-size: 1.7rem;
    font-weight: bold;
    width: 100%;
    vertical-align: bottom;
    margin-right: 30px;
    margin-top: 60px;
    padding-left: 10px;
  }
}

.kv_logo {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 30%;
}

@media screen and (max-width: 767px) {
  body{
    padding-top: 0;
  }
  .kv_logo {
    top: 6%;
    right: 0;
    left: 0;
    width: 70%;
    margin: auto;
  }
}

@media screen and (min-width: 500px) and (max-width: 768px) {
  .hero {
  }
}

.hero_inner {
  margin: 0 auto 100px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .hero_inner {
    position: static;
    text-align: center;
    width: auto;
  }
  .footer_logo {
    width: 225px;
  }
}

.hero_title {
  margin: 0;
  margin-top: -20px;
}

.hero_logo {
  margin-top: 56px;
  max-width: 334px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .hero_logo {
    margin-top: 30px;
    max-width: 170px;
  }
  .hero_title {
    margin: 0;
  }
}

.steraIconList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
  width: 100%;
}

.steraMobileIconList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  margin-top: 1.5em;
  width: 100%;
}

.steraMobileIconList .steraIconList_item:not(:last-of-type) {
  margin-right: 10%;
}

.steraMobileIconList .steraIconList_icon {
  width: 45px;
}

.steraIconList_item {
  text-align: center;
  width: calc(100% / 5);
}

.steraIconList_item:first-of-type .steraIconList_icon {
  width: 55px;
}

@media screen and (max-width: 767px) {
  .steraIconList_item:first-of-type .steraIconList_icon {
    width: 39px;
  }
  .steraMobileIconList .steraIconList_item:first-of-type .steraIconList_icon {
    width: 45px;
  }
}

@media screen and (max-width: 767px) {
  .steraMobileIconList {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1em;
    width: 100%;
  }
  .steraMobileIconList .steraIconList_item {
    margin: 0 5%;
  }
  .steraIconList_item:last-of-type .steraIconList_caption {
    letter-spacing: -1.5px;
  }
}

.steraIconList_item:not(:last-of-type) {
  margin-right: 25px;
}

@media screen and (max-width: 767px) {
  .steraIconList_item:not(:last-of-type) {
    margin-right: 0;
  }
}

.steraIconList_icon {
  width: 46px;
}

@media screen and (max-width: 767px) {
  .steraIconList_icon {
    width: 33px;
  }
}

.steraIconList_iconWrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 69px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .steraIconList_iconWrap {
    height: 49px;
  }
}

.steraIconList_caption {
  display: block;
  font-size: 1rem;
  margin-top: 8px;
}

noscript {
  position: absolute;
}

.panelArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 1080px;
  overflow: hidden;
}

.panelArea:last-of-type {
  border-bottom: solid 1px #eee;
}

@media screen and (max-width: 767px) {
  .panelArea {
    min-width: auto;
  }
}

.steraPanel {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .steraPanel {
    width: 100%;
  }
}

.steraPanel-support {
  background-color: #dfeee5;
  padding: 213px 0 246px;
}

@media screen and (max-width: 767px) {
  .steraPanel-support {
    padding: 49px 0 31px;
  }
}

.steraPanel-diagram {
  border-top: 1px solid #eee;
  padding-top: 90px;
}

@media screen and (max-width: 767px) {
  .steraPanel-diagram {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.steraPanel-360 {
  padding: 120px 0 160px;
}

.steraPanel-terminal {
  background-color: #f5f5f5;
  padding-bottom: 100px;
  padding-top: 135px;
}

@media screen and (max-width: 767px) {
  .steraPanel-terminal {
    background-color: #fff;
    border-top: 1px solid #eee;
    margin-top: 60px;
    padding-bottom: 0;
    padding-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .steraPanel-terminal .terminal_inner {
    background-color: #f5f5f5;
    margin-top: 36px;
    padding: 25px 8% 80px;
  }
}

.steraPanel-market {
  padding: 175px 0 162px;
  background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
  .steraPanel-market {
    background-color: #f5f5f5;
    border-bottom: none;
    padding: 60px 0;
  }
  .steraPanel-market .marketImg {
    margin: 35px 0 31px;
  }
}

.steraPanel-code {
  background-color: #dfeee5;
}

.steraPanel-code .steraPanel_inner {
  padding: 90px 100px 86px 0;
}

@media screen and (max-width: 767px) {
  .steraPanel-code .steraPanel_inner {
    padding: 56px 8% 60px 8%;
  }
}

@media screen and (max-width: 767px) {
  .steraPanel-code .codeImg {
    margin: 35px 0 32px;
  }
}

.steraPanel-mobile {
  background-color: #dfeee5;
  border-bottom: 1px solid #eee;
}

.steraPanel-mobile .steraPanel_inner {
  padding: 90px 100px 86px 0;
}

@media screen and (max-width: 767px) {
  .steraPanel-mobile .steraPanel_inner {
    padding: 56px 8% 60px 8%;
  }
}

@media screen and (max-width: 767px) {
  .steraPanel-mobile .mobileImg {
    margin: 35px 0 32px;
  }
}

.steraPanel-green {
  background-color: #dfeee5;
}

.steraPanel-img {
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 800px;
}

.steraPanel-img .steraPanel_inner {
  padding: 0;
  width: 100%;
}

.steraPanel-marketBg {
  background-image: url(/kamei/stera/resource/img/stera_market_pc.jpg);
  background-position: right;
  margin-left: auto;
}

.steraPanel-codeBg {
  background-image: url(/kamei/stera/resource/img/stera_code_pc.jpg);
  background-position: center;
}

.steraPanel-mobileBg {
  background-image: url(/kamei/stera/resource/img/stera_mobile_pc.jpg);
  background-position: center;
  background-size: contain;
  max-width: 540px;
}

.steraBlock_title {
  font-weight: bold;
  margin: 0;
  margin-top: 20px;
}

.steraMobileTitle {
  font-size: 1.2em;
  margin: 0;
  margin-top: 40px;
}

.steraTextList .steraTextList_item {
  position: relative;
  padding-left: 30px;
}

.steraTextList .steraTextList_item::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  margin: auto;
  width: 16px;
  height: 8px;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.steraPanel_inner {
  margin-left: auto;
  padding-right: 60px;
  width: 540px;
}

@media screen and (max-width: 767px) {
  .steraPanel_inner {
    padding: 0 8%;
    width: 100%;
  }
}

.steraPanel_inner-right {
  margin-left: 0;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 0;
}

@media screen and (max-width: 767px) {
  .steraPanel_inner-right {
    padding: 0 8%;
  }
}

.steraPanel_title {
  font-size: 4.0rem;
  letter-spacing: -1.6px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .steraPanel_title {
    font-size: 2.7rem;
    line-height: 1.5;
    text-align: center;
  }
  .steraPanel_title img {
    margin: 0 auto;
    max-width: 315px;
    width: 100%;
    min-height: 70px;
  }
}

.steraPanel_lead {
  margin-top: 44px;
}

.prev, .next {
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 18px;
  position: absolute;
  top: 7px;
  width: 18px;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .prev, .next {
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    height: 12px;
    top: 5px;
    width: 12px;
  }
}

.prev {
  left: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.next {
  right: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.my-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  width: 57%;
}

.my-dots button {
  background: #fff;
  border: none;
  color: #000;
  cursor: pointer;
  height: 32px;
  outline: none;
  padding: 2.5px 10px;
}

@media screen and (max-width: 767px) {
  .my-dots button {
    height: 20px;
    padding: 1.5px 6px;
  }
}

.my-dots button::before {
  cursor: pointer;
  font-family: "AvantGarde-Book";
  font-size: 2.2rem;
  font-weight: bold;
  height: 20px;
}

@media screen and (max-width: 767px) {
  .my-dots button::before {
    font-size: 1.4rem;
  }
}

.my-dots .slick-active button {
  background: #000;
  color: #fff;
}

.my-dots #slick-slide-control00::before {
  content: "TOP";
}

.my-dots #slick-slide-control01::before {
  content: "1";
}

.my-dots #slick-slide-control02::before {
  content: "2";
}

.my-dots #slick-slide-control03::before {
  content: "3";
}

.my-dots #slick-slide-control04::before {
  content: "4";
}

@media screen and (max-width: 767px) {
  .tab {
    margin-top: 65px;
  }
}

.tab_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .tab_area {
    margin-top: 65px;
    margin: 0 auto;
    width: 81%;
  }
}

.tab_feature {
  opacity: 0;
  pointer-events: none;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 3;
}

.tab_feature-active {
  opacity: 1;
  pointer-events: auto;
}

.tab_label {
  border-bottom: 1px solid #000;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 18px;
  text-align: center;
  width: 50%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.tab_label:hover {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 767px) {
  .tab_label {
    font-size: 1.6rem;
    padding-bottom: 8px;
  }
}

.tab_label-active {
  border-bottom: 4px solid #000;
}

.tab_contents {
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tab_contents {
    margin: 34px auto 0;
    max-width: 316px;
    width: 100%;
  }
}

.tab_rotationButton {
  background-color: transparent;
  background-image: url(/kamei/stera/resource/img/180_icon.png);
  background-size: contain;
  border: none;
  cursor: pointer;
  height: 80px;
  outline: none;
  position: absolute;
  right: -8px;
  top: 247px;
  width: 80px;
  z-index: 2;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.tab_rotationButton:hover {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 767px) {
  .tab_rotationButton {
    height: 60px;
    right: 5px;
    top: 206px;
    width: 60px;
  }
}

.tab_rotationArea {
  background-image: url(/kamei/stera/resource/img/scroll.png);
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  left: 50%;
  position: relative;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-15px);
  transform: translateX(-50%) translateY(-15px);
  width: 609px;
}

@media screen and (max-width: 767px) {
  .tab_rotationArea {
    height: 428px;
    margin-top: -60px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 435px;
  }
}

.tabDetails {
  position: relative;
}

.tabDetailsWrap {
  position: absolute;
}

.tabDetailsWrap-cutter {
  left: 222px;
  top: 482px;
}

@media screen and (max-width: 767px) {
  .tabDetailsWrap-cutter {
    left: 50%;
    margin-left: -15px;
    top: 355px;
  }
}

.tabDetailsWrap-screen7 {
  left: 130px;
  top: 253px;
}

@media screen and (max-width: 767px) {
  .tabDetailsWrap-screen7 {
    left: 72px;
    top: 210px;
  }
}

.tabDetailsWrap-camera {
  left: 200px;
  top: 170px;
}

@media screen and (max-width: 767px) {
  .tabDetailsWrap-camera {
    left: 130px;
    top: 135px;
  }
}

.tabDetailsWrap-screen4 {
  left: 142px;
  top: 214px;
}

@media screen and (max-width: 767px) {
  .tabDetailsWrap-screen4 {
    left: 87px;
    top: 195px;
  }
}

.tabDetailsWrap-antenna {
  left: 186px;
  top: 274px;
}

@media screen and (max-width: 767px) {
  .tabDetailsWrap-antenna {
    left: 122px;
    top: 228px;
  }
}

.tabDetailsWrap-icReader {
  left: 224px;
  top: 341px;
}

@media screen and (max-width: 767px) {
  .tabDetailsWrap-icReader {
    left: 140px;
    top: 271px;
  }
}

.tabDetailsWrap-dualReader {
  left: 224px;
  top: 420px;
}

@media screen and (max-width: 767px) {
  .tabDetailsWrap-dualReader {
    left: 50%;
    margin-left: -15px;
    top: 327px;
  }
}

.tabDetails_icon {
  background-color: #cfe2d7;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 28px;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .tabDetails_icon {
    height: 22px;
    width: 22px;
  }
}

.tabDetails_icon::before, .tabDetails_icon::after {
  border-top: 2px solid #000;
  content: '';
  display: inline-block;
  height: 2px;
  position: absolute;
  width: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tabDetails_icon::after {
  left: 6px;
  top: 11px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  .tabDetails_icon::after {
    left: 3px;
    top: 8px;
  }
}

.tabDetails_icon-open {
  border-color: #cfe2d7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tabDetails_text {
  background-color: #cfe2d7;
  border: 2px solid #fff;
  border-radius: 27px;
  color: #000;
  display: none;
  height: 32px;
  left: -3px;
  padding: 0 10px;
  padding-left: 29px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .tabDetails_text {
    font-size: 1.2rem;
    padding: 4px 10px 4px 24px;
    top: -5px;
  }
}

.is-disabled {
  pointer-events: none;
}

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

.telNumberList_item {
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .telNumberList_item {
    width: 50%;
  }
}

.telNumberList_item:last-of-type {
  border-left: 1px solid #fff;
}

.telNumberList_link {
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 14.5px 28px 14.5px 65px;
  pointer-events: none;
  position: relative;
}

@media screen and (max-width: 767px) {
  .telNumberList_link {
    padding: 8.5px 10px 8.5px 65px;
    pointer-events: auto;
  }
  .header .telNumberList_link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 100%;
  }
}

.telNumberList_link::before {
  background-image: url(/kamei/stera/resource/img/tel_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  left: 25px;
  position: absolute;
  top: 50%;
  width: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .header .telNumberList_link::before {
    content: none;
  }
}

.telNumberList_place {
  display: block;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .telNumberList_place {
    font-size: 1rem;
  }
}

.telNumberList_place::before {
  content: none;
}

@media screen and (max-width: 767px) {
  .header .telNumberList_place::before {
    background-image: url(/kamei/stera/resource/img/tel_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 12.5px;
    margin-right: 2.5px;
    vertical-align: middle;
    width: 12.5px;
  }
}

.telNumberList_numberText {
  display: block;
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .telNumberList_numberText {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }
}

@media screen and (max-width: 767px) {
  .telNumberList-header {
    margin-right: 30px;
    width: 100%;
  }
  .telNumberList-header .telNumberList_item {
    height: 60px;
    width: 100%;
    padding-left: 40px;
    position: relative;
  }
  .telNumberList-header .telNumberList_item::before {
    background-image: url(/kamei/stera/resource/img/tel_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 30px;
    left: 10px;
    position: absolute;
    top: 50%;
    width: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .telNumberList-header .telNumberList_place {
    font-size: 1.1rem;
    margin-right: 5px;
    font-weight: normal;
  }
  .telNumberList-header .telNumberList_place::before {
    content: none;
  }
  .telNumberList-header .telNumberList_numberText {
    font-size: 1.5rem;
  }
}

.steraTerminalBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 52px;
}

@media screen and (max-width: 767px) {
  .steraTerminalBlock {
    display: block;
    margin-top: 35px;
  }
}

.steraTerminalBlock_movie {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .steraTerminalBlock_movie {
    margin-right: 0;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
  }
  .steraTerminalBlock_movie iframe {
    height: 100% !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .steraTerminalBlock_clearing {
    margin-top: 44px;
  }
}

.steraTerminalBlock_title {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .steraTerminalBlock_title {
    font-size: 1.8rem;
  }
}

.clearingList {
  margin-top: 28px;
}

@media screen and (max-width: 767px) {
  .clearingList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
  }
}

.clearingList_item {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .clearingList_item {
    font-size: 1rem;
    text-align: center;
    width: calc(100% / 3);
  }
}

.clearingList_item + .clearingList_item {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .clearingList_item + .clearingList_item {
    margin-top: 0;
  }
}

.clearingList_item::before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .clearingList_item::before {
    display: block;
    margin: 0 auto 8px !important;
  }
}

.clearingList_item-brand::before {
  background-image: url(/kamei/stera/resource/img/brand_icon.png);
  height: 23px;
  margin-right: 10px;
  width: 74px;
}

@media screen and (max-width: 767px) {
  .clearingList_item-brand::before {
    height: 31px;
    width: 105px;
  }
}

.clearingList_item-felica::before {
  background-image: url(/kamei/stera/resource/img/felica_icon.png);
  height: 23px;
  margin-right: 17px;
  width: 28px;
}

@media screen and (max-width: 767px) {
  .clearingList_item-felica::before {
    height: 31px;
    margin: 0 auto;
    width: 31px;
  }
}

.clearingList_item-code::before {
  background-image: url(/kamei/stera/resource/img/code_icon.png);
  height: 23px;
  margin-left: 5px;
  margin-right: 17px;
  width: 28px;
}

@media screen and (max-width: 767px) {
  .clearingList_item-code::before {
    height: 31px;
    width: 31px;
  }
}

@-webkit-keyframes anime01-1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  25% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes anime01-1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  25% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes anime02 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@keyframes anime02 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

header {
  width: 100%;
  position: relative;
}

header img {
  max-width: 100%;
}

.navigation {
  position: absolute;
  width: 1080px;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -5%;
}

.navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.navigation ul li {
  opacity: 0;
  position: relative;
}

.navigation ul li .navBtnText {
  background-image: url(/kamei/stera/resource/img/nav_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 146px 146px;
  font-family: "AvantGarde-Book";
  width: 146px;
  height: 146px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media all and (-ms-high-contrast: none) {
  .navigation ul li .navBtnText {
    background-image: url(/kamei/stera/resource/img/nav_bg.png);
  }
}

.navigation ul li .navBtnText.dashboard {
  font-size: .8em;
}

.navigation ul li .navBtnText img {
  width: 61%;
}

.navigation ul li .navBtnLeadText {
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Noto Sans CJK JP';
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fadein {
  -webkit-animation-name: anime03;
  animation-name: anime03;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1.0s;
  animation-duration: 1.0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes anime03 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}

@keyframes anime03 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}

.navigation ul li.float {
  opacity: 1;
  -webkit-animation-name: anime04;
  animation-name: anime04;
  -webkit-animation-duration: 4.0s;
  animation-duration: 4.0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.navigation ul li.float.paused {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@-webkit-keyframes anime04 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes anime04 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (max-width: 767px) {
  .navigation {
    width: 100%;
    -webkit-transform: translateY(65%);
            transform: translateY(65%);
    bottom: 10%;
  }
  .navigation ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .navigation ul li {
    width: 30%;
  }
  .navigation ul li .navBtnText {
    width: 100%;
    font-family: "dnp-shuei-gothic-kin-std";
    background-size: 100%;
    height: 30vw;
  }
}

.movieContainer {
  width: 1080px;
  margin: 30px auto 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.movieContainer h3 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.leftJustified {
  width: 1080px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
}

.leftJustified .leftJustifiedImage {
  max-width: 500px;
  vertical-align: middle;
}

.leftJustified .leftJustifiedTextContainer {
  position: absolute;
  width: 30%;
  min-width: 420px;
  left: 40%;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  margin: auto;
  padding: 35px 30px;
  background-color: #DFEEE5;
}

.leftJustified .leftJustifiedTextContainer h3 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.rightJustified {
  width: 1080px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
  text-align: right;
}

.rightJustified .rightJustifiedImage {
  max-width: 500px;
  vertical-align: middle;
}

.rightJustified .rightJustifiedTextContainer {
  text-align: left;
  position: absolute;
  width: 30%;
  min-width: 420px;
  right: 40%;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  margin: auto;
  padding: 35px 30px;
  background-color: #F5F5F5;
}

.rightJustified .rightJustifiedTextContainer h3 {
  font-size: 2.2rem;
  margin-bottom: 20px;
  font-weight: bold;
}

.problemSolving {
  margin: 0 auto;
  width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.problemSolving .pSContainer {
  width: 340px;
  min-height: 600px;
  border: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 30px;
}

.problemSolving .pSContainer .problemTxt, .problemSolving .pSContainer .solvingTxt {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 30px;
  background-color: #cfe2d7;
  padding: 10px 0px;
  font-size: 1.1em;
  margin-bottom: 20px;
  margin-top: 0;
  font-weight: bold;
}

.problemSolving .pSContainer .problemList {
  min-height: 150px;
  position: relative;
  padding-bottom: 3em;
  margin-bottom: 1em;
}

.transit.problemSolving .pSContainer .problemList {
  min-height: 200px;
  position: relative;
  padding-bottom: 3em;
  margin-bottom: 1em;
}

.problemSolving .pSContainer .problemList::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10%;
  border-style: solid;
  border-width: 20px 35px 0 35px;
  border-color: #cfe2d7 transparent transparent transparent;
}

.problemSolving .pSContainer .solvingImgContainer {
  margin-bottom: 20px;
  min-height: 0%;
}

.problemSolving .pSContainer .problemList, .problemSolving .pSContainer .solvingList {
  font-size: 0.9em;
}

.problemSolving .pSContainer .problemList li, .problemSolving .pSContainer .solvingList li {
  position: relative;
  padding-left: 1.2em;
}

.problemSolving .pSContainer .problemList li:not(:last-child), .problemSolving .pSContainer .solvingList li:not(:last-child) {
  margin-bottom: 15px;
}

.problemSolving .pSContainer .problemList li::before, .problemSolving .pSContainer .solvingList li::before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

section {
  counter-reset: number;
}

.stepModule {
  position: relative;
  width: 100%;
  max-width: 1080px;
  margin: 20px auto;
}

.stepModule::before {
  counter-increment: number;
  content: "step " counter(number);
  display: inline-block;
  padding: 3px 20px;
  margin-bottom: 20px;
  background-color: #cfe2d7;
  color: black;
  position: absolute;
  top: 0;
  left: 0;
}

.stepModule .stepContainer {
  padding-left: 45px;
}

.stepModule .stepContainer h3 {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 30px;
  margin-left: 75px;
}

.stepModule:last-child .stepContainer .contents {
  border: none;
}

.stepModule .stepContainer .contents {
  border-left: 1px dotted black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 70px;
  padding-bottom: 30px;
}

.stepModule .stepContainer .contents .textContents {
  padding-left: 30px;
  width: 70%;
}

.stepModule .stepContainer .contents .textContents p {
  margin-top: 0;
}

.stepModule .stepContainer .contents .imgContents {
  max-width: 315px;
  width: 30%;
  min-height: 0%;
}

.stepModule .stepContainer .contents .imgContents img {
  width: 315px;
  display: block;
}

@media screen and (max-width: 767px) {
  .stepModule {
    margin: 0;
  }
  .stepModule::before {
    padding: 3px 20px;
    margin-bottom: 1.5em;
  }
  .stepModule .stepContainer {
    padding-left: 1em;
    padding-top: 2.5em;
    padding-bottom: 2em;
  }
  .stepModule .stepContainer h3 {
    margin-left: 0;
    margin-bottom: 1em;
    width: 100%;
  }
  .stepModule .stepContainer .contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 3em;
    width: 100%;
  }
  .stepModule .stepContainer .contents .textContents {
    padding-top: 1.5em;
    padding-left: 0;
    width: 100%;
  }
  .stepModule .stepContainer .contents .imgContents {
    max-width: 315px;
    width: 100%;
    min-height: 0%;
  }
  .movieContainer {
    width: 100%;
  }
  .movieContainer h3 {
    font-size: 2.0rem;
    margin-bottom: 2rem;
  }
  .movieContainer .movieInner {
    width: 100%;
    background-color: black;
    clear: both;
    overflow: visible;
    position: relative;
    padding-top: 56.25%;
  }
  .movieContainer .movieInner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .leftJustified {
    width: 100%;
    margin: 0;
    padding-bottom: 15%;
  }
  .leftJustified .leftJustifiedImage {
    width: 80%;
  }
  .leftJustified .leftJustifiedTextContainer {
    padding: 4vw 5vw;
    position: static;
    width: 80%;
    min-width: 0%;
    min-height: 0%;
    margin-top: -10%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-left: auto;
    margin-right: 0;
  }
  .leftJustified .leftJustifiedTextContainer h3 {
    font-size: 4.5vw;
    font-weight: bold;
    margin-bottom: 0;
  }
  .leftJustified .leftJustifiedTextContainer p {
    word-wrap: break-word;
    font-size: 3vw;
    margin: 0;
    padding: 1em 0;
  }
  .rightJustified {
    width: 100%;
    margin: 0;
    padding-bottom: 15%;
    text-align: right;
  }
  .rightJustified .rightJustifiedImage {
    width: 80%;
  }
  .rightJustified .rightJustifiedTextContainer {
    padding: 4vw 5vw;
    position: static;
    width: 80%;
    min-width: 0%;
    min-height: 0%;
    margin-top: -10%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-left: 0;
    margin-right: auto;
  }
  .rightJustified .rightJustifiedTextContainer h3 {
    font-size: 4.5vw;
    font-weight: bold;
    margin-bottom: 3vw;
  }
  .rightJustified .rightJustifiedTextContainer p {
    word-wrap: break-word;
    font-size: 3vw;
  }
  .problemSolving {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .problemSolving .pSContainer {
    width: 100%;
    padding: 7vw 5vw;
    min-height: unset;
  }
  .problemSolving .pSContainer .normalText {
    padding: 0;
  }
  .problemSolving .pSContainer:not(:last-child) {
    margin-bottom: 6vw;
  }
  .problemSolving .pSContainer .problemTxt, .problemSolving .pSContainer .solvingTxt {
    padding: 5px 30px;
    margin-bottom: 1em;
    margin-top: 0;
  }
  .problemSolving .pSContainer .problemList {
    min-height: 8em;
  }
  .problemSolving .pSContainer .solvingImgContainer {
    margin-bottom: 20px;
  }
  .problemSolving .pSContainer .solvingImgContainer img {
    width: 100%;
  }
  .problemSolving .pSContainer .problemList, .problemSolving .pSContainer .solvingList {
    font-size: 0.9em;
  }
  .transit.problemSolving .pSContainer .problemList {
    min-height: 12em;
  }
  .problemSolving .pSContainer .problemList li:not(:last-child), .problemSolving .pSContainer .solvingList li:not(:last-child) {
    margin-bottom: 15px;
  }
}

.companyArea .btnWrap {
  width: 80%;
  margin: 50px auto 0;
}

@media screen and (max-width: 767px) {
  .companyArea .btnWrap {
    width: 100%;
  }
}

.btnWrap {
  width: 100%;
  max-width: 480px;
  margin: 0 auto 60px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.btnWrap ul.note {
  padding: 0;
  margin: 10px auto;
  max-width: 315px;
  display: inline-block;
}

.btnWrap ul.note li {
  text-align: left;
  max-width: 315px;
  display: inline-block;
}

.btnWrap .normalBtn {
  border: #000 1.5px solid;
  display: block;
  padding: 15px 25px;
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.btnWrap .colorBtn {
  width: 315px;
  margin: 0 auto;
  display: inline-block;
  padding: 15px 25px;
  font-weight: bold;
  position: relative;
  background-color: #dfeee5;
}

.btnWrap .blackBtn {
  width: 315px;
  margin: 0 auto;
  display: inline-block;
  padding: 15px 25px;
  font-weight: bold;
  position: relative;
  color: #fff;
  background-color: #000;
}

.btnWrap .whiteBtn {
  border: #000 1.5px solid;
  width: 315px;
  margin: 0 auto;
  display: inline-block;
  padding: 15px 25px;
  font-weight: bold;
  position: relative;
}

.btnWrap .blackBtn:not(:last-of-type), .btnWrap .colorBtn:not(:last-of-type), .btnWrap .whiteBtn:not(:last-of-type) {
  margin-bottom: 10px;
}

.btnWrap .normalBtn::after, .btnWrap .colorBtn::after, .btnWrap .whiteBtn::after {
  content: "";
  display: block;
  position: absolute;
  right: 2em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: solid 1.5px #000000;
  border-right: solid 1.5px #000000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btnWrap .normalBtn[target="_blank"]::after, .btnWrap .colorBtn[target="_blank"]::after, .btnWrap .whiteBtn[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .9em;
  height: .9em;
  border: none;
  -webkit-transform: none;
          transform: none;
  background-image: url(/kamei/stera/resource/img/icon_external_link_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.btnWrap .normalBtn.pdfLink[target="_blank"]::after, .btnWrap .colorBtn.pdfLink[target="_blank"]::after, .btnWrap .whiteBtn.pdfLink[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.1em;
  height: 1.1em;
  border: none;
  -webkit-transform: none;
          transform: none;
  background-image: url(/kamei/stera/resource/img/icon_pdf_link_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.btnWrap .blackBtn::after {
  content: "";
  display: block;
  position: absolute;
  right: 2em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: solid 1.5px #fff;
  border-right: solid 1.5px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btnWrap .blackBtn[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .9em;
  height: .9em;
  border: none;
  -webkit-transform: none;
          transform: none;
  background-image: url(/kamei/stera/resource/img/icon_external_link_w.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.btnWrap .blackBtn.pdfLink[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.1em;
  height: 1.1em;
  border: none;
  -webkit-transform: none;
          transform: none;
  background-image: url(/kamei/stera/resource/img/icon_pdf_link_w.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .btnWrap .normalBtn {
    max-width: 100%;
    margin: 0;
  }
}

ul.textLinkWrap {
  margin: 0;
  font-size: .9em;
}

.textLinkWrap {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.textLinkWrap .textLinkItem {
  padding-left: 20px;
  position: relative;
  margin-left: 2em;
}

.textLinkWrap .textLinkItem:first-child {
  margin-left: 0;
}

.textLinkWrap .textLinkItem::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .5em;
  height: .5em;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.textLinkWrap .textLinkItem.textAnchor::before {
  -webkit-transform: rotate(135deg) translateY(50%);
          transform: rotate(135deg) translateY(50%);
}

.textLinkWrap .textLinkItem a {
  text-decoration: underline;
  position: relative;
  font-weight: bold;
}

.textLinkWrap .textLinkItem a[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: -1.2em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .8em;
  height: .8em;
  background-image: url(/kamei/stera/resource/img/icon_external_link_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.textLinkWrap .textLinkItem a.pdfLink[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: -1.2em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  background-image: url(/kamei/stera/resource/img/icon_pdf_link_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

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

.guideList_item {
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.guideList_item.forSp {
  display: none;
}

@media screen and (max-width: 767px) {
  .guideList_item {
    width: 100%;
  }
  .guideList_item.forPc {
    display: none;
  }
  .guideList_item.forSp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  ul.textLinkWrap {
    margin: 0;
    padding: 6.5% 6.5% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ul.textLinkWrap li.textLinkItem {
    width: 50%;
    margin: 0;
    margin-bottom: 6.5%;
  }
}

.guideList_link {
  cursor: pointer;
  color: #fff;
  text-align: center;
  width: 100%;
  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;
  font-weight: bold;
  padding: 0 64px 0 35px;
  position: relative;
  font-size: 1.1em;
}

.guideList_link::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.guideList_link.pdfLink[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.2em;
  height: 1.2em;
  border: none;
  background-image: url(/kamei/stera/resource/img/icon_pdf_link_w.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: none;
          transform: none;
}

@media screen and (max-width: 767px) {
  .guideList {
    margin-top: 0;
  }
  footer .guideList {
    margin-top: 0;
  }
  .guideList_link {
    padding: 15px 40px 15px 20px;
    pointer-events: auto;
  }
  .guideList_link::after {
    width: 12px;
    height: 12px;
    right: 20px;
  }
  .guideList_link.pdfLink[target="_blank"]::after {
    right: 10px;
  }
  .header .guideList_link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 1em;
  }
}

.alignCenterList {
  margin: 0 auto 40px;
  width: 300px;
}

.alignCenterList li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}

.alignCenterList li::before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mobileImgBox {
  min-height: 0%;
  margin: 0 auto;
  width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  margin-bottom: 60px;
}

.mobileImgBox img {
  width: 315px;
  margin: 0 15px;
}

@media screen and (max-width: 767px) {
  .alignCenterList {
    width: 75%;
    max-width: 300px;
  }
  .mobileImgBox {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 12vw;
  }
  .mobileImgBox img {
    width: 100%;
    margin: 0;
  }
  .mobileImgBox img:not(:last-child) {
    margin-bottom: 30px;
  }
}

#forShop {
  display: block;
}

#forCustomer {
  display: none;
}

.rotateImg {
  padding: 0 6.5%;
  margin-top: 6.5%;
}

.rotateImg img {
  width: 100%;
}

.panelContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.panelContainer .panelInner {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.panelContainer .panelInner.bgGreen {
  background-color: #dfeee5;
}

.panelContainer .panelInner .panelContent {
  width: 540px;
  margin-left: auto;
  margin-right: 0;
  padding: 6.5% 0;
}

.panelList {
  margin-left: auto;
  margin-right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.panelList .panelListItem {
  cursor: pointer;
  height: 55px;
  position: relative;
  margin: 3% 0%;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #000;
  -webkit-transition: .6s all;
  transition: .6s all;
  color: #000;
  opacity: .3;
}

.panelList .panelListItem:hover {
  opacity: .2;
}

.panelList .panelListItem.is_active {
  opacity: 1;
}

.panelList .panelListItem::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 15px;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.panelList .panelListItem.is_active::before {
  border-top: solid 1px #000;
  border-right: solid 1px #000;
}

.panelList .panelListItem span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panelImageArea {
  width: 540px;
  height: 580px;
}

.panelImageAreaItem {
  width: 540px;
  height: 580px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 60px 0 60px 60px;
}

.panelImageAreaItem:not(:first-of-type) {
  display: none;
}

.panelImageAreaItem .panelItemImageBox img {
  width: 100%;
}

.panelImageAreaItem .panelItemTextBox .panelItemTitle {
  height: 55px;
  position: relative;
  margin: 30px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.panelContainer .panelInner .innerText {
  font-size: 22px;
  margin-left: 20px;
}

.panelContainer .panelInner .innerText.bold {
  font-weight: bold;
}

.panelContainer .panelInner .itemNum {
  font-size: 55px;
  font-family: "AvantGarde-Book";
}

@media screen and (max-width: 767px) {
  .panelContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .panelContainer .panelInner {
    border-top: none;
    border-bottom: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 6.5%;
  }
  .panelContainer .panelInner.withUnderline {
    padding-bottom: 25vw;
    border-bottom: 1px solid #ccc;
  }
  .panelContainer .panelInner .panelContent {
    width: 100%;
    margin: 0;
  }
  .panelContainer .panelInner .panelContent .panelList {
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .panelList .panelListItem {
    margin: 4% 0;
    height: 55px;
    width: 48%;
  }
  .panelImageArea {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: unset;
    margin: 0;
    min-height: 400px;
  }
  .panelImageArea .panelImageAreaItem {
    padding: 6.5% 0 0;
    width: 87%;
    height: 45vw;
    padding-top: 0;
    min-height: 400px;
  }
  .panelItemImageBox {
    width: 100%;
  }
  .panelImageAreaItem .panelItemImageBox img {
    width: 100%;
  }
  .panelContainer .panelInner .innerText {
    font-size: 2vw;
    margin-left: 2vw;
  }
  .panelContainer .panelInner .innerText.largeText {
    font-weight: bold;
    font-size: 1.5rem;
    margin-left: 3vw;
  }
  .panelContainer .panelInner .itemNum {
    font-size: 8vw;
  }
  .panelContainer .panelInner .itemNum.largeText {
    font-size: 12vw;
  }
}

.appLineup {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  border-bottom: 2px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2em 0;
}

.appLineup:last-of-type {
  border: none;
}

.appLineupHeader {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.appLineupHeader .num {
  font-size: 5rem;
  font-family: "AvantGarde-Book";
  margin-left: .5em;
}

.appLineupHeader .text {
  margin-left: 1em;
  font-size: 2.4rem;
}

.appLineupList {
  width: 60%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.appLineupList .appLineupItem {
  width: 19%;
  height: auto;
  margin: 0 0.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.appLineupList .appLineupItem img {
  vertical-align: top;
  display: inline-block;
  width: 70px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.appLineupList .appLineupItem p {
  text-align: center;
  font-size: .9em;
  margin: 0;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .appLineupHeader {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none;
    padding-bottom: 15px;
  }
  .appLineupHeader .num {
    font-size: 4rem;
    margin-left: .2em;
  }
  .appLineupHeader .text {
    margin-left: 1em;
    font-size: 2rem;
  }
  .appLineupList {
    width: 100%;
    padding-bottom: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .appLineupList .appLineupItem {
    min-width: 30%;
    margin: .5em 1.5% 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .appLineupList .appLineupItem img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 65px;
    height: 65px;
  }
}

.dashboardWrapper {
  width: 540px;
  margin: 0 auto;
}

.iconArea {
  width: 100%;
  margin: 2em auto;
  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;
}

.iconArea .iconAreaList {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5em;
}

.iconArea .iconAreaList:nth-child(odd) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.iconArea .iconAreaList:nth-child(even) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.iconArea .iconAreaList .iconAreaItem {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.iconArea .iconAreaList .iconAreaItem img {
  display: block;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 65px;
  height: 65px;
}

.iconArea .iconAreaList .iconAreaItem p {
  text-align: center;
  font-size: .7em;
  margin: 0;
  margin-top: 2em;
}

.iconArea .iconAreaNote {
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .dashboardWrapper {
    width: 100%;
  }
  .iconArea {
    width: 100%;
  }
  .iconArea .iconAreaList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .iconArea .iconAreaList:nth-child(odd) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .iconArea .iconAreaList:nth-child(even) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .iconArea .iconAreaList .iconAreaItem {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .iconArea .iconAreaList .iconAreaItem img {
    padding: 0;
  }
  .iconArea .iconAreaNote {
    padding: 0 4vw;
    padding-left: 3vw;
  }
}

.textH1Block {
  width: 100%;
  text-align: center;
  padding: 0 0 30px;
  margin: 60px 0;
  border-bottom: 2px solid #dfeee5;
}

.textH1Block h1 {
  font-size: 4rem;
  font-weight: normal;
  margin: 0;
}

.conductWrapper {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.conductWrapper .existingContractor {
  margin-left: 7em;
}

.conductWrapper .container {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.conductWrapper .container .inner {
  width: 315px;
}

.conductWrapper .container .inner .normalText {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .btnWrap .colorBtn, .btnWrap .whiteBtn, .btnWrap .blackBtn {
    width: 100%;
  }
  .btnWrap ul.note, .btnWrap ul.note li {
    max-width: unset;
  }
  .textH1Block h1 {
    width: 90%;
    margin: 0 auto;
    font-size: 2.4rem;
  }
  .conductWrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .conductWrapper .existingContractor {
    margin-left: 0;
  }
  .conductWrapper .container {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 3em;
  }
  .conductWrapper .container .inner {
    width: 100%;
  }
  .conductWrapper .container .inner .normalText {
    text-align: left;
  }
}

.breadCrum {
  width: 1080px;
  margin: 1.3em auto 60px;
}

.breadCrum ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadCrum ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}

.breadCrum ul li:not(:last-child) a {
  color: #117766;
}

.breadCrum ul li:not(:first-child) {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}

.breadCrum ul li:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: 5px;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#anchorLink {
  width: 1080px;
  margin: 50px auto;
}

#anchorLink .anchorLinkListInner {
  width: 100%;
  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;
}

#anchorLink .anchorLinkListInner .anchorLinkListItem {
  min-width: 22%;
  width: 22%;
  height: 70px;
  position: relative;
  margin: 0 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #000;
}

#anchorLink .anchorLinkListInner .anchorLinkListItem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 55px;
  margin-left: 10px;
  font-size: 1em;
}

@media screen and (max-width: 767px) {
  #anchorLink .anchorLinkListInner .anchorLinkListItem a {
    font-size: 5.5vw;
  }
}

#anchorLink .anchorLinkListInner .anchorLinkListItem a::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

#anchorLink .anchorLinkListInner .anchorLinkListItem span {
  font-size: 55px;
  font-family: "AvantGarde-Book";
}

/*accordion*/
.mod_accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1080px;
  margin: 0 auto;
}

.accordion {
  position: relative;
  width: 100%;
  height: 45px;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 45px;
  border-bottom: solid 1px #000;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.accordion span.num {
  font-size: 2.4em;
  font-weight: normal;
  margin-right: 10px;
  font-family: "AvantGarde-Book";
}

.accordion .normalText {
  pointer-events: none;
}

.accordion.question {
  padding-left: 3.5em;
  height: 4em;
  line-height: 4em;
  width: 890px;
  margin-top: 0;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.accordion.question .normalText {
  padding-right: 50px;
}

.accordion.question::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(/kamei/stera/resource/img/question.png);
  background-size: 42px 42px;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
}

.accordion:hover {
  opacity: 0.8;
  cursor: pointer;
}

.accordion::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(/kamei/stera/resource/img/plus_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  -webkit-transition: .6s all;
  transition: .6s all;
}

.accordion.is_active {
  margin-bottom: 0;
}

.accordion.is_active::after {
  background-image: url(/kamei/stera/resource/img/minus_icon.png);
}

.accordion_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  height: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: .5s all;
  transition: .5s all;
  border-bottom: solid 1px #000;
}

.accordion_item.answer {
  border-bottom: none;
  padding-left: 4em;
  width: 890px;
  position: relative;
}

.accordion_item.answer.is_open {
  min-height: 50px;
}

.accordion_item.answer::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/kamei/stera/resource/img/answer.png);
  background-size: 42px 42px;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
}

.accordion_item h3 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.accordion_item p {
  margin-top: 0;
  margin-bottom: 30px;
}

.accordion_item p span {
  position: relative;
  display: block;
  padding-left: 4.5em;
}

.accordion_item p span:not(:last-child) {
  margin-bottom: .5em;
}

.accordion_item p span::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.accordion_item p span.nonContactIC::before {
  content: "非接触IC";
}

.accordion_item p span.contactIC::before {
  content: "接触IC";
}

.accordion_item p span.magnetic::before {
  content: "磁気";
}

.singleColTable {
  margin-bottom: 50px;
}

.singleColTable table {
  border-collapse: collapse;
  width: 100%;
}

.singleColTable table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  table-layout: fixed;
}

.singleColTable table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: calc(100%/3);
  flex-basis: calc(100%/3);
}

.singleColTable table tbody tr th {
  display: block;
  padding: 15px 20px;
  background-color: #EEEEEE;
}

.singleColTable table tbody tr td {
  max-width: 100%;
  height: 100%;
  display: block;
  padding: 15px 20px;
  overflow-wrap: break-word;
}

.singleColTable table th, .singleColTable table td {
  border: solid 1px #DDDDDD;
}

.normalTable ul.note {
  margin-top: 14px;
}

.normalTable.overflow table::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.normalTable.overflow table::-webkit-scrollbar-track {
  background: #fff;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 2px #ccc;
          box-shadow: inset 0 0 2px #ccc;
}

.normalTable.overflow table::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 767px) {
  .normalTable.overflow table {
    padding-bottom: 16px;
    border: none;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .singleColTable table {
    width: 100%;
  }
  .singleColTable table tbody {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .singleColTable table tbody tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .singleColTable table tbody tr th, .singleColTable table tbody tr td {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
  }
}

.accordion_item table {
  border-collapse: collapse;
  margin-bottom: 30px;
  width: 100%;
}

.accordion_item table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  table-layout: fixed;
}

.accordion_item table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: calc(100%/3);
  flex-basis: calc(100%/3);
}

.accordion_item table tbody tr th {
  display: block;
  padding: 15px 20px;
  background-color: #EEEEEE;
}

.accordion_item table tbody tr td {
  max-width: 100%;
  height: 100%;
  display: block;
  padding: 15px 20px;
  overflow-wrap: break-word;
}

.accordion_item th, .accordion_item td {
  border: solid 1px #DDDDDD;
}

.accordion_item.is_open {
  margin: 30px 0 0;
  height: auto;
  opacity: 1;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.headerImg {
  width: 100%;
  max-width: 1080px;
  margin: 60px auto;
  position: relative;
}

.headerImg.reservation {
  max-width: 1266px;
}

.headerImgTitle {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.headerImgTitle img {
  width: 100%;
}

.headerImgTitle .headerImgLogo {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.headerImgTitle.terminal .headerImgLogo {
  bottom: auto;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
}

.headerImgTitle.code .headerImgLogo {
  left: 5%;
  width: 384px;
}

.headerImgTitle.market .headerImgLogo {
  width: 55%;
  left: 2%;
}

.headerImgTitle.mobile .headerImgLogo {
  width: 55%;
  left: 5%;
}

.headerImgTitle.transit {
  width: 100%;
}

.innerBlock {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 60px;
}

.textBlock {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 30px;
}

section.h2Block, div.Wrapper {
  width: 1080px;
  margin: 0 auto 120px;
}

.leadBlock {
  width: 1080px;
  margin: 0 auto 90px;
}

section.h2Block.fullWidthContents {
  width: 100%;
  margin: 0 auto 120px;
}

h2.h2Image {
  margin: 60px auto;
}

h1.h1_title {
  font-size: 5.5rem;
  text-align: center;
  margin: 60px 0;
}

h4.h4_title {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 20px;
  text-align: left;
  font-size: 22px;
  font-weight: normal;
  margin-top: 2em;
}

h5.h5_title {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 15px;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  margin-top: 2em;
}

.imgBox {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2em auto;
}

span.impText {
  color: red;
  font-weight: bold;
}

.normalText {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  text-align: left;
}

.normalText.terminal {
  max-width: 760px;
  text-align: center;
}

.normalText a {
  color: #000000;
  display: inline;
  position: relative;
  padding-left: 1em;
  font-weight: bold;
}

.normalText a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .5em;
  height: .5em;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.normalText a.textAnchor::before {
  -webkit-transform: rotate(135deg) translateY(50%);
  transform: rotate(135deg) translateY(50%);
}

.normalText a[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: -1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .9em;
  height: .9em;
  background-image: url(/kamei/stera/resource/img/icon_external_link_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.normalText a.blank[target="_blank"]::after{
  right: 2px;
}
.normalText a.pdfLink[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: -1.2em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  background-image: url(/kamei/stera/resource/img/icon_pdf_link_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.normalText a.greenLink {
  color: #117766;
  display: inline-block;
  position: relative;
  padding-left: 1em;
  font-weight: bold;
}

.normalText a.greenLink::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .5em;
  height: .5em;
  border-top: solid 1px #117766;
  border-right: solid 1px #117766;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.normalText a.greenLink.textAnchor::before {
  -webkit-transform: rotate(135deg) translateY(50%);
  transform: rotate(135deg) translateY(50%);
}

.normalText a.greenLink[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: -1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .9em;
  height: .9em;
  background-image: url(/kamei/stera/resource/img/icon_external_link.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.normalText a.greenLink.pdfLink[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  right: -1.2em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  background-image: url(/kamei/stera/resource/img/icon_pdf_link.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

ul.normalList {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 1em;
}

ul.normalList li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 10px;
}

ul.normalList li::before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
}

ul.note {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto .5em;
}

ul.note.alignRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

ul.note li {
  font-size: 12px;
  position: relative;
  padding-left: 1.5em;
}

ul.note li.impText {
  color: red;
}

ul.note li.impText::before {
  color: red;
}

ul.note li::before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
}

.noticeWrapper {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.noticeWrapper .notice {
  background-color: #dfeee5;
  padding: 40px 60px;
  width: 100%;
  margin: 2em auto;
}

.noticeWrapper .notice p {
  margin: 0;
}

.noticeWrapper .notice .noticeHeading {
  font-size: 22px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: .5em;
}

.noticeWrapper .notice .noticeText {
  font-size: 16px;
}

.verticalItem {
  width: 1080px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.verticalItem .verticalItemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 0%;
  width: 30%;
}

.verticalItem .verticalItemInner .verticalItemCap {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 2.2rem;
}

.verticalItem .verticalItemInner img {
  width: 315px;
}

.horizontalItem {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.horizontalItem.dashboard, .horizontalItem.gateway {
  max-width: 890px;
}

.horizontalItem.dashboard .horizontalTextItem, .horizontalItem.dashboard .horizontalImgItem, .horizontalItem.gateway .horizontalTextItem, .horizontalItem.gateway .horizontalImgItem {
  width: 50%;
}

.horizontalItem.dashboard .horizontalTextItem, .horizontalItem.gateway .horizontalTextItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.horizontalItem.gateway {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.horizontalItem.gateway .horizontalTextItem {
  margin-left: 0;
  margin-right: 40px;
}

.horizontalItem .horizontalImgItem {
  width: 315px;
  min-width: 315px;
}

.horizontalItem .horizontalImgItem img {
  display: block;
}

.horizontalItem .horizontalTextItem {
  margin-left: 30px;
  min-height: 0%;
}

.horizontalItem .horizontalTextItem h3.h3_title {
  font-size: 22px;
  margin-bottom: 2.5rem;
}

.borderBoxWrapper {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.borderBoxWrapper .borderBox {
  width: 100%;
  margin: 2em auto;
  border: solid 1px black;
}

.borderBoxWrapper .borderBox .horizontalItem {
  padding: 30px;
  margin-bottom: 0;
}

.borderBoxWrapper .borderBox h3.h3_title {
  margin-top: 0;
  font-weight: bold;
}

@media screen and (min-width: 768px) and (max-width:1090px){
  
  .mod_accordion {
    width: 100%;
  }
  .accordion {
    margin-top: 20px;
    height: auto;
  }
  .accordion_item.answer {
    margin: 1em 0;
    width: 100%;
  }
  .accordion_item.answer.is_open {
    min-height: auto;
  }
  .accordion.question {
    width: 100%;
    padding-left: 3.5em;
    min-height: 4em;
    height: auto;
    line-height: unset;
    margin-top: 0;
    margin-bottom: 1em;
  }
  .accordion.question .normalText {
    padding-right: 50px;
  }
  .accordion_item {
    width: 100%;
  }
  .accordion_item h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .accordion_item p {
    margin-top: 0;
  }
  .accordion_item table {
    width: 100%;
  }
  .accordion_item table tbody {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .accordion_item table tbody tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .accordion_item table tbody tr th, .accordion_item table tbody tr td {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
  }
}
@media screen and (max-width: 768px) {
  .breadCrum {
    width: 100%;
    padding: 0 6.5%;
    margin-top: 70px;
  }
  #anchorLink {
    width: 100%;
  }
  #anchorLink .anchorLinkListInner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #anchorLink .anchorLinkListInner .anchorLinkListItem {
    width: 100%;
    margin: 0;
    margin-bottom: 5vw;
  }
  .mod_accordion {
    width: 100%;
  }
  .accordion {
    margin-top: 20px;
    height: auto;
  }
  .accordion_item.answer {
    margin: 1em 0;
    width: 100%;
  }
  .accordion_item.answer.is_open {
    min-height: auto;
  }
  .accordion.question {
    width: 100%;
    padding-left: 3.5em;
    min-height: 4em;
    height: auto;
    line-height: unset;
    margin-top: 0;
    margin-bottom: 1em;
  }
  .accordion.question .normalText {
    padding-right: 50px;
  }
  .accordion_item {
    width: 100%;
  }
  .accordion_item h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .accordion_item p {
    margin-top: 0;
  }
  .accordion_item table {
    width: 100%;
  }
  .accordion_item table tbody {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .accordion_item table tbody tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .accordion_item table tbody tr th, .accordion_item table tbody tr td {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
  }
  .headerImg {
    width: 100%;
  }
  .headerImgTitle {
    position: relative;
    width: 100%;
  }
  .headerImgTitle img {
    width: 100%;
    padding-top: 5%;
  }
  .headerImgTitle .headerImgLogo {
    position: absolute;
    right: 0;
    left: 0;
    bottom: auto;
    top: auto;
    padding: 0;
    margin: auto;
  }
  .headerImgTitle.code .headerImgLogo {
    top: 0%;
    left: 0;
    padding: 0 6.5%;
    width: 100%;
  }
  .headerImgTitle.mobile .headerImgLogo {
    width: 100%;
    padding: 0 6.5%;
    left: 0;
    top: 5%;
  }
  .headerImgTitle.market {
    margin-bottom: calc(80px + 4em);
  }
  .headerImgTitle.market .headerImgLogo {
    top: 0%;
    left: 0;
    padding: 0 6.5%;
    width: 100%;
  }
  .headerImgTitle.terminal {
    padding: 0 6.5%;
  }
  .headerImgTitle.terminal .headerImgLogo {
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
  }
  .headerImgTitle.transit {
    padding: 0 6.5%;
  }
  .innerBlock {
    width: 100%;
    margin-bottom: 30px;
  }
  section.h2Block, div.Wrapper {
    width: 100%;
    padding: 0 6.5%;
    margin-bottom: 100px;
  }
  .leadBlock {
    width: 100%;
    padding: 0 6.5%;
    margin: 0 auto 80px;
  }
  section.h2Block.fullWidthContents {
    padding: 0;
    margin-bottom: 100px;
  }
  section.h2Block.fullWidthContents h2.h2_title {
    padding: 0 6.5%;
  }
  h1.h1_title {
    margin: 1.4em 0 10vw;
    font-size: 8.5vw;
  }
  h4.h4_title {
    font-size: 4.2vw;
  }
  h5.h5_title {
    font-size: 3vw;
    font-weight: bold;
  }
  ul.normalList li {
    margin-bottom: 1.5em;
  }
  .noticeWrapper {
    padding: 0 6.5%;
  }
  .noticeWrapper .notice {
    margin: 2em 0;
    padding: 6.5%;
  }
  .noticeWrapper .notice p {
    margin: 0;
  }
  .noticeWrapper .notice .noticeHeading {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: .5em;
  }
  .noticeWrapper .notice .noticeText {
    font-size: 1.4rem;
  }
  .verticalItem {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .verticalItem .verticalItemInner {
    width: 100%;
  }
  .verticalItem .verticalItemInner:not(:last-of-type) {
    margin-bottom: 12vw;
  }
  .verticalItem .verticalItemInner .verticalItemCap {
    text-align: left;
    font-size: 1.8rem;
  }
  .verticalItem .verticalItemInner img {
    width: 100%;
  }
  .horizontalItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .horizontalItem.dashboard, .horizontalItem.gateway {
    max-width: 890px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .horizontalItem.dashboard .horizontalTextItem, .horizontalItem.dashboard .horizontalImgItem, .horizontalItem.gateway .horizontalTextItem, .horizontalItem.gateway .horizontalImgItem {
    width: 100%;
  }
  .horizontalItem.dashboard .horizontalTextItem, .horizontalItem.gateway .horizontalTextItem {
    margin: 0;
  }
  .horizontalItem.dashboard .horizontalImgItem {
    margin-bottom: 2em;
  }
  .horizontalItem .horizontalImgItem {
    margin: 0 auto;
    width: 100%;
    min-width: auto;
    min-height: 0%;
  }
  .horizontalItem .horizontalTextItem {
    margin-left: 0;
  }
  .horizontalItem .horizontalTextItem h3.h3_title {
    font-weight: bold;
  }
  .borderBoxWrapper .borderBox {
    width: 100%;
    margin: 2em auto;
    border: solid 1px black;
  }
  .borderBoxWrapper .borderBox .horizontalItem {
    padding: 6.5%;
  }
  .borderBoxWrapper .borderBox h3.h3_title {
    margin-top: 0;
    margin-bottom: 1.5em;
    text-align: center;
    font-size: 4.5vw;
  }
  .borderBoxWrapper .borderBox ul.normalList {
    margin-bottom: 1.5em;
  }
  .borderBoxWrapper .borderBox ul.normalList li {
    margin-bottom: 1.2em;
  }
}

.pointerIsNone {
  pointer-events: none;
}

.underline {
  text-decoration: underline !important;
}

.companyWithLines {
  padding-bottom: 4em;
  border-bottom: 1px solid #eee !important;
}

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

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

.fs1_2em {
  font-size: 1.2em !important;
}

.mab1em {
  margin-bottom: 1em !important;
}

.mab2em {
  margin-bottom: 2em !important;
}

.mab3em {
  margin-bottom: 3em !important;
}

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

.mab13rem {
  margin-bottom: 13rem !important;
}

.mat1em {
  margin-top: 1em !important;
}

.mat2em {
  margin-top: 2em !important;
}

.mat3em {
  margin-top: 3em !important;
}

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

.caption {
  font-size: 22px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .noWrap {
    padding: 0 6.5% !important;
  }
  .nopadding {
    padding: 0 !important;
  }
  ul.note.appLineupNote {
    margin-top: 10px;
  }
  .caption {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.active {
  display: block;
}
/*# sourceMappingURL=style.css.map */