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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.introduction-container{
	border:2px #4285f4 solid;
	background-color:rgba(75, 75, 75, 0);
	border-radius:.3em;
	padding-top:1em;
	margin-right:.5em;
	margin-left:.5em;
	margin-bottom:1em;
	
}
.sns-share{
	display:none;
}

.article-footer{
	display:none;
}
.under-entry-content{
	display:none;
}
.date-tags{
	display:none;
}

/* ヘッダー背景色 */
.logo{
	background-color:white;
}
.tagline{
	display:none;
}
/* スマホ画面のスタイル */
.logo-header img {
  max-width: 100%; /* 画面幅に合わせて画像を表示 */
}

/* ヘッダー背景色 */
body .header-container{
    line-height: 0px !Important;
	background-color:white;
}

.logo{
	padding:0px;
}

/* PC画面のスタイル */
@media only screen and (min-width: 768px) {
  .logo-header img {
    width: 400px; /* 画像の横幅を固定値に設定 */
    height: auto; /* 高さは自動調整 */
    float: left; /* 左寄せ */
  }
  .logo-header a{
    float: left; /* 左寄せ */
}
}

/* PC画面のスタイル */
@media only screen and (min-width: 768px) {
	#content {
  display: flex;
  justify-content: center; /* 横方向に中央揃え */
  align-items: center; /* 縦方向に中央揃え */
  position: relative;
}
	.responsive-container-mv{
		padding-left:20%;
		padding-right:20%;
	}
	#fixed-toc{
		  position: absolute;
  top: 0; /* 位置を調整 */
  right: 0; /* 画面右端に固定 */
	}
	#content-in{
		margin-right:0px;
		margin-left:0px;
	}

}

#breadcrumb{
	margin-top:0px;
	padding:0px;
	text-align:center;
	background-color:#f4f6f8;
	padding-top:.4em;
	padding-bottom:.4em;
	background-color: #f0f0f0;
	box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

#breadcrumb a{
	color:#008ad3;
}
.breadcrumb-caption:nth-of-type(2){
}


.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o {
	display: none; /*非表示*/
}

#main{
padding-top:0px !important;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:0px;
	padding-bottom:.5em;
}
#content{
margin-top:0px;
}
.entry-title{
	text-align:center;
	margin-bottom:.3em;
	padding-bottom:0px;
	margin-top:.3em;
	padding-top:0px;
}
.entry-content{
	margin-top:0px !important;
}

.fv-table table{
	border:1px rgba(75, 75, 75, 0.2) solid;
}
.fv-table table td{
	background-color:white;
	border:0px;
}

.fv-table table tr:nth-of-type(1) td:nth-of-type(1){
    vertical-align: middle !important; /* 垂直中央寄せ */
	background-color:white;
	padding-top:1.5em;
	padding-bottom:1em;
}
.fv-table table tr:nth-of-type(1) td:nth-of-type(1) img{
	max-width:70%;
	text-align:center !important;
}

.fv-table table tr:nth-of-type(1){
border-bottom:1px rgba(75, 75, 75, 0.2) solid;
}
.fv-table table tr:nth-of-type(2) {
line-height:1.3em;
}
.fv-table table tr:nth-of-type(2) td:nth-of-type(1){
border-right:1px rgba(75, 75, 75, 0.2) solid;
}
.fv-table table tr:nth-of-type(2) td:nth-of-type(2){
border-right:1px rgba(75, 75, 75, 0.2) solid;
}

p.honbun{
		margin-right:1em;
	margin-left:1em;
	margin-bottom:1.8em;
	font-size:.9em;
	line-height:1.6em;
}

h2{
	padding-top:.7em !important;
	padding-bottom:.7em !important;
	margin-bottom:1em !important;
	text-align:center;
	border:0px !important;
	border-radius:0em !important;/*角の丸みリセット*/
	background-color:black !important;
	color:white;
	font-size:1.2em !important;
}
h3{
	background-color:initial !important;/*背景色リセット*/
	border:initial !important;/*上下左右の枠線リセット*/
	border-radius:initial !important;/*角の丸みリセット*/
	background-color:white;
	border:0px; 
	font-weight:1.1em;
}

