@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, th, td, img {
	margin: 0px; 
	padding: 0px;
	list-style:none;
	background-color: none;
}
html,body{
	line-height:1.5;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color:#3e3a39;
	font-weight:normal;
}
ul {
 	list-style: none;
}
.appeal-content {
	display: none;/*アピールエリアボタン非表示*/
}
#sidebar ul {
	margin: 0px 0px 20px 0px;
}
#sidebar ul li {
    font-size: 1.1em;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px -20px 0px;
}
#sidebar ul li a {
	color: #00a199;	
	text-decoration: none;
	background-color: none;
	font-weight: bold;
}
#sidebar ul li a:hover {
	text-decoration: underline;
}
#sidebar h3{
	font-size: 1.3em;
	background-color: #00a199;/*好きな背景色にする*/
	padding: 2px 0px 2px 15px;/*見出しの内側の余白を調整する*/
	margin: 0px 0px 5px 0px;
}
/************************************
** トップページ用のスタイル
************************************/
#top {
	margin: 0 0 10px 0;
	padding: 0;
}
#top h1{
	margin: 0 0 15px 0;
	padding: 25px 0px 10px 20px;
	color: #FFFFFF;
	background-image: url("https://syouyou.net/wp-content/uploads/2020/11/h2-background.png");
	height: 81px;
	font-size: 1.5em;
}
#top h2{
	margin: 0 0 15px 0;
	padding: 25px 0px 10px 20px;
	color: #FFFFFF;
	background-image: url("https://syouyou.net/wp-content/uploads/2020/11/h2-background.png");
	height: 81px;
	font-size: 1.5em;
}
#top h3{
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	color: #00a199;
	background-color: none;
}
#top h3 a{
	color: #00a199;
	text-decoration: none;
}
#top h3 a:hover{
	text-decoration: underline;
}
.h1h2-p{
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 20px;
}
.top-p {
	font-size: 0.95em;
	line-height: 1.3;
	margin: 5px 0px 15px 0px;

}
.column-marginb {
	margin-bottom: 20px;
}

#form {
	margin-bottom:-50px;
}
#form p{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
#form p a{
	color: #003b96;
	text-decoration: none;
}
#form p a:hover{
	text-decoration: underline;
}
/************************************
** 下層ページ用のスタイル
************************************/
#kasou {
	margin: 0 0 40px 0;
	padding: 0;
}
#kasou h1{
	margin: 0 0 15px 0;
	padding: 25px 0px 10px 20px;
	color: #FFFFFF;
	background-image: url("https://syouyou.net/wp-content/uploads/2020/11/h2-background.png");
	height: 81px;
}
.kasou-marginb5 {
	margin-bottom: 5px;	
}
.kasou-marginb10 {
	margin-bottom: 10px;	
}
.kasou-marginb15{
	margin-bottom: 15px;
}
.kasou-marginb20 {
	margin-bottom: 20px;	
}
.kasou-marginb30 {
	margin-bottom: 30px;	
}
.kasou-marginb40 {
	margin-bottom: 40px;	
}
.kasou-margint20-b20 {
	margin-top: 20px;	
	margin-bottom: 20px;	
}
.pdf{
	font-size: 0.9em;
	margin-bottom: 25px;
	line-height: 1.1;
}
.tokucho {
	font-size: 0.95em;
	line-height: 1.3;
	margin: 5px 0px 15px 0px;
}
#kasou-menu h2 {
	margin: 0 0 15px 0;
	padding: 25px 0px 10px 20px;
	color: #FFFFFF;
	background-image: url("https://syouyou.net/wp-content/uploads/2020/11/h2-background.png");
	height: 81px;
	font-size: 1.5em;
}
#kasou-menu h3 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	color: #00a199;
	background-color: none;
}
#kasou-menu h3 a{
	color: #00a199;
	text-decoration: none;
}
#kasou-menu h3 a:hover{
	text-decoration: underline;
}
.hosoku {
	font-size: 0.95em;
	line-height: 1.3;
	margin: 0;
}
#company .kasou-h2-1{
	margin: 0 0 15px 0;
	padding: 7px 0px 7px 20px;
	color: #FFFFFF;
	background-color: #999;
	font-size: 1.2em;
}
#company .kasou-h2-2{
	margin: 0 0 15px 0;
	padding: 7px 0px 7px 20px;
	color: #FFFFFF;
	background-color: #00a199;
	font-size: 1.2em;
}
#kasou h1 .recruit-h1{
	margin: 0 0 15px 0;
	padding: 7px 0px 7px 20px;
	color: #FFFFFF;
	background-color: #003b96;
	font-size: 1.2em;
}
.entry-card-title{
	color: #00a199;
}
.related-entry-card-title{
 	color: #00a199;
}
#company h1{
	margin: 0 0 15px 0;
	padding: 25px 0px 10px 20px;
	color: #FFFFFF;
	background-image: url("https://syouyou.net/wp-content/uploads/2020/11/h2-background.png");
	height: 81px;
}
#company h2{
	background-color:none;
	margin: 0 0 15px 0;
	padding: 7px 0px 7px 20px;
	color: #FFFFFF;
	background-color: #00a199;
	font-size: 1.2em;
}
#ministep-lp h2{
	background-color:none;
	margin: 0 0 15px 0;
	padding: 6px 0px 4px 20px;
	color: #FFFFFF;
	background-color: #00a199;
	font-size: 1.2em;
}

