@charset "UTF-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  background: transparent;
}

a:focus {
  /*outline: thin dotted;*/
}

a:hover,
a:active {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "\201C""\201D""\2018""\2019";
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  vertical-align: middle;
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:after,
*:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.rf-inner,
.rf-scroll-top {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 1.6rem;
}

.br::before {
  content: "\A";
  white-space: pre;
}

.br-sp::before {
  content: "\A";
  white-space: pre;
}

.br-pc::before {
  content: "";
  white-space: normal;
}

br.sp {
  display: block;
}

br.pc {
  display: none;
}

/*
clear fix
*/
/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}

@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 400;
  src: url("/careers/assets/fonts/NotoSans-Regular.eot");
  src: local("Noto Sans Regular"), url("/careers/assets/fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("/careers/assets/fonts/NotoSans-Regular.woff") format("woff"), url("/careers/assets/fonts/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 400;
  src: url("/careers/assets/fonts/NotoSansCJKjp-Regular.eot");
  src: local("Noto Sans CJK JP Regular"), url("/careers/assets/fonts/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("/careers/assets/fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("/careers/assets/fonts/NotoSansCJKjp-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: bold;
  font-weight: 700;
  src: url("/careers/assets/fonts/NotoSansCJKjp-Bold.eot");
  src: local("Noto Sans CJK JP Bold"), url("/careers/assets/fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("/careers/assets/fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("/careers/assets/fonts/NotoSansCJKjp-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "RakutenSansUI_bold_it";
  src: url("/careers/assets/fonts/RakutenSans/RakutenSansUI_W_BdIt.woff2") format("woff2"),
    url("/careers/assets/fonts/RakutenSans/RakutenSansUI_W_BdIt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RakutenSansUI_bold";
  src: url("/careers/assets/fonts/RakutenSans/RakutenSansUI_W_Bd.woff2") format("woff2"),
    url("/careers/assets/fonts/RakutenSans/RakutenSansUI_W_Bd.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RakutenSansUI";
  src: url("/careers/assets/fonts/RakutenSans/RakutenSansUI_W_Rg.woff2") format("woff2"),
    url("/careers/assets/fonts/RakutenSans/RakutenSansUI_W_Rg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.rakutenBO {
  font-family: "RakutenSansUI_bold_it", sans-serif;
}

.rakutenBN {
  font-family: "RakutenSansUI_bold", sans-serif;
}

.rakutenRN {
  font-family: "RakutenSansUI", sans-serif;
}

.visible-pc {
  display: none;
}

.visible-sp {
  display: block;
}

@font-face {
  font-family: rex-icon;
  src: url("/careers/assets/fonts/rex-icon.eot?bf5e286cc68ff419ba4a281906f18aaa?#iefix") format("embedded-opentype"), url("/careers/assets/fonts/rex-icon.woff2?bf5e286cc68ff419ba4a281906f18aaa") format("woff2"), url("/careers/assets/fonts/rex-icon.woff?bf5e286cc68ff419ba4a281906f18aaa") format("woff");
}

.rex-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: inline-block;
  font: normal 1em rex-icon;
}

.rex-icon.arrow-down-l::before {
  content: "";
}

.rex-icon.arrow-left-l::before {
  content: "";
}

.rex-icon.arrow-right::before {
  content: "";
}

.rex-icon.arrow-right-l::before {
  content: "";
}

.rex-icon.arrow-right::before {
  content: "";
}

.rex-icon.arrow-right-l::before {
  content: "";
}

.rex-icon.arrow-up-l::before {
  content: "";
}

.rex-icon.barcode-f::before {
  content: "";
}

.rex-icon.barcode-l::before {
  content: "";
}

.rex-icon.barcode-f::before {
  content: "";
}

.rex-icon.barcode-l::before {
  content: "";
}

.rex-icon.blockquote-left::before {
  content: "";
}

.rex-icon.blockquote-right::before {
  content: "";
}

.rex-icon.browsing-history-f::before {
  content: "";
}

.rex-icon.browsing-history-l::before {
  content: "";
}

.rex-icon.browsing-history-f::before {
  content: "";
}

.rex-icon.browsing-history-l::before {
  content: "";
}

.rex-icon.building-f::before {
  content: "";
}

.rex-icon.building-l::before {
  content: "";
}

.rex-icon.building-f::before {
  content: "";
}

.rex-icon.building-l::before {
  content: "";
}

.rex-icon.bus-f::before {
  content: "";
}

.rex-icon.bus-l::before {
  content: "";
}

.rex-icon.bus-f::before {
  content: "";
}

.rex-icon.bus-l::before {
  content: "";
}

.rex-icon.button-chevron-left-f::before {
  content: "";
}

.rex-icon.button-chevron-left-l::before {
  content: "";
}

.rex-icon.button-chevron-left-f::before {
  content: "";
}

.rex-icon.button-chevron-left-l::before {
  content: "";
}

.rex-icon.button-chevron-right-f::before {
  content: "";
}

.rex-icon.button-chevron-right-l::before {
  content: "";
}

.rex-icon.button-chevron-right-f::before {
  content: "";
}

.rex-icon.button-chevron-right-l::before {
  content: "";
}

.rex-icon.button-minus-f::before {
  content: "";
}

.rex-icon.button-minus-l::before {
  content: "";
}

.rex-icon.button-minus-f::before {
  content: "";
}

.rex-icon.button-minus-l::before {
  content: "";
}

.rex-icon.button-plus-f::before {
  content: "";
}

.rex-icon.button-plus-l::before {
  content: "";
}

.rex-icon.button-plus-f::before {
  content: "";
}

.rex-icon.button-plus-l::before {
  content: "";
}

.rex-icon.calculator-f::before {
  content: "";
}

.rex-icon.calculator-l::before {
  content: "";
}

.rex-icon.calculator-f::before {
  content: "";
}

.rex-icon.calculator-l::before {
  content: "";
}

.rex-icon.calendar-f::before {
  content: "";
}

.rex-icon.calendar-l::before {
  content: "";
}

.rex-icon.calendar-f::before {
  content: "";
}

.rex-icon.calendar-l::before {
  content: "";
}

.rex-icon.campaign-f::before {
  content: "";
}

.rex-icon.campaign-l::before {
  content: "";
}

.rex-icon.campaign-f::before {
  content: "";
}

.rex-icon.campaign-l::before {
  content: "";
}

.rex-icon.car-f::before {
  content: "";
}

.rex-icon.car-l::before {
  content: "";
}

.rex-icon.car-f::before {
  content: "";
}

.rex-icon.car-l::before {
  content: "";
}

.rex-icon.cart-f::before {
  content: "";
}

.rex-icon.cart-l::before {
  content: "";
}

.rex-icon.cart-f::before {
  content: "";
}

.rex-icon.cart-l::before {
  content: "";
}

.rex-icon.change-order-l::before {
  content: "";
}

.rex-icon.chat-f::before {
  content: "";
}

.rex-icon.chat-l::before {
  content: "";
}

.rex-icon.chat-f::before {
  content: "";
}

.rex-icon.chat-l::before {
  content: "";
}

.rex-icon.check::before {
  content: "";
}

.rex-icon.chevron-left::before {
  content: "";
}

.rex-icon.chevron-right::before {
  content: "";
}

.rex-icon.cloud-f::before {
  content: "";
}

.rex-icon.cloud-l::before {
  content: "";
}

.rex-icon.cloud-f::before {
  content: "";
}

.rex-icon.cloud-l::before {
  content: "";
}

.rex-icon.code-f::before {
  content: "";
}

.rex-icon.code-l::before {
  content: "";
}

.rex-icon.code-f::before {
  content: "";
}

.rex-icon.code-l::before {
  content: "";
}

.rex-icon.comment-f::before {
  content: "";
}

.rex-icon.comment-l::before {
  content: "";
}

.rex-icon.comment-f::before {
  content: "";
}

.rex-icon.comment-l::before {
  content: "";
}

.rex-icon.compare-f::before {
  content: "";
}

.rex-icon.compare-l::before {
  content: "";
}

.rex-icon.compare-f::before {
  content: "";
}

.rex-icon.compare-l::before {
  content: "";
}

.rex-icon.coupon-f::before {
  content: "";
}

.rex-icon.coupon-l::before {
  content: "";
}

.rex-icon.coupon-f::before {
  content: "";
}

.rex-icon.coupon-l::before {
  content: "";
}

.rex-icon.credit-card-f::before {
  content: "";
}

.rex-icon.credit-card-l::before {
  content: "";
}

.rex-icon.credit-card-f::before {
  content: "";
}

.rex-icon.credit-card-l::before {
  content: "";
}

.rex-icon.currency-f::before {
  content: "";
}

.rex-icon.currency-l::before {
  content: "";
}

.rex-icon.currency-f::before {
  content: "";
}

.rex-icon.currency-l::before {
  content: "";
}

.rex-icon.delete-f::before {
  content: "";
}

.rex-icon.delete-l::before {
  content: "";
}

.rex-icon.delete-f::before {
  content: "";
}

.rex-icon.delete-l::before {
  content: "";
}

.rex-icon.delivery-f::before {
  content: "";
}

.rex-icon.delivery-l::before {
  content: "";
}

.rex-icon.delivery-f::before {
  content: "";
}

.rex-icon.delivery-l::before {
  content: "";
}

.rex-icon.desktop-f::before {
  content: "";
}

.rex-icon.desktop-l::before {
  content: "";
}

.rex-icon.desktop-f::before {
  content: "";
}

.rex-icon.desktop-l::before {
  content: "";
}

.rex-icon.domestic-area-f::before {
  content: "";
}

.rex-icon.domestic-area-l::before {
  content: "";
}

.rex-icon.domestic-area-f::before {
  content: "";
}

.rex-icon.domestic-area-l::before {
  content: "";
}

.rex-icon.download-f::before {
  content: "";
}

.rex-icon.download-l::before {
  content: "";
}

.rex-icon.download-f::before {
  content: "";
}

.rex-icon.download-l::before {
  content: "";
}

.rex-icon.external-link-l::before {
  content: "";
}

.rex-icon.eye-ban-f::before {
  content: "";
}

.rex-icon.eye-ban-l::before {
  content: "";
}

.rex-icon.eye-ban-f::before {
  content: "";
}

.rex-icon.eye-ban-l::before {
  content: "";
}

.rex-icon.eye-f::before {
  content: "";
}

.rex-icon.eye-l::before {
  content: "";
}

.rex-icon.eye-f::before {
  content: "";
}

.rex-icon.eye-l::before {
  content: "";
}

.rex-icon.favorite-f::before {
  content: "";
}

.rex-icon.favorite-l::before {
  content: "";
}

.rex-icon.favorite-half-f::before {
  content: "";
}

.rex-icon.favorite-f::before {
  content: "";
}

.rex-icon.favorite-l::before {
  content: "";
}

.rex-icon.ferry-f::before {
  content: "";
}

.rex-icon.ferry-l::before {
  content: "";
}

.rex-icon.ferry-f::before {
  content: "";
}

.rex-icon.ferry-l::before {
  content: "";
}

.rex-icon.fill-color-f::before {
  content: "";
}

.rex-icon.fill-color-l::before {
  content: "";
}

.rex-icon.fill-color-f::before {
  content: "";
}

.rex-icon.fill-color-l::before {
  content: "";
}

.rex-icon.folder-f::before {
  content: "";
}

.rex-icon.folder-l::before {
  content: "";
}

.rex-icon.folder-f::before {
  content: "";
}

.rex-icon.folder-l::before {
  content: "";
}

.rex-icon.gift-f::before {
  content: "";
}

.rex-icon.gift-l::before {
  content: "";
}

.rex-icon.gift-f::before {
  content: "";
}

.rex-icon.gift-l::before {
  content: "";
}

.rex-icon.heart-f::before {
  content: "";
}

.rex-icon.heart-l::before {
  content: "";
}

.rex-icon.heart-f::before {
  content: "";
}

.rex-icon.heart-l::before {
  content: "";
}

.rex-icon.home-f::before {
  content: "";
}

.rex-icon.home-l::before {
  content: "";
}

.rex-icon.home-f::before {
  content: "";
}

.rex-icon.home-l::before {
  content: "";
}

.rex-icon.image-f::before {
  content: "";
}

.rex-icon.image-l::before {
  content: "";
}

.rex-icon.image-f::before {
  content: "";
}

.rex-icon.image-l::before {
  content: "";
}

.rex-icon.keyboard-f::before {
  content: "";
}

.rex-icon.keyboard-l::before {
  content: "";
}

.rex-icon.keyboard-f::before {
  content: "";
}

.rex-icon.keyboard-l::before {
  content: "";
}

.rex-icon.language-f::before {
  content: "";
}

.rex-icon.language-l::before {
  content: "";
}

.rex-icon.language-f::before {
  content: "";
}

.rex-icon.language-l::before {
  content: "";
}

.rex-icon.laptop-f::before {
  content: "";
}

.rex-icon.laptop-l::before {
  content: "";
}

.rex-icon.laptop-f::before {
  content: "";
}

.rex-icon.laptop-l::before {
  content: "";
}

.rex-icon.like-f::before {
  content: "";
}

.rex-icon.like-l::before {
  content: "";
}

.rex-icon.like-f::before {
  content: "";
}

.rex-icon.like-l::before {
  content: "";
}

.rex-icon.list-f::before {
  content: "";
}

.rex-icon.list-l::before {
  content: "";
}

.rex-icon.list-f::before {
  content: "";
}

.rex-icon.list-l::before {
  content: "";
}

.rex-icon.loading-l::before {
  content: "";
}

.rex-icon.loading-lg-l::before {
  content: "";
}

.rex-icon.location-f::before {
  content: "";
}

.rex-icon.location-l::before {
  content: "";
}

.rex-icon.location-f::before {
  content: "";
}

.rex-icon.location-l::before {
  content: "";
}

.rex-icon.login-l::before {
  content: "";
}

.rex-icon.logo::before {
  content: "";
}

.rex-icon.logout-l::before {
  content: "";
}

.rex-icon.lucky-kuji-f::before {
  content: "";
}

.rex-icon.lucky-kuji-l::before {
  content: "";
}

.rex-icon.lucky-kuji-f::before {
  content: "";
}

.rex-icon.lucky-kuji-l::before {
  content: "";
}

.rex-icon.mail-f::before {
  content: "";
}

.rex-icon.mail-l::before {
  content: "";
}

.rex-icon.mail-f::before {
  content: "";
}

.rex-icon.mail-l::before {
  content: "";
}

.rex-icon.map-f::before {
  content: "";
}

.rex-icon.map-l::before {
  content: "";
}

.rex-icon.map-f::before {
  content: "";
}

.rex-icon.map-l::before {
  content: "";
}

.rex-icon.menu::before {
  content: "";
}

.rex-icon.minus::before {
  content: "";
}

.rex-icon.mobile-phone-f::before {
  content: "";
}

.rex-icon.mobile-phone-l::before {
  content: "";
}

.rex-icon.mobile-phone-f::before {
  content: "";
}

.rex-icon.mobile-phone-l::before {
  content: "";
}

.rex-icon.movie-f::before {
  content: "";
}

.rex-icon.movie-l::before {
  content: "";
}

.rex-icon.movie-f::before {
  content: "";
}

.rex-icon.movie-l::before {
  content: "";
}

.rex-icon.my-page-f::before {
  content: "";
}

.rex-icon.my-page-l::before {
  content: "";
}

.rex-icon.my-page-f::before {
  content: "";
}

.rex-icon.my-page-l::before {
  content: "";
}

.rex-icon.new-user-f::before {
  content: "";
}

.rex-icon.new-window-f::before {
  content: "";
}

.rex-icon.new-window-l::before {
  content: "";
}

.rex-icon.new-window-f::before {
  content: "";
}

.rex-icon.new-window-l::before {
  content: "";
}

.rex-icon.notice-generic-f::before {
  content: "";
}

.rex-icon.notice-generic-l::before {
  content: "";
}

.rex-icon.notice-generic-f::before {
  content: "";
}

.rex-icon.notice-generic-l::before {
  content: "";
}

.rex-icon.notice-user-f::before {
  content: "";
}

.rex-icon.notice-user-l::before {
  content: "";
}

.rex-icon.notice-user-f::before {
  content: "";
}

.rex-icon.notice-user-l::before {
  content: "";
}

.rex-icon.overflow-button::before {
  content: "";
}

.rex-icon.paint-f::before {
  content: "";
}

.rex-icon.paint-l::before {
  content: "";
}

.rex-icon.paint-f::before {
  content: "";
}

.rex-icon.paint-l::before {
  content: "";
}

.rex-icon.paper-plane-f::before {
  content: "";
}

.rex-icon.paper-plane-l::before {
  content: "";
}

.rex-icon.paper-plane-f::before {
  content: "";
}

.rex-icon.paper-plane-l::before {
  content: "";
}

.rex-icon.pdf-f::before {
  content: "";
}

.rex-icon.pdf-l::before {
  content: "";
}

.rex-icon.pdf-f::before {
  content: "";
}

.rex-icon.pdf-l::before {
  content: "";
}

.rex-icon.phone-f::before {
  content: "";
}

.rex-icon.phone-l::before {
  content: "";
}

.rex-icon.phone-f::before {
  content: "";
}

.rex-icon.phone-l::before {
  content: "";
}

.rex-icon.photograph-f::before {
  content: "";
}

.rex-icon.photograph-l::before {
  content: "";
}

.rex-icon.photograph-f::before {
  content: "";
}

.rex-icon.photograph-l::before {
  content: "";
}

.rex-icon.pin-f::before {
  content: "";
}

.rex-icon.pin-l::before {
  content: "";
}

.rex-icon.pin-f::before {
  content: "";
}

.rex-icon.pin-l::before {
  content: "";
}

.rex-icon.plane-f::before {
  content: "";
}

.rex-icon.plane-l::before {
  content: "";
}

.rex-icon.plane-f::before {
  content: "";
}

.rex-icon.plane-l::before {
  content: "";
}

.rex-icon.plus::before {
  content: "";
}

.rex-icon.point-f::before {
  content: "";
}

.rex-icon.point-l::before {
  content: "";
}

.rex-icon.point-f::before {
  content: "";
}

.rex-icon.point-l::before {
  content: "";
}

.rex-icon.price-f::before {
  content: "";
}

.rex-icon.price-l::before {
  content: "";
}

.rex-icon.price-f::before {
  content: "";
}

.rex-icon.price-l::before {
  content: "";
}

.rex-icon.print-f::before {
  content: "";
}

.rex-icon.print-l::before {
  content: "";
}

.rex-icon.print-f::before {
  content: "";
}

.rex-icon.print-l::before {
  content: "";
}

.rex-icon.purchase-history-f::before {
  content: "";
}

.rex-icon.purchase-history-l::before {
  content: "";
}

.rex-icon.purchase-history-f::before {
  content: "";
}

.rex-icon.purchase-history-l::before {
  content: "";
}

.rex-icon.qrcode-f::before {
  content: "";
}

.rex-icon.qrcode-l::before {
  content: "";
}

.rex-icon.qrcode-f::before {
  content: "";
}

.rex-icon.qrcode-l::before {
  content: "";
}

.rex-icon.rakuten-account-f::before {
  content: "";
}

.rex-icon.rakuten-account-l::before {
  content: "";
}

.rex-icon.rakuten-account-f::before {
  content: "";
}

.rex-icon.rakuten-account-l::before {
  content: "";
}

.rex-icon.rakuten-close-account-f::before {
  content: "";
}

.rex-icon.rakuten-close-account-l::before {
  content: "";
}

.rex-icon.rakuten-close-account-f::before {
  content: "";
}

.rex-icon.rakuten-close-account-l::before {
  content: "";
}

.rex-icon.rakuten-registration-f::before {
  content: "";
}

.rex-icon.rakuten-registration-l::before {
  content: "";
}

.rex-icon.rakuten-registration-f::before {
  content: "";
}

.rex-icon.rakuten-registration-l::before {
  content: "";
}

.rex-icon.ranking-f::before {
  content: "";
}

.rex-icon.ranking-l::before {
  content: "";
}

.rex-icon.ranking-f::before {
  content: "";
}

.rex-icon.ranking-l::before {
  content: "";
}

.rex-icon.refresh::before {
  content: "";
}

.rex-icon.review-comment-f::before {
  content: "";
}

.rex-icon.review-comment-l::before {
  content: "";
}

.rex-icon.review-comment-f::before {
  content: "";
}

.rex-icon.review-comment-l::before {
  content: "";
}

.rex-icon.review-edit-f::before {
  content: "";
}

.rex-icon.review-edit-l::before {
  content: "";
}

.rex-icon.review-edit-f::before {
  content: "";
}

.rex-icon.review-edit-l::before {
  content: "";
}

.rex-icon.rss-symbol-l::before {
  content: "";
}

.rex-icon.rss-text-f::before {
  content: "";
}

.rex-icon.rss-text-l::before {
  content: "";
}

.rex-icon.rss-text-f::before {
  content: "";
}

.rex-icon.rss-text-l::before {
  content: "";
}

.rex-icon.save-f::before {
  content: "";
}

.rex-icon.save-l::before {
  content: "";
}

.rex-icon.save-f::before {
  content: "";
}

.rex-icon.save-l::before {
  content: "";
}

.rex-icon.search-history-f::before {
  content: "";
}

.rex-icon.search-history-l::before {
  content: "";
}

.rex-icon.search-history-f::before {
  content: "";
}

.rex-icon.search-history-l::before {
  content: "";
}

.rex-icon.search::before {
  content: "";
}

.rex-icon.security-f::before {
  content: "";
}

.rex-icon.security-l::before {
  content: "";
}

.rex-icon.security-f::before {
  content: "";
}

.rex-icon.security-l::before {
  content: "";
}

.rex-icon.server-f::before {
  content: "";
}

.rex-icon.server-l::before {
  content: "";
}

.rex-icon.server-f::before {
  content: "";
}

.rex-icon.server-l::before {
  content: "";
}

.rex-icon.settings-f::before {
  content: "";
}

.rex-icon.settings-l::before {
  content: "";
}

.rex-icon.settings-f::before {
  content: "";
}

.rex-icon.settings-l::before {
  content: "";
}

.rex-icon.share-f::before {
  content: "";
}

.rex-icon.share-l::before {
  content: "";
}

.rex-icon.share-f::before {
  content: "";
}

.rex-icon.share-l::before {
  content: "";
}

.rex-icon.shop-f::before {
  content: "";
}

.rex-icon.shop-l::before {
  content: "";
}

.rex-icon.shop-f::before {
  content: "";
}

.rex-icon.shop-l::before {
  content: "";
}

.rex-icon.sign-ban-f::before {
  content: "";
}

.rex-icon.sign-ban-l::before {
  content: "";
}

.rex-icon.sign-ban-f::before {
  content: "";
}

.rex-icon.sign-ban-l::before {
  content: "";
}

.rex-icon.sign-help-f::before {
  content: "";
}

.rex-icon.sign-help-l::before {
  content: "";
}

.rex-icon.sign-help-f::before {
  content: "";
}

.rex-icon.sign-help-l::before {
  content: "";
}

.rex-icon.sign-info-f::before {
  content: "";
}

.rex-icon.sign-info-l::before {
  content: "";
}

.rex-icon.sign-info-f::before {
  content: "";
}

.rex-icon.sign-info-l::before {
  content: "";
}

.rex-icon.sign-warning-f::before {
  content: "";
}

.rex-icon.sign-warning-l::before {
  content: "";
}

.rex-icon.sign-warning-f::before {
  content: "";
}

.rex-icon.sign-warning-l::before {
  content: "";
}

.rex-icon.sliders-f::before {
  content: "";
}

.rex-icon.sliders-l::before {
  content: "";
}

.rex-icon.sliders-f::before {
  content: "";
}

.rex-icon.sliders-l::before {
  content: "";
}

.rex-icon.smartphone-f::before {
  content: "";
}

.rex-icon.smartphone-l::before {
  content: "";
}

.rex-icon.smartphone-f::before {
  content: "";
}

.rex-icon.smartphone-l::before {
  content: "";
}

.rex-icon.survey-f::before {
  content: "";
}

.rex-icon.survey-l::before {
  content: "";
}

.rex-icon.survey-f::before {
  content: "";
}

.rex-icon.survey-l::before {
  content: "";
}

.rex-icon.switch-language-f::before {
  content: "";
}

.rex-icon.switch-language-l::before {
  content: "";
}

.rex-icon.switch-language-f::before {
  content: "";
}

.rex-icon.switch-language-l::before {
  content: "";
}

.rex-icon.tablet-f::before {
  content: "";
}

.rex-icon.tablet-l::before {
  content: "";
}

.rex-icon.tablet-f::before {
  content: "";
}

.rex-icon.tablet-l::before {
  content: "";
}

.rex-icon.tag-f::before {
  content: "";
}

.rex-icon.tag-l::before {
  content: "";
}

.rex-icon.tag-f::before {
  content: "";
}

.rex-icon.tag-l::before {
  content: "";
}

.rex-icon.test::before {
  content: "";
}

.rex-icon.time-f::before {
  content: "";
}

.rex-icon.time-l::before {
  content: "";
}

.rex-icon.time-f::before {
  content: "";
}

.rex-icon.time-l::before {
  content: "";
}

.rex-icon.train-f::before {
  content: "";
}

.rex-icon.train-l::before {
  content: "";
}

.rex-icon.train-f::before {
  content: "";
}

.rex-icon.train-l::before {
  content: "";
}

.rex-icon.upload-f::before {
  content: "";
}

.rex-icon.upload-l::before {
  content: "";
}

.rex-icon.upload-f::before {
  content: "";
}

.rex-icon.upload-l::before {
  content: "";
}

.rex-icon.voice-input-f::before {
  content: "";
}

.rex-icon.voice-input-l::before {
  content: "";
}

.rex-icon.voice-input-f::before {
  content: "";
}

.rex-icon.voice-input-l::before {
  content: "";
}

.rex-icon.walking-f::before {
  content: "";
}

.rex-icon.world-f::before {
  content: "";
}

.rex-icon.world-l::before {
  content: "";
}

.rex-icon.world-f::before {
  content: "";
}

.rex-icon.world-l::before {
  content: "";
}

.rex-icon.x::before {
  content: "";
}

.rex-icon.zip-f::before {
  content: "";
}

.rex-icon.zip-l::before {
  content: "";
}

.rex-icon.zip-f::before {
  content: "";
}

.rex-icon.zip-l::before {
  content: "";
}

.rex-icon.zoom-in-f::before {
  content: "";
}

.rex-icon.zoom-in-l::before {
  content: "";
}

.rex-icon.zoom-in-f::before {
  content: "";
}

.rex-icon.zoom-in-l::before {
  content: "";
}

.rex-icon.zoom-out-f::before {
  content: "";
}

.rex-icon.zoom-out-l::before {
  content: "";
}

.rex-icon.zoom-out-f::before {
  content: "";
}

.rex-icon.zoom-out-l::before {
  content: "";
}

:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .rakutenBN,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-ttl__main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-ttl__main .br-pc,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-job-nav__txt--en,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-workplace-box__txt--en,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-interview-ttl__main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-interview-ttl__main .br-pc,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-workstyle-slider__item-txt,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-workstyle-name__main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-index-organization-box__ttl-txt,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-member-faq__head::before,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-member-faq__body::before,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-eng-env__ttl,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-workstyle-people-detail__ttl {
  font-family: "RakutenSansUI_bold", "NotoSansCJKjp", sans-serif;
}

:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .rakutenRN,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-h2--en,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-index-kv-ttl__main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-index-kv-ttl__main .br-sp,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-index-kv-ttl__sub,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-index-kv-number,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-article-kv-ttl__main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-article-kv-ttl__main .br-sp,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-article-kv-ttl__sub,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-article-kv-number,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-creative-box__txt--main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-creative-box__txt--sub,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-eng-box__txt--main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-eng-box__txt--sub,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-business-box__txt--main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-business-box__txt--sub,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-corporate-box__txt--main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-corporate-box__txt--sub,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-box__txt--main,
:lang(ja):not(.rcicon):not(.rg-i):not(.rex-icon):not(.mce-ico) .cmn-topics-box__txt--sub {
  font-family: "RakutenSansUI", "NotoSansCJKjp", sans-serif;
}

.cmn-box {
  padding: 0 12px;
  margin-bottom: 40px;
}

.cmn-box--top {
  padding: 40px 12px 0;
}

.cmn-box--m0 {
  margin: 0;
}

.cmn-inner:not(:last-child) {
  margin-bottom: 24px;
}

.cmn-h2 {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 16px;
  letter-spacing: 0.05em;
}

.cmn-h2--en {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-h2--narrow {
  letter-spacing: -0.025em;
}

.cmn-h2 .br-sp {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-h3 {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  text-align: center;
  margin-bottom: 16px;
  font-size: 1.8rem;
  font-weight: bold;
}

.cmn-h3 .br-sp {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#container h4,
#container h5 {
  margin-bottom: 16px;
}

.cmn-h4 {
  margin-bottom: 16px;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
}

.cmn-h4 .br-sp {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-h5 {
  margin-bottom: 16px;
  font-size: 1.6rem;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  padding-left: 8px;
  border-left: 4px solid #bf0000;
}

.cmn-ttl {
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 16px;
}

.cmn-ttl__main {
  display: block;
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.8rem;
  letter-spacing: 0.025em;
  line-height: 1;
  margin-bottom: 8px;
}

.cmn-ttl__main--jp {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 2.4rem;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-ttl__main--small {
  font-size: 2rem;
  position: relative;
  padding-left: 16px;
  margin-left: 15px;
}

.cmn-ttl__main--small:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 15px;
  height: 2px;
  background: #000;
  right: 100%;
}

.cmn-ttl__main .br-pc {
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-ttl__sub {
  display: block;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  letter-spacing: 0.025em;
  font-weight: normal;
}

.cmn-ttl__sub--small {
  font-size: 1.2rem;
}

.cmn-ttl__sub .br-sp {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-ttl--sub {
  margin: 0;
}

.cmn-ttl--left {
  text-align: left;
}

.cmn-ttl--sp-left {
  text-align: left;
}

.cmn-ttl2 {
  font-size: 1.6rem;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  padding-left: 8px;
  border-left: 4px solid #bf0000;
}

.cmn-txt {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
}

.cmn-txt:not(:last-child) {
  margin-bottom: 16px;
}

.cmn-txt--center {
  text-align: center;
}

.cmn-txt--m0:not(:last-child) {
  margin: 0;
}

.cmn-txt .br-sp {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-caption {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5;
  margin-top: 16px;
}

.cmn-caption--img {
  margin-top: 8px;
}

.cmn-caption--gray {
  color: #828282;
}

.cmn-caption--right {
  text-align: right;
}

.cmn-caption--center {
  text-align: center;
}

.cmn-caption .br-sp {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-link {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #bf0000;
  text-decoration: underline;
  -webkit-text-decoration-color: #bf0000;
  text-decoration-color: #bf0000;
}

.cmn-link:hover {
  color: #bf0000;
  text-decoration: underline;
  -webkit-text-decoration-color: #bf0000;
  text-decoration-color: #bf0000;
}

.cmn-btn {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 160px;
  text-align: center;
  font-size: 1.2rem;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  position: relative;
  border: 1px solid #bf0000;
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") left 16px center no-repeat #fff;
  background-size: 6px 9px;
  border-radius: 20px;
  padding: 0 24px 0 32px;
  color: #bf0000;
  cursor: pointer;
}

.cmn-btn:hover {
  color: #bf0000;
}

.cmn-btn--red {
  color: #bf0000;
  color: #fff;
  background: url("/careers/assets/img/btn_arrow_white_sp.svg") left 16px center no-repeat #bf0000;
  background-size: 5px 10px;
}

.cmn-btn--big {
  min-width: 222px;
}

.cmn-btn--small {
  min-width: 124px;
}

.cmn-btn--close {
  background: url("/careers/assets/img/icon_arrow_red_close_sp.svg") left 16px center no-repeat #fff;
  background-size: 9px 9px;
}

.cmn-btn--close:hover {
  color: #bf0000;
}

.cmn-btn--down {
  background: url("/careers/assets/img/icon_arrow_red_down_sp.svg") left 16px center no-repeat #fff;
  background-size: 9px 6px;
}

.cmn-btn--down:hover {
  color: #bf0000;
}

.cmn-btn--down-red {
  background: url("/careers/assets/img/icon_arrow_white_down_sp.svg") left 16px center no-repeat #bf0000;
  background-size: 9px 6px;
  color: #fff;
}

.cmn-btn--slider {
  margin-top: 16px;
  border: 1px solid #fff;
  color: #fff;
  background: url("/careers/assets/img/btn_arrow_white_sp.svg") left 16px center no-repeat;
  background-size: 6px 9px;
  height: 32px;
  border-radius: 16px;
  line-height: 32px;
  min-width: 128px;
}

.cmn-btn--slider:hover {
  color: #fff;
}

.cmn-btn--ghost {
  border: 1px solid #fff;
  color: #fff;
  background: url("/careers/assets/img/btn_arrow_white_sp.svg") left 16px center no-repeat;
  background-size: 6px 9px;
}

.cmn-btn--ghost:hover {
  color: #fff;
}

.cmn-btn[target="_blank"]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/careers/assets/img/icon_blank-red.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

.cmn-btn:hover[target="_blank"]:after {
  background-image: url("/careers/assets/img/icon_blank-white.svg");
}

.cmn-btn-top[target="_blank"]:after {
  background-image: none;
}

.cmn-btn-top:hover[target="_blank"]:after {
  background-image: none;
}

.cmn-info {
  position: relative;
  background-color: #fff;
  padding: 12px 16px;
  border-top: 1px;
  border-bottom: 1px;
}

.cmn-info__ttl {
  opacity: 0;
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0;
  letter-spacing: 0.025em;
}

.cmn-info:before,
.cmn-info:after {
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 1px;
  background: #b6b6b6;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}

.cmn-info:before {
  top: 0;
}

.cmn-info:after {
  bottom: 0;
}

.cmn-info-list {
  position: relative;
  overflow: hidden;
  height: 0;
  font-size: 1.2rem;
  opacity: 0;
}

.cmn-info-list-set {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.cmn-info-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 4.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  margin-bottom: 8px;
  overflow: hidden;
}

.cmn-info-list-item__date {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
}

.cmn-info-list-item__txt {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
}

.cmn-info-list-item__txt .rex-icon {
  font-size: 1rem;
}

.count-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 12px 0 0;
  padding: 0;
  opacity: 0;
}

.count-circle__item {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  background: #828282;
  border-radius: 50%;
  cursor: pointer;
}

.count-circle__item.active {
  background: #bf0000;
}

.cmn-job__inner {
  padding: 40px 0;
  background: #f7f7f7;
}

.cmn-job-nav {
  padding: 0 12px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cmn-job-nav__inner {
  display: block;
  margin-right: 16px;
  margin-bottom: 16px;
  border: 1px solid #bf0000;
  border-radius: 8px;
  width: calc(50% - 8px);
  text-align: center;
  padding: 8px;
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") center left 16px no-repeat #fff;
  background-size: 6px 9px;
}

.cmn-job-nav__inner:nth-child(2n) {
  margin-right: 0;
}

.cmn-job-nav__inner:nth-child(3),
.cmn-job-nav__inner:nth-child(4) {
  margin-bottom: 0;
}

.cmn-job-nav__txt {
  color: #bf0000;
}

.cmn-job-nav__txt--en {
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.025em;
  font-size: 1.4rem;
}

.cmn-job-nav__txt--ja {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9rem;
  font-weight: bold;
  letter-spacing: 0;
}

.cmn-job-cont {
  display: none;
}

.cmn-job-cont__inner--dn {
  display: none;
}

.cmn-job-cont__inner .br-pc {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-job-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmn-workplace {
  margin: 40px 0 8px;
}

.cmn-workplace-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 12px;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  max-width: 320px;
  margin: 0 auto;
}

.cmn-workplace-box__inner {
  width: 96px;
  margin-bottom: 32px;
}

.cmn-workplace-box__img {
  height: 80px;
}

.cmn-workplace-box__img--culture {
  background: url("/careers/assets/img/img_cmn_workplace_01_sp.svg") center center no-repeat;
  background-size: 66px 46px;
}

.cmn-workplace-box__img--office {
  background: url("/careers/assets/img/img_cmn_workplace_02_sp.svg") center center no-repeat;
  background-size: 64px 46px;
}

.cmn-workplace-box__img--system {
  background: url("/careers/assets/img/img_cmn_workplace_03_sp.svg") center center no-repeat;
  background-size: 60px 48px;
}

.cmn-workplace-box__img--welfare {
  background: url("/careers/assets/img/img_cmn_workplace_04_sp.svg") center center no-repeat;
  background-size: 52px 52px;
}

.cmn-workplace-box__img--faq {
  background: url("/careers/assets/img/img_cmn_workplace_05_sp.svg") center center no-repeat;
  background-size: 59px 59px;
}

.cmn-workplace-box__txt {
  text-align: center;
}

.cmn-workplace-box__txt--en {
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.55rem;
  letter-spacing: 0.025em;
}

.cmn-workplace-box__txt--ja {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.1rem;
  letter-spacing: 0.025em;
  color: #828282;
}

.cmn-interview {
  background: url("/careers/assets/img/img_top_interview_sp.jpg") center bottom no-repeat #f7f7f7;
  background-size: contain;
}

.cmn-interview__inner {
  padding: 40px 0 52%;
}

.cmn-interview__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmn-interview-ttl {
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 8px;
}

.cmn-interview-ttl__main {
  display: block;
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.4rem;
  letter-spacing: 0.025em;
  line-height: 1;
  margin-bottom: 8px;
}

.cmn-interview-ttl__main .br-pc {
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-interview-ttl__sub {
  display: block;
  font-weight: normal;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
}

.cmn-interview-ttl--interview {
  margin-bottom: 24px;
}

.cmn-interview-box__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmn-rakutenFont {
  background: url("/design/rakuten-font/assets/img/kv.png") center bottom no-repeat #fff;
  background-size: contain;
}

.cmn-rakutenFont__inner {
  padding: 40px 0 52%;
}

.cmn-rakutenFont__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmn-rakutenFont-ttl {
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 8px;
}

.cmn-rakutenFont-ttl__main {
  display: block;
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.4rem;
  letter-spacing: 0.025em;
  line-height: 1;
  margin-bottom: 8px;
}

.cmn-rakutenFont-ttl__main .br-pc {
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-rakutenFont-ttl__sub {
  display: block;
  font-weight: normal;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
}

.cmn-rakutenFont-ttl--rakutenFont {
  margin-bottom: 24px;
}

.cmn-rakutenFont-box__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmn-topics-workstyle {
  margin-bottom: 40px;
}

.cmn-topics-workstyle-slider {
  position: relative;
  padding: 0 0 40px;
  display: none;
}

.cmn-topics-workstyle-slider.slick-initialized {
  display: block;
  /*slick-initializedが付与されたら表示*/
}

.cmn-topics-workstyle-slider__item {
  padding-top: 180%;
  position: relative;
  margin-bottom: -8px;
  text-align: center;
  margin-bottom: 40px;
}

.cmn-topics-workstyle-slider__item--creative-01 {
  background: url("/careers/assets/img/creative/img_creative_workstyle_people_01_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--creative-02 {
  background: url("/careers/assets/img/creative/img_creative_workstyle_people_02_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--creative-03 {
  background: url("/careers/assets/img/creative/img_creative_workstyle_people_03_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--creative-04 {
  background: url("/careers/assets/img/creative/img_creative_workstyle_people_04_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--creative-05 {
  background: url("/careers/assets/img/creative/img_creative_workstyle_people_05_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--creative-06 {
  background: url("/careers/assets/img/creative/img_creative_workstyle_people_06_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--creative-07 {
  background: url("/careers/assets/img/creative/img_creative_workstyle_people_07_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-01 {
  background: url("/careers/assets/img/engineering/img_engineering_people_01_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-02 {
  background: url("/careers/assets/img/engineering/img_engineering_people_02_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-03 {
  background: url("/careers/assets/img/engineering/img_engineering_people_03_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-04 {
  background: url("/careers/assets/img/engineering/img_engineering_people_04_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-05 {
  background: url("/careers/assets/img/engineering/img_engineering_people_05_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-06 {
  background: url("/careers/assets/img/engineering/img_engineering_people_06_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-07 {
  background: url("/careers/assets/img/engineering/img_engineering_people_07_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-08 {
  background: url("/careers/assets/img/engineering/img_engineering_people_08_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-09 {
  background: url("/careers/assets/img/engineering/img_engineering_people_09_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--engineer-10 {
  background: url("/careers/assets/img/engineering/img_engineering_people_10_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-01 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_01_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-02 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_02_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-03 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_03_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-04 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_04_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-05 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_05_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-06 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_06_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-07 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_07_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-08 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_08_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-09 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_09_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-10 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_10_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--business-11 {
  background: url("/careers/assets/img/business/img_business_workstyle_people_11_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--corporate-01 {
  background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_01_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--corporate-02 {
  background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_02_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--corporate-03 {
  background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_03_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--corporate-04 {
  background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_04_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--corporate-05 {
  background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_05_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--corporate-06 {
  background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_06_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--corporate-07 {
  background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_07_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item--corporate-08 {
  background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_08_sp.png") no-repeat center center;
  background-size: auto 90%;
}

.cmn-topics-workstyle-slider__item-txt {
  position: absolute;
  bottom: 16px;
  right: 12px;
  font-size: 1.2rem;
  color: #fff;
  letter-spacing: 0.025em;
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-topics-workstyle-slider__item-txt--red {
  color: #bf0000;
}

.cmn-topics-workstyle-slider .slick-list {
  margin: 0;
}

.cmn-topics-workstyle-slider .slick-dots {
  position: absolute;
  bottom: 16px;
  left: 0;
}

.cmn-topics-workstyle-slider .slick-dots li {
  margin: 0 4px;
}

.cmn-topics-workstyle-slider .slick-dots li button:before {
  background: #b6b6b6;
  opacity: 1;
  width: 6px;
  height: 6px;
}

.cmn-topics-workstyle-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #bf0000;
}

.cmn-topics-workstyle-slider .slick-next,
.cmn-topics-workstyle-slider .slick-prev {
  display: block !important;
  width: 40px;
  height: 40px;
  border: 0;
  z-index: 1;
}

.cmn-topics-workstyle-slider .slick-prev {
  position: absolute;
  top: calc(50% - 50px);
  left: 12px;
  background: url("/careers/assets/img/icon_arrow_red_left_sp.png") center center no-repeat;
  background-size: cover;
}

.cmn-topics-workstyle-slider .slick-next {
  position: absolute;
  top: calc(50% - 50px);
  right: 12px;
  background: url("/careers/assets/img/icon_arrow_red_right_sp.png") center center no-repeat;
  background-size: cover;
}

.cmn-topics-workstyle-name {
  position: relative;
  top: 40px;
  text-align: center;
}

.cmn-topics-workstyle-name__main {
  text-align: center;
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.7rem;
  margin-bottom: 8px;
}

.cmn-topics-workstyle-name__sub {
  padding: 0 16px;
  font-size: 1rem;
  letter-spacing: -0.1em;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-topics-workstyle-people-box {
  display: none;
}

.cmn-topics-workstyle-people-detail {
  display: none;
}

.cmn-topics-workstyle-member-ttl {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.025em;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  margin-bottom: 24px;
}

.cmn-topics-index-kv-heading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
}

.cmn-topics-index-kv-ttl {
  width: 100%;
}

.cmn-topics-index-kv-ttl__main {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.9rem;
  line-height: 1;
  letter-spacing: 0;
}

.cmn-topics-index-kv-ttl__main--small {
  font-size: 3rem;
}

.cmn-topics-index-kv-ttl__main--xsmall {
  font-size: 2.3rem;
}

.cmn-topics-index-kv-ttl__main--sub {
  margin: 16px 0 24px;
  font-size: 1.8rem;
}

.cmn-topics-index-kv-ttl__main .br-sp {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-topics-index-kv-ttl__sub {
  display: inline-block;
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  margin-bottom: 16px;
  letter-spacing: -0.025em;
  border-bottom: 1px solid #fff;
}

.cmn-topics-index-kv-ttl__txt {
  font-size: 1.2rem;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  letter-spacing: 0.025em;
  margin-top: 16px;
}

.cmn-topics-index-kv-ttl__name {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.8rem;
  color: #fff;
}

.cmn-topics-index-kv-number {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem;
}

.cmn-topics-index-content {
  text-align: left;
  padding: 0 12px;
  margin: 40px 0;
}

.cmn-topics-index-content--gray {
  background-color: #f7f7f7;
  padding-bottom: 40px;
}

.cmn-topics-index-content__inner {
  position: relative;
}

.cmn-topics-index-content__txt {
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-topics-index-content__txt--border {
  padding: 16px;
  border: 1px solid #b6b6b6;
  margin-top: 16px;
}

.cmn-topics-index-content__txt--link {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #bf0000;
}

.cmn-topics-index-txt-box:not(:last-child) {
  margin-bottom: 40px;
}

.cmn-topics-index-txt-box__txt {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 24px;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-topics-index-txt-box__txt--link {
  color: #bf0000;
}

h4.cmn-topics-index-txt-box__ttl {
  font-size: 1.8rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-topics-index-organization-wrap {
  text-align: center;
  margin-bottom: 40px;
}

.cmn-topics-index-organization-wrap__wrap {
  background-color: #f7f7f7;
  padding: 40px 0 0;
  margin-bottom: 40px;
}

.cmn-topics-index-organization-wrap__wrap--corporate {
  padding: 40px 0;
}

.cmn-topics-index-organization-wrap__btn {
  display: none;
}

.cmn-topics-index-organization-wrap__btn.on {
  display: block;
}

.cmn-topics-index-organization-wrap__inner.on {
  display: none;
}

.cmn-topics-index-organization {
  margin-bottom: 40px;
}

.cmn-topics-index-organization__inner {
  margin: 0 auto;
  text-align: center;
  padding: 0 24px;
  position: relative;
}

.cmn-topics-index-organization__img {
  width: 100%;
  margin: 0 auto 16px;
}

.cmn-topics-index-organization__img--creative {
  background: url("/careers/assets/img/creative/img_creative_organization_sp.png") center center no-repeat;
  background-size: contain;
  padding-top: calc(295 / 272 * 100%);
  width: calc(100% - 15px);
}

.cmn-topics-index-organization__img--eng {
  background: url("/careers/assets/img/engineering/img_engineering_organization_sp.png") center center no-repeat;
  background-size: contain;
  padding-top: calc(286 / 272 * 100%);
  width: calc(100% - 24px);
}

.cmn-topics-index-organization__img--business {
  background: url("/careers/assets/img/business/img_business_organization_sp.png") center center no-repeat;
  background-size: contain;
  padding-top: calc(288 / 272 * 100%);
}

.cmn-topics-index-organization__img--corporate {
  background: url("/careers/assets/img/corporate/img_corporate_organization_sp.png") center center no-repeat;
  background-size: contain;
  padding-top: calc(272 / 272 * 100%);
}

.cmn-topics-index-organization--corporate {
  margin: 0;
}

.cmn-topics-index-organization-box--left {
  position: relative;
}

.cmn-topics-index-organization-box__wrap {
  position: relative;
}

.cmn-topics-index-organization-box__ttl {
  display: inline-block;
  margin: 0 auto;
}

.cmn-topics-index-organization-box__ttl-txt {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  text-align: center;
  color: #bf0000;
}

.cmn-topics-index-organization-box__txt {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  padding: 16px 0 0;
  white-space: nowrap;
}

.cmn-topics-index-organization-box__txt--link {
  color: #bf0000;
}

.cmn-topics-index-organization-box__txt--note {
  font-size: 1rem;
  color: #000;
  padding: 0;
  margin: 16px 0;
}

.cmn-topics-index-organization-box-pc {
  display: none;
}

.cmn-topics-index-job {
  padding: 40px 12px;
  background: #f7f7f7;
}

.cmn-topics-index-job--business,
.cmn-topics-index-job--corporate,
.cmn-topics-index-job--creative {
  margin-bottom: 40px;
}

.cmn-topics-index-job-box--pc {
  display: none;
}

.cmn-topics-index-job-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 16px;
  margin-bottom: 16px;
  border: 1px solid #bf0000;
  border-radius: 8px;
  width: calc(50% - 8px);
  height: 50px;
  text-align: center;
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") center left 8px no-repeat #fff;
  background-size: 6px 9px;
}

.cmn-topics-index-job-btn:nth-child(2n) {
  margin-right: 0;
}

.cmn-topics-index-job-btn__txt {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #bf0000;
  line-height: 1.1;
  letter-spacing: 0.025em;
  font-size: 1rem;
  font-weight: bold;
}

.cmn-topics-index-job-btn__txt--small {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.cmn-topics-index-job-detail-box {
  display: none;
}

.cmn-topics-index-job-detail-content__role {
  color: #bf0000;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  font-size: 2.1rem;
  line-height: 1.2;
  margin-bottom: 16px;
}

.cmn-topics-index-job-detail-content__position {
  font-size: 1.4rem;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 24px;
  line-height: 1.6;
}

.cmn-topics-index-job-detail-content__ttl {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 16px;
}

.cmn-topics-index-job-detail-content__txt {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  line-height: 1.6;
}

.cmn-topics-index-job-detail-content__txt:not(:last-child) {
  margin-bottom: 16px;
}

.cmn-topics-index-job-detail-content__txt--center {
  text-align: center;
}

.cmn-topics-index-job-detail-content__link {
  display: inline-block;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: center;
  text-decoration: underline;
  margin: 0 auto 8px;
  position: relative;
}

.cmn-topics-index-job-detail-content__link[target="_blank"]:after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: -20px;
  width: 8px;
  height: 8px;
  background: url("/careers/assets/img/icon_blank.svg") center center no-repeat;
  background-size: contain;
}

.cmn-topics-index-job-detail-content .cmn-topics-index-job-detail-content__txt--caption {
  font-size: 1rem;
  margin-bottom: 0;
}

.cmn-topics-index-job-detail-content__btn-wrap {
  text-align: center;
  margin: 32px auto 16px;
}

.cmn-topics-index-job-detail-content__btn-wrap--bt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 110px;
}

.cmn-topics-article-kv__inner {
  position: relative;
  padding-top: 112.5%;
}

.cmn-topics-article-kv__inner--feature-creative {
  background: url("/careers/assets/img/feature/creative/img_feature_creative_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--feature-engineering {
  background: url("/careers/assets/img/feature/engineering/img_feature_engineering_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--creative01 {
  background: url("/careers/assets/img/topics/creative1/img_topics_creative1_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--creative02 {
  background: url("/careers/assets/img/topics/creative2/img_topics_creative2_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--creative03 {
  background: url("/careers/assets/img/topics/creative3/img_topics_creative3_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--engineering01 {
  background: url("/careers/assets/img/topics/engineering1/img_topics_engineering1_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--engineering02 {
  background: url("/careers/assets/img/topics/engineering2/img_topics_engineering2_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--engineering03 {
  background: url("/careers/assets/img/topics/engineering3/img_topics_engineering3_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--engineering04 {
  background: url("/careers/assets/img/topics/engineering4/img_topics_engineering4_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--corporate01 {
  background: url("/careers/assets/img/topics/corporate1/img_topics_corporate01_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--corporate02 {
  background: url("/careers/assets/img/topics/corporate2/img_topics_corporate02_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--business01 {
  background: url("/careers/assets/img/topics/business1/img_topics_business1_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--business02 {
  background: url("/careers/assets/img/topics/business2/img_topics_business2_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--business03 {
  background: url("/careers/assets/img/topics/business3/img_topics_business3_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--business04 {
  background: url("/careers/assets/img/topics/business4/img_topics_business4_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv__inner--business05 {
  background: url("/careers/assets/img/topics/business5/img_topics_business5_kv_sp.jpg") no-repeat;
  background-size: cover;
}

.cmn-topics-article-kv-heading {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
}

.cmn-topics-article-kv-ttl__main {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.9rem;
  line-height: 1;
  letter-spacing: 0;
}

.cmn-topics-article-kv-ttl__main--small {
  font-size: 3rem;
}

.cmn-topics-article-kv-ttl__main--xsmall {
  font-size: 2.3rem;
}

.cmn-topics-article-kv-ttl__main .br-sp {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-topics-article-kv-ttl__sub {
  display: inline-block;
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  margin-bottom: 16px;
  letter-spacing: -0.025em;
  border-bottom: 1px solid #fff;
}

.cmn-topics-article-kv-name__main {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.8rem;
  color: #fff;
}

.cmn-topics-article-kv-name__sub {
  font-size: 1.2rem;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  letter-spacing: 0.025em;
  margin-top: 16px;
}

.cmn-topics-article-kv-number {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem;
}

.cmn-topics-member-kv-ttl {
  padding: 0 12px;
}

.cmn-topics-member-kv-ttl__main {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: 24px;
}

.cmn-topics-member-kv-ttl__sub {
  border-left: 3px solid #000;
  padding-left: 16px;
}

.cmn-topics-member-name__main {
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}

.cmn-topics-member-name__sub {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}

.cmn-topics-member-name-date {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  display: inline-block;
  padding: 8px 0;
}

.cmn-topics-member-txt-box {
  padding: 0 12px;
  margin-bottom: 40px;
}

.cmn-topics-member-txt-box--top {
  padding: 0 12px;
  margin-bottom: 40px;
}

.cmn-topics-member-txt-box__ttl {
  margin-bottom: 24px;
}

.cmn-topics-member-txt-ttl {
  overflow: hidden;
}

.cmn-topics-member-txt-ttl__inner {
  position: relative;
  display: inline-block;
  padding-left: 16px;
  margin-left: 15px;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}

.cmn-topics-member-txt-ttl__inner::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 15px;
  height: 2px;
  background: #000;
  right: 100%;
}

.cmn-topics-member-faq {
  margin: 0 12px 40px;
  position: relative;
  z-index: 1;
  padding-right: 8px;
}

.cmn-topics-member-faq::before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  border-radius: 5px;
}

.cmn-topics-member-faq__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

.cmn-topics-member-faq__head::before {
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3rem;
  line-height: 1;
  content: "Q";
  display: block;
  color: #fff;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 12px;
  background: #686868;
  margin: 0 8px;
}

.cmn-topics-member-faq__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.025em;
}

.cmn-topics-member-faq__body::before {
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3rem;
  line-height: 1;
  content: "A";
  display: block;
  color: #fff;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 12px;
  background: #bf0000;
  margin: 0 8px;
}

.cmn-topics-member-faq__txt {
  width: calc(100% - 24px - 8px - 8px);
}

.cmn-topics-member-faq__txt--head {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.5;
}

.cmn-topics-member-faq__txt--body {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  letter-spacing: -0.025em;
  line-height: 1.5;
}

.cmn-topics-member-wrap__sub {
  display: none;
}

.cmn-topics-member-btn {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmn-topics-member-interview-txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 16px 12px 0;
}

.cmn-topics-member-interview-txt__inner {
  position: relative;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  color: #bf0000;
  padding-left: 16px;
}

.cmn-topics-member-interview-txt__inner::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") left center no-repeat;
  background-size: 5px 8px;
}

.cmn-topics-creative__ttl {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 24px;
  letter-spacing: 0.025em;
}

.cmn-topics-creative__inner {
  padding: 0 48px;
}

.cmn-topics-creative__wrap {
  padding-right: 12px;
  text-align: right;
}

.cmn-topics-creative__txt {
  position: relative;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  color: #bf0000;
  padding-left: 16px;
}

.cmn-topics-creative__txt::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") left center no-repeat;
  background-size: 5px 8px;
}

.cmn-topics-creative-box {
  display: block;
  padding-top: 48.64%;
  position: relative;
  margin-bottom: 16px;
  position: relative;
}

.cmn-topics-creative-box--01 {
  background: url("/careers/assets/img/img_topics_cmn_01_sp.jpg");
  background-size: cover;
}

.cmn-topics-creative-box--02 {
  background: url("/careers/assets/img/img_topics_cmn_02_sp.jpg");
  background-size: cover;
}

.cmn-topics-creative-box--03 {
  background: url("/careers/assets/img/img_topics_cmn_03_sp.jpg");
  background-size: cover;
}

.cmn-topics-creative-box--04 {
  background: url("/careers/assets/img/img_topics_cmn_04_sp.jpg");
  background-size: cover;
}

.cmn-topics-creative-box--font {
  background: url("/design/rakuten-font/assets/img/font_banner.png");
  background-size: cover;
}

.cmn-topics-creative-box__inner {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  padding: 0 2rem;
}

.cmn-topics-creative-box__txt {
  color: #fff;
}

.cmn-topics-creative-box__txt--main {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  letter-spacing: 0.025em;
  line-height: 1.2;
  text-align: center;
  /*padding-left: 16px;
      border-left: 1px solid #fff;
      margin-left: 8px;*/
}

.cmn-topics-creative-box__inner i {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  font-size: 1.6rem;
  color: #fff;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.cmn-topics-creative-box__txt--sub {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.7rem;
  letter-spacing: 0.025em;
  opacity: 0.8;
  line-height: 1;
}

.cmn-topics-eng {
  margin-top: 40px;
}

.cmn-topics-eng__ttl {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 24px;
  letter-spacing: 0.025em;
}

.cmn-topics-eng__inner {
  padding: 0 48px;
}

.cmn-topics-eng__wrap {
  padding-right: 12px;
  text-align: right;
}

.cmn-topics-eng__txt {
  position: relative;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  color: #bf0000;
  padding-left: 16px;
}

.cmn-topics-eng__txt::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") left center no-repeat;
  background-size: 5px 8px;
}

.cmn-topics-eng-box {
  display: block;
  padding-top: 48.64%;
  position: relative;
  margin-bottom: 16px;
  position: relative;
}

.cmn-topics-eng-box--05 {
  background: url("/careers/assets/img/img_topics_cmn_05_sp.jpg");
  background-size: cover;
}

.cmn-topics-eng-box--06 {
  background: url("/careers/assets/img/img_topics_cmn_06_sp.jpg");
  background-size: cover;
}

.cmn-topics-eng-box--07 {
  background: url("/careers/assets/img/img_topics_cmn_07_sp.jpg");
  background-size: cover;
}

.cmn-topics-eng-box--08 {
  background: url("/careers/assets/img/img_topics_cmn_12_sp.jpg");
  background-size: cover;
}

.cmn-topics-eng-box__inner {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  padding: 0 2rem;
}

.cmn-topics-eng-box__txt {
  color: #fff;
}

.cmn-topics-eng-box__txt--main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  letter-spacing: 0.025em;
  line-height: 1.2;
  text-align: center;
  /*padding-left: 16px;
      border-left: 1px solid #fff;
      margin-left: 8px;*/
}

.cmn-topics-eng-box__inner i {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  font-size: 1.6rem;
  color: #fff;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.cmn-topics-eng-box__txt--sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.7rem;
  letter-spacing: 0.025em;
  opacity: 0.8;
  line-height: 1;
}

.cmn-topics-business__ttl {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 24px;
  letter-spacing: 0.025em;
}

.cmn-topics-business__inner {
  padding: 0 48px;
}

.cmn-topics-business__wrap {
  padding-right: 12px;
  text-align: right;
}

.cmn-topics-business__txt {
  position: relative;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  color: #bf0000;
  padding-left: 16px;
}

.cmn-topics-business__txt::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") left center no-repeat;
  background-size: 5px 8px;
}

.cmn-topics-kv-ttl-img--business3 {
  background: url(/careers/assets/img/business/img_business_index_kv_03_ttl_01_sp.png) center no-repeat;
  background-size: contain;
  width: 222px;
  height: 35px;
  margin: 0 auto;
}

.cmn-topics-business-box {
  display: block;
  padding-top: 48.64%;
  position: relative;
  margin-bottom: 16px;
  position: relative;
}

.cmn-topics-business-box--01 {
  background: url("/careers/assets/img/img_topics_cmn_08_sp.jpg");
  background-size: cover;
}

.cmn-topics-business-box--02 {
  background: url("/careers/assets/img/img_topics_cmn_09_sp.jpg");
  background-size: cover;
}

.cmn-topics-business-box--03 {
  background: url("/careers/assets/img/img_topics_cmn_13_sp.jpg");
  background-size: cover;
}

.cmn-topics-business-box--04 {
  background: url("/careers/assets/img/img_topics_cmn_14_sp.jpg");
  background-size: cover;
}

.cmn-topics-business-box--05 {
  background: url("/careers/assets/img/img_topics_cmn_15_sp.jpg");
  background-size: cover;
}

.cmn-topics-business-box__inner {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  padding: 0 2rem;
}

.cmn-topics-business-box__txt {
  color: #fff;
}

.cmn-topics-business-box__txt--main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  letter-spacing: 0.025em;
  line-height: 1.2;
  text-align: center;
  /*padding-left: 16px;
      border-left: 1px solid #fff;
      margin-left: 8px;*/
}

.cmn-topics-business-box__inner i {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  font-size: 1.6rem;
  color: #fff;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.cmn-topics-business-box__txt--sub {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.7rem;
  letter-spacing: 0.025em;
  opacity: 0.8;
  line-height: 1;
  margin: auto 0;
}

.cmn-topics-business-box__img--03 {
  background: url(/careers/assets/img/business/img_business_index_kv_03_ttl_01_sp.png) center no-repeat;
  background-size: contain;
  width: 100px;
  height: 15px;
}

.cmn-topics-corporate__ttl {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 24px;
  letter-spacing: 0.025em;
}

.cmn-topics-corporate__inner {
  padding: 0 48px;
}

.cmn-topics-corporate__wrap {
  padding-right: 12px;
  text-align: right;
}

.cmn-topics-corporate__txt {
  position: relative;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  color: #bf0000;
  padding-left: 16px;
}

.cmn-topics-corporate__txt::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") left center no-repeat;
  background-size: 5px 8px;
}

.cmn-topics-corporate-box {
  display: block;
  padding-top: 48.64%;
  position: relative;
  margin-bottom: 16px;
  position: relative;
}

.cmn-topics-corporate-box--01 {
  background: url("/careers/assets/img/img_topics_cmn_10_sp.jpg");
  background-size: cover;
}

.cmn-topics-corporate-box--02 {
  background: url("/careers/assets/img/img_topics_cmn_11_sp.jpg");
  background-size: cover;
}

.cmn-topics-corporate-box--03 {
  background: url("/careers/assets/img/img_topics_cmn_16_sp.jpg");
  background-size: cover;
}

.cmn-topics-corporate-box__inner {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  padding: 0 2rem;
}

.cmn-topics-corporate-box__txt {
  color: #fff;
}

.cmn-topics-corporate-box__txt--main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  letter-spacing: 0.025em;
  line-height: 1.2;
  text-align: center;
  /*padding-left: 16px;
      border-left: 1px solid #fff;
      margin-left: 8px;*/
}

.cmn-topics-corporate-box__inner i {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  font-size: 1.6rem;
  color: #fff;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.cmn-topics-corporate-box__txt--sub {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.7rem;
  letter-spacing: 0.025em;
  opacity: 0.8;
  line-height: 1;
}

.cmn-topics-box {
  display: block;
  padding-top: 48.64%;
  position: relative;
  margin-bottom: 16px;
  position: relative;
}

.cmn-topics-box--01 {
  background: url("/careers/assets/img/img_topics_cmn_01_sp.jpg");
  background-size: cover;
}

.cmn-topics-box--02 {
  background: url("/careers/assets/img/img_topics_cmn_02_sp.jpg");
  background-size: cover;
}

.cmn-topics-box--03 {
  background: url("/careers/assets/img/img_topics_cmn_03_sp.jpg");
  background-size: cover;
}

.cmn-topics-box--04 {
  background: url("/careers/assets/img/img_topics_cmn_04_sp.jpg");
  background-size: cover;
}

.cmn-topics-box--05 {
  background: url("/careers/assets/img/img_topics_cmn_05_sp.jpg");
  background-size: cover;
}

.cmn-topics-box--06 {
  background: url("/careers/assets/img/img_topics_cmn_06_sp.jpg");
  background-size: cover;
}

.cmn-topics-box--07 {
  background: url("/careers/assets/img/img_topics_cmn_07_sp.jpg");
  background-size: cover;
}

.cmn-topics-box__inner {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  padding: 0 2rem;
}

.cmn-topics-box__txt {
  color: #fff;
}

.cmn-topics-box__txt--main {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.9rem;
  letter-spacing: 0.025em;
  line-height: 1.2;
  text-align: center;
  /*padding-left: 16px;
      border-left: 1px solid #fff;
      margin-left: 8px;*/
}

.cmn-topics-box__inner i {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  font-size: 1.6rem;
  color: #fff;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.cmn-topics-box__txt--sub {
  font-family: "RakutenSansUI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.7rem;
  letter-spacing: 0.025em;
  opacity: 0.8;
  line-height: 1;
}

.cmn-topics-job {
  padding: 0 12px;
  margin-bottom: 40px;
}

.cmn-topics-job-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.cmn-topics-job-box.cmn-topics-job-box__center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.cmn-topics-job-box__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-right: 16px;
  margin-bottom: 16px;
  border: 1px solid #bf0000;
  border-radius: 8px;
  padding-left: 8px;
  width: calc(50% - 8px);
  height: 48px;
  text-align: center;
  background: url("/careers/assets/img/btn_arrow_red_sp.svg") center left 8px no-repeat #fff;
  background-size: 6px 9px;
}

.cmn-topics-job-box.cmn-topics-job-box__center .cmn-topics-job-box__inner {
  margin-right: 32px;
  margin-bottom: 16px;
}

.cmn-topics-job-box__inner[target="_blank"]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/careers/assets/img/icon_blank-red.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

.cmn-topics-job-box__inner:hover[target="_blank"]:after {
  background-image: url("/careers/assets/img/icon_blank-white.svg");
}

.cmn-topics-job-box__inner--creative:nth-child(2n) {
  margin-right: 0;
}

.cmn-topics-job-box__inner--creative:last-child {
  margin-bottom: 0;
}

.cmn-topics-job-box__inner--engineer:nth-child(2n) {
  margin-right: 0;
}

.cmn-topics-job-box__inner--engineer:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.cmn-topics-job-box__inner--engineer[target="_blank"]:after {
  background-image: url("/careers/assets/img/icon_blank-red.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

.cmn-topics-job-box__inner--business:nth-child(2n) {
  margin-right: 0;
}

.cmn-topics-job-box__inner--business:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.cmn-topics-job-box__inner--business[target="_blank"]:after {
  background-image: url("/careers/assets/img/icon_blank-red.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

.cmn-topics-job-box__inner--corporate:nth-child(2n) {
  margin-right: 0;
}

.cmn-topics-job-box__inner--corporate:last-child {
  margin-bottom: 0;
}

.cmn-topics-job-box__txt {
  color: #bf0000;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
}

.cmn-topics-job-box__txt--small {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.cmn-topics-job-box__txt .br-sp {
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cmn-eng-env {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: url("/careers/assets/img/engineering/img_engineering_01_sp.jpg") no-repeat;
  background-size: cover;
  padding-top: 75%;
  position: relative;
}

.cmn-eng-env__tec {
  background-image: url("/careers/assets/img/engineering/img_engineering_04_sp.jpg");
}

.cmn-eng-env__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cmn-eng-env__ttl {
  font-size: 2.6rem;
  font-family: "RakutenSansUI_bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  margin-bottom: 8px;
}

.cmn-eng-env__txt {
  font-size: 1.2rem;
  font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  line-height: 1;
  text-align: center;
  margin: auto;
  line-height: 1.5;
  margin-bottom: 8px;
}

.cmn-eng-env__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 375px) {
  .cmn-btn--small {
    min-width: 150px;
  }

  .cmn-topics-job-box__inner[target="_blank"]:after {
    background-position: right 16px center;
  }
}

@media screen and (min-width: 414px) {
  .cmn-btn--small {
    min-width: 160px;
  }
}

@media screen and (min-width: 768px) {
  br.sp {
    display: none;
  }

  br.pc {
    display: block;
  }

  .br-pc::before {
    content: "\A";
    white-space: pre;
  }

  .br-sp::before {
    content: "";
    white-space: normal;
  }

  .fade {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }

  .fade--on {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  #container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .visible-pc {
    display: block;
  }

  .visible-sp {
    display: none;
  }

  .cmn-box {
    max-width: 864px;
    margin: 0 auto 80px;
    padding: 0 32px;
  }

  .cmn-box--top {
    padding: 80px 32px 0;
  }

  .cmn-box--m0 {
    margin: 0;
  }

  .cmn-inner:not(:last-child) {
    margin-bottom: 40px;
  }

  .cmn-h2 {
    font-size: 2.4rem;
    margin-bottom: 24px;
  }

  .cmn-h3 {
    font-size: 2rem;
    margin-bottom: 24px;
  }

  .cmn-h3--pc-left {
    text-align: left;
  }

  #container h4,
  #container h5 {
    margin-bottom: 24px;
  }

  .cmn-h4 {
    margin-bottom: 24px;
    font-size: 1.8rem;
  }

  .cmn-h5 {
    margin-bottom: 24px;
    padding-left: 16px;
  }

  .cmn-ttl {
    margin-bottom: 24px;
  }

  .cmn-ttl__main {
    font-size: 5rem;
    line-height: 1.2;
    margin: 0;
  }

  .cmn-ttl__main--small:before {
    content: none;
  }

  .cmn-ttl__main--small {
    padding-left: 0;
    font-size: 3rem;
  }

  .cmn-ttl__sub {
    font-size: 1.6rem;
  }

  .cmn-ttl--sub {
    margin: 0;
  }

  .cmn-ttl--sp-left {
    text-align: center;
  }

  .cmn-ttl--pc-left {
    text-align: left;
  }

  .cmn-ttl--workplace {
    margin-bottom: 16px;
  }

  .cmn-ttl--recruit {
    margin-bottom: 40px;
  }

  .cmn-ttl2 {
    padding-left: 16px;
  }

  .cmn-txt {
    font-size: 1.6rem;
  }

  .cmn-txt--pc-center {
    text-align: center;
  }

  .cmn-caption {
    font-size: 1.2rem;
    margin-top: 24px;
  }

  .cmn-caption--img {
    margin-top: 8px;
  }

  .cmn-btn {
    min-width: 240px;
    height: 56px;
    border-radius: 28px;
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left 32px center no-repeat #fff;
    background-size: 6px 12px;
    font-size: 1.4rem;
    line-height: 56px;
  }

  .cmn-btn:hover {
    color: #fff;
    background: url("/careers/assets/img/btn_arrow_white_pc.svg") left 32px center no-repeat #bf0000;
    background-size: 6px 12px;
  }

  .cmn-btn--red {
    color: #fff;
    background: url("/careers/assets/img/btn_arrow_white_pc.svg") left 32px center no-repeat #bf0000;
    background-size: 6px 12px;
  }

  .cmn-btn--red:hover {
    color: #bf0000;
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left 32px center no-repeat #fff;
    background-size: 6px 12px;
  }

  .cmn-btn--big {
    min-width: 444px;
  }

  .cmn-btn--close {
    background: url("/careers/assets/img/icon_arrow_red_close_sp.svg") left 32px center no-repeat #fff;
    background-size: 12px 12px;
  }

  .cmn-btn--close:hover {
    color: #fff;
    background: url("/careers/assets/img/icon_arrow_white_close_pc.svg") left 32px center no-repeat #bf0000;
    background-size: 12px 12px;
  }

  .cmn-btn--down {
    background: url("/careers/assets/img/icon_arrow_red_down_pc.svg") left 32px center no-repeat #fff;
    background-size: 12px 6px;
  }

  .cmn-btn--down:hover {
    color: #fff;
    background: url("/careers/assets/img/icon_arrow_white_down_pc.svg") left 32px center no-repeat #bf0000;
    background-size: 12px 6px;
  }

  .cmn-btn--down-red {
    background: url("/careers/assets/img/icon_arrow_white_down_pc.svg") left 32px center no-repeat #bf0000;
    background-size: 12px 6px;
  }

  .cmn-btn--down-red:hover {
    color: #bf0000;
    background: url("/careers/assets/img/icon_arrow_red_down_pc.svg") left 32px center no-repeat #fff;
    background-size: 12px 6px;
  }

  .cmn-btn--slider {
    min-width: 200px;
    height: 40px;
    border-radius: 20px;
    background: url("/careers/assets/img/btn_arrow_white_pc.svg") left 32px center no-repeat;
    background-size: 6px 12px;
    font-size: 1.4rem;
    line-height: 40px;
  }

  .cmn-btn--slider:hover {
    color: #bf0000;
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left 32px center no-repeat #fff;
    background-size: 6px 12px;
  }

  .cmn-btn--ghost {
    background: url("/careers/assets/img/btn_arrow_white_pc.svg") left 32px center no-repeat;
    background-size: 6px 12px;
  }

  .cmn-btn--ghost:hover {
    color: #bf0000;
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left 32px center no-repeat #fff;
    background-size: 6px 12px;
  }

  .cmn-btn[target="_blank"]:after {
    background-position: right 24px center;
    background-size: 16px 16px;
  }

  .cmn-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 40px;
    max-width: 1096px;
    margin: 0 auto;
  }

  .cmn-info__ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 11rem;
    margin-right: 24px;
    font-size: 1.6rem;
  }

  .cmn-info-list {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 24px;
    font-size: 1.4rem;
  }

  .cmn-info-list-item {
    font-size: 1.4rem;
  }

  .cmn-info-list-item__date {
    font-size: 1.4rem;
  }

  .cmn-info-list-item__txt {
    font-size: 1.4rem;
  }

  .cmn-info-list-item:hover,
  .cmn-info-list-item__date {
    color: #000;
  }

  .cmn-info-counter {
    opacity: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: relative;
    min-width: 3rem;
  }

  .cmn-info-counter__up,
  .cmn-info-counter__down {
    position: absolute;
    right: 50%;
    font-size: 20px;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    color: #828282;
  }

  .cmn-info-counter__up:hover,
  .cmn-info-counter__down:hover {
    color: #bf0000;
    cursor: pointer;
  }

  .cmn-info-counter__up {
    top: 0;
  }

  .cmn-info-counter__down {
    bottom: 0;
  }

  .cmn-info-counter__box {
    position: absolute;
    right: 50%;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    color: #9c9c9c;
  }

  .cmn-info-counter__box .cmn-info-counter__num:after {
    content: "/";
  }

  .cmn-job {
    margin: 0;
  }

  .cmn-job__inner {
    padding: 80px 32px;
  }

  .cmn-job-nav {
    max-width: 1008px;
    width: 100%;
    margin: 0 auto 24px;
    padding: 0;
  }

  .cmn-job-nav__inner {
    width: calc(25% - 12px);
    margin-bottom: 0;
    padding: 32px 0 24px;
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left 24px center no-repeat #fff;
    background-size: 6px 12px;
  }

  .cmn-job-nav__inner--is-active {
    background: url("/careers/assets/img/btn_arrow_white_pc.svg") left 24px center no-repeat #bf0000;
    background-size: 6px 12px;
  }

  .cmn-job-nav__inner--is-active .cmn-job-nav__txt {
    color: #fff;
  }

  .cmn-job-nav__inner:nth-child(2n) {
    margin-right: 16px;
  }

  .cmn-job-nav__inner:last-child {
    margin: 0;
  }

  .cmn-job-nav__txt--en {
    font-size: 1.6rem;
    letter-spacing: 0;
  }

  .cmn-job-nav__txt--ja {
    font-size: 1rem;
  }

  .cmn-job-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1008px;
    width: 100%;
    height: 190px;
    background: #fff;
    -webkit-box-shadow: 0 10px 16px 4px rgba(7, 0, 2, 0.05);
    box-shadow: 0 10px 16px 4px rgba(7, 0, 2, 0.05);
    margin: 0 auto 40px;
  }

  .cmn-job-cont__inner {
    font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 680px;
    font-size: 1.4rem;
    line-height: 2.1;
  }

  .cmn-workplace {
    margin: 80px 0;
  }

  .cmn-workplace-box {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1008px;
    width: 100%;
  }

  .cmn-workplace-box__inner {
    width: 152px;
    margin: 0;
  }

  .cmn-workplace-box__img {
    height: 100px;
  }

  .cmn-workplace-box__img--culture {
    background: url("/careers/assets/img/img_cmn_workplace_01_pc.svg") center center no-repeat;
    background-size: 94px 66px;
  }

  .cmn-workplace-box__img--office {
    background: url("/careers/assets/img/img_cmn_workplace_02_pc.svg") center center no-repeat;
    background-size: 93px 67px;
  }

  .cmn-workplace-box__img--system {
    background: url("/careers/assets/img/img_cmn_workplace_03_pc.svg") center center no-repeat;
    background-size: 87px 69px;
  }

  .cmn-workplace-box__img--welfare {
    background: url("/careers/assets/img/img_cmn_workplace_04_pc.svg") center center no-repeat;
    background-size: 83px 84px;
  }

  .cmn-workplace-box__img--faq {
    background: url("/careers/assets/img/img_cmn_workplace_05_pc.svg") center center no-repeat;
    background-size: 84px 85px;
  }

  .cmn-workplace-box__txt--en {
    font-size: 2.6rem;
  }

  .cmn-workplace-box__txt--ja {
    font-size: 1.2rem;
  }

  .cmn-interview {
    background: url("/careers/assets/img/img_creative_interview_pc.jpg") left bottom no-repeat #f7f7f7;
    background-size: cover;
  }

  .cmn-interview__inner {
    padding: 136px 0;
    height: 460px;
    max-width: 864px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .cmn-interview__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cmn-interview-ttl {
    margin-bottom: 40px;
  }

  .cmn-interview-ttl__main {
    font-size: 4.6rem;
    line-height: 1.4;
    margin: 0;
  }

  .cmn-interview-ttl__sub {
    font-size: 1.6rem;
  }

  .cmn-interview-ttl--interview {
    margin-bottom: 40px;
    text-align: left;
  }

  .cmn-interview-box {
    width: 264px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }

  .cmn-rakutenFont {
    margin-top: 40px;
    background: url("/design/rakuten-font/assets/img/kv.png") no-repeat #fff;
    background-position: 44vw center;
    background-size: 50vw 21.6vw;
  }

  .cmn-rakutenFont__inner {
    padding: 106px 0 126px 40px;
    height: 400px;
    max-width: 864px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-start;
  }

  .cmn-rakutenFont__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cmn-rakutenFont-ttl {
    margin-bottom: 40px;
  }

  .cmn-rakutenFont-ttl__main {
    font-size: 4.6rem;
    line-height: 1.4;
    margin: 0;
  }

  .cmn-rakutenFont-ttl__sub {
    font-size: 1.6rem;
  }

  .cmn-rakutenFont-ttl--rakutenFont {
    margin-bottom: 40px;
    text-align: left;
  }

  .cmn-rakutenFont-box {
    width: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }

  .cmn-topics-workstyle {
    margin-bottom: 80px;
  }

  .cmn-topics-workstyle-slider__item {
    padding-top: 50%;
  }

  .cmn-topics-workstyle-people-box {
    display: block;
    max-width: 992px;
    margin: 0 auto;
  }

  .cmn-topics-workstyle-people-box--corporate {
    max-width: 1072px;
  }

  .cmn-topics-workstyle-people-box__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .cmn-topics-workstyle-people {
    position: relative;
  }

  .cmn-topics-workstyle-people--creative-01 {
    background: url("/careers/assets/img/creative/img_creative_workstyle_people_01_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 123px;
    height: 383px;
  }

  .cmn-topics-workstyle-people--creative-02 {
    background: url("/careers/assets/img/creative/img_creative_workstyle_people_02_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 162.5px;
    height: 408px;
  }

  .cmn-topics-workstyle-people--creative-03 {
    background: url("/careers/assets/img/creative/img_creative_workstyle_people_03_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 140px;
    height: 389.5px;
  }

  .cmn-topics-workstyle-people--creative-04 {
    background: url("/careers/assets/img/creative/img_creative_workstyle_people_04_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 139px;
    height: 420px;
  }

  .cmn-topics-workstyle-people--creative-05 {
    background: url("/careers/assets/img/creative/img_creative_workstyle_people_05_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 114px;
    height: 370px;
  }

  .cmn-topics-workstyle-people--creative-06 {
    background: url("/careers/assets/img/creative/img_creative_workstyle_people_06_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 128px;
    height: 373px;
  }

  .cmn-topics-workstyle-people--creative-07 {
    background: url("/careers/assets/img/creative/img_creative_workstyle_people_07_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 134px;
    height: 422px;
  }

  .cmn-topics-workstyle-people--creative-01:hover .cmn-topics-workstyle-people-detail--creative-01 {
    display: block;
  }

  .cmn-topics-workstyle-people--creative-02:hover .cmn-topics-workstyle-people-detail--creative-02 {
    display: block;
  }

  .cmn-topics-workstyle-people--creative-03:hover .cmn-topics-workstyle-people-detail--creative-03 {
    display: block;
  }

  .cmn-topics-workstyle-people--creative-04:hover .cmn-topics-workstyle-people-detail--creative-04 {
    display: block;
  }

  .cmn-topics-workstyle-people--creative-05:hover .cmn-topics-workstyle-people-detail--creative-05 {
    display: block;
  }

  .cmn-topics-workstyle-people--creative-06:hover .cmn-topics-workstyle-people-detail--creative-06 {
    display: block;
  }

  .cmn-topics-workstyle-people--creative-07:hover .cmn-topics-workstyle-people-detail--creative-07 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-01 {
    background: url("/careers/assets/img/engineering/img_engineering_people_01_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 135px;
    height: 365.4px;
  }

  .cmn-topics-workstyle-people--engineer-02 {
    background: url("/careers/assets/img/engineering/img_engineering_people_02_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 117px;
    height: 377.1px;
  }

  .cmn-topics-workstyle-people--engineer-04 {
    background: url("/careers/assets/img/engineering/img_engineering_people_04_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 120.6px;
    height: 376.2px;
  }

  .cmn-topics-workstyle-people--engineer-06 {
    background: url("/careers/assets/img/engineering/img_engineering_people_06_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 112.5px;
    height: 336.6px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .cmn-topics-workstyle-people--engineer-07 {
    background: url("/careers/assets/img/engineering/img_engineering_people_07_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 105.3px;
    height: 386.1px;
  }

  .cmn-topics-workstyle-people--engineer-08 {
    background: url("/careers/assets/img/engineering/img_engineering_people_08_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 142.2px;
    height: 384.3px;
  }

  .cmn-topics-workstyle-people--engineer-09 {
    background: url("/careers/assets/img/engineering/img_engineering_people_09_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 175px;
    height: 380px;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  .cmn-topics-workstyle-people--engineer-10 {
    background: url("/careers/assets/img/engineering/img_engineering_people_10_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 169px;
    height: 378px;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  .cmn-topics-workstyle-people--engineer-01:hover .cmn-topics-workstyle-people-detail--engineer-01 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-02:hover .cmn-topics-workstyle-people-detail--engineer-02 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-03:hover .cmn-topics-workstyle-people-detail--engineer-03 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-04:hover .cmn-topics-workstyle-people-detail--engineer-04 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-05:hover .cmn-topics-workstyle-people-detail--engineer-05 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-06:hover .cmn-topics-workstyle-people-detail--engineer-06 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-07:hover .cmn-topics-workstyle-people-detail--engineer-07 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-08:hover .cmn-topics-workstyle-people-detail--engineer-08 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-09:hover .cmn-topics-workstyle-people-detail--engineer-09 {
    display: block;
  }

  .cmn-topics-workstyle-people--engineer-10:hover .cmn-topics-workstyle-people-detail--engineer-10 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-01 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_01_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 135.05px;
    height: 315.98px;
  }

  .cmn-topics-workstyle-people--business-02 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_02_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 124.69px;
    height: 335.22px;
    margin-left: -14px;
  }

  .cmn-topics-workstyle-people--business-03 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_03_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 96.2px;
    height: 312.65px;
    margin-left: 10px;
  }

  .cmn-topics-workstyle-people--business-04 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_04_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 95.46px;
    height: 330.04px;
    top: 2.96px;
  }

  .cmn-topics-workstyle-people--business-05 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_05_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 138.75px;
    height: 335.22px;
  }

  .cmn-topics-workstyle-people--business-06 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_06_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 109.15px;
    height: 345.58px;
    margin-left: 8px;
  }

  .cmn-topics-workstyle-people--business-07 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_07_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 159.1px;
    height: 340.03px;
    margin-right: -15px;
  }

  .cmn-topics-workstyle-people--business-08 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_08_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 142.45px;
    height: 356.68px;
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }

  .cmn-topics-workstyle-people--business-09 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_09_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 108px;
    height: 300px;
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }

  .cmn-topics-workstyle-people--business-10 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_10_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 130px;
    height: 324px;
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }

  .cmn-topics-workstyle-people--business-11 {
    background: url("/careers/assets/img/business/img_business_workstyle_people_11_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 94px;
    height: 300px;
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }

  .cmn-topics-workstyle-people--business-01:hover .cmn-topics-workstyle-people-detail--business-01 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-02:hover .cmn-topics-workstyle-people-detail--business-02 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-03:hover .cmn-topics-workstyle-people-detail--business-03 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-04:hover .cmn-topics-workstyle-people-detail--business-04 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-05:hover .cmn-topics-workstyle-people-detail--business-05 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-06:hover .cmn-topics-workstyle-people-detail--business-06 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-07:hover .cmn-topics-workstyle-people-detail--business-07 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-08:hover .cmn-topics-workstyle-people-detail--business-08 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-09:hover .cmn-topics-workstyle-people-detail--business-09 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-10:hover .cmn-topics-workstyle-people-detail--business-10 {
    display: block;
  }

  .cmn-topics-workstyle-people--business-11:hover .cmn-topics-workstyle-people-detail--business-11 {
    display: block;
  }

  .cmn-topics-workstyle-people--corporate-01 {
    background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_01_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 133.45px;
    height: 357.85px;
  }

  .cmn-topics-workstyle-people--corporate-02 {
    background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_02_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 115.6px;
    height: 365.5px;
    top: -5px;
  }

  .cmn-topics-workstyle-people--corporate-03 {
    background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_03_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 111.35px;
    height: 350.2px;
    top: -5px;
  }

  .cmn-topics-workstyle-people--corporate-04 {
    background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_04_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 130.05px;
    height: 376.55px;
  }

  .cmn-topics-workstyle-people--corporate-05 {
    background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_05_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 89.25px;
    height: 356.15px;
    top: -5px;
  }

  .cmn-topics-workstyle-people--corporate-06 {
    background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_06_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 108.8px;
    height: 377.4px;
  }

  .cmn-topics-workstyle-people--corporate-07 {
    background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_07_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 99.45px;
    height: 364.65px;
    top: -5px;
  }

  .cmn-topics-workstyle-people--corporate-08 {
    background: url("/careers/assets/img/corporate/img_corporate_workstyle_people_08_pc.png") center bottom no-repeat;
    background-size: contain;
    width: 119px;
    height: 388.45px;
  }

  .cmn-topics-workstyle-people--corporate-01:hover .cmn-topics-workstyle-people-detail--corporate-01 {
    display: block;
  }

  .cmn-topics-workstyle-people--corporate-02:hover .cmn-topics-workstyle-people-detail--corporate-02 {
    display: block;
  }

  .cmn-topics-workstyle-people--corporate-03:hover .cmn-topics-workstyle-people-detail--corporate-03 {
    display: block;
  }

  .cmn-topics-workstyle-people--corporate-04:hover .cmn-topics-workstyle-people-detail--corporate-04 {
    display: block;
  }

  .cmn-topics-workstyle-people--corporate-05:hover .cmn-topics-workstyle-people-detail--corporate-05 {
    display: block;
  }

  .cmn-topics-workstyle-people--corporate-06:hover .cmn-topics-workstyle-people-detail--corporate-06 {
    display: block;
  }

  .cmn-topics-workstyle-people--corporate-07:hover .cmn-topics-workstyle-people-detail--corporate-07 {
    display: block;
  }

  .cmn-topics-workstyle-people--corporate-08:hover .cmn-topics-workstyle-people-detail--corporate-08 {
    display: block;
  }

  .cmn-topics-workstyle-people-detail {
    width: 138px;
    height: 138px;
    border-radius: 50%;
    opacity: 0.9;
    background-color: #bf0000;
    text-align: center;
    position: absolute;
    margin: auto;
    z-index: 1;
  }

  .cmn-topics-workstyle-people-detail::after {
    content: "";
    display: block;
    background: url("/careers/assets/img/icon_arrow_white_right_small_pc.svg") center center no-repeat;
    background-size: contain;
    width: 7px;
    height: 13px;
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .cmn-topics-workstyle-people-detail--creative-01 {
    top: 29%;
    left: 0;
  }

  .cmn-topics-workstyle-people-detail--creative-02 {
    top: 29%;
    left: 24px;
  }

  .cmn-topics-workstyle-people-detail--creative-02 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 32px;
  }

  .cmn-topics-workstyle-people-detail--creative-03 {
    top: 29%;
    left: 0;
  }

  .cmn-topics-workstyle-people-detail--creative-03 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--creative-04 {
    top: 29%;
    left: 0;
  }

  .cmn-topics-workstyle-people-detail--creative-04 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--creative-05 {
    top: 29%;
    left: -8px;
  }

  .cmn-topics-workstyle-people-detail--creative-06 {
    top: 29%;
    left: 0;
  }

  .cmn-topics-workstyle-people-detail--creative-07 {
    top: 34%;
    left: 0;
  }

  .cmn-topics-workstyle-people-detail--engineer-01 {
    top: 28%;
    left: 10px;
  }

  .cmn-topics-workstyle-people-detail--engineer-02 {
    left: 0;
    top: 40%;
  }

  .cmn-topics-workstyle-people-detail--engineer-04 {
    top: 38%;
    left: -8px;
  }

  .cmn-topics-workstyle-people-detail--engineer-05 {
    top: 24%;
    left: -8px;
  }

  .cmn-topics-workstyle-people-detail--engineer-06 {
    top: 33%;
    left: -8px;
  }

  .cmn-topics-workstyle-people-detail--engineer-06 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--engineer-07 {
    left: -8px;
    top: 28%;
  }

  .cmn-topics-workstyle-people-detail--engineer-08 {
    top: 35%;
  }

  .cmn-topics-workstyle-people-detail--engineer-09 {
    top: 30%;
    left: 5px;
  }

  .cmn-topics-workstyle-people-detail--engineer-10 {
    top: 30%;
    left: 5px;
  }

  .cmn-topics-workstyle-people-detail--business-01 {
    top: 29%;
    left: -3px;
  }

  .cmn-topics-workstyle-people-detail--business-02 {
    top: 29%;
    left: -5px;
  }

  .cmn-topics-workstyle-people-detail--business-02 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-03 {
    top: 29%;
    left: -26px;
  }

  .cmn-topics-workstyle-people-detail--business-03 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-04 {
    top: 29%;
    left: -17px;
  }

  .cmn-topics-workstyle-people-detail--business-04 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-05 {
    top: 29%;
    left: 2px;
  }

  .cmn-topics-workstyle-people-detail--business-05 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-06 {
    top: 29%;
    left: -15px;
  }

  .cmn-topics-workstyle-people-detail--business-06 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-07 {
    top: 29%;
    left: -12px;
  }

  .cmn-topics-workstyle-people-detail--business-07 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-08 {
    top: 29%;
    left: -12px;
  }

  .cmn-topics-workstyle-people-detail--business-08 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-09 {
    top: 29%;
    left: -12px;
  }

  .cmn-topics-workstyle-people-detail--business-09 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-10 {
    top: 29%;
    left: -12px;
  }

  .cmn-topics-workstyle-people-detail--business-10 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-01 {
    left: 6px;
    top: 30%;
  }

  .cmn-topics-workstyle-people-detail--business-10 {
    top: 29%;
    left: -12px;
  }

  .cmn-topics-workstyle-people-detail--business-10 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--business-11 {
    top: 29%;
    left: -12px;
  }

  .cmn-topics-workstyle-people-detail--business-11 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-01 {
    left: 6px;
    top: 30%;
  }

  .cmn-topics-workstyle-people-detail--corporate-01 {
    left: 6px;
    top: 30%;
  }

  .cmn-topics-workstyle-people-detail--corporate-01 {
    left: 6px;
    top: 30%;
  }

  .cmn-topics-workstyle-people-detail--corporate-01 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-02 {
    top: 29%;
  }

  .cmn-topics-workstyle-people-detail--corporate-02 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-03 {
    top: 27%;
    left: -6px;
  }

  .cmn-topics-workstyle-people-detail--corporate-03 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-04 {
    top: 26%;
    left: -8px;
  }

  .cmn-topics-workstyle-people-detail--corporate-04 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-05 {
    top: 26%;
    left: -18px;
  }

  .cmn-topics-workstyle-people-detail--corporate-05 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-06 {
    top: 26%;
    left: -10px;
  }

  .cmn-topics-workstyle-people-detail--corporate-06 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-07 {
    left: -15px;
    top: 28%;
  }

  .cmn-topics-workstyle-people-detail--corporate-07 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail--corporate-08 {
    top: 28%;
    left: -10px;
  }

  .cmn-topics-workstyle-people-detail--corporate-08 .cmn-topics-workstyle-people-detail__ttl {
    padding-top: 44px;
  }

  .cmn-topics-workstyle-people-detail__ttl {
    font-size: 2rem;
    font-family: "RakutenSansUI_bold", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    color: #fff;
    padding: 32px 0 0;
  }

  .cmn-topics-workstyle-people-detail__txt {
    font-size: 1.2rem;
    font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
  }

  .cmn-topics-workstyle-member-ttl {
    font-size: 2.4rem;
  }

  .cmn-topics-index-kv-heading {
    padding: 0 92px;
    max-width: 1256px;
    text-align: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    top: 50%;
  }

  .cmn-topics-index-kv-ttl__main {
    font-size: 5.2rem;
  }

  .cmn-topics-index-kv-ttl__main--small {
    font-size: 4.2rem;
  }

  .cmn-topics-index-kv-ttl__main--xsmall {
    font-size: 4.2rem;
  }

  .cmn-topics-index-kv-ttl__main--sub {
    font-size: 2.2rem;
  }

  .cmn-topics-index-kv-ttl__sub {
    font-size: 2rem;
    letter-spacing: 0;
  }

  .cmn-topics-index-kv-ttl__txt {
    font-size: 1.6rem;
  }

  .cmn-topics-index-kv-ttl__name {
    font-size: 3rem;
  }

  .cmn-topics-index-kv-number {
    font-size: 2.4rem;
  }

  .cmn-topics-index-content {
    padding: 0 32px;
    margin: 80px 0;
  }

  .cmn-topics-index-content--gray {
    padding-bottom: 80px;
  }

  .cmn-topics-index-content__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 912px;
  }

  .cmn-topics-index-content__inner:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #dbdbdb;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .cmn-topics-index-content__txt {
    font-size: 1.6rem;
    max-width: 800px;
    margin: 0 auto;
  }

  .cmn-topics-index-txt-box {
    max-width: 392px;
  }

  .cmn-topics-index-txt-box:not(:last-child) {
    margin: 0 64px 0 0;
  }

  .cmn-topics-index-txt-box__txt {
    font-size: 1.6rem;
  }

  h4.cmn-topics-index-txt-box__ttl {
    font-size: 2.4rem;
    white-space: wrap;
    letter-spacing: 0;
    line-height: 1.5;
    height: 80px;
  }

  .cmn-topics-index-organization-wrap {
    margin-bottom: 80px;
  }

  .cmn-topics-index-organization-wrap__wrap {
    padding: 80px 0 0;
    max-width: 1072px;
    margin: 0 auto;
  }

  .cmn-topics-index-organization-wrap__wrap--corporate {
    padding: 80px 0;
    margin-bottom: 80px;
  }

  .cmn-topics-index-organization {
    padding: 0 32px;
  }

  .cmn-topics-index-organization__inner {
    padding: 168px 0 0;
    max-width: 936px;
  }

  .cmn-topics-index-organization__img {
    margin: 0 auto;
    width: 100%;
  }

  .cmn-topics-index-organization__img--creative {
    background: url("/careers/assets/img/creative/img_creative_organization_pc.png") center center no-repeat;
    background-size: contain;
    padding-top: calc(306 / 936 * 100%);
  }

  .cmn-topics-index-organization__img--eng {
    background: url("/careers/assets/img/engineering/img_engineering_organization_pc.png") center center no-repeat;
    background-size: contain;
    padding-top: calc(304 / 936 * 100%);
  }

  .cmn-topics-index-organization__img--business {
    background: url("/careers/assets/img/business/img_business_organization_pc.png") center center no-repeat;
    background-size: contain;
    padding-top: calc(294 / 936 * 100%);
  }

  .cmn-topics-index-organization__img--corporate {
    background: url("/careers/assets/img/corporate/img_corporate_organization_pc.png") center center no-repeat;
    background-size: contain;
    padding-top: calc(377 / 936 * 100%);
  }

  .cmn-topics-index-organization-box {
    position: absolute;
    top: 0;
    width: calc(50% - 12px);
  }

  .cmn-topics-index-organization-box--left {
    padding-right: 32px;
    left: 0;
  }

  .cmn-topics-index-organization-box--left:after {
    content: "";
    position: absolute;
    width: 2px;
    top: 0;
    right: -13px;
    height: 100%;
    background: #dbdbdb;
  }

  .cmn-topics-index-organization-box--right {
    padding-left: 32px;
    right: 0;
  }

  .cmn-topics-index-organization-box__ttl-txt {
    font-size: 2.4rem;
    text-align: left;
  }

  .cmn-topics-index-organization-box__txt {
    font-size: 1.4rem;
  }

  .cmn-topics-index-organization-box-pc {
    font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
  }

  .cmn-topics-index-job {
    padding: 80px 32px;
  }

  .cmn-topics-index-job--business,
  .cmn-topics-index-job--corporate,
  .cmn-topics-index-job--creative {
    margin-bottom: 80px;
  }

  .cmn-topics-index-job-box--sp {
    display: none;
  }

  .cmn-topics-index-job-box--pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 40px;
    max-width: 1072px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .cmn-topics-index-job-box--engineer {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .cmn-topics-index-job-box--corporate {
    max-width: 800px;
  }

  .cmn-topics-index-job-btn {
    margin-bottom: 0;
    padding: 32px 0 24px;
    background-image: none;
    height: 100px;
    width: 204px;
    cursor: pointer;
  }

  .cmn-topics-index-job-btn.on {
    background-color: #bf0000;
  }

  .cmn-topics-index-job-btn.on .cmn-topics-index-job-btn__txt {
    color: #fff;
  }

  .cmn-topics-index-job-btn:nth-child(2n) {
    margin-right: 16px;
  }

  .cmn-topics-index-job-btn:last-child {
    margin-right: 0;
  }

  .cmn-topics-index-job-btn__txt {
    font-size: 1.4rem;
    color: #000;
  }

  .cmn-topics-index-job-btn__txt--small {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .cmn-topics-index-job-btn--engineer {
    margin-bottom: 16px;
    width: calc(25% - 12px);
  }

  .cmn-topics-index-job-btn--engineer:nth-child(4) {
    margin-right: 0;
  }

  .cmn-topics-index-job-btn--corporate {
    width: 256px;
  }

  .cmn-topics-index-job-detail-box {
    display: block;
    max-width: 1072px;
    background-color: #fff;
    margin: 0 auto;
  }

  .cmn-topics-index-job-detail-content {
    display: none;
    max-width: 800px;
    margin: 0 auto;
    padding: 48px 16px;
  }

  .cmn-topics-index-job-detail-content.on {
    display: block;
  }

  .cmn-topics-index-job-detail-content__role {
    font-size: 1.6rem;
    line-height: 1.875;
    margin: 0;
  }

  .cmn-topics-index-job-detail-content__position {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 32px;
  }

  .cmn-topics-index-job-detail-content__ttl {
    font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.875;
    margin: 0;
  }

  .cmn-topics-index-job-detail-content__txt {
    line-height: 1.875;
  }

  .cmn-topics-index-job-detail-content__link {
    font-size: 1.4rem;
    line-height: 1.875;
  }

  .cmn-topics-index-job-detail-content__link:hover {
    color: #bf0000;
    text-decoration: underline;
  }

  .cmn-topics-index-job-detail-content__link[target="_blank"]:after {
    background: url("/careers/assets/img/icon_blank.svg") center center no-repeat;
    background-size: contain;
    top: calc(50% - 5px);
    width: 14px;
    height: 10px;
    right: -30px;
  }

  .cmn-topics-index-job-detail-content__btn-wrap--bt {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
  }

  .cmn-topics-article-kv__inner {
    padding-top: 39.0625%;
  }

  .cmn-topics-article-kv__inner--feature-creative {
    background: url("/careers/assets/img/feature/creative/img_feature_creative_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--feature-engineering {
    background: url("/careers/assets/img/feature/engineering/img_feature_engineering_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--creative01 {
    background: url("/careers/assets/img/topics/creative1/img_topics_creative1_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--creative02 {
    background: url("/careers/assets/img/topics/creative2/img_topics_creative2_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--creative03 {
    background: url("/careers/assets/img/topics/creative3/img_topics_creative3_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--engineering01 {
    background: url("/careers/assets/img/topics/engineering1/img_topics_engineering1_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--engineering02 {
    background: url("/careers/assets/img/topics/engineering2/img_topics_engineering2_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--engineering03 {
    background: url("/careers/assets/img/topics/engineering3/img_topics_engineering3_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--engineering04 {
    background: url("/careers/assets/img/topics/engineering4/img_topics_engineering4_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--corporate01 {
    background: url("/careers/assets/img/topics/corporate1/img_topics_corporate01_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--corporate02 {
    background: url("/careers/assets/img/topics/corporate2/img_topics_corporate02_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--business01 {
    background: url("/careers/assets/img/topics/business1/img_topics_business1_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--business02 {
    background: url("/careers/assets/img/topics/business2/img_topics_business2_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--business03 {
    background: url("/careers/assets/img/topics/business3/img_topics_business3_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--business04 {
    background: url("/careers/assets/img/topics/business4/img_topics_business4_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv__inner--business05 {
    background: url("/careers/assets/img/topics/business5/img_topics_business5_kv_pc.jpg") no-repeat;
    background-size: cover;
  }

  .cmn-topics-article-kv-heading {
    padding: 0 32px;
    position: absolute;
    max-width: 1136px;
    text-align: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .cmn-topics-article-kv-ttl__main {
    font-size: 5.2rem;
  }

  .cmn-topics-article-kv-ttl__main--small {
    font-size: 4.2rem;
  }

  .cmn-topics-article-kv-ttl__main--xsmall {
    font-size: 4.2rem;
  }

  .cmn-topics-article-kv-ttl__sub {
    font-size: 2.2rem;
    letter-spacing: 0;
  }

  .cmn-topics-article-kv-name__main {
    font-size: 3rem;
  }

  .cmn-topics-article-kv-name__sub {
    font-size: 1.6rem;
  }

  .cmn-topics-article-kv-number {
    font-size: 2.4rem;
  }

  .cmn-topics-member-kv-heading {
    position: absolute;
    width: 100%;
    padding: 0 32px;
    max-width: 1136px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .cmn-topics-member-kv-ttl {
    padding: 0;
  }

  .cmn-topics-member-kv-ttl__main {
    font-size: 2.34375vw;
    line-height: 1.6;
    margin-bottom: 48px;
  }

  .cmn-topics-member-name-date {
    font-size: 1.2rem;
  }

  .cmn-topics-member-txt-box {
    margin: 40px auto 80px;
    padding: 0 80px;
  }

  .cmn-topics-member-txt-box--top {
    padding: 0 32px;
    max-width: 864px;
    margin-bottom: 80px;
  }

  .cmn-topics-member-txt-ttl__inner {
    font-size: 2rem;
    margin-left: 20px;
  }

  .cmn-topics-member-txt-ttl__inner::before {
    width: 20px;
    height: 3px;
  }

  .cmn-topics-member-faq {
    margin: 0 80px 80px;
    padding-right: 16px;
  }

  .cmn-topics-member-faq:last-child {
    margin: 0 88px;
  }

  .cmn-topics-member-faq::before {
    top: 24px;
    border-radius: 10px;
  }

  .cmn-topics-member-faq__head {
    margin-bottom: 24px;
  }

  .cmn-topics-member-faq__head::before {
    font-size: 2rem;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    line-height: 36px;
    margin: 0 8px 0 32px;
  }

  .cmn-topics-member-faq__body::before {
    font-size: 2rem;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    line-height: 36px;
    margin: 0 8px 0 32px;
  }

  .cmn-topics-member-faq__txt {
    width: calc(100% - 36px - 8px - 32px);
  }

  .cmn-topics-member-faq__txt--head {
    font-size: 1.8rem;
    line-height: 1.1;
  }

  .cmn-topics-member-faq__txt--body {
    font-size: 1.4rem;
    letter-spacing: 0.025em;
  }

  .cmn-topics-member-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .cmn-topics-member-wrap__main {
    width: 50%;
  }

  .cmn-topics-member-wrap__main--is-active {
    position: absolute;
    right: 0;
    top: auto;
  }

  .cmn-topics-member-wrap__sub {
    display: block;
    width: 50%;
    height: calc(100vh - 84px);
    position: relative;
  }

  .cmn-topics-member-wrap__sub--fixed {
    position: fixed;
    left: 0;
    top: 84px;
  }

  .cmn-topics-member-wrap__sub--is-disable {
    position: relative;
  }

  .cmn-topics-member-foot {
    position: relative;
    background: #fff;
    z-index: 1;
    padding-top: 80px;
  }

  .cmn-topics-member-btn {
    margin-bottom: 80px;
  }

  .cmn-topics-member-interview-txt {
    padding: 16px 32px 0;
    max-width: 1136px;
    margin: 0 auto;
  }

  .cmn-topics-member-interview-txt__inner {
    font-size: 1.3rem;
    padding-left: 32px;
  }

  .cmn-topics-member-interview-txt__inner::before {
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left center no-repeat;
    background-size: 7px 12px;
  }

  .cmn-topics-creative__ttl {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }

  .cmn-topics-creative__inner {
    padding: 0;
    margin: 0 auto;
    max-width: calc(100% - 208px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .cmn-topics-creative__wrap {
    padding: 0;
    display: block;
    max-width: calc(100% - 208px);
    width: 100%;
    margin: 0 auto;
  }

  .cmn-topics-creative__txt {
    font-size: 1.3rem;
    padding-left: 32px;
  }

  .cmn-topics-creative__txt::before {
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left center no-repeat;
  }

  .cmn-topics-creative-box {
    width: 29.1%;
    padding-top: 13.9%;
    margin-bottom: 40px;
  }

  .cmn-topics-creative-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .cmn-topics-creative-box:hover::after {
    content: "";
    opacity: 0.15;
  }

  .cmn-topics-creative-box--01 {
    background: url("/careers/assets/img/img_topics_cmn_01_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-creative-box--02 {
    background: url("/careers/assets/img/img_topics_cmn_02_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-creative-box--03 {
    background: url("/careers/assets/img/img_topics_cmn_03_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-creative-box--04 {
    background: url("/careers/assets/img/img_topics_cmn_04_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-creative-box--font {
    background: url("/design/rakuten-font/assets/img/font_banner.png");
    background-size: cover;
  }

  .cmn-topics-creative-box__txt--main {
    font-size: 1.4rem;
  }

  .cmn-topics-creative-box__txt--sub {
    font-size: 3.2rem;
  }

  .cmn-topics-eng {
    margin-top: 80px;
  }

  .cmn-topics-eng__ttl {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }

  .cmn-topics-eng__inner {
    padding: 0;
    margin: 0 auto;
    max-width: calc(100% - 208px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .cmn-topics-eng__wrap {
    padding: 0;
    display: block;
    max-width: calc(100% - 208px);
    width: 100%;
    margin: 0 auto;
  }

  .cmn-topics-eng__txt {
    font-size: 1.3rem;
    padding-left: 32px;
  }

  .cmn-topics-eng__txt::before {
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left center no-repeat;
  }

  .cmn-topics-eng-box {
    width: 29.1%;
    padding-top: 13.9%;
    margin-bottom: 40px;
  }

  .cmn-topics-eng-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .cmn-topics-eng-box:hover::after {
    content: "";
    opacity: 0.15;
  }

  .cmn-topics-eng-box--05 {
    background: url("/careers/assets/img/img_topics_cmn_05_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-eng-box--06 {
    background: url("/careers/assets/img/img_topics_cmn_06_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-eng-box--07 {
    background: url("/careers/assets/img/img_topics_cmn_07_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-eng-box--08 {
    background: url("/careers/assets/img/img_topics_cmn_12_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-eng-box__txt--main {
    font-size: 1.4rem;
  }

  .cmn-topics-eng-box__txt--sub {
    font-size: 3.2rem;
  }

  .cmn-topics-business__ttl {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }

  .cmn-topics-business__inner {
    padding: 0;
    margin: 0 auto;
    max-width: calc(100% - 208px);
    min-width: 692px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }

  .cmn-topics-business__wrap {
    padding: 0;
    display: block;
    max-width: calc(100% - 208px);
    width: 100%;
    margin: 0 auto;
  }

  .cmn-topics-business__txt {
    font-size: 1.3rem;
    padding-left: 32px;
  }

  .cmn-topics-business__txt::before {
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left center no-repeat;
  }

  .cmn-topics-kv-ttl-img--business3 {
    background: url(/careers/assets/img/business/img_business_index_kv_03_ttl_01_pc.png) center no-repeat;
    background-size: contain;
    width: 466px;
    height: 74px;
    margin: 0;
  }

  .cmn-topics-business-box {
    width: 29.1%;
    padding-top: 13.9%;
    margin-bottom: 40px;
  }

  .cmn-topics-business-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .cmn-topics-business-box:hover::after {
    content: "";
    opacity: 0.15;
  }

  .cmn-topics-business-box--01 {
    background: url("/careers/assets/img/img_topics_cmn_08_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-business-box--02 {
    background: url("/careers/assets/img/img_topics_cmn_09_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-business-box--03 {
    background: url("/careers/assets/img/img_topics_cmn_13_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-business-box--04 {
    background: url("/careers/assets/img/img_topics_cmn_14_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-business-box--05 {
    background: url("/careers/assets/img/img_topics_cmn_15_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-business-box__txt--main {
    font-size: 1.4rem;
  }

  .cmn-topics-business-box__txt--sub {
    font-size: 3.2rem;
  }

  .cmn-topics-corporate__ttl {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }

  .cmn-topics-corporate__inner {
    padding: 0;
    margin: 0 auto;
    max-width: calc(100% - 208px);
    min-width: 692px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }

  .cmn-topics-corporate__wrap {
    padding: 0;
    display: block;
    max-width: calc(100% - 208px);
    width: 100%;
    margin: 0 auto;
  }

  .cmn-topics-corporate__txt {
    font-size: 1.3rem;
    padding-left: 32px;
  }

  .cmn-topics-corporate__txt::before {
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left center no-repeat;
  }

  .cmn-topics-corporate-box {
    width: 29.1%;
    padding-top: 13.9%;
    margin-bottom: 40px;
  }

  .cmn-topics-corporate-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .cmn-topics-corporate-box:hover::after {
    content: "";
    opacity: 0.15;
  }

  .cmn-topics-corporate-box--01 {
    background: url("/careers/assets/img/img_topics_cmn_10_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-corporate-box--02 {
    background: url("/careers/assets/img/img_topics_cmn_11_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-corporate-box--03 {
    background: url("/careers/assets/img/img_topics_cmn_16_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-corporate-box__txt--main {
    font-size: 1.4rem;
  }

  .cmn-topics-corporate-box__txt--sub {
    font-size: 3.2rem;
  }

  .cmn-topics-box {
    width: 29.1%;
    padding-top: 13.9%;
    margin-bottom: 40px;
  }

  .cmn-topics-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .cmn-topics-box:hover::after {
    content: "";
    opacity: 0.15;
  }

  .cmn-topics-box--01 {
    background: url("/careers/assets/img/img_topics_cmn_01_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-box--02 {
    background: url("/careers/assets/img/img_topics_cmn_02_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-box--03 {
    background: url("/careers/assets/img/img_topics_cmn_03_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-box--04 {
    background: url("/careers/assets/img/img_topics_cmn_04_pc.jpg");
    background-size: cover;
  }

  .cmn-topics-box--05 {
    background: url("/careers/assets/img/img_topics_cmn_05_pc.jpg");
    background-size: cover;
    width: 43.65%;
    padding-top: 20.85%;
  }

  .cmn-topics-box--06 {
    background: url("/careers/assets/img/img_topics_cmn_06_pc.jpg");
    background-size: cover;
    width: 43.65%;
    padding-top: 20.85%;
  }

  .cmn-topics-box--07 {
    background: url("/careers/assets/img/img_topics_cmn_07_pc.jpg");
    background-size: cover;
    width: 43.65%;
    padding-top: 20.85%;
  }

  .cmn-topics-box__txt--main {
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .cmn-topics-box__txt--sub {
    font-size: 3.2rem;
  }

  .cmn-topics-job {
    padding: 0 32px;
    margin: 80px 0;
  }

  .cmn-topics-job-box {
    max-width: 1072px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .cmn-topics-job-box--creative::after {
    content: "";
    display: block;
    max-width: 312px;
    width: calc(33.33% - 16px);
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .cmn-topics-job-box--business::before {
    content: "";
    display: block;
    max-width: 240px;
    width: calc(25% - 16px);
    margin-right: 16px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .cmn-topics-job-box--business::after {
    content: "";
    display: block;
    max-width: 240px;
    width: calc(25% - 16px);
    height: 100px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .cmn-topics-job-box__inner {
    margin-right: 16px;
    margin-bottom: 16px;
    padding: 0;
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left 16px center no-repeat #fff;
    background-size: 6px 12px;
    border: 2px solid #bf0000;
    border-radius: 6px;
    height: 80px;
    text-align: left;
  }

  .cmn-topics-job-box__inner:hover {
    background: url("/careers/assets/img/btn_arrow_white_pc.svg") left 16px center no-repeat #bf0000;
    background-size: 6px 12px;
  }

  .cmn-topics-job-box__inner:hover .cmn-topics-job-box__txt {
    color: #fff;
  }

  .cmn-topics-job-box__inner[target="_blank"]:after {
    background-position: right 16px center;
    background-size: 16px 16px;
  }

  .cmn-topics-job-box__inner--creative {
    max-width: 312px;
    width: calc(33.33% - 16px);
  }

  .cmn-topics-job-box__inner--creative:nth-child(2n) {
    margin-right: 16px;
  }

  .cmn-topics-job-box__inner--creative:nth-child(3) {
    margin-right: 0;
  }

  .cmn-topics-job-box__inner--creative:nth-child(4) {
    margin-bottom: 0;
  }

  .cmn-topics-job-box__inner--engineer {
    max-width: 240px;
    width: calc(25% - 16px);
  }

  .cmn-topics-job-box__inner--engineer:nth-child(2n) {
    margin-right: 16px;
  }

  .cmn-topics-job-box__inner--engineer:nth-child(4n) {
    margin-right: 0;
  }

  .cmn-topics-job-box__inner--engineer:nth-last-child(-n + 4) {
    margin-bottom: 0;
  }

  .cmn-topics-job-box__inner--business {
    max-width: 240px;
    width: calc(25% - 16px);
  }

  .cmn-topics-job-box__inner--business:nth-child(2n) {
    margin-right: 16px;
  }

  .cmn-topics-job-box__inner--business:nth-child(4n) {
    margin-right: 0;
  }

  .cmn-topics-job-box__inner--business:nth-last-child(-n + 4) {
    margin-bottom: 0;
  }

  .cmn-topics-job-box__inner--business[target="_blank"]:after {
    background-position: 95%;
  }

  .cmn-topics-job-box__inner--corporate {
    max-width: 312px;
    width: calc(33.33% - 16px);
  }

  .cmn-topics-job-box__inner--corporate:nth-child(2n) {
    margin-right: 16px;
  }

  .cmn-topics-job-box__inner--corporate:nth-child(3) {
    margin-right: 0;
  }

  .cmn-topics-job-box__txt {
    font-size: 1.3rem;
  }

  .cmn-topics-job-box__txt--engineer {
    letter-spacing: -0.05em;
  }

  .cmn-topics-job-box__txt--business {
    letter-spacing: -0.05em;
    font-size: 1.2rem;
  }

  .cmn-eng-env {
    background: url("/careers/assets/img/engineering/img_engineering_01_pc.jpg") no-repeat;
    background-size: cover;
    padding-top: 28.125%;
  }

  .cmn-eng-env__tec {
    background-image: url("/careers/assets/img/engineering/img_engineering_04_pc.jpg");
  }

  .cmn-eng-env::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .cmn-eng-env:hover::after {
    content: "";
    opacity: 0.15;
  }

  .cmn-eng-env:hover .cmn-btn--ghost {
    color: #bf0000;
    background: url("/careers/assets/img/btn_arrow_red_pc.svg") left 32px center no-repeat #fff;
    background-size: 6px 12px;
  }

  .cmn-eng-env__ttl {
    font-size: 4rem;
  }

  .cmn-eng-env__txt {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 950px) {
  .cmn-topics-job-box__inner[target="_blank"]:after {
    background-position: right 24px center;
    background-size: 16px 16px;
  }

  .cmn-topics-job-box__txt--engineer {
    font-size: 1.3rem;
  }

  .cmn-topics-job-box__txt--business {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .cmn-h2 {
    font-size: 3rem;
  }

  .cmn-h3 {
    font-size: 2.4rem;
  }

  .cmn-job-nav__txt--en {
    font-size: 2.2rem;
    line-height: 1.2;
    letter-spacing: 0.025em;
  }

  .cmn-job-nav__txt--ja {
    font-size: 1.2rem;
  }

  .cmn-topics-index-kv-ttl__main {
    font-size: 5.2rem;
  }

  .cmn-topics-index-kv-ttl__main--small {
    font-size: 4.6rem;
  }

  .cmn-topics-index-kv-ttl__main--xsmall {
    font-size: 4.6rem;
  }

  .cmn-topics-index-kv-ttl__main--sub {
    font-size: 2.9rem;
  }

  .cmn-topics-index-kv-ttl__sub {
    font-size: 2.4rem;
  }

  .cmn-topics-index-kv-ttl__txt {
    font-size: 1.8rem;
  }

  .cmn-topics-index-kv-ttl__name {
    font-size: 3.2rem;
  }

  .cmn-topics-index-kv-number {
    font-size: 3rem;
  }

  h4.cmn-topics-index-txt-box__ttl {
    white-space: nowrap;
  }

  .cmn-topics-index-organization-box__ttl-txt {
    font-size: 3.2rem;
  }

  .cmn-topics-index-job-btn {
    background-image: none;
  }

  .cmn-topics-index-job-btn__txt--engineer {
    font-size: 1.6rem;
  }

  .cmn-topics-article-kv-ttl__main {
    font-size: 7rem;
  }

  .cmn-topics-article-kv-ttl__main--small {
    font-size: 4.6rem;
  }

  .cmn-topics-article-kv-ttl__main--xsmall {
    font-size: 4.6rem;
  }

  .cmn-topics-article-kv-ttl__sub {
    font-size: 2.7rem;
    margin-bottom: 32px;
  }

  .cmn-topics-article-kv-name__main {
    font-size: 3.6rem;
  }

  .cmn-topics-article-kv-name__sub {
    font-size: 2rem;
  }

  .cmn-topics-article-kv-number {
    font-size: 3.2rem;
  }

  .cmn-topics-member-kv-ttl__sub {
    border-left: 6px solid #000;
    padding-left: 24px;
  }

  .cmn-topics-member-name__main {
    font-size: 2.7rem;
  }

  .cmn-topics-member-name__sub {
    font-size: 1.6rem;
  }

  .cmn-topics-creative-box__txt--main {
    font-size: 2rem;
  }

  .cmn-topics-creative-box__txt--sub {
    font-size: 5rem;
  }

  .cmn-topics-eng-box__txt--main {
    font-size: 2rem;
  }

  .cmn-topics-eng-box__txt--sub {
    font-size: 5rem;
  }

  .cmn-topics-business-box__txt--main {
    font-size: 2rem;
  }

  .cmn-topics-business-box__txt--sub {
    font-size: 5rem;
  }

  .cmn-topics-business-box__img--03 {
    width: 144px;
    height: 22px;
  }

  .cmn-topics-corporate-box__txt--main {
    font-size: 2rem;
  }

  .cmn-topics-corporate-box__txt--sub {
    font-size: 5rem;
  }

  .cmn-topics-box__txt--main {
    font-size: 2rem;
    line-height: 1.2;
  }

  .cmn-topics-box__txt--sub {
    font-size: 5rem;
  }

  .cmn-topics-job-box__txt {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .cmn-interview {
    background: url("/careers/assets/img/img_creative_interview_pc.jpg") center bottom no-repeat #f7f7f7;
    background-size: contain;
  }

  .cmn-rakutenFont {
    background: url("/design/rakuten-font/assets/img/kv.png") no-repeat #fff;
    ;
    background-position: 44vw center;
    background-size: 50vw 21.6vw;
  }

  .cmn-rakutenFont__inner {
    padding-left: 0px;
  }

  .cmn-topics-index-kv-ttl__main {
    font-size: 7rem;
  }

  .cmn-topics-index-kv-ttl__main--small {
    font-size: 6.2rem;
  }

  .cmn-topics-index-kv-ttl__main--xsmall {
    font-size: 6.2rem;
  }

  .cmn-topics-index-kv-ttl__main--sub {
    font-size: 3rem;
  }

  .cmn-topics-index-kv-ttl__sub {
    font-size: 2.7rem;
    margin-bottom: 32px;
  }

  .cmn-topics-index-kv-ttl__txt {
    font-size: 2rem;
  }

  .cmn-topics-index-kv-ttl__name {
    font-size: 3.6rem;
  }

  .cmn-topics-index-kv-number {
    font-size: 3.2rem;
  }

  .cmn-topics-article-kv-ttl__main--small {
    font-size: 6.2rem;
  }

  .cmn-topics-article-kv-ttl__main--xsmall {
    font-size: 6.2rem;
  }

  .cmn-topics-member-kv-ttl__main {
    font-size: 3rem;
  }
}

/*# sourceMappingURL=general.css.map */