@charset "utf-8";
/* CSS Document */
#company .sec1{margin-top: 100px;}
#company .sec1 .contents{width:1000px; margin:60px auto; }
#company .sec1 table{width:100%;}
#company .sec1 table,
#company .sec1 th,
#company .sec1 td{border: 1px solid #ccc;border-collapse: collapse;}
#company .sec1 th {width: 20%;background: #e3e3e3;font-weight: bold;}
#company th,#company td{padding:15px 0;text-align:center; vertical-align: middle;}
#company .sec1 table td{text-align: left;padding: 15px 30px;;line-height: 1.6;}
#company .sec1 table td a {color: #000;}
#company .sec1 table td a:hover{text-decoration:underline; }
#company .sec1 .img-area {display: flex; align-items: center; gap: 30px; margin-top: 40px;}
#company .sec1 .img-area img {width: calc((100% / 2) - 15px);}
#company .sec1 .img-area figure {width: calc((100% / 2) - 15px);}
#company .sec1 .img-area figure img {width: 100%;}
#company .sec1 .img-area figure figcaption {margin-top: 8px; font-size: 14px;}

#company .sec2 {margin-bottom:140px; }
#company .sec2 .contents{width: 1000px;margin:0 auto;}
#company .sec2 .contents h4{position: relative;font-size: 20px;font-weight: bold;padding-left: 25px;margin: 60px 0 15px;}
#company .sec2 .contents h4:before{position: absolute;top: 0;bottom: 0;left:0;margin: auto;content: "";vertical-align: middle;box-sizing: border-box;width: 0;height: 0;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent;border-right-color: #2262b2;transform: rotate( -90deg );}
#company .sec2 .contents .map{position: relative;max-width: 1000px;margin: 0 auto;padding-top: 40%;}
#company .sec2 .contents .map iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media print,screen and (max-width: 960px) {
	#company .sec1{margin-top: 10%;}
	#company .sec1 .contents{width:100%; margin: 0; padding:10% 6%;}
	#company .sec1 table td{padding:15px 10px;}
	#company .sec1 .img-area {flex-direction: column; gap: 15px; margin-top: 20px;}
	#company .sec1 .img-area#img2 {margin-top: 15px;}
	#company .sec1 .img-area img {width: 100%;}
	#company .sec1 .img-area figure {width: 100%;}

	#company .sec2 .contents{width:auto;margin:0 6%;}
	#company .sec2 .contents .map{padding-top: 60%;}
}