@charset "UTF-8";


/* =====  ===== */

#alumni-association{position:relative;overflow:hidden;}


@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#alumni-association-footer{}
#alumni-association-footer .section-base{}
#alumni-association-footer .section-frame{padding:60px 10px;}
#alumni-association-footer .section-main{text-align:center;}
#alumni-association-footer .section-main .logo{width:200px;margin:0px auto;}
#alumni-association-footer .section-main .logo img{width:100%;height:auto;}
#alumni-association-footer .section-main .copyright{margin-top:30px;font-size:80%;}


@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#app{}
#app .section-base{width:960px;margin:0px auto;}
#app .section-frame{padding:120px 30px;}
#app .section-header{margin-bottom:60px;text-align:center;}
#app .section-header .label-sub{display:block;width:120px;margin:0px auto 15px auto;padding:5px 20px;background:#4652a1;color:#fff;border-radius:20px;font-size:125%;font-weight:500;}
#app .section-header .label{display:inline-block;padding-bottom:15px;border-bottom:4px solid #4652a1;color:#4652a1;font-size:200%;font-weight:500;}
#app .section-main{}


@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){
#app .section-base{width:auto;}
#app .section-frame{padding:90px 30px;}
#app .section-header .label-sub{font-size:100%;}
#app .section-header .label{font-size:150%;}
}
@media screen and (max-width:768px){
#app .section-frame{padding:90px 20px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#alumni-association-signboard{}
#alumni-association-signboard .section-base{width:1200px;margin:0px auto;}
#alumni-association-signboard .section-frame{padding:120px 30px;}
#alumni-association-signboard .section-main{text-align:center;}
#alumni-association-signboard .section-main .logo{}
#alumni-association-signboard .section-main .establish{margin-top:30px;color:#4652a1;font-size:150%;font-weight:500;}
#alumni-association-signboard .section-main .headline{margin-top:60px;color:#4652a1;font-size:250%;font-weight:500;line-height:150%;}


@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){
#alumni-association-signboard .section-base{width:auto;}
#alumni-association-signboard .section-main .logo{width:80%;margin:0px auto;}
#alumni-association-signboard .section-main .logo img{width:100%;height:auto;}
#alumni-association-signboard .section-main .establish{font-size:125%;}
#alumni-association-signboard .section-main .headline{font-size:200%;}
}
@media screen and (max-width:960px){
#alumni-association-signboard .section-frame{padding:90px 30px;}
}
@media screen and (max-width:768px){
#alumni-association-signboard .section-frame{padding:90px 20px;}
#alumni-association-signboard .section-main .headline{font-size:150%;}
#alumni-association-signboard .section-main .logo{width:100%;}
#alumni-association-signboard .section-main .establish{margin-top:15px;font-size:100%;}
#alumni-association-signboard .section-main .headline{margin-top:30px;font-size:150%;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#alumni-association-intro{background:url(../img/intro-bg.jpg) no-repeat center center;background-size:cover;}
#alumni-association-intro .section-base{position:relative;width:1440px;margin:0px auto;}
#alumni-association-intro .section-frame{padding:120px 30px;}
#alumni-association-intro .section-main{width:50%;padding:40px 60px;background:#fff;border-radius:20px;}
#alumni-association-intro .section-main .label{margin-bottom:30px;color:#4652a1;font-size:125%;font-weight:500;}
#alumni-association-intro .section-main .headline{margin-bottom:30px;font-size:150%;font-weight:500;line-height:150%;}
#alumni-association-intro .section-main .message{}
#alumni-association-intro .section-main .message p{line-height:150%;text-align:justify;}
#alumni-association-intro .section-main .message p:not(:last-child){margin-bottom:20px;}
#alumni-association-intro .section-main .sign{margin-top:60px;text-align:right;}
#alumni-association-intro .section-main .sign .sign-post{margin-bottom:15px;}
#alumni-association-intro .section-main .sign .sign-name{}
#alumni-association-intro .section-main .sign .sign-name dl{display:flex;justify-content:flex-end;align-items:center;}
#alumni-association-intro .section-main .sign .sign-name dt{margin-right:10px;}
#alumni-association-intro .section-main .sign .sign-name dd{font-size:125%;font-weight:500;}
#alumni-association-intro .section-image{position:absolute;right:60px;bottom:0;}


@media screen and (max-width:1440px){
#alumni-association-intro .section-base{width:auto;}
#alumni-association-intro .section-image{width:300px;}
#alumni-association-intro .section-image img{width:100%;height:auto;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){
#alumni-association-intro .section-frame{padding:90px 30px 0px 30px;}
#alumni-association-intro .section-main{width:auto;padding:0px;background:none;}
#alumni-association-intro .section-image{position:relative;right:unset;bottom:unset;width:320px;margin:0px auto;}
#alumni-association-intro .section-image img{width:100%;height:auto;}
}
@media screen and (max-width:768px){
#alumni-association-intro .section-frame{padding:90px 20px 0px 20px;}
#alumni-association-intro .section-main .label{font-size:100%;}
#alumni-association-intro .section-main .headline{font-size:125%;}
#alumni-association-intro .section-image{width:80%;}
}
@media screen and (max-width:640px){
#alumni-association-intro .section-image{width:60%;}
}
@media screen and (max-width:480px){}




/* =====  ===== */

#alumni-association-outline{}
#alumni-association-outline .section-base{width:1200px;margin:0px auto;}
#alumni-association-outline .section-frame{padding:120px 30px 0px 30px;}
#alumni-association-outline .section-header{margin-bottom:60px;text-align:center;}
#alumni-association-outline .section-header .label{display:inline-block;padding-bottom:15px;border-bottom:4px solid #4652a1;color:#4652a1;font-size:200%;font-weight:500;}
#alumni-association-outline .section-main{}
#alumni-association-outline .section-main .cnt{}
#alumni-association-outline .section-main .cnt p{line-height:150%;text-align:justify;}
#alumni-association-outline .section-main .cnt p:not(:last-child){margin-bottom:20px;}


@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){
#alumni-association-outline .section-base{width:auto;}
}
@media screen and (max-width:960px){
#alumni-association-outline .section-frame{padding:90px 30px 0px 30px;}
#alumni-association-outline .section-header .label{font-size:150%;}
}
@media screen and (max-width:768px){
#alumni-association-outline .section-frame{padding:90px 20px 0px 20px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#alumni-association-membership{}
#alumni-association-membership .section-base{width:1200px;margin:0px auto;}
#alumni-association-membership .section-frame{padding:120px 30px;}
#alumni-association-membership .section-header{margin-bottom:60px;text-align:center;}
#alumni-association-membership .section-header .label{display:inline-block;padding-bottom:15px;border-bottom:4px solid #4652a1;color:#4652a1;font-size:200%;font-weight:500;}
#alumni-association-membership .section-main{}
#alumni-association-membership .section-main .cnt{margin-bottom:30px;}
#alumni-association-membership .section-main .cnt p{line-height:150%;text-align:justify;}
#alumni-association-membership .section-main .cnt p:not(:last-child){margin-bottom:20px;}
#alumni-association-membership .section-main .list{padding:30px 40px;background:#EFF1F8;border-radius:10px;}
#alumni-association-membership .section-main .list ol{}
#alumni-association-membership .section-main .list ol li{margin-left:25px;padding:10px 0px;line-height:150%;list-style-type:decimal;text-align:justify;}


@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){
#alumni-association-membership .section-base{width:auto;}
}
@media screen and (max-width:960px){
#alumni-association-membership .section-frame{padding:90px 30px;}
#alumni-association-membership .section-header .label{font-size:150%;}
}
@media screen and (max-width:768px){
#alumni-association-membership .section-frame{padding:90px 20px;}
#alumni-association-membership .section-main .list{padding:30px 20px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#alumni-association-rules{background:#EFF1F8;}
#alumni-association-rules .section-base{width:1200px;margin:0px auto;}
#alumni-association-rules .section-frame{padding:120px 30px;}
#alumni-association-rules .section-header{margin-bottom:60px;text-align:center;}
#alumni-association-rules .section-header .label{display:inline-block;padding-bottom:15px;border-bottom:4px solid #4652a1;color:#4652a1;font-size:200%;font-weight:500;}
#alumni-association-rules .section-main{}
#alumni-association-rules .section-main .item{}
#alumni-association-rules .section-main .item:not(:last-child){margin-bottom:60px;}
#alumni-association-rules .section-main .item-frame{}
#alumni-association-rules .section-main .item-header{margin-bottom:15px;}
#alumni-association-rules .section-main .item-header .label{color:#4652a1;font-size:125%;font-weight:500;line-height:150%;}
#alumni-association-rules .section-main .item-main{}
#alumni-association-rules .section-main .item-main .cnt{margin-bottom:30px;}
#alumni-association-rules .section-main .item-main .cnt p{line-height:150%;text-align:justify;}
#alumni-association-rules .section-main .item-main .cnt p:not(:last-child){margin-bottom:20px;}
#alumni-association-rules .section-main .item-main .list{}
#alumni-association-rules .section-main .item-main .list ol{}
#alumni-association-rules .section-main .item-main .list ol li{margin-left:25px;padding:5px 0px;line-height:150%;list-style-type:decimal;text-align:justify;}
#alumni-association-rules .section-main .item-main .list ol li ol{margin-top:10px;}
#alumni-association-rules .section-main .item-main .list ol li ol li{position: relative;list-style-type: none;}
#alumni-association-rules .section-main .item-main .list ol li ol li:before{
position:absolute;
right:calc(100% + 0.5rem);
content: "(" counter(list-item) ")";
}

@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){
#alumni-association-rules .section-base{width:auto;}
}
@media screen and (max-width:960px){
#alumni-association-rules .section-frame{padding:90px 30px;}
#alumni-association-rules .section-header .label{font-size:150%;}
}
@media screen and (max-width:768px){
#alumni-association-rules .section-frame{padding:90px 20px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */


.floating-btn{position:fixed;z-index:1000;right:20px;bottom:20px;}
.floating-btn .btn{}
.floating-btn .btn a{}

@media screen and (max-width:768px){
.floating-btn{right:10px;bottom:10px;}
.floating-btn .btn img{width:100px;height:auto;}
}
@media screen and (max-width:480px){}