@charset "utf-8";
.message {
    width: 976px;
    margin: 0 auto 100px auto;
    padding: 40px 0 0;
    overflow: hidden;
}
.message img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.message .sp {
    display: none;
}
.message .pc {
    display: inline-block;
}
.message >h3 {
	font-size: 36px;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 80px;
	font-weight: 700;
	color: #21366E;
}
.message__txt {
    width: 630px;
    float: left;
    padding: 0 0 2em;
    font-size: 16px;
    line-height: 1.8;
    font-family: "Noto Sans JP", sans-serif;
}
#contents .president {
    width: 300px;
    margin: 0;
    float: right;
}
dl.signature {
    display: flex;
    flex-wrap: wrap;
    float: right;
    margin-top: 40px;
    text-align: right;
}
dl.signature dt {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
dl.signature dd {
  width: auto;
}
dl.signature dd figure{
	margin: 0;
}
dl.signature dd figcaption {
	margin-right: 20px;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.message {
        width: auto;
        padding: 2vw 5.33vw 0;
        margin-bottom: 50px;
    }
	.message >h3 {
		font-size: 5vw;
		margin-bottom: 10vw;
	}
	.message__txt {
		font-size: 3.73vw;
		width: 100%;
		padding-bottom: 0;
	}
	.message .sp {
        display: inline-block;
    }
	.signature__img {
        width: 32.8vw;
    }
	#contents .president {
        width: auto;
        margin: 0;
        float: none;
    }
	.message .pc {
        display: none;
    }
	dl.signature {
		margin: 1.25rem 0 2.5rem;
		text-align: right;
		font-size: 3.6vw;
	}

}