/*
Theme Name: 有限会社エル 求人採用サイト
Author: 9Design
Author URI: https://9design.jp/
Description: 採用パッケージテーマ7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSEbout
Text Domain: 採用パッケージ7
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
# Footer
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## トップページ
## インタビュー詳細
## 募集要項詳細
## サイドバー
## アーカイブ（お知らせ）
## お知らせ詳細
## 固定ページ
## よくある質問
## 99の質問
## オンライン面談
## マッチング率
## 404ページ
## 検索結果
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
# Break Point
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: employment2line;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
	font-size: 1rem;
	cursor: pointer;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
}
mark {
	background-color: rgba(252, 207, 17, 0.3);
	color: var(--txt-color);
}
small {
	font-size: 75%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: employment2line;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	padding: 0;
	margin: 0;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.form-section{
	max-width:600px !important;
}
.no-recaptcha p{
	font-size:clamp(0.938rem, 0.836rem + 0.32vw, 1rem);
}
.no-recaptcha a{
	text-decoration:underline;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 1.5rem;
}
td{
	line-height: 2;
}
th{
	line-height: 1.5;
}
td a,
th a {
	font-size: clamp(0.875rem, 0.821rem + 0.24vw, 1rem);
	line-height: 2;
}
@media screen and (max-width: 824px) {
	p>a {
		background-color: transparent;
		font-size: 15px;
	}
	td,
	th {
		padding: 1.5em 1em;
	}
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
	font-size: 16px;
}
body,
button,
input,
select,
textarea {
	font-family:'Montserrat', 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	color: var(--txt-color);
}
h1, h2, h3, h4, h5{
	line-height: 1.5;
	font-weight: 500;
}
h3 {
	font-size:clamp(1.2rem, 0.834rem + 0.71vw, 1.5rem);
}
h4 {
	font-size:clamp(1.2rem, 0.834rem + 0.71vw, 1.5rem);
}
h5 {
	font-size: 1rem;
}
p {
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	line-height: 2;
	letter-spacing: -0.01em;
	margin: 1em 0 1.5em 0;
}
a{
	color: var(--txt-color);
}
ul, li {
	line-height: 2;
}
th, td {
	font-size:1rem;
}
dt {
	font-weight:bold;
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
}
dd {
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	line-height: 1.75em;
	margin: 0.75em 0 1.5em 0;
}
figcaption{
	font-size:clamp(0.875rem, 0.781rem + 0.18vw, 1rem);
	margin-top:0.5em;
}
@media screen and (max-width: 824px) {
	p{
		line-height:1.8;
	}
}
@media screen and (max-width: 510px) {
	p,dt,dd,td,th{
		font-size: 0.9375rem;
	}
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
color（色）
--------------------------------------------------------------*/
:root {
	--txt-color: #4D441B;
	--main-green: #74B46C;
	--sub-green:#33A556;
	--light-green:#97C952;
	--pink: #EB7F77;
	--blue: #4DA5CC;
	--base-green:#ECF5E5;
	--base-beige:#F5F2E4;
	--base-cream:#FDFCF7;
	--gray:#F5F7F6;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
@media screen and (min-width: 1024px) {
	.content-area{
		position:relative;
		top:-17px;
	}
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0;
	padding: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li,
ul.row,
ol.row {
	list-style: none;
}
li>ul,
li>ol {
	margin-bottom: 0;
}
img {
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
	transition: all 0.3s ease-in-out;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
em {
	font-style: normal;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: block;
	color: #fff;
	transition: all 0.3s ease-in-out;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border-color: rgba(52, 52, 52, 0.15);
	border-radius: 3px;
	background: #fff;
	padding: 3px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"] {
	/*max-width: 500px;*/
	width: 100%;
	height: 50px;
}
select {
	border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
textarea {
	width: 100%;
	line-height: 1.3;
}
/*--------------------------------------------------------------
# animation
--------------------------------------------------------------*/
.inview {
	transform: translateY(10px);
	opacity: 0;
	transition: transform 1s, opacity 1s;
}
.inview.show {
	transform: translateY(0);
	opacity: 1;
}
@media screen and (max-width: 824px) {
	.archive .inview,
	.single-recruit .inview {
		transform: translateY(0px);
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/*footer_募集要項*/
.footer-recruit-wrapper{
	background: url(./images/common/back-recruit.jpg) no-repeat center / cover;
	padding: 5rem 0;
	margin-top: 0 !important;
	margin-bottom: 0;
	margin-left: clamp(1rem, -0.364rem + 5.82vw, 4rem);
	margin-right: clamp(1rem, -0.364rem + 5.82vw, 4rem);
	border-radius: 90px;
	color:#fff;
}
@media screen and (max-width: 510px) {
	.footer-recruit-wrapper{
		border-radius: 60px;
	}
}
.footer-recruit-wrapper h2.headline {
	margin-bottom:2rem;
}
.footer-recruit-wrapper .top-link{
	margin-top:3rem;
}
.footer-recruit-wrapper .top-link a{
	display:block;
	max-width:800px;
	width:100%;
	margin:0 auto;
	font-size:clamp(1rem, 0.435rem + 1.1vw, 1.75rem);
}
.footer-recruit-wrapper .top-link a::before{
	background: url(./images/common/yajirushi-pink.svg) no-repeat;
	width: 45px;
	height: 45px;
}
@media screen and (max-width: 824px) {
	.footer-recruit-wrapper{
		padding: 4rem 0;
	}
}

/*footer_フッター*/
footer.back-cream{
	padding:0 !important;
}
.footer-menu.row{
	margin:4.5rem auto;
	gap:2rem 2.5rem;
}
.footer-info .site-title img {
	max-width:270px;
}
@media screen and (max-width: 824px) {
	.footer-info .site-title img {
		max-width: 220px;
	}
}
@media screen and (max-width: 510px) {
	.footer-info .site-title img {
		max-width: 170px;
	}
}
.pharmacy-link{
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	margin:2.5rem 0;
}
.pharmacy-link a{
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	text-decoration:underline;
}
.pharmacy-link a img{
	margin-bottom:12px;
}

.footer-info .tel-contact a,
.footer-info .tel-contact .number{
	font-size:clamp(1.5rem, 0.935rem + 1.1vw, 2.25rem);
	color:var(--main-green);
	font-weight:bold;
}
.footer-info .tel-contact .txt-green{
	color:var(--main-green);
}

.f-menu-wrapper {
	max-width:1000px;
	margin-bottom: 0;
}
@media screen and (max-width: 824px) {
	.f-menu-wrapper {
		display: none !important;
	}
}
.f-menu-wrapper .content {
	gap: 0 1rem !important;;
}
.f-menu-wrapper .category {
	margin-bottom: 1.75rem;
}
@media screen and (max-width: 824px) {
	.f-menu-wrapper .category {
		margin-bottom: 1rem;
	}
}
.f-menu-wrapper .category>a {
	color:var(--main-green);
	font-size: clamp(1rem, 0.914rem + 0.38vw, 1.2rem);
	line-height:1.5em;
	margin-bottom:7px;
}
.f-menu-wrapper a {
	display: block;
	line-height: 2em;
	padding-bottom:0.5rem;
	font-size: clamp(0.85rem, 0.786rem + 0.29vw, 1rem);
	font-weight: 500;
}

/**/
.pagetop-wrapper {
	position: fixed;
	right: 8%;
	bottom: 50px;
	z-index: 2;
}
@media screen and (max-width: 824px) {
	.pagetop-wrapper {
		bottom: 70px;
	}
}
@media screen and (max-width: 510px) {
	.pagetop-wrapper {
		right: 5%;
	}
}
.pagetop-wrapper a {
	color: var(--red-orange);
	font-size: 0.85rem;
}
.pagetop-wrapper img {
	width: 20px;
	margin-bottom: 5px;
}
.copyright {
	padding: 1rem 0;
	margin: 7.5rem 0 0 0;
	font-size: 0.75rem;
	text-align: center;
	line-height: 1;
	border-top:solid 0.5px var(--txt-color);
}
.post-type-archive-recruit .copyright,
.single-recruit .copyright{
	margin-bottom: 0 !important;
}
@media screen and (max-width: 1024px) {
	.copyright.main-wrapper{
		margin: 4rem auto 56px auto;
	}
}
@media screen and (max-width: 510px) {
	.copyright {
		position: relative;
		right: 0;
		bottom: 0;
		font-size: 11px;
		line-height: 1.6;
	}
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
a:hover,
a:active {
	opacity: 0.7;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
a:hover img {
	opacity: 1;
}
@keyframes flash {
	0% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}
.expansion-thumb {
	overflow: hidden;
}
.expansion-thumb img {
	width: 100%;
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.expansion-thumb a:hover img {
	transform: scale3d(1.1, 1.1, 1);
	animation: none;
}
/*--------------------------------------------------------------
##  Header・Menus
--------------------------------------------------------------*/
header.site-header {
	position: fixed;
	z-index: 1;
	top:0;
	width: 22%;
	height: 100vh;
	background: #fff;
	overflow-y: auto; /* メニュー内だけスクロール */
	overflow-x: hidden;
	scrollbar-width: thin; /* Firefox対応 */
	scrollbar-color: #ccc #f5f5f5;
	box-shadow: 0 4px 12px rgba(165, 190, 179, 0.1);
	z-index:999;
}
@media screen and (max-width:1024px) {
	.site-header .site-branding{
		background: rgba(233, 243, 227, 0.9);
		padding:16px;
		border-radius:0 0 15px 0;
	}
	.site-header.fixed .site-branding{
		background:transparent;
	}
	.site-header .site-branding img {
		display: block;
		transition: transform 0.3s ease;
		transform-origin: top left;
	}
	.site-header.fixed .site-branding img {
		transform: scale(0.8);
	}
}
.pc-menu-list .btn a{
	font-size:1rem;
	padding: 1.25em 2.5em 1.25em 1.5em;
	gap:5px;
}
.pc-menu-list .btn a br{
	display:none;
}
@media screen and (max-width: 1618px) and (min-width: 1025px) {
	.pc-menu-list .btn a br{
		display:block;
	}
}
.pc-menu-list .btn a img{
	width:clamp(1.375rem, 0.802rem + 0.89vw, 1.875rem);
	height:clamp(1.375rem, 0.802rem + 0.89vw, 1.875rem);
}
.pc-menu-list .btn a::before{
	right:clamp(0.5rem, -0.071rem + 0.89vw, 1rem);
}

/* スクロールバーのデザイン（Chrome, Edge, Safari） */
.pc-menu-list::-webkit-scrollbar {
	width: 8px;
}
.pc-menu-list::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 4px;
}
.pc-menu-list::-webkit-scrollbar-track {
	background: #f5f5f5;
}

.pc-menu-list{
	display:block;
}
@media screen and (max-width: 1024px) {
	header.site-header{
		width: 100%;
		height: auto; 
		overflow: visible;
	}
	.pc-menu-list{
		display:none;
	}
}
.site-branding {
	position:inherit;
	max-width:100%;
	width: clamp(11.25rem, 7.021rem + 8.21vw, 16.875rem);
	margin-bottom:3.5rem;
	z-index:10;
}
@media screen and (max-width: 1024px) {
	.site-branding {
		width: 170px;
		margin-bottom:0;
	}
}
@media screen and (max-width: 510px) {
	.site-branding {
		width: 120px;
	}
	.home .site-branding {
		width: 150px;
	}
}
.site-title {
	margin: 0;
}
.site-title .site-name {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.hd-top-wrapper{
	position:relative;
	padding:clamp(1.5rem, -1.183rem + 4.19vw, 4rem) clamp(1.5rem, -1.183rem + 4.19vw, 4rem) 10rem clamp(1.5rem, -1.183rem + 4.19vw, 4rem);
	background:#fff;
}
@media screen and (max-width: 1024px) {
	.hd-top-wrapper{
		height:0;
		padding:0;
	}
}
.hd-button a {
	display: block;
	color: #fff;
	padding: 1rem 2rem;
	margin-left: 1.5rem;
	width: 260px;
	border-radius: 100vh;
	text-align: center;
	position: relative;
	background: var(--dark-green);
}
@media screen and (max-width:1500px) {
	.hd-button a {
		padding: 1rem 1.5rem;
		margin-left: 1rem;
	}
}
.hd-button a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	transition: 0.3s;
	background: url(./images/common/yajirushi-gr.svg) no-repeat;
}
.hd-button a:hover::before {
	left: 20px;
	transition: left 0.3s ease-in-out;
}
@keyframes hdfix {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/* ==========================================================
PCメニュー（グローバルナビゲーション）
========================================================== */
header .drawer-nav .drawer-nav-list {
	display: flex;
	justify-content: center;
	gap: 2rem;
}
.gnavi__lists {
	display: flex;
}
.gnavi__list {
	position: relative;
	padding: 0 1.2em;
}
@media screen and (max-width:1500px) {
	.gnavi__list {
		padding: 0 0.75rem;
	}
}
.gnavi__list > a {
	display: inline-flex;
	white-space: nowrap;
	font-size: 1.2rem;
	color: var(--txt-color);
	padding: 2rem 0;
}
@media screen and (max-width:1300px) {
	.gnavi__list > a {
		font-size: 0.85rem;
	}
}
.gnavi__list > a:hover {
	opacity: 1;
}
.gnavi__list > a img {
	padding-left: 5px;
}

/* ドロップダウン（PC） */
.dropdown__lists {
	visibility: hidden;
	opacity: 0;
	transition: all .2s;
	position: absolute;
	top: 94px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	width: 260px;
	padding: 0 1rem;
	margin-left: 0;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 2px 2px 12px rgba(71, 22, 22, 0.05);
}
.gnavi__list:hover .dropdown__lists,
.gnavi__list:focus .dropdown__lists {
	visibility: visible;
	opacity: 1;
	position: absolute;
	transition: all 0.3s ease-in-out;
}
.dropdown__list {
	background-color: #fff;
	transition: all .3s;
	position: relative;
}
.dropdown__list a {
	height: 60px;
	padding: 0 5px;
	position: relative;
}
@media screen and (max-width:1300px) {
	.dropdown__list a {
		height: 55px;
	}
}
.dropdown__list a::after {
	content: "";
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: url(./images/common/menu-yajirushi.svg) no-repeat center / contain;
	width: 5px;
	height: 10px;
}
.dropdown__list:not(:first-child)::before {
	content: "";
	width: 100%;
	height: 0.5px;
	background-color: #ddd4ca;
	position: absolute;
	top: 0;
	left: 0;
}
.dropdown__list:hover {
	color: var(--red-orange);
}
.dropdown__list a {
	display: flex;
	justify-content: left;
	align-items: center;
	color: var(--txt-color);
	text-decoration: none;
	position: relative;
}
@media screen and (max-width:1300px) {
	.dropdown__list a {
		font-size: 0.85rem;
	}
}
.dropdown__list a::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(135deg);
	position: absolute;
	right: 15px;
	top: calc(50% - 5px);
}
.pc-menu-list .btn-wrapper{
	margin-top:4rem;
}

/* ==========================================================
SPメニュー共通
========================================================== */
.sp-menu-wrapper.row {
	display: flex !important;
	align-items: center;
	justify-content: right;
	flex-basis: 120px;
}
.gm,
.sp-menu {
	display: none;
}

/* ==========================================================
ハンバーガーボタン
========================================================== */
.menu-trigger {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	display: inline-block;
	z-index: 100001;
	background: #333;
	width: 90px;
	height: 90px;
	border-radius: 0 0 0 10px;
	background:var(--main-green);
}
@media screen and (min-width:1024px) {
	.menu-trigger {
		display: none;
	}
}
@media screen and (max-width:824px) {
	.menu-trigger {
		width: 70px;
		height: 70px;
		padding: 6px 11px 16px 11px;
	}
}
.menu-trigger span {
	display: block;
	margin: 40px auto 0 auto;
	color: #fff;
}
@media screen and (max-width:824px) {
	.menu-trigger span {
		margin: 27px auto 0 auto;
	}
}

/* ハンバーガーアイコン */
.drawer-hamburger-icon {
	background: #fff;
	margin-top: 0;
	height: 2px;
	width: 40px;
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	content: "";
	display: block;
	position: relative;
	height: 2px;
	background: #fff;
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	width: 40px;
}
.drawer-hamburger-icon:before { top: -9px; }
.drawer-hamburger-icon:after { top: 7px; }

/* 開閉時アニメーション */
.active .drawer-hamburger-icon {
	background: transparent;
}
.active .drawer-hamburger-icon::before {
	transform: rotate(30deg);
	top: 0;
	background: #fff;
}
.active .drawer-hamburger-icon::after {
	transform: rotate(-30deg);
	top: -2px;
	background: #fff;
}
.menu-trigger.active span {
	color: #fff;
}

/* ==========================================================
SPメニュー展開領域
========================================================== */
@media screen and (max-width:1024px) {
	.sp-menu {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(253, 251, 245, 0.95);
		list-style: none;
		z-index: 100000;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		text-align: left;
		z-index: 10;
	}
}
.sp-menu-inner {
	display: flex;
}

/* ==========================================================
アコーディオン開閉（SP）
========================================================== */
.menu-toggle {
	display: none;
}
.menu-label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding: 1em 0;
}
.pc-menu-list .menu-label {
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(
		to right,
		var(--txt-color) 0,
		var(--txt-color) 4px,
		transparent 4px,
		transparent 8px
	) 1;
}
.menu-label::after {
	content: '＋';
	margin-left: 8px;
	font-size: 18px;
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	color: var(--txt-color);
}
.menu-toggle:checked + .menu-label::after {
	content: '−';
	transform: rotate(180deg);
	color: var(--txt-color);
}
.drawer-dropdown .menu-toggle:checked ~ .drawer-dropdown-menu {
	display: block;
	max-height: 500px;
	opacity: 1;
	transition: max-height 1.2s ease, opacity 0.6s ease 0.1s;
	margin:1rem 0;
}
.menu-toggle:not(:checked) + .menu-label + .drawer-dropdown-menu {
	pointer-events: none;
	max-height: 0;
	opacity: 0;
}
.drawer-dropdown .menu-toggle:checked ~ .drawer-dropdown-menu {
	pointer-events: auto;
	max-height: 500px;
	opacity: 1;
	margin: 1rem 0;
}
.drawer-dropdown .menu-toggle:checked ~ .drawer-dropdown-menu a{
	padding: 0.5em 0;
	display: block;
}
/* 閉じる時 */
.menu-toggle:not(:checked) + .menu-label + .drawer-dropdown-menu {
	max-height: 0;
	opacity: 0;
	transition: max-height 0.6s ease, opacity 0.6s ease;
}

/* ==========================================================
SPメニュー レイアウト・装飾
========================================================== */
.sp-menu-list ul {
	max-width: 800px;
	margin: 0 auto;
}
.sp-menu .sp-menu-list {
	width: 100%;
	height: 100vh;
	padding: 8rem 11rem;
	margin: 0 auto;
	overscroll-behavior-y: contain;
	overflow-y: auto;
}
.sp-menu .sp-menu-list .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 4rem;
}
@media screen and (max-width:900px) {
	.sp-menu .sp-menu-list {
		padding: 7rem 1.5rem 10rem 1.5rem;
	}
	.sp-menu .sp-menu-list .row {
		grid-template-columns: 1fr;
	}
}
.sp-menu .sp-menu-list .default-btn {
	margin: 4rem auto 0 auto;
}

/* リスト・文字設定 */
.sp-menu li.drawer-dropdown {
	font-size: clamp(1.2rem, 1.091rem + 0.55vw, 1.5rem);
}
.sp-menu li.drawer-dropdown.menu-category {
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(
		to right,
		var(--txt-color) 0,
		var(--txt-color) 4px,
		transparent 4px,
		transparent 8px
	) 1;
}
.sp-menu li.drawer-dropdown.menu-category:not(:has(+ .menu-category)){
	margin-bottom:1.5rem;
}
.sp-menu li.drawer-dropdown > a {
	display: block;
	font-size: clamp(1.2rem, 1.091rem + 0.55vw, 1.5rem);
	padding: 1.5rem 0;
}
.sp-menu li.drawer-dropdown-small {
	display:inline-block;
}
.sp-menu li.drawer-dropdown-small a {
	font-size: 0.85rem;
	display: inline-block;
	position:relative;
	z-index:2;
}

.sp-menu li.drawer-dropdown li a {
	display: block;
	padding: 0.5em 0;
	font-size: clamp(1rem, 0.562rem + 0.85vw, 1.2rem);
	margin-left: 27px;
}

/* ボタン配置 */
.sp-menu .sp-menu-list .btn-wrapper {
	max-width: 800px;
	margin: 2rem auto 0 auto;
	gap: 1rem 2rem;
}
.sp-menu .sp-menu-list .btn a {
	font-size: clamp(1rem, 0.771rem + 0.36vw, 1.2rem);
	width: 100%;
	padding: 1.25em 2.5em 1.25em 1.5em;
}
.sp-menu .sp-menu-list .btn a img{
	width: clamp(1.375rem, 0.802rem + 0.89vw, 1.875rem);
	height: clamp(1.375rem, 0.802rem + 0.89vw, 1.875rem);
}
/*tb以下固定ボタン*/
@media (min-width: 1024px) {
	.fixed-btn {
		display: none;
	}
}
@media (max-width: 1024px) {
	.fixed-btn {
		display: block;
	}
	.fixed-btn {
		display: block;
		width: 100%;
		position: fixed;
		top: inherit;
		bottom: 0;
		display:flex;
		z-index: 10;
	}
	.fixed-btn a {
		color: #fff;
		background:var(--green);
		padding: 1rem;
		display: flex;
	}
	.fixed-btn a {
		color: #fff;
		background:var(--pink);
		padding: 1rem;
		display: flex;
		font-size:1rem;
		line-height:1.4;
		width:50%;
		justify-content: center;
		align-items: center;
		gap:5px;
	}
	.fixed-btn a:nth-of-type(2) {
		background:var(--main-green);
	}
	.fixed-btn a img{
		width: clamp(1.375rem, 0.554rem + 1.28vw, 2.094rem);
		height: clamp(1.375rem, 0.554rem + 1.28vw, 2.094rem);
	}
}
@media (max-width: 510px) {
	.fixed-btn a {
		padding:9px 1rem;
		font-size:15px;
	}
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 30px;
}
.widget_archive h2,
.widget_recent_entries h2 {
	margin-bottom: 5px;
}
.widget select {
	max-width: 100%;
	margin: 15px 35px;
	font-size: 16px;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget li {
	padding: 10px 0 7px 0;
	line-height: 1.3;
	border-bottom: dotted 1px rgba(52, 52, 52, 0.15);
}
.widget li:last-child {
	border-bottom: none;
}
/* カテゴリー */
.widget li.cat-item {
	border: 1.5px solid;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}
.widget li.cat-item a {
	color: #343434;
}
/* アーカイブ */
.widget_archive li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f152";
	font-weight: bold;
	transform: translateY(-50%);
	margin-right: 8px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.entry-content {
	margin: 4rem 0 0 0;
	padding: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.site-content {
	margin: 0;
}
/*row共通クラス*/
.row {
	display: flex;
}
.row.repeat-grow1-1>*,
.row.repeat-grow1-1>* {
	flex: 1;
	width: 100%;
}
.row.repeat-grow1-2>*:nth-of-type(1) {
	flex: 1;
	width: 100%;
}
.row.repeat-grow1-2>*:nth-of-type(2) {
	flex: 2;
	width: 100%;
}
.row.repeat-grow2-1>*:nth-of-type(1) {
	flex: 2;
	width: 100%;
}
.row.repeat-grow2-1>*:nth-of-type(2) {
	flex: 1;
	width: 100%;
}
.row.repeat-grow1-3>*:nth-of-type(1) {
	flex: 1;
	width: 100%;
}
.row.repeat-grow1-3>*:nth-of-type(2) {
	flex: 3;
	width: 100%;
}
.row.repeat-grow3-1>*:nth-of-type(1) {
	flex: 3;
	width: 100%;
}
.row.repeat-grow3-1>*:nth-of-type(2) {
	flex: 1;
	width: 100%;
}
.row.repeat-grow4-1>*:nth-of-type(1) {
	flex: 4;
	width: 100%;
}
.row.repeat-grow4-1>*:nth-of-type(2) {
	flex: 1;
	width: 100%;
}
.row.repeat-grow1-4>*:nth-of-type(1) {
	flex: 1;
	width: 100%;
}
.row.repeat-grow1-4>*:nth-of-type(2) {
	flex: 4;
	width: 100%;
}
.row.repeat-grow1-5>*:nth-of-type(1) {
	flex: 1;
	width: 100%;
}
.row.repeat-grow1-5>*:nth-of-type(2) {
	flex: 5;
	width: 100%;
}
@media screen and (max-width: 824px) {
	.row {
		flex-direction: column;
	}
	.row.repeat-grow1-2>*:nth-of-type(1),
	.row.repeat-grow1-2>*:nth-of-type(2),
	.row.repeat-grow2-1>*:nth-of-type(1),
	.row.repeat-grow2-1>*:nth-of-type(2),
	.row.repeat-grow1-3>*:nth-of-type(1),
	.row.repeat-grow1-3>*:nth-of-type(2),
	.row.repeat-grow3-1>*:nth-of-type(1),
	.row.repeat-grow3-1>*:nth-of-type(2),
	.row.repeat-grow1-4>*:nth-of-type(1),
	.row.repeat-grow1-4>*:nth-of-type(2),
	.row.repeat-grow4-1>*:nth-of-type(1),
	.row.repeat-grow4-1>*:nth-of-type(2),
	.row.repeat-grow1-5>*:nth-of-type(1),
	.row.repeat-grow1-5>*:nth-of-type(2) {
		flex: 1;
		display: block;
	}
}
.page .repeat-grow1-1,
.page .repeat-grow2-1 {
	gap: 1rem clamp(2rem, -0.191rem + 4.26vw, 3rem);
}
.page .repeat-grow1-1:not(:last-of-type) {
	margin-bottom: 2.5rem;
	gap: 2rem;
}
/*.home .repeat-grow1-1{
gap: 2.5rem clamp(2rem, -1.287rem + 6.38vw, 3.5rem);
margin-bottom: 0;
}*/
.main-wrapper {
	max-width: 1333px;
	width: 90%;
	margin: 0 auto;
}
.main-wrapper {
	max-width: 1333px;
	width: 90%;
	margin: 0 auto;
}
.main-wrapper-min {
	max-width: 1111px;
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 824px) {
	.main-wrapper,
	.main-wrapper-min{
		width: 90%;
	}
}
.ibl {
	display: inline-block;
	vertical-align: middle;
}
.tcenter {
	text-align: center;
}
.tright {
	text-align: right;
}
.tleft {
	text-align: left;
}
.nowrap {
	white-space: nowrap;
}
.img-caption {
	margin-top: 10px;
	font-weight: bold;
}
.btn a {
	max-width: 370px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	color: #fff;
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	border-radius: 100vh;
	padding: 1.25em 3.5vw;
	margin: 0 auto;
	background: var(--pink);
	border: solid 1px var(--txt-color);
	position: relative;
}
@media screen and (max-width:824px) {
	.btn a {
		padding: 1.25em 4vw;
	}
}
@media screen and (max-width:824px) {
	.btn a {
		display: block;
		width: 100%;
		text-align:center;
	}
}
.btn a::before {
	content: '';
	background: url(./images/common/yajirushi-black.svg) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	transition: all 0.3s ease-in-out;
}
/*緑ボタン*/
.btn.green-btn a {
	background: var(--main-green);
	border:solid 1px var(--txt-color);
}
.btn.green-btn a:before {
}
.btn.green-btn a:hover::before {
	right: 0.7rem;
}
/*ピンクボタン*/
.btn.pink-btn a{
	background: var(--pink);
	border:solid 1px var(--txt-color);
}
.btn.pink-btn a:hover::before{
	right: 0.7rem;
}
/*青ボタン*/
.btn.blue-btn a {
	background: var(--blue);
	border:solid 1px var(--txt-color);
}
/*ボタン横並び*/
.btn-wrapper{
	display:flex;
	flex-direction:column;
	gap: 1rem 1.5rem;
	margin-top: 2rem;
}
.btn-wrapper.row>.btn {
	margin: 0;
}
.breadcrumb-list,
.breadcrumb-list a {
	font-weight:500;
	padding: 15px 0;
	font-size: 11px;
}
.breadcrumb-list .sep {
	margin: 0 8px;
	opacity: 0.5;
}
@media screen and (max-width: 510px) {
	.breadcrumb-list {
		line-height: 1.6;
	}
}
/*--------------------------------------------------------------
# 切り替え
--------------------------------------------------------------*/
.sp {
	display: none;
}
.tb {
	display: none;
}
.pc {
	display: block;
}
@media screen and (max-width: 824px) {
	.pc {
		display: none;
	}
	.sp {
		display: none;
	}
	.tb {
		display: block;
	}
}
@media screen and (max-width: 510px) {
	.tb {
		display: none;
	}
	.sp {
		display: block;
	}
}
/*--------------------------------------------------------------
## 共通パーツ
--------------------------------------------------------------*/
/*文字スタイル*/
/*top_文字*/
.home .headline-orange{
	font-size:clamp(1rem, 0.756rem + 0.47vw, 1.2rem);
	color: var(--red-orange);
	margin:0;
}
.home .headline-green{
	font-size:clamp(1rem, 0.756rem + 0.47vw, 1.2rem);
	color: var(--green);
}
.home .headline-orange{
	font-size:clamp(1rem, 0.756rem + 0.47vw, 1.2rem);
	color: var(--red-orange);
}
.home h3.headline,
.home h2.headline{
	font-size:clamp(1.5rem, 1.114rem + 1.21vw, 2.25rem);
}
h2.headline {
	margin-top: 0;
	margin-bottom: 2em;
}
h2.headline span {
	letter-spacing: 0;
}
p.lead {
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
}
/*共通_文字*/
h2.headline {
	font-size:clamp(1.5rem, 0.891rem + 1.18vw, 2rem);
}
.headline-large {
	font-size:clamp(1.5rem, 0.985rem + 1.62vw, 2.5rem);
	margin-bottom:1.5em;
}
.headline-midium {
	font-size:clamp(1.2rem, 0.597rem + 1.17vw, 2rem);
}
h2.small {
	font-size: 36px;
	font-size: 2.25rem;
}
h3.headline{
	font-size:clamp(1.2rem, 0.917rem + 0.89vw, 1.75rem);
	margin-bottom:1em;
}
.hl-sub{
	font-size:clamp(1rem, 0.623rem + 0.73vw, 1.5rem);	
	color: var(--main-green);
	position:relative;
	margin:0 0 0.5em 35px;
}
.home .hl-sub{
	margin:0 0 1em 35px;
}
.hl-sub::before{
	position: absolute;
	content: "";
	background: url(./images/common/hl-sub-leaf.svg) no-repeat center / contain;
	top: 50%;
	left: -35px;
	transform:translatey(-50%);
	width:31px;
	height: 25px;
}
.hl-sub-wt{
	color:#fff;
	font-size:1.2rem;
	font-weight:bold;	
	position:relative;
	margin:0 0 1em 35px;
}
.hl-sub-wt::before{
	position: absolute;
	content: "";
	background: url(./images/common/hl-sub-leaf-wt.svg) no-repeat center / contain;
	top: 50%;
	left: -35px;
	transform:translatey(-50%);
	width:31px;
	height: 25px;
}
.hl-sub.hl-center,
.hl-sub-wt.hl-center{
	display:inline-block;
	text-align:center;
}
.hl-solo{
	text-align:center;
	font-size:clamp(1.5rem, 1.123rem + 0.73vw, 2rem);
	margin-bottom:1.5em;
}
.hl-solo span{
	position: relative;
	display: inline-block;
	margin: 0 0 0.5em 35px;
	position: relative;
}
.hl-solo span::before{
	position: absolute;
	content: "";
	background: url(./images/common/hl-sub-leaf.svg) no-repeat center / contain;
	top: 50%;
	left: -35px;
	transform: translatey(-50%);
	width: 31px;
	height: 25px;
}
/*--------------------------------------------------------------
# サイト全体_独自の共通css
--------------------------------------------------------------*/
#site-content{
	margin: 0 0 0 22%;
}
@media screen and (max-width: 1024px) {
	#site-content{
		margin: 0;
	}
}
.radius-small {
	border-radius:10px;
}
.radius-medium{
	border-radius:30px;
}
.img-cover {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}
.inner {
	margin-top: 3.5rem;
}
@media screen and (max-width: 824px) {
	.inner {
		margin-top: 2.5rem;
	}
}
.cycle-orange {
	color: var(--red-orange);
}
.nowrap {
	white-space: nowrap;
}
@media screen and (max-width: 824px) {
	.sp-order0 {
		order: 0;
	}
	.sp-order1 {
		order: 1;
	}
}
a.wrap-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.txt-green{
	color:var(--main-green);
}
.txt-ltgreen{
	color:var(--light-green);
}
.txt-pink{
	color:var(--pink);
}
/*--------------------------------------------------------------
## トップページ
--------------------------------------------------------------*/

/*top_共通パーツ*/
/*見出し*/
.home .headline {
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 0.5px var(--thin-brown02);
	position: relative;
	margin-bottom: 1em;
	row-gap: 1rem;
}
@media screen and (max-width: 824px) {
	.home .headline {
		align-items: flex-start;
	}
}
.home .headline::before {
	content: "";
	width: 40px;
	height: 5px;
	background: var(--thin-brown01);
	display: block;
	position: absolute;
	bottom: -2.5px;
}
.headline h2 {
	font-size: clamp(1.5rem, 1.045rem + 1.94vw, 2.5rem);
	color: var(--dark-brown);
	margin: 0 0 0 clamp(2.25rem, 1.714rem + 2.38vw, 3.5rem);
	position: relative;
}
.headline h2::before {
	content: "";
	background: url(./images/common/yajirushi-bl-small.svg) no-repeat center / contain;
	position: absolute;
	top: 55%;
	transform: translatey(-50%);
	left: -55px;
	width: 35px;
	height: 35px;
	transition: left 0.3s ease-in-out;
}
.headline a:hover h2::before {
	left: -50px;
	transition: left 0.3s ease-in-out;
}
@media screen and (max-width:824px) {
	.headline h2::before {
		left: -35px;
		width: 25px;
		height: 25px;
	}
	.headline a:hover h2::before {
		left: -30px;
	}
}
/*topボタン*/
.top-links{
	margin-top:2.5rem;
}
.top-links.row{
	gap:1rem 2.5rem;
}
.top-link + .top-link{
	margin-top:1rem;
}
.top-links.row .top-link + .top-link{
	margin-top:0;
}/*
.top-link a {
position: relative;
gap:0 1.5rem;
align-items:center;
height: 100%;   
padding: 1.5em 3.5rem 1.65em 3.5rem;
border-radius:50rem;
outline: 2px dotted var(--txt-color);
outline-offset: -1px;
background:#fff;
}*/
.top-link a {
	position: relative;
	background: #fff;
	border-radius: 50rem;
	padding: 1.5em 3.5rem;
}
.top-link a::after {
	content: "";
	position: absolute;
	inset: 0; /* 四辺ぴったり */
	border-radius: inherit;
	border: 2px dotted var(--txt-color);
	border-radius: 50rem;
	pointer-events: none;
}
.top-link:last-of-type a{
	border-bottom:none;
}
.top-link a::before {
	content: "";
	background: url(./images/common/yajirushi-green.svg) no-repeat;
	background-size: contain;
	position: absolute;
	right: 21px;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	height: 35px;
	transition: right 0.3s ease-in-out;
}
.top-link a:hover::before {
	right: 13px;
	transition: right 0.3s ease-in-out;
}
.top-link a .ttl{
	font-size: clamp(1.2rem, 1.064rem + 0.58vw, 1.5rem);
	line-height:1.2;
}
.top-link a .sub{
	color: var(--main-green);
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	line-height:1.5;
	display: block;
	margin-bottom:0.5em;
}
@media screen and (max-width:824px) {
	.link-area{
		border:solid 4px #EBE2D5;
		border-radius:20px;
		padding:0.5rem 2rem;
	}
	.top-link a {
		flex-direction:row;
		padding: 1.5em 2.5rem 1.65em 2.5rem;
	}
	.top-link a::before {
		width: 35px;
		height: 35px;
	}
	.top-link a .sub{
		margin-top:0.25em;
	}
}
@media screen and (max-width:510px) {
	.link-area{
		padding:0.5rem 1.5rem;
	}
	.top-link a{
		gap: 0 1rem;
	}
	.top-link a::before {
		width: 25px;
		height: 25px;
	}
}

/*メインビジュアル*/
.mv-wrapper {
	background: url(./images/top/back-green.jpg) no-repeat center / cover;
	border-radius:0 0 0 150px;
	padding:clamp(2rem, 0.116rem + 3.65vw, 4.5rem);
}

.mv-inner {
	margin: 0 auto;
	position: relative;
}

.mv-grid.pc {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	gap:1rem 1.2rem;
}
.mv-grid.tb {
	display:none;
}
.mv-item img {
	width: 100%;
	height: auto;
	border-radius: 30px;
	object-fit: cover;
}

.mv-item-large {
	grid-row: span 2;
}
.mv-copy {
	position: absolute;
	left: 0;
	bottom:0;
	max-width:700px;
}
.mv-catch{
	font-size:clamp(2.5rem, 1.936rem + 1.09vw, 3.25rem);
}
.mv-catch span{
	background: #fff;
	color:#32722A;
	padding: 8px 16px 8px 32px;
	display: inline;
	line-height: 1.7;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	border-radius: 12px;
}
.mv-tag {
	display:inline-block;
	font-size:clamp(1.5rem, 0.992rem + 1.59vw, 1.813rem);
	border-bottom: 1px dashed #B2A670;
	position:relative;
	margin:3.5rem 0 2rem 55px;
	text-shadow:
		0 0 3px #E9F3E1,
		0 0 6px #E9F3E1;
}
.mv-tag::before{
	content: "";
	background: url(./images/common/leaf01.png) no-repeat center / contain;
	position: absolute;
	top: -25px;
	left:-55px;
	width:clamp(3.125rem, 2.136rem + 1.92vw, 4.438rem);
	height: clamp(4.75rem, 3.432rem + 2.56vw, 6.5rem);
	z-index:0;
}
.mv-tag::after{
	content: "";
	background: url(./images/top/mv-sub.svg) no-repeat center / contain;
	position: absolute;
	top: -64px;
	right:-60px;
	width:clamp(9.375rem, 7.397rem + 3.84vw, 12rem);
	height: 80px;
	filter: drop-shadow(0 0 3px #E9F3E1) drop-shadow(1px 1px 0px #E9F3E1);
}
@media screen and (max-width: 824px) {
	.mv-wrapper{
		height:75vh;
		padding:0;
		border-radius:0 0 0 100px;
	}

	.mv-grid.pc {
		display:none;
	}

	.mv-grid.tb {
		display:grid;
		grid-template-columns: repeat(1, 1fr);
		padding: 70px 0 0 1.5rem;
		height:50vh;
		position:relative;
	}
	.mv-item {
		position: relative;
		overflow: hidden;
		border-radius:30px 0 0 30px;
		width: 100%;
		height: 100%
	}
	.mv-item img{
		border-radius:30px 0 0 30px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.mv-item::after {
		content: "";
		position: absolute;
		inset: 0;
		background-size: cover;
		background-position: center;
		opacity: 0;
		animation: fadeSlide 8s infinite;
		border-radius:30px 0 0 30px;
	}
	.mv-item:nth-child(1)::after {
		background: url(./images/top/sp-mv-img02.jpg) no-repeat center / cover;
	}
	@keyframes fadeSlide {
		0% { opacity: 0; }
		10% { opacity: 1; }
		40% { opacity: 1; }
		50% { opacity: 0; }
		100% { opacity: 0; }
	}
	.mv-copy {
		position: absolute;
		bottom:-160px;
		left:1.5rem;
	}
	.mv-catch{
		font-size:clamp(1.5rem, -0.124rem + 5.1vw, 2.5rem);
	}
	.mv-catch span{
		padding:8px 16px;
	}
	.mv-lead {
		font-size: 1.2rem;
	}
	.mv-tag{
		margin: 2.5rem 0 2.5rem 45px;
	}
	.mv-tag::before{
		top: -13px;
		left: -45px;
		width:49px;
		height: 70px;
	}
	.mv-tag::after {
		width: 200px;
		height: 82px;
		top: -65px;
		right: -90px;
	}
}
@media screen and (max-width: 510px) {
	.mv-copy{
		margin-bottom:3rem;
	}
	.mv-lead {
		font-size: 1rem;
	}
	.mv-tag{
		font-size:1rem;
		margin-left:35px;
	}
	.mv-tag::before{
		top: -13px;
		left: -35px;
		width: 34px;
		height: 56px;
	}
	.mv-tag::after{
		width: 120px;
		right: -75px;
	}
}
@media screen and (max-width: 420px) {
	.mv-tag::after{
		right: -35px;
	}
}
/* 新卒バナー */
.fixed-btn-new-graduate {
	position: fixed;
	bottom: 100px;
	right: 0;
	z-index: 10;
	width: 300px;
	height: auto;
	opacity: 0;
	display: none;
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	display: block;
	border-radius: 50%;
}
.fixed-btn-new-graduate.show {
	opacity: 1;
}
.new-graduate .fixed-btn-new-graduate {
	display: none;
}
#closeBanner {
	display: none;
}
#closeBanner:checked~.fixed-btn-new-graduate {
	transform: translateX(150px);
	opacity: 0;
	pointer-events: none;
}
#closeBanner:checked~.close-btn-label {
	display: none;
}
.close-btn-label {
	position: absolute;
	top: -10px;
	left: -10px;
	background: var(--light-green);
	color: #fff;
	padding: 0.3em 0.6em;
	cursor: pointer;
	font-size: 15px;
	text-align: center;
	z-index: 999;
	transition: background 0.3s;
	border-radius: 50%;
}
.close-btn-label:hover {
	opacity:0.7;
}
@media (max-width: 1200px) {
	body:not(.home) .fixed-btn-new-graduate {
		display: none;
	}
}
@media (max-width: 824px) {
	.fixed-btn-new-graduate {
		width:200px;
		bottom: 110px;
	}
}

/* ==========================================================
MESSAGE セクション
========================================================== */
.home .message-wrapper {
	background: url(./images/top/message-back.jpg) no-repeat center / cover;
	overflow: hidden;
	position: relative;
	padding:10rem 0;
}
.home .message-wrapper::before{
	position: absolute;
	content: "";
	background: url(./images/common/leaf02.png) no-repeat center / contain;
	bottom: 10px;
	right: 8%;
	width:clamp(3.75rem, 2.439rem + 4.11vw, 7.375rem);
	height: clamp(3.563rem, 2.297rem + 3.97vw, 7.063rem);
	z-index:2;
}
.home .message {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap:2rem clamp(1rem, -1.286rem + 3.57vw, 3rem);
}

/*-----------------------------------
左側画像エリア
-----------------------------------*/
.home .message .img-left {
	position: relative;
	flex: 1;
	height: 600px;
}
.home .message .img-left .img-col {
	position: relative;
	width: 100%;
	height: 100%;
}
.home .message .img-left .img-col::before{
	position: absolute;
	content: "";
	background: url(./images/common/cycle-dotto01.png) no-repeat center / contain;
	bottom: 15%;
	right: 0;
	width:clamp(6.25rem, 1.607rem + 7.25vw, 10.313rem);
	height: clamp(6.25rem, 1.607rem + 7.25vw, 10.313rem);
	z-index:2;
}
.home .message .img-left .message-img{
	position: absolute;
	width: 17.2vw;
	border-radius:10px;
}

.home .message .img-left .message-img:first-child {
	top: -100px;
	right: -40px;
}

.home .message .img-left .message-img:nth-of-type(2){
	width: 21.7vw;
	bottom: -60px;
	left: -60px;
}
.home .message .img-left .message-img img{
	border-radius: 10px;
}
/*-----------------------------------
テキストエリア
-----------------------------------*/
.home .message .txt {
	position: relative;
	z-index: 3;
	flex: 1.4;
	color: #333;
}

.home .message .txt h2 {
	color: var(--light-green);
	font-size: clamp(2.5rem, 0.786rem + 2.68vw, 4rem);
	font-weight:300;
	margin-bottom:0.5em;
}
.home .message .txt p {
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
}
.home .message .txt .name {
	margin-top: 2em;
}

/*-----------------------------------
右側画像エリア
-----------------------------------*/
.home .message .img-right {
	position: relative;
	flex: 1;
	height: 480px;
}
.home .message .img-right::before{
	position: absolute;
	content: "";
	background: url(./images/common/cycle-dotto01.png) no-repeat center / contain;
	top: 0;
	left: 3%;
	width:clamp(8.125rem, 0.268rem + 12.28vw, 15rem);
	height: clamp(8.125rem, 0.268rem + 12.28vw, 15rem);
	z-index:2;
}
.home .message .img-right .message-img {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 22.4vw;
}
.home .message .img-right .message-img img{
	border-radius: 10px;
}
.home .message .img-right-tb{
	display:none;
}
@media screen and (max-width: 1500px) {
	.home .message .txt {
		position: relative;
		z-index: 3;
		flex: 2;
		width:100%;
	}
}
@media screen and (max-width: 1024px) {
	.home .message-wrapper{
		padding: 6rem 0;
	}
	.home .message {
		flex-direction: column;
		text-align: center;
	}
	.home .message .img-right .message-img{
		height:220px;
	}
	.home .message .img-left .img-col{
		display:none;
	}
	.home .message .img-right {
		position: static;
		display:flex;
		height: auto;
		gap:1rem;
		z-index:2;
	}
	.home .message .img-right .message-img img{
		object-fit:cover;
		height:100%;
	}
	.home .message .img-right-tb{
		display:block;
		z-index:2;
	}
	.home .message .img-left .img-col .message-img,
	.home .message .img-right .message-img {
		position: static;
		transform: none;
		margin: 1rem auto;
		display: block;
		max-width:34vw;
	}
	.home .message .img-right::before{
		width:clamp(5rem, 1.899rem + 9.73vw, 8.125rem);
		height:clamp(5rem, 1.899rem + 9.73vw, 8.125rem);	
	}
	.home .message .txt::before{
		position: absolute;
		content: "";
		background: url(./images/common/cycle-dotto01.png) no-repeat center / contain;
		bottom: -10%;
		right: 2%;
		width:clamp(5.625rem, 3.144rem + 7.78vw, 8.125rem);
		height:clamp(5.625rem, 3.144rem + 7.78vw, 8.125rem);
		z-index:2;
	}
}
@media screen and (max-width: 824px) {
	.home .message-wrapper{
		padding: 4rem 0;
	}
	.home .message .img-right .message-img{
		height:150px;
	}
	.home .message .img-right {
		gap:0.5rem;
	}
	.home .message .txt{
		width: 90%;
	}
}
@media screen and (max-width: 510px) {
	.home .message .img-right .message-img{
		height:100px;
	}
}
/*top_医院のこと*/
.about-back{
	background: url(./images/common/back-baige.jpg) no-repeat center / cover;
	padding:6rem 0;
	position:relative;
}
@media screen and (max-width: 824px) {
	.about-back{
		padding:4rem 0;
	}
}
.about-back::before {
	content: "";
	background: url(./images/common/back-wave-about01.png) no-repeat center / cover;
	position: absolute;
	top: -100px;
	left: 0;
	width:100%;
	height: 100px;
	z-index:1;
}
.about-back::after {
	content: "";
	background: url(./images/common/back-wave-about02.png) no-repeat center / cover;
	position: absolute;
	bottom: -70px;
	left: 0;
	width:100%;
	height: 70px;
	z-index:1;
}
@media screen and (max-width: 824px) {
	.about-back::before{
		top: -60px;
		height:60px;
	}
	.about-back::after{
		bottom: -40px;
		height: 40px;
	}
}
.about-wrapper::before{
	position: absolute;
	content: "";
	background: url(./images/common/cycle-dotto02.png) no-repeat center / contain;
	bottom: -50px;
	right: 4%;
	width: clamp(6.25rem, 1.607rem + 7.25vw, 10.313rem);
	height: clamp(6.25rem, 1.607rem + 7.25vw, 10.313rem);
	z-index: 2;
}
.about-wrapper >.row{
	align-items:center;
	gap: 1rem clamp(1rem, 0.247rem + 1.46vw, 2rem);
}
.about-wrapper .numbers {
	display: block;
	width: fit-content;
	margin: 0 auto; 
}
.about-wrapper .numbers.sp{
	display: none;
}
.about-wrapper .numbers img {
	max-width: 905px;
	width: 100%;
	height: auto;
	display: block; 
	margin-top:3rem;
}
@media screen and (max-width: 510px) {
	.about-wrapper .numbers.sp{
		display:block;
		max-width: 400px;
		width: 100%;
	}
	.about-wrapper .numbers.pc{
		display: none;
	}
}
/*top_社長紹介*/
.president-wrapper {
	position: relative;
}
@media screen and (max-width: 824px) {
	.president-wrapper {
		padding:4rem 0 0 0;
	}
}
.president-wrapper > .row{
	gap: 1rem clamp(1rem, 0.247rem + 1.46vw, 2rem);
	align-items:center;
}
.president-wrapper > .row .img{
	position:relative;
}
.president-wrapper > .row .img::before{
	position: absolute;
	content: "";
	background: url(./images/common/cycle-dotto01.png) no-repeat center / contain;
	top: -20px;
	left: -30px;
	width: clamp(8.125rem, 0.268rem + 12.28vw, 15rem);
	height: clamp(8.125rem, 0.268rem + 12.28vw, 15rem);
	z-index: 2;
}
/*top_働く環境*/
.environment-wrapper >.row{
	gap: 1rem clamp(1rem, 0.247rem + 1.46vw, 2rem);
	align-items: center;
}
/*top_よくある質問*/
.faq-wrapper {
	position:relative;
	margin:5rem auto 4rem auto;
	background: url(./images/top/faq-back.jpg) no-repeat center / cover;
	padding: 6rem 3rem;
	border-radius: 220px;
	/*outline: 2px solid #fff;
	outline-offset: -18px;
	overflow: hidden;*/
}
.faq-wrapper::after{
	content: "";
	position: absolute;
	inset: 12px;
	border-radius: 216px;
	border: 2px solid #fff;
	pointer-events: none;
}
@media screen and (max-width:824px) {
	.faq-wrapper {
		border-radius: 150px;
		padding: 4rem 2rem 5rem 2rem;	
	}
	.faq-wrapper::after{
		border-radius: 142px;
	}
	.faq-wrapper h2.headline{
		margin-bottom:1em;
	}
	.faq-wrapper .faq-list{
		margin:2rem 0;
	}
}
@media screen and (max-width:510px) {
	.faq-wrapper {
		border-radius: 90px;
	}
	.faq-wrapper::after{
		border-radius: 82px;
	}
}
.faq-wrapper::before{
	position: absolute;
	content: "";
	background: url(./images/common/cycle-dotto01.png) no-repeat center / contain;
	top: -20px;
	left: -10px;
	width: clamp(8.125rem, 0.268rem + 12.28vw, 15rem);
	height: clamp(8.125rem, 0.268rem + 12.28vw, 15rem);
	z-index: 2;
}
.faq-wrapper .faq-inner {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.faq-wrapper .faq-headline {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: clamp(1.8rem, 1.5rem + 1vw, 2.6rem);
	color: #c5bea5;
	margin-bottom: 0.5rem;
	letter-spacing: 0.05em;
}

.faq-wrapper .faq-hl-sub {
	font-size: clamp(2.5rem, 1.37rem + 2.19vw, 4rem);
	line-height:1;
	color: #fff;
	margin:0 0 1.2rem 0;
}

.faq-list {
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 3px;
	max-width:800px;
	margin:3rem auto;
}

.faq-item {
	border-radius: 0.5rem;
	overflow: hidden;
}

.faq-toggle {
	display: none;
}

.faq-question {
	position: relative;
	display: flex;
	align-items: center;
	background: var(--main-green);
	color: #fff;
	padding: 1em 3em 1em 1.5em;
	cursor: pointer;
	font-size:clamp(1rem, 0.928rem + 0.23vw, 1.2rem);
	border-radius: 0.4rem;
	transition: background 0.3s ease;
}
.faq-item:nth-of-type(2) .faq-question {
	background: var(--light-green);
}
.faq-question:hover {
	background: #77a764;
}

.faq-question span {
	margin-right: 0.5rem;
	font-weight: 700;
}

.faq-question::after {
	content: '+';
	position: absolute;
	right: 1.5rem;
	font-size: 2rem;
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-toggle:checked + .faq-question::after {
	content: '−';
	transform: rotate(180deg);
}
.faq-answer {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	background: #fff;
	padding: 0 1.6rem;
	transition: all 0.4s ease;
}
.faq-toggle:checked + .faq-question + .faq-answer {
	max-height: 500px;
	opacity: 1;
	padding: 1.6rem;
}
.faq-answer >p {
	position:relative;
	margin:0 0 0 2em;
}
.faq-answer > p::before {
	content: "A.";
	position: absolute;
	left: 0;
	top: 0;
	font-size: clamp(1.2rem, 0.974rem + 0.44vw, 1.5rem);
	font-weight:bold;
	color: var(--main-green);
	left: -1.25em;
	top: -4px;
}
.faq-wrapper .top-link a{
	max-width:380px;
	margin:0 auto;
}

/*スライド*/
.home .photo_gallery{
	margin-bottom:3rem;
}
.photo_gallery {
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
	z-index:0;
}

.photo_gallery ul {
	display: flex;
	margin: 0;
	padding: 0;
	animation: loop-slide 50s linear infinite;
	will-change: transform;
	flex-shrink: 0;
}

.photo_gallery li {
	flex: 0 0 auto;
	width: 450px;
	margin-right: 16px;
}

@media screen and (max-width: 824px) {
	.photo_gallery li {
		width: 250px;
		margin-right: 8px;
	}
}

.photo_gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

@keyframes loop-slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
/* top_店舗紹介*/
.environment.back-cream{
	position:relative;
}
.environment.back-cream::before{
	/*position: absolute;
	content: "";
	background: url(./images/common/cycle-dotto02.png) no-repeat center / contain;
	bottom: -50px;
	left: 3%;
	width: clamp(6.25rem, 1.607rem + 7.25vw, 10.313rem);
	height: clamp(6.25rem, 1.607rem + 7.25vw, 10.313rem);
	z-index: 2;*/
}
.environment-back{
	background: url(./images/top/pharmacy-back.jpg) no-repeat center / cover;
	padding:6rem 0;
	position:relative;
}
@media screen and (max-width: 824px) {
	.environment-back{
		padding:4rem 0;
	}
}
.environment-back::before {
	content: "";
	background: url(./images/common/back-wave-ybaige01.png) no-repeat 10% / cover;
	position: absolute;
	top: -99px;
	left: 0;
	width:100%;
	height: 226px;
	z-index:1;
}
.environment-back::after {
	content: "";
	background: url(./images/common/back-wave-ybaige02.png) no-repeat 90% / cover;
	position: absolute;
	bottom: -228px;
	left: 0;
	width:100%;
	height: 277px;
	z-index:1;
}
@media screen and (max-width: 824px) {
	.environment-back::before {
		top: -55px;
		height: 125px;
	}
	.environment-back::after {
		bottom: -103px;
		height: 125px;
	}
}
.pharmacy-list {
	gap:1rem clamp(1rem, 0.247rem + 1.46vw, 2rem) !important;
	justify-content:center;
	margin-top:5rem;
}

/* ▼ タブレットで横スクロールさせる */
@media screen and (max-width: 1024px) {
	.pharmacy-list.row {
		display: flex !important;
		flex-direction: row;
		justify-content: left;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 1.5rem;
		padding: 1rem 1rem 2rem;
		margin: 0;

	}
	.pharmacy-item {
		flex: 0 0 80%; /* 1枚あたりの幅 */
		min-width: 80%;
		scroll-snap-align: start;
	}
}
@media screen and (max-width: 510px) {
	.pharmacy-item {
		flex: 0 0 95%;
		min-width: 95%;
	}
}

.pharmacy-item {
	background: #fff;
	border-radius: 40px;
	border:solid 1px var(--txt-color);
	overflow: hidden;
}

.pharmacy-img img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 1.5rem 1.5rem 0 0;
}

.pharmacy-content {
	padding: 2rem 1.5rem 2.5rem;
	text-align: left;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.pharmacy-content h3 {
	font-size: clamp(1.5rem, 1.123rem + 0.73vw, 2rem);
	margin-bottom:0.75em;
}
.pharmacy-item:nth-of-type(1) .pharmacy-content h3{
	color:var(--blue);
}
.pharmacy-item:nth-of-type(2) .pharmacy-content h3{
	color:var(--sub-green);
}
.pharmacy-item:nth-of-type(3) .pharmacy-content h3{
	color:var(--pink);
}

.pharmacy-content p {
	font-size: 1rem;
	line-height: 1.7;
	margin: 0 0 1.5em 0;
}

.pharmacy-btn {
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	text-align:center;
	padding: 1em 3em;
	border-radius: 100vh;
	color: #fff;
	border:solid 1px var(--txt-color);
	position:relative;
}
.pharmacy-btn.blue-btn {
	background: var(--blue);
}

.pharmacy-btn.green-btn {
	background: var(--sub-green);
}

.pharmacy-btn.pink-btn {
	background: var(--pink);
}
.pharmacy-btn::before{
	content: "";
	background: url(./images/common/yajirushi-black.svg) no-repeat;
	background-size: contain;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	height: 35px;
	transition: right 0.3s 
		ease-in-out;
}
@media screen and (max-width: 1024px) {
	.pharmacy-btn::before{
		width: 25px;
		height: 25px;
	}
}
.pharmacy-btn:hover::before{
	right:6px;
}
/*top_インタビュー*/
.back-wave {
	position: relative;
	background: url(./images/common/back-pattern.jpg) no-repeat center / cover;
	/*background: url(./images/common/back-pattern.jpg) no-repeat center / cover;*/
}

.back-wave::before{
	content: "";
	display: block;
	position: absolute;
	top: -180px;
	left: 0;
	width: 100%;
	height: 100px;
	background: url(./images/common/back-pattern.jpg) no-repeat center top / cover;
	clip-path: ellipse(52% 100% at 50% 100%);
	z-index: 1;
	transform: translateY(80%);
}
.back-wave::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -180px;
	left: 0;
	width: 100%;
	height: 100px;
	background: url(./images/common/back-pattern.jpg) no-repeat center bottom/ cover;
	clip-path: ellipse(52% 100% at 50% 0%);
	z-index: 1;
	transform: translateY(-80%);
}
@media screen and (max-width:1024px) {
	.back-wave::before{
		top: -179px;
		height: 100px;
	}
	.back-wave::after {
		bottom: -179px;
		height: 100px;
	}
}
@media screen and (max-width:824px) {
	.back-wave::before{
		top: -115px;
		height: 64px;
	}
	.back-wave::after {
		bottom: -100px;
		height: 56px;
	}
}

.back-wave {
	position: relative;
	z-index: 1; /* 背面に */
}

.home .interview-wrapper {
	position: relative;
	z-index: 5;  /* 前面に */
}

.home .interview-wrapper {
	position: relative;
	overflow-x: hidden;
	color:#fff;
	padding-top:2rem;
}
.home .interview-wrapper::before{
	position: absolute;
	content: "";
	background: url(./images/common/cycle-dotto01.png) no-repeat center / contain;
	top: -20px;
	right: 30px;
	width: clamp(8.125rem, 0.268rem + 12.28vw, 15rem);
	height: clamp(8.125rem, 0.268rem + 12.28vw, 15rem);
	z-index: 2;
}
@media screen and (max-width:824px) {
	.home .interview-wrapper::before{
		content: none;
	}
}
.home .interview-wrapper .hl-sub{
	color:#fff;
	margin:0;
}
.home .interview-wrapper .hl-sub::before{
	background: url(./images/common/icon-light.svg) no-repeat center / cover;
	width:clamp(2.5rem, 1.731rem + 2.41vw, 4.625rem);
	height:clamp(2.25rem, 1.979rem + 0.85vw, 3rem);
	z-index:2;
	top: -28px;
	left: -43px;
	transform: translatey(0%);
}
@media screen and (max-width:824px) {
	.home .interview-wrapper .hl-sub::before{	top: -28px;
		top: -22px;
		left: -35px;
	}
}
@media screen and (max-width:510px) {
	.home .interview-wrapper .hl-sub::before{	top: -28px;
		left: -31px;
	}
}
.interview-wrapper .photo{
	position:relative;
	width:auto; 
	margin:0 auto; 
	overflow:hidden;
}
.interview-wrapper .photo img{
	transition: transform 0.3s ease; 
}
.interview-wrapper .photo img:hover{
	opacity:0.7;
}
.interview-wrapper .interview_job{
	position:relative;
	bottom:0;
	left:0;
}
.interview-wrapper .interview_job .job img{
	margin:2px 0 0 0.5em;
}
.interview-wrapper .interview_name{
	margin:1em 0 0.75em 0;
}
.interview-wrapper .catch{
	position:relative;
	bottom:3em;
	text-align:left;
	z-index:2;
}
@media screen and (max-width:824px) {
	.home .interview-wrapper .lead{
		width: 90%;
		margin:1rem auto 1.5rem auto;
	}
	.interview-wrapper .catch{
		bottom:1em;
	}
	.interview-wrapper .catch br{
		display:none;
	}
}
.interview-wrapper .catch span{
	color:#fff;
	font-size:clamp(1.2rem, 0.786rem + 0.8vw, 1.75rem);
	background: #b3d048;
	padding: 8px 12px 8px 28px;
	display: inline;
	line-height: 1.9;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	border-radius: 10px;
}
@media screen and (max-width:824px) {
	.interview-wrapper .catch span{
		padding: 8px 12px;
	}
}
@media screen and (max-width:510px) {
	.slider, .interview_slider {
		box-sizing: border-box;
		max-width: 100%;
		overflow: hidden;
	}
}
.interview_list {
	margin: 4rem auto 0;
	width: 100%;
	max-width: 1505px;
}
@media screen and (max-width:824px) {
	.interview_list{
		margin: 2rem auto 0;
	}
}
.interview_list .slick-slide {
	width: 540px;
	margin:0 8px;
}
@media screen and (max-width:824px) {
	.interview_list .slick-slide {
		width: 280px;
		margin: 10px;
	}
}
.slick-slider .slick-list{
	padding:0 !important;
}
.slick-prev-custom{
	transform: rotate(180deg);
	margin-right:4px;
}
.slick-next-custom{
	margin-right:4px;
}
@media screen and (max-width:824px) {
	.slick-arrow img{
		width:60px;	
	}
}
@media screen and (max-width:510px) {
	.slick-arrow img{
		width:50px;	
	}
}
.interview-slider-wrapper {
	position: relative;
}

/*top_応募の前に*/
.beforeapplying-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.beforeapplying-inner {
	max-width: 1000px;
	margin: 0 auto;
}
.home .beforeapplying-inner {
	margin-top:70px;
}
@media screen and (max-width: 824px) {

	.home .beforeapplying-inner {
		margin-top:40px;
	}
}
.beforeapplying-sub {
	color: var(--main-green);
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.beforeapplying-wrapper .headline {
	font-size: clamp(2rem, 1.4rem + 1.2vw, 3rem);
	color: var(--txt-color);
	margin-bottom: 3rem;
}

.beforeapplying-list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.beforeapplying-item {
	position:relative;
	max-width:1000px;
	width:100%;
	display: flex;
	align-items:center; 
	justify-content: space-between;
	background: #fff;
	border: 5px solid var(--main-green);
	border-radius: 100vh;
	gap: 0 clamp(1rem, 0.638rem + 1.13vw, 2rem);
}
.beforeapplying-item::before {
	content: "";
	background: url(./images/common/yajirushi-lightgreen.svg) no-repeat;
	background-size: contain;
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(1.563rem, 0.975rem + 1.84vw, 3.188rem);
	height: clamp(1.563rem, 0.975rem + 1.84vw, 3.188rem);
	transition: right 0.3s 
		ease-in-out;
}

.beforeapplying-item:hover::before {
	right: 20px;
}
.beforeapplying-img {
	flex: 1;
	flex: 0 0 40%;
	overflow: hidden;
	border-radius: 100vh 0 0 100vh;
	align-items: stretch;
}

.beforeapplying-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 15%;
	display: block;
	border-radius: 100vh 0 0 100vh;
}

.beforeapplying-content {
	flex: 1;
	text-align: left;
	padding:2rem 6rem 2rem 0;
}
.beforeapplying-content h3 {
	font-size:clamp(1.2rem, 0.911rem + 0.91vw, 2rem);
	margin-bottom: 0.8rem;
}

.beforeapplying-content p{
	margin-bottom:0;
}
@media screen and (max-width: 700px) {
	.beforeapplying-item {
		flex-direction:column;
		border-radius:90px;
	}
	.beforeapplying-img,
	.beforeapplying-img img{
		width:100%;
		height:200px !important;
		border-radius:85px 85px 0 0 !important;
	}
	.beforeapplying-content{
		flex:1;
		width:100%;
		padding:2rem 2rem 2.5rem 2rem;
		margin:0;
	}
	.beforeapplying-item::before {
		content:none;
	}
	.beforeapplying-content h3{
		position:relative;
	}
	.beforeapplying-content h3::before{
		content: "";
		background: url(./images/common/yajirushi-lightgreen.svg) no-repeat;
		background-size: contain;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: clamp(1.563rem, 0.975rem + 1.84vw, 3.188rem);
		height: clamp(1.563rem, 0.975rem + 1.84vw, 3.188rem);
		transition: right 0.3s 
			ease-in-out;
	}
}
/*--------------------------------------------------------------
## 下層ページ共通ここから
--------------------------------------------------------------*/
.page-layout-out {
	margin:6rem auto;
}
@media screen and (max-width:824px) {
	.page-layout-out {
		margin: 4rem auto;
	}
}
.page-layout-in{
	padding: 6rem 0;
}
@media screen and (max-width:824px) {
	.page-layout-in {
		padding: 4rem 0;
	}
}
.page .entry-header, .archive .entry-header, .single .entry-header, .error404 .entry-header {
	background: url(./images/common/header-back.jpg) no-repeat center bottom / cover;
	height: clamp(16rem, 4.464rem + 27.38vw, 25rem);
	position: relative;
	margin: -17px 0 0 21.8%;
}
@media screen and (max-width:1024px) {
	.page .entry-header, .archive .entry-header, .single .entry-header, .error404 .entry-header {
		margin: 0;
	}
}
.page .entry-heading,
.archive .entry-heading,
.single .entry-heading,
.error404 .entry-heading {
	position: relative;
	top: 50%;
	transform: translatey(-50%);
	margin: 0 auto;
	padding: 0 1em;
	text-align: center;
}
.page h1.entry-title, .archive h1.entry-title, .single h1.entry-title, .error404 h1.entry-title{
	font-size: clamp(1.5rem, 0.857rem + 2.86vw, 3rem);
	color: var(--txt-color);
	text-shadow: 0px 2px 13px #fff;
	letter-spacing: 0.05em;
}
.page .entry-page-slug,
.archive .entry-page-slug,
.single .entry-page-slug,
.error404 .entry-page-slug {
	font-weight:bold;
	font-size:clamp(1rem, 0.897rem + 0.32vw, 1.2rem);
	color: var(--main-green);
	margin: 0;
}
.page .entry-page-slug::first-letter {
	text-transform: uppercase;
}
@media screen and (max-width:1024px) {
	.page .entry-header, .archive .entry-header, .single .entry-header, .error404 .entry-header {
		margin:-1rem 0 0 0;
	}
	.page .entry-heading,
	.archive .entry-heading,
	.single .entry-heading,
	.error404 .entry-heading {
		top: 55%;
	}
}
.index-wrapper {
	margin: 4.5rem auto;
	background:#fff;
	border: solid 1px var(--txt-color);
	font-size:clamp(0.875rem, 0.723rem + 0.3vw, 1rem);
	padding:2em 3em;
	border-radius:100vh;
	margin-bottom: 1em;
}
.index {
	display: flex;
	gap: 0.5em 1.5rem;
	flex-wrap: wrap;
}
.index:not(:first-of-type){
	margin-top:0.5em;
}
.index li a {
	padding:0 0 0 1.5em;
	display: flex;
	align-items: center;
	font-size: clamp(1rem, 0.562rem + 0.85vw, 1.2rem);
	line-height: 1.75;
	position: relative;
}
.index li a:before {
	content: "";
	position: absolute;
	left: 0;
	background: url(./images/common/yajirushi-pageindex.svg) no-repeat;
	background-size: contain;
	width: 22px;
	height: 22px;
}
@media screen and (max-width: 824px) {
	.index {
		flex-direction: row;
	}
	.index-wrapper {
		border-radius: 30px;
		padding:2em;
	}
	.index li a {
		padding: 0 13px 0 30px;
	}
}
.back-beige {
	background: var(--base-beige);
	box-shadow: 0 0 0 100vmax var(--base-beige);
	clip-path: inset(0 -100vmax);
	padding: 6rem 0;
}
.home .back-beige {
	padding: 7.5rem 0;
}
.back-cream{
	background: var(--base-cream);
	box-shadow: 0 0 0 100vmax var(--base-cream);
	clip-path: inset(0 -100vmax);
	padding: 6rem 0;
}
.home .back-cream {
	padding: 7.5rem 0;
}
.back-cream-out{
	background: var(--base-cream);
}
.back-pattern{
	background: url(./images/common/back-pattern.jpg) no-repeat center / cover;
}
@media screen and (max-width: 824px) {
	.back-beige,
	.back-cream,
	.home .back-beige,
	.home .back-cream {
		padding: 4rem 0;
	}
}
/*波*/
.back-beige-wave {
	background: var(--base-beige);
	position: relative;
	padding:0 0 6rem 0;
	margin-top: 6rem;
}
.back-beige-wave::before {
	content: "";
	background: url(./images/common/back-wave-beige.png) no-repeat center top / cover;
	position: absolute;
	top: -104px;
	left: 0;
	width: 100%;
	height: 104px;
	z-index: 0;
}
@media screen and (max-width: 824px) {
	.back-beige-wave {
		padding:0 0 4rem 0;
		margin-top: 4rem;
	}
	.back-beige-wave::before {
		top: -72px;
		height: 72px;
	}
}
.page #site-content,
.archive #site-content,
.single #site-content,
.error404 #site-content{
	background:var(--base-cream);
}
.sec-mainimg{
	margin-bottom:3rem;
}
@media screen and (max-width: 824px) {
	.sec-mainimg{
		margin-bottom:2rem;
	}
}
/*-----------------------------
吹き出し
-----------------------------*/
.bubble-wrap {
	justify-content: space-between;
	align-items: center;
	gap: 1rem 2rem;
	margin: clamp(2rem, -2.383rem + 8.51vw, 4rem);
}
@media screen and (max-width: 824px) {
	.bubble-wrap {
		flex-direction: column;
		margin:clamp(2rem, -2.383rem + 8.51vw, 4rem); 0;
	}
}
.bubble-wrap .img {
	width: 128px;
	text-align: center;
}
@media screen and (max-width: 824px) {
	.bubble-wrap .img {
		width: 100px;
		order: 1;
	}
}
.bubble-wrap .bubble-caption{
	margin-top:5px;
	white-space:nowrap;
}
.bubble-wrap .bubble {
	background: #F4F0E1;
	text-align: left;
	padding: 2.5rem;
	border-radius: 30px;
	position: relative;
	width: calc(100% - 128px - 32px);
	margin: 1rem 0;
}
@media screen and (max-width: 824px) {
	.bubble-wrap .bubble {
		width: 100%;
		font-size: 14px;
		padding: 1.5rem;
		order: 0;
	}
}
.bubble-wrap .bubble::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-right: 10px solid #F4F0E1;
	position: absolute;
	top: 50%;
	left: -21px;
	transform: translateY(-50%);
}
@media screen and (max-width: 824px) {
	.bubble-wrap .bubble::before {
		bottom: auto;
		top: 100%;
		left: 50%;
		transform: rotate(-90deg) translateY(-50%);
		text-align: center;
	}
}
.bubble-wrap .bubble::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-right: 10px solid #F4F0E1;
	position: absolute;
	top: 50%;
	left: -19.5px;
	transform: translateY(-50%);
}
@media screen and (max-width: 824px) {
	.bubble-wrap .bubble::after {
		bottom: calc(100% - 1px);
		top: calc(100% - 2px);
		left: 50%;
		transform: rotate(-90deg) translateY(-50%);
	}
}
.bubble-wrap .bubble a {
	text-decoration: underline;
}
/*白吹き出し*/
.bubble-wrap .bubble.bubble-wht {
	background: var(--white);
}
.bubble-wrap .bubble.bubble-wht::before {
	border-right: 10px solid var(--white);
}
.bubble-wrap .bubble.bubble-wht::after {
	border-right: 10px solid var(--white);
}
/*--------------------------------------------------------------
## 私たちの想い
--------------------------------------------------------------*/
.thought .headline-large{
	margin-bottom:1.5em;
}
.pharmacy-thought-point{
	background:#fff;
	border:solid 1px var(--txt-color);
	padding:2.5rem;
	margin-top:5rem;
	align-items:center;
	border-radius:60px;
	gap:2rem;
}
.pharmacy-thought-point .img{
	max-width:223px;
	width:100%;
}
.pharmacy-thought-point h4{
	color:var(--main-green);
}
.prejident-content.row{
	gap:2rem clamp(2rem, -0.191rem + 4.26vw, 3rem);
}
.prejident-item{
	position:relative;
	background: url(./images/common/back-check.jpg) no-repeat center / cover;
	border:solid 1px var(--txt-color);
	padding:3rem 2.5rem;
	border-radius:60px;
	box-shadow: 8px 8px 0 var(--main-green);
}
.prejident-item::before{
	position: absolute;
	content: "";
	background: url(./images/common/icon-comment.svg) no-repeat center / contain;
	top: -20px;
	left: 2.5em;
	width:47px;
	height: 41px;
}
.prejident-item h4{
	color:var(--main-green);
	margin-bottom:1em;
}
.prejident-item p{
	margin:0;
}
.tostaff-section h3{
	position:relative;
	color:#fff;
	background:var(--main-green);
	border:solid 1px var(--txt-color);
	border-radius:100vh;
	padding: 1em 3em;
	margin-bottom:2rem;
	text-align:center;
}
.tostaff-section h3:nth-of-type(1){
	background:var(--light-green);
}
.tostaff-section h3::before{
	position: absolute;
	content: "";
	background: url(./images/common/fukidashi-icon-g.svg) no-repeat center / contain;
	bottom: -15.5px;
	left: 50%;
	transform: translateX(-50%);
	width: 32px;
	height: 16px;
}
.tostaff-section h3:nth-of-type(1)::before{
	background: url(./images/common/fukidashi-icon-lg.svg) no-repeat center / contain;
}
.tostaff-section .sec-mainimg{
	margin:3rem 0 4rem 0;	
}
@media screen and (max-width: 824px) {
	.pharmacy-thought-point{
		margin-top:3rem;
	}
	.pharmacy-thought-point .img{
		max-width:150px;
	}
	.tostaff-section h3::before{
		bottom: -9.5px;
		left: 50%;
		transform: translateX(-50%);
		width: 26px;
		height: 10px;
	}
}

/*--------------------------------------------------------------
大事にしていること
--------------------------------------------------------------*/
.important-content-comment{
	position: relative;
	text-align: center;
	font-size: clamp(1rem, 0.8rem + 0.5vw, 1.2rem);
	color: #4d3c1a;
	line-height: 2;
	margin: 3rem auto;
	max-width: 900px;
	padding: 0 4.5rem;
}
.important-content-comment::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotate(-10deg);
	background: url(./images/page/deco-left.svg) no-repeat center / contain;
	width: 57px;
	height: 130px;
}
.important-content-comment::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(10deg);
	background: url(./images/page/deco-right.svg) no-repeat center / contain;
	width: 57px;
	height: 130px;
}
.important-content.row{
	gap:2rem clamp(2rem, -0.191rem + 4.26vw, 3rem);
}
.important-item{
	position:relative;
	background:#fff;
	border:solid 1px var(--txt-color);
	padding:3rem;
	border-radius:60px;
	box-shadow: 8px 8px 0 var(--main-green);
}
.important-item h3{
	font-size:clamp(1.2rem, 0.786rem + 0.8vw, 1.75rem);
	color:var(--main-green);
	margin-bottom:1em;
}
.important-item li{
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	margin: 0 0 1em 0;
	padding:0 0 1em 1em;
	text-indent:-1.1em;
	position:relative;
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, var(--txt-color) 0, var(--txt-color) 4px, transparent 4px, transparent 8px) 1;
}
.important-item li span{
	color:var(--main-green);
}
.important-item .img{
	margin-top:2rem;
}
@media screen and (max-width: 824px) {
	.important-content-comment{
		padding:0 3rem;
	}
	.important-content-comment::before,
	.important-content-comment::after {
		width:40px;
		height:96px;
		top:70%;
	}
}
@media screen and (max-width: 510px) {
	.important-content-comment::before,
	.important-content-comment::after {
		top:82%;
	}
}
/*--------------------------------------------------------------
## 数字で見る
--------------------------------------------------------------*/
.numbers .num-content>div.repeat-grow1-1 {
	gap: 2rem;
	margin-bottom:2rem;
}
.num-item {
	width:50%;
	flex:none;
	background: url(./images/page/number/numberitems-back.jpg) no-repeat center / cover;
	border-radius:50px;
	border:solid 1px var(--txt-color);
	text-align: center;
	padding: 3rem 2rem;
}
.num-item-ttl{
	margin-bottom:1.5em;
}
.num-item-number {
	font-size: clamp(3.75rem, 2.14rem + 5.05vw, 6.875rem);
	line-height:0.5;
	color: var(--light-green);
}
.num-item-number span {
	font-size: clamp(1.2rem, 0.843rem + 1.54vw, 2rem);
}
.num-item-img {
	margin:2rem 0 2rem 0;
}
.num-item-txt {
	font-size:clamp(0.875rem, 0.479rem + 0.77vw, 1.2rem);
	margin:1.5em 0 0 0;
}
.num-item-txt span{
	color:var(--light-green);
}
ul.num-item-txt {
	text-align:left;
}
.num-item-txt li{
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (max-width: 824px) {
	.numbers .num-content>div.repeat-grow1-1{
		gap:1rem;
		margin-bottom: 1rem;
	}
	.num-item {
		width:100%;
		padding:2rem 1.5rem;
	}
	.num-item-img{
		max-width:200px;
		margin:1rem auto;
	}
	.num-item-img.ratio {
		max-width:250px;
		margin:2rem auto 2rem auto;
	}
}
/*--------------------------------------------------------------
## 院長プロフィール
--------------------------------------------------------------*/
.profile-content{
	position: relative;
	background: #fff;
	border: solid 1px var(--txt-color);
	padding: 3rem;
	border-radius: 60px;
	box-shadow: 8px 8px 0 var(--pink);
}
.profile-content h3.txt-pink{
	border-bottom: solid 1px var(--txt-color);
	padding-bottom:0.5em;
	margin-bottom:1em;
	font-weight:bold;
}
.profile-content-list li {
	margin-bottom: 0.5em;
}
.profile-section li small {
	display: block;
	line-height: 2;
}
.profile-container {
	gap:2rem 3rem;
	align-items: center;
	margin-bottom: clamp(2rem, -2.383rem + 8.51vw, 4rem);
}
.profile-content-list {
	font-size: clamp(1rem, 0.562rem + 0.85vw, 1.2rem);
}
.profile-img {
	flex:1;
}
.profile-img img {
	border-radius:30px;
}
.profile-img {
	flex:1;
}
.profile-list{
	flex:1;
	gap:0 1.5rem !important;
	width:100%;
}
.profile-list dt{
	color:#fff;
	background:var(--pink);
	padding:2px 1em;
	display:inline-block;
	border-radius:100vh;
}
.profile-section .profile-content-block {
	gap: 1.5rem !important;
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
.profile-comment{
	position:relative;
	background:#F5F2E4;
	padding: 2.5rem;
	margin:0;
	border-radius: 30px;
}
.profile-comment:before{
	position: absolute;
	content: "";
	background: url(./images/common/icon-comment-pink.svg) no-repeat center / contain;
	top: -15px;
	left: 2.5em;
	width: 30px;
	height: 26px;
}
.profile-content-block .profile-item {
	padding: 2rem 0;
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, var(--txt-color) 0, var(--txt-color) 4px, transparent 4px, transparent 8px) 1;
}
.profile-content-block .profile-item h3 {
	color: var(--pink);
	font-size: clamp(1.2rem, 0.834rem + 0.71vw, 1.5rem);
	margin-bottom:0.5em;
}
.profile-content .profile-item h3 span{
	color:#fff;
	background:var(--pink);
	border-radius:100vh;
	padding: 4px 8.5px;
}
.profile-content .profile-item p{
	margin:0;
}
@media screen and (max-width: 824px) {
	.profile-content{
		padding: 2rem;
	}
}
/*社長の性格*/
.personality-section .hl-sub,
.personality-section h2{
	color:#fff;
}
.personality-section .hl-sub::before{
	position: absolute;
	content: "";
	background: url(./images/common/hl-sub-leaf-wt.svg) no-repeat center / contain;
}
.personality-content{
	position: relative;
	background: url(./images/page/profile-back.jpg) no-repeat center / cover;
	border: solid 1px var(--txt-color);
	padding:calc(4.5rem + 72px) 4.5rem 4.5rem 4.5rem;
	margin-top:calc(4rem + 60px);
	border-radius: 60px;
}
.personality-content::before{
	position: absolute;
	content: "";
	background: url(./images/page/president-comment.png) no-repeat center / contain;
	top:-75.25px;
	left: 50%;
	transform:translatex(-50%);
	width: 155px;
	height: 155px;
}
.personality-content h3{
	font-size:clamp(1.2rem, 0.786rem + 0.8vw, 1.75rem);
	color:var(--main-green);
}
@media screen and (max-width: 824px) {
	.personality-content{
		margin-top:calc(2rem + 60px);
		padding:4.5rem 2rem 2rem 2rem;
	}
	.personality-content::before{
		width:110px;
	}
}
/*院長ヒストリー*/
.history-section {
	position:relative;
}
.profile .history-list {
	list-style: none;
	margin-top: 3rem;
	padding: 0 0 0 4rem;
	position: relative;
}

.profile .history-list::before {
	content: "";
	position: absolute;
	top: 44px;
	left: 11px;
	width: 3px;
	height: 98%;
	background: repeating-radial-gradient(
		circle,
		#4E441B 0,
		#4E441B 2px,
		transparent 2px,
		transparent 10px
	);
}
.profile .history-item {
	position: relative;
	margin-bottom: clamp(2.5rem, 0.672rem + 3.55vw, 4rem);
	gap:0.5rem clamp(2rem, -0.191rem + 4.26vw, 3rem);
}
.profile .history-item::before {
	content: "●";
	position: absolute;
	top:12px;
	left: -60px;
	font-size:1.2rem;
	color:var(--light-green);
}
.profile .history-item .history-title {
	font-size: clamp(1.2rem, 0.225rem + 1.89vw, 1.5rem);
	margin: 0 0 1em 0;
	color:#fff;
	background: var(--light-green);
	border: solid 1px var(--txt-color);
	padding: 0.5em 1.5em;
	border-radius: 100vh;
}
.history-img {
	max-width:417px;
}
.history-img img{
	box-shadow: 0 4px 12px rgba(165, 190, 179, 0.2);
}
.history-img figcaption{
	margin-top:0.5em;
}
.profile .history-item .profile-comment{
	gap:0 2rem;
	margin-top:3rem;
}
.profile .history-item .hl-sub{
	color: var(--pink);
	margin:0;
}
.profile .history-item .hl-sub::before{
	content:none;
}
.history-item .profile-comment h4{
	font-size:clamp(1.5rem, 0.891rem + 1.18vw, 2rem);
	margin-bottom:0.75em;
}
@media screen and (max-width: 1250px) {
	.profile .history-section::before{
		top: 68px;
		right: 72px;
	}
	.profile .history-section .bubble{
		text-align:center;
	}
}
@media screen and (max-width: 824px) {
	.profile .history-section::before{
		top: 23px;
		right:0;
	}
	.profile .history-item{
		margin-bottom:2.5rem;
	}
	.profile .history-list{
		padding:0 0 0 2.5rem;
	}
	.profile .history-list::before{
		left:10px;
	}
	.profile .history-item::before {
		top:9px;
		left: -38px;
		width: 12px;
		height: 12px;
	}
}
@media screen and (max-width: 510px) {
	.profile .history-section::before{
		width:110px;
		top: 110px;
		right:0;
	}
	.profile .history-lead {
		text-align:left;
	}
}
/*--------------------------------------------------------------
## 会社概要・アクセス
--------------------------------------------------------------*/
.access .hl-solo span{
	font-size:clamp(2rem, 1.623rem + 0.73vw, 2.5rem);
}
.access .matsunaga-info,
.access .teshiro-info{
	margin-top:6rem;
}
.access .eru-info th{
	background:var(--blue);
}
.eru-info .hl-sub{
	color:var(--blue);
}
.eru-info .hl-sub::before{
	background: url(./images/common/hl-sub-leaf-bl.svg) no-repeat center / contain;
}
.access .teshiro-info th{
	background:var(--pink);
}
.teshiro-info .hl-sub{
	color:var(--pink);
}
.teshiro-info .hl-sub::before{
	background: url(./images/common/hl-sub-leaf-pk.svg) no-repeat center / contain;
}
#history dt{
	color:var(--main-green);
}
#history dd{
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, var(--txt-color) 0, var(--txt-color) 4px, transparent 4px, transparent 8px) 1;
	padding-bottom:1em;
}
/*--------------------------------------------------------------
## 働きやすい理由
--------------------------------------------------------------*/
.reason-item{
	position:relative;
	border:solid 1px var(--txt-color);
	border-radius:60px;
}
.reason-section .lead{
	margin-bottom:5rem;
}
.reason-item:not(:last-child) {
	margin-bottom: 3rem;
}
.reason-item::before{
	position: absolute;
	content: "";
	top: -10px;
	left: 3rem;
	width:clamp(4.375rem, 2.68rem + 3.29vw, 6.625rem);
	height:clamp(5.313rem, 3.193rem + 4.11vw, 8.125rem);
}
.reason-section > .reason-item:nth-child(2)::before{
	background: url(./images/page/reason-num01.svg) no-repeat center / contain;
}
.reason-section > .reason-item:nth-child(3)::before{
	background: url(./images/page/reason-num02.svg) no-repeat center / contain;
}
.reason-section > .reason-item:nth-child(4)::before{
	background: url(./images/page/reason-num03.svg) no-repeat center / contain;
}
.reason-item h3.headline {
	font-size:clamp(1.5rem, 1.123rem + 0.73vw, 2rem);
	color:var(--main-green);
	background:#E9F5E4;
	text-align:center;
	padding:1.2em 6em;
	margin-bottom:0;
	border-radius:60px 60px 0 0;
}
.reason-item:nth-of-type(3) h3.headline{
	color: var(--sub-green);
	background:#E2F4ED;
}
.reason-content{
	background:#fff;
	padding:2.5rem 3rem 3rem 3rem;
	border-radius: 0 0 60px 60px;	
}
.reason-content > .row{
	align-items:center;
}
.reason-content p{
	margin:0;
}
.reason-item .bubble-wrap{
	max-width:900px;
	margin:0 auto;
}
.reason-item .salary{
	margin-bottom:2.5rem;
}
.reason-item li{
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	padding-left:1em;
	text-indent: -1.1em;
}
.reason-item li span{
	color:var(--main-green);
}
.reason-item .salary,
.reason-item .dx-list{
	background:var(--gray);
	padding:2rem;
	border-radius:30px;
}
.reason-item .salary h4,
.reason-item .glad-point h4,
.reason-item .dx-list h4{
	color:var(--main-green);
}
.reason-item .glad-point h4,
.reason-item .dx-list h4{
	position:relative;
	margin: 0 0 0.5em 35px;
}
.reason-item .glad-point h4::before,
.reason-item .dx-list h4::before{
	position: absolute;
	content: "";
	background: url(./images/common/hl-sub-leaf.svg) no-repeat center / contain;
	top: 50%;
	left: -35px;
	transform: translatey(-50%);
	width: 31px;
	height: 25px;
}
.reason-item .salary p,
.reason-item .dx-list p{
	margin:0;
}
@media screen and (max-width: 824px) {
	.reason .reason-item:nth-of-type(1) .img span::before{
		right: -12px;
	}
	.reason .reason-item:nth-of-type(4) .img span::before{
		left: -32px;
	}
	.reason-item h3.headline{
		font-size:clamp(1.2rem, 0.713rem + 1.53vw, 1.5rem);
	}
	.reason .reason-item::before{
		width:60px;
	}
	.reason-content{
		padding:2rem;
	}
	.reason .reason-item h3.headline{
		padding: 1.2em 4em 1.2em 4em;
	}
	.reason .reason-item::before{
		left: 1rem;
	}
}
/*--------------------------------------------------------------
## 福利厚生
--------------------------------------------------------------*/
.welfare .welfare-item{
	position:relative;
	border:solid 1px var(--txt-color);
	border-radius:60px;
}
.welfare .lead{
	margin-bottom:5rem;
}
.welfare .welfare-item:not(:last-child) {
	margin-bottom: 3rem;
}
.welfare .welfare-item::before{
	position: absolute;
	content: "";
	top: -10px;
	left: 3rem;
	width:clamp(4.375rem, 2.68rem + 3.29vw, 6.625rem);
	height:clamp(5.313rem, 3.193rem + 4.11vw, 8.125rem);
}
#welfare > .welfare-item:nth-child(2)::before{
	background: url(./images/page/welfare-num01.svg) no-repeat center / contain;
}
#welfare > .welfare-item:nth-child(3)::before{
	background: url(./images/page/welfare-num02.svg) no-repeat center / contain;
}
#welfare > .welfare-item:nth-child(4)::before{
	background: url(./images/page/welfare-num03.svg) no-repeat center / contain;
}
.welfare .welfare-item h3.headline {
	font-size:clamp(1.5rem, 1.123rem + 0.73vw, 2rem);
	color:var(--main-green);
	background:#E9F5E4;
	text-align:center;
	padding:1.2em 6em;
	margin-bottom:0;
	border-radius:60px 60px 0 0;
}
.welfare .welfare-item:nth-of-type(3) h3{
	color:var(--sub-green);
	background:#E2F4ED;
}
.welfare-content-wrapper.row{
	align-items:flex-start !important;
}
.welfare-content{
	background:#fff;
	padding:2.5rem 3rem 3rem 3rem;
	border-radius: 0 0 60px 60px;	
}
.welfare-content > .row{
	gap:1rem 2rem;
	align-items:center;
}
.welfare-content p{
	margin:0;
}
.welfare-item li{
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	padding-left:1em;
	text-indent: -1.1em;
}
.welfare-content-item{
	background:#F5F2E4;
	border-radius:20px;
	margin-top:2rem;
}
.welfare-content-item .row{
	gap:0 1.5rem;
}
.welfare-content-item h4{
	font-size:clamp(1.2rem, 0.974rem + 0.44vw, 1.5rem);
	color:#fff;
	background:var(--main-green);
	text-align:center;
	padding:1em 2rem;
	margin-bottom:0;
	border-radius:20px 20px 0 0;
}
.welfare-section .welfare-item:nth-of-type(3) h4 {
	background:var(--sub-green);
}
.welfare-content-item ul{
	padding:2rem;
}
.welfare-content-item li span{
	color:var(--main-green);
}
.welfare-item:nth-of-type(3) .welfare-content-item li span{
	color:var(--sub-green);
}
@media screen and (max-width: 824px) {
	.welfare .welfare-item:nth-of-type(1) .img span::before{
		right: -12px;
	}
	.welfare .welfare-item:nth-of-type(4) .img span::before{
		left: -32px;
	}
}
@media screen and (max-width: 824px) {
	.welfare .welfare-item::before{
		width:60px;
	}
	.welfare-content{
		padding:2rem;
	}
	.welfare-content-item{
		margin-top:0;
	}
	.welfare .welfare-item h3.headline{
		font-size:clamp(1.2rem, 0.713rem + 1.53vw, 1.5rem);
		padding: 1.2em 4em;
	}
	.welfare-content-item ul:nth-of-type(1){
		padding:2rem 2rem 0 2rem;
	}
	.welfare-content-item ul:nth-of-type(2){
		padding:0 2rem 2rem 2rem;
	}
	.welfare-item01 .welfare-content-item ul{
		padding:2rem;
	}
	.welfare .welfare-item::before{
		left: 1rem;
	}
}

