@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/

/* ヘッダーメニュー */
.has-mega-menu a {
	color: #fff!important;
	display: flex!important;
	height: 60px!important;
	margin-left: 20px;
	border-radius: 10px;
	background-color: #62b850;
}
#js-header-menu-fixed .has-mega-menu a {
	height: 40px!important;
}
.mega-menu__style-2 a {
	margin-left: 10px;
	padding-right: 16px!important;
	background-color: #f28b36;
}
.has-mega-menu a:hover {
	opacity: 0.9;
}
.has-mega-menu a span {
	display: flex!important;
	align-items: center;
}
.has-mega-menu a span::after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-left: 10px;
	background-image: url('/wp-content/uploads/2026/05/icon05.png');
	background-size: contain;
	background-repeat: no-repeat;
}

/* SPドロワーメニュー */
.drawer-menu .has-mega-menu {
	margin: 10px 0;
	padding-left: 0!important;
}
.drawer-menu .has-mega-menu a {
	margin-left: 0;
	padding: 0 30px!important;
}
.drawer-menu .has-mega-menu a::before {
	display: none!important;
}
.drawer-menu .has-mega-menu a span {
	width: 100%;
	justify-content: space-between;
}

/* ハンバーガーメニュー */
.hamburger-menu-trigger span {
	height: 3px!important;
}

/* フッター */
#block-7, #block-8 {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	#js-footer .l-content .u-row {
		gap: 30px;
	}
}

/* 記事タイトル */
h1.article-title {
	font-size: 36px;
	font-weight: normal;
	text-align: center;
}
@media screen and (max-width: 767px) {
	h1.article-title {
		font-size: 28px;
	}
}

/* アイキャッチコンテンツ */
@media screen and (max-width: 1199px) {
	.eyecatch-contents > figure {
		margin-left: -30px!important;
	}
	.eyecatch-contents .epb-container-position {
		width: 300px;
		right: -40px;
		bottom: 0;
	}
}
@media screen and (max-width: 767px) {
	.eyecatch-contents {
		min-height: 330px;
		justify-content: flex-end;
	}
	.eyecatch-contents > figure {
		position: absolute;
		margin-top: 10px!important;
		padding-right: 20%;
	}
	.eyecatch-contents.horizontal-img > figure {
		margin-top: 50px!important;
	}
	.eyecatch-contents .epb-advanced-headling {
		margin-right: 0!important;
		margin-left: 0!important;
	}
	.eyecatch-contents p {
		font-size: 16px!important;
	}
	.eyecatch-contents .epb-container-position {
		display: none;
	}
	.eyecatch-contents .sp_bg-color {
		gap: 10px;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 20px;
	}
}
@media screen and (max-width: 480px) {
	.eyecatch-contents .epb-container-position {
		display: block;
		width: 150px;
		left: 10px;
		right: auto;
		bottom: 0;
	}
}

/* 縦読みタイトル SPで横読み */
@media screen and (max-width: 767px) {
	.vertical-title {
		width: 100%;
		margin: 0!important;
		justify-content: center!important;
	}
	.vertical-title h2 {
		writing-mode: inherit!important;
	}
}

/* 横並びコンテンツ SPで縦並び */
@media screen and (max-width: 767px) {
	.sp_column {
		flex-direction: column;
	}
}

/* SPで左右のmarginなし */
@media screen and (max-width: 767px) {
	.sp_marginLR0 {
		margin-right: 0!important;
		margin-left: 0!important;
	}
}

/* SPで順番を逆にする */
@media screen and (max-width: 767px) {
	.sp_reverse > div:nth-child(1) {
		order: 1;
	}
	.sp_reverse > div:nth-child(2) {
		order: 0;
	}
}

/* パネルブロック内のp要素の上部余白 */
.epb-panel-box p:not(:first-child) {
	margin-top: 16px;
}

/* コンテナBOXブロック内のp要素の上部余白 */
.epb-container-box > p:not(:first-child) {
	margin-top: 16px;
}

/* SP 写真のスライダー */
.sp_slide-photo .slick-slide:not(:last-child) {
	margin-right: 12px;
}

/* はじめまして！ゆいの声と申します */
@media screen and (max-width: 767px) {
	.greeting {
		flex-direction: column-reverse;
		align-items: center!important;
		gap: 0!important;
	}
	.greeting .epb-panel-box {
		width: 100%;
	}
	.greeting figure img {
		width: 170px!important;
	}
}

