@charset "utf-8";

/*---topMain----------------------------------------------*/

.topFvNavLink {
    padding-left: 83px;
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.035em;
    line-height: 1.45em;
    display: flex;
    align-items: center;
}

.topFvNavLink:before {
    content: "";
    position: absolute;
    left: 0;
    margin: auto;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: all .5s;
}

.topFvNavLink:hover:before {
    width: 68px;
}

.topFvNavLink>p {
    color: #fff;
}

.coverWr {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    padding-top: 120%;
    width: 100%;
}

.topFvTateTextImg {
    max-width: 230px;
    width: 25%;
    position: absolute;
    right: 3.39%;
    bottom: 57px;
    z-index: 1;
}

.topFvImgBox {
    background: url(/system_panel/uploads/images/fv_cover_sp.jpg)no-repeat;
    background-size: 100%;
    background-position: top center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    background-color: #333;
}

.coverWr:before {
    content: "";
    position: absolute;
    width: 50%;
    max-width: 649px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #080A07;
    background: linear-gradient(90deg, rgba(8, 10, 7, 0) 0%, rgba(8, 10, 7, 1) 100%);
    z-index: -1;
}

.coverWr:after {
    content: "";
    position: absolute;
    width: 50%;
    max-width: 649px;
    top: 0;
    left: 0;
    bottom: 0;
    background: #080A07;
    background: linear-gradient(-90deg, rgba(8, 10, 7, 0) 0%, rgba(8, 10, 7, 1) 100%);
    z-index: -1;
    opacity: 0;
}

.topCourseBox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EBEBEB;
    opacity: 0.8;
}

.topCourseTit {
    font-size: 25px;
    letter-spacing: 0.04em;
    line-height: 1.4171em;
}

.topCourseTit strong {
    font-weight: 400;
    color: #AF201A;
    font-size: 40px;
}

.topNewsTitBox:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200%;
    height: 1px;
    background-color: #fff;
}

.topTitList {
    font-size: 70px;
    letter-spacing: 0.04em;
    line-height: 1.46em;
}

.topTitList01 {
    margin-bottom: 37px;
}

.topTitList02 {
    margin-bottom: 11px;
}

.topDrinkTitBox:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200%;
    height: 1px;
    background-color: #fff;
}

/*----*/

.topNewsLeft {
    max-width: 100% !important;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

  



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.topCourseTit {
    font-size: 34px;
}

.topCourseTit strong {
    font-size: 62px;
}

.coverWr:after {
    opacity: 1;
}

.topFvImgBox {
    background: url(/system_panel/uploads/images/fv_cover_pc.jpg)no-repeat;
    background-size: cover;
    background-position: top center;
}

.coverWr {
    padding-top: 960px;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.topCourseTit {
    font-size: 44px;
}

.topCourseTit strong {
    font-size: 72px;
}

.topTitList {
    font-size: 80px;
}

.topTitList01 {
    margin-bottom: 47px;
}

.topFvNavLink {
    font-size: 18px;
}

.topNewsLeft {
    max-width: 270px !important;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.topCourseTit {
    font-size: 64px;
}

.topCourseTit strong {
    font-size: 92px;
}

.topTitList {
    font-size: 110px;
}

.topTitList01 {
    margin-bottom: 57px;
}

.topTitList02 {
    margin-bottom: 21px;
}

.coverWr:after {
    opacity: 0;
}
  
.topNewsLeft {
    max-width: 354px !important;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */