.position-fixed{position:fixed;z-index:10}.image-wrapper img{width:100%}.button,.button-lg,.button-sm{display:block;background-color:#5593dd;padding:1em 1.5em;text-align:center;font-size:16px;color:#fff;transition:.5s;border:3px solid #5593dd}@media screen and (max-width: 960px){.button,.button-lg,.button-sm{transition:0s}}@media screen and (max-width: 520px){.button,.button-lg,.button-sm{transition:0S}}.button-sm{border-radius:25px;padding:0;width:150px;height:50px;line-height:44px}.button-sm:hover{border:3px solid #5593dd;background-color:#f7f6f5;color:#5593dd}.button-lg{border-radius:35px;padding:0;width:200px;height:60px;line-height:54px}.button-lg:hover{border:3px solid #5593dd;background-color:#f7f6f5;color:#5593dd}.container{max-width:1100px;margin:0 auto}.section-title{font-size:36px;text-align:center;margin-bottom:50px}@media screen and (max-width: 520px){.section-title{font-size:24px}}.mrg-top-150{margin-top:150px}body{background-color:#f7f6f5}.header{width:100vw;transition:.5s}.header-bg{background-color:#f7f6f5;transition:.5s}.header__container{margin-left:7%;margin-right:7%;display:flex;align-items:center;justify-content:space-between;height:70px}.header__logo,.header__logo-sp{display:inline-block;width:50px;height:50px;background-color:#fff;border-radius:25px;overflow:hidden;display:flex;justify-content:center;align-items:center}.header__logo img,.header__logo-sp img{width:80%;height:80%}.header__logo-sp{width:70px;height:70px;border-radius:35px}@media screen and (max-width: 960px){.header__nav{display:none}}.header__nav-list{display:flex;align-items:center;height:100%}.header__nav-list-item:not(:last-child){margin-right:40px;height:50px;line-height:50px}.header__nav-list-item:not(:last-child) a{color:#fff;transition:.5s;font-size:16px}.header__nav-sp{width:80%;margin-top:5%}.header__nav-sp ul li:not(:last-child){text-align:center;border-bottom:solid 1px #8fa1cb;background-color:#dbeff5;height:50px}.header__nav-sp ul li:not(:last-child) a{width:100%;height:100%;display:block;margin:0;line-height:50px;position:relative}.header__nav-sp ul li:not(:last-child) a::before{content:"";width:.5em;height:.5em;border-top:#000 solid 2px;border-right:#000 solid 2px;position:absolute;top:50%;right:30px;transform:translateY(-50%) rotate(45deg)}.header__nav-sp ul li:first-child{border-top:solid 1px #8fa1cb}.header__nav-sp ul li:last-child a{margin:40px auto}.header .hamburger__footer{margin-top:auto}.header .hamburger__footer div{transition:0s}.header .hamburger__footer__sns{display:flex;justify-content:center}.header .hamburger__footer__copyright{text-align:center;color:#000}.top{background-image:url(../images/top/top_bk.jpg);background-size:cover;height:100vh}.top__wrapper{height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding-left:7%;padding-right:7%}.top__wrapper h1{font-size:64px}@media screen and (max-width: 960px){.top__wrapper h1{font-size:48px}}@media screen and (max-width: 520px){.top__wrapper h1{font-size:32px}}.top__wrapper h2{font-size:48px}@media screen and (max-width: 960px){.top__wrapper h2{font-size:36px}}@media screen and (max-width: 520px){.top__wrapper h2{font-size:28px}}.top__content{font-size:24px;margin-top:20px}@media screen and (max-width: 960px){.top__content{font-size:18px}}@media screen and (max-width: 520px){.top__content{font-size:12px}}.works__list{display:flex;flex-wrap:wrap;justify-content:space-evenly}.works__item{max-width:30%;margin-bottom:50px}@media screen and (max-width: 960px){.works__item{max-width:45%}}@media screen and (max-width: 520px){.works__item{max-width:90%}}.works__item__thumbnail{display:block;width:100%;border-radius:15px;transition:.3s}.works__item__thumbnail__img{overflow:hidden;width:100%;position:relative;padding:5%}.works__item__thumbnail__img img{border-radius:15px;-o-object-fit:cover;object-fit:cover;position:absolute;width:93%;height:93%;top:50%;right:0;bottom:0;left:50%;transform:translate(-50%, -50%)}.works__item__thumbnail__img::before{content:"";display:block;padding-top:100%}.works__item__thumbnail:hover{box-shadow:-3px -3px 10px #fff,5px 5px 3px #404040,inset 1px 1px 10px #bebebe;transform:translate(-3px, -3px)}.works__item__thumbnail:active{box-shadow:-3px -3px 10px #fff,5px 5px 3px #404040,inset 1px 1px 10px #bebebe;transform:translate(-3px, -3px)}.works__item__info{margin-top:20px;padding:0 20px;display:flex;flex-wrap:wrap}@media screen and (max-width: 520px){.works__item__info{margin-top:10px}}.works__item__info__text{width:100%}@media screen and (max-width: 520px){.works__item__info__text{font-size:14px}}.works__item__info__text--practice{color:#5593dd;margin-right:10px}@media screen and (max-width: 960px){.works__item__info__text--practice{font-size:14px}}@media screen and (max-width: 520px){.works__item__info__text--practice{font-size:12px}}.works__item__info__text--date{color:#828282}@media screen and (max-width: 960px){.works__item__info__text--date{font-size:14px}}@media screen and (max-width: 520px){.works__item__info__text--date{font-size:12px}}.works__button{border-radius:10px;margin:0 auto;width:200px;height:60px;line-height:54px;position:relative}@media screen and (max-width: 520px){.works__button{width:160px;height:50px;line-height:44px}}.works__button::before{content:"";width:.5em;height:.5em;border-top:#fff solid 2px;border-right:#fff solid 2px;position:absolute;inset:50% 20px auto auto;transform:translateY(-50%) rotate(45deg);transition:.5s}.works__button::before:hover{inset:50% 15px auto auto;border-color:#5593dd}.service__list{display:flex;flex-wrap:wrap;justify-content:space-evenly}.service__list__item{width:35%;display:flex;flex-direction:column;align-items:center;margin-bottom:40px;padding:0 20px}@media screen and (max-width: 960px){.service__list__item{width:40%}}@media screen and (max-width: 520px){.service__list__item{width:90%;margin-bottom:60px}}.service__list__item svg{margin-bottom:10px}.service__list__item h3{font-size:20px;font-weight:400;margin-top:10px;margin-bottom:20px}.service__list__item__info{font-size:14px}.process__list{display:flex;justify-content:center}@media screen and (max-width: 960px){.process__list{flex-direction:column;margin:0 10%}}.process__list__item{max-width:calc(25% + 30px);width:calc(25% + 30px);display:flex;flex-direction:column;align-items:center;margin:0 -20px;padding:0 20px;background-color:#dbeff5;border-radius:30px;padding:30px calc(3% + 30px) 30px 3%}@media screen and (max-width: 960px){.process__list__item{max-width:100%;width:100%;margin:-20px 0;padding:3% 30px calc(3% + 30px) 30px;border:solid 3px #dbeff5}}.process__list__item--white{background-color:#f7f6f5}.process__list__item__number{font-family:"Vidaloka",serif;font-size:48px;font-weight:600;color:#5593dd}.process__list__item h3{font-size:20px;font-weight:400;margin-top:10px;margin-bottom:30px}.process__list__item__info{font-size:14px}@media screen and (max-width: 960px){.process__list__item:not(:last-child) .process__list__item__info{padding-bottom:30px}}.process__attention{font-size:14px;margin:20px 0 0 10px}@media screen and (max-width: 960px){.process__attention{margin:20px 10% 0 calc(10% + 10px);padding-top:20px}}@media screen and (max-width: 520px){.process__attention{font-size:12px}}.about__bk{background-color:#dbeff5;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap}.about__img{width:330px;height:330px;margin:5% 0;overflow:hidden}@media screen and (max-width: 520px){.about__img{max-width:90%}}.about__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@media screen and (max-width: 520px){.about__detail{max-width:90%}}.about__detail p{margin-top:10px}.about__sns{height:60px;display:flex;align-items:center;justify-content:end;margin-bottom:auto}.about__sns__blog{width:50px;height:30px;text-align:center;margin-right:20px;transition:.5s}.about__sns__blog:hover{border-radius:10px;background-color:#f7f6f5}.about__sns__twitter a:hover{color:#5593dd}.about__sns__twitter a:hover svg path:hover{fill:#8fa1cb}.contact{margin:120px 0}.contact p{width:70%;margin:0 auto 70px}@media screen and (max-width: 520px){.contact p{font-size:12px}}.contact__button{margin:0 auto}@media screen and (max-width: 520px){.contact__button{width:160px;height:50px;line-height:44px}}.footer__container{display:flex;justify-content:space-evenly;margin-bottom:55px}.footer__logo{width:50%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 520px){.footer__logo{width:40%}}.footer__logo img{width:150px;height:150px}@media screen and (max-width: 520px){.footer__logo img{width:80px;height:80px}}.footer__nav{display:flex;width:50%}@media screen and (max-width: 520px){.footer__nav{width:60%}}.footer__nav__sitemap{margin-left:15%;font-size:12px}.footer__nav__sitemap li{margin-bottom:15%}.footer__nav__sitemap li a:hover{color:#5593dd;transition:.5s}.footer__nav__social{margin-left:15%;font-size:12px}.footer__nav__social li{margin-bottom:15%}.footer__nav__social li a:hover{color:#5593dd;transition:.5s}.footer__nav__social li path{transition:.5s}.footer__nav__link{font-weight:800}.footer__copyright{text-align:center}.footer__copyright p{font-size:12px}.archive-works{width:100%;height:500px;text-align:center;padding-top:200px}.other-page-header{background-color:#f7f6f5}.other-page-header .header__nav-list-item:not(:last-child) a{color:#000}.other-page-header .header__nav-list-item:not(:last-child) a:hover{color:#5593dd}.contact-section{margin-top:0;padding-top:120px}.contact-section p{width:70%;margin:0 auto 70px}@media screen and (max-width: 520px){.contact-section p{font-size:12px}}@media screen and (max-width: 520px){.thanks-wrapper #thanks h1{font-size:18px}}@media screen and (max-width: 520px){.thanks-wrapper #thanks p{font-size:12px}}.thanks__button{border-radius:10px;margin:0 auto;position:relative;display:block}@media screen and (max-width: 520px){.thanks__button{width:120px;height:40px;line-height:34px;font-size:14px}}.thanks__button::before{content:"";width:.5em;height:.5em;border-top:#fff solid 2px;border-right:#fff solid 2px;position:absolute;inset:50% 20px auto auto;transform:translateY(-50%) rotate(45deg);transition:.5s}@media screen and (max-width: 520px){.thanks__button::before{inset:50% 10px auto auto}}.thanks__button:hover::before{inset:50% 15px auto auto;border-color:#5593dd}