@charset "UTF-8";
/* CSS Document */


.pagetitle{/*background-image: url("../../images/topbg01.png");
	background-position: center;*/
height: 150px;
display: flex;
  align-items: center;      /* 縦中央 */
  justify-content: center;  /* 横中央（不要なら削除） */}

.pagetitle h1 {text-align: center;font-size: 3.8rem;
}

.pagetitle h1 span{display: block;
  font-size: 1.0rem; 
  margin-top: 4px;  
color: #333;}

.pagetitlepresident {
  display: flex;
  align-items: center; /* 縦中央 */
	margin: 50px 0;
}

.pagetitlepresident > div {
  display: flex;
  justify-content: center; /* 横中央 */
  align-items: center;     /* 縦中央 */
  flex: 1;
}

.pagetitlepresident h1 {
  margin: 0;
	font-size: 6.0rem;
}

.pagetitlepresident img {
	width: 100%;
  display: block;
}

.pagetitlepresident > div {
  width: 45%;
}


.pagetitlepresident img {
  width: 55%;
}

.pagetitlepresident h1 span{ 
display: block;
  font-size: 1.0rem; 
  margin-top: 4px;  
color: #333;
	
	}

@media (max-width: 768px) {
  .pagetitlepresident {
    flex-direction: column;
  }

  .pagetitlepresident > div,
  .pagetitlepresident img {
    width: 100%;
  }
}
/*.pagetitlepresident{width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	
	}



.pagetitlepresident h1{ 
text-align: center;font-size: 6.0rem;
	margin: 0;
	
	}



.pagetitlepresident img{width: 50%;
	display: flex;
	
	}*/

.presidentMessage  {

	margin: 0 auto;
  width: 100%;
  max-width: 1200px;



}

/*.presidentMessage  .test01 {	text-align: center;
	margin-bottom: 45px;
	margin-top: 60px;}

.presidentMessage  .test01 h3{

	margin: 60px 0 45px;
	font-size: 2.4rem;
	background: linear-gradient(transparent 60%, yellow 40%);
	display: inline;

}*/

.presidentMessage h3{

	font-size: 2.4rem;
color: #004CA0;
  text-align: center;
	margin-bottom: 45px;
	margin-top: 60px;
}

.staffMessage h3{
	font-size: 2.4rem;
color: #004CA0;
	margin-bottom: 45px;
	margin-top: 60px;
}

/*.test03 {text-align: center;
	margin-bottom: 45px;
	margin-top: 60px;}

.test03 h3  span{font-size: 1.8em;
color: #004CA0;}

 .test03 h3 {
font-size: 2.4rem;

	 	display: inline;
}
 */


/*h1:first-letter {
  font-size: 2em;
  color: #7172ac;
}*/


/*
.presidentMessage  h3.test0 {
	font-size: 2.4rem;
  position: relative;
  padding: 1.5rem;
  text-align: center;
	margin-bottom: 45px;
	margin-top: 60px;
}

.presidentMessage  h3.test0:before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #000;
}
*/

/*.presidentMessage .text{
	margin: 0 0 0 80px;
	
}*/
.presidentMessage p{
	font-size: 1.2rem;
	line-height: 1.8;
	letter-spacing: 0.02em;
	
}
.presidentName {
	text-align: right;
	font-weight: 300;
	font-style: italic;
	
}



/*クロストーク*/

.staffMessage {
margin-top: 120px;

}

.staffMessage .talk-mv{

  /* 横幅を画面いっぱいに */
  width: 100%;

  /* アスペクト比を指定（横 / 縦） */
  aspect-ratio: 10 / 3;

  /* 背景画像の設定 */
  background-image: url('../images/talk_main.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  /* --- ここから追加 --- */
  display: flex;
  align-items: center;     /* 縦方向の中央 */
  justify-content: center;  /* 横方向の中央 */
  text-align: center;       /* 文字自体のセンター寄せ */
	margin-top: 0!important;
}
	

.staffMessage .talk-mv h2{text-align: center;
	line-height: 0.6;
color: #FFF;}

.staffMessage .talk-mv h2 span{font-size: 1.4rem;}


.staffMessage .talk-mv p{text-align: center;
	width: 100%;
font-size: 2.0rem;
color: #004CA0;}


.staffMessage ul.profile{display:flex;
width: 55%;
margin: 60px auto;
}


.staffMessage ul.profile li{
	border: 1px solid #CCC;
width: 40%;
	background-color: #FFFFFF;
}


.staffMessage ul.profile li.cross{
	display: flex;
	align-items: center;
	border: none;
width: 15%;
	padding: 15px;background-color:rgba(255, 255, 255, 0);
}

.staffMessage ul.profile li.cross img{
width: 100%;
}

.staffMessage ul.profile dt img{
	width: 100%;
	
}

.staffMessage ul.profile dd{
padding:0 15px 15px;
}
.staffMessage ul.profile dd span{
font-weight: bold;
	font-size: 3.0rem;
	color: #004CA0;
}

.talkArea {display: flex;
width: 100%;
/*margin-top: 30px;*/
}


.talkphoto_all img{width: 100%;}

.talkArea .talkphotoR
{width: 47%;
margin-left: 3%;}

.talkArea .talkphotoL{width: 47%;
margin-right: 3%;}

.talkArea .talkphotoR img,
.talkArea .talkphotoL img{width: 100%;}


.staffMessage div.talk {width: 50%;}

.staffMessage div.talk-nophoto {width: 100%;}

.staffMessage div.talk dl {display: flex;
width: 100%;
flex-wrap: wrap;
font-size: 1.2rem;
}


.staffMessage div.talk dl dt{
		display: flex;
	align-items: center;
width: 10%;
	margin-bottom: 25px;
}

.staffMessage div.talk-nophoto dl dt{
width: 5%;	
	}

.staffMessage div.talk-nophoto dl dd{
width: 95%!important;

}

.staffMessage div.talk dl  dt img{
width: 100%;

}

.staffMessage div.talk dl dd{
	display: flex;
align-items: center;
	padding-left: 10px;
width: 90%;
		margin-bottom: 25px;
}

/*.staffMessage h3 {
font-size: 2.4rem;
margin: 45px 0 30px;}*/

.person-image{background-color: #ffffff;
margin: 15px 0;
padding: 20px;}

.person-image h3 {
font-size: 1.8rem;
margin-bottom: 10px;margin-top: 0;
color: #333333;}

.person-image p {
line-height: 1.8;}

/*スマホ対応*/

@media screen and (max-width: 959px) {
	
.presidentMessage  {
display: block;
padding: 0 15px;
	margin-bottom: 30px;
}
	.presidentMessage img{
width: 100%;}
	.presidentMessage .text{
	margin: 0;
	
}
	
	.pagetitlepresident {
  display: block;

}



.pagetitlepresident h1 {
  margin: 30px 0;
	font-size: 3.6rem;
}
	
	
/*	.presidentMessagenophoto {	padding: 0 15px;}*/

	.staffMessage ul.profile{
width: 100%;

}
	
	.staffMessage ul.profile li{
width: 40%;
}


.staffMessage ul.profile li.cross{
width: 20%;

}
	
	
.talkArea {display: block;
}
	
	.staffMessage h3 {
font-size: 1.8rem;
}
.staffMessage div.talk {width: 100%;}
	
	.talkArea .talkphotoR
{width: 100%;
margin-left: 0;}

.talkArea .talkphotoL{width: 100%;
margin-right: 0;}
	
	.person-image h3 {
font-size: 1.2rem;
}
	
	.staffMessage div.talk-nophoto dl dt{
width: 10%;	
	}

.staffMessage div.talk-nophoto dl dd{
width: 90%!important;

}
	

	
	
	}