.service-image {
    width: 100%;
    height: 100%;
}

.service-image img {
    width: 100%;
    height: 100%;
}

.left-href {
    position: absolute;
    bottom: 24.6%;
    left: 17%;
}

.left-href a {
    font-weight: bold;
    font-size: 24px;
}

.right-href {
    position: absolute;
    bottom: 24.6%;
    right: 17.5%;
}

.right-href a {
    font-weight: bold;
    font-size: 24px;
}

.left-desc {
    position: absolute;
    bottom: 15%;
    left: 10%;
    font-size: 12px;
}

.right-desc {
    position: absolute;
    bottom: 15%;
    right: 16%;
    font-size: 12px;
}

@media only screen and (max-width:1400px) {
    .right-href {
        right: 15%;
    }
    
    .left-desc, .right-desc {
        font-size: 10px;
    }
}

@media only screen and (max-width:1200px) {
    .left-href a {
        font-size: 18px;
    }
    
    .right-href {
        right: 16%;
    }
    
    .right-href a {
        font-size: 18px;
    }
    
    .left-desc, .right-desc {
        display: none;
    }
}

@media only screen and (max-width:990px) {
    .left-href {
        left: 16%
    }
    .right-href {
        right: 15%;
    }

    .left-href a, .right-href a {
        font-size: 15px;
    }
}

@media only screen and (max-width:1064px) {
    .left-href {
        bottom: 49.3%;
        left: 27%;
    }
    .right-href {
        bottom: 6.2%;
        left: 27%;
    }
    
    .left-href a, .right-href a {
        font-size: 16px;
    }
    
    .left-desc {
        display: block;
        bottom: 44%;
        left: 13%;
        font-size: 10px;
    }
    
    .right-desc {
        display: block;
        bottom: 1%;
        left: 21%;
        font-size: 10px;
    }
}

@media only screen and (max-width:500px) {
    .left-desc, .right-desc {
        display: none;
    }
}

@media only screen and (max-width:400px) {
    .left-href {
        bottom: 49%;
        left: 24%;
    }
    .right-href {
        bottom: 6%;
        left: 24%;
    }
    
    .left-href a, .right-href a {
        font-size: 14px;
    }
}

.icon-margin {
    margin-right: 90px;
}

.main-title2 {
	font-family: "Quicksand", serif;
	color: #d2d6d6;
	font-size:15px;
	font-weight: 300;
	text-shadow: 0px 0px 2px black;
	height: 10rem;
}
.separator-section-double-wave{
	fill: #fff;
	position: absolute;
    bottom:-1px;
    left: 0;
    right: 0;
    height: 125px;
    width: 100%;
    z-index: 100;
}

.bogo-language-switcher a {
    color: #003031;
}

.bogo-language-switcher a:hover {
    color: #008081;
}

