.topWrap,.aboutWrap,.conceptWrap,.serviceWrap,.recruitWrap,.linkWrap,.newsWrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.topInner,.aboutInner,.conceptInner,.serviceInner,.recruitInner,.linkInner,.newsInner {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center
}

.topWrap {
    margin-top: 0px;
}

/* @media (min-width: 1380px) {
    .topWrap {
        margin-top: 74px;
    }
} */

.topInner {
    max-width: initial;
    width: 100%;
    aspect-ratio: 1440 / 650;
    min-height: 400px
}

.topInner .sliderControl * {
    position: static !important;
    padding: 0 !important
}

.topInner .sliderControl .carousel-item {
    width: 32%;
    margin: 1.2% 0.6% 0;
    display: block;
    opacity: 1;
    padding: 7px !important
}

.topInner .sliderControl .carousel-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.topInner .carousel {
    width: 100%;
    height: 100%;
    min-height: 400px;
    max-height: 100vh
}

.topInner .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 400px;
    max-height: 100vh
}

.topInner .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 400px;
    max-height: 100vh
}

.topInner .carousel-item>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top;
    min-height: 400px;
    max-height: 100vh
}

.topInner .catchX {
    width: 90%;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media (min-width: 1024px) {
    .topInner .catchX {
        transform:translate(-50%, -42%)
    }
}

.topInner .catchX .FVLogX {
    width: 20.625%;
    min-width: 200px
}

.topInner .catchX h1.tit {
    margin-top: 20px;
    text-align: center;
    font: normal 700 18px/36px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #FFF
}

@media (min-width: 768px) {
    .topInner .catchX h1.tit {
        margin-top:40px;
        line-height: 45px;
        font: normal 700 28px/36px 'BIZ UDPMincho', "Noto Serif JP", serif;
    }
}

.topInner .catchX .subTit {
    margin-top: 15px;
    text-align: center;
    letter-spacing: 0.39em;
    font: normal 600 14px/26px "EB Garamond",'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #FFF
}

@media (min-width: 768px) {
    .topInner .catchX .subTit {
        margin-top:20px;
        font: normal 600 20px/26px "EB Garamond",'BIZ UDPMincho', "Noto Serif JP", serif;
    }
}

.aboutWrap {
    padding: 80px 0 180px
}

@media (min-width: 768px) {
    .aboutWrap {
        padding:100px 0 310px
    }
}

@media (min-width: 1024px) {
    .aboutWrap {
        padding:120px 0 100px
    }
}

.aboutInner {
    max-width: initial
}

@media (min-width: 1024px) {
    .aboutInner {
        width:100%
    }
}

.aboutWrap .rowContentsX {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 80px
}

@media (min-width: 1024px) {
    .aboutWrap .rowContentsX {
        flex-direction:row;
        align-items: start;
        column-gap: 6.25%
    }
}

@media (min-width: 1280px) {
    .aboutWrap .rowContentsX {
        column-gap:7.9861111111%
    }
}

.aboutWrap .leftImgX,.aboutWrap .rightImgX {
    position: relative;
    width: 100%;
    aspect-ratio: 329 / 429;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .aboutWrap .leftImgX,.aboutWrap .rightImgX {
        width:22.8472222222%
    }
}

.aboutWrap .leftImgX>img,.aboutWrap .rightImgX>img {
    border-radius: 6px
}

.aboutWrap .leftImgX {
    order: 1
}

@media (min-width: 1024px) {
    .aboutWrap .leftImgX {
        order:0
    }
}

.aboutWrap .leftImgX .smImgX {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 68.6930091185%;
    aspect-ratio: 226 / 191;
    transform: translate(4.4247787611%, 52.3560209424%)
}

@media (min-width: 768px) {
    .aboutWrap .leftImgX .smImgX {
        transform:translate(6.6371681416%, 52.3560209424%)
    }
}

@media (min-width: 1024px) {
    .aboutWrap .leftImgX .smImgX {
        transform:translate(26.5486725664%, 57.5916230366%)
    }
}

.aboutWrap .leftImgX .smImgX img {
    border-radius: 6px
}

.aboutWrap .rightImgX {
    order: 2;
    transform: translateY(23.31002331%)
}

@media (min-width: 1024px) {
    .aboutWrap .rightImgX {
        order:0;
        transform: translateY(39.627039627%)
    }
}

.aboutWrap .textContentsX {
    flex: 1;
    order: 0
}

.aboutWrap .textContentsX .h2TitX .filterTxt {
    transform: translate(-50%, -60%);
    text-align: center;
    white-space: nowrap;
    font-size: 95px;
    line-height: 150px
}

@media (min-width: 768px) {
    .aboutWrap .textContentsX .h2TitX .filterTxt {
        font-size:150px;
        line-height: 196px
    }
}

.aboutWrap .textContentsX h3.underColorTit {
    margin: 60px auto 0;
    font-size: 22px
}

@media (min-width: 768px) {
    .aboutWrap .textContentsX h3.underColorTit {
        font-size:24px;
        line-height: 35px
    }
}

@media (min-width: 1024px) {
    .aboutWrap .textContentsX h3.underColorTit {
        margin:30px auto 0
    }
}

@media (min-width: 1280px) {
    .aboutWrap .textContentsX h3.underColorTit {
        margin:60px auto 0
    }
}

.aboutWrap .textContentsX .desc {
    margin-top: 40px;
    font: normal normal 16px/32px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 1024px) {
    .aboutWrap .textContentsX .desc {
        max-width:550px;
        margin: 20px auto 0;
        font-size: 14px;
        line-height: 26px
    }
}

@media (min-width: 1280px) {
    .aboutWrap .textContentsX .desc {
        margin:40px auto 0;
        font-size: 14px;
        line-height: 32px
    }
}

.aboutWrap .textContentsX .commLink {
    margin: 50px auto 0;
    border: 1px solid #9DC0D4;
    /* background: linear-gradient(180deg, #9DC0D4 0%, #9DC0D4 100%) */
}

.aboutWrap .textContentsX .commLink:hover:after {
    transform-origin: left top;
    transform: scale(1, 1)
}

.aboutWrap .textContentsX .commLink:hover .commLinkTxt {
    /* color: #9DC0D4 */
}

@media (min-width: 1024px) {
    .aboutWrap .textContentsX .commLink {
        margin:40px auto 0
    }
}

@media (min-width: 1280px) {
    .aboutWrap .textContentsX .commLink {
        margin:50px auto 0
    }
}

.conceptWrap {
    padding-bottom: 80px
}

@media (min-width: 768px) {
    .conceptWrap {
        padding-bottom:100px
    }
}

@media (min-width: 1024px) {
    .conceptWrap {
        overflow:visible;
        padding-bottom: 130px
    }
}

.conceptInner {
    max-width: initial
}

@media (min-width: 1024px) {
    .conceptInner {
        margin:0 0 0 auto;
        width: 93.0555555556%
    }
}

@media (min-width: 1280px) {
    .conceptInner {
        width:88.1944444444%
    }
}

.conceptWrap .rowContentsX {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    row-gap: 80px
}

@media (min-width: 1024px) {
    .conceptWrap .rowContentsX {
        flex-direction:row;
        align-items: center;
        column-gap: 7.0866141732%
    }
}

@media (min-width: 768px) {
    .conceptWrap .rowContentsX {
        row-gap:140px
    }
}

.conceptWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .conceptWrap .rowContentsX .imgX {
        aspect-ratio:677 / 405;
        width: 53.3070866142%
    }
}

.conceptWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.conceptWrap .rowContentsX .imgX .smImgX {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40.0295420975%;
    aspect-ratio: 271 / 229;
    transform: translate(-3.6900369004%, 30.5676855895%);
    border-radius: 6px
}

@media (min-width: 768px) {
    .conceptWrap .rowContentsX .imgX .smImgX {
        transform:translate(-7.3800738007%, 37.5545851528%)
    }
}

@media (min-width: 1024px) {
    .conceptWrap .rowContentsX .imgX .smImgX {
        transform:translate(-24.7232472325%, 37.5545851528%)
    }
}

.conceptWrap .rowContentsX .imgX .smImgX img {
    border-radius: 6px
}

.conceptWrap .rowContentsX .textContentsX {
    flex: 1
}

@media (min-width: 768px) {
    .conceptWrap .rowContentsX .textContentsX .h2TitX {
        align-items:start
    }
}

.conceptWrap .rowContentsX .textContentsX .h2TitX .filterTxt {
    transform: translate(-50%, -60%);
    font-size: 95px;
    line-height: 150px
}

@media (min-width: 768px) {
    .conceptWrap .rowContentsX .textContentsX .h2TitX .filterTxt {
        transform:translate(-70%, -60%);
        font-size: 150px;
        line-height: 196px
    }
}

