@charset "UTF-8";
/* pattern color */
/* pattern gradation */
/* border color */
/**
 * Noto Sans CJK JP: https://www.google.com/get/noto/#sans-jpan
 * Noto Sans JP: https://fonts.google.com/earlyaccess#Noto+Sans+JP
 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(http://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), url(http://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype");
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  /*background-color:#ff9;
    color:#000;*/
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  /*border-bottom:1px dotted;*/
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* ie11ハック */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    max-width: 100%;
    width: auto;
    height: auto;
  }
}

/* list */
ul,
ol {
  list-style: none;
}

/* image */
img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: bottom;
}

/* スマホ対策 */
select,
input[type="button"],
input[type="text"],
input[type="number"],
input[type="url"],
input[type="submit"] {
  -webkit-appearance: none !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

/* outline対策 */
*:focus {
  outline: none;
}

/* IE8+, Chrome */
input,
button {
  outline: none;
}

/* Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}

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

/* よく使うクラス */
.sp,
.tb {
  display: none !important;
}

.pc.tb {
  display: block !important;
}

img.pc.tb,
svg.pc.tb,
span.pc.tb,
br.pc.tb {
  display: inline-block !important;
}

.ua-tb a[href^="tel:"],
.ua-pc a[href^="tel:"] {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .pc,
  .sp {
    display: none !important;
  }
  .tb,
  .pc.tb,
  .sp.tb {
    display: block !important;
  }
  img.tb,
  svg.tb,
  span.tb,
  br.tb,
  img.tb.sp,
  svg.tb.sp,
  span.tb.sp,
  br.tb.sp,
  img.tb.pc,
  svg.tb.pc,
  span.tb.pc,
  br.tb.pc {
    display: inline-block !important;
  }
}

@media screen and (max-width: 677px) {
  .tb.pc:not(.sp),
  .tb:not(.sp),
  .pc:not(.sp) {
    display: none !important;
  }
  .sp,
  .sp.tb {
    display: block !important;
  }
  img.sp,
  svg.sp,
  span.sp,
  br.sp,
  img.sp.tb,
  svg.sp.tb,
  span.sp.tb,
  br.sp.tb {
    display: inline-block !important;
  }
}

/* 共通 */
html {
  font-size: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

body {
  width: 100%;
  overflow-x: hidden;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  /*font-feature-settings: "palt";*/
  word-wrap: break-word;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  height: 100%;
  color: #3e657d;
  overflow-x: hidden;
  src: local("Noto Sans CJK JP Regular"), url(http://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
}

h1,
h2,
h3,
h4,
h5,
h6,
.bold {
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), url(http://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype");
}

.mainContent__inner {
  overflow: hidden;
}

.contentView {
  max-width: 104rem;
  width: 76.134699853587116%;
  margin: 0 auto;
}

@media screen and (max-width: 1366px) {
  .contentView {
    width: 104rem;
  }
}

@media screen and (max-width: 1220px) {
  .contentView {
    max-width: 85.245901639344262%;
  }
}

@media screen and (max-width: 768px) {
  .contentView {
    max-width: 84vw;
    width: 84vw;
  }
}

.contentView--mini {
  width: 62.95754%;
}

@media screen and (max-width: 1366px) {
  .contentView--mini {
    width: 87.2918032786885632rem;
  }
}

.mainContent {
  position: relative;
}

::-moz-selection {
  color: #1aa9e9;
  background: rgba(25, 170, 233, 0.1);
}

::selection {
  color: #1aa9e9;
  background: rgba(25, 170, 233, 0.1);
}

sup {
  vertical-align: super;
  font-size: smaller;
}

/* テンプレート */
.templates__list {
  font-size: 1.6rem;
  line-height: 1.75;
  list-style-type: decimal-leading-zero;
  list-style-position: inside;
}

.templates__list a {
  color: #1aa9e9;
  text-decoration: none;
}

.templates__list .templates__listItem {
  margin-top: 1rem;
}

.templates__list .templates__listItem:first-child {
  margin-top: 0;
}

.defaultAnimation, a, .elementButton--main, .elementButton--main:after, .elementButton--check, .elementButton--check:after, .elementButton--check span:after, .elemenNewsPress__itemInner:after, .elemenNewsPress__itemCaption, .elemenNewsList__itemInner, .elemenNewsList__itemInner:after, .elementPager__item a, .elementAccordionTable, .elementAccordionTable .elementAccordionTable__ButtonIcon::after, .mainHeader .mainHeader__gnavItem--modalButton a::before, .mainHeader .mainHeader__gnavItem--modalButton a::after, body:before, .mainFooter .mainFooter__row--01 a::before, .mainFooter .mainFooter__row--01 a img, .top .top__row--servicListAnchorlinkTimelineItem, .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem, .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem--text a, .top .top__row--servicListAnchorlinkTimelineItem--timeline::before, .top .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon, .top .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon span, .sidebar .sidebar__rowLink, .sidebar .sidebar__listItem a, .service.thinclient .serviceThinclient__cardContentInfo, .service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoButtonIcon::after {
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  will-change: auto;
}

.animation, .mainHeader#mainHeader--clone, .top .mainVisual .mainVisual__captionAnimation, .recruit.index #mainHeader, .recruit.index .recruit__mainVisual .recruit__mainVisualScrollText, .recruit.index .recruit__mainVisual .recruit__mainVisualScrollText::before, .recruit.index .recruit__mainVisual .recruit__mainVisualScrollText::after,
.scrollAnimation,
.ua-pc .mainHeader .mainHeader__gnavItem a,
.ua-pc .mainHeader .mainHeader__gnavItemSubMenu,
.top .mainVisual #mainVisual__captionString__char--sp--01,
.top .mainVisual #mainVisual__captionString__char--01,
.top .mainVisual #mainVisual__captionString__char--sp--02,
.top .mainVisual #mainVisual__captionString__char--02,
.top .mainVisual #mainVisual__captionString__char--sp--03,
.top .mainVisual #mainVisual__captionString__char--03,
.top .mainVisual #mainVisual__captionString__char--sp--04,
.top .mainVisual #mainVisual__captionString__char--04,
.top .mainVisual #mainVisual__captionString__char--sp--05,
.top .mainVisual #mainVisual__captionString__char--05,
.top .mainVisual #mainVisual__captionString__char--sp--06,
.top .mainVisual #mainVisual__captionString__char--06,
.top .mainVisual #mainVisual__captionString__char--sp--07,
.top .mainVisual #mainVisual__captionString__char--07,
.top .mainVisual #mainVisual__captionString__char--sp--08,
.top .mainVisual #mainVisual__captionString__char--08,
.top .mainVisual #mainVisual__captionString__char--sp--09,
.top .mainVisual #mainVisual__captionString__char--09,
.top .mainVisual #mainVisual__captionString__char--sp--10,
.top .mainVisual #mainVisual__captionString__char--10,
.top .mainVisual #mainVisual__captionString__char--sp--11,
.top .mainVisual #mainVisual__captionString__char--11,
.top .mainVisual #mainVisual__captionString__char--sp--12,
.top .mainVisual #mainVisual__captionString__char--12,
.top .mainVisual #mainVisual__captionString__char--sp--13,
.top .mainVisual #mainVisual__captionString__char--13,
.top .mainVisual #mainVisual__captionString__char--sp--14,
.top .mainVisual #mainVisual__captionString__char--14,
.top .mainVisual #mainVisual__captionString__char--sp--15,
.top .mainVisual #mainVisual__captionString__char--15,
.top .mainVisual #mainVisual__captionString__char--sp--16,
.top .mainVisual #mainVisual__captionString__char--16,
.top .mainVisual #mainVisual__captionString__char--sp--17,
.top .mainVisual #mainVisual__captionString__char--17,
.top .mainVisual #mainVisual__captionString__char--sp--18,
.top .mainVisual #mainVisual__captionString__char--18,
.top .mainVisual #mainVisual__captionString__char--sp--19,
.top .mainVisual #mainVisual__captionString__char--19,
.top .mainVisual #mainVisual__captionString__char--sp--20,
.top .mainVisual #mainVisual__captionString__char--20,
.top .mainVisual #mainVisual__captionString__char--sp--21,
.top .mainVisual #mainVisual__captionString__char--21,
.top .mainVisual #mainVisual__captionString__char--sp--22,
.top .mainVisual #mainVisual__captionString__char--22,
.top .mainVisual #mainVisual__captionString__char--sp--23,
.top .mainVisual #mainVisual__captionString__char--23,
.top .mainVisual #mainVisual__captionString__char--sp--24,
.top .mainVisual #mainVisual__captionString__char--24,
.top .mainVisual #mainVisual__captionString__char--sp--25,
.top .mainVisual #mainVisual__captionString__char--25,
.top .mainVisual #mainVisual__captionString__char--sp--26,
.top .mainVisual #mainVisual__captionString__char--26,
.top .mainVisual #mainVisual__captionString__char--sp--27,
.top .mainVisual #mainVisual__captionString__char--27,
.top .mainVisual #mainVisual__captionString__char--sp--28,
.top .mainVisual #mainVisual__captionString__char--28,
.top .mainVisual #mainVisual__captionString__char--sp--29,
.top .mainVisual #mainVisual__captionString__char--29,
.top .mainVisual #mainVisual__captionString__char--sp--30,
.top .mainVisual #mainVisual__captionString__char--30,
.top .mainVisual #mainVisual__captionString__char--sp--31,
.top .mainVisual #mainVisual__captionString__char--31,
.top .mainVisual #mainVisual__captionString__char--sp--32,
.top .mainVisual #mainVisual__captionString__char--32,
.top .mainVisual #lottieWrap__scrollText::before,
.top .mainVisual #lottieWrap__scrollText::after,
.top .top__row--serviceRow--02CaptionText.js__isActive + .top__row--serviceRow--02CaptionText {
  -webkit-transition: all 0.8s cubic-bezier(0, 0.56, 0.46, 1);
  transition: all 0.8s cubic-bezier(0, 0.56, 0.46, 1);
  will-change: auto;
}

.scrollAnimation--01 {
  -webkit-transform: translateY(8rem);
          transform: translateY(8rem);
  opacity: 0;
}

.scrollAnimation--01.js__isActive {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.scrollAnimation--02 {
  opacity: 0;
}

.scrollAnimation--02.js__isActive {
  opacity: 1;
}

.scrollAnimation--03 {
  position: relative;
  z-index: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.14, 1, 0.34, 1);
  transition: all 0.8s cubic-bezier(0.14, 1, 0.34, 1);
  -webkit-transform: translateY(8rem);
          transform: translateY(8rem);
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}

.scrollAnimation--03.js__isActive {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.scrollAnimation--04 {
  -webkit-transform: translateY(8rem) scale(0.8);
          transform: translateY(8rem) scale(0.8);
  opacity: 0;
}

.scrollAnimation--04.js__isActive {
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  opacity: 1;
}

.scrollAnimation--05 {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0;
}

.scrollAnimation--05.js__isActive {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.element__list {
  margin-top: 14rem;
}

.element__listItem {
  margin-top: 10rem;
}

.element__listItemCaption {
  font-size: 2.4rem;
  line-height: 1.6;
  margin-bottom: 1em;
}

/* element default */
.h2, .topicsDetail .topicsDetail__infoTitle, .topicsDetail h1 {
  font-size: 3rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  /* margin: 3.333333333333333em 0 2.666666666666667em; */
  margin: 0 0 8rem;
  color: #1aa9e9;
}

@media screen and (max-width: 677px) {
  .h2, .topicsDetail .topicsDetail__infoTitle, .topicsDetail h1 {
    font-size: 2.8rem;
  }
}

* + .h2, .topicsDetail * + .topicsDetail__infoTitle, .topicsDetail * + h1,
* + section .h2,
* + section .topicsDetail .topicsDetail__infoTitle,
.topicsDetail * + section .topicsDetail__infoTitle,
* + section .topicsDetail h1,
.topicsDetail * + section h1 {
  margin-top: 10rem;
}

.h3, .topicsDetail h2 {
  position: relative;
  font-size: 2.2rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  /* margin: 3.636363636363636em 0 2.727272727272727em; */
  margin: 0 0 6rem;
  color: #1aa9e9;
  padding-left: 3rem;
}

.h3::before, .topicsDetail h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.4rem;
  height: 100%;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  border-radius: 0.4rem;
}

@media screen and (max-width: 677px) {
  .h3, .topicsDetail h2 {
    font-size: 2rem;
    padding-left: 2rem;
  }
}

* + .h3, .topicsDetail * + h2,
* + section .h3,
* + section .topicsDetail h2,
.topicsDetail * + section h2 {
  margin-top: 8rem;
}

.h4, .topicsDetail h3 {
  font-size: 1.8rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  /*letter-spacing: 0.027777777777778em;*/
  color: #1aa9e9;
  margin: 0 0 3rem;
}

* + .h4, .topicsDetail * + h3,
* + section .h4,
* + section .topicsDetail h3,
.topicsDetail * + section h3 {
  margin-top: 6rem;
}

.text, .elementBackground, .topicsDetail dl, .topicsDetail, .topicsDetail p {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 2.2;
  margin-bottom: 4rem;
  color: #1c3e52;
}

.text.text--textAlignRight, .text--textAlignRight.elementBackground, .topicsDetail dl.text--textAlignRight, .text--textAlignRight.topicsDetail, .topicsDetail p.text--textAlignRight {
  text-align: right;
}

a {
  color: #1aa9e9;
  text-decoration: underline;
}

.ua-pc a[href]:hover {
  opacity: 0.8;
}

b,
strong {
  font-weight: 500;
}

.notice {
  font-size: 1.3rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
}

section *:last-child {
  margin-bottom: 0;
}

/* .elementButton */
.elementButton {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  z-index: 0;
  border-radius: 50%;
  overflow: hidden;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* .elementButton--main */
.elementButton--main {
  min-height: 3.923076923076923em;
  max-width: 100%;
  width: 24.615384615384615em;
  border-radius: 5rem;
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.076923076923077em;
  padding: 0.5em 6em 0.5em 2.307692307692308em;
  -webkit-box-shadow: 0 0px 0px 0px rgba(23, 178, 235, 0.2);
          box-shadow: 0 0px 0px 0px rgba(23, 178, 235, 0.2);
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-size: 100% 100%;
  background-position: left;
}

/*PDFリンクボタンPCのみ右寄せ追加　20240613*/
.elementButton--mainright {
  display: block;
  margin-left: auto;
}
/*PDFリンクボタンPCのみ右寄せ追加ここまで*/

.elementButton--main:after {
  content: "";
  position: absolute;
  right: 2.307692307692308em;
  top: 47%;
  width: 2.846153846153846em;
  height: 0.538461538461538em;
  background-image: url(../svg/btn_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.elementButton--main[target="_blank"]:after {
  top: 50%;
  width: 1.846153846153846em;
  height: 1.846153846153846em;
  background-image: url(../svg/blank.svg);
}

.ua-pc .elementButton--main:hover {
  letter-spacing: 0.2em;
  -webkit-box-shadow: 0 10px 18px 2px rgba(23, 178, 235, 0.1);
          box-shadow: 0 10px 18px 2px rgba(23, 178, 235, 0.1);
  -webkit-filter: brightness(105%);
          filter: brightness(105%);
  background-size: 150% 100%;
}

.ua-pc .elementButton--main:hover:after {
  margin-right: -1rem;
}

@media screen and (max-width: 677px) {
  .elementButton--main {
    width: 84vmin;
  }
}

/* .elementButton--pdf */
.elementButton--pdf[target="_blank"]:after,
.elementButton--main[href$=".pdf"]:after,
.elementButton--pdf:after {
  top: 50%;
  width: 2.307692307692308em;
  height: 2.307692307692308em;
  background-image: url(../svg/pdf.svg);
}

/* .elementButton--check */
.elementButton--check {
  position: relative;
  z-index: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.041666666666667em;
  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;
  max-width: 100%;
  width: 15em;
  min-height: 3.416666666666667em;
  padding: 0.5em 3.416666666666667em 0.5em 1.666666666666667em;
  border-radius: 5rem;
}

.elementButton--check:before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  background: #d6d6d6;
}

.elementButton--check:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  opacity: 0;
}

.elementButton--check span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1.416666666666667em;
  height: 1.416666666666667em;
  background-image: url(../svg/check_off.svg);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.elementButton--check span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1.416666666666667em;
  height: 1.416666666666667em;
  background-image: url(../svg/check.svg);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}

.elementButton--check.js__isActive:after {
  opacity: 1;
}

.elementButton--check.js__isActive span:after {
  opacity: 1;
}

.ua-pc .elementButton--check:hover {
  opacity: 0.5;
}

/* newsTag */
.newsTag {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  border-radius: 5rem;
  width: 11.7rem;
  height: 2.1rem;
}

.newsTag img {
  vertical-align: middle;
  line-height: 0;
}

/* elemenNewsPress */
.elemenNewsPress {
  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;
  font-size: 1.4rem;
  font-weight: 500;
}

.elemenNewsPress__item {
  width: 30.526315789473684%;
}

.elemenNewsPress__itemInner {
  position: relative;
  z-index: 0;
  background-color: #fff;
  display: block;
  text-decoration: none;
  color: #3e657d;
  border-radius: 2rem;
  padding: 2rem;
  overflow: hidden;
  height: 100%;
}

.elemenNewsPress__itemInner:before {
  content: "";
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url(../svg/arrow_blue.svg);
}

.elemenNewsPress__itemInner:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  opacity: 0;
}

.elemenNewsPress__itemInfo {
  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;
}

.elemenNewsPress__itemDate {
  margin-left: auto;
  font-size: 85.714285714285714%;
  color: #1aa9e9;
  line-height: 1.5;
  letter-spacing: 0.083333333333333em;
}

.elemenNewsPress__itemCaption {
  line-height: 1.6;
  letter-spacing: 0.035714285714286em;
  margin: 0.714285714285714em 2.571428571428571em 0 0;
  max-height: 8em;
  overflow: hidden;
}

.ua-pc .elemenNewsPress__itemInner:hover .elemenNewsPress__itemCaption {
  color: #1aa9e9;
}

.ua-pc .elemenNewsPress__itemInner:hover:after {
  opacity: 1;
}

/* elemenNewsPress--pcList */
@media screen and (min-width: 1024px) {
  .elemenNewsPress--pcList {
    display: block;
  }
  .elemenNewsPress--pcList .elemenNewsPress__item {
    width: 100%;
    margin-top: 1rem;
  }
  .elemenNewsPress--pcList .elemenNewsPress__item:first-child {
    margin-top: 0;
  }
  .elemenNewsPress--pcList .elemenNewsPress__itemInner {
    position: relative;
    z-index: 0;
    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;
    font-size: 1.2rem;
    text-decoration: none;
    color: #3e657d;
    padding: 0.916666666666667em 5em 0.916666666666667em 1.666666666666667em;
    border-radius: 1rem;
    background-color: #fff;
    overflow: hidden;
  }
  .elemenNewsPress--pcList .elemenNewsPress__itemInfo {
    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;
  }
  .elemenNewsPress--pcList .elemenNewsPress__itemDate {
    font-size: 83.333333333333333%;
    color: #1aa9e9;
    line-height: 1.25;
    letter-spacing: 0.083em;
    margin-left: 2em;
  }
  .elemenNewsPress--pcList .elemenNewsPress__itemCaption {
    line-height: 1.866666666666667;
    letter-spacing: 0.041666666666667em;
    margin: 0 0 0 1.666666666666667em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 768px) {
  .elemenNewsPress.js__slick {
    opacity: 0;
    display: block;
    margin-bottom: 0;
    padding-bottom: 5.7rem;
  }
  .elemenNewsPress.js__slick .slick-slide + .slick-slide,
  .elemenNewsPress.js__slick .elemenNewsPress__item + .elemenNewsPress__item {
    display: none;
  }
  .elemenNewsPress.js__slick .slick-list {
    overflow: visible;
    height: 100%;
  }
  .elemenNewsPress.js__slick .slick-slide {
    max-width: 77.333333333333333vmin;
    width: 77.333333333333333vmin;
    margin: 0 1rem;
  }
  .elemenNewsPress.js__slick .slick-dots {
    text-align: left;
    bottom: 0;
  }
  .elemenNewsPress.js__slick .slick-dots li {
    width: 1rem;
    height: 1rem;
    margin: 0 1rem 0 0;
  }
  .elemenNewsPress.js__slick .slick-dots li button {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #1aa9e9;
  }
  .elemenNewsPress.js__slick .slick-dots li.slick-active button {
    background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
    background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
    border: none;
  }
  .elemenNewsPress.js__slick .slick-dots li button::before {
    display: none;
  }
  .elemenNewsPress.js__slick.js__slickComplete {
    opacity: 1;
  }
  .elemenNewsPress.js__slick.js__slickComplete .slick-slide + .slick-slide,
  .elemenNewsPress.js__slick.js__slickComplete .elemenNewsPress__item + .elemenNewsPress__item {
    display: block;
  }
}

/* elemenNewsList */
.elemenNewsList__item {
  margin-top: 2rem;
}

.elemenNewsList__item:first-child {
  margin-top: 0;
}

.elemenNewsList__itemInner {
  position: relative;
  z-index: 0;
  display: block;
  font-size: 1.2rem;
  text-decoration: none;
  color: #3e657d;
  padding: 1.666666666666667em 5em 1.666666666666667em 1.666666666666667em;
  border-radius: 2rem;
  background-color: #fff;
  overflow: hidden;
}

.elemenNewsList__itemInner:before {
  content: "";
  position: absolute;
  right: 2rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(../svg/arrow_blue.svg);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.elemenNewsList__itemInner:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  opacity: 1;
}

.elemenNewsList__itemInfo {
  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;
}

.elemenNewsList__itemDate {
  font-size: 83.333333333333333%;
  color: #1aa9e9;
  line-height: 1.25;
  letter-spacing: 0.083em;
  margin-left: 2em;
}

.elemenNewsList__itemCaption {
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 0.714285714285714em;
}

.ua-pc .elemenNewsList__itemInner:hover {
  opacity: 0.8;
  color: #1aa9e9;
}

@media screen and (max-width: 768px) {
  .elemenNewsList.js__slick {
    opacity: 0;
    display: block;
    margin-bottom: 0;
    padding-bottom: 5.7rem;
  }
  .elemenNewsList.js__slick .slick-slide + .slick-slide,
  .elemenNewsList.js__slick .elemenNewsList__item + .elemenNewsList__item {
    display: none;
  }
  .elemenNewsList.js__slick .slick-list {
    overflow: visible;
    height: 100%;
  }
  .elemenNewsList.js__slick .slick-slide {
    max-width: 77.333333333333333vmin;
    width: 77.333333333333333vmin;
    margin: 0 1rem;
  }
  .elemenNewsList.js__slick .slick-dots {
    text-align: left;
    bottom: 0;
  }
  .elemenNewsList.js__slick .slick-dots li button {
    width: 1rem;
    height: 1rem;
    margin: 0 1rem 0 0;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #1aa9e9;
  }
  .elemenNewsList.js__slick .slick-dots li.slick-active button {
    background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
    background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  }
  .elemenNewsList.js__slick .slick-dots li button::before {
    display: none;
  }
  .elemenNewsList.js__slick.js__slickComplete {
    opacity: 1;
  }
  .elemenNewsList.js__slick.js__slickComplete .slick-slide + .slick-slide,
  .elemenNewsList.js__slick.js__slickComplete .elemenNewsPress__item + .elemenNewsPress__item {
    display: block;
  }
}

/* elementPager */
.elementPager {
  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;
}

.elementPager__item a {
  position: relative;
  overflow: hidden;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  font-weight: 500;
  width: 2.857142857142857em;
  height: 2.857142857142857em;
  text-decoration: none;
  color: #fff;
  border-radius: 0.714285714285714em;
  margin-left: 1rem;
  background-color: rgba(180, 192, 199, 0.3);
}

.elementPager__item a[href] {
  background-color: #b4c0c7;
}

.elementPager__item--active a {
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
}

.elementPager__item--first a,
.elementPager__item--prev a,
.elementPager__item--next a,
.elementPager__item--last a {
  text-indent: -10rem;
  display: block;
}

.elementPager__item--first a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.928571428571429em;
  height: 0.857142857142857em;
  background-image: url(../svg/btn_arrow--double.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%) scale(-1, 1);
          transform: translate(-50%, -50%) scale(-1, 1);
}

.elementPager__item--prev a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5em;
  height: 0.857142857142857em;
  background-image: url(../svg/btn_arrow--single.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%) scale(-1, 1);
          transform: translate(-50%, -50%) scale(-1, 1);
}

.elementPager__item--next a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5em;
  height: 0.857142857142857em;
  background-image: url(../svg/btn_arrow--single.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.elementPager__item--last a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.928571428571429em;
  height: 0.857142857142857em;
  background-image: url(../svg/btn_arrow--double.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.elementPager__item--first a {
  margin-left: 0;
}

.elementPager__item--prev a {
  margin-right: 2rem;
}

.elementPager__item--next a {
  margin-left: 3rem;
}

.ua-pc .elementPager__item a[href]:hover {
  opacity: 0.5;
}

@media screen and (max-width: 677px) {
  .elementPager__item a {
    width: 2.142857142857143em;
    height: 2.142857142857143em;
    margin-left: 0.571428571428571em;
  }
  .elementPager__item--prev a {
    margin-right: 0.714285714285714rem;
  }
  .elementPager__item--next a {
    margin-left: 1.285714285714286em;
  }
}

/* elementImageBox */
.elementImageBox {
  border-radius: 2rem;
  border: 1px solid #d6d6d6;
  padding: 2rem;
  text-align: center;
  margin: 4rem 0;
  overflow: hidden;
}

/* elementImageBox--skyblueGradient */
.elementImageBox--skyblueGradient {
  border: none;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
}

/* elementImageBox--noneBorder */
.elementImageBox--noneBorder {
  border: none;
  padding: 0;
}

.elementImageBox--noneBorder img {
  width: 100%;
}

/* elementBackground */
.elementBackground, .topicsDetail dl {
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  border-radius: 2rem;
  font-size: 1.4rem;
  margin: 4rem 0;
  padding: 2.142857142857143em;
}

@media screen and (max-width: 677px) {
  .elementBackground, .topicsDetail dl {
    padding: 2.142857142857143em 1.428571428571429em;
  }
}

.elementBackground__caption, .topicsDetail dt {
  font-weight: 500;
}

.elementBackground--defaultColor {
  color: #3e657d;
}

/* elementBackground--column2 */
.elementBackground--column2 {
  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;
  margin: 2rem 0 0 0;
}

@media screen and (max-width: 677px) {
  .elementBackground--column2 {
    display: block;
    padding: 2rem 0 3rem;
    text-align: center;
  }
}

.elementBackground--column2:first-of-type {
  margin-top: 5rem;
}

.elementBackground--column2:last-of-type {
  margin-bottom: 4rem;
}

.elementBackground--column2 .elementBackground__caption, .elementBackground--column2 .topicsDetail dt, .topicsDetail .elementBackground--column2 dt {
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.elementBackground--column2 .elementBackground__body {
  margin-left: auto;
  line-height: 1.5;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.041666666666667em;
}

@media screen and (max-width: 677px) {
  .elementBackground--column2 .elementBackground__body {
    margin-top: 2rem;
  }
}

.elementBackground--column2 .elementBackground__bodySmallText {
  font-size: 50%;
  display: block;
}

/* elementAsterisk */
.elementAsterisk {
  margin: 4rem 0;
  color: #3e657d;
}

.elementAsterisk__item {
  position: relative;
  padding-left: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.elementAsterisk__item::before {
  content: "※";
  position: absolute;
  top: 1.1em;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* elementColumn2 */
.elementColumn2 {
  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;
  /*flex-direction: row-reverse;*/
  margin: 4rem 0;
}

@media screen and (max-width: 677px) {
  .elementColumn2 {
    display: block;
  }
}

.elementColumn2__item {
  width: 47.058823529411765%;
}

/*20240410ニュースリリース2カラム用のPC用の幅調整	追加ここから*/
.elementColumn2__item2t {
  width: 85%;
}

.elementColumn2__item2i {
  width: 13%;
}
/*20240410ニュースリリース2カラム用のPC用の幅調整	追加ここまで*/

/*20240930ニュースリリース2カラム用のPC用の幅調整	追加ここから*/
.elementColumn2__item50t {
  width: 42%;
}

.elementColumn2__item50i {
  width: 55%;
}
/*20240930ニュースリリース2カラム用のPC用の幅調整	追加ここまで*/

.elementColumn2__item .elementImageBox {
  margin: 2rem 0 0;
}

.elementColumn2__item .elementImageBox:first-child {
  margin-top: 0;
}

.elementColumn2__item *:first-child {
  margin-top: 0;
}

.elementColumn2__item p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 677px) {
  .elementColumn2__item {
    width: 100%;
    margin-top: 4rem;
  }
  .elementColumn2__item:first-child {
    margin-top: 0;
  }
/*20240410ニュースリリース2カラム用のSP画像大きさ調整	追加ここから*/
  .elementColumn2__item2t {
    width: 100%;
    margin-top: 4rem;
  }
  .elementColumn2__item2t:first-child {
    margin-top: 0;
  }
  .elementColumn2__item2i {
    width: 100%;
    margin-top: 4rem;
	text-align: center;
  }
  .elementColumn2__item2i:first-child {
    margin-top: 0;
  }
/*20240410ニュースリリース2カラム用のSP画像大きさ調整	追加ここまで*/
	
/*20240930ニュースリリース2カラム用のSP画像大きさ調整	追加ここから*/
  .elementColumn2__item50t {
    width: 100%;
    margin-top: 2rem;
  }
  .elementColumn2__item50t:first-child {
    margin-top: 0;
  }
  .elementColumn2__item50i {
    width: 100%;
    margin-top: 4rem;
	text-align: center;
  }
  .elementColumn2__item50i:first-child {
    margin-top: 0;
  }
/*20240930ニュースリリース2カラム用のSP画像大きさ調整	追加ここまで*/
}

.elementColumn2__item--text {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

.elementColumn2__item--image {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

/* elementColumn2--imageLeft */
.elementColumn2--imageLeft .elementColumn2__item--text {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.elementColumn2--imageLeft .elementColumn2__item--image {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

/* elementColumn2--textBig */
.elementColumn2--textBig .elementColumn2__item--image {
  width: 33.823529411764706%;
}

@media screen and (max-width: 677px) {
  .elementColumn2--textBig .elementColumn2__item--image {
    width: 100%;
  }
}

.elementColumn2--textBig .elementColumn2__item--text {
  width: 60.294117647058824%;
}

@media screen and (max-width: 677px) {
  .elementColumn2--textBig .elementColumn2__item--text {
    width: 100%;
  }
}

/* table */
.table {
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: 4rem 0;
  width: 100%;
}

.table__caption {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #3e657d;
  padding: 1.071428571428571em;
  text-align: center;
  width: 100%;
}

.table__cell, .topicsDetail .table .table__cell {
  padding: 1.25em 1.666666666666667em;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.table__cell *, .topicsDetail .table .table__cell * {
  font-size: 1.2rem;
  line-height: 1.6;
}

/*テーブル3項目用追加*/
.table__cell3, .topicsDetail3 .table3 .table__cell3 {
  padding: 1.25em 1.666666666666667em;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.table__cell3 *, .topicsDetail3 .table3 .table__cell3 * {
  font-size: 1.2rem;
  line-height: 1.6;
}
/*テーブル3項目用追加ここまで*/

@media screen and (max-width: 677px) {
  .table__cell, .topicsDetail .table .table__cell {
    border-top: none;
  }
}

.table__cell--th {
  font-weight: 500;
  text-align: left;
  background-color: #f1f8fb;
  width: 33.823529411764706%;
}

/*求人票用th幅調整　20230712追加*/
.table__cell--th2 {
  font-weight: 500;
  text-align: left;
  background-color: #f1f8fb;
  width: 26%;
}
/*求人票用th幅調整　20230712追加ここまで*/

@media screen and (max-width: 677px) {
  .table,
  .table__caption,
  .table__group,
  .table__row, .table__cell, .topicsDetail .table .table__cell {
    width: 100%;
    display: block;
  }
  .table__row {
    border-top: 1px solid #d6d6d6;
  }
  .table__row + .table__row {
    border-top: none;
  }
}

/* youtube */
.youtube {
  position: relative;
  margin: 4rem 0;
}

.youtube::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.youtube ifram,
.youtube .youtube__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* noticeList */
.elementNoticeList, .topicsDetail ul {
  color: #3e657d;
  letter-spacing: 0.05em;
  font-size: 1.3rem;
  line-height: 2.2;
}

.elementNoticeList.elementNoticeList--colorRed, .topicsDetail ul.elementNoticeList--colorRed {
  color: #e52929;
}

@media screen and (max-width: 677px) {
  .elementNoticeList, .topicsDetail ul {
    font-size: 1.2rem;
  }
}

/* elementListStyle--dot */
.elementListStyle--dot {
  position: relative;
  padding-left: 1em;
  margin: 0;
}

.elementListStyle--dot::before {
  content: "・";
  position: absolute;
  left: 0;
}

.elementListStyle--dot + .elementListStyle--dot {
  margin: 0;
}

* + .elementListStyle--dot {
  margin: 0;
}

/* elementListStyle--square 20230711追加*/
.elementListStyle--square {
  position: relative;
  padding-left: 1em;
  margin: 0;
}

.elementListStyle--square::before {
  content: "■";
  position: absolute;
  left: 0;
}
/* elementListStyle--square 20230711追加ここまで*/

/* elementListStyle--circle 20231113追加*/
.elementListStyle--circle {
  position: relative;
  padding-left: 1em;
  margin: 0;
}

.elementListStyle--circle::before {
  content: "●";
  position: absolute;
  left: 0;
}
/* elementListStyle--circle 20231113追加ここまで*/

/* elementListStyle--kome 20231004追加*/
.elementListStyle--kome {
  position: relative;
  padding-left: 1em;
  margin: 0;
}

.elementListStyle--kome::before {
  content: "※";
  position: absolute;
  left: 0;
}
/* elementListStyle--kome 20231004追加ここまで*/

/* elementListStyle--※1-5 20240730追加*/
.elementListStyle--kome1 {
  position: relative;
  padding-left: 2.8em;
  margin: 0;
}
.elementListStyle--kome1::before {
  content: "※1：";
  position: absolute;
  left: 0;
}
.elementListStyle--kome2 {
  position: relative;
  padding-left: 2.8em;
  margin: 0;
}
.elementListStyle--kome2::before {
  content: "※2：";
  position: absolute;
  left: 0;
}
.elementListStyle--kome3 {
  position: relative;
  padding-left: 2.8em;
  margin: 0;
}
.elementListStyle--kome3::before {
  content: "※3：";
  position: absolute;
  left: 0;
}
.elementListStyle--kome4 {
  position: relative;
  padding-left: 2.8em;
  margin: 0;
}
.elementListStyle--kome4::before {
  content: "※4：";
  position: absolute;
  left: 0;
}
.elementListStyle--kome5 {
  position: relative;
  padding-left: 2.8em;
  margin: 0;
}
.elementListStyle--kome5::before {
  content: "※5：";
  position: absolute;
  left: 0;
}
/* elementListStyle--※1-5 20240730追加ここまで*/

/* 丸囲み文字用●　20240730追加*/
.circle{
 display: inline-block;
 width: 25px;
 height: 25px;
 border-radius: 50%;
 background-color: #1aa9e9;
 text-align:center;
 color: #fff;
 font-weight: 500;	
 line-height: 25px;
}
/* 丸囲み文字用●　20240730追加ここまで*/

/* 角丸長方形囲み文字用●　202400802追加*/
.oval{
 display: inline-block;
 width: 45px;
 height: 25px;
 border-radius: 9999px;
 background-color: #1aa9e9;
 text-align:center;
 color: #fff;
 font-weight: 500;	
 line-height: 25px;
}
/* 角丸長方形囲み文字用●　20240802追加ここまで*/


/* elementListStyle--①②③ 20230711追加*/
.elementListStyle--1 {
  position: relative;
  padding-left: 1em;
  margin: 0;
}

.elementListStyle--1::before {
  content: "①";
  position: absolute;
  left: 0;
}

.elementListStyle--2 {
  position: relative;
  padding-left: 1em;
  margin: 0;
}

.elementListStyle--2::before {
  content: "②";
  position: absolute;
  left: 0;
}

.elementListStyle--3 {
  position: relative;
  padding-left: 1em;
  margin: 0;
}

.elementListStyle--3::before {
  content: "③";
  position: absolute;
  left: 0;
}

/* elementListStyle-①②③ 20230711追加ここまで*/

/*▼▶　20240826追加*/
.elementListStyle--triangler {
  position: relative;
  padding-left: 2.0em;
  margin: 0;
}
.elementListStyle--triangler::before {
  content: "▶";
  position: absolute;
  left: 1.0em;
}
.elementListStyle--triangleu {
  position: relative;
  padding-left: 2.0em;
  margin: 0;
}
.elementListStyle--triangleu::before {
  content: "▼";
  position: absolute;
  left: 1.0em;
}
/*▼▶　20240826追加ここまで*/

/*リストマークなし　20240826追加*/
.elementListStyle--none1 {
  position: relative;
  padding-left: 1.0em;
  margin: 0;
}
.elementListStyle--none1::before {
  content: "";
  position: absolute;
  left: 0;
}

.elementListStyle--none2 {
  position: relative;
  padding-left: 1.6em;
  margin: 0;
}
.elementListStyle--none2::before {
  content: "";
  position: absolute;
  left: 0;
}

.elementListStyle--none3 {
  position: relative;
  padding-left: 2.0em;
  margin: 0;
}
.elementListStyle--none3::before {
  content: "";
  position: absolute;
  left: 0;
}
/*リストマークなし　20240826追加ここまで*/

/*フォントサイズ　リスト用*/
  .font16 {
    font-size: 1.6rem !important;
	color:  #1c3e52;
  }
  .font15 {
    font-size: 1.5rem !important;
	color:  #1c3e52;
  }
  .font14 {
    font-size: 1.4rem !important;
	color:  #1c3e52;
  }
/*フォントサイズ　リスト用ここまで*/

/* カッコつき数字 20231212追加*/
ol {
	margin-left: 1.5em; /* サイトに合せて調整 */
}

ol li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

ol li:before {
	content: "(" counter(cnt) "）";
	display: inline-block;
	margin-left: -2.5em; /*  カッコ付き数字が左にずれる値*/
	width: 2.0em; /* カッコ付き数字部分の余白を含めたスペースの横幅 */
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}
ol.bracket,
ol.closing_bracket {
  list-style-type: none;
}
ol.bracket > li,
ol.closing_bracket > li {
  counter-increment: cnt;
}
ol.bracket > li:before {
  content: "("counter(cnt) ") ";
}
ol.closing_bracket > li:before {
  content: counter(cnt) ") ";
}

/* カッコつき数字 20231212追加ここまで*/

/* 英語版ニュースリリース用アスタリスク付き数字 20231226･20240730追加*/
.elementListStyle--a1 {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--a1::before {
  content: "*1";
  position: absolute;
  left: 0;
}

.elementListStyle--a2 {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--a2::before {
  content: "*2";
  position: absolute;
  left: 0;
}

.elementListStyle--a3 {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--a3::before {
  content: "*3";
  position: absolute;
  left: 0;
}
.elementListStyle--a4 {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--a4::before {
  content: "*4";
  position: absolute;
  left: 0;
}
.elementListStyle--a5 {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--a5::before {
  content: "*5";
  position: absolute;
  left: 0;
}

/* 英語版ニュースリリース用アスタリスク付き数字 20231226･20240730追加ここまで*/

/* 英語版ニュースリリース用アスタリスク付き数字+コロン 20240802追加*/
.elementListStyle--a1c {
  position: relative;
  padding-left: 2.0em;
  margin: 0;
}
.elementListStyle--a1c::before {
  content: "*1:";
  position: absolute;
  left: 0;
}

.elementListStyle--a2c {
  position: relative;
  padding-left: 2.0em;
  margin: 0;
}
.elementListStyle--a2c::before {
  content: "*2:";
  position: absolute;
  left: 0;
}

.elementListStyle--a3c {
  position: relative;
  padding-left: 2.0em;
  margin: 0;
}
.elementListStyle--a3c::before {
  content: "*3:";
  position: absolute;
  left: 0;
}
.elementListStyle--a4c {
  position: relative;
  padding-left: 2.0em;
  margin: 0;
}
.elementListStyle--a4c::before {
  content: "*4:";
  position: absolute;
  left: 0;
}
.elementListStyle--a5c {
  position: relative;
  padding-left: 2.0em;
  margin: 0;
}
.elementListStyle--a5c::before {
  content: "*5:";
  position: absolute;
  left: 0;
}

/* 英語版ニュースリリース用アスタリスク付き数字+コロン 20240802追加ここまで*/

/*リストスタイルドット付き数字（1.・2.など）20240124追加ここから*/
.elementListStyle--1p {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--1p::before {
  content: "1.";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--2p {
  position: relative;
  padding-left:1.5em;
  margin: 0;
}
.elementListStyle--2p::before {
  content: "2.";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--3p {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--3p::before {
  content: "3.";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--4p {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--4p::before {
  content: "4.";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--5p {
  position: relative;
  padding-left: 1.5em;
  margin: 0;
}
.elementListStyle--5p::before {
  content: "5.";
  position: absolute;
  left: 0.2em;
}
/*リストスタイルドット付き数字（1.・2.など）20240124追加ここまで*/

/*お知らせ用リスト　20240205追加ここから*/
.elementListStyle--date {
  position: relative;
  padding-left: 3.3em;
  margin: 0;
}
.elementListStyle--date::before {
  content: "会期：";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--date2 {
  position: relative;
  padding-left: 4.3em;
  margin: 0;
}
.elementListStyle--date2::before {
  content: "●開催：";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--place {
  position: relative;
  padding-left: 3.3em;
  margin: 0;
}
.elementListStyle--place::before {
  content: "場所：";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--place2 {
  position: relative;
  padding-left: 4.3em;
  margin: 0;
}
.elementListStyle--place2::before {
  content: "●会場：";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--entry2 {
  position: relative;
  padding-left: 4.3em;
  margin: 0;
}
.elementListStyle--entry2::before {
  content: "●入場：";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--booth {
  position: relative;
  padding-left: 5.3em;
  margin: 0;
}
.elementListStyle--booth::before {
  content: "小間番号：";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--entry {
  position: relative;
  padding-left:5.3em;
  margin: 0;
}
.elementListStyle--entry::before {
  content: "参加方法：";
  position: absolute;
  left: 0.2em;
}
/*お知らせ用リスト　20240205追加ここまで*/

/*お知らせ用リスト　20240226追加ここから*/
.elementListStyle--skdate {
  position: relative;
  padding-left: 5.3em;
  margin: 0;
}
.elementListStyle--skdate::before {
  content: "【日　時】";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--skplace {
  position: relative;
  padding-left: 5.3em;
  margin: 0;
}
.elementListStyle--skplace::before {
  content: "【会　場】";
  position: absolute;
  left: 0.2em;
}
.elementListStyle--skinq {
  position: relative;
  padding-left:5.3em;
  margin: 0;
}
.elementListStyle--skinq::before {
  content: "【問合せ】";
  position: absolute;
  left: 0.2em;
}
/*お知らせ用リスト　20240226追加ここまで*/

/*お知らせ用リスト　＊20240423追加ここから*/
.elementListStyle--asterisk {
  position: relative;
  padding-left:1.2em;
  margin: 0;
}
.elementListStyle--asterisk::before {
  content: "*";
  position: absolute;
  left: 0.2em;
}
/*お知らせ用リスト　＊20240423追加ここまで*/

/* elementMap */
.elementMap {
  position: relative;
  margin: 4rem 0;
}

.elementMap::before {
  content: "";
  display: block;
  height: 37.4rem;
}

@media screen and (max-width: 677px) {
  .elementMap::before {
    height: 0;
    padding-top: 55.238095238095238%;
  }
}

.elementMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* counterIncrement */
.counterIncrement {
  margin: 4rem 0;
}

.counterIncrement .counterIncrement__item {
  position: relative;
  padding-left: 1.7em;
}

.counterIncrement .counterIncrement__item.text, .counterIncrement .counterIncrement__item.elementBackground, .counterIncrement .topicsDetail dl.counterIncrement__item, .topicsDetail .counterIncrement dl.counterIncrement__item, .counterIncrement .counterIncrement__item.topicsDetail, .counterIncrement .topicsDetail p.counterIncrement__item, .topicsDetail .counterIncrement p.counterIncrement__item {
  margin: 0;
}

.counterIncrement .counterIncrement__item:before {
  position: absolute;
  left: 0;
  white-space: nowrap;
}

.counterIncrement .counterIncrement__item--01:before {
  content: "1.";
}

.counterIncrement .counterIncrement__item--02:before {
  content: "2.";
}

.counterIncrement .counterIncrement__item--03:before {
  content: "3.";
}

.counterIncrement .counterIncrement__item--04:before {
  content: "4.";
}

.counterIncrement .counterIncrement__item--05:before {
  content: "5.";
}

.counterIncrement .counterIncrement__item--06:before {
  content: "6.";
}

.counterIncrement .counterIncrement__item--07:before {
  content: "7.";
}

.counterIncrement .counterIncrement__item--08:before {
  content: "8.";
}

.counterIncrement .counterIncrement__item--09:before {
  content: "9.";
}

.counterIncrement .counterIncrement__item--10:before {
  content: "10.";
}

.counterIncrement .counterIncrement__item--11:before {
  content: "11.";
}

.counterIncrement .counterIncrement__item--12:before {
  content: "12.";
}

.counterIncrement .counterIncrement__item--13:before {
  content: "13.";
}

.counterIncrement .counterIncrement__item--14:before {
  content: "14.";
}

.counterIncrement .counterIncrement__item--15:before {
  content: "15.";
}

.counterIncrement .counterIncrement__item--16:before {
  content: "16.";
}

.counterIncrement .counterIncrement__item--17:before {
  content: "17.";
}

.counterIncrement .counterIncrement__item--18:before {
  content: "18.";
}

.counterIncrement .counterIncrement__item--19:before {
  content: "19.";
}

.counterIncrement .counterIncrement__item--20:before {
  content: "20.";
}

.counterIncrement .counterIncrement__item--21:before {
  content: "21.";
}

.counterIncrement .counterIncrement__item--22:before {
  content: "22.";
}

.counterIncrement .counterIncrement__item--23:before {
  content: "23.";
}

.counterIncrement .counterIncrement__item--24:before {
  content: "24.";
}

.counterIncrement .counterIncrement__item--25:before {
  content: "25.";
}

.counterIncrement .counterIncrement__item--26:before {
  content: "26.";
}

.counterIncrement .counterIncrement__item--27:before {
  content: "27.";
}

.counterIncrement .counterIncrement__item--28:before {
  content: "28.";
}

.counterIncrement .counterIncrement__item--29:before {
  content: "29.";
}

.counterIncrement .counterIncrement__item--30:before {
  content: "30.";
}

.counterIncrement .counterIncrement__item--31:before {
  content: "31.";
}

.counterIncrement .counterIncrement__item--32:before {
  content: "32.";
}

.counterIncrement .counterIncrement__item--33:before {
  content: "33.";
}

.counterIncrement .counterIncrement__item--34:before {
  content: "34.";
}

.counterIncrement .counterIncrement__item--35:before {
  content: "35.";
}

.counterIncrement .counterIncrement__item--36:before {
  content: "36.";
}

.counterIncrement .counterIncrement__item--37:before {
  content: "37.";
}

.counterIncrement .counterIncrement__item--38:before {
  content: "38.";
}

.counterIncrement .counterIncrement__item--39:before {
  content: "39.";
}

.counterIncrement .counterIncrement__item--40:before {
  content: "40.";
}

.counterIncrement .counterIncrement__item--41:before {
  content: "41.";
}

.counterIncrement .counterIncrement__item--42:before {
  content: "42.";
}

.counterIncrement .counterIncrement__item--43:before {
  content: "43.";
}

.counterIncrement .counterIncrement__item--44:before {
  content: "44.";
}

.counterIncrement .counterIncrement__item--45:before {
  content: "45.";
}

.counterIncrement .counterIncrement__item--46:before {
  content: "46.";
}

.counterIncrement .counterIncrement__item--47:before {
  content: "47.";
}

.counterIncrement .counterIncrement__item--48:before {
  content: "48.";
}

.counterIncrement .counterIncrement__item--49:before {
  content: "49.";
}

.counterIncrement .counterIncrement__item--50:before {
  content: "50.";
}

/* elementLinkList */
.elementLinkList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 6rem;
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: 0.041666666666667em;
}

.elementLinkList .elementLinkList__Item {
  width: 47.058823529411765%;
  margin-top: 2rem;
}

.elementLinkList .elementLinkList__Item:nth-child(1), .elementLinkList .elementLinkList__Item:nth-child(2) {
  margin-top: 0;
}

@media screen and (max-width: 677px) {
  .elementLinkList .elementLinkList__Item {
    width: 100%;
  }
  .elementLinkList .elementLinkList__Item:nth-child(2) {
    margin-top: 2rem;
  }
}

.elementLinkList .elementLinkList__ItemLink {
  position: relative;
  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;
  min-height: 4.666666666666667em;
  height: 100%;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  border-radius: 2.8rem;
  color: #3e657d;
  text-decoration: none;
  padding: 1em 4.75em 1em 1.666666666666667em;
}

.elementLinkList .elementLinkList__ItemLink::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.7rem;
  height: 1.2rem;
  background-image: url(../svg/arrow_blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ua-pc .elementLinkList .elementLinkList__ItemLink:hover {
  color: #1aa9e9;
}

/* elementSpeechBubble */
.elementSpeechBubble {
  margin: 0 0 -4.5rem;
  background-color: #fff;
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 0;
          column-gap: 0;
  grid-column-gap: 5.882352941176471%;
}

.elementSpeechBubble .elementSpeechBubble__item {
  position: relative;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  border-radius: 20px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #3e657d;
  letter-spacing: 0.035714285714286em;
  line-height: 1.6;
  padding: 1.428571428571429em 1.571428571428571em;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 4.5rem;
}

.elementSpeechBubble .elementSpeechBubble__item:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  /* 2022/09/27 図形描画が重く「/recruit/benefits/」画面が表示できない為コメントアウト */
  /* 
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #e5f5fb transparent transparent transparent;
  -webkit-transform: translate(-50%, -25%);
          transform: translate(-50%, -25%); */
}

/*20240905 採用情報最下部talentbook用iframe設定ここから*/
.talentbook {
  width: 100%;
  aspect-ratio: 21 / 10;
}
.talentbook iframe {
  width: 100%;
  height: 100%;
}
/*20240905 採用情報最下部talentbook用iframe設定ここまで*/


.elementSpeechBubble .elementSpeechBubble__itemInfo {
  font-size: 85.714285714285714%;
  line-height: 1.5;
  margin-top: 0.833333333333333em;
  text-align: right;
  color: #1aa9e9;
  letter-spacing: 0.083333333333333em;
} 

@media screen and (max-width: 677px) {
  .elementSpeechBubble {
    margin-bottom: -3.5rem;
    -webkit-column-count: 1;
            column-count: 1;
  }
  .elementSpeechBubble .elementSpeechBubble__item {
    margin-bottom: 3.5rem;
    padding: 1.142857142857143em 1.428571428571429em 1.428571428571429em;
  }
}

/* caseBubble 導入企業一覧用画像配置　20231127追加*/
.caseFlexbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  vertical-align: top;
  justify-content: flex-start;
  align-items: center;	
}

.caseFlexbox li{
  /*border-radius: 2rem;
  border: 1px solid #d6d6d6;
  padding: 0rem;*/
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  width:21.5%;
  margin:1.5% 1.5%;
}

@media screen and (max-width: 677px) {
.caseFlexbox{
 /*flex-direction: column;*/
 justify-content: space-between;
}	
.caseFlexbox li{
  /*border-radius: 2rem;
  border: 1px solid #d6d6d6;
  padding: 0rem;*/
  text-align: center;
  overflow: hidden;
  width:43.5%;
  margin:1.5% 1.5%;
}	
}
	
/* caseBubble 導入企業一覧用画像配置　20231127追加ここまで*/

/* アンカーリンク（3カラム） */
.elementAnchorLinkListColumn3 {
  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-top: 4rem;
}

.elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__Item {
  position: relative;
  display: block;
  width: 29.411764705882353%;
  text-decoration: none;
  border-radius: 2rem;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  padding: 1.538461538461538em 1.538461538461538em 3.538461538461538em;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  letter-spacing: 0.076923076923077em;
}

.elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__Item:before {
  content: "";
  position: absolute;
  bottom: 1.769230769230769em;
  left: 50%;
  background-image: url(../svg/btn_pulldown.svg);
  width: 1em;
  height: 0.615384615384615em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__ItemImage {
  border-radius: 2rem;
  overflow: hidden;
}

.elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__ItemText {
  margin: 1.416666666666667em -1.8rem 0;
}

@media screen and (max-width: 677px) {
  .elementAnchorLinkListColumn3 {
    display: block;
  }
  .elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__Item {
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 1.538461538461538em;
    margin-top: 20px;
  }
  .elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__Item:before {
    display: none;
  }
  .elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__ItemImage {
    width: 46.545454545454545%;
  }
  .elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__ItemText {
    position: relative;
    width: 56.727272727272727%;
    padding-bottom: 1.384615384615385em;
    margin: 0 -1.076923076923077em 0 0;
  }
  .elementAnchorLinkListColumn3 .elementAnchorLinkListColumn3__ItemText:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    background-image: url(../svg/btn_pulldown.svg);
    width: 1em;
    height: 0.615384615384615em;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

/* アコーディオンテーブル */
.elementAccordionTable {
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  margin-top: 3rem;
}

.elementAccordionTable.js__accordionIsActive {
  border-radius: 1rem 1rem 0 0;
}

.elementAccordionTable.js__accordionIsActive .elementAccordionTable__ButtonIcon::after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

.elementAccordionTable .elementAccordionTable__Button {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.371428571428571;
  letter-spacing: 0.035714285714286em;
  text-align: center;
  padding: 1em 4.714285714285714em;
  background-color: #3e657d;
  color: #fff;
}

@media screen and (max-width: 677px) {
  .elementAccordionTable .elementAccordionTable__Button {
    padding: 1em 2.857142857142857em;
  }
}

.elementAccordionTable .elementAccordionTable__ButtonIcon {
  position: absolute;
  right: 1.571428571428571em;
  top: 50%;
  width: 2.142857142857143em;
  height: 2.142857142857143em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.elementAccordionTable .elementAccordionTable__ButtonIcon::before, .elementAccordionTable .elementAccordionTable__ButtonIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.142857142857143em;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.elementAccordionTable .elementAccordionTable__ButtonIcon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

@media screen and (max-width: 677px) {
  .elementAccordionTable .elementAccordionTable__ButtonIcon {
    right: 0.714285714285714em;
  }
}

.elementAccordionTable .elementAccordionTable__Content {
  display: none;
}

.elementAccordionTable .elementAccordionTable__Content .table {
  letter-spacing: 0.041666666666667em;
  margin: 0;
}

.elementAccordionTable .elementAccordionTable__Content .table__cell--th {
  width: 9rem;
  border-right: 1px solid #d6d6d6;
}

@media screen and (max-width: 677px) {
  .elementAccordionTable .elementAccordionTable__Content .table__cell--th {
    width: 100%;
    border-right: none;
  }
}

.elementAccordionTable .elementAccordionTable__Content .table__cell--th[colspan="2"] {
  width: 18rem;
}

@media screen and (max-width: 677px) {
  .elementAccordionTable .elementAccordionTable__Content .table__cell--th[colspan="2"] {
    width: 100%;
  }
}

.elementAccordionTable .table__cell--th + .table__cell--th,
.elementAccordionTable .table__row--rowspan .table__cell--th.table__cell:not([rowspan]) {
  background-color: #f8fbfc;
}

@media screen and (max-width: 677px) {
  .elementAccordionTable .table__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .elementAccordionTable .table__row .table__cell {
    width: 100%;
  }
  .elementAccordionTable .table__row .table__cell--th + .table__cell--th,
  .elementAccordionTable .table__row .table__cell--th + .table__cell--th + .table__cell--td,
  .elementAccordionTable .table__row.table__row--rowspan .table__cell:not([rowspan]) {
    width: 50%;
  }
}

/* メインヘッダー */
.mainHeader {
  position: relative;
  z-index: 99999;
  font-size: 1.6rem;
  line-height: 1.5;
  /* クローン（アニメーション用） */
  /* モーダル */
}

.mainHeader a {
  display: inline-block;
  vertical-align: middle;
  color: #3e657d;
  text-decoration: none;
}

.mainHeader .mainHeader__modalHeader,
.mainHeader .mainHeader__inner {
  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;
  height: 8rem;
  padding: 0 0 0 4rem;
}

.mainHeader .mainHeader__logo a {
  position: relative;
  width: 18rem;
  line-height: 0;
  vertical-align: middle;
}

.mainHeader .mainHeader__aside {
  margin-left: auto;
  height: 100%;
  background-color: #fff;
  border-radius: 0 0 0 2rem;
  padding-right: 4rem;
}

.mainHeader .mainHeader__gnav {
  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;
  height: 100%;
  margin-left: 4rem;
}

.mainHeader .mainHeader__gnavItem {
  margin-left: 6rem;
  position: relative;
  font-size: 1.4rem;
}

.mainHeader .mainHeader__gnavItem a {
  letter-spacing: 0.05em;
}

.mainHeader .mainHeader__gnavItem:first-child {
  margin-left: 0;
}

.mainHeader .mainHeader__gnavItemSubMenu {
  position: absolute;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  font-size: 85.714285714285714%;
}

.mainHeader .mainHeader__gnavItemSubMenuItem {
  line-height: 1.6;
  letter-spacing: 0.041666666666667em;
  padding-top: 2.483333333333333em;
}

.mainHeader .mainHeader__gnavItemSubMenuItem:first-child {
  padding-top: 3.166666666666667em;
}

.mainHeader .mainHeader__gnavItem--modalButton {
  margin-left: 7rem;
}

.mainHeader .mainHeader__gnavItem--modalButton a {
  position: relative;
  z-index: 0;
  width: 5rem;
  height: 2.1rem;
}

.mainHeader .mainHeader__gnavItem--modalButton a::before, .mainHeader .mainHeader__gnavItem--modalButton a::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #1aa9e9;
  border-radius: 3px;
}

.mainHeader .mainHeader__gnavItem--modalButton a::before {
  top: 0;
}

.mainHeader .mainHeader__gnavItem--modalButton a::after {
  bottom: 0;
}

.mainHeader#mainHeader--clone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}

.mainHeader#mainHeader--clone.js__scrollOneHundredOver {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.mainHeader#mainHeader--clone .mainHeader__inner {
  padding-left: 2rem;
}

@media screen and (max-width: 1366px) {
  .mainHeader#mainHeader--clone .mainHeader__inner {
    padding-left: 1.464128843338214vw;
  }
}

@media screen and (max-width: 677px) {
  .mainHeader#mainHeader--clone .mainHeader__inner {
    padding-left: 1.5rem;
  }
}

.mainHeader#mainHeader--clone .mainHeader__logo a {
  width: 12rem;
}

@media screen and (max-width: 768px) {
  .mainHeader#mainHeader--clone .mainHeader__logo a {
    width: 9rem;
  }
}

.mainHeader .mainHeader__modal {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.8s cubic-bezier(0, 0.56, 0.46, 1), width 0s linear 0.9s, height 0s linear 0.9s, visibility 0s linear 0.9s;
  transition: opacity 0.8s cubic-bezier(0, 0.56, 0.46, 1), width 0s linear 0.9s, height 0s linear 0.9s, visibility 0s linear 0.9s;
}

.mainHeader .mainHeader__modal::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
}

.mainHeader .mainHeader__modal a {
  color: #fff;
}

.mainHeader .mainHeader__modal .mainHeader__modalInner {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.mainHeader .mainHeader__modal .mainHeader__modalHeader {
  background-color: transparent;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  padding: 2rem 0 0 2rem;
}

.mainHeader .mainHeader__modal .mainHeader__aside {
  margin-top: 1rem;
  background-color: transparent;
}

.mainHeader .mainHeader__modal .mainHeader__gnavItem--modalButton a {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 5rem;
  margin-top: -1.5rem;
}

.mainHeader .mainHeader__modal .mainHeader__gnavItem--modalButton a::before, .mainHeader .mainHeader__modal .mainHeader__gnavItem--modalButton a::after {
  background-color: #fff;
  left: 50%;
}

.mainHeader .mainHeader__modal .mainHeader__gnavItem--modalButton a::before {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.mainHeader .mainHeader__modal .mainHeader__gnavItem--modalButton a::after {
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

@media screen and (max-width: 677px) {
  .mainHeader .mainHeader__modal .mainHeader__gnavItem--modalButton a {
    height: 3rem;
    margin-top: -0.5rem;
  }
}

.mainHeader .mainHeader__modal .mainHeader__modalList {
  margin: 14.6rem auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*max-width: 90%;
  width: 100.3rem;*/ /*20240304元の幅を下記に修正*/
  max-width: 95%;
  width: 110rem;
  font-size: 1.2rem;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItem {
  margin-left: 3.7rem;
  max-width: 13.6rem;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItem:first-child {
  margin-left: 0;
  max-width: 18.6rem;  /*一番左の左マージン設定*/
}

.mainHeader .mainHeader__modal .mainHeader__modalListItem--etc {
  margin-left: auto;
  font-size: 83.333333333333333%;
  letter-spacing: 0.042em;
  line-height: 1.92;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItem--etc .mainHeader__modalListItemListItem {
  line-height: 1.92;
  margin-top: 2.26em;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItem--etc .mainHeader__modalListItemListItem:first-child {
  margin-top: 0;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItemLanguages {
  font-size: 120%;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItemLanguagesItem {
  display: inline-block;
  vertical-align: middle;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItemLanguagesItem + .mainHeader__modalListItemListItemLanguagesItem::before {
  content: "/";
  margin: 0 0.416666666666667em;
  color: #fff;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItemLanguagesItem a {
  text-decoration: underline;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItemLanguagesItem--IsPassive a {
  text-decoration: none;
  opacity: 0.5;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItem a {
  letter-spacing: 0.115em;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemCaption {
  font-size: 183.333333333333333%;
  margin-bottom: 1.722727272727273em;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemCaption a {
  letter-spacing: 0.062727272727273em;
  line-height: 1.6;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItem {
  margin-top: 2.566666666666667em;
  line-height: 1.6;
  letter-spacing: 0.041666666666667em;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItem:first-child {
  margin-top: 0;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItemSubMenuItem {
  position: relative;
  font-size: 83.333333333333333%;
  padding-left: 2em;
  letter-spacing: 0.05em;
  line-height: 1.92;
  margin-top: 2.26em;
}

.mainHeader .mainHeader__modal .mainHeader__modalListItemListItemSubMenuItem::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.96em;
  top: 1em;
  width: 1em;
  height: 1em;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mainHeader .mainHeader__modal.js__isActive {
  -webkit-transition: opacity 0.8s cubic-bezier(0, 0.56, 0.46, 1), width 0s linear, height 0s linear, visibility 0s linear;
  transition: opacity 0.8s cubic-bezier(0, 0.56, 0.46, 1), width 0s linear, height 0s linear, visibility 0s linear;
  width: 100%;
  height: 100%;
  visibility: visible;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(1) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(3) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(4) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(5) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(6) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(7) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(8) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(9) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(10) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(11) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(12) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(13) {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(14) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(15) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(16) {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(17) {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(18) {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(19) {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.mainHeader .mainHeader__modal.js__isActive .mainHeader__modalListItem .js__isActive:nth-child(20) {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

@media screen and (max-width: 1366px) {
  .mainHeader .mainHeader__inner {
    padding: 0 0 0 2.928257686676428vw;
    line-height: 1.5;
  }
  .mainHeader .mainHeader__aside {
    padding-right: 2.928257686676428vw;
  }
  .mainHeader .mainHeader__gnavItem {
    margin-left: 4.24597364568082vw;
  }
  .mainHeader .mainHeader__gnavItem--modalButton {
    margin-left: 5.124450951683748vw;
  }
}

/* タブレット スマホへの対応 */
.ua-tb .mainHeader .mainHeader__gnavItem,
.ua-sp .mainHeader .mainHeader__gnavItem {
  display: none;
}

.ua-tb .mainHeader .mainHeader__gnavItem--modalButton,
.ua-sp .mainHeader .mainHeader__gnavItem--modalButton {
  display: block;
  margin-left: 0;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalHeader,
.ua-sp .mainHeader .mainHeader__inner {
  padding: 0 0 0 1.5rem;
  height: 5.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalHeader {
  background-color: transparent;
}

.ua-sp .mainHeader .mainHeader__logo a {
  position: relative;
  width: 9rem;
  line-height: 0;
}

.ua-sp .mainHeader .mainHeader__gnavItem {
  display: none;
}

.ua-sp .mainHeader .mainHeader__gnavItem--modalButton {
  display: block;
  margin-left: 0;
}

.ua-sp .mainHeader .mainHeader__gnavItem--modalButton a {
  width: 3rem;
  height: 1.4rem;
}

.ua-sp .mainHeader .mainHeader__gnavItem--modalButton a::before, .ua-sp .mainHeader .mainHeader__gnavItem--modalButton a::after {
  height: 2px;
  border-radius: 2px;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalInner:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 5.333333333333333%;
  height: 22.188905547226387vh;
  width: 1px;
  background-color: #fff;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalInner:after {
  content: "Scroll";
  position: absolute;
  bottom: 24.137931034482759vh;
  right: 5.333333333333333%;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 1.2rem;
  color: #fff;
  letter-spacing: 0.083333333333333em;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__aside {
  margin-top: 0;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalList {
  position: relative;
  margin: 6rem auto 0;
  padding: 5.416666666666667em 0 6rem;
  width: 84%;
  display: block;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalListItem {
  max-width: 100%;
  width: 100%;
  margin: 3.408333333333333em 0 0;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalListItem:first-child {
  margin-top: 0;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalListItem--etc .mainHeader__modalListItemListItem--01 {
  position: absolute;
  top: 0;
  left: 0;
}

.ua-sp .mainHeader .mainHeader__modal .mainHeader__modalListItem--etc .mainHeader__modalListItemListItem--02 {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .mainHeader .mainHeader__modal .mainHeader__modalHeader,
  .mainHeader .mainHeader__inner {
    padding: 0 0 0 1.5rem;
    height: 5.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
  }
  .mainHeader .mainHeader__modal .mainHeader__modalHeader {
    background-color: transparent;
  }
  .mainHeader .mainHeader__logo a {
    position: relative;
    width: 9rem;
    line-height: 0;
  }
  .mainHeader .mainHeader__gnavItem {
    display: none;
  }
  .mainHeader .mainHeader__gnavItem--modalButton {
    display: block;
    margin-left: 0;
  }
  .mainHeader .mainHeader__gnavItem--modalButton a {
    width: 3rem;
    height: 1.4rem;
  }
  .mainHeader .mainHeader__gnavItem--modalButton a::before, .mainHeader .mainHeader__gnavItem--modalButton a::after {
    height: 2px;
    border-radius: 2px;
  }
  .mainHeader .mainHeader__modal .mainHeader__modalInner:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 5.333333333333333%;
    height: 22.188905547226387vh;
    width: 1px;
    background-color: #fff;
  }
  .mainHeader .mainHeader__modal .mainHeader__modalInner:after {
    content: "Scroll";
    position: absolute;
    bottom: 24.137931034482759vh;
    right: 5.333333333333333%;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-size: 1.2rem;
    color: #fff;
    letter-spacing: 0.083333333333333em;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .mainHeader .mainHeader__modal .mainHeader__aside {
    margin-top: 0;
  }
  .mainHeader .mainHeader__modal .mainHeader__modalList {
    position: relative;
    margin: 6rem auto 0;
    padding: 5.416666666666667em 0 6rem;
    width: 84%;
    display: block;
  }
  .mainHeader .mainHeader__modal .mainHeader__modalListItem {
    max-width: 100%;
    width: 100%;
    margin: 3.408333333333333em 0 0;
  }
  .mainHeader .mainHeader__modal .mainHeader__modalListItem:first-child {
    margin-top: 0;
  }
  .mainHeader .mainHeader__modal .mainHeader__modalListItem--etc .mainHeader__modalListItemListItem--01 {
    position: absolute;
    top: 0;
    left: 0;
  }
  .mainHeader .mainHeader__modal .mainHeader__modalListItem--etc .mainHeader__modalListItemListItem--02 {
    margin-top: 0;
  }
}

/* hoverアクション */
.ua-pc .mainHeader {
  /*a:hover {
    opacity: 1;
  }*/
}

.ua-pc .mainHeader .mainHeader__gnavItem:hover > a,
.ua-pc .mainHeader .mainHeader__gnavItem a:hover {
  color: #1aa9e9;
}

.ua-pc .mainHeader .mainHeader__gnavItem:hover .mainHeader__gnavItemSubMenu {
  opacity: 1;
  visibility: visible;
}

.ua-pc .mainHeader .mainHeader__gnavItem--modalButton a:hover::before {
  top: -4px;
}

.ua-pc .mainHeader .mainHeader__gnavItem--modalButton a:hover::after {
  bottom: -4px;
}

.ua-pc .mainHeader .mainHeader__modal .mainHeader__gnavItem--modalButton a:hover::before {
  top: 50%;
}

.ua-pc .mainHeader .mainHeader__modal .mainHeader__gnavItem--modalButton a:hover::after {
  bottom: 50%;
}

body:before {
  content: "";
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  visibility: hidden;
}

.js__mainHeader__gnavItem--isSubMenuItemHover:before {
  background-color: rgba(255, 255, 255, 0.8);
  visibility: visible;
}

/* メインフッター */
.mainFooter {
  margin-top: auto;
}

.mainFooter a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
}

.mainFooter .mainFooter__row--01 {
  padding: 1rem 3rem 3rem;
  text-align: right;
}

.mainFooter .mainFooter__row--01 a {
  position: relative;
  z-index: 1;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
}

.mainFooter .mainFooter__row--01 a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-size: 100% 100%;
  background-position: left;
}

.mainFooter .mainFooter__row--01 a img {
  position: absolute;
  width: 38.333333333333333%;
  height: 21.666666666666667%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mainFooter .mainFooter__row--02 {
  position: relative;
  background-color: #3e657d;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.866666666666667;
  letter-spacing: 0.083333333333333em;
  padding: 0 4rem 2.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.mainFooter .mainFooter__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.8rem;
}

.mainFooter .mainFooter__menuItem {
  padding: 0 1.666666666666667em;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-left: -1px;
}

.mainFooter .mainFooter__copyright {
  margin: 2.8rem 0 0 auto;
  font-size: 83.333333333333333%;
  line-height: 2.24;
  letter-spacing: 0.083em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -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;
  min-height: 2.3em;
}

@media screen and (max-width: 768px) {
  .mainFooter .mainFooter__row--01 {
    padding: 0 2.2rem;
    margin-bottom: -3rem;
  }
  .mainFooter .mainFooter__row--02 {
    display: block;
  }
  .mainFooter .mainFooter__menu {
    display: block;
    padding-top: 4rem;
    margin-top: 0;
  }
  .mainFooter .mainFooter__menuItem {
    border: none;
    margin: 1.666666666666667em 0 0;
    padding: 0;
  }
  .mainFooter .mainFooter__menuItem:first-child {
    margin-top: 0;
  }
  .mainFooter .mainFooter__copyright {
    line-height: 2;
  }
}

@media screen and (max-width: 677px) {
  .mainFooter {
    padding-top: 7rem;
  }
}

/* Hoverアニメーション */
.ua-pc .mainFooter__row--01 a:hover {
  -webkit-box-shadow: 0 10px 18px 2px rgba(23, 178, 235, 0.1);
          box-shadow: 0 10px 18px 2px rgba(23, 178, 235, 0.1);
}

.ua-pc .mainFooter__row--01 a:hover::before {
  -webkit-filter: brightness(105%);
          filter: brightness(105%);
  background-size: 150% 100%;
}

.ua-pc .mainFooter__row--01 a:hover img {
  margin-top: -1rem;
}

/* パンクズリスト */
.breadcrumbsList {
  margin: 2rem 4rem;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: -0.4em;
  color: #1aa9e9;
}

.breadcrumbsList a {
  color: #1aa9e9;
  text-decoration: none;
}

@media screen and (max-width: 1366px) {
  .breadcrumbsList {
    margin: 2rem 2.928257686676428vw;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumbsList {
    margin: 1rem 1.5rem;
  }
}

.breadcrumbsList__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  letter-spacing: 0.1em;
}

.breadcrumbsList__item::before {
  content: "　＞　";
}

.breadcrumbsList__item:first-child::before {
  display: none;
}

/* トップページ */
/* トップページ キービジュアル */
.top .mainVisual {
  position: relative;
  z-index: 0;
  margin-top: 8.2rem;
}

.top .mainVisual .mainVisual__captionWrap {
  position: relative;
  z-index: 1;
}

.top .mainVisual #mainVisual__caption {
  width: 72.2rem;
  max-width: 90%;
}

.top .mainVisual #mainVisual__captionString__char--sp--01,
.top .mainVisual #mainVisual__captionString__char--01 {
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.top .mainVisual #mainVisual__captionString__char--sp--01.js__isActive,
.top .mainVisual #mainVisual__captionString__char--01.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--02,
.top .mainVisual #mainVisual__captionString__char--02 {
  opacity: 0;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.top .mainVisual #mainVisual__captionString__char--sp--02.js__isActive,
.top .mainVisual #mainVisual__captionString__char--02.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--03,
.top .mainVisual #mainVisual__captionString__char--03 {
  opacity: 0;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.top .mainVisual #mainVisual__captionString__char--sp--03.js__isActive,
.top .mainVisual #mainVisual__captionString__char--03.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--04,
.top .mainVisual #mainVisual__captionString__char--04 {
  opacity: 0;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.top .mainVisual #mainVisual__captionString__char--sp--04.js__isActive,
.top .mainVisual #mainVisual__captionString__char--04.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--05,
.top .mainVisual #mainVisual__captionString__char--05 {
  opacity: 0;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.top .mainVisual #mainVisual__captionString__char--sp--05.js__isActive,
.top .mainVisual #mainVisual__captionString__char--05.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--06,
.top .mainVisual #mainVisual__captionString__char--06 {
  opacity: 0;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.top .mainVisual #mainVisual__captionString__char--sp--06.js__isActive,
.top .mainVisual #mainVisual__captionString__char--06.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--07,
.top .mainVisual #mainVisual__captionString__char--07 {
  opacity: 0;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.top .mainVisual #mainVisual__captionString__char--sp--07.js__isActive,
.top .mainVisual #mainVisual__captionString__char--07.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--08,
.top .mainVisual #mainVisual__captionString__char--08 {
  opacity: 0;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.top .mainVisual #mainVisual__captionString__char--sp--08.js__isActive,
.top .mainVisual #mainVisual__captionString__char--08.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--09,
.top .mainVisual #mainVisual__captionString__char--09 {
  opacity: 0;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.top .mainVisual #mainVisual__captionString__char--sp--09.js__isActive,
.top .mainVisual #mainVisual__captionString__char--09.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--10,
.top .mainVisual #mainVisual__captionString__char--10 {
  opacity: 0;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.top .mainVisual #mainVisual__captionString__char--sp--10.js__isActive,
.top .mainVisual #mainVisual__captionString__char--10.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--11,
.top .mainVisual #mainVisual__captionString__char--11 {
  opacity: 0;
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.top .mainVisual #mainVisual__captionString__char--sp--11.js__isActive,
.top .mainVisual #mainVisual__captionString__char--11.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--12,
.top .mainVisual #mainVisual__captionString__char--12 {
  opacity: 0;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.top .mainVisual #mainVisual__captionString__char--sp--12.js__isActive,
.top .mainVisual #mainVisual__captionString__char--12.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--13,
.top .mainVisual #mainVisual__captionString__char--13 {
  opacity: 0;
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.top .mainVisual #mainVisual__captionString__char--sp--13.js__isActive,
.top .mainVisual #mainVisual__captionString__char--13.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--14,
.top .mainVisual #mainVisual__captionString__char--14 {
  opacity: 0;
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.top .mainVisual #mainVisual__captionString__char--sp--14.js__isActive,
.top .mainVisual #mainVisual__captionString__char--14.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--15,
.top .mainVisual #mainVisual__captionString__char--15 {
  opacity: 0;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.top .mainVisual #mainVisual__captionString__char--sp--15.js__isActive,
.top .mainVisual #mainVisual__captionString__char--15.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--16,
.top .mainVisual #mainVisual__captionString__char--16 {
  opacity: 0;
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.top .mainVisual #mainVisual__captionString__char--sp--16.js__isActive,
.top .mainVisual #mainVisual__captionString__char--16.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--17,
.top .mainVisual #mainVisual__captionString__char--17 {
  opacity: 0;
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.top .mainVisual #mainVisual__captionString__char--sp--17.js__isActive,
.top .mainVisual #mainVisual__captionString__char--17.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--18,
.top .mainVisual #mainVisual__captionString__char--18 {
  opacity: 0;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.top .mainVisual #mainVisual__captionString__char--sp--18.js__isActive,
.top .mainVisual #mainVisual__captionString__char--18.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--19,
.top .mainVisual #mainVisual__captionString__char--19 {
  opacity: 0;
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.top .mainVisual #mainVisual__captionString__char--sp--19.js__isActive,
.top .mainVisual #mainVisual__captionString__char--19.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--20,
.top .mainVisual #mainVisual__captionString__char--20 {
  opacity: 0;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.top .mainVisual #mainVisual__captionString__char--sp--20.js__isActive,
.top .mainVisual #mainVisual__captionString__char--20.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--21,
.top .mainVisual #mainVisual__captionString__char--21 {
  opacity: 0;
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.top .mainVisual #mainVisual__captionString__char--sp--21.js__isActive,
.top .mainVisual #mainVisual__captionString__char--21.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--22,
.top .mainVisual #mainVisual__captionString__char--22 {
  opacity: 0;
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}

.top .mainVisual #mainVisual__captionString__char--sp--22.js__isActive,
.top .mainVisual #mainVisual__captionString__char--22.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--23,
.top .mainVisual #mainVisual__captionString__char--23 {
  opacity: 0;
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}

.top .mainVisual #mainVisual__captionString__char--sp--23.js__isActive,
.top .mainVisual #mainVisual__captionString__char--23.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--24,
.top .mainVisual #mainVisual__captionString__char--24 {
  opacity: 0;
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.top .mainVisual #mainVisual__captionString__char--sp--24.js__isActive,
.top .mainVisual #mainVisual__captionString__char--24.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--25,
.top .mainVisual #mainVisual__captionString__char--25 {
  opacity: 0;
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}

.top .mainVisual #mainVisual__captionString__char--sp--25.js__isActive,
.top .mainVisual #mainVisual__captionString__char--25.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--26,
.top .mainVisual #mainVisual__captionString__char--26 {
  opacity: 0;
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}

.top .mainVisual #mainVisual__captionString__char--sp--26.js__isActive,
.top .mainVisual #mainVisual__captionString__char--26.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--27,
.top .mainVisual #mainVisual__captionString__char--27 {
  opacity: 0;
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

.top .mainVisual #mainVisual__captionString__char--sp--27.js__isActive,
.top .mainVisual #mainVisual__captionString__char--27.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--28,
.top .mainVisual #mainVisual__captionString__char--28 {
  opacity: 0;
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}

.top .mainVisual #mainVisual__captionString__char--sp--28.js__isActive,
.top .mainVisual #mainVisual__captionString__char--28.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--29,
.top .mainVisual #mainVisual__captionString__char--29 {
  opacity: 0;
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s;
}

.top .mainVisual #mainVisual__captionString__char--sp--29.js__isActive,
.top .mainVisual #mainVisual__captionString__char--29.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--30,
.top .mainVisual #mainVisual__captionString__char--30 {
  opacity: 0;
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.top .mainVisual #mainVisual__captionString__char--sp--30.js__isActive,
.top .mainVisual #mainVisual__captionString__char--30.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--31,
.top .mainVisual #mainVisual__captionString__char--31 {
  opacity: 0;
  -webkit-transition-delay: 3.1s;
          transition-delay: 3.1s;
}

.top .mainVisual #mainVisual__captionString__char--sp--31.js__isActive,
.top .mainVisual #mainVisual__captionString__char--31.js__isActive {
  opacity: 1;
}

.top .mainVisual #mainVisual__captionString__char--sp--32,
.top .mainVisual #mainVisual__captionString__char--32 {
  opacity: 0;
  -webkit-transition-delay: 3.2s;
          transition-delay: 3.2s;
}

.top .mainVisual #mainVisual__captionString__char--sp--32.js__isActive,
.top .mainVisual #mainVisual__captionString__char--32.js__isActive {
  opacity: 1;
}

.top .mainVisual #lottieWrap {
  position: relative;
  height: 48.6vw;
  margin-top: calc(-15.5% + 8.5rem);
}

@media screen and (max-width: 677px) {
  .top .mainVisual #lottieWrap {
    height: 142.6vw;
    margin-top: calc(-49% + 8.8rem);
  }
}

.top .mainVisual #lottieWrap__scrollText {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 14.8rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 1.2rem;
  line-height: 1.263157894736842;
  margin-bottom: 2.4%;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}

.top .mainVisual #lottieWrap__scrollText::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0.45em;
  width: 1px;
  background-color: #1aa9e9;
  opacity: 0;
  height: 0;
}

.top .mainVisual #lottieWrap__scrollText::after {
  content: "Scroll";
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  color: #1aa9e9;
  letter-spacing: 0.083333333333333em;
  padding-bottom: 1em;
  opacity: 0;
}

.top .mainVisual #lottieWrap__scrollText.js__isActive::before {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
  height: 14.8rem;
  opacity: 1;
}

.top .mainVisual #lottieWrap__scrollText.js__isActive::after {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
  opacity: 1;
}

.top .mainVisual #lottieWrap__scrollText.js__isActive--scrollLineAnimation::before {
  -webkit-animation: scrollLine 3.2s cubic-bezier(0, 0.56, 0.46, 1) infinite normal;
          animation: scrollLine 3.2s cubic-bezier(0, 0.56, 0.46, 1) infinite normal;
}

.top .mainVisual #lottie--pc {
  background-color: #fff;
  width: 100%;
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  min-height: 50.204976525821596vw;
}

@-webkit-keyframes scrollLine {
  0% {
    top: 100%;
    height: 14.8rem;
  }
  25% {
    top: calc(100% + 14.8rem);
    height: 0;
  }
  25.1% {
    top: 100%;
    height: 0;
  }
  50% {
    top: 100%;
    height: 14.8rem;
  }
  100% {
    top: 100%;
    height: 14.8rem;
  }
}

@keyframes scrollLine {
  0% {
    top: 100%;
    height: 14.8rem;
  }
  25% {
    top: calc(100% + 14.8rem);
    height: 0;
  }
  25.1% {
    top: 100%;
    height: 0;
  }
  50% {
    top: 100%;
    height: 14.8rem;
  }
  100% {
    top: 100%;
    height: 14.8rem;
  }
}

.top .mainVisual #lottie--pc {
  max-width: 100%;
  margin-left: auto;
}

.top .mainVisual #lottie--pc:after {
  content: "";
  display: block;
  margin-bottom: -9.4%;
}

.top .mainVisual #lottie--pc svg * {
  will-change: auto;
}

.top .mainVisual .mainVisual__captionAnimation {
  opacity: 0;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.top .mainVisual .mainVisual__captionAnimation.js__isActive {
  opacity: 1;
}

.top .mainVisual .mainVisual__captionReadText {
  margin-top: 4rem;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.153846153846154em;
  color: #1aa9e9;
  font-weight: 400;
}

@media screen and (max-width: 677px) {
  .top .mainVisual .mainVisual__captionReadText {
    font-size: 1.2rem;
    letter-spacing: 0.166666666666667em;
  }
}

.top .mainVisual .mainVisual__captionLink a {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 0 2.7em 0 0;
  letter-spacing: 0.077em;
  color: #1aa9e9;
  border-bottom: 1px solid #1aa9e9;
  text-decoration: none;
}

.top .mainVisual .mainVisual__captionLink a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 75%;
  width: 1.9em;
  height: 0.5em;
  -webkit-transform: translateY(-125%);
          transform: translateY(-125%);
  background-image: url(../svg/btn_arrow--blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 677px) {
  .top .mainVisual {
    margin-top: 4.4rem;
  }
  .top .mainVisual #mainVisual__caption {
    max-width: 100%;
    width: 24.5rem;
  }
  .top .mainVisual #lottieWrap__scrollText {
    display: none;
  }
  .top .mainVisual #lottie--pc svg {
    margin-top: 0;
  }
  .top #lottie--sp {
    margin-top: calc(-35% + 2.3rem);
    margin-bottom: calc(-36%);
    min-height: 178.266666666666667vw;
  }
}

.top {
  /* about */
  /* service */
  /* .top__row--serviceRow--02Caption */
  /* キャッシュレス決済サービス */
  /* 多種多様な業態・業界のために */
  /* サービスの特長 */
  /* 決済事業者の皆様のために */
  /* 導入実績 */
  /* 情報プロセシングサービス */
  /* 中小規模店舗のデジタル化を支援するオールインワンプラットフォーム */
  /* History */
  /* Strength */
  /* Message */
  /* News */
  /* フッター用 */
  /* アンカーリンク */
  /* タイムライン */
}

.top .contentView {
  max-width: 100%;
}

@media screen and (max-width: 1366px) {
  .top .contentView {
    width: 104rem;
  }
}

@media screen and (max-width: 1220px) {
  .top .contentView {
    max-width: 85.245901639344262%;
  }
}

@media screen and (max-width: 768px) {
  .top .contentView {
    max-width: 84vw;
    width: 84vw;
  }
}

.top .top__row {
  padding-top: 14rem;
}

.top .top__rowCategory {
  margin-bottom: 10rem;
}

.top .top__rowCategoryRead {
  font-size: 1.2rem;
  color: #1aa9e9;
  letter-spacing: 0.083333333333333em;
  line-height: 1.866666666666667;
  margin: -0.183333333333333em 0;
  padding-top: 0.833333333333333em;
}

.top .top__rowContentTitle {
  color: #1aa9e9;
  font-size: 1.8rem;
}

.top .top__rowContentTitleRead {
  letter-spacing: 0.055555555555556em;
  line-height: 1.6;
  margin: -0.161111111111111em 0;
  padding-bottom: 0.466666666666667em;
}

.top .top__rowContentTitleText {
  font-size: 211.111111111111111%;
  letter-spacing: 0.026315789473684em;
  line-height: 1.6;
}

.top .top__rowContentTitleTextSmall {
  font-size: 63.157894736842105%;
  letter-spacing: 0.02625em;
}

.top .top__rowContentInner {
  margin-left: 8.6538461538462%;
}

@media screen and (max-width: 1024px) {
  .top .top__rowContentInner {
    margin-left: calc(8.6538461538462% - (1024px - 100vw));
  }
}

@media screen and (max-width: 948.4667px) {
  .top .top__rowContentInner {
    margin-left: 0;
  }
}

/*英語TOPサービス部分画像位置調整追加 20240425ここから*/
.top .top__rowContentInneren {
  margin-left: 8.6538461538462%;
  margin-bottom: 25rem;	
}

@media screen and (max-width: 1024px) {
  .top .top__rowContentInneren {
    margin-left: calc(8.6538461538462% - (1024px - 100vw));
	margin-bottom: 10rem;  
  }
}

@media screen and (max-width: 948.4667px) {
  .top .top__rowContentInneren{
    margin-left: 0;
    margin-bottom: 0;	  
  }
}
/*英語TOPサービス部分画像位置調整追加 20240425ここまで*/

@media screen and (max-width: 677px) {
  .top .top__row {
    padding-top: 13rem;
  }
  .top .top__rowContentTitle {
    font-size: 1.6rem;
  }
  .top .top__rowContentTitleRead {
    letter-spacing: 0.0625em;
    margin: 0.4px 0;
    padding-bottom: 1.25em;
  }
  .top .top__rowContentTitleText {
    font-size: 175%;
    letter-spacing: 0.035714285714286em;
    margin: -0.239285714285714em 0;
  }
}

.top .top__row--aboutBannerImage {
  max-width: 86rem;
  width: 86rem;
  margin: 4rem 0;
  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;
}

.top .top__row--aboutBannerImage .top__row--aboutBannerImageItem {
  width: 30.232558139534884%;
}

.top .top__row--aboutBannerImage .top__row--aboutBannerImageItem img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .top .top__row--aboutBannerImage {
    max-width: none;
    width: auto;
    width: calc(100% + 9.473684210526316% - (1024px - 100vw));
    /*margin-right: -8.6538461538462%;
      margin-right: -9.473684210526316%;*/
  }
}

@media screen and (max-width: 948.4667px) {
  .top .top__row--aboutBannerImage {
    width: 100%;
  }
}

@media screen and (max-width: 677px) {
  .top .top__row--aboutBannerImage {
    display: block;
    margin-right: 0;
  }
  .top .top__row--aboutBannerImage .top__row--aboutBannerImageItem {
    width: 100%;
    margin-top: 3rem;
  }
  .top .top__row--aboutBannerImage .top__row--aboutBannerImageItem:first-child {
    margin-top: 0;
  }
}

.top .top__row--aboutBannerText {
  font-size: 1.5rem;
  letter-spacing: 0.033333333333333em;
  line-height: 2.2;
  width: 59rem;
  max-width: 100%;
}

.top .top__row--aboutLink {
  margin-top: 4rem;
}

.top .top__row--service {
  margin-top: 10rem;
}

.top .top__row--serviceMainvisual {
  position: relative;
  z-index: 0;
  width: 66.98389458272328vw;
  margin-left: auto;
}

@media screen and (max-width: 1366px) {
  .top .top__row--serviceMainvisual {
    width: 91.5rem;
  }
}

@media screen and (max-width: 915px) {
  .top .top__row--serviceMainvisual {
    margin-left: calc(100vw - 915px);
  }
}

.top .top__row--serviceMainvisualCircle {
  position: relative;
  z-index: -1;
  display: block;
  width: 121.748633879781421%;
  padding-top: 52.459016393442623%;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  margin-top: 12.568306010928962%;
}

@media screen and (max-width: 1220px) {
  .top .top__row--serviceMainvisualCircle {
    margin-top: 21.568%;
  }
}

.top .top__row--serviceMainvisualItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 32.896174863387978%;
}

.top .top__row--serviceMainvisualItemImage {
  position: relative;
  z-index: 1;
}

.top .top__row--serviceMainvisualItemImage img {
  width: 100%;
}

.top .top__row--serviceMainvisualItemContent {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 93.355481727574751%;
  padding: 20.930232558139535% 0 0 6.644518272425249%;
  padding: 20.930232558139535% 0 0 5%;
  font-weight: 500;
  font-size: 1rem;
  color: #1aa9e9;
}

.top .top__row--serviceMainvisualItemContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7.092526690391459%;
  padding-top: 24.665480427046263%;
  border-left: 2px solid #1aa9e9;
  border-bottom: 2px solid #1aa9e9;
}

.top .top__row--serviceMainvisualItemContentRow {
  position: relative;
  margin-top: 1em;
}

.top .top__row--serviceMainvisualItemContentRow:first-child {
  margin: 0;
}

.top .top__row--serviceMainvisualItemContentLabel {
  display: inline-block;
  vertical-align: bottom;
  background-color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 0 0.2em 0.25em;
}

.top .top__row--serviceMainvisualItemContentCaption {
  display: inline-block;
  vertical-align: bottom;
  background-color: #fff;
  font-size: 160%;
  line-height: 1.6875;
  letter-spacing: 0.0625em;
  padding: 0 0.4em 0 0.125em;
}

.top .top__row--serviceMainvisualItemContentBody {
  display: inline-block;
  vertical-align: bottom;
  background-color: #fff;
  font-weight: 400;
  font-size: 120%;
  letter-spacing: 0.083333333333333em;
  line-height: 2;
  padding: 0 0.166666666666667em;
}

.top .top__row--serviceMainvisualItem--01 {
  margin: -6% 0 0 17.377049180327869%;
}

.top .top__row--serviceMainvisualItem--01 .top__row--serviceMainvisualItemContent {
  margin: 102% 0 0 58.718861209964413%;
}

.top .top__row--serviceMainvisualItem--02 {
  margin: -20% 0 0 55.956284153005464%;
}

.top .top__row--serviceMainvisualItem--02 .top__row--serviceMainvisualItemContent {
  margin: 120% 0 0 26.578073089700997%;
}

.top .top__row--historyRead,
.top .top__row--serviceRead {
  font-size: 1.5rem;
  letter-spacing: 0.033333333333333em;
  line-height: 2.2;
  width: 50rem;
  max-width: 100%;
  margin-top: 4rem;
}

@media screen and (max-width: 768px) {
  .top .top__row--historyRead,
  .top .top__row--serviceRead {
    width: 100%;
  }
}

.top .top__row--historyBody .top__rowContentTitle {
  max-width: 100%;
  width: 50rem;
}

@media screen and (max-width: 768px) {
  .top .top__row--historyBody .top__rowContentTitle {
    width: 100%;
  }
}

.top .top__row--serviceLink {
  margin-top: 1rem;
  margin-right: -4rem;
}

.top .top__row--serviceLink .elementButton {
  vertical-align: middle;
  margin: 3rem 4rem 0 0;
  height: 5.46rem;
}

@media screen and (max-width: 677px) {
  .top .top__row--serviceLink .elementButton {
    margin-right: 0;
  }
}

.top .top__row--serviceRow--02Caption {
  margin-top: 24rem;
  font-size: 3.6rem;
  font-weight: 500;
  color: #0fa5e8;
  line-height: 1.777777777777778;
  letter-spacing: 0.027777777777778em;
}

.top .top__row--serviceRow--02CaptionText {
  display: block;
}

.top .top__row--serviceRow--02CaptionText + .top__row--serviceRow--02CaptionText {
  opacity: 0;
}

.top .top__row--serviceRow--02CaptionText.js__isActive + .top__row--serviceRow--02CaptionText {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.top .top__row--serviceRow--02CaptionBackgroundBlue {
  position: relative;
  z-index: 0;
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  font-size: 200%;
  line-height: 1;
  letter-spacing: 0.013888888888889em;
  padding: 0.138888888888889em;
  border-radius: 2rem;
  overflow: hidden;
}

.top .top__row--serviceRow--02CaptionBackgroundBlue:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
}

.top .top__row--servicListCaption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 4.2rem;
  color: #1aa9e9;
}

.top .top__row--servicListCaptionLabel {
  margin-right: 0.619047619047619em;
}

.top .top__row--servicListCaptionText {
  margin-top: 0.619047619047619em;
  line-height: 1.447619047619048;
  letter-spacing: 0.026428571428571em;
}

.top .top__row--servicListCaptionText span {
  display: inline-block;
}

@media screen and (max-width: 677px) {
  .top .top__row--servicListCaptionText {
    width: 100%;
  }
}

.top .top__row--servicList {
  width: 86rem;
  max-width: 84%;
  margin: 24rem auto 0;
}

.top .top__row--servicListItem--group {
  overflow: hidden;
  border-radius: 2rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b9ecfe), to(#8fdaff));
  background-image: -webkit-linear-gradient(top, #b9ecfe 0%, #8fdaff 100%);
  background-image: linear-gradient(180deg, #b9ecfe 0%, #8fdaff 100%);
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  margin-top: 15rem;
  padding: 10rem 0 10rem;
}

.top .top__row--servicListItem--group .top__row--servicListItem {
  margin-top: 15rem;
}

.top .top__row--servicListItem--group .top__row--servicListItem:first-child {
  margin-top: 0;
}

.top .top__row--servicListItem--group .top__row--servicListItemInner {
  padding-top: 0;
  padding-bottom: 0;
}

.top .top__row--servicListItem--group .top__row--servicListItem {
  background-image: none;
}

.top .top__row--servicListItem {
  /*background-image: linear-gradient(180deg, #b9ecfe 0%, #8fdaff 100%);*/
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  border-radius: 2rem;
  margin-top: 15rem;
}

.top .top__row--servicListItem--skyblue {
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
}

.top .top__row--servicListItemInner {
  padding: 3rem 10.465116279069767%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top .top__row--servicListItemInner--displayBlock {
  display: block;
  padding-top: 6rem;
  padding-bottom: 7rem;
}

.top .top__row--servicListItemInner--displayBlock > [class*="top__row--servicListItem"] {
  width: 100%;
}

.top .top__row--servicListItemImage {
  position: relative;
  width: 47.058823529411765%;
}

.top .top__row--servicListItemImage .top__row--servicListItemImageGifItem {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.top .top__row--servicListItemImage img {
  width: 100%;
}

.top .top__row--servicListItemContent {
  width: 51.176470588235294%;
  width: 47.058823529411765%;
}

.top .top__row--servicListItemContentLabel span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  z-index: 0;
  overflow: hidden;
  font-size: 3.4rem;
  line-height: 1.3;
  border-radius: 2rem;
  overflow: hidden;
  padding: 0.263157894736842em;
  font-weight: 500;
}

.top .top__row--servicListItemContentLabel span:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
}

.top .top__row--servicListItemContentText {
  color: #1aa9e9;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.041666666666667em;
  font-weight: 500;
  margin-top: 1.2em;
}

.top .top__row--servicListItem--skyblue .top__row--servicListItemContentText {
  font-size: 2rem;
  line-height: 1.45;
  margin-top: 1em;
}

.top .top__row--servicListItemContentCaption {
  font-size: 2.2rem;
  line-height: 1.6;
  letter-spacing: 0.045454545454545em;
  color: #3e657d;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.top * + .top__row--servicListItemContentCaption {
  margin-top: 1.363636363636364em;
}

.top .top__row--servicListItemContentCaption--mainColor {
  color: #1aa9e9;
}

.top .top__row--servicListItemContentRead {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.033333333333333em;
}

.top * + .top__row--servicListItemContentRead {
  margin-top: 2em;
}

.top .top__row--servicListItemContentLink {
  margin-top: 3rem;
}

.top .top__row--servicListItemContentLink .elementButton--main {
  min-width: 0;
  width: 23rem;
}

@media screen and (max-width: 677px) {
  .top .top__row--service {
    margin-top: 7rem;
  }
  .top .top__rowContentTitleText {
    font-size: 187.5%;
    letter-spacing: 0.026333333333333em;
    margin: -0.35em 0;
  }
  .top .top__rowContentTitleTextSmall {
    font-size: 66.666666666666667%;
    letter-spacing: 0.0265em;
    line-height: 2.4;
  }
  .top .top__row--serviceMainvisual {
    position: relative;
    max-width: 75vmax;
    width: 100%;
    padding-bottom: 2.7rem;
    margin: 0 auto;
  }
  .top .top__row--serviceMainvisualCircle {
    position: absolute;
    top: 13rem;
    left: 0;
    margin-left: -110.666666666666667vmin;
    width: 333.866666666666667vmin;
    padding: 0;
    bottom: 0;
  }
  .top .top__row--serviceMainvisualItem {
    position: relative;
    width: 100%;
  }
  .top .top__row--serviceMainvisualItemImage {
    width: 80.266666666666667vmin;
    text-align: center;
    margin: 0 auto;
  }
  .top .top__row--serviceMainvisualItemContent {
    position: relative;
    z-index: 1;
    width: 74.933333333333333vmin;
    width: 75.8vmin;
    padding-top: 0;
  }
  .top .top__row--serviceMainvisualItemContentInner {
    padding-top: 17.5vmin;
  }
  .top .top__row--serviceMainvisualItem--01 {
    margin: -10.782747603833866% 0 0 36.10223642172524%;
    margin: 8.5rem 0 0;
  }
  .top .top__row--serviceMainvisualItem--01 .top__row--serviceMainvisualItemContent {
    margin: 81.727574750830565% 0 0 18.93687707641196%;
    margin: -20vmin 0 0 -25.2vmin;
    left: 49%;
  }
  .top .top__row--serviceMainvisualItem--02 {
    margin: -2rem 0 0 0;
  }
  .top .top__row--serviceMainvisualItem--02 .top__row--serviceMainvisualItemImage {
    text-align: left;
    margin: 0 0 0 -2.4vmin;
  }
  .top .top__row--serviceMainvisualItem--02 .top__row--serviceMainvisualItemContent {
    margin: 89.041095890410959% 0 0 13.698630136986301%;
    margin: 86% 0 0 13.698630136986301%;
    margin: -21.066666666666667vmin 0 0 8.266666666666667vmin;
  }
  .top .top__row--serviceRow--02Caption {
    font-size: 2.8rem;
    letter-spacing: 0.027857142857143em;
  }
  .top .top__row--serviceRow--02CaptionBackgroundBlue {
    letter-spacing: 0.013928571428571em;
    line-height: 1.053571428571429;
    padding: 0.089285714285714em 0.178571428571429em;
  }
  .top .top__row--servicList {
    margin-top: 20rem;
  }
  .top .top__row--servicListItem {
    background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
    background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  }
  .top .top__row--servicListItemInner {
    padding: 6.349206349206349% 6.349206349206349% 9.523809523809524%;
    display: block;
  }
  .top .top__row--servicListItemImage,
  .top .top__row--servicListItemContent {
    width: 100%;
  }
  .top .top__row--servicListItemContent {
    margin-top: 3rem;
  }
  .top .top__row--servicListItem--skyblue .top__row--servicListItemContentText {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 0.8em;
    letter-spacing: 0.03125em;
  }
  .top .top__row--servicListItemContentLabel span {
    font-size: 3rem;
    line-height: 1.426666666666667;
    padding: 0.09em 0.333333333333333em;
    letter-spacing: 0.026333333333333em;
  }
  .top .top__row--servicListItemContentCaption {
    font-size: 1.8rem;
    letter-spacing: 0.055555555555556em;
    margin: -0.288888888888889em 0;
  }
  .top * + .top__row--servicListItemContentCaption {
    margin-top: 1.077777777777778em;
  }
  .top .top__row--servicListItemContentLink .elementButton--main {
    width: 73.333333333333333vmin;
  }
  .top .top__row--servicListItemContentText {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.03125em;
    margin-top: 1.25em;
  }
}

.top .top__row--servicListWrap--01 {
  margin-top: 24rem;
}

@media screen and (max-width: 677px) {
  .top .top__row--servicListWrap--01 {
    margin-top: 18rem;
  }
  .top .top__row--servicListCaption {
    padding-top: 2rem;
    font-size: 3rem;
  }
  .top .top__row--servicListCaptionLabel {
    line-height: 0;
  }
}

.top .top__row--servicListItem--03 .top__row--servicListItemContent {
  width: 51.176470588235294%;
}

@media screen and (max-width: 677px) {
  .top .top__row--servicListItem--03 .top__row--servicListItemContent {
    width: 100%;
  }
}

.top .top__row--servicListItem--characteristic {
  background-image: none;
}

.top .top__row--servicListItemInner--characteristic {
  display: block;
  max-width: 100%;
  width: 77rem;
  padding: 0;
  margin-left: auto;
}

.top .top__row--servicListItemCharacteristicList {
  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-top: 4rem;
}

.top .top__row--servicListItemCharacteristicListItem {
  width: 29.87012987012987%;
}

.top .top__row--servicListItemCharacteristicListItemFigureImage {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 17.2rem;
  /*background-image: linear-gradient(180deg, #b9ecfe 0%, #8fdaff 100%);*/
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  border-radius: 2rem;
}

.top .top__row--servicListItemCharacteristicListItemFigureCaption {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.066666666666667em;
  margin: -0.2em 0;
  padding-top: 0.666666666666667em;
}

.top .top__row--servicListItemCharacteristicListItemFigureImage--easyPayment,
.top .top__row--servicListItemCharacteristicListItemFigureImage--attractingCustomers,
.top .top__row--servicListItemCharacteristicListItemFigureImage--dataManagement {
  height: 23rem;
}

.top .top__row--servicListItemCharacteristicListItemFigureImage--easyPayment img {
  max-width: 76.08695652173913%;
  width: 17.5rem;
}

.top .top__row--servicListItemCharacteristicListItemFigureImage--attractingCustomers img {
  max-width: 72.173913043478261%;
  width: 16.6rem;
  -webkit-transform: translate(-5%, -7.8%);
          transform: translate(-5%, -7.8%);
}

.top .top__row--servicListItemCharacteristicListItemFigureImage--dataManagement img {
  max-width: 70%;
  width: 16.1rem;
}

@media screen and (max-width: 677px) {
  .top .top__row--servicListItem--characteristic .top__row--servicListItemContentLink .elementButton--main {
    width: 84vmin;
  }
  .top .top__row--servicListItemCharacteristicList {
    display: block;
  }
  .top .top__row--servicListItemCharacteristicListItem {
    width: 100%;
    margin-top: 3rem;
  }
  .top .top__row--servicListItemCharacteristicListItem:first-child {
    margin-top: 0;
  }
  .top .top__row--servicListItemCharacteristicListItemFigureImage {
    height: 14rem;
  }
  .top .top__row--servicListItemCharacteristicListItemFigureCaption {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.066666666666667em;
    margin: -0.2em 0;
    padding-top: 0.666666666666667em;
  }
  .top .top__row--servicListItemCharacteristicListItemFigureImage--easyPayment,
  .top .top__row--servicListItemCharacteristicListItemFigureImage--attractingCustomers,
  .top .top__row--servicListItemCharacteristicListItemFigureImage--dataManagement {
    height: 23rem;
  }
  .top .top__row--servicListItemCharacteristicListItemFigureImage--easyPayment img {
    max-width: 76.08695652173913%;
    width: 17.5rem;
  }
  .top .top__row--servicListItemCharacteristicListItemFigureImage--attractingCustomers img {
    max-width: 72.173913043478261%;
    width: 16.6rem;
    -webkit-transform: translate(-5%, -7.8%);
            transform: translate(-5%, -7.8%);
  }
  .top .top__row--servicListItemCharacteristicListItemFigureImage--dataManagement img {
    max-width: 70%;
    width: 16.1rem;
  }
}

.top .top__row--servicListItem--07 .top__row--servicListItemContent {
  width: 51.176470588235294%;
}

@media screen and (max-width: 677px) {
  .top .top__row--servicListItem--07 .top__row--servicListItemContent {
    width: 100%;
  }
}

.top .top__row--servicListItem--09 .top__row--servicListItemContentCaption {
  margin: 0;
}

.top .top__row--servicListItem--09 .top__row--servicListItemImage {
  margin-top: 3rem;
}

.top .top__row--servicListItem--09 .top__row--servicListItemContentLink {
  margin-top: 2.7rem;
}

.top .top__row--servicListWrap--02 {
  margin-top: 20rem;
}

@media screen and (max-width: 677px) {
  .top .top__row--servicListWrap--02 {
    margin-top: 19rem;
  }
}

.top .top__row--servicListWrap--02 .top__row--servicList {
  margin-top: 20rem;
}

.top .top__row--servicListItem--10 .top__row--servicListItemInner {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.top .top__row--servicListItem--10 .top .top__row--servicListItemImage {
  width: 45.147058823529412%;
}

.top .top__row--servicListItem--11 .top__row--servicListItemInner {
  padding-top: 5.7rem;
  padding-bottom: 6.3rem;
}

.top .top__row--servicListItem--11 .top__row--servicListItemImage {
  width: 32.647058823529412%;
}

.top .top__row--servicListItem--11 .top__row--servicListItemContent {
  width: 52.205882352941176%;
  min-width: 32.1rem;
}

@media screen and (max-width: 677px) {
  .top .top__row--servicListItem--11 .top__row--servicListItemContent {
    min-width: 0;
  }
}

.top .top__row--servicListItem--11 .top__row--servicListItemContentCaption {
  letter-spacing: 0.041666666666667em;
}

.top .top__row--servicListItem--11 .top__row--servicListItemContentCaption {
  letter-spacing: 0.041666666666667em;
}

.top .top__row--servicListItem--11 .top__row--servicListItemContentLink {
  margin-top: 2.5rem;
}

@media screen and (max-width: 677px) {
  .top .top__row--servicListItem--11 .top__row--servicListItemInner {
    padding-top: 9.523809523809524%;
    padding-bottom: 9.523809523809524%;
  }
  .top .top__row--servicListItem--11 .top__row--servicListItemImage {
    width: 59.2vmin;
    margin: 0 auto;
  }
  .top .top__row--servicListItem--11 .top__row--servicListItemContent {
    width: 100%;
  }
  .top .top__row--servicListItem--11 .top__row--servicListItemContentCaption {
    letter-spacing: 0.041666666666667em;
  }
  .top .top__row--servicListItem--11 .top__row--servicListItemContentCaption {
    letter-spacing: 0.041666666666667em;
  }
  .top .top__row--servicListItem--11 .top__row--servicListItemContentLink {
    margin-top: 2.5rem;
  }
}

.top .top__row--history {
  margin-top: 10rem;
}

.top .top__row--history .top__rowCategoryRead {
  margin-top: -1.4em;
}

.top .top__row--history .top__rowContentTitleRead {
  padding-bottom: 1.666666666666667em;
}

.top .top__row--historyContent {
  position: relative;
}

.top .top__row--historyMainvisual {
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 41.361639824304539vw;
  margin-right: -50vw;
}

.top .top__row--historyMainvisual img {
  width: 100%;
  -webkit-transform: translateX(-1rem);
          transform: translateX(-1rem);
}

@media screen and (max-width: 768px) {
  .top .top__row--historyMainvisual {
    position: static;
    width: 100%;
    margin: 0 0 4rem 0;
  }
  .top .top__row--historyMainvisual img {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media screen and (max-width: 677px) {
  .top .top__row--historyMainvisual {
    width: auto;
    margin: 0 -8vw 4rem;
    text-align: center;
  }
  .top .top__row--historyMainvisual img {
    width: 100vmin;
  }
}

.top .top__row--strength {
  margin-top: 10rem;
}

.top .top__row--strength .top__rowContentTitleText {
  width: 77rem;
  max-width: 100%;
}

.top .top__row--strength .top__rowCategoryRead {
  margin-top: -1.4em;
}

.top .top__row--strengthList {
  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-top: 6rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.top .top__row--strengthListItem {
  width: 30.232558139534884%;
}

.top .top__row--strengthListItemFigure {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em 1.333333333333333em;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  color: #1aa9e9;
  border-radius: 2rem;
}

.top .top__row--strengthListItemFigureCaption {
  font-size: 120%;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.top .top__row--strengthListItemBody {
  line-height: 2;
  letter-spacing: 0.066666666666667em;
  margin-top: 1.333333333333333em;
  width: 23rem;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .top .top__row--strengthListItemBody {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .top .top__row--strengthList {
    display: block;
    margin-top: 4rem;
  }
  .top .top__row--strengthListItem {
    width: 100%;
    margin-top: 2rem;
  }
  .top .top__row--strengthListItem:first-child {
    margin-top: 0;
  }
  .top .top__row--strengthListItemFigure {
    padding: 5.172413793103448% 6.896551724137931%;
  }
  .top .top__row--strengthListItemFigureCaption {
    font-size: 5.291080280172414vmin;
  }
  .top .top__row--strengthListItemFigure img {
    width: 40%;
  }
}

@media screen and (max-width: 677px) {
  .top .top__row--strength {
    margin-top: 7rem;
  }
  .top .top__row--strengthList {
    margin-top: 6rem;
  }
  .top .top__row--strengthListItem {
    margin-top: 4rem;
  }
}

.top .top__row--message {
  margin-top: 10rem;
}

.top .top__row--message .top__rowCategoryRead {
  margin-top: -1.4em;
}

.top .top__row--message .top__rowContentTitle {
  width: 49rem;
  max-width: 56.976744186046512%;
}

.top .top__row--messageUser {
  font-size: 2.4rem;
  margin-top: 0.416666666666667em;
  line-height: 2.533333333333333;
  letter-spacing: 0.041666666666667em;
}

.top .top__row--messageUserPosition {
  font-size: 50%;
  letter-spacing: 0.026666666666667em;
  margin-right: 0.833333333333333em;
}

.top .top__row--message .top__rowContent {
  background-image: url(../jpg/top__row--messageimage.jpg);
  background-size: cover;
  background-position: center right 30%;
  padding: 9.4rem 0;
}

@media screen and (max-width: 677px) {
  .top .top__row--message {
    margin-top: 7rem;
  }
  .top .top__row--message .top__rowContent {
    background-image: none;
    padding: 0;
  }
  .top .top__row--message .top__rowContentTitle {
    width: 100%;
    max-width: 100%;
  }
  .top .top__row--message .top__rowContentTitleText {
    font-size: 2.5rem;
    line-height: 1.792;
    letter-spacing: 0.0356em;
    margin: -0.332em 0;
  }
  .top .top__row--messageUser {
    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;
    width: auto;
    margin: 3rem -8vw 0;
    height: 56.234666666666667vw;
    padding: 0 0 0 8vw;
    background-image: url(../jpg/top__row--messageimage-2.jpg);
    background-size: cover;
    background-position: center;
  }
}

.top .top__row--news {
  margin-top: 10rem;
}

.top .top__row--newsListItem {
  margin-top: 6.7rem;
}

.top .top__row--newsListItem:first-child {
  margin-top: 0;
}

.top .top__row--newsListItemCaption {
  font-size: 1.8rem;
  line-height: 1.6;
  letter-spacing: 0.055555555555556em;
  margin-bottom: 1.111111111111111em;
  font-weight: 500;
  color: #3e657d;
}

.top .top__row--newsList {
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  padding: 6rem 0 12rem;
  margin-bottom: -10rem;
}

@media screen and (max-width: 677px) {
  .top .top__row--news {
    margin-top: 7rem;
  }
  .top .top__row--newsList {
    padding-bottom: 20rem;
  }
}

.top .mainContent__inner {
  margin-bottom: -10rem;
  padding-bottom: 10rem;
}

.top .top__row--servicListAnchorlinkTimelineItem {
  position: fixed;
  z-index: 999;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlink {
  left: 0;
  margin: 0 0 2rem 2rem;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlink.js__isActive {
  opacity: 1;
  visibility: visible;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem {
  font-size: 1rem;
  opacity: 0.5;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive {
  opacity: 1;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive:first-child a {
  color: #fff;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  padding: 6.5px 4px;
  border-radius: 4px;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive:first-child a svg path {
  fill: #fff;
}

@media screen and (max-width: 768px) {
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive:first-child a {
    background-image: none;
    padding: 1em 2em;
  }
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive:last-child a {
  color: #fff;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  padding: 6.5px 4px;
  border-radius: 4px;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive:last-child a svg path {
  fill: #fff;
}

@media screen and (max-width: 768px) {
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive:last-child a {
    background-image: none;
    padding: 1em 2em;
  }
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem:first-child {
  margin-bottom: 2rem;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem:last-child {
  margin-top: 2rem;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem--text {
  margin-top: 1rem;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem--text a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #1aa9e9;
  letter-spacing: -0.02em;
  text-decoration: none;
  line-height: 1.5;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem--text a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  left: 0;
  top: 50%;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  margin-left: 2px;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem--text.js__isActive a {
  color: #fff;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  padding: 4px;
  border-radius: 4px;
  -webkit-transform: scale(1);
          transform: scale(1);
  padding-left: 2em;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem--text.js__isActive a:before {
  width: 1.179em;
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 768px) {
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem--text.js__isActive a {
    background-image: none;
    padding: 1em 2em;
  }
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkPullDownButton {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 1rem 4rem 1rem 1rem;
  line-height: 1.5;
  white-space: nowrap;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkPullDownButton::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2em;
  width: 1.2em;
  height: 1.2em;
  background-image: url(../svg/btn_pulldown.svg);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkPullDownButtonLabel01 {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5em 1em;
  background-color: #fff;
  border-radius: 2.5em;
  color: #1aa9e9;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  margin: -0.1em -3em -0.1em 0;
}

.top .top__row--servicListAnchorlinkTimelineItem--anchorlinkPullDownButtonLabel02 {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlink {
    bottom: auto;
    top: 5.5rem;
    width: 100%;
    margin: 0;
    background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
    background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlink a {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkList {
    display: none;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem {
    margin: 0;
    opacity: 1;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem:first-child {
    margin: 1em 0 0;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem:last-child {
    margin: 0 0 3em;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem a {
    display: block;
    padding: 1em 2em;
    font-size: 120%;
    line-height: 1.5;
    letter-spacing: 0.041666666666667em;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive {
    opacity: 0.5;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem.js__isActive a::before {
    display: none;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem--text a {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.top .top__row--servicListAnchorlinkTimelineItem--timeline {
  right: 0;
  font-size: 1rem;
  color: #1aa9e9;
  margin-bottom: 1rem;
  padding-right: 2rem;
}

.top .top__row--servicListAnchorlinkTimelineItem--timeline::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1em;
  height: 7.1em;
  border-radius: 1em;
  background-color: #1aa9e9;
  margin-top: 1.2em;
}

.top .top__row--servicListAnchorlinkTimelineItem--timeline[data-rightbar="2"]::before {
  margin-top: 6.5em;
}

.top .top__row--servicListAnchorlinkTimelineItem--timeline[data-rightbar="3"]::before {
  margin-top: 11.4em;
}

.top .top__row--servicListAnchorlinkTimelineItem--timeline.js__isActive {
  opacity: 1;
  visibility: visible;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItem {
  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;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItemText {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 6.9em;
  line-height: 1.2;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItemText span {
  opacity: 0.5;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon {
  position: relative;
  width: 5rem;
  height: 5rem;
  padding: 2.1rem;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3.3rem;
  background-color: #1aa9e9;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItem:first-child .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon:before {
  display: none;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon span {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #1aa9e9;
  border-radius: 50%;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItem.js__active .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon,
.top .top__row--servicListAnchorlinkTimelineItem--timelineItem.js__on .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon {
  padding: 1.6rem;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItem.js__active .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon span,
.top .top__row--servicListAnchorlinkTimelineItem--timelineItem.js__on .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon span {
  border-width: 4px;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItem.js__active .top__row--servicListAnchorlinkTimelineItem--timelineItemText span,
.top .top__row--servicListAnchorlinkTimelineItem--timelineItem.js__on .top__row--servicListAnchorlinkTimelineItem--timelineItemText span {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  color: #fff;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  padding: 4px;
  font-size: 1.1rem;
  border-radius: 4px;
}

.top .top__row--servicListAnchorlinkTimelineItem--timelineItem.js__on .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon span {
  background-color: #1aa9e9;
}

@media screen and (max-width: 768px) {
  .top .top__row--servicListAnchorlinkTimelineItem--timeline {
    width: 100%;
    background-color: #fff;
    margin: 0;
    padding: 0 3rem;
    height: 6.6rem;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--timeline::before {
    display: none;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--timelineList {
    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;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--timelineItem {
    position: relative;
    display: block;
    margin-top: -6px;
    width: 5rem;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--timelineItem:before {
    content: "";
    position: absolute;
    width: calc((100vw - 6rem) / 3 - 3.4rem);
    height: 3px;
    background-color: #1aa9e9;
    top: 2.5rem;
    left: 50%;
    -webkit-transform: translate(9px, -50%);
            transform: translate(9px, -50%);
  }
  .top .top__row--servicListAnchorlinkTimelineItem--timelineItem:last-child:before {
    display: none;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--timelineItemText {
    position: relative;
    left: 50%;
    text-align: center;
    width: 8.5rem;
    -webkit-transform: translate(-50%, -1em);
            transform: translate(-50%, -1em);
  }
  .top .top__row--servicListAnchorlinkTimelineItem--timelineItemText span {
    display: block;
    -webkit-transform-origin: top center;
            transform-origin: top center;
    width: 100%;
  }
  .top .top__row--servicListAnchorlinkTimelineItem--timelineItemIcon::before {
    display: none;
  }
}

.ua-sp .top .top__row--history .top__row--historyBody .top__rowContentTitle {
  width: 100%;
}

.ua-sp .top .top__row--history .top__row--historyMainvisual {
  position: static;
  width: auto;
  margin: 0 -8vw 4rem;
  text-align: center;
}

.ua-sp .top .top__row--history .top__row--historyMainvisual img {
  width: 100vmin;
}

.ua-sp .top .top__row--history .top__row--historyRead {
  width: 100%;
}

/* 下層ページ メインビジュアル */
.subpageMainvisual {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #fff;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  margin-bottom: 10rem;
}

.subpageMainvisual .subpageMainvisual__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  min-height: 27.4rem;
  padding: 7rem 0 10rem;
}

.subpageMainvisual .subpageMainvisual__caption {
  font-size: 4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}

.subpageMainvisual .subpageMainvisual__read {
  font-size: 1.6rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  margin-top: 2rem;
}

@media screen and (max-width: 677px) {
  .subpageMainvisual .subpageMainvisual__inner {
    min-height: 27rem;
    padding: 4rem 0 6rem;
  }
  .subpageMainvisual .subpageMainvisual__caption {
    font-size: 3.2rem;
  }
}

/* subpageMainvisualLinkList */
.subpageMainvisual + .subpageMainvisualLinkList__wrap {
  margin-top: -14rem;
}

@media screen and (max-width: 677px) {
  .subpageMainvisual + .subpageMainvisualLinkList__wrap {
    margin-top: -13rem;
  }
}

.subpageMainvisualLinkList__wrap {
  margin-bottom: 10rem;
}

.subpageMainvisualLinkList {
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  border-radius: 2rem;
  font-size: 1.2rem;
  padding: 0.833333333333333em 3.333333333333333em 2.5em 1.666666666666667em;
  line-height: 1.5;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.subpageMainvisualLinkList a {
  position: relative;
  color: #1aa9e9;
  text-decoration: none;
  padding-right: 1.333333333333333em;
  display: inline-block;
}

.subpageMainvisualLinkList a::before {
  content: "";
  position: absolute;
  width: 0.666666666666667em;
  height: 1.083333333333333em;
  background-image: url(../svg/arrow_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.subpageMainvisualLinkList .subpageMainvisualLinkList__item {
  margin: 1.666666666666667em 0 0 1.666666666666667em;
}

@media screen and (max-width: 677px) {
  .subpageMainvisualLinkList {
    padding: 1.666666666666667em 2.5em;
    display: block;
  }
  .subpageMainvisualLinkList .subpageMainvisualLinkList__item {
    margin: 1.666666666666667em 0 0;
  }
  .subpageMainvisualLinkList .subpageMainvisualLinkList__item:first-child {
    margin-top: 0;
  }
}

.ua-pc .subpageMainvisualLinkList a:hover {
  opacity: 0.5;
}

/* 下層ページ サイドバー付きコンテンツ */
.withSidebarContent {
  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;
}

.withSidebarContent .mainContent {
  width: 65.384615384615385%;
}

.withSidebarContent .sidebar {
  width: 22.115384615384615%;
  position: -webkit-sticky;
  position: sticky;
  top: 14rem;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .withSidebarContent {
    display: block;
  }
  .withSidebarContent .mainContent {
    width: 100%;
  }
  .withSidebarContent .sidebar {
    width: 100%;
    margin-top: 10rem;
  }
}

/* 下層ページ サイドバー */
.sidebar {
  /* デフォルトリンク */
  /* リンクリスト */
}

.sidebar .sidebar__row {
  margin-top: 3rem;
}

.sidebar .sidebar__row:first-child {
  margin-top: 0;
}

.sidebar .sidebar__rowLink {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.333333333333333;
  color: #1aa9e9;
  letter-spacing: 0.071666666666667em;
  font-weight: 500;
  display: block;
  padding: 0 1.111111111111111em 0.555555555555556em 0;
  text-decoration: none;
  border-bottom: 1px solid #d6d6d6;
}

.sidebar .sidebar__rowLink::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: rotateY(-50%);
          transform: rotateY(-50%);
  margin-top: -0.555555555555556em;
  background-image: url(../svg/arrow_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  width: 0.7rem;
  height: 1.2rem;
}

.sidebar .sidebar__listCaption {
  font-size: 1.8rem;
  line-height: 1.333333333333333;
  color: #1aa9e9;
  letter-spacing: 0.071666666666667em;
  font-weight: 500;
  margin-bottom: 3rem;
}

.sidebar .sidebar__list {
  font-size: 1.2rem;
  position: relative;
  padding-left: 2rem;
}

.sidebar .sidebar__list::before {
  content: "";
  position: absolute;
  top: 0.3em;
  bottom: 0.3em;
  left: 0;
  width: 1px;
  background-color: #d6d6d6;
}

.sidebar .sidebar__listItem {
  margin-top: 3rem;
}

.sidebar .sidebar__listItem:first-child {
  margin-top: 0;
}

.sidebar .sidebar__listItem a {
  position: relative;
  display: block;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-decoration: none;
  color: #3e657d;
}

.ua-pc .sidebar .sidebar__rowLink:hover {
  opacity: 0.5;
}

.ua-pc .sidebar .sidebar__listItem a:hover {
  opacity: 0.5;
}

/* テンプレート */
.sidebar__listItem--isActive__a a, .sidebar .sidebar__listItem--isActive a, .company.overview .sidebar__listItem--companyOverview a, .company.vision .sidebar__listItem--companyVision a, .company.aboutus .sidebar__listItem--companyAboutus a, .company.message .sidebar__listItem--companyMessage a, .company.sustainability .sidebar__listItem--companySustainability a, .company.philosophy .sidebar__listItem--companyPhilosophy a, .service.security .sidebar__listItem--serviceSecurity a, .service.marketing .sidebar__listItem--serviceMarketing a, .service.thinclient .sidebar__listItem--serviceThinclient a, .service.case .sidebar__listItem--serviceCase a, .recruit.careers .sidebar__listItem--recruitNewgrads a, .recruit.newgrads .sidebar__listItem--recruitNewgrads a, .recruit.benefits .sidebar__listItem--recruitBenefits a, .recruit.message .sidebar__listItem--recruitMessage a, .recruit.policy .sidebar__listItem--recruitPolicy a {
  color: #1aa9e9;
}

.sidebar__listItem--isActive__a a::before, .sidebar .sidebar__listItem--isActive a::before, .company.overview .sidebar__listItem--companyOverview a::before, .company.vision .sidebar__listItem--companyVision a::before, .company.aboutus .sidebar__listItem--companyAboutus a::before, .company.message .sidebar__listItem--companyMessage a::before, .company.sustainability .sidebar__listItem--companySustainability a::before, .company.philosophy .sidebar__listItem--companyPhilosophy a::before, .service.security .sidebar__listItem--serviceSecurity a::before, .service.marketing .sidebar__listItem--serviceMarketing a::before, .service.thinclient .sidebar__listItem--serviceThinclient a::before, .service.case .sidebar__listItem--serviceCase a::before, .recruit.careers .sidebar__listItem--recruitNewgrads a::before, .recruit.newgrads .sidebar__listItem--recruitNewgrads a::before, .recruit.benefits .sidebar__listItem--recruitBenefits a::before, .recruit.message .sidebar__listItem--recruitMessage a::before, .recruit.policy .sidebar__listItem--recruitPolicy a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0.3em;
  bottom: 0.3em;
  width: 1px;
  left: -2rem;
  background-color: #1aa9e9;
}

/* 下層ページ 最新情報  */
.topics .mainContent__inner {
  overflow: visible;
}

.topics .topics__categoryChangeList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap:wrap;/*新着情報ページのカテゴリ（IR）ニュースへのボタン追加で画面が狭いスマホで見切れるのを解消のため改行するための追加*/
}

.topics .topics__categoryChangeListItem {
  /*margin-left:1rem;*//*ボタン改行時にボタン間隔調整のためコメントアウト*/
  margin-right: 1rem;/*新着情報ページのカテゴリ（IR）ニュースへのボタン追加で画面が狭いスマホで見切れるのを解消のため改行するためマージン右を左に変更*/
  margin-bottom: 1rem;/*ボタンが2行になった時の上下のpadding調整*/	
}

.topics .topics__categoryChangeListItem:first-child {
  margin-left: 0;
}

.topics .topics__categoryChangeList .elementButton--check {
  width: auto;
}

.topics .topics__newsList {
  margin-top: 4rem;
}

.topics .topics__newsPager .elementPager {
  margin-top: 4rem;
}

@media screen and (max-width: 677px) {
  .topics .topics__categoryChangeList .elementButton--check {
    white-space: nowrap;　
    padding-right: 2.916666666666667em;
  }
}

/* 記事詳細ページ */
.topics.detail .subpageMainvisual__inner {
  min-height: 17rem;
  padding: 1em 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.topicsDetail {
  margin: 0;
  /* 表組み */
}

.topicsDetail .topicsDetail__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.topicsDetail .elemenNewsList__itemDate {
  font-size: 1.3rem;
  margin-left: 1.615384615384615em;
  line-height: 1;
}

.topicsDetail .topicsDetail__infoTitle {
  margin: 1em 0 2.666666666666667em;
  width: 100%;
}

@media screen and (max-width: 677px) {
  .topicsDetail .topicsDetail__infoTitle {
    font-size: 1.8rem;
  }
}

.topicsDetail .topicsDetail__body {
  color: #1c3e52;
}

.topicsDetail p {
  letter-spacing: 0.05em;
  line-height: 2.2;
  margin: 0 0 4rem;
}

.topicsDetail * + p {
  margin-top: 4rem;
}

.topicsDetail .topicsDetail__contact {
  margin-top: 8rem;
}

.topicsDetail .topicsDetail__contact .topicsDetail__contactCaption {
  margin: 0;
  font-weight: 500;
  font-size: 1.8rem;
}

.topicsDetail .topicsDetail__contact .topicsDetail__contactBody {
  font-size: 1.2rem;
  margin: 1em 0 0;
}

.topicsDetail .topicsDetail__contact .topicsDetail__contactBody a {
  display: inline-block;
}

@media screen and (max-width: 677px) {
  .topicsDetail .topicsDetail__contact {
    margin-top: 6rem;
  }
}

.topicsDetail * + .elementListStyle--dot {
  margin: 0;
}

.topicsDetail .table .table__cell ul,
.topicsDetail .table .table__cell p {
  margin: 0 0 2.2em;
}

.topicsDetail .table .table__cell *:first-child {
  margin-top: 0;
}

.topicsDetail .table .table__cell *:last-child {
  margin-bottom: 0;
}

/* 会社概要 */
.company.overview {
  /* サイドバー */
  /* 会社概要 Google Map 左上のメッセージを消す */
  /* 会社概要 table */
  /* 個別設定 */
}

.company.overview .elementMap {
  overflow: hidden;
}

.company.overview .elementMap iframe {
  top: -150px;
  left: 0;
  width: 100%;
  height: calc(100% + 150px + 150px);
}

.company.overview .companyOverview__column2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
}

.company.overview .companyOverview__column2:first-child {
  margin-top: 0;
}

.company.overview .companyOverview__column2 .companyOverview__column2Item {
  width: 50%;
}

@media screen and (max-width: 677px) {
  .company.overview .companyOverview__column2 .companyOverview__column2Item.companyOverview__column2Item--01 {
    width: calc(100% - 10rem);
  }
  .company.overview .companyOverview__column2 .companyOverview__column2Item.companyOverview__column2Item--02 {
    width: 9.3rem;
  }
}

.company.overview .companyOverview__column2 .companyOverview__column2Item--01 {
  padding-right: 1em;
}

.company.overview .companyOverview__column2--01 img {
  width: 7.5rem;
}

.company.overview .companyOverview__column2--02 img {
  width: 7.5rem;
}

.company.overview .companyOverview__column2--03 img {
  width: 7.5rem;
}

.company.overview .companyOverview__column2--04 img {
  width: 14rem;
}

/* TMNの目指す姿 */
.company.vision {
  /* サイドバー */
}

/* TMNの事業 */
.company.aboutus {
  /* サイドバー */
}

/* TMNの事業 TOPメッセージ */
.company.message {
  /* サイドバー */
  /* 個別設定 */
}

.company.message .companyMessage__sign img {
  width: 21.7rem;
}

/* TMNとSDGs */
.company.sustainability {
  /* サイドバー */
  /* 個別設定 */
  /* アコーディオンテーブル */
  /* TMNがSDGsに取り組む理由 */
  /* 「社員も、パートナーも」〜すべての人の活躍が私たちの活動の源泉〜 */
}

.company.sustainability .elementAccordionTable .table__cell--th {
  width: 33.33333%;
}

@media screen and (max-width: 677px) {
  .company.sustainability .elementAccordionTable .table__cell--th {
    width: 100%;
  }
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__Item:before {
  content: "詳細を見る";
  position: absolute;
  bottom: 0.833333333333333em;
  left: 50%;
  background-image: url(../svg/btn_pulldown.svg);
  background-size: 1.083333333333333em 0.666666666666667em;
  background-repeat: no-repeat;
  background-position: right;
  width: auto;
  height: auto;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.733333333333333;
  letter-spacing: 0.076666666666667em;
  padding-right: 2.333333333333333em;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemImageInner {
  position: relative;
  background-color: #fff;
  border-radius: 2rem;
  overflow: hidden;
  padding-top: 71.875%;
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemImageInner img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 53.75%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemImageInner img[src$="anchor01--04.svg"] {
  width: 51.875%;
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemText {
  font-size: 1.4rem;
}

@media screen and (max-width: 677px) {
  .company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemText {
    padding-bottom: 2.5em;
  }
  .company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemText::before {
    content: "詳細を見る";
    position: absolute;
    bottom: 0;
    left: 50%;
    background-image: url(../svg/btn_pulldown.svg);
    background-size: 1.083333333333333em 0.666666666666667em;
    background-repeat: no-repeat;
    background-position: right;
    width: auto;
    height: auto;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.733333333333333;
    letter-spacing: 0.076666666666667em;
    padding-right: 2.333333333333333em;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.company.sustainability .companySustainability__row--01 .elementColumn2 .elementImageBox {
  padding: 0;
}

.company.sustainability .companySustainability__row--02 .elementBackground, .company.sustainability .companySustainability__row--02 .topicsDetail dl, .topicsDetail .company.sustainability .companySustainability__row--02 dl {
  padding: 4rem;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card {
  background-color: #fff;
  padding: 5rem 3rem 6rem;
  border-radius: 2rem;
  overflow: hidden;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFigura {
  margin-top: 8rem;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFigura:first-child {
  margin-top: 0;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFiguraCaption {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.03125em;
  color: #1c3e52;
  font-weight: 500;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card .counterIncrement__item {
  margin-top: 0;
}

.company.sustainability .companySustainability__row--02 .companySustainability__cardCaption {
  text-align: center;
  color: #3e657d;
  font-size: 3.2rem;
  line-height: 1.25;
  letter-spacing: 0.0415625em;
  margin-bottom: 4rem;
}

.company.sustainability .companySustainability__row--02 .companySustainability__cardText {
  font-size: 1.4rem;
  line-height: 2.142857142857143;
  letter-spacing: 0.031428571428571em;
  margin-top: 3rem;
  color: #1c3e52;
}

.company.sustainability .companySustainability__row--02 .companySustainability__cardText.companySustainability__cardText--textalignRight {
  text-align: right;
}

.company.sustainability .companySustainability__row--02 .companySustainability__cardText:first-of-type {
  margin-top: 2rem;
}

@media screen and (max-width: 677px) {
  .company.sustainability .companySustainability__row--02 .elementBackground, .company.sustainability .companySustainability__row--02 .topicsDetail dl, .topicsDetail .company.sustainability .companySustainability__row--02 dl {
    padding: 3rem 2rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__card {
    padding: 4.5rem 2rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFigura {
    margin-top: 5rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFiguraCaption {
    font-size: 1.5rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__card .counterIncrement__item {
    margin-top: 0;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__cardCaption {
    font-size: 2.5rem;
    margin-bottom: 3.7rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__cardText {
    font-size: 1.2rem;
    line-height: 2.2;
    letter-spacing: 0.041666666666667;
    margin-top: 1rem;
  }
}

/* 企業理念 */
.company.philosophy {
  /* サイドバー */
  /* 個別設定 */
  /* まだない「欲しい」をつくりだす。 */
  /* ありえないを、やり遂げる。 */
  /* 新しい生活を意味出す会社。 */
  /* Value */
}

.company.philosophy .withSidebarContent .mainContent {
  width: 74.038461538461538%;
}

@media screen and (max-width: 768px) {
  .company.philosophy .withSidebarContent .mainContent {
    width: 100%;
  }
}

.company.philosophy .companyPhilosophy__content {
  width: 68rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.company.philosophy .companyPhilosophy__header {
  margin-bottom: 6rem;
}

.company.philosophy .companyPhilosophy__header .companyPhilosophy__headerRead {
  font-size: 1.1rem;
  color: #1aa9e9;
  line-height: 1.818181818181818;
  letter-spacing: 0.041818181818182;
  margin-top: 4rem;
  font-weight: 500;
}

.company.philosophy .companyPhilosophy__text {
  font-size: 1.4rem;
  line-height: 3;
  letter-spacing: 0.214285714285714em;
}

.company.philosophy .companyPhilosophy__image {
  text-align: right;
  margin-top: 4rem;
}

.company.philosophy .companyPhilosophy__dlWrap {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl {
  display: table-row;
}

.company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlCaption {
  padding-top: 2.055555555555555em;
}

.company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlBody {
  padding-top: 2.642857142857143em;
}

.company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlCaption {
  width: 7.777777777777778em;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.214444444444444em;
  line-height: 1.555555555555556;
  display: table-cell;
  padding: 0.333333333333333em 1em 0.333333333333333em 0;
}

.company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlBody {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.071428571428571em;
  font-weight: 500;
  display: table-cell;
  padding: 0.428571428571429em 0;
}

@media screen and (max-width: 677px) {
  .company.philosophy .companyPhilosophy__dlWrap {
    display: block;
  }
  .company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl {
    display: block;
  }
  .company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl {
    margin-top: 4rem;
  }
  .company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlCaption {
    padding-top: 0.333333333333333em;
  }
  .company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlBody {
    padding-top: 0.428571428571429em;
  }
  .company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlCaption {
    display: block;
    width: 100%;
  }
  .company.philosophy .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlBody {
    display: block;
    margin-top: 2rem;
  }
}

.company.philosophy .companyPhilosophy__anchor01 .companyPhilosophy__header img {
  width: 55.5rem;
}

@media screen and (max-width: 677px) {
  .company.philosophy .companyPhilosophy__anchor01 .companyPhilosophy__header img {
    width: 31.5rem;
  }
}

.company.philosophy .companyPhilosophy__anchor01 .companyPhilosophy__image img {
  width: 45rem;
}

.company.philosophy .companyPhilosophy__anchor02 .companyPhilosophy__header img {
  width: 58.5rem;
}

@media screen and (max-width: 677px) {
  .company.philosophy .companyPhilosophy__anchor02 .companyPhilosophy__header img {
    width: 21.7rem;
  }
}

.company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__header img {
  width: 63.9rem;
}

@media screen and (max-width: 677px) {
  .company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__header img {
    width: 21.8rem;
  }
}

.company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlCaption {
  padding-top: 1.571428571428571em;
}

.company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlBody {
  padding-top: 1.571428571428571em;
}

.company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlCaption {
  font-size: 1.4rem;
  letter-spacing: 0.071428571428571em;
  line-height: 2;
  padding: 0 1em 0 0;
  /*width: 6.428571428571429em;*//*20230509幅指定をコメントアウトでiPadの企業理念ページ表示崩れ解消*/ 
}

.company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlBody {
  padding: 0;
  /*width: calc(100% - 6.428571428571429em);*//*20230509幅指定をコメントアウトでiPadの企業理念ページ表示崩れ解消*/ 
}

@media screen and (max-width: 677px) {
  .company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl {
    margin-top: 4rem;
  }
  .company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlCaption {
    padding-top: 0;
  }
  .company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlBody {
    padding-top: 0;
  }
  .company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlCaption {
    width: 100%;
    padding: 0;
  }
  .company.philosophy .companyPhilosophy__anchor03 .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlBody {
    margin-top: 1rem;
    width: 100%;
    padding: 0;
  }
}

.company.philosophy .companyPhilosophy__anchor04 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlCaption {
  padding-top: 1.681818181818182em;
}

.company.philosophy .companyPhilosophy__anchor04 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlBody {
  padding-top: 2.642857142857143em;
}

.company.philosophy .companyPhilosophy__anchor04 .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlCaption {
  font-size: 2.2rem;
  letter-spacing: 0.136363636363636em;
  line-height: 1.272727272727273;
  color: #1aa9e9;
  padding: 0.272727272727273em 0;
}

.company.philosophy .companyPhilosophy__anchor04 .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlBody {
  vertical-align: middle;
  padding: 0.428571428571429em 0;
}

@media screen and (max-width: 677px) {
  .company.philosophy .companyPhilosophy__anchor04 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlCaption {
    padding-top: 0;
  }
  .company.philosophy .companyPhilosophy__anchor04 .companyPhilosophy__dlWrap .companyPhilosophy__dl + .companyPhilosophy__dl .companyPhilosophy__dlBody {
    padding-top: 2rem;
  }
  .company.philosophy .companyPhilosophy__anchor04 .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlCaption {
    letter-spacing: 0.214090909090909em;
    padding: 0;
  }
  .company.philosophy .companyPhilosophy__anchor04 .companyPhilosophy__dlWrap .companyPhilosophy__dl .companyPhilosophy__dlBody {
    margin: -0.5em 0;
    padding-top: 2rem;
  }
}

/* セキュリティ強化への取り組み */
.service.security {
  /* サイドバー */
  /* 個別設定 */
}

@media screen and (max-width: 677px) {
  .service.security .serviceSecurity__image--elementImageBox--skyblueGradient--01,
  .service.security .serviceSecurity__image--elementImageBox--skyblueGradient--02 {
    padding-top: 4.2rem;
    padding-bottom: 4.2rem;
  }
}

.service.security .serviceSecurity__image--01,
.service.security .serviceSecurity__image--02 {
  width: 9.4rem;
}

@media screen and (max-width: 677px) {
  .service.security .serviceSecurity__image--01,
  .service.security .serviceSecurity__image--02 {
    width: 46.490909090909091%;
  }
}

/* 情報プロセシングサービス */
.service.marketing {
  /* サイドバー */
  /* h4 */
  /* 個別設定 */
}

.service.marketing h4 {
  padding-left: 2.2em;
  text-indent: -2.2em;
}

.service.marketing .serviceMarketing__anchor01--section02--section03 .elementColumn2 {
  margin-top: 6rem;
}

.service.marketing .serviceMarketing__anchor02--section01--section03 .elementButton--main {
  white-space: nowrap;
}

/* キャッシュレス決済サービス */
.service.thinclient {
  /* サイドバー */
  /* 個別設定 */
  /* キャッシュレス決済端末 アンカーリンク */
  /* キャッシュレス決済端末 h3 tag */
  /* キャッシュレス決済端末 card */
  /* TMNゲートウェイについて */
}

.service.thinclient .serviceThinclient__LinkListcolumn3 {
  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-top: 4rem;
}

.service.thinclient .serviceThinclient__LinkListcolumn3Item {
  position: relative;
  display: block;
  width: 29.411764705882353%;
  text-decoration: none;
  border-radius: 2rem;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  padding: 1.538461538461538em 1.538461538461538em 3.538461538461538em;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  letter-spacing: 0.076923076923077em;
}

.service.thinclient .serviceThinclient__LinkListcolumn3Item:before {
  content: "";
  position: absolute;
  bottom: 1.769230769230769em;
  left: 50%;
  background-image: url(../svg/btn_pulldown.svg);
  width: 1em;
  height: 0.615384615384615em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.service.thinclient .serviceThinclient__LinkListcolumn3ItemImage {
  border-radius: 2rem;
  overflow: hidden;
}

.service.thinclient .serviceThinclient__LinkListcolumn3ItemText {
  margin: 1.416666666666667em -1.8rem 0;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__LinkListcolumn3 {
    display: block;
  }
  .service.thinclient .serviceThinclient__LinkListcolumn3Item {
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 1.538461538461538em;
    margin-top: 20px;
  }
  .service.thinclient .serviceThinclient__LinkListcolumn3Item:before {
    display: none;
  }
  .service.thinclient .serviceThinclient__LinkListcolumn3ItemImage {
    width: 46.545454545454545%;
  }
  .service.thinclient .serviceThinclient__LinkListcolumn3ItemText {
    position: relative;
    width: 56.727272727272727%;
    padding-bottom: 1.384615384615385em;
    margin: 0 -1.076923076923077em 0 0;
  }
  .service.thinclient .serviceThinclient__LinkListcolumn3ItemText:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    background-image: url(../svg/btn_pulldown.svg);
    width: 1em;
    height: 0.615384615384615em;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.service.thinclient .serviceThinclient__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
  margin: 4rem 0 2rem;
}

.service.thinclient .serviceThinclient__headerItemCaption {
  margin: 4rem 1em 4rem 0;
}

.service.thinclient .serviceThinclient__headerItemTagList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.service.thinclient .serviceThinclient__headerItemTagListItem {
  margin-left: 0.5rem;
}

.service.thinclient .serviceThinclient__headerItemTagListItem:first-child {
  margin-left: 0;
}

.service.thinclient .serviceThinclient__card {
  margin: 4rem 0;
  padding: 4rem;
  border-radius: 2rem;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__card {
    padding: 3rem 2rem;
  }
}

.service.thinclient .serviceThinclient__cardInner {
  margin-top: 4rem;
}

.service.thinclient .serviceThinclient__cardInner:first-child {
  margin-top: 0;
}

.service.thinclient .serviceThinclient__cardCaption {
  font-size: 2.2rem;
  letter-spacing: 0.022727272727273em;
  color: #1aa9e9;
  line-height: 1.309090909090909;
  margin-bottom: 1.363636363636364em;
}

.service.thinclient .serviceThinclient__cardContent {
  background-color: #fff;
  border-radius: 2rem;
  overflow: hidden;
  padding: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContent {
    padding: 2rem;
  }
}

.service.thinclient .serviceThinclient__cardContentImage {
  width: calc((100% - 3rem) / 2);
  border-radius: 2rem;
  border: 1px solid #d6d6d6;
  overflow: hidden;
  height: 100%;
}

.service.thinclient .serviceThinclient__cardContentImage img {
  width: 100%;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContentImage {
    width: 100%;
    height: auto;
  }
}

.service.thinclient .serviceThinclient__cardContentList {
  width: calc((100% - 3rem) / 2);
  font-size: 1.2rem;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContentList {
    width: 100%;
    margin-top: 2rem;
  }
}

.service.thinclient .serviceThinclient__cardContentInfo {
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  margin-top: 3rem;
}

.service.thinclient .serviceThinclient__cardContentInfo.js__accordionIsActive {
  border-radius: 1rem 1rem 0 0;
}

.service.thinclient .serviceThinclient__cardContentInfo.js__accordionIsActive .serviceThinclient__cardContentInfoButtonIcon::after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

.service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoButton {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.371428571428571;
  letter-spacing: 0.035714285714286em;
  text-align: center;
  padding: 1em 4.714285714285714em;
  background-color: #3e657d;
  color: #fff;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoButton {
    padding: 1em 2.857142857142857em;
  }
}

.service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoButtonIcon {
  position: absolute;
  right: 1.571428571428571em;
  top: 50%;
  width: 2.142857142857143em;
  height: 2.142857142857143em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoButtonIcon::before, .service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoButtonIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.142857142857143em;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoButtonIcon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoButtonIcon {
    right: 0.714285714285714em;
  }
}

.service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoContent {
  display: none;
}

.service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoContent .table {
  letter-spacing: 0.041666666666667em;
  margin: 0;
}

.service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoContent .table__cell--th {
  width: 9rem;
  border-right: 1px solid #d6d6d6;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoContent .table__cell--th {
    width: 100%;
    border-right: none;
  }
}

.service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoContent .table__cell--th[colspan="2"] {
  width: 18rem;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContentInfo .serviceThinclient__cardContentInfoContent .table__cell--th[colspan="2"] {
    width: 100%;
  }
}

.service.thinclient .serviceThinclient__cardContentInfo .table__cell--th + .table__cell--th,
.service.thinclient .serviceThinclient__cardContentInfo .table__row--rowspan .table__cell--th.table__cell:not([rowspan]) {
  background-color: #f8fbfc;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContentInfo .table__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .service.thinclient .serviceThinclient__cardContentInfo .table__row .table__cell {
    width: 100%;
  }
  .service.thinclient .serviceThinclient__cardContentInfo .table__row .table__cell--th + .table__cell--th,
  .service.thinclient .serviceThinclient__cardContentInfo .table__row .table__cell--th + .table__cell--th + .table__cell--td,
  .service.thinclient .serviceThinclient__cardContentInfo .table__row.table__row--rowspan .table__cell:not([rowspan]) {
    width: 50%;
  }
}

.service.thinclient .serviceThinclient__cardContentImageList {
  margin-left: -5.555555555555556%;
  width: calc(100% + 5.555555555555556%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.service.thinclient .serviceThinclient__cardContentImageList .serviceThinclient__cardContentImageListItem {
  width: calc((100% - (5.263157894736842% * 3)) / 3);
  margin-left: 5.263157894736842%;
}

.service.thinclient .serviceThinclient__cardContentImageList .serviceThinclient__cardContentImage {
  width: 100%;
  height: auto;
}

.service.thinclient .serviceThinclient__cardContentImageList .serviceThinclient__cardContentImageListItemText {
  font-size: 1.2rem;
  line-height: 1.315789473684211;
  letter-spacing: 0.041666666666667em;
  text-align: center;
  margin-top: 0.833333333333333em;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__cardContentImageList {
    margin-left: 0;
    width: 100%;
  }
  .service.thinclient .serviceThinclient__cardContentImageList .serviceThinclient__cardContentImageListItem {
    width: 100%;
    margin: 1.25em 0 0;
  }
  .service.thinclient .serviceThinclient__cardContentImageList .serviceThinclient__cardContentImageListItem:first-child {
    margin-top: 0;
  }
}

.service.thinclient .serviceThinclient__anchor01 .elementColumn2 .elementColumn2__item {
  width: 60.294117647058824%;
}

.service.thinclient .serviceThinclient__anchor01 .elementColumn2 .elementColumn2__item + .elementColumn2__item {
  width: 36.764705882352941%;
}

@media screen and (max-width: 677px) {
  .service.thinclient .serviceThinclient__anchor01 .elementColumn2 .elementColumn2__item {
    width: 100%;
  }
  .service.thinclient .serviceThinclient__anchor01 .elementColumn2 .elementColumn2__item + .elementColumn2__item {
    width: 100%;
  }
}

/*  情報セキュリティポリシー */
.security-policy .securityPolicy__info {
  margin-top: 10rem;
}

/* 新卒採用・中途採用 */
.recruit.careers,
.recruit.newgrads {
  /* サイドバー */
  /* テーブル */
  /* 選考方法 */
}

.recruit.careers .table__cell .elementNoticeList, .recruit.careers .table__cell .topicsDetail ul, .topicsDetail .recruit.careers .table__cell ul, .recruit.careers .topicsDetail .table .table__cell ul,
.recruit.newgrads .table__cell .elementNoticeList,
.recruit.newgrads .table__cell .topicsDetail ul,
.topicsDetail .recruit.newgrads .table__cell ul,
.recruit.newgrads .topicsDetail .table .table__cell ul {
  margin-top: 1.6em;
}

.recruit.careers .table__cell .elementNoticeList:first-child, .recruit.careers .table__cell .topicsDetail ul:first-child, .topicsDetail .recruit.careers .table__cell ul:first-child, .recruit.careers .topicsDetail .table .table__cell ul:first-child,
.recruit.newgrads .table__cell .elementNoticeList:first-child,
.recruit.newgrads .table__cell .topicsDetail ul:first-child,
.topicsDetail .recruit.newgrads .table__cell ul:first-child,
.recruit.newgrads .topicsDetail .table .table__cell ul:first-child {
  margin-top: 0;
}

.recruit.careers .recruitNewgrads__frow,
.recruit.newgrads .recruitNewgrads__frow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem,
.recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem {
  margin: 5.5rem 0 0;
}

.recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem:first-child, .recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem:nth-child(2),
.recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem:first-child,
.recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem:nth-child(2) {
  margin-top: 0;
}

.recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem:nth-child(n + 3):not(.recruitNewgrads__frowItem--body)::before,
.recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem:nth-child(n + 3):not(.recruitNewgrads__frowItem--body)::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 100%;
  margin-bottom: 2rem;
  border-style: solid;
  border-width: 1.5rem 1.5rem 0 1.5rem;
  border-color: #3e657d transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem--caption,
.recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem--caption {
  position: relative;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 23rem;
  height: 10.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #3e657d;
  line-height: 1.555555555555556;
  letter-spacing: 0.041666666666667em;
  border-radius: 2rem;
  background-image: -webkit-linear-gradient(315deg, #f2f9fc 0%, #e1f4fc 100%);
  background-image: linear-gradient(135deg, #f2f9fc 0%, #e1f4fc 100%);
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  text-align: center;
}

.recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem--caption.recruitNewgrads__frowItem--last,
.recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem--caption.recruitNewgrads__frowItem--last {
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  color: #fff;
  font-size: 2.7rem;
  letter-spacing: 0.041851851851852em;
}

.recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem--caption .recruitNewgrads__frowItemSmallText,
.recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem--caption .recruitNewgrads__frowItemSmallText {
  font-size: 66.666666666666667%;
  line-height: 1.6;
  letter-spacing: 0.041666666666667em;
  display: block;
}

@media screen and (max-width: 677px) {
  .recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem--caption,
  .recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem--caption {
    width: 12.7rem;
    font-size: 1.6rem;
  }
}

.recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem--body,
.recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem--body {
  color: #1c3e52;
  width: calc(100% - 27rem);
}

@media screen and (max-width: 677px) {
  .recruit.careers .recruitNewgrads__frow .recruitNewgrads__frowItem--body,
  .recruit.newgrads .recruitNewgrads__frow .recruitNewgrads__frowItem--body {
    width: calc(100% - 15.7rem);
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
}

/* 働く環境  */
.recruit.benefits {
  /* サイドバー */
  /* TMNのカルチャー */
}

.recruit.benefits .recruitBenefits__anchor01--section01 .elementNoticeList, .recruit.benefits .recruitBenefits__anchor01--section01 .topicsDetail ul, .topicsDetail .recruit.benefits .recruitBenefits__anchor01--section01 ul {
  font-size: 1.2rem;
}

/* TOPメッセージ 採用情報 */
.recruit.message {
  /* サイドバー */
  /* 個別設定 */
}

.recruit.message .recruitMessage__autograph {
  text-align: right;
}

.recruit.message .recruitMessage__autograph img {
  width: 21.7rem;
}

/* 採用情報 */
.recruit.index {
  /* ヘッダーナビプルダウン時の背景色 */
  /* メインヘッダー */
  /* recruit__card */
  /* recruit__header */
  /* メインビジュアル */
  /* recruit__message */
  /* recruit__topMessage */
  /* recruit__personality */
  /* recruit__environment */
  /*  recruit__clickableWrap */
}

.recruit.index.js__mainHeader__gnavItem--isSubMenuItemHover:before {
  background-color: rgba(26, 169, 233, 0.8);
  visibility: visible;
}

.recruit.index #mainHeader--clone .mainHeader__gnavItemSubMenu a {
  color: #fff;
}

.recruit.index #mainHeader {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.recruit.index #mainHeader a {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .recruit.index #mainHeader .mainHeader__inner {
    background-color: transparent;
  }
}

.recruit.index #mainHeader .mainHeader__aside {
  background-color: transparent;
}

.recruit.index #mainHeader .mainHeader__gnavItem--modalButton a::before,
.recruit.index #mainHeader .mainHeader__gnavItem--modalButton a::after {
  background-color: #fff;
}

.recruit.index #mainHeader .mainHeader__logo p {
  background-image: url(../png/logo--white.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.recruit.index #mainHeader .mainHeader__logo img {
  opacity: 0;
}

.recruit.index.load-complete #mainHeader {
  opacity: 1;
}

.recruit.index .recruit__card {
  position: relative;
}

.recruit.index .recruit__card .recruit__cardCaption {
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.083333333333333em;
}

@media screen and (max-width: 677px) {
  .recruit.index .recruit__card .recruit__cardCaption {
    position: static;
    margin-bottom: 2rem;
    color: #1aa9e9;
  }
}

.recruit.index .recruit__card .recruit__cardImage {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  z-index: 1;
}

.recruit.index .recruit__card .recruit__cardImage img {
  display: block;
}

.recruit.index .recruit__header {
  margin-top: 3rem;
  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;
}

@media screen and (max-width: 768px) {
  .recruit.index .recruit__header .elementButton--main {
    width: 30rem;
  }
}

@media screen and (max-width: 677px) {
  .recruit.index .recruit__header {
    margin-top: 2rem;
  }
  .recruit.index .recruit__header .elementButton--main {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    min-width: 0;
    min-height: 0;
    padding: 0;
  }
  .recruit.index .recruit__header .elementButton--main::after {
    right: auto;
    left: 50%;
    width: 1.461538461538462em;
    height: 0.461538461538462em;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .recruit.index .recruit__header .elementButton--main span {
    display: none;
  }
/*20230626リクルートindex「PDFアイコン」SP表示サイズ調整追加*/	
  .recruit.index .recruit__header .elementButton--pdf::after {
    right: auto;
    left: 50%;
    width: 1.6em;
    height: 1.6em;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }	
/*20230626リクルートindex「PDFアイコン」SP表示サイズ調整追加ここまで*/

/*20240920リクルートindex「外部リンクアイコン」SP表示サイズ調整追加*/
  .recruit.index .recruit__header .elementButton--outer::after {
    right: auto;
    left: 50%;
    width: 1.4em;
    height: 1.4em;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }	
/*20230920リクルートindex「外部リンクアイコン」SP表示サイズ調整追加ここまで*/	
}


.recruit.index .recruit__mainVisual {
  height: 100vh;
  background-image: -webkit-linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  background-image: linear-gradient(225deg, #009fe6 0%, #6dc6f0 100%);
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .recruit.index .recruit__mainVisual {
    height: calc(var(--vmax, 1vh) * 100);
  }
}

.recruit.index .recruit__mainVisual .recruit__mainVisualInner {
  position: relative;
  height: 100%;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 2s cubic-bezier(0, 0.56, 0.46, 1);
  transition: all 2s cubic-bezier(0, 0.56, 0.46, 1);
  will-change: auto;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem img {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: 50%;
  -webkit-transform: translateX(-50%) scale(1.1);
          transform: translateX(-50%) scale(1.1);
  -webkit-transition: all 0s cubic-bezier(0, 0.56, 0.46, 1) 1.2s;
  transition: all 0s cubic-bezier(0, 0.56, 0.46, 1) 1.2s;
  will-change: auto;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem.recruit__mainVisualViewListItem--01 img {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem.recruit__mainVisualViewListItem--02 img {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem.recruit__mainVisualViewListItem--03 img {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem.recruit__mainVisualViewListItem--04 img {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem.recruit__mainVisualViewListItem--05 img {
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem.recruit__mainVisualViewListItem--06 img {
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem.js__isActive {
  opacity: 1;
  z-index: 1;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualViewListItem.js__isActive.js__isAnimation img {
  -webkit-transition: all 2.8s cubic-bezier(0, 0.56, 0.46, 1);
  transition: all 2.8s cubic-bezier(0, 0.56, 0.46, 1);
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}

.recruit.index .recruit__mainVisual .recruit__mainVisualScrollText {
  position: absolute;
  left: 2rem;
  z-index: 1;
  bottom: 14.8rem;
  font-size: 1.2rem;
  line-height: 1.263157894736842;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualScrollText::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0.45em;
  width: 1px;
  background-color: #fff;
  opacity: 0;
  height: 0;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualScrollText::after {
  content: "Scroll";
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  color: #fff;
  letter-spacing: 0.083333333333333em;
  padding-bottom: 1em;
  opacity: 0;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualScrollText.js__isActive::before {
  height: 14.8rem;
  opacity: 1;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualScrollText.js__isActive::after {
  opacity: 1;
}

.recruit.index .recruit__mainVisual .recruit__mainVisualScrollText.js__isDelayActive::before {
  -webkit-animation: scrollLine 3.2s cubic-bezier(0, 0.56, 0.46, 1) infinite normal;
          animation: scrollLine 3.2s cubic-bezier(0, 0.56, 0.46, 1) infinite normal;
}

@-webkit-keyframes recruitTbScrollLine {
  0% {
    top: 100%;
    height: 6.7rem;
  }
  25% {
    top: calc(100% + 6.7rem);
    height: 0;
  }
  25.1% {
    top: 100%;
    height: 0;
  }
  50% {
    top: 100%;
    height: 6.7rem;
  }
  100% {
    top: 100%;
    height: 6.7rem;
  }
}

@keyframes recruitTbScrollLine {
  0% {
    top: 100%;
    height: 6.7rem;
  }
  25% {
    top: calc(100% + 6.7rem);
    height: 0;
  }
  25.1% {
    top: 100%;
    height: 0;
  }
  50% {
    top: 100%;
    height: 6.7rem;
  }
  100% {
    top: 100%;
    height: 6.7rem;
  }
}

@media screen and (max-width: 768px) {
  .recruit.index .recruit__mainVisual .recruit__mainVisualScrollText {
    left: auto;
    right: 1rem;
    bottom: 6.7rem;
  }
  .recruit.index .recruit__mainVisual .recruit__mainVisualScrollText.js__isActive::before {
    height: 6.7rem;
  }
  .recruit.index .recruit__mainVisual .recruit__mainVisualScrollText.js__isDelayActive::before {
    -webkit-animation: recruitTbScrollLine 2s cubic-bezier(0, 0.56, 0.46, 1) infinite normal;
            animation: recruitTbScrollLine 2s cubic-bezier(0, 0.56, 0.46, 1) infinite normal;
  }
}

.recruit.index .recruit__mainVisual .recruit__mainVisualTextImage {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .recruit.index .recruit__mainVisual .recruit__mainVisualTextImage {
    -webkit-transform: none;
            transform: none;
  }
}

.recruit.index .recruit__mainVisual .recruit__mainVisualTextImage--01 {
  width: 27.565rem;
  left: 6rem;
}

@media screen and (max-width: 768px) {
  .recruit.index .recruit__mainVisual .recruit__mainVisualTextImage--01 {
    max-width: 27.565rem;
    width: 49.005333333333333%;
    top: 6.628rem;
    left: 2rem;
  }
}

.recruit.index .recruit__mainVisual .recruit__mainVisualTextImage--02 {
  width: 62.8rem;
  max-width: calc(100% - 27.565rem - 6rem - 5rem - 6rem);
  right: 6rem;
}

@media screen and (max-width: 768px) {
  .recruit.index .recruit__mainVisual .recruit__mainVisualTextImage--02 {
    max-width: 47.3rem;
    width: 48.533333333333333%;
    top: auto;
    left: 2.2rem;
    right: auto;
    bottom: 2.6rem;
  }
}

.recruit.index .recruit__message {
  margin-top: 12rem;
}

.recruit.index .recruit__message .contentView {
  width: 82.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.recruit.index .recruit__message .recruit__messageLeftContent {
  margin-top: 3rem;
  font-size: 1rem;
  color: #1aa9e9;
  margin-right: 2rem;
  line-height: 2.58;
  letter-spacing: 0.071em;
}

.recruit.index .recruit__message .recruit__messageRightContent {
  max-width: 100%;
  margin-top: 3rem;
}

.recruit.index .recruit__message .recruit__messageRightContentCaption {
  width: 59rem;
}

@media screen and (max-width: 768px) {
  .recruit.index .recruit__message .recruit__messageRightContentCaption {
    max-width: 100%;
  }
}

@media screen and (max-width: 677px) {
  .recruit.index .recruit__message .recruit__messageRightContentCaption {
    width: 20.2rem;
  }
}

.recruit.index .recruit__message .recruit__messageRightContentText {
  margin-top: 5rem;
}

.recruit.index .recruit__message .recruit__messageRightContentText:first-of-type {
  margin-top: 10rem;
}

.recruit.index .recruit__message .recruit__messageRightContentText img {
  height: 1.8rem;
}

@media screen and (max-width: 677px) {
  .recruit.index .recruit__message .recruit__messageRightContentText {
    margin-top: 3.392rem;
  }
  .recruit.index .recruit__message .recruit__messageRightContentText:first-of-type {
    margin-top: 6rem;
  }
  .recruit.index .recruit__message .recruit__messageRightContentText img {
    height: 1.289rem;
  }
}

.recruit.index .recruit__message .recruit__messageRightContentLinks {
  margin-top: 10rem;
}

@media screen and (max-width: 677px) {
  .recruit.index .recruit__message .recruit__messageRightContentLinks {
    margin-top: 8rem;
  }
}

.recruit.index .recruit__topMessage {
  margin-top: 17.3rem;
}

.recruit.index .recruit__topMessage .recruit__headerCaption img {
  height: 5.2rem;
}

@media screen and (max-width: 677px) {
  .recruit.index .recruit__topMessage {
    margin-top: 15rem;
  }
  .recruit.index .recruit__topMessage .recruit__headerCaption img {
    height: 3.12rem;
  }
}

.recruit.index .recruit__personality {
  margin-top: 15.7rem;
}

.recruit.index .recruit__personality .recruit__headerCaption img {
  height: 5.8rem;
}

@media screen and (max-width: 677px) {
  .recruit.index .recruit__personality {
    margin-top: 10rem;
  }
  .recruit.index .recruit__personality .recruit__headerCaption img {
    height: 3.48rem;
  }
}

.recruit.index .recruit__environment {
  margin-top: 15.7rem;
  margin-bottom: 15rem;
}

.recruit.index .recruit__environment .recruit__headerCaption img {
  height: 5.8rem;
}

@media screen and (max-width: 677px) {
  .recruit.index .recruit__environment {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .recruit.index .recruit__environment .recruit__headerCaption img {
    height: 3.48rem;
  }
}

.recruit.index .recruit__clickableWrap {
  position: relative;
}

.recruit.index .recruit__clickableWrap .recruit__clickable {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recruit.index .recruit__clickableWrap .elementButton {
  z-index: 3;
}

/* 中途採用詳細 */
.recruit.careers.detail .recruitCareersDetail__returnButton {
  margin: 10rem 0 6rem;
}

/* 求める人物像 */
.recruit.policy {
  /* サイドバー */
}

/* English top */
.top.en .mainVisual #mainVisual__caption {
  width: 80rem;
}

.top.en .mainVisual #mainVisual__caption--sp {
  width: 28.7rem;
}

@media screen and (max-width: 677px) {
  .top.en .mainVisual .mainVisual__captionReadText {
    letter-spacing: 0.083333333333333em;
  }
}

.top.en .top__row--servicListAnchorlinkTimelineItem--anchorlinkListItem a {
  text-decoration: none;
}

.top.en .top__row--servicListItemContentPoint {
  color: #1aa9e9;
}

.top.en .top__row--servicListAnchorlinkTimelineItem--anchorlinkPullDownButtonLabel01 {
  -webkit-transform: scale(1);
          transform: scale(1);
  margin: 0 0.4em 0 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
/*# sourceMappingURL=style.css.map */