.normal-table{
padding-left:1em;
	padding-right:1em;
}
.normal-table table{
	    border-collapse: collapse !imoprtant;
}

.normal-table table th{
background-color:rgba(75, 75, 75, 1);
	color:white;
	border:rgba(75, 75, 75, 0.2) 1px solid;
}

.normal-table table td{
	border:rgba(75, 75, 75, 0.2) 1px solid;
}
.normal-table table tr:nth-of-type(1n+1) td:nth-of-type(1){
	background-color:#fafafa;
	font-weight:bold;
}
.normal-table table tr:nth-of-type(1n+1) td:nth-of-type(2){
	background-color:white;
}
.wp-block-table thead{
	border-bottom:0px;
}
.wp-element-caption{
	text-align:center;
}


.nenshu-ranking{
padding-left:1em;
	padding-right:1em;
}
.nenshu-ranking table{
		border:1px rgba(75, 75, 75, 0.2) solid;
}
.nenshu-ranking table th{
	background-color:rgba(75, 75, 75, 1);
	color:white;
	border:rgba(75, 75, 75, 0.2) 1px solid;
}
.nenshu-ranking td{
	background-color:white;
	border:0px;
}
.nenshu-ranking tr:nth-of-type(1) td{
	padding-bottom:0px;
}
.nenshu-ranking tr:nth-of-type(2) td{
	padding-top:0px;
}
.nenshu-ranking tr:nth-of-type(3) td{
	padding-bottom:0px;
}
.nenshu-ranking tr:nth-of-type(4) td{
	padding-top:0px;
}
.nenshu-ranking tr:nth-of-type(2){
	border-bottom:rgba(75, 75, 75, 0.2) 1px solid;
}
.nenshu-ranking tr:nth-of-type(1n+1) td:nth-of-type(1){
	border-right:rgba(75, 75, 75, 0.2) 1px solid;
}

.shogai-table{
padding-left:1em;
padding-right:1em;
}

.shogai-table table th{
background-color:rgba(75, 75, 75, 1);
	color:white;
	border:rgba(75, 75, 75, 0.2) 1px solid;
}

.shogai-table table tr:nth-of-type(1){
background-color:white;
}

.margin-side{
padding-left:1em;
padding-right:1em;
padding-bottom:2em;
}

.inlineimg-middle img{
	    display: block; /* 画像をブロック要素にすることで下の余白をなくす */
}

.female-rate{
	padding-right:1em;
	padding-left:1em;
}

.female-rate th{
	background-color:rgba(75, 75, 75, 1);
	color:white;
}
.female-rate td{
	background-color:white;
}
.female-rate td:nth-of-type(2){
	line-height:1.6em;
}
.female-rate tr:nth-of-type(2) td:nth-of-type(1){
	line-height:1.6em;
}
.female-rate tr:nth-of-type(3) td:nth-of-type(1){
	line-height:1.6em;
}

.ruiji-nenshu-table td:nth-of-type(1){
	line-height:1em;
}

.comapnies-comparison-table{
}
.comapnies-comparison-table th{
	background-color:rgba(75, 75, 75, 1);
	color:white;
	border:1px rgba(75, 75, 75, 0.2) solid;

}
.comapnies-comparison-table table{
border:1px rgba(75, 75, 75, 0.2) solid;
	table-layout: auto !important;
}
.comapnies-comparison-table tr{
border-bottom:1px rgba(75, 75, 75, 0.2) solid;
}
.comapnies-comparison-table td{
	background-color:white;
	border:0px;
}
.comapnies-comparison-table td:nth-of-type(1){
    border: 0px;
    align-items: center; /* 垂直方向中央寄せ */
    justify-content: center; /* 水平方向中央寄せ */
    min-height: 60px; /* 最小高さを設定（必要に応じて調整） */
}

