@charset "UTF-8";
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* video / iframe
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ default */
/* ================================================ color */
:root {
  --color-black: 53, 53, 53;
  --color-gray: 151, 151, 151;
}

/* ================================================ body */
body {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  color: rgba(var(--color-black), 1);
  background-color: #fff;
  background-image: url(../img/common/texture.jpg);
  background-repeat: repeat;
  background-size: 750px auto;
  background-position: center center;
}

a, a:link, a:visited, a:hover {
  color: rgba(var(--color-black), 1);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

::-moz-selection {
  background: rgba(var(--color-black), 1);
  color: #fff;
}

::selection {
  background: rgba(var(--color-black), 1);
  color: #fff;
}

/* ============================================================== emoji */
@font-face {
  font-family: MyFontFamily;
  src: local("Hiragino Kaku Gothic ProN"), local("Meiryo");
}
@font-face {
  font-family: MyFontFamily;
  font-weight: bold;
  src: local("Hiragino Kaku Gothic ProN"), local("Meiryo Bold");
}
@font-face {
  font-family: MyFontFamily;
  src: local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Apple Color Emoji"), local("Noto Color Emoji"), local("Noto Emoji");
  unicode-range: U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}
@font-face {
  font-family: MyFontFamily;
  font-weight: bold;
  src: local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Apple Color Emoji"), local("Noto Color Emoji"), local("Noto Emoji");
  unicode-range: U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}
.emoji {
  font-family: MyFontFamily, sans-serif;
}

/* ================================================ webfont */
.fontEn {
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.fontEn-regular {
  font-weight: 400;
}

.fontEn-light {
  font-weight: 300;
}

.fontJp-medium {
  font-weight: 500;
}

/* ============================================================================================ common */
/* --------------------------------------- videoWrapper */
.videoWrapper {
  position: relative;
  padding-top: 56.25%;
  border-radius: 10px;
  overflow: hidden;
}
.videoWrapper video, .videoWrapper iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}

/* --------------------------------------- textGray */
.textureBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/texture.jpg);
  background-repeat: repeat;
  background-size: 750px auto;
  background-position: center center;
  pointer-events: none;
}

/* --------------------------------------- textGray */
.textGray {
  color: rgba(var(--color-gray), 1);
}

/* --------------------------------------- wrapper */
.wrapper {
  position: relative;
  margin-bottom: 90px;
}

.wrapper.active {
  position: fixed;
  width: 100%;
  left: 0;
}

/* --------------------------------------- mask */
.mask {
  text-indent: -9999px;
  height: 0;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  -webkit-mask-box-position: center center;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  -webkit-mask-box-size: 100% auto;
  background-color: rgba(var(--color-black), 1);
}

/* --------------------------------------- grid */
.grid {
  padding-left: 35px;
  padding-right: 35px;
}

/* --------------------------------------- hoverText*/
.hoverText__wrapper {
  cursor: pointer;
}

.hoverText {
  position: relative;
  overflow: hidden;
}

.hoverText__base, .hoverText__position {
  white-space: nowrap;
  text-align: left;
  font-size: 0;
  padding: 0;
}
.hoverText__base > span, .hoverText__position > span {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  min-width: 0.3em;
}

.hoverText__base {
  position: relative;
}
.hoverText__base > span {
  transform: translateY(0%);
}

