@charset "utf-8";

html {
    height: -webkit-fill-available;
}

/* PC */

#header #mv {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    /* overflow: hidden; */

    /* 44px は iPhone のツールバーの高さです */
}

#header #mv .slide {
    width: 100%;
}

.video.photo {
    position: fixed;
    z-index: -1;
    width: 100%;
    /* height: 100vh; */
}

.video.photo div {
    /* width: 100%; */
    /* height: 100vh; */
    /* background-size: cover; */
    /* background-position: center center; */
}

.video.photo div img {
    width: 100%;
}

.video.photo div img.mask {
    filter: brightness(90%);
    z-index: 10;
    opacity: 0.6;
}

.video.photo div img.bg {
    z-index: 1;
}

.video.photo .photo1 {
    /* background-image: url(/wp-content/themes/d-quest/images/dqg-top_pc.jpg); */
    background-color: #043C78;
}

/**/

.video.photo div svg {
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -624px;
    margin-top: -156px;
}


#video-area {
    position: fixed;
    z-index: -1;
    /*最背面に設定*/
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh;
    /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw;
    /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

.mask {
    mask-image: url('/wp-content/themes/d-quest/images/logo.png');
    -webkit-mask-image: url('/wp-content/themes/d-quest/images/logo.png');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: -36px 135px;
    mask-position: center center;
    mask-size: 100% auto;
    -webkit-mask-size: 107%;
}

#header .catch1,
#header .catch2 {
    position: absolute;
}

#header .catch2 div {
    /* width: 83%; */
    /* max-width: 1600px; */
    margin: 0 auto;
    font-weight: 700;
    font-size: 80px;
    line-height: 1.35;
    text-align: left;
    color: #fff;
    text-indent: 0;
}

#header .catch1 {
    color: #fff;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-left: -7px;
    font-size: 3.9rem;
    line-height: 1.6;
    font-weight: 700;
    z-index: 2;
}

#header .catch1 span {
    /* margin-left: 45px; */
    letter-spacing: 0.4px;
    font-weight: 700;
    letter-spacing: 0.4px;
    font-size: 40px;
    font-family: 'Lato', sans-serif;
}

#header .catch2 {
    top: 50%;
    margin-top: -108px;
    width: 100%;
    padding: 0 0 0 12vw;
}

@media screen and (max-width:1840px) {
    #header .catch2 {
        font-size: 80px;
    }
}

#header .catch2 span {
    /* padding-left: 0.2em; */
    font-weight: 700;
}

#header .catch2 img {
    width: 100%;
}

#header .btn-contact {
    display: flex !important;
    position: absolute;
    bottom: 59px;
    right: 60px;
    width: 190px;
    height: 55px;
    border-radius: 27.5px;
    background: #fff;
    box-shadow: 0px 3px 20px rgba(7, 74, 160, 0.3);
    align-items: center;
    justify-content: center;
}

#header .btn-contact span {
    font-family: 'Manrope', sans-serif;
    line-height: 1;
    padding-right: 21px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #043c78;
    position: relative;
    top: -1px;
}

#header .btn-contact span::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.807%22%20height%3D%2211.115%22%20viewBox%3D%220%200%2012.807%2011.115%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-452.75%20-6048.443)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%225.28%22%20y2%3D%224.5%22%20transform%3D%22translate(459.22%206049.5)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_4%22%20data-name%3D%22%E7%B7%9A%204%22%20x1%3D%225.28%22%20y2%3D%224.5%22%20transform%3D%22translate(459.22%206054)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x1%3D%229.9%22%20transform%3D%22translate(453.5%206054)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    width: 13px;
    height: 11px;
    display: block;
    position: absolute;
    top: 4px;
    right: -1px;
}

#header #scr {
    display: block;
    width: 44px;
    height: 93px;
    background-image: url(/wp-content/themes/d-quest/images/btn_scr.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -22px;
    z-index: 100;
    transition: 0.3s;
}

#header #scr:hover {
    /* bottom: -10px; */
}

#header #mv #scr::before {
    content: "";
    animation: elasticus 1.5s cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 40px;
    background: #fff;
}

@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

.bg-gray {
    padding-left: 60px;
    padding-bottom: 60px;
}

#main {
    width: 100%;
    position: relative;
    z-index: 2;
    /* background-color: #fff; */
}

#mainInnner {
    /* background-color: #fff; */
}

/* #main #preface {
        margin-bottom: 60px;
        position: relative;
        z-index: 100;
    }

    #main #preface .block-r {
        width: 100%;
        background-color: #fff;
        padding: 90px 20px 95px 40px;
    }

    #main #preface .text {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        padding-right: 60px;
        font-size: 2.2rem;
        font-weight: 600;
        line-height: 2.0;
        letter-spacing: 0.025em;
    } */

#main #preface {
    padding-top: 120px;
    padding-bottom: 0;
    background-color: #fff;
}

#main #preface img {
    width: 100%;
}

#main #preface .contents-inner {
    max-width: 2190px;
    margin: 0 auto;
    padding: 0 10vw;
}

#main #preface .contents-inner .block-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#main #preface .contents-inner .block-con .text-con {
    /* max-width: 620px; */
    /* width: 820px; */
    width: 50%;
    margin-top: 0;
    /* padding-right: 80px; */
}

#main #preface .contents-inner .block-con .text-con .title {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #000;
    font-family: 'Manrope', sans-serif;
}

#main #preface .contents-inner .block-con .text-con .catch {
    /* width: 560px; */
    margin: 15px 0 0 0px;
    font-family: Manrope;
    font-weight: 800;
    font-size: 68px;
    letter-spacing: -0.035em;
    line-height: 1.1;
    text-align: left;
    /* color: #000; */
    color: transparent;
    display: inline-block;
    position: relative;
    left: -3px;
    background-image: linear-gradient(90deg, #E5869F, #043C78);
    -webkit-background-clip: text;
    /* white-space: nowrap; */
}

#main #preface .contents-inner .block-con .text-con .text-con-text {
    margin: 28px 0 0;
    font-family: "Noto Sans JP";
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #000;
    /* max-width: 550px; */
    padding-right: 110px;
}

#main #preface .contents-inner .block-con .photo-con {
    position: relative;
    /* max-width: 600px; */
    /* width: calc(100% - 900px); */
    width: calc(50% - 40px);
    padding-right: 40px;
}

#main #preface .contents-inner .block-con .photo-con img {
    position: relative;
    /* margin-top: -182px; */
    /* right: -40px; */
}

#main #cts {
    margin: 0;
}

#main #cts .cts-inner {
    margin-bottom: 100px;
    /* max-width: 1500px; */
    margin: 119px auto;
}

#main #cts .block-cts {
    width: 100%;
    margin-top: 120px;
    /* position: relative; */
    /* overflow: hidden; */
}

#main #cts .block-cts.block-cts2 {
    /* overflow: inherit; */
    height: inherit;
}

#main #cts .block-cts-main {
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 78px;
}

#main #cts .block-cts-main .block-cts:first-child {
    margin-top: 0;
}

#main #cts .block-cts .block {
    position: relative;
    /* min-height: 547px; */
    height: inherit !important;
}

#main #cts .block-cts .block.cts-r {}

#main #cts .block-cts .block.cts-r2 {
    height: inherit !important;
    display: block;
}

#main #cts .block-cts .block.cts-r2 .text-wrap {
    margin: 0 auto;
    height: inherit !important;
    position: relative;
    z-index: 10;
    /* max-width: 1500px; */
    /* display: flex; */
    align-items: flex-start;
}

#main #cts .cts-inner .block-cts {
    /* height: 37.1vw !important; */
    margin-top: 120px;
}

#main #cts .cts-inner .block-cts:nth-child(2) {}

#main #cts .cts-inner .block-cts:nth-child(3) {}

#main #cts .cts-inner .block-cts:nth-child(4) {
    /* margin-top: 123px; */
}

#main #cts .block-cts .block .photo {
    width: 50%;
    height: 35vw;
    /* max-width: 1200px; */
    position: absolute;
    overflow: hidden;
    background-position: center center;
    z-index: 10;
}

#main #cts .block-cts .block .photo.boxR:after {
    right: 0;
}

#main #cts .block-cts .block .photo.boxRm:after {
    transition-delay: 0.5s;
    right: -100%;
}

#main #cts .block-cts .cts-l .photo {
    left: 0px;
}

#main #cts .block-cts .cts-r .photo {
    right: 0;
}

#main #cts .block-cts .cts-r2 .photo {
    top: 0;
    right: 0;
    width: 100%;
    max-width: inherit;
    height: 45.4vw;
    /* max-height: 700px; */
    z-index: 1;
    position: relative;
}

#main #cts .block-cts .cts-r2 .photo .imgWrap {
    overflow: hidden;
}

#main #cts .block-cts .block .photo1 .imgWrap {
    background-image: url(/wp-content/themes/d-quest/images/top_photo_sp_1.jpg);
}

#main #cts .block-cts .block .photo2 {
    /*background-image: url(/wp-content/themes/d-quest/images/top_photo_sp_2.jpg);*/
}

#main #cts .block-cts .block .photo3 {
    /*background-image: url(/wp-content/themes/d-quest/images/top_photo_sp_3.jpg);*/
}

#main #cts .block-cts .block .photo4 {
    /*background-image: url(/wp-content/themes/d-quest/images/top_photo_sp_4.jpg);*/
}

#main #cts .block-cts .block .photo5 {
    /*background-image: url(/wp-content/themes/d-quest/images/top_photo_sp_5.jpg);*/
}

#main #cts .block-cts .block .photo6 {
    /*background-image: url(/wp-content/themes/d-quest/images/top_photo_sp_2.jpg);*/
}

#main #cts .block-cts .block .photo7 {
    /*background-image: url(/wp-content/themes/d-quest/images/top_photo_sp_7.jpg);*/
}

#main #cts .block-cts .block .photo .imgWrap {
    height: 100%;
    width: 100%;
    position: relative;
}

#main #cts .block-cts .block .bg_scroll,
#main #cts .block-cts .block .bg_scroll2,
#main #cts .block-cts .block .bg_scroll3,
#main #cts .block-cts .block .bg_scroll7 {
    position: absolute;
    transition: top 0.4s ease-out;
}

#main #cts .block-cts .block .text {
    max-width: 950px;
    /* background-color: #fff; */
    position: absolute;
    top: 62px;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 60px;
    /* overflow: hidden; */
}

#main #cts .block-cts .cts-l .text {
    left: 50%;
    /* min-height: 520px; */
    margin-left: 160px;
    padding-right: 10vw;
    padding-left: 0;
}

#main #cts .block-cts:nth-child(3) .cts-l .text {}

#main #cts .block-cts .cts-r .text {
    /* top: 95px; */
    right: 50%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 160px;
    padding-left: 150px;
    width: 50%;
    max-width: 1000px;
}

#main #cts .block-cts:nth-child(4) .cts-r .text {}

#main #cts .block-cts .cts-r2 .text {
    width: inherit;
    max-width: 2190px;
    margin: 0 auto;
    padding: 26px 10vw 0;
    top: 0;
    right: inherit;
    position: relative;
    background-color: #fff;
    display: flex;
}

#main #cts .block-cts .cts-r2 .text .fade {
    max-width: 850px
}


#main #cts .block-cts .block.cts-r2 .text-b {
    width: 100%;
    max-width: 1843px;
    margin: 0 auto;
    padding: 0;
}

#main #cts .block-cts .block.cts-r2 .text-b .fade {
    width: 100%;
    max-width: inherit;
    padding: 0;
}

#main #cts .block-cts .block.cts-r2 .text-b h3 {
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    color: #043c78;
}

#main #cts .block-cts .block.cts-r2 .text-b .text-head {
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    color: #000;
    margin-top: 20px;
}

#main #cts .block-cts .block.cts-r2 .text-b .img {
    max-width: inherit;
    margin: inherit;
    margin-top: 17px;
    padding: 0 50px;
}

#main #cts .block-cts .block.cts-r2 .text-b .img ul {
    display: block;
    display: flex;
    gap: 20px 0;
    justify-content: space-between;
    flex-wrap: wrap;
}

#main #cts .block-cts .block.cts-r2 .text-b .img ul li {
//    width: calc(16.666% - 37px);
//    text-align: center;
//    margin-top: 30px;
//    margin-right: 44px;
	max-width: 250px;
}

#main #cts .block-cts .block.cts-r2 .text-b .img ul li img {
    max-width: 250px;
}

#main #cts .block-cts .block.cts-r2 .text-b .img ul li:nth-child(6n) {
    margin-right: 0px;
}


#main #cts .block-cts:nth-child(2) .block .text {
    top: 95px;
}

#main #cts .block-cts .cts-r .text .fade {
    max-width: 850px;
    padding-right: 0;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.parallax-slider {
    /*        top: 0;
        left: 0;*/
    /*display: none;*/
}

#main #cts .block-cts .block .text h3 {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1;
    color: #000;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: bold;
    font-size: 35px;
    line-height: 1.3;
    text-align: left;
    color: #043c78;
}

#main #cts .block-cts .block .text h3.type2 {
    font-weight: bold;
    font-size: 40px;
    line-height: 35px;
    text-align: left;
    color: #043c78;
}

#main #cts .block-cts .block .text h3 span {
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    color: #000;
    display: block;
    margin-bottom: 7px;
}

#main #cts .block-cts .block .text h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: #aa2f2f;
    opacity: 0;
}

#main #cts .block-cts .block .text .text-head {
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0.03em;
    line-height: 36.74px;
    text-align: left;
    color: #000;
    margin-top: 30px;
    letter-spacing: 0.025em;
}

#main #cts .block-cts .block .text .text-body {
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #000;
    margin-top: 22px;
    /* max-width: 500px; */
}

#main #cts .block-cts .block .text .btn-more {
    display: inline-block;
    margin-top: 37px;
    padding: 14px 67px 14px 0;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #000;
    width: inherit;
    border-radius: 3px;
    position: relative;
    transition-duration: .3s;
}

#main #cts .block-cts .block .text .btn-more::before {
    /* content: ""; */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.606%22%20height%3D%2210.112%22%20viewBox%3D%220%200%2018.606%2010.112%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-446.75%20-6048.444)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%224.8%22%20y2%3D%224%22%20transform%3D%22translate(459.5%206049.5)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_4%22%20data-name%3D%22%E7%B7%9A%204%22%20x1%3D%224.8%22%20y2%3D%224%22%20transform%3D%22translate(459.5%206053.5)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x1%3D%2215%22%20transform%3D%22translate(447.5%206053.5)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    position: absolute;
    top: 19px;
    right: 13px;
    width: 19px;
    height: 10px;
}

