/*-----------------サービスBOX----------------------*/
.service_box,
.service_box_start{
	width:30%;
	font-size:90%;
	line-height:170%;
	margin:15px 0 0 0;
}
.service_box a { text-decoration: underline;}
.service_box{padding-left:10px;}
.service_box_start{padding-left:15px;clear:both;}

.service_box h4{
	font-size:130% !important;
	width:100%;
	margin:1em auto!important;
    padding: 0!important;
    border-bottom: none!important;
	line-height:130%;
	letter-spacing:0;
}
.service_box h2.title,
.service_box_start h2.title{
	margin:0 0 10px;
	color:#000!important;
	font-size:1.9rem!important;
	letter-spacing:0;
}
.service_box > a, .service_box_start > a { text-decoration: none!important;}
.service_box p, .service_box_start p { margin: 16px 0 0!important;}
img[src*="detail_btn.png"] { width: 96px; height: auto;}
/*.support_box .service_box h2.title,
.support_box .service_box_start h2.title,*/
.made_box .service_box h2.title,
.made_box .service_box_start h2.title,
.lms_box .service_box h2.title,
.lms_box .service_box_start h2.title{font-size:16px;}

.title_link { display: flex; flex-direction: column; align-items: flex-start;}
.service_box.title_link a,
.service_box_start.title_link a{display:block;text-decoration:none;}
.service_box.title_link a:hover,
.service_box_start.title_link a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
.service_box .sub_title,
.service_box_start .sub_title{color:#F5C503;font-weight:bold;}
.service_box h2.col02,.service_box_start h4.col02{min-height:42px;}
.service_box h2.col03,.service_box_start h4.col03{min-height:63px;}

@media (min-width: 1200px) {
	.service_box,
	.service_box_start{margin: 0 0 48px;}
	.w_960 .service_box{padding-left:0px;}
	.w_960 .service_box,
	.w_960 .service_box_start{margin:32px 25px 0;}
}
@media (max-width: 980px) {
	.service_box,
	.service_box_start{
		width:47%;
		padding-left: 0px;
		clear:none;
	}
	.top-inline-box{display:block;clear:both;}
	.top-inline-box:after{
		content: ".";   
		display: block;   
		height: 0;   
		clear: both;   
		visibility: hidden;  
	}
	.service_box.title_link a,
	.service_box_start.title_link a{text-align:center;}

	.service_box h2.title,
	.service_box_start h2.title{border-left:none;}
}
@media (max-width: 768px) {
	.service_box,
	.service_box_start{ width: 100%;}
}
@media (max-width: 560px) {
	.service_box,
	.service_box_start{min-height:auto;}
}


@media (max-width: 480px) {
	.service_box,
	.service_box_start{
		width:auto;
		height:auto !important;
		float:none;
		min-height:auto;
		margin:auto 10px;
	}
	.service_box,
	.service_box_start{padding:10px 0;}
	.service_box,
	.service_box_start{border-top:1px solid #CCC;}
}

/*-----------------ニュース----------------------*/
.news,
#whatsnew{
	width:97%;
	margin-bottom:20px;
	clear: both;
	font-size:80%;
}
.news dl dd,
#whatsnew dl dd{
	font-size:14px;
	margin:0px;
	padding: 5px 0em 5px 105px !important;
	border-bottom:1px dotted #cccccc;
	}
.news dl dd{
	margin:0px;
	padding: 5px 0em 5px 0px !important;
	border-bottom:1px dotted #cccccc;
	}
.news dl,
#whatsnew dl{width:97%;margin:2px auto 0px;padding:0;clear: both;}
.news dl dt,
#whatsnew dl dt{
	padding: 5px 0px 5px 5px;
	margin:auto; 
	clear: both; 
	float: left;
	width:100px;
	color:#666666;
}
.news a,
#whatsnew a{padding: 0px 0px;margin:0px;}

@media (max-width: 980px) {
	.news,
	#whatsnew{width:auto;}
	.news dl,
	#whatsnew dl{width:auto;}
	.news dl dt,
	#whatsnew dl dt{padding-left:5px;}
	.news dl dd,
	#whatsnew dl dd{padding-right:5px;}
}
@media (max-width: 768px) {
	.news dl dd{padding: 5px 10px 5px 10px !important;}
	#whatsnew dl dd{padding: 0px 10px 0px 10px !important;}
	.news dl dt,
	#whatsnew dl dt{
		float:none;
		text-align:left;
		font-size: 10px;
		padding: 0px 10px 0px 10px;
		width:auto;
	}
}


/*-----------------おすすめボックス----------------------*/
.int_box{
	border-top:1px #ffffff solid;
	border-bottom:1px #cccccc solid;
	clear:both;
	font-size:80%;
}
.int_box p{
	margin:0;
	padding-left:10px;
	margin:10px 0 0 0 ;
}
.int_box .company,
.int_box .comment{
	width:140px;
	float:left;
	line-height:140%;
}
.int_box img,
.int_box .comment{
	font-size:12px;
	padding-bottom:10px;
}
.int_box a{display:block;}
.int_box a:hover{background:#ffffff;}

@media (max-width: 980px) {
	.int_box{width:50%;float:left;clear:none;}
	.int_box.kisuu{width:100%;}
	.int_box.bottom{border-bottom:1px solid #CCC;}
	.int_box a{border-left:1px solid #CCC;border-right:1px solid #FFF;}
	.int_box .lf{float:left;}
	.int_box p{padding-right:5px;}
	.int_box .company,
	.int_box .comment{width:auto;float:none;}
	.int_box a{text-decoration:none;}
	.int_box a .company{text-decoration:underline;}
	.int_box a:hover .company{text-decoration:none;}
}
@media (max-width: 560px) {
	.int_box{width:100%;float:none;clear:both;}
}

/*-----------------banner----------------------*/
.top_banner{text-align:center;}

@media (max-width: 980px) {
	.top_banner{display:inline-block;width:30%;margin-left:2.5%;text-align:center;}
	.top_banner img{width:auto;height:100px;}
	.top_banner a{text-align:center;display:inline-block;width:30%;margin-left:2.5%;}
}
@media (max-width: 480px) {
	.top_banner{width:48%;margin-left:1%;}
}

/*-----------------labo----------------------*/
.labo_wrap{
	padding:10px;
	margin-top:15px;
	background:#F3F3F3;
}
.labo_wrap .image-box{
	text-align:center;
	float:left;
	margin:0px 30px;
}
.labo_wrap .image-box img{
	max-width:100%;
}
.box .labo_wrap .text{
	clear:none;
}
.youtube {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 320px;
	height: 180px;
}
.youtube::before {
	position: absolute;
	content: "Play movie";
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 180px;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s;
}
.youtube:hover::before {
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	transition: all 0.3s;
}

@media (max-width: 767px) {
	.labo_wrap .image-box{
		float:none;
		margin:0px auto;
	}
}


@media (max-width: 767px) {
	.youtube {
		width: 100%;
		height:auto;
	}
}

@media (max-width: 980px) {
	.top_flow ul li.span2{margin-left:15px;}
}
/* /top */
/* sub */
/*LMSページTOP画像*/
.lms_main_image{position:absolute;top: 10px;right: 80px;z-index:1;}
#lms_ttl01{
	width: 1170px;
	height: 350px;
	margin: 0 auto;
	position:relative;
}
#lms_ttl01 .badge{
	z-index:2;
	position:absolute;
	top: 30px;
	right: 0;
}
#lms_ttl01 .text_block{
	width: 455px;
	padding: 30px 0 0 0;
	text-align: center;
}
#lms_ttl01 .lms_logo_image{
	z-index:2;
	position:relative;
}
.lms_main_text1{
	z-index:2;
	position:relative;
	font-size: 34px;
	line-height: 34px;
}
.lms_main_text1 .small{
	font-size: 20px;
}
.lms_main_text2{
	z-index:2;
	position:relative;
	margin-top:5px;
	font-size: 22px;
	line-height: 26px;
}
.lms_main_text3_box{
	margin-top:15px;
	/* width: 435px; */
}
.lms_main_text3{
	font-size: 14px;
	line-height: 18px;
}

#lms_ttl01 .btn_demo_contact{
	display: block;
	width: 265px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	margin: 10px auto 0;

	background: #35b2d5; /* Old browsers */
	background: -moz-linear-gradient(top, #35b2d5 0%, #2b91ac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35b2d5), color-stop(100%,#2b91ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #35b2d5 0%,#2b91ac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #35b2d5 0%,#2b91ac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #35b2d5 0%,#2b91ac 100%); /* IE10- */
	background: linear-gradient(to bottom, #35b2d5 0%,#2b91ac 100%); /* W3C */


}
#lms_ttl01 .btn_demo_contact:hover{
	border-radius: 5px;
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}

@media screen and (max-width: 1199px) {
	#lms_ttl01 {
		width: 960px;
	}
	.lms_main_image {
		top: 50px;
		right: 20px;
	}
	.lms_main_image img {
		width: 480px;
		height: auto;
	}
	#lms_ttl01 .badge {
		top: 10px;
	}
}

@media (max-width: 980px) {
	.lms_main_image{width:50%;top: 30px;right: 3%;}
	.lms_main_image img{width:100%;height:auto;}
	#lms_ttl01 .lms_logo_image{width: 70%;margin: 5px auto;}
	#lms_ttl01 .lms_logo_image img{width:100%;height:auto;}
	#lms_ttl01{
		width: 100%;
		/* height: auto; */
		margin: 0 auto;
		position:relative;
	}

	#lms_ttl01 .badge{
		position:absolute;
		width:15%;
		top: 20px;
		left: auto;
		right: 0;
	}
	#lms_ttl01 .badge img{width:100%;height:auto;}
	#lms_ttl01 .text_block{width: 47%;/* padding: 20px 0 0 0; */box-sizing: border-box;}
	.lms_main_text1{font-size: 26px;line-height: 28px;}
	.lms_main_text1 .small{font-size: 15px;}
	.lms_main_text2{font-size: 14px;line-height: 16px;}
	.lms_main_text3_box{width: auto;}

	#lms_ttl01 .btn_demo_contact{/* width: 40%; */margin: 10px auto 0 auto;}
	.request1,
	.request2,
	.request3,
	.request4{font-size:14px;}
}
@media (max-width: 812px) {
	#lms_ttl01 .text_block{padding: 20px 0 30px 0;}
	.lms_main_text1{font-size: 20px;line-height: 22px;}
	.lms_main_text1 .small{font-size: 11px;}
	.lms_main_text2{font-size: 11px;line-height: 13px;}
	.lms_main_text3_box{width: auto;}
	#lms_ttl01 .btn_demo_contact{font-size:14px;width: 80%;margin: 10px 0 0 0;}
	.lms_main_image {width: 45%;top: 60px;}
	#lms_ttl01 .text_block{width: 60%;text-align: left;padding-left: 2%;}
	#lms_ttl01 .lms_logo_image{margin:0;}
	#lms_ttl01{height:auto;}
}
@media (max-width: 480px) {
	.lms_main_image{width:35%;top: 45px;}
	#lms_ttl01 .badge{top: 45%;width:25%;}
	#lms_ttl01 .text_block{padding: 20px 0 30px 10px;width: 90%;}
	.lms_main_text1{width:70%;font-size: 16px;line-height: 18px;}
	.lms_main_text1 .small{font-size: 9px;}
	.lms_main_text2{font-size: 10px;line-height: 12px;}
	.lms_main_text3_box{width: auto;}
	#lms_ttl01 .btn_demo_contact{width:60%;font-size:14px;}
	#lms_ttl01 .lms_logo_image{width: 50%;}
}
/* LMSサブページ */
/* ご要望 */
.request1,
.request2,
.request3,
.request4{
	background-position:center left;
	background-repeat:no-repeat;
	padding:10px 0px 10px 75px;
	letter-spacing:1px;
	margin-bottom: 16px;
	font-weight:bold;
	font-size:105%;
}

.request1{background-image: url(/pict/lms_request1.png) ;}
.request2{background-image: url(/pict/lms_request2.png) ;}
.request3{background-image: url(/pict/lms_request3.png) ;}
.request4{background-image: url(/pict/lms_request4.png) ;}


.arrowbox {
	position: relative;
	border: 1px solid #cccccc;
	padding:10px;
	margin-right:20px;
}
.arrowbox:after, .arrowbox:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowbox:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFF;
	border-width: 12px;
	margin-top: -12px;
}
.arrowbox:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #cccccc;
	border-width: 13px;
	margin-top: -13px;
}

/*教材提供ページTOP画像*/
.course_ttl01{
	background:url(/pict/course_ttl01.png?20180829) 0 0 repeat-x;
	color:#FFF;
	margin-bottom:30px;
	padding:1%;
	padding:1px\9;
	text-align:left;
}
.course_ttl01 .text_box{
	background:url(/pict/course_topbg.png?20161110) 0 0 repeat;
	max-width:700px;
	margin:20px auto;
	padding:20px 10px 10px;
	text-align:center;
}
.course_ttl01 h2{font-size:32px;line-height:34px;margin:0px 0px 10px 0;text-decoration:underline;}
.course_ttl01 p{margin:5px 0 0 20px;text-align:left;}


@media (max-width: 980px) {
	.course_ttl01{background-size:cover;margin-bottom:0px;}
	.course_ttl01 .text_box{margin:8% 12%;}
	.course_ttl01 h2{font-size:26px;line-height:20px;}
	.course_ttl01 .text_box p{font-size:14px;line-height:18px;}
}
@media (max-width: 768px) {
	.course_ttl01 .text_box{margin:5% 8%;}
	.course_ttl01 h2{font-size:20px;line-height:24px;}
	.course_ttl01 .text_box p{margin-left:0;font-size:12px;line-height:16px;}
}
@media (max-width: 480px) {
	.course_ttl01 .text_box{padding: 5px 5px 5px;margin:2% 3%;}
	.course_ttl01 h2{  margin: 0px 0px 0px 0;font-size:14px;line-height:16px;}
	.course_ttl01 .text_box p{font-size:10px;line-height:14px;}
}
@media (max-width: 360px) {
	.course_ttl01 .text_box p{line-height:12px;}
}


/*--------------------------講座・実績ページ用WP--------------------------*/
p.wp_cate{
	background:#E2DBBA;
	font-size:11px;
	text-align:center;
	border:1px #CABF82 solid;
}


.wp th,
.wp td{
	padding:10px 0;
	text-align:center;
}

