@charset "utf-8";

/* ==================================================
contents
================================================== */
/* ==================================================
Start Slick Main Visual PC
================================================== */
#tmp_main_visual{
	position: relative;
	overflow: hidden;
	padding: 50px 0 27px;
	margin-bottom: 72px;
	background: transparent url(/shared/templates/school_jh_top/images/main/bg_mainvisual.jpg) no-repeat top left;
	background-size: cover;
}
#tmp_main_visual:before {
	content: '';
	display: block;
	position: absolute;
	width: 478px;
	height: 595px;
	background: transparent url(/shared/site_school/images/icon/img_book.png) no-repeat top left;
	top: -42px;
	left: 0px;
}
#tmp_main_visual:after {
	content: '';
	display: block;
	position: absolute;
	width: 1129px;
	height: 486px;
	right: 50%;
	background: transparent url(/shared/site_school/images/icon/img_school.png) no-repeat top left;
	transform: translateX(115%);
	-moz-transform: translateX(115%);
	-webkit-transform: translateX(115%);
	bottom: -18px;
}
#tmp_main_visual .slick_slides {
	visibility: hidden;
	opacity: 0;
}
#tmp_main_visual .slick_slides.slick-initialized {
	visibility: visible;
	opacity: 1;
}
#tmp_main_visual .container{
	position: relative;
}
#tmp_main_visual .slick_control{
	position: relative;
	z-index: 0;
	text-align: center;
	margin-top: 8px;
}
#tmp_main_visual .slick-dots{
	padding-right: 5px;
	max-width: 205px;
}
#tmp_main_visual .slick-dots,
#tmp_main_visual .descript_text,
#tmp_main_visual .descript_text a,
#tmp_main_visual .btn_ctl{
	display: inline-block;
	vertical-align: middle;
}
#tmp_main_visual .descript_text{
	position: absolute;
	bottom: 13px;
	right: 306px;
	z-index: 100;
	padding-left: 15px;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	line-height: 1.4;
}
#tmp_main_visual .slick-current .descript_text,
#tmp_main_visual .slick-active .descript_text{
	opacity: 1;
	visibility: visible;
}
#tmp_main_visual .descript_text,
#tmp_main_visual .descript_text a{
	font-size: 100%;
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
}
#tmp_main_visual .descript_text a:hover,
#tmp_main_visual .descript_text a:focus{
	text-decoration: none;
}
#tmp_main_visual .btn_slides{
	position: relative;
	margin-right: 14px;
	padding: 4px 5px 1px 5px;
	line-height: 1;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	text-transform: uppercase;
	border: 1px solid #015a9f;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	min-width: 64px;
	text-align: center;
}
#tmp_main_visual .btn_slides a{
	text-decoration: none;
	line-height: 1;
	display: inline-block;
	color: #000000;
	background-color: #ffffff;
}
#tmp_main_visual .btn_slides a span{
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}
#tmp_main_visual .btn_slides.stop span,
#tmp_main_visual .btn_slides.start span {
	color: #000000;
	background: transparent;
}
#tmp_main_visual .btn_slides span{
	z-index: 10;
	text-indent: 0;
}
#tmp_main_visual .main_visual_gallery {
	position: relative;
	z-index: 2;
	max-width:1600px;
	margin:0 auto;
	overflow:hidden;
}
#tmp_main_visual .slick-list{
	overflow: visible;
}
#tmp_main_visual .gallery_slide{
	position: relative;
}
#tmp_main_visual .gallery_slide img{
	margin: 0 auto;
	display: block;
	width: 92%;
	height: auto;
	border: 1px solid #ffffff;
}
#tmp_main_visual .visual_caption,
#tmp_main_visual .visual_caption_catch{
	position: absolute;
	left: 0;
	padding: 7px 25px 2px 20px;
	opacity: 0;
	visibility: hidden;
	color: #333333;
	background: #ffffff url(../img/front/bg_caption_slider.png) no-repeat scroll right center;
	background-size: contain;
	-webkit-background-size: contain;
	border-left: 6px solid #00809b;
}
#tmp_main_visual .visual_caption{
	top: 36px;
}
#tmp_main_visual .visual_caption_catch{
	top: 97px;
}
#tmp_main_visual .slick-current .visual_caption,
#tmp_main_visual .slick-active .visual_caption,
#tmp_main_visual .slick-current .visual_caption_catch,
#tmp_main_visual .slick-active .visual_caption_catch{
	opacity: 1;
	visibility: visible;
}
#tmp_main_visual .visual_caption p,
#tmp_main_visual .visual_caption_catch p{
	font-size: 228.5%;
	line-height: 1.3;
}
#tmp_main_visual .slick-current,
#tmp_main_visual .slick-active{
	position: relative;
	z-index: 50;
}
#tmp_main_visual .slick-current img,
#tmp_main_visual .slick-active img{
	opacity: 1;
}
#tmp_main_visual .slick-prev,
#tmp_main_visual .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-80%);
	z-index: 100;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	border: none;
}
#tmp_main_visual .slick-prev{
	left: 0;
	right: 62%;
	margin: auto;
}
#tmp_main_visual .slick-next{
	left: 0;
	right: -60%;
	margin: auto;
}
#tmp_main_visual .slick-next:focus,
#tmp_main_visual .slick-prev:focus{
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
#tmp_main_visual .slick-next:hover img,
#tmp_main_visual .slick-prev:hover img{
	opacity:0.8;
}
#tmp_main_visual .slick-dots li a {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	position: relative;
	width: 18px;
	height: 18px;
	padding: 0;
	top: 1px;
	cursor: pointer;
	border: 0;
	outline: none;
	color: #ffffff;
	background-color: #015a9f;
	border: 3px solid #015a9f;
	text-indent: -1987em;
}
#tmp_main_visual .slick-dots li a:hover,
#tmp_main_visual .slick-dots li :focus,
#tmp_main_visual .slick-dots .slick-active a{
	color: #000000;
	background-color: #ffffff;
}
#tmp_main_visual .slick-dots li a span{
	width: 12px;
	height: 12px;
	padding: 0;
	display: block;
	position: relative;
	z-index: -1;
	text-indent: -9999px;
}
/* ==================================================
End Slick Main Visual PC
================================================== */
/* ==================================================
Page Content
================================================== */
#tmp_contents  h2 {
	position: relative;
	font-family:"游明朝", "Yu Mincho", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	text-align: center;
	font-size: 150%;
}
#tmp_contents h2:before,
#tmp_contents h2:after {
	content: '';
	position: relative;
	display: inline-block;
	width: 112px;
	height: 4px;
	background: transparent url(/shared/templates/school_jh_top/images/main/ttl_before.png) no-repeat top left;
}
#tmp_contents h2:before {
	top: -6px;
	margin-right: 29px;
}
#tmp_contents h2:after {
	top: -6px;
	margin-left: 34px;
}
#tmp_contents #tmp_notice {
	margin-bottom: 90px;
	padding-top: 8px;
}
#tmp_contents .list_item,
#tmp_contents ul {
	list-style: none;
	margin-top: 30px;
}
#tmp_contents .list_item li,
#tmp_contents ul li {
	border-bottom: 1px solid #d9d7d7;
	background: #ffffff url(/shared/site_school/images/icon/icon_news.png) no-repeat 0 35px;
	padding: 27px 10px 21px 31px;
}
#tmp_contents .list_item li a,
#tmp_contents ul li a {
	color: #000000;
}
#tmp_page_cnt #tmp_contents #tmp_notice li a:hover,
#tmp_page_cnt #tmp_contents #tmp_notice li a:focus,
#tmp_page_cnt #tmp_contents #tmp_notice li a:active {
	text-decoration:none;
}
#tmp_page_cnt #tmp_contents .list_btn {
	text-align: center;
	margin-top: 35px;
}
#tmp_page_cnt #tmp_contents .list_btn a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000000;
	border: 1px solid #4c92c9;
	letter-spacing: 0.1px;
	background: #ffffff url(/shared/site_school/images/icon/icon_arrow.png) no-repeat center right 18px;
	padding: 7px 54px 4px 40px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#tmp_contents .list_btn a:hover,
