#linkBox ul.fixed{width:calc(100% - 120px);max-width:1096px}@media screen and (max-width: 768px){#linkBox ul.fixed{width:100%}}#design{position:relative;padding-bottom:16.2rem}@media screen and (max-width: 768px){#design{padding-bottom:10.2rem}}#design .framework{display:block;padding:8rem 0 6rem}@media screen and (max-width: 768px){#design .framework{padding:6rem 0 8rem}}#design .framework::after{position:absolute;content:"";width:86px;height:35px;bottom:0;right:0;background:url("images/titleDeco01.png") no-repeat center center/contain}#design .framework .image div{position:absolute}#design .framework .image div:first-child{top:0;left:0}#design .framework .image div:nth-child(2){top:14px;right:17px}@media screen and (min-width: 769px)and (max-width: 1100px){#design .framework .image div:nth-child(2){width:160px}}@media screen and (max-width: 768px){#design .framework .image div:nth-child(2){width:100px}}#design .framework .image div:last-child{bottom:14px;left:14px}@media screen and (min-width: 769px)and (max-width: 1100px){#design .framework .image div:last-child{width:200px}}@media screen and (max-width: 768px){#design .framework .image div:last-child{width:140px}}#design p a{text-decoration:underline}#design p a:hover{opacity:1;text-decoration:none}#strongWrap{padding-bottom:16.2rem}@media screen and (max-width: 768px){#strongWrap{padding-bottom:10rem}}#strongWrap .title01{margin-bottom:6rem}@media screen and (max-width: 768px){#strongWrap .title01{margin-bottom:5rem}}#strongWrap #strongBox section{min-height:400px}#strongWrap #strongBox section .image{max-width:600px}#strongWrap #strongBox section .title,#strongWrap #strongBox section p{min-width:calc(100% - 600px);padding-left:clamp(4rem,5.6vw,7.7rem)}@media screen and (max-width: 768px){#strongWrap #strongBox section .title,#strongWrap #strongBox section p{width:100%;padding-left:0}}#strongWrap #strongBox section:first-child .title .titleWrap h3{max-width:365px}#exampleWrap{padding-bottom:16.2rem}@media screen and (max-width: 768px){#exampleWrap{padding-bottom:10.2rem}}#exampleWrap .title01{margin-bottom:6rem}@media screen and (max-width: 768px){#exampleWrap .title01{max-width:310px;margin-bottom:5rem}}#exampleWrap #exampleBox{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 768px){#exampleWrap #exampleBox{display:block}}#exampleWrap #exampleBox section{position:relative;width:48%;background-color:#1e2e2c;padding:1.6rem 5rem 4rem;border-radius:10px}@media screen and (max-width: 768px){#exampleWrap #exampleBox section{width:100%;padding:1.6rem 2.5rem 3rem}}#exampleWrap #exampleBox section::before{position:absolute;content:"";width:28px;height:2px;top:0;left:5rem;background-color:#d80c24}@media screen and (max-width: 768px){#exampleWrap #exampleBox section::before{left:2.5rem}}#exampleWrap #exampleBox section .exampleHead span{font-size:1.5rem;color:#0cd8c3;font-family:"Source Code Pro",monospace;font-weight:700;margin-bottom:.4rem}@media screen and (max-width: 768px){#exampleWrap #exampleBox section .exampleHead span{font-size:1.4rem}}#exampleWrap #exampleBox section .exampleHead h3{font-size:2.4rem;font-family:"Noto Sans JP",sans-serif;font-weight:500;letter-spacing:.05em}@media screen and (max-width: 768px){#exampleWrap #exampleBox section .exampleHead h3{font-size:2rem}}#exampleWrap #exampleBox section .image{margin-bottom:4.8rem;text-align:center}@media screen and (max-width: 768px){#exampleWrap #exampleBox section .image{margin-bottom:3rem}}@media screen and (max-width: 768px){#exampleWrap #exampleBox section .image img{max-width:50%}}#exampleWrap #exampleBox section p{color:#c9c9c9;line-height:1.75}#exampleWrap #exampleBox section:first-child{margin-right:4%}@media screen and (max-width: 768px){#exampleWrap #exampleBox section:first-child{margin:0 0 4rem}}#exampleWrap #exampleBox section:first-child .exampleHead{margin-bottom:5.5rem}@media screen and (max-width: 768px){#exampleWrap #exampleBox section:first-child .exampleHead{margin-bottom:4rem}}#exampleWrap #exampleBox section:last-child .exampleHead{margin-bottom:6.3rem}@media screen and (max-width: 768px){#exampleWrap #exampleBox section:last-child .exampleHead{margin-bottom:4rem}}@media screen and (max-width: 768px){#flowWrap #flowContainer .singleBox{margin-bottom:0}}#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}}@media screen and (max-width: 768px){#costWrap #costBox table thead{display:none}}#costWrap #costBox table thead tr th:nth-child(2){width:24%}#costWrap #costBox table thead tr th:last-child{width:34%}#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 .grayText{font-size:1.6rem;color:#c9c9c9;font-family:"-apple-system","BlinkMacSystemFont","Helvetica Neue","Yu Gothic Medium","游ゴシック Medium"," ","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Arial,"メイリオ","Meiryo",sans-serif;margin-top:1.6rem;line-height:1.75}#costWrap #costBox table tbody tr td .mediOnly{display:none}@media screen and (max-width: 900px){#costWrap #costBox table tbody tr td .mediOnly{display:block}}#costWrap #costBox table tbody tr td:first-of-type{width:24%}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr td:first-of-type{width:100%}#costWrap #costBox table tbody tr td:first-of-type::before{content:"納期"}}#costWrap #costBox table tbody tr td:last-child{width:34%}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr td:last-child{width:100%}}@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:last-child{border-bottom:1px solid #5b5b5b}}@media screen and (max-width: 768px){#costWrap #costBox table tbody tr:last-child td:last-child{padding-bottom:4rem}}#costWrap #costBox p{font-size:2rem;color:#fff;font-family:"Noto Sans JP",sans-serif;font-weight:500;margin-top:1.8rem;text-align:right}@media screen and (max-width: 768px){#costWrap #costBox p{font-size:1.5rem;text-align:left}}#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;font-size:2.6rem;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 #works{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 #works{margin-bottom:10rem}}#worksWrap #works section{width:30%}@media screen and (max-width: 768px){#worksWrap #works section{width:100%}}@media screen and (min-width: 769px)and (max-width: 900px){#worksWrap #works section a .label{padding:.4rem 1.6rem}}@media screen and (max-width: 768px){#worksWrap #works section a .label{padding:.4rem 1.6rem}}@media screen and (min-width: 769px)and (max-width: 900px){#worksWrap #works section a h3{font-size:1.7rem}}#worksWrap #works section:not(:nth-child(3n)){margin-right:5%}@media screen and (max-width: 768px){#worksWrap #works section:not(:nth-child(3n)){margin-right:0}}#worksWrap #works section:not(:nth-child(-n+3)){margin-top:11rem}@media screen and (max-width: 768px){#worksWrap #works section:not(:nth-child(-n+3)){margin-top:0}}@media screen and (max-width: 768px){#worksWrap #works section:not(:last-child){margin-bottom:6rem}}/*# sourceMappingURL=design.min.css.map */