/*
Theme Name: GENESIS Child
Theme URI: https://tcd-theme.com/tcd103/
Template: genesis_tcd103
Author: TCD
Author URI: https://tcd-theme.com/
Description: "GENESIS" is an ideal template for corporate website and sites that introduce web services. The layout and animations are distinctive. You can create an advanced site that does not look like it was created with a template.
Version: 1.12.3.1750770597
Updated: 2025-06-24 22:09:57

*/

.grecaptcha-badge { visibility: hidden; }

/* トップスライドデザイン */
.topslide img {
	width:100%;
}
.cb_free_space {
    padding:0 0 0px 0;
}
@media only screen and (min-width: 960px) {
	.midashihaba {
		padding:5em 0 3em;
	}
}
@media screen and (min-width:600px) and ( max-width:959px) {

}
@media only screen and (max-width: 599px) {

body.home.admin-bar {
    padding-top: 20px !important;
}
}

.content_wide1000 {
	max-width:1000px;
	margin:0 auto;
}
.content_wide1200 {
	max-width:1200px;
	margin:0 auto;
}
.content_wide850 {
	max-width:850px;
	margin:0 auto;
}
/* 怪我労災の方 */
.kegasoudan {
margin-top:10px !important;
border:1px solid #222222;
padding:1px 2px;
border-radius:5px;
}
.kegasoudan p {
	font-weight:bold;
}
.kegasoudan a {
	color:#222222 !important;
}
@media only screen and (min-width: 960px) {
.kegasoudan {
padding:1px 13px;
display:inline-block;
}
}
@media screen and (min-width:600px) and ( max-width:959px) {
.kegasoudan {
padding:1px 13px;
display:inline-block;
}
}
/* はみ出して表示 */
.container_over_white {
    background: #ffffff;
    padding: 0 0;
    margin: 0 auto;
    overflow: hidden;
}
.container_over_gray {
    background: #f6f6f6;
    padding:60px 0;
    margin: 70px auto;
    overflow: hidden;	
}
.container_over_bg2 {
    background-image: url("https://rousai-support.jp/wp2023rousailp/wp-content/uploads/2023/12/bg2.webp");
	 background-repeat:repeat;
	background-color:rgba(255,255,255,0.5);
background-blend-mode:lighten;
    padding:60px 0;
    margin: 70px auto;
    overflow: hidden;	
}
/* 見出し */
.post_content h2 {
    font-size: var(--single_post_title_font_size);
    font-weight: 600;
    line-height: 1.4;
    margin: 2em 0 1.3em 0;
    text-align: center;
}
/* リストのデザイン */
.numberd li {
  margin-left: 1.5em;
  padding-left: 0.3em;
}
.numberd li::marker {
  font-weight: bold;
	font-size:120%;
  color: #0085b2;
}
/* 番号リストのデザイン */
ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
ol li {
  position: relative;
  padding: 0.5em 0.5em 0.5em 35px;
  line-height: 1.5em;
}
ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;/*円にする*/
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol li:after {/*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;/*左からの位置*/
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #5c9ee7;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* DLのデザイン */
.content_wide1000 dl,
.content_wide850 dl {
margin-top:1.5em;
}
.content_wide1000 dd,
.content_wide850 dd{
margin-left:1.7em;
line-height:1.7;
margin-bottom:2em;
color:#333;
border-bottom:1px solid #333;
}
.content_wide1000 dt:before,
.content_wide850 dt:before {
content: "\f0c8";
font-family: 'Font Awesome 6 Pro';
font-weight:900;
margin-right:0.7em;
	color:#333;
}
.content_wide1000 dt,
.content_wide850 dt {
padding-left: 1em;
text-indent: -1em;
	color:#333;
}
/* 問い合わせフォームのデザイン */
/* コンタクトフォーム*/
span.wpcf7-list-item {
margin:6px 0 6px 20px;
display:inline-block;
}
.wpcf7-submit {
background:#db0000;
color:#fff;
font-size:1.3em;
border:none;
font-weight: bold;
width: 430px;
max-width:96%;
padding:2% 3%;
display:block;
margin:0.8em auto;
}
input.wpcf7-confirm {
background:#00c853;
color:#fff;
font-size:1.3em;
border:none;
font-weight: bold;
width: 430px;
max-width:96%;
padding:2% 3%;
display:block;
margin:0.8em auto;
}
input.wpcf7c-btn-back {
background:#b5b5b5;
color:#121212;
font-size:0.9em;
border:none;
width: 180px;
max-width:96%;
padding:2% 3%;
display:block;
margin:0.8em auto;
}
.wpcf7-submit:hover,
input.wpcf7-confirm:hover,
input.wpcf7c-btn-back:hover {
opacity: .6;
filter: alpha(opacity=60);-ms-filter: "alpha(opacity=60)";
}
.wpcf7c-conf {
    background-color: #F5F5F5; /* 背景色 */
    color: black; /* 文字色 */
    border: 1px solid #AEAEAE; /* 周りの線: 太さ　線種 線の色 */
}
span.wpcf7-list-item {
    margin: 6px 20px 6px 0px;
    display: inline-block;
}
.wpcf7 form {
	margin:0 0 !important;
}
.wpcf7 .wpcf7-submit, .wpcf7 .wpcf7-previous {
	background-color:#e5807e !important;
}
/*　ContactForm7のテーブル化レスポンシブ調整　*/
 
/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
	font-size:14px;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    background-color: #EAEAEA;
}
.entry-content th {
	    background-color: #EAEAEA;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: left;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.7em;
    color: #FFF;
    display: inline-block;
    padding: 0.2em 0.4em;
	margin-right:7px;
    background: #f59552;
    border-radius: 2px;
}
 .table-res-form .unrequied {
    font-size: 0.7em;
    color: #FFF;
    display: inline-block;
    padding: 0.2em 0.4em;
	margin-right:7px;
    background-color: #6d6d6d;
    border-radius: 2px;
}
/*ここから768px以下の指定*/
 
