@charset "UTF-8";


@keyframes txtloop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

@keyframes txtloop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}


/*PC*/
@media print, screen and (min-width: 769px) {
#hed_wrap{
margin-bottom: 0;
}

#president_message{
position: relative;
margin: 0 auto;
overflow: hidden;
background: #F1F3FA;
padding: 0 0 160px;
box-sizing: border-box;
}

#president_message .main_mv{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
margin: 0 0 80px;
position: relative;
}

#president_message .main_mv .img{
width: 100%;
}
#president_message .main_mv .img img{
object-fit: cover;
height: 500px;
}

#president_message .main_mv .txt_box{
position: absolute;
max-width: 1200px;
width: 100%;
margin: 0 auto;
margin-bottom: min(8vw, 80px);
}

#president_message .main_mv .txt_box h2{
font-size: 2.3em;
font-weight: 700;
padding-left: 13px;
display: flex;
flex-direction: column;
align-items: flex-start;
}

#president_message .main_mv .txt_box h2 span{
background-color: #fff;
padding: 0 8px;
font-weight: 500;
margin-bottom: 24px;
color:#443E6E;
}

#president_message .main_mv .txt_box h2 span:last-child{
margin-bottom: 0;
}

#president_message .block{
width: 1200px;
margin: 0 auto;
background: #FFF;
border-radius:1rem;
padding: 55px;
box-sizing: border-box;
}

#president_message .block p{
font-size: 1.2rem;
line-height: 2.2;
font-weight: 500;
}

#president_message .block h3{
margin-top:30px;
text-align: right;
font-size: 1.2rem;
font-weight: 400;
}

#president_message .block h3 span{
font-size: 1.8rem;
display: block;
}

}





/*sp*/
@media only screen and (max-width: 768px) {
#hed_wrap{
margin-bottom: 0;
}

#president_message{
position: relative;
margin: 0 auto;
overflow: hidden;
background: #F1F3FA;
padding: 0 0 80px;
box-sizing: border-box;
}

#president_message .main_mv{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
margin: 0 0 50px;
position: relative;
}

#president_message .main_mv .img{
width: 100%;
}
#president_message .main_mv .img img{
object-fit: cover;
height: 200px;
}

#president_message .main_mv .txt_box{
position: absolute;
width: 90%;
margin: 0 auto;
margin-bottom: 20px;
}

#president_message .main_mv .txt_box h2{
font-size: 3.3vw;
display: flex;
flex-direction: column;
align-items: flex-start;
}

#president_message .main_mv .txt_box h2 span{
background-color: #fff;
padding: 0 8px;
font-weight: 500;
margin-bottom: 24px;
color:#443E6E;
}

#president_message .main_mv .txt_box h2 span:last-child{
margin-bottom: 0;
}

#president_message .block{
width: 90%;
margin: 0 auto;
background: #FFF;
border-radius:1rem;
padding: 20px;
box-sizing: border-box;
}

#president_message .block p{
font-size: 0.9rem;
line-height: 2.2;
font-weight: 500;
}

#president_message .block h3{
margin-top:30px;
text-align: right;
font-size: 1rem;
font-weight: 400;
}

#president_message .block h3 span{
font-size: 1.4rem;
display: block;
}


}