@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** 固定ページの修正
************************************/

.post-7579 .header-container-in,
.post-7572 .header-container-in {
display: none!important;
}

.post-7579 .breadcrumb,
.post-7572 .breadcrumb {
display: none!important;
}

.post-7579 .entry-title,
.post-7572 .entry-title,
.post-145 .entry-title,
.post-190 .entry-title,
.post-236 .entry-title,
.post-297 .entry-title,
.post-335 .entry-title,
.post-355 .entry-title,
.post-367 .entry-title,
.post-403 .entry-title,
.post-14 .entry-title {
display: none;
}

.post-14 .date-tags,
.post-5584 .date-tags,
.post-46 .date-tags,
.post-53 .date-tags,
.post-5596 .date-tags,
.post-236 .date-tags,
.post-261 .date-tags,
.post-4253 .date-tags,
.post-2136 .date-tags,
.post-180 .date-tags,
.post-5608 .date-tags,
.post-5610 .date-tags,
.post-5965 .date-tags,
.post-211 .date-tags,
.post-5599 .date-tags,
.post-2134 .date-tags,
.post-6015 .date-tags,
.post-2130 .date-tags,
.post-6422 .date-tags,
.post-6618 .date-tags,
.post-123 .date-tags,
.post-145 .date-tags,
.post-5114 .date-tags,
.post-7817 .date-tags,
.post-5482 .date-tags,
.post-7984 .date-tags,
.post-190 .date-tags,
.post-7011 .date-tags,
.post-93 .date-tags,
.post-6531 .date-tags,
.post-297 .date-tags,
.post-7110 .date-tags,
.post-3 .date-tags,
.post-91 .date-tags,
.post-7579 .date-tags,
.post-335 .date-tags,
.post-355 .date-tags,
.post-367 .date-tags,
.post-403 .date-tags,
.post-441 .date-tags,
.post-7572 .date-tags,
.post-2127 .date-tags {
display: none;
}

.post-2127 .article-header {
display: none;
}

.post-5584 .entry-title,
.post-5596 .entry-title,
.post-4253 .entry-title,
.post-123 .entry-title,
.post-91 .entry-title,
.post-2136 .entry-title,
.post-5608 .entry-title,
.post-5610 .entry-title,
.post-5965 .entry-title,
.post-2134 .entry-title,
.post-6015 .entry-title,
.post-2130 .entry-title,
.post-7984 .entry-title,
.post-5482 .entry-title,
.post-6422 .entry-title,
.post-6618 .entry-title,
.post-7817 .entry-title,
.post-6531 .entry-title,
.post-5114 .entry-title,
.post-7011 .entry-title,
.post-7110 .entry-title,
.post-441 .entry-title,
.post-93 .entry-title,
.post-3 .entry-title,
.post-5599 .entry-title {
text-align: center;
}

/*非表示タイトル*/
.post-46 .entry-title,
.post-53 .entry-title,
.post-261 .entry-title,
.post-180 .entry-title,
.post-211 .entry-title,
.post-7110 .entry-title{
display: none;
}


/*非表示カテゴリー*/
.cat-item.cat-item-1,
.cat-item.cat-item-47,
.cat-item.cat-item-35,
.cat-item-36{
display:none;
}


/* 固定ページだけ：作成者リンク・作者名を非表示 */
.page .post-author,
.page .entry-meta .author,
.page .byline .author,
.page .author,
.page .posted-by,
.page .entry-author,
.page .vcard,
.page .author-link,
.page .byline {
  display: none !important;
}

/* FontAwesome の鉛筆アイコンを隙間なく消す（汎用） */
.fa-pencil,
.fas.fa-pencil,
.far.fa-pencil,
.fab.fa-pencil,
.fa.fa-pencil,
i.fa-pencil,
span.fa-pencil {
  display: none !important;
}

/* :before で描画される場合も確実に消す */
.fa-pencil:before,
.fas.fa-pencil:before,
.far.fa-pencil:before,
.fa.fa-pencil:before {
  display: none !important;
  content: none !important;
}

/* ページID 14 のみ目次を非表示 */
body.page-id-14 .toc,
body.page-id-14 .toc_wrap,
body.page-id-14 #toc,
body.page-id-14 .table-of-contents,
body.page-id-14 .toc-box {
  display: none !important;
}

/* ヘッダー部分に出る不要な余白を削除 */
.content {
    margin-top: 0!important;
}

.entry-content {
    margin-top: 0em!important;
    margin-bottom: 0em!important;
}

/* フッター部分に出る不要な余白を削除 */
.footer {
    margin-top: 0!important;
}

.breadcrumb {
    margin-bottom: 0em!important;
}

/************************************
** 岡BASE ピーシーラボ専用スタイル 20250908 親テーマの変更を加えている。
************************************/
/* 固定ページIDごとに .wrap を変更 */
.page-id-14 .wrap,
.page-id-53 .wrap,
.page-id-180 .wrap,
.page-id-190 .wrap,
.page-id-236 .wrap,
.page-id-261 .wrap,
.page-id-145 .wrap,
.page-id-211 .wrap,
.page-id-297 .wrap,
.page-id-335 .wrap,
.page-id-355 .wrap,
.page-id-367 .wrap,
.page-id-403 .wrap,
.page-id-46 .wrap {
  width: auto !important;   /* ここを好きな値に変更: 例) 100%, 1400px 等 */
  max-width: none;          /* テーマ側の最大幅がある場合は無効化 */
  margin: 0;                /* 中央寄せにしたいなら margin: 0 auto; */
}


/* 固定ページIDごとに .main を変更 */
.page-id-14 .main,
.page-id-53 .main,
.page-id-180 .main,
.page-id-190 .main,
.page-id-145 .main,
.page-id-236 .main,
.page-id-211 .main,
.page-id-297 .main,
.page-id-261 .main,
.page-id-335 .main,
.page-id-355 .main,
.page-id-367 .main,
.page-id-403 .main,
.page-id-46 .main {
    padding: 0!important;
	border: unset!important;
}

/* 固定ページIDごとに h2 h3 h4を変更 */
.page-id-14 .article h2,
.page-id-53 .article h2,
.page-id-180 .article h2,
.page-id-190 .article h2,
.page-id-236 .article h2,
.page-id-145 .article h2,
.page-id-211 .article h2,
.page-id-261 .article h2,
.page-id-297 .article h2,
.page-id-335 .article h2,
.page-id-355 .article h2,
.page-id-367 .article h2,
.page-id-403 .article h2,
.page-id-46 .article h2 {
    background-color: unset!important;
}

.page-id-14 .article h3,
.page-id-53 .article h3,
.page-id-180 .article h3,
.page-id-190 .article h3,
.page-id-236 .article h3,
.page-id-145 .article h3,
.page-id-211 .article h3,
.page-id-261 .article h3,
.page-id-297 .article h3,
.page-id-335 .article h3,
.page-id-355 .article h3,
.page-id-367 .article h3,
.page-id-403 .article h3,
.page-id-46 .article h3 {
    background-color: unset!important;
	border: unset!important;
	padding: 12px 0px!important;
}

.page-id-14 .article h4,
.page-id-53 .article h4,
.page-id-180 .article h4,
.page-id-190 .article h4,
.page-id-145 .article h4,
.page-id-236 .article h4,
.page-id-211 .article h4,
.page-id-261 .article h4,
.page-id-297 .article h4,
.page-id-335 .article h4,
.page-id-355 .article h4,
.page-id-367 .article h4,
.page-id-403 .article h4,
.page-id-46 .article h4 {
    background-color: unset!important;
}


/* サイトマップのh4を削除 */
.page-id-91 .article h4 {
    display: none!important;
}

/* 対象ページのPタグ<p>タグを削除する。ここ記載後、phpのコードにも追加すること（例：180, 234, 345…） */
:is(.page-id-180, .page-id-190, .page-id-211, .page-id-234, .page-id-297, .page-id-335, .page-id-345, .page-id-355, .page-id-367, .page-id-403) .company-question > p { 
  margin: 0 !important; 
}

/* 完全に空の <p></p> を非表示 */
:is(.page-id-180,, .page-id-211 .page-id-234, .page-id-234, .page-id-297, .page-id-335, .page-id-345, .page-id-355, .page-id-367, .page-id-403) .company-question > p:empty { 
  display: none !important; 
}

/* <p><br></p> など <br> だけ入った段落も非表示（:has対応ブラウザで有効） */
:is(.page-id-180, .page-id-211, .page-id-234, .page-id-234, .page-id-297, .page-id-335, .page-id-345, .page-id-355, .page-id-367, .page-id-403) .company-question > p:has(> br:only-child) { 
  display: none !important; 
}



/************************************
** ヘッダー、フッターデザイン
************************************/
/* ヘッダー内調整 */
/* --- ▼グローバルナビを横並び固定にする ---------- */
#navi .menu-header {
  display: flex;          /* 横並び */
  align-items: center;    /* 垂直中央 */
  flex-wrap: nowrap;      /* 折り返し禁止 */
}

/* --- ▼電話ボタン(li#menu-item-401)だけ右端へ ------ */
#menu-item-401 {
  margin-left:14px;  /* 任意の数値に変更 */
}

/* --- ▼画像サイズをナビ高さにフィットさせる -------- */
#menu-item-401 .heamenu-img {
  height: 60px;           /* テーマのヘッダー高に合わせて調整 */
  width: auto;
}


.navi-in a {
    padding: 0 0.8em !important;
  }

  .heamenu-line {
    color: #fff !important;
    background-color: #4ecdc4 !important;
    opacity: 1 !important;
    font-size: 1.2em !important;
    padding: 10px !important;
    border-radius: 10px !important;
  }

  .heamenu-img {
    width: 100% !important;
  }


/* フッター内調整 */



/* スマホ対応用ヘッダーが2重表示されるので対策用 */
@media (max-width: 834px){
  #header,          /* ロゴ＋ナビ全体 */
  #navi{            /* グローバルメニュー */
    display:none !important;
  }
}



/* スマホ対応用 */
@media (max-width: 768px) {
  .logo-header {
    display: none !important;
  }

  .img-hyouzi-pc {
    display: none !important;	  
}
  .img-hyouzi-sp {
    display: block !important;	  
}
	
/* ─────────────── 共通：電話ボタン画像を定義 ─────────────── */

/* 画像 URL を 1 回書けば両方で使い回せるようにカスタムプロパティを作る */
:root{
  --tel-img:url('https://waseshinjuku-okazaki.jp/wp-content/uploads/2025/05/早稲田電話（枠なし）_青.webp');
}

/* ── ① ヘッダーモバイルボタン側 ─────────────────── */

/* 星アイコンなど既定の .menu-icon を消す */
.phone-btn .custom-menu-icon.menu-icon{
  display:none !important;
}

/* ダミー文字列を非表示にしつつ画像を背景で表示 */
.phone-btn .custom-menu-caption.menu-caption{
  display:block;
  width:140px;       /* ←画像横幅に合わせて調整 */
  height:46px;       /* ←画像高さに合わせて調整 */
  background:var(--tel-img) center/contain no-repeat;
  text-indent:-9999px;   /* 文字を画面外へ */
  overflow:hidden;
  line-height:0;
  padding:0;
}

/* ── ② ドロワーメニュー側（<img> を横並び＆拡大） ─────────── */

.menu-drawer .menu-item-401 a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 0;
}

.menu-drawer .menu-item-401 .heamenu-img{
  width:160px;       /* モバイルで読みやすいサイズに */
  height:auto;
}

/* テキストが入っていない <a> でもタップ領域全体を確保 */
.menu-drawer .menu-item-401 a:hover{
  opacity:.8;
}

	

  .heamenu-tel {
    color: #fff !important;
    background-color: #1f2b66 !important;
    opacity: 1 !important;
    font-size: 13px !important;
    padding: 4px !important;
    border-radius: 10px !important;

  }


	  .heamenu-line {
    font-size: 13px !important;
    padding: 4px !important;
    font-weight: bold;
  }
	
	/* ヘッダーナビ内の星アイコンを非表示にする */
.navi-menu-button .menu-icon .fa-star{
  display:none !important;
}

	
	/* ───────── ベースレイアウト ───────── */
.menu-drawer{
  padding:24px 16px;                    /* 余白を増やして詰まり感を解消 */
}
.menu-drawer li{
  margin-bottom:14px;                   /* 各項目の上下間隔 */
  list-style:none;
}

/* ───────── 通常リンク（塾・フリースクール） ───────── */
.menu-drawer li a{
  display:block;
  font-size:1.05rem;                    /* 少し大きめ */
  font-weight:500;
  color:#222;
  text-decoration:none;
}
.menu-drawer li a:hover{
  opacity:.7;
}

/* ───────── CTA① 問い合わせボタン ───────── */
.menu-drawer .menu-item-112 a{          /* ID 112 = 問い合わせ */

  color:#fff !important;
  background-color: #4ecdc4 !important;
  text-align:center;
  padding:12px 0;
  border-radius:9999px;
  font-weight:600;
  letter-spacing:.03em;
  width:100%;
}
.menu-drawer .menu-item-390{ margin-bottom:20px; }

/* ───────── CTA② 電話ボタン（アイコン＋番号横並び） ───────── */
.menu-drawer .menu-item-401 a{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f7f7f7;
  padding:12px 16px;
  border-radius:12px;
  width:100%;
}
.menu-drawer .menu-item-401 a:hover{ background:#ececec; }

.menu-drawer .menu-item-401 .heamenu-img{
  width:100%;           /* アイコンを程よい大きさに統一 */
  height:auto;
}


/* ───────── 小さい端末でフォントが大きすぎる場合の調整例 ───────── */
  .menu-drawer li a{ font-size:1rem; }
  .menu-drawer .menu-item-401 a::after{ font-size:1.1rem; }}


/* ヘッダー内調整 */
.navi-in a {
    padding: 0 0.8em !important;
  }
	
/* フッター内の「無料体験に申し込む」ボタンを8割にする */
.mobile-footer-menu-buttons .navi-menu-button.menu-button a[href="https://pcdo-school.jp/free-input/"] {
    width: 100%; /* ボタンの幅を80%にする */
    margin: 0 auto; /* ボタンを中央に配置 */
}

