@charset "utf-8";*{box-sizing:border-box}html{font-size:62.5%}body{margin:0;font-size:1.4rem;line-height:1.8;letter-spacing:.07em;font-family:'Bodoni Moda',serif;font-family:'Noto Serif JP',serif;color:#000}a{text-decoration:none;color:#000}h1,h2,h3,h4,p,li{margin:0}ul{padding-left:0}li{list-style:none}img{vertical-align:bottom}::selection{background:#4fd6b0}header{width:100%;margin:0 auto 60px}.header-inn{width:100%;max-width:1000px;display:flex;margin:0 auto;justify-content:space-between;align-items:center}.header-inn h1{position:fixed;top:20px;left:10%;z-index:9999}.header-inn .right .menu_btn{position:fixed;top:25px;right:10%;z-index:9999}.header-inn .right{display:flex;align-items:center}.header-inn .right p{margin-right:30px}#globalnavi.panelactive{position:fixed;z-index:999;top:0;width:100%;height:100vh}.circle-bg{position:fixed;z-index:3;width:100px;height:100px;border-radius:50%;background:#4fd6b0;transform:scale(0);right:-50px;top:-50px;transition:all .9s}.circle-bg.circleactive{transform:scale(50)}#globalnavi ul{opacity:0;position:fixed;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bodoni Moda',serif}#globalnavi.panelactive ul{opacity:1}#globalnavi.panelactive ul li{animation-name:gAnime;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}@keyframes gAnime{0%{opacity:0}100%{opacity:1}}#globalnavi li{text-align:center;list-style:none}#globalnavi li a{color:#000;font-size:30px;text-decoration:none;padding:10px;display:block;letter-spacing:.1em}.menu_btn{z-index:9999;cursor:pointer;width:50px;height:50px}.menu_btn span{display:block;transition:all .4s;background-color:#000;width:30px;height:1px}.menu_btn span:nth-of-type(1){margin-top:17px;margin-bottom:7px}.menu_btn span:nth-of-type(2){margin-bottom:7px}.menu_btn.active span:nth-of-type(1){transform:translateY(8px) rotate(-45deg);width:30px}.menu_btn.active span:nth-of-type(2){opacity:0}.menu_btn.active span:nth-of-type(3){transform:translateY(-8px) rotate(45deg);width:30px}.main-copy-img{width:90%;max-width:1000px;margin:0 auto;display:flex;position:relative;padding-top:30px}.main-copy-img p{font-size:7.2rem;line-height:1.2;font-family:'Bodoni Moda',serif;text-align:center;position:absolute;left:20%;z-index:1;padding-top:30px}.fadein{opacity:0}.fadein span{opacity:0}.fadeIn_up{opacity:0;transform:translate(0,50%);transition:2s}.fadeIn_up.is-show{transform:translate(0,0);opacity:1}.main-copy-img .mimg{margin-left:auto}.philosophy{width:70%;background:#f8f8f8;border-radius:0 0 80px;padding:120px 0;margin-top:-100px;margin-bottom:160px;display:flex;justify-content:center}.philosophy p{padding-bottom:20px;text-align:justify}.philosophy p:last-of-type{padding-bottom:0}.philosophy-inn-70{width:70%;padding:100px;background-color:#fff}.what-we-do{width:90%;max-width:1000px;margin:0 auto 100px;position:relative}.what-we-do h2,.flow h2,.price h2,.contact h2,.news h2,.single h2{font-size:6.6rem;font-family:'Bodoni Moda',serif;font-weight:400;text-align:center}.what-we-do p{text-align:center}.what-we-do .catch-l{position:absolute;top:-160px;right:0;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.what-we-do .catch-s{display:none}.what-we-do h3{font-size:2.6rem;font-weight:400;text-align:center;margin:60px 0 20px;position:relative}.what-we-do h3:before{position:absolute;content:'';width:1px;height:60px;top:50px;left:50%;background-color:#000}.skill{width:100%;display:flex;background:linear-gradient(180deg,#f8f8f8 0%,#f8f8f8 70%,#fff 70%,#fff 100%);border-radius:0 80px 0 0;padding-top:30px}.skill .left{width:50%}.skill .right{width:50%}.skill .left h4,.skill .right h4{text-align:center;font-size:1.8rem;font-weight:400;font-family:'Bodoni Moda',serif}.skill ul{display:flex;justify-content:center;margin-bottom:0}.skill li{height:140px;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;margin-right:15px;border:1px solid #eee;background-color:#fff;padding:10px 3px 5px;letter-spacing:.2em}.skill li:last-of-type{margin-right:0}.img-wrap{width:100%}@keyframes infinity-scroll-right{from{transform:translateX(-100%)}to{transform:translateX(0%)}}_:-ms-lang(x)::-ms-backdrop,.img-wrap{display:-ms-grid;overflow:hidden}.img-wrapwrap{display:flex;overflow:hidden}.slideshow{display:flex;list-style:none}.from-left{animation:infinity-scroll-right 45s infinite linear .5s both}.slide-item{width:calc(100vw / 6)}.slide-item>img{width:100%}.img-wrapwrap:hover .from-left{animation-play-state:paused}.content{width:250px;height:177px}.content img{width:100%}.flow{width:90%;max-width:1000px;margin:0 auto 160px;padding-top:100px}.flow p{text-align:center;margin-bottom:30px}.f-wrap{width:100%;display:flex;justify-content:space-between;margin-bottom:40px}.f-wrap .card{width:23%;border-bottom:20px solid #f8f8f8}.f-wrap .card h3{font-size:2.2rem;letter-spacing:.15em;text-align:center;margin-bottom:10px}.f-wrap .card p{margin-bottom:0}.f-wrap .card .illust{width:75%;text-align:center;margin:0 auto 20px}.f-wrap .card p.text{text-align:justify;margin-bottom:20px}.card .number{background-color:#f8f8f8;border-radius:0 30px 0 0;font-weight:700;margin-bottom:10px}.card .number p{font-size:2.8rem;font-family:'Bodoni Moda',serif;margin-bottom:0}.fwrap-bottom{width:100%;margin:0 auto;text-align:center}.fwrap-bottom a{display:inline-block;width:200px;height:35px;line-height:35px;text-align:center;transition:all .5s ease;color:#000;background:#f8f8f8;cursor:pointer;z-index:9999}.fwrap-bottom a:hover{transition:all .5s ease;color:#fff;background:#000;cursor:pointer}.news{width:100%;margin:0 auto 240px}.news p.lead{text-align:center;margin-bottom:40px}.news-inn{width:100%;position:relative}.news-inn:after{position:absolute;content:'';top:0;right:0;width:75%;height:100%;background:#f8f8f8;border-radius:0 0 0 80px;padding-bottom:20px;margin-top:60px;z-index:-999}.news-wrap{width:90%;max-width:1000px;margin:0 auto 20px;display:flex;justify-content:center;flex-wrap:wrap;padding-left:20px}.news-wrap a{margin-bottom:20px}.news-wrap a:hover{transition:.3s;opacity:.6}.news-wrap .news-card{width:220px;height:100%;margin-right:20px;padding-bottom:20px;background:#fff}.news-card.is-empty{height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.news-wrap .news-card img{width:100%;height:auto;margin-bottom:10px}.news-card .tx-wrap{width:85%;margin:0 auto}.tx-wrap p.date{font-size:1.2rem;margin-bottom:7px}.tx-wrap p.txt{line-height:1.4}.newslist{width:200px;height:35px;margin:0 auto;line-height:35px;position:relative;z-index:1}.newslist a{display:inline-block;width:200px;height:35px;text-align:center;transition:all .5s ease;color:#000;background:#fff;cursor:pointer;position:absolute;z-index:9999}.newslist a:hover{color:#fff;background:#000}.price{width:90%;max-width:1000px;margin:0 auto 160px}.price p{text-align:center}.contact{width:100%;background-color:#f8f8f8;padding:100px 0;margin:0 auto 40px}.contact-inn{width:90%;max-width:1000px;margin:0 auto;text-align:center}.contact-inn p{text-align:center;margin-bottom:20px}.contact-inn p.small{font-size:1.2rem}.contact-inn a{display:inline-block;width:300px;height:70px;text-align:center;background-color:#fff;cursor:pointer;line-height:70px;margin-bottom:10px;transition:.5s}.contact-inn a:hover{color:#fff;background:#000}.about{width:90%;max-width:1000px;margin:0 auto 160px}.about h2,.flow-page h2,.faq h2,.contact-page h2{font-size:6.6rem;font-family:'Bodoni Moda',serif;font-weight:400;text-align:center;margin-bottom:60px}.about-inn{display:flex}.about-inn .left{width:40%;margin-right:10%}.about-inn .left img{width:100%}.about-inn .right{width:50%}.about-inn .right h3{font-size:2.4rem;font-weight:400;letter-spacing:.1em;margin-top:-12px;margin-bottom:50px}.about-inn .right h3.sp{display:none}.right .outline{width:100%;border-bottom:1px solid #ddd}.right .outline dl{width:100%;display:flex;flex-wrap:wrap}.right .outline dt{width:25%;border-top:1px solid #ddd;padding:30px 0}.right .outline dd{width:75%;border-top:1px solid #ddd;margin-left:0;padding:30px 0}.right .outline dd a span{text-decoration:underline}.right .outline dd a:hover{transition:.3s;opacity:.3}.flow-page{width:90%;max-width:1000px;margin:0 auto 160px}.flow-page p.lead{text-align:center;margin-bottom:40px}.flow-page .plink{width:100%;display:flex;justify-content:center;margin-bottom:80px}.flow-page .plink li{margin-right:40px;position:relative}.flow-page .plink li a{display:block}.flow-page .plink li a:hover{opacity:.5;transition:.3s}.flow-page .plink li a:after{position:absolute;content:'';display:inline-block;color:#000;top:100%;right:44%;width:13px;height:13px;border:1px solid currentColor;border-left:0;border-bottom:0;box-sizing:border-box;transform:rotate(135deg)}.flow-page .plink li:last-of-type{margin-right:0}.flow-page-inn{width:100%}.flow-page-inn .f-graphic,.flow-page-inn .f-web,.flow-page-inn .roughEstimate{background-color:#f8f8f8;border-radius:0 80px 0 0;padding:80px 0 50px}.flow-page-inn .f-graphic,.flow-page-inn .f-web{margin-bottom:120px}.f-graphic-inn,.f-web-inn{width:80%;margin:0 auto}.f-graphic .f-graphic-inn h3,.f-web .f-web-inn h3,.roughEstimate h3{font-size:2.6rem;letter-spacing:.15em;line-height:1.4}.f-graphic-inn .etitle,.f-web-inn .etitle{margin-bottom:60px}.f-graphic-inn .box,.f-web-inn .box{width:100%;padding:40px 50px 35px;margin-bottom:60px;background-color:#fff;position:relative}.f-graphic-inn .box:not(:last-child):after,.f-web-inn .box:not(:last-child):after{content:'';position:absolute;right:0;bottom:-30px;left:0;width:0;height:0;margin:auto;border-style:solid;border-color:#eee transparent transparent;border-width:30px 30px 0}.f-graphic-inn .box h4,.f-web-inn .box h4{font-size:2.2rem;letter-spacing:.15em;margin-bottom:10px}.f-graphic-inn .box ul,.f-web-inn .box ul{width:100%;background-color:#f8f8f8;padding:10px 10px 10px 15px}.f-graphic-inn .box li,.f-web-inn .box li{background:url(/wp-content/themes/coto/img/icon_flow.svg) no-repeat left top;background-position:0 3px;padding-left:30px}.f-graphic-inn .box li a:hover,.f-web-inn .box li a:hover{opacity:.5;transition:.3s}.roughEstimate .t-wrap{width:80%;margin:0 auto 60px}.roughEstimate-inn{width:80%;margin:0 auto 40px;padding:40px 50px 35px;background-color:#fff}.roughEstimate-inn .rlead{text-align:left;margin-bottom:40px}.roughEstimate-inn .gbox{margin-bottom:40px}.roughEstimate-inn p.exc{font-size:1.2rem}.roughEstimate-inn h4{font-size:2rem;letter-spacing:.15em;margin-bottom:10px}.roughEstimate-inn li{padding:10px 15px}.roughEstimate-inn li:nth-of-type(2n+1){background-color:#f8f8f8}.faq{width:90%;max-width:1000px;margin:0 auto 160px}.faq p.lead{text-align:center;margin-bottom:60px}.faq .seisaku h3,.payment h3{font-size:2.8rem;letter-spacing:.15em;margin-bottom:20px}.seisaku{margin-bottom:80px}.seisaku .seisaku-inn,.payment .payment-inn{width:100%;background-color:#f8f8f8;border-radius:0 80px 0 0;padding:80px 0}.seisaku-inn .box,.payment-inn .box{width:80%;margin:0 auto 60px}.seisaku-inn .box:last-of-type,.payment-inn .box:last-of-type{margin-bottom:0}.seisaku-inn .box h4,.payment-inn .box h4{font-size:2rem;letter-spacing:.15em}.seisaku-inn .box ul,.payment-inn .box ul{background-color:#fff;padding:20px}.seisaku-inn .box li,.payment-inn .box li{background:url(/wp-content/themes/coto/img/a_faq.svg) no-repeat left top;background-position:0 5px;padding-left:55px}.contact-page{width:90%;max-width:1000px;margin:0 auto 160px}.contact-page p{text-align:center;margin-bottom:60px}.contact-page-inn{width:90%;margin:0 auto}.contact-page-inn table{width:100%;border-collapse:collapse;margin:0 auto 30px}.contact-page-inn tr{display:flex;margin-bottom:5px}.contact-page-inn th.item-name{width:20%;margin-bottom:50px;line-height:70px;text-align:left;font-weight:400}.contact-page-inn th.item-name span{display:inline-block;height:18px;line-height:18px;font-size:1rem;color:#fff;background:#e60f0f;padding:0 3px;border-radius:2px;vertical-align:middle}.contact-page-inn td.item-box{width:80%}.item-box .item-box-bg{width:100%;height:70px;background:#f8f8f8;border:none;padding:0 20px}.item-box .txt-box{width:100%;min-height:200px;background:#f8f8f8;border:none;padding:20px;font-family:'Noto Serif JP',serif}.txt-box::placeholder{color:#ccc}input::placeholder{color:#ccc;font-family:'Noto Serif JP',serif}.privacy{width:60%;height:300px;margin:0 auto 40px;padding:20px;overflow:scroll;border:1px solid #eee}.privacy h4{font-weight:700;margin-bottom:0}.privacy ul{margin-top:0;margin-bottom:30px}.privacy p{text-align:justify;margin-bottom:30px}.privacy p.small{font-size:1.2rem;margin-bottom:0}.contact-page .btn-wrap{width:100%;text-align:center;position:relative}.btn-wrap .btn{width:300px;height:60px;background:#000;color:#fff;border:none;cursor:pointer;font-family:'Noto Serif JP',serif;letter-spacing:.1em;transition:.3s;text-align:center;position:absolute;top:0;left:50%;transform:translateX(-50%)}.btn-wrap .btn:hover{opacity:.7}.agree-wrap{width:100%;margin-bottom:30px;text-align:center}.single{width:100%;max-width:1000px;margin:0 auto 160px}.single p.lead{text-align:center;margin-bottom:80px}.single-wrap{width:80%;display:flex;justify-content:space-between;margin:0 auto 60px}.single-wrap .left{width:35%}.single-wrap .left img{width:100%;height:auto}.single-wrap .right{width:60%}.single-wrap .right h3{font-size:2.4rem;font-weight:400;margin-bottom:10px}.single-wrap .right p{text-align:justify}.single-wrap .right p.date{margin-bottom:20px}.single .newslist a{background:#f8f8f8}.single .newslist a:hover{background:#000;color:#fff}#ptop{width:35px;height:30px;background-color:#000;position:fixed;bottom:100px;right:30px;border-radius:10px 10px 0 0;text-align:center;z-index:1;cursor:pointer;line-height:20px}footer{font-size:1.2rem;color:#999;text-align:center;margin-bottom:40px}@media screen and (max-width:959px){header{margin-bottom:60px}.main-copy-img{width:100%}.main-copy-img p{position:absolute;top:5%;left:50%;transform:translate(-50%,-5%)}.main-copy-img .mimg{width:100%}.main-copy-img .mimg img{width:100%}.philosophy{width:100%;margin-bottom:80px;padding-bottom:60px;border-radius:0 0 60px}.philosophy-inn-70{width:90%;padding:50px}.what-we-do .catch-l{display:none}.what-we-do .catch-s{display:block}.skill{display:block;background:linear-gradient(180deg,#f8f8f8 0%,#f8f8f8 80%,#fff 80%,#fff 100%)}.skill .left,.skill .right{margin:0 auto}.skill .left h4,.skill .right h4{margin-top:30px}.slide-item{width:calc(100vw / 4)}.about h2{margin-bottom:30px}.about-inn{display:block}.about-inn .left{margin:0 auto 60px}.about-inn .right{width:90%;margin:0 auto}.about-inn .right h3{display:none}.about-inn .right h3.sp{display:block;text-align:center}.contact-page-inn tr{display:block;width:100%}.contact-page-inn th.item-name{margin-bottom:0}.contact-page-inn th.item-name,.contact-page-inn td.item-box{width:100%;display:block;text-align:left}.privacy{width:100%}.single-wrap{display:block}.single-wrap .left,.single-wrap .right{width:70%;margin:0 auto}.single-wrap .left img{margin-bottom:30px}.single p.lead{margin-bottom:30px}}@media screen and (max-width:559px){header{margin-bottom:60px}.main-copy-img p{font-size:3.8rem}.philosophy-inn-70{padding:20px 10px}.what-we-do h2{font-size:3.8rem}.what-we-do h3{font-size:2.2rem}.skill .left,.skill .right{width:90%}.skill ul{display:block}.skill li{writing-mode:unset;width:100%;height:30px;line-height:30px;margin-bottom:7px;padding:0;text-align:center}.slide-item{width:calc(100vw / 2)}.f-wrap{display:block}.f-wrap .card{width:85%;margin:0 auto 60px}.about{margin-bottom:80px}.about-inn .left{width:100%}.about-inn .left img{width:100%;height:300px;object-fit:cover}.about-inn .right h3.sp{font-size:2.2rem}.right .outline dl{display:block}.right .outline dt{width:100%;padding-bottom:0;font-weight:700}.right .outline dd{width:100%;padding-top:0;border:none}.flow-page{width:100%}.flow-page p.lead{width:90%;margin:0 auto 30px}.flow-page .plink{width:90%;margin:0 auto 30px;display:block}.flow-page .plink li{width:100%;padding:8px 0 8px 30px;border-top:1px solid #eee}.flow-page .plink li:last-of-type{border-bottom:1px solid #eee}.flow-page .plink li:before{content:"";position:absolute;display:inline-block;color:#000;top:11px;left:3px;width:13px;height:13px;border:1px solid currentColor;border-left:0;border-bottom:0;box-sizing:border-box;transform:rotate(135deg)}.flow-page .plink li a:after{display:none}.f-graphic-inn,.f-web-inn{width:90%}.f-graphic-inn .box,.f-web-inn .box{padding:30px 20px 25px}.f-graphic-inn .box li,.f-web-inn .box li{background:url(/wp-content/themes/coto/img/icon_flow.svg) no-repeat left top;background-position:3px 5px}.roughEstimate .t-wrap{width:90%}.roughEstimate-inn{width:90%;padding:30px 20px 25px}.faq{width:100%}.faq p.lead{width:90%;margin:0 auto 30px}.faq .seisaku h3,.payment h3{width:90%;margin:0 auto}.seisaku-inn .box,.payment-inn .box{width:92%}.contact h2{font-size:4.2rem}.btn-wrap .btn{width:100%}.single-wrap .left,.single-wrap .right{width:100%}.single p.lead{margin-bottom:30px}}