/*--------------------------------------------------------------
## 店舗紹介
--------------------------------------------------------------*/
.eru .index li a::before{
	background: url(./images/common/yajirushi-pageindex-bl.svg) no-repeat;
}
.teshiro .index li a::before{
	background: url(./images/common/yajirushi-pageindex-pk.svg) no-repeat;
}
.eru .hl-sub{
	color:var(--blue);
}
.eru .hl-sub::before{
	background: url(./images/common/hl-sub-leaf-bl.svg) no-repeat center / contain;
}
.teshiro .hl-sub{
	color:var(--pink);
}
.teshiro .hl-sub::before{
	background: url(./images/common/hl-sub-leaf-pk.svg) no-repeat center / contain;
}
.eru .back-pattern{
	background: url(./images/page/back-bluepattern.jpg) no-repeat center / cover;
}
.teshiro .back-pattern{
	background: url(./images/page/back-pinkpattern.jpg) no-repeat center / cover;
}
.about-section.row.repeat-grow1-1{
	align-items:center;
	margin-bottom:0 !important;
	gap: 0 clamp(2rem, -0.191rem + 4.26vw, 3rem);;
}
.about-section .address{
	margin:0;
}
.about-section h2.headline-large{
	margin-bottom:0.5em;
}
.eru .about-section h2.headline-large{
	color:var(--blue);
}
.matsunaga .about-section h2.headline-large{
	color:var(--main-green);
}
.pharmacy-numbers .repeat-grow1-1{
	gap:1.5rem !important;
}
.pharmacy-numbers .repeat-grow1-1:not(:last-of-type){
	margin-bottom:1.5rem;
}
.eru .num-item-number{
	color:var(--blue);	
}
.matsunaga .num-item-number{
	color:var(--main-green);	
}
.teshiro .num-item-number{
	color:var(--pink);	
}
.pharmacy-numbers .num-item-txt{
	margin-top:2rem;
}
.pharmacy-numbers .num-item-img{
	max-width:215px;
	width:100%;
	height:auto;
	margin:2rem auto;
}
.pharmacy-numbers h2{
	color:#fff;
}
.pharmacy-numbers .hl-sub{
	color:#fff;
}
.pharmacy-numbers .hl-sub::before{
	background: url(./images/common/hl-sub-leaf-wt.svg) no-repeat center / contain;
}
/*管理薬剤師あいさつ*/
.leader-content{
	background: #fff;
	border: solid 1px var(--txt-color);
	padding:3rem  3.5rem;
	border-radius: 60px;
}