@media (min-width: 1024px) {
    .conceptWrap .rowContentsX .textContentsX .h2TitX .filterTxt {
        transform:translate(-42%, -60%)
    }
}

@media (min-width: 1380px) {
    .conceptWrap .rowContentsX .textContentsX .h2TitX .filterTxt {
        transform:translate(-70%, -60%)
    }
}

.conceptWrap .rowContentsX .textContentsX .underColorTit {
    margin: 40px auto 0;
    letter-spacing: 0.04em;
    font-size: 22px
}

@media (min-width: 768px) {
    .conceptWrap .rowContentsX .textContentsX .underColorTit {
        margin:40px 0 0;
        font-size: 24px;
        line-height: 35px
    }
}

.conceptWrap .rowContentsX .textContentsX .desc {
    margin-top: 40px;
    font: normal normal 14px/30px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.conceptWrap .rowContentsX .textContentsX .commLink {
    margin: 40px auto 0
}

@media (min-width: 1024px) {
    .conceptWrap .rowContentsX .textContentsX .commLink {
        margin:35px 0 0
    }
}

.serviceWrap {
    padding-bottom: 80px
}

@media (min-width: 768px) {
    .serviceWrap {
        padding-bottom:100px
    }
}

.serviceWrap:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 95%;
    background: #DCE5EB
}

.serviceWrap .topImgX {
    position: relative;
    z-index: 2;
    width: 100%;
    aspect-ratio: 1440 / 374;
    min-height: 374px
}

.serviceWrap .topImgX img {
    height: 100%;
    min-height: 374px;
    object-position: 70%;
    -o-object-position: 70%
}

@media (min-width: 1280px) {
    .serviceWrap .topImgX img {
        object-position:0;
        -o-object-position: 0
    }
}

.serviceInner {
    z-index: 10;
    margin-top: -95px;
    max-width: initial;
    background-color: #FFF;
    padding: 60px 0 80px;
    width: 93.0555555556%
}

@media (min-width: 768px) {
    .serviceInner {
        padding:80px 0 100px
    }
}

.serviceWrap .h2TitX .filterTxt {
    transform: translate(-50%, -60%);
    font-size: 100px;
    line-height: 75px
}

@media (min-width: 768px) {
    .serviceWrap .h2TitX .filterTxt {
        font-size:150px;
        line-height: 196px
    }
}

.serviceWrap .rowContentsX {
    width: 90%
}

@media (min-width: 1380px) {
    .serviceWrap .rowContentsX {
        width:87.3134328358%
    }
}

.serviceWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .serviceWrap .rowContentsX .imgX {
        aspect-ratio:643 / 464;
        width: 54.9572649573%
    }
}

.serviceWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.serviceWrap .rowContentsX .textContentsX {
    flex: 1
}

.serviceWrap .rowContentsX .textContentsX .h3TitX {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    row-gap: 4px
}

.serviceWrap .rowContentsX .textContentsX .h3TitX .jpTit {
    letter-spacing: 0.04em;
    font: normal 500 23px/30px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 768px) {
    .serviceWrap .rowContentsX .textContentsX .h3TitX .jpTit {
        font-size:26px;
        line-height: 34px
    }
}

.serviceWrap .rowContentsX .textContentsX .h3TitX .enTit {
    letter-spacing: 0.05em;
    font: normal 500 20px/26px "EB Garamond",'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #9DC0D4
}

