@charset "UTF-8";
/* setting */
/*
	サイト全体で使うフォントの指定
*/
/* メイン・サブカラー */
/* リンク色 */
/*
	サイト全体で使うフォントの指定
*/
.ff-zen-l {
  font-family: "Zen Kaku Gothic Antique", serif;
  font-weight: 300;
  font-style: normal;
}

.ff-zen-r {
  font-family: "Zen Kaku Gothic Antique", serif;
  font-weight: 400;
  font-style: normal;
}

.ff-zen-m, body {
  font-family: "Zen Kaku Gothic Antique", serif;
  font-weight: 500;
  font-style: normal;
}

.ff-zen-b {
  font-family: "Zen Kaku Gothic Antique", serif;
  font-weight: 700;
  font-style: normal;
}

.ff-zen-bl {
  font-family: "Zen Kaku Gothic Antique", serif;
  font-weight: 900;
  font-style: normal;
}

.ff-en-l {
  font-family: "Roboto", serif;
  font-weight: 300;
  font-style: normal;
}

.ff-en-r {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-style: normal;
}

.ff-en-m, .info-date, .primal-nav__title span, .global-nav__title-en, .common-contact__tel .tel, .header-btn::after, .header-contact__title-en {
  font-family: "Roboto", serif;
  font-weight: 500;
  font-style: normal;
}

.ff-en-sb {
  font-family: "Roboto", serif;
  font-weight: 600;
  font-style: normal;
}

.ff-en-b, .bros-service-section__num, .service-step-list__step, .service-feature-list__point::before, .service-feature-list__num, .pagination, .section-title02__en, .section-title__en, .catch-title__en, .common-recruit__title, .common-contact__title-en {
  font-family: "Roboto", serif;
  font-weight: 700;
  font-style: normal;
}

.ff-en-eb {
  font-family: "Roboto", serif;
  font-weight: 800;
  font-style: normal;
}

.ff-en-bl {
  font-family: "Roboto", serif;
  font-weight: 900;
  font-style: normal;
}

/*
	サイト全体で使うフォントの指定
*/
/* ページのwidth */
/* tool */
/*
	サイト全体で使うmixinの指定
*/
.fadeIn {
  opacity: 0;
  -webkit-transition: opacity 0.8s, top 0.8s;
  transition: opacity 0.8s, top 0.8s;
  position: relative;
  top: 50px;
}
.fadeIn.active {
  opacity: 1;
  top: 0;
}

/* base */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
	サイトの基本となるCSS
*/
/* 余白のリセット */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}
@media (max-width: 699px) {
  html {
    font-size: 14px;
  }
}

/* body */
body {
  text-align: left;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  color: #000000;
  line-height: 1.75;
  letter-spacing: 1.6px;
  container-type: inline-size;
}
body.no-scroll {
  overflow-y: hidden;
  height: 100vh;
}

/* リンク色 */
a {
  color: #000000;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: none;
  color: #000000;
}

/* hover時の画像 */
a:hover img {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  border: none;
}

/* 画像 */
img {
  vertical-align: bottom;
  max-width: 100%;
}

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */
/* layout */
/*
	サイト全体のレイアウトグリッドの指定
*/
/* ヘッダー */
.layout-header {
  width: 100%;
}

/* フッター */
.layout-footer {
  width: 100%;
}

.layout-footer-half {
  width: 460px;
  float: left;
}