@media screen and (max-width: 824px) {
	.leader-content{;
		padding:2rem;
	}
}
.eru .leader-content{
	box-shadow: 8px 8px 0 var(--blue);
}
.matsunaga .leader-content{
	box-shadow: 8px 8px 0 var(--main-green);
}
.leader-section .bubble-wrap{
	margin:0 0 1.5rem 0;
}
.leader-section .bubble-wrap p{
	margin:0;
}
.leader-section .bubble-wrap h3{
	margin-bottom:0.5em;
}
.eru .leader-section .bubble-wrap h3{
	color:var(--blue);
}
.matsunaga .leader-section .bubble-wrap h3{
	color:var(--main-green);
}
.teshiro .leader-section .bubble-wrap h3{
	color:var(--pink);
}
.leader-section .bubble-wrap .img{
	flex:1;
	width:100%;
}

@media screen and (max-width: 824px) {
	.leader-section .bubble-wrap img{
		max-width:270px;
	}	
}
.leader-section .bubble-wrap .bubble{
	flex:2;
}
.leader-content h3.leader-ttl{
	padding-bottom:0.5em;
	margin-bottom:1.5em;
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, var(--txt-color) 0, var(--txt-color) 4px, transparent 4px, transparent 8px) 1;
}
.eru .leader-content h3.leader-ttl{
	color:var(--blue);
}
.matsunaga  .leader-content h3.leader-ttl{
	color:var(--main-green);
}
.teshiro .leader-content h3.leader-ttl{
	color:var(--pink);
}
.leader-content-list li {
	margin-bottom: 0.5em;
}
.leader-content-list {
	font-size: clamp(1rem, 0.562rem + 0.85vw, 1.2rem);
}
.leader-list{
	flex:1;
	gap:0 1.5rem !important;
	padding: 3rem;
	border-radius: 30px;
	background:var(--gray);
}
@media screen and (max-width: 510px) {
	.leader-list{
		padding: 1.5rem;
	}
}
.leader-list .row{
	gap:0 2rem;
}
.leader-list dt{
	color:#fff;
	padding:2px 1em;
	display:inline-block;
	border-radius:100vh;
}
.eru .leader-list dt{
	background:var(--blue);
}
.matsunaga .leader-list dt{
	background:var(--main-green);
}
.teshiro .leader-list dt{
	background:var(--pink);
}
/*メンバー紹介*/
.member-section .bubble-wrap{
	max-width:800px;
	margin:0 auto clamp(2rem, -2.383rem + 8.51vw, 4rem) auto;
}
.member-section .bubble-wrap .bubble{
	background:#fff;
}
.member-section .bubble-wrap .bubble::after{
	border-right: 10px solid #fff;
} 
.member-content{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:1.5rem !important;
	margin-bottom:6rem;
}
.teshiro .member-content{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}
.member-content li{
	position:relative;
	background: url(./images/page/member-back.jpg) no-repeat center / cover;
	border: solid 1px var(--txt-color);
	padding: 2rem;
	border-radius: 50px;
}
.teshiro .member-content li{
	width: 80%;
	margin: 0 auto;
}
@media screen and (max-width: 824px) {
	.member-content {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		gap: 1.2rem;
		margin-bottom:4rem;
		padding-bottom: 1rem;
		scroll-snap-type: x mandatory;
	}
	.member-content li {
		min-width: 80%;
		scroll-snap-align: start;
	}
	.teshiro .member-content li{
		width: 100%;
		margin: 0 auto;
	}
}
.member-content li::before{
	position: absolute;
	content: "";
	background: url(./images/page/icon-pin.svg) no-repeat center / contain;
	top: -7px;
	right: 0;
	width:28px;
	height: 42px;
}
@media screen and (max-width: 824px) {
	.member-content li::before{
		top: 0;
	}
}
.member-content li h4{
	font-size:clamp(1.2rem, 0.974rem + 0.44vw, 1.5rem);
	text-align:center;
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, var(--txt-color) 0, var(--txt-color) 4px, transparent 4px, transparent 8px) 1;
	padding-bottom:0.75em;
}
.eru .member-content li h4{
	color:var(--blue);
}
.matsunaga .member-content li h4{
	color:var(--main-green);
}

