@charset "utf-8";
/* ===================================================================
CSS information

 file name  :cam_jr.css
 author	 :Ability Consultant
 style info :各村用、基本施設共通css
=================================================================== */
#contents .wrp_main{
	background: #fff;
}
.topicpath{
	margin-bottom: 0;
}


.intro{
	overflow: hidden;
}
.intro .map{
	text-align: center;
	padding: 74px 0 96px;
}


.con_fac{
	overflow: hidden;
	padding-bottom: 90px;
}
.con_fac h3{
	text-align: center;
	padding-bottom: 45px;
}
.con_fac .box_txt{
	width: 800px;
	background: #f1f3f2;
	padding: 20px;
	margin:0 auto;
}

.con_fac .box_bn ul{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
}
.con_fac .box_bn ul li:first-child{
	margin-right: 20px;
}
.con_fac .box_bn a{
	color: #3e3e3e;
}


.con_plan{
	overflow: hidden;
	margin-bottom: 30px;
}
.con_plan h3{
	text-align: center;
	padding-bottom: 30px;
}
.con_plan .txt_notice {
	text-align: center;
	margin-bottom:20px;
}
.con_plan .box_plan{
	overflow: hidden;
	width: 93.65%;
	margin: 0 auto 50px;
}
.con_plan .box_movie {
	margin-top: 120px;
}
.con_plan .box_plan .box_l{
	float: left;
	width: 44.23%;
}
.box_plan .box_l .txt_movie{
	position: absolute;
	margin-top: -70px;
	margin-left: -3px;
}
.con_plan .box_plan .box_l .view_pc{
	margin-left: 15px;
}

@media (max-width: 1199px){
	.con_plan .box_plan .box_l .view_pc{
		position: absolute;
		margin-top: -70px;
		margin-left: -16px;
		display: none;
	}
}
@media (min-width: 1200px){
	.con_plan .box_plan .box_l .view_tab{
		position: absolute;
		margin-top: -70px;
		margin-left: -16px;
		display: none;
	}
}
.con_plan .box_plan .box_l .photo{
	padding-bottom: 8px;
}
.con_plan .box_plan .box_l .bt_box{
	overflow: hidden;
}
.con_plan .box_plan .box_l .bt_box .img{
	float: left;
	width: 30.71%;
}
.con_plan .box_plan .box_l .bt_box .box_txt{
	float: right;
	width: 68.71%;
}
.con_plan .box_plan .box_l .bt_box .box_txt h4{
	padding: 25px 0 20px;
}
.con_plan .box_plan .box_l .bt_box .box_txt  .txt{
	font-size: 14px;
	line-height: 1.3;
}
.con_plan .box_plan .box_r{
	float: right;
	width: 50.67%;
	margin:0 0 50px;
}
.con_plan .box_plan .box_r .txt_01{
	padding: 74px 0 38px;
}
.con_plan .box_plan .box_r .txt_01 img{
	max-width: 595px;
}
.con_plan .box_plan .box_r .txt_01_1{
	padding: 0px 0 38px;
}
.con_plan .box_plan .box_r .txt_01_1 img{
	max-width: 595px;
}
.con_plan .box_plan .box_r .box_price{
	overflow: hidden;
	padding-bottom: 47px;
}
.con_plan .box_plan .box_r .box_price .price{
	padding-top: 15px;
	font-size: 26px;
	font-weight: bold;
}
.con_plan .box_plan .box_r .box_price .price p{
	font-size: 27.33px;
	display: inline-block;
	vertical-align: middle;
	background: url(../jr/images/bg_price.png) no-repeat bottom;
	line-height: 1;
}
.con_plan .box_plan .box_r .box_price .price p span{
	font-size:16px;
}
.con_plan .box_plan .box_r .box_price .price em{
	color: #ff9536;
	font-size: 47.76px;
}

.con_plan .box_plan .box_r .box_happy{
    border: 1px solid #a04c09;
    width: 320px;
    border-radius: 8px;
    margin-top: 50px;
}
.con_plan .box_plan .box_r h4{
	text-align: center;
    height: 30px;
    line-height: 34px;
    background-color: #ef7900;
    border-radius: 8px 8px 0 0;
    color: yellow;
    font-size: 20px;
}
.con_plan .box_plan .box_r ul{
	background: #ffffdb;
    border-radius: 8px;
    padding: 7px;

}
.con_plan .box_plan .box_r ul li{
	color: #ef7900;
}

.con_plan .box_plan .box_r ul li.txt_black{
	color: #000;
}
.con_plan .box_plan .box_r .box_happiness{
	margin-top: 35px;
}


.con_plan .box_plan .box_r .btn{
	width:311px;
	margin:43px auto 0;
}
.con_plan .box_plan .box_r .btn a{
	display: block;
}
.con_plan .box_plan .box_r .btn span{
	padding-top: 5px;
	font-size: 16px;
}
.con_plan .box_plan .txt_course{
	text-align: center;
}
.con_plan .box_plan .txt_course img{
	width:1122px;
	margin:30px auto 50px;
}
.box_pamphlet a{
	display: block;
	width: 200px;
	margin: 30px auto 0;
} 
.box_pamphlet img{
	width: 100%;
}
.box_pamphlet p{
	text-align: center;
	margin-top: 0.3em;
}

/*▼追加*/
.btn_plan{
	margin: -15px auto 10px;
	text-align: center;
	width: 311px;
}
.btn_plan span{
	font-size: 13px;
	text-align: left;
	display: block;
}

ul #panel_2{
	margin-top: -67px;
}
ul #panel_3{
	margin-top: -67px;
}