.serviceWrap .rowContentsX .textContentsX .desc {
    margin-top: 40px;
    font: normal normal 14px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.serviceWrap .rowContentsX .textContentsX .commLink {
    margin: 50px auto 0;
    width: 300px
}

@media (min-width: 768px) {
    .serviceWrap .rowContentsX .textContentsX .commLink {
        width:420px
    }
}

@media (min-width: 1024px) {
    .serviceWrap .rowContentsX .textContentsX .commLink {
        margin:30px 0 0
    }
}

.serviceWrap .firstRow {
    margin: 70px auto 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .serviceWrap .firstRow {
        flex-direction:row;
        align-items: start;
        column-gap: 7.5213675214%
    }
}

@media (min-width: 1380px) {
    .serviceWrap .firstRow {
        align-items:center;
        transform: translateX(-1.7094017094%)
    }
}

.serviceWrap .secondRow {
    margin: 60px auto 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .serviceWrap .secondRow {
        flex-direction:row;
        align-items: start;
        column-gap: 7.5213675214%
    }
}

@media (min-width: 768px) {
    .serviceWrap .secondRow {
        margin:100px auto 0
    }
}

@media (min-width: 1380px) {
    .serviceWrap .secondRow {
        align-items:center;
        transform: translateX(1.7094017094%)
    }
}

.recruitWrap {
    padding: 80px 0
}

@media (min-width: 768px) {
    .recruitWrap {
        padding:100px 0
    }
}

@media (min-width: 1024px) {
    .recruitWrap {
        padding:100px 0 120px
    }
}

.recruitInner {
    max-width: initial
}

@media (min-width: 1024px) {
    .recruitInner {
        margin:0 auto 0 0;
        width: 93.0555555556%
    }
}

@media (min-width: 1280px) {
    .recruitInner {
        width:88.1944444444%
    }
}

.recruitWrap .rowContentsX {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 80px
}

@media (min-width: 1024px) {
    .recruitWrap .rowContentsX {
        flex-direction:row;
        align-items: start;
        column-gap: 6.2992125984%
    }
}

@media (min-width: 768px) {
    .recruitWrap .rowContentsX {
        row-gap:140px
    }
}

@media (min-width: 1280px) {
    .recruitWrap .rowContentsX {
        column-gap:9.4488188976%
    }
}

.recruitWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .recruitWrap .rowContentsX .imgX {
        aspect-ratio:610 / 464;
        width: 48.031496063%
    }
}

.recruitWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.recruitWrap .rowContentsX .imgX .smImgX {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 46.7213114754%;
    aspect-ratio: 285 / 200;
    border-radius: 6px;
    transform: translate(7.0175438596%, 32.5%)
}

@media (min-width: 1024px) {
    .recruitWrap .rowContentsX .imgX .smImgX {
        transform:translate(14.0350877193%, 32.5%)
    }
}

@media (min-width: 1280px) {
    .recruitWrap .rowContentsX .imgX .smImgX {
        transform:translate(30.8771929825%, 32.5%)
    }
}

.recruitWrap .rowContentsX .imgX .smImgX img {
    height: 100%;
    border-radius: 6px
}

.recruitWrap .rowContentsX .textContentsX {
    flex: 1
}

@media (min-width: 768px) {
    .recruitWrap .rowContentsX .textContentsX .h2TitX {
        align-items:start
    }
}

.recruitWrap .rowContentsX .textContentsX .h2TitX .filterTxt {
    transform: translate(-50%, -60%);
    font-size: 95px;
    line-height: 150px
}

@media (min-width: 768px) {
    .recruitWrap .rowContentsX .textContentsX .h2TitX .filterTxt {
        transform:translate(-75%, -65%);
        font-size: 150px;
        line-height: 196px
    }
}

@media (min-width: 1024px) {
    .recruitWrap .rowContentsX .textContentsX .h2TitX .filterTxt {
        transform:translate(-50%, -65%)
    }
}

@media (min-width: 1380px) {
    .recruitWrap .rowContentsX .textContentsX .h2TitX .filterTxt {
        transform:translate(-55%, -65%)
    }
}

.recruitWrap .rowContentsX .textContentsX .underColorTit {
    margin: 30px auto 0;
    letter-spacing: 0.06em;
    font-size: 16px;
    line-height: 23px;
    display: inline;
}

