/*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* CSS Document */ body { font-family: "Zen Maru Gothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "corporate-logo-ver2", sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: break-word; overflow-wrap: break-word; background-color: #E6F4FB; line-height: 1.6; color: #222222; transition: all 0.2s; text-align: center; } /* font-family */ /* font-size */ html { font-size: 62.5%; } ul, ol, dl, li, strong, dt, dd, p, div, span, a, article, label, input, select, textarea { font-size: clamp(1.6rem, 1.2vw + 0.8rem, 2rem); font-weight: normal; } h1 { font-size: clamp(2.4rem, 3.6vw - 0.5rem, 3.2rem); } h2 { font-size: clamp(2.4rem, 3.6vw - 0.5rem, 3.2rem); } h3 { font-size: clamp(2.4rem, 3.6vw - 0.5rem, 3.2rem); } h4, h5, h6 { font-size: clamp(2rem, 2vw + 0.5rem, 2.4rem); } h1, h2, h3, h4, h5, h6 { font-weight: bold; } .bold { font-weight: bold; } .tal { text-align: left; } .tar { text-align: right; } .tac { text-align: center; } /* border */ /* grid */ .grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 16px; padding-right: 16px; padding-left: 16px; align-items: start; } .wrap { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 16px; align-items: start; } .center { text-align: center; } .clear { display: none !important; } .show { display: block !important; } .hidden { visibility: hidden !important; } @media (max-width: 1600px) { .max-clear { display: none !important; } .max-show { display: block !important; } .max-hidden { visibility: hidden !important; } } @media (max-width: 1280px) { .web-clear { display: none !important; } .web-show { display: block !important; } .web-hidden { visibility: hidden !important; } } @media (max-width: 1024px) { .pad-clear { display: none !important; } .pad-show { display: block !important; } .pad-hidden { visibility: hidden !important; } } @media (max-width: 768px) { .mob-clear { display: none !important; } .mob-show { display: block !important; } .mob-hidden { visibility: hidden !important; } } .all-1 { grid-column: span 1; } .all-2 { grid-column: span 2; } .all-3 { grid-column: span 3; } .all-4, .three { grid-column: span 4; } .all-5 { grid-column: span 5; } .all-6, .half { grid-column: span 6; } .all-7 { grid-column: span 7; } .all-8 { grid-column: span 8; } .all-9 { grid-column: span 9; } .all-10 { grid-column: span 10; } .all-11 { grid-column: span 11; } .all-12, .all { grid-column: span 12; } @media (max-width: 1600px) { .max-1 { grid-column: span 1; } .max-2 { grid-column: span 2; } .max-3 { grid-column: span 3; } .max-4 { grid-column: span 4; } .max-5 { grid-column: span 5; } .max-6 { grid-column: span 6; } .max-7 { grid-column: span 7; } .max-8 { grid-column: span 8; } .max-9 { grid-column: span 9; } .max-10 { grid-column: span 10; } .max-11 { grid-column: span 11; } .max-12 { grid-column: span 12; } } @media (max-width: 1280px) { .web-1 { grid-column: span 1; } .web-2 { grid-column: span 2; } .web-3 { grid-column: span 3; } .web-4 { grid-column: span 4; } .web-5 { grid-column: span 5; } .web-6 { grid-column: span 6; } .web-7 { grid-column: span 7; } .web-8 { grid-column: span 8; } .web-9 { grid-column: span 9; } .web-10 { grid-column: span 10; } .web-11 { grid-column: span 11; } .web-12 { grid-column: span 12; } } @media (max-width: 1024px) { .pad-1 { grid-column: span 1; } .pad-2 { grid-column: span 2; } .pad-3 { grid-column: span 3; } .pad-4 { grid-column: span 4; } .pad-5 { grid-column: span 5; } .pad-6 { grid-column: span 6; } .pad-7 { grid-column: span 7; } .pad-8 { grid-column: span 8; } .pad-9 { grid-column: span 9; } .pad-10 { grid-column: span 10; } .pad-11 { grid-column: span 11; } .pad-12 { grid-column: span 12; } } @media (max-width: 768px) { .mob-1 { grid-column: span 1; } .mob-2 { grid-column: span 2; } .mob-3 { grid-column: span 3; } .mob-4 { grid-column: span 4; } .mob-5 { grid-column: span 5; } .mob-6 { grid-column: span 6; } .mob-7 { grid-column: span 7; } .mob-8 { grid-column: span 8; } .mob-9 { grid-column: span 9; } .mob-10 { grid-column: span 10; } .mob-11 { grid-column: span 11; } .mob-12 { grid-column: span 12; } } header { background: #2D9CDB; display: inline-block; width: 100%; } header .header__logo { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin-top: 40px; } header .header__logo .header__logo-deco { max-width: 96px; width: 100%; } header .header__logo .header__logo-main { max-width: 470px; width: 100%; margin: 0 72px; } header .header__message { margin-top: 80px; position: relative; display: inline-block; margin-left: auto; margin-right: auto; } header .header__message .header__message-deco { position: absolute; top: -40px; width: 91px; } header .header__message p { font-family: "corporate-logo-ver2", sans-serif; font-weight: 700; font-style: normal; border: #222222 solid 1px; padding: 40px; background-color: #ffffff; font-size: clamp(2.4rem, 3.6vw - 0.5rem, 3.2rem); font-weight: bold; } header .header__message p span { font-size: clamp(2.4rem, 3.6vw - 0.5rem, 3.2rem); font-weight: bold; color: #2D9CDB; line-height: 2; } header .header__menu { color: #ffffff; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-top: 80px; margin-bottom: 40px; } header .header__menu li a { padding: 12px; font-weight: bold; transition: all 0.2s; } header .header__menu li a:hover { color: #ffffff; border-bottom: 2px solid #ffffff; } header .header__menu .header__menu-item a { display: inline-block; padding: 16px 32px; } header .header__menu .header__menu-item a:hover { background: #f42c84; border-color: #ffffff; } header .header__menu .header__menu-item--entry { margin-left: 28px; } header .header__menu .header__menu-item--entry a { border: #222222 solid 1px; background-color: #ffffff; color: #222222; } header .header__menu .header__menu-item--entry a:hover { border: solid 1px #ffffff; background-color: #f42c84; color: #ffffff; } header .header__menu .header__menu-item--contact { margin-left: 40px; } header .header__menu .header__menu-item--contact a { border: #222222 solid 1px; background-color: #ffffff; color: #222222; } header .header__menu .header__menu-item--contact a:hover { border: solid 1px #ffffff; background-color: #f42c84; color: #ffffff; } #totop { z-index: 99999; display: none; position: fixed; bottom: 40px; right: 40px; background-color: #2D9CDB; width: 80px; height: 80px; border: 3px solid #ffffff; border-radius: 80px; line-height: 80px; transition: all 0.2s; cursor: pointer; } #totop img { width: 32px; } #totop:hover { box-shadow: 4px #E05290; transform: translateY(-4px); } h2 { font-family: "corporate-logo-ver2", sans-serif; font-weight: 700; font-style: normal; width: 100%; max-width: 1200px; color: white; background-color: #E05290; padding: 16px 0; margin-top: 120px; margin-bottom: 40px; display: inline-block; height: 100%; } h2 img { max-height: 52px; height: 100%; } .flow__container__button_outer { position: relative; margin-top: 190px; } .flow__container__button_outer a { z-index: 999; position: relative; } .flow__container__button_outer img { z-index: 1; position: absolute; max-width: 320px; width: 100%; top: -104px; left: 50%; transform: translateX(-50%); transition: all 0.2s; } .flow__container__button { display: inline-block; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; margin-top: 80px; transition: all 0.2s; } .flow__container__button span { transform: translateY(20px); display: inline-block; background-color: #ffffff; border: solid 4px #f42c84; color: #222222; padding: 4px 40px; border-radius: 40px; font-weight: bold; transition: all 0.2s; } .flow__container__button p { font-size: clamp(2.4rem, 3.6vw - 0.5rem, 3.2rem); color: #ffffff; background-color: #f42c84; border: 4px solid #f42c84; font-weight: bold; border-radius: 80px; padding: 24px 80px; box-shadow: 0 4px 0 #ffffff; margin-left: auto; margin-right: auto; transition: all 0.2s; } .flow__container__button:hover { transform: translateY(-8px); } .flow__container__button:hover span { color: #ffffff; background-color: #f42c84; } .flow__container__button:hover p { background-color: #ffffff; color: #f42c84; box-shadow: 0 8px 0 #ffffff; } .flow__container__button:hover { transform: translateY(-4px); color: #f42c84; } .flow__container__button:hover + img { top: -116px !important; } #about { display: inline-block; width: 100%; padding-bottom: 80px; padding-left: 16px; padding-right: 16px; } #about .about__container { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } #about .about__container .about__deco { max-width: 80px; width: 100%; } #about p { max-width: 576px; margin: 0 64px; line-height: 2.2; } #about p span { font-weight: bold; } #flow { display: inline-block; width: 100%; padding-bottom: 160px; padding-left: 16px; padding-right: 16px; } #flow .flow__container { display: flex; flex-direction: column; justify-content: center; } #flow .flow__container .flow__ttl { margin: 40px auto; width: 100%; max-width: 600px; } #flow .flow__container .flow__container__block { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } #flow .flow__container .flow__container__block .flow__container-card { border: #222222 solid 1px; display: flex; flex-direction: column; align-items: center; background-color: #ffffff; padding: 100px 40px; margin-right: 40px; max-width: 440px; width: 100%; } #flow .flow__container .flow__container__block .flow__container-card img { max-width: 280px; width: 100%; margin-bottom: 16px; } #flow .flow__container .flow__container__block .flow__container-card h3 { font-family: "corporate-logo-ver2", sans-serif; font-weight: 700; font-style: normal; color: #2D9CDB; margin-bottom: 8px; } #flow .flow__container .flow__container__block .flow__container-card .flow__container-card__text { line-height: 2; font-weight: 800; } #flow .flow__container .flow__container__block .flow__container-card .flow__container-card__text span { font-weight: bold; } #flow .flow__container .flow__container__block .flow__container__table { max-width: 712px; width: 100%; } #flow .flow__container .flow__container__block .flow__container__table tr { border: #222222 solid 1px; display: flex; align-items: stretch; margin-bottom: 16px; } #flow .flow__container .flow__container__block .flow__container__table tr:last-child { margin-bottom: 0px; } #flow .flow__container .flow__container__block .flow__container__table tr th { display: flex; align-items: center; justify-content: center; font-weight: bold; background-color: #2D9CDB; color: #ffffff; padding: 24px; max-width: 152px; width: 100%; } #flow .flow__container .flow__container__block .flow__container__table tr td { display: inline-block; text-align: left; padding: 24px 40px; background-color: #ffffff; max-width: 560px; width: 100%; } #flow .flow__container .flow__container__block .flow__container__table tr td span { font-weight: bold; } #flow .flow__container .flow__container__block .flow__container__table tr td a { color: #E05290; font-weight: bold; transition: all 0.2s; } #flow .flow__container .flow__container__block .flow__container__table tr td a:hover { opacity: 0.7; text-decoration: underline; } #flow .flow__container .flow__container__block .flow__container__table tr .subsidy_contact { padding-top: 12px; } #flow .flow__container .flow__container__block .flow__container__table tr .subsidy_contact p, #flow .flow__container .flow__container__block .flow__container__table tr .subsidy_contact a { font-size: 90%; line-height: 1.4; } #flow .flow__container .flow__container__block .flow__container__table tr .subsidy_contact p:first-child { font-weight: bold; } #flow .flow__container .flow__container__timetabele { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1024px; margin: 96px auto 0; } #flow .flow__container .flow__container__timetabele table { max-width: 600px; width: 70%; margin-left: auto; margin-right: auto; } #flow .flow__container .flow__container__timetabele table .table_ttl { width: 100%; max-width: 600px; font-weight: 800; font-size: 120%; background-color: #2D9CDB; color: #ffffff; text-align: center; border: #222222 solid 1px; } #flow .flow__container .flow__container__timetabele table tr { display: flex; align-items: stretch; } #flow .flow__container .flow__container__timetabele table tr th { border: #222222 solid 1px; background-color: #2D9CDB; color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: bold; padding: 24px; max-width: 160px; width: 100%; margin-bottom: 16px; } #flow .flow__container .flow__container__timetabele table tr td { border: #222222 solid 1px; border-left: none; background-color: #ffffff; display: inline-block; text-align: left; padding: 24px 40px; max-width: 440px; width: 100%; margin-bottom: 16px; } #flow .flow__container .flow__container__timetabele table tr:last-child th { margin-bottom: 0; } #flow .flow__container .flow__container__timetabele table tr:last-child td { margin-bottom: 0; } #flow .flow__container .flow__container__timetabele img { max-width: 500px; width: 30%; } #flow .flow__arrow { width: 64px; margin-top: 120px; margin-bottom: 120px; } #recommend { background-color: #C6E7F5; align-items: center; justify-content: center; padding: 120px 16px; } #recommend .recommend__container { margin-top: 90px; display: flex; text-align: left; justify-content: center; align-items: center; } #recommend .recommend__container .recommend__illust { width: 15%; min-width: 230px; max-width: 400px; margin-right: 80px; } #recommend .recommend__container .recommend__illust img { width: 100%; } #recommend .recommend__container ul li { width: -moz-fit-content; width: fit-content; text-align: left; background-color: #ffffff; padding: 8px 24px; padding-left: 8px; border: 1px solid #2D9CDB; margin-bottom: 16px; } #recommend .recommend__container ul li span { font-weight: bold; } #member { padding-bottom: 120px; padding-left: 16px; padding-right: 16px; } #member .member__container .member__container-box { width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; display: grid; gap: 40px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, auto); } #member .member__container .member__container-box a { display: inline-block; width: -moz-fit-content; width: fit-content; background-color: #ffffff; border: 1px solid #2D9CDB; padding: 16px 24px; color: #2D9CDB; font-weight: bold; transition: all 0.2s; } #member .member__container .member__container-box a:hover { background-color: #2D9CDB; border: 3px solid #ffffff; color: #ffffff; transform: translateY(-4px); box-shadow: 0 4px 0 #ffffff; } #member .member__container .member__container-alert { display: inline-block; margin-top: 40px; background-color: #1B75BB; padding: 16px 24px; border-radius: 4px; color: #ffffff; } #entry { background-color: #C6E7F5; padding-left: 16px; padding-right: 16px; } #entry .entry__button { margin-top: 187px; position: relative; } #entry .entry__button img { z-index: 1; position: absolute; max-width: 320px; width: 100%; top: -187px; left: 50%; transform: translateX(-50%); transition: all 0.2s; } #entry .entry__button a { z-index: 999; position: relative; display: inline-block; font-size: clamp(2.4rem, 3.6vw - 0.5rem, 3.2rem); color: #ffffff; background-color: #f42c84; border: 4px solid #ffffff; font-weight: bold; border-radius: 80px; padding: 24px 80px; box-shadow: 0 4px 0 #f42c84; margin-left: auto; margin-right: auto; transition: all 0.2s; } #entry .entry__button a:hover { transform: translateY(-4px); border: solid 4px #f42c84; background-color: #ffffff; color: #f42c84; box-shadow: 0 8px 0 #f42c84; } #entry .entry__button a:hover + img { top: -200px !important; } #entry .entry__text { margin-top: 40px; margin-bottom: 160px; line-height: 2.2; } #entry .entry__text span { font-weight: bold; } #entry .entry__info { margin-bottom: 80px; display: inline-block; margin-left: auto; margin-right: auto; } #entry .entry__info p { text-align: left; line-height: 2; } #entry .entry__info p span { font-weight: bold; } #entry .entry__info p a { color: #E05290; font-weight: bold; transition: all 0.2s; } #entry .entry__info p a:hover { opacity: 0.7; text-decoration: underline; } @media (max-width: 1280px) { header .header__logo .header__logo-deco { max-width: 90px; } header .header__logo .header__logo-main { max-width: 540px; } header .header__message .header__message-deco { width: 80px; } header .header__message p { padding: 32px; } header .header__menu { padding: 0 40px; } header .header__menu li:first-child { margin-left: auto; } header .header__menu li:nth-child(4) { margin-right: auto; } header .header__menu .header__menu-item { margin-top: 40px; width: 50%; padding: 0 24px; } header .header__menu .header__menu-item--entry { margin-left: 0px; text-align: right; } header .header__menu .header__menu-item--contact { margin-left: 0px; text-align: left; } #about { padding-bottom: 40px; } #about p { width: 100%; margin: 24px; } #flow .flow__container .flow__container__block { flex-direction: column; } #flow .flow__container .flow__container__block .flow__container-card { margin-right: 0px; margin-bottom: 40px; } } @media (max-width: 1024px) { header .header__logo { margin-top: 24px; } header .header__logo .header__logo-deco { max-width: 70px; margin-bottom: -24px; } header .header__logo .header__logo-deco--left { z-index: 9; } header .header__logo .header__logo-deco--right { z-index: 9; } header .header__logo .header__logo-main { z-index: 99; max-width: 420px; margin-top: 32px; } header .header__message .header__message-deco { width: 80px; } header .header__message p { padding: 32px; } header .header__menu { padding: 0 40px; } header .header__menu li:first-child { margin-left: auto; } header .header__menu li:nth-child(4) { margin-right: auto; } header .header__menu .header__menu-item { margin-top: 40px; width: 50%; padding: 0 24px; } header .header__menu .header__menu-item--entry { margin-left: 0px; text-align: right; } header .header__menu .header__menu-item--contact { margin-left: 0px; text-align: left; } #about p { max-width: 490px; margin: 0 16px; order: -1; } #about img { margin: 16px; } #about .about__container .about__deco { margin: 24px 32px; } #recommend { margin: 0 auto; } #recommend .recommend__container { margin-top: 40px; display: block; text-align: center; } #recommend .recommend__container .recommend__illust { margin: 0 auto; } #recommend .recommend__container ul { width: -moz-fit-content; width: fit-content; margin: 40px auto; } #entry .entry__text { max-width: 578px; margin-left: auto; margin-right: auto; } } @media (max-width: 768px) { .flow__container__button { margin-top: 16px; } .flow__container__button p { font-size: clamp(2rem, 2vw + 0.5rem, 2.4rem); padding: 24px 0; width: 100%; display: inline-block; } header .header__logo { margin: 0 auto; max-width: 330px; } header .header__logo .header__logo-deco { display: none; max-width: 128px; margin-bottom: -56px; } header .header__logo .header__logo-deco--left { margin-right: 0px; z-index: 9; } header .header__logo .header__logo-deco--right { margin-left: 0px; z-index: 9; } header .header__logo .header__logo-main { text-align: center; z-index: 99; max-width: 560px; padding-left: 16px; padding-right: 16px; order: 1; } header .header__message { max-width: 480px; width: 100%; margin-top: 40px; padding: 0 12px; } header .header__message .header__message-deco { top: -16px; width: 48px; } header .header__message .header__message-deco--left { left: 0px; } header .header__message .header__message-deco--right { right: 0px; } header .header__message p { width: 100%; padding: 16px 8px; font-size: clamp(2rem, 2vw + 0.5rem, 2.4rem); } header .header__message p span { font-size: clamp(2rem, 2vw + 0.5rem, 2.4rem); } header .header__menu { padding: 0 16px; margin-top: 40px; margin-bottom: 80px; } header .header__menu li:first-child { display: none; } header .header__menu li:nth-child(2) { display: none; } header .header__menu li:nth-child(3) { display: none; } header .header__menu li:nth-child(4) { display: none; } header .header__menu .header__menu-item { margin-top: 0px; width: auto; padding: 0px; } header .header__menu .header__menu-item a { padding: 8px 24px; } header .header__menu .header__menu-item--entry { margin-left: 0px; margin-right: 16px; text-align: right; } header .header__menu .header__menu-item--contact { margin-left: 0px; text-align: left; } #totop { bottom: 24px; right: 24px; width: 48px; height: 48px; line-height: 40px; } #totop img { width: 16px; } #totop:hover { box-shadow: 0 2px 0 #F27444; transform: translateY(-2px); } h2 { margin-top: 80px; margin-bottom: 16px; } #about { padding-bottom: 0px; padding: 0 16px; } #about .about__container .about__deco { max-width: 160px; max-height: 200px; width: auto; margin: 24px 32px; } #flow { padding-left: 16px; padding-right: 16px; padding-bottom: 120px; } #flow .flow__container .flow__ttl { position: relative; overflow: hidden; height: 40px; margin-bottom: 16px; } #flow .flow__container .flow__ttl img { position: absolute; right: 0; left: 0; } #flow .flow__container .flow__container__block .flow__container-card { padding: 40px; font-size: 16px; margin-bottom: 8px; } #flow .flow__container .flow__container__block .flow__container-card img { max-width: 200px; } #flow .flow__container .flow__container__block .flow__container__table tr th { padding: 16px; max-width: 96px; } #flow .flow__container .flow__container__block .flow__container__table tr td { padding: 16px; } #flow .flow__container .flow__container__timetabele { display: block; margin-top: 90px; } #flow .flow__container .flow__container__timetabele table { max-width: 512px; width: 100%; } #flow .flow__container .flow__container__timetabele table tr th { padding: 16px; max-width: 88px; } #flow .flow__container .flow__container__timetabele table tr td { padding: 16px; } #flow .flow__container .flow__container__timetabele img { width: 60%; margin-top: 24px; } #flow .flow__arrow { width: 48px; margin-top: 80px; margin-bottom: 80px; } #recommend { padding-top: 80px; padding-bottom: 80px; } #recommend h2 { margin-top: 0; } #recommend .recommend__container { display: block; width: 100%; text-align: center; } #recommend .recommend__container ul { max-width: 480px; margin-top: 40px; } #recommend .recommend__container ul li { padding: 8px; padding-right: 12px; } #recommend .recommend__container .recommend__illust { max-width: 500px; } #member { padding: 0 16px 80px; padding-bottom: 80px; } #member .member__container { padding-left: 16px; padding-right: 16px; } #member .member__container .member__container-box { margin-top: 24px; gap: 24px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, auto); } #entry { padding-left: 16px; padding-right: 16px; } #entry .entry__button img { max-width: 280px; top: -160px; } #entry .entry__button a { font-size: clamp(2rem, 2vw + 0.5rem, 2.4rem); padding: 24px 0; width: 100%; } #entry .entry__text { margin-bottom: 80px; } #entry .entry__info { margin-bottom: 88px; } }/*# sourceMappingURL=style.css.map */