@charset "UTF-8";
/*h2*/
.ncH2 {
  text-align: center;
  position: relative;
  padding-bottom: calc(8px * 2);
  background-image: url("/wp-content/package/common/img/bg-h2.svg?uo58aa44e");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 50px 8px; }

/*H2サブ*/
.ncH2_sub {
  color: #f77907;
  font-weight: bold; }

/*h3*/
h3.underline {
  display: flex;
  justify-content: center;
  color: inherit;
  font-size: 22px;
  text-align: center; }
  h3.underline span {
    border-bottom: 2px solid #f77907;
    padding-bottom: 0.5em; }
h3.ncH3 {
  color: inherit; }

.shadow--border {
  position: relative;
  padding: calc(8px * 3);
  margin-right: 26px;
  margin-bottom: 26px;
  background-color: #fff;
  border: 2px solid #E4E4E4; }
  .shadow--border__content {
    position: relative;
    z-index: 1; }
  .shadow--border::after {
    position: absolute;
    right: -26px;
    bottom: -26px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url("/wp-content/package/common/img/bg-border.png?uo58aa44f");
    background-repeat: repeat;
    background-size: 100%; }

@media (min-width: 768px) {
  .ncTable > dl {
    border-top: 1px solid #BFBFBF; }
    .ncTable > dl:last-of-type {
      border-bottom: 1px solid #BFBFBF; } }
.ncTable__dt {
  background-color: #fff3e4; }

.wpcf7-form .form-title.must::after,
.wpcf7-form .wpcf7-form legend.must::after {
  background-color: #f77907; }

.recaptcha a {
  color: #333; }

.footer-widget .column-4:last-of-type .widget_custom_html {
  margin-bottom: 1em; }
  .footer-widget .column-4:last-of-type .widget_custom_html img {
    max-width: 280px; }

#contents .sec_inner {
  padding-top: calc(8px * 8);
  padding-bottom: calc(8px * 8); }

.bg_diagon {
  background-image: url("/wp-content/package/common/img/bg_diagon.svg?uo58aa44p"); }

/* 横スクロール可能なコンテナ */
.scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /* iOS の慣性スクロール */ }
  .scroll-container img {
    display: inline-block;
    max-width: none;
    /* 元の幅を維持 */
    width: 976px; }

@media (max-width: 767px) {
  .scrollable {
    padding: 5.4vw; } }