/*------------------------------------------- mv*/
.mv__page--corporate {
  background-image: url(../img/corporate/mv_sp.jpg);
}

@media screen and (min-width: 768px) {
  .mv__page--corporate {
    background-image: url(../img/corporate/mv_pc.jpg);
  }
}
/*------------------------------------------- company*/
.company__table {
  margin-bottom: 60px;
}
.company__table .button--map {
  margin-left: 10px;
}


@media screen and (min-width: 992px) {
  .company__table {
    margin-bottom: 90px;
  }
}



.company__table table {
	max-width: 800px;
	margin: 0 auto;
}
.iso img {
	border: 6px solid #ccc;
	width: 180px;
	height: auto;
	margin-bottom: 20px;
}
.iso .button {
	margin: 0;
}

.button--map {
	background-color: #2279c2;
	color: #fff;
    border: 1px solid #2279c2;
}
.button--map:hover {
	background-color: #fff;
	color: #2279c2;
}
section.photo {
	max-width: 1920px;
	margin: 0 auto 90px;
}

.media_info {
	max-width: 800px;
	width: 100%;
	text-align: center;
	margin: 0 auto 80px;
}
.media_info h3 {
	background-color: #120F6A;
    color: #fff;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto 40px;
    padding: 20px;
}
.media_info video {
	max-width: 500px;
	width: 100%;
}
.media_info p {
	text-align: center;
	margin-top: 1.3em;
	line-height: 1.4;
}
.media_info a {
	display: inline;
	text-decoration: underline;
	color: #2279c2;
}
.media_info a:hover {
	color: #120F6A;
}
.media_info ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.media_info li {
	width: calc( (100% / 3) - 40px );
	margin: 0 20px 40px;
}
@media screen and (max-width: 769px) {
	.media_info {
		margin: 0 auto 3em;
	}
	.media_info h3 {
		font-size: 1.8rem;
		margin: 0 auto 20px;
		padding: 10px 20px;
		line-height: 1.6;
	}
	.media_info p {
		margin-top: 0.4em;
	}
	.media_info li {
		width: calc( (100% / 2) - 20px );
		margin: 0 10px 20px;
	}
}

.message {
	max-width: 680px;
	width: 100%;
	margin: 0 auto;
}
.message p {
	margin-bottom: 1.4em;
	text-align: justify;
}
.message p:last-child {
	margin-bottom: 0;
}
.message p.name {
	text-align: right;
}


.group__list > ul {
  margin: -20px 0 0 0;
}
.group__list > ul > li {
  width: 100%;
  padding: 20px 0 0 0;
}

.group__list__block {
  padding-bottom: 20px;
  border-bottom: 1px solid #c2c2c2;
}
.group__list__block > p {
  margin-bottom: 10px;
}

.group__list__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: -1px;
}
.group__list__more p {
  line-height: 1;
}
.group__list__more p .icon--open {
  font-size: 1.3rem;
  margin-left: 10px;
  color: #2279c2;
}

@media screen and (min-width: 768px) {
  .group__list > ul {
    margin: -30px -20px 0;
  }
  .group__list > ul > li {
    width: 50%;
    padding: 30px 20px 0;
  }

  .group__list__block {
    position: relative;
  }

  .group__list__more a:hover {
    color: #d63435;
  }
}
@media screen and (min-width: 992px) {
  .group__list__block {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .group__list > ul {
    margin: -30px -30px 0;
  }
  .group__list > ul > li {
    padding: 30px 30px 0;
  }

  .group__list__block > p {
    margin-bottom: 20px;
  }
}



.message_area {
	background-color: #f1f1f1;
	padding: 60px 60px;
	max-width: 900px;
	margin: 60px auto;
}
.message_area ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.message_area ul li {
	width: 	calc( 100% / 2 - 20px );
	margin-bottom: 40px;
}
.message_area ul li:nth-child(3) {
	margin-bottom: 0;
}
.message_area ul li:nth-child(4) {
	margin-bottom: 0;
}
.message_area h3 {
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 14px;
}
.company_gaikan {
	max-width: 560px;
	margin: 0 auto;
}
@media screen and (max-width: 769px) {
	.message_area {
		padding: 30px 20px;
		margin: 30px auto;
	}
	.message_area ul {
		display: block;
	}
	.message_area ul li {
		width: 	100%;
		margin-bottom: 30px;
	}
	.message_area ul li:nth-child(3) {
		margin-bottom: 30px;
	}
	.message_area h3 {
		font-size: 1.7rem;
		text-align: center;
	}
	.company_gaikan {
		margin: 0 auto 30px!important;
	}
}