@charset "UTF-8";
/*
* ＊＊＊＊＊＊＊＊＊＊ Org-Design Settings
* Written by  syam
* @author     ＊＊＊＊＊
* @copyright  Author
* @version    2.3.1 (＊＊/01/2024)
* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@300;400;700;900&family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
@import url("./icon-fonts.css");
:root {
  --base_bg: rgb(255, 255, 255);
  --head_bg: rgb(240, 240, 240);
  --main_bg: rgb(242, 242, 242);
  --foot_bg: rgb(27, 44, 73);
  --link_cl: rgb(62, 188, 210);
  --base-bk:27,44,73;
  --bk: 0,0,0;
  --white: 255,255,255;
  --bk-a: 51,51,51;
  --bk-b: 85,85,85;
  --bk-c: 204,204,204;
  --red: 213,0,0;
  --blue: 2,95,173;
  --green: 149,193,31;
  --cl-a: 62,188,210;
  --cl-b: 134,94,165;
  --sns-color_fb: rgb(59, 89, 152);
  --sns-color_tw: rgb(29, 161, 242);
  --sns-color_in: linear-gradient(-135deg, rgb(192, 0, 158) 5%, rgb(223, 0, 65) 15%, rgb(251, 137, 21) 80%);
  --sns-color_li: rgb(0, 185, 0);
  --base-font: Noto Sans JP, 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, Yu Gothic M, 游ゴシック Medium, Yu Gothic Medium, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN W3, HiraKakuProN-W3, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  --mincho-font: Shippori Mincho, serif;
  --eng-font: Roboto, sans-serif;
  --gothic-font: Zen Kaku Gothic New, sans-serif;
  --number-font: Zen Kaku Gothic New, sans-serif;
  --over-wrap: 1600px;
  --max-wrap: 90%;
  --inner-wrap_ll: 1400px;
  --inner-wrap_l: 1240px;
  --inner-wrap: 1100px;
  --inner-wrap_ml: 950px;
  --inner-wrap_m: 900px;
  --inner-wrap_ms: 800px;
  --inner-wrap_sl: 750px;
  --inner-wrap_s: 700px;
  --inner-wrap_ss: 640px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1 !important;
  }
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1 !important;
    transform: translateX(0);
  }
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1 !important;
    transform: translateX(0);
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1 !important;
    transform: translateY(0);
  }
}
@keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1 !important;
    transform: translateY(0);
  }
}
@keyframes active_menu {
  from {
    top: -200vh;
  }
  to {
    top: 0;
  }
}
@keyframes hidden_menu {
  from {
    top: 0;
  }
  to {
    top: -200vh;
  }
}
.anim {
  opacity: 0;
}

.fadeIn {
  animation: fadeIn 1s ease-in 0s 1 normal backwards;
}

.fadeLeft {
  animation: fadeLeft 1s ease-in 0s 1 normal backwards;
}

.fadeRight {
  animation: fadeRight 1s ease-in 0s 1 normal backwards;
}

.fadeUp {
  animation: fadeUp 1s ease-in 0s 1 normal backwards;
}

.fadeBottom {
  animation: fadeBottom 1s ease-in 0s 1 normal backwards;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

nav, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

img {
  display: block;
  max-width: 100%;
}

input[type=submit], input[type=reset] {
  -webkit-appearance: button;
  appearance: button;
}

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  resize: horizontal;
}

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

*:focus {
  outline: none;
}

label, button, input[type=submit], input[type=image] {
  cursor: pointer;
}

sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}

sup {
  bottom: 1.5ex;
  font-size: clamp(1.4rem, 1.4rem + 0vw, 1.4rem);
}

sub {
  top: 0.5ex;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clear {
  clear: both;
}

html, body {
  overflow-x: hidden;
}

input {
  line-height: 1;
}

header, main, footer, section, a, nav, .base_section, article {
  position: relative;
}

a {
  display: inline-block;
  text-decoration: none;
}
a:hover {
  opacity: 0.75;
}
@media (min-width: 771px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

header, main, footer {
  width: 100%;
}

time {
  white-space: nowrap;
}

img {
  max-width: 100%;
}
img[src$=".svg"] {
  width: 100%;
}

object {
  pointer-events: none;
}

h1, h2, h3, h4, h5, h6, img {
  line-height: 1.1;
}

.testcontainer {
  container: my-container/inline-size;
}

/*
-- margin-top（ボタン直前）
   ・PC：100px  /  ・SP：35px
*/
/*
-- margin-bottom（ボタン直前）
   ・PC：100px  /  ・SP：35px
*/
/*
-- 画像のPC/SP切り替え
*/
/*
-- 基本のテキストリンク設定
   ・デフォ下線：あり
   ・下線が消える
*/
/*
-- 基本のテキストリンク設定B
   ・デフォ下線：なし
   ・左から右へ下線が流れて消える
*/
/*
-- 基本のテキストリンク設定C
   ・デフォ下線：なし
   ・中央で下線が流れて消える
*/
/*
-- 画像hoverでズーム
*/
/*
-- 画像hoverでズーム&うっすら罫線
*/
/*
-- 画像のキャプション付きリンク
   ・デフォ下線：なし
   ・左から右へ下線が流れて消える
*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--base-font);
  font-weight: 300;
  letter-spacing: 0.1rem;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
  background: var(--base_bg);
  color: rgba(var(--bk), 0.8);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
}

p {
  font-size: clamp(0.875rem, 0.83rem + 0.14vw, 0.938rem);
}

time {
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
}

#login_mode:before, #page_edit:before {
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
}

.base__title {
  margin-bottom: 35px !important;
  font-size: clamp(1.125rem, 0.589rem + 1.71vw, 1.875rem);
  font-weight: 600;
  color: rgba(var(--base-bk), 1);
  display: flex;
  align-items: center;
}
.base__title:before {
  margin-right: 15px;
  content: "";
  display: inline-block;
  width: 15px;
  height: 41px;
  background: linear-gradient(rgba(var(--cl-a), 1) 0%, rgba(var(--cl-b), 1) 100%);
}
@media (max-width: 770px) {
  .base__title:before {
    width: 8px;
    height: 26px;
    margin-right: 5px;
  }
}

.main__wrapper {
  background: var(--main_bg);
  padding-top: 80px !important;
  padding-bottom: 180px !important;
  padding: 0 5%;
}
@media (max-width: 770px) {
  .main__wrapper {
    padding-top: 35px !important;
    padding-bottom: 60px !important;
  }
}

.contents__head {
  display: flex;
  align-items: center;
}
@media (max-width: 770px) {
  .contents__head {
    flex-direction: column;
  }
}
.contents__head h1 {
  margin-bottom: 0px !important;
}
@media (max-width: 770px) {
  .contents__head h1 {
    margin-right: auto;
    margin-bottom: 10px !important;
  }
}
.contents__head nav {
  margin-left: auto;
}
.contents__head nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.contents__head nav ul li {
  font-size: clamp(0.813rem, 0.679rem + 0.43vw, 1rem);
  font-weight: 400;
  color: rgba(var(--cl-a), 1);
}
.contents__head nav ul li a {
  color: rgba(var(--base-bk), 1);
  white-space: nowrap;
  font-weight: 500;
}
.contents__head nav ul li:not(:last-of-type):after {
  content: "\e913";
  display: inline-block;
  font-family: "icon-fonts" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(var(--base-bk), 1);
}

.category_navs {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  bottom: 2px;
}
.category_navs li span {
  display: inline-block;
  padding: 5px 10px;
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
  border: 1px solid rgba(var(--base-bk), 1);
  border-radius: 100px;
  line-height: 1.1;
  background: rgba(var(--white), 1);
}

.next__links, .back__links, .category_links {
  text-align: right;
  transition: all 0.5s;
  font-size: clamp(0.813rem, 0.679rem + 0.43vw, 1rem);
  font-weight: 500;
}
.next__links a, .back__links a, .category_links a {
  transition: all 0.5s;
}
.next__links a:after, .back__links a:after, .category_links a:after {
  content: ">>";
  display: inline-block;
  margin-left: 8px;
}

.back__links, .category_links {
  color: rgba(var(--base-bk), 1);
}
.back__links a, .category_links a {
  color: var(--link_cl);
}
.back__links a:hover, .category_links a:hover {
  color: rgba(var(--base-bk), 1);
  text-decoration: underline;
}

.category_links:after, .next__links:after {
  content: ">>";
  display: inline-block;
  margin-left: 8px;
}

.category_links {
  text-align: center;
  color: var(--link_cl);
}
.category_links:hover {
  color: rgba(var(--base-bk), 1);
  text-decoration: underline;
}

input[type=text], input[type=email], input[type=tel], input[type=password], textarea {
  padding: 10px;
  width: 100%;
  height: 35px;
  border: 1px solid rgba(var(--bk), 0.4);
  font-size: clamp(1.6rem, 1.6rem + 0vw, 1.6rem);
}

textarea {
  resize: vertical;
  height: 100px;
}

input[type=text], input[type=email], input[type=tel], input[type=password], input[type=file], input[type=time] {
  resize: none;
}

input[type=email], input[type=tel], input[type=password], input.han {
  ime-mode: disabled;
}

::placeholder {
  color: rgba(var(--bk) 0.3);
}

form {
  position: relative;
}

.hpf {
  display: none !important;
}

.breadcrumb ul {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.breadcrumb ul * {
  font-size: clamp(1rem, 0.8222222222rem + 0.3703703704vw, 1.2rem);
  line-height: 1;
}
.breadcrumb ul li {
  display: flex;
  align-items: center;
  color: rgba(var(--bk), 1);
}
.breadcrumb ul li:not(:last-of-type):after {
  display: inline-block;
  font-family: "icon-fonts" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  margin: 0 5px 0 10px;
}

.pagers ul {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
}
.pagers ul li a {
  background: rgba(var(--white), 1);
}
.pagers ul li a:hover {
  background: var(--link_cl);
  opacity: 1;
  color: rgba(var(--white), 1);
}
.pagers ul li span {
  color: rgba(var(--white), 1);
  background: var(--link_cl);
}
.pagers ul li a, .pagers ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 60px;
  height: 60px;
  text-decoration: none;
  color: rgba(var(--base-bk), 1);
  border: 1px solid rgba(var(--base-bk), 1);
  border-radius: 100%;
  font-size: clamp(1rem, 0.732rem + 0.86vw, 1.375rem);
  transition: all 0.5s;
  font-weight: 500;
}
@media (max-width: 570px) {
  .pagers ul li a, .pagers ul li span {
    width: 40px;
    height: 40px;
  }
}
.pagers ul li a:before, .pagers ul li a:after {
  display: inline-block;
  font-family: "icon-fonts" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.pagers ul li.prevnav a:before {
  content: "\e93d";
  left: 0;
}
.pagers ul li.nextnav a:after {
  content: "\e923";
  right: 0;
}

.youtube_frame {
  aspect-ratio: 16/9;
}
.youtube_frame iframe {
  width: 100% !important;
  height: 100% !important;
}

#page_top, #login_mode, #page_edit {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  position: fixed;
  z-index: 90005;
}
#page_top:before, #login_mode:before, #page_edit:before {
  display: inline-block;
  font-family: "icon-fonts" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#login_mode, #page_edit {
  bottom: 2%;
  color: rgba(var(--bk), 0.6);
  width: 25px;
  height: 25px;
}
#login_mode:before, #page_edit:before {
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
}

#page_top {
  right: 2%;
  bottom: 5%;
  background: rgba(var(--base-bk), 0.4);
  color: rgba(var(--white), 1);
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
#page_top:before {
  content: "\e978";
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
}

#login_mode {
  right: 2%;
}
#login_mode:before {
  content: "\e9a8";
}

#page_edit {
  right: 4%;
}
#page_edit:before {
  content: "\e917";
}

a[data-fancybox] img {
  cursor: zoom-in;
}

.fancybox__container {
  --fancybox-bg: rgba(var(--bk), 0.85);
}
.fancybox__container .fancybox__content {
  max-width: 850px;
  box-sizing: content-box;
  padding: 1rem;
  border-radius: 10px;
  background: var(--white);
  box-shadow: 0 8px 23px rgba(var(--bk), 0.35);
}
.fancybox__container .fancybox__content > .carousel__button.is-close {
  right: 25px;
  top: 25px;
  background: rgba(var(--bk), 0.8);
  width: 30px;
  height: 30px;
}

.fancybox__caption {
  max-width: 80%;
  --fancybox-opacity: 1;
}

.fancybox__nav {
  display: none;
}

.searchforms form {
  position: relative;
}
.searchforms form input {
  width: 100%;
  border: 1px solid rgba(var(--cl-a), 1);
  border-radius: 100px;
  padding: 25px 40px;
}
.searchforms form input::placeholder {
  color: rgba(var(--bk-a), 0.2);
}
.searchforms form button {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
}
.searchforms form button .icon-search__inner {
  fill: rgba(var(--white), 1);
}
.searchforms form button .s-btn-area {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  cursor: pointer;
}

main .searchforms {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
  background: rgba(var(--white), 1);
}
@media (max-width: 570px) {
  main .searchforms {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
main .searchforms article {
  margin: auto;
  max-width: var(--inner-wrap);
  padding: 0 5%;
}
main .searchforms h1 {
  font-size: clamp(1.125rem, 0.589rem + 1.71vw, 1.875rem);
  margin-bottom: 25px !important;
  text-align: center;
  font-weight: 500;
}
main .searchforms input {
  padding: 25px 40px 25px 50px;
  font-size: clamp(0.875rem, 0.83rem + 0.14vw, 0.938rem);
}
main .searchforms button {
  width: 30px;
  left: 10px;
  top: 9px;
}
main .searchforms button svg {
  width: 25px;
  fill: rgba(var(--base-bk), 0.4);
}
@media (max-width: 570px) {
  main .searchforms input {
    padding: 25px 40px 25px 40px;
  }
  main .searchforms button {
    left: 10px;
  }
  main .searchforms button svg {
    width: 20px;
    fill: rgba(var(--base-bk), 1);
  }
}

.search-results .pagers, .search-no-results .pagers {
  margin-top: 55px !important;
}
.search-results .base_wrapper, .search-no-results .base_wrapper {
  margin-top: 100px !important;
}
@media (max-width: 570px) {
  .search-results .base_wrapper, .search-no-results .base_wrapper {
    margin-top: 45px !important;
  }
}
.search-results .base_wrapper article, .search-no-results .base_wrapper article {
  display: flex;
  gap: 45px;
}
.search-results .base_wrapper article .faq_categories, .search-no-results .base_wrapper article .faq_categories {
  min-width: 290px;
  width: 20%;
}
.search-results .base_wrapper article .faq_categories h2, .search-no-results .base_wrapper article .faq_categories h2 {
  font-size: clamp(1rem, 0.732rem + 0.86vw, 1.375rem);
  font-weight: 500;
  color: rgba(var(--base-bk), 1);
  margin-bottom: 25px !important;
}
@media (max-width: 570px) {
  .search-results .base_wrapper article .faq_categories h2, .search-no-results .base_wrapper article .faq_categories h2 {
    margin-bottom: 15px !important;
  }
}
.search-results .base_wrapper article .faq_categories ul li, .search-no-results .base_wrapper article .faq_categories ul li {
  display: flex;
  align-items: center;
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
  font-weight: 400;
}
.search-results .base_wrapper article .faq_categories ul li:not(:last-of-type), .search-no-results .base_wrapper article .faq_categories ul li:not(:last-of-type) {
  margin-bottom: 10px !important;
}
.search-results .base_wrapper article .faq_categories ul li:before, .search-no-results .base_wrapper article .faq_categories ul li:before {
  position: relative;
  bottom: -2px;
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  background: url(../image/ic--radio_off.png) no-repeat center/contain;
}
.search-results .base_wrapper article .faq_categories ul li.active:before, .search-no-results .base_wrapper article .faq_categories ul li.active:before {
  background: url(../image/ic--radio_on.png) no-repeat center/contain;
}
.search-results .base_wrapper article .faq_categories ul li a, .search-no-results .base_wrapper article .faq_categories ul li a {
  color: rgba(var(--base-bk), 1);
}
.search-results .base_wrapper article .faq_categories ul li.active a, .search-no-results .base_wrapper article .faq_categories ul li.active a {
  color: var(--link_cl);
}
.search-results .base_wrapper article .list_data, .search-no-results .base_wrapper article .list_data {
  width: 80%;
}
.search-results .base_wrapper article .list_data .list_unit:not(:last-of-type), .search-no-results .base_wrapper article .list_data .list_unit:not(:last-of-type) {
  margin-bottom: 75px !important;
}
.search-results .base_wrapper article .list_data .list_unit a, .search-no-results .base_wrapper article .list_data .list_unit a {
  display: block;
  color: rgba(var(--base-bk), 1);
  transition: all 0.5s;
}
.search-results .base_wrapper article .list_data .list_unit .tag__cats, .search-no-results .base_wrapper article .list_data .list_unit .tag__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 5px;
  margin-bottom: 15px !important;
}
.search-results .base_wrapper article .list_data .list_unit .tag__cats ul, .search-no-results .base_wrapper article .list_data .list_unit .tag__cats ul {
  display: flex;
  gap: 10px 5px;
  flex-wrap: wrap;
}
.search-results .base_wrapper article .list_data .list_unit .tag__cats ul li span, .search-no-results .base_wrapper article .list_data .list_unit .tag__cats ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--base-bk), 1);
  border: 1px solid rgba(var(--base-bk), 1);
  border-radius: 100px;
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
  line-height: 1.1;
  white-space: nowrap;
  padding: 5px 10px;
  transition: all 0.5s;
}
.search-results .base_wrapper article .list_data dl, .search-no-results .base_wrapper article .list_data dl {
  width: 100%;
}
.search-results .base_wrapper article .list_data dl mark, .search-no-results .base_wrapper article .list_data dl mark {
  font-style: normal;
}
.search-results .base_wrapper article .list_data dl dt, .search-no-results .base_wrapper article .list_data dl dt {
  font-size: clamp(1.125rem, 0.768rem + 1.14vw, 1.625rem);
  font-weight: 500;
  border-bottom: 1px solid rgba(var(--base-bk), 1);
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  transition: all 0.5s;
}
.search-results .base_wrapper article .list_data dl dd, .search-no-results .base_wrapper article .list_data dl dd {
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
}
.search-results .base_wrapper article .list_data a:hover dt, .search-no-results .base_wrapper article .list_data a:hover dt {
  color: var(--link_cl);
}

.mod__find__field article {
  padding: 0 5%;
  margin-bottom: 100px !important;
}
.mod__find__field article .find__wrapper {
  display: flex;
  gap: 35px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mod__find__field article .find__wrapper .find__unit {
  flex: 0 1 calc((100% - 70px) / 3);
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.3);
  border-radius: 15px;
  padding: 20px;
  padding-bottom: 35px !important;
  max-width: 520px;
  display: flex;
  flex-direction: column;
}
.mod__find__field article .find__wrapper .find__unit figure {
  max-width: 245px;
  margin: auto;
  margin-top: 45px !important;
  margin-bottom: 30px !important;
}
.mod__find__field article .find__wrapper .find__unit dl {
  text-align: center;
}
.mod__find__field article .find__wrapper .find__unit dl * {
  color: rgba(var(--base-bk), 1);
}
.mod__find__field article .find__wrapper .find__unit dl dt {
  font-size: clamp(1.125rem, 0.768rem + 1.14vw, 1.625rem);
  font-weight: 600;
  margin-bottom: 10px !important;
}
.mod__find__field article .find__wrapper .find__unit dl dd {
  font-size: clamp(0.938rem, 0.893rem + 0.14vw, 1rem);
  margin-bottom: 35px !important;
}
.mod__find__field article .find__wrapper .find__unit dl dd br {
  display: none;
}
@media (max-width: 570px) {
  .mod__find__field article .find__wrapper .find__unit dl dd br {
    display: block;
  }
}
.mod__find__field article .find__wrapper .find__unit .mod__links {
  margin: auto;
  margin-bottom: 0px !important;
  display: flex;
  justify-content: center;
}
.mod__find__field article .find__wrapper .find__unit .mod__links a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--base-bk), 1);
  font-size: clamp(0.938rem, 0.893rem + 0.14vw, 1rem);
  border: 1px solid rgba(var(--base-bk), 1);
  background: rgba(var(--cl-a), 1);
  transition: all 0.5s;
  position: relative;
  border-radius: 100px;
  padding: 3px 40px 3px 30px;
  font-weight: 400;
  min-width: 240px;
}
.mod__find__field article .find__wrapper .find__unit .mod__links a:after {
  position: absolute;
  content: ">>";
  display: inline-block;
  right: 10px;
}
.mod__find__field article .find__wrapper .find__unit .mod__links a:hover {
  background: transparent;
}
@media (max-width: 1099px) {
  .mod__find__field article .find__wrapper {
    justify-content: center;
  }
  .mod__find__field article .find__wrapper .find__unit {
    flex: 0 1 calc((100% - 35px) / 2);
  }
}
@media (max-width: 770px) {
  .mod__find__field article .find__wrapper {
    flex-direction: column;
  }
  .mod__find__field article .find__wrapper .find__unit {
    flex: 0 1 100%;
    max-width: none;
  }
}

.mod__blog__field article {
  padding: 0 5%;
  margin-bottom: 100px !important;
}
.mod__blog__field article .mod__blog__field--wrapper {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit {
  flex: 0 1 calc((100% - 15px) / 2);
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.3);
  border-radius: 15px;
  padding: 25px;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a {
  display: flex;
  align-items: center;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a * {
  color: rgba(var(--base-bk), 1);
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a dl dt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a dl dt time {
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
  margin-right: 10px;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a dl dt ul {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a dl dt ul li span {
  display: inline-block;
  padding: 5px 10px;
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
  border: 1px solid rgba(var(--base-bk), 1);
  border-radius: 100px;
  line-height: 1.1;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a dl dd {
  margin-top: 5px !important;
  font-size: clamp(1rem, 0.732rem + 0.86vw, 1.375rem);
  font-weight: 600;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 95px;
  height: 95px;
  background: linear-gradient(rgba(var(--cl-a), 1) 0%, rgba(var(--cl-b), 1) 100%);
  border-radius: 10px;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i.info:before {
  background: url(../image/ic--info.png) no-repeat center/contain;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i.security-operations:before {
  background: url(../image/ic--security-operations.png) no-repeat center/contain;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i.troubleshooting:before {
  background: url(../image/ic--troubleshooting.png) no-repeat center/contain;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i.practices:before {
  background: url(../image/ic--practices.png) no-repeat center/contain;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i.user-stories:before {
  background: url(../image/ic--user-stories.png) no-repeat center/contain;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i.industry:before {
  background: url(../image/ic--industry.png) no-repeat center/contain;
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i.introduction:before {
  background: url(../image/ic--introduction.png) no-repeat center/contain;
}
@media (max-width: 880px) {
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i {
    min-width: 120px;
    height: 120px;
  }
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a i:before {
    min-width: 95px;
    height: 95px;
  }
}
.mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit .sp__title {
  display: none;
}
@media (max-width: 880px) {
  .mod__blog__field article .mod__blog__field--wrapper {
    flex-direction: column;
  }
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit {
    flex: 0 1 100%;
    width: 100%;
  }
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit dl {
    margin-bottom: auto;
  }
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit dl dt {
    flex-direction: column;
    align-items: baseline !important;
  }
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit dl dd {
    display: none;
  }
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit a {
    flex-wrap: wrap;
  }
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit .sp__title {
    display: block;
    width: 100%;
    margin-top: 15px !important;
  }
  .mod__blog__field article .mod__blog__field--wrapper .mod__blog__unit .sp__title span {
    font-size: clamp(1rem, 0.732rem + 0.86vw, 1.375rem);
    font-weight: 600;
  }
}

@media (max-width: 940px) {
  .menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: fixed;
    width: 28px;
    height: 20px;
    cursor: pointer;
    z-index: calc(infinity);
    right: 2%;
    top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 940px) and (max-width: 570px) {
  .menu-trigger {
    top: 17px;
  }
}
@media (max-width: 940px) {
  .menu-trigger span {
    position: absolute;
    display: block;
    width: 28px;
    height: 2px;
    border-radius: 4px;
    background: rgba(var(--bk), 0.4);
    transition: all 0.5s;
  }
  .menu-trigger span:nth-of-type(1) {
    margin-top: -15px;
  }
  .menu-trigger span:nth-of-type(3) {
    margin-top: 15px;
  }
  .menu-trigger.active {
    background: transparent;
    top: 17px;
  }
  .menu-trigger.active span {
    background: var(--link_cl);
  }
  .menu-trigger.active span:nth-of-type(1), .menu-trigger.active span:nth-of-type(3) {
    margin: 0;
  }
  .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(0) rotate(-325deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(0) rotate(325deg);
  }
}
header.main__header {
  background: rgba(var(--white), 1);
  box-shadow: 0px 10px 10px -6px rgba(var(--base-bk), 0.3);
  z-index: 1;
}
header.main__header article {
  padding: 40px 5%;
}
header.main__header article.pc__menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s;
}
header.main__header article.pc__menu h1 {
  max-width: 380px;
}
header.main__header article.pc__menu ul {
  display: flex;
  align-items: center;
  gap: 25px;
}
header.main__header article.pc__menu ul li a {
  color: rgba(var(--base-bk), 1);
  font-size: clamp(0.938rem, 0.893rem + 0.14vw, 1rem);
  font-weight: 400;
  position: relative;
  display: flex;
  justify-content: center;
  transition: all 0.5s;
}
header.main__header article.pc__menu ul li a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -25px;
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
}
header.main__header article.pc__menu ul li a:hover {
  color: rgba(var(--cl-a), 1);
}
@media (max-width: 1200px) {
  header.main__header article.pc__menu h1 {
    max-width: 300px;
  }
  header.main__header article.pc__menu ul li a {
    font-size: clamp(0.875rem, 0.83rem + 0.14vw, 0.938rem);
  }
}
@media (max-width: 1098px) {
  header.main__header article.pc__menu ul {
    gap: 15px;
  }
  header.main__header article.pc__menu ul li a {
    font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
  }
}
@media (max-width: 940px) {
  header.main__header article.pc__menu ul {
    display: none;
  }
}
@media (max-width: 480px) {
  header.main__header article.pc__menu h1 {
    max-width: 270px;
  }
}

.home .pc__menu .main-menu_wrap li:nth-of-type(1) a {
  color: rgba(var(--cl-a), 1);
}
.home .pc__menu .main-menu_wrap li:nth-of-type(1) a:before {
  content: "・";
}

.post-type-archive-faq .pc__menu .main-menu_wrap li:nth-of-type(2) a, .tax-faq_category .pc__menu .main-menu_wrap li:nth-of-type(2) a, .tag .pc__menu .main-menu_wrap li:nth-of-type(2) a, .faq-template-default .pc__menu .main-menu_wrap li:nth-of-type(2) a {
  color: rgba(var(--cl-a), 1);
}
.post-type-archive-faq .pc__menu .main-menu_wrap li:nth-of-type(2) a:before, .tax-faq_category .pc__menu .main-menu_wrap li:nth-of-type(2) a:before, .tag .pc__menu .main-menu_wrap li:nth-of-type(2) a:before, .faq-template-default .pc__menu .main-menu_wrap li:nth-of-type(2) a:before {
  content: "・";
}

.post-type-archive-movies .pc__menu .main-menu_wrap li:nth-of-type(3) a, .single-movies .pc__menu .main-menu_wrap li:nth-of-type(3) a {
  color: rgba(var(--cl-a), 1);
}
.post-type-archive-movies .pc__menu .main-menu_wrap li:nth-of-type(3) a:before, .single-movies .pc__menu .main-menu_wrap li:nth-of-type(3) a:before {
  content: "・";
}

.first__step .pc__menu .main-menu_wrap li:nth-of-type(4) a, .page-id-18 .pc__menu .main-menu_wrap li:nth-of-type(4) a {
  color: rgba(var(--cl-a), 1);
}
.first__step .pc__menu .main-menu_wrap li:nth-of-type(4) a:before, .page-id-18 .pc__menu .main-menu_wrap li:nth-of-type(4) a:before {
  content: "・";
}

.info__and__blogs .pc__menu .main-menu_wrap li:nth-of-type(5) a, .single-post .pc__menu .main-menu_wrap li:nth-of-type(5) a {
  color: rgba(var(--cl-a), 1);
}
.info__and__blogs .pc__menu .main-menu_wrap li:nth-of-type(5) a:before, .single-post .pc__menu .main-menu_wrap li:nth-of-type(5) a:before {
  content: "・";
}

.page-id-16 .pc__menu .main-menu_wrap li:nth-of-type(6) a, .contact .pc__menu .main-menu_wrap li:nth-of-type(6) a {
  color: rgba(var(--cl-a), 1);
}
.page-id-16 .pc__menu .main-menu_wrap li:nth-of-type(6) a:before, .contact .pc__menu .main-menu_wrap li:nth-of-type(6) a:before {
  content: "・";
}

.sp__menu {
  position: fixed;
  z-index: 99999;
  inset: 0;
  width: 100dvw;
  height: 100dvh;
  transform: translateY(-100px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.35s ease, opacity 0.35s ease;
  display: flex;
  flex-direction: column;
  background: var(--foot_bg);
  padding: 15px;
  overflow-y: auto;
  top: 0;
}
.sp__menu h1 {
  max-width: 270px;
}
.sp__menu > div {
  padding: 45px 5%;
}
.sp__menu .searchforms h1 {
  margin-bottom: 15px !important;
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
  color: rgba(var(--white), 1);
}
.sp__menu .searchforms form input {
  padding: 16px 54px;
}
.sp__menu .searchforms form input::placeholder {
  font-size: clamp(0.875rem, 0.83rem + 0.14vw, 0.938rem);
}
.sp__menu .searchforms form button {
  width: 20px;
  height: 20px;
  left: 15px;
  top: 7px;
}
.sp__menu .searchforms form button svg {
  width: 20px;
  fill: rgba(var(--base-bk), 1);
}
.sp__menu ul {
  margin-top: 35px !important;
  display: flex;
  flex-direction: column;
}
.sp__menu ul li a {
  white-space: nowrap;
  color: rgba(var(--white), 1);
}
.sp__menu .main-menu_wrap ul li {
  border-bottom: 1px solid rgba(var(--cl-a), 1);
}
.sp__menu .main-menu_wrap ul li a {
  display: flex;
  align-items: center;
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
  position: relative;
  padding: 20px 0;
}
.sp__menu .main-menu_wrap ul li a:after {
  content: ">>";
  display: inline-block;
  position: absolute;
  right: 0;
  color: rgba(var(--cl-a), 1);
}
.sp__menu .footer-menu_wrap ul li a {
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
}

@media (max-width: 940px) {
  .sp__menu.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 570px) {
  header.main__header article {
    padding: 10px 3%;
  }
}
footer {
  background: var(--foot_bg);
}
footer article {
  padding: 45px 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer article * {
  color: rgba(var(--white), 1);
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
}
footer article h1 {
  max-width: 270px;
  flex: 0 0 auto;
  padding-right: 3%;
}
footer article .ft__menu ul {
  display: flex;
  align-items: center;
  gap: 15px 40px;
  margin-left: 0;
  list-style: none;
}
footer article .ft__menu ul li {
  width: auto;
}
footer article .ft__menu ul li a {
  white-space: nowrap;
}
footer article small {
  flex: 0 0 auto;
  margin-left: 40px;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  footer article {
    flex-wrap: wrap;
  }
  footer article small {
    width: 100%;
    margin: 15px auto 0;
    text-align: center;
  }
}
@media (max-width: 880px) {
  footer article h1 {
    margin: auto;
  }
  footer article .ft__menu {
    width: 100%;
    margin: 15px auto 0;
  }
  footer article .ft__menu ul {
    justify-content: center;
  }
}
@media (max-width: 570px) {
  footer article {
    padding: 30px 5%;
  }
  footer article .ft__menu {
    display: none;
  }
}

#fv__field {
  margin-bottom: 110px !important;
}
@media (max-width: 770px) {
  #fv__field {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 571px) {
  #fv__field {
    background: url(../image/fv__pc--bg.png) no-repeat center/cover;
  }
}
@media (min-width: 571px) {
  #fv__field article {
    padding: 0 5%;
    padding-top: 75px !important;
    padding-bottom: 85px !important;
  }
}
#fv__field picture img {
  width: 100%;
  margin: auto;
  max-width: var(--inner-wrap);
}

.info__and__blogs .main__wrapper .main_body {
  display: flex;
  margin-top: 100px !important;
}
@media (max-width: 570px) {
  .info__and__blogs .main__wrapper .main_body {
    margin-top: 45px !important;
  }
}
@media (max-width: 940px) {
  .info__and__blogs .main__wrapper .main_body {
    flex-wrap: wrap;
  }
}
.info__and__blogs .main__wrapper .category_lists {
  max-width: 410px;
  min-width: 270px;
  width: 20%;
}
@media (max-width: 940px) {
  .info__and__blogs .main__wrapper .category_lists {
    margin-bottom: 55px !important;
  }
}
.info__and__blogs .main__wrapper .category_lists ul li {
  display: flex;
  align-items: center;
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
  font-weight: 400;
}
.info__and__blogs .main__wrapper .category_lists ul li:not(:last-of-type) {
  margin-bottom: 10px !important;
}
.info__and__blogs .main__wrapper .category_lists ul li:before {
  position: relative;
  bottom: -2px;
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  background: url(../image/ic--radio_off.png) no-repeat center/contain;
}
.info__and__blogs .main__wrapper .category_lists ul li.active:before {
  background: url(../image/ic--radio_on.png) no-repeat center/contain;
}
.info__and__blogs .main__wrapper .category_lists ul li a {
  color: rgba(var(--base-bk), 1);
}
.info__and__blogs .main__wrapper section {
  width: 80%;
}
@media (max-width: 940px) {
  .info__and__blogs .main__wrapper section {
    width: 100%;
  }
}
.info__and__blogs .main__wrapper .blog__data_unit {
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.5);
  border-radius: 15px;
  background: rgba(var(--white), 1);
  width: 100%;
  margin-bottom: 35px !important;
}
.info__and__blogs .main__wrapper .blog__data_unit a {
  display: flex;
  width: 100%;
  gap: 20px;
  padding: 20px;
  color: rgba(var(--base-bk), 1);
  align-items: stretch;
  flex-wrap: nowrap;
  transition: all 0.5s;
}
.info__and__blogs .main__wrapper .blog__data_unit a figure {
  flex: 0 0 230px;
  max-width: 230px;
  aspect-ratio: 4/3;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  transition: all 0.5s;
  border-radius: 15px;
}
.info__and__blogs .main__wrapper .blog__data_unit a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 570px) {
  .info__and__blogs .main__wrapper .blog__data_unit a figure {
    max-width: 100%;
    width: 100%;
  }
}
.info__and__blogs .main__wrapper .blog__data_unit a dl {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}
.info__and__blogs .main__wrapper .blog__data_unit a dl dt {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px !important;
}
.info__and__blogs .main__wrapper .blog__data_unit a dl dd {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.info__and__blogs .main__wrapper .blog__data_unit a dl dd p.blog__title {
  margin-top: 5px !important;
  font-size: clamp(1rem, 0.732rem + 0.86vw, 1.375rem);
  font-weight: 600;
  transition: all 0.5s;
}
.info__and__blogs .main__wrapper .blog__data_unit a dl dd .next__links {
  margin-top: auto;
  margin-left: auto;
  color: var(--link_cl);
}
@media (max-width: 570px) {
  .info__and__blogs .main__wrapper .blog__data_unit a dl dd .next__links {
    display: none;
  }
}
@media (max-width: 770px) {
  .info__and__blogs .main__wrapper .blog__data_unit a {
    flex-direction: column;
    gap: 15px;
  }
  .info__and__blogs .main__wrapper .blog__data_unit a figure {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }
}
.info__and__blogs .main__wrapper .blog__data_unit a:hover {
  opacity: 1;
}
.info__and__blogs .main__wrapper .blog__data_unit a:hover dl dd p.blog__title {
  color: var(--link_cl);
}
.info__and__blogs .main__wrapper .blog__data_unit a:hover dl dd .next__links {
  color: rgba(var(--base-bk), 1);
  text-decoration: underline;
}
.info__and__blogs .main__wrapper .blog__data_unit.cat-info figure {
  background: url(../image/cat--info.png) no-repeat center/contain;
}
.info__and__blogs .main__wrapper .blog__data_unit.cat-industry figure {
  background: url(../image/cat--industry.png) no-repeat center/contain;
}
.info__and__blogs .main__wrapper .blog__data_unit.cat-introduction figure {
  background: url(../image/cat--introduction.png) no-repeat center/contain;
}
.info__and__blogs .main__wrapper .blog__data_unit.cat-practices figure {
  background: url(../image/cat--practices.png) no-repeat center/contain;
}
.info__and__blogs .main__wrapper .blog__data_unit.cat-security-operations figure {
  background: url(../image/cat--security-operations.png) no-repeat center/contain;
}
.info__and__blogs .main__wrapper .blog__data_unit.cat-troubleshooting figure {
  background: url(../image/cat--troubleshooting.png) no-repeat center/contain;
}
.info__and__blogs .main__wrapper .blog__data_unit.cat-user-stories figure {
  background: url(../image/cat--user-stories.png) no-repeat center/contain;
}
@media (max-width: 768px) {
  .info__and__blogs .main__wrapper {
    flex-direction: column;
  }
  .info__and__blogs .main__wrapper .category_lists {
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
  }
  .info__and__blogs .main__wrapper section {
    width: 100%;
  }
}

@media (max-width: 1099px) {
  .single-post .contents__head {
    flex-direction: column;
  }
  .single-post .contents__head h1 {
    margin-right: auto;
  }
}
.single-post .main__wrapper section {
  margin-top: 100px !important;
  padding: 0 5%;
}
@media (max-width: 570px) {
  .single-post .main__wrapper section {
    margin-top: 45px !important;
  }
}
.single-post .main__wrapper section article {
  margin: auto;
  max-width: var(--inner-wrap);
}
.single-post .main__wrapper section article header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 25px;
}
.single-post .main__wrapper section article header h1 {
  display: block;
  width: 100%;
  border-bottom: 3px solid rgba(var(--base-bk), 1);
  padding-bottom: 10px !important;
}
.single-post .main__wrapper section article header h1 span {
  font-size: clamp(1.125rem, 0.589rem + 1.71vw, 1.875rem);
  line-height: 1.6;
  font-weight: 600;
}
.single-post .main__wrapper section article .main_body {
  padding-top: 80px !important;
}
@media (max-width: 570px) {
  .single-post .main__wrapper section article .main_body {
    padding-top: 45px !important;
  }
}
.single-post .main__wrapper section article .main_body * {
  font-size: clamp(0.875rem, 0.83rem + 0.14vw, 0.938rem);
  font-weight: 400;
  color: rgba(var(--base-bk), 1);
}
.single-post .main__wrapper section article .main_body p {
  margin-bottom: 35px !important;
}

.post-type-archive-faq .main__wrapper .catch_texts {
  padding-top: 35px !important;
  margin-bottom: 50px !important;
}
@media (max-width: 570px) {
  .post-type-archive-faq .main__wrapper .catch_texts {
    margin-bottom: 35px !important;
  }
}
.post-type-archive-faq .main__wrapper .faq_categories ul {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.post-type-archive-faq .main__wrapper .faq_categories ul li {
  flex: 0 1 calc((100% - 60px) / 3);
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.5);
  border-radius: 15px;
  background: rgba(var(--white), 1);
}
@media (max-width: 880px) {
  .post-type-archive-faq .main__wrapper .faq_categories ul li {
    flex: 0 1 calc((100% - 30px) / 2);
  }
}
@media (max-width: 570px) {
  .post-type-archive-faq .main__wrapper .faq_categories ul li {
    flex: 0 1 100%;
  }
}
.post-type-archive-faq .main__wrapper .faq_categories ul li a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  color: rgba(var(--base-bk), 1);
  transition: all 0.5s;
  text-align: center;
}
.post-type-archive-faq .main__wrapper .faq_categories ul li a .category_short {
  position: absolute;
  display: inline-block;
  font-size: clamp(0.813rem, 0.679rem + 0.43vw, 1rem);
  color: rgba(var(--white), 1);
  background: #333;
  border-radius: 100px;
  line-height: 1.1;
  padding: 3px 10px 4px 10px;
}
.post-type-archive-faq .main__wrapper .faq_categories ul li a .category_title {
  margin-top: 100px !important;
  font-size: clamp(1rem, 0.732rem + 0.86vw, 1.375rem);
  color: rgba(var(--base-bk), 1);
  font-weight: 300;
  margin-bottom: 25px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 570px) {
  .post-type-archive-faq .main__wrapper .faq_categories ul li a .category_title {
    margin-top: 50px !important;
  }
}
.post-type-archive-faq .main__wrapper .faq_categories ul li a .category_title i {
  display: block;
  width: 95px;
  height: 95px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 25px !important;
}
.post-type-archive-faq .main__wrapper .faq_categories ul li a .category_links {
  margin-bottom: 35px !important;
}
@media (max-width: 570px) {
  .post-type-archive-faq .main__wrapper .faq_categories ul li a .category_links {
    margin-bottom: 5px !important;
  }
}
.post-type-archive-faq .main__wrapper .faq_categories ul li a:hover .category_links {
  color: rgba(var(--base-bk), 1);
  text-decoration: underline;
}

.taxonomy__wrapper {
  display: flex;
  gap: 60px;
}
@media (max-width: 880px) {
  .taxonomy__wrapper {
    flex-direction: column-reverse;
  }
}
.taxonomy__wrapper .navs_unit {
  display: flex;
  flex-direction: column;
  gap: 60px;
  max-width: 340px;
  min-width: 330px;
}
.taxonomy__wrapper .navs_unit .category_unit, .taxonomy__wrapper .navs_unit .tags_unit {
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.5);
  border-radius: 15px;
  background: rgba(var(--white), 1);
  padding: 40px;
}
@media (max-width: 570px) {
  .taxonomy__wrapper .navs_unit .category_unit, .taxonomy__wrapper .navs_unit .tags_unit {
    padding: 30px;
  }
}
.taxonomy__wrapper .navs_unit .category_unit dl dt, .taxonomy__wrapper .navs_unit .tags_unit dl dt {
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
  font-weight: 600;
  padding-bottom: 10px !important;
  margin-bottom: 25px !important;
  border-bottom: 2px solid rgba(var(--base-bk), 1);
}
.taxonomy__wrapper .navs_unit .category_unit dl dd ul li a {
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
  color: rgba(var(--base-bk), 1);
  font-weight: 400;
  transition: all 0.5s;
}
.taxonomy__wrapper .navs_unit .category_unit dl dd ul li a:hover {
  text-decoration: underline;
}
.taxonomy__wrapper .navs_unit .category_unit dl dd ul li.active a {
  color: var(--link_cl);
  font-weight: 500;
}
.taxonomy__wrapper .navs_unit .tags_unit dl dd ul {
  display: flex;
  gap: 10px 5px;
  flex-wrap: wrap;
}
.taxonomy__wrapper .navs_unit .tags_unit dl dd ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--base-bk), 1);
  border: 1px solid rgba(var(--base-bk), 1);
  border-radius: 100px;
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
  line-height: 1.1;
  white-space: nowrap;
  padding: 5px 10px;
  transition: all 0.5s;
}
.taxonomy__wrapper .navs_unit .tags_unit dl dd ul li a:hover {
  background: rgba(var(--cl-a), 1);
  opacity: 1;
}
.taxonomy__wrapper .navs_unit .tags_unit dl dd ul li.active a {
  background: rgba(var(--cl-a), 1);
  font-weight: 500;
}
@media (max-width: 880px) {
  .taxonomy__wrapper .navs_unit {
    flex-direction: row;
    max-width: 100%;
    gap: 30px;
  }
  .taxonomy__wrapper .navs_unit .category_unit, .taxonomy__wrapper .navs_unit .tags_unit {
    width: 50%;
  }
}
@media (max-width: 770px) {
  .taxonomy__wrapper .navs_unit {
    flex-direction: column;
  }
  .taxonomy__wrapper .navs_unit .category_unit, .taxonomy__wrapper .navs_unit .tags_unit {
    width: 100%;
  }
}
.taxonomy__wrapper .lists_unit .list_data {
  margin-bottom: 35px !important;
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.5);
  border-radius: 15px;
  background: rgba(var(--white), 1);
  padding: 40px;
}
@media (max-width: 570px) {
  .taxonomy__wrapper .lists_unit .list_data {
    padding: 30px;
  }
}
.taxonomy__wrapper .lists_unit .list_data a .tags_unit {
  display: flex;
  gap: 10px 5px;
  flex-wrap: wrap;
  margin-bottom: 15px !important;
}
.taxonomy__wrapper .lists_unit .list_data a .tags_unit li span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--base-bk), 1);
  border: 1px solid rgba(var(--base-bk), 1);
  border-radius: 100px;
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
  line-height: 1.1;
  white-space: nowrap;
  padding: 5px 10px;
}
.taxonomy__wrapper .lists_unit .list_data a dl dt {
  font-size: clamp(1rem, 0.732rem + 0.86vw, 1.375rem);
  font-weight: 600;
  color: rgba(var(--base-bk), 1);
  transition: all 0.5s;
  margin-bottom: 15px !important;
}
.taxonomy__wrapper .lists_unit .list_data a dl dd {
  font-size: clamp(0.875rem, 0.696rem + 0.57vw, 1.125rem);
  color: rgba(var(--base-bk), 1);
}
.taxonomy__wrapper .lists_unit .list_data a:hover dl dt {
  color: var(--link_cl);
}

.tax-faq_category .taxonomy__wrapper, .tag .taxonomy__wrapper {
  margin-top: 100px !important;
}
@media (max-width: 570px) {
  .tax-faq_category .taxonomy__wrapper, .tag .taxonomy__wrapper {
    margin-top: 45px !important;
  }
}

.tag .tags_unit ul li.active a {
  background: var(--link_cl);
  font-weight: 400;
}

.single-faq .contents__head {
  flex-direction: column;
}
.single-faq .contents__head h1 {
  margin-right: auto;
  margin-bottom: 15px !important;
}
.single-faq .taxonomy__wrapper {
  margin-top: 100px !important;
}
@media (max-width: 570px) {
  .single-faq .taxonomy__wrapper {
    margin-top: 45px !important;
  }
}
.single-faq .faq_datas__wrapper {
  width: 100%;
}
.single-faq .faq_datas__wrapper h1 {
  font-size: clamp(1.125rem, 0.768rem + 1.14vw, 1.625rem);
  font-weight: 500;
  border-bottom: 1px solid rgba(var(--base-bk), 1);
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}
.single-faq .faq_datas__wrapper .back__links {
  text-align: right;
}
.single-faq .faq_datas__wrapper .back__links a {
  transition: all 0.5s;
}
.single-faq .faq_datas__wrapper .faq_data_wrap {
  margin-bottom: 35px !important;
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.5);
  border-radius: 15px;
  background: rgba(var(--white), 1);
  padding: 50px;
}
@media (max-width: 570px) {
  .single-faq .faq_datas__wrapper .faq_data_wrap {
    padding: 30px 30px 4px;
  }
}
.single-faq .faq_datas__wrapper .faq_data_wrap .tags_unit {
  display: flex;
  gap: 10px 5px;
  flex-wrap: wrap;
  margin-bottom: 15px !important;
}
.single-faq .faq_datas__wrapper .faq_data_wrap .tags_unit li a {
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--base-bk), 1);
  border: 1px solid rgba(var(--base-bk), 1);
  border-radius: 100px;
  font-size: clamp(0.75rem, 0.705rem + 0.14vw, 0.813rem);
  line-height: 1.1;
  white-space: nowrap;
  padding: 5px 10px;
  font-weight: 500;
}
.single-faq .faq_datas__wrapper .faq_data_wrap .tags_unit li a:hover {
  background: var(--link_cl);
  opacity: 1;
  text-decoration: none;
}
.single-faq .faq_datas__wrapper .faq_data_wrap .eyecatch_data {
  margin-bottom: 35px !important;
}
.single-faq .faq_datas__wrapper .faq_data_wrap .eyecatch_data img {
  margin: auto;
  max-width: 100%;
  width: 100%;
}
.single-faq .faq_datas__wrapper .faq_data_wrap p {
  font-size: clamp(0.875rem, 0.83rem + 0.14vw, 0.938rem);
  margin-bottom: 25px !important;
}
.single-faq .faq_datas__wrapper .faq_data_wrap img[decoding=async] {
  margin-bottom: 35px !important;
  margin: auto;
  max-width: 100%;
}
.single-faq .faq_datas__wrapper .faq_data_wrap a {
  transition: all 0.5s;
  color: var(--link_cl);
  font-weight: 500;
}
.single-faq .faq_datas__wrapper .faq_data_wrap a:hover {
  color: rgba(var(--base-bk), 1);
  text-decoration: underline;
}

.post-type-archive-movies .main__wrapper .agent__wrapper {
  padding-top: 35px !important;
  margin-bottom: 50px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 45px 60px;
}
@media (max-width: 570px) {
  .post-type-archive-movies .main__wrapper .agent__wrapper {
    margin-bottom: 35px !important;
  }
}
@media (max-width: 880px) {
  .post-type-archive-movies .main__wrapper .agent__wrapper {
    gap: 35px 30px;
  }
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit {
  flex: 0 1 calc((100% - 120px) / 3);
}
@media (max-width: 880px) {
  .post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit {
    flex: 0 1 calc((100% - 60px) / 3);
  }
}
@media (max-width: 770px) {
  .post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit {
    flex: 0 1 calc((100% - 30px) / 2);
  }
}
@media (max-width: 570px) {
  .post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit {
    flex: 0 1 100%;
  }
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a {
  display: flex;
  flex-direction: column;
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.5);
  border-radius: 15px;
  background: rgba(var(--white), 1);
  padding: 35px 25px;
}
@media (max-width: 570px) {
  .post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a {
    padding: 30px 10px;
  }
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a figure {
  position: relative;
  margin-bottom: 15px !important;
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a figure img {
  width: 100%;
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a .thumbs_title {
  font-size: clamp(1.125rem, 0.768rem + 1.14vw, 1.625rem);
  margin-bottom: 25px !important;
  color: rgba(var(--base-bk), 1);
  font-weight: 500;
  transition: all 0.5s;
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a .agent_links {
  text-align: center;
  color: var(--link_cl);
  font-weight: 500;
  transition: all 0.5s;
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a .agent_links:after {
  content: ">>";
  display: inline-block;
  margin-left: 8px;
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a:hover {
  opacity: 1;
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a:hover .thumbs_title {
  color: var(--link_cl);
}
.post-type-archive-movies .main__wrapper .agent__wrapper .agent_unit a:hover .agent_links {
  color: rgba(var(--base-bk), 1);
  text-decoration: underline;
}

.single-movies .contents__head {
  flex-direction: column;
}
.single-movies .contents__head h1 {
  margin-right: auto;
  margin-bottom: 15px !important;
}
.single-movies .main__wrapper section {
  margin-top: 100px !important;
  margin: auto;
  max-width: var(--inner-wrap_l);
}
@media (max-width: 570px) {
  .single-movies .main__wrapper section {
    margin-top: 45px !important;
  }
}
.single-movies .main__wrapper section article {
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.5);
  border-radius: 15px;
  background: rgba(var(--white), 1);
  padding: 50px;
  margin-bottom: 35px !important;
}
@media (max-width: 570px) {
  .single-movies .main__wrapper section article {
    padding: 30px 30px 4px;
  }
}
.single-movies .main__wrapper section article .iframe_wrapper {
  position: relative;
  margin-bottom: 35px !important;
}
.single-movies .main__wrapper section article .iframe_wrapper figure {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
}
.single-movies .main__wrapper section article .iframe_wrapper figure:hover {
  cursor: pointer;
}
.single-movies .main__wrapper section article .iframe_wrapper figure:before, .single-movies .main__wrapper section article .iframe_wrapper figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.single-movies .main__wrapper section article .iframe_wrapper figure:before {
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(var(--bk), 0.7);
}
.single-movies .main__wrapper section article .iframe_wrapper figure:after {
  z-index: 5;
  width: 120px;
  height: 120px;
  background: url(../image/ic--play.png) no-repeat center/contain;
}
@media (max-width: 570px) {
  .single-movies .main__wrapper section article .iframe_wrapper figure:after {
    width: 50px;
    height: 50px;
  }
}
.single-movies .main__wrapper section article .iframe_wrapper .youtube_frame {
  position: relative;
  z-index: 0;
}
.single-movies .main__wrapper section article h1 {
  color: rgba(var(--base-bk), 1);
  font-size: clamp(1.125rem, 0.768rem + 1.14vw, 1.625rem);
  font-weight: 500;
}
.single-movies .main__wrapper section article .movies_detailtxt {
  margin-top: 25px !important;
  margin-bottom: 35px !important;
  font-size: clamp(0.875rem, 0.83rem + 0.14vw, 0.938rem);
}

.first__step .main__wrapper .catch_texts, .page-id-18 .main__wrapper .catch_texts {
  padding-top: 35px !important;
  margin-bottom: 50px !important;
}
@media (max-width: 570px) {
  .first__step .main__wrapper .catch_texts, .page-id-18 .main__wrapper .catch_texts {
    margin-bottom: 35px !important;
  }
}
.first__step .main__wrapper .step__fieald, .page-id-18 .main__wrapper .step__fieald {
  margin: auto;
  max-width: var(--inner-wrap_l);
}
.first__step .main__wrapper .step__fieald:before, .page-id-18 .main__wrapper .step__fieald:before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 31px;
  top: 0;
  background: rgba(var(--base-bk), 1);
}
@media (max-width: 570px) {
  .first__step .main__wrapper .step__fieald:before, .page-id-18 .main__wrapper .step__fieald:before {
    left: 15px;
  }
}
.first__step .main__wrapper .step__fieald article, .page-id-18 .main__wrapper .step__fieald article {
  padding-left: 90px;
  padding-bottom: 55px !important;
}
@media (max-width: 570px) {
  .first__step .main__wrapper .step__fieald article, .page-id-18 .main__wrapper .step__fieald article {
    padding-left: 45px;
  }
}
.first__step .main__wrapper .step__fieald article:before, .page-id-18 .main__wrapper .step__fieald article:before {
  content: "";
  display: block;
  width: 62px;
  height: 62px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (max-width: 570px) {
  .first__step .main__wrapper .step__fieald article:before, .page-id-18 .main__wrapper .step__fieald article:before {
    width: 33px;
    height: 33px;
  }
}
.first__step .main__wrapper .step__fieald article:nth-of-type(1):before, .page-id-18 .main__wrapper .step__fieald article:nth-of-type(1):before {
  background: url(../image/num01.png) no-repeat center/contain;
}
.first__step .main__wrapper .step__fieald article:nth-of-type(2):before, .page-id-18 .main__wrapper .step__fieald article:nth-of-type(2):before {
  background: url(../image/num02.png) no-repeat center/contain;
}
.first__step .main__wrapper .step__fieald article:nth-of-type(3):before, .page-id-18 .main__wrapper .step__fieald article:nth-of-type(3):before {
  background: url(../image/num03.png) no-repeat center/contain;
}
.first__step .main__wrapper .step__fieald article:nth-of-type(4):before, .page-id-18 .main__wrapper .step__fieald article:nth-of-type(4):before {
  background: url(../image/num04.png) no-repeat center/contain;
}
.first__step .main__wrapper .step__fieald article h1, .page-id-18 .main__wrapper .step__fieald article h1 {
  font-size: clamp(1.125rem, 0.589rem + 1.71vw, 1.875rem);
  color: rgba(var(--base-bk), 1);
  font-weight: 600;
  padding: 12px 0;
  margin-bottom: 25px !important;
}
@media (max-width: 570px) {
  .first__step .main__wrapper .step__fieald article h1, .page-id-18 .main__wrapper .step__fieald article h1 {
    padding: 0;
    margin-bottom: 15px !important;
  }
}
.first__step .main__wrapper .step__fieald article p, .page-id-18 .main__wrapper .step__fieald article p {
  margin-bottom: 25px !important;
}
.first__step .main__wrapper .step__fieald article p .back__links, .page-id-18 .main__wrapper .step__fieald article p .back__links {
  color: var(--link_cl);
  transition: all 0.5s;
}
.first__step .main__wrapper .step__fieald article p .back__links:after, .page-id-18 .main__wrapper .step__fieald article p .back__links:after {
  content: ">>";
  display: inline-block;
  margin-left: 8px;
}
.first__step .main__wrapper .step__fieald article p .back__links:hover, .page-id-18 .main__wrapper .step__fieald article p .back__links:hover {
  transition: all 0.5s;
  color: rgba(var(--base-bk), 1);
  text-decoration: underline;
}
.first__step .main__wrapper .step__fieald article dl, .page-id-18 .main__wrapper .step__fieald article dl {
  box-shadow: 4px 7px 15px -5px rgba(var(--base-bk), 0.5);
  border-radius: 15px;
  background: rgba(var(--white), 1);
  width: 100%;
  overflow: hidden;
  position: relative;
}
.first__step .main__wrapper .step__fieald article dl:before, .page-id-18 .main__wrapper .step__fieald article dl:before {
  content: "";
  display: block;
  width: 15px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(var(--cl-a), 1);
}
.first__step .main__wrapper .step__fieald article dl dt, .first__step .main__wrapper .step__fieald article dl dd, .page-id-18 .main__wrapper .step__fieald article dl dt, .page-id-18 .main__wrapper .step__fieald article dl dd {
  padding: 20px 40px;
}
.first__step .main__wrapper .step__fieald article dl dt, .page-id-18 .main__wrapper .step__fieald article dl dt {
  font-weight: 600;
  padding-bottom: 0px !important;
}
.first__step .main__wrapper .step__fieald article dl dd p:last-of-type(), .page-id-18 .main__wrapper .step__fieald article dl dd p:last-of-type() {
  padding-bottom: 0px !important;
}
.first__step .main__wrapper .step__fieald article ul li:before, .page-id-18 .main__wrapper .step__fieald article ul li:before {
  content: "・";
  display: inline-block;
}
.first__step .main__wrapper .step__fieald article ol, .page-id-18 .main__wrapper .step__fieald article ol {
  list-style: none;
  margin-bottom: 35px !important;
  margin-left: 12px;
}
.first__step .main__wrapper .step__fieald article ol li, .page-id-18 .main__wrapper .step__fieald article ol li {
  font-weight: 600;
  color: rgba(var(--base-bk), 1);
  text-indent: -0.8em;
  padding-left: 1em;
}
.first__step .main__wrapper .step__fieald article ol li:before, .page-id-18 .main__wrapper .step__fieald article ol li:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(1):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(1):before {
  content: "1.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(2):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(2):before {
  content: "2.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(3):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(3):before {
  content: "3.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(4):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(4):before {
  content: "4.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(5):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(5):before {
  content: "5.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(6):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(6):before {
  content: "6.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(7):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(7):before {
  content: "7.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(8):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(8):before {
  content: "8.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(9):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(9):before {
  content: "9.";
}
.first__step .main__wrapper .step__fieald article ol li:nth-of-type(10):before, .page-id-18 .main__wrapper .step__fieald article ol li:nth-of-type(10):before {
  content: "10.";
}/*# sourceMappingURL=design.css.map */