@charset "utf-8";

/*  ----------------------------------------------------------------
 top page css

 	/Font-size List/
	9px = 75%		10px = 83%		11px = 91%		12px = 100%
	13px = 108%		14px = 116%		15px = 125%		16px = 133%
	17px = 141%		18px = 150%		19px = 158%		20px = 166%
	21px = 175%		22px = 183%		23px = 191%		24px = 200%
	25px = 208%		26px = 216%		27px = 225%		28px = 233%

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



.seminar #catnav{
	border-bottom: 1px solid #11274c;
	border-left: 1px solid #11274c;
	/border-bottom:none;
	margin: 0 0 30px;
}
.seminar #catnav li{
	float: left;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	border-top: 1px solid #11274c;
	border-right: 1px solid #11274c;
	width: 20%;
	/width: 142px;
	/border-bottom: 1px solid #11274c;
	background: url(/resource/seminar/img/index/icon1.png) no-repeat 50% 90%;
}
.seminar #catnav li>a>p{
	padding-top: 50px;
}
.seminar #catnav .li01>a>p{
	background: url(/resource/common/img/title_icon_it.png) no-repeat center 2px;
}
.seminar #catnav .li02>a>p{
	background: url(/resource/common/img/title_icon_sales.png) no-repeat center 2px;
}
.seminar #catnav .li03>a>p{
	background: url(/resource/common/img/title_icon_med.png) no-repeat center 1px;
}
.seminar #catnav .li04>a>p{
	background: url(/resource/common/img/title_icon_maker.png) no-repeat center 2px;
}
.seminar #catnav .li05>a>p{
	background: url(/resource/common/img/title_icon_backoffice.png) no-repeat center top;
}
.seminar #catnav .li06>a>p{
	background: url(/resource/common/img/title_icon_womanwill.png) no-repeat center top;
}
.seminar #catnav .li07>a>p{
	background: url(/resource/common/img/title_icon_creative.png) no-repeat center 2px;
}
.seminar #catnav .li08>a>p{
	background: url(/resource/common/img/title_icon_finance.png) no-repeat center 3px;
}
.seminar #catnav .li09>a>p{
	background: url(/resource/common/img/title_icon_realestate.png) no-repeat center 1px;
}
.seminar #catnav .li10>a>p{
	background: url(/resource/common/img/title_icon_kansai.png) no-repeat center 1px;
}
.seminar #catnav li a{
	padding: 0px 0 20px;
	color: #11274c;
	display: block;
	width: 100%;
	text-decoration: none;
}
.seminar #catnav li a:hover{
	background: url(/resource/seminar/img/index/icon1.png) no-repeat 50% 90%;

}

.seminar #catnav li:hover{
	background: #eaeaea;
	-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;
}

.ul_area li {
	color: #FFF;
	font-weight: bold;
	font-size: 1.1em;
	padding: 2px 10px;
	background: #c1272d;
	float: left;
}
.ul_area li.off {
	background: #ba5b5f;
	color: #ddabae;
}

.ul_area{
	padding: 0 5px 0 0;
	display: inline-block;
}
.ul_box{
	padding: 0 ;
	margin: 0 0 20px;
	background: #f2f2f2;
}
.ul_box>li{
	width: 350px;
	float: left;
	background: #FFF;
	margin: 5px;
	height:200px;
}
.ul_box>li .tit{
	color: #2e72a4;
	font-weight: bold;
	font-size: 1.3em;
	min-height: 2em;
}
.ul_box a{
	color: #444;
	text-decoration: none;
}
.box_in{
	padding: 10px;
}
.box_in a{
	text-decoration: none;
}
.box_in a p{
	color: #444;
}
@media screen and (max-device-width:599px){
	.h2Style04{ margin-bottom: 15px;}
	.seminar #catnav li{
		width: 50%;
	}
	.ul_box{
		width: 94%;
		margin: 0 3% 1em;
	}
	.ul_box>li{
		width: 98%;
		min-height: 140px;
		margin: 1%;
		height:auto;
	}
	#catnav{
		width: 94%;
		margin: 0 3% 20px!important;
	}

}





/*seminar_page*/
.seminar_page .title01{
	margin-bottom: 20px;
}
.h2Style01{
	margin-bottom: 15px;
}
.seminar_page .title01>span {
    padding: 12px 40px;
    margin-right: 20px;
    float: left;
    display: inline-block;
    border-left: 1px solid #11274c;
    border-right: 1px solid #11274c;
}
.title01>h2 {
    font-size: 1.8em;
    font-weight: bold;
    color: #11274c;
    padding: 16px 0 0 0;
}
@media screen and (max-device-width:599px){
	.seminar_page .title01{
	margin-bottom: 0;
	padding-left: 1px;
}
	.seminar_page .title01>span {
    padding: 2px 10px;
}
.title01>h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #11274c;
    padding: 0 0 0 0;
}
}