.rounded-circle-faq {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.social-icon-style1 li a i:before {
    font-size: 20px;
}

/* ==========================================================================
   トップページ：ヒーロー → Service の配色・境界の調整（日本語版・英語版共通）  ※v6：背景＝ヒーローのキャッチの色（グラデーション）＋文字はヒーローの墨色
   --------------------------------------------------------------------------
   ・Service 背景：上・下 #F7F5F1、中段白の 3 段グラデ（--oy-service-bg-grad）。ABOUT OYATECH 上端のみ同系の短いグラデ（--oy-blog-bg-grad）。
     Service 下端は box-shadow ＋ z-index:1（Blog 背景より手前）。トップのみ右下角丸なし（styles/custom の R を上書き）。
     ヒーロー本体（写真・暗いオーバーレイ・キャッチコピー・ロゴ）には触れない。
   ・色の根拠
       キャッチの見え方 約 #C4C0B8（computed #BAB5AC ＋ 親の opacity .85）／ ヒーロー下端（オーバーレイ後）約 rgb(64,60,55)の墨色。
       Service 上端：PC・タブレット #F7F5F1。スマホ rgba(255,255,255,.97)。
       文字：見出しはサービス色。説明文は6枚共通の #564F48。
       カード：背景は透明（セクション背景のグラデーションと差が出ない）。影もなし。区切り線・外枠は暖色グレージュ #DDD4CA（6枚共通・ホバーでも同じ）。ホバー時だけ白 40% を重ねる。
       アクセント：上の短い線・番号・タイトルはサービスごとに同じ色。色相は元のまま、彩度を落として背景に寄せた。
   ・曲線装飾：
       元の SVG（.separator-section-double-wave）はヒーロー（opacity .85）の内側にあり、背後の白と混ざって色が狂うため非表示にし、
       同じ3本の曲線（同じ path・同じ高さ・同じ不透明度 1／.3／.5。描画順だけ、最前面の不透明な曲線を最後に描く）を Service セクションの ::before として同じ位置に描く。
       最前面の曲線は Service 上端と同じ不透明色（全画面共通で #F7F5F1）。手前2枚の半透明の曲線も全画面共通で #F0EEEA で、
       ヒーローの写真の上に淡い帯として重なる（立体感を残す）。
       ※ SVG（data URI）内の色は変数が使えないため、色を変えるときは下の ::before の url(...) 内 fill（%23F7F5F1／%23F0EEEA）も合わせて変える。
   ・元に戻すときは、この節を削除。
   ========================================================================== */
:root {
    --oy-service-bg-top: #F7F5F1;       /* 上端・下端＝キャッチ #F7F5F1（全画面共通） */
    --oy-service-catch: #9E7C64;        /* 見出し「Services」：#967258 を背景 #F7F5F1 へ約8%寄せたオレンジブラウン（色相約25°） */
    --oy-service-label: #B06E48;        /* 日本語ラベル「サービス」：#A65F37 を同じ方向へ少し明るくしたオレンジ（色相約22°。英字よりは濃く残す） */
    --oy-service-mark-rgb: 216, 148, 102; /* ウォーターマーク：210,136,86 を少し明るくしたオレンジ */
    --oy-service-mark-alpha: 0.08;       /* 同・濃さ（0.10 → 0.08。背景に溶ける薄さ） */
    --oy-service-ink: #564F48;          /* カードの説明文：6枚共通。#4A4640 を背景の暖色へ少し寄せ、タイトルより一段静かに */
    --oy-service-card: transparent;                  /* カードの背景：透明（セクション背景のグラデーションがそのまま見える） */
    --oy-service-card-hover: rgba(255, 255, 255, 0.4);  /* ホバー時だけ淡い白を重ねる */
    --oy-service-line: #DDD4CA;         /* カード枠：6枚共通の暖色グレージュ */
    --oy-service-bg-mid: #FFFFFF;
    --oy-service-bg-grad: linear-gradient(
        180deg,
        var(--oy-service-bg-top) 0%,
        var(--oy-service-bg-top) 12%,
        var(--oy-service-bg-mid) 38%,
        var(--oy-service-bg-mid) 62%,
        var(--oy-service-bg-top) 100%
    );
    /* 色の切り替え位置は、ABOUT の下パディングを 28px 広げる前の高さ（＝今の高さ − 28px）に対する割合。
       高さが 28px 増えても、ベージュ→白の位置は上端からの px が変わらない。パディングの +28px を変えたら、下の 2 か所の 28px も合わせる。
       色つき領域そのもの（ベージュのまま保つ範囲）を 20% → 46% まで下へ広げ、白への切り替えが終わる位置も 52% → 70% へ下げた（切り替えの長さ 24% は従来どおり） */
    --oy-blog-bg-grad: linear-gradient(
        180deg,
        var(--oy-service-bg-top) 0%,
        var(--oy-service-bg-top) calc((100% - 28px) * 0.46),
        var(--oy-service-bg-mid) calc((100% - 28px) * 0.70),
        var(--oy-service-bg-mid) 100%
    );
}

/* 元の曲線 SVG は非表示（同じ曲線を下の ::before で描く） */
.separator-section-double-wave {
    display: none;
}

/* Service セクション本体：上端・下端 #F7F5F1、中段ほぼ白（Blog セクションには適用しない） */
/* Services と ABOUT OYATECH の間の余白を狭める（Services の下パディング）。
   PC：200px（styles.css の既定値）→ 160px → 130px ／ 小画面：77px（custom.css の !important）→ 57px */
@media screen and (min-width: 1065px) {
    .service-section {
        padding-bottom: 130px;
    }
}
@media screen and (max-width: 1064px) {
    .service-section {
        padding-bottom: 57px !important;
    }
}
.service-section {
    background-color: var(--oy-service-bg-top);
    background: var(--oy-service-bg-grad);
    /* 下端の影は撤去：次の ABOUT OYATECH と同じ暖色の地続きなので、影を付けると段差に見える（区切りは ABOUT 側の細い線） */
    box-shadow: none;
    z-index: 1;
    border-bottom-right-radius: 0 !important;
}

/* ヒーロー下端の曲線（元 SVG と同じ位置：下端 -1px・高さ 125px。縦長画面では 94px）。下3pxは境界の細い線を隠すための重なり代。曲線画像と単色帯は継ぎ目の半端な画素で線が出ないよう重ねてある（曲線の最下部は全幅が前面色） */
.service-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -124px;
    height: 128px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath fill='%23F0EEEA' fill-opacity='.3' d='M 0 14 s 88.64 3.48 300 36 c 260 40 514 27 703 -10 l 12 28 l 3 36 h -1018 z'/%3E%3Cpath fill='%23F0EEEA' fill-opacity='.5' d='M 0 45 s 271 45.13 500 32 c 157 -9 330 -47 515 -63 v 86 h -1015 z'/%3E%3Cpath fill='%23F7F5F1' d='M 0 58 s 188.29 32 508 32 c 290 0 494 -35 494 -35 v 45 h -1002 z'/%3E%3C/svg%3E") 0 0 / 100% 125px no-repeat,
        linear-gradient(var(--oy-service-bg-top), var(--oy-service-bg-top)) 0 118px / 100% 10px no-repeat;
    pointer-events: none;
    z-index: 2; /* ヒーローのカルーセル(z-index:1)より前面に出し、乗算ノイズの影響を受けない純色にする */
}

@media screen and (orientation: portrait) {
    .service-section::before {
        top: -93px;
        height: 97px;
        background-size: 100% 94px, 100% 9px;
        background-position: 0 0, 0 88px;
    }
}

/* スマホ（500px以下）も PC・タブレットと同じ配色（上端・下端 #F7F5F1）。以前は白（97%）に切り替えていたが、中段の白と同じ色になり色つき領域が見えなくなっていたため廃止した */

/* トップページ PC：スクロール後の固定ヘッダー背景＝Service 上端（--oy-service-bg-top）。
   背景を同色にしたあとも下端の区切りが消えないよう plugins の薄影より少しだけ濃い暖色のぼかし影に差し替える（1px の線は付けない）。
   言語カードの透明・Contact の枠等は hero-tone.css の scrollHeader 側を変更しない。 */
@media screen and (min-width: 1065px) {
    header.is-front.scrollHeader .navbar-default {
        background: var(--oy-service-bg-top) !important;
        background-color: var(--oy-service-bg-top) !important;
        -webkit-box-shadow:
            0 2px 10px rgba(64, 57, 48, 0.065),
            0 10px 28px rgba(64, 57, 48, 0.042) !important;
        box-shadow:
            0 2px 10px rgba(64, 57, 48, 0.065),
            0 10px 28px rgba(64, 57, 48, 0.042) !important;
    }
}

