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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ページ内リンク スクロール */
html {
  scroll-behavior: smooth;
}

/* フォントを明朝体に変更 */
body{
	font-family: '游明朝','Yu Mincho','游明朝体','YuMincho',serif;
}

/* フロントページ以外のヘッダー、フッターの一部項目を非表示 */
body:not(.home) .navi-in > ul #menu-item-27 {
	display: none;
}
body:not(.home) .navi-in > ul #menu-item-30 {
	display: none;
}
body:not(.home) .navi-in > ul #menu-item-31 {
	display: none;
}
body:not(.home) .not-menu {
    display: none;
}

/* ヘッダーの各リンク幅変更 */
.navi-in > ul li {
width: 200px;
font-weight: bold;
}
.navi-in > ul #menu-item-30 {
width: 250px;
}
.navi-in > ul #menu-item-34 {
width: 140px;
}

/* ヘッダーのお問い合わせをボタンに変更 */
.navi-in > ul #menu-item-34 a {
	background: linear-gradient(to top, rgb(136, 17, 25), #D7000F);
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 6px auto;
    max-width: 250px;
    padding: 10px 0px;
    font-family: '游明朝','Yu Mincho','游明朝体','YuMincho',serif;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}
.navi-in > ul #menu-item-34 a:hover {
/*     background: rgba( 215, 0, 15, 0.8 ); */
    color: #fff;
	opacity: 0.5;
}
.navi-in > ul #menu-item-34 a:after {
/*     content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out; */
}
.navi-in > ul #menu-item-34 a:hover:after {
    border-color: #FFF;
}

/* ヘッダー固定時のロゴサイズ */
.fixed-header .site-logo-image {
	width: 225px;
}

/* ヘッダーの文字をポイントした時の色 */
.navi a:hover {
  color: #0470b2; /* 文字色を変えたい色に設定 */
  background-color: transparent; /* 背景色を透明に設定 */
}

/* フッター下 */
#custom_html-2{
	margin-bottom: 0;
}

/* メインビジュアル（アピールエリア）サイズ調整 */
.appeal{
 width: 100%;/*横いっぱいに表示*/
/*  height: calc(100vw * calc(400 / 1920)); */
	/*幅に合わせて高さを変更*/
 /*400/1920は画像の比率に合わせて変更*/
 max-height: 600px;/*最大高さ*/
 margin: auto;/*中央揃え*/
 background-size: cover;/*画像全体を表示*/
}

/* フロントページ h1タイトルの両端に線 */
#post-2 h1, #post-82 h1, #post-86 h1, #post-88 h1, #post-3 h1, #post-90 h1, #post-92 h1 {
    display: flex;
    align-items: center;
}

#post-2 h1:before, #post-82 h1:before, #post-86 h1:before, #post-88 h1:before, #post-3 h1:before, #post-90 h1:before, #post-92 h1:before,
#post-2 h1:after, #post-82 h1:after, #post-86 h1:after, #post-88 h1:after, #post-3 h1:after, #post-90 h1:after, #post-92 h1:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

#post-2 h1:before, #post-82 h1:before, #post-86 h1:before, #post-88 h1:before, #post-3 h1:before, #post-90 h1:before, #post-92 h1:before {
    margin-right: 1.5rem;
}

#post-2 h1:after, #post-82 h1:after, #post-86 h1:after, #post-88 h1:after, #post-3 h1:after, #post-90 h1:after, #post-92 h1:after {
    margin-left: 1.5rem;
}

/* 経営戦略 メインビジュアル */
.page-id-82 .appeal {
  background-image: url('https://usui-independent.com/wp-content/uploads/2024/11/management_strategy.jpg');
 width: 100%;
 max-height: 630px;
 margin: auto;
 background-size: cover;
}

/* 業務改善支援 メインビジュアル */
.page-id-86 .appeal {
  background-image: url('https://usui-independent.com/wp-content/uploads/2024/11/support-1.jpg');
 width: 100%;
 max-height: 630px;
 margin: auto;
 background-size: cover;
}

/* 新規事業企画 メインビジュアル */
.page-id-88 .appeal {
  background-image: url('https://usui-independent.com/wp-content/uploads/2024/11/new_business-1.jpg');
 width: 100%;
 max-height: 630px;
 margin: auto;
 background-size: cover;
}

/* 情報化企画 導入・運用 メインビジュアル */
.page-id-90 .appeal {
  background-image: url('https://usui-independent.com/wp-content/uploads/2024/11/it_strategy-1.jpg');
 width: 100%;
 max-height: 630px;
 margin: auto;
 background-size: cover;
}

/* 主な事例一覧 メインビジュアル */
.page-id-92 .appeal {
  background-image: url('https://usui-independent.com/wp-content/uploads/2024/11/project-1.jpg');
 width: 100%;
 max-height: 630px;
 margin: auto;
 background-size: cover;
}

/* プライバシーポリシー メインビジュアル非表示 */
.page-id-3 .appeal{
	display: none;
}

/* ブロックの背景を横幅いっぱい */
.full-wide{
	width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

/* サービスの両端に線 */
/* .full-wide h2{
    display: flex;
    align-items: center;
}

.full-wide h2:before,
.full-wide h2:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
}

.full-wide h2:before {
    margin-right: 1.5rem;
}

.full-wide h2:after {
    margin-left: 1.5rem;
} */

/* サービスブロック */

.service-column table tr:nth-of-type(2n+1){
	background: none;
}

.service-column td{
	border: none;
}

.service-column a{
	text-decoration: none;
	color: #333;
}
.service-column a:hover {
  color: #0470b2;
}

/* 代表紹介 */
.representative-height{
	min-height: 950px;
	margin-top: 80px;
}

/* 代表紹介の両端に線 */
.full-wide h3 {
    display: flex;
    align-items: center;
	border: none;
	padding: 25px 0;
}

.full-wide h3:before,
.full-wide h3:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #333;
}

