﻿@charset "utf-8";
/* ===================================================================
CSS information

file name  :  css/accounting_it_forum_2017.css
style info :  経理ITフォーラム2017　経理にイノベーションをおこせ　LP用（/products/report.asp）

=================================================================== */
/**************デバイス共通***************/
/*---------------------------------------
reset
---------------------------------------*/
html{
	font-size: 100%;
	overflow: scroll;
}
body,h3,h2,dl,dt,dd,p{
	padding: 0;
	margin: 0;
	background: none;
	float: none;
	font-weight: normal;
}
li{
	list-style: none;
}
p{
    width: 100%;
    margin: 0;
    text-shadow: none;
    color: #fff;
}
a{
	text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#f_2017 .scrollblock{
	height: auto;
}

/*---------------------------------------
breakPoint
---------------------------------------*/
/*pconly*/
@media screen and (max-width:991px){
	#f_2017 .pconly{
		display: none !important;
	}
}
/*sp_tab*/
@media screen and (min-width:991px){
	#f_2017 .sp_tab{
		display: none !important;
	}
}
/*sponly*/
@media screen and (min-width:768px){
	#f_2017 .sponly{
		display: none !important;
	}
}
/*pc_tab*/
@media screen and (max-width:767px){
	#f_2017 .pc_tab{
		display: none !important;
	}
}
/*---------------------------------------
font
---------------------------------------*/
#f_2017{
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}
/*---------------------------------------
common
---------------------------------------*/
/*a　透過*/
a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*CVRボタン*/
#f_2017 .cvbtn{
	position: relative;
	text-align: center;
}
#f_2017 .cvbtn a{
	display: inline-block;
	width: 100%;
	padding: 1rem 0;
	color: #fff;
	font-size: 1.6rem;
	background: rgba(255, 135, 15, 0.8);
	box-shadow: 0px 0px 3px 1px #fff;
}
#f_2017 .cvbtn a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background: rgba(255, 135, 15, 0.85);
	box-shadow: 0px 0px 4px 2px #fff;
}
#f_2017 .cvbtn span{
    margin-right: 0.26rem;
}
#f_2017 .details .cvbtn{
	width: 40%;
	margin: 0 8% 0 auto;
}
#f_2017 a.end{
	background: rgba(51, 51, 51, 0.8);
	box-shadow: 0px 0px 3px 1px #fff;
}
#f_2017 a.end:hover{
	cursor: none;
	pointer-events: none;
	background: rgba(51, 51, 51, 0.8);
	box-shadow: 0px 0px 3px 1px #fff;
}
/*タイトル*/
#f_2017 main section h3{
	position: relative;
	width: 36%;
	padding: 0 0 4px 8%;
	margin-bottom: 1.5rem;
	font-size: 2rem;
	color: #999;
	text-align: right;
	border-bottom: 2px solid #999;
}
#f_2017 main section h3.detailsttl{
	padding: 12px 0 0 8%;
	font-size: 1.75rem;
	color: #fff;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #992e2e;
}
/*****************sp_tab用*******************/
@media screen and (max-width:991px){
	#f_2017 main section h3{
		width: 55%;
	}
	#f_2017 main section h3.detailsttl{
		padding: 12px 0 0 4%;
	}
	#f_2017 .details .cvbtn{
		width: 92%;
		margin: 0 auto;
	}
}

/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 main section h3{
		width: 92%;
		margin: 0 auto 2.5rem;
	}
	#f_2017 .cvbtn a{
		font-size: 1.3rem;
	}
	#f_2017 .cvbtn span{
		display: none;
	}
}
/*---------------------------------------
contents_wrapper
---------------------------------------*/
#f_2017 .contents_wrapper{
	width: 100%;
}