/* セクションタイトル：Works／Pricing Examples 等のページタイトルと同じ構成
   （英字の大見出し ＋ 日本語ラベル ＋ 背後の大きな薄いウォーターマーク）。寸法・字間・太さは page-works_detail.php のタイトルに合わせ、
   色だけオレンジ系（ヒーローの暖色グレーに馴染む暖色。モノクロ系を避ける）。
   ・英字（h3）：太さ800、濃いオレンジブラウンの墨色  ・日本語（.sm-title1）：字間 .12em、濃いオレンジ
   ・ウォーターマーク（.section-title::before）：同じ文字「Services」を大きく、オレンジで薄く（背景のグレージュ上で見える濃さ）
   ・従来の見出し下の短い横線は、ページタイトルにないため非表示 */
/* ※ タイトル周り（英字大見出し・日本語ラベル・ウォーターマークの書体／太さ／字間／色／透過）は、
   Services と ABOUT OYATECH（.about-section）で同じルールを共有する。
   セクションごとに違うのは「文字（content）」「位置」「大きさの上限」だけ。 */
:is(.service-section, .about-section) .section-title {
    position: relative;
}
/* ヒーローとセクションタイトルの間の余白を広げる（タイトル＋ウォーターマーク＋カード一覧を、この量だけ下へ。PC：+40px／1064px以下：+38px）
   ※ セクション上端から見出しまでの距離：PC 150px → 190px／スマホ（390px幅）60px → 98px。戻すときは両方 0 に */
:root { --oy-service-title-down: 40px; }
@media screen and (max-width: 1064px) {
    :root { --oy-service-title-down: 38px; }
}
.service-section > .container {
    padding-top: var(--oy-service-title-down);
}
:is(.service-section, .about-section) .section-title::before {
    content: "SERVICES";   /* 全て大文字（FAQ・ABOUT OYATECH と統一） */
    position: absolute;
    left: 50%;
    top: 80px;                        /* 英字見出し（高さ約77px）の中心より約42px下。説明文を足してもウォーターマークの位置が動かないよう px で固定 */
    transform: translate(-50%, -50%);
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: clamp(72px, 14vw, 140px);
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    white-space: nowrap;
    color: rgb(var(--oy-service-mark-rgb));
    opacity: var(--oy-service-mark-alpha);
    pointer-events: none;
    z-index: 0;
}
:is(.service-section, .about-section) .section-title h3 {
    color: var(--oy-service-catch);
    text-transform: uppercase;   /* Services の見出しも全て大文字（ABOUT OYATECH・FAQ と統一）。ABOUT は元から大文字なので影響なし */
    font-weight: 800;
    font-size: clamp(40px, 5.5vw, 64px);
    letter-spacing: 0.01em;
}
:is(.service-section, .about-section) .sm-title1 {
    color: var(--oy-service-label);
    letter-spacing: 0.12em;
}
:is(.service-section, .about-section) .sm-title1:before {
    display: none !important;
}
@media screen and (max-width: 1064px) {
    .service-section .section-title::before {
        font-size: 58px;
        top: 50px;
    }
    :is(.service-section, .about-section) .sm-title1 {
        letter-spacing: 0.16em;
    }
}
@media screen and (max-width: 767px) {
    .service-section .section-title::before {
        font-size: 52px;
    }
}

/* --------------------------------------------------------------------------
   FAQ のセクションタイトル（英字「FAQ」＋日本語ラベル）は、FAQ コンテンツ枠（.faq-content）の先頭に入れてある。
   ・枠と一体なので、色・グラデーション・影・角丸は枠のものがそのまま下まで続く（別の面は作らない）
   ・文字色は ABOUT OYATECH / Services のセクションタイトルと同じ：英字 --oy-service-catch（#9E7C64）／日本語ラベル --oy-service-label（#B06E48）
   ・書体・太さ・字間は Services / About と共通。縁取り・影・白い短い横線・透かしは付けない
   ・上の写真セクション（.exrta-section）は写真だけ。ABOUT との間隔・高さを変えないよう、タイトルがあった高さは .faq-photo-spacer で保つ
   ・枠は写真に --oy-faq-overlap だけ食い込む（下の margin-top）。タイトルが枠に入った分、枠の上端を写真に対して上げすぎないよう
     従来の 258px より深い値にとどめて、写真の見える帯が減る量を抑えている
   -------------------------------------------------------------------------- */
.exrta-section .faq-photo-spacer {
    height: 322px;   /* タイトルがあった高さ（PC）。写真セクションの高さを変えないための余白 */
}
.faq-style-1 .faq-content .section-title--faq {
    margin: 30px 0 0;   /* 枠の上パディング 50px と合わせて、見出しの上は約 80px */
}
/* ウォーターマーク「FAQ」：Services / ABOUT OYATECH と同じ（同じ書体・太さ・字間・色・濃さ・位置の考え方）。文字（content）と大きさの上限だけ違う
   ・位置：英字見出し（高さ約77px）の中心より約42px下（PC）。見出し・ラベルより奥に置く */