/*1日の流れ*/
.flow-section {
	position:relative;
	background: #fff;
	border: solid 1px var(--txt-color);
	padding: 4rem;
	border-radius: 60px;
}
@media screen and (max-width: 824px) {
	.flow-section {
		padding: 2rem;
	}
}
.flow-list {
	list-style: none;
	margin-top: 3rem;
	padding: 0 0 0 4rem;
	position: relative;
}

.flow-list::before {
	content: "";
	position: absolute;
	top: 26px;
	left: 11px;
	width: 3px;
	height: 98%;
	background: repeating-radial-gradient(
		circle,
		#4E441B 0,
		#4E441B 2px,
		transparent 2px,
		transparent 10px
	);
}
.flow-item {
	position: relative;
	margin-bottom:2rem;
}
.flow-item::before {
	content: "●";
	position: absolute;
	top:12px;
	left: -60px;
	font-size:1.2rem;
}
.flow-item .flow-title {
	font-size: clamp(1.2rem, 0.225rem + 1.89vw, 1.5rem);
	margin: 0 0 1em 0;
	color:#fff;
	border: solid 1px var(--txt-color);
	padding: 0.5em 1.5em;
	border-radius: 100vh;
}
.eru .flow-item .flow-title {
	background: var(--blue);
}
.matsunaga .flow-item .flow-title {
	background:var(--light-green);
}
.teshiro .flow-item .flow-title {
	background:var(--pink);
}
.pharmacy-flow ul{
	margin-bottom:1.5rem;
}
.pharmacy-flow li{
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
}
.eru .flow-item li span{
	color:var(--blue);
}
.matsunaga .flow-item li span{
	color:var(--main-green);
}
.teshiro .flow-item li span{
	color:var(--pink);
}
.flow-img {
	max-width:417px;
}
.flow-img img{
	border-radius:10px;
}
.flow-section .bubble-wrap{
	margin:0 clamp(2rem, -2.383rem + 8.51vw, 4rem);
}
@media screen and (max-width: 1250px) {
	.flow-section::before{
		top: 68px;
		right: 72px;
	}
}
@media screen and (max-width: 824px) {
	.flow-section::before{
		top: 23px;
		right:0;
	}
	.flowitem{
		margin-bottom:2rem;
	}
	.flow-list{
		padding:0 0 0 2.5rem;
	}
	.flow-list::before{
		left:10px;
	}
	.flow-item::before {
		top:9px;
		left: -38px;
		width: 12px;
		height: 12px;
	}
	.flow-section .bubble-wrap{
		margin:0;
	}

}
@media screen and (max-width: 510px) {
	.flow-section::before{
		width:110px;
		top: 110px;
		right:0;
	}
	.flow-lead {
		text-align:left;
	}
}
/*店舗概要*/
.eru .back-beige-wave,
.matsunaga .back-beige-wave,
.teshiro .back-beige-wave{
	padding-bottom:0;
}
.eru .access-table th {
	background:var(--blue);
}
.teshiro .access-table th{
	background:var(--pink);	
}
/*院内ギャラリー*/
.gallery-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(1rem, 0.624rem + 0.73vw, 1.5rem);
}
@media screen and (max-width: 824px) {
	.gallery-content {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 510px) {
	.g.gallery-content {
		gap:0.5rem;
	}
}
.gallery-item img {
	border-radius:10px;
	border:solid 1px var(--txt-color);
}

/*--------------------------------------------------------------
## 99の質問 / よくある質問共通
--------------------------------------------------------------*/
.qa-page-wrapper{
	gap: 4rem;
}
.qa-page .column-index .index{
	display:block;
	padding:0;
}
.qa-page .column-index .pc {
	position: sticky;
	top: 150px;
	background: white;
	border-radius: 20px;
	padding: 1.5em 1.5em 1em 1.5em;
	margin: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	display:block;
	filter: drop-shadow(0 0px 8px rgba(252, 177, 17, 0.1));
}
.qa-page .column-index .tb {
	margin-top: 0;
	padding: 10px;
	width: 70%;
}
.qa-page .index-wrapper li a:hover,
.qa-page .index-wrapper li a.active {
	color: var(--main-green);
}
.qa-page .index-wrapper li a {
	font-size:clamp(1rem, 0.771rem + 0.36vw, 1.2rem);
	padding:0.5em 0 0.75em 2em;
}
.qa-page .index-wrapper li a:before{
	left:0;
}
@media screen and (max-width: 824px) {
	.qa-page .index-wrapper.pc {
		display: none;
	}
	.qa-page .column-index {
		position: sticky;
		top: 90px;
		z-index: 2;
	}
}
.column-content section:not(:first-of-type){
	border-top:solid 0.5px #d3c8ac;
	padding-top: 4rem;
}
.column-content section:not(:last-of-type){
	padding-bottom: 2.5rem;
}
.column-content section:last-of-type {
	padding-bottom:0;
}
.qa-page .qa-item {
	margin-top: clamp(2rem, 1.786rem + 0.95vw, 2.5rem);
	gap: 1rem 3rem;
}
.qa-page h3.headline {
	font-size: clamp(1rem, 0.742rem + 0.81vw, 1.5rem);
	line-height: 1.5em;
	margin:3rem 0 1.5rem 0;
	color: var(--main-green);
}
.qa-page .qa-item h4 {
	font-size: clamp(1rem, 0.742rem + 0.81vw, 1.5rem);
	line-height: 1.5em;
	margin: 1.5em 0;
	padding: 0.5em 1.5em;
	border-radius:100vh;
}
.qa-page .qa-category:nth-of-type(odd) h4{
	background:var(--light-green);
	color:#fff;
	border: solid 1px var(--txt-color);
}
.qa-page .qa-category:nth-of-type(even) h4{
	background:var(--main-green);
	color:#fff;
	border: solid 1px var(--txt-color);
}
.qa-page .qa-category:nth-of-type(odd) h4 span{
	color: var(--red-orange);
}
.qa-page .qa-category:nth-of-type(even) h4 span{
	color: var(--yellow-orange);
}
.qa-page .qa-item p a{
	color: var(--red-orange);
	text-decoration:underline;
}
/*--------------------------------------------------------------
## 仕事紹介
--------------------------------------------------------------*/
.Job-content.row{
	gap:4rem 2rem;
	margin:5rem 0 4rem 0;
}
.Job-content h4{
	position:relative;
	font-size: clamp(1.2rem, 0.786rem + 0.8vw, 1.75rem);
	color: #fff;
	background: var(--main-green);
	text-align: center;
	padding: 1em 2rem;
	margin-bottom: 0;
	border-radius: 30px 30px 0 0;
}
.Job-content h4::before{
	position: absolute;
	content: "";
	background: url(./images/page/job01-icon.svg) no-repeat center / cover;
	top: -53px;
	left: 50%;
	transform:translatex(-50%);
	width:109px;
	height: 53px;
}
.job-content-item:nth-of-type(2) h4::before{
	background: url(./images/page/job02-icon.svg) no-repeat center / cover;
}
.job-content-item{
	background:#F5F2E4;
	border-radius: 30px;
}
.job-content-item > .row{
	padding: 2rem;
	gap:0 1rem;
}
.job-content-item li{
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
}
.job-content-item li span{
	color:var(--main-green);
}
.job-content-item figure{
	padding:0 2rem 2rem 2rem;
}
.Job-section h3{
	color:var(--main-green);
}
.Job-section .photo_gallery{
	margin-top:6rem;
}
@media screen and (max-width: 824px) {
	.Job-section .photo_gallery{
		margin-top:3rem;
	}
}
/*キャリアプラン*/
.career-section{
	max-width:1111px;
}
.career-section h2{
	margin-bottom:1em;
}
.career-lead p{
	margin:0;
}
.career-list {
	list-style: none;
	margin-top: 4rem;
	padding: 0 0 0 4rem;
	position: relative;
}

.career-list::before {
	content: "";
	position: absolute;
	top: 38px;
	left: 11px;
	width: 3px;
	height: 99.3%;
	background: repeating-radial-gradient(circle, #4E441B 0, #4E441B 2px, transparent 2px, transparent 10px);
}
.career-item {
	position: relative;
	margin-bottom: 2rem;
}
.career-item::before {
	content: "●";
	position: absolute;
	top: 26px;
	left: -63px;
	font-size: 1.5rem;
	color: var(--light-green);
}
.career-title {
	font-size: clamp(1.2rem, 0.786rem + 0.8vw, 1.75rem);
	background: var(--light-green);
	color:#fff;
	padding: 1em 3rem;
	margin-bottom: 0;
	border-radius: 30px 30px 0 0;
	border:solid 1px var(--txt-color);
	border-bottom:none;
}
.career-text >div.row,
.career-text >.txt{
	gap:1rem 2rem;
	margin: 0;
	background:#fff;
	padding:2.5rem;
	border-radius:0 0 30px 30px;
	border:solid 1px var(--txt-color);
	border-top:none;
}
.career-text >div .row{
	gap:0 1rem;
}
.career-text li{
	font-size:clamp(1rem, 0.756rem + 0.47vw, 1.2rem);
	text-indent:-1.1em;
	padding-left:1em;
}
.career-text >div.repeat-grow1-2 > .img,
.career-text >div.repeat-grow1-2 > .img img{
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}
.career-text p{
	margin-top:0;
}
.career-text p.salary{
	margin:1em 0 0 0;
}
.career-text li span{
	color: var(--light-green);
}
.career-text .bubble-wrap{
	margin:2rem 0 0 0 !important;
}
@media screen and (max-width: 824px) {
	.career-list{
		padding:0 0 0 2.5rem;
		margin-top:2rem;
	}
	.career-list::before{
		left:10px;
	}
	.career-item::before {
		top: 10px;
		left: -40px;
		width: 12px;
		height: 12px;
	}
	.career-text .bubble-wrap {
		margin: 1.5rem 0 0 0 !important;
		gap:0.5rem !important;
	}
	.career-text >div.row,
	.career-text >.txt{
		padding:2rem;
	}
}
@media screen and (max-width: 510px) {
	.career-section::before{
		width:110px;
		top: 110px;
		right:0;
	}
	.career-lead {
		text-align:left;
	}
}
/*仕事紹介 -QA*/

.jobqa-tabs {
	display: flex;
	gap: 1rem;
	margin-bottom: 2rem;
	justify-content: center;
}
.jobqa-tabs label {
	padding: 1em 1.8em;
	border: 2px solid var(--main-green);
	border-radius: 100vh;
	cursor: pointer;
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	background: #fff;
	transition: 0.2s ease;
	text-align:center;
}
#tab1:checked ~ .jobqa-tabs label[for="tab1"],
#tab2:checked ~ .jobqa-tabs label[for="tab2"] {
	background: var(--main-green);
	color: #fff;
}
.jobqa-list {
	display: none;
}

#tab1:checked ~ .jobqa-contents #jobqa-support {
	display: block;
}
#tab2:checked ~ .jobqa-contents #jobqa-career {
	display: block;
}
.jobqa-section input[type="radio"],
.jobqa-section input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.jobqa-contents{
	background: #fff;
	border: solid 1px var(--txt-color);
	padding: 2.5rem 4rem 4rem 4rem;
	margin-top:4rem;
	border-radius: 60px;
}
.jobqa-contents h3{
	color: var(--main-green);
	font-size: clamp(1.2rem, 0.834rem + 0.71vw, 1.5rem);
	margin-bottom: 0.75em;
}
.jobqa-contents h3 span{
	color: #fff;
	background: var(--main-green);
	border-radius: 100vh;
	padding: 4px 8.5px;
}
.jobqa-contents li{
	padding: 2rem 0;
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, var(--txt-color) 0, var(--txt-color) 4px, transparent 4px, transparent 8px) 1;
}
.jobqa-contents li:last-of-type{
	border-bottom: none;
	padding-bottom:0;
}
.jobqa-contents li p{
	margin:0;
}
@media screen and (max-width: 510px) {
	.jobqa-contents{
		padding: 0.5rem 2rem 2rem 2rem;
	}
}
/*--------------------------------------------------------------
##マッチング率診断
--------------------------------------------------------------*/
.matching-section .lead{
	position: relative;
	text-align: center;
	font-size: clamp(1rem, 0.819rem + 0.57vw, 1.5rem);
	color: #4d3c1a;
	line-height: 2;
	margin: 0 auto 4rem auto;
	max-width: 700px;
	padding: 0 4.5rem;
}
.matching .lead::before{
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%) rotate(-10deg);
	background: url(./images/page/deco-left.svg) no-repeat center / contain;
	width: 57px;
	height: 130px;
}
.matching .lead:after{
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%) rotate(10deg);
	background: url(./images/page/deco-right.svg) no-repeat center / contain;
	width: 57px;
	height: 130px;
}
@media screen and (max-width: 824px) {
	.matching .lead{
		padding: 0 3.5rem;
	}
	.matching .lead::before,
	.matching .lead:after{
		width: 40px;
		height: 96px;
		top: 70%;
	}
}

.matching form{
	margin-top:4rem;
}
.wp-block-greentreelabs-post-snippets-block div h2 {
	font-size: 1.2rem;
	margin: 3rem 0 2rem 0;
	font-size: 1.5rem;
}
@media screen and (max-width:530px) {
	.wp-block-greentreelabs-post-snippets-block div h2 {
		font-size: 1.2rem;
	}
}
.wp-block-greentreelabs-post-snippets-block div h2 span {
	color: var(--main-green);
}
.wp-block-greentreelabs-post-snippets-block form>div .q_wrap>div {
	transition: all 0.3s ease-in-out;
}
.wp-block-greentreelabs-post-snippets-block form>div .q_wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
@media screen and (max-width:1260px) {
	.wp-block-greentreelabs-post-snippets-block form>div .q_wrap {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.5rem;
	}
}
@media screen and (max-width:530px) {
	.wp-block-greentreelabs-post-snippets-block form>div .q_wrap {
		grid-template-columns: repeat(1, 1fr);
	}
}
.wp-block-greentreelabs-post-snippets-block form>div .q_wrap>div label {
	display: block;
	height: 60px;
	padding: 0 1.5rem;
	line-height: 60px;
	background: #fff;
	border-radius:8px;
	border: solid 1px var(--txt-color);
	white-space: nowrap;
}
@media screen and (max-width:530px) {
	.wp-block-greentreelabs-post-snippets-block form>div .q_wrap>div label {
		font-size: 0.85rem;
		padding: 0 1rem;
	}
}
.wp-block-greentreelabs-post-snippets-block form>div .q_wrap>div label input {
	margin-right: 1rem;
}
.wp-block-greentreelabs-post-snippets-block form button#resultbtn {
	color: #fff;
	background: var(--light-green);
	border:solid 1px var(--txt-color);
	display: inline-block;
	font-size: clamp(1rem, 0.914rem + 0.38vw, 1.2rem);
	font-weight: bold;
	border-radius: 100vh;
	padding: 1.25em 5vw;
	margin: 4rem auto 0 auto;
	position: relative;
	transition: 0.3s ease-in-out;
	display: block;
	max-width: 300px;
	width: 100%
}
.wp-block-greentreelabs-post-snippets-block form div.resource {
	max-width:1000px;
	background: #fff;
	padding: clamp(2.5rem, 1.404rem + 2.13vw, 3rem);
	margin: 4rem auto 0 auto;
	border-radius:30px;
	border:solid 1px var(--txt-color);
}
.wp-block-greentreelabs-post-snippets-block form div.resource p#goukei {
	font-size:clamp(1.2rem, 0.974rem + 0.44vw, 1.5rem);
	line-height: 1.5;
	margin: 0 0 1rem;
}
.wp-block-greentreelabs-post-snippets-block form div.resource p#goukei span {
	font-size: 6rem;
	color: var(--main-green);
}
.wp-block-greentreelabs-post-snippets-block form div.resource .btn-wrapper {
	justify-content: center;
}
.wp-block-greentreelabs-post-snippets-block form div.resource .btn {
	display: flex;
	justify-content: center;
	gap: 1rem;
}
.wp-block-greentreelabs-post-snippets-block form div.resource .main-btn:nth-of-type(2) {
	margin-top: 0;
}
.wp-block-greentreelabs-post-snippets-block form div.resource .btn a {
	max-width: 350px;
}
@media screen and (max-width:824px) {
	.wp-block-greentreelabs-post-snippets-block form div.resource .main-btn a {
		width: 100%;
	}
}
.wp-block-greentreelabs-post-snippets-block form div.resource .main-btn a:hover {
	opacity: 0.7;
}
#acMenu dt {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
#acMenu dd {
	background: #f2f2f2;
	width: 200px;
	text-align: center;
	display: none;
}
.mach_txt,
.resource {
	display: none;
}
.mach_txt p a{
	text-decoration:underline;
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
}
.error_txt {
	display: none;
	color: #f00;
}

