@charset "utf-8";

/* company
--------------------------------------------------------------------------------------*/
/* index.html */
.message-wrap {
	background-image: url("../company/img/img_message.jpg");
	background-position: top right -5vw;
	background-repeat: no-repeat;
	background-size: 70%;
}
.message-wrap .catch {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.3;
	padding-top: 3em;
}
.message-wrap .message {
	background-color: rgba(255,255,255,.7);
	width: 52%;
	padding: 1.5em 1.5em 0 0;
}
@media screen and (max-width: 1500px) {
  .message-wrap {
    background-position: top right -5vw;
    background-size: 60%;
  }
  .message-wrap .catch {padding-top: 2em;}
  .message-wrap .message {width: 62%;}
}
@media screen and (max-width: 1280px) {
  .message-wrap {
    background-position: top right;
    background-size: 50%;
  }
  .message-wrap .catch {
		padding-top: 3.75em;
		padding-bottom: 3em;
	}
  .message-wrap .message {
		width: 100%;
		padding: 1.5em 0 0 0;
		background-color: #fff;
	}
	.message-wrap .message .name {text-align: right;}
}
@media screen and (max-width: 480px) {
  .message-wrap {
    background-size: 105%;
  }
  .message-wrap .catch {
		padding-top: 12.5em;
		padding-bottom: 0;
		margin-bottom: 0;
	}
}


/* overvirew.html */
.ban_overview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.ban_overview li {
  width: 49%;
  line-height: 1.3;
  letter-spacing: 2px;
 }
.ban_overview li a{
	display: block;
  background-image: url("../img/arrow_w.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center right 1em;
	font-weight: bold;
	text-align: center;
}
.ban_overview li a:hover{background-image: url("../img/arrow.svg");}
.ban_overview .ban_kenna a,
.ban_overview .ban_haynes a,
.ban_overview .ban_gtv a,
.ban_overview .ban_deroro a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: .5em;
  margin-top: .5em;
  box-sizing: border-box;
}
.ban_overview .ban_kenna a {
  background-color: #f3ca20;
  border: solid 1px #f3ca20;
}
.ban_overview .ban_haynes a {
  background-color: #de3232;
  border: solid 1px #de3232;
}
.ban_overview .ban_gtv a {
  background-color: #317eb2;
  border: solid 1px #317eb2;
}
.ban_overview .ban_deroro a {
  background-color: #004899;
  border: solid 1px #004899;
}
.ban_overview .ban_kenna a:hover,
.ban_overview .ban_haynes a:hover,
.ban_overview .ban_gtv a:hover,
.ban_overview .ban_deroro a:hover {background-color: #fff;}
.ban_overview .ban_kenna a:hover {color: #f3ca20;}
.ban_overview .ban_haynes a:hover {color: #de3232;}
.ban_overview .ban_gtv a:hover {color: #317eb2;}
.ban_overview .ban_deroro a:hover {color: #004899;}
.access {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.access .map{width: calc(70% - 10px);}
.access .map iframe {
  width: 100%;
  height: 100%;
}
.access .photo{width: 30%;}
.access .photo img{
  width: 100%;
  line-height: 0;
  vertical-align: middle;
}
.route {display: flex;}
.road {margin-left: 3em;}

@media screen and (max-width: 480px) {
  .ban_overview li {width: 100%;}
  .access {display: block;}
  .access .map{
    width: 100%;
    height: 50vh;
  }
  .access .photo{
    width: 100%;
    margin: 10px auto 0;
  }
  .route {display: block;}
  .road {
    margin-left: 0;
    margin-top: 1.5em;
  }
}



/* news
--------------------------------------------------------------------------------------*/
.news-box:not(:last-child) {margin-bottom: 80px;}
.news-box h2 {margin-bottom: 1em;}
.news-box .date {text-align: right;}
.news-box .pdf {
	background-color: #f00;
	color: #fff;
	margin-left: .5em;
	font-size: 75%;
	padding: 1px .5em;
    border-radius: 3px;
}



/* recruit
--------------------------------------------------------------------------------------*/
.recruit-box {
	background-image: url("../recruit/img/img_recruit.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 55%;
	margin-bottom: 80px;
	padding: 7em 0 5em;
}
.recruit-box .catch {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.3;
}
.recruit-box .message {
	background-color: rgba(255,255,255,.7);
	width: 52%;
	padding: 1.5em 1.5em 1.5em 0;
}
.recruit-btn a {
	display: block;
	background-color: #1d2087;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 1em 0;
	font-size: 2rem;
	width: 30%;
	min-width: 300px;
	margin: auto;
}
.recruit-btn a:hover {background-color: #00c8ff;}
.recruit-div {
	display: flex;
	justify-content: space-between;
	column-gap: 2em;
	margin-bottom: 80px;
}
.recruit-div > * {
	background-color: #f6f6f6;
	width: 100%;
	padding: 1.5em;
	text-align: center;
}
.recruit-div p:last-child {margin-bottom: 0;}
.recruit-div-title {
	font-weight: bold;
	font-size: 2rem;
	border-bottom: solid 1px #ccc;
	padding-bottom: .5em;
}
.recruit-contact-text br.sp {display: none;}

@media screen and (max-width: 1280px) {
	.recruit-box {
		background-size: 60%;
		padding-top: 5em;
		padding-bottom: 0;
	}
	.recruit-box .message {width: 47.5%;}
}
@media screen and (max-width: 768px) {
	.recruit-box {
	  background-size: 55%;
		padding-top: 4em;
		padding-bottom: 0;
	}
	.recruit-box .message {width: 50%;}
	.recruit-div {flex-wrap: wrap;}
	.recruit-div div:not(:last-child) {margin-bottom: 2em;}
}
@media screen and (max-width: 480px) {
	.recruit-box {
	  background-size: 100%;
		padding-top: 17.5em;
	}
	.recruit-box .message {
		width: 100%;
	  padding: 1.5em 0 0 0;
  }
	.recruit-box .catch {margin-bottom: 0;}
	.recruit-btn a {width: 100%;}
  .recruit-contact-text br.sp {display: block;}
}



/* sitemap
--------------------------------------------------------------------------------------*/
.sitemap_products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sitemap_products ul {margin-bottom: 2em;}
.sitemap_products ul:nth-child(odd) {width: 32%;}
.sitemap_products ul:nth-child(even) {width: 16%;}
.sitemap_others h5:not(:last-child) {margin-bottom: 2em;}
.sitemap_products ul li .pdf {
	background-color: #f00;
	color: #fff;
	margin-left: .5em;
	font-size: 75%;
	padding: 1px .5em;
  border-radius: 3px;
}
@media screen and (max-width: 1280px) {
  .sitemap_products ul:nth-child(odd) {width: 70%;}
  .sitemap_products ul:nth-child(even) {width: 28%;}
}
@media screen and (max-width: 768px) {
  .sitemap_products {display: block;}
  .sitemap_products ul:nth-child(odd),
  .sitemap_products ul:nth-child(even) {width: 100%;}
}