@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
*/


/************************************
** 固定ページtitle非表示
************************************/
.page #main .entry-title{
  display: none;
}
/************************************
** コンテンツ幅
************************************/
.entry-content {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
/************************************
** フッターメニュー幅
************************************/
@media screen and (min-width: 1024px){
#navi-footer{
	max-width: 648px;
}}
/************************************
** 「テキストデザインリセット用のコード」
************************************/
/*H1 */
.entry-content h1{
border:none;
background:none;
padding: 0;
}
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
margin-bottom:0;
}


/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}
/* p */
.entry-content p{
border:none;
background:none;
padding: 0;
margin-bottom:0;
	font-size:14px;
}


/************************************
** メニュー縦幅調整
************************************/

.navi-in a {
	font-size:14px;
}

.navi-in > ul {
	  padding: 20px;
	 flex-wrap: nowrap;
}
/************************************
** ヒーローヘッダー
************************************/
.full {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);
background: url("http://orange007.conohawing.com/rmtrust/wp-content/uploads/2025/07/rm_topimg2.jpg") center / cover;
}
.hero{
     margin-left: calc(50% - 50vw); 
}
/************************************
** 各ページヘッダーイメージ
************************************/
.pageheader{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
/************************************
** コンテンツバックグラウンド
************************************/
/*.page-id-257 .main,
.page-id-2 .main,
.page-id-267 .main,
.page-id-259 .main,
.page-id-261 .main,
.page-id-270 .main,
.page-id-273 .main,
.page-id-3 .main,
.page-id-255 .main,
.page-id-275 .main,
.page-id-8 .main,
.page-id-253 .main,
.page-id-257 .main,
.page-id-265 .main,
.page-id-561 .main,
.page-id-269 .main,
.page-id-12 .main,
.page-id-249 .main,
.page-id-363 .main,
.page-id-263 .main,
.page-id-14 .main,
.page-id-251 .main,
.page-id-16 .main,
.page-id-18 .main,
.page-id-20 .main,
.page-id-2 .main,
.page-id-2 .main{
	background-color:#ddd;
}*/
/*.layout-box{
	background-color:#fff;
	padding:3em 1.5em;
}*/

.business-container{
	padding:0em 0em!important;
	background-color:white;
}
.business-container p {
	margin-top:.5em;
}
/*480px以下*/
@media screen and (max-width: 480px){
 .business-container{
	padding:2em 1em!important;
	 }
	.article .wp-block-columns :nth-child(odd):nth-last-child(2) {
    margin-bottom: 0;
    width: 30%;
}
}

/*****************************行間**************************************/
.line-h {
    margin-top: .5rem!important;
}
.line-hs{
    margin-top: 0rem!important;
}
/*****************************メニュー縦幅調整**************************************/
.navi-in > ul {
	  padding: 20px;
}

/*****************************メニューホバー**************************************/
#navi .navi-in a:hover {
  background-color: #dc143c;
  transition: all 0.3s ease-in-out;
 color: white;
}

/************************************
** 見出し変更
************************************/
.page-id-14 h2{
	border-bottom: 3px solid #000;
}


.page-id-12 h1,
.page-id-20 h1,
.page-id-10 h1,
.page-id-16 h1{
	border-bottom: 3px solid #dc143c;
	color: #dc143c;
	margin-top:2em;
	margin-bottom:1em;
	font-size:xx-large;
}

.page-id-261 h2,
.page-id-561 h2,
.page-id-1081 h2,
.page-id-1064 h2,
.page-id-12 h2,
.page-id-14 h2,
.page-id-263 h2,
.page-id-363 h2,
.page-id-2999 h2
{
	border-bottom: 3px solid #dc143c;
	color: #dc143c;
	margin-top:2em;
	margin-bottom:1em;
}
.page-id-267 h3,
.page-id-255 h3{
		border-bottom: 3px solid #dc143c;
	color: #dc143c;
	margin-top:2em;
	margin-bottom:1em;
}
.page-id-275 h1,
.page-id-249 h1,
.page-id-253 h1,
.page-id-251 h1{
	margin-top:-2em;
}

.home .article h1{
	background-color: transparent;
}
.page-id-12 h2{
	font-weight:normal;
}
/************************************
** ニュースリスト
************************************/
ul.news_list{
	list-style:none;
	padding-left:0;
}
ul.news_list li{
	margin:4em 2em 0 auto;;
}
.news_date{
	margin-right:3rem;
}
.news_title{
	margin-right:1rem;
}
.news_list hr{
	margin-top:4em;
}
/*informationリンク*/
.news-info a {
    text-decoration: none; /* 初期状態で下線を消す */
  }

.news-info a:hover {
    text-decoration: underline; /* ホバー時に下線を表示 */
  }
.news-info a{
	color:#000;
}
.add_New,
.add_New a{
    text-decoration: none;
	background-color:crimson;
	color:white;
	padding:.2em;
	border-radius: 5px;
	
}
/************************************
** トップページセクション
************************************/
.full-white{
	  margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw);
      padding-right: calc(50vw - 50%);
      padding-left: calc(50vw - 50%);
	  background-color:white;
	}