#main #cts .block-cts .block .text .btn-more::after {
    /* content: ""; */
    border: solid 1px #D6D6D6;
    border-radius: 50px;
    position: absolute;
    top: -1px;
    right: -2px;
    width: 50px;
    height: 50px;
}

#main #cts .block-cts .block .text .btn-more:hover {
    /* padding-right: 87px; */
    /* transition-duration: .3s; */
    left: -10px;
}

#main #cts .block-cts .block .text .btn-more:hover::before {
    top: 18px;
    right: 24px;
}

#main #cts .block-cts .block .text .btn-more:hover::after {
    width: 70px;
    height: 70px;
    border: solid 2px #043C78;
    top: -11px;
}

#main #cts .block-cts .block .text .btn-more span.a {
    display: block;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%229%22%20viewBox%3D%220%200%2036%209%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22mask%22%20width%3D%2218%22%20height%3D%229%22%20transform%3D%22translate(447%206046.614)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_55%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2055%22%20transform%3D%22translate(-277%20-3121)%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-170%20-2925.614)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22arrow02%22%20d%3D%22M-618.526%2C2245.244a.693.693%2C0%2C0%2C1%2C.095-1l3.155-2.533h-14.486a.725.725%2C0%2C0%2C1-.738-.71.725.725%2C0%2C0%2C1%2C.738-.711h14.486l-3.155-2.533a.691.691%2C0%2C0%2C1-.095-1%2C.757.757%2C0%2C0%2C1%2C1.039-.091l4.721%2C3.789.005%2C0h0l.012.01%2C0%2C0%2C.01.009.005%2C0%2C.009.008.006.006.007.007.007.007%2C0%2C0%2C.023.026.021.025h0l.01.013h0l.01.013v0a.69.69%2C0%2C0%2C1%2C.127.37h0c0%2C.005%2C0%2C.01%2C0%2C.015s0%2C0%2C0%2C.006v.02s0%2C0%2C0%2C.005%2C0%2C.01%2C0%2C.015h0a.691.691%2C0%2C0%2C1-.127.37h0l-.01.014h0l-.01.013h0l-.021.025a.724.724%2C0%2C0%2C1-.1.1l-4.711%2C3.781a.753.753%2C0%2C0%2C1-.472.164A.75.75%2C0%2C0%2C1-618.526%2C2245.244Z%22%20transform%3D%22translate(1041.5%203810.115)%22%20fill%3D%22%23043c78%22%2F%3E%20%3Cpath%20id%3D%22arrow01%22%20d%3D%22M-618.526%2C2245.244a.693.693%2C0%2C0%2C1%2C.095-1l3.155-2.533h-14.486a.725.725%2C0%2C0%2C1-.738-.71.725.725%2C0%2C0%2C1%2C.738-.711h14.486l-3.155-2.533a.691.691%2C0%2C0%2C1-.095-1%2C.757.757%2C0%2C0%2C1%2C1.039-.091l4.721%2C3.789.005%2C0h0l.012.01%2C0%2C0%2C.01.009.005%2C0%2C.009.008.006.006.007.007.007.007%2C0%2C0%2C.023.026.021.025h0l.01.013h0l.01.013v0a.69.69%2C0%2C0%2C1%2C.127.37h0c0%2C.005%2C0%2C.01%2C0%2C.015s0%2C0%2C0%2C.006v.02s0%2C0%2C0%2C.005%2C0%2C.01%2C0%2C.015h0a.691.691%2C0%2C0%2C1-.127.37h0l-.01.014h0l-.01.013h0l-.021.025a.724.724%2C0%2C0%2C1-.1.1l-4.711%2C3.781a.753.753%2C0%2C0%2C1-.472.164A.75.75%2C0%2C0%2C1-618.526%2C2245.244Z%22%20transform%3D%22translate(1077.5%203810.115)%22%20fill%3D%22%23043c78%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026%22%20width%3D%2218%22%20height%3D%229%22%20transform%3D%22translate(295%203121)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: 36px 9px;
    position: absolute;
    top: 19px;
    width: 18px;
    height: 9px;
    left: 127px;
    overflow: hidden;
    /* animation: bg2 .3s linear; */
    background-position: 0px 0px;
    transition: 0.3s;
}

#main #cts .block-cts .block .text .btn-more span.b {
    display: block;
    border: solid 1px #D6D6D6;
    border-radius: 50px;
    position: absolute;
    top: -1px;
    width: 50px;
    height: 50px;
    left: 111px;
    transition: 0.3s;
}

#main #cts .block-cts .block .text .btn-more:hover span.a {
    top: 19px;
    left: 137px;
    background-position: 36px 0px;
}

#main #cts .block-cts .block .text .btn-more:hover span.b {
    width: 70px;
    height: 70px;
    border: solid 1px #043C78;
    top: -11px;
}

#main #cts .block-cts .block .text .fade {
    /*        position: relative;
        left: -500px;
        opacity: 0;
        transition: 0.5s;
        transition-delay:0.2s;
        transition-timing-function:ease;*/
    position: relative;
    transition: 0.5s;
    opacity: 0;
}

#main #cts .block-cts .block .text .fade h3 {
    transition-delay: 0.15s;

}

#main #cts .block-cts .cts-r2 .text .fade {
    padding-right: 0;
    max-width: inherit;
    display: flex;
}

#main #cts .block-cts .cts-r2 .text .fade h3 {
    width: 290px;
    margin-top: 4px;
}

#main #cts .block-cts .cts-r2 .text .fade>div {
    width: calc(100% - 290px);
    margin-top: 0px;
}

#main #cts .block-cts .cts-r2 .text .fade>div .text-head {
    margin-top: 0;
}

#main #cts .block-cts .cts-r2 .text .fade>div .text-body {
    margin-top: 14px;
}

#main #cts .block-cts .block .text .fade .text-head,
#main #cts .block-cts .block .text .fade .text-body {
    transition-delay: 0.3s;

}

#main #cts .block-cts .cts-r2 .btn-more2 {
    margin-top: 27px;
}

#main #cts .block-cts .block .text .fade .btn-more {
    transition-delay: 0.0s;
}

#main #cts .block-cts-main .block-cts .block:nth-child(2) .text .fade {
    transition-delay: 0.0s;
}

#main #cts .block-cts .block .text .anime {
    opacity: 1;
    left: 0;
    bottom: 0;
}


#main #cts .block-cts .block .text-b {
    width: 50%;
    /* max-width: 702px; */
    margin-top: 13.6vw;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    padding-right: 10vw;
}

#main #cts .block-cts .block .text-b .fade {
    max-width: 850px;
    padding-left: 150px;
}

#main #cts .block-cts .block .text-b h3 {
    font-weight: bold;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    color: #043c78;
}

#main #cts .block-cts .block .text-b .text-head {
    font-weight: normal;
    font-size: 14px;
    line-height: 19.6px;
    text-align: center;
    color: #000;
    margin: 6px 0 0;
}

#main #cts .block-cts .block .text-b .img {
    max-width: 710px;
    margin: 25px auto 0;
}

#main #cts .block-cts .block .text-b .img img {
    width: 100%;
}

#main #cts .block-cts .block .text h3.type2 span {
    margin-bottom: 15px;
}

#main #cts .block-cts .block .text .test-sub {

    font-weight: normal;

    font-size: 16px;

    line-height: 35px;

    text-align: left;

    color: #043c78;

    margin-top: 4px;
}

#main #cts .block-cts .block .text .test-sub+.text-head {

    margin-top: 22px;
}

#main #cts .big-text {
    font-family: Manrope;
    font-weight: bold;
    font-size: 140px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #d9e4f2;
    white-space: nowrap;
    position: relative;
    /* left: 12%; */
    line-height: 1;
    margin: 0;
    animation: home-service-rail 30s linear 0s infinite normal;
    animation-play-state: running;
}

@keyframes home-service-rail {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

#main #cts .n-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

#main #cts .n-wrap .n-news {
    order: 2;
    background-color: #fff;
}

#main #cts .n-wrap .n-topics {
    order: 1;
}

.ft-link {
    display: flex;
    padding: 118px 0 0;
    background-color: #fff;
}

.ft-link img {
    width: 100%;
    position: relative;
    transition: 0.3s;
}

.ft-link a {
    width: 33.333%;
    display: block;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}

.ft-link a:before {
    content: "";
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 0px;
    display: block;
    background-color: #031832;
    transition-duration: .3s;
}

.ft-link a:hover:before {
    height: 5px;

}

.ft-link a h3 {
    position: absolute;
    left: 40px;
    bottom: 65px;
    font-weight: bold;
    font-size: 32px;
    line-height: 35px;
    text-align: left;
    color: #fff;
}

.ft-link a h3 span {
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    color: #fff;
    display: block;
    margin-bottom: 15px;
}

.ft-link a:hover {
    opacity: 1;
    transition: 0.3s;
    overflow: hidden;
}

.ft-link a:hover img {
    transform: scale(1.1);
}

#main #topics-multicolumn {
    /* min-height: 1140px; */
    margin-top: 0;
    /* background-image: url(/wp-content/themes/d-quest/images/topics_bg.png); */
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 108px 0 40px;
}

#main #topics-multicolumn {
    content: "";
    background-color: rgb(0 0 0 / 30%);
}

#main #topics-multicolumn {
    padding-top: 110px;
    padding-bottom: 288px;
}

#main #topics-multicolumn h2 {
    margin-bottom: 48px;
    font-family: Manrope;
    font-weight: 800;
    font-size: 45px;
    text-align: left;
    color: #fff;
    margin-left: 0;
}

#main #topics-multicolumn .contents-inner {
    width: 100%;
    padding: 0;
    max-width: 1500px;
    margin: 0 auto;
    padding-bottom: 94px;
    position: relative;
}

#main #topics-multicolumn .no-masonry {
    margin: 0 auto;
    padding: 0;
    margin-left: 0;
    display: flex;
    align-items: flex-start;
    overflow: inherit;
}

#main #topics-multicolumn .no-masonry .item {
    /* width: 450px; */
    /* float: left; */
    margin-bottom: 0;
    overflow: hidden;
    margin-right: 30px;
}

#main #topics-multicolumn .no-masonry .item .item-inner {
    position: relative;
}

#main #topics-multicolumn .no-masonry .item a {
    width: 100%;
    height: 100%;
    display: block;
    /* position: absolute; */
    top: 0;
    left: 0;
    z-index: 100;
    display: block;
    overflow: hidden;
}

#main #topics-multicolumn .no-masonry .item .tag,
#main #topics-multicolumn .no-masonry .item .title {
    /* position: absolute; */
    color: #fff;
}

#main #topics-multicolumn .no-masonry .item .tag {
    top: 0;
    right: 0;
    background-color: transparent;
    padding: 0;
    z-index: 10;
    margin-top: 19px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    text-align: left;
    color: #fff;
}

#main #topics-multicolumn .no-masonry .item .title {
    width: 100%;
    left: 0;
    bottom: 0;
    background: transparent;
    padding: 0;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.6;
    /* letter-spacing: 0; */
    z-index: 10;
    margin-top: -2px;
}

#main #topics-multicolumn .no-masonry .item .date {
    left: 20px;
    bottom: 5px;
    z-index: 10;
    margin-top: 21px;
    font-family: Manrope;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: left;
    color: #fff;
}

#main #topics-multicolumn .no-masonry .item .photo {
    position: relative;
    z-index: 1;
    width: auto;
    left: 0;
    margin-left: 0;
}

#main #topics-multicolumn .no-masonry .item .photo .photoInner {
    /* width: 170%; */
    /* margin: 0 -50%; */
    text-align: center;
    transition: 0.3s;
}

#main #topics-multicolumn .no-masonry .item .photo img {
    height: 278px;
    /* width: auto; */
    transition: 0.3s;
}

#main #topics-multicolumn .no-masonry .item:nth-child(1) .photo,
#main #topics-multicolumn .no-masonry .item:nth-child(4) .photo {
    /* margin-left: -426px; */
}

#main #topics-multicolumn .no-masonry .item:nth-child(1) .photo img,
#main #topics-multicolumn .no-masonry .item:nth-child(4) .photo img {
    /* height: 284px; */
}


#main #topics-multicolumn .no-masonry .item .item-inner:hover {}

#main #topics-multicolumn .no-masonry .item .item-inner:hover a {
    opacity: 1;
}

#main #topics-multicolumn .no-masonry .item .item-inner:hover a .photo {
    /* display: block; */
    /* overflow: hidden; */
    /* width: calc(100% - 10px); */
    /* height: 268px; */
    /* margin-bottom: 10px; */
}

#main #topics-multicolumn .no-masonry .item .item-inner:hover a .photo .photoInner {
    /* display: block; */
    overflow: hidden;
    /* width: calc(100% - 10px); */
    /* height: 268px; */
    /* margin-bottom: 10px; */
    position: relative;
    /* top: -5px; */
    /* left: -5px; */
}

#main #topics-multicolumn .no-masonry .item .item-inner:hover a img {
    transform: scale(1.1);
}


#main #topics-multicolumn .btn-more-wrap {
    position: absolute;
    right: 0;
    top: 18px;
}


#main #topics-multicolumn .btn-more {
    display: inline-block;
    margin-top: 0;
    padding: 14px 48px 14px 0;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #fff;
    width: inherit;
    border-radius: 3px;
    position: relative;
}

#main #topics-multicolumn .btn-more::before {
    /* content: ""; */
    position: absolute;
    top: 21px;
    right: 10px;
    width: 14px;
    height: 8px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.566%22%20height%3D%227.712%22%20viewBox%3D%220%200%2013.566%207.712%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(0.75%201.056)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223.36%22%20y2%3D%222.8%22%20transform%3D%22translate(8.4)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_4%22%20data-name%3D%22%E7%B7%9A%204%22%20x1%3D%223.36%22%20y2%3D%222.8%22%20transform%3D%22translate(8.4%202.8)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x1%3D%2210.5%22%20transform%3D%22translate(0%202.8)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}

#main #topics-multicolumn .btn-more::after {
    /* content: ""; */
    border: solid 1px #D6D6D6;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    right: 0;
    width: 35px;
    height: 35px;
}






