@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/*################# 
注意！！
ブレークポイントは元にしたテンプレートとデザインに合わせて変更しているため、設定した横幅が違う
ブレークポイントを統一すると崩れる箇所あり！！
#################
*/

/*################# 共通 #################*/

body {
	width: 100%;
	overflow-x: hidden;
}

/* コンテンツ幅 */
.no-sidebar .content .main {
	margin: 0 auto;
}

@media screen and (min-width: 1150px) {

	.wrap,
	.no-sidebar .content .main {
		padding: 0;
		width: 100%;
		max-width: 1150px;
	}
}

@media screen and (min-width: 1023px) {

	#div_page_news,
	body.single-post #div_page_news,
	body.single-post main {
		margin: 0 auto;
		padding: 0;
		flex-basis: 640px;
	}

	#sidebar-scroll {
		flex-basis: 340px;
	}
}

@media screen and (max-width: 1023px) {

	#div_page_news,
	body.single-post #div_page_news,
	body.single-post main,
	#sidebar-scroll,
	body.no-sidebar .content-in-news {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.no-sidebar .content .main {
		width: 100%;
	}
}

/* 全固定ページでタイトル非表示 */
.page .entry-title {
	display: none;
}

/* リンク */
a {
	text-decoration: none;
	color: #3B4043;
}

a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	color: #3B4043;
}

a:hover img.site-logo-image {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: unset;
}

/* ページ下部の著者表示 */
div.author-info {
	display: none;
}

/* タグ */
body.page div.date-tags {
	display: none;
}

/* リスト */
ol,
ul {
	padding-left: 0;
}

/* hr */
hr.wp-block-separator {
	color: #707070;
	border-bottom: 0;
}

hr.hr_dot {
	border-top: 2px dotted #707070;
}

/* br */
@media screen and (min-width: 481px) {
	.br_smart {
		display: none;
	}
}

/* タブレットで表示させない（メニュー表示の変更に合わせて切替） */
@media screen and (max-width: 833px) {
	.display_no {
		display: none;
	}
}

/*################# フォント #################*/
/* 全体フォント */
body {
	color: #3B4043;
	font-family: 'Roboto', 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif !important;
}

/* font-color */
.font_b {
	color: #00a5e4;
	/* 水色系 */
}

.font_blue {
	color: #00BFFF;
	/* 明るい水色系 */
}

.font_pink {
	color: #FF99B2;
	/* ピンク系 */
}

.font_orange {
	color: #FF9932;
	/* オレンジ系 */
}

.font_green {
	color: #7AC943;
	/* グリーン系 */
}

.font_yellow {
	color: #FFBF00;
	/* 黄色系 */
}

/* font-weight・size */
.font_medium {
	font-weight: medium !important;
	/* medium */
}

.font_bold {
	font-weight: bold !important;
	/* bold */
}

.font_13 {
	font-size: 13px !important;
	/* 13px */
}

.font_13bold {
	font-size: 13px !important;
	/* 13px */
	font-weight: bold !important;
	/* bold */
}

.font_18bold {
	font-size: 18px !important;
	/* 18px */
	font-weight: bold !important;
	/* bold */
}

.font_20bold {
	font-size: 20px !important;
	/* 20px */
	font-weight: bold !important;
	/* bold */
}

.font_25medium {
	font-size: 25px !important;
	/* 25px */
	font-weight: medium !important;
	/* medium */
}

.font_27bold {
	font-size: 27px !important;
	/* 27px */
	font-weight: bold !important;
	/* bold */
}

.font_35bold {
	font-size: 35p !importantx;
	/* 35px */
	font-weight: bold !important;
	/* bold */
}

/* font-family */
.font_yumin {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	/* 游明朝体 */
	font-weight: bold;
}

/* 中央寄せ */
.text-center {
	text-align: center;
	/* 中央寄せ */
	line-height: 2.5;
	clear: both;
}

/*################# 背景色（一部のcss上書き・追加設定用） #################*/
.back_blue {
	background-color: #00BFFF !important;
	/* 明るい水色系 */
}

.back_yellow {
	background-color: #FFBF00 !important;
	/* 黄色系 */
}

@media screen and (min-width: 781px) {
	.back_blue {
		background-color: #00BFFF !important;
		/* 明るい水色系 */
		text-align: center;
	}

	.back_pink {
		background-color: #FF99B2 !important;
		/* ピンク系 */
		text-align: center;
	}

	.back_orange {
		background-color: #FF9932 !important;
		/* オレンジ系 */
		text-align: center;
	}

	.back_green {
		background-color: #7AC943 !important;
		/* グリーン系 */
		text-align: center;
	}

	.back_yellow {
		background-color: #FFBF00 !important;
		/* 黄色系 */
		text-align: center;
	}
}

@media screen and (max-width: 780px) {
	.back_blue {
		background-color: #00BFFF !important;
		/* 明るい水色系 */
		color: #fff;
		text-align: center;
	}

	body .article .back_pink {
		margin: 0;
		padding: 0;
		background-color: translate;
		color: #FF99B2;
		/* ピンク系 */
		text-align: left;
	}

	.back_orange {
		background-color: translate;
		color: #FF9932;
		/* オレンジ系 */
		text-align: left;
	}

	body .article .back_green {
		margin: 0;
		padding: 0;
		background-color: translate;
		color: #7AC943;
		/* グリーン系 */
		text-align: left;
	}
}

/*################# 画像 #################*/
@media screen and (max-width: 817px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .wp-block-image img {
		width: 100%;
	}
}

/*################# 見出し #################*/
/* 見出し */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.widget h2 {
	margin: 1em 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 15px;
}

.article h2 {
	padding: 0 0 0.5em 0;
}

/* 下層ページの見出し */
div.title_haruka h2,
div.title_hibiki h2,
div.title_nyujiin h2,
div.title_tsubasa-tanpopo h2,
div.title_habataki h2 {
	/* 共通 */
	padding: 0.5em 0 0.7em;
	font-size: 14px;
	color: #fff;
}

.h2_span_townname {
	/* 共通 */
	margin-right: 0.7em;
	padding: 0.3em 0.5em;
	border: 0;
	border-radius: 5px;
	background-color: #fff;
}

h2 span.h2_span_name {
	/* 共通 */
	margin-left: 0.5em;
	font-size: 18px;
}

div.title_haruka {
	/* 遙学園 */
	margin: -49.2px calc(50% - 50vw) 0;
	width: 100vw;
	background-color: rgba(0, 191, 255, 0.7);
	text-align: center;
	z-index: 9999;
	position: relative;
}

div.title_haruka h2 span.h2_span_townname {
	/* 遙学園 */
	color: #00bfff;
}

div.title_hibiki {
	/* ひびき */
	margin: -49.2px calc(50% - 50vw) 0;
	width: 100vw;
	background-color: rgba(255, 153, 50, 0.7);
	text-align: center;
	z-index: 9999;
	position: relative;
}

div.title_hibiki h2 span.h2_span_townname {
	/* ひびき */
	color: #ff9932;
}

div.title_nyujiin {
	/* 乳児院 */
	margin: -49.2px calc(50% - 50vw) 0;
	width: 100vw;
	background-color: rgba(255, 153, 178, 0.8);
	text-align: center;
	z-index: 9999;
	position: relative;
}

div.title_nyujiin h2 span.h2_span_townname {
	/* 乳児院 */
	color: #ff99b2;
}

div.title_tsubasa-tanpopo {
	/* 翼・たんぽぽ */
	margin: -49.2px calc(50% - 50vw) 0;
	width: 100vw;
	background-color: rgba(122, 201, 67, 0.8);
	text-align: center;
	z-index: 9999;
	position: relative;
}

div.title_tsubasa-tanpopo h2 span.h2_span_townname {
	/* 翼・たんぽぽ */
	color: #7ac943;
}

div.title_habataki {
	/* 翼・たんぽぽ */
	margin: -49.2px calc(50% - 50vw) 0;
	width: 100vw;
	background-color: rgba(240, 194, 0, 0.6);
	text-align: center;
	z-index: 9999;
	position: relative;
}

div.title_habataki h2 span.h2_span_townname {
	/* 翼・たんぽぽ */
	color: #E6B300;
}


/* 背景水色の中央寄せh3（横幅100vw） */
h2.h2_blue {
	margin: 5em calc(50% - 50vw);
	padding: 0.8em;
	width: 100vw;
	background-color: #00A5E4;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

/* 背景水色の中央寄せh3 */
h3.h3_blue {
	margin: 5em 0 0.5em;
	padding: 0.8em;
	width: 100%;
	background-color: #00BFFF;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

/* 背景オレンジ色の中央寄せh3 */
@media screen and (min-width: 781px) {
	h3.h3_orange {
		margin: 5em 0 0.5em;
		padding: 0.8em;
		width: 100%;
		background-color: #FF9932;
		text-align: center;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
	}
}

@media screen and (max-width: 780px) {
	h3.h3_orange {
		margin: 3em 0 2em;
		padding: 0;
		width: 100%;
		text-align: left;
		font-size: 18px;
		color: #FF9932;
		font-weight: bold;
	}
}

/* 背景ピンク色の中央寄せh3 */
@media screen and (min-width: 781px) {
	h3.h3_pink {
		margin: 5em 0 0.5em;
		padding: 0.8em;
		width: 100%;
		background-color: #FF99B2;
		text-align: center;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
	}
}

@media screen and (max-width: 780px) {
	h3.h3_pink {
		margin: 3em 0 2em;
		padding: 0;
		width: 100%;
		text-align: left;
		font-size: 18px;
		color: #FF99B2;
		font-weight: bold;
	}
}

/* 背景グリーン色の中央寄せh3 */
@media screen and (min-width: 781px) {
	h3.h3_green {
		margin: 5em 0 0.5em;
		padding: 0.8em;
		width: 100%;
		background-color: #7AC943;
		text-align: center;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
	}

	h3.h3_green br {
		display: none;
	}
}

@media screen and (max-width: 780px) {
	h3.h3_green {
		margin: 0 0 0.5em;
		padding: 0;
		width: 100%;
		text-align: left;
		font-size: 18px;
		color: #7AC943;
		font-weight: bold;
	}
}

/* 背景黄色の中央寄せh3 */
h3.h3_yellow {
	margin: 2em 0 1em;
	padding: 0.8em;
	width: 100%;
	background-color: #FFBF00;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

/* 背景黄色の中央寄せh3（テキスト：黒） */
h3.h3_yellow_black {
	margin: 3em 0 1em;
	padding: 0.5em;
	width: 100%;
	background-color: #FFBF00;
	text-align: center;
	font-size: 15px;
	color: #3B4043;
	font-weight: bold;
}

/* 丸背景のh3 */
.h3_circle_under {
	margin-top: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

@media screen and (min-width: 781px) {
	h3.h3_circle {
		margin: 0 auto;
		width: 200px;
		height: 200px;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		font-weight: bold;
		line-height: 190px;
		/* 高さ方向に対して中央に配置するため、heightで指定した同じ数値・単位を指定（2行のタイトルがあるため、少し数値変更して調整）*/
	}

	h3.h3_circle span {
		margin-top: -80px;
		font-size: 13px;
		font-weight: normal;
		display: block;
		line-height: 1;
		/* 親h3からの引継ぎ数値を無効化 */
	}
}

@media screen and (max-width: 780px) {
	h3.h3_circle {
		padding: 1em 0;
		font-weight: bold;
	}

	h3.h3_circle br {
		display: none;
	}

	h3.h3_circle span {
		font-size: 13px;
		font-weight: normal;
	}

	.h3_circle_under {
		margin: 1em auto !important;
		text-align: left;
	}
}

/* image */
@media screen and (min-width: 781px) {
	.img_smart {
		display: none;
	}
}

@media screen and (max-width: 780px) {
	.img_pc {
		display: none;
	}
}

/*################# ヘッダー #################*/
#header-container {
	position: relative;
	z-index: 9999;
	background-color: rgba(255, 255, 255, 0.7);
}

body.home #header-container {
	background-color: rgba(255, 255, 255, 0.3);
}

.header {
	background-color: transparent;
}

/* ロゴ */
.header-container-in.hlt-top-menu .logo-header img {
	width: auto;
}

.header-container-in.hlt-top-menu .logo-header {
	max-height: 120px;
}

.header-container-in.hlt-top-menu .logo-image {
	padding: 22px 0;
}

@media screen and (max-width: 835px) {
	#header-container {
		position: absolute;
		top: 10px;
		left: 4%;
		background-color: transparent;
	}

	body.home #header-container {
		background-color: transparent;
	}

	.header-container-in.hlt-top-menu .logo-image {
		padding: 0;
	}

	.header-container-in.hlt-top-menu .logo-header img {
		display: none;
	}

	#header .site-name-text {
		width: 30px;
		height: 45px;
		background: url(../../uploads/rinpokan_logomark_mobile.png) no-repeat;
		background-size: cover;
	}
}

