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

/*--------------------------------------

こだわり教育・保育特集(search/fav_spl.php)

--------------------------------------*/

/*--------------------------------------
全体の枠
--------------------------------------*/
.enlist_background{
	margin-top:30px;
	background-color: #FFFFFF;
	padding-bottom:70px;
}
.enlist2_wrap{
	width:1127px;
	margin:0 auto;
}
.enlist2_wrap .enlist2_sidebar,
.enlist2_wrap .enlist2_contents{
	color:#3E3A39;
}
/*--------------------------------------
パンくずリスト
--------------------------------------*/
.breadcrumb{
	width:1080px;
	margin:23px auto 0 auto;
	font-size:14px;
}
.breadcrumb li{
	display:inline-block;
	position: relative;
	vertical-align:bottom;
}
.breadcrumb li:after{
	content:'>';
	position: relative;
	margin-left:10px;
	margin-right:10px;
}
.breadcrumb li:last-child:after{
	content:'';
}
/*--------------------------------------
サイドバー
--------------------------------------*/
.enlist2_wrap .enlist2_sidebar{
	width: 207px;
	float: left;
	background-color: #ceedef;
	padding-bottom:27px;
}
.enlist2_wrap .enlist2_sidebar h4{
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	height: 25px;
	line-height:1.5;
}
.enlist2_wrap .enlist2_sidebar h3{
	width: 137px;
    height: 50px;
    line-height: 55px;
    background: #c0e1e2;
    border-radius: 3px 3px 0 0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    position: relative;
    text-align: left;
    padding-left: 70px;
}

