/* Support - title */
.spt-main h1.title {
  padding: 1rem 1rem 0.4rem;
  background: #fccfe3;
  color: #ef3685;
  font-weight: bold;
  line-height: 1;
}
.spt-main h1.title .icon {
  margin: -0.1rem 0.25rem 0 0;
  color: #ef3685;
}

.spt-main h2.subtitle.is-2 {
  position: relative;
  margin-bottom: 0;
}

.spt-main h2.subtitle.is-3 {
  margin-bottom: 0.5rem;
  padding: 0.2rem 0;
  border-bottom: 2px solid #f35b9c;
  color: #f35b9c;
  font-weight: bold;
}
.spt-main h2.subtitle.is-3 .icon {
  margin: -0.5rem 0.2rem 0 0;
}

.spt-main h3.subtitle {
  margin-bottom: 0;
}

/* Support - body */
.spt-section:last-of-type {
  padding-bottom: 0;
}

/* Support - lead */
.content .spt-lead {
  margin: 0;
}
.content .spt-lead .spt-lead-img {
  float: left;
  width: calc(100% / 3 - 1.5rem);
  margin: 0 0.75rem 0.75rem;
}
@media screen and (max-width: 640px) {
  .content .spt-lead .spt-lead-img {
    float: none;
    width: calc(100% - 1.5rem);
  }
}
.content .spt-lead .spt-lead-img img {
  vertical-align: bottom;
}
.content .spt-lead .spt-lead-text {
  float: left;
  width: calc(100% / 3 * 2 - 1.5rem);
  margin: 0 0.75rem 0.75rem;
}
@media screen and (max-width: 640px) {
  .content .spt-lead .spt-lead-text {
    float: none;
    width: calc(100% - 1.5rem);
    margin: 0.75rem;
  }
}
.content .spt-lead .spt-lead-contacts {
  float: left;
  width: calc(100% / 3 * 2 - 1.5rem);
  margin: 0.75rem;
  background: #eee;
}
@media screen and (max-width: 999px) {
  .content .spt-lead .spt-lead-contacts {
    width: calc(100% - 1.5rem);
    margin: 0 0.75rem;
  }
}
@media screen and (max-width: 640px) {
  .content .spt-lead .spt-lead-contacts {
    display: block;
  }
}
.content .spt-lead .spt-lead-contacts .column {
  padding: 0.5rem 0.25rem;
}
.content .spt-lead .spt-contact {
  position: relative;
  height: 100%;
  padding: 0.75rem 0.5rem;
  background: #fff;
}
@media screen and (max-width: 640px) {
  .content .spt-lead .spt-contact {
    display: block;
  }
}
.content .spt-lead .spt-contact p {
  width: 14rem;
  font-weight: bold;
}
.content .spt-lead .spt-contact p .icon {
  float: left;
  margin-right: 0.25rem;
}
.content .spt-lead .spt-contact p span:not(.icon) {
  text-align: left;
  line-height: 1.2;
}
.content .spt-lead .spt-contact .button .icon {
  margin: 0.1rem 0.25rem -0.1rem 0;
}
.content .spt-lead .spt-contact.spt-contact-inquiry {
  margin: 0 0.25rem;
}
.content .spt-lead .spt-contact.spt-contact-inquiry p {
  margin: 0 auto;
  color: #4ea6b9;
}
.content .spt-lead .spt-contact.spt-contact-inquiry p .icon {
  margin-top: 0.3rem;
}
.content .spt-lead .spt-contact.spt-contact-tel {
  margin-right: 0.25rem;
}
@media screen and (max-width: 640px) {
  .content .spt-lead .spt-contact.spt-contact-tel {
    margin: 0.2rem 0.5rem 0.5rem;
  }
}
.content .spt-lead .spt-contact.spt-contact-tel p {
  margin: 1.1rem auto;
  color: #00c300;
}
.content .spt-lead .spt-contact.spt-contact-tel p .icon {
  margin: -0.2rem 0 0;
}
.content .spt-lead .spt-contact.spt-contact-tel .is-small {
  display: inline-block;
  width: 100%;
  text-align: center;
}

/* Support - notices */
.spt-notices {
  width: 90%;
  margin: 0 auto;
  padding: 1.25rem;
  background: #fef5f9;
}
@media screen and (max-width: 768px) {
  .spt-notices {
    width: 100%;
  }
}
.spt-notices dl {
  margin-bottom: 0.75rem;
  border-bottom: 1px dashed #f35b9c;
}
.spt-notices dt,
.spt-notices dd {
  float: left;
  padding: 0.75rem 0;
  border-top: 1px dashed #f35b9c;
}
.spt-notices dt:first-of-type,
.spt-notices dd:first-of-type {
  border: 0;
}
@media screen and (max-width: 640px) {
  .spt-notices dt,
  .spt-notices dd {
    float: none;
  }
}
.spt-notices dt {
  clear: both;
  width: 11rem;
  padding-right: 1rem;
}
@media screen and (max-width: 640px) {
  .spt-notices dt {
    width: auto;
  }
}
.spt-notices dt .icon {
  color: #f35b9c;
}
.spt-notices dd {
  width: calc(100% - 11rem);
}
@media screen and (max-width: 640px) {
  .spt-notices dd {
    width: auto;
    padding-top: 0;
    border: 0;
  }
}