/*--------------------------------------------------------------
##採用イベント
--------------------------------------------------------------*/
.event-section input[type="radio"] {
	display: none;
}
.event-tabs {
	margin-top: 2rem;
	gap:0 0.5rem;
}
.event-tabs label {
	width: calc(100% / 3);
	text-align: center;
	padding: 1rem 0;
	background: #e5f2d3;
	border-radius: 15px 15px 0 0;
	cursor: pointer;
	transition: 0.3s;
	border: 1px solid #E5E3DD;
	border: 1px solid var(--txt-color);
	border-bottom:none;
	font-size: clamp(1.2rem, 0.974rem + 0.44vw, 1.5rem);
}
.event-tabs label:hover {
	background: #e7e7e7;
}
#event-tab1:checked ~ .event-tabs label[for="event-tab1"],
#event-tab2:checked ~ .event-tabs label[for="event-tab2"],
#event-tab3:checked ~ .event-tabs label[for="event-tab3"] {
	background: var(--light-green);
	color: #fff;
}
.event-contents .event-item {
	display: none;
	padding: 4rem;
	border: 1px solid var(--txt-color);
	border-radius: 0 0 60px 60px;
	background: #fff;
}
#event-tab1:checked ~ .event-contents #event-visit {
	display: block;
}
#event-tab2:checked ~ .event-contents #event-internship {
	display: block;
}
#event-tab3:checked ~ .event-contents #event-online {
	display: block;
}
.event-item  h3{
	color:var(--main-green);
}
.event-item li{
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
}
.event-item li span{
	color:var(--main-green);
}
.event-item p:last-child {
	margin-bottom: 0;
}
.event-item .bubble-wrap{
	margin:0 clamp(2rem, -2.383rem + 8.51vw, 4rem) 2rem clamp(2rem, -2.383rem + 8.51vw, 4rem);
}
@media screen and (max-width: 824px) {
	.event-contents .event-item {
		padding: 2rem 2rem 3rem 2rem;
	}
	.event-tabs {
		flex-direction: column;
	}
	.event-tabs label {
		width: 100%;
	}
	.event-tabs label:not(:first-child) {
		border-radius:0;
	}
	.event-item .sec-mainimg{
		margin-bottom:2rem;
	}
	.event-item .bubble-wrap{
		margin:0;
	}
}
.visit-note.row{
	gap: 0 1.5rem !important;
	margin-bottom:3rem !important;
}
.visit-note-item{
	background: #F5F2E4;
	border-radius: 30px;
	margin-top: 2rem;
}
.visit-note-item h4{
	font-size: clamp(1.2rem, 0.974rem + 0.44vw, 1.5rem);
	color: #fff;
	background: var(--light-green);
	text-align: center;
	padding: 1em 2rem;
	margin-bottom: 0;
	border-radius: 30px 30px 0 0;
}
.visit-note-cont{
	padding: 2rem;
}
.visit-note-cont p{
	margin-top:0;
}
.visit-date{
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	background:#fff;
	padding:1rem;
}
@media screen and (max-width: 824px) {
	.visit-note-item:nth-of-type(2){
		margin-top:1rem;
	}
	.visit-note-cont{
		padding:1.5rem;
	}
}
/*採用フロー*/