.wp_contents th,
.wp_contents td{
	padding:7px 2px;
}


/* tag
.tag a{
	background:#daa520;
	color:#ffffff;
	font-size:11px;
	padding:2px 10px;
	border:1px #ffffff solid;
	line-height:120%;
	/line-height:160%;
}

:root *> .tag a{float:left;}
 */
p.tag{
	margin:10px 0;
	clear:both;
}

p.result-tag,
p.result-tag_s{
	margin:5px auto!important;
	padding:0!important;
	clear:both;
}

p.result-tag{	width:100%;}
p.result-tag_s{	width:100%;}

.result-tag span,
.result-tag_s span{
	background:#daa520;
	color:#ffffff;
	font-size:11px;
	padding:2px 10px ;
	border:1px #ffffff solid;
}


.cur_box .hide_box {
	display: block;
}
.cur_box .open{display:none;}
@media (min-width: 980px) {
	.cur_box .hide_box {
		display: block !important;
	}
}
@media (max-width: 980px) {
	.cur_box .open{display:block;}
	.cur_box .open p{display:block;margin:10px auto;line-height:32px;}
	.curbtn {
		width: 250px;
		text-align: center;
		border-top: 1px solid #ccc;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #ccc;
		padding: 5px 0px;
		font-weight: bold;
		cursor: pointer;
		color: #666;
		text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 20px;
		box-shadow: 1px 1px 2px #E7E7E7;
		-moz-box-shadow: 1px 1px 2px #E7E7E7;
		-webkit-box-shadow: 1px 1px 2px #E7E7E7;
		background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	}
	.cur_box .hide_box{ display:none; overflow-x: auto;}

	.table.cur tr td:nth-last-child(3){background-color: #B7C7C8;color:#FFF;}
	.table.cur tr td:nth-last-child(2){background-color: #E7EFF1;}

	.w_725 .coursesearch,
	.menu .coursesearch{text-align:center;}
	.w_725 #submit,
	.menu #submit{font-size:16px;}
	.w_725 #submit,
	.menu #submit{display:inline-block;width:50px;height: 32px;line-height:32px;margin:0px 0 0;padding:0;border:none;text-indent:-1000px;}
	.w_725 #submit,
	.menu #submit{background:#CCC url(/pict/btn_search.png) left center no-repeat;}
	.w_725 #submit:hover,
	.menu #submit:hover{background:#CCC url(/pict/btn_search_on.png) left center no-repeat;}
	.w_725 #submit,
	.menu #submit{
		border:1px solid #999;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
}
@media (max-width: 480px) {
	.cur_box .cur_box_table, .cur_box .hide_box { width: 100%; overflow: auto;}
    .cur_box .cur_box_table table, .cur_box .hide_box table { position: relative; white-space: nowrap; margin-top:60px;}
	.cur_box .cur_box_table > table:before, .cur_box .hide_box>table:before {
		content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059";
		color:#fff;
		background-color:#e07903;
		position: absolute;
		top:-40px;
        left: 0;        
		border-radius: 20px;
		padding: 4px 16px;
        font-size: 1.3rem;
	}
}



/*教材制作ページTOP画像*/
.made_ttl{
	background:url(/pict/contents_ttl01.png?20161110) 0 bottom no-repeat;
	height: 320px;
	padding:30px 0 0 160px;
	border-bottom:1px solid #CCC;
	margin-bottom:30px;
	text-align:left;
}
.made_ttl h2{font-size:32px;line-height:34px;margin-bottom:20px;}
.made_ttl h2 .num{font-size:50px;}
.made_ttl p{font-weight:bold;}
@media (max-width: 980px) {
	.made_ttl{background-size:100%;height: auto;padding:20px 10px 200px 80px;}
	.made_ttl h2{font-size:26px;line-height:20px;}
	.made_ttl h2 .num{font-size:32px;}

}
@media (max-width: 768px) {
	.made_ttl{background-size:100%;height: auto;padding:0px 10px 80px 10px;}
	.made_ttl h2{font-size:16px;line-height:20px;}
	.made_ttl h2 .num{font-size:22px;}
	.made_ttl p{font-size:12px;line-height:18px;}
}
@media (max-width: 360px) {
	.made_ttl h2{font-size:14px;}
	.made_ttl h2 .num{font-size:20px;}
	.made_ttl p{font-size:12px;line-height:16px;}
}

/*運用サポートページTOP画像*/
/*
.support_ttl{
	background:url(/pict/support_ttl01.png?20161110) 0 0 no-repeat;
	height: 95px;
	padding:255px 20px 0 40px;
	color:#FFF;
	margin-bottom:30px;
	text-align:left;
}
*/
.support_ttl h2{font-size:32px;line-height:34px;margin:20px 40px 20px 0;float:left;text-decoration:underline;}
.support_ttl p{margin-bottom:5px;}
@media (max-width: 980px) {
	.support_ttl{
		background: none ;
		background-size:100%;
		height: auto;
		padding:0px 0px 0 0px;
		margin-bottom:0px;
		position:relative;
	}
	.support_ttl h2{padding:0px 0px 0 0px;margin-top:10px;font-size:26px;line-height:20px;}
	.support_ttl .support_text{position:absolute; bottom:8px;width:96%;background:url(/pict/course_topbg.png?20161110) 0 0 repeat;padding:10px 2%;}
	.support_ttl .support_text p{margin:5px 0 0 270px;font-size:14px;line-height:18px;}
	.support_ttl img {width:100%;height:auto;}

}
@media (max-width: 768px) {
	.support_ttl h2{/* float:none; *//* font-size:16px; *//* margin-bottom:0px; */}
	.support_ttl .support_text p{margin:5px 0 0 0px;font-size:12px;}
}
@media (max-width: 480px) {
	.support_ttl .support_text{bottom:6px;padding-top:5px;padding-bottom:5px;}
	.support_ttl .support_text h2{margin-top:0;font-size:14px;line-height:17px;}
	.support_ttl .support_text p{margin-top:3px;font-size:10px;line-height:11px;}
}
@media (max-width: 360px) {
	.support_ttl .support_text h2{margin-top:0;font-size:12px;line-height:14px;}
	.support_ttl .support_text p{font-size:9px;line-height:10px;}
}


/*活用事例ページTOP画像*/
.result_ttl01{
	background:url(/pict/result_ttl01.png?20161110) 0 0 no-repeat;
	color:#FFF;
	margin-bottom:30px;
	padding:1% 0;
	padding:1px 0\9;
	text-align:left;
}
.result_ttl01 .text_box{
	background:url(/pict/course_topbg.png?20161110) 0 0 repeat;
	margin:17%  30% 10% 0%;
	padding:20px 10px 10px;
	text-align:center;
}
.result_ttl01 h2{font-size:32px;line-height:34px;margin:0px 0px 10px 0;text-decoration:underline;}
.result_ttl01 p{margin:5px 0 0 20px;text-align:left;}

.result_logo_gal {margin:5px;}
.result_logo_gal img {max-width:100%;}
@media (max-width: 980px) {
	.result_ttl01{background-size:100%;margin-bottom:0px;}
	.result_ttl01 .text_box{margin:17%  30% 10% 0%;}
	.result_ttl01 h2{font-size:26px;line-height:20px;}
	.result_ttl01 .text_box p{font-size:14px;line-height:18px;}
}
@media (max-width: 768px) {
	.result_ttl01 .text_box{margin:10%  0% 0% 0%;}
	.result_ttl01 h2{font-size:20px;line-height:24px;}
	.result_ttl01 .text_box p{margin-left:0;font-size:12px;line-height:16px;}
}
@media (max-width: 480px) {
.result_ttl01 .text_box{padding: 5px 5px 5px;margin:15%  0% 0% 0%;}
.result_ttl01 h2{  margin: 0px 0px 0px 0;font-size:14px;line-height:16px;}
.result_ttl01 .text_box p{font-size:10px;line-height:14px;}
}
@media (max-width: 360px) {
	.result_ttl01 .text_box{margin:10%  0% 0% 0%;}
	.result_ttl01 .text_box p{line-height:11px;}
}
/*-------------------------活用事例--------------------------*/

.interviewPre{
	padding:5px 0;
	margin:0 0 32px;
	background:url(/pict/result_interview_bg.gif?20161110) 0 0 repeat;
/*	font-size:90%;*/
}
.interviewPre h3{
	margin: 24px;
	padding:3px 0 0 0!important;
	line-height:180%;
	background:#daa520;
	color:#FFF;
	width:150px;
	text-align:center!important;
    font-size: 1.8rem!important;
}
.interviewPre h5 { padding: 0 24px 24px;}
.interviewPre p { margin: 0 24px 24px;}
.interviewPreinner{margin: 0 5px;padding:10px 0;background:#FFF; line-height:170%;}
.interviewImagebox{float:right;}
.interviewImagebox img{float:none;max-width:320px;}

@media (max-width: 980px) {
.interviewPre{  margin: 0 0 20px; clear: both;}
.interviewPreinner .gallery{display:block;text-align:center;}
.interviewPreinner .gallery img{float:none;margin-bottom:0;}
}

@media (max-width: 768px) {
	.interviewImagebox{float:none;}
}
/* 導入事例・インタビューページ　サブページ */
.result_box{word-break: normal;}
.yellow_box{
    padding: 24px;
	border:1px #cccccc solid;
	width:100%;
	margin:0 auto;
	background:#ffffff;
	font-size:90%;
	line-height:150%;
}


/* iPadのみ、調整 */
@media screen and (max-device-width: 1024px) {
	#ipad { display:none; }
}


/* 印刷アイコン */
.printer{width:100%; margin:10px auto;}
.printer a{
	background-image: url(/pict/printer.png?20161110) ;
	background-position:center left;
	background-repeat:no-repeat;
	padding:0px 5px 0px 20px;
	letter-spacing:2px;
	float:right;
}

/* 配置・フォント設定 */
.center{text-align:center; }
.left{text-align:left;}
.right{text-align:right;}
.b_b{
	font-weight:bold;
	font-size:120%;
	color:#000080;
}



.box_layout{float:left; clear:both; }


/* 色 */
.red{ color:red;}
.bred{ color:#CE0A0A;}

/* 太さ・強調
.b{font-weight:bold;}
strong{color:#000080;}
 */
 
/* float */
img.left{float:left;}
.fl20{float:left; margin:0 0 0 0px;}
.fl{float:left; margin:0 0 0 0px;}

/* font-size */
.size80{font-size:80%;}

/* 背景色変更BOX */
.mokuji{ padding: 24px; background:#EEE; border:1px solid #CCC;margin-bottom:1em;}
.box_ivory{ padding: 24px; background:#FFFFDD; border:1px solid #CCC;margin-bottom:1em;}
.title_gray{background:#EEE;padding:15px;text-align:center;}

/*pagelink*/
.next-post,
.previous-post{
	margin-top:20px;
}

.next-post{float:right; margin-right:2px;}
.previous-post{float:left; margin-left:2px;}

.next-post a,
.previous-post a{
	padding:5px 20px;
	border:1px #000080 solid;
	background:#ffffff;
}

.next-post a:hover,
.previous-post a:hover{
	background:#000080;
	color:#ffffff;
}


/* 矢印 */
.arrow_p a{
	padding-left:20px;
	background:url(/pict/arrow.jpg?20161110) center left no-repeat;
	letter-spacing:2px;
}


/*引用*/
blockquote{
	width:90%;
	margin:1em auto;
	clear:both;
	font-size:90%;
	border:5px #ffffff solid;
	padding:16px;
	background:#e6e6fa;
    line-height: 1.6;
}

blockquote.teacher{
	width:92%;
	margin:1em auto;
	clear:both;
	font-size:75%;
	line-height:170%;
	border:1px #cccccc solid;
	padding:10px;
	background:#ffffff;
}

/* 引用 */
dl.quote {
	width: 86%;
	background: #fffafa;
	border: solid 1px #aaa;
	margin: 2em auto; padding: 0;
}
dl.quote dt{ padding: 5px 0 0px 10px;}
cite.authorcite {font-size:90%;margin:0 10px 0; font-weight: 600; color: #556b2f; text-decoration:none;text-align:right;display:block;font-style:normal;}
dl.quote blockquote {
	width: auto;
	padding: 15px 15px 15px 52px;
	background:none;
	border:none;
	background: url(/trend/img/quote.png) 5px 10px no-repeat;
}

dl.quote blockquote span{display:block;padding-right:50px;  background: url(/trend/img/quote_end.png?20161110) right bottom no-repeat;}



@media (max-width: 768px){
    .interviewPre blockquote{
        width:96%;
        padding: 24px 0;
    }
    .interviewPre blockquote.teacher{
        width:96%;
        padding: 24px 0;
    }
}




/*-----------------ul----------------------*/
ul.list01{width:90%;font-size:90%;margin:0 auto 32px; padding:0;}
ul.list01 li{margin:0;padding:0 0 0 0;list-style-type:disc; width:50%;float:left;}
ul.list02{margin: 0 5px 0 20px;}
@media (max-width: 768px) {
	ul.list02{font-size: 90%;}
	ul.list01 li {  width: 45%;margin-right:5%;}
}
.disc, .newsarea ul { margin: 0 0 32px 40px; list-style: disc;}
.decimal01 {
	list-style: decimal;
	padding: 0;
	margin-bottom: 4em;
}
.decimal01 li,
.disc li, .newsarea ul li { margin-bottom: 3px;line-height: 1.7;letter-spacing: 0.5px;}
.decimal01 li{margin-left:30px;}
.decimal01 li ol,
.decimal01 li ul{margin-left:10px !important;}
.newsarea ol { margin: 0 0 32px 40px; list-style: decimal;}
.newsarea ol li { margin-bottom: 8px;line-height: 1.9;letter-spacing: 0.5px;}
.disc.style1{margin:10px 0px 10px 20px;}
ol.decimal {
	counter-reset: li;
	list-style: none;
	/list-style: decimal !important;
	padding: 0;
	margin-bottom: 4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}


.decimal li {
	/margin-left:30px;
	padding: 2em;
	/padding: 2em 0.5em;
	border-bottom: 1px dashed #ccc;
}

.decimal h6{
	position: relative;
	margin: 0 0 0 15px;
	font-size:120%;
	z-index:2;
}
.decimal h6:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	z-index:-1;
	left: -1.7em;
	top: -.4em;
	background: #EEE;
	height: 1.5em;
	width: 1.5em;
	border: .1em solid rgba(0,0,0,.05);
	text-align: center;
	font: italic bold 1em/1.5em Georgia, Serif;
	color: #BBB;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	border-radius: 1.5em;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;    
	padding-bottom: .2em\9;
	margin-top:3px\9;
}

.decimal li:hover h6:before{
	background-color: #ffd797;
	border-color: rgba(0,0,0,.08);
	border-width: .2em;
	color: #444;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

/*-----------------table----------------------*/
.table01,
.w_725 table{
	width:100%;
	text-align:left;
	border-collapse:collapse;
	margin:0 auto 25px auto;
	font-size:90%;
	line-height:170%;
}
.table01 a,
.w_725 table a { text-decoration: underline;}
.table01 td,
.table01 th,
.w_725 td,
.w_725 th{border:1px solid #B7C7C8;padding:3px 5px;line-height: 1.7;letter-spacing: 0.5px;}
.table01 th,
.w_725 th{background:#E7EFF1;text-align:left;}
.w_725 table.wp th { text-align: center;}
.table01 tr,
.w_725 tr {
	background-color: #ffffff;
	border:1px solid #B7C7C8;
}
.table01 tr:nth-child(odd),
.w_725 tr:nth-child(odd) {
	background-color: #F4F8F9;
	border:1px solid #B7C7C8;
}
@media (max-width: 768px) {
	.table01 td,
	.table01 th{display:block;}
}
.special td,
.special th{border:1px solid #EACF9C;}
.special th{background:#FCF1E3;}
.special tr {
	border:1px solid #EACF9C;
}
.special tr:nth-child(odd) {
	background-color: #FEF9F3;
	border:1px solid #EACF9C;
}
.vt-top td,
.vt-top th{vertical-align:top;}

.Cell05{width:5%;}
.Cell10{width:10%;}
.Cell15{width:15%;}
.Cell20{width:20%;}
.Cell25{width:25%;}
.Cell30{width:30%;}
.Cell35{width:35%;}
.Cell40{width:40%;}
.Cell45{width:45%;}
.Cell50{width:50%;}
.Cell60{width:60%;}
.Cell70{width:70%;}
.Cell80{width:80%;}
.Cell90{width:80%;}
.Cell33{width:33%;}

caption{
	text-align:left;
	padding:5px;
	background:#b0c4de;
	color:#ffffff;
}
.caption_a a{
	width:100%;
	margin:0 auto;
	display:block;
	padding:16px 0;
	text-indent:10px;
	background:#b0c4de;
	font-size:90%;
    text-decoration: underline;
}

.caption_a a:hover{
	background:#4682b4;
	color:#ffffff;
}
.caption_a + table { margin-top: 0!important;}
.cap_bottom{background:none;color:#333;text-align:right;}



/*ニュースリリース*/
.news_title{
	width: 90%;
	font-size: 160%;
}
.news_box{
	width:90%; 
	margin:auto; 
}
.news_box h4,
.news_box h5{
	font-size: 170%;
	width:auto; 
}
.news_box .alignright{float:right;}

/*------ news-post -------*/
.news-post .news_box p{margin-bottom:1.7em;}

/*------map------*/
#bigArea li{list-style:none;}
#map{
	background:url(../pict/map/title1.png?20161110) center 0 no-repeat;
	width: 725px;
	height: 487px;
	margin:0 auto;
	clear:both;
	position:relative;
}

#Area00 a,
#Area01 a,
#Area02 a,
#Area03 a,
#Area04 a,
#Area05 a,
#Area06 a,
#Area07 a,
#Area08 a{
	width: 118px;
	height: 29px;
	background:url(../pict/map/bigAreaTitle.png?20161110) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position:absolute;
}
div#hideArea00,
div#hideArea01,
div#hideArea02,
div#hideArea03,
div#hideArea04,
div#hideArea05,
div#hideArea06,
div#hideArea07,
div#hideArea08{
	width: 190px;
	position: absolute;
	border-radius: 5px;
	background: url(../pict/map/hideAreaBg.gif?20161110) 0 bottom no-repeat;
}
.hideAreaBg{
	position: absolute;
	top: 120px;
	left: 600px;
	z-index:12;
	background: url(../pict/map/hideAreaBg.gif?20161110) 0 bottom no-repeat;
	border-radius: 5px;
	width: 190px;
}
.hideAreaBg h3{
	background:url(../pict/map/hideAreaTop.gif?20161110) 0 0 no-repeat;
	padding-top:0;
	text-indent:-9999px;
	margin: -18px 0 0!important;
	height: 25px;
    border-bottom: none!important;
}
.hideAreaBg p{
	font-size: 12px;
	padding: 10px 8px 5px;
	line-height:130%;
	color: #484848;
	margin-top:-20px;
}

/*--------豊富な目次機能--------*/
#Area00 a{background-position: 0px 0 ;		top: 10px;	left:100px;	z-index:2;}
div#hideArea00{	top: 50px;	left: 100px;	z-index:12;}
/*--------付箋機能--------*/
#Area01 a{background-position:-118px 0 ;	top: 105px;	left:570px;	z-index:3;}
div#hideArea01{	top: 145px;	left: 550px;	z-index:12;}
/*--------検索機能--------*/
#Area02 a{background-position:-236px 0 ;	top: 400px;	left:80px;	z-index:4;}
div#hideArea02{	top: 440px;	left: 80px;	z-index:12;}
/*--------プリント機能--------*/
#Area03 a{background-position:-354px 0 ;	top: 380px;	left:495px;	z-index:5;}
div#hideArea03{	top: 420px;	left: 495px;	z-index:12;}
/*--------拡大機能--------*/
#Area04 a{background-position:-472px 0 ;	top: 420px;	left:320px;	z-index:6;}
div#hideArea04{	top: 460px;	left:320px;	z-index:12;}
/*--------自動ページめくり--------*/
#Area05 a{background-position:-590px 0 ;	top: 380px;	left:220px;	z-index:7;}
div#hideArea05{	top: 420px;	left: 200px;	z-index:12;}
/*--------ペンツール--------*/
#Area06 a{background-position:-708px 0 ;	top: 210px;	left:320px;	z-index:8;}
div#hideArea06{	top: 250px;	left: 320px;	z-index:12;}
/*--------共有機能--------*/
#Area07 a{background-position:-826px 0 ;	top: 340px;	left:590px;	z-index:9;}
div#hideArea07{	top: 380px;	left:570px;	z-index:12;}
/*--------画像切り抜き機能--------*/
#Area08 a{background-position:-944px 0 ;	top: 420px;	left:450px;	z-index:10;}
div#hideArea08{	top: 460px;	left: 450px;	z-index:12;}

@media (max-width: 980px) {
	#bigArea:after {
		content: ".";   
		display: block;   
		height: 0;   
		clear: both;   
		visibility: hidden; 
	}
	#bigArea {
        margin-left: 24px;
    }
    #bigArea li{
        list-style: disc;
        margin-bottom: 16px;
    }
	#map{
		background:none;
		width: auto;
		height: auto;
		margin:0 auto;
		background-size:100% auto;
	}
	#Area00 a,
	#Area01 a,
	#Area02 a,
	#Area03 a,
	#Area04 a,
	#Area05 a,
	#Area06 a,
	#Area07 a,
	#Area08 a{
        font-size: 1.4rem;
        width: auto;
		height: auto;
		background:none;
		display: block;
		text-indent: 0px;
		overflow: hidden;
		position:relative;
	}
	div#hideArea00,
	div#hideArea01,
	div#hideArea02,
	div#hideArea03,
	div#hideArea04,
	div#hideArea05,
	div#hideArea06,
	div#hideArea07,
	div#hideArea08{
		width: auto;
		position: relative;
		background:none;
        margin-top: 16px;
	}
	.hideAreaBg{
		position: relative;
		top: auto;
		left: auto;
		background:none;
		width: auto;
	}
	.hideAreaBg h3{
        display: none;
	}
	.hideAreaBg p{
		clear:both;
		font-size: 14px;
		padding: 5px 8px 5px;
		line-height:130%;
		color: #484848;
		margin:0 0 10px;
		border:1px solid #CCC;
		background:#EEE;
	}
	#Area00 a,
	#Area01 a,
	#Area02 a,
	#Area03 a,
	#Area04 a,
	#Area05 a,
	#Area06 a,
	#Area07 a,
	#Area08 a{background:none;top:auto;left:auto;}

	div#hideArea00,
	div#hideArea01,
	div#hideArea02,
	div#hideArea03,
	div#hideArea04,
	div#hideArea05,
	div#hideArea06,
	div#hideArea07,
	div#hideArea08{	top: auto;left: auto;}
}


/*--------電子ブックサンプルコンテンツ--------*/

.book_sample{
	text-align:center;
	margin:0 auto;
	padding:0;
	width:85%;
}

.book_sample2{
	width:240px;
    margin-bottom: 40px;
	text-align:center;
}

.pcbtn{
	float:left;
	width:45%;
}

.tbbtn{
	float:right;
	width:45%;
	margin-bottom:15px;
}
@media (max-width: 560px) {
	.book_sample{
		text-align:center;
		margin:0 auto;
		padding:0;
		width:85%;
	}
	.book_sample2.fl20{width:auto;float:none; margin:0 auto 32px;}
	.book_sample2.fl{width:auto;float:none; margin:0 auto 32px;}
	.pcbtn{float:left;width:45%;}
	.tbbtn{float:right;width:45%;margin-bottom:15px;}
	.res_scroll{position: relative;width:100%;overflow-x: auto;}
	.res_scroll table{width:170%;margin-top:40px;margin-left:2.5%;margin-right:2.5%;}
	.res_scroll caption{display:block;}
	.res_scroll:after{
		content: ".";
		color:#FFF;
		display:block;
		width:175%;
		height:1px;
		overflow-y: auto;
	}
	.res_scroll:before{
		content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059";
		color:#fff;
		font-size:12px;
		background-color:#e07903;
		position: absolute;
		top:0px;
		margin-left:2.5%;
		border-radius: 5px;
		padding: 0.05em 0.5em;
	}
}


/*--------Flashコンテンツ変換サンプルコンテンツ--------*/

.flah_contents{
	float:left;
	width:40%;
}

.flah_arrow{
	float:left;
	width:20%;
	text-align:center;
}
@media (max-width: 768px) {
	.flah_contents img{width:100%;height:auto;}
	.flah_arrow img{width:100%;height:auto;}
}


/*--------マンガコンテンツ--------*/
.comic_top { margin: 0 auto 48px; padding-bottom: 16px; background:url(../../pict/comic_top.jpg?20161110) right bottom no-repeat;}
#box .comic_top .text, .comic_top h5 { width: 56%;}
#box .comic_top .text.blue{color:#0C6E9D;font-weight:bold;}

@media (max-width: 1200px) {
    .comic_top{ padding-bottom: 0;}
    #box .comic_top .text, .comic_top h5 { width: 40%;}
}
@media (max-width: 1024px) {
	.comic_top { width: auto; height: auto; padding-bottom: 32px;}
	#box .comic_top .text, .comic_top h5 { width: 52%;}
	.res_subimage.manga_center{ margin:0 10px;}
}
@media (max-width: 768px) {
	.comic_top { background: none; padding-bottom: 0;}
	#box .comic_top .text, .comic_top h5 { width: 100%;}
}


/*--------サイト内検索ページ--------*/
#goog-fixurl .closest-match{background:none; color:#333;}
#goog-fixurl ul{margin-top:20px;margin-bottom:20px;}
#goog-fixurl li{margin-left:40px;font-size:14px;}

table.gsc-search-box,
table.gsc-search-box td,
table.gsc-search-box tr,
table.gsc-above-wrapper-area-container,
table.gsc-above-wrapper-area-container td,
table.gsc-above-wrapper-area-container tr,
table.gsc-resultsHeader,
table.gsc-resultsHeader td,
table.gsc-resultsHeader tr,
table.gcsc-branding,
table.gcsc-branding td,
table.gcsc-branding tr,
table.gsc-table-result,
table.gsc-table-result td,
table.gsc-table-result tr{border:none;background:none;}
#cse-search-results iframe{width:685px;}
@media (max-width: 980px) {
	#cse-search-results iframe{height:2400px;width:100%;}
	.gs-webResult {
	  width: 100%;
	}
}


/*映像教材ページ価格表*/
table.vivi_price tr:nth-of-type(n+2) {
	background-color: #FFFFFF;
}
table.vivi_price{
	margin-bottom: 0;
}
p.price_caution{
	margin-top: 16px;
	font-size: 90%;
}

/*VRページサンプル動画*/
iframe.vr_movframe{
	width: 672px;
	height: 378px;
}
@media (max-width: 768px) {
	iframe.vr_movframe{
		width: 100%;
	}
}


/* privacy */
.privacy a{
    text-decoration: underline;
}

/* trend */
.image.trend_top{height:110px;}
.trend_topback{
height:89px;
margin:0 1px;
  background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  background:-moz-linear-gradient( top, #FFF, #EEE);
  background: radial-gradient(ellipse farthest-corner at left top, white, #EEE);
}
.image.trend_top h2{
	font-size:180%;
	margin:1em 20px 0.5em 20px;
	line-height:130%;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	letter-spacing:0;
	float:left;
}
.image.trend_top p{
	padding-top:30px;
	margin:0 20px 0.5em auto;
	font-size:90%;
	line-height:130%;
}

.trend_entry{ width: 45%;}
.trend_entry h4 { float: right; width: calc(100% - 144px); margin-bottom: 0!important; padding-bottom: 8px!important; border-bottom: none!important; font-size: 1.8rem!important;}
.trend_entry .text_trend { float: right; width: calc(100% - 144px); line-height: 1.6;}
.entry_fig { width: 120px;}
.entry_fig img { width: 120px; height: auto; border:3px solid #EEE;}
@media (max-width: 768px) {
	.trend_entry { width: 100%; margin: 0 0 ; padding: 24px 0; border-bottom: 1px solid #EFEFEF;}
	cite.authorcite{font-size: 11px;}
	.trend_topback{height:auto;padding:10px 20px 20px;float:none;}
	.image.trend_top h2{
		margin:0em 0px 0em 0px;
		float:none;
		font-size:16px;
	}
	.image.trend_top p{
		padding-top:5px;
		margin:0 0px 0em 0px;
		font-size:12px;
	}
}

@media (max-width: 480px) {
}



/* PR用 */
/* ロゴギャラリー */
.trend_logo_gal{margin: 0 24px 24px;}
.trend_logo_gal img {max-width:100%;}
@media (max-width: 980px) {
	#fixedBoxInner{top:auto !important;bottom:54px !important;right:0;}
}
@media (max-width: 767px) {
	#fixedBoxInner{bottom:89px !important;}
}



/*--------------------------sub_box　グレーの線--------------------------*/

.sub_box_main{
	width:100%;
	margin:10px auto;
}
.sameHeight, .sameHeight2 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.sameHeight::after, .sameHeight2::after { content: ''; display: block; width: 30%;}
.sameHeight > p, .sameHeight2 > p { display: none;}
.sub_box_main .sub_box,
.sub_box_main .sub_box_long{
	margin:5px;
	border:3px #d5d5d5 solid;
	background:#ffffff;
	overflow:hidden;
}

.sub_box_main .sub_box{width:48%;}
.sub_box_main .sub_box_long{width:100%;}

.sub_box_main .sub_box_w{
	width:225px;
	margin:5px;
}

.sub_box_main .sub_box h5,
.sub_box_main .sub_box_long h5{
	width:90%;
    margin: 0 auto;
}

.sub_box_main .sub_box h6,
.sub_box_main .sub_box_long h6{
	background:#d5d5d5;
	margin:0;
	padding:10px 5px 10px 10px;
/*	text-indent:10px;*/
	font-size:100%;
	border-bottom:1px #dddddd solid;
}

.sub_box_main .sub_box p,
.sub_box_main .sub_box_long p{
	padding:5px;
	font-size:95%;
	margin:1em auto;
	width:90%;
}

.sub_box_main .sub_box .gallery{
	display:block;
	text-align:center;
}

.sub_box_main .sub_box img{padding:5px;}

.sub_box_main .sub_box_long img{float:right;padding:0 0 10px 10px;}
@media (max-width: 980px) {
	.sub_box_main .sub_box{width:44%;margin:5px 2.5%;}
	.sub_box_main .sub_box .gallery{display:block;text-align:center;}
}
@media (max-width: 768px) {
    .sameHeight, .sameHeight2 { display: block;}
	.sub_box_main{width:100%;}
	.sub_box_main .sub_box{height:auto !important;}
	.sub_box_main .sub_box{width:100%;margin:5px auto;}
	.sub_box_main .sub_box img{width:auto;height:auto;margin:5px auto;}
	.sub_box_main .sub_box_long{margin:5px auto;}
	.sub_box_main .sub_box_long img{width:auto;height:auto;margin:5px auto;padding:0;}
}
@media (max-width: 480px) {
	.sub_box_main .sub_box img{max-width:100%;padding:0;}
}
@media (max-width: 360px) {
	.sub_box_main .sub_box img{width:100%;margin:0;padding:0;}
}

/*--------------------------sub_box　活用事例--------------------------*/

.sub_box_main .sub_box_result{
	margin:24px 0px;
	border-bottom:1px #dddddd solid;
}

.sub_box_main .sub_box_result h6{
	margin:0;
	padding:5px 0;
	font-size:100%;
}

.sub_box_main .sub_box_result p{
	padding-top:16px;
	font-size:90%;
	margin:0 auto!important;
	width:100%;
	line-height:150%;
}

.sub_box_main .sub_box_result span{
	background:#daa520;
	color:#ffffff;
	font-size:12px;
	padding:2px 10px;
	border:1px #ffffff solid;
	line-height:100%;
}
@media (max-width: 980px) {
	.sub_box_main .sub_box_result{margin:5px 10px;}
}


/*    sitemap   */
.sitemap{
	width:90%;
	margin:20px auto;
}

.sitemap ul{
	width:250px;
	float:left;
	font-size:90%;
	line-height:180%;
	padding:0px;
	list-style-type:none;
	overflow:hidden;
}


.sitemap li{
	width:240px;
	float:left;
	margin:0px;
	padding:0px;
}

.sitemap .footerTitle{
	background-image: url(/pict/arrow_b.gif?20161110) ;
	background-position:center left;
	background-repeat:no-repeat;
	padding:0px 5px 0px 15px;
	font-size:110%;
	font-weight:bold;
}

.sitemap a{
	background-image: url(/pict/arrow.gif?20161110) ;
	background-position:center left;
	background-repeat:no-repeat;
	padding:0px 5px 0px 10px;
}
@media (max-width: 480px) {
	.sitemap ul{height:auto !important;}
	.sitemap ul br {display:none;}
}



.formtbl{ width:80%; margin: 0 auto; border-collapse: separate; border-spacing: 16px;}
.formtbl th{ padding:10px;text-align:left;width: 30%;}
.formtbl td{ padding:10px;background:#F4F8F9;}
.formtbl td textarea,
.formtbl td input{padding:3px 2px; border-bottom: 1px solid #CCC;}
.formtbl td textarea { width: 100%;}
.formtbl td input.normal{ width:50%;font-size: 16px;padding:3px 3px;}
.formtbl td input.normal-long{ width:100%;font-size: 16px;padding:3px 3px;}
.formtbl td select{font-size: 16px;padding:3px 3px 5px;width:100%; border-bottom: 1px solid #CCC;}
.formtbl td input.add{ width:100px;}
.formtbl td input.add-long{ width:200px;}
.formtbl td input.tel-short{ width:60px;}
.formtbl td input.tel{ width:120px;}
.formtbl th.must:after{background:#E7EFF1 url(/pict/must_icon.gif?20161110) center center no-repeat}
.formtbl th.no_must:after{background:#E7EFF1 url(/pict/no_must_icon.gif?20161110) center center no-repeat}
.formtbl th.must:after,
.formtbl th.no_must:after{
    content: '';
    height: 16px;
    width: 23px;
    float: right;
    display: inline-block;
}
.form_btn{margin:10px auto 20px;}
.formtbl td p.mgb8{margin-bottom:8px;}
.formtbl td label { display: inline-block; padding: 8px;}
.formtbl td.radio-long .wpcf7-list-item { display: block;}
.form_caution{color:#FF0000;font-size:15px;font-weight:bold;}
.topback_btn{text-align: right;}
@media (max-width: 980px) {
	.formtbl{width:auto;margin:0 10px;}
}
@media (max-width: 768px) {
	.contact-point{  margin-top: 0px;}
	.contact_end .contact-point{margin-top:60px;}

	.formtbl th,
	.formtbl td{width:auto;display:block;}
	.formtbl th,
	.formtbl td{border-top:none;border-left:none;border-right:none;}
	.formtbl td{background: none;}


	.formtbl td input[type="text"] ,
	.formtbl td input[type="email"] ,
    .formtbl td select,
	.formtbl td textarea{
		border:0;
		padding:3px;
		line-height:30px;
		font-size:1em;
		font-family:Arial, sans-serif;
		border:solid 1px #ccc;
		margin:0 0 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	}

	.formtbl td input[type="text"] ,
	.formtbl td input[type="email"] ,
	.formtbl td textarea{width:96% !important;}

	.formtbl td input[type="text"].tel-short{width:50px !important;}
	.formtbl td input[type="text"].tel{width:70px !important;}
	.formtbl td input[type="text"].normal.yubin{width:140px !important;}
	.form_caution{text-align:left;margin:10px;}

}


span#WhereKnown label,
span#MainData label{display:inline-block;margin-right:10px;min-width:175px;min-height:24px;}
span#MainData,
span#WhereKnown {background:none !important;}
span#WhereKnown br{display:none;}
span#WhereKnown #WhereKnown_0 + label + br ,
span#WhereKnown #WhereKnown_2 + label + br {display:block;}
@media (max-width: 560px) {
	.yubinex{display:block;}
	span#WhereKnown br, span#MainData br{display:none;}
	span#WhereKnown #WhereKnown_0 + label + br ,
	span#WhereKnown #WhereKnown_2 + label + br {display:none;}

	span#WhereKnown input, span#MainData input{float:left;margin-top:8px;line-height:32px;}
	span#WhereKnown label, span#MainData label {
		display: block;
		margin-left: 30px;
		margin-right: 0px;
		min-height: 32px;
		line-height:32px;
	}
	#btnConfirm{margin-top:30px;width:95% !important;height:auto !important;}
}

.wpcf7-mail-sent-ok {display: none !important;}
#support-form .wpcf7-mail-sent-ok {display: block !important;}

.form .address-inputcontent {
    width: 6.5em;
    display: inline-block;
}
.form p.submit {
    text-align: center;
    margin: 20px auto 20px;
}
.form input[type="submit"] {
    border: 0;
    height: 62px;
    width: 518px;
    background: -moz-linear-gradient(#f5847d,#ee2b20);
    background: -webkit-linear-gradient(#f5847d,#ee2b20);
    background: linear-gradient(#f5847d,#ee2b20);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}
.form input[type="submit"]:disabled{
    background:#EEE;
    color:#999;
    cursor:default;
}
@media screen and (max-width: 560px) {
    .form input[type="submit"] {
        width: 95%;
        height: auto;
        font-size: 13px;
        padding: 9px;
        margin-top: 30px;
    }
}
@media screen and (max-width: 370px) {
    .form input[type="submit"] {
        font-size: 11px;
    }
}


/*メインビジュアル画像201811*/
.header_ttl {
	background: #f2f2f2;
	height: 350px;
	position: relative;
	overflow: hidden;
}
.header_ttl .ttl_wrap {
    display: table;
    width: 1170px;
    margin: 0 auto;
    table-layout: fixed;
}
.header_ttl .ttl_image {
	width: 1920px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: right;
}
.header_ttl .ttl_text {
	padding: 20px 0;
	position: relative;
	background: #f2f2f2;
	width: 579px;
	box-sizing: border-box;
}
.header_ttl .ttl_text_wrap {
	background: #fff;
	width: 550px;
	height: 310px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 20px 20px 20px 30px;
}
.header_ttl .ttl_text_wrap h2 {
	float: none;
	line-height: 150%;
	margin: 5px 0 15px 0;
	letter-spacing: 0;
}
.header_ttl .ttl_text_wrap p {
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 1px;
}

@media screen and (max-width: 1199px) {
	section.image {
		width: 100%;
	}
	.header_ttl .ttl_wrap {
	    width: 960px;
	}
	.header_ttl .ttl_text {
		width: 484px;
	}
	.header_ttl .ttl_text_wrap {
    	width: 455px;
    }
    .header_ttl .ttl_image {
    	padding-right: 150px;
	}
}
@media screen and (max-width: 980px) {
	.header_ttl {
		height: auto;
	}
	.header_ttl .ttl_image {
		width: 100%;
		height: auto;
		padding-right: 0;
		text-align: center;
		position: inherit;
	}
	.header_ttl .ttl_image img {
		vertical-align: bottom;
	}
	.header_ttl .ttl_wrap,
	.header_ttl .ttl_text,
	.header_ttl .ttl_text_wrap {
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	.header_ttl .ttl_text,
	.header_ttl .ttl_text_wrap {
		padding: 20px;
		display: block;
	}
}


/*--------------------
集中度ページ202006
--------------------*/
/* MV */
.clmswrap #mainImge{
    background: url(../pict/concentrate/mv_clms.jpg) 0 bottom no-repeat;
    background-size:100%;
    width:100%;
    margin-bottom:20px;
    padding-bottom:70px;
    position:relative;
}
.clmswrap .mainBox{
    padding-top:90px;
}
.clmswrap .top_line{
    text-align:center;
    margin-bottom:10px;
    font-size:2.8em;
    line-height:1.4;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
    color:black;
    padding-bottom:5px;
}

.clmswrap .clms_blue{
    color: #0B80F8;
}

.clmswrap .clms_red{
    color:#ff2b59;
}
.clmswrap .btn-clms{ text-align: center;}
.clmswrap .btn-clms a {
    display: flex;
    align-items: center;
    width: 342px;
    height: 60px;
    margin: 20px auto 0;
    padding: 16px 64px 16px 40px;
    text-align: left;
    background: #122754 url("../pict/common/btn.svg") right 40px center no-repeat;
    font-weight: 700;
    color: #FFF;
}
.clmswrap .clms_logos{
    text-align: right;
    list-style: none;
    position:absolute;
    bottom: 0px;
    right:20px;
}
.clmswrap .clms_logos img{
    margin:0 10px;
}


/* 目次 */
.clmswrap .sub-list{
    list-style: none;
    text-align:center;
    padding:50px 0 50px;
}
.clmswrap .sub-list li{
    display:inline-block;
    margin:0 10px ;
    padding-bottom:20px;
}
.clmswrap .sub-list a{
    text-decoration:underline;
}

/* 見出し */
.clmswrap .ttl{
	font-size: 1.6em;
    color:#00ccff;
    padding-top:20px;
    padding-bottom:30px;
}
    
.clmswrap .ttl.big{
    font-size:25px;
}

.clmswrap .title{
    font-size:2.0em;
    text-align: center;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom:30px;
}
 
.clmswrap .title::after{
    content: "";
    position: absolute;
    width:70px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 15px;
    border-bottom: 4px solid #00ccff;
}


/* 特長 */
.clmswrap .text-right-box{
    margin:3em 10px 3em;
    position:relative;
}
.clmswrap .text-right-box .image-inner{
    position:absolute;
    top:20px;
    right:50%;
}
.clmswrap .text-right-inner{
    margin-left:40%;
    position: relative;
    width: 600px;
    margin: 0px 0 0 45%;
    padding: 0px 40px 40px;
    background: #FFF;
}

/* 活用シーン */
.clmswrap #scene{
    clear:both
}
.clmswrap .text-right-box2{
    margin:3em 0px 3em;
}
.clmswrap .text-right-box2 .image-inner{
    float:left;
    width: 400px;
    height: 300px;
    position:relative;
    top: 20px;
    left:20px;
}
    
.clmswrap .text-right-box2 .number{
    background-color:#191970;
    background-size:contain;
    width:50px;
    height:50px;
    color:#ffffff;
    text-align:center;
    padding-top:7px;
    margin-top:10px;
    font-size:30px;
    font-weight:700;
    position:absolute;
    top: -30px;
    left:-30px;
}

/* 機能ご紹介 */
.clmswrap .function-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    width: 100%;
    padding-top:60px;
    padding-bottom:30px;
    
 }
 
.clmswrap .function-item{
    width:31.5%;
    padding: 10px;
    margin-top: 20px;
    border: 3px solid #EEE;   
}
.clmswrap .function-item .camera{
   padding-top:20px;
   padding-bottom:20px;
}
 
.clmswrap .function-item .image{
    text-align:center;
}
.clmswrap .function-item .ttl{
	font-size:1.2em;
	padding-bottom:10px;
}



@media screen and (max-width:1024px){

.clmswrap #mainImge{
    background: url(../pict/concentrate/mv_clms_sp.jpg) 0 bottom no-repeat;
    background-size:100% auto;
    height:auto;
    padding-bottom:40%;
}
.clmswrap .top_line{
    font-size:2.4em;
}
}

@media screen and (max-width:767px){

/* MV */
.clmswrap .mainBox{
    padding-top:30px;
}
.clmswrap .top_line{
    font-size:1.6em;
}
.clmswrap .btn-clms a {
    width: 250px;
    height: 57px;
}
.clmswrap .clms_logos{

    text-align: center;
    list-style: none;
    position:absolute;
    bottom: -60px;
    right:1px;
}
 .clmswrap .clms_logos img{
    margin:0 5px;
    width:auto;
    height:50px;
}

/* 目次 */
.clmswrap .sub-list{
    list-style: none;
    text-align:center;
    padding-top: 70px;
}
.clmswrap .sub-list li{
    display:inline-block;
    margin:0 3px ;
    line-height: 0.1px;
}
.clmswrap .sub-list a{
    text-decoration:underline;
}

/* 見出し */
.clmswrap .title{
   font-size:1.3em;
}


/* 特長 */
.clmswrap .text-right-inner{
    width: auto;
    margin: auto;
    padding: 0;
    background: none;
}

.clmswrap .text-right-box .image-inner{
	position:relative;
	margin-top: 40px;
	margin-bottom:20px;
	right:auto;
    width: auto;
}

/* 活用シーン */
.clmswrap .text-right-box2 .image-inner{
    float:none;
	margin-bottom:20px;
    width: auto;
	height:auto;
    position:relative;
    top: auto;
    left:auto;
}
    
.clmswrap .text-right-box2 .number{
    left:-10px;
}

/* 機能ご紹介 */
.clmswrap .function-list {
    margin-right:2px;
    margin-left:2px;
}

.clmswrap .function-item{
    width:100%;
}
.clmswrap .function-item .ttl{
	padding-top:20px;
}

.clmswrap .full .short{
    padding: 0 4vw;
}

}
/* Cegos タグページ */
.box-img{width:400px;margin-bottom:15px;    float: left;    text-align: center;}
.box-text{  padding-left: 440px; }
.box-img-2 {width:400px;    float: right;    text-align: center;}
.box-text-2 {  padding-right: 440px; }

@media (max-width: 768px) {
    .box-img-2 ,.box-img{width:auto;    float: none;    }
    .box-img iframe, .box-img-2 iframe{width:auto;height:auto;}
    .box-text{      padding-left: 0px;     }
    .box-text-2 {      padding-right: 0px;     }
}

.awards-box{text-align: center;}
.awards-box .awards-box-list{display:inline-block;}
.awards-image{margin:20px 10px 40px 10px;}
    @media (max-width: 768px) {
        .awards-box{display:flex;width:100%;justify-content: space-around;}
        .awards-box .awards-box-list{display:block;}
        .awards-image{width:auto;height:auto;margin:20px 0;}
    }

#cegos-plan, #cegos-plan td, #cegos-plan th{border:none;border-collapse: collapse;}
#cegos-plan td{padding:20px;background-color:#FFF;}
#cegos-plan .cegos-plan-row{background:none;}
#cegos-plan th{
    color: #fff;
    font-weight: bold;
    font-size:2.6rem;
    width:440px;
    padding:20px;
}
#cegos-plan th.popular{background-color: #f9a641;}
#cegos-plan th.business{background-color: #7ac2ef;}
#cegos-plan th.project{background-color: #8ed88e;}
    @media (max-width: 768px) {
        #cegos-plan, #cegos-plan th, #cegos-plan td {width:100%; display:block;}
    }


.list-inside{
    background:#fff;
    color:#333;
    margin:20px 10px 10px;
    padding: 10px;
    border-radius:5px;
    display:block;
    font-size:.8em;
    text-align: left;
    font-weight:normal;
}
.list-inside li{display:flex;margin:2px auto;}
.list-inside .list-title{min-width:5em;font-size:1.2rem;text-align: left;}
.list-inside .list-title span{display:inline-block;min-width:4em;padding:5px 7px;background:#EEE;text-align: center;}
.list-inside .list-content{display:block;font-size:1.6rem;padding:5px 0px;}
    @media (max-width: 768px) {
    }


#cegos-project,
#cegos-business,
#cegos-popular { position: relative; max-width: 850px; margin: 40px auto; padding: 0px 0px 40px; background: #FFF;border-radius: 4px;}
#cegos-project h2{ text-align: center; padding: 30px 0;border-radius: 4px 4px 0 0; background-color:#8ed88e; color: #FFF;}
#cegos-business h2{ text-align: center; padding: 30px 0;border-radius: 4px 4px 0 0; background-color: #7ac2ef; color: #FFF;}
#cegos-popular h2{ text-align: center; padding: 30px 0;border-radius: 4px 4px 0 0; background-color: #f9a641; color: #FFF;}
#cegos-project dl,
#cegos-business dl,
#cegos-popular dl{ padding: 40px 0;}
#cegos-project dt ,
#cegos-business dt ,
#cegos-popular dt { clear: left; float: left; padding: 8px 0;}
#cegos-project dd ,
#cegos-business dd ,
#cegos-popular dd { padding: 8px 0 8px 50px;}
#cegos-project a ,
#cegos-business a ,
#cegos-popular a { text-decoration: underline;}
#cegos-popular p,
#cegos-business p,
#cegos-project p{padding:15px;}



/*--------------------
 教材の自社制作支援ページ201811
--------------------*/
/*common*/
.selfwrap {
	line-height: 1.5;
	letter-spacing: inherit;
	text-align: center;
}
.selfwrap .clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.selfwrap section {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.selfwrap h3 {
    background:none;
    color: #222;
    overflow: inherit;
    line-height: 1.5;
    padding: 0;
}
.selfwrap img {
	vertical-align: bottom;
	height: auto;
	max-width: 100%;
}

.selfwrap .floatBox {
	width:1000px;
	margin: 0 auto;
	box-sizing:border-box;
	text-align:left;
	background: #fff;
}
.selfwrap .floatBox .flL {
	float: left;
}
.selfwrap .floatBox .flR {
	float: right;
}

.selfwrap .titleStyle02 {
	background:#fad231;
	padding: 65px 0 55px 0;
	font-size: 40px;
	font-weight: bold;
	line-height: 140%;
	position: relative;
}
.innBox .txtStyle01 { margin-bottom: 0!important;}
.selfwrap .titleStyle02 b,
.selfwrap .titleStyle01 b,
.selfwrap .txtStyle01 b {
    color: #005aaa;
}
.selfwrap .titleStyle02:after {
	content: "";
	display: block;
	background: url(../pict/self/sec_ttl_bg.png) 0 0 no-repeat;
	width: 100px;
	height: 40px;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
}
.selfwrap .titleStyle01 {
    font-size: 46px;
    line-height: 170%;
    padding-top: 90px;
}
.selfwrap .titleStyle01 span {
	position: relative;
	z-index: 0;
	display: inline-block;
}
.selfwrap .titleStyle01 span:before {
	content: "";
	width: 100%;
	height: 22px;
	display: block;
	background: url(../pict/self/sec_ttl_linebg.png) 0 0 repeat;
	position: absolute;
	bottom: 11px;
	z-index: -1;
}

/*メインビジュアル*/
.selfwrap #mainImge {
	padding: 131px 0 98px 0;
	background:url(../pict/self/self_main_bg.jpg) center center;
	background-size:cover;
	text-align: center;
}
.selfwrap #mainImge .mainTxt {
	width: 560px;
	height: 418px;
	background: #fff;
	margin: 0 auto;
	position: relative;
}
.selfwrap #mainImge .mainTxt h2 {
	text-align: center;
	padding: 45px 20px 0 20px;
	font-size: 64px;
	color: #122754;
	line-height: 100%;
}
.selfwrap #mainImge .mainTxt h2 .top_line {	
	display: block;
}
.selfwrap #mainImge .mainTxt h2 .top_line span {
	background: #fad231;
	font-size: 34px;
	padding: 18px 60px;
	line-height: 100%;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
}
.selfwrap #mainImge .mainTxt h2 .top_line span:after {
	content: "";
	display: block;
	border: solid 15px transparent;
	border-top: solid 15px #fad231;
	position: absolute;
	bottom: -29px;
	left: 50%;
	transform: translateX(-50%);
}
.selfwrap #mainImge .mainTxt h2 .small {
	font-size: 32px;
	display: block;
	line-height: 150%;
}
.selfwrap #mainImge .mainTxt .catch {
	font-size: 42px;
	font-weight: bold;
	text-align: left;
	line-height: 130%;
	position: absolute;
	top: 270px;
	right: 0;
}
.selfwrap #mainImge .mainTxt .icon {
	position: absolute;
	bottom: 0;
	left: 0;
}


#self_trouble {
	width: 1000px;
	background: url(../pict/self/self_trouble_img.jpg) right bottom no-repeat;	min-height: 472px;
	margin: 38px auto 60px auto;
}
#self_trouble ul {
	padding: 110px 0 0 0;
}
#self_trouble ul li {
	list-style: none;
	margin-bottom: 55px;
	text-align: left;
}
#self_trouble ul li:last-child {
	margin-bottom: 0;
}
#self_trouble ul li p {
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 5px 50px;
	background: url(../pict/self/self_trouble_icon.png) left center no-repeat;
	border-bottom: dotted 5px #222;
	display: inline-block;
}

/*sec02*/
.selfwrap #sec02 .bg {
	background: url(../pict/self/sec02_bg.jpg) center center no-repeat;
	padding: 0 0 60px 0;
}
.selfwrap #step {
	display:inline-block;
	margin:80px auto 0 auto;
	position:relative;
}
.selfwrap #step .stepBox {
	width: 300px;
	position:relative;
	height:620px;
	float:left;
	box-sizing:border-box;
	background-color:#FFF;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.15);
}
.selfwrap #step .stepBox:nth-child(2) {
	margin:0 50px;
}
.selfwrap #step .stepBox .innBox {
	width:100%;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.selfwrap #step .stepBox .innBox p {
	font-size: 22px;
	font-weight: bold;
}
.selfwrap #step .stepBox .innBox .hr_line {
	border-bottom: solid 1px #122754;
	display:  block;
	margin: 0 20px 20px 20px;
	padding-bottom: 10px;
}
.selfwrap #step .stepBox:nth-child(1) .innBox {
	padding-top: 86px;
	padding-bottom: 23px;
}
.selfwrap #step .stepBox:after {
	content: "";
	display: block;
	width: 24px;
	height: 39px;
	background: url(../pict/self/sec02_icon.png) 0 0 no-repeat;
	position: absolute;
	left: -36px;
	top: 50%;
}
.selfwrap #step .stepBox:first-child:after { display: none; }

