@charset "UTF-8";html{font-size:62.5%}.container{max-width:90%;margin-right:auto;margin-left:auto}@media screen and (max-width:767px){.container{max-width:calc(100% - 40px)}}.container-min{max-width:720px}.box01{padding-bottom:160px}@media screen and (max-width:767px){.box01{padding-bottom:10px}}.box02{padding-bottom:240px}@media screen and (max-width:767px){.box02{padding-bottom:195px}}.box03{margin-bottom:98px}@media screen and (max-width:767px){.box03{margin-bottom:70px}}.box04{margin-top:100px;margin-bottom:100px}@media screen and (max-width:767px){.box04{margin-top:28px;margin-bottom:50px}}.site-header{padding-top:10px;padding-bottom:10px;position:fixed;width:100%;top:0;left:0;background-color:#f0f0f0;z-index:3}@media screen and (min-width:1920px){.site-header{padding-top:28px;padding-bottom:28px}}.site-header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.site-branding{width:330px;z-index:3}@media screen and (min-width:1920px){.site-branding{width:400px}}@media screen and (max-width:767px){.site-branding{width:162px}}.site-branding .logo{width:100%}.site-branding .logo img{width:100%}.site{padding-top:58px}@media screen and (min-width:1920px){.site{padding-top:100px}}@media screen and (max-width:767px){.site{padding-top:39px}}.drawer-hamburger{position:static;padding:0;width:40px}@media screen and (min-width:1920px){.drawer-hamburger{font-size:50px}}@media screen and (max-width:767px){.drawer-hamburger{width:24px}}.drawer-hamburger-icon{height:0;margin-top:-6px}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{height:1px}.drawer-hamburger-icon:before{top:-3px}@media screen and (min-width:1920px){.drawer-hamburger-icon:before{top:-6px}}@media screen and (max-width:767px){.drawer-hamburger-icon:before{top:0}}.drawer--top .drawer-nav{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f0f0f0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:right;opacity:0;visibility:hidden;-webkit-transition:opacity .6s ease,visibility .6s ease;transition:opacity .6s ease,visibility .6s ease}@media screen and (max-width:767px){.drawer--top .drawer-nav{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}}.drawer--top.drawer-open .drawer-nav{top:58px;visibility:visible;opacity:1}@media screen and (min-width:1920px){.drawer--top.drawer-open .drawer-nav{top:100px}}@media screen and (max-width:767px){.drawer--top.drawer-open .drawer-nav{top:39px}}.drawer--top.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.drawer--top.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.drawer-overlay{opacity:0}.menu-item{font-size:2rem}@media screen and (min-width:1920px){.menu-item{font-size:2.6rem}}@media screen and (max-width:767px){.menu-item{font-size:1.8rem}}@media screen and (max-width:767px){.menu-item a{margin-left:20px}}.menu-item__sub{font-size:1.6rem}@media screen and (min-width:1920px){.menu-item__sub{font-size:2rem}}@media screen and (max-width:767px){.menu-item__sub{font-size:1.2rem}}.menu-item__ig{font-family:"Roboto",sans-serif;font-size:1.4rem}@media screen and (min-width:1920px){.menu-item__ig{font-size:1.6rem}}@media screen and (max-width:767px){.menu-item__ig{font-size:1rem}}.menu-item.no-link a:after{content:none}.main-v{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;color:#000;height:calc(100vh - 58px);overflow:hidden;align-items:flex-end}@media screen and (min-width:1920px){.main-v{height:calc(85vh - 100px)}}@media screen and (max-width:767px){.main-v{height:calc(85vh - 39px);align-items:flex-start}}.main-v video,.main-v img{position:absolute;z-index:-1;-o-object-fit:cover;object-fit:cover;height:100%;width:100%;-o-object-position:center center;object-position:center center}.main-v__text{padding:0 3%;color:#fff;margin-bottom:32px}@media screen and (max-width:767px){.main-v__text{margin-top:24px}}.main-v__title{font-size:4rem;line-height:1.1;font-weight:400}@media screen and (min-width:1920px){.main-v__title{font-size:6rem}}@media screen and (max-width:767px){.main-v__title{font-size:1.8rem;line-height:1.4}}.main-v__content{font-size:1.6rem;line-height:1.8;margin-top:1em}@media screen and (min-width:1920px){.main-v__content{font-size:2.2rem}}@media screen and (max-width:767px){.main-v__content{font-size:1rem}}.scroll{position:absolute;width:100%;height:80px;text-align:center;bottom:0}@media screen and (max-width:767px){.scroll{height:50px}}.scroll:after{content:"";display:inline-block;width:1px;background-color:#fff;top:0;-webkit-animation:scroll 3s infinite;animation:scroll 3s infinite;position:absolute}@-webkit-keyframes scroll{0%{height:0}100%{height:80px;@media screen and (max-width:767px){height:50px}}}@keyframes scroll{0%{height:0}100%{height:80px;@media screen and (max-width:767px){height:50px}}}.main-title{font-family:"Roboto",sans-serif;font-size:1.4rem;font-weight:700}@media screen and (min-width:1920px){.main-title{font-size:1.6rem}}@media screen and (max-width:767px){.main-title{font-size:1rem}}.title-header{padding-top:98px;padding-bottom:100px}@media screen and (max-width:767px){.title-header{padding-top:50px;padding-bottom:50px}}.loop-project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap}.loop-project__item{margin-bottom:100px}@media screen and (max-width:767px){.loop-project__item{margin-bottom:50px}}.loop-project__item:nth-child(5n+1),.loop-project__item:nth-child(5n+2),.loop-project__item:nth-child(5n+3){width:calc((100% - 4.4%) / 3)}@media screen and (max-width:767px){.loop-project__item:nth-child(5n+1),.loop-project__item:nth-child(5n+2),.loop-project__item:nth-child(5n+3){width:100%}}.loop-project__item:nth-child(5n+1),.loop-project__item:nth-child(5n+2),.loop-project__item:nth-child(5n+4){margin-right:2.2%}@media screen and (max-width:767px){.loop-project__item:nth-child(5n+1),.loop-project__item:nth-child(5n+2),.loop-project__item:nth-child(5n+4){margin-right:0}}.loop-project__item:nth-child(5n+4),.loop-project__item:nth-child(5n+5){width:calc((100% - 2.2%) / 2)}@media screen and (max-width:767px){.loop-project__item:nth-child(5n+4),.loop-project__item:nth-child(5n+5){width:100%}}.loop-project__item:nth-child(5n+2),.loop-project__item:nth-child(5n+5){-webkit-transition-delay:.3s;transition-delay:.3s}@media screen and (max-width:767px){.loop-project__item:nth-child(5n+2),.loop-project__item:nth-child(5n+5){-webkit-transition-delay:0;transition-delay:0}}.loop-project__item:nth-child(5n+3){-webkit-transition-delay:.5s;transition-delay:.5s}@media screen and (max-width:767px){.loop-project__item:nth-child(5n+3){-webkit-transition-delay:0;transition-delay:0}}.loop-project__item a{display:block;text-decoration:none}.loop-project__item a:hover .loop-project__img{-webkit-transform:scale(1.05);transform:scale(1.05)}.loop-project__img{-webkit-transition:all .8s;transition:all .8s;position:absolute;left:0;top:0;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;height:100%}.loop-project__img-wrap{overflow:hidden;padding-bottom:109%;position:relative}.loop-project__title{margin:1.2em 0 1em;font-weight:400;font-size:1.6rem;line-height:1}@media screen and (min-width:1920px){.loop-project__title{font-size:2.2rem}}@media screen and (max-width:767px){.loop-project__title{font-size:1.4rem;margin:10px 0 16px}}.loop-project__cap{font-size:1rem;font-family:"Roboto",sans-serif;color:#aaa}@media screen and (max-width:767px){.loop-project__cap{font-size:.8rem}}.anm,.single-post .wp-block-image{opacity:0;position:relative;top:30px;-webkit-transition:all 1s;transition:all 1s}.anm--2{-webkit-transition-delay:.3s;transition-delay:.3s}.anm--3{-webkit-transition-delay:.5s;transition-delay:.5s}.anm.view,.single-post .view.wp-block-image{opacity:1;top:0}.link{font-family:"Roboto",sans-serif;font-weight:400;padding-bottom:.1em;text-decoration:none;overflow:hidden;display:inline-block;line-height:1;font-size:1.4rem}@media screen and (min-width:1920px){.link{font-size:1.6rem}}@media screen and (max-width:767px){.link{font-size:1rem}}.link:after{content:"";height:1px;background-color:#000;width:100%;display:inline-block;position:relative;-webkit-transition:right .5s;transition:right .5s;right:0;top:-.5em}.link:hover:after{right:-100%}.col-2{-ms-flex-preferred-size:calc(50% - 2.4%);flex-basis:calc(50% - 2.4%);margin-bottom:50px}@media screen and (max-width:767px){.col-2:nth-child(2n){margin-left:0}}.col-2__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:2.4%}@media screen and (max-width:767px){.col-2__wrap{display:block}}.service-item{background-size:cover;background-repeat:no-repeat;background-position:center center;padding:32px 16px 16px 48px}@media screen and (max-width:767px){.service-item{padding:8px 8px 10px 10px}}.service-item__text{padding-left:20%;margin-top:190px}@media screen and (max-width:767px){.service-item__text{margin-top:56px;padding-left:16%;font-size:.8rem}}.service-item__sub-title{font-size:1.6rem;font-weight:700;margin:0 0 1em}@media screen and (min-width:1920px){.service-item__sub-title{font-size:2.2rem}}@media screen and (max-width:767px){.service-item__sub-title{font-size:1.4rem}}.service-item--01{background-image:url(//attraction.co.jp/wp-content/themes/attraction/css/../img/top-sec03-bg01.jpg)}@media screen and (max-width:767px){.service-item--01 .sub-title img{width:130px;height:40px}}.service-item--02{background-image:url(//attraction.co.jp/wp-content/themes/attraction/css/../img/top-sec03-bg02.jpg)}@media screen and (max-width:767px){.service-item--02 .sub-title img{width:127px;height:40px}}.service-item--03{background-image:url(//attraction.co.jp/wp-content/themes/attraction/css/../img/top-sec03-bg03.jpg)}@media screen and (max-width:767px){.service-item--03 .sub-title img{width:60px;height:60px}}.service-item--03 .service-item__text{margin-top:180px}@media screen and (max-width:767px){.service-item--03 .service-item__text{margin-top:56px}}.sol-dl{margin:0 0 64px}.sol-dl dt{font-size:1.6rem;margin-bottom:1.5em}@media screen and (min-width:1920px){.sol-dl dt{font-size:2.2rem}}@media screen and (max-width:767px){.sol-dl dt{font-size:1.4rem}}.sol-dl dd{margin:0}.sol-dl dd p{margin-bottom:18px}@media screen and (max-width:767px){.sol-dl dd p{margin-bottom:8px;font-size:.8rem}}.sol-dl__cap{font-size:1.2rem;color:#aaa;margin-bottom:0;font-family:"Roboto",sans-serif}@media screen and (min-width:1920px){.sol-dl__cap{font-size:1.4rem}}@media screen and (max-width:767px){.sol-dl__cap{font-size:.8rem}}.contact-title{margin-bottom:.5em;line-height:1.2}@media screen and (max-width:767px){.contact-title{line-height:1.5}}.site-footer{background-color:#f4f2f0;padding-bottom:8px}.site-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:"Roboto",sans-serif;font-size:1.4rem}@media screen and (min-width:1920px){.site-info{font-size:1.6rem}}@media screen and (max-width:767px){.site-info{font-size:.8rem;display:block}}.site-info address{font-style:normal;margin-bottom:0;line-height:1}@media screen and (max-width:767px){.site-info address{margin-bottom:50px}}.site-info__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width:767px){.site-info__right{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.site-info__right p{margin:0;line-height:1}@media screen and (max-width:767px){.site-info__right p{padding-bottom:1.5em}}.site-info__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width:767px){.site-info__link{display:block;margin-bottom:50px}}@media screen and (max-width:767px){.site-info--pc{display:none}}.site-info--sp{display:none}@media screen and (max-width:767px){.site-info--sp{display:block}}.footer-link,.menu-item a{display:inline-block;overflow:hidden;margin-right:50px;line-height:1}.footer-link:after,.menu-item a:after{content:"";display:inline-block;width:100%;height:1px;background-color:#000;position:relative;right:100%;-webkit-transition:right .3s;transition:right .3s;top:-.5em}@media screen and (max-width:575px){.footer-link,.menu-item a{-webkit-transition:right .2s;transition:right .2s}}.footer-link:hover:after,.menu-item a:hover:after{right:0}.project__text{margin:1em 0}.project__caption{font-size:1rem;color:#aaa;margin-bottom:40px}@media screen and (max-width:767px){.project__caption{font-size:.8rem;margin-bottom:30px}}.project__main-img{margin-bottom:100px}@media screen and (max-width:767px){.project__main-img{margin-bottom:28px}}.project__main-img img{width:100%}.project-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:767px){.project-detail{display:block}}.project-detail .main-title{font-weight:400}@media screen and (max-width:767px){.project-detail .main-title{margin-bottom:28px}}.project-detail__content{width:50%;font-size:1.4rem;margin-right:8%;margin-bottom:0;line-height:1.88}@media screen and (min-width:1920px){.project-detail__content{font-size:1.6rem}}@media screen and (max-width:767px){.project-detail__content{width:100%;font-size:.8rem}}.single-post .wp-block-image{margin:100px 0}@media screen and (max-width:767px){.single-post .wp-block-image{margin:30px 0}}.form-dl{font-family:"Roboto",sans-serif;margin:0 0 40px;width:50%}@media screen and (min-width:1920px){.form-dl{margin-bottom:50px}}@media screen and (max-width:767px){.form-dl{width:100%;margin-bottom:30px}}.form-dl:last-of-type{margin-bottom:0}.form-dl dt{font-size:1.6rem;font-weight:700;margin-bottom:18px}@media screen and (min-width:1920px){.form-dl dt{font-size:2.2rem}}@media screen and (max-width:767px){.form-dl dt{font-size:1rem}}.form-dl dd{margin:0}.form-dl dd input,.form-dl dd select,.form-dl dd textarea{width:100%;border:1px solid #000;padding:1.5em 2em;line-height:1.4;background-color:#f0f0f0;border-radius:0;width:100%;font-family:"Roboto",sans-serif}@media screen and (min-width:1920px){.form-dl dd input,.form-dl dd select,.form-dl dd textarea{padding:32px 24px}}@media screen and (max-width:767px){.form-dl dd input,.form-dl dd select,.form-dl dd textarea{padding:10px 16px}}.form-dl dd option{width:100%;background-color:#f0f0f0}.fc-gray{color:#aaa;font-size:1.6rem;font-family:"Roboto",sans-serif}@media screen and (min-width:1920px){.fc-gray{font-size:2.2rem}}@media screen and (max-width:767px){.fc-gray{font-size:1rem}}.ff-roboto{font-family:"Roboto",sans-serif}.border-link{text-decoration:underline}input[type=submit].wpcf7-submit{background-color:#000;color:#fff;height:80px;padding:0 200px;line-height:80px;font-size:1.6rem;border:1px solid #000;border-radius:0;font-family:"Roboto",sans-serif;-webkit-transition:all .3s;transition:all .3s}@media screen and (min-width:1920px){input[type=submit].wpcf7-submit{font-size:2.2rem;height:100px;line-height:100px;padding:0 240px}}@media screen and (max-width:767px){input[type=submit].wpcf7-submit{height:64px;line-height:64px;font-size:1.4rem;padding:0 24px;width:100%;text-align:center}}input[type=submit].wpcf7-submit:hover{background-color:#f0f0f0;color:#000}.select{cursor:pointer;width:100%;border:1px solid #000;padding:1.5em 2em;line-height:1.4;background-color:#f0f0f0;width:100%}@media screen and (min-width:1920px){.select{padding:32px 24px}}@media screen and (max-width:767px){.select{padding:10px 16px}}.select-options{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-options.open{display:block}.select-styled{position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-styled:after{content:"";width:21px;height:12px;background:url(//attraction.co.jp/wp-content/themes/attraction/css/../img/arrow.svg) no-repeat 0 0/100% 100%;position:absolute;right:20px;top:0;bottom:0;margin:auto;-webkit-transition:all .3s;transition:all .3s}@media screen and (min-width:1920px){.select-styled:after{width:26px;height:15px}}@media screen and (max-width:767px){.select-styled:after{width:11px;height:6px;right:8px}}.select-styled.active:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-options{border-top:1px solid #ddd;margin-top:16px;padding-top:16px}.select-options li{padding:8px 0}.select-hidden{display:none;visibility:hidden}.page-id-15 .site-footer{background-color:#f0f0f0;margin-top:400px}@media screen and (max-width:767px){.page-id-15 .site-footer{margin-top:240px}}.wpcf7 form .wpcf7-response-output{border:none;color:#aaa}.mid-title{font-size:1.6rem;margin:0 0 1em}@media screen and (min-width:1920px){.mid-title{font-size:1.8rem}}.dis-list{margin-bottom:1.5em}.dis-list li{position:relative;padding-left:1em}.dis-list li:before{content:"・";position:absolute;left:0;top:0}.spOnly{display:none !important}@media screen and (max-width:767px){.spOnly{display:block !important}.pcOnly{display:none !important}}