@charset "UTF-8";
#top .header{
	background: #FFF;
}
#top .header .hed_bg{
	bottom: -30px;
	/* padding-bottom: 12%; */
}
#top .header .hed_inner{
	margin-bottom: -20px;
}
#top .footer .sp_bkimg{
	background-color: #EEE;
}
@media screen and (min-width: 750px){
	#top .header .hed_bg{
		bottom: -80px;
	}
	#top .header .hed_inner{
		margin-bottom: -70px;
	}
	#top .footer{
		background-color: #EEE;
	}
}
@media screen and (min-width: 1366px){
	#top .hed_bg{
		padding-bottom: 0;
	}
}

/* calender-fixed-button */
.calender-fixed-button{
	display: none;
}
@media screen and (min-width: 1366px){
	.calender-fixed-button{
		position: fixed;
		z-index: 10;
		left: 0;
		bottom: 20px;
		display: block;
		width: 98px;
		background: #FFF;
		border-radius: 0 8px 8px 0;
	}
}

/* -------------------------------
	slick
*/
/* arrow */
.slick-prev{
	left: -9px;
}
.slick-next {
    right: -14px;
}
.slick-prev,
.slick-next{
	top: 42%;
}
.slick-prev:before,
.slick-next:before{
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	margin: auto;
	border-top: 3px solid #E31B13;
	border-right: 3px solid #E31B13;
	opacity: 1;
}
.slick-prev:hover:before,
.slick-next:hover:before{
	opacity: 0.8;
}
.slick-prev:before{ transform: rotateZ(-135deg);}
.slick-next:before{ transform: rotateZ(45deg);}

/* dots */
.slick-dots li{
	width: 12px;
	height: 12px;
	margin: 0 9px;
}
.slick-dots li button{
	width: 100%;
	height: 100%;
	padding: 0;
	border: 2px solid #E31B13;
	border-radius: 100px;
	background: #FFF;
}
.slick-dots li.slick-active button{
	background: #E31B13;
}
.slick-dots li button:before{
	content: none;
}
@media screen and (min-width: 750px) {
	.slick-dots li{
		width: 10px;
		height: 10px;
		margin: 0 5px;
	}
} /*  (min-width: 750px)  */


/* -------------------------------
	main
*/

/* --- #slider-topimg --- */
/* #slider-topimg{
	font-size: 0;
}
#slider-topimg .slick-slide img{
	width: 100%;
	max-width: none;
} */
/* #slider-topimg .slick-slide picture{ */
#slider-topimg .slick-slide .imgset{
	overflow: hidden;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 320px;
	max-height: 620px;
}
/* #slider-topimg .slick-slide picture img,
#slider-topimg .slick-slide picture source{ */
#slider-topimg .slick-slide .imgset img{
	width: auto;
	max-width: none;
	height: 100%;
}

#slider-topimg .web_trainingu_area .txt_box{
	flex: 0 1 60%;
	padding: 30px 2.5%;
	background: #E31B13;
	color: #fff;
}
#slider-topimg .txt_box .maintil_area .sub_til{
	position: relative;
	display: inline-block;
	padding: 7px 25px 6px 55px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	border-radius: 50px;
	background: #9F130D;
}
#slider-topimg .txt_box .maintil_area .sub_til span{
	display: inline-block;
	margin-right: 10px;
}
#slider-topimg .txt_box .maintil_area .sub_til span:last-child{
	margin-right: 0;
}
#slider-topimg .txt_box .maintil_area .sub_til:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	width: 25px;
	height: 25px;
	background: url(../../shared/images/ico_online.png) center / cover no-repeat;
}
#slider-topimg .txt_box .maintil_area .title{
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
}
#slider-topimg .txt_box .maintil_area .period{
	font-size: 18px;
	font-weight: bold;
}
#slider-topimg .txt_box .maintil_area .period b{
	padding: 0 4px;
	font-size: 27px;
}
#slider-topimg .txt_box .maintil_area .period span{
	line-height: 1.6;
}
#slider-topimg .txt_box .maintil_area .period span{
	display: inline-block;
}
#slider-topimg .txt_box hr{
	border-top: 2px solid #fff;
    margin: 9px 0 22px;
}
#slider-topimg .txt_box .target_area{
	margin-bottom: 15px;
}
#slider-topimg .txt_box .target_area .sub_txt{
	font-size: 14px;
	margin-bottom: 10px;
}
#slider-topimg .txt_box .target_area .atten{
	display: inline-block;
	padding: 5px 13px 3px;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
    border: 2px solid #fff;
    background: #9F130D;
}
#slider-topimg .txt_box .target_area b{
	display: block;
	line-height: 1.6;
}
#slider-topimg .txt_box .target_area b span{
	display: inline-block;
}