.selfwrap #step .stepBox .innBox img {
	margin-top: 7px;
}
.selfwrap #step .stepBox .ico {
	margin: 20px 20px 0 20px;
	background: #122754;
	color: #fff;
	font-size: 22px;
	line-height: 48px;
}
.selfwrap #step .stepBox .ico span {
	font-size: 118%;
}

/*sec03*/
.selfwrap #sec03 .sec03box {
	padding: 60px 0;
}
.selfwrap #sec03 .sec03box .flL {
	width: 40%;
}
.selfwrap #sec03 .sec03box .flR {
	width: 56%;
}
.selfwrap #sec03 .sec03box h3.tit {
	font-size:28px;
	font-weight: bold;
	position: relative;
	padding-bottom: 5px;
	margin: 10px 0 20px 0;
}
.selfwrap #sec03 .sec03box h3.tit:before,
.selfwrap #sec03 .sec03box h3.tit:after {
	content: "";
	display: block;
	width: 50%;
	height: 4px;
	position: absolute;
	bottom: 0;	
}
.selfwrap #sec03 .sec03box h3.tit:before {
	background: #fad231;
	left: 0;
}
.selfwrap #sec03 .sec03box h3.tit:after {
	background: #005aaa;
	right: 0;
}
.selfwrap #sec03 .sec03box .floatBox {
	margin-top: 60px;
}