@media (min-width: 768px) {
    .recruitWrap .rowContentsX .textContentsX .underColorTit {
        margin:30px 0 0;
        font-size: 20px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .recruitWrap .rowContentsX .textContentsX .underColorTit {
        font-size:16px;
        line-height: 28px
    }
}

@media (min-width: 1280px) {
    .recruitWrap .rowContentsX .textContentsX .underColorTit {
        font-size:20px;
        line-height: 32px
    }
}

.recruitWrap .rowContentsX .textContentsX .desc {
    margin-top: 40px;
    font: normal normal 14px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 1024px) {
    .recruitWrap .rowContentsX .textContentsX .desc {
        max-width:496px
    }
}

.recruitWrap .rowContentsX .textContentsX .commLink {
    margin: 40px auto 0
}

@media (min-width: 1024px) {
    .recruitWrap .rowContentsX .textContentsX .commLink {
        margin:40px 0 0
    }
}

.linkWrap {
    padding: 60px 0
}

.linkWrap .backBgc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.linkWrap .backBgc .backImg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top;
    transition: all .4s ease-in-out
}

.linkWrap .imgContentsX {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 40px
}

@media (min-width: 768px) {
    .linkWrap .imgContentsX {
        flex-direction:row;
        column-gap: 1.8181818182%
    }
}

.linkWrap .imgContentsX .imgX {
    position: relative;
    flex: 2;
    border-radius: 6px;
    overflow: hidden
}

.linkWrap .imgContentsX .imgX:hover>img {
    transform: scale(1.1)
}

.linkWrap .imgContentsX .imgX:hover .textX .commLink:after {
    transform-origin: left top;
    transform: scale(1, 1)
}

.linkWrap .imgContentsX .imgX:hover .textX .commLink .commLinkTxt {
    /* color: #9DC0D4 */
}

.linkWrap .imgContentsX .imgX img {
    height: 100%;
    border-radius: 6px
}

.linkWrap .imgContentsX .imgX .textX {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 20px
}

@media (min-width: 1024px) {
    .linkWrap .imgContentsX .imgX .textX {
        transform:translate(-50%, -40%);
        row-gap: 45px
    }
}

.linkWrap .imgContentsX .imgX .textX .h2X {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.linkWrap .imgContentsX .imgX .textX .h2X .filterTxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    letter-spacing: 0.03em;
    font: normal 500 80px/110px "EB Garamond",'BIZ UDPMincho', "Noto Serif JP", serif;
    color: rgba(255,255,255,0.2)
}

@media (min-width: 1024px) {
    .linkWrap .imgContentsX .imgX .textX .h2X .filterTxt {
        transform:translate(-50%, -70%);
        font-size: 100px;
        line-height: 130px
    }
}

.linkWrap .imgContentsX .imgX .textX .h2X .staffFilterTxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    letter-spacing: 0.03em;
    font: normal 500 60px/50px "EB Garamond",'BIZ UDPMincho', "Noto Serif JP", serif;
    color: rgba(255,255,255,0.2)
}

@media (min-width: 1024px) {
    .linkWrap .imgContentsX .imgX .textX .h2X .staffFilterTxt {
        transform:translate(-50%, -60%);
        font-size: 77px;
        line-height: 87px
    }
}

.linkWrap .imgContentsX .imgX .textX .h2X .enTit {
    position: relative;
    z-index: 2;
    letter-spacing: 0;
    white-space: nowrap;
    font: normal 500 32px/42px "EB Garamond",'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #FFF
}

@media (min-width: 1024px) {
    .linkWrap .imgContentsX .imgX .textX .h2X .enTit {
        font-size:50px;
        line-height: 65px
    }
}

.linkWrap .imgContentsX .imgX .textX .h2X .jpTit {
    font: normal 500 18px/26px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #FFF
}

.linkWrap .imgContentsX .imgX .textX .commLink {
    width: 170px;
    height: 40px;
    border: 1px solid #FFF;
    background: linear-gradient(180deg, transparent 0%, transparent 100%)
}

