/*!
Theme Name: NAEDOKO
Theme URI: https://space-inc.co.jp
Author: SPACE inc.
Description: SPACE Theme
Version: 1.0.1
*/.page_ttl{margin-top:-10px;padding-bottom:30px;text-align:center}.page_ttl .en{color:#10d3d3;font-size:16px}.page_ttl .ja{color:#0b191f;font-size:28px;font-weight:700}.page_ttl::before{margin:0 auto;left:0;right:0;top:auto;bottom:0}.sec_ttl{position:relative;padding-top:15px;color:#0b191f;font-size:20px;font-weight:700;text-align:center;line-height:1.4}.sec_ttl::before{content:"";display:block;position:absolute;left:0;right:0;top:0;margin:0 auto;width:20px;height:0;border-bottom:2px solid #10d3d3}.animateCss{position:relative}.animateCss .base{position:absolute;left:0;top:0}.animateCss .fade{position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;mix-blend-mode:darken}.animateCss.playAnime .fade{opacity:1}.service_detail .introduction{position:relative;padding-top:30px}.service_detail .introduction .heading{position:relative;padding-bottom:40px}.service_detail .introduction .heading::before{content:"";display:block;position:absolute;left:calc(50% - 150px);top:-30px;width:300px;height:50px;border-radius:20px 20px 0 0;background-color:#fff}.service_detail .introduction .heading .copy{margin-top:15px;color:#0b191f;font-size:20px;font-weight:700;text-align:center;line-height:1.4}.service_detail .introduction .heading .desc{margin-top:15px;color:#4d4d4d;font-size:16px;font-weight:500;text-align:left}.service_detail .symbol{margin-left:-25px;margin-right:-25px;height:250px;background-color:#005083;background-position:center center;background-repeat:repeat-x;background-size:480px auto;-webkit-animation:bgScroll 15s linear infinite;animation:bgScroll 15s linear infinite}.service_detail.produce .symbol{background-image:url("../../images/services/bg_produce.png")}.service_detail.marketing .symbol{background-image:url("../../images/services/bg_marketing.png")}.service_detail.development .symbol{background-image:url("../../images/services/bg_development.png")}.service_detail .sec_g{margin:0 calc(-50vw + 50%);padding:30px 0 50px;background-color:#f5f5f5}.service_detail .sec_g .desc{margin-top:15px;color:#4d4d4d;font-size:16px;font-weight:500;text-align:left}.service_detail .sec_g .lottie-wrap{margin-left:-25px;margin-right:-25px}.service_detail .sec_g .lottie-wrap .lottieContainer{width:100% !important;height:auto !important;aspect-ratio:780 / 1868}.service_detail .sec_w{margin:0 calc(-50vw + 50%);padding:30px 0 50px;background-color:#fff}.service_detail .sec_w.forte{padding-bottom:0}.service_detail .illustration{padding:30px 0}.service_detail .network .lottie-wrap{margin-left:-20px;margin-right:-20px}.service_detail .network .lottie-wrap .lottieContainer{width:100% !important;height:auto !important;aspect-ratio:650 / 644}.service_detail .netwotk_list{text-align:left}.service_detail .netwotk_list ul li{display:block;padding:25px 0;border-bottom:1px solid #e6e6e6}.service_detail .netwotk_list ul li:last-of-type{border-bottom:none}.service_detail .netwotk_list .list_ttl{position:relative;padding-left:0.8em;color:#0b191f;font-family:"Montserrat", sans-serif;font-size:18px;font-weight:600;text-align:left}.service_detail .netwotk_list .list_ttl::before{position:absolute;left:0;content:"-";color:#10d3d3}.service_detail .netwotk_list .body{margin-top:10px;color:#4d4d4d;font-size:16px;line-height:1.6}.service_detail .netwotk_list .body strong{color:#0b191f;font-weight:700}.service_detail .skill_list .num_list>li .illustration .animateCss{width:100%;aspect-ratio:340 / 330}.service_detail .forte_list{margin-top:30px;text-align:left}.service_detail .forte_list .num_list>li{padding:15px 0 50px;border-top:2px solid #10d3d3}.service_detail .forte_list .num_list>li>.lead{padding-left:40px;color:#0b191f;font-size:18px;font-weight:700}.service_detail .forte_list .num_list>li:nth-of-type(1)>.lead{background:url("../../images/services/icon_01.png") left center no-repeat;background-size:24px auto}.service_detail .forte_list .num_list>li:nth-of-type(2)>.lead{background:url("../../images/services/icon_02.png") left center no-repeat;background-size:24px auto}.service_detail .forte_list .num_list>li .detail{margin-top:15px;color:#4d4d4d;font-size:16px;font-weight:500}.service_detail .forte_list .num_list>li .illustration .animateCss{width:100%;aspect-ratio:340 / 330}.service_detail .forte_list .sub_list{margin-top:20px}.service_detail .forte_list .sub_list>li{display:block;padding:10px 0 30px;border-top:1px solid #e6e6e6}.service_detail .forte_list .sub_list>li>.lead{color:#0b191f;font-size:18px;font-weight:700}.service_detail .forte_list .non_list{color:#4d4d4d;font-size:16px;font-weight:500}.service_detail .forte_list .non_list>li{padding-left:1.5em}.service_detail .forte_list .non_list>li::before{content:"●"}.service_detail .skill .num_list,.service_detail .programs .num_list{margin-top:50px}.service_detail .skill .num_list>li,.service_detail .programs .num_list>li{padding:15px 0 50px;border-top:2px solid #10d3d3}.service_detail .skill .num_list>li .heading,.service_detail .programs .num_list>li .heading{text-align:left}.service_detail .skill .num_list>li .heading .list_ttl,.service_detail .programs .num_list>li .heading .list_ttl{padding-left:40px;color:#0b191f;font-size:18px;font-weight:700}.service_detail .skill .num_list>li:nth-of-type(1) .heading .list_ttl,.service_detail .programs .num_list>li:nth-of-type(1) .heading .list_ttl{background:url("../../images/services/icon_01.png") left center no-repeat;background-size:24px auto}.service_detail .skill .num_list>li:nth-of-type(2) .heading .list_ttl,.service_detail .programs .num_list>li:nth-of-type(2) .heading .list_ttl{background:url("../../images/services/icon_02.png") left center no-repeat;background-size:24px auto}.service_detail .skill .num_list>li .detail,.service_detail .programs .num_list>li .detail{margin-top:15px;color:#4d4d4d;font-size:16px}.service_detail .skill .num_list>li .illustration .animateCss,.service_detail .programs .num_list>li .illustration .animateCss{width:100%;aspect-ratio:340 / 330}.service_detail .skill .detail,.service_detail .programs .detail{text-align:left}.service_detail .skill .detail .list .item,.service_detail .programs .detail .list .item{padding:30px 0 30px 95px;border-bottom:1px solid #e6e6e6}.service_detail .skill .detail .list .item .lead,.service_detail .programs .detail .list .item .lead{position:relative;padding-left:0.8em;color:#0b191f;font-family:"Montserrat", sans-serif;font-size:18px;font-weight:600;text-align:left}.service_detail .skill .detail .list .item .lead::before,.service_detail .programs .detail .list .item .lead::before{position:absolute;left:0;content:"-";color:#10d3d3}.service_detail .skill .detail .list .item .text,.service_detail .programs .detail .list .item .text{margin-top:10px;color:#4d4d4d;font-size:16px;font-weight:500}.service_detail .skill .detail .list .item:last-of-type,.service_detail .programs .detail .list .item:last-of-type{border-bottom:none}.service_detail .skill .detail .list .item:nth-of-type(1){background:url("../../images/services/icon_learning.png") left 35px no-repeat;background-size:60px 60px}.service_detail .skill .detail .list .item:nth-of-type(2){background:url("../../images/services/icon_networking.png") left 35px no-repeat;background-size:60px 60px}.service_detail .skill .detail .list .item:nth-of-type(3){background:url("../../images/services/icon_bridging.png") left 35px no-repeat;background-size:60px 60px}.service_detail .skill .num_list>li:nth-of-type(2) .detail .list .item:nth-of-type(1){background:url("../../images/services/icon_produce.png") left 35px no-repeat;background-size:60px 60px}.service_detail .programs .desc{margin-top:30px;color:#4d4d4d;font-size:16px;text-align:left;font-weight:500}.service_detail .programs .detail .list .item{padding-left:0}.service_detail .programs .detail .list .place{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:100px;height:80px;color:#0b191f;font-size:18px;font-weight:700}.service_detail .programs .detail .list .place.matsushima{background:url("../../images/services/icon_matsushima.png") left center no-repeat;background-size:80px 80px}.service_detail .programs .detail .list .place.takayama{background:url("../../images/services/icon_takayama.png") left center no-repeat;background-size:80px 80px}.service_detail .programs .detail .list .place.takamatsu{background:url("../../images/services/icon_takamatsu.png") left center no-repeat;background-size:80px 80px}.service_detail .programs .detail .list .place.kyoto{background:url("../../images/services/icon_kyoto.png") left center no-repeat;background-size:80px 80px}.service_detail .programs .detail .list .subject{padding-top:15px;color:#4d4d4d}.service_detail .programs .detail .list .subject .non_list li{display:block;font-size:16px;font-weight:500}.service_detail .programs .detail .list .subject .non_list li::before{content:"●"}.service_detail .programs .detail .list .movie{color:#4d4d4d}.service_detail .programs .detail .list .movie .player{margin-top:30px;position:relative;width:100%;aspect-ratio:16 / 9}.service_detail .programs .detail .list .movie .player .thumb{position:absolute;left:0;top:0;width:100%;-webkit-box-shadow:0 0 2px 1px rgba(150,150,150,0.5);box-shadow:0 0 2px 1px rgba(150,150,150,0.5);-webkit-transition:opacity .3s ease- out;transition:opacity .3s ease- out}.service_detail .programs .detail .list .movie .player .icon_play{position:absolute;left:calc(50% - 30px);top:calc(50% - 30px);width:60px;height:60px;pointer-events:none}.service_detail .programs .detail .list .movie .player .icon_play .circle{-webkit-transition:fill .3s ease-out;transition:fill .3s ease-out}.service_detail .programs .detail .list .movie .player .icon_play .triangle{-webkit-transition:fill .3s ease-out;transition:fill .3s ease-out}.service_detail .programs .detail .list .movie .player:active .thumb{opacity:.9}.service_detail .programs .detail .list .movie .player:active .icon_play .circle{fill:#e9e9e9}.service_detail .programs .detail .list .movie .player:active .icon_play .triangle{fill:#005083}.service_detail .programs .detail .list .movie .desc{margin-top:15px}.service_detail .programs .detail .list .movie .desc .ttl{font-size:18px;font-weight:500}.service_detail .programs .detail .list .movie .desc .txt{margin-top:15px;font-size:16px}.modal{position:fixed;top:0;left:0;bottom:0;padding:25px;width:100vw;background-color:#005083;opacity:0;visibility:hidden;-webkit-transition:0.5s all;transition:0.5s all;z-index:9999}.modal .modal_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;height:calc(100% - 40px);overflow-y:hidden}.modal .modal_wrap .movie_data{width:100%;aspect-ratio:16 / 9}.modal .modal_wrap .movie_data iframe{width:100%;height:100%}@media screen and (orientation: landscape){.modal .modal_wrap .movie_data{width:auto;height:100%}}.modal.active{opacity:1;visibility:visible}.modal .buttons{display:grid;grid-template-columns:40px 40px 40px;grid-template-rows:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:65px}.modal .buttons a{display:block;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;width:40px;height:40px}.modal .buttons a.preview{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;grid-column:1 / 2;grid-row:1 / 2}.modal .buttons a.next{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;grid-column:3 / 4;grid-row:1 / 2}.modal .buttons a.close{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;grid-column:2 / 3;grid-row:1 / 2}.modal .buttons img{width:40px}.services{margin-top:20px}.services .page_ttl{margin-top:0;padding-top:10px;padding-bottom:0;text-align:center}.services .page_ttl .en{color:#005083}.services .page_ttl .ja{color:#0b191f;font-size:28px;font-weight:700}.services .page_ttl::before{left:0;right:0;top:0;bottom:auto;margin:0 auto}.services ul{padding:0;text-align:left}.services ul li{display:block;padding:20px 0;border-bottom:1px solid #e6e6e6}.services ul a{display:block;padding:10px;text-decoration:none;color:#0b191f}.services ul a.sub{line-height:1.6}.services ul a.sub.icon{padding-left:85px;padding-right:45px;height:70px;background-size:70px auto, 40px 40px;background-position:left center, right center;background-repeat:no-repeat, no-repeat}.services ul a.sub.produce{background-image:url("../../images/cmn/icon_produce.svg"),url("../../images/cmn/icon_arrow2.svg")}.services ul a.sub.marketing{background-image:url("../../images/cmn/icon_marketing.svg"),url("../../images/cmn/icon_arrow2.svg")}.services ul a.sub.development{background-image:url("../../images/cmn/icon_development.svg"),url("../../images/cmn/icon_arrow2.svg")}.services ul a.sub small{display:block;color:#808080;font-size:12px}.services ul a.sub span{display:block;font-weight:700}.services ul a.txt{padding:0 5px}.services ul a.txt span{line-height:1.4}.services ul span.en{display:block;font-size:26px;font-weight:700;letter-spacing:.05em;line-height:1.2}.services ul small.ja{display:block;font-size:12px;font-weight:400}@media screen and (min-width: 1004px){.page_ttl{margin-top:0;text-align:left}.page_ttl .en{padding-top:0;padding-bottom:10px}.page_ttl::before{margin:0;left:0;right:auto;top:auto;bottom:0}.service_detail .introduction{position:relative;padding-top:30px;padding-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.service_detail .introduction .heading{position:relative;-webkit-box-flex:0;-ms-flex:0 1 420px;flex:0 1 420px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:420px}.service_detail .introduction .heading::before{display:none}.service_detail .introduction .heading .copy{text-align:left}.service_detail .introduction .heading .desc{margin-top:30px}.service_detail .symbol{margin-left:0;margin-right:0;-webkit-box-flex:0;-ms-flex:0 1 412px;flex:0 1 412px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:412px;height:264px;border-radius:6px;background-repeat:repeat-x;background-size:480px auto}.service_detail .sec_g{padding:60px 0 60px}.service_detail .sec_g .desc{margin-top:30px}.service_detail .sec_g .lottie-wrap .lottieContainer{width:100% !important;height:auto !important;aspect-ratio:904 / 373}.service_detail .sec_w{padding:60px 0 50px}.service_detail .sec_w.forte{padding-bottom:0}.service_detail .illustration{padding:60px 0 0}.service_detail .network .container{display:grid;grid-template-columns:410px 450px;grid-template-rows:auto auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.service_detail .network .container .sec_ttl{grid-column:1 / 2;grid-row:1 / 2;text-align:left}.service_detail .network .container .sec_ttl::before{margin:0;right:auto}.service_detail .network .container .illustration{grid-column:1 / 2;grid-row:2 / 3;padding:0}.service_detail .network .container .netwotk_list{grid-column:2 / 3;grid-row:1 / 3}.service_detail .network .lottie-wrap{margin-left:-25px;margin-right:-25px}.service_detail .netwotk_list ul{margin-top:-25px}.service_detail .forte_list{margin-top:50px}.service_detail .forte_list .num_list>li{position:relative;padding:15px 0 50px 452px}.service_detail .forte_list .num_list>li>.lead{position:absolute;left:0}.service_detail .forte_list .num_list>li .detail{margin-top:0}.service_detail .forte_list .sub_list{margin-top:0}.service_detail .forte_list .sub_list>li:first-of-type{padding-top:0;border-top:none}.service_detail .skill .detail .list .item,.service_detail .programs .detail .list .item{padding:30px 0 60px 95px}.service_detail .skill_list .num_list{margin-top:40px}.service_detail .skill_list .num_list>li{display:grid;grid-template-columns:410px 430px;grid-template-rows:auto auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.service_detail .skill_list .num_list>li .heading{grid-column:1 / 3;grid-row:1 / 2}.service_detail .skill_list .num_list>li .illustration{grid-column:2 / 3;grid-row:2 / 3}.service_detail .skill_list .num_list>li .illustration .animateCss{aspect-ratio:430 / 407}.service_detail .skill_list .num_list>li .detail{grid-column:1 / 2;grid-row:2 / 3}.service_detail .programs .num_list{margin-top:40px}.service_detail .programs .detail .list .item{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-ms-flex-wrap:wrap;flex-wrap:wrap}.service_detail .programs .detail .list .place{-webkit-box-flex:0;-ms-flex:0 1 390px;flex:0 1 390px;max-width:390px}.service_detail .programs .detail .list .subject{-webkit-box-flex:0;-ms-flex:0 1 490px;flex:0 1 490px;padding-top:0}.service_detail .programs .detail .list .movie{-webkit-box-flex:0;-ms-flex:0 1 904px;flex:0 1 904px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.service_detail .programs .detail .list .movie .player{margin-top:50px;-webkit-box-flex:0;-ms-flex:0 1 390px;flex:0 1 390px;aspect-ratio:16 / 9;cursor:pointer}.service_detail .programs .detail .list .movie .player:hover .thumb{opacity:.9}.service_detail .programs .detail .list .movie .player:hover .icon_play .circle{fill:#e9e9e9}.service_detail .programs .detail .list .movie .player:hover .icon_play .triangle{fill:#005083}.service_detail .programs .detail .list .movie .desc{margin-top:calc(50px - .7em);-webkit-box-flex:0;-ms-flex:0 1 490px;flex:0 1 490px}#player{padding:0}#player.active{opacity:1;visibility:visible}#player .modal_wrap{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:904px;aspect-ratio:16 / 9;z-index:3}#player .modal_wrap .movie_data{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;width:100%;height:auto;aspect-ratio:16 / 9;overflow-y:hidden}#player .buttons{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1064px;height:570px;z-index:1}#player .buttons a{position:absolute;width:40px;height:40px;z-index:3}#player .buttons a.preview{left:0;top:calc(50% - 20px)}#player .buttons a.next{right:0;top:calc(50% - 20px)}#player .buttons a.close{right:0;top:0}#player .buttons img{width:40px}.services{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin-top:40px;width:100%}.services .page_ttl{margin-top:0;padding-top:15px;-webkit-box-flex:0;-ms-flex:0 1 200px;flex:0 1 200px;text-align:left}.services .page_ttl .en{font-size:20px}.services .page_ttl::before{margin:0;right:auto}.services ul{-webkit-box-flex:0;-ms-flex:0 1 650px;flex:0 1 650px;max-width:650px}}@keyframes bgScroll{0%{background-position:0 center}100%{background-position:-480px center}}@-webkit-keyframes bgScroll{0%{background-position:0 center}100%{background-position:-480px center}}
