.serviceMainTitle{padding-bottom:16.2rem}@media screen and (max-width: 768px){.serviceMainTitle{padding-bottom:10.2rem}}.serviceMainTitle .framework{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #167c72;text-align:center;margin-bottom:4.5rem}@media screen and (max-width: 768px){.serviceMainTitle .framework{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:5.2rem}}.serviceMainTitle .framework::before{position:absolute;content:"";width:23px;height:45px;top:50%;left:1rem;background:url("images/mainTitleDeco.svg") no-repeat center center/contain;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width: 768px){.serviceMainTitle .framework::before{width:45px;height:22px;top:.8rem;left:50%;background:url("images/mainTitleDecoSp.svg") no-repeat center center/contain;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}}.serviceMainTitle .framework .catchphrase{position:relative;font-size:clamp(8.4rem,11vw,17rem);color:#e2fffc;font-family:"Teko",sans-serif;-webkit-filter:drop-shadow(0px 0px 6px #E2FFFC);filter:drop-shadow(0px 0px 6px #E2FFFC);text-align:center;line-height:.8;z-index:1}@media screen and (max-width: 768px){.serviceMainTitle .framework .catchphrase{font-size:6.5rem;line-height:1.02}}.serviceMainTitle .framework .subTitle{font-size:1.4rem;color:#0cd8c3;font-family:"Source Code Pro",monospace;font-weight:600;text-align:center}.serviceMainTitle h2{font-size:2.8rem;font-family:"Noto Sans JP",sans-serif;font-weight:500;margin-bottom:3.3rem;line-height:1.7;letter-spacing:.05em}@media screen and (max-width: 768px){.serviceMainTitle h2{font-size:2.2rem;margin-bottom:1.9rem;letter-spacing:0}}.serviceMainTitle p{color:#c9c9c9;line-height:1.75}#contactWrap{padding:110px 0 194px 0}#contactWrap .bgArea{max-width:904px;margin:0 auto;background-image:url("images/contact_area_bg.png");background-size:cover;background-position-x:right;padding:38px 16px 38px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:1px solid #167c72}@media screen and (max-width: 768px){#contactWrap .bgArea{background-image:url("images/contact_area_bg_sp.png");border-bottom:1px solid #167c72;border-left:unset}}#contactWrap .bgArea .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#0cd8c3;font-weight:700;font-size:1.8rem;letter-spacing:.05em;line-height:1.666;margin-bottom:20px}@media screen and (max-width: 768px){#contactWrap .bgArea .text{font-size:1.6rem}}#contactWrap .bgArea .text::before{content:"";background-image:url(images/contact_area_icon.png);background-size:cover;display:inline-block;width:55px;height:57px;margin-top:-15px}#contactWrap .bgArea .text span{-webkit-box-flex:1;-ms-flex:1;flex:1}.pointWrap{padding-bottom:16.2rem}@media screen and (max-width: 768px){.pointWrap{padding-bottom:10rem}}.pointWrap .title01{margin-bottom:6rem}.pointWrap .pointBox section{position:relative}.pointWrap .pointBox section .image{position:absolute;top:0;left:0;width:50%}@media screen and (max-width: 768px){.pointWrap .pointBox section .image{position:static;width:100%;max-width:none;margin-bottom:3.2rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.pointWrap .pointBox section .image img{width:100%}.pointWrap .pointBox section .title,.pointWrap .pointBox section p{width:50%;margin-left:auto}@media screen and (max-width: 768px){.pointWrap .pointBox section .title,.pointWrap .pointBox section p{min-width:auto}}@media screen and (max-width: 768px){.pointWrap .pointBox section .title{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}.pointWrap .pointBox section .title .titleWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3rem 0;margin-bottom:3rem;border-top:2px solid #d80c24;border-bottom:1px solid #5e3c3c}@media screen and (min-width: 769px)and (max-width: 1200px){.pointWrap .pointBox section .title .titleWrap{display:block}}@media screen and (max-width: 768px){.pointWrap .pointBox section .title .titleWrap{display:block;padding:2rem 0}}.pointWrap .pointBox section .title .titleWrap .flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:3rem}@media screen and (min-width: 769px)and (max-width: 1200px){.pointWrap .pointBox section .title .titleWrap .flexbox{margin-bottom:1rem}}@media screen and (max-width: 768px){.pointWrap .pointBox section .title .titleWrap .flexbox{margin:0 0 .7rem 0}}.pointWrap .pointBox section .title .titleWrap .flexbox span.point{display:block;min-width:54px;font-size:1.8rem;font-family:"Source Code Pro",monospace;font-weight:400;color:#caf2ee;margin-right:1.1rem}@media screen and (max-width: 768px){.pointWrap .pointBox section .title .titleWrap .flexbox span.point{min-width:48px;font-size:1.6rem;margin-right:1.4rem}}.pointWrap .pointBox section .title .titleWrap .flexbox span.num{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;min-width:60px;height:60px;font-size:2rem;font-family:"Source Code Pro",monospace;font-weight:700;color:#0cd8c3;background-color:#1d3c39;border-radius:50%}@media screen and (max-width: 768px){.pointWrap .pointBox section .title .titleWrap .flexbox span.num{width:40px;min-width:40px;height:40px;font-size:1.8rem}}.pointWrap .pointBox section .title .titleWrap h3{font-size:2.6rem;font-family:"Noto Sans JP",sans-serif;font-weight:500}@media screen and (min-width: 769px)and (max-width: 1200px){.pointWrap .pointBox section .title .titleWrap h3{font-size:2.2rem}}@media screen and (max-width: 768px){.pointWrap .pointBox section .title .titleWrap h3{font-size:2.2rem}}.pointWrap .pointBox section p{color:#c9c9c9;line-height:1.75}@media screen and (max-width: 768px){.pointWrap .pointBox section p{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.pointWrap .pointBox section:not(:last-child){margin-bottom:13.2rem}@media screen and (max-width: 768px){.pointWrap .pointBox section:not(:last-child){margin-bottom:6rem}}.pointWrap .pointBox section .btnWrap{min-width:calc(100% - 600px);padding-left:clamp(4rem,5.6vw,7.7rem);width:50%;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:3rem}@media screen and (max-width: 768px){.pointWrap .pointBox section .btnWrap{width:100%}}#strongWrap #strongBox section p a{text-decoration:underline;color:#c9c9c9}#strongWrap #strongBox section p a:hover{opacity:1;text-decoration:none}#strongWrap #strongBox section p a:visited{color:#c9c9c9}#flowWrap{padding-bottom:10.5rem}@media screen and (max-width: 768px){#flowWrap{padding-bottom:10rem}}#flowWrap .title01{margin-bottom:6rem}@media screen and (max-width: 768px){#flowWrap .title01{margin-bottom:5rem}}#flowWrap #flowContainer{position:relative;padding-left:4.6rem}#flowWrap #flowContainer::before{position:absolute;content:"";width:1px;height:calc(100% - 6rem);background-color:#167c72;top:3rem;left:1.2rem}@media screen and (max-width: 768px){#flowWrap #flowContainer::before{top:1.5rem}}#flowWrap #flowContainer .circle{position:absolute;left:-4.6rem}#flowWrap #flowContainer .circle svg{width:25px;height:25px}#flowWrap #flowContainer h3{font-size:2.6rem;font-family:"Noto Sans JP",sans-serif;font-weight:500}@media screen and (max-width: 768px){#flowWrap #flowContainer h3{font-size:2.2rem}}#flowWrap #flowContainer .flow{color:#c9c9c9;margin-top:2rem;line-height:1.75}@media screen and (max-width: 768px){#flowWrap #flowContainer .flow{margin-top:1.9rem}}#flowWrap #flowContainer .flow a{color:#c9c9c9;text-decoration:underline}#flowWrap #flowContainer .flow a:hover{opacity:1;text-decoration:none}#flowWrap #flowContainer .flowBox{position:relative;margin-bottom:5.2rem}@media screen and (max-width: 768px){#flowWrap #flowContainer .flowBox{margin-bottom:4.8rem}}#flowWrap #flowContainer .flowBox .flowHead{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 768px){#flowWrap #flowContainer .flowBox .flowHead{display:block}}#flowWrap #flowContainer .flowBox .flowHead div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#flowWrap #flowContainer .flowBox .flowHead div span.circle{display:block;top:1.5rem}@media screen and (max-width: 768px){#flowWrap #flowContainer .flowBox .flowHead div span.circle{top:.2rem}}#flowWrap #flowContainer .flowBox .flowHead div span.circle svg{color:#1b4e49;fill:#1b4e49}#flowWrap #flowContainer .flowBox .flowHead div span.step{display:block;font-size:1.2rem;font-family:"Source Code Pro",monospace;font-weight:500;color:#caf2ee;margin-right:.4rem}#flowWrap #flowContainer .flowBox .flowHead div span.num{display:block;font-size:3.6rem;font-family:"Source Code Pro",monospace;font-weight:500;color:#0cd8c3;margin-right:2.3rem}@media screen and (max-width: 768px){#flowWrap #flowContainer .flowBox .flowHead div span.num{font-size:1.8rem;margin-right:0}}#flowWrap #flowContainer .flowBox .singleHead{position:relative}#flowWrap #flowContainer .flowBox .singleHead .circle{display:block;top:2rem}@media screen and (max-width: 768px){#flowWrap #flowContainer .flowBox .singleHead .circle{top:1.2rem}}#flowWrap #flowContainer .flowBox .singleHead .circle svg{color:#d80c24;fill:#d80c24}#flowWrap #flowContainer .flowBox .singleHead h3{display:inline-block;padding:1.1rem 3.2rem;border:2px solid #d80c24}@media screen and (max-width: 768px){#flowWrap #flowContainer .flowBox .singleHead h3{padding:.5rem 1.1rem}}#flowWrap #flowContainer .flowBox:last-child::before{position:absolute;content:"";width:2px;height:calc(100% - 2rem);top:2rem;left:-3.4rem;background-color:#212121}#costWrap{padding-bottom:16.2rem}@media screen and (max-width: 768px){#costWrap{padding-bottom:10rem}}#costWrap .title01{margin-bottom:6rem}@media screen and (max-width: 768px){#costWrap .title01{margin-bottom:5rem}}#costWrap #costBox{background-color:#1e2e2c;padding:5.7rem 5rem 6rem;border-radius:10px}@media screen and (max-width: 768px){#costWrap #costBox{padding:5rem 2.5rem}}#costWrap #costBox table{width:100%}#costWrap #costBox table tr{border-bottom:1px solid #5b5b5b}#costWrap #costBox table tr th{text-align:left}@media screen and (max-width: 768px){#costWrap #costBox table thead{display:none}}#costWrap #costBox table thead tr th{font-size:1.4rem;font-family:"Noto Sans JP",sans-serif;font-weight:500;color:#c9c9c9;padding-bottom:2.4rem}#costWrap #costBox table thead tr th:first-child{width:40%}#costWrap #costBox table thead tr th:nth-child(2){width:28%}#costWrap #costBox table thead tr th:last-child{width:32%}#costWrap #costBox table tbody tr th,#costWrap #costBox table tbody tr td{font-size:2rem;font-family:"Noto Sans JP",sans-serif;font-weight:500;padding:2.5rem 0 2.1rem;vertical-align:middle}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr th,#costWrap #costBox table tbody tr td{display:block;padding:0}}#costWrap #costBox table tbody tr th span,#costWrap #costBox table tbody tr td span{font-size:2.6rem}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr th span,#costWrap #costBox table tbody tr td span{font-size:1.8rem}}#costWrap #costBox table tbody tr th{width:40%}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr th{width:100%}}#costWrap #costBox table tbody tr td{position:relative}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr td{font-size:1.8rem;padding-left:7.7rem}#costWrap #costBox table tbody tr td::before{position:absolute;top:.4rem;left:0;font-size:1.4rem;font-family:"Noto Sans JP",sans-serif;font-weight:500;color:#c9c9c9}}#costWrap #costBox table tbody tr td:first-of-type{width:28%}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr td:first-of-type{width:100%;padding-bottom:1rem}#costWrap #costBox table tbody tr td:first-of-type::before{content:"開発期間"}}#costWrap #costBox table tbody tr td:last-child{width:32%}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr td:last-child{width:100%}#costWrap #costBox table tbody tr td:last-child::before{content:"料金"}}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr:first-child th{padding-bottom:2rem}}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr:not(:first-child) th{padding:4rem 0 2rem}}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr:not(:last-child) td:last-child{padding-bottom:4rem}}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr:last-child{border-bottom:none}}#faqWrap{padding-bottom:16.2rem}@media screen and (max-width: 768px){#faqWrap{padding-bottom:10rem}}#faqWrap .contentsTitle span span{font-weight:700}#faqWrap .title01{margin-bottom:6rem}@media screen and (max-width: 768px){#faqWrap .title01{margin-bottom:5rem}}#faqWrap #faqContainer{border-top:1px solid #5b5b5b}#faqWrap #faqContainer .faqBox{padding:3rem 0 2.7rem;border-bottom:1px solid #5b5b5b}@media screen and (max-width: 768px){#faqWrap #faqContainer .faqBox{padding-bottom:3rem}}#faqWrap #faqContainer .faqBox .circle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;width:48px;min-width:48px;height:48px;font-size:2rem;font-family:"Source Code Pro",monospace;font-weight:700;border-radius:50%}@media screen and (max-width: 768px){#faqWrap #faqContainer .faqBox .circle{width:32px;min-width:32px;height:32px;font-size:1.8rem}}#faqWrap #faqContainer .faqBox .circle.question{top:0;color:#0cd8c3;background-color:#1d3c39;margin-right:1.5rem}@media screen and (max-width: 768px){#faqWrap #faqContainer .faqBox .circle.question{margin-right:1rem}}#faqWrap #faqContainer .faqBox .circle.answer{top:-0.7rem;color:#d80c24;background-color:#513629;margin-right:2.2rem}@media screen and (max-width: 768px){#faqWrap #faqContainer .faqBox .circle.answer{margin-right:1rem}}#faqWrap #faqContainer .faqBox h3,#faqWrap #faqContainer .faqBox .toggle{position:relative}#faqWrap #faqContainer .faqBox h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2.2rem;font-family:"Noto Sans JP",sans-serif;font-weight:500;padding-right:2rem;cursor:pointer}@media screen and (max-width: 768px){#faqWrap #faqContainer .faqBox h3{font-size:1.8rem;padding-right:3rem}}#faqWrap #faqContainer .faqBox h3::before,#faqWrap #faqContainer .faqBox h3::after{position:absolute;content:"";width:15px;height:3px;top:2rem;right:0;background-color:#d80c24;mix-blend-mode:screen}@media screen and (max-width: 768px){#faqWrap #faqContainer .faqBox h3::before,#faqWrap #faqContainer .faqBox h3::after{top:1.2rem}}#faqWrap #faqContainer .faqBox h3::after{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform cubic-bezier(1, 0.02, 0.26, 1) .3s;transition:-webkit-transform cubic-bezier(1, 0.02, 0.26, 1) .3s;transition:transform cubic-bezier(1, 0.02, 0.26, 1) .3s;transition:transform cubic-bezier(1, 0.02, 0.26, 1) .3s, -webkit-transform cubic-bezier(1, 0.02, 0.26, 1) .3s}#faqWrap #faqContainer .faqBox h3.close+.toggle{display:none}#faqWrap #faqContainer .faqBox h3.open::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#faqWrap #faqContainer .faqBox .toggle{margin-top:3.2rem}@media screen and (max-width: 768px){#faqWrap #faqContainer .faqBox .toggle{margin-top:2rem}}#faqWrap #faqContainer .faqBox .toggle .flex{display:-webkit-box;display:-ms-flexbox;display:flex}#faqWrap #faqContainer .faqBox .toggle .flex p{color:#c9c9c9;padding-top:1rem;line-height:1.75}@media screen and (max-width: 768px){#faqWrap #faqContainer .faqBox .toggle .flex p{padding-top:0}}#worksWrap{padding-bottom:19.2rem}@media screen and (max-width: 768px){#worksWrap{padding-bottom:9rem}}#worksWrap .title01{margin-bottom:8.8rem}@media screen and (max-width: 768px){#worksWrap .title01{margin-bottom:6.5rem}}#worksWrap #worksBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:11.2rem}@media screen and (max-width: 768px){#worksWrap #worksBox{display:block;margin-bottom:5rem}}#worksWrap #worksBox section{width:32%}@media screen and (max-width: 768px){#worksWrap #worksBox section{width:100%}}#worksWrap #worksBox section a{position:relative;display:block;color:#fff}#worksWrap #worksBox section a .worksLabel{position:absolute;display:inline-block;height:32px;top:-1.5rem;left:50%;font-size:1.6rem;font-family:"Noto Sans JP",sans-serif;font-weight:400;padding:.4rem 2rem;background-color:#d80c24;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:1}#worksWrap #worksBox section a .worksLabel::before,#worksWrap #worksBox section a .worksLabel::after{position:absolute;content:"";width:10px;height:32px;top:0;border-bottom:32px solid rgba(0,0,0,0)}#worksWrap #worksBox section a .worksLabel::before{left:calc(100% - 1px);border-left:10px solid #d80c24}#worksWrap #worksBox section a .worksLabel::after{right:calc(100% - 1px);border-right:10px solid #d80c24}#worksWrap #worksBox section a .image{position:relative;padding-top:100%;margin-bottom:3rem;overflow:hidden}@media screen and (max-width: 768px){#worksWrap #worksBox section a .image{margin-bottom:2rem}}#worksWrap #worksBox section a .image span{position:absolute;content:"";width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:hidden}#worksWrap #worksBox section a .image span img{width:100% !important;height:100% !important;-o-object-fit:contain;object-fit:contain;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}#worksWrap #worksBox section a h3{font-size:1.8rem;font-family:"Noto Sans JP",sans-serif;font-weight:500;margin-bottom:.7rem}#worksWrap #worksBox section a p{font-size:1.4rem;font-family:"Noto Sans JP",sans-serif;font-weight:400;margin-bottom:1.1rem}#worksWrap #worksBox section a time{display:block;font-size:1.6rem;font-family:"Source Code Pro",monospace;font-weight:600;color:#7e7e7e}#worksWrap #worksBox section a:hover{opacity:1}#worksWrap #worksBox section a:hover .image span img{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}#worksWrap #worksBox section:not(:nth-child(3n)){margin-right:2%}@media screen and (max-width: 768px){#worksWrap #worksBox section:not(:nth-child(3n)){margin-right:0}}@media screen and (max-width: 768px){#worksWrap #worksBox section:not(:last-child){margin-bottom:6.5rem}}#worksWrap .btn01{margin:0 auto}/*# sourceMappingURL=service_detail.min.css.map */