@charset "UTF-8";*{box-sizing:border-box}html{font-size:62.5%;width:100%;max-width:100vw}body{min-width:1000px;color:#0a122a;background-color:#fafafa;font-family:"Cormorant Garamond","Klee One",cursive,sans-serif;font-size:1.6rem;line-height:1.625;font-weight:400;text-align:left}h1{font-size:3.2rem;font-weight:500}h2{font-size:4.8rem;font-weight:600;color:#fafafa}h3{font-size:4.8rem;letter-spacing:.12em;font-weight:500}h4{font-size:2.4rem;font-weight:500}h5{font-size:2.4rem;font-weight:600}p{font-size:1.6rem}a{font-size:1.6rem;text-decoration:none;color:#0a122a}ul li{list-style:none}img{max-width:100%;vertical-align:middle}.flex{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.wrapper{width:77.7%;max-width:1120px;margin:0 auto}.mobile{display:none}header{position:fixed;top:0;left:0;width:100vw;height:80px;padding:20px;box-sizing:border-box;z-index:9999}header.flex{justify-content:space-between;flex-wrap:nowrap}h1{letter-spacing:.12em}h1 a{font:inherit}.hamburger{display:inline-block;width:4rem;height:2rem;position:relative;transition:.3s}.hamburger span{display:block;width:100%;height:.2rem;background-color:#0a122a;border-radius:.2rem;position:absolute;top:0;left:0;transition:.3s}.hamburger span:nth-child(2){top:1rem}.hamburger span:nth-child(3){top:2rem}.header__nav{display:block;width:100%;height:100vh;position:absolute;top:0;right:-100%;transition:ease .6s;background-color:rgba(250,250,250,.8);opacity:0;z-index:-1}.header__nav ul{margin-top:8rem}.header__nav ul li{text-align:center;padding-bottom:10%;padding:3rem}.header__nav ul li a{color:#0a122a;font-size:4rem}.hamburger.active span:first-child{position:absolute;top:50%;transform:rotate(45deg)}.hamburger.active :nth-child(2){opacity:0}.hamburger.active span:last-child{position:absolute;top:50%;transform:rotate(-45deg)}.header__nav.active{display:block;right:0;opacity:1}.contact-banner{margin:160px auto 120px}.contact-banner-wrapper{display:block;border:8px solid #007bbb;padding:10px;transition:.6s}.contact-banner-wrapper:hover{background-color:#007bbb}.contact-banner__text{padding:40px;border:4px solid #007bbb;justify-content:space-around;align-items:center;gap:10%}.contact-banner-wrapper:hover .contact-banner__text{border:4px solid #fafafa;color:#fafafa}footer{padding:80px 0 5px;overflow:hidden;background-color:#007bbb;color:#fafafa;position:relative}footer:before{content:"";display:block;width:220px;height:160px;background-image:url(//azur-web-design.jp/portfolio/wp-content/themes/portfolio/assets/css/../img/Seagull.png);background-size:contain;background-position:center center;background-repeat:no-repeat;position:absolute;top:-10px;right:-10px}.footer-content{gap:3%;justify-content:flex-start;align-items:stretch}.footer-content p{font-size:1.4rem}.footer-content p:first-child{font-size:1.8rem;padding-bottom:1.6rem}footer figure{width:100px;display:flex;align-items:center}.sns-link__list{justify-content:flex-start;margin-top:10px}.sns-link{width:20px}.sns-link:not(:last-child){margin-right:10px}.thanks{margin-top:80px;text-align:right}.thanks p{font-size:1.2rem;font-family:"Klee One",cursive}.thanks a{display:inline-block;font-size:1.2rem;font-family:"Klee One",cursive;color:#fff}.thanks a:after{content:"";display:block;width:0;height:.5px;background-color:#fff;margin-top:-3px;transition:.3s}.thanks a:hover:after{width:100%}.copy{text-align:center}.copy p{font-size:1.2rem;font-family:"Klee One",cursive}.eyecatch{width:88.8%;margin:40px auto 160px;padding:100px 0;background-repeat:no-repeat;background-size:cover;background-position:center;text-align:center;color:#fafafa}@media (max-width:520px){.eyecatch{margin:40px auto 50px}}.eyecatch p{font-size:2.4rem}.button-more{display:inline-block;transition:1s}.button-more:before{content:"";display:inline-block;width:0;height:1px;background-color:#007bbb;vertical-align:middle;transition:.6s}.button-more:hover{color:#007bbb}.button-more:hover:before{width:40px;margin-right:10px}.contact-banner__text .button-more{display:none}.button-view{padding:15px 40px;font-weight:500;text-align:center;border:1px solid #0a122a;border-radius:5px;transition:.3s}.button-view:hover{color:#fafafa;background-color:#007bbb;border-color:#007bbb}@media (max-width:520px){body{min-width:auto;font-size:1.4rem;line-height:1.42}h1{font-size:1.8rem;letter-spacing:.12em;font-weight:500}h2{font-size:3.2rem}h3{font-size:3.6rem}h4{font-size:1.8rem}h5{font-size:1.8rem}p{font-size:1.4rem}a{font-size:1.4rem}.wrapper{width:calc(100% - 30px);max-width:none;margin:0 auto}._br{content:"/A"}.mobile{display:block}.pc{display:none}header{height:50px;padding:15px}.hamburger{width:2rem;height:1.5rem}.hamburger span:nth-child(2){top:.5rem}.hamburger span:nth-child(3){top:1rem}.header__nav{width:100%;height:100vh}.header__nav ul{margin-top:5rem}.header__nav ul li{padding:2rem}.header__nav ul li a{font-size:2.4rem}.contact-banner{margin:50px auto}.contact-banner__text{text-align:center;padding:20px}.contact-banner__text p{padding:20px 0}.contact-banner__text p:last-child{padding:0}footer{padding-top:100px}footer:before{width:150px;height:115px}.footer-content p{font-size:1.2rem}.footer-content p:first-child{font-size:1.6rem}.footer .copy{margin-top:50px}.copy p{font-size:1rem}.footer-content figure{display:none}.button-more{color:#007bbb}.button-more:before{width:40px;margin-right:10px}.contact-banner__text .button-more{display:block}.contact-banner__text .button-more:before{display:none}.button-view{font-weight:500;color:#fafafa;background-color:#007bbb;border-color:#007bbb}}