@charset "uft-8";

/*root*/
:root{
    /*color*/
    --blue:#143F7D;
    --lightblue:#EDF2FA;
    --tableline:#C0C0C0;
    --black:#232323;

     /*フォントサイズ*/
    /*base-size:1200px*/
    --fontsize-8:min(0.66666vw,8px);
    --fontsize-10:min(0.83333vw,10px);
    --fontsize-11:min(0.91666vw,11px);
    --fontsize-12:min(1vw,12px);
    --fontsize-13:min(1.08333vw,13px);
    --fontsize-14:min(1.16666vw,14px);
    --fontsize-16:min(1.33333vw,16px);
    --fontsize-18:min(1.5vw,18px);
    --fontsize-20:min(1.66666vw,20px);
    --fontsize-24:min(2vw,24px);
    --fontsize-30:min(2.5vw,30px);
    --fontsize-32:min(2.66666vw,32px);
    --fontsize-36:min(3vw,36px);
    --fontsize-40:min(3.33333vw,40px);
    --fontsize-45:min(3.75vw,45px);
    --fontsize-48:min(4vw,48px);
    --fontsize-56:min(4.66666vw,56px);
    --fontsize-64:min(5.33333vw,64px);
    --fontsize-80:min(6.66666vw,80px);
    --fontsize-96:min(8vw,96px);
    --fontsize-100:min(8.33333vw,100px);
    --fontsize-128:min(10.66666vw,128px);
    --fontsize-144:min(12vw,144px);
    --fontsize-160:min(13.33333vw,160px);
    --fontsize-162:min(13.5vw,162px);
    --fontsize-180:min(15vw,180px);
    --fontsize-240:min(20vw,240px);
}

/*main*/

main{
    padding-top:min(6.08083vw,72.97px);
}

#page-title{
    padding:0 min(17.5vw,330px);
    margin-top:min(8.83333vw,106px);
    /* margin-bottom:min(27.75000vw,333px); */
    /* margin-bottom:min(25vw,300px); */
    margin-bottom:100px;
}

#page-title h1{
    font-size:var(--fontsize-56);
    color:var(--blue);
    font-weight:bold;
}

#page-title p{
    font-size:var(--fontsize-24);
    color:var(--blue);
    font-weight:500;
}

.section-wrapper{
    padding:0 min(17.5vw,330px);
}

/*president-introduce*/

#president-message{
    padding-bottom:min(8.33333vw,100px);
}

.president-introduce{
    display: flex;
    margin-bottom:min(6.66666vw,80px);
    position:relative;
}

.introduce-left{
    /* background:var(--lightblue); */
    /* padding:min(3vw,36px) min(5.5vw,66px);
    padding-right:0; */
    /* width:37%; */
    width:50%;
}

.introduce-left img{
    width:100%;
}

.introduce-left .name p:first-child{
    font-size:var(--fontsize-14);
    margin-bottom:min(0.83333vw,10px);
}

.introduce-left .name p:last-child{
    font-size:var(--fontsize-24);
    font-weight:500;
    margin-bottom:min(2vw,24px);
}

.deco-line{
    height:1px;
    width:min(5.5vw,66px);
    background:var(--blue);
    margin-bottom:min(1.33333vw,16px);
    display: block;
}

.motto{
    font-size:var(--fontsize-16);
    font-weight:500;
}

.introduce-right{
    width:63%;
    position:absolute;
    right:0;
    bottom:0;
}

.president-img{
    display: none;
}

.president-img img{
    max-width:330px;
    display: inline-block;
    width:100%;
}

.massage-List{
    margin-bottom:min(4vw,48px);
}

.massage-List:last-child{
    margin:0;
}

.message-ttl{
    font-size: var(--fontsize-32);
    font-weight:500;
    color:var(--blue);
    margin-bottom:min(1.33333vw,16px);
}

.message-ttl .deco-circle{
    width:min(1vw,12px);
    height:min(1vw,12px);
    background:var(--blue);
    border-radius:50%;
    display: inline-block;
    vertical-align: middle;
    margin-right:min(2.33333vw,28px);
}

.message-txt{
    font-size:var(--fontsize-16);
}