/* CSS Document */
#main .mainVisual {
	padding: 0;
/* 	height: calc(100vh - 160px); */
	height: 300px;
	position: relative;
	z-index: 15;
	background-image: url("/fastreports/net/img/net/mainvisual_bg.jpg")
}

#main .mainVisual .comBox {
/*	padding: 0 0 50px; */
	padding: 20px 0;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	box-sizing: border-box;
}

#main .mainVisual h1 {
	font-size: 4rem;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-weight: 700;
	color: #fff;
	width: 100%;
}

#main .mainVisual p {
	margin: 10px 0 5px;
	font-size: 2.6rem;
	line-height: 1.57;
	color: #fff;
}

#main .mainVisual p span {
	font-weight: 500;
}

#main .comListBox .toolLink a {
	color: black;
}

#main .comListBox .toolLink a:hover {
	color: black;
}

.scroll a:before {
	height: 55px;
	background-color: #000;
}

.scroll a:after {
	background-color: #fff;
}

.scroll a:hover:before {
	background-color: #000;
}

.scroll a:hover:after {
	background-color: #000;
}

@keyframes vertical {
	0% {
		height: 0px;
		bottom: auto;
		top: 113px
	}

	49.9% {
		bottom: auto;
		top: 113px
	}

	50% {
		height: 50px;
		top: auto;
		bottom: 0
	}

	100% {
		height: 0px;
		top: auto;
		bottom: 0
	}
}

@keyframes verticalh {
	0% {
		bottom: auto;
		top: 113px
	}

	49.9% {
		bottom: auto;
		top: 113px
	}

	50% {
		height: 50px;
		top: auto;
		bottom: 0
	}

	100% {
		height: 50px;
		top: auto;
		bottom: 0
	}
}

@media all and (max-width: 767px) {
	#main .mainVisual {
		height: 460px;
		background-image: url("/fastreports/net/img/net/sp_mainvisual_bg.jpg");
	}

	#main .mainVisual h1 {
		font-size: 3.2rem;
		line-height: 1.35;
		text-align: center;
	}

	#main .mainVisual p {
		margin: 20px 0 0;
		text-align: center !important;
	}

	#main .comListBox .toolLink {
		padding: 16px 0 25px 40px;
	}

	.scroll {
		bottom: 0;
		width: 20.5px;
	}

	.scroll a:after {
		width: 2px;
	}

	.scroll a:before {
		height: 47px;
		width: 2px;
		background-color: #000;
	}
}

.platform .headline08 {
	margin: 0 0 53px;
}

.platform .headline04 {
	margin-bottom: 15px;
}

.platform .h4Ttl {
	margin-bottom: 5px;
}

.platform p {
	margin-bottom: 41px;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.6;
}

.platform p:last-child {
	margin-bottom: 0;
}

.platform .imgArea {
	margin-bottom: 45px;
}

.platform .text {
	margin-bottom: 44px;
	line-height: 2;
	font-size: 1.6rem;
}

.platform .comTableBox {
	margin: 55px 0 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f1f1f1;
}

.platform .comTableBox .img {
	margin-bottom: 5px;
	max-width: 383px;
}

.platform .comTxtUl02 {
	margin: -10px 0 0;
}

@media all and (min-width: 768px) {
	.platform .comTableBox th {
		width: 218px;
	}
}

@media all and (max-width: 767px) {
	.platform .headline08 {
		margin-bottom: 25px;
	}

	.platform .headline04 {
		margin: 0 0 15px;
	}

	.platform .spLarge {
		margin-left: 5px;
		margin-right: 5px;
		font-size: 2.5rem;
	}

	.platform .h4Ttl {
		margin-bottom: 4px;
	}

	.platform .imgArea {
		margin-bottom: 30px;
		overflow-x: scroll;
		text-align: center;
	}

	.platform .imgArea img {
		max-width: inherit;
		height: auto;
	}

	.platform.blueBg p {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 2;
		letter-spacing: -1px;
	}

	.platform .text {
		margin-bottom: 30px;
		font-size: 1.4rem;
	}

	.platform .comTableBox {
		margin: 40px 0 40px;
		padding-bottom: 0;
	}

	.platform .comTableBox .img {
		margin: 10px 0 0;
		max-width: 100%;
	}

	.platform .comTableBox .img img {
		width: 100%;
	}
}