.faq-style-1 .faq-content .section-title--faq {
    position: relative;
}
.faq-style-1 .faq-content .section-title--faq::before {
    content: "QUESTIONS";   /* 見出しは「FAQ」のまま。ウォーターマークだけ字数のある「QUESTIONS」（JP/EN 共通） */
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translate(-50%, -50%);
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: clamp(72px, 12vw, 128px);   /* 9文字になったので、枠から溢れないよう Services（140px）よりやや小さく */
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    white-space: nowrap;
    color: rgb(var(--oy-service-mark-rgb));
    opacity: var(--oy-service-mark-alpha);   /* Services / ABOUT OYATECH と同じ濃さ（0.08） */
    pointer-events: none;
    z-index: 0;
}
.faq-style-1 .faq-content .section-title--faq h3,
.faq-style-1 .faq-content .section-title--faq .sm-title1 {
    position: relative;
    z-index: 1;
}
.faq-style-1 .faq-content .section-title--faq h3 {
    margin-top: 0;
    margin-bottom: 13px;
    color: var(--oy-service-catch) !important;   /* h3 の .text-white（!important）を上書き */
    font-weight: 800;
    font-size: clamp(40px, 5.5vw, 64px);
    letter-spacing: 0.01em;
    text-shadow: none;
}
.faq-style-1 .faq-content .section-title--faq .sm-title1 {
    color: var(--oy-service-label);
    letter-spacing: 0.12em;
    margin-bottom: 56px;   /* 最初の質問カードまでの間隔 */
}
.faq-style-1 .faq-content .section-title--faq .sm-title1:before {
    display: none !important;
}
.faq-style-1 {
    margin-top: calc(var(--oy-faq-overlap) * -1);
}
@media screen and (max-width: 1064px) {
    .exrta-section .faq-photo-spacer {
        height: 169px;   /* スマホ・タブレット：タイトルがあった高さ */
    }
    .faq-style-1 .faq-content .section-title--faq::before {
        font-size: 58px;   /* Services の小画面用と同じ。767px 以下は 52px（下） */
        top: 50px;
    }
    .faq-style-1 .faq-content .section-title--faq {
        margin-top: 16px;   /* 枠の上パディング 30px と合わせて、見出しの上は約 46px */
    }
    .faq-style-1 .faq-content .section-title--faq h3 {
        font-size: 42px;
        margin-bottom: 4px;
    }
    .faq-style-1 .faq-content .section-title--faq .sm-title1 {
        font-size: 12px;
        letter-spacing: 0.16em;
        padding-bottom: 5px;
        margin-bottom: 37px;
    }
}
@media screen and (max-width: 767px) {
    .faq-style-1 .faq-content .section-title--faq::before {
        font-size: min(52px, 12.5vw);   /* 狭い画面でも「QUESTIONS」が枠内に収まる */
    }
}

/* FAQ の「Q.」「A.」：青紫（#5156BE）→ 言語選択カードの選択中の背景色と同じブラウン（--oy-service-catch #9E7C64）。トップページの FAQ のみ */
.faq-style-1 .accordion .accordion-item .accordion-item-header::after,
.faq-style-1 .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description p::after {
    color: var(--oy-service-catch);
}

/* --------------------------------------------------------------------------
   FAQ コンテンツ（トップページ）の配色：Services のカード・ABOUT OYATECH と同じ暖色の配色に統一する
   ・外枠の面：#f8f8f8（無彩色のグレー）→ 縦グラデーション（中段 #F7F5F1、上段・下段 #FDFCFA）。質問カードは白のまま
   ・カードの枠線・回答上の区切り線：#E7E7E7 → #DDD4CA（--oy-service-line。Services のカード枠と同じ暖色グレージュ）
   ・質問文・回答本文：#424646 → #564F48（--oy-service-ink。Services のカード説明文と同じ）
   ・開閉の矢印：#424646 → #9E7C64（--oy-service-catch。「Q.」「A.」と同じブラウン）
   ・回答内のリンク：#4a9eb5（明るい水色）→ #3A757C（Services 02 のティール。暖色の中で唯一の寒色のアクセントとして残し、下線で本文と区別）
   ※ 他ページの FAQ（.faq-section）は対象外
   -------------------------------------------------------------------------- */