.enlist2_sidebar h3::before{
    width: 207px;
    height: 5px;
    background: #72c6cf;
    border-radius: 3px 3px 0 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.enlist2_sidebar h3 span{
    width: 207px;
    position: relative;
    display: block;
}

.enlist2_sidebar h3 span::before{
    width: 25px;
    height: 25px;
    background: url("../search/img/fav_spl/search-icon.svg") no-repeat 0 0/100%;
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: -35px;
}

.enlist2_sidebar ul{
	margin:0 0 0 20px;
}
.enlist2_sidebar ul li{
	display:inline-block;
	margin-top:8px;
}
/*-------------------
エリア
-------------------*/
.title01{
	margin-top: 22px;
	margin-right: 22px;
	padding-bottom:4px;
	border-bottom: solid 1px #E2D8B4;
	background-image: url("../search/img/fav_spl/side_bar_icon01.svg");
	background-repeat: no-repeat;
	padding-left: 30px;
	color:#3C3B39;
}

/*セレクトフォーム*/
.alma_mater{
	margin: 8px 0 0 20px;
	background-color: #fff;
	width: 168px;
	height: 38px;
	border: solid 1px #C7C7C7;
	border-radius: 3px;
	cursor: pointer;
	background-image: url("../search/img/fav_spl/select_gr.svg");
	background-repeat: no-repeat;
	background-position: right center;
}

/*検索ボタン*/
.alma_mater_btn{
	margin: 9px 0 0 20px;
	width: 170px;
	height: 40px;
    line-height: 40px;
	background: #72c6cf url("../img/living_spl/search-icon-w.svg")no-repeat 10px 50%/10%;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.alma_mater_btn:hover{
    background: #f7a9a4 url("../img/living_spl/search-icon-w.svg")no-repeat 10px 50%/10%;
    transition: all .4s ease;
}

/*-------------------
開催日程
-------------------*/
.title02{
	margin-top: 28px;
	margin-right: 22px;
	padding-left: 30px;
	padding-bottom: 4px;
	border-bottom: solid 1px #E2D9B2;
	background-image: url("../img/living_spl/side_bar_icon02.svg");
	background-repeat: no-repeat;
	color: #3C3B39;
}

/*--------------------------------------
コンテンツ
--------------------------------------*/
.enlist2_wrap .enlist2_contents{
	width:896px;
	float:right;
}

.enlist2_contents h3{
    width: 896px;
    height: 290px;
}

.enlist2_contents h3 img{
    width: 100%;
    object-fit: cover;
}

.enlist2_wrap .enlist2_contents .enlist_title{
	text-align:center;
	margin-top:48px;
}

.subtitle-wrap{
    width: 896px;
    background: #E8F9F9;
    text-align: center;
    line-height: 25px;
    margin: 20px 0 0 0;
    padding: 20px 0;
}

.enlist-message{
    height: 50px;
    font-size: 15px;
    line-height: 25px;
    margin: 5px 15px 0 15px;
}

/*-------------------
ページャー
-------------------*/
.result_pager_wrap{
	margin-top:35px;
}
.result_pager_wrap .result{
	float:left;
	margin-top:9px;
}
.result_pager_wrap .result span{
	font-weight:bold;
	color: #5CD1AB;
}
.result_pager_wrap .pager{
	float:right;
}
.pager{
	widht: 300px;
	height: 27px;
	text-align:center;
	line-height:2;
	background-color:#E6E4E5;
	font-size:15px;
	padding:5px 13px;
	line-height:2;
}
.pager li{
	display:inline-block;
	padding-right:3px;
}
.pager li:first-child{
	color: #9F9F9F;
	background-image: url(../img/enlist/back_arrow_ov.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left top 8px;
}
.pager li:last-child{
	background-image: url(../img/enlist/next_arrow_ov.png);
	background-repeat: no-repeat;
	background-position: right top 8px;
	padding-right: 15px;
}
.pager .current span{
	color: #5CD1AB;
	background-color:#fff;
	padding:0 3px;
}
.pager .nolink{
	color: #9F9F9F;
}
.pager li:first-child:after{
	margin-left:10px;
	content:'|';
	color:#000;
}
.pager li:last-child:before{
	margin-right:10px;
	content:'|';
	color:#000;
}
/*-------------------
園見学一覧
-------------------*/
.enlist_wrap{
	width:896px;
	margin-top:7px;
}
.enlist_wrap a{
	display:block;
}
.enlist_wrap section{
	width:437px;
	height:325px;
	background-color:#fff;
	border-radius:3px;
	border: 1px solid #E2E0E0;
	margin-top:20px;
}
.enlist_wrap section h4 {
    height: 62px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	padding-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	display:table;
	
}
.enlist_wrap section h4 .facility,
.enlist_wrap section h4 .en_name,
.enlist_wrap section h4 .en_name_long{
	/*display: inline-block;*/
	display:table-cell;
	vertical-align: middle;
}
.enlist_wrap section h4 .facility{
	padding-right:10px;
}
.enlist_wrap section h4 .en_name{
	padding-right:10px;
}
.enlist_wrap section h4 .en_name_long{
	font-size: 16px;
	padding-right:10px;
}
.enlist_wrap a:nth-child(odd){
	float:left;
}
.enlist_wrap a:nth-child(even){
	float:right;
}
.enlist_wrap section .detail_wrap{
	margin-top:25px;
}
.enlist_wrap section .detail_wrap .img{
	float:left;
	margin-left:20px;
	/*display:table-cell;*/
	width:210px;
	height:156px;
	/*text-align:center;
	vertical-align:middle;*/
	overflow:hidden;
	position:relative;
	
}
.enlist_wrap section .detail_wrap .img img{
	/*width:auto;
	height:auto;
	max-width:210px;
	max-height:156px;
	vertical-align:middle;*/
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:210px;
	height:156px;
}
.enlist_wrap section .detail_wrap .text{
	float:right;
	margin-right:20px;
}
.enlist_wrap section .detail_wrap .text .access{
	font-size:14px;
	background: url("../search/img/fav_spl/side_bar_icon01.svg") no-repeat 0% 50%/9%;
	padding-left: 25px;
	height: 29px;
	line-height:1.7;
	margin:7px 0 0 0;
}
.enlist_wrap section .detail_wrap .text .date{
	font-size:14px;
	background: url("../img/living_spl/side_bar_icon02.svg") no-repeat 0% 50%/9%;
	padding-left: 25px;
	height: 28px;
	line-height:1.7;
	margin-top:12px;
}
.enlist_wrap section .detail_wrap .text .date span{
	font-size:15px;
}
.enlist_wrap section .detail_wrap .text .btn{
	width: 167px;
    height: 40px;
    text-align: center;
    background-color: #72c6cf;
    margin: 40px auto 0 auto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 40px;
    color: #fff;
    border-radius: 100px;
    text-indent: -10px;
}
/*--------------------------------------
園見学の前に確認したいこと
--------------------------------------*/
.encheck_background{
	background-color: #F2FFFA;
	padding: 45px 0;
}
.encheck_contents{
	width: 1080px;
    display: flex;
    justify-content: space-between;
	margin: 0 auto;
}

.encheck_contents article{
    width: 860px;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 auto;
}

.encheck_contents a{
    width: 420px;
}

.encheck_contents a img{
    width: 100%;
}

.box_wrap{
	width:896px;
	margin-left:227px;
	margin-top:25px;
}
.tel_point{
	float:left;
}
.tel_point .text h5,
.visit_point .text h5{
	font-size: 18px;
	color: #1BABB4;
	font-weight: bold;
	line-height:1.4;
}
.tel_point .text p,
.visit_point .text p{
	font-size:14px;
	margin-top:25px;
	line-height:1.4;
}
.visit_point{
	float:right;
}
.tel_point section,
.visit_point section{
	background-color:#fff;
	width:437px;
	height:209px;
	border-radius:3px;
	box-shadow:0 4px 10px #999;
}
.tel_point section .img,
.visit_point section .img{
	float:left;
	margin-top:20px;
	margin-left:20px;
}
.tel_point section .text,
.visit_point section .text{
	float:right;
	width:200px;
	margin-top:25px;
	margin-right:20px;
}
/*--------------------------------------
フッターバナー一覧
--------------------------------------*/
.footer_banner{
	clear:both;
	background-color: #DDFBFD;
	padding:30px 0;
}
.footer_banner ul{
	width:1120px;
	margin:0 auto;
}
.footer_banner ul li{
	float:left;
	margin-right:20px;
}
.footer_banner ul li:last-child{
	margin-right:0;
}