@charset "utf-8";
/*
Theme Name: SOLARIS child
Theme URI:https://tcd-theme.com/tcd088
Description:WordPressテーマ「SOLARIS」の子テーマ
Template:solaris_tcd088
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/

/* PCでもトップに戻るボタンを表示 */
#return_top { display:block !important; }

/* ライン付き見出しのライン色をメインカラーに */
:is(.design_headline2, .tcdce-body .design_headline2) span.title { border-top: 3px solid #f30e2d;}

/*****************
Custom DataList
******************/

.row-datalist {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
}

.row-datalist .row-datalist_item {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.row-datalist .row-datalist_item dt {
  width: 150px;              /* 左側の幅を固定 */
  font-weight: bold;
  flex-shrink: 0;            /* 幅を維持する */
  position: relative;       /*セパレーター配置のための指定 */
}

.row-datalist .row-datalist_item dd {
  margin-bottom:0;
  flex-grow: 1;              /* 残りの幅をすべて使う */
}

/*セパレーター*/
.row-datalist .row-datalist_item dt::after {
  content: "|";
  position: absolute;
  right: 20px;
  color: #ccc;
  font-weight: normal;
}

/****************
お問い合わせフォーム
*****************/

.contact7 dt {
  margin-top: 40px;
}

.contact7 .must,
.contact7 .optional {
font-size: 12px;
 padding: 6px 8px;
  margin-right: 8px;
  border-radius: 10%;
}

.contact7 .must {
  color: #fff;
  background-color: #f30e2d;
}

.contact7 .optional {
  border: 1px solid #000;
}

/************
Custom Table
*************/

.risus-custom-table {
  width: 100%;
  border-collapse: collapse; 
  background-color: #f5f5f5;
}

/************
企業理念ページ用
*************/

.philosophy-header {
 color: #f30e2d;
}

h2.philosophy-header { 
  text-align:center;
  font-size:20px
}

.philosophy-text {
text-align:center;
font-size:24px;
}

.action {
display:flex;
flex-direction:column;
align-items:center;
gap:1em;
}

.action-row {
width:80%;
text-align:left;
}

/***********
 TOPページ用
 ***********/
 /* 実績一覧準備中セクションのパディング */
 #cb_content_4 .cb_headline{
  padding-top: 2em;
 }