@charset "UTF-8";

/* Scss Document */


/*---menu loading----*/

.logo_off {
    top: -100px;
}
.nav_off {
    top: -100px;
}
body.device-pc .vk-mobile-nav-menu-btn {
    transition: 0.5s;
}
body.device-pc .vk-mobile-nav-menu-btn.nav_off {
    top: -100px;
}
.siteHeader {
    transition: 0.5s;
}
.vk-mobile-nav-menu-btn {
    transition: 0.5s;
}

/*--------full page---------*/

#fullpage {
    z-index: 2;
    /*background-color: rgba(0, 0, 0, 0.4);*/
    background-blend-mode: darken;
}
#fp-nav ul li a span {
    background-color: #ffffff;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.7));
}
@media (max-width: 768px) {
    #fp-nav.fp-left {
        left: 10px;
    }
}
@media (min-width: 769px) {
    .fp-scroller {
        transition-duration: 300ms !important;
    }
}
@media (max-width: 768px) {
    .fp-scrollable {
        -webkit-overflow-scrolling: touch;
    }
}
.section_inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section_inner p {
    text-shadow: 2px 2px 2px #000;
}
h2.top_title {
    border: none;
    text-shadow: 3px 3px 5px #000;
    padding: 0;
    margin: 0;
    font-family: 'Segoe UI', Verdana, '游ゴシック', YuGothic,
        'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-weight: 400;
}
@media (min-width: 769px) {
    h2.top_title {
        font-size: 3.5rem;
    }
}
@media (max-width: 768px) {
    h2.top_title {
        font-size: 1.85rem;
        text-align: center;
        font-weight: bold;
    }
}
h3.top_subtitle {
    border: none;
    font-size: 3rem;
    text-shadow: 3px 3px 5px #000;
    padding: 0;
    margin: 0 0 1em;
    font-family: 'Segoe UI', Verdana, '游ゴシック', YuGothic,
        'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-weight: 400;
}
h3.top_subtitle:after {
    border: none;
}
@media (min-width: 769px) {
    h3.top_subtitle {
        font-size: 2rem;
    }
}
@media (max-width: 768px) {
    h3.top_subtitle {
        font-size: 1.5rem;
    }
}
.top_subcopy {
    font-size: 2rem;
    text-shadow: 3px 3px 5px #000;
}
.top_disc {
    margin-bottom: 0;
}
.view_link {
    display: inline-block;
    padding: 10px;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    width: 200px;
    margin-top: 0;
}
.view_link:hover {
    color: #000000;
}
.view_link span:after {
    content: '→';
    margin-left: 0.5em;
}
.view_link.view_link_tr {
    /* background-color: rgba(0, 0, 0, 0.63);*/
    color: #ffffff;
    background-color: #000;
}

/*
.fade_blur {
  transition: all 1s ease;
  opacity: 0.5;
  filter: blur(10px);
}

.fade {
  transition: all 1s ease;
  opacity: 0;
}

.fade2 {
  transition: all 1s ease;
  transition-delay: 0.5s;
  opacity: 0;
  transform: translateY(10%);
}

.fade3 {
  transition: all 1s ease;
  transition-delay: 1s;
  opacity: 0;
  transform: translateY(10%);
}
.fade4 {
  transition: all 1s ease;
  transition-delay: 1s;
  opacity: 0;
  transform: translateY(10%);
}
*/

.fade_blur.faded {
    filter: blur(0);
    opacity: 1;
}
.fade.faded,
.fade2.faded,
.fade3.faded,
.fade4.faded {
    opacity: 1;
}

/*--MV--*/

@media (max-width: 768px) {
    #section1 p {
        text-align: center;
        font-size: 1rem;
    }
}

/*--CONCEPT--*/

#section2 .section_inner {
    /*background-color: rgba(0, 0, 0, 0.4);*/
    background-blend-mode: darken;
}

/*--ABOUT US--*/

#section3 .section_inner {
    background-blend-mode: darken;
}

/*--WORKS--*/