.top_img{
	width:100%;
}
/************************************
** 主要事業
************************************/
.business-container2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: flex-start;
	align-items: baseline;
	margin-bottom:0!important;
}
.service-card {
	background-color:crimson;
	width:20%;
}
.motto{
	text-align:end;
	padding:0 .5rem .5rem 0;
	margin-top:0!important;
}
/**.motto a{
    color:#000;
	text-decoration: none;
	background-color:white;
	padding:0 .5rem .5rem 0;
	margin-top:0!important;
}**/
.has-ex-f-color{
	margin-bottom:0!important;
}

.btn:hover{
transform: translateY(4px);
-webkit-transform: translateY(4px);
}
/*****************************お問い合わせ********************************************/
.full2 {
	  margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw);
      padding-right: calc(50vw - 50%);
      padding-left: calc(50vw - 50%);
	  padding-top:3rem;
      background: url("https://bodo.mixh.jp/rm-test2/wp-content/uploads/2023/06/download2-1.jpg") center / cover;
	  padding-bottom:4em;
    }
.full2 h2{
	color:white;
	font-size:2em;
	margin-bottom:1.5em;
}
.toi{
	padding:3rem;
    background-color:white;
	}
/************************************
** テーブル
************************************/
.about-table td{
	padding-left:1em;
}
.container table tr {
  background-color: transparent;
}

/************************************
** 事業一覧TOP
************************************/
.business-hed-wap{
	position: relative;
}
.business-hed-wap img{
	margin-left:10%;
}
.business-hed-text {
	background-color:#fff!important;
	padding:2em!important;
    position: absolute;
    top:15%;
    left: 0%;
    width: 50%;
}
/*834px以下*/
@media screen and (max-width: 834px){
.business-hed-text {
    position: static!important;
    width: 100%!important;
}
.business-hed-wap img{
	margin-left:0%;
	width:100%;
}
}
/************************************
** bpo
************************************/
.page-id-259 h2{
	border-bottom: 3px solid #dc143c;
	color: #dc143c;
	margin-top:2em;
	margin-bottom:1em;
}
/************************************
**ご入居者様へ
************************************/
.page-id-997 h1{
	line-height:2rem;
	}
.page-id-997  h3{
	text-align:center;
}
/************************************
** MORE
************************************/
.more-top{
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
display: flex;
justify-content: center;	
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
 	.service-card{
	width:45%;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
		.service-card{
	width:100%;
}
	.article .wp-block-columns :nth-child(odd):nth-last-child(2) {
    margin-bottom: 0;
    width: 100%;
}
	
	.rt-bt-text a{
		font-size:.9rem!important;
		
	}
}
 /*.home .entry-content h2 {
    border: none;
    background: red;
    padding: 0;
    margin-bottom: 0;
    color: white;
    padding: 0.5em;
    border-radius: 10px;
    display: table;
}*/
ul.news_list li {
    margin: 2em 2em 0 0;
}
.news_list hr {
    display: none;
}

/************************************
** 追加メニュー
************************************/
 /*
#menu-item-973 a,
#menu-item-972 a{
	font-size:small;
	color:white;
	background-color:#E3081D;
	border-radius:20px;
	margin-left:.5rem;
	padding: 0 0.5rem!important;
	line-height: 40px;
	margin-top: 10px;
	}
#menu-item-973 a:hover,
#menu-item-972 a:hover{
	opacity: 0.5 ;
}*/
/************************************
** 沿革
************************************/
/*タイムライン全体の設定*/
.timeline{
	max-width: 400px;
	width:100%;
	margin:50px auto;
	padding:0 30px;
}

.timeline li{
    /*線の起点とするためrelativeを設定*/
    position: relative;
	list-style: none;
	padding:0 0 20px 0;
}

.timeline dl{
	margin:0 0 20px 3em;
}

/*絶対配置で線を設定*/
.border-line {
    /*線の位置*/
	position: absolute;
	left:0.2em;
	top:0;
	width:2px;/*線の太さ*/
	height:0;/*はじめは高さを0に*/
	background: #ccc;
}

/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:10px;
	height: 10px;
	background:#666;
	border-radius: 50%;
}
.timeline {
    max-width: 1200px;
}
.timeline dt{
	font-weight:bold;
	margin-bottom:1.5em;
}

.flow-container {
  max-width: 500px;
  margin: 0 auto;
}

.flow-block {
  margin: 0 auto 60px;
}

.flow-block p {
  margin: 0;
  padding: 1em 0;
  background-color: #CF2E2E;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.flow-block::after {
content: '';
display: block;
background-color: #CF2E2E;
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
width: 100%;
height: 50px;
margin-top: -0.5px;
}

.wid100 {
  width: 100%;
}

.wid50 {
  width: 80%;
}
/* Contact Form 7 */
/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #f58694; /* 背景色 */
	border-radius: 5px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #7fbfff; /* 背景色 */
	border-radius: 5px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8; /* 枠線の色 */
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を見やすくする */
.wpcf7-validates-as-required {
	background: #eff1f5; /* 背景色 */
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%; /* 好みで60〜80%でもOK */
	height: 60px;
	border-color: #ffbf7f; /* 枠線の色 */
	background: #ffbf7f; /* ボタンの色 */
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 2px;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}
/************************************
** サイトマップ
************************************/