viewport

 入会希望・体験・見学はこちら 

.header-sub-text a{margin-left:30px !important}.sp{display:none}@media only screen and (max-width: 767px){.sp{display:block}}.navbar-menu .navbar-nav .active{color:#617e53}

@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;500;600;700&family=Noto+Serif+JP:wght@600&display=swap";*{box-sizing:border-box;padding:0;margin:0}html{font-size:10px}body{font-family:"Noto Serif JP",Georgia,"Times New Roman",serif !important;font-size:1 rem}a{text-decoration:none}.container{position:relative;margin-left:auto;margin-right:auto}header{display:flex;justify-content:center;align-items:center}header .navbar{position:fixed;z-index:9999;top:0;left:0;width:100%;height:80px;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 64%, rgba(0, 0, 0, 0) 91%) !important}header .navbar .container{height:100%;display:flex;justify-content:space-between;align-items:center}header .navbar .container a{font-size:1.5rem;color:#000}header .navbar .container>div{display:flex;justify-content:center;align-items:center}header .navbar .container>div a.btn-contact{width:177px;height:39px;background-color:#617e53;padding:8px 16px;color:#fff;font-size:1.4rem;white-space:nowrap;transition:all 300ms ease}header .navbar .container>div a.btn-contact:hover{background-color:#377c12}header .navbar .container>div .navbar-toggler{width:32px;height:32px;padding:5px;margin-left:15px;cursor:pointer;border:0;background-color:rgba(0,0,0,0)}header .navbar .container>div .navbar-toggler span{width:100%;height:2px;background-color:#000;display:block}header .navbar .container>div .navbar-toggler span:not(:last-child){margin-bottom:.4rem}main .container{max-width:1400px}main>section.hero{background-color:#fff;background-image:url("https://static.cms.flux.jp/w/D82CWiFbWD/images/header-bg3.png");background-repeat:no-repeat;background-position:center bottom 0px;background-size:cover}main>section.hero>div{text-align:center;color:#fff}main>section.hero>div>p{font-weight:600;text-shadow:0em 0em .3em rgba(0,0,0,.4)}@media only screen and (max-width: 980px){main>section.hero>div>p{font-size:34px}}@media only screen and (max-width: 767px){main>section.hero>div>p{font-size:30px}}@media only screen and (min-width: 980px){main>section.hero>div>p{font-size:40px}}main>section.img-intro{background:#fff;background-size:contain}main>section.img-intro .container{width:90%;padding:0}main>section.img-intro .container>div:first-child{background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 99%),url("https://static.cms.flux.jp/w/D82CWiFbWD/images/bg06-min.png");background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;align-items:center}main>section.img-intro .container>div:first-child>div:first-child{font-size:22px;font-weight:500;letter-spacing:1px;line-height:2em;padding:15px 60px 15px 0;border-right:1px solid #fff}main>section.img-intro .container>div:first-child>div:last-child{font-size:16px;padding-left:20px;font-weight:500;letter-spacing:1px}main>section.img-intro .container>div:first-child>div>p{color:#fff;word-wrap:break-word;font-weight:500;letter-spacing:1px;line-height:2.5em;text-align:center}main>section.img-intro .container>div:nth-child(2){margin-top:100px}main>section.img-intro .container>div:nth-child(2)>div{margin:auto}main>section.img-intro .container>div:nth-child(2)>div img{max-width:100%;margin:auto}main>section.img-intro .container>div:last-child{margin-top:100px}main>section.img-intro .container>div:last-child .branch-list{font-size:16px;letter-spacing:1px;margin:auto;background-color:#fff;border-top:1px solid #000;padding:30px 10px;line-height:2.25em;word-wrap:break-word}main>section.img-intro .container>div:last-child .branch-list>div:first-child{font-weight:500}main>section.img-intro .container>div:last-child .branch-list>div:last-child{font-weight:300}main>section.img-intro .container>div:last-child .branch-list:last-child{border-bottom:1px solid #000}main>section.img-intro .container>div:last-child .branch-list a{color:#2ea3f2}main>section.intro-master{background-color:#fafafa;background-image:linear-gradient(180deg, rgba(242, 242, 242, 0.7) 0%, rgba(242, 242, 242, 0.7) 100%),url("https://static.cms.flux.jp/w/D82CWiFbWD/images/bg03-min-scaled.jpeg") !important;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:140px 0}main>section.intro-master .container{width:90%;max-width:1400px;padding:0}main>section.intro-master .container .intro-master-header>p{font-size:27px;font-weight:500;letter-spacing:2px;line-height:1.75em;text-align:center}main>section.intro-master .container .intro-master-header>div{width:80px;height:23px;margin:25px auto 100px;border-top:2px #617e53 solid;text-align:center}main>section.intro-master .container .intro-master-row .intro-master-col>img{max-width:100%;margin:auto}main>section.intro-master .container .intro-master-row .intro-master-col>p{text-align:center}main>section.intro-master .container .intro-master-row .intro-master-col>p:first-of-type{font-size:14px;font-weight:500;letter-spacing:1px;line-height:28px;margin-top:35px}main>section.intro-master .container .intro-master-row .intro-master-col>p:last-child{font-size:22px;font-weight:500;letter-spacing:1px;line-height:44px}footer{padding:80px 0;background-color:#161616}footer .container{margin:0 11%;padding:0}footer .container a{color:#fff;font-size:14px;letter-spacing:1px;line-height:2.25em}footer .container>div:last-child{text-align:center;margin-top:84px}footer .container>div:last-child>p{color:#fff;letter-spacing:2px}footer .container .footer-row2{margin-top:30px}footer .container .footer-col{width:100%;margin:0 auto;text-align:center}@media only screen and (max-width: 1150px){.navbar{padding:0 40px}.navbar .container{padding:0 12px}.navbar .container .navbar-menu{display:none;position:absolute;top:calc(100% - 1px);left:0;width:100%;background-color:#fff;border-radius:5px;padding:4rem;border-top:3px solid #617e53;box-shadow:0 2px 5px rgba(0,0,0,.1)}.navbar .container .navbar-menu .navbar-nav li{list-style-type:none;border-bottom:1px solid rgba(0,0,0,.03)}.navbar .container .navbar-menu .navbar-nav li:hover{opacity:.7;background-color:rgba(0,0,0,.03)}.navbar .container .navbar-menu .navbar-nav li a{display:block;padding:12px}.navbar .container .navbar-menu .navbar-nav .mobile-display-dropdown li:not(:first-child){margin-left:40px}.navbar .container .navbar-menu .navbar-nav .dropdown{display:none}.navbar .container .navbar-menu .navbar-nav .mobile-display-contact{display:block}.navbar .container .btn-contact{margin-left:10px}.navbar .container .navbar-toggler{display:block}}@media only screen and (max-width: 980px){.intro-master-col{margin-bottom:50px}main>section.intro-master{padding:140px 0 90px}main>section.hero>div{padding-top:15%;padding-bottom:17%}main>section.hero>div>p{font-size:34px}main>section.hero>div .main-log{width:430px}main>section.img-intro .container>div:first-child{display:block}main>section.img-intro .container>div:first-child>div:first-child{border:0;border-bottom:1px solid #fff;padding:0;padding-bottom:25px}main>section.img-intro .container>div:first-child>div:last-child{padding-top:30px}main>section.img-intro .container>div:nth-child(2)>div{width:100%}main>section.img-intro .container>div:nth-child(2)>div:first-child{margin-bottom:30px}main>section.img-intro .container>div:last-child .branch-list{display:grid;grid-template-columns:50% 50%;gap:10px}footer .container .footer-row1{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}footer .container .footer-row1 .footer-col:first-child,footer .container .footer-row1 .footer-col:last-child{padding-bottom:15px}footer .container .footer-row2{display:block}footer .container .footer-row2 .footer-col{padding:15px 0}}@media only screen and (max-width: 767px){.navbar{padding:0 12px}.navbar .container{padding:0 12px}.favicon{display:block}.brand-img{display:none}main>section.hero{padding:17% 0}main>section.hero>div>p{font-size:30px}main>section.hero>div .main-log{width:300px}main>section.img-intro{padding:80px 0}main>section.img-intro .container>div:first-child{padding:50px 30px}main>section.img-intro .container>div:last-child .branch-list{width:auto}footer .container>div:last-child>p{font-size:14px}}@media only screen and (max-width: 480px){footer .container .footer-row1{display:block}footer .container .footer-row1 .footer-col{padding:0;padding:15px 0}footer .container .footer-row1 .footer-col:first-child,footer .container .footer-row1 .footer-col:nth-child(2){padding:15px 0}footer .container .footer-row2{display:block;margin:0}footer .container .footer-row2 .footer-col{padding:15px 0}}@media(min-width: 767px){.favicon{display:none}.brand-img{display:block}.line-break{display:none}main>section.img-intro{padding:140px 0}main>section.img-intro .container>div:first-child{padding:120px 80px}}@media(min-width: 980px){header .navbar{padding:0 20px}main>section.hero>div{font-size:40px;padding-top:11%;padding-bottom:14%}main>section.hero>div .main-log{width:530px}main>section.img-intro .container>div:first-child>div{width:50%}main>section.img-intro .container>div:nth-child(2){display:flex;justify-content:space-between}main>section.img-intro .container>div:nth-child(2)>div{width:50%}main>section.img-intro .container>div:nth-child(2)>div:first-child{padding-right:2.7%}main>section.img-intro .container>div:nth-child(2)>div:last-child{padding-left:2.7%}main>section.img-intro .container>div:nth-child(3) .branch-list{width:780px;display:grid;grid-template-columns:30% 70%;gap:25px}main>section.intro-master .container .intro-master-row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:5.5%}main>section.intro-master .container .intro-master-row:not(:last-child){margin-bottom:50px}footer .container .footer-row1{display:grid;grid-template-columns:25% 25% 25% 25%}footer .container .footer-row2{display:grid;grid-template-columns:33.33% 33.33% 33.33%}footer .container>div:last-child>p{font-size:12px}}@media(min-width: 1150px){.navbar .container{max-width:1960px}.btn-contact{margin-left:20px}.navbar-toggler{display:none}.navbar-menu .navbar-nav{display:flex;justify-content:center;align-items:center}.navbar-menu .navbar-nav>li{list-style-type:none;white-space:nowrap;letter-spacing:1px;padding:31px 11px}.navbar-menu .navbar-nav .mobile-display-contact{display:none}.navbar-menu .navbar-nav .mobile-display-dropdown{display:none}.navbar-menu .navbar-nav .active{color:#617e53}.navbar-menu .navbar-nav :hover a{transition:all .4s ease-in-out;opacity:.7}.navbar-menu .navbar-nav .dropdown .dropdown-content{background-color:#fff;border-radius:5px;position:absolute;top:calc(100% - 1px);list-style-type:none;padding:20px 20px;width:240px;border-top:1px solid #3a3a3a;opacity:0}.navbar-menu .navbar-nav .dropdown .dropdown-content>li{position:relative;line-height:2em;padding:9px 20px}.navbar-menu .navbar-nav .dropdown .dropdown-content>li a{opacity:1}.navbar-menu .navbar-nav .dropdown:hover .dropdown-content{opacity:1;transition:all .4s ease-in-out}.navbar-menu .navbar-nav .dropdown:hover .dropdown-content>li:hover{background-color:rgba(0,0,0,.03)}.navbar-menu .navbar-nav .dropdown:hover .dropdown-content>li:hover>a{opacity:.7}}

0sZgmi1D2OVw0tBf1ilXGd85u-6mPggyjop4GJ0vEII