									</div>
									</div>
									</div>
									</div>
@charset "utf-8";
/*
* css for lnet index page
*
* @version			0.0.0
* @lastmodified 2014-11-15
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div.section h2 {
	font-size: 1.5rem;
} 
div.section h3 {
	font-size: 1.25rem;
} 
div.section h4 {
	font-size: 1.125rem;
} 

/* list table 2024-11-14 */
div[class^="mod"] {
	padding: 0.5rem 0.5rem;	
}
div[class^="mod"] div.cell {
}

.lnetTable td div.cell a div.visual {
	padding: 0.5rem 0.5rem;
}
.lnetTable td div.cell a div.title {
	font-weight: bold;
	padding: 0.25rem 0.5rem 0.125rem;
	border: 1px solid #345;	
}
.lnetTable td div.cell a div.title span {
	display: inline-block;							/* reset */
	padding: 0;
	background: none;
}
.lnetTable td div.cell a div.title span:last-child {
	display: block;
	margin: 0.25rem 0 0;
}
.lnetTable td div.mod_col4 div {
  margin: 0;
}

@media all and (min-width: 601px) {
  table.lnetTable.all-model td a  {
    width: auto;											/* reset */
  }
}
@media all and (min-width: 481px) {
}
@media all and (min-width: 641px) {
}
@media all and (min-width: 769px) {
	div[class^="mod"] {
		display: flex;
		gap: 1rem;
	}
	div.mod_col1 {
		width: 50%;
		margin: 0 auto;
	}
	div.mod_col3 {
		display: flex;
		gap: 1rem;
		flex-wrap: wrap;
	}
	div.mod_col3 div.cell {
		flex: 1 1 100%;					/* デフォルトは1段目に1個 */
		text-align: center;
		__width: 50%;
		__margin: 0 auto;
	}
	div.mod_col3 div.cell:nth-child(n + 2) {
		flex: 1 1 50%; 					/* 2段目から2個 */
	}
	div.mod_icon {
		display: flex;
		gap: 0 1.5rem;
	}
	div.mod_icon div.cell[class*="_icon"] {
		flex: 0 0 180px;
	}
	div.mod_icon div.cell p {
		margin: 0;
	}
}