#section4 .top_subcopy {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 5em;
    height: 2em;
    text-align: center;
    z-index: 1;
}
.work_list_outer {
    position: relative;
}
@media (min-width: 769px) {
    .scroll_custom {
        overflow: auto;
        height: 70vh;
    }
    .scroll_custom::-webkit-scrollbar {
        width: 14px;
        height: 14px;
    }
    .scroll_custom::-webkit-scrollbar-track {
        border-radius: 7px;
        box-shadow: 0 0 4px #aaa inset;
    }
    .scroll_custom::-webkit-scrollbar-thumb {
        border-radius: 7px;
        background: #aaa;
    }
}
.top_work_list {
    display: flex;
    flex-wrap: wrap;
    background-color: #000000;
}
@media (max-width: 768px) {
    .top_work_list {
        margin: 0 auto;
    }
}
@media (min-width: 769px) {
    .work_list_l {
        width: 25%;
    }
}
@media (max-width: 768px) {
    .work_list_l {
        width: 33.3%;
    }
}
.work_list_l a {
    display: block;
    position: relative;
    overflow: hidden;
}
.work_list_l a .link_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 0.3s ease;
    color: #ffffff;
    padding: 10px;
}
.work_list_l a .link_layer > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.work_list_l a:hover {
    opacity: 1;
}
.work_list_l a:hover .link_layer {
    opacity: 1;
}
.work_list_l img {
    width: 100%;
}
.work_list_s {
    width: 8.333%;
}
@media (min-width: 769px) {
    .work_list_s {
        width: 8.333%;
    }
}
@media (max-width: 768px) {
    .work_list_s {
        width: 12.5%;
    }
}
.fp-slidesNav ul {
    text-align: center;
}
.fp-slidesNav ul li a span {
    background-color: #ffffff;
    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.5));
}
.fp-controlArrow {
    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.5));
}
.fp-controlArrow.fp-prev {
    border-width: 25px 25px 25px 0;
}
@media (min-width: 769px) {
    .fp-controlArrow.fp-prev {
        left: 60px;
    }
}
@media (max-width: 768px) {
    .fp-controlArrow.fp-prev {
        left: 45px;
    }
}
.fp-controlArrow.fp-next {
    border-width: 25px 0 25px 25px;
}
@media (min-width: 769px) {
    .fp-controlArrow.fp-next {
        right: 60px;
    }
}
@media (max-width: 768px) {
    .fp-controlArrow.fp-next {
        right: 45px;
    }
}

/*--BIM--*/

/*#section5 .section_inner {
  background-image: url("../test_img/bg04.jpg");
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: darken;
}*/
#section5 .none,
#section2 .none,
#section3 .none {
    display: none;
}

#section5_2 .section_inner {
    background-color: #000;
}
#section5_2 .section_inner .flex {
    display: flex;
    margin: 0;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
#section5_2 .section_inner .flex li {
    list-style: none;
    width: calc(100% / 3);
    text-align: center;
}
@media (max-width: 768px) {
    #section5_2 .section_inner .flex li {
        width: 100%;
    }
}
#section5_2 {
    overflow: hidden;
}

/*--SERVICE--*/