#slider-topimg .txt_box .copy_area{
	margin-bottom: 20px;
}
#slider-topimg .txt_box .copy_area .txt{
	line-height: 1.6;
    margin-bottom: 6px;
}
#slider-topimg .txt_box .copy_area .sub_txt{
	font-size: 12px;
	line-height: 1.6;
}

#slider-topimg .txt_box .more_btn{
	display: block;
    padding: 17px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 50px;
    color: #E31B13;
    background: #fff;
}
#slider-topimg .txt_box .more_btn img{
	display: inline-block;
	max-width: 25px;
    margin-right: 10px;
    vertical-align: middle;
}

#slider-topimg .web_trainingu_area .img_box{
	padding-top: 40vh;
	flex: 0 0 40%;
	background: url(../../images/img_main03.jpg) center / cover no-repeat;
}


.topimg-wrap {
	position: relative;
	background: #F3FAFD;
}
.overimg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	/* width: 50%; */
	max-width: 180px;
	max-height: 100%;
	margin: auto;
}

/* --- title-area --- */
.title-area{
	position: relative;
    margin-bottom: 10px;
    padding: 6px 10px;
}
.title-area .title{
	font-weight: bold;
	font-size: 2.4rem;
}
.title-area .title img{
	height: 48px;
	width: 51px;
	vertical-align: -12px;
	margin-right: 14px;
}
.title-area .link{
	display: none;
}

/* --- headbanner-area --- */
.headbanner-area{
	padding: 0 0 60px;
}
.headbanner-area #slider-topbanner{
	width: 88%;
	max-width: 1225px;
	margin: 0 auto;
}
.headbanner-area #slider-topbanner img{
	margin: 0 auto;
	border: 1px solid #CCC;
	box-shadow: 5px 5px #CCC;
}
.headbanner-area #slider-topbanner .slick-track{
	padding-bottom: 3px;
}
.headbanner-area #slider-topbanner .slick-list{
	padding-bottom: 25px;
}
.headbanner-area #slider-topbanner .slick-slide{
	padding: 0 10px;
}
.headbanner-area #slider-topbanner .slick-dots{
	bottom: 0;
}

/* --- main-group --- */
.main-group{
	padding: 65px 0 60px;
	background: #EEE;
}
.main-group .inner{
	width: 95%;
	max-width: 1180px;
	margin: 0 auto;
}

/* --- notification-group --- */
.notification-group{
	margin-bottom: 50px;
}

/* title-area */
.notification-group .title-area{
	margin-bottom: 4px;
	padding: 6px 10px 8px;
}
.notification-group .title-area .title img{
	height: 36px;
	width: 40px;
	vertical-align: -9px;
	margin-right: 10px;
}


/* tab-area */
.notification-group .tab-area{
	display: none;
}

/* select-area */
.notification-group .select-area{
	position: relative;
	display: block;
	margin-bottom: 25px;
	cursor: pointer;
}
.notification-group .select-area select{
	-webkit-appearance: none;/* Chrome、Safari */
	-moz-appearance: none;	/* Firefox */
	appearance: none;
	width: 100%;
	padding: 14px 45px 12px 25px;
	border: 1px solid #FFF;
	outline: none;
	background: #E31B13;
	font-weight: bold;
	font-size: 1.6rem;
	color: #FFF;
	cursor: pointer;
}
.notification-group .select-area select::-ms-expand { display: none;}
.notification-group .select-area:before{
	content: "";
	position: absolute;
	top: 0;
	right: 25px;
	bottom: 6px;
	display: block;
	width: 10px;
	height: 10px;
	margin: auto;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotateZ(135deg);
	pointer-events: none;
}

 /* list-area */
.notification-group .list-area{
	padding: 0 0 30px;
	background: #FFF;
}
.notification-group .list-area .list-wrap{
	width: 90%;
	margin: 0 auto;
}
.notification-group .list-area .list-wrap.dispno{
	display: none;
}
.notification-group .list-area .list-wrap li{
	border-bottom: 1px solid #DDD;
}
.notification-group .list-area .list-wrap .noshce{
	padding-top: 30px;
	border: none;
}
.notification-group .list-area .list-wrap a{
	display: block;
	padding: 20px 0 10px;
	line-height: 1.4;
	color: #333;
}
.notification-group .list-area .list-wrap .no-msg{
	padding: 40px 0 20px;
	text-align: center;
}

