@charset "UTF-8";

/* CSS Document */

/*====================================

Sd_ttl

====================================*/

#Sd_ttl {
	background: url(../images/sd_ttl_bg.png);
	background-size: cover;
}
/*====================================

WpSeminar

====================================*/

.WpSeminar {
	letter-spacing: 0.1em;
}
/*====================================

announce

====================================*/
.strong {
	font-weight: bold;
	color: #cd5050;
}

.announce {
	text-align: left;
	margin-bottom: 20px;
	width: 100%;
	background: url(/biz/common/images/slanting_pn.png);
	margin-bottom: 20px;
}
.announce .inner {
	width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
.announce p {
	font-size: 110%;
	
	display: inline-block;
	padding: 30px 20px;
	width: 100%;
}
.announce p span {
	color: #cd5050;
	font-size: 150%;
	font-weight: bold;
	padding: 0 10px;
}

/*====================================

WpSeminar_main

====================================*/

.WpSeminar_main {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.link-seminar {
	padding-bottom: 45px;
	text-align: center;
}
.link-seminar a {
	color: #1e564f;
	font-size: 115%;
}
.btn-seminar{
	width: 500px;
	/*height: 108px;*/
	/*display: block;*/
	/*line-height: 108px;*/
	/*text-align: center;*/
	/*background-color: #1e564f;*/
	/*font-size: 26px;*/
	/*font-family: sans-serif;*/
	margin: 60px auto;
}

.btn-seminar a{
	/*color: #FFF;*/
	text-decoration: none;
	/*line-height: inherit;*/
	/*font-size: 20px;*/
}

/*.btn-seminar a:hover{	*/
	/*height: 108px;*/
	/*display: block;*/
	/*background-color: #FFF;*/
	/*color: #1e564f;*/
	/*border:solid 2px #1e564f;*/
	/*box-sizing: border-box;*/
	/*line-height: 108px;*/
/*}*/


/*------------------------------------
seminar_ttl
------------------------------------*/

.seminar_ttl {
	padding: 20px 0;
	border-top: 1px solid #cad7e0;
	border-bottom: 1px solid #cad7e0;
	margin-bottom: 20px;
	position: relative;
	display: table;
	width: 100%;
}
.seminar_ttl .ttl,
.seminar_ttl .btn {
	display: table-cell;
	vertical-align: middle;
}
.seminar_ttl .ttl {
	width: 70%;
	font-size: 200%;
	color: #4a6e89;
	line-height: 1.2em;
}
.seminar_ttl .btn {
	width: 30%;
	text-align: right;
}
.seminar_ttl .btn a {
	display: block;
	padding: 20px 60px;
	color: #fff;
	font-size: 110%;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    border: 2px solid #4a6e89;
	background: url(/biz/common/images/arrow_r_w.png) no-repeat #4a6e89;
	background-position:right 20px top 50%;
}
.seminar_ttl .btn a:hover {
	border: 2px solid #4a6e89;
	color: #4a6e89;
	background: url(/biz/common/images/arrow_r_b.png) no-repeat #fff;
	background-position:right 20px top 50%;
}
.seminar_ttl .ttl:before {
	content: 'テーマ';
	font-size: 50%;
	display: block;
}

a.conv_finished {
	padding: 30px 60px !important;
	font-size: 100% !important;
	color: #fff !important;
	text-align: center !important;
	font-weight: bold !important;
	text-decoration: none !important;
	background: #aaa !important;
	border: 2px solid #888 !important;
	cursor: default;
}

a.conv_finished:hover {
}


/*------------------------------------
seminar_info
------------------------------------*/

.WpSeminar_main .seminar_info {
	float: left;
	width: 56%;
}
.WpSeminar_main .seminar_info article {
	padding: 0 !important;
}
.WpSeminar_main .seminar_info .seminar_list {
}
.WpSeminar_main .seminar_info .seminar_list .box_adviser {
	padding: 0 ;
	margin: 20px 0 0 0;
}
.WpSeminar_main .seminar_info .seminar_list .box_adviser .inner {
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0 8px 6px -6px #999;
       -moz-box-shadow: 0 8px 6px -6px #999;
            box-shadow: 0 8px 6px -6px #999;
}
.WpSeminar_main .seminar_info .seminar_list .box_adviser .text {
	width: 100%;
}
.WpSeminar_main .seminar_info .seminar_list .box_adviser .text .ttl {
	font-size: 120%;
	font-weight: bold;
	color: #4a6d89;
	margin-bottom: 10px;
}
.WpSeminar_main .seminar_info .seminar_list .box_adviser .text p {
	font-size: 90%;
	font-weight: normal;
}
.WpSeminar_main .seminar_info .seminar_list .box_adviser .text p img {
	width: 50%;
	float: right;
	margin: 0 0 0 14px;
}
.WpSeminar_main .seminar_info .seminar_list dl {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	border: 3px solid #eee;
}
.WpSeminar_main .seminar_info .seminar_list dt,
.WpSeminar_main .seminar_info .seminar_list dd {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0px;
}
.WpSeminar_main .seminar_info .seminar_list dt {
	width: 20%;
	text-align: center;
	background: #4a6e89;
}
.WpSeminar_main .seminar_info .seminar_list dt p {
	color: #4a6e89;
	font-size: 130%;
	color: #fff;
}
.WpSeminar_main .seminar_info .seminar_list dt p span {
	color: #fff;
	font-size: 180%;
}
.WpSeminar_main .seminar_info .seminar_list dd {
	width: 80%;
	padding: 20px;
	background: #f4f4e3;
}
.WpSeminar_main .seminar_info .seminar_list dd p {
	font-size: 140%;
	letter-spacing: 0;
	font-weight: bold;
}
.WpSeminar_main .seminar_info .seminar_list dd .cap {
	font-size: 100%;
	font-weight: normal;
}
.WpSeminar_main .seminar_info .seminar_list dd .caution {
	display: block;
	/*color: #cd5050;*/
	font-size: 100%;
	margin-top: 10px;
	font-weight: normal;
}
.WpSeminar_main .adviser {
	width: 100%;
	background: #eaeadd;
	padding: 20px;
	margin-top: -40px;
}
.WpSeminar_main .adviser dl {
	width: 100%;
}
.WpSeminar_main .adviser dt {
	float: left;
	width: 20%;
}
.WpSeminar_main .adviser dd {
	float: right;
	width: 78%;
	font-size: 120%;
	padding-top: 14px;
}
.WpSeminar_main .adviser dd .prof {
	font-size: 80%;
	display: block;
	text-align: justify;
	margin-top: 14px;
}

/*------------------------------------
basic_info
------------------------------------*/

.WpSeminar_main .basic_info {
	float: right;
	width: 42%;
}
.WpSeminar_main .basic_info .privilege {
	margin-bottom: 10px;
}
.WpSeminar_main .basic_info .privilege a {
	display: block;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.WpSeminar_main .basic_info .privilege a:hover {
	filter: alpha(opacity=80);
 	-moz-opacity:0.8;
 	opacity:0.8;
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	zoom:1;
}
.WpSeminar_main .basic_info dl {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.WpSeminar_main .basic_info dt {
	padding: 4px 14px;
	border-bottom: 1px solid #ccc;
	background: #eee;
}
.WpSeminar_main .basic_info dt p {
	color: #333;
	font-size: 120%;
	letter-spacing: 0;
}
.WpSeminar_main .basic_info dt p:before {
	content: '■';
	margin-right: 10px;
}
.WpSeminar_main .basic_info dd {
	background: #fff;
	padding: 10px 20px;
}
.WpSeminar_main .basic_info dd p {
	letter-spacing: 0;
}
.WpSeminar_main .basic_info dd p .tostrong {
	font-size: 250%;
	letter-spacing: 0;
	color: #cd5050;
	font-weight: bold;
}
.WpSeminar_main .basic_info dd p .strong {
	font-size: 160%;
	letter-spacing: 0;
	font-weight: bold;
	color: #cd5050;
}
.WpSeminar_main .basic_info dd p .cap {
	font-size: 90%;
	display: block;
	line-height: 1.5em;
	text-align: justify;
}
.WpSeminar_main .basic_info .map_area {
	width: 100%;
}
.WpSeminar_main .basic_info .map_area .text {
	width: 60%;
	float: left;
}
.WpSeminar_main .basic_info .map_area .ph {
	width: 36%;
	float: right;
}
.WpSeminar_main .basic_info .btn {
	margin-top: 10px;
}
.WpSeminar_main .basic_info .btn a {
	background: #cd5050;
	display: inline-block;
	color: #fff;
	padding: 2px 12px;
	font-size: 90%;
	text-decoration: none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.WpSeminar_main .basic_info dd a:hover {
	opacity: .8;
}

/*------------------------------------
seminar_btn_area
------------------------------------*/

.seminar_btn_area {
	width: 100%;
	margin-bottom: 60px;
	padding: 0 20%;
}


/*------------------------------------
voice
------------------------------------*/


#voice {
	width: 100%;
	background: #eee;
	margin-bottom: 40px;
}
#voice .inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}
#voice .inner .ttl {
	border: 2px solid #89a0b2;
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
#voice .inner .ttl dt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 30%;
	background: #4a6e89;
	padding: 20px 4px 20px 80px;
	font-size: 120%;
	color: #fff;
	background: url(../images/icon_voice.png) #89a0b2 no-repeat;
	background-size: 70px;
	background-position: top 50% left 20px;
}
#voice .inner .ttl dd {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding: 20px;
	background: #fff;
}
#voice .inner .ttl dd p {
	font-size: 100%;
}
#voice .inner .ttl dd p span {
	font-size: 150%;
	display: block;
	color: #4a6e89;
	font-weight: bold;
}
#voice .inner .ttl dd p span:before {
	content: 'テーマ：'
	}