.seminar_page .box{
	margin-bottom: 30px;
}
.seminar_page #d_sec1 h2{
	margin-bottom: 20px;
}
.seminar_page #d_sec1 .box{
	margin-bottom: 30px;
}
.seminar_page #d_sec2 h3{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 158%;
	color: #11247C;
}

.seminar_page .table1{
	border-bottom: 1px solid #11274C;
	border-top: 3px solid #11274C;
}

.seminar_page .table1 th{
	padding: 20px 30px;
	font-weight: normal;
	font-size: 108%;
	white-space: nowrap;
	color: #11247C;
}

.seminar_page .table1 td{
	padding: 20px 30px;
	border-left: 1px solid #11274C;
	font-size: 108%;
}
.seminar_page .table02{
	display: table;
}
.seminar_page .table02 dl{
	display: table-row;
}
.seminar_page .table02 dt,
.seminar_page .table02 dd{
	padding: 20px 30px;
	display: table-cell;
}
.seminar_page .table02 dd{
	border-left: 1px solid #11274C;
}
@media screen and (max-device-width:599px){
	.seminar_page .table1 th {
	    padding: 10px 15px;
	    font-weight: bold;
	    font-size: 1.2em;
	}
	.seminar_page .td01{
		padding:0!important;
	}
	.seminar_page .table1 td {
	    padding: 20px 20px;
		border-top: 1px solid #3F6BAA;
	}
	.seminar_page .table02{
		display: block;
	}
	.seminar_page .table1 th{
		line-height: 1;
	}
	.seminar_page .table02 dl{
		display: block;
	}

	.seminar_page .table02 dt,
	.seminar_page .table02 dd{
		padding: 6px 15px;
		display: block;
	}
	.seminar_page .table1 th{
		border-top: 1px solid #3F6BAA;
	}
	.seminar_page .table02 dt{
		background: #F2F2F2;
		color: #11274C;
	}
	.seminar_page .table02 dd{
		margin-bottom: 10px;
		border-left: none;
		border-top: 1px solid #DEDEDE;
	}
	.seminar_page .cnt{
		width: 94%;
		margin: 0 3%;
	}
	.seminar_page #d_sec2 h3{
		width: 94%;
		margin: 0 3%;
	}
}
.kaisai_ico{
	padding: 5px 10px;
	display: inline-block;
	background: #c1272d;
	color: #fff;
}


.btn_box{
	padding: 20px;
	background: #f2f2f2;
	text-align: center;
	margin-bottom: 30px;
}
.seminar_page  .tit02{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 	10px;
}
.seminar_page .rightImg{
	float: right;
	padding: 10px 0 10px 10px;
}
.seminar_page .leftImg{
	float: left;
	padding: 10px 10px 10px 0;
}


#wrap #contentWrap .magPageTop.ancStyle01{
	margin:0 0 30px;
}


/*  mobile
 ------------------------------------------------------------------- */
@media screen and (max-device-width:599px){
	.seminar_page .rightImg{
		float: none;
		text-align: center;
	}
	.seminar_page .leftImg{
		float: none;
		text-align: center;
	}
	#wrap #contentWrap .magPageTop.ancStyle01{
		margin:0 0 2em;
		border-top:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
	}
}