/*
 Theme Name:   tcd074の子テーマ
 Template:     fake_tcd074
 Author:       グラタス
 Description:  tcd074のカスタマイズ用
 Version:      1.0
*/

/* ==========================================================================
   トップページ コンテンツビルダーのCSS（FAKE更新時切り替え分）
   旧1.9.1 はブロックごとの設定値でCSSを出していたが、2.13 はサイト共通の値を使う。
   旧サイトの見た目に合わせるため、旧1.9.1 が出していたCSSをそのまま置く。
   頭の body は、あとから読まれるテーマ側のCSSに勝つため。
   num は上からのブロック番号
   ========================================================================== */
/* ご挨拶（パララックス） */
body .index_parallax.num3 .catch { font-size:30px; }
body .index_parallax.num3 .desc { font-size:20px; }
body .index_parallax.num3 .overlay { background:rgba(255,255,255,0.3); }
@media screen and (max-width:650px) {
  body .index_parallax.num3 .catch { font-size:20px; }
  body .index_parallax.num3 .desc { font-size:15px; }
}

/* 1．防災・減災 */
body .index_content2.num5 .catch { font-size:30px; }
body .index_content2.num5 .desc { font-size:18px; }
body .index_content2.num5 .link_button a { color:#ffffff; background:#2a5caa; }
body .index_content2.num5 .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num5 .image_content .catch { font-size:30px; color:#ffffff; }
body .index_content2.num5 .image_content .link_button a { color:#ffffff; background:#000000; }
body .index_content2.num5 .image_content .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num5 .image_content .overlay { background:rgba(0,0,0,0.3); }
@media screen and (max-width:650px) {
  body .index_content2.num5 .catch { font-size:20px; }
  body .index_content2.num5 .desc { font-size:15px; }
  body .index_content2.num5 .image_content .catch { font-size:20px; }
}

/* 2．環境未来都市 */
body .index_content2.num7 .catch { font-size:30px; }
body .index_content2.num7 .desc { font-size:18px; }
body .index_content2.num7 .link_button a { color:#ffffff; background:#2a5caa; }
body .index_content2.num7 .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num7 .image_content .catch { font-size:30px; color:#ffffff; }
body .index_content2.num7 .image_content .link_button a { color:#ffffff; background:#000000; }
body .index_content2.num7 .image_content .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num7 .image_content .overlay { background:rgba(0,0,0,0.3); }
@media screen and (max-width:650px) {
  body .index_content2.num7 .catch { font-size:20px; }
  body .index_content2.num7 .desc { font-size:15px; }
  body .index_content2.num7 .image_content .catch { font-size:20px; }
}

/* 3．子ども・高齢者 */
body .index_content2.num9 .catch { font-size:30px; }
body .index_content2.num9 .desc { font-size:18px; }
body .index_content2.num9 .link_button a { color:#ffffff; background:#2a5caa; }
body .index_content2.num9 .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num9 .image_content .catch { font-size:30px; color:#ffffff; }
body .index_content2.num9 .image_content .link_button a { color:#ffffff; background:#000000; }
body .index_content2.num9 .image_content .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num9 .image_content .overlay { background:rgba(0,0,0,0.3); }
@media screen and (max-width:650px) {
  body .index_content2.num9 .catch { font-size:20px; }
  body .index_content2.num9 .desc { font-size:15px; }
  body .index_content2.num9 .image_content .catch { font-size:20px; }
}

/* 4．中小企業 */
body .index_content2.num11 .catch { font-size:30px; }
body .index_content2.num11 .desc { font-size:18px; }
body .index_content2.num11 .link_button a { color:#ffffff; background:#000000; }
body .index_content2.num11 .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num11 .image_content .catch { font-size:30px; color:#ffffff; }
body .index_content2.num11 .image_content .link_button a { color:#ffffff; background:#000000; }
body .index_content2.num11 .image_content .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num11 .image_content .overlay { background:rgba(0,0,0,0.3); }
@media screen and (max-width:650px) {
  body .index_content2.num11 .catch { font-size:20px; }
  body .index_content2.num11 .desc { font-size:15px; }
  body .index_content2.num11 .image_content .catch { font-size:20px; }
}

/* お問い合わせフォーム */
body .index_content2.num14 .catch { font-size:30px; }
body .index_content2.num14 .desc { font-size:16px; }
body .index_content2.num14 .link_button a { color:#ffffff; background:#2a5caa; }
body .index_content2.num14 .link_button a:hover { color:#ffffff; background:#2a5caa; }
body .index_content2.num14 .image_content .catch { font-size:30px; color:#ffffff; }
body .index_content2.num14 .image_content .link_button a { color:#ffffff; background:#000000; }
body .index_content2.num14 .image_content .link_button a:hover { color:#ffffff; background:#333333; }
body .index_content2.num14 .image_content .overlay { background:rgba(0,0,0,0.3); }
@media screen and (max-width:650px) {
  body .index_content2.num14 .catch { font-size:20px; }
  body .index_content2.num14 .desc { font-size:13px; }
  body .index_content2.num14 .image_content .catch { font-size:20px; }
}

/* パララックスコンテンツの文字色変更 青#2a5caa⇒白 影：白⇒黒*/
/* ※ 頭の body は TCDの独自CSS（あとから読まれる）に勝つため。以下同じ */
body .index_parallax .caption {  color:#ffffff; text-shadow: 1px 1px 5px #000000; }

body .youtube{
	width: unset;
    padding-top: unset;
}

/* コンテンツ２高さ調整 PC 高さ400→500 202408*/
body .index_content2 .image_content { width:100%; height:500px; }
@media screen and (max-width:950px) {
body .index_content2 .image_content { width:100%; height:350px; }
}
@media screen and (max-width:650px) {
body .index_content2 .image_content { width:100%; height:250px; }
}

/* 実績 */
.style3aj { margin:15px 0 30px !important; padding:1.2em .15em 0 .15em  !important; border-top:1px solid #ccc;  font-size:20px !important; }

@media screen and (max-width: 767px) {
    .style3aj { margin:30px 0 20px !important; padding:.6em .15em 0 .15em !important; font-size:16px !important; }

}

/* コンテンツ2の下のパディングを小さく */
body .index_content2 {padding:20px 0 15px; }

/* フリースタイルのP*/
.fstylep { font-size:16px ; }

/* フリースペースの上の余白（2.13で100px付くようになった）を旧サイトと同じ0に */
body .index_free_space { padding: unset; }

/* コンテンツ2の写真の余白を外す（親とresponsive.cssの margin を打ち消すため body 付き） */
body .index_content2 .image_content { margin: unset; }

/* 実績の見出し：アイコンと文字を縦中央にそろえる */
.style3aj { display: flex; align-items: center; }