.comapnies-comparison-table2{
}
.comapnies-comparison-table2 th{
	background-color:rgba(75, 75, 75, 1);
	color:white;
	border:1px rgba(75, 75, 75, 0.2) solid;

}
.comapnies-comparison-table2 table{
border:1px rgba(75, 75, 75, 0.2) solid;
	table-layout: auto !important;
}
.comapnies-comparison-table2 tr{
border-bottom:1px rgba(75, 75, 75, 0.2) solid;
}
.comapnies-comparison-table2 td{
	background-color:white;
	border:0px;
}
.comapnies-comparison-table2 td:nth-of-type(1){
    border: 0px;
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 垂直方向中央寄せ */
    justify-content: center; /* 水平方向中央寄せ */
    min-height: 80px; /* 最小高さを設定（必要に応じて調整） */
}


.bonus-table{
	padding-right:1em;
	padding-left:1em;
}
.bonus-table th{
	background-color:rgba(75, 75, 75, 1);
	color:white;
}
.bonus-table td{
	background-color:white;
}

.honbun-corp-logo{
	max-width:70%;
	margin-top:3em !important;
	margin-bottom:3em !important;
}

.company-overview{
	padding-left:1em;
	padding-right:1em;
}
.company-overview th{
		background-color:rgba(75, 75, 75, 1);
	color:white;
}
.company-overview tr:nth-of-type(1){
	background-color:rgba(75, 75, 75, 1);
	font-weight:bold;
	color:white;
}
.company-overview tr:nth-of-type(3){
	background-color:rgba(75, 75, 75, 1);
	font-weight:bold;
	color:white;
}
.company-overview tr:nth-of-type(1n+5) td:nth-of-type(1){
	background-color:rgba(75, 75, 75, 1);
	font-weight:bold;
	color:white;
}

.company-overview tr:nth-of-type(2){
	background-color:white;
	line-height:1em;
}
.company-overview tr:nth-of-type(4){
	background-color:white;
	line-height:1em;
}
.company-overview tr:nth-of-type(1n+4) td:nth-of-type(2){
	background-color:white;
}

.company-overview2{
	padding-left:1em;
	padding-right:1em;
}
.company-overview2 th{
		background-color:rgba(75, 75, 75, 1);
	color:white;
}
.company-overview2 tr:nth-of-type(1){
	background-color:rgba(75, 75, 75, 1);
	font-weight:bold;
	color:white;
}
.company-overview2 tr:nth-of-type(2){
	line-height:1em;
}
.company-overview2 tr:nth-of-type(2) td{
    padding:1.5em 0em !important;
}
.company-overview2 tr:nth-of-type(2){
	background-color:white;
}

.company-overview2 tr:nth-of-type(1n+3) td:nth-of-type(1){
	background-color:rgba(75, 75, 75, 1);
	font-weight:bold;
	color:white;
}

.company-overview2 tr:nth-of-type(1n+3) td:nth-of-type(2){
	background-color:white;
}

.toc-center{
	width:90%;
}
#toc li{
	display:block !important;
}

  /*必要ならばここにコードを書く*/
#fixed-toc {
    display: block; /* display: noneを削除 */
    opacity: 0; /* 初期状態は透明 */
    transition: opacity 1s ease; /* 1秒かけて透明度を変化 */
    overflow-x: auto;
    white-space: nowrap;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(70, 70, 70, 0.7);
	z-index: 1000; /* 他の要素より優先表示 */
}

#fixed-toc.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.toc-demo {
    width: 100%;
    margin: 0 auto;
}

li {
    display: inline-block;
}

.toc-button {
    display: inline-block;
    background-color: rgba(70, 70, 70, 0.7);
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}

.toc-button.current {
    background-color: #fff;
    color: #000;
    font-weight:bold;
    font-size:1em;
}

.footer-bottom-logo{
	display:none;
}
.footer-bottom{
	margin-top:0em;
}
.source-org{
	margin-top:0em;
}

