 <div class="form_container"> <form action=""> <input type="text" placeholder="名前" name="name" required> <input type="text" placeholder="フリガナ" name="name2" required> <input type="email" placeholder="Eメールアドレス" name="email" required> <input type="text" placeholder="電話番号" name="tell" required> <input type="text" placeholder="生年月日" name="birth" required> <p><a href="privacy-policy.html">プライバシーポリシー</a></p> <input type="checkbox" id="agree" class="checkbox"> <label for="agree">利用規約・個人情報の取扱いに同意します</label> </form> <div class="et_contact_bottom_container"> <button type="submit" name="et_builder_submit_button" class="et_pb_contact_submit et_pb_button">送信</button> </div> </div> 

*{margin:0;padding:0}body{font-family:"Noto Sans Japanese",sans-serif;font-weight:500;line-height:1.7rem;width:100%;-webkit-font-smoothing:antialiased}a{text-decoration:none}ul{list-style:none}.pagetop{text-align:right}.pagetop img{width:120px}#header{width:100%;padding:18px 0;position:relative;background-color:#fff;position:fixed;top:0;z-index:99}#header nav{margin-left:10%}#header .top_nav_wrap{width:100%;display:flex;align-items:center;justify-content:space-between}#header .pc_menu_wrap{width:100%}#header .logo_wrap{width:15%;max-width:100%;margin-left:30px}#header .logo{width:100%}#header .logo a img{max-width:90%;height:auto}#header nav ul{display:flex;justify-content:flex-end;text-align:right;margin-left:10%;padding-right:10%}#header nav li{margin-left:3%}#header nav li a{color:#0c71c3 !important;font-size:16px;font-weight:900;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;padding:30px 0;transition:all .4s ease-in-out}#header nav li a:hover{opacity:.7;transition:all .4s ease-in-out}.fa-circle-play:before,.fa-play-circle{position:relative}.fa-circle-play:before,.fa-play-circle:before{content:"";position:absolute;background:url("https://static.cms.flux.jp/w/BZWGp2U8B8/images/play.svg");width:16px;height:27.2px;font-family:"Font Awesome 6 Free";background-repeat:no-repeat;font-weight:400;top:41%}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free";font-weight:400}#header .openbtn,#header #g-nav ul{display:none}#header .button{color:#1c7aff !important;border-width:0px !important;border-color:RGBA(255, 255, 255, 0);border-radius:70px;font-size:16px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important;font-weight:800 !important;padding:7px 25px 7px 20px;background-color:#f9cf00;transition:all .4s ease-in-out;width:140px;margin-right:3%}#header .button:hover{opacity:.7;transition:all .4s ease-in-out}#header .button a{color:#1c7aff}.button_icon{color:#1c7aff;font-size:16px;margin-right:22px}#footer{padding-top:150px;background-color:#1c7aff;position:relative;width:100%}.bg_wave{position:absolute;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0zMjAgMjhDMTYwIDI4IDgwIDQ5IDAgNzBWMGgxMjgwdjcwYy04MCAyMS0xNjAgNDItMzIwIDQyLTMyMCAwLTMyMC04NC02NDAtODR6Ii8+PC9nPjwvc3ZnPg==);background-repeat:repeat-x;background-size:50% 100px;width:100%;top:0;left:0;right:0;height:100px;z-index:1;transform:scale(-1, 1)}.footer_logo{width:100%;text-align:center}.footer_logo a img{max-width:170px}.footer_nav_wrap{width:80%;max-width:1080px;margin:auto;padding:40px 0}.footer_nav_wrap ul{display:flex;width:100%}.footer_nav_wrap li{text-align:center;width:16.6666666667%;font-size:15px;font-weight:bold;margin-right:3%}.footer_nav_wrap li:nth-of-type(3n){margin-right:0}.footer_nav_wrap ul li a{color:#fff}#footer .footer_button{text-align:center;width:170px;margin:auto;color:#1c7aff !important;border-width:0px !important;border-color:RGBA(255, 255, 255, 0);border-radius:70px;font-size:16px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important;font-weight:700 !important;padding:10px 35px 10px 30px;background-color:#f9cf00;transition:all .4s ease-in-out}#footer .footer_button:hover{filter:brightness(110%);transition:all .4s ease-in-out}#footer .footer_button a{color:#1c7aff;font-size:18px}#footer .footer_button .button_icon{font-size:20px;margin-right:21px;margin-top:5px;position:relative}#footer .footer_button .button_icon::before{top:21%}#footer .copyright{font-family:"M PLUS Rounded 1c",Helvetica,Arial,Lucida,sans-serif;line-height:1.8rem;font-weight:400;text-align:center;color:#fff;font-size:13px;padding:45px 0 100px 0}.pc_none{display:none}body{margin:0}.copyright{margin-bottom:0}@media screen and (max-width: 980px){*,*:before,*:after{box-sizing:border-box}#header{padding:20px 0}#header .logo_wrap{width:30%}#header .logo a img{max-width:80%}#header .button{margin-right:90px;width:150px}#header .pc_menu_wrap{display:none}#header .openbtn{display:block;right:30px}.et_mobile_menu{position:absolute;top:70px;left:5%;padding:5%;background:#fff;width:85%;visibility:visible;opacity:1;z-index:9999;border-top:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);margin:0}#header #g-nav ul{background-color:#d1e9ff !important;margin:0 auto;text-align:left;max-width:80%}#header #g-nav li{margin:0;width:100%;padding:12px 0;border-bottom:1px solid #c4d9ee;transition:all .2s ease-in-out}#header #g-nav a{margin-left:30px}#header #g-nav li:hover{background-color:rgba(0,0,0,.03);opacity:.7;transition:all .2s ease-in-out}#header .openbtn{position:fixed;z-index:9999;right:40px;cursor:pointer;width:50px;height:50px}#header .openbtn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:2px;border-radius:2px;background-color:#0c71c3;width:40%}.openbtn span:nth-of-type(1){top:15px}.openbtn span:nth-of-type(2){top:21px}.openbtn span:nth-of-type(3){top:27px}.bg_wave{background-size:50% 45px}.footer_logo{padding-top:20px}.footer_nav_wrap{padding-top:80px}.footer_nav_wrap ul{flex-wrap:wrap;margin-left:5%}.footer_nav_wrap li{width:26.6666666667%;padding:20px 0}.footer_nav_wrap li:nth-of-type(3n){margin-right:0}.footer_nav_wrap li{margin-right:0}.pc_none{display:block}}@media(max-width: 767px){#header{padding:10px 0}#header .button{font-size:14px;margin-right:75px;width:80px}#header .openbtn{right:20px}#header .logo_wrap{width:45%}#header .logo a img{max-width:90%}.bg_wave{background-size:383px 45px}.footer_logo a img{max-width:250px}.footer_nav_wrap{width:100%;padding-top:60px}.footer_nav_wrap ul{margin-left:5%}.footer_nav_wrap li{white-space:nowrap}.footer_nav_wrap li{font-size:14px}.page_title{background-position:top 80% right -16% !important;height:210px !important}}@media(max-width: 479px){#header{padding:25px 0}#header .button{width:165px}#header .logo_wrap{margin-left:20px}#header .logo a img{max-width:75%}.bg_wave{background-size:239px 45px}.footer_logo a img{max-width:160px}.footer_nav_wrap ul{display:block;margin:auto}.footer_nav_wrap li{width:100%}#footer .copyright{font-size:8px}}

