@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,
body{
	overflow-x:hidden!important;
}
body .container{
	font-family: 'Noto Sans JP', serif;
	background:#fff;
}

.home .article h1,.page .date-tags,.author-info,.home .entry-title{
	display:none;
}

.entry-content{
	padding:0 5px;
}

.entry-content,.content{
	margin-top:0;
}
.entry-content{
	margin-top:30px;
}

.entry-content p {
line-height: 1.5;
}

/************************************
****　AIリスキリング研修
************************************/
/* tableレイアウト */
figure.wp-block-table.contents-table {
	max-width: 840px;
	margin-inline: auto; 
}

/* レスポンシブ時に横スクロールへ */
@media screen and (max-width: 599px) {
	figure.wp-block-table.contents-table {
		overflow-x: scroll;
		white-space: nowrap;
	}
}

/* tableの一番左のtdのレイアウト */
figure.wp-block-table.contents-table td:first-child {
	width: 80px;
	text-align: center;
	background: #E5F2FF;
	font-weight: 700;
}

/* AIスキルtableの一番左のtdのレイアウト */
figure.wp-block-table.orange-table td:first-child {
	width: 80px;
	text-align: center;
	background: #ffeac7;
	font-weight: 700;
}

/* オレンジテーブル内で highlight-blue が付いた「左端セル」だけ青背景にする */
figure.wp-block-table.orange-table tr.highlight-blue td:first-child,
figure.wp-block-table.orange-table td.highlight-blue:first-child {
  background: #E5F2FF !important;
}



/* tableの一番左の二番目のtdのレイアウト */
figure.wp-block-table.contents-table._type2 tbody tr:nth-of-type(2) td:first-child {
	background: #FFEAC7;
}

/* tableの一番左のtdのレイアウト */
figure.wp-block-table.contents-table._type2 td:first-child {
	width: 300px;
}

/* tableの大きさ維持 */
figure.wp-block-table table {
	width: 100%;
}

/* tableのthのレイアウト */
figure.wp-block-table.contents-table thead th {
	border: none;
	border-radius: 12px 12px 0 0;
}

/* tableの最初のthのレイアウト */
figure.wp-block-table.contents-table thead th:first-child {
	background: #E5F2FF;
}

figure.wp-block-table.orange-table thead th:first-child {
  background: #ffeac7;
}

/* tableの最初のth以外のレイアウト */
figure.wp-block-table.contents-table thead th:not(:first-child) {
	background: #EEEEEE;
}

/* ._type2のtableの最初のthのレイアウト */
figure.wp-block-table.contents-table._type2 thead th {
	background: #eee;
}

/* table二つ目のcolor変更 */
.wp-block-group figure.wp-block-table.contents-table:nth-of-type(2) td:first-child,
.wp-block-group figure.wp-block-table.contents-table:nth-of-type(2) thead th:first-child {
	background: #FFEAC7;
}

/* theadのborder-color変更 */
.wp-block-group figure.wp-block-table.contents-table:not(:nth-of-type(2)) thead {
	border-bottom-color: #0066CC;
}

/* theadのborder-color変更 */
.wp-block-group figure.wp-block-table.contents-table:not(:nth-of-type(2)) thead {
	border-bottom-color: #0066CC;
}

/* AIのtheadのborder-color変更 */
.wp-block-group figure.wp-block-table.orange-table:not(:nth-of-type(2)) thead {
	border-bottom-color: #FFA103;
}


/* ._type2のtheadのborder-color変更 */
.wp-block-group figure.wp-block-table.contents-table._type2 thead {
	border-bottom-color: initial;
}
/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
box-shadow: none;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}



/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

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

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/* 見出し----------------- */
h1 {
	text-align: left;
	font-size: 3rem;
	margin-bottom:5em;

}

.article h2{
	background:none;
	font-size:2rem;
	border:initial;
	color:#4b9bf4;
}

.article h2 {
	text-align:center;
}

.article h4 {
	background-color: #e0e0e0;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
		#header-container-in .H-right{
		display:none;
	}
	
/* -TOP- */
	.top-sec03 .box .item{
		width: 100%;
		max-width: 800px;
		margin: 0.5em auto;
	}
	.top-sec03 .box .item .wrap-item{
		padding: 1.5em 1em;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
		.fl-item{
		width:100%;
	}
	.Footer-area .fl-item{
		width: 80%;
  		margin: 1em auto;
	}
	
/* -TOP- */
	.top-sec02 .width-1200{
		max-width:500px;
	}
	.top-sec02 .box .item{
		width: calc((100% / 2) - 1em);
		padding: 2em 0;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.pc-main,
	.pc-480{
		display:none;
	}
	.sp-main,
	.sp-480{
		display:block;
	}
	
	.Footer-area.F-top .f-address .txt-tel {
		font-size: 1.8rem;
	}
}


/*固定ページ*/
.introduction-text {
	text-align:center;
	margin-bottom:40px;
}