/*-------------------------------------------------------------------------------------------*/
/* オリジナルCSS（テーマ非依存）
/*-------------------------------------------------------------------------------------------*/


/*-------- トップページタイトル --------*/
#toppage h1 {
    margin: 0 auto 50px;
}

/*-------- トップページ強み --------*/
.list2 li {
    font-size: 2rem;
    text-align: center;
    padding: 0;
}
.list2 li:before {
    color: #f30;
    font-family: 'Cormorant Garamond', serif;
    font-size: 5rem;
}

/*-------- トップページプラン --------*/
#toppage .column2 div {
    width: 23.5%;
    border: 2px solid var(--sub);
    border-radius: 10px;
}
.column2 h4.plan-title {
    font-size: 2.2rem;
    text-align: center;
    border-bottom: none;
}

/*-------- こんなシーンで謎解き制作 --------*/
.scene {
    display: inline-block;
    width: 100%;
    padding: 30px;
    border-radius: 20px;
    background: #f8f8f8;
}
.scene img {
    margin-bottom: 0;
}
.scene .scene-number {
    font-family: 'Cormorant Garamond', serif;
    color: var(--sub);
    font-size: clamp(3rem, 1.182rem + 9.09vw, 8rem);
    line-height: 1.2;
    margin-top: -30px;
}

/*-------- トップページ　スクロールエフェクト無効 --------*/
.fadein,
.fadein [class^="column-box"] .box,
.fadein .gallery-box div,
.faq-box .accordion,
.page-gallery .box,
.download.fadein div a,
#footer-btn a,
#service .box img,
.step-box .detail,
.case-list .case,
.post-archive .post-list,
.page-staff-big .box,
.page-staff-small .box,
.history .block .content,
.tab .tab1,
.tab .tab-detail {
    opacity: 1 !important;
    transition-duration: .initial !important;
    transition-property: initial !important;
}
.fadein-up,
.fadein-down,
.fadein-left,
.fadein-right,
.fadein [class^="column-box"] .box,
.fadein [class^="column-box"] .box:first-child,
.fadein [class^="column-box"] .box:last-child,
.fadein .gallery-box div,
.fadein .gallery-box div:nth-child(1),
.fadein .gallery-box div:nth-child(5),
.fadein .gallery-box div:nth-child(9),
.fadein .gallery-box div:nth-child(4n),
.faq-box .accordion:nth-child(odd),
.faq-box .accordion:nth-child(even),
.page-gallery .box:nth-child(odd),
.page-gallery .box:nth-child(even),
.download a:nth-child(odd),
.download a:nth-child(even),
.step-box .detail,
.case-list .case:nth-child(odd),
.case-list .case:nth-child(even),
.post-archive .post-list,
.page-staff-big .box,
.page-staff-small .box,
.history .block:nth-child(odd) .content,
.history .block:nth-child(even) .content,
.tab .tab1,
.tab .tab-detail,
#footer-btn a,
#footer-btn a:first-child,
#footer-btn a:last-child,
#service .box img {
    transform: initial !important;
}
.scroll-in {
transform: initial !important;
}


@media only screen and (max-width: 600px) {
#toppage .column2 div {
    width: 100%;
}
#toppage .list2 li {
    line-height: 1.4;
}
#toppage #content .gallery-box div {
    min-width: 100%;
}
}
@media screen and (min-width: 601px) and (max-width: 900px) {
#toppage .column2 div {
    width: 49%;
}
}
@media only screen and (max-width: 424px) {
.open-btn {
    top: 100px !important;
}
}
@media screen and (min-width: 425px) and (max-width: 1024px) {
.open-btn {
    top: 30px !important;
}
}