/*sec04*/
.selfwrap #sec04 {
	background: url(../pict/self/sec04_bg.jpg) 0 0 repeat;
	padding: 0 0 60px 0;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1) inset;
}
.selfwrap #sec04 h3 {
	background: url(../pict/self/sec04_ttl_bg.png) top center no-repeat;
}
.selfwrap #sec04 .floatBox {
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.15);
	padding: 20px;
}
.selfwrap #sec04 .floatBox h4 {
	background: #122754;
	color: #fff;
	font-size: 22px;
	line-height: 50px;
	margin: 0 0 20px 0;
	text-align: center;
	width: auto;
}
.selfwrap #sec04 .flL {
	width: 16%;
}
.selfwrap #sec04 .flR {
	width: 79.7%;
}
.selfwrap #sec04 .flR p.tit {
	font-size: 22px;
	font-weight: bold;
	color: #191970;
	margin-bottom: 5px;
}
/*.selfwrap #sec04 .flR p a{color: inherit;}*/
.selfwrap #sec04 .flR dt {
	background: #fad231;
	text-align: center;
	line-height: 32px;
	margin-bottom: 5px;
	font-weight: bold;
}
.selfwrap #sec04 .flR dd {
	margin-bottom: 10px;
}
.selfwrap #sec04 .floatBox {
	margin-top: 50px;
	position: relative;
}
.selfwrap #sec04 .floatBox:after {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url(../pict/self/sec04_icon.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	top: -43px;
	transform: translateX(-50%);
}
.selfwrap #sec04 .floatBox:nth-of-type(1):after { display: none; }

