@charset "UTF-8";

.page-title{
    background: url("../img/mv-graduate.png")no-repeat center;
}
/*
================================
================================*/
.anchor-box {
    justify-content: space-around;
}
.yohaku {
    margin: 100px 0 0;
}
.box-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 50px 0;
    align-items: flex-start;
}
.box-top-name {
    margin: 1em 0 0;
}
.box-name {
    font-size: 2.4rem;
    font-weight: bold;
    border-bottom: dotted 5px #757fc5;
    margin: 0 0 10px;
}
.box-top-right img {
    margin: 0 0 1em 0;
}
.box-top-right {
    flex: 1;
    margin: 0 0 0 50px;
}

.box-top.flex-reverse {
    flex-direction: row-reverse;
}
.flex-reverse .box-top-right {
    flex: 1;
    margin: 0 50px 0 0;
}








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

.graduate-misahi {
    font-family: ShipporiMincho;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    letter-spacing: 0;
    border-bottom: solid 3px #757FC5;
}
.detail-text {
    margin: 2em 0;
}
.small{
    
    font-size: 1.7rem;
}
/*
スマホ
=======================================================================================================*/
@media screen and (max-width: 1023px) {
.box-top-right {
    flex: auto;
    margin: 50px 0 0;
}
.flex-reverse .box-top-right {
    flex: auto;
    margin: 50px 0 0;
}
.box-top img {
    display: block;
    margin: auto;
}
.box-top-right img {
    margin: 0 auto 2em;
}
}
@media screen and (max-width: 767px) {
.page-title {
    background-size: contain;
    background-position: center 140px;
}
}