@charset "utf-8";
/* ===================================================================
CSS information

file name  :  seminar/css/accounting_it_forum_2017_report.css
style info :  経理ITフォーラム2017　経理にイノベーションをおこせ　開催レポート用（seikyu/seminar/itforum2017_report.asp）

=================================================================== */
/**************デバイス共通***************/
/*---------------------------------------
reset
---------------------------------------*/
html{
	font-size: 100%;
}
body,h3,h2,dl,dt,dd,p,figure{
	padding: 0;
	margin: 0;
	background: none;
	float: none;
	font-weight: normal;
}
li{
	list-style: none;
}
p{
    width: 100%;
    margin: 0;
    padding: 0;
    text-shadow: none;
}
a{
	text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

/*---------------------------------------
breakPoint
---------------------------------------*/
/*pconly*/
@media screen and (max-width:991px){
	#f_2017_report .pconly{
		display: none !important;
	}
}
/*sp_tab*/
@media screen and (min-width:991px){
	#f_2017_report .sp_tab{
		display: none !important;
	}
}
/*sponly*/
@media screen and (min-width:768px){
	#f_2017_report .sponly{
		display: none !important;
	}
}
/*pc_tab*/
@media screen and (max-width:767px){
	#f_2017_report .pc_tab{
		display: none !important;
	}
}
/*---------------------------------------
font
---------------------------------------*/
#f_2017_report{
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #222;
	font-size: 16px;
}
/*---------------------------------------
common
---------------------------------------*/
/*a　透過
a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.8;
	opacity: 0.8;
}*/
/*inline-block化*/
a,span{
	display: inline-block;
}
/*clearfix*/
.cf:after {
    content:" ";
    display:block;
    clear:both;
}
/*img 100%*/
img{
	width: 100%;
}
/*コンバージョンボタン*/
#f_2017_report .cvbtn{
	position: relative;
	width: 60%;
	height: 4.9rem;
	max-width: 610px;
	margin: 0 auto;
	background: #4d4d4d;
}
#f_2017_report .cvbtn:hover{
	background: #b8b8b8;	
}
#f_2017_report .cvbtn a{
	position: absolute;
	top:-2px;
	left: -2px;
	width: 100%;
	padding: 1.5rem 0;
	font-size: 1.25rem;
	color: #fff;
	text-align: center;
	background: rgba(255,90,0,0.85);
}
#f_2017_report .cvbtn a:after{
	position:absolute;
	top: 4px;
	right: 4px;
	width:0;
	height:0;
	content:"";
	border:0.6rem solid transparent;
	border-top-color: #fff;
	border-right-color: #fff;
}
/*---------------------------------------
レイアウト
---------------------------------------*/
#f_2017_report .inner{
	display: block;
	width: 96%;
	max-width: 1024px;
	margin: 0 auto;
}
#f_2017_report section{
	width: 100%;
	margin: 0 auto 6.5rem;
}
/*---------------------------------------
header
---------------------------------------*/
#f_2017_report header{
	position: relative;
	z-index: 3;
}
/*---------------------------------------
main mainv
---------------------------------------*/
#f_2017_report .mainv{
	position: relative;
	margin: -3rem auto 0;
	padding: 3.5rem 0 13rem 0;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_mainv_bg.png) no-repeat center;
	background-size: cover;
	z-index: 2;
}
#f_2017_report .mainv .ttl_left{
	display: inline-block;
	width: 17%;
	max-width: 10rem;
	margin-right: 1%;
	color: #fff;
	vertical-align: top;
}
#f_2017_report .mainv .ttl_right{
	display: inline-block;
	position: relative;
	width: 82%;
	height: 10rem;
	vertical-align: top;
	color: #fff;
}
#f_2017_report .mainv .ttl_right dt{
	position: absolute;
	left: 0;
	bottom: 1rem;
	font-size: 3rem;
}
#f_2017_report .mainv .ttl_right dd{
	width: 100%;
	padding: 1rem 0 0.25rem;
	border-bottom: 1px solid #fff;
}
#f_2017_report .mainv .ttl_right dd .theme{
	width: 50%;
	font-size: 1.8rem;
}
#f_2017_report .mainv .ttl_right dd .date,
#f_2017_report .mainv .ttl_right dd .venue{
	font-size: 1rem;
}
#f_2017_report .mainv p{
	color: #fff;
	font-size: 0.8rem;
	text-align: right;
}
/*---------------------------------------
main lead
---------------------------------------*/
#f_2017_report .lead{
	margin: -5rem auto 4rem;
	text-align: center;
}
#f_2017_report .lead h3{
	color: #287f3a;
	font-size: 1.5rem;
	line-height: 1.5;
}
#f_2017_report .lead h3 .line{
    width: 4%;
    margin: 0.5rem auto 1.5rem;
    border: 1px solid #287f3a;
}
#f_2017_report .lead p{
	color: #4c4c4c;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 2.5rem;
}
/*---------------------------------------
main opinion
---------------------------------------*/
#f_2017_report .opinion{
	position: relative;
	padding: 3rem 0;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_opinion_bg.png) no-repeat center;
	background-size: cover;
}
#f_2017_report .opinion h3{
	margin-bottom: 1.5rem;
	color: #222222;
	font-size: 1.75rem;
	line-height: 1;
}
#f_2017_report .opinion ul{
	display: inline-block;
	width: 49%;
	margin-right: 1%;
	vertical-align: top;
}
#f_2017_report .opinion ul.right{
	margin-right: 0;
}
#f_2017_report .opinion li{
	width: 100%;
	height: 6rem;
	padding: 2%;
	margin-bottom: 1rem;
	background: #fff;
	border-radius: 0.3rem;
	border-left:  0.5rem solid #539961;
	box-sizing: border-box;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}
