@charset "UTF-8";
@font-face {
  font-family: "MyYuMinchoC";
  src: local("YuMincho-Demibold"), local("YuMincho Demibold"); /* for Mac */
}
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, 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, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

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

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box;
}

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

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
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;
}

del {
  text-decoration: line-through;
}

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

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

html {
  font-size: 62.5%;
  height: auto;
  overflow: visible;
}

body {
  font-family: "zen-kaku-gothic-new", "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #222222;
  height: auto;
  overflow: visible;
  font-weight: 400;
  background-color: #fff;
}
body.is__fix {
  overflow: hidden;
  height: 100%;
  position: static;
}
body.is_show {
  overflow: hidden;
  height: 100%;
  position: static;
}
body.is_show .main {
  position: relative;
}
body.is_show .main:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 100%;
  z-index: 3;
}
body:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.8s ease;
}
body.fade:after {
  opacity: 1;
}

html, body, 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, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  font-weight: 400;
}

img {
  vertical-align: bottom;
}

input,
button,
select {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #000;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadein {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.fadein.jsActive {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}


.footer {
  border-top: 1px solid #dadbdb;
  padding-top: 90px;
  padding-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .footer {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
.footer_type_under {
  border-top: 1px solid #efefef;
}
.footer__container.container {
  max-width: 1300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .footer__container.container {
    justify-content: center;
  }
}
.footer__info {
  width: 390px;
  border-right: 1px solid #d2d3d3;
}
@media screen and (max-width: 1060px) {
  .footer__info {
    width: 100%;
    border-right: none;
  }
}
.footer__logo {
  width: 116px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1060px) {
  .footer__logo {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .footer__logo {
    width: 100px;
    margin-bottom: 35px;
  }
}
.footer__catch {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 30px;
}
@media screen and (max-width: 1060px) {
  .footer__catch {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .footer__catch {
    display: none;
  }
}
.footer__infoDl {
  line-height: 1.75;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .footer__infoDl {
    line-height: 1.875;
    margin-bottom: 30px;
  }
}
.footer__infoDt {
  font-size: 1.6rem;
  font-weight: 600;
}
@media screen and (max-width: 1060px) {
  .footer__infoDt {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .footer__infoDt {
    line-height: 1.875;
  }
}
.footer__infoDd {
  font-weight: 400;
  text-decoration: none;
}
@media screen and (max-width: 1060px) {
  .footer__infoDd {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .footer__infoDd {
    line-height: 1.875;
  }
}
.footer__infoDdTel {
  text-decoration: none;
  color: inherit;
}
.footer__infoDdTel:hover {
  text-decoration: underline;
}
.footer__infoDdFax {
  text-decoration: none;
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none;
}
.footer__contact {
  width: 220px;
  height: 50px;
  border-radius: 50px;
  background-color: #222222;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  border: 1px solid #222222;
  text-decoration: none;
}
@media screen and (max-width: 1060px) {
  .footer__contact {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .footer__contact {
    width: 180px;
    height: 35px;
    font-size: 1.4rem;
  }
}
.footer__contact:before {
  content: "";
  content: "";
  display: block;
  width: 16px;
  height: 12px;
  background: url(../images/icon_mail.svg) no-repeat center center/cover;
  aspect-ratio: 16/12;
  position: relative;
  top: 1px;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .footer__contact:before {
    width: 15px;
  }
}
.footer__contact:hover {
  color: #222;
  background-color: transparent;
}
.footer__contact:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2012%22%3E%3Cpath%20d%3D%22M1.5%2012c-.41%200-.77-.15-1.06-.44-.29-.29-.44-.65-.44-1.06V1.49C0%201.08.15.73.44.43c.29-.29.65-.44%201.06-.44h13c.41%200%20.77.15%201.06.44.29.29.44.65.44%201.06v9.01c0%20.41-.15.77-.44%201.06-.29.29-.65.44-1.06.44h-13zM8%207L1.5%203.27v7.23h13V3.27L8%207zm0-1.77l6.5-3.73h-13L8%205.23zM1.5%203.27V1.5v9-7.23z%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
}
.footer__Jsfm {
  width: 81px;
  font-size: 0;
  position: absolute;
  bottom: 0;
  right: 30px;
}
.footer__JsfmImg {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1060px) {
  .footer__Jsfm {
    width: 62px;
    margin: 30px auto 0;
    position: relative;
    right: inherit;
  }
}
.footer__nav {
  padding-left: 80px;
  max-width: 620px;
  width: calc(100% - 390px);
}
@media screen and (max-width: 1060px) {
  .footer__nav {
    display: none;
  }
}
.footer__bottom {
  margin-top: 85px;
  display: flex;
}
.footer__bottomLink {
  margin-top: 85px;
  display: flex;
}
.footer__copy {
  padding-top: 85px;
  text-align: center;
}
@media screen and (max-width: 1060px) {
  .footer__copy {
    border-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .footer__copy {
    padding: 5px 0 0px;
  }
}
.footer__copyContainer {
  width: 100%;
  margin-top: 85px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.footer__copyContainer.container {
  max-width: 1300px;
}
@media screen and (max-width: 1060px) {
  .footer__copyContainer {
    margin-top: 25px;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 1060px) {
  .footer__copyPrivavy {
    display: block;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  .footer__copyPrivavy {
    margin-bottom: 20px;
  }
}
.footer__copyPrivacyLink {
  color: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .footer__copyPrivacyLink {
    font-size: 1.1rem;
  }
}
.footer__copyPrivacyLink:hover {
  text-decoration: underline;
}
.footer__copyRightText {
  font-size: 1.5rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .footer__copyRightText {
    font-size: 1.1rem;
  }
}

.fNav__list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.fNav__item:nth-of-type(1) {
  width: 220px;
}
@media screen and (max-width: 1060px) {
  .fNav__item:nth-of-type(1) {
    width: 0;
  }
}
.fNav__item:nth-of-type(2) {
  width: 100%;
  order: 3;
  margin-top: 50px;
}
@media screen and (max-width: 1060px) {
  .fNav__item:nth-of-type(2) {
    width: 0;
  }
}
.fNav__item:nth-of-type(3) {
  width: 310px;
}
@media screen and (max-width: 1060px) {
  .fNav__item:nth-of-type(3) {
    width: 100%;
  }
}
.fNav__mainItem {
  line-height: 2.125;
}
@media screen and (max-width: 1060px) {
  .fNav__mainItem {
    display: none;
  }
  .fNav__mainItem.fNav__mainItem_type_privacy {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    font-size: 1.2rem;
    margin-top: 20px;
  }
  .fNav__mainItem.fNav__mainItem_type_privacy .fNav__mainLink::before {
    display: none;
  }
}
.fNav__mainLink {
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.fNav__mainLink_type_recruit {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.fNav__mainLink_type_recruit:after {
  content: "";
  display: block;
  width: 13.5px;
  height: 14.5px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%8F%E3%83%B3%E3%83%90%E3%83%BC%E3%82%AC%E3%83%BC%22%3E%3Crect%20class%3D%22cls-2%22%20x%3D%22.5%22%20y%3D%224.5%22%20width%3D%228%22%20height%3D%2210%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C5v9H1V5h7M9%2C4H0v11h9V4h0Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%224.5%22%20y%3D%22.5%22%20width%3D%228%22%20height%3D%2210%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C1v9h-7V1h7M13%2C0H4v11h9V0h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13.5px 14.5px;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.fNav__mainLink:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #dadbdb;
  display: block;
  margin-right: 10px;
}
.fNav__mainLink:hover {
  text-decoration: underline;
}
.fNav a.fNav__mainLink:hover {
  text-decoration: underline;
}
.fNav__subItem {
  line-height: 2.125;
  display: -webkit-flex;
  display: flex;
  text-indent: 1em;
}
.fNav__subLink {
  color: inherit;
  text-decoration: none;
}
.fNav__subLink:hover {
  text-decoration: underline;
}
.fNav__mainLink_type_tab {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.fNav__mainLink_type_tab:after {
  content: "";
  display: block;
  width: 10px;
  height: 12px;
  background: url(../images/icon_new_tab.svg) no-repeat center center/cover;
  margin-left: 6px;
}
.fNav__mainItem_type_lang {
  margin-top: 15px;
}
.fNav__mainLink_type_lang {
  width: 39px;
  height: 39px;
  border-radius: 39px;
  background-color: #f8f8f6;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  font-weight: 700;
  font-family: "itc-avant-garde-gothic-pro", "zen-kaku-gothic-new";
}
.fNav__mainLink_type_lang:hover {
  background-color: #232323;
  color: #fff;
  text-decoration: none;
}

.pageTop {
  width: 62px;
  height: 62px;
  border-radius: 100px;
  border: 1px solid #d6d7d7;
  position: absolute;
  right: 25px;
  top: -31px;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  background: #fff url(../images/icon_pagetop.svg) no-repeat center center/9.9px 14.8px;
}
.pageTop:hover {
  background-color: #fa3e37;
  border-color: #fa3e37;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.9%2014.85%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%95%E3%83%83%E3%82%BF%E3%83%BC%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.9%2C4.95l-1.31%2C1.31-2.71-2.71v11.29h-1.86V3.56l-2.71%2C2.71-1.31-1.31L4.95%2C0l4.95%2C4.95Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.pageTop__icon {
  width: 9.9px;
}
@media screen and (max-width: 1060px) {
  .pageTop {
    display: none;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 80;
}
@media screen and (max-width: 768px) {
  .header {
    position: fixed;
    height: 65px;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
            align-items: center;
    background-color: #fff;
  }
}
.header.isScrolled {
  position: fixed;
}
.header.isScrolled .header__logo {
  width: 180px;
  -webkit-flex-basis: 180px;
          flex-basis: 180px;
}
@media screen and (max-width: 1300px) {
  .header.isScrolled .header__logo {
    width: 180px;
    -webkit-flex-basis: 180px;
            flex-basis: 180px;
  }
}
@media screen and (max-width: 1260px) {
  .header.isScrolled .header__logo {
    width: 172px;
    -webkit-flex-basis: 172px;
            flex-basis: 172px;
  }
}
@media screen and (max-width: 768px) {
  .header.isScrolled .header__logo {
    width: 120px;
    -webkit-flex-basis: 120px;
            flex-basis: 120px;
  }
}
.header.isScrolled .header__logo .header__logoImg_type_pc {
  display: none;
}
.header.isScrolled .header__logo .header__logoImg_type_tab {
  display: block;
}
.header.isScrolled .gNav__list {
  background-color: #fff;
}
@media screen and (max-width: 1260px) {
  .header.isScrolled .gNav__item {
    margin-left: 1em;
  }
}
.header.isScrolled .gNav__contact {
  margin-left: 20px;
}
.header.jsActive {
  background-color: #fff;
}
.header.jsActive .header__logo {
  z-index: 3;
}
.header.jsActive .header__desc {
  display: none;
}
@media screen and (max-width: 1160px) {
  .header.nav_on .gNav {
    visibility: visible;
  }
  .header.jsActive .gNav {
    right: auto;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.header.jsActive .mm {
  position: static;
  visibility: visible;
  z-index: 1;
  opacity: 1;
}
.header.jsActive .mm__inner {
  padding: 0;
  border-radius: 0;
  max-width: none;
}
.header.jsActive .mm__colList, .header.jsActive .mm__rowList {
  display: block;
  margin: 0 0 0 30px;
}
.header.jsActive .mm__colListItem, .header.jsActive .mm__rowListItem {
  width: 100%;
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  border-bottom: 1px solid #dcdddd;
  padding: 0;
}
.header.jsActive .mm__rowListItem:first-of-type .mm__rowListItemInner {
  padding-top: 0;
}
.header.jsActive .mm__rowListItem:last-of-type {
  border-bottom: none;
}
.header.jsActive .mm__colListItem:first-of-type .mm__colListItemInner {
  padding-top: 0;
}
.header.jsActive .mm__colListItem:last-of-type {
  border-bottom: none;
}
.header.jsActive .mm__colListItemInner, .header.jsActive .mm .mm__rowListItemInner {
  padding: 15px 0;
  display: block;
}
.header.jsActive .mm__colListText, .header.jsActive .mm__rowListText {
  padding-left: 0;
  margin-top: 0;
  width: 100%;
  text-align: left;
}
.header.jsActive .mm__colListFig, .header.jsActive .mm__rowListFig {
  display: none;
}
.header.jsActive .mm__colListTextEn, .header.jsActive .mm__rowListTextEn {
  display: none;
}
.header.jsActive .mm__colListTextJp, .header.jsActive .mm .mm__colListTextJp {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}
.header.jsActive .mm__otherLink {
  color: inherit;
  text-decoration: none;
  display: -webkit-flex;
  display: flex;
  padding: 15px 0;
}
.header.jsActive .ham__bar {
  background-color: #fff;
}
.header.jsActive .ham__bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: calc(50% - 0.75px);
}
.header.jsActive .ham__bar:nth-of-type(2) {
  opacity: 0;
}
.header.jsActive .ham__bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: calc(50% - 0.75px);
}
.header_type_low .gNav__list {
  background-color: #fff;
}
.header__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 30px 30px 0 25px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .header__inner {
    padding: 0 20px;
    width: 100%;
  }
}
.header__logo {
  width: 80px;
  -webkit-flex-basis: 80px;
          flex-basis: 80px;
  position: relative;
  z-index: 1;
  transition: all 0.4s;
}
@media screen and (max-width: 1060px) {
  .header__logo {
    width: 172px;
    -webkit-flex-basis: 172px;
            flex-basis: 172px;
  }
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: 120px;
    -webkit-flex-basis: 120px;
            flex-basis: 120px;
  }
}
@media screen and (max-width: 1060px) {
  .header__logoImg_type_pc {
    display: none;
  }
}
.header__logoImg_type_tab {
  display: none;
}
@media screen and (max-width: 1060px) {
  .header__logoImg_type_tab {
    display: block;
  }
}
.header__bg:after {
  content: "";
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 0;
  display: none;
  background-color: rgba(34, 34, 34, 0.35);
  transition: all 0.3s ease-out;
  display: block;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
}
.header__bg.jsActive:after {
  opacity: 1;
  visibility: visible;
}

.gNav {
  margin-left: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 1160px) {
  .gNav {
    width: 100%;
    left: 0;
    top: 90px;
    background-color: #fff;
    height: calc(100dvh - 90px);
    padding: 40px 30px 40px 30px;
    overflow: scroll;
    display: block;
    margin-left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -2;
    position: absolute;
    right: -100vw;
    transition: all 0.5s;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  }
}
@media screen and (max-width: 768px) {
  .gNav {
    top: 65px;
    padding: 5px 30px 30px 30px;
    height: calc(100dvh - 65px);
  }
}
.gNav__list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 17px 40px;
  border-radius: 40px;
}
@media screen and (max-width: 1260px) {
  .gNav__list {
    padding: 17px 20px;
  }
}
@media screen and (max-width: 1060px) {
  .gNav__list {
    padding: 0;
  }
}
.gNav__item {
  margin-left: 2em;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.gNav__item:first-of-type {
  margin-left: 0;
}
.gNav__item_type_mm:after {
  content: "";
  width: 7.1px;
  height: 7.1px;
  border-top: 2px solid #8a8a8a;
  border-right: 2px solid #8a8a8a;
  display: block;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  margin-left: 4px;
}
.gNav__item_type_mm.jsActive {
  z-index: 1;
}
.gNav__item_type_mm.jsActive:before {
  opacity: 1;
}
.gNav__item_type_mm:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fa3e37;
  border-radius: 8px;
  position: relative;
  left: calc(50% - 4px);
  bottom: -22px;
  opacity: 0;
}
@media screen and (max-width: 1160px) {
  .gNav__item_type_mm:before {
    display: none;
  }
}
.gNav__item_type_info {
  display: none;
}
@media screen and (max-width: 1160px) {
  .gNav__item_type_info {
    display: block;
  }
}
.gNav__link {
  text-decoration: none;
  color: inherit;
  font-weight: 600;
  position: relative;
}
.gNav__link_type_mm {
  z-index: 1;
}
.gNav__link_type_cart, .gNav__link_type_lang {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  font-weight: 700;
  z-index: 1;
  font-family: "itc-avant-garde-gothic-pro", "zen-kaku-gothic-new";
}
.gNav__link_type_cart:hover, .gNav__link_type_lang:hover {
  background-color: #232323;
  border-radius: 39px;
  color: #fff;
}
.gNav__link_type_cart:hover .gNav__cartIcon path, .gNav__link_type_lang:hover .gNav__cartIcon path {
  fill: #fff;
}
.gNav__link_type_cart.jsActive, .gNav__link_type_lang.jsActive {
  background-color: #232323;
  border-radius: 39px;
  color: #fff;
}
.gNav__link_type_cart.jsActive .gNav__cartIcon path, .gNav__link_type_lang.jsActive .gNav__cartIcon path {
  fill: #fff;
}
.gNav__contact {
  width: 192px;
  height: 58px;
  border-radius: 58px;
  background-color: #fa3e37;
  border: 1px solid #fa3e37;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin-left: 20px;
}
@media screen and (max-width: 1260px) {
  .gNav__contact {
    margin-left: 30px;
  }
}
.gNav__contact:before {
  content: "";
  display: block;
  width: 16px;
  height: 12px;
  background: url(../images/icon_mail.svg) no-repeat center center/cover;
  aspect-ratio: 16/12;
  position: relative;
  top: 1px;
  margin-right: 8px;
}
.gNav__contact:hover {
  background-color: #fff;
  color: #fa3e37;
}
.gNav__contact:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2012%22%3E%3Cpath%20d%3D%22M1.5%2012c-.41%200-.77-.15-1.06-.44-.29-.29-.44-.65-.44-1.06V1.49C0%201.08.15.73.44.43c.29-.29.65-.44%201.06-.44h13c.41%200%20.77.15%201.06.44.29.29.44.65.44%201.06v9.01c0%20.41-.15.77-.44%201.06-.29.29-.65.44-1.06.44h-13zM8%207L1.5%203.27v7.23h13V3.27L8%207zm0-1.77l6.5-3.73h-13L8%205.23zM1.5%203.27V1.5v9-7.23z%22%20fill%3D%22%23fa3e37%22%2F%3E%3C%2Fsvg%3E");
}
.gNav .toggleIcon {
  display: none;
}
@media screen and (max-width: 1160px) {
  .gNav .toggleIcon {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    right: 10px;
    top: 21px;
    z-index: 1;
    cursor: pointer;
  }
}
@media screen and (max-width: 1160px) and (max-width: 768px) {
  .gNav .toggleIcon {
    top: 26px;
  }
}
.gNav .toggleIcon__inner {
  width: 20px;
  height: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .gNav .toggleIcon__inner {
    width: 13px;
    height: 13px;
  }
}
.gNav .toggleIcon__inner:after {
  content: "";
  display: block;
  width: 13px;
  height: 2px;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 6.5px);
  background-color: #fa3e37;
}
.gNav .toggleIcon__inner:before {
  content: "";
  display: block;
  height: 13px;
  width: 2px;
  position: absolute;
  top: calc(50% - 6.5px);
  left: calc(50% - 1px);
  background-color: #fa3e37;
}
.gNav .toggleIcon.jsActive .toggleIcon__inner::before {
  display: none;
}
@media screen and (max-width: 1160px) {
  .gNav__list {
    display: block;
  }
  .gNav__item {
    margin-left: 0;
    position: relative;
    border-bottom: 1px solid #dcdddd;
    display: block;
  }
  .gNav__item:after {
    display: none;
  }
  .gNav__item:before {
    content: "";
    display: block;
    width: 13.5px;
    height: 9px;
    aspect-ratio: 13.5/9;
    position: absolute;
    right: 10px;
    top: calc(50% - 4.5px);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cpath%20d%3D%22M8%208L6.94%206.94l2.19-2.19H0v-1.5h9.13L6.94%201.06%208%200l4%204-4%204z%22%20fill%3D%22%23fa3e37%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/cover;
  }
  .gNav__link {
    padding: 20px 0;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .gNav__link:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #fb3937;
    margin-right: 15px;
    display: block;
    position: relative;
    top: 9px;
  }
  .gNav__contact {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }
}

.mm {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 90px;
  padding-top: 30px;
  width: 100%;
  z-index: -1;
  transition: all 0.3s ease-out;
  opacity: 0;
}
@media screen and (max-width: 1160px) {
  .mm {
    display: none;
    padding-top: 0;
  }
}
.mm.jsActive {
  visibility: visible;
  z-index: 1;
  opacity: 1;
}
.mm__inner {
  background-color: #fff;
  border-radius: 6px;
  padding: 40px;
  border-radius: 40px;
  max-width: 1000px;
}
.mm__colList {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -12.5px;
}
.mm__colListItem {
  width: 33.333%;
  -webkit-flex-basis: 33.333%;
          flex-basis: 33.333%;
  padding: 12.5px;
}
.mm__colListItemInner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .mm__colListItemInner:hover .mm__colListFig:after {
    visibility: visible;
    opacity: 1;
  }
  .mm__colListItemInner:hover .mm__colListImg {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.mm__colListFig {
  width: 132px;
  -webkit-flex-basis: 132px;
          flex-basis: 132px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.mm__colListFig:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
  background-color: #222222;
  position: absolute;
  bottom: 15px;
  left: calc(50% - 15px);
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.mm__colListImg {
  aspect-ratio: 132/190;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.mm__colListText {
  width: calc(100% - 132px);
  -webkit-flex-basis: calc(100% - 132px);
          flex-basis: calc(100% - 132px);
  padding-left: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center;
  -webkit-align-content: center;
          align-content: center;
}
.mm__colListTextJp {
  font-weight: 600;
  width: 100%;
  line-height: 1.375;
  margin-bottom: 5px;
}
.mm__colListTextEn {
  font-size: 1rem;
  line-height: 1;
}
.mm__rowList {
  display: -webkit-flex;
  display: flex;
  margin: -12px;
}
.mm__rowListItem {
  width: 16.666%;
  -webkit-flex-basis: 16.666%;
          flex-basis: 16.666%;
  padding: 12px;
}
.mm__rowListItemInner {
  color: inherit;
  text-decoration: none;
}
.mm__rowListItemInner_type_recruit .mm__rowListTextJp {
  -webkit-justify-content: center;
          justify-content: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 1060px) {
  .mm__rowListItemInner_type_recruit .mm__rowListTextJp {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
}
.mm__rowListItemInner_type_recruit .mm__rowListTextJp:after {
  content: "";
  display: block;
  width: 13.5px;
  height: 14.5px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%8F%E3%83%B3%E3%83%90%E3%83%BC%E3%82%AC%E3%83%BC%22%3E%3Crect%20class%3D%22cls-2%22%20x%3D%22.5%22%20y%3D%224.5%22%20width%3D%228%22%20height%3D%2210%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C5v9H1V5h7M9%2C4H0v11h9V4h0Z%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%224.5%22%20y%3D%22.5%22%20width%3D%228%22%20height%3D%2210%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C1v9h-7V1h7M13%2C0H4v11h9V0h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13.5px 14.5px;
  margin-left: 5px;
}
@media screen and (max-width: 1060px) {
  .mm__rowListItemInner_type_recruit .mm__rowListTextJp:after {
    margin-left: 10px;
  }
}
.mm__rowListItemInner:hover .mm__rowListFig:after {
  visibility: visible;
  opacity: 1;
}
.mm__rowListItemInner:hover .mm__rowListImg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.mm__rowListFig {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.mm__rowListFig:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
  background-color: #222222;
  position: absolute;
  bottom: 15px;
  left: calc(50% - 15px);
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.mm__rowListImg {
  border-radius: 20px;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.mm__rowListText {
  text-align: center;
  margin-top: 15px;
}
.mm__rowListTextJp {
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
  display: block;
}
@media screen and (max-width: 1060px) {
  .mm__rowListTextJp {
    font-weight: 400;
  }
}
.mm__rowListTextEn {
  font-size: 1rem;
  width: 100%;
  margin-top: 5px;
  display: block;
}

.ham {
  display: none;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background-color: #fb3937;
  position: relative;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-left: 10px;
  z-index: 0;
  cursor: pointer;
}
@media screen and (max-width: 1160px) {
  .ham {
    margin-left: auto;
  }
}
@media screen and (max-width: 1160px) {
  .ham {
    display: -webkit-flex;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .ham {
    width: 40px;
    height: 40px;
  }
}
.ham__inner {
  width: 24px;
  height: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ham__inner {
    width: 10px;
    height: 8px;
  }
}
.ham__bar {
  width: 100%;
  height: 1.5px;
  background-color: #fff;
  position: absolute;
  left: 0;
  border-radius: 1px;
  transition: all 0.2s;
}
.ham__bar:nth-of-type(1) {
  top: 0;
}
.ham__bar:nth-of-type(3) {
  top: 100%;
}

.main {
  display: block;
}

.rFooter {
  padding-top: 240px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .rFooter {
    padding-top: 150px;
  }
}
.rFooter:before {
  content: "";
  display: block;
  width: 129vw;
  height: 50vw;
  left: -14.5vw;
  position: absolute;
  top: -40vw;
  z-index: -1;
  aspect-ratio: 1806/700;
  background: url(../images/recruit/bg_footer.svg) no-repeat bottom left/cover;
}
@media screen and (max-width: 768px) {
  .rFooter:before {
    width: 213vw;
    height: 106.6vw;
    left: -56.5vw;
    top: -87vw;
    background: url(../images/recruit/bg_footer_sp.svg) no-repeat bottom left/cover;
    aspect-ratio: 1600/800;
    border-radius: 0;
  }
}
.rFooter_type_low {
  padding-top: calc(240px + 4vw);
}
@media screen and (max-width: 768px) {
  .rFooter_type_low {
    padding-top: 150px;
  }
}
.rFooter_type_low:before {
  top: -36vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201806%20700%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f5f5f1%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C0c0%2C386.6%2C404.29%2C700%2C903%2C700S1806%2C386.6%2C1806%2C0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 768px) {
  .rFooter_type_low:before {
    width: 213vw;
    height: 106.6vw;
    left: -56.5vw;
    top: -87vw;
    background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20800.01%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f5f5f1%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M779.45%2C0H0c0%2C441.84%2C358.17%2C800.01%2C800%2C800.01S1600%2C441.84%2C1600%2C.01h-799.55s-21-.01-21-.01Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat bottom left/cover;
    aspect-ratio: 1600/800;
    border-radius: 0;
  }
}
.rFooter_type_interview:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201806%20700%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C0c0%2C386.6%2C404.29%2C700%2C903%2C700S1806%2C386.6%2C1806%2C0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 768px) {
  .rFooter_type_interview:before {
    background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20800.01%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M779.45%2C0H0c0%2C441.84%2C358.17%2C800.01%2C800%2C800.01S1600%2C441.84%2C1600%2C.01h-799.55s-21-.01-21-.01Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat bottom left/cover;
  }
}
@media screen and (max-width: 1060px) {
  .rFooter__container {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.rFooter__logo {
  width: 190px;
  margin: 0 auto 50px auto;
}
@media screen and (max-width: 768px) {
  .rFooter__logo {
    width: 118px;
    margin-bottom: 25px;
  }
}
.rFooter__nav {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1060px) {
  .rFooter__nav {
    display: block;
  }
}
.rFooter__navItem {
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 1060px) {
  .rFooter__navItem {
    display: block;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .rFooter__navItem:after {
    display: none;
  }
}
.rFooter__navItem:after {
  content: "｜";
  color: #fff;
  padding: 0 1em;
}
.rFooter__navItem:last-of-type:after {
  display: none;
}
@media screen and (max-width: 768px) {
  .rFooter__navItem_type_interview .rFooter__navLink:after {
    display: none;
  }
}
.rFooter__navLink {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.rFooter__navLink:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1060px) {
  .rFooter__navLink {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    position: relative;
    padding: 20px 0 10px;
  }
  .rFooter__navLink::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 29px;
  }
}
.rFooter__navSub {
  display: none;
}
@media screen and (max-width: 1060px) {
  .rFooter__navSub {
    display: block;
    margin-left: 12px;
  }
}
.rFooter__navSubItem {
  border-bottom: 1px solid #fff;
}
.rFooter__navSubItem:first-of-type {
  position: relative;
}
.rFooter__navSubItem:first-of-type::before {
  content: "";
  width: calc(100% + 12px);
  left: -12px;
  top: 0;
  height: 1px;
  background-color: #fff;
  position: absolute;
}
.rFooter__navSubItem:last-of-type {
  border-bottom: none;
}
.rFooter__navSubLink {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
@media screen and (max-width: 1060px) {
  .rFooter__navSubLink {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    position: relative;
    padding: 20px 0 10px;
  }
  .rFooter__navSubLink::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 29px;
  }
}
.rFooter__buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.rFooter__buttonsItem {
  margin-bottom: 35px;
  width: 314px;
}
@media screen and (max-width: 768px) {
  .rFooter__buttonsItem {
    width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1060px) {
  .rFooter__buttonsItem:first-of-type {
    display: none;
  }
}
.rFooter__buttonsLink {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  border-radius: 200px;
  color: #fff;
  text-decoration: none;
  position: relative;
}
.rFooter__buttonsLink_typr_entry {
  background-color: #222222;
  border: 1px solid #222;
  font-size: 2.8rem;
  height: 81px;
  font-weight: 700;
  font-family: "League Spartan", serif;
  letter-spacing: 0.1em;
  padding-top: 4px;
}
.rFooter__buttonsLink_typr_entry:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 35px;
  background: #fff url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/cover;
  background-size: 16.1px 10.75px;
  display: block;
  position: absolute;
  right: 22px;
  top: calc(50% - 20px);
}
.rFooter__buttonsLink_typr_entry:hover {
  background-color: #fff;
  color: #222;
  border-color: #fff;
}
.rFooter__buttonsLink_typr_entry:hover:after {
  background-color: #222;
  background: #222 url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/cover;
  background-size: 16.1px 10.75px;
}
.rFooter__buttonsLink_typr_return {
  border: 2px solid #fff;
  height: 61px;
  font-size: 1.6rem;
  font-weight: 700;
}
.rFooter__buttonsLink_typr_return:after {
  content: "";
  display: block;
  width: 13px;
  height: 15px;
  aspect-ratio: 13/15;
  background: url(../images/recruit/icon_new_01.svg) no-repeat center center/cover;
  position: absolute;
  right: 22px;
  top: calc(50% - 7px);
}
@media screen and (max-width: 768px) {
  .rFooter__buttonsLink_typr_return:after {
    right: 40px;
  }
}
.rFooter__buttonsLink_typr_return:hover {
  background-color: #fff;
  color: #f91e24;
}
.rFooter__buttonsLink_typr_return:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20viewBox%3D%220%200%2013.5%2014.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D.cls-2%7Bfill%3A%23f91e24%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%221%22%20y%3D%224.5%22%20width%3D%227%22%20height%3D%229%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M7%2C5.5v7H2v-7h5M9%2C3.5H0v11h9V3.5h0Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%225.5%22%20y%3D%221%22%20width%3D%227%22%20height%3D%229%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M11.5%2C2v7h-5V2h5M13.5%2C0H4.5v11h9V0h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.rFooter__bottom {
  margin-top: 180px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .rFooter__bottom {
    -webkit-justify-content: center;
            justify-content: center;
    margin-top: 75px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #fff;
  }
}
@media screen and (max-width: 768px) {
  .rFooter__privacy {
    display: none;
  }
}
.rFooter__privacyLink {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: none;
}
.rFooter__privacyLink:hover {
  text-decoration: underline;
}
.rFooter__copyText {
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rFooter__copyText {
    font-size: 1.2rem;
  }
}
.rFooter .pcActive {
  display: inline;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .rFooter .pcActive {
    display: none;
  }
}

.recruitBody {
  position: relative;
  background-color: transparent;
}
.recruitBody:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f91e24;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

.recruitWrapper {
  overflow: hidden;
}

.rHeader {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
.rHeader__inner {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .rHeader__inner {
    padding-right: 20px;
  }
}
.rHeader__logo {
  width: 170px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1060px) {
  .rHeader__logo {
    width: 130px;
  }
}
@media screen and (max-width: 768px) {
  .rHeader__logo {
    width: 86px;
  }
}
.rHeader.nav_on .rGNav {
  width: 100vw;
  height: 100dvh !important;
  -webkit-align-items: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  visibility: visible;
  height: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: cnter;
          align-items: cnter;
  background-color: #f91e24;
}
.rHeader.jsActive .rGNav {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (max-width: 768px) {
  .rHeader.nav_on .rGNav {
    padding-top: 105px;
    width: 100%;
    height: auto;
    overflow: scroll;
    -webkit-align-items: flex-start;
            align-items: flex-start;
  }
  .rHeader.jsActive .rGNav__inner {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    padding-bottom: 60px;
  }
}
.rHeader.jsActive .rHam__bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: calc(50% - 1px);
}
.rHeader.jsActive .rHam__bar:nth-of-type(2) {
  display: none;
}
.rHeader.jsActive .rHam__bar:nth-of-type(3) {
  top: calc(50% - 1px);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.rGNav {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  width: 0;
}
.rGNav:after {
  content: "";
  display: block;
  width: 39.35vw;
  aspect-ratio: 551/551;
  position: absolute;
  right: -2vw;
  bottom: -5.6vw;
  background: url(../images/recruit/bg_icon.svg) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .rGNav:after {
    display: none;
  }
}
.rGNav__inner {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .rGNav__inner {
    overflow: hidden;
  }
}
.rGNav__inner:after {
  content: "";
  display: none;
  width: 39.35vw;
  aspect-ratio: 551/551;
  position: absolute;
  right: -2vw;
  bottom: -5.6vw;
  background: url(../images/recruit/bg_icon.svg) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .rGNav__inner:after {
    width: 400px;
    right: -55px;
    bottom: -55px;
    display: block;
  }
}
.rGNav__col {
  display: -webkit-flex;
  display: flex;
  gap: 0 30px;
}
@media screen and (max-width: 1060px) {
  .rGNav__col {
    gap: 0;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.rGNav__list {
  width: 380px;
  -webkit-flex-basis: 380px;
          flex-basis: 380px;
}
@media screen and (max-width: 1060px) {
  .rGNav__list {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    margin-bottom: 30px;
  }
}
.rGNav__item {
  margin-bottom: 10px;
}
.rGNav__item:last-of-type {
  margin-bottom: 0;
}
.rGNav__item_type_interview:first-of-type {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .rGNav__item_type_parent .rGNav__link_type_normal:hover .rToggleIcon:before, .rGNav__item_type_parent .rGNav__link_type_normal:hover .rToggleIcon:after {
    background-color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .rGNav__item_type_parent .rGNav__link_type_normal {
    position: relativee;
  }
}
.rGNav__item_type_parent .rGNav__link_type_normal:after {
  display: none;
}
.rGNav__item_type_parent .rGNav__link_type_normal.jsActive .rToggleIcon:after {
  display: none;
}
.rGNav__item_type_child {
  display: none;
}
.rGNav .rToggleIcon {
  display: -webkit-flex;
  display: flex;
  width: 10px;
  height: 10px;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  position: absolute;
  right: 25px;
  top: calc(50% - 5px);
}
.rGNav .rToggleIcon:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #222;
  border-radius: 2px;
}
.rGNav .rToggleIcon:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background-color: #222;
  border-radius: 2px;
  position: absolute;
  right: 4px;
}
.rGNav__link_type_normal {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  padding: 20px;
  border-radius: 100px;
  background-color: #fff;
  text-decoration: none;
  color: inherit;
  position: relative;
  border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .rGNav__link_type_normal {
    font-size: 1.6rem;
    padding: 18px 25px;
  }
}
@media screen and (min-width: 768px) {
  .rGNav__link_type_normal:hover {
    background-color: #f91e24;
    color: #fff;
  }
  .rGNav__link_type_normal:hover:before {
    background-color: #fff;
  }
  .rGNav__link_type_normal:hover:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.rGNav__link_type_normal:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 6px;
  background-color: #f91e24;
  position: relative;
  margin-right: 10px;
  top: 11px;
  min-width: 6px;
}
@media screen and (max-width: 768px) {
  .rGNav__link_type_normal:before {
    top: 9px;
    margin-right: 7px;
  }
}
.rGNav__link_type_normal:after {
  content: "";
  display: block;
  aspect-ratio: 12/8;
  width: 12px;
  background: url(../images/icon_arrow_right.svg) no-repeat center center/cover;
  position: absolute;
  right: 25px;
  top: calc(50% - 3px);
}
.rGNav__link_type_interview {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 8.5px 10px;
  border-radius: 100px;
  background-color: #fff;
  text-decoration: none;
  color: inherit;
  position: relative;
  border: 1px solid #fff;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .rGNav__link_type_interview {
    padding: 7px 10px;
  }
}
.rGNav__link_type_interview:hover {
  background-color: #f91e24;
  color: #fff;
}
.rGNav__link_type_interview:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.rGNav__link_type_interview:after {
  content: "";
  display: block;
  aspect-ratio: 12/8;
  width: 12px;
  background: url(../images/icon_arrow_right.svg) no-repeat center center/cover;
  position: absolute;
  right: 25px;
  top: calc(50% - 3px);
}
.rGNav__linkImg {
  width: 52px;
}
@media screen and (max-width: 768px) {
  .rGNav__linkImg {
    width: 45px;
  }
}
.rGNav__itemText {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .rGNav__itemText {
    margin-left: 10px;
  }
}
.rGNav__linkAffiliation {
  font-size: 1.4rem;
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 768px) {
  .rGNav__linkAffiliation {
    font-size: 1rem;
  }
}
.rGNav__linkName {
  font-size: 2rem;
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 768px) {
  .rGNav__linkName {
    font-size: 1.6rem;
  }
}
.rGNav__entry {
  width: 380px;
  -webkit-flex-basis: 380px;
          flex-basis: 380px;
  background: url(../images/recruit/bg_entry.jpg) no-repeat center center/cover;
  border-radius: 34px;
}
@media screen and (max-width: 1060px) {
  .rGNav__entry {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    background: none;
  }
}
.rGNav__entryInner {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
.rGNav__entryBtn {
  width: 170px;
  height: 170px;
  border-radius: 170px;
  background-color: #f91e24;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}
.rGNav__entryBtn:hover {
  background-color: #fff;
}
.rGNav__entryBtn:hover .rGNav__entryText {
  color: #f91e24;
}
.rGNav__entryBtn:hover .rGNav__entryIcon {
  background-color: #f91e24;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1060px) {
  .rGNav__entryBtn {
    width: 200px;
    height: 200px;
    background-color: #fff;
  }
}
.rGNav__entryText {
  font-size: 2.4rem;
  color: #fff;
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 1060px) {
  .rGNav__entryText {
    color: #f91e24;
    font-size: 3rem;
  }
}
.rGNav__entryIcon {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 35px;
  background: #fff url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f91e24%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/cover;
  background-size: 12px 8px;
  display: block;
  margin-top: 5px;
}
@media screen and (max-width: 1060px) {
  .rGNav__entryIcon {
    width: 40px;
    height: 40px;
    background-color: #f91e24;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.rGNav__return {
  font-size: 1.6rem;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .rGNav__return {
    -webkit-justify-content: center;
            justify-content: center;
  }
}
.rGNav__return:hover {
  text-decoration: underline;
}
.rGNav__return:after {
  content: "";
  display: block;
  width: 13px;
  height: 15px;
  aspect-ratio: 13/15;
  background: url(../images/recruit/icon_new_01.svg) no-repeat center center/cover;
  margin-left: 5px;
}

.rHam {
  width: 82px;
  height: 82px;
  background-color: #222222;
  border-radius: 82px;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .rHam {
    width: 50px;
    height: 50px;
  }
}
.rHam__inner {
  width: 20px;
  height: 22px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .rHam__inner {
    width: 13px;
    height: 14px;
  }
}
.rHam__bar {
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .rHam__bar {
    height: 1px;
  }
}
.rHam__bar:nth-of-type(1) {
  top: 0;
}
.rHam__bar:nth-of-type(2) {
  top: calc(50% - 0px);
}
.rHam__bar:nth-of-type(1) {
  top: 100%;
}

.breadcrumb {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    margin-top: 15px;
    width: 100%;
    display: none;
  }
}
.breadcrumb__list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .breadcrumb__list {
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
  }
}
.breadcrumb__item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.breadcrumb__item:after {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  display: block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0 0.5em;
  position: relative;
  top: 1px;
}
@media screen and (max-width: 768px) {
  .breadcrumb__item:after {
    font-size: 1rem;
  }
}
.breadcrumb__item:last-of-type:after {
  display: none;
}
.breadcrumb a {
  text-decoration: underline;
}
.breadcrumb a:hover {
  text-decoration: none;
}
.breadcrumb__link {
  color: #b3b3b3;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .breadcrumb__link {
    font-size: 1rem;
  }
}
.breadcrumb__link_type_text {
  text-decoration: none;
}

.arrowBtn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  text-decoration: none;
  position: relative;
  text-decoration: none;
  color: inherit;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.arrowBtn:hover:before {
  background-color: #fff;
}
.arrowBtn:hover:after {
  background-image: url(../images/icon_arrow_02.svg);
}
.arrowBtn:hover .arrowBtn__link:after {
  -webkit-animation: slideRight 2s linear infinite;
          animation: slideRight 2s linear infinite;
}
.arrowBtn:before {
  content: "";
  width: 48px;
  height: 48px;
  display: block;
  border-radius: 48px;
  background-color: #232323;
  border: 1px solid #232323;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .arrowBtn:before {
    width: 32px;
    height: 32px;
  }
}
.arrowBtn:after {
  content: "";
  width: 3.75px;
  height: 6.68px;
  background: url(../images/icon_arrow_01.svg) no-repeat center center/cover;
  position: absolute;
  left: 23px;
  top: 22px;
}
@media screen and (max-width: 768px) {
  .arrowBtn:after {
    width: 3.5px;
    height: 7.1px;
    left: 15px;
    top: 13px;
  }
}
.arrowBtn__link {
  font-weight: 400;
  line-height: 1;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .arrowBtn__link {
    font-size: 1.4rem;
    padding-bottom: 7px;
  }
}
.arrowBtn__link:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to right, #232323, #232323);
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes slideRight {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.roundBtn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 454px;
  height: 82px;
  border-radius: 82px;
  background-color: #0859a8;
  color: #fff;
  text-decoration: none;
  margin: 0 auto;
  border: 1px solid #0859a8;
}
@media screen and (max-width: 768px) {
  .roundBtn {
    width: 100%;
    height: 56px;
    position: relative;
  }
}
.roundBtn__text {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .roundBtn__text {
    font-size: 1.4rem;
  }
}
.roundBtn:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: url(../images/icon_arrow_button.svg) no-repeat center center/cover;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .roundBtn:after {
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 12px;
  }
}
.roundBtn:hover {
  background: #fff;
}
.roundBtn:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230859a8%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2214.5%22%20cy%3D%2214.5%22%20r%3D%2214.5%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.78%2C15.98h-1.5v-3.09l-6.45%2C6.45-1.06-1.06%2C6.45-6.45h-3.09v-1.5h5.66v5.66Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.roundBtn:hover .roundBtn__text {
  color: #0859a8;
}

.container {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.pcnon {
  display: none;
}
@media screen and (max-width: 768px) {
  .pcnon {
    display: block;
  }
}

.spnon {
  display: block;
}
@media screen and (max-width: 768px) {
  .spnon {
    display: none;
  }
}

.lowPage {
  padding-bottom: 150px;
  padding-top: 40px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .lowPage {
    padding-top: 66px;
    padding-bottom: 75px;
  }
}
.lowPage_type_pb0 {
  padding-bottom: 0;
}
.lowPage__header {
  overflow: hidden;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .lowPage__header {
    margin-bottom: 65px;
  }
}
.lowPage__bg {
  position: relative;
  overflow: hidden;
  margin-bottom: -70px;
}
@media screen and (max-width: 768px) {
  .lowPage__bg {
    margin-bottom: -10px;
  }
}
.lowPage__bgInner {
  position: relative;
  height: 36rem;
  transition-timing-function: linear;
}
@media screen and (max-width: 768px) {
  .lowPage__bgInner {
    height: 8rem;
  }
}
.lowPage__bgText {
  font-size: 36rem;
  color: #f5f5f1;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1;
  padding: 0 0.1em;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  font-family: "League Spartan", serif;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .lowPage__bgText {
    font-size: 8rem;
  }
}
.lowPage__ttl {
  margin-top: 30px;
}
.lowPage__ttlJp {
  display: block;
  font-size: 4rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .lowPage__ttlJp {
    font-size: 4rem;
    line-height: 1.25;
    margin-bottom: 20px;
  }
}
.lowPage__ttlEn {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  font-family: "League Spartan", serif;
  margin-top: 14px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .lowPage__ttlEn {
    font-size: 1.8rem;
  }
}

.row2Ttl {
  position: relative;
}
.row2Ttl__en {
  font-size: 2.6rem;
  font-weight: 500;
  font-family: "League Spartan", serif;
  letter-spacing: 0.15em;
  -webkit-text-stroke: 3px #222;
  text-stroke: 3px #222;
  paint-order: stroke;
  color: #fff;
  display: block;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .row2Ttl__en {
    font-size: 1.5rem;
    margin-bottom: 15px;
    line-height: 1.66;
    -webkit-text-stroke: 2px #222;
    text-stroke: 2px #222;
  }
}
.row2Ttl__jp {
  display: block;
  font-size: 4.8rem;
  font-weight: 700;
  font-family: "zen-kaku-gothic-new", "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .row2Ttl__jp {
    font-size: 2.5rem;
    line-height: 1.6;
  }
}
.row2TtlIcon {
  text-shadow: none;
  -webkit-text-stroke: 0 #fa3e37;
  text-stroke: 0 #fa3e37;
  color: #fa3e37;
  font-weight: 700;
}
.row2Ttl_type_icon:before {
  content: "";
  width: 140px;
  height: 140px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20140.5%20140.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f5f5f1%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M140.5%2C70.25C140.5%2C31.51%2C108.99%2C0%2C70.25%2C0S0%2C31.51%2C0%2C70.25s31.51%2C70.25%2C70.25%2C70.25%2C70.25-31.51%2C70.25-70.25M70.25%2C129.04c-32.42%2C0-58.8-26.37-58.8-58.79S37.83%2C11.45%2C70.25%2C11.45s58.8%2C26.38%2C58.8%2C58.8-26.38%2C58.79-58.8%2C58.79%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M116.78%2C37.27h-14.85c-2.09%2C0-3.55-2.06-2.86-4.03l2.5-7.16c.69-1.97-.78-4.03-2.86-4.03h-13.84c-1.31%2C0-2.47.84-2.88%2C2.08l-3.67%2C11.07c-.41%2C1.24-1.57%2C2.08-2.88%2C2.08H26.78c-1.3%2C0-2.46.83-2.88%2C2.07l-3.05%2C9.16c-.65%2C1.96.81%2C3.99%2C2.88%2C3.99h44.75c2.04%2C0%2C3.5%2C1.97%2C2.9%2C3.92l-17.88%2C58.11c-.6%2C1.95.86%2C3.92%2C2.9%2C3.92h33.41c-7.2%2C0-13.07-5.7-13.34-12.82-.01-.33.04-.66.14-.98l15.63-50.02c.4-1.27%2C1.57-2.13%2C2.89-2.13h18.6c1.3%2C0%2C2.46-.84%2C2.88-2.07l3.05-9.16c.65-1.96-.81-3.99-2.88-3.99%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/cover;
  position: absolute;
  left: -80px;
  top: -65px;
}
@media screen and (max-width: 1060px) {
  .row2Ttl_type_icon:before {
    left: -30px;
    top: -65px;
  }
}
@media screen and (max-width: 768px) {
  .row2TtlIcon {
    -webkit-text-stroke: 0 #fa3e37;
    text-stroke: 0 #fa3e37;
  }
  .row2Ttl_type_icon:before {
    width: 50px;
    height: 50px;
    left: -20px;
    top: -20px;
  }
}

.about .row2Ttl__jp {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .about .row2Ttl__jp {
    font-size: 2.5rem;
  }
}
.about .ssContents__footer .ssContents__next, .about .ssContents__footer .ssContents__prev {
  background-color: #efefef;
}

.aboutIntro {
  margin-bottom: 170px;
}
@media screen and (max-width: 768px) {
  .aboutIntro {
    margin-bottom: 90px;
  }
}
.aboutIntro__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .aboutIntro__ttl {
    margin-bottom: 20px;
  }
  .aboutIntro__ttl .row2Ttl__jp br {
    display: none;
  }
}
.aboutIntro__desc {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .aboutIntro__desc {
    margin-bottom: 20px;
  }
}
.aboutIntro__img {
  border-radius: 60px;
}
@media screen and (max-width: 768px) {
  .aboutIntro__img {
    border-radius: 15px;
  }
}

.aboutConcept__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .aboutConcept__ttl {
    margin-bottom: 20px;
  }
  .aboutConcept__ttl br {
    display: none;
  }
}
.aboutConcept__intro {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .aboutConcept__intro {
    margin-bottom: 45px;
  }
}

.aboutConceptSub {
  margin-bottom: 70px;
}
.aboutConceptSub:last-of-type {
  margin-bottom: 0;
}
.aboutConceptSub__col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.aboutConceptSub__text {
  width: calc(100% - 450px);
  -webkit-flex-basis: calc(100% - 450px);
          flex-basis: calc(100% - 450px);
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .aboutConceptSub__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .aboutConceptSub__text {
    margin-bottom: 20px;
  }
}
.aboutConceptSub__ttl {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
}
.aboutConceptSub__ttl:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #fa3e37;
  position: relative;
  top: 14px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .aboutConceptSub__ttl:before {
    width: 8px;
    height: 8px;
    margin-right: 10px;
    top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .aboutConceptSub__ttl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.aboutConceptSub__descPara {
  line-height: 1.875;
  font-weight: 400;
  margin-bottom: 1.5em;
}
.aboutConceptSub__descPara:last-of-type {
  margin-bottom: 0;
}
.aboutConceptSub__fig {
  width: 450px;
  -webkit-flex-basis: 450px;
          flex-basis: 450px;
}
@media screen and (max-width: 1060px) {
  .aboutConceptSub__fig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.aboutConceptSub__img {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .aboutConceptSub__img {
    border-radius: 15px;
  }
}
.aboutConceptSub__lgText {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.38;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .aboutConceptSub__lgText {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 25px;
  }
}

.aboutSlider {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .aboutSlider {
    margin-bottom: 45px;
  }
}
.aboutSlider__item {
  width: 1771px;
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
  .aboutSlider__item {
    width: 1570px;
  }
}
.aboutPolicy {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .aboutPolicy {
    margin-bottom: 50px;
  }
}
.aboutPolicy__ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .aboutPolicy__ttl {
    margin-bottom: 25px;
  }
}
.aboutPolicy__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 768px) {
  .aboutPolicy__list {
    margin-left: 0;
    margin-right: 0;
  }
}
.aboutPolicy__item {
  width: 33.333%;
  -webkit-flex-basis: 33.333%;
          flex-basis: 33.333%;
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .aboutPolicy__item {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .aboutPolicy__item:last-of-type {
    margin-bottom: 0;
  }
}
.aboutPolicy__itemInner {
  display: block;
  border-radius: 30px;
  border: 1px solid #f5f5f1;
  height: 100%;
  padding: 45px 35px;
  background-color: #fff;
}
@media screen and (max-width: 1060px) {
  .aboutPolicy__itemInner {
    padding: 25px 20px;
  }
}
@media screen and (max-width: 768px) {
  .aboutPolicy__itemInner {
    padding: 25px;
  }
}
.aboutPolicy__itemTtl {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .aboutPolicy__itemTtl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.aboutPolicy__itemFig {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .aboutPolicy__itemFig {
    margin-bottom: 15px;
  }
}
.aboutPolicy__itemImg {
  height: 101px;
}
@media screen and (max-width: 768px) {
  .aboutPolicy__itemImg {
    height: 95px;
  }
}
.aboutPolicy__itemDesc {
  font-weight: 400;
  line-height: 1.875;
}

.aboutMessage {
  padding: 170px 0 120px;
  margin-bottom: 170px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .aboutMessage {
    padding: 55px 0 50px;
    margin-bottom: 65px;
  }
}
.aboutMessage:after {
  content: "";
  display: block;
  position: absolute;
  width: 92.8vw;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #f5f5f1;
  z-index: -1;
  border-radius: 0 60px 60px 0;
}
@media screen and (max-width: 768px) {
  .aboutMessage:after {
    width: calc(100vw - 30px);
    border-radius: 0 25px 25px 0;
  }
}
@media screen and (max-width: 1060px) {
  .aboutMessage__container {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.aboutMessage__col {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .aboutMessage__col {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.aboutMessage__text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 50px;
  padding-left: calc(50vw - 500px);
}
@media screen and (max-width: 1060px) {
  .aboutMessage__text {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .aboutMessage__text {
    margin-bottom: 25px;
  }
}
.aboutMessage__ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .aboutMessage__ttl {
    margin-bottom: 20px;
  }
}
.aboutMessage__ttl:before {
  background-image: url(../images/icon_logo.svg);
}
.aboutMessage__dl {
  margin-bottom: 30px;
}
.aboutMessage__dt {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.22;
}
@media screen and (max-width: 768px) {
  .aboutMessage__dt {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.aboutMessage__dd {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.22;
}
@media screen and (max-width: 768px) {
  .aboutMessage__dd {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.aboutMessage__fig {
  width: 46vw;
}
@media screen and (min-width: 1061px) {
  .aboutMessage__fig {
    width: 46vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 1060px) {
  .aboutMessage__fig {
    width: calc(100% + 30px);
    margin-right: -30px;
  }
}
@media screen and (min-width: 1061px) {
  .aboutMessage__figLink {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.aboutMessage__figLink:hover {
  opacity: 0.75;
}
.aboutMessage__img {
  border-radius: 30px 0 0 30px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .aboutMessage__img {
    border-radius: 15px 0 0 15px;
    height: auto;
  }
}

.aboutMember__ttl {
  margin-bottom: 45px;
}
.aboutMember__list {
  overflow: visible;
}

.blogArchive {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .blogArchive {
    margin-top: 0;
  }
}
.blogList {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -23px -18px;
}
@media screen and (max-width: 768px) {
  .blogList {
    margin: -18px -8px;
  }
}
.blogList__item {
  width: 33.333%;
  -webkit-flex-basis: 33.333%;
          flex-basis: 33.333%;
  padding: 23px 18px;
}
@media screen and (max-width: 768px) {
  .blogList__item {
    width: 50%;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    padding: 18px 8px 18px 8px;
  }
}
.blogList__itemLink {
  color: inherit;
  text-decoration: none;
}
.blogList__itemLink:hover .blogList__img {
  opacity: 0.75;
}
.blogList__fig {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .blogList__fig {
    margin-bottom: 15px;
  }
}
.blogList__img {
  width: 100%;
  height: 100%;
  aspect-ratio: 309/211;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .blogList__img {
    border-radius: 10px;
  }
}
.blogList__info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .blogList__info {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.blogList__info .newsList__new {
  margin-left: 0;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .blogList__info .newsList__new {
    margin-right: 10px;
  }
}
.blogList__cat {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  border: 1px solid #222;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-weight: 400;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .blogList__cat {
    font-size: 1rem;
    padding: 2px 8px;
  }
}
.blogList__date {
  font-size: 1.4rem;
  line-height: 1;
  margin-left: auto;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .blogList__date {
    font-size: 1rem;
    width: 100%;
    margin-top: 12px;
    text-align: left;
  }
}
.blogList__head {
  font-size: 1.8rem;
  line-height: 1.66;
  font-weight: 700;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 3.32em;
}
@media screen and (max-width: 768px) {
  .blogList__head {
    font-size: 1.6rem;
    line-height: 1.5625;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 4.6875em;
  }
}
.blogList__desc {
  line-height: 1.75;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .blogList__desc {
    font-size: 1.4rem;
    line-height: 1.78;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}

.blogSingle {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .blogSingle {
    margin-top: 0;
  }
}
.blogSingle__col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .blogSingle__col {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 50px;
  }
}
.blogSingle__article {
  width: calc(100% - 240px);
  -webkit-flex-basis: calc(100% - 240px);
          flex-basis: calc(100% - 240px);
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .blogSingle__article {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
    margin-bottom: 70px;
  }
}
.blogSingle__ttl {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.66;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .blogSingle__ttl {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 15px;
  }
}
.blogSingle__ec {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .blogSingle__ec {
    margin-bottom: 25px;
  }
}
.blogSingle__ecImg {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .blogSingle__ecImg {
    border-radius: 15px;
  }
}
.blogSingle__side {
  width: 240px;
  -webkit-flex-basis: 240px;
          flex-basis: 240px;
}
@media screen and (max-width: 1060px) {
  .blogSingle__side {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}

.blogSingleHeader__cats {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 768px) {
  .blogSingleHeader__cats {
    margin-bottom: 30px !important;
  }
}

.singleHeader__info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .singleHeader__info {
    margin-bottom: 10px;
  }
}
.singleHeader__date {
  font-weight: 400;
  display: block;
  margin-right: 20px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .singleHeader__date {
    font-size: 1rem;
    margin-right: 7px;
  }
}
.singleHeader__new {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  background-color: #fa3e37;
  border: 1px solid #fa3e37;
  display: -webkit-inline-flex;
  display: inline-flex;
  color: #fff;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .singleHeader__new {
    font-size: 1rem;
    padding: 2px 8px;
  }
}

.singleDesc {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .singleDesc {
    margin-bottom: 20px;
  }
}

.singleDesc + .singleMain {
  margin-top: 35px;
  border-top: 1px solid #d6d7d7;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .singleDesc + .singleMain {
    margin-top: 20px;
    padding-top: 25px;
  }
}

.singleToc {
  background-color: #f5f5f1;
  border-radius: 30px;
  padding: 45px 50px;
  margin-bottom: 45px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .singleToc {
    padding: 20px 25px;
    border-radius: 15px;
    margin-bottom: 25px;
  }
}
.singleToc:after {
  content: "";
  width: 150px;
  height: 150px;
  display: block;
  background: url(../images/icon_logo.svg) no-repeat center center/cover;
  position: absolute;
  top: 30px;
  right: 30px;
}
@media screen and (max-width: 768px) {
  .singleToc:after {
    width: 75px;
    height: 75px;
    top: 25px;
    right: 25px;
  }
}
.singleToc__ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .singleToc__ttl {
    margin-bottom: 20px;
  }
}
.singleToc__list {
  position: relative;
  z-index: 1;
}
.singleToc__item {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 15px;
}
.singleToc__item:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #fa3e37;
  min-width: 8px;
  position: relative;
  top: 12px;
  margin-right: 10px;
}
.singleToc__item:last-of-type {
  margin-bottom: 0;
}
.singleToc__link {
  color: inherit;
  text-decoration: none;
  line-height: 1.875;
  font-weight: 700;
}
.singleToc__link:hover {
  text-decoration: underline;
}

.sideContents__cats {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .sideContents__cats {
    margin-bottom: 40px;
  }
}
.sideContents__catsTtl {
  font-size: 1.6rem;
  font-weight: 700;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .sideContents__catsTtl {
    margin-bottom: 20px;
  }
}
.sideContents__catsTtl:before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: url(../images/icon_search.svg) no-repeat center center/cover;
  position: relative;
  top: 1px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .sideContents__catsTtl:before {
    width: 18px;
    height: 18px;
  }
}
.sideContents__catsList {
  margin-bottom: 50px;
}
@media screen and (max-width: 1060px) {
  .sideContents__catsList {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -5px;
  }
}
.sideContents__catsItem {
  margin-bottom: 10px;
}
@media screen and (max-width: 1060px) {
  .sideContents__catsItem {
    padding: 5px;
    margin-bottom: 0;
  }
}
.sideContents__catsItem:last-of-type {
  margin-bottom: 0;
}
.sideContents__catsLink {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #f5f5f1;
  font-size: 1.4rem;
  padding: 5px 10px;
  border-radius: 30px;
  color: inherit;
  font-weight: 400;
  text-decoration: none;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .sideContents__catsLink {
    line-height: 1;
    padding: 10px 15px;
    font-size: 1.2rem;
  }
}
.sideContents__catsLink:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #f74137;
  border-radius: 5px;
  margin-right: 6px;
}
.sideContents__catsLink:hover {
  background-color: #f74137;
  color: #fff;
}
.sideContents__catsLink:hover::before {
  background-color: #fff;
}
.sideContents__bannerItem {
  margin-bottom: 20px;
}
.sideContents__bannerItem:last-of-type {
  margin-bottom: 0;
}
.sideContents__bannerLink {
  color: inherit;
  text-decoration: none;
}
.sideContents__bannerLink:hover {
  text-decoration: underline;
}
.sideContents__bannerLink:hover .sideContents__bannerImg {
  opacity: 0.75;
}
.sideContents__bannerImg {
  border-radius: 10px;
  width: 100%;
}
.sideContents__bannerTtl {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.ptherPosts {
  background-color: #f5f5f1;
  padding: 90px 0 95px;
}
@media screen and (max-width: 768px) {
  .ptherPosts {
    padding: 45px 0 50px;
    margin-bottom: 45px;
  }
}
.ptherPosts_type_mb0 {
  margin-bottom: 0;
}
.ptherPosts__container {
  position: relative;
}
.ptherPosts__ttl {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .ptherPosts__ttl {
    font-size: 2.5rem;
    margin-bottom: 25px;
  }
}
.ptherPosts__btn {
  position: absolute;
  right: 30px;
  top: 9px;
}
@media screen and (max-width: 1060px) {
  .ptherPosts__btn {
    position: static;
    margin-top: 30px;
    -webkit-justify-content: center;
            justify-content: center;
  }
}

.company__dl {
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #cccccc;
}
.company__dl:first-of-type .company__dt {
  border-radius: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
  .company__dl:first-of-type .company__dt {
    border-radius: 15px 0 0 0;
  }
}
.company__dl:last-of-type {
  border-bottom: none;
}
.company__dl:last-of-type .company__dt {
  border-radius: 0 0 0 30px;
}
@media screen and (max-width: 768px) {
  .company__dl:last-of-type .company__dt {
    border-radius: 0 0 0 15px;
  }
}
.company__dt {
  width: 240px;
  -webkit-flex-basis: 240px;
          flex-basis: 240px;
  padding: 35px 45px;
  background-color: #f5f5f1;
  border-right: 1px solid #cccccc;
  font-size: 1.8rem;
  font-weight: 400;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .company__dt {
    width: 95px;
    -webkit-flex-basis: 95px;
            flex-basis: 95px;
    padding: 12px 15px;
    font-size: 1.6rem;
    min-width: 95px;
  }
}
.company__dd {
  -webkit-flex: 1;
          flex: 1;
  padding: 35px 45px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .company__dd {
    padding: 12px 15px;
    font-size: 1.4rem;
  }
}
.company__ddPara {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .company__ddPara {
    line-height: 1.78;
  }
}
.company__ddJsfm {
  margin-top: 15px;
  width: 64px;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .company__ddJsfm {
    margin-top: 10px;
    width: 46px;
  }
}
.company__ddJsfmImg {
  width: 100%;
  height: auto;
}

.company__ddMap {
  width: 100%;
  height: 200px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .company__ddMap {
    width: 100%;
    height: 120px !important;
  }
}
.company__ddTel {
  color: inherit;
  text-decoration: none;
}
.company__ddTel:hover {
  text-decoration: underline;
}

.companyList {
  border: 1px solid #cccccc;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .companyList {
    border-radius: 15px;
  }
}

.contact {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .contact {
    margin-top: 0;
  }
}
.contact__container {
  max-width: 960px;
}
.contact__intro {
  font-weight: 400;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .contact__intro {
    margin-bottom: 20px;
  }
}

.contactTel {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .contactTel {
    margin-bottom: 45px;
  }
}
.contactTel__main {
  border-radius: 6px;
  padding: 35px 50px;
  border: 1px solid #b4b4b4;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .contactTel__main {
    padding: 40px 25px 25px 25px;
    border-radius: 3px;
    border-radius: 15px;
  }
}
.contactTel__dl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 1060px) {
  .contactTel__dl {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;
  }
}
.contactTel__dt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-align-items: center;
          align-items: center;
  -webkit-order: 2;
          order: 2;
}
.contactTel__dt:before {
  content: "";
  display: block;
  width: 38px;
  min-width: 38px;
  height: 38px;
  margin-right: 20px;
  background: url(../images/icon_tel.svg) no-repeat center center/cover;
  position: relative;
  top: 2px;
}
@media screen and (max-width: 768px) {
  .contactTel__dt:before {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 1060px) {
  .contactTel__dt {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    margin-top: 0px;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 768px) {
  .contactTel__dt {
    margin-bottom: 15px;
  }
}
.contactTel__dtLink {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 5.2rem;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.contactTel__dtLink:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .contactTel__dtLink {
    width: auto;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .contactTel__dtLinkImg {
    height: 40px;
    width: auto;
  }
}
.contactTel__dd {
  -webkit-flex: 1;
          flex: 1;
  padding-right: 40px;
  font-size: 1.6rem;
  -webkit-order: 1;
          order: 1;
}
@media screen and (max-width: 1060px) {
  .contactTel__dd {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .contactTel__dd {
    font-size: 1.6rem;
    line-height: 1.5625;
    -webkit-order: 2;
            order: 2;
  }
}
.contactTel__ddText {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .contactTel__ddText {
    text-align: center;
    line-height: 1.875;
  }
}
.contactTel__ddTextSm {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 1060px) {
  .contactTel__ddTextSm {
    text-align: center;
  }
}

.contactMail__ttl {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.contactMail__ttl:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #fa3e37;
  position: relative;
  top: 2px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .contactMail__ttl:before {
    width: 4px;
    height: 4px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .contactMail__ttl {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
.contactMail__intro {
  font-weight: 400;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .contactMail__intro {
    line-height: 1.875;
    margin-bottom: 20px;
  }
}

.contactForm {
  position: relative;
}
.contactForm__detail .contactForm__dl:first-of-type {
  border-top: 1px solid #dcdddd;
}
.contactForm__ttl {
  font-size: 2rem;
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .contactForm__ttl {
    margin-bottom: 12px;
  }
}
.contactForm__ttl:before {
  content: "-";
  margin-right: 0.5em;
}
.contactForm_type_conf .contactMail__ttl {
  margin-bottom: 30px;
}
.contactForm_type_conf .contactForm__dt {
  width: 225px;
  -webkit-flex-basis: 225px;
          flex-basis: 225px;
}
@media screen and (max-width: 768px) {
  .contactForm_type_conf .contactForm__dt {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.contactForm_type_conf .contactForm__dd {
  width: calc(100% - 225px);
  -webkit-flex-basis: calc(100% - 225px);
          flex-basis: calc(100% - 225px);
}
@media screen and (max-width: 768px) {
  .contactForm_type_conf .contactForm__dd {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.contactForm_type_conf .contactForm__bts {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .contactForm_type_conf .contactForm__bts {
    margin-top: 30px;
    display: -webkit-flex;
    display: flex;
  }
}
.contactForm__dl {
  padding: 20px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  border-bottom: 1px solid #dcdddd;
}
@media screen and (max-width: 768px) {
  .contactForm__dl {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 17px 0 20px 0;
  }
}
.contactForm__dt {
  width: 325px;
  -webkit-flex-basis: 325px;
          flex-basis: 325px;
  padding-right: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  font-weight: 600;
}
@media screen and (max-width: 1160px) {
  .contactForm__dt {
    width: 270px;
    -webkit-flex-basis: 270px;
            flex-basis: 270px;
  }
}
@media screen and (max-width: 768px) {
  .contactForm__dt {
    font-size: 1.6rem;
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
    margin-bottom: 10px;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
}
.contactForm__dt_type_project {
  display: block;
}
.contactForm__dtSm {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .contactForm__dtSm {
    font-size: 1rem;
  }
}
.contactForm__dt_type_req:after {
  content: "必須";
  width: 38px;
  height: 24px;
  background-color: #e1262c;
  color: #fff;
  font-size: 1.6rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 4px;
  line-height: 1;
  font-weight: 400;
  padding: 1px 0 2px;
}
@media screen and (max-width: 768px) {
  .contactForm__dt_type_req:after {
    margin-left: 10px;
    font-size: 1rem;
    width: 25px;
    height: 15px;
    border-radius: 2px;
    position: relative;
    padding-bottom: 1px;
    position: relative;
  }
}
.contactForm__dd {
  width: calc(100% - 325px);
  -webkit-flex-basis: calc(100% - 325px);
          flex-basis: calc(100% - 325px);
  line-height: 1.875;
  font-family: "Zen Kaku Gothic New", sans-serif;
  position: relative;
  font-weight: 400;
}
@media screen and (max-width: 1160px) {
  .contactForm__dd {
    width: calc(100% - 270px);
    -webkit-flex-basis: calc(100% - 270px);
            flex-basis: calc(100% - 270px);
  }
}
@media screen and (max-width: 768px) {
  .contactForm__dd {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    line-height: 1.6;
    font-size: 1.7rem;
  }
}
.contactForm__ddPlaceholderWrap {
  display: none;
  width: 100%;
  height: 100%;
  padding: 13px 20px;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #c9caca;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.contactForm__ddPlaceholderWrap .contactForm__text {
  background-color: transparent;
  z-index: 2;
  position: relative;
}
.contactForm .contactForm__ddPlaceholderWrap .contactForm__text:-moz-placeholder-shown + .contactForm__ddPlaceholder {
  display: block;
}
.contactForm .contactForm__ddPlaceholderWrap .contactForm__text:-ms-input-placeholder + .contactForm__ddPlaceholder {
  display: block;
}
.contactForm .contactForm__ddPlaceholderWrap .contactForm__text:placeholder-shown + .contactForm__ddPlaceholder {
  display: block;
}
@media screen and (max-width: 768px) {
  .contactForm .contactForm__ddPlaceholderWrap .contactForm__text {
    height: 70px;
  }
  .contactForm .contactForm__ddPlaceholder {
    padding: 15px 16px;
  }
}
.contactForm .contactForm__dd .form-err {
  margin-top: 10px;
  color: #f00;
}
.contactForm .contactForm__recaptcha {
  width: 100%;
  text-align: center;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .contactForm .contactForm__recaptcha {
    margin-top: 25px;
  }
}
.contactForm .contactForm__recaptcha .g-recaptcha {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.contactForm .contactForm__recaptcha .form-err-recaptcha {
  margin-top: 10px;
  color: #f00;
  text-align: center;
}
.contactForm__ddCol {
  display: -webkit-flex;
  display: flex;
  margin-left: -7px;
  margin-right: -7px;
}
@media screen and (max-width: 768px) {
  .contactForm__ddCol {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0;
  }
}
.contactForm__ddColItem {
  width: 50%;
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 7px;
}
@media screen and (max-width: 768px) {
  .contactForm__ddColItem {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding: 0;
  }
  .contactForm__ddColItem:first-of-type {
    margin-bottom: 15px;
  }
}
.contactForm__ddColText {
  font-weight: 400;
  display: block;
  margin-right: 10px;
}
.contactForm__select {
  width: 300px;
  padding: 12px 20px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #dcdddd;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../images//icon_arrow_bottom.svg) right 20px center no-repeat;
  background-size: 10.9px 11px;
  color: #1d1d1d;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .contactForm__select {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    padding: 10px 15px;
    background: url(../images//icon_arrow_bottom.svg) right 15px center no-repeat;
    background-size: 11.9px 11px;
    font-size: 1.6rem;
    border-radius: 5px;
  }
}
.contactForm__text {
  width: 100%;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #dcdddd;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-weight: 400;
  border-radius: 8px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}
.contactForm__text::-webkit-input-placeholder {
  color: #cacaca;
  font-weight: 400;
}
.contactForm__text::-moz-placeholder {
  color: #cacaca;
  font-weight: 400;
}
.contactForm__text:-ms-input-placeholder {
  color: #cacaca;
  font-weight: 400;
}
.contactForm__text::placeholder {
  color: #cacaca;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .contactForm__text {
    width: 100%;
    min-width: none;
    padding: 10px 15px;
    font-size: 1.6rem;
    border-radius: 5px;
  }
}
.contactForm__text_type_sm {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .contactForm__text_type_sm {
    width: 100%;
  }
}
.contactForm .contactForm__text_type_address03 {
  height: 49px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (max-width: 768px) {
  .contactForm .contactForm__text_type_address03 {
    background-color: transparent;
    position: relative;
    height: 70px;
  }
}
.contactForm__body {
  padding: 12px 20px;
  border-radius: 8px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #dcdddd;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 200px;
  color: inherit;
  font-weight: 400;
  font-family: "zen-kaku-gothic-new", "Zen Kaku Gothic New", sans-serif;
}
@media screen and (max-width: 768px) {
  .contactForm__body {
    height: 200px;
    padding: 10px 15px;
    border-radius: 5px;
  }
}
.contactForm__privacy {
  margin-top: 50px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .contactForm__privacy {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-top: 25px;
    text-align: left;
  }
}
.contactForm__privacyLink {
  color: inherit;
  text-decoration: underline;
}
.contactForm__privacyLink:hover {
  text-decoration: none;
}
.contactForm__bts {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin-top: 35px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contactForm__bts {
    margin-top: 25px;
  }
}
@media screen and (max-width: 430px) {
  .contactForm__bts {
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .contactForm__bts_type_confirm {
    -webkit-flex-direction: column;
            flex-direction: column;
  }
}
.contactForm__btsItem {
  padding: 0 20px;
}
.contactForm__btsItem_type_conf {
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contactForm__btsItem_type_back {
    padding-left: 0;
    padding-right: 0;
    -webkit-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 768px) {
  .contactForm__btsItem_type_submit {
    padding-right: 0;
    padding-left: 0;
    -webkit-order: 1;
            order: 1;
    margin-bottom: 15px;
  }
}
.contactForm__btsButton {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .contactForm__btsButton {
    font-size: 1.4rem;
  }
}
.contactForm__btsButton_type_back {
  width: 300px;
  height: 55px;
  border-radius: 55px;
  background: #fff;
  color: #fa3e37;
  font-weight: 700;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  border: 1px solid #fa3e37;
}
@media screen and (max-width: 768px) {
  .contactForm__btsButton_type_back {
    width: 100%;
    height: 43px;
    font-size: 1.4rem;
  }
}
.contactForm__btsButton_type_back:after {
  content: "";
  display: block;
  width: 14.8px;
  height: 9.9px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fa3e37%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/cover;
  aspect-ratio: 14.8/9.9;
  position: absolute;
  left: 20px;
  top: calc(50% - 5px);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .contactForm__btsButton_type_back:after {
    width: 10px;
    height: auto;
    top: calc(50% - 4px);
  }
}
.contactForm__btsButton_type_back:hover {
  color: #fff;
  background-color: #fa3e37;
}
.contactForm__btsButton_type_back:hover:after {
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/cover;
}
.contactForm__btsButton_type_backText {
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.contactForm__btsButton_type_submit {
  width: 300px;
  height: 55px;
  border-radius: 55px;
  background: #fa3e37;
  color: #fff;
  font-weight: 700;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  border: 1px solid #fa3e37;
}
@media screen and (max-width: 768px) {
  .contactForm__btsButton_type_submit {
    width: 100%;
    height: 43px;
    font-size: 1.4rem;
  }
}
.contactForm__btsButton_type_submit:after {
  content: "";
  display: block;
  width: 14.8px;
  height: 9.9px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/cover;
  aspect-ratio: 14.8/9.9;
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
}
@media screen and (max-width: 768px) {
  .contactForm__btsButton_type_submit:after {
    width: 10px;
    height: auto;
    top: calc(50% - 4px);
  }
}
.contactForm__btsButton_type_submit:hover {
  background-color: #fff;
  color: #fa3e37;
}
.contactForm__btsButton_type_submit:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fa3e37%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.contactForm__btsButton_type_conf {
  width: 300px;
  height: 55px;
  border-radius: 55px;
  background: #fa3e37;
  color: #fff;
  font-weight: 700;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  border: 1px solid #fa3e37;
}
@media screen and (max-width: 768px) {
  .contactForm__btsButton_type_conf {
    width: 100%;
    height: 43px;
    font-size: 1.4rem;
  }
}
.contactForm__btsButton_type_conf:after {
  content: "";
  display: block;
  width: 14.8px;
  height: 9.9px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/cover;
  aspect-ratio: 14.8/9.9;
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
}
@media screen and (max-width: 768px) {
  .contactForm__btsButton_type_conf:after {
    width: 10px;
    height: auto;
    top: calc(50% - 4px);
  }
}
.contactForm__btsButton_type_conf:hover {
  background-color: #fff;
  color: #fa3e37;
}
.contactForm__btsButton_type_conf:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fa3e37%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.contactThanks__text {
  border: 1px solid #dcdddd;
  border-radius: 30px;
  padding: 40px 50px 45px 50px;
}
@media screen and (max-width: 768px) {
  .contactThanks__text {
    border-radius: 15px;
    padding: 20px 25px 25px 25px;
  }
}
.contactThanks__ttl {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid #d6d7d7;
  padding-bottom: 25px;
}
.contactThanks__ttl:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #fa3e37;
  position: relative;
  top: 2px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .contactThanks__ttl:before {
    width: 4px;
    height: 4px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .contactThanks__ttl {
    font-size: 2rem;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
.contactThanks__para {
  font-weight: 400;
  line-height: 1.875;
}
.contactThanks__return {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .contactThanks__return {
    margin-top: 25px;
  }
}

.ecoIntro {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .ecoIntro {
    margin-bottom: 50px;
  }
}
.ecoIntro__ttl {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .ecoIntro__ttl {
    margin-bottom: 25px;
  }
}
.ecoIntro__ttl .row2Ttl__jp {
  font-size: 4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .ecoIntro__ttl .row2Ttl__jp {
    font-size: 2.5rem;
  }
}
.ecoIntro__para {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 1.5em;
}
.ecoIntro__para:last-of-type {
  margin-bottom: 0;
}
.ecoIntro__swiper {
  margin-top: 40px;
}
@media screen and (max-width: 1060px) {
  .ecoIntro__swiper {
    display: none;
  }
}
.ecoIntro__pics {
  display: none;
}
@media screen and (max-width: 1060px) {
  .ecoIntro__pics {
    display: block;
  }
  .ecoIntro__pics:first-of-type {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 1060px) and (max-width: 768px) {
  .ecoIntro__pics:first-of-type {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1060px) {
  .ecoIntro__pics:last-of-type {
    margin-top: 1em;
  }
}
@media screen and (max-width: 1060px) and (max-width: 768px) {
  .ecoIntro__pics:last-of-type {
    margin-top: 20px;
  }
}
.ecoIntro__picsItem:first-of-type {
  margin-bottom: 15px;
}
.ecoIntro__picsImg {
  border-radius: 15px;
}
.ecoIntro__item {
  width: 1000px;
}
.ecoIntro__img {
  border-radius: 30px;
}
.ecoIntro__footer {
  margin-top: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .ecoIntro__footer {
    margin-top: 25px;
  }
}
.ecoIntro__prev {
  width: 30px;
  height: 30px;
  background-color: #f5f5f1;
  position: static;
  margin: 0 0 0 0;
  border-radius: 30px;
  margin-right: 30px;
}
@media screen and (max-width: 1060px) {
  .ecoIntro__prev {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .ecoIntro__prev {
    width: 32px;
  }
}
.ecoIntro__prev:after {
  color: #9fa0a0;
  font-size: 1rem;
  font-weight: 700;
}
.ecoIntro__pagination {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: auto !important;
  -webkit-justify-content: center;
          justify-content: center;
}
.ecoIntro__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #f5f5f1;
  opacity: 1;
  display: block;
  margin: 0 10px;
}
.ecoIntro__pagination .swiper-pagination-bullet-active {
  background-color: #9fa0a0;
}
.ecoIntro__next {
  width: 30px;
  height: 30px;
  background-color: #f5f5f1;
  position: static;
  margin: 0 0 0 0;
  border-radius: 30px;
  margin-left: 30px;
}
@media screen and (max-width: 1060px) {
  .ecoIntro__next {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .ecoIntro__next {
    width: 32px;
  }
}
.ecoIntro__next:after {
  color: #9fa0a0;
  font-size: 1rem;
  font-weight: 700;
}

.ecoConcept {
  position: relative;
  padding: 100px 0;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .ecoConcept {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 768px) {
  .ecoConcept {
    padding: 40px 0 35px;
  }
}
.ecoConcept:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 92.85vw;
  height: 100%;
  background-color: #f5f5f1;
  border-radius: 60px 0 0 60px;
}
@media screen and (max-width: 1260px) {
  .ecoConcept:before {
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .ecoConcept:before {
    left: auto;
    width: calc(100vw - 30px);
  }
}
@media screen and (max-width: 768px) {
  .ecoConcept__container {
    margin-left: 30px;
  }
}
.ecoConcept__ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .ecoConcept__ttl {
    margin-bottom: 20px;
  }
}
.ecoConcept__ttlEn {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fa3e37;
  line-height: 1;
  font-family: "League Spartan", serif;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .ecoConcept__ttlEn {
    font-size: 1.5rem;
  }
}
.ecoConcept__ttlJp {
  display: block;
  font-weight: 700;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .ecoConcept__ttlJp {
    font-size: 2.5rem;
  }
}
.ecoConcept__intro {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .ecoConcept__intro {
    margin-bottom: 45px;
  }
}
.ecoConcept__sub {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .ecoConcept__sub {
    margin-bottom: 45px;
  }
}
.ecoConcept__sub:last-of-type {
  margin-bottom: 0;
}
.ecoConcept__subTtl {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .ecoConcept__subTtl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.ecoConcept__subDesc {
  font-weight: 400;
  line-height: 1.875;
}
.ecoConcept__subNote {
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.875;
}
.ecoConcept__subFig {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .ecoConcept__subFig {
    margin-top: 20px;
  }
}
.ecoConcept__subImg {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .ecoConcept__subImg {
    border-radius: 15px;
  }
}

.ecoGeneration {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .ecoGeneration {
    margin-bottom: 50px;
  }
}
.ecoGeneration__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .ecoGeneration__ttl {
    margin-bottom: 20px;
  }
}
.ecoGeneration__ttl .row2Ttl__jp {
  font-size: 4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .ecoGeneration__ttl .row2Ttl__jp {
    font-size: 2.5rem;
  }
}
.ecoGeneration__col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .ecoGeneration__col {
    margin-bottom: 45px;
  }
}
.ecoGeneration__colText {
  width: 550px;
  -webkit-flex-basis: 550px;
          flex-basis: 550px;
  padding-right: 100px;
}
@media screen and (max-width: 1060px) {
  .ecoGeneration__colText {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .ecoGeneration__colText {
    margin-bottom: 20px;
  }
}
.ecoGeneration__colTtl {
  font-size: 3rem;
  line-height: 1.66;
  margin-bottom: 15px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .ecoGeneration__colTtl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.ecoGeneration__colDesc {
  font-weight: 400;
  line-height: 1.875;
  text-indent: -0.5em;
}
.ecoGeneration__colFig {
  width: 450px;
  -webkit-flex-basis: 450px;
          flex-basis: 450px;
}
@media screen and (max-width: 1060px) {
  .ecoGeneration__colFig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.ecoGeneration__colImg {
  border: 1px solid #dcdddd;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .ecoGeneration__colImg {
    border-radius: 10px;
    aspect-ratio: 630/400;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.ecoGenerationSub__ttl {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .ecoGenerationSub__ttl {
    font-size: 2.5rem;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}
.ecoGenerationSub__ttlIndentLeft {
  margin-left: -0.5em;
}
.ecoGenerationSub__ttlIndentRight {
  margin-left: -0.5em;
}
.ecoGenerationSub__desc {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .ecoGenerationSub__desc {
    margin-bottom: 20px;
  }
}
.ecoGenerationSub__img {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .ecoGenerationSub__img {
    border-radius: 15px;
  }
}
.ecoGenerationSub__btn {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .ecoGenerationSub__btn {
    margin-top: 30px;
  }
}

.error404 {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .error404 {
    margin-top: 0;
  }
}
.error404__container {
  max-width: 960px;
}
.errorContents__text {
  border: 1px solid #dcdddd;
  border-radius: 30px;
  padding: 40px 50px 45px 50px;
}
@media screen and (max-width: 768px) {
  .errorContents__text {
    border-radius: 15px;
    padding: 20px 25px 25px 25px;
  }
}
.errorContents__ttl {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid #d6d7d7;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .errorContents__ttl {
    -webkit-align-items: flex-start;
            align-items: flex-start;
  }
}
.errorContents__ttl:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #fa3e37;
  position: relative;
  top: 2px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .errorContents__ttl:before {
    width: 4px;
    height: 4px;
    margin-right: 10px;
    position: relative;
    top: 13px;
  }
}
@media screen and (max-width: 768px) {
  .errorContents__ttl {
    font-size: 2rem;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
.errorContents__para {
  font-weight: 400;
  line-height: 1.875;
}
.errorContents__return {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .errorContents__return {
    margin-top: 25px;
  }
}

.top {
  padding-top: 150px;
  padding-bottom: 150px;
  margin-top: 30px;
  overflow: hidden;
}
@media screen and (max-width: 1160px) {
  .top {
    padding-top: 170px;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .top {
    padding-top: 90px;
    padding-bottom: 75px;
  }
}

.topMv {
  margin-bottom: 180px;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .topMv {
    margin-bottom: 75px;
  }
}
.topMv__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .topMv__inner {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.topMv__text {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  width: 31.43vw;
  padding-right: 90px;
}
@media screen and (max-width: 1060px) {
  .topMv__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
}
.topMv__ttl {
  padding-top: 30px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  line-height: 1.3;
}
@media screen and (max-width: 1060px) {
  .topMv__ttl {
    padding-top: 0;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    line-height: 1.7;
    margin-bottom: 45px;
  }
  .topMv__ttl br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .topMv__ttl {
    margin-bottom: 40px;
  }
  .topMv__ttl br {
    display: inline;
  }
}
.topMv__ttlText {
  display: block;
  font-size: 6rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  white-space: nowrap;
}
@media screen and (max-width: 1060px) {
  .topMv__ttlText {
    font-size: 3.5rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1060px) {
  .topMv__ttlText:nth-of-type(1) {
    display: inline;
  }
}
.topMv__ttlText:nth-of-type(2) {
  padding-top: 2.24em;
  padding-right: 15px;
}
@media screen and (max-width: 1060px) {
  .topMv__ttlText:nth-of-type(2) {
    padding-top: 0;
    padding-right: 0;
    display: inline;
  }
}
.topMv__ttlDot {
  font-weight: 700;
  position: relative;
}
.topMv__ttlDot:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #e9e9e0;
  position: absolute;
  top: calc(50% - 7px);
  right: -15px;
}
@media screen and (max-width: 1060px) {
  .topMv__ttlDot:after {
    width: 6px;
    height: 6px;
    right: inherit;
    left: calc(50% - 3px - .06em);
    top: -2px;
  }
}
@media screen and (max-width: 1060px) {
  .topMv br.pc {
    display: none;
  }
}
.topMv br.tab {
  display: none;
}
@media screen and (max-width: 1060px) {
  .topMv br.tab {
    display: inline;
  }
}
.topMv__slider {
  width: 68.57vw;
  margin-right: 0;
  overflow: visible;
  height: 614px;
  position: relative;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1060px) {
  .topMv__slider {
    width: calc(100% + 30px);
    -webkit-flex-basis: calc(100% + 30px);
            flex-basis: calc(100% + 30px);
    margin-right: -30px;
    height: auto;
  }
}

.topMv__slider::before {
  content: "";
  width: calc(68.57vw + 28px);
  height: 670px;
  display: block;
  position: absolute;
  top: -28px;
  left: -28px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  background-image: url(../images/loopText_mv01.svg);
}
.topMv__slider.tgl::before {
  background-image: url(../images/loopText_mv02.svg);
}
@media screen and (max-width: 1060px) {
  .topMv__slider::before {
    width: calc(100% + 17px);
    height: calc(100% + 34px - 63px);
    top: -17px;
    left: -17px;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 768px) {
  .topMv__slider::before {
    height: calc(100% + 20px - 22px);
    top: -10px;
    left: -10px;
  }
}

.topMv__sliderList {
  overflow: visible;
}
.topMv__sliderImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1000px 0 0 1000px;
}
@media screen and (max-width: 768px) {
  .topMv__sliderImg {
    aspect-ratio: 675/490;
    -o-object-position: left center;
       object-position: left center;
    height: auto;
  }
}
.topMv .swiper-pagination-clickable {
  height: auto;
  font-size: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.topMv .swiper-pagination-bullets {
  margin: 60px 0 0 0;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .topMv .swiper-pagination-bullets {
    margin-top: 20px;
    position: relative;
    left: auto;
    right: 20px;
    top: 15px;
  }
}
.topMv .swiper-pagination-bullet {
  width: 35px;
  height: 3px;
  border-radius: 3px;
  background-color: #dcdddd;
  opacity: 1;
  margin-left: 7px !important;
  margin-right: 7px !important;
}
@media screen and (max-width: 768px) {
  .topMv .swiper-pagination-bullet {
    width: 23px;
    height: 2px;
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}
.topMv .swiper-pagination-bullet-active {
  background-color: #fa3e37;
}

.topMv__slider2 {
  position: absolute;
  top: calc(50% - 307px);
  right: calc(68.57vw + 360px);
}
.topMv__slider2::before {
  content: none;
}
.topMv__slider2 .topMv__sliderImg {
  border-radius: 0 999px 999px 0;
}

.topValue {
  margin-bottom: 170px;
}
@media screen and (max-width: 768px) {
  .topValue {
    margin-bottom: 90px;
  }
}
.topValue__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .topValue__ttl {
    margin-bottom: 25px;
  }
  .topValue__ttl:before {
    top: -15px;
  }
}
.topValue__desc {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.33;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .topValue__desc {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 35px;
  }
}
.topValue__list {
  overflow: visible;
}

.ssContents {
  margin-right: calc(-50vw + 500px);
  padding-right: 30px;
}
@media screen and (max-width: 1060px) {
  .ssContents {
    margin-right: -30px;
    padding-right: 30px;
    width: calc(100% + 30px);
  }
}
.ssContents__inItem {
  width: 306px;
  -webkit-flex-basis: 306px;
          flex-basis: 306px;
}
@media screen and (max-width: 768px) {
  .ssContents__inItem {
    width: 222px;
    -webkit-flex-basis: 222px;
            flex-basis: 222px;
  }
}
.ssContents__inItemLink {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  color: #fff;
  text-decoration: none;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}
.ssContents__inItemLink:hover .ssContents__inItemFigInner:after {
  opacity: 1;
}
.ssContents__inItemLink:hover .ssContents__inItemImg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.ssContents__inItemLink:hover .ssContents__inItemArrow {
  background: #222 url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
}
.ssContents__inItemLink:hover .ssContents__inItemArrow .ssContents__inItemArrowImg {
  display: none;
}
.ssContents__inItemFig {
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.ssContents__figText {
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
.ssContents__inItemImg {
  aspect-ratio: 280/404;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 280px;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.ssContents__inItemFigInner {
  margin: 13px;
  border-radius: 10000px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ssContents__inItemFigInner {
    margin: 10px;
  }
}
.ssContents__inItemFigInner:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10000px;
  background-color: rgba(35, 24, 21, 0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  transition: all 0.25s;
}

.ssContents__inItemLink::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.ssContents__inItemLink--about::before {
  background-image: url(../images/loopText_about01.svg);
}
.ssContents__inItemLink--about.tgl::before {
  background-image: url(../images/loopText_about02.svg);
}
.ssContents__inItemLink--company::before {
  background-image: url(../images/loopText_company01.svg);
}
.ssContents__inItemLink--company.tgl::before {
  background-image: url(../images/loopText_company02.svg);
}
.ssContents__inItemLink--message::before {
  background-image: url(../images/loopText_message01.svg);
}
.ssContents__inItemLink--message.tgl::before {
  background-image: url(../images/loopText_message02.svg);
}
.ssContents__inItemLink--member::before {
  background-image: url(../images/loopText_member01.svg);
}
.ssContents__inItemLink--member.tgl::before {
  background-image: url(../images/loopText_member02.svg);
}
.ssContents__inItemLink--recruit::before {
  background-image: url(../images/loopText_recruit01.svg);
}
.ssContents__inItemLink--recruit.tgl::before {
  background-image: url(../images/loopText_recruit02.svg);
}
.ssContents__inItemLink--news::before {
  background-image: url(../images/loopText_news01.svg);
}
.ssContents__inItemLink--news.tgl::before {
  background-image: url(../images/loopText_news02.svg);
}

.aboutMember .ssContents__inItemLink::before {
  background-image: url(../images/about/loopText_member01.svg);
}
.aboutMember .ssContents__inItemLink.tgl::before {
  background-image: url(../images/about/loopText_member02.svg);
}


.ssContents__inItemText {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  left: 0;
  bottom: 0;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  -webkit-align-content: flex-end;
          align-content: flex-end;
  padding-bottom: 30px;
}
.ssContents__inItemHead {
  text-align: center;
  text-shadow: 0 0 9px rgba(0, 0, 0, 0.45);
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.ssContents__inItemHeadJp {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .ssContents__inItemHeadJp {
    font-size: 2rem;
    margin-bottom: 5px;
  }
}
.ssContents__inItemHeadEn {
  display: block;
  font-size: 1.2rem;
  font-family: "zen-kaku-gothic-new", "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 400;
}
.ssContents__inItemArrow {
  display: block;
  text-align: center;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  margin: 15px auto 0 auto;
}
@media screen and (max-width: 768px) {
  .ssContents__inItemArrow {
    width: 34px;
    height: 34px;
  }
}
.ssContents__inItemArrowImg {
  width: 12px;
  aspect-ratio: 12/8;
}
@media screen and (max-width: 768px) {
  .ssContents__inItemArrowImg {
    width: 14px;
  }
}
.ssContents__item {
  width: 309px;
}
.ssContents__itemLink {
  color: inherit;
  text-decoration: none;
}
.ssContents__itemLink:hover .ssContents__img {
  opacity: 0.75;
}
.ssContents__fig {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .ssContents__fig {
    margin-bottom: 15px;
  }
}
.ssContents__img {
  width: 100%;
  height: 100%;
  aspect-ratio: 309/211;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.ssContents__info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 10px;
}
.ssContents__cat {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  border: 1px solid #222;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-weight: 400;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .ssContents__cat {
    font-size: 1rem;
    padding: 2px 8px;
  }
}
.ssContents__date {
  font-size: 1.4rem;
  line-height: 1;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .ssContents__date {
    font-size: 1rem;
  }
}
.ssContents__head {
  font-size: 1.8rem;
  line-height: 1.66;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .ssContents__head {
    font-size: 1.8rem;
    line-height: 1.55;
    margin-bottom: 5px;
  }
}
.ssContents__desc {
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .ssContents__desc {
    line-height: 1.625;
  }
}
.ssContents__footer {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .ssContents__footer {
    margin-top: 40px;
  }
}
.ssContents__footer_type_02 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 1060px) {
  .ssContents__footer_type_02 {
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
  }
}
.ssContents__footer_type_02 .ssContents__bar {
  width: 700px !important;
}
@media screen and (max-width: 1060px) {
  .ssContents__footer_type_02 .ssContents__bar {
    width: 100% !important;
  }
}
.ssContents__footer_type_02 .ssContents__btn {
  margin-left: auto;
}
@media screen and (max-width: 1060px) {
  .ssContents__footer_type_02 .ssContents__btn {
    margin-right: auto;
    margin-left: 0;
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .ssContents__footer_type_02 .ssContents__btn {
    margin-top: 30px;
  }
}
.ssContents__footer_type_02 .ssContents__btn:before {
  background-color: #fff;
}
.ssContents__footer_type_02 .ssContents__prev, .ssContents__footer_type_02 .ssContents__next {
  background-color: #fff;
}
.ssContents__footer_type_02 .swiper-button-disabled {
  opacity: 0.5;
}
.ssContents__scrolls {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 1060px) {
  .ssContents__scrolls {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
}
.ssContents__bar {
  position: static;
  width: calc(100% - 78px) !important;
  height: 5px !important;
  padding: 0 !important;
  position: relative;
  margin-top: 0 !important;
  position: relative !important;
  top: 0 !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  border-radius: 27px !important;
}
@media screen and (max-width: 768px) {
  .ssContents__bar {
    width: 100% !important;
    height: 3px !important;
    left: -2.5px !important;
  }
}
.ssContents__bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #efefef !important;
  border-radius: 27px !important;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .ssContents__bar:before {
    width: 100% !important;
  }
}
.ssContents__bar .swiper-scrollbar-drag {
  height: 100%;
  background-color: #c9caca;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .ssContents__bar .swiper-scrollbar-drag {
    height: 3px !important;
  }
}
.ssContents__buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 1060px) {
  .ssContents__buttons {
    margin-top: 30px;
    gap: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .ssContents__buttons {
    margin-top: 20px;
  }
}
.ssContents__prev {
  width: 30px;
  height: 30px;
  background-color: #efefef;
  position: static;
  margin: 0 0 0 0;
  border-radius: 30px;
  margin-left: 8px;
}
@media screen and (max-width: 1060px) {
  .ssContents__prev {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .ssContents__prev {
    width: 32px;
  }
}
.ssContents__prev:after {
  color: #9fa0a0;
  font-size: 1rem;
  font-weight: 700;
}
.ssContents__next {
  width: 30px;
  height: 30px;
  background-color: #efefef;
  position: static;
  margin: 0 0 0 0;
  border-radius: 30px;
  margin-left: 5px;
}
@media screen and (max-width: 1060px) {
  .ssContents__next {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .ssContents__next {
    width: 32px;
  }
}
.ssContents__next:after {
  color: #9fa0a0;
  font-size: 1rem;
  font-weight: 700;
}

.topSales {
  margin-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .topSales {
    margin-bottom: 70px;
  }
}
.topSales__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .topSales__ttl {
    margin-bottom: 25px;
  }
}
.topSales__desc {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.33;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .topSales__desc {
    line-height: 1.875;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.topSales__col {
  display: -webkit-flex;
  display: flex;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .topSales__col {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.topSales__colText {
  width: 500px;
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .topSales__colText {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    margin-top: 30px;
    padding-right: 0;
    -webkit-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 768px) {
  .topSales__colText {
    margin-top: 25px;
  }
}
.topSales__colList {
  border-top: 1px solid #dcdddd;
}
.topSales__colItem {
  border-bottom: 1px solid #dcdddd;
}
.topSales__colItemLink {
  color: inherit;
  text-decoration: none;
  padding: 40px 60px 45px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topSales__colItemLink {
    padding: 25px 0 30px;
  }
}
.topSales__colItemLink:hover .topSales__colItemMore:before {
  border-color: #fa3e37;
  background-color: #fa3e37;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.topSales__colItemLinkJp {
  font-size: 2.4rem;
  font-weight: 700;
  display: block;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.topSales__colItemLinkJp:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #fa3e37;
  margin-right: 12px;
  position: relative;
  top: 14px;
}
@media screen and (max-width: 768px) {
  .topSales__colItemLinkJp {
    font-size: 2rem;
    font-weight: 700;
  }
}
.topSales__colItemLinkEn {
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "zen-kaku-gothic-new", "Zen Kaku Gothic New", sans-serif;
  display: block;
  margin-top: 15px;
  padding-left: 22px;
}
@media screen and (max-width: 768px) {
  .topSales__colItemLinkEn {
    margin-top: 10px;
  }
}
.topSales__colItemMore:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #222222;
  position: absolute;
  right: 0;
  top: calc(50% - 15px);
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/12px 8px;
}
@media screen and (max-width: 768px) {
  .topSales__colItemMore:before {
    position: static;
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 768px) {
  .topSales__colItemMore {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 20px;
    -webkit-align-items: center;
            align-items: center;
    margin-left: 21px;
  }
}
.topSales__colItemMoreText {
  display: none;
}
@media screen and (max-width: 768px) {
  .topSales__colItemMoreText {
    display: block;
    margin-left: 10px;
    font-weight: 700;
  }
}
.topSales__colImages {
  -webkit-flex: 1;
          flex: 1;
  position: absolute;
  top: 0;
  left: 550px;
  width: calc(50vw - 50px);
  height: 100%;
}
@media screen and (max-width: 1060px) {
  .topSales__colImages {
    -webkit-order: 1;
            order: 1;
    margin-right: 0;
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    position: static;
    height: auto;
  }
}
.topSales__colImg {
  border-radius: 62px 0 0 62px;
  aspect-ratio: 700/687;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1060px) {
  .topSales__colImg_type_pc {
    display: none;
  }
}
.topSales__colImg_type_tab {
  display: none;
}
@media screen and (max-width: 1060px) {
  .topSales__colImg_type_tab {
    display: block;
  }
}
@media screen and (max-width: 1060px) {
  .topSales__colImg {
    border-radius: 15px;
    aspect-ratio: 630/400;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.topCanWe {
  background: url(../images/bg_01.jpg) no-repeat center bottom/cover;
  padding-top: 120px;
  min-height: 1033px;
  height: 73.78vw;
  -webkit-clip-path: inset(0px 0vw 0px 0vw round 50vw 50vw 0 0);
          clip-path: inset(0px 0vw 0px 0vw round 50vw 50vw 0 0);
  margin-bottom: 180px;
}
@media screen and (max-width: 768px) {
  .topCanWe {
    background: none;
    -webkit-clip-path: none;
            clip-path: none;
    min-height: auto;
    padding-top: 0;
    height: auto;
    margin-bottom: 90px;
  }
}
.topCanWe__ttl {
  font-size: 4rem;
  font-weight: 700;
  color: #0859a8;
  text-align: center;
  line-height: 1.7;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .topCanWe__ttl {
    font-size: 2.5rem;
    line-height: 1.6;
    margin-bottom: -100px;
    position: relative;
    z-index: 2;
  }
}
.topCanWe__ttlSt {
  font-size: 4.6rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .topCanWe__ttlSt {
    font-size: 2.5rem;
    line-height: 1.6;
  }
}
.topCanWe__fig {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: 25px;
}
.topCanWe__desc {
  text-align: center;
  color: #0859a8;
  font-size: 1.8rem;
  line-height: 2.333;
  font-weight: 400;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .topCanWe__desc {
    font-size: 1.6rem;
    line-height: 1.875;
    text-align: left;
    margin-bottom: 25px;
  }
}
.topCanWe__btn {
  width: 500px;
}
@media screen and (max-width: 768px) {
  .topCanWe__btn {
    width: 100%;
  }
}

.topWork {
  padding-bottom: 125px;
}
@media screen and (max-width: 768px) {
  .topWork {
    padding-bottom: 40px;
  }
}
.topWork__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .topWork__ttl {
    margin-bottom: 25px;
  }
  .topWork__ttl:before {
    top: -15px;
  }
}
.topWork__intro {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.33;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .topWork__intro {
    font-size: 1.6rem;
    line-height: 1.85;
    margin-bottom: 25px;
  }
}
.topWork__btn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  margin-top: 40px;
}
@media screen and (max-width: 1060px) {
  .topWork__btn {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .topWork__btn {
    margin-top: 25px;
  }
}

.arrowLink {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
}
.arrowLink:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #222;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
  margin-right: 10px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .arrowLink:before {
    width: 32px;
    height: 32px;
  }
}
.arrowLink__text {
  font-family: "zen-kaku-gothic-new", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .arrowLink__text {
    font-size: 1.5rem;
  }
}
.arrowLink:hover:before {
  background-color: #fa3e37;
  border-color: #fa3e37;
  background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

.topBlog {
  padding-top: 180px;
  background-color: #f5f5f1;
  padding-bottom: 135px;
  margin-bottom: 180px;
}
@media screen and (max-width: 768px) {
  .topBlog {
    padding-top: 80px;
    padding-bottom: 50px;
    margin-bottom: 70px;
  }
}
.topBlog__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .topBlog__ttl {
    margin-bottom: 25px;
  }
  .topBlog__ttl:before {
    top: -15px;
  }
}
.topBlog__ttl:before {
  background-image: url(../images/icon_logo_02.svg);
}
.topBlog__intro {
  font-size: 1.8rem;
  line-height: 2.333;
  margin-bottom: 40px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .topBlog__intro {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 25px;
  }
}
.topNews__ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .topNews__ttl {
    margin-bottom: 25px;
  }
  .topNews__ttl .row2Ttl__en {
    margin-bottom: 0;
  }
}
.topNews__ttl:before {
  left: calc(50% - 70px);
}
@media screen and (max-width: 768px) {
  .topNews__ttl:before {
    left: calc(50% - 25px);
  }
}
.topNews__btn {
  margin: 35px 0 0 auto;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
@media screen and (max-width: 1060px) {
  .topNews__btn {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .topNews__btn {
    margin-top: 25px;
  }
}

.newsList {
  border-top: 1px solid #dcdddd;
}
.newsList__item {
  border-bottom: 1px solid #dcdddd;
}
.newsList__link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
  padding: 30px 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .newsList__link {
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    padding: 20px 0 15px 0;
  }
}
.newsList__link:after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #222;
  position: absolute;
  right: 20px;
  top: calc(50% - 15px);
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
}
@media screen and (max-width: 768px) {
  .newsList__link:after {
    display: none;
  }
}
.newsList__link:hover:after {
  border-color: #fa3e37;
  background-color: #fa3e37;
  background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
.newsList__date {
  display: block;
  font-weight: 400;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .newsList__date {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
.newsList__info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .newsList__info {
    margin-bottom: 10px;
  }
}
.newsList__cat {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  border: 1px solid #222;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-weight: 400;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .newsList__cat {
    font-size: 1rem;
    padding: 2px 8px;
  }
}
.newsList__new {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  background-color: #fa3e37;
  border: 1px solid #fa3e37;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-right: 10px;
  color: #fff;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .newsList__new {
    font-size: 1rem;
    padding: 2px 8px;
  }
}
.newsList__ttl {
  -webkit-flex: 1;
          flex: 1;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-left: 20px;
  padding-right: 85px;
}
@media screen and (max-width: 768px) {
  .newsList__ttl {
    margin-left: 0;
    padding-right: 0;
    line-height: 1.875;
    -webkit-line-clamp: 2;
  }
}

.workList {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -18px;
  margin-right: -18px;
}
@media screen and (max-width: 1060px) {
  .workList {
    margin-left: 0;
    margin-right: 0;
  }
}
.workList__item {
  width: 33.333%;
  -webkit-flex-basis: 33.333%;
          flex-basis: 33.333%;
  padding: 0 18px;
}
@media screen and (max-width: 1060px) {
  .workList__item {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding: 0;
    margin-bottom: 45px;
  }
  .workList__item:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .workList__item {
    margin-bottom: 30px;
  }
}
.workList__itemLink {
  color: inherit;
  text-decoration: none;
}
.workList__itemLink:hover .workList__itemFig {
  opacity: 0.75;
}
.workList__itemFig {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .workList__itemFig {
    margin-bottom: 15px;
  }
}
.workList__itemImg {
  width: 100%;
  height: 100%;
  aspect-ratio: 309/211;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 211px;
}
.workList__itemText .newsList__new {
  margin-left: 0;
  margin-right: 5px;
}
.workList__itemCat {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  border: 1px solid #222;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-bottom: 10px;
  font-weight: 400;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .workList__itemCat {
    font-size: 1rem;
    padding: 2px 8px;
  }
}
.workList__itemHead {
  font-size: 1.8rem;
  line-height: 1.66;
  font-weight: 700;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 3.3em;
}
@media screen and (max-width: 768px) {
  .workList__itemHead {
    font-size: 1.8rem;
    line-height: 1.55;
    margin-bottom: 5px;
  }
}
.workList__itemDesc {
  line-height: 1.75;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .workList__itemDesc {
    line-height: 1.625;
  }
}

@-webkit-keyframes textRotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes textRotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.interview {
  padding-top: 20px !important;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .interview {
    margin-bottom: 60px;
  }
}
.interview:after {
  background-color: #fff !important;
}

.rBreadcrumb {
  max-width: 1060px;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto 120px auto;
}
@media screen and (max-width: 768px) {
  .rBreadcrumb {
    display: none;
  }
}
.rBreadcrumb__list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.rBreadcrumb__item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.rBreadcrumb__item:first-of-type:before {
  display: none;
}
.rBreadcrumb__item:before {
  content: "-";
  padding: 0 0.5em;
}
.rBreadcrumb__link {
  font-size: 1.2rem;
  color: #adadad;
  font-weight: 400;
  text-decoration: none;
}
.rBreadcrumb__link:hover {
  text-decoration: underline;
}
.rBreadcrumb__link_type_text {
  color: #222222;
}
.rBreadcrumb__link_type_text:hover {
  text-decoration: none;
}

.interviewIntro {
  min-height: 484px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  width: 100%;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .interviewIntro {
    margin-top: 35px;
    margin-bottom: 60px;
  }
}
.interviewIntro__text {
  width: 100%;
}
.interviewIntro__ttl {
  font-size: 4.8rem;
  font-weight: 700;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .interviewIntro__ttl {
    font-size: 2.5rem;
    margin-bottom: -25px;
  }
}
.interviewIntro__fig {
  position: absolute;
  top: 0;
  right: -70px;
  width: 785px;
}
@media screen and (max-width: 1060px) {
  .interviewIntro__fig {
    position: static;
    width: calc(100% + 30px);
    margin-left: auto;
    margin-right: -30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .interviewIntro__fig {
    margin-bottom: 25px;
  }
}
.interviewIntro__img {
  border-radius: 220px;
}
@media screen and (max-width: 1060px) {
  .interviewIntro__img {
    border-radius: 1000px 0 0 1000px;
  }
}
.interviewIntro__info {
  position: relative;
  z-index: 2;
  font-size: 1.4rem;
  line-height: 1.85;
  font-weight: 400;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .interviewIntro__info {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 10px;
  }
}
.interviewIntro__name {
  position: relative;
  z-index: 2;
}
.interviewIntro__nameJp {
  font-size: 3.6rem;
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 768px) {
  .interviewIntro__nameJp {
    font-size: 2.5rem;
    margin-bottom: 10px;
  }
}
.interviewIntro__nameEn {
  font-size: 1.4rem;
  font-weight: 400;
  display: block;
}
@media screen and (max-width: 768px) {
  .interviewIntro__nameEn {
    font-size: 1.6rem;
  }
}

.interviewBody__colItem {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .interviewBody__colItem {
    margin-bottom: 50px;
  }
}
.interviewBody__colItem:nth-of-type(odd) .interviewBody__colItemFig {
  -webkit-order: 1;
          order: 1;
  left: 0;
}
.interviewBody__colItem:nth-of-type(odd) .interviewBody__colItemText {
  -webkit-order: 2;
          order: 2;
  padding-left: 50px;
  margin-left: auto;
}
@media screen and (max-width: 1060px) {
  .interviewBody__colItem:nth-of-type(odd) .interviewBody__colItemText {
    padding-left: 0;
  }
}
.interviewBody__colItem:nth-of-type(even) .interviewBody__colItemFig {
  -webkit-order: 2;
          order: 2;
  right: 0;
}
.interviewBody__colItem:nth-of-type(even) .interviewBody__colItemText {
  -webkit-order: 1;
          order: 1;
  padding-right: 50px;
  margin-right: auto;
}
@media screen and (max-width: 1060px) {
  .interviewBody__colItem:nth-of-type(even) .interviewBody__colItemText {
    padding-right: 0;
  }
}
.interviewBody__colItem:last-of-type {
  margin-bottom: 0;
}
.interviewBody__colItemInner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .interviewBody__colItemInner {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.interviewBody__colItemFig {
  width: 380px;
  -webkit-flex-basis: 380px;
          flex-basis: 380px;
  position: absolute;
  top: calc(50% - 190px);
}
@media screen and (max-width: 1060px) {
  .interviewBody__colItemFig {
    position: static;
    margin: 0 auto 30px auto;
  }
}
@media screen and (max-width: 768px) {
  .interviewBody__colItemFig {
    width: 100%;
    margin-bottom: 25px;
  }
}
.interviewBody__colItemImg {
  width: 100%;
  height: auto;
  aspect-ratio: 380/380;
  border-radius: 1000px;
}
.interviewBody__colItemText {
  width: calc(100% - 380px);
  -webkit-flex-basis: calc(100% - 380px);
          flex-basis: calc(100% - 380px);
}
@media screen and (max-width: 1060px) {
  .interviewBody__colItemText {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.interviewBody__colItemNum {
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
  font-family: "League Spartan", serif;
  color: #f91e24;
  letter-spacing: 0.1em;
  font-style: italic;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .interviewBody__colItemNum {
    font-size: 5rem;
    margin-bottom: 0;
  }
}
.interviewBody__colItemTtl {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .interviewBody__colItemTtl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.interviewBody__colItemDescPara {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .interviewBody__colItemDescPara {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.interviewBody__colItemDescPara:last-of-type {
  margin-bottom: 0;
}

.interviewVisual {
  margin-top: 130px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  margin-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .interviewVisual {
    margin-top: 45px;
    padding-right: 30px;
    margin-bottom: 45px;
  }
}
.interviewVisual__img {
  border-radius: 0 15.21vw 15.21vw 0;
}
@media screen and (max-width: 768px) {
  .interviewVisual__img {
    border-radius: 0 1000px 1000px 0;
    aspect-ratio: 700/500;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .interviewVisual__img_type_01 {
    -o-object-position: -5vw;
       object-position: -5vw;
  }
}
.interviewVisual__circle {
  position: absolute;
  bottom: -130px;
  right: 90px;
  width: 194px;
  -webkit-animation: 15s linear infinite textRotation;
          animation: 15s linear infinite textRotation;
}
@media screen and (max-width: 768px) {
  .interviewVisual__circle {
    width: 89px;
    right: 30px;
    bottom: 0;
  }
}

.interviewTextCol {
  margin-bottom: 140px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 90px;
     -moz-column-gap: 90px;
          column-gap: 90px;
}
@media screen and (max-width: 1060px) {
  .interviewTextCol {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1060px) {
  .interviewTextCol {
    margin: 0 0 120px 0;
  }
}
@media screen and (max-width: 768px) {
  .interviewTextCol {
    margin-bottom: 95px;
  }
}
.interviewTextCol__item {
  margin-bottom: 60px;
}
@media screen and (max-width: 1060px) {
  .interviewTextCol__item {
    margin-bottom: 60px;
    padding: 0;
  }
  .interviewTextCol__item:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .interviewTextCol__item {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1060px) {
  .interviewTextCol__item:nth-of-type(2) {
    -webkit-order: 3;
            order: 3;
  }
}
.interviewTextCol__item:nth-of-type(3) {
  padding-top: 60px;
}
@media screen and (max-width: 1060px) {
  .interviewTextCol__item:nth-of-type(3) {
    padding-top: 0;
    -webkit-order: 2;
            order: 2;
  }
}
.interviewTextCol__item:nth-of-type(4) {
  padding-top: 60px;
}
.interviewTextCol__item:nth-of-type(4).interviewTextCol__item_type_end {
  padding-top: 120px;
}
@media screen and (max-width: 1060px) {
  .interviewTextCol__item:nth-of-type(4).interviewTextCol__item_type_end {
    padding-top: 0;
  }
}
@media screen and (max-width: 1060px) {
  .interviewTextCol__item:nth-of-type(4) {
    padding-top: 0;
    -webkit-order: 4;
            order: 4;
  }
}
.interviewTextCol__item:nth-of-type(n + 2) {
  margin-bottom: 0;
}
@media screen and (max-width: 1060px) {
  .interviewTextCol__item:nth-of-type(n + 2) {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .interviewTextCol__item:nth-of-type(n + 2) {
    margin-bottom: 45px;
  }
}
.interviewTextCol__item:last-of-type {
  margin-bottom: 0;
}
.interviewTextCol__inner {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.interviewTextCol__num {
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
  font-family: "League Spartan", serif;
  color: #f91e24;
  letter-spacing: 0.1em;
  font-style: italic;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .interviewTextCol__num {
    font-size: 5rem;
    margin-bottom: 0;
  }
}
.interviewTextCol__ttl {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .interviewTextCol__ttl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.interviewTextCol__descPara {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .interviewTextCol__descPara {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.interviewTextCol__descPara:last-of-type {
  margin-bottom: 0;
}

.otherInterview__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 1060px) {
  .otherInterview__inner {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.otherInterview__text {
  width: 500px;
  -webkit-flex-basis: 500px;
          flex-basis: 500px;
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .otherInterview__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .otherInterview__text {
    margin-bottom: 15px;
  }
}
.otherInterview__ttl {
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .otherInterview__ttl {
    margin-bottom: 15px;
  }
}
.otherInterview__ttl .lineTtl__en {
  margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
  .otherInterview__ttl .lineTtl__en {
    margin-bottom: -7px;
  }
}
.otherInterview__ttl .lineTtl__en:after {
  height: 2px;
  bottom: 15%;
}
.otherInterview__ttl .lineTtl__jp {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .otherInterview__ttl .lineTtl__jp {
    font-size: 3rem;
  }
}
.otherInterview__desc {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .otherInterview__desc {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.otherInterview__btn {
  width: 500px;
  -webkit-flex-basis: 500px;
          flex-basis: 500px;
}
@media screen and (max-width: 1060px) {
  .otherInterview__btn {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}

.memberList {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -45px -25px;
}
@media screen and (max-width: 768px) {
  .memberList {
    margin: -20px -10px;
  }
}
.memberList__item {
  width: 33.333%;
  -webkit-flex-basis: 33.333%;
          flex-basis: 33.333%;
  padding: 45px 25px;
}
@media screen and (max-width: 768px) {
  .memberList__item {
    width: 50%;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    padding: 20px 10px;
  }
}
.memberList__image {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .memberList__image {
    margin-bottom: 25px;
  }
}

.memberList__image::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/about/loopText_member01.svg);
}
.memberList__image.tgl::before {
  background-image: url(../images/about/loopText_member02.svg);
}

.memberList__fig {
  padding: 5.6%;
}
.memberList__img {
  width: 100%;
  border-radius: 999px;
  aspect-ratio: 264/381;
  -o-object-fit: cover;
     object-fit: cover;
}
.memberList__name {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .memberList__name {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}
.memberList__ttl {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .memberList__ttl {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
.memberList__desc {
  font-weight: 400;
  line-height: 1.875;
}

.message__dl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .message__dl {
    margin-bottom: 20px;
  }
}
.message__dt {
  font-size: 1.8rem;
  line-height: 2.33;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .message__dt {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.message__dd {
  font-size: 1.8rem;
  line-height: 2.33;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .message__dd {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.message__fig {
  position: absolute;
  right: 0;
  width: 450px;
}
@media screen and (max-width: 1060px) {
  .message__fig {
    position: static;
    width: 100%;
  }
}
.message__fig_type_top {
  top: 0;
}
@media screen and (max-width: 1060px) {
  .message__fig_type_top {
    margin-bottom: 20px;
  }
}
.message__fig_type_middle {
  bottom: 374px;
}
@media screen and (max-width: 1060px) {
  .message__fig_type_middle {
    margin-bottom: 20px;
  }
}
.message__img {
  border-radius: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .message__img {
    border-radius: 15px;
  }
}
.message__descPara {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 1.5em;
  line-height: 1.66;
}
@media screen and (max-width: 768px) {
  .message__descPara {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.message__descPara:last-of-type {
  margin-bottom: 0;
}
.message__fig_type_bottom {
  bottom: 0;
}
@media screen and (max-width: 1060px) {
  .message__fig_type_bottom {
    margin-bottom: 20px;
  }
}

.messageContents {
  position: relative;
}
.messageContents__inner {
  width: 50%;
}
@media screen and (max-width: 1060px) {
  .messageContents__inner {
    position: static;
    width: 100%;
  }
}
.messageContents__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .messageContents__ttl {
    margin-bottom: 20px;
  }
}
.messageContents__ttl .row2Ttl__jp {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .messageContents__ttl .row2Ttl__jp {
    font-size: 2.5rem;
  }
}

.newsArchive {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .newsArchive {
    margin-top: 0;
  }
}
.newsArchive__num {
  font-size: 1.2rem;
  margin-bottom: 45px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .newsArchive__num {
    font-size: 1rem;
    margin-bottom: 15px;
  }
}
.newsArchive__num_type_bottom {
  margin-bottom: 0;
  margin-top: 20px;
  text-align: center;
}

.newsSingle {
  margin-top: -50px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .newsSingle {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .newsSingle {
    margin-bottom: 75px;
  }
}
.newsSingle__articleInner {
  border: 1px solid #d6d7d7;
  border-radius: 30px;
  padding: 40px 50px;
}
@media screen and (max-width: 768px) {
  .newsSingle__articleInner {
    padding: 25px;
    border-radius: 15px;
  }
}
.newsSingle__ttl {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.66;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .newsSingle__ttl {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 15px;
  }
}
.opMade {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .opMade {
    margin-bottom: 50px;
  }
}
.opMade__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .opMade__inner {
    margin-bottom: 20px;
  }
}
.opMade__ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .opMade__ttl {
    margin-bottom: 20px;
  }
}
.opMade__ttl .row2Ttl__jp {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .opMade__ttl .row2Ttl__jp {
    font-size: 2.5rem;
  }
  .opMade__ttl .row2Ttl__jp br {
    display: none;
  }
}
.opMade__text {
  width: calc(100% - 450px);
  -webkit-flex-basis: calc(100% - 450px);
          flex-basis: calc(100% - 450px);
  padding-right: 45px;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .opMade__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
  }
}
.opMade__descPara {
  line-height: 1.875;
  font-weight: 400;
  margin-bottom: 1.5em;
}
.opMade__descPara:last-of-type {
  margin-bottom: 0;
}
.opMade__fig {
  width: 450px;
  -webkit-flex-basis: 450px;
          flex-basis: 450px;
  position: absolute;
  right: -450px;
  top: 0;
}
@media screen and (max-width: 1060px) {
  .opMade__fig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    position: static;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .opMade__fig {
    margin-bottom: 15px;
  }
}
.opMade__img {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .opMade__img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 768px) {
  .opMade__slider {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.opMade__mainFig .opMade__mainFigItem:last-of-type {
  display: none;
}
@media screen and (max-width: 768px) {
  .opMade__mainFig .opMade__mainFigItem:last-of-type {
    display: block;
  }
}
.opMade__mainImg {
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .opMade__mainImg {
    width: 600px;
  }
}
.opMade__btn {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .opMade__btn {
    margin-top: 30px;
  }
}

.tabLink {
  display: -webkit-flex;
  display: flex;
  color: inherit;
  text-decoration: none;
}
.tabLink:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #222;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
  margin-right: 10px;
  background-color: #fff;
  position: relative;
  top: 1px;
}
@media screen and (max-width: 768px) {
  .tabLink:before {
    width: 32px;
    height: 32px;
  }
}
.tabLink__text {
  font-family: "zen-kaku-gothic-new", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  line-height: 1.875;
  -webkit-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .tabLink__text {
    font-size: 1.5rem;
  }
}
.tabLink__textIcon {
  width: 19px;
  height: 14px;
  display: block;
  aspect-ratio: 19/14;
  margin-left: 8px;
  display: inline-block;
  position: relative;
  top: -9px;
}
.tabLink:hover:before {
  background-color: #fa3e37;
  border-color: #fa3e37;
  background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

.opMainLinst {
  position: relative;
  padding: 100px 0;
  margin-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .opMainLinst {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .opMainLinst {
    padding: 40px 0 35px;
  }
}
.opMainLinst:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: calc(-50vw + 500px);
  width: 92.85vw;
  height: 100%;
  background-color: #f5f5f1;
  border-radius: 60px 0 0 60px;
}
@media screen and (max-width: 1260px) {
  .opMainLinst:before {
    width: 100vw;
  }
}
@media screen and (max-width: 1060px) {
  .opMainLinst:before {
    left: -30px;
  }
}
@media screen and (max-width: 768px) {
  .opMainLinst:before {
    left: auto;
    right: -30px;
    width: calc(100vw - 30px);
  }
}
.opMainLinst__item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .opMainLinst__item {
    padding-left: 30px;
    margin-bottom: 40px;
  }
}
.opMainLinst__item:last-of-type {
  margin-bottom: 0;
}
.opMainLinst__text {
  width: 50%;
  padding-right: 50px;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .opMainLinst__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
  }
}
.opMainLinst__ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .opMainLinst__ttl {
    margin-bottom: 20px;
  }
}
.opMainLinst__ttlEn {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fa3e37;
  line-height: 1;
  font-family: "League Spartan", serif;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .opMainLinst__ttlEn {
    font-size: 1.5rem;
  }
}
.opMainLinst__ttlJp {
  display: block;
  font-weight: 700;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .opMainLinst__ttlJp {
    font-size: 2.5rem;
  }
}
.opMainLinst__descPara {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 1.5em;
}
.opMainLinst__descPara:last-of-type {
  margin-bottom: 0;
}
.opMainLinst__fig {
  width: 500px;
  position: absolute;
  right: -500px;
  top: 0;
}
@media screen and (max-width: 1060px) {
  .opMainLinst__fig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    position: static;
    margin: 20px 0;
  }
}
.opMainLinst__img {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .opMainLinst__img {
    border-radius: 15px;
    aspect-ratio: 570/400;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.planningIntro {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .planningIntro {
    margin-bottom: 50px;
  }
}
.planningIntro__inner {
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 1060px) {
  .planningIntro__inner {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.planningIntro__text {
  width: 50%;
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .planningIntro__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.planningIntro__ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .planningIntro__ttl {
    margin-bottom: 20px;
  }
}
.planningIntro__ttl .row2Ttl__jp {
  font-size: 3.8rem;
  letter-spacing: -0.005em;
}
@media screen and (max-width: 768px) {
  .planningIntro__ttl .row2Ttl__jp {
    font-size: 2.5rem;
  }
}
.planningIntro__ttl .row2Ttl__jpIndent {
  margin-left: -0.5em;
  font-weight: 700;
}
.planningIntro__ttl .row2Ttl__jpIndentRight {
  margin-right: -0.5em;
}
.planningIntro__descPara {
  line-height: 1.875;
  margin-bottom: 1.5em;
  font-weight: 400;
}
.planningIntro__descPara:last-of-type {
  margin-bottom: 0;
}
.planningIntro__fig {
  width: 50%;
}
@media screen and (max-width: 1060px) {
  .planningIntro__fig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.planningIntro__img {
  border-radius: 30px;
}

.row2Ttl__jpSm {
  font-size: 2.4rem;
  font-weight: 700;
  display: block;
  text-indent: -0.5em;
}
@media screen and (max-width: 768px) {
  .row2Ttl__jpSm {
    font-size: 1.6rem;
  }
}
.planningFlow {
  padding-top: 140px;
  background-color: #f5f5f1;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .planningFlow {
    padding-top: 55px;
    padding-bottom: 50px;
  }
}
.planningFlow__ttl {
  margin-bottom: 30px;
}
.planningFlow__ttl:before {
  background-image: url(../images/icon_logo_02.svg);
}
@media screen and (max-width: 768px) {
  .planningFlow__ttl {
    margin-bottom: 20px;
  }
}
.planningFlow__slider {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 1060px) {
  .planningFlow__slider {
    margin-left: -20px;
    margin-right: -30px;
    padding-right: 30px;
  }
}
.planningFlow__item {
  width: 700px;
}
@media screen and (max-width: 768px) {
  .planningFlow__item {
    width: 295px;
  }
}
.planningFlow__fig {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .planningFlow__fig {
    margin-bottom: 15px;
  }
}
.planningFlow__img {
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .planningFlow__img {
    border-radius: 15px;
  }
}
.planningFlow__head {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  margin-bottom: 15px;
}
.planningFlow__headNum {
  font-size: 5rem;
  font-weight: 700;
  color: #fa3e37;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .planningFlow__headNum {
    font-size: 4rem;
  }
}
.planningFlow__headText {
  font-size: 3rem;
  font-weight: 700;
  display: block;
  margin-left: 15px;
  position: relative;
  top: 0.1em;
}
@media screen and (max-width: 768px) {
  .planningFlow__headText {
    font-size: 2rem;
    top: 0.15em;
  }
}
.planningFlow__desc {
  font-weight: 400;
  line-height: 1.875;
}
.planningFlow__footer {
  margin-top: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .planningFlow__footer {
    margin-top: 25px;
  }
}
.planningFlow__prev {
  width: 30px;
  height: 30px;
  background-color: #fff;
  position: static;
  margin: 0 0 0 0;
  border-radius: 30px;
  margin-right: 30px;
}
@media screen and (max-width: 1060px) {
  .planningFlow__prev {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .planningFlow__prev {
    width: 32px;
  }
}
.planningFlow__prev:after {
  color: #9fa0a0;
  font-size: 1rem;
  font-weight: 700;
}
.planningFlow__pagination {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: auto !important;
  -webkit-justify-content: center;
          justify-content: center;
}
.planningFlow__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #fff;
  opacity: 1;
  display: block;
  margin: 0 10px;
}
.planningFlow__pagination .swiper-pagination-bullet:nth-child(n+5) {
  display: none;
}
.swiper-pagination-bullet.active,
.planningFlow__pagination .swiper-pagination-bullet-active {
  background-color: #9fa0a0;
}
.planningFlow__next {
  width: 30px;
  height: 30px;
  background-color: #fff;
  position: static;
  margin: 0 0 0 0;
  border-radius: 30px;
  margin-left: 30px;
}
@media screen and (max-width: 1060px) {
  .planningFlow__next {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .planningFlow__next {
    width: 32px;
  }
}
.planningFlow__next:after {
  color: #9fa0a0;
  font-size: 1rem;
  font-weight: 700;
}

.planningWith {
  padding-top: 150px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .planningWith {
    padding-top: 75px;
    padding-bottom: 50px;
  }
}
.planningWith__inner {
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 1060px) {
  .planningWith__inner {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.planningWith__text {
  width: 50%;
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .planningWith__text {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.planningWith__ttl {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .planningWith__ttl {
    margin-bottom: 20px;
  }
}
.planningWith__ttl .row2Ttl__jp {
  text-indent: -0.5em;
  font-size: 4rem;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
  .planningWith__ttl .row2Ttl__jp {
    font-size: 2.5rem;
  }
}
.planningWith__ttl .row2Ttl__jpMl {
  margin-right: -0.5em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .planningWith__ttl::before {
    top: -15px;
  }
}
.planningWith__desc {
  font-weight: 400;
  line-height: 1.875;
}
.planningWith__fig {
  width: 50%;
}
@media screen and (max-width: 1060px) {
  .planningWith__fig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.planningWith__img {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .planningWith__img {
    border-radius: 15px;
  }
}

.result {
  background-color: #f5f5f1;
  padding: 90px 0 95px;
  margin-bottom: 145px;
}
@media screen and (max-width: 768px) {
  .result {
    padding: 45px 0 50px;
    margin-bottom: 45px;
  }
}
.result_type_mb0 {
  margin-bottom: 0;
}
.result__container {
  position: relative;
}
.result__ttl {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .result__ttl {
    font-size: 2.5rem;
    margin-bottom: 25px;
  }
}
.result__btn {
  position: absolute;
  right: 30px;
  top: 9px;
}
@media screen and (max-width: 1060px) {
  .result__btn {
    position: static;
    margin-top: 30px;
    -webkit-justify-content: center;
            justify-content: center;
  }
}

.privacy {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .privacy {
    margin-top: 0;
  }
}
.privacy__container {
  max-width: 960px;
}
@media screen and (max-width: 768px) {
  .privacy__container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.privacy__intro {
  line-height: 1.875;
  margin-bottom: 20px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .privacy__intro {
    margin-bottom: 40px;
  }
}
.privacy__ol {
  list-style: none;
  counter-reset: number 0;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .privacy__ol {
    margin-bottom: 40px;
  }
}
.privacy__olItem {
  display: -webkit-flex;
  display: flex;
  counter-increment: number 1;
  font-weight: 400;
  line-height: 1.875;
}
.privacy__olItem:before {
  content: counter(number) ".";
  margin-right: 10px;
}

.privacySection {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .privacySection {
    margin-bottom: 40px;
  }
}
.privacySection:last-of-type {
  margin-bottom: 0;
}
.privacySection__ttl {
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
}
.privacySection__ttl:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #fa3e37;
  position: relative;
  top: 21px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .privacySection__ttl:before {
    width: 4px;
    height: 4px;
    margin-right: 10px;
    top: 13px;
  }
}
@media screen and (max-width: 768px) {
  .privacySection__ttl {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
.privacySection__desc {
  font-weight: 400;
  line-height: 1.875;
}
.privacySection__list {
  margin-top: 20px;
  list-style: none;
  margin-bottom: 20px;
}
.privacySection__item {
  line-height: 1.875;
  font-weight: 400;
  display: -webkit-flex;
  display: flex;
}
.privacySection__item:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #222222;
  position: relative;
  top: 13px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .privacySection__item:before {
    width: 4px;
    height: 4px;
    margin-right: 10px;
  }
}

@keyframes textRotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.recruitMv {
  position: relative;
}
.recruitMv__text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  z-index: 2;
}
.recruitMv__textInner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.recruitMv__ttl {
  font-size: 7.1rem;
  line-height: 1.5;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  color: #fff;
  padding: 0 60px;
}
@media screen and (max-width: 1260px) {
  .recruitMv__ttl {
    font-size: 5.4rem;
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .recruitMv__ttl {
    font-size: 3.2rem;
    padding: 0;
  }
}
.recruitMv__circle {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .recruitMv__circle {
    width: 460px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: calc(50% - 230px);
  }
}
.recruitMv__circleImg {
  -webkit-animation: 35s linear infinite textRotation;
          animation: 35s linear infinite textRotation;
}
@media screen and (max-width: 768px) {
  .recruitMv__img_type_pc {
    display: none;
  }
}
.recruitMv__img_type_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .recruitMv__img_type_sp {
    display: block;
  }
}
.recruitMv__scroll {
  position: absolute;
  bottom: 0;
  right: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  z-index: 2;
  letter-spacing: 0.1em;
  height: 220px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .recruitMv__scroll {
    bottom: -40px;
  }
}
.recruitMv__scrollText {
  font-size: 1.4rem;
  font-family: "League Spartan", serif;
  font-weight: 400;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .recruitMv__scrollText {
    font-size: 1rem;
  }
}
.recruitMv__scrollBar {
  height: 63px;
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruitMv__scrollBar {
    height: 32px;
  }
}
.recruitMv__scrollBar:after {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 30px;
  background: #fff;
  -webkit-animation: pathmove 1.4s ease-in-out infinite;
          animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .recruitMv__scrollBar:after {
    width: 1px;
    height: 15px;
  }
}
@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 63px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 90px;
    opacity: 0;
  }
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 63px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 90px;
    opacity: 0;
  }
}

.recruitNews {
  background-color: #f5f5f1;
  border-radius: 0 270px 0 270px;
  padding: 130px 0 200px;
}
@media screen and (max-width: 1060px) {
  .recruitNews {
    border-radius: 0 133px 0 133px;
    padding-top: 70px;
    padding-bottom: 45px;
  }
}
.recruitNews__container {
  position: relative;
}
.recruitNews__ttl {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .recruitNews__ttl {
    margin-bottom: 20px;
  }
}
.recruitNews__intro {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .recruitNews__intro {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 20px;
  }
}
.lineTtl__en {
  display: -webkit-flex;
  display: flex;
  font-size: 2.2rem;
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "League Spartan", serif;
  min-height: 28.8px;
  overflow: hidden;
  padding-left: 12px;
  padding-top: 4px;
}
@media screen and (max-width: 768px) {
  .lineTtl__en {
    font-size: 1.2rem;
    margin-bottom: -7px;
    padding-left: 9px;
  }
}
.lineTtl__en:before {
  content: "";
  display: block;
  width: 12.6px;
  height: 35.8px;
  background: url(../images/ttl_icon_01.svg) no-repeat left bottom/cover;
  width: 275.7px;
  position: absolute;
  left: 0;
  top: -7px;
}
@media screen and (max-width: 768px) {
  .lineTtl__en:before {
    height: 20px;
    top: 0px;
  }
}
.lineTtl__jp {
  display: block;
  font-size: 4.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .lineTtl__jp {
    font-size: 3rem;
    line-height: 1.5;
  }
}

.rNewsList__item {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .rNewsList__item {
    margin-bottom: 10px;
  }
}
.rNewsList__item:last-of-type {
  margin-bottom: 0;
}
.rNewsList__link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
  padding: 30px 40px;
  position: relative;
  background-color: #fff;
  border-radius: 60px;
}
@media screen and (max-width: 1060px) {
  .rNewsList__link {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    border-radius: 22px;
  }
}
@media screen and (max-width: 768px) {
  .rNewsList__link {
    padding: 20px 25px;
  }
}
.rNewsList__link:after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  right: 20px;
  top: calc(50% - 15px);
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
}
@media screen and (max-width: 1060px) {
  .rNewsList__link:after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .rNewsList__link:after {
    display: none;
  }
}
.rNewsList__link:hover:after {
  border-color: #fa3e37;
  background-color: #fa3e37;
  background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
.rNewsList__date {
  display: block;
  font-weight: 400;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .rNewsList__date {
    font-size: 1rem;
    margin-right: 10px;
  }
}
.rNewsList__info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.rNewsList__cat {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  border: 1px solid #222;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-weight: 400;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .rNewsList__cat {
    font-size: 1rem;
    padding: 2px 8px;
  }
}
.rNewsList__new {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  background-color: #222222;
  border: 1px solid #222222;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-left: 10px;
  color: #fff;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .rNewsList__new {
    font-size: 1rem;
    padding: 2px 8px;
    margin-left: 10px;
  }
}
.rNewsList__head {
  -webkit-flex: 1;
          flex: 1;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-left: 10px;
  padding-right: 90px;
}
@media screen and (max-width: 1060px) {
  .rNewsList__head {
    -webkit-flex: none;
            flex: none;
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .rNewsList__head {
    margin-top: 10px;
    margin-left: 0;
    padding-right: 0;
    line-height: 1.875;
    -webkit-line-clamp: 2;
  }
}

.moreBtn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
  position: absolute;
  right: 30px;
  top: 125px;
}
@media screen and (max-width: 1060px) {
  .moreBtn {
    position: static;
    margin-top: 25px;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .moreBtn {
    margin-top: 20px;
  }
}
.moreBtn:hover:after {
  background: #fa3e37 url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
}
.moreBtn:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 8px;
  margin-left: 10px;
  background-color: #222222;
}
@media screen and (max-width: 768px) {
  .moreBtn:after {
    width: 35px;
    height: 35px;
  }
}
.moreBtn__text {
  color: inherit;
  text-decoration: none;
  font-weight: 400;
}

.recruitTopMessage {
  padding-top: 120px;
}
@media screen and (max-width: 1060px) {
  .recruitTopMessage {
    margin-bottom: 140px;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopMessage {
    padding-top: 70px;
    margin-bottom: 100px;
  }
}
.recruitTopMessage__col {
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  min-height: 64vw;
}
@media screen and (max-width: 1060px) {
  .recruitTopMessage__col {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.recruitTopMessage__text {
  width: 500px;
}
@media screen and (max-width: 1060px) {
  .recruitTopMessage__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.recruitTopMessage__ttl {
  margin-bottom: 30px;
}
.recruitTopMessage__ttl .lineTtl__en:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20276.21%2030.8%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M275.21%2C29.8H5.47c-3.3%2C0-5.19-2.58-4.21-5.73L8.47%2C1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.recruitTopMessage__ttl .lineTtl__en:after {
  background-color: #fff;
}
.recruitTopMessage__ttl .lineTtl__jp {
  letter-spacing: -0.005em;
}
@media screen and (max-width: 768px) {
  .recruitTopMessage__ttl {
    margin-bottom: 20px;
  }
}
.recruitTopMessage__desc {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .recruitTopMessage__desc {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopMessage__desc {
    margin-bottom: 20px;
  }
}
.recruitTopMessage__descPara {
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 1.5em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruitTopMessage__descPara {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.recruitTopMessage__descPara:last-of-type {
  margin-bottom: 0;
}
.recruitTopMessage__images {
  width: 45.4vw;
  position: absolute;
  right: calc(-50vw + 500px);
  top: calc(-6.4vw - 120px);
}
@media screen and (max-width: 1060px) {
  .recruitTopMessage__images {
    position: static;
    width: calc(100% + 30px);
    position: relative;
    top: 0;
    right: 0;
    margin-right: -30px;
    margin-bottom: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopMessage__images {
    margin-bottom: 20px;
  }
}
.recruitTopMessage__imagesCircle {
  width: 194px;
  position: absolute;
  top: 2.85vw;
  left: 5.71vw;
  -webkit-animation: 15s linear infinite textRotation;
          animation: 15s linear infinite textRotation;
}
@media screen and (max-width: 1060px) {
  .recruitTopMessage__imagesCircle {
    left: -1.33vw;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopMessage__imagesCircle {
    width: 97px;
  }
}
.recruitTopMessage__img {
  width: 100%;
  border-radius: 10000px 0 0 10000px;
}
@media screen and (max-width: 1060px) {
  .recruitTopMessage__img_type_pc {
    display: none;
  }
}
.recruitTopMessage__img_type_sp {
  display: none;
}
@media screen and (max-width: 1060px) {
  .recruitTopMessage__img_type_sp {
    display: block;
  }
}

.rRoundBtn {
  width: 394px;
  height: 98px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  background-color: #222222;
  color: #fff;
  text-decoration: none;
  border-radius: 90px;
  position: relative;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .rRoundBtn {
    width: 100%;
    height: 60px;
    padding-left: 30px;
  }
}
.rRoundBtn:hover {
  background-color: #fff;
}
.rRoundBtn:hover:after {
  background: #222 url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/21px 14px;
}
.rRoundBtn:hover .rRoundBtn__text {
  color: #222;
}
.rRoundBtn:after {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 52px;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/21px 14px;
  margin-left: 10px;
  background-color: #fff;
  position: absolute;
  right: 22px;
  top: calc(50% - 26px);
}
@media screen and (max-width: 768px) {
  .rRoundBtn:after {
    width: 30px;
    height: 30px;
    background: #fff url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/12px 13px;
    right: 15px;
    top: calc(50% - 15px);
  }
}
.rRoundBtn__text {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .rRoundBtn__text {
    font-size: 1.6rem;
  }
}

.recruitTopAbout {
  margin-top: -20px;
  margin-bottom: 140px;
}
@media screen and (max-width: 1360px) {
  .recruitTopAbout {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 1260px) {
  .recruitTopAbout {
    margin-top: 10vw;
  }
}
@media screen and (max-width: 1160px) {
  .recruitTopAbout {
    margin-top: 15vw;
  }
}
@media screen and (max-width: 1060px) {
  .recruitTopAbout {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopAbout {
    margin-bottom: 75px;
  }
}
.recruitTopAbout__intro {
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  margin-bottom: 60px;
}
@media screen and (max-width: 1060px) {
  .recruitTopAbout__intro {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.recruitTopAbout__text {
  width: 474px;
  margin-left: auto;
}
@media screen and (max-width: 1060px) {
  .recruitTopAbout__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    -webkit-order: 1;
            order: 1;
    margin-bottom: 30px;
  }
}
.recruitTopAbout__ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .recruitTopAbout__ttl {
    margin-bottom: 20px;
  }
}
.recruitTopAbout__ttl .lineTtl__en:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20276.21%2030.8%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M275.21%2C29.8H5.47c-3.3%2C0-5.19-2.58-4.21-5.73L8.47%2C1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.recruitTopAbout__ttl .lineTtl__en:after {
  background-color: #fff;
}
.recruitTopAbout__desc {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruitTopAbout__desc {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.recruitTopAbout__image {
  width: 45.4vw;
  left: calc(-50vw + 500px);
  margin-right: auto;
  position: absolute;
  top: calc(-6.4vw - 70px);
}
@media screen and (max-width: 1060px) {
  .recruitTopAbout__image {
    position: relative;
    top: 0;
    width: calc(100% + 30px);
    -webkit-flex-basis: calc(100% + 30px);
            flex-basis: calc(100% + 30px);
    -webkit-order: 2;
            order: 2;
    left: 0;
    margin-left: -30px;
  }
}
.recruitTopAbout__imageCircle {
  width: 194px;
  position: absolute;
  top: 2.85vw;
  right: 5.71vw;
  -webkit-animation: 15s linear infinite textRotation;
          animation: 15s linear infinite textRotation;
}
@media screen and (max-width: 1060px) {
  .recruitTopAbout__imageCircle {
    right: -1.33vw;
    top: 0;
    width: 97px;
  }
}
.recruitTopAbout__img {
  width: 100%;
  border-radius: 0 10000px 10000px 0;
}
@media screen and (max-width: 1060px) {
  .recruitTopAbout__img_type_pc {
    display: none;
  }
}
.recruitTopAbout__img_type_sp {
  display: none;
}
@media screen and (max-width: 1060px) {
  .recruitTopAbout__img_type_sp {
    display: block;
  }
}

.rAboutList {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  row-gap: 52px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1060px) {
  .rAboutList {
    row-gap: 15px;
  }
}
.rAboutList__dl {
  width: calc(50% - 26px);
  -webkit-flex-basis: calc(50% - 26px);
          flex-basis: calc(50% - 26px);
  background-color: #ffffff;
  border: 2px solid #222;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .rAboutList__dl {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    min-height: auto;
    border-radius: 10px;
  }
}
.rAboutList__dl::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: #fa3e37;
  position: absolute;
  left: 15px;
  top: 15px;
  display: block;
}
@media screen and (max-width: 768px) {
  .rAboutList__dl::before {
    width: 10px;
    height: 10px;
    top: 10px;
    left: 10px;
  }
}
.rAboutList__dt {
  min-height: 175px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0 30px;
  border-bottom: 2px solid #222;
}
@media screen and (max-width: 768px) {
  .rAboutList__dt {
    padding: 25px 25px 15px 25px;
    min-height: auto;
  }
}
.rAboutList__dtJp {
  display: block;
  font-size: 2.6rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .rAboutList__dtJp {
    font-size: 2rem;
  }
}
.rAboutList__dtEn {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "League Spartan", serif;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .rAboutList__dtEn {
    font-size: 1rem;
  }
}
.rAboutList__dd {
  font-weight: 400;
  padding: 25px 30px;
  height: calc(100% - 175px);
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .rAboutList__dd {
    padding: 20px 25px;
    height: auto;
  }
}

.recruitTopInterview {
  border-radius: 270px 0 0 0;
  padding-top: 170px;
  position: relative;
}
.recruitTopInterview:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 133px 0 0;
  background-color: #f5f5f1;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 1060px) {
  .recruitTopInterview {
    border-radius: 0 133px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopInterview {
    padding-top: 70px;
  }
}
.recruitTopInterview__container {
  color: #222;
}
.recruitTopInterview__col {
  display: -webkit-flex;
  display: flex;
  min-height: calc(64.23vw - 100px);
  olor: #222;
}
@media screen and (max-width: 1060px) {
  .recruitTopInterview__col {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.recruitTopInterview__text {
  width: 500px;
}
@media screen and (max-width: 1060px) {
  .recruitTopInterview__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.recruitTopInterview__ttl {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .recruitTopInterview__ttl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopInterview__ttl .lineTtl__en:before {
    background-image: url(../images/ttl_icon_01.svg);
    height: 20px;
    top: 0px;
  }
}
.recruitTopInterview__ttl .lineTtl__jp {
  letter-spacing: 0;
}
.recruitTopInterview__intro {
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .recruitTopInterview__intro {
    font-size-adjust: 1.6rem;
    line-height: 1.875;
  }
}
.recruitTopInterview__image {
  width: 45.4vw;
  top: -110px;
  margin-left: auto;
  position: absolute;
  right: calc(-50vw + 500px);
}
@media screen and (max-width: 1060px) {
  .recruitTopInterview__image {
    position: relative;
    top: 0;
    width: calc(100% + 30px);
    right: 0px;
    margin-bottom: 30px;
  }
}
.recruitTopInterview__imageCircle {
  width: 194px;
  position: absolute;
  top: 2.85vw;
  left: 5.71vw;
  -webkit-animation: 15s linear infinite textRotation;
          animation: 15s linear infinite textRotation;
}
@media screen and (max-width: 1060px) {
  .recruitTopInterview__imageCircle {
    left: -1.33vw;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopInterview__imageCircle {
    width: 97px;
  }
}
.recruitTopInterview__img {
  width: 100%;
  border-radius: 10000px 0 0 10000px;
}
@media screen and (max-width: 1060px) {
  .recruitTopInterview__img_type_pc {
    display: none;
  }
}
.recruitTopInterview__img_type_sp {
  display: none;
}
@media screen and (max-width: 1060px) {
  .recruitTopInterview__img_type_sp {
    display: block;
  }
}

.recruitTopInterviewList__item {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__item {
    margin-bottom: 15px;
  }
}
.recruitTopInterviewList__item:last-of-type {
  margin-bottom: 0;
}
.recruitTopInterviewList__link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  background-color: #fa3e37;
  color: #fff;
  text-decoration: none;
  padding: 20px 25px;
  border-radius: 100px;
  position: relative;
  border: 1px solid #fa3e37;
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__link {
    padding: 12px 15px;
  }
}
.recruitTopInterviewList__link:after {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 52px;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/21px 14px;
  margin-left: 10px;
  background-color: #fff;
  position: absolute;
  right: 30px;
  top: calc(50% - 26px);
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__link:after {
    width: 40px;
    height: 40px;
    background: #fff url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/16.5px 11px;
    right: 15px;
    top: calc(50% - 20px);
  }
}
.recruitTopInterviewList__link:hover {
  background-color: #fff;
  color: #222;
}
.recruitTopInterviewList__link:hover:after {
  background: #fa3e37 url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center center/21px 14px;
}
.recruitTopInterviewList__fig {
  width: 130px;
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__fig {
    width: 75px;
  }
}
.recruitTopInterviewList__text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__text {
    margin-left: 10px;
  }
}
.recruitTopInterviewList__affiliation {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__affiliation {
    font-size: 1.2rem;
  }
}
.recruitTopInterviewList__affiliationDiv {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__affiliationDiv {
    font-size: 1rem;
  }
}
.recruitTopInterviewList__name {
  display: block;
}
.recruitTopInterviewList__nameJp {
  display: block;
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__nameJp {
    font-size: 1.6rem;
  }
}
.recruitTopInterviewList__nameEn {
  display: block;
  font-size: 1.7rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recruitTopInterviewList__nameEn {
    font-size: 1rem;
  }
}

.recruitTopNumber {
  padding-top: 100px;
  padding-bottom: 140px;
  position: relative;
  color: #222;
  background-color: #f5f5f1;
}
@media screen and (max-width: 768px) {
  .recruitTopNumber {
    color: #222;
  }
  .recruitTopNumber:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 200px);
    background-color: #f5f5f1;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopNumber {
    padding-bottom: 75px;
  }
}
.recruitTopNumber__container {
  position: relative;
  z-index: 1;
}
.recruitTopNumber__ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__ttl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__ttl .lineTtl__jp {
    text-align: center;
  }
}
.recruitTopNumber__ttl .lineTtl__en:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20276.21%2030.8%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23222%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M275.21%2C29.8H5.47c-3.3%2C0-5.19-2.58-4.21-5.73L8.47%2C1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__ttl .lineTtl__en:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20276.21%2030.8%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23222%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M275.21%2C29.8H5.47c-3.3%2C0-5.19-2.58-4.21-5.73L8.47%2C1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.recruitTopNumber__ttl .lineTtl__en:after {
  bottom: 5.5px;
}
.recruitTopNumber__intro {
  font-size: 1.8rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 35px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__intro {
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 20px;
  }
}
.recruitTopNumber__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -20px;
}
@media screen and (max-width: 1060px) {
  .recruitTopNumber__list {
    margin: -10px;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__list {
    margin: -5px;
  }
}
.recruitTopNumber__item {
  width: 33.333%;
  -webkit-flex-basis: 33.333%;
          flex-basis: 33.333%;
  padding: 20px;
}
@media screen and (max-width: 1060px) {
  .recruitTopNumber__item {
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__item {
    width: 50%;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    padding: 5px;
  }
}
.recruitTopNumber__itemInner {
  background-color: #fff;
  border-radius: 20px;
  height: 100%;
  padding: 20px 20px 30px 20px;
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__itemInner {
    border-radius: 9px;
    padding: 10px 10px 20px 10px;
  }
}
.recruitTopNumber__itemTtl {
  font-size: 2.2rem;
  font-weight: 700;
  background-color: #222;
  padding: 15px 10px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__itemTtl {
    font-size: 1.4rem;
    line-height: 1;
    padding: 10px 10px;
    border-radius: 3px;
  }
}
.recruitTopNumber__itemFig {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.recruitTopNumber__itemImg {
  height: 214px;
}
@media screen and (max-width: 768px) {
  .recruitTopNumber__itemImg {
    height: 95px;
  }
}

.recruitTopJob {
  padding-top: 140px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .recruitTopJob {
    padding-top: 75px;
    border-radius: 133px 0 0 0;
  }
}
.recruitTopJob:after {
  content: "";
  background-color: #fff;
  width: 100%;
  height: calc(100% - 20vw);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .recruitTopJob:after {
    border-radius: 133px 0 0 0;
  }
}
.recruitTopJob__ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .recruitTopJob__ttl {
    margin-bottom: 20px;
  }
}
.recruitTopJob__ttl .lineTtl__en:after {
  bottom: 5.5px;
}
.recruitTopJob__desc {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruitTopJob__desc {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 20px;
    text-align: left;
  }
  .recruitTopJob__desc br {
    display: none;
  }
}
.recruitTopJob__list {
  border-top: 1px solid #222;
}
.recruitTopJob__dl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid #222;
  padding: 25px 5px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruitTopJob__dl {
    -webkit-flex-direction: column;
            flex-direction: column;
    padding: 20px 0;
    -webkit-align-items: flex-start;
            align-items: flex-start;
  }
}
.recruitTopJob__dl:after {
  content: "";
  display: block;
  width: 1px;
  background-color: #222;
  min-width: 1px;
  position: absolute;
  left: 170px;
  height: calc(100% - 50px);
  top: 25px;
}
@media screen and (max-width: 768px) {
  .recruitTopJob__dl:after {
    display: none;
  }
}
.recruitTopJob__dt {
  font-size: 1.8rem;
  font-weight: 700;
  width: 170px;
  -webkit-flex-basis: 170px;
          flex-basis: 170px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .recruitTopJob__dt {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    font-size: 1.6rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
}
.recruitTopJob__dd {
  font-weight: 400;
  line-height: 1.875;
  -webkit-flex: 1;
          flex: 1;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .recruitTopJob__dd {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.recruitTopJob .spActive {
  display: none;
}
@media screen and (max-width: 768px) {
  .recruitTopJob .spActive {
    display: inline;
  }
}
.recruitTopJob__btn {
  margin: 85px auto 0 auto;
}

.recruitTopJobTab__list {
  display: -webkit-flex;
  display: flex;
  gap: 0 42px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .recruitTopJobTab__list {
    gap: 0 10px;
    margin-bottom: 25px;
  }
}
.recruitTopJobTab__item {
  width: 50%;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  padding: 20px 10px;
  border-radius: 100px;
  border: 1px solid #222;
}
.recruitTopJobTab__item--toggle {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .recruitTopJobTab__item {
    font-size: 1.2rem;
    padding: 10px 15px;
  }
}
.recruitTopJobTab__item--toggle:hover {
  background-color: #222;
  color: #fff;
}
.recruitTopJobTab__item_is_active {
  background-color: #222;
  color: #fff;
}
.recruitTopJobTab__bodyItem {
  display: none;
}
.recruitTopJobTab__bodyItem_is_active {
  display: block;
}
.recruitTopJobTab__bodyNone {
  padding: 50px;
  font-size: 3rem;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  border: 1px solid #222;
  border-radius: 15px;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .recruitTopJobTab__bodyNone {
    padding: 25px 10px;
    font-size: 1.5rem;
    border-radius: 8px;
    margin-bottom: 0;
  }
}

.entryRoundBtn {
  width: 252px;
  height: 252px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 252px;
  background-color: #f91e24;
  border: 1px solid #f91e24;
  -webkit-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .entryRoundBtn {
    width: 200px;
    height: 200px;
  }
}
.entryRoundBtn:hover {
  background-color: transparent;
}
.entryRoundBtn:hover .entryRoundBtn__text {
  color: #f91e24;
}
.entryRoundBtn:hover .entryRoundBtn__icon {
  background: #f91e24 url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/cover;
  background-size: 21.2px 14.2px;
}
.entryRoundBtn__text {
  font-size: 3.6rem;
  color: #fff;
  font-weight: 700;
  display: block;
  font-family: "League Spartan", serif;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .entryRoundBtn__text {
    font-size: 3rem;
  }
}
.entryRoundBtn__icon {
  width: 52px;
  height: 52px;
  background-color: #fff;
  border-radius: 35px;
  background: #fff url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f91e24%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/cover;
  background-size: 21.2px 14.2px;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .entryRoundBtn__icon {
    width: 40px;
    height: 40px;
    background-size: 16.5px 11px;
  }
}

.rLowPage {
  padding-top: 230px;
}
@media screen and (max-width: 768px) {
  .rLowPage {
    padding-top: 125px;
  }
}
.rLowPage__header {
  position: relative;
  margin-bottom: 70px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .rLowPage__header {
    margin-bottom: 35px;
  }
}
.rLowPage__header:after {
  content: "";
  display: block;
  width: 100%;
  height: 500px;
  position: absolute;
  left: 0;
  top: -300px;
  z-index: 0;
}
.rLowPage__ttl {
  position: relative;
  z-index: 1;
}
.rLowPage__ttl .lineTtl__en {
  color: #fff;
  font-family: "League Spartan", serif;
}
.rLowPage__ttl .lineTtl__en::before {
  background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20276.21%2030.8%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M275.21%2C29.8H5.47c-3.3%2C0-5.19-2.58-4.21-5.73L8.47%2C1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
.rLowPage__ttl .lineTtl__en:after {
  background-color: #fff;
}
.rLowPage__ttl .lineTtl__jp {
  color: #fff;
}
.rLowPage__headerScroll {
  position: absolute;
  top: 0;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .rLowPage__headerScroll {
    display: none;
  }
}
.rLowPage__main {
  border-radius: 0 270px 0 0;
  padding-top: 90px;
  position: relative;
}
@media screen and (max-width: 1060px) {
  .rLowPage__main {
    border-radius: 0 100px 0 0;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .rLowPage__main {
    padding-top: 55px;
    border-radius: 0 133px 0 0;
    margin-bottom: 20px;
  }
}
.rLowPage__main:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f5f5f1;
  height: calc(100% - 20vw);
  z-index: 0;
  width: 100%;
  z-index: -1;
  border-radius: 0 270px 0 0;
}
@media screen and (max-width: 768px) {
  .rLowPage__main:after {
    border-radius: 0 133px 0 0;
  }
}

@keyframes textRotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.rMessage {
  position: relative;
  min-height: calc(64.28vw + 250px);
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .rMessage {
    margin-bottom: 0;
  }
}
.rMessage__container {
  position: static;
}
.rMessage__text {
  width: 470px;
}
@media screen and (max-width: 1060px) {
  .rMessage__text {
    width: 100%;
  }
}
.rMessage__ttl {
  font-size: 7.1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 40px;
  margin-right: -200px;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
  .rMessage__ttl {
    font-size: 3rem;
    margin-right: 0;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
.rMessage__desc {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .rMessage__desc {
    margin-bottom: 45px;
  }
}
.rMessage__descPara {
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 1.5em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .rMessage__descPara {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.rMessage__descPara:last-of-type {
  margin-bottom: 0;
}
.rMessage__dt {
  font-size: 1.8rem;
  line-height: 2.22;
}
@media screen and (max-width: 768px) {
  .rMessage__dt {
    font-size: 1.6rem;
    line-height: 1;
  }
}
.rMessage__dd {
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .rMessage__dd {
    font-size: 2.5rem;
    margin-top: 10px;
  }
}
.rMessage__image {
  position: absolute;
  width: 45.42vw;
  top: 250px;
  right: 0;
}
@media screen and (max-width: 1060px) {
  .rMessage__image {
    position: static;
    width: calc(100% + 30px);
    margin-right: -30px;
    margin-left: auto;
    margin-bottom: 1.5em;
  }
}
.rMessage__fig {
  margin-left: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.rMessage__figInner {
  position: relative;
}
.rMessage__img {
  max-height: 1000px;
  border-radius: 10000px 0 0 10000px;
}
@media screen and (max-width: 1060px) {
  .rMessage__img.spnon {
    display: none;
  }
}
.rMessage__img.pcnon {
  display: none;
}
@media screen and (max-width: 1060px) {
  .rMessage__img.pcnon {
    display: block;
  }
}
.rMessage__circle {
  width: 194px;
  position: absolute;
  left: 100px;
  bottom: -35px;
  -webkit-animation: 15s linear infinite textRotation;
          animation: 15s linear infinite textRotation;
}
@media screen and (max-width: 1060px) {
  .rMessage__circle {
    width: 16vw;
    max-width: 200px;
    top: 0;
    left: -1.33vw;
  }
}
@media screen and (max-width: 768px) {
  .rMessage__circle {
    width: 97px;
  }
}

.serviceIntro__ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .serviceIntro__ttl {
    margin-bottom: 25px;
  }
}
.serviceIntro__desc {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .serviceIntro__desc {
    margin-bottom: 70px;
  }
}

.serviceItem {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .serviceItem {
    border-bottom: 1px solid #dcdddd;
    margin-bottom: 0;
    padding-bottom: 30px;
    margin-bottom: 25px;
  }
  .serviceItem:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
.serviceItem:last-of-type {
  margin-bottom: 0;
}
.serviceItem:nth-of-type(odd) .serviceItem__fig {
  left: 0;
}
.serviceItem:nth-of-type(odd) .serviceItem__text {
  margin-left: auto;
  padding-left: 70px;
}
@media screen and (max-width: 1060px) {
  .serviceItem:nth-of-type(odd) .serviceItem__text {
    padding-left: 0;
  }
}
.serviceItem:nth-of-type(even) .serviceItem__fig {
  right: 0;
}
.serviceItem:nth-of-type(even) .serviceItem__text {
  margin-right: auto;
  padding-left: 20px;
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .serviceItem:nth-of-type(even) .serviceItem__text {
    padding-right: 0;
  }
}
.serviceItem__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  min-height: 400px;
}
@media screen and (max-width: 768px) {
  .serviceItem__inner {
    padding-left: 20px;
  }
}
.serviceItem__text {
  width: calc(100% - 500px);
  -webkit-flex-basis: calc(100% - 500px);
          flex-basis: calc(100% - 500px);
}
@media screen and (max-width: 1060px) {
  .serviceItem__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.serviceItem__ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .serviceItem__ttl {
    margin-bottom: 20px;
  }
}
.serviceItem__fig {
  width: 500px;
  -webkit-flex-basis: 500px;
          flex-basis: 500px;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1060px) {
  .serviceItem__fig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    position: static;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .serviceItem__fig {
    margin-bottom: 20px;
  }
}
.serviceItem__figLink:hover .serviceItem__img {
  opacity: 0.75;
}
.serviceItem__img {
  border-radius: 30px;
}
.serviceItem__desc {
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .serviceItem__desc {
    margin-bottom: 20px;
  }
}
.dotRowTtl__jp {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.666;
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .dotRowTtl__jp {
    font-size: 2rem;
  }
}
.dotRowTtl__jp:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #fa3e37;
  position: absolute;
  left: -20px;
  top: 20px;
}
@media screen and (max-width: 768px) {
  .dotRowTtl__jp:before {
    top: 14px;
  }
}
.dotRowTtl__en {
  font-size: 1.3rem;
  font-weight: 400;
  font-family: "League Spartan", serif;
  display: block;
  margin-top: 14px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .dotRowTtl__en {
    margin-top: 8px;
  }
}

.wholesalersIntro {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .wholesalersIntro {
    margin-bottom: 70px;
  }
}
.wholesalersIntro__item {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .wholesalersIntro__item {
    margin-bottom: 50px;
  }
}
.wholesalersIntro__item:last-of-type {
  margin-bottom: 0;
}
.wholesalersIntro__item:nth-last-of-type(odd) .wholesalersIntro__text {
  -webkit-order: 2;
          order: 2;
  padding-left: 50px;
}
@media screen and (max-width: 1060px) {
  .wholesalersIntro__item:nth-last-of-type(odd) .wholesalersIntro__text {
    -webkit-order: 1;
            order: 1;
    padding-left: 0;
  }
}
.wholesalersIntro__item:nth-last-of-type(odd) .wholesalersIntro__fig {
  -webkit-order: 1;
          order: 1;
}
@media screen and (max-width: 1060px) {
  .wholesalersIntro__item:nth-last-of-type(odd) .wholesalersIntro__fig {
    -webkit-order: 2;
            order: 2;
  }
}
.wholesalersIntro__item:nth-last-of-type(even) .wholesalersIntro__text {
  -webkit-order: 1;
          order: 1;
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .wholesalersIntro__item:nth-last-of-type(even) .wholesalersIntro__text {
    padding-right: 0;
  }
}
.wholesalersIntro__item:nth-last-of-type(even) .wholesalersIntro__fig {
  -webkit-order: 2;
          order: 2;
}
.wholesalersIntro__itemInner {
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 1060px) {
  .wholesalersIntro__itemInner {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.wholesalersIntro__text {
  width: 50%;
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
}
@media screen and (max-width: 1060px) {
  .wholesalersIntro__text {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .wholesalersIntro__text {
    margin-bottom: 20px;
  }
}
.wholesalersIntro__ttl {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .wholesalersIntro__ttl {
    margin-bottom: 25px;
  }
  .wholesalersIntro__ttl:before {
    top: -15px;
  }
}
.wholesalersIntro__ttl .row2Ttl__jp {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .wholesalersIntro__ttl .row2Ttl__jp {
    font-size: 2.5rem;
    line-height: 1.6;
  }
}
.wholesalersIntro__desc {
  font-weight: 400;
  line-height: 1.875;
}
.wholesalersIntro__fig {
  width: 50%;
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
}
@media screen and (max-width: 1060px) {
  .wholesalersIntro__fig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.wholesalersIntro__img {
  border-radius: 30px;
}

.otherService {
  position: relative;
}
.otherService__ttl {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .otherService__ttl {
    font-size: 2.5rem;
  }
}
.otherService__list {
  border-top: 1px solid #cccccc;
}
.otherService__item {
  border-bottom: 1px solid #cccccc;
}
.otherService__itemInner {
  padding: 30px 20px;
  min-height: 210px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .otherService__itemInner {
    padding: 25px 0 30px 20px;
  }
}
.otherService__itemInner:hover .otherService__fig {
  opacity: 0.75;
}
.otherService__itemInner:hover .otherService__more:before {
  border-color: #fa3e37;
  background-color: #fa3e37;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.otherService__text {
  width: calc(100% - 200px);
  margin-left: auto;
  padding-left: 70px;
}
@media screen and (max-width: 768px) {
  .otherService__text {
    width: 100%;
    padding-left: 0;
  }
}
.otherService__head .dotRowTtl__jp {
  font-size: 2.4rem;
  padding-right: 45px;
}
@media screen and (max-width: 768px) {
  .otherService__head .dotRowTtl__jp {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .otherService__head {
    margin-bottom: 20px;
  }
}
.otherService__fig {
  position: absolute;
  left: 20px;
  top: calc(50% - 75px);
  width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .otherService__fig {
    position: static;
    width: 100%;
  }
}
.otherService__img {
  width: 200px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .otherService__img {
    width: 100%;
    height: auto;
  }
}
.otherService__more:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #222222;
  position: absolute;
  right: 20px;
  top: calc(50% - 15px);
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23222%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/12px 8px;
}
@media screen and (max-width: 768px) {
  .otherService__more:before {
    position: static;
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 768px) {
  .otherService__more {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 25px;
    -webkit-align-items: center;
            align-items: center;
    margin-left: 0px;
  }
}
.otherService__moreText {
  display: none;
}
@media screen and (max-width: 768px) {
  .otherService__moreText {
    display: block;
    margin-left: 10px;
    font-weight: 700;
  }
}
.otherService__btn {
  position: absolute;
  top: 8px;
  right: 30px;
}
@media screen and (max-width: 1060px) {
  .otherService__btn {
    position: static;
    -webkit-justify-content: center;
            justify-content: center;
    margin-top: 30px;
  }
}

.workArchive {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .workArchive {
    margin-top: 0;
  }
}
.workArchive__cat {
  font-size: 2rem;
  font-weight: 700;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .workArchive__cat {
    margin-bottom: 10px;
  }
}
.workArchive__cat:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/icon_search.svg) no-repeat center center/cover;
  position: relative;
  top: 1px;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .workArchive__cat:before {
    width: 18px;
    height: 18px;
  }
}
.workArchive__num {
  font-size: 1.2rem;
  margin-bottom: 45px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .workArchive__num {
    font-size: 1rem;
    margin-bottom: 30px;
  }
}
.workArchive__num_type_bottom {
  margin-bottom: 0;
  margin-top: 20px;
  text-align: center;
}
.workList_type_archive {
  display: block;
}
.workList_type_archive .workList__item {
  width: 100%;
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  border-bottom: 1px solid #d6d7d7;
}
.workList_type_archive .workList__item:nth-of-type(odd) .workList__itemFig {
  -webkit-order: 1;
          order: 1;
}
.workList_type_archive .workList__item:nth-of-type(odd) .workList__itemText {
  -webkit-order: 2;
          order: 2;
  padding-left: 50px;
}
@media screen and (max-width: 1060px) {
  .workList_type_archive .workList__item:nth-of-type(odd) .workList__itemText {
    padding-left: 0;
  }
}
.workList_type_archive .workList__item:nth-of-type(even) .workList__itemFig {
  -webkit-order: 2;
          order: 2;
}
.workList_type_archive .workList__item:nth-of-type(even) .workList__itemText {
  -webkit-order: 1;
          order: 1;
  padding-right: 50px;
}
@media screen and (max-width: 1060px) {
  .workList_type_archive .workList__item:nth-of-type(even) .workList__itemText {
    padding-right: 0;
  }
}
.workList_type_archive .workList__item:first-of-type .workList__itemLink {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .workList_type_archive .workList__item:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .workList_type_archive .workList__item:last-of-type .workList__itemLink {
    padding-bottom: 0;
  }
}
.workList_type_archive .workList__itemLink {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 50px 0;
}
@media screen and (max-width: 1060px) {
  .workList_type_archive .workList__itemLink {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .workList_type_archive .workList__itemLink {
    padding: 30px 0;
  }
}
.workList_type_archive .workList__itemLink:hover .workList__itemBtn:before {
  background-color: #fa3e37;
  border-color: #fa3e37;
  background-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C8l-1.06-1.06%2C2.19-2.19H0v-1.5h9.13l-2.19-2.19%2C1.06-1.06%2C4%2C4-4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
.workList_type_archive .workList__itemFig {
  width: 450px;
  -webkit-flex-basis: 450px;
          flex-basis: 450px;
  margin-bottom: 0;
}
@media screen and (max-width: 1060px) {
  .workList_type_archive .workList__itemFig {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
@media screen and (max-width: 768px) {
  .workList_type_archive .workList__itemFig {
    margin-bottom: 15px;
  }
}
.workList_type_archive .workList__itemText {
  width: calc(100% - 450px);
}
@media screen and (max-width: 1060px) {
  .workList_type_archive .workList__itemText {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
  }
}
.workList_type_archive .workList__itemCat {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .workList_type_archive .workList__itemCat {
    margin-bottom: 10px;
  }
}
.workList_type_archive .workList__itemHead {
  font-size: 3rem;
  line-height: 1.66;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .workList_type_archive .workList__itemHead {
    font-size: 1.8rem;
    line-height: 1.55;
    margin-bottom: 5px;
  }
}
.workList_type_archive .workList__itemDesc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .workList_type_archive .workList__itemDesc {
    line-height: 1.625;
  }
}
.workList_type_archive .workList__itemBtn {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .workList_type_archive .workList__itemBtn {
    margin-top: 12px;
  }
}
.workList_type_archive .workList__itemBtn:hover::before {
  background-color: transparent;
}

.pagination {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .pagination {
    margin-top: 50px;
  }
}
.pagination__prevLink {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #fa3e37;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  text-decoration: none;
  color: inherit;
}
@media screen and (max-width: 768px) {
  .pagination__prevLink {
    width: 35px;
    height: 35px;
  }
}
.pagination__prevLink:hover {
  background-color: #fa3e37;
}
.pagination__prevLink:hover:after {
  border-color: #fff;
}
.pagination__prevLink:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #fa3e37;
  border-right: 2px solid #fa3e37;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: relative;
  left: 2px;
}
@media screen and (max-width: 768px) {
  .pagination__prevLink:after {
    width: 7px;
    height: 7px;
    left: 1px;
  }
}
.pagination__nextLink {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #fa3e37;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  text-decoration: none;
  color: inherit;
}
@media screen and (max-width: 768px) {
  .pagination__nextLink {
    width: 35px;
    height: 35px;
  }
}
.pagination__nextLink:hover {
  background-color: #fa3e37;
}
.pagination__nextLink:hover:after {
  border-color: #fff;
}
.pagination__nextLink:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #fa3e37;
  border-right: 2px solid #fa3e37;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: relative;
  right: 2px;
}
@media screen and (max-width: 768px) {
  .pagination__nextLink:after {
    width: 7px;
    height: 7px;
    right: 1px;
  }
}
.pagination__list {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  background-color: #fa3e37;
  padding: 15px 40px;
  border-radius: 100px;
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  .pagination__list {
    padding: 12px 32px;
    margin: 0 15px;
  }
}
.pagination__item {
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .pagination__item {
    padding: 0 7.5px;
  }
}
.pagination__item.isCurrent .pagination__link {
  background-color: #fff;
  color: #fa3e37;
}
.pagination__link {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .pagination__link {
    width: 35px;
    height: 35px;
    font-size: 1.6rem;
  }
}
.pagination__link:hover {
  background-color: #fff;
  color: #fa3e37;
}

.workSingle {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .workSingle {
    margin-top: 0;
  }
}
.workSingle__article {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .workSingle__article {
    margin-bottom: 50px;
  }
}
.workSingle__ec {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .workSingle__ec {
    margin-bottom: 25px;
  }
}
.workSingle__ecImg {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .workSingle__ecImg {
    border-radius: 15px;
  }
}
.workSingle__intro {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .workSingle__intro {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.workSingle__introItem {
  width: 50%;
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
  padding: 0 25px;
}
.workSingle__introItem:last-of-type .workSingle__introBody {
  position: relative;
}
.workSingle__introItem:last-of-type .workSingle__introBody:after {
  content: "";
  width: 150px;
  height: 150px;
  display: block;
  background: url(../images/icon_logo.svg) no-repeat center center/cover;
  position: absolute;
  top: 30px;
  right: 30px;
}
@media screen and (max-width: 768px) {
  .workSingle__introItem:last-of-type .workSingle__introBody:after {
    width: 75px;
    height: 75px;
    top: 25px;
    right: 25px;
  }
}
@media screen and (max-width: 768px) {
  .workSingle__introItem {
    width: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    padding: 0;
  }
  .workSingle__introItem:first-of-type {
    margin-bottom: 25px;
  }
}
.workSingle__introItemInner {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .workSingle__introItemInner {
    height: auto;
  }
}
.workSingle__introTtl {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .workSingle__introTtl {
    margin-left: 10px;
  }
}
.workSingle__introTtlImg {
  height: 45px;
  position: relative;
  bottom: -2px;
}
@media screen and (max-width: 768px) {
  .workSingle__introTtlImg {
    height: 28px;
  }
}
.workSingle__introBody {
  border-radius: 30px;
  background-color: #f5f5f1;
  height: calc(100% - 45px);
  padding: 40px 50px;
}
@media screen and (max-width: 768px) {
  .workSingle__introBody {
    height: auto;
    border-radius: 15px;
    padding: 20px 25px;
  }
}
.workSingle__introDesc {
  line-height: 1.875;
  font-weight: 400;
}
.workSingle__main {
  border: 1px solid #d6d7d7;
  border-radius: 30px;
  padding: 40px 50px;
}
@media screen and (max-width: 768px) {
  .workSingle__main {
    padding: 25px;
    border-radius: 15px;
  }
}
.workSingleHeader {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.workSingleHeader .newsList__new {
  margin-left: 0;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .workSingleHeader .newsList__new {
    margin-right: 5px;
  }
}
.workSingleHeader__cats.singleCats {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .workSingleHeader__cats.singleCats {
    margin: 0;
    margin-top: -10px;
  }
}
.workSingleHeader__ttl {
  width: 100%;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.66;
  margin-bottom: 30px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .workSingleHeader__ttl {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

.singleCats {
  display: -webkit-flex;
  display: flex;
  margin: -5px;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
}
.singleCats__item {
  padding: 5px;
}
.singleCats__text {
  font-size: 1.4rem;
  padding: 3px 14px;
  border-radius: 20px;
  border: 1px solid #222;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-weight: 400;
  background-color: #fff;
  text-decoration: none;
  color: inherit;
}
.singleCats__text:hover {
  background-color: #222;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .singleCats__text {
    font-size: 1rem;
    padding: 2px 8px;
  }
}

.workToc {
  position: relative;
  z-index: 1;
}
.workToc__item {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 15px;
}
.workToc__item:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #fa3e37;
  min-width: 8px;
  position: relative;
  top: 12px;
  margin-right: 10px;
}
.workToc__item:last-of-type {
  margin-bottom: 0;
}
.workToc__link {
  color: inherit;
  text-decoration: none;
  line-height: 1.875;
  font-weight: 700;
}
.workToc__link:hover {
  text-decoration: underline;
}Z

.singleFooter {
  margin-top: 35px;
  border-top: 1px solid #d6d7d7;
  padding-top: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .singleFooter {
    margin-top: 20px;
    padding-top: 25px;
  }
}
.singleSns {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.singleSns__item:last-of-type {
  margin-left: 10px;
}
.singleSns__link {
  display: block;
}
.singleSns__link:hover {
  opacity: 0.75;
}
.singleSns__icon {
  height: 30px;
}

.show_page_loading::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
}

.pace {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff url(../img/logo.svg) center center no-repeat;
  background-size: 240px auto;
  transition: all ease 0.5s;
}

.pace .pace-progress {
  position: absolute;
  left: 50%;
  margin-left: -120px;
  width: 240px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}

.pace-done.show_page_loading::before {
  content: none;
}

.pace-done .pace {
  top: 100%;
}

@keyframes popup {
  0% {
    transform: translateY(30px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}
@keyframes popup2 {
  0% {
    transform: translateX(20px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}
.anim_fade-rtl {
  opacity: 0;
  transform: translateX(200px);
  transition: all 1s; }
  .anim_fade-rtl.on {
    opacity: 1;
    transform: translateX(0);
  }
.anim_fade-ltr {
  opacity: 0;
  transform: translateX(-200px);
  transition: all 1s; }
  .anim_fade-ltr.on {
    opacity: 1;
    transform: translateX(0);
  }
.anim_fade-txt {
  font-weight: inherit;
  display: inline-block;
  opacity: 0; }
  .anim_fade-txt.on {
    animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  @media screen and (max-width: 1060px) {
    .anim_fade-txt.on {
      animation: popup2 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
  }
  .topMv__ttlText:nth-of-type(2) .anim_fade-txt {
    animation-delay: .3s;
  }