/*sec05*/
.selfwrap #sec05 .sec05box {
	padding: 100px 0 60px 0;
}
.selfwrap #sec05 .floatBox {
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: solid 1px #122754;
}
.selfwrap #sec05 .floatBox:last-child {
	border-bottom: none;
}
.selfwrap #sec05 .flL {
	width: 70%;
}
.selfwrap #sec05 .flR {
	width: 24%;
}
.selfwrap #sec05 h3.tit {
	font-size: 36px;
	font-weight: bold;
	position: relative;
}
/*.selfwrap #sec05 h3.tit span {
	font-size: 83%;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	z-index: 2;
}
.selfwrap #sec05 h3.tit:before {
	content: "";
	display: block;
	width: 51px;
	height: 51px;
	background: url(../pict/self/sec05_icon.png) left top no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}*/
.selfwrap #sec05 .lead_Y {
	margin: 10px 0 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #005aaa;
	line-height: 130%;
	padding:10px 15px;
	border:1px solid #005aaa;
	border-radius:5px;

}
.selfwrap #sec05 p.text {
	font-size: 18px;
	margin: 0;
}
.selfwrap #sec05 p.text span {
	display: block;
	text-align: right;
	padding-top: 10px;
}
.selfwrap #sec05 p.text span a {
	font-size:16px;
	background-color:#122754;
	border-radius:4px;
	color:#FFF;
	padding:3px 5px 0 5px;
	text-decoration: none;
	display: inline-block;
	padding: 5px 30px;
}
.selfwrap #sec05 p.text span a:hover {
	opacity: 0.7;
}
.btnContact {
	margin-bottom: 100px;
}