#main #topics-multicolumn .btn-more:hover {
    transition-duration: .3s;
    left: -10px;
    opacity: 1;
}

#main #topics-multicolumn .btn-more span.a {
    display: block;
    position: absolute;
    top: 22px;
    width: 11px;
    height: 6px;
    left: 118px;
    overflow: hidden;
    /* animation: bg2 .3s linear; */
    background-position: 0px 0px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%226.002%22%20viewBox%3D%220%200%2022%206.002%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22mask%22%20width%3D%2212%22%20height%3D%226%22%20transform%3D%22translate(447%206046.614)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_55%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2055%22%20transform%3D%22translate(-1628%20-7809)%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(1181%201762.388)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22arrow02%22%20d%3D%22M-622.517%2C2242.329a.461.461%2C0%2C0%2C1%2C.063-.667l2.1-1.689h-9.658a.483.483%2C0%2C0%2C1-.492-.474.483.483%2C0%2C0%2C1%2C.492-.474h9.658l-2.1-1.689a.461.461%2C0%2C0%2C1-.063-.667.5.5%2C0%2C0%2C1%2C.693-.061l3.147%2C2.526%2C0%2C0h0l.008.007%2C0%2C0%2C.007.006%2C0%2C0%2C.006.005%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C.016.017.014.017h0l.007.009h0l.006.009h0a.459.459%2C0%2C0%2C1%2C.085.247h0s0%2C.007%2C0%2C.01a.031.031%2C0%2C0%2C0%2C0%2C0v.013a.023.023%2C0%2C0%2C0%2C0%2C0s0%2C.007%2C0%2C.01h0a.459.459%2C0%2C0%2C1-.085.247h0l-.007.009h0l-.007.009h0l-.014.017a.492.492%2C0%2C0%2C1-.07.066l-3.141%2C2.521a.5.5%2C0%2C0%2C1-.315.109A.5.5%2C0%2C0%2C1-622.517%2C2242.329Z%22%20transform%3D%22translate(1077.5%203810.115)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22arrow01%22%20d%3D%22M-622.517%2C2242.329a.461.461%2C0%2C0%2C1%2C.063-.667l2.1-1.689h-9.658a.483.483%2C0%2C0%2C1-.492-.474.483.483%2C0%2C0%2C1%2C.492-.474h9.658l-2.1-1.689a.461.461%2C0%2C0%2C1-.063-.667.5.5%2C0%2C0%2C1%2C.693-.061l3.147%2C2.526%2C0%2C0h0l.008.007%2C0%2C0%2C.007.006%2C0%2C0%2C.006.005%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C.016.017.014.017h0l.007.009h0l.006.009h0a.459.459%2C0%2C0%2C1%2C.085.247h0s0%2C.007%2C0%2C.01a.031.031%2C0%2C0%2C0%2C0%2C0v.013a.023.023%2C0%2C0%2C0%2C0%2C0s0%2C.007%2C0%2C.01h0a.459.459%2C0%2C0%2C1-.085.247h0l-.007.009h0l-.007.009h0l-.014.017a.492.492%2C0%2C0%2C1-.07.066l-3.141%2C2.521a.5.5%2C0%2C0%2C1-.315.109A.5.5%2C0%2C0%2C1-622.517%2C2242.329Z%22%20transform%3D%22translate(1101.5%203810.115)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026%22%20width%3D%2210%22%20height%3D%226%22%20transform%3D%22translate(1640%207809)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    transition: 0.3s;
}

#main #topics-multicolumn .btn-more span.b {
    display: block;
    border: solid 1px #D6D6D6;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    width: 35px;
    height: 35px;
    right: 0;
    transition: 0.3s;
}

#main #topics-multicolumn .btn-more:hover span.a {
    /* top: 19px; */
    /* left: 137px; */
    background-position: 22px 0px;
    left: 128px;
}

#main #topics-multicolumn .btn-more:hover span.b {
    width: 55px;
    height: 55px;
    border: solid 1px #fff;
    top: -2px;
}

/* 通常 */
#main #cts .block-cts .block .text .btn-more {
    /* overflow: hidden; */
    /* position: relative; */
    /* z-index: 1; */
    display: inline-block;
    /* transition: 0.3s; */
    display: block;
}

#main #cts .block-cts .block .text .btn-more:before,
#main #cts .block-cts .block .text .btn-more:after {
    /* background: #ffffff; */
    /* content: ""; */
    /* height: 100%; */
    /* left: -135%; */
    /* position: absolute; */
    /* top: 0; */
    /* transition: left .3s; */
    /* width: 100%; */
    /* z-index: -1; */
}

#main #cts .block-cts .block .text .btn-more:after {
    /* margin: 0 0 0 22px; */
    /* transform: skewX(-45deg); */
}

/* マウスオーバー */
#main #cts .block-cts .block .text .btn-more.hover {
    color: #031832;
    opacity: 1.0;
}

#main #cts .block-cts .block .text .btn-more.hover:after,
#main #cts .block-cts .block .text .btn-more.hover:before {
    /* left: 0; */
}

/* マウスオーバー */

#main #cts .block-cts-2col {
    max-width: 1700px;
    margin: 157px auto 0;
    padding: 0 100px;
}



#main #news {}

#main #news .contents-inner {
    max-width: 1500px;
    margin: -206px auto 0;
    padding: 79px 80px 0 80px;
    background-color: #fff;
    display: flex;
}

#main #news .link-list {
    display: block;
    text-align: left;
    margin-top: 43px;
    margin-left: 2px;
    position: relative;
    right: 0;
    top: 0;
}

#main #news .link-list-customers {
    display: block;
    text-align: right;
    /* margin-bottom: 16px; */
    /* margin-top: -14px; */
    margin-right: 20px;
    position: absolute;
    right: 0;
    top: -30px;
}

#main #news .link-list a {
    padding: 10px 0;
    position: relative;
    padding-right: 50px;
}

#main #news .link-list span {
    font-family: Manrope;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #000;
}

#main #news .link-list .link-list-customers span {
    position: relative;
    padding-left: 20px;
    font-size: 1.3rem;
}

#main #news .link-list span:before {
    /* content: ""; */
    border: solid 1px #D6D6D6;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    right: 6px;
    width: 35px;
    height: 35px;
}

#main #news .link-list span:after {
    /* content: ""; */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.566%22%20height%3D%227.712%22%20viewBox%3D%220%200%2013.566%207.712%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(0.75%201.056)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223.36%22%20y2%3D%222.8%22%20transform%3D%22translate(8.4)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_4%22%20data-name%3D%22%E7%B7%9A%204%22%20x1%3D%223.36%22%20y2%3D%222.8%22%20transform%3D%22translate(8.4%202.8)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x1%3D%2210.5%22%20transform%3D%22translate(0%202.8)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    position: absolute;
    top: 9px;
    right: 16px;
    width: 14px;
    height: 8px;
}

#main #news .link-list .link-list-customers span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 10px;
    height: 10px;
    background-image: url(/wp-content/themes/d-quest/images/icon_list.png);
}



#main #news .link-list span span.a {
    display: block;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%229%22%20viewBox%3D%220%200%2036%209%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22mask%22%20width%3D%2218%22%20height%3D%229%22%20transform%3D%22translate(447%206046.614)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_55%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2055%22%20transform%3D%22translate(-277%20-3121)%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-170%20-2925.614)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22arrow02%22%20d%3D%22M-618.526%2C2245.244a.693.693%2C0%2C0%2C1%2C.095-1l3.155-2.533h-14.486a.725.725%2C0%2C0%2C1-.738-.71.725.725%2C0%2C0%2C1%2C.738-.711h14.486l-3.155-2.533a.691.691%2C0%2C0%2C1-.095-1%2C.757.757%2C0%2C0%2C1%2C1.039-.091l4.721%2C3.789.005%2C0h0l.012.01%2C0%2C0%2C.01.009.005%2C0%2C.009.008.006.006.007.007.007.007%2C0%2C0%2C.023.026.021.025h0l.01.013h0l.01.013v0a.69.69%2C0%2C0%2C1%2C.127.37h0c0%2C.005%2C0%2C.01%2C0%2C.015s0%2C0%2C0%2C.006v.02s0%2C0%2C0%2C.005%2C0%2C.01%2C0%2C.015h0a.691.691%2C0%2C0%2C1-.127.37h0l-.01.014h0l-.01.013h0l-.021.025a.724.724%2C0%2C0%2C1-.1.1l-4.711%2C3.781a.753.753%2C0%2C0%2C1-.472.164A.75.75%2C0%2C0%2C1-618.526%2C2245.244Z%22%20transform%3D%22translate(1041.5%203810.115)%22%20fill%3D%22%23043c78%22%2F%3E%20%3Cpath%20id%3D%22arrow01%22%20d%3D%22M-618.526%2C2245.244a.693.693%2C0%2C0%2C1%2C.095-1l3.155-2.533h-14.486a.725.725%2C0%2C0%2C1-.738-.71.725.725%2C0%2C0%2C1%2C.738-.711h14.486l-3.155-2.533a.691.691%2C0%2C0%2C1-.095-1%2C.757.757%2C0%2C0%2C1%2C1.039-.091l4.721%2C3.789.005%2C0h0l.012.01%2C0%2C0%2C.01.009.005%2C0%2C.009.008.006.006.007.007.007.007%2C0%2C0%2C.023.026.021.025h0l.01.013h0l.01.013v0a.69.69%2C0%2C0%2C1%2C.127.37h0c0%2C.005%2C0%2C.01%2C0%2C.015s0%2C0%2C0%2C.006v.02s0%2C0%2C0%2C.005%2C0%2C.01%2C0%2C.015h0a.691.691%2C0%2C0%2C1-.127.37h0l-.01.014h0l-.01.013h0l-.021.025a.724.724%2C0%2C0%2C1-.1.1l-4.711%2C3.781a.753.753%2C0%2C0%2C1-.472.164A.75.75%2C0%2C0%2C1-618.526%2C2245.244Z%22%20transform%3D%22translate(1077.5%203810.115)%22%20fill%3D%22%23043c78%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026%22%20width%3D%2218%22%20height%3D%229%22%20transform%3D%22translate(295%203121)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.566%22%20height%3D%227.712%22%20viewBox%3D%220%200%2013.566%207.712%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(0.75%201.056)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223.36%22%20y2%3D%222.8%22%20transform%3D%22translate(8.4)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_4%22%20data-name%3D%22%E7%B7%9A%204%22%20x1%3D%223.36%22%20y2%3D%222.8%22%20transform%3D%22translate(8.4%202.8)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x1%3D%2210.5%22%20transform%3D%22translate(0%202.8)%22%20fill%3D%22none%22%20stroke%3D%22%23043c78%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.52%22%20height%3D%227.1%22%20viewBox%3D%220%200%2026.52%207.1%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_56%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2056%22%20transform%3D%22translate(-20.15%20-8779.952)%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(20.9%208780.702)%22%3E%20%3Cpath%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20d%3D%22M3.36%2C3.55a.747.747%2C0%2C0%2C1-.48-.174L-.48.576A.75.75%2C0%2C0%2C1-.576-.48.75.75%2C0%2C0%2C1%2C.48-.576l3.36%2C2.8A.75.75%2C0%2C0%2C1%2C3.36%2C3.55Z%22%20transform%3D%22translate(8.4)%22%20fill%3D%22%23043c78%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_4%22%20data-name%3D%22%E7%B7%9A%204%22%20d%3D%22M0%2C3.55a.748.748%2C0%2C0%2C1-.577-.27.75.75%2C0%2C0%2C1%2C.1-1.056l3.36-2.8a.75.75%2C0%2C0%2C1%2C1.056.1A.75.75%2C0%2C0%2C1%2C3.84.576L.48%2C3.376A.747.747%2C0%2C0%2C1%2C0%2C3.55Z%22%20transform%3D%22translate(8.4%202.8)%22%20fill%3D%22%23043c78%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20d%3D%22M10.5.75H0A.75.75%2C0%2C0%2C1-.75%2C0%2C.75.75%2C0%2C0%2C1%2C0-.75H10.5a.75.75%2C0%2C0%2C1%2C.75.75A.75.75%2C0%2C0%2C1%2C10.5.75Z%22%20transform%3D%22translate(0%202.8)%22%20fill%3D%22%23043c78%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_27%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2027%22%20width%3D%2213.26%22%20height%3D%227%22%20transform%3D%22translate(33.41%208780)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: 27px 7px;
    position: absolute;
    top: 19px;
    width: 14px;
    height: 7px;
    left: 118px;
    overflow: hidden;
    /* animation: bg2 .3s linear; */
    background-position: 0px 0px;
    transition: 0.3s;
}

#main #news .link-list span span.b {
    display: block;
    border: solid 1px #D6D6D6;
    border-radius: 50px;
    position: absolute;
    top: 6px;
    width: 35px;
    height: 35px;
    left: 107px;
    transition: 0.3s;
}

#main #news .link-list a:hover {
    transition-duration: .3s;
    left: -10px;
    opacity: 1;
}

#main #news .link-list a:hover span span.a {
    top: 20px;
    left: 128px;
    background-position: 27px 0px;
}

#main #news .link-list a:hover span span.b {
    width: 55px;
    height: 55px;
    border: solid 1px #043C78;
    top: -3px;
}


#main #news .block-news {
    width: calc(100% - 320px);
    /* background-color: #fff; */
    margin-top: 37px;
    padding: 0;
    position: relative;
}

#main #news .block-news ul {}

#main #news .block-news ul li {
    border-bottom: solid 1px #dddddd;
    margin-bottom: 22px;
    padding-bottom: 25px;
}

#main #news .block-news ul li:last-child {
    /* border-bottom: none; */
    /* margin-bottom: 0; */
    /* padding-bottom: 0; */
}

#main #news .block-news ul li span,
#main #news .block-news ul li div {
    font-size: 1.4rem;
    line-height: 1.6;
}

#main #news .block-news ul li span {
    width: 130px;
    float: left;
    font-family: Manrope;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: left;
    color: #000;
}

#main #news .block-news ul li div {
    overflow: auto;
    margin-left: 110px;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #000;
}






#main #cts #news .btn-more2 {
    height: 35px;
    margin-top: 0;
}

#main #cts #news .btn-more2 div {
    width: 36px;
    height: 36px;
}

#main #cts #news .btn-more2:hover div {
    width: 56px;
    height: 56px;
}