/*################# メニュー #################*/
#header-container .navi {
	background-color: transparent;
}

#navi .navi-in>ul>li {
	border: 1px solid #00A5E4;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.5);
}

.navi-in>ul {
	justify-content: flex-end;
}

.navi-in>ul li {
	margin: 0 30px 0 0;
	height: 25px;
	line-height: 1.8;
}

.navi-in>ul li:last-child {
	margin: 0;
}

#navi .navi-in a:hover,
.navi-in>ul li.current_page_item {
	opacity: 1 filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background-color: #fff;
}

#navi .navi-in>.menu-header .sub-menu {
	background-color: transparent;
}

.navi-in>ul .sub-menu li {
	margin-top: 0.5em;
	width: 100%;
	border: 1px solid #00A5E4;
	border-radius: 5px;
	background-color: #fff;
	text-align: center;
}

@media screen and (min-width: 1024px) {

	#navi .navi-in>ul>li,
	.navi-in>ul .sub-menu {
		width: 140px;
		min-width: 140px;
	}

	.navi-in>ul .menu-item-has-description>a>.caption-wrap {
		height: auto;
	}

	.sub-caption {
		display: none;
	}

	.li_tsbasa_tanpopo a .caption-wrap .item-label span {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

	#navi .navi-in>ul>li,
	.navi-in>ul .sub-menu {
		width: 150px;
		min-width: 150px;
	}

	.navi-in>ul .menu-item-has-description>a>.caption-wrap {
		height: auto;
	}

	.sub-caption {
		display: none;
	}

	.li_tsbasa_tanpopo a .caption-wrap .item-label span {
		display: none;
	}
}

#navi .navi-in>ul>li>a {
	padding: 0;
	color: #00BFFF;
}

#navi .navi-in a,
#navi .navi-in a:hover {
	color: #00BFFF;
}

ul.menu-pc li a {
	font-size: 13px;
	font-weight: bold;
}

/* slicknav */
.slicknav_menu {
	padding: 10px 0 0;
	min-height: 70px;
	background: #00A5E4;
	text-align: center;
	z-index: 9999;
	position: relative;
}

.slicknav_menu .slicknav_menutxt {
	display: none;
}

.slicknav_btn {
	padding: 0.5em 1em 1em;
	background: none;
	border: none;
}

.slicknav_nav {
	background: #99E5FF;
}

.slicknav_nav ul {
	margin: 0;
}

.slicknav_nav li {
	border: 1px solid #dcdcdc;
}

.slicknav_nav li.mobile_sub a.slicknav_item {
	display: none;
}

.slicknav_nav ul.sub-menu {
	display: block !important;
	/* サブメニューを強制的に表示させる */
}

.slicknav_nav a {
	color: #3B4043;
}

.slicknav_nav li.li_haruka .item-label:before {
	padding-right: 0.5em;
	content: "児童養護施設";
}

.slicknav_nav li.li_hibiki .item-label:before {
	padding-right: 0.5em;
	content: "児童心理治療施設";
}

.slicknav_nav li.li_nyujiin .item-label:before {
	padding-right: 0.5em;
	content: "大阪水上隣保館";
}

.slicknav_nav li.li_tsbasa_tanpopo .item-label:before {
	padding-right: 0.5em;
	content: "児童養護施設";
}

.slicknav_nav li.li_tsubasa_haruka .item-label:after {
	padding-left: 0.5em;
	content: "つばさ・はるか・すいにゅう";
}

.slicknav_nav li:last-of-type .item-label:before {
	padding-right: 0.5em;
	content: "乳児院";
}

/*################# ヒーローイメージ #################*/
/* トップページ */
@media screen and (min-width: 1150px) {
	div.slider_box {
		margin: -135px calc(50% - 50vw) 0;
		width: 100vw;
		height: 650px;
		overflow: hidden;
		position: relative;
		/* 子要素に「position:absolute」があると「overflow:hidden」が効かないため */
	}

	.main_img {
		max-height: 650px;
		background-image: url(../../uploads/2022/03/top.jpg);
	}

	p.top_message {
		font-size: 53px;
		color: #00A5E4;
		z-index: 9999;
		position: absolute;
		top: 170px;
		left: calc(50% - 575px);
		line-height: 1.3;
	}
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
	div.slider_box {
		margin: -135px calc(50% - 50vw) 0;
		width: 100vw;
		height: 650px;
		overflow: hidden;
		position: relative;
		/* 子要素に「position:absolute」があると「overflow:hidden」が効かないため */
	}

	.main_img {
		max-height: 650px;
		background-image: url(../../uploads/2022/03/top.jpg);
	}

	p.top_message {
		font-size: 53px;
		color: #00A5E4;
		z-index: 9999;
		position: absolute;
		top: 170px;
		left: 15%;
		line-height: 1.3;
	}
}

@media screen and (max-width: 767px) {
	div.slider_box {
		margin: 0 calc(50% - 50vw);
		padding-top: 50%;
		width: 100vw;
		height: 300px;
		overflow: hidden;
		position: relative;
		/* 子要素に「position:absolute」があると「overflow:hidden」が効かないため */
	}

	.main_img {
		background-image: url(../../uploads/2022/03/top_mini.jpg);
	}

	p.top_message {
		font-size: 40px;
		color: #00A5E4;
		z-index: 10;
		position: absolute;
		top: 20px;
		left: 5%;
		line-height: 1.2;
	}
}

.main_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

p.top_message {
	font-family: 'Hind', 'Roboto', 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif !important;
}

/* 下層ページ共通 */
div.page_hero {
	margin: -135px calc(50% - 50vw) 0;
	width: 100vw;
	overflow: hidden;
	position: relative;
	/* 子要素に「position:absolute」があると「overflow:hidden」が効かないため */
}

@media screen and (min-width: 1150px) {
	div.page_hero {
		padding-top: 0;
		width: 100vw;
		height: 500px;
	}
}

@media screen and (min-width: 835px) and (max-width: 1149px) {
	div.page_hero {
		padding-top: 39%;
		/* 画像の元サイズの高さ÷横（小数点第2まで） */
		width: 100vw;
		height: 500px;
	}
}

@media screen and (max-width: 834px) {
	div.page_hero {
		height: 250px;
	}
}

/* 遙学園 */
.main_img_haruka {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../../uploads/2022/03/hero_haruka.jpg);
}

/* ひびき */
.main_img_hibiki {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../../uploads/2022/03/hero_hibiki.jpg);
}

/* 乳児院 */
.main_img_nyujiin {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../../uploads/2022/03/hero_nyujiin.jpg);
}

/* 翼・たんぽぽ */
.main_img_tsubasa-tanpopo {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../../uploads/2022/03/hero_tsubasa_tanpopo.jpg);
}


/* 翼・たんぽぽ */
.main_img_habataki {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(/wp-content/uploads/hero_habataki.png);
}

/*################# サイドバー #################*/
@media screen and (min-width: 768px) and (max-width: 1023px) {

	#sidebar,
	#sidebar ul,
	#sidebar ul li {
		margin: 0;
		padding: 0;
	}

	.no-sidebar #sidebar {
		margin: 0;
	}

	body.single-post #sidebar {
		/* single.phpで表示させるページ */
		margin: 0;
		padding: 20px 30px;
	}
}

@media screen and (max-width: 767px) {

	#sidebar,
	#sidebar ul,
	#sidebar ul li {
		margin: 0;
		padding: 0;
	}

	body.single-post #sidebar {
		/* single.phpで表示させるページ */
		margin: 10px 0;
		padding: 16px;
	}
}

/* サイドバー内のh2 */
#sidebar .widget h2,
#sidebar .article h2 {
	margin: 0 !important;
	padding: 0 0 0.5em 0;
	font-size: 15px;
	font-weight: bold !important;
	line-height: 2;
}

/* サイドバー内のリスト */
#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	margin: 0.2em;
	border-bottom: 2px dotted #707070;
}

#sidebar ul li a:before {
	margin-left: -0.5em;
	padding-right: 0.2em;
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 150%;
	vertical-align: middle;
	color: #00BFFF;
	text-indent: -1em;
}

#sidebar .widget_block ul li a {
	margin-left: 1em;
	display: inline-block;
}

/*################# フッター #################*/
footer#footer {
	background-color: #00A5E4;
}

div.footer-widgets {
	text-align: center;
}

#footer ul li {
	line-height: 1.8;
	color: #fff;
	font-size: 13px !important;
}

#footer ul li a {
	color: #fff;
}

.footer-mobile {
	text-align: center;
}

/* フッターロゴ */
.footer_logo {
	text-align: center;
}

.footer_logo img {
	padding-bottom: 1em;
	max-width: 297px;
	height: auto;
	border-bottom: 1px solid #fff;
}

@media screen and (min-width: 768px) {
	.footer_logo {
		margin: 3em 0 1.5em;
	}
}

@media screen and (max-width: 767px) {
	.footer_logo {
		margin: 0 0 1.5em;
	}
}

/* フッターの住所 */
.footer_info {
	text-align: center;
	color: #fff;
	font-size: 13px;
}

.footer_info h3 {
	font-size: 12px;
	font-weight: bold;
}

.footer_info h3 span {
	padding-left: 0.3em;
	font-size: 15px;
}

/* フッターの「f」 */
.footer_info a {
	margin: 1.3em 0;
	display: inline-block;
	text-decoration: none;
}

footer#footer .footer_info a:hover {
	border-radius: 50%;
}

.footer_info i {
	width: 2.2em;
	height: 2.2em;
	color: #fff;
	font-size: 185%;
	border: 1px solid #fff;
	border-radius: 50%;
	display: table-cell;
	vertical-align: middle;
}

/* フッターのお問い合わせ */
div.footer_contact {
	text-align: center;
}

#footer .footer_contact a {
	margin: 0 auto;
	padding: 1em 0;
	width: 300px;
	background-color: #fff;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	color: #00A5E4;
	font-size: 13px;
	font-weight: bold;
}

.footer_contact a:after {
	padding-left: 0.8em;
	font-family: FontAwesome;
	content: "\f054";
}

footer#footer .footer_contact a:hover {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-color: #d6f4ff;
}

/* コピーライト */
.footer-bottom {
	margin: 0;
	padding: 0;
}

div.copyright {
	color: #fff;
}

/*################# トップページ #################*/