/*---------------------------------------
header
---------------------------------------*/
#f_2017 header{
	position: relative;
	width: 96%;
	max-width: 950px;
	height: 40px;
	padding: 0.5rem 2%;
	margin: 0 auto -3.5rem;
	z-index: 1000;
}
#f_2017 header h1{
	display: inline-block;
	width: 50%;
	padding-left: 0.1rem;
}
#f_2017 header h1 img{
	width: 11.55rem;
}
#f_2017 header h1 a{
	display: inline-block;
}
#f_2017 header p.sponsor{
	display: inline-block;
	width: 49%;
	color: #fff;
	font-size: 1rem;
	text-align: right;
}
#f_2017 header p.sponsor span{
	font-weight: bold;
	font-size: 0.9rem;
}
/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 header{
		height: auto;
		margin: 0 auto -5.5rem;
		padding: 0 2%;
	}
	#f_2017 header h1 img{
		width: 10rem;
	}
	#f_2017 header p.sponsor{
		width: 100%;
		text-align: left;
	}
}
/*---------------------------------------
main mainv_lead
---------------------------------------*/
#f_2017 main .mainv_lead{
	width: 100%;
	max-width: 2200px;
	height: 1688px;
	margin: 0 auto;
	padding: 3.5rem 0 0 0;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_mainv_lead_bg.png) no-repeat center;
	background-size: cover;
}
/*main mainv*/
#f_2017 main .mainv{
	position: relative;
	top: -3.5rem;
	width: 100%;
	max-width: 1368px;
	margin: 0 auto;
	padding: 3.5rem 0 19rem 0;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_mainv_bg.png) no-repeat center;
	background-size: cover;
	z-index: 999;
}
#f_2017 main .mainv h2{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
#f_2017 main .mainv h2 span{
	display: inline-block;
	width: auto;
	height: 13rem;
}
#f_2017 main .mainv h2 span img{
	width: 100%;
}
#f_2017 main .mainv h2 span.ttltxt{
	height: 80px;
	font-size: 4rem;
	line-height: 1.2;
	margin: 0.5rem 0 1rem;
}
#f_2017 main .mainv .details{
	width: 100%;
	height: 128px;
	margin-bottom: 1.5rem;
	font-size: 1.65rem;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