/* フッター内の「電話」ボタンを8割にする */
.mobile-footer-menu-buttons .navi-menu-button.menu-button a[href="tel:0564-79-6400"] {
    width: 100%; /* ボタンの幅を80%にする */
    margin: 0 auto; /* ボタンを中央に配置 */
}

	
/* ボタン全体の高さを揃える */
.mobile-footer-menu-buttons .navi-menu-button.menu-button a {
    display: inline-block;
    width: 80%;                 /* 幅を8割に設定 */
    height: 50px;               /* ボタンの高さを固定（例: 50px） */
    line-height: 50px;          /* ボタンのテキストを中央に揃えるために高さに合わせる */
    text-align: center;         /* テキストを中央揃え */
    box-sizing: border-box;     /* パディングを含めてサイズ計算 */
}

/* アイコンをテキストと垂直方向で中央に揃える */
.mobile-footer-menu-buttons .navi-menu-button.menu-button a .custom-menu-icon {
    vertical-align: middle;     /* アイコンを垂直方向で中央に揃える */
    margin-right: 10px;         /* テキストとの間にスペースを確保 */
}

/* アイコンのサイズを調整 */
.mobile-footer-menu-buttons .navi-menu-button.menu-button a .custom-menu-icon .fa {
    font-size: 20px;            /* アイコンサイズの調整 */
    line-height: 50px;          /* 高さをアイコンに合わせて中央に配置 */
}
	
	
/* フッター内の「無料体験に申し込む」ボタンを8割にする */
.mobile-footer-menu-buttons .navi-menu-button.menu-button a[href="https://pcdo-school.jp/free-input/"] {
    font-size: 20px;            /* アイコンサイズの調整 */
}

/* フッター内の「電話」ボタンを8割にする */
.mobile-footer-menu-buttons .navi-menu-button.menu-button a[href="tel:0564-79-6400"] {
    font-size: 20px;            /* アイコンサイズの調整 */
}
	
}
.broken_link{
    text-decoration: none!important;
}

/************************************
** ヘッダー、フッターデザイン終了
************************************/

/************************************
** 共通デザインパーツ
************************************/
/* ========================================
   共通ボタンスタイル
======================================== */

/* ----------------------------------------
   common-button-1: 中央配置の単一ボタン
---------------------------------------- */
.common-button-1 {
    text-align: center !important;
    margin: 30px 0 !important;
    display: block !important;
    width: 100% !important;
}

.common-button-1 a,
.common-button-1 button {
    display: inline-block !important;
    background-color: #ff8c6b !important;
    color: #ffffff !important;
    padding: 15px 40px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(255, 140, 107, 0.3) !important;
    margin: 0 auto !important;
}

.common-button-1 a:hover,
.common-button-1 button:hover {
    background-color: #ff7a55 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 140, 107, 0.4) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* pタグが自動挿入された場合の対応 */
.common-button-1 p {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ----------------------------------------
   common-button-2: 2つボタン（PC横並び、SP縦並び）
---------------------------------------- */
.common-button-2 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 30px 0 !important;
    flex-wrap: wrap !important;
}

/* 1つ目のボタン（オレンジ） */
.common-button-2 a:first-child,
.common-button-2 button:first-child,
.common-button-2 > *:first-child a,
.common-button-2 > *:first-child button {
    display: inline-block !important;
    background-color: #ff8c6b !important;
    color: #ffffff !important;
    padding: 15px 40px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(255, 140, 107, 0.3) !important;
    margin: 0 !important;
}

.common-button-2 a:first-child:hover,
.common-button-2 button:first-child:hover,
.common-button-2 > *:first-child a:hover,
.common-button-2 > *:first-child button:hover {
    background-color: #ff7a55 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 140, 107, 0.4) !important;
    color: #ffffff !important;
}

/* 2つ目のボタン（ターコイズ） */
.common-button-2 a:last-child,
.common-button-2 button:last-child,
.common-button-2 > *:last-child a,
.common-button-2 > *:last-child button {
    display: inline-block !important;
    background-color: #4ecdc4 !important;
    color: #ffffff !important;
    padding: 15px 40px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(78, 205, 196, 0.3) !important;
    margin: 0 !important;
}

.common-button-2 a:last-child:hover,
.common-button-2 button:last-child:hover,
.common-button-2 > *:last-child a:hover,
.common-button-2 > *:last-child button:hover {
    background-color: #3db5ac !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(78, 205, 196, 0.4) !important;
    color: #ffffff !important;
}

/* pタグが自動挿入された場合の対応 */
.common-button-2 p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 詳細度を上げて上書き */
.about-wrapper .common-button-1 {
    text-align: center !important;
    margin: 30px 0 !important;
     /* padding: 30px 0 !important;marginの代わりにpaddingも使用 */
    display: block !important;
    width: 100% !important;
}

.about-wrapper .common-button-2 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 30px 0 !important;
    padding: 30px 0 !important; /* marginの代わりにpaddingも使用 */
    flex-wrap: wrap !important;
}


/* ▼スマホ(～767px)だけ表示 */
.only-sp { display: none !important; }
@media (max-width: 767.98px) {
  .only-sp { display: block !important; }  /* インライン要素なら inline に変えてOK */
}

/* ▼PC(1024px～)だけ表示 */
.only-pc { display: none !important; }
@media (min-width: 1024px) {
  .only-pc { display: block !important; }  /* インライン要素なら inline に変えてOK */
}

/* おまけ：非表示ユーティリティ（必要なら） */
@media (max-width: 767.98px) { .hide-sp { display: none !important; } }   /* スマホで隠す */
@media (min-width: 1024px)   { .hide-pc { display: none !important; } }   /* PCで隠す */


