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

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

:root {
	--color-white: #ffffff;
	--color-gray-light: #cccccc;
	--color-gray-dark: #555555;
	--color-green-dark: #5f9207;
	--color-blue-light: #e1f6ff;
	--color-blue-dark: #247fb4;
	--color-gold: #ccac55;
	--color-gold-light: #f7f4d3;
}

/* ============================================== */
/* 共通                                           */
/* ============================================== */

@media screen and (max-width: 480px) {
	h2 {
		line-height: 1.5em;
	}
}

.entry-content {
	margin-top: 1em;
}

.footer-bottom {
	margin-top: 1.0px;
}

/* フッターロゴ */
.footer-bottom-logo img {
	max-width: 70%;
	height: auto;
	margin-bottom: 0.6em;
}

.navi-footer-in a:hover {
	background-color: transparent;
}

table:not(.has-border-color) :where(th, td) {
	border: 1px solid var(--color-gray-dark);
}

table tr:nth-child(1) {
	background: var(--color-blue-light);
}

/*1023px以下*/
@media screen and (max-width: 1023px){

	.entry-content {
		margin-top: 0.5em;
	}

	/* スペーサー */
	.wp-block-spacer {
		margin-bottom: 0.2em;
	}
	
	.site-logo-image {
		max-width: 55%;
		height: auto;
	}
}

.copyright {
	font-size: 85%;
}


/* ============================================== */
/* ヘッダーメニュー                               */
/* ============================================== */

#navi .navi-in a:hover {
	transform: none!important;
}
.navi-in > ul .sub-menu a {
	padding: 0;
}
.navi-in > ul .sub-menu{
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
	width: 360px;
}
.sub-menu .caption-wrap {
	color: var(--color-gray-dark);			/*サブメニューの文字色*/
	border-top: 1px solid var(--color-gray-dark);
	background: var(--color-white);			/*サブメニューの背景色*/
	padding:0 0 0 2em;
	margin:0;
}
.navi-in > ul .sub-menu a:hover {
	transform: none!important;
}
div#header-container {
	box-shadow: none;
}

/*1023px以下*/
@media screen and (max-width: 1023px){

	/* サブメニュー */
	ul.menu-drawer > li {
		padding: 0.8em 0;
		border-bottom: 1px solid var(--color-gray-dark);
	}
	ul.menu-drawer > li > a {
		color: var(--color-blue-dark);
	}
	ul.sub-menu > li {
		padding: 0.6em 0;
		border-top: 1px dotted var(--color-gray-dark);
	}
}



/* ---------------------------------------------- */
/* 固定ページ                                     */
/* ---------------------------------------------- */
.page h2 {
	color: var(--color-blue-dark);
	background-color: transparent;
	padding: 25px 25px 25px 5px;
}

.page h3 {
	color: var(--color-blue-dark);
	background-color: transparent;
	border: none;
	border-bottom: 1px solid var(--color-gray-dark);
	padding: 12px 20px 12px 5px;
	margin-bottom: 1.2em;
}

/*1023px以下*/
@media screen and (max-width: 1023px){

	.page h2 {
		padding: 25px 25px 15px 5px;
		margin-bottom: 0.5em;
	}
}

.single h2 {
	padding: 0.5em 0 1.5em;
}

/* ---------------------------------------------- */
/* キャッチフレーズ                               */
/* ---------------------------------------------- */
.tagline {
	background-color: var(--color-blue-dark);
	color: var(--color-white);
	margin:0;
	padding: 6px;
	font-size: 0.8em;
}

/* ---------------------------------------------- */
/* アピールエリアの表示仕様変更                   */
/* ---------------------------------------------- */
.front-top-page .container .appeal {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
}