#f_2017_report .opinion li:last-child{
	margin-bottom: 0;
}
#f_2017_report .opinion li span{
	display: inline;
	color: #29803a;
}
#f_2017_report .opinion p{
	padding: 1.5rem 0;
	font-size: 1.15rem;
	color: #666;
	text-align: right;
	line-height: 1;
}
#f_2017_report .opinion .cvbtn{
	position: absolute;
	bottom: -2rem;
	left: 0;
	right: 0;
}
/*---------------------------------------
main contents 共通
---------------------------------------*/
#f_2017_report .r_contents h3{
	width: 100%;
	padding: 4rem 0 0.5rem;
	font-size: 2rem;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_ttl_bg.png) no-repeat center;
	background-size: cover;
}
#f_2017_report .r_contents h3 .part{
	margin-right: 1rem;
	font-size: 1.75rem;
}
#f_2017_report .r_contents figure{
	width: 100%;
	max-height: 160px;
	margin-bottom: 1.5rem;
	overflow-y: hidden;
}
/*---------------------------------------
main contents.speech
---------------------------------------*/
#f_2017_report .speech li{
	margin-bottom: 1rem;
	padding-bottom: 0.2rem;
}
#f_2017_report .speech li.bg1{
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_speech_bg1.png) no-repeat center;
	background-size: cover;
}
#f_2017_report .speech li.bg2{
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_speech_bg2.png) no-repeat center;
	background-size: cover;
}
#f_2017_report .speech li.bg3{
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_speech_bg3.png) no-repeat center;
	background-size: cover;
}
#f_2017_report .speech dl{
	padding: 2rem 0 4rem;
}
#f_2017_report .speech dt,
#f_2017_report .speech dd{
	width: 72%;
	max-width: 732px;
	margin: 0 0 0 auto;
}
#f_2017_report .speech .bg2 dt,
#f_2017_report .speech .bg2 dd{
	margin: 0 auto 0 0;
}
#f_2017_report .speech .bg2 dt{
	margin-bottom: 0.5rem;
}
#f_2017_report .speech dt{
	font-size: 1.75rem;
	line-height: 1;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: 2px solid #e6e6e6;
}
#f_2017_report .speech dt span{
	width: 100%;
	font-size: 1rem;
	color: #666666;
}
#f_2017_report .speech dd{
	font-size: 0.9rem;
}
/*---------------------------------------
main contents.discussion
---------------------------------------*/
#f_2017_report .discussion .theme{
	width: 100%;
	padding: 1.5rem 0;
	margin-bottom: 1.5rem;
	background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_discussion_themebg.png) no-repeat center;
	background-size: cover;	
}
#f_2017_report .discussion .theme dl.inner{
	width: 84%;
	padding: 1.5rem 2.5% 0.5rem;
	background: rgba(255,255,255,0.5);
}
#f_2017_report .discussion .theme dt.ttl{
	font-size: 1.25rem;
	font-weight: bold;
}
#f_2017_report .discussion .theme dl.inner dd dl{
	margin-bottom: 1rem;
}
#f_2017_report .discussion .theme dl.inner dd dl dt{
	color: #666666;
}
#f_2017_report .discussion dl dt.name{
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
	color: #999;
	text-decoration: underline;
}
#f_2017_report .discussion dl dd.txt{
	font-size: 0.9rem;
	line-height: 1.5;
}
#f_2017_report .discussion dl dd.txt p{
	margin-bottom: 1rem;
}
#f_2017_report .discussion .img_left,
#f_2017_report .discussion .img_right{
	margin-bottom: 2.5rem;
}
#f_2017_report .discussion .img_left .img{
	float: left;
	width: 35%;
	margin-right: 2.5%; 
}
#f_2017_report .discussion .img_left dt{
	width: 62.5%;
	float: right;
}
#f_2017_report .discussion .img_right .img{
	float: right;
	width: 35%;
	margin-left: 2.5%; 
}
#f_2017_report .discussion .img_right dt{
	width: 62.5%;
	float: left;
}
#f_2017_report .discussion .continue{
	width: 100%;
	margin-bottom: 1.5rem;
	text-align: center;
}
#f_2017_report .discussion .continue img{
	width: 134px;
}
#f_2017_report .discussion p.txt{
	margin-bottom: 1rem;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.2;
}
#f_2017_report .discussion p.txt span{
	font-size: 0.9rem
}
/*---------------------------------------
aside
---------------------------------------*/
#f_2017_report aside{
	width: 100%;
}
#f_2017_report aside figure{
	width: 100%;
	max-height: 240px;
	overflow-y: hidden;
}
/*---------------------------------------
footer
---------------------------------------*/
#f_2017_report .footer_wrapper{
	background: #222;
}
#f_2017_report .copyright_wrapper p{
	width: 40%;
}
#f_2017_report .copyright_wrapper p.copyright{
	text-align: right;
}
/*****************tab_PC用*******************/
@media screen and (min-width:991px){
	#f_2017_report .discussion .theme dl.inner dd dl dd br{
		display: none;
	}
}
@media screen and (min-width:768px) and ( max-width:1054px){
	/*---------------------------------------
	main mainv
	---------------------------------------*/
	#f_2017_report .mainv .ttl_right{
		width: 80%;
		height: 9rem;
	}
	#f_2017_report .mainv .ttl_right dt{
		font-size: 2.5rem;
	}
	#f_2017_report .mainv .ttl_right dd{
		padding-top: 0;
		line-height: 1.3;
	}
	#f_2017_report .mainv .ttl_right dd .theme{
		width: 100%;
	}
}
/*****************tab用*******************/
@media screen and (min-width:768px) and ( max-width:991px){
	/*---------------------------------------
	main opinion
	---------------------------------------*/
	#f_2017_report .opinion li{
		height: 6.8rem;
	}
	/*---------------------------------------
	main speech
	---------------------------------------*/
	#f_2017_report .speech dl{
		width: 66%;
		margin: 0 2% 0 auto;
	}
	#f_2017_report .speech li.bg1{
		background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_speech_bg1_sp.png) no-repeat left bottom;
		background-size: contain;
	}
	#f_2017_report .speech li.bg2{
		background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_speech_bg2_sp.png) no-repeat left bottom;
		background-size: contain;
	}
	#f_2017_report .speech li.bg3{
		background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_speech_bg3_sp.png) no-repeat left bottom;
		background-size: contain;
	}
}