#footer{
	background-color:rgba(75, 75, 75, 1);
	margin-top:0px;
	color:white;
}




#container{
	background-color:white;
}

.supervisor-profile{
	padding-right:1em;
	padding-left:1em;
  }


.supervisor-profile table {
    width: auto !important; /* 左のカラムを1（全体の10%）に設定 */
	border:1px black solid;
  }
.supervisor-profile th {
    border:1px black solid;
	background-color:white;
  }
.supervisor-profile td {
	background-color:white;
	border:0px;
  }
  

#footer{
	background-color:rgba(75, 75, 75, 1);
	margin-top:0px;
	color:white;
	font-weight:bold;
}

#footer a{
		text-decoration:none;
	font-size:.8em;
}

.widget_text{
	margin-bottom:0px !important;
}
.wrap{
	width:100% !important;
}

.wp-block-table.fv-table{
margin-bottom:1em !important;
}

.first-cta{
	padding-left:.3em;
	padding-right:.3em;
}

.first-cta td{
		border:0px;
}
.first-cta tr:nth-of-type(2){
		border-bottom:1px black solid;
	border-top:1px black solid;
}
.first-cta th{
	background-color:black;
	color:white;
	font-size:1em;
	border:0px !important;
}
.first-cta table{
		    border-collapse: collapse !imoprtant;
	border:0px !important;
		border-right:1px black solid !important;
			border-left:1px black solid !important;
	border-bottom:1px black solid !important;
}

.first-cta td:nth-of-type(1){
min-width:100px !important;
	background-color:white;
	justify-content:center !important;
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 垂直方向中央寄せ */
    justify-content: center; /* 水平方向中央寄せ */
	padding-top:1em;
	padding-bottom:1em;
}
.first-cta tr:nth-of-type(1) td:nth-of-type(2){
line-height:1.2em;
	font-weight:bold;
}
.first-cta td:nth-of-type(2){
background-color:white;
	font-size:.9em;
}
.first-cta-1st-point{
	font-size:.85em;
	color:red;
}
/* タブ全体のスタイル */
.tab-container {
    font-family: Arial, sans-serif;
    max-width:100&;
    margin-bottom:1em;
	padding-right:1em;
	padding-left:1em;
  }
  
  /* タブボタン */
  .tabs {
    display: flex;
    border-top: 0px solid #ccc;
  }
  
  .tab {
    flex: 1;
    text-align: center;
    padding: .5em;
	  font-size:0.7em;
    cursor: pointer;
	  color:black;
    border: none;
    background: #f0f0f0;
    transition: background-color 0.3s;
  }
  
  .tab.active {
    background: #4b4b4b;
	  	  font-size:1em;
    color:white;
    font-weight: bold;
  }
  
  /* コンテンツのスタイル */
  .tab-content {
  }
  
  .content1 {
    display: none;
    background: #fff;
  }
  
  .content1.active {
    display: block;
  }

.margin-bottom-05{
	margin-bottom:.5em !important;
}
.margin-bottom-zero{
	margin-bottom:0em !important;
}
.margin-top-zero{
	margin-top:0em !important;
}

.meisai-table{
	padding-left:1em;
	padding-right:1em;
}

