@charset "utf-8";
/* CSS Document */

.two_column{
	width:780px;
	margin:0px auto 40px auto;
	overflow:hidden;
}

.machine_name{
	font-size:16px;
	font-weight:bold;
	border-bottom:3px double #000000;
	margin-bottom:20px;
	overflow:hidden;
	padding-bottom:0.5em;
}

.two_column .left_col{
	width:480px;
	float:left;
	overflow:hidden;
	padding-top:10px;
	margin-left:0px;
}

.two_column .right_col{
	width:300px;
	float:right;
	overflow:hidden;
}

.two_column table{
	overflow:hidden;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin-bottom:1em;
	float: left;
}

.two_column table th{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#D5F0C9;
	padding:0.5em 0px;
}

.two_column .left_col p{
	margin-bottom:1em;
	overflow:hidden;
}

.two_column table td{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:0.5em;
}

.two_column .left_col2{
	width:100%;
	overflow:hidden;
	padding-top:10px;
}

.two_column .left_col2 div{
	width: 364px;
}

.two_column .left_col2 img{
	margin-right: 25px;
    float: right;
}

.two_column .right_col2{
	width:780px;
	overflow:hidden;
	padding-top:10px;
	margin-left:20px;
}

.two_column .right_col dl{
	margin-bottom:20px;
	overflow:hidden;
}

.two_column .right_col dl dt{
}

.two_column .right_col dl dd{
	text-align:center;
}



/*---- グリッドレイアウト ----*/

/* 高圧受電設備 */
#product01{
	padding: 1rem 0;
}

#product01 .parent {
    display: grid;
    grid-template-columns: 200px 210px 400px;
	grid-template-rows: 120px 250px;
    gap: 10px;
}
    
#product01 .parent img{
	width: 100%;
	height: 100%;
	object-fit:contain;
}


#product01 .div2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

#product01 .div3 {
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
}

#product01 .div4 {
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
}


/* 分電盤 */
#product02{
	padding: 1rem 0;
}

#product02 .parent {
    display: grid;
    grid-template-columns: 215px 215px auto;
    grid-template-rows: max-content auto;
    gap: 10px;
}

#product02 .parent img{
	width: 100%;
	height: 100%;
	object-fit:contain;
}

#product02 .div1 {
    grid-row: span 2 / span 2;
}

#product02 .div2 {
    grid-row: span 2 / span 2;
}


#product02 .div4 {
    grid-column-start: 3;
}


/* 制御盤 */
#product03{
	padding: 1rem 0;
}

#product03 .parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 80px 180px;
    gap: 8px;
}


#product03 .parent img{
	width: 100%;
	height: 100%;
}

#product03 .div1 {
    grid-column: span 2 / span 2;
}

#product03 .div2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

#product03 .div3 {
    grid-column-start: 2;
    grid-row-start: 2;
}

#product03 .div4 {
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
}
       

/* 弱電盤 */

#product04{
	padding: 1rem 0;
}

#product04 .parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 10px;
}

#product04 .parent img{
	width: 100%;
	height: auto;
}



/* 耐熱盤 */

#product05{
	padding: 1rem 0;
}

#product05 .parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
}

#product05 .parent img{
	width: 100%;
	height: auto;
}


#product05 .div1 {
    grid-column: span 2 / span 2;
}

#product05 .div2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

#product05 .div3 {
    grid-column-start: 2;
    grid-row-start: 2;
}

#product05 .div4 {
    grid-column-start: 3;
    grid-row-start: 1;
}

#product05 .div5 {
    grid-row-start: 2;
}

#product05 .parent dl dd{
	text-align: center;
}