@charset "utf-8";

/*====================================
　　　更新情報
====================================*/

.newinfo_box {
	margin: 0px auto;
	padding: 15px 2em;
	width: 100%;
	text-align: left;
	display: flex;
	flex-direction: row;/*横並びに設定*/
	border-top: 2px solid #CCC;
}

@media screen and (max-width: 1294px) {
	.newinfo_box {
		width: 90%;
	}
}

/*@media screen and (max-width: 750px) {
	.newinfo_box {
		width: 85%;
		margin: 0px auto;
		padding: 15px 20px;
		flex-direction: column;/*縦並びに設定*　　　　　/
	}
}*/

@media screen and (max-width: 500px) {
	.newinfo_box {
		width: 92%;
		margin: 0px auto;
		padding: 15px 20px;
		flex-direction: column;/*縦並びに設定*/
	}
}


.newinfo_box .new-info {
	width: 190px;
	display: flex;
	border: 0px solid #0F0;
	flex-direction: column;/*縦並びに設定*/
}

@media screen and (max-width: 2560px) {
	.newinfo_box .new-info {
		width: 144px;
	}
}

@media screen and (max-width: 1920px) {
	.newinfo_box .new-info {
		width: 96px;
	}
}


.newinfo_box .new-info .tukihi {
	width: 100%;
	font-size: 32px;
	line-height: 1.2em;
	display: flex;
	border: 0px solid #f0f;
}

@media screen and (max-width: 2560px) {
	.newinfo_box .new-info .tukihi {
		font-size: 24px;
	}
}

@media screen and (max-width: 1920px) {
	.newinfo_box .new-info .tukihi {
		font-size: 16px;
	}
}

@media screen and (max-width: 1110px) {
	.newinfo_box .new-info .tukihi {
		font-size: 14px;
	}
}

@media screen and (max-width: 750px) {
	.newinfo_box .new-info .tukihi {
		font-size: 12px;
	}
}


.newinfo_box .new-info .new {
	width: 100%;
	display: flex;
	border: 0px solid #f0f;
}

.newinfo_box .new-info .new .newimg {
	width: 72px;
	line-height: 1.2em;
	display:flex;
	align-items: top;
}

@media screen and (max-width: 2560px) {
	.newinfo_box .new-info .new .newimg {
		width: 56px;
		display:flex;
		align-items: top;
	}
}

@media screen and (max-width: 1920px) {
	.newinfo_box .new-info .new .newimg {
		width: 40px;
		display:flex;
		align-items: top;
	}
}

@media screen and (max-width: 1110px) {
	.newinfo_box .new-info .new .newimg {
		width: 30px;
		display:flex;
		align-items: top;
	}
}



.newinfo_box .newtext {
	margin-left: 50px;
	padding: 0px;
	width: 92%;
	line-height: 1.2em;
	text-indent: -0.35em;
	border: 0px solid #0F0;
	flex-direction: row;/*横並びに設定*/
}

@media screen and (max-width: 2560px) {
	.newinfo_box .newtext {
		margin-left: 40px;
	}
}

@media screen and (max-width: 1920px) {
	.newinfo_box .newtext {
		margin-left: 30px;
	}
}

@media screen and (max-width: 1110px) {
	.newinfo_box .newtext {
		width: 96%;
		margin-left: 30px;
	}
}

@media screen and (max-width: 750px) {
	.newinfo_box .newtext {
		width: 90%;
		margin-top: 5px;
		margin-left: 40px;
	}
}

.newinfo_box .newtext a {
	color: #00F;
	text-decoration: none;
}


/*** 新着情報（もっと見る） ***/
.show-more {
	width: 400px;
	margin: 0px auto;
	border: 0px solid #F00;
}

@media screen and (max-width: 3200px) {
	.show-more {
		width: 333px;
		margin: 0px auto;
	}
}

@media screen and (max-width: 2560px) {
	.show-more {
		width: 266px;
		margin: 0px auto;
	}
}

@media screen and (max-width: 1920px) {
	.show-more {
		width: 200px;
		margin: 0px auto;
	}
}