.flow .lead{
	font-size: 1rem;
}
.flow .lead a{
	text-decoration:underline;
	color: var(--red-orange);
}
.recruit-flow-content {
	border-radius: 30px;
	overflow: hidden;
	background: #fff;
	border:solid 1px var(--txt-color);
}
.recruit-flow-item .step {
	font-weight: bold;
	color: #fff;
	font-size: clamp(1rem, -0.096rem + 2.13vw, 1.5rem);
	display: flex;
	align-items: center;
	justify-content: center;
	position:relative;
	padding:1em;
}
.recruit-flow-item:nth-of-type(1) .step{
	background:#74B46C;
}
.recruit-flow-item:nth-of-type(2) .step{
	background:#5EAF65;
}
.recruit-flow-item:nth-of-type(3) .step{
	background:#49AA5D;
}
.recruit-flow-item:nth-of-type(4) .step{
	background:#33A556;
}
.recruit-flow-item:not(:last-of-type) .step {
	border-bottom:solid 1px var(--txt-color);
}
.recruit-flow-item .step::before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -13px;
	transform: translatex(-50%);
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 13px solid #fff;
	z-index:1;
}
@media screen and (min-width: 825px) {
	.recruit-flow-item:nth-of-type(4) .step::before{
		content:none;
	}
}
.recruit-flow-item .step h3{
	font-size:1.5rem;
	line-height: 1.3;
	text-align:center;
}
.recruit-flow-item h3 small{
	font-size:clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
}
.recruit-flow-item .flow-text{
	background:#fff;
	padding:3rem;
	display: block;
}
.recruit-flow-item:not(:last-of-type) .flow-text {
	border-bottom:solid 1px var(--txt-color);
}
.recruit-flow-item .flow-text h3:nth-of-type(2) {
	margin-top: 2rem;
}
.recruit-flow-item p {
	margin: 0;
}
.recruit-flow-item p a {
	color: var(--red-orange);
	text-decoration:underline;
}
.flow-text .btn{
	margin-top:1.5em;
}
.flow-text .noto{
	background:#F5F5F4;
	padding:1.5em;
	margin-top:1.5em;
	border-radius:8px;
}
.flow .bubble-wrap {
	margin:4rem auto 0 auto;
	max-width: 800px;
}
.flow .bubble-wrap .bubble{
	background:#fff;
}
.flow .bubble-wrap .bubble::after {
	border-right: 10px solid #ffffff;
}
@media screen and (max-width:824px) {
	.recruit-flow-item .step{
		padding:0.75em 0 1em 0;
	}
	.recruit-flow-item .step::before{
		bottom: -9px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #4D441B;
	}
	.recruit-flow-item .flow-text{
		padding:2rem;
	}
}

