/* COMPASS
 * ----------------------------------------------- */
/* BASE
 * ----------------------------------------------- */
/* MEDIA QUERIES
 * ----------------------------------------------- */
/* amp
 * ----------------------------------------------- */
html[amp] .header-logo apm-img {
  height: 19px;
}
html[amp] .lazyload {
  opacity: 1;
}
html[amp] .non-amp {
  display: none !important;
}
html[amp] .top-slider-tab .tabs {
  display: none;
}
html[amp] .amp-accordion-label,
html[amp] .submenu-toggle-label,
html[amp] .popup-close-label {
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
html[amp] .amp-accordion:checked ~ .answer,
html[amp] .amp-accordion:checked ~ .solution {
  display: block;
}
html[amp] .amp-accordion:checked ~ .question,
html[amp] .amp-accordion:checked ~ .heading {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
html[amp] .amp-accordion:checked ~ .question::after {
  background-image: url(../img/common/btn_propagation_close.png);
}
html[amp] .amp-accordion:not(:checked) ~ .question::after {
  background-image: url(../img/common/btn_propagation_open.png);
}
html[amp] header .navigation {
  display: block;
  height: 0;
  transition: height 0.25s ease;
}
html[amp] header .menu-toggle-label {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 10;
}
html[amp] .menu-toggle:checked ~ .navigation {
  height: 100%;
}
html[amp] .menu-toggle:checked + .header-top .btn-menu span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 0.75s forwards;
  animation: active-menu-bar01 0.75s forwards;
}
html[amp] .menu-toggle:checked + .header-top .btn-menu span:nth-of-type(2) {
  -webkit-animation: active-menu-bar02 0.75s forwards;
  animation: active-menu-bar02 0.75s forwards;
}
html[amp] .has-sub .link-nav {
  position: relative;
}
html[amp] .submenu-toggle:checked ~ .sub-nav {
  display: block;
}
html[amp] .submenu-toggle:checked ~ .link-nav {
  background-image: url("../img/common/acc_close.png");
}
html[amp] .submenu-toggle:not(:checked) ~ .link-nav {
  background-image: url("../img/common/acc_open.png");
}
html[amp] .top-slider-tab .tab-content:nth-child(2) {
  display: block;
  position: relative;
}
html[amp] .popup-consultation {
  opacity: 1;
  transform: translateY(0);
}
html[amp] .popup-close-label {
  border-radius: 50%;
  cursor: pointer;
}
html[amp] .popup-close:checked + .popup-consultation {
  opacity: 0;
  transform: translateY(200px);
}
html[amp] .design-slider .slide-item {
  position: relative;
  height: 365px;
  padding-top: 0;
}
html[amp] .design-slider .slide-item:not(:first-child) {
  display: none;
}
html[amp] .design-slider .slide-item .container {
  padding-top: 30px;
  position: relative;
  height: 365px;
}
html[amp] .design-slider .slide-item .slide-text {
  font-weight: 700;
}
html[amp] .section-list.is-codingrules amp-img {
  position: relative;
}
html[amp] .sec-kv-pagespeed .container {
  z-index: 1;
}
html[amp] .sec-pagespeed-overview .measure-item {
  overflow: hidden;
}
html[amp] .sec-pagespeed-overview .amp-accordion:checked ~ .heading,
html[amp] .sec-pagespeed-overview .amp-accordion:checked ~ .solution {
  background-color: #f0e9f9;
  transition: background-color 0.2s;
}
html[amp] .sec-pagespeed-overview .amp-accordion:checked ~ .heading::after {
  border-top: 0;
  border-bottom: 7px solid #9013fe;
}
html[amp] .chart-info .numbers {
  display: inline-block;
  width: 100px;
  position: relative;
  text-indent: -9999px;
  line-height: 1;
  font-family: "Helvetica Neue", sans-serif;
}
html[amp] .chart-info .numbers::after {
  content: attr(data-odo);
  position: absolute;
  top: calc(50% + 4px);
  right: 0;
  transform: translateY(-50%);
  text-indent: 0;
}
html[amp] .section-chart .project-chart {
  overflow: auto hidden;
}
html[amp] .section-chart li[data-percent^="1"] {
  width: 10%;
}
html[amp] .section-chart li[data-percent^="2"] {
  width: 20%;
}
html[amp] .section-chart li[data-percent^="3"] {
  width: 30%;
}
html[amp] .section-chart li[data-percent^="4"] {
  width: 40%;
}
html[amp] .section-chart li[data-percent^="5"] {
  width: 50%;
}
html[amp] .section-chart li[data-percent^="6"] {
  width: 60%;
}
html[amp] .section-chart li[data-percent^="7"] {
  width: 70%;
}
html[amp] .section-chart li[data-percent^="8"] {
  width: 80%;
}
html[amp] .section-chart li[data-percent^="9"] {
  width: 90%;
}
html[amp] .section-chart li[data-percent^="100"] {
  width: 100%;
}
html[amp] .section-chart li[data-percent^="63"] {
  width: 63%;
}
html[amp] .section-chart li[data-percent^="61"] {
  width: 61%;
}
html[amp] .section-chart li[data-percent^="59"] {
  width: 59%;
}
html[amp] .section-chart li[data-percent^="56"] {
  width: 56%;
}
html[amp] .section-chart li[data-percent^="53"] {
  width: 53%;
}
html[amp] .section-chart li[data-percent^="46"] {
  width: 46%;
}
html[amp] .section-chart li[data-percent^="43"] {
  width: 43%;
}
html[amp] .section-chart li[data-percent^="37"] {
  width: 37%;
}
html[amp] .section-chart li[data-percent^="36"] {
  width: 36%;
}
html[amp] .section-chart li[data-percent^="35"] {
  width: 35%;
}
html[amp] .section-chart li[data-percent^="32"] {
  width: 32%;
}
html[amp] .section-chart li[data-percent^="26"] {
  width: 26%;
}
html[amp] .section-chart li[data-percent^="21"] {
  width: 21%;
}
html[amp] .section-chart li[data-percent^="19"] {
  width: 19%;
}
html[amp] .section-chart li[data-percent^="17"] {
  width: 17%;
}
html[amp] .section-chart li[data-percent^="12"] {
  width: 12%;
}
html[amp] .projects-ordered {
  padding: 0;
}
html[amp] .projects-ordered .project-item {
  width: 93%;
  margin: 40px auto 60px;
  padding: 20px 15px;
}
html[amp] .section-web-access .amp-accordion:checked ~ .tbody {
  display: block;
}
html[amp] .section-web-access .amp-accordion:checked ~ .thead .icon {
  background-image: url(../img/common/ico_accordition_01.png);
}
html[amp] .section-web-access .amp-accordion:not(:checked) ~ .tbody {
  display: none;
}
html[amp] .section-web-access .amp-accordion:not(:checked) ~ .thead .icon {
  background-image: url(../img/common/ico_accordition_02.png);
}
html[amp] .refreshcoding-block-faq .amp-accordion:checked ~ .tbody {
  display: block;
}
html[amp] .refreshcoding-block-faq .amp-accordion:checked ~ .thead .icon {
  background-image: url(../img/refreshcoding/ico_accordition_01.png);
}
html[amp] .refreshcoding-block-faq .amp-accordion:not(:checked) ~ .tbody {
  display: none;
}
html[amp] .refreshcoding-block-faq .amp-accordion:not(:checked) ~ .thead .icon {
  background-image: url(../img/refreshcoding/ico_accordition_02.png);
}
html[amp] .sec-kv-enterprise .img {
  float: none;
}
html[amp] .faq-enterprise .amp-accordion:checked ~ .question,
html[amp] .faq-javascript .amp-accordion:checked ~ .question {
  transition: background-color 0.25s ease;
  background-color: #fdfada;
}
html[amp] .section-ecommerce-faq .amp-accordion:checked ~ .item-answer {
  display: block;
}
html[amp] .section-ecommerce-faq .amp-accordion:checked ~ .item-question::after {
  border-width: 0 7.5px 12px 7.5px;
  border-color: transparent transparent #c11c1f transparent;
}
html[amp] .section-ecommerce-faq .amp-accordion:not(:checked) ~ .item-answer {
  display: none;
}

/*# sourceMappingURL=amp.css.map */