@media screen and (max-width: 1110px) {
	.show-more {
		width: 150px;
		margin: 0px auto;
	}
}

@media screen and (max-width: 750px) {
	.show-more {
		width: 140px;
		margin: 0px auto;
	}
}


.show-more img {
	text-align: center;
	width: 100%;
}



/*=========================================================
   ウェビナーＢＯＸ設定
=========================================================*/
.webiner-kihonbox {
	width: 57.4%;
	padding: 1em 1.5em;
	margin: 0.5em auto;
	text-align: justify;
	background-color: #FFFFFF;
	border: 0px solid #000;
}

@media screen and (max-width: 1920px) {
	.webiner-kihonbox {
		width: 1100px;
	}
}

@media screen and (max-width: 1294px) {
	.webiner-kihonbox {
		width: 80%;
		padding: 1em .8em;
	}
}

@media screen and (max-width: 500px) {
	.webiner-kihonbox {
		width: 92%;
		padding: 1em .1em;
	}
}


.webiner-kihonbox .webiner_box {
	width: 100%;
	padding: 0em 1em;
	margin: 0.5em auto;
	text-align: left;
	display: flex;
	background-color: #FFFFFF;
	border: 0px solid #0F0;
	flex-direction: row;/*横並びに設定*/
}

@media screen and (max-width: 750px) {
	.webiner-kihonbox .webiner_box {
		flex-direction: column;/*縦並びに設定*/
	}
}



.webiner-kihonbox .webiner_box .webiner-r_box {
	width: 40%;
	padding: 1em;
	margin-right: 1em;
	text-align: center;
	background-color: #FFFFFF;
	border: 0px solid #CCC;
}

@media screen and (max-width: 750px) {
	.webiner-kihonbox .webiner_box .webiner-r_box {
		width: 50%;
	}
}

.webiner-kihonbox .webiner_box .webiner-r_box img {
	border: 2px solid #CCC;
}


.webiner-kihonbox .webiner_box .webiner-l_box {
	width: 60%;
	padding: 1em 1em 0em 1em;
	margin: 0em auto;
	text-align: left;
	background-color: #FFFFFF;
	border: 0px solid #F00;
}

@media screen and (max-width: 750px) {
	.webiner-kihonbox .webiner_box .webiner-l_box {
		width: 85%;
		margin-right: 0.5em;
	}
}



.webiner-burasage2 {
	margin-left: 2em;
	text-indent: -2.0em;
}




/*=========================================================
   ウェビナー詳細ページへ
=========================================================*/
.detail-png {
	width: 100%;
	margin: 0px auto;
	text-align: right;;
	background-color: #FFFFFF;
	border: 0px solid #000;
}

.detail-png img {
	width: 400px;
	border: 0px solid #000;
}

@media screen and (max-width: 3200px) {
	.detail-png img {
		width: 333px;
	}
}

@media screen and (max-width: 2560px) {
	.detail-png img {
		width: 266px;
	}
}

@media screen and (max-width: 1920px) {
	.detail-png img {
		width: 200px;
	}
}

@media screen and (max-width: 1110px) {
	.detail-png img {
		width: 150px;
	}
}

@media screen and (max-width: 750px) {
	.detail-png img {
		width: 140px;
	}
}



.webiner-syusaibox {
	width: 57.4%;
	padding: 1em 1.5em;
	margin: 0.5em auto;
	text-align: justify;
	background-color: #FFFFFF;
	border: 0px solid #000;
}

@media screen and (max-width: 1920px) {
	.webiner-syusaibox {
		width: 1100px;
	}
}

@media screen and (max-width: 1220px) {
	.webiner-syusaibox {
		width: 90%;
		padding: 1em .8em;
	}
}

@media screen and (max-width: 500px) {
	.webiner-syusaibox {
		width: 95%;
		padding: 1em .1em;
	}
}


.fcjwebiner-box {
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
	background-color: #2891F6;
/*	background-image: url("../images/fcj-pfas_backimage-1_w1010.png");
	background-repeat: repeat-y;
	background-size: 100%;
	border-top: 3px solid #008FD4;
	border-bottom: 3px solid #008FD4;*/
	border-radius: 40px;
}

