@charset "utf-8";
/* CSS Document */


h2.title{
	font-size:28px;
	text-align:center;
	letter-spacing:4px;
	margin:60px 0 0;
	padding:0;
	background:none;
}

.container{
	width:100%;
	letter-spacing:1px;
}

.opening-staff{
	background: #eb6877;
	padding:28px 0;
	margin-top: 15px;
}
.opening-staff .inner{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.opening-staff .opening-txt{
	font-size: 28px;
	color: #fff;
	line-height: 1.32;
	/* font-family:"あおぞら明朝 Medium"; */
}
.opening-staff .col2{
	width: 382px;
}
.opening-staff .col2:first-of-type{
	width: 706px;
}
.opening-staff .opening-btn-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}
.opening-staff .opening-btn-wrap::after {
	display: none;
}
.opening-staff .opening-btn-wrap p {
	width: 45%;
	margin: 0 10px;
}
.opening-staff .opening-btn{
	/* font-family:"あおぞら明朝 Medium"; */
	font-size: 28px;
	border:2px solid #fff;
	border-radius:4px;
	display: table;
	width: 100%;
	margin-top: 10px;
}
.opening-staff .opening-btn a{
	display: table-cell;
	/*height: 73px;*/
    height: auto;
    text-align: center;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
}
.opening-staff .opening-btn a:after{
	content:"";
	position: absolute;
	top:50%;
	right:13px;
	transform: translateY(-50%) skew(5deg) rotate(-40deg);
	width: 5px;
	height: 5px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.opening-staff .opening-btn a:hover{
	color: #eb6877;
	background: #fff;
}
.opening-staff .opening-btn a:hover:after{
	border-right:1px solid #eb6877;
	border-bottom:1px solid #eb6877;
}
/* ---------------------------------------------
　header
------------------------------------------------ */
.header{ height:60px; }

/* ---------------------------------------------
　keyvisual
------------------------------------------------ */
.keyvisual{
	background-image: url(../images/bg_body.png), url(../images/img_keyvisual.jpg);
	background-position: bottom -28px center, top center;
	background-size: auto, cover;
	background-repeat: no-repeat;
	width:100%;
	height:550px;
}
@media screen and (min-width:1600px){
.keyvisual{
	background-size:cover;
}
}

.keyvisual-inner{
	width:1200px;
	margin:0 auto;
	position:relative;
}

.keyvisual .logo{
	position:absolute;
	top:50px;
	left:0;
}

.keyvisual .title-head{
	position:absolute;
	top:30px;
	right:0;
}

.keyvisual .keyvisual-navigation{
	position:absolute;
	top:15px;
	left:0;
	right:0;
	margin:auto;
	width:514px;
}

.keyvisual .utility-navigation{
	position:absolute;
	top:345px;
	left:280px;
	margin:0;
}

.keyvisual .utility-navigation li{ margin-left:10px; }

.keyvisual .utility-navigation .link03{
	position:absolute;
	top:96px;
	left:27px;
}

.keyvisual .utility-navigation .link05{
	position:absolute;
	top:0;
	right:-540px;
}

.keyvisual .utility-navigation .link06{
	position:absolute;
	top:0;
	right:-515px;
}


/* ---------------------------------------------
　content
------------------------------------------------ */
.introduction-area p{
	line-height:2.0;
}

.introduction-area-inner{
	margin:30px 0 0;
}

.introduction-area .map-block{
	background:#e9e9e9;
	float:left;
	width:65%;
}

.introduction-area .facility-unit{
	background-position:right -10px bottom 20px;
	background-repeat:no-repeat;
	background-color:#fff;
	float:left;
	width:35%;
	clear: none !important;
	position: relative;
}
/* 本部 */
.facility-unit.facility-hq{ background-image:url(../images/bg_facility_honbu.png); }
/* すみれ荘 */

.facility-unit.facility-sumire{ background-image:url(../images/bg_facility_sumire.png); display:none; }
/* さくら荘 */
.facility-unit.facility-sakura{ background-image:url(../images/bg_facility_sakura.png); display:none; }
/* おりいぶ荘 */
.facility-unit.facility-olive{ background-image:url(../images/bg_facility_olive.png); display:none; }
/* 桉樹苑 */
.facility-unit.facility-anju{ background-image:url(../images/bg_facility_anju.png); display:none; }
/* きたまち苑 */
.facility-unit.facility-kitamachi{ background-image:url(../images/bg_facility_kitamachi.png); display:none; }
/* やまぶき */
.facility-unit.facility-yamabuki{ background-image:url(../images/bg_facility_yamabuki.png); display:none; }
/* すずらんケア */
.facility-unit.facility-suzuran{ background-image:url(../images/bg_facility_suzuran.png); display:none; }
/* さくら伏石保育園 */
.facility-unit.facility-sakura-fuseishi{ background-image:url(../images/bg_facility_sakura_fuseishi.png); display:none; }
/* さくら木太保育園 */
.facility-unit.facility-sakura-kita{ background-image:url(../images/bg_facility_sakura_kita.png); display:none; }
/* さくら太田保育園 */
.facility-unit.facility-sakura-ota{ background-image:url(../images/bg_facility_sakura_ota.png); display:none; }
/* さくら福々保育園 */
.facility-unit.facility-sakura-fukufuku{ background-image:url(../images/bg_facility_sakura_fukufuku.png); display:none; }
/* 仏生山の森デイサービスセンター */
.facility-unit.facility-busshozannomori{ background-image:url(../images/bg_facility_busshozannomori.png); display:none; }
/* ナウラテラス */
.facility-unit.facility-nauraaterrace{ background-image:url(../images/bg_facility_nauraaterrace.png); display:none; }
/* 高松市地域包括支援センター香川 */
.facility-unit.facility-centerkagawa{ background-image:url(../images/bg_facility_centerkagawa.png); display:none; }

.introduction-area .facility-text{
	padding:0 40px;
	margin:10px 0 0;
	font-size:14px;
}

.introduction-area .facility-image{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:260px;
	margin:0;
}
/* 本部 */
.facility-hq .facility-image{ background-image:url(../images/img_facility_hq.jpg); }
/* すみれ荘 */
.facility-sumire .facility-image{ background-image:url(../images/img_facility_sumire.jpg); }
/* さくら荘 */
.facility-sakura .facility-image{ background-image:url(../images/img_facility_sakura.jpg); }
/* おりいぶ荘 */
.facility-olive .facility-image{ background-image:url(../images/img_facility_olive.jpg); }
/* 桉樹苑 */
.facility-anju .facility-image{ background-image:url(../images/img_facility_anju.jpg); }
/* きたまち苑 */
.facility-kitamachi .facility-image{ background-image:url(../images/img_facility_kitamachi.jpg); }
/* やまぶき */
.facility-yamabuki .facility-image{ background-image:url(../images/img_facility_yamabuki.jpg); }
/* すずらんケア */
.facility-suzuran .facility-image{ background-image:url(../images/img_facility_suzuran.jpg); }
/* さくら伏石保育園 */
.facility-sakura-fuseishi .facility-image{ background-image:url(../images/img_facility_sakura_fuseishi.jpg); }
/* さくら木太保育園 */
.facility-sakura-kita .facility-image{ background-image:url(../images/img_facility_sakura_kita.jpg); }
/* さくら太田保育園 */
.facility-sakura-ota .facility-image{ background-image:url(../images/img_facility_sakura_ota.jpg); }
/* さくら福々保育園 */
.facility-sakura-fukufuku .facility-image{ background-image:url(../images/img_facility_sakura_fukufuku.jpg); }
/* 仏生山の森デイサービスセンター */
.facility-busshozannomori .facility-image{ background-image:url(../images/img_facility_busshozannomori.jpg); }
/* ナウラテラス */
.facility-nauraaterrace .facility-image{ background-image:url(../images/img_facility_nauraaterrace.jpg); }

.introduction-area .facility-title{
	margin:13px 0 0 5px;
	font-size:22px;
	letter-spacing:2px;
	background:none;
	padding:0;
	position:relative;
}

.facility-title .icon-facility{
	position:absolute;
	top:-43px;
}
.facility-title span{ margin:0 0 0 72px; }

.introduction-area .btn-facility{
	background:url(../../images/icon_arrow_btn.png) right 30px center no-repeat, url(../../images/bg_copyright.png) repeat;
	width:100%;
	padding:7px 0 4px;
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.introduction-area .btn-facility:hover{
	background:url(../../images/icon_arrow_btn.png) right 30px center no-repeat, url(../../images/bg_btn_on.png) repeat;
}


/* --------------------
　news-area
-------------------- */
.ui-tabs-hide { display: none; }

.news-area .ui-tabs-nav{
	overflow:hidden;
}

.news-area .ui-tabs-nav li {
	float:left;
	width:12.5%;
	font-family:"あおぞら明朝 Bold";
	text-align:center;
}

.news-area.nursery .ui-tabs-nav li {
	width: 20%;
}

.news-area .recruit-news-area {
	border-top: 3px solid #515792;
	margin: 20px 0 0;
}

.news-area .ui-tabs-nav li a {
	border-top:3px solid #333;
	background:#fff;
	color:#333;
	height:42px;
	line-height:42px;
	margin-right:1px;
	text-decoration:none;
	display:block;
}
.news-area .ui-tabs-nav li:last-child a { margin-right:0; }
.news-area .ui-tabs-nav li a:hover,
.news-area .ui-tabs-nav li.ui-tabs-selected a{ color:#fff; }

.news-area .ui-tabs-nav li.news-all a, .news-area .ui-tabs-nav li.news-nursery-all a{ background:url(../images/bg_news_all.png) top center repeat-x; color:#333; padding-top:3px; border:none; }
.news-area .ui-tabs-nav li.news-sumire a{ border-color:#b762aa; }
.news-area .ui-tabs-nav li.news-sakura a{ border-color:#e183be; }
.news-area .ui-tabs-nav li.news-olive a{ border-color:#b3b920; }
.news-area .ui-tabs-nav li.news-anju a{ border-color:#208e59; }
.news-area .ui-tabs-nav li.news-kitamachi a{ border-color:#886a5f; }
.news-area .ui-tabs-nav li.news-yamabuki a{ border-color:#dbbc20; }
.news-area .ui-tabs-nav li.news-suzuran a{ border-color:#646a9e; }
.news-area .ui-tabs-nav li.news-sakurafuseishi a{ border-color:#ed7795; }
.news-area .ui-tabs-nav li.news-sakurakita a{ border-color:#d3467e; }
.news-area .ui-tabs-nav li.news-sakuraota a{ border-color:#d3467e; }
.news-area .ui-tabs-nav li.news-sakurafukufuku a{ border-color:#d3467e; }
.news-area .ui-tabs-nav li.news-nauraaterrace a{ border-color:#d99100; }

.news-area .ui-tabs-nav li.news-all a:hover, .news-area .ui-tabs-nav li.news-nursery-all a:hover{ color:#333; }
.news-area .ui-tabs-nav li.news-sumire a:hover,
.news-area .ui-tabs-nav li.news-sumire.ui-tabs-selected a{ background-color:#b762aa; }
.news-area .ui-tabs-nav li.news-sakura a:hover,
.news-area .ui-tabs-nav li.news-sakura.ui-tabs-selected a{ background-color:#e183be; }
.news-area .ui-tabs-nav li.news-olive a:hover,
.news-area .ui-tabs-nav li.news-olive.ui-tabs-selected a{ background-color:#b3b920; }
.news-area .ui-tabs-nav li.news-anju a:hover,
.news-area .ui-tabs-nav li.news-anju.ui-tabs-selected a{ background-color:#208e59; }
.news-area .ui-tabs-nav li.news-kitamachi a:hover,
.news-area .ui-tabs-nav li.news-kitamachi.ui-tabs-selected a{ background-color:#886a5f; }
.news-area .ui-tabs-nav li.news-yamabuki a:hover,
.news-area .ui-tabs-nav li.news-yamabuki.ui-tabs-selected a{ background-color:#dbbc20; }
.news-area .ui-tabs-nav li.news-suzuran a:hover,
.news-area .ui-tabs-nav li.news-suzuran.ui-tabs-selected a{ background-color:#646a9e; }
.news-area .ui-tabs-nav li.news-sakurafuseishi a:hover,
.news-area .ui-tabs-nav li.news-sakurafuseishi.ui-tabs-selected a{ background-color:#ed7795; }
.news-area .ui-tabs-nav li.news-sakurakita a:hover,
.news-area .ui-tabs-nav li.news-sakurakita.ui-tabs-selected a{ background-color:#d3467e; }
.news-area .ui-tabs-nav li.news-sakuraota a:hover,
.news-area .ui-tabs-nav li.news-sakuraota.ui-tabs-selected a{ background-color:#d3467e; }
.news-area .ui-tabs-nav li.news-sakurafukufuku a:hover,
.news-area .ui-tabs-nav li.news-sakurafukufuku.ui-tabs-selected a{ background-color:#d3467e; }
.news-area .ui-tabs-nav li.news-nauraaterrace a:hover,
.news-area .ui-tabs-nav li.news-nauraaterrace.ui-tabs-selected a{ background-color:#d99100; }

.news-area dl{
	margin:0;
	padding:13px 8px 11px;
	overflow:hidden;
}

.news-area dt {
	clear: left;
	float: left;
	width: 280px;
	font-size:14px;
}
.news-area dl:nth-child(2),
.news-area dl:nth-child(4),
.news-area dl:nth-child(6){ background:#eeece4; }

.news-area dt .news-code{
	font-family:"あおぞら明朝 Medium";
	text-align:center;
	line-height:1.4;
	width:90px;
	border:1px solid #333;
	margin-right:55px;
	display:inline-block;
}

.news-area dt .color-sumire{ color:#c244af; border-color:#c244af; }
.news-area dt .color-sakura{ color:#d773b2; border-color:#d773b2; }
.news-area dt .color-olive{ color:#707d00; border-color:#707d00; }
.news-area dt .color-anju{ color:#208e59; border-color:#208e59; }
.news-area dt .color-kitamachi{ color:#886a5f; border-color:#886a5f; }
.news-area dt .color-yamabuki{ color:#ceb017; border-color:#ceb017; }
.news-area dt .color-suzuran{ color:#515792; border-color:#515792; }
.news-area dt .color-nauraaterrace{ color:#d99100; border-color:#d99100; }

.news-area dt .color-sakurafuseishi{ color:#ed7795; border-color:#ed7795; }
.news-area dt .color-sakurakita{ color:#d3467e; border-color:#d3467e; }
.news-area dt .color-sakuraota{ color:#d3467e; border-color:#d3467e; }
.news-area dt .color-sakurafukufuku{ color:#d3467e; border-color:#d3467e; }

.news-area dd {
	font-size:15px;
	padding-left:330px;
}

.news-area dd a{
	color:#333;
	text-decoration:none;
}
.news-area dd a:hover{ text-decoration:underline }


/* bn-area */
.bn-area{
	padding:70px 0 30px;
	width:720px;
	margin:0 auto;
}

p.bn-image{
	float:left;
	width:234px;
	margin:0;
}

p.bn-text{
	float:right;
	width:456px;
	font-size:15px;
	color:#333;
	margin:0;
}

p.bn-text a{
	color: #333;
	text-decoration: none;
}

p.bn-text a:hover{
	text-decoration: underline;
}