#section6 .top_subcopy {
    margin: auto;
    width: 5em;
    height: 2em;
    text-align: center;
    z-index: 1;
    display: none;
}
@media (min-width: 769px) {
    #section6 .top_subcopy {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}
@media (max-width: 768px) {
    #section6 .top_subcopy {
        position: absolute;
        top: 36.5%;
        left: 0;
        right: 0;
    }
}
.service_inner {
    width: 100%;
}
.service_list_outer {
    position: relative;
}
h3.top_service {
    font-size: 1rem;
    font-weight: bold;
    border-bottom: none;
    margin-bottom: 0;
    /*width: 80%;*/
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px 10px 0;
}
h3.top_service:after {
    border-bottom: none;
}
@media (max-width: 768px) {
    h3.top_service {
        font-size: 1rem;
    }
}
.top_service_sp {
    position: static;
}
.top_service_list {
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    /* 縦方向中央揃え（Safari用） */
    align-items: center;
    /* 縦方向中央揃え */
    -webkit-justify-content: center;
    /* 横方向中央揃え（Safari用） */
    justify-content: center;
    /* 横方向中央揃え */
    padding: 10px 0 0 10px;
}
.top_service_list a {
    color: #ffffff;
    background-repeat: none;
    background-position: center;
    background-size: cover;
    position: relative;
    /*background-color: rgba(0, 0, 0, 0.4);*/
    background-blend-mode: darken;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (min-width: 769px) {
    .top_service_list a {
        width: 20%;
        /*height: 25vw;*/
    }
}
@media (max-width: 768px) {
    .top_service_list a {
        width: 50%;
        /* height: 50vw;*/
    }
}
/*
.top_service_list a:nth-child(1) {
    background-image: url("../test_img/01kids.jpg");
}
.top_service_list a:nth-child(2) {
    background-image: url("../test_img/02clinic.jpg");
}
.top_service_list a:nth-child(3) {
    background-image: url("../test_img/03shisetsu.jpg");
}
.top_service_list a:nth-child(4) {
    background-image: url("../test_img/04shop.jpg");
}
.top_service_list a:nth-child(5) {
    background-image: url("../test_img/05memorial.jpg");
}
.top_service_list a:nth-child(6) {
    background-image: url("../test_img/06office.jpg");
}
.top_service_list a:nth-child(7) {
    background-image: url("../test_img/07factory.jpg");
}
.top_service_list a:nth-child(8) {
    background-image: url("../test_img/08rinobe.jpg");
}
.top_service_list a:nth-child(9) {
    background-image: url("../test_img/09man.jpg");
}
.top_service_list a:nth-child(10) {
    background-image: url("../test_img/10house.jpg");
}*/
/*
.top_service_list a:nth-child(1) {
    background-image: url("../images/top/top_service_list1.png");
}
.top_service_list a:nth-child(2) {
    background-image: url("../images/top/top_service_list2.png");
}
.top_service_list a:nth-child(3) {
    background-image: url("../images/top/top_service_list3.png");
}
.top_service_list a:nth-child(4) {
    background-image: url("../images/top/top_service_list4.png");
}
.top_service_list a:nth-child(5) {
    background-image: url("../images/top/top_service_list5.png");
}
.top_service_list a:nth-child(6) {
    background-image: url("../images/top/top_service_list6.png");
}
.top_service_list a:nth-child(7) {
    background-image: url("../images/top/top_service_list7.png");
}
.top_service_list a:nth-child(8) {
    background-image: url("../images/top/top_service_list8.png");
}
.top_service_list a:nth-child(9) {
    background-image: url("../images/top/top_service_list9.png");
}
.top_service_list a:nth-child(10) {
    background-image: url("../images/top/top_service_list10.png");
}
*/

.top_service_list a span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 2em;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
    opacity: 0;
}
@media (min-width: 769px) {
    .top_service_list a span {
        top: 35%;
    }
}
@media (max-width: 768px) {
    .top_service_list a span {
        top: 0;
        bottom: 0;
    }
}
.top_service_list a span .top_service_sp {
    position: static;
    width: 80%;
    display: block;
    font-size: 0.875rem;
}
@media (max-width: 768px) {
    .top_service_list a span .top_service_sp {
        display: none;
    }
}

/*--MOVIE--*/
#section7 {
    background: #fff;
    padding: 8em 0;
}

#section7 .top_subcopy {
    /* position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 5em;
    height: 2em;
    text-align: center;
    z-index: 1;*/
    margin-bottom: 40px;
    border: none;
    color: #000;
    text-shadow: none;
}
#section7 .top_subcopy::after {
    content: none;
}
.top_movie_list {
    position: relative;
    margin-bottom: 40px;
}
.movie_cover {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 15%;
}

/*--NEWS--*/

