@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&display=swap");
.mainWrap.-top {
  /*-----------------------------------------------------
  理念
  -----------------------------------------------------*/
  /*-----------------------------------------------------
  事例/実績
  -----------------------------------------------------*/
  /*-----------------------------------------------------
  会社情報
  -----------------------------------------------------*/
  /*-----------------------------------------------------
  採用情報
  -----------------------------------------------------*/
  /*-----------------------------------------------------
  お知らせ
  -----------------------------------------------------*/
}
.mainWrap.-top .topView .slideList.slick-initialized .slideList__item {
  display: block;
}
.mainWrap.-top .topView .slideList__item {
  display: none;
  position: relative;
}
.mainWrap.-top .topView .slideList__item:first-child {
  display: block;
}
.mainWrap.-top .topView .slideList__item:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(73, 64, 132, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}
.mainWrap.-top .topView .slideList__item .imgArea img {
  max-height: 700px;
  min-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mainWrap.-top .topView .slideList__item .textArea {
  position: absolute;
  top: 50%;
  left: 3vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 2em;
  max-width: calc(100% - 10vw);
  color: #ffffff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.mainWrap.-top .topView .slideList__item .textArea span {
  display: block;
  line-height: 1.4;
  font-weight: 600;
}
.mainWrap.-top .topView .slideList__item .textArea span.big {
  font-size: 410%;
  margin-bottom: 0.5em;
}
.mainWrap.-top .topView .slideList__item .textArea span.small {
  font-size: 245%;
}
@media screen and (max-width: 1160px) {
  .mainWrap.-top .topView .slideList__item .textArea {
    left: 3vw;
    padding: 2em;
  }
  .mainWrap.-top .topView .slideList__item .textArea span.big {
    font-size: 300%;
  }
  .mainWrap.-top .topView .slideList__item .textArea span.small {
    font-size: 190%;
  }
}
@media screen and (max-width: 1020px) {
  .mainWrap.-top .topView .slideList__item .textArea {
    left: 3vw;
    padding: 2em;
  }
  .mainWrap.-top .topView .slideList__item .textArea span.big {
    font-size: 230%;
  }
  .mainWrap.-top .topView .slideList__item .textArea span.small {
    font-size: 145%;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-top .topView .slideList__item .imgArea img {
    height: 70vh;
    -o-object-position: 70% 50%;
       object-position: 70% 50%;
  }
  .mainWrap.-top .topView .slideList__item .textArea {
    left: 0;
    padding: 5vw;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-top .topView .slideList__item .textArea {
    width: 100%;
    max-width: 100%;
    padding: 5vw;
  }
}
@media screen and (max-width: 400px) {
  .mainWrap.-top .topView .slideList__item .imgArea img {
    height: 60vh;
  }
  .mainWrap.-top .topView .slideList__item .textArea span.big {
    font-size: 180%;
  }
  .mainWrap.-top .topView .slideList__item .textArea span.small {
    font-size: 115%;
  }
}
.mainWrap.-top .secDetail {
  padding-top: 4em;
}
.mainWrap.-top .secDetail .swipeMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #FFF;
}
.mainWrap.-top .secDetail .swipeMain ul li {
  width: 27%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  color: #FFF;
  padding: 3em 1em;
  min-height: calc(100vh - 95px);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  position: relative;
  z-index: 0;
}
.mainWrap.-top .secDetail .swipeMain ul li:after {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: skewX(-8deg);
          transform: skewX(-8deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  border-right: 10px solid #FFF;
}
.mainWrap.-top .secDetail .swipeMain ul li:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(73, 64, 132, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: skewX(-8deg);
          transform: skewX(-8deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.mainWrap.-top .secDetail .swipeMain ul li.open::before {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(73, 64, 132, 0.6);
}
.mainWrap.-top .secDetail .swipeMain ul li .topLabel {
  font-weight: 700;
  font-size: 180%;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
.mainWrap.-top .secDetail .swipeMain ul li .main {
  margin-top: 1em;
  position: relative;
  z-index: 1;
}
.mainWrap.-top .secDetail .swipeMain ul li .main p {
  font-size: 90%;
}
.mainWrap.-top .secDetail .swipeMain ul li .first {
  margin-left: -25%;
}
.mainWrap.-top .secDetail .swipeMain ul li .second {
  display: none;
  width: 80%;
  margin-left: -10%;
}
.mainWrap.-top .secDetail .swipeMain ul li:hover {
  width: 70%;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(1)::after {
  background-image: url(../../assets/img/top/main-img01.jpg);
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(1) .first {
  margin-left: -15%;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(2) {
  z-index: 3;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(2)::after {
  background-image: url(../../assets/img/top/main-img02.jpg);
  border-left: 10px solid #FFF;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(2)::before {
  left: 10px;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(3) {
  z-index: 2;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(3)::after {
  background-image: url(../../assets/img/top/main-img03.jpg);
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(4) {
  margin-left: -7.5%;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(4)::after {
  -webkit-transform: none;
          transform: none;
  background-image: url(../../assets/img/top/main-img04.jpg);
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(4)::before {
  -webkit-transform: none;
          transform: none;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(4) .first {
  margin-left: 20%;
}
.mainWrap.-top .secDetail .swipeMain ul li:nth-child(4) .second {
  margin-left: 10%;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-top .secDetail .swipeMain ul {
    display: block;
  }
  .mainWrap.-top .secDetail .swipeMain ul li {
    width: 100%;
    min-height: 100px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 2.5em 1.5em;
    cursor: pointer;
  }
  .mainWrap.-top .secDetail .swipeMain ul li::after, .mainWrap.-top .secDetail .swipeMain ul li::before {
    -webkit-transform: none;
            transform: none;
    border: none;
  }
  .mainWrap.-top .secDetail .swipeMain ul li:nth-child(1) .first {
    margin-left: 0;
  }
  .mainWrap.-top .secDetail .swipeMain ul li:nth-child(2)::after {
    border-left: none;
  }
  .mainWrap.-top .secDetail .swipeMain ul li:nth-child(2)::before {
    left: 0;
  }
  .mainWrap.-top .secDetail .swipeMain ul li:nth-child(4) {
    margin-left: 0;
  }
  .mainWrap.-top .secDetail .swipeMain ul li:nth-child(4) .first {
    margin-left: 0;
  }
  .mainWrap.-top .secDetail .swipeMain ul li:nth-child(4) .second {
    margin-left: 0;
  }
  .mainWrap.-top .secDetail .swipeMain ul li .topLabel {
    position: relative;
    margin-bottom: 0;
    font-size: 160%;
  }
  .mainWrap.-top .secDetail .swipeMain ul li .topLabel:after {
    font-family: "Material Symbols Rounded";
    font-size: 120%;
    font-weight: 400;
    content: "\e145";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 1;
  }
  .mainWrap.-top .secDetail .swipeMain ul li .topLabel .en {
    font-size: 140%;
  }
  .mainWrap.-top .secDetail .swipeMain ul li .topLabel .spNone {
    display: none;
  }
  .mainWrap.-top .secDetail .swipeMain ul li:hover {
    width: 100%;
  }
  .mainWrap.-top .secDetail .swipeMain ul li.open .topLabel:after {
    content: "\e15b";
  }
  .mainWrap.-top .secDetail .swipeMain ul li .first {
    display: none;
    margin: 0;
    width: 100%;
  }
  .mainWrap.-top .secDetail .swipeMain ul li .second {
    display: block;
    width: 100%;
    margin: 0;
  }
  .mainWrap.-top .secDetail .swipeMain ul li .second .main {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-top .secDetail {
    padding-top: 3em;
  }
}
.mainWrap.-top .secPhilosophy .secCont .textArea {
  width: 48%;
  padding: 0 0 4em 0;
}
.mainWrap.-top .secPhilosophy .secCont .thumb {
  width: 48%;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .mainWrap.-top .secPhilosophy {
    margin-bottom: 2em;
  }
  .mainWrap.-top .secPhilosophy .secCont .textArea {
    width: 100%;
    padding: 0 0 3em 0;
  }
  .mainWrap.-top .secPhilosophy .secCont .thumb {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-top .secPhilosophy .secCont .textArea {
    padding: 0 0 2em 0;
  }
}
.mainWrap.-top .secCont {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
  padding: 0;
}
.mainWrap.-top .secCont .textArea {
  width: 60%;
  background: #FFF;
  padding: 0 10vw 4em;
  position: relative;
  z-index: 1;
}
.mainWrap.-top .secCont .textArea .mainCopy {
  font-size: 156%;
  line-height: 1.7;
  margin-bottom: 1.5em;
  letter-spacing: 2px;
}
.mainWrap.-top .secCont .textArea.-bgBlue {
  background: #110158;
  color: #FFF;
}
.mainWrap.-top .secCont .thumb {
  width: 70%;
  margin-left: -20%;
  position: relative;
}
.mainWrap.-top .secCont .thumb img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}
.mainWrap.-top .secCont.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.mainWrap.-top .secCont.-reverse .textArea {
  padding: 6em 7vw;
  margin-top: 6em;
}
.mainWrap.-top .secCont.-reverse .thumb {
  margin: 0 -20% 0 0;
}
@media screen and (max-width: 767px) {
  .mainWrap.-top .secCont {
    display: block;
  }
  .mainWrap.-top .secCont .textArea {
    width: 100%;
    padding: 0 5vw 3em;
  }
  .mainWrap.-top .secCont .textArea .mainLabel {
    text-align: center;
  }
  .mainWrap.-top .secCont .textArea .mainCopy {
    font-size: 123%;
    margin-bottom: 1em;
  }
  .mainWrap.-top .secCont .thumb {
    width: 100%;
    margin: 0;
  }
  .mainWrap.-top .secCont.-reverse .textArea {
    margin-top: 0;
  }
}
.mainWrap.-top .btnList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 3em;
  margin-right: -2em;
}
.mainWrap.-top .btnList li {
  margin-right: 2em;
  border-bottom: 1px solid #FFF;
  width: 43%;
}
.mainWrap.-top .btnList li:nth-child(1), .mainWrap.-top .btnList li:nth-child(2) {
  border-top: 1px solid #FFF;
}
.mainWrap.-top .btnList li a {
  color: #FFF;
  padding: 1.5em 0.5em;
  font-weight: 700;
  display: block;
  position: relative;
}
.mainWrap.-top .btnList li a::after {
  content: "";
  display: inline-block;
  background: url(../../assets/img/common/icon-white-arrow_right.svg) no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 5px;
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.mainWrap.-top .btnList li a:hover {
  opacity: 0.7;
}
.mainWrap.-top .btnList li a:hover::after {
  right: 8%;
}
@media screen and (max-width: 1160px) {
  .mainWrap.-top .btnList {
    display: block;
    margin-right: 0;
  }
  .mainWrap.-top .btnList li {
    width: 100%;
  }
}
.mainWrap.-top .secWorks {
  padding: 0;
  position: relative;
  margin-bottom: 2em;
}
.mainWrap.-top .secWorks:before, .mainWrap.-top .secWorks:after {
  content: "";
  display: block;
  width: 70%;
  height: 12%;
  position: absolute;
}
.mainWrap.-top .secWorks:before {
  top: -12%;
  left: 4%;
  background: #DBD9E6;
}
.mainWrap.-top .secWorks:after {
  bottom: -12%;
  right: 4%;
  background: #E0E0E0;
}
.mainWrap.-top .secWorks .worksTop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mainWrap.-top .secWorks .worksList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mainWrap.-top .secWorks .worksList__item {
  overflow: hidden;
  position: relative;
}
.mainWrap.-top .secWorks .worksList__item a {
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mainWrap.-top .secWorks .worksList__item a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mainWrap.-top .secWorks .worksList__item a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(73, 64, 132, 0.4);
  position: absolute;
  left: 0;
  top: 0;
}
.mainWrap.-top .secWorks .worksList__item img {
  height: auto;
}
.mainWrap.-top .secWorks .worksList__item .topMenu-ttl {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 156%;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .mainWrap.-top .secWorks .worksList__item .topMenu-ttl {
    font-size: 140%;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-top .secWorks {
    margin-bottom: 2em;
  }
  .mainWrap.-top .secWorks:before, .mainWrap.-top .secWorks:after {
    height: 35%;
  }
  .mainWrap.-top .secWorks:before {
    top: -4.5%;
    left: 0;
  }
  .mainWrap.-top .secWorks:after {
    bottom: -4.5%;
    right: 0;
  }
  .mainWrap.-top .secWorks .worksList {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
}
.mainWrap.-top .secCompany .secCont.-reverse .textArea {
  padding: 4em 4vw;
  margin-top: 8em;
}
.mainWrap.-top .secCompany .secCont .thumb::before {
  content: "";
  display: block;
  background: #DBD9E6;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -10%;
  bottom: -10%;
  z-index: -1;
}
@media screen and (max-width: 1500px) {
  .mainWrap.-top .secCompany {
    padding-bottom: 2em;
  }
}
@media screen and (max-width: 860px) {
  .mainWrap.-top .secCompany .secCont.-reverse .textArea {
    margin-top: 6em;
  }
  .mainWrap.-top .secCompany .secCont .thumb::before {
    bottom: -15%;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-top .secCompany {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 5em;
  }
  .mainWrap.-top .secCompany .secCont.-reverse .textArea {
    margin-top: 0;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-top .secCompany {
    padding-bottom: 4em;
  }
}
.mainWrap.-top .secRecruit {
  position: relative;
}
.mainWrap.-top .secRecruit:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(73, 64, 132, 0.4);
  position: absolute;
  left: 0;
  top: 0;
}
.mainWrap.-top .secRecruit .bgImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.mainWrap.-top .secRecruit .bgImage img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.mainWrap.-top .secRecruit .btnList {
  max-width: 50%;
}
@media screen and (max-width: 860px) {
  .mainWrap.-top .secRecruit .mainLabel {
    text-align: center;
  }
  .mainWrap.-top .secRecruit .btnArea .basicBtn {
    margin: 0 auto;
  }
  .mainWrap.-top .secRecruit .btnList {
    max-width: 100%;
  }
}
.mainWrap.-top .secNews .inner .textArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mainWrap.-top .secNews .inner .textArea .mainLabel::after {
  display: none;
}
.mainWrap.-top .secNews .inner .textArea .btnArea {
  width: auto;
  margin: 0;
}
.mainWrap.-top .secNews .inner .textArea .btnArea .basicBtn {
  background: none;
  color: #000000;
  padding: 0 2em 0 0;
  border: none;
}
.mainWrap.-top .secNews .inner .textArea .btnArea .basicBtn.-more::after {
  content: "";
  display: inline-block;
  background: url(../../assets/img/common/icon-black-arrow_right.svg) no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 5px;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.mainWrap.-top .secNews .inner .textArea .btnArea .basicBtn.-more:hover {
  opacity: 0.7;
}
.mainWrap.-top .secNews .inner .textArea .btnArea .basicBtn.-more:hover::after {
  right: 0;
}
.mainWrap.-top .secNews .inner .newsList__item {
  border-bottom: #CCCCCC 1px solid;
}
.mainWrap.-top .secNews .inner .newsList__item:first-child {
  border-top: #CCCCCC 1px solid;
}
.mainWrap.-top .secNews .inner .newsList__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.2em 3em 1.2em 0.5em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
.mainWrap.-top .secNews .inner .newsList__item a:hover {
  opacity: 0.7;
}
.mainWrap.-top .secNews .inner .newsList__item a::after {
  content: "";
  display: inline-block;
  background: url(../../assets/img/common/icon-black-arrow_right.svg) no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 5px;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.mainWrap.-top .secNews .inner .newsList__item a:hover::after {
  right: 0;
}
.mainWrap.-top .secNews .inner .newsList__item a .detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 6em 0 3em;
}
.mainWrap.-top .secNews .inner .newsList__item a .detail .cate {
  display: inline-block;
  padding: 0.6em 1em 0.4em 1em;
  min-width: 9em;
  background: #EAEAEA;
  font-size: 85%;
  color: #505050;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
.mainWrap.-top .secNews .inner .newsList__item a p {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-top .secNews .inner .newsList__item a {
    display: block;
  }
  .mainWrap.-top .secNews .inner .newsList__item a .detail {
    margin: 0 0 0.5em;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-top .secNews .inner {
    display: block;
    padding-bottom: 5.5em;
    position: relative;
  }
  .mainWrap.-top .secNews .inner .textArea {
    width: 100%;
    margin-right: 0;
  }
  .mainWrap.-top .secNews .inner .textArea .mainLabel {
    text-align: center;
    margin: 0 auto 2.5em;
  }
  .mainWrap.-top .secNews .inner .textArea .btnArea {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 0;
    width: 100%;
  }
  .mainWrap.-top .secNews .inner .textArea .btnArea .basicBtn {
    margin-left: auto;
    margin-right: auto;
    max-width: 15em;
    padding: 1em 0.6em;
    background-color: #110158;
    color: #FFF;
  }
  .mainWrap.-top .secNews .inner .textArea .btnArea .basicBtn.-more::after {
    background: none;
    width: auto;
    height: auto;
    content: "\e5cc";
  }
  .mainWrap.-top .secNews .inner .textArea .btnArea .basicBtn.-more:hover {
    opacity: 0.9;
  }
  .mainWrap.-top .secNews .inner .textArea .btnArea .basicBtn.-more:hover::after {
    right: 5px;
  }
  .mainWrap.-top .secNews .inner .newsList {
    width: 100%;
  }
  .mainWrap.-top .secNews .inner .newsList__item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .mainWrap.-top .secNews .inner .newsList__item a .detail {
    margin: 0 3em 0 2em;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-top .secNews .inner .newsList__item a {
    display: block;
  }
  .mainWrap.-top .secNews .inner .newsList__item a .detail {
    margin: 0 0 0.5em;
  }
}

.mainWrap.-news .lContainer .mContainer {
  padding-top: 2em;
}
.mainWrap.-news .lContainer .mContainer .newsList {
  margin-bottom: 3em;
}
.mainWrap.-news .lContainer .mContainer .newsList__item {
  border-bottom: #CCCCCC 1px solid;
}
.mainWrap.-news .lContainer .mContainer .newsList__item:first-child {
  border-top: #CCCCCC 1px solid;
}
.mainWrap.-news .lContainer .mContainer .newsList__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.2em 3em 1.2em 0.5em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
.mainWrap.-news .lContainer .mContainer .newsList__item a::before {
  content: "";
  display: inline-block;
  background: url(../../assets/img/common/icon-black-arrow_right.svg) no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 5px;
  position: absolute;
  right: 3em;
  top: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.mainWrap.-news .lContainer .mContainer .newsList__item a:hover::before {
  right: 2.5em;
}
.mainWrap.-news .lContainer .mContainer .newsList__item a .detail {
  margin: 0 6em 0 3em;
}
.mainWrap.-news .lContainer .mContainer .newsList__item a .detail .cate {
  margin-left: 1em;
  padding: 0.3em 2em;
  font-size: 85%;
  background: #EAEAEA;
  color: #505050;
}
.mainWrap.-news .lContainer .mContainer .newsList__item p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 600;
}
.mainWrap.-news .lContainer .mContainer .wp-pagenavi .page, .mainWrap.-news .lContainer .mContainer .wp-pagenavi .current,
.mainWrap.-news .lContainer .mContainer .wp-pagenavi .nextpostslink,
.mainWrap.-news .lContainer .mContainer .wp-pagenavi .previouspostslink {
  margin: 0 1em 0.6em 0;
  padding: 0.5em 0.8em;
}
.mainWrap.-news .lContainer .mContainer .btnArea {
  margin-top: 5em;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-news .lContainer .mContainer .newsList__item a {
    display: block;
  }
  .mainWrap.-news .lContainer .mContainer .newsList__item a .detail {
    margin: 0 0 0.5em;
  }
}

.mainWrap.-works .lContainer .mContainer .worksList {
  display: grid;
  gap: 2.6em 2em;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  margin-bottom: 3em;
}
.mainWrap.-works .lContainer .mContainer .worksList__item a:hover .thumb img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mainWrap.-works .lContainer .mContainer .worksList__item .thumb {
  width: 100%;
  margin-bottom: 1.4em;
  overflow: hidden;
}
.mainWrap.-works .lContainer .mContainer .worksList__item .thumb img {
  width: 100%;
  height: 50vw;
  max-height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.mainWrap.-works .lContainer .mContainer .worksList__item .thumb.-noImage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: 230px;
  padding: 1.5em;
  background: #ffffff;
}
.mainWrap.-works .lContainer .mContainer .worksList__item .thumb.-noImage img {
  -o-object-fit: contain;
     object-fit: contain;
}
.mainWrap.-works .lContainer .mContainer .worksList__item .cate {
  display: inline-block;
  margin-bottom: 0.8em;
  padding: 0.5em 1em;
  min-width: 10em;
  background: #EAEAEA;
  color: #000000;
  font-size: 82%;
  text-align: center;
  line-height: 1;
}
.mainWrap.-works .lContainer .mContainer .worksList__item .ttl {
  margin-bottom: 1em;
  font-size: 120%;
  font-weight: 600;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #072647;
  line-height: 1.5;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb img {
    max-height: 250px;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb.-noImage {
    max-height: 250px;
    padding: 2em;
  }
}
@media screen and (max-width: 860px) {
  .mainWrap.-works .lContainer .mContainer .worksList__item a:hover .thumb img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb img {
    max-height: 230px;
    -webkit-transition: none;
    transition: none;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb.-noImage {
    max-height: 230px;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-works .lContainer .mContainer .worksList {
    gap: 2em 1.5em;
    grid-template-columns: 1fr 1fr;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb img {
    max-height: 180px;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb.-noImage {
    max-height: 180px;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-works .lContainer .mContainer .worksList {
    gap: 1.5em 1em;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb img {
    max-height: 135px;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb.-noImage {
    max-height: 135px;
  }
}
@media screen and (max-width: 480px) {
  .mainWrap.-works .lContainer .mContainer .worksList {
    gap: 1.5em 1em;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb img {
    max-height: 120px;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb.-noImage {
    max-height: 120px;
  }
}
@media screen and (max-width: 360px) {
  .mainWrap.-works .lContainer .mContainer .worksList {
    gap: 1.5em 1em;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb img {
    max-height: 100px;
  }
  .mainWrap.-works .lContainer .mContainer .worksList__item .thumb.-noImage {
    max-height: 100px;
  }
}

.mainWrap.-recruit .btnArea.-banner, .mainWrap.-step .btnArea.-banner, .mainWrap.-faq .btnArea.-banner, .mainWrap.-guideline .btnArea.-banner {
  margin-top: 0;
}
.mainWrap.-recruit .btnArea.-banner .basicBtn, .mainWrap.-step .btnArea.-banner .basicBtn, .mainWrap.-faq .btnArea.-banner .basicBtn, .mainWrap.-guideline .btnArea.-banner .basicBtn {
  max-width: 25em;
  padding: 1.4em 0.6em;
  font-size: 250%;
}
@media screen and (max-width: 1280px) {
  .mainWrap.-recruit .btnArea.-banner .basicBtn, .mainWrap.-step .btnArea.-banner .basicBtn, .mainWrap.-faq .btnArea.-banner .basicBtn, .mainWrap.-guideline .btnArea.-banner .basicBtn {
    max-width: 25em;
    font-size: 230%;
  }
}
@media screen and (max-width: 1020px) {
  .mainWrap.-recruit .btnArea.-banner .basicBtn, .mainWrap.-step .btnArea.-banner .basicBtn, .mainWrap.-faq .btnArea.-banner .basicBtn, .mainWrap.-guideline .btnArea.-banner .basicBtn {
    max-width: 23em;
    font-size: 210%;
  }
}
@media screen and (max-width: 860px) {
  .mainWrap.-recruit .btnArea.-banner .basicBtn, .mainWrap.-step .btnArea.-banner .basicBtn, .mainWrap.-faq .btnArea.-banner .basicBtn, .mainWrap.-guideline .btnArea.-banner .basicBtn {
    max-width: 20em;
    font-size: 180%;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-recruit .btnArea.-banner .basicBtn, .mainWrap.-step .btnArea.-banner .basicBtn, .mainWrap.-faq .btnArea.-banner .basicBtn, .mainWrap.-guideline .btnArea.-banner .basicBtn {
    max-width: 18em;
    font-size: 160%;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-recruit .btnArea.-banner .basicBtn, .mainWrap.-step .btnArea.-banner .basicBtn, .mainWrap.-faq .btnArea.-banner .basicBtn, .mainWrap.-guideline .btnArea.-banner .basicBtn {
    max-width: 16em;
    font-size: 140%;
  }
}
@media screen and (max-width: 480px) {
  .mainWrap.-recruit .btnArea.-banner .basicBtn, .mainWrap.-step .btnArea.-banner .basicBtn, .mainWrap.-faq .btnArea.-banner .basicBtn, .mainWrap.-guideline .btnArea.-banner .basicBtn {
    max-width: 15em;
    font-size: 120%;
  }
}
.mainWrap.-recruit .mContainer {
  padding-bottom: 0;
}
.mainWrap.-recruit .sContainer:first-child {
  margin-top: 0;
}
.mainWrap.-recruit .-interviewBg {
  padding-bottom: 5.6em;
  position: relative;
}
.mainWrap.-recruit .-interviewBg:after {
  display: block;
  width: 100vw;
  height: 70%;
  margin: 0 calc(50% - 50vw);
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background: rgba(17, 1, 88, 0.15);
  z-index: -1;
}
.mainWrap.-recruit .-interviewCont {
  margin-bottom: 0;
}
.mainWrap.-recruit .interviewList {
  display: grid;
  width: 100%;
  gap: 2.5em 1.9em;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.mainWrap.-recruit .interviewList__item a {
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mainWrap.-recruit .interviewList__item a:hover .thumb {
  width: 100%;
  overflow: hidden;
}
.mainWrap.-recruit .interviewList__item a:hover .thumb img {
  opacity: 0.8;
}
.mainWrap.-recruit .interviewList__item a .thumb {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
}
.mainWrap.-recruit .interviewList__item a .thumb img {
  width: 100%;
  height: 50vw;
  max-height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.mainWrap.-recruit .interviewList__item a .text {
  padding: 1.3em;
  font-size: 100%;
  font-weight: 500;
}
.mainWrap.-recruit .-rplbg {
  position: relative;
}
.mainWrap.-recruit .-rplbg:before {
  display: block;
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: #EDEDED;
  z-index: -1;
}
.mainWrap.-recruit .-rplCont {
  margin: 0;
  padding: 4em 0;
}
.mainWrap.-recruit .recruitPgList {
  display: grid;
  width: 100%;
  gap: 2em;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.mainWrap.-recruit .recruitPgList__item a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mainWrap.-recruit .recruitPgList__item a:hover .imgArea {
  opacity: 0.8;
}
.mainWrap.-recruit .recruitPgList__item a .imgArea {
  margin-bottom: 0.5em;
  background: #ffffff;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.mainWrap.-recruit .recruitPgList__item a .linkLabel {
  font-size: 145%;
  font-weight: bold;
  text-align: center;
}
.mainWrap.-recruit .-bannerCont {
  margin: 0;
  padding: 7.5em 0;
}
@media screen and (max-width: 1280px) {
  .mainWrap.-recruit .recruitPgList {
    gap: 2em 1.8em;
  }
  .mainWrap.-recruit .-bannerCont {
    padding: 7em 0;
  }
}
@media screen and (max-width: 1020px) {
  .mainWrap.-recruit .interviewList {
    gap: 2em 1.5em;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mainWrap.-recruit .interviewList__item a .thumb img {
    max-height: 350px;
  }
  .mainWrap.-recruit .recruitPgList {
    gap: 2em 1.5em;
  }
  .mainWrap.-recruit .recruitPgList__item a .linkLabel {
    font-size: 140%;
  }
  .mainWrap.-recruit .-bannerCont {
    padding: 6em 0;
  }
}
@media screen and (max-width: 860px) {
  .mainWrap.-recruit .interviewList {
    gap: 2em 1.8em;
  }
  .mainWrap.-recruit .interviewList__item a .thumb img {
    max-height: 300px;
    -webkit-transition: none;
    transition: none;
  }
  .mainWrap.-recruit .interviewList__item a .text {
    padding: 1em;
  }
  .mainWrap.-recruit .recruitPgList {
    gap: 2em 1.3em;
  }
  .mainWrap.-recruit .recruitPgList__item a .linkLabel {
    font-size: 130%;
  }
  .mainWrap.-recruit .-bannerCont {
    padding: 5em 0;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-recruit .flexCont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .mainWrap.-recruit .flexCont__txt {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .mainWrap.-recruit .flexCont__thumb {
    margin-top: 0;
    margin-bottom: 3em;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .mainWrap.-recruit .-interviewBg {
    padding-bottom: 5em;
  }
  .mainWrap.-recruit .-interviewBg:after {
    height: 80%;
  }
  .mainWrap.-recruit .interviewList {
    grid-template-columns: 1fr 1fr;
  }
  .mainWrap.-recruit .interviewList__item a .thumb img {
    max-height: 400px;
  }
  .mainWrap.-recruit .recruitPgList {
    grid-template-columns: 1fr 1fr;
    gap: 2em 1.5em;
  }
  .mainWrap.-recruit .recruitPgList__item a .linkLabel {
    font-size: 120%;
  }
  .mainWrap.-recruit .-bannerCont {
    padding: 4em 0;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-recruit .-interviewBg {
    padding-bottom: 4em;
  }
  .mainWrap.-recruit .interviewList {
    gap: 1.8em 1.3em;
  }
  .mainWrap.-recruit .interviewList__item a .text {
    padding: 0.8em;
  }
  .mainWrap.-recruit .recruitPgList__item a .linkLabel {
    font-size: 110%;
  }
  .mainWrap.-recruit .-bannerCont {
    padding: 3em 0;
  }
}
.mainWrap.-interview .lContainer .mContainer .interviewList {
  display: grid;
  width: 100%;
  gap: 2.5em 1.9em;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.mainWrap.-interview .lContainer .mContainer .interviewList__item a {
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mainWrap.-interview .lContainer .mContainer .interviewList__item a:hover {
  opacity: 0.8;
}
.mainWrap.-interview .lContainer .mContainer .interviewList__item a .thumb {
  width: 100%;
  overflow: hidden;
}
.mainWrap.-interview .lContainer .mContainer .interviewList__item a .thumb img {
  width: 100%;
  height: 50vw;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.mainWrap.-interview .lContainer .mContainer .interviewList__item a .text {
  padding: 1.3em;
  font-size: 100%;
  font-weight: 500;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-interview .lContainer .mContainer .interviewList {
    gap: 2em 1.5em;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mainWrap.-interview .lContainer .mContainer .interviewList__item a:hover {
    opacity: 0.8;
  }
  .mainWrap.-interview .lContainer .mContainer .interviewList__item a .thumb img {
    max-height: 350px;
  }
}
@media screen and (max-width: 860px) {
  .mainWrap.-interview .lContainer .mContainer .interviewList__item a .thumb img {
    max-height: 300px;
    -webkit-transition: none;
    transition: none;
  }
  .mainWrap.-interview .lContainer .mContainer .interviewList__item a .text {
    padding: 1em;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-interview .lContainer .mContainer .interviewList {
    grid-template-columns: 1fr 1fr;
  }
  .mainWrap.-interview .lContainer .mContainer .interviewList__item a .thumb img {
    max-height: 400px;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-interview .lContainer .mContainer .interviewList {
    gap: 1.8em 1.3em;
  }
  .mainWrap.-interview .lContainer .mContainer .interviewList__item a .text {
    padding: 0.8em;
  }
}
.mainWrap.-step .lContainer .mContainer .readArea {
  margin-bottom: 3.2em;
}
.mainWrap.-step .lContainer .mContainer .stepListWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 2em;
}
.mainWrap.-step .lContainer .mContainer .stepListWrap .steapTtl {
  letter-spacing: 0.1em;
  line-height: 1.6;
  font-weight: 600;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #000000;
  font-size: 156%;
  border-bottom: #CCCCCC 7px solid;
  margin: 0 0 2em;
  padding-bottom: 0.6em;
  position: relative;
}
.mainWrap.-step .lContainer .mContainer .stepListWrap .steapTtl::before {
  content: "";
  display: inline-block;
  background: #110158;
  width: 100px;
  height: 7px;
  position: absolute;
  left: 0;
  bottom: -7px;
}
@media screen and (max-width: 767px) {
  .mainWrap.-step .lContainer .mContainer .stepListWrap .steapTtl {
    margin-bottom: 2em;
  }
}
.mainWrap.-step .lContainer .mContainer .stepList {
  counter-reset: number 0;
}
.mainWrap.-step .lContainer .mContainer .stepList__item {
  margin-bottom: 4.3em;
  padding: 1.8em 2.5em;
  background: #ffffff;
  border: 1px solid #D5D5D5;
  position: relative;
}
.mainWrap.-step .lContainer .mContainer .stepList__item:before {
  position: absolute;
  width: 1.9em;
  height: 1.1em;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -3em;
  background: url(../img/common/icon-black-arrow_down.svg) no-repeat;
  background-size: contain;
}
.mainWrap.-step .lContainer .mContainer .stepList__item:last-child {
  margin-bottom: 0;
}
.mainWrap.-step .lContainer .mContainer .stepList__item:last-child:before {
  display: none;
}
.mainWrap.-step .lContainer .mContainer .stepList__item .stepTtl {
  margin-bottom: 1em;
}
.mainWrap.-step .lContainer .mContainer .stepList__item .stepTtl .stepCount {
  font-size: 150%;
}
.mainWrap.-step .lContainer .mContainer .stepList__item .stepTtl .stepCount .stepNum {
  margin-right: 0.5em;
  font-size: 75%;
  font-weight: 600;
  line-height: 1.3;
}
.mainWrap.-step .lContainer .mContainer .stepList__item .stepTtl .stepCount .stepNum:after {
  counter-increment: number 1;
  content: "" counter(number, decimal-leading-zero) "";
  color: #110158;
  font-size: 145%;
}
.mainWrap.-step .lContainer .mContainer .btnArea {
  margin-top: 3.8em;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-step .lContainer .mContainer .stepListWrap {
    grid-template-columns: 1fr;
    gap: 3em 0;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-step .lContainer .mContainer .readArea {
    margin-bottom: 2em;
  }
  .mainWrap.-step .lContainer .mContainer .stepListWrap {
    gap: 2em 0;
  }
  .mainWrap.-step .lContainer .mContainer .stepList {
    margin-bottom: 2em;
  }
  .mainWrap.-step .lContainer .mContainer .stepList__item {
    padding: 1.5em 2em;
  }
  .mainWrap.-step .lContainer .mContainer .stepList__item:before {
    width: 1.6em;
    height: 1em;
  }
  .mainWrap.-step .lContainer .mContainer .stepList__item .stepTtl {
    margin-bottom: 0.8em;
  }
  .mainWrap.-step .lContainer .mContainer .stepList__item .stepTtl .stepCount {
    font-size: 140%;
    font-weight: 600;
  }
  .mainWrap.-step .lContainer .mContainer .stepList__item .stepTtl .stepCount:before {
    margin-right: 0.4em;
  }
  .mainWrap.-step .lContainer .mContainer .btnArea {
    margin-top: 3em;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-step .lContainer .mContainer .btnArea {
    margin-top: 2.5em;
  }
}
.mainWrap.-faq .lContainer .mContainer {
  padding-bottom: 7.5em;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-faq .lContainer .mContainer {
    padding-bottom: 6em;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-faq .lContainer .mContainer {
    padding-bottom: 5em;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-faq .lContainer .mContainer {
    padding-bottom: 4em;
  }
}
.mainWrap.-faq .lContainer .mContainer .sContainer.-bannerCont {
  margin-top: 5em;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-faq .lContainer .mContainer .sContainer.-bannerCont {
    margin-top: 4em;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-faq .lContainer .mContainer .sContainer.-bannerCont {
    margin-top: 3em;
  }
}
.mainWrap.-faq .lContainer .mContainer .faqList__item {
  padding: 2em 1em;
  border-bottom: 2px solid #707070;
}
.mainWrap.-faq .lContainer .mContainer .faqList__item .question {
  padding: 0 1.8em 0 7.5rem;
  font-size: 157%;
  font-weight: 600;
  background: #ffffff;
  border: none;
  position: relative;
  cursor: pointer;
}
.mainWrap.-faq .lContainer .mContainer .faqList__item .question:before {
  display: inline-block;
  margin: -0.1em 0 0 0;
  padding: 0;
  border: none;
  font-size: 100%;
  background: transparent;
  content: "";
  width: 2em;
  height: 2em;
  background: url(../img/recruit/faq/icon-Q.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.mainWrap.-faq .lContainer .mContainer .faqList__item .question:after {
  content: "";
  width: 1.6em;
  height: 0.8em;
  background: url(../img/recruit/faq/icon-open.svg) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.mainWrap.-faq .lContainer .mContainer .faqList__item .question.open:after {
  background: url(../img/recruit/faq/icon-close.svg) no-repeat;
  background-position: center;
  background-size: contain;
}
.mainWrap.-faq .lContainer .mContainer .faqList__item .answer {
  display: none;
  margin-top: 1.5em;
  padding: 0 0 0 7.5rem;
  font-size: 95%;
  font-weight: 400;
}
@media screen and (max-width: 1280px) {
  .mainWrap.-faq .lContainer .mContainer .faqList__item {
    padding: 1.5em 1em;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question,
  .mainWrap.-faq .lContainer .mContainer .faqList__item .answer {
    padding-left: 5rem;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question {
    font-size: 140%;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question:before {
    margin: 0.3em 0 0 0;
    width: 1.5em;
    height: 1.5em;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question:after {
    width: 1.4em;
    height: 0.7em;
  }
}
@media screen and (max-width: 1020px) {
  .mainWrap.-faq .lContainer .mContainer .faqList__item {
    padding: 1.3em 1em;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question,
  .mainWrap.-faq .lContainer .mContainer .faqList__item .answer {
    padding-left: 4rem;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question {
    font-size: 130%;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question:before {
    margin: 0.2em 0 0 0;
    width: 1.3em;
    height: 1.3em;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question:after {
    width: 1.2em;
    height: 0.6em;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-faq .lContainer .mContainer .faqList__item {
    padding: 1em;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question,
  .mainWrap.-faq .lContainer .mContainer .faqList__item .answer {
    padding-left: 2em;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question {
    font-size: 120%;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question:before {
    margin: 0.3em 0 0 0;
    width: 1.2em;
    height: 1.2em;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question:after {
    width: 1em;
    height: 0.5em;
    background: url(../img/recruit/faq/icon-open_bold.svg) no-repeat;
    background-position: center;
    background-size: contain;
  }
  .mainWrap.-faq .lContainer .mContainer .faqList__item .question.open:after {
    background: url(../img/recruit/faq/icon-close_bold.svg) no-repeat;
    background-position: center;
    background-size: contain;
  }
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList + .wp-block-heading,
.mainWrap.-guideline .lContainer .mContainer .mtTop {
  margin-top: 9rem;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList {
  display: grid;
  width: 100%;
  gap: 1.9em;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a {
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a:hover {
  opacity: 0.8;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb {
  width: 100%;
  margin-bottom: 1.4em;
  overflow: hidden;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb img {
  width: 100%;
  height: 50vw;
  max-height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb.-noImage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: 240px;
  padding: 1.5em;
  background: #ffffff;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb.-noImage img {
  -o-object-fit: contain;
     object-fit: contain;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .guidelineTtl {
  display: block;
  width: 100%;
  font-size: 120%;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .guidelineTtl span {
  display: inline-block;
  padding-right: 1.5em;
  position: relative;
}
.mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .guidelineTtl span:after {
  font-family: "Material Symbols Rounded";
  font-size: 120%;
  font-weight: 400;
  content: "\e5cc";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  color: #072647;
  line-height: 1;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-guideline .lContainer .mContainer .guidelineList {
    gap: 2em 1.5em;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a:hover {
    opacity: 0.8;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb img {
    max-height: 200px;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb.-noImage {
    max-height: 200px;
  }
}
@media screen and (max-width: 860px) {
  .mainWrap.-guideline .lContainer .mContainer .guidelineList + .wp-block-heading,
  .mainWrap.-guideline .lContainer .mContainer .mtTop {
    margin-top: 8rem;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb {
    margin-bottom: 1em;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb img {
    max-height: 230px;
    -webkit-transition: none;
    transition: none;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb.-noImage {
    max-height: 230px;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .guidelineTtl {
    font-size: 110%;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-guideline .lContainer .mContainer .guidelineList + .wp-block-heading,
  .mainWrap.-guideline .lContainer .mContainer .mtTop {
    margin-top: 7rem;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList {
    grid-template-columns: 1fr 1fr;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb img {
    max-height: 180px;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb.-noImage {
    max-height: 180px;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-guideline .lContainer .mContainer .guidelineList + .wp-block-heading,
  .mainWrap.-guideline .lContainer .mContainer .mtTop {
    margin-top: 6rem;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList {
    gap: 1.5em 1em;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb {
    margin-bottom: 0.8em;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb img {
    max-height: 135px;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb.-noImage {
    max-height: 135px;
  }
}
@media screen and (max-width: 480px) {
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb img {
    max-height: 120px;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb.-noImage {
    max-height: 120px;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .guidelineTtl {
    font-size: 100%;
  }
}
@media screen and (max-width: 360px) {
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb img {
    max-height: 100px;
  }
  .mainWrap.-guideline .lContainer .mContainer .guidelineList__item a .thumb.-noImage {
    max-height: 100px;
  }
}

.mainWrap.-contact .lContainer .mContainer .infoArea {
  margin-bottom: 5em;
}
.mainWrap.-contact .lContainer .mContainer .infoArea .readTxt {
  text-align: center;
}
.mainWrap.-contact .lContainer .mContainer .infoArea .readTxt p {
  display: inline-block;
}
.mainWrap.-contact .lContainer .mContainer .infoArea p {
  line-height: 2.2;
}
.mainWrap.-contact .lContainer .mContainer .infoArea p.-center {
  text-align: center;
}
.mainWrap.-contact .lContainer .mContainer .infoArea p.-left {
  text-align: left;
}
.mainWrap.-contact .lContainer .mContainer .infoArea p.-right {
  text-align: right;
}
.mainWrap.-contact .lContainer .mContainer .infoArea p .necessary_input {
  background-color: #B6160A;
  color: #ffffff;
  padding: 0.1em 0.6em;
  margin-right: 0.2em;
}
@media screen and (max-width: 600px) {
  .mainWrap.-contact .lContainer .mContainer .infoArea p .pcShow {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .mainWrap.-contact .lContainer .mContainer .infoArea p {
    letter-spacing: 0.03em;
  }
  .mainWrap.-contact .lContainer .mContainer .infoArea p .spShow {
    display: inline;
  }
}
@media screen and (max-width: 370px) {
  .mainWrap.-contact .lContainer .mContainer .infoArea p br {
    display: none;
  }
}
.mainWrap.-contact .lContainer .mContainer form input,
.mainWrap.-contact .lContainer .mContainer form textarea,
.mainWrap.-contact .lContainer .mContainer form select {
  border: 1px solid #CDD6DD;
  border-radius: 0em;
  padding: 0.4em 0.8em;
  font-size: 1.6rem;
}
.mainWrap.-contact .lContainer .mContainer form .btnArea {
  margin-top: 4em;
}
.mainWrap.-contact .lContainer .mContainer form .btnArea button {
  display: block;
  max-width: 330px;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: none;
  border-radius: 10px;
}
.mainWrap.-contact .lContainer .mContainer form .btnArea button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .mainWrap.-contact .lContainer .mContainer form .btnArea button {
    max-width: 18em;
  }
}
.mainWrap.-contact .lContainer .mContainer .form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 2em;
  /* IE用 */
}
.mainWrap.-contact .lContainer .mContainer .form-group:last-child {
  margin-bottom: 0;
}
.mainWrap.-contact .lContainer .mContainer .form-group .drop {
  width: 72%;
  margin-left: 3%;
  position: relative;
}
.mainWrap.-contact .lContainer .mContainer .form-group .drop:before {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  width: 24px;
  height: 48px;
  border-radius: 0px;
  background: #ECECEC;
  z-index: 1;
}
.mainWrap.-contact .lContainer .mContainer .form-group .drop:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 10px;
  width: 6px;
  height: 6px;
  margin-top: -1px;
  border-top: 1px solid #6C6C6C;
  border-left: 1px solid #6C6C6C;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  z-index: 2;
}
.mainWrap.-contact .lContainer .mContainer .form-group .drop select {
  cursor: pointer;
}
.mainWrap.-contact .lContainer .mContainer .form-group .drop .form-control {
  width: 100%;
  margin-left: 0;
}
.mainWrap.-contact .lContainer .mContainer .form-group .drop .error {
  margin-left: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .mainWrap.-contact .lContainer .mContainer .form-group {
    display: block;
  }
  .mainWrap.-contact .lContainer .mContainer .form-group .drop {
    width: 100%;
    margin-left: 0;
  }
}
.mainWrap.-contact .lContainer .mContainer .form-group label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  width: 25%;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .mainWrap.-contact .lContainer .mContainer .form-group label {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
  }
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-control {
  width: 72%;
  height: auto !important;
  margin-left: 3%;
  color: #333333 !important;
}
@media screen and (max-width: 767px) {
  .mainWrap.-contact .lContainer .mContainer .form-group .form-control {
    width: 100%;
    margin-left: 0;
  }
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-control label {
  font-weight: normal;
}
.mainWrap.-contact .lContainer .mContainer .form-group .error {
  margin-left: auto;
  width: 72%;
}
@media screen and (max-width: 767px) {
  .mainWrap.-contact .lContainer .mContainer .form-group .error {
    margin-left: 0;
    width: 100%;
  }
}
.mainWrap.-contact .lContainer .mContainer .form-group textarea {
  height: 9em !important;
}
.mainWrap.-contact .lContainer .mContainer .form-group textarea.-vertical {
  resize: vertical;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check {
  margin-left: 3%;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal {
  margin-left: 6%;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal .mwform-checkbox-field .check_item {
  margin: 0;
  -webkit-transform: scale(1.6);
          transform: scale(1.6);
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal .mwform-checkbox-field-text {
  margin-left: 1em;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal .mwform-checkbox-field-text .personalLink {
  text-decoration: underline;
  color: #333333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal .mwform-checkbox-field-text .personalLink:hover {
  text-decoration: none;
  color: #110158;
}
@media screen and (max-width: 767px) {
  .mainWrap.-contact .lContainer .mContainer .form-group .form-check {
    margin-left: 0;
  }
  .mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal {
    margin-left: 1%;
  }
  .mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal .mwform-checkbox-field .check_item {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  .mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal .mwform-checkbox-field-text {
    margin-left: 0.8em;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-contact .lContainer .mContainer .form-group .form-check.-personal {
    margin-left: 2%;
  }
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check .mwform-checkbox-field label,
.mainWrap.-contact .lContainer .mContainer .form-group .form-check .mwform-radio-field label {
  width: 100%;
  margin-bottom: 0;
  font-weight: normal;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check .mwform-radio-field .mwform-radio-field-text {
  cursor: pointer;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check .mwform-checkbox-field label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check .mwform-checkbox-field .check_item,
.mainWrap.-contact .lContainer .mContainer .form-group .form-check .mwform-checkbox-field .mwform-checkbox-field-text {
  cursor: pointer;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-check .error {
  margin-left: 0;
}
.mainWrap.-contact .lContainer .mContainer .form-group .form-control {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 1px solid #dadada;
  background: #ffffff !important;
}
.mainWrap.-contact .lContainer .mContainer .form-group select::-ms-expand {
  display: none;
}
.mainWrap.-contact .lContainer .mContainer .form-group .necessary_input {
  background-color: #B6160A;
  color: #ffffff;
  margin-left: auto;
  margin-right: 0;
  padding: 0.1em 0.6em;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .mainWrap.-contact .lContainer .mContainer .form-group .necessary_input {
    margin-left: 0.4em;
  }
}
.mainWrap.-confirm .lContainer .mContainer .form-group > label {
  margin-right: 3%;
}
@media screen and (max-width: 767px) {
  .mainWrap.-confirm .lContainer .mContainer .form-group > label {
    margin-right: 0;
  }
}
.mainWrap.-confirm .lContainer .mContainer .form-group .drop {
  margin-left: 0;
}
.mainWrap.-confirm .lContainer .mContainer .form-group .drop:before, .mainWrap.-confirm .lContainer .mContainer .form-group .drop:after {
  display: none;
}
.mainWrap.-confirm .lContainer .mContainer .form-group .form-check {
  margin-left: 0;
}
.mainWrap.-confirm .lContainer .mContainer .form-group .form-check.-personal {
  margin-left: 0;
}
.mainWrap.-confirm .lContainer .mContainer form .btnArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1em 2.5em;
}
.mainWrap.-confirm .lContainer .mContainer form .btnArea .basicBtn {
  border-radius: 10px;
}
.mainWrap.-confirm .lContainer .mContainer form .btnArea .basicBtn.-goBack {
  background: #ffffff;
  border: 2px solid #000000;
  color: #000000;
}
.mainWrap.-confirm .lContainer .mContainer form .btnArea .basicBtn.-goBack:hover {
  background: #000000;
  color: #ffffff;
}
.mainWrap.-thanks .lContainer .mContainer .infoArea .subTtl .spShow {
  display: none;
}
@media screen and (max-width: 480px) {
  .mainWrap.-thanks .lContainer .mContainer .infoArea .subTtl {
    line-height: 1.5;
  }
  .mainWrap.-thanks .lContainer .mContainer .infoArea .subTtl .spShow {
    display: inline;
  }
}
.mainWrap.-thanks .lContainer .mContainer .infoArea .thanksText {
  max-width: 850px;
  margin: 0 auto;
}
.mainWrap.-thanks .lContainer .mContainer .infoArea .thanksText .text {
  margin-bottom: 3.4em;
  font-size: 95%;
}
.mainWrap.-thanks .lContainer .mContainer .infoArea .telArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3.4em;
  line-height: 1;
}
.mainWrap.-thanks .lContainer .mContainer .infoArea .telArea .telTag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.5em;
  font-size: 125%;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-thanks .lContainer .mContainer .infoArea .telArea .telTag {
    font-size: 125%;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-thanks .lContainer .mContainer .infoArea .telArea .telTag {
    font-size: 100%;
  }
}
.mainWrap.-thanks .lContainer .mContainer .infoArea .telArea .telTag:before {
  font-family: "Material Symbols Rounded";
  font-size: 120%;
  content: "\e0b0";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  color: #110158;
  line-height: 1;
}
.mainWrap.-thanks .lContainer .mContainer .infoArea .telArea .telLink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 215%;
  font-weight: 700;
}
@media screen and (max-width: 1020px) {
  .mainWrap.-thanks .lContainer .mContainer .infoArea .telArea .telLink {
    font-size: 190%;
  }
}
@media screen and (max-width: 767px) {
  .mainWrap.-thanks .lContainer .mContainer .infoArea .telArea .telLink {
    font-size: 180%;
  }
}

.mainWrap.-company .companyList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mainWrap.-company .companyList__item {
  width: 47.5%;
  margin-bottom: 3em;
}
.mainWrap.-company .companyList__item .companyList-ttl {
  font-size: 156%;
  text-align: center;
  margin-top: 0.5em;
  line-height: 1.5;
}
.mainWrap.-company .companyList__item .companyList-img {
  overflow: hidden;
}
.mainWrap.-company .companyList__item .companyList-img img {
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mainWrap.-company .companyList__item .companyList-img img:hover {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
@media screen and (max-width: 767px) {
  .mainWrap.-company .mContainer {
    padding: 3em 0;
  }
  .mainWrap.-company .companyList__item {
    margin-bottom: 2em;
  }
  .mainWrap.-company .companyList__item .companyList-ttl {
    font-size: 112%;
  }
}
.mainWrap.-company.-greeting .flexCont__thumb {
  width: 41.6666666667%;
}
.mainWrap.-company.-greeting .flexCont__txt {
  width: 51.6666666667%;
}
.mainWrap.-company.-greeting .flexCont__txt p + p {
  margin-top: 2em;
}
.mainWrap.-company.-greeting .flexCont__txt .ceoSign {
  text-align: right;
  font-weight: 900;
  font-size: 112%;
  margin-top: 3em;
}
.mainWrap.-company.-greeting .flexCont__txt .ceoSign span {
  font-size: 140%;
}
@media screen and (max-width: 767px) {
  .mainWrap.-company.-greeting .flexCont__thumb {
    width: 100%;
    text-align: center;
    margin: 0 0 2.5em;
  }
  .mainWrap.-company.-greeting .flexCont__thumb img {
    width: 70%;
  }
  .mainWrap.-company.-greeting .flexCont__txt {
    width: 100%;
  }
  .mainWrap.-company.-greeting .flexCont__txt .ceoSign {
    margin-top: 1.5em;
  }
}
.mainWrap .pageNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10em;
}
.mainWrap .pageNav__item {
  width: 31.5%;
}
.mainWrap .pageNav__item .pageNav-ttl {
  font-size: 112%;
  font-weight: 700;
  text-align: center;
  margin-top: 0.7em;
}
.mainWrap .pageNav__item .pageNav-img {
  overflow: hidden;
}
.mainWrap .pageNav__item .pageNav-img img {
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mainWrap .pageNav__item .pageNav-img img:hover {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
@media screen and (max-width: 767px) {
  .mainWrap .pageNav {
    margin-top: 7em;
  }
  .mainWrap .pageNav__item .pageNav-ttl {
    font-size: 100%;
    line-height: 1.5;
  }
}
.mainWrap .lContainer .mContainer .president_s {
  vertical-align: middle;
}
@media screen and (max-width: 902px) {
  .mainWrap .lContainer .mContainer .president_s {
    height: 0.9em;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap .lContainer .mContainer .ceoSign img {
    max-width: 220px;
  }
}

.mainWrap.-service .lContainer .mContainer {
  padding-top: 2em;
}
.mainWrap.-service .lContainer .mContainer .serviceCont {
  margin-top: 6em;
}
.mainWrap.-service .lContainer .mContainer .serviceCont .serviceWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3em;
}
.mainWrap.-service .lContainer .mContainer .serviceCont .serviceWrap > .textArea {
  width: 46%;
}
.mainWrap.-service .lContainer .mContainer .serviceCont .serviceWrap > .thumb {
  width: 47%;
}
.mainWrap.-service .lContainer .mContainer .serviceCont .serviceWrap.-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.mainWrap.-service .lContainer .mContainer .serviceCont .serviceImg {
  max-width: 1000px;
  margin: 3em auto 0;
}
@media screen and (max-width: 767px) {
  .mainWrap.-service .lContainer .mContainer .serviceCont {
    margin-top: 5em;
  }
  .mainWrap.-service .lContainer .mContainer .serviceCont .serviceWrap {
    display: block;
    margin-bottom: 2em;
  }
  .mainWrap.-service .lContainer .mContainer .serviceCont .serviceWrap > .textArea {
    width: 100%;
    margin-bottom: 2em;
  }
  .mainWrap.-service .lContainer .mContainer .serviceCont .serviceWrap > .thumb {
    width: 100%;
  }
  .mainWrap.-service .lContainer .mContainer .serviceCont .serviceImg {
    margin: 2em auto 0;
  }
}
@media screen and (max-width: 560px) {
  .mainWrap.-service .lContainer .mContainer .serviceCont {
    margin-top: 4em;
  }
}