.mainvisual_standard{position:relative;height:100vh}.mainvisual_standard .section_inner{height:100%;width:100%;position:absolute;top:0}.mainvisual_standard .image-side{position:absolute;top:0;height:100%;width:100%}.mainvisual_standard .swiper-wrapper{height:100%}.mainvisual_standard .swiper-slide{height:100%;position:relative;overflow:hidden}.mainvisual_standard .swiper-slide img{height:100vh;max-width:none;width:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mainvisual_standard .catch{width:90%;text-align:center;padding:0 1.5rem;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1.6;color:#fff}.mainvisual_standard .catch_text{font-size:2.1rem;margin-bottom:2rem;letter-spacing:.2em}.mainvisual_standard .catch_subtext{font-size:2rem;letter-spacing:.1em}.mainvisual_standard .headding_wrap{font-size:2.1rem}.mainvisual_standard .subtitle_wrap{font-size:2rem}.mainvisual_standard .one_page_scroll_btn{position:absolute;z-index:1;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);text-transform:uppercase;background-color:transparent;width:60px;height:auto;text-align:center;font-size:1rem;padding-bottom:4rem;cursor:pointer;overflow:hidden;letter-spacing:2px}.mainvisual_standard .one_page_scroll_btn span{-webkit-transform:translate(0,0);transform:translate(0,0);width:1px;height:35px;position:absolute;top:auto;left:50%;bottom:0;display:block}@-webkit-keyframes down{0%,100%,40%{-webkit-transform:translate(0,0);transform:translate(0,0);height:60px}80%{-webkit-transform:translate(0,60px);transform:translate(0,60px);height:0}90%{-webkit-transform:translate(0,-60px);transform:translate(0,-60px);height:0}}@keyframes down{0%,100%,40%{-webkit-transform:translate(0,0);transform:translate(0,0);height:60px}80%{-webkit-transform:translate(0,60px);transform:translate(0,60px);height:0}90%{-webkit-transform:translate(0,-60px);transform:translate(0,-60px);height:0}}.mainvisual_standard .swiper-pagination{width:auto;position:absolute;right:10px;left:auto}.mainvisual_standard .swiper-pagination-bullet{opacity:1;background:#fff;width:6px;height:6px;margin:0 7px;vertical-align:middle}.mainvisual_standard .swiper-pagination-bullet-active{background:0 0;border:2px solid #fff;width:12px;height:12px}@media only screen and (min-width:1025px){.mainvisual_standard .swiper-slide img{width:120%;height:auto}.mainvisual_standard .catch_text,.mainvisual_standard .headding_wrap{font-size:4.2rem}.mainvisual_standard .one_page_scroll_btn{padding-bottom:7rem}.mainvisual_standard .one_page_scroll_btn span{height:60px;-webkit-animation:down 3s ease-in;animation:down 3s ease-in;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}} .title_circle{position:relative;padding:20rem 0;overflow:hidden}.title_circle .image-side{text-align:center}.title_circle .image-side_inner{position:absolute}.title_circle .image-side:nth-child(1) .image-side_inner{top:10%;right:10%;width:100px;height:100px}.title_circle .image-side:nth-child(2) .image-side_inner{top:30%;left:60%;width:200px;height:200px}.title_circle .image-side:nth-child(3) .image-side_inner{bottom:100%;right:60%;width:150px;height:150px}.title_circle .image-side:nth-child(4) .image-side_inner{bottom:20%;right:80%;width:180px;height:180px}.title_circle .image-side:nth-child(5) .image-side_inner{top:50%;left:50%;transform:translate(-50%, -50%);width:400px;height:400px}.title_circle .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;background-color:#2C5DFF}.title_circle .image-side .frame-image{display:flex;justify-content:center;align-items:center;border-radius:50%}.title_circle .image-frame{width:100%;margin:0 auto}.title_circle .image-frame img{width:100%}.title_circle .text-side{position:relative;z-index:2;max-width:400px;margin:auto;text-align:center}.title_circle .subtitle{letter-spacing:0px}.title_circle .headding_wrap,.title_circle .section_h3{font-size:3rem}.title_circle .subtitle_wrap,.title_circle .subtitle{font-size:2rem}.title_circle .subtitle,.title_circle .section_h3{color:#fff}@media only screen and (min-width: 768px){.title_circle .headding_wrap,.title_circle .section_h3{font-size:3rem}.title_circle .subtitle_wrap,.title_circle .subtitle{font-size:1.6rem}}@media only screen and (max-width: 768px){.title_circle .image-side:nth-child(1) .image-side_inner{top:auto;bottom:100%}.title_circle .image-side:nth-child(4) .image-side_inner{top:100%;bottom:auto}} .half .image-side{position:relative}.half .image-side_inner{padding-top:66%}.half .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half .text-side{position:relative}.half .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half .headding_wrap,.half .section_h3{font-size:3rem}.half .subtitle{font-size:1.1rem}.half .editable_wrap{font-size:1.5rem}.half .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half .duplicatable-content_inner{display:flex}.half .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half .image-side,.half .text-side{width:50%}.half .image-side_inner{height:100%}.half .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half .text-side .spacer-content{width:100%}.half .text-side_inner{max-width:500px}.half .section_btn{margin-left:0}.half.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half.reverse .text-side{padding:0 5rem 0 1.5rem}.half .section_h3,.half .headding_wrap{font-size:3.5rem}.half .subtitle{font-size:1.2rem}.half .editable_wrap{font-size:1.5rem}.half .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .fit_card_three_image{text-align:center}.fit_card_three_image .section_bg{position:absolute;height:100%;width:100%;top:0;left:0}.fit_card_three_image .image-side{position:relative}.fit_card_three_image .image-side_bg{width:100%}.fit_card_three_image .image-side_inner{display:flex;align-items:center;justify-content:center}.fit_card_three_image .image-side .image-frame-bg{padding-top:66%}.fit_card_three_image .image-side .frame-image{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.fit_card_three_image .image-side_text{width:90%;color:#fff;z-index:2;margin-top:-1rem;padding:5rem 0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.fit_card_three_image .image-side_text .title{font-size:3rem}.fit_card_three_image .image-side .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.fit_card_three_image .image-side .headding_wrap{font-size:3rem}.fit_card_three_image .image-side .editable_wrap{font-size:1.5rem}.fit_card_three_image .text-side{position:relative;width:90%;max-width:990px;margin:-2rem auto 0}.fit_card_three_image .text-side_content{margin-bottom:3rem;position:relative;padding:1.5rem}.fit_card_three_image .text-side_content:nth-child(3){margin-bottom:0}.fit_card_three_image .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0}.fit_card_three_image .text-side_inner{z-index:2;margin:auto;position:relative}.fit_card_three_image .text-side_image{position:relative;z-index:2}.fit_card_three_image .text-side_image .image-frame-bg{padding-top:57%}.fit_card_three_image .text-side_image .frame-image{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.fit_card_three_image .text-side .headding_wrap,.fit_card_three_image .text-side .section_h3{font-size:2.5rem}.fit_card_three_image .text-side .subtitle_wrap,.fit_card_three_image .text-side .subtitle{font-size:1.1rem}.fit_card_three_image .text-side .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2.5rem}.fit_card_three_image .text-side .spacer-item_wrap:nth-child(4) .editable_wrap{font-size:1.5rem}.fit_card_three_image .section_btn{position:relative}@media only screen and (min-width: 768px){.fit_card_three_image .image-side .image-frame-bg{padding-top:38%}.fit_card_three_image .image-side_text{font-size:3rem;margin-top:-5rem}.fit_card_three_image .image-side_text .title{font-size:7rem}.fit_card_three_image .image-side .headding_wrap{font-size:7rem}.fit_card_three_image .image-side .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:7rem}.fit_card_three_image .text-side{margin:-10rem auto 0;display:flex;justify-content:space-between;height:100%}.fit_card_three_image .text-side_content{width:32%;display:flex;flex-direction:column;padding:1.5rem 1.5rem 2.5rem;margin-bottom:0}.fit_card_three_image .text-side_inner{max-width:340px;margin:0;width:100%;position:relative}.fit_card_three_image .text-side_image{width:100%}.fit_card_three_image .text-side_image .image-frame-bg{padding-top:61%}.fit_card_three_image .text-side .subtitle_wrap,.fit_card_three_image .text-side .subtitle{font-size:1.2rem}.fit_card_three_image .text-side .spacer-item_wrap:nth-child(4) .editable_wrap{font-size:1.5rem}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .youtube-fullscreen .animation{-webkit-animation:none;animation:none}.api_movie_one{text-align:center}.api_movie_one .image-side{max-width:850px;margin:auto}.api_movie_one .image-frame{width:100%;padding-top:56%;position:relative;overflow:hidden}.api_movie_one .image-frame iframe,.api_movie_one .image-frame>div:not([class]){position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:bottom;overflow:hidden}.api_movie_one .image-frame img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.api_movie_one .image-frame iframe{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.api_movie_one .image-frame iframe:-webkit-full-screen{-webkit-transform:none!important;transform:none!important}.api_movie_one .image-frame iframe:-moz-full-screen{transform:none!important}.api_movie_one .image-frame iframe:-ms-fullscreen{transform:none!important}.api_movie_one .image-frame iframe:fullscreen{-webkit-transform:none!important;transform:none!important} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .card_two{text-align:center}.card_two .section-container{font-size:0}.card_two .section-content{font-size:1.5rem;margin-bottom:1.5rem}.card_two .section-content:nth-child(2){margin-bottom:0}.card_two .section-content_inner{display:flex;flex-direction:column}.card_two .image-side{width:100%}.card_two .image-side .image-frame-bg{padding-top:66%;position:relative}.card_two .image-side .frame-image{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.card_two .text-side{position:relative;padding:0 1.5rem 2.5rem}.card_two .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0}.card_two .text-side_inner{position:relative;max-width:280px;margin:auto;z-index:2}.card_two .section_btn{position:relative}.card_two .headding_wrap,.card_two .section_h3{font-size:2.3rem}.card_two .subtitle{font-size:1.1rem;letter-spacing:1px}.card_two .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:2.3rem}.card_two .spacer-item_wrap:nth-child(3) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.card_two .section-container{display:flex;justify-content:space-between}.card_two .section-content{width:49%;font-size:1.6rem;margin-bottom:0}.card_two .section-content_inner{height:100%}.card_two .frame-image{padding-top:57%}.card_two .text-side{display:flex;flex-direction:column}.card_two .text-side_inner{height:100%;max-width:400px;width:100%}.card_two .subtitle{font-size:1.2rem}.card_two .spacer-item_wrap:nth-child(3) .editable_wrap{font-size:1.2rem}} .title_line_wide .text-side{text-align:left}.title_line_wide .subtitle{letter-spacing:0px;color:#000;font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif}.title_line_wide .section_h3{font-family:YakuHanMP, 'Playfair Display', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif;word-wrap:break-word;font-weight:bold;letter-spacing:1.8px;font-size:3.6rem;text-align:center}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:2.5rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:1.1rem;text-align:center}.title_line_wide .text-box{margin-top:50px}.title_line_wide .text-box .editable_wrap{font-size:1.6rem;color:#000}.title_line_wide .text-box .editable_wrap_title{text-align:center;font-size:2rem;color:#333;font-weight:bold}@media only screen and (min-width: 768px){.title_line_wide .section_h3{text-align:left}.title_line_wide .text-side{display:flex}.title_line_wide .title-box{width:35%;padding-right:2rem}.title_line_wide .text-box{width:65%}.title_line_wide .text-box .spacer-item_wrap{width:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:3rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:1.6rem;text-align:left}.title_line_wide .text-box .editable_wrap{font-size:1.5rem}.title_line_wide .text-box .editable_wrap_title{text-align:left}.title_line_wide .section_btn{margin-bottom:40px;float:right}.title_line_wide .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .portfolio_standerd .portfolio_list{position:relative;z-index:1}.portfolio_standerd li{border-bottom:1px solid #ccc;margin-bottom:3rem;padding-bottom:2rem}.portfolio_standerd li .image-wrap{margin-bottom:1rem}.portfolio_standerd li .image-wrap .portfolio_image{padding-top:66%;background-image:url("//s1.crcn.jp/images/noimage.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}.portfolio_standerd li .image-wrap .portfolio_image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:130%;height:auto}.portfolio_standerd li .image-wrap a{display:block}.portfolio_standerd li .portfolio_text .text_wrap{text-align:left;margin-bottom:0;padding:0}.portfolio_standerd li .portfolio_text .text_wrap h4{font-size:1.7rem;font-weight:200;margin-bottom:1rem;line-height:1.5}.portfolio_standerd li .portfolio_text .text_wrap p{color:#bababa}.portfolio_standerd li .portfolio_text .text_wrap .date{font-size:1.2rem;margin-bottom:.5rem}.portfolio_standerd li .category{font-size:1.4rem;position:relative}.portfolio_standerd li .category .category-color{position:absolute;width:15px;height:5px;left:0;background-color:#ff5721;top:50%;margin-top:-2.5px}.portfolio_standerd .section_btn{width:90%;max-width:300px}.portfolio_standerd .dummy_blog_text{background-color:rgba(255,255,255,0.9);color:#333;transition:opactiy .2s ease}.portfolio_standerd .dummy_blog_text:hover{background-color:rgba(255,255,255,0.5)}@media only screen and (min-width: 768px){.portfolio_standerd{text-align:left}.portfolio_standerd .portfolio_articles,.portfolio_standerd .dummy_form_area{text-align:center;font-size:0}.portfolio_standerd .article{display:flex;flex-flow:row wrap;justify-content:center}.portfolio_standerd li{vertical-align:top;width:31.333%;margin-left:3%}.portfolio_standerd li:nth-child(3n+1){margin-left:0}} .half_fit_card{text-align:center}.half_fit_card .section_bg{position:absolute;height:100%;width:100%;top:0;left:0}.half_fit_card .image-side .image-frame-bg{position:relative;padding-top:57%}.half_fit_card .image-side .frame-image{position:absolute;height:100%;width:100%;top:0;left:0}.half_fit_card .text-side{position:relative;width:90%;margin:-2rem auto 0}.half_fit_card .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0;z-index:2}.half_fit_card .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto;padding:0 1.5rem}.half_fit_card .headding_wrap,.half_fit_card .section_h3{font-size:2.3rem}.half_fit_card .subtitle{font-size:1.1rem}.half_fit_card .editable_wrap{font-size:1.5rem}.half_fit_card .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2.3rem}.half_fit_card .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width:768px){.half_fit_card{text-align:left}.half_fit_card .section_inner{padding-top:0;height:auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.half_fit_card .image-side{position:absolute;top:0;left:0;width:100%;height:100%}.half_fit_card .image-side .image-frame-bg{padding-top:0}.half_fit_card .text-side{width:50%;height:80%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;padding:0 1.5rem 0 5rem;margin:5rem 0}.half_fit_card .text-side .spacer-content{width:100%}.half_fit_card .text-side_inner{max-width:440px;margin-left:0;padding:0}.half_fit_card .section_btn{margin-left:0}.half_fit_card.reverse .section_inner{-ms-flex-direction:row;flex-direction:row}.half_fit_card.reverse .text-side{padding:0 5rem 0 1.5rem}.half_fit_card.reverse .text-side_inner{margin-left:auto;margin-right:0}.half_fit_card .headding_wrap,.half_fit_card .section_h3{font-size:3rem}.half_fit_card .subtitle{font-size:1.2rem}.half_fit_card .editable_wrap{font-size:1.5rem}.half_fit_card .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_fit_card .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .half_fit_card{text-align:center}.half_fit_card .section_bg{position:absolute;height:100%;width:100%;top:0;left:0}.half_fit_card .image-side .image-frame-bg{position:relative;padding-top:57%}.half_fit_card .image-side .frame-image{position:absolute;height:100%;width:100%;top:0;left:0}.half_fit_card .text-side{position:relative;width:90%;margin:-2rem auto 0}.half_fit_card .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0;z-index:2}.half_fit_card .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto;padding:0 1.5rem}.half_fit_card .headding_wrap,.half_fit_card .section_h3{font-size:2.3rem}.half_fit_card .subtitle{font-size:1.1rem}.half_fit_card .editable_wrap{font-size:1.5rem}.half_fit_card .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2.3rem}.half_fit_card .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width:768px){.half_fit_card{text-align:left}.half_fit_card .section_inner{padding-top:0;height:auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.half_fit_card .image-side{position:absolute;top:0;left:0;width:100%;height:100%}.half_fit_card .image-side .image-frame-bg{padding-top:0}.half_fit_card .text-side{width:50%;height:80%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;padding:0 1.5rem 0 5rem;margin:5rem 0}.half_fit_card .text-side .spacer-content{width:100%}.half_fit_card .text-side_inner{max-width:440px;margin-left:0;padding:0}.half_fit_card .section_btn{margin-left:0}.half_fit_card.reverse .section_inner{-ms-flex-direction:row;flex-direction:row}.half_fit_card.reverse .text-side{padding:0 5rem 0 1.5rem}.half_fit_card.reverse .text-side_inner{margin-left:auto;margin-right:0}.half_fit_card .headding_wrap,.half_fit_card .section_h3{font-size:3rem}.half_fit_card .subtitle{font-size:1.2rem}.half_fit_card .editable_wrap{font-size:1.5rem}.half_fit_card .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_fit_card .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .footer_simple_basisdesign{padding:10rem 0 0;font-size:1.4rem}.footer_simple_basisdesign .logo-side{font-size:3rem;text-align:center;color:#369ac6}.footer_simple_basisdesign .logo-side .letter{display:block;color:#369ac6}.footer_simple_basisdesign .logo-side .section_btn a{background:#fff;color:#369ac6;border-radius:0}.footer_simple_basisdesign .logo-side .section_btn a:hover{transform:translate(2px, 2px);opacity:1;box-shadow:0px 0px 20px -2px rgba(255,255,255,0.3)}.footer_simple_basisdesign .logo-side .section_btn a.linker-style_type-4{border-radius:27.5px}.footer_simple_basisdesign .logo-side .section_btn a.linker-style_type-3{border-radius:10px}.footer_simple_basisdesign .logo-side .section_btn a.linker-style_type-2{border-radius:4px}.footer_simple_basisdesign .logo-side .section_btn a.linker-style_type-1{border-radius:0}.footer_simple .logo-side{padding:4rem 0}.footer_simple .logo{width:300px;margin:0 auto}.footer_simple .logo img{width:auto;max-width:100%}.footer_simple h1{color:#369ac6;font-weight:400;font-size:1.2rem;text-align:center}.footer_simple .detail-side{text-align:center;font-size:1.4rem}.footer_simple .detail-side_first{margin-bottom:2rem}.footer_simple .detail-side_second{margin-bottom:4rem}.footer_simple .detail-side_second .tel{font-size:1.8rem}.footer_simple .detail-side_second .hour{font-size:1.2rem}.footer_simple .detail-side_third{margin-bottom:3rem}.footer_simple .letter{letter-spacing:.1em;color:#369ac6}.footer_simple .copy{border-top:1px solid #369ac6;font-size:1.2rem;padding:2rem 0;text-align:center}.footer_simple .section_btn a{white-space:nowrap}@media only screen and (min-width: 768px){.footer_simple .footer-company{padding:3.5rem 0}.footer_simple h1{text-align:left}.footer_simple .detail-side{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:left}.footer_simple .detail-side>div{margin-bottom:0}.footer_simple .detail-side_first{width:40%}.footer_simple .detail-side_second{width:25%}.footer_simple .detail-side_third{width:35%}.footer_simple .copy{padding:1.5rem 0}.footer_simple .section_btn{margin:auto 0 auto auto}} @charset "UTF-8";#section-wrapper{background-color:#fff}#section-wrapper .headding{ font-family: YakuHanJP, Quicksand, "Droid Sans", "Helvetica Neue", Rounded, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .subtitle{ font-family: YakuHanJP, Quicksand, "Droid Sans", "Helvetica Neue", Rounded, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .letter{ font-family: YakuHanJP, Quicksand, "Droid Sans", "Helvetica Neue", Rounded, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: ; letter-spacing: em; }@media only screen and (min-width:769px){}#loading{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none}#loading .loading_inner{width:100%;height:90px;position:absolute;top:50%}#loading .loading_inner .loader_animation,#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{border-radius:50%;width:2.4rem;height:2.4rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.3s infinite ease-in-out;animation:load7 1.3s infinite ease-in-out}#loading .loading_inner .loader_animation{color:#fff;font-size:12px;margin:10px auto;position:relative;top:-30px;text-indent:-9999rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{content:'';position:absolute;top:0}#loading .loading_inner .loader_animation:before{left:-3.4rem;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}#loading .loading_inner .loader_animation:after{left:3.4rem}@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}@keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}#loading .circle{position:fixed;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:8px solid #f00;border-right-color:transparent;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}} /* -------------------- 　共通パーツ -------------------- */ body { color: #333; } .editable a{ color: #20bef2; text-decoration: underline; } .editable a:hover{ text-decoration: none; } /* btn */ .catchcopy_06 .link_btn{ width: 250px; } .catchcopy_06 .link_btn a, .section_name .section_btn a{ font-weight: bold; text-align: center; transition:all .5s; position:relative; padding: 1.5rem 4rem; background: linear-gradient(to right, #20bef2, #2675ce)!important; background: -moz-linear-gradient(left, #20bef2 0%, #2675ce 100%)!important; background: -webkit-linear-gradient(left, #20bef2 0%,#2675ce 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bef2', endColorstr='#2675ce',GradientType=1 )!important; border: none; z-index: 1; } .catchcopy_06 .link_btn a:hover, .section_name .section_btn a:hover{ color: #fff!important; opacity: 1; } .catchcopy_06 .link_btn a::after, .section_name .section_btn a::after{ color: #fff; content: ''; display: block; position: absolute; transition: all 0.3s; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #2675ce, #20bef2); background: -moz-linear-gradient(left, #2675ce 0%, #20bef2 100%); background: -webkit-linear-gradient(left, #2675ce 0%,#20bef2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2675ce', endColorstr='#20bef2',GradientType=1 ); -webkit-transform-origin: left top; border: none; transform-origin: left top; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: .5s; transition: .5s; opacity: 0; z-index: -1; } .catchcopy_06 .link_btn a:hover::after, .section_name .section_btn a:hover::after{ -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } /* gnav_sp */ .gnav-basisdesign.gnav-wrap .gnav_sp.gnav a{ border-bottom: none; } .gnav-wrap .gnav_sp .drawer-toggle span.drawer-hamburger-icon-top, .gnav-wrap .gnav_sp .drawer-toggle span.drawer-hamburger-icon-middle, .gnav-wrap .gnav_sp .drawer-toggle span.drawer-hamburger-icon-bottom{ background-color: #fff!important; } /* footer-section */ #footer-section .section-image_bg{ background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/51246/optimized_BxXJPH1JGWtbMMTW3rrYOA.jpg) repeat-x center top!important; opacity: 1!important; } #footer-section .editable a{ color: #fff; text-decoration: none; } #footer-section .footer_simple .copy{ border-color: #fff; } /* bg（top・bottomぼかし） */ /* TOP こだわり 事業内容 修理・メンテナンス 採用情報 店舗案内 */ #section_100429 .image-bg, #section_100560 .image-bg, #section_100561 .image-bg, #section_100097 .image-bg, #section_100727 .image-bg, #section_100147 .image-bg, #section_100048 .image-bg{ position: relative; } #section_100429 .image-bg:before, #section_100560 .image-bg:before, #section_100561 .image-bg:before, #section_100097 .image-bg:before, #section_100727 .image-bg:before, #section_100147 .image-bg:before, #section_100048 .image-bg:before{ position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 100px; background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/51205/optimized_Bi5VaDgAVFVFdu2xvsYRvg.png) repeat-x center top!important; } #section_100429 .image-bg:after, #section_100560 .image-bg:after, #section_100561 .image-bg:after, #section_100097 .image-bg:after, #section_100727 .image-bg:after, #section_100147 .image-bg:after, #section_100048 .image-bg:after{ position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; height: 100px; background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/51206/optimized_4AMi17XA4JxODiGoVmtfiA.png) repeat-x center bottom!important; } /* main（bottomぼかし） */ /* こだわり 事業内容 修理・メンテナンス 店舗案内 ブログ */ #section_100040 .image-bg, #section_100076 .image-bg, #section_100121 .image-bg, #section_100133 .image-bg, #section_100072 .image-bg, #section_100045 .image-bg{ position: relative; } #section_100040 .image-bg:before, #section_100076 .image-bg:before, #section_100121 .image-bg:before, #section_100133 .image-bg:before, #section_100072 .image-bg:before, #section_100045 .image-bg:before{ position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; height: 100px; background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/51206/optimized_4AMi17XA4JxODiGoVmtfiA.png) repeat-x center bottom!important; } /* -------------------- 　TOP -------------------- */ [class^=mainvisual_] { background-color: #fff!important; } /* blog_coloroverlay */ .blog_coloroverlay li .category{ color: #20bef2!important; } .blog_coloroverlay li .category .category-color{ background-color: #fff!important; } .blog_coloroverlay li .blog_text .text_wrap p{ color: #61be38; } /* -------------------- 　こだわり -------------------- */ /* infomation_simple */ .infomation_simple .section_inner, .infomation_simple_text .section_inner { padding: 10rem 0 20rem; } /* how_it_works_basis-text_container */ .how_it_works_basis-text_container .how_it_works_basis-step + .how_it_works_basis-step{ margin-top: 10px; } .how_it_works_basis-text_container .how_it_works_basis-step .image-side .image-frame-bg{ background-color: transparent!important; } /* section_100563 */ #section_100563 .image-bg:before{ position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 100px; background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/51205/optimized_Bi5VaDgAVFVFdu2xvsYRvg.png) repeat-x center top!important; } #section_100563 .image-bg:after{ position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; height: 100px; background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/51206/optimized_4AMi17XA4JxODiGoVmtfiA.png) repeat-x center bottom!important; } #section_100563 .title_space .title_space_bg .editable_wrap{ z-index: 1; } /* -------------------- 　事業内容 -------------------- */ /* simple_text_content */ .simple_text_content .simple_text_title.editable.headding::before{ background-color: #20bef2; } /* -------------------- 　修理・メンテナンス -------------------- */ /* faq_accordion */ .faq_accordion .duplicatable-content{ background-color: #eef8fb; } .faq_accordion .question:after{ border-color: #2675ce; } .faq_accordion .answer:before{ border-color: #20bef2; } /* -------------------- 　採用情報 -------------------- */ /* table_title_light */ .table_title_light .headding{ color: #fff; } /* -------------------- 　店舗案内 -------------------- */ /* table_border_light */ .table_border_light .headding{ color: #fff; } /* -------------------- 　施工事例 -------------------- */ /* mainvisual_basisdesign_tp */ .mainvisual_basisdesign_tp .section_inner::before, .mainvisual_basisdesign_tp .section_inner::after{ background-color: #eefae8; box-shadow: 0 0 0 #20bef2!important; animation: mainvisualBasisdesign 3s ease forwards; } @keyframes mainvisualBasisdesign { 0% { box-shadow:0 0 0 #20bef2 } 20% { box-shadow:30vw 30vw 0 #20bef2, -30vw 30vw 0 #20bef2, 30vw -30vw 0 #20bef2, -30vw -30vw 0 #20bef2 } 20% { box-shadow:-30vw -30vw 0 #20bef2, 30vw 30vw 0 #20bef2, -30vw 30vw 0 #20bef2, 30vw -30vw 0 #20bef2 } 40% { box-shadow:30vw -30vw 0 #20bef2, -30vw -30vw 0 #20bef2, 30vw 30vw 0 #20bef2, -30vw 30vw 0 #20bef2 } 60% { box-shadow:-30vw 30vw 0 #20bef2, 30vw -30vw 0 #20bef2, -30vw -30vw 0 #20bef2, 30vw 30vw 0 #20bef2 } 80% { box-shadow:30vw 30vw 0 #20bef2, -30vw 30vw 0 #20bef2, 30vw -30vw 0 #20bef2, -30vw -30vw 0 #20bef2; z-index:1 } 100% { box-shadow:30vw 30vw 0 #20bef2, -30vw 30vw 0 #20bef2, 30vw -30vw 0 #20bef2, -30vw -30vw 0 #20bef2; z-index:0 } } /* -------------------- 　ブログ -------------------- */ /* h2_center_graphic */ .h2_center_graphic .center-image-side .image-frame-bg.h2_center_graphic_image{ background-color: #20bef2!important; } /* -------------------- 　お問い合わせ -------------------- */ /* formapps */ .formapps .section_btn input{ background: linear-gradient(to right, #20bef2, #2675ce)!important; background: -moz-linear-gradient(left, #20bef2 0%, #2675ce 100%)!important; background: -webkit-linear-gradient(left, #20bef2 0%,#2675ce 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bef2', endColorstr='#2675ce',GradientType=1 )!important; color: #fff; border: none; border-radius: 0; } .formapps .section_btn input:hover{ opacity: 0.7; } #section_100125:target div,#section_102187:target div,#section_102188:target div,#section_102189:target div { opacity: 1 !important; } /*お問い合わせボタン*/ .section_name.blog_temp_section .banner_text ._color_ , .showcase_chart .banner_text ._color_ , .blog_posts .banner_text ._color_ { color: rgb(32, 190, 242)!important; } .section_name.blog_temp_section .banner_text .banner_link, .showcase_chart .banner_text .banner_link, .blog_posts .banner_text .banner_link { background-color:rgb(32, 190, 242)!important; }