@media (max-width: 768px) {
    #section8 .top_subcopy {
        margin-bottom: 5px;
    }
}
#section8 .section_inner {
    background-image: url('../test_img/bg06.jpg');
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: darken;
}
.index_news {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news_entry {
    width: 32%;
}
@media (min-width: 769px) {
    .news_entry {
        width: 32%;
    }
}
@media (max-width: 768px) {
    .news_entry {
        width: 48%;
    }
    .news_entry:nth-child(n + 5) {
        display: none;
    }
}
.news_entry a {
    color: #ffffff;
}
.news_entry_title {
    text-align: left;
}

/*--OFFICE--*/

#section9 .section_inner {
    /*background-image: url("../test_img/bg06.jpg");*/
    background-color: #fff;
    color: #000;
}
#section9 .section_inner p {
    text-shadow: none;
}
@media (min-width: 769px) {
    .index_office {
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    .index_office {
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media (min-width: 769px) {
    .office_branch {
        width: 32%;
    }
    .office_branch iframe {
        height: 300px !important;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .office_branch {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .office_branch .office_branch_txt {
        width: 43%;
        text-align: left;
    }
    .office_branch .office_branch_txt a {
        text-decoration: none;
        color: #ffffff;
        display: inline;
    }
    .office_branch iframe {
        height: 120px !important;
        width: 55%;
    }
}

/*-----------------*/

#section3 .intro {
    left: -130%;
    position: relative;
    transition: all 600ms ease;
}
body.fp-viewing-3rdPage #section3 .intro {
    left: 0%;
}
#section_consultation {
    background-color: #f2f2f2;
    color: #000;
}
#section_message .view_link.view_link_tr {
    width: 60%;
    background: #000;
    color: #fff;
    display: block;
    margin: 20px 0;
    min-width: 300px;
}
#section_message h4 {
    margin: 15px 0 0px;
    font-size: 18px;
}
#section_message h3 {
    font-size: 20px;
    margin: 20px 0 15px;
}
#section_message video {
    width: 100%;
    margin: 0 auto 0;
}
#section_message .col2 {
    width: 46%;
}
#section_message p {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    text-shadow: none;
}
#section_contact {
    background-color: #f2f2f2;
    color: #000;
    overflow: hidden;
    text-shadow: none;
}
#section_contact .btn-primary {
    background-color: #000;
    border-color: #000;
    color: #fff;
    width: 200px;
    z-index: 1000;
    position: relative;
    border-radius: 0;
}
#section_contact .line_center,
#section_contact .submit_center {
    text-align: center;
    padding-bottom: 60px;
}
#section_contact .pb_headline {
    /*text-shadow: 2px 2px 2px #000;*/
    font-size: 2rem;
    text-align: center;
    margin-top: 2em;
}
#section_message {
    background: #f2f2f2;
    color: #000;
    text-shadow: none;
    overflow: hidden;
}
#section_message img {
    width: 35vh;
}
#section_message img.w100 {
    width: 100%;
}
#section_message h3:after {
    content: none;
}
#section_message h3.pb_headline {
    padding-bottom: 10px;
    text-align: left;
    font-weight: bold;
    border: none;
}
#section_message p {
    line-height: 1.6;
    font-size: 14px;
    text-shadow: none;
}
@media (max-width: 768px) {
    #section_consultation .col2 {
        width: 95%;
        margin-bottom: 40px;
    }
    #section_consultation video {
        width: 100%;
    }
    #section_consultation {
        padding: 0 20px;
    }
    #section_contact .pb_headline {
        margin-bottom: 14px;
        /*text-shadow: 2px 2px 2px #000;*/
        font-size: 1.6rem;
        text-align: center;
        margin-top: 70px;
    }
    #section_contact .line_center {
        padding-bottom: 10px;
    }
    #section_contact span.wpcf7-list-item {
        margin: 0;
        letter-spacing: -0.5px;
        font-size: 13px;
    }
    #section_contact label {
        display: inline-block;
        margin-bottom: 3px;
    }
    #section_contact form {
        padding: 0 15px;
    }
    #section_contact form p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    #section_contact form input,
    #section_contact form textarea {
        font-size: 16px;
    }
    #section_message img {
        width: 65%;
    }
}

/*------fotter (TOPのみ)---------*/

#section10 .section_inner {
    /*display: block;*/
}
#section10 .footer_inner {
    /*height: 100vh;*/
}
@media (min-width: 769px) {
    .footerMenu {
        padding: 0;
    }
}
@media (min-width: 769px) {
    .siteFooter {
        /* height: 35vh;*/
        position: relative;
    }
}
@media (min-width: 769px) {
    .bg-cta {
        margin: 0;
        padding: 4em 0;
        /*height: 65vh;*/
        position: relative;
        /*
    
    */
    }
}
@media (max-width: 768px) {
    .bg-cta {
        /* height: 35vh;*/
        padding: 5em 0 1em;
    }
}
@media (max-width: 768px) {
    .siteFooter {
        /*height: 65vh;*/
    }
}
@media (min-width: 769px) {
    /*.site_footer_inner {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width: 100%;
    }
    */
}
@media (min-width: 769px) {
    /*.s_cta {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width: 100%;
    }
    */
}
@media (min-width: 769px) {
    .copySection {
        padding: 0;
    }
}

