@charset "UTF-8";


/*============================
	se-navigation
============================*/
.se-navigation {
    padding: 100px 0 150px;
}

.sen__navwrap li {
    width: 32%;
    max-width: 336px;
}

.sen__navwrap li a {
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s ease-out;
}

.sen__h3 {
    background: #F0EFEA;
    text-align: center;
    line-height: 70px;
    white-space: nowrap;
    position: relative;
}

.sen__h3::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 10px 0 10px;
    border-color: #f0efea transparent transparent transparent;
    left: 50%;
    bottom: -17px;
    transform: translate(-50%);
}

.sen__navwrap li a:hover {
    transform: translate(0, 5px);
    opacity: 1;
}

.sen__navwrap li a:hover .sen__h3 {
    background: #DDD9CC;
}

.sen__navwrap li a:hover .sen__h3::before {
    border-color: #DDD9CC transparent transparent transparent;
}

@media screen and (max-width:1024px) {
    .se-navigation {
        padding: 80px 0 100px;
    }

    .sen__navwrap li {
        width: 32%;
    }

    .sen__h3 {
        line-height: 50px;
    }

    .sen__h3::before {
        border-width: 18px 10px 0 10px;
        bottom: -17px;
    }

}

@media screen and (max-width:767px) {
    .se-navigation {
        padding: 60px 0 80px;
    }

    .sen__navwrap {
        display: flex;
        flex-wrap: wrap;
    }

    .sen__navwrap li {
        width: 48%;
        margin-bottom: 30px;
        font-size: min(1.4rem, 3.3vw);
    }

    .sen__navwrap li:last-child {
        margin: 0 auto;
    }

    .sen__h3 {
        line-height: 50px;
    }

    .sen__h3::before {
        border-width: 18px 10px 0 10px;
        bottom: -17px;
    }

}

/*============================
 se-hair / se-content
============================*/
/* sec__top */
.sec__top {
    height: 340px;
}

.sec__ttwrap {
    width: 35%;
    background: linear-gradient(-135deg, #7F7A6F, #403D38);
    position: relative;
}

.sec__mvwrap {
    width: 65%;
}

.sec__mv img {
    object-fit: cover;
    height: 340px;
}

.sec__ttl {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font-weight: 500;
    line-height: 1.5;
}

.sec__ttl .font-en {
    display: block;
    margin-top: 5px;
    letter-spacing: .1em;
    font-weight: 500;
}

/* sec__leadwarp */
.sec__leadwarp {
    padding: 50px 0 0;
}

/* sec__cont01 */
.sec__cont01 {
    padding: 70px 0 60px;
}

.secc01__img {
    max-width: 418px;
    width: 40%;
}

.secc01__txtwrap {
    width: 57%;
}

.secc01__h3 {
    line-height: 1.5;
}

/* sec__cont01 */
.sec__box {
    padding: 70px 1% 50px;
    background: #F5F4F0;
}

.sec__box--flex {
    max-width: 916px;
    margin: 0 auto;
}

.sec__3col--atc {
    width: 32%;
    max-width: 281px;
}

.sec__3col--img {
    margin-bottom: 30px;
}

.sec__3col--h4 {
    height: 3em;
    border-left: solid 9px #B3A86F;
    position: relative;
    margin-bottom: 1em;
}

.sec__3col--h4 .txt {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    left: 1em;
    transform: translate(0, -50%);
}

/* sec__flow */
.sec__flow {
    padding: 100px 0 0;
}

.sec__flow--item {
    width: 25%;
    padding: 25px 2% 15px;
    border-right: solid 1px #B3A86F;
    position: relative;
}

.flow-col5 .sec__flow--item {
    width: 20%;
}

.sec__flow--item:last-child {
    border: none;
}

.sec__flow--item::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #b3a86f;
    top: 50%;
    right: -10px;
    transform: translate(0, -50%);
}

.sec__flow--item:last-child:before {
    display: none;
}

.sec__flow--h4 {
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    min-height: 3em;
    margin-bottom: 20px;
    white-space: nowrap;
}

.sec__flow--txt {
    font-size: 1.4rem;
    line-height: 1.8;
}

/* sec__2col */
.sec__2col {
    padding: 80px 0 0;
}

.sec__2col--imgwrap {
    width: 48%;
}

.sec__2col--txtwrap {
    width: 48%;
}

.sec__2col--h4 {
    line-height: 1.5;
    margin-bottom: 30px;
}

/* sec__cv */
.sec__cv {
    padding: 100px 0;
    background: url(./img/bg_sec_cv.jpg) no-repeat center center/cover;
}

.sec__cv::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 50px;
    border-color: #ffffff transparent transparent transparent;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

