// Scss Document @charset "UTF-8"; .top-view nav{ display: block; } .menu-introduce{ margin-bottom: 8.33vh; p{ margin: 0 auto; } } .section-2{ max-width:880px; margin: -32% auto 0; h2{ font-size: 24px; margin-bottom: 70px; } } .section-2 p{ font-size: 16px; letter-spacing: 2px; line-height: 28px; } .menu-menu{ display: flex; justify-content: space-between; margin-bottom: 8.33vh; div{ max-width: 270px; } } .menu-3part img{ } .menu-3part h3{ font-size: 24px; margin: 3.33vh 0 2.22vh; } .menu-3part p{ font-size: 16px; line-height: 28px; letter-spacing: 0px; text-align: left; } .section-4{ background-color: #EFDDD1; h2{ padding-top: 4.99vh; font-size: 24px; margin-bottom: 3.89vh } } .blue-square{ border:solid #0C36A7 medium; max-width: 700px; margin: 0 auto 3.89vh; } .order-list{ margin: 0 auto; padding: 30px; p{ font-size: 16px; line-height: 2.4rem; margin-bottom: 2.22vh; font-weight: 600; } } .order-list ol{ list-style: none; font-size: 16px; text-align: left; letter-spacing: 0.8px; line-height: 24px; max-width: 350px; margin: 0 auto; li{ margin-bottom: 1.33vh; } } .section-4 img{ margin-bottom: 4.99vh; } @media (max-width:930px){ .top-view nav{ display: none; } .section-1 header{ margin: 144px 30px 0; padding-bottom: 30px; h1{ font-size: 24px; margin: 0px; } } .section-2{ margin: 100px auto 0; .menu-introduce{ margin-bottom: 70px; h2{ font-size: 20px; margin-bottom: 35px; } p{ font-size: 16px; letter-spacing: -1px; line-height: 2.5rem; } } .menu-menu{ display: block; margin-bottom: 130px; .menu-3part{ margin: 0 auto 70px; max-width: 300px; img{ } h3{ font-size: 18px; margin: 30px 0; } p{ font-size: 16px; line-height: 2.5rem; letter-spacing: -0.8px; } } } } .section-4{ h2{ padding-top: 100px; font-size: 20px; margin-bottom: 100px; } .blue-square{ max-width: 85.33vw; margin: 0 auto 30px; .order-list{ padding: 50px 0; p{ font-size: 16px; line-height: 2.0rem; margin-bottom: 50px; } ol{ font-size: 16px; letter-spacing: 1px; line-height: 2.8rem; max-width: 72vw; li{ } } } } a{ img{ margin-bottom: 100px; } } } }