﻿@keyframes slide1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}*{box-sizing:border-box}html{visibility:hidden}html.wf-active,html.wfno-load{visibility:visible}body{font-family:'YakuHanJP_Narrow', 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin:0;padding:0;overflow-x:hidden;position:relative;color:#000;font-weight:500;letter-spacing:0.04em}body.stop{overflow:hidden}@media screen and (max-width: 520px){body.stop{overflow:visible}}.inner{width:100%;max-width:1366px;height:auto;margin:0 auto}@media screen and (max-width: 1500px){.inner{padding:0 20px}}@media screen and (max-width: 520px){.inner{width:auto;height:auto}}.sp{display:none !important}@media screen and (max-width: 520px){.sp{display:block !important}}.pc{display:block !important}@media screen and (max-width: 520px){.pc{display:none !important}}.noimg{background-color:#e9e9e9;width:100%;height:100%}.noimg:before{content:"";display:block;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background:url("../images/common/noimg.webp") no-repeat center;background-size:50%;position:absolute;top:0;left:0;width:100%;height:100%}.no-webp .noimg:before{background:url("../images/common/noimg.png") no-repeat center}p{line-height:31.3px}a{color:#333;text-decoration:none}a:hover{opacity:0.8}a:hover .noimg:before{background-size:55%}ul,dl,ol{margin:0;padding:0}ul li,dl li,ol li{list-style:none}@media screen and (max-width: 520px){.mb0{margin-top:0 !important}}a[href^="tel:"]{pointer-events:none}@media screen and (max-width: 520px){a[href^="tel:"]{pointer-events:auto}}br.pcbr{display:block !important}@media screen and (max-width: 520px){br.pcbr{display:none !important}}br.spbr{display:none !important}@media screen and (max-width: 520px){br.spbr{display:block !important}}@keyframes scroll{0%{top:-100px}to{top:0}}@keyframes re_scroll{0%{top:0}to{top:-100px}}header{width:100%;position:relative;z-index:2;padding:20px 0 0 0;z-index:10}@media screen and (max-width: 1024px){header{padding:5px 0 0;height:70px;background-color:#FFF}}@media screen and (max-width: 767px){header{display:flex;justify-content:flex-start;align-items:center;position:fixed;top:0;left:0}}header .inner{max-width:none;padding:0 30px}@media screen and (max-width: 767px){header .inner{width:100%;padding:0 10px}}@media screen and (max-width: 767px){header .logo{width:150px;height:auto}}.top header{position:absolute;top:0;left:0;width:100%}@media screen and (max-width: 767px){.top header{position:fixed}}.page header{background-color:#efefef}.page header .logo{padding:0 0 0 61px}@media screen and (max-width: 1200px){.page header .logo{padding:0}}@keyframes nav_ani1{0%{right:-100px;opacity:0}100%{right:0px;opacity:1}}@keyframes nav_ani2{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.navBox{height:100vh;position:absolute;top:0;right:0;width:80px;z-index:11;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-ms-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out}@media screen and (max-width: 1024px){.navBox{width:70px}}@media screen and (max-width: 767px){.navBox{position:fixed;animation-play-state:paused;right:0 !important;opacity:1 !important;height:auto}}.navBox.fix{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:fixed;animation:nav_ani2 0.5s ease-in-out}@media screen and (max-width: 520px){.navBox.fix{animation-play-state:paused !important;transform:translateX(0%) scale(1) !important;position:fixed;right:0 !important;top:0 !important}}.navBox a{color:#FFF;writing-mode:vertical-rl;font-size:16px;font-weight:700;display:block}.navBox .menu{background-color:#FFF;width:100%;height:89px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1024px){.navBox .menu{height:70px}}.navBox div{display:flex;justify-content:center;align-items:center;line-height:16px}.navBox .nav1{background-color:#231815}.navBox .nav2{background-color:#3e3a39}.navBox .nav2 a{padding:0 0 25px}.navBox .nav3{background-color:#717071}.navBox .nav3 a{padding:5px 0 0}.navBox .nav4{background-color:#173661}.navBox .nav4 a{padding:0 0 45px}.navBox .nav1,.navBox .nav2,.navBox .nav3,.navBox .nav4{height:calc( (100vh - 89px) / 4 )}@media screen and (max-width: 1024px){.navBox .nav1,.navBox .nav2,.navBox .nav3,.navBox .nav4{display:none}}.menuBtn{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;cursor:pointer;justify-content:center;align-items:center;width:30px;height:16px !important}@media screen and (max-width: 1024px){.menuBtn{display:block}}.menuBtn span{display:block;position:absolute;width:30px;height:2px;left:50%;background:#000;border-radius:20px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;opacity:1}.menuBtn span:nth-child(1){top:0%}.menuBtn span:nth-child(2){top:50%}.menuBtn span:nth-child(3){top:100%}.menuBtn.active span:nth-child(1){top:50%;-webkit-transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-o-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.menuBtn.active span:nth-child(2){top:50%;left:100%;opacity:0}.menuBtn.active span:nth-child(3){top:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}body.stop{overflow:hidden}@keyframes menu_ani1{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes menu_ani2{0%{transform:translateX(0%)}100%{transform:translateX(100%)}}.menus{background-color:#231815;display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;color:#FFF;transition:all 0.6s;width:100%;height:100%;z-index:10;overflow:auto;opacity:0;visibility:hidden;animation:menu_ani2 0.5s ease-in-out}@media screen and (max-width: 1024px){.menus{top:70px;height:100%}}.menus:after{content:"";position:absolute;bottom:20px;right:20%;background:url("../images/common/navBg.webp") no-repeat center;background-size:100%;width:230px;height:260px;z-index:1}.no-webp .menus:after{background:url("../images/common/navBg.png") no-repeat center}@media screen and (max-width: 520px){.menus:after{bottom:100px;right:20px}}.menus.active{animation:menu_ani1 1s ease-in-out;opacity:1;visibility:visible}.menus a{color:#FFF}.menus nav{width:1000px;position:relative;z-index:2}@media screen and (max-width: 1560px){.menus nav{width:1100px}}@media screen and (max-width: 1140px){.menus nav{width:100%}}@media screen and (max-width: 1024px){.menus nav{height:100%;padding:0 0 50px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;overflow:scroll}}.menus nav .spBox{display:none}@media screen and (max-width: 1024px){.menus nav .spBox{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.menus nav .spBox div{display:flex;justify-content:center;align-items:center;width:50%;height:70px;line-height:16px}}@media screen and (max-width: 1024px) and (max-width: 520px){.menus nav .spBox div{line-height:24px}}@media screen and (max-width: 1024px){.menus nav .spBox .nav1{background-color:#231815}.menus nav .spBox .nav2{background-color:#3e3a39}.menus nav .spBox .nav3{background-color:#717071}.menus nav .spBox .nav4{background-color:#173661}}.menus nav .box{display:flex;justify-content:flex-start;align-items:center;padding:10px 20px}@media screen and (max-width: 1024px){.menus nav .box{flex-wrap:wrap;width:100%}}.menus nav .box:last-child .title{border-right:none}@media screen and (max-width: 1024px){.menus nav .box:nth-child(7){padding:10px 20px 100px 20px}.menus nav .box:nth-child(7) .title{border-bottom:none}}.menus nav .box .title{font-size:22px;font-weight:700;width:25%;padding:15px 0;border-right:1px solid #FFF}@media screen and (max-width: 1024px){.menus nav .box .title{width:100%;border-right:none;font-size:20px;border-bottom:1px solid #FFF}}.menus nav .box ul{display:flex;justify-content:flex-start;width:75%;padding:0 0 0 30px}@media screen and (max-width: 1700px){.menus nav .box ul{padding:0 0 0 30px}}@media screen and (max-width: 1024px){.menus nav .box ul{width:100%;padding:10px 0 10px;flex-wrap:wrap}}.menus nav .box ul li{padding:2px 1em 2px 0}@media screen and (max-width: 520px){.menus nav .box ul li{padding:4px 2em 4px 0}}.menus nav .box ul li:last-child{padding:2px 0}@media screen and (max-width: 520px){.menus nav .box ul li:last-child{padding:4px 0}}.top .main{height:100vh;background-color:#DDDDDD;position:relative;top:0;left:0;z-index:1;display:flex;justify-content:flex-start;flex-flow:row nowrap;width:100vw;overflow:hidden}@media screen and (max-width: 1024px){.top .main{margin:0}}@media screen and (max-width: 767px){.top .main{margin:70px 0 0 0}}@media screen and (max-width: 520px){.top .main{height:90vh}}.top .main img{max-width:none;width:auto;height:100%}@media screen and (max-width: 520px){.top .main img{height:90vh}}.top .main .img1{position:relative;animation:slide1 120s -60s linear infinite;z-index:1;backface-visibility:hidden;will-change:transform}.top .main .img2{position:relative;animation:slide2 120s linear infinite;z-index:1}.top .main .txBg,.top .main .mainTx{position:absolute;left:50%;bottom:55px;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);width:1200px;text-align:center}@media screen and (max-width: 1320px){.top .main .txBg,.top .main .mainTx{width:100%}}@media screen and (max-width: 520px){.top .main .txBg,.top .main .mainTx{text-align:left;padding:0 20px}}.top .main .txBg p,.top .main .mainTx p{font-size:51px;font-weight:700;color:#FFF;text-align:left;letter-spacing:0.06em;padding:0 0 0 0.7em}@media screen and (max-width: 1320px){.top .main .txBg p,.top .main .mainTx p{font-size:40px;padding:0 0 0 4.5em}}@media screen and (max-width: 1200px){.top .main .txBg p,.top .main .mainTx p{padding:0 0 0 2.5em}}@media screen and (max-width: 767px){.top .main .txBg p,.top .main .mainTx p{padding:0 0 0 2%;font-size:25px}}@media screen and (max-width: 520px){.top .main .txBg p,.top .main .mainTx p{font-size:20px;position:absolute;bottom:25px;right:40px;padding:0}}.top .main .txBg p span,.top .main .mainTx p span{font-size:61px}@media screen and (max-width: 1320px){.top .main .txBg p span,.top .main .mainTx p span{font-size:51px}}@media screen and (max-width: 767px){.top .main .txBg p span,.top .main .mainTx p span{font-size:30px}}@media screen and (max-width: 520px){.top .main .txBg p span,.top .main .mainTx p span{font-size:25px}}.top .main .txBg span.os,.top .main .mainTx span.os{font-family:'YakuHanJP_Narrow', 'Oswald',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;letter-spacing:0.04em;font-size:190px;line-height:100%;color:#FFF;font-weight:700;letter-spacing:0.04em}@media screen and (max-width: 1320px){.top .main .txBg span.os,.top .main .mainTx span.os{font-size:160px}}@media screen and (max-width: 1024px){.top .main .txBg span.os,.top .main .mainTx span.os{font-size:120px}}@media screen and (max-width: 767px){.top .main .txBg span.os,.top .main .mainTx span.os{font-size:95px}}@media screen and (max-width: 600px){.top .main .txBg span.os,.top .main .mainTx span.os{font-size:75px}}@media screen and (max-width: 520px){.top .main .txBg span.os,.top .main .mainTx span.os{font-size:90px}}.top .main .txBg .main_in,.top .main .mainTx .main_in{filter:url(#mainTx);position:relative;z-index:2;color:#FFF}.top .main .txBg svg,.top .main .mainTx svg{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.top .main .txBg{mix-blend-mode:overlay;z-index:1}.top .main .txBg span{color:#FFF}.top .main .mainTx{z-index:2}.page .main{background-color:#efefef;padding:55px 0 0 0}.page .main .inner{position:relative;z-index:2;width:100%}.page .main .inner .sub{font-family:'YakuHanJP_Narrow', 'Oswald',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;letter-spacing:0.04em;font-size:84px;font-weight:700;color:#000;line-height:100%;letter-spacing:0.06em;padding:0 0 15px 23px;position:relative;overflow:hidden;width:100%}@media screen and (max-width: 520px){.page .main .inner .sub{font-size:32px !important;padding:30px 0 0 0}}.page .main .inner h1,.page .main .inner .title{letter-spacing:0.05em;font-size:20px;padding:0 0 79px 25px}@media screen and (max-width: 520px){.page .main .inner h1,.page .main .inner .title{padding:0 0 30px;font-size:18px}}#container{position:relative;z-index:3;padding:55px 0 0 0}@media screen and (max-width: 520px){#container{padding:30px 0 0 0}}#content{position:relative}@media screen and (max-width: 1024px){#content{margin:0 auto}}.btn a,.btn .link{font-family:'YakuHanJP_Narrow', 'Oswald',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;letter-spacing:0.04em;font-size:20px;font-weight:600;display:inline-block;width:250px;color:#FFF;margin:10px;padding:18px;border:2px solid #FFF;text-align:center;text-transform:uppercase;position:relative;overflow:hidden;transition:.3s}.btn a:after,.btn .link:after{position:absolute;transition:.3s;content:'';width:0;left:0;bottom:0;height:3px;background:#FFF}.btn a:hover,.btn .link:hover{cursor:pointer}.btn a:hover:after,.btn .link:hover:after{width:100%;left:0}.bread_crumb{background-color:#000;position:relative;z-index:1;display:block;width:100%;padding:9px 0;font-size:16px;line-height:170%}@media screen and (max-width: 520px){.bread_crumb{font-size:12px;line-height:140%;padding:20px}}.bread_crumb .inner{padding:0 20px}@media screen and (max-width: 520px){.bread_crumb .inner{padding:0}}.bread_crumb span{position:relative;color:#FFF}.bread_crumb span a{position:relative;color:#FFF}.bread_crumb .level-1{padding:0}@media screen and (max-width: 520px){.bread_crumb .level-1{padding:0}}.bread_crumb .level-2,.bread_crumb .sub{padding:0 5px 0 20px}@media screen and (max-width: 520px){.bread_crumb .level-2,.bread_crumb .sub{padding:0 5px 0 20px}}.bread_crumb .level-2:before,.bread_crumb .sub:before{position:absolute;top:13px;left:4px;content:" ";border-top:solid 1px #FFF;border-right:solid 1px #FFF;width:7px;height:7px;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}@media screen and (max-width: 520px){.bread_crumb .level-2:before,.bread_crumb .sub:before{left:5px;top:10px;width:5px;height:5px}}.modal_container,.modal_bg{opacity:0;visibility:hidden}