#main #cts #news .btn-more2 span.c {
    /* color: #fff; */
}

#main #cts #news .btn-more2 div span.a {
    /* background-color: #000; */
}

#main #cts #news .btn-more2 span.b {
    /* background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%226.002%22%20viewBox%3D%220%200%2022%206.002%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22mask%22%20width%3D%2212%22%20height%3D%226%22%20transform%3D%22translate(447%206046.614)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_55%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2055%22%20transform%3D%22translate(-1628%20-7809)%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(1181%201762.388)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22arrow02%22%20d%3D%22M-622.517%2C2242.329a.461.461%2C0%2C0%2C1%2C.063-.667l2.1-1.689h-9.658a.483.483%2C0%2C0%2C1-.492-.474.483.483%2C0%2C0%2C1%2C.492-.474h9.658l-2.1-1.689a.461.461%2C0%2C0%2C1-.063-.667.5.5%2C0%2C0%2C1%2C.693-.061l3.147%2C2.526%2C0%2C0h0l.008.007%2C0%2C0%2C.007.006%2C0%2C0%2C.006.005%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C.016.017.014.017h0l.007.009h0l.006.009h0a.459.459%2C0%2C0%2C1%2C.085.247h0s0%2C.007%2C0%2C.01a.031.031%2C0%2C0%2C0%2C0%2C0v.013a.023.023%2C0%2C0%2C0%2C0%2C0s0%2C.007%2C0%2C.01h0a.459.459%2C0%2C0%2C1-.085.247h0l-.007.009h0l-.007.009h0l-.014.017a.492.492%2C0%2C0%2C1-.07.066l-3.141%2C2.521a.5.5%2C0%2C0%2C1-.315.109A.5.5%2C0%2C0%2C1-622.517%2C2242.329Z%22%20transform%3D%22translate(1077.5%203810.115)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22arrow01%22%20d%3D%22M-622.517%2C2242.329a.461.461%2C0%2C0%2C1%2C.063-.667l2.1-1.689h-9.658a.483.483%2C0%2C0%2C1-.492-.474.483.483%2C0%2C0%2C1%2C.492-.474h9.658l-2.1-1.689a.461.461%2C0%2C0%2C1-.063-.667.5.5%2C0%2C0%2C1%2C.693-.061l3.147%2C2.526%2C0%2C0h0l.008.007%2C0%2C0%2C.007.006%2C0%2C0%2C.006.005%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C.016.017.014.017h0l.007.009h0l.006.009h0a.459.459%2C0%2C0%2C1%2C.085.247h0s0%2C.007%2C0%2C.01a.031.031%2C0%2C0%2C0%2C0%2C0v.013a.023.023%2C0%2C0%2C0%2C0%2C0s0%2C.007%2C0%2C.01h0a.459.459%2C0%2C0%2C1-.085.247h0l-.007.009h0l-.007.009h0l-.014.017a.492.492%2C0%2C0%2C1-.07.066l-3.141%2C2.521a.5.5%2C0%2C0%2C1-.315.109A.5.5%2C0%2C0%2C1-622.517%2C2242.329Z%22%20transform%3D%22translate(1101.5%203810.115)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026%22%20width%3D%2210%22%20height%3D%226%22%20transform%3D%22translate(1640%207809)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E'); */
    background-size: 22px 6px;
    width: 11px;
    height: 6px;
    top: 16px;
    right: 12px;
}

#main #cts #news .btn-more2 div:before,
#main #cts #news .btn-more2 div:after {
    /* background-color: #fff; */
}

#main #cts #news .btn-more2:hover span.b {
    background-position: 22px 0px;
    right: 2px;
}

@media screen and (max-width: 1750px) {
    #main #cts .block-cts-2col {
        padding: 0 150px;
        max-width: inherit;
    }

    #main #topics-multicolumn .contents-inner {
        padding-left: 150px;
        padding-right: 0;
        margin-left: inherit;
        margin-right: inherit;
    }

    .swiper-scrollbar {
        margin-left: 150px;
    }

    #main #news .contents-inner {
        max-width: 1300px;
        margin-left: 150px;
        margin-right: 150px;
    }

}

#main #cts .block-cts-2col .block-cts {
    /* max-width: 580px; */
    width: calc(50% - 75px);
    float: left;
    margin-right: 150px;
}

#main #cts .block-cts-2col .block-cts:last-child {
    margin-right: 0;
    margin-top: 0;
}

#main #cts .block-cts-2col .block-cts .block {
    height: inherit;
    /* padding-top: 22.7vw; */
}

#main #cts .block-cts-2col .block-cts .block .photo {
    width: 100%;
    height: 22.9vw;
    max-height: 450px;
    z-index: 10;
    top: 0;
    position: relative;
}

#main #cts .block-cts .block .photo img {
    width: 120%;
    height: auto;
    position: relative;
    left: -10px;
    top: -10%;
    object-fit: cover;
}

#main #cts .block-cts.block-cts2 .block .photo img {
    /* top: 0; */
    width: 105%;
    left: -2.5%;
    top: 2.5%;
}


#main #cts .block-cts-2col .block-cts .block .text {
    top: 0;
    position: relative;
    /* width: 100%; */
    /* max-width: 550px; */
    /* min-height: 560px; */
    /* max-width: inherit; */
    margin-top: 60px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 60px;
    z-index: 1;
}

#main #cts .block-cts-2col .block .photo img {}

#main h2 {
    text-align: center;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 0;
    color: #000;
    font-family: 'Lato', sans-serif;
}

#main #news {
    position: relative;
    z-index: 100;
}

#main #news h2 {
    line-height: 1;
    margin-bottom: 0;
    font-family: Manrope;
    font-weight: 800;
    font-size: 45px;
    text-align: left;
    color: #043c78;
}

#main #news .title-wrap {
    width: 150px;
    margin-right: 100px;
}

#main #cts .block-cts .block .photo:after {
    content: "";
    position: absolute;
    background-color: #eee;
    background-size: cover;
    width: 100%;
    height: 140%;
    transition: 0.6s;
    top: 0;
    transition-timing-function: ease;
}

#main #cts .block-cts .block .photo.boxL:after {
    right: 0;
}

#main #cts .block-cts .block .photo.boxLm:after {
    right: -100%;
}

@media screen and (min-width:1081px) {
    #header .menu .snav #head-search2 {
        right: 45px;
    }

    #header .menu .snav #head-search2 .search_container {}

    #header .menu .snav #head-search2 .search_container input[type="text"] {

        color: #031832 !important;
    }

    #header .menu .snav #head-search2 .search_container input::-ms-clear {}

    #header .menu .snav #head-search2 .search_container input[type="text"]:focus,
    #header .menu .snav #head-search2 .search_container input[type="text"].active {}

    #header .menu .snav #head-search2 .search_container input[type="text"]:focus+input[type="submit"] {}


    #header .menu .snav #head-search2 .search_container input[type="submit"] {
        /* color: #fff; */
        background-image: url(/wp-content/themes/d-quest/images/btn_search_indigo.svg);
    }

    #header .menu .snav #head-search2 .search_container input[type="submit"].active {
        /* display: block; */
    }

    #header .menu .snav #head-search2 .search_container input[type="text"]:-webkit-autofill {
        -webkit-transition: background-color 9999s;
        transition: background-color 9999s;
    }

    #header .menu .snav #head-search2 .search_container .icon {
        color: #fff;
        background-image: url(/wp-content/themes/d-quest/images/btn_search_indigo.svg);
    }

    #header .menu .snav #head-search2 .search_container ::-webkit-input-placeholder {
        color: #fff;
    }

    #header .menu.scroll .snav #head-search2 .search_container input[type="text"] {
        color: #031832;
        /* background: #fff; */
    }

    #header .menu.scroll .snav #head-search2 .search_container input[type="text"]:focus+input[type="submit"] {
        /* background-image: url(/wp-content/themes/d-quest/images/btn_search.svg); */
    }

    #header .menu .snav #head-search2 .switch {
        /* background-image: url(/wp-content/themes/d-quest/images/btn_search_indigo.svg); */
    }

    #header .menu .snav #head-search2.active {
        z-index: 50;
    }

    #header .menu .snav #head-search2 .switch span {
        background-image: url(/wp-content/themes/d-quest/images/btn_search.svg);
    }

    #header .menu.scroll .snav #head-search2 .switch span {
        background-image: url(/wp-content/themes/d-quest/images/btn_search_indigo.svg);
    }

    #header .menu.scroll .snav #head-search2 .switch span:hover {
        /* background-color: #043C78; */
        /* background-image: url(/wp-content/themes/d-quest/images/btn_search.svg); */
    }

    #header .menu .gnav .gnavInner>ul>li.contact {
        /* display: none; */
    }

    #header .menu.active .gnav .gnavInner>ul>li.contact {
        display: block;
    }

    #header .menu.scroll .gnav .gnavInner>ul>li.contact {
        display: block;
    }
}

@media screen and (max-width:1300px) {
    #header .menu .gnav {
        /* float: left; */
        /* padding-right: 0; */
        /* left: 190px; */
        /* right: inherit; */
    }

    #header .menu .gnav .gnavInner>ul>li {
        /* margin-right: 23px; */
        /* margin-left: 0; */
    }

}

@media screen and (max-width:1500px) {
    #header .menu .gnav {
        /* float: left; */
        /* padding-right: 0; */
        /* left: 190px; */
    }

    #header .menu.active .gnav {
        left: 0px;
    }
}

@media screen and (max-width:1600px) {
    #header #mv {}

    #header #mv .slide {}

    .video.photo {}

    .video.photo div {}

    .video.photo div img {}

    .video.photo div img.mask {}

    .video.photo div img.bg {}

    .video.photo .photo1 {}

    /**/

    .video.photo div svg {}


    #video-area {}

    #video {}

    .mask {}

    #header .catch1,
    #header .catch2 {}

    #header .catch1 {}

    #header .catch1 span {}

    #header .catch2 {
        /* font-size: 5vw; */
        /* line-height: 1.35; */
        /* left: 12.5vw; */
        /* margin-top: -90px; */
    }

    #header .catch2 img {}

    #header .btn-contact {}

    #header .btn-contact span {}

    #header .btn-contact span::before {}

    #header #scr {}

    #header #scr:hover {}

    #header #mv #scr::before {}

    .bg-gray {}

    #main {}

    #mainInnner {}

    #main #preface {
        /* padding-top: 0; */
        /* padding-bottom: 0; */
    }

    #main #preface img {}

    #main #preface .contents-inner {
        max-width: 1700px;
    }

    #main #preface .contents-inner .block-con {}

    #main #preface .contents-inner .block-con .text-con {
        /* width: 50%; */
        /* margin-right: 60px; */
    }

    #main #preface .contents-inner .block-con .text-con .title {}

    #main #preface .contents-inner .block-con .text-con .catch {
        width: 100%;
        font-size: 4.27vw;
    }

    #main #preface .contents-inner .block-con .text-con .text-con-text {
        max-width: 550px;
        padding-right: 0;
    }

    #main #preface .contents-inner .block-con .photo-con {
        /* width: 50%; */
        padding-right: 0;
    }

    #main #preface .contents-inner .block-con .photo-con img {
        /* margin-top: -41px; */
    }

    #main #cts {}

    #main #cts .cts-inner {}

    #main #cts .block-cts {}

    #main #cts .block-cts.block-cts2 {}

    #main #cts .block-cts-main .block-cts:first-child {}

    #main #cts .block-cts .block {}

    #main #cts .block-cts .block.cts-r2 {}

    #main #cts .block-cts .block.cts-r2 .text-wrap {
        /* padding-top: 36.3vw; */
        max-width: 1700px;
    }

    #main #cts .cts-inner .block-cts {}

    #main #cts .cts-inner .block-cts:nth-child(2) {}

    #main #cts .cts-inner .block-cts:nth-child(3) {}

    #main #cts .cts-inner .block-cts:nth-child(4) {}

    #main #cts .block-cts .block .photo {}

    #main #cts .block-cts .block .photo.boxR:after {}

    #main #cts .block-cts .block .photo.boxRm:after {}

    #main #cts .block-cts .cts-l .photo {}

    #main #cts .block-cts .cts-r .photo {}

    #main #cts .block-cts .cts-r2 .photo {}

    #main #cts .block-cts .block .photo1 .imgWrap {}

    #main #cts .block-cts .block .photo2 {}

    #main #cts .block-cts .block .photo3 {}

    #main #cts .block-cts .block .photo4 {}

    #main #cts .block-cts .block .photo5 {}

    #main #cts .block-cts .block .photo6 {}

    #main #cts .block-cts .block .photo7 {}

    #main #cts .block-cts .block .photo .imgWrap {}

    #main #cts .block-cts .block .bg_scroll,
    #main #cts .block-cts .block .bg_scroll2,
    #main #cts .block-cts .block .bg_scroll3,
    #main #cts .block-cts .block .bg_scroll7 {}

    #main #cts .block-cts .block .text {
        margin-left: 10vw;
    }

    #main #cts .block-cts .cts-l .text {}

    #main #cts .block-cts .cts-r .text {
        padding-left: 10vw;
        padding-right: 10vw;
        max-width: 850px;
    }

    #main #cts .block-cts .cts-r2 .text {
        /* padding-left: 60px; */
        /* width: inherit; */
        max-width: inherit;
        /* padding-right: 0; */
        margin-left: 0;
        /* padding-left: 0; */
    }

    #main #cts .block-cts .cts-r2 .text .fade {
        /* max-width: 752px; */
        padding-right: 0;
    }

    #main #cts .block-cts .cts-r2 .text_b {}

    #main #cts .block-cts .block .cts-r2 .text-b {}


    .parallax-window {}

    .parallax-slider {}

    #main #cts .block-cts .block .text h3 {}

    #main #cts .block-cts .block .text h3.type2 {}

    #main #cts .block-cts .block .text h3 span {}

    #main #cts .block-cts .block .text h3:after {}

    #main #cts .block-cts .block .text .text-head {}

    #main #cts .block-cts .block .text .text-body {}

    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more::before {}

    #main #cts .block-cts .block .text .btn-more::after {}

    #main #cts .block-cts .block .text .fade * {}

    #main #cts .block-cts .block .text .fade h3 {}

    #main #cts .block-cts .block .text .fade .text-head,
    #main #cts .block-cts .block .text .fade .text-body {}

    #main #cts .block-cts .block .text .fade .btn-more {}

    #main #cts .block-cts-main .block-cts .block:nth-child(2) .text .fade {}

    #main #cts .block-cts .block .text .anime * {}


    #main #cts .block-cts .block .text-b {
        padding-left: 10vw;
        /* margin-top: 13.7vw; */
        width: 56.3%;
        /* margin-top: calc(36.3vw - 515px); */
    }

    #main #cts .block-cts .block .text-b .fade {
        padding-left: 0;
    }

    #main #cts .block-cts .block .text-b h3 {}

    #main #cts .block-cts .block .text-b .text-head {}

    #main #cts .block-cts .block .text-b .img {}

    #main #cts .block-cts .block .text-b .img img {}

    #main #cts .block-cts .block.cts-r2 .text-b {
        padding-left: 9vw;
        padding-right: 9vw;
    }

    #main #cts .block-cts .block .text h3.type2 span {}

    #main #cts .block-cts .block .text .test-sub {}

    #main #cts .block-cts .block .text .test-sub+.text-head {}

    #main #cts .block-cts .block.cts-r2 .text-b .img {
        padding: 0;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img ul {
        display: flex;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img ul li {
        width: 16.666%;
        margin-right: 0;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img ul li img {
        width: 90%;
    }


    #main #cts .big-text {}

    #main #cts .n-wrap {
        margin-top: 0px;
    }

    #main #cts .n-wrap .n-news {}

    #main #cts .n-wrap .n-topics {}

    .ft-link {}

    .ft-link img {}

    .ft-link a {}

    .ft-link a h3 {}

    .ft-link a h3 span {}

    #main #topics-multicolumn {
        margin-top: 0;
    }

    #main #topics-multicolumn .contents-inner {
        /* max-width: 1300px; */
        /* padding: 0; */
        padding-left: 150px;
        padding-right: 0;
        margin-left: inherit;
        margin-right: inherit;
    }

    #main #topics-multicolumn .btn-more-wrap {
        right: 50px;
    }

    #main #topics-multicolumn {
        /* padding-left: 140px; */
        /* padding-right: 140px; */
        /* padding-bottom: 24.5vw; */
        /* padding-left: 150px; */
        /* width: calc(100% - 150px); */
    }

    /* 通常 */
    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more:before,
    #main #cts .block-cts .block .text .btn-more:after {}

    #main #cts .block-cts .block .text .btn-more:after {}

    /* マウスオーバー */
    #main #cts .block-cts .block .text .btn-more.hover {}

    #main #cts .block-cts .block .text .btn-more.hover:after,
    #main #cts .block-cts .block .text .btn-more.hover:before {}

    /* マウスオーバー */

    #main #cts .block-cts-2col {
        max-width: 1600px;
        padding: 0 150px;
    }

    #main #cts .block-cts-2col .block-cts {
        width: calc(50% - 50px);
        margin-right: 100px;
    }

    #main #cts .block-cts-2col .block-cts:last-child {}

    #main #cts .block-cts-2col .block-cts .block {}

    #main #cts .block-cts-2col .block-cts .block .photo {}

    #main #cts .block-cts .block .photo img {}


    #main #cts .block-cts-2col .block-cts .block .text {}

    #main h2 {}

    #main #news {}

    #main #news .contents-inner {
        max-width: 1300px;
        margin-left: 150px;
        margin-right: 150px;
    }

    #main #news h2 {}

    #main #news .title-wrap {}

    #main #cts .block-cts .block .photo:after {}

    #main #cts .block-cts .block .photo.boxL:after {}

    #main #cts .block-cts .block .photo.boxLm:after {}
}

