/*top page*/

/*///////////////////////////////////////////////////////////*/
/*for SMARTPHONE*/
@media screen and (max-width: 1024px) {/*start*/
/*///////////////////////////////////////////////////////////*/
   
/*=============================================================
topMain
=============================================================*/
.topMain {
    position: relative;
}
/*h1*/
.topMain h1 {
    font-size: 14vw;
    bottom: 13vw;
    left: 6vw;
}
.topMain #VideoBg {
	height: calc(100vh - 62px);
}
    
/*=============================================================
slide-img　動画到着までのスライド
=============================================================*/
/*img*/
#swiper01 .slide-img img {
	height: calc(100vh - 62px);
    object-fit: cover;
}


/*=============================================================
news
=============================================================*/
#newsArea {
    width: 90%;
    padding: 55px 0px 55px 0px;
    display: block;
}
#newsArea h2 {
    font-size: 32px;
}
#newsArea div:first-child {/*タイトル*/
    width: 100%;
}
#newsArea div:last-child {/*記事*/
    width: 100%;
    margin-top: 20px;
}

#newsArea dl {
    padding-bottom: 10px;
    display: block;
}
#newsArea dt {
    width: auto;
    font-size: 14px;
}
#newsArea dd {
    width: auto;
    font-size: 15px;
}

    
/*=============================================================
btnLinkArea
=============================================================*/
#btnLinkArea {
    width: 90%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

/* grid
-------------------------------------------------------------*/
#btnLinkArea .parent {
display: block;
}


/*div*/
#btnLinkArea .parent div {
    position: relative;
    margin-top: 32px;
}
#btnLinkArea .parent div:first-child {
    margin-top: 0px;
}
/*a*/
#btnLinkArea .parent div a {
    display: block;
}
/*h2*/
#btnLinkArea h2 {
    display: flex;
    align-items: center;
    position: absolute;
    padding-left: 13px;
    box-sizing: border-box;
    top: 15px;
    width: 100%;
    font-size: clamp(20px, 5.3vw, 80px);
    color: #fff;
    z-index: 100;
    letter-spacing: 0.1em;
    font-weight: 900;
}
#btnLinkArea h2 strong {/*text*/
    margin-right: 10px;
}
#btnLinkArea h2 span {/*arrow*/
    display: block;
    width: 12.8%;
}

/*h3*/
#btnLinkArea h3 {
    position: absolute;
    padding-left: 10px;
    box-sizing: border-box;
    bottom: 5px;
    font-family: play;
    font-size: clamp(60px, 16.0vw, 160px);
    line-height: 1.0;
    color: #fff;
    opacity: 0.8;
    z-index: 100;
    letter-spacing: -0.02em;
}

/*img*/
#btnLinkArea figure {
    overflow: hidden;
    z-index: 1;
}
#btnLinkArea figure img {
    transition: 0.3s ease;
}
#btnLinkArea a:hover figure img {
    transform: scale(1.1);
    opacity: 0.8;
}


/*text black*/
#btnLinkArea .div3 h2,
#btnLinkArea .div5 h2 {
    color: #000;
}

/*vision*/
#btnLinkArea .div6 h2 {
    display: block;
}
#btnLinkArea .div6 h2 span {
    margin-top: 10px;
}
    
    
    
    
/*///////////////////////////////////////////////////////////*/
/*for SMARTPHONE*/
}/*end*/
/*///////////////////////////////////////////////////////////*/