/* Base reset */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Noto Sans JP', sans-serif; color: #232323; background: #ffffff; }

/* Header (sticky) */
.header { position: sticky; top: 0; left: 0; right: 0; z-index: 1000; background: #ffffff; }
.header-container {  height: 88px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.logo-image { height: 57px; width: auto; margin-left: 58px; }

.contact-buttons { display: flex; align-items: stretch; margin-left: auto; }
.contact-button { display: flex; align-items: center; justify-content: center; text-decoration: none; transition: opacity 0.3s ease; }
.contact-button:hover { opacity: 0.8; }

/* tell */
.contact-button.tell { width: 280px; height: 88px; padding: 20px 20px; border: 1px solid #7ebece; background: #ffffff; color: #7ebece; }
.contact-label { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 11px; color: #7ebece; letter-spacing: 1.1px; margin: 0; text-align: center; }
.contact-label-sp { display: none; }
.phone-info { display: grid; grid-auto-flow: column; align-items: center; gap: 8px; }
.phone-icon { width: 19px; height: 20px; }
.phone-number { font-family: 'Lato', 'Alata', sans-serif; font-weight: 400; font-size: 23px; letter-spacing: 2.3px; color: #7ebece; }

/* mail */
.contact-button.mail { width: 100px; height: 88px; background: #7ebece; border: 1px solid #7ebece; color: #fff; flex-direction: column; gap: 8px; padding: 20px 10px; }
.mail-icon { width: 19px; height: 15px; }
.contact-button.mail .contact-label { color: #ffffff; }

/* MV */
.mv { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; margin: 60px 0 60px; }
.mv-left { z-index: 2; display: flex; justify-content: flex-start; padding-left: 120px; }
.mv-right { z-index: 1; }
/* mv_text should scale with viewport width just like mv_bg */
.mv-text { width: 36%; height: auto; display: block; object-fit: contain; max-width: 680px; position: absolute; transform: translate(0, -50%);}
.mv-bg { width: 100%; height: auto; aspect-ratio: 1580/1260; object-fit: cover; display: block; }

/* Concept */
.concept-container { padding: 60px 30px; display: flex; justify-content: center; }
.concept-content { width: 100%; max-width: 900px; display: flex; flex-direction: column; align-items: center; gap: 40px; text-align: center; margin: 0; }
.concept-title p { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 36px; color: #94c3ce; letter-spacing: 3.6px; margin: 0; }
.concept-subtitle p { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 16px; color: #949494; margin: 0; }
.concept-main-text p { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 28px; margin: 0; color: #232323; }
.concept-description p { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 16px; line-height: 36px; margin: 0; color: #000000; }

/* Concept images: horizontal single row */
.concept-images { margin-top: 60px; display: grid; grid-template-columns: repeat(4, 1fr); }
.concept-images img { width: 100%; height: auto; display: block; object-fit: cover; }

@media (min-width: 1600px) {
  .concept-images img {
    height: 380px;
  }
}

/* Service */
.service { padding: 120px 0; display: flex; flex-direction: column; align-items: center; gap: 50px; }
.service-header { text-align: center; }
.service-title-en { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 44px; color: #7ebece; letter-spacing: 4.4px; margin: 0; }
.service-title-ja { font-weight: 500; font-size: 16px; color: #949494; margin: 0; }
.service-row { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 30px; }
.service-row .service-photo { max-width: 460px; }
.service-row .service-photo img { width: 100%; height: auto; display: block; max-width: 460px; }
.service-row .service-text { width: 540px; background: #f3fcfe; padding: 76px 49px; margin-top: 60px; }
.service-row .service-text h3 { font-weight: 500; font-size: 24px; margin: 0 0 12px; color: #000; }
.service-row .service-text .service-sub { margin: -8px 0 30px; }

/* simple mask effect */
.service-row .masked { position: relative; width: 460px; height: 345px; }
.service-row .masked img { width: 100%; height: 100%; object-fit: cover; display: block; }
.service-row .masked .mask-shape { position: absolute; inset: 0; mix-blend-mode: screen; pointer-events: none; }

/* Menu & Price */
.menu-price { margin-top: 30px; padding: 22px 20px; display: flex; flex-direction: column; align-items: center; gap: 30px; }
.menu-price-header { text-align: center; }
.menu-price-title-en { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 44px; color: #7ebece; letter-spacing: 4.4px; margin: 0; }
.menu-price-title-ja { font-weight: 500; font-size: 16px; color: #949494; margin: 0; }

.price-table { width: 100%; max-width: 834px; }
.table-header { display: flex; gap: 25px; padding: 30px 30px 20px; font-weight: 500; font-size: 16px; text-align: center; }
.breed-col { flex: 1; min-width: 80px; text-align: center; }
.col-cen { line-height: 3;}
.shampoo-col, .trimming-col { width: 100px; min-width: 80px; text-align: center; }

.table-divider { height: 0; margin: 0 30px; }
.table-divider img { width: 100%; height: auto; display: block; }
.table-header-line { width: 100%; height: 2px; background-color: #94C3CE; margin: 0 auto 30px; }
.table-header-line-low { width: 100%; height: 2px; background-color: #94C3CE; margin: 30px auto 0px; }

.table-rows { width: 100%; }
.table-row { display: flex; gap: 25px; padding: 20px 30px; font-weight: 500; font-size: 16px; align-items: center; }
.table-row.light { background: #f7fafd; }
.table-row .breed-col { flex: 1; min-width: 80px; text-align: left; }
.table-row .shampoo-col, .table-row .trimming-col { width: 100px; min-width: 80px; text-align: right; }

.table-footer { margin-top: 20px; }
.footer-divider { height: 0; margin: 0 30px; }
.footer-divider img { width: 100%; height: auto; display: block; }
.tax-note { text-align: right; font-weight: 500; font-size: 16px; margin: 20px 30px 0; }

/* Option */
.option { margin-top: 60px; padding: 22px 20px; display: flex; flex-direction: column; align-items: center; gap: 30px; }
.option-header { display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; max-width: 834px; }
.option-dots { display: flex; align-items: center; }
.dots-image { width: 326px; height: 28px; object-fit: contain; }
.option-title { text-align: center; white-space: nowrap; }
.option-title-en { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 26px; color: #7ebece; letter-spacing: 2.6px; margin: 0; }
.option-title-ja { font-weight: 500; font-size: 16px; color: #949494; margin: 0; }

.option-table { width: 100%; max-width: 834px; }
.option-table .table-header { gap: 25px; padding: 30px 30px 20px; }
.option-col { flex: 1; min-width: 80px; text-align: center; }
.price-col { width: 100px; min-width: 80px; text-align: center; }

.option-table .table-row { gap: 25px; padding: 20px 30px; }
.option-table .table-row .option-col { flex: 1; min-width: 80px; text-align: left; }
.option-table .table-row .price-col { width: 100px; min-width: 80px; text-align: right; }

/* Other */
.other { margin-top: 60px; padding: 22px 20px; display: flex; flex-direction: column; align-items: center; gap: 52px; }
.other-header { display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; max-width: 834px; }
.other-dots { display: flex; align-items: center; }
.other-title { text-align: center; white-space: nowrap; }
.other-title-en { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 26px; color: #7ebece; letter-spacing: 2.6px; margin: 0; }
.other-title-ja { font-weight: 500; font-size: 16px; color: #949494; margin: 0; }
.other-content { width: 100%; max-width: 834px; background: #f9fafb; padding: 30px; }
.other-content p { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 15px; line-height: 32px; margin: 0 0 16px; color: #000000; }
.other-content p:last-child { margin-bottom: 0; }
.important-note { color: #e00000 !important; font-weight: 500 !important; }

/* Access */
.access { margin-top: 90px; padding: 22px 20px; display: flex; flex-direction: column; align-items: center; gap: 40px; }
.access-header { display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; max-width: 834px; }
.access-dots { display: flex; align-items: center; }
.access-title { text-align: center; }
.access-title-main { margin-bottom: 10px; }
.access-title-en { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 44px; color: #7ebece; letter-spacing: 4.4px; margin: 0; }
.access-title-ja { font-weight: 500; font-size: 16px; color: #949494; margin: 0; }
.access-subtitle { display: flex; align-items: center; justify-content: center; gap: 15px; }
.access-subtitle p { font-family: 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 18px; color: #fdc350; margin: 0; line-height: 1.365; }
.subtitle-line { width: 28px; height: 0; border-top: 2px solid #fdc350; }
.subtitle-line.left { transform: rotate(50deg); }
.subtitle-line.right { transform: rotate(130deg); }
.access-section-title { padding-top: 20px;}

.access-map { width: 100%; max-width: 834px; }
.map-image { width: 100%;  max-height: 427px; object-fit: cover; display: block; }

.access-info { width: 100%; max-width: 834px; }
.address-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.address { font-family: 'Noto Sans', 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 15px; color: #000000; letter-spacing: 1.5px; margin: 0; }

.map-button { display: flex; align-items: center; gap: 10px; text-decoration: none; padding: 5px 10px; transition: opacity 0.3s ease; }
.map-button:hover { opacity: 0.8; }
.map-button-text { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; color: #7ebece; }
.map-icon { width: 22px; height: 15px; }

.access-details { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 16px; line-height: 36px; color: #000000; }
.access-section-title { font-weight: 700; margin: 0 0 10px; }
.access-details p { margin: 0 0 10px; }
.access-details ol { margin: 0 0 25px; padding-left: 20px; }
.access-details li { margin-bottom: 5px; }

/* Directions */
.directions { margin-top: 60px; padding: 22px 20px; display: flex; flex-direction: column; align-items: center; gap: 60px; }
.directions-header { display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; max-width: 834px; }
.directions-dots { display: flex; align-items: center; }
.dots-image { width: 100%; height: 28px; object-fit: contain; }
.directions-title { text-align: center; white-space: nowrap; }
.directions-title-en { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 26px; color: #7ebece; letter-spacing: 2.6px; margin: 0; }
.directions-title-ja { font-weight: 500; font-size: 16px; color: #949494; margin: 0; }

.directions-content { width: 100%; max-width: 834px; display: flex; flex-direction: column; gap: 50px; }
.direction-step { display: flex; gap: 50px; align-items: center; }
.direction-image { width: 380px; min-width: 300px; flex-shrink: 0; }
.step-image { width: 100%; height: auto; max-height: 285px; object-fit: cover; display: block; }

.direction-text { display: flex; gap: 7px; align-items: flex-start; }
.step-number { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 32px; color: #e7980f; letter-spacing: 3.2px; margin: 0; line-height: 32px; }
.step-description { font-family: 'Noto Sans', 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 15px; color: #000000; letter-spacing: 1.5px; margin: 0; line-height: 32px; }

.direction-divider { width: 100%; text-align: center; }
.divider-image { width: 100%; height: auto; display: block; }

.direction-divider-line { width: 100%; height: 2px; background-color: #DCDCDC; margin: 0px auto; }

/* SNS */
.sns { margin-top: 90px; padding: 90px 20px; background-image: url('assets/images/sns_bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.sns-content { width: 100%; max-width: 834px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 60px; }
.sns-description { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 18px; color: #000000; text-align: center; letter-spacing: 1.8px; margin: 0; line-height: 32px; }
.sns-label-pc { display: block; }
.sns-label-sp { display: none; }
.sns-buttons { display: flex; gap: 60px; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.sns-button { position: relative; display: flex; align-items: center; justify-content: center; width: 360px; height: 88px; text-decoration: none; transition: opacity 0.3s ease; }
.sns-button:hover { opacity: 0.8; }
.sns-button-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; }
.sns-button-text { position: relative; z-index: 2; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 18px; color: #3b3b3b; letter-spacing: 2.4px; margin: 0; margin-left: 30px; }
.sns-icon { position: absolute; left: 80px; top: 50%; transform: translateY(-50%); width: 37px; height: 37px; z-index: 2; }
.sns-button.line .sns-icon { left: 90px; width: 39px; height: 39px; }

/* Footer Contact */
.footer-contact { margin-top: 90px; padding: 60px 0px; display: flex; flex-direction: column; align-items: center; gap: 60px; }
.footer-contact-header { text-align: center; }
.footer-contact-title-en { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 44px; color: #7ebece; letter-spacing: 4.4px; margin: 0; }
.footer-contact-title-ja { font-weight: 500; font-size: 16px; color: #949494; margin: 0; margin-top: 10px; }

.footer-contact-content { width: 100%; background-color: #f3fcfe; padding: 60px 20px; display: flex; flex-direction: column; align-items: center; gap: 45px; }
.footer-contact-description { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 24px; color: #000000; text-align: center; margin: 0; line-height: 1.365; }

.footer-contact-buttons { display: flex; gap: 60px; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.footer-contact-button-group { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.footer-contact-button-label { font-family: 'Noto Sans', 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 15px; color: #000000; text-align: center; letter-spacing: 1.5px; margin: 0; line-height: 32px; }
.footer-contact-button-subtitle { font-family: 'Noto Sans', 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 15px; color: #000000; text-align: center; letter-spacing: 1.5px; margin: 0; line-height: 32px; }

.footer-contact-button { position: relative; display: flex; align-items: center; justify-content: center; width: 360px; height: 88px; text-decoration: none; transition: opacity 0.3s ease; }
.footer-contact-button:hover { opacity: 0.8; }
.footer-contact-button-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; border: 1px solid #7ebece; min-width: 335px; }
.footer-contact-button-text { position: relative; z-index: 2; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 22px; color: #7ebece; letter-spacing: 1.35px; margin: 0; margin-left: 30px; }
.footer-contact-button-icon { position: absolute; left: 60px; top: 50%; transform: translateY(-50%); width: 24px; height: 20px; z-index: 2; }

.footer-contact-button.form .footer-contact-button-text { font-family: 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 18px; transform: translateY(-7%); }

/* Registration */
.registration { margin-top: 90px; padding: 60px 20px; background-color: #fafafa; }
.registration-content { width: 100%; max-width: 834px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 80px; align-items: flex-start; justify-content: center; }
.registration-title { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: 24px; color: #000000; margin: 0; line-height: 1.365; white-space: nowrap; }
.registration-info { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 15px; color: #000000; line-height: 32px; margin: 0; width: 350px; }
.registration-info p { margin: 0 0 16px; }
.registration-info p:last-child { margin-bottom: 0; }

/* Footer */
.footer { margin-top: 90px; padding: 60px 20px 30px; }
.footer-content { width: 100%; max-width: 834px; margin: 0 auto; text-align: center; }
.footer-copyright { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 11px; color: #626262; letter-spacing: 1.65px; margin: 0; line-height: normal; }

/* Responsive: <= 1060px (narrow layout tweaks) */
@media (max-width: 1060px) {
  /* 画像とテキストが横並びのままの領域のため特別な指定はしない */
  
  /* Service mobile stack (縦並び時に適用) */
  .service { padding: 90px 0; }
  .service-row { padding: 0 20px; }
  .service-row .service-text { width: 100%; max-width: 460px; background: #f3fcfe; padding: 30px 30px; margin-top: 30px; }
  .service-row .service-photo { width: 100%; max-width: none; }
  .service-row .service-photo img { margin: 0 auto; }
  .service02 { display: flex; flex-direction: column; }
  .service02 .service-photo { order: -1; }
  
}

/* Responsive: <= 768px */
@media (max-width: 768px) {
  .header-container { height: 70px; }
  .logo-image { height: 38px; margin-left: 28px; }
  .concept-container { padding: 180px 30px 30px; display: flex; justify-content: center; }
  .concept-content { gap: 25px; }
  .contact-button.tell { width: 80px; height: 70px; padding: 10px 0; flex-direction: column; gap: 8px; }
  .contact-label-pc { display: none; }
  .contact-label-sp { display: block; font-size: 11px; letter-spacing: 1px; color: #7ebece; }
  .phone-info { order: 2; grid-auto-flow: row; justify-items: center; align-items: center; }
  .phone-number { font-size: 0; }
  .contact-button.mail { width: 80px; height: 70px; padding: 22px 0px; }
  .mail-icon { width: 19px; height: 14.5px; }
  .contact-button.mail .contact-label { color: #ffffff; }

  /* MV SP stacked overlap */
  .mv { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 0; padding: 0; margin-top: 30px; }
  .mv-left, .mv-right { grid-column: 1 / -1; grid-row: 1 / -1; }
  .mv-right { z-index: 1; }
  .mv-left { z-index: 2; justify-content: flex-start; padding-left: 20px; align-items: flex-start; }
  .mv-bg { width: 65%; height: auto; aspect-ratio: 1580/1260; object-fit: cover; float: right; }
  .mv-text { margin-top:180px ; width: 53%; height: auto; object-fit: contain; position: absolute; }

  /* Concept text scale 0.8x */
  .concept-title p { font-size: 28.8px; }
  .concept-subtitle p { font-size: 12.8px; }
  .concept-main-text p { font-size: 22.4px; }

  /* Lato font scale 0.8x */
  .service-title-en { font-size: 40px; }
  .service-row .service-text h3 { font-size: 22px;}
  .menu-price-title-en { font-size: 40px; }

  /* Concept images spacing on mobile */
  .concept-images { margin-top: 30px; }

  /* Menu & Price mobile */
  .menu-price { margin-top: 0px; padding: 22px 20px; }
  .table-header { gap: 15px; padding: 20px 20px 10px; }
  .breed-col { flex: 1; min-width: auto; word-wrap: break-word; }
  .shampoo-col, .trimming-col { width: 80px; min-width: 80px; }
  .table-row { gap: 15px; padding: 15px 20px; }
  .table-row .breed-col { flex: 1; word-wrap: break-word; }
  .table-row .shampoo-col, .table-row .trimming-col { width: 80px; min-width: 80px; }
  .table-divider, .footer-divider { margin: 0 20px; }
  .tax-note { margin: 15px 20px 0; text-align: right; }

  /* Option mobile */
  .option { margin-top: 45px; padding: 22px 20px; }
  .option-header { gap: 20px; }
  .dots-image { width: 100%; height: auto; }
  .option-title-en { font-size: 26px; letter-spacing: 2.2px; }
  .option-table .table-header { gap: 15px; padding: 20px 20px 10px; }
  .option-col { flex: 1; min-width: auto; word-wrap: break-word; }
  .price-col { width: 80px; min-width: 80px; }
  .option-table .table-row { gap: 15px; padding: 15px 20px; }
  .option-table .table-row .option-col { flex: 1; word-wrap: break-word; }
  .option-table .table-row .price-col { width: 80px; min-width: 80px; }

  /* Other mobile */
  .other { margin-top: 45px; padding: 22px 20px; gap: 30px; }
  .other-header { gap: 20px; }
  .other-content { padding: 20px; }
  .other-content p { font-size: 14px; line-height: 28px; }

  /* Access mobile */
  .access { margin-top: 90px; padding: 22px 20px; gap: 30px; }
  .access-header { gap: 20px; }
  .access-title-en { font-size: 40px; letter-spacing: 4px; }
  .access-subtitle { gap: 10px; }
  .subtitle-line { width: 22px; }
  .address-info { flex-direction: column; align-items: flex-start; gap: 10px; }
  .access-details { font-size: 14px; line-height: 28px; }
  .access-details ol { padding-left: 15px; }
  .map-image {max-height: 380px;}

  /* Directions mobile */
  .directions { margin-top: 45px; padding: 22px 20px; gap: 30px; }
  .directions-header { gap: 20px; }
  .dots-image { width: 100%; height: auto; }
  .directions-title-en { font-size: 26px; letter-spacing: 2.2px; }
  .directions-content { gap: 50px; }
  .direction-step { flex-direction: column; gap: 20px; align-items: center; }
  .direction-image { width: 100%; max-width: 380px; }
  .direction-text { flex-direction: row; gap: 7px; text-align: left; max-width: 380px;}
  .step-number { font-size: 28px; }
  .step-description { font-size: 14px; line-height: 28px; }

  /* SNS mobile */
  .sns { margin-top: 45px; padding: 45px 20px; }
  .sns-content { gap: 30px; }
  .sns-buttons { gap: 20px; min-width: 335px; justify-content: center; }
  .sns-button { width: 100%; max-width: 360px; min-width: 335px; }
  .sns-description { font-size: 16px; line-height: 28px; }
  .sns-button-text { font-size: 18px; }
  .sns-label-pc { display: none; }
  .sns-label-sp { display: block; }

/* Footer Contact mobile */
  .footer-contact { margin-top: 30px; padding: 45px 0; gap: 30px; }
  .footer-contact-content { padding: 45px 20px; gap: 45px; }
  .footer-contact-buttons { flex-direction: column; gap: 30px; align-items: center; }
  .footer-contact-button-group { gap: 5px; }
  .footer-contact-title-en { font-size: 40px; letter-spacing: 4px; }
  .footer-contact-description { font-size: 20px; }
  .footer-contact-button { width: 100%; max-width: 360px; min-width: 335px; }

/* Registration responsive */
  .registration { margin-top: 30px; padding: 45px 20px; }
  .registration-content { flex-direction: column; gap: 30px; align-items: center; }
  .registration-title { font-size: 20px; }
  .registration-info { font-size: 14px; line-height: 28px; width: 100%; max-width: 350px; }

/* Footer responsive */
  .footer { margin-top: 30px; padding: 30px 20px 15px; }
  .footer-copyright { font-size: 10px; letter-spacing: 1.5px; }
}

/* Responsive: <= 450px */
@media (max-width: 450px) {
  .concept-container { padding: 240px 30px 30px; }
  .mv-bg { width: 80%; max-height: 320px; }
  .mv-text { margin-top:260px ; width: 60%; margin-left: 20px; }
}