/* CSS Document */
@charset "UTF-8";

@media(max-width:899px){
	/* 375px */
	body {overflow-x:hidden;font-size:1.3rem;}
	.header {height:7.5rem;padding:0 2.4rem;}
	.header .wrap .nav {display:none;}
	.header .wrap .logo {width:9.5rem;}
	.header .wrap #humb {top:3.75rem;right:3rem;}
	.header .wrap .drawer .drawer_nav {width:33rem;padding:5rem 2rem 2rem;}
	.header .wrap .drawer .drawer_nav .group {padding:1.2rem 0 1rem;flex-direction:initial;flex-wrap:wrap;gap:.4rem 1rem;}
	.header .wrap .drawer .drawer_nav .group .title {width:100%;}
	.header .wrap .drawer .drawer_nav .group .link {padding:.2rem;font-size:1rem;line-height:1.8rem;}
	.header .wrap .drawer .drawer_nav .partners {display:flex;justify-content:space-between;flex-direction:initial;}
	.header .wrap .drawer .drawer_nav .partners .img {height:2.5rem;}
	.header .wrap .drawer .drawer_nav .socials {margin-top:2rem;}
	.header .wrap .drawer .drawer_nav .socials .social {font-size:2rem;}

	.footer {padding:0 0 2.4rem;}
	.footer .wrap {width:35rem;box-sizing:border-box;padding:3.5rem 2rem 3rem;}
	.footer .wrap .menus {margin-top:2rem;margin-bottom:0;flex-direction:column;}
	.footer .wrap .menus .menu {width:100%;}
	.footer .wrap .menus .menu + .menu {margin-top:2rem;}
	.footer .wrap .menus .menu .title {font-size:1.5rem;padding:1rem 0;}
	.footer .wrap .menus .menu .title:not(:has(.arrow)){margin-bottom:0;}
	.footer .wrap .menus .menu .link {font-size:1.2rem;line-height:2.2rem;color:#686868;}
	.footer .wrap .menus .menu .link + .link{margin-top:.2rem;}
	.footer .wrap .links {padding:2rem 0;align-items:flex-start;flex-direction:column;border-top:0;}
	.footer .wrap .links .partners {justify-content:space-between;width:100%;}
	.footer .wrap .links .partners .img{height:2.5rem;}
	.footer .wrap .links .partners .img + .img {margin:0;}
	.footer .wrap .links .sns {margin-top:2rem;justify-content:center;}
	/* .footer .wrap .copyright {margin-top:2rem;text-align:left;} */

	.top .sec01{margin-top:0;}
	.top .sec01 .wrap {width:35rem;}
	.top .sec01 {height:56rem!important;}
	.top .sec01 .wrap .works {width:75rem;zoom:.4666666667;}
	.top .sec01 .wrap .works .work .img img.shadow, .top .sec01 .wrap .works .work .img video.shadow {-webkit-filter: drop-shadow(5px 5px 8px rgba(0,0,0,1));filter: drop-shadow(5px 5px 8px rgba(0,0,0,1));}
	.top .sec02 {padding:5rem 0 0;}
	.top .sec02 .wrap {width:35rem;}
	.top .sec02 .wrap .etitle {font-size:2rem;}
	.top .sec02 .wrap .logos {margin-top:2rem;}
	.top .sec02 .wrap .logos .img {width:6rem;height:4rem;padding:.5rem;}
	.top .sec02 .wrap .logos .adjust {width:7rem;}
	.top .sec03 {padding:5rem 0 0;}
	.top .sec03 .wrap {width:35rem;flex-direction:column;}
	.top .sec03 .wrap .etitle {padding-top:0;font-size:2rem;}
	.top .sec03 .wrap .items {width:100%;margin-top:3rem;}
	.top .sec03 .wrap .items .item {padding:.2rem 4rem .2rem 1rem;align-items:flex-start;flex-direction:column;}
	.top .sec03 .wrap .items .item + .item {margin-top:1rem;}
	.top .sec03 .wrap .items .item .date {width:100%;font-size:1.2rem;color:#686868;}
	.top .sec03 .wrap .items .item .text {width:100%;font-size:1.3rem;}
	.top .sec04 {padding:5rem 0 10rem;}
	.top .sec04 .wrap {width:35rem;}
	.top .sec04 .wrap .area {flex-direction:column;}
	.top .sec04 .wrap .area .etitle {width:100%;font-size:2rem;}
	.top .sec04 .wrap .area .texts {width:100%;padding-left:1rem;box-sizing:border-box;margin-top:3rem;font-size:1.3rem;line-height:2.6rem;}
	.top .sec04 .wrap .links {width:26rem;margin:3rem auto 0;}

	.p_about .sec01 {padding-top:3rem;}
	.p_about .sec01 .wrap .mark {width:24rem;}
	.p_about .sec02 {padding:5rem 0 0;}
	.p_about .sec02 .wrap {width:35rem;flex-direction:column;}
	.p_about .sec02 .wrap .etitle {width:100%;font-size:2rem;}
	.p_about .sec02 .wrap .texts {margin-top:2rem;padding:0 .5rem 0 1rem;text-align:justify;}
	.p_about .sec02 .wrap .texts .text {font-size:1.3rem;line-height:2.4rem;}
	.p_about .sec02 .wrap .texts .name{font-size:1.3rem;margin-top:1rem;}
	.p_about .sec03 {padding:5rem 0 3rem;}
	.p_about .sec03 .wrap {width:35rem;flex-direction:column;}
	.p_about .sec03 .wrap .etitle {width:100%;font-size:2rem;}
	.p_about .sec03 .wrap .details {margin-top:2rem;padding-right:0;padding-left:1rem;}
	.p_about .sec03 .wrap .details .item {font-size:1.3rem;line-height:2.2rem;}
	.p_about .sec03 .wrap .details .item .name {width:10rem;}
	.p_about .sec04 {height:18rem;background-size:auto 18rem;}
	.p_about .sec05 {margin-top:0;padding:5rem 0;}
	.p_about .sec05 .wrap {width:35rem;flex-direction:column;}
	.p_about .sec05 .wrap .etitle {width:100%;font-size:2rem;}
	.p_about .sec05 .wrap .texts {margin-top:3rem;padding:0 .5rem 0 1rem;}
	.p_about .sec05 .wrap .texts .text {padding-right:0;font-size:1.3rem;line-height:2.4rem;text-align:justify;}
	.p_about .sec05 .wrap .texts .link {width:26rem;margin:3rem auto 0;}

	.p_whatwedesign .sec01.secA {padding-top:5rem;}
	.p_whatwedesign .sec08.secA {padding-bottom:8rem;}
	.p_whatwedesign .secA {padding-top:5rem;}
	.p_whatwedesign .secA + .secA {margin-top:0;}
	.p_whatwedesign .secA .wrap {width:35rem;padding-right:0;flex-direction:column;}
	.p_whatwedesign .secA .wrap .etitles {width:100%;}
	.p_whatwedesign .secA .wrap .etitles .etitle {font-size:1.7rem;line-height:2.7rem;}
	.p_whatwedesign .secA .wrap .etitles .imgs {margin-top:2rem;justify-content:flex-start;gap:2rem;padding-left:1rem;}
	.p_whatwedesign .secA .wrap .etitles .imgs .img {width:7rem;height:7rem;}
	.p_whatwedesign .secA .wrap .item {width:100%;margin-top:2rem;padding:0 .5rem 0 1rem;box-sizing:border-box;}
	.p_whatwedesign .secA .wrap .item .title {font-size:1.4rem;line-height:2.6rem;}
	.p_whatwedesign .secA .wrap .item .text {margin-top:1rem;font-size:1.3rem;line-height:2.4rem;text-align:justify;}

	.p_workslist .sec01 {padding:2rem 0 8rem;}
	.p_workslist .sec01 .wrap {width:100%;}
	.p_workslist .sec01 .wrap .filter {width:35rem;padding:1rem 1.5rem;box-sizing:border-box;justify-content:center;flex-wrap:wrap;gap:0 1.8rem;}
	.p_workslist .sec01 .wrap .filter .link {padding:.6rem .3rem;font-size:1.2rem;}
	.p_workslist .sec01 .wrap .tags {width:35rem;}
	.p_workslist .sec01 .wrap .tags .tag {font-size:1.1rem;line-height:2.6rem;}
	.p_workslist .sec01 .wrap .tags .clear {font-size:1.1rem;}
	.p_workslist .sec01 .wrap .works {width:75rem;zoom:.4666666667;}
	.p_workslist .sec01 .wrap .works .work .img img.shadow,
	.p_workslist .sec01 .wrap .works .work .img video.shadow {-webkit-filter: drop-shadow(5px 5px 8px rgba(0,0,0,1));filter: drop-shadow(5px 5px 8px rgba(0,0,0,1));}
	

	.p_worksinfo .sec01 {padding:2rem 0 8rem;}
	.p_worksinfo .sec01 .wrap {width:35rem;}
	.p_worksinfo .sec01 .wrap .hero {margin-bottom:2rem;}
	.p_worksinfo .sec01 .wrap .hero .img img{max-height:68vh}
	.p_worksinfo .sec01 .wrap .hero .img video{max-height:68vh}
	.p_worksinfo .sec01 .wrap .titles .title {font-size:2rem;line-height:3.2rem;}
	.p_worksinfo .sec01 .wrap .intro {flex-direction:column;}
	.p_worksinfo .sec01 .wrap .intro .subtitles {width:100%;}
	.p_worksinfo .sec01 .wrap .intro .subtitles .subtitle {font-size:1.3rem;line-height:2.6rem;}
	.p_worksinfo .sec01 .wrap .intro .subtitles .client {font-size:1.3rem;line-height:2rem;margin-top:1.5rem;}
	.p_worksinfo .sec01 .wrap .intro .subtitles .client .name {font-size:1.3rem;line-height:2rem;width:6rem;}
	.p_worksinfo .sec01 .wrap .intro .text {width:100%;margin-top:1.5rem;font-size:1.3rem;line-height:2.6rem;}
	.p_worksinfo .sec01 .wrap .images {margin-top:5rem;}
	.p_worksinfo .sec01 .wrap .images .img {width:17rem;}
	.p_worksinfo .sec01 .wrap .images .img:nth-child(n + 3) {margin-top:1rem;}
	.p_worksinfo .sec01 .wrap .texts {width:100%;margin-top:1.5rem;}
	.p_worksinfo .sec01 .wrap .texts .text {font-size:1.3rem;line-height:2.4rem;}
	.p_worksinfo .sec01 .wrap .detail {margin-top:2rem;align-items:flex-start;flex-direction:column;}
	.p_worksinfo .sec01 .wrap .detail .tags {gap:1rem;flex-wrap:wrap;}
	.p_worksinfo .sec01 .wrap .detail .tags .tag {font-size:1.2rem;min-width:6rem;line-height:2.6rem;height:initial;padding:0 1rem;background:#f5f5f5;text-align:center;}
	.p_worksinfo .sec01 .wrap .detail .link {width:26rem;margin:4rem auto 0;}

	.p_news_list .sec01 .wrap {width:35rem;padding:3rem 0 8rem;}
	.p_news_list .sec01 .items {}
	.p_news_list .sec01 .items .item {width:17rem;}
	.p_news_list .sec01 .items .item:nth-child(n + 3) {margin-top:2rem;}
	.p_news_list .sec01 .items .item .img {height:12rem;}
	.p_news_list .sec01 .items .item .texts {padding:1rem 0;}
	.p_news_list .sec01 .items .item .texts .date {font-size:1.2rem;line-height:2.4rem;}
	.p_news_list .sec01 .items .item .texts .title {font-size:1.3rem;line-height:2.6rem;}
	.p_news_list .pagenation {margin-top:3rem;}
	.p_news_list .pagenation .anchor {width:3.5rem;margin:.4rem;font-size:1.3rem;line-height:3.5rem;}

	.p_news_info .sec01 {padding:3rem 0 8rem;}
	.p_news_info .sec01 .wrap {width:35rem;flex-direction:column;}
	.p_news_info .sec01 .wrap .imgs {width:100%;}
	.p_news_info .sec01 .wrap .slider_area {width:100%;display:block;}
	.p_news_info .sec01 .wrap .slider_area .frame {padding:1rem;box-sizing:border-box;background:#f2f2f2;display:block;}
	.p_news_info .sec01 .wrap .imgs.slider {display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;}
	.p_news_info .sec01 .wrap .imgs.slider.dragging {scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;}
	.p_news_info .sec01 .wrap .imgs.slider::-webkit-scrollbar {display:none;}
	.p_news_info .sec01 .wrap .imgs.slider .img {width:100%;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;}
	.p_news_info .sec01 .wrap .imgs.slider .img + .img {margin-top:0;}
	.p_news_info .sec01 .wrap .slider_area .dots {margin-top:1rem;display:flex;justify-content:center;gap:.7rem;}
	.p_news_info .sec01 .wrap .slider_area .dots .dot {width:.7rem;height:.7rem;padding:0;border:0;border-radius:50%;background:#c8c8c8;}
	.p_news_info .sec01 .wrap .slider_area .dots .dot.active {background:#686868;}
	.p_news_info .sec01 .wrap .texts {width:100%;margin-top:4rem;padding:0;}
	.p_news_info .sec01 .wrap .texts .date {font-size:1.2rem;line-height:2.4rem;}
	.p_news_info .sec01 .wrap .texts .title {font-size:1.6rem;line-height:2.6rem;}
	.p_news_info .sec01 .wrap .texts .text {margin-top:2.5rem;font-size:1.3rem;line-height:2.6rem;}
	.p_news_info .sec01 .wrap .texts .link {width:26rem;margin:4rem auto 0;transform:none;font-size:1.3rem;}

	.p_contact .sec01 {padding:3rem 0 8rem;}
	.p_contact .sec01 .wrap {width:35rem;}
	.p_contact .sec01 .wrap .lead {width:100%;font-size:1.3rem;line-height:2.6rem;}
	.p_contact .sec01 .wrap form {width:100%;}
	.p_contact .sec01 .wrap form .items .item {padding:2rem 0;align-items:flex-start;flex-direction:column;}
	.p_contact .sec01 .wrap form .items .item .name {width:100%;font-size:1.3rem;font-weight:bold;}
	.p_contact .sec01 .wrap form .items .item .input {width:100%;margin:1.2rem 0 0;}
	.p_contact .sec01 .wrap form .items .item .output {width:100%;margin:0;}
	.p_contact .sec01 .wrap form .items .item .input input,
	.p_contact .sec01 .wrap form .items .item .input textarea {font-size:1.3rem;padding:1rem;}
	.p_contact .sec01 .wrap form .submit {width:26rem;margin:4rem auto 0;}
	.p_contact .sec01 .wrap form .buttons {flex-direction:column-reverse;gap:1.5rem;}
	.p_contact .sec01 .wrap form .buttons .submit {margin-top:4rem;}
	.p_contact .sec01 .wrap form .buttons .return {width:26rem;margin:0rem auto 0;}
	.p_contact .sec_result {padding-bottom:12rem;}
	.p_contact .sec_result .wrap .result {width:100%;margin-top:5rem;}
	.p_contact .sec_result .wrap .result .text {font-size:1.3rem;line-height:2.4rem;text-align:left;}
	.p_contact .sec_result .wrap .result .link {width:26rem;}
}