.faq-style-1 .faq-content {
    /* 枠の面：縦のグラデーション。中段あたりだけ #F7F5F1（ABOUT OYATECH 最上部と同じ暖色）、上段・下段はほぼ真っ白 #FDFCFA。
       上段（0〜40%）・下段（70〜100%）はほぼ白のまま広く取り、色つきの中段は 49〜51% のごく細い帯だけ。40→49%・51→70% でつなぐ（上段は白を広く、下段は従来どおり）。白い質問カードは、中段では面の色との差で、上下では枠線（#DDD4CA）で区別できる */
    background-color: #F7F5F1;
    /* タイトル周辺だけの色つき：枠の上端中央（タイトルの位置）を中心にした楕円のベージュ #F7F5F1 を、縦のグラデーションの上に重ねる。
       楕円の中心〜40% まではベージュのまま、外側へ向かって透明になり、タイトルから離れた左右・上下の余白は下の白（#FDFCFA）に近い色のまま。
       ABOUT OYATECH 上端のベージュ→白の流れと同じ。px 指定なので、枠が縦に長くなっても（質問の開閉）タイトル周辺の位置は動かない */
    --faq-tint-cy: 140px;   /* 楕円の中心の高さ（枠の上端から）。タイトル（見出し＋ラベル）の中央あたり */
    --faq-tint-rx: 440px;   /* 楕円の横の半径 */
    --faq-tint-ry: 250px;   /* 楕円の縦の半径 */
    background-image:
        radial-gradient(ellipse var(--faq-tint-rx) var(--faq-tint-ry) at 50% var(--faq-tint-cy),
            #F7F5F1 0%,
            #F7F5F1 40%,
            rgba(247, 245, 241, 0) 100%),
        linear-gradient(to bottom,
        #FDFCFA 0%,
        #FDFCFA 40%,
        #F7F5F1 49%,
        #F7F5F1 51%,
        #FDFCFA 70%,
        #FDFCFA 100%);
    /* 浮かび上がって見えるシャドウ：黒ではなく本文インク（#564F48＝86,79,72）の暖色で、近い影＋遠い影の2層。
       下方向に長く落とし、左右は控えめにして、隣の余白やスマホの画面端で切れないようにする */
    box-shadow:
        0 2px 6px rgba(86, 79, 72, 0.06),
        0 14px 36px -6px rgba(86, 79, 72, 0.16);
}
/* FAQ 枠の下の余白：最後の質問カードの下を広げる（PC 50px → 115px、スマホ 30px → 72px）。枠の形は通常の角丸（21px）と影 */
.faq-style-1 .faq-content {
    padding-bottom: 115px;
    border-radius: 8px;   /* 枠の角丸：21px → 8px（浅く）。PC・スマホ共通 */
}
@media screen and (max-width: 1064px) {
    .faq-style-1 .faq-content {
        --faq-tint-cy: 85px;      /* タイトル周辺の色つき（小画面）：楕円の中心の高さ */
        --faq-tint-rx: 260px;     /* 同・横の半径 */
        --faq-tint-ry: 170px;     /* 同・縦の半径 */
        padding-bottom: 72px;
    }
}

/* FAQ 枠の周りの背景：縦のグラデーション。上（写真の直下）はほぼ真っ白 #FDFCFA → 下（フッターの手前）は暖色のグレージュ #F2EEE8
   ・上〜中段（88% まで）はほぼ白のまま広く保ち、写真のフェードと About 側の明るい面につなぐ。最下段（88〜100%）でだけ #F2EEE8 へ色を乗せる。枠（#F7F5F1）は上寄りでは周りより少し暗く、下寄りでは周りより少し明るく見える
   ・写真の下端は透明にフェードする画像なので、フェードの先（＝写真の下の面）にも上端の色（ほぼ白）を敷き、写真から背景へ自然につなぐ
   ・FAQ は写真の帯に --oy-faq-overlap だけ重なる（下で margin-top に反映。styles.css の既定は -258px）。重なっている部分は FAQ 側の背景を透明にして写真を隠さない
   ・写真帯の上端（About との境）は従来どおり透明のまま。フッター（暗色）の直前までグラデーションが続く */
.exrta-section,
.faq-style-1 {
    --oy-faq-surround-top: #FDFCFA;
    --oy-faq-surround: #F2EEE8;
    --oy-faq-overlap: 462px;   /* 枠が写真に食い込む量（PC）。写真セクションの高さ（約597px＝322px＋下余白275px）から引いた、写真の見える帯が約135px。上の余白（約130px）とほぼ同じ高さ */
}
@media screen and (max-width: 1064px) {
    .exrta-section,
    .faq-style-1 {
        --oy-faq-overlap: 354px;   /* 同（スマホ・タブレット）。写真セクションの高さ（約444px＝169px＋275px）から引いた、写真の見える帯が約90px。小画面では帯が細くなりすぎない程度に広げた */
    }
    /* 小画面だけ、FAQ の写真の彩度を少し上げる（PC は変更なし）。写真だけにかかる（上端の影は別要素なので影響なし） */
    .exrta-section .rounded-circle-faq {
        filter: saturate(1.12) brightness(1.07);   /* 小画面だけ、ほんの少し明るく（brightness 1.07） */
    }
}
.exrta-section {
    background-image: linear-gradient(to bottom,
        rgba(253, 252, 250, 0) 0,
        rgba(253, 252, 250, 0) calc(100% - 420px),
        var(--oy-faq-surround-top) calc(100% - var(--oy-faq-overlap)),
        var(--oy-faq-surround-top) 100%);
}
.faq-style-1 {
    background: linear-gradient(to bottom,
        transparent 0,
        transparent var(--oy-faq-overlap),
        var(--oy-faq-surround-top) var(--oy-faq-overlap),
        var(--oy-faq-surround-top) 88%,
        var(--oy-faq-surround) 100%);
}
.faq-style-1::before {
    display: none;   /* styles.css の白い半透明のぼかし（中央の白いにじみ）。色付き背景の上では白いシミに見えるため無効化 */
}
.faq-style-1 .accordion .accordion-item {
    border-color: var(--oy-service-line);
    border-radius: 5px;   /* 質問カードの角丸：15px → 5px。外枠（.faq-content＝8px）より一段浅い、枠内の入れ子用。PC・スマホ共通 */
}
.faq-style-1 .accordion .accordion-item .accordion-item-description-wrapper hr {
    border-top-color: var(--oy-service-line);
}
.faq-style-1 .accordion .accordion-item .accordion-item-header {
    color: var(--oy-service-ink);
}
.faq-style-1 .accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
    color: var(--oy-service-catch);
}
.faq-style-1 .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description p {
    color: var(--oy-service-ink);
}
.faq-style-1 .accordion-item-description a.faq-service-link {
    color: #3A757C;
}
.faq-style-1 .accordion-item-description a.faq-service-link:hover {
    color: #2C5C62;
}

/* サービスカード（3列×2段の表）：構成は維持。背景は透明（セクションのグラデーションがそのまま見える）＋細い区切り線 */
.service-section .service-list {
    background-color: transparent;
    border-color: var(--oy-service-line);
    box-shadow: none;   /* 背景が透明なカードに影は付けない（浮いて見えるのを避ける） */
}
.service-section .service-item {
    background-color: var(--oy-service-card) !important;   /* スマホ用 custom.css の white !important を上書き */
    border-top-color: var(--oy-service-line);
    border-right-color: var(--oy-service-line);
}
/* ホバー（2026-11 刷新）：上辺の色線が伸びる＋背景にカード色をごく薄くムラ状に重ねる＋タイトル右に矢印。
   ・対象は「リンクがあるカード」だけ（.is-disabled の準備中カードはクリック不可のため何も起きない）。
   ・準備中カードを公開するとき：home-jp.php / home-en.php で該当カードの is-disabled と aria-disabled / tabindex="-1" を外し、href を付けるだけで、
     このホバーが自動で有効になる（CSS の変更は不要）。06 は $disable_service_links を false にする。
   ・カード色は --svc-rgb（下で 01〜06 分を定義済み）。色線・矢印の色は、各カードのタイトル色（currentColor）に従う */
.service-section .service-item-1 { --svc-rgb: 154, 78, 100; }
.service-section .service-item-2 { --svc-rgb: 58, 117, 124; }
.service-section .service-item-3 { --svc-rgb: 62, 122, 98; }
.service-section .service-item-4 { --svc-rgb: 100, 84, 160; }
.service-section .service-item-5,
.service-section .service-item-6 { --svc-rgb: 106, 101, 92; }

