@charset "UTF-8";

/*************************************
	資料請求ダウンロードのスタイル
**************************************/

	.sec-form{
		padding: 80px 0;
	} .sec-form [class^=row]{margin-bottom: 40px;}
	.document-box{
		background:#fff;
		box-shadow: 0 0 6px 2px rgba(17,26,43,0.06);
		padding:40px 30px;
		margin-bottom: 40px;
		box-sizing: border-box;
	}
	.document-box dt{
		height: 47px;
		text-align: center;
		font-size: 1.12rem;
		font-weight: 500;
		line-height: 1.3;
		margin-bottom:16px;
	}
	.document-box dt small{font-size: 0.87rem;}
	.document-box .img-dd{
		margin-bottom: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		height: 220px;
	}
	.document-box .img-dd img{
			width: 100%;
			max-width: 234px;
			height: auto;
			border:1px solid #ccc;
	}
	.document-box .img-dd.img-faq img{
			max-width: 154px;
	}
	.seminarmovie .img-dd img{
			max-height: 131px;
	}
	.document-box .img-dd.horizonaly{
		padding-top: 50px;
		min-height: 190px;
	}
	.document-box.seminarmovie .img-dd.horizonaly{
		min-height: 170px;
	}
	.document-box.gmocloud .img-dd.horizonaly{
		padding-top: 20px;
		min-height: 150px;
	}
	.document-box .img-dd + dd{
		box-sizing: border-box;
		min-height: 110px;
	}
	.document-box .document-text{
		padding-bottom: 10px;
	}

@media screen and (min-width: 40em) {
	.sec-form .flex{flex-wrap: wrap;}
	.document-box{
		width: calc((100% - 60px) / 3);
		margin:0 10px 40px;
	}
}
@media screen and (max-width: 39.9375em) {
	.sec-form{
		padding: 40px 0 20px;
	}
	.document-box{padding:20px 20px;}
	.document-box.column-3{margin-bottom: 20px;}
	.row-column4.flex{display: flex;}

	.planspecial{
		margin-left: 8px;
		font-size: 0.7rem;
		padding:0 0.5rem;
	}
	.document-box.column-4{
		width:calc(50% - 10px);
		margin-bottom: 20px;
		padding:28px 5px 10px;
		height: 78px;
	}
	.document-box.column-4.line2{padding:20px 5px;}
	.document-box.column-4:not(:nth-child(2n)){
		margin-right:20px;
	}
	.sec-plan,.conditions{padding: 30px 0;}
	.sec-plan table td{
		padding:0.87rem 1rem;
		font-size: 0.875rem;
	}
	.sec-plan table th,
	.sec-plan table td{	font-size: 0.85rem;}
	.sec-plan table .others-th{
		font-size:1.125rem;
		padding:0.87rem 1rem;
	}
	.sec-plan{
		margin-bottom: 40px;
	}
}