/*---index_movies---*/

.p_yt ul {
    display: flex;
    flex-wrap: wrap;
    background: #000;
}
.p_yt li {
    width: calc(100% / 2);
}
.p_yt iframe {
    width: 100%;
}
#index_movies ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
#index_movies li div {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
#index_movies li div iframe {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#section7 p {
    text-align: left;
    color: #000;
    text-shadow: none;
}
.ytube.w100 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.ytube.w100 iframe {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    #index_movies ul {
        justify-content: center;
    }
}
@media (min-width: 769px) {
    #index_movies li {
        width: calc(100% / 3);
    }
}
@media (max-width: 768px) {
    #index_movies li {
        width: 80%;
    }
    #index_movies li:nth-child(n + 4) {
        display: none;
    }
}
#index_movies iframe {
    width: 100%;
    vertical-align: top;
}
@media (min-width: 769px) {
    #index_movies iframe {
        height: 18.75vw;
    }
}
@media (max-width: 768px) {
    #index_movies iframe {
        height: 40vw;
    }
}
.movie_inner_inner {
    position: relative;
}
.movie_inner {
    width: 100%;
}
.footer_inner {
    width: 100%;
}
.float_contact {
    position: fixed;
    z-index: 2;
}
@media (min-width: 769px) {
    .float_contact {
        right: 0;
        bottom: 10px;
    }
}
@media (max-width: 768px) {
    .float_contact {
        right: 0px;
        bottom: 10px;
        left: inherit;
        -webkit-transform: translate3d(0, 0, 0);
        width: 46px;
    }
}
.float_contact a {
    background-color: rgba(0, 0, 0, 0.3);
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 10px;
    color: #ffffff;
    font-family: 'Noto Serif JP', serif;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 10px;
}
@media (min-width: 769px) {
    .float_contact a {
        font-size: 1.5rem;
    }
}
@media (max-width: 768px) {
    .float_contact a {
        font-size: 1.2rem;
    }
}

/**確認中**/

#section1 .fp-tableCell {
    position: relative;
    z-index: 2;
}
#section4,
#section6,
#section10 {
    background: #000;
}
#section5 {
    overflow: hidden;
}
#bg-bim,
#bg-movie,
#bg-aboutus,
#bg-concept {
    position: absolute;
    /* top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);}}*/
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    z-index: -1;
}
video#bg-bim,
video#bg-movie,
video#bg-aboutus,
video#bg-concept {
    object-fit: cover;
    object-position: center;
}
@media (max-width: 768px) {
    #loader-video {
        width: 200%;
    }
    video#bg-bim {
        width: 100%;
    }
}
#index_movies ul {
    justify-content: space-between;
}
#index_movies ul li {
    width: 32%;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    #index_movies ul li {
        width: 80%;
    }
    #index_movies ul {
        justify-content: center;
    }
}
.temporary-tel {
    left: auto;
    right: 0;
    position: absolute;
    top: -20vh;
    color: #fff;
    text-align: end;
    font-size: 1.5em;
}
.temporary-tel b {
    font-weight: normal;
    color: #fff;
}
.temporary-tel a {
    color: #fff;
}
@media (max-width: 768px) {
    .temporary-tel {
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }
}
.row_gray {
    background: #000;
}
.row_gray .bg-cta {
    background: #000;
}
.s_cta ul li:last-child {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: calc(50% - 10px);
}
@media (max-width: 769px) {
    .s_cta ul li:last-child {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 40px;
    }
}

p.top_subcopy,
h3.top_subtitle,
#section2 .container.text-center div p,
#section5 .container.text-center div p {
    font-weight: bold;
}

/* .container.text-center div p.news_entry_title {
    font-weight: normal;
} */