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

#main .title{
	position:relative;
	margin-bottom:50px;
	/* overflow:hidden; */
	background:#555;
	width:100%;
	height:150px;
}

/* #main .title img{
	height: 150px;
	max-width: none;
} */


#main .title dl{
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:45px;
	color:#fff;
}

#main .title dt{
	font-size:30px;
	letter-spacing:1px;
}

@media only screen and (max-width: 480px) { 
#main .title dl{
	width:100%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	right:auto;
}
}









#seminar{
	text-align:left;
	width:90%;
	max-width:1000px;
	margin:50px auto 0;
}




#seminar #ttl{
	background:#555;
	font-size:25px;
	text-align:center;
	color:#fff;
	padding:35px 0;
	margin-bottom:30px;
}

#guide{
	margin-bottom:80px;
	text-align:center;
}

#guide img{
	margin:15px auto 30px;
	border:1px solid #A7A7A7;
	padding:25px 0;
}

/* #guide p{
	color:#F93222;
} */





#seminar .box{
	border:2px solid #4f4f4f;
	padding:3.5%;
	margin-bottom:50px;
}

#seminar .box h2{
	border-bottom:2px solid #4f4f4f;
	padding-bottom:15px;
	margin-bottom:30px;
	font-size:28px;
  	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}

#seminar .box h2 span{
	display:inline-block;
	font-size:14.5px;
	font-weight:normal;
	padding-left: 15px;
	vertical-align:middle;
}

#seminar .box h2 span:before{
	content:"＞";
}

#seminar .box .left{
	width:40%;
	display:inline-block;
	vertical-align:top;
}

#seminar .box .inner{
	width:46%;
	display:inline-block;
	vertical-align:top;
}

#seminar .box .inner:nth-of-type(2){
	border-left:2px dashed #4f4f4f;
	margin-left:3%;
	padding-left:3.5%;
}

#seminar .box .inner p{
	font-size:12px;
	margin-bottom:15px;
}

#seminar .box .inner ul li{
	width:47.5%;
	display:inline-block;
	border:1px solid #4f4f4f;
	text-align:center;
	margin:10px 1% 5px 0;
	font-size:12px;
}

#seminar .box .inner ul li a{
	display:block;
	padding:5px 0;
}

#seminar .box .inner ul li a:hover{
	background:#f1f1f1;
}




#seminar .box .inner ul li:nth-of-type(2n){
	margin-right:0;
}	

#seminar .box .inner .btn{
	background:#6B9C84;
	margin-top:20px;
	text-align:center;
}

#seminar .box .inner .btn a{
	display:block;
	padding:15px 0;
	color:#fff;
	text-decoration:none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#seminar .box .inner .btn a:hover{
	background:#81AB96;
}

#seminar .box .inner th{
	width:25%;
	border-bottom:1px dotted #333;
	padding:10px 0;
}

#seminar .box .inner td{
	width:75%;
	border-bottom:1px dotted #333;
	padding:10px 0;
}

#seminar .box .inner td span{
	font-size:13px;
}

#seminar .box .inner ol{
	margin-top:15px;
}

#seminar .box .inner ol li{
	font-size:11px;
}


.briefing_btn{
	margin-bottom:120px;
}



@media only screen and (max-width: 768px) {  

#seminar .box .left{
	width:100%;
	display:block;
}

#seminar .box .inner{
	width:100%;
	display:block;
	vertical-align:top;
	margin-bottom:30px;
}

#seminar .box .inner:nth-of-type(2){
	border-left:none;
	margin-left:0;
	padding-left:0;
}

/* #seminar .box .inner .btn{
	background:#6B9C84;
	margin-top:20px;
	text-align:center;
}

#seminar .box .inner .btn a{
	display:block;
	padding:15px 0;
	color:#fff;
	text-decoration:none;
    -webkit-transition: all .3s;
    transition: all .3s;
} 

#seminar .box .inner .btn a:hover{
	background:#81AB96;
}*/

#seminar .box .inner th{
	font-size:14px;
}

}


@media only screen and (max-width: 480px) {  
#seminar .box h2{
	font-size:24px;
}

#seminar .box h2 span{
	display:block;
	font-size:14px;
	padding-left:0;
	margin-top:5px;
}
}




p#bring_index{
	width:90%;
	margin:80px auto 30px;
}

ul#bringlist{
	max-width:1000px;
	margin:50px auto;
}


ul#bringlist li{
	width:45%;
	display:inline-block;
	margin:0 2% 50px;
}

ul#bringlist li img{
	border:1px solid #B5B5B5;
	padding:5px;
}

ul#bringlist li span{
	display:block;
}

@media only screen and (max-width: 540px) {  
ul#bringlist li{
	width:90%;
	margin:0 auto 50px;
}
}