@media screen and (max-width: 940px) {
	.fcjwebiner-box {
		width: 90%;
	}
}

@media screen and (max-width: 700px) {
	.fcjwebiner-box {
		width: 100%;
		border-radius: 30px;
	}
}


.syusai_box {
	width: 90%;
	padding: 1em;
	margin: 0px auto;
	text-align: center;
	border: 0px solid #4169E1;
}

@media screen and (max-width: 700px) {
	.syusai_box {
		width: 100%;
		padding: 0em;
	}
}


.program-11pt {
	font-weight: 900;
	font-size: 11pt;
	line-height: 1.8;
}

.program-12pt {
	font-weight: 500;
	font-size: 12pt;
	line-height: 1.5;
}

.program-12ptb {
	font-weight: 900;
	font-size: 12pt;
	line-height: 1.5;
}

.program-14pt {
	font-weight: 500;
	font-size: 14pt;
	line-height: 1.8;
}

.webiner-14pt {
	font-weight: 900;
	font-size: 14pt;
	line-height: 1.8;
}

.webiner-16pt {
	font-weight: 900;
	font-size: 16pt;
	line-height: 1.5;
}

.webiner-18pt {
	font-weight: 900;
	font-size: 18pt;
	line-height: 1.8;
}

.webiner-18pt-h {
	font-weight: 900;
	font-size: 18pt;
	line-height: 1.3;
}

.webiner-20pt {
	font-weight: 900;
	font-size: 20pt;
	line-height: 1.5;
	padding: 0px;
	margin: 0px;
}

.webiner-22pt {
	font-weight: 900;
	font-size: 22pt;
	line-height: 1.5;
}

.webiner-24pt {
	font-weight: 900;
	font-size: 24pt;
	line-height: 1.8;
	letter-spacing: -.03em;
}

.webiner-36pt {
	font-weight: 900;
	font-size: 36pt;
	line-height: 1.8;
	letter-spacing: -.03em;
}

.webiner-48pt {
	font-weight: 900;
	font-size: 48pt;
	line-height: 1.5;
}

/*@media screen and (max-width: 1024px) {
	.fcjwebiner-box {
		width: 95%;
	}
}

@media screen and (max-width: 1024px) {
	.fcjwebiner-box01 {
		width: 95%;
	}
}*/

.kaisaibi-box {
	width: 650px;
	height: 462px;
	padding: 15px 1px 10px 1px;
	margin: 0px auto;
	text-align: center;
	background-color: #;
	background-image: url("../img/migisita-kado-w650_h460.png");
	background-position: bottom;
	border: 0px solid #4169E1;
}

.kaisaibi-box650-h360 {
	width: 650px;
	height: 362px;
	padding: 15px 1px 10px 1px;
	margin: 0px auto;
	text-align: center;
	background-color: #;
	background-image: url("../img/migisita-kado-w650_h360.png");
	background-position: bottom;
	border: 0px solid #4169E1;
}


.detail_img {/*===== ウェビナー詳細ページ画像設定 =====*/
	width: 650px;
	padding: 0px;
	margin: 10px auto 0px auto;
	border: 0px solid #CDDBF6;
}

.puroguramu {/*===== プログラム等文字 =====*/
	width: 100%;
	text-align: center;
	font-size: 180%;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.05em;
	padding: 10px 0px;
}

.program_box { /*===== 資料、Q&Aダウンロード設定 =====*/
	width: 90%;
	padding: 30px 30px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
	background-size: 100%;
	border: 0px solid #4169E1;
}


.toiawase-box {
	width: 30em;
	padding: 30px 30px;
	margin: 1em 4em 1em auto;
	text-align: left;
	background-color: #FFFFFF;
	border-radius: 15px;
}

@media screen and (max-width: 700px) {
	.toiawase-box {
		width: 23em;
		padding: 1em;
		margin: 1em 1em 1em auto;
		font-size: 12px;
	}
}