#voice .inner .voice_list li {
	width: 49%;
	margin-bottom: 20px;
	padding-right: 120px;
	min-height: 180px;
}
#voice .inner .voice_list li:nth-child(odd) {
	float: left;
}
#voice .inner .voice_list li:nth-child(even) {
	float: right;
}
#voice .inner .voice_list li:nth-child(1),
#voice .inner .voice_list li:nth-child(5) {
	background: url(../images/seminar_voice_person_01.png) no-repeat;
	background-position: top 50% right 10px;
}
#voice .inner .voice_list li:nth-child(2),
#voice .inner .voice_list li:nth-child(6) {
	background: url(../images/seminar_voice_person_02.png) no-repeat;
	background-position: top 50% right 10px;
}
#voice .inner .voice_list li:nth-child(3),
#voice .inner .voice_list li:nth-child(7) {
	background: url(../images/seminar_voice_person_03.png) no-repeat;
	background-position: top 50% right 10px;
}
#voice .inner .voice_list li:nth-child(4),
#voice .inner .voice_list li:nth-child(8) {
	background: url(../images/seminar_voice_person_04.png) no-repeat;
	background-position: top 50% right 10px;
}

/*====================================

past_list 下層

====================================*/

.past_list {
	padding: 20px 0 0 0;
	margin-bottom: -40px;
}
.past_list .list_ttl {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 2px solid #4a6e89;
	color: #4a6e89;
	font-size: 180%;
	letter-spacing: 0;
}
.past_list .list_ttl .data {
	font-size: 60%;
	color: #4a6e89;
	display: block;
	letter-spacing: 0;
	font-weight: normal;
}
.past_list .past_list_seminar {
	width: 100%;
	background: #f7f7f7;
	padding: 30px;
}
.past_list .list_inner .cell {
	width: 100%;
	margin-bottom: 20px;
}
.past_list .cell dd {
	vertical-align: middle;
	width: 100%;
	padding: 0 20px;
	border-left: 2px solid #89a0b2;
}
.past_list p {
	color: #4a6e89;
	font-weight: bold;
	font-size: 110%;
	padding-top: 10px;
	letter-spacing: 0;
}
.past_list .cap {
	font-size: 90%;
	font-weight: normal;
	color: #333;
}