#f_2017 main .mainv .details .capacity{
	width: 38%;
	margin: 0 auto;
	padding-bottom: 2px;
	margin-bottom: 4px;
	border-bottom: 2px solid #fff;
	font-size: 3rem;
}
#f_2017 main .mainv .details .capacity span{
	color: #91f4f1;
	font-size: 2rem;
}
#f_2017 main .mainv .cvbtn{
	width: 77%;
	max-width: 946px;
	margin: 0 auto;
	padding-bottom: 4.3rem;
}
/*main lead*/
#f_2017 main .lead{
	position: relative;
	top: -19rem;
	width: 100%;
	max-width: 1368px;
	margin: 0 auto;
	padding: 12rem 0 4.4rem;
	text-align: center;
	color: #fff;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_lead_bg.png) no-repeat center;
	background-size: cover;
	z-index: 998;
}
#f_2017 main .lead dl{
	margin-bottom: 5rem;	
}
#f_2017 main .lead dt{
	margin-bottom: 0.5rem;
	font-size: 2rem;
}
#f_2017 main .lead dd{
	font-size: 1rem;
	line-height: 1.6rem;
}
/*****************sp_tab用*******************/
@media screen and (max-width:991px){
	#f_2017 main .mainv{
		padding-bottom: 12rem;
	}
	#f_2017 main .mainv h2 .ttl{
		width: 23%;
		height: auto;
	}
	#f_2017 main .mainv h2 .companies{
		width: 72%;
    	height: auto;	
	}
	#f_2017 main .mainv h2 span.ttltxt{
		width: 92%;
		height: auto;
	}
	#f_2017 main .lead{
		padding-bottom: 8rem;
	}
	#f_2017 main .lead dl{
		width: 92%;
		margin: 0 auto 3rem;
	}
	#f_2017 main .mainv .cvbtn{
		width: 92%;
	}
}
/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 main .mainv_lead{
		height: auto;
		padding: 4.5rem 0 0 0;
		background: none;
	}
	#f_2017 main .mainv{
		background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_mainv_bg_sp.png) no-repeat center;
		background-size: cover;
	}
	#f_2017 main .mainv h2{
		width: 96%;
		margin: 1.5rem auto;
	}
	#f_2017 main .mainv h2 .ttl{
		width: 96%;
		max-width: 392px;
		background: #000;
	}
	#f_2017 main .mainv h2 .ttl img{
		width: 80%;
		max-width: 224px;
		vertical-align: text-bottom;
	}
	#f_2017 main .mainv h2 .companies{
		width: 96%;
		max-width: 392px;
	}
	#f_2017 main .mainv h2 span.ttltxt{
		width: 96%;
		font-size: 2.3rem;
	}
	#f_2017 main .mainv .details .capacity{
		width: 96%;
		font-size: 2rem;
	}
	#f_2017 main .mainv .details .capacity span{
		font-size: 1.5rem
	}
	#f_2017 main .mainv .details .date,
	#f_2017 main .mainv .details .venue{
		font-size: 1.2rem;
	}
	#f_2017 main .lead{
		top: -24rem;
	}
	#f_2017 main .lead dt{
		font-size: 1.4rem;
		font-weight: bold;
	}
	#f_2017 main .lead dd{
		font-size: 1.1rem;
		line-height: 1.8rem;
	}
}
/*---------------------------------------
main target
---------------------------------------*/
#f_2017 main .target{
	position: relative;
    top: -1.7rem;
	width: 100%;
	max-width: 1368px;
	margin: 0 auto;
	padding: 2.5rem 0 10rem;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_target_bg.png) no-repeat center;
	background-size: cover;
	z-index: 997;
}
#f_2017 main .target h3{
	position: relative;
	width: 30%;
	padding: 0 0 4px 8%;
	margin-bottom: 1.5rem;
	font-size: 2rem;
	color: #999;
	text-align: right;
	border-bottom: 2px solid #999;
}
#f_2017 main .target ul{
	margin-left: 10%;
	border-bottom: 2px solid #999;
	box-sizing:border-box
}
#f_2017 main .target li{
	position: relative;
	display: inline-block;
	width: 25%;
	padding: 2.5rem 0;
	margin: 0 6% -2px 0;
	font-size: 2rem;
	color: #000;
	line-height: 1.5;
	border-bottom: 2px solid #992e2e;
}
#f_2017 main .target li:last-child{
	margin-right: 0;
}
/*****************sp_tab用*******************/
@media screen and (max-width:991px){
	#f_2017 main .target{
		top: 0;
		padding: 1rem 0 14rem;
		background-size: contain;
	}
	#f_2017 main .target h3{
		width: 50%;
		padding: 0 0 4px 0;
		font-size: 1.8rem;
	}
	#f_2017 main .target ul{
		margin-left: 8%;
	}
	#f_2017 main .target li{
		width: 28%;
		margin: 0 4% -2px 0;
		padding: 2rem 0;
		font-size: 1.4rem;
	}
}
/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 main .target{
		padding: 0 0 10rem;
		margin-top: -22rem;
		background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_target_bg.png) no-repeat 60% bottom;
	}
	#f_2017 main .target h3{
		width: 92%;
		font-size: 1.4rem;
		text-align: center;
		border-bottom: none;
	}
	#f_2017 main .target ul{
		width: 92%;
		margin: 0 auto;
		border-bottom: none;
	}
	#f_2017 main .target li{
		width: 100%;
		margin: 0;
		padding: 0.5rem 0;
		text-align: center;
	}

}
/*---------------------------------------
main outline
---------------------------------------*/
#f_2017 main .outline{
	position: relative;
	width: 100%;
	max-width: 1368px;
	margin: -10rem auto 12rem;
	padding: 14.4rem 0 2rem;
	color: #fff;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_outline_bg.png) no-repeat center;
	background-size: cover;
	z-index: 998; 
}
#f_2017 main .outline h3.detailsttl{
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_outline_ttlbg.png) no-repeat right;
	background-size: contain;
}
#f_2017 main .outline .wrapper{
	position: relative;
	padding: 0 8%;
	margin-bottom: 3rem;
}
#f_2017 main .outline .wrapper .forumttl{
	margin-bottom: 1rem;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.3;
}
#f_2017 main .outline .wrapper dd dl{
	position: relative;
	display: inline-block;
	width: 92%;
	padding-left: 8%;
	margin-bottom: 1.5rem;
	border-bottom: 2px solid #fff;
}
#f_2017 main .outline .wrapper dd dl span a{
	display: inline-block;
	padding: 0.4rem 0.5rem 0.22rem;
	margin-right: 0.5rem;
	font-size: 0.8rem;
	line-height: 1;
	color: #fff;
	text-align: center;
	font-weight: bold;
	vertical-align: text-top;
	text-decoration: none;
	background-color: #1fadb5;
	border-radius: 6px;
	box-shadow: 0 2px 0 0 #167d82;
}
#f_2017 main .outline .wrapper dd dl span a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background-color: #38c7cf;
}
#f_2017 main .outline .wrapper dd dl.twocolumnsl{
	width: 40%;
}
#f_2017 main .outline .wrapper dd dl.twocolumnsr{
	width: 40%;
	float: right;
}
#f_2017 main .outline .wrapper dd dt{
	position: absolute;
	top: -0.3rem;
	left: 0;
	padding: 0.5rem;
	font-size: 1rem;
	color: #666;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_outline_contentsttl.png) no-repeat center;
	background-size: contain;
}
#f_2017 main .outline .wrapper dd dd{
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 1.4rem;
	line-height: 1;
	vertical-align: text-bottom;
}
#f_2017 main .outline .wrapper dd dd:last-child{
	margin-right: 0;
}
#f_2017 main .outline .wrapper dd dd.address{
	font-size: 1.2rem;
	padding-bottom: 2px;
}
/*****************sp_tab用*******************/
@media screen and (max-width:991px){
	#f_2017 main .outline{
		padding: 10rem 0 6rem;
		margin: -13rem auto 12rem;
	}
	#f_2017 main .outline .wrapper{
		padding: 0 4%;
		margin-bottom: 2rem;
	}
	#f_2017 main .outline .wrapper dd dl{
		width: 90%;
		padding-left: 10%;
		padding-bottom: 0.25rem;
	}
	#f_2017 main .outline .wrapper dd dt{
		top: 0;
		bottom: 0;
		padding: 0;
		font-size: 1rem;
		font-weight: bold;
		color: #fff;
		background: none;
	}
	#f_2017 main .outline .wrapper dd dd.address{
		width: 100%;
	}
	#f_2017 main .outline .wrapper dd dd.address span{
		float: right;
		margin-left: 1rem;
		margin-top: -1.3rem;
	}
	#f_2017 main .outline .wrapper dd dl span a{
		padding: 0.6rem 1rem 0.35rem;
		font-size: 1.2rem;
	}
	#f_2017 main .outline .wrapper dd dl.twocolumnsl{
		width: 90%;
	}
	#f_2017 main .outline .wrapper dd dl.twocolumnsr{
		width: 90%;
		float: none;
	}
}
/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 main .outline{
		padding: 10rem 0 6rem;
		margin: -8rem auto 4rem;
	}
	#f_2017 main .outline .wrapper .forumttl{
		font-size: 1.5rem;
	}
	#f_2017 main .outline .wrapper dd dt{
		position: inherit;
		margin-bottom: 0.5rem;
		line-height: 1;
	}
	#f_2017 main .outline .wrapper dd dl{
		width: 100%;
		padding-left: 0;
		padding-bottom: 0.5rem;
	}
	#f_2017 main .outline .wrapper dd dd.address{
		font-size: 1rem;
	}
	#f_2017 main .outline .wrapper dd dd.address span{
		float: none;
		display: block;
		width: 100%;
		margin: 0.5rem 0 1rem;
	}
	#f_2017 main .outline .wrapper dd dl span a{
		width: 100%;
		padding: 0.5rem 0 0.35rem;
		margin: 0;
		font-size: 1rem;
	}
	#f_2017 main .outline .wrapper dd dl.twocolumnsl,
	#f_2017 main .outline .wrapper dd dl.twocolumnsr{
		width: 100%;
	}
}
/*---------------------------------------
main profile
---------------------------------------*/
#f_2017 main .profile{
	position: relative;
	width: 100%;
	max-width: 1368px;
	margin: 0 auto 12rem;
}
#f_2017 main .profile h3.detailsttl{
	color: #000;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_profile_ttlbg.png) no-repeat right;
	background-size: contain;
}
#f_2017 main .profile li dl{
	width: 100%;
}
#f_2017 main .profile li dl dt{
	width: 100%;
	color: #fff;
	background: #333;
}
#f_2017 main .profile li dl dt img{
	width: 100%;
}
#f_2017 main .profile li dl dt span{
	display: inline-block;
	width: 100%;
	font-size: 1rem;
}
#f_2017 main .profile li dl dt span.companyname{
	width: 96%;
	margin: 0 0 0.5rem 4%;
	padding: 0.72rem 0 0.4rem;
	line-height: 1;
	border-bottom: 1px solid #fff;
}
#f_2017 main .profile li dl dt span.twol{
	padding: 0 0 0.25rem;
}
#f_2017 main .profile li dl dt span.companyname span{
	font-size: 0.8rem;
	line-height: 1;
}
#f_2017 main .profile li dl dt span.position{
	margin-left: 4%;
	font-size: 0.75rem;
	line-height: 1.1;
}
#f_2017 main .profile li dl dt span.name{
	margin: 0 0 0.5rem 4%;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
}
#f_2017 main .profile li dl dt span.name span{
	width: 10%;
}
#f_2017 main .profile li dl dd{
	height: 15.5rem;
	padding: 0.75rem;
	font-size: 0.85rem;
	color: #888;
	border: 1px solid #e5e5e5;
	box-sizing:border-box;
}
#f_2017 main .profile .threecolumns {
	margin-bottom: 1rem; 
}
#f_2017 main .profile .threecolumns li{
	display: inline-block;
	width: 28%;
	margin-right: 2%;
	vertical-align: text-top;
}
#f_2017 main .profile .threecolumns li:first-child{
	margin-left: 6%;
}
#f_2017 main .profile .threecolumns li:last-child{
	margin-right: 4%;
}
#f_2017 main .profile .twocolumns{
	margin-bottom: 3rem;
}
#f_2017 main .profile .twocolumns li{
	display: inline-block;
	width: 43%;
	margin-right: 2%;
	vertical-align: text-top;
}
#f_2017 main .profile .twocolumns li:first-child{
	margin-left: 6%;
}
#f_2017 main .profile .twocolumns li:last-child{
	margin-right: 4%;
}
#f_2017 main .profile .twocolumns dl{
    position: relative;
    border: 1px solid #efefef;
    overflow: hidden;
}
#f_2017 main .profile .twocolumns dt{
    margin-left: 30%;
    width: 70%;
}
#f_2017 main .profile .twocolumns dt span.companyname{
	padding-top: 1rem;
}
#f_2017 main .profile .twocolumns .photo{
    position: absolute;
    width: 30%;
    left: 0;
}
#f_2017 main .profile .twocolumns .txt{
    width: 70%;
    min-height: 12rem;
    margin-left: 30%;
    height: 224px;
    border: none;
}
/*****************sp_tab用*******************/
@media screen and (max-width:991px){
	#f_2017 main .profile li dl dt span.companyname{
		line-height: 1.2;
	}
	#f_2017 main .profile li dl dt span.info{
		padding-top: 2rem;
	}
	#f_2017 main .profile li dl dt span.twol{
		padding: 0 0 0.2rem;
		font-size: 0.95rem;
	}
	#f_2017 main .profile li dl dd{
		height: 20rem;
	}
	#f_2017 main .profile .twocolumns li{
		width: 28%;
	}
	#f_2017 main .profile .twocolumns li:first-child{
		margin-left: 20%;
	}
	#f_2017 main .profile .twocolumns dl{
		border: none;
	}
	#f_2017 main .profile .twocolumns .photo{
		position: initial;
		width: 100%;
	}
	#f_2017 main .profile .twocolumns dt{
		margin-left: 0;
		width: 100%;
	}
	#f_2017 main .profile .twocolumns .txt{
		width: 100%;
		height: 20rem;
		margin-left: 0;
		border: 1px solid #e5e5e5;
    	box-sizing: border-box;
	}
	#f_2017 main .profile .twocolumns dt span.nomura{
		padding-top: 2.15rem;
	}
}
/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 main .profile{
		margin-bottom: 10rem;
	}
	#f_2017 main .profile .threecolumns,
	#f_2017 main .profile .twocolumns{
		width: 92%;
		margin: 0 auto;
	}
	#f_2017 main .profile .threecolumns li,
	#f_2017 main .profile .twocolumns li{
		width: 100%;
		margin: 0 auto 1.5rem;
	}
	#f_2017 main .profile .threecolumns li:first-child,
	#f_2017 main .profile .twocolumns li:first-child{
		margin: 0 auto 1.5rem;
	}
	#f_2017 main .profile li dl dd,
	#f_2017 main .profile .twocolumns .txt{
		height: auto;
		padding: 1.5rem;
		font-size: 1rem;
		line-height: 1.6;
	}
}
/*---------------------------------------
main program
---------------------------------------*/
#f_2017 main .program{
	position: relative;
	width: 100%;
	max-width: 1368px;
	margin: -10rem auto 6rem;
	padding: 14rem 0 1.9rem;
	color: #fff;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_program_bg.png) no-repeat center;
	background-size: cover;
	z-index: 998; 
}
#f_2017 main .program h3.detailsttl{
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_program_ttlbg.png) no-repeat right;
	background-size: contain;
}
#f_2017 main .program table{
	position: relative;
	width: 80%;
	max-width: 1072px;
	min-width: 614px;
	margin: 0 auto;
}
#f_2017 main .program .table_wrap{
	margin-bottom: 3rem;
}
#f_2017 main .program table caption{
	text-align: left;
	font-size: 1.75rem;
	border-bottom: 2px solid #fff;
}
#f_2017 main .program table th{
	padding: 0.35rem;
	font-size: 1.25rem;
	font-weight: normal;
	text-align: left;
	background: #666;
}
#f_2017 main .program table tbody{
	background: #fff;
	color: #666;
}
#f_2017 main .program table td{
	padding: 1rem 0.75rem;
	border-bottom: 2px solid #222;
}
#f_2017 main .program table .line{
	background: #666;
	border-bottom: none;
}
#f_2017 main .program table .time{
	width: 112px;
}
#f_2017 main .program table .title{
	font-size: 0.9rem;
}
#f_2017 main .program table .title span{
	display: inline-block;
	width: 100%;
	margin-bottom: 0.5rem;
	font-size: 1.25rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
}
#f_2017 main .program table .speakers{
	width: 272px;
	color: #333;
}
#f_2017 main .program table .speakers .companyname{
	display: inline-block;
	width: 100%;
	font-size: 0.85rem;
	line-height: 1;
}
#f_2017 main .program table .speakers .position{
	display: inline-block;
	width: 100%;
	font-size: 0.75rem;
	line-height: 1.2;
}
#f_2017 main .program table .speakers .name{
	font-size: 1.25rem;
	font-weight: bold;
}
#f_2017 main .program table .speakers .name span{
	font-size: 1.1rem;
	font-weight: normal;	
}
#f_2017 main .program table .break{
	font-size: 1rem;
	background: #fafafa;
}
#f_2017 main .program table .modeler{
	width: 200px;
}
#f_2017 main .program table.discussion td{
	border-bottom: none;
}
#f_2017 main .program aside{
	width: 80%;
	max-width: 1072px;
	margin: 2rem auto;
}
#f_2017 main .program .cvbtn{
	width: 80%;
	max-width: 1072px;
	margin: 0 auto;
}
#f_2017 main .program #program_discussion{
	position: relative;
}
/*****************sp_tab用*******************/
@media screen and (max-width:991px){
	#f_2017 main .program table .time{
		width: 48px;
		text-align: center;
	}
	#f_2017 main .program table .speakers{
		width: 124px;
	}
	#f_2017 main .program table .speakers .companyname{
		font-size: 0.8rem;
		line-height: 1.3;
		margin-bottom: 0.5rem;
	}
	#f_2017 main .program table .speakers .position{
		font-size: 0.64rem;
		line-height: 1.3;		
	}
	#f_2017 main .program table .modeler{
		width: 124px;
	}
}
/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 main .program{
		margin-bottom: 2rem;
	}
	#f_2017 main .program .table_wrap{
		width: 96%;
		margin: 0 auto 3rem;
		overflow-x: scroll;
	}
}
/*---------------------------------------
aside
---------------------------------------*/
#f_2017 aside .contact{
	width: 50%;
	max-width: 528px;
	padding: 1rem 1.5rem;
	margin: 0 auto 8rem;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_contact_bg.png) no-repeat left;
	background-size: contain;
}
#f_2017 aside .contact h3{
	margin-bottom: 0.5rem;
	font-weight: bold;
	line-height: 1.5;
}
#f_2017 aside .contact p{
	margin-bottom: 0.5rem;
	font-size: 1rem;
	color: #333;
	line-height: 1.2;
}
/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 aside .contact{
		width: 80%;
		margin-bottom: 4rem;
	}
}
/*---------------------------------------
footer
---------------------------------------*/
#f_2017 .footer_wrapper{
	background: #222;
}
#f_2017 .copyright_wrapper p{
	width: 40%;
}
#f_2017 .copyright_wrapper p.copyright{
	text-align: right;
}
/*****************sp_tab用*******************/
@media screen and (max-width:991px){
	.footer_wrapper{
		width: 92%;
		padding: 1rem 4% 3rem;
	}
	.footer_inner{
		width: 100%;
		padding: 0;
	}
	.footer_inner p{
		font-size: 1.3rem;
		margin: 2rem 0 0;
	}
	.footer_inner ul{
		float: none;
		width: 100%;
	}
	.footer_inner li{
		width: 100%;
		margin-left: 0;
		list-style: none;
		padding: 1rem 0;
		border-bottom: 1px solid #666;
		font-size: 1rem;
	}
	.footer_inner a{
		display: inline-block;
		width: 100%;
	}
	.copyright_wrapper{
		width: 96%;
		height: auto;
		margin: 0 auto;
		padding: 1rem 0 0 0;
	}
}
/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 .copyright_wrapper p{
		width: 98%;
		margin: 0 auto;
		text-align: left;
	}
}

