body{font-family:dnp-shuei-shogomincho-std,toppan-bunkyu-gothic-pr6n,jiyucho,ta-kotodama-r,heisei-maru-gothic-std,sans-serif}body{font-family:dnp-shuei-shogomincho-std,toppan-bunkyu-gothic-pr6n,jiyucho,ta-kotodama-r,heisei-maru-gothic-std,sans-serif}.font_exsm,.copyright,.columns .info p,.columns #about_me .contact_form p,.columns .mission .contact_form p{font-size:12px}.font_sm,.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p,.columns #about_me p,.columns .mission p,.portfolio h3{font-size:15px}.font_h5,.columns #about_me .profile h5,.columns .mission .profile h5{font-size:18px}.font_md,.columns #simplification .inner h3,.columns #setup .inner h3,.columns #electric_field .inner h3,.columns .info .inner h3,main .right h2,main .left p{font-size:20px}.font_lr,main .right h1,nav .nav a{font-size:23px}.font_lg,.columns h1{font-size:30px}p{text-indent:.5rem}h1,h2,h3,h5,#about_me ul{font-family:ta-kotodama-r,sans-serif;font-style:normal;font-weight:400}a{text-decoration:none;color:#000}body{margin:0;height:800px;position:relative;max-width:508px;width:100%;background-color:rgba(190,215,154,.8)}.container{margin:0;padding:0;opacity:0;max-width:100%}#header{width:100%;height:180px;background-color:#707070;position:fixed;top:0;display:flex;align-items:flex-start;justify-content:space-around;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 68%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 68%);z-index:50}#header .logo img{display:none}#header .logo.isHidden{opacity:0}#header .leaf.isHidden{opacity:0}#header .flower.isHidden{opacity:0}#header .animate_title.isHidden{opacity:0}#header .mobile_menu{background-color:rgba(0,0,0,0);padding:115px 25px 0 10px;border:none;outline:none;position:absolute;right:0;cursor:pointer}#header .mobile_menu>span{background-color:#d6b49c;width:45px;height:5px;border-radius:3px;display:block;margin-bottom:10px;transition:.5s}#header .mobile_menu>span:last-child{margin-bottom:0}.menu-open{background-color:rgba(112,112,112,.9)}.menu-open .mobile_menu>span{background-color:#d6b49c}.menu-open .mobile_menu>span:nth-child(1){transform:translateY(15px) rotate(135deg)}.menu-open .mobile_menu>span:nth-child(2){transform:translateX(-18px) scaleX(0)}.menu-open .mobile_menu>span:nth-child(3){transform:translateY(-15px) rotate(-135deg)}nav{display:none;width:100%;transform:translate(0%, 25%)}nav .nav a{font-family:ta-kotodama-r,sans-serif;font-style:normal;font-weight:400;color:#000;text-decoration:none}nav.isShown{height:100vh;min-height:500px;display:block;overflow:scroll}nav.isShown ul{list-style:none;display:block}nav.isShown .nav :nth-child(4){letter-spacing:-0.3rem}nav.isShown li{margin-bottom:20px;text-align:center;color:inherit;text-decoration:none;background:linear-gradient(to right, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background-size:95% 7px,0 3px;background-position:50% 90%,0 100%;background-repeat:no-repeat}.content{width:100%}.content.isHidden{display:none}#header.isHidden{height:100px}#header.isHidden .mobile_menu{padding-top:40px}.portfolio{margin:0 auto;padding:185px 25px 30px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}.portfolio h1{color:#673612;text-align:center;line-height:60px}.portfolio img{width:100%}.web_estimate{padding:300px 25px 30px;text-align:center}.web_estimate a{box-shadow:inset 0 0 0 0 #54b3d6;color:#54b3d6;padding:0 .25rem;margin:0 -0.25rem;text-decoration:none}@media(min-width: 751px){.web_estimate a[href*="tel:"]{pointer-events:none;cursor:default;text-decoration:none;color:#000}}.web_estimate .pdf{width:80%;margin:auto}.web_estimate .pdf .flow{text-align:center;display:flex;flex-direction:column;justify-content:center}.web_estimate .pdf .flow img{width:80%;margin:auto}.web_estimate .pdf .estimate{text-align:center;display:flex;flex-direction:column;justify-content:center}.web_estimate .pdf .estimate img{width:80%;margin:auto}.contact{margin:0;padding:300px 25px 30px;font-family:zen-maru-gothic,sans-serif}.contact h1{color:#673612;text-align:center;line-height:60px}.contact .sub{display:contents;height:0}.contact form{font-family:zen-maru-gothic,sans-serif}main{height:115vh;background-color:rgba(190,215,154,.8);display:flex;flex-direction:column}main .sub{height:110vh;width:100%;background-image:url("../src/about_me/fullbody.jpg");background-repeat:no-repeat;background-size:contain;position:absolute;top:125px;z-index:-1}main .left{padding:250px 5% 30px;position:relative;z-index:2}main .left p{padding-top:10px;font-family:"heisei-maru-gothic-std",sans-serif;font-weight:400;line-height:27px;letter-spacing:-0.15rem;color:#707070}main .right{margin:0 auto;padding:30px 5% 15px;text-align:right;z-index:3}main .right h1,main .right h2{font-family:"heisei-maru-gothic-std",sans-serif;font-weight:400;color:#cd757c}main .right h1{letter-spacing:-0.18rem;text-align:right}main .right h1:nth-child(1){float:left}main .right h1:nth-child(2){float:right}main .right h2{padding:5px 8px;letter-spacing:-0.13rem;clear:both}main .right h2:nth-child(3){padding-top:40px}main .commerce{margin:200px 15px}main .commerce h5{font-size:17px}.columns{display:flex;flex-direction:column;line-break:strict}.columns h1{padding:35px 0;color:#673612;text-align:center;letter-spacing:-0.1em}.columns p{text-indent:.5rem;text-align:justify;color:#000}.columns .liner{display:none}.columns .br{display:inline-block}.columns .layout .main_after{margin-top:-500px;height:500px;position:relative;z-index:-1;background-color:rgba(190,215,154,.8);-webkit-clip-path:polygon(0 0, 100% 35%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 35%, 100% 100%, 0 100%)}.columns .layout .columns_before{margin-top:-440px;height:440px;position:relative;z-index:1;background-color:rgba(255,240,0,.6);-webkit-clip-path:polygon(0 0, 100% 20%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 20%, 100% 100%, 0 100%)}.columns #about_me,.columns .mission{padding:80px 5% 25px;font-weight:400;font-style:normal;position:relative;background-color:rgba(221,155,165,.5)}.columns #about_me p,.columns .mission p{padding:0 20px;letter-spacing:-0.05rem;color:#707070}.columns #about_me h2,.columns .mission h2{text-align:center}.columns #about_me .profile h5,.columns .mission .profile h5{margin:0;position:relative;display:inline;color:#707070;text-align:center}.columns #about_me .profile .picture,.columns .mission .profile .picture{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.columns #about_me .profile .picture img,.columns .mission .profile .picture img{width:220px;padding:10px 20px}.columns #about_me .glow,.columns .mission .glow{padding:40px 20px 35px;display:flex;flex-direction:column}.columns #about_me .glow :nth-child(n),.columns .mission .glow :nth-child(n){padding:20px 0 0;width:100%}.columns #about_me .glow :nth-child(odd),.columns .mission .glow :nth-child(odd){text-align:left}.columns #about_me .glow :nth-child(even),.columns .mission .glow :nth-child(even){text-align:end}.columns #about_me .glow :nth-child(6) img,.columns #about_me .glow :nth-child(8) img,.columns .mission .glow :nth-child(6) img,.columns .mission .glow :nth-child(8) img{width:85%;display:block;margin:0 auto}.columns #about_me .glow .box1,.columns .mission .glow .box1{color:#8a2be2}.columns #about_me .glow .box2,.columns .mission .glow .box2{color:#5f9ea0}.columns #about_me .glow .box3,.columns .mission .glow .box3{color:#6495ed}.columns #about_me .glow .box4,.columns .mission .glow .box4{color:crimson}.columns #about_me .contact_form,.columns .mission .contact_form{margin:50px 10px;padding:50px 8px 15px;background-color:rgba(225,225,225,.9);text-align:center;letter-spacing:-0.05rem}.columns #about_me .contact_form .form_button,.columns .mission .contact_form .form_button{margin:45px;padding:30px 50px;background-color:#fff;display:inline-block}.columns #about_me .contact_form .form_button a,.columns .mission .contact_form .form_button a{font-size:20px;color:inherit;text-decoration:none;background:linear-gradient(to right, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background-size:100% 3px,0 3px;background-position:100% 100%,0 100%;background-repeat:no-repeat}.columns .layout .about_me_after{height:60px;background-color:rgba(221,155,165,.5);-webkit-clip-path:polygon(0 0, 100% 0, 100% 50%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 50%, 0 100%)}.columns .layout .mission_before{margin-top:-30px;height:60px;background-color:rgba(255,240,0,.6);-webkit-clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%)}.columns .mission{background-color:rgba(255,240,0,.6)}.columns .layout .mission_after{height:60px;background-color:rgba(255,240,0,.6);-webkit-clip-path:polygon(0 0, 100% 0, 100% 35%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 35%, 0 100%);position:relative;z-index:2}.columns .layout .simplification_before{margin-top:-60px;height:60px;background-color:#dd9ba5;-webkit-clip-path:polygon(0 0, 100% 20%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 20%, 100% 100%, 0 100%)}.columns #simplification,.columns #setup,.columns #electric_field,.columns .info{padding:30px 30px}.columns #simplification .liner,.columns #setup .liner,.columns #electric_field .liner,.columns .info .liner{display:none}.columns #simplification .br,.columns #setup .br,.columns #electric_field .br,.columns .info .br{display:block}.columns #simplification .inner h3,.columns #setup .inner h3,.columns #electric_field .inner h3,.columns .info .inner h3{margin-bottom:30px;padding:0 15px}.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p{padding:5px 0;line-height:20px;letter-spacing:-0.05rem}.columns #simplification{margin-top:-1px;background-color:#dd9ba5}.columns .simplification_after{height:250px;background-color:#dd9ba5;-webkit-clip-path:polygon(0 0, 100% 0%, 100% 20%, 0 70%);clip-path:polygon(0 0, 100% 0%, 100% 20%, 0 70%)}.columns .setup_before{height:180px;margin-top:-150px;background-color:rgba(187,221,246,.5);-webkit-clip-path:polygon(0 0, 100% 100%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 100%, 100% 100%, 0 100%)}.columns #setup{background-color:rgba(187,221,246,.5)}.columns #setup h1{letter-spacing:-0.2rem}.columns #setup h1 span{letter-spacing:0rem}.columns .setup_after{height:150px;background-color:rgba(187,221,246,.5);-webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 60%);clip-path:polygon0(0 0, 100% 0%, 100% 100%, 0 60%)}.columns .electric_field_before{height:150px;margin-top:-150px;background-color:rgba(102,168,183,.5);-webkit-clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%)}.columns #electric_field{background-color:rgba(102,168,183,.5)}.columns .electric_field_after{height:150px;margin-top:0;background-color:rgba(102,168,183,.5);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.columns .info_before{height:150px;margin-top:-150px;background-color:rgba(255,255,255,.8);-webkit-clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%)}.columns .info{background-color:#fff;background-position:bottom;background-size:initial;background-origin:border-box;background-image:url(../src/info_bg.jpg);background-repeat:no-repeat;padding-bottom:10px}.columns .info p{letter-spacing:-0.05rem}.columns .info .info_content{margin:40px auto;padding:15px 15px 10px;background-color:rgba(190,215,154,.5);border-radius:20px}.columns .info .info_content h1{padding:20px 0}.columns .info .info_pictures{margin-top:45px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.columns .info .info_pictures .circle_l{margin:0 15px 15px;width:170px;height:170px;border-radius:50%;background:#707070;display:contents;z-index:1}.columns .info .info_pictures .circle_l img{width:168px;height:168px;border-radius:50%;z-index:2}.columns .info .info_pictures :hover{transform:scale(1.1)}.copyright{margin:10px 20px;display:flex;justify-content:space-between}.copyright a{box-shadow:inset 0 0 0 0 #54b3d6;color:#54b3d6;padding:0 .25rem;margin:0 -0.25rem;text-decoration:none}.copyright.isHidden{display:none}footer{display:none}@media screen and (900px <= height){main{height:90vh}.columns .layout .main_after{margin-top:-400px;height:400px}.columns .layout .columns_before{margin-top:-300px;height:300px}}@media screen and (980px <= height){main{height:110vh}.columns .layout .main_after{margin-top:-600px;height:600px}.columns .layout .columns_before{margin-top:-500px;height:500px}}@media screen and (1025px <= height){main{height:100vh}}@media screen and (height <= 900px){main{height:95vh}.columns .layout .main_after{margin-top:-400px;height:400px}.columns .layout .columns_before{margin-top:-330px;height:330px}}@media screen and (height <= 800px){main{height:100vh}}@media screen and (height <= 850px){main{height:105vh}}@media screen and (height <= 780px){main{height:112vh}.columns .layout .main_after{margin-top:-400px;height:400px}.columns .layout .columns_before{margin-top:-330px;height:330px}}@media screen and (height <= 720px){main{height:120vh}.columns .layout .main_after{margin-top:-380px;height:380px}.columns .layout .columns_before{margin-top:-315px;height:315px}}@media screen and (height <= 670px){main{height:135vh}.columns .layout .main_after{margin-top:-420px;height:420px}.columns .layout .columns_before{margin-top:-340px;height:340px}}@media screen and (height <= 630px){main{height:135vh}main .sub{background-size:cover}.columns .layout .main_after{margin-top:-320px;height:320px}.columns .layout .columns_before{margin-top:-280px;height:280px}}@media screen and (height <= 570px){main{height:145vh}.columns .layout .main_after{margin-top:-280px;height:280px}.columns .layout .columns_before{margin-top:-250px;height:250px}}@media screen and (height <= 510px){main{height:170vh}.columns .layout .main_after{margin-top:-350px;height:350px}.columns .layout .columns_before{margin-top:-300px;height:300px}}@media screen and (height <= 450px){main{height:190vh}main .sub{height:130vh}.columns .layout .main_after{margin-top:-300px;height:300px}.columns .layout .columns_before{margin-top:-250px;height:250px}}@media screen and (height <= 400px){main{height:215vh}}@media screen and (height <= 350px){main{height:240vh}.columns .layout .main_after{margin-top:-280px;height:280px}.columns .layout .columns_before{margin-top:-200px;height:200px}}@media screen and (height <= 300px){main{height:300vh}}@media screen and (min-width: 366px)and (max-width: 404px){.font_sm,.portfolio h3,.columns #about_me p,.columns .mission p,.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p{font-size:12px}.font_md,main .left p,main .right h2,.columns #simplification .inner h3,.columns #setup .inner h3,.columns #electric_field .inner h3,.columns .info .inner h3{font-size:18px}.font_lr,nav .nav a,main .right h1{font-size:20px}.font_lg,.columns h1{font-size:30px}.mobile_menu{margin:-5px -7px 0 0}#header .leaf img{width:20px;position:absolute;top:-7px;left:-8px}#header .flower img{width:43px;position:absolute;top:-3px;left:312px}#header .animate_title{top:-5px}#header .animate_title .char{font-size:50px}#header .animate_title .char:nth-child(8){margin:0 -1px 0 4px}#header .logo.isHidden{display:none}#header .mobile_menu{padding:100px 27px 0 0}#header.isHidden{height:100px}#header.isHidden .mobile_menu{padding-top:40px}main .left p{line-height:30px;letter-spacing:-1px}main .right{padding:0 15px 15px}main .right h1{line-height:4em;letter-spacing:-0.1rem}main .right h2{line-height:0;letter-spacing:-0.1rem}main .portfolio{padding:200px 25px 30px}main .contact{padding:150px 25px 30px}.columns h2{font-size:18px}.columns h3{font-size:17px}.columns .layout .main_after{margin-top:-350px;height:350px}.columns .layout .columns_before{margin-top:-235px;height:235px}.columns #about_me h5{margin:-60px 0 80px -5px}.columns #about_me p{padding:0 15px}.columns #about_me .profile{display:inline-block;width:100%}.columns #about_me .profile .own{display:flex;flex-direction:column;margin:-115px 20px 15px 0}.columns #about_me .profile-right{position:relative;width:100%}.columns #about_me .profile-right .circle_r{position:absolute}.columns #about_me .profile-right .nazuna{padding:58px 0 0 20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.columns .mission .contact_form .form_button a{font-size:20px}.columns .info .info_pictures .circle_l img{width:150px;height:150px}}@media screen and (min-width: 366px)and (max-width: 404px)and (900px <= height){main{height:90vh}}@media screen and (min-width: 366px)and (max-width: 404px)and (1025px <= height){main{height:80vh}}@media screen and (min-width: 366px)and (max-width: 404px)and (730px <= height){main .left p{line-height:27px}main .right{padding-top:25px;line-height:2em}}@media screen and (min-width: 366px)and (max-width: 404px)and (730px <= height){main .left p{line-height:27px}main .right{padding-top:25px;line-height:2em}.columns .layout .main_after{margin-top:-365px;height:365px}.columns .layout .columns_before{margin-top:-275px;height:275px}}@media screen and (min-width: 366px)and (max-width: 404px)and (height <= 630px){main{height:145vh}main .sub{background-size:cover}}@media screen and (min-width: 366px)and (max-width: 404px)and (height <= 570px){main{height:160vh}}@media screen and (min-width: 366px)and (max-width: 404px)and (height <= 510px){main{height:180vh}}@media screen and (min-width: 366px)and (max-width: 404px)and (height <= 450px){main{height:205vh}}@media screen and (min-width: 366px)and (max-width: 404px)and (height <= 400px){main{height:215vh}}@media screen and (min-width: 366px)and (max-width: 404px)and (height <= 350px){main{height:250vh}}@media screen and (max-width: 366px){body{font-family:dnp-shuei-shogomincho-std,toppan-bunkyu-gothic-pr6n,jiyucho,ta-kotodama-r,heisei-maru-gothic-std,sans-serif}.font_sm,.portfolio h3,.columns #about_me p,.columns .mission p,.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p{font-size:14px}.font_md,main .left p,main .right h2,.columns #simplification .inner h3,.columns #setup .inner h3,.columns #electric_field .inner h3,.columns .info .inner h3{font-size:15px}.font_lr,nav .nav a,main .right h1{font-size:17px}.font_lg,.columns h1{font-size:24px}}@media screen and (max-width: 366px)and (max-width: 320px){h1{font-size:18px;letter-spacing:-5px}h2{letter-spacing:-3px}.font_sm,.portfolio h3,.columns #about_me p,.columns .mission p,.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p{font-size:13px}.font_md,main .left p,main .right h2,.columns #simplification .inner h3,.columns #setup .inner h3,.columns #electric_field .inner h3,.columns .info .inner h3{font-size:15px}.font_lr,nav .nav a,main .right h1{font-size:18px}.font_lg,.columns h1{font-size:21px}}@media screen and (max-width: 366px){#header{height:120px}#header .leaf img{width:15px;position:absolute;top:-9px;left:-10px}#header .flower img{width:35px;position:absolute;top:-5px;left:260px}#header .animate_title{top:-5px}#header .animate_title .char{margin:0 1.5px;font-size:40px}#header .animate_title .char:nth-child(1){margin:0}#header .animate_title .char:nth-child(2){margin-left:0}#header .animate_title .char:nth-child(6){margin-right:0}#header .animate_title .char:nth-child(8){margin:0 -2px 0 9px}#header .animate_title .char:nth-child(10){margin-left:0}#header .logo.isHidden{display:none}#header .mobile_menu{padding:78px 20px 0 0}#header .mobile_menu>span{width:33px;height:3px;border-radius:3px;display:block;margin-bottom:8px;transition:.5s}#header .mobile_menu>span:last-child{margin-bottom:0}}@media screen and (max-width: 366px)and (max-width: 300px){#header .leaf{display:none}#header .flower{display:none}#header .animate_title{display:none}#header .logo img{width:90%;margin:12px 10px;display:inline-block}#header .mobile_menu{padding:70px 15px 0 0}}@media screen and (max-width: 366px){.menu-open{background-color:rgba(112,112,112,.9)}.menu-open .mobile_menu>span{background-color:#d6b49c}.menu-open .mobile_menu>span:nth-child(1){transform:translateY(11px) rotate(135deg)}.menu-open .mobile_menu>span:nth-child(2){transform:translateX(-11px) scaleX(0)}.menu-open .mobile_menu>span:nth-child(3){transform:translateY(-11px) rotate(-135deg)}#header.isHidden{height:55px}#header.isHidden .mobile_menu{padding-top:18px}nav.isShown .nav :nth-child(4){letter-spacing:-0.4rem}nav.isShown .nav :nth-child(4) li{margin:-5px 0 15px 0;text-align:center}}@media screen and (max-width: 366px)and (max-width: 300px){nav{margin:-60px 0 0}nav .nav a{font-size:20px;line-height:25px}nav.isShown{display:block}nav.isShown ul{list-style:none;display:block}nav.isShown li{margin-bottom:15px;text-align:center}}@media screen and (max-width: 366px){main{height:100vh;padding:70px 0 5px}main h2{letter-spacing:-0.01rem}main .sub{top:70px}main .left{padding:20% 5% 10px}main .left p{padding-top:5px;line-height:30px;letter-spacing:-0.01rem}main .right{padding:30px 15px 30px}main .right h1{letter-spacing:-0.07rem}main .right h2{padding:0 8px;letter-spacing:-0.06rem;line-height:1em}main .portfolio{padding:145px 25px 30px}main .commerce{margin:65px 15px}main .commerce h1{font-size:24px}main .commerce h5{font-size:15px}}@media screen and (max-width: 366px)and (width <= 300px){main .commerce h1{font-size:22px}main .commerce h5{font-size:14px}}@media screen and (max-width: 366px)and (width <= 270px){main .commerce h1{font-size:20px}main .commerce h5{font-size:11px}}@media screen and (max-width: 366px){.columns h2{font-size:18px}.columns .layout .main_after{margin-top:-330px;height:330px}.columns .layout .columns_before{margin-top:-250px;height:250px}.columns #about_me{padding:50px 5% 25px}.columns #about_me h1{margin:0 15px 20px 15px;letter-spacing:-2px;display:block}.columns #about_me ul{letter-spacing:-2px}.columns #about_me ul h5{margin:-45px 0 90px 0}.columns #about_me li{font-size:13px;line-height:22px}.columns #about_me .profile .own{display:block;margin:0 30px 15px 0}.columns .mission .contact_form h3{font-size:20px}.columns .mission .contact_form .form_button{margin:35px;padding:30px 23px}.columns .mission .contact_form .form_button a{font-size:18px}.columns .info .info_pictures .circle_l img{width:145px;height:145px}}@media screen and (max-width: 366px)and (width <= 350px){.columns .info .info_pictures .circle_l img{width:130px;height:130px}}@media screen and (max-width: 366px)and (width <= 280px){.columns .info .info_pictures .circle_l img{width:100%;height:100%}}@media screen and (max-width: 366px)and (800px <= height){main{height:90vh}main .right{padding-top:100px}main .right h1{font-size:17px}main .right h2{font-size:15px}.columns .layout .main_after{margin-top:-485px;height:485px}.columns .layout .columns_before{margin-top:-370px;height:370px}}@media screen and (max-width: 366px)and (900px <= height){main{height:85vh}}@media screen and (max-width: 366px)and (1100px <= height){main{height:70vh}}@media screen and (max-width: 366px)and (height <= 850px){main{height:95vh}.columns .layout .main_after{margin-top:-430px;height:430px}.columns .layout .columns_before{margin-top:-350px;height:350px}}@media screen and (max-width: 366px)and (height <= 780px){main{height:100vh}}@media screen and (max-width: 366px)and (height <= 720px){main{height:105vh}.columns .layout .main_after{margin-top:-400px;height:400px}.columns .layout .columns_before{margin-top:-315px;height:315px}}@media screen and (max-width: 366px)and (height <= 670px){main{height:120vh}.columns .layout .main_after{margin-top:-450px;height:450px}.columns .layout .columns_before{margin-top:-360px;height:360px}}@media screen and (max-width: 366px)and (height <= 630px){main{height:130vh}}@media screen and (max-width: 366px)and (height <= 570px){main{height:140vh}}@media screen and (max-width: 366px)and (height <= 510px){main{height:155vh}}@media screen and (max-width: 366px)and (height <= 450px){main{height:175vh}}@media screen and (max-width: 366px)and (height <= 400px){main{height:200vh}}@media screen and (max-width: 366px)and (height <= 350px){main{height:220vh}}@media screen and (max-width: 366px)and (height <= 315px){main{height:240vh}}@media screen and (max-width: 366px)and (height <= 290px){main{height:285vh}}@media screen and (max-width: 366px)and (width <= 320px){h1{font-size:23px;letter-spacing:-0.05rem}p{font-size:16px;line-height:28px;letter-spacing:-0.01rem}main{height:200vh}main .sub{background-size:cover}main .right h1{font-size:16px}main .right h2{font-size:14px}.portfolio{padding:80px 20px 20px}.portfolio h1{font-size:23px}.portfolio h3{font-size:15px}.columns .layout .main_after{margin-top:-400px;height:400px}.columns .layout .columns_before{margin-top:-300px;height:300px}}@media screen and (max-width: 366px)and (width <= 320px)and (800px <= height){main{height:90vh}main .sub{background-size:contain}.columns .layout .main_after{margin-top:-485px;height:485px}.columns .layout .columns_before{margin-top:-370px;height:370px}}@media screen and (max-width: 366px)and (width <= 320px)and (900px <= height){main{height:80vh}}@media screen and (max-width: 366px)and (width <= 320px)and (1100px <= height){main{height:65vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 850px){main{height:90vh}main .sub{background-size:contain}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 670px){main{height:95vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 630px){main{height:105vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 570px){main{height:115vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 510px){main{height:130vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 450px){main{height:145vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 400px){main{height:170vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 350px){main{height:180vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 315px){main{height:200vh}}@media screen and (max-width: 366px)and (width <= 320px)and (height <= 290px){main{height:240vh}main .sub{background-size:cover}}@media screen and (max-width: 366px)and (width <= 320px){main .left p{font-size:13px;line-height:25px}main .right{padding:30px 5px}main .right h1{font-size:15px}}@media screen and (max-width: 366px)and (width <= 280px){main{height:165vh}main .sub{top:80px}main .left p{font-size:12px;line-height:20px}main .right{padding:30px 10px}main .right h1{font-size:14px}main .right h2{font-size:12px;letter-spacing:-0.1rem}.columns .layout .main_after{margin-top:-330px;height:330px}.columns .layout .columns_before{margin-top:-270px;height:270px}.columns #about_me h1{margin:0 5px 20px 5px;font-size:20px}.columns #about_me .profile h5{font-size:14px}.columns .mission{padding:50px 3% 25px}.columns .mission .glow{padding:20px 15px 20px}.columns .mission .glow h2{letter-spacing:-0.2rem}.columns .mission .glow .box3 h2{letter-spacing:-0.1rem}.columns .mission .contact_form{padding:50px 0 15px;font-size:18px}.columns .mission .contact_form .form_button{margin:25px;padding:5px}.columns .mission .contact_form .form_button a{font-size:18px}.copyright{margin:10px 5px;flex-direction:column;align-items:flex-end}.copyright a{margin:0;padding:0}}@media screen and (max-width: 366px)and (width <= 280px)and (800px <= height){main{height:65vh}main .sub{background-size:contain}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 850px){main{height:68vh}main .sub{background-size:contain}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 780px){main{height:75vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 720px){main{height:85vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 670px){main{height:95vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 630px){main{height:95vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 570px){main{height:105vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 510px){main{height:120vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 450px){main{height:135vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 400px){main{height:150vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 350px){main{height:170vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 315px){main{height:180vh}}@media screen and (max-width: 366px)and (width <= 280px)and (height <= 290px){main{height:200vh}main .sub{background-size:cover}}@media screen and (max-width: 366px){.copyright{margin:5px;font-size:10px}.copyright p{font-size:12px;line-height:14px}}@media screen and (min-width: 508px)and (max-width: 710px){body{font-family:dnp-shuei-shogomincho-std,toppan-bunkyu-gothic-pr6n,jiyucho,ta-kotodama-r,heisei-maru-gothic-std,sans-serif}.font_sm,.portfolio h3,.columns #about_me p,.columns .mission p,.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p{font-size:17px}.font_md,main .left p,main .right h2,.columns #simplification .inner h3,.columns #setup .inner h3,.columns #electric_field .inner h3,.columns .info .inner h3{font-size:23px}.font_lr,nav .nav a,main .right h1{font-size:25px}.font_lg,.columns h1{font-size:46px}body{max-width:710px}#header{width:100%;height:175px}#header.isHidden{height:100px}#header.isHidden .mobile_menu{padding:45px 30px 0 0}#header .leaf img{width:27px;position:absolute;top:0;left:1px}#header .flower img{width:60px;position:absolute;top:-5px;left:417px}#header .animate_title{top:-5px}#header .animate_title .char{font-size:70px}#header .animate_title .char:nth-child(2){margin:0 1px 0 1px}#header .animate_title .char:nth-child(3){margin-right:-1px}#header .animate_title .char:nth-child(4){margin-right:-1px}#header .animate_title .char:nth-child(5){margin-right:-1px}#header .animate_title .char:nth-child(8){margin-left:-5px}#header .logo.isHidden{display:none}#header .mobile_menu{padding:85px 30px 0 0}#header .mobile_menu>span{width:48px;height:6px;border-radius:3px;margin-bottom:10px;transition:.5s}#header .mobile_menu>span:last-child{margin-bottom:0}.menu-open{background-color:rgba(112,112,112,.9)}.menu-open .mobile_menu>span{background-color:#d6b49c}.menu-open .mobile_menu>span:nth-child(1){transform:translateY(16px) rotate(135deg)}.menu-open .mobile_menu>span:nth-child(2){transform:translateX(-18px) scaleX(0)}.menu-open .mobile_menu>span:nth-child(3){transform:translateY(-16px) rotate(-135deg)}#header.isHidden{height:100px}#header.isHidden .mobile_menu{padding-top:40px}main{height:145vh}main .sub{width:100%;top:100px;background-size:cover}main .left{padding:250px 40px 30px 40px}main .left p{line-height:30px}main .right{padding:100px 25px 30px}main .right h2{line-height:25px}main .right h2:nth-child(3){padding-top:70px}main .portfolio{padding:500px 25px 30px}main .contact{margin:0;padding:125px 25px 30px}.columns .liner{display:none}.columns .br{display:inline-block}.columns .layout .main_after{margin-top:-430px;height:430px}.columns .layout .columns_before{margin-top:-340px;height:340px}}@media screen and (min-width: 508px)and (max-width: 710px)and (height <= 700px){main{height:140vh}.columns .layout .main_after{margin-top:-430px;height:500px}.columns .layout .columns_before{margin-top:-340px;height:340px}}@media screen and (min-width: 508px)and (max-width: 710px)and (height <= 600px){main{height:160vh}}@media screen and (min-width: 508px)and (max-width: 710px)and (height <= 570px){main{height:160vh}.columns .layout .main_after{margin-top:-430px;height:500px}.columns .layout .columns_before{margin-top:-340px;height:340px}}@media screen and (min-width: 508px)and (max-width: 710px)and (height <= 510px){main{height:210vh}.columns .layout .main_after{margin-top:-500px;height:500px}.columns .layout .columns_before{margin-top:-340px;height:340px}}@media screen and (min-width: 508px)and (max-width: 710px)and (height <= 420px){main{height:230vh}}@media screen and (min-width: 508px)and (max-width: 710px)and (700px <= height){main{height:140vh}}@media screen and (min-width: 508px)and (max-width: 710px)and (800px <= height){main{height:135vh}main .sub{background-size:contain}}@media screen and (min-width: 508px)and (max-width: 710px)and (890px <= height){main{height:120vh}}@media screen and (min-width: 508px)and (max-width: 710px)and (1010px <= height){main{height:100vh}}@media screen and (min-width: 710px)and (max-width: 961px){body{font-family:dnp-shuei-shogomincho-std,toppan-bunkyu-gothic-pr6n,jiyucho,ta-kotodama-r,heisei-maru-gothic-std,sans-serif}.font_exsm,.columns #about_me .contact_form p,.columns .mission .contact_form p,.columns .info p,.copyright{font-size:18px}.font_sm,.portfolio h3,.columns #about_me p,.columns .mission p,.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p{font-size:24px}.font_h5,.columns #about_me .profile h5,.columns .mission .profile h5{font-size:28px}.font_md,main .left p,main .right h2,.columns #simplification .inner h3,.columns #setup .inner h3,.columns #electric_field .inner h3,.columns .info .inner h3{font-size:30px}.font_lr,nav .nav a,main .right h1{font-size:45px}.font_lg,.columns h1{font-size:60px}body{max-width:961px}#header{height:245px}#header.isHidden{height:135px}#header .leaf img{width:37px;position:absolute;top:8px;left:19px}#header .flower img{width:80px;position:absolute;top:10px;left:580px}#header .animate_title{padding-left:10px}#header .animate_title .char{font-size:95px;margin:0 -0.5px}#header .animate_title .char:nth-child(2){margin:0 2px 0 5px}#header .animate_title .char:nth-child(7){margin-left:10px}#header .animate_title .char:nth-child(8){margin:0 2px 0 -13px}#header .animate_title .char:nth-child(9){margin-right:5px}#header .mobile_menu{padding:50px 30px 0 10px;z-index:100}#header .mobile_menu>span{background-color:#d6b49c;width:54px;height:6px;border-radius:3px;display:block;margin-bottom:12px;transition:.5s}#header .mobile_menu>span:last-child{margin-bottom:0}.menu-open .mobile_menu>span:nth-child(1){transform:translateY(18px) rotate(135deg)}.menu-open .mobile_menu>span:nth-child(2){transform:translateX(-18px) scaleX(0)}.menu-open .mobile_menu>span:nth-child(3){transform:translateY(-18px) rotate(-135deg)}nav{max-width:961px;top:100px;flex-direction:column;z-index:60}nav.isShown ul{list-style:none;display:block;margin-bottom:50px;text-align:center}nav.isShown li{margin-bottom:20px;text-align:center;color:inherit;text-decoration:none;background:linear-gradient(to right, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background-size:75% 7px,0 3px;background-position:50% 90%,0 100%;background-repeat:no-repeat}nav.isShown li:nth-child(4) a{font-size:36px;letter-spacing:-0.5rem}.portfolio{padding:300px 25px 30px;display:block}.portfolio .site_image{display:grid;grid-template-columns:40px 350px 40px 350px 40px;grid-template-rows:40px 30px 3000px}.portfolio .site_image :nth-child(1){grid-column:2/3;grid-row:3/3}.portfolio .site_image :nth-child(2){grid-column:2/3;grid-row:2/2}.portfolio .site_image :nth-child(3){grid-column:4/5;grid-row:3/3}.portfolio .site_image :nth-child(4){grid-column:4/5;grid-row:2/2}main{height:auto}main .sub{background-size:cover}main .left{padding:240px 40px 0 40px;position:relative}main .left p{line-height:35px}main .right{line-height:68px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;margin:0;padding:50px 20px 40px 0;z-index:3}main .right h1{letter-spacing:-7px}main .right h2{letter-spacing:-3px}main .portfolio{padding:270px 25px 30px}main .contact{margin:0;padding:200px 25px 30px}main .commerce{margin:230px 15px}.columns .liner{display:block}.columns .br{display:none}.columns p{text-indent:.7rem}.columns .layout .main_after{margin-top:-380px;height:335px;-webkit-clip-path:polygon(0 0, 100% 30%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 30%, 100% 100%, 0 100%)}.columns .layout .columns_before{margin-top:-300px;height:345px;-webkit-clip-path:polygon(0 0, 100% 65%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 65%, 100% 100%, 0 100%)}.columns #about_me{padding:0 45px}.columns #about_me h1{text-align:center;justify-content:left;margin:50px 0 20px}.columns #about_me ul{line-height:33px}.columns #about_me .profile{padding:10px 25px;display:flex;flex-direction:column}.columns #about_me .glow{padding:40px 20px 35px}.columns #about_me .glow :nth-child(n){padding:20px 0 0;width:80%}.columns #about_me .glow :nth-child(odd){text-align:left}.columns #about_me .glow :nth-child(even){text-align:end;margin:0 auto}.columns #about_me .glow :nth-child(6) img,.columns #about_me .glow :nth-child(8) img{width:75%;display:block;margin:0 auto}.columns #about_me .glow :nth-child(7){width:100%}.columns #about_me .glow :nth-child(7) h2{width:100%;text-align:center}.columns #simplification,.columns #setup,.columns #electric_field,.columns .info{padding:70px 90px}.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p{line-height:27px}#setup h1{letter-spacing:-0.15em}.copyright{margin:15px 20px;padding-bottom:70px}footer{max-width:1280px;width:100%;height:73px;padding:5px;background-color:rgba(112,112,112,.7);display:inline-block;position:fixed;z-index:30;bottom:0}footer.isHidden{display:none}footer ul{justify-content:flex-end;list-style:none}footer ul li{float:left;width:100px;height:43px;margin:10px 0;background-color:rgba(255,255,255,.3);border:solid 1px #707070;border-radius:15px;letter-spacing:.3em;line-height:1em;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}footer ul li:hover{background:rgba(0,0,0,.5)}footer ul a{font-family:ta-kotodama-r,sans-serif;font-style:normal;font-weight:400;font-size:14px;color:#fff000;text-decoration:none;display:inline-block}footer ul a:hover{background:linear-gradient(90deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background:-webkit-linear-gradient(0deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-color:#c0ede8}footer ul :nth-child(1) a{letter-spacing:.5em}footer ul :nth-child(2) a,footer ul :nth-child(6) a{letter-spacing:-0.1em}footer ul :nth-child(3) a{letter-spacing:-0.2em}footer ul :nth-child(4) a{letter-spacing:-0.3em;font-size:13px}}@media screen and (min-width: 710px)and (max-width: 961px)and (700px <= height){main{height:140vh}main .left{padding:340px 40px 40px}main .left p{line-height:45px}main .right{padding:10% 20px 40px}main .right h1{letter-spacing:-5px}main .right h2{letter-spacing:-1px}main .right h2:nth-child(3){padding-top:50px}.columns .layout .main_after{margin-top:-370px;height:510px}.columns .layout .columns_before{margin-top:-500px;height:500px}}@media screen and (min-width: 710px)and (max-width: 961px)and (800px <= height){main{height:128vh}}@media screen and (min-width: 710px)and (max-width: 961px)and (900px <= height){main{height:130vh}main .sub{top:145px}.columns .layout .main_after{margin-top:-550px;height:550px}.columns .layout .columns_before{margin-top:-450px;height:450px}}@media screen and (min-width: 710px)and (max-width: 961px)and (1100px <= height){main{height:100vh}main .sub{height:100vh;top:145px;background-size:contain}.columns .layout .main_after{margin-top:-560px;height:560px}.columns .layout .columns_before{margin-top:-500px;height:500px}}@media screen and (min-width: 710px)and (max-width: 961px)and (1000px <= height){main{height:125vh}}@media screen and (min-width: 961px){body{font-family:dnp-shuei-shogomincho-std,toppan-bunkyu-gothic-pr6n,jiyucho,ta-kotodama-r,heisei-maru-gothic-std,sans-serif}.font_exsm,.columns #about_me .contact_form p,.columns .mission .contact_form p,.columns .info p,.copyright{font-size:18px}.font_sm,.portfolio h3,.columns #about_me p,.columns .mission p,.columns #simplification .inner p,.columns #setup .inner p,.columns #electric_field .inner p,.columns .info .inner p{font-size:24px}.font_h5,.columns #about_me .profile h5,.columns .mission .profile h5{font-size:20px}.font_md,main .left p,main .right h2,.columns #simplification .inner h3,.columns #setup .inner h3,.columns #electric_field .inner h3,.columns .info .inner h3{font-size:35px}.font_lr,nav .nav a,main .right h1{font-size:45px}.font_lg,.columns h1{font-size:77px}body{max-width:1280px}body #header{max-width:1280px;height:280px;position:fixed;display:inline-block}body #header .leaf img{width:43px;position:absolute;top:12px;left:48px}body #header .flower img{width:95px;position:absolute;top:15px;left:672px}body #header .animate_title{padding-left:30px;position:absolute;top:0}body #header .animate_title .char{margin:-1px;font-size:110px}body #header .animate_title .char:nth-child(2){margin:0 2px 0 5px}body #header .animate_title .char:nth-child(4){margin-left:-2px}body #header .animate_title .char:nth-child(5){margin-left:-2px}body #header .animate_title .char:nth-child(6){margin-right:5px}body #header .animate_title .char:nth-child(8){margin:0 2px 0 -18px}body #header .animate_title .char:nth-child(9){margin-right:5px}body #header .mobile_menu{display:none}body nav{display:none}body .portfolio{padding:300px 25px 30px;display:block}body .portfolio .site_image{display:grid;grid-template-columns:40px 400px 40px 400px 40px;grid-template-rows:40px 30px 3500px}body .portfolio .site_image :nth-child(1){grid-column:2/3;grid-row:3/3}body .portfolio .site_image :nth-child(2){grid-column:2/3;grid-row:2/2}body .portfolio .site_image :nth-child(3){grid-column:4/5;grid-row:3/3}body .portfolio .site_image :nth-child(4){grid-column:4/5;grid-row:2/2}body .contact{margin:0;padding:300px 25px 30px}body .content main .sub{height:100vh;width:100%;background-image:url("../src/about_me/fullbody.jpg");background-repeat:no-repeat;background-size:cover;z-index:-1}body .content main .left{padding:300px 40px 40px;position:relative}body .content main .left p{letter-spacing:-0.1rem;line-height:48px}body .content main .right{margin:0;padding:50px 20px 40px 0;line-height:68px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;z-index:3}body .content main .right h1,body .content main .right h2{letter-spacing:-0.1rem}body .content main .right :nth-child(3){padding-top:70px}body .content main .commerce{margin:255px 15px}}@media screen and (min-width: 961px)and (height <= 800px){body .content main{height:145vh}body .content main .sub{height:100vh}}@media screen and (min-width: 961px)and (height <= 720px){body .content main{height:165vh}body .content main .sub{height:125vh}}@media screen and (min-width: 961px)and (height <= 690px){body .content main{height:170vh}body .content main .sub{height:130vh}}@media screen and (min-width: 961px)and (height <= 620px){body .content main{height:200vh}body .content main .sub{height:140vh}}@media screen and (min-width: 961px)and (height <= 460px){body .content main{height:220vh}body .content main .sub{height:180vh}}@media screen and (min-width: 961px)and (800px <= height){body .content main{height:130vh}body .content .columns .layout .main_after{margin-top:-630px;height:630px}body .content .columns .layout .columns_before{margin-top:-460px;height:460px}}@media screen and (min-width: 961px)and (1000px <= height){body .content main{height:115vh}}@media screen and (min-width: 961px){body .content .columns .liner{display:block}body .content .columns .br{display:none}body .content .columns h1{padding:100px 0 80px}body .content .columns p{text-indent:1rem}body .content .columns .layout .main_after{margin-top:-340px;height:340px;-webkit-clip-path:polygon(0 0, 100% 70%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 70%, 100% 100%, 0 100%)}body .content .columns .layout .columns_before{margin-top:-295px;height:295px;-webkit-clip-path:polygon(0 0, 100% 70%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 70%, 100% 100%, 0 100%)}body .content .columns .layout .main_after{margin-top:-630px;height:630px}body .content .columns .layout .columns_before{margin-top:-460px;height:460px}body .content .columns #about_me{padding:0 5%}body .content .columns #about_me h1{text-align:center;justify-content:center;display:inline-block}body .content .columns #about_me h1:nth-of-type(1){display:block}body .content .columns #about_me .profile .picture{align-content:flex-end;float:right;position:relative;z-index:10}body .content .columns #about_me .profile .picture img{width:300px;padding:10px 46px}body .content .columns .layout .about_me_after{height:325px;-webkit-clip-path:polygon(0 0, 100% 0, 100% 50%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 50%, 0 100%);position:relative;z-index:2}body .content .columns .layout .mission_before{margin-top:-125px;height:120px;-webkit-clip-path:polygon(0 0, 100% 90%, 100% 100%, 0% 100%);clip-path:polygonpolygon(0 0, 100% 90%, 100% 100%, 0% 100%);position:relative;z-index:1}body .content .columns .mission .glow{margin-top:45px;justify-content:center;display:grid;grid-template-columns:135px 135px 140px 140px 140px 135px 135px;grid-template-rows:80px 80px 80px 80px 80px 80px 80px 80px}body .content .columns .mission .glow img{width:350px}body .content .columns .mission .glow :nth-child(6) img,body .content .columns .mission .glow :nth-child(8) img{width:200px}body .content .columns .mission .glow :nth-child(n){padding:0}body .content .columns .mission .glow .box1,body .content .columns .mission .glow .box2,body .content .columns .mission .glow .box3,body .content .columns .mission .glow .box4{display:flex;justify-content:center;align-items:center}body .content .columns .mission .glow .box1{grid-column:1/6;grid-row:1/2}body .content .columns .mission .glow .box2{grid-column:4/8;grid-row:2/4;flex-direction:column}body .content .columns .mission .glow .box3{grid-column:1/5;grid-row:5/6}body .content .columns .mission .glow .box4{grid-column:1/8;grid-row:8/9}body .content .columns .mission .glow .box5{margin:0 auto;grid-column:1/3;grid-row:2/5}body .content .columns .mission .glow .box6{margin:0 auto;grid-column:4/6;grid-row:3/5}body .content .columns .mission .glow .box7{margin:0 auto;grid-column:1/3;grid-row:6/8}body .content .columns .mission .glow .box8{margin:0 auto;grid-column:6/8;grid-row:5/5}body .content .columns .mission .contact_form{margin:50px 100px;padding:50px 30px}body .content .columns .mission .contact_form .form_button{margin:45px;padding:30px 50px;background-color:#fff;display:inline-block}body .content .columns .mission .contact_form .form_button a{font-size:20px;color:inherit;text-decoration:none;background:linear-gradient(to right, #FFF000, #FFF000),linear-gradient(to right, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background-size:100% 3px,0 3px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size 400ms}body .content .columns .mission .contact_form .form_button a:hover{background-size:0 20px,100% 20px}}@media screen and (min-width: 961px)and (width <= 1100px){body .content .columns .mission .glow{grid-template-columns:125px 125px 135px 135px 135px 125px 125px}body .content .columns .mission .glow img{width:300px}body .content .columns .mission .glow :nth-child(6) img,body .content .columns .mission .glow :nth-child(8) img{width:180px}}@media screen and (min-width: 961px){body .content .layout .mission_after{height:120px;position:relative}body .content .layout .simplification_before{height:120px;-webkit-clip-path:polygon(0 0, 100% 100%, 100% 100%, 0% 100%);clip-path:polygonpolygon(0 0, 100% 100%, 100% 100%, 0% 100%);position:relative;z-index:1}body .content #simplification,body .content #setup,body .content #electric_field,body .content .info{padding:70px 90px}body .content #simplification .inner h3,body .content #setup .inner h3,body .content #electric_field .inner h3,body .content .info .inner h3{margin-bottom:30px;padding:0 15px}body .content #simplification .inner p,body .content #setup .inner p,body .content #electric_field .inner p,body .content .info .inner p{padding:5px 0;line-height:35px;letter-spacing:-0.05rem}body .content .simplification_after{height:250px;-webkit-clip-path:polygon(0 0, 100% 0%, 100% 20%, 0 70%);clip-path:polygon(0 0, 100% 0%, 100% 20%, 0 70%)}body .content .setup_before{height:180px;margin-top:-150px;-webkit-clip-path:polygon(0 0, 100% 100%, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 100%, 100% 100%, 0 100%)}body .content #setup h1{letter-spacing:-0.15em}body .content .setup_after{height:150px;-webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 60%);clip-path:polygon0(0 0, 100% 0%, 100% 100%, 0 60%)}body .content .electric_field_before{height:150px;margin-top:-150px;-webkit-clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%)}body .content .electric_field_after{height:150px;margin-top:0;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}body .content .info_before{height:150px;margin-top:-150px;-webkit-clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 100%)}body .content .info{background-color:#fff;background-position:bottom;background-size:contain;background-origin:border-box;background-image:url(../src/info_bg.jpg);background-repeat:no-repeat;padding-bottom:130px}body .content .info .info_content{margin:40px auto;padding:30px;border-radius:20px}body .content .info .info_content h1{padding:10px 0 30px}body .content .info .info_pictures{margin-top:45px;display:flex;flex-wrap:wrap;justify-content:space-evenly}body .content .info .info_pictures .circle_l{margin:0 15px 15px;width:180px;height:180px;border-radius:50%}body .content .info .info_pictures .circle_l img{width:175px;height:175px}body .content .info .info_pictures :hover{transform:scale(1.1)}body .copyright{margin:10px 20px;height:100px;display:flex;justify-content:space-between}body .copyright a{box-shadow:inset 0 0 0 0 #54b3d6;color:#54b3d6;padding:0 .25rem;margin:0 -0.25rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}body .copyright a:hover{color:#fff;box-shadow:inset 200px 0 0 0 rgba(190,215,154,.8);text-decoration:none}body footer{max-width:1280px;width:100%;height:73px;padding:5px;background-color:rgba(112,112,112,.7);display:inline-block;position:fixed;z-index:30;bottom:0}body footer ul{justify-content:flex-end;list-style:none}body footer ul li{float:left;width:130px;height:43px;margin:10px 0;background-color:rgba(255,255,255,.3);border:solid 1px #707070;border-radius:15px;letter-spacing:.3em;line-height:1em;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}body footer ul li:hover{background:rgba(0,0,0,.5)}body footer ul a{font-family:ta-kotodama-r,sans-serif;font-style:normal;font-weight:400;font-size:16px;color:#fff000;text-decoration:none;display:inline-block}body footer ul a:hover{background:linear-gradient(90deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background:-webkit-linear-gradient(0deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-color:#c0ede8}body footer ul :nth-child(1) a{letter-spacing:.5em}body footer ul :nth-child(2) a,body footer ul :nth-child(3) a,body footer ul :nth-child(6) a{letter-spacing:-0.1em}body footer ul :nth-child(4) a{letter-spacing:-0.3em;font-size:16px}}