@charset "utf-8";
/* CSS Document */
/*
デフォルト：980px以上用（PC用）の記述
@media screen and (max-width: 979px)
979px以下用（タブレット用）の記述

@media screen and (max-width: 767px)
767px以下用（タブレット／スマートフォン用）の記述

@media screen and (max-width: 479px)
479px以下用（スマートフォン用）の記述
*/

/* mainImage */
.mainImage{
	margin-top: 125px;
  width: 100%;
  z-index: 0;
}
.mainImage__imgWrapper{
  width:1366px;
  width:100%;
  height:500px;
  margin: auto;
	background-image: url(/assets/images/about/main_image.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
  padding:35px 50px;
  box-sizing: border-box;

}
.mainImage__ttl{
	max-width:1366px;
	width:100%;
  margin: auto;
  padding-top: 50px;
  padding-left: 100px;
  font-size:40px;
  color: #ffffff;
	text-shadow: 1px 2px 3px #808080;
	box-sizing: border-box;
}

@media (max-width: 979px) {

}
@media (max-width: 767px) {
	.mainImage{
		margin-top: 95px;
	}
	.mainImage__imgWrapper{
		padding: 45px 30px;
	}
	.mainImage__ttl{
		padding-left:0;
		font-size:35px
	}
}
@media (max-width: 479px) {
	.mainImage__imgWrapper{
		padding: 45px 15px;
	}
	.mainImage__ttl{
		padding-left:0;
		font-size:30px
	}
}

/* メッセージ */
.message{
  width: 100%;
  background-color:#2F4050;
	color:#ffffff;
	padding: 65px 0;
}
.message__title{
  text-align: center;
  font-size: 35px;
	letter-spacing: 7px;
	margin-bottom: 45px;
}

.message__greeting{
	display: flex;
	flex-wrap: wrap;
	max-width:958px;
	width:100%;
	margin: auto;
}

.message__text{
	max-width: 650px;
	width: 90%;
	margin: auto;
  text-align: left;
	font-size: 16px;
	letter-spacing: 1.7px;
	line-height: 2.3;
}
.message__picture{
	text-align: center;
	margin-top: 0;
}
.message__picture > figcaption{
	font-size: 16px;
	line-height: 45px;
	margin-top: 25px;
	display: none;
}

@media (max-width: 1000px) {

	.message__picture{
		margin: 45px auto 0 auto;
	}
}

@media (max-width: 793px) {
	.message{
		padding: 35px 0;
	}
	.message__text{
		font-size: 16px;
		letter-spacing: 1.7px;
		line-height: 2;
		padding: 0;
	}

}
@media (max-width: 767px) {

}
@media (max-width: 479px) {

}

/* ロゴマークの意味 */
.aboutLogo{
  background-color: #ffffff;
  width:1366px;
  width: 100%;
  margin: auto;
  color: #2F4050;
  box-sizing: border-box;
	padding: 75px 0;
	text-align: center;
}
.aboutLogo__title{
  text-align: center;
  font-size: 35px;
  letter-spacing: 7px;
  position: relative;
}
.aboutLogo__title:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: inline-block;
  width: 180px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #2F4050;
}
.aboutLogo__image{
	margin: 35px 0 0 0;
}
.aboutLogo__text{
	margin: 25px auto;
	letter-spacing: 3px;
	max-width: 650px;
	width: 95%;
}
.aboutLogo__smalllogo{
	display: table;
	margin: 45px auto 0 auto;
	max-width: 550px;
	width: 95%;
}
.aboutLogo__smalllogo > img,.aboutLogo__smalllogo > p{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.aboutLogo__smalllogo > img{
	margin-right: 25px;
}


@media (max-width: 793px) {

}
@media (max-width: 767px) {
	.aboutLogo__title{
		font-size: 30px;
	}
	.aboutLogo__text{
		width: 90%;
	}
	.aboutLogo__image{
		width: 90%;
	}
	.aboutLogo__smalllogo > img{
		width: 100px;
	}
}
@media (max-width: 479px) {

}


/* メッセージ */
.staff{
  width: 100%;
  background-color:#2F4050;
	color:#ffffff;
	padding: 65px 0 125px 0;
	text-align: center;
}
.staff__title{
	display: inline-block;
	margin: 0 auto 45px auto;
	padding: 10px 15px;
  text-align: center;
  font-size: 35px;
	letter-spacing: 7px;
	border-bottom: 1px solid #ffffff;
}
.staff__profileWrapper{
	max-width: 750px;
	width: 95%;
	margin: 35px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.profile{
	width: calc(100% / 3 - 25px);
	background-color: #ffffff;
}

.profile__image{
	width: 100%;
}
.profile__infoWrapper{

}
.info{
	color: #000000;
	padding: 15px;
}
.info__name{
	font-size: 18px;
}
.info__title{
	font-size: 14px;
	margin: 10px 0 25px 0;
}
.info__detail{
	text-align: left;
	font-size: 14px;
}
.info__link{
	margin-top: 15px;
	display: block;
	font-size: 13px;
}
.info__link:link,.info__link:visited{
	text-decoration: underline;
}
.info__link:link:hover{
	text-decoration: none;
}
@media (max-width: 767px) {
	.profile{
		width: calc(100% / 2 - 75px);
		margin: 25px auto;
	}
	
}
@media (max-width: 479px) {
	.profile{
		width: calc(65% - 25px);

	}
	
}


/* 事業情報 */
.company{
  background-color: #f5f5f5;
  width:1366px;
  width: 100%;
  margin: auto;
  color: #2F4050;
  box-sizing: border-box;
	padding: 75px 0;
	text-align: center;
}
.company__title{
  text-align: center;
  font-size: 35px;
  letter-spacing: 7px;
  position: relative;
}
.company__title:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: inline-block;
  width: 180px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #2F4050;
}

.company__info{
	max-width: 958px;
	width: 100%;
	margin: 55px auto;
}
.company__info > li{
	padding: 15px 55px;
	text-align: left;
	border-top: 1px solid #2F4050;
	font-size: 18px;
}
.company__info > li:last-child{
	border-bottom: 1px solid #2F4050;
}

@media (max-width: 793px) {

}
@media (max-width: 767px) {
	.company__title{
		font-size: 30px;
	}
	.company__info li span{
		display: block;
	}
}
@media (max-width: 479px) {

}