/* ページ幅 */
.layout-container, .bros-service__inner {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media (max-width: 699px) {
  .layout-container, .bros-service__inner {
    width: 100%;
    padding: 0px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.layout-container-sm, .shinsear-service-section, .bros-service-section__inner, .service-price, .service-info, .service-faq, .service-intro, .common-recruit, .common-sns, .common-contact {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media (max-width: 699px) {
  .layout-container-sm, .shinsear-service-section, .bros-service-section__inner, .service-price, .service-info, .service-faq, .service-intro, .common-recruit, .common-sns, .common-contact {
    width: 100%;
    padding: 0px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

/* メインカラム */
.layout-main-column {
  width: 486px;
}
@media screen and (max-width: 699px) {
  .layout-main-column {
    width: 100%;
  }
}

/* サブカラム */
.layout-sub-column {
  width: 562px;
}
@media screen and (max-width: 699px) {
  .layout-sub-column {
    width: 100%;
  }
}

/* 汎用レイアウト */
.layout-section {
  padding-top: 115px;
  padding-bottom: 100px;
}

.layout-half {
  width: 49%;
}

.layout-1-third {
  width: 32%;
}

.layout-2-third {
  width: 66%;
}

.layout-3-col {
  float: left;
  width: 32%;
  margin-right: 2%;
}
.layout-3-col:nth-child(3n) {
  margin-right: 0;
}
.layout-3-col:nth-child(3n+1) {
  clear: both;
}

.layout-4-col {
  float: left;
  width: 24%;
  margin-right: 1%;
}
.layout-4-col:nth-child(4n) {
  margin-right: 0;
}
.layout-4-col:nth-child(4n+1) {
  clear: both;
}

@media screen and (min-width: 699px) {
  .pc-row, .garden-overview-list li, .service-step, .service-staff-list, .service-flow__inner, .service-work-list li, .service-feature-list, .article-section, .common-sns, .common-contact__btn, .common-contact__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .pc-row .col, .garden-overview-list li .col, .service-step .col, .service-staff-list .col, .service-flow__inner .col, .service-work-list li .col, .service-feature-list .col, .article-section .col, .common-sns .col, .common-contact__btn .col, .common-contact__info .col {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    list-style: none;
  }
}

.row, .service-step-list li, .article-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row .col, .service-step-list li .col, .article-info .col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  list-style: none;
}

/*
	ヘッダーの指定
*/
.site-description {
  position: absolute;
  width: 133px;
  height: 137px;
  background: url(../img/common/header/log--sitename.svg) top left/contain no-repeat;
  text-indent: -9999px;
  left: 66px;
  top: 34px;
  z-index: 1002;
}
.site-description a {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 699px) {
  .site-description {
    width: 82px;
    height: 85px;
    left: 13px;
    top: 14px;
  }
}

/* ヘッダー外枠 */
.header {
  position: relative;
}

.header-primal {
  background-color: #FFFFFF;
  height: 115px;
  width: 100%;
  position: fixed;
  padding-right: 325px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1001;
}
@media (max-width: 699px) {
  .header-primal {
    display: none;
  }
}

.header-contact {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 1002;
  right: 0;
  top: 0;
}
.header-contact__title {
  display: block;
  letter-spacing: 0.8px;
  margin-bottom: 2px;
}
.header-contact__title-en {
  font-size: 0.63rem;
  display: block;
  letter-spacing: 0.5px;
}
.header-contact__btn {
  padding-top: 73px;
  width: 137px;
  height: 137px;
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 699px) {
  .header-contact {
    right: 67px;
  }
  .header-contact__btn {
    width: 70px;
    height: 70px;
    padding-top: 40px;
  }
  .header-contact__title {
    font-size: 0.78rem;
  }
  .header-contact__title-en {
    font-size: 0.78rem;
  }
}

.btn--header-resv {
  color: #796C5B;
  background: url(../img/common/header/ico--resv.svg) top 33px center/29px 29px no-repeat, #F6F2EC;
}
@media (max-width: 699px) {
  .btn--header-resv {
    background-size: 21px 21px;
    background-position: top 20px center;
  }
  .btn--header-resv .header-contact__title-en {
    display: none;
  }
}

.btn--header-contact {
  color: #F6F2EC;
  background: url(../img/common/header/ico--mail.svg) top 37px center/30px 21px no-repeat, #796C5B;
}
@media (max-width: 699px) {
  .btn--header-contact {
    background-size: 22px 16px;
    background-position: top 18px center;
  }
  .btn--header-contact .header-contact__title {
    display: none;
  }
}

.header-btn {
  background-color: #FFFFFF;
  color: #796C5B;
  border: none;
  width: 67px;
  height: 70px;
  z-index: 9999;
  right: 0;
  top: 0;
  position: fixed;
}
.header-btn::after {
  content: "MENU";
  color: #796C5B;
  font-size: 0.78rem;
  padding-top: 10px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-btn span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 18px;
  height: 1px;
  border-radius: 2px;
  background: #796C5B;
  width: 32px;
}
.header-btn span:nth-of-type(1) {
  top: 18px;
}
.header-btn span:nth-of-type(2) {
  top: 24px;
}
.header-btn span:nth-of-type(3) {
  top: 30px;
}
.header-btn.active {
  background-color: #796C5B;
  color: #FFFFFF;
}
.header-btn.active::after {
  content: "CLOSE";
  color: #FFFFFF;
}
.header-btn.active span {
  background: #FFFFFF;
}
.header-btn.active span:nth-of-type(1) {
  top: 18px;
  left: 17px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
  width: 30px;
}
.header-btn.active span:nth-of-type(2) {
  opacity: 0;
}
.header-btn.active span:nth-of-type(3) {
  top: 30px;
  left: 17px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
  width: 30px;
}
@media screen and (min-width: 699px) {
  .header-btn {
    display: none;
  }
}

/*
	フッターの指定
*/
/* フッター外枠 */
footer {
  background-color: #A5A099;
  color: #FFFFFF;
  padding: 100px 0px 45px;
}
footer .btn-recruit {
  width: 515px;
  margin-bottom: 40px;
  display: block;
}
footer .btn-recruit img {
  display: block;
}
footer .pc-row, footer .garden-overview-list li, .garden-overview-list footer li, footer .service-step, footer .service-staff-list, footer .service-flow__inner, footer .service-work-list li, .service-work-list footer li, footer .service-feature-list, footer .article-section, footer .common-sns, footer .common-contact__btn, footer .common-contact__info {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 36px;
}
@media (max-width: 699px) {
  footer {
    padding: 50px 0px 23px;
  }
  footer .btn-recruit {
    width: 100%;
  }
  footer .pc-row, footer .garden-overview-list li, .garden-overview-list footer li, footer .service-step, footer .service-staff-list, footer .service-flow__inner, footer .service-work-list li, .service-work-list footer li, footer .service-feature-list, footer .article-section, footer .common-sns, footer .common-contact__btn, footer .common-contact__info {
    margin-bottom: 30px;
  }
}

.footer-info {
  padding-left: 20px;
  width: 276px;
}
.footer-info__link {
  width: 100%;
  margin-bottom: 30px;
  display: block;
}
.footer-info__link img {
  display: block;
}
.footer-info address {
  font-style: normal;
  font-weight: 500;
  line-height: 1.69;
  letter-spacing: normal;
}
.footer-info__company {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 5px;
  letter-spacing: normal;
}
.footer-info .tel {
  color: #fff;
}
@media (max-width: 699px) {
  .footer-info {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-info__compnany {
    font-size: 1.43rem;
  }
  .footer-info address {
    font-size: 1.14rem;
  }
}

.footer-nav {
  width: 515px;
  margin-top: 30px;
}
.footer-nav__list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 55px;
     -moz-column-gap: 55px;
          column-gap: 55px;
  margin-bottom: 40px;
}
.footer-nav__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  font-size: 0.75rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-nav__sub li {
  padding: 0px 15px;
  position: relative;
}
.footer-nav__sub li:last-of-type {
  padding-right: 0;
}
.footer-nav__sub li + li::before {
  position: absolute;
  left: 0;
  content: "|";
}
@media screen and (max-width: 699px) {
  .footer-nav {
    width: 100%;
    margin-top: 36px;
  }
  .footer-nav__list {
    width: 276px;
    margin-left: auto;
    margin-right: auto;
    gap: 12px 95px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 30px;
  }
  .footer-nav__sub {
    margin-top: 40px;
    font-size: 0.86rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.copy {
  padding-left: 20px;
  font-size: 0.88rem;
  margin-top: 40px;
  letter-spacing: normal;
}
@media (max-width: 699px) {
  .copy {
    padding-left: 0;
    font-size: 1rem;
    text-align: center;
    display: block;
  }
}

/* module */
/*
	共通の設定
*/
/*装飾*/
.bg-main, .shinsear-service, .bros-service-section__title::after, .service-feature,
.service-flow, .article-section, .common-contact {
  background-color: rgba(165, 160, 153, 0.2);
}

.bg-sub, .bros-service, .service-step, .breadcrumb {
  background-color: #A5A099;
}

.deco-kacco, .common-sns {
  position: relative;
}
.deco-kacco::before, .common-sns::before, .deco-kacco::after, .common-sns::after {
  content: "";
  position: absolute;
  border: 23px #3B4043 solid;
  display: block;
  width: 72px;
  height: 65px;
}
.deco-kacco::before, .common-sns::before {
  border-left: none;
  border-bottom: none;
  top: -14px;
  right: -14px;
}
.deco-kacco::after, .common-sns::after {
  border-right: none;
  border-top: none;
  bottom: -14px;
  left: -14px;
}
@media screen and (max-width: 699px) {
  .deco-kacco::before, .common-sns::before, .deco-kacco::after, .common-sns::after {
    border-width: 10px;
    width: 40px;
    height: 33px;
  }
}

.deco-kacco02 {
  position: relative;
}
.deco-kacco02::before, .deco-kacco02::after {
  content: "";
  position: absolute;
  border: 12px rgba(165, 160, 153, 0.2) solid;
  display: block;
  width: 25px;
  height: 22px;
}
.deco-kacco02::before {
  border-right: none;
  border-bottom: none;
  top: 0px;
  left: 0px;
}
.deco-kacco02::after {
  border-left: none;
  border-top: none;
  bottom: 0px;
  right: 0px;
}
@media screen and (max-width: 699px) {
  .deco-kacco02::before, .deco-kacco02::after {
    border-width: 6px;
    width: 18px;
    height: 20px;
  }
}

/*ブログ*/
.blog-list {
  list-style: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 34px 1fr 34px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 100px 34px;
  margin-bottom: 55px;
}
.blog-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 18px;
}
.blog-list__title {
  color: #796C5B;
  margin-bottom: 23px;
  font-size: 1.13rem;
  line-height: 1.11;
  letter-spacing: 0.9px;
}
.blog-list__item {
  width: 315px;
}
.blog-list__image {
  width: 100%;
  height: 290px;
  display: block;
}
.blog-list__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 699px) {
  .blog-list {
    display: block;
  }
  .blog-list__item {
    width: 100%;
    margin-right: 30px;
    margin-bottom: 30px;
  }
}

/*お問い合わせ*/
.common-contact {
  border-radius: 5px;
  padding: 45px 60px 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 110px;
}
.common-contact__title {
  position: relative;
  margin-bottom: 20px;
  margin-top: -10px;
}
.common-contact__title-en {
  font-size: 4rem;
  line-height: 1;
  color: rgba(165, 160, 153, 0.2);
  position: absolute;
  top: -40px;
  left: -14px;
  letter-spacing: 3.2px;
}
.common-contact__title-ja {
  font-size: 2rem;
}
.common-contact__info {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 40px;
}
.common-contact__btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
.common-contact__content {
  width: 455px;
}
.common-contact__tel {
  width: 312px;
  text-align: center;
}
.common-contact__tel .tel {
  font-size: 2.63rem;
  letter-spacing: normal;
  line-height: 1;
  letter-spacing: normal;
}
.common-contact__tel img {
  width: 34px;
  height: auto;
  vertical-align: text-bottom;
  margin-right: 7px;
  display: inline-block;
}
.common-contact__oh {
  font-size: 0.88rem;
  display: block;
  line-height: 1;
  margin-top: 5px;
}
.common-contact .btn, .common-contact .btn-brown, .common-contact .service-info .btn-map, .service-info .common-contact .btn-map {
  padding-left: 50px;
  padding-right: 115px;
  padding-top: 22px;
}
.common-contact .btn img, .common-contact .btn-brown img, .common-contact .service-info .btn-map img, .service-info .common-contact .btn-map img {
  margin-right: 40px;
  display: inline-block;
  vertical-align: middle;
}
.common-contact .btn-brown, .common-contact .service-info .btn-map, .service-info .common-contact .btn-map {
  padding-right: 90px;
  padding-top: 25px;
}
.common-contact .btn-brown img, .common-contact .service-info .btn-map img, .service-info .common-contact .btn-map img {
  margin-right: 18px;
}
@media screen and (max-width: 699px) {
  .common-contact {
    padding: 40px 18px;
    margin-bottom: 80px;
  }
  .common-contact__title {
    margin-bottom: 14px;
  }
  .common-contact__title-en {
    font-size: 2.86rem;
    top: -34px;
    left: 0px;
  }
  .common-contact__title-ja {
    font-size: 1.43rem;
  }
  .common-contact__content {
    width: 100%;
    margin-bottom: 30px;
  }
  .common-contact__tel {
    width: 100%;
  }
  .common-contact__tel .tel {
    font-size: 2.57rem;
  }
  .common-contact .btn, .common-contact .btn-brown, .common-contact .service-info .btn-map, .service-info .common-contact .btn-map {
    width: 100%;
    font-size: 1.14rem;
    padding-right: 50px;
    text-align: center;
  }
  .common-contact .btn img, .common-contact .btn-brown img, .common-contact .service-info .btn-map img, .service-info .common-contact .btn-map img {
    margin-right: 20px;
  }
  .common-contact .btn-brown, .common-contact .service-info .btn-map, .service-info .common-contact .btn-map {
    margin-bottom: 16px;
  }
}

/*インスタグラム*/
.common-sns {
  background-color: rgba(165, 160, 153, 0.1);
  margin: 100px auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 76px 123px 67px 86px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.common-sns::before {
  top: 0px;
  right: 0px;
}
.common-sns::after {
  bottom: 0px;
  left: 0px;
}
.common-sns__lede {
  font-size: 2rem;
  font-weight: bold;
  width: 234px;
  letter-spacing: 0.58px;
}
.common-sns__link {
  width: 366px;
  display: block;
}
@media (max-width: 699px) {
  .common-sns {
    padding: 25px 40px 35px;
  }
  .common-sns__lede {
    width: 100%;
    font-size: 1.28rem;
    text-align: center;
    margin-bottom: 15px;
  }
  .common-sns__link {
    width: 100%;
  }
}

/*リクルート*/
.common-recruit {
  background-color: #796C5B;
  position: relative;
  height: 245px;
  color: #fff;
  padding: 27px 78px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 50px;
  margin-bottom: 115px;
}
.common-recruit__title {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: sideways;
  line-height: 1;
  letter-spacing: 3.7px;
  color: #ddd7cf;
  top: -38px;
  left: -45px;
  font-size: 4.63rem;
  height: 328px;
}
.common-recruit::after {
  content: "";
  width: 308px;
  height: 300px;
  position: absolute;
  top: -96px;
  right: 50px;
  background: url(../img/services/common/pic--recruit.webp) top left/contain no-repeat;
}
.common-recruit__lede {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 35px;
}
.common-recruit .btn, .common-recruit .btn-brown, .common-recruit .service-info .btn-map, .service-info .common-recruit .btn-map {
  background: url(../img/common/icon/ico--pdf.svg) left 35px center/36px 36px no-repeat, url(../img/common/icon/ico--link.svg) right 27px center/36px 36px no-repeat, #fff;
  border: 1px solid #796C5B;
}
.common-recruit .btn:hover, .common-recruit .btn-brown:hover, .common-recruit .service-info .btn-map:hover, .service-info .common-recruit .btn-map:hover {
  background-image: url(../img/common/icon/ico--pdf-w.svg), url(../img/common/icon/ico--link-w.svg);
  border: 1px solid #fff;
}
@media (max-width: 699px) {
  .common-recruit {
    min-height: 198px;
    padding: 50px 24px 18px 30px !important;
    margin-left: 20px;
    width: calc(100% - 20px);
  }
  .common-recruit::after {
    width: 133px;
    height: 130px;
    top: -58px;
    left: auto;
    right: 13px;
  }
  .common-recruit__title {
    font-size: 2.86rem;
    left: -25px;
    top: -52px;
    height: 200px;
  }
  .common-recruit__lede {
    margin-bottom: 18px;
    font-size: 1.14rem;
  }
  .common-recruit .btn, .common-recruit .btn-brown, .common-recruit .service-info .btn-map, .service-info .common-recruit .btn-map {
    width: 100%;
    font-size: 0.86rem;
    padding: 10px 80px 10px 70px;
    height: 57px;
    line-height: 1.5;
    letter-spacing: 0.6px;
    background-size: 29px 29px, 29px 29px;
    background-position: left 28px center, right 16px center;
  }
}

/*各ページキャッチ*/
.catch {
  margin-top: 115px;
  height: 294px;
}
@media screen and (max-width: 699px) {
  .catch {
    margin-top: 70px;
    height: 172px;
  }
}

.catch-title {
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.catch-title__ja {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.64;
  letter-spacing: 1.4px;
  margin-bottom: 10px;
}
.catch-title__en {
  font-size: 6.25rem;
  color: #A5A099;
  line-height: 1.3;
  letter-spacing: 5px;
}
.catch-title::after {
  content: "";
  position: absolute;
  top: 0;
  right: -133px;
  width: 800px;
  height: 353px;
  background: url(../img/services/index/pic--catch.webp) top left/cover no-repeat;
  z-index: -1;
}
@media screen and (max-width: 699px) {
  .catch-title {
    padding-top: 65px;
  }
  .catch-title__ja {
    font-size: 0.94rem;
  }
  .catch-title__en {
    font-size: 3.57rem;
  }
  .catch-title::after {
    content: none;
  }
}

.catch-none .catch-title::after {
  content: none;
}

/*パンくずリスト*/
.breadcrumb {
  padding-top: 20px;
  padding-bottom: 15px;
}
.breadcrumb ol {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
}
.breadcrumb li {
  color: #fff;
  opacity: 0.7;
  font-size: 0.88rem;
  letter-spacing: 0.7px;
}
.breadcrumb li a {
  color: #fff;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.breadcrumb li a::after {
  content: "ー";
  margin-left: 15px;
}
@media screen and (max-width: 699px) {
  .breadcrumb {
    padding: 0;
    height: 35px;
  }
  .breadcrumb ol {
    display: none;
  }
}

/**/
.section-ptn02, .ec-product, .garden-message {
  padding-top: 70px;
  padding-bottom: 75px;
  position: relative;
}
.section-ptn02 .pc-row, .ec-product .pc-row, .section-ptn02 .garden-overview-list li, .ec-product .garden-overview-list li, .garden-overview-list .section-ptn02 li, .garden-overview-list .ec-product li, .garden-message .pc-row, .garden-message .garden-overview-list li, .garden-overview-list .garden-message li, .section-ptn02 .service-step, .ec-product .service-step, .garden-message .service-step, .section-ptn02 .service-staff-list, .ec-product .service-staff-list, .garden-message .service-staff-list, .section-ptn02 .service-flow__inner, .ec-product .service-flow__inner, .garden-message .service-flow__inner, .section-ptn02 .service-work-list li, .ec-product .service-work-list li, .garden-message .service-work-list li, .service-work-list .section-ptn02 li, .service-work-list .ec-product li, .service-work-list .garden-message li, .section-ptn02 .service-feature-list, .ec-product .service-feature-list, .garden-message .service-feature-list, .section-ptn02 .article-section, .ec-product .article-section, .garden-message .article-section, .section-ptn02 .common-contact__info, .ec-product .common-contact__info, .garden-message .common-contact__info, .section-ptn02 .common-contact__btn, .ec-product .common-contact__btn, .garden-message .common-contact__btn, .section-ptn02 .common-sns, .ec-product .common-sns, .garden-message .common-sns {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.section-ptn02 .layout-main-column, .ec-product .layout-main-column, .garden-message .layout-main-column {
  color: #fff;
}
.section-ptn02 .layout-sub-column, .ec-product .layout-sub-column, .garden-message .layout-sub-column {
  position: absolute;
  right: 0;
  top: 0px;
}
.section-ptn02::after, .ec-product::after, .garden-message::after {
  content: "";
  width: calc(100% - 243px);
  height: 100%;
  background-color: #A5A099;
  position: absolute;
  top: 0;
  left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: -1;
}
@media screen and (max-width: 699px) {
  .section-ptn02, .ec-product, .garden-message {
    margin-left: -30px;
    padding: 50px 30px 50px 30px;
  }
  .section-ptn02::after, .ec-product::after, .garden-message::after {
    width: 100%;
    height: calc(100% - 150px);
  }
  .section-ptn02 .layout-main-column, .ec-product .layout-main-column, .garden-message .layout-main-column {
    margin-bottom: 30px;
  }
  .section-ptn02 .layout-sub-column, .ec-product .layout-sub-column, .garden-message .layout-sub-column {
    position: relative;
  }
}

.list-img-column {
  width: 420px;
}
@media screen and (max-width: 699px) {
  .list-img-column {
    width: 100%;
    margin-bottom: 30px;
  }
}

.list-content-column {
  width: 524px;
}
@media screen and (max-width: 699px) {
  .list-content-column {
    width: 100%;
    margin-bottom: 30px;
  }
}

.section-layout, .shinsear-service-guide, .shinsear-service, .service-price, .service-info, .service-faq, .service-work, .service-feature,
.service-flow, .article-section {
  padding-top: 115px;
  padding-bottom: 120px;
}
@media screen and (max-width: 699px) {
  .section-layout, .shinsear-service-guide, .shinsear-service, .service-price, .service-info, .service-faq, .service-work, .service-feature,
  .service-flow, .article-section {
    padding-top: 82px;
    padding-bottom: 90px;
  }
}

.layout-post-column {
  width: 670px;
}
@media screen and (max-width: 699px) {
  .layout-post-column {
    width: 100%;
    margin-bottom: 50px;
  }
}

.layout-nav-column {
  width: 270px;
}
@media screen and (max-width: 699px) {
  .layout-nav-column {
    width: 100%;
  }
}

/*
	サイト全体のナビゲーション設定
*/
/* グローバルナビの設定 */
.global-nav {
  display: none;
  width: 100%;
  background: #fff;
  height: 100%;
  min-height: 100vh;
  position: fixed;
  top: 0px;
  right: 0px;
  overflow-y: scroll;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  z-index: 1005;
  padding: 14px 30px 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.global-nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.global-nav__logo {
  width: 82px;
  height: 85px;
  display: block;
  margin-left: -15px;
  margin-bottom: 10px;
}
.global-nav__logo img {
  display: block;
}
.global-nav__list {
  list-style: none;
  margin-bottom: 28px;
}
.global-nav__list li {
  padding: 18px 0px;
  border-bottom: 1px solid #796C5B;
}
.global-nav__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.global-nav__title {
  font-size: 1.14rem;
}
.global-nav__title-en {
  font-size: 0.71rem;
  color: #796C5B;
}
.global-nav__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 27px;
}
.global-nav__btn .header-contact__btn {
  width: 156px;
  height: 156px;
  padding-top: 86px;
}
.global-nav__btn .header-contact__title {
  font-size: 1.28rem;
}
.global-nav__btn .header-contact__title-en {
  font-size: 0.79rem;
}
.global-nav__btn .btn--header-resv {
  background-size: 32px 32px;
  background-position: top 37px center;
}
.global-nav__btn .btn--header-resv .header-contact__title-en {
  display: block;
}
.global-nav__btn .btn--header-contact {
  background-size: 34px 24px;
  background-position: top 42px center;
}
.global-nav__btn .btn--header-contact .header-contact__title {
  display: block;
}
.global-nav__sub {
  list-style: none;
  padding-left: 20px;
}
.global-nav__sub li > a {
  color: #796C5B;
}
.global-nav__sub li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.global-nav__sub2 {
  list-style: none;
  padding-left: 5px;
  margin-top: 10px;
}
.global-nav__sub2 li {
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0px;
  font-size: 0.88rem;
}
.global-nav__sub2 li::before {
  content: "ー";
  margin-right: 5px;
}
@media screen and (max-width: 699px) {
  .global-nav {
    display: block;
  }
}

/* ローカルナビの設定 */
.primal-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  margin-top: 36px;
}
.primal-nav__list > li {
  position: relative;
}
.primal-nav__title {
  text-align: center;
  display: block;
  color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: bold;
  letter-spacing: 0.8px;
}
.primal-nav__title span {
  font-size: 0.63rem;
  display: block;
  color: #796C5B;
  margin-top: 5px;
}
.primal-nav__title:hover {
  color: #796C5B;
}
.primal-nav__drop .primal-nav__title {
  background: url(../img/common/header/ico--arrow-down.svg) top 14px right/8px auto no-repeat;
  padding-right: 13px;
}

.primal-drop {
  background: url(../img/common/nav/txt--about.svg) right bottom/290px 60px no-repeat, #EDECEB;
  width: 720px;
  height: 290px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: -315px;
  top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  opacity: 0;
  -webkit-transition: 0.4s opacity 0.3s ease, 0.4s -webkit-transform 0.3s ease;
  transition: 0.4s opacity 0.3s ease, 0.4s -webkit-transform 0.3s ease;
  transition: 0.4s transform 0.3s ease, 0.4s opacity 0.3s ease;
  transition: 0.4s transform 0.3s ease, 0.4s opacity 0.3s ease, 0.4s -webkit-transform 0.3s ease;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.primal-drop.is-show {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.primal-drop__title {
  font-weight: bold;
  font-size: 1.13rem;
}
.primal-drop__list {
  list-style: none;
}
.primal-drop__list li {
  margin-bottom: 9px;
}
.primal-drop__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  padding: 8px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.75rem;
  border-radius: 5px;
  height: 55px;
  font-weight: bold;
  line-height: 1;
  background: url(../img/common/nav/ico--arrow.svg) right 20px center/9px 9px no-repeat, #fff;
}
.primal-drop__list li a .small {
  font-size: 0.56rem;
  display: block;
  margin-bottom: 5px;
}
.primal-drop__list li a:hover {
  opacity: 0.7;
}
.primal-drop__sub-title {
  font-weight: bold;
  font-size: 1.06rem;
  letter-spacing: 0.85px;
  border-bottom: 1px solid #000000;
  display: block;
  margin-bottom: 15px;
}
.primal-drop__sub-title span {
  font-size: 0.88rem;
}
.primal-drop a.primal-drop__sub-title {
  background: url(../img/common/nav/ico--arrow-cr.svg) right center/24px 24px no-repeat;
}
.primal-drop a.primal-drop__sub-title:hover {
  opacity: 0.7;
}
.primal-drop .primal-drop-bros {
  width: 258px;
}
.primal-drop .primal-drop-ec {
  width: 240px;
}

/*
	サイト全体の見出しの設定
*/
.section-title {
  text-align: center;
  margin-bottom: 90px;
}
.section-title__ja {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 2.4px;
  z-index: 1;
  margin-top: -45px;
}
.section-title__ja-sm {
  line-height: 1;
  letter-spacing: 2.4px;
  z-index: 1;
  font-size: 2rem;
  margin-top: -30px;
}
.section-title__en {
  font-size: 4.88rem;
  line-height: 1.09;
  letter-spacing: 3.9px;
  color: rgba(165, 160, 153, 0.2);
  z-index: 0;
}
@media screen and (max-width: 699px) {
  .section-title {
    margin-bottom: 46px;
  }
  .section-title__ja {
    font-size: 1.43rem;
    margin-top: -13px;
    line-height: 1;
    letter-spacing: 1px;
  }
  .section-title__ja-sm {
    font-size: 1.43rem;
    margin-top: -13px;
    line-height: 0.7;
    letter-spacing: 1px;
  }
  .section-title__en {
    font-size: 2.29rem;
    line-height: 1.13;
    letter-spacing: 1.6px;
  }
}

.section-title02__ja {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.8px;
}
.section-title02__en {
  font-size: 3.44rem;
  line-height: 1;
  letter-spacing: 5.5px;
}
@media screen and (max-width: 699px) {
  .section-title02__en {
    font-size: 2.29rem;
    line-height: 1.13;
    letter-spacing: 1.6px;
  }
}

.title-lv01 {
  font-size: 2rem;
  line-height: 0.63;
  letter-spacing: 1.6px;
  font-weight: bold;
}

.title-lv02, .shinsear-service-section__title, .bros-service-section__lede, .service-intro__lede, .article-title {
  font-size: 1.63rem;
  line-height: 1.5;
  letter-spacing: 1.3px;
  font-weight: bold;
}
@media screen and (max-width: 699px) {
  .title-lv02, .shinsear-service-section__title, .bros-service-section__lede, .service-intro__lede, .article-title {
    font-size: 1.43rem;
    letter-spacing: 1px;
  }
}

/*
	サイト全体のテーブルの設定
*/
/* テーブルの設定 */
.table-ptn--01 {
  width: 100%;
}
.table-ptn--01 th {
  border-bottom: 1px solid #000000;
  padding: 15px 20px;
  font-weight: bold;
  width: 255px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}
.table-ptn--01 td {
  border-bottom: 1px solid #A5A099;
  padding: 15px 20px;
}
@media (max-width: 699px) {
  .table-ptn--01 th, .table-ptn--01 td {
    display: block;
  }
  .table-ptn--01 th {
    border-bottom: none;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 5px;
  }
  .table-ptn--01 td {
    padding-top: 5px;
    padding-bottom: 20px;
  }
}

.table-ptn--02 {
  width: 100%;
}
.table-ptn--02 tr {
  border-bottom: 1px solid #A5A099;
}
.table-ptn--02 th {
  padding: 10px 10px 10px 0px;
}
.table-ptn--02 th span {
  background-color: #F6F6F3;
  border-radius: 10px;
  text-align: center;
  color: #796C5B;
  font-size: 0.88rem;
  width: 104px;
  padding: 5px;
  display: block;
}
.table-ptn--02 th span.small {
  font-size: 0.63rem;
}
/*
	サイト全体のリンク・ボタンの設定
*/
/* ボタンの設定 */
.btn, .btn-brown, .service-info .btn-map {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 70px;
  padding: 28px 100px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #796C5B;
  font-weight: bold;
  text-align: center;
  background: url(../img/common/icon/ico--arrow-r-br.svg) right 22px center/33px 33px no-repeat, #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 0.75;
  letter-spacing: 0.8px;
}
.btn:hover, .btn-brown:hover, .service-info .btn-map:hover {
  color: #fff;
  background-image: url(../img/common/icon/ico--arrow-r-w.svg);
  background-color: #796C5B;
}

.btn-brown, .service-info .btn-map {
  color: #fff;
  background-image: url(../img/common/icon/ico--arrow-r-w.svg);
  background-color: #796C5B;
  border: 1px solid #796C5B;
}
.btn-brown:hover, .service-info .btn-map:hover {
  color: #796C5B;
  background-image: url(../img/common/icon/ico--arrow-r-br.svg);
  background-color: #fff;
  border: 1px solid #796C5B;
}

.txt-link {
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  position: relative;
}
.txt-link::after {
  content: "";
  width: 0%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.txt-link:hover {
  color: #fff;
}
.txt-link:hover::after {
  width: 100%;
}

.txt-ext-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  position: relative;
  padding-right: 40px;
  background: url(../img/common/icon/ico--link.svg) right center/36px 36px no-repeat;
}
.txt-ext-link::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background-color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.txt-ext-link:hover {
  opacity: 0.7;
}
@media screen and (max-width: 699px) {
  .txt-ext-link {
    background-size: 25px 25px;
    padding-right: 25px;
  }
}

/*
	サイト全体のリストの設定
*/
/* アイコン型リストの設定 */
.list-arrow {
  list-style: none;
}
.list-arrow li {
  background: url(../img/common/mark/ico--arrow-01.png) 2px 7px no-repeat;
  padding-left: 17px;
}

.list-circle {
  list-style: none;
}
.list-circle li {
  background: url(../img/common/mark/ico--circle-01.png) 4px 7px no-repeat;
  padding-left: 17px;
}

/* ボーダー型リストの設定 */
.list-border {
  list-style: none;
}
.list-border li {
  padding-left: 5px;
  border-bottom: 1px dashed #ABA073;
}

/* 番号型リストの設定 */
.list-numbering {
  list-style: decimal;
  padding-left: 25px;
}
.list-numbering li {
  display: list-item;
  margin-bottom: 10px;
}
.list-numbering li .list-numbering {
  list-style: lower-roman inside;
}
.list-numbering li .list-numbering li {
  text-indent: -1.2em;
}

/* 通常リストの設定 */
.list-nomal {
  padding-left: 20px;
}
.list-nomal li {
  margin-bottom: 5px;
}

/* リストマークなし */
.list-style-none {
  list-style: none;
}

/*
	サイト全体のリンク・ボタンの設定
*/
/* ブロックの設定 */
.box-sub--01 {
  border: 1px solid #ABA073;
  background: #fff;
  padding: 15px;
}

.box-sub--02 {
  border: 4px solid #FFC693;
  padding: 7px;
}

/*
	サイト全体のWordPress記事の設定
*/
/* ブログ・お知らせの設定 */
.article-section {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}

.article-title {
  margin-bottom: 40px;
}

.article-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
.article-info .info-date {
  font-size: 1.25rem;
}

.article-content {
  margin-bottom: 60px;
}
.article-content a {
  text-decoration: underline;
}
.article-content a:hover {
  opacity: 0.7;
}
.article-content ul, .article-content ol {
  padding-left: 30px;
}
.article-content h1, .article-content h2, .article-content h3 {
  color: #796C5B;
}

.article-nav {
  position: relative;
  list-style: none;
  height: 70px;
}
.article-nav li:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 110px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  height: 48px;
}
.article-nav li:nth-child(2) {
  position: absolute;
  top: 50%;
  right: 110px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  height: 48px;
}
.article-nav li:nth-child(3) {
  margin: 0 auto;
  width: 294px;
}
.article-nav li:nth-child(3) a {
  background-color: #fff;
  border: 1px solid #A5A099;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #A5A099;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.article-nav li:nth-child(3) a:hover {
  background-color: #A5A099;
  color: #fff;
}
.article-nav__prev, .article-nav__next {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #A5A099;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 699px) {
  .article-nav {
    height: 60px;
  }
  .article-nav li:nth-child(1) {
    left: 0;
    height: 30px;
  }
  .article-nav li:nth-child(2) {
    right: 0;
    height: 30px;
  }
  .article-nav li:nth-child(3) {
    width: calc(100% - 100px);
  }
  .article-nav li:nth-child(3) a {
    height: 60px;
  }
  .article-nav__prev, .article-nav__next {
    width: 30px;
    height: 30px;
  }
}

.article-list {
  list-style: none;
}
.article-list__item {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 50px;
  padding: 35px 45px 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.article-list__item a:hover {
  opacity: 0.6;
}
.article-list .article-content {
  margin-bottom: 0;
}
@media screen and (max-width: 699px) {
  .article-list__item {
    margin-bottom: 30px;
    padding: 20px 15px 50px;
  }
}

/* ページネーションの設定 */
.pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-bottom: 120px;
}
.pagination span, .pagination a {
  background-color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  font-size: 1.88rem;
  color: #A5A099;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pagination a {
  background-color: #A5A099;
  color: #fff;
}
.pagination a:hover {
  opacity: 0.7;
}
.pagination .current {
  background-color: #fff;
  color: #A5A099;
}
@media screen and (max-width: 699px) {
  .pagination span, .pagination a {
    width: 30px;
    height: 30px;
    font-size: 1.43rem;
  }
}

/**/
.info-date {
  color: #796C5B;
  font-size: 0.88rem;
  letter-spacing: 0.7px;
}
@media screen and (max-width: 699px) {
  .info-date {
    font-size: 0.86rem;
  }
}

.info-cat {
  color: #796C5B;
  border: 1px solid #796C5B;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 30px;
  padding: 6px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 0.88rem;
}
.info-cat + .info-cat {
  margin-left: 30px;
}
.info-cat:hover {
  color: #fff;
  background-color: #796C5B;
}
@media screen and (max-width: 699px) {
  .info-cat {
    font-size: 0.79rem;
    height: 23px;
    padding: 5px 18px;
  }
}

/*ブログ・お知らせ サイドメニュー*/
.side-nav dt {
  margin-bottom: 30px;
}

.side-nav-list {
  list-style: none;
}
.side-nav-list li {
  margin-bottom: 15px;
}
.side-nav-list li a {
  border-radius: 4px;
  border: 1px solid #796C5B;
  padding: 10px 30px 10px 16px;
  background: url(../img/common/icon/ico--slick-arrow.svg) center right 12px/13px 13px no-repeat;
  background-color: #fff;
  display: block;
  min-width: 158px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.88rem;
  color: #796C5B;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.side-nav-list li a:hover {
  background-color: #796C5B;
  background-image: url(../img/common/icon/ico--slick-arrow-r-w.svg);
  color: #fff;
}
@media screen and (max-width: 699px) {
  .side-nav-list li a {
    width: 100%;
  }
}

/*
	事業紹介のアイテムの設定
*/
.catch-about .catch-title::after {
  background-image: url(../img/services/index/pic--catch.webp);
}

.catch-garden .catch-title::after {
  background-image: url(../img/services/bros-garden/pic--catch.webp);
}

.catch-ec .catch-title::after {
  background-image: url(../img/services/ecommerce/pic--catch.webp);
}

/* 事業紹介共通 */
.service-intro {
  padding-top: 60px;
  padding-bottom: 85px;
}
.service-intro__content {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.service-intro__lede {
  color: #796C5B;
  text-align: center;
  margin-top: 55px;
  margin-bottom: 40px;
  line-height: 1.3;
}
.service-intro__gallery {
  position: relative;
}
.service-intro__slider {
  position: relative;
}
.service-intro__slider .slick-list {
  padding: 0 297px 0 0 !important;
}
.service-intro__slider img {
  display: block;
  margin-right: 13px;
}
.service-intro__slider button {
  position: absolute;
  width: 70px;
  height: 76px;
  background-color: #fff;
  bottom: -10px;
  border: none;
  z-index: 1;
}
.service-intro__slider button::after {
  content: "";
  width: 23px;
  height: 23px;
  background: url(../img/common/icon/ico--slick-arrow.svg) top left/contain no-repeat;
  display: block;
  position: absolute;
  top: 26px;
}
.service-intro__slider button:hover::after {
  opacity: 0.6;
}
.service-intro__slider .slick-next {
  right: 0;
  text-indent: -9999px;
}
.service-intro__slider .slick-next::after {
  right: 30px;
}
.service-intro__slider .slick-prev {
  right: 70px;
  border-top-left-radius: 5px;
  text-indent: -9999px;
}
.service-intro__slider .slick-prev::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 30px;
}
.service-intro__invite {
  background-color: #21295F;
  color: #fff;
  width: 127px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  bottom: -64px;
  left: -44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media (max-width: 699px) {
  .service-intro {
    padding: 34px 0 60px;
  }
  .service-intro__lede {
    margin-bottom: 20px;
    text-align: left;
  }
  .service-intro__content {
    width: 100%;
  }
  .service-intro__gallery {
    margin-bottom: 68px;
  }
  .service-intro__slider {
    margin-right: -30px;
  }
  .service-intro__slider .slick-list {
    padding: 0 50px 0 0 !important;
  }
  .service-intro__slider button {
    width: 45px;
    height: 50px;
  }
  .service-intro__slider button::after {
    width: 15px;
    height: 15px;
    top: 17px;
  }
  .service-intro__slider .slick-prev {
    right: 44px;
  }
  .service-intro__slider .slick-prev::after {
    left: 20px;
  }
  .service-intro__slider .slick-next::after {
    right: 20px;
  }
  .service-intro__invite {
    width: 97px;
    bottom: -48px;
    left: -10px;
    font-size: 0.86rem;
  }
}

.service-feature .section-title__en,
.service-flow .section-title__en {
  color: rgba(255, 255, 255, 0.82);
}
@media (max-width: 699px) {
  .service-feature,
  .service-flow {
    padding-top: 56px;
    padding-bottom: 90px;
  }
}

.service-feature-list {
  list-style: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.service-feature-list li {
  width: 250px;
}
.service-feature-list__num {
  position: absolute;
  color: #A5A099;
  font-size: 2.88rem;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.service-feature-list__image {
  position: relative;
  width: 206px;
  height: 206px;
  margin-bottom: 27px;
  margin-left: auto;
  margin-right: auto;
}
.service-feature-list__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.service-feature-list__title {
  font-size: 1.63rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 27px;
}
.service-feature-list__title span {
  display: block;
  line-height: 1;
  font-size: 1.25rem;
}
.service-feature-list__point {
  background-color: #fff;
  list-style: none;
  padding: 55px 14px 30px;
  position: relative;
}
.service-feature-list__point::before {
  content: "POINT";
  font-size: 4rem;
  color: rgba(165, 160, 153, 0.2);
  line-height: 1;
  position: absolute;
  top: -24px;
  left: 18px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.service-feature-list__point li {
  color: #796C5B;
  padding-left: 22px;
  background: url(../img/common/icon/ico--check.svg) left center/17px 17px no-repeat;
  letter-spacing: normal;
  margin-bottom: 5px;
}
@media (max-width: 699px) {
  .service-feature-list li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
  }
  .service-feature-list__image {
    width: 136px;
    height: 136px;
    margin: 0;
  }
  .service-feature-list__content {
    width: calc(100% - 156px);
  }
  .service-feature-list__content p {
    letter-spacing: normal;
  }
  .service-feature-list__num {
    font-size: 2.14rem;
    top: -24px;
  }
  .service-feature-list__title {
    font-size: 1.14rem;
    text-align: left;
    margin-bottom: 8px;
  }
  .service-feature-list__title span {
    font-size: 0.86rem;
  }
  .service-feature-list__point {
    padding: 30px 15px 15px;
  }
  .service-feature-list__point::before {
    font-size: 3rem;
  }
  .service-feature-list__point li {
    margin-bottom: 10px;
  }
}

.service-work-list {
  list-style: none;
  padding-right: 100px;
}
.service-work-list li {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 60px;
}
.service-work-list__title {
  font-size: 1.25rem;
  color: #796C5B;
  margin-bottom: 14px;
}
@media (max-width: 699px) {
  .service-work-list {
    padding-right: 0;
    margin-left: -30px;
    margin-right: -30px;
  }
  .service-work-list li {
    margin-bottom: 40px;
  }
  .service-work-list .list-content-column {
    padding: 0px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.service-movie {
  padding-bottom: 143px;
}
.service-movie__iframe {
  width: 793px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 699px) {
  .service-movie__iframe {
    width: 100%;
  }
}

.service-gallery {
  padding-top: 140px;
  padding-bottom: 143px;
}
.service-gallery__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px 30px;
}
.service-gallery__list a {
  width: 100%;
  aspect-ratio: 3/2;
}
.service-gallery__list a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 699px) {
  .service-gallery__list {
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 15px;
  }
}

.service-movie + .service-gallery {
  padding-top: 0;
}

.service-flow {
  padding-bottom: 48px;
}
.service-flow__note {
  letter-spacing: normal;
}

/*.service-flow-list{
	list-style: none;
	@extend .pc-row;
	justify-content:space-between;
	align-items: flex-start;
	padding-right: 50px;
	background:url(../img/services/bros-kobo/flow/bgi--arrow.svg) top 100px left / contain no-repeat;
	li{
		width: 95px;
		&:first-of-type{
			.service-flow-list__time{
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
	&__time{
		background-color: $color--site-main;
		color: #fff;
		font-size: 0.88rem;
		text-align: center;
		width: 100%;
		height: 58px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 6px 10px;
		box-sizing: border-box;
		span{
			display: block;
			line-height: 1.5;
			&:first-of-type{
				margin-left: 0;
				margin-right: auto;
				text-align: left;
			}
			&:last-of-type{
				margin-left: auto;
				margin-right: 0;
				text-align: right;
			}
		}
	}
	&__detail{
		font-size: 1.75rem;
		font-weight: bold;
		vertical-align: middle;
		writing-mode: vertical-rl;
		background-color: #fff;
		width: 100%;
		height: 210px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 20px 25px;
		box-sizing: border-box;
	}
	@media (max-width: $bp-sp) {
		padding-right: 0;
		background-image: url(../img/services/bros-kobo/flow/bgi--arrow-vl.svg);
		background-position: top left 20px;
		padding-bottom: 44px;
		li{
			width: 100%;
			height: 70px;
			display: flex;
			margin-bottom: 12px;
		}
		&__time{
			width: 100px;
			height: 100%;
			border-top-right-radius: 0px;
			border-bottom-left-radius: 5px;
			padding-top: 15px;
		}
		&__detail{
			width: calc(100% - 100px);
			height: 100%;
			writing-mode: horizontal-tb;
			font-size: 1.43rem;
			border-bottom-left-radius: 0px;
			border-top-right-radius: 5px;
			padding-top: 16px;
		}
	}
}*/
.service-flow__inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 27px;
}
.service-flow__timetable {
  width: 527px;
}
.service-flow__timetable dt {
  background-color: #796C5B;
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
  padding: 13px;
}
.service-flow__timetable dd {
  background: #fff;
  padding: 34px 40px 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.2;
  letter-spacing: 1px;
}
.service-flow__timetable table {
  width: 100%;
  position: relative;
}
.service-flow__timetable table::after {
  content: "";
  width: 2px;
  height: calc(100% - 30px);
  background: #796C5B;
  position: absolute;
  left: 75px;
  top: 0;
  z-index: 0;
}
.service-flow__timetable table th {
  vertical-align: top;
  white-space: nowrap;
  padding-bottom: 20px;
  width: 148px;
  position: relative;
  z-index: 1;
}
.service-flow__timetable table th span {
  background-color: #796C5B;
  color: #fff;
  font-size: 1.13rem;
  display: inline-block;
  padding: 10px;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.service-flow__timetable table td {
  color: #796C5B;
  font-size: 1.25rem;
  padding: 10px 0px 20px 26px;
  vertical-align: top;
}
.service-flow__timetable table td img {
  display: block;
}
.service-flow__timetable table td .pc-row, .service-flow__timetable table td .garden-overview-list li, .garden-overview-list .service-flow__timetable table td li, .service-flow__timetable table td .service-step, .service-flow__timetable table td .service-staff-list, .service-flow__timetable table td .common-contact__info, .service-flow__timetable table td .common-contact__btn, .service-flow__timetable table td .common-sns, .service-flow__timetable table td .article-section, .service-flow__timetable table td .service-feature-list, .service-flow__timetable table td .service-work-list li, .service-work-list .service-flow__timetable table td li, .service-flow__timetable table td .service-flow__inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.service-flow__timetable table td .pc-row img, .service-flow__timetable table td .garden-overview-list li img, .garden-overview-list .service-flow__timetable table td li img, .service-flow__timetable table td .service-step img, .service-flow__timetable table td .service-staff-list img, .service-flow__timetable table td .common-contact__info img, .service-flow__timetable table td .common-contact__btn img, .service-flow__timetable table td .common-sns img, .service-flow__timetable table td .article-section img, .service-flow__timetable table td .service-feature-list img, .service-flow__timetable table td .service-work-list li img, .service-work-list .service-flow__timetable table td li img, .service-flow__timetable table td .service-flow__inner img {
  width: 193px;
  max-width: 75%;
  margin-top: 0;
}
.service-flow__timetable table td .pc-row img.img-sm, .service-flow__timetable table td .garden-overview-list li img.img-sm, .garden-overview-list .service-flow__timetable table td li img.img-sm, .service-flow__timetable table td .service-step img.img-sm, .service-flow__timetable table td .service-staff-list img.img-sm, .service-flow__timetable table td .common-contact__info img.img-sm, .service-flow__timetable table td .common-contact__btn img.img-sm, .service-flow__timetable table td .common-sns img.img-sm, .service-flow__timetable table td .article-section img.img-sm, .service-flow__timetable table td .service-feature-list img.img-sm, .service-flow__timetable table td .service-work-list li img.img-sm, .service-work-list .service-flow__timetable table td li img.img-sm, .service-flow__timetable table td .service-flow__inner img.img-sm {
  width: 177px;
}
@media (max-width: 699px) {
  .service-flow__inner {
    margin-bottom: 15px;
  }
  .service-flow__timetable {
    width: 100%;
  }
  .service-flow__timetable dd {
    background: #fff;
    padding: 34px 15px;
  }
  .service-flow__timetable table th {
    width: 100px;
  }
  .service-flow__timetable table td .pc-row img, .service-flow__timetable table td .garden-overview-list li img, .garden-overview-list .service-flow__timetable table td li img, .service-flow__timetable table td .service-step img, .service-flow__timetable table td .service-staff-list img, .service-flow__timetable table td .common-contact__info img, .service-flow__timetable table td .common-contact__btn img, .service-flow__timetable table td .common-sns img, .service-flow__timetable table td .article-section img, .service-flow__timetable table td .service-feature-list img, .service-flow__timetable table td .service-work-list li img, .service-work-list .service-flow__timetable table td li img, .service-flow__timetable table td .service-flow__inner img {
    margin-top: 15px;
    width: 100%;
    max-width: 100%;
  }
  .service-flow__timetable.timetable-am {
    margin-bottom: 30px;
  }
}

.service-staff {
  padding-bottom: 127px;
}

.service-staff-list {
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
.service-staff-list li {
  position: relative;
  margin-top: 100px;
  background-color: rgba(165, 160, 153, 0.1);
  border-radius: 5px;
  width: 345px;
  padding: 110px 27px 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.service-staff-list__image {
  width: 216px;
  height: 216px;
  position: absolute;
  top: -88px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.service-staff-list__image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-staff-list__position {
  left: 0;
  background-color: #fff;
  font-size: 0.75rem;
  padding: 2px 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 5px;
  display: block;
  top: -10px;
  position: relative;
}
.service-staff-list__name {
  left: 0;
  background-color: #fff;
  font-size: 1.13rem;
  padding: 3px 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 699px) {
  .service-staff-list li {
    margin-top: 135px;
    width: 100%;
    padding: 110px 27px 38px;
  }
  .service-staff-list__image {
    width: 208px;
    height: 208px;
  }
}

.service-step {
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.service-step .section-title02 {
  width: 200px;
  color: #fff;
}
.service-step .section-title02__en {
  margin-bottom: 10px;
  display: block;
}
@media (max-width: 699px) {
  .service-step {
    margin-right: -30px;
    padding-right: 30px;
  }
  .service-step .section-title02 {
    width: 100%;
    text-align: center;
    margin-bottom: 34px;
  }
  .service-step .section-title02__en {
    font-size: 3.21rem;
  }
}

.service-step-list {
  width: 764px;
  margin-right: 100px;
  list-style: none;
}
.service-step-list li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 35px;
}
.service-step-list__step {
  color: #fff;
  background-color: #796C5B;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0px 20px;
  line-height: 0.9;
  font-size: 1.13rem;
  width: 116px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.service-step-list__step span {
  display: block;
}
.service-step-list__step span > span {
  font-size: 2.88rem;
  line-height: 1;
}
.service-step-list__content {
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 648px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 26px 30px 23px 102px;
  position: relative;
  font-size: 0.88rem;
  letter-spacing: normal;
}
.service-step-list__icon {
  position: absolute;
  top: 26px;
  left: 32px;
}
.service-step-list__title {
  font-size: 1.25rem;
  color: #796C5B;
  margin-bottom: 10px;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media (max-width: 699px) {
  .service-step-list {
    width: 100%;
    padding-right: 0;
  }
  .service-step-list__step {
    width: 70px;
    font-size: 1rem;
    padding: 0px 12px;
  }
  .service-step-list__step span > span {
    font-size: 2.57rem;
    line-height: 1;
  }
  .service-step-list__content {
    width: calc(100% - 70px);
    padding: 15px 10px 15px 20px;
    font-size: 0.86rem;
  }
  .service-step-list__title {
    padding-left: 50px;
    font-size: 1.14rem;
    padding-top: 8px;
    margin-bottom: 15px;
  }
  .service-step-list__icon {
    top: 15px;
    left: 20px;
    width: 29px;
    height: auto;
  }
}

@media (max-width: 699px) {
  .service-faq {
    padding-left: 0;
    padding-right: 0;
  }
}

.service-faq-list {
  list-style: none;
}
.service-faq-list li {
  border: 1px solid #796C5B;
  border-radius: 4px;
  padding: 32px 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-bottom: 25px;
}
.service-faq-list li ul > li {
  border: none;
  list-style: disc;
  margin-bottom: 10px;
  padding: 0;
  margin-left: 30px;
}
.service-faq-list__que {
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 50px;
  padding-top: 5px;
  min-height: 40px;
  background: url(../img/common/icon/ico--q.svg) top left/40px auto no-repeat;
  margin-bottom: 20px;
}
.service-faq-list__ans {
  padding-left: 50px;
  padding-top: 0px;
  min-height: 40px;
  background: url(../img/common/icon/ico--a.svg) top left/40px auto no-repeat;
  letter-spacing: 0.8px;
}
@media (max-width: 699px) {
  .service-faq-list li {
    margin-bottom: 30px;
  }
  .service-faq-list__que {
    padding-left: 0;
    padding-top: 35px;
    background-size: 30px auto;
    font-size: 1.14rem;
    margin-bottom: 10px;
  }
  .service-faq-list__ans {
    padding-left: 0;
    padding-top: 35px;
    background-size: 30px auto;
  }
}

.service-info {
  padding-bottom: 0;
}
.service-info .table-ptn--01 {
  margin-bottom: 100px;
}
.service-info .btn-map {
  background-image: url(../img/common/icon/ico--link-w.svg);
  background-size: 24px 24px;
  background-position: right 8px center;
  padding: 8px 40px 4px 20px;
  height: 34px;
  font-size: 1rem;
  font-weight: normal;
  margin-top: 13px;
}
.service-info .btn-map:hover {
  background-image: url(../img/common/icon/ico--link.svg);
}
.service-info iframe {
  vertical-align: bottom;
}
@media (max-width: 699px) {
  .service-info {
    padding-left: 0;
    padding-right: 0;
  }
  .service-info .table-ptn--01 {
    margin-bottom: 60px;
  }
}

.service-price__content {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}
@media (max-width: 699px) {
  .service-price {
    padding-left: 0;
    padding-right: 0;
  }
  .service-price__content {
    width: 100%;
  }
}

.service-price-max .title-lv02, .service-price-max .shinsear-service-section__title, .service-price-max .bros-service-section__lede, .service-price-max .article-title, .service-price-max .service-intro__lede {
  text-align: center;
  color: #796C5B;
  margin-bottom: 14px;
}
.service-price-max__content {
  text-align: center;
  margin-bottom: 45px;
}
.service-price-max__table {
  width: 100%;
  border-spacing: 0px 5px;
  border-collapse: separate;
}
.service-price-max__table th {
  background-color: rgba(165, 160, 153, 0.3);
  padding: 23px 24px;
  font-weight: 500;
  width: 50%;
}
.service-price-max__table td {
  background-color: rgba(165, 160, 153, 0.1);
  padding: 23px 24px;
  width: 50%;
}
@media (max-width: 699px) {
  .service-price-max__content {
    text-align: left;
    margin-bottom: 20px;
  }
  .service-price-max__table th, .service-price-max__table td {
    padding: 20px 15px;
  }
}

.service-gallery2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 34px 1fr 34px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 34px;
  margin-top: 120px;
}
@media (max-width: 699px) {
  .service-gallery2 {
    -ms-grid-columns: 1fr 0px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 0 -30px;
  }
  .service-gallery2__item:nth-of-type(1) {
    aspect-ratio: 330/225;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .service-gallery2__item:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/*事業紹介*/
.bros-service {
  margin-top: -1px;
  padding: 90px 0px;
  margin-bottom: 80px;
}
.bros-service__inner {
  background-color: #fff;
  padding: 70px 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bros-service__image {
  width: 684px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 80px;
}
.bros-service__content {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 699px) {
  .bros-service {
    padding: 50px 30px;
  }
  .bros-service__inner {
    padding: 30px 20px;
  }
  .bros-service__image {
    width: 100%;
    margin-bottom: 30px;
  }
  .bros-service__content {
    width: 100%;
  }
}

.bros-service-section {
  margin-bottom: 120px;
}
.bros-service-section__title {
  width: 850px;
  height: 284px;
  background: url(../img/services/index/01/bgi--01.webp) top left/cover no-repeat;
  padding: 50px 100px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-bottom: 105px;
}
.bros-service-section__title h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.09;
  letter-spacing: 1.6px;
}
.bros-service-section__title::after {
  content: "";
  width: 900px;
  height: 200px;
  display: block;
  position: absolute;
  bottom: -50px;
  right: -150px;
  z-index: -1;
}
.bros-service-section__num {
  font-size: 6.25rem;
  color: #F6F2EC;
  line-height: 1.37;
}
.bros-service-section__lede {
  color: #796C5B;
  text-align: center;
  margin-bottom: 40px;
}
.bros-service-section__content {
  width: 720px;
  margin: 0px auto 70px;
}
.bros-service-section.bros-service-section02 .bros-service-section__title {
  background-image: url(../img/services/index/02/bgi--01.webp);
}
.bros-service-section.bros-service-section02 .btn-brown, .bros-service-section.bros-service-section02 .service-info .btn-map, .service-info .bros-service-section.bros-service-section02 .btn-map {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 699px) {
  .bros-service-section {
    margin-bottom: 100px;
  }
  .bros-service-section__title {
    width: calc(100% - 15px);
    height: auto;
    aspect-ratio: 850/284;
    margin-bottom: 50px;
    padding: 20px 15px 20px;
  }
  .bros-service-section__title h2 {
    font-size: 1.86rem;
    letter-spacing: normal;
  }
  .bros-service-section__title::after {
    width: calc(100% - 20px);
    height: auto;
    aspect-ratio: 9/2;
    bottom: -20px;
    right: -15px;
  }
  .bros-service-section__num {
    font-size: 3.21rem;
  }
  .bros-service-section__lede {
    margin-bottom: 20px;
    text-align: left;
  }
  .bros-service-section__content {
    width: 100%;
    margin-bottom: 30px;
  }
  .bros-service-section__inner {
    padding: 0;
  }
}

.bros-service-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 116px 60px;
  list-style: none;
  background: url(../img/services/index/01/bgi--02.svg) top 85px center/520px 520px no-repeat;
}
.bros-service-list__image {
  position: relative;
  width: 100%;
  height: 250px;
  margin-bottom: 30px;
}
.bros-service-list__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bros-service-list__title {
  position: absolute;
  left: 0;
  bottom: 20px;
  background: #fff;
  font-size: 1.38rem;
  line-height: 1.59;
  letter-spacing: 1.1px;
  padding: 5px 17px;
}
@media (max-width: 699px) {
  .bros-service-list {
    display: block;
    background-size: contain;
  }
  .bros-service-list li {
    margin-bottom: 60px;
  }
  .bros-service-list__image {
    aspect-ratio: 1.5/1;
    height: auto;
    margin-bottom: 15px;
  }
  .bros-service-list .btn-brown, .bros-service-list .service-info .btn-map, .service-info .bros-service-list .btn-map {
    margin-left: auto;
    margin-right: auto;
  }
}

/*多機能型事業所　Bro’s Garden*/
.garden-message .section-title02 {
  margin-bottom: 80px;
}
.garden-message .section-title02__en {
  margin-bottom: 10px;
  display: block;
}
.garden-message .title-lv02, .garden-message .shinsear-service-section__title, .garden-message .article-title, .garden-message .service-intro__lede, .garden-message .bros-service-section__lede {
  margin-bottom: 30px;
}
.garden-message__name {
  margin-right: 0;
  margin-left: auto;
  display: block;
  font-size: 0.88rem;
  color: #796C5B;
  text-align: right;
  margin-top: 20px;
}
.garden-message p {
  letter-spacing: normal;
}
@media (max-width: 699px) {
  .garden-message .section-title02 {
    margin-bottom: 30px;
  }
}

.garden-overview {
  padding: 95px 0px 120px;
}
@media (max-width: 699px) {
  .garden-overview {
    padding: 50px 0px;
  }
}

.garden-overview-list {
  list-style: none;
  padding-right: 100px;
}
.garden-overview-list li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 100px;
}
.garden-overview-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 35px;
  font-size: 1.63rem;
  margin-bottom: 25px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: bold;
}
.garden-overview-list__info span {
  font-size: 1.25rem;
  display: block;
  margin-bottom: 10px;
}
.garden-overview-list__info img {
  height: 82px;
  width: auto;
}
.garden-overview-list__lede {
  color: #796C5B;
  font-size: 1.25rem;
  margin-bottom: 10px;
  font-weight: bold;
  letter-spacing: 1px;
}
.garden-overview-list__content {
  line-height: 1.75;
  letter-spacing: 0.8px;
}
.garden-overview-list .btn-brown, .garden-overview-list .service-info .btn-map, .service-info .garden-overview-list .btn-map {
  margin-top: 20px;
}
@media screen and (max-width: 699px) {
  .garden-overview-list {
    padding-right: 0;
  }
  .garden-overview-list__info {
    font-size: 1.43rem;
    gap: 15px;
  }
  .garden-overview-list__info span {
    font-size: 0.86rem;
  }
  .garden-overview-list__info img {
    height: 60px;
  }
  .garden-overview-list .btn-brown, .garden-overview-list .service-info .btn-map, .service-info .garden-overview-list .btn-map {
    margin-left: auto;
    margin-right: auto;
  }
}

/*Eコマース事業「介護よろず屋」*/
.ec-product {
  margin-bottom: 300px;
}
.ec-product .title-lv01 {
  margin-bottom: 30px;
}
.ec-product ul {
  list-style-position: inside;
}
@media screen and (max-width: 699px) {
  .ec-product {
    margin-bottom: 50px;
  }
}

.ec-makers {
  margin-bottom: 195px;
}
@media screen and (max-width: 699px) {
  .ec-makers {
    margin-bottom: 80px;
  }
}

.ec-makers-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 76px;
}
@media screen and (max-width: 699px) {
  .ec-makers-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
}

.ec-channel {
  padding-bottom: 150px;
}
.ec-channel__title-sub {
  min-width: 128px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 46px;
  background-color: #796C5B;
  color: #fff;
  text-align: center;
  padding: 10px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.88rem;
}

.ec-channel-own {
  border: 1px solid #796C5B;
  padding: 0px 0px 46px;
  margin-bottom: 80px;
}
.ec-channel-own .pc-row, .ec-channel-own .common-contact__info, .ec-channel-own .common-contact__btn, .ec-channel-own .common-sns, .ec-channel-own .article-section, .ec-channel-own .service-feature-list, .ec-channel-own .service-work-list li, .service-work-list .ec-channel-own li, .ec-channel-own .service-flow__inner, .ec-channel-own .service-staff-list, .ec-channel-own .service-step, .ec-channel-own .garden-overview-list li, .garden-overview-list .ec-channel-own li {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 55px;
}
@media screen and (max-width: 699px) {
  .ec-channel-own {
    margin-bottom: 60px;
    text-align: center;
    padding-bottom: 30px;
  }
  .ec-channel-own .pc-row, .ec-channel-own .common-contact__info, .ec-channel-own .common-contact__btn, .ec-channel-own .common-sns, .ec-channel-own .article-section, .ec-channel-own .service-feature-list, .ec-channel-own .service-work-list li, .service-work-list .ec-channel-own li, .ec-channel-own .service-flow__inner, .ec-channel-own .service-staff-list, .ec-channel-own .service-step, .ec-channel-own .garden-overview-list li, .garden-overview-list .ec-channel-own li {
    padding-left: 20px;
    padding-right: 20px;
  }
  .ec-channel-own .txt-ext-link {
    margin-top: 15px;
  }
}

.ec-channel-list {
  list-style: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px 60px;
  margin-top: 50px;
  width: 100%;
}
.ec-channel-list__logo {
  width: 164px;
  height: 83px;
  display: block;
  margin-bottom: 24px;
}
.ec-channel-list img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (max-width: 699px) {
  .ec-channel-list {
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 30px;
    margin-top: 30px;
  }
  .ec-channel-list__logo {
    width: 100%;
    height: 70px;
  }
}

/*生活介護「Bro’s Care」*/
@media screen and (max-width: 699px) {
  .page-bros-kobo .service-step-list li:nth-of-type(1) .service-step-list__title, .page-bros-care .service-step-list li:nth-of-type(1) .service-step-list__title {
    padding-top: 0;
  }
  .page-bros-kobo .service-step-list li:nth-of-type(4) .service-step-list__icon, .page-bros-care .service-step-list li:nth-of-type(4) .service-step-list__icon {
    width: 42px;
  }
}

.page-bros-care, .page-bros-kids {
  /*.service-flow{
  	&__inner{
  		@extend .pc-row;
  		justify-content: space-between;
  		margin-bottom: 27px;
  	}
  	&__timetable{
  		width: 527px;

  		dt{
  			background-color: $color--site-main;
  			color: #fff;
  			font-size: 1.25rem;
  			text-align: center;
  			padding: 13px;
  		}
  		dd{
  			background: #fff;
  			padding: 34px 40px 34px;
  			box-sizing: border-box;
  			line-height: 1.2;
  			letter-spacing: 1px;
  		}
  		table{
  			width: 100%;
  			position: relative;
  			&::after{
  				content: "";
  				width: 2px;
  				height: calc(100% - 30px);
  				background: $color--site-main;
  				position: absolute;
  				left: 75px;
  				top: 0;
  				z-index: 0;
  			}
  			tr{
  			}
  			th{
  				vertical-align: top;
  				white-space: nowrap;
  				padding-bottom: 20px;
  				width: 148px;
  				position: relative;
  				z-index: 1;
  				span{
  					background-color: $color--site-main;
  					color: #fff;
  					font-size: 1.13rem;
  					display: inline-block;
  					padding: 10px;
  					width: 100%;
  					text-align: center;
  					box-sizing: border-box;
  					width: 100%;
  				}
  			}
  			td{
  				color: $color--site-main;
  				font-size: 1.25rem;
  				padding: 10px 0px 20px 26px;
  				vertical-align: top;
  				img{
  					display: block;
  					margin-top: 30px;
  				}
  			}
  		}

  	}
  }*/
}
.page-bros-care .service-feature-list, .page-bros-kids .service-feature-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 340px 40px 340px 40px 340px;
  grid-template-columns: repeat(3, 340px);
  grid-gap: 115px 40px;
}
.page-bros-care .service-feature-list li, .page-bros-kids .service-feature-list li {
  width: 100%;
}
.page-bros-care .service-feature-list__title, .page-bros-kids .service-feature-list__title {
  line-height: 1.46;
  letter-spacing: 1.3px;
  min-height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-bros-care .service-movie, .page-bros-kids .service-movie {
  padding-top: 140px;
}
.page-bros-care .common-recruit::after, .page-bros-kids .common-recruit::after {
  background-image: url(../img/services/bros-kids/recruit/pic--01.webp);
}
@media screen and (max-width: 699px) {
  .page-bros-care, .page-bros-kids {
    /*.service-flow{
    	&__inner{
    		margin-bottom: 15px;
    	}
    	&__timetable{
    		width: 100%;
    		dd{
    			background: #fff;
    			padding: 34px 15px;
    		}
    		table{
    			th{
    				width: 100px;
    			}
    		}
    		&.timetable-am{
    			margin-bottom: 30px;
    		}
    	}
    }*/
  }
  .page-bros-care .service-feature-list, .page-bros-kids .service-feature-list {
    -ms-grid-columns: 100%;
    grid-template-columns: repeat(1, 100%);
    grid-gap: 0px;
  }
  .page-bros-care .service-feature-list__title, .page-bros-kids .service-feature-list__title {
    min-height: auto;
    display: block;
  }
  .page-bros-care .common-recruit, .page-bros-kids .common-recruit {
    margin-left: 0px;
    width: 100%;
  }
}

.page-bros-care .service-flow__timetable.timetable-pm table tr:nth-of-type(2) td {
  padding-bottom: 85px;
}
.page-bros-care .service-flow__timetable.timetable-pm table td img {
  width: 192px;
  margin-bottom: 30px;
}
.page-bros-care .common-recruit {
  padding: 57px 78px;
}
.page-bros-care .common-recruit::after {
  background-image: url(../img/services/bros-care/recruit/pic--01.webp);
}
.page-bros-care .service-info {
  padding-bottom: 120px;
}
.page-bros-care .service-info .pc-row, .page-bros-care .service-info .common-contact__info, .page-bros-care .service-info .common-contact__btn, .page-bros-care .service-info .common-sns, .page-bros-care .service-info .article-section, .page-bros-care .service-info .service-feature-list, .page-bros-care .service-info .service-work-list li, .service-work-list .page-bros-care .service-info li, .page-bros-care .service-info .service-flow__inner, .page-bros-care .service-info .service-staff-list, .page-bros-care .service-info .service-step, .page-bros-care .service-info .garden-overview-list li, .garden-overview-list .page-bros-care .service-info li {
  gap: 70px;
}
.page-bros-care .service-info__title {
  font-size: 1.25rem;
  margin-bottom: 12px;
}
.page-bros-care .service-info .table-ptn--02 {
  margin-bottom: 40px;
}
.page-bros-care .service-info .btn-map {
  float: right;
  margin-top: 0;
}
@media screen and (max-width: 699px) {
  .page-bros-care .service-flow__timetable.timetable-pm table tr:nth-of-type(2) td {
    padding-bottom: 20px;
  }
  .page-bros-care .service-info .col + .col {
    margin-top: 60px;
  }
  .page-bros-care .service-info .btn-map {
    float: none;
    margin-top: 10px;
  }
}

.page-bros-kids .service-flow__timetable img {
  width: 192px;
}
.page-bros-kids .service-flow__timetable.timetable-am table tr:nth-of-type(1) td {
  padding-top: 0;
  line-height: 2;
}
.page-bros-kids .service-flow__timetable.timetable-pm table td {
  padding-bottom: 33px;
}
.page-bros-kids .service-feature-list__content {
  height: 225px;
}
.page-bros-kids .service-feature-list__point {
  margin-bottom: 34px;
}
.page-bros-kids .common-recruit {
  padding: 36px 73px;
}
.page-bros-kids .service-price {
  padding-top: 0;
}
@media screen and (max-width: 699px) {
  .page-bros-kids .service-flow__timetable.timetable-am table tr:nth-of-type(1) td {
    line-height: 1.2;
  }
  .page-bros-kids .service-feature-list li {
    display: block;
  }
  .page-bros-kids .service-feature-list__content {
    height: auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .page-bros-kids .service-feature-list__point {
    margin-bottom: 0px;
  }
  .page-bros-kids .service-feature-list__image {
    margin: 0px auto 20px;
  }
  .page-bros-kids .service-step-list li:nth-of-type(3) .service-step-list__title, .page-bros-kids .service-step-list li:nth-of-type(4) .service-step-list__title, .page-bros-kids .service-step-list li:nth-of-type(6) .service-step-list__title {
    padding-top: 0;
  }
}

/*相談支援事業所「シン・シア」*/
.shinsear-service .section-title__en {
  color: #FFFFFF;
}

.shinsear-service-section {
  margin-bottom: 80px;
}
.shinsear-service-section__title {
  color: #796C5B;
  margin-bottom: 30px;
}
.shinsear-service-section dl {
  padding-left: 40px;
  margin-top: 26px;
}
.shinsear-service-section dt {
  font-size: 1.13rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.shinsear-service-section dt::before {
  content: "●";
  font-size: 1rem;
  color: #796C5B;
}
.shinsear-service-section dd {
  margin-bottom: 40px;
}
.shinsear-service-section__inner {
  width: 720px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  color: #796C5B;
  font-size: 1.13rem;
  font-weight: bold;
  padding: 20px 93px 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-position: inside;
  letter-spacing: normal;
  border-radius: 4px;
}
@media screen and (max-width: 699px) {
  .shinsear-service-section {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 60px;
  }
  .shinsear-service-section__title {
    margin-bottom: 20px;
  }
  .shinsear-service-section dl {
    padding-left: 0;
  }
  .shinsear-service-section dt {
    margin-bottom: 5px;
  }
  .shinsear-service-section dd {
    margin-bottom: 30px;
  }
  .shinsear-service-section__inner {
    width: 100%;
    padding: 30px 15px;
  }
}

@media screen and (max-width: 699px) {
  .shinsear-service-guide {
    padding-left: 0;
    padding-right: 0;
  }
}

/*
	サイト全体のユーティリティ設定
*/
/* 文字サイズの設定 */
.u-font-size--small {
  font-size: 0.88rem;
}

.u-font-size--large {
  font-size: 1.13rem;
}

.u-font-size--x-large {
  font-size: 1.25rem;
}

.u-font-size--xx-large {
  font-size: 1.5rem;
}

/* 文字色、装飾の設定 */
.u-font-bold {
  font-weight: bold;
}

.u-color-red {
  color: red;
}

.u-color-white {
  color: white;
}

.u-color-main {
  color: #796C5B;
}

.u-color-sub {
  color: #F6F2EC;
}

/* マーカーの設定 */
.u-marker-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFF238));
  background: linear-gradient(transparent 60%, #FFF238 60%);
  padding: 0 2px;
  position: relative;
  behavior: url(PIE.htc);
}

.u-marker-pink {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, #FFD4D3));
  background: linear-gradient(transparent 40%, #FFD4D3 40%);
  padding: 0 2px;
  position: relative;
}

/* 段落の設定 */
.u-txt {
  padding: 0 1px;
}

.u-paragraph {
  padding: 0 1px 0 1px;
  margin-bottom: 1em;
}

.u-txt-sub {
  font-size: 85% !important;
  color: #666;
}

.u-txt-attention {
  padding: 0 0 0 0.7em;
  text-indent: -0.7em;
  color: #C60;
}

/* 文字寄せの設定 */
.u-textalign-center {
  text-align: center;
}

.u-textalign-right {
  text-align: right;
}

.u-textalign-left {
  text-align: left;
}

/* floatの設定 */
.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

.u-clear {
  clear: both;
}

.u-overflow-hidden {
  overflow: hidden;
}

/* 画像の寄せ */
img.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

img.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 線の設定 */
.u-line-dashed {
  border: none;
  border-top: 1px dashed #ccc;
  height: 1px;
}

/* ポジションの設定 */
.u-position-relative {
  position: relative;
}

/* マージンボトムの設定 */
.u-margin-bottom--none {
  margin-bottom: 0px;
}

.u-margin-bottom--small {
  margin-bottom: 10px;
}

.u-margin-bottom {
  margin-bottom: 20px;
}

.u-margin-bottom--large {
  margin-bottom: 60px;
}

.u-margin-bottom--x-large {
  margin-bottom: 80px;
}

.u-margin-bottom--xx-large {
  margin-bottom: 120px;
}

.u-margin-bottom--max {
  margin-bottom: 160px;
}

/* レイアウトの設定 */
.u-over-parent, .article-section, .service-feature,
.service-flow, .shinsear-service {
  margin-left: -30px;
  margin-right: -30px;
}
@media (min-width: 699px) {
  .u-over-parent, .article-section, .service-feature,
  .service-flow, .shinsear-service {
    margin-inline: calc(50% - 50cqi);
  }
}

.u-padding-pagewidth, .article-section, .service-feature,
.service-flow, .shinsear-service {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 699px) {
  .u-padding-pagewidth, .article-section, .service-feature,
  .service-flow, .shinsear-service {
    padding-inline: calc(50cqi - 50%);
  }
}

.u-over-parent-r {
  margin-right: -30px;
}
@media (min-width: 699px) {
  .u-over-parent-r {
    margin-inline: 0 calc(50% - 50cqi);
  }
}

.u-padding-pagewidth-r {
  padding-right: 30px;
}
@media (min-width: 699px) {
  .u-padding-pagewidth-r {
    padding-inline: 0 calc(50cqi - 50%);
  }
}

.u-over-parent-l, .section-ptn02, .service-step, .garden-message, .ec-product {
  margin-left: -30px;
}
@media (min-width: 699px) {
  .u-over-parent-l, .section-ptn02, .service-step, .garden-message, .ec-product {
    margin-inline: calc(50% - 50cqi) 0;
  }
}

.u-padding-pagewidth-l, .section-ptn02, .service-step, .garden-message, .ec-product {
  padding-left: 30px;
}
@media (min-width: 699px) {
  .u-padding-pagewidth-l, .section-ptn02, .service-step, .garden-message, .ec-product {
    padding-inline: calc(50cqi - 50%) 0;
  }
}

/* 改行の設定 */
@media screen and (max-width: 699px) {
  .u-br-not-sp {
    display: none;
  }
}

@media screen and (min-width: 699px) {
  .u-br-sp {
    display: none;
  }
}

/* theme */
/*
	サイト全体で使う色の指定
*/
/*# sourceMappingURL=service.css.map */