@charset "utf-8";

#company {
	.wrap {
		overflow:clip;
		.contents {
			.contents_inner {
				display:grid;
				align-items:center;
				grid-column-gap:5%;
				.detail {
					p {
						&:not(:last-child) {
							margin-bottom:1em;
						}
					}
				}
				&.item1 {
					grid-template-columns:30% 1fr;
					margin-bottom:50px;
				}
				&.item2 {
					grid-template-columns:repeat(2,1fr);
					.img {
						display:grid;
						grid-template-columns:repeat(2,1fr);
						grid-column-gap:5px;
						order:1;
					}
				}
			}
			dl {
				display:grid;
				font-size:1.8rem;
				grid-template-columns:10em 1fr;
				align-items:center;
				grid-row-gap:2em;
				dt {
					img {
						display:block;
						width:70%;
						margin:0 auto;
					}
				}
				dd {
					border-left:1px solid #000000;
					display:grid;
					grid-row-gap:.5em;
					padding-left:1em;
					height:100%;
					align-content:center;
					p {
						font-size:inherit;
						line-height:1.8;
					}
					a {
						justify-self:end;
						font-weight:600;
						color:var(--color_sub);
					}
				}
			}
		}
	}
}

#about {
	.wrap {
		.contents {
			table {
				border-collapse:collapse;
				width:100%;
				max-width:1040px;
				margin:0 auto;
				tr {
					border-bottom:1px solid #707070;
					&:first-child {
						border-top:1px solid #707070;
					}
					th,td {
						text-align:left;
						padding:1em 0;
						line-height:1.5;
					}
					th {
						font-size:2.0rem;
						width:10em;
					}
				}
			}
		}
	}
}

#location {
	.wrap {
		.contents {
			.contents_inner {
				display:grid;
				grid-template-columns:repeat(2,1fr);
				grid-column-gap:5%;
				&:not(:last-child) {
					margin-bottom:60px;
				}
				.detail {
					h3 {
						font-size:2.0rem;
						padding-bottom:.5em;
						margin-bottom:.66em;
						border-bottom:1px solid #c5c5c5;
						&:not(:first-child) {
							margin-top:2em;
						}
					}
				}
				.map {
					display:grid;
					grid-row-gap:10px;
					iframe {
						display:block;
						width:100%;
						height:auto;
						aspect-ratio:3/2;
					}
					a {
						font-size:1.5rem;
						justify-self:end;
					}
				}
			}
		}
	}
}

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

}

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

@media screen and (max-width:768px){
    
	#company {
		.wrap {
			overflow:clip;
			.contents {
				.contents_inner {
					grid-row-gap:20px;
					&.item1 {
						grid-template-columns:1fr;
						margin-bottom:30px;
						.img {
							order:1;
						}
					}
					&.item2 {
						grid-template-columns:1fr;
					}
				}
				dl {
					font-size:1.4rem;
					grid-template-columns:5em 1fr;
					grid-row-gap:1.5em;
					dt {
						img {
							width:90%;
							margin-left:0;
						}
					}
					dd {
						padding-left:.66em;
						font-size:1.3rem;
						p {
							line-height:1.6;
						}
						a {
							font-size:1.2rem;
						}
					}
				}
			}
		}
	}
	
	#about {
		.wrap {
			.contents {
				table {
					tr {
						th {
							font-size:1.4rem;
							width:7em;
						}
						td {
							font-size:1.3rem;
						}
					}
				}
			}
		}
	}
	
	#location {
		.wrap {
			.contents {
				.contents_inner {
					grid-template-columns:1fr;
					grid-row-gap:20px;
					&:not(:last-child) {
						margin-bottom:45px;
					}
					.detail {
						h3 {
							font-size:1.8rem;
						}
					}
					.map {
						a {
							font-size:1.3rem;
						}
					}
				}
			}
		}
	}
	
}