@charset "UTF-8";

/*
Theme Name: 社会福祉法人外房
Description: レスポンシブテーマ
*/

/**************************************************************************************************

共通

**************************************************************************************************/

body {
	padding-top:0px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size:1.1em;
}

.row-height {
    display: flex;
    flex-wrap: wrap;
}

.headerBox {
	width:100%;
	padding:15px 0px 15px 0px;
	background-color:#34639a;
	background-image:url("images/head_bg.png");
	background-repeat:repeat-x;
}

.navbar {
	width:100%;
	padding:5px 0px  0px 0px!important;
}

.navbar-toggler{
	background-color: #fff;
}

.nav-item2 {
	display:inline-block;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
	background-image:url("images/navi-def.png");
	background-repeat:no-repeat;
	background-position: center bottom;
}

.orange,
.yellow,
.pink,
.navy,
.glay {
	width:13.6%;
}

.purple {
	width:15%;
}

.green {
	width:17%;
}

.orange:hover {
	background-image:url("images/navi-orange.png");
}
.yellow:hover {
	background-image:url("images/navi-yellow.png");
}
.green:hover {
	background-image:url("images/navi-green.png");
}
.pink:hover {
	background-image:url("images/navi-pink.png");
}
.navy:hover {
	background-image:url("images/navi-navy.png");
}
.purple:hover {
	background-image:url("images/navi-purple.png");
}
.glay:hover {
	background-image:url("images/navi-glay.png");
}


.navi {
	margin-top:0px;
	width:100%;
	background: linear-gradient(180deg, #def3fe, #d5ecf9, #cce6f4, #c3e0ef, #bad9ea, #b1d3e5, #a8cce0, #9fc6db);
	box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.3);
}

.just {
	text-align:justify;
}

.pageTitle {
	background-color:#fff;
	background-image:url("images/page_bg.jpg");
	background-repeat:no-repeat;
	background-position: right;
	background-size: cover;
	font-size:1.4em;
	padding:40px 0px;
}

.pageTitle h1 {
	padding:0px 0px;
}


.secBox01 {
	padding:30px 0px 40px 0px;
}

.secBox02 {
	padding:30px 0px 180px 0px;
	background-color:#fff;
	background-image:url("images/footer_bg.png");
	background-repeat:no-repeat;
	background-position: bottom;
	background-size: contain;
}

.contentsBox {
	margin-bottom:20px;
	padding:20px 0px;
}

.contentsBox div {
	padding:0px 15px;
}


.secTitle01 {
	width:33%;
	margin:0px auto 40px auto;
	position: relative;
	font-size: 26px;
	text-align: center;
	padding-bottom:15px;
	border-bottom: 5px solid #34639a;
}

.secTitle01::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #ccc;
}

.secTitle02 {
	margin:0px auto 10px auto;
	font-size: 26px;
	text-align: center;
	padding-bottom:15px;
}


.btn01 {
  width:80%;
  margin:15px auto;
  padding:10px;
  border-radius : 20px;
  font-size     : 16px;
  text-align    : center;
  cursor        : pointer;
  background    : #fff;
  color         : #333333;
  line-height   : 1em;
  transition    : .3s;
  border        : 2px solid #ccc;
}
.btn01:hover {
	background    : #dfeaf0; 
}

h4 {
	font-size:1.2em;
	line-height:1.8em;
}


p {
	line-height:1.6em;
}

.txtlh {
	line-height:2.0em;
}


.kadomaru01 {
  border-radius : 20px;          /* 角丸       */
  font-size     : 16px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  padding       : 10px 10px;   /* 余白       */
  background    : #fff;     /* 背景色     */
  color         : #333333;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  border        : 1px solid #ccc;    /* 枠の指定 */
}

.kadomaru {
  border-radius : 20px;          /* 角丸       */
  border        : 1px solid #ccc;    /* 枠の指定 */
}


/*************
/* トップ
*************/

.copy {
	padding:0px 0px 20px 0px;
}


.newslist li {
	padding:10px 15px;
	border-bottom:#ccc solid 1px;
}

.newslist li:first-child {
	border-top:#ccc solid 1px;
}

/*************************************
/* お知らせ・利用者専用・求人募集・アーカイブ
*************************************/

.pubBox {
	padding:20px 0px;
}

.newsTitle {
	margin:0px 0 30px 0px;
	padding:0px 0 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#f06507 1px solid;
	background-color:#e5eaf1;
}

.newsTitle span {
	display:block;
	padding:10px 10px 10px 10px;
	letter-spacing:1px;
	border-left:#f06507 5px solid;
}

.archiveTitle {
	margin:0px 0 30px 0px;
	padding:0px 0 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#333 1px solid;
	background-color:#e5eaf1;
}

.archiveTitle span {
	display:block;
	padding:10px 10px 10px 10px;
	letter-spacing:1px;
	border-left:#333 5px solid;
}

.usersTitle {
	margin:0px 0 30px 0px;
	padding:0px 0 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#ccc 1px solid;
	background-color:#e5eaf1;
}

.usersTitle span {
	display:block;
	padding:10px 10px 10px 10px;
	letter-spacing:1px;
	border-left:#ccc 5px solid;
}

.hiringTitle {
	margin:0px 0 30px 0px;
	padding:0px 0 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#223a70 1px solid;
	background-color:#e5eaf1;
}

.hiringTitle span {
	display:block;
	padding:10px 10px 10px 10px;
	letter-spacing:1px;
	border-left:#223a70 5px solid;
}

