@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

::before,
::after {
  box-sizing: inherit;
  text-decoration: inherit;
  vertical-align: inherit;
}

b,
strong {
  font-weight: bold;
}

main {
  display: block;
}

ruby > rt {
  font-size: 50%;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
}

video {
  outline: none;
}

svg:not([fill]) {
  fill: currentColor;
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

/* Form */
button,
input,
optgroup,
select,
textarea {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

/* Show the overflow in IE. */
button,
input { /* Show the overflow in Edge. */
  overflow: visible;
}

/* Remove the inheritance of text transform in Edge, Firefox, and IE.  */
button,
select { /* Remove the inheritance of text transform in Firefox. */
  text-transform: none;
}

/* button */
button,
[type=button],
[type=reset],
[type=submit] {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: button;
}

[role=button] {
  cursor: pointer;
}

/* normalize 通り */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/* normalize 通り */
legend {
  display: table;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

input,
textarea,
select,
button {
  padding: 0.25em 0.5em;
  color: #333;
  border: 1px solid var(--dp2-color--border);
  border-radius: 0;
}

[type=color] {
  padding: 0;
}

[type=range] {
  vertical-align: middle;
}

/*
 * Accessibility
 */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
:root {
  --ark-mt: 2rem;
  --ark-mt--s: 1rem;
  --ark-mt--h: 2.5em;
  --ark-font_family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  --ark-font_size: min(16px, 4vw);
  --ark-line_height: 1.8;
  --ark-letter_spacing: .025em;
  --ark-padding--container: min(48px, 4vw);
  --ark-color--border: rgba(200, 200, 200, .5);
  --ark-color--border--table: #ededed;
  --ark-color--gray--hover: rgba(150, 150, 150, .05);
  --ark-opacity--thin: .75;
  --ark-header_height: 0px;
  --ark-header_height--fixed: 0px;
  --ark-adminbar_height: 0px;
  --ark-scrollbar_width: 0px;
  --ark-100vh: 100vh;
  --ark-fz--xs: .75em;
  --ark-fz--s: .9em;
  --ark-fz--n: 1rem;
  --ark-fz--m: 1.1em;
  --ark-fz--l: 1.25em;
  --ark-fz--xl: 1.5em;
  --ark-fz--xxl: 2em;
  --ark-fz--huge: 3em;
  --ark-submenu_btn_size: 1.75rem;
}

html {
  font-size: var(--ark-font_size);
  letter-spacing: var(--ark-letter_spacing);
}

body {
  --ark-offset--y: calc(var(--ark-adminbar_height) + var(--ark-header_height--fixed));
  --ark-height--full: calc(var(--ark-100vh, 100vh) - var(--ark-offset--y));
}

body.admin-bar {
  --ark-adminbar_height: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
  body.admin-bar {
    --ark-adminbar_height: var(--wp-admin--admin-bar--height, 46px);
  }
}

@supports (height: 100svh) {
  .l-main__body > .c-postContent > :first-child {
    --ark-100vh: 100svh; /* stylelint-disable-line */
  }
}

.l-header[data-overlay="1"] + .l-content .l-main__body > .c-postContent > :first-child {
  --ark-height--full: calc(var(--ark-100vh, 100vh) - var(--ark-adminbar_height));
}

.l-header:not([data-overlay]) + .l-content .l-main__body > .c-postContent > :first-child {
  --ark-height--full: calc(var(--ark-100vh, 100vh) - var(--ark-adminbar_height) - var(--ark-header_height));
}

body { /* stylelint-disable-line */
  --ark-color_main: var(--ark-color--main);
  --ark-color_text: var(--ark-color--text);
  --ark-color_link: var(--ark-color--link);
  --ark-color_bg: var(--ark-color--bg);
  --ark-color_gray: var(--ark-color--gray);
  --ark-hover_gray: var(--ark-color--gray--hover);
  --ark-color_border: var(--ark-color--border);
  --ark-pad--container: var(--ark-padding--container);
  --ark-container_width: var(--ark-width--container);
  --ark-article_width: var(--ark-width--article);
  --ark-slim_width: var(--ark-width--article--slim);
}

body {
  position: relative;
  min-width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  color: var(--dp2-color--text);
  font-weight: 400;
  font-size: 1rem;
  font-family: var(--dp2-font-family);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-color: var(--dp2-color--bg);
  -webkit-text-size-adjust: 100%;
}

a {
  color: var(--dp2-color--link);
}

/**
 * フロントはそのまま、エディターでは .editor-styles-wrapper でラップされる
 */
/* ---------- 見出し ---------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: var(--dp2-mt--h);
  font-weight: 700;
  line-height: 1.5;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}

/* ---------- 引用 ---------- */
blockquote {
  padding: 0.25em 1em;
  background: none;
  border-left: solid 2px var(--dp2-color--border);
  quotes: none;
}
blockquote cite {
  display: block;
  margin-top: 1em;
  font-size: 0.8em;
  opacity: 0.75;
}

/* ---------- テーブル ---------- */
table {
  width: 100%;
  max-width: 100%;
  text-align: left;
  border: none;
  border-top: solid 1px var(--dp2-color--border_table);
  border-right: solid 1px var(--dp2-color--border_table);
  border-collapse: collapse;
  border-spacing: 0;
}
table caption {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  opacity: var(--dp2-opacity--thin);
}

th,
td {
  padding: var(--dp2-padding--cell, 0.5em 0.75em) !important;
  vertical-align: top;
  word-break: break-all;
  border-bottom: solid 1px var(--dp2-color--border_table);
  border-left: solid 1px var(--dp2-color--border_table);
}

:where(thead) td,
:where(thead) th {
  color: #fff;
  background-color: var(--dp2-color--main);
}

:where(tbody) th {
  font-weight: bold;
  background-color: var(--dp2-color--gray);
}

/* ---------- pre ---------- */
pre,
code {
  -moz-tab-size: 4;
  tab-size: 4;
}

pre {
  padding: 1rem;
  overflow-x: auto;
  background-color: var(--dp2-color--gray);
}

:where(pre code) {
  font-size: 0.9rem;
  font-family: Menlo, Consolas, monaco, monospace;
}

/* ---------- 横線 ---------- */
hr:not(.wp-block-separator) {
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

/* ---------- インライン装飾 ---------- */
kbd,
:not(pre) > code {
  display: inline-block;
  margin: 0 0.25em;
  padding: 0.2em 0.5em;
  color: #3f3f3f;
  font-size: 0.9em;
  font-family: Menlo, Consolas, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: inherit;
  background: #edf0f3;
  border-radius: 3px;
}

kbd {
  background-color: #fbfbfb;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1);
}

small {
  font-size: 0.75em;
  opacity: var(--dp2-opacity--thin);
}

sup,
sub {
  font-size: 0.75em;
}

/* ---------- リスト ---------- */
ul,
ol {
  margin: 0;
  padding: var(--dp2-list-padding, 0 0 0 1.5em);
}
ul.has-background,
ol.has-background {
  padding: var(--dp2-list-padding--has_bg, 1em 1em 1em 2.25em);
}

/* ---------- その他 ---------- */
iframe {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/* Extend Utility
================================================== */
/* ark & wp block heading ------------------------------ */
.ark-block-heading {
  margin-top: 0;
  margin-bottom: 2rem;
  padding-top: 1rem;
}
.ark-block-heading .ark-block-heading__main {
  font-size: 2.1rem;
  font-weight: 500;
}
.ark-block-heading .ark-block-heading__sub {
  font-size: 1rem;
}
.ark-block-heading .ark-block-heading__line:before {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(24, 24, 48) 50%, rgba(255, 255, 255, 0) 100%);
  border-radius: var(--dp2-border--radius);
  height: 2px;
  width: 17em;
}
.ark-block-heading.ark-block-heading_wh .ark-block-heading__line:before {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
.ark-block-heading.ark-block-heading_wh .ark-block-heading__main {
  color: rgb(255, 255, 255);
}

.wp-block-heading {
  font-weight: 500;
}

.heading-border-left {
  padding-left: 1rem;
  border-left: 6px solid var(--dp2-color--main);
  line-height: 2rem;
}

/* table ------------------------------ */
.table table {
  background-color: var(--dp2-color--transparent_wh);
  backdrop-filter: blur(var(--dp2-backdrop-blur-radius));
  margin: 0 !important;
  border: none !important;
}
.table table tr th {
  font-weight: 600;
}
.table table tr th p {
  margin-bottom: 0 !important;
}
.table table tr th, .table table tr td {
  color: var(--dp2-color--main);
  background: rgba(255, 255, 255, 0.5);
  border: transparent !important;
  padding: 10px 15px !important;
}
.table table tr td {
  color: #555555;
  text-align: left;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.35);
}
.table table tr td:first-child {
  width: 35%;
  background: rgba(255, 255, 255, 0.5);
  font-weight: 600;
}
.table table tr td p {
  margin-bottom: 0 !important;
}

#information .wp-block-uagb-container {
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(var(--dp2-bacdrop-blur-radius));
  border-radius: var(--dp2-border--radius);
}

/* Store -> Price table  ------------------------------ */
/* Pricing ------------------------------ */
.pricing {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5rem;
}
.pricing .plan {
  flex-grow: 1;
  background-color: #fff;
  margin: 1rem 1rem 3rem 1rem;
  border-radius: 5px;
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
}
.pricing .plan h2 {
  font-size: 1.5rem;
  margin-bottom: 12px;
  padding: 1.5rem 2rem 1rem 2rem;
  color: #FFFFFF;
  background: var(--dp2-color--link);
  border-radius: var(--dp2-border--radius) var(--dp2-border--radius) 0 0;
}
.pricing .plan h2 div {
  font-size: 0.75rem;
  font-weight: 200;
}
.pricing .plan .eyecatch {
  color: var(--dp2-color--link);
  font-size: 5rem;
}
.pricing .plan .price {
  opacity: 0.9;
  margin: 0 1rem;
  font-size: 1.75rem;
  font-weight: 800;
}
.pricing .plan .price span {
  font-size: 1rem;
  font-weight: 400;
}
.pricing .plan ul.features {
  max-width: 300px;
  margin: auto;
  padding: 1rem 1.5rem;
  list-style-type: none;
  text-align: left;
}
.pricing .plan ul.features li {
  font-size: 0.9rem;
  margin: 0.5rem;
}
.pricing .plan ul.features li .fas {
  margin-right: 0.5rem;
}
.pricing .plan ul.features li .fa-check-circle,
.pricing .plan ul.features li .fa-circle-check {
  color: var(--dp2-color--link);
}
.pricing .plan ul.features li .fa-times-circle,
.pricing .plan ul.features li .fa-circle-xmark {
  color: var(--dp2-color--red);
}
.pricing .plan ul.features li span {
  font-weight: bold;
}
.pricing .plan button {
  border: none;
  width: calc(100% - 5rem);
  padding: 12px 35px;
  margin: 1rem 2.5rem 2.5rem 2.5rem;
  background-color: var(--dp2-color--link);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}
.pricing .plan.popular {
  border: 2px solid var(--dp2-color--link);
  position: relative;
  transform: scale(1.05);
  text-wrap: nowrap;
}
.pricing .plan.popular .svg-inline--fa {
  margin-right: 0.5rem;
}
.pricing .plan.popular .popular-notation {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Montserrat";
  color: #fff;
  padding: 4px 20px;
  font-size: 14px;
  background-color: var(--dp2-color--link);
  background: var(--dp2-color--main);
  border-radius: 5px;
}
.pricing .plan:hover {
  box-shadow: 5px 7px 67px -28px rgba(0, 0, 0, 0.37);
}
.pricing.enterprise .plan h2 {
  background: var(--dp2-color--main);
}
.pricing.enterprise .plan .eyecatch {
  color: var(--dp2-color--main);
}
.pricing.enterprise .plan button {
  background-color: var(--dp2-color--link);
}
.pricing.enterprise .plan.popular {
  border: 2px solid var(--dp2-color--main);
}
.pricing.enterprise .plan.popular .popular-notation {
  background-color: var(--dp2-color--link);
}

.invisible-btn {
  position: absolute;
  bottom: 0;
  left: 0;
}
.invisible-btn div a {
  background: transparent !important;
  color: transparent !important;
}

/* Utility ------------------------------ */
.border-box {
  padding: 1rem 1.5rem;
  border: solid 1px var(--dp2-color_transparent_bk);
  border-radius: var(--dp2-border--radius);
  font-size: 0.9rem;
}

.bg-transparent_wh {
  background: var(--dp2-color_transparent_wh_50);
}

.rounded,
.rounded:before {
  border-radius: var(--dp2-border--radius);
}

.text-shadow_wh,
.text-shadow_wh *:is(h1, h2, h3, h4, h5, h6) {
  text-shadow: var(--dp2-text-shadow-min_wh);
}

.text-shadow_bk,
.text-shadow_bk *:is(h1, h2, h3, h4, h5, h6) {
  text-shadow: var(--dp2-text-shadow-min_bk);
}

/* Extend Font
================================================== */
.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
}

.noto-serif-jp {
  font-family: "Noto Serif JP", serif;
}

.m-plus-1p {
  font-family: "M PLUS 1p", sans-serif;
}

.m-plus-1 {
  font-family: "M PLUS 1", sans-serif;
}

.m-plus-2 {
  font-family: "M PLUS 2", sans-serif;
}

.m-plus-1-code {
  font-family: "M PLUS 1 Code", monospace;
}

.ibm-plex-sans-jp {
  font-family: "IBM Plex Sans JP", sans-serif;
}

.shippori-mincho {
  font-family: "Shippori Mincho", serif;
  /* 400,500,600,700,800 */
}

.shippori-mincho-b1 {
  font-family: "Shippori Mincho B1", serif;
  /* 400,500,600,700 */
}

.zen-kaku-gothic-new {
  font-family: "Zen Kaku Gothic New", sans-serif;
  /* 300,400,500,700,900 */
}

.zen-maru-gothic {
  font-family: "Zen Maru Gothic", serif;
  /* 300,400,500,700,900 */
}

.zen-old-mincho {
  font-family: "Zen Old Mincho", serif;
  /* 400,500,600,700,900 */
}

.albert-sans {
  font-family: "Albert Sans", sans-serif;
  /* 100..900 */
}

.roboto {
  font-family: "Roboto", sans-serif;
  /* 100,300,400,500,700,900 */
}

.prompt {
  font-family: "Prompt", sans-serif;
  /* 100..900 */
}

/* Media query
================================================== */
/* variables
================================================== */
:root {
  --dp2-border-radius: 3px;
  --dp2-backdrop-blur-radius: 8px;
  --dp2-global-header-height: 72px;
  --ark-menulist-border: 1px solid #333;
  --dp2-mt: 2rem;
  --dp2-mt--s: 1rem;
  --dp2-mt--h: 2.5em;
  --dp2-container-max-width: 1200px;
  --dp2-logo-width: 160px;
  --dp2-logo-height: 60px;
  --dp2-logo-margin: 0.25rem;
  --dp2-global-menu-fz: 0.9rem;
  --dp2-nav-padding--XY: 0 0 !important;
  --dp2-nav-padding--X: 1rem;
  --dp2-nav-padding--Y: 1rem;
  --dp2-nav-padding--L: 1rem;
  --dp2-nav-padding--R: 1rem;
  --dp2-hero-height: 75vh;
  --dp2-list-padding: 0.25rem;
  --dp2-list-padding--has_bg: 0.25rem;
  --dp2-nav-fz: 1rem;
  --dp2-font-family: "Noto Sans JP", sans-serif;
  --dp2-opacity--thin: 0.9;
  --dp2-color--bg: #ffffff;
  --dp2-color--main: #222a2a;
  --dp2-color--text: #222a2a;
  --dp2-color--sub: #334040;
  --dp2-color--border: #8d8d8d;
  --dp2-color--border_table: #8d8d8d;
  --dp2-color--link_1: #73bb00;
  --dp2-color--link_2: #73bb00;
  --dp2-color_link: #1e293b;
  --dp2-color_link_hover: #77dd22;
  --dp2-color--red: #cc0000;
  --dp2-color--tatsumi-red: #bb0000;
  --dp2-color--shop-btn-gradient_1: #aa0000;
  --dp2-color--shop-btn-gradient_2: #dd0000;
  --dp2-color--shop-btn-gradient_3: #fafafa;
  --dp2-color--shop-btn-gradient_4: #e8e8e8;
  --dp2-color--gray: #8d8d8d;
  --dp2-color--gray_hover: #9d9d9d;
  --dp2-color--right-gray: #f7f7f7;
  --dp2-color--faq-question: #0982d3;
  --dp2-color--faq-answer: #ff2233;
  --dp2-color--transparent_wh: rgba(245, 250, 250, .25);
  --dp2-color--transparent_wh_50: rgba(245, 250, 250, .5);
  --dp2-color--transparent_wh_75: rgba(245, 250, 250, .75);
  --dp2-color--transparent_wh_95: rgba(245, 250, 250, .95);
  --dp2-color--transparent_bk: rgba(0, 0, 0, .25);
  --dp2-color--transparent_bk_50: rgba(0, 0, 0, .5);
  --dp2-color--transparent_bk_75: rgba(0, 0, 0, .75);
  --dp2-color--transparent_bk_95: rgba(0, 0, 0, .95);
  --dp2-color_transparent_wh_50: rgba(245, 250, 250, .5);
  --dp2-color_transparent_wh_75: rgba(245, 250, 250, .75);
  --dp2-color_transparent_bk: rgba(0, 0, 0, .25);
  --dp2-color_gray: #8d8d8d;
  --dp2-color_gray_hover: rgba(150, 150, 150, .05);
  --dp2-color_right-gray: #f7f7f7;
  --dp2-color_red: #cc0000;
  --dp2-color_red: #ea3333;
  --dp2-color_orange: #ea3333;
  --dp2-border_radius: 3px;
  --dp2-text_shadow_wh: rgba(255, 255, 255, .2) 1px 1px 5px;
  --dp2-text_shadow_bk: rgba(0, 0, 0, .2) 1px 1px 5px;
  --dp2-text-shadow-min_wh: 1px 1px 0 #ffffff1a;
  --dp2-text-shadow-min_bk: 1px 1px 0 #0000001a;
  --dp2-backdrop-blur_radius: 8px;
  --dp2-global-header_height: 64px;
  --dp2-color_main: #222a2a;
  --dp2-color_sub: #334040;
  --dp2-color_bg: #f7f8f8;
  --dp2-color_border: rgba(200, 200, 200, .5);
  --dp2-color_border_table: #ededed;
  --dp2-font-size: 16px;
  --dp2-font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --dp2-font-family_notosansjp: "Noto Sans JP", sans-serif;
  --dp2-font-family_notoserifjp: "Noto Serif JP", serif;
  --dp2-font-family_mplus1p: "M PLUS 1p", sans-serif;
  --dp2-font-family_mplus1: "M PLUS 1", sans-serif;
  --dp2-font-family_mplus2: "M PLUS 2", sans-serif;
  --dp2-font-family_mplus1code: "M PLUS 1 Code", monospace;
  --dp2-font-family_ibmplexjp: "IBM Plex Sans JP", sans-serif;
  --dp2-font-family_shipporimincho: "Shippori Mincho", serif;
  --dp2-font-family_shipporiminshob1: "Shippori Mincho B1", serif;
  --dp2-font-family_zenkakugothicnew: "Zen Kaku Gothic New", sans-serif;
  --dp2-font-family_zenmarugothic: "Zen Maru Gothic", serif;
  --dp2-font-family_zenoldmincho: "Zen Old Mincho", serif;
  --dp2-font-family_albertsans: "Albert Sans", sans-serif;
  --dp2-font-family_roboto: "Roboto", sans-serif;
  --dp2-font-family_prompt: "Prompt", sans-serif;
  --dp2-line-height: 1.5;
  --dp2-text_shadow--wh: rgba(255, 255, 255, .2) 1px 1px 5px;
  --dp2-text_shadow--bk: rgba(0, 0, 0, .2) 1px 1px 5px;
  --dp2-text-shadow-min--wh: 1px 1px 0 #ffffff1a;
  --dp2-text-shadow-min--bk: 1px 1px 0 #0000001a;
  --custom-color_main: #008080;
  --custom-color_main_hover:#009090;
  --custom-color_bg: #fdfdfd;
  --custom-color_transparent_wh: rgba(255,255,255,.15);
  --custom-color_transparent_bk: rgba(0,0,0,.35);
  --custom-color_gray: #8d8d8d;
  --custom-color_right-gray: #f7f7f7;
  --custom-border_radius: 3px;
  --custom-blur_radius: 10px;
}

/* Extend Plugins
================================================== */
/* WP Form ------------------------------ */
.wpforms-field-label {
  font-weight: bold !important;
  font-size: 0.95rem !important;
  border-left: solid 3px #333 !important;
  padding-left: 0.5rem !important;
}

.wpforms-required-label {
  color: #7ac500 !important;
}

.wpforms-field-email-primary,
.wpforms-field-email-secondary {
  margin-bottom: 0.5rem !important;
}

.wpforms-field-sublabel {
  margin-top: 0 !important;
}

.wpforms-field-sublabel.after {
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 100 !important;
}

.wpforms-field-container input,
.wpforms-field-container textarea {
  border-radius: var(--dp2-border-radius);
}

.wpforms-submit {
  padding: 0.5rem 2rem !important;
  background: #7ac500 !important;
}

.wpforms-submit:hover {
  background: #7ad633 !important;
}

#top .avia_codeblock_section .avia_textblock {
  color: #ffffff !important;
}

/* Contact Form 7 ------------------------------ */
.table.CF7 {
  margin-bottom: 0;
  border-radius: var(--dp2-border-radius) !important;
  background: transparent !important;
}
.table.CF7 tbody tr th, .table.CF7 tbody tr td {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.table.CF7 tbody tr th p {
  margin-bottom: 0;
}
.table.CF7 tbody tr th p span {
  font-size: small;
  font-weight: 300;
}
.table.CF7 tbody tr td p {
  margin-bottom: 0;
}

@media not all and (min-width: 920px) {
  .table.CF7 tr th, .table.CF7 tr td {
    display: block;
  }
  .table.CF7 tr th {
    padding-bottom: 0 !important;
  }
  .table.CF7 tr th p {
    margin-bottom: 0;
  }
  .table.CF7 tr td p {
    margin-bottom: 0;
  }
}
@media (min-width: 920px) {
  .table.CF7 tr th {
    min-width: 12rem !important;
    max-width: 14rem !important;
    width: 12rem;
  }
}
.CF7,
.CF7 tr,
.CF7 tr th,
.CF7 tr td {
  border-width: 0;
}

.CF7 tr th p,
.CF7 tr td p,
.CF7 tr td p span.wpcf7-form-control-wrap,
.CF7 tr td p span.wpcf7-form-control-wrap input,
.CF7 tr td p span.wpcf7-form-control-wrap select,
.CF7 tr td p span.wpcf7-form-control-wrap textarea {
  width: 100%;
  border-radius: var(--dp2-border-radius);
}

/* 入力欄 */
.CF7 input,
.CF7 textarea {
  border: 1px solid #d8d8d8;
}

.CF7 textarea {
  height: 9rem;
}

.CF7 button, .CF7 input, .CF7 select, .CF7 textarea {
  border: 1px solid var(--dp2-color--border);
  border-radius: 0;
  color: #333;
  padding: 0.25em 0.75em;
}
.CF7 input, .CF7 select {
  height: 2.5rem;
}
.CF7 input[name=your-name] {
  width: 60% !important;
}
.CF7 input[type=tel] {
  width: 60% !important;
}
.CF7 select[name=menu-875] {
  width: 60% !important;
}

.CF7 ::placeholder {
  color: #888;
}

.CF7_req,
.CF7_unreq {
  font-size: 0.75em;
  padding: 0.25rem 0.5rem;
  color: #fff;
  border-radius: var(--dp2-border-radius);
  margin-right: 0.5rem;
}

.CF7_req {
  background: #f79034;
}

.CF7_unreq {
  background: #bbb;
}

.CF7_btn {
  text-align: center;
  margin-top: 20px;
  color: #fff;
}
.CF7_btn input {
  border-radius: var(--dp2-border-radius);
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 0.75rem;
  font-weight: normal;
  display: block;
  letter-spacing: 0;
}

.wpcf7 input.wpcf7-submit {
  border: 0;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
  margin: 0 auto;
  padding: 0.75rem 2rem;
  background: var(--dp2-color--link);
}

.wpcf7-spinner {
  width: 0;
  margin: 0;
}

/* Google reCAPTCHA ------------------------------ */
.grecaptcha-container {
  font-size: 12px;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--dp2-color--border);
  border-radius: var(--dp2-border-radius);
}

.grecaptcha-badge {
  width: 256px;
  height: 60px;
  display: block;
  transition: right 0.3s ease 0s;
  position: fixed;
  bottom: 14px;
  right: -186px;
  box-shadow: gray 0px 0px 5px;
  border-radius: 2px;
  overflow: hidden;
  bottom: 6rem !important;
  box-shadow: var(--dp2-color--transparent_bk) 0px 0px 4px !important;
  border-radius: var(--dp2-border-radius) !important;
  z-index: 2;
}

/* FontAwesome ------------------------------ */
.svg-inline--fa {
  display: inline-block;
}

.p-breadcrumb__list .svg-inline--fa {
  margin: 0 0.25rem;
}

.woocommerce-page .p-breadcrumb__list .svg-inline--fa {
  margin: 0 0.35rem;
}

/* Popup Login ------------------------------ */
.xoo-el-inmodal .xoo-el-wrap .xoo-el-sidebar {
  background-image: url(https://office2125.com/wp-content/plugins/easy-login-woocommerce/assets/images/popup-sidebar.jpg);
  min-width: 40%;
}
/* Common var ------------------------------ */
:root {
  --dp2-border-radius: 3px;
  --dp2-backdrop-blur-radius: 8px;
  --dp2-global-header-height: 64px;
  --ark-menulist-border: 1px solid #333;
  --dp2-mt: 2rem;
  --do2-mt--s: 1rem;
  --ark-mt--h: 2.5em;
  --dp2-nav-padding--X: 1rem;
  --dp2-nav-padding--Y: 1rem;
  --dp2-nav-padding--L: 1rem;
  --dp2-nav-padding--R: 1rem;
  --dp2-list-padding: 0.25rem;
  --dp2-list-padding--has_bg: 0.25rem;
  --dp2-nav-fz: 1rem;
  --dp2-font-family: "Noto Sans JP", sans-serif;
  --dp2-opacity--thin: 0.9;
  --dp2-color--main: #222a2a;
  --dp2-color--text: #222a2a;
  --dp2-color--sub: #334040;
  --dp2-color--bg: #f7f8f8;
  --dp2-color--border: #8d8d8d;
  --dp2-color--border_table: #8d8d8d;
  --dp2-color--link: #73bb00;
  --dp2-color--red: #cc0000;
  --dp2-color--gray: #8d8d8d;
  --dp2-color--gray_hover: #9d9d9d;
  --dp2-color--right-gray: #f7f7f7;
  --dp2-color--transparent_wh_50: rgba(245, 250, 250, .5);
  --dp2-color--transparent_wh_75: rgba(245, 250, 250, .75);
  --dp2-color--transparent_bk: rgba(0, 0, 0, .25);
  --dp2-text_shadow--wh: rgba(255, 255, 255, .2) 1px 1px 5px;
  --dp2-text_shadow--bk: rgba(0, 0, 0, .2) 1px 1px 5px;
  --dp2-text-shadow-min--wh: 1px 1px 0 #ffffff1a;
  --dp2-text-shadow-min--bk: 1px 1px 0 #0000001a;
  --dp2-font-family--notosansjp: "Noto Sans JP", sans-serif;
  --dp2-font-family--notoserifjp: "Noto Serif JP", serif;
  --dp2-font-family--mplus1p: "M PLUS 1p", sans-serif;
  --dp2-font-family--mplus1: "M PLUS 1", sans-serif;
  --dp2-font-family--mplus2: "M PLUS 2", sans-serif;
  --dp2-font-family--mplus1code: "M PLUS 1 Code", monospace;
  --dp2-font-family--ibmplexjp: "IBM Plex Sans JP", sans-serif;
  --dp2-font-family--shipporimincho: "Shippori Mincho", serif;
  --dp2-font-family--shipporiminshob1: "Shippori Mincho B1", serif;
  --dp2-font-family--zenkakugothicnew: "Zen Kaku Gothic New", sans-serif;
  --dp2-font-family--zenmarugothic: "Zen Maru Gothic", serif;
  --dp2-font-family--zenoldmincho: "Zen Old Mincho", serif;
  --dp2-font-family--albertsans: "Albert Sans", sans-serif;
  --dp2-font-family--roboto: "Roboto", sans-serif;
  --dp2-font-family--prompt: "Prompt", sans-serif;
}

/* Page/Post Regulation (20251128)
============================================================================ */
body .entry-header p,
body .entry-content p {
  margin-bottom: 1rem;
}
body:not(.home) .entry-header p,
body:not(.home) .entry-content p {
  margin-bottom: 0;
}
/* Body ------------------------------ */
body > * {
  font-family: var(--dp2-font-family--mplus2);
}

/* Header ------------------------------ */
.ast-theme-transparent-header .main-header-bar {
  background-color: var(--dp2-color--transparent_wh_50) !important;
}

.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar {
  background-color: var(--dp2-color--transparent_wh_75) !important;
  backdrop-filter: blur(var(--dp2-backdrop-blur-radius)) !important;
}

#ast-desktop-header .main-header-bar-wrap .ast-primary-header-bar .site-primary-header-wrap.ast-builder-grid-row-container .ast-builder-grid-row .site-header-primary-section-left .ast-builder-layout-element .site-branding.ast-site-identity {
  padding: 0;
}
#ast-desktop-header .main-header-bar-wrap .ast-primary-header-bar .site-primary-header-wrap.ast-builder-grid-row-container .ast-builder-grid-row .site-header-primary-section-left .ast-builder-layout-element .site-branding.ast-site-identity .ast-site-title-wrap {
  text-align: center;
}
#ast-desktop-header .main-header-bar-wrap .ast-primary-header-bar .site-primary-header-wrap.ast-builder-grid-row-container .ast-builder-grid-row .site-header-primary-section-left .ast-builder-layout-element .site-branding.ast-site-identity .ast-site-title-wrap span.site-title {
  display: none;
}
#ast-desktop-header .main-header-bar-wrap .ast-primary-header-bar .site-primary-header-wrap.ast-builder-grid-row-container .ast-builder-grid-row .site-header-primary-section-left .ast-builder-layout-element .site-branding.ast-site-identity .ast-site-title-wrap span.site-title a {
  font-weight: 500;
  letter-spacing: 2px;
}
#ast-desktop-header .main-header-bar-wrap .ast-primary-header-bar .site-primary-header-wrap.ast-builder-grid-row-container .ast-builder-grid-row .site-header-primary-section-right .ast-main-header-bar-alignment .main-header-bar-navigation .site-navigation .main-navigation ul li.menu-item a.menu-link {
  display: flex;
  flex-flow: column;
  color: var(--dp2-color--text);
  padding: 16px 12px;
  padding: 12px;
  padding: 0.5rem 1rem;
  font-weight: 500 !important;
  line-height: 1.5;
}
#ast-desktop-header .main-header-bar-wrap .ast-primary-header-bar .site-primary-header-wrap.ast-builder-grid-row-container .ast-builder-grid-row .site-header-primary-section-right .ast-main-header-bar-alignment .main-header-bar-navigation .site-navigation .main-navigation ul li.menu-item a.menu-link:hover {
  opacity: 0.75 !important;
}
#ast-desktop-header .main-header-bar-wrap .ast-primary-header-bar .site-primary-header-wrap.ast-builder-grid-row-container .ast-builder-grid-row .site-header-primary-section-right .ast-main-header-bar-alignment .main-header-bar-navigation .site-navigation .main-navigation ul li.menu-item a.menu-link .menu-text {
  text-align: center;
}
#ast-desktop-header .main-header-bar-wrap .ast-primary-header-bar .site-primary-header-wrap.ast-builder-grid-row-container .ast-builder-grid-row .site-header-primary-section-right .ast-main-header-bar-alignment .main-header-bar-navigation .site-navigation .main-navigation ul li.menu-item a.menu-link .menu-text .mininote {
  font-size: 0.75rem;
  font-weight: 400 !important;
  text-align: center;
}

span.site-title {
  display: none;
}

.ast-mobile-header-content {
  background-color: var(--dp2-color--transparent_wh_50) !important;
  backdrop-filter: blur(var(--dp2-backdrop-blur-radius));
}
.ast-mobile-header-content .ast-builder-menu-mobile .ast-main-header-bar-alignment .main-header-bar-navigation.toggle-on nav.site-navigation .main-navigation ul.main-header-menu {
  padding: 1rem;
  background: transparent;
}
.ast-mobile-header-content .ast-builder-menu-mobile .ast-main-header-bar-alignment .main-header-bar-navigation.toggle-on nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link,
.ast-mobile-header-content .ast-builder-menu-mobile .ast-main-header-bar-alignment .main-header-bar-navigation.toggle-on nav.site-navigation .main-navigation ul.main-header-menu [class^=current] a.menu-link {
  border-radius: var(--dp2-border-radius);
  background: transparent;
  color: var(--dp2-color--main);
}
.ast-mobile-header-content .ast-builder-menu-mobile .ast-main-header-bar-alignment .main-header-bar-navigation.toggle-on nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link:hover,
.ast-mobile-header-content .ast-builder-menu-mobile .ast-main-header-bar-alignment .main-header-bar-navigation.toggle-on nav.site-navigation .main-navigation ul.main-header-menu [class^=current] a.menu-link:hover {
  background-color: var(--dp2-color--transparent_wh_75);
  color: #222a2a;
}
.ast-mobile-header-content .ast-builder-menu-mobile .ast-main-header-bar-alignment .main-header-bar-navigation.toggle-on nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link .menu-text .mininote,
.ast-mobile-header-content .ast-builder-menu-mobile .ast-main-header-bar-alignment .main-header-bar-navigation.toggle-on nav.site-navigation .main-navigation ul.main-header-menu [class^=current] a.menu-link .menu-text .mininote {
  display: none !important;
}

/* Footer ------------------------------ */
.site-footer .site-above-footer-wrap {
  min-height: 0;
  background: var(--dp2-color--sub);
}
.site-footer .site-above-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns {
  min-height: 0;
}
.site-footer .site-above-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .footer-widget-area .widget.widget_nav_menu {
  margin: 0 1rem;
}
.site-footer .site-above-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .footer-widget-area .widget.widget_nav_menu .widget-title {
  color: var(--dp2-color--bg);
  font-size: 0.9rem;
  padding: 0.15rem 0;
}
.site-footer .site-above-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .footer-widget-area .widget.widget_nav_menu .menu-footer-widget-store-container ul.menu {
  margin-bottom: 0.25rem;
  padding: 0;
}
.site-footer .site-above-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .footer-widget-area .widget.widget_nav_menu .menu-footer-widget-store-container ul.menu li.menu-item {
  font-size: 0.75rem;
  padding: 0.15rem 0;
}
.site-footer .site-above-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .footer-widget-area .widget.widget_nav_menu .menu-footer-widget-store-container ul.menu li.menu-item a.menu-link {
  color: var(--dp2-color--bg);
}
.site-footer .site-primary-footer-wrap {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background: var(--dp2-color--main);
  border-top: none;
}
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-1 {
  margin-bottom: 0;
}
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-1 .footer-widget-area .widget.widget_text {
  margin: 0;
}
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-1 .footer-widget-area .widget.widget_text p {
  margin: 0;
}
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-1 .footer-widget-area .widget.widget_nav_menu .menu-main-footer-container ul.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  padding: 0;
}
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-1 .footer-widget-area .widget.widget_nav_menu .menu-main-footer-container ul.menu li.menu-item {
  font-size: 0.75rem;
  padding: 0 1rem;
}
.site-footer .site-primary-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns .site-footer-primary-section-1 .footer-widget-area .widget.widget_nav_menu .menu-main-footer-container ul.menu li.menu-item a.menu-link {
  color: var(--dp2-color--bg);
  line-height: 1.5;
}
.site-footer .site-below-footer-wrap {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.site-footer .site-below-footer-wrap .ast-builder-grid-row-container-inner .ast-builder-grid-row .ast-footer-copyright p {
  font-size: 0.75rem;
}

/* Footer -> Widget ------------------------------ */
.site-below-footer-wrap[data-section=section-below-footer-builder],
.site-below-footer-wrap[data-section=section-below-footer-builder] .ast-builder-grid-row {
  min-height: 60px;
  min-height: 1rem !important;
}

@media not all and (min-width: 920px) {
  .site-footer .site-primary-footer-wrap {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background: var(--dp2-color--main);
    border-top: none;
  }
}
/* Dot filter ------------------------------ */
.-filter-dot:after {
  background-color: rgba(0, 0, 0, 0.1019607843);
  background-image: url("https://office2125.com/wp-content/themes/office2125/assets/img/dot_texture.png");
  background-size: 4px;
  opacity: 0.25;
}

/* Container ------------------------------ */
#content .ast-container #primary {
  /* Store Top Title */
}
#content .ast-container #primary .ast-archive-description {
  display: none;
}
#content .ast-container > .wp-block-group {
  padding-top: 80px !important;
}

/* Heading ------------------------------ */
.wp-block-uagb-advanced-heading.dp2-block-heading .uagb-separator {
  border-top-width: 0 !important;
  height: 4px;
  border-color: transparent !important;
  background: linear-gradient(90deg, rgba(0, 4, 8, 0) 0%, rgb(24, 36, 48) 50%, rgba(0, 4, 8, 0) 100%);
}
.wp-block-uagb-advanced-heading.dp2-block-heading_wh .uagb-separator {
  border-top-width: 0 !important;
  height: 4px;
  border-color: transparent !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}

/* Hero ------------------------------ */
.wp-block-uagb-container.hero {
  font-family: var(--dp2-font-family--albertsans);
  margin-top: -64px;
}
.wp-block-uagb-container.hero .uagb-container__video-wrap {
  background: rgba(0, 0, 0, 0.1019607843) url("https://office2125.com/wp-content/themes/office2125/assets/img/dot_texture.png") repeat !important;
  opacity: 0.9;
}
.wp-block-uagb-container.hero .uagb-container-inner-blocks-wrap .wp-block-uagb-advanced-heading .uagb-heading-text {
  margin-bottom: 0;
  text-shadow: var(--dp2-text-shadow-min--wh);
  line-height: 1;
}
.wp-block-uagb-container.hero .uagb-container-inner-blocks-wrap .wp-block-uagb-advanced-heading .uagb-heading-text span {
  font-size: 2.75rem;
  font-weight: 200 !important;
}
.wp-block-uagb-container.hero .uagb-container-inner-blocks-wrap .wp-block-uagb-advanced-heading .uagb-separator {
  margin-top: 10px;
  border-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)) 1 0 0 0;
}
.wp-block-uagb-container.hero .uagb-container-inner-blocks-wrap .wp-block-uagb-slider .uagb-slides .swiper-wrapper .wp-block-uagb-slider-child .swiper-content .wp-block-uagb-container .uagb-container-inner-blocks-wrap .wp-block-uagb-advanced-heading .uagb-heading-text {
  text-shadow: var(--dp2-text-shadow-min--bk);
  line-height: 1.15;
  line-height: 1;
}

/* Widget nav menu ------------------------------ */
.c-widget.widget_nav_menu #menu-footer-widget-store {
  border-bottom: 0;
  border-top: 0;
}
.c-widget.widget_nav_menu #menu-footer-widget-store .menu-item {
  border-bottom: 0;
}
.c-widget.widget_nav_menu #menu-footer-widget-store .menu-item a {
  padding: 0.25rem;
  color: #FFF;
  font-size: 0.75rem;
}

/* gallery ------------------------------ */
.ark-block-slider img {
  border-radius: var(--dp2-border-radius);
}

/* faq ------------------------------ */
.ark-block-faq .ark-block-faq__item {
  margin: 0 1rem;
}
.ark-block-faq .ark-block-faq__item dd.ark-block-faq__a {
  margin: 0 0 1em;
}

/* Store ------------------------------ */
.store-title {
  font-family: var(--dp2-font-family--albertsans);
  font-size: 2.95rem;
  font-weight: 200;
  letter-spacing: 0.1rem;
  text-align: center;
  text-shadow: var(--dp2-text-shadow-min--wh);
}
.store-title span {
  font-size: 3rem;
  font-weight: 800;
}

.store-hero {
  font-family: var(--dp2-font-family--albertsans);
}
.store-hero .ark-block-slider__body {
  border: 2px solid var(--dp2-color--transparent_wh);
  border-radius: var(--dp2-border-radius);
}
.store-hero .ark-block-slider__body .ark-block-slider__bodyInner p {
  display: inline-block;
  width: 75%;
}
.store-hero .ark-block-slider__body .ark-block-slider__bodyInner p:first-child {
  border: 2px solid #233;
  border-radius: var(--dp2-border-radius);
}

.entry-header {
  height: 64px;
  margin-bottom: 0 !important;
}
.entry-header .entry-title {
  visibility: hidden;
  margin: 0;
}

@media not all and (min-width: 920px) {
  .entry-header {
    height: 70px;
    margin-bottom: 0 !important;
  }
}
._brank {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 64px;
  background: var(--dp2-color--bg);
}

/* Astra Blocks ------------------------------ */
/* Astra Blocks > Tabs ------------------------------ */
.wp-block-uagb-tabs ul.uagb-tabs__panel {
  width: 100%;
}
.wp-block-uagb-tabs ul.uagb-tabs__panel.uagb-tabs__align-left li.uagb-tab {
  flex: 1;
  margin: 0;
}
.wp-block-uagb-tabs ul.uagb-tabs__panel.uagb-tabs__align-left li.uagb-tab:first-child {
  border-top-left-radius: var(--dp2-border-radius);
  border-bottom-left-radius: var(--dp2-border-radius);
}
.wp-block-uagb-tabs ul.uagb-tabs__panel.uagb-tabs__align-left li.uagb-tab:last-child {
  border-top-right-radius: var(--dp2-border-radius);
  border-bottom-right-radius: var(--dp2-border-radius);
}
.wp-block-uagb-tabs ul.uagb-tabs__panel.uagb-tabs__align-left li.uagb-tab a.uagb-tabs-list {
  width: 100%;
}
.wp-block-uagb-tabs ul.uagb-tabs__panel.uagb-tabs__align-left li.uagb-tab a.uagb-tabs-list div {
  margin: auto;
}

/* File Manager ------------------------------ */
.wrap_file_manager > div {
  margin: 20px 0 50px 0;
}
.wrap_file_manager > div .elfinder.ui-widget.ui-widget-content {
  border-radius: 5px;
}
.wrap_file_manager > div .elfinder.ui-widget.ui-widget-content .elfinder-toolbar {
  border-radius: 5px 5px 0 0 !important;
}
.wrap_file_manager > div .elfinder.ui-widget.ui-widget-content .elfinder-statusbar {
  margin-bottom: -1px;
  border-radius: 0 0 5px 5px !important;
}