/* list-area label */
.notification-group .list-area .label-date,
.notification-group .list-area .label-area,
.notification-group .list-area .label-info{
	flex: 1 0 auto;
	width: 100%;
	max-width: 150px;
	margin-right: 10px;
	/* padding: 5px; */
	padding: 2px 5px 0;
	text-align: center;
	font-size: 14px;
}
.notification-group .list-area .label-date{
	font-weight: bold;
	padding-left: 0;
	/* color: #AAA; */
	color: #333;
}
.notification-group .list-area .label-area{
	background: #F2F9F5;
	color: #E31B13;
	padding-top: 3px;
	padding-bottom: 1px;
}
.notification-group .list-area .label-area.seibu{
	background: #EFF8FD;
	color: #219BD9;
}
.notification-group .list-area .label-area.chubu{
	background: #FEF4E9;
	color: #F2800C;
}
.notification-group .list-area .label-area.tobu{
	background: #FDEFEE;
	color: #E31B13;
}
.notification-group .list-area .label-info{
	margin-right: 16px;
	border: 1px solid #E31B13;
	text-align: center;
	color: #E31B13;
}

/* list-area label-group */
.notification-group .list-area .label-group{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 1 1 100%;
	margin-top: 8px;
	line-height: 1.8;
}
.notification-group .list-area .label-group p{
	margin-bottom: 6px;
}
.notification-group .list-area .label-group .label-eventdate{
	flex: 1 1 auto;
	display: inline;
	margin-right: 1em;
	padding-top: 1px;
	font-weight: bold;
	/* color: #AAA; */
}
.notification-group .list-area .text{
	line-height: 1.8;
}
.notification-group .list-area a:hover .text{
	text-decoration: underline;
}

/* list-area button */
/* .notification-group .list-area .button{
	width: 90%;
	max-width: 400px;
	margin: 30px auto 0;
	border: 2px solid #E31B13;
	border-radius: 30px;
	background: #FFF;
	text-align: center;
	font-weight: bold;
}
.notification-group .list-area .button a{
	display: block;
	padding: 16px;
	color: #333;
}
.notification-group .list-area .button a:hover{
	opacity: 1;
	color: #219BD9;
}
.notification-group .list-area .button img{
	vertical-align: -4px;
	margin-right: 6px;
} */
.notification-group .link{
	display: block;
	margin: 20px 40px 0;
	text-align: right;
	font-weight: bold;
}
.notification-group .link a{
	color: #333;
}
.notification-group .link img{
	vertical-align: -4px;
	margin-right: 6px;
}


/* --- movie-group --- */
.movie-group{
	width: 100%;
}

/* movie-content */
.movie-group .movie-content{
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #AAA;
}
.movie-group .movie-content iframe{
	width: 100%;
	min-height: 320px;
}
.movie-group .movie-content .title{
	margin-top: 16px;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.6;
}
.movie-group .movie-content .text{
	margin-top: 12px;
	font-size: 1.4rem;
	line-height: 1.6;
	color: #AAA;
}

/* button */
.movie-group .button{
	max-width: 400px;
	margin: 30px auto 70px;
	border: 2px solid #E31B13;
	border-radius: 30px;
	background: #FFF;
	text-align: center;
	font-weight: bold;
}
.movie-group .button a{
	display: block;
	padding: 16px;
	color: #333;
}
.movie-group .button img{
	vertical-align: -4px;
	margin-right: 6px;
}

/* --- twitter-group --- */
.twitter-group{
	width: 100%;
}


.calendar-group .title-area .text{
    margin-top: 14px;
    font-size: 14px;
}
.calendar-group .calender-area{
    padding: 20px 3%;
    background: #FFF;
}
.calendar-group .calender-area iframe{
	width: 100%;
}


