@charset "UTF-8";
* {
  outline: unset;
  box-sizing: border-box;
  font-feature-settings: "palt";
}

html {
  color: #000;
  background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
  border: none;
  outline: none;
}

legend {
  color: #000;
}

#yui3-css-stamp.cssreset {
  display: none;
}

body {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

table, tbody, thead {
  width: 100%;
}

button {
  border: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

* {
  font-family: "Noto Sans JP", sans-serif;
}

.l_container_lg {
  width: calc(100% - 80px);
  max-width: 1200px;
  margin: 0 auto;
}

a {
  text-decoration: none;
  color: inherit;
}

* {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  color: #000;
  font-size: 16px;
  position: relative;
}

.view-hidden {
  width: 100vw;
  overflow: hidden;
}

img {
  width: 100%;
  height: auto;
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
  gap: 8px;
}
.wp-pagenavi span, .wp-pagenavi a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 0 0 2px 0;
  font-weight: normal;
}
.wp-pagenavi span.current {
  border-color: #000;
}

.hero-bg {
  background: linear-gradient(rgba(37, 99, 235, 0.8), rgba(59, 130, 246, 0.8)), url(../img/mv_bg.jpeg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .hero-bg {
    background-attachment: unset;
  }
}

.gradient-text {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.skill-icon {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}

html {
  scroll-behavior: smooth;
}

.pricing-table-wrap {
  overflow: scroll;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -2px rgba(0, 0, 0, 0.0509803922);
  border-radius: 0.5rem;
}

.pricing-table {
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
  min-width: 850px;
}
.pricing-table.table02 td:nth-child(1) {
  background-color: #f8fafc;
  width: 250px;
}

.pricing-table th,
.pricing-table td {
  border: 1px solid #e5e7eb;
  padding: 12px;
  text-align: left;
}

.pricing-table th {
  background-color: #f9fafb;
  font-weight: 600;
}

.pricing-table tr:nth-child(even) {
  background-color: #f8fafc;
}

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
  .hero-bg {
    background-attachment: scroll;
  }
}
.mv_catchcopy {
  line-height: 1.25;
}

.list-origin li {
  padding-left: 1.1em;
  position: relative;
}
.list-origin li::before {
  content: "⚫︎";
  font-size: inherit;
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1023px) {
  .g-nav {
    position: fixed;
    top: 64px;
    right: 0;
    width: 250px;
    height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.95);
    transform: translateX(100%);
  }
}
.g-nav.is-active {
  transform: translate(0);
}
@media (max-width: 1023px) {
  .g-nav a {
    font-size: 1.5rem;
  }
}

.ham-btn {
  cursor: pointer;
}
.ham-btn.open span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 7px);
}
.ham-btn.open span:nth-child(2) {
  width: 0;
}
.ham-btn.open span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.faq-item.is-active i.fas {
  transform: rotate(-180deg);
}

.works-thumbnail {
  aspect-ratio: 16/9;
}

.submit-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.wpcf7-spinner {
  position: absolute !important;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #fff !important;
}

form.wpcf7-form p br {
  display: none;
}

.u_dblock_pc {
  display: block;
}
.u_dblock_tb {
  display: none;
}
@media (max-width: 1023px) {
  .u_dblock_tb {
    display: block;
  }
}
.u_dblock_sp {
  display: none;
}
@media (max-width: 768px) {
  .u_dblock_sp {
    display: block;
  }
}

.u_dnone_pc {
  display: none;
}
@media (max-width: 1023px) {
  .u_dnone_tb {
    display: none;
  }
}
@media (max-width: 768px) {
  .u_dnone_sp {
    display: none;
  }
}

.u_break_tb {
  display: none;
}
@media (max-width: 1023px) {
  .u_break_tb {
    display: block;
  }
}
.u_break_sp {
  display: none;
}
@media (max-width: 768px) {
  .u_break_sp {
    display: block;
  }
}

.u_break_tb {
  display: none;
}
@media (max-width: 1023px) {
  .u_break_tb {
    display: block;
  }
}
.u_break_sp {
  display: none;
}
@media (max-width: 768px) {
  .u_break_sp {
    display: block;
  }
}
.u_break_ssp {
  display: none;
}
@media (max-width: 560px) {
  .u_break_ssp {
    display: block;
  }
}

@media (max-width: 1023px) {
  .u_break-none_tb {
    display: none;
  }
}
@media (max-width: 768px) {
  .u_break-none_sp {
    display: none;
  }
}
@media (max-width: 560px) {
  .u_break-none_ssp {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */