@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@1..1000&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
/*!
Theme Name: doorrepair
Theme URI: http://underscores.me/
Author: Me
Author URI: http://underscores.me/
Description: Custom theme: doorrepair, developed by Me
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: doorrepair
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

doorrepair is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. すべてのブラウザで行の高さを正しく設定します。
 * 2. iOSでの画面の向き変更後のフォントサイズの調整を防ぎます。
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * すべてのブラウザでマージンを削除します。
 */
body {
  margin: 0;
}

/**
 * IEで`main`要素を一貫してレンダリングします。
 */
main {
  display: block;
}

/**
 * Chrome、Firefox、Safariで`section`や`article`内の`h1`要素のフォントサイズとマージンを修正します。
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Firefoxで正しいボックスサイズを適用します。
 * 2. EdgeとIEでオーバーフローを表示します。
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで奇妙な`em`フォントサイズを修正します。
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * IE 10でアクティブリンクの灰色背景を削除します。
 */
a {
  background-color: transparent;
}

/**
 * 1. Chrome 57以前のバージョンで下線を削除します。
 * 2. Chrome、Edge、IE、Opera、Safariで正しいテキスト装飾を追加します。
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Chrome、Edge、Safariで正しいフォントウェイトを追加します。
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで奇妙な`em`フォントサイズを修正します。
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * すべてのブラウザで正しいフォントサイズを追加します。
 */
small {
  font-size: 80%;
}

/**
 * すべてのブラウザで`sub`および`sup`要素が行の高さに影響を与えないようにします。
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * IE 10でリンク内の画像のボーダーを削除します。
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. すべてのブラウザでフォントスタイルを変更します。
 * 2. FirefoxとSafariでマージンを削除します。
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * IEでオーバーフローを表示します。
 * 1. Edgeでオーバーフローを表示します。
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Edge、Firefox、IEでのテキスト変換の継承を削除します。
 * 1. Firefoxでのテキスト変換の継承を削除します。
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * iOSおよびSafariでクリック可能なタイプをスタイルできない問題を修正します。
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Firefoxでの内部ボーダーとパディングを削除します。
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * 前のルールで解除されたフォーカススタイルを復元します。
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Firefoxでのパディングを修正します。
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. EdgeとIEでテキストの折り返しを修正します。
 * 2. IEで`fieldset`要素からの色の継承を修正します。
 * 3. 開発者がすべてのブラウザで`fieldset`要素をゼロにした場合に問題が発生しないように、パディングを削除します。
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Chrome、Firefox、Operaで正しい垂直方向の位置合わせを追加します。
 */
progress {
  vertical-align: baseline;
}

/**
 * IE 10+でのデフォルトの垂直スクロールバーを削除します。
 */
textarea {
  overflow: auto;
}

/**
 * 1. IE 10で正しいボックスサイズを追加します。
 * 2. IE 10でパディングを削除します。
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Chromeでのインクリメントとデクリメントボタンのカーソルスタイルを修正します。
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. ChromeおよびSafariでの奇妙な外観を修正します。
 * 2. Safariでのアウトラインスタイルを修正します。
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * macOSのChromeおよびSafariでの内部パディングを削除します。
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. iOSおよびSafariでクリック可能なタイプをスタイルできない問題を修正します。
 * 2. Safariでフォントプロパティを`inherit`に変更します。
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Edge、IE 10+、Firefoxで正しい表示を追加します。
 */
details {
  display: block;
}

/*
 * すべてのブラウザで正しい表示を追加します。
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * IE 10+で正しい表示を追加します。
 */
template {
  display: none;
}

/**
 * IE 10で正しい表示を追加します。
 */
[hidden] {
  display: none;
}

hr {
  border: 0;
}

p {
  margin-top: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

ul, ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ul li, ol li {
  margin-bottom: 0;
}

img {
  display: block;
}

figure {
  margin: 0;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

a {
  text-decoration: none;
  color: #333;
}
a:visited {
  color: #333;
}
a:hover {
  color: #333;
}
a:active {
  color: #333;
}
a:hover {
  opacity: 0.7;
}

.site-main p a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}

html, body {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  letter-spacing: 1px;
}
@media screen and (max-width: 480px) {
  body {
    letter-spacing: 0.5px;
  }
}

h1, h2, h3, h4, h5, h6, dt {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  line-height: 1.38;
  margin-top: 0;
  margin-bottom: 1em;
}

h1:has(wbr), h2:has(wbr), h3:has(wbr), h4:has(wbr), h5:has(wbr), h6:has(wbr), dt:has(wbr), a:has(wbr) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

span.ib {
  display: inline-block;
}

.width-wrap {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1400px) {
  .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}

body .site {
  min-height: 100dvh;
}
body .site .site-footer {
  position: sticky;
  top: 100%;
}

:root {
  --radius-20: 20px;
  --radius-10: 10px;
}

.main-hgroup .sub {
  color: #FF511D;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1;
}
.main-hgroup h2 {
  font-size: 40px;
  margin-block: 8px;
}

p strong {
  font-weight: 600;
  color: #FF511D;
}

.article-sc-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}
@-moz-document url-prefix() {
  .article-sc-wrap {
    scrollbar-width: thin;
    scrollbar-color: #FF511D #E2E2E2;
  }
}
.article-sc-wrap::-webkit-scrollbar {
  height: 2px;
}
.article-sc-wrap::-webkit-scrollbar-track {
  background: #E2E2E2;
}
.article-sc-wrap::-webkit-scrollbar-thumb {
  background: #FF511D;
}
.article-sc-wrap .article-wrap {
  display: flex;
  column-gap: clamp(20px, calc(30px - (1300px - 100vw) * 0.0230769231 * 1), 30px);
  width: max-content;
  min-width: 100%;
}
.article-sc-wrap .article-wrap .post {
  flex-basis: clamp(280px, calc(400px - (1300px - 100vw) * 0.3076923077 * 1), 400px);
  flex-shrink: 0;
  padding-bottom: 1em;
}
.article-sc-wrap .article-wrap .post .thumbnail-box {
  display: block;
  margin-bottom: 30px;
}
.article-sc-wrap .article-wrap .post .thumbnail-box img {
  width: 100%;
  height: auto;
  aspect-ratio: 40/28;
  object-fit: cover;
  border-radius: var(--radius-20);
}
.article-sc-wrap .article-wrap .post .content-box {
  padding-inline: 2px;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header {
  display: flex;
  justify-content: space-between;
  row-gap: 10px;
  align-items: baseline;
  flex-wrap: wrap;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header .post-categories {
  display: flex;
  align-items: baseline;
  column-gap: 5px;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header .post-categories li {
  font-size: 13px;
  padding: 2px 9px 1px;
  background-color: #aaa;
  border-radius: 100vmax;
  color: white;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header .post-categories li a {
  color: white;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header .post-categories li a:visited {
  color: white;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header .post-categories li a:hover {
  color: white;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header .post-categories li a:active {
  color: white;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header .date {
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: #aaa;
}
.article-sc-wrap .article-wrap .post .content-box .entry-header .entry-title {
  flex-basis: 100%;
  padding-left: 2px;
}

a.btn {
  background-color: #FF511D;
  border-radius: 100vmax;
  color: white;
  padding: 17px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 18px;
  width: fit-content;
  line-height: 1.3;
}
a.btn:visited {
  color: white;
}
a.btn:hover {
  color: white;
}
a.btn:active {
  color: white;
}
a.btn:after {
  flex-basis: 18px;
  flex-shrink: 0;
  content: "";
  display: block;
  height: 18px;
  border-radius: 100vmax;
  background: white url("/wp-content/themes/doorrepair/images/icon-arrow.svg") no-repeat center center;
}

.site-header .top-wrap {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-block: 23px;
}
.site-header .top-wrap .site-branding {
  display: grid;
  align-items: center;
  align-content: center;
  grid-template-columns: auto 1fr;
  column-gap: clamp(2px, calc(8px - (600px - 100vw) * 0.0133333333 * 1.5), 8px);
}
.site-header .top-wrap .site-branding svg {
  fill: #888;
  grid-row: 1/3;
  width: clamp(60px, calc(106px - (900px - 100vw) * 0.1177777778 * 0.8), 106px);
  height: auto;
}
.site-header .top-wrap .site-branding p {
  margin-bottom: 0;
  font-size: 12px;
  color: black;
  line-height: clamp(16px, calc(21.6px - (900px - 100vw) * 0.024 * 1.3), 21.6px);
}
.site-header .top-wrap .site-branding .site-title {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-block: 0;
  font-size: clamp(16px, calc(22px - (600px - 100vw) * 0.0366666667 * 1), 22px);
  color: black;
  letter-spacing: 0;
}
.site-header .top-wrap .cta-wrap {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  column-gap: 2.5%;
}
.site-header .top-wrap .cta-wrap .tel {
  width: max-content;
  justify-self: center;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  justify-items: center;
  column-gap: 3px;
}
.site-header .top-wrap .cta-wrap .tel svg {
  fill: #01458B;
  grid-row: 1/3;
}
.site-header .top-wrap .cta-wrap .tel .number {
  color: #01458B;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 0;
  line-height: 1;
  line-height: 1;
}
.site-header .top-wrap .cta-wrap .tel .hours {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  color: black;
  line-height: 1;
}
.site-header .top-wrap .cta-wrap .contact,
.site-header .top-wrap .cta-wrap .line {
  min-width: 130px;
  padding-inline: 16px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  background-color: #FF511D;
  border-radius: 100vmax;
  color: white;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}
.site-header .top-wrap .cta-wrap .contact span,
.site-header .top-wrap .cta-wrap .line span {
  display: grid;
  place-content: center;
  width: 18px;
  height: 18px;
  border-radius: 100vmax;
  background-color: white;
  margin-left: auto;
}
.site-header .top-wrap .cta-wrap .contact span svg,
.site-header .top-wrap .cta-wrap .line span svg {
  fill: #FF511D;
}
.site-header .top-wrap .cta-wrap .line {
  background-color: #06C755;
}
.site-header .top-wrap .cta-wrap .line .icon-line {
  fill: white;
}
.site-header .top-wrap .cta-wrap .line span svg {
  fill: #06C755;
}
.site-header .main-navigation {
  border-top: 1px solid #F5F5F5;
  line-height: 1.5;
}
.site-header .main-navigation ul.parent {
  display: flex;
  justify-content: space-around;
}
.site-header .main-navigation ul.parent > li {
  position: relative;
}
.site-header .main-navigation ul.parent > li a {
  display: block;
  padding-block: 15px;
  padding-inline: 15px;
  color: black;
  opacity: unset;
}
.site-header .main-navigation ul.parent > li a:visited {
  color: black;
}
.site-header .main-navigation ul.parent > li a:hover {
  color: #01458B;
}
.site-header .main-navigation ul.parent > li a:active {
  color: #01458B;
}
.site-header .main-navigation ul.parent > li ul.child {
  border-radius: 8px;
  background-color: white;
  background-color: #01458B;
  position: absolute;
  top: calc(100% - 6px);
  left: -5px;
  width: max-content;
  z-index: 2;
  padding: 20px 25px;
  display: none;
}
.site-header .main-navigation ul.parent > li ul.child li a {
  padding-block: 14px;
  color: white;
}
.site-header .main-navigation ul.parent > li ul.child li a:visited {
  color: white;
}
.site-header .main-navigation ul.parent > li ul.child li a:hover {
  color: white;
}
.site-header .main-navigation ul.parent > li ul.child li a:active {
  color: white;
}
.site-header .main-navigation ul.parent > li ul.child li a:hover {
  opacity: 0.7;
}
.site-header .main-navigation ul.parent > li:hover > a {
  color: #01458B;
}
.site-header .main-navigation ul.parent > li:hover ul.child {
  display: block;
}
@media screen and (width <= 1020px) {
  .site-header .top-wrap {
    padding-block: 15px;
    align-items: center;
  }
  .site-header .top-wrap .cta-wrap {
    flex-grow: 0;
    flex-basis: 300px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 34px auto;
    row-gap: 13px;
  }
  .site-header .top-wrap .cta-wrap .contact {
    grid-column: 1/2;
  }
  .site-header .top-wrap .cta-wrap .line {
    grid-column: 2/3;
  }
  .site-header .top-wrap .cta-wrap .tel {
    align-self: center;
    grid-column: 1/-1;
    order: 3;
  }
}

#masthead {
  position: relative;
  z-index: 2;
}
#masthead .width-wrap .hm-toggle-btn {
  display: none;
  appearance: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width: 32px;
  height: 20px;
}
#masthead .width-wrap .hm-toggle-btn:focus {
  outline: none;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon {
  position: relative;
  width: 32px;
  height: 2px;
  background-color: #333;
  content: "";
  display: block;
  transition: background-color 0.2s;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon:before, #masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 32px;
  height: 2px;
  background-color: #333;
  transform: translateY(-8px);
  transition: transform 0.2s;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: translateY(8px);
}
#masthead .main-navigation-mobile {
  background-color: white;
  position: absolute;
  width: 100%;
  top: 100%;
  max-height: 0;
  overflow-y: hidden;
}
#masthead .main-navigation-mobile .cta-wrap {
  padding-top: 20px;
  padding-inline: 15px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, min(250px, 48.5%));
  grid-template-rows: 48px auto;
  column-gap: 3%;
  row-gap: 23px;
}
#masthead .main-navigation-mobile .cta-wrap .tel {
  justify-self: center;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  justify-items: center;
  column-gap: 3px;
  align-self: center;
  grid-column: 1/-1;
  order: 3;
}
#masthead .main-navigation-mobile .cta-wrap .tel svg {
  fill: #01458B;
  grid-row: 1/3;
}
#masthead .main-navigation-mobile .cta-wrap .tel .number {
  color: #01458B;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 0;
  line-height: 1;
  line-height: 1;
}
#masthead .main-navigation-mobile .cta-wrap .tel .hours {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  color: black;
  line-height: 1;
}
#masthead .main-navigation-mobile .cta-wrap .contact,
#masthead .main-navigation-mobile .cta-wrap .line {
  grid-column: 1/2;
  min-width: 130px;
  padding-inline: 16px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  background-color: #FF511D;
  border-radius: 100vmax;
  color: white;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}
#masthead .main-navigation-mobile .cta-wrap .contact span,
#masthead .main-navigation-mobile .cta-wrap .line span {
  display: grid;
  place-content: center;
  width: 18px;
  height: 18px;
  border-radius: 100vmax;
  background-color: white;
  margin-left: auto;
}
#masthead .main-navigation-mobile .cta-wrap .contact span svg,
#masthead .main-navigation-mobile .cta-wrap .line span svg {
  fill: #FF511D;
}
#masthead .main-navigation-mobile .cta-wrap .line {
  grid-column: 2/3;
  background-color: #06C755;
}
#masthead .main-navigation-mobile .cta-wrap .line .icon-line {
  fill: white;
}
#masthead .main-navigation-mobile .cta-wrap .line span svg {
  fill: #06C755;
}
#masthead .main-navigation-mobile ul.parent {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-block: 10px 15px;
  margin-inline: 15px;
}
#masthead .main-navigation-mobile ul.parent > li {
  margin: 0;
  flex-basis: 100%;
}
#masthead .main-navigation-mobile ul.parent > li a {
  letter-spacing: 1px;
  display: block;
  padding-block: 17px;
  border-bottom: 1px solid #E2E2E2;
  line-height: 1.4;
  color: #01458B;
  font-weight: 600;
  font-size: 17px;
}
@media screen and (max-width: 480px) {
  #masthead .main-navigation-mobile ul.parent > li a {
    letter-spacing: 0;
  }
}
#masthead .main-navigation-mobile ul.parent > li a:visited {
  color: #01458B;
}
#masthead .main-navigation-mobile ul.parent > li a:hover {
  color: #01458B;
}
#masthead .main-navigation-mobile ul.parent > li a:active {
  color: #01458B;
}
#masthead .main-navigation-mobile ul.parent > li ul.child li a {
  padding-left: 2em;
}
#masthead .main-navigation-mobile ul.parent > li:has(ul.child) > a {
  color: black;
}
#masthead .main-navigation-mobile ul.parent > li:has(ul.child) > a:visited {
  color: black;
}
#masthead .main-navigation-mobile ul.parent > li:has(ul.child) > a:hover {
  color: black;
}
#masthead .main-navigation-mobile ul.parent > li:has(ul.child) > a:active {
  color: black;
}
#masthead .main-navigation-mobile ul.parent > li:last-child a {
  border-bottom: 0 none;
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon {
  background-color: transparent;
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:before, #masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: rotate(45deg);
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: rotate(-45deg);
}
#masthead.is-open .main-navigation-mobile {
  max-height: 100vh;
  transition: max-height 0.5s;
}
@media screen and (max-width: 780px) {
  #masthead .width-wrap .cta-wrap {
    display: none;
  }
  #masthead .width-wrap .hm-toggle-btn {
    display: block;
  }
  #masthead .main-navigation {
    display: none;
  }
}

