// Scss Document @charset "UTF-8"; .top-view nav{ display: block; } .section-2{ margin-top: -32%; div{ max-width: 590px; margin: 0 auto; h2{ font-size: 24px; margin-bottom: 70px; } } } .formTable{ text-align: left; font-size: 16px; font-weight: 100; margin-bottom: 30px; tr{ display: flex; width: 590px; margin-bottom: 1.51vh; th{ width: 50%; } } } .formTable td{ width: 50%; input{ width: 100%; height: 3.03vh; border-color: #0C36A7; color: #0C36A7; } } .submitbutton{ background-color: #0C36A7; color: #ffffff; font-size: 18px; padding: 5px 30px; border: none; margin-bottom: 1.51vh; } .attention{ font-size: 16px; line-height: 20px; letter-spacing: 1px; } #otoiawase-box{ height: 7.57vh; } @media (max-width:930px){ .top-view nav{ display: none; } .section-1 header{ margin: 80px 30px 0; padding-bottom: 30px; h1{ font-size: 24px; margin: 0px; } } .section-2{ margin: 100px auto 0; div{ h2{ font-size: 20px; margin: 0 0 35px 0; } form{ max-width: 250px; margin: 0 auto; table{ tr{ max-width: 250px; display: grid; font-size: 16px; th{ width: 100%; margin-bottom: 10px; } td{ width: 100%; height: 30px; margin-bottom: 20px; input{ width: 250px; height: 30px; margin-bottom: 20px; } } } } p{ input{ font-size: 16px; } } } p{ font-size: 14px; } } } }