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

/* 社長メッセージ
*/
#mes-topimage {
	background-image:url(../img/img_main_mes_back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	width: 100%;
	height:300px;
	padding-top:40px;
	padding-left:5%;
}
#en-tit-mes {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:65px;
	line-height:1;
	color:#036eb8;
	font-weight:600;
}
#en-tit-mes span {
  font-size:50%;
}
#mes-topimage h1 {
	text-align:left;
	font-family: 'Noto Serif JP', serif;
	font-size: 30px;
	color:#555;
	font-weight:600;
	margin-top:10px;
}
#mes-main {
	width: 960px;
	margin-top: 44px;
	margin-left: auto;
	margin-right: auto;
  margin-bottom: 80px;
}
#mes-heading {
	font-family: 'Noto Serif JP', serif;
	font-size:32px;
	font-weight:400;
	line-height:1.2;
	padding:10px 40px;
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
}
#mes-article {
	width: 100%;
	padding:20px 40px;
  display:flex;
  justify-content: space-between;
}
#mes-article-l {
	width: 580px;
}
#mes-article-r {
	width: 260px;
	text-align: center;
}
  #mes-article-r p {
    font-family: 'Noto Serif JP', serif;
    font-size:16px;
    margin-top:20px;
    margin-bottom:5px;
  }
#mes-article-r img {
  width:100%;
}
#mes-article-r img:last-child {
  width:60%;
}
p.mes-title {
	font-size: 20px;
	font-weight: 500;
  line-height:2;
  margin-top:20px;
}
.mes-title:first-child {
	font-size:20px;
	font-weight:500;
  line-height:2;
  margin-top:0;
}
p.mes-text {
  font-size: 16px;
	margin-top:3px;
	padding-left:16px;
  letter-spacing: 0.02em;
	text-align:justify;
	text-justify:distribute;
  line-height:2;
}
p.mes-text2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 40px;
	margin-top:16px;
	padding-left:16px;
  letter-spacing: 0.02em;
}

/* ----------960px以下---------- */

@media only screen and (max-width:959px) {
  #mes-topimage {
	width: 100%;
	height:31vw;
	padding-top:4vw;
	padding-left:5%;
}
#en-tit-mes {
	font-size:6.5vw;
}
#mes-topimage h1 {
	font-size: 3vw;
	margin-top:1vw;
}
#mes-main {
	width: 90%;
	margin-top: 4vw;
  margin-bottom: 4vw;
}
  #mes-heading {
	font-size:3.3vw;
	padding:1vw 4%;
}
#mes-article {
	padding:2vw 4%;
}
#mes-article-l {
	width: 70%;
}
#mes-article-r {
	width: 27%;
	text-align: center;
}
  #mes-article-r p {
    font-size:1.6vw;
    margin-top:2vw;
    margin-bottom:5px;
  }
p.mes-title {
	font-size: 2vw;
  margin-top:2vw;
}
.mes-title:first-child {
	font-size:2vw;
}
p.mes-text {
  font-size: 1.6vw;
	margin-top:3px;
	padding-left:1.6vw;
}
p.mes-text2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 4.17vw;
	margin-top:1.67vw;
	padding-left:1.6vw;
  letter-spacing: 0.02em;
}
/* ----------END 960px以下---------- */
}
/* ----------770px以下---------- */
@media only screen and (max-width:770px) {
  .pc-mode2 {
    display:none;
  }
  .tab-mode {
    display:flex;
  }

/* ----------END 770px以下---------- */
}


/* ----------599px以下---------- */

@media only screen and (max-width:599px) {
#topimage-sp {
  width: 100%;
}
#topimage-sp img {
  width: 100%;
}
#mes-main {
	width: 90%;
	margin-top: 4vw;
  margin-bottom:60px;
}
#mes-heading {
	font-family: 'Noto Serif JP', serif;
	font-size:5vw;
	padding:2vw 0;
}
#mes-article {
	width: 100%;
  margin-top:20px;
	padding:0;
  display:flex;
  justify-content: space-between;
   flex-direction: column-reverse;
}
#mes-article-l {
	width: 100%;
  margin-top:20px;
}
#mes-article-r {
	width: 80%;
	text-align: left;
  display:flex;
  justify-content: space-between;
      align-items: flex-end;
  margin-left:auto;
  margin-right:auto;

}
  #mes-article-r img:first-child {
    width:50%;
  }
  #mes-article-r div {
    width:45%
  }
  #mes-article-r p {
    font-size:110%;
    margin-top:0;
    margin-bottom:5px;
    
  }

#mes-article-r img:last-child {
  width:100%;
}
p.mes-title {
	font-size:3.7vw;
  padding-left:10px;
  background:linear-gradient(transparent 0, #efeee3 0%);
}
  .mes-title:first-child {
    font-size: 3.7vw;
  padding-left:10px;
  background:linear-gradient(transparent 0, #efeee3 0%);
  }
p.mes-text {
  font-size: 3.5vw;
	padding-left:0;
}
p.mes-text2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 6vw;
	margin-top:1.67vw;
	padding-left:0;
  letter-spacing: 0.02em;
}

/* ----------END 599px以下---------- */
}