1<!DOCTYPE html> 2<html> 3<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=1.0, maximum-scale=2.0"> 7<!-- rexer --> 8<!-- Google Tag Manager -->
9<script>
vendor: 327 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 10new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 11j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 12'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 13})(window,document,'script','dataLayer','
13GTM-566M7P7
vendor: 3 bytes, line 13
13');
13</script>
13 14<!-- End Google Tag Manager --> 15<!-- ads --> 16<!-- Google Tag Manager -->
17<script>
vendor: 327 bytes, lines 17-21
17(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 18new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 19j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 20'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 21})(window,document,'script','dataLayer','
21GTM-T7S5HRNF
vendor: 3 bytes, line 21
21');
21</script>
21 22<!-- End Google Tag Manager --> 23 24 <!-- *** stylesheet *** --> 25 <link href="../assets/css/reset.css" rel="stylesheet" type="text/css" media="all"> 26 <link href="../assets/css/common.css" rel="stylesheet" type="text/css" media="all"> 27 <!-- <link href="../assets/css/common02.css" rel="stylesheet" type="text/css" media="all"> --> 28 <link href="../assets/css/reservation.css" rel="stylesheet" type="text/css" media="all"> 29 <!-- <link href="../assets/css/loader.css" rel="stylesheet" type="text/css" media="all"> --> 30 <link href="../assets/css/lower.css" rel="stylesheet" type="text/css" media="all"> <!--追è¨å¿ é --> 31 <link href="../assets/css/layout.css" rel="stylesheet" type="text/css" media="all"><!-- ç§»è¡ --> 32 <!-- <link href="../assets/css/top.css" rel="stylesheet" type="text/css" media="all"> --> 33 <!-- <link href="../assets/css/aos.css" rel="stylesheet" type="text/css" media="all"> --><!-- ç§»è¡ --> 34 <!-- <link href="../assets/css/default.css" rel="stylesheet" type="text/css" media="all"> ç§»è¡ --> 35 <!-- <link href="../assets/css/print.css" rel="stylesheet" type="text/css" media="print"> ç§»è¡ --> 36 <!-- <link href="../assets/css/jquery-ui.css" rel="stylesheet" type="text/css" media="all"> ç§»è¡ --> 37 <!-- <link href="../assets/css/index.css" rel="stylesheet" type="text/css" media="all"> ç§»è¡ --> 38 <!-- <link href="../assets/css/page.css" rel="stylesheet" type="text/css" media="all"> ç¡ --> 39 40 41 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css"> 42 <link href="../assets/css/floating.css" rel="stylesheet" type="text/css" media="all"><!-- *** ããã¼ãã£ã³ã°ããã¼ *** --> 43 <link rel="stylesheet" href="../assets/css/edit.css"> 44 45 <!-- form --> 46 <link rel="stylesheet" href="../information/newplan2021/assets/css/newplan2021.css"> 47 <link rel="stylesheet" href="../information/newplan2021/assets/css/mail.css"> 48 <link href="../assets/css/avenir-lt-std.css" rel="stylesheet" type="text/css" media="all"> 49 <link href="https://fonts.googleapis.com/css?family=Oswald:400,600" rel="stylesheet"> 50 <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="text/css" media="all"> 51 <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" type="text/css" media="all"> 52 <link href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet" type="text/css" media="all"> 53 54 <!-- *** javascript *** --> 55
55<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
55 56
56<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
56 57 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> 58
58<script src="../assets/js/common.js"></script>
58 59
59<script src="../assets/js/lower1.js"></script>
vendor: 1 bytes, line 59
59
60<script src="../assets/js/fadeout-scroll.js"></script>
60<!-- *** ããã¼ãã£ã³ã°ããã¼ *** --> 61 62 <!--
62<script src="../assets/js/jquery-ui.min.js"></script>
62 --> 63
63<script src="../assets/js/top.js"></script>
63 64
64<script src="../assets/js/custom.js"></script>
64 65
65<script src="../assets/js/aos.js"></script>
65 66
66<script src="../assets/js/app.js"></script>
66 67 68 69 <!-- *** added *** --> 70
70<script src="../assets/js/inview/inview.js"></script>
70 71
71<script src="../assets/js/matchheight/matchheight.js"></script>
71 72
72<script src="../assets/js/lettering/textillate.js" type="text/javascript"></script>
72 73
73<script src="../assets/js/lettering/lettering.js" type="text/javascript"></script>
73 74 <link href="../assets/js/lettering/animate.css" rel="stylesheet" type="text/css"> 75 <link rel="stylesheet" href="https://use.typekit.net/kow4nib.css"> 76 77 <!-- slick --> 78 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.css"/> 79 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick-theme.css"/> 80 <link href="../assets/js/libs/slick/slick.css" rel="stylesheet" type="text/css"> 81
81<script src="../assets/js/libs/slick/slick.js"></script>
81 82
82<script type="text/javascript" src="//cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.min.js"></script>
82 83 84 <!-- drawer.css --> 85
85<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>
85 86
86<script src="../assets/js/libs/drawer/drawer.js"></script>
86 87 88<style> 89 p { 90 margin: 0em 2em; 91 } 92</style> 93 94<style media="screen"> 95 #formframe { 96 width: 100%; 97 } 98 .frame-btn-container { 99 /* margin-bottom: 150px; */ 100 margin-bottom: 50px; 101 } 102 .frame-btn-container .frame-btn { 103 /* width: 48%; */ 104 width:100%; 105 margin: 0 auto; 106 padding: 15px 0; 107 color: #9f7f4f; 108 font-size: 12px; 109 background: #fff; 110 border: 1px solid #9f7f4f; 111 transition: 0.4s; 112 } 113 .frame-btn-container .frame-btn::after { 114 display: block; 115 margin-top: 0.5em; 116 content: "â¼"; 117 line-height: 1; 118 } 119 .frame-btn-container .frame-btn.active { 120 color: #fff; 121 background: #9f7f4f; 122 max-width: 800px; 123 } 124 @media only screen and (max-width: 640px) { 125 .frame-btn-container { 126 margin-bottom: 0; 127 } 128 .frame-btn-container .inner_lower { 129 flex-wrap: wrap; 130 } 131 .frame-btn-container .frame-btn { 132 width: 50%; 133 margin-bottom: 20px; 134 } 135 } 136 137 .flow_container { 138 margin-bottom: 60px; 139 } 140 .flow_contents_img { 141 display: flex; 142 align-items: center; 143 } 144 .flow_img_title { 145 margin-top: 1.5em; 146 color: #9f7f4f; 147 font-size: 12px; 148 font-weight: bold; 149 } 150 .flow_contents_text { 151 margin-top: 1.5em; 152 font-size: 12px; 153 text-align: left; 154 } 155 .flow_contents:nth-of-type(1) .flow_contents_img { 156 width: 100px; 157 margin: auto; 158 } 159 .flow_contents:nth-of-type(2) .flow_contents_img { 160 width: 120px; 161 margin: auto; 162 } 163 .flow_contents:nth-of-type(3) .flow_contents_img { 164 width: 53px; 165 margin: auto; 166 } 167 .flow_contents:nth-of-type(4) .flow_contents_img { 168 width: 86px; 169 margin: auto; 170 } 171 @media only screen and (min-width: 641px) { 172 .flow_box { 173 display: flex; 174 justify-content: space-between; 175 } 176 .flow_contents { 177 width: calc((100% - (24px*3))/3); 178 } 179 .flow_contents_img { 180 height: 90px; 181 } 182 .icon_flow { 183 margin: 50px 0 0; 184 font-size: 24px; 185 line-height: 1; 186 } 187 .icon_flow_sp{ 188 display: none; 189 } 190 } 191 @media only screen and (max-width: 640px) { 192 .flow_container { 193 border: 1px solid #9f7f4f; 194 } 195 .flow_title { 196 display: block; 197 position: relative; 198 z-index: 1; 199 padding: 25px 0; 200 color: #9f7f4f; 201 font-size: 14px; 202 } 203 .accordion-btn-box { 204 display: block; 205 position: absolute; 206 z-index: 2; 207 top: 0; 208 right: 20px; 209 bottom: 0; 210 width: 15px; 211 height: 15px; 212 margin: auto; 213 line-height: 1; 214 } 215 .accordion-btn { 216 display: block; 217 position: relative; 218 z-index: 1; 219 width: 100%; 220 height: 100%; 221 } 222 .accordion-btn-border { 223 display: block; 224 position: absolute; 225 z-index: 2; 226 top: 0; 227 right: 0; 228 bottom: 0; 229 left: 0; 230 width: 100%; 231 height: 0; 232 margin: auto; 233 border-bottom: 3px solid; 234 transition: 0.4s; 235 } 236 .accordion-btn-border:nth-child(2) { 237 transform: rotate(90deg); 238 } 239 .on_viwe .accordion-btn-border:nth-child(2) { 240 transform: rotate(0); 241 } 242 .flow_box { 243 display: none; 244 padding: 25px; 245 } 246 } 247 /* <!--â¼ ãã©ã¼ã â¼--> */ 248 input[type="text"], input[type="email"], textarea, .txt_element{ 249 padding-bottom: 0; 250 color: #777777; 251 } 252 input, button, textarea, select{ 253 border:1px solid #ced4da; 254 } 255 256 select{ 257 color: #757575; 258 /* font-size: 1rem; */ 259 padding: 7px 20px 7px 5px; 260 border: 1px solid #ced4da; 261 background-image: none; 262 appearance: auto; 263 font-size:15px; 264 } 265 label{ 266 font-size: 14px; 267 } 268 .mail_box #sex, .mail_box .day, .mail_box .time { 269 height: 50px; 270 width: 100%; 271 font-size: 14px; 272 padding-left: 5px; 273 color: #757575; 274 border: 1px solid #ced4d9; 275 } 276 .mail_box input[type="email"], .mail_box input[type="text"] { 277 font-size:15px; 278 } 279 .mail_box ::placeholder { 280 color:#757575; 281 } 282 .mail_box textarea{ 283 font-size:14px; 284 } 285 .c-main{ 286 padding-bottom:0; 287 } 288 @media (min-width: 768px){ 289 .mail_box #sex, .mail_box .day, .mail_box .time { 290 height: 50px; 291 width: 200px; 292 font-size: 14px; 293 padding-left: 5px; 294 color: #757575; 295 border: 1px solid #ced4d9; 296 } 297 .mail_box textarea{ 298 font-size:14px; 299 } 300 .c-main{ 301 padding-bottom:0; 302 color: #000; 303 } 304 .sec_trainer_group .between { 305 justify-content: center; 306 } 307 } 308/* <!--â² ãã©ã¼ã â²--> */ 309 310/* äºç´ */ 311 .reservation_flow_inner{ 312 max-width: 800px; 313 margin: auto; 314 text-align: left; 315} 316 .reservation_flow { 317 display: inline; 318 width: 20%; 319 320} 321 .reservation_flow img { 322 max-width: 100px; 323 height: 80px; 324 } 325 .reservation_flow_imgbox { 326 327 } 328 .reservation_flow_box { 329 display: flex; 330 justify-content: space-between; 331 margin:50px auto; 332 } 333 .reservation_flow_contentsimg{ 334 margin: auto; 335 text-align: center; 336 } 337 .reservation_flow_imgtitle{ 338 color: #9f7f4f; 339 margin: auto; 340 text-align: center; 341 font-size: 12px; 342 } 343 .reservation_flow_contentstext{ 344 text-align: left; 345 font-size: 12px; 346 margin-top: 1.5em; 347 } 348 .icon_flow { 349 margin: 50px 0 0 ; 350 font-size: 24px; 351 line-height:1; 352 } 353 @media only screen and (max-width: 640px){ 354 .reservation_flow_inner{ 355 max-width: 800px; 356 margin: auto; 357 text-align: left; 358 font-size: 12px; 359} 360 .reservation_flow { 361 /* display: inline; */ 362 width: 20%; 363 position: relative; 364} 365 .reservation_flow img { 366 max-width: 100px; 367 height: 80px; 368 } 369 .reservation_flow_box { 370 display: block; 371 justify-content: space-between; 372 margin:50px auto; 373 padding: 25px; 374 } 375 .reservation_flow_contentsimg{ 376 margin: auto; 377 text-align: center; 378 } 379 .reservation_flow_imgtitle{ 380 color: #9f7f4f; 381 margin: auto; 382 text-align: center; 383 font-size: 12px; 384 } 385 .reservation_flow_contentstext{ 386 text-align: left; 387 font-size: 12px; 388 margin-top: 1.5em; 389 } 390 .icon_flow { 391 display: none; } 392 } 393 .icon_flow_sp{ 394 font-size: 20px; 395 margin: 30px 50px 50px 50px; 396 text-align: center; 397 } 398</style> 399 400</head> 401 402<body class="drawer drawer--top"> 403<!-- rexer --> 404 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 404-405
404 405 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
405GTM-566M7P7
vendor: 83 bytes, lines 405-406
405" 406height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
407<!-- End Google Tag Manager (noscript) --> 408<!-- ads --> 409<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 409-410
409 410<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
410GTM-T7S5HRNF
vendor: 83 bytes, lines 410-411
410" 411height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
412<!-- End Google Tag Manager (noscript) --> 413<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 413-414
413 414<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
414GTM-T5FB4WX
vendor: 83 bytes, lines 414-415
414" 415height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
416<!-- End Google Tag Manager (noscript) --> 417 418<div class="container"> 419<!-- nav --> 420<div id="loader" class="loader has-animation animation-ltr" data-delay="100"> 421 </div> 422 <div id="header" role="banner"> 423 </div> 424<!-- /nav --> 425 <div class="mv_lower"> 426 <div class="inner_sec"> 427 <h1 class="title_page_lower"> 428 ReSeRVATION 429 </h1> 430 </div> 431 </div><!-- /.mv_lower --> 432 433 434 435 <article class="c-main"> 436 437 438 <!-- <p class="txt_read" style="margin: 2em 0;font-size: 12px;color: #ff3b3b;"> 439 4æ8æ¥ï¼æ°´ï¼ï½å½é¢ã®éè¨æä¼æ¥è´ãã¾ãã®ã§ã<br class="pc_break">ç¾å¨ãäºç´ã¯åãä»ãã¦ããã¾ããã<br> 440 â»åéææã«é¢ãã¦ã¯è¿½ã£ã¦éæãç¥ãããããã¾ãã 441 </p> --> 442 443 <p class="txt_read" style="margin: 50px 2em;" > 444 ãå¸ææ¥æã鏿ãã ããã 445 <span class="txt_note"> 446 <b>â»åæ¥è ãä¸è¬ã®ã客æ§åããè¦å¯çãå ¥ä¼ç®ç以å¤ã®è¦å¦ã¯ãé æ ®ãã ããã¾ãã</b><br> 447 ãæ¡å æã«çºè¦ããå ´åã¯ãè¦å¦ããæãããå ´åããããã¾ãã<br> 448 â»ãå ¥ä¼ç¨ã®ãæ¬äººç¢ºèªã»ã¯ã¬ã¸ããã«ã¼ãã®æåããè¦ããããã¾ãã 449 </span> 450 </p> 451 <!-- </div> 452 </div> --> 453 454 <div class="frame-btn-container" data-aos="fade-up"> 455 <div class="inner_lower flex between"> 456 <!-- <a class="frame-btn frame-btn-left"style="display: none;" href="javascript:void(0)">æ½è¨è¦å¦äºç´</a> --> 457 <span class="frame-btn frame-btn-right active" >ä½é¨ãã¼ã½ãã«äºç´</span> 458 </div> 459 </div> 460 461 <!-- <div class="iframe-container"> 462 </div> --> 463 464 <div class="reservation_flow_inner"> 465 <p>ã»ã³ã³ã·ã§ã«ã¸ã¥ã«ãããã©ã³æ¡å ã»æ½è¨è¦å¦ï¼20åï¼<br> 466 ã»ãã¬ã¼ãã¼ã«ããã«ã¦ã³ã»ãªã³ã°ï¼20åï¼<br> 467 ã»ãã¼ã½ãã«ãã¬ã¼ãã³ã°<br> 468 ã¾ãã¯ãã·ã³ãã©ãã£ã¹ï¼30åï¼<br> 469 ã»ãã©ã³ãã³ã°ï¼20åï¼<br> 470 ãè¡ãã¾ãã 471 <br>彿¥ãå ¥ä¼ã®å ´åã¯ãä¸è¨ã«å ãã¦å ¥ä¼æç¶ãã§ç´30åç¨åº¦ãæéãããã ãã¾ãã 472 <br><br>â»ä½é¨ãã¼ã½ãã«ãä¸è¦ã®å ´åã¯ãäºç´ãã©ã¼ã ã§ãä¸è¦ãã鏿ãã¦ãã ããã 473 </p> 474 <br><br> 475 <p style="font-size: 1.3em">ã彿¥ã®æã¡ç©ã«ã¤ãã¦ã</p> 476 <p>ã»ãæ¬äººæ§ç¢ºèªæ¸é¡<br> 477 ï¼é転å 許æ¸ãå¥åº·ä¿éºæ¸ããã¹ãã¼ããªã©ï¼ 478 <br>ã»æ±ºæ¸ç¨ã®ã¯ã¬ã¸ããã«ã¼ã<br> 479 ï¼â»24æéã¸ã ä¼å¡æ§ã®ä¼è²»æ±ºæ¸ã¯ã¯ã¬ã¸ããã«ã¼ãã®ã¿ï¼ 480 <br>ã»é´ä¸ï¼ã¬ã³ã¿ã«ã·ã¥ã¼ãºãã使ç¨ã®å ´åï¼ 481 <br>â»ã¦ã§ã¢ãã·ã¥ã¼ãºãã¿ãªã«ã¯ç¡åã¬ã³ã¿ã«ã¨ãªãã¾ãã 482 </p> 483 <br> 484 <p style="font-size: 1.3em">ãæ³¨æäºé ã</p> 485 <p>ã»ä½é¨åã³æ½è¨è¦å¦ã¯ãå ¥ä¼ã®å¯è½æ§ã®ããæ¹ã®ã¿å¯¾å¿ãããã¦ããã ãã¾ãã 486 <br>ã»ãã¬ã¼ãã¼ã¯æåä¸å¯ã¨ãªãã¾ããã女æ§ãã¬ã¼ãã¼ãã叿ã®å ´åã¯ç³ãã¤ããã ããã 487 <br>ã»ä½é¨ãã¼ã½ãã«ã¯ããã²ã¨ãæ§1åã¾ã§ã¨ãªãã¾ãã 488 <br>ã»åä¼´è æ§ãããå ´åã¯ããäºç´ãã©ã¼ã ããã®ä»è³ªåã®æ¬ã«åä¼´è æ§ã®ãååãè¨è¼ããé¡ããããã¾ãã 489 </p> 490 <div class="reservation_flow_box"> 491 <div class="reservation_flow"> 492 <div class="reservation_flow_imgbox"> 493 <p class="reservation_flow_contentsimg"> 494 <img src="/assets/images/reservation/icon_flow01.png"></p> 495 <p class="reservation_flow_imgtitle">å½ãã¼ã¸ããã®äºç´</p> 496 </div> 497 <p class="reservation_flow_contentstext"> 498 å¸ææ¥æããç³è¾¼ã¿ä¸ãããâ»å½æ¥ã®ãå ¥ä¼æã®åè¨æè¦æéã¯ç´2æéç¨åº¦ã§ããâ»å½æ¥äºç´ãå¸æã®æ¹ã¯ãåºèã¾ã§ãé£çµ¡ä¸ãããTEL:03-6804-3463 499 </p> 500 </div> 501 <p class="icon_flow">â¶ï¸</p> 502 <p class="icon_flow_sp">â¼</p> 503 <div class="reservation_flow"> 504 <div class="reservation_flow_imgbox"> 505 <p class="reservation_flow_contentsimg"> 506 <img src="/assets/images/reservation/icon_flow02.png"></p> 507 <p class="reservation_flow_imgtitle">ãã©ã³ãæ¡å ã»æ½è¨è¦å¦</p> 508 </div> 509 <p class="reservation_flow_contentstext"> 510 ã³ã³ã·ã§ã«ã¸ã¥ãã客æ§ã«åã£ããã©ã³ã®ã説æãå®éã«æ½è¨ãã覧ããã ããªãããµã¼ãã¹ããæ¡å ãããã¾ãã 511 </p> 512 </div> 513 <p class="icon_flow">â¶ï¸</p> 514 <p class="icon_flow_sp">â¼</p> 515 <div class="reservation_flow"> 516 <div class="reservation_flow_imgbox"> 517 <p class="reservation_flow_contentsimg"> 518 <img src="/assets/images/reservation/icon_flow03.png"></p> 519 <p class="reservation_flow_imgtitle">ä½é¨ãã¼ã½ãã«</p> 520 </div> 521 <p class="reservation_flow_contentstext">
522 ãã¬ã¼ãã¼ã«ããã«ã¦ã³ã»ãªã³ã°ï¼20åï¼ããã¼ã½ãã«ãã¬ã¼ãã³ã°ï¼30åï¼ããã©ã³ãã³ã°ï¼20åï¼ãè¡ãã¾ããâ»å種ã¬ã³ã¿ã«ãæ´è¡£å®¤ãã·ã£ã¯ã¼ããã¦ãã¼ã«ã¼ã ã¯ãå©ç¨å¯è½ã§ãã 523 </p> 524 </div> 525 <p class="icon_flow">â¶ï¸</p> 526 <p class="icon_flow_sp">â¼</p> 527 <div class="reservation_flow"> 528 <div class="reservation_flow_imgbox"> 529 <p class="reservation_flow_contentsimg"> 530 <img src="/assets/images/reservation/icon_flow04.png"> 531 </p> 532 </div> 533 <p class="reservation_flow_imgtitle">ãå ¥ä¼æç¶ã or ãæ¯æã</p> 534 <p class="reservation_flow_contentstext"> 535 ãå ¥ä¼ãã叿ã®å ´åã¯ããæç¶ããè¡ãã¾ããæè¦æéã¯ç´30åç¨åº¦ã§ãã 536 </p> 537 </div> 538 </div> 539 540 541
541<script type="text/javascript"> 542 $(document).ready(function(){ 543 // frame åãæ¿ã ãã¿ã³ 544 $(".iframe-container").load("../reservation.php"); 545 $('.frame-btn').on('click',function(){ 546 $('.frame-btn').removeClass('active'); 547 $(this).addClass('active'); 548 }); 549 $('.frame-btn-left').on('click',function(){ 550 // $(".iframe-container").load("../reservation.php"); 551 }); 552 $('.frame-btn-right').on('click',function(){ 553 // $(".iframe-container").load("../reservation2.php"); 554 }); 555 }); 556 </script>
556 557 558 </article> 559<!-- â¼ MAILFORM â¼ --> 560<div class="mail_box" id="contactArea"> 561 <p class="contents-title font-ryumin" style="margin: 50px auto;">ãäºç´ãã©ã¼ã </p> 562 <!--â¼ form â¼--> 563 <div class="tb-cell mail-form"> 564 <form id="form" action="./mail.php" method="post" accept-charset="UTF-8"> 565 <div class="row"> 566 <div class="cell"><label>ãåå<span class="crimson">*</span></label></div> 567 <div class="cell"><input type="text" name="name" placeholder="æ°å" required></div> 568 </div> 569 <div class="row"> 570 <div class="cell"><label>ããªã¬ã</label></div> 571 <div class="cell"><input type="text" name="furigana" placeholder="ããªã¬ã"></div> 572 </div> 573 <div class="row"> 574 <div class="cell"><label>å¹´é½¢</label></div> 575 <div class="cell"> 576 <select name="age"> 577 <option value="20ï½29æ³">20ï½29æ³</option> 578 <option value="30ï½39æ³">30ï½39æ³</option> 579 <option value="40ï½49æ³">40ï½49æ³</option> 580 <option value="50ï½59æ³">50ï½59æ³</option> 581 <option value="60ï½69æ³">60ï½69æ³</option> 582 <option value="70ï½79æ³">70ï½79æ³</option> 583 </select> 584 </div> 585 </div> 586 <div class="row"> 587 <div class="cell"><label>æ§å¥</label></div> 588 <div class="cell"> 589 <select name="sex"> 590 <option value="ç·æ§">ç·æ§</option> 591 <option value="女æ§">女æ§</option> 592 </select> 593 </div> 594 </div> 595 <div class="row"> 596 <div class="cell"><label>é»è©±çªå·<span class="crimson">*</span></label></div> 597 <div class="cell"><input type="text" name="tel" placeholder="åè§è±æ°å" required></div> 598 </div> 599 <div class="row"> 600 <div class="cell"><label>ã¡ã¼ã«<span class="crimson">*</span></label></div> 601 <div class="cell"><input id="email" type="email" placeholder="Emailã¢ãã¬ã¹" name="email" required></div> 602 </div> 603 <div class="row"> 604 <div class="cell"><label>ã¡ã¼ã«ï¼åå ¥åï¼<span class="crimson">*</span></label></div> 605 <div class="cell"><input id="email2" type="email" placeholder="å度ãå ¥åããé¡ããã¾ã" name="email" required></div> 606 </div> 607 <div class="row"> 608 <div class="cell"><label>ãæ¤è¨ãã©ã³<span class="crimson">*</span></label></div> 609 <div class="cell"> 610 <select name="plan" required> 611 <option value="">鏿ãã¦ãã ãã</option> 612 <option value="ãã¼ã½ãã«ã¸ã ä¼å¡">ãã¼ã½ãã«ã¸ã ä¼å¡</option> 613 <option value="24æéã¸ã ä¼å¡">24æéã¸ã ä¼å¡</option> 614 <option value="ReXeR 2MONTHS TRIAL">ReXeR 2MONTHS TRIAL</option> 615 <option value="åºèã§èª¬æå¸æ">åºèã§èª¬æå¸æ</option> 616 <option value="æ³äººå¸æ">æ³äººå¸æ</option> 617 618 </select> 619 </div> 620 </div> 621 <div class="row"> 622 <div class="cell"><label>ä½é¨ãã¼ã½ãã«<span class="crimson">*</span></label></div> 623 <div class="cell"> 624 <select name="experience" required> 625 <option value="">鏿ãã¦ãã ãã</option> 626 <option value="ãã¼ã½ãã«ãã¬ã¼ãã³ã°(5000åï¼">ãã¼ã½ãã«ãã¬ã¼ãã³ã°(5000å)</option> 627 <option value="ãã·ã³ãã©ãã£ã¹(5000åï¼">ãã·ã³ãã©ãã£ã¹(5000å)</option> 628 <option value="ä¸è¦">ä¸è¦</option> 629 </select> 630 </div> 631 </div> 632 <div class="row"> 633 <div class="cell"><label>äºç´æ¥æï¼ç¬¬ä¸å¸æï¼<span class="crimson">*</span></label></div> 634 <div class="cell width500" > 635 <input class="day" type="date" name="day" min="2021-12-17" max="" value="" required> 636 <select class="time" name="time" id="time" required> 637 <option value="10:00">10:00</option> 638 <option value="11:00">11:00</option> 639 <option value="12:00">12:00</option> 640 <option value="13:00">13:00</option> 641 <option value="14:00">14:00</option> 642 <option value="15:00">15:00ï¼åæ¥ç¥ãæçµå仿éï¼</option> 643 <option value="16:00">16:00</option> 644 <option value="17:00">17:00</option> 645 <option value="18:00">18:00</option> 646 <option value="19:00">19:00</option> 647 <option value="20:00">20:00</option> 648 <!-- <option value="21:00">21:00</option> --> 649 </select> 650 <!-- <p style="font-size: 1.1rem;color: #ff0000;">â»æ¥ææ¥ãç¥æ¥ã¯ãäºç´ãåãä»ãã¦ããã¾ããã</p> --> 651 </div> 652 </div> 653 <div class="row"> 654 <div class="cell"><label>äºç´æ¥æï¼ç¬¬äºå¸æï¼</label></div> 655 <div class="cell"> 656 <input class="day" type="date" name="day2" min="2021-12-17" max="" value=""> 657 <select class="time" name="time2" id="time2"> 658 <option value="10:00">10:00</option> 659 <option value="11:00">11:00</option> 660 <option value="12:00">12:00</option> 661 <option value="13:00">13:00</option> 662 <option value="14:00">14:00</option> 663 <option value="15:00">15:00ï¼åæ¥ç¥ãæçµå仿éï¼</option> 664 <option value="16:00">16:00</option> 665 <option value="17:00">17:00</option> 666 <option value="18:00">18:00</option> 667 <option value="19:00">19:00</option> 668 <option value="20:00">20:00</option> 669 <!-- <option value="21:00">21:00</option> --> 670 </select> 671 </div> 672 </div> 673 <div class="row"> 674 <div class="cell"><label>äºç´æ¥æï¼ç¬¬ä¸å¸æï¼</label></div> 675 <div class="cell"> 676 <input class="day" type="date" name="day3" min="2021-12-17" max="" value=""> 677 <select class="time" name="time3" id="time3"> 678 <option value="10:00">10:00</option> 679 <option value="11:00">11:00</option> 680 <option value="12:00">12:00</option> 681 <option value="13:00">13:00</option> 682 <option value="14:00">14:00</option> 683 <option value="15:00">15:00ï¼åæ¥ç¥ãæçµå仿éï¼</option> 684 <option value="16:00">16:00</option> 685 <option value="17:00">17:00</option> 686 <option value="18:00">18:00</option> 687 <option value="19:00">19:00</option> 688 <option value="20:00">20:00</option> 689 <!-- <option value="21:00">21:00</option> --> 690 </select> 691 </div> 692 </div> 693 <div class="row"> 694 <div class="cell"><label>ãã®ä»ã質å</label></div> 695 <div class="cell"><textarea name="comment" placeholder="ãã®ä»è¦æãããã°ãè¨è¼ãã ãããï¼åä¼´è æ°åè¨å ¥æ¬ï¼"></textarea></div> 696 </div> 697 <div class="row"> 698 <div class="cell"><label>
698éä¿¡</label></div> 699 <div class="cell"> 700 <button type="submit" id="sbtn" name="action" value="post">å ¥å確èª</button> 701 <button type="reset" id="rbtn">ãªã»ãã</button> 702 </div> 703 </div> 704 </form> 705 </div> 706 <!--â² form â²--> 707</div> 708 709 </div> 710</body> 711</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.