@media (min-width: 1024px) {
    .linkWrap .imgContentsX .imgX .textX .commLink {
        height:55px
    }
}

.linkWrap .imgContentsX .imgX .textX .commLink .commLinkTxt {
    color: #FFF
}

.newsWrap {
    padding: 80px 0
}

@media (min-width: 768px) {
    .newsWrap {
        padding:100px 0
    }
}

.newsInner .h2TitX .filterTxt {
    transform: translate(-50%, -65%);
    text-align: center;
    white-space: nowrap;
    font-size: 120px;
    line-height: 135px
}

@media (min-width: 768px) {
    .newsInner .h2TitX .filterTxt {
        transform:translate(-50%, -60%);
        font-size: 150px;
        line-height: 196px
    }
}

.newsInner .smooth_news {
    position: relative;
    width: 100%;
    margin-top: 60px
}

.newsInner .smooth_news .content section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    row-gap: 30px
}

@media (min-width: 1024px) {
    .newsInner .smooth_news .content section {
        flex-direction:row;
        justify-content: center;
        column-gap: 3.6363636364%
    }
}

.newsInner .smooth_news .content section .news.cf {
    width: 95%;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .newsInner .smooth_news .content section .news.cf {
        margin:0;
        width: 30.9090909091%
    }
}

.newsInner .smooth_news .content section .news.cf:hover .webgene-item-main-image {
    transform: scale(1.1);
    margin: 0 auto;
    transition: all .4s ease-in-out;
    text-decoration: none;
    overflow: hidden;
    border-radius: 6px
}

.newsInner .smooth_news .content section .news.cf .news_img {
    position: relative;
    overflow: hidden;
    transition: all .4s ease-in-out;
    width: 100%;
    aspect-ratio: 340 / 220;
    border-radius: 6px;
    z-index: 1
}

.newsInner .smooth_news .content section .news.cf .news_img .webgene-item-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
    overflow: hidden;
    transition: all .4s ease-in-out;
    border-radius: 6px
}

.newsInner .smooth_news .content section .news.cf .contents .news_detail.mt-2 {
    margin-top: 0 !important
}

.newsInner .smooth_news .content section .news.cf .contents .news_detail.mt-2 .news_inner {
    display: block;
    padding: 24px 0 0
}

.newsInner .smooth_news .content section .news.cf .contents .news_detail.mt-2 .news_inner .newsTit {
    margin-top: 6px;
    font: normal 500 16px/23px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333;
    z-index: 10
}

.newsInner .smooth_news .content section .news.cf .contents .news_detail.mt-2 .news_inner .newsDate {
    letter-spacing: 0.16em;
    font: normal 500 16px/21px "EB Garamond",'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333;
    z-index: 10
}

.newsInner .smooth_news .content section .news.cf .contents .news_detail.mt-2 .news_inner .newsTag {
    text-align: center;
    font: normal 500 14px/28px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333;
    background: #1b1464;
    padding: 5px 15px;
    z-index: 50
}

.newsWrap .commLink {
    margin: 60px auto 0
}

#splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    max-height: 100vh;
    min-height: 100vh;
    background: #2C284E
}

#splashLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38.125%;
    aspect-ratio: 549 / 206;
    min-width: 300px
}

#splashLogo img {
    min-width: 300px
}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.gjs-dashed #splash {
    position: relative
}
.topInner .sliderControl .carousel-inner.gjs-dashed{
    flex-wrap: unset;
}
.topAboutUsImg_new{
    margin-top: 50%;
}
.leftImgX.topAbout.topAbout_new{
    height: auto;
}
.topAbout_new .commonImg.topAboutUsImg{
    width: 100%;
    max-height: 270px;
    aspect-ratio: 329 / 429;
}
@media (max-width: 1023px) {
   .topAboutUsImg_new{
        margin-top: 80px;
    }
    .topAbout_new .commonImg.topAboutUsImg{
        margin-top: 80px;
    }
    .aboutWrap .rowContentsX_new{
        row-gap: 10px;
    }
    .aboutWrap .leftImgX.topAbout_new{
        aspect-ratio: auto;
    }
}

/*# sourceMappingURL=top.css.map */