@media screen and (max-width:1024px) {

    /* sec__top */
    .sec__top {
        height: 260px;
    }

    .sec__ttwrap {
        width: 35%;
    }

    .sec__mvwrap {
        width: 65%;
    }

    .sec__mv img {
        height: 260px;
    }

    .sec__ttl .font-en {
        margin-top: 5px;
    }

    /* sec__leadwarp */
    .sec__leadwarp {
        padding: 50px 0 0;
    }

    /* sec__cont01 */
    .sec__cont01 {
        padding: 70px 0 60px;
    }

    .secc01__img {
        width: 40%;
    }

    .secc01__txtwrap {
        width: 57%;
    }

    /* sec__3col */
    .sec__box {
        padding: 50px 3% 40px;
    }

    .sec__box--flex {
        margin: 0 auto;
    }

    .sec__3col--atc {
        width: 32%;
    }

    .sec__3col--img {
        margin-bottom: 20px;
    }

    .sec__3col--h4 {
        height: 3em;
        border-left: solid 6px #B3A86F;
        margin-bottom: 1em;
    }

    .sec__3col--h4 .txt {
        font-size: 1.3rem;
        left: 1em;
    }

    /* sec__flow */
    .sec__flow {
        padding: 80px 0 0;
    }

    .sec__flow--item {
        width: 25%;
        padding: 25px 2% 15px;
    }

    .flow-col5 .sec__flow--item {
        width: 20%;
    }


    .sec__flow--item::before {
        border-width: 7.5px 0 7.5px 10px;
        top: 50%;
        right: -10px;
    }

    .sec__flow--h4 {
        min-height: 3em;
        margin-bottom: 15px;
    }

    .sec__flow--txt {
        font-size: 1.3rem;
    }

    /* sec__2col */
    .sec__2col {
        padding: 60px 0 0;
    }

    .sec__2col--imgwrap {
        width: 48%;
    }

    .sec__2col--txtwrap {
        width: 48%;
    }

    .sec__2col--h4 {
        line-height: 1.5;
        margin-bottom: 20px;
    }

    /* sec__cv */
    .sec__cv {
        padding: 80px 0;
        background: url(./img/bg_sec_cv.jpg) no-repeat center center/cover;
    }

    .sec__cv::before {
        border-width: 40px 40px 0 40px;
    }

}

@media screen and (max-width:767px) {

    /* sec__top */
    .sec__top {
        height: auto;
    }

    .sec__ttwrap {
        width: 100%;
        height: 120px;
    }

    .sec__mvwrap {
        width: 100%;
    }

    .sec__mv img {
        height: 180px;
    }

    .sec__ttl .font-en {
        margin-top: 0;
    }

    /* sec__leadwarp */
    .sec__leadwarp {
        padding: 50px 0 0;
    }

    /* sec__cont01 */
    .sec__cont01 {
        padding: 60px 0;
    }

    .secc01__img {
        width: 100%;
        margin-bottom: 20px;
    }

    .secc01__txtwrap {
        width: 100%;
    }

    /* sec__3col */
    .sec__box {
        padding: 40px 5% 30px;
    }


    .sec__3col--atc {
        width: 100%;
        margin: 0 auto 30px;
        max-width: none;
    }

    .sec__3col--atc:last-child {
        margin: 0 auto;
    }

    .sec__3col--img {
        margin-bottom: 20px;
    }

    .sec__3col--h4 {
        height: 3em;
        border-left: solid 5px #B3A86F;
        margin-bottom: 1em;
    }

    .sec__3col--h4 .txt {
        font-size: 1.5rem;
        left: 1em;
    }

    /* sec__flow */
    .sec__flow {
        padding: 60px 0 0;
    }

    .sec__flow--item {
        width: 90%;
        padding: 0 0 20px;
        border: none;
        border-bottom: solid 1px #B3A86F;
        margin: 0 auto 30px;
    }

    .sec__flow--item:last-child {
        margin: 0 auto;
    }

    .flow-col5 .sec__flow--item {
        width: 90%;
    }

    .sec__flow--item::before {
        border-width: 10px 7.5px 0 7.5px;
        border-color: #b3a86f transparent transparent transparent;
        top: auto;
        bottom: -10px;
        right: auto;
        left: 50%;
        transform: translate(-50%);
    }

    .sec__flow--h4 {
        min-height: auto;
        margin-bottom: 15px;
    }

    .sec__flow--txt {
        font-size: 1.3rem;
    }

    /* sec__2col */
    .sec__2col {
        padding: 60px 0 0;
    }

    .sec__2col--imgwrap {
        width: 100%;
        margin-bottom: 30px;
    }

    .sec__2col--txtwrap {
        width: 100%;
    }

    .sec__2col--h4 {
        margin-bottom: 20px;
    }

    /* sec__cv */
    .sec__cv {
        padding: 60px 0;
    }

    .sec__cv--txt {
        font-size: 1.6rem;
    }

    .sec__cv::before {
        border-width: 30px 30px 0 30px;
    }
}

/*============================
 se-show / se-content
============================*/
.se-show {
    padding-bottom: 140px;
}
.sec__box--inner {
    max-width: 916px;
    margin: 0 auto;
}

.sec__boxatc--img {
    max-width: 280px;
    width: 30%;
}
.sec__boxatc--txtwrap{
    width: 67%;
}
.sec__boxatc--h4{
    margin-bottom: 5px;
}

@media screen and (max-width:1024px) {
    .se-show {
        padding-bottom: 100px;
    }    
    .sec__boxatc--img {
        width: 30%;
    }
    .sec__boxatc--txtwrap{
        width: 67%;
    }
    .sec__boxatc--h4{
        margin-bottom: 5px;
        
    }


}

@media screen and (max-width:767px) {
    .se-show {
        padding-bottom: 80px;
    }    
    .sec__boxatc--img {
        width: 100%;
        margin: 0 auto 20px;
        max-width: none;
    }
    .sec__boxatc--txtwrap{
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }
    .sec__boxatc--h4{
        margin-bottom: 5px;
        
    }


}

/*============================
 se-lesson / se-content
============================*/
.se-lesson{
    padding: 0 0 140px;
}
@media screen and (max-width:1040px) {
    .se-lesson{
        padding: 0 0 100px;
    }
}
@media screen and (max-width:767px) {
    .se-lesson{
        padding: 0 0 80px;
    }
}