@media screen and (max-width:1280px) {
    #header .catch2 {
        /* margin-top: -8.6vw; */
        /* width: 63vw; */
    }

    #header .catch2 div {}

    #header #mv {}

    #header #mv .slide {}

    .video.photo {}

    .video.photo div {}

    .video.photo div img {}

    .video.photo div img.mask {}

    .video.photo div img.bg {}

    .video.photo .photo1 {}

    /**/

    .video.photo div svg {}


    #video-area {}

    #video {}

    .mask {}

    #header .catch1,
    #header .catch2 {}

    #header .catch1 {}

    #header .catch1 span {}

    #header .catch2 {
        /* font-size: 6.2vw; */
        /* max-width: inherit; */
    }

    #header .catch2 img {}

    #header .btn-contact {}

    #header .btn-contact span {}

    #header .btn-contact span::before {}

    #header #scr {}

    #header #scr:hover {}

    #header #mv #scr::before {}

    .bg-gray {}

    #main {}

    #mainInnner {}

    #main #preface {
        /* padding-top: 17vw; */
        /* padding-bottom: 0; */
    }

    #main #preface img {}

    #main #preface .contents-inner {
        padding: 0 60px;
    }

    #main #preface .contents-inner .block-con {}

    #main #preface .contents-inner .block-con .text-con {
        /* width: 53.4%; */
        /* padding-right: 50px; */
    }

    #main #preface .contents-inner .block-con .text-con .title {}

    #main #preface .contents-inner .block-con .text-con .catch {
        font-size: 54px;
    }

    @media screen and (max-width:1238px) {
        #main #preface .contents-inner .block-con .text-con .catch {}
    }

    #main #preface .contents-inner .block-con .text-con .text-con-text {}

    #main #preface .contents-inner .block-con .photo-con {
        /* width: 46.6%; */
    }

    #main #preface .contents-inner .block-con .photo-con img {
        /* top: -98px; */
        /* right: 0; */
    }

    #main #cts {
        margin: 0 0;
    }

    #main #cts .cts-inner {
        margin-top: 9.4vw;
    }

    #main #cts .block-cts {}

    #main #cts .block-cts.block-cts2 {}

    #main #cts .block-cts-main .block-cts:first-child {
        margin-right: 60px;
    }

    #main #cts .block-cts .block {}

    #main #cts .block-cts .block.cts-r2 {}

    #main #cts .block-cts .block.cts-r2 .text-wrap {
        /* padding-top: 27.2vw; */
        padding: 0 60px 0;
    }

    #main #cts .cts-inner .block-cts {
        margin-top: 9.6vw;
        /* height: 37.6vw !important; */
    }

    #main #cts .cts-inner .block-cts:nth-child(2) {}

    #main #cts .cts-inner .block-cts:nth-child(3) {}

    #main #cts .cts-inner .block-cts:nth-child(4) {
        /* margin-top: 13.7vw; */
    }


    @media screen and (max-width:1157px) {
        #main #cts .cts-inner .block-cts:nth-child(2) {
            /* margin-top: 20vw; */
        }

        #main #cts .cts-inner .block-cts:nth-child(3) {
            /* margin-top: 24vw; */
        }

        #main #cts .cts-inner .block-cts:nth-child(4) {
            /* margin-top: 33vw; */
        }
    }

    #main #cts .block-cts .block .photo {
        width: 50%;
    }

    #main #cts .block-cts .block .photo.boxR:after {}

    #main #cts .block-cts .block .photo.boxRm:after {}

    #main #cts .block-cts .cts-l .photo {}

    #main #cts .block-cts .cts-r .photo {}

    #main #cts .block-cts .cts-r2 .photo {
        width: 100%;
    }

    #main #cts .block-cts .block .photo1 .imgWrap {}

    #main #cts .block-cts .block .photo2 {}

    #main #cts .block-cts .block .photo3 {}

    #main #cts .block-cts .block .photo4 {}

    #main #cts .block-cts .block .photo5 {}

    #main #cts .block-cts .block .photo6 {}

    #main #cts .block-cts .block .photo7 {}

    #main #cts .block-cts .block .photo .imgWrap {}

    #main #cts .block-cts .block .bg_scroll,
    #main #cts .block-cts .block .bg_scroll2,
    #main #cts .block-cts .block .bg_scroll3,
    #main #cts .block-cts .block .bg_scroll7 {}

    #main #cts .block-cts .block .text {
        /* top: 4.8vw; */
    }

    #main #cts .block-cts .cts-l .text {
        /* left: 56.3%; */
        /* margin-left: 87px; */
        padding-left: 0;
        margin-left: 80px;
        padding-right: 80px;
    }

    #main #cts .block-cts .cts-r .text {
        /* right: 56.4%; */
        /* padding-left: 0; */
        /* top: 92px; */
        padding-left: 60px;
        /* margin-right: 90px; */
        padding-right: 80px;
    }

    #main #cts .block-cts:nth-child(2) .block .text {
        /* top: 9.9vw; */
        /* padding-left: 60px; */
        /* right: 54.9%; */
        /* margin-right: 160px; */
    }

    #main #cts .block-cts:nth-child(3) .block .text {

        /* top: 4.8vw; */

    }

    #main #cts .block-cts .cts-r2 .text {
        width: inherit;
        /* left: 0; */
        /* padding: 72px 0px 0 60px; */
        /* top: 7.1vw; */
        padding: 0;
    }

    #main #cts .block-cts .block.cts-r2 .text-b {
        padding-left: 0;
        padding-right: 0;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img ul li {}

    #main #cts .block-cts .cts-r2 .text .fade {
        padding-right: 0;
    }

    #main #cts .block-cts:nth-child(4) .cts-r .text {
        /* top: 5vw; */
    }

    .parallax-window {}

    .parallax-slider {}

    #main #cts .block-cts .block .text h3 {}

    #main #cts .block-cts .block .text h3.type2 {}

    #main #cts .block-cts .block .text h3 span {}

    #main #cts .block-cts .block .text h3:after {}

    #main #cts .block-cts .block .text .text-head {}

    #main #cts .block-cts .block .text .text-body {}

    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more::before {}

    #main #cts .block-cts .block .text .btn-more::after {}

    #main #cts .block-cts .block .text .fade * {}

    #main #cts .block-cts .block .text .fade h3 {}

    #main #cts .block-cts .block .text .fade .text-head,
    #main #cts .block-cts .block .text .fade .text-body {}

    #main #cts .block-cts .block .text .fade .btn-more {}

    #main #cts .block-cts-main .block-cts .block:nth-child(2) .text .fade {}

    #main #cts .block-cts .block .text .anime * {}


    #main #cts .block-cts .block .text-b {
        width: calc(50% - 60px);
        /* padding-right: 60px; */
        margin-top: 24vw;
        /* padding-left: 10px; */
        margin-left: 0;
        padding-right: 80px;
        padding-left: 10px;
    }

    #main #cts .block-cts .block .text-b h3 {}

    #main #cts .block-cts .block .text-b .text-head {}

    #main #cts .block-cts .block .text-b .img {
        width: inherit;
    }

    #main #cts .block-cts .block .text-b .img img {}

    #main #cts .block-cts .block .text h3.type2 span {}

    #main #cts .block-cts .block .text .test-sub {}

    #main #cts .block-cts .block .text .test-sub+.text-head {}

    #main #cts .big-text {
        margin-top: 0;
        left: 15%;
    }

    #main #cts .n-wrap {
        margin-top: 0;
    }

    #main #cts .n-wrap .n-news {}

    #main #cts .n-wrap .n-topics {}

    .ft-link {}

    .ft-link img {}

    .ft-link a {}

    .ft-link a h3 {}

    .ft-link a h3 span {}

    #main #topics-multicolumn {
        /* margin-top: 25vw; */
        /* padding: 8.6vw 0 288px; */
    }

    #main #topics-multicolumn {}

    #main #topics-multicolumn .contents-inner {
        /* max-width: 1160px; */
        /* padding: 0 60px; */
        padding-left: 60px;
    }

    /* 通常 */
    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more:before,
    #main #cts .block-cts .block .text .btn-more:after {}

    #main #cts .block-cts .block .text .btn-more:after {}

    /* マウスオーバー */
    #main #cts .block-cts .block .text .btn-more.hover {}

    #main #cts .block-cts .block .text .btn-more.hover:after,
    #main #cts .block-cts .block .text .btn-more.hover:before {}

    /* マウスオーバー */

    #main #cts .block-cts-2col {
        padding: 0 60px;
        margin-top: 12.3vw;
    }

    #main #cts .block-cts-2col .block-cts {
        width: calc(50% - 30px);
        margin-right: 0;
    }

    #main #cts .block-cts-2col .block-cts:last-child {}

    #main #cts .block-cts-2col .block-cts .block {}

    #main #cts .block-cts-2col .block-cts .block .photo {
        height: 28.7vw;
    }

    #main #cts .block-cts .block .photo img {}


    #main #cts .block-cts-2col .block-cts .block .text {
        /* top: 5vw; */
    }

    #main #cts .block-cts-2col .block-cts:nth-child(2) .block .text {

        right: 0;

        padding-left: 0;

    }

    #main h2 {}

    #main #news {
        padding: 0 60px;
    }

    #main #news h2 {}

    #main #news .title-wrap {
        margin-right: 50px;
    }

    #main #cts .block-cts .block .photo:after {}

    #main #cts .block-cts .block .photo.boxL:after {}

    #main #cts .block-cts .block .photo.boxLm:after {}

    #main #news .contents-inner {
        margin-left: 0px;
        margin-right: 0px;
    }


    #main #topics-multicolumn h2 {
        /* margin-left: 60px; */
    }

    #main #topics-multicolumn .no-masonry {
        /* margin-left: 60px; */
    }

    #main #topics-multicolumn .btn-more-wrap {
        right: 60px;
    }

    .swiper-button-next {
        right: 60px;
    }

    .swiper-button-prev {
        right: 135px;
    }

    .swiper-scrollbar {
        margin-left: 60px;
        width: calc(100% - 305px);
    }

}

@media screen and (max-width:1140px) {
    #main #cts .big-text {
        /* margin-top: 27.3vw; */
    }
}

@media screen and (max-width:1048px) {
    #main #cts .big-text {
        /* margin-top: 27.3vw; */
    }
}