/* Support - menu */
.spt-menu-head {
  border-radius: 3px;
}
.spt-menu-head h2 {
  padding: 0.9rem 1.25rem;
}
.spt-menu-head h2 strong {
  display: inline-block;
  padding: 0.3rem 0 0;
  font-size: 1.3rem;
  font-weight: bold;
}
.spt-menu-head h2 .is-small {
  display: inline-block;
  padding-left: 0.5rem;
}
@media screen and (max-width: 850px) {
  .spt-menu-head h2 .is-small {
    display: block;
    padding: 0.75rem 0 0;
  }
}
.spt-menu-head h2 img {
  vertical-align: bottom;
}

.spt-menu-inner {
  padding: 1rem 0.75rem;
}
.spt-menu-inner ul.columns {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .spt-menu-inner ul.columns {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .spt-menu-inner ul.columns .is-half-tablet {
    width: 100%;
    padding: 0.75rem 0;
  }
}
.spt-menu-inner ul.columns li + li {
  margin-top: 0;
}
.spt-menu-inner .button {
  padding: 0.6rem 0.5rem;
}
.spt-menu-inner .button .is-long {
  display: inline-block;
  margin: -0.1rem 0 -0.2rem;
  text-align: left;
  line-height: 1.1;
}
.spt-menu-inner .button .icon:first-child:not(:last-child) {
  margin-top: 0.21rem;
}

.spt-menu-guide {
  border: 2px solid #ee3b3b;
  background: #fef5f5;
}
.spt-menu-guide h2 {
  border-bottom: 2px solid #ee3b3b;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbcfcf));
  background: linear-gradient(to bottom, #fff 0%, #fbcfcf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#fbcfcf',GradientType=0);
}
.spt-menu-guide h2 strong {
  color: #ee3b3b;
}
.spt-menu-guide h3 {
  margin: 0 0.75rem;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid #ee3b3b;
  color: #ee3b3b;
  font-weight: bold;
}
.spt-menu-guide .button .icon {
  color: #ee3b3b;
}
.spt-menu-guide .spt-guide-faq {
  padding-bottom: 0.5rem;
}
.spt-menu-guide .spt-guide-faq li {
  padding-bottom: 0;
}
.spt-menu-guide .spt-guide-faq a, .spt-menu-guide .spt-guide-faq a:hover, .spt-menu-guide .spt-guide-faq a:active, .spt-menu-guide .spt-guide-faq a:visited {
  color: #555;
}
.spt-menu-guide .spt-guide-faq .icon {
  margin: 0.2rem 0.25rem 0 0;
  color: #ee3b3b;
}

.spt-menu-shop {
  border: 2px solid #ff701a;
  background: #fff0e7;
}
.spt-menu-shop h2 {
  border-bottom: 2px solid #ff701a;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffdcc7));
  background: linear-gradient(to bottom, #fff 0%, #ffdcc7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ffdcc7',GradientType=0);
}
.spt-menu-shop h2 strong {
  color: #ff701a;
}
.spt-menu-shop h2 .spt-menu-head-button {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
}
@media screen and (max-width: 640px) {
  .spt-menu-shop h2 .spt-menu-head-button {
    position: static;
    display: block;
    margin: 0.5rem auto 0;
    text-align: center;
  }
}
.spt-menu-shop .button .icon {
  color: #ff701a;
}

.spt-menu-kaizen {
  border: 2px solid #f35b9c;
  border-radius: 6px;
  background: #fff9e0;
}
.spt-menu-kaizen h2 {
  margin: 1rem 0.5rem 0.5rem;
  color: #f35b9c;
  font-weight: bold;
}
.spt-menu-kaizen h2 .icon {
  margin: -0.1rem 0.25rem 0 0;
  color: #f35b9c;
}

/* Support - buttons */
a.button.spt-button {
  border: 0;
  -webkit-box-shadow: 0px 3px 5px 0 rgba(51, 51, 51, 0.8);
          box-shadow: 0px 3px 5px 0 rgba(51, 51, 51, 0.8);
  color: #fff;
  font-weight: bold;
}
a.button.spt-button:hover, a.button.spt-button:visited, a.button.spt-button:active {
  color: #fff;
}
a.button.spt-button:hover, a.button.spt-button:active {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
a.button.spt-button .icon {
  margin-top: -0.1rem;
  color: #fff;
}
a.button.spt-button-inquiry {
  background: #4ea6b9;
  background: -webkit-gradient(linear, left top, left bottom, from(#7dc9d9), to(#3e92a5));
  background: linear-gradient(to bottom, #7dc9d9 0%, #3e92a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7dc9d9',endColorstr='#3e92a5',GradientType=0);
}
a.button.spt-button-line {
  background: #4ac81d;
  background: -webkit-gradient(linear, left top, left bottom, from(#73db4d), to(#46bc1c));
  background: linear-gradient(to bottom, #73db4d 0%, #46bc1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73db4d',endColorstr='#46bc1c',GradientType=0);
}

.spt-section p.has-text-right {
  margin-top: 1rem;
}
@media screen and (max-width: 640px) {
  .spt-section p.has-text-right {
    text-align: left;
  }
}