.full-wide h3:before {
    margin-right: 1.5rem;
}

.full-wide h3:after {
    margin-left: 1.5rem;
}

/* コンサルティングスタイル,会社概要,お問い合わせ 両端に線 */
.title-line h2{
    display: flex;
    align-items: center;
	background: none;
	padding: 25px 0;
}

.title-line h2:before,
.title-line h2:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #333;
}

.title-line h2:before {
    margin-right: 1.5rem;
}

.title-line h2:after {
    margin-left: 1.5rem;
}

/* コンサルティングスタイル */
.consulting-mt{
	margin-top: 60px;
}
.wp-block-buttons .btn-mb{
	margin-bottom: 50px;
}


/* お問い合わせ margin-top */
.inquiry-mt{
	margin-top: 75px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1255px以上*/
@media screen and (min-width: 1255px){
    .wrap {
        width: auto;
        max-width: 1140px;
    }
/* 	.appeal-in {
    min-height: 630px;
} */
}
/*1254px以下*/
@media screen and (max-width: 1254px){
  /*必要ならばここにコードを書く*/
    .appeal-in {
    min-height: 500px;
}
}

/*1023px以下*/
@media screen and (min-width: 1024px){
  /*必要ならばここにコードを書く*/
	    .wrap {
        width: 80%;
        max-width: 960px;
    }
	
	.navi-in > ul li {
    width: 70px;
    font-weight: bold;
  }
    .navi-in > ul #menu-item-30 {
    width: 280px;
  }	
}
@media screen and (max-width: 1024px){
	.appeal-in {
    min-height: 380px;
}

/* 会社概要 タブレット縦並び */
body .company-block {
	display: block!important;
}
	
/* 臼井経営研究所 margin-top	*/
	.c-address .c-name{
		margin-top: 30px;
	}

/* ヘッダーロゴ 中央配置 */
	.logo-menu-button img {
		margin-left: 45px;
	}
}

/*834px以下*/
@media screen and (min-width: 768px){
  /*必要ならばここにコードを書く*/
		.wrap {
        width: 85%;
        max-width: 750px;
    }
}
@media screen and (max-width: 768px){
		.appeal-in {
    min-height: 240px;
}

/* ヘッダーロゴ 中央配置 */
	.logo-menu-button img {
		margin-left: 45px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  /* メインビジュアル SP */
    .appeal{
        background-image: url(https://usui-independent.com/wp-content/uploads/2024/11/top_mainvisual_sp3.jpg);
    }
	.appeal .appeal-in {
        min-height: 550px;
    }
	
/* 経営戦略メインビジュアル */
	.page-id-82 .appeal {
		background-image: url(https://usui-independent.com/wp-content/uploads/2024/11/management_strategy_sp2.jpg);
	}
	
/* 業務改善支援メインビジュアル */
	.page-id-86 .appeal {
		background-image: url(https://usui-independent.com/wp-content/uploads/2024/11/support_sp2.jpg);
	}
	
/* 新規事業企画メインビジュアル */
	.page-id-88 .appeal {
		background-image: url(https://usui-independent.com/wp-content/uploads/2024/11/new_business_sp2.jpg);
	}
	
/* 情報化企画 導入・運用メインビジュアル */
	.page-id-90 .appeal {
		background-image: url(https://usui-independent.com/wp-content/uploads/2024/11/it_strategy_sp2.jpg);
	}

/* 主な事例一覧メインビジュアル */
	.page-id-92 .appeal {
		background-image: url(https://usui-independent.com/wp-content/uploads/2024/11/project_sp2.jpg);
	}
	
/* h1 フォントサイズ */
	#post-2 h1 {
		font-size: 24px;
	}

/* サービスブロック 縦並び */
  .has-fixed-layout td {
        display: block;
        width: 100%;
    }
	.wp-image-166, .wp-image-167, .wp-image-169{
		margin-top: 20px;
	}

/* 代表紹介 margin-bottom */
	.full-wide h3{
		margin-bottom: 0;
	}

/* タイトル横線のmargin */
#post-82 h1:before, #post-86 h1:before, #post-88 h1:before, #post-3 h1:before, #post-90 h1:before, #post-92 h1:before {
    margin-right: 0.3rem;
}
#post-82 h1:after, #post-86 h1:after, #post-88 h1:after, #post-3 h1:after, #post-90 h1:after, #post-92 h1:after {
    margin-left: 0.3rem;
}
	
.title-line h2:before {
    margin-right: 0.8rem;
}
.title-line h2:after {
    margin-left: 0.8rem;
}

/* ボタン幅 */
	.wp-block-buttons>.wp-block-button.wp-block-button__width-50{
		width: 100%;
	}	
	
/* ヘッダーモバイルボタンを右からスライド */
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/* ヘッダーロゴ 中央配置 */
	.logo-menu-button img {
		margin-left: 45px;
	}
}

/* お知らせ追加 */
.alert-notice{
  background:#fff2f2;
  border:2px solid #D7000F;
  padding:12px 16px;
  margin:12px 0 70px 0;
  font-size:1em;
}
.alert-notice a{
  text-decoration:none;
}
.alert-notice .label{
  display:inline-block;
  background:#D7000F;
  color:#fff;
  padding:2px 6px;
  font-size:20px;
  margin-right:6px;
  font-weight: bold;

}
.widget-title{
	font-weight: bold;
	font-size:22px;
}