/* Revision for Adding Recruit */
.button-R { margin-left: 10px; }
.button-R > a { background-color: #48684e; }

@media screen and (max-width: 1100px) { .header > .header-inner > .g-navi, .header > .header-inner > .u-navi { margin-right: 15px; } }
.floating { display: block; position: fixed; right: 0; z-index: 1; }
@media screen and (min-width: 602px) { .floating { top: 50%; transform: translateY(-50%); transform-origin: right bottom; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } }
@media screen and (max-width: 601px) { .floating { bottom: 0; } }
.floating a { padding: 20px 10px 20px 15px; display: block; background-color: #927749; color: #FFF; border-radius: 10px 0 0 10px; font-size: 18px; line-height: 1; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 601px) { .floating a { padding: 4vw; border-radius: 10px 0 0 0; font-size: 4.4vw; } }
.floating a span { position: relative; }
@media screen and (min-width: 602px) { .floating a span { padding-bottom: 20px; margin-bottom: 5px; } }
@media screen and (max-width: 601px) { .floating a span { padding-right: 5vw; } }
.floating a span::after { content: ""; display: inline-block; width: 20px; height: 1px; background-color: #FFF; position: absolute; bottom: 0; right: 0; transform: rotate(-45deg); transform-origin: top left; }
@media screen and (max-width: 601px) { .floating a span::after { width: 5vw; transform: rotate(-60deg) translateX(2px); } }