/* ----------------------------------------
   レスポンシブ対応（スマホ）
---------------------------------------- */
@media (max-width: 768px) {
    /* common-button-2をスマホでは縦並びに */
    .common-button-2 {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .common-button-2 a,
    .common-button-2 button,
    .common-button-2 > * a,
    .common-button-2 > * button {
        width: 100% !important;
        max-width: 280px !important;
        text-align: center !important;
    }
    
    /* ボタンのパディングを少し調整 */
    .common-button-1 a,
    .common-button-1 button,
    .common-button-2 a,
    .common-button-2 button,
    .common-button-2 > * a,
    .common-button-2 > * button {
        padding: 12px 30px !important;
        font-size: 15px !important;
    }
}

/************************************
** 共通デザインパーツ終了
************************************/

/************************************
** トップページデザイン
************************************/

    /* 岡BASE ピーシーラボ専用スタイル 20250908 */
    .okabase_section_20250908 {
        padding: 80px 20px !important;
    }
    .okabase_container_20250908 {
        max-width: 1200px !important;
        margin: 0 auto !important;
    }
    .okabase_h2_20250908 {
        font-size: 36px !important;
        color: #4e6ca8 !important;
        text-align: center !important;
        margin-bottom: 50px !important;
        position: relative !important;
        font-weight: bold !important;
    }
    .okabase_h2_20250908::after {
        content: '' !important;
        position: absolute !important;
        bottom: -10px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 60px !important;
        height: 4px !important;
        background: #4e6ca8 !important;
        border-radius: 2px !important;
    }
    
/* メインビジュアル部分の修正 */
.okabase_hero_20250908 {
    position: relative !important;
    background: linear-gradient(135deg, #5b7bb4, #8ca3d0) !important;
    padding: 60px 20px !important;
    text-align: center !important;
    color: white !important;
    margin: -20px -20px 0 !important;
}
.okabase_hero_content_20250908 {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 60px !important;
}
.okabase_hero_text_20250908 {
    flex: 0 0 45% !important;
    text-align: left !important;
    padding-left: 40px !important;
}
.okabase_hero_20250908 h1 {
    font-size: 48px !important;
    margin-bottom: 20px !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;
    color: white !important;
    line-height: 1.3 !important;
}
.okabase_hero_subtitle_20250908 {
    font-size: 20px !important;
    margin-bottom: 30px !important;
    opacity: 0.95 !important;
}
.okabase_hero_image_20250908 {
    flex: 1 !important;
    position: relative !important;
    margin-right: -20px !important;
}
.okabase_hero_image_content_20250908 {
    background: linear-gradient(135deg, #a3bded, #6991c7) !important;
    height: 450px !important;
    border-radius: 20px 0 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 24px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}
.okabase_hero_image_content_20250908 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 20px 0 0 20px !important;
}
    
    /* バッジ */
    .okabase_badge_20250908 {
        display: inline-block !important;
        background: #ffd54f !important;
        color: #333 !important;
        padding: 5px 15px !important;
        border-radius: 20px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        margin: 5px !important;
    }
    .okabase_blue_badge_20250908 {
        background: #81a3d8 !important;
        color: white !important;
    }
    
    /* 作業内容セクション */
    .okabase_work_section_20250908 {
        background: #f0f4f8 !important;
        padding: 80px 20px !important;
    }
    .okabase_work_grid_20250908 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
    .okabase_work_item_20250908 {
        background: white !important;
        border-radius: 15px !important;
        overflow: hidden !important;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
        transition: transform 0.3s !important;
    }
    .okabase_work_item_20250908:hover {
        transform: translateY(-5px) !important;
    }
    .okabase_work_image_20250908 {
        height: 200px !important;
        background: #e0e7f0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        color: #666 !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .okabase_work_image_20250908 img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .okabase_work_content_20250908 {
        padding: 25px !important;
    }
    .okabase_work_content_20250908 h3 {
        color: #4e6ca8 !important;
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }
    
/* スケジュールセクション - 縦型タイムライン */
.okabase_schedule_section_20250908 {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%) !important;
    padding: 80px 20px !important;
}
.okabase_schedule_timeline_20250908 {
    max-width: 800px !important;
    margin: 0 auto !important;
    position: relative !important;
    padding: 20px 0 !important;
}
.okabase_schedule_timeline_20250908::before {
    content: '' !important;
    position: absolute !important;
    left: 60px !important;
    top: 20px !important;
    bottom: 20px !important;
    width: 3px !important;
    background: linear-gradient(180deg, #4e6ca8, #6b84c0) !important;
}
.okabase_schedule_item_20250908 {
    position: relative !important;
    padding-left: 100px !important;
    margin-bottom: 40px !important;
    display: flex !important;
    align-items: center !important;
    min-height: 80px !important;
}
.okabase_schedule_number_20250908 {
    position: absolute !important;
    left: 30px !important;
    width: 60px !important;
    height: 60px !important;
    background: #4e6ca8 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 18px !important;
    box-shadow: 0 4px 10px rgba(78,108,168,0.3) !important;
    z-index: 2 !important;
}
.okabase_schedule_content_20250908 {
    background: white !important;
    border-radius: 15px !important;
    padding: 25px 30px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    width: 100% !important;
}
.okabase_schedule_title_20250908 {
    font-size: 20px !important;
    color: #333 !important;
    font-weight: bold !important;
    margin-bottom: 8px !important;
}
.okabase_schedule_description_20250908 {
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}
.okabase_schedule_description_20250908 span {
    color: #4e6ca8 !important;
    font-weight: 500 !important;
}
   
    /* 特徴セクション */
    .okabase_features_grid_20250908 {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px !important;
    }
    .okabase_feature_card_20250908 {
        text-align: center !important;
        background: white !important;
        padding: 30px !important;
        border-radius: 15px !important;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
        transition: transform 0.3s !important;
    }
    .okabase_feature_card_20250908:hover {
        transform: translateY(-10px) !important;
    }
    .okabase_feature_icon_20250908 {
        width: 80px !important;
        height: 80px !important;
        margin: 0 auto 20px !important;
        background: linear-gradient(135deg, #4e6ca8, #6b84c0) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 36px !important;
        color: white !important;
    }
    .okabase_feature_title_20250908 {
        font-size: 18px !important;
        color: #333 !important;
        margin-bottom: 10px !important;
        font-weight: bold !important;
    }
    
/* ギャラリーセクション - 画像対応版 */
.okabase_gallery_section_20250908 {
    background: #f5f8fb !important;
    padding: 80px 20px !important;
    margin-bottom: 0 !important;
}
.okabase_gallery_grid_20250908 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}
.okabase_gallery_item_20250908 {
    position: relative !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
    aspect-ratio: 16/9 !important;
    background: linear-gradient(135deg, #a3bded, #6991c7) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    color: white !important;
}
.okabase_gallery_item_20250908 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
    
    /* アクセスセクション */
    .okabase_access_section_20250908 {
        background: linear-gradient(180deg, #e3ecf5 0%, #ffffff 100%) !important;
        padding: 80px 20px !important;
    }
    .okabase_access_container_20250908 {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 40px !important;
        align-items: center !important;
    }
    .okabase_access_info_20250908 {
        background: white !important;
        padding: 40px !important;
        border-radius: 15px !important;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
    }
    .okabase_access_info_20250908 h3 {
        color: #4e6ca8 !important;
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }
    .okabase_access_item_20250908 {
        display: flex !important;
        align-items: start !important;
        margin-bottom: 20px !important;
    }
    .okabase_access_icon_20250908 {
        width: 40px !important;
        height: 40px !important;
        background: #4e6ca8 !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        margin-right: 15px !important;
        flex-shrink: 0 !important;
    }
    .okabase_map_container_20250908 {
        height: 400px !important;
        border-radius: 15px !important;
        overflow: hidden !important;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
    }
    .okabase_map_container_20250908 iframe {
        width: 100% !important;
        height: 100% !important;
        border: none !important;
    }
    
    /* コンタクトセクション */
    .okabase_contact_section_20250908 {
        background: linear-gradient(135deg, #ff69b4, #ff1493) !important;
        padding: 0 !important;
        position: relative !important;
        overflow: visible !important;
        margin: 0 -20px !important;
    }
    .okabase_contact_wrapper_20250908 {
        position: relative !important;
        padding: 100px 20px !important;
    }
    .okabase_contact_card_20250908 {
        position: relative !important;
        background: white !important;
        border-radius: 30px !important;
        padding: 60px 40px !important;
        max-width: 800px !important;
        margin: 0 auto !important;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
        text-align: center !important;
    }
    .okabase_contact_character_20250908 {
        position: absolute !important;
        top: -40px !important;
        right: 40px !important;
        width: 80px !important;
        height: 80px !important;
        background: #8b6331 !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 40px !important;
    }
    .okabase_contact_title_20250908 {
        font-size: 28px !important;
        color: #333 !important;
        margin-bottom: 10px !important;
        font-weight: bold !important;
    }
    .okabase_contact_subtitle_20250908 {
        margin-bottom: 0px !important;
        /*color: #ff69b4 !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important; */
    }
    .okabase_contact_description_20250908 {
        font-size: 16px !important;
        color: #666 !important;
        margin-bottom: 40px !important;
        line-height: 1.8 !important;
    }
    .okabase_contact_buttons_20250908 {
        display: flex !important;
        justify-content: center !important;
        gap: 30px !important;
    }
    .okabase_contact_btn_20250908 {
        display: inline-block !important;
        padding: 15px 60px !important;
        border-radius: 30px !important;
        text-decoration: none !important;
        font-size: 1.2em !important;
        font-weight: bold !important;
        transition: transform 0.3s, box-shadow 0.3s !important;
        background: #ff69b4 !important;
        color: white !important;
        box-shadow: 0 5px 20px rgba(255,105,180,0.3) !important;
    }
    .okabase_contact_btn_20250908:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 8px 30px rgba(255,105,180,0.4) !important;
    }
    .okabase_contact_note_20250908 {
        margin-top: 30px !important;
        padding: 15px !important;
        background: rgba(255,105,180,0.1) !important;
        border-radius: 10px !important;
        color: #666 !important;
        font-size: 14px !important;
    }
    
    /* グループ一覧セクション */
    .okabase_group_section_20250908 {
        background: #fff !important;
        padding: 80px 20px !important;
    }
    .okabase_group_logos_20250908 {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 40px !important;
        flex-wrap: wrap !important;
        max-width: 1000px !important;
        margin: 0 auto !important;
    }
    .okabase_group_logo_item_20250908 {
        flex: 0 1 150px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: transform 0.3s !important;
    }
    .okabase_group_logo_item_20250908:hover {
        transform: scale(1.1) !important;
    }
    .okabase_group_logo_item_20250908 img {
        max-width: 100% !important;
        height: auto !important;
        max-height: 60px !important;
        object-fit: contain !important;
    }
    
    /* レスポンシブ対応 */
    @media (max-width: 768px) {
        .okabase_hero_content_20250908 {
        flex-direction: column !important;
        gap: 30px !important;
        }
        .okabase_hero_20250908 h1 {
        font-size: 32px !important;
        text-align: center !important;
        }
        .okabase_hero_text_20250908 {
        text-align: center !important;
        padding-left: 0 !important;
        flex: 1 !important;
        }
    .okabase_hero_image_20250908 {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .okabase_hero_image_content_20250908 {
        height: 300px !important;
        border-radius: 20px !important;
        margin: 0 20px !important;
    }
		
        .okabase_work_grid_20250908 {
            grid-template-columns: 1fr !important;
        }
        .okabase_features_grid_20250908 {
            grid-template-columns: 1fr !important;
        }
        .okabase_gallery_grid_20250908 {
            grid-template-columns: repeat(2, 1fr) !important;
        }
        .okabase_access_container_20250908 {
            grid-template-columns: 1fr !important;
        }
        .okabase_contact_buttons_20250908 {
            flex-direction: column !important;
            gap: 20px !important;
        }
        .okabase_contact_btn_20250908 {
            width: 100% !important;
        }
        .okabase_contact_character_20250908 {
            right: 20px !important;
            width: 60px !important;
            height: 60px !important;
            font-size: 30px !important;
        }
        .okabase_group_logos_20250908 {
            gap: 20px !important;
        }
        .okabase_group_logo_item_20250908 {
            flex: 0 1 100px !important;
        }
        /* スケジュールのレスポンシブ */
        .okabase_schedule_timeline_20250908::before {
            left: 40px !important;
        }
        .okabase_schedule_item_20250908 {
            padding-left: 80px !important;
        }
        .okabase_schedule_number_20250908 {
            left: 15px !important;
            width: 50px !important;
            height: 50px !important;
            font-size: 16px !important;
        }
        .okabase_schedule_content_20250908 {
            padding: 20px !important;
        }
    }
    @media (max-width: 480px) {
        .okabase_hero_20250908 h1 {
            font-size: 26px !important;
        }
    .okabase_hero_image_content_20250908 {
        height: 250px !important;
    }
        .okabase_h2_20250908 {
            font-size: 28px !important;
        }
        .okabase_gallery_grid_20250908 {
            grid-template-columns: 1fr !important;
        }
        .okabase_contact_card_20250908 {
            padding: 40px 20px !important;
        }
        .okabase_contact_title_20250908 {
            font-size: 24px !important;
        }
        /* スケジュールのさらに小さい画面用 */
        .okabase_schedule_timeline_20250908::before {
            left: 30px !important;
        }
        .okabase_schedule_item_20250908 {
            padding-left: 65px !important;
        }
        .okabase_schedule_number_20250908 {
            left: 10px !important;
            width: 40px !important;
            height: 40px !important;
            font-size: 14px !important;
        }
        .okabase_schedule_title_20250908 {
            font-size: 18px !important;
        }
    }


/************************************
** トップページデザイン終了
************************************/


/************************************
** aboutページデザイン
************************************/
.about-wrapper {
    font-family: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif !important;
    color: #333 !important;
    line-height: 1.8 !important;
    background: #fff !important;
    font-size: 16px !important;
}

.about-wrapper * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* メインビジュアル */
.about-hero {
    position: relative !important;
    height: 500px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.about-hero-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url('https://images.pexels.com/photos/8199562/pexels-photo-8199562.jpeg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    opacity: 0.3 !important;
    z-index: 1 !important;
}

.about-hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, rgba(255, 140, 107, 0.9) 0%, rgba(255, 184, 140, 0.9) 100%) !important;
    z-index: 2 !important;
}

.about-hero-content {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    color: white !important;
    padding: 0 20px !important;
    max-width: 1200px !important;
    width: 100% !important;
}

.about-hero h1 {
    font-size: 42px !important;
    font-weight: bold !important;
    letter-spacing: 0.05em !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
    color: white !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.about-hero-subtitle {
    font-size: 18px !important;
    opacity: 0.95 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    color: white !important;
}

/* コンテナ */
.about-container {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* セクション共通 */
.about-section {
    padding: 80px 20px !important;
}

.about-section-title {
    font-size: 32px !important;
    text-align: center !important;
    margin-bottom: 50px !important;
    color: #333 !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    position: relative !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.about-section-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 3px !important;
    background: #ff8c6b !important;
}

/* 導入セクション */
.about-intro {
    background: #fff !important;
}

.about-intro-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 40px !important;
}

.about-intro-images {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr !important;
    gap: 20px !important;
    width: 100% !important;
}

.about-intro-img-main {
    height: 300px !important;
    background: #f0f0f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

.about-intro-img-sub {
    height: 300px !important;
    background: #ffe4d3 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.about-intro-img-main img,
.about-intro-img-sub img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.about-intro-text {
    margin-top: 20px !important;
    padding: 0 !important;
}

.about-intro-text h2 {
    font-size: 28px !important;
    margin-bottom: 30px !important;
    color: #333 !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.about-intro-text p {
    font-size: 15px !important;
    line-height: 2 !important;
    color: #555 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

/* 選ばれる理由セクション */
.about-reasons {
    background: #faf8f6 !important;
}

.about-reason-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 25px !important;
}

.about-reason-card {
    background: white !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s !important;
}

.about-reason-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.12) !important;
}

.about-reason-icon {
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, #ff8c6b 0%, #ffb88c 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 24px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.about-reason-card h3 {
    font-size: 18px !important;
    margin-bottom: 15px !important;
    color: #333 !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.about-reason-card p {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.8 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 作業内容セクション */
.about-work {
    background: #fff !important;
}

.about-work-intro {
    text-align: center !important;
    margin-bottom: 50px !important;
    padding: 0 !important;
}

.about-work-intro p {
    font-size: 15px !important;
    color: #555 !important;
    line-height: 1.8 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.about-work-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 30px !important;
    list-style: none !important;
}

.about-work-item {
    text-decoration: none !important;
    display: block !important;
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
}

.about-work-item:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15) !important;
}

.about-work-image {
    height: 180px !important;
    overflow: hidden !important;
    background: #f0f0f0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.about-work-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}

.about-work-item:hover .about-work-image img {
    transform: scale(1.1) !important;
}

.about-work-item h3 {
    padding: 20px !important;
    font-size: 16px !important;
    text-align: center !important;
    color: #333 !important;
    font-weight: bold !important;
    margin: 0 !important;
}

/* ご利用についてセクション */
.about-usage {
    background: #faf8f6 !important;
}

.about-usage-table {
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08) !important;
}

.about-usage-table table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.about-usage-table th {
    background: #f8f9fa !important;
    color: #333 !important;
    padding: 20px !important;
    text-align: center !important;
    width: 25% !important;
    vertical-align: middle !important;
}

.about-usage-table th h3 {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

.about-usage-table td {
    padding: 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.about-usage-table tr:last-child td {
    border-bottom: none !important;
}

.about-usage-table ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.about-usage-table ul li {
    position: relative !important;
    padding-left: 20px !important;
    margin-bottom: 10px !important;
    font-size: 15px !important;
    color: #555 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

.about-usage-table ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    color: #4ecdc4 !important;
    font-weight: bold !important;
}

.about-usage-note {
    margin-top: 15px !important;
    font-size: 14px !important;
    color: #888 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.about-usage-table td p {
    padding: 0 !important;
    margin: 0 !important;
    color: #555 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

/* 工賃例セクション */
.about-wage {
    background: #fff !important;
}

.about-wage-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 30px !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.about-wage-card {
    background: linear-gradient(135deg, #fff 0%, #faf8f6 100%) !important;
    border: 2px solid #ff8c6b !important;
    border-radius: 12px !important;
    padding: 35px !important;
    text-align: center !important;
}

.about-wage-card h3 {
    font-size: 18px !important;
    color: #333 !important;
    margin-bottom: 25px !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.about-wage-amount {
    font-size: 42px !important;
    color: #ff8c6b !important;
    font-weight: bold !important;
    margin: 20px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
}

.about-wage-amount::before {
    content: "月" !important;
    font-size: 18px !important;
}

.about-wage-amount::after {
    content: "円" !important;
    font-size: 18px !important;
}

.about-wage-detail {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.about-wage-note {
    text-align: center !important;
    margin-top: 40px !important;
    font-size: 14px !important;
    color: #888 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* 運営体制セクション */
.about-management {
    background: #faf8f6 !important;
}

.about-management-list {
    display: grid !important;
    gap: 30px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.about-management-item {
    background: white !important;
    padding: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08) !important;
    display: grid !important;
    grid-template-columns: 80px 1fr !important;
    gap: 30px !important;
    align-items: center !important;
}

.about-management-icon {
    width: 80px !important;
    height: 80px !important;
    background: linear-gradient(135deg, #4ecdc4 0%, #44a3a0 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.about-management-text {
    padding: 0 !important;
    margin: 0 !important;
}

.about-management-text h3 {
    font-size: 20px !important;
    margin-bottom: 15px !important;
    color: #333 !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.about-management-text p {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.8 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 運営方針セクション */
.about-policy {
    background: linear-gradient(135deg, #ff8c6b 0%, #ffb88c 100%) !important;
    padding: 80px 20px !important;
    color: white !important;
}

.about-policy .about-section-title {
    color: white !important;
}

.about-policy .about-section-title::after {
    background: white !important;
}

.about-policy-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;
    gap: 30px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.about-policy-card {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    padding: 35px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.about-policy-card h3 {
    font-size: 20px !important;
    margin-bottom: 20px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    color: white !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.about-policy-card p {
    font-size: 15px !important;
    line-height: 1.8 !important;
    opacity: 0.95 !important;
    color: white !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* サイドアクセント */
.about-side-accent {
    position: fixed !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: #4ecdc4 !important;
    color: white !important;
    padding: 15px 8px !important;
    border-radius: 8px 0 0 8px !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    font-size: 14px !important;
    letter-spacing: 0.1em !important;
    z-index: 1000 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1) !important;
    text-decoration: none !important;
}

.about-side-accent:hover {
    padding-right: 12px !important;
    padding-left: 8px !important;
    background: #3eb8af !important;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .about-hero {
        height: 400px !important;
    }

    .about-hero h1 {
        font-size: 24px !important;
    }

    .about-hero-subtitle {
        font-size: 14px !important;
    }

    .about-intro-images {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .about-intro-img-main,
    .about-intro-img-sub {
        height: 250px !important;
    }

    .about-section-title {
        font-size: 24px !important;
    }

    .about-intro-text h2 {
        font-size: 22px !important;
    }

    .about-management-item {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }

    .about-management-icon {
        margin: 0 auto 20px !important;
    }

    .about-usage-table th {
        display: block !important;
        width: 100% !important;
        border-bottom: 3px solid #ff8c6b !important;
    }

    .about-usage-table td {
        display: block !important;
        width: 100% !important;
    }

    .about-policy-grid {
        grid-template-columns: 1fr !important;
    }

    .about-wage-grid {
        grid-template-columns: 1fr !important;
    }

    .about-side-accent {
        display: none !important;
    }
}


/************************************
** aboutページデザイン終了
************************************/


/************************************
** companyページデザイン
************************************/
    /* 会社情報ページ専用スタイル - 温かみのあるデザイン */
    .company-main-container {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 40px 20px !important;
        font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", serif !important;
        background: #fffaf8 !important;
    }
    
    .company-hero-section {
        background: linear-gradient(145deg, #ff8c6b 0%, #ffb5a0 50%, #ffd4c8 100%) !important;
        border-radius: 30px !important;
        padding: 80px 40px !important;
        margin-bottom: 60px !important;
        text-align: center !important;
        box-shadow: 0 15px 40px rgba(255, 140, 107, 0.25) !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    .company-hero-section::before {
        content: "" !important;
        position: absolute !important;
        top: -50% !important;
        right: -10% !important;
        width: 300px !important;
        height: 300px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
    }
    
    .company-hero-title {
        color: #ffffff !important;
        font-size: 2.8em !important;
        font-weight: 600 !important;
        margin-bottom: 25px !important;
        text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15) !important;
        letter-spacing: 0.1em !important;
    }
    
    .company-hero-subtitle {
        color: #ffffff !important;
        font-size: 1.3em !important;
        line-height: 2 !important;
        font-weight: 300 !important;
        letter-spacing: 0.05em !important;
    }
    
    .company-section {
        background: #ffffff !important;
        border-radius: 20px !important;
        padding: 50px !important;
        margin-bottom: 45px !important;
        box-shadow: 0 8px 25px rgba(255, 140, 107, 0.1) !important;
        border: 1px solid rgba(255, 140, 107, 0.1) !important;
    }
    
    .company-section-title {
        color: #ff8c6b !important;
        font-size: 2.2em !important;
        font-weight: 600 !important;
        margin-bottom: 35px !important;
        padding-bottom: 20px !important;
        border-bottom: 4px dotted #ffb5a0 !important;
        display: flex !important;
        align-items: center !important;
        letter-spacing: 0.08em !important;
    }
    
    .company-section-icon {
        width: 50px !important;
        height: 50px !important;
        background: linear-gradient(135deg, #ff8c6b, #ffb5a0) !important;
        border-radius: 15px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-right: 20px !important;
        color: #ffffff !important;
        font-size: 24px !important;
        box-shadow: 0 4px 10px rgba(255, 140, 107, 0.3) !important;
    }
    
    /* ロゴ画像用のスタイル */
    .company-logo-container {
        width: auto !important;
        height: 80px !important;
        margin-right: 25px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
		/* background: #ffffff !important; */
		/* border-radius: 15px !important; */
		/* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; */
        padding: 10px !important;
		/* border: 2px solid #ffb5a0 !important; */
    }
    
    .company-logo-placeholder {
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(135deg, #fff5f3, #ffede8) !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 2em !important;
        color: #ff8c6b !important;
    }
    
    .company-logo-image {
        width: auto !important;
        height: 100% !important;
        object-fit: contain !important;
		/* border-radius: 10px !important; */
    }
    
    .company-title-wrapper {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 35px !important;
        padding-bottom: 20px !important;
        border-bottom: 4px dotted #ffb5a0 !important;
    }
    
    .company-title-text {
        color: #ff8c6b !important;
        font-size: 1.6em !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        margin: 0 !important;
    }
        
    .company-title-color {
        color: #fff !important;
    }
    /* 施設写真エリア */
    .company-facility-photos {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
        gap: 20px !important;
        margin-bottom: 40px !important;
    }
    
    .company-photo-card {
        position: relative !important;
        border-radius: 15px !important;
        overflow: hidden !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
    }
    
    .company-photo-card:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 8px 25px rgba(255, 140, 107, 0.25) !important;
    }
    
    .company-photo-placeholder {
        width: 100% !important;
        height: 200px !important;
        background: linear-gradient(135deg, #ffede8, #fff5f3) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ff8c6b !important;
        font-size: 3em !important;
    }
    
    .company-photo-caption {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: linear-gradient(to top, rgba(0,0,0,0.7), transparent) !important;
        color: #ffffff !important;
        padding: 15px !important;
        font-size: 0.9em !important;
        font-weight: 600 !important;
    }
    
    .company-info-table {
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 0 8px !important;
        overflow: hidden !important;
    }
    
    .company-info-table tr {
        transition: all 0.4s ease !important;
        background: #ffffff !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    }
    
    .company-info-table tr:hover {
        transform: translateX(5px) !important;
        box-shadow: 0 4px 15px rgba(255, 140, 107, 0.2) !important;
    }
    
    .company-info-table td {
        padding: 25px !important;
        border: none !important;
    }
    
    .company-info-table td:first-child {
        background: linear-gradient(90deg, #fff5f3, #fffaf8) !important;
        font-weight: 600 !important;
        color: #ff8c6b !important;
        width: 32% !important;
        border-radius: 12px 0 0 12px !important;
        font-size: 1.05em !important;
        letter-spacing: 0.05em !important;
    }
    
    .company-info-table td:last-child {
        color: #4a4a4a !important;
        line-height: 2 !important;
        font-size: 1.05em !important;
        border-radius: 0 12px 12px 0 !important;
    }
    
    .company-info-link {
		/* color: #ff8c6b !important; */
		/* text-decoration: none !important; */
        font-weight: 600 !important;
        transition: all 0.3s ease !important;
        padding-bottom: 2px !important;
        border-bottom: 2px dotted #ffb5a0 !important;
    }
    
    .company-info-link:hover {
        color: #ff7a54 !important;
        border-bottom: 2px solid #ff8c6b !important;
    }
    
    .company-map-container {
        margin-top: 40px !important;
        padding: 30px 0px 0px 0px !important;
		/* background: linear-gradient(135deg, #fffaf8 0%, #fff5f3 100%) !important; */
        border-radius: 15px !important;
		/* border: 2px dashed #ffb5a0 !important; */
    }
    
    .company-map-title {
        color: #ff8c6b !important;
        font-size: 1.4em !important;
        font-weight: 600 !important;
        margin-bottom: 25px !important;
        display: flex !important;
        align-items: center !important;
        letter-spacing: 0.05em !important;
        border-top: unset !important;
        border-bottom: unset !important;
    }
    
    .company-map-frame {
        width: 100% !important;
        height: 450px !important;
        border: none !important;
        border-radius: 15px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
    }
    
    .company-group-intro {
        background: linear-gradient(135deg, #fff5f3 0%, #fffaf8 50%, #ffffff 100%) !important;
        border-radius: 20px !important;
        padding: 50px !important;
        margin-bottom: 50px !important;
        text-align: center !important;
        border: 3px solid #ffb5a0 !important;
        position: relative !important;
    }
    
    .company-group-intro::after {
        content: "🤝" !important;
        position: absolute !important;
        top: -25px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        background: #ffffff !important;
        padding: 10px 20px !important;
        font-size: 2em !important;
        border-radius: 50% !important;
    }
    
    .company-group-intro-text {
        color: #5a5a5a !important;
        font-size: 1.15em !important;
        line-height: 2.2 !important;
        margin-bottom: 0 !important;
        letter-spacing: 0.03em !important;
    }
    
    .company-subsection {
        margin-top: 45px !important;
        padding: 35px !important;
        background: linear-gradient(to right, #ffffff 0%, #fffaf8 100%) !important;
        /* border-left: 6px solid #ff8c6b !important; */
        border-radius: 10px !important;
        box-shadow: 0 4px 15px rgba(255, 140, 107, 0.08) !important;
        transition: all 0.3s ease !important;
    }
    
    .company-subsection:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 6px 20px rgba(255, 140, 107, 0.15) !important;
    }
    
    .company-subsection-title {
        color: #ff8c6b !important;
        font-size: 1.6em !important;
        font-weight: 600 !important;
        margin-bottom: 25px !important;
        display: flex !important;
        align-items: center !important;
        letter-spacing: 0.05em !important;
    }
    
    .company-contact-button {
        display: inline-block !important;
        background: linear-gradient(135deg, #ff8c6b, #ffb5a0) !important;
        color: #ffffff !important;
        padding: 18px 45px !important;
        border-radius: 50px !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        font-size: 1.15em !important;
        transition: all 0.4s ease !important;
        box-shadow: 0 6px 20px rgba(255, 140, 107, 0.35) !important;
        margin: 20px 12px !important;
        letter-spacing: 0.05em !important;
    }
    
    .company-contact-button:hover {
        background: linear-gradient(135deg, #ff7a54, #ff9580) !important;
        transform: translateY(-4px) !important;
        box-shadow: 0 10px 30px rgba(255, 140, 107, 0.45) !important;
    }
    
    .company-divider {
        height: 3px !important;
        background: linear-gradient(90deg, transparent, #ffb5a0, #ff8c6b, #ffb5a0, transparent) !important;
        margin: 70px 0 !important;
        border: none !important;
        border-radius: 2px !important;
    }
    
    .company-heart-icon {
        color: #ff8c6b !important;
        margin: 0 8px !important;
        font-size: 1.2em !important;
    }
    
/* PC表示で問い合わせボタンを横並びに */
.company-contact-button {
    display: inline-block !important;
    background: linear-gradient(135deg, #ff8c6b, #ffb5a0) !important;
    color: #ffffff !important;
    padding: 18px 45px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 1.15em !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 6px 20px rgba(255, 140, 107, 0.35) !important;
    margin: 20px 12px !important;
    letter-spacing: 0.05em !important;
    vertical-align: middle !important;
    white-space: nowrap !important; /* 追加：改行を防ぐ */
}

    /* レスポンシブ対応 */
    @media (max-width: 768px) {
        .company-main-container {
            padding: 20px 15px !important;
        }
        
        .company-hero-section {
            padding: 50px 25px !important;
        }
        
        .company-hero-title {
            font-size: 2em !important;
        }
        
        .company-facility-photos {
            grid-template-columns: 1fr !important;
        }
        
        .company-info-table td {
            padding: 20px 15px !important;
            display: block !important;
            width: 100% !important;
        }
        
        .company-info-table td:first-child {
            width: 100% !important;
            border-radius: 12px 12px 0 0 !important;
            padding-bottom: 10px !important;
        }
        
        .company-info-table td:last-child {
            border-radius: 0 0 12px 12px !important;
        }
        
        .company-map-frame {
            height: 300px !important;
        }
    }
    
    /* アニメーション */
    @keyframes company-fadeIn {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .company-section {
        animation: company-fadeIn 1s ease-out !important;
    }
    
    @keyframes company-heartbeat {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.1); }
    }
    
    .company-heart-icon {
        animation: company-heartbeat 2s infinite !important;
    }


@media (max-width: 768px) {
    .company-main-container {
        padding: 20px 15px !important;
    }
    
    .company-hero-section {
        padding: 50px 25px !important;
    }
    
    .company-hero-title {
        font-size: 2em !important;
    }
    
    .company-section {
        padding: 0px 0px !important;
        margin: 30px 0px 0px 0px !important;
    }
    
    .company-section-title {
        font-size: 1.6em !important;
    }
    
    /* スマホ時はロゴとタイトルを縦並びに - 重要な追加部分 */
    .company-title-wrapper {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .company-logo-container {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        width: auto !important;
        height: 100px !important;
    }
    
    .company-title-text {
        width: 100% !important;
        text-align: center !important;
        font-size: 1.4em !important;
    }
    
    /* サブセクションのタイトルサイズ調整 */
	.company-subsection {
        padding: 35px 0px 0px 0px !important;
    }
	
    .company-subsection .company-title-text {
        font-size: 1.2em !important;
    }
    
    .company-facility-photos {
        grid-template-columns: 1fr !important;
    }
    
    .company-info-table td {
        padding: 20px 15px !important;
        display: block !important;
        width: 100% !important;
    }
    
    .company-info-table td:first-child {
        width: 100% !important;
        border-radius: 12px 12px 0 0 !important;
        padding-bottom: 10px !important;
    }
    
    .company-info-table td:last-child {
        border-radius: 0 0 12px 12px !important;
    }
    
    .company-map-frame {
        height: 300px !important;
    }
    
    /* お問い合わせボタンのみ縦並びに */
    .company-contact-button {
        display: block !important;
        width: 90% !important;
        margin: 15px auto !important;
        max-width: 400px !important;
    }
}
/************************************
** companyページデザイン終了
************************************/

/************************************
** workdetailsページデザイン
************************************/

/* メインコンテナ */
.workdetails-main-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    background-color: #ffffff !important;
    font-family: 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif !important;
}

/* イントロセクション */
.workdetails-intro-section {
    background: #ffffff !important;
    padding: 50px 40px !important;
    margin-bottom: 60px !important;
    display: grid !important;
    grid-template-columns: 1fr 1.2fr !important;
    gap: 50px !important;
    align-items: center !important;
}

.workdetails-intro-image {
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    height: 350px !important;
}

.workdetails-intro-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}


.workdetails-intro-image::after {
    content: "" !important;
    position: absolute !important;
    top: -20px !important;
    left: -20px !important;
    right: 20px !important;
    bottom: 20px !important;
    background: linear-gradient(135deg, #fff5f2 0%, #ffe8e2 100%) !important;
    border-radius: 10px !important;
    z-index: -1 !important;
}

.workdetails-intro-content {
    padding-left: 20px !important;
}

.workdetails-intro-title {
    color: #333333 !important;
    font-size: 26px !important;
    font-weight: bold !important;
    margin-bottom: 30px !important;
    line-height: 1.6 !important;
    position: relative !important;
    padding-bottom: 15px !important;
}

.workdetails-intro-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 60px !important;
    height: 3px !important;
    background-color: #ff8c6b !important;
    border-radius: 2px !important;
}

.workdetails-intro-text {
    color: #666666 !important;
    font-size: 16px !important;
    line-height: 2 !important;
    margin-bottom: 20px !important;
}

.workdetails-intro-text:last-child {
    margin-bottom: 0 !important;
}

/* セクションタイトル */
.workdetails-section-title {
    color: #ff8c6b !important;
    font-size: 28px !important;
    font-weight: bold !important;
    text-align: center !important;
    margin: 60px auto 30px auto !important;
    position: relative !important;
    padding-bottom: 15px !important;
    display: block !important;
    width: 100% !important;
}

.workdetails-section-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 3px !important;
    background-color: #ff8c6b !important;
    border-radius: 2px !important;
}

/* セクションリード文 */
.workdetails-section-lead {
    text-align: center !important;
    color: #666666 !important;
    margin-bottom: 40px !important;
    font-size: 15px !important;
}

/* 作業カードグリッド */
.workdetails-work-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
    margin-bottom: 60px !important;
}

/* 作業カード */
.workdetails-work-image {
    width: 100% !important;
    height: 200px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    margin: 20px 0 !important;
    background-color: #f5f5f5 !important;
}

.workdetails-work-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.workdetails-work-card {
    background: #ffffff !important;
    border: 2px solid #ffe8e2 !important;
    border-radius: 15px !important;
    padding: 30px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.workdetails-work-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 5px !important;
    height: 100% !important;
    background-color: #ff8c6b !important;
    transform: scaleY(0) !important;
    transition: transform 0.3s ease !important;
}

.workdetails-work-card:hover {
    box-shadow: 0 8px 20px rgba(255, 140, 107, 0.15) !important;
    transform: translateY(-3px) !important;
}

.workdetails-work-card:hover::before {
    transform: scaleY(1) !important;
}

/* 作業タイトル */
.workdetails-work-title {
    color: #ff8c6b !important;
    font-size: 22px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}

/* 作業画像プレースホルダー */
.workdetails-work-image-placeholder {
    background: linear-gradient(135deg, #fff5f2 0%, #ffe8e2 100%) !important;
    border-radius: 10px !important;
    text-align: center !important;
    color: #ff8c6b !important;
    font-size: 14px !important;
    margin: 20px 0 !important;
    border: 2px dashed #ffcab8 !important;
}

/* 作業説明 */
.workdetails-work-description {
    color: #666666 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin: 20px 0 !important;
    flex-grow: 1 !important;
}

/* 作業ポイント */
.workdetails-work-points {
    background-color: #fff9f7 !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-top: auto !important;
    min-height: 120px !important;
    display: flex !important;
    align-items: center !important;
}

.workdetails-work-points ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.workdetails-work-points li {
    padding: 10px 0 !important;
    color: #666666 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    border-bottom: 1px dotted #ffe8e2 !important;
}

.workdetails-work-points li:last-child {
    border-bottom: none !important;
}

.workdetails-work-points strong {
    color: #ff8c6b !important;
    font-weight: bold !important;
}

/* 詳細ボタン */
.workdetails-detail-button {
    display: inline-block !important;
    background-color: #ff8c6b !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    align-self: center !important;
    margin-top: 20px !important;
}

.workdetails-work-card p:last-of-type {
    text-align: center !important;
}

.workdetails-detail-button:hover {
    background-color: #ff7a55 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 140, 107, 0.3) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* サポートセクション */
.workdetails-support-section {
    background: linear-gradient(135deg, #fff5f2 0%, #ffffff 100%) !important;
    border-radius: 20px !important;
    padding: 50px 40px !important;
    margin: 60px 0 !important;
}

.workdetails-support-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
}

.workdetails-support-title {
    color: #ff8c6b !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}

.workdetails-support-text {
    color: #666666 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

/* CTAセクション */
.workdetails-cta-section {
    text-align: center !important;
    background: #fff9f7 !important;
    border-radius: 20px !important;
    padding: 50px 40px !important;
    margin: 60px 0 !important;
}

.workdetails-cta-title {
    color: #ff8c6b !important;
    font-size: 26px !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
}

.workdetails-cta-text {
    color: #666666 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
}

.workdetails-cta-button {
    display: inline-block !important;
    background-color: #ff8c6b !important;
    color: #ffffff !important;
    padding: 15px 50px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(255, 140, 107, 0.3) !important;
}

.workdetails-cta-button:hover {
    background-color: #ff7a55 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 140, 107, 0.4) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ▼スマホ(～767px)だけ表示 */
.workdetails-intro-section-only-sp { display: none !important; }
@media (max-width: 767.98px) {
  .workdetails-intro-section-only-sp { display: block !important; }  /* インライン要素なら inline に変えてOK */
}

/* ▼PC(1024px～)だけ表示 */
.workdetails-intro-section-only-pc { display: none !important; }
@media (min-width: 1024px) {
  .workdetails-intro-section-only-pc { display: block !important; }  /* インライン要素なら inline に変えてOK */
}

/* おまけ：非表示ユーティリティ（必要なら） */
@media (max-width: 767.98px) { .hide-sp { display: none !important; } }   /* スマホで隠す */
@media (min-width: 1024px)   { .hide-pc { display: none !important; } }   /* PCで隠す */


/* レスポンシブデザイン */
@media (max-width: 768px) {
	.workdetails-work-grid {
    display: unset !important;
}
	
    .workdetails-intro-section {
        grid-template-columns: 1fr !important;
        padding: 35px 20px !important;
        gap: 30px !important;
    }
    
    .workdetails-intro-image::after {
        display: none !important;
}
    .workdetails-intro-image {
        height: 250px !important;
    }
    
    .workdetails-work-image {
        height: 180px !important;
    }
}

/************************************
** workdetailsページデザイン終了
************************************/

/************************************
** company-qa　faqページデザイン
************************************/

    /* よくあるご質問ページのスタイル */
    .company-qa-wrapper {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 40px 20px !important;
        font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
        line-height: 1.8 !important;
        color: #333 !important;
    }
    
    .company-page-title {
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    
    .company-page-title h2 {
        display: inline-block !important;
        position: relative !important;
        font-size: 32px !important;
        color: #ff8c6b !important;
        padding: 0 60px !important;
        margin: 0 !important;
        font-weight: bold !important;
    }
    
    .company-page-title h2::before,
    .company-page-title h2::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 40px !important;
        height: 40px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    
    .company-page-title h2::before {
        left: 0 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23ffeb3b' stroke='%23ff8c6b' stroke-width='3'/%3E%3C/svg%3E") !important;
    }
    
    .company-page-title h2::after {
        right: 0 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,10 L65,40 L95,40 L72,60 L82,90 L50,70 L18,90 L28,60 L5,40 L35,40 Z' fill='%23ffd700' stroke='%23ff8c6b' stroke-width='2'/%3E%3C/svg%3E") !important;
    }
    
    .company-intro-text {
        text-align: center !important;
        color: #666 !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
        margin-bottom: 40px !important;
        padding: 0 20px !important;
    }
    
    /* カテゴリナビゲーション */
    .company-qa-category-nav {
        background: linear-gradient(135deg, #fff5f2 0%, #ffe8e0 100%) !important;
        border-radius: 15px !important;
        padding: 30px !important;
        margin-bottom: 50px !important;
        box-shadow: 0 3px 10px rgba(255, 140, 107, 0.1) !important;
    }
    
    .company-qa-category-nav ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
        justify-content: center !important;
    }
    
    .company-qa-category-nav li {
        flex: 1 1 45% !important;
        min-width: 250px !important;
    }
    
    .company-qa-category-nav a {
        display: block !important;
        background: white !important;
        padding: 15px 20px !important;
        border-radius: 10px !important;
        text-decoration: none !important;
        color: #ff8c6b !important;
        font-weight: bold !important;
        font-size: 16px !important;
        text-align: center !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
        border: 2px solid transparent !important;
    }
    
    .company-qa-category-nav a:hover {
        background: #ff8c6b !important;
        color: white !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 5px 15px rgba(255, 140, 107, 0.3) !important;
    }
    
    /* カテゴリセクション */
    .company-qa-category-section {
        margin-bottom: 60px !important;
        position: relative !important;
        padding-top: 20px !important;
    }
    
    .company-qa-category-title {
        font-size: 28px !important;
        font-weight: bold !important;
        color: #ff8c6b !important;
        margin-bottom: 35px !important;
        padding-bottom: 15px !important;
        border-bottom: 3px solid #ff8c6b !important;
        position: relative !important;
        padding-left: 20px !important;
    }
    
    .company-qa-category-title::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 5px !important;
        height: 30px !important;
        background: #ff8c6b !important;
        border-radius: 3px !important;
    }
    
    /* Q&Aボックス */
    .company-qa-item {
        background: white !important;
        border-radius: 15px !important;
        padding: 25px !important;
        margin-bottom: 25px !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
        border: 2px solid #ffe8e0 !important;
        transition: all 0.3s ease !important;
        position: relative !important;
    }
    
    .company-qa-item:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 5px 20px rgba(255, 140, 107, 0.15) !important;
        border-color: #ff8c6b !important;
    }
    
    .company-question {
        display: flex !important;
        align-items: flex-start !important;
        margin-bottom: 15px !important;
        padding-left: 45px !important;
        position: relative !important;
    }
    
    .company-q-mark {
        position: absolute !important;
        left: 0 !important;
        top: -3px !important;
        width: 35px !important;
        height: 35px !important;
        background: #ff8c6b !important;
        color: white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: bold !important;
        font-size: 20px !important;
        box-shadow: 0 2px 5px rgba(255, 140, 107, 0.3) !important;
    }
    
    .company-question h3 {
        margin: 0 !important;
        font-size: 18px !important;
        color: #333 !important;
        font-weight: bold !important;
        line-height: 1.6 !important;
    }
    
    .company-answer {
        padding-left: 45px !important;
        position: relative !important;
    }
    
    .company-a-mark {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 35px !important;
        height: 35px !important;
        background: #ffb39e !important;
        color: white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: bold !important;
        font-size: 20px !important;
        box-shadow: 0 2px 5px rgba(255, 179, 158, 0.3) !important;
    }
    
    .company-answer p {
        margin: 0 !important;
        color: #666 !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
    }

/* ▼ post=180専用：Qと見出しを2カラムで水平揃え */
.page-id-180 .company-question{
  display: grid !important;
  grid-template-columns: 35px 1fr;
  column-gap: 10px !important;
  align-items: center !important;
  padding-left: 0 !important;
  margin-bottom: 15px !important;
}
.page-id-180 .company-q-mark{
  position: static !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ff8c6b !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}
.page-id-180 .company-question h3{
  margin: 0 !important;
  line-height: 1.6 !important;
}

/* （任意）Answer側も安定化 */
.page-id-180 .company-answer{
  display: grid !important;
  grid-template-columns: 35px 1fr;
  column-gap: 10px !important;
  align-items: start !important;
  padding-left: 0 !important;
}
.page-id-180 .company-a-mark{
  position: static !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffb39e !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
.page-id-180 .company-answer p{ margin: 0 !important; }


    /* デコレーション要素 */
    .company-qa-decoration {
        position: fixed !important;
        pointer-events: none !important;
        z-index: -1 !important;
        opacity: 0.25 !important;
    }
    
    .company-qa-deco-1 {
        top: 5% !important;
        right: 10% !important;
        width: 50px !important;
        height: 50px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,10 L65,40 L95,40 L72,60 L82,90 L50,70 L18,90 L28,60 L5,40 L35,40 Z' fill='%23ffd700' opacity='0.5'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-float 6s ease-in-out infinite !important;
    }
    
    .company-qa-deco-2 {
        top: 15% !important;
        left: 5% !important;
        width: 65px !important;
        height: 65px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23b3e5fc' opacity='0.4'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-float 8s ease-in-out infinite !important;
        animation-delay: 1s !important;
    }
    
    .company-qa-deco-3 {
        top: 30% !important;
        right: 3% !important;
        width: 45px !important;
        height: 45px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,20 Q20,50 50,80 Q80,50 50,20' fill='%23c8e6c9' opacity='0.4'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-spin 10s linear infinite !important;
    }
    
    .company-qa-deco-4 {
        top: 45% !important;
        left: 8% !important;
        width: 55px !important;
        height: 55px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,5 61,39 95,39 68,60 79,94 50,72 21,94 32,60 5,39 39,39' fill='%23ffb3ba' opacity='0.4'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-float 7s ease-in-out infinite !important;
        animation-delay: 2s !important;
    }
    
    .company-qa-deco-5 {
        top: 60% !important;
        right: 12% !important;
        width: 48px !important;
        height: 48px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='35' fill='%23ffc947' opacity='0.4'/%3E%3Ccircle cx='50' cy='50' r='25' fill='%23ff8c6b' opacity='0.3'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-pulse 4s ease-in-out infinite !important;
    }
    
    .company-qa-deco-6 {
        bottom: 35% !important;
        left: 2% !important;
        width: 60px !important;
        height: 60px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M25,50 Q50,20 75,50 T25,50' fill='%23e1bee7' opacity='0.4'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-float 9s ease-in-out infinite !important;
        animation-delay: 3s !important;
    }
    
    .company-qa-deco-7 {
        bottom: 25% !important;
        right: 6% !important;
        width: 52px !important;
        height: 52px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='25' y='25' width='50' height='50' rx='10' fill='%23a5d6a7' opacity='0.4' transform='rotate(45 50 50)'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-spin 15s linear infinite !important;
        animation-direction: reverse !important;
    }
    
    .company-qa-deco-8 {
        bottom: 10% !important;
        left: 15% !important;
        width: 42px !important;
        height: 42px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,15 85,50 50,85 15,50' fill='%23ffcc80' opacity='0.4'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-float 6.5s ease-in-out infinite !important;
        animation-delay: 1.5s !important;
    }
    
    .company-qa-deco-9 {
        top: 8% !important;
        left: 45% !important;
        width: 56px !important;
        height: 56px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,10 C30,10 10,30 10,50 C10,70 30,90 50,90 C70,90 90,70 90,50 C90,30 70,10 50,10 Z' fill='none' stroke='%23ff8c6b' stroke-width='3' opacity='0.3'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-pulse 5s ease-in-out infinite !important;
        animation-delay: 2.5s !important;
    }
    
    .company-qa-deco-10 {
        bottom: 5% !important;
        right: 45% !important;
        width: 46px !important;
        height: 46px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30,30 L70,30 L70,70 L30,70 Z' fill='%23ce93d8' opacity='0.3'/%3E%3Cpath d='M40,40 L60,40 L60,60 L40,60 Z' fill='%23ba68c8' opacity='0.4'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
        animation: company-qa-float 8s ease-in-out infinite !important;
        animation-delay: 4s !important;
    }
    
/* ラッパーを基準に絶対配置する */
.company-qa-wrapper{
  position: relative;
  overflow: visible;   /* クリップ回避（上位が overflow:hidden でもまずは可視化） */
  z-index: 0;          /* スタッキング文脈を作る */
}

/* デコ共通の“箱”定義 */
.company-qa-wrapper .company-qa-decoration{
  position: absolute;      /* top/left/right/bottom を有効化 */
  display: block;          /* width/height を効かせる */
  pointer-events: none;    /* クリックを邪魔しない */
  z-index: 1;              /* コンテンツより一段下に（前面に出すなら 3 などに） */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* コンテンツを前面に（必要なら） */
.company-qa-wrapper > *:not(.company-qa-decoration){
  position: relative;
  z-index: 2;
}

/* 念のため：アニメーション未定義なら追加 */
@keyframes company-qa-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes company-qa-spin { to{transform:rotate(360deg)} }
@keyframes company-qa-pulse { 0%,100%{transform:scale(1);opacity:.9} 50%{transform:scale(1.12);opacity:1} }


    @keyframes company-qa-float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-20px); }
    }
    
    @keyframes company-qa-spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    
    @keyframes company-qa-pulse {
        0%, 100% { transform: scale(1); opacity: 0.25; }
        50% { transform: scale(1.2); opacity: 0.4; }
    }
    
    /* 最終セクション */
    .company-contact-section {
        background: linear-gradient(135deg, #fff5f2 0%, #ffe8e0 100%) !important;
        border-radius: 20px !important;
        padding: 40px !important;
        text-align: center !important;
        margin-top: 60px !important;
        box-shadow: 0 5px 20px rgba(255, 140, 107, 0.1) !important;
    }
    
    .company-contact-section hr {
        border: none !important;
        height: 2px !important;
        background: linear-gradient(to right, transparent, #ff8c6b, transparent) !important;
        margin: 30px auto !important;
        width: 200px !important;
    }
    
    .company-contact-text {
        font-size: 18px !important;
        color: #333 !important;
        font-weight: bold !important;
        margin-bottom: 25px !important;
    }
    
    .company-contact-btn {
        display: inline-block !important;
        background: linear-gradient(135deg, #ff8c6b, #ff6b4a) !important;
        color: white !important;
        padding: 15px 50px !important;
        border-radius: 30px !important;
        text-decoration: none !important;
        font-size: 18px !important;
        font-weight: bold !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(255, 140, 107, 0.3) !important;
    }
    
    .company-contact-btn:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 6px 25px rgba(255, 140, 107, 0.4) !important;
        background: linear-gradient(135deg, #ff6b4a, #ff8c6b) !important;
    }
    
    /* レスポンシブデザイン */
    @media (max-width: 768px) {
        .company-page-title h2 {
            font-size: 24px !important;
            padding: 0 50px !important;
        }
        
        .company-qa-category-nav li {
            flex: 1 1 100% !important;
        }
        
        .company-qa-item {
            padding: 20px !important;
        }
        
        .company-question h3,
        .company-answer p {
            font-size: 15px !important;
        }
        
        .company-qa-decoration {
            display: none !important;
        }
    }

/************************************
** company-qa　faqページデザイン終了
************************************/

/************************************
** jyukyusyashoページデザイン
************************************/

    /* 受給者証ページ専用スタイル */
    .jyukyusyasho-container {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 40px 20px !important;
        font-family: 'Noto Sans JP', sans-serif !important;
        line-height: 1.8 !important;
        color: #333 !important;
    }
    
    .jyukyusyasho-main-title {
        font-size: 32px !important;
        color: #ff8c6b !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        font-weight: bold !important;
        position: relative !important;
        padding-bottom: 20px !important;
    }
    
    .jyukyusyasho-main-title::after {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 80px !important;
        height: 3px !important;
        background: linear-gradient(90deg, #ff8c6b, #ffb299) !important;
    }
    
    .jyukyusyasho-intro-section {
        background: #fff5f2 !important;
        border-radius: 15px !important;
        padding: 30px !important;
        margin-bottom: 40px !important;
        box-shadow: 0 2px 10px rgba(255, 140, 107, 0.1) !important;
    }
    
    .jyukyusyasho-intro-text {
        font-size: 16px !important;
        color: #555 !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
    
    .jyukyusyasho-nav-menu {
        background: white !important;
        border-radius: 10px !important;
        padding: 30px !important;
        margin: 40px 0 !important;
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08) !important;
    }
    
    .jyukyusyasho-nav-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
        justify-content: center !important;
    }
    
    .jyukyusyasho-nav-item {
        flex: 1 !important;
        min-width: 250px !important;
    }
    
    .jyukyusyasho-nav-link {
        display: block !important;
        padding: 15px 20px !important;
        background: linear-gradient(135deg, #ff8c6b, #ffb299) !important;
        color: white !important;
        text-decoration: none !important;
        border-radius: 8px !important;
        text-align: center !important;
        font-weight: bold !important;
        transition: transform 0.3s, box-shadow 0.3s !important;
        cursor: pointer !important;
    }
    
    .jyukyusyasho-nav-link:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 5px 20px rgba(255, 140, 107, 0.3) !important;
        color: white !important;
        text-decoration: none !important;
    }
    
    .jyukyusyasho-section {
        margin: 60px 0 !important;
    }
    
    .jyukyusyasho-section-title {
        font-size: 28px !important;
        color: #ff8c6b !important;
        margin-bottom: 30px !important;
        padding-left: 20px !important;
        position: relative !important;
        font-weight: bold !important;
    }
    
    .jyukyusyasho-section-title::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 5px !important;
        height: 30px !important;
        background: #ff8c6b !important;
    }
    
    .jyukyusyasho-content-box {
        background: white !important;
        padding: 25px !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
        margin-bottom: 20px !important;
    }
    
    .jyukyusyasho-paragraph {
        font-size: 16px !important;
        color: #555 !important;
        margin-bottom: 20px !important;
        line-height: 2 !important;
    }
    
    .jyukyusyasho-strong {
        color: #ff8c6b !important;
        font-weight: bold !important;
    }
    
    /* STEPボックスのレイアウト更新 */
    .jyukyusyasho-step-box {
        background: linear-gradient(135deg, #fff5f2, white) !important;
        border-left: 4px solid #ff8c6b !important;
        padding: 25px !important;
        margin-bottom: 25px !important;
        border-radius: 8px !important;
        position: relative !important;
        transition: transform 0.3s !important;
        display: flex !important;
        align-items: stretch !important;
        gap: 30px !important;
    }
    
    .jyukyusyasho-step-box:hover {
        transform: translateX(5px) !important;
    }
    
    /* STEP画像のスタイル */
    .jyukyusyasho-step-image {
        flex-shrink: 0 !important;
        width: 200px !important;
        height: 230px !important;
        /* min-height: 150px !important;
        background: #f5f5f5 !important;
        border: 2px dashed #ddd !important;
        border-radius: 8px !important;
        display: flex !important;  */
        align-items: center !important;
        justify-content: center !important;
        color: #999 !important;
        /* font-size: 14px !important;  */
        text-align: center !important;
        padding: 10px !important;
        order: 2 !important;
        align-self: stretch !important;
    }
    
    .jyukyusyasho-step-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }
    
    /* STEPのテキストコンテンツ */
    .jyukyusyasho-step-text-wrapper {
        flex: 1 !important;
        order: 1 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .jyukyusyasho-step-title {
        font-size: 20px !important;
        color: #ff8c6b !important;
        margin-bottom: 15px !important;
        font-weight: bold !important;
    }
    
    .jyukyusyasho-step-content {
        font-size: 15px !important;
        color: #666 !important;
        line-height: 1.8 !important;
    }
    
    .jyukyusyasho-support-note {
        background: #fff9f5 !important;
        border: 1px dashed #ff8c6b !important;
        padding: 15px !important;
        margin-top: 15px !important;
        border-radius: 6px !important;
    }
    
    .jyukyusyasho-list {
        padding-left: 25px !important;
        margin: 20px 0 !important;
    }
    
    .jyukyusyasho-list li {
        margin-bottom: 12px !important;
        color: #555 !important;
        position: relative !important;
        padding-left: 10px !important;
    }
    
    .jyukyusyasho-list li::marker {
        color: #ff8c6b !important;
    }
    
    .jyukyusyasho-divider {
        border: none !important;
        height: 2px !important;
        background: linear-gradient(90deg, transparent, #ff8c6b, transparent) !important;
        margin: 50px 0 !important;
    }
    
    .jyukyusyasho-cta-section {
        background: linear-gradient(135deg, #ff8c6b, #ffb299) !important;
        color: white !important;
        padding: 40px !important;
        border-radius: 15px !important;
        text-align: center !important;
        margin-top: 60px !important;
    }
    
    .jyukyusyasho-cta-title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
        font-weight: bold !important;
        color: white !important;
    }
    
    .jyukyusyasho-cta-text {
        font-size: 16px !important;
        margin-bottom: 30px !important;
        color: white !important;
        line-height: 1.8 !important;
    }
    
    .jyukyusyasho-cta-button {
        display: inline-block !important;
        padding: 15px 40px !important;
        background: white !important;
        color: #ff8c6b !important;
        text-decoration: none !important;
        border-radius: 30px !important;
        font-weight: bold !important;
        font-size: 18px !important;
        transition: transform 0.3s, box-shadow 0.3s !important;
        cursor: pointer !important;
    }
    
    .jyukyusyasho-cta-button:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
        color: #ff8c6b !important;
        text-decoration: none !important;
    }
    
    .jyukyusyasho-image-placeholder {
        background: #f5f5f5 !important;
            /* border: 2px dashed #ddd !important; */
            /* padding: 40px !important; */
        text-align: center !important;
        color: #999 !important;
        border-radius: 8px !important;
        margin: 20px 0 !important;
        font-style: italic !important;
    }
    
    /* レスポンシブデザイン */
    @media (max-width: 768px) {
        .jyukyusyasho-container {
            padding: 20px 15px !important;
        }
        
        .jyukyusyasho-main-title {
            font-size: 24px !important;
        }
        
        .jyukyusyasho-section-title {
            font-size: 22px !important;
        }
        
        .jyukyusyasho-nav-list {
            flex-direction: column !important;
        }
        
        .jyukyusyasho-nav-item {
            min-width: 100% !important;
        }
        
        .jyukyusyasho-cta-section {
            padding: 30px 20px !important;
        }
		
		.jyukyusyasho-cta-button {
            margin: 5% 0 !important;
    }
        
        /* スマホではSTEPボックスを縦配置に */
        .jyukyusyasho-step-box {
            flex-direction: column !important;
            gap: 20px !important;
            align-items: center !important;
        }
        
        .jyukyusyasho-step-image {
            order: 1 !important;
            width: 100% !important;
            max-width: 300px !important;
            height: 200px !important;
            margin: 0 auto !important;
        }
        
        .jyukyusyasho-step-text-wrapper {
            order: 2 !important;
        }
    }


/************************************
** jyukyusyashoページデザイン終了
************************************/

/************************************
** flowページデザイン
************************************/

.flow-wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.flow-hero-section {
    text-align: center !important;
    padding: 60px 20px !important;
    background: linear-gradient(135deg, #fff5f2 0%, #ffe8e0 100%) !important;
    border-radius: 20px !important;
    margin-bottom: 5% !important;
}

.flow-hero-title {
    font-size: 32px !important;
    color: #333 !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

.flow-hero-text {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #666 !important;
    max-width: 800px !important;
    margin: 0 auto 20px !important;
}

.flow-steps-container {
    background: #faf8f5 !important;
    padding: 80px 20px !important;
    border-radius: 30px !important;
    margin: 5% 0 !important;
}

.flow-section-title {
    text-align: center !important;
    font-size: 28px !important;
    color: #333 !important;
    margin-bottom: 60px !important;
    font-weight: 600 !important;
    position: relative !important;
}

.flow-section-title-break {
    display: inline !important;
}

.flow-section-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3px !important;
    background: #ff8c6b !important;
    margin: 20px auto 0 !important;
}

.flow-step-item {
    margin-bottom: 40px !important;
    position: relative !important;
}

.flow-step-content {
    background: white !important;
    border-radius: 20px !important;
    padding: 40px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
    border-left: 4px solid #ff8c6b !important;
    overflow: hidden !important;
    position: relative !important;
}

.flow-step-content::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

.flow-step-image {
    width: 200px !important;
    height: 200px !important;
    overflow: hidden !important;  /* 追加 */
    position: relative !important;  /* 追加 */
    background: linear-gradient(135deg, #ffe8e0 0%, #fff5f2 100%) !important;
    border-radius: 15px !important;
    float: right !important;
    margin: 0 0 20px 30px !important;
}

.flow-step-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;  /* 画像を枠に合わせて切り取り */
    object-position: center !important;  /* 中央を基準に表示 */
    display: block !important;
}

.flow-step-title {
    font-size: 22px !important;
    color: #ff8c6b !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

.flow-step-description {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #666 !important;
    margin-bottom: 15px !important;
}

.flow-contact-button {
    display: inline-block !important;
    background: #ff8c6b !important;
    color: white !important;
    padding: 12px 30px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.flow-contact-button:hover {
    background: #ff7a54 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(255, 140, 107, 0.3) !important;
}

.flow-faq-section {
    background: white !important;
    padding: 60px 40px !important;
    border-radius: 20px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5% !important;
}

.flow-faq-list {
    max-width: 800px !important;
    margin: 0 auto !important;
}

.flow-faq-item {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.flow-faq-item:last-child {
    border-bottom: none !important;
}

.flow-faq-question {
    font-size: 18px !important;
    color: #ff8c6b !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: flex-start !important;
}

.flow-faq-question::before {
    content: 'Q.' !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
}

.flow-faq-answer {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #666 !important;
    margin-left: 30px !important;
    display: flex !important;
    align-items: flex-start !important;
}

.flow-faq-answer::before {
    content: 'A.' !important;
    margin-right: 10px !important;
    color: #999 !important;
    flex-shrink: 0 !important;
}

@media (max-width: 768px) {
    .flow-hero-title {
        font-size: 24px !important;
    }
    
    .flow-hero-section {
        padding: 40px 15px !important;
        margin-bottom: 8% !important;
    }
    
    .flow-steps-container {
        padding: 40px 15px !important;
        margin: 8% 0 !important;
    }
    
    .flow-section-title-break {
        display: block !important;
    }
    
    .flow-section-title::after {
        content: '' !important;
        display: block !important;
        width: 60px !important;
        height: 3px !important;
        background: #ff8c6b !important;
        margin: 20px auto 0 !important;
    }
    
    .flow-step-item {
        margin-bottom: 30px !important;
    }
    
    .flow-step-image {
        width: 100% !important;
        height: 150px !important;
        float: none !important;
        margin: 0 auto 20px !important;
        display: block !important;
    }
    
    .flow-step-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    .flow-step-content {
        padding: 20px !important;
    }
    
    .flow-step-title {
        font-size: 18px !important;
    }
    
    .flow-contact-button {
        display: block !important;
        width: fit-content !important;
        margin: 20px auto 10px !important;
        text-align: center !important;
    }
    
    .flow-faq-section {
        padding: 40px 20px !important;
        margin-top: 8% !important;
    }
}


/************************************
** flowページデザイン終了
************************************/

/************************************
** tobusinessesページデザイン
************************************/

/* メインコンテナ */
.tobusinesses-main-wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px 0px 20px !important;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
    line-height: 1.8 !important;
    color: #333 !important;
}

/* 見出しスタイル */
.tobusinesses-heading-h2 {
    font-size: 32px !important;
    color: #ff8c6b !important;
    margin: 60px 0 30px !important;
    padding-bottom: 15px !important;
    border-bottom: 3px solid #ff8c6b !important;
    font-weight: bold !important;
    position: relative !important;
}

.tobusinesses-heading-h2:before {
    content: "" !important;
    position: absolute !important;
    bottom: -3px !important;
    left: 0 !important;
    width: 100px !important;
    height: 3px !important;
    background: #ffb29e !important;
}

.tobusinesses-heading-h3 {
    font-size: 24px !important;
    color: #ff8c6b !important;
    margin: 30px 0 20px !important;
    font-weight: bold !important;
}

.tobusinesses-heading-h4 {
    font-size: 18px !important;
    color: #666 !important;
    margin: 20px 0 15px !important;
    font-weight: bold !important;
}

/* ヒーローセクション */
.tobusinesses-hero-section {
    background: linear-gradient(135deg, #fff5f3 0%, #ffe8e2 100%) !important;
    padding: 50px 40px !important;
    border-radius: 20px !important;
    margin-bottom: 50px !important;
    box-shadow: 0 5px 20px rgba(255, 140, 107, 0.1) !important;
}

.tobusinesses-hero-title {
    font-size: 28px !important;
    color: #ff8c6b !important;
    margin-bottom: 30px !important;
    font-weight: bold !important;
    line-height: 1.6 !important;
}

.tobusinesses-hero-content {
    font-size: 16px !important;
    line-height: 2 !important;
    color: #555 !important;
}

.tobusinesses-hero-content p {
    margin-bottom: 20px !important;
}

/* CTAボタン */
.tobusinesses-cta-button {
    display: inline-block !important;
    background: linear-gradient(135deg, #ff8c6b 0%, #ff6b4a 100%) !important;
    color: white !important;
    padding: 18px 50px !important;
    border-radius: 50px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    box-shadow: 0 5px 15px rgba(255, 140, 107, 0.3) !important;
    transition: all 0.3s ease !important;
    margin: 20px 0 !important;
}

.tobusinesses-cta-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(255, 140, 107, 0.4) !important;
    color: white !important;
    text-decoration: none !important;
}

/* メリットボックス */
.tobusinesses-merit-box {
    background: white !important;
    padding: 40px !important;
    margin: 30px 0 !important;
    border-radius: 15px !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08) !important;
    border-left: 5px solid #ff8c6b !important;
    transition: transform 0.3s ease !important;
}

.tobusinesses-merit-box:hover {
    transform: translateX(5px) !important;
    box-shadow: 0 5px 20px rgba(255, 140, 107, 0.2) !important;
}

/* メリットボックスの画像コンテナ */
.tobusinesses-merit-image {
    width: 100% !important;
    max-width: 600px !important;
    height: 250px !important;
    margin: 20px auto 30px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: #f5f5f5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tobusinesses-merit-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* 画像プレースホルダー（画像がない場合の代替表示） */
.tobusinesses-merit-image-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ccc !important;
    font-size: 14px !important;
    height: 100% !important;
}

/* 業務内容ボックス */
.tobusinesses-work-box {
    background: #fffbf9 !important;
    padding: 35px !important;
    margin: 40px 0 !important;
    border-radius: 15px !important;
    border: 2px dashed #ffb29e !important;
}

.tobusinesses-work-box ul {
    margin: 20px 0 !important;
    padding-left: 25px !important;
}

.tobusinesses-work-box li {
    margin: 10px 0 !important;
    color: #666 !important;
    position: relative !important;
    list-style: disc !important;
    padding-left: 10px !important;
}

/* 作業イメージ */
.tobusinesses-work-image {
    width: 100% !important;
    max-width: 600px !important;
    height: 250px !important;
    margin: 30px auto !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: #f5f5f5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tobusinesses-work-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.tobusinesses-work-image-text {
    color: #888 !important;
    font-size: 14px !important;
    font-style: italic !important;
}

/* 流れセクション */
.tobusinesses-flow-list {
    counter-reset: flow-counter !important;
    margin: 40px 0 !important;
}

.tobusinesses-flow-list ol {
    list-style: none !important;
    padding: 0 !important;
}

.tobusinesses-flow-list li {
    position: relative !important;
    padding: 30px 30px 30px 80px !important;
    margin: 20px 0 !important;
    background: white !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    counter-increment: flow-counter !important;
}

.tobusinesses-flow-list li:before {
    content: counter(flow-counter) !important;
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #ff8c6b 0%, #ff6b4a 100%) !important;
    color: white !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.tobusinesses-flow-list strong {
    color: #ff8c6b !important;
    font-size: 18px !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* 最終CTAセクション */
.tobusinesses-final-cta {
    background: linear-gradient(135deg, #fff5f3 0%, #ffe8e2 100%) !important;
    padding: 50px !important;
    border-radius: 20px !important;
    text-align: center !important;
    margin: 60px 0 30px !important;
}

.tobusinesses-final-cta h2 {
    font-size: 32px !important;
    color: #ff8c6b !important;
    margin-bottom: 20px !important;
    border: none !important;
}

.tobusinesses-final-cta p {
    font-size: 16px !important;
    line-height: 2 !important;
    color: #666 !important;
    margin-bottom: 30px !important;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
    .tobusinesses-main-wrapper {
        padding: 20px 15px 0px 15px !important;
    }
    
    .tobusinesses-heading-h2 {
        font-size: 24px !important;
    }
    
    .tobusinesses-heading-h3 {
        font-size: 20px !important;
    }
    
    .tobusinesses-hero-section {
        padding: 30px 20px !important;
    }
    
    .tobusinesses-hero-title {
        font-size: 22px !important;
    }
    
    .tobusinesses-merit-box,
    .tobusinesses-work-box {
        padding: 25px !important;
    }
    
    .tobusinesses-merit-image,
    .tobusinesses-work-image {
        height: 180px !important;
        max-width: 100% !important;
    }
    
    .tobusinesses-cta-button {
        padding: 15px 30px !important;
        font-size: 16px !important;
    }
    
    .tobusinesses-flow-list li {
        padding: 25px 20px 25px 65px !important;
    }
    
    .tobusinesses-flow-list li:before {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
        left: 15px !important;
    }
}



/************************************
** tobusinessesページデザイン終了
************************************/

/************************************
** memberページデザイン
************************************/
/* メンバーページ全体のスタイル */
.member-wrapper {
  width: 100% !important;
  background-color: #ffffff !important;
  font-family: 'Noto Sans JP', sans-serif !important;
}

/* ヒーローセクション */
.member-hero-section {
  position: relative !important;
  height: 300px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #fff5f3 0%, #ffe8e3 100%) !important;
}

.member-wave-bg {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 150px !important;
  overflow: hidden !important;
}

.member-wave-svg {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.member-wave-bg::before {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 200% !important;
  height: 100% !important;
  background: linear-gradient(180deg, transparent 0%, rgba(255, 140, 107, 0.15) 50%, rgba(255, 140, 107, 0.25) 100%) !important;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
  transform: translateX(-25%) !important;
}

.member-wave-bg::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 150% !important;
  height: 80% !important;
  background: linear-gradient(180deg, transparent 0%, rgba(255, 140, 107, 0.1) 100%) !important;
  border-radius: 40% 60% 0 0 / 100% 100% 0 0 !important;
  transform: translateX(20%) !important;
}

/* ヒーローコンテンツを縦中央寄せ対応 */
.member-hero-content {
  position: relative !important;
  z-index: 1 !important;
  text-align: center !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 20px !important;
}

/* h1が単独の場合（subtitleがない場合）の調整 */
.member-hero-content .member-main-title:only-child {
  margin: 0 !important;
}

.member-main-title {
  font-size: 64px !important;
  color: #333 !important;
  margin: 0 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.1) !important;
}

.member-subtitle {
  font-size: 20px !important;
  color: #666666 !important;
  margin-top: 10px !important;
  letter-spacing: 4px !important;
}

/* チームセクション */
.member-team-section {
  padding: 80px 20px !important;
  background-color: #ffffff !important;
}

.member-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.member-section-title {
  font-size: 36px !important;
  color: #333333 !important;
  text-align: center !important;
  margin-bottom: 20px !important;
  font-weight: 700 !important;
  position: relative !important;
  padding-bottom: 20px !important;
}

.member-section-title:after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60px !important;
  height: 4px !important;
  background-color: #ff8c6b !important;
  border-radius: 2px !important;
}

.member-section-desc {
  text-align: center !important;
  color: #666666 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin-bottom: 60px !important;
}

/* メンバーグリッド */
.member-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 40px !important;
  margin-bottom: 80px !important;
}

.member-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
}

.member-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 30px rgba(255,140,107,0.2) !important;
}

.member-card-link {
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
}

.member-image-wrapper {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 75% !important;  /* アスペクト比 4:3 で統一 */
  overflow: hidden !important;
  background-color: #f5f5f5 !important;
}

.member-photo {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.3s ease !important;
}

.member-card:hover .member-photo {
  transform: translate(-50%, -50%) scale(1.1) !important;
}

.member-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, transparent 0%, rgba(255,140,107,0.4) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}

.member-card:hover .member-overlay {
  opacity: 1 !important;
}

.member-info {
  padding: 30px !important;
}

.member-role {
  display: inline-block !important;
  background-color: #fff5f3 !important;
  color: #ff8c6b !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 15px !important;
}

.member-role-ceo {
  background: linear-gradient(135deg, #ff8c6b 0%, #ff6b4a 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.member-name {
  font-size: 24px !important;
  color: #333333 !important;
  margin: 0 0 15px 0 !important;
  font-weight: 700 !important;
}

.member-message {
  color: #666666 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 20px !important;
  min-height: 48px !important;
}

.member-experience {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-top: 15px !important;
  border-top: 1px solid #f0f0f0 !important;
}

.member-exp-label {
  color: #999999 !important;
  font-size: 14px !important;
}

.member-exp-years {
  color: #ff8c6b !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* 資格・研修セクション */
.member-qualifications {
  background-color: #fafafa !important;
  border-radius: 20px !important;
  padding: 60px 40px !important;
  margin-bottom: 80px !important;
}

.member-qual-title {
  font-size: 28px !important;
  color: #333333 !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  font-weight: 700 !important;
}

.member-qual-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 40px !important;
}

.member-qual-item {
  background: #ffffff !important;
  padding: 30px !important;
  border-radius: 12px !important;
  text-align: center !important;
}

.member-qual-icon {
  font-size: 40px !important;
  margin-bottom: 20px !important;
  display: block !important;
}

.member-qual-item h4 {
  font-size: 20px !important;
  color: #333333 !important;
  margin-bottom: 20px !important;
  font-weight: 600 !important;
}

.member-qual-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.member-qual-list li {
  color: #666666 !important;
  font-size: 15px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.member-qual-list li:last-child {
  border-bottom: none !important;
}

/* CTAセクション */
.member-cta-section {
  text-align: center !important;
  padding: 60px 40px !important;
  background: linear-gradient(135deg, #fff5f3 0%, #ffe8e3 100%) !important;
  border-radius: 20px !important;
}

.member-cta-title {
  font-size: 32px !important;
  color: #333333 !important;
  margin-bottom: 20px !important;
  font-weight: 700 !important;
}

.member-cta-desc {
  color: #666666 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin-bottom: 40px !important;
}

.member-cta-buttons {
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.member-cta-btn {
  padding: 15px 40px !important;
  border-radius: 30px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

.member-cta-primary {
  background-color: #ff8c6b !important;
  color: #ffffff !important;
}

.member-cta-primary:hover {
  background-color: #ff7555 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(255,140,107,0.3) !important;
}

.member-cta-secondary {
  background-color: #ffffff !important;
  color: #ff8c6b !important;
  border: 2px solid #ff8c6b !important;
}

.member-cta-secondary:hover {
  background-color: #ff8c6b !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* レスポンシブデザイン */
@media screen and (max-width: 768px) {
  .member-hero-section {
    height: 200px !important;
  }

  .member-main-title {
    font-size: 48px !important;
  }

  .member-hero-content {
    padding-top: 0px !important;
  }

  .member-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .member-section-title {
    font-size: 28px !important;
  }

  .member-qual-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .member-cta-buttons {
    flex-direction: column !important;
    align-items: center !important;
  }

  .member-cta-btn {
    width: 100% !important;
    max-width: 280px !important;
  }
}

@media screen and (max-width: 480px) {
  .member-main-title {
    font-size: 36px !important;
  }

  .member-subtitle {
    font-size: 16px !important;
  }

  .member-info {
    padding: 20px !important;
  }

  .member-name {
    font-size: 20px !important;
  }

  .member-team-section {
    padding: 60px 15px !important;
  }
}

/************************************
** memberページデザイン終了
************************************/

/************************************
** workdetails-deliページデザイン
************************************/

    /* workdetails-deli ページ専用スタイル */
    .workdetails-deli-container {
        max-width: 1000px !important;
        margin: 0 auto !important;
        background-color: #ffffff !important;
        font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
    }
    
    /* ヘッダー画像セクション */
    .workdetails-deli-header-image {
        width: 100% !important;
        height: 400px !important;
        background-color: #f5f5f5 !important;
        margin-bottom: 40px !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 10px !important;
    }
    
    .workdetails-deli-header-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transition: opacity 0.3s ease !important;
    }
    
    .workdetails-deli-header-placeholder {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #999 !important;
        font-size: 14px !important;
        border: 2px dashed #ddd !important;
    }
    
    /* 画像の統一表示設定 */
    .workdetails-deli-image-box,
    .workdetails-deli-header-image {
        background-color: #f5f5f5 !important;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UwZTBlMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=') !important;
    }
    
    /* 
    画像挿入例：
    <div class="workdetails-deli-image-box">
        <img src="画像のURL" alt="説明文">
    </div>
    
    ※ 画像は自動的に以下のように表示されます：
    - 縦横比を保ったまま枠内に収まる
    - 中央配置
    - はみ出た部分は自動的にトリミング
    */
    
    /* タイトルセクション */
    .workdetails-deli-title-section {
        background: linear-gradient(to right, #fff5f2, #ffebe5) !important;
        padding: 25px 30px !important;
        margin-bottom: 30px !important;
        border-left: 5px solid #ff8c6b !important;
    }
    
    .workdetails-deli-main-title {
        color: #ff8c6b !important;
        font-size: 26px !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
        line-height: 1.4 !important;
    }
    
    .workdetails-deli-subtitle {
        color: #666 !important;
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    
    /* メインコンテンツ */
    .workdetails-deli-content {
        padding: 0 30px 30px !important;
    }
    
    .workdetails-deli-intro-section {
        background-color: #fefefe !important;
        padding: 30px !important;
        margin-bottom: 40px !important;
        line-height: 1.8 !important;
    }
    
    .workdetails-deli-intro-title {
        color: #333 !important;
        font-size: 20px !important;
        font-weight: bold !important;
        margin-bottom: 20px !important;
        padding-bottom: 10px !important;
        border-bottom: 2px solid #ffebe5 !important;
    }
    
    .workdetails-deli-intro-text {
        color: #555 !important;
        font-size: 15px !important;
        line-height: 2 !important;
        margin-bottom: 15px !important;
    }
    
    /* 作業内容セクション */
    .workdetails-deli-work-section {
        margin-bottom: 50px !important;
    }
    
    .workdetails-deli-section-header {
        background-color: #ff8c6b !important;
        color: white !important;
        padding: 12px 20px !important;
        font-size: 18px !important;
        font-weight: bold !important;
        border-radius: 5px 5px 0 0 !important;
        margin-bottom: 0 !important;
    }
    
    .workdetails-deli-section-content {
        background-color: #fffbf9 !important;
        padding: 25px !important;
        border: 1px solid #ffe0d9 !important;
        border-top: none !important;
        border-radius: 0 0 5px 5px !important;
    }
    
    .workdetails-deli-image-box {
        width: 100% !important;
        height: 300px !important;
        background-color: #f9f9f9 !important;
        margin: 20px 0 !important;
        border-radius: 8px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    .workdetails-deli-image-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transition: transform 0.3s ease, opacity 0.3s ease !important;
    }
    
    .workdetails-deli-image-box:hover img {
        transform: scale(1.05) !important;
    }
    
    .workdetails-deli-image-placeholder {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
    
    /* 3つの魅力セクション - 画像の統一表示 */
    .workdetails-deli-feature .workdetails-deli-image-box {
        height: 250px !important;
        min-height: 250px !important;
    }
    .workdetails-deli-features {
        margin: 40px 0 !important;
    }
    
    .workdetails-deli-feature {
        background-color: #fff !important;
        border: 1px solid #ffe0d9 !important;
        border-radius: 10px !important;
        padding: 25px !important;
        margin-bottom: 25px !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    .workdetails-deli-feature-header {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 20px !important;
    }
    
    .workdetails-deli-feature-number {
        width: 50px !important;
        height: 50px !important;
        background-color: #ff8c6b !important;
        color: white !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 24px !important;
        font-weight: bold !important;
        margin-right: 15px !important;
    }
    
    .workdetails-deli-feature-title {
        color: #333 !important;
        font-size: 17px !important;
        font-weight: bold !important;
        flex: 1 !important;
    }
    
    .workdetails-deli-feature-text {
        color: #555 !important;
        font-size: 14px !important;
        line-height: 1.8 !important;
        padding-left: 0px !important;
    }
    
    /* おすすめリスト */
    .workdetails-deli-recommend-list {
        background-color: #fff8f5 !important;
        border-radius: 10px !important;
        padding: 25px !important;
        margin: 0 !important;
    }
    
    .workdetails-deli-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .workdetails-deli-list li {
        position: relative !important;
        padding: 12px 0 12px 30px !important;
        color: #555 !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
        border-bottom: 1px solid #ffe0d9 !important;
    }
    
    .workdetails-deli-list li:last-child {
        border-bottom: none !important;
    }
    
    .workdetails-deli-list li::before {
        content: "◎" !important;
        position: absolute !important;
        left: 5px !important;
        color: #ff8c6b !important;
        font-weight: bold !important;
    }
    
    /* サポート体制セクション */
    .workdetails-deli-support {
        background-color: #fef6f3 !important;
        border-radius: 10px !important;
        padding: 30px !important;
        margin: 0px !important;
    }
    
    .workdetails-deli-support-item {
        background-color: white !important;
        border-left: 4px solid #ff8c6b !important;
        padding: 20px !important;
        margin-bottom: 20px !important;
        border-radius: 0 5px 5px 0 !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    }
    
    .workdetails-deli-support-title {
        color: #ff8c6b !important;
        font-weight: bold !important;
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    
    .workdetails-deli-support-text {
        color: #666 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    
    /* その他の作業 */
    .workdetails-deli-others {
        background-color: #f8f8f8 !important;
        padding: 30px !important;
        border-radius: 10px !important;
        margin: 40px 0 !important;
    }
    
    .workdetails-deli-others-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
        gap: 15px !important;
        margin-top: 20px !important;
    }
    
    .workdetails-deli-others-item {
        background-color: white !important;
        border: 2px solid #ffe0d9 !important;
        border-radius: 8px !important;
        padding: 15px !important;
        text-align: center !important;
        transition: all 0.3s ease !important;
    }
    
    .workdetails-deli-others-item:hover {
        background-color: #ff8c6b !important;
        border-color: #ff8c6b !important;
    }
    
    .workdetails-deli-others-item a {
        color: #ff8c6b !important;
        text-decoration: none !important;
        font-weight: bold !important;
        font-size: 14px !important;
    }
    
    .workdetails-deli-others-item:hover a {
        color: white !important;
    }
    
    /* CTA セクション */
    .workdetails-deli-cta {
        background: linear-gradient(135deg, #ffebe5 0%, #fff5f2 100%) !important;
        border: 2px solid #ff8c6b !important;
        border-radius: 15px !important;
        padding: 40px !important;
        text-align: center !important;
        margin: 50px 0 30px !important;
    }
    
    .workdetails-deli-cta-title {
        color: #333 !important;
        font-size: 22px !important;
        font-weight: bold !important;
        margin-bottom: 20px !important;
    }
    
    .workdetails-deli-cta-text {
        color: #666 !important;
        font-size: 15px !important;
        line-height: 1.8 !important;
        margin-bottom: 30px !important;
    }
    
    .workdetails-deli-cta-button {
        display: inline-block !important;
        background-color: #ff8c6b !important;
        color: white !important;
        padding: 15px 50px !important;
        border-radius: 30px !important;
        text-decoration: none !important;
        font-weight: bold !important;
        font-size: 16px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 10px rgba(255,140,107,0.3) !important;
    }
    
    .workdetails-deli-cta-button:hover {
        background-color: #ff7050 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(255,140,107,0.4) !important;
    }
    
    /* 区切り線 */
    .workdetails-deli-divider {
        border: none !important;
        height: 2px !important;
        background: linear-gradient(to right, transparent, #ffb3a0, transparent) !important;
        margin: 40px 0 !important;
    }
    
    /* レスポンシブ対応 */
    @media (max-width: 768px) {
        .workdetails-deli-container {
            padding: 0 10px !important;
        }
        
        .workdetails-deli-header-image {
            height: 250px !important;
        }
        
        .workdetails-deli-image-box {
            height: 200px !important;
        }
        
        .workdetails-deli-main-title {
            font-size: 22px !important;
        }
        
        .workdetails-deli-content {
            padding: 0 15px 20px !important;
        }
        
        .workdetails-deli-feature-text {
            padding-left: 0 !important;
        }
        
        .workdetails-deli-others-grid {
            grid-template-columns: 1fr !important;
        }
    }


.workdetails-deli-h2-wrapper {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.workdetails-deli-h2-wrapper .workdetails-deli-section-header {
    display: block !important;
    background-color: #ff8c6b !important;
    /* その他のスタイル */
}

/************************************
** workdetails-deliページデザイン終了
************************************/

/************************************
** certifications-heldページデザイン
************************************/

    .certifications-held-container {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 40px 20px !important;
        font-family: 'Noto Sans JP', sans-serif !important;
    }
    
    .certifications-held-header {
        background: linear-gradient(135deg, #e8f4f8 0%, #fff 100%) !important;
        padding: 60px 20px !important;
        text-align: center !important;
        border-radius: 15px !important;
        margin-bottom: 50px !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
    }
    
    .certifications-held-title {
        font-size: 32px !important;
        color: #ff8c6b !important;
        font-weight: bold !important;
        margin-bottom: 20px !important;
        position: relative !important;
        display: inline-block !important;
    }
    
    .certifications-held-title::after {
        content: '' !important;
        position: absolute !important;
        bottom: -10px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 60px !important;
        height: 3px !important;
        background: #ff8c6b !important;
    }
    
    .certifications-held-subtitle {
        font-size: 16px !important;
        color: #333 !important;
        line-height: 1.8 !important;
        margin-top: 25px !important;
    }
    
    .certifications-held-section {
        margin-bottom: 60px !important;
    }
    
    .certifications-held-section-title {
        font-size: 16px !important;
        color: #333 !important;
        font-weight: bold !important;
		text-align: center;
    }
    
    .certifications-held-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        gap: 30px !important;
        margin-bottom: 40px !important;
    }
    
    .certifications-held-card {
        background: white !important;
        border-radius: 10px !important;
        padding: 20px !important;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    }
    
    .certifications-held-card:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 5px 20px rgba(255,140,107,0.2) !important;
    }
    
    .certifications-held-card-image {
        width: 100% !important;
        height: 350px !important;
        object-fit: contain !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
        padding: 10px !important;
        margin-bottom: 15px !important;
    }
    
    .certifications-held-card-title {
        font-size: 16px !important;
        color: #333 !important;
        text-align: center !important;
        font-weight: 600 !important;
    }
    
    .certifications-held-badges {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
        gap: 20px !important;
        margin-top: 30px !important;
    }
    
    .certifications-held-badge {
        background: white !important;
        border-radius: 10px !important;
        padding: 15px !important;
        text-align: center !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
        transition: all 0.3s ease !important;
    }
    
    .certifications-held-badge:hover {
        background: #fff5f2 !important;
        transform: scale(1.05) !important;
    }
    
    .certifications-held-badge-icon {
        width: 80px !important;
        height: 80px !important;
        margin: 0 auto 10px !important;
        object-fit: contain !important;
    }
    
    .certifications-held-badge-text {
        font-size: 14px !important;
        color: #333 !important;
        font-weight: 500 !important;
    }
    
    .certifications-held-maker-section {
        background: #f8f8f8 !important;
        border-radius: 15px !important;
        padding: 40px 30px !important;
        margin: 50px 0 !important;
    }
    
    .certifications-held-maker-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
        gap: 25px !important;
        margin-top: 30px !important;
    }
    
    .certifications-held-maker-item {
        background: white !important;
        border-radius: 8px !important;
        padding: 20px 10px !important;
        text-align: center !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
        transition: all 0.3s ease !important;
    }
    
    .certifications-held-maker-item:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 4px 12px rgba(255,140,107,0.15) !important;
    }
    
    .certifications-held-maker-logo {
        width: 100px !important;
        height: 60px !important;
        object-fit: contain !important;
        margin-bottom: 10px !important;
    }
    
    .certifications-held-maker-name {
        font-size: 13px !important;
        color: #555 !important;
    }
    
    .certifications-held-awards {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
        gap: 40px !important;
        margin-top: 30px !important;
    }
    
    .certifications-held-award {
        background: white !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        box-shadow: 0 3px 12px rgba(0,0,0,0.08) !important;
        transition: all 0.3s ease !important;
    }
    
    .certifications-held-award:hover {
        transform: scale(1.02) !important;
        box-shadow: 0 5px 20px rgba(255,140,107,0.2) !important;
    }
    
    .certifications-held-award-image {
        width: 100% !important;
        height: 400px !important;
        object-fit: contain !important;
        background: #fafafa !important;
        padding: 20px !important;
    }
    
    .certifications-held-award-content {
        padding: 20px !important;
    }
    
    .certifications-held-award-title {
        font-size: 16px !important;
        color: #333 !important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
    }
    
    .certifications-held-award-desc {
        font-size: 14px !important;
        color: #666 !important;
        line-height: 1.6 !important;
    }
    
    @media (max-width: 768px) {
        .certifications-held-title {
            font-size: 24px !important;
        }
        
        .certifications-held-grid {
            grid-template-columns: 1fr !important;
        }
        
        .certifications-held-badges {
            grid-template-columns: repeat(2, 1fr) !important;
        }
        
        .certifications-held-maker-grid {
            grid-template-columns: repeat(2, 1fr) !important;
        }
        
        .certifications-held-awards {
            grid-template-columns: 1fr !important;
        }
    }

/************************************
** certifications-heldページデザイン終了
************************************/



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}