/* block btn */
p{
    line-height: 1.5em;
}
.block-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-btn a {
    background: var(--main-theme-color);
    border-radius: 25px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 8px 24px rgb(19 150 172 / 50%));
    font-size: 18px;
    font-weight: 900;
    height: 72px;
    padding: 0 50px;
    position: relative;
    min-width: 360px;
    width: 100%;
    max-width: max-content;
}
.block-btn a::after {
    background: url(../images/top/icon-circle-arrow-w.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    width: 20px;
}
@media screen and (max-width: 768px) {
    .block-btn a {
        font-size: 15px;
        min-width: 280px;
    }
}

/* blockname */
.mv {
    height: 100vh;
    max-height: 768px;
    position: relative;
    width: 100%;
}
.mv-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 動画をセクション全体にカバー */
    z-index: -1; /* 背景にする */
    pointer-events: none; /* クリックを透過させる */
}
.mv-inner {
    background: url(../images/top/mv.png) no-repeat;
    background-position: center;
    background-size: contain;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 95%;
    max-width: var(--main-column);
}
.mv-btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 50%;
}
.mv-btn::before,
.mv-btn::after {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
}
.mv-btn::before {
    background-image: url(../images/top/mv-chara1.png);
    height: 85px;
    top: -40px;
    left: 25px;
    width: 80px;
}
.mv-btn::after {
    background-image: url(../images/top/mv-chara2.png);
    height: 119px;
    right: -35px;
    bottom: -25px;
    width: 72px;
}
.mv-btn__item {
    width: 48.5%;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .mv {
        max-height: 810px;
    }
    .mv-inner {
        background-image: url(../images/top/mv-sp.png);
        height: 100%;
        margin: 0 auto;
        position: relative;
        width: 95%;
        max-width: var(--main-column);
    }
    .mv-btn {
        margin: 0 auto;
        bottom: 10%;
        width: 100%;
    }
    .mv-btn::before {
        height: 62px;
        top: -50px;
        left: 40px;
        width: 57px;
    }
    .mv-btn::after {
        height: 83px;
        right: 0;
        bottom: -35px;
        width: 50px;
    }
}
@media screen and (max-width: 568px) {
    .mv {
        max-height: 600px;
    }
    .mv-btn {
        bottom: 15%;
    }
}
@media screen and (max-width: 768px) {}

