@charset "UTF-8";

@media(min-width:900px){
	a[href^="tel:"]{pointer-events:none;}
/*	html{font-size:calc(1000vw / 1400);}*/
	html{font-size:10px;}
	.sp_only{display:none!important;}
}
/*
@media (max-width:899px) and (min-width:600px) {
	a[href^="tel:"]{pointer-events:none;}
	html{font-size:calc(1000vw / 600);}
	.sp_only{display:none!important;}
}
*/
@media(max-width:899px){
	html{font-size:calc(1000vw / 375);}/*10px;*/
	.pc_only{display:none!important;}
}

button {font:inherit;}
.acm {font-family:"acumin-variable",sans-serif;}
.Georgia {font-family:Georgia,serif;}
.visually_hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}


/*body:has(.header #humbsw:checked) {overflow:hidden;}*/

.header {height:10rem;padding:0 2.4rem;}
.header .wrap {height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;}
.header .wrap .nav{z-index:12;}
.header .wrap .nav .links {display:flex;}
.header .wrap .nav .links .link {font-size:1.4rem;line-height:2.4rem;position:relative;}
.header .wrap .nav .links .link::before{content:"";width:0;height:1px;background:#292929;transition:0.5s;position:absolute;bottom:0;right:0;}
.header .wrap .nav .links .link + .link{margin-left:2.9rem;}
.header .wrap .logo {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left;z-index:12;width:12rem;}
.header .wrap .logo .link {display:block;}
.header .wrap .menu {display:flex;gap:.6rem;padding:1rem 0;border:0;background:none;cursor:pointer;}
.header .wrap .menu .dot {width:.5rem;height:.5rem;border-radius:50%;background:#292929;}
.header .wrap #humbsw {display:none;}
.header .wrap #humb {position:fixed;top:5rem;right:4rem;transform:translate(50%,-50%);z-index:100;}
.header .wrap .drawer {position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease;}
.header .wrap .drawer .back {position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.7);cursor:pointer;}
.header .wrap .drawer .drawer_nav {width:40rem;height:100%;padding:8rem 2.5rem 2rem;position:absolute;top:0;right:0;overflow-y:auto;background:#f5f5f5;border:1px solid #777;border-radius:.6rem 0 0 .6rem;box-sizing:border-box;transform:translateX(100%);transition:transform .3s ease;}
.header .wrap .drawer .drawer_nav .group {padding:1.5rem 0 1rem;border-bottom:1px solid #d5d5d5;display:flex;flex-direction:initial;flex-wrap:wrap;gap:.5rem 1.5rem;}
.header .wrap .drawer .drawer_nav .group:first-child {padding-top:0;}
.header .wrap .drawer .drawer_nav .group .title {width:100%;margin-bottom:.8rem;display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;line-height:1.2;padding-right:0.5rem;}
.header .wrap .drawer .drawer_nav .group .link {padding:.2rem;font-size:1.2rem;line-height:2;color: #686868;transition:0.5s;}
.header .wrap .drawer .drawer_nav .group.single {padding:1.4rem 0;}
.header .wrap .drawer .drawer_nav .group.single .title {margin-bottom:0;display:flex;align-items:center;justify-content:space-between;}
.header .wrap .drawer .drawer_nav .group .title .arrow {font-size:1rem;transition:0.5s;}
.header .wrap .drawer .drawer_nav .partners {margin-top:1.8rem;display:flex;justify-content:space-between;flex-direction:initial;align-items:flex-start;gap:.6rem;}
.header .wrap .drawer .drawer_nav .partners .img {height:3rem;transition:0.5s;}
.header .wrap .drawer .drawer_nav .partners .img img {width:auto;height:100%;object-fit:contain;}

.header .wrap .drawer .drawer_nav .socials {margin-top:2rem;display:flex;align-items:center;gap:2.8rem;}
.header .wrap .drawer .drawer_nav .socials .social {font-size:2rem;transition:0.5s;}
.header .wrap #humbsw:checked ~ .drawer {visibility:visible;opacity:1;}
.header .wrap #humbsw:checked ~ .drawer .drawer_nav {transform:translateX(0);}
/*.header .wrap #humbsw:checked + .menu {opacity:0;}*/

.footer {padding:0 0 4rem;}
.footer .wrap {width:98rem;margin:0 auto;padding:5rem 5rem 4rem;position:relative;background:#f5f5f5;border-radius:.8rem;box-sizing:border-box;}
.footer .wrap .logo {width:9rem;}
.footer .wrap .menus {display:flex;justify-content:space-between;margin-top:7rem;margin-bottom:10rem;}
.footer .wrap .menus .menu {width:20rem;display:flex;flex-direction:column;border-top:1px solid #d5d5d5;}
.footer .wrap .menus .menu .title {display:block;padding:1.8rem 0;font-size:1.8rem;position:relative;}
.footer .wrap .menus .menu .title::before{content:"";width:0;height:1px;background:#000;position:absolute;bottom:0;right:0;transition:0.5s;}
.footer .wrap .menus .menu .title:has(.arrow) {border-bottom:1px solid #d5d5d5;}
.footer .wrap .menus .menu .title:not(:has(.arrow)) {margin-bottom:1rem;}
.footer .wrap .menus .menu .title .arrow{font-size:1.2rem;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.footer .wrap .menus .menu .link {font-size:1.2rem;line-height:2.6rem;color:#686868;transition:.5s;}
.footer .wrap .menus .menu .title .arrow {}
.footer .wrap .links {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:3.5rem 0;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
.footer .wrap .links .partners {display:flex;}
.footer .wrap .links .partners .img {height:5rem;transition:0.5s;}
.footer .wrap .links .partners .img img{height:100%;width:auto;}
.footer .wrap .links .partners .img + .img{margin-left:4.5rem;}

.footer .wrap .links .sns{display:flex;}
.footer .wrap .links .sns .social {font-size:2rem;}
.footer .wrap .links .sns .social + .social {margin-left:3.5rem;}
.footer .wrap .links .sns .social {transition:.5s;}
.footer .wrap .copyright {margin:1rem 0 0 auto;color:#aaa;font-size:1rem;width:100%;text-align:right;}



.top .sec01 {position:relative;overflow:hidden;margin-top:5rem;margin-top:7rem;}
.top .sec01 .wrap {width:100%;max-width:100%;margin:0 auto;}
.top .sec01 .wrap .works {width:120rem;margin:0 auto;position:relative;}
.top .sec01 .wrap .works .work {position:absolute;padding:1rem;box-sizing:border-box;transition:0.5s;}
.top .sec01 .wrap .works .work .img {width:100%;height:100%;display:block;overflow:visible;}
.top .sec01 .wrap .works .work .img video {width:100%;height:100%;object-fit:contain;}
.top .sec01 .wrap .works .work .img img.shadow,
.top .sec01 .wrap .works .work .img video.shadow {-webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.4));filter:drop-shadow(4px 4px 4px rgba(0,0,0,.4));}
.top .sec01 .wrap .works .work.size1 {width:15rem;height:15rem;}
.top .sec01 .wrap .works .work.size2 {width:15rem;height:30rem;}
.top .sec01 .wrap .works .work.size3 {width:30rem;height:15rem;}
.top .sec01 .wrap .works .work.size4 {width:30rem;height:30rem;}
.top .sec01 .wrap .works .work.size5 {width:45rem;height:15rem;}

.top .sec02 {padding:10rem 0 10.5rem;}
.top .sec02 .wrap {width:130rem;max-width:100%;margin:0 auto;}
.top .sec02 .wrap .etitle {font-size:2.4rem;letter-spacing:.04em;}
.top .sec02 .wrap .logos {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:5.5rem auto 0;max-width:100%;}
.top .sec02 .wrap .logos .img {width:13.5rem;height:9rem;padding:1rem 3.6rem;}
.top .sec02 .wrap .logos .adjust {width:20.7rem;height:0;}

.top .sec03 {padding:4.8rem 0 14rem;}
.top .sec03 .wrap {width:130rem;max-width:100%;margin:0 auto;display:flex;}
.top .sec03 .wrap .etitle {font-size:2.4rem;letter-spacing:.04em;padding-top:2rem;}
.top .sec03 .wrap .items {width:90rem;max-width:100%;margin: 0 0 0 auto;}
.top .sec03 .wrap .items .item {padding:2rem 5rem 2rem 1rem;display:flex;align-items:center;position:relative;}
.top .sec03 .wrap .items .item + .item{margin-top:2rem;}
.top .sec03 .wrap .items .item .date {font-size:1.4rem;color:#686868;}
.top .sec03 .wrap .items .item .date {width:18rem;}
.top .sec03 .wrap .items .item .text {font-size:1.5rem;letter-spacing:.04em;width:calc(100% - 18rem);}
.top .sec03 .wrap .items .item .arrow {position:absolute;top:50%;right:2.5rem;transform:translate(50%,-50%);font-size:1.2rem;line-height:1.6rem;width:1.6rem;border:1px solid #686868;color:#686868;text-align:center;border-radius:50%;transition:0.5s;}

.top .sec04 {padding:3rem 0 12rem;}
.top .sec04 .wrap {width:130rem;max-width:100%;margin:0 auto;}
.top .sec04 .wrap .area {display:flex;justify-content:space-between;}
.top .sec04 .wrap .area .etitle {font-size:2.4rem;letter-spacing:.04em;width:40rem;}
.top .sec04 .wrap .area .texts {font-size:1.5rem;line-height:3rem;width:calc(100% - 40rem);}
.top .sec04 .wrap .area .texts .title {margin-bottom:3rem;}
.top .sec04 .wrap .area .texts .text {}
.top .sec04 .wrap .links {width:23rem;margin:3rem 0 0 auto;}
.top .sec04 .wrap .links .link {font-size:1.4rem;line-height:4rem;color:#686868;border-bottom:1px solid #d8d8d8;position:relative;display:block;}
.top .sec04 .wrap .links .link + .link{margin-top:3rem;}
.top .sec04 .wrap .links .link .arrow {position:absolute;top:50%;right:0.5rem;transform:translate(0%,-50%);font-size:1.2rem;line-height:1.6rem;width:1.6rem;border:1px solid #686868;color:#686868;text-align:center;border-radius:50%;transition:0.5s;}

.p_about .sec01 {padding:4.5rem 0 0;}
.p_about .sec01 .wrap {}
.p_about .sec01 .wrap .mark {width:40rem;margin: 0 auto;}

.p_about .sec02 {padding:6rem 0 10rem;margin-top:2rem;}
.p_about .sec02 .wrap {display:flex;width:130rem;max-width:100%;margin:0 auto;}
.p_about .sec02 .wrap .etitle {width:42rem;flex-shrink:0;font-size:2.4rem;letter-spacing:.04em;}
.p_about .sec02 .wrap .texts {padding-right:3rem;}
.p_about .sec02 .wrap .texts .text {font-size:1.5rem;line-height:3rem;}
.p_about .sec02 .wrap .texts .name {font-size:1.4rem;text-align:right;}

.p_about .sec03 {padding:6rem 0 7rem;}
.p_about .sec03 .wrap {display:flex;width:130rem;max-width:100%;margin:0 auto;}
.p_about .sec03 .wrap .etitle {width:42rem;flex-shrink:0;font-size:2.4rem;letter-spacing:.04em;}
.p_about .sec03 .wrap .details {flex:1;padding-right:5rem;}
.p_about .sec03 .wrap .details .item {display:flex;font-size:1.5rem;line-height:3rem;}
.p_about .sec03 .wrap .details .item + .item {margin-top:.8rem;}
.p_about .sec03 .wrap .details .item .name {width:16rem;flex-shrink:0;}
.p_about .sec03 .wrap .details .item .text {color:#686868;}
/*.p_about .sec03 .wrap .details .item .text .note {display:inline-block;margin-top:.8rem;color:#777;}*/
.p_about .sec03 .wrap .details .item .text .link {text-decoration:underline;transition:.5s;}

.p_about .sec04 {width:100%;height:27rem;background:url("../img/about/gallery.jpg") repeat-x;background-size:auto 27rem;background-position-x:0;animation:about_gallery 120s linear infinite;}

@keyframes about_gallery {
	0% {background-position-x:280.5rem;}
	100% {background-position-x:0;}
}


/*
.p_about .sec04 .wrap {width:130rem;max-width:100%;height:25rem;margin:0 auto;display:flex;overflow:hidden;}
.p_about .sec04 .wrap .img {height:100%;}
.p_about .sec04 .wrap .img01 {width:40rem;}
.p_about .sec04 .wrap .img02 {width:40rem;}
.p_about .sec04 .wrap .img03 {width:17rem;}
.p_about .sec04 .wrap .img04 {width:33rem;}
*/

.p_about .sec05 {padding:6rem 0 18rem;margin-top:11rem;}
.p_about .sec05 .wrap {display:flex;width:130rem;max-width:100%;margin:0 auto;}
.p_about .sec05 .wrap .etitle {width:42rem;flex-shrink:0;font-size:2.4rem;letter-spacing:.04em;}
.p_about .sec05 .wrap .texts {}
.p_about .sec05 .wrap .texts .text {font-size:1.5rem;line-height:3rem;padding-right:5rem;}
.p_about .sec05 .wrap .texts .link {font-size:1.4rem;line-height:4rem;letter-spacing:.04em;color:#686868;border-bottom:1px solid #d8d8d8;position:relative;display:block;width:23rem;margin:4rem 0 0 auto;}
.p_about .sec05 .wrap .texts .link .arrow {position:absolute;top:50%;right:0.5rem;transform:translate(0,-50%);font-size:1.2rem;line-height:1.6rem;width:1.6rem;border:1px solid #686868;color:#686868;text-align:center;border-radius:50%;transition:.5s;}



.p_whatwedesign .sec01.secA {padding-top:10rem;}
.p_whatwedesign .sec08.secA {padding-bottom:20rem;}
.p_whatwedesign .secA {padding-top:6rem;}
.p_whatwedesign .secA + .secA{margin-top:11rem;}
.p_whatwedesign .secA .wrap {display:flex;align-items:flex-start;justify-content:space-between;width:130rem;padding-right:5rem;box-sizing:border-box;max-width:100%;margin:0 auto;}
.p_whatwedesign .secA .wrap .etitles {width:32rem;}
.p_whatwedesign .secA .wrap .etitles .etitle {font-size:1.8rem;line-height:3rem;letter-spacing:.03em;}
.p_whatwedesign .secA .wrap .etitles .imgs {display:flex;justify-content:space-between;margin-top:6rem;}
.p_whatwedesign .secA .wrap .etitles .imgs .img{width:8rem;height:8rem;border-radius:50%;overflow:hidden;}
.p_whatwedesign .secA .wrap .item {width:80rem;}
.p_whatwedesign .secA .wrap .item .title {font-size:1.5rem;line-height:3rem;letter-spacing:.05em;}
.p_whatwedesign .secA .wrap .item .text {font-size:1.5rem;line-height:3rem;letter-spacing:.05em;margin-top:6rem;}

.p_workslist .sec01 .wrap {width:100%;max-width:100%;margin:0 auto;}
.p_workslist .sec01 {padding:2.5rem 0 10rem;overflow:hidden;}
.p_workslist .sec01 .wrap .filter {width:92rem;margin:0 auto;padding:1.5rem 5rem;display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;border-radius:0.8rem;box-sizing:border-box;}
.p_workslist .sec01 .wrap .filter .link {padding:1rem 0.5rem;position:relative;border:0;background:none;color:#595959;font-size:1.4rem;line-height:2rem;cursor:pointer;}
.p_workslist .sec01 .wrap .filter .link::after {width:100%;height:1px;position:absolute;right:0;bottom:.4rem;left:0;background:#595959;content:"";opacity:0;}
.p_workslist .sec01 .wrap .filter .link.active::after {opacity:1;}
.p_workslist .sec01 .wrap .tags {width:92rem;margin:1rem auto 0;display:flex;align-items:center;justify-content:space-between;}
.p_workslist .sec01 .wrap .tags .tag{font-size:1.4rem;line-height:2.8rem;border:1px solid #595959;border-radius:0.5rem;padding:0 1rem;transition:.5s;}
.p_workslist .sec01 .wrap .tags .clear{font-size:1.4rem;line-height:3rem;color:#595959;text-decoration:underline;transition:.5s;}
.p_workslist .sec01 .wrap .works {width:120rem;margin:5rem auto 0;position:relative;transition:height .4s ease;}
.p_workslist .sec01 .wrap .works .work {position:absolute;padding:1rem;box-sizing:border-box;transition:0.5s;}
.p_workslist .sec01 .wrap .works .work .img {width:100%;height:100%;transition:.5s;display:block;overflow:visible;}
.p_workslist .sec01 .wrap .works .work .img > *{width:100%;height:100%;}
.p_workslist .sec01 .wrap .works .work .img video {width:100%;height:100%;object-fit:contain;}
.p_workslist .sec01 .wrap .works .work .img img.shadow,
.p_workslist .sec01 .wrap .works .work .img video.shadow {-webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.4));filter:drop-shadow(4px 4px 4px rgba(0,0,0,.4));}
.p_workslist .sec01 .wrap .works .work.size1 {width:15rem;height:15rem;}
.p_workslist .sec01 .wrap .works .work.size2 {width:15rem;height:30rem;}
.p_workslist .sec01 .wrap .works .work.size3 {width:30rem;height:15rem;}
.p_workslist .sec01 .wrap .works .work.size4 {width:30rem;height:30rem;}
.p_workslist .sec01 .wrap .works .work.size5 {width:45rem;height:15rem;}

.p_worksinfo .sec01 {padding:2rem 0 12rem;}
.p_worksinfo .sec01 .wrap {width:116rem;max-width:100%;margin:0 auto;}
.p_worksinfo .sec01 .wrap .hero {margin-bottom:5rem;}
.p_worksinfo .sec01 .wrap .hero .img img{max-height:600px;}
.p_worksinfo .sec01 .wrap .hero .img video {display:block;width:100%;max-height:600px;height:auto;}
.p_worksinfo .sec01 .wrap .titles{margin-bottom:1rem;}
.p_worksinfo .sec01 .wrap .titles .title {font-size:2.2rem;line-height:3.8rem;}
.p_worksinfo .sec01 .wrap .intro {display:flex;justify-content:space-between;}
.p_worksinfo .sec01 .wrap .intro .subtitles {width:50rem;}
.p_worksinfo .sec01 .wrap .intro .subtitles .subtitle {font-size:1.5rem;line-height:3rem;}
.p_worksinfo .sec01 .wrap .intro .subtitles .client {font-size:1.3rem;line-height:3rem;margin-top:0.5rem;display:flex;color:#888;}
.p_worksinfo .sec01 .wrap .intro .subtitles .client .name {width:11rem;}
.p_worksinfo .sec01 .wrap .intro .text {width:56rem;font-size:1.5rem;line-height:3rem;color:#686868;}
.p_worksinfo .sec01 .wrap .intro .text a{border-bottom:1px solid #c8c8c8;padding:0.5rem 0;transition:.5s;}
.p_worksinfo .sec01 .wrap .images {margin:7rem auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.p_worksinfo .sec01 .wrap .images .img {width:56rem;overflow:hidden;}
.p_worksinfo .sec01 .wrap .images .img:nth-child(n + 3){margin-top:3rem;}
/*.p_worksinfo .sec01 .wrap .images .img {width:56rem;height:36.5rem;overflow:hidden;}*/
.p_worksinfo .sec01 .wrap .texts {width:56rem;margin-top:6rem;}
.p_worksinfo .sec01 .wrap .texts .text {font-size:1.5rem;line-height:3;color:#686868;}
.p_worksinfo .sec01 .wrap .texts .text a {border-bottom:1px solid #c8c8c8;padding:0.5rem 0;transition:.5s;}
.p_worksinfo .sec01 .wrap .detail {margin:4rem auto 0;display:flex;align-items:flex-end;justify-content:space-between;}
.p_worksinfo .sec01 .wrap .detail .tags {display:flex;flex-wrap:wrap;gap:1.5rem;}
.p_worksinfo .sec01 .wrap .detail .tags .tag {font-size:1.5rem;min-width:8rem;height:3rem;padding:0 1.5rem;background:#f5f5f5;text-align:center;transition:.5s;}
.p_worksinfo .sec01 .wrap .detail .link {font-size:1.4rem;line-height:4rem;color:#686868;border-bottom:1px solid #d8d8d8;position:relative;display:block;width:23rem;}
.p_worksinfo .sec01 .wrap .detail .link .arrow {position:absolute;top:50%;right:0.5rem;transform:translate(0,-50%);font-size:1.2rem;line-height:1.6rem;width:1.6rem;border:1px solid #686868;color:#686868;text-align:center;border-radius:50%;transition:.5s;}


.p_news_list .sec01 {}
.p_news_list .sec01 .wrap {width:130rem;max-width:100%;margin: 0 auto;box-sizing:border-box;padding:5rem 0;}
.p_news_list .sec01 .items {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.p_news_list .sec01 .items::after{content:"";width:39rem;}
.p_news_list .sec01 .items .item {width:39rem;transition:.5s;}
.p_news_list .sec01 .items .item:nth-child(n + 4){margin-top:6rem;}
.p_news_list .sec01 .items .item .img {height:26rem;}
.p_news_list .sec01 .items .item .texts {padding:1rem;}
.p_news_list .sec01 .items .item .texts .date {font-size:1.4rem;line-height:3rem;color:#686868;}
.p_news_list .sec01 .items .item .texts .title {font-size:1.5rem;line-height:3rem;}

.p_news_list .pagenation{display:flex;flex-wrap:wrap;justify-content:center;margin-top:3.5rem;}
.p_news_list .pagenation .anchor{font-size:2rem;font-weight:bold;line-height:4rem;width:4rem;text-align:center;}
.p_news_list .pagenation .anchor{margin:0.5rem;}
.p_news_list .pagenation p.anchor{color:#FFF;border:1px solid #686868;background:#686868;}
.p_news_list .pagenation a.anchor{color:#686868;border:1px solid #686868;transition:0.5s;}


.p_news_info .sec01{padding:5rem 0;}
.p_news_info .sec01 .wrap{width:120rem;max-width: 100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.p_news_info .sec01 .wrap .slider_area{display:contents;}
.p_news_info .sec01 .wrap .slider_area .frame{display:contents;}
.p_news_info .sec01 .wrap .slider_area .dots{display:none;}
.p_news_info .sec01 .wrap .imgs{width:70rem;}
.p_news_info .sec01 .wrap .imgs .img + .img{margin-top:2rem;}
.p_news_info .sec01 .wrap .texts{width:40rem;padding-right:5rem;}
.p_news_info .sec01 .wrap .texts .date{font-size:1.4rem;color:#686868;margin-bottom:1rem;}
.p_news_info .sec01 .wrap .texts .title{font-size:1.5rem;line-height:3rem;}
.p_news_info .sec01 .wrap .texts .text{font-size:1.5rem;line-height:3rem;color:#686868;margin-top:3rem;}
.p_news_info .sec01 .wrap .texts .text a {border-bottom:1px solid #c8c8c8;padding:.5rem 0;transition:.5s;}
.p_news_info .sec01 .wrap .texts .link {font-size:1.4rem;line-height:4rem;color:#686868;border-bottom:1px solid #d8d8d8;position:relative;display:block;width:23rem;margin:3rem 0 0 auto;transform:translateX(5rem);}
.p_news_info .sec01 .wrap .texts .link .arrow {position:absolute;top:50%;right:0.5rem;transform:translate(0,-50%);font-size:1.2rem;line-height:1.6rem;width:1.6rem;border:1px solid #686868;color:#686868;text-align:center;border-radius:50%;transition:.5s;}



.p_contact .sec01 .wrap {width:130rem;max-width:100%;margin:0 auto;}
.p_contact .sec01 {padding:3.5rem 0 11rem;}
.p_contact .sec01 .wrap .title {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.p_contact .sec01 .wrap .lead {width:100rem;margin:0 auto;padding-bottom:3rem;border-bottom:1px solid #ededed;font-size:1.5rem;line-height:2.1;}
.p_contact .sec01 .wrap form {width:100rem;margin:0 auto;}
.p_contact .sec01 .wrap form .items .item {padding:2.8rem 0;display:flex;align-items:center;border-bottom:1px solid #ededed;}
.p_contact .sec01 .wrap form .items .item.large {align-items:flex-start;}
.p_contact .sec01 .wrap form .items .item .name {width:26rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:1.5rem;}
.p_contact .sec01 .wrap form .items .item .name .status {width:4.5rem;height:2.8rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;}
.p_contact .sec01 .wrap form .items .item .name .status.required {background:#1f1f1f;}
.p_contact .sec01 .wrap form .items .item .name .status.optional {background:#aaa;}
.p_contact .sec01 .wrap form .items .item .input,
.p_contact .sec01 .wrap form .items .item .output {width:63rem;margin-left:auto;}
.p_contact .sec01 .wrap form .items .item .input input,
.p_contact .sec01 .wrap form .items .item .input textarea {font-size:1.6rem;width:100%;border:1px solid #f7f7f7;background:#f7f7f7;color:#292929;box-sizing:border-box;}
.p_contact .sec01 .wrap form .items .item .input input {height:4.8rem;padding:0 2.5rem;}
.p_contact .sec01 .wrap form .items .item .input textarea {height:18rem;padding:2rem 2.5rem;display:block;resize:vertical;}
.p_contact .sec01 .wrap form .items .item .input input::placeholder,
.p_contact .sec01 .wrap form .items .item .input textarea::placeholder {color:#c8c8c8;opacity:1;}
.p_contact .sec01 .wrap form .submit {width:27rem;height:5.5rem;margin:5.5rem auto 0;padding-right:1.2rem;display:flex;align-items:center;border:1px solid #1a1a1a;color:#fff;background:#1a1a1a;box-sizing:border-box;border-radius:0.3rem;transition:0.5s;}
.p_contact .sec01 .wrap form .submit input {width:auto;height:100%;padding:0 2rem;border:0;background:none;font-size:1.6rem;cursor:pointer;flex:1;box-sizing:border-box;}
.p_contact .sec01 .wrap form .submit .arrow {width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#1f1f1f;font-size:1.8rem;pointer-events:none;flex-shrink:0;}
.p_contact .sec01 .wrap form .buttons {display:flex;align-items:center;justify-content:center;gap:2rem;}
.p_contact .sec01 .wrap form .buttons .submit {margin:5.5rem 0 0;}
.p_contact .sec01 .wrap form .buttons .return {width:27rem;height:5.5rem;margin-top:5.5rem;display:flex;align-items:center;justify-content:center;border:1px solid #686868;font-size:1.5rem;border-radius:0.3rem;transition:0.5s;}
.p_contact .sec_output .wrap form .items .item .output {font-size:1.6rem;line-height:2;}
.p_contact .sec_result {padding-bottom:30rem;}
.p_contact .sec_result .wrap .result {width:70rem;margin:10rem auto 0;text-align:center;}
.p_contact .sec_result .wrap .result .title {width:auto;height:auto;position:static;clip:auto;font-size:2rem;}
.p_contact .sec_result .wrap .result .text {margin-top:3rem;font-size:1.3rem;line-height:2;}
.p_contact .sec_result .wrap .result .link {width:24rem;height:5rem;margin:5rem auto 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d8d8;font-size:1.2rem;}
.p_contact .sec_result .wrap .result .link .arrow {width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid #777;border-radius:50%;font-size:1rem;transition:.5s;}

@media (min-width:900px) and (max-width:1320px) {
	.footer .wrap {width:90%;}

	.top .sec02 .wrap {width:90%;}
	.top .sec03 .wrap {width:90%;}
	.top .sec03 .wrap .items {width:70%;}
	.top .sec04 .wrap {width:90%;}
	.top .sec04 .wrap .area .etitle {width:30%;}
	.top .sec04 .wrap .area .texts {width:70%;}

	.p_about .sec02 .wrap {width:90%;}
	.p_about .sec02 .wrap .etitle {width:30%;}
	.p_about .sec03 .wrap {width:90%;}
	.p_about .sec03 .wrap .etitle {width:30%;}
	.p_about .sec05 .wrap {width:90%;}
	.p_about .sec05 .wrap .etitle {width:30%;}

	.p_whatwedesign .secA .wrap {width:90%;padding-right:0;}
	.p_whatwedesign .secA .wrap .etitles {width:27%;}
	.p_whatwedesign .secA .wrap .item {width:68%;}

	.p_workslist .sec01 .wrap {width:100%;}

	.p_worksinfo .sec01 .wrap {width:90%;}
	.p_worksinfo .sec01 .wrap .intro .subtitles {width:44%;}
	.p_worksinfo .sec01 .wrap .intro .text {width:50%;}
	.p_worksinfo .sec01 .wrap .images .img {width:48%;}
	.p_worksinfo .sec01 .wrap .texts {width:50%;}

	.p_news_list .sec01 .wrap {width:90%;}
	.p_news_list .sec01 .items .item {width:31%;}
	.p_news_list .sec01 .items::after{content:"";width:31%;}
	.p_news_info .sec01 .wrap {width:90%;}
	.p_news_info .sec01 .wrap .imgs {width:60%;}
	.p_news_info .sec01 .wrap .texts {width:35%;}
	.p_news_info .sec01 .wrap .texts .link{transform:initial;}

	.p_contact .sec01 .wrap {width:90%;}
	.p_contact .sec01 .wrap .lead {width:85%;}
	.p_contact .sec01 .wrap form {width:85%;}
	.p_contact .sec01 .wrap form .items .item .name{width:20rem;}
	.p_contact .sec01 .wrap form .items .item .input, .p_contact .sec01 .wrap form .items .item .output {width: calc(100% - 27rem);}
}

@media(min-width:900px){
	.header .wrap .nav .links .link:hover::before {left:0;right:initial;width:100%;}
	.header .wrap .drawer .drawer_nav .group .link:hover {color:#292929;font-weight:bold;}
	.header .wrap .drawer .drawer_nav .group .title:hover .arrow {transform:translateX(.5rem);}
	.header .wrap .drawer .drawer_nav .partners .img:hover {opacity:.8;}
	.header .wrap .drawer .drawer_nav .socials .social:hover {opacity:.8;}
	.footer .wrap .menus .menu .link:hover {color:#292929;font-weight:bold;}
	.footer .wrap .menus .menu .title:hover::before {letter-spacing:.1em;width:100%;left:0;right:initial;}
	.footer .wrap .links .partners .img:hover {opacity:.8;}
	.footer .wrap .links .sns .social:hover {opacity:.8;}
	.top .sec03 .wrap .items .item:hover .arrow {right:1.5rem;}
	.top .sec04 .wrap .links .link:hover .arrow {right:0rem;}


	.p_about .sec03 .wrap .details .item .text .link:hover,
	.p_worksinfo .sec01 .wrap .intro > .text a:hover,
	.p_worksinfo .sec01 .wrap > .texts .text a:hover,
	.p_news_info .sec01 .wrap .texts .text a:hover {opacity:.6;}

	.p_about .sec05 .wrap .texts .link:hover .arrow,
	.p_worksinfo .sec01 .wrap .detail .link:hover .arrow,
	.p_news_info .sec01 .wrap .texts .link:hover .arrow {right:0;}
/*	.p_contact .sec_result .wrap .result .link:hover .arrow {transform:translateX(.5rem);}*/

	.p_workslist .sec01 .wrap .filter .link:hover::after {opacity:1;}
	.p_worksinfo .sec01 .wrap .detail .tags .tag:hover {color:#fff;background:#686868;}
	.p_workslist .sec01 .wrap .tags .clear:hover {opacity:.6;}

	.p_workslist .sec01 .wrap .works .work .img:hover,
	.p_news_list .sec01 .items .item:hover {opacity:.8;}
	.p_news_list .pagenation a.anchor:hover {color:#fff;background:#686868;}
	
	.p_contact .sec01 .wrap form .submit:hover{color:#1a1a1a;background:#FFF;}
	.p_contact .sec01 .wrap form .buttons .return:hover{color:#FFF;background:#686868;}

}