/* --- map-area （現在は存在しない）--- */
/* .map-area{
	position: relative;
	background: #E0E0E0 url(/images/img_shibu_map.jpg) no-repeat center bottom 0 / auto 80%;
	height: 400px;
}
.map-area .map-area-inner{
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 1300px;
	width: 95%;
	margin: auto;
}
.map-area .title-wrap{
	margin-top: 25px;
}
.map-area .title-wrap img{
	height: 38px;
}
.map-area .title-wrap .title{
	display: inline-block;
	font-weight: bold;
	font-size: 2.4rem;
}
.map-area .title-wrap .title span{
	display: block;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 1.4rem;
	color: #E31B13;
} */
/* .map-area .shibu-link{
	display: inline-block;
	border-radius: 30px;
	background: #FFF;
	box-shadow: 2px 2px 6px rgba(0,0,0,.16);
	text-align: center;
	font-weight: bold;
	font-size: 2rem;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 145px;
	height: 45px;
}
.map-area .shibu-link.seibu{ top: 210px; right: 170px;}
.map-area .shibu-link.chubu{ top: -30px; left: -40px;}
.map-area .shibu-link.tobu{ top: 100px; left: 190px;}

.map-area .shibu-link svg{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.map-area .shibu-link.seibu svg{ fill: #42AFE3;}
.map-area .shibu-link.chubu svg{ fill: #F2800C;}
.map-area .shibu-link.tobu svg{ fill: #E31B13;}

.map-area .shibu-link a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.map-area .shibu-link.seibu a{ color: #42AFE3;}
.map-area .shibu-link.chubu a{ color: #F2800C;}
.map-area .shibu-link.tobu a{ color: #E31B13;} */

/* --- footbanner01-area --- */
.footbanner01-area{
	padding: 40px 0;
}
.footbanner01-area .banner-area{
	/* display: flex; */
	display: none;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 75%;
	max-width: 1180px;
	margin: 0 auto;
}
.footbanner01-area .banner-area > div{
	flex: 0 1 25%;
	padding: 10px 1%;
}
.footbanner01-area .banner-area a{
	display: flex;
	align-items: center;
	height: 100%;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: #FFF;
}
.footbanner01-area .banner-area img{
	width: 100%;
}

/* --- footbanner02-area --- */
.footbanner02-area{
	padding: 30px 0;
	background: #E0E0E0;
}

/* --- slider-footbanner --- */
#slider-footbanner01,
#slider-footbanner02{
	width: 75%;
	max-width: 1180px;
	margin: 0 auto;
}
#slider-footbanner01 .slick-track,
#slider-footbanner02 .slick-track{
	display: flex;
}
#slider-footbanner01 .slick-slide,
#slider-footbanner02 .slick-slide{
	display: flex;
	height: auto;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}
#slider-footbanner01.slick-slide div,
#slider-footbanner02 .slick-slide div{
	width: 100%;
	height: 100%;
}
#slider-footbanner01 .slick-slide a,
#slider-footbanner02 .slick-slide a{
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	height: 100%;
}
#slider-footbanner01 .slick-slide .img-area,
#slider-footbanner02 .slick-slide .img-area{
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: auto;
	padding: 10px;
	background: #FFF;
}

/* slider-footbanner01 */
#slider-footbanner01 .slick-slide > div{
	width: 100%;
}
#slider-footbanner01 .slick-slide .img-area{
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: #FFF;
}
#slider-footbanner01 .slick-slide .img-area img{
	width: 100%;
}

/* slider-footbanner02 */
#slider-footbanner02 .slick-slide p{
	margin-top: 6px;
	font-size: 1.4rem;
	color: #999;
}