body.home .firstview-sect {
  background: url("/wp-content/themes/doorrepair/images/fv.jpg") no-repeat top center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  min-height: 555px;
}
body.home .firstview-sect .width-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  column-gap: 5%;
  padding-top: 90px;
  padding-bottom: 27px;
  height: 100%;
}
body.home .firstview-sect .width-wrap .txt {
  flex-basis: 720px;
}
body.home .firstview-sect .width-wrap .txt hgroup h2 {
  font-size: 45px;
  color: black;
  margin-bottom: 0;
}
body.home .firstview-sect .width-wrap .txt hgroup h1 {
  overflow: hidden;
  padding-bottom: 6px;
  line-height: 1.6;
  color: #01458B;
  font-size: clamp(50px, calc(55px - (1200px - 100vw) * 0.0458333333 * 1), 55px);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.3em;
  margin-bottom: 40px;
}
body.home .firstview-sect .width-wrap .txt hgroup h1:first-letter {
  margin-left: -0.2em;
}
body.home .firstview-sect .width-wrap .txt hgroup h1 span {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.3em;
}
body.home .firstview-sect .width-wrap .txt .s-list {
  display: flex;
  column-gap: 4%;
}
body.home .firstview-sect .width-wrap .txt .s-list > div {
  display: flex;
  align-items: center;
  column-gap: 11px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 14px 18px;
  border-radius: 6px;
}
body.home .firstview-sect .width-wrap .txt .s-list > div .img img {
  border-radius: 100vmax;
}
body.home .firstview-sect .width-wrap .txt .s-list > div .txt {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  color: black;
}
body.home .firstview-sect .width-wrap .txt .s-list > div .txt ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
}
body.home .firstview-sect .width-wrap .txt .s-list > div .txt ul li {
  border: 1px solid #888;
  border-radius: 100vmax;
  font-size: 17px;
  line-height: 1.5;
  padding-left: 27px;
  padding-right: 10px;
  margin-bottom: 6px;
  width: max-content;
  background: url("/wp-content/themes/doorrepair/images/icon-check.svg") no-repeat left 8px center;
}
body.home .firstview-sect .width-wrap .indi {
  margin-right: auto;
  margin-left: auto;
  align-self: end;
}
body.home .firstview-sect .width-wrap .indi h3 {
  position: relative;
  background-color: #FF511D;
  border-radius: 100vmax;
  font-size: clamp(24px, calc(27px - (450px - 100vw) * 0.06 * 1), 27px);
  line-height: 118%;
  color: white;
  text-align: center;
  padding: 11px 20px 13px;
  margin-bottom: 27px;
}
body.home .firstview-sect .width-wrap .indi h3:after {
  content: "";
  display: block;
  width: 29px;
  height: 24px;
  background-color: #FF511D;
  position: absolute;
  bottom: -18px;
  left: 50%;
  translate: -50% 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
body.home .firstview-sect .width-wrap .indi .content {
  display: flex;
  justify-content: center;
  column-gap: 12px;
}
body.home .firstview-sect .width-wrap .indi .content > div {
  flex-basis: 131px;
  display: grid;
  place-content: center;
  position: relative;
  height: auto;
  aspect-ratio: 1;
  background-color: #FEEDE7;
  border-radius: 6px;
}
body.home .firstview-sect .width-wrap .indi .content > div h4 {
  color: #FF511D;
  font-size: 25px;
  line-height: 116%;
  margin-bottom: 11px;
}
body.home .firstview-sect .width-wrap .indi .content > div svg {
  margin-inline: auto;
  fill: #FF511D;
}
body.home .firstview-sect .width-wrap .indi .content > div:before {
  position: absolute;
  content: "";
  display: block;
  inset: 5px;
  border: 1px solid #FF511D;
  border-radius: 4px;
}
body.home .firstview-sect .width-wrap .indi .content > div.corporation {
  background-color: #EFF3F7;
}
body.home .firstview-sect .width-wrap .indi .content > div.corporation h4 {
  color: #01458B;
}
body.home .firstview-sect .width-wrap .indi .content > div.corporation:before {
  border-color: #01458B;
}
body.home .firstview-sect .width-wrap .indi .content > div.corporation svg {
  fill: #01458B;
}
body.home .firstview-sect .deco-txt {
  position: absolute;
  bottom: -30px;
  left: 50%;
  translate: -50% 0;
  z-index: 0;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 154px;
  line-height: 1;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
  width: max-content;
}
@media screen and (width <= 1060px) {
  body.home .firstview-sect .width-wrap {
    flex-wrap: wrap;
    row-gap: 60px;
  }
  body.home .firstview-sect .width-wrap .txt {
    flex-basis: 100%;
  }
  body.home .firstview-sect .width-wrap .txt .s-list > div {
    flex: 1;
  }
}
@media screen and (width <= 730px) {
  body.home .firstview-sect .width-wrap .txt hgroup {
    margin-bottom: 70px;
  }
  body.home .firstview-sect .width-wrap .txt .s-list {
    row-gap: 20px;
    flex-wrap: wrap;
  }
  body.home .firstview-sect .width-wrap .txt .s-list > div {
    flex: 0 1 600px;
  }
}
body.home .service-sect {
  padding-block: 120px;
}
body.home .service-sect .main-hgroup {
  position: relative;
  padding-bottom: 50px;
  border-bottom: 1px solid #E2E2E2;
}
body.home .service-sect .main-hgroup .deco {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #F5F5F5;
  font-size: 174px;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  z-index: -1;
}
body.home .service-sect .service {
  display: flex;
  justify-content: space-between;
  column-gap: 5%;
  padding-top: 60px;
}
body.home .service-sect .service .read {
  flex-basis: 288px;
  flex-shrink: 0;
}
body.home .service-sect .service .read .annotation {
  font-size: 0.75em;
  vertical-align: super;
  line-height: 1;
}
body.home .service-sect .service .read .note {
  display: block;
  font-size: 12px;
  line-height: 1.6;
}
body.home .service-sect .service .menu ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 400px));
  column-gap: 25px;
  row-gap: 50px;
  counter-reset: num;
}
body.home .service-sect .service .menu ol li img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-20);
}
body.home .service-sect .service .menu ol li hgroup {
  padding-top: 20px;
}
body.home .service-sect .service .menu ol li hgroup p {
  margin-bottom: 5px;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #FF511D;
  margin-bottom: 20px;
}
body.home .service-sect .service .menu ol li hgroup p:before {
  vertical-align: middle;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-size: 30px;
  margin-right: 10px;
  line-height: 1;
}
body.home .service-sect .service .menu ol li hgroup h3 {
  font-size: 26px;
  margin-bottom: 20px;
}
@media screen and (width <= 1000px) {
  body.home .service-sect .service {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  body.home .service-sect .service .read {
    flex-basis: 100%;
  }
  body.home .service-sect .service .menu {
    flex-basis: 100%;
  }
  body.home .service-sect .service .menu ol {
    justify-content: space-around;
  }
}
@media screen and (width <= 580px) {
  body.home .service-sect .service .menu ol {
    grid-template-columns: minmax(0, 400px);
  }
}
body.home .category-sect .width-wrap {
  max-width: 1198px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F5F5F5;
  padding-inline: 4%;
  padding-block: 100px;
}
@media screen and (max-width: 1238px) {
  body.home .category-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.home .category-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.home .category-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.home .category-sect .width-wrap .main-hgroup {
  margin-bottom: 50px;
}
body.home .category-sect .width-wrap ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 3.5%;
}
body.home .category-sect .width-wrap ul li {
  flex-basis: 48.25%;
}
body.home .category-sect .width-wrap ul li a {
  display: flex;
  column-gap: 20px;
  border-radius: 10px;
  border: 2px solid #E2E2E2;
  background: #FFF;
  padding: 20px;
  align-items: center;
  color: #333;
}
body.home .category-sect .width-wrap ul li a img {
  border-radius: var(--radius-10);
  width: clamp(0px, calc(134px - (480px - 100vw) * 0.2791666667 * 1), 134px);
  height: auto;
}
body.home .category-sect .width-wrap ul li a p {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: clamp(0px, calc(21px - (480px - 100vw) * 0.04375 * 1), 21px);
  margin-bottom: 0;
  line-height: 1.5;
}
body.home .category-sect .width-wrap ul li a .arrow {
  flex-shrink: 0;
  margin-left: auto;
  display: grid;
  place-content: center;
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100vmax;
}
body.home .category-sect .width-wrap ul li a .arrow svg {
  fill: white;
}
body.home .category-sect .width-wrap ul li a:visited {
  color: #333;
}
body.home .category-sect .width-wrap ul li a:hover {
  color: #FF511D;
}
body.home .category-sect .width-wrap ul li a:active {
  color: #FF511D;
}
body.home .category-sect .width-wrap ul li a:hover {
  opacity: unset;
  border-color: #FF511D;
}
body.home .category-sect .width-wrap ul li a:hover .arrow {
  background-color: #FF511D;
}
@media screen and (width <= 875px) {
  body.home .category-sect .width-wrap ul {
    flex-wrap: wrap;
  }
  body.home .category-sect .width-wrap ul li {
    flex-basis: 100%;
  }
}
body.home .forbusines-sect {
  margin-top: 147px;
  padding-bottom: 120px;
}
body.home .forbusines-sect .content-wrap {
  display: flex;
  justify-content: space-between;
}
body.home .forbusines-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (30%));
  margin-right: calc(30% * -1);
}
body.home .forbusines-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 680px);
}
@media screen and (width <= 1400px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.home .forbusines-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (28%));
  margin-left: calc(28% * -1);
}
body.home .forbusines-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 680px);
}
@media screen and (width <= 1400px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.home .forbusines-sect .content-wrap .left {
  z-index: 0;
  height: 557px;
  background-color: #F5F5F5;
}
body.home .forbusines-sect .content-wrap .left .deco-txt {
  color: white;
  line-height: 1;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 174px;
  translate: 0 -25px;
}
body.home .forbusines-sect .content-wrap .right {
  z-index: 1;
  padding-top: 120px;
}
body.home .forbusines-sect .content-wrap .right .wr {
  max-width: 915px;
}
body.home .forbusines-sect .content-wrap .right .wr .main-hgroup {
  margin-bottom: 70px;
}
body.home .forbusines-sect .content-wrap .right .wr .main-img {
  margin-right: calc((50vw - 50%) * -1);
}
body.home .forbusines-sect .content-wrap .right .wr .main-img img {
  width: 100%;
  height: 482px;
  object-fit: cover;
  border-radius: var(--radius-20) 0 0 var(--radius-20);
}
body.home .forbusines-sect .content-wrap .right .wr .main-read h3 {
  font-size: 26px;
  line-height: 180%;
  margin-top: 50px;
  margin-bottom: 40px;
}
body.home .forbusines-sect .content-wrap .right .wr .facility {
  margin-top: 80px;
  border: 4px solid #F5F5F5;
  padding-block: 50px;
  padding-inline: 50px;
  border-radius: 20px;
}
body.home .forbusines-sect .content-wrap .right .wr .facility h3 {
  font-size: 26px;
}
body.home .forbusines-sect .content-wrap .right .wr .facility .contents {
  display: flex;
  column-gap: 5%;
}
body.home .forbusines-sect .content-wrap .right .wr .facility .contents .img img {
  border-radius: var(--radius-20);
  margin-top: 14px;
}
body.home .forbusines-sect .content-wrap .right .wr .facility .contents .txt {
  flex-grow: 1;
}
body.home .forbusines-sect .content-wrap .right .wr .facility .contents .txt ul li {
  padding-block: 17px 17px;
  padding-inline: 23px 14px;
  background: url("/wp-content/themes/doorrepair/images/icon-check.svg") no-repeat left center;
  background-size: 15px auto;
  border-bottom: 1px dashed #E2E2E2;
  font-weight: 600;
  line-height: 1.6;
}
body.home .forbusines-sect .content-wrap .right .wr .facility .contents .txt .note {
  display: block;
  font-size: 14px;
  margin-top: 14px;
}
@media screen and (width <= 1060px) {
  body.home .forbusines-sect .content-wrap .right .wr .facility .contents {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  body.home .forbusines-sect .content-wrap .right .wr .facility .contents .txt {
    flex-basis: 100%;
  }
}
body.home .forbusines-sect .content-wrap .right .wr .corporate {
  padding-top: 80px;
}
body.home .forbusines-sect .content-wrap .right .wr .corporate h3 {
  font-size: 26px;
  margin-bottom: 40px;
}
body.home .forbusines-sect .content-wrap .right .wr .corporate img {
  border-radius: var(--radius-20);
  max-width: 100%;
  height: auto;
}
body.home .forbusines-sect .content-wrap .right .wr .corporate ol {
  padding-top: 50px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 4%;
  counter-reset: num;
}
body.home .forbusines-sect .content-wrap .right .wr .corporate ol li {
  flex-basis: 48%;
  border-bottom: 1px dashed #E2E2E2;
  padding-block: 30px;
  padding-inline: 9px;
}
body.home .forbusines-sect .content-wrap .right .wr .corporate ol li h4 {
  font-size: 18px;
  margin-bottom: 5px;
}
body.home .forbusines-sect .content-wrap .right .wr .corporate ol li h4:before {
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  vertical-align: middle;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-size: 30px;
  margin-right: 3px;
  color: #FF511D;
}
body.home .forbusines-sect .content-wrap .right .wr .corporate ol li p:last-child {
  margin-bottom: 0;
}
@media screen and (width <= 767px) {
  body.home .forbusines-sect .content-wrap .right .wr .main-img img {
    height: 340px;
  }
  body.home .forbusines-sect .content-wrap .right .wr .corporate ol {
    padding-top: 30px;
  }
  body.home .forbusines-sect .content-wrap .right .wr .corporate ol li {
    flex-basis: 100%;
  }
}
@media screen and (width <= 630px) {
  body.home .forbusines-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.home .forbusines-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (30%));
    margin-right: calc(30% * -1);
  }
  body.home .forbusines-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 680px);
  }
}
@media screen and (width <= 630px) and (width <= 1400px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 630px) and (width <= 807px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 630px) and (width <= 797px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 630px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (50%));
    margin-left: calc(50% * -1);
  }
  body.home .forbusines-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 680px);
  }
}
@media screen and (width <= 630px) and (width <= 1400px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 630px) and (width <= 807px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 630px) and (width <= 797px) {
  body.home .forbusines-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
@media screen and (width <= 630px) {
  body.home .forbusines-sect .content-wrap .right .wr {
    padding-left: 15px;
  }
  body.home .forbusines-sect .content-wrap .right .wr .facility {
    padding-inline: 5%;
  }
  body.home .forbusines-sect .content-wrap .right .wr .facility .contents .img {
    flex-basis: 100%;
  }
  body.home .forbusines-sect .content-wrap .right .wr .facility .contents .img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
  body.home .forbusines-sect .content-wrap .right .wr .corporate img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
}
body.home .closer-sect {
  background-color: #F5F5F5;
  padding-top: 100px;
  padding-bottom: 65px;
}
body.home .closer-sect .width-wrap {
  max-width: 1198px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1238px) {
  body.home .closer-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.home .closer-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.home .closer-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.home .closer-sect .width-wrap .main-hgroup {
  margin-bottom: 60px;
}
body.home .closer-sect .width-wrap ul {
  display: flex;
  column-gap: 30px;
}
body.home .closer-sect .width-wrap ul li {
  flex-basis: calc((100% - 60px) / 3);
}
body.home .closer-sect .width-wrap ul li figure img {
  border-radius: var(--radius-20);
  max-width: 100%;
  height: auto;
}
body.home .closer-sect .width-wrap ul li figure figcaption {
  margin-top: 35px;
  font-size: 20px;
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
body.home .closer-sect .width-wrap ul li figure figcaption span {
  font-size: 16px;
}
@media screen and (width <= 767px) {
  body.home .closer-sect .width-wrap ul {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 50px;
  }
  body.home .closer-sect .width-wrap ul li {
    flex-basis: 100%;
  }
  body.home .closer-sect .width-wrap ul li figure img {
    margin-inline: auto;
  }
  body.home .closer-sect .width-wrap ul li figure figcaption {
    margin-top: 20px;
  }
}
body.home .feature-sect {
  padding-block: 120px 170px;
}
body.home .feature-sect .main-hgroup {
  margin-bottom: 60px;
}
body.home .feature-sect .contents {
  display: flex;
  align-items: flex-start;
  column-gap: 4%;
}
body.home .feature-sect .contents > div {
  flex-basis: 48%;
}
body.home .feature-sect .contents > div.chart {
  position: sticky;
  top: 100px;
}
body.home .feature-sect .contents > div.chart .center {
  border: 1px solid #FF511D;
  padding: 13px;
  border-radius: 100vmax;
  margin: 16%;
  aspect-ratio: 1;
}
body.home .feature-sect .contents > div.chart .center .inside {
  background-color: #F5F5F5;
  border-radius: 100vmax;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
}
body.home .feature-sect .contents > div.chart .center .inside svg {
  fill: #888888;
}
body.home .feature-sect .contents > div.chart ul {
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 11px;
  align-items: end;
}
body.home .feature-sect .contents > div.chart ul li {
  background-color: white;
  filter: drop-shadow(0 4.29px 10.724px rgba(255, 81, 29, 0.1));
  backdrop-filter: blur(8.0432434082px);
  border-radius: 100vmax;
  aspect-ratio: 1;
  width: 100%;
  padding: 15px;
}
body.home .feature-sect .contents > div.chart ul li:nth-of-type(2), body.home .feature-sect .contents > div.chart ul li:nth-of-type(4), body.home .feature-sect .contents > div.chart ul li:nth-of-type(6) {
  align-self: start;
}
body.home .feature-sect .contents > div.chart ul li:nth-of-type(1), body.home .feature-sect .contents > div.chart ul li:nth-of-type(3) {
  margin-bottom: 11px;
}
body.home .feature-sect .contents > div.chart ul li:nth-of-type(4), body.home .feature-sect .contents > div.chart ul li:nth-of-type(6) {
  margin-top: 11px;
}
body.home .feature-sect .contents > div.chart ul li p {
  border-radius: 100vmax;
  margin-bottom: 0;
  display: grid;
  place-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4.29px 10.724px rgba(255, 81, 29, 0.2));
  background-color: white;
  font-size: clamp(0px, calc(19px - (1040px - 100vw) * 0.0182692308 * 1), 19px);
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  line-height: 128%;
}
body.home .feature-sect .contents > div.chart ul li p span {
  display: block;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 13px;
  color: #FF511D;
  margin-bottom: 5px;
  line-height: 1;
}
body.home .feature-sect .contents > div.chart ul li p span:after {
  content: attr(data-num);
}
body.home .feature-sect .contents > div.chart ul li.active p {
  background-color: #FF511D;
  color: white;
}
body.home .feature-sect .contents > div.chart ul li.active p span {
  color: white;
}
body.home .feature-sect .contents > div.detail ul {
  --transition-duration-txt: 0.6s;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 30px;
  padding-top: 200px;
  padding-bottom: 200px;
}
body.home .feature-sect .contents > div.detail ul li {
  padding: 36px 37px 36px;
  border: 3px solid #E2E2E2;
  border-radius: var(--radius-10);
  transition: border-color 0.8s ease, color var(--transition-duration-txt) ease;
}
body.home .feature-sect .contents > div.detail ul li .main-hgroup {
  margin-bottom: 10px;
}
body.home .feature-sect .contents > div.detail ul li .main-hgroup .sub {
  font-size: 17px;
  margin-bottom: 8px;
  color: #FF511D;
}
body.home .feature-sect .contents > div.detail ul li .main-hgroup h3 {
  color: #d4d4d4;
  font-size: 28px;
  margin-bottom: 0;
  transition: color var(--transition-duration-txt) ease;
}
body.home .feature-sect .contents > div.detail ul li p {
  line-height: 1.5;
}
body.home .feature-sect .contents > div.detail ul li p:last-child {
  margin-bottom: 0;
}
body.home .feature-sect .contents > div.detail ul li.active {
  border-color: #FF511D;
}
body.home .feature-sect .contents > div.detail ul li.active .main-hgroup h3 {
  color: #FF511D;
}
@media screen and (width <= 900px) {
  body.home .feature-sect .contents > div.chart {
    display: none;
  }
  body.home .feature-sect .contents > div.detail {
    flex-basis: 100%;
  }
  body.home .feature-sect .contents > div.detail ul {
    padding-block: 0;
  }
  body.home .feature-sect .contents > div.detail ul li {
    border: 3px solid #E2E2E2 !important;
  }
  body.home .feature-sect .contents > div.detail ul li .main-hgroup h3 {
    color: #FF511D;
  }
}
body.home .case-sect .contents-wrap {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
body.home .case-sect .contents-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (-20%));
  margin-right: calc(-20% * -1);
}
body.home .case-sect .contents-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 680px);
}
@media screen and (width <= 1400px) {
  body.home .case-sect .contents-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .case-sect .contents-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .case-sect .contents-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.home .case-sect .contents-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (40%));
  margin-left: calc(40% * -1);
}
body.home .case-sect .contents-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 680px);
}
@media screen and (width <= 1400px) {
  body.home .case-sect .contents-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .case-sect .contents-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .case-sect .contents-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.home .case-sect .contents-wrap .left {
  margin-top: 150px;
  z-index: 1;
}
body.home .case-sect .contents-wrap .left .main-hgroup {
  margin-bottom: 70px;
}
body.home .case-sect .contents-wrap .right {
  position: relative;
  background-color: #F5F5F5;
  padding-block: clamp(100px, calc(120px - (1300px - 100vw) * 0.0923076923 * 0.8), 120px);
  padding-left: 20%;
}
body.home .case-sect .contents-wrap .right .deco-txt {
  position: absolute;
  top: -10px;
  left: -7px;
  line-height: 0.8;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 174px;
  color: white;
  z-index: 0;
}
@media screen and (width <= 920px) {
  body.home .case-sect .contents-wrap {
    flex-wrap: wrap;
  }
  body.home .case-sect .contents-wrap > :nth-of-type(1) {
    flex-basis: unset;
    margin-right: unset;
  }
  body.home .case-sect .contents-wrap > :nth-of-type(2) {
    flex-basis: unset;
    margin-left: unset;
  }
  body.home .case-sect .contents-wrap .left {
    margin-top: 0;
  }
  body.home .case-sect .contents-wrap .left .main-hgroup {
    margin-bottom: 50px;
  }
  body.home .case-sect .contents-wrap .left .btn {
    display: none;
  }
}
@media screen and (width <= 767px) {
  body.home .case-sect .contents-wrap .right {
    padding-left: 40px;
  }
}
body.home .maker-sect {
  padding-block: 118px;
}
body.home .maker-sect .main-hgroup {
  margin-bottom: clamp(0px, calc(60px - (767px - 100vw) * 0.0782268579 * 1), 60px);
}
body.home .maker-sect ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  column-gap: 0;
}
body.home .maker-sect ul li img {
  max-width: 100%;
  height: auto;
}
@media screen and (width <= 767px) {
  body.home .maker-sect ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (width <= 480px) {
  body.home .maker-sect ul {
    grid-template-columns: repeat(3, 1fr);
  }
}

.site-footer {
  padding-block: 100px;
  background-color: #01458B;
  color: white;
}
.site-footer a {
  color: white;
}
.site-footer a:visited {
  color: white;
}
.site-footer a:hover {
  color: white;
}
.site-footer a:active {
  color: white;
}
.site-footer .width-wrap {
  display: grid;
  grid-template-columns: auto auto max-content;
  column-gap: 5%;
}
.site-footer .width-wrap .company .site-title {
  display: grid;
  align-items: center;
  align-content: center;
  grid-template-columns: auto 1fr;
  margin-bottom: 40px;
  column-gap: clamp(2px, calc(8px - (500px - 100vw) * 0.016 * 1.5), 8px);
}
.site-footer .width-wrap .company .site-title svg {
  fill: #888;
  grid-row: 1/3;
  width: clamp(60px, calc(106px - (500px - 100vw) * 0.212 * 1.6), 106px);
  height: auto;
}
.site-footer .width-wrap .company .site-title p {
  margin-bottom: 0;
  font-size: 12px;
  color: white;
  line-height: clamp(16px, calc(21.6px - (500px - 100vw) * 0.0432 * 1.3), 21.6px);
}
.site-footer .width-wrap .company .site-title .site-title {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-block: 0;
  font-size: clamp(17px, calc(22px - (500px - 100vw) * 0.044 * 1), 22px);
  color: white;
  letter-spacing: 0;
}
.site-footer .width-wrap .company .area h4 {
  font-size: 16px;
}
.site-footer .width-wrap .company .area ul {
  display: flex;
  flex-wrap: wrap;
}
.site-footer .width-wrap .company .area ul li:after {
  content: "・";
}
.site-footer .width-wrap .company .area ul li:last-child:after {
  display: none;
}
.site-footer .width-wrap .company .area .note {
  margin-top: 8px;
  display: block;
  line-height: 1.4;
}
.site-footer .width-wrap .menu ul {
  display: grid;
  grid-template-columns: auto;
  row-gap: 17px;
}
.site-footer .width-wrap .menu ul li {
  line-height: 1.5;
}
.site-footer .width-wrap .cta {
  display: grid;
  grid-template-columns: auto;
  row-gap: 25px;
  align-content: start;
}
.site-footer .width-wrap .cta .contact,
.site-footer .width-wrap .cta .line {
  padding-inline: 16px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  height: 56px;
  background-color: #FF511D;
  border-radius: 100vmax;
  color: white;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}
.site-footer .width-wrap .cta .contact span,
.site-footer .width-wrap .cta .line span {
  display: grid;
  place-content: center;
  width: 18px;
  height: 18px;
  border-radius: 100vmax;
  background-color: white;
  margin-left: auto;
}
.site-footer .width-wrap .cta .contact span svg,
.site-footer .width-wrap .cta .line span svg {
  fill: #FF511D;
}
.site-footer .width-wrap .cta .line {
  background-color: #06C755;
}
.site-footer .width-wrap .cta .line .icon-line {
  fill: white;
}
.site-footer .width-wrap .cta .line span svg {
  fill: #06C755;
}
.site-footer .width-wrap .cta .tel {
  margin-top: 10px;
  width: max-content;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  justify-items: center;
  column-gap: 5px;
}
.site-footer .width-wrap .cta .tel svg {
  fill: white;
  grid-row: 1/3;
}
.site-footer .width-wrap .cta .tel .number {
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 0;
  line-height: 1;
  line-height: 1;
}
.site-footer .width-wrap .cta .tel .hours {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
}
.site-footer .width-wrap .copyright {
  grid-column: 1/-1;
  margin-top: 1em;
}
.site-footer .width-wrap .copyright p {
  font-size: 13px;
  margin-bottom: 0;
}
@media screen and (width <= 1000px) {
  .site-footer .width-wrap {
    grid-template-columns: auto;
    justify-content: center;
    row-gap: 50px;
  }
  .site-footer .width-wrap .cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
  }
  .site-footer .width-wrap .cta .tel {
    grid-column: 1/-1;
    justify-self: center;
  }
  .site-footer .width-wrap .copyright {
    text-align: center;
  }
}