@media (max-width:1040px) {
	.selfwrap .floatBox,
	#self_trouble,
	.selfwrap #step {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	.selfwrap .titleStyle02,
	.selfwrap .titleStyle01 {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.selfwrap #step .stepBox {
    	width: 100%;
    	margin-bottom: 50px;
    }
	.selfwrap #step .stepBox:nth-child(2) {
		margin: 0 0 50px 0;
	}
	.selfwrap #step .stepBox:not(:first-child) {
		height: 320px;
	}
	.selfwrap #step .stepBox:not(:first-child) .innBox {
		margin-top: 30px;
	}
	.selfwrap #step .stepBox:after {
		top: -35px;
		left: 50%;
		transform: translateX(-50%);
		background: url(../pict/self/sec02_icon2.png) 0 0 no-repeat;
		width: 39px;
		height: 24px;
	}	
	.selfwrap #sec03 .sec03box .flL {
		width: 36%;
	}
	.selfwrap #sec03 .sec03box .flR {
		width: 60%;
	}
}

@media (max-width:1040px) {
	.selfwrap #sec03 .sec03box h3.tit {
		margin-top: 0;
	}
}

@media (max-width:812px) {
	.selfwrap #mainImge {
		padding: 20;
	}
	.selfwrap #mainImge .mainTxt{
		width:90%;
	}
	.selfwrap #mainImge .mainTxt h2{
		font-size: 5vw;
	}
	.selfwrap #mainImge .mainTxt .catch {
		font-size: 5vw;
		right: 60px;
	}
	#self_trouble ul {
		padding: 60px 10px 0 10px;
	}
	.selfwrap .titleStyle02 {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.btnContact {
		width: 94%;
		margin-left: auto;
		margin-right: auto
	}
	.selfwrap #mainImge .mainBox {
		background: #fff;
	}
}
@media (max-width:620px) {
	.selfwrap #mainImge .mainTxt .catch {
		right: 0px;
	}
}
@media (max-width:420px) {
	.selfwrap #mainImge{
		    padding: 60px 0 60px 0;
	}
	.selfwrap .floatBox, 
	#self_trouble, 
	.selfwrap #step,
	.btnContact {
		width: 90%;
	}
	.selfwrap .titleStyle02:after {
		background-size: cover;
		width: 50px;
		height: 20px;
		bottom: -20px;
	}
	#self_trouble {
		margin: 20px auto;
	}
	#self_trouble ul li p {
		font-size: 19px;
		background-size: 28px auto;
		padding-left: 40px;
	}
	.selfwrap .titleStyle02 {
		font-size: 23px;
		padding-top: 30px;
		padding-bottom: 25px;
	}
	.selfwrap #sec02 .bg {
		padding: 0 0 30px 0;
		background: none;
	}
	.selfwrap .titleStyle01 {
		font-size: 26px;
		line-height: 150%;
		padding-top: 45px;
	}
	.selfwrap .titleStyle01 span:before {
		height: 10px;
		bottom: 6px;
	}
	.selfwrap #step {
		margin-top: 20px;
	}
	.selfwrap #step .stepBox .ico,
	.selfwrap #sec04 .floatBox h4 {
		font-size: 18px;
		line-height: 130%;
		margin-bottom: 10px;
		padding: 8px;
	}
	.selfwrap #step .stepBox .innBox p {
		font-size: 18px;
	}
	.selfwrap #step .stepBox:first-child {
		height: 580px;
	}
	.selfwrap #step .stepBox:not(:first-child) {
		height: 300px;
	}
	.selfwrap #step .stepBox:last-child {
		margin-bottom: 0;
	}
	.selfwrap #sec03 .sec03box {
		padding: 10px 0 30px 0;
	}
	.selfwrap .floatBox .flL,
	.selfwrap .floatBox .flR {
		float: none;
		width: 100% !important;
	}
	.selfwrap #sec03 .sec03box .flL iframe{
		height:auto;
	}
	.selfwrap #sec03 .sec03box .floatBox {
		margin-top: 30px;
	}
	.selfwrap #sec03 .sec03box h3.tit {
		font-size: 24px;
		line-height: 130%;
	}
	.selfwrap #sec03 .sec03box h3.tit + p {
		font-size: 15px;
	}
	.selfwrap #sec04 .flL {
		text-align: center;
		margin-bottom: 10px;
	}
	.selfwrap #sec04 .flR p.tit {
		font-size: 18px;
		line-height: 130%;
		margin: 10px 0 5px 0;
	}
	.selfwrap #sec05 .sec05box {
		padding: 50px 0 0 0;
	}
	.selfwrap #sec05 h3.tit {
		font-size: 26px;
	}
	.selfwrap #sec05 h3.tit span {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.selfwrap #sec05 h3.tit:before {
		width: 41px;
		height: 41px;
		background-size: cover;
	}
	.selfwrap #sec05 .lead_Y {
		font-size: 19px;
	}
	.selfwrap #sec05 p.text {
		font-size: 15px;
	}
	.selfwrap #sec05 p.text span a {
		font-size: 14px;
		display: block;
		text-align: center;
		padding: 10px;
		margin-bottom: 10px;
	}
	.selfwrap #sec05 .flR {
		text-align: center;
	}
	.btnContact {
		margin-bottom: 0;
	}
	.selfwrap #mainImge .mainTxt {
		width: 335px;
		height: 250px;
	}
	.selfwrap #mainImge .mainTxt h2 {
		padding: 15px;
		font-size: 42px;
	}
	.selfwrap #mainImge .mainTxt h2 .top_line span {
		font-size: 22px;
		padding: 10px 45px;
		box-sizing: border-box;
		margin-bottom: 15px;
	}
	.selfwrap #mainImge .mainTxt h2 .top_line span:after {
		border: solid 10px transparent;
		border-top: solid 10px #fad231;
		bottom: -20px;
	}
	.selfwrap #mainImge .mainTxt h2 .small {
		font-size: 23px;
	}
	.selfwrap #mainImge .mainTxt .catch {
		font-size: 21px;
		top: 170px;
		right: 10px;
	}
	.selfwrap #mainImge .mainTxt .icon {
		width: 120px;
	}
}
@media (max-width:350px) {
	.selfwrap #mainImge .mainTxt {
		width: 100%;
	}
	.selfwrap #mainImge .mainTxt .catch {
		font-size: 21px;
		top: 170px;
		right: 10px;
	}
}

/*　新人研修パック*/
.selfwrap.fresherwrap{padding-top:0px;}
.selfwrap.fresherwrap #mainImge {padding: 8vh 0 1.5vh 0;background: url(../pict/fresher/fresher_main_bg.jpg) no-repeat bottom center;    background-size: 100%;}
.selfwrap.fresherwrap #mainImge .mainTxt h2{    padding: 5vh 0px 0 ; /*   color: #FFF;    text-shadow: 2px 2px 8px #01456a;*/}
.selfwrap.fresherwrap #mainImge .mainTxt h2 span{/*text-shadow: 2px 2px 8px #01456a;*/}
.selfwrap.fresherwrap #mainImge .mainTxt h2 .top_line span{}
    .selfwrap.fresherwrap #mainImge .mainTxt ul{margin-top:14px;}
    .selfwrap.fresherwrap #mainImge .mainTxt ul li{display: inline-block;background: #EEE;padding:5px 10px;margin:6px 6px;}
.selfwrap.fresherwrap #mainImge .mainTxt {width: auto;    height: auto;    background: none;}
.selfwrap.fresherwrap .titleStyle01 span.small{font-size:12px;}

.selfwrap section.wide.courselist{padding: 0 4vw;margin:0 auto;text-align:left;}	
table.pricetbl{margin:40px auto 60px;}	
.pricetbl th{background: #fad231;padding:20px 0;}	
.pricetbl td{padding:20px 0;}	
.pricetbl td,.pricetbl th{width:50%;border:10px solid #FFF;text-align: center}	
.pricetbl th,.bigprice{font-size:32px;font-weight:800;}	
.pricetbl th,.middleprice{font-weight:800;}

@media (max-width:1300px) {
    .selfwrap.fresherwrap{padding-top:0px;}
    .selfwrap.fresherwrap #mainImge {padding: 0vh 0 0.5vh 0;}
    .selfwrap.fresherwrap #mainImge .mainTxt h2{padding: 2vh 0px 0;	}
}
@media (max-width:1024px) {
    .selfwrap.fresherwrap #mainImge{padding: 3vh 0 30vh 0;background: url(../pict/fresher/fresher_main_bg_sp.jpg) no-repeat bottom center;    background-size: 100%;}
	.selfwrap.fresherwrap.kaizenwrap #mainImge{padding: 3vh 0 30vh 0;background: url(../pict/kaiszenbese/kaizen_main_bg.jpg) no-repeat bottom center;    background-size: 100%;}
	.selfwrap.fresherwrap #mainImge .mainTxt h2{font-size: 6vw; padding: 0vh 0px 0;	}  
}
@media (max-width:812px) {

	.selfwrap.fresherwrap #mainImge{padding: 3vh 0 24vh 0;}
	.selfwrap.fresherwrap #mainImge .mainTxt h2{
        padding: 5vh 0px 0;
	}
    .selfwrap.fresherwrap #mainImge .mainTxt h2 .top_line span{font-size: 3.6vw;padding: 1vh 60px;}
	.selfwrap.fresherwrap .titleStyle02 {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.selfwrap.fresherwrap #sec05 .btnContact {
		width: 94%;
		margin-left: auto;
		margin-right: auto
	}
	.selfwrap.fresherwrap #mainImge .mainBox {
		background: none;
	}
}
@media (max-width: 767px) {
	.pricetbl td,.pricetbl th{border:5px solid #FFF;}	
	.pricetbl th,.bigprice{font-size:18px;}	
}
@media (max-width:676px) {
    .selfwrap.fresherwrap #mainImge {padding: 3vh 0 18vh 0;}
    .selfwrap.fresherwrap #mainImge .mainTxt h2{
        font-size:8vw;
        padding: 0vh 0px 0;
	}
}

.course_hide{position: relative;}
.course_hide_inner:after {
    position:absolute;
    z-index:10;
    content:'';
    width:100%;
    height:30%;
    bottom:0;
    left:0;
    right:0;
    background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%, #fff 100%);
}

.blue-btn  {
	font-size:16px;
    align-items: center;
	background: #122754 url(../pict/common/btn.svg) right 10px center no-repeat;
	border-radius:4px;
	color:#FFF !important;
	text-decoration: none;
	display: inline-block;
	padding: 5px 40px 5px 20px;
}
.blue-btn:hover {
	opacity: 0.7;
}

.fukidashi {
    position: relative;
    padding: 5px 7px;
    margin: 0em 1em 0em 0;
    background: #005aaa;
    color: #FFF;
    font-weight: bold;
    display:inline-block;
    font-size:16px;
    vertical-align: middle;
}
.fukidashi:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #FFF;
	border-left-color: #005aaa;
	border-width: 5px;
	margin-top: -5px;
}
.fukidashi span {
    margin: 0; 
    padding: 0;
}
.selfwrap.fresherwrap #sec05 h3.tit span.fukidashi,
.selfwrap.fresherwrap #sec05 h3.tit span.fukidashi span{width:auto;height: auto;line-height: 1.7;}


/* お見積り */
#estimate-form .formtbl th{width:25%;}
#estimate-form .small{line-height:1.4;font-size:14px;}
.error{color:red; font-weight:600;margin-top:5px;display:inline-block;}
@media (max-width: 768px) {
	#estimate-form .formtbl th{width:auto;}
}
/* 合計金額 */
#estimate .total {
  margin: 20px auto 0;
  border: 2px solid #d7d7d7;
  background: #efefef;
}
#estimate .total dl {
  margin: 0;
}
#estimate .total dt {  padding: 26px 0 20px;}
#estimate .total dd {  padding: 20px 0;}
#estimate .total dt {
  float: left;
  width: 40%;
  text-align: center;
  font-weight: bold;
}
#estimate .total .tax {
  font-size: 12px;
  font-weight: normal;
}
#estimate .total dd {
  float: right;
  margin: 0;
  width: 60%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  background: #fff;
}
#estimate .total .yen {
  font-weight: normal;
  font-size: 15px
}

/* 見積書  2017.3
-------------------------------------------*/
.pull-right{float:right;}
.pull-left{float:left;}
#estimate #box{    padding: 0px;}
#estimate #box .w_960{margin-top: 0px;}
#estimate #document {
  padding: 10px 0 60px;
  width: 100%;
}
#estimate #document h2 {
  font-size: 30px;
}
#estimate #document-top p {
    margin:0;
    line-height: 1.5;
  padding: 10px 0 0;
}
#estimate #document-top .date {
  padding: 0;
  text-align: right;
}
#estimate #document-top .number {
  padding: 0;
  text-align: right;
}
#estimate #document-top .company,
#estimate #document-top .person,
#estimate #document-top .subject {
  width: 50%;
  font-size: 16px
}
#estimate #document-top .number span,
#estimate #document-top .company,
#estimate #document-top .person,
#estimate #document-top .subject,
#estimate #document-top .due span,
#estimate #document-top .limit span {
  padding-left: 3px;
  border-bottom: 1px solid #bbb;
}
#estimate #document-top .limit {
  padding: 3px 0 0;
}
#estimate #document-top .total {
  margin: 0;
  padding: 2px 10px;
  width: 100%;
  font-size: 20px;
  border: none;
  border-bottom: 4px double #bbb;
  background: #fff;
}
#estimate #document-top .pull-left { width: 49% }
#estimate #document-top .pull-right { width: 35% }
#estimate #document .info {
  position: relative;
}
#estimate #document .info .stamp {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: -1;
}
#estimate #document address {
  margin-bottom: 5px;
  font-size: 12px;
}