/* news */
.news {
    background: #DBF8FF;
    border-radius: 32px;
    filter: drop-shadow(0 8px 40px rgb(14 113 129 / 20%));
    height: 93px;
    margin: calc((93px / 2) * -1) auto 0;
    width: 95%;
    max-width: var(--main-column);
}
.news-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 50px;
    width: 100%;
}
.news-ttl {
    border-right: 1px solid #899EA5;
    width: 120px;
}
.news-ttl h2 {
    color: #3C4A60;
    font-size: 13px;
    font-weight: 700;
}
.news-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 120px);
}
.news-item {
    padding-left: 45px;
    width: calc(100% - 150px);
}
.news-item a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.news-item a .news-item__date {
    color: #899EA5;
    font-size: 16px;
    font-weight: 500;
    width: 100px;
}
.news-item a .news-item__ttl {
    color: #00A1B8;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 120px);
}
.news-link {
    width: 150px;
}
.news-link a {
    color: #00A1B8;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
}
.news-link a::after {
    background: url(../images/top/icon-arrow-b.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 8px;
    margin-left: 5px;
    width: 4px;
}
@media screen and (max-width: 768px) {
    .news {
        border-radius: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 120px;
        margin: calc((120px / 2) * -1) auto 0;
    }
    .news-inner {
        display: block;
        height: max-content;
        padding: 0 25px;
    }
    .news-ttl {
        border-bottom: 1px solid #899EA5;
        border-right: 0;
        margin-bottom: 10px;
        padding: 0 0 10px;
        width: 100%;
    }
    .news-body {
        width: 100%;
    }
    .news-item {
        padding-left: 0;
        width: 100%;
    }
    .news-item a .news-item__date {
        font-size: 14px;
        width: 80px;
    }
    .news-item a .news-item__ttl {
        font-size: 14px;
        width: calc(100% - 80px);
    }
    .news-link {
        display: flex;
        justify-content: flex-end;
        margin: 10px 0 0;
        width: 100%;
    }
}

/* companylist */
.companylist {
    padding: 65px 0;
}
.companylist-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--main-column);
}
.companylist-head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 45px;
}
.companylist-head::before,
.companylist-head::after {
    background: #00A1B8;
    content: "";
    height: 25px;
    width: 3px;
}
.companylist-head::before {
    margin-right: 15px;
    transform: rotate(-25deg);
}
.companylist-head::after {
    margin-left: 15px;
    transform: rotate(25deg);
}
.companylist-head h2 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}
.companylist-head h2 span {
    color: #00A1B8;
}
.companylist-items {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.companylist-item {
    width: calc((100% / 5) - 20px);
}
@media screen and (max-width: 968px) {
    .companylist-head h2 {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .companylist-head::before,
    .companylist-head::after {
        height: 45px;
        width: 2px;
    }
    .companylist-head h2 {
        font-size: 16px;
    }
    .companylist-items {
        gap: 15px;
    }
    .companylist-item {
        width: calc((100% / 3) - 15px);
    }
}

/* seminar */
.seminar {
    background: var(--bg1);
    padding: 85px 0;
}
.seminar-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--main-column);
}
.seminar-head {
    margin: 0 0 45px;
    text-align: center;
}
.seminar-head h2 {
    color: #00A1B8;
    font-size: 32px;
    font-weight: 900;
}
.seminar-items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.seminar-item {
    width: 48.5%;
}
.seminar-item a {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    filter: drop-shadow(3px 3px 0 rgb(5 74 77 / 15%));
    position: relative;
}
.seminar-item a::after {
    background: url(../images/top/icon-circle-arrow-b.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    height: 20px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 20px;
}
.seminar-item__image {
    line-height: 0;
    height: 200px;
    width: 272px;
}
.seminar-item__image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    max-width: none;
}
.seminar-item__text {
    background: #fff;
    padding: 20px;
    width: calc(100% - 272px);
}
.seminar-item__ttl {
    color: var(--main-theme-color);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.seminar-item__tag {
    background: var(--main-theme-color);
    border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    height: 27px;
    margin: 8px 0 12px;
    padding: 0 15px;
    width: 100%;
    max-width: max-content;
}
.seminar-item__list {
    display: grid;
    gap: 5px;
    margin-top: 12px;
}
.seminar-list__item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.seminar-list__item dt {
    background: #DFE7E8;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
    padding: 3px 0;
    text-align: center;
    width: 80px;
}
.seminar-list__item dd {
    color: #3C4A60;
    font-size: 14px;
    font-weight: 700;
    width: calc(100% - 90px);
}
.seminar-btn {
    margin: 45px 0 0;
}
@media screen and (max-width: 1168px) {
    .seminar-item {
        background: #fff;
    }
    .seminar-item__image {
        width: 220px;
    }
    .seminar-item__text {
        padding: 12px;
        width: calc(100% - 220px);
    }
}
@media screen and (max-width: 968px) {
    .seminar-items {
        gap: 25px;
    }
    .seminar-item {
        background: none;
        width: 100%;
    }
    .seminar-item__image {
        width: 270px;
    }
    .seminar-item__text {
        width: calc(100% - 270px);
    }
}
@media screen and (max-width: 768px) {
    .seminar-item__image {
        width: 150px;
    }
    .seminar-item__image img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        max-width: none;
    }
    .seminar-item__text {
        width: calc(100% - 150px);
    }
}
@media screen and (max-width: 768px) {
    .seminar-item a {
        display: block;
    }
    .seminar-item__image {
        height: 150px;
        width: 100%;
    }
    .seminar-item__text {
        width: 100%;
    }
}

/* about */
.about {
    background: url(../images/top/about-bg.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 85px 0;
}
.about-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--main-column);
}
.about-head {
    margin: 0 0 65px;
}
.about-head__fukidashi {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
.about-head__fukidashi::before,
.about-head__fukidashi::after {
    background: #3C4A60;
    content: "";
    height: 25px;
    width: 3px;
}
.about-head__fukidashi::before {
    margin-right: 15px;
    transform: rotate(-25deg);
}
.about-head__fukidashi::after {
    margin-left: 15px;
    transform: rotate(25deg);
}
.about-head__fukidashi p {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.about-head h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0 0 25px;
    text-align: center;
}
.about-head h2 span {
    color: #00A1B8;
}
.about-head__txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8em;
    text-align: center;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .about-head__fukidashi p {
        font-size: 21px;
    }
    .about-head h2 {
        font-size: 32px;
        text-align: left;
    }
    .about-head h2 br {
        display: none;
    }
    .about-head__txt {
        font-size: 14px;
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .about-head__fukidashi p {
        font-size: 18px;
    }
    .about-head h2 {
        font-size: 26px;
    }
    .about-head__txt {
        font-size: 13px;
    }
}

/* application */
.application {
    background: url(../images/top/application-bg.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 65px 0 85px;
}
.application-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--sub-column);
}
.application-head {
    margin: 0 0 65px;
}
.application-head h2 {
    margin: 0 auto;
    width: 90%;
}
.application-head p {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    text-align: center;
}
.application-head p span {
    color: var(--accent-color);
}
.application-btns {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    position: relative;
}
.application-btns::before,
.application-btns::after {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
}
.application-btns::before {
    background-image: url(../images/top/mv-chara1.png);
    height: 85px;
    top: -40px;
    left: 25px;
    width: 80px;
}
.application-btns::after {
    background-image: url(../images/top/mv-chara2.png);
    height: 119px;
    right: -35px;
    bottom: -25px;
    width: 72px;
}
.application-btn {
    width: 48.5%;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .application-head p {
        font-size: 16px;
    }
    .application-btns {
        gap: 25px;
        margin: 0 auto;
        width: 100%;
        max-width: max-content;
    }
    .application-btn {
        margin: 0 auto;
        width: 85%;
    }
    .application-btns::before {
        height: 62px;
        top: -50px;
        left: 40px;
        width: 57px;
    }
    .application-btns::after {
        height: 83px;
        right: 0;
        bottom: -35px;
        width: 50px;
    }
}

/* archivement */
.archivement {
    background: url(../images/top/archivement-bg.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 65px 0;
}
.archivement-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--sub-column);
}
.archivement-head {
    margin: 0 0 65px;
}
.archivement-head__fukidashi {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
.archivement-head__fukidashi::before,
.archivement-head__fukidashi::after {
    background: #3C4A60;
    content: "";
    height: 25px;
    width: 3px;
}
.archivement-head__fukidashi::before {
    margin-right: 15px;
    transform: rotate(-25deg);
}
.archivement-head__fukidashi::after {
    margin-left: 15px;
    transform: rotate(25deg);
}
.archivement-head__fukidashi p {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.archivement-ttl__flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.archivement-ttl__flex::before {
    background: url(../images/top/archivement-ttl-chara.png) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 117px;
    margin-right: 15px;
    width: 92px;
}
.archivement-head h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.5em;
    text-align: left;
}
.archivement-head h2 span {
    color: #00A1B8;
}
.archivement-items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.archivement-item {
    background: #fff;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    filter: drop-shadow(8px 8px 16px rgb(160 172 199 / 30%));
    padding: 25px;
    width: 48.5%;
}
.archivement-item__image {
    width: 178px;
}
.archivement-item__text {
    text-align: center;
    width: calc(100% - 198px);
}
.archivement-item__text {
}
.archivement-item__text .ttl {
    border-bottom: 2px dashed var(--main-theme-color);
    color: var(--main-theme-color);
    font-size: 24px;
    font-weight: 900;
    margin: 0 auto 35px;
    padding: 0 0 8px;
    max-width: 190px;
}
.archivement-item__text .num {
    background: linear-gradient(transparent 70%, var(--accent-color) 60%);
    color: var(--main-theme-color);
    font-family: var(--ft-oswald);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4em;
    margin: 0 auto;
    max-width: max-content;
}
.archivement-item__text .num span {
    color: var(--main-theme-color);
    font-family: var(--ft-oswald);
    font-size: 120px;
    font-weight: 400;
}

.archivement-movie {
    background: var(--main-theme-color);
    border-radius: 16px;
    margin: 45px auto 0;
    padding: 35px;
}
.archivement-movie__ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
.archivement-movie__ttl::before {
    background: url(../images/top/archivement3.png) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 82px;
    margin-right: 15px;
    width: 82px;
}
.archivement-movie__ttl p {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    text-align: left;
    width: calc(100% - 97px);
    max-width: max-content;
}
.archivement-movie__ttl p span {
    color: var(--accent-color);
}
.archivement-movie__img {
    margin: 25px auto 0;
    width: 100%;
    max-width: calc(511px + 11px);
}
.archivement-history {
    margin: 65px 0 0;
}
.archivement-history__head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 35px;
}
.archivement-history__head::before {
    background: url(../images/top/archivement4.png) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 69px;
    margin-right: 15px;
    width: 65px;
}
.archivement-history__head h3 {
    font-size: 48px;
    font-weight: 700;
    text-align: left;
    width: calc(100% - 80px);
    max-width: max-content;
}
.archivement-history__head h3 span {
    color: var(--main-theme-color);
}
.archivement-history__items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.archivement-history__item {
    background: #fff;
    border-radius: 16px;
    padding: 25px 30px;
    width: 48.5%;
}
.archivement-history__ttl {
    border-bottom: 2px dashed var(--main-theme-color);
    color: var(--main-theme-color);
    font-size: 26px;
    font-weight: 700;
    margin: 0 auto 25px;
    padding: 0 0 8px;
    text-align: center;
    width: 100%;
    max-width: 123px;
}
.archivement-history__tags {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 15px;
}
.archivement-history__tag {
    background: #E5F4F8;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    padding: 0 15px;
    width: max-content;
}
.archivement-history__tag::before {
    background: url(../images/top/icon-check.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    margin-right: 10px;
    width: 19px;
}
@media screen and (max-width: 968px) {
    .archivement-head__fukidashi p {
        font-size: 21px;
    }
    .archivement-head h2 {
        font-size: 32px;
        text-align: left;
    }
    .archivement-ttl__flex::before {
        height: 81px;
        width: 64px;
    }
    .archivement-item__image {
        width: 120px;
    }
    .archivement-item__text {
        width: calc(100% - 145px);
    }
    .archivement-item__text .ttl {
        font-size: 21px;
        margin: 0 auto 35px;
        padding: 0 0 8px;
        max-width: 190px;
    }
    .archivement-item__text .num {
        font-size: 26px;
    }
    .archivement-item__text .num span {
        font-size: 90px;
    }
    .archivement-history__head h3 {
        font-size: 32px;
    }
}
@media screen and (max-width: 768px) {
    .archivement-head__fukidashi p {
        font-size: 18px;
    }
    .archivement-head h2 {
        font-size: 26px;
    }
    .archivement-ttl__flex::before {
        height: 64px;
        width: 50px;
    }
    .archivement-item__image {
        width: 100px;
    }
    .archivement-item__text {
        width: calc(100% - 120px);
    }
    .archivement-item__text .ttl {
        font-size: 16px;
        margin: 0 auto 20px;
        max-width: 190px;
    }
    .archivement-item__text .num {
        font-size: 18px;
    }
    .archivement-item__text .num span {
        font-size: 50px;
    }
    .archivement-movie {
        padding: 25px;
    }
    .archivement-movie__ttl::before {
        height: 60px;
        width: 60px;
    }
    .archivement-movie__ttl p {
        font-size: 21px;
        width: calc(100% - 75px);
    }
    .archivement-history__head::before {
        height: 40px;
        width: 40px;
    }
    .archivement-history__head h3 {
        font-size: 26px;
        width: calc(100% - 55px);
    }
    .archivement-history__items {
        gap: 25px;
    }
    .archivement-history__item {
        padding: 25px 20px;
        width: 100%;
    }
    .archivement-history__tag {
        font-size: 14px;
    }
}
@media screen and (max-width: 568px) {
    .archivement-items {
        gap: 20px;
    }
    .archivement-item {
        justify-content: flex-start;
        width: 100%;
    }
    .archivement-item__text {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        flex-direction: column;
        margin-left: 20px;
        max-width: max-content;
    }
    .archivement-item__image {
        width: 100px;
    }
}

/* report */
.report {
    background: var(--main-theme-color);
    padding: 85px 0;
}
.report-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--main-column);
}
.report-head {
    margin: 0 0 45px;
    text-align: center;
}
.report-head h2 {
    margin: 0 auto;
    max-width: 589px;
}
.report-head p {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
}
.report-head p span {
    color: var(--accent-color);
}
.function-items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
}
.function-item {
    background: #CAE9F0;
    border-radius: 24px;
    cursor: pointer;
    padding: 25px;
    width: calc((100% / 3) - 30px);
}
.function-item::after {
    background: url(../images/top/icon-plus.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 44px;
    margin: 15px 0 0 auto;
    width: 44px;
}
.function-item__image {
    margin: 0 auto 20px;
    width: 100%;
    max-width: 116px;
}
.function-item__ttl {
    border-bottom: 2px dotted #fff;
    color: #2C91A5;
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 8px;
    padding: 0 0 5px;
    text-align: center;
}
.function-item__ttl span {
    color: var(--accent-color);
}
.function-item__txt {
    color: #2C91A5;
    font-size: 16px;
    font-weight: 700;
}
.report-body h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin: 50px 0 25px;
    text-align: center;
}
@media screen and (max-width: 968px) {
    .report-head p {
        font-size: 28px;
    }
    .function-items {
        gap: 20px;
    }
    .function-item {
        padding: 20px;
        width: calc((100% / 3) - 20px);
    }
    .function-item__ttl {
        font-size: 21px;
    }
    .function-item__txt {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .report-head p {
        font-size: 24px;
    }
    .function-items {
        gap: 15px;
        row-gap: 20px;
    }
    .function-item {
        border-radius: 16px;
        padding: 15px;
        width: calc((100% / 2) - 15px);
    }
    .function-item__ttl {
        font-size: 18px;
    }
}
@media screen and (max-width: 468px) {
    .function-item {
        width: 100%;
    }
}

/* feature */
.feature {
    background: url(../images/top/feature-bg.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 85px 0;
}
.feature-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--sub-column);
}
.feature-head {
    margin: 0 auto 45px;
    width: 90%;
    max-width: 653px;
}
.feature-items {
    display: grid;
    gap: 65px;
}
.feature-item__ttl {
    line-height: 0;
    margin: 0 0 20px;
    max-width: 723px;
}
.feature-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.feature-item:nth-child(even) .feature-flex {
    flex-direction: row-reverse;
}
.feature-item__text,
.feature-item__image {
    width: 48.5%;
}
.feature-item__txt h3 {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.5em;
    margin: 0 0 15px;
}
.feature-item__txt h3 span {
    color: var(--main-theme-color);
}
.feature-item__txt p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8em;
}
.feature-item__txt p span {
    background: var(--accent-color);
    padding: 0 5px;
}
.feature-item__txt p a {
    border-bottom: 1px solid #3C4A60;
    display: inline;
    font-weight: 700;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .feature-head {
        margin: 0 auto 25px;
    }
    .feature-items {
        gap: 45px;
    }
    .feature-flex {
        flex-direction: column-reverse;
    }
    .feature-item__text,
    .feature-item__image {
        width: 100%;
    }
    .feature-item__image {
        margin: 0 0 20px;
    }
    .feature-item__txt h3 {
        font-size: 21px;
    }
    .feature-item__txt p {
        font-size: 14px;
    }
}

