@charset "utf-8";
/*================================
*
*基本設定
*
================================*/

/*================================
　ここから全サイズ適用
================================*/


/*html基本設定
================================*/
html {
	overflow-y: scroll;
	scroll-behavior: smooth;
	font-size: 10px;
	font-size: 62.5%;
}
body {
	overflow: hidden;
	/*↓文字の基本設定*/
	font-family: 'メイリオ', Meiryo,sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-align: justify;
	color: #454545;
	/* ↓iPhoneの文字サイズ自動調整を無効化 */
	-webkit-text-size-adjust: 100%;
}
h1 ,h2 ,h3 ,h4 ,h5 ,h6 {
	/*↓文字の字間を設定*/
	letter-spacing: 0.05em;
}
p, dl, dt, dd, ol, ul, li {
	/*↓文字の行の高さ設定*/
	line-height: 1.7;
	/*↓文字の字間を設定*/
	letter-spacing: 0.05em;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	/*text-decoration: none;*/
}
a:hover {}
a:active {
	/*color: #999;*/
	/*text-decoration: none;*/
}
/*margin-bottom
================================*/
.mb0 {
	margin-bottom:0 !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mb60 {
	margin-bottom:60px !important;
}

/* インライン方向の揃え
================================*/
.mi-c {
	margin-inline: auto;
}

/* コンテナ類、幅制御
================================*/
.inner {
	margin: 0 auto;
	max-width: calc(780px + 40px);
	padding-left: 20px;
	padding-right: 20px;
}
.cont {
	padding-left: 20px;
	padding-right: 20px;
}

/* ページ内リンク位置調整
================================*/
.anchor-link {
	display: block;
	transform: translateY(-120px);
}

/* ブロック要素、インライン要素
================================*/
.block,
.blk {
	display: block;
}
.inline,
.inl {
	display: inline;
}
.inline-block,
.inl-blk {
	display: inline-block;
}

/* ブロック要素の揃え方向
================================*/
.block-center,
.b-cen,
.blk-c {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.block-left,
.b-lef,
.blk-l {
	display: block;
	margin-right: auto;
}
.block-right,
.b-rig,
.blk-r {
	display: block;
	margin-left: auto;
}

/* 文字、インライン要素の揃え方向
================================*/
.text-center,
.t-cen,
.ta-c {
	text-align: center !important;
}
.text-left,
.t-lef,
.ta-l {
	text-align: left !important;
}
.text-right,
.t-rig,
.ta-r {
	text-align: right !important;
}
.text-justify,
.t-just,
.ta-j {
	text-align: justify!important;
}

/* 文字ウェイト
================================*/
.bold {
	font-weight: bold;
}

/*文字カラー
================================*/
.color01 {
	color: #74b52a!important;
	vertical-align: baseline;
}

/*文字サイズ
================================*/
.text01 {
	font-size: 13px;
}

/* 注釈、脚注
================================*/
.kome {
	padding-left: 1em;
	text-indent: -1em;
}
/*footnote01*/
.footnote01 {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0.25em;
	text-align: left;
}
.footnote01_head {
	min-width: 1em;
}
.footnote01_text {}
/*footnote02*/
.footnote02 {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0.5em;
	text-align: left;
}
.footnote02_head {
	min-width: 1.5em;
}
.footnote02_text {}

/*================================
タイトル
================================*/
.main_title01 {
	margin-bottom: 40px;
	padding: 8px 20px 4px;
	background: url(img/pattern02.jpg)top center;
	border: 1px solid #f29220;
	border-radius: 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	color: #fff;
	text-shadow: 2px 2px 1px #f4ab4c, -2px 2px 1px #f4ab4c, 2px -2px 1px #f4ab4c, -2px -2px 1px #f4ab4c, 2px 0px 1px #f4ab4c, 0px 2px 1px #f4ab4c, -2px 0px 1px #f4ab4c, 0px -2px 1px #f4ab4c,3px 3px 3px rgba(0,0,0,0.3);
}
.main_title02 {
	margin-bottom: 30px;
}
.main_title03 {
	margin-bottom: 20px;
	padding: 8px 20px 4px;
	background: url(img/pattern03.jpg)top center;
	border: 1px solid #3c860b;
	border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	color: #fff;
	text-shadow: 2px 2px 1px #41a33e, -2px 2px 1px #41a33e, 2px -2px 1px #41a33e, -2px -2px 1px #41a33e, 2px 0px 1px #41a33e, 0px 2px 1px #41a33e, -2px 0px 1px #41a33e, 0px -2px 1px #41a33e,3px 3px 3px rgba(0,0,0,0.3);
}

/*================================
box
================================*/
.box01 {
	padding: 20px;
	background: url(img/pattern04.jpg)top center;
	border: 1px solid #e2dbd0;
}
.box02 {
	padding: 30px;
	background: #fffdf4;
	border: 1px solid #e2dbd0;
}
.box03 {}

/*================================
ヘッダー
================================*/
.seo-message_wrapper {
	position: absolute;
	z-index: 2;
	width: 100%;
}
.seo-message {
	max-width: calc(860px + 40px);
	padding-left: 20px;
	padding-right: 20px;
	margin-inline: auto;
	font-size: 12px;
	text-align: left;
	line-height: 1.2;
}
.header {
	position: relative;
	z-index: 1;
	background: #fff;
	border-bottom: 2px solid #74b52a;
}
.header::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: linear-gradient(#74b52a 5px,#fff 5px,#fff 7px);
}
.header .inner {
	position: relative;
	z-index: 1;
	/*
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	*/
	max-width: calc(860px + 40px);
	padding-top: 20px;
	padding-bottom: 30px;
}
/*------------------------------*/
.hd_logo {
	position: relative;
	z-index: 1;
	max-width: 440px;
	text-align: left;
}
.hd_address {
	position: absolute;
	z-index: 1;
	left: 78px;
	bottom: 0;
	text-align: left;
}
/*------------------------------*/
.hd_tel {
	position: absolute;
	z-index: 1;
	right: 20px;
	top: 0;
}
.hd_tel_img {}

/*================================
メインビジュアル
================================*/
.mv {
	background: linear-gradient(#fff,#f9f0e7);
}
.mv .inner {}

/*================================
メインコンテンツ
================================*/
.main {
	position: relative;
	z-index: 1;
	background: url(img/pattern01.jpg)top center;
}
.main::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(#fff 2px,#74b52a 2px,#74b52a 4px);
}

/*================================
当院では以下のような方を求めています
================================*/
.sec01 {}
.sec01 .inner {
	padding-top: 40px;
	padding-bottom: 40px;
}
.sec01_flex01 {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 20px;
}
.sec01_flex01_item {
	width: calc(100%/4 - 20px*3/4);
}
.sec01_flex02 {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 20px;
}
.sec01_flex02_item {
	width: calc(100%/2 - 20px/2);
}
.sec01_intro {
	position: relative;
	z-index: 1;
	padding: 30px 40px;
	background: url(img/pattern05.jpg)top center;
	border: 1px solid #e2dbd0;
}
.sec01_intro_title {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	flex-flow: row wrap;
	gap: 30px;
	margin-bottom: 30px;
	padding: 0 20px 10px;
	border-bottom: 5px solid #c7e0a3;
	text-align: left;
}
.sec01_intro_title .job {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
.sec01_intro_title .name {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
}
.sec01_intro_pic {
	position: absolute;
	z-index: 1;
	right: 40px;
	bottom: 0;
}
.sec01_intro_cont {
	width: 62%;
}
.sec01_bio_title {
	margin-bottom: 20px;
	padding: 0 10px 6px;
	border-bottom: 1px dashed #f7c498;
	font-size: 18px;
	font-weight: bold;
}
.sec01_bio {
	padding: 0 10px;
}

/*================================
募集要項
================================*/
.sec02 {}
.sec02 .inner {
	padding-top: 40px;
	padding-bottom: 40px;
}
.sec02_table {
	border-top: 1px solid #FFEBD2;
}
.sec02_table th {
	width: 140px;
	padding: 20px 10px;
	border-bottom: 1px solid #FFEBD2;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
	color: #F38200;
}
.sec02_table td {
	padding: 20px 20px;
	border-bottom: 1px solid #FFEBD2;
	text-align: left;
	line-height: 1.7;
	vertical-align: middle;
}
.link_map:hover {
	opacity: 0.8;
}

/*================================
フッター
================================*/
.footer {
	position: relative;
	z-index: 1;
	background: #fff;
	border-top: 5px solid #74b52a;
}
.footer::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(#fff 2px,#74b52a 2px,#74b52a 4px);
}
.footer .inner {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* コピーライト表記
------------------------*/
.copyright {
	text-align: center;
}

/*ページトップ*/
/*-----------------------------*/
.pagetop {
	opacity: 0;
	transition: .4s;
	position: fixed;
	z-index: 6;
	right: 20px;
	bottom: 20px;
	width: 60px;
	height: 60px;
	background: url(../common/img/pagetop.png)center/contain no-repeat;
	cursor: pointer;
}


/*================================
TABLET縦 834px～0px
================================*/
@media (max-width: 834px) {

	/* コンテナ類、幅制御
	================================*/
	.inner {
		/*
		padding-left: 40px;
		padding-right: 40px;
		*/
	}
	.cont {}

	/*================================
	タイトル
	================================*/
	.main_title01 {}
	.main_title02 {}
	.main_title03 {}

	/*================================
	box
	================================*/
	.box01 {}
	.box02 {}
	.box03 {}

	/*================================
	ヘッダー
	================================*/
	.seo-message_wrapper {}
	.seo-message {}
	.header {}
	.header::before {}
	.header .inner {}
	/*------------------------------*/
	.hd_logo {}
	.hd_address {}
	/*------------------------------*/
	.hd_tel {}
	.hd_tel_img {}

	/*================================
	メインビジュアル
	================================*/
	.mv {}
	.mv .inner {}

	/*================================
	メインコンテンツ
	================================*/
	.main {}

	/*================================
	当院では以下のような方を求めています
	================================*/
	.sec01 {}
	.sec01 .inner {}
	.sec01_flex01 {}
	.sec01_flex01_item {}
	.sec01_flex02 {}
	.sec01_flex02_item {}
	.sec01_intro {}
	.sec01_intro_title {}
	.sec01_intro_title .job {}
	.sec01_intro_title .name {}
	.sec01_intro_pic {}
	.sec01_intro_cont {}
	.sec01_bio_title {}
	.sec01_bio {}

	/*================================
	募集要項
	================================*/
	.sec02 {}
	.sec02 .inner {}
	.sec02_table {}
	.sec02_table th {}
	.sec02_table td {}

	/*================================
	フッター
	================================*/
	.footer {}
	.footer .inner {
		padding-bottom: 60px;
	}

	/* コピーライト表記
	------------------------*/
	.copyright {}

	/*ページトップ*/
	/*-----------------------------*/
	.pagetop {
		bottom: 60px;
	}

	/*画面下固定タブ*/
	/*-----------------------------*/
	.bottom_fix {
		display: flex;
		position: fixed;
		z-index: 8;
		left: 0;
		bottom: 0;
		width: 100%;
		border-top: 1px solid #bbbbbb;
	}
	.bottom_tab {
		display: flex;
		justify-content: center;
		align-items: stretch;
		transition: 0.4s;
	}
	.bottom_link {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 10px 10px;
		text-decoration: none!important;
	}
	.bottom_text {
		/*padding-left: 1.4em;*/
		font-size: 18px;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
		/*color: #fff;*/
	}
	/*tel*/
	.bottom_tab.-tel {
		width: 100%;
		background: #f9f7e9;
	}

}



/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {

	/* コンテナ類、幅制御
	================================*/
	.inner {
		/*
		padding-left: 20px;
		padding-right: 20px;
		*/
	}
	.cont {
		padding-left: 0;
		padding-right: 0;
	}

	/*================================
	タイトル
	================================*/
	.main_title01 {
		padding: 8px 10px 4px;
		font-size: 18px;
	}
	.main_title02 {}
	.main_title03 {
		font-size: 15px;
	}

	/*================================
	box
	================================*/
	.box01 {}
	.box02 {
		padding: 20px;
	}
	.box03 {}

	/*================================
	ヘッダー
	================================*/
	.seo-message_wrapper {}
	.seo-message {}
	.header {}
	.header::before {}
	.header .inner {}
	/*------------------------------*/
	.hd_logo {}
	.hd_address {}
	/*------------------------------*/
	.hd_tel {}
	.hd_tel_img {}

	/*================================
	メインビジュアル
	================================*/
	.mv {}
	.mv .inner {}

	/*================================
	メインコンテンツ
	================================*/
	.main {}

	/*================================
	当院では以下のような方を求めています
	================================*/
	.sec01 {}
	.sec01 .inner {}
	.sec01_flex01 {}
	.sec01_flex01_item {
		width: calc(100%/2 - 20px/2);
	}
	.sec01_flex02 {}
	.sec01_flex02_item {
		width: 100%;
	}
	.sec01_intro {
		padding: 20px;
	}
	.sec01_intro_title {}
	.sec01_intro_title .job {}
	.sec01_intro_title .name {}
	.sec01_intro_pic {
		position: static;
		margin-bottom: 20px;
	}
	.sec01_intro_cont {
		width: 100%;
	}
	.sec01_bio_title {}
	.sec01_bio {}

	/*================================
	募集要項
	================================*/
	.sec02 {}
	.sec02 .inner {}
	.sec02_table {}
	.sec02_table th {
		display: block;
		width: 100%;
		padding: 10px;
	}
	.sec02_table td {
		display: block;
		width: 100%;
		padding: 20px 10px;
	}

	/*================================
	フッター
	================================*/
	.footer {}
	.footer .inner {}

	/* コピーライト表記
	------------------------*/
	.copyright {}

	/*ページトップ*/
	/*-----------------------------*/
	.pagetop {
		right: 10px;
		width: 50px;
		height: 50px;
	}


}