@charset "utf-8";

/*以下インポート*/
@import "/pub/res/css/pub_cmn/reset.css?202111";
@import "/pub/res/css/pub_cmn/common.css?202111";
@import "/pub/res/css/pub_cmn/style.css?202506";
@import "/pub/res/css/pub_cmn/print.css?202111";
@import "/pub/res/css/pub_cmn/cat_navi.css?202111";

/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
 *
 * 【一般の方】共通
 *
 * =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

#content .ttl {
	color:#008A7D;
	font-weight: bold;
	line-height: 1.5;
}

/* #############################################################################
 *
 * 【共通】 カラー設定（上書き）
 *
 * ########################################################################## */

.bg-gray {
	background:#f7f7f7;
}

/* =========================================================
 * カテゴリ別色
 * ====================================================== */
.cat-color {
	color: #00837d;
}
.cat-box {
	padding: 10px;
	border: 4px solid #00837d;
}
.cat-border {
	border-color:#00837d !important;
}
.cat-side-bg {
	background-color:#ecf2f1 !important;
}

/* =========================================================
 * content-title
 * ====================================================== */
#content-title {
	font-size: 110%;
	padding: 6px;
	margin: 0 0 20px;
	background: url("/pub/res/img/pub_cmn/page_title_bg.png") no-repeat center bottom;
	border: 1px solid #b5b5b5;
}
#content-title h1 {
	line-height: 1;
	font-size: 171%;
	font-weight: normal;
	color: #018377;
	padding: 0 0 0 .5em;
	border-left: 5px solid #018377;
}

/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
 *
 * ページ別スタイル
 *
 * =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

/* #############################################################################
 *
 * 【複数ページで共通】
 *
 * ########################################################################## */

/* 茶色の枠色 --------------------------------------------------------------- */
.other-service-search {
	border: 1px solid #742e00;
}

/* グレーの枠色 ------------------------------------------------------------- */
.gray-bo{
	border-color:#cdcdcd;
}

/* =========================================================
 * 404
 * ====================================================== */
body#cat404 #content #cat404_area {
	margin: 0;
	padding: 0;
}
body#cat404 #cat404_area .cat404_block{
	padding: 0 30px 0;
	margin: 0 auto 20px;
}
body#cat404 #cat404_area .cat404_block:last-child {
	margin: 0 auto 0;
}
body#cat404 #cat404_area .cat-wdtbox{
	width: 100%;
	margin: 0 auto 15px;
	padding: 0;
}
body#cat404 #cat404_area .cat-wdtbox h2{
	margin: 0 auto 10px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}
body#cat404 #cat404_area .cat-wdtbox .catbox{
	width: 44%;
	display: inline-block;
	vertical-align: top;
	margin: 0 6px 0;
	padding: 10px 15px 20px;
	border-radius: 10px;
}
body#cat404 #cat404_area .cat-wdtbox .bo-individual{ border: 4px solid #31bca1; }
body#cat404 #cat404_area .cat-wdtbox .bo-carers{ border: 4px solid #ff8b8b; }
body#cat404 #cat404_area .cat-wdtbox .bo-company{ border: 4px solid #2f4cca; }
body#cat404 #cat404_area .cat-wdtbox .bo-kids{ border: 4px solid #f68c2d; }

body#cat404 #cat404_area .cat-wdtbox h2.individual{ color: #31bca1; }
body#cat404 #cat404_area .cat-wdtbox h2.carers{ color: #ff8b8b; }
body#cat404 #cat404_area .cat-wdtbox h2.company{ color: #2f4cca; }
body#cat404 #cat404_area .cat-wdtbox h2.kids{ color: #f68c2d; }

body#cat404 #cat404_area .cat-wdtbox .link-box ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
body#cat404 #cat404_area .cat-wdtbox .link-box ul li{
	position: relative;
	vertical-align: middle;
	margin: 5px 0 5px 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
body#cat404 #cat404_area .cat-wdtbox .link-box ul li:last-child{
	margin: 5px 0 0 0;
}
body#cat404 #cat404_area .cat-wdtbox .link-box ul li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-radius: 100vh;
	margin: 0 10px 2px 0;
}
body#cat404 #cat404_area .cat-wdtbox .link-box ul li.c-01:before{ background: #31bca1; }
body#cat404 #cat404_area .cat-wdtbox .link-box ul li.c-02:before{ background: #ff8b8b; }
body#cat404 #cat404_area .cat-wdtbox .link-box ul li.c-03:before{ background: #2f4cca; }
body#cat404 #cat404_area .cat-wdtbox .link-box ul li.c-04:before{ background: #f68c2d; }