/*------------------------------------------------------------
PC霑ｽ蜉�繧ｹ繧ｿ繧､繝ｫ
------------------------------------------------------------*/


/*笆ｼ蜈ｱ騾夊ｦ∫ｴ�--------------------------------*/

/*繝ｪ繝ｳ繧ｯ濶ｲ*/
#main a {
	color: dodgerblue;
}

/*閭梧勹繝ｩ繧､繝医ヶ繝ｫ繝ｼ*/
.bg_blue {
	background-color: rgba(11, 57, 152, 0.05);
}

/*hero蜀�枚蟄�*/
.bg_blue .headline08,
.bg_blue .centerTxt {
	color: #011D57;
}

/*繝倥ャ繝€繝ｼ繝ｭ繧ｴ隱ｿ謨ｴ*/
#gHeader h1 {
	width: 140px;
	/*縺薙％縺ｯ螟峨∴繧�*/
	justify-content: center;
	align-items: center;
	top: auto;
}

/*繝倥ャ繝€繝ｼ縺雁撫縺�粋繧上○繝懊ち繝ｳ*/
#gHeader .rBox .btn a {
	background-color: #F93A3A;
}

/*繝輔ャ繧ｿ繝ｼ縺雁撫縺�粋繧上○繝懊ち繝ｳ*/
#main .content .btn a {
	background-color: #F93A3A;
	border-radius: 4px;
	border: none;
}

#main .content .btn a:hover {
	background-color: #F93A3A;
	opacity: 0.7;
}

/*繝翫ン荳矩Κ繝舌�*/
#gNavi li a:hover {
	border-bottom: 2px solid #F93A3A;
}

/*襍､濶ｲ*/
.red {
	color: #F93A3A;
}

/*繝輔Ξ繝�け繧ｹ繝懊ャ繧ｯ繧ｹ縺ｾ繧上ｊ*/
.flexbox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.flexbox > * {
	width: 50%;
}

.flexbox div:last-child {
	margin-bottom: 0;
}

.flexbox div {
	text-align: center;
}

.flexbox div {
	text-align: center;
}

/*繝√ぉ繝�け繝槭�繧ｯ縺御ｸ頑純縺医�繝ｪ繧ｹ繝郁ｪｿ謨ｴ*/
.top-check li {
	line-height: 2;
	background-position: top 7px left;
	margin-bottom: 6px;
}

/*豕ｨ驥�*/
.annotation {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.6;
}

/*繝√ぉ繝�け繝槭�繧ｯ蜑企勁*/
#main .no-check {
	background: none;
	padding-left: unset;
}

/*繝��繝悶Ν蟷�100��*/
.table_full {
	width: 100%;
	word-break: break-all;
}