@media screen and (max-width:1024px) {
    #header .catch2 {
        /* margin-top: -7.1vw; */
        /* width: 79vw; */
        /* left: 80px; */
        margin-top: -162px;
        padding: 0 0 0 80px;
    }

    #header #mv {}

    #header #mv .slide {}

    .video.photo {}

    .video.photo div {}

    .video.photo div img {}

    .video.photo div img.mask {}

    .video.photo div img.bg {}

    .video.photo .photo1 {}

    /**/

    .video.photo div svg {}


    #video-area {}

    #video {}

    .mask {}

    #header .catch1,
    #header .catch2 {}

    #header .catch1 {}

    #header .catch1 span {}

    #header .catch2 {}

    #header .catch2 div {
        /* font-size: 7.8vw; */
    }

    #header .catch2 img {}

    #header .btn-contact {}

    #header .btn-contact span {}

    #header .btn-contact span::before {}

    #header #scr {}

    #header #scr:hover {}

    #header #mv #scr::before {}

    .bg-gray {}

    #main {}

    #mainInnner {}

    #main #preface {
        /* padding-top: 0; */
        /* padding-bottom: 0; */
    }

    #main #preface img {}

    #main #preface .contents-inner {}

    #main #preface .contents-inner .block-con {
        /* display: flex; */
        /* align-items: flex-start; */
    }

    #main #preface .contents-inner .block-con .text-con {
        width: 56.6%;
        /* margin-right: 34px; */
        padding-right: 34px;
    }


    #main #preface .contents-inner .block-con .text-con {
        /* order: 2; */
        /* width: 100%; */
        /* max-width: 530px; */
        /* margin: 75px auto 0; */
    }

    #main #preface .contents-inner .block-con .text-con .title {
        font-size: 13px;
    }

    #main #preface .contents-inner .block-con .text-con .catch {
        /* max-width: 455px; */
        /* width: 86%; */
    }

    #main #preface .contents-inner .block-con .text-con .text-con-text {}


    #main #preface .contents-inner .block-con .text-con .title {
        font-size: 14px;
    }

    #main #preface .contents-inner .block-con .text-con .catch {
        /* font-size: 5.3vw; */
    }

    #main #preface .contents-inner .block-con .text-con .text-con-text {
        /* margin: 42px 0 0; */
    }

    #main #preface .contents-inner .block-con .photo-con {
        /* width: calc(50% - 60px); */
        width: 43.4%;
    }

    #main #preface .contents-inner .block-con .photo-con img {
        /* top: -0.4vw; */
    }

    #main #cts {
        margin: 0;
    }

    #main #cts .cts-inner {
        margin: 12.2vw auto 0;
    }

    #main #cts .block-cts {}

    #main #cts .block-cts.block-cts2 {}

    #main #cts .block-cts-main .block-cts:first-child {}

    #main #cts .block-cts .block {}

    #main #cts .block-cts .block.cts-r2 {}

    #main #cts .block-cts .block.cts-r2 .text-wrap {
        /* padding-top: 23vw; */
    }

    #main #cts .cts-inner .block-cts {
        margin-top: 6.1vw;
    }

    #main #cts .cts-inner .block-cts:nth-child(2) {}

    #main #cts .cts-inner .block-cts:nth-child(3) {
        /* margin-top: 24.7vw; */
    }

    #main #cts .cts-inner .block-cts:nth-child(4) {
        /* margin-top: 23.4vw; */
    }


    #main #cts .block-cts .block .photo {}

    #main #cts .block-cts .block .photo.boxR:after {}

    #main #cts .block-cts .block .photo.boxRm:after {}

    #main #cts .block-cts .cts-l .photo {}

    #main #cts .block-cts .cts-r .photo {}

    #main #cts .block-cts .cts-r2 .photo {}

    #main #cts .block-cts .block .photo1 .imgWrap {}

    #main #cts .block-cts .block .photo2 {}

    #main #cts .block-cts .block .photo3 {}

    #main #cts .block-cts .block .photo4 {}

    #main #cts .block-cts .block .photo5 {}

    #main #cts .block-cts .block .photo6 {}

    #main #cts .block-cts .block .photo7 {}

    #main #cts .block-cts .block .photo .imgWrap {}

    #main #cts .block-cts .block .bg_scroll,
    #main #cts .block-cts .block .bg_scroll2,
    #main #cts .block-cts .block .bg_scroll3,
    #main #cts .block-cts .block .bg_scroll7 {}

    #main #cts .block-cts .block .text {
        top: 0;
    }

    #main #cts .block-cts .cts-l .text {
        padding-right: 60px;
        left: 50%;
        margin-left: 0;
        margin-left: 50px;
    }

    #main #cts .block-cts .cts-r .text {
        /* margin-right: 60px; */
        padding-right: 50px;
    }

    #main #cts .block-cts .cts-r2 .text {
        /* top: 9.2vw; */
        /* width: 54.8%; */
        padding-right: 0;
        margin-right: 0px;
    }

    #main #cts .block-cts .cts-r2 .text .fade {
        padding-right: 0;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img {
        margin-top: 13px;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img ul li {
        width: 20%;
    }

    #main #cts .block-cts:nth-child(4) .cts-r .text {
        /* top: 0.3vw; */
    }

    #main #cts .block-cts:nth-child(2) .block .text {

        top: 0;
    }

    .parallax-window {}

    .parallax-slider {}

    #main #cts .block-cts .block .text h3 {}

    #main #cts .block-cts .block .text h3.type2 {}

    #main #cts .block-cts .block .text h3 span {}

    #main #cts .block-cts .block .text h3:after {}

    #main #cts .block-cts .block .text .text-head {
        margin-top: 29px;
    }

    #main #cts .block-cts .block .text .text-body {}

    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more::before {}

    #main #cts .block-cts .block .text .btn-more::after {}

    #main #cts .block-cts .block .text .fade * {}

    #main #cts .block-cts .block .text .fade h3 {}

    #main #cts .block-cts .block .text .fade .text-head,
    #main #cts .block-cts .block .text .fade .text-body {}

    #main #cts .block-cts .block .text .fade .btn-more {}

    #main #cts .block-cts-main .block-cts .block:nth-child(2) .text .fade {}

    #main #cts .block-cts .block .text .anime * {}


    #main #cts .block-cts .block .text-b {
        width: 45%;
        margin-top: 30.4vw;
        padding-left: 0;
        padding-right: 60px;
    }

    #main #cts .block-cts .block .text-b h3 {}

    #main #cts .block-cts .block .text-b .text-head {}

    #main #cts .block-cts .block .text-b .img {
        margin: 19px auto 0;
    }

    #main #cts .block-cts .block .text-b .img img {}

    #main #cts .block-cts .block .text h3.type2 span {}

    #main #cts .block-cts .block .text .test-sub {}

    #main #cts .block-cts .block .text .test-sub+.text-head {}

    #main #cts .big-text {
        margin-top: 0;
        left: 18.5%;
    }

    #main #cts .n-wrap {
        margin-top: 0;
    }

    #main #cts .n-wrap .n-news {}

    #main #cts .n-wrap .n-topics {}

    .ft-link {}

    .ft-link img {}

    .ft-link a {}

    .ft-link a h3 {}

    .ft-link a h3 span {}

    #main #topics-multicolumn {
        margin-top: 0;
        padding: 10.6vw 0 298px;
    }

    #main #topics-multicolumn {}

    /* 通常 */
    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more:before,
    #main #cts .block-cts .block .text .btn-more:after {}

    #main #cts .block-cts .block .text .btn-more:after {}

    /* マウスオーバー */
    #main #cts .block-cts .block .text .btn-more.hover {}

    #main #cts .block-cts .block .text .btn-more.hover:after,
    #main #cts .block-cts .block .text .btn-more.hover:before {}

    /* マウスオーバー */

    #main #cts .block-cts-2col {
        margin-top: 15vw;
    }

    #main #cts .block-cts-2col .block-cts {}

    #main #cts .block-cts-2col .block-cts:last-child {}

    #main #cts .block-cts-2col .block-cts .block {}

    #main #cts .block-cts-2col .block-cts .block .photo {
        height: 27.6vw;
    }


    #main #cts .block-cts .block .photo img {}

    #main #cts .block-cts.block-cts2 .block .photo img {}

    #main #cts .block-cts-2col .block-cts .block .text {
        top: 0;
        padding-right: 0;
    }

    #main h2 {}

    #main #news {}

    #main #news h2 {}

    #main #news .title-wrap {
        margin-right: 55px;
    }

    #main #news .block-news {
        width: calc(100% - 210px);
    }

    #main #cts .block-cts .block .photo:after {}

    #main #cts .block-cts .block .photo.boxL:after {}

    #main #cts .block-cts .block .photo.boxLm:after {}

    #main #news .contents-inner {
        margin-right: 0px;
        padding: 79px 60px 0;
        /* display: block; */
        /* flex-direction: column; */
    }

    #main #news .block-news ul li span {

        float: inherit;
    }

    #main #news .block-news ul li div {

        margin-left: 0;

        margin-top: 5px;
    }




    @media screen and (max-width:988px) {
        #main #cts .cts-inner .block-cts:nth-child(2) {
            /* margin-top: 28vw; */
        }

        #main #cts .cts-inner .block-cts:nth-child(3) {
            /* margin-top: 32vw; */
        }

        #main #cts .cts-inner .block-cts:nth-child(4) {
            /* margin-top: 27vw; */
        }

        #main #cts .big-text {
            /* margin-top: 33vw; */
        }
    }




    @media screen and (max-width:800px) {
        #main #cts .cts-inner .block-cts:nth-child(2) {
            /* margin-top: 43vw; */
        }

        #main #cts .cts-inner .block-cts:nth-child(3) {
            /* margin-top: 44vw; */
        }

        #main #cts .cts-inner .block-cts:nth-child(4) {
            /* margin-top: 48vw; */
        }

        #main #cts .big-text {
            /* margin-top: 53vw; */
        }
    }
}