/************************************
** ロゴファーストからコピーしたスタイル
************************************/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table th {
  background-color: #f3f4f5;
  border: 1px solid #ddd;
}
table td {
  background-color: #ffffff;
  border: 1px solid #ddd;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}	
.page .entry-title {
    display: none;
}
/* 非表示 */
.post .entry-title {
    display: none;
}
.post-date {
    display:none;
}
.post-update{
  display: none;
}

/* 全投稿ページで非表示 */

.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}
.article h2{
	color: #FFFFFF;
	background-color: #00a199;
	margin: 0 0 15px 0;
	padding: 7px 0px 7px 20px;
	background-color: #999;
	font-size: 1.2em;
}
.logo-image * {
  display: block;
}
h1.qa {
	color: #266aaa;
	background: none;
	font-size: 20px;
	padding: 0;
	margin: 0;
	border-bottom: none;
}
.sb-id-11 .speech-balloon {
    padding-top: 30px;
	padding-bottom: 30px;
}
.sb-id-12 .speech-balloon {
    padding-top: 30px;
	padding-bottom: 30px;
}
.entry-card-wrap{
	color: #595757;
}
.entry-card-wrap.a-wrap:hover{ /*エントリーカード ホバー時設定*/
	color: #595757;
}
.entry-card-content, .related-entry-card-content {
	color: #595757;
}
.entry-card-content, .related-entry-card-content :hover{
	color: #595757;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1680px以下*/
@media screen and (max-width: 1680px){
  /*必要ならばここにコードを書く*/
}
/*1360px以下*/
@media screen and (max-width: 1360px){
  /*必要ならばここにコードを書く*/
	#appeal,
	.appeal .appeal-in {
	min-height: 340px;
	}
}
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	#appeal,
	.appeal .appeal-in {
	min-height: 310px;
	}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
	}
/*960px以下*/
@media screen and (max-width: 960px){
  /*必要ならばここにコードを書く*/
	#appeal,
	.appeal .appeal-in {
	min-height: 200px;
	}
}
/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.sb-id-11 .speech-person {
  width: 150px;
  min-width: 150px;
}

@media screen and (max-width: 480px){
  	#appeal,
	.appeal .appeal-in {
	min-height: 200px;
	}
	
	.sb-id-11 .speech-person {
    width: 90px;
    min-width: 90px;
  }
}
.sb-id-12 .speech-person {
  width: 150px;
  min-width: 150px;
}
@media screen and (max-width: 480px){
  .sb-id-12 .speech-person {
    width: 90px;
    min-width: 90px;
  }
	#custom_html-14 {
	display: none;
}
}

/************************************
** Q&Aページ用のスタイル
************************************/
h1.qa {
	color: #266AAA;
	background: none;
	font-size: 20px;
	padding: 0;
	margin: 0;
	border-bottom: none;
}
.sb-id-11 .speech-balloon {
    padding-top: 30px;
	padding-bottom: 30px;
}
.sb-id-12 .speech-balloon {
    padding-top: 30px;
	padding-bottom: 30px;
}
.sb-id-11 .speech-person {
  width: 150px;
  min-width: 150px;
}
@media screen and (max-width: 480px){
  .sb-id-11 .speech-person {
    width: 90px;
    min-width: 90px;
  }
}

.sb-id-12 .speech-person {
  width: 150px;
  min-width: 150px;
}
@media screen and (max-width: 480px){
  .sb-id-12 .speech-person {
    width: 90px;
    min-width: 90px;
  }
	#custom_html-14 {
	display: none;
}
#appeal-in {
	margin: 0px;
}
#appeal {
  height: calc(100vw * 0.3);
}