.results-top-contents {
margin-bottom: 100px;
}
.results-top-contents .catch-txt {
font-size: 2rem;
font-weight: bold;
margin-bottom: 80px;
}
.results-top-contents h3 {
margin-bottom: 2px;
line-height: 1.2;
font-size: 2.4rem;
}
.results-top-contents .button.is-internal {
font-size: 2rem;
min-height: 80px;
background-color: #2eb6a8;
margin-bottom: 80px;
text-align: left;
}
.results-top-contents .button.is-internal:hover {
background-color: #fff23f;
}
.results-top-contents .area-wrap {
position: relative;
}
.results-top-contents .area-wrap .center-copy {
position: absolute;
top: calc(100% – 170px);
z-index: -1;
}
.results-top-contents .area-wrap .center-copy img {
width: 73.3%;
margin-left: auto;
margin-right: auto;
}
.results-top-contents .link-area-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.results-top-contents .link-area-wrap.top {
margin-bottom: 410px;
}
.results-top-contents .link-area-wrap .item:nth-child(even) .link-area {
margin-left: auto;
margin-right: 0;
}
.results-top-contents .link-area {
width: 420px;
border-radius: 80px;
background-color: #fff23f;
border: 10px solid #fff;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 25px;
overflow: hidden;
}
.results-top-contents .link-area .box-title {
color: #006ebb;
font-size: 3rem;
text-align: center;
background-color: #fff;
border-radius: 50px;
display: grid;
place-content: center;
width: calc(100% – (20px + 20px));
height: 100px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.results-top-contents .link-area .box-title h3 {
font-size: 3rem;
margin-bottom: 0;
line-height: 1.1;
}
.results-top-contents .link-area .box-link {
color: #006ebb;
text-decoration: none;
padding: 10px 40px 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.results-top-contents .link-area .box-link:after {
content: “”;
display: inline-block;
position: absolute;
right: 20px;
top: calc(50% – 7.5px);
width: 9px;
height: 15px;
background-image: url(https://eikei.ac.jp/english/wp-content/uploads/sites/4/2025/06/results_top_arrow.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.4s ease-out;
}
.results-top-contents .box-link .box-pic {
width: 120px;
}
.results-top-contents .box-link .box-pic img {
border-radius: 50%;
}
.results-top-contents .box-link .box-txt {
width: calc(100% – (120px + 20px));
}
.results-top-contents .box-link .box-txt h4 {
font-size: 2.1rem;
line-height: 1.2;
}
.results-top-contents .box-link .box-txt p {
font-size: 1.6rem;
line-height: 1.3;
margin-top: 10px;
}
.results-top-contents .link-area .box-link:hover {
background-color: #006ebb;
color: #fff;
}
.results-top-contents .link-area .box-link:hover:after {
background-image: url(https://eikei.ac.jp/english/wp-content/uploads/sites/4/2025/06/results_top_arrow_white.png);
}
@media screen and (max-width: 1139px) and (min-width: 640px) {
.results-top-contents .area-wrap .center-copy {
top: calc(100% – 15vw);
}
.results-top-contents .link-area-wrap.top {
margin-bottom: 36vw;
}
.results-top-contents .link-area {
width: 36.9vw;
padding-top: 1.8vw;
padding-bottom: 2.2vw;
border-radius: 7vw;
}
.results-top-contents .link-area .box-title h3 {
font-size: 2.7vw;
}
.results-top-contents .link-area .box-title {
width: calc(100% – (1.8vw + 1.8vw));
height: 8.8vw;
}
.results-top-contents .link-area .box-link {
padding: 1vw 3.5vw 1vw 1.8vw;
}
.results-top-contents .link-area .box-link:after {
right: 1.8vw;
top: calc(50% – 0.65vw);
width: 0.8vw;
height: 1.3vw;
}
.results-top-contents .box-link .box-pic {
width: 10.5vw;
}
.results-top-contents .box-link .box-txt {
width: calc(100% – (10.5vw + 1.5vw));
}
.results-top-contents .box-link .box-txt h4 {
font-size: 1.9vw;
}
.results-top-contents .box-link .box-txt p {
font-size: 1.4vw;
margin-top: 0.9vw;
}
}
@media screen and (min-width: 640px) {
.results-top-contents .pc-cont {
display: block;
}
.results-top-contents .sp-cont {
display: none;
}
}
@media screen and (max-width: 639px) {
.results-top-contents .pc-cont {
display: none;
}
.results-top-contents .sp-cont {
display: block;
}
.results-top-contents .button.is-internal {
margin-bottom: 60px;
font-size: 1.7rem;
}
.results-top-contents .catch-txt {
font-size: 1.8rem;
margin-bottom: 60px;
}
.results-top-contents .item:not(:last-child) {
margin-bottom: 20px;
}
.results-top-contents .link-area-wrap {
display: block;
margin-top: 20px;
}
.results-top-contents .link-area-wrap.top {
margin-bottom: 20px;
}
.results-top-contents .link-area {
width: 100%;
border: none;
border-radius: 60px;
}
.results-top-contents .link-area .box-title {
height: 80px;
}
.results-top-contents .link-area .box-title h3 {
font-size: 2.4rem;
}
.results-top-contents .box-link .box-pic {
width: 100px;
}
.results-top-contents .box-link .box-txt {
width: calc(100% – (100px + 15px));
}
.results-top-contents .box-link .box-txt h4 {
font-size: 1.9rem;
}
.results-top-contents .box-link .box-txt p {
font-size: 1.5rem;
}
.results-top-contents .center-copy_sp {
margin-top: 60px;
}
}
In March 2025, Eikei University of Hiroshima graduated its first class of students. Here are the steps taken by alumni who aspire to bring positive change to people and society!