/* interview */
.interview {
    background: var(--bg2);
    padding: 50px 0 65px;
}
.interview-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--main-column);
}
.interview-head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 45px;
    text-align: center;
}
.interview-head::before {
    background: url(../images/top/interview-ttl.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 70px;
    margin-right: 20px;
    width: 70px;
}
.interview-head h2 {
    color: var(--main-theme-color);
    font-size: 48px;
    font-weight: 700;
}
.interview-items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    row-gap: 25px;
}
.interview-item {
    background: #fff;
    border-radius: 6px;
    filter: drop-shadow(3px 3px 0 rgb(5 74 77 / 15%));
    padding: 20px;
    width: 49%;
}
.interview-item__flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.interview-item__image {
    line-height: 0;
    width: 220px;
}
.interview-item__text {
    width: calc(100% - 245px);
}
.interview-item__ttl {
    color: var(--main-theme-color);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px;
}
.interview-item__tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.interview-item__tag {
    background: var(--bg1);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    height: 27px;
    padding: 0 15px;
    width: 100%;
    max-width: max-content;
}
.interview-item__txt {
    font-size: 12px;
    font-weight: 500;
    margin: 10px 0 0;
}
.interview-item__btns {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 20px 0 0;
}
.interview-item__btn {
    height: 40px;
    width: 48.5%;
}
.interview-item__btn a {
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 900;
    height: 100%;
    position: relative;
    width: 100%;
}
.interview-item__btn:first-child a {
    background: var(--main-theme-color);
    border: 2px solid var(--main-theme-color);
    color: #fff;
}
.interview-item__btn:last-child a {
    background: #fff;
    border: 2px solid var(--main-theme-color);
    color: var(--main-theme-color);
}
.interview-item__btn a::before {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: block;
    margin: auto;
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
}
.interview-item__btn:first-child a::before {
    background-image: url(../images/top/icon-book.svg);
    height: 20px;
    width: 26px;
}
.interview-item__btn:last-child a::before {
    background-image: url(../images/top/icon-movie.svg);
    height: 21px;
    width: 30px;
}
.interview-btn {
    margin: 45px 0 0;
}
@media screen and (max-width: 968px) {
    .interview-head::before {
        height: 50px;
        width: 50px;
    }
    .interview-head h2 {
        font-size: 32px;
    }
    .interview-item {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .interview-head::before {
        height: 40px;
        margin-right: 10px;
        width: 40px;
    }
    .interview-head h2 {
        font-size: 26px;
    }
    .interview-item__image {
        width: 150px;
    }
    .interview-item__text {
        width: calc(100% - 175px);
    }
    .interview-item__btns {
        gap: 15px;
    }
    .interview-item__btn {
        width: 100%;
    }
}
@media screen and (max-width: 468px) {
    .interview-head h2 {
        font-size: 21px;
    }
    .interview-item__image {
        margin: 0 0 15px;
        width: 100%;
    }
    .interview-item__text {
        width: 100%;
    }
    .interview-item__ttl {
        font-size: 16px;
    }
}

/* column */
.column {
    background: #F4F7FA;
    padding: 50px 0 65px;
}
.column-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--main-column);
}
.column-head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 45px;
    text-align: center;
}
.column-head::before {
    background: url(../images/top/column-ttl.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 70px;
    margin-right: 20px;
    width: 70px;
}
.column-head h2 {
    color: var(--main-theme-color);
    font-size: 48px;
    font-weight: 700;
}
.column-items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    row-gap: 25px;
}
.column-item {
    background: #fff;
    border-radius: 6px;
    filter: drop-shadow(8px 8px 16px rgb(160 172 199 / 30%));
    padding: 20px;
    width: 49%;
}
.column-item__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
}
.column-item__head h3 {
    color: var(--main-theme-color);
    font-size: 24px;
    font-weight: 900;
}
.column-item__link {
    height: 35px;
    width: 165px;
}
.column-item__link a {
    background: var(--main-theme-color);
    border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 900;
    height: 100%;
    position: relative;
    width: 100%;
}
.column-item__link a::after {
    background: url(../images/top/icon-circle-arrow-w.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    height: 14px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    width: 14px;
}
.column-item__body {
    display: grid;
    gap: 10px;
}
.column-item__article {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.column-article__image {
    width: 140px
}
.column-article__text {
    width: calc(100% - 160px);
}
.column-article__ttl {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px;
}
.column-article__date {
    color: #B2C1C6;
    font-family: var(--ft-rubik);
    font-size: 16px;
    font-weight: 500;
}
.column-btn {
    margin: 45px 0 0;
}
@media screen and (max-width: 968px) {
    .column-head::before {
        height: 50px;
        width: 50px;
    }
    .column-head h2 {
        font-size: 32px;
    }
    .column-item {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .column-head::before {
        height: 40px;
        margin-right: 10px;
        width: 40px;
    }
    .column-head h2 {
        font-size: 26px;
    }
    .column-item__head h3 {
        font-size: 18px;
    }
    .column-item__link {
        height: 30px;
        width: 120px;
    }
    .column-item__link a {
        font-size: 12px;
    }
    .column-article__image {
        width: 100px
    }
    .column-article__text {
        width: calc(100% - 120px);
    }
    .column-article__ttl {
        font-size: 16px;
    }
    .column-article__date {
        font-size: 12px;
    }
}
@media screen and (max-width: 768px) {
    .column-head h2 {
        font-size: 21px;
    }
}

/* step */
.step {
    background: url(../images/top/step-bg.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 75px 0;
}
.step-inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--sub-column);
}
.step-head {
    margin: 0 0 45px;
}
.step-head h2 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}
.step-head h2 span {
    color: var(--main-theme-color);
}
.step-head__fukidashi {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 0 20px;
}
.step-head__fukidashi::before,
.step-head__fukidashi::after {
    background: #3C4A60;
    content: "";
    height: 45px;
    width: 3px;
}
.step-head__fukidashi::before {
    margin-right: 15px;
    transform: rotate(-25deg);
}
.step-head__fukidashi::after {
    margin-left: 15px;
    transform: rotate(25deg);
}
.step-head__fukidashi p {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.step-head__fukidashi p span {
    color: var(--main-theme-color);
}
.step-head__fukidashi p .b {
    font-weight: 900;
}
.step-head__fukidashi p .big {
    font-size: 64px;
    font-weight: 900;
    line-height: 0;
}
.step-item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .step-item {
        width: 100%;
    }
}
.step-text {
    width: calc(100% - 445px);
}
.step-image {
    width: 390px;
}
.step-list {
    margin: 0 0 25px;
}
.step-text p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8em;
}
.step-text p span {
    color: var(--main-theme-color);
    font-size: 22px;
    font-weight: 900;
}
.step-btn {
    margin: 45px 0 0;
}
@media screen and (max-width: 968px) {
    .step-text {
        width: calc(100% - 320px);
    }
    .step-image {
        width: 290px;
    }
}
@media screen and (max-width: 768px) {
    .step-head {
        margin: 0 0 25px;
    }
    .step-head h2 {
        font-size: 32px;
    }
    .step-head__fukidashi::before,
    .step-head__fukidashi::after {
        height: 26px;
        width: 2px;
    }
    .step-head__fukidashi p {
        font-size: 16px;
    }
    .step-head__fukidashi p .big {
        font-size: 36px;
    }
    .step-item {
        flex-direction: column-reverse;
    }
    .step-text {
        margin: 25px 0 0;
        width: 100%;
    }
    .step-image {
        margin: 0 auto;
        width: 85%;
    }
}
@media screen and (max-width: 568px) {
    .step-head h2 {
        font-size: 21px;
    }
}

