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

@media(max-width:899px){
body {padding-top:6rem;}
	
header .logo {position:fixed;top:3rem;left:1.5rem;width:12rem;}
header #humb {position:fixed;top:3rem;right:1.5rem;width:4rem;height:4rem;transform:translateY(-50%);display:block;z-index:1001;cursor:pointer;}
header #humb .border01 {width:100%;height:3px;background:#0A0A0A;position:absolute;top:1.0rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header #humb .border02 {width:100%;height:3px;background:#0A0A0A;position:absolute;top:2.0rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header #humb .border03 {width:100%;height:3px;background:#0A0A0A;position:absolute;top:3.0rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header input:checked ~ #humb .border01 {top:2.0rem;transform:translate(-50%,-50%) rotate(-135deg);}
header input:checked ~ #humb .border02 {top:2.0rem;transform:translate(-50%,-50%) rotate(-180deg);width:0;}
header input:checked ~ #humb .border03 {top:2.0rem;transform:translate(-50%,-50%) rotate(135deg);}
header nav {position:fixed;top:0;right:0;transform:translateY(0);width:0;height:100vh;padding:10rem 0;box-sizing:border-box;z-index:998;background:#D7D7D4;overflow:hidden;transition:0.5s;}
header nav .links {width:calc(100% - 10rem);flex-direction:column;margin:0 auto;}
header nav .links .link {font-size:1.6rem;line-height:3.2rem;}
header nav .links .link + .link {margin:2.5rem 0 0 0;}
header input:checked ~ nav {width:100vw;}
	
footer {}
	footer .wrap {width:34rem;padding:3rem 0;}
	footer .wrap .area {margin-bottom:2rem;}
	footer .wrap .area + .area {margin-top:2rem;}
	footer .wrap .area .name {font-size:1.4rem;line-height:2.4rem;}
	footer .wrap .area .links {display:none;}
footer .wrap .area .links .link {font-size:1.2rem;line-height:4.4rem;letter-spacing:0.2em;position:relative;}
footer .wrap .area .links .link + .link {margin:0 0 0 5rem;}
footer .wrap .area .links .link + .link::before {content:"";width:0.4rem;height:0.4rem;border-radius:50%;background:#333;position:absolute;top:50%;left:-2.5rem;transform:translateY(-50%);}
footer .wrap .area .items {display:flex;flex-wrap:wrap;align-items:flex-end;}
footer .wrap .area .items .item {position:relative;padding-right:3.5rem;}
	footer .wrap .area .items .item + .item {margin:2rem 0 0;}
	footer .wrap .area .items .item .shop {font-size:1.3rem;}
	footer .wrap .area .items .item .text {font-size:1.3rem;margin-top:0;}
footer .wrap .area .items .item .sns {position:absolute;bottom:0;right:0;}
footer .wrap .area .items .item .sns i {font-size:2rem;line-height:2rem;font-weight:500;color:#0B0A0A;}
	footer .wrap .area .logos {margin:6rem auto 0;}
	footer .wrap .area .logos .logo {width:19rem;}
	footer .wrap .copy {text-align:center;}
	

	.sec_hero {padding-top:4rem;}
	.sec_hero .wrap {width:34rem;}
	.sec_hero .wrap .titles {margin-bottom:3rem;flex-direction:column;align-items:flex-start;}
	.sec_hero .wrap .titles .etitle {font-size:4rem;line-height:4rem;margin-right:0;}
.sec_hero .wrap .titles .title {font-size:1.2rem;line-height:2.2rem;letter-spacing:0.36em;color:#0A0A0A;}
	.sec_hero .wrap .img {height:20rem;}
	.sec_hero .wrap .img img {height:100%;object-fit:cover;}
.sec_hero .wrap .img:not(.visible){opacity:0;}

.view {font-size:1.4rem;line-height:2.4rem;letter-spacing:0.06em;color:#0A0A0A;font-weight:500;}
.view::before {content:"";width:0%;height:1px;background:#0A0A0A;position:absolute;bottom:0;right:0;transition:0.5s;}
.view:hover::before {width:100%;left:0;right:auto;}

		
.top {}
	.top .sec01 {padding: 0;}
	.top .sec01 .wrap {width:34rem;}
	.top .sec01 .wrap .subslider {display:none;}
	.top .sec01 .wrap .titles {margin-left:0;position:relative;z-index:10;padding:20rem 0 5rem;}
	.top .sec01 .wrap .titles .etitle {font-size:4rem;line-height:5rem;color:#FFF;text-shadow:0 0 0.5rem #000,0 0 0.8rem #000 ,0 0 1.2rem #000;}
	.top .sec01 .wrap .titles .title {font-size:2rem;line-height:2.6rem;margin-top:2rem;color:#FFF;text-shadow:0 0 2px #000,0 0 0.5rem #000 ,0 0 1rem #000;}
	.top .sec01 .wrap .titles .text {font-size:1.4rem;line-height:2.4rem;margin-top:1rem;color:#FFF;text-shadow:0 0 2px #000,0 0 0.5rem #000 ,0 0 1rem #000;}
	.top .sec01 .wrap .slider {top:0;right:0;width:100%;height:100%;}
.top .sec01 .wrap .titles:not(.visible){opacity:0;}
	
	.top .sec02 {margin-top:5rem;}
	.top .sec02 .wrap {width:34rem;padding-bottom:5rem;}
	.top .sec02 .wrap .titles {width:100%;margin-bottom:2rem;}
	.top .sec02 .wrap .titles .etitle {font-size:3rem;line-height:3rem;}
	.top .sec02 .wrap .titles .title {font-size:1rem;line-height:2rem;margin-top:0;}
	.top .sec02 .wrap .items {width:100%;}
	.top .sec02 .wrap .items .item {width:100%;}
	.top .sec02 .wrap .items .item + .item {margin-top:3rem;}
.top .sec02 .wrap .items .item .img {}
	.top .sec02 .wrap .items .item .names {min-height:auto;margin-top:1rem;}
	.top .sec02 .wrap .items .item .names .cate {font-size:1.5rem;line-height:2.5rem;}
	.top .sec02 .wrap .items .item .names .name {font-size:1.5rem;line-height:2.5rem;}
	.top .sec02 .wrap .items .item .text {font-size:1.3rem;line-height:2.3rem;margin-top:0;}
	.top .sec02 .wrap .items .item .links {margin-top:1rem;}
	.top .sec02 .wrap .items .item .links .link {font-size:1.3rem;line-height:2.3rem;padding:0 1rem;}
.top .sec02 .wrap .items .item .links .link::before {content:"";width:0%;height:1px;background:#0A0A0A;position:absolute;bottom:0;right:2rem;transition:0.5s;}
.top .sec02 .wrap .items .item .links .link:hover::before {width:calc(100% - 4rem);left:2rem;right:auto;}
.top .sec02 .wrap .view {position:absolute;bottom:0;right:0;}
.top .sec02 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}

	.top .sec03 {margin-top:5rem;}	
.top .sec03 .wrap {position:relative;}	
	.top .sec03 .wrap::before {top:-1px;right:7rem;width:2rem;}	
	.top .sec03 .wrap .img {height:20rem;}
	.top .sec03 .wrap .img img{height:100%;object-fit:cover;}

	.top .sec04 {margin-top:5rem;}
	.top .sec04 .wrap {width:34rem;}
	.top .sec04 .wrap .titles {padding-top:0;width:34rem;margin:0 auto 4rem;}
	.top .sec04 .wrap .titles .etitle {font-size:4rem;line-height:5rem;}
	.top .sec04 .wrap .titles .title {font-size:1.6rem;line-height:2.6rem;margin-top:2rem;}
	.top .sec04 .wrap .items {width:100%;}
	.top .sec04 .wrap .items .item {width:100%;}
	.top .sec04 .wrap .items .item + .item {margin-top:3rem;}
	.top .sec04 .wrap .items .item .img {height:32rem;}
	.top .sec04 .wrap .items .item .img img{height:100%;object-fit:cover;object-position:bottom;}
	.top .sec04 .wrap .items .item .name {font-size:1.5rem;line-height:2.5rem;margin-top:1rem;}
	.top .sec04 .wrap .items .item .text {font-size:1.3rem;line-height:2.3rem;margin-top:0rem;}
.top .sec04 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}
	
	.top .sec05 {margin-top:5rem;}	
	.top .sec05 .wrap {width:34rem;padding-bottom:5rem;}	
	.top .sec05 .wrap .titles {width:100%;margin-bottom:2rem;}	
	.top .sec05 .wrap .titles .etitle {font-size:3rem;line-height:3rem;}	
	.top .sec05 .wrap .titles .title {font-size:1rem;line-height:2rem;margin-top:0;}	
	.top .sec05 .wrap .area {width:100%;}	
	.top .sec05 .wrap .area .items {margin-left:calc(50% - 50vw);height:43rem;}	
	.top .sec05 .wrap .area .items .item {width:30rem;}	
.top .sec05 .wrap .area .items .item .img {}	
.top .sec05 .wrap .area .items .item .img img {transition:0.5s;}
.top .sec05 .wrap .area .items .item:hover  .img img {transform:scale(1.1);}
.top .sec05 .wrap .view {position:absolute;bottom:0;right:0;}	
	.top .sec05 .wrap .area .items:not(.move) .item:nth-child(1) {left:2rem;}
	.top .sec05 .wrap .area .items:not(.move) .item:nth-child(2) {left:34rem;}
	.top .sec05 .wrap .area .items:not(.move) .item:nth-child(3) {left:66rem;}
	.top .sec05 .wrap .area .items.move .item {left:2rem;}

	.top .sec05 .wrap .area .items.move6 .item:nth-child(1){animation:topmove6sp 36s 0s linear infinite;}
	.top .sec05 .wrap .area .items.move6 .item:nth-child(2){animation:topmove6sp 36s -6s linear infinite;}
	.top .sec05 .wrap .area .items.move6 .item:nth-child(3){animation:topmove6sp 36s -12s linear infinite;}
	.top .sec05 .wrap .area .items.move6 .item:nth-child(4){animation:topmove6sp 36s -18s linear infinite;}
	.top .sec05 .wrap .area .items.move6 .item:nth-child(5){animation:topmove6sp 36s -24s linear infinite;}
	.top .sec05 .wrap .area .items.move6 .item:nth-child(6){animation:topmove6sp 36s -30s linear infinite;}		
	.top .sec05 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}	

	.top .sec06 {margin:5rem 0;}
	.top .sec06 .wrap {width:34rem;padding-bottom:5rem;}
	.top .sec06 .wrap .titles {width:100%;margin-bottom:2rem;}
	.top .sec06 .wrap .titles .etitle {font-size:3rem;line-height:3rem;}
	.top .sec06 .wrap .titles .title {font-size:1rem;line-height:2rem;margin-top:0;}
	.top .sec06 .wrap .imgs {width:100%;}
.top .sec06 .wrap .imgs .img {}
	.top .sec06 .wrap .imgs .texts {margin-top:1.5rem;}
	.top .sec06 .wrap .imgs .texts::before {width:100%;height:1px;top:3rem;left:0;transform:translateY(-50%);}
	.top .sec06 .wrap .imgs .texts .name {font-size:1.5rem;line-height:2.5rem;}
	.top .sec06 .wrap .imgs .texts .text {font-size:1.3rem;line-height:2.3rem;margin-top:1rem;text-align:justify;}
.top .sec06 .wrap .view {position:absolute;bottom:0;right:0;}
.top .sec06 .wrap:not(.visible){opacity:0;transform:translateY(1rem);}	
	
	
.p_about .sec01 {margin-top:6rem;}
	.p_about .sec01 .wrap {width:34rem;}
	.p_about .sec01 .wrap .titles {width:100%;padding-top:0;}
	.p_about .sec01 .wrap .titles .etitle {font-size:3rem;line-height:3rem;}
	.p_about .sec01 .wrap .titles .title {font-size:1rem;line-height:2rem;margin-top:0;}
	.p_about .sec01 .wrap .names {width:34rem;margin:3rem auto 0;}
	.p_about .sec01 .wrap .names .ename {font-size:4rem;line-height:5rem;}
	.p_about .sec01 .wrap .names .texts {padding-top:0;margin-top:1rem;}
	.p_about .sec01 .wrap .names .texts .name {font-size:1.6rem;line-height:2.6rem;}
	.p_about .sec01 .wrap .names .texts .text {font-size:1.3rem;line-height:2.3rem;margin-top:0.5rem;}
.p_about .sec01 .wrap:not(.visible){opacity:0;}
	
	.p_about .sec02 {margin-top:7rem;}
	.p_about .sec02 .wrap {width:34rem;padding-top:0;}
	.p_about .sec02 .wrap .titles {width:100%;margin-bottom:2rem;}
	.p_about .sec02 .wrap .titles .etitle {font-size:3rem;line-height:3rem;}
	.p_about .sec02 .wrap .titles .title {font-size:1rem;line-height:2rem;margin-top:0;}
	.p_about .sec02 .wrap .items {padding-top:0;margin-bottom:3rem;}
.p_about .sec02 .wrap .items .item {display:flex;flex-wrap:wrap;}
	.p_about .sec02 .wrap .items .item + .item {margin-top:2.5rem;}
	.p_about .sec02 .wrap .items .item .name {font-size:1.3rem;line-height:2.3rem;width:100%;}
	.p_about .sec02 .wrap .items .item .text {font-size:1.3rem;line-height:2.3rem;}
.p_about .sec02 .wrap .items .item .texts .address {}
	.p_about .sec02 .wrap .items .item .texts .address + .address {margin-top:1.5rem;}
.p_about .sec02 .wrap .items .item .texts .address .places {display:flex;align-items:center;}
	.p_about .sec02 .wrap .items .item .texts .address .places .place {font-size:1.3rem;line-height:2.3rem;}
.p_about .sec02 .wrap .items .item .texts .address .places .sns {font-size:2rem;line-height:2rem;font-weight:500;color:#0B0A0A;margin-left:2rem;padding-top:0.3rem;}
.p_about .sec02 .wrap .items .item .texts .address .places .sns i {}
	.p_about .sec02 .wrap .img {width:100%;height:35rem;position:static;margin:0 auto;}
.p_about .sec02 .wrap:not(.visible){opacity:0;}	
	
	.p_about .sec03 {margin:7rem 0;}
	.p_about .sec03 .wrap {width:34rem;}
	.p_about .sec03 .wrap .titles {width:100%;margin-bottom:2rem;}
	.p_about .sec03 .wrap .titles .etitle {font-size:3rem;line-height:3rem;}
	.p_about .sec03 .wrap .titles .title {font-size:1rem;line-height:2rem;margin-top:0;}
	.p_about .sec03 .wrap .items {width:100%;}
	.p_about .sec03 .wrap .items .item {width:100%;}
	.p_about .sec03 .wrap .items .item + .item {margin-top:3rem;}
	.p_about .sec03 .wrap .items .item iframe {height:30rem;}
	.p_about .sec03 .wrap .items .item .texts {margin-top:0.5rem;}
	.p_about .sec03 .wrap .items .item .texts .name {font-size:1.5rem;line-height:2.5rem;}
	.p_about .sec03 .wrap .items .item .texts .text {font-size:1.3rem;line-height:2.3rem;margin-top:0;}
.p_about .sec03 .wrap:not(.visible){opacity:0;}
	
	
.p_works {}
	.p_works .sec01 {margin-bottom:7rem;}
	.p_works .sec01 .wrap {width:34rem;}
.p_works .sec01 .wrap .items {display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}
	.p_works .sec01 .wrap .items::after {content:none;}
	.p_works .sec01 .wrap .items .item {width:100%;}
	.p_works .sec01 .wrap .items .item:nth-child(n + 2) {margin-top:3.5rem;}
.p_works .sec01 .wrap .items .item .img {overflow:hidden;}
.p_works .sec01 .wrap .items .item .img img {transition:0.5s;}
.p_works .sec01 .wrap .items .item:hover .img img {transform:scale(1.05);}
	.p_works .sec01 .wrap .items .item .texts {margin-top:0.5rem;}
	.p_works .sec01 .wrap .items .item .texts .name {font-size:1.5rem;line-height:2.5rem;}
.p_works .sec01 .wrap .items .item:not(.visible){opacity:0;transform:translateY(1rem);}	
	
	
.p_works_info {}	
	.p_works_info .sec01 {margin-bottom:7rem;}	
	.p_works_info .sec01 .wrap {width:34rem;padding-top:4rem;}	
.p_works_info .sec01 .wrap .titles {margin-bottom:3rem;}	
	.p_works_info .sec01 .wrap .titles .title {font-size:1.6rem;line-height:2.6rem;text-align:left;}	
	.p_works_info .sec01 .wrap .imgs {width:100%;}	
	.p_works_info .sec01 .wrap .imgs .img {width:100%;}	
.p_works_info .sec01 .wrap .imgs .img:first-child {width:100%;}	
	.p_works_info .sec01 .wrap .imgs .img:nth-child(n + 2) {margin-top:3rem;}
.p_works_info .sec01 .wrap .imgs .img:not(.visible){opacity:0;transform:translateY(1rem);}	

	
.p_approach {}
	.p_approach .sec01 {margin:6rem 0 0;}
	.p_approach .sec01::before {content:none;}
	.p_approach .sec01 .wrap {width:34rem;}
	.p_approach .sec01 .wrap .titles {margin-bottom:3rem;}
	.p_approach .sec01 .wrap .titles .title {font-size:2rem;line-height:3rem;}
.p_approach .sec01 .wrap .items {}
.p_approach .sec01 .wrap .items .item {display:flex;flex-wrap:wrap;justify-content:space-between;transition:0.5s;}
.p_approach .sec01 .wrap .items .item:nth-child(even) {flex-direction:row-reverse;}
	.p_approach .sec01 .wrap .items .item + .item {margin-top:4rem;}
.p_approach .sec01 .wrap .items .item .texts {max-width:100%;margin-bottom:3rem;}
	.p_approach .sec01 .wrap .items .item01 .texts {}
	.p_approach .sec01 .wrap .items .item02 .texts {width:100%;}
	.p_approach .sec01 .wrap .items .item03 .texts {width:100%;}
	.p_approach .sec01 .wrap .items .item04 .texts {width:100%;}
	.p_approach .sec01 .wrap .items .item .texts .num {font-size:1.6rem;line-height:2.6rem;}
	.p_approach .sec01 .wrap .items .item .texts .name {font-size:1.6rem;line-height:2.6rem;margin-bottom:1.5rem;}
	.p_approach .sec01 .wrap .items .item .texts .text {font-size:1.3rem;line-height:2.3rem;text-align:justify;}
.p_approach .sec01 .wrap .items .item .img {max-width:100%;}
	.p_approach .sec01 .wrap .items .item01 .img {width:100%;margin-right:0;}
	.p_approach .sec01 .wrap .items .item02 .img {width:100%;margin-left:0;}
	.p_approach .sec01 .wrap .items .item03 .img {width:100%;margin-right:0;}
	.p_approach .sec01 .wrap .items .item04 .img {width:100%;height:34rem;}
	.p_approach .sec01 .wrap .items .item04 .img img {object-position:center 90%;}
	.p_approach .sec01 .wrap .items .item .texts .lists {margin:2rem 0;}
.p_approach .sec01 .wrap .items .item .texts .lists .list {position:relative;padding-left:1.5rem;}
.p_approach .sec01 .wrap .items .item .texts .lists .list::before {content:"・";font-size:1.5rem;line-height:3rem;position:absolute;top:0;left:0;}

	.p_approach .sec02 {margin:7rem 0;}
	.p_approach .sec02 .wrap {width:34rem;padding:3rem;}
.p_approach .sec02 .wrap .logo {width:20rem;max-width:100%;margin: 0 auto;}
	.p_approach .sec02 .wrap .texts {padding-bottom:5rem;margin-top:3rem;}
	.p_approach .sec02 .wrap .texts .text {font-size:1.6rem;line-height:2.6rem;text-align:justify;}
.p_approach .sec02 .wrap .texts .view {position:absolute;bottom:0;right:0;}	

	
.p_contact {}
.p_contact .sec01 {}
	.p_contact .sec01 .wrap {width:34rem;margin:0 auto 4rem;padding-top:4rem;}
	.p_contact .sec01 .wrap .titles {width:100%;margin-bottom:2rem;}
	.p_contact .sec01 .wrap .titles .title {font-size:1.5rem;line-height:2.5rem;}
.p_contact .sec01 .wrap .names {}
	.p_contact .sec01 .wrap .names .name {font-size:1.6rem;line-height:2.6rem;letter-spacing:0.1em;}
	.p_contact .sec01 .wrap .names .tel {font-size:1.6rem;line-height:2.6rem;}

	.p_contact .sec_form {margin-bottom:7rem;}	
	.p_contact .sec_form .wrap {width:34rem;padding-top:4rem;}	
	.p_contact .sec_form .wrap .titles {width:100%;margin-bottom:2rem;}	
	.p_contact .sec_form .wrap .titles .title {font-size:1.5rem;line-height:2.5rem;}
.p_contact .sec_form .wrap form {}	
	.p_contact .sec_form .wrap form .captions {margin-bottom:4rem;}	
	.p_contact .sec_form .wrap form .captions .caption {font-size:1.3rem;line-height:2.3rem;letter-spacing:0.03em;}	
.p_contact .sec_form .wrap form .captions .caption span {background:#D30B0B;color:#FFF;padding:0.2rem 1rem;display:inline-block;}	
.p_contact .sec_form .wrap form .items {}	
	.p_contact .sec_form .wrap form .items .item {font-size:1.3rem;line-height:2.3rem;}	
.p_contact .sec_form .wrap form .items .item:last-child {align-items:flex-start;}	
	.p_contact .sec_form .wrap form .items .item + .item {margin-top:3rem;}	
	.p_contact .sec_form .wrap form .items .item .name {width:100%;margin-bottom:0.5rem;}	
	.p_contact .sec_form .wrap form .items .item .name .req01 {font-size:1.3rem;line-height:2.3rem;width:4rem;margin-right:1rem;}	
	.p_contact .sec_form .wrap form .items .item .input {width:100%;}
.p_contact .sec_form .wrap form .items .item .input .text {}	
	.p_contact .sec_form .wrap form .submit {font-size:1.4rem;width:28rem;margin:4rem auto 0;}	
.p_contact .sec_form .wrap form .submit:hover {color:#0A0A0A;background:#FFF;}	
	.p_contact .sec_form .wrap form .return {font-size:1.4rem;width:28rem;margin:2rem auto 0;}	
.p_contact .sec_form .wrap form .return:hover {color:#FFF;background:#0A0A0A;}		
	

	
/*  共通  */
	.p_contact *::placeholder{color:#C5CAD1;}
	.p_contact input[type="text"],
	.p_contact input[type="email"],
	.p_contact textarea {padding:0.7rem;}
	.p_contact input[name="name"] {width:20rem;}
	.p_contact input[name="kana"] {width:20rem;}

	.p_contact .secend {margin-bottom:7rem;}
	.p_contact .secend .wrap {width:34rem;padding:3rem;border-radius:2rem;}
.p_contact .secend .wrap .result {}
	.p_contact .secend .wrap .result .title {font-size:2rem;line-height:3rem;margin-bottom:1rem;}
.p_contact .secend .wrap .result .text {font-size:1.5rem;line-height:3rem;margin-bottom:2rem;}
.p_contact .secend .wrap .result .tel {font-size:1.3rem;}	
		
	
}