@media screen and (max-width: 768px) {
    #header .catch2 {
        /* margin-top: -150px; */
        padding: 0 0px 0 60px;
    }

    #header .catch2 div {
        /* left: 61px; */
        /* width: 62.8vw; */
        text-indent: 0;
    }

    #header #mv {
        height: inherit;
        position: relative;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100);
    }

    #header #mv .slide {}

    .video.photo {}

    .video.photo div {}

    .video.photo div img {}

    .video.photo div img.mask {}

    .video.photo div img.bg {}

    .video.photo .photo1 {}

    /**/

    .video.photo div svg {}


    #video-area {}

    #video {}

    .mask {}

    #header .catch1,
    #header .catch2 {}

    #header .catch1 {}

    #header .catch1 span {}

    #header .catch2 div {
        /* font-size: 10.4vw; */
    }

    #header .catch2 img {}

    #header .btn-contact {}

    #header .btn-contact span {}

    #header .btn-contact span::before {}

    #header #scr {}

    #header #scr:hover {}

    #header #mv #scr::before {}

    .bg-gray {}

    #main {}

    #mainInnner {}

    #main #preface {
        padding-top: 78px;
        padding-bottom: 75px;
    }

    #main #preface img {}

    #main #preface .contents-inner {
        padding: 0 20px;
    }

    #main #preface .contents-inner .block-con {
        display: flex;
        flex-direction: column;
    }

    #main #preface .contents-inner .block-con .text-con {
        order: 2;
        width: 100%;
        max-width: 530px;
        margin: 79px auto 0;
        padding-right: 0;
    }

    #main #preface .contents-inner .block-con .text-con .title {
        font-size: 13px;
    }

    #main #preface .contents-inner .block-con .text-con .catch {
        /* max-width: 455px; */
        /* width: 86%; */
        margin-top: 18px;
        line-height: 1.1;
    }

    #main #preface .contents-inner .block-con .text-con .text-con-text {
        margin-top: 32px;
    }

    #main #preface .contents-inner .block-con .photo-con {
        order: 1;
        width: 100%;
        max-width: 410px;
        margin: 0 auto;
    }

    #main #preface .contents-inner .block-con .photo-con img {}

    #main #cts {
        margin: 0;
    }

    #main #cts .cts-inner {
        margin-top: calc(3.2vw + 50px);
    }

    #main #cts .block-cts {}

    #main #cts .block-cts.block-cts2 {}

    #main #cts .block-cts-main .block-cts:first-child {
        margin-right: 40px;
    }

    #main #cts .block-cts .block {}

    #main #cts .block-cts .block.cts-r2 {}

    #main #cts .block-cts .block.cts-r2 .text-wrap {}

    #main #cts .cts-inner .block-cts {
        margin-top: 10vw;
        height: inherit !important;
    }

    #main #cts .cts-inner .block-cts:nth-child(2) {}

    #main #cts .cts-inner .block-cts:nth-child(3) {}

    #main #cts .cts-inner .block-cts:nth-child(4) {
        /* margin-top: 10vw; */
    }

    #main #cts .block-cts .block .photo {}

    #main #cts .block-cts .block .photo.boxR:after {}

    #main #cts .block-cts .block .photo.boxRm:after {}

    #main #cts .block-cts .cts-l .photo {}

    #main #cts .block-cts .cts-r .photo {}

    #main #cts .block-cts .cts-r2 .photo {}

    #main #cts .block-cts .block .photo1 .imgWrap {}

    #main #cts .block-cts .block .photo2 {}

    #main #cts .block-cts .block .photo3 {}

    #main #cts .block-cts .block .photo4 {}

    #main #cts .block-cts .block .photo5 {}

    #main #cts .block-cts .block .photo6 {}

    #main #cts .block-cts .block .photo7 {}

    #main #cts .block-cts .block .photo .imgWrap {}

    #main #cts .block-cts .block .bg_scroll,
    #main #cts .block-cts .block .bg_scroll2,
    #main #cts .block-cts .block .bg_scroll3,
    #main #cts .block-cts .block .bg_scroll7 {}

    #main #cts .block-cts .block .text {
        width: 50%;
        position: relative;
        /* padding-top: 7px; */
        padding-bottom: 0;
        top: 0.6vw;
    }

    #main #cts .block-cts .cts-l .text {
        left: 50%;
        /* margin-left: 50px; */
        /* min-height: inherit; */
        padding-right: 0;
    }

    #main #cts .block-cts .cts-l .text .fade {
        padding-left: 50px;
        padding-right: 60px;
    }

    #main #cts .block-cts .cts-r .text .fade {
        padding-left: 60px;
        padding-right: 50px;
    }


    #main #cts .block-cts .cts-r .text {
        right: inherit;
        left: 0;
        padding-left: 0;
    }

    #main #cts .block-cts .cts-r2 .text {
        width: 58%;
        top: 10.6vw;
        padding: 75px 46px 0 60px;
    }

    #main #cts .block-cts .cts-r2 .text .fade {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .parallax-window {}

    .parallax-slider {}

    #main #cts .block-cts .block .text h3 {}

    #main #cts .block-cts .block .text h3.type2 {}

    #main #cts .block-cts .block .text h3 span {
        margin-bottom: 11px;
    }

    #main #cts .block-cts .block .text h3:after {}

    #main #cts .block-cts .block .text .text-head {
        margin-top: 16px;
        line-height: 1.5;
    }

    #main #cts .block-cts .block .text .text-body {
        margin-top: 17px;
    }

    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more::before {
        top: 13px;
        right: 11px;
        width: 14px;
        height: 8px;
        background-size: 100%;
    }

    #main #cts .block-cts .block .text .btn-more::after {}

    #main #cts .block-cts .block .text .fade * {}

    #main #cts .block-cts .block .text .fade h3 {
        font-size: 32px;
    }

    #main #cts .block-cts .cts-r2 .text .fade h3 {
        width: inherit;
    }

    #main #cts .block-cts .cts-r2 .text .fade>div {
        width: inherit;
        margin-top: 17px;
    }

    #main #cts .cts-inner .block-cts:nth-child(4) .block .text .fade h3 {
        font-size: 40px;

    }

    #main #cts .block-cts .block .text .fade .text-head,
    #main #cts .block-cts .block .text .fade .text-body {}

    #main #cts .block-cts .block .text .fade .btn-more {
        margin-top: 25px;
    }

    #main #cts .block-cts-main .block-cts .block:nth-child(2) .text .fade {}

    #main #cts .block-cts .block .text .anime * {}


    #main #cts .block-cts .block .text-b {
        margin-top: 33.8vw;
        padding-left: 0;
    }

    #main #cts .block-cts .block .text-b h3 {}

    #main #cts .block-cts .block .text-b .text-head {}

    #main #cts .block-cts .block .text-b .img {}

    #main #cts .block-cts .block .text-b .img img {}

    #main #cts .block-cts .block .text h3.type2 span {}

    #main #cts .block-cts .block .text .test-sub {}

    #main #cts .block-cts .block .text .test-sub+.text-head {}

    #main #cts .big-text {
        margin-top: 14vw;
        left: 25%;
    }

    #main #cts .n-wrap {
        margin-top: 0;
    }

    #main #cts .n-wrap .n-news {}

    #main #cts .n-wrap .n-topics {}

    .ft-link {
        padding: 85px 0 0;
    }

    .ft-link img {}

    .ft-link a {}

    .ft-link a h3 {
        left: 20px;
        bottom: 18px;
        font-size: 24px;
    }

    .ft-link a h3 span {
        margin-bottom: 9px;
    }

    #main #topics-multicolumn {
        padding: 14.4vw 0 298px;
    }

    #main #topics-multicolumn {}

    /* 通常 */
    #main #cts .block-cts .block .text .btn-more {
        margin-top: 18px;
        padding: 7px 43px 7px 0;
    }

    #main #cts .block-cts .block .text .btn-more:before,
    #main #cts .block-cts .block .text .btn-more:after {}

    #main #cts .block-cts .block .text .btn-more:after {
        width: 35px;
        height: 35px;
    }

    /* マウスオーバー */
    #main #cts .block-cts .block .text .btn-more.hover {}

    #main #cts .block-cts .block .text .btn-more.hover:after,
    #main #cts .block-cts .block .text .btn-more.hover:before {}

    /* マウスオーバー */

    #main #cts .block-cts-2col {
        margin-top: 13.4vw;
    }

    #main #cts .block-cts-main {
        padding-bottom: 18px;
    }

    #main #cts .block-cts-2col .block-cts {
        width: calc(50% - 20px);
    }

    #main #cts .block-cts-2col .block-cts:last-child {}

    #main #cts .block-cts-2col .block-cts .block {}

    #main #cts .block-cts-2col .block-cts .block .photo {
        height: 26.4vw;
    }

    #main #cts .block-cts .block .photo img {}


    #main #cts .block-cts-2col .block-cts .block .text {
        width: 100%;
        margin-top: 37px;
        max-width: inherit;
    }

    #main h2 {}


    #main #cts .block-cts .block .photo:after {}

    #main #cts .block-cts .block .photo.boxL:after {}

    #main #cts .block-cts .block .photo.boxLm:after {}


    #main #news {}

    #main #news .contents-inner {}

    #main #news .link-list {
        margin-right: 0;
        margin-top: 35px;
        width: 140px;
    }

    #main #news .link-list-customers {}

    #main #news .link-list a {}

    #main #news .link-list span {}

    #main #news .link-list .link-list-customers span {}

    #main #news .link-list span:before {}

    #main #news .link-list span:after {}

    #main #news .link-list .link-list-customers span:after {}

    #main #news .block-news {
        margin-top: 35px;
        padding-left: 5px;
    }

    #main #news .block-news ul {}

    #main #news .block-news ul li {
        margin-bottom: 17px;
        padding-bottom: 16px;
    }

    #main #news .block-news ul li:last-child {}

    #main #news .block-news ul li span,
    #main #news .block-news ul li div {}

    #main #news .block-news ul li span {}

    #main #news .block-news ul li div {}


    #main #news {
        margin-top: 0;
    }

    #main #news .contents-inner {
        display: block;
        padding: 69px 60px 0;
    }

    #main #news h2 {}

    #main #news .title-wrap {
        width: inherit;
    }

    #main #news {
        padding: 26px 0 0;
    }

    #main #news .contents-inner {
        margin: -233px 60px 0;
        /* padding: 0 0 115px 0; */
        /* position: relative; */
        /* background-color: transparent; */
    }

    #main #news .contents-inner-customers {
        margin: 0 auto;
        padding: 0 0 115px 0;
        position: relative;
    }

    #main #news .link-list {
        /* position: absolute; */
        /* bottom: 0; */
        right: 0px;
        width: 150px;
        /* height: 50px; */
        margin-left: auto;
        margin-right: 110px;
        margin-top: 46px;
    }

    #main #news .link-list a {
        /* display: block; */
        /* border: solid 1px #000; */
        /* border-radius: 5px; */
        /* text-align: center; */
        /* margin: 0 auto; */
        /* padding: 8px 0; */
        /* font-size: 1.4rem; */
        /* font-weight: 600; */
        /* max-width: 315px; */
    }

    #main #news .link-list a span {
        /* position: relative; */
        /* padding-left: 20px; */
        /* display: block; */
        /* border: solid 1px #000; */
        /* margin: 0 0 0 15px; */
        /* padding: 10px 10px 10px 20px; */
    }

    #main #news .link-list a span:after {
        /* content: ""; */
        /* position: absolute; */
        /* top: 50%; */
        /* left: 0px; */
        /* width: 10px; */
        /* height: 10px; */
        /* margin-top: -5px; */
        /* background-image: url(/wp-content/themes/d-quest/images/icon_list.png); */
        /* background-size: 100% auto; */
    }

    #main #news .block-news {
        background-color: #fff;
        padding: 0;
        margin: 0;
        width: 100%;
        margin-top: 45px;
        margin-left: 0;
        padding-left: 5px;
    }

    #main #news .block-news ul {}

    #main #news .block-news ul li {
        border-bottom: solid 1px #dddddd;
        margin-bottom: 22px;
        padding-bottom: 20px;
    }

    #main #news .block-news ul li:last-child {
        /* border-bottom: none; */
        /* margin-bottom: 0; */
        /* padding-bottom: 0; */
    }

    #main #news .block-news ul li span,
    #main #news .block-news ul li div {
        /* font-size: 1.2rem; */
    }

    #main #news .block-news ul li span {
        /* display: block; */
        /* font-size: 1.0rem; */
        /* margin-bottom: 5px; */
    }

    #main #news .block-news ul li div {
        overflow: auto;
    }


    #main #topics-multicolumn {
        width: 100%;
        /* background-color: #031832; */
        padding-top: 36px;
    }

    #main #topics-multicolumn h2 {
        /* margin-bottom: 30px; */
        /* color: #fff; */
    }

    #main #topics-multicolumn .contents-inner {
        /* width: 100%; */
        /* padding:0 30px; */
        margin: 0;
    }

    #main #topics-multicolumn .no-masonry {
        /* width: 100% !important; */
        /* height: inherit !important; */
        /* position: relative; */
        /* padding-bottom: 20px; */
    }

    #main #topics-multicolumn .no-masonry .item {
        /* background-color: #1b324e; */
        /* margin: 0 15px 10px; */
        /* position: static !important; */
    }

    #main #topics-multicolumn .no-masonry .item .item-inner {
        position: relative;
        /* padding: 13px 15px 46px; */
    }

    #main #topics-multicolumn .no-masonry .item .item-inner a {
        /* position: absolute; */
        /* width: 100%; */
        /* height: 100%; */
        /* top: 0; */
        /* left: 0; */
    }

    #main #topics-multicolumn .no-masonry .item .tag,
    #main #topics-multicolumn .no-masonry .item .title {
        /* position: absolute; */
        /* color: #fff; */
    }

    #main #topics-multicolumn .no-masonry .item .tag {
        /* bottom: 10px; */
        /* right: 15px; */
        /* background-color:#031832; */
        /* padding: 3px 6px 3px; */
        /* border: solid 1px #fff; */
        /* font-size: 1.2rem; */
    }

    #main #topics-multicolumn .no-masonry .item .title {
        /* width: 55%; */
        /* left: 0; */
        /* bottom: 0; */
        /* margin-left: 140px; */
        /* padding: 0; */
        /* font-weight: 600; */
        /* font-size: 1.4rem; */
        /* line-height: 1.5; */
        /* font-weight: 600; */
    }

    #main #topics-multicolumn .no-masonry .item .photo {
        /* width: 120px; */
        /* height: 35%; */
        /* overflow: hidden; */
        /* padding-bottom: 17px; */
        /* margin-bottom: 34px; */
        /* border-bottom: solid 1px #031832; */
    }

    #main #topics-multicolumn .no-masonry .item .photo img {
        /* width: auto; */
        /* height: 90px; */
    }

    #main #topics-multicolumn .no-masonry .item .photo .photoInner {
        /* width: 150px; */
        /* overflow: hidden; */
        /* margin-left: -30px; */
    }


    #main #topics-multicolumn .no-masonry .item .date {
        /* font-size: 1.1rem; */
        /* font-weight: normal; */
        /* position: absolute; */
        /* bottom: 13px; */
        /* left: 20px; */
        /* color: #6a7483; */
        margin-top: 19px;
    }

    #main #topics-multicolumn .link-relation {
        text-align: right;
        padding-bottom: 30px;
        margin-right: 20px;
    }

    #main #topics-multicolumn .link-relation a {
        color: #fff;
        font-size: 1.3rem;
        position: relative;
        margin-right: 10px;
        padding-right: 15px;
    }

    #main #topics-multicolumn .link-relation a:after {
        content: "";
        position: absolute;
        vertical-align: middle;
        width: 7px;
        height: 7px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        z-index: 2;
        top: 50%;
        right: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-left: -5px;
        margin-top: -5px;
    }




    .swiper-button-prev,
    .swiper-button-next {
        width: 45px;
        height: 45px;
        bottom: 105px;
    }

    .swiper-button-prev {
        right: 70px;
    }

    .swiper-button-next {
        right: 20px;
    }

    .swiper-button-prev::before,
    .swiper-button-next::before {
        width: 15px;
    }

    .swiper-button-prev::before {
        right: 15px;
        top: 17px;
    }

    .swiper-button-next::before {
        left: 15px;
        top: 17px;
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {}

    .swiper-scrollbar {
        margin-left: 20px;
        width: calc(100% - 155px);
        bottom: 128px;
    }

    .swiper-scrollbar::before {}

    .swiper-scrollbar-drag {}

    #main #cts .btn-more2 {
        /* margin-top: 18px; */
        /* float: right; */
        height: 36px;
        /* padding-right: 45px; */
        /* transition: none; */
    }


    #header #mv {}

    #header #mv .slide {}

    .video.photo {}

    .video.photo div {}

    .video.photo div img {}

    .video.photo div img.mask {}

    .video.photo div img.bg {}

    .video.photo .photo1 {}

    /**/

    .video.photo div svg {}


    #video-area {}

    #video {}

    .mask {}

    #header .catch1,
    #header .catch2 {}

    #header .catch1 {}

    #header .catch1 span {}

    #header .catch2 {
        left: 0;
        margin-top: -112px;
        /* width: 84.7vw; */
        padding: 0 20px;
    }

    #header .catch2 div {
        font-weight: bold;
        font-size: 53px;
        line-height: 72px;
        text-align: left;
        color: #fff;
    }

    #header .catch2 span {
        padding-left: 0;
    }

    #header .catch2 img {}

    #header .btn-contact {}

    #header #mv .btn-contact {
        display: none !important;
    }

    #header .btn-contact span {}

    #header .btn-contact span::before {}

    #header #scr {}

    #header #scr:hover {
        bottom: 5px;
    }

    #header #mv #scr::before {}

    .bg-gray {}

    #main {}

    #mainInnner {}

    #main #preface {
        padding-top: 60px;
        padding-bottom: 0;
    }

    #main #preface img {}

    #main #preface .contents-inner {}

    #main #preface .contents-inner .block-con {}

    #main #preface .contents-inner .block-con .text-con {
        margin: 62px auto 0;
    }

    #main #preface .contents-inner .block-con .text-con .title {
        font-size: 16px;
    }

    #main #preface .contents-inner .block-con .text-con .catch {
        /* width: 89%; */
        margin-top: 11px;
        /* font-family: Manrope; */
        /* font-weight: 900; */
        font-size: 38px;
        /* letter-spacing: -0.03em; */
        /* line-height: 75px; */
        /* text-align: left; */
        /* color: #000; */
    }

    #main #preface .contents-inner .block-con .text-con .text-con-text {
        margin-top: 9px;
        line-height: 2;
        font-size: 16px;
    }

    #main #preface .contents-inner .block-con .photo-con {
        max-width: inherit;
        padding: 0 20px;
    }

    #main #preface .contents-inner .block-con .photo-con img {}

    #main #cts {
        margin: 0;
    }

    #main #cts .cts-inner {
        margin-top: 15.6vw;
    }

    #main #cts .block-cts {}

    #main #cts .block-cts.block-cts2 {}

    #main #cts .block-cts-main .block-cts:first-child {}

    #main #cts .block-cts .block {}

    #main #cts .block-cts .block.cts-r2 {}

    #main #cts .block-cts .block.cts-r2 .text-wrap {
        display: flex;
        flex-direction: column;
        padding-top: 45px;
        /* max-width: 570px; */
        padding-left: 0;
        padding-right: 0;
        padding: 0 20px 0 20px;
    }

    #main #cts .cts-inner .block-cts {
        margin-top: 116px;
    }

    #main #cts .cts-inner .block-cts:nth-child(2) {}

    #main #cts .cts-inner .block-cts:nth-child(3) {}

    #main #cts .cts-inner .block-cts:nth-child(4) {
        /* margin-top: 15.8vw; */
    }

    #main #cts .block-cts .block .photo {
        width: 100%;
        position: relative;
        /* width: inherit; */
        height: 71vw;
    }

    #main #cts .block-cts .block .photo.boxR:after {}

    #main #cts .block-cts .block .photo.boxRm:after {}

    #main #cts .block-cts .cts-l .photo {
        margin-right: 20px;
    }

    #main #cts .block-cts .cts-r .photo {
        margin-left: 20px;
    }

    #main #cts .block-cts .cts-r2 .photo {
        /* height: inherit; */
        height: 75vw;
        position: relative;
        margin-left: 0;
    }

    #main #cts .block-cts .block .photo1 .imgWrap {}

    #main #cts .block-cts .block .photo2 {}

    #main #cts .block-cts .block .photo3 {}

    #main #cts .block-cts .block .photo4 {}

    #main #cts .block-cts .block .photo5 {}

    #main #cts .block-cts .block .photo6 {}

    #main #cts .block-cts .block .photo7 {}

    #main #cts .block-cts .block .photo .imgWrap {
        /* position: relative; */
        /* overflow: hidden; */
        top: 0 !important;
    }

    #main #cts .block-cts .block .bg_scroll,
    #main #cts .block-cts .block .bg_scroll2,
    #main #cts .block-cts .block .bg_scroll3,
    #main #cts .block-cts .block .bg_scroll7 {}

    #main #cts .block-cts .block .text {
        position: relative;
        left: 0;
        margin: 44px 0 0;
        padding: 0 20px;
        width: inherit;
    }

    #main #cts .block-cts .cts-l .text {}

    #main #cts .block-cts .cts-r .text {}

    #main #cts .block-cts .cts-r2 .text {
        width: 100%;
        top: 0;
        margin-top: 0;
        padding: 0;
    }

    #main #cts .block-cts .block.cts-r2 .text-b {
        margin-top: 0;
    }

    #main #cts .block-cts .block.cts-r2 .text-b h3 {
        font-size: 24px;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .text-head {
        font-size: 15px;
        margin-top: 16px;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img {
        margin-top: 4px;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img ul {}

    #main #cts .block-cts .block.cts-r2 .text-b .img ul li {
        width: 25%;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img ul li img {
        width: 90%;
    }

    #main #cts .block-cts .cts-r .text .fade {
        padding: 0;
    }

    #main #cts .block-cts .cts-l .text .fade {
        padding: 0;
    }

    .parallax-window {}

    .parallax-slider {}

    #main #cts .block-cts .block .text h3 {}

    #main #cts .block-cts .block .text h3.type2 {}

    #main #cts .block-cts .block .text h3 span {}

    #main #cts .block-cts .block .text h3:after {}

    #main #cts .block-cts .block .text .text-head {
        margin-top: 17px;
    }

    #main #cts .block-cts .block .text .text-body {}

    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more::before {}

    #main #cts .block-cts .block .text .btn-more::after {}

    #main #cts .block-cts .block .text .fade {
        position: relative;
        transition: none;
        opacity: 1;
    }

    #main #cts .block-cts .block .text .fade h3 {}

    #main #cts .block-cts .block .text .fade .text-head,
    #main #cts .block-cts .block .text .fade .text-body {}

    #main #cts .block-cts .block .text .fade .btn-more {
        float: right;
        margin-right: 25px;
    }

    #main #cts .block-cts-main .block-cts .block:nth-child(2) .text .fade {}

    #main #cts .block-cts .block .text .anime * {}


    #main #cts .block-cts .block .text-b {
        width: 100%;
        padding: 0 20px;
        margin-top: 16.4vw;
    }

    #main #cts .block-cts .block .text-b .fade {
        max-width: inherit;
        width: 100%;
    }

    #main #cts .block-cts .block .text-b h3 {}

    #main #cts .block-cts .block .text-b .text-head {}

    #main #cts .block-cts .block .text-b .img {
        margin-top: 32px;
    }

    #main #cts .block-cts .block .text-b .img img {}

    #main #cts .block-cts .block .text h3.type2 span {}

    #main #cts .block-cts .block .text .test-sub {}

    #main #cts .block-cts .block .text .test-sub+.text-head {}

    #main #cts .big-text {
        font-size: 100px;
        margin-top: 0;
        left: 40px;
    }

    #main #cts .n-wrap {}

    #main #cts .n-wrap .n-news {}

    #main #cts .n-wrap .n-topics {}

    .ft-link {
        display: flex;
        flex-direction: column;
    }

    .ft-link img {}

    .ft-link a {
        width: 100%;
    }

    .ft-link a h3 {
        left: 20px;
        bottom: 50px;
        font-size: 26px;
    }

    .ft-link a h3 span {
        margin-bottom: 10px;
    }

    #main #topics-multicolumn {}

    #main #topics-multicolumn {
        padding: 12.5vw 0 0;
    }

    #main #topics-multicolumn .contents-inner {
        padding-left: 20px;
    }

    /* 通常 */
    #main #cts .block-cts .block .text .btn-more {}

    #main #cts .block-cts .block .text .btn-more:before,
    #main #cts .block-cts .block .text .btn-more:after {}

    #main #cts .block-cts .block .text .btn-more:after {}

    /* マウスオーバー */
    #main #cts .block-cts .block .text .btn-more.hover {
        float: right;
    }

    #main #cts .block-cts .block .text .btn-more.hover:after,
    #main #cts .block-cts .block .text .btn-more.hover:before {}

    /* マウスオーバー */

    #main #cts .block-cts-2col {
        padding: 0 20px;
        margin-top: 15.1vw;
    }

    #main #cts .block-cts-main {
        padding-bottom: 16vw;
        padding-top: 56px;
    }

    #main #cts .block-cts-2col .block-cts {
        float: inherit;
        width: 100%;
    }

    #main #cts .block-cts-2col .block-cts:last-child {
        margin-top: 54px;
    }

    #main #cts .block-cts-2col .block-cts .block {}

    #main #cts .block-cts-2col .block-cts .block .photo {
        height: 60vw;
    }

    #main #cts .block-cts .block .photo img {
        /* position: relative; */
        /* width: 100%; */
        /* height: auto; */
        /* position: absolute; */
        /* left: 0; */
        /* top: 0; */
    }

    #main #cts .block-cts.block-cts2 .block .photo img {
        top: 0;
    }

    #main #cts .block-cts-2col .block-cts .block .text {
        margin-top: 44px;
        padding-bottom: 60px;
    }

    #main #cts .block-cts-2col .block-cts:nth-child(2) .block .text {
        padding-bottom: 48px;
    }

    #main h2 {}

    #main #news {
        margin-top: 0;
        padding: 0 15px;
    }

    #main #news h2 {
        font-size: 38px;
    }

    #main #news .title-wrap {
        margin-left: 5px;
    }

    #main #cts .block-cts .block .photo:after {
        opacity: 0;
        display: none;
    }

    #main #cts .block-cts .block .photo.boxL:after {}

    #main #cts .block-cts .block .photo.boxLm:after {}

    #main #news .contents-inner {
        margin: 0;
        padding: 69px 0px 0 0;
    }

    #main #cts .block-cts:nth-child(4) .cts-r .text {
        padding-left: 20px;
    }

    #main #news .block-news ul li div {
        margin-top: 1px;
    }

    #main #news .block-news {
        margin-top: 34px;
    }

    #main #news .block-news ul li {
        margin-bottom: 17px;
        padding-bottom: 16px;
    }

    #main #news .link-list {
        margin-right: 0;
        margin-top: 35px;
    }

    #main #topics-multicolumn .btn-more-wrap {
        bottom: inherit;
        top: 119px;
        right: 20px;
        height: 35px;
        position: relative;
    }


    #main #topics-multicolumn {}

    #main #topics-multicolumn h2 {
        margin-left: 0;
        font-size: 38px;
        margin-bottom: 36px;
    }

    #main #topics-multicolumn .contents-inner {
        margin-left: 0;
        padding-bottom: 159px;
        /* width: 100%; */
    }

    #main #topics-multicolumn .no-masonry {
        margin-left: 0;
        /* margin-right: 30px; */
    }

    #main #topics-multicolumn .no-masonry .item {
        width: calc(100% - 75px);
    }

    #main #topics-multicolumn .no-masonry .item .item-inner {
        /* width: calc(100% - 55px); */
    }

    #main #topics-multicolumn .no-masonry .item a {}

    #main #topics-multicolumn .no-masonry .item .tag,
    #main #topics-multicolumn .no-masonry .item .title {}

    #main #topics-multicolumn .no-masonry .item .tag {
        margin-top: 9px;
    }

    #main #topics-multicolumn .no-masonry .item .title {
        font-size: 16px;
        margin-top: 1px;
    }

    #main #topics-multicolumn .no-masonry .item .date {}

    #main #topics-multicolumn .no-masonry .item .photo {}

    #main #topics-multicolumn .no-masonry .item .photo .photoInner {}

    #main #topics-multicolumn .no-masonry .item .photo img {
        height: auto;
        width: 100%;
    }

    #main #topics-multicolumn .no-masonry .item:nth-child(1) .photo,
    #main #topics-multicolumn .no-masonry .item:nth-child(4) .photo {}

    #main #topics-multicolumn .no-masonry .item:nth-child(1) .photo img,
    #main #topics-multicolumn .no-masonry .item:nth-child(4) .photo img {}




    #main #topics-multicolumn .btn-more-wrap {
        position: absolute;
        bottom: 32px;
        right: 40px;
        /* width: 136px; */
        /* float: right; */
    }

    #main #topics-multicolumn .btn-more {
        position: absolute;
        bottom: 0;
        padding: 14px 38px 14px 0;
    }

    #main #topics-multicolumn .btn-more::before {}

    #main #topics-multicolumn .btn-more::after {}



    #main #cts #news .btn-more2:hover span.b {
        background-size: 22px 6px;
        width: 11px;
        height: 6px;
        top: 16px;
        right: 12px;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%229%22%20viewBox%3D%220%200%2036%209%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22mask%22%20width%3D%2218%22%20height%3D%229%22%20transform%3D%22translate(447%206046.614)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_55%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2055%22%20transform%3D%22translate(-277%20-3121)%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-170%20-2925.614)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22arrow02%22%20d%3D%22M-618.526%2C2245.244a.693.693%2C0%2C0%2C1%2C.095-1l3.155-2.533h-14.486a.725.725%2C0%2C0%2C1-.738-.71.725.725%2C0%2C0%2C1%2C.738-.711h14.486l-3.155-2.533a.691.691%2C0%2C0%2C1-.095-1%2C.757.757%2C0%2C0%2C1%2C1.039-.091l4.721%2C3.789.005%2C0h0l.012.01%2C0%2C0%2C.01.009.005%2C0%2C.009.008.006.006.007.007.007.007%2C0%2C0%2C.023.026.021.025h0l.01.013h0l.01.013v0a.69.69%2C0%2C0%2C1%2C.127.37h0c0%2C.005%2C0%2C.01%2C0%2C.015s0%2C0%2C0%2C.006v.02s0%2C0%2C0%2C.005%2C0%2C.01%2C0%2C.015h0a.691.691%2C0%2C0%2C1-.127.37h0l-.01.014h0l-.01.013h0l-.021.025a.724.724%2C0%2C0%2C1-.1.1l-4.711%2C3.781a.753.753%2C0%2C0%2C1-.472.164A.75.75%2C0%2C0%2C1-618.526%2C2245.244Z%22%20transform%3D%22translate(1041.5%203810.115)%22%20fill%3D%22%23043c78%22%2F%3E%20%3Cpath%20id%3D%22arrow01%22%20d%3D%22M-618.526%2C2245.244a.693.693%2C0%2C0%2C1%2C.095-1l3.155-2.533h-14.486a.725.725%2C0%2C0%2C1-.738-.71.725.725%2C0%2C0%2C1%2C.738-.711h14.486l-3.155-2.533a.691.691%2C0%2C0%2C1-.095-1%2C.757.757%2C0%2C0%2C1%2C1.039-.091l4.721%2C3.789.005%2C0h0l.012.01%2C0%2C0%2C.01.009.005%2C0%2C.009.008.006.006.007.007.007.007%2C0%2C0%2C.023.026.021.025h0l.01.013h0l.01.013v0a.69.69%2C0%2C0%2C1%2C.127.37h0c0%2C.005%2C0%2C.01%2C0%2C.015s0%2C0%2C0%2C.006v.02s0%2C0%2C0%2C.005%2C0%2C.01%2C0%2C.015h0a.691.691%2C0%2C0%2C1-.127.37h0l-.01.014h0l-.01.013h0l-.021.025a.724.724%2C0%2C0%2C1-.1.1l-4.711%2C3.781a.753.753%2C0%2C0%2C1-.472.164A.75.75%2C0%2C0%2C1-618.526%2C2245.244Z%22%20transform%3D%22translate(1077.5%203810.115)%22%20fill%3D%22%23043c78%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026%22%20width%3D%2218%22%20height%3D%229%22%20transform%3D%22translate(295%203121)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
        background-position: 0 0;
    }

    #main #cts #news .btn-more2 div {}

    #main #cts #news .btn-more2:hover div {
        width: 36px;
        height: 36px;
    }


}


@media screen and (max-width: 375px) {
    #main #cts .block-cts.block-cts2 {
        margin-top: 15.6vw;
    }
    #main #cts .block-cts .block.cts-r2 .text-wrap {
        padding: 0 20px 0;
    }
    #main #cts .block-cts .block.cts-r2 .text-b .img {
        margin-top: 3px;
    }
    #main #cts .block-cts .block.cts-r2 .text-b .img ul li {
        width: calc(33.333% - 7px);
        margin-right: 10px;
    }
    #main #cts .block-cts .block.cts-r2 .text-b .img ul li img {
        width: 100%;
    }

    #main #cts .block-cts .block.cts-r2 .text-b .img ul li:nth-child(3n) {
        margin-right: 0px;
    }
}