/* plan */
.plan {
    background: #E5F4F8;
    padding: 75px 0;
}
.plan-inner {
    margin: 0 auto;
    position: relative;
    width: 95%;
    max-width: var(--sub-column);
}
.plan-inner::before,
.plan-inner::after {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
}
.plan-inner::before {
    background-image: url(../images/top/plan-chara1.png);
    height: 162px;
    left: 3%;
    top: 5%;
    width: 133px;
}
.plan-inner::after {
    background-image: url(../images/top/plan-chara2.png);
    height: 143px;
    right: 10%;
    bottom: -15%;
    width: 90px;
}
.plan-head {
    margin: 0 0 45px;
}
.plan-head h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.5em;
    text-align: center;
}
.plan-head h2 span {
    color: var(--main-theme-color);
}
.plan-head__fukidashi {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
.plan-head__fukidashi::before,
.plan-head__fukidashi::after {
    background: #3C4A60;
    content: "";
    height: 25px;
    width: 3px;
}
.plan-head__fukidashi::before {
    margin-right: 15px;
    transform: rotate(-25deg);
}
.plan-head__fukidashi::after {
    margin-left: 15px;
    transform: rotate(25deg);
}
.plan-head__fukidashi p {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.plan-head__fukidashi p span {
    margin: 0 3px;
}
.plan-body p {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8em;
    text-align: center;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .plan {
        padding: 25px 0;
    }
    .plan-inner::before,
    .plan-inner::after {
        position: relative;
    }
    .plan-inner::before {
        height: 103px;
        width: 85px;
    }
    .plan-inner::after {
        background-image: url(../images/top/plan-chara2.png);
        height: 95px;
        margin: 0 0 0 auto;
        right: 25px;
        bottom: -15%;
        width: 60px;
    }
    .plan-head {
        margin: 0 0 25px;
    }
    .plan-head h2 {
        font-size: 26px;
    }
    .plan-head__fukidashi p {
        font-size: 16px;
    }
    .plan-body p {
        font-size: 16px;
    }
}

/* faq */
.faq {
    background: #C9E8EF;
    padding: 65px 0;
}
.faq-inner {
    margin: 0 auto;
    width: 95%;
    max-width: 980px;
}
.faq-head {
    margin: 0 0 45px;
    text-align: center;
}
.faq-head h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 10px;
}
.faq-head p {
    color: var(--main-theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--ft-rubik);
    font-size: 18px;
    font-weight: 500;
    opacity: .5;
}
.faq-head p::before {
    background: url(../images/top/faq-symbol.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin-right: 5px;
    width: 12px;
}
.faq-items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    row-gap: 25px;
}
.faq-item {
    border-radius: 6px;
    /* display: none; */
    display: block;
    overflow: hidden;
    width: 48.5%;
}
/* .faq-item:nth-child(-n+4) {
    display: block;
} */
.faq-item dt,
.faq-item dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
}
.faq-item dt {
    background: #fff;
    padding-right: 80px;
    position: relative;
}
.faq-item dd {
    background: #E5F4F8;
}
.faq-item dt .faq-icon,
.faq-item dd .faq-icon {
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    height: 44px;
    margin-right: 15px;
    width: 44px;
}
.faq-item dt .faq-icon {
    background: #899EA5;
}
.faq-item dd .faq-icon {
    background: var(--main-theme-color);
}
.faq-item dt p,
.faq-item dd p {
    width: calc(100% - 59px);
}
.faq-item dt p {
    font-size: 18px;
    font-weight: 700;
}
.faq-item dd p {
    font-size: 14px;
    font-weight: 500;
}
.faq-item dt .faq-symbol {
    background: url(../images/top/icon-plus-circle.svg) no-repeat;
    background-position: center;
    background-size: contain;
    height: 44px;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 44px;
}
.faq-item.open dt .faq-symbol {
    background-image: url(../images/top/icon-minus-circle.svg);
}
.faq-btn {
    margin: 45px auto 0;
}
.faq-btn a {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: var(--main-theme-color);
    border-radius: 50px;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    height: 52px;
    margin: 0 auto;
    outline: none;
    position: relative;
    width: 230px;
}
.faq-btn a::after {
    background: url(../images/top/icon-arrow-b2.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 6px;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    /* transform: rotate(90deg); */
    width: 18px;
}
/* .faq-btn button.on::after {
    transform: rotate(-90deg);
} */
@media screen and (max-width: 968px) {
    .faq-item {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .faq-head h2 {
        font-size: 23px;
    }
    .faq-head p {
        font-size: 16px;
    }
    .faq-item dt .faq-icon,
    .faq-item dd .faq-icon {
        font-size: 16px;
        height: 30px;
        width: 30px;
    }
    .faq-item dt p,
    .faq-item dd p {
        width: calc(100% - 45px);
    }
    .faq-item dt .faq-symbol {
        height: 30px;
        width: 30px;
    }
    .faq-item dt p {
        font-size: 16px;
    }
    .faq-item dd p {
        font-size: 13px;
    }
}

/* sub-block */
.sub-block {
    padding: 65px 0;
}
.sub-block.webinar {
    background: #F4F7FA;
}
.sub-block.blog {
    background: #C9E8EF;
}
.sub-block__inner {
    margin: 0 auto;
    width: 95%;
    max-width: var(--main-column);
}
.sub-block__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 35px;
}
.sub-block__head h2 {
    font-size: 24px;
    font-weight: 700;
    width: calc(100% - 245px);
}
.sub-block__btn {
    width: 230px;
}
.sub-block__btn a {
    background: var(--main-theme-color);
    border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    height: 52px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.sub-block__btn a::after {
    background: url(../images/top/icon-arrow-b2.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 6px;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 21px;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .sub-block__head {
        margin: 0 0 25px;
    }
    .sub-block__head h2 {
        font-size: 21px;
        width: 100%;
    }
    .sub-block__btn {
        margin: 35px auto 0;
    }
    .sub-block__btn a {
        font-size: 14px;
        height: 40px;
    }
}

/* blockname */
.pagecards {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.pagecard {
    background: #fff;
    filter: drop-shadow(3px 3px 0 rgb(5 74 77 / 15%));
    width: 48.5%;
}
.pagecard a {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.pagecard-image {
    line-height: 0;
    height: 220px;
    width: 270px;
}
.pagecard-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    max-width: none;
}
.pagecard-text {
    padding: 20px;
    width: calc(100% - 270px);
}
.pagecard-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    max-width: none;
}
.pagecard-ttl {
    font-size: 20px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 0 20px;
    overflow: hidden;
}
.pagecard-txt p {
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.8em;
}
.pagecard-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0;
}
.pagecard-tag {
    background: #DFE7E8;
    border-radius: 50px;
    color: var(--main-theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    padding: 0 15px;
    width: 100%;
    max-width: max-content;
}
.pagecard-date {
    color: #899EA5;
    font-size: 16px;
    font-weight: 500;
    max-width: max-content;
}
@media screen and (max-width: 1168px) {
    .pagecard-image {
        width: 200px;
    }
    .pagecard-text {
        padding: 20px;
        width: calc(100% - 200px);
    }
}
@media screen and (max-width: 968px) {
    .pagecards {
        gap: 25px;
    }
    .pagecard {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .pagecard-ttl {
        font-size: 16px;
        margin: 0 0 15px;
    }
    .pagecard-txt {
        font-size: 11px;
        -webkit-line-clamp: 2;
    }
    .pagecard-tag {
        font-size: 12px;
        height: 30px;
    }
    .pagecard-date {
        font-size: 12px;
    }
}
@media screen and (max-width: 568px) {
    .pagecard-image {
        width: 140px;
    }
    .pagecard-text {
        padding: 15px;
        width: calc(100% - 140px);
    }
}

/* popup */
.popup {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.popup-bg {
    background: rgb(0 0 0 / 10%);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.popup-content {
    background: #fff;
    border-radius: 24px;
    filter: drop-shadow(3px 3px 0 rgb(5 74 77 / 15%));
    min-height: 400px;
    height: 80%;
    max-height: max-content;
    margin: auto;
    overflow-y: auto;
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    scrollbar-color: #ffffff00 #ffffff00;
    scrollbar-width: none;
    width: 90%;
    max-width: 720px;
}
.popup-close {
    background: url(../images/top/icon-minus.svg) no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    display: block;
    height: 44px;
    margin: 15px 0 0 auto;
    width: 44px;
}
.popup-content__head {
    border-bottom: 2px dotted var(--main-theme-color);
    margin: 0 0 25px;
    padding: 0 0 8px;
    text-align: center;
}
.popup-content__head h2,
.popup-content__head h2 span {
    color: var(--main-theme-color);
    font-size: 24px;
    font-weight: 700;
}
.popup-content__image {
    line-height: 0;
    text-align: center;
}
.popup-content__image img{
    max-width: 500px;
    display: inline-block;
}
.popup-content__text {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 0;
    line-height: 1.5em;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}