.l-themes__wrapper { width: 100%; h2 { margin: 0; font-weight: 600; font-size: 21.5px; line-height: 140%; border-bottom: 1px solid #D9D9D9; padding-bottom: 15px; padding-top: 5px; letter-spacing: -0.01em; color: #007880; margin-bottom: 23px; display: flex; justify-content: space-between; flex-direction: column; align-items: stretch; @include rwd($break-flow) { flex-direction: row; } a { display: flex; justify-content: flex-end; align-items: center; font-weight: bold; font-size: 16px; color: #474747; &:hover { span { text-decoration: underline; } } .icon { color: #007880; font-size: 10px; margin-left: 10px; } } } .links { display: flex; list-style: none; padding: 0; margin: 0; margin-top: 65px; li { display: flex; align-items: center; &:not(:last-child) { padding-right: 12px; &:after { margin-left: 12px; content: ""; height: 70%; width: 1px; background-color: #007880; display: block; } } a { font-weight: normal; font-size: 15px; line-height: 160%; color: #808080; &:hover { text-decoration: underline; } } } } } .l-themes { margin-top: 15px; ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; li { min-width: 150px; margin-bottom: 17px; font-weight: normal; font-size: 18px; line-height: 150%; color: #474747; span { color: #007880; } a { &:hover { text-decoration: underline; } } } } button { font-weight: $bold; @include font-size(24px); line-height: 28px; text-align: center; text-decoration-line: underline; color: $color-gray; appearance: none; background: transparent; padding: 0; border: 0; cursor: pointer; display: block; margin: 43px auto 0; } }