/* 内訳の表 */
#estimate #document-table {
  font-size: 14px;
}
#estimate #document-table {
  margin: 20px auto 0;
  border-collapse: collapse;
  /* border-spacing: 2px;
  background: #bbb; */
}
#estimate #document-table th,
#estimate #document-table td {
  border: 2px solid #dddddd;
    padding:5px;
}

#estimate #document-table th {
  text-align: center;
  background: #eee;
}
#estimate #document-table td {
  background: #fff;
}
#estimate #document-table p {
    line-height: 1.5;
    margin:0;
  padding-bottom: 5px;
}
#estimate #document-table .unit-price,
#estimate #document-table .price,
#estimate #document-table .amount {
  text-align: right;
}
#estimate #document-table .unit {
  text-align: center;
}

/* 印刷ボタン */

@media print {
  /*　印刷領域 */
  #estimate.print #ducument {
    top:0 !important;
    left:0 !important;
    width:172mm !important;
    height:251mm !important;
  }
  #estimate.print #ducument {
    padding: 0;
  }
  /*　印刷しない領域 */
  #estimate.print .print-hidden {
    display: none;
  }
}


/*--------------------
 コース関連ページバナーエリア追加
--------------------*/
.w_225_box .side_top {
	text-align: center;
}
.course_middle {
	background: #f2f2f2;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	clear: both;
	
}
.course_middle .bnrarea {
	padding: 30px 0;
}
.course_middle .bnrarea .ttl {
	font-size: 36px;
	font-weight: bold;
	line-height: 150%;
}
.course_middle .bnrarea .sub_ttl {
	font-size: 20px;
	font-weight: bold;
	color: #182754;
	background: #fff;
	display: inline-block;
	border: solid 1px #182754;
	letter-spacing: 0;
	padding: 4px 13px;
	margin: 10px 0 20px 0;
}
.course_middle .bnrwrap a {
	box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);
	display: inline-block;
	margin: 0 8px;
}
.course_middle .bnrwrap a img {
	vertical-align: bottom;
}

@media (max-width:980px) {
	.w_225_box .side_top {
		display: none;
	}
}

@media (max-width:812px) {
	.course_middle .bnrarea {
		padding: 30px 20px;
	}
	.course_middle .bnrarea .ttl {
		font-size: 24px;
	}
	.course_middle .bnrarea .sub_ttl {
		font-size: 16px;
		margin: 10px 0;
	}
	.course_middle .bnrwrap a {
		margin: 10px 0 0 0;
	}
	.course_middle .bnrwrap a img {
		max-width: 100%;
		height: auto;
	}
}


/*--------------------
 resultテンプレート01
--------------------*/
#result_mv {
	background: #e6e6e6;
}
.result_mv_text {
	float: left;
	width: 545px;
	height: 320px;
	padding: 40px;
	box-sizing: border-box;
}
.mv_text_box {
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
	position: relative;
}
.mv_text_box:after {
	content: "Interview";
	font-style: italic;
	display: inline-block;
	color: #daa520;
	font-size: 50px;
	position: absolute;
	right: 40px;
	bottom: 40px;
	opacity: 0.4;
	z-index: 0;
}
.mv_text_box h2 {
	font-size: 36px;
	padding-top: 40px;
	position: relative;
}
.mv_text_box p {
	font-weight: bold;
	line-height: 130%;
	font-size: 22px;
	padding-top: 20px;
	position: relative;
	z-index: 10;
}
.mv_text_box p span {
	font-size: 20px;
	line-height: 130%;
	display: block;
	padding-top: 30px;
}
.result_temp01 {
	width: 1040px;
	margin: 0 auto 40px auto;
	background: #f7f7f7;
	padding: 40px;
	box-sizing: border-box;
}
.result_temp01 .temp01Wrap {
	background: #fff;
	padding: 30px 40px 5px 40px;
}
.result_temp01 h2 {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	margin: 60px 0;
	padding: 40px 0 0 0;
}
.mv_text_box h2:before,
.result_temp01 h2:before {
	position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 4px;
    content: '';
    background: #daa520;
}
.result_temp01 p {
	margin-bottom: 1.7em;
}
.result_temp01 .f_bold {
	font-weight: bold;
}
.result_temp01 p span.caption {
	display: block;
	color: #999;
	font-size: 90%;
	line-height: 130%;
}
.result_temp01 .t_blue {
	color: #005aaa;
}
.result_temp01 .pict {
	padding: 40px 0;
}
@media (min-width:981px) and (max-width:1499px) {
	.result_mv_image {
		background-size: auto 100% !important;
		background-position: center center;
	}
}
@media (min-width:981px) and (max-width:1199px) {
	#result_mv {
		padding: 30px;
	}
	.result_mv_image {
		height: 305px !important;
	}
	.result_mv_text {
		width: 50%;
		height: 305px;
		padding: 0 0 0 30px;
	}
	.mv_text_box {
		padding: 30px;
		height: 305px;
	}
	.mv_text_box h2 {
		font-size: 34px;
	}
	.mv_text_box p {
		font-size: 20px;
	}
	.mv_text_box:after {
		font-size: 34px;
	}
}
@media (max-width:1199px) {
	.result_temp01 {
		width: 100%;
	}
	.result_temp01 .pict img {
		width: 100%;
		height: auto;
	}
}
@media (max-width:980px) {
	.result_mv_image {
		float: none !important;
		width: 100% !important;
		height: 300px !important;
		background-position: center center;
	}
	.result_mv_text {
		float: none;
		width: 100%;
		height: auto;
		padding: 20px;
	}
	.mv_text_box {
		padding: 30px 20px;
	}
	.mv_text_box:after {
		right: 20px;
		bottom: 20px;
	}
	.result_temp01 {
		padding: 0;
	}
	.result_temp01 .temp01Wrap {
		padding: 30px 20px 5px 20px;
	}
	.result_temp01 h2 {
		line-height: 130%;
	}
}
@media (max-width:420px) {
	.result_mv_image {
		height: 195px !important;
	}
	.mv_text_box h2 {
		line-height: 130%;
		padding-top: 30px;
		font-size: 28px;
	}
	.mv_text_box p {
		font-size: 18px;
	}
	.mv_text_box p span,
	.result_temp01 p {
		font-size: 15px;
	}
	.result_temp01 h2 {
		font-size: 26px;
		padding-top: 30px;
		margin: 40px 0;
	}
	.result_temp01 .pict {
		padding: 30px 0;
	}
}

/*width*/
.w10p{width:10%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w47p{width:47%;}
.w48p{width:48%;}
.w50p{width:50%;}
.w56p{width:56%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}
.w-half-res{width:47%;margin-left:1.5%;margin-right:1.5%;float:left;}
@media (min-width:769px) {
	.w10p-pc{width:10%;}
	.w20p-pc{width:20%;}
	.w25p-pc{width:25%;}
	.w30p-pc{width:30%;}
	.w40p-pc{width:40%;}
	.w45p-pc{width:45%;}
	.w47p-pc{width:47%;}
	.w48p-pc{width:48%;}
	.w50p-pc{width:50%;}
	.w56p-pc{width:56%;}
	.w60p-pc{width:60%;}
	.w70p-pc{width:70%;}
	.w75p-pc{width:75%;}
	.w80p-pc{width:80%;}
	.w90p-pc{width:90%;}
	.w100p-pc{width:100%;}
}
@media (max-width:768px) {
    .w-half-res{width:auto;float:none;margin-left:auto;margin-right:auto;}
    .w-half-res iframe{width: 100%;}
}

/*margin*/
.mrauto{margin-right:auto !important;}
.mlauto{margin-left:auto !important;}
.mtauto{margin-top:auto !important;}
.mbauto{margin-bottom:auto !important;}

.mr0{margin-right:0px !important;}
.ml0{margin-left:0px !important;}
.mt0{margin-top:0px !important;}
.mb0{margin-bottom:0px !important;}
.pdt0{padding-top:0px !important;}
.pdb0{padding-bottom:0px !important;}

.mr10{margin-right:10px !important;}
.ml10{margin-left:10px !important;}
.mt10{margin-top:10px !important;}
.mb10{margin-bottom:10px !important;}
.pdt10{padding-top:10px !important;}
.pdb10{padding-bottom:10px !important;}

.mr20{margin-right:20px !important;}
.ml20{margin-left:20px !important;}
.mt20{margin-top:20px !important;}
.mb20{margin-bottom:20px !important;}
.pdt20{padding-top:20px !important;}
.pdb20{padding-bottom:20px !important;}

.mr30{margin-right:30px !important;}
.ml30{margin-left:30px !important;}
.mt30{margin-top:30px !important;}
.mb30{margin-bottom:30px !important;}
.pdt30{padding-top:30px !important;}
.pdb30{padding-bottom:30px !important;}

.mr40{margin-right:40px !important;}
.ml40{margin-left:40px !important;}
.mt40{margin-top:40px !important;}
.mb40{margin-bottom:40px !important;}
.pdt40{padding-top:40px !important;}
.pdb40{padding-bottom:40px !important;}

.mr50{margin-right:50px !important;}
.ml50{margin-left:50px !important;}
.mt50{margin-top:50px !important;}
.mb50{margin-bottom:50px !important;}
.pdt50{padding-top:50px !important;}
.pdb50{padding-bottom:50px !important;}

.mr60{margin-right:60px !important;}
.ml60{margin-left:60px !important;}
.mt60{margin-top:60px !important;}
.mb60{margin-bottom:60px !important;}
.pdt60{padding-top:60px !important;}
.pdb60{padding-bottom:60px !important;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.text-big{font-size: 2rem;}
.text-medium{font-size: 1.6rem;}
.text-small{font-size: 1.4rem;}
@media (max-width: 768px) {
    .text-sp-big{font-size: 2rem;}
    .text-sp-medium{font-size: 1.6rem;}
    .text-sp-small{font-size: 1.4rem;}
    .text-sp-center{text-align: center}
    .text-sp-left{text-align: left}
    .text-sp-right{text-align: right}
}
/*border*/
.border-top{ padding-top: 24px; border-top: 1px solid #CCC;}
.border-bottom{border-bottom: 1px solid #CCC;}

/*font*/
.red{color:#FF0000;}
.bold{font-weight: bold;}

/*vertical-align*/
.vt-top{vertical-align: top;}



/* sec-commu */
.sec-commu{  display: flex;  align-content: space-between;    margin: 1.7em 0 1.7em 0;}
.circle-image {
    background-image: url(../pict/trend/proseeds.jpg);
    width:  80px;
    height: 80px; 
    border-radius: 50%;
    background-position: center center;
    background-size:cover;
    border:2px solid #EEE;
}
.circle-image:after{content: "";width:80px;display: block;}
.circle-image.pat01 {    background-image: url(../pict/trend/proseeds.png);}
.circle-image.pat02 {    background-image: url(../pict/trend/woman01.png);}
.circle-image.pat03 {    background-image: url(../pict/trend/woman02.png);}
.circle-image.pat04 {    background-image: url(../pict/trend/woman03.png);}
/* baloon */
.balloon1-left {
  position: relative;
  display: inline-block;
  margin-left:15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}
.balloon1-left:before {
  content: "";
  position: absolute;
  top: 35px;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #e0edff;
}
.balloon1-left p:not(:last-child):not(:empty) {  margin: 0 0 20px;  padding: 0;}
.balloon1-left.pat-orange{background: #fff5e4;}
.balloon1-left.pat-orange:before{border-right-color: #fff5e4;}
/* パスワード入力 */
.post-password-form input{border:1px solid #CCC;padding:5px 8px;background:#EEE;}

/**********　リーダー研修 **********/
.selfwrap.fresherwrap.p-leaderwrap #mainImge {background-image: url(../pict/plan-leader/plan-leader_main_bg.jpg);}
@media (max-width:1024px) {
    .selfwrap.fresherwrap.p-leaderwrap #mainImge {background-image: url(../pict/plan-leader/plan-leader_main_bg_sp.jpg);}
}
.p-leaderwrap .wrap_inner {background: #FBF1C9;}
.p-leaderwrap #trouble h3 {font-size: 3.6rem;}
.p-leaderwrap #trouble .floatBox {background: none;max-width: 800px;}
.p-leaderwrap #trouble .trouble_list li {
	background: #FFF;
	padding: 3rem;
	border-radius: 1rem;
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
}
.p-leaderwrap #trouble .trouble_list li::after {
	content: "";
	width: 6.4rem;
	height: 6.4rem;
	position: absolute;
	right: 0;
	bottom: -1rem;
	background-position: 0 0 ;
	background-repeat: no-repeat;
	background-size: contain;
}
.p-leaderwrap #trouble .trouble_list li.trouble1::after {background-image: url(../pict/plan-leader/trouble_icon1.png);}
.p-leaderwrap #trouble .trouble_list li.trouble2::after {background-image: url(../pict/plan-leader/trouble_icon2.png);}

.p-leaderwrap #essential .floatBox {background: none;}
.p-leaderwrap #essential .essential_list li {
	background: #FFF;
	padding: 6rem 3rem 3rem 3rem;
	border-radius: 1rem;
	margin-top: 6rem;
	position: relative;
}
.p-leaderwrap #essential .essential_list li .num {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -4rem;
	width: 8rem;
	height: 8rem;
	background: #fad231;
	border-radius: 50%;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	padding-top: .5rem;
}
.p-leaderwrap #essential .essential_list li .num span {
	display: block;
	font-size: 240%;
	line-height: 1;
}
.p-leaderwrap #essential .essential_list li h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 3em;
	font-size: 2.3rem;
	margin-bottom: 1rem;
}
.p-leaderwrap.selfwrap #sec05 .floatBox {
	border: none;
	border-radius:  1rem;
	padding: 3rem;
	max-width: 800px;
}
.p-leaderwrap.selfwrap #sec05 h3.tit {
	padding-left: 10rem;
	position: relative;
	font-size: 3rem;
	margin-bottom: 2rem;
}
.p-leaderwrap.selfwrap #sec05 h3.tit .fukidashi {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.p-leaderwrap.selfwrap #sec05 h3.tit span {
	width: auto;
	height: auto;
	line-height: 1.7;
}
.p-leaderwrap.selfwrap #sec05 .sec05box li .image_wrap {text-align: center;}
.p-leaderwrap.selfwrap #sec05 .sec05box li .image_wrap img {
	margin-top: 20px;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.p-leaderwrap .pricetbl tr:nth-child(even) {background-color: #F4F8F9;}
.p-leaderwrap .pricetbl td a {border-bottom: solid 1px #000;}

@media (min-width:768px) {
	.p-leaderwrap #essential .essential_list {display: flex;flex-wrap: wrap;justify-content: center;}
	.p-leaderwrap #essential .essential_list li:nth-child(-n+2) {width: 40%;}
	.p-leaderwrap #essential .essential_list li.essential1 {margin-right: 4%;}
	.p-leaderwrap #essential .essential_list li:nth-child(n+3) {width: 32%;margin-right: 2%;}
	.p-leaderwrap #essential .essential_list li.essential5 {margin-right: 0;}
	.p-leaderwrap.selfwrap #sec05 .sec05box li .image_wrap {
		display: flex;
		justify-content: center;
	}
    .p-leaderwrap.selfwrap #sec05 h3.tit br.disp_mobile {display: none;}
	.p-leaderwrap.selfwrap #sec05 .sec05box li .image_wrap img {width: calc((100% - 20px) /2);}
	.p-leaderwrap.selfwrap #sec05 .sec05box li .image_wrap img:nth-child(odd) {margin-right: 20px;}
}
@media (min-width:421px) {
	.p-leaderwrap #trouble .trouble_list {display: flex;justify-content: space-between;}
	.p-leaderwrap #trouble .trouble_list li {width: 45%;display: flex;align-items: center;}
}
@media (max-width:767px) {
	.p-leaderwrap #essential .wrap_inner {padding-top: 40px !important;padding-bottom: 40px !important;}
	.p-leaderwrap #essential .essential_list li.essential3 h3 br {display: none;}
	.p-leaderwrap.selfwrap #sec05 h3.tit br:not(.disp_mobile) {display: none;}
}
@media (max-width: 420px) {
	.p-leaderwrap #trouble h3 {font-size: 2rem;margin-bottom: 20px!important;}
	.p-leaderwrap #trouble .trouble_list li {font-size: 1.8rem;padding: 2.5rem 5rem 2.5rem 2rem;}
	.p-leaderwrap #trouble .trouble_list li + li {margin-top: 2rem;}
	.p-leaderwrap .btnContact {margin-bottom: 20px !important;}
	.p-leaderwrap #essential .essential_list li h3 {height: auto;font-size: 2rem;}
	.p-leaderwrap #essential .essential_list li {padding-top: 5rem;margin-top: 4rem;}
	.p-leaderwrap #essential .essential_list li .num {
		top: -3rem;
		width: 6rem;
		height: 6rem;
		font-size: 1.2rem;
	}
	.p-leaderwrap #essential .essential_list li .num span {font-size: 200%;}
    .p-leaderwrap #essential .essential_list li .text {font-size: 1.5rem;}
	.p-leaderwrap.selfwrap #sec05 h3.tit {
		padding-left: 0;
		padding-top: 5rem;
		font-size: 2rem;
		text-align: center;
	}
	.p-leaderwrap.selfwrap #sec05 h3.tit .fukidashi {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.p-leaderwrap.selfwrap #sec05 h3.tit .fukidashi:after {
		left: 50%;
		top: 100%;
		border-left-color: #FFF;
		border-top-color: #005aaa;
		margin-top: 0;
		transform: translateX(-50%);
	}
}

