@charset "UTF-8";#main{padding:0}#mainimg{width:100%;position:relative}#mainimg img{width:100%}.mainVisual{position:relative;width:100%;overflow:hidden;content:"";display:block;padding-top:25%}.mainVisual video{position:absolute;left:30%;top:0;margin:auto;width:40%;height:auto}.slick-next,.slick-prev{position:absolute;color:#fff;font-size:36px;top:calc(50% - 18px);width:36px;height:36px}.slick-next .svg-inline--fa,.slick-prev .svg-inline--fa{color:#fff;filter:drop-shadow(0px 0px 3px rgba(0,0,0,.3))}.slick-next:before,.slick-prev:before{content:none}.slick-next{right:5px}.slick-prev{left:5px}#main h2{margin:0 auto 1em;font-size:42px;text-align:center;font-weight:600;letter-spacing:.1em;line-height:1em;position:relative;width:fit-content}#main h2 span{display:block;font-size:18px;letter-spacing:2px;line-height:1em;padding:1em 0 2em}#main h2:after{content:'';display:block;width:50px;height:3px;background:#000;position:absolute;left:calc(50% - 25px)}.section{padding:90px 0}#main #message{background:#f2f2f2;margin:0 auto}#main #message h2:after{background-color:#ff7719}#main #message p.copy-e{font-size:35px;font-weight:700;font-style:italic;letter-spacing:.3em}#main #message p.copy-e span{font-size:25px;font-style:normal}#main #message p{text-align:center;font-size:1.2em;line-height:2.2em}#main #message p:nth-of-type(3){margin-top:20px}#main #message>div>a{display:block;font-size:18px;font-weight:600;color:#ff7719;width:20em;margin:40px auto 0;text-align:center;letter-spacing:.3em;height:70px;line-height:66px;box-sizing:border-box;border:2px solid #ff7719;border-radius:35px;transition:.3s;position:relative}#main #message>div>a:hover{background:#ff7719;color:#fff}#main #message>div .svg-inline--fa{font-size:1.2em;position:absolute;top:calc(50% - 9px);right:1.5em}#main #service{background:#f2f2f2;margin:0 auto}#main #service h2:after{background-color:#eaea09}#main #service>div{width:calc(100% - 60px);max-width:1150px;margin:0 auto;letter-spacing:-.4em}#main #service>div>div:last-child{margin-bottom:0}#main #service>div>div>a{display:block;padding:60px 0;transition:.3s}#main #service>div>div:nth-of-type(odd)>a:hover>div h3{padding-left:30px}#main #service>div>div:nth-of-type(even)>a:hover>div h3{padding-right:30px}#main #service>div>div>a:hover>div>span{transform:scale(1.3)}#main #service>div>div>a:hover{scale:1.1}#main #service>div>div>a:hover .svg-inline--fa{vertical-align:-.2em}#main #service>div>div:nth-child(even){background-position:right center}#main #service>div>div>a>div{width:460px;background:#fff;text-align:center;box-sizing:border-box;padding:90px 0 75px;position:relative}#main #service>div>div:nth-child(odd)>a>div{border-right:10px solid #000;margin-left:calc(100% - 460px)}#main #service>div>div:nth-child(even)>a>div{border-left:10px solid #000}#main #service>div>div.wall>a>div{border-color:#06c;background-color:#cde1f4;transition:.1s}#main #service>div>div.wall>a:hover>div{border-right:10px solid #cde1f4}#main #service>div>div.glass>a>div{border-color:#0cf;background-color:#d3f7ff;transition:.1s}#main #service>div>div.glass>a:hover>div{border-left:10px solid #d3f7ff}#main #service>div>div.ceiling>a>div{border-color:#85b02e;background-color:#d4ea9f;transition:.1s}#main #service>div>div.ceiling>a:hover>div{border-right:10px solid #d4ea9f}#main #service>div>div.floor>a>div{border-color:#939;background-color:#f9d9f9;transition:.1s}#main #service>div>div.floor>a:hover>div{border-left:10px solid #f9d9f9}#main #service>div>div>a>div h3{font-size:34px;font-weight:400;line-height:1em;letter-spacing:2px;width:50%;margin:0 auto;transition:.3s}#main #service>div>div>a>div h3 span{display:block;font-size:18px;font-weight:600;letter-spacing:.1em;padding-top:1em;margin-top:1em;background-repeat:repeat-x;background-size:12px auto}#main #service>div>div.wall>a>div h3 span{background-image:url(//www.photobition.co.jp/wp/wp-content/themes/photobition/css/../img/top/border_blue.png)}#main #service>div>div.glass>a>div h3 span{background-image:url(//www.photobition.co.jp/wp/wp-content/themes/photobition/css/../img/top/border_sky.png)}#main #service>div>div.ceiling>a>div h3 span{background-image:url(//www.photobition.co.jp/wp/wp-content/themes/photobition/css/../img/top/border_green.png)}#main #service>div>div.floor>a>div h3 span{background-image:url(//www.photobition.co.jp/wp/wp-content/themes/photobition/css/../img/top/border_purple.png)}#main #service>div>div>a>div>span{display:block;width:72px;height:72px;border-radius:36px;box-sizing:border-box;border:8px double #fff;text-align:center;line-height:60px;position:absolute;left:-36px;top:calc(50% - 35px);transition:.3s}#main #service>div>div:nth-child(even)>a>div>span{left:auto;right:-36px}#main #service>div>div>a>div>span .svg-inline--fa{color:#fff;font-size:20px}#main #service>div>div.wall>a>div>span{background-color:#06c}#main #service>div>div.wall>a:hover>div>span{border:6px solid #fff}#main #service>div>div.glass>a>div>span{background-color:#0cf}#main #service>div>div.glass>a:hover>div>span{border:6px solid #fff}#main #service>div>div.ceiling>a>div>span{background-color:#85b02e}#main #service>div>div.ceiling>a:hover>div>span{border:6px solid #fff}#main #service>div>div.floor>a>div>span{background-color:#939}#main #service>div>div.floor>a:hover>div>span{border:6px solid #fff}#main #scene{padding-top:70px;padding-bottom:50px;background:#fff}#main #scene div.newsToTop{text-align:center;margin-top:-40px;margin-bottom:30px}#main #scene div.newsToTop p{background:#f2f2f2;letter-spacing:1px;padding-top:5px;padding-bottom:5px}#main #scene div.anniversary{text-align:center;width:300px;margin-bottom:30px}#main #scene h2:after{background-color:#ff646c}#main #scene>div{width:calc(100% - 60px);max-width:1150px;margin:0 auto;letter-spacing:-.4em}#main #scene>div>div{display:inline-block;letter-spacing:normal;vertical-align:top;width:calc(50% - 15px);position:relative;margin-bottom:30px}#main #scene>div>div:nth-child(odd){margin-right:30px}#main #scene>div>div:nth-of-type(1){animation-name:fadein-right;animation-duration:1s;animation-delay:.4s;animation-fill-mode:forwards;opacity:0}#main #scene>div>div:nth-of-type(2){animation-name:fadein-left;animation-duration:1s;animation-delay:.4s;animation-fill-mode:forwards;opacity:0}#main #scene>div>div:nth-of-type(3){animation-name:fadein-right;animation-duration:1s;animation-delay:.7s;animation-fill-mode:forwards;opacity:0}#main #scene>div>div:nth-of-type(4){animation-name:fadein-left;animation-duration:1s;animation-delay:.7s;animation-fill-mode:forwards;opacity:0}#main #scene>div>div:nth-of-type(5){animation-name:fadein-right;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;opacity:0}#main #scene>div>div:nth-of-type(6){animation-name:fadein-left;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;opacity:0}#main #scene>div>div a{display:block}#main #scene>div>div a .img{overflow:hidden;background:#000}#main #scene>div>div a .img img{transition:.3s}#main #scene>div>div a:hover .img img{transform:scale(1.1);opacity:.3}#main #scene>div>div h3{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,.7);font-size:24px;font-weight:400;line-height:1.2em;text-align:center;color:#fff;box-sizing:border-box;padding:.5em 0;transition:.3s}#main #scene>div>div a:hover h3{padding:1em 0;background:rgba(0,0,0,0)}#main #information{background:#fff}#main #information h2:after{background-color:#386ebf}#main #information>div{width:calc(100% - 60px);max-width:950px;margin:0 auto}#main #information>div dl{display:table;width:100%;background:#fff;border-bottom:1px #333 dotted;box-sizing:border-box;padding:15px;margin-bottom:15px;font-size:15px}#main #information>div dt,#main #information>div dd{display:table-cell;vertical-align:middle}#main #information>div dd:first-child{width:7em;font-size:15px;line-height:1em;font-weight:600;text-align:center}#main #information>div dd:nth-child(2){width:12em;text-align:center;line-height:1.6em;position:relative;box-sizing:border-box;padding:0 1em}#main #information>div dd:nth-child(2) span{font-size:13px;color:#fff;display:block;line-height:2em;font-weight:700;background:#ccc}#main #information>div dd.news span{background:#386ebf}#main #information>div dd.topics span,#main #information>div dd.topic span{background:#00a1ad}#main #information>div dt{width:calc(100% - 12em - 7em - 1em);font-size:15px;line-height:1.3em}#main #information>div dt a{color:#000;line-height:1.5em;font-size:18px;font-weight:600}#main #information>div dt a span{display:block;font-size:14px;font-weight:400;padding-top:.3em;line-height:1.3em}#main #information>div dt a:hover{text-decoration:underline}#main #information>div dl:nth-last-child(2){margin-bottom:60px}#main #information>div>a{display:block;font-size:18px;font-weight:600;color:#386ebf;width:22em;margin:40px auto 0;text-align:center;letter-spacing:.3em;height:70px;line-height:66px;box-sizing:border-box;border:2px solid #386ebf;border-radius:35px;transition:.3s;position:relative}#main #information>div>a:hover{background:#386ebf;color:#fff}#main #information>div .svg-inline--fa{font-size:1.2em;position:absolute;top:calc(50% - 9px);right:1.5em}#main #special{background:#fff}#main #special h2:after{background:#02b6cf}#main #special p{text-align:center;font-size:1.2em;line-height:2.2em}#main #special>div>a.btn{display:block;font-size:23px;font-weight:600;background:#02b6cf;color:#fff;width:22em;margin:0 auto;text-align:center;letter-spacing:.2em;height:66px;line-height:66px;box-sizing:border-box;border:2px solid #02b6cf;border-radius:35px;transition:.3s;position:relative;margin-bottom:40px}#main #special>div>a.btn:hover{background:#fff;color:#02b6cf}#main #special .bnrArea{text-align:center;width:100%;margin-top:60px}#main #special .bnrArea img{width:auto;transition:all .1s ease-in-out 0s}#main #special .bnrArea img:hover{opacity:.8}#main #special div.toWicanvas .svg-inline--fa{position:absolute;top:calc(50% - 11px);right:1.7em}@media screen and (max-width:1280px){.mainVisual{position:relative;width:100%;overflow:hidden;content:"";display:block;padding-top:35%}.mainVisual video{left:20%;width:60%}.section{padding:80px 0}#main #message p.copy-e{font-size:28px;margin-top:50px}#main #message p.copy-e span{font-size:23px}}@media screen and (max-width:1000px){#main h2{font-size:36px}#main h2 span{font-size:16px;padding:1em 0 1.5em}.section{padding:60px 0}#main #message p{font-size:1.1em;line-height:2em}#main #message{padding-bottom:50px}.mainVisual{padding-top:57%}.mainVisual video{position:absolute;left:0;top:0;margin:auto;width:100%;height:auto;z-index:10}#main #scene div.newsToTop{margin-bottom:50px}#main #service>div>div>a{padding:45px 0}#main #service>div>div>a>div{width:380px}#main #service>div>div:nth-child(odd)>a>div{margin-left:calc(100% - 380px)}#main #service>div>div>a>div h3{font-size:30px;width:55%}#main #scene div.anniversary{width:calc(100% - 40px);margin-top:-30px;margin-bottom:20px}#main #scene div.anniversary img{width:30%}#main #scene>div{width:calc(100% - 40px)}#main #scene>div>div{width:calc(50% - 10px);margin-bottom:20px}#main #scene>div>div:nth-child(odd){margin-right:20px}#main #scene>div>div h3{font-size:20px}#main #special .bnrArea img{width:80%}}@media screen and (max-width:768px){.slick-next,.slick-prev{position:absolute;color:#fff;font-size:26px;top:calc(50% - 8px);width:26px;height:26px}#main h2{font-size:32px}#main h2 span{font-size:15px}#main #message>div>a{font-size:16px;width:16em;height:50px;line-height:46px;border-radius:25px}#main #message>div .svg-inline--fa{right:1em}#main #service>div>div>a{padding:30px 0}#main #service>div>div:nth-child(odd)>a>div{border-right:8px solid #000}#main #service>div>div:nth-child(even)>a>div{border-left:8px solid #000}#main #service>div>div.wall>a>div{border-color:#06c}#main #service>div>div.glass>a>div{border-color:#0cf}#main #service>div>div.ceiling>a>div{border-color:#85b02e}#main #service>div>div.floor>a>div{border-color:#939}#main #service>div>div>a>div{padding:50px 0;width:320px}#main #service>div>div:nth-child(odd)>a>div{margin-left:calc(100% - 320px)}#main #service>div>div>a>div h3{font-size:24px;width:55%}#main #service>div>div>a>div h3 span{font-size:16px}#main #service>div>div>a>div>span{width:60px;height:60px;border-radius:30px;border:6px double #fff;line-height:54px;left:-30px;top:calc(50% - 30px)}#main #service>div>div:nth-child(even)>a>div>span{right:-30px}#main #scene>div>div h3{font-size:18px}#main #information>div{width:calc(100% - 40px)}#main #information>div dl{font-size:14px}#main #information>div dd:first-child{width:6em;font-size:14px}#main #information>div dd:nth-child(2){width:11em;font-size:14px}#main #information>div dd:nth-child(2) span{font-size:11px}#main #information>div dt{width:calc(100% - 11em - 6em - 1em);font-size:14px}#main #information>div dt a{font-size:16px}#main #information>div dt a span{font-size:13px}#main #information>div dl:nth-last-child(2){margin-bottom:45px}#main #information>div>a{font-size:16px;width:18em;height:50px;line-height:46px;border-radius:25px}#main #information>div .svg-inline--fa{right:1em}}@media screen and (max-width:640px){#main h2{font-size:28px}#main h2 span{font-size:16px;padding:.7em 0 1em}.section{padding:45px 0}#main #scene div.newsToTop{margin-bottom:40px}#main #message{padding-bottom:45px}#main #message p{font-size:1.1em;line-height:1.9em}#main #message p.copy-e{font-size:21px;margin-top:40px}#main #message p.copy-e span{font-size:16px}#main #message>div>a{font-size:15px;width:14em}#main #message div:nth-of-type(2){padding:0 20px}#main #special>div>a{font-size:15px;width:16em}#main #special .bnrArea img{width:90%}#main #scene{padding-top:50px}#main #scene div.anniversary{margin-top:-20px;margin-bottom:20px}#main #scene div.anniversary img{width:40%}#main #scene>div>div{width:calc(50% - 5px);margin-bottom:10px}#main #scene>div>div:nth-child(odd){margin-right:10px}#main #scene>div>div h3{font-size:16px}#main #information>div{width:calc(100% - 30px)}#main #information>div dl{display:block;padding:10px;margin-bottom:10px}#main #information>div dd:first-child{display:inline-block}#main #information>div dd:nth-child(2){display:inline-block}#main #information>div dt{display:block;width:100%;padding-top:.5em}#main #information>div dt a{font-size:15px;line-height:1.5em}#main #information>div dt a span{font-size:13px;padding-top:.2em}#main #information>div dl:nth-last-child(2){margin-bottom:30px}#main #information>div>a{font-size:15px;width:16em}}@media screen and (max-width:480px){.slick-next,.slick-prev{position:absolute;color:#fff;font-size:20px;top:calc(50% - 5px);width:20px;height:20px}.section{padding:40px 0}#main h3{font-size:20px}#main #scene div.newsToTop{margin-bottom:30px}#main #service{padding-bottom:45px}#main #service>div>div>a{padding:20px 0}#main #service>div>div:nth-child(odd)>a>div{border-right:6px solid #000}#main #service>div>div:nth-child(even)>a>div{border-left:6px solid #000}#main #service>div>div.wall>a>div{border-color:#06c}#main #service>div>div.glass>a>div{border-color:#0cf}#main #service>div>div.ceiling>a>div{border-color:#85b02e}#main #service>div>div.floor>a>div{border-color:#939}#main #service>div>div>a .svg-inline--fa{vertical-align:.075em}#main #service>div>div>a:hover .svg-inline--fa{vertical-align:0em}#main #service>div>div.wall>a:hover>div>span{border:5px solid #fff}#main #service>div>div.glass>a:hover>div>span{border:5px solid #fff}#main #service>div>div.ceiling>a:hover>div>span{border:5px solid #fff}#main #service>div>div.floor>a:hover>div>span{border:5px solid #fff}#main #service>div>div{margin-bottom:15px}#main #service>div>div>a>div{padding:20px 0;width:250px}#main #service>div>div>a>div>span{width:50px;height:50px;border-radius:25px;border:7px double #fff;line-height:47px;left:-25px;top:calc(50% - 25px)}#main #service>div>div:nth-child(even)>a>div>span{right:-25px}#main #service>div>div:nth-child(odd)>a>div{margin-left:calc(100% - 250px)}#main #service>div>div>a>div h3{font-size:20px;width:66%}#main #service>div>div>a>div h3 span{font-size:14px}#main #scene{padding-top:40px}#main #scene div.anniversary{width:calc(100% - 20px);margin-top:-15px;margin-bottom:20px}#main #scene div.anniversary img{width:50%}#main #scene>div{width:calc(100% - 20px)}#main #scene>div>div{width:calc(50% - 3px);margin-bottom:6px}#main #scene>div>div:nth-child(odd){margin-right:6px}#main #scene>div>div h3{font-size:12px}#main #special .bnrArea{margin-top:40px}#main #special>div>a.btn{font-size:17px;width:16em;margin-bottom:30px}#main #special div.toWicanvas .svg-inline--fa{top:calc(50% - 8px)}}@media screen and (max-width:400px){#main #message div:nth-of-type(2){padding:0 10px}#main #message p.copy-e{font-size:20px}}.embed-container{height:0;overflow:hidden;max-width:100%;padding-bottom:56.25%;position:relative}.embed-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}