+.l-navigation__menu {
+ position: fixed;
+ top: 0; left: 0;
+ width: 100%; height: 100%;
+ background-color: #083F4D;
+ z-index: $master-layer;
+ padding-top: 93px;
+ opacity: 0;
+ pointer-events: none;
+ transition: opacity 350ms $ease-out;
+
+ .l-container {
+ display: flex;
+ flex-direction: column;
+ }
+}
+
+.l-navigation__menu__links {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+
+ @include rwd(tablet) {
+ flex-wrap: wrap;
+ max-height: calc(100vh - 120px);
+ overflow-y: scroll;
+ }
+
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ max-width: 212px;
+
+ @include rwd(tablet) {
+ width: 100%;
+ max-width: 100%;
+ margin-bottom: 20px;
+ }
+
+ li {
+ font-weight: $regular;
+ @include font-size(18px);
+ line-height: 100%;
+ padding-top: 16px;
+
+ strong {
+ color: #92BD39;
+ font-weight: $semibold;
+ @include font-size(21px);
+ line-height: 140%;
+ letter-spacing: -0.01em;
+ }
+
+ a {
+ color: $color-white;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+
+ hr {
+ width: 34px;
+ height: 1px;
+ background: #007880;
+ margin-left: 0;
+ border: 0;
+ }
+ }
+ }
+}
+
+.l-navigation__menu__info {
+ display: flex;
+ width: 100%;
+ padding-top: 58px;
+ justify-content: space-between;
+ align-items: flex-end;
+}
+
+.l-navigation__menu__book {
+ p {
+ color: $color-white;
+ @include font-size(21px);
+ line-height: 140%;
+ strong {
+ color: #92BD39;
+ letter-spacing: -0.01em;
+ font-weight: $semibold;
+ }
+ }
+}
+
+.l-navigation__menu__book__info {
+ display: flex;
+ margin-top: 20px;
+ align-items: flex-start;
+ padding: 12px;
+ background-color: $color-white;
+ border-radius: 6px;
+ color: #808080;