#COMPANY .modal-content {
	background-color: transparent;
	width: auto;
	margin: 0 auto;
}



#COMPANY .contents_wrapper table {
	font-size: 90%;
}

#COMPANY .contents_wrapper table th {
	width:15%;
	padding: 0.5rem;
	border-top:none;
	border-bottom: 1px dotted #808080;
	font-weight: normal;
	text-align: left;
	color: #863300;
	font-weight: bold;
}


#COMPANY .contents_wrapper table td {
	border-top:none;
	border-bottom: 1px dotted #808080;
}

#COMPANY .contents_wrapper span {
	color: #1B1464;
	font-weight: bold;
}

#COMPANY .contents_wrapper .youtube {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
}

#COMPANY .contents_wrapper .google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:40%;
}
#COMPANY .contents_wrapper .google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

@media (min-width: 768px) {/*768px以上で表示*/

	.company_box {
		margin: 0 3rem 0 3rem;
	}


}

 @media (max-width: 767px) {/*767px以下で表示*/

	#COMPANY .contents_wrapper table {
		width: 100%;
	}

	#COMPANY .contents_wrapper table th {
		width: 32%;
	}

	#COMPANY .modal-content {
		width: 80%;
		
	}

	#COMPANY .modal-content img{
		width: 100%;
		
	}

}

@media (min-width: 992px) {
	.modal-lg, .modal-xl {
		max-width:initial; /* 初期状態にリセット */
	}
}