/*繝��繝悶Ν隕句�縺�*/
.vs_table th {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

/*繝��繝悶Ν荳ｭ隕句�縺�*/
table .bg_deepblue {
	border-top: 2px solid #ff0404;
	border-bottom: 1px solid #CCC;
	font-weight: bold;

}

/*繝��繝悶Ν閭梧勹繝ｩ繧､繝医ヶ繝ｫ繝ｼ*/
table .bg_blue {
	background-color: rgba(11, 57, 152, 0.05);
}

/*繧ｻ繝ｫ縺ｮ蟷�ｪｿ謨ｴ*/
.columns_3 td:first-child {
	width: 46%;
}

.columns_3 td {
	width: 27%;
}

.columns_4 td:first-child {
	width: 46%;
}

.columns_4 td {
	width: 18%;
}

.columns_5 td:first-child {
	width: 36%;
}

.columns_5 td {
	width: 16%;
}
table td.cnt {
	text-align: center;
}

table .cnt {
	text-align: center;
	padding: 10px;
}

/*繝��繝悶Ν蜀�メ繧ｧ繝�け繝槭�繧ｯ*/
.check_tbl {
	background: url("/fastreports/net/img/net/icon.png") no-repeat center center rgba(11, 57, 152, 0.05);
	background-size: 18px auto;
}

/*繝��繝悶Ν蜀�メ繧ｧ繝�け繝槭�繧ｯ豕ｨ驥井ｻ倥″*/
.check_tbl-annotation {
	background: url("/fastreports/net/img/net/icon.png") no-repeat center top 20px rgba(11, 57, 152, 0.05);
	background-size: 18px auto;
}

/*繝√ぉ繝�け縺ｫ豕ｨ驥医≠繧�*/
table .check_tbl-annotation {
	padding: 20px 2vw 5px;
}

table .check_tbl-annotation p {
	font-size: 0.8em;
	margin-top: 25px;
	text-align: center;
	line-height: 1.4;
}

/*繧ｻ繝ｫ蜀�判蜒剰ｪｿ謨ｴ*/
.vs_table table img {
	width: 100%;
	height: auto;
	padding: 15px;
}

/*笆ｲ蜈ｱ騾夊ｦ∫ｴ�--------------------------------*/


/*笆ｼproduct--------------------------------*/

/*btm*/
.btm .headline09 {
	text-align: center;
}

/*video*/
.videoBox .video img {
	width: 100%;
	max-width: 400px;
	margin: auto;
}
.videoBox .video {
	text-align: center;
}

/*讖溯�讎りｦ�*/
/*繝ｪ繝ｳ繧ｯ4縺､*/
.func_overview .flexbox {
	justify-content: space-between;
	margin-bottom: 5rem;
	width: 100%;
}

.func_overview .flexbox li {
	margin-bottom: 1rem;
	width: calc(50% - .5rem);
}

.func_overview .flexbox img {
	width: 100%;
}

.func_overview_card .flexbox img {
	width: 100%;
	height: auto;
	max-width: 300px;
	max-height: 250px;
	object-fit: contain;
}

.func_overview_card dl {
	margin-bottom: 50px;
	text-align: center;
}

.func_overview_card dt {
	margin-bottom: 10px;
	text-align: center;
}

/*繝ｪ繧ｹ繝�2陦�*/
.box01 .flexbox .comTxtUl03 {
	width: 80%;
	display: flex;
	max-height: 230px;
	margin-bottom: 30px;
	flex-flow: column wrap;
}

.box01 .flexbox .qrcode {
	width: 180px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.box01 .comTxtUl03{
	max-width: 1000%;
	width: 100%;

}

.textBox .comTxtUl03{
	max-width: 1000%;
	width: 100%;

}


/*笆ｲproduct--------------------------------*/


/*笆ｼproduct--------------------------------*/

.trial .comTxtUl03 {

	width: unset;
}
/*笆ｲproduct--------------------------------*/

/*------------------------------------------------------------
縺疲ｳｨ諢上ユ繧ｭ繧ｹ繝医せ繧ｿ繧､繝ｫ
------------------------------------------------------------*/
.comTxt2 {
	font-size: 1.4rem;
	line-height: 1.71;
	text-align: center;
	margin-bottom: 30px;
}

.comTxt2 a {
	color: dodgerblue;
	text-decoration: underline;
}

.comTxt2 p.marb5_fontsize120 {
	margin-bottom: 5px;
	font-size: 120%;
}

@media (max-width: 767px) {
	.comTxt2 {
		text-align: left;
	}
}


/*------------------------------------------------------------
SP霑ｽ蜉�繧ｹ繧ｿ繧､繝ｫ
------------------------------------------------------------*/

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

	/*笆ｼ蜈ｱ騾夊ｦ∫ｴ�--------------------------------*/

	/*繝輔Ξ繝�け繧ｹ隗｣髯､*/
	.flexbox {
		display: block;
	}

	.flexbox > * {
		width: 100%;
	}

	/*繝��繝悶Ν繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ*/
	.table_scroll {
		overflow-x: scroll;
		white-space: normal;
	}

	.table_scroll > * {
		min-width: 500px;
	}

	/*笆ｲ蜈ｱ騾夊ｦ∫ｴ�--------------------------------*/

	/*	讖溯�讎りｦ�*/
	.func_overview .flexbox li {
		width: 100%;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.func_overview .flexbox li:nth-last-child(-n+2) {
		margin-bottom: 1rem;
	}

	.func_overview .flexbox li:nth-last-child(-n+1) {
		margin-bottom: 0;
	}

	.func_overview_card dl {
		margin-bottom: 40px;
		text-align: center;
	}

	/*繝ｪ繧ｹ繝�2陦瑚ｧ｣髯､*/
	.box01 .flexbox .comTxtUl03 {
		width: 100%;
		max-height: none;
	}

	.box01 .flexbox .qrcode {
		margin: 0 auto 30px;
	}

}