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

.base-title {
    width: 100%;
    height: 70vh;
    background-image: url("../images/message/0E1A7809.jpg");	
	background-position: top;
	background-size: cover;
	position:relative;
}
.message {
	/*width:85%;
	margin:auto;*/
	position:relative;
}
.message-content {
	/*border:solid 3px #CEE8E8;*/
	border-radius:20px;
	padding:60px 0;
	margin-bottom:100px;
	/*background-color:#fff;*/
}

.message-content-1 {
	
}

.message-content-1-img {
	width:80%;
	max-width:500px;
	margin:auto 35px 30px 0;
	position:relative;
	float: left;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	border-radius:20px;
}
.message-content-1-img img{
	width:100%;
	border-radius:20px;
	display:block;
}

.message-intro {
	position:absolute;
	top:15%;
	right:-90%;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight:bold;
	color:#4B4B4B;
	text-shadow: 4px 4px 3px #ccc;
}
.message-intro .text{
	font-size:35px;
	margin-bottom:5px;
}
.message-intro .yakushoku{
}

.message-intro .name{
	font-size:22px;
	display:flex;
	align-items:center;
}
.message-intro .name span{
	margin-left:10px;
}
.message-intro .name::after{
	content:"";
	display:block;
	height:3px;
	width:150px;
	background-color:#80C4C4;
	margin-left:10px;
}
.message-content-1-text {
	padding-top:300px;
}
.message-intro2 {
	position:static;
	width:auto;
	border-bottom:none;
	display:none;
}
@media(max-width:1200px){
.message-intro {
	top:11%;
	right:-80%;
	text-shadow: 4px 4px 3px #ccc;
}	
.message-content {
	padding:10px 0 60px 0;
}
}
@media(max-width:960px){
.message {
	width:90%;
	margin:auto;
}
.message-content {
	padding:0 0 0 0;
	margin-bottom:100px;
}
.message-content-1-img {
	max-width:450px;
}
.message-intro {
	display:none;
}	
.message-intro2 {
	display:block;
}	
.message-content-1-text {
	padding-top:0;
}
.message-intro .text span{
	display:block;
}
.message-intro .name::after{
	display:none;
}
.message-intro .name{
	border-bottom:solid 2px #80C4C4;
	padding-bottom:10px;
	margin-bottom:40px;
	display:inline-block;
	padding-right:20px;
}
}
@media(max-width:940px){
.message-content-1-img {
	max-width:400px;
}	
}
@media(max-width:880px){
.message-content-1-img {
	max-width:350px;
}	
}
@media(max-width:840px){
.message-content-1-img {
	max-width:300px;
}	
}
@media(max-width:768px){
.message-content-1-img {
	max-width:300px;
}	
.message-intro2 .text{
	font-size:28px;
	margin-bottom:5px;
}
.message-intro2 .yakushoku{
	font-size:15px;
}
.message-intro2 .name{
	font-size:17px;
}
}
@media(max-width:700px){
.message-content-1-img {
	float: none;
}
.message-content-1-img {
	width:80%;
	max-width:420px;
	margin:auto;
}
.message-intro2{
	margin-top:30px;
	text-align:center;
}
.message-intro .text span{
	display:inline-block;
}
.message-intro2 .text{
	font-size:30px;
	margin-bottom:5px;
	text-align:center;
}
.message-intro2 .yakushoku{
	font-size:16px;
}
.message-intro2 .name{
	font-size:22px;
	padding-right:0;
	display:flex;
	flex-direction:column;
}
.message-intro2 .name span{
	font-size:16px;
	margin:0;
}
}
@media(max-width:520px){
	.message-text-main{
		font-size:15px;
	}
}
/*動く点について*/
/* 各要素に異なる遅延時間を設定 */
.delay2-1 {
  animation-delay: 0s;
  left:-2vw;
  top:11vh;
}
.delay2-2 {
  animation-delay: 0.5s;
  left:-2vw;
  top:16vh;
}
.delay2-3 {
  animation-delay: 1.0s;
  left:-2vw;
  top:21vh;
}