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

.business_hero {	background: url(../img/business_hero.jpg) 50% no-repeat;	background-size: cover;
	padding-bottom: 30px;
	background-attachment: fixed;
	padding-top: 85px;

}
.business_menu {
	margin: 3em auto;
	overflow: hidden;
	border: 2px solid #333;
	border-radius: 20px;
	background: rgba(255,255,255,0.55);
}

/*desktop*/@media screen and (min-width: 769px) {
.business_menu {
	width: 800px;
}
}
.business_menu li {
	width: 30%;
	float: left;
	text-align: center;
	padding: 1em;
	margin-right: 3.3%;
	border-right: 1px solid #333;
	
}
.business_menu li:last-child {
	margin-right: 0;
	border-right: none;
}
.business_menu li a {
	display: block;
}
.business_menu li img {
	display: block;
	width: 60%;
	margin: 1em auto;
}
.business_profile {
	padding-top: 100px;
	margin: -100px auto 50px auto;
	width: 96%;
	margin-top: -100px;
	
}/*desktop*/

@media screen and (min-width: 769px) {
.business_profile {
	width: 800px;
}
}
.business_profile h3 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: .5em;
	margin-bottom: 1em;
	text-align: center;
	font-weight: normal;
	font-size: 40px;
}
.business_profile h4 {
	color:#fff;
	font-weight: normal;
	font-size: 28px;
	padding: .5em;
	border-radius: 10px;
	position: relative;	margin-bottom: 1em;	background: #d84472;

}
.business_profile h4:after{
	content: '';
	width: 15px;
	height: 15px;
	display: block;
	border: 0;
	position: absolute;
	border-bottom: 5px solid #d84472;
	border-right: 5px solid #d84472;
	transform: rotate(45deg);
	top:100%;
	left: 10%;
	background: #d84472;
	margin-top: -10px;
	margin-bottom: 1em;
}

.business_profile p{text-shadow: 0px 1px 1px rgba(255,255,255,0.4);}
.business_strength{padding: 1em;  text-align: center; border-radius: 3px; background:  rgba(255,255,255,0.6);}



.business_profile p{margin-bottom: 1em;}

#seminarDetail h2{font-size: 40px;}
/*desktop*/@media screen and (min-width: 769px) {#seminarDetail h2{font-size: 60px;}
	#seminarDetail table{width: 800px;}
}
#seminarDetail h2 span{background: linear-gradient(transparent 50%, #ffff66 50%);
}
#seminarDetail section{margin-top: 6em;}
#seminarDetail p {
	width:100%;
}
#seminarDetail h3 {
	width:310px;
	height: 310px;
	text-align:center;
	padding-top:120px;
	background:#999;
	font-size:45px;
	font-weight:normal;
	line-height:100%;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 100%;
	border-collapse: collapse;
	margin: 1em auto;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
}
#seminarDetail h3 span {
	display:block;
	color: #eee;
	font-size:20px;
}
#seminarDetail table {
	width:80%;
	background:rgba(255,255,255,0.46);
	line-height:160%;
	color:#333;
	font-size:16px;
	height:310px;
	margin: 2em auto;
}
/*desktop*/@media screen and (min-width: 769px) {
	#seminarDetail table { width: 800px;}
}
#seminarDetail td {
	padding:10px 5px;
	vertical-align:middle;
	display: block;
	margin-bottom: .5em;
}
#seminarDetail th {
	display: block;
	padding:10px 5px;
	font-weight:normal;
	letter-spacing:3px;
	font-size:16px;
	background:rgba(6,24,41,0.61);
	color:#fff;
	vertical-align:middle;
}
/*desktop*/@media screen and (min-width: 769px) {
	#seminarDetail th,#seminarDetail td{display: table-cell;}
	#seminarDetail th{width: 30%;}}

#seminarDetail section {
	clear:both;
}
#seminarDetail #beginner {
	background:rgba(189,18,92,0.5)
}
#seminarDetail #professional {
	background:rgba(227,180,15,0.75);
	
}
#seminarDetail #expert {
	background:rgba(9,167,130,0.79);
}

/*dansei*/

.dansei{margin: 2em auto; width: 90%;}
.dansei p{letter-spacing: 1px; margin-bottom: 1em;}

a[href="img/plan_e.pdf"]{display: block; width: 300px; padding: 15px; margin: 0 auto; text-align: center; background: rgba(255,255,255,0.5); border-radius: 1px; position: relative;}
a[href="img/plan_e.pdf"]:before{content:url(../img/icon_pdf.svg); width: 10px; height: 10px; display: block; position: absolute; left: 2em; top: 10px;}

/*desktop*/@media screen and (min-width: 769px){.dansei{margin: 2em auto; width: 800px;}}