@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";html{font-size:20px}body{font-family:Noto Sans JP,sans-serif;margin:0;padding:0;padding-bottom:4rem;box-sizing:border-box}.header{background-color:#333;color:#fff;padding:1rem}.header .container{display:flex;justify-content:space-between;align-items:center}.header h1{margin:0}.header nav ul{list-style:none;display:flex;gap:1rem;padding:0;margin:0}.header nav li{margin:0}.header nav a{color:#fff;text-decoration:none}.header nav a:hover{text-decoration:underline}.footer{background-color:#333;color:#fff;padding:1rem;text-align:center;width:100%;box-sizing:border-box}.noto-serif-jp-weight200{font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.noto-serif-jp-weight900{font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.home-container{max-width:1280px;margin:0 auto}.hero-section{position:relative;background-size:cover;background-position:center;color:#fff;margin-bottom:2rem;border-radius:10px;text-align:center}.hero-section .overlay{position:relative;z-index:1;background:#0006;padding:2rem;border-radius:10px}.hero-section h1{font-size:3rem}.hero-section p{font-size:1.5rem}.about-section,.portfolio-section,.why-us-section,.contact-section{display:flex;flex-direction:column;align-items:center;margin:120px auto}.about-section h2,.portfolio-section h2,.why-us-section h2,.contact-section h2{font-size:2rem;margin-bottom:1rem}.about-section p,.portfolio-section p,.why-us-section p,.contact-section p{max-width:80%;margin:0 auto;font-size:1.2rem;line-height:2rem;color:#666}.contact-section p{line-height:2rem;font-size:1.2rem;margin-bottom:3rem;color:#666}.contact-button{background-color:#000;color:#fff;padding:1rem 2rem;border-radius:5px;text-decoration:none;font-size:1rem;transition:background-color .3s}.contact-button:hover{background-color:#333}.portfolio-pictureframe{margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.qualification-gallery{display:flex;justify-content:center;gap:1rem}.qualification-image{max-width:200px;height:auto}@media (max-width: 1920px){.home-container{max-width:1280px;margin:0 auto}.portfolio-pictureframe{margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}}@media (max-width: 1024px){.home-container{padding:1rem}.hero-section{padding:2rem 1rem}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}.portfolio-section,.about-section,.why-us-section,.contact-section{margin:0 auto}.portfolio-section h2,.about-section h2,.why-us-section h2,.contact-section h2{font-size:2rem}.portfolio-section .portfolio-pictureframe{flex-direction:column;align-items:center;width:33%;margin-bottom:32px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.about-section p,.contact-section p{font-size:1rem;line-height:1.5rem}.contact-button{padding:.75rem 1.5rem;font-size:.875rem}}@media (max-width: 768px){.home-container{width:90%}.hero-section h1{font-size:1.5rem}.hero-section p{font-size:.875rem}.portfolio-pictureframe{margin-left:auto;margin-right:auto;margin-bottom:32px}.about-section{margin-top:32px}.about-section,.portfolio-section{margin:64px auto}.contact-section{margin-bottom:128px}.about-section h2,.portfolio-section h2,.why-us-section h2,.contact-section h2{font-size:1.6rem}.about-section p,.portfolio-section p,.why-us-section p,.contact-section p{font-size:.7rem;line-height:1.25rem}.contact-button{padding:.5rem 1rem;font-size:.75rem}}.slideshow-container{position:relative;width:100%;height:600px;overflow:hidden;margin:auto}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1}.slide-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.indicators{position:absolute;bottom:20px;width:100%;display:flex;justify-content:center}.indicator{width:10px;height:10px;margin:0 5px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:background-color .3s}.indicator.active{background-color:#fff}.slide-text{position:absolute;bottom:20px;left:20px;font-size:24px;color:#fff;animation:color-change 3s infinite}@keyframes color-change{0%{color:red}33%{color:green}66%{color:#00f}to{color:red}}@media (max-width: 768px){.slideshow-container{position:relative;width:100%;height:200px;overflow:hidden;margin:auto}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}}.frame-container{max-width:100%;display:flex;flex-direction:column;align-items:center;margin:20px}.frame{padding:10px;border:15px solid #73777A;box-shadow:0 0 10px #00000080;background-color:#817d7b;display:flex;justify-content:center;align-items:center}.frame.landscape{width:240px;height:180px}.frame.portrait{width:180px;height:240px}.painting{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:5px solid #fff}.title{margin-top:10px;font-size:18px;color:#333;font-family:Georgia,serif;text-align:center}a{color:#333;text-decoration:none}body{margin:0;padding:0;font-family:"Noto Serif JP",sans-serif;background-color:#f4f4f4}header,footer{background-color:#000;color:#fff;text-align:center;padding:20px}main{max-width:1280px;margin:0 auto}section{margin-bottom:40px}section h2{color:#333;font-size:1.5rem;margin-bottom:10px}section p{font-size:1rem;line-height:2rem;color:#666}ul{margin-top:10px}ul li{line-height:2rem}@media (max-width: 1920px){main{width:90%;max-width:1280px;margin-bottom:120px;margin-left:auto;margin-right:auto}section h2{font-size:1.8rem}section p{line-height:2rem}ul li{font-size:1.2rem;line-height:1.5rem}}@media (max-width: 1024px){main{max-width:960px;margin-bottom:120px;margin-left:64px;margin-right:64px}section h2{font-size:1.2rem}section p{line-height:2rem}ul li{font-size:1.2rem;line-height:1.5rem}}@media (max-width: 768px){main{margin:32px 32px 120px}section h2{font-size:1.5rem}section p{line-height:2rem}ul li{font-size:1.2rem;line-height:1.5rem}}@media (max-width: 480px){main{margin:16px 32px 80px}section h2{font-size:1rem}section p{font-size:.8rem;line-height:1.5rem}ul li{font-size:.8rem;line-height:1.2rem}}.image-gallery{margin-bottom:240px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.gallery-item{cursor:pointer;width:20%;height:auto;overflow:hidden;border-radius:10px}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s}.gallery-item:hover img{transform:scale(1.2)}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000}.modal-content{max-width:90%;max-height:90%;border-radius:10px}.close{position:absolute;top:20px;right:20px;font-size:40px;color:#fff;cursor:pointer}@media (max-width: 1920px){.gallery{margin-bottom:240px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.gallery-item{cursor:pointer;width:20%;height:auto;overflow:hidden;border-radius:10px}}@media (max-width: 1024px){.gallery{width:100%;margin-bottom:240px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.gallery-item{cursor:pointer;width:160px;height:120px;overflow:hidden;border-radius:10px}}@media (max-width: 768px){.gallery{width:100%;margin-bottom:32px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.gallery-item{cursor:pointer;width:128px;height:96px;overflow:hidden;border-radius:10px}}.contact-container{max-width:1280px;width:65%;margin:120px auto;border-radius:10px;margin-top:2rem;display:flex;flex-direction:column;align-items:center}.contact-container h2{font-size:2rem;margin-bottom:1rem;text-align:center;color:#333;width:100%}.contact-form{width:100%}.form-group{width:100%;margin-bottom:1.5rem}.form-group label{font-size:1.1rem;margin-bottom:.5rem;display:block;color:#555}.form-group input,.form-group textarea{width:100%;font-size:1rem;height:2rem;border:1px solid #ddd;border-radius:5px;transition:border-color .3s;padding:.5rem}.form-group textarea{height:15rem}.form-group input:focus,.form-group textarea:focus{border-color:#333;outline:none}.submit-button{width:100%;height:3rem;background-color:#333;color:#fff;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#555}@media (max-width: 480px){.contact-container{width:80%;margin:60px auto}.contact-container h2{font-size:1.2rem}.form-group label{font-size:1rem}.form-group input,.form-group textarea{font-size:.9rem;height:2.5rem}.form-group textarea{height:10rem}.submit-button{font-size:1rem;padding:.75rem 1rem}}.services-section{text-align:center;margin-bottom:2rem}.services-section h2{font-size:2.5rem;margin-bottom:1rem}.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.service-item{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.service-item:hover{transform:translateY(-10px);box-shadow:0 8px 12px #0003}.service-item img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.service-content{padding:1rem}.service-item h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.service-item p{font-size:1.1rem;color:#555}.playfair-display{font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.header{background-color:#f5f5f7;color:#000;padding:1rem}.header .container{display:flex;flex-direction:column;align-items:center;position:relative}.header h1{font-size:2rem;margin:0}.header nav a{color:#000;text-decoration:none}.navbar{width:100%;background-color:#f7f7f9;margin-top:1rem;display:flex;justify-content:center}.navbar ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center}.navbar li{margin:0 1rem}.navbar a{color:#000;text-decoration:none;padding:.5rem 1rem;display:block}.navbar a:hover{background-color:#555}@media (max-width: 1024px){.navbar{display:none;flex-direction:column;align-items:center}.navbar.open{display:flex}.navbar ul{flex-direction:column;align-items:center}.navbar li{margin:.5rem 0}.navbar a{padding:.5rem}.hamburger{display:flex;flex-direction:column;cursor:pointer;position:absolute;top:1rem;right:1rem}.hamburger .bar{width:25px;height:3px;background-color:#000;margin:4px 0;transition:.3s}}@media (min-width: 1025px){.hamburger{display:none}}.ribbon-drop-wrapper{height:45px;width:100%;padding:16px auto;background-color:#f7f7f9;text-align:center}.ribbon-content-wrapper{margin-top:16px;margin-bottom:16px;height:auto}.ribbon-content-wrapper a{color:#000;margin:0 auto;text-decoration:none}@media (max-width: 768px){.header h1{font-size:1.5rem;margin:.5rem 0;text-align:center}.navbar a{font-size:1rem;padding:.5rem 1rem}.navbar li{margin:.3rem 0}.ribbon-content-wrapper a{font-size:.8rem}.hamburger{top:12px;right:0}.hamburger .bar{width:20px;height:2px}}.footer{background-color:#333;color:#fff;padding:1rem;width:100%;bottom:0}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer nav ul{list-style:none;display:flex;gap:1rem;padding:0;margin:0}.footer nav li{margin:0}.footer nav a{color:#fff;text-decoration:none}.footer nav a:hover{text-decoration:underline}