body:not(.home) .firstview-sect {
  background: url("/wp-content/themes/doorrepair/images/symp-door-heavy-fv.jpg") no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 322px;
  color: white;
  margin-bottom: 60px;
}
body:not(.home) .firstview-sect .width-wrap {
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
}
body:not(.home) .firstview-sect .width-wrap hgroup {
  margin-bottom: 20px;
}
body:not(.home) .firstview-sect .width-wrap hgroup p {
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
}
body:not(.home) .firstview-sect .width-wrap hgroup h1,
body:not(.home) .firstview-sect .width-wrap hgroup h2 {
  font-size: 40px;
  margin-bottom: 0;
}
body:not(.home) .firstview-sect .width-wrap h5 {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: clamp(24px, calc(28px - (670px - 100vw) * 0.0417910448 * 1), 28px);
  margin-bottom: 30px;
}

body:not(.home, .blog) .contents-sect {
  padding-bottom: 150px;
}
body:not(.home, .blog) .contents-sect .width-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 15px;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc {
  position: sticky;
  top: 70px;
  flex-basis: 300px;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul {
  display: grid;
  grid-template-columns: auto;
  row-gap: 30px;
  list-style-position: inside;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li {
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li:before {
  flex-shrink: 0;
  content: "";
  flex-basis: 25px;
  height: 1lh;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li a {
  color: #333;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li a:hover {
  opacity: unset;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li a:visited {
  color: #333;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li a:hover {
  color: #FF511D;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li a:active {
  color: #FF511D;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li.active a {
  color: #FF511D;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li.active a:visited {
  color: #FF511D;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li.active a:hover {
  color: #FF511D;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li.active a:active {
  color: #FF511D;
}
body:not(.home, .blog) .contents-sect .width-wrap .toc ul li.active:before {
  background: url("/wp-content/themes/doorrepair/images/icon-list-marker.svg") no-repeat 50%;
}
body:not(.home, .blog) .contents-sect .width-wrap .content {
  flex-basis: 850px;
  min-width: 0;
}
body:not(.home, .blog) .contents-sect .width-wrap .content > div {
  padding-bottom: 120px;
}
body:not(.home, .blog) .contents-sect .width-wrap .content > div h2 {
  font-size: 32px;
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 25px;
  margin-bottom: 35px;
}
body:not(.home, .blog) .contents-sect .width-wrap .content > div p {
  margin-bottom: 2em;
  line-height: 1.62;
}
body:not(.home, .blog) .contents-sect .width-wrap .content > div p:last-of-type {
  margin-bottom: 0;
}
body:not(.home, .blog) .contents-sect .width-wrap .content > div:last-child {
  padding-bottom: 0;
}
@media screen and (width <= 767px) {
  body:not(.home, .blog) .contents-sect .width-wrap .toc {
    display: none;
  }
  body:not(.home, .blog) .contents-sect .width-wrap .content {
    flex-basis: 100%;
  }
}

body.common-symp .symp-sect {
  padding-bottom: 60px;
}
body.common-symp .symp-sect .width-wrap {
  position: relative;
  background-color: #F5F5F5;
  border-radius: var(--radius-20);
  padding: 100px 50px 50px;
}
body.common-symp .symp-sect .width-wrap h2 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  background-color: #01458B;
  color: #F5F5F5;
  font-size: 20px;
  padding: 18px 32px;
  width: max-content;
  border-radius: var(--radius-20) 0 var(--radius-20) 0;
}
body.common-symp .symp-sect .width-wrap ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 30px;
}
body.common-symp .symp-sect .width-wrap ul li {
  border-radius: 8px;
  border: 2px solid #E2E2E2;
  padding-block: 12px 14px;
  padding-inline: 17px 10px;
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.45;
  background-color: white;
  display: flex;
  align-items: flex-start;
  column-gap: 7px;
}
body.common-symp .symp-sect .width-wrap ul li:before {
  flex-shrink: 0;
  content: "";
  background: white url("/wp-content/themes/doorrepair/images/icon-check.svg") no-repeat 50% 60%;
  background-size: 20px 20px;
  flex-basis: 20px;
  height: 1lh;
}
@media screen and (width <= 991px) {
  body.common-symp .symp-sect .width-wrap {
    padding-inline: 5%;
  }
  body.common-symp .symp-sect .width-wrap ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width <= 640px) {
  body.common-symp .symp-sect .width-wrap {
    padding-inline: max(4%, 15px);
  }
  body.common-symp .symp-sect .width-wrap ul {
    grid-template-columns: 1fr;
  }
}
body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box {
  display: flex;
  column-gap: 5%;
}
body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div {
  flex-basis: 47.5%;
}
body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div.img img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-20);
}
body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div.txt p:last-child {
  margin-bottom: 0;
}
body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div.txt ul {
  margin-top: 30px;
}
body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div.txt ul li {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  padding-block: 10px;
  border-bottom: 1px dashed #E2E2E2;
  display: flex;
  align-items: flex-start;
}
body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div.txt ul li:before {
  flex-shrink: 0;
  content: "";
  flex-basis: 25px;
  height: 1lh;
  background: url("/wp-content/themes/doorrepair/images/icon-list-marker.svg") no-repeat 50%;
}
body.common-symp .contents-sect .width-wrap .content > div.repair .btn-box {
  margin-top: 40px;
  display: flex;
  column-gap: 3%;
}
body.common-symp .contents-sect .width-wrap .content > div.repair .btn-box a {
  flex-basis: 48.5%;
}
body.common-symp .contents-sect .width-wrap .content > div.repair .btn-box a:first-child {
  background-color: #01458B;
}
body.common-symp .contents-sect .width-wrap .content > div.repair .btn-box a:first-child:after {
  background-image: url("/wp-content/themes/doorrepair/images/icon-arrow-navy.svg");
}
body.common-symp .contents-sect .width-wrap .content > div.case {
  min-width: 0;
}
body.common-symp .contents-sect .width-wrap .content > div.case .btn {
  margin-top: 40px;
}
@media screen and (width <= 630px) {
  body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div {
    flex-basis: 100%;
  }
  body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div.img img {
    height: 250px;
    object-fit: cover;
  }
  body.common-symp .contents-sect .width-wrap .content > div.cause .flex-box > div.txt ul {
    margin-top: 10px;
  }
  body.common-symp .contents-sect .width-wrap .content > div.repair .btn-box {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  body.common-symp .contents-sect .width-wrap .content > div.repair .btn-box a {
    flex-basis: 400px;
  }
}

body.page-symp-squeak .firstview-sect {
  background-image: url("/wp-content/themes/doorrepair/images/symp-squeak-fv.jpg");
}

body.page-symp-oil .firstview-sect {
  background-image: url("/wp-content/themes/doorrepair/images/symp-oil-fv.jpg");
}

body.page-symp-detached .firstview-sect {
  background-image: url("/wp-content/themes/doorrepair/images/symp-detached-fv.jpg");
}

body.page-self-repair .firstview-sect {
  background-image: url("/wp-content/themes/doorrepair/images/self-repair-fv.jpg");
}
body.page-self-repair .caution-sect {
  padding-bottom: 60px;
}
body.page-self-repair .caution-sect .width-wrap {
  background-color: #F5F5F5;
  padding-block: 35px;
  padding-inline: 25px;
}
body.page-self-repair .caution-sect .width-wrap .content-wrap {
  margin-inline: auto;
  max-width: max-content;
  display: flex;
  align-items: center;
  column-gap: 22px;
}
body.page-self-repair .caution-sect .width-wrap .content-wrap svg {
  flex-shrink: 0;
  fill: #333;
}
body.page-self-repair .caution-sect .width-wrap .content-wrap p:last-child {
  margin-bottom: 0;
}
@media screen and (width <= 767px) {
  body.page-self-repair .caution-sect .width-wrap .content-wrap {
    justify-content: center;
    row-gap: 15px;
    flex-wrap: wrap;
  }
  body.page-self-repair .caution-sect .width-wrap .content-wrap p {
    flex-basis: 100%;
  }
}
body.page-self-repair .contents-sect .width-wrap .content > div img {
  border-radius: var(--radius-20);
  margin-bottom: 45px;
  max-width: 100%;
  height: auto;
}
body.page-self-repair .contents-sect .width-wrap .content > div .btn {
  margin-top: 55px;
}
@media screen and (width <= 991px) {
  body.page-self-repair .contents-sect .width-wrap .content > div img {
    height: 250px;
    object-fit: cover;
  }
}

body.page-price .firstview-sect {
  background-image: url("/wp-content/themes/doorrepair/images/price-fv.jpg");
}
body.page-price .contents-sect .width-wrap .content > div.price strong {
  display: block;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline {
  position: relative;
  margin-top: 40px;
  border: 2px solid #F5F5F5;
  border-radius: var(--radius-20);
  padding-block: 105px 46px;
  padding-inline: clamp(15px, calc(48px - (767px - 100vw) * 0.0625814863 * 3), 48px);
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > h3 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--radius-20) 0 var(--radius-20) 0;
  background-color: #01458B;
  color: #F5F5F5;
  padding: 18px 22px 18px 18px;
  font-size: 20px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline .expenses {
  border: 2px solid #01458B;
  border-radius: 8px;
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  padding: 25px 10px 20px;
  align-items: center;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline .expenses .icon {
  width: 49px;
  height: 49px;
  background-color: #F5F5F5;
  fill: #01458B;
  display: grid;
  place-content: center;
  border-radius: 100vmax;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline .expenses > span {
  font-size: 20px;
  line-height: 1;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline .expenses strong {
  font-size: 40px;
  color: #01458B;
  line-height: 35px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline .expenses strong span {
  font-size: 20px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline .expenses + .note {
  display: block;
  text-align: center;
  margin-top: 8px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline .plus {
  width: 44px;
  height: 44px;
  background-color: #01458B;
  display: grid;
  place-content: center;
  border-radius: 100vmax;
  margin-block: 28px 36px;
  margin-inline: auto;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline .plus svg {
  fill: white;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 22px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div {
  background-color: #FEEDE7;
  border-radius: 8px;
  padding-block: 22px 18px;
  padding-inline: 15px;
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 15px;
  grid-row: 1/span 4;
  row-gap: 10px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div h3 {
  grid-column: 1/-1;
  text-align: center;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div dl {
  margin: 0;
  grid-column: 1/-1;
  background-color: white;
  border-radius: 8px;
  padding: 16px 17px;
  display: flex;
  column-gap: 15px;
  align-items: center;
  justify-content: space-between;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div dl dt {
  margin-bottom: 0;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div dl dd {
  margin-left: 0;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div dl dt {
  font-size: 15px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div dl dd {
  flex-shrink: 0;
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div dl dd span {
  font-size: 26px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange {
  background-color: #EFF3F7;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(1),
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(2) {
  grid-row: 2/4;
  grid-column: 1/2;
  display: grid;
  justify-content: center;
  text-align: center;
  padding-inline: 5px;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(1) dt,
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(2) dt {
  line-height: 1.2;
  min-height: 2.5em;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(1) .note,
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(2) .note {
  font-size: 12px;
  line-height: 1.5;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(1) {
  position: relative;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(1) .plus {
  position: absolute;
  right: 0;
  top: 50%;
  margin: 0;
  width: 27px;
  height: 27px;
  translate: 75% -50%;
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div.exchange dl:nth-of-type(2) {
  grid-column: 2/3;
}
@media screen and (width <= 640px) {
  body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
  }
  body.page-price .contents-sect .width-wrap .content > div.price .guideline > .contents-wrap > div {
    flex-basis: 100%;
  }
}
body.page-price .contents-sect .width-wrap .content > div.price .guideline > .note {
  margin-top: 30px;
  line-height: 178%;
  display: block;
  font-size: 14px;
}
body.page-price .contents-sect .width-wrap .content > div.price .other {
  margin-top: 50px;
}
body.page-price .contents-sect .width-wrap .content > div.price .other h3 {
  font-size: 22px;
  margin-bottom: 0.8em;
}

body.page-flow .firstview-sect {
  background-image: url("/wp-content/themes/doorrepair/images/flow-fv.jpg");
}
body.page-flow .contents-sect .width-wrap .content .flow ol {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 30px;
  counter-reset: num;
}
body.page-flow .contents-sect .width-wrap .content .flow ol li {
  border: 2px solid #FEEDE7;
  border-radius: 14px;
  padding: 30px clamp(15px, calc(30px - (767px - 100vw) * 0.0391134289 * 1), 30px);
  display: grid;
  grid-template-columns: 49px auto;
  align-items: center;
  row-gap: 20px;
  column-gap: clamp(10px, calc(18px - (480px - 100vw) * 0.0375 * 2), 18px);
}
body.page-flow .contents-sect .width-wrap .content .flow ol li .icon {
  height: auto;
  aspect-ratio: 1;
  background-color: #FF511D;
  border-radius: 100vmax;
  display: grid;
  place-content: center;
}
body.page-flow .contents-sect .width-wrap .content .flow ol li .icon svg {
  fill: white;
}
body.page-flow .contents-sect .width-wrap .content .flow ol li h3 {
  align-self: center;
  margin-bottom: 0;
  font-size: 18px;
}
body.page-flow .contents-sect .width-wrap .content .flow ol li h3:before {
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-size: 30px;
  color: #FF511D;
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  vertical-align: middle;
  padding-right: 4px;
}
body.page-flow .contents-sect .width-wrap .content .flow ol li .txt {
  grid-column: 2/3;
}
body.page-flow .contents-sect .width-wrap .content .faq dl {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}
body.page-flow .contents-sect .width-wrap .content .faq dl dt {
  margin-bottom: 0;
}
body.page-flow .contents-sect .width-wrap .content .faq dl dd {
  margin-left: 0;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div {
  border-radius: 10px;
  border: 2px solid #E2E2E2;
  padding: 20px clamp(13px, calc(20px - (480px - 100vw) * 0.0416666667 * 2), 20px);
}
body.page-flow .contents-sect .width-wrap .content .faq dl div dt {
  font-size: 18px;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div dt:before {
  content: "Q.";
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 30px;
  color: #FF511D;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div dt:after {
  flex-basis: 13px;
  flex-shrink: 0;
  margin-left: auto;
  content: "";
  width: 8px;
  height: 1lh;
  background-color: #FF511D;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEzIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEuNDI5IDEuNDI5TDYuNTcgNi41N20wLS4xNDJMMS40MyAxMS41NyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==") no-repeat 50%;
  rotate: 90deg;
  transition: all 0.3s;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div dt:hover {
  cursor: pointer;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div dd {
  display: flex;
  align-items: baseline;
  column-gap: 6px;
  max-height: 0;
  transition: all 0.3s;
  overflow-y: hidden;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div dd:before {
  content: "A.";
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 30px;
  color: #01458B;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div.show {
  border-color: #FF511D;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div.show dt:after {
  rotate: -90deg;
  transition: all 0.3s;
}
body.page-flow .contents-sect .width-wrap .content .faq dl div.show dd {
  max-height: 100vh;
  transition: all 0.5s;
}

body.page-company .firstview-sect {
  background-image: url("/wp-content/themes/doorrepair/images/company-fv.jpg");
  margin-bottom: 80px;
}
body.page-company .comp-sect {
  padding-bottom: 120px;
}
body.page-company .comp-sect .width-wrap {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 900px) {
  body.page-company .comp-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-company .comp-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-company .comp-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-company .comp-sect .width-wrap img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-10);
}
body.page-company .comp-sect .width-wrap dl {
  margin: 0;
  margin-top: 60px;
  margin-bottom: 80px;
}
body.page-company .comp-sect .width-wrap dl dt {
  margin-bottom: 0;
}
body.page-company .comp-sect .width-wrap dl dd {
  margin-left: 0;
}
body.page-company .comp-sect .width-wrap dl div {
  display: flex;
  padding-block: 20px;
  border-bottom: 1px solid #E2E2E2;
  column-gap: 10px;
  padding-inline: 5px;
}
body.page-company .comp-sect .width-wrap dl div dt {
  flex-shrink: 0;
  flex-basis: 35%;
}
body.page-company .comp-sect .width-wrap .map {
  width: 100%;
  height: 484px;
  background-color: #F5F5F5;
}

body.page-contact .firstview-sect {
  background-image: url("/wp-content/themes/doorrepair/images/contact-fv.jpg");
}
body.page-contact .read-sect {
  text-align: center;
}
body.page-contact .toc-sect {
  padding-block: 30px;
}
body.page-contact .toc-sect .toc {
  display: flex;
  column-gap: 6%;
  justify-content: center;
}
body.page-contact .toc-sect .toc > div {
  flex-basis: 400px;
  border-radius: 8px;
}
body.page-contact .toc-sect .toc > div h3 {
  text-align: center;
  font-size: 25px;
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 18px;
  padding-bottom: 14px;
  color: #01458B;
}
body.page-contact .toc-sect .toc > div.tel a {
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-content: center;
  column-gap: 6px;
}
body.page-contact .toc-sect .toc > div.tel a svg {
  fill: #333;
}
body.page-contact .toc-sect .toc > div.tel a .number {
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 0;
  line-height: 1;
  line-height: 1;
}
body.page-contact .toc-sect .toc > div.tel a .hours {
  font-family: "Zen Kaku Gothic New", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  grid-column: 1/3;
  color: #333;
}
body.page-contact .toc-sect .toc > div.line .flex-box {
  padding-inline: 5px;
  display: flex;
  column-gap: 13px;
}
body.page-contact .toc-sect .toc > div.line .flex-box .txt {
  line-height: 1.6;
}
body.page-contact .toc-sect .toc > div.line .flex-box .txt a {
  text-decoration: underline;
}
@media screen and (width <= 670px) {
  body.page-contact .toc-sect .toc {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 70px;
  }
  body.page-contact .toc-sect .toc > div {
    flex-basis: 400px;
  }
}
body.page-contact .form-sect {
  margin-top: 40px;
  padding-bottom: 175px;
}
body.page-contact .form-sect .step-form {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
  display: flex;
}
body.page-contact .form-sect .step-form li {
  line-height: 1.3;
  font-weight: 600;
  display: block;
  background-color: #EFF3F7;
  color: #01458B;
  height: 60px;
  padding: 10px 0 0 40px;
}
body.page-contact .form-sect .step-form li:before {
  content: none;
}
body.page-contact .form-sect .step-form li span {
  display: block;
  font-size: 14px;
}
body.page-contact .form-sect .step-form li:nth-child(1) {
  flex-basis: calc(33% + 20px);
  padding-left: 20px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}
body.page-contact .form-sect .step-form li:nth-child(2) {
  flex-basis: calc(33% + 20px);
  margin-left: -20px;
  clip-path: polygon(5px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 5px 100%, 25px 50%);
}
body.page-contact .form-sect .step-form li:nth-child(3) {
  flex-basis: 34%;
  margin-left: -20px;
  clip-path: polygon(5px 0, 100% 0, 100% 100%, 0 100%, 5px 100%, 25px 50%);
}
body.page-contact .form-sect .step-form li.current {
  color: white;
  background-color: #01458B;
}
@media screen and (max-width: 590px) {
  body.page-contact .form-sect .step-form {
    flex-wrap: wrap;
  }
  body.page-contact .form-sect .step-form li {
    padding-left: 0 !important;
    margin-bottom: 10px;
    height: 59px;
    text-align: center;
  }
  body.page-contact .form-sect .step-form li:last-child {
    margin-bottom: 0;
  }
  body.page-contact .form-sect .step-form li:nth-child(1) {
    flex-basis: 100%;
    padding-left: 0;
    height: 79px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  body.page-contact .form-sect .step-form li:nth-child(2) {
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0;
    height: 79px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  body.page-contact .form-sect .step-form li:nth-child(3) {
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0;
    clip-path: none;
  }
}
body.page-contact .form-sect .mw_wp_form form .message {
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
}
body.page-contact .form-sect .mw_wp_form form .message .s2 {
  display: none;
}
body.page-contact .form-sect .mw_wp_form form .form-box {
  width: 100%;
  display: flex;
}
body.page-contact .form-sect .mw_wp_form form .form-box .subject,
body.page-contact .form-sect .mw_wp_form form .form-box .elements {
  padding: 15px 20px;
  border: 1px solid #d5d5d5;
}
body.page-contact .form-sect .mw_wp_form form .form-box .subject .submessage,
body.page-contact .form-sect .mw_wp_form form .form-box .elements .submessage {
  margin-top: 0.6em;
  color: #888;
  line-height: 1.25;
  font-size: 13px;
  font-weight: normal;
  display: block;
}
body.page-contact .form-sect .mw_wp_form form .form-box .subject {
  background-color: #EFF3F7;
  width: 30%;
  color: #444;
}
body.page-contact .form-sect .mw_wp_form form .form-box .subject .content {
  font-weight: 500;
  letter-spacing: 1px;
}
body.page-contact .form-sect .mw_wp_form form .form-box .subject .require {
  display: block;
  float: right;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 3px;
  background-color: white;
  color: #777;
  border: 1px solid #ccc;
  padding: 1px 8px;
  border-radius: 3px;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements {
  width: 70%;
  border-left: 0 none;
  min-height: 3.5em;
  background-color: white;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements .submessage {
  margin-left: 1px;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements .error {
  font-size: 14px;
  color: #f36868;
  margin-top: 0.3em;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements .error + br {
  display: none;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements .error + br + .submessage {
  margin-top: 0.2em;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements h4 {
  font-size: 16px;
  margin-top: 3em;
  margin-bottom: 0.5em;
  font-weight: 500;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements h4:first-of-type {
  margin-top: 0.6em;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements .mw-wp-form_image {
  width: 100%;
  height: auto;
  max-width: 300px;
}
body.page-contact .form-sect .mw_wp_form form .form-box .elements .mw-wp-form_image img {
  width: 100%;
  height: auto;
}
body.page-contact .form-sect .mw_wp_form form .form-box + .form-box .subject, body.page-contact .form-sect .mw_wp_form form .form-box + .form-box .elements {
  border-top: 0 none;
}
@media screen and (max-width: 767px) {
  body.page-contact .form-sect .mw_wp_form form .form-box {
    flex-direction: column;
  }
  body.page-contact .form-sect .mw_wp_form form .form-box .subject, body.page-contact .form-sect .mw_wp_form form .form-box .elements {
    width: 100%;
  }
  body.page-contact .form-sect .mw_wp_form form .form-box .elements {
    border-left: 1px solid #d5d5d5;
    border-top: 0 none;
    padding-bottom: 30px;
  }
}
body.page-contact .form-sect .mw_wp_form form .form-box input[type=text], body.page-contact .form-sect .mw_wp_form form .form-box input[type=password], body.page-contact .form-sect .mw_wp_form form .form-box textarea {
  font-size: 16px;
  padding: 6px 12px;
  color: #333;
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  background-color: white;
  line-height: 1.4;
  display: block;
}
body.page-contact .form-sect .mw_wp_form form .form-box input[type=text] + br, body.page-contact .form-sect .mw_wp_form form .form-box input[type=password] + br, body.page-contact .form-sect .mw_wp_form form .form-box textarea + br {
  display: none;
}
body.page-contact .form-sect .mw_wp_form form .form-box textarea {
  height: 6em;
}
body.page-contact .form-sect .mw_wp_form form .form-box input[type=file] {
  width: 100%;
}
body.page-contact .form-sect .mw_wp_form form .form-box select {
  padding: 6px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: white;
  color: #333;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item {
  display: block;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label {
  font-weight: normal;
  color: #454545;
  font-size: 15px;
  line-height: 23px;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label input[type=checkbox] {
  margin-left: 1px;
  margin-right: 6px;
  vertical-align: middle;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label span {
  vertical-align: middle;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item + .mwform-checkbox-field.vertical-item {
  margin-top: 1em;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.horizontal-item {
  margin-right: 10px;
  white-space: nowrap;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.horizontal-item + .mwform-checkbox-field.horizontal-item {
  margin-left: 0;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-radio-field.vertical-item {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
body.page-contact .form-sect .mw_wp_form form .form-box .mwform-radio-field.vertical-item + .mwform-radio-field.vertical-item {
  margin-top: 0.8em;
}
body.page-contact .form-sect .mw_wp_form form .privacy-box {
  margin-top: 50px;
  text-align: center;
}
body.page-contact .form-sect .mw_wp_form form .privacy-box input {
  vertical-align: middle;
  margin-bottom: 1px;
}
body.page-contact .form-sect .mw_wp_form form .privacy-box .mwform-checkbox-field-text {
  font-size: 15px;
}
body.page-contact .form-sect .mw_wp_form form .privacy-box h5 {
  margin-top: 10px;
  font-size: 14px;
}
body.page-contact .form-sect .mw_wp_form form .privacy-box h5 + p {
  font-size: 13px;
  margin-bottom: 0;
}
body.page-contact .form-sect .mw_wp_form form .form-btn {
  margin-top: 55px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
body.page-contact .form-sect .mw_wp_form form .form-btn button, body.page-contact .form-sect .mw_wp_form form .form-btn input[type=button], body.page-contact .form-sect .mw_wp_form form .form-btn input[type=reset], body.page-contact .form-sect .mw_wp_form form .form-btn input[type=submit] {
  background-color: #01458B;
  color: white;
  padding: 15px 30px;
  border: 1px solid #ddd;
  cursor: pointer;
  display: inline-block;
  min-width: inherit;
  max-width: inherit;
}
body.page-contact .form-sect .mw_wp_form form .form-btn button:focus, body.page-contact .form-sect .mw_wp_form form .form-btn input[type=button]:focus, body.page-contact .form-sect .mw_wp_form form .form-btn input[type=reset]:focus, body.page-contact .form-sect .mw_wp_form form .form-btn input[type=submit]:focus {
  outline: none;
}
body.page-contact .form-sect .mw_wp_form form .form-btn button[name=submitBack], body.page-contact .form-sect .mw_wp_form form .form-btn input[type=button][name=submitBack], body.page-contact .form-sect .mw_wp_form form .form-btn input[type=reset][name=submitBack], body.page-contact .form-sect .mw_wp_form form .form-btn input[type=submit][name=submitBack] {
  background-color: white;
  color: #333;
}
body.page-contact .form-sect .mw_wp_form form .form-btn input[type=submit]:disabled {
  background-color: #eee;
  color: #666666;
  cursor: default;
}
@media screen and (max-width: 480px) {
  body.page-contact .form-sect .mw_wp_form form .form-btn {
    flex-direction: column;
  }
  body.page-contact .form-sect .mw_wp_form form .form-btn input[name=submit] {
    order: 1;
    margin-bottom: 25px;
  }
  body.page-contact .form-sect .mw_wp_form form .form-btn input[name=submitBack] {
    order: 2;
  }
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_confirm .message .s1 {
  display: none;
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_confirm .message .s2 {
  display: block;
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_confirm .form-box .elements .submessage {
  display: none !important;
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_confirm button, body.page-contact .form-sect .mw_wp_form.mw_wp_form_confirm input[type=button], body.page-contact .form-sect .mw_wp_form.mw_wp_form_confirm input[type=reset], body.page-contact .form-sect .mw_wp_form.mw_wp_form_confirm input[type=submit] {
  margin-right: 13px;
  margin-left: 13px;
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_confirm .privacy-box {
  display: none;
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_complete .message .s1 {
  display: none;
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_complete .message .s2 {
  display: none;
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_complete > p {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20em;
}
body.page-contact .form-sect .mw_wp_form.mw_wp_form_complete .privacy-box {
  display: none;
}

body.page-privacy-policy .policy-sect {
  padding-bottom: 100px;
}
body.page-privacy-policy .policy-sect .width-wrap {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 900px) {
  body.page-privacy-policy .policy-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-privacy-policy .policy-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-privacy-policy .policy-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-privacy-policy .policy-sect .width-wrap h2 {
  margin-top: 3em;
}
body.page-privacy-policy .policy-sect .width-wrap ul {
  list-style: initial;
  padding-left: 1.7em;
  line-height: 1.4;
}
body.page-privacy-policy .policy-sect .width-wrap ul li {
  margin-bottom: 0.9em;
}

body.blog .article-index,
body.archive .article-index {
  background-color: white;
  padding-block: 30px 100px;
}
body.blog .article-index .article-wrap,
body.archive .article-index .article-wrap {
  min-height: 700px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 3%;
  padding-inline: 4px;
}
body.blog .article-index .article-wrap article,
body.archive .article-index .article-wrap article {
  flex-basis: 31.3333333333%;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.22);
  border-radius: 3px;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  body.blog .article-index .article-wrap,
  body.archive .article-index .article-wrap {
    column-gap: 4%;
  }
  body.blog .article-index .article-wrap .hentry,
  body.archive .article-index .article-wrap .hentry {
    flex-basis: 48%;
  }
}
@media screen and (max-width: 636px) {
  body.blog .article-index .article-wrap,
  body.archive .article-index .article-wrap {
    justify-content: center;
  }
  body.blog .article-index .article-wrap .hentry,
  body.archive .article-index .article-wrap .hentry {
    flex-basis: 450px;
  }
  body.blog .article-index .article-wrap .hentry .thumbnail-box,
  body.archive .article-index .article-wrap .hentry .thumbnail-box {
    height: 300px;
  }
  body.blog .article-index .article-wrap .hentry .content-box .entry-header h3,
  body.archive .article-index .article-wrap .hentry .content-box .entry-header h3 {
    font-size: 15px;
    height: auto;
  }
  body.blog .article-index .article-wrap .hentry .content-box .entry-header .date,
  body.archive .article-index .article-wrap .hentry .content-box .entry-header .date {
    font-size: 12px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 480px) {
  body.blog .article-index .article-wrap .hentry .thumbnail-box,
  body.archive .article-index .article-wrap .hentry .thumbnail-box {
    height: 250px;
  }
  body.blog .article-index .article-wrap .hentry .thumbnail-box img,
  body.archive .article-index .article-wrap .hentry .thumbnail-box img {
    height: 250px;
  }
}
body.blog .article-index .article-wrap article,
body.archive .article-index .article-wrap article {
  box-shadow: unset;
  border-radius: unset;
}
body.blog .article-index .article-wrap article .thumbnail-box,
body.archive .article-index .article-wrap article .thumbnail-box {
  background-color: unset;
  display: block;
  height: auto;
  margin-bottom: 17px;
}
body.blog .article-index .article-wrap article .thumbnail-box img,
body.archive .article-index .article-wrap article .thumbnail-box img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 40/28;
  object-fit: cover;
  border-radius: var(--radius-20);
}
body.blog .article-index .article-wrap article .content-box,
body.archive .article-index .article-wrap article .content-box {
  padding-inline: 2px;
}
body.blog .article-index .article-wrap article .content-box .entry-header,
body.archive .article-index .article-wrap article .content-box .entry-header {
  display: flex;
  justify-content: space-between;
  row-gap: 10px;
  align-items: baseline;
  flex-wrap: wrap;
}
body.blog .article-index .article-wrap article .content-box .entry-header .post-categories,
body.archive .article-index .article-wrap article .content-box .entry-header .post-categories {
  display: flex;
  align-items: baseline;
  column-gap: 5px;
}
body.blog .article-index .article-wrap article .content-box .entry-header .post-categories li,
body.archive .article-index .article-wrap article .content-box .entry-header .post-categories li {
  font-size: 13px;
  padding: 2px 9px 1px;
  background-color: #aaa;
  border-radius: 100vmax;
  color: white;
}
body.blog .article-index .article-wrap article .content-box .entry-header .post-categories li a,
body.archive .article-index .article-wrap article .content-box .entry-header .post-categories li a {
  color: white;
}
body.blog .article-index .article-wrap article .content-box .entry-header .post-categories li a:visited,
body.archive .article-index .article-wrap article .content-box .entry-header .post-categories li a:visited {
  color: white;
}
body.blog .article-index .article-wrap article .content-box .entry-header .post-categories li a:hover,
body.archive .article-index .article-wrap article .content-box .entry-header .post-categories li a:hover {
  color: white;
}
body.blog .article-index .article-wrap article .content-box .entry-header .post-categories li a:active,
body.archive .article-index .article-wrap article .content-box .entry-header .post-categories li a:active {
  color: white;
}
body.blog .article-index .article-wrap article .content-box .entry-header .date,
body.archive .article-index .article-wrap article .content-box .entry-header .date {
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: #aaa;
  font-size: 16px;
}
body.blog .article-index .article-wrap article .content-box .entry-header .entry-title,
body.archive .article-index .article-wrap article .content-box .entry-header .entry-title {
  flex-basis: 100%;
  padding-left: 2px;
}
body.blog .navigation,
body.archive .navigation {
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  margin-inline: 0;
  font-family: Helvetica, Arial;
}
body.blog .navigation ol.wp-paginate,
body.archive .navigation ol.wp-paginate {
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
  margin: 0;
  padding-left: 0;
}
body.blog .navigation ol.wp-paginate li,
body.archive .navigation ol.wp-paginate li {
  list-style: none;
  display: block;
  border: 1px solid #ddd;
}
body.blog .navigation ol.wp-paginate li span,
body.blog .navigation ol.wp-paginate li a,
body.archive .navigation ol.wp-paginate li span,
body.archive .navigation ol.wp-paginate li a {
  display: block;
  padding: 11px 15px;
  min-width: 38px;
  line-height: 1;
  text-align: center;
  background-color: white;
}
body.blog .navigation ol.wp-paginate li a.prev, body.blog .navigation ol.wp-paginate li a.next,
body.archive .navigation ol.wp-paginate li a.prev,
body.archive .navigation ol.wp-paginate li a.next {
  position: relative;
}
body.blog .navigation ol.wp-paginate li a.prev:after, body.blog .navigation ol.wp-paginate li a.next:after,
body.archive .navigation ol.wp-paginate li a.prev:after,
body.archive .navigation ol.wp-paginate li a.next:after {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  content: "";
  display: block;
  width: 8px;
  height: auto;
  aspect-ratio: 9/15;
  background-color: #01458B;
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgOSAxNSIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTIgOC4xOTg1IDYuNDg2IDYuNDg2Yy4zOS4zOSAxLjAyNC4zOSAxLjQxNCAwcy4zOS0xLjAyNCAwLTEuNDE0bC01Ljc4Mi01Ljc4MiA1Ljc4Mi01Ljc4MmMuMzktLjM5LjM5LTEuMDI0IDAtMS40MTRzLTEuMDI0LS4zOS0xLjQxNCAwbC02LjQ4NiA2LjQ4NmMtLjE5NjAwMDIuMTk2LS4yOTIuNDUyLS4yOTIuNzFzLjA5NTk5OTguNTE0LjI5Mi43MXoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=") no-repeat center center;
  mask-size: contain;
}
body.blog .navigation ol.wp-paginate li a.prev:hover:after, body.blog .navigation ol.wp-paginate li a.next:hover:after,
body.archive .navigation ol.wp-paginate li a.prev:hover:after,
body.archive .navigation ol.wp-paginate li a.next:hover:after {
  background-color: white;
}
body.blog .navigation ol.wp-paginate li a.next:after,
body.archive .navigation ol.wp-paginate li a.next:after {
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgOSAxNSIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTI1IDE0LjY4NDVjLjM5LjM5IDEuMDI0LjM5IDEuNDE0IDBsNi40ODYtNi40ODZjLjE5Ni0uMTk2LjI5NC0uNDU0LjI5Mi0uNzEgMC0uMjU4LS4wOTYtLjUxNC0uMjkyLS43MWwtNi40ODYtNi40ODZjLS4zOS0uMzktMS4wMjQtLjM5LTEuNDE0IDBzLS4zOSAxLjAyNCAwIDEuNDE0bDUuNzgyIDUuNzgyLTUuNzgyIDUuNzgyYy0uMzkuMzktLjM5IDEuMDI0IDAgMS40MTR6IiBmaWxsPSIjMDAwIi8+PC9zdmc+") no-repeat center center;
}
body.blog .navigation ol.wp-paginate li a,
body.archive .navigation ol.wp-paginate li a {
  color: #01458B;
}
body.blog .navigation ol.wp-paginate li a:visited,
body.archive .navigation ol.wp-paginate li a:visited {
  color: #01458B;
}
body.blog .navigation ol.wp-paginate li a:hover,
body.archive .navigation ol.wp-paginate li a:hover {
  color: white;
}
body.blog .navigation ol.wp-paginate li a:active,
body.archive .navigation ol.wp-paginate li a:active {
  color: white;
}
body.blog .navigation ol.wp-paginate li a:hover,
body.archive .navigation ol.wp-paginate li a:hover {
  background-color: #0152a4;
}
body.blog .navigation ol.wp-paginate li span.current,
body.archive .navigation ol.wp-paginate li span.current {
  background-color: #01458B;
  color: white;
}

body.single .main-content .width-wrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
}
@media screen and (max-width: 1040px) {
  body.single .main-content .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.single .main-content .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.single .main-content .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.single .main-content article .entry-header .entry-meta {
  display: flex;
  align-items: center;
  column-gap: 15px;
  margin-bottom: 20px;
}
body.single .main-content article .entry-header .entry-meta .post-categories {
  display: flex;
  align-items: baseline;
  column-gap: 5px;
}
body.single .main-content article .entry-header .entry-meta .post-categories li {
  font-size: 16px;
  padding: 2px 9px 1px;
  background-color: #aaa;
  border-radius: 100vmax;
  color: white;
}
body.single .main-content article .entry-header .entry-meta .post-categories li a {
  color: white;
}
body.single .main-content article .entry-header .entry-meta .post-categories li a:visited {
  color: white;
}
body.single .main-content article .entry-header .entry-meta .post-categories li a:hover {
  color: white;
}
body.single .main-content article .entry-header .entry-meta .post-categories li a:active {
  color: white;
}
body.single .main-content article .entry-header .entry-meta .date {
  font-family: "Sofia Sans Condensed", BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: #aaa;
  font-size: 16px;
}
body.single .main-content article .entry-header .entry-title {
  color: #333;
}
body.single .main-content article .entry-content {
  font-size: 16px;
  line-height: 1.6;
}
body.single .main-content article .entry-content p {
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 2.5em;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h4 {
  margin-top: 2em;
  font-size: 16px;
}
body.single .main-content article .entry-content h5 {
  margin-top: 1.5em;
  font-size: 16px;
}
body.single .main-content article .entry-content em.marker {
  box-shadow: inset 0 -0.4em rgba(0, 0, 0, 0.4);
  padding-inline: 2px;
  font-style: initial;
}
body.single .main-content article .entry-content em.nami {
  -webkit-text-decoration: black wavy underline;
  text-decoration: black wavy underline;
  padding-left: 3px;
  padding-right: 3px;
  font-style: initial;
}
body.single .main-content article .entry-content div.box {
  padding: 10px 15px;
  border-radius: 6px;
  margin-bottom: 1em;
  background-color: rgba(0, 0, 0, 0.2);
}
body.single .main-content article .entry-content div.box h6 {
  margin: 0;
  font-size: 16px;
  width: fit-content;
  margin-bottom: 0.3em;
  line-height: 1.55;
}
body.single .main-content article .entry-content div.box h6.has-bdrc {
  padding-inline: 0.7em;
  color: white;
}
body.single .main-content article .entry-content hr {
  border: 1px solid #ddd;
  margin-block: 1.5em;
}
body.single .main-content article .entry-content img[class*=wp-image-] {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content img[class*=wp-image-].boader {
  background-color: #eee;
  padding: 5px;
}
body.single .main-content article .entry-content img[class*=wp-image-].boader-dark {
  background-color: #666;
  padding: 5px;
}
body.single .main-content article .entry-content img[class*=wp-image-].alignleft {
  margin-right: auto;
}
body.single .main-content article .entry-content img[class*=wp-image-].aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.single .main-content article .entry-content img[class*=wp-image-].alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content img[class*=wp-image-] {
    margin-left: auto;
    margin-right: auto;
  }
}
body.single .main-content article .entry-content figure.wp-caption {
  max-width: max-content;
  padding: 5px;
  background-color: #f5f5f5;
  margin-left: 0;
  margin-bottom: 1em;
  text-align: center;
  display: block;
}
body.single .main-content article .entry-content figure.wp-caption img[class*=wp-image-] {
  margin-bottom: 0;
  margin-inline: auto;
}
body.single .main-content article .entry-content figure.wp-caption figcaption,
body.single .main-content article .entry-content figure.wp-caption .wp-caption-text {
  text-align: center;
  font-size: 14px;
  line-height: 1.45;
  padding-block: 0.5em 0.3em;
}
body.single .main-content article .entry-content figure.wp-caption.alignleft {
  margin-right: auto;
}
body.single .main-content article .entry-content figure.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.single .main-content article .entry-content figure.wp-caption.alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content figure.wp-caption {
    margin-left: auto;
    margin-right: auto;
  }
}
body.single .main-content article .entry-content pre {
  font-family: Courier, Consolas, Monaco, monospace;
  padding: 1em 1.5em;
  margin-bottom: 1em;
  display: block;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: auto;
}
body.single .main-content article .entry-content ul, body.single .main-content article .entry-content ol {
  margin-bottom: 1em;
  list-style: none;
  padding-left: 0;
}
body.single .main-content article .entry-content ul li, body.single .main-content article .entry-content ol li {
  margin: 0.75em 0;
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  list-style: none;
  line-height: 23px;
}
body.single .main-content article .entry-content ul li:before, body.single .main-content article .entry-content ol li:before {
  content: " ";
  width: 7px;
  height: 7px;
  background: black;
  position: absolute;
  left: 6px;
  top: 11px;
  letter-spacing: 0;
  transform: translate(0, -50%);
}
body.single .main-content article .entry-content ol {
  counter-reset: number;
}
body.single .main-content article .entry-content ol li {
  padding-left: 26px;
}
body.single .main-content article .entry-content ol li:before {
  box-sizing: border-box;
  counter-increment: number;
  content: counter(number);
  background: black;
  color: #fff;
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  display: block;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  padding-left: 1px;
  left: 4px;
  transform: translate(0, -51%);
}
body.single .main-content article .entry-content blockquote {
  background-color: white;
  border: 1px solid #f5f5f5;
  padding: 0.8em 1em;
  margin-bottom: 1em;
  color: #666;
  border-left: 4px solid black;
}
body.single .main-content article .entry-content blockquote p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
body.single .main-content article .entry-content .column-wrap {
  display: flex;
  justify-content: space-between;
}
body.single .main-content article .entry-content .column-wrap .col-2,
body.single .main-content article .entry-content .column-wrap .col-3 {
  flex-basis: 49%;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content .column-wrap .col-2 img[class*=wp-image-],
body.single .main-content article .entry-content .column-wrap .col-3 img[class*=wp-image-] {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.single .main-content article .entry-content .column-wrap .col-3 {
  flex-basis: 32%;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content .column-wrap {
    flex-wrap: wrap;
  }
  body.single .main-content article .entry-content .column-wrap .col-2,
  body.single .main-content article .entry-content .column-wrap .col-3 {
    flex-basis: 100%;
  }
}
body.single .main-content article .entry-content table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1em;
  border-collapse: collapse;
}
body.single .main-content article .entry-content table tr {
  border-bottom: 1px solid #eee;
}
body.single .main-content article .entry-content table tr th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
  padding: 7px;
  min-width: 6em;
}
body.single .main-content article .entry-content table tr td {
  border-right: 1px solid #eaedf2;
  padding: 11px 7px 10px;
}
body.single .main-content article .entry-content table tr caption, body.single .main-content article .entry-content table tr th, body.single .main-content article .entry-content table tr td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
body.single .main-content article .entry-content dl dt {
  color: black;
}
body.single .main-content article .entry-content dl dd {
  color: #787878;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content .supplement {
  background: lightyellow;
  font-size: 0.88em;
  padding: 1em 1.5em;
  margin: 1.5em 0 2em;
  border-radius: 4px;
  border: 1px solid rgba(237, 237, 237, 0.5);
}
body.single .main-content article .entry-content .supplement.warning {
  background: pink;
  color: #333;
}
body.single .main-content article .entry-content .linkcard iframe {
  border: 0 none;
}
body.single .main-content article .entry-content .youtube {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
body.single .main-content article .entry-content .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.single .main-content article .entry-content p {
  line-height: 1.8;
}
body.single .main-content .previous_next_post {
  margin-top: 70px;
  display: flex;
  justify-content: space-around;
}
body.single .main-content .previous_next_post .previous a,
body.single .main-content .previous_next_post .next a {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  color: #333;
}
body.single .main-content .previous_next_post .previous a:visited,
body.single .main-content .previous_next_post .next a:visited {
  color: #333;
}
body.single .main-content .previous_next_post .previous a:hover,
body.single .main-content .previous_next_post .next a:hover {
  color: #333;
}
body.single .main-content .previous_next_post .previous a:active,
body.single .main-content .previous_next_post .next a:active {
  color: #333;
}
body.single .main-content .previous_next_post .previous a:before,
body.single .main-content .previous_next_post .next a:before {
  display: block;
  content: "";
  width: 9px;
  height: 15px;
  background-color: #333;
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOSAxNiIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTk5OTUgOC43MSA2LjQ4NTk5NSA2LjQ4NmMuMzkuMzkgMS4wMjQwMS4zOSAxLjQxNDAxIDBzLjM5LTEuMDI0IDAtMS40MTRsLTUuNzgyLTUuNzgxOTkgNS43ODItNS43ODJjLjM5LS4zOS4zOS0xLjAyNCAwLTEuNDE0MDA1LS4zOS0uMzktMS4wMjQwMS0uMzktMS40MTQwMSAwbC02LjQ4NTk5NSA2LjQ4NjAwNWMtLjE5Ni4xOTYtLjI5MTk5OTM5LjQ1Mi0uMjkxOTk5MzkuNzFzLjA5NTk5OTM5LjUxMzk5LjI5MTk5OTM5LjcwOTk5eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
  mask-size: 100% auto;
}
body.single .main-content .previous_next_post .previous a span {
  order: 1;
}
body.single .main-content .previous_next_post .previous a:before {
  order: 2;
  transform: scale(-1, 1);
}
/*# sourceMappingURL=style.css.map */