.pubDate {
	clear:both;
	border-top:#ccc dashed 1px;
	margin-top:30px;
	margin-bottom:80px;
	padding-top:10px;
	text-align:right;
}


.pubContents {
	clear:both;
	padding:15px;
}

.pubContents img {
	padding:15px 30px 15px 0px;
}


/*************
/* 法人概要
*************/

.infoTitle {
	margin:0px 0 30px 0px;
	padding:0px 0 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#8d9a18 1px solid;
	background-color:#e5eaf1;
}

.infoTitle span {
	display:block;
	padding:10px 10px 10px 10px;
	letter-spacing:1px;
	border-left:#8d9a18 5px solid;
}

.carelist li {
	margin:0 0 0 30px;
	padding:0 0 15px 10px;
	list-style-type: decimal;
}

.infoTbl {
	width:100%;
}

.infoTbl th {
	padding:10px 10px;
	background-color:#e8edbb;
	border:#a0a0a0 1px solid;
}

.infoTbl td {
	padding:10px 10px;
	border:#a0a0a0 1px solid;
}

.infoTbl td.tdglay {
	text-align:center;
	background-color:#f0f0f0;
	white-space:nowrap;
}

.instTbl {
	width:100%;
}

.instTbl th {
	width:40%;
	padding:10px 10px;
	background-color:#e8edbb;
	border:#a0a0a0 1px solid;
}

.instTbl td {
	padding:10px 10px;
	text-align:center;
	border:#a0a0a0 1px solid;
}

.instTbl td.tdglay {
	text-align:center;
	background-color:#f0f0f0;
	white-space:nowrap;
}

.ggmap {
	position: relative;
	padding-bottom: 48.0%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dataBox {
	height:200px;
	overflow-y: scroll;
	scrollbar-color: rebeccapurple green;
	scrollbar-width: thin;
	padding:10px 0 10px 10px;
}

.pdflist {
	margin-top:20px;
}


.pdflist li {
	margin:0 0 0 10px;
	padding:10px 0 10px 10px;
	border-bottom:#ccc dashed 1px;
}

.pdflist li:first-child {
	border-top:#ccc dashed 1px;
}


/*************
/* 特養
*************/

.tokuyouTitle {
	margin:0px 0 30px 0px;
	padding:0px 0 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#198417 1px solid;
	background-color:#e5eaf1;
}

.tokuyouTitle span {
	display:block;
	padding:10px 10px 10px 10px;
	letter-spacing:1px;
	border-left:#198417 5px solid;
}


/*************
/* 短期
*************/

.shortTitle {
	margin:0px 0 30px 0px;
	padding:0px 0 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#b74adb 1px solid;
	background-color:#e5eaf1;
}

.shortTitle span {
	display:block;
	padding:10px 10px 10px 10px;
	letter-spacing:1px;
	border-left:#b74adb 5px solid;
}

/*************
/* 通所
*************/

.dayserviceTitle {
	margin:0px 0 30px 0px;
	padding:0px 0 0px 8px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:#ff92db 1px solid;
	background-color:#e5eaf1;
}

.dayserviceTitle span {
	display:block;
	padding:10px 10px 10px 10px;
	letter-spacing:1px;
	border-left:#ff92db 5px solid;
}

/*************
/* 求人
*************/

.hiringBox {
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
	border-left: #223a70 solid 1px;
	border-right: #223a70 solid 1px;
	border-bottom: #223a70 solid 1px;
	border-top: #223a70 solid 1px;
}
.hiringInnr {
	padding:10px;
}

.hiringBox h4 {
	margin:0px 0px 10px 0px;
	padding:0px 10px 5px 0px;
	font-size:18px;
	border-bottom: #ccc solid 1px;
}

.hiringBox p.message {
	padding:10px 0px 0 0;
}

.hiringBox span.btndetail {
	margin:0 0 0 auto;
	display: block;
	text-align:center;
	padding:5px 10px;
	color:#fff;
	background:#223a70;
	border-top: #223a70 solid 1px;
}

.hiringBox span.btndetail:hover {
	color:#333;
	background:#eee;
	border-top: #223a70 solid 1px;
}


.cat_recruit {
	display:inline-block;
	margin-right:10px;
	padding:3px 10px;
	font-size:0.8em;
	text-align: center;
	color:#fff;
	background-color: #223a70;
	border-radius: 6px;
}


.hiringTbl {
	width:100%;
}

.hiringTbl th {
	width: 22%;
	padding:10px 10px;
	color: #fff;
	background-color:#223a70;
	border:#a0a0a0 1px solid;
}

.hiringTbl td {
	padding:10px 10px;
	border:#a0a0a0 1px solid;
}

.hiringTbl td.tdglay {
	text-align:center;
	background-color:#f0f0f0;
	white-space:nowrap;
}


/*************
/* フッター
*************/

.footerBox {
	padding:0px 0px 0px 0px;
	background-color:#fff;
}

ul.fmenu {
	width:100%;
	margin: 15px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	background-color: #cae3f0;
}

ul.fmenu li {
	width:14.28%;
	display: inline-block;
	padding: 5px;
	border-left: 1px #adcee0 solid;
	background-color: #cae3f0;
	text-align: center;
}

ul.fmenu li:first-child {
	border-left:none;
}


.pagetop {
	margin-bottom:15px;
}

.copyright {
	margin-top:0px;
	text-align:center;
	padding:10px 0px;
	color:#fff;
	background-color:#34639a;
}