.hoverText__position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hoverText__position > span {
  transform: translateY(120%);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

/* ================================================================== btn */
.btn--bgBlack, .arrowIcon__box {
  background-color: rgba(var(--color-black), 1);
  border-radius: 5px;
}
.btn--bgBlack a, .btn--bgBlack a:link, .btn--bgBlack a:visited, .btn--bgBlack a:hover, .arrowIcon__box a, .arrowIcon__box a:link, .arrowIcon__box a:visited, .arrowIcon__box a:hover {
  color: #fff;
}
.btn--bgBlack .arrowIcon::before, .btn--bgBlack .arrowIcon::after, .arrowIcon__box .arrowIcon::before, .arrowIcon__box .arrowIcon::after {
  background-color: #fff;
}

.arrowIcon.arrowIcon--colorWhite::before, .arrowIcon.arrowIcon--colorWhite::after {
  background-color: #fff;
}

.btn--border {
  border-radius: 9999px;
}

.btn {
  height: 45px;
}

.btnBox {
  width: 175px;
}
.btnBox .hoverText__base > span, .btnBox .hoverText__position > span {
  font-size: 15px;
}

/* --------------------------------------- footerBtn */
.footerBtn {
  margin-top: auto;
}
.footerBtn .hoverText__base > span, .footerBtn .hoverText__position > span {
  font-size: min(18 * 100 / 1366 * 1vw, 18px);
}

/* --------------------------------------- btnLink */
.btnLink, a.btnLink {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding-left: 25px;
  padding-right: 25px;
}

/* --------------------------------------- btnBack */
.btnBack .hoverText__base, .btnBack .hoverText__position {
  text-align: right;
}
.btnBack .arrowNext {
  right: auto;
  left: 15px;
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
}

.arrowNext.arrowDown {
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
}

.arrowNext.arrowTop {
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
}
.arrowNext.arrowTop::before, .arrowNext.arrowTop::after {
  background-color: rgba(var(--color-black), 1);
}

/* ================================================================== playBtn__icon */
.playBtn__icon {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.playBtn__iconArrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  width: 0;
  height: 0;
  border-left: 4px solid #fff;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

/* ================================================================== arrowIcon */
.arrowIcon {
  position: absolute;
  width: 12px;
  height: 12px;
  overflow: hidden;
}
.arrowIcon:before, .arrowIcon:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  -webkit-mask-box-position: center center;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  -webkit-mask-box-size: 100% auto;
  background-color: rgba(var(--color-black), 1);
}
.arrowIcon:after {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.arrowIcon__box {
  position: absolute;
  width: 45px;
  height: 45px;
  right: 0;
  bottom: 0;
}

/* --------------------------------------- arrowNext */
.arrowNext {
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.arrowNext:before, .arrowNext:after {
  mask-image: url("../img/common/icon--arrow.svg");
  -webkit-mask-image: url("../img/common/icon--arrow.svg");
}
.arrowNext:after {
  transform: translate(-100%, 0%);
}

/* ============================================================================================ fixedParts */
.fixedParts {
  position: fixed;
  z-index: 10;
}

/* ================================================================== globalLogo */
.fixed__globalLogo {
  width: 177px;
  left: 35px;
  top: 29px;
}

h1.fixed__globalLogo {
  display: none;
}

div.fixed__globalLogo {
  display: block;
}

.top h1.fixed__globalLogo {
  display: block;
}
.top div.fixed__globalLogo {
  display: none;
}

/* --------------------------------------- globalLogo__inner */
.globalLogo__inner, a.globalLogo__inner {
  position: relative;
  padding-top: 35.2112676056%;
}

.globalLogo__mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-image: url(../img/common/globalLogo--jp.png);
  -webkit-mask-image: url(../img/common/globalLogo--jp.png);
}

/* ============================================================================================ header */
.header {
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  padding-left: 260px;
  z-index: 9;
}

/* --------------------------------------- nav */
.nav {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding-top: 20px;
}

/* --------------------------------------- navList */
.navList {
  position: relative;
  height: 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

/* --------------------------------------- navTarget */
.navTarget, .navSubList__target {
  position: relative;
}

/* --------------------------------------- navLink */
.navLink, a.navLink {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
}

/* --------------------------------------- navLink__flex */
.navLink__flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

/* --------------------------------------- navTarget */
.navTarget .hoverText__base > span, .navTarget .hoverText__position > span {
  font-size: 20px;
  min-width: inherit;
}

/* navTarget selected */
.navTarget .navLink__flexInner {
  position: relative;
}
.navTarget .navLink__flexInner::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: -10px;
  background-color: rgba(var(--color-black), 1);
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  left: auto;
  right: 0;
  width: 0;
}

.navTarget.selected .navLink__flexInner::after {
  width: 100%;
  right: auto;
  left: 0;
}

.navNum {
  font-size: 11px;
  white-space: nowrap;
  line-height: 1;
  margin-left: 0.5em;
}

/* ================================================================== menuBtn */
.menu, .menuBtn {
  display: none;
}

/* ================================================================== fixedBtn__contact */
.fixedBtn__contact {
  width: 135px;
  height: 34px;
  right: 35px;
  top: 40px;
  z-index: 10;
  background-color: #fff;
  border-radius: 9999px;
}
.fixedBtn__contact .hoverText__base > span, .fixedBtn__contact .hoverText__position > span {
  font-size: 16px;
}
.fixedBtn__contact .btnLink, .fixedBtn__contact a.btnLink {
  padding-left: 18px;
}

/* ============================================================================================ footer */
.footer {
  position: relative;
  z-index: 1;
}

/* --------------------------------------- footerSection__block--title */
.footerSection__block {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.footerSection__block--title {
  font-size: min(11 * 100 / 1366 * 1vw, 11px);
  line-height: 1;
  margin-bottom: 55px;
}

/* --------------------------------------- footerMain */
.footerMain {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 120px;
}

/* ================================================================== footerContents */
.footerContents {
  width: 43.287037037%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/* --------------------------------------- footerMovie */
.footerMovie {
  width: min(178 * 100 / 1366 * 1vw, 178px);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 75px;
}

.footerMovie__inner {
  position: relative;
  padding-top: 125.8426966292%;
  overflow: hidden;
}
.footerMovie__inner video, .footerMovie__inner li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footerMovie__inner li {
  opacity: 0;
}
.footerMovie__inner li:first-child {
  opacity: 1;
}

/* --------------------------------------- footerCopy */
.footerCopy {
  font-size: min(12 * 100 / 1366 * 1vw, 12px);
  margin-bottom: 10px;
  white-space: nowrap;
  line-height: 1;
}

/* --------------------------------------- footerNav */
.footerNav__list .navTarget {
  margin-bottom: 5px;
}
.footerNav__list .navTarget:last-child {
  margin-bottom: 0;
}
.footerNav__list .navLink, .footerNav__list a.navLink {
  padding-left: 0;
  padding-right: 0;
}
.footerNav__list .hoverText__base > span, .footerNav__list .hoverText__position > span {
  font-size: min(40 * 100 / 1366 * 1vw, 40px);
}
.footerNav__list .navNum {
  font-size: min(22 * 100 / 1366 * 1vw, 22px);
  padding-top: 5px;
}

/* --------------------------------------- footerNav */
.footerNav__listSub {
  display: flex;
  margin-top: min(15 * 100 / 1366 * 1vw, 15px);
}
.footerNav__listSub .navTarget:first-child {
  margin-right: min(22 * 100 / 1366 * 1vw, 22px);
}
.footerNav__listSub .hoverText__base > span, .footerNav__listSub .hoverText__position > span {
  font-size: min(20 * 100 / 1366 * 1vw, 20px);
}

/* --------------------------------------- navSubList */
.navSubList {
  padding-left: min(12 * 100 / 1366 * 1vw, 12px);
}

.navSubList__target {
  margin-top: 7px;
  margin-bottom: 7px;
}
.navSubList__target .hoverText__base > span, .navSubList__target .hoverText__position > span {
  font-size: 13px;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 500;
}

/* ================================================================== footerDocument */
.footerDocument {
  width: 22.3765432099%;
}

/* --------------------------------------- footerDocument__list */
.footerDocument__target {
  position: relative;
}
.footerDocument__target::before, .footerDocument__target::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  background-color: rgba(var(--color-black), 0.1);
  top: auto;
  bottom: 0;
}
.footerDocument__target::after {
  background-color: rgba(var(--color-black), 1);
  width: 0;
  left: auto;
  right: 0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.footerDocument__target:first-child a.footerDocument__link {
  padding-top: 0;
}
.footerDocument__target .arrowNext {
  top: 32%;
  transform: translate(0, 0);
}

.footerDocument__target:first-child .arrowNext {
  top: 7%;
  transform: translate(0, 0);
}

a.footerDocument__link {
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: min(45 * 100 / 1366 * 1vw, 45px);
}

.footerDocument--p {
  font-size: min(14 * 100 / 1366 * 1vw, 14px);
  line-height: 1.3;
  text-align: left;
}

.date {
  font-size: min(12 * 100 / 1366 * 1vw, 12px);
  line-height: 1;
  margin-top: 10px;
}

/* ================================================================== footerContact */
.footerContact {
  width: 27.3919753086%;
}

.footerContact__inner--leader {
  font-size: min(14 * 100 / 1366 * 1vw, 14px);
  line-height: 1;
  margin-bottom: 15px;
}

.footerContact__box {
  margin-bottom: 15px;
}

.footerContact__box--title {
  font-size: min(13 * 100 / 1366 * 1vw, 13px);
}

.footerContact__box--detail {
  font-size: min(12 * 100 / 1366 * 1vw, 12px);
  line-height: 1.2;
  text-align: left;
}

/* ================================================================== footerBottom */
.footerBottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footerBottom__section {
  width: 46.7592592593%;
}

.footer__globalLogo {
  width: min(365 * 100 / 1366 * 1vw, 365px);
}

/* ================================================================== footerNext */
.footerNext__title {
  font-size: min(38 * 100 / 1366 * 1vw, 38px);
  line-height: 1;
}

.footerNext__btn .hoverText__base > span, .footerNext__btn .hoverText__position > span {
  font-size: min(87 * 100 / 1366 * 1vw, 87px);
}
.footerNext__btn .btnLink, .footerNext__btn a.btnLink {
  padding-right: 75px;
}
.footerNext__btn .arrowIcon__box {
  bottom: 10%;
}

/* ================================================================== pageTop */
.pageTop {
  position: absolute;
  width: 115px;
  height: 115px;
  right: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
}
.pageTop .arrowIcon__box {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border: 1px solid rgba(var(--color-black), 1);
  background-color: #f4f2f0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.pageTop .arrowIcon {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
}

/* ============================================================================================ page common */
/* --------------------------------------- page wrapper */
.page .wrapper {
  padding-top: 100px;
}

/* --------------------------------------- pageContents */
.pageContents {
  position: relative;
  padding-bottom: 70px;
}

/* --------------------------------------- articleTitle */
.articleTitle {
  font-size: 26px;
  line-height: 1;
  margin-bottom: 55px;
}

/* ================================================================== pageHeader */
.pageHeader {
  padding-top: 125px;
}

/* --------------------------------------- pageTitle */
.pageTitle {
  display: flex;
  font-size: 0;
  line-height: 1;
  white-space: nowrap;
}

.pageTitle--p {
  position: relative;
  height: min(120 * 100 / 1366 * 1vw, 120px);
  overflow: hidden;
}
.pageTitle--p > span {
  display: inline-block;
  font-size: min(100 * 100 / 1366 * 1vw, 100px);
  line-height: min(100 * 100 / 1366 * 1vw, 100px);
  margin-right: -0.04em;
}
.pageTitle--p > span:last-child {
  margin-right: 0;
}

.pageTitle--num {
  align-self: flex-start;
  position: relative;
  top: min(10 * 100 / 1366 * 1vw, 10px);
  font-size: min(18 * 100 / 1366 * 1vw, 18px);
  line-height: 1;
  white-space: nowrap;
  margin-left: min(15 * 100 / 1366 * 1vw, 15px);
}

/* ================================================================== pageContents */
.pageContents {
  min-height: 100vh;
}

/* ============================================================================================ newsBlock */
.newsBlock {
  position: relative;
  padding-top: 45px;
  padding-bottom: 45px;
}
.newsBlock::before, .newsBlock::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 0;
}
.newsBlock::before {
  background-color: rgba(var(--color-black), 0.2);
}
.newsBlock::after {
  background-color: rgba(var(--color-black), 1);
  width: 0;
  left: auto;
  right: 0;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.newsBlock .arrowIcon__box {
  bottom: 45px;
}
.newsBlock .cateBtn {
  position: relative;
  pointer-events: none;
  margin-bottom: 20px;
  z-index: 3;
}

/* --------------------------------------- newsBlock__link */
.newsBlock__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* --------------------------------------- newsBlock__text */
.newsBlock__text {
  font-size: 15px;
  margin-bottom: 45px;
}

/* --------------------------------------- cateBtn__link */
a.cateBtn__link, .cateBtn__link {
  display: inline-block;
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 13px;
  white-space: nowrap;
  background-color: rgba(var(--color-black), 0.2);
  pointer-events: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ============================================================================================ worksBlock */
.worksBlock {
  position: relative;
  width: calc((100% - 180 * 100 / 1366 * 1vw) / 4);
  margin-right: calc(60 * 100 / 1366 * 1vw);
  margin-bottom: calc(90 * 100 / 1366 * 1vw);
}
.worksBlock:nth-child(4n) {
  margin-right: 0;
}

/* --------------------------------------- worksBlock__link */
.worksBlock__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

/* --------------------------------------- worksBlock__inner */
.worksBlock__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

/* --------------------------------------- worksBlock__thum */
.worksBlock__thum img {
  border-radius: calc(4 * 100 / 1366 * 1vw);
}

/* --------------------------------------- worksBlock__info */
.worksBlock__info {
  margin-top: calc(25 * 100 / 1366 * 1vw);
  line-height: 1;
  text-align: left;
}

.worksBlock__title {
  margin-bottom: calc(20 * 100 / 1366 * 1vw);
  font-size: calc(18 * 100 / 1366 * 1vw);
  line-height: 1.4;
}

.worksBlock__titleSub {
  min-height: calc(33 * 100 / 1366 * 1vw);
  margin-bottom: calc(5 * 100 / 1366 * 1vw);
  font-size: calc(13 * 100 / 1366 * 1vw);
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.worksBlock__co {
  font-size: calc(11 * 100 / 1366 * 1vw);
  line-height: 1.3;
}

/* ============================================================================================ body class */
/* --------------------------------------- is--entrance */
.fixed__globalLogo, .header, .fixedBtn__contact, .menuBtn {
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1.2s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1.2s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.fixed__globalLogo {
  transform: translate(-200px, -200px);
}

.header {
  transform: translate(0, -200px);
}

.fixedBtn__contact {
  transform: translate(200px, -200px);
}

.is--entrance .fixed__globalLogo, .is--entrance .header, .is--entrance .fixedBtn__contact {
  transform: translate(0, 0);
}

/* --------------------------------------- is--scroll */
.headerParts__hiddenTarget {
  overflow: hidden;
}

.headerParts__hiddenTarget--inner {
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition-duration: 1.2s;
  -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-duration: 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-duration: 1.2s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.is--scroll .headerParts__hiddenTarget--inner {
  transform: translate(0, -100px);
}

/* --------------------------------------- pageTop--showj */
.pageTop {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.pageTop--show .pageTop {
  transform: translate(0, 0);
}

/* ============================================================================================ hover pc */
@media (hover: hover) and (pointer: fine) {
  .hoverText__wrapper:hover .hoverText__base > span, .hoverText__wrapper:hover .hoverText__position > span, .hoverText__wrapper:active .hoverText__base > span, .hoverText__wrapper:active .hoverText__position > span {
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  }
  .hoverText__wrapper:hover .hoverText__base > span, .hoverText__wrapper:active .hoverText__base > span {
    transform: translateY(-100%);
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(1), .hoverText__wrapper:active .hoverText__base > span:nth-child(1) {
    transition-delay: 0.0333333333s;
    -webkit-transition-delay: 0.0333333333s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(2), .hoverText__wrapper:active .hoverText__base > span:nth-child(2) {
    transition-delay: 0.0666666667s;
    -webkit-transition-delay: 0.0666666667s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(3), .hoverText__wrapper:active .hoverText__base > span:nth-child(3) {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(4), .hoverText__wrapper:active .hoverText__base > span:nth-child(4) {
    transition-delay: 0.1333333333s;
    -webkit-transition-delay: 0.1333333333s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(5), .hoverText__wrapper:active .hoverText__base > span:nth-child(5) {
    transition-delay: 0.1666666667s;
    -webkit-transition-delay: 0.1666666667s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(6), .hoverText__wrapper:active .hoverText__base > span:nth-child(6) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(7), .hoverText__wrapper:active .hoverText__base > span:nth-child(7) {
    transition-delay: 0.2333333333s;
    -webkit-transition-delay: 0.2333333333s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(8), .hoverText__wrapper:active .hoverText__base > span:nth-child(8) {
    transition-delay: 0.2666666667s;
    -webkit-transition-delay: 0.2666666667s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(9), .hoverText__wrapper:active .hoverText__base > span:nth-child(9) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(10), .hoverText__wrapper:active .hoverText__base > span:nth-child(10) {
    transition-delay: 0.3333333333s;
    -webkit-transition-delay: 0.3333333333s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(11), .hoverText__wrapper:active .hoverText__base > span:nth-child(11) {
    transition-delay: 0.3666666667s;
    -webkit-transition-delay: 0.3666666667s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(12), .hoverText__wrapper:active .hoverText__base > span:nth-child(12) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(13), .hoverText__wrapper:active .hoverText__base > span:nth-child(13) {
    transition-delay: 0.4333333333s;
    -webkit-transition-delay: 0.4333333333s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(14), .hoverText__wrapper:active .hoverText__base > span:nth-child(14) {
    transition-delay: 0.4666666667s;
    -webkit-transition-delay: 0.4666666667s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(15), .hoverText__wrapper:active .hoverText__base > span:nth-child(15) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(16), .hoverText__wrapper:active .hoverText__base > span:nth-child(16) {
    transition-delay: 0.5333333333s;
    -webkit-transition-delay: 0.5333333333s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(17), .hoverText__wrapper:active .hoverText__base > span:nth-child(17) {
    transition-delay: 0.5666666667s;
    -webkit-transition-delay: 0.5666666667s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(18), .hoverText__wrapper:active .hoverText__base > span:nth-child(18) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(19), .hoverText__wrapper:active .hoverText__base > span:nth-child(19) {
    transition-delay: 0.6333333333s;
    -webkit-transition-delay: 0.6333333333s;
  }
  .hoverText__wrapper:hover .hoverText__base > span:nth-child(20), .hoverText__wrapper:active .hoverText__base > span:nth-child(20) {
    transition-delay: 0.6666666667s;
    -webkit-transition-delay: 0.6666666667s;
  }
  .hoverText__wrapper:hover .hoverText__position > span, .hoverText__wrapper:active .hoverText__position > span {
    transform: translateY(0%);
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(1), .hoverText__wrapper:active .hoverText__position > span:nth-child(1) {
    transition-delay: 0.0833333333s;
    -webkit-transition-delay: 0.0833333333s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(2), .hoverText__wrapper:active .hoverText__position > span:nth-child(2) {
    transition-delay: 0.1166666667s;
    -webkit-transition-delay: 0.1166666667s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(3), .hoverText__wrapper:active .hoverText__position > span:nth-child(3) {
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(4), .hoverText__wrapper:active .hoverText__position > span:nth-child(4) {
    transition-delay: 0.1833333333s;
    -webkit-transition-delay: 0.1833333333s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(5), .hoverText__wrapper:active .hoverText__position > span:nth-child(5) {
    transition-delay: 0.2166666667s;
    -webkit-transition-delay: 0.2166666667s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(6), .hoverText__wrapper:active .hoverText__position > span:nth-child(6) {
    transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(7), .hoverText__wrapper:active .hoverText__position > span:nth-child(7) {
    transition-delay: 0.2833333333s;
    -webkit-transition-delay: 0.2833333333s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(8), .hoverText__wrapper:active .hoverText__position > span:nth-child(8) {
    transition-delay: 0.3166666667s;
    -webkit-transition-delay: 0.3166666667s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(9), .hoverText__wrapper:active .hoverText__position > span:nth-child(9) {
    transition-delay: 0.35s;
    -webkit-transition-delay: 0.35s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(10), .hoverText__wrapper:active .hoverText__position > span:nth-child(10) {
    transition-delay: 0.3833333333s;
    -webkit-transition-delay: 0.3833333333s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(11), .hoverText__wrapper:active .hoverText__position > span:nth-child(11) {
    transition-delay: 0.4166666667s;
    -webkit-transition-delay: 0.4166666667s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(12), .hoverText__wrapper:active .hoverText__position > span:nth-child(12) {
    transition-delay: 0.45s;
    -webkit-transition-delay: 0.45s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(13), .hoverText__wrapper:active .hoverText__position > span:nth-child(13) {
    transition-delay: 0.4833333333s;
    -webkit-transition-delay: 0.4833333333s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(14), .hoverText__wrapper:active .hoverText__position > span:nth-child(14) {
    transition-delay: 0.5166666667s;
    -webkit-transition-delay: 0.5166666667s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(15), .hoverText__wrapper:active .hoverText__position > span:nth-child(15) {
    transition-delay: 0.55s;
    -webkit-transition-delay: 0.55s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(16), .hoverText__wrapper:active .hoverText__position > span:nth-child(16) {
    transition-delay: 0.5833333333s;
    -webkit-transition-delay: 0.5833333333s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(17), .hoverText__wrapper:active .hoverText__position > span:nth-child(17) {
    transition-delay: 0.6166666667s;
    -webkit-transition-delay: 0.6166666667s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(18), .hoverText__wrapper:active .hoverText__position > span:nth-child(18) {
    transition-delay: 0.65s;
    -webkit-transition-delay: 0.65s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(19), .hoverText__wrapper:active .hoverText__position > span:nth-child(19) {
    transition-delay: 0.6833333333s;
    -webkit-transition-delay: 0.6833333333s;
  }
  .hoverText__wrapper:hover .hoverText__position > span:nth-child(20), .hoverText__wrapper:active .hoverText__position > span:nth-child(20) {
    transition-delay: 0.7166666667s;
    -webkit-transition-delay: 0.7166666667s;
  }
  .arrowIcon__hoverWrapper:hover .arrowIcon:before {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .arrowIcon__hoverWrapper:hover .arrowIcon:after {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
  }
  .arrowIcon__hoverWrapper:hover .arrowNext:before {
    transform: translate(100%, 0%);
  }
  .arrowIcon__hoverWrapper:hover .arrowNext:after {
    transform: translate(0, 0);
  }
  .arrowIcon__hoverWrapper:hover .arrowBlank:before {
    transform: translate(100%, -100%);
  }
  .arrowIcon__hoverWrapper:hover .arrowBlank:after {
    transform: translate(0, 0);
  }
  .arrowIcon__hoverWrapper:hover .arrowPageTop:before {
    transform: translate(0%, -100%);
  }
  .arrowIcon__hoverWrapper:hover .arrowPageTop:after {
    transform: translate(0, 0);
  }
  .footerDocument__target:hover::after, .footerDocument__target:active::after {
    width: 100%;
    right: auto;
    left: 0;
  }
  .playBtn:hover .playBtn__icon, .playBtn:active .playBtn__icon {
    transform: translate(0, -50%) scale(1.2);
  }
  a.cateBtn__link:hover, a.cateBtn__link:active, .cateBtn__link:hover, .cateBtn__link:active {
    background-color: rgba(var(--color-black), 1);
  }
  .newsBlock:hover::after, .newsBlock:active::after {
    width: 100%;
    right: auto;
    left: 0;
  }
  .pageTop:hover .arrowIcon__box, .pageTop:active .arrowIcon__box {
    background-color: white;
  }
}
/**Footer RA追加分用***/
div.link-bnr-list-wrap {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 180px;
}
div.link-bnr-list-wrap ul.link-bnr-list {
  display: flex;
  margin-left: 25.4%;
}
div.link-bnr-list-wrap ul.link-bnr-list li {
  padding: 0 70px;
  border-right: solid 1px #333;
}
div.link-bnr-list-wrap ul.link-bnr-list li a {
  display: inline-block;
}
div.link-bnr-list-wrap ul.link-bnr-list li a span {
  display: inline-block;
  position: relative;
}
div.link-bnr-list-wrap ul.link-bnr-list li a span::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.1em;
  height: 1.1em;
  background-color: rgba(var(--color-black), 1);
  mask-image: url("../img/common/icon--arrow.svg");
  -webkit-mask-image: url("../img/common/icon--arrow.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  transform-origin: center center;
  transform: translate(2em, -50%) rotate(-45deg);
}
div.link-bnr-list-wrap ul.link-bnr-list li:last-child {
  border-right: none;
}/*# sourceMappingURL=base.css.map */