@media only screen and (max-width: 599px) {
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
	/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding:1em 0.5em 0.5em 0.5em;
}
    .table-res-form th {
        text-align: left;
			border-bottom:0px solid #000;
    }
}
 
/*ここまで768px以下の指定---終わり*/
 
/*ここから入力欄のスタイル指定*/
 
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #4C9ED9;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
}
.wpcf7 select {
	display:block;
}
/* コンタクトフォームend  */
/* フッターバナーの画像 */
#footer_banner a:after {
    opacity: 0.4;
}
.keisenbox {
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  padding: 20px 10px;
}
/* 補足などの枠 */
.hosokubox_red {
border: 1px solid #e65d29;
border-radius:15px;
background-color:#efcabc;
padding: 10px 10px;
margin-bottom:50px;
}
/* 実績の画像幅 */
.jisseki img {
	margin:7px 0 !important;
}
/* 全国対応の幅*/
@media only screen and (min-width: 960px) {
	.zenkoku img { width:60%;
	}
}

/* お客様の声のカード*/
.feedback-card,
.feedback-card2 {
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
padding: 20px 30px;
max-width: 700px;
margin:0 auto 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.feedback-card p {
font-size: 17px;
color: #222222;
line-height: 1.7 !important;
font-weight:bold;
margin-bottom:5px !important;
}
.feedback-card2 p {
font-size: 17px;
color: #222222;
line-height: 1.7 !important;
margin-bottom:5px !important;
}
.feedback-name {
	text-align:right;
}
.feedback-name p{
	font-size:90%;
}
.feedback-title p{
	font-size:1.1em;
	font-weight:bold;
}
@media (max-width: 480px) {
.feedback-card,
.feedback-card2 {
padding: 15px;
}
.feedback-card p,
.feedback-card2 p,{
font-size: 16px;
}
}
/* グラデーション枠 */
.waku_grade1 {
	border: 10px solid;
  width: auto;
	border-image:linear-gradient(to right, #c33764, #1d2671) 1;
	padding:30px 15px;
	margin:20px auto 20px;
	background-color:#ffffff;
}
.waku_grade2 {
	border: 10px solid;
  width: auto;
	border-image:linear-gradient(to right, #00a1e5, #00ffbc) 1;
	padding:30px 15px;
	margin:20px auto 20px;
	background-color:#ffffff;
}
@media only screen and (min-width: 960px) {
	.waku_grade1,
	.waku_grade2 {
		padding:30px 45px;
	}
}