@media screen and (min-width: 750px) {

	/* --- arrow --- */
	.slick-prev{
		left: -10px;
	}
	.slick-next{
		right: -16px;
	}

	.topimg-wrap {
		padding-bottom: 0;
	}
	.imgarea{
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: calc(100% - 30px);
	}
	.overimg{
		position: absolute;
		top: 0;
		left: 13%;
		right: auto;
		bottom: 0;
		width: auto;
		height: 250px;
		max-width: 100%;
		margin: auto;
	}

	/* #slider-topimg .slick-slide picture{ */
	#slider-topimg .slick-slide .imgset{
		height: auto;
	}
	/* #slider-topimg .slick-slide picture img,
	#slider-topimg .slick-slide picture source{ */
	#slider-topimg .slick-slide .imgset img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	/* --- web_trainingu_area --- */
	#slider-topimg .web_trainingu_area {
		display: flex !important;
		flex-direction: row-reverse;
	}
	#slider-topimg .web_trainingu_area .img_box{
		padding-top: 0;
		flex: 0 0 40%;
	}
	/* --- title-area --- */
	.title-area .title{
		font-size: 3.2rem;
	}
	.title-area .link{
		position: absolute;
		top: 0;
		right: 10px;
		bottom: 0;
		height: 1em;
		margin: auto;
		font-weight: bold;
	}
	.title-area .link a{
		color: #333;
	}
	.title-area .link a:hover{
		opacity: 1;
		color: #E31B13;
	}
	.title-area .link img{
		vertical-align: -4px;
		margin-right: 6px;
	}


	/* --- headbanner-area --- */
	.headbanner-area #slider-topbanner{
		width: 93%;
	}
	/* --- entrybanner-group --- */
	.entrybanner-group a{
		flex-wrap: nowrap;
	}
	.entrybanner-group .image-area{
		flex-basis: 57%;
		padding: 30px 3%;
	}
	.entrybanner-group .text-area{
		flex-basis: 43%;
		padding-left: 3%;
		padding-right: 3%;
	}

	/* --- notification-group --- */
	/* title-area */
	.notification-group .title-area{
		padding: 6px 10px;
	}
	.notification-group .title-area .title img{
		height: 48px;
		width: 51px;
		vertical-align: -12px;
		margin-right: 14px;
	}
	.notification-group .title-area .link{
		display: block;
	}

	/* tab-area */
	.notification-group .tab-area{
		display: block;
		margin-bottom: 5px;

		display: flex;
		flex-flow: row wrap;
	}
	.notification-group .tab-area li{
		position: relative;
		display: inline-block;
		margin: 5px 5px 0 0;
		padding: 10px 20px;
		background: #DDD;
		font-weight: bold;
		color: #333;
		cursor: pointer;
	}
	.notification-group .tab-area .active,
	.notification-group .tab-area li:hover{
		opacity: 1;
		background: #E31B13;
		color: #FFF;
	}

	/* select-area */
	.notification-group .select-area{
		display: none;
	}
	/* list-area label-group */
	.notification-group .list-area .list-wrap{
		width: auto;
		margin: 0 30px;
	}
	.notification-group .list-area .label-group{
		margin-top: 0;
	}
	.notification-group .list-area .label-eventdate{
		flex: 0 0 auto;
	}

	/* --- movie-group --- */
	.movie-group{
		display: inline-block;
		vertical-align: top;
		width: 47%;
		margin-right: 5%;
	}

	/* button */
	.movie-group .button{
		display: none;
	}

	/* --- twitter-group --- */
	.twitter-group{
		display: inline-block;
		vertical-align: top;
		width: 47%;
	}

	/* --- map-area --- */
	/* .map-area{
		height: 580px;
		background-color: #EEE;
		background-position: center;
		background-size: auto 100%;
	}
	.map-area .title-wrap{
		margin-top: 50px;
	}
	.map-area .title-wrap img{
		height: auto;
	}
	.map-area .title-wrap .title{
		font-size: 3.2rem;
	}
	.map-area .shibu-link.seibu{ top: 250px; right: 340px;}
	.map-area .shibu-link.chubu{ top: 40px; left: 10px;}
	.map-area .shibu-link.tobu{ top: 190px; left: 540px;} */

	.footbanner01-area .banner-area{
		display: flex;
	}

	#slider-footbanner01{
		display: none;
	}

} /*  (min-width: 750px)  */

@media screen and (min-width:1280px){

	/* slider-topimg */
	#slider-topimg .web_trainingu_area .txt_box{
		padding: 50px 50px 80px;
	}
	#slider-topimg .txt_box .maintil_area .sub_til{
		font-size: 26px;
	}
	#slider-topimg .txt_box .maintil_area .sub_til:before{
		width: 30px;
		height: 30px;
	}
	#slider-topimg .txt_box .maintil_area .title{
		margin-bottom: 6px;
		font-size: 36px;
	}
	#slider-topimg .txt_box .maintil_area .period > span{
		margin-right: 20px;
	}
	#slider-topimg .txt_box .maintil_area .period b{
		padding: 0 7px;
		font-size: 32px;
	}
	#slider-topimg .txt_box hr{
		margin: 20px 0 25px;
	}
	#slider-topimg .txt_box .target_area{
		margin-bottom: 25px;
	}
	#slider-topimg .txt_box .target_area .atten{
		font-size: 20px;
	}
	#slider-topimg .txt_box .copy_area{
		margin-bottom: 40px;
	}
	#slider-topimg .txt_box .more_btn{
		padding: 20px;
		font-size: 20px;
	}

	.overimg{
		height: auto;
	}
} /*  (min-width: 1280px)  */