@charset "UTF-8";


/*=======================================================*/
/*					セクション毎のCSS					  */
/*======================================================*/

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

/* 親要素からはみ出して画面いっぱいに */
.full {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
@media print {
	.full {
		margin: 0;
		width: 100%;
	}
}
.spot-heading01{
	font-size: clamp(40px,6vw,60px);
	font-style: italic;
	text-align: center;
	line-height: 1.2;
	font-family: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
.spot-heading02{
	font-size: clamp(18px, 2.7vw, 25px);
	line-height: 1em;
	font-weight: 700;
	text-align: center;
	font-family: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
.spot-heading02+p{
	display: block;
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: clamp(14px,2vw,16px);
	font-weight: 400;
	inline-size: fit-content;
	margin-inline: auto;
	text-align: center;
	font-family: 'YakuHanJPs','Noto Sans Japanese',sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial,Helvetica, Verdana;
}
@media only screen and (max-width: 767px) {
	.br768{
		display:none;
	}
}
.line{
	width: 1px;
	height: auto;
	padding-top: 5.8%;
	background-color: #000000;
	margin: 1.9607% auto;
}
.line2{
	width: 1px;
	height: auto;
	padding-top: 5.8%;
	background-color: #FFF;
	margin: 1.9607% auto;
}

.hline {
	display: inline-block;
	width: 40px; /* 横棒の長さ（調整可） */
	height: 1px; /* 横棒の太さ（調整可） */
	background-color: #2d2d2d; /* 横棒の色 */
	vertical-align: middle;
	margin: 0 0.1em; /* 文章と横棒の間隔 */
}

/*パンくず*/
.sec_pankuzu{
	padding: 0px;
	background-color: var(--base-color);
	position: relative;
	z-index: 1;
}
/* タグ（左右が揃う）  */
.kakomi-tag01 {
	display: flex;
	flex-wrap: wrap; /* 子要素を折り返す */
	gap: 10px;
	width: 100%;
	justify-content: space-between; /* 左右のボックスを揃える */
}
.kakomi-tag01 p {
	background-color: var(--accent-color3);
	padding: 5px 10px;
	font-size: clamp(14px, 1.6vw, 16px);
	font-family: Arial, sans-serif;
	flex-grow: 1; /* ボックスのサイズを自動調整 */
	min-width: 100px; /* ボックスの最小幅を設定 */
	box-sizing: border-box;
	text-align: center; /* 水平方向の中央揃え */
}
.kakomi-tag01 .end{		/* などを末尾につけたい場合に */
	background-color:transparent;
	padding: 5px;
	font-size: clamp(14px, 1.3vw, 14px);
	font-family: Arial, sans-serif;
	width: 20px;
	min-width: 40px; /* ボックスの最小幅を設定 */
	box-sizing: border-box;
	text-align: right; /* 水平方向の中央揃え */
}


/*======= TOPページ ======*/
/*ご挨拶*/
.greeting {
	padding: clamp(40px, 6vw, 90px) 0 var(--v-space2);
	background-color: #FFF;

	position: relative; /* sectionの位置を相対的にする*/ 
	z-index: 1; /* 背景画像より上に表示 */ 
}
@media print, screen and (min-width: 768px) {
	.greeting {
		background-image: url(../img/bg_01.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px) {
	.greeting {
		background-image: url(../img/bg_01_sp.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
	}
}

/* ====== Greeting Layout ====== */
.greeting{
	--card-radius: 0px;
	--photo-radius: 0px;
	--gap: 10px;
}

.greeting__inner{
	margin: 0 auto;
	max-width: 1250px;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: var(--gap);
	align-items: start;
}

/* 左：白カード（テキスト） */
.greeting__text{
	background: #fff;
	padding: clamp(18px, 2.2vw, 26px);
	border-radius: var(--card-radius);
	/* box-shadow: 0 10px 18px rgba(0,0,0,.08); */
}

.greeting__title{
	margin: 0 0 14px;
	color: #2e8f7f; /* 見本のグリーン寄せ（お好みで） */
	font-size: clamp(18px, 2.2vw, 24px);
	line-height: 1.45;
	letter-spacing: .06em;
}

.greeting__text p{
	margin: 0;
	color: #111;
	font-size: 15px;
	line-height: 1.9;
}

/* 右：2枚の縦長画像を「別々の列」に配置 */
.greeting__media{
	display: contents; /* ←親の3カラム(2fr/1fr/1fr)をそのまま使う */
}

/* 画像共通 */
.greeting__photo{
	margin: 0;
	height: clamp(320px, 42vw, 520px);  /* 縦長の気持ち良さ */
	background: rgba(0,0,0,.06);        /* 読み込み前の下地 */
	overflow: hidden;
	border-radius: var(--photo-radius);
	/* box-shadow: 0 10px 18px rgba(0,0,0,.10); */
}

.greeting__photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top; /* 空や余白を上に見せたい時にも効く */
	display: block;
}

/* 右の“段差”を作る：見本っぽく、右端の方を上に/下にずらす */
.greeting__photo.is-a{
	grid-column: 2;             /* 真ん中の1fr */
	margin-top: 5vw;           /* 少し下げる（見本の中段っぽさ） */
}

.greeting__photo.is-b{
	grid-column: 3;             /* 右の1fr */
	margin-top: 0;              /* こちらは上め */
}

/* PC時：テキスト位置を下げる */
@media print, screen and (min-width: 768px) { 
	.greeting__text{
		margin-top: 10vw; /* ← 画像に合わせて調整（40〜80pxで微調整） */
	}
}
/* ====== SP：縦積み ====== */
@media only screen and (max-width: 767px) {
	.greeting__inner {
		grid-template-columns: 1fr;
	}

	.greeting__media {
		order: 1;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--gap);
	}

	.greeting__text {
		order: 2;	/* 文章を後 */
	}

	.greeting__photo.is-a,
	.greeting__photo.is-b {
		grid-column: auto;
		/* margin-top: 0; */
		height: 320px;
	}
}

/*======= 代表挨拶 ======*/
.top_sec1 {
	padding: 0 0 var(--v-space2);
	background-color: #FFF;
	position: relative;
	z-index: 1;
}

/* タイトル */
.top_sec1_heading {
	display: grid;
	gap: 10px;
	text-align: center;
	justify-items: center;
	margin: 0;
	font-weight: 800;
	font-size: clamp(24px, 3vw, 30px);
	letter-spacing: 0.06em;
	line-height: 1.2;
}

.top_sec1_heading::after {
	content: attr(data-en);
	display: block;
	font-size: 12px;
	letter-spacing: 0.28em;
	font-weight: 700;
	color: var(--main-color); /* アクセントカラー */
}

/* 挨拶 */
.top_sec1_greeting {
	display: grid;
	grid-template-columns: 1fr 350px;
	gap: 40px;
	align-items: start;
	/* margin-top: 28px; */
	padding-top: 28px;
	/* border-top: 1px solid #e6e6e6; */
}

/* PC：文章→プロフィール（写真右） */
.top_sec1_greeting__body {
	order: 1;
}

.top_sec1_greeting__profile {
	order: 2;
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 18px;
	align-items: center;
	position: relative;
	padding-left: 32px;
}

.top_sec1_greeting__profile::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background-color: #e6e6e6;
}

/* 写真 */
.top_sec1_greeting__photo {
	width: 150px;
	aspect-ratio: 1 / 1;
	border-radius: 999px;
	border: 2px solid var(--main-color);
	padding: 6px;
	background: #fff;
	box-sizing: border-box;
}

.top_sec1_greeting__photo img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 999px;
	object-fit: cover;
}

/* テキスト */
.top_sec1_greeting__catch {
	font-size: clamp(18px, 2.2vw, 25px);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.02em;
	margin: 0 0 16px;
}

.top_sec1_greeting__text {
	margin: 0 0 12px;
	line-height: 1.9;
}

.top_sec1_greeting__role {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	opacity: 0.8;
}

.top_sec1_greeting__name {
	margin: 0 0 4px;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.top_sec1_greeting__name-en {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.12em;
	opacity: 0.7;
}

/* SP：プロフィール（写真）を上、文章を下 */
@media only screen and (max-width: 767px) {
	.top_sec1_greeting {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.top_sec1_greeting__profile {
		order: 1;
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
		padding-left: 0;
		padding-top: 0;
	}
	.top_sec1_greeting__profile::before {
		display: none;
	}

	.top_sec1_greeting__body {
		order: 2;
	}

	.top_sec1_greeting__photo {
		width: 160px;
	}
}

/*======= 企業理念 ======*/
.top_sec2 {
	padding: var(--v-space2) 0;
	background-color: #f2faf8;
	position: relative;
	z-index: 1;
}

/* 全体 */
.top_sec2_philosophy {
	display: grid;
	row-gap: 26px;
	max-width: 1000px;
	margin: 0 auto;
}

/* ===== MISSION ===== */
.top_sec2_philosophy__mission {
	position: relative;
	padding: 0px 20px 36px;
	text-align: center;
}

.top_sec2_philosophy__en {
	position: relative;
	font-size: clamp(47px,10vw,80px);
	letter-spacing: 0.28em;
	text-indent: 0.28em;
	font-weight: 700;
	opacity: 0.2;
	color: var(--main-color);
	z-index: 1;
}

/* キャッチ（手前） */
.top_sec2_philosophy__catch {
	position: relative;
	margin-top: -2.9em;
	font-size: clamp(18px, 2.2vw, 24px);
	font-weight: 800;
	line-height: 1.7;
	letter-spacing: 0.06em;
	z-index: 2;
}

/* ===== 4つのカード ===== */
.top_sec2_philosophy__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	row-gap: 18px;
}

.top_sec2_philosophy__card {
	position: relative;
	display: grid;
	grid-template-columns: 68px 1fr;
	column-gap: 18px;
	align-items: start;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	padding: 22px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* 左上の薄い番号 */
.top_sec2_philosophy__no {
	font-size: 34px;
	font-style: italic;
	font-weight: 600;
	line-height: 1;
	color: rgba(66, 169, 149, 0.22);
}

/* 右側の本文 */
.top_sec2_philosophy__body {
	display: grid;
	row-gap: 10px;
}

/* 見出し行（線＋タイトル） */
.top_sec2_philosophy__head {
	display: inline-flex;
	align-items: center;
	gap: 14px;
}

.top_sec2_philosophy__line {
	display: inline-block;
	width: 34px;
	height: 2px;
	background-color: rgba(66, 169, 149, 0.9);
}

.top_sec2_philosophy__title {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0.06em;
}

.top_sec2_philosophy__text {
	margin: 0;
	line-height: 1.9;
}

/* SP */
@media only screen and (max-width: 568px) {
	.top_sec2_heading {
		margin-bottom: 26px;
	}

	.top_sec2_philosophy__mission {
		padding: 0px 16px 30px;
	}

	.top_sec2_philosophy__card {
		grid-template-columns: 54px 1fr;
		padding: 18px;
		column-gap: 14px;
	}

	.top_sec2_philosophy__no {
		font-size: 30px;
	}
}



/*======= 新着情報 ======*/
.blog_sec1 {
	padding: var(--v-space) 0 var(--v-space2);
	background-color: #FFF;
	position: relative;
	z-index: 1;
}

/*======= お問い合わせ ======*/
.contact_sec {
	padding: var(--v-space) 0 clamp(90px, 7vw, 150px) 0;
	background-color: #f2faf8;
	position: relative; /* sectionの位置を相対的にする*/
	z-index: 1; /* 背景画像より上に表示 */
}

@media print, screen and (min-width: 768px) {
	.conbg-01 {
		background-image: url(../img/bg_02.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px) {
	.conbg-01 {
		background-image: url(../img/bg_02_sp.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: cover;
	}
}
.contact_sec h2{
	font-size: clamp(22px,3vw,30px);
	letter-spacing: 0.28em;
	font-weight: 700;
	color: var(--main-color);
	text-align: center;
	text-indent: 0.28em; /* letter-spacing分を補正 */
}
.contact_sec p {
	font-size: clamp(15px,1.5vw,16px);
	line-height: 1.5;
	color: var(--txt-color);
	/* text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); */
	text-align: center;
}

.contact_bg{
	background-color: rgba(255, 255, 255, 0.6);
	padding: 40px 20px 40px 20px;
	margin: 0 auto;
}

/*TELバナー*/
.tel_bnr{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 10px;
}
@media only screen and (max-width: 767px) {
	.tel_bnr{
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 10px;
	}
}

.tel_bnr-contact{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 10px;
	max-width: 800px;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.tel_bnr-contact{
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 10px;
	}
}

/* ================================
   single（見た目：白い枠だけ）
================================ */
.tel_bnr-single{
	background: #ffffff85;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 20px 40px;
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

/* ================================
   ボタン制御
================================ */

.tel_bnr-single .btn-call{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: end; /* grid内で右寄せ */
}

/* ================================
   ボタンデザイン
================================ */
.btn-call{
	background: var(--main-color);
	color: #fff;
	padding: 14px 28px;
	border-radius: 8px;
	font-weight: bold;
	font-size: 15px;
	white-space: nowrap;
	text-decoration: none;
	box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
	transition: background 0.2s, transform 0.1s;
	width: auto;          /* auto列を押し広げない */
	max-width: none;
	align-self: center;
}

.btn-call:hover{
	background: var(--accent-color2);
	transform: translateY(-1px);
}

/* SP：押しやすくフル幅 */
@media only screen and (max-width: 767px) {
	.btn-call{
		width: 100%;
		box-sizing: border-box;
	}
	.tel_bnr-single .btn-call{
		justify-self: center; /* grid内で中央寄せ */
	}
	.tel_bnr-single{
		background: #ffffffa6;
		padding: 20px 20px;
	}
}

/* ================================
	業務内容
================================ */
.ab_sec1 {
	padding: var(--v-space) 0;
	background-color: #f1faf7;

	position: relative;
	z-index: 1;
}

/* ===== 相談・サービス案内 導入 ===== */
.ab_sec1_intro {
	margin: 0px 0 60px;
	text-align: center;
}

.ab_sec1_intro__inner {
	max-width: 900px;
	margin: 0 auto;
}

.ab_sec1_intro__lead {
	font-size: clamp(20px, 2.8vw, 28px);
	font-weight: 800;
	line-height: 1.5;
	margin: 0 0 20px;
}

.ab_sec1_intro__text {
	font-size: 16px;
	line-height: 1.9;
	color: #444;
	margin: 0 0 12px;
}

/* SP調整 */
@media only screen and (max-width: 568px) {
	.ab_sec1_intro {
		margin: 0px 0 40px;
	}
}

/* ===== 相談・サービス案内 カード ===== */
.service-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1rem;
}
@media print{
	.service-grid {
		grid-template-columns: repeat(3, 1fr);
	}

}

.service-card {
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: 24px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 40px 30px;
	color: white;
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	/* Base shadow and border */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Background Image Setup */
.card-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Overlay - Always present but changes on hover */
.card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Hover Gradient Effect (40% opacity) */
.service-card:hover .card-overlay {
	background: linear-gradient(135deg,
			rgba(242, 140, 40, 0.6) 0%,
			rgba(66, 169, 149, 0.6) 100%);
}

.service-card:hover .card-bg {
	transform: scale(1.1);
}

/* Card Content */
.card-content {
	position: relative;
	z-index: 3;
	text-align: center;
}

.service-card h3 {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: white;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.service-card p {
	font-size: 0.95rem;
	margin-bottom: 2rem;
	opacity: 0.9;
}

.btn-link {
	display: inline-block;
	padding: 0.8rem 1.8rem;
	background-color: var(--main-color);
	color: white;
	border-radius: 50px;
	font-size: 0.9rem;
	font-weight: bold;
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	border: 2px solid transparent;
}

.service-card:hover .btn-link {
	background-color: white;
	color: var(--main-color);
	transform: translateY(-3px);
}

/*======= 腹膜透析（PD） ======*/
.ab_sec2 {
	padding: var(--v-space) 0;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

/* ===== 赤透明どおりのグリッド（3列×2行） ===== */
.pd-grid {
	display: grid;
	grid-template-columns: 320px 1fr 380px;
	grid-template-rows: auto auto;
	gap: 28px;
	align-items: start;
}

/* ① ガイドライン：左1列で2行ぶち抜き */
.pd-guideline {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	margin: 0;
}

.pd-guideline img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.06);
	max-width: 300px;
	margin: 0 auto;
}

.pd-guideline__caption {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.6;
	color: #666;
	text-align: center;
}

/* ② メッセージ：上段で2〜3列を横断 */
.pd-message {
	grid-column: 2 / 4;
	grid-row: 1 / 2;
	background-color: var(--bg-light);
	padding: 34px;
	border-radius: 14px;
	border-left: 4px solid var(--main-color);
	border-right: 4px solid var(--main-color);
}

.pd-message h3 {
	margin: 0 0 16px;
	font-size: clamp(18px, 1.8vw, 22px);
	line-height: 1.4;
	color: var(--main-color);
}

.pd-message p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	color: #444;
}

/* ③ ボタン：下段の中央列 */
.pd-action {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	display: grid;
	gap: 14px;
}

.pd-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 14px 18px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 999px;
	font-weight: 800;
	font-size: 15px;
	color: var(--main-color);
	text-decoration: none;
	transition: var(--transition);
}

.pd-btn::after {
	content: "→";
	margin-left: 10px;
	opacity: 0;
	transition: var(--transition);
}

.pd-btn:hover {
	border-color: var(--main-color);
	background: var(--main-color);
	color: #fff;
	transform: translateX(4px);
}

.pd-btn:hover::after {
	opacity: 1;
}


.pd-btn--primary:hover {
	background: #fff;
	color: var(--main-color);
}

/* ④ スタッフ：下段の右列 */
.pd-staff {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}

.staff-card-horizontal {
	background: #fff;
	border-radius: 24px;
	padding: 26px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 300px;
}

.staff-image {
	width: 130px;
	height: 130px;
	border-radius: 18px;
	object-fit: cover;
	border: 4px solid var(--bg-light);
	flex-shrink: 0;
}

.staff-info {
	flex-grow: 1;
	min-width: 0;
}

.staff-tag {
	display: inline-block;
	background: var(--accent-color1);
	color: var(--txt-color);
	padding: 2px 12px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}

.staff-info h4 {
	font-size: 20px;
	margin: 0 0 8px;
	line-height: 1.3;
}

.staff-info h4 span {
	font-size: 14px;
	font-weight: 400;
	margin-left: 6px;
}

.staff-details {
	border-top: 1px solid #eee;
	padding-top: 10px;
	font-size: 14px;
	color: #666;
}

.staff-details p {
	margin: 0 0 6px;
}

.staff-details p:last-child {
	margin-bottom: 0;
}

.staff-details b {
	color: var(--main-color);
	font-weight: 800;
}

/* ===== Responsive ===== */
@media only screen and (max-width: 1130px) {
	.pd-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto;
		gap: 22px;
	}

	/* 画像：2列ぶち抜き */
	.pd-guideline {
		grid-column: 1 / -1;
		grid-row: 1 / 2;
	}

	/* テキスト：2列ぶち抜き */
	.pd-message {
		grid-column: 1 / -1;
		grid-row: 2 / 3;
	}

	/* 下段：左＝リンク */
	.pd-action {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	/* 下段：右＝スタッフ */
	.pd-staff {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

}

@media only screen and (max-width: 767px) {
	/* 1列：縦積み */
	.pd-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.pd-guideline,
	.pd-message,
	.pd-action,
	.pd-staff {
		grid-column: auto;
		grid-row: auto;
	}

	.pd-message {
		padding: 26px;
		border-left-width: 6px;
	}

	.staff-card-horizontal {
		padding: 22px;
	}

	.staff-image {
		width: 120px;
		height: 120px;
		border-radius: 16px;
	}
	.staff-card-horizontal {
		min-width: 0;	/* SPでは解除 */
	}
}

/* ===== ab_sec3：精神科訪問看護 ===== */
.ab_sec3 {
	padding: var(--v-space) 0;
	background-color: #f1faf7;
	position: relative;
	z-index: 1;
}
@media print, screen and (min-width: 768px) {
	.ab_sec3 {
		background-image: url(../img/bg_03.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px) {
	.ab_sec3 {
		background-image: url(../img/bg_03_sp.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}

.ab_sec3-box {
	background-color: #ffffffd7;
	padding: 40px;
}

.ab_sec3-lead {
	font-size: clamp(22px,2.4vw,25px);
	color: var(--main-color);
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.7;
}

.ab_sec3-text {
	font-size: 16px;
	line-height: 1.9;
	color: #444;
}

@media only screen and (max-width: 767px) {
	.ab_sec3-box {
		padding: 24px;
	}
}

/* ===== ab_sec4：ICT・連携 ===== */
.ab_sec4 {
	padding: var(--v-space) 0;
	background-color: #f7f9fb;
	position: relative;
	z-index: 1;
}

.ab_sec4-text {
	margin-bottom: 32px;
}

.ab_sec4-text p {
	font-size: 16px;
	line-height: 1.9;
	margin-bottom: 12px;
	color: #444;
}

/* バナー5つ横並び */
.ab_sec4-tool-list {
	list-style: none;
	padding: 0;
	margin: 0 0 12px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	align-items: center;
}

.ab_sec4-tool-list li {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.ab_sec4-tool-list img {
	max-width: 100%;
	height: auto;
}

.ab_sec4-note {
	font-size: 12px;
	color: #666;
}

@media only screen and (max-width: 968px) {
	.ab_sec4-tool-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 568px) {
	.ab_sec4-tool-list {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* ===== サービス紹介 H2 ===== */
.se_sec1 {
	padding: clamp(35px, 2vw, 50px) 0 clamp(20px, 2vw, 30px);
	background-color: #fff4e9;
	position: relative;
	z-index: 1;
}
@media print, screen and (min-width: 768px) {
	.se_sec1 {
		background-image: url(../img/heading-bk01.jpg);
		background-repeat: no-repeat;
		background-position: right;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px) {
	.se_sec1 {
		background-image: url(../img/heading-bk01_sp.jpg);
		background-repeat: no-repeat;
		background-position: right;
		background-size: cover;
	}
}


/* section遷移ナビ */
nav.section-nav {
	box-sizing: border-box;
	padding: 15px 30px;
	margin: 20px auto 0;
	width: fit-content;
	text-align: center;
	border: 1px solid #ddd;
	background-color: rgba(255, 255, 255, 0.9);
}

/* リスト（以前の .link-menu 相当） */
.section-nav__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-nav__list li {
	position: relative;
}

/* 区切り線（PC） */
.section-nav__list li::after {
	content: "|";
	color: #aaa;
	padding: 0 1em;
}

.section-nav__list li:last-child::after {
	content: none;
}

/* リンク */
.section-nav__list li a {
	display: inline-block;
	font-size: clamp(14px, 1.4vw, 15px);
	text-decoration: none;
	color: #333;
	transition: color 0.2s, background-color 0.15s;
	word-break: break-all;
	padding: 0; /* スマホ時は下で付け替え */
}

.section-nav__list li a:hover {
	color: var(--main-color);
}

/* スマホ対応（max-width:768px） */
@media screen and (max-width: 768px) {
	nav.section-nav {
		width: 98%;
		padding: 10px 15px;
	}

	.section-nav__list {
		flex-direction: column;
		align-items: stretch;
	}

	.section-nav__list li {
		width: 100%;
		padding: 0;
		border-bottom: 1px dashed #bbb; /* スマホの区切り線 */
		text-align: center;
	}

	.section-nav__list li:last-child {
		border-bottom: none;
	}

	/* PC用の縦線は無効化 */
	.section-nav__list li::after {
		content: none;
	}

	/* タップしやすくする */
	.section-nav__list li a {
		display: block;
		padding: 12px 0;
	}

	.section-nav__list li a:hover {
		background-color: rgba(0,0,0,0.03);
	}
}

.se_sec1-001,.se_sec1-003{
	padding: var(--v-space2) 0;
	background-color: #FFF;
	position: relative; /* sectionの位置を相対的にする*/
	z-index: 1; /* 背景画像より上に表示 */
}
.se_sec1-002{
	padding: var(--v-space2) 0;
	background-color: #f7f7f7;
	position: relative; /* sectionの位置を相対的にする*/
	z-index: 1; /* 背景画像より上に表示 */
}

/* ===== プロフィール吹き出し ===== */
.chat-profile{
	display: grid;
	grid-template-columns: 0.5fr 1fr; /* ←写真を大きくする肝 */
	gap: 40px;
	align-items: start;
	margin: 0 auto 70px;
	padding: 20px 0;
}

/* 写真（大きめ） */
.chat-profile__photo{
	margin: 0;
}
.chat-profile__photo--bk01{
	background-image: radial-gradient(#42a99554 15%, transparent 16%),
		radial-gradient(#42a99554 15%, transparent 16%);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
	border: solid 4px #BCDED7;
	border-radius: 22px;
	background-color: #FFF;
}
.chat-profile__photo--bk02{
	background-image: radial-gradient(#F28C2854 15%, transparent 16%),
		radial-gradient(#F28C2854 15%, transparent 16%);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
	border: solid 4px #FBD9B9;
	border-radius: 22px;
	background-color: #FFF;
}

.chat-profile__photo img{
	display: block;
	width: 100%;
	height: 350px; /* 高さ固定で“面”を作る（大きく見える） */
	object-fit: cover;
	border-radius: 18px;
}

/* 右側 */
.chat-profile__body{
	min-width: 0;
	align-self: center;
}

/* ラベル */
.chat-profile__label{
	display: inline-block;
	background: #f6e8bf;
	padding: 8px 14px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.04em;
	margin: 0 0 14px;
}

/* 名前 */
.chat-profile__name{
	margin: 0 0 18px;
	font-size: clamp(22px, 2.4vw, 34px);
	font-weight: 900;
	letter-spacing: 0.06em;
}

/* 吹き出し */
.chat-profile__message{
	position: relative;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 16px;
	padding: 22px 24px;
	box-shadow: 0 10px 22px rgba(0,0,0,0.06);
}

.chat-profile__message p{
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	color: #333;
}

/* 三角（左向き） */
.chat-profile__message::before{
	content: "";
	position: absolute;
	top: 22px;
	left: -10px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	transform: rotate(45deg);
}

/* ===== 反転 ===== */
.chat-profile--reverse{
	grid-template-columns: 1fr 360px;
}

.chat-profile--reverse .chat-profile__photo{
	order: 2;
}

.chat-profile--reverse .chat-profile__body{
	order: 1;
}

/* 三角も右向きへ */
.chat-profile--reverse .chat-profile__message::before{
	left: auto;
	right: -10px;
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

/* ===== レスポンシブ ===== */
@media only screen and (max-width: 968px){
	.chat-profile{
		grid-template-columns: 300px 1fr;
		gap: 28px;
	}
}

@media only screen and (max-width: 767px){
	.chat-profile{
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 10px 0;
		margin-bottom: 45px;
	}

	.chat-profile__photo img{
		height: 300px;
		width: 100%;
		object-fit: cover;
		object-position: top;
	}

	.chat-profile__message::before{
		content: "";
		position: absolute;
		top: -9px;          /* ちょい被せる */
		left: 50%;          /* 中央 */
		transform: translateX(-50%) rotate(45deg);
		width: 18px;        /* ★サイズを明示 */
		height: 18px;       /* ★サイズを明示 */
		background: #fff;   /* ★吹き出し背景と揃える */
		border-left: 1px solid #e6e6e6;
		border-top: 1px solid #e6e6e6; /* ★上向きに見せるなら top を使う */
		border-right: 0;
		border-bottom: 0;
	}

	/* reverseでもSPは同じ見せ方 */
	.chat-profile--reverse{
		grid-template-columns: 1fr;
	}
	.chat-profile--reverse .chat-profile__photo,
	.chat-profile--reverse .chat-profile__body{
		order: 0;
	}
	.chat-profile--reverse .chat-profile__message::before{
		right: auto;
		left: 26px;
		top: -10px;
		border-right: none;
		border-top: none;
		border-left: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
	/* 本体を中央寄せ */
	.chat-profile__body{
		text-align: center;
	}

	/* ラベル */
	.chat-profile__label{
		margin-left: auto;
		margin-right: auto;
	}

	/* 名前 */
	.chat-profile__name{
		text-align: center;
	}

	/* 吹き出し */
	.chat-profile__message{
		margin-left: auto;
		margin-right: auto;
		text-align: left; /* 文章は左揃えのままが読みやすい */
	}

	/* 吹き出し三角を中央寄せ */
	.chat-profile__message::before{
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
		top: -10px;
	}
}

/*  */
.se_sec2{
	padding: var(--v-space) 0;
	background-color: #f7f7f7;
	position: relative;
	z-index: 1;
}

/* ===== se_sec2：カード ===== */
.se_sec2-card__item{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto;
	gap: 20px;
}

@media only screen and (max-width: 1156px) {
	.se_sec2-card__item{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 767px) {
	.se_sec2-card__item{
		grid-template-columns: repeat(1, 1fr);
	}
}

/* 各カード */
.se_sec2-card__item div.se_sec2-card{
	/* 子要素の高さを揃える（subgrid） */
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	gap: 0px;
	/* ここまで */

	padding: 24px 22px;
	background-color: #ffffffd7;
	box-sizing: border-box;
	border: solid 1px var(--main-color);
	border-radius: 16px;
}

/* アイコン */
.se_sec2-card__icon{
	display: grid;
	place-items: center;
	margin-bottom: 10px;
}

.se_sec2-card__icon img{
	width: 80px;
	height: 80px;
	object-fit: contain;
}

/* タイトル */
.se_sec2-card__item h4{
	padding: 8px 0 10px;
	font-size: clamp(16px, 1.5vw, 20px);
	font-weight: 800;
	line-height: 1.3;
	text-align: center;
	color: var(--main-color);
	border-bottom: dotted 1px var(--main-color);
	margin-bottom: 12px;
}

/* 説明文 */
.se_sec2-card__item p{
	font-size: 14px;
	line-height: 1.9;
	margin: 0;
}


.se_sec3{
	padding: var(--v-space) 0;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

/* 利用料金表 */
.se_sec4{
	padding: var(--v-space) 0;
	background-color: #F7F9F8;
	position: relative;
	z-index: 1;
}

.se_sec4_tbl {
	margin: 0;
}

.se_sec4_tbl__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.se_sec4_tbl table {
	width: 100%;
	min-width: 800px; /* 横スクロール用 */
	background: #fff;
	border-collapse: separate;
	border-spacing: 0;
}

.se_sec4_tbl th,
.se_sec4_tbl td {
	padding: 12px 14px;
	border: 1px solid #d7e2ef;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
}

.se_sec4_tbl thead th {
	background: #5aa1d8;
	color: #fff;
	font-weight: 700;
}

.se_sec4_tbl tbody tr:nth-child(even) {
	background: #f4f8fc;
}

.se_sec4_tbl tbody td:first-child {
	text-align: left;
	font-weight: 500;
}

/* サービス内容列を左固定 */
.se_sec4_tbl th:first-child,
.se_sec4_tbl td:first-child {
	position: sticky;
	left: 0;
	z-index: 2;
	background: #fff;
}

/* ヘッダーのサービス内容はさらに上に */
.se_sec4_tbl thead th:first-child {
	z-index: 3;
	background: #5aa1d8;
	color: #fff;
}

/* 偶数行の背景色にも対応 */
.se_sec4_tbl tbody tr:nth-child(even) td:first-child {
	background: #f4f8fc;
}

/* スマホ調整 */
@media screen and (max-width: 768px) {
	.se_sec4_tbl th,
	.se_sec4_tbl td {
		font-size: 13px;
		padding: 10px 12px;
	}
}



.se_sec4_note {
	font-size: 15px;
	line-height: 1.9;
	color: #222;
}

.se_sec4_note__title {
	font-weight: 700;
	margin-bottom: 1em;
}

.se_sec4_note__lead {
	margin-bottom: 1.5em;
}

.se_sec4_note__lead strong {
	font-weight: 700;
}

.se_sec4_note__block {
	margin-bottom: 1.5em;
}

.se_sec4_note__subtitle {
	font-weight: 600;
	margin-bottom: 0.6em;
}

.se_sec4_note__list {
	padding-left: 1.5em;
}

.se_sec4_note__list li {
	margin-bottom: 0.4em;
}

/* スマホ微調整 */
@media screen and (max-width: 768px) {
	.se_sec4_note {
		font-size: 14px;
	}
}

.se_noteTop {
	margin: 0 0 10px;
	font-size: 14px;
	color: rgba(34, 34, 34, 0.78);
}

/*======= 求人情報 ======*/
.recruit_sec1{
	padding: var(--v-space) 0;
	background-color: #f7f9f8;
	position: relative;
	z-index: 1;
}


/* 求人テーブル */
.recruit_table{
	margin-bottom: 3em;
}
.recruit_table:last-child{
	margin-bottom: 0;
}
table.u-tab {
	/*width: 80%;*/	/*article class="entry" 内に入れるならいらない*/
	margin: 0px auto;
	/*border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
}
table.u-tab tr td{
	/* font-size: clamp(15px,1.6vw,16px); */
	text-align:left;
	border-bottom: 1px solid var(--main-color);
	line-height: 1.4;
	padding: 13px;
	/*background: rgba(243, 252, 255, 0.85);*/
}
table.u-tab tr td:nth-of-type(1){
	width: 9rem;	/* 1列目のスタイル */
	font-weight: 600;
	/*background: var(--main-color);*/
}
@media screen and (max-width: 800px) {
	table.u-tab {
		width: 100%;
	}
}
@media screen and (max-width: 568px) {
	table.u-tab tr td{
		display:block;
		width: calc( 100% - 15px );
		padding: 7px;
	}
	table.u-tab tr td:nth-of-type(1){
		width: calc( 100% - 15px );	/* 1列目のスタイル */
		display:block;
		background: #42a9942a;
	}
}



/* よくある10の質問 */
.recruit_sec2 {
	padding: var(--v-space) 0;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
@media print, screen and (min-width: 768px) {
	.recruit_sec2 {
		background-image: url(../img/bg_05.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-size: contain;
	}
}
@media only screen and (max-width: 767px) {
	.recruit_sec2 {
		background-image: url(../img/bg_05_sp.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-size: contain;
	}
}

/* ===== よくある10の質問 導入 ===== */
.recruit_sec2_intro {
	margin: 0px 0 100px;
	text-align: center;
	padding-top: 60px;
}

.recruit_sec2_intro__inner {
	max-width: 900px;
	margin: 0 auto;
}

.recruit_sec2_intro__lead {
	font-size: clamp(20px, 2.8vw, 28px);
	font-weight: 800;
	line-height: 1.5;
	margin: 0 0 20px;
}

.recruit_sec2_intro__text {
	font-size: clamp(14px,1.6vw,16px);
	line-height: 1.9;
	color: #444;
	margin: 0 0 12px;
}
/* SP調整 */
@media only screen and (max-width: 767px) {
	.recruit_sec2_intro {
		margin: 0px 0 60px;
		padding-top: 10px;
	}
	.recruit_sec2_intro__text {
		text-align: left;
		text-align: justify;
	}
}


/*======= FAQ ======*/
.faq_sec1 {
	padding: clamp(70px, 6vw, 90px) 0 var(--v-space) 0;
	background-color: #fff;

	position: relative;
	/* sectionの位置を相対的にする*/
	z-index: 1;
	/* 背景画像より上に表示 */
}

.faq-item {
	display: grid;
	grid-template-columns: 1.5em 1fr;
	column-gap: 10px;
	row-gap: 5px;
}

.faq-label {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5;
	border-radius: 3px;
	width: 1.5em;
	text-align: center;
	align-self: start;
	/* lavelを上揃えに */
}

.faq-label.q {
	background-color: var(--main-color);
}

.faq-label.a {
	background-color: var(--accent-color1);
}

.faq-question,
.faq-answer {
	margin: 0;
	line-height: 1.6;
	text-align: justify;
}

.faq-question {
	font-weight: bold;
}

hr.faqHr {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #e9e9e9;
}

/*======= 会社案内ページ ======*/
/*会社案内*/
.info_sec1{
	padding: clamp(70px, 6vw, 90px) 0 var(--v-space) 0;
	background-color: #FFF;

	position: relative; /* sectionの位置を相対的にする*/ 
	z-index: 1; /* 背景画像より上に表示 */ 
}

/* 概要部分のテーブル */

.info_sec1__haba{
	max-width: 700px;
	margin: 0 auto;
}
.info_sec1_container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	font-family: 'Arial', sans-serif;
}

.info_sec1_container .item {
	border: 1px solid #ddd;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	border-radius: 6px;
	background-color: #fff;
	padding: 12px 16px;
	display: grid;
	grid-template-columns: 200px 1fr;
	align-items: center;
	gap: 20px;
	align-items: stretch;
}

.info_sec1_container .label {
	display: flex;
	align-items: center;
	font-weight: bold;
	color: var(--txt-color);
	white-space: nowrap;
	background-color: var(--main-color);
	color:#FFF;
	padding: 5px 7px;
}

.info_sec1_container .content {
	/* display: flex; */
	align-items: center;
	color: #333;
	padding: 5px 7px;
}
.info_sec1_container .content a {
	display: inline-block;
	line-height: inherit;
}

.tel-label {
	display: inline-block;
	width: 48px;          /* ← 幅指定できる */
	margin: 0px 10px 0px 0px;
	font-size: 15px;
	font-weight: bold;
}
.mt4{
	margin-top: 4px;
}

/* レスポンシブ：568px以下で縦並び＋枠内レイアウトも縦に */
@media only screen and (max-width: 568px) {
	.info_sec1_container .item {
		grid-template-columns: 1fr;
		gap:0px;
		padding: 10px 14px;
	}

	.info_sec1_container .label {
		line-height: 1.6;
		font-size: 14px;
	}

	.info_sec1_container .content {
		font-size: 14px;
	}
}

/* 協力医療機関 */
.info_sec2{
	padding: var(--v-space) 0;
	background-color: #f5f5f5;

	position: relative; /* sectionの位置を相対的にする*/ 
	z-index: 1; /* 背景画像より上に表示 */ 
}
@media print, screen and (min-width: 768px) {
	.info_sec2 {
		background-image: url(../img/bg_04.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media only screen and (max-width: 767px) {
	.info_sec2 {
		background-image: url(../img/bg_04_sp.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}

/* 協力医療機関リスト */
/* 協力医療機関リスト */
.medical_list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px 24px;
	padding: 0;
	list-style: none;
}

.medical_list li {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
}

/* 中身共通（a / span.medical_item） */
.medical_list a,
.medical_list .medical_item {
	display: block;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	position: relative;
}

/* リンクのみ */
.medical_list a {
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* 外部リンクアイコン */
.medical_list a::after {
	content: "↗";
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	color: #999;
}

/* hover（リンクのみ） */
.medical_list a:hover {
	background-color: #f7f9f8;
	color: var(--main-color, #2f6f5f);
}

/* SP調整 */
@media (max-width: 600px) {
	.medical_list {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.medical_list a,
	.medical_list .medical_item {
		font-size: 14px;
		padding: 12px 14px;
	}
}


/* ===============================
   情報公開について（info_sec3）
================================ */

.info_sec3 {
	padding: var(--v-space) 0;
	background-color: #f7f9f8; /* 少しだけ色を変えて区切る */

	position: relative; /* sectionの位置を相対的にする*/ 
	z-index: 1; /* 背景画像より上に表示 */ 
}

.info_sec3 .info_text {
	max-width: 720px;
	margin: 0 auto 24px;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
	text-align: center;
}

.info_sec3 .info_link {
	text-align: center;
}

.info_sec3 .info_link a {
	display: inline-block;
	padding: 14px 28px;
	border: 1px solid var(--main-color, #2f6f5f);
	border-radius: 30px;
	color: var(--main-color, #2f6f5f);
	text-decoration: none;
	font-size: 15px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* hover */
.info_sec3 .info_link a:hover {
	background-color: var(--main-color, #2f6f5f);
	color: #fff;
}

/* SP調整 */
@media (max-width: 600px) {

	.info_sec3 .info_text {
		font-size: 14px;
		padding: 0 10px;
	}

	.info_sec3 .info_link a {
		font-size: 14px;
		padding: 12px 22px;
	}
}


.access_sec1{
	padding: var(--v-space) 0 var(--v-space2);
	background-color: #fff;

	position: relative; /* sectionの位置を相対的にする*/ 
	z-index: 1; /* 背景画像より上に表示 */ 
}
/* アクセス部分のテーブル */
.access1 {
	font-weight: bold;
	border-bottom: 1px dashed #999;
	padding: 5px;
	width: 5.25em;
}
.access2 {
	border-bottom: 1px dashed #999;
	padding: 5px;
	width: 400px;
}
@media screen and (max-width: 568px) {
	.access1 {
		display: block;
		padding: 8px 2px 2px 2px;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0);
	}
	.access2 {
		display: block;
		padding: 2px;
		width: 99%;
	}
}