@charset "utf-8";#global_menu>ul{margin:0;margin-left:auto;margin-right:93px;display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:right}#global_menu{justify-content:flex-start}#index_slider .caption{width:1088px;position:relative}#index_slider .catch{line-height:1.5}#index_slider .desc{line-height:2;margin:80px 0 0}@media screen and (min-width:981px){#index_slider .caption img.wp-image-106{position:absolute;right:0;top:50%;transform:translateY(-50%);height:auto;max-width:none;display:block;opacity:0;animation:fadeInOnly 3s ease-in-out forwards}}@media screen and (max-width:980px){#index_slider .caption img.wp-image-106{display:none}}@keyframes fadeInOnly{from{opacity:0}to{opacity:1}}#index_slider_wrap{background:#fff}.index_free_space{width:1088px} .styled_h2 { font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; /* ゴシックで太字 */ letter-spacing: 0.2em; } #index_slider .item1 .catch { font-size: 64px; color: #000000; letter-spacing: 0.1em; } .styled_h3 { letter-spacing: 0.2em; } .styled_ul strong{ margin-right:30px; } ul.styled_ul{ list-style: none !important; /* 既存マーカー確実OFF */ font-size: 17px; padding-left: 0; /* UL側の余白はゼロにしておく */ } ul.styled_ul > li{ position: relative; line-height: 1.6; padding-left: 23px; /* ← 15px(丸) + 13px(余白) = 28px。重なり防止 */ } ul.styled_ul > li::before{ content: ""; position: absolute; left: 0; top: 55%; /* 行の中央に合わせる */ transform: translateY(-50%); width: 15px; height: 15px; border-radius: 50%; background: #000; } .post_content ul { margin-left: 0!important; } ul.styled_ul > li { line-height: 2; } @media screen and (min-width: 981px) { .post_row { width: 1088px; margin: 0 auto; display: flex; box-sizing: border-box; } .post_row .post_col-2 { width: auto; /* 既存50%を上書き */ } /* 左カラム固定 */ .post_row .post_col-2.post_daino583 { flex: 0 0 690px; /* ← ここだけ変えればOK */ max-width: 690px; } /* 右カラムは残り全部 */ .post_row .post_col-2:not(.post_daino583) { flex: 1; max-width: none; } /* 画像を枠に収める */ .post_row .post_col-2 img { max-width: 100%; height: auto; display: block; } } .wp-image-107 { box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* x, y, blur, 色 */ } .well { border: 4px solid #cdc8e2!important; border-radius: 0!important; background-color: #fff!important; box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* x, y, blur, 色 */ font-size:17px; } .well2 { border: none!important; border-bottom: 1px solid #000!important; font-size: 17px; padding: 0!important; padding-bottom: 50px!important; line-height: 2!important; } .p_daino16{ font-size:16px;} .wp-image-95 { position: absolute; /* 親を基準に配置 */ top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.6); /* 中央寄せ＋50％縮小 */ transform-origin: center center; /* 中心を基準に縮小 */ } .num3 { max-width: 1920px; width: 100%; /* 小さい画面では縮む */ background: #f6ece6;  margin: 0 auto; padding-top:100px; } .num3_wrap{ width:1088px; margin:0 auto; } .styled_h3_daino{border-bottom:1px solid #000; text-align:center; padding-bottom:5px!important;} @media screen and (min-width: 981px) { .post_row { display: flex; /* 横並び用 */ } .post_row .post_col-2.post_daino172 { flex: 0 0 222px; /* 固定幅222px */ max-width: 222px; } .post_row .post_col-2:not(.post_daino172) { flex: 1; /* 残りスペースを使う */ max-width: none; } } .num3_wrap { letter-spacing:0.2em;} .num3_wrap dt{font-size: 18px;} .num3_wrap dt strong{ margin-right: 30px;} .num3_wrap dd{font-size: 14px; color: #999; margin-bottom:65px!important;} .styled_h2_daino{margin-bottom:50px!important;} /* 1) 固定幅をSPで可変化 */ @media screen and (max-width:980px){ #index_slider .caption, .index_free_space, .num3_wrap{ width:100%; max-width:100%; margin:0 auto; box-sizing:border-box; } } /* 2) .num3 の NBSP を実質回避（プロパティ再宣言） */ .num3{ margin:0 auto; /* ← 通常スペースで再宣言して上書き */ } /* 3) .wp-image-95 はPCだけ絶対配置。SPは通常フローに戻す */ @media screen and (max-width:980px){ .wp-image-95{ position:static; transform:none; max-width:100%; height:auto; display:block; margin:0 auto; } } @media screen and (min-width:981px){ /* 念のため、親を相対基準に（必要な親に付け替えてOK） */ .post_row{ position:relative; } } /* 4) PC用 .post_row 指定は一箇所に集約（既存と重複するなら既存を削除/コメントアウト） */ @media screen and (min-width:981px){ .post_row{ width:1088px; margin:0 auto; display:flex; box-sizing:border-box; } .post_row .post_col-2{ width:auto; } .post_row .post_col-2.post_daino583{ flex:0 0 690px; max-width:690px; /* ←あなたの現行値を尊重 */ } .post_row .post_col-2:not(.post_daino583){ flex:1; max-width:none; } .post_row .post_col-2 img{ max-width:100%; height:auto; display:block; } } /* 微調整：丸ポチの縦センターを安定化（%より50%+translateの方がズレにくい） */ ul.styled_ul>li::before{ top:50%; transform:translateY(-50%); } /* ===== SP調整（≤980px）===== */ @media screen and (max-width:980px){ /* 1) 見出し縮小＋字間詰め */ #index_slider .item1 .catch{ font-size: 32px; letter-spacing: 0.02em; line-height: 1.3; word-break: break-word; } /* 2) メニュー右余白を控えめに */ #global_menu > ul{ margin-right: 16px; justify-content: flex-end; /* 右寄せ維持 */ } /* 3) 画像は保険でフルード化 */ img{ max-width:100%; height:auto; } /* DLの読みやすさ改善（折返し＆行間） */ .num3_wrap dt, .num3_wrap dd{ line-height: 1.7; overflow-wrap: anywhere; word-break: break-word; } .num3_wrap dt strong{ display:inline-block; margin-right: 0.5em; } /* 4) 固定箱のはみ出し保険 */ #index_slider .caption, .index_free_space, .num3_wrap{ width:100%; max-width:100%; padding-left:16px; padding-right:16px; box-sizing:border-box; } } .num4{margin-top:180px;} .p_daino18{font-size:18px; margin-bottom:97px!important;}

@media screen and (min-width:981px){
  .post_row{width:1088px;margin:0 auto;display:flex;box-sizing:border-box}
  .post_row .post_col-2{width:auto}

  /* 左：690固定（別セクション） */
  .post_row .post_col-2.post_daino583{flex:0 0 690px;max-width:690px}
  /* 右：余り全部。ただし172用の列は除外しておく */
  .post_row .post_col-2:not(.post_daino583):not(.post_daino172){flex:1;max-width:none}

  /* 今回の左：222固定 */
  .post_row .post_col-2.post_daino172{flex:0 0 222px;max-width:222px}
}
.well3 {
    border: 2px solid #cdc8e2!important;
    background: #fff!important;
	padding:50px!important; padding-bottom:15px!important;
    }
.well3 dl{font-size:17px;}
.p_daino14{ font-size:14px;}
.more{ font-size:15px; text-align:right;}