.service-section .service-item:not(.is-disabled) {
    isolation: isolate;          /* 背景のムラ（::after）を、文字・アイコンの下に敷くため */
}
/* ホバー時の背景：単色ではなく、カード色をごく薄く不均一に重ねる（左上がやや濃く、右下・中央に淡い溜まり） */
.service-section .service-item:not(.is-disabled)::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    background:
        radial-gradient(ellipse 70% 60% at 16% 12%, rgba(var(--svc-rgb), 0.035), transparent 72%),
        radial-gradient(ellipse 55% 50% at 88% 86%, rgba(var(--svc-rgb), 0.024), transparent 74%),
        radial-gradient(ellipse 40% 34% at 58% 44%, rgba(var(--svc-rgb), 0.012), transparent 76%);
    opacity: 0;
    transition: opacity 0.45s ease;
}
.service-section .service-item:not(.is-disabled)::before {
    transition: width 0.35s ease;
}
.service-section .service-item:not(.is-disabled) .service-title::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.4em;
    margin-right: -1.4em;       /* 矢印は幅を取らない（タイトルの折り返しを変えない） */
    vertical-align: -0.14em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}
.service-section .service-item:not(.is-disabled):hover,
.service-section .service-item:not(.is-disabled):active,
.service-section .service-item:not(.is-disabled):focus-visible {
    box-shadow: none !important;
}
.service-section .service-item:not(.is-disabled):hover::after,
.service-section .service-item:not(.is-disabled):active::after,
.service-section .service-item:not(.is-disabled):focus-visible::after {
    opacity: 1;
}
.service-section .service-item:not(.is-disabled):hover::before,
.service-section .service-item:not(.is-disabled):active::before,
.service-section .service-item:not(.is-disabled):focus-visible::before {
    width: 120px;
}
.service-section .service-item:not(.is-disabled):hover .service-title::after,
.service-section .service-item:not(.is-disabled):active .service-title::after,
.service-section .service-item:not(.is-disabled):focus-visible .service-title::after {
    opacity: 1;
    transform: translateX(2px);
}
@media (prefers-reduced-motion: reduce) {
    .service-section .service-item:not(.is-disabled)::after,
    .service-section .service-item:not(.is-disabled)::before,
    .service-section .service-item:not(.is-disabled) .service-title::after {
        transition: none !important;
    }
}

/* スマホ・タブレット（1064px以下）：ホバー／押している間の動きは無し（長押しでも何も起きない）。
   タップ確定の瞬間だけ、PCより少し濃いムラ背景が 0.4 秒かけてふわっと出て、そのままページ遷移する（js/home-service-tap.js が .is-tapped を付ける）。
   色線の伸び・矢印は出さない */
@media screen and (max-width: 1064px) {
    .service-section .service-item:not(.is-disabled)::after {
        background:
            radial-gradient(ellipse 70% 60% at 16% 12%, rgba(var(--svc-rgb), 0.085), transparent 72%),
            radial-gradient(ellipse 55% 50% at 88% 86%, rgba(var(--svc-rgb), 0.06), transparent 74%),
            radial-gradient(ellipse 40% 34% at 58% 44%, rgba(var(--svc-rgb), 0.03), transparent 76%);
        transition: opacity 0.4s ease;
    }
    .service-section .service-item:not(.is-disabled):hover::after,
    .service-section .service-item:not(.is-disabled):active::after,
    .service-section .service-item:not(.is-disabled):focus-visible::after {
        opacity: 0;
    }
    .service-section .service-item:not(.is-disabled).is-tapped::after {
        opacity: 1;
    }
    .service-section .service-item:not(.is-disabled):hover::before,
    .service-section .service-item:not(.is-disabled):active::before,
    .service-section .service-item:not(.is-disabled):focus-visible::before {
        width: 45px !important;   /* スマホの色線の長さ（custom.css と同じ 45px）のまま伸ばさない */
    }
    .service-section .service-item:not(.is-disabled) .service-title::after,
    .service-section .service-item:not(.is-disabled):hover .service-title::after,
    .service-section .service-item:not(.is-disabled):active .service-title::after,
    .service-section .service-item:not(.is-disabled):focus-visible .service-title::after {
        display: none;
    }
}
@media screen and (max-width: 1064px) {
    .service-section .service-item-2,
    .service-section .service-item-3,
    .service-section .service-item-6 {
        box-shadow: none !important;   /* スマホ用の常時の明るい内側シャドウを解除 */
    }
}