/*---------------------------------------
20171106 クローズ対応
---------------------------------------*/
#f_2017 .close{
	color: #ffffff;
	font-size: 34px;
	text-align: center;
	line-height: 60px;
	width: 80%;
	height: 60px;
	max-width: 500px;
	background-color: rgba(203,14,15,0.8);
	margin: auto auto;
	margin-top: -10px;
	position: absolute;
	right: 0;
	left: 0;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}

/*---------------------------------------
20171208 レポートページへの導線追加
---------------------------------------*/
#f_2017 a.report { font-size: 22px; background-color: rgba(41, 127, 58, 0.7); box-shadow: 0px 0px 3px 1px #fff; }
#f_2017 a.report:hover { background: rgba(41, 127, 58, 0.85); box-shadow: 0px 0px 3px 1px #fff; }
#f_2017 .cnv-btn { position: relative; width: 100%; max-width: 1368px; margin: 0 auto 12rem; }
#f_2017 .cnv-btn .cnv-btn-area { text-align: center; }
#f_2017 .cnv-btn .report-half { display: inline-block; width: 40%; margin-right: 20px; }
#f_2017 .cnv-btn .dl-half { display: inline-block; width: 40%; margin-left: 20px; }
#f_2017 .cnv-btn a.report { background-color: rgba(41, 127, 58, 0.8); box-shadow: 0px 0px 3px 1px #fff; font-size: 20px; }
#f_2017 .cnv-btn a.report:hover { background: rgba(41, 127, 58, 0.85); box-shadow: 0px 0px 3px 1px #fff; }
#f_2017 .cnv-btn a.dl{ background-color: rgba(255, 90, 0, 0.8); box-shadow: 0px 0px 3px 1px #fff; font-size: 20px;  }
#f_2017 .cnv-btn a.dl:hover { background-color: rgba(255, 90, 0, 0.85); box-shadow: 0px 0px 3px 1px #fff; }
#f_2017 p.w-text { font-size: 13px; color: #fff; text-align: center; }
#f_2017 p.bl-text { font-size: 13px; color: #333; text-align: center; }
#f_2017 .sp-only { display: none; }

/*****************sp用*******************/
@media screen and (max-width:768px){
	#f_2017 .cnv-btn .cnv-btn-area { width: 92%; margin: 0 auto; }
	#f_2017 .cnv-btn .report-half, #f_2017 .cnv-btn .dl-half { width: 100%; margin: 0 auto; display: block; }
	#f_2017 .cnv-btn .report-half { margin-bottom: 40px; }
	#f_2017 .sp-only { display: inline-block; }
}

/*****************sp_tab用*******************/
@media screen and (max-width:1120px){
	#f_2017 .tb-only { display: inline-block; }
}