/* お知らせのタイトル */
h2.h2_toptitle {
	margin: 0 calc(50% - 50vw);
	padding: 0.2em 0 0;
	width: 100vw;
	background: #99E5FF;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

h2.h2_toptitle:before {
	padding-top: 0.5em;
	padding-right: 0.5em;
	content: url(../../uploads/2022/03/icon_news.png);
	vertical-align: middle;
}

/* お知らせ一覧 */
dl.dl_topnews {
	margin: 3em auto;
	max-width: 550px;
}

@media screen and (max-width: 780px) {
	dl.dl_topnews {
		max-width: calc(100% - 32px);
	}
}

dl.dl_topnews dt:before {
	padding-right: 0.2em;
	font-family: FontAwesome;
	content: "\f105";
}

dl.dl_topnews dt a {
	margin-left: 1.5em;
	padding: 0 1em 0.1em;
	border: 0;
	border-radius: 5px;
	background: #707070;
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	line-height: 1.6;
}

dl.dl_topnews dd {
	margin-bottom: 1em;
	padding: 1em 0 0.5em;
	border-bottom: 2px dotted #707070;
	text-indent: 0.2em;
}

dl.dl_topnews dd a {
	color: #707070;
	text-decoration: none;
}

/* 施設紹介のタイトル */
h2.h2_facility {
	font-size: 14px;
	font-weight: bold;
}

h2.h2_facility:before {
	padding-top: 0.1em;
	padding-right: 0.5em;
	content: url(../../uploads/2022/03/icon_facility.png);
	vertical-align: middle;
	display: inline-block;
}

/* 施設紹介 */
.wrapper_top_facility .block_top_facility {
	display: flex;
	justify-content: space-between;
}

@media screen and (min-width: 1150px) {
	.wrapper_top_facility {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		column-gap: 2%;
	}

	.wrapper_top_facility a {
		display: block;
		flex-basis: 350px;
	}

	.wrapper_top_facility .block_top_facility {
		width: 100%;
		max-width: 380px;
		height: auto;
		column-gap: 5%;
	}

	.wrapper_top_facility .block_top_facility img {
		height: auto;
		align-items: flex-start;
	}

	body .top_facility_img,
	.top_facility_img img {
		max-width: 200px;
		height: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
	.wrapper_top_facility {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.wrapper_top_facility a {
		display: block;
		flex-basis: 350px;
	}

	.wrapper_top_facility .block_top_facility {
		column-gap: 5%;
	}

	.wrapper_top_facility .block_facility_img {
		width: 100%;
		height: auto;
		align-items: flex-start;
	}

	.top_facility_img,
	.top_facility_img img {
		max-width: 200px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	.wrapper_top_facility .block_top_facility {
		margin-bottom: 1.5em;
		width: 100%;
		column-gap: 5%;
	}

	.top_facility_img {
		width: 100%;
		min-width: 200px;
		height: auto;
	}
}

.top_facility_img {
	flex-basis: 60%;
}

.top_facility_contents {
	flex-basis: 40%;
}

.img_blue img {
	border-top: 8px solid #00A5E4;
}

.img_pink img {
	border-top: 8px solid #FF99B2;
}

.img_orange img {
	border-top: 8px solid #FF9932;
}

.img_green img {
	border-top: 8px solid #7AC943;
}

.img_yellow img {
	border-top: 8px solid #FFBF00;
}

/* 施設紹介の町市町村名 */
.wp-block-column .top_facility_name {}

p.p_facility_blue {
	border: 1px solid #00BFFF;
	border-radius: 5px;
	color: #00BFFF;
	font-size: 14px;
	text-align: center;
}

p.p_facility_pink {
	border: 1px solid #FF99B2;
	border-radius: 5px;
	color: #FF99B2;
	font-size: 14px;
	text-align: center;
}

p.p_facility_orange {
	border: 1px solid #FF9932;
	border-radius: 5px;
	color: #FF9932;
	font-size: 14px;
	text-align: center;
}

p.p_facility_green {
	margin-bottom: 0.2em;
	border: 1px solid #7AC943;
	border-radius: 5px;
	color: #7AC943;
	font-size: 14px;
	text-align: center;
}

p.p_facility_yellow {
	margin-bottom: 0.2em;
	border: 1px solid #FFBF00;
	border-radius: 5px;
	color: #FFBF00;
	font-size: 14px;
	text-align: center;
}

/* 施設紹介の施設名 */
h3.h3_top_facility {
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
}

h3.h3_top_facility span {
	display: block;
	font-size: 18px;
	font-weight: 500;
}

/* 施設紹介の「もっと詳しく」 */
p.p_more_blue:before,
p.p_more_pink:before,
p.p_more_orange:before,
p.p_more_green:before,
p.p_more_yellow:before {
	padding-right: 0.2em;
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 150%;
	vertical-align: middle;
}

p.p_more_blue:before {
	color: #00BFFF;
}

p.p_more_pink:before {
	color: #FF99B2;
}

p.p_more_orange:before {
	color: #FF9932;
}

p.p_more_green:before {
	color: #7AC943;
}

p.p_more_yellow:before {
	color: #FFBF00;
}


/* トップページ下部の「隣保館」「アクセス」 */
.wrapper_top_banner .block_top_banner {
	display: flex;
	border: 1px solid #3B4043;
	align-items: center;
}

@media screen and (min-width: 768px) {
	.wrapper_top_banner {
		margin: 0 auto 4em;
		width: 100%;
		max-width: 707px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		column-gap: 2%;
	}

	.wrapper_top_banner a {
		display: block;
		flex-basis: 320px;
	}

	.wrapper_top_banner .block_top_banner {
		width: 100%;
		height: 100%;
	}

	.top_banner_img,
	.top_banner_img img {
		width: 100%;
		max-width: 165px;
		height: 100%;
	}
}

@media screen and (max-width: 768px) {
	.wrapper_top_banner .block_top_banner {
		margin-bottom: 1.5em;
		width: 100%;
		column-gap: 5%;
	}

	.top_banner_img,
	.top_banner_img img {
		flex-basis: 50%;
		line-height: 0;
		/* 画像の下に余白ができるのを防ぐため */
	}

	.top_banner_img img {
		width: 100%;
		height: auto;
	}
}

.top_banner_contents {
	flex-basis: 50%;
}

h3.h3_top_banner {
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}

h3.h3_top_banner span {
	display: block;
	font-size: 18px;
}

.top_2col {
	margin: 0 auto;
	max-width: 700px;
}

.top_2col div.wp-block-columns {
	border: 1px solid #3B4043;
}

.top_2col h3 {
	text-align: center;
}

/*################# 下層ページ共通 #################*/

/* 4カラムの箇所（ブロックコンテンツのグループに対して指定） */
body .article .wrapper_page_bottom {
	margin: 3em calc(50% - 50vw) 0;
	width: 100vw;
}

.article .wrapper_page_bottom h4 {
	font-weight: bold;
}

.article .wrapper_page_bottom h5 {
	margin: 0 0 0.5em -0.5em;
	font-weight: bold;
}

.wrapper_page_bottom ul {
	margin-left: 1em;
	list-style-position: outside;
	list-style: none;
}

.wrapper_page_bottom ul li {
	font-size: 13px !important;
}

.wrapper_page_bottom ul li:before {
	margin-left: -1em;
	margin-right: 0.3em;
	width: 10px;
	height: 10px;
	display: inline-block;
	content: "";
}

body .wrapper_page_bottom ul li ul.page_submenu {
	margin-left: -0.2em;
	list-style-type: disc;
}

.wrapper_page_bottom ul li ul.page_submenu li:before {
	background-color: transparent;
}

@media screen and (min-width: 1150px) {
	.page_3col {
		margin-top: 3em;
		max-width: 384px;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.page_3col:not(:first-child) {
		margin-left: 4em;
	}

	body .page_3col figure.wp-block-image {
		margin-bottom: 0.5em;
	}

	.page_3col p {
		max-width: 330px;
		font-size: 13px;
		line-height: 1.5;
	}

	/* ブロックコンテンツのグループに対して指定 */
	body .article .page_address {
		margin: 4em auto;
		width: fit-content;
	}

	.wrapper_page_bottom .wp-block-group__inner-container {
		margin: 0 auto;
		padding: 2em 0 3em;
		max-width: 1150px;
	}
}

@media screen and (min-width: 782px) and (max-width: 1149px) {
	.page_3col {
		margin-top: 3em;
		max-width: 384px;
	}

	body .page_3col figure.wp-block-image {
		margin-bottom: 0.5em;
	}

	.page_3col p {
		max-width: 330px;
		font-size: 13px;
		line-height: 1.5;
	}

	/* ブロックコンテンツのグループに対して指定 */
	body .article .page_address {
		margin: 5em auto;
		width: fit-content;
	}

	.wrapper_page_bottom .wp-block-group__inner-container {
		margin: 0 auto;
		padding: 2em 25px 3em 25px;
	}
}

@media screen and (min-width: 600px) and (max-width: 781px) {
	.page_3col {
		margin-top: 3em;
		flex-basis: 33.33%;
	}

	body .article .page_3col figure.wp-block-image {
		margin-bottom: 0.5em;
	}

	.page_3col p {
		max-width: 330px;
		font-size: 13px;
		line-height: 1.5;
	}

	/* ブロックコンテンツのグループに対して指定 */
	.page_address {
		margin: 5em auto 0;
		width: fit-content;
	}

	.wrapper_page_bottom .wp-block-group__inner-container {
		margin: 0 auto;
		padding: 2em 25px 3em 25px;
	}
}

@media screen and (max-width: 599px) {
	.page_3col p {
		font-size: 13px;
		line-height: 1.5;
	}

	.wrapper_page_bottom .wp-block-group__inner-container {
		margin: 0 auto;
		padding: 2em 25px 3em 25px;
		padding: 20px;
	}
}

@media screen and (max-width: 480px) {
	.body .page_3col .wp-block-image {
		margin-bottom: 0.5em;
	}

	.page_3col img,
	.page_3col p {
		width: 100%;
		max-width: 480px;
		font-size: 13px;
		line-height: 1.5;
	}
}

/* 各ページ下部の住所の箇所 */
.page_address {
	font-size: 14px;
}

.page_address h5 {
	margin-left: -0.7em;
	font-size: 15px;
	font-weight: bold;
}

.page_address h6 {
	/* 乳児院のページのみ指定あり */
	margin-bottom: 0.5em;
	font-size: 14px;
	font-weight: normal;
}

.page_address h6:before {
	margin-right: 0.3em;
	width: 12px;
	height: 12px;
	display: inline-block;
	background-color: #FF99B2;
	content: "";
}

.page_address p a {
	color: #3B4043;
	text-decoration: none;
}

/*################# 遙学園 #################*/
/* ブロックコンテンツのグループに対して指定 */
/* 他ページとの共通設定は上記に別途記載あり */
.wrapper_haruka {
	background: rgba(0, 191, 255, 0.15)
}

.wrapper_haruka ul li:before {
	background-color: #00BFFF;
}

@media screen and (min-width: 1150px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_haruka_left {
		flex-basis: 33%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_haruka_right {
		flex-basis: 67%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.haruka_schedule_left {
		flex-basis: 27%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.haruka_schedule_right {
		flex-basis: 73%;
	}

	.wrapper_aftercare {
		position: relative;
	}

	.page_3col_after_p {
		position: absolute;
		top: 202px;
		left: 413px;
	}
}

@media screen and (min-width: 782px) and (max-width: 1149px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_haruka_left {
		flex-basis: 33%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_haruka_right {
		flex-basis: 67%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.haruka_schedule_left {
		flex-basis: 27%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.haruka_schedule_right {
		flex-basis: 73%;
	}

	.wrapper_aftercare {
		position: relative;
	}
}

@media screen and (min-width: 825px) and (max-width: 1149px) {
	.page_3col_after_p {
		position: absolute;
		top: calc(100% - 3.5em);
		left: calc(100% / 2.9);
	}
}

@media screen and (min-width: 782px) and (max-width: 824px) {
	.page_3col_after_p {
		position: absolute;
		bottom: calc(100% - 240px);
		left: calc(100% / 2.9);
	}
}

@media screen and (min-width: 600px) and (max-width: 781px) {
	body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_haruka_left {
		flex-basis: 100% !important;
	}

	body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_haruka_left .wp-block-image img {
		margin: 0 auto;
	}

	body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_haruka_right {
		flex-basis: 100% !important;
	}

	body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.haruka_schedule_left {
		flex-basis: 100% !important;
	}

	body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.haruka_schedule_right {
		flex-basis: 100% !important;
	}
}

@media screen and (max-width: 599px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.page_3col_after {
		margin-bottom: 0;
		flex-basis: 45% !important;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.page_3col_after img:first-child {
		padding-right: 0.5em;
	}

	.page_3col_after_p {
		margin-top: -1.8em;
	}
}

.page_3col_after_p {
	font-size: 13px;
}

/* 2018・2019年のクラブ活動のリンク */
.p_club_link {
	font-size: 13px !important;
	color: #00BFFF;
}

.p_club_link:before {
	padding-right: 0.2em;
	content: "\f054";
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: middle;
}

.p_club_link a {
	color: #00BFFF;
}

@media screen and (min-width: 600px) {
	.p_club_link {
		text-align: right;
	}
}

@media screen and (max-width: 599px) {
	.p_club_link {
		text-align: left;
	}
}

/*################# ひびき #################*/
/* このような子どもたちの～、生活」「心理」「医療」「学校教育」が～ */
body .article .h4_hibiki {
	font-weight: bold !important;
	color: #FF9932;
}

@media screen and (min-width: 481px) {
	body .article .h4_hibiki {
		text-align: center;
	}

	body .article .h4_hibiki br {
		display: none;
	}

	p.p_hibiki_center {
		text-align: center;
	}

	p.p_hibiki_center br {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	body .article .h4_hibiki {
		text-align: left;
		line-height: 1.5;
	}

	p.p_hibiki_center {
		text-align: left;
		color: #FF9932;
	}

	body .article .wrapper_hibiki02 {
		margin-bottom: 2em;
		padding-bottom: 2em;
		border-bottom: 2px dotted #707070;
	}
}

/* ブロックコンテンツのグループに対して指定 */
/* 他ページとの共通設定は上記に別途記載あり */
.wrapper_hibiki01 h5 {
	font-size: 13px;
	text-align: center;
}

.wrapper_hibiki01 .page_3col img {
	padding-bottom: 1em;
	border-bottom: 2px dotted #707070;
}

.wrapper_hibiki02 h4 {
	font-size: 13px;
	font-weight: bold;
	color: #FF9932;
}

.wrapper_hibiki02 .page_3col img {
	padding-bottom: 1em;
}

@media screen and (max-width: 780px) {
	.wrapper_hibiki01 {
		margin-bottom: 0 !important;
	}

	.h3_space {
		margin-top: 0 !important;
	}
}

/* クラブ活動 */
.article .h4_circle {
	color: #00BFFF;
	font-weight: bold;
}

.article .h4_circle:before {
	padding-right: 0.3em;
	font-family: FontAwesome;
	content: "\f111";
	color: #00BFFF;
}

/* スケジュール */
@media screen and (min-width: 781x) {

	.hibiki_schedule_left,
	.hibiki_schedule_center,
	.hibiki_schedule_right {
		margin: 2em 0;
	}
}

@media screen and (min-width: 780x) {

	.hibiki_schedule_left,
	.hibiki_schedule_center,
	.hibiki_schedule_right {
		margin: 0;
	}
}

@media screen and (min-width: 1150px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.hibiki_schedule_left {
		flex-basis: 27%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.hibiki_schedule_center {
		flex-basis: 39.67%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.hibiki_schedule_right {
		flex-basis: 33.33%;
	}
}

@media screen and (min-width: 782px) and (max-width: 1149px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.hibiki_schedule_left {
		flex-basis: 27%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.hibiki_schedule_center {
		flex-basis: 39.67%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.hibiki_schedule_right {
		flex-basis: 33.33%;
	}
}

/* 他ページとの共通設定は上記に別途記載あり */
.wrapper_hibiki {
	background: rgba(255, 153, 50, 0.15)
}

.wrapper_hibiki ul li:before {
	background-color: #FF9932;
}

/*################# 乳児院 #################*/
/* 他ページとの共通設定は上記に別途記載あり */
/* ブロックコンテンツのグループに対して指定 */
.wrapper_nyujiin {
	background: rgba(255, 153, 178, 0.15);
}

.wrapper_nyujiin ul li:before {
	background-color: #FF99B2;
}

/* 基本方針 */
h3.h3_nyujiin {
	margin-top: 3em;
	padding-left: 0.5em;
	color: #FF99B2;
	font-weight: bold;
	border-left: 10px solid #FF99B2;
	font-size: 110%;
}

h3.h3_nyujiin span {
	padding-top: 0.5em;
	display: block;
	font-size: 15px;
	font-weight: normal;
}

.nyujiin_3col {
	margin-top: 3em;
	padding-bottom: 1em;
}

body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_3col {
	padding-right: 2em;
	font-size: 13px !important;
}

body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_3col:last-child {
	padding-right: 0;
	border: 0;
}

@media screen and (min-width: 781px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_3col {
		border-right: 2px dotted #707070;
	}
}

@media screen and (max-width: 780px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_3col:last-child {
		padding-bottom: 3em;
		border-bottom: 2px dotted #707070;
	}
}

.nyujiin_3col h4:first-child {
	margin-top: 0;
}

.nyujiin_3col h4 {
	margin-top: 3em;
	color: #FF99B2;
	font-weight: bold;
	line-height: 1.5;
}

.nyujiin_3col h4:nth-of-type(2) {
	margin-top: 4em;
}

/* スタッフ連携・支援 */
@media screen and (min-width: 781px) {
	.nyujiin_staff_info {
		font-size: 13px !important;
		display: table;
	}

	.nyujiin_staff_info p {
		display: table-cell;
		vertical-align: middle;
	}

	.nyujiin_staff_info figure {
		display: table-cell;
		vertical-align: middle;
	}

	p.p_nyujiin_center {
		text-align: center;
		font-weight: bold !important;
		color: #FF99B2;
	}

	p.p_nyujiin_center br {
		display: none;
	}
}

@media screen and (max-width: 780px) {
	.nyujiin_staff_info {
		font-size: 13px !important;
	}

	body .article .nyujiin_staff_info figure img {
		margin: 1em auto;
	}

	p.p_nyujiin_center {
		font-weight: bold !important;
		color: #FF99B2;
	}
}

@media screen and (min-width: 481px) {
	h4.h4_nyujiin_center {
		text-align: center;
	}

	h4.h4_nyujiin_center br {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	h4.h4_nyujiin_center {
		margin: 4em 0 2em;
		text-align: left;
	}

	.div_border {
		border-bottom: 2px dotted #707070;
	}
}

/* スケジュール */
.nyujiin_schedule_left,
.nyujiin_schedule_center,
.nyujiin_schedule_right {
	margin: 2em 0;
}

@media screen and (min-width: 1150px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_schedule_left {
		flex-basis: 27%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_schedule_center {
		flex-basis: 39.67%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_schedule_right {
		flex-basis: 33.33%;
	}
}

@media screen and (min-width: 782px) and (max-width: 1149px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_schedule_left {
		flex-basis: 27%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_schedule_center {
		flex-basis: 39.67%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.nyujiin_schedule_right {
		flex-basis: 33.33%;
	}
}

/*################# 翼・たんぽぽ #################*/
/* 他ページとの共通設定は上記に別途記載あり */
/* ブロックコンテンツのグループに対して指定 */
.wrapper_tanpopo {
	background: rgba(122, 201, 67, 0.15)
}

.wrapper_tanpopo ul li:before {
	background-color: #7AC943;
}

/* 館内マップ */
@media screen and (min-width: 1150px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo_left {
		flex-basis: 25%;
	}

	.wrapper_tsubasa_tanpopo_left h3.h3_circle {
		margin-top: 1em;
		width: 173px;
		height: 173px;
		line-height: 173px;
		/* 高さ方向に対して中央に配置するため、heightで指定した同じ数値・単位を指定 */
		background-color: #7AC943;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_habataki_left {
		flex-basis: 25%;
	}

	.wrapper_habataki_left h3.h3_circle {
		margin-top: 1em;
		width: 173px;
		height: 173px;
		line-height: 173px;
		/* 高さ方向に対して中央に配置するため、heightで指定した同じ数値・単位を指定 */
		background-color: #7AC943;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo_right {
		flex-basis: 75%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo {
		flex-basis: 380px;
		flex-grow: 0;
	}


	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_habataki {
		flex-basis: 443px;
		flex-grow: 0;
	}
}

@media screen and (min-width: 782px) and (max-width: 1149px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo_left {
		flex-basis: 25%;
	}

	.wrapper_tsubasa_tanpopo_left h3.h3_circle {
		margin-top: 1em;
		width: 173px;
		height: 173px;
		line-height: 173px;
		/* 高さ方向に対して中央に配置するため、heightで指定した同じ数値・単位を指定 */
		background-color: #7AC943;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_habataki_left {
		flex-basis: 25%;
	}

	.wrapper_habataki_left h3.h3_circle {
		width: 173px;
		height: 173px;
		line-height: 173px;
		/* 高さ方向に対して中央に配置するため、heightで指定した同じ数値・単位を指定 */
		background-color: #FFBF00;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo_right {
		flex-basis: 75%;
	}
}

@media screen and (min-width: 600px) and (max-width: 781px) {
	body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo_left {
		flex-basis: 35% !important;
		flex-grow: 0;
	}

	.wrapper_tsubasa_tanpopo_left h3.h3_circle {
		margin-top: 1em;
		width: 173px;
		height: 173px;
		line-height: 150px;
		background-color: #7AC943;
		border-radius: 50%;
		text-align: center;
		color: #fff;
	}

	body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_habataki_left {
		flex-basis: 35% !important;
		flex-grow: 0;
	}

	.wrapper_habataki_left h3.h3_circle {
		margin-top: 1em;
		width: 173px;
		height: 173px;
		line-height: 150px;
		background-color: #7AC943;
		border-radius: 50%;
		text-align: center;
		color: #fff;
	}

	body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo_right {
		flex-grow: 1;
	}
}

@media screen and (max-width: 599px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo_left h3.h3_circle {
		margin-bottom: 0;
		padding: 0;
		color: #7AC943;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_tsubasa_tanpopo_right {
		margin-top: -1.8em;
		padding-bottom: 2em;
		border-bottom: 2px dotted #707070;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_habataki_left h3.h3_circle {
		margin-bottom: 0;
		padding: 0;
		color: #7AC943;
	}
}

/* 家庭のようなあたたかさ～ */
@media screen and (min-width: 481px) {
	h4.h4_tsubasa_center {
		text-align: center;
	}

	h4.h4_tsubasa_center br {
		display: none;
	}

	body .entry-content>.tsubasa_tanpopo_info {
		margin: 2em auto 0;
		width: fit-content;
		font-size: 13px !important;
		display: table;
	}

	.tsubasa_tanpopo_info p {
		display: table-cell;
		vertical-align: middle;
	}

	.tsubasa_tanpopo_info figure {
		display: table-cell;
		vertical-align: middle;
	}
}

@media screen and (max-width: 480px) {
	h4.h4_tsubasa_center {
		text-align: left;
		color: #7AC943;
	}

	body .entry-content>.tsubasa_tanpopo_info {
		margin: 2em auto;
		font-size: 13px !important;
	}

	.tsubasa_tanpopo_info figure img {
		margin: 1em auto;
	}
}

/* スケジュール */
.tsubasa_tanpopo_schedule_left,
.tsubasa_tanpopo_schedule_center,
.tsubasa_tanpopo_schedule_right {
	margin: 3em 0 1em;
}

@media screen and (min-width: 1150px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.tsubasa_tanpopo_schedule_left {
		flex-basis: 27%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.tsubasa_tanpopo_schedule_center {
		flex-basis: 39.67%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.tsubasa_tanpopo_schedule_right {
		flex-basis: 33.33%;
	}
}

@media screen and (min-width: 782px) and (max-width: 1149px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.tsubasa_tanpopo_schedule_left {
		flex-basis: 27%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.tsubasa_tanpopo_schedule_center {
		flex-basis: 39.67%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.tsubasa_tanpopo_schedule_right {
		flex-basis: 33.33%;
	}

	body .article .tsubasa_tanpopo_schedule_right p {
		margin-bottom: 2em;
	}
}

@media screen and (max-width: 781px) {

	body .article .tsubasa_tanpopo_schedule_right p,
	body .article .tsubasa_tanpopo_schedule_right p:last-child {
		margin-bottom: 4em;
	}
}

/* 乳児院小規模グループケアたんぽぽ（1日のスケジュールの下あたり） */
/* ブロックコンテンツのグループに対して指定 */
body .entry-content>.tanpopo_info {
	font-size: 13px !important;
}

.tanpopo_info h4 {
	font-weight: bold !important;
	color: #7AC943;
}

.tanpopo_info h4 span {
	padding-top: 0.5em;
	font-size: 18px !important;
	display: block;
}

@media screen and (min-width: 781px) {
	body .entry-content>.tanpopo_info {
		margin: 2em auto 0;
		width: fit-content;
		display: table;
	}

	.tanpopo_info h4 {
		width: fit-content;
		display: table-cell;
		vertical-align: top;
	}

	.tanpopo_info p {
		width: 50%;
		display: table-cell;
		vertical-align: top;
	}

	.tanpopo_info figure {
		display: table-cell;
		vertical-align: top;
	}
}


/*################# はばたき #################*/
/* 他ページとの共通設定は上記に別途記載あり */
/* ブロックコンテンツのグループに対して指定 */
.wrapper_habataki {
	background: rgba(255, 242, 204, .7)
}

.wrapper_habataki ul li:before {
	background-color: #FFBF00;
}

.wrapper_habataki ul li:not(:first-of-type) {
	margin-top: 1em;
}

@media screen and (max-width: 781px) {
	.wrapper_tsubasa_tanpopo_right .wrapper_habataki {
		background-color: transparent;
	}


	.wrapper_tsubasa_tanpopo_right .wrapper_habataki ul {
		padding: 0;
	}
}

.habataki_facilities {
	list-style: none;
	font-size: 13px;
}

.habataki_block01 {
	background: url(/wp-content/uploads/habataki08.png) no-repeat 97% 50%/328px auto;
	padding: 10px 0 42px;
	text-align: center;
}

.habataki_block02 {
	justify-content: space-between;
}

.habataki_block02 .wp-block-column {
	flex-grow: 0;
}

.wp-block-columns.habataki_block03 {
	margin-bottom: 6.5em;
}

.habataki_block03 .tsubasa_tanpopo_schedule_right {
	flex-basis: 28.33%;
}

.habataki_block04.wp-block-columns {
	display: flex;
	gap: 0;
	margin-bottom: 102px;
}

.habataki_block04 .wp-block-column {
	flex-basis: auto !important;
}

.habataki_block04 .wp-block-column:nth-child(1) {
	width: 330px;
	height: 267px;
}

.habataki_block04 .wp-block-column:nth-child(1) p {
	width: 275px;
}

.habataki_block04 .wp-block-column:nth-child(2) {
	padding-top: 55px;
	width: 328px;
	height: 201px;
}

.habataki_block04 .wp-block-column:nth-child(3) {
	width: 373px;
	height: 247px;
	padding-top: 10px;
}

@media screen and (min-width: 781px) {
	.habataki_heading01.wp-block-heading br {
		display: none;
	}

	.habataki_address br {
		display: none;
	}
}

@media screen and (max-width: 780px) {

	.wp-block-column.wrapper_habataki_left.is-layout-flow {
		margin-top: -3em;
	}

	.wp-block-column.wrapper_habataki_left.is-layout-flow .h3_circle {
		color: #FFBF00 !important;
		background-color: transparent !important;
	}

	.habataki_facilities {
		padding: 0 0 0 !important;
	}

	.habataki_heading01.wp-block-heading {
		background-color: transparent !important;
		text-align: left;
		color: #FFBF00;
		padding: 0;
		margin-top: -2em;
		line-height: 1.6;
		font-size: 16px;
	}

	.habataki_block01 {
		text-align: left !important;
		padding-bottom: 140px;
		background-position: center bottom;
	}

	.habataki_block01 br {
		display: none;
	}

	.habataki_block02 {
		flex-direction: column;
		gap: 3em 0;
		padding: 0 9px;
	}

	.habataki_block02 .wp-block-column p {
		margin-bottom: 0;
	}

	.habataki_block02.div_border {
		border: none;
		margin-bottom: 0;
	}

	.habataki_block03 {
		padding: 0 9px;
		margin-bottom: 1em !important;
	}

	.habataki_block03 .wp-block-heading {
		padding: 1em;
	}

	.habataki_block03 .wp-block-heading + p.font_yellow {
		text-align: left !important;
	}

	.habataki_block03 h3.wp-block-heading.font_bold.font_yellow {
		padding: 0;
		margin: 0;
	}

	.habataki_block03 h4.wp-block-heading.font_13bold.font_yellow {
		padding: 0;
		line-height: 1.6;
	}

	.habataki_block03 h4.wp-block-heading.font_13bold.font_yellow + p {
		border-bottom: 1px dotted #707070;
		margin-bottom: 2em;
		padding-bottom: 2em;
	}

	.habataki_block03 + .wp-block-heading,
	.habataki_block03 + .wp-block-heading + p {
		padding: 0 9px;
	}

	.habataki_block04.wp-block-columns {
		flex-direction: column;
		gap: 1.8em 0;
		border-bottom: none;
		margin-bottom: .5em;
	}

	.habataki_block04 .wp-block-column:nth-child(1),
	.habataki_block04 .wp-block-column:nth-child(2),
	.habataki_block04 .wp-block-column:nth-child(3) {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: 0 9px;
	}

	.habataki_block04 .wp-block-column:nth-child(1) p {
		width: auto;
	}

	.wp-block-group.wrapper_page_bottom.wrapper_habataki .wp-block-group__inner-container {
		padding: 25px 30px;
	}

	.wp-block-group.wrapper_page_bottom.wrapper_habataki h5 {
		margin: 0 0 .5em;
	}

	.wp-block-group.wrapper_page_bottom.wrapper_habataki ul {
		margin: 0;
		padding: 0 0 0 1em;
	}

	.habataki_address {
		padding: 10px 20px 0;
		margin-bottom: -1em !important;
	}
}


/*################# 里親支援機関 #################*/
/* ヒーローイメージ以外のメイン画像（ブロックコンテンツのグループに対して指定） */
@media screen and (min-width: 834px) {
	.page_topimage {
		width: 100%;
		max-width: 834px;
	}

	.page_topimage .wp-block-image img {
		width: 100%;
		height: auto;
		display: block;
	}
}

@media screen and (max-width: 833px) {
	.page_topimage {
		margin: -41px calc(50% - 50vw) 0;
		width: 100vw;
	}
}

@media screen and (min-width: 834px) {
	body .h2_satooya {
		margin: 0 auto 1em;
		font-size: 26px !important;
		font-weight: bold !important;
		position: relative;
		text-align: center;
		text-indent: 1em;
	}

	.h2_satooya:before {
		padding-right: 1em;
		content: url(../../uploads/2022/03/title_before_satooya.png);
		position: absolute;
		top: 0;
		text-indent: -2.5em;
	}

	.h2_satooya:after {
		padding-right: 1em;
		content: url(../../uploads/2022/03/title_after_satooya.png);
		position: absolute;
		top: 0;
		text-indent: 0.1em;
	}
}

@media screen and (max-width: 833px) {
	body .satooya_top {
		display: block;
	}

	body .h2_satooya {
		display: none;
	}

	.page_topimage_satooya_left {
		margin-top: 2em;
	}
}

/* 丸で囲まれたh3 */
.wrapper_satooya {
	margin-top: 3em;
}

.article .h3_circle_toyonaka,
.article .h3_circle_shimamoto,
.article .h3_circle_suinyu {
	border-radius: 50%;
}

@media screen and (min-width: 834px) {
	body .article .wrapper_h3_circle {
		margin: 0 auto 1em;
		max-width: 420px;
		justify-content: center;
	}

	.block_h3_circle,
	.article .block_h3_circle h3 {
		margin: 0;
		padding: 0;
	}

	body .article .h3_circle_toyonaka,
	.article .h3_circle_shimamoto,
	.article .h3_circle_suinyu {
		margin: 0 auto;
		width: 120px;
		height: 120px;
		display: flex;
		/* 子要素にもflex指定、h3内のテキストを中央揃え */
		justify-content: center;
		/* h3内のテキストを中央揃え */
		align-items: center;
		/* h3内のテキストを中央揃え */
		flex-direction: column;
		/* h3内のspanで囲われた箇所を改行して表示（spanにdisplay:blockの指定なし） */
		line-height: 1.6;
		text-align: center;
		font-size: 18px;
	}
}

@media screen and (min-width: 1100px) {

	body .article .h3_circle_toyonaka,
	.article .h3_circle_shimamoto,
	.article .h3_circle_suinyu {
		width: 140px;
		height: 140px;
	}
}

@media screen and (max-width: 833px) {
	body .wrapper_h3_circle {
		display: none !important;
	}
}

.article .h3_circle_toyonaka {
	border: 3px solid rgba(170, 204, 3, 0.9);
}

.article .h3_circle_shimamoto {
	border: 3px solid rgba(46, 167, 224, 0.9);
}

.article .h3_circle_suinyu {
	border: 3px solid rgba(237, 133, 167, 0.9);
}

.h3_circle_toyonaka span,
.h3_circle_shimamoto span,
.h3_circle_suinyu span {
	font-weight: bold;
	font-size: 21px;
	font-weight: bold;
}

@media screen and (min-width: 781px) {
	p.p_satooya_center {
		text-align: center;
		font-weight: bold !important;
	}

	p.p_satooya_center br {
		display: none;
	}
}

@media screen and (max-width: 780px) {
	p.p_satooya_center {
		text-align: left;
		font-weight: bold !important;
	}
}

/* 丸で囲まれた「短期OK」～「支給あり」まで */
@media screen and (min-width: 1150px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_satooya_left {
		flex-basis: 35%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_satooya_right {
		flex-basis: 65%;
	}
}

@media screen and (min-width: 782px) and (max-width: 1149px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_satooya_left {
		flex-basis: 50%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.wrapper_satooya_right {
		flex-basis: 50%;
	}
}

@media screen and (max-width: 781px) {
	body .wrapper_satooya {
		display: block;
	}

	.div_3circle {
		margin: 0 auto;
		max-width: 405px;
	}

	.wrapper_satooya_right {
		margin: 3em 0 0;
	}
}

.div_3circle {
	display: flex;
	justify-content: space-around;
	/* 余白を均等割り、両サイドの余白は半分 */
}

.div_3circle div {
	width: 115px;
	height: 115px;
	display: flex;
	/* 子要素にもflex指定、丸の中のテキストを中央揃え */
	justify-content: center;
	/* 丸の中のテキストを中央揃え */
	align-items: center;
	/* 丸の中のテキストを中央揃え */
	flex-basis: 120px;
	border-radius: 50%;
	text-align: center;
}

.div_3circle div.div_3circle_green {
	border: 3px solid #AACC03;
	/* 線が緑 */
}

.div_3circle div.div_3circle_blue {
	border: 3px solid #2EA7E0;
	/* 線が青 */
}

.div_3circle div.div_3circle_pink {
	border: 3px solid #ED85A7;
	/* 線がピンク */
}

/* 4つの活動 */
.wrapper_fosterparents {
	margin-top: 2em;
	padding-right: 20px;
	font-size: 13px;
}

.wrapper_fosterparents .wp-block-column {
	padding: 0 0 0 20px;
}

.article .wrapper_fosterparents .wp-block-column h4 {
	font-size: 13px;
	font-weight: bold;
}

@media screen and (min-width: 781px) {
	.wrapper_fosterparents {
		border-right: 2px dashed #707070;
	}

	.wrapper_fosterparents .wp-block-column {
		border-left: 2px dashed #707070;
	}
}

@media screen and (max-width: 780px) {
	.wrapper_fosterparents {
		border-right: 0;
	}

	.wrapper_fosterparents .wp-block-column {
		padding-bottom: 2em;
		border-left: 0;
		border-bottom: 2px dashed #707070;
	}
}

/* 里親支援ページの中のお問い合わせ */
/* ブロックコンテンツのグループに対して指定 */
.wrapper_satooya_title {
	display: table;
}

.wrapper_satooya_title h4 {
	padding: 0.3em 3em;
	display: table-cell;
	border: 1px solid #707070;
	border-radius: 5px;
	font-size: 14px !important;
	font-weight: bold !important;
}

@media screen and (max-width: 480px) {
	.wrapper_satooya_title h4:last-of-type {
		padding: 0.3em 1em;
	}
}

.wrapper_satooya_title p {
	display: table-cell;
}

.wrapper_satooya_title p span {
	padding-left: 0.5em;
	padding-right: 1em;
	font-weight: bold !important;
}

/* アイコン設定（里親支援ページの中のお問い合わせ） */
body p.before_icon_mail,
body p.before_icon_insta,
body p.before_icon_tel {
	padding-bottom: 0.3em;
	border-bottom: 1px dashed #707070;
	font-size: 14px !important;
	font-weight: bold !important;
}

body p.before_icon_mail:before,
body p.before_icon_insta:before,
body p.before_icon_tel:before {
	margin-right: 2em;
	width: 30px;
	height: 30px;
	line-height: 1;
	content: "";
	display: inline-block;
	vertical-align: text-bottom;
}

body p.before_icon_mail:before {
	background-image: url(../../uploads/2022/03/icon_mail.jpg);
}

body p.before_icon_insta:before {
	background-image: url(../../uploads/icon_insta.jpg);
}

body p.before_icon_tel:before {
	background-image: url(../../uploads/2022/03/icon_tel.jpg);
}

@media screen and (min-width: 781px) {
	body p.before_icon_tel:nth-of-type(2) {
		margin-left: -2em;
	}
}

@media screen and (max-width: 780px) {

	body p.before_icon_mail,
	body p.before_icon_insta,
	body p.before_icon_tel {
		text-indent: 2em;
		text-align: left;
	}
}

/* QRコード（里親支援ページの中のお問い合わせ） */
body .qr {
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #707070;
}

body .qr:before {
	width: 30px;
	height: 30px;
	line-height: 1;
	content: "";
	display: inline-block;
	vertical-align: text-bottom;
	background-image: url(../../uploads/icon_line.jpg);
}

@media screen and (min-width: 781px) {
	body .qr:before {
		margin-left: 3.5em;
	}
}

@media screen and (max-width: 780px) {
	body .qr:before {
		margin-left: 2em;
		text-align: left;
	}
}

/* hr（里親支援ページの中のお問い合わせ） */
body .article hr.hr_satooya {
	margin: 5em 0 3em;
}

/* 所在地（里親支援ページの中のお問い合わせ） */
h5.h5_satooya_address01,
h5.h5_satooya_address02 {
	padding-top: 0;
	text-indent: -0.5em;
	font-size: 15px !important;
	font-weight: bold !important;
	color: #FFBF00;
}

p.p_satooya_address span {
	margin-left: 0.5em;
	font-size: 16px !important;
	font-weight: bold;
}

@media screen and (min-width: 781px) {

	h5.h5_satooya_address01,
	h5.h5_satooya_address02,
	p.p_satooya_address {
		margin: 0 0 0 5em;
	}

	h5.h5_satooya_address01 {
		margin-top: 2em;
	}
}

/*################# リクルート・親ページがリクルートの子ページ #################*/
@media screen and (max-width: 780px) {

	body.page_recruit .article,
	body.page_recruit .main {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	body.page_recruit .footer {
		margin-top: 0;
	}
}

/* ヒーローイメージ以外のメイン画像 */
@media screen and (min-width: 834px) {
	.recruit_topimage {
		width: 100%;
	}
}

@media screen and (max-width: 833px) {
	.recruit_topimage {
		margin: -41px calc(50% - 50vw) 0 !important;
		width: 100vw;
	}
}

/* リクルートページ、ブロックコンテンツのグループに対して指定 */
.wrapper_recruit {
	margin: 5em auto;
	max-width: 850px;
	color: #00A5E4;
}

/* リクルート子ページ共通、ページタイトル部分 */
@media screen and (min-width: 782px) {
	.wrapper_recruit_toptitle {
		margin: 3em auto 5em;
		width: 100%;
		max-width: 800px;
		align-items: center;
	}
}

@media screen and (max-width: 781px) {
	.wrapper_recruit_toptitle {
		margin: -26px calc(50% - 50vw) !important;
		width: 100vw;
		display: block !important;
	}
}

/* リクルートページの法人理念下の文章 */
p.p_rinen {
	font-weight: bold !important;
	font-size: 20px !important;
	text-align: center;
}

p.p_rinen_left {
	font-weight: bold !important;
}

@media screen and (min-width: 781px) {
	p.p_rinen br {
		display: none;
	}

	p.p_rinen_left {
		text-align: center;
		line-height: 2.5;
	}
}

@media screen and (max-width: 480x) {
	p.p_rinen_left {
		text-align: left;
		line-height: 1.8;
	}
}

/* リクルートページの最初の水色のh2 */
.article .recruit_h2_top {
	margin: 3em 0 1em;
	color: #00a5e4;
	text-align: center;
	font-weight: bold;
}

.article .recruit_h2_top:before {
	padding-right: 1em;
	content: url(../../uploads/2022/03/icon_recruit.png);
}

.article .recruit_h2_top span {
	padding-left: 1em;
	font-weight: normal;
}

/* リクルートページの最初のタイトル */
@media screen and (min-width: 781px) {

	body .article h3.h3_recruit,
	body.page_recruit_entry .article .wrapper_recruit_toptitle h3.h3_recruit {
		/* 英字タイトル */
		margin: -0.2em 0 0;
		font-size: 65px !important;
		font-family: 'Hind', 'Roboto', 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif !important;
		color: #00A5E4;
	}

	body.page_recruit_entry .article .wrapper_recruit_toptitle h3.h3_recruit {
		/* エントリーページ、英字タイトル */
		padding: 0;
		border: 0;
	}

	h4.h4_recruit {
		/* 英字下の日本語タイトル */
		font-size: 20px;
		font-weight: bold;
		color: #00A5E4;
	}
}

@media screen and (max-width: 781px) {

	body .article h3.h3_recruit,
	body.page_recruit_entry .article .wrapper_recruit_toptitle h3.h3_recruit {
		/* 英字タイトル */
		margin-top: 0.5em;
		margin-bottom: 0;
		font-size: 65px !important;
		font-family: 'Hind', 'Roboto', 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif !important;
		color: #00A5E4;
		text-align: center;
	}

	body.page_recruit_entry .article .wrapper_recruit_toptitle h3.h3_recruit {
		/* エントリーページ、英字タイトル */
		padding: 0;
		border: 0;
	}

	body h4.h4_recruit {
		/* 英字下の日本語タイトル */
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: #00A5E4;
	}
}

/* リクルートページ、角丸のボタン */
@media screen and (min-width: 781px) {
	p.button_recruit {
		margin-top: 5.5em;
	}
}

@media screen and (max-width: 780px) {
	.wrapper_recruit {
		margin: 0 auto;
		text-align: center;
	}

	p.button_recruit {
		margin-top: 2em;
	}
}

p.button_recruit a {
	padding: 0.5em 1em;
	width: 100%;
	max-width: 350px;
	display: inline-block;
	color: #00a5e4;
	text-decoration: none;
	text-align: center;
	border: 1px solid #00a5e4;
	border-radius: 30px;
}

p.button_recruit a:hover {
	background-color: #effaff;
}

p.button_recruit a:after {
	padding-left: 0.5em;
	font-family: FontAwesome;
	content: "\f061";
	font-size: 130%;
}

/* リクルート子ページ共通、コンテンツ内のタイトル（h3） */
.article .wrapper_recruit_child_in h3,
.article h3.h3_recruit_other {
	padding: 0.3em 0;
	width: 100%;
	background: #fff;
	border: 1px solid #00A5E4;
	border-radius: 3px;
	text-align: center;
	font-size: 18px !important;
	font-weight: 500 !important;
}

/* 背景色の設定、レイアウト設定 */
body.page_recruit .content .main {
	color: #00A5E4;
}

body.page_recruit .main {
	font-size: 18px !important;
	font-weight: 500 !important;
}

body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_blue {
	flex-basis: 50%;
	background-color: rgba(206, 255, 251, 0.25);
}

body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_yellow {
	flex-basis: 50%;
	background-color: rgba(255, 246, 194, 0.25);
}

body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_pink {
	flex-basis: 50%;
	background-color: rgba(255, 194, 228, 0.15);
}

body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_green {
	flex-basis: 50%;
	background-color: rgba(169, 255, 177, 0.15);
}

body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_purple {
	flex-basis: 50%;
	background-color: rgba(182, 208, 255, 0.25);
}

body .article .wrapper_recruit_child hr {
	margin-bottom: 1.8em !important;
	border-top: 2px solid #00A5E4;
}

.wrapper_recruit_child_in {
	line-height: 2;
}

@media screen and (min-width: 782px) {
	body.page_recruit .content .main {
		margin: 3em auto 5em;
	}

	body.body .wrapper_recruit_child {
		margin-bottom: 0;
		justify-content: space-between;
	}

	body .wrapper_recruit_child_in {
		/* ブロックコンテンツのグループに対して指定 */
		margin: 0 auto;
		padding: 3em 0;
		width: 90%;
		max-width: 485px;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_blue:not(:first-child),
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_yellow:not(:first-child),
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_pink:not(:first-child),
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_green:not(:first-child),
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_purple:not(:first-child) {
		margin-left: 0;
	}
}

@media screen and (max-width: 781px) {
	body.body .wrapper_recruit_child {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}

	body .wrapper_recruit_child_in {
		padding: 28px;
		width: 100%;
	}

	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_blue,
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_yellow,
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_pink,
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_green,
	body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_purple {
		padding: 1em 0;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 600px) and (max-width: 781px) {

	body.page_recruit .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_blue,
	body.page_recruit .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_yellow,
	body.page_recruit .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_pink,
	body.page_recruit .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_green,
	body.page_recruit .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_back_purple {
		margin-left: 0;
		flex-basis: 100% !important;
	}
}

/* .wrapper_recruit_child_in内の定員・構成の箇所 */
.recruit_childin_flexbox {
	line-height: 2;
}

html body .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_childin_flexbox_left {
	flex-basis: 80px;
	flex-grow: 0;
}

body .article .wp-block-columns:not(.is-not-stacked-on-mobile)>.recruit_childin_flexbox_right {
	margin-left: 0.5em;
}

.article .recruit_childin_flexbox h5 {
	margin: 0;
	font-size: 18px !important;
	font-weight: 500 !important
}

.article .recruit_childin_flexbox h5:before {
	margin-left: 0;
	margin-right: 0.3em;
	width: 15px;
	height: 15px;
	display: inline-block;
	content: "";
	background-color: #00A5E4;
}

.article .recruit_childin_flexbox h5:after {
	content: "：";
}

.article .recruit_childin_flexbox ul {
	margin-top: -0.5em;
}

.article .recruit_childin_flexbox ul li {
	list-style: none;
}

@media screen and (max-width: 780px) {
	.article .recruit_childin_flexbox ul {
		margin-left: -15px;
		padding-left: 0;
	}
}

h3.h3_recruit_other {
	text-align: center;
}

/*################# リクルートの子ページ「大阪水上隣保館の歴史」 ################*/
.page_recruit_history {
	background: url(../../uploads/2022/03/back_recruit.png);
}

body.page_recruit_history .content .main {
	width: 100%;
	max-width: 1000px;
	color: #00A5E4;
	background: transparent;
	font-size: 17px !important;
}

/* 中央配置のh3 */
.article h3.h3_recruit_history {
	margin: calc(5em + 90px) 0 5em;
	font-size: 20px !important;
	font-weight: bold !important;
	text-align: center;
	position: relative;
}

.article h3.h3_recruit_history:before {
	position: absolute;
	top: -90px;
	left: calc(50% - 25px);
	content: url(../../uploads/2022/03/recruit_logomark.png);
}

.article h3.h3_recruit_history span {
	margin: 0.5em 0;
	font-size: 14px !important;
	font-weight: normal !important;
	display: block;
}

@media screen and (max-width: 480px) {
	.article h3.h3_recruit_history {
		margin: calc(5em + 90px) 0 2em;
	}
}

/* 2カラム */
.article h4.h4_recruit_history {
	margin: 5em 0 1em;
	text-align: center;
	font-size: 17px !important;
	font-weight: bold !important;
}

.h4_recruit_history span {
	font-family: 'Prata';
	font-size: 55px;
	display: block;
}

.page_recruit_history figcaption {
	/* 画像のキャプション */
	font-size: 14px;
	text-align: left;
	text-indent: -1em;
}

@media screen and (min-width: 781px) {
	body.page_recruit_history .content .main {
		margin: 5em auto;
	}

	.wrapper_recruit_history {
		margin: 0 0 5em;
		align-items: center;
	}

	.wrapper_recruit_history:last-child {
		margin-bottom: 10em;
	}

	.h4_recruit_history {
		width: 60%;
	}
}

/*################# リクルートの子ページ「施設紹介」 ################*/
/* その他の施設 */
ul.ul_flexbox {
	list-style: none;
	font-size: 23px !important;
}

ul.ul_flexbox li:before {
	padding-right: 0.3em;
	font-family: FontAwesome;
	content: "\f111";
	color: #00A5E4;
}

@media screen and (min-width: 1024px) {
	ul.ul_flexbox {
		height: 450px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	ul.ul_flexbox li {
		padding-left: 1em;
		text-indent: -1em;
	}
}

@media screen and (min-width: 781px) and (max-width: 1023px) {
	ul.ul_flexbox {
		padding-left: 0;
		width: 95%;
		height: 650px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	ul.ul_flexbox li {
		margin-right: 7%;
		padding-left: 1em;
		width: 40vw;
		text-indent: -1em;
	}
}

@media screen and (max-width: 780px) {
	ul.ul_flexbox {
		margin: 2em auto;
		width: fit-content;
	}

	ul.ul_flexbox li:before {
		margin-left: -1em;
	}
}

/* 大阪水上隣保館には…で始まる中央寄せの文章 */
body p.text_center_facility {
	margin: 3em 0;
	text-align: center;
	line-height: 1.5;
}

/* 施設名の見出し */
.article .wrapper_recruit_child_in h4.h4_facilities {
	font-size: 27px !important;
	font-weight: bold !important;
	text-align: center;
}

/* その他の施設の見出し（上記に別設定あり） */
@media screen and (min-width: 781px) {
	.article h3.h3_recruit_other {
		margin: 5em 0 1em;
	}
}

@media screen and (max-width: 780px) {
	.article h3.h3_recruit_other {
		margin: 3em 0 1em;
	}
}

/*################# リクルートの子ページ「職員のメッセージ」 ################*/
@media screen and (min-width: 781px) {
	.wrapper_recruit_1st {}

	.wrapper_recruit_1st hr {
		display: none;
	}

	.wrapper_recruit_1st .wrapper_recruit_child_in,
	.wrapper_recruit_2nd .wrapper_recruit_child_in {
		padding-top: 2em;
	}

	.wrapper_recruit_2col {
		padding: 1em 0 1em;
	}
}

@media screen and (max-width: 780px) {

	body .article .wrapper_recruit_child .wrapper_recruit_1st,
	body .article .wrapper_recruit_child .wrapper_recruit_1st .wrapper_recruit_child_in {
		padding-top: 0;
		padding-bottom: 0;
	}

	body .article .wrapper_recruit_child .wrapper_recruit_1st hr {
		margin: 4em 0 0 !important;
		border-top: 1px solid #00A5E4;
	}

	body .article .wrapper_recruit_child .wrapper_recruit_2nd {
		padding-top: 4em;
		padding-bottom: 3em;
	}

	body .article .wrapper_recruit_child .wrapper_recruit_2col {
		padding: 3em 0;
	}
}

/* 職種タイトル（ブロックコンテンツのグループに対しての設定あり）*/
.article .h3_back_blue,
.article .h3_back_pink,
.article .h3_back_yellow {
	margin: 0;
	padding: 4em 0 1em;
	width: 100%;
}

.article .h3_back_blue {
	margin-top: 5em;
	background: rgba(206, 255, 251, 0.25);
}

.article .h3_back_pink {
	background: rgba(255, 194, 228, 0.15);
}

.article .h3_back_yellow {
	background: rgba(255, 246, 194, 0.25);
}

.article h3.h3_occupation01,
.article h3.h3_occupation02 {
	width: 100%;
	max-width: 1060px;
	background: #fff;
	border: 1px solid #00A5E4;
	border-radius: 3px;
	text-align: center;
	font-size: 22px !important;
	font-weight: bold !important;
}

.article h3.h3_occupation01 {
	margin: 0 auto;
	padding: 0.3em 0;
}

.article h3.h3_occupation02 {
	margin: 0 auto 2em;
	padding: 0.3em 0;
}

@media screen and (max-width: 780px) {

	.article .h3_back_blue,
	.article .h3_back_pink,
	.article .h3_back_yellow {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}

	.article .h3_back_blue {
		margin-top: 5em;
	}

	.article h3.h3_occupation01 {
		width: 90%;
	}

	.article h3.h3_occupation02 {
		width: 100%;
		margin-bottom: 1em;
	}
}

/* スタッフ名の見出し */
.article .wrapper_recruit_child_in h4.h4_menber {
	margin-bottom: 2em !important;
	padding-left: 1.5em;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.6;
	border-left: 2px solid #00A5E4;
}

.article .wrapper_recruit_child_in h4.h4_menber span {
	font-weight: bold !important;
	display: block;
}

/*################# リクルートの子ページ「エントリー」 ################*/
body.page_recruit_entry .content-in {
	max-width: 800px;
	color: #00A5E4;
}

body.page_recruit_entry .content-in p {
	font-size: 20px !important;
	font-weight: bold !important;
	line-height: 2.3;
}

body.page_recruit_entry .content-in p span {
	margin-right: 1em;
	font-weight: 500 !important;
}

body.page_recruit_entry .content-in ul,
body.page_recruit_entry .content-in ol {
	font-size: 20px !important;
	font-weight: 500 !important;
}

body.page_recruit_entry .content-in ul {
	list-style: none;
}

body.page_recruit_entry .content-in ol {
	list-style: none;
	counter-reset: list_circle_num_counter;
}

body.page_recruit_entry .content-in ol li {
	margin-left: 0.5em;
	line-height: 2.5;
	font-weight: bold;
	counter-increment: list_circle_num_counter;
}

body.page_recruit_entry .content-in ol li:before {
	margin-left: -0.5em;
	margin-right: 0.3em;
	width: 17px;
	height: 17px;
	border: 1px solid #00A5E4;
	border-radius: 50%;
	display: inline-block;
	font-size: 0.8em;
	text-indent: 0.25em;
	line-height: 1;
	content: counter(list_circle_num_counter);
}

@media screen and (max-width: 834px) {

	body.page_recruit_entry .article ul,
	body.page_recruit_entry .article ol {
		padding-left: 0;
	}
}

body.page_recruit_entry .content-in h3 {
	margin: 5em 0 1em;
	padding-bottom: 0.7em;
	border-bottom: 1px solid #00A5E4;
	font-size: 22px !important;
	font-weight: bold !important;
}

body.page_recruit_entry .content-in h3:nth-of-type(1) {
	margin-top: 2em;
}

body.page_recruit_entry .content-in h4 {
	font-size: 20px !important;
	font-weight: bold !important;
}

body.page_recruit_entry .content-in h5 {
	margin: 0;
	font-size: 20px !important;
	font-weight: 500 !important;
}

h2.h2_entry {
	margin: 5em 0 0;
	padding: 0;
	padding-left: 0.8em;
	border-left: 5px solid #00A5E4;
	font-size: 24px !important;
	font-weight: bold !important;
	color: #00A5E4;
	line-height: 1.5;
}

/* ひし形のマークがあるh4 */
body.page_recruit_entry .content-in h4.h4_rhombus:before {
	margin-right: 0.3em;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	background: #00A5E4;
	content: "";
	display: inline-block;
}

/* ①～③のマークがあるh4 */
body.page_recruit_entry .content-in h4.h4_no2,
body.page_recruit_entry .content-in h4.h4_no3 {
	margin-top: 3.5em;
}

body.page_recruit_entry .content-in h4.h4_no1:before,
body.page_recruit_entry .content-in h4.h4_no2:before,
body.page_recruit_entry .content-in h4.h4_no3:before {
	margin-right: 0.3em;
	width: 17px;
	height: 17px;
	border: 1px solid #00A5E4;
	border-radius: 50%;
	display: inline-block;
	font-size: 0.8em;
	text-indent: 0.25em;
	line-height: 1;
}

body.page_recruit_entry .content-in h4.h4_no1:before {
	content: "1";
}

body.page_recruit_entry .content-in h4.h4_no2:before {
	content: "2";
}

body.page_recruit_entry .content-in h4.h4_no3:before {
	content: "3";
}

/* 日時等の案内のul */
ul.ul_recruit_nomark li {
	font-weight: bold !important;
}

ul.ul_recruit_nomark li span {
	margin-bottom: 1.5em;
	font-weight: 500 !important;
	display: block;
}

/* ひし形のマークがあるul */
ul.ul_rhombus01,
ul.ul_rhombus02,
ul.ul_rhombus_border {
	list-style: none;
}

ul.ul_rhombus01 li {
	line-height: 2.3;
	font-weight: bold !important;
}

ul.ul_rhombus02 li {
	padding-top: 0.5em;
	padding-bottom: 1.3em;
	line-height: 1.8;
	font-weight: 500 !important;
}

ul.ul_rhombus01 li:before,
ul.ul_rhombus02 li:before,
ul.ul_rhombus_border li:before {
	margin-right: 0.3em;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	background: #00A5E4;
	content: "";
	display: inline-block;
}

ul.ul_rhombus_border li {
	line-height: 2.3;
	font-weight: bold !important;
	background-image: linear-gradient(to right, #00A5E4, #00A5E4 4px, transparent 4px, transparent 22px);
	/* 幅2の線を作る */
	background-size: 22px 4px;
	/* グラデーションの幅・高さを指定 */
	background-position: center;
	/* 背景の開始位置を指定 */
	background-repeat: repeat-x;
	/* 横向きにのみ繰り返す */
	clear: both;
}

ul.ul_rhombus_border li span:nth-of-type(odd) {
	padding-right: 1em;
	background: #fff;
	clear: both;
}

ul.ul_rhombus_border li span:nth-of-type(even) {
	padding-left: 1em;
	float: right;
	background: #fff;
}

/* ページ下部の担当の箇所（ブロックコンテンツに対して指定あり） */
.div_recruit_p {
	padding: 1.5em 0 2em;
	width: 100%;
	border: 2px solid #00A5E4;
}

.div_recruit_p p {
	margin: 0 auto;
	width: fit-content;
}

@media screen and (max-width: 480px) {
	body.page_recruit_entry div_recruit_p p {
		font-size: 15px !important;
	}
}

/* ページ下部のリンク */
body.page_recruit_entry .entry-content>*,
.article p.p_recruit_link:nth-of-type(1) {
	margin: 1.5em 0 0;
}

p.p_recruit_link a {
	padding: 0.5em auto;
	width: 100%;
	border: 2px solid #00A5E4;
	border-radius: 12px;
	text-align: center;
	display: block;
	color: #00A5E4;
}

/* 求人票 */
body .img_recruit_paper img {
	margin: 1em auto 0;
	display: block;
}

@media screen and (min-width: 1001px) {
	body.page_recruit_entry .img_recruit_paper {
		margin: 5em calc(50% - 50vw) 10em;
		width: 100vw;
	}
}

@media screen and (max-width: 1000px) {
	body.page_recruit_entry .img_recruit_paper {
		margin: 5em auto;
		width: 100%;
	}
}

/*################# アクセス #################*/
@media screen and (min-width: 782px) {
	.wrapper_access {
		justify-content: space-between;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.access_left {
		flex-basis: 570px;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.access_right {
		flex-basis: 450px;
	}
}

/* アクセスページの水色のh2 */
.article .access_h2_top {
	margin: 0 0 5em;
	color: #00A5E4;
	text-align: center;
	font-weight: bold;
}

.article .access_h2_top span {
	padding-left: 1em;
	font-weight: normal;
}

/* 2colの右側 */
.access_right ul {
	margin-left: 0.5em;
	list-style-type: none;
}

.access_right ul li:before {
	padding-right: 1em;
	font-family: FontAwesome;
	content: "\f111";
	color: #00A5E4;
}

/*################# News #################*/
/* 投稿記事（tmp-user/page_single.phpで表示される投稿記事） */
@media screen and (min-width: 1007px) {
	body.page_news main {
		padding: 0;
	}

	body.single-post #div_page_news {
		margin: 0 !important;
	}
}

.no-sidebar .side_page_news {
	display: block;
}

.no-sidebar .content-in-news {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.no-sidebar .entry-content {
	margin: 0;
}

@media screen and (max-width: 1006px) {
	.article #div_page_news {
		margin: 0 10px 60px 0;
	}
}

.article #div_page_news h2 {
	margin: 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #707070;
	font-size: 100%;
	font-weight: normal;
	line-height: 2;
}

/* 投稿記事（single.phpで表示される投稿記事） */
@media screen and (min-width: 1023px) {
	body.single-post #div_page_news {
		margin: 0 auto;
	}
}

@media screen and (max-width: 1022px) {
	body.single-post main.main {
		margin: 0;
	}

	body.single-post #div_page_news {
		width: 100%;
	}
}

body.single-post .content-in-news {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

body.single-post #div_page_news h2 {
	margin: 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #707070;
	font-size: 100%;
	font-weight: normal;
	line-height: 2;
}

.article #div_page_news h3 {
	padding-bottom: 0.5em;
	border-bottom: 2px dotted #707070;
}

body.single-post #div_page_news h3 {
	padding-bottom: 0.5em;
	border-bottom: 2px dotted #707070;
}

.article p.p_data {
	margin-top: 2em;
	margin-bottom: 0;
	display: inline-block;
	font-weight: bold;
}

.article p.p_data:before {
	padding-right: 0.3em;
	font-family: FontAwesome;
	content: "\f105";
	font-size: 80%;
	vertical-align: middle;
}

#div_page_news p.p_data span {
	margin-left: 2em;
	padding: 0 0.5em 0.1em;
	border: 0;
	border-radius: 5px;
	background: #707070;
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
}

#div_page_news p.p_data span+span {
	margin-left: 1em;
}

/* 一覧 */
dl.dl_topnews dt a.cat-haruka,
#div_page_news p.p_data span.haruka {
	background: #00BCFF;
}

dl.dl_topnews dt a.cat-hibiki,
#div_page_news p.p_data span.hibiki {
	background: #FF9932;
}

dl.dl_topnews dt a.cat-nyujiin,
#div_page_news p.p_data span.nyujiin {
	background: #FF96AF;
}

dl.dl_topnews dt a.cat-tsubasa_tanpopo,
#div_page_news p.p_data span.tsubasa_tanpopo {
	background: #7AC643;
}

dl.dl_topnews dt a.cat-support,
#div_page_news p.p_data span.support {
	background: #65B2FF;
}

dl.dl_topnews dt a.cat-satooya01,
#div_page_news p.p_data span.satooya01 {
	background: #FFBC00;
}

dl.dl_topnews dt a.cat-satooya02,
#div_page_news p.p_data span.satooya02 {
	background: #CB9800;
}

dl.dl_topnews dt a.cat-recruitment,
#div_page_news p.p_data span.recruitment {
	background: #54D7D7;
}

@media screen and (min-width: 481px) {
	dl.dl_news dt {
		padding: 15px 0 5px 0;
		float: left;
	}

	dl.dl_news dd {
		margin: 0;
		padding: 15px 0 5px 200px;
	}
}

@media screen and (max-width: 480px) {
	.article dl.dl_news dd {
		margin-left: 0;
	}

	dl.dl_news dt,
	dl.dl_news dd {
		padding: 5px 0;
	}

	dl.dl_news dd span {
		margin: 0 0 0 10px;
	}
}

/* アーカイブのタイトル */
.archive-title {
	color: #00a5e4;
}

/*################# contactform7 #################*/
div.div_contact,
.div_contact_title {
	margin: 0 auto;
	max-width: 560px;
	color: #00A5E4;
	position: relative;
	/* 空div「.div_contact_back」の基準位置 */
}

.article div.div_contact_title h2 {
	margin: 0 auto;
	width: 150px;
	color: #00A5E4;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	background: #fff;
	line-height: 1.8;
}

.article div.div_contact_title h2 span {
	display: block;
	font-size: 14px;
	font-weight: normal;
}

#post-248 .entry-content h2 {
	text-align: center;
	color: #00A5E4;
	padding: 10vh 0;
	line-height: 1.8;
	font-size: 108%;
}


.wpcf7-list-item {
	margin: 0 !important;
}

dl.dl_contact dt,
dl.dl_contact dd {
	margin: 0;
	padding: 0;
}

dl.dl_contact dt {
	margin-top: 2em;
}

dl.dl_contact dt p {
	margin-bottom: .3em;
}

.wpcf7 dd.atesakiWrapper {
	border: 1px solid #DCDCDC;
	padding: 1em 0 1em 28%;
	line-height: 1.9;
}

@media screen and (max-width: 480px) {
	.wpcf7 dd.atesakiWrapper {
		padding: 1em 0 1em 23%;
	}
}

.wpcf7 dd.atesakiWrapper .wpcf7-radio>span {
	margin-right: 1em !important;
}

.wpcf7 dd.atesakiWrapper .wpcf7-radio>span:nth-child(1),
.wpcf7 dd.atesakiWrapper .wpcf7-radio>span:nth-child(5),
.wpcf7 dd.atesakiWrapper .wpcf7-radio>span:nth-child(6),
.wpcf7 dd.atesakiWrapper .wpcf7-radio>span:nth-child(7),
.wpcf7 dd.atesakiWrapper .wpcf7-radio>span:nth-child(8) {
	display: block;
}


.atesakiWrapper>p {
	margin-bottom: 0;
}

span[data-name="atesaki"],
#atesaki {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

span[data-name="atesaki"]+br {
	display: none;
	position: absolute;
}

p.p_contact,
p.p_contact a {
	color: #00A5E4;
}

/* h2の後ろにある三本線のための空div */
.div_contact_back {
	width: 100%;
	max-width: 560px;
	height: 15px;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 165, 228, 1) 3px, rgba(0, 165, 228, 1) 4px);
	z-index: -1;
	position: absolute;
	top: 33px;
	left: 0;
}

body .dd_radiobutton .wpcf7-list-item-label:before {
	content: "";
}

/* 宛先選択 */
body div.div_contact dd.dd_radiobutton {
	margin: 0.5em auto 1em;
	padding: 1em;
	border: 1px solid #ccc;
	color: #707070;
	text-align: center;
	font-size: 13px !important;
	line-height: 2;
}

body div.div_contact dd.dd_radiobutton span {
	margin: 0 auto;
	width: fit-content;
	display: inline-block;
}

body div.div_contact dd.dd_radiobutton span .wpcf7-list-item {
	display: block;
}

body div.div_contact dd.dd_radiobutton span input[type="radio"] {
	margin-right: 0.3em;
}

/* チェックボックスの枠の表示を変更 */
input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	/*既存のチェックボックスを見えなくする*/
}

.p_contact .wpcf7-list-item-label:before {
	padding-right: 0.5em;
	content: "\f096" !important;
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

input[type="checkbox"]:checked+.wpcf7-list-item-label:after {
	content: "\f00c" !important;
	font-family: FontAwesome;
	display: block;
	position: absolute;
	top: -2.5px;
	left: 3px;
}

/* 送信ボタン */
input[type="submit"] {
	background: #00A5E4;
	border: 0;
	border-radius: 15px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

/* 戻るボタン */
input[type="button"] {
	padding: 0.5em;
	width: 100%;
	background: #ccc;
	border: 0;
	border-radius: 15px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
}

/*################# 苦情報告・第三者評価 #################*/
body.page_complaint .content .main {
	width: 100%;
	max-width: 560px;
}

body.page_complaint .content .main h2 {
	margin: 3em auto;
	padding-bottom: 1em;
	font-weight: bold !important;
	text-align: center;
	border-bottom: 1px solid #707070;
}

body.page_complaint .content .main h3 {
	margin: 3em auto 1em;
	padding-bottom: 1em;
	font-size: 14px !important;
	font-weight: bold !important;
	border-bottom: 1px solid #707070;
}

body.page_complaint .content .main h3:nth-of-type(2) {
	margin: 5em auto 1em;
}

body.page_complaint .content .main p {
	margin-bottom: 5em;
	font-size: 13px !important;
}

body.page_complaint .content .main .div_trouble {
	margin-bottom: 1.8em;
	overflow: hidden;
	clear: both;
	border-bottom: 2px dotted #707070;
}

body.page_complaint .content .main .div_trouble:last-of-type {
	margin-bottom: 5em !important;
}

body.page_complaint .content .main .div_trouble h5 {
	margin: 0;
	margin-bottom: 1em;
	float: left;
	font-size: 14px !important;
	font-weight: bold !important;
}

body.page_complaint .content .main .div_trouble h5:before {
	padding-right: 0.3em;
	font-family: FontAwesome;
	content: "\f111";
	color: #00A5E4;
}

body.page_complaint .content .main .div_trouble p {
	margin-bottom: 1em;
	padding: 0 1em;
	border: 1px solid #D90012;
	border-radius: 5%;
	float: right;
	font-size: 80%;
}

body.page_complaint .content .div_trouble p a {
	padding: 0;
	color: #D90012;
}

body.page_complaint .content .main h4 {
	margin-top: 3em;
	margin-bottom: 2em !important;
	clear: both;
	color: #00A5E4;
	font-weight: bold !important;
	font-size: 14px !important;
}

/*################# プライバシーポリシー #################*/
body.page_privacypolicy .content .main {
	width: 100%;
	max-width: 560px;
}

body.page_privacypolicy .content .main h2 {
	margin: 3em auto;
	padding-bottom: 1em;
	font-weight: bold !important;
	text-align: center;
	border-bottom: 1px solid #707070;
}

body.page_privacypolicy .content .main h3 {
	margin: 3em auto 1em;
	padding-bottom: 1em;
	font-size: 14px !important;
	border-bottom: 1px solid #707070;
}

body.page_privacypolicy .content .main p {
	margin-bottom: 5em;
	font-size: 13px !important;
}

.bnrInstagram {
	position: fixed;
	left: 0;
	bottom: 0;
	opacity: 1;
	pointer-events: all;
	transition: opacity 0.3s ease-in-out;
	z-index: 1000;
}

.bnrInstagram.show {
	opacity: 1;
	pointer-events: all;
}

.bnrInstagram a,
.bnrInstagram img {
	display: block;
}


.block-youtube {
	padding: 0 0 20px;
}

.block-youtube.hidden {
	display: none !important;
}

.block-youtube .video-container {
	margin: 0;
}

.block-youtube .video-container .video {
	margin-top: 0;
}

@media screen and (max-width: 500px) {
	.block-youtube {
		display: block !important;
	}

	.block-youtube .wp-block-column:not(:last-of-type) {
		margin-bottom: 20px;
	}
}


.wp-block-heading.hidden {
	display: none !important;
}