/* 文字：上の短い線・番号・タイトルはサービスごとに同じ色。説明文は6枚共通 */
.service-section .desc {
    color: var(--oy-service-ink) !important;
}
.service-section .service-item-1 .service-order,
.service-section .service-item-1 .service-title { color: #9A4E64 !important; }
.service-section .service-item-1::before { background-color: #9A4E64; }
.service-section .service-item-2 .service-order,
.service-section .service-item-2 .service-title { color: #3A757C !important; }
.service-section .service-item-2::before { background-color: #3A757C; }
.service-section .service-item-3 .service-order,
.service-section .service-item-3 .service-title { color: #3E7A62 !important; }
.service-section .service-item-3::before { background-color: #3E7A62; }
.service-section .service-item-4 .service-order,
.service-section .service-item-4 .service-title { color: #6454A0 !important; }
.service-section .service-item-4::before { background-color: #6454A0; }
.service-section .service-item-5 .service-order,
.service-section .service-item-5 .service-title,
.service-section .service-item-6 .service-order,
.service-section .service-item-6 .service-title { color: #6A655C !important; }
.service-section .service-item-5::before,
.service-section .service-item-6::before { background-color: #6A655C; }

/* アイコン：絵柄は維持し、色だけ各サービス色へ寄せた画像を使う。
   見た目の濃さは 0.78。02 と 04 は絵が濃いので、それより少し透かす */
.service-section .service-item-1 [alt="service-icon-img"],
.service-section .service-item-3 [alt="service-icon-img"],
.service-section .service-item-5 [alt="service-icon-img"],
.service-section .service-item-6 [alt="service-icon-img"] {
    opacity: 0.78 !important;
}
.service-section .service-item-2 [alt="service-icon-img"] {
    opacity: 0.86 !important;
}
.service-section .service-item-4 [alt="service-icon-img"] {
    opacity: 0.68 !important;
}

/* PC（1065px以上）：カードの角丸と一覧の外枠を同じ 8px にそろえる（角丸3段階統一：大きいカード・枠＝8px）。スマホも custom.css で 8px */
@media screen and (min-width: 1065px) {
    .service-section .service-list {
        border-radius: 8px;
        overflow: hidden;
    }
    .service-section .service-item-1 { border-top-left-radius: 8px; }
    .service-section .service-item-3 { border-top-right-radius: 8px; }
    .service-section .service-item-4 { border-bottom-left-radius: 8px; }
    .service-section .service-item-6 { border-bottom-right-radius: 8px; }
}
/* ==========================================================================
   ABOUT OYATECH（社長挨拶・会社概要への導線）  ※ 旧「blog-section」（水彩画ボタン）を全面置き換え
   --------------------------------------------------------------------------
   ・方針：写真・カード・影・角丸を使わず、文字と細い線だけで構成するエディトリアル調。
   ・タイトル（英字大見出し／日本語ラベル／ウォーターマーク）は上の Services と同じルールを共有している
     （:is(.service-section, .about-section) の節）。ここでは位置・大きさ・左揃えへの切り替えだけを行う。
   ・配色は新規に作らず、Services で定義済みの変数だけを使う（トップ全体の色の連続性を優先）
       背景   --oy-blog-bg-grad ＝ Services 下端の #F7F5F1 から白へ。直後の FAQ（濃い写真帯の曲線）の手前は白で受ける
       見出し --oy-service-catch／日本語ラベル --oy-service-label／ウォーターマーク --oy-service-mark-*
       本文・リンク文字 --oy-service-ink／区切り線 --oy-service-line
       アクセント（短い線・矢印・英字ラベル）--oy-service-label（Servicesの日本語ラベルと同じオレンジ）
   ・戻すときは、この節と home-jp.php / home-en.php の <section class="about-section"> を差し替える。
   ========================================================================== */
.about-section {
    --about-line: var(--oy-service-line);
    --about-accent: var(--oy-service-label);
    --about-accent-deep: color-mix(in srgb, var(--oy-service-label) 78%, #3A342E 22%);
    --about-ink: var(--oy-service-ink);
    --about-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
    position: relative;
    z-index: 0;
    overflow: hidden;                 /* 横に長いウォーターマークがはみ出して横スクロールを作らないように */
    background-color: var(--oy-service-bg-mid);
    background: var(--oy-blog-bg-grad);
    --about-pt: clamp(72px, 7vw, 112px);
    padding: 0 50px clamp(100px, 9vw, 140px);   /* 下の余白：FAQ の写真セクションとの間（PC）。1440px 幅で約130px。下の写真の見える帯（約135px）とほぼ同じ高さにして、余白→写真→枠のリズムをそろえる */
}
.about-section .container {
    position: relative;
    max-width: 1210px;
    padding-top: var(--about-pt);
}

/* --- タイトル＋短い説明 ---------------------------------------------------------
   マークアップ：.section-title（h3 ＋ .sm-title1）の直後に p.section-lead
   ・ABOUT OYATECH：全画面幅で左揃え（.section-title--left）
   ・Services：全画面幅で中央揃え */
.section-lead {
    position: relative;
    z-index: 1;
    margin: 28px 0 0;
    max-width: 24em;
    color: var(--oy-service-ink);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.06em;
}
/* 日本語は文節ごとにまとめ、単語の途中で折り返さない */
.section-lead > span {
    display: inline-block;
}
.section-lead--en {
    letter-spacing: 0.02em;
    line-height: 1.85;
    max-width: 26em;
}

/* Services：中央揃え（PC・タブレット）。説明文とカード一覧の間をあける */
.service-section .section-head {
    margin-bottom: clamp(44px, 5vw, 72px);
    text-align: center;
}
.service-section .section-head .section-lead {
    margin-left: auto;
    margin-right: auto;
}
/* 説明文を足したので、ラベル下の余白（PC 64px／スマホ 25px）と下線用の余白は、説明文との間隔（.section-lead の margin）に一本化 */
.service-section .section-head .sm-title1 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ABOUT OYATECH：左揃え */
.about-section .section-title--left {
    text-align: left;
    margin: 0;
}
.about-section .section-title--left h3 {
    white-space: nowrap;
}
.about-section .section-title--left::before {
    left: -0.03em;
    top: 64%;                         /* ウォーターマークの中心を英字見出しより少し下（日本語ラベル寄り）に置く */
    transform: translateY(-50%);
}
.about-section .section-title--left .sm-title1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* ABOUT OYATECH だけの指定 */
.about-section .section-title h3 {
    margin-top: 0;                    /* styles.css の margin-top:100px は、このセクションでは上の余白（padding）で管理 */
}
.about-section .section-title::before {
    content: "ABOUT OYATECH";
    /* 13文字ぶん長いので、Services（140px）より小さく。それでも内容幅の約8割に収まる */
    font-size: min(120px, 9.8vw);
}

/* --- 右：横長リンク（細い線とタイポグラフィのみ） --------------------------- */
.about-links {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--about-line);
}
.about-links > li {
    margin: 0;
    padding: 0;
}
.about-section a.about-link {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "label arrow"
        "title arrow";
    align-items: center;
    column-gap: 24px;
    row-gap: 12px;
    min-height: 112px;
    padding: clamp(30px, 3.4vw, 46px) 0;
    border-bottom: 1px solid var(--about-line);
    color: var(--about-ink);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
/* 線の上に重なる短いアクセントライン（ホバー／フォーカスで全幅へ伸びる） */
.about-section a.about-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: clamp(40px, 5vw, 72px);
    height: 1px;
    background: var(--about-accent);
    transition: width 0.6s var(--about-ease);
}
.about-link__label {
    grid-area: label;
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.14em;
    line-height: 1.4;
    color: var(--about-accent);
    transition: color 0.4s var(--about-ease);
}
.about-link__title {
    grid-area: title;
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(30px, 3.6vw, 46px);
    font-weight: 500;
    letter-spacing: 0.12em;
    line-height: 1.3;
    color: var(--about-ink);
    transition: transform 0.5s var(--about-ease), color 0.4s var(--about-ease);
}
.about-link__arrow {
    grid-area: arrow;
    align-self: end;
    display: block;
    width: clamp(28px, 2.7vw, 36px);
    height: clamp(28px, 2.7vw, 36px);
    margin-bottom: 4px;
    color: var(--about-accent);
    transition: transform 0.5s var(--about-ease), color 0.4s var(--about-ease);
}
.about-link__arrow svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.15;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

/* 英語版：大きな見出しも英字（Bricolage Grotesque）。長めの文言でも自然に折り返す */
.about-section--en .about-link__title {
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: clamp(28px, 3.1vw, 40px);
    font-weight: 600;
    letter-spacing: -0.005em;
    line-height: 1.2;
}

/* キーボード操作：ホバーと同じ動き＋はっきりしたフォーカス枠 */
.about-section a.about-link:focus-visible {
    outline: 2px solid var(--about-accent);
    outline-offset: 6px;
}
.about-section a.about-link:focus-visible::after { width: 100%; }
.about-section a.about-link:focus-visible .about-link__label { color: var(--about-accent-deep); }
.about-section a.about-link:focus-visible .about-link__title {
    transform: translateX(8px);
    color: color-mix(in srgb, var(--about-ink) 72%, var(--about-accent-deep) 28%);
}
.about-section a.about-link:focus-visible .about-link__arrow {
    transform: translate(5px, -5px);
    color: var(--about-accent-deep);
}

/* PC（マウス操作）：控えめなホバー。矢印がわずかに動き、アクセントラインが全幅へ伸び、文字色がほんの少し深まる */
@media (hover: hover) and (pointer: fine) {
    .about-section a.about-link:hover::after { width: 100%; }
    .about-section a.about-link:hover .about-link__label { color: var(--about-accent-deep); }
    .about-section a.about-link:hover .about-link__title {
        transform: translateX(8px);
        color: color-mix(in srgb, var(--about-ink) 72%, var(--about-accent-deep) 28%);
    }
    .about-section a.about-link:hover .about-link__arrow {
        transform: translate(5px, -5px);
        color: var(--about-accent-deep);
    }
}
/* タッチ：押している間だけ線が伸びる */
@media (hover: none) {
    .about-section a.about-link:active::after { width: 100%; }
    .about-section a.about-link:active .about-link__arrow { color: var(--about-accent-deep); }
}

/* 動きを減らす設定：移動・伸縮は行わず、色の変化だけを即時に */
@media (prefers-reduced-motion: reduce) {
    .about-section a.about-link::after,
    .about-link__label,
    .about-link__title,
    .about-link__arrow {
        transition: none !important;
    }
    .about-section a.about-link:hover .about-link__title,
    .about-section a.about-link:hover .about-link__arrow,
    .about-section a.about-link:focus-visible .about-link__title,
    .about-section a.about-link:focus-visible .about-link__arrow {
        transform: none;
    }
}

/* --- PC（1065px以上）：左にタイトル、右にリンク2本を縦に ------------------------ */
@media screen and (min-width: 1065px) {
    .about-layout {
        display: grid;
        grid-template-columns: clamp(470px, 44%, 540px) minmax(0, 1fr);
        column-gap: clamp(48px, 6vw, 96px);
        align-items: start;
    }
    .about-links {
        margin-top: 20px;             /* 最初の区切り線を、英字見出しの上端付近に合わせる */
    }
    /* ウォーターマークは右へ向かって溶けるように薄くし、右列のリンク文字にかからないようにする */
    .about-section .section-title::before {
        -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 54%, transparent 88%);
        mask-image: linear-gradient(90deg, #000 0%, #000 54%, transparent 88%);
    }
}

/* --- タブレット・スマホ（1064px以下）：縦1列 ---------------------------------- */
@media screen and (max-width: 1064px) {
    .about-section {
        padding-left: 50px;
        padding-right: 50px;
        --about-pt: clamp(56px, 10vw, 88px);
        padding-bottom: clamp(60px, 18vw, 88px);   /* FAQ の写真セクションとの間（スマホ・タブレット）。390px 幅で約70px。写真の帯（約90px）より少し狭くして、小画面では写真を主役に */
    }
    .about-layout {
        display: block;
    }
    .about-links {
        margin-top: clamp(40px, 7vw, 56px);
    }
    .about-section .section-title::before {
        font-size: min(104px, 11.2vw);
    }
    /* タイトル・ラベルの大きさと間隔は、Services の小画面用指定（custom.css：見出し42px／ラベル12px／見出し下4px）にそろえる */
    .about-section .section-title h3 {
        font-size: min(42px, calc((100vw - 32px) / 8.3));   /* 狭い画面（320px）でも「ABOUT OYATECH」が1行に収まる */
        margin-bottom: 4px;
    }
    .about-section .sm-title1 {
        font-size: 12px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1064px) {
    .about-section .container {
        max-width: 792px;             /* Services・FAQ と同じ左右位置 */
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media screen and (max-width: 767px) {
    /* 左右の余白・コンテナ幅は Services（custom.css のスマホ用指定）と同じにして、タイトル・説明・リンク・カードの左端をそろえる */
    .about-section {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .about-section .container {
        max-width: 506px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        width: 100%;
    }
    .about-section .section-title::before {
        font-size: 9.6vw;
    }
    .section-lead {
        font-size: 14px;
        margin-top: 22px;
    }
    .about-section a.about-link {
        min-height: 104px;
        padding: 28px 0;
        column-gap: 16px;
    }
    .about-link__title {
        font-size: clamp(26px, 8vw, 34px);
    }
    .about-section--en .about-link__title {
        font-size: clamp(24px, 7.2vw, 30px);
    }
}