@charset "utf-8";
/* CSS Document */
.mainvisual_contact{
	position: relative;
	background: url("../images/top_company.jpg") no-repeat center top;
	background-size: cover;
    width:100%;
	height: 500px;}
.mainvisual_contact .wrap{
	width: 300px;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -60%);
	-ms-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
	padding: 20px;
	backdrop-filter: brightness(100%) blur(16px);
    -webkit-backdrop-filter: brightness(100%) blur(16px);}
.mainvisual_contact h1{
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 5px;
	color:#fff;
	text-align: center;}
@media screen and (max-width: 660px) {
.mainvisual_contact{
	background: url("../images/top_company.jpg") no-repeat center top;
	background-size: 700px;
	height: 300px;}
}
@media screen and (max-width: 500px) {
.mainvisual_contact .wrap{
	top: 65%;
	left: 50%;
	-webkit-transform: translate(-50%, -65%);
	-ms-transform: translate(-50%, -65%);
	transform: translate(-50%, -65%);}
}
#company_area{
	position: relative;
	width: 100%;
	margin: 0;
	padding:5%;
	z-index: 11;}
.gaiyou_area{
	width: 900px;
	margin: 50px auto;}
table {
	width: 100%;
	margin: 20px auto;}
.gaiyou th {
	width: 25%;
	border-bottom: solid 1px #b1c2cb;
	padding: 15px;}
.gaiyou td {
	border-bottom: solid 1px #b1c2cb;
	padding: 15px;}
.list_box{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;}
.list_item{
	width: 48%;}
.company_list li{
  position: relative;
  padding-left: 15px;}
.company_list li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #0e287c;
  border-radius: 50%;}
.company_list a{
	text-decoration: underline;
	color: #0000ee;}
#access_area{
	width: 100%;
	padding: 5% 5% 0 5%;
	background: #fff;
	border-top-left-radius: 130px;
	border-top-right-radius: 130px;}
.accessWrap{
	width: 90%;
	margin: 50px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;}
.accessitem{
	width: 48%;}
.accessitem h3{
	font-size: 20px;
	font-weight: 600;}
.accessitem p{
	margin: 5px 0 10px 0;}
.access-map{
	width: 100%;
	text-align: center;}
.access-map iframe{
	width: 100%;
	height: 400px;}
@media screen and (max-width: 1000px) {
.gaiyou_area{
	width: 100%;
	margin: 0 auto 50px;}	
#access_area{
	padding: 5% 3%;}
.accessWrap{
	width: 100%;}
}
@media screen and (max-width: 750px) {
.accessitem{
	width: 90%;
	margin: 0 auto 20px;}	
}
@media screen and (max-width: 650px) {
.last td:last-child {
    border-bottom: solid 1px #b1c2cb;
    width: 100%;}
.gaiyou {
    width: 100%;}
.gaiyou th,
.gaiyou td {
	display: block;
	width: 100%;}
.gaiyou th{
	background:rgba(255,255,255,0.7);
	text-align: center;
	border-bottom:1px dashed #b1c2cb;}
#access_area{
	border-top-left-radius: 70px;
	border-top-right-radius: 70px;}
}
@media screen and (max-width: 540px) {
.list_item{
	width: 95%;}	
}
@media screen and (max-width: 450px) {
.titleWrap{
	width: 100%;}	
}
@media screen and (max-width: 450px) {
.accessitem p{
	font-size: 14px;}
}