/*****************sp_tab用*******************/
@media screen and (max-width:991px){
	/*---------------------------------------
	main speech
	---------------------------------------*/
	#f_2017_report .speech dt,
	#f_2017_report .speech dd{
		width: 100%;
		max-width: initial;
	}
	#f_2017_report .speech dt{
		line-height: 1.4;
	}

	/*---------------------------------------
	footer
	---------------------------------------*/
	.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_report .inner{
		width: 92%;
	}
	#f_2017_report .r_contents h3{
		font-size: 1.75rem;
	}
	#f_2017_report .r_contents h3 .part{
		font-size: 1.5rem;
	}
	#f_2017_report .r_contents h3 span{

	}
	#f_2017_report .cvbtn{
		width: 92%;
		height: 3.5rem;
	}
	#f_2017_report .cvbtn a{
		padding: 1rem 0;
		font-size: 1rem;
	}
	#f_2017_report section{
		margin-bottom: 2rem;
	}
	/*---------------------------------------
	main mainv
	---------------------------------------*/
	#f_2017_report .mainv{
		padding-bottom: 6rem;
		background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_mainv_bg_sp.png) no-repeat center;
		background-size: cover;
	}
	#f_2017_report .mainv .ttl_left,
	#f_2017_report .mainv .ttl_right{
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto 2rem;
		text-align: center;
	}
	#f_2017_report .mainv .ttl_right dt{
		position: relative;
		font-size: 1.75rem;
		border-bottom: 1px solid #fff;
	}
	#f_2017_report .mainv .ttl_right dd{
		padding-top: 0;
		border-bottom: none;
	}
	#f_2017_report .mainv .ttl_right dd .theme{
		width: 100%;
		font-size: 1.2rem;
	}
	#f_2017_report .mainv p{
		text-align: left;
	}
	/*---------------------------------------
	main lead
	---------------------------------------*/
	#f_2017_report .lead h3{
		font-size: 1.25rem;
	}
	#f_2017_report .lead{
		margin-top: 0;
	}
	#f_2017_report .lead p br{
		display: none;
	}
	/*---------------------------------------
	main opinion
	---------------------------------------*/
	#f_2017_report .opinion ul{
		width: 100%;
		margin: 0 0 1rem 0;
	}
	#f_2017_report .opinion li{
		height: auto;
	}
	#f_2017_report .opinion p{
		text-align: center;
		line-height: 1.4;
	}
	/*---------------------------------------
	main speech
	---------------------------------------*/
	#f_2017_report .speech li{
		margin-bottom: 2rem;
	}
	#f_2017_report .speech dl{
		padding: 0;
	}
	#f_2017_report .speech dt{
		font-size: 1.25rem;
		margin-bottom: 0.75rem;
	}
	#f_2017_report .speech dt span{
		font-size: 0.9rem;
		margin-top: 0.25rem;
	}
	#f_2017_report .speech li.bg1,
	#f_2017_report .speech li.bg2,
	#f_2017_report .speech li.bg3{
		background: none;
	}
	/*---------------------------------------
	main discussion
	---------------------------------------*/
	#f_2017_report .discussion .theme{
		background: url(/web/jp/seminar/images/accounting_it_forum/f_2017_report_discussion_themebg_sp.png) no-repeat center;
		background-size: cover;
	}
	#f_2017_report .discussion .theme dl.inner{
		width: 80%;
		padding: 1.5rem 5% 0.5rem;
	}
	#f_2017_report .discussion .theme dt.ttl{
		font-size: 1.2;
		margin-bottom: 1rem;
	}
	#f_2017_report .discussion .theme dl.inner dd dl{
		margin-bottom: 1.5rem;
	}
	#f_2017_report .discussion .theme dl.inner dd dl dt,
	#f_2017_report .discussion .theme dl.inner dd dl dd{
		margin-bottom: 0.5rem;
	}
	#f_2017_report .discussion .theme dl.inner dd dl dt{
		border-bottom: 1px solid #666666;
	}
	#f_2017_report .discussion .img_left dt,
	#f_2017_report .discussion .img_right dt{
		float: none;
	}
	#f_2017_report .discussion .img_left .img,
	#f_2017_report .discussion .img_right .img{
		float: none;
		width: 100%;
		margin: 0 auto 0.5rem;
		text-align: center;
	}
	#f_2017_report .discussion .img_left .img img,
	#f_2017_report .discussion .img_right .img img{
		max-width: 360px;
		margin: 0 auto;
	}
	#f_2017_report .discussion p.txt{
		font-size: 1.15rem;
	}
	/*---------------------------------------
	footer
	---------------------------------------*/
	#f_2017 .copyright_wrapper p{
		width: 98%;
		margin: 0 auto;
		text-align: left;
	}
}