ul{padding-left:0}button{background-color:rgba(0,0,0,0);cursor:pointer;outline:none;padding:0;appearance:none}

#main{position:static;margin-top:100px}.page_title{background-image:url(https://static.cms.flux.jp/w/BZWGp2U8B8/images/touroku.png);background-repeat:no-repeat;background-size:37% auto;background-position:right 18% bottom 0px;height:250px;padding-top:3vw;background-color:#d1e9ff !important;position:relative}#main .title{position:absolute;top:30%;left:10%;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:600;font-size:37px;line-height:4rem;border-left:8px solid #1c7aff;padding-left:20px;color:#1a3066}.page_title_bottom{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+);background-size:100% 100px;background-repeat:repeat-x;width:100%;height:100px;z-index:1;transform:scale(-1, 1);position:absolute;bottom:0}.form{padding:2% 0;max-width:640px;margin:auto;margin-bottom:100px}.form h1{display:none}.form input{width:100%;padding:18px;margin-bottom:20px;background-color:#eee;border:none}.form a{color:#666;font-weight:bold}.form input[type=checkbox]{max-width:20px;border:none;accent-color:#eee}label{font-weight:bold}.form-list-item__label{color:#666}.form-list-item__button-container{float:right;margin-top:-1.5%;display:flex}button[type=submit]{display:inline-block;margin:0 0 0 18px;color:#2ea3f2;font-size:20px;font-weight:500;padding:.3rem 1rem;line-height:1.7rem;background-color:rgba(0,0,0,0);background-size:cover;background-position:50%;background-repeat:no-repeat;border:solid 2px;border-radius:3px;transition-duration:.2s;transition-property:all;position:relative}.et_pb_button:after{opacity:0;font-size:30px;line-height:1rem;content:">";transition:all .2s;text-transform:none;font-feature-settings:"kern" off;position:absolute;font-variant:normal;text-shadow:none;font-weight:400;padding-top:5px}.et_pb_button:hover{border:2px solid rgba(0,0,0,0);padding:.3rem 2rem .3rem .7rem}.et_pb_button:hover:after{opacity:1;margin-left:0}.et_pb_contact_submit:hover{background-color:rgba(0,0,0,.05)}.subsc_container{background-image:url(https://static.cms.flux.jp/w/BZWGp2U8B8/images/background2.png);background-position:left top;background-repeat:no-repeat;background-size:cover;text-align:center;padding-bottom:140px}.subsc_container h2{font-size:2.5rem;padding:40px 0}.subsc_button{background-color:#1c7aff;font-size:2rem;font-weight:bold;letter-spacing:.1rem;border-radius:50px;padding:35px;width:35%;margin:auto;transition:filter 300ms ease 0ms}.subsc_button:hover{filter:brightness(130%);backface-visibility:hidden}.subsc_button a{color:#fff}.subsc_button i{color:#fff;font-size:2rem;position:relative;margin-right:44px}.subsc_button i::before{background:url("https://static.cms.flux.jp/w/BZWGp2U8B8/images/play_white.svg");width:36px;height:36.2px;top:0}@media(max-width: 980px){#main{margin-top:60px}.page_title{background-position:center;background-size:55% auto;height:230px}#main .title{font-size:25px;line-height:2.5rem}.page_title_bottom{background-size:100% 45px;height:45px}.subsc_container{background-size:contain;padding-bottom:80px}.subsc_button{width:70%;padding:50px;border-radius:75px;font-size:2.5rem}.subsc_button i{font-size:2.5rem}}@media(max-width: 767px){.page_title{background-size:60% auto;background-position:right -16% center;height:180px}#main .title{max-width:150px;font-size:23px;line-height:2rem;top:25%}.subsc_container h2{font-size:2rem}.subsc_button{padding:25px;width:75%;font-size:2rem}.subsc_button i{font-size:2rem}.form{width:90%;margin:0 auto 50px}.form input{box-sizing:border-box}.subsc_container{width:90%;margin:auto}.subsc_container h2{line-height:1.5}}

$("#openbtn").click(function () {
      $("#g-nav ul").slideToggle();
    });

// トップへ戻る
$('#page-top').click(function () {
     $('body,html').animate({
         scrollTop: 0
     }, 500);
     return false;
 });

会員登録

お問い合わせ

登録面談のご予約はこちら