/* ゆいの声の訪問介護サービス */
.services .epb-broken-grid__background {
	border-radius: 20px;
}
@media screen and (min-width: 768px) {
	.services {
		width: 900px;
		margin: 30px auto;
	}
}
@media screen and (max-width: 767px) {
	.services {
		padding: 30px 16px!important;
	}
	.services .epb-broken-grid__content,
	.services .epb-broken-grid__content--inner {
		display: contents;
	}
	.services .epb-advanced-headling {
		order: 0;
	}
	.services .epb-broken-grid__media {
		order: 1;
		margin-top: 20px;
	}
	.services p {
		order: 2;
		font-size: 14px;
	}
}

/* ゆいの声 訪問介護サービス提供エリア */
@media screen and (max-width: 767px) {
	.service-area .epb-broken-grid__content,
	.service-area .epb-broken-grid__content--inner{
		display: contents;
	}
	.service-area .epb-advanced-headling {
		order: 0;
		justify-content: center!important;
	}
	.service-area .epb-broken-grid__media {
		order: 1;
		width: 200px;
		margin: 20px auto 10px;
	}
	.service-area p {
		order: 2;
		margin: 0 auto;
		width: fit-content;
	}
}

/* ブロークングリッドの重なり */
.overlap-layout .epb-broken-grid__content--inner {
	border-radius: 20px;
}
@media screen and (min-width: 960px) {
	.overlap-layout.epb-broken-grid.has-media-on-the-left .epb-broken-grid__content--l {
		width: 130%;
		margin-left: -30%;
	}
}
@media screen and (max-width: 959px) {
	.overlap-layout .epb-broken-grid__content {
		margin: -40px 26px 0;
	}
}

/* チェックアイコンリスト */
.check-list li {
	list-style: none;
	padding-left: 24px;
	background: url("/wp-content/uploads/2026/05/icon04.png") no-repeat left 9px;
	background-size: 14px 13px;
}

/* スタッフインタビュー */
@media screen and (min-width: 768px) {
	.staff-interview.img-left figure {
		width: 280px;
	}
}
@media screen and (max-width: 767px) {
	.staff-interview {
		flex-direction: column;
		gap: 0!important;
	}
	.staff-interview .staff-img {
		order: 0;
		display: flex;
		z-index: 0;
	}
	.staff-interview .staff-img figure {
		width: 190px;
	}
	.staff-interview > .epb-panel-box {
		order: 1;
		margin-top: -100px;
		z-index: 1;
	}
}

/* スタッフ１日の流れ */
.staff-flow .time {
	width: 130px;
	text-align: center;
}
.staff-flow .img-right {
	right: -60px;
}
.staff-flow .img-right img {
	filter: drop-shadow(10px 10px 0px #e5f1e5);
}
@media screen and (max-width: 959px) {
	.staff-flow .time {
		top: -15px;
		left: calc(50% - 65px);
	}
}

/* 働き方ページ アイキャッチ */
@media screen and (max-width: 767px) {
	.work_eyecath {
		padding-top: 40px;
	}
	.work_eyecath .epb-advanced-headling {
		margin: 0!important;
		padding: 10px;
		position: absolute;
		top: -10px;
		left: 30px;
		border-radius: 20px;
		background-color: rgba(255, 255, 255, 0.7);
	}
}

/* テーブルレイアウト */
.wp-block-table.is-style-table__border-bottom-left-right tbody td:first-child:after {
	height: 3px;
}

/* 求人申込み・お問合せフォーム */
.wpcf7-form > p {
	margin-bottom: 20px;
}
.wpcf7-form .required {
	color: #fff;
	font-size: 0.8em;
	margin-left: 6px;
	padding: 0 8px;
	background-color: #f1852c;
	border-radius: 4px;
}
.wpcf7-form input[type="date"] {
	max-width: 200px;
}
.wpcf7-radio,
.wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}
.wpcf7-radio .wpcf7-list-item {
	width: calc(25% - 15px);
	margin-left: 0;
}
.wpcf7-checkbox .wpcf7-list-item {
	width: calc(50% - 10px);
	margin-left: 0;
}
.wpcf7-radio .wpcf7-list-item label,
.wpcf7-checkbox .wpcf7-list-item label {
	display: block;
	padding-left: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
}
.wpcf7-form > p:has(input[type="submit"]) {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.wpcf7-radio .wpcf7-list-item {
		width: calc(50% - 10px);
	}
}