/*top.css*/

/*----------------------------------
header
----------------------------------*/

header {
    height: auto;
    /*position: relative;*/
position: fixed;
}

.scroll .page_head_wrap {
    position: fixed;
}

/*----------------------------------
Title
----------------------------------*/

h2.lv01 {
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 8.0rem;
}

h2.lv02 {
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3.6rem;
    position: relative;
    margin-bottom: 40px;
}

h2.lv02:before {
    content: '';
    display: inline-block;
    width: 100px;
    height: 3px;
    background-image: url(/img/common/h2_lv02.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: -7px;
}

/*----------------------------------
Tag
----------------------------------*/

/*
.tags {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tags li {
    margin-right: 8px;
    margin-bottom: 8px;
}


.tag {
    display: block;
    font-size: 1.3rem;
    text-align: center;
    color: #212121;
    background-color: #fff;
    border: 1px solid #212121;
    padding: 2px 8px 3px 8px;
    border-radius: 16px;
}

.tag01 {
    color: #fff;
    background-color: #4283D1;
    border: 1px solid #4283D1;
}

.tag02 {
    color: #999;
    border: 1px solid #999;
}

.tag03 {
    color: #4283D1;
    background-color: #fff;
    border: 1px solid #4283D1;
}
*/

/*----------------------------------
Hash Tag
----------------------------------*/

/*
.hash_tag {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 20px;
}

.hash_tag li {
    color: #005BCB;
    font-size: 1.3rem;
    margin-right: 8px;
    margin-bottom: 5px;
}

.hash_tag li > a {
    color: #005BCB;
    font-size: 1.3rem;
}
*/

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

.topMain .inner {
    padding-left: 39px;
    padding-right: 39px;
    padding-left: 35px;
    padding-right: 35px;
    position: relative;
    width: 100%;
    max-width: 100%;
}

.topMain {
    width: 100%;
    height:auto;
    max-height: 100%;
    
}

.topMain video {
    display: block;
    object-fit: cover;
}

.videoWrap {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 56.25vw;
    max-height: 100vh;
}

.videoWrap video{
    z-index: -1;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.videoWrap .sp_mv {
    display: none;
}

/*----------------------------------
Recommend contents
----------------------------------*/

.recInfoBox {
    width: 450px;
    padding: 25px 115px 25px 35px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.recInfoBox > p {
    font-size: 1.3rem;
    font-weight: 600;
    color: #005BCB;
}


.recInfoBox .slick-prev,
.recInfoBox .slick-next {
    width: 30px;
    height: 30px;
}

.recInfoBox .slick-prev {
    left: auto;
    right: -40px;
    z-index: 1;
}

.recInfoBox .slick-next {
    right: -85px;
    z-index: 1;
}

.recInfoBox .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.recInfoBox .slick-prev:before{
    background: url(/img/top/ar_prev.png)!important;
    background-size: contain!important;
}

.recInfoBox .slick-next:before{
    background: url(/img/top/ar_next.png)!important;
    background-size: contain!important;
}

.recInfoBox .slick-prev:hover::before,
.recInfoBox .slick-next:hover::before {
    opacity: 0.7;
}

.recInfoSlider li.recItem {
    padding: 10px 10px 10px 0;
}

.recInfoSlider li.recItem a {
    display: inline-block;
    font-size: 1.5rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #212121;
}

.recInfoSlider li.recItem a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url(/img/common/rec_ar.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 6px;
    margin-top: -4px;
}

/*----------------------------------
topBanSlider
----------------------------------*/

.topBanWrap {
    padding-top: 120px;
    padding-bottom: 120px;
}

.topBanSlider {
/*
    display: flex;
    justify-content: space-between;
*/
    width: calc(100% + 30px);
    margin: 0 -15px;
}

.topBanSlider .topBanSliderItem {
    width: 48%;
    max-width: 630px;
    margin: 0 15px;
}

.topBanWrap .slick-prev,
.topBanWrap .slick-next {
    width: 30px;
    height: 30px;
}

.topBanWrap .slick-prev {
    left: 0;
    z-index: 1;
}

.topBanWrap .slick-next {
    right: 0;
    z-index: 1;
}

.topBanWrap .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.topBanWrap .slick-prev:before{
    background: url(/img/top/ar_prev.png)!important;
    background-size: contain!important;
}

.topBanWrap .slick-next:before{
    background: url(/img/top/ar_next.png)!important;
    background-size: contain!important;
}

.topBanWrap .slick-prev:hover::before,
.topBanWrap .slick-next:hover::before {
    opacity: 0.7;
}


/*----------------------------------
PICK UP
----------------------------------*/

.topPickupWrap {
    background-color: #f8f8f8;
    padding-top: 80px;
    padding-bottom: 80px;
}

.pickupList {
    width: calc(100% + 20px);
    margin: 0 -10px;
}

.pickupList .slick-slide {
    height: auto !important;
}

.pickupItem {
    margin-left: 10px;
    margin-right: 10px;
}

.pickupList .slick-prev:before,
.pickupList .slick-next:before {
    content: none;
}

.pickupList .slick-prev,
.pickupList .slick-next {
    z-index: 1;
    top: 50%;
}

@media screen and (max-width:979px) {
    .pickupList .slick-prev,
    .pickupList .slick-next {
        top: 30%;
    }
}

@media screen and (max-width:767px) {
    .pickupList .slick-prev,
    .pickupList .slick-next {
        top: 20%;
    }
}

.pickupList .slick-prev {
    width: 30px;
    height: 30px;
    background: url(/img/common/ac_prev_ar.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: -10px;
}


.pickupList .slick-next {
    width: 30px;
    height: 30px;
    background: url(/img/common/ac_next_ar.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: -10px;
}

.pickupList .slick-dots {
    position: static;
    margin-top: 30px;
}

.non-dot.pickupList .slick-dots {
    display: none!important;
}


@media screen and (max-width:767px) {
    .pickupList .slick-dots {
        display: none;
    }
}

.pickupList .slick-dots li {
    width: auto;
    height: auto;
    margin: 15px 3px 0 3px;
}

.pickupList .slick-dots li button {
    width: 30px;
    height: 4px;
    
}

.pickupList .slick-dots li button:before {
    font-size: 0;
    width: 30px;
    height: 4px;
    background-color: #BCBCBC;
    border-radius: 3px;
    color: transparent;
    line-height: 4px;
}

.pickupList .slick-dots li.slick-active button:before {
    background-color: #005BCB;
}

/*
.pickupList {
    display: flex;
    justify-content: space-between;
}

.pickupItem {
    width: 300px;
    max-width: 24%;
    background-color: #fff;
}

.pickupImg {
    display: block;
    padding-top: 66.67%;
    position: relative;
}

.pickupImg > img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pickupCont {
    padding: 20px 10px 20px 10px;
}
*/

/*----------------------------------
SANNO No Manabi
----------------------------------*/

.topManabiWrap {
    margin-top: 150px;
    padding-top: 85px;
    padding-bottom: 80px;
    background: rgb(194, 207, 222);
    background: linear-gradient(124deg, rgba(194, 207, 222, 0.3) 0%, rgba(0, 91, 203, 0.3) 100%);
/*    margin-bottom: 120px;*/
}

.topManabiWrap h2 {
    margin-top: -150px;
    margin-bottom: 35px;
}

.topManabiWrap .tagline {
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.8rem;
    margin-bottom: 30px;
}

.topManabiWrap p:not([class]) {
    line-height: 2.0;
}

* {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

*:before, *:after {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.topManabiList {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.topManabiItem {
    width: 410px;
    max-width: 32%;
    position: relative;
}

.topManabiItem:before {
    content: '';
    width: 40px;
    height: 40px;
    background: url(/img/top/manabi_ar.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.topManabiItem > a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 410px;
/*    padding-top: 100%;*/
    background-color: #fff;
/*    aspect-ratio: 1;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px 20px 50px 20px;
    position: relative;
    transition: 0.3s;
}

.topManabiItem > a:hover {
    opacity: 1;
}


.topManaibiImg {
    width: 165px;
    margin: 0 auto 20px;
}

.topManabiItem .copy {
    width: 270px;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    position: relative;
}

.topManabiItem .copy:before {
    content: '';
    width: 28.5px;
    height: 40px;
    background: url(/img/top/copy_brackets_l.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.topManabiItem .copy:after {
    content: '';
    width: 28.5px;
    height: 40px;
    background: url(/img/top/copy_brackets_r.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
}

.topManabiItem .copy p {
    text-align: center;
    font-size: 1.8rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5;
    position: relative;
}

.topManabiItem h3 {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 600;
    margin-top: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: normal;
}

/*Mouse-Over*/
.topManabiItem > a::before {
  content: "";
  position: absolute;
  background-color: #005BCB;
  top: 0;
  right: 0;
  width: 20px;
  height: 2px;
  transition: all 0.5s ease-out;
}

.topManabiItem > a > span::after {
  content: "";
  position: absolute;
  background-color: #005BCB;
  top: 0;
  right: 0;
  width: 2px;
  height: 20px;
  transition: all 0.4s ease-out;
}

.topManabiItem > a::after {
  content: "";
  position: absolute;
  background-color: #CC3E3A;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 2px;
  transition: all 0.5s ease-out;
}

.topManabiItem > a > span::before {
  content: "";
  position: absolute;
  background-color: #CC3E3A;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 20px;
  transition: all 0.5s ease-out;
}

.topManabiItem > a:hover::before,
.topManabiItem > a:hover::after {
  width: 100%;
}

.topManabiItem > a:hover > span::before,
.topManabiItem > a:hover > span::after {
  height: 100%;
}

/*----------------------------------
Jukensei Ouen Banner
----------------------------------*/

.topSupportBanWrap {
    margin-top: 100px;
    margin-bottom: 100px;
}

.topSupportBan {
    display: block;
    width: 1074px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.topSupportBan > img {
    display: block;
    width: 100%;
}

.topSupportBan > span.topSupportBan_copy {
    display: block;
    width: 352px;
    position: absolute;
    bottom: 15%;
    right: -40px;
    transform:rotate(-22deg);
}

.topSupportBanWrap h2 {
    display: none;
}

.topSupportBtn {
    display: none;
}

/*----------------------------------
Gakubu_Gakka
----------------------------------*/

.topGakubuSp {
    display: none;
}

.topGakubuWrap {
    padding-top: 75px;
/*    padding-bottom: 75px;*/
    margin-bottom: 120px;
    background-color: #f8f8f8;
    position: relative;
}

.topGakubuWrap:after {
    content: '';
    width: 100vw;
    height: 100px;
    height: 8%;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.topGakubuWrap .tit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 55px;
}

.topGakubuWrap .tit p {
    padding-top: 10px;
}

.topGakubuWrap .tit .topGakubuImg {
    display: none;
}

.topGakubuWrap h2 {
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 6.0rem;
    line-height: 1.2;
    margin-right: 60px;
    padding-top: 25px;
    position: relative;
}

.topGakubuWrap h2:before {
    content: '';
    width: 320px;
    height: 3px;
    background: url(/img/common/border32.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.topGakubuWrap h2 span {
    display: block;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.2rem;
    margin-bottom: 15px;
}

.topGakubuCont {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.topGakubuCont_l {
    width: 50%;
}

.topGakubuCont_r {
    width: 45%;
}

.topGakubuCont_r h3 {
    font-size: 2.8rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.topGakubuCont_r h3 span {
    display: inline-block;
    font-size: 1.3rem;
    text-align: center;
    color: #005BCB;
    padding: 3px 20px 4px 20px;
    background-color: #fff;
    border: 1px solid #005BCB;
    border-radius: 20px;
    margin-left: 15px;
}

.topGakubuCont_r h3 span.red {
    color: #CC3E3A;
    border: 1px solid #CC3E3A;
}

.topGakubuCont .btn02 {
    width: 100%;
    height: 120px;
    margin-bottom: 30px;
}

.topGakubuCont .btn02 > a > span > span {
    font-size: 2.2rem;
}

.topGakubuCont .btn02.toMktg > a > span > span {
    font-size: 1.8rem;
}

.topGakubuCont .btn02.toKeiei > a > span > span {
    font-size: 1.8rem;
}

.topGakubuCont ul.twoColum {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.topGakubuCont .twoColum li {
    width: 48%;
}


.topGakubuCont_l .startImg {
    width: calc(100% + 35px);
    margin-left: -35px;
    animation-name: fadeIn;
    animation-fill-mode:forwards;
    animation-duration: 1.5s;
}

.keieiDept .startImg,
.mktg .startImg,
.keiei .startImg,
.infoMgmt .startImg {
    display: none;
    opacity: 0;
}

.gakuDtl {
    display: none;
    opacity: 0;
}

.keieiDept #keieiDept,
.mktg #mktg,
.keiei #keiei,
.infoMgmt #infoMgmt {
    display: block;
    animation-name: fadeIn;
    animation-fill-mode:forwards;
    animation-duration: 1.5s;
}

@keyframes fadeIn{
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
}

/*
.mktg #mktg {
    display: block;
    opacity: 1;
}

.keiei #keiei {
    display: block;
    opacity: 1;
}

.infoMgmt #infoMgmt {
    display: block;
    opacity: 1;
}
*/

.gakuDtl {
    width: 100%;
    background-color: #fff;
}

.gakuDtlFe {
    padding: 60px 7% 100px 7%;
}

.gakuDtlFe h3 {
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3.6rem;
    margin-bottom: 20px;
}

.gakuDtlFe h3 span {
    display: block;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.2rem;
    color: #6C6C6C;
}

.feList li {
    position: relative;
    font-size: 1.4rem;
    font-weight: 500;
    padding-left: 24px;
    margin-bottom: 5px;
}

.feList li:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url(/img/common/list_check.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 0;
}

#infoMgmt .feList li:before {
    background: url(/img/common/list_check_red.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/*----------------------------------
1-minSANNO　SANNO VOICE Banner
----------------------------------*/

.topMidBanWrap {
    padding-bottom: 30px;
}

.topMidBanWrap ul.twoColumn {
    display: flex;
    justify-content: space-between;
}

.topMidBanWrap ul.twoColumn li {
    width: 630px;
    max-width: 49%;
}

.topMidBanWrap ul.twoColumn li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.topMidBanWrap ul.twoColumn li a:after {
    content: '';
    width: 40px;
    height: 40px;
    background: url(/img/top/manabi_ar.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

/*----------------------------------
教員バナー
----------------------------------*/

.topProfWrap {
    margin-bottom: 120px;
}

/*
.topProfCont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px 20px 30px;
    border: 1px solid #212121;
    background-color: #fff;
}

.toProCont_l,
.toProCont_r {
    width: 265px;
    max-width: 25%;
}

.toProCont_cent {
    padding-left: 20px;
    padding-right: 20px;
}

.toProCont_cent h2 {
    width: fit-content;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 4.8rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
}

.toProCont_cent h2 span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2.2rem;
    color: #005BCB;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000000;
}

.toProCont_cent > p {
    text-align: center;
}

.btn01.viewMore {
    width: 160px;
    color: #fff;
    background-color: #005BCB;
    border: none;
    margin: 30px auto 0;
}

.btn01.viewMore span {
    color: #fff;
    transition: 0.3s;
}

.btn01.viewMore::after {
    background: url(/img/common/btn01_ar_wh.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.btn01.viewMore:hover {
    background-color: #fff;
    border: 1px solid #005BCB;
}

.btn01.viewMore:hover > span {
    color: #005BCB;
}

.btn01.viewMore:hover::after {
    background: url(/img/common/btn01_ar_bl.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
*/


/*----------------------------------
Event
----------------------------------*/

.topEventWrap {
    padding-bottom: 30px;
    margin-bottom: 120px;
}

.eventList {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.eventList li {
    width: 300px;
    max-width: 23%;
    margin-bottom: 30px;
}

.eventList li .eventListImg {
    display: block;
    padding-top: 56.25%;
    position: relative;
    margin-bottom: 15px;
}

.eventList li .eventListImg > img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eventList li .eventListImg span {
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    background-color: #fff;
    padding: 2px 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.eventList li .eventDate {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 15px;
}

.eventList li .eventDate > p {
    font-size: 2.8rem;
    color: #005BCB;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    margin-right: 10px;
}

.eventList li .eventDate > span {
    font-size: 1.3rem;
    margin-bottom: 5px;
}

.eventList li > a > p {
    font-size: 1.6rem;
    font-weight: 500;
}

.topEventWrap .btn01 {
    margin: 0 auto;
}

/*----------------------------------
Bottom Messge
----------------------------------*/

.top_bt_message {
    width: 100vw;
    height: 500px;
    background: url(/img/top/bt_message.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 40px;
}

.top_bt_message .inner {
    position: relative;
}

.top_bt_message ul {
    display: flex;
    justify-content: flex-start;
}

.top_bt_message ul li {
    writing-mode: vertical-rl;
    display: inline-block;
    letter-spacing: 9px;
    height: fit-content;
    background-color: #fff;
    padding: 15px 15px 15px 15px;
    margin-right: 20px;
}

.top_bt_message ul li:first-child {
    font-size: 1.8rem;
    font-weight: 600;
}

.top_bt_message ul li:nth-child(2) {
    margin-top: -50px;
}

.top_bt_message ul li:nth-child(3) {
    margin-top: -100px;
}

/*----------------------------------
FOLLOW US
----------------------------------*/

.followWrap {
    width: 100vw;
    background-color: #005BCB;
    padding-top: 65px;
    padding-bottom: 60px;
}

.followCont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.followCont_l,
.followCont_r {
    width: 50%;
}

.followCont_l {
    padding-right: 100px;
}

.followCont_l p {
    color: #fff;
    font-size: 4.8rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
}

.followCont_l p span {
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.followList {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.followList li {
    padding-left: 10px;
    padding-right: 10px;
}

.followList li a img {
    display: block;
    width: 46px;
}

.followList li a.y_logo img {
    width: 56px;
}

/*----------------------------------
Banner
----------------------------------*/

.topBotBanWrap {
    width: 100vw;
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #fff;
}

ul.banners {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

ul.banners li {
    width: 344px;
    max-width: 32%;
    margin: 0 20px 0;
}

/*----------------------------------
Responsive
----------------------------------*/

@media screen and (min-width:768px) {
    .topProfCont img.sp {
        display: none;
    }
}


/*----------------------------------
スマホ用メイン
----------------------------------*/
@media screen and (max-width: 767px) {
.topMain {
    height: auto;
    padding-bottom: 0;
    padding-top: 0;
}

.topMain .inner {
    padding-left: 0;
    padding-right: 0;
}

.videoWrap {
    height: 150vw;
    width: 100%;
/*    padding-top: 30px;*/
}

.videoWrap .pc_mv {
    display: none;
}

.videoWrap .sp_mv {
    display: block;
}

.videoWrap .sp_mv video {
    height: auto;
    z-index: -1;
    object-fit: contain;
}
}



/*----------------------------------
本物になれエディタ表示用
----------------------------------*/
.WebEditor .top_bt_message {
  margin-top: 100px;
}