.meisai-table table{
	border-collapse: collapse !imoprtant;
}
.meisai-table td{
	border:1px black solid;
}
.meisai-table tr:nth-of-type(1) td:nth-of-type(1){
background-color:#f2f2f2;
}
.meisai-table tr:nth-of-type(1) td:nth-of-type(2){
background-color:#d9d9d9;
}
.meisai-table tr:nth-of-type(2) td:nth-of-type(1){
background-color:white;
}
.meisai-table tr:nth-of-type(3){
background-color:white;
}
.meisai-table tr:nth-of-type(4) td:nth-of-type(1){
background-color:#f2f2f2;
}
.meisai-table tr:nth-of-type(4) td:nth-of-type(1n+2){
background-color:#d9d9d9;
}
.meisai-table tr:nth-of-type(5) td:nth-of-type(1n+1){
background-color:white;
}
.meisai-table tr:nth-of-type(6) td:nth-of-type(1n+1){
background-color:#d9d9d9;
}
.meisai-table tr:nth-of-type(7) td:nth-of-type(1n+1){
background-color:white;
}
.meisai-table tr:nth-of-type(8){
background-color:white;
}
.meisai-table tr:nth-of-type(9) td:nth-of-type(1){
background-color:#f2f2f2;
}
.meisai-table tr:nth-of-type(9) td:nth-of-type(2){
background-color:#d9d9d9;
}
.meisai-table tr:nth-of-type(10){
background-color:white;
	font-weight:bold;
	font-size:1.1em;
}

#salaryForm{
	padding-right:1em;
	padding-left:1em;
	display:flex;
		align-items: flex-end;
}
.flex-labeler{
	padding-left:.3em;
	padding-right:.3em;
	text-align:center;
}
.flex-labeler label{
	font-size:.8em;
	text-align:center;
	font-weight:bold;
}

.tedori-checker {
  display: block;              /* ボタンをブロック要素にして中央寄せしやすく */
  margin: .5em auto;            /* 上下左右に2emのマージンを追加し、中央寄せ */
  padding: .5em 4em;                /* 内側に2emのパディング */
  font-size: 1em;              /* 中の文言のサイズを1em */
  background-color: black;     /* 背景色を黒に設定 */
  color: white;                /* 文字色を白に設定 */
  border: none;                /* 枠線なし */
  border-radius: 0;            /* 角を鋭角に */
  transition: transform 0.2s ease, background-color 0.2s ease; /* アニメーションの設定 */
 font-weight:bold;
}

.tedori-checker:active {
  transform: scale(0.95);      /* クリック時に少し縮小させるアニメーション */
  background-color: #333;      /* 押下時に背景色を少し暗くする */
}

.background-gray{
	background-color:rgba(66, 133, 244, 0.2);
		padding-bottom:.3em;
	margin-bottom:2em;
}

.tedori-checker-midasi{
	text-align:center;
	background-color:black;
	color:white;
	font-weight:bold;
	margin-bottom:.0em !important;
	padding:.5em 0em;
}

.last-emphasize tr:last-child{
	font-size:1.2em;
font-weight:bold;
}

.cocoon-block-toggle{
	padding-left:1em;
	padding-right:1em;
}

.container {
    position: relative;
    display: inline-block;
}

.background-img {
    display: block;
    width: 100%; /* 背景画像は親要素の幅いっぱい */
	max-width:100%;
}

.overlay-img {
    position: absolute;
    top: 0; /* 左上配置 */
    left: 0; /* 左寄せ */
    height: 20%; /* 背景画像の高さに対する23% */
    width: auto; /* 高さに比例して幅を自動調整 */
}

.text-box {
    position: absolute;
    top: 0; /* 右上配置 */
    right: 0; /* 右寄せ */
    height: 15%; /* 重ねる画像と同じ高さ */
    background-color: black; /* 背景色を黒に設定 */
    color: white; /* テキスト色を白に設定 */
    font-weight: bold; /* ボールド指定 */
    display: flex; /* テキストを中央に配置するためのFlexbox */
    align-items: center; /* 縦中央揃え */
    justify-content: center; /* 横中央揃え */
    padding: 1.5em 1.5em; /* テキストの左右に余白を追加 */
    box-sizing: border-box; /* paddingを含めたサイズ調整 */
    text-align: center; /* テキストの中央揃え */
}

/*フッターagentcta*/
.footer-agent-cta{
	border:0px black solid;
	  box-shadow: 0 0 4px gray;
	margin-left:1em !important;
	margin-right:1em !important;
	background-color:white;
	padding:0px;
	padding-top:.5em;
}
.footer-agent-cta p:nth-of-type(1){
font-size:1.2em;
	margin-bottom:.2em;
		padding-left:.8em;
	padding-right:.8em;
}
.footer-agent-cta p:nth-of-type(2){
font-size:.9em;
	line-height:1.2em;
	margin-bottom:1em;
		padding-left:1em;
	padding-right:1em;
}
.footer-agent-cta p:nth-of-type(3){
margin-bottom:.3em;
}
.footer-agent-cta p:nth-of-type(4){
line-height:1em;
	padding-bottom:1em !important;
}
.footer-agent-cta ol{
	display:block;
}
.footer-agent-cta ol li{
    display: list-item; /* liをリストアイテムに戻す */
}
.footer-agent-cta ol{
	margin-bottom:1em;
	padding-left:.5em !important;
	padding-right:.5em !important;
}

.footer-agent-cta .wp-block-image{
	margin-bottom:.5em;
}

.background-blue-gradation{
	background-color:#a0bfff;
	padding-bottom:.1em;
	margin-bottom:1em !important;
	margin-left:.5em;
	margin-right:.5em;
}

.footer-agent-cta li {
  counter-increment: list-counter; /* 各liでカウンターを増加 */
  list-style: none; /* デフォルトのリストスタイルを削除 */
  position: relative;
	font-size:.9em;
}

.footer-agent-cta li::before {
  content: counter(list-counter); /* カウンターを表示 */
  font-weight: bold; /* テキストを太字にする */
  color: #fff; /* テキストの色を白にする */
  background-color: #4285f4; /* 背景色を黒にする */
  border-radius: 50%; /* 円形にする */
  width: 1.2em; /* 円の直径 */
  height: 1.2em; /* 円の直径 */
  display: inline-flex; /* コンテンツを中央に配置するために使用 */
  align-items: center; /* 垂直方向で中央揃え */
  justify-content: center; /* 水平方向で中央揃え */
  margin-right: 8px; /* 番号とテキストの間隔 */
}

.footer-agent-cta .button-block{
	padding-left:.5em;
	padding-right:.5em;
	margin-bottom:.3em;
}

.footer-agent-cta-midashi{
	text-align:center;
	background-color:black;
	color:white;
	font-weight:bold;
	margin-bottom:1em !important;
	padding:.5em 0em;
}

.footer-menu-pc{
	margin-bottom:0em !important;
}
.content-bottom{
	margin-bottom:0em !important;
}
.widget-content-bottom{
	margin-bottom:0em !important;
}

.footer-menu-pc{
	background-color:black;
	padding-top:1em !important;
	padding-bottom:1em !important;
}

.footer-menu-pc td{
    background-color:black;
	color:white;
	line-height:1.2em;
	padding-top:.3em;
	padding-bottom:.3em;
	font-size:.8em;
}

.footer-menu-pc a{
    text-decoration: none;
    color:white;
}
.footer-menu-pc img{
    width:10em;
}

.footer-menu-pc table:not(.has-border-color) :where(th, td){
    border:0px black solid;
}
  
.ect-entry-card .entry-card-thumb{
  display:none;
}

.ect-entry-card .entry-card-meta{
  display:none;
}

.ect-entry-card .entry-card-content{
  margin-left:0em !important;
}



.ect-entry-card .entry-card-title {
  /* テキストの左寄せ */
  text-align: left;

  /* リンク風の文字色（お好みで調整） */
  color: #007bff;

  /* 背景色を白色に */
  background-color: white !important;

  /* 上下の余白設定：paddingは0、margin-bottomのみ0.5em */
  padding: 0;
  margin: 0 0 0.5em 0;

  /* もし必要であれば display や幅など調整 */
  /* display: block; */
}

/* 擬似要素に「・」を表示 */
.ect-entry-card .entry-card-title::before {
  content: "・";
  /* 文字との間隔など微調整 */
  margin-right: 0.3em;
}

.ect-entry-card .entry-card-thumb{
	display:none;
}
#toc{
	display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}