/*1023px以下*/
@media screen and (max-width: 1023px){

	.front-top-page .container .appeal {
		background-image: url("https://pharmaaid.jp/wp-content/uploads/2025/12/kv_sp.jpg");
		background-position: center center;
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
    .front-top-page .container .appeal .appeal-in {
        min-height: 320px;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
    .front-top-page .container .appeal .appeal-in {
        min-height: 280px;
    }
}


/**************************************************
** レスポンシブデザイン用のメディアクエリ
***************************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){

	/* ヘッダーロゴ */
	.logo-header img {
		height: 25px;
		width: auto;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){

}

/*480px以下*/
@media screen and (max-width: 480px){

}



/* ============================================== */
/* トップページ                                   */
/* ============================================== */

.home h1.entry-title {
	display: none;
}

.home h2.wp-block-heading {
	background-color: transparent;
	padding: 15px 15px 10px;
	margin-bottom: 0.6em;
}

/* aword 2022 */
.home .award2022 {
	margin-bottom: 0;
	padding: 0 15px;
}

/*480px以下*/
@media screen and (max-width: 480px){
	.home .main {
		padding-top: 5px;
	}
}


/* ---------------------------------------------- */
/* 成功実績                                       */
/* ---------------------------------------------- */
.home .job-success {
	border: 2px solid var(--color-gold);
	padding: 15px 20px 25px;
}

.home .job-success h2.wp-block-heading {
	background-color: var(--color-gold-light);
	color: var(--color-gray-dark);
}

/* ボタン */
.home .job-success .wp-block-buttons {
	justify-content: center;
}
.home .job-success .wp-block-button__link {
	color: var(--color-white);
	background-color: var(--color-gold);
	display: inline-block;
	padding: 12px 25px;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	word-break: break-word;
	box-sizing: border-box;
	position: relative;
}


.home .job-entry h2.wp-block-heading {
	background-color: #f0f4e8;
	color: var(--color-gray-dark);
}

/* ---------------------------------------------- */
/* 求人情報                                       */
/* ---------------------------------------------- */

.home .job-block,
.page .job-index {
	background-color: var(--color-blue-light);
	padding: 15px 20px 25px;
}
h2.wp-block-heading {
	border: none;
	margin: 0.4em 0 0.8em;
	text-align: center;
}
.wp-block-columns {
	margin-bottom: 1.3em;
}

.wp-block-column {
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-dark);
	border-radius: 12px;
	padding: 15px;
	display: block;
	position: relative;
}

/* タイトル */
.wp-block-column .wp-block-heading {
	color: var(--color-blue-dark);
	display: flex;
	font-size: 1.1em;
	font-weight: 600;
	white-space: nowrap;
	padding: 5px;
	margin-bottom: 0.5em;
	background-color: transparent;
}

/* 本文 */
.wp-block-column p {
	font-size: 0.75em;
	line-height: 24px;
	height: 35px;
}
.wp-block-column p.job-content {
	height: 8px;
}


/* ボタン */
.wp-block-column .wp-block-buttons {
	justify-content: right;
}
.wp-block-column .wp-block-button__link {
	color: var(--color-white);
	background-color: var(--color-blue-dark);
	display: inline-block;
	padding: 5px 15px;
	font-size: 0.85em;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	word-break: break-word;
	box-sizing: border-box;
	position: relative;
}

/* ---------------------------------------------- */
/* 会員登録                                       */
/* ---------------------------------------------- */
.home .job-entry {
	border: 2px solid var(--color-green-dark);
	padding: 15px 20px 25px;
}
/* ボタン */
.home .job-entry .wp-block-buttons {
	justify-content: center;
}
.home .job-entry .wp-block-button__link {
	color: var(--color-white);
	background-color: var(--color-green-dark);
	display: inline-block;
	padding: 12px 25px;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	word-break: break-word;
	box-sizing: border-box;
	position: relative;
}

/* ---------------------------------------------- */
/* お知らせ                                       */
/* ---------------------------------------------- */

.home h2.job-info {
	padding-bottom: 10px;
	border-bottom: 2px solid var(--color-blue-dark);
	color: var(--color-blue-dark);
	font-weight: bold;
	text-align: left;
}
.home .info {
	color: #333;
	background-color: transparent;
	padding: 15px;
	border-bottom: 1px solid var(--color-gray-light);
}
.home .info .card-thumb {
  display: none;
}
.home .info .card-content {
  margin-left: 0;
}

/* 登録日付 */
.home .new-entry-card-date {
	display: block;
}
.home .new-entry-card-date .post-date {
	margin-right: 20px;
	font-size: 16px;
}
.home .new-entry-card-date .fa {
	display: none;
}
.home .new-entry-card-content {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

/* 更新日付 */
.home .new-entry-card-update-date {
	display: none;
}

/* ボタン「お知らせ一覧」 */
.home .info-buttons {
	margin-bottom: 10px;
}
.home .info-buttons a {
	color: var(--color-white);
	background-color: var(--color-blue-dark);
	display: inline-block;
	padding: 8px 20px;
	font-size: 1.0em;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	word-break: break-word;
	box-sizing: border-box;
	position: relative;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	/* ボタン「お知らせ一覧」 */
	.home .info-buttons a {
		padding: 5px 15px;
		font-size: 0.8em;
	}
}


/* ---------------------------------------------- */
/* 個別ページ お知らせ                            */
/* ---------------------------------------------- */
.info {
	background-color: transparent;
	color: #333;
}
.single-info .prev-post-thumb, .single-info .next-post-thumb {
	display: none;
}
.single-info .prev-post-title, .single-info .next-post-title {
	width: 40%;
}

/* ---------------------------------------------- */
/* 個別ページ お知らせ一覧                        */
/* ---------------------------------------------- */
.post-type-archive .entry-card-thumb {
	display: none;
}
.post-type-archive .entry-card-content {
	margin-left: 0;
}

/* タイトル */
.related-entry-card-title, .entry-card-title {
	border-bottom: 1px solid var(--color-blue-dark);
	padding: 0.4em 0 0.5em;
	margin: 0 0 0.4em 0;
	color: var(--color-blue-dark);
}

/* 本文 */
.post-type-archive .entry-card-snippet {
	margin: 1.0em 0 0.4em 0;
}

/* カテゴリータグ */
.post-type-archive .cat-label {
	position: static;
	top: 0;
	left: 0;
	border: 1px solid var(--color-green-dark);
	font-size: 12px;
	color: var(--cocoon-white-color);
	background-color: var(--color-green-dark);
	padding: 4px 10px;
	max-width: 70%;
	margin-right: 5px;
}

@media screen and (max-width: 480px) {
	
	.no-sp-snippet .entry-card-snippet {
		display: block;
	}
	
	.related-entry-card-title, .entry-card-title {
		margin: 0 0 1.0em 0;
	}
}



/* ============================================== */
/* 求人情報一覧                                   */
/* ============================================== */

.post-type-archive-mr .entry-card-info,
.post-type-archive-md_anzen .entry-card-info,
.post-type-archive-md_dr .entry-card-info,
.post-type-archive-md_ma .entry-card-info,
.post-type-archive-cra .entry-card-info,
.post-type-archive-etc .entry-card-info,
.post-type-archive-it .entry-card-info,
.post-type-archive-machine .entry-card-info,
.post-type-archive-car .entry-card-info,
.post-type-archive-estate .entry-card-info,
.post-type-archive-consultant .entry-card-info,
.post-type-archive-sonota .entry-card-info {
	display: none;
}


/* ---------------------------------------------- */
/* 個別ページ 子ページ一覧                        */
/* ---------------------------------------------- */
.page-index .a-wrap {
	padding: 0;
	margin-bottom: 1.2em;
	border: 1px solid var(--color-blue-dark);
}

.page-index .entry-card-content {
	margin-left: 320px;
	padding: 15px;
}

.page-index .entry-card-thumb {
	width: 300px;
	margin: 0;
}

.page-index .entry-card-title {
	color: var(--color-blue-dark);
	font-size: 1.1em;
}
.page-index .entry-card-title a {
	text-decoration: none !important;
}

/* 文章 */
.page-index .entry-card-snippet {
	font-size: 16px;
	line-height: 1.6em;
}
.page-index .entry-card-button {
	text-align: right;
	margin-left: auto;
}
.page-index .entry-card-button .entry-card-button__link {
	color: var(--color-white);
	background-color: var(--color-blue-dark);
	display: inline-block;
	padding: 5px 15px;
	font-size: 0.85em;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	word-break: break-word;
	box-sizing: border-box;
	position: relative;
}


/*1255px以下*/
@media screen and (max-width: 1255px) {

	.page-index .entry-card-content {
		margin-left: 42%;
		padding: 15px 15px 15px 5px;
	}

	.page-index .entry-card-thumb {
		width: 38%;
		margin: 5px;
	}
	
	.page-index .related-entry-card-title, .entry-card-title {
		font-size: 1.0em;
	}
	
	/* 文章 */
	.no-sp-snippet .page-index .entry-card-snippet {
		display: block !important;
		font-size: 0.85em;
	}
}

/*480px以下*/
@media screen and (max-width: 480px) {


}


/* ---------------------------------------------- */
/* 固定ページ 転職までの流れ                      */
/* ---------------------------------------------- */
.flow {
	padding: 1.5em;
	margin-bottom: 1.2em;
	border: 2px solid var(--color-blue-dark);
}
.flow .wp-block-heading {
	width: 100%;
	margin-bottom: 0;
	border-top: none;
	border-bottom: 1px solid var(--color-blue-dark);
}
.flow > p {
	margin-bottom: 0.5em;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	.flow {
		padding: 0.8em;
	}
}

/* ---------------------------------------------- */
/* 固定ページ 履歴書・職務経歴書の書き方          */
/* ---------------------------------------------- */
.page .resume .wp-block-column {
	border: none;
}
.page .resume .wp-block-column p {
	font-size: 1.0em;
	height: auto;
}

/* ボタン */
.page .resume-buttons {
	justify-content: center;
}
.page .resume-buttons .wp-block-button__link {
	color: var(--color-white);
	background-color: var(--color-green-dark);
	display: inline-block;
	padding: 12px 25px;
	font-size: 1.0em;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	word-break: break-word;
	box-sizing: border-box;
	position: relative;
	min-width: 380px;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	.page .resume-buttons .wp-block-button__link {
		min-width: 300px;
	}
}

/* ---------------------------------------------- */
/* 固定ページ よくあるご質問                      */
/* ---------------------------------------------- */
.page .faq-wrap {
	border-bottom: 1px solid var(--color-blue-dark);
}
.page .faq {
	margin-bottom: 1.2em !important;
}
.page .faq-question {
	margin-bottom: 0.5em !important;
}


/* ---------------------------------------------- */
/* 固定ページ 求人情報                            */
/* ---------------------------------------------- */
.page .job-index > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100%;
}


/* ============================================== */
/* 投稿ページ 求人情報                            */
/* ============================================== */

.job-table {
	border-collapse: collapse;
	table-layout: fixed;
}

.job-table tr:nth-of-type(2n+1) {
	background-color: var(--color-white);
}
.job-table th {
	width: 25.0%;
}

.job-table td {
	padding : 15px;
}

/* 応募ボタン */
.single .job-entry .wp-block-buttons {
	margin-top: 1.5em;
	justify-content: center;
}
.single .job-entry .wp-block-button__link {
	color: var(--color-white);
	background-color: var(--color-green-dark);
	display: inline-block;
	padding: 12px 25px;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	word-break: break-word;
	box-sizing: border-box;
	position: relative;
}
.single .job-entry .button-back {
	background-color: #888;
}


/*1023px以下*/
@media screen and (max-width: 1023px){

	.job-table th, .job-table td {
		display: block;
		width: 100%;
		border-bottom: none;
	}
	.job-table tr:last-child {
		border-bottom: 1px solid var(--color-gray-dark);
	}
}

/* ============================================== */
/* 求人申し込みページ                             */
/* ============================================== */
.job-entry-container h1.entry-title {
	display: none;
}
.job-entry-container .job-entry-table th,
.job-entry-container .job-entry-table td {
	padding: 15px 20px;
}
.job-entry-container .job-entry-table th {
	width: 20%;
	background-color: var(--color-gray-light);
	font-weight: normal;
}
.job-entry-container .job-entry-table td {
	background-color: var(--color-white);
}

.job-entry-container .under-entry-content {
	display: none;
}

.job-entry-container .job-entry-table {
	margin-bottom: 4.8em;
}

/*1023px以下*/
@media screen and (max-width: 1023px){

	.job-entry-container .job-entry-table {
		margin-bottom: 3.4em;
	}

	.job-entry-container .job-entry-table th,
	.job-entry-container .job-entry-table td {
		padding: 15px 10px;
		font-size: 0.9em;
	}
	.job-entry-container .job-entry-table th {
		width: 28%;
	}
}

/* ============================================== */
/* Snow Monkey Forms                              */
/* ============================================== */

.smf-form--business .wp-block-group {
	margin-bottom: 0;
}
.smf-form--business .wp-block-group .smf-item {
	margin: 0 !important;
}

.smf-form--business .entry-service-title {
	margin-bottom: 0.5em;
}
.smf-form--business .smf-item {
	border: 1px solid var(--color-gray-dark);
}

.smf-form--business .input-entry-inline .smf-item__controls {
	display: flex;
}
.smf-form--business .wp-block-group.input-entry-inline {
	display: flex;
}
.smf-form--business .wp-block-group .smf-placeholder {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.input-entry-inlines .input-entry-inline:first-child {
	margin-bottom: 1.0em !important;
}

.smf-form--business .input-entry-inline p {
	margin: 0 !important;
	display: flex;
	align-items: center;
}
.smf-form--business .smf-item__col {
	padding: 15px 20px;
}
.smf-form--business .smf-item__col--label {
	background-color: #f7f7f7;
	padding: 8px 20px;
}

/* 利用規約に同意する */
.smf-form--business .entry-agree .smf-placeholder {
	text-align: center;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ボタン */
.smf-action .smf-button-control__control {
	color: var(--color-white);
	background-color: var(--color-green-dark);
	background-image:none;
	display: inline-block;
	padding: 12px 25px;
	font-size: 1.0em;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	word-break: break-word;
	box-sizing: border-box;
	position: relative;
	min-width: 260px;
}
/*1023px以下*/
@media screen and (max-width: 1023px){

	.smf-form--business .smf-item__col--label {
		border-bottom: 1px solid var(--color-gray-dark);
	}
}
@media screen and (max-width: 834px) {
	
	.article ul, .article ol.smf-progress-tracker {
		padding-left: 0;
	}
}
@media (min-width: 640px) {
	.smf-form--business .smf-item__col--label {
		border-right: 1px solid var(--color-gray-dark);
	}
}

/**************************************************
** レスポンシブデザイン用のメディアクエリ
***************************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){

}

/*834px以下*/
@media screen and (max-width: 834px){

}

/*480px以下*/
@media screen and (max-width: 480px){

}