@charset "utf-8";

/* =====================================
■Elementor
===================================== */
/* -------------------------------------
general
------------------------------------- */
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 100%;
	padding: 0;
}
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated,
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
	padding: 0;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
	padding: 0;
}
.e-container {
	--container-max-width: 100%;
}
/* -------------------------------------
見出し
------------------------------------- */
.elementor-heading-title {
	padding: inherit;
	margin: inherit;
	line-height: inherit;
}

.colorF {
	color: #203B75;
}
nav .menu > li a span {
	color: #fff;
}
#wrapper {
	padding-top: 0;
}
@media screen and (max-width: 767px) {
	.triggers span {
		background: #fff;
	}
	.triggers span:nth-of-type(2):before, .triggers span:nth-of-type(2):after {
		background: #fff;
	}
	nav .menu > li a span {
	color: #404448;
}
}
/* =====================================
■TITLE
===================================== */
.titWrap_h2 h2 {
	letter-spacing: 0;
	position: relative;
	font-size: 36px;
	line-height: 1.6;
	color: #262626;
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	font-style: normal;
}
.titWrap_h2 .txt01 {
	font-size: 14px;
	color: #707D8F;
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 26px;
}
.titWrap_h2 .txt02 {
	color: #404448;
	line-height: 1.6;
	margin-bottom: 0;
	margin-top: 20px;
}
.titWrap_h3 h3 {
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
	line-height: 1.6;
	margin-bottom: 21px;
	color: #fff;
}
.titWrap_h3 p {
	line-height: 1.6;
	margin-top: 25px;
	margin-bottom: 25px;
	color: #fff;
}
@media screen and (max-width: 1224px) and (min-width: 768px) {
	.newsBox .news_tit {
		width: 11%;
	}
	.newsBox .content {
		width: 89%;
	}
	.titWrap_h2 h2 {
		font-size: 32px;
	}
}
@media screen and (max-width:767px){
	.titWrap_h2 .txt01 {
		text-align: center;
		margin-bottom: 10px;
	}
}
/* =====================================
■mainView
===================================== */
.mainSec {
	position: relative;
}
.mainSec .mainTxt {
	position: absolute;
	bottom: 80px;
	left: 80px;
	content: "";
	z-index: 99;
	max-width: 664px;
	width: 50%;
}
.sns-list {
	position: absolute;
	content: "";
	right: 40px;
	top: 95px;
	z-index: 9999;
}
.sns-list a {
	display: block;
	width: 24px;
	margin-bottom: 13px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.mainSec .mainTxt {
		bottom: 50px;
		left: 40px;
	}
}
@media screen and (max-width: 767px) {
	.mainSec .mainTxt {
		bottom: -20px;
		left: 20px;
		width: 80%;
	}
	.sns-list {
		right: 20px;
	}
}
/* =====================================
■一般診療・予防医療
===================================== */
.topA {
	width: calc(100% - ((100% - 1120px) / 2) - 20px);
	margin-left: auto;
	margin-right: 0;
	padding: 0;
	box-sizing: border-box;
	margin-top: -80px;
	position: relative;
	z-index: 99;
}
.topA .elementor-element-cc3e88c .elementor-row {
	align-items: end;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-744e1d9 {
	width: 44%;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 {
	width: 56%;
	background: #fff;
	padding: 24px;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 .elementor-column-wrap.elementor-element-populated {
	background: #E2ECF3;
	padding: 24px 24px 0 24px;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 .contentNews {
	background: #fff;
	padding: 24px 24px 37px 24px;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 .contentNews dt {
	color: #707D8F;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 1.5;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 .elementor-column-wrap.elementor-element-populated dl:not(:first-of-type) {
	padding-top: 10px;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 .elementor-column-wrap.elementor-element-populated dl:not(:last-of-type) {
	border-bottom: 1px solid #97C5DB;
	padding-bottom: 15px;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 .contentNews dd {
	line-height: 1.5;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 .contentNews dd a {
	color: #262626;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.02em;
}
.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 .link a {
	text-align: right;
	padding: 4px 0 6px 0;
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
	.topA {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media screen and (max-width: 767px) {
	.topA {
		width: 94%;
		margin: 0 auto;
		margin-top: 0px;
		padding-left: 0;
		margin-top: 35px;
	}
	.topA .elementor-element-cc3e88c .elementor-row {
		display: block;
	}
	.topA .elementor-element-cc3e88c .elementor-row .elementor-element-feff341 {
		width: 100%;
		background: none;
		padding: 0;
	}
}
/* =====================================
■予防医療・健康診断
===================================== */
.topB {
	margin-bottom: 40px;
	margin-top: 40px;
}
.topB ul {
	display: flex;
	justify-content: space-between;
	column-gap: 40px;
}
.topB ul .titL {
	display: flex;
	align-items: center;
}
.topB ul .titL img {
	width: 80px;
}
.topB ul li {
	background: #FFF;
	box-shadow: 0px 0px 20px rgba(112, 125, 143, 0.16);
	padding-top: 24px;
	display: flex;
	flex-direction: column;
	width: calc((100% - 40px) / 2);
}
.topB .txt {
	color: #6B7280;
	line-height: 1.6;
	margin-top: 25px;
}
.topB p {
	margin-bottom: 0;
}
.topB .module01 {
	padding: 0 24px;
	margin-bottom: 5px;
	flex: 1;
}
.topB .btn {
	padding: 0 36px;
	display: flex;
	justify-content: space-between;
	column-gap: 16px;
	margin: 10px 0 14px;
}
.topB .content {
	background: #F7F7F7;
	padding: 12px 16px 16px 16px;
	margin-top: 25px;
}
.topB ul .title01 {
	color: #707D8F;
	line-height: 1.6;
	font-weight: 500;
	font-size: 14px;
}
.topB ul .title .title02 {
	color: #404448;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.6;
	font-family: "Zen Old Mincho", serif;
	font-style: normal;
}

.topB ul .title {
	margin-left: 20px;
}
.topB .btn img {
	width: calc((100% - 48px) / 4);
	display: block;
}
.topB .link {
	text-align: center;
	margin-top: auto;
	background: #E2ECF3;
	margin-top: 11px;
}
.link a {
	color: #707D8F;
	padding: 13px 0;
	display: block;
}
.link a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.link a sub {
	position: relative;
	padding-right: 30px;
	font-size: 16px;
}
.link a sub:before {
	position: absolute;
	content: "";
	width: 16px;
	height: 7px;
	background: url(/wp-content/uploads/frame_img01.png) no-repeat;
	right: 0;
	bottom: 7px;
	background-size: cover;
}
.topB .content .title01 {
	color: #707D8F;
	font-size: 17px;
	line-height: 1.6;
}
.topB .content .title02 {
	color: #404448;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 7px;
}
@media screen and (max-width: 767px) {
	.topB ul {
		display: block;
	}
	.topB ul li.left {
		margin-bottom: 40px;
	}
	.topB .btn_sp {
		padding: 0 24px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.topB ul .title01 {
		font-size: 12px;
	}
	.topB ul .title02 {
		font-size: 20px;
	}
	.topB .txt {
		margin-top: 15px;
	}
	.topB ul li {
		width: 100%;
	}
	.topB ul .title .title02 {
		font-size: 20px;
	}
}
/* =====================================
■わんちゃんの診療
===================================== */
.topC {
	margin-bottom: 100px;
}
.topC ul {
	display: flex;
	column-gap: 40px;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.topC ul {
		display: block;
	}
	.topC ul li:nth-child(1) {
		margin-bottom: 20px;
	}
	.topC {
		margin-bottom: 50px;
	}
}

/* =====================================
■よくある症状と疑われる病気
===================================== */
.topD {
	background: url(/wp-content/uploads/top_bg01-scaled.jpg) no-repeat;
	background-size: cover;
	padding: 67px 0;
	margin-bottom: 100px;
}
.topD .nner {
	color: #fff;
}
.topD.topD_2 {
	background: url(/wp-content/uploads/top_bg02-1-scaled.jpg) no-repeat;
	background-size: cover;
}
.btn-link {
	display: inline-flex;
	align-items: center;
	padding: 8px 25px 8px 20px;
	background: #fff;
	border-radius: 40px;
	text-decoration: none;
	border: 1px solid #315696;
}
.btn-link sub {
	background: none;
	background-image: none;
	background-clip: border-box;
	padding: 0;
	margin: 0;
	background-image: linear-gradient(90deg, #315696, #1C448B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 500;
	padding-right: 35px;
	font-size: 16px;
	position: relative;
}
.btn-link sub:before {
	position: absolute;
	content: "";
	width: 16px;
	height: 7px;
	background: url(/wp-content/uploads/Frame-35.png) no-repeat;
	right: 0;
	bottom: 11px;
	background-size: cover;
}
.btn-link:hover {
	text-decoration: none;
	opacity: 0.7;
}
@media screen and (max-width:767px){
	.topD {
		margin-bottom: 50px;	
		background: url(/wp-content/uploads/top_spbg01.jpg) no-repeat;
	}
	.topD.topD_2 {
		background: url(/wp-content/uploads/top_spbg02.jpg) no-repeat;
		background-size: cover;
	}
}
/* =====================================
■当院の特長
===================================== */
.topE {
	width: calc(100% - 11%);
	margin-left: auto;
	margin-right: 0;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.topE ul {
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding: 0;
	margin: 0;
}
.topE ul .left {
	width: 45%;
}
.topE ul .right {
	width: 55%;
}
.topE .bottom {
	position: relative;
	margin-bottom: -1px;
}
.topE .bottom .content {
	position: absolute;
	content: "";
	bottom: 40px;
	left: 40px;
	width: 90%;
}
.topE ul .titWrap_h2 {
	margin-bottom: 63px;
}
.topE .titWrap_h3 h3,.topE .titWrap_h3 p {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.topE .btn-link sub {
	padding-right: 80px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.topE .titWrap_h2 .txt01 {
		margin-bottom: 0;
	}
	.topE ul .titWrap_h2 {
		margin-bottom: 20px;
	}
	.topE .titWrap_h3 p {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.topE .titWrap_h3 h3 {
		margin-bottom: 0;
		font-size: 18px;
	}
	.topE .titWrap_h2 .txt02 {
		margin-top: 5px;
	}
	.topE .bottom .content {
		bottom: 16px;
		left: 20px;
		width: 88%;
	}
}
@media screen and (max-width:767px){
	.topE {
		width: 100%;
		padding-left: 0;
		margin-bottom: 50px;	
	}
	.topE ul {
		display: block;
	}
	.topE ul .left {
		width: 100%;
	}
	.topE ul .right {
		width: 100%;
	}
	.topE .bottom {
		width: 100%;
		margin-bottom: 0;
	}
	.topE .bottom .content {
		left: 0;
		position: relative;
		bottom: 0;
		background: url(/wp-content/uploads/features_img01.jpg) no-repeat;
		background-size: auto;
		background-size: cover;
		width: 100%;
		padding: 20px;
	}
	.topE ul .titWrap_h2 {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.titWrap_h2 h2 {
		text-align: center;
		font-size: 26px;
	}
}
/* =====================================
■予防医療、一般診療の1.5次診療を担う
===================================== */
.topF {
	width: calc(100% - 11%);
	margin-right: auto;
	margin-left: 0;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.titWrap_h3.black h3 {
	color: #262626;
	margin-bottom: 15px;
}
.titWrap_h3.black p {
	color: #00000099;
	margin-top: 0;
	margin-bottom: 15px;
}
.topF .nner {
	position: relative;
}
.topF ul {
	display: flex;
	justify-content: flex-end;
}
.topF .nner .content {
	margin-top: 40px;
}
.topF .btn-link sub {
	padding-right: 135px;
}
@media screen and (max-width: 1176px) and (min-width: 768px) {
	.topF .nner .content {
		margin-top: 10px;
	}
	.topF .nner .content .titWrap_h3.black p {
		font-size: 13px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.topF .nner .content {
		margin-top: 10px;
	}
	.titWrap_h3.black h3 {
		margin-bottom: 4px;
	}
}
@media screen and (max-width:767px){
	.topF {
		width: 100%;
		padding-left: 0;
	}
	.topF ul {
		display: block;
	}
	.topF .nner .content {
		width: 90%;
		margin: 40px auto 0;
	}
}
/* -------------------------------------
■犬・猫にやさしい院内環境
------------------------------------- */
.topG {
	width: calc(100% - 11%);
	margin-left: auto;
	margin-right: 0;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.topG ul {
	display: flex;
	justify-content: center;
}
.topG ul .content {
	margin-top: 20px;
}
@media screen and (max-width:767px){
	.topG {
		padding-left: 0;
		width: 100%;
	}
	.topG ul .content {
		width: 90%;
		margin: 20px auto 0;
	}
}
/* -------------------------------------
■大学病院に次ぐ
専門的な医療を地域へ
------------------------------------- */
.topH {
	margin-bottom: 100px;
	position: relative;
	padding-bottom: 100px;
}
.topH:before {
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/community_bg-scaled.jpg) no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
}
.topH .box1 {
	max-width: 1080px;
	margin: 0 auto;
}
.topH ul {
	display: flex;
	justify-content: flex-start;
	column-gap: 20px;
	flex-wrap: wrap;
	margin-top: 77px;
}
.topH ul li {
	width: calc((100% - 40px) / 3);
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	margin-bottom: 40px;
	padding: 0;
	box-sizing: border-box;
}
.topH ul li {
	width: calc((100% - 40px) / 3);
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.topH .box01 {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.topH ul li img {
	width: 80px;
	height: 80px;
}
.topH ul li .tit {
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	font-style: normal;
	color: #262626;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 10px;
}
.topH ul li .txt {
	color: #707D8F;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 500;
}
.topH ul li .community_img {
	text-align: center;
	margin-bottom: 9px;
}
.topH ul li .community_content {
	padding: 24px;
}
.community_link {
	background: #F7F7F7;
	text-align: center;
}
.community_link a {
	padding: 5px 0;
	font-size: 14px;
}
.community_link a sub {
	font-size: 14px;
}
.topH .box02 {
	width: 592px;
	margin: 0 auto;
	margin-top: 40px;
	margin-left: 45%;
}
.topH p.txt01 {
	color: #707D8F;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 25px;
}
.topH .box02 .txt01 {
	color: #404448;
}
.topH .titWrap_h3.black .txt02 {
	color: #707D8F;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 25px;
}
.topH .titWrap_h3.black h3 {
	margin-bottom: 23px;
}
/* 各卡片高度统一 */
.topH .box01 ul li {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* 内容区域高度自动撑满 */
.topH .box01 .community_content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* 让标题和文字区域保持一致高度 */
.topH .box01 .tit {
	min-height: 3em; /* 根据标题行数调整 */
	display: flex;
	align-items: center;
	justify-content: center;
}

.topH .box01 .txt {
	flex: 1;
}

/* 按钮固定在底部 */
.topH .box01 .community_link {
	margin-top: auto;
}
@media screen and (max-width: 1196px) and (min-width: 1025px) {
	.topH .box02 .content {
		bottom: 40px;
	}
}
@media screen and (max-width: 1096px) and (min-width: 768px) {
	.topH .box02 {
		margin-left: auto;
		width: 460px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.topH .box02 .content {
		bottom: 40px;
		right: 13%;
	}
	.topH .titWrap_h3.black .txt02 {
		margin-bottom: 8px;
	}
	.topH .titWrap_h3.black h3 {
		margin-bottom: 10px;
	}
}
@media screen and (max-width:767px){
	.topH ul li {
		width: calc((100% - 20px) / 2);
	}
	.topH .box02 {
		margin-left: 0;
		max-width: 500px;
		width: 100%;
	}
	.topH .box02 .content {
		right: 0;
		width: 90%;
		margin: 0 auto;
		bottom: 60px;
	}
	.topH {
		margin-bottom: 50px;
		padding-bottom: 60px;
	}
	.topH:before {
		background: url(/wp-content/uploads/community_spbg.jpg) no-repeat center bottom;
		background-size: 100%;
	}
	.topH .box01 .tit {
		font-size: 16px;
	}
	.topH ul li .txt {
		font-size: 14px;
	}
}
/* -------------------------------------
■今週の担当獣医師
------------------------------------- */
.topI {
	margin-bottom: 100px;
}
.topI .box01 {
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
	align-items: end;
}
@media screen and (max-width:767px){
	.topI .bnr {
		text-align: center;
		margin-top: 40px;
	}
}
/* -------------------------------------
■チームで守る、あなたの大切な家族
------------------------------------- */
.topJ {
	max-width: 1120px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 100px;
}
.topJ ul {
	display: flex;
	justify-content: space-between;
	column-gap: 40px;
}
.topJ ul li .txt {
	color: #707D8F;
	line-height: 2;
	margin-top: 62px;
	margin-bottom: 40px;
}
.topJ ul li {
	width: calc((100% - 40px) / 2);
	position: relative;
}
.topJ ul li .staffC {
	position: absolute;
	content: "";
	top: 0;
	left: -80px;
}
.topJ ul li .staffC img {
	width: 526px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.topJ ul li .staffC img {
		width: 386px;
	}
	.topJ ul li .txt {
		margin-top: 30px;
	}
}
@media screen and (max-width:767px){
	.topJ ul {
		display: block;
	}
	.topJ ul li {
		width: 100%;
	}
	.topJ ul li .staffC {
		left: -13px;
	}
	.topJ ul li .txt {
		margin-bottom: 40px;
	}
	.topJ ul li:last-child {
		margin-top: 40px;
	}
	.topJ ul li .staffC img {
		width: 100%;
		max-width: 320px;
	}
	.topJ ul li .txt {
		margin-top: 30px;
	}
}
/* -------------------------------------
■一緒に働きませんか？
------------------------------------- */
.join_us {
	position: relative;
	padding-bottom: 0;
}
/* .join_us:before {
position: absolute;
content: "";
width: 92%;
height: 81%;
bottom: 0;
right: 0;
background: #E2ECF3;
} */
.join_us .titWrap_h3 p {
	color: #97C5DB;
	line-height: 1.6;
	margin-bottom: 14px;
}
.join_us .titWrap_h3 h3 {
	color: #262626;
	font-weight: 600;
}
.join_us .titWrap_h3 .txt02 {
	color: #404448;
	margin-top: 15px;
}
.join_us > .elementor-container.elementor-column-gap-default {
	padding: 0;
	position: relative;
}
/* .join_us > .elementor-container.elementor-column-gap-default:before {
position: absolute;
content: "";
width: 69%;
height: 100%;
background: url(/wp-content/uploads/join_bg.jpg) no-repeat right;
top: 0;
left: 0;
background-size: cover;
} */
.join_us .nner {
	/* 	max-width: 1120px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box; */
	position: relative;
}
.join_us .nner .box {
	max-width: 593px;
	margin-left: auto;
	height: 266px;
	width: 100%;
	position: absolute;
	top: 22%;
	left: 48%;
}
.join_us .btn-link {
	background: #DB9997;
	border: none;
}
.join_us .titWrap_h3 {
	padding-top: 16px;
	padding-left: 24px;
}
.join_us .btn-link sub {
	background-image: none;
	background-image: none !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	-webkit-text-fill-color: #fff !important;
	color: #fff !important;
}
.join_us .nner .box .btn-link sub:before {
	background: url(/wp-content/uploads/frame_img02.png) no-repeat;
	background-size: cover;
}
@media screen and (max-width:1260px) and (min-width:1100px) {
	.join_us .nner .box {
		max-width: 441px;
		margin-left: auto;
		height: 266px;
		width: 100%;
		position: absolute;
		top: 17%;
		left: 46%;
	}
	.join_us .titWrap_h3 p {
		margin-bottom: 8px;
	}
	.join_us .titWrap_h3 h3 {
		margin-bottom: 0;
	}
	.join_us .titWrap_h3 .txt02 {
		margin-top: 6px;
		margin-bottom: 6px;
	}
}
@media screen and (max-width:1099px) and (min-width:1000px) {
	.join_us .nner .box {
		background: #fff;
		max-width: 45%;
		height: 260px;
		top: 14%;
		left: 46.0%;
	}
	.join_us .titWrap_h3 {
		padding-top: 0;
		padding-left: 15px;
	}
	.join_us .titWrap_h3 p {
		font-size: 15px;
		margin-bottom: 0;
	}
	.join_us .titWrap_h3 h3 {
		font-size: 20px;
		margin-bottom: 0;
	}
	.join_us .titWrap_h3 .txt02 {
		font-size: 12px;
		margin-top: 0;
	}
	.join_us .bnr {
		margin-top: 10px;
	}
}
@media screen and (max-width:999px) and (min-width:768px) {
	.join_us .nner .box {
		background: #fff;
		max-width: 45%;
		height: 210px;
		top: 14%;
		left: 46.0%;
	}
	.join_us .titWrap_h3 {
		padding-top: 0;
		padding-left: 15px;
	}
	.join_us .titWrap_h3 p {
		font-size: 15px;
		margin-bottom: 0;
	}
	.join_us .titWrap_h3 h3 {
		font-size: 20px;
		margin-bottom: 0;
	}
	.join_us .titWrap_h3 .txt02 {
		font-size: 12px;
		margin-top: 0;
	}
	.join_us .bnr {
		margin-top: 10px;
	}
}
@media screen and (max-width:767px){
	.join_us:before {
		display: none;
	}
	.join_us > .elementor-container.elementor-column-gap-default {
		padding: 0;
	}
	/* 	.join_us > .elementor-container.elementor-column-gap-default:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 700px;
	background: url(/wp-content/uploads/join_spbg.jpg) no-repeat;
	background-size: cover;
} */
	.join_us .nner .box {
		margin: 0 auto;
		max-width: none;
		width: 84.6vw;
		left: 7.7vw;
		background: #fff;
		top: auto;
		height: auto;
		top: 84.1vw;
		bottom: auto;
		padding: 8.2vw 6.2vw;
	}
	.join_us .titWrap_h3{
		padding: 0;
	}
	.join_us .titWrap_h3 .txt01{
		margin: 0 0 4.1vw;
		font-size: 4.1vw;
		line-height: 6.7vw;
	}
	.join_us .titWrap_h3 h3{
		font-size: 6.2vw;
		line-height: 9.7vw;
		margin-bottom: 4.1vw;
	}
	.join_us .titWrap_h3 .txt02{
		font-size: 4.1vw;
		line-height: 1.6;
		margin-bottom: 4.1vw;
	}
	.join_us .btn-link{
		width: 49.2vw;
		font-size: 4.1vw;
		line-height: 1;
		padding: 4.1vw 6.2vw;
		position: relative;
	}
	.join_us .btn-link sub{
		font-size: 4.1vw;
		line-height: 1;
		padding: 0;
		position: static;
	}
	.join_us .nner .box .btn-link sub:before{
		width: 4.1vw;
		height: 100%;
		background-size: 100%;
		background-position: 50%;
		bottom: 0;
		right: 6.2vw;
	}
}
/* -------------------------------------
■知らせ
------------------------------------- */
.newsBox {
	display: flex;
	justify-content: space-between;
}
.newsBox .news_tit {
	width: 8%;
}
.newsBox .content {
	width: 92%;
}
.newsBox .news_tit h2 {
	font-family: "Zen Old Mincho", serif;
	font-weight: 600;
	font-style: normal;
	writing-mode: vertical-rl;
	font-size: 24px;
	color: #707D8F;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
@media screen and (max-width:767px){
	.newsBox .news_tit h2 {
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
		transform: none !important;
		white-space: nowrap;
	}
	.newsBox {
		display: block;
		position: relative;
	}
	.newsBox .news_tit {
		width: 100%;
		margin-bottom: 10px;
	}
	.newsBox .content {
		width: 100%;
		padding-bottom: 26px;
	}
	.newsBox .link {
		position: absolute;
		content: "";
		top: 0;
		right: 7px;
	}
}

/* -------------------------------------
地図
------------------------------------- */
.map {
	position: relative;
	width: 100%;
	padding-top: 368px;
}
.map iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border: none;
}
.map2 {
	position: relative;
	width: 100%;
	padding-top: 500px;
}
.map2 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border: none;
}
/*--------------------------------------
自動スライド画像
--------------------------------------*/
.elementor-element-def241b {
	position: relative;
}
.elementor-element-def241b:before {
	position: absolute;
	content: "";
	width: 93%;
	height: 140%;
	top: -57px;
	right: 0;
	background: linear-gradient(to right, #FDF3EA, #FFF);
}
#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 252px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
}
#loopslider ul {
	float: left;
	overflow: hidden;
	display: inline-block;
	overflow: hidden;
}
#loopslider ul li {
	width: 1560px;
	height: 259px;
	float: left;
	display: inline;
	overflow: hidden;
	padding-right: 0;
}
#loopslider ul li:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.top-bnr-doc{
	display:flex;
	gap:20px;
	max-width: 1174px;
	margin: 0 auto 100px;
}

.top-bnr-doc a{
	flex:1;
	display:block;
	text-align:center;
	text-decoration:none;
}

@media screen and (max-width:768px){
	.top-bnr-doc{
		flex-direction:column;
		padding: 0 40px
	}
}
/*--------------------------------------
youtube
--------------------------------------*/
.youtube {
	max-width: 600px;
	padding: 0 20px;
	margin: 0 auto;
	margin-bottom: 60px;
}