/**********　202210 コンプライアンス研修 **********/
@media (max-width:1720px) and (min-width:1025px) {
	.p-complwrap .selfwrap.fresherwrap #mainImge {padding-top: 1.5vh;}
}
@media (max-width:1520px) and (min-width:1025px) {
	.p-complwrap .selfwrap.fresherwrap #mainImge .mainTxt h2 {padding-top: 0;}
}
@media (max-width:1370px) and (min-width:1025px) {
	.p-complwrap .selfwrap.fresherwrap #mainImge {background-size:cover;}
}
@media (max-width:1024px) {
	.p-complwrap .selfwrap.fresherwrap #mainImge .mainTxt h2 br {display:none;}
}
.p-leaderwrap .courselist .list li p.cat_limitless {
	margin: 0;
	padding: 4px 10px;
	background: #4DFA86;
	line-height: 1.2;
	font-weight: 700;
	display: inline-block;
}
.p-leaderwrap #course_price_table thead th {
	background: #868686;
	text-align: center;
	padding: 5px 15px;
	color: #FFF;
	font-size: .9em;
}
.p-leaderwrap #course_price_table tbody th,
.p-leaderwrap #course_price_table tbody td {
	padding: 1.6rem 2rem;
	font-weight: bold;
}
.p-leaderwrap #course_price_table tbody tr:nth-child(odd) {background: #FFFAE6;}
.p-leaderwrap #course_price_table tbody tr:nth-child(even) {background: #F8F8F8;}
.p-leaderwrap #course_price_table tbody th {
	background: #fad231;
	font-size: 1.1em;
}
.p-leaderwrap #course_price_table tbody td .limitless {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.p-leaderwrap #course_price_table tbody td .limitless::before {
	content: "";
	display: inline-block;
}
.p-leaderwrap #course_price_table tbody td .limitless.ok::before {
	width: 2em;
	height: 2em;
	border: solid 4px #FA2A25;
	border-radius: 50%;
}
.p-leaderwrap #course_price_table tbody td .limitless.no::before {
	width: 1.5em;
	height: 4px;
	background: #666;
}
@media (max-width:1040px) and (min-width:768px) {
	.p-leaderwrap #essential .essential_list li h3 br {display: none;}
}
@media (min-width:768px) {
	.p-complwrap .p-leaderwrap #essential .essential_list li:nth-child(n+3),
    .p-leaderwrap #essential .essential_list.list_even li:nth-child(n+3) {width: 40%;margin-right: 4%;}
	.p-complwrap .p-leaderwrap #essential .essential_list li.essential4,
    .p-leaderwrap #essential .essential_list.list_even li.essential4 {margin-right: 0;}

	.p-complwrap .p-leaderwrap.selfwrap #course_price_table .floatBox,
    .p-leaderwrap.selfwrap #course_price_table .floatBox.wideType {
		width: 100%;
		max-width: calc(1160px + 6rem);
	}
	.p-leaderwrap #course_price_table thead .course {width: 31%;}
	.p-leaderwrap #course_price_table thead .category,
	.p-leaderwrap #course_price_table thead .time,
	.p-leaderwrap #course_price_table thead .price {width: 20%;}
	.p-leaderwrap #course_price_table thead .limitless {width: 9%;}
}
@media (max-width:767px) {
	.p-complwrap .p-leaderwrap.selfwrap #course_price_table .floatBox,
    .p-leaderwrap.selfwrap #course_price_table .floatBox.wideType {padding: 3rem 0;}
	.p-leaderwrap #course_price_table table {
		width: 100%;
	}
	.p-leaderwrap #course_price_table thead {display: none;}
	.p-leaderwrap #course_price_table tbody th,
	.p-leaderwrap #course_price_table tbody td {
		display: block;
		width: 100%;
	}
	.p-leaderwrap #course_price_table tbody th {
		padding: .8rem 1.5rem;
		border: solid 1px #ccc;
	}
	.p-leaderwrap #course_price_table tbody td {
		padding: 0;
		border: solid 1px #ccc;
		border-top: none;
		display: flex;
		align-items: center;
		background: -moz-linear-gradient(left, #EEE 30%, #FFFAE6 30%);
		background: -webkit-linear-gradient(left, #EEE 30%, #FFFAE6 30%);
		background: linear-gradient(to right, #EEE 35%, #FFFAE6 30%);

	}
	.p-leaderwrap #course_price_table tbody tr {border: solid 1px #ccc;}
	.p-leaderwrap #course_price_table tbody tr:nth-child(even) {background:#FFFAE6;}
	.p-leaderwrap #course_price_table tbody td::before {
	    content: attr(data-label);
	    display: block;
	    width: 35%;
	    text-align: left;
	    padding: 1.2rem;
		font-size: .9em;
	}
	.p-leaderwrap #course_price_table tbody td span {
		width: 65%;
		padding: 1.2rem;
	}
	.p-leaderwrap #course_price_table tbody td .limitless.ok::before {
		width: 1.6em;
		height: 1.6em;
	}
	.p-leaderwrap #course_price_table tbody td .limitless.no::before {width: 1.2em;}
}
@media (max-width: 420px) {
	.p-complwrap .p-leaderwrap #essential .essential_list li h3 br {display: none;}

}

/* 20251024追記　カイゼンベースLP */
.selfwrap.fresherwrap.kaizenwrap #mainImge{
	padding: 8vh 0 1.5vh 0;
    background: url(../pict/kaiszenbese/kaizen_main_bg.jpg) no-repeat top center;
}
@media (max-width: 768px) {
	    .selfwrap.fresherwrap.kaizenwrap #mainImge {
			padding: 3vh 0 15vh 0;
			background: url(../pict/kaiszenbese/kaizen_main_bg_sp.jpg) no-repeat bottom center;
			background-size: 100%;
		}
}
.selfwrap.fresherwrap.kaizenwrap section .inner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
}
@media (max-width: 768px) {
	.selfwrap.fresherwrap.kaizenwrap section .inner{
		padding: 30px 15px;
	}
}
.selfwrap.fresherwrap.kaizenwrap section .inner .titleStyle01{
	padding-top: 0;
	margin-bottom: 50px;
}
.selfwrap.fresherwrap.kaizenwrap section .inner .flex{
	display: flex;
	flex-wrap: wrap;
}
.selfwrap.fresherwrap.kaizenwrap #sec02 .fig01{
	margin-top: 50px;
}
.selfwrap.fresherwrap.kaizenwrap #sec02 figure{
	margin: 50px 0;
}
.selfwrap.fresherwrap.kaizenwrap .reason_list .flex{
	justify-content: center;
}
.selfwrap.fresherwrap.kaizenwrap .reason_list .flex li{
	width: calc(33.333333% - 20px);
	padding: 50px 15px 15px;
	border: 1px solid #fad231;
	box-sizing: border-box;
	margin-bottom: 30px;
	margin-right: 20px;
	text-align: center;
}
.selfwrap.fresherwrap.kaizenwrap .reason_list .flex li:nth-child(3n){
	margin-right: 0;
}
.selfwrap.fresherwrap.kaizenwrap .reason_list .flex li .num{
	margin-top: -70px;
	text-align: center;
	display: block;
}
.selfwrap.fresherwrap.kaizenwrap .reason_list .flex li h4{
	text-align: center;
	font-size: 2.6rem;
	margin: 0.5em 0;
}
.selfwrap.fresherwrap.kaizenwrap .reason_list .flex li figure{
	max-width: 195px;
	text-align: center;
	margin : 0 auto 20px;
}
.selfwrap.fresherwrap.kaizenwrap .reason_list .flex li .txt{
	text-align: left;
}
@media (max-width: 768px) {
	.selfwrap.fresherwrap.kaizenwrap .reason_list .flex li{
		width: 100%;
		margin-right: 0;
	}
	.selfwrap.fresherwrap.kaizenwrap .reason_list .flex li h4{
		font-size: 2.0rem;
	}
}

.selfwrap.fresherwrap.kaizenwrap .point_list .flex{
	justify-content: space-between;
}
.selfwrap.fresherwrap.kaizenwrap .point_list .flex li{
	width: calc(33.333333% - 20px);
	margin-bottom: 30px;
}
.selfwrap.fresherwrap.kaizenwrap .point_list .flex li h4{
	font-size: 2.4rem;
	margin-top: 20px;
	text-align: left;
}
.selfwrap.fresherwrap.kaizenwrap .point_list .flex li h4 span{
	color: #005aaa;
}
@media (max-width: 768px) {
	.selfwrap.fresherwrap.kaizenwrap .point_list .flex li{
		width: 100%;
	}
	.selfwrap.fresherwrap.kaizenwrap .point_list .flex li h4{
		font-size: 2.0rem;
	}
}

.selfwrap.fresherwrap.kaizenwrap .lineup_list .box{
	margin-bottom: 30px;
}
.selfwrap.fresherwrap.kaizenwrap .lineup_list .box h4{
	padding-bottom: 10px;
	text-align: center;
	font-size: 3.0rem;
	border-bottom: 1px solid #fad231;
	margin-bottom: 1em;
}
.selfwrap.fresherwrap.kaizenwrap .lineup_list .box h5{
	font-size: 1.8rem;
	margin-top: 10px;
	text-align: left;
}
.selfwrap.fresherwrap.kaizenwrap .lineup_list .flex{
	justify-content: space-between;
}
.selfwrap.fresherwrap.kaizenwrap .lineup_list .flex li{
	width: calc(25% - 10px);
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	.selfwrap.fresherwrap.kaizenwrap .lineup_list .box h4{
		font-size: 2.2rem;
	}
	.selfwrap.fresherwrap.kaizenwrap .lineup_list .flex li{
		width: 100%;
	}
}
.selfwrap.fresherwrap.kaizenwrap .price_list .txt{
	text-align: center;
}

.selfwrap.fresherwrap.kaizenwrap .voice_list .voice_box{
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 0 8px #efefef;
	padding: 25px 25px 0 25px;
}
.selfwrap.fresherwrap.kaizenwrap .voice_list .voice_box figure{
	width: 130px;
}
.selfwrap.fresherwrap.kaizenwrap .voice_list .voice_box .cont{
	width: 750px;
	text-align: left;
}
.selfwrap.fresherwrap.kaizenwrap .voice_list .voice_box .cont .txt{
	margin-bottom: 0 !important;
}
.selfwrap.fresherwrap.kaizenwrap .voice_list .voice_box .cont .name{
	text-align: right;
}
.selfwrap.fresherwrap.kaizenwrap .voice_list .btnContact{
	margin-top: 100px;
}
@media (max-width: 768px) {
	.selfwrap.fresherwrap.kaizenwrap .voice_list .voice_box{
		padding: 15px;
	}
	.selfwrap.fresherwrap.kaizenwrap .voice_list .voice_box figure{
		text-align: center;
		margin: 0 auto 20px;
	}
	.selfwrap.fresherwrap.kaizenwrap .voice_list .voice_box .cont{
		width: 100%;
	}
}