#tmp_contents .list_btn a:focus,
#tmp_contents .list_btn a:active {
	background: #ebf6f8 url(/shared/site_school/images/icon/icon_arrow_blue_hv.png) no-repeat center right 12px;
}
#tmp_contents .list_btn a:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 40px;
	background: #ffffff url(/shared/templates/school_jh_top/images/main/bg_btn.png) no-repeat top left;
	z-index: -1;
	top: 3px;
	left: 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	overflow: hidden;
}
#tmp_contents #tmp_news .list_item li {
	padding: 24px 0 23px 31px;
	color: #000000;
	background: transparent url(/shared/site_school/images/icon/icon_news.png) no-repeat 0 34px;
}
#tmp_contents #tmp_news .list_item li:last-child {
	padding: 27px 0 27px 31px;
	background: transparent url(/shared/site_school/images/icon/icon_news.png) no-repeat 0 36px;
}
#tmp_contents #tmp_news .list_item li span {
	/* float: left; */
	/* display: block; */
	/* width: 120px; */
	display: inline-block;
}
#tmp_contents #tmp_news .list_item li a {
	/* display: block; */
	display: inline-block;
	color: #000000;
	padding: 0;
	margin-left: 10px;
	margin-right: -5px;
}
#tmp_contents #tmp_news .list_item li a:hover,
#tmp_contents #tmp_news .list_item li a:focus,
#tmp_contents #tmp_news .list_item li a:active {
	background-color: #ffffff;
	text-decoration: none;
}
#tmp_contents #tmp_news .list_item li:last-child a {
	background: none;
}
#tmp_contents #tmp_news .list_item li:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
/* ==================================================
No Javascript
================================================== */
.no_javascript #tmp_main_visual .main_visual_gallery{
	max-height: 390px;
	overflow-y: auto;
}
.no_javascript #tmp_main_visual .gallery_slide{
	margin-bottom: 20px;
}
.no_javascript #tmp_main_visual .gallery_slide img{
	width: auto;
}
.no_javascript #tmp_main_visual .slick_slides {
	visibility: visible;
	opacity: 1;
}
/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}