/*--------------------------------------------------------------
##新卒薬剤師のあなたへ
--------------------------------------------------------------*/
.reason-item .bubble-wrap h3{
	color:var(--main-green);
	margin-bottom:0.25em;
}
.forstudent .interview-wrapper a {
	display: block;
	width: 100%;
	max-width: 900px;
	margin: 4rem auto 0 auto;
}
.scholarship-content{
	background:#fff;
	padding:4rem 4rem 2rem 4rem;
	border:solid 1px var(--txt-color);
	border-radius:60px;
	margin-top:4rem;
}
.scholarship-logo{
	max-width:260px;
	margin:0 auto 1rem auto;
}
@media screen and (max-width:824px) {
	.scholarship-logo{
	max-width:200px;
	}
}
.scholarship-content h3{
	color:var(--main-green);
	margin-bottom:1em;
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, var(--txt-color) 0, var(--txt-color) 4px, transparent 4px, transparent 8px) 1;
	padding-bottom: 1em;
	margin-bottom:1em;
}
.scholarship-content dt{
	position:relative;
	font-size:clamp(1.2rem, 0.974rem + 0.44vw, 1.5rem);
	margin:0 0 0.5em 35px;
}
.scholarship-content dt::before{
	position: absolute;
	content: "";
	background: url(./images/common/hl-sub-leaf.svg) no-repeat center / contain;
	top: 50%;
	left: -35px;
	transform: translatey(-50%);
	width: 31px;
	height: 25px;
}
.scholarship-content dd{
	border-bottom: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, var(--txt-color) 0, var(--txt-color) 4px, transparent 4px, transparent 8px) 1;
	padding-bottom: 2em;
	margin-bottom:2em;
}
.scholarship-content dd p:last-of-type {
	margin-bottom:0;
}
.forstudent .faq-wrapper{
	margin-bottom:0;
}
.forstudent .beforeapplying-item:nth-of-type(2) img{
	object-position:0;
}
@media screen and (max-width:1200px) and (min-width:1025px) {
	.forstudent .beforeapplying-item:nth-of-type(2){
		align-items:stretch;
	}
}
@media screen and (max-width:882px) and (min-width:700px) {
	.forstudent .beforeapplying-item:nth-of-type(2){
		align-items:stretch;
	}
}
@media screen and (max-width:824px) {
	.forstudent .reason-item h3.headline{
		padding: 1.2em 2em 1.2em 5em;
		text-align:left;
	}
	.forstudent .reason-item::before{
		left:1rem;
	}
	.scholarship-content{
		background:#fff;
		padding:2.5rem 2rem;
	}
}
@media screen and (max-width: 510px) {
	.forstudent .index-wrapper{
		border-radius:30px;
	}
	.forstudent .footer-recruit-wrapper .top-link a{
		padding:1.5em 4rem 1.65em 4rem;
	}
}
/*--------------------------------------------------------------
##お問い合わせ
--------------------------------------------------------------*/
.contact .back-orange{
	border-radius: 100px 0 0;
}
.tel-contact-section{
	padding-bottom:6rem;
}
.mail-contact-section{
	padding:6rem 0;
	border-top: solid 1px #E5DABD;
}
.contact h2.headline-large{
	margin-bottom:1.5em;
}
.contact .tel {
	font-weight:bold;
	margin:1em 0 0 0;
}
.contact .tel a {
	font-size: clamp(2rem, 1.485rem + 1.62vw, 3rem);
	color: var(--main-green);
	text-decoration: underline;
}
@media screen and (max-width:824px) {
	.contact .back-orange{
		border-radius:50px 50px 0 0;
	}
	.tel-contact-section,
	.mail-contact-section{
		padding-bottom:4.5rem;
	}
}
/*--------------------------------------------------------------
## インタビュー一覧
--------------------------------------------------------------*/
.archive .interview-list.row {
	gap: 1rem clamp(2rem, 1.27rem + 1.44vw, 3rem);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width:824px) {
	.archive .interview-list.row {
		gap:1rem;
	}
}
@media screen and (max-width:510px) {
	.archive .interview-list.row {
		grid-template-columns: repeat(1, 1fr);
	}
}
.interview-wrapper .photo{
	overflow:visible;
}
.archive .interview-list h2.headline{
	position: relative;
	margin-top: -3rem;
	margin-bottom:0.5em;
}
.archive .interview-list h2.headline span{
	color: #fff;
	font-size:clamp(1.2rem, 0.597rem + 1.17vw, 2rem);
	background:#b3d048;
	padding: 8px 16px;
	display: inline;
	line-height: 1.9;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	border-radius: 10px;
}
@media screen and (max-width: 824px) {
	.archive .interview-list h2.headline span{
		font-size:1.2rem;
		padding: 8px 12px;
	}
	.archive .interview-list h2.headline span br{
		display:none;
	}
}
.interview-info-item-job{
	display:inline-block;
}
.interview-info .job {
	color:#fff;
	padding:2px 1.5em 4px 1.5em;
	border-radius:100vh;
}
/*--------------------------------------------------------------
## インタビュー詳細
--------------------------------------------------------------*/
.single .interview-main {
	padding: 3rem;
	background: url(./images/common/back-check.jpg) no-repeat center / cover;
	border:solid 1px var(--txt-color);
	border-radius:60px;
}
.interview-content{
	align-items:center;
	gap:1rem 1.5rem;
}
.interview-info h2 {
	margin-bottom:1em;
}
.interview-info h2 span{
	color: #fff;
	font-size: clamp(1.5rem, 1.123rem + 0.73vw, 2rem);
	background: #b3d048;
	padding: 8px 16px;
	display: inline;
	line-height: 1.9;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	border-radius: 10px;
}
@media screen and (max-width: 510px) {
	.interview-info h2 span{
		font-size:1.2rem;
		padding: 8px 12px;
	}
}
@media screen and (max-width: 824px) {
	.interview-info h2 span br{
		display:none;
	}
}
.info-line{
	margin:0;
}
.name-line {
	font-size: clamp(1.5rem, 1.123rem + 0.73vw, 2rem);
}
.interview-profile {
	background:#F5F2E4;
	padding:2rem;
	margin-top:3rem;
	border-radius: 30px;
	position:relative;
}
.interview-profile::before{
	position: absolute;
	content: "";
	background: url(./images/common/icon-comment-pink.svg) no-repeat center / contain;
	top: -15px;
	left: 2.5em;
	width: 30px;
	height: 26px;
}
.interview-profile p{
	margin:0;
}
.interview-profile dl:not(:last-child) {
	margin-bottom:1em;
}
.interview-profile dt {
	color: var(--red-orange);
	margin-bottom:0.5em;
}
.interview-profile dd {
	margin:0;
}
.single .interview-main .photo,
.single .interview-main .photo img {
	flex: 1;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.single .interview-qa h2:not(:first-of-type){
	margin-top:4em;
}
.single .interview-qa .breadcrumb-list {
	margin-bottom: 4rem;
}
.single .interview-qa .interview-cont {
	list-style: none;
}
.interview-qa .interview-cont li:not(:last-of-type){
	margin-bottom:6rem;
}
@media screen and (max-width: 824px) {
	.interview-qa .interview-cont li:not(:last-of-type){
		margin-bottom:4rem;
	}
}
.interview-qa .interview-cont li+li {
	margin: 3rem 0 0;
}
.interview-cont:not(:last-of-type) .interview-qa-area{
	margin-bottom:2rem;
}
.interview-qa-area.president p{
	background:#f7f6f5 !important;
}
.single .interview-qa .hl-sub {
	color:var(--txt-color);
}
.single .interview-qa h3 {
	font-size: clamp(1rem, 0.742rem + 0.81vw, 1.5rem);
	line-height: 1.5em;
	margin: 2em 0 1.5em 0;
	padding: 0.75em 1.5em;
	border-radius: 100vh;
	background:var(--light-green);
	color:#fff;
	border:solid 1px var(--txt-color);
}
.single .interview-qa p {
	position: relative;
	margin:1rem 0 0 80px;
	background:#fff;	
	border:solid 1px var(--txt-color);
	padding:2rem;
	border-radius: 30px;
}
.single .interview-qa p::after{
	position: absolute;
	content: "";
	background: url(./images/common/bubble-triangle.svg) no-repeat center / contain;
	top: 29px;
	left: -10.2px;
	width: 11px;
	height: 16px;
}
.interview-qa-area.president p::after {
	background: url(./images/common/bubble-triangle-gy.svg) no-repeat center / contain;
}
.single .interview-qa p:not(:first-of-type) {
	margin-bottom:0;
}
.single .interview-qa p:before {
	content: "";
	position: absolute;
	top:0;
	left: -80px;
	width: 60px;
	height: 75px;
}
.single .interview-qa .president p:nth-of-type(1):before {
	background: url(./images/page/bubble-president.svg) no-repeat center / contain;
}
.postid-4611 .interview-qa .staff p:nth-of-type(1):before {
	background: url(./images/page/bubble-staff-d.svg) no-repeat center / contain;
}
.postid-4613 .interview-qa .staff p:nth-of-type(1):before {
	background: url(./images/page/bubble-staff-m.svg) no-repeat center / contain;
}
.postid-4609 .interview-qa .staff p:nth-of-type(1):before {
	background: url(./images/page/bubble-staff-t.svg) no-repeat center / contain;
}
.postid-4607 .interview-qa .staff p:nth-of-type(1):before {
	background: url(./images/page/bubble-staff-f.svg) no-repeat center / contain;
}
.postid-4605 .interview-qa .staff p:nth-of-type(1):before {
	background: url(./images/page/bubble-staff-i.svg) no-repeat center / contain;
}

/*ページ送り*/
.interview-navigation {
	display: flex;
	justify-content: space-between;
	gap: 1rem 2rem;
	align-items: center;
	margin-bottom: 10px;
	margin: 4rem auto 2rem auto;
}
.interview-navigation .btn {
	margin: 0;
}
.interview-navigation .btn .tag {
	background-color: #fff;
	color: var(--main-green);
	font-size: 14px;
	font-weight:bold;
	padding: 1px 1em 3px 1em;
	border-radius: 100vh;
	margin:0 5px 0 0;
}
.interview-navigation .prev {
	margin-right: auto;
}
.interview-navigation .prev a:before {
	transform: translateY(-50%) rotate(180deg);
	left:1em;
}
.interview-navigation .prev a:hover::before {
	left: 0.75rem;
	transition: left 0.3s ease-in-out;
}
.interview-navigation .next {
	position: relative;
	margin-left: auto;
}
.interview-navigation .next:after {
	background: url(./images/common/yajirushi-black.svg) no-repeat center / cover;
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	transition: 0.3s;
}
.interview-navigation .next:hover:after {
	right: 0.75em !important;
	transition: right 0.3s ease-in-out;
}
.interview-navigation .next a:before {
	content: none;
}
.interview-navigation .interview-back {
	text-align: center;
	margin-top: 10px;
}
@media screen and (max-width:1200px) {
	.interview-navigation .btn a{
		padding: 1.25em 5vw;
	}
}
.interview-back {
	margin-bottom:4rem;
}
.interview-back a {
	font-weight: bold;
	color:var(--main-green);
	text-decoration: underline;
}

@media screen and (max-width:824px) {
	.single .interview-main {
		padding:2rem;
	}
	.single .interview-content{
		flex-direction:row;
	}
	.single .interview-info{
		flex:2 !important;
	}
	.interview-info h1 {
		margin: 1.5rem 0 2rem 0;
	}
	.interview-profile {
		max-width: 100%;
		padding:1.5rem;
		margin-top:2rem;
	}
	.interview-profile::before{
		right:-30px;
	}
	.interview-info-item-name{
		margin-top:0.5em;
	}
	.interview-cont:not(:last-of-type) .interview-qa-area{
		margin-bottom: 1rem;		
	}
	.single .interview-qa h2:not(:first-of-type){
		margin-top:2em;
	}
	.interview-navigation {
		flex-direction: column;
	}
	.interview-navigation .prev,
	.interview-navigation .next{
		width: 100%;
	}
	.interview-navigation .btn{
		width: 100%;
	}
	.interview-navigation .btn a{
		max-width: 100%;
		text-align:center;
	}
}
@media screen and (max-width:600px) {
	.single .interview-content{
		flex-direction:column;
	}
	.single .interview-main .photo img{
		max-width: 200px;
		margin: 0 auto;
		display: block;
	}
}
@media screen and (max-width: 510px) {
	.single .interview-qa p {
		margin-left: 69px;
		padding:1.5rem;
	}
	.single .interview-qa p:before {
		left: -75px;
		width: 60px;
		height: 60px;
	}
}
/*--------------------------------------------------------------
## 募集要項一覧
--------------------------------------------------------------*/
.post-type-archive-recruit .recruit-job:not(:last-child) {
	margin-bottom:6rem;
}
@media screen and (max-width:824px) {
	.post-type-archive-recruit .recruit-job:not(:last-child) {
		margin-bottom:4rem;
	}
}
.post-type-archive-recruit .recruit-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 3rem;
	gap:1rem 2rem;
}
@media screen and (max-width:824px) {
	.post-type-archive-recruit .recruit-list {
		margin-top: 2rem;
		grid-template-columns: repeat(1, 1fr);
	}
}
.post-type-archive-recruit .recruit-list li {
	padding: 2rem 3.5rem 2rem 3rem;
	background: #fff;
	outline: 2px dotted var(--txt-color);
	outline-offset: -1px;
	border-radius: 100vh;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.post-type-archive-recruit .recruit-list li:hover {
	transition: all 0.3s ease-in-out;
	opacity: 0.7;
}
.post-type-archive-recruit .recruit-list li::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background: url(./images/common/yajirushi-link-page.svg) no-repeat center / contain;
	transition: right 0.3s ease;
}
.post-type-archive-recruit .recruit-list li:hover::before {
	right: 1.25rem;
	transition: all 0.3s ease-in-out;
}
.post-type-archive-recruit h3.recruit_title {
	position: relative;
}
/*--------------------------------------------------------------
## 募集要項詳細
--------------------------------------------------------------*/
.single-recruit .recruit-wrapper {
	margin: 0 0 6rem 0;
}
.single-recruit .recruit-wrapper:nth-of-type(1){
	margin-top:6rem;
}
@media screen and (max-width: 510px) {
	.recruit-wrapper {
		margin-top:4rem;
	}
	.single-recruit .recruit-wrapper{
		margin: 0 0 4rem 0;
	}
}
.recruit-updated{
	margin:1em 0 0 0;
}
.index .entry a {
	color: #fff;
	background: var(--text-color);
}
.index .entry a::before {
	background: url(./images/common/index-yajirushi-wt.svg) no-repeat center / contain;
}
.recruit-table:not(:first-of-type) {
	margin-top:6rem;
}
@media screen and (max-width: 824px) {
	.recruit-table:not(:first-of-type) {
		margin-top:4rem;
	}
}
.recruit-table,
.access-table{
	border-collapse: separate;
	border-spacing: 0;
	border-radius:15px 0 0 15px;
	overflow: hidden; 
	border-top: solid 0.5px var(--txt-color);
	border-bottom: solid 0.5px var(--txt-color);
	border-left: solid 1px var(--txt-color);
}
.recruit-table th,
.access-table th {
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	width: 25%;
	color:#fff;
	background:var(--main-green);
	border-bottom: solid 1px var(--txt-color);
}
.recruit-table td,
.access-table td{
	font-size: clamp(1rem, 0.849rem + 0.29vw, 1.2rem);
	background:#fff;
	border-bottom: solid 0.5px var(--txt-color);
	border-top: solid 0.5px var(--txt-color);
}
@media screen and (max-width: 510px) {
	.recruit-table th,
	.access-table th {
		font-weight: 600;
		width: 30%;
	}
	.recruit-table th,
	.recruit-table td {
		padding: 15px;
	}
}
.recruit-wrapper h3{
	margin-bottom:1em;
	text-align:left;
}
.single-recruit .lead small {
	display: block;
	line-height: 2;
}
.single-recruit .lead small a {
	text-decoration:underline;
}
.single-recruit .lead small,
.single-recruit .lead small a {
	font-size: 1rem;
}
.single-recruit .site-content .btn a{
	font-size:clamp(1rem, 0.771rem + 0.36vw, 1.2rem);
}

@media screen and (max-width: 824px) {
	.single-recruit .lead small,
	.single-recruit .lead small a {
		font-size: 0.875rem;
	}
}
/*--------------------------------------------------------------
## フォーム設定
--------------------------------------------------------------*/
#entry-form {
	text-align: center;
	margin-top: 7.5rem;
}
@media screen and (max-width: 824px) {
	#entry-form {
		margin-top: 6rem;
	}
}
.entry-form {
	margin-top: 4rem;
}
.entry-form p {
	margin: 0 0 10px;
}
.entry-form a,
#mail-contact a{
	text-decoration:underline;
}
.entry-form label {
	display: inline-block;
	text-align: left;
	line-height: 1.8;
	max-width: 500px;
	width: 100%;
	margin-bottom: 1rem;
}
form label .must{
	color:#e85d09;
	font-size:0.875rem;
}
.entry-form .check-web .radio {
	margin-top: 1rem;
}
.entry-submit {
	margin: 4rem auto 0;
	position: relative;
}
.entry-submit input[type="submit"] {
	width: 100%;
	height: 100%;
	color: #fff;
	background: var(--main-green);
	border: solid 1px var(--txt-color);
	border-radius: 100vh;
	padding: 1.25em 4.5vw;
	width: 280px;
	margin: 0 auto;
	font-weight: bold;
}

.single-recruit .entry-submit input[type="submit"] {
	background: var(--pink);
}
.entry-submit input[type="submit"]:focus,
.entry-submit input[type="submit"]:active {
	outline: none;
}
.around-link-wrap {
	margin: 3rem 0 0;
}
.no-recaptcha{
	background: #eee;
	display: inline-block;
	padding: 1em 2em;
	margin-top: 1rem;
	border-radius: 5px;
}
/*--------------------------------------------------------------
## プライバシーポリシー
--------------------------------------------------------------*/
.privacy-policy section:not(:first-of-type) {
	margin-top: 4rem;
}
.privacy-policy .page-layout-in h2 {
	font-size: clamp(1.2rem, 0.543rem + 1.28vw, 1.5rem);
	margin-bottom: 1em;
	color: var(--main-green);
}
@media screen and (max-width: 824px) {
	.privacy-policy section:not(:first-of-type) {
		margin-top: 2.5rem;
	}
}
/*--------------------------------------------------------------
## 404ページ
--------------------------------------------------------------*/
.notfound-list li {
	line-height: 2.5em;
}
.notfound-list >li>a:nth-of-type(1) {
	font-size: clamp(1rem, 0.562rem + 0.85vw, 1.2rem);
	color: var(--main-green);
}
.notfound-list.interview a,
.notfound-list.recruit a{
	color:var(--txt-color) !important;
}
.notfound-page-list >li {
	margin: clamp(1.5rem, 0.404rem + 2.13vw, 2rem) 0;
}
.error404 h3.hl-solo {
	margin: 3rem 0 0 0 !important;
	text-align:left;
}
.search-form-wrapper input[type="search"] {
	width: 80%;
}
.search-form-wrapper input[type="submit"] {
	display: inline-block;
	width: 60px;
	height: 25px;
}
/* 投稿一覧と応募完了を消す */
.page-item-7,
.page-item-121 {
	display: none;
}
/*--------------------------------------------------------------
# カテゴリ別親ページ
--------------------------------------------------------------*/
.related-pages-wrapper{
	background: #f7f6f2;
	background: url(./images/page/recommend-back.jpg) center / cover no-repeat;
	padding:6rem 0;
}
.related-pages-wrapper h3.headline{
	color: var(--main-green);
	font-size: clamp(1rem, 0.756rem + 0.47vw, 1.2rem);
	margin-bottom:0.5em;
}
.child-page-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:clamp(1rem, -0.222rem + 2.37vw, 2rem);
}
.child-page-list li {
	list-style: none;
}
.child-page-list li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 1.2rem 3.5rem 1.2rem 3rem;
	background: #fff;
	border-radius: 50rem;
	position: relative;
	transition: 0.3s ease;
}
.child-page-list li a:before{
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50rem;
	border: 2px dotted var(--txt-color);
	pointer-events: none;
}
.child-page-list li a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background: url('./images/common/yajirushi-link-page.svg') no-repeat center/contain;
	transition: right 0.3s ease;
}
.child-page-list li a:hover::after {
	right: 1rem;
}
.page-slug{
	font-size:clamp(0.875rem, 0.723rem + 0.3vw, 1rem);
	color:var(--main-green);
	margin:0;
	font-weight:bold;
}
.page-slug::first-letter{
	text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
	.child-page-list {
		grid-template-columns: repeat(2, 1fr);
		gap:1rem;
	}
}
@media screen and (max-width:824px) {
	.related-pages-wrapper{
		padding:4rem 0;
	}
	.child-page-list {
		grid-template-columns: repeat(1, 1fr);
	}
	.child-page-list li a::after{
		width: 22px;
		height: 22px;
		right:1rem;
	}
	.child-page-list li a:hover::after {
		right: 0.5rem;
	}
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## フォームへのボタン
--------------------------------------------------------------*/
.fix-btn2 {
	position: static;
	display: none;
}
.fix-btn2 a {
	display: block;
	color: #fff;
	font-size: 1.2rem;
	padding: 18px 10px;
	margin: 0;
	width: 100%;
	text-align: center;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	position: relative;
	background: #212121;
}
@media screen and (max-width: 510px) {
	.fix-btn2 {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 3;
		width: 100%;
	}
	.fix-btn {
		display: none;
	}
}
/*編集用コメントの非表示*/
.comment {
	display: none;
}
/*リキャプチャ非表示*/
.grecaptcha-badge {
	visibility: hidden;
}

/* 260114 働きやすい理由（Youtube） 鎌田 */
.youtube-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.youtube-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left: 0;
}