@charset "UTF-8";
/*------------------------------------------------------------
  変数設定
  ------------------------------------------------------------*/
/*------------------------------------------------------------
  TOP/下層共通
  ------------------------------------------------------------*/
.--bgBaseCenter {
  z-index: 1;
  background: url("/assets/img/main-bg-center.png") repeat-y;
  background-position: center;
}

.--bgBaseTop {
  padding-top: 168px !important;
}
@media screen and (max-width: 1199px) {
  .--bgBaseTop {
    padding-top: 88px !important;
  }
}
.--bgBaseTop::before {
  content: "";
  display: block;
  position: absolute;
  background: #fff url("/assets/img/main-bg-top.png?202508191504") no-repeat;
  width: 100%;
  height: 168px;
  top: 0;
  background-position: center;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .--bgBaseTop::before {
    height: 136px;
    background-size: auto 136px;
  }
}

.--bgBaseBottom {
  padding-bottom: 168px !important;
}
@media screen and (max-width: 1199px) {
  .--bgBaseBottom {
    padding-bottom: 88px !important;
  }
}
.--bgBaseBottom::after {
  content: "";
  display: block;
  position: absolute;
  background: #fff url("/assets/img/main-bg-bottom.png?20250819") no-repeat;
  width: 100%;
  height: 168px;
  bottom: 0rem;
  background-position: center;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .--bgBaseBottom::after {
    height: 136px;
    background-size: auto 136px;
  }
}

.news-list {
  width: 900px;
  margin: 0 auto 2rem;
}
@media screen and (max-width: 1199px) {
  .news-list {
    width: 100%;
    margin-bottom: 3rem;
  }
}
.news-list ul li {
  align-items: center;
  font-weight: 500;
  background: #fff;
  color: #313131;
  min-height: 68px;
  margin-bottom: 1rem;
  border-radius: 15px;
  padding: 0 3rem;
}
@media screen and (max-width: 1199px) {
  .news-list ul li {
    padding: 1.5rem;
    gap: 0.5rem 0;
  }
}
.news-list ul li .date {
  font-size: 1.4rem;
  font-weight: bold;
  width: 80px;
}
.news-list ul li .cat {
  width: 90px;
  height: 25px;
  border: 1px solid #0089CE;
  border-radius: 13px;
  margin: 0 2rem 0 2rem;
  font-size: 1.2rem;
  line-height: 24px;
  color: #0089CE;
}
.news-list ul li a {
  line-height: 22px;
  width: calc(100% - 80px - 90px - 6rem);
  text-align: left;
  text-decoration: underline;
}
@media screen and (max-width: 1199px) {
  .news-list ul li a {
    width: 100%;
    font-size: 1.6rem;
  }
}

.secGroup {
  padding-top: 10rem;
  padding-bottom: 11rem;
}
@media screen and (max-width: 1199px) {
  .secGroup {
    padding-top: 5rem;
    padding-bottom: 8rem;
  }
}
.secGroup .inner-l {
  position: relative;
}
.secGroup .inner-l::before, .secGroup .inner-l::after {
  content: "";
  display: block;
  position: absolute;
  top: -4.5rem;
  width: 333px;
  height: 789px;
}
@media screen and (max-width: 1199px) {
  .secGroup .inner-l::before, .secGroup .inner-l::after {
    display: none;
  }
}
.secGroup .inner-l::before {
  background: url("/assets/img/top/group-bg-left.png") no-repeat;
  left: -6rem;
}
.secGroup .inner-l::after {
  background: url("/assets/img/top/group-bg-right.png?20250918") no-repeat;
  right: -6rem;
}
.secGroup h2 {
  margin-bottom: 8rem;
}
@media screen and (max-width: 1199px) {
  .secGroup h2 {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1199px) {
  .secGroup h2 span {
    font-size: 5.6rem !important;
  }
}
@media screen and (max-width: 1199px) {
  .secGroup .groupImg {
    margin-bottom: 3rem;
  }
}
.secGroup h4 {
  margin-bottom: 3rem;
}
.secGroup h3 {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1199px) {
  .secGroup h3 {
    font-size: 3.2rem;
  }
}
.secGroup .readTxt {
  margin-bottom: 8rem;
}
@media screen and (max-width: 1199px) {
  .secGroup .readTxt {
    text-align: left;
    margin-bottom: 2.5rem;
  }
}
.secGroup .groupBan {
  border: 1px solid #004098;
  width: 620px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .secGroup .groupBan {
    width: 100%;
  }
}
.secGroup .groupBan a {
  padding: 2.5rem 2.5rem 2.5rem 3rem;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .secGroup .groupBan a {
    padding: 2.5rem;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem 0;
  }
}
@media screen and (max-width: 1199px) {
  .secGroup .groupBan a > img {
    width: 230px;
  }
}
.secGroup .groupBan a .txt {
  align-items: center;
}
.secGroup .groupBan a .txt .left {
  text-align: left;
  font-size: 1.4rem;
  color: #004098;
}
.secGroup .groupBan a .txt .left p {
  font-weight: 900;
  font-size: 1.6rem;
  padding-right: 1rem;
  margin-bottom: -0.2rem;
}

/*------------------------------------------------------------
  TOP
  ------------------------------------------------------------*/
.mainWrap.-top {
  /*-- 共通 --*/
  /*-- 個別 --*/
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top {
    overflow: hidden;
  }
}
.mainWrap.-top .secMv {
  padding-top: 5rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv {
    padding-top: 6rem;
  }
}
.mainWrap.-top .secMv .ytBox {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  z-index: -100;
  pointer-events: none;
}
.mainWrap.-top .secMv .ytBox iframe.yt-v {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 1920px;
  min-height: 100vh;
  transform: translate(-50%, -50%);
  z-index: -100;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .ytBox iframe.yt-v {
    min-width: 1600px;
  }
}
.mainWrap.-top .secMv .ttlArea {
  position: absolute;
  top: 11.5vw;
  left: 0;
  right: 0;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .ttlArea {
    max-width: 260px;
    margin: 0 auto;
    top: 8rem;
  }
}
.mainWrap.-top .secMv .slick-mv-slide li img {
  height: calc(100vh - 50px);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .slick-mv-slide li img {
    height: calc(100vh - 60px);
    -o-object-position: 25% center;
       object-position: 25% center;
  }
}
.mainWrap.-top .secMv .news {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  height: 78px;
  width: 480px;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .news {
    width: 100%;
    height: auto;
  }
}
.mainWrap.-top .secMv .news::before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 78px;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .news::before {
    height: 100%;
  }
}
.mainWrap.-top .secMv .news::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -5.4rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent rgba(255, 255, 255, 0.75) transparent;
  border-width: 0px 0px 78px 54px;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .news::after {
    display: none;
  }
}
.mainWrap.-top .secMv .news .news-inner {
  height: 100%;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .news .news-inner {
    padding: 1rem 2rem 1.5rem;
  }
}
.mainWrap.-top .secMv .news .news-inner .ttl {
  font-size: 1.4rem;
  width: 110px;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .news .news-inner .ttl {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0 1.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .news .news-inner .ttl span {
    font-size: 1.2rem;
    color: #313131;
  }
}
.mainWrap.-top .secMv .news .news-inner .content {
  padding-right: 1.5rem;
  width: calc(100% - 110px);
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secMv .news .news-inner .content {
    width: 100%;
    padding-right: 0;
  }
}
.mainWrap.-top .secMv .news .news-inner .content .date {
  font-size: 1.2rem;
}
.mainWrap.-top .secMv .news .news-inner .content a {
  font-size: 1.4rem;
  line-height: 18px;
  text-decoration: underline;
  display: block;
}
.mainWrap.-top .secRead {
  padding-top: 6rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRead {
    padding-top: 4rem;
  }
}
.mainWrap.-top .secRead .inner-l {
  margin-bottom: -5rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRead .inner-l {
    margin-bottom: -3rem;
  }
}
.mainWrap.-top .secRead .inner-l .vision {
  margin-bottom: 2rem;
  font-size: 4rem;
  line-height: 46px;
  font-weight: 900;
  text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRead .inner-l .vision {
    font-size: 2.7rem;
    line-height: 31px;
    margin-bottom: 1.5rem;
  }
}
.mainWrap.-top .secRead .inner-l .readTtl {
  font-size: 6rem;
  line-height: 87px;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRead .inner-l .readTtl {
    font-size: 3.2rem;
    line-height: 46px;
    margin-bottom: 2.5rem;
  }
}
.mainWrap.-top .secRead .inner-l .readTxt {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRead .inner-l .readTxt {
    text-align: left;
    margin-bottom: 0;
  }
}
.mainWrap.-top .secReadImg {
  margin-top: 6.5rem;
  background: #F5F5F5;
  padding: 2.5rem 0;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secReadImg {
    margin-top: 3.5rem;
  }
}
.mainWrap.-top .secAbout {
  padding-top: 7.5rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secAbout {
    padding-top: 1.5rem;
  }
}
.mainWrap.-top .secAbout::before {
  content: "";
  display: block;
  background: url("/assets/img/top/about-bg.jpg?20250926") no-repeat;
  position: absolute;
  top: 42.5rem;
  width: 941px;
  height: 625px;
  z-index: -1;
  background-size: cover;
  right: 54vw;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secAbout::before {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secAbout .aboutImg {
    margin-left: -2rem;
    margin-bottom: 4rem;
  }
}
.mainWrap.-top .secAbout .readTxt {
  width: 620px;
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 11.5rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secAbout .readTxt {
    width: 100%;
    margin-bottom: 5rem;
  }
}
.mainWrap.-top .secService h2.baseTtl {
  margin-top: -7rem;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secService h2.baseTtl {
    margin-top: -3rem;
  }
}
.mainWrap.-top .secService h2.baseTtl span {
  color: #2FB3F2;
}
.mainWrap.-top .secService h3.baseTtl {
  font-size: 4.2rem;
  line-height: 60px;
  margin-bottom: 6.5rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secService h3.baseTtl {
    font-size: 2.2rem;
    line-height: 32px;
    margin-bottom: 6rem;
  }
}
.mainWrap.-top .secService .slick-top-service {
  position: relative;
}
.mainWrap.-top .secService .slick-top-service li.slick-slide {
  transform: scale(0.9);
  transition: all 1s ease-in-out;
  padding: 0 6px 6px;
}
.mainWrap.-top .secService .slick-top-service li.slick-slide.slick-current {
  transform: scale(1);
}
.mainWrap.-top .secService .slick-top-service li.slick-slide a {
  display: block;
  color: #fff;
  padding: 3rem 0 2.5rem;
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secService .slick-top-service li.slick-slide a {
    padding: 2rem 0 1.7rem;
  }
}
.mainWrap.-top .secService .slick-top-service li.slick-slide a .ttl {
  font-size: 3.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1366px) {
  .mainWrap.-top .secService .slick-top-service li.slick-slide a .ttl {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secService .slick-top-service li.slick-slide a .ttl {
    font-size: 2.6rem;
  }
}
.mainWrap.-top .secService .slick-top-service li.slick-slide a .serviceImg {
  width: 100%;
  margin-bottom: 1rem;
}
.mainWrap.-top .secService .slick-top-service li.slick-slide a .readTxt {
  padding: 0 2.5rem;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secService .slick-top-service li.slick-slide a .readTxt {
    text-align: left;
    padding: 0 1.5rem;
  }
}
.mainWrap.-top .secService .slick-top-service li.slick-slide a .arrow {
  width: 70px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secService .slick-top-service li.slick-slide a .arrow {
    width: 53px;
  }
}
.mainWrap.-top .secService .slick-top-service li.slick-slide.sf a {
  background: url("/assets/img/top/service1-bg.jpg?20250908") no-repeat center/cover;
}
.mainWrap.-top .secService .slick-top-service li.slick-slide.fr a {
  background: url("/assets/img/top/service2-bg.jpg?20250908") no-repeat center/cover;
}
.mainWrap.-top .secService .slick-top-service li.slick-slide.wh a {
  background: url("/assets/img/top/service3-bg.jpg?20250908") no-repeat center/cover;
}
.mainWrap.-top .secService .slick-top-service li.slick-slide.ec a {
  background: url("/assets/img/top/service4-bg.jpg?20250908") no-repeat center/cover;
}
.mainWrap.-top .secService .slick-top-service li.slick-slide.tc a {
  background: url("/assets/img/top/service5-bg.jpg?20250908") no-repeat center/cover;
}
.mainWrap.-top .secService .slick-top-service li.slick-slide.mt a {
  background: url("/assets/img/top/service6-bg.jpg?20250908") no-repeat center/cover;
}
.mainWrap.-top .secService .slick-top-service .slide-arrow {
  position: absolute;
  bottom: -0.4rem;
  z-index: 20;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secService .slick-top-service .slide-arrow {
    width: 17px;
    bottom: -0.3rem;
  }
}
.mainWrap.-top .secService .slick-top-service .slide-arrow:hover {
  opacity: 0.8;
}
.mainWrap.-top .secService .slick-top-service .slide-arrow.prev-arrow {
  left: calc(50% - 9.5rem);
}
.mainWrap.-top .secService .slick-top-service .slide-arrow.next-arrow {
  right: calc(50% - 9.5rem);
}
.mainWrap.-top .secService .slick-top-service .slick-dots {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 0 1rem;
  margin-bottom: -4rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secService .slick-top-service .slick-dots {
    margin-top: 0.5rem;
    margin-bottom: -3rem;
  }
}
.mainWrap.-top .secService .slick-top-service .slick-dots li button {
  width: 12px;
  height: 12px;
  border: none;
  background: #C9CACA;
  font-size: 0;
  border-radius: 50%;
}
.mainWrap.-top .secService .slick-top-service .slick-dots li.slick-active button {
  background: #fff;
}
.mainWrap.-top .secNews {
  padding-bottom: 11.5rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secNews {
    padding-bottom: 8rem;
  }
}
.mainWrap.-top .secNews h2 {
  margin-top: -8rem;
  position: relative;
  margin-bottom: 10rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secNews h2 {
    margin-top: -2.5rem;
    margin-bottom: 3.5rem;
  }
}
.mainWrap.-top .secNews h2 span {
  color: #2FB3F2;
}
.mainWrap.-top .secNews .baseLinkBtn {
  margin-bottom: 4rem;
}
.mainWrap.-top .secNews .snsBox {
  justify-content: center;
  gap: 0 1.5rem;
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secNews .snsBox {
    margin-bottom: 4rem;
  }
}
.mainWrap.-top .secNews .banArea {
  gap: 0 3rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secNews .banArea {
    gap: 2rem 0;
  }
}
.mainWrap.-top .secNews .banArea a {
  width: calc(50% - 1.5rem);
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secNews .banArea a {
    width: 100%;
  }
}
.mainWrap.-top .secRecruit {
  padding: 4rem 0 6.5rem;
  background: url("/assets/img/top/recruit-bg.jpg?20250908") no-repeat center top/cover;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRecruit {
    padding: 2.5rem 0 5rem;
    background: url("/assets/img/top/recruit-bg-sp.jpg?20250908") no-repeat center top/cover;
  }
}
.mainWrap.-top .secRecruit .inner-l {
  position: relative;
}
.mainWrap.-top .secRecruit .inner-l h2.baseTtl {
  text-align: left;
  padding-left: 9rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRecruit .inner-l h2.baseTtl {
    text-align: center;
    padding-left: 0;
    margin-bottom: 12.5rem;
  }
}
.mainWrap.-top .secRecruit .inner-l h2.baseTtl span {
  opacity: 0.7;
  margin-left: -9rem;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRecruit .inner-l h2.baseTtl span {
    margin-left: 0;
  }
}
.mainWrap.-top .secRecruit .inner-l h4.baseTtl {
  font-size: 1.7rem;
  letter-spacing: 0.3em;
  text-align: left;
}
.mainWrap.-top .secRecruit .inner-l .readTxt {
  font-size: 5rem;
  line-height: 72px;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRecruit .inner-l .readTxt {
    font-size: 2.8rem;
    line-height: 40px;
    margin-bottom: 8.5rem;
  }
}
.mainWrap.-top .secRecruit .inner-l .baseLinkBtn {
  position: absolute;
  right: 1.5rem;
  bottom: 0rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  height: 64px;
  line-height: 64px;
  width: 255px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .mainWrap.-top .secRecruit .inner-l .baseLinkBtn {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.mainWrap.-top .secRecruit .inner-l .baseLinkBtn a img {
  width: 45px;
  vertical-align: -14px;
}
/*------------------------------------------------------------
  下層ページ共通
  ------------------------------------------------------------*/
body.sub .secBase {
  padding-top: 8rem;
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: #fff;
  }
}
body.sub .secBase .inner-l .baseBox {
  margin-bottom: 7.5rem;
  padding-top: 7rem;
  margin-top: -7rem;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox {
    margin-bottom: 8rem;
  }
}
body.sub .secBase .inner-l .baseBox .info {
  align-items: flex-start;
  gap: 0 5rem;
}
body.sub .secBase .inner-l .baseBox .info > img {
  width: 380px;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .info > img {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 2rem;
  }
}
body.sub .secBase .inner-l .baseBox .info__txt {
  width: calc(100% - 380px - 5rem);
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .info__txt {
    width: 100%;
  }
}
body.sub .secBase .inner-l .baseBox .info__txt .bizNames {
  gap: 0 1rem;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .info__txt .bizNames {
    gap: 1rem;
    justify-content: center;
    margin-bottom: 0.7rem;
  }
}
body.sub .secBase .inner-l .baseBox .info__txt .bizNames .biz {
  border: 1px solid #0089CE;
  color: #0089CE;
  min-width: 160px;
  text-align: center;
  line-height: 25px;
  padding: 0 0.5rem;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .info__txt .bizNames .biz {
    min-width: auto;
    width: calc(50% - 0.5rem);
  }
}
body.sub .secBase .inner-l .baseBox .info__txt .ttl {
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .info__txt .ttl {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}
body.sub .secBase .inner-l .baseBox .info__txt .ttl span {
  font-size: 1.8rem;
  color: #FFFF00;
  background: #0089CE;
  width: 200px;
  display: inline-block;
  text-align: center;
  height: 36px;
  line-height: 35px;
  vertical-align: 8px;
  margin-left: 2rem;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .info__txt .ttl span {
    margin-top: 0.5rem;
    margin-left: 0;
  }
}
body.sub .secBase .inner-l .baseBox .info__txt dl {
  border-bottom: 1px solid #707070;
}
body.sub .secBase .inner-l .baseBox .info__txt dl dt {
  border: 1px solid #707070;
  background: #F7F7F7;
  padding: 0.8rem 0;
  width: 200px;
  text-align: center;
  border-bottom: none;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .info__txt dl dt {
    width: 120px;
    font-size: 1.6rem;
  }
}
body.sub .secBase .inner-l .baseBox .info__txt dl dd {
  width: calc(100% - 200px);
  border: 1px solid #707070;
  border-left: none;
  padding: 0.8rem 0 0.8rem 1.5rem;
  border-bottom: none;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .info__txt dl dd {
    width: calc(100% - 120px);
    font-size: 1.6rem;
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body.sub .secBase .inner-l .baseBox .gMap {
  width: 800px;
  height: 350px;
  margin: 8.5rem auto 0;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox .gMap {
    margin-top: 2.5rem;
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
  }
}
body.sub .secBase .inner-l .baseBox .gMap iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1199px) {
  body.sub .secBase .inner-l .baseBox#base03 .info__txt .bizNames {
    justify-content: flex-start;
  }
}
body.sub:not(.business):not(.recruit) .secMv {
  height: 250px;
  background: url("/assets/img/company/header.jpg?20250926") no-repeat center/cover;
  padding-top: 50px;
}
@media screen and (max-width: 1199px) {
  body.sub:not(.business):not(.recruit) .secMv {
    background: url("/assets/img/company/header-sp.jpg?20250926") no-repeat center/cover;
    padding-top: 60px;
  }
}
body.sub:not(.business):not(.recruit) .secMv h2 {
  position: absolute;
  bottom: 1.5rem;
  font-size: 2.2rem;
  display: flex;
  justify-content: center;
  width: 100%;
  font-weight: bold;
  gap: 0 1rem;
  align-items: center;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1199px) {
  body.sub:not(.business):not(.recruit) .secMv h2 {
    gap: 0 0.8rem;
  }
}
body.sub:not(.business):not(.recruit) .secMv h2::before, body.sub:not(.business):not(.recruit) .secMv h2::after {
  content: "";
  display: block;
  height: 1px;
  background: #fff;
  flex-grow: 1;
}
body.sub .cpLinks {
  padding: 5.5rem 0;
}
@media screen and (max-width: 1199px) {
  body.sub .cpLinks {
    padding: 2rem 0 4.5rem;
  }
}
body.sub .cpLinks.bottom {
  padding: 6.5rem 0 8rem;
}
body.sub .cpLinks ul {
  justify-content: center;
  gap: 0 1.5rem;
  font-weight: bold;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 1199px) {
  body.sub .cpLinks ul {
    gap: 1rem;
    padding: 0 2rem;
  }
}
body.sub .cpLinks ul li a {
  display: block;
  width: 200px;
  border: 1px solid #0089CE;
  text-align: center;
  height: 40px;
  line-height: 38px;
  color: #0089CE;
  position: relative;
}
@media screen and (max-width: 1199px) {
  body.sub .cpLinks ul li a {
    width: 150px;
    height: 30px;
    font-size: 1.2rem;
    line-height: 28px;
  }
}
body.sub .cpLinks ul li a.active, body.sub .cpLinks ul li a:hover {
  background: #0089CE;
  color: #fff;
}
body.sub .cpLinks ul li a img {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media screen and (max-width: 1199px) {
  body.sub .cpLinks ul li a img {
    width: 17px;
    top: 0.7rem;
    right: 0.7rem;
  }
}
body.sub div.baseTtl {
  font-size: 2.8rem;
  font-weight: bold;
  border-bottom: 1px solid #0089CE;
  padding-bottom: 1rem;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1199px) {
  body.sub div.baseTtl {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
}

/*------------------------------------------------------------
  下層ページ
  ------------------------------------------------------------*/
@media screen and (max-width: 1199px) {
  body.business .mainWrap {
    max-width: 100%;
    overflow: hidden;
  }
}
body.business .secMv {
  padding-top: 50px;
  min-height: 935px;
}
@media screen and (max-width: 1199px) {
  body.business .secMv {
    padding-top: 60px;
    min-height: 860px;
  }
}
body.business .secMv::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100vw;
  height: 935px;
}
@media screen and (max-width: 1199px) {
  body.business .secMv::before {
    position: fixed;
    z-index: -10;
  }
}
body.business .secMv::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.25;
  z-index: -1;
}
body.business .secMv.sf::before {
  background: url("/assets/img/business/sf-header.jpg?20250908") no-repeat center/cover fixed;
}
@media screen and (max-width: 1199px) {
  body.business .secMv.sf::before {
    background: url("/assets/img/business/sf-header.jpg?20250908") no-repeat center 6rem/auto 800px;
  }
}
body.business .secMv.fr::before {
  background: url("/assets/img/business/fr-header.jpg?20250926") no-repeat center/cover fixed;
}
@media screen and (max-width: 1199px) {
  body.business .secMv.fr::before {
    background: url("/assets/img/business/fr-header.jpg?20250926") no-repeat center 6rem/auto 800px;
  }
}
body.business .secMv.wh::before {
  background: url("/assets/img/business/wh-header.jpg?20250912") no-repeat center/cover fixed;
}
@media screen and (max-width: 1199px) {
  body.business .secMv.wh::before {
    background: url("/assets/img/business/wh-header.jpg?20250912") no-repeat center 6rem/auto 800px;
  }
}
body.business .secMv.ec::before {
  background: url("/assets/img/business/ec-header.jpg?20250912") no-repeat center/cover fixed;
}
@media screen and (max-width: 1199px) {
  body.business .secMv.ec::before {
    background: url("/assets/img/business/ec-header.jpg?20250912") no-repeat center 6rem/auto 800px;
  }
}
body.business .secMv.tc::before {
  background: url("/assets/img/business/tc-header.jpg?20250908") no-repeat center/cover fixed;
}
@media screen and (max-width: 1199px) {
  body.business .secMv.tc::before {
    background: url("/assets/img/business/tc-header.jpg?20250908") no-repeat center 6rem/auto 800px;
  }
}
body.business .secMv.mt::before {
  background: url("/assets/img/business/mt-header.jpg?20250908") no-repeat center/cover fixed;
}
@media screen and (max-width: 1199px) {
  body.business .secMv.mt::before {
    background: url("/assets/img/business/mt-header.jpg?20250908") no-repeat center 6rem/auto 800px;
  }
}
body.business .secMv.sf::after {
  background: #004098;
}
body.business .secMv.fr::after {
  background: #526C69;
}
body.business .secMv.wh::after {
  background: #985800;
}
body.business .secMv.ec::after {
  background: #CCFF90;
  opacity: 0.13;
}
body.business .secMv.tc::after {
  background: #A59A1A;
  opacity: 0.24;
}
body.business .secMv.mt::after {
  background: #40787C;
  opacity: 0.24;
}
body.business .secMv .ttl {
  margin-top: 10.5rem;
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 1199px) {
  body.business .secMv .ttl {
    width: calc(100% - 70px);
    margin: 7rem auto 6rem;
  }
}
body.business .secMv .readTxt {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 44px;
}
@media screen and (max-width: 1199px) {
  body.business .secMv .readTxt {
    font-size: 1.6rem;
    line-height: 30px;
    text-align: left;
    padding: 0 2rem;
  }
}
body.business .secMv .btmInner {
  position: absolute;
  bottom: 0;
  width: 100%;
}
body.business .secMv .btmInner .bizName {
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  display: flex;
  gap: 0 0.5rem;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  body.business .secMv .btmInner .bizName {
    font-size: 2.2rem;
    gap: 0 1rem;
  }
}
body.business .secMv .btmInner .bizName::before, body.business .secMv .btmInner .bizName::after {
  content: "";
  display: block;
  height: 1px;
  background: #fff;
  flex-grow: 1;
}
body.business .secMv .btmInner .bizNameBtm {
  font-size: 12rem;
  text-transform: uppercase;
  line-height: 214px;
  margin-bottom: -5.7rem;
  margin-top: -6rem;
}
@media screen and (max-width: 1199px) {
  body.business .secMv .btmInner .bizNameBtm {
    font-size: 3.4rem;
    line-height: 61px;
    margin-bottom: -1.7rem;
    margin-top: -1rem;
  }
}
@media screen and (max-width: 1199px) {
  body.business .secSpacer {
    background: #fff;
    height: 4.5rem;
  }
}
body.business .secFeature {
  margin-top: 4.5rem;
  padding-top: 70px !important;
  padding-bottom: 120px !important;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    margin-top: 0;
  }
}
body.business .secFeature .featTtl {
  font-size: 3.2rem;
  font-weight: bold;
  display: inline-block;
  padding: 0 6rem;
  margin-bottom: 7rem;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featTtl {
    font-size: 2rem;
    padding: 0 5rem;
    margin-bottom: 3rem;
  }
}
body.business .secFeature .featBox {
  position: relative;
  height: 440px;
  margin-bottom: 12.5rem;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox {
    height: auto;
    margin-bottom: 0;
  }
}
body.business .secFeature .featBox__bg {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  -o-object-position: center;
     object-position: center;
  height: 440px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox__bg {
    width: 100%;
    height: 125px;
    position: relative;
    top: 0px;
  }
}
body.business .secFeature .featBox .inner-l {
  position: relative;
}
body.business .secFeature .featBox .inner-l .boxTtl {
  width: 180px;
  height: 90px;
  position: absolute;
  top: -2.5rem;
  left: 0rem;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox .inner-l .boxTtl {
    top: -3rem;
    position: relative;
  }
}
body.business .secFeature .featBox .inner-l .boxTtl .left .ttl1 {
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 0.4em;
  border-bottom: 1px solid #fff;
  margin-bottom: -0.4rem;
}
body.business .secFeature .featBox .inner-l .boxTtl .left .ttl2 {
  font-size: 3.4rem;
  line-height: 49px;
}
body.business .secFeature .featBox .inner-l .boxTtl .right {
  font-size: 8.4rem;
  line-height: 84px;
  margin-top: -1rem;
}
body.business .secFeature .featBox .inner-l .info {
  position: absolute;
  width: 700px;
  background: rgba(255, 255, 255, 0.85);
  min-height: 440px;
  top: 5rem;
  left: 3rem;
  padding: 2.5rem 3rem;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox .inner-l .info {
    width: calc(100% - 3rem);
    left: 1.5rem;
    min-height: auto;
    padding: 4.5rem 1.5rem 2.5rem;
    top: -5.5rem;
    position: relative;
  }
}
body.business .secFeature .featBox .inner-l .info__Ttl {
  font-size: 4.1rem;
  line-height: 54px;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox .inner-l .info__Ttl {
    font-size: 2.4rem;
    line-height: 40px;
  }
}
body.business .secFeature .featBox .inner-l .info__intro {
  font-size: 1.8rem;
  line-height: 36px;
  margin-bottom: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox .inner-l .info__intro {
    font-size: 1.6rem;
    line-height: 32px;
    margin-bottom: 2.5rem;
  }
}
body.business .secFeature .featBox .inner-l .info__txt {
  text-align: left;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox .inner-l .info__txt {
    line-height: 32px;
  }
}
body.business .secFeature .featBox:nth-child(odd) .inner-l .boxTtl {
  left: 48.5rem;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox:nth-child(odd) .inner-l .boxTtl {
    left: 0;
  }
}
body.business .secFeature .featBox:nth-child(odd) .inner-l .info {
  left: auto;
  right: 1.5rem;
}
@media screen and (max-width: 1199px) {
  body.business .secFeature .featBox:nth-child(odd) .inner-l .info {
    left: 1.5rem;
    right: auto;
  }
}
body.business .secOther {
  background: #E8E8E8;
  padding: 2.5rem 0;
}
@media screen and (max-width: 1199px) {
  body.business .secOther {
    padding: 2rem 0;
  }
}
body.business .secOther .otherTtl {
  font-size: 3.4rem;
  color: #E8E8E8;
  margin-top: -6.4rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1199px) {
  body.business .secOther .otherTtl {
    margin-top: -5.9rem;
  }
}
body.business .secOther ul {
  justify-content: center;
  gap: 0 1rem;
}
@media screen and (max-width: 1199px) {
  body.business .secOther ul {
    padding: 0 2rem;
    gap: 1rem;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1199px) {
  body.business .secOther ul li {
    width: calc(50% - 0.5rem);
  }
}
body.business .secOther ul li a {
  display: block;
  width: 185px;
  background: #fff;
  height: 72px;
  line-height: 72px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  body.business .secOther ul li a {
    width: 100%;
    height: 47px;
    line-height: 47px;
    font-size: 1.6rem;
  }
}
body.business .secOther ul li a:hover {
  background: #0089CE;
  color: #fff !important;
}
body.recruit .enTtl {
  font-size: 9rem;
  font-weight: bold;
  line-height: 100px;
}
@media screen and (max-width: 1199px) {
  body.recruit .enTtl {
    font-size: 4rem;
    line-height: 44px;
    text-align: center !important;
  }
}
body.recruit .anc {
  padding-top: 8rem;
  margin-top: -8rem;
}
body.recruit h3.recTtl {
  border-bottom: 1px solid #313131;
  display: inline-block;
  padding-bottom: 1rem;
  font-weight: bold;
  min-width: 162px;
}
@media screen and (max-width: 1199px) {
  body.recruit h3.recTtl {
    font-size: 1.6rem;
  }
}
body.recruit .txtArea__ttl {
  font-size: 4rem;
  line-height: 70px;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .txtArea__ttl {
    font-size: 2.2rem;
    line-height: 38px;
    margin-bottom: 4rem;
    text-align: center;
  }
}
body.recruit .txtArea__txt {
  font-size: 1.8rem;
  line-height: 40px;
}
@media screen and (max-width: 1199px) {
  body.recruit .txtArea__txt {
    font-size: 1.6rem;
    line-height: 36px;
  }
}
body.recruit .secMv {
  background: url("/assets/img/recruit/mv01.jpg") no-repeat center top/cover;
  height: 820px;
  padding-top: 50px;
}
@media screen and (max-width: 1199px) {
  body.recruit .secMv {
    background: url("/assets/img/recruit/mv01-sp.jpg") no-repeat center top/cover;
    height: 685px;
    padding-top: 60px;
  }
}
body.recruit .secMv .inner-l .ttl {
  padding-top: 14rem;
  margin-bottom: 6rem;
  font-size: 8.5rem;
  font-weight: 900;
  opacity: 0.5;
  margin-left: -0.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secMv .inner-l .ttl {
    padding-top: 22rem;
    margin-left: 0;
    font-size: 7.4rem;
    text-align: center;
    margin-bottom: 0;
  }
}
body.recruit .secMv .inner-l .subTtl {
  font-size: 1.7rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secMv .inner-l .subTtl {
    margin-bottom: 1.5rem;
  }
}
body.recruit .secMv .inner-l .infoTxt {
  font-size: 5rem;
  line-height: 72px;
}
@media screen and (max-width: 1199px) {
  body.recruit .secMv .inner-l .infoTxt {
    font-size: 2.8rem;
    line-height: 40px;
  }
}
body.recruit .secMv .inner-l .infoTxt span {
  display: inline-block;
  line-height: 60px;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secMv .inner-l .infoTxt span {
    line-height: 32px;
    padding-bottom: 0.2rem;
  }
}
body.recruit .secAnchor ul {
  padding: 1.2rem 0;
  justify-content: center;
  gap: 0 12rem;
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  body.recruit .secAnchor ul {
    padding: 2.4rem 0;
    gap: 1rem 2.5rem;
  }
}
body.recruit .secAnchor ul li a {
  color: #0089CE;
}
@media screen and (max-width: 1199px) {
  body.recruit .secAnchor ul li a {
    text-decoration: underline;
  }
}
body.recruit .secNews {
  padding-top: 5rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secNews {
    padding-top: 2.5rem;
  }
}
body.recruit .secNews .enTtl {
  position: absolute;
  top: -3rem;
  left: 0rem;
  color: #2EA7E0;
}
@media screen and (max-width: 1199px) {
  body.recruit .secNews .enTtl {
    position: relative;
    top: 0rem;
    font-size: 6rem;
    line-height: 85px;
  }
}
body.recruit .secNews h3.recTtl {
  margin-bottom: 5.5rem;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1199px) {
  body.recruit .secNews h3.recTtl {
    margin-bottom: 2.5rem;
  }
}
body.recruit .secNews .news-list {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secNews .news-list {
    margin-bottom: 2rem;
  }
}
body.recruit .secRead {
  padding-top: 3.8rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
}
body.recruit .secRead .inner-l h3.recTtl {
  position: relative;
  top: -12rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l h3.recTtl {
    top: 0rem;
    left: calc(50% - 81px);
    margin: 0 auto 4rem;
    text-align: center;
  }
}
body.recruit .secRead .inner-l img.bg {
  position: absolute;
  right: 0;
  top: 30rem;
  z-index: -1;
  width: 49.1vw;
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l img.bg {
    position: relative;
    top: 0rem;
    width: 100%;
    right: -2rem;
    margin-bottom: 3.5rem;
  }
}
body.recruit .secRead .inner-l .enTtl {
  text-align: right;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l .enTtl {
    margin-bottom: 2rem;
  }
}
body.recruit .secRead .inner-l .txtArea {
  width: 560px;
  margin-bottom: 10rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l .txtArea {
    width: 100%;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l .txtArea__ttl {
    position: relative;
    right: -2rem;
    text-align: left;
  }
}
body.recruit .secRead .inner-l .txtArea__txt {
  width: 550px;
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l .txtArea__txt {
    width: 100%;
  }
}
body.recruit .secRead .inner-l .box {
  border: 1px solid #2EA7E0;
  border-radius: 30px;
  padding: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0 6rem;
  background: #fff;
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l .box {
    gap: 3.5rem 0;
    border-radius: 15px;
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
body.recruit .secRead .inner-l .box .left {
  width: 750px;
}
body.recruit .secRead .inner-l .box .left .ttl {
  font-size: 2.6rem;
  line-height: 39px;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l .box .left .ttl {
    font-size: 1.7rem;
    line-height: 27px;
    text-align: center;
    margin-bottom: 4rem;
  }
}
body.recruit .secRead .inner-l .box .left .readTxt {
  line-height: 30px;
}
body.recruit .secRead .inner-l .box .right {
  width: calc(100% - 750px - 6rem);
}
@media screen and (max-width: 1199px) {
  body.recruit .secRead .inner-l .box .right {
    width: 100%;
  }
}
body.recruit .secRead .inner-l .box .right ul li {
  border-bottom: 15px;
  font-size: 2rem;
  line-height: 32px;
  margin-bottom: 1.5rem;
  border-radius: 15px;
  padding: 1rem 0;
}
body.recruit .secBenefits {
  padding: 5rem 0 11rem;
}
body.recruit .secBenefits .inner-l .enTtl {
  text-align: right;
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .enTtl {
    margin-bottom: 2rem;
  }
}
body.recruit .secBenefits .inner-l .recTtl {
  color: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  top: -5.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .recTtl {
    top: 0rem;
    text-align: center;
    left: calc(50% - 81px);
    margin-bottom: 5rem;
  }
}
body.recruit .secBenefits .inner-l .flexBox1 {
  margin-top: 2rem;
  margin-bottom: 13rem;
  gap: 0 5.5rem;
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .flexBox1 {
    margin-top: 0;
    margin-bottom: 5.5rem;
    gap: 4rem 0;
  }
}
body.recruit .secBenefits .inner-l .flexBox1 .txtArea {
  width: calc(100% - 630px - 5.5rem);
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .flexBox1 .txtArea {
    width: 100%;
    order: 2;
  }
}
body.recruit .secBenefits .inner-l .flexBox1 img {
  width: 630px;
  margin-top: 4rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .flexBox1 img {
    width: 100%;
    margin-top: 0;
  }
}
body.recruit .secBenefits .inner-l .flexBox2 {
  margin-bottom: 13rem;
  gap: 0 7.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .flexBox2 {
    gap: 3.5rem 0;
    margin-bottom: 6rem;
  }
}
body.recruit .secBenefits .inner-l .flexBox2 > img {
  width: 473px;
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .flexBox2 > img {
    width: 100%;
  }
}
body.recruit .secBenefits .inner-l .flexBox2 .txtArea {
  width: calc(100% - 473px - 7.5rem);
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .flexBox2 .txtArea {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  body.recruit .secBenefits .inner-l .baseLinkBtn a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
body.recruit .secVoice {
  background: #E8E8E8;
  padding: 5rem 0 13rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice {
    padding: 2rem 0 9rem;
  }
}
body.recruit .secVoice .inner-l .enTtl {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l .enTtl {
    margin-bottom: 1rem;
  }
}
body.recruit .secVoice .inner-l .ttlFlex {
  margin-bottom: 7rem;
  gap: 0 7rem;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l .ttlFlex {
    gap: 4rem 0;
    flex-direction: column;
    margin-bottom: 4.5rem;
  }
}
body.recruit .secVoice .inner-l .ttlFlex .recTtl {
  padding-top: 0.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l .ttlFlex .recTtl {
    text-align: center;
  }
}
body.recruit .secVoice .inner-l .ttlFlex .introTxt {
  font-size: 4rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l .ttlFlex .introTxt {
    font-size: 2.2rem;
    text-align: center;
    line-height: 38px;
  }
}
body.recruit .secVoice .inner-l ul li {
  background: #fff;
  margin-bottom: 2rem;
}
body.recruit .secVoice .inner-l ul li > img {
  width: 514px;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l ul li > img {
    width: 100%;
  }
}
body.recruit .secVoice .inner-l ul li .txt {
  width: calc(100% - 514px);
  padding: 2rem 3.5rem 0;
  position: relative;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l ul li .txt {
    width: 100%;
    padding: 1.5rem 1.5rem 3rem;
  }
}
body.recruit .secVoice .inner-l ul li .txt__ttl {
  font-size: 3.6rem;
  gap: 0 2.5rem;
  border-bottom: 1px solid #E8E8E8;
  align-items: center;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l ul li .txt__ttl {
    font-size: 2.8rem;
    gap: 0 1.7rem;
  }
}
body.recruit .secVoice .inner-l ul li .txt__ttl span {
  font-size: 2.5rem;
  padding-top: 0.3rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l ul li .txt__ttl span {
    font-size: 2rem;
    padding-top: 0.5rem;
  }
}
body.recruit .secVoice .inner-l ul li .txt__info {
  line-height: 30px;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l ul li .txt__info {
    font-size: 1.6rem;
    margin-bottom: 3.5rem;
  }
}
body.recruit .secVoice .inner-l ul li .txt .baseLinkBtn {
  position: absolute;
  bottom: 2rem;
  right: 3.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secVoice .inner-l ul li .txt .baseLinkBtn {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
  }
}
body.recruit .secGroup {
  padding-top: 5rem;
  padding-bottom: 14rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secGroup {
    padding-top: 3rem;
    padding-bottom: 7rem;
  }
}
body.recruit .secGroup .inner-l::before, body.recruit .secGroup .inner-l::after {
  top: 33rem;
}
body.recruit .secGroup .inner-l .enTtl {
  text-align: left;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secGroup .inner-l .enTtl {
    margin-bottom: 0;
  }
}
body.recruit .secGroup .inner-l .ttlFlex {
  gap: 0 7rem;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  body.recruit .secGroup .inner-l .ttlFlex {
    gap: 4rem 0;
    justify-content: center;
  }
}
body.recruit .secGroup .inner-l .ttlFlex .recTtl {
  margin-bottom: 0;
  padding-top: 2rem;
}
body.recruit .secGroup .inner-l .ttlFlex .introTxt {
  font-size: 4rem;
  line-height: 70px;
}
@media screen and (max-width: 1199px) {
  body.recruit .secGroup .inner-l .ttlFlex .introTxt {
    font-size: 2.2rem;
    line-height: 3.8rem;
  }
}
body.recruit .secGroup .inner-l h2.baseTtl {
  margin-top: 11.5rem;
}
@media screen and (max-width: 1199px) {
  body.recruit .secGroup .inner-l h2.baseTtl {
    margin-top: 4rem;
  }
}
body.company .secAnchor {
  padding-bottom: 1rem;
}
body.company .secAnchor .inner-l ul {
  gap: 0 3.5rem;
  padding: 0 3rem;
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul {
    padding: 0 1rem;
    gap: 2.5rem 0;
    max-width: 340px;
    margin: 0 auto;
  }
}
body.company .secAnchor .inner-l ul li {
  width: calc(20% - 2.8rem);
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul li {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul li a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
}
body.company .secAnchor .inner-l ul li a > img {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul li a > img {
    width: 129px;
  }
}
body.company .secAnchor .inner-l ul li a .txt {
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul li a .txt {
    align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul li a .txt img {
    width: 30px;
  }
}
body.company .secAnchor .inner-l ul li a .txt .right {
  padding-left: 0.7rem;
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul li a .txt .right {
    padding-left: 1rem;
  }
}
body.company .secAnchor .inner-l ul li a .txt .right .name {
  font-size: 1.7rem;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul li a .txt .right .name {
    font-size: 1.5rem;
  }
}
body.company .secAnchor .inner-l ul li a .txt .right .biz {
  font-size: 1.4rem;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  body.company .secAnchor .inner-l ul li a .txt .right .biz {
    font-size: 1.3rem;
  }
}
body.company.history .secHistory .hisInner {
  width: 900px;
  margin: 0 auto 8.5rem;
  border-top: 1px solid #D0D0D0;
}
@media screen and (max-width: 1199px) {
  body.company.history .secHistory .hisInner {
    width: calc(100% - 4rem);
    margin-bottom: 3rem;
  }
}
body.company.history .secHistory .hisInner dl {
  border-bottom: 1px solid #D0D0D0;
  padding: 0.8rem 0;
  align-items: flex-start;
}
body.company.history .secHistory .hisInner dl:nth-child(odd) {
  background: #F5F5F5;
}
body.company.history .secHistory .hisInner dl dt {
  font-weight: normal;
  padding-left: 2rem;
  width: 160px;
}
@media screen and (max-width: 1199px) {
  body.company.history .secHistory .hisInner dl dt {
    width: 130px;
  }
}
body.company.history .secHistory .hisInner dl dd {
  width: calc(100% - 160px);
  padding-right: 1.5rem;
}
@media screen and (max-width: 1199px) {
  body.company.history .secHistory .hisInner dl dd {
    width: calc(100% - 130px);
  }
}
body.company.message .secMessage {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMessage {
    margin-bottom: 5rem;
  }
}
body.company.message .secMessage .inner-l .baseTtl {
  margin-bottom: 7rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMessage .inner-l .baseTtl {
    margin-bottom: 3rem;
  }
}
body.company.message .secMessage .inner-l .mess {
  justify-content: center;
  align-items: flex-start;
  gap: 0 4rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMessage .inner-l .mess {
    gap: 5rem 0;
  }
}
body.company.message .secMessage .inner-l .mess .readTxt {
  width: 700px;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMessage .inner-l .mess .readTxt {
    width: 100%;
    font-size: 1.6rem;
  }
}
body.company.message .secMessage .inner-l .mess .pres {
  width: 320px;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMessage .inner-l .mess .pres {
    width: 250px;
  }
}
body.company.message .secMessage .inner-l .mess .pres img {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMessage .inner-l .mess .pres img {
    margin-bottom: 1rem;
  }
}
body.company.message .secMessage .inner-l .mess .pres .txt {
  text-align: right;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMessage .inner-l .mess .pres .txt {
    text-align: center;
    font-size: 1.6rem;
  }
}
body.company.message .secMessage .inner-l .mess .pres .txt span.small {
  font-size: 1.4rem;
}
body.company.message .secVision .inner-l .baseTtl {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secVision .inner-l .baseTtl {
    margin-bottom: 3rem;
  }
}
body.company.message .secVision .inner-l .visionTtl {
  font-size: 3.2rem;
  margin-bottom: 5rem;
  line-height: 46px;
}
@media screen and (max-width: 1199px) {
  body.company.message .secVision .inner-l .visionTtl {
    font-size: 2.6rem;
    line-height: 37px;
    margin-bottom: 4rem;
  }
}
body.company.message .secVision .inner-l img {
  width: 965px;
  margin: 0 auto 9.5rem;
  display: block;
}
@media screen and (max-width: 1199px) {
  body.company.message .secVision .inner-l img {
    width: 85%;
    margin-bottom: 5rem;
    max-width: 581px;
  }
}
body.company.message .secMP {
  margin-bottom: 8rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMP {
    margin-bottom: 2rem;
  }
}
body.company.message .secMP .baseTtl {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMP .baseTtl {
    margin-bottom: 4rem;
  }
}
body.company.message .secMP ul {
  gap: 2.5rem 2rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMP ul {
    gap: 1.5rem 0;
  }
}
body.company.message .secMP ul li {
  width: calc(50% - 1rem);
  border: 1px solid #0089CE;
  border-radius: 15px;
  padding: 1rem 3rem 0;
  height: 330px;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMP ul li {
    width: 100%;
    height: auto;
    padding: 0 2rem 2rem;
  }
}
body.company.message .secMP ul li .head {
  align-items: center;
  gap: 0 2.5rem;
  border-bottom: 1px solid #0089CE;
  padding-bottom: 0.3rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMP ul li .head {
    flex-direction: column;
    margin-bottom: 0.8rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  body.company.message .secMP ul li .head .num {
    margin: -0.7rem 0 -0.5rem;
  }
}
body.company.message .secMP ul li .head .num span {
  font-size: 5rem;
  vertical-align: -10px;
  margin-left: 0.2rem;
}
body.company.message .secMP ul li .head .txt {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 32px;
}
@media screen and (max-width: 1199px) {
  body.company.message .secMP ul li .head .txt {
    font-size: 2rem;
    line-height: 28px;
  }
}
body.company.message .secMP ul li .readTxt {
  line-height: 32px;
}
body.company.overview .secOverview {
  padding-bottom: 7rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secOverview {
    padding-bottom: 6rem;
  }
}
body.company.overview .secOverview .inner-l .baseTtl {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secOverview .inner-l .baseTtl {
    margin-bottom: 3rem;
  }
}
body.company.overview .secOverview .inner-l .ovFlex {
  gap: 0 5rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secOverview .inner-l .ovFlex {
    gap: 2rem 0;
    margin-bottom: 4rem;
  }
}
body.company.overview .secOverview .inner-l .ovFlex .hisInner {
  width: 700px;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secOverview .inner-l .ovFlex .hisInner {
    width: 100%;
    order: 2;
    margin-bottom: 0;
  }
}
body.company.overview .secOverview .inner-l .ovFlex .imgBox {
  width: calc(100% - 700px - 5rem);
}
@media screen and (max-width: 1199px) {
  body.company.overview .secOverview .inner-l .ovFlex .imgBox {
    width: 100%;
    order: 1;
    display: flex;
    gap: 0 1rem;
  }
}
@media screen and (max-width: 1199px) {
  body.company.overview .secOverview .inner-l .ovFlex .imgBox img {
    width: calc(50% - 0.5rem);
  }
}
body.company.overview .secOverview .inner-l .ovFlex .imgBox img:first-child {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secOverview .inner-l .ovFlex .imgBox img:first-child {
    margin-bottom: 0;
  }
}
body.company.overview .secOverview .inner-l .gMap {
  width: 950px;
  margin: 0 auto;
  aspect-ratio: 950/450;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secOverview .inner-l .gMap {
    aspect-ratio: 1/1;
    width: 100%;
  }
}
body.company.overview .secOverview .inner-l .gMap iframe {
  width: 100%;
  height: 100%;
}
body.company.overview .secChart img {
  margin: 5rem auto 12rem;
  display: block;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secChart img {
    margin: 4rem auto 12rem;
  }
}
body.company.overview .secCompanies {
  padding-bottom: 10.5rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies {
    padding-bottom: 5rem;
  }
}
body.company.overview .secCompanies img {
  display: block;
  margin: 0 auto;
}
body.company.overview .secCompanies .inner-l .baseTtl {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .baseTtl {
    margin-bottom: 4rem;
  }
}
body.company.overview .secCompanies .inner-l > .baseTtl:first-child {
  margin-bottom: 9rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l > .baseTtl:first-child {
    margin-bottom: 5rem;
  }
}
body.company.overview .secCompanies .inner-l .cpBox {
  margin-bottom: 5rem;
}
body.company.overview .secCompanies .inner-l .cpBox .left {
  flex-basis: 47%;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .left {
    flex-basis: 100%;
    max-width: 85%;
    margin: 0 auto 6.5rem;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .left .logo1 {
  max-width: 353px;
  margin-bottom: 7rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .left .logo1 {
    max-width: 254px;
    margin-bottom: 5rem;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .left .logo2 {
  margin-left: 0;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .left .logo2 {
    max-width: 145px;
    margin: 0 auto 2rem;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .left dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .left dl {
    font-size: 1.4rem;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .left dl dt {
  flex-basis: 110px;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .left dl dt {
    flex-basis: 95px;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .left dl dd {
  flex-basis: calc(100% - 110px);
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .left dl dd {
    flex-basis: calc(100% - 95px);
  }
}
body.company.overview .secCompanies .inner-l .cpBox .right {
  flex-basis: 53%;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .right {
    flex-basis: 100%;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .right .cps {
  align-items: center;
  border-bottom: 1px solid #C9CACA;
  padding-bottom: 1.8rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .right .cps {
    justify-content: center;
    padding-bottom: 1.3rem;
    margin-bottom: 2rem;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .right .cps > img {
  margin-left: 0;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .right .cps > img {
    margin: 0 auto 1rem;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .right .cps > img.sic {
  height: 29px;
}
body.company.overview .secCompanies .inner-l .cpBox .right .cps > img.gt {
  height: 52px;
}
body.company.overview .secCompanies .inner-l .cpBox .right .cps .info {
  flex-basis: calc(100% - 325px);
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .right .cps .info {
    flex-basis: 100%;
    text-align: center;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .right .cps .info p {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpBox .right .cps .info p {
    margin-bottom: 0.3rem;
  }
}
body.company.overview .secCompanies .inner-l .cpBox .right .cps .bottom {
  font-size: 1.4rem;
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}
body.company.overview .secCompanies .inner-l .btmCpInfo {
  font-size: 2.2rem;
  line-height: 52px;
  margin-bottom: 8rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .btmCpInfo {
    font-size: 1.5rem;
    line-height: 35px;
    margin-bottom: 6rem;
  }
}
body.company.overview .secCompanies .inner-l .btmCpInfo img {
  display: inline-block;
  vertical-align: -6px;
  margin: 0 1rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .btmCpInfo img {
    max-width: 172px;
    margin: 0 0.7rem;
  }
}
body.company.overview .secCompanies .inner-l h4.other {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l h4.other {
    margin-bottom: 2.5rem;
  }
}
body.company.overview .secCompanies .inner-l .cpOther img {
  margin-bottom: 1rem;
}
body.company.overview .secCompanies .inner-l .cpOther p {
  margin-bottom: 1.5rem;
}
body.company.overview .secCompanies .inner-l .cpOther .exLink img {
  vertical-align: -13px;
}
body.company.overview .secCompanies .inner-l .cpOther .cplist {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4.5rem;
  text-align: left;
  margin-top: 4rem;
}
@media screen and (max-width: 1366px) {
  body.company.overview .secCompanies .inner-l .cpOther .cplist {
    gap: 0 3rem;
  }
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .cpOther .cplist {
    gap: 2rem 0;
    justify-content: center;
    margin-top: 3rem;
  }
}
body.company.overview .secCompanies .inner-l .cpOther .cplist li {
  font-size: 1.2rem;
}
body.company.overview .secCompanies .inner-l .cpOther .cplist li .ttl {
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 1199px) {
  body.company.overview .secCompanies .inner-l .exLink {
    font-size: 1.4rem;
  }
}
body.company.overview .secCompanies .inner-l .exLink img {
  display: inline-block;
  vertical-align: -4px;
  margin-right: 0.5rem;
}
body.company.overview .secCompanies .inner-l .exLink a {
  color: #004098;
  text-decoration: underline;
}
body.news .secNews {
  padding: 8rem 0 11.5rem;
}
@media screen and (max-width: 1199px) {
  body.news .secNews {
    padding: 5rem 0 9rem;
  }
}
body.news .secNews .inner-l .news-list {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1199px) {
  body.news .secNews .inner-l .news-list {
    margin-bottom: 3rem;
  }
}
body.news .secNews .inner-l .news-list ul li {
  border: 1px solid #C9CACA;
}
body.newsDetail .secInfo {
  padding: 10rem 0 13rem;
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo {
    padding: 3rem 0 7rem;
  }
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo .inner-l .infoInner {
    padding: 0;
  }
}
body.newsDetail .secInfo .inner-l .infoInner .catDate {
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  font-weight: bold;
}
body.newsDetail .secInfo .inner-l .infoInner .catDate span {
  display: inline-block;
  color: #0089CE;
  padding: 0.4rem 2rem 0.5rem;
  margin-right: 2rem;
  font-size: 1.2rem;
  border: 1px solid #0089CE;
  border-radius: 16px;
  vertical-align: 1px;
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo .inner-l .infoInner .catDate span {
    padding: 0.2rem 2rem 0.3rem;
  }
}
body.newsDetail .secInfo .inner-l .infoInner h1 {
  font-size: 2.4rem;
  color: #0089CE;
  border-bottom: 1px solid #0089CE;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  font-weight: bold;
  line-height: 35px;
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo .inner-l .infoInner h1 {
    font-size: 2rem;
    line-height: 29px;
    margin-bottom: 1.5rem;
  }
}
body.newsDetail .secInfo .inner-l .infoInner .content {
  line-height: 36px;
  margin-bottom: 7rem;
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo .inner-l .infoInner .content {
    line-height: 36px;
    font-size: 1.6rem;
  }
}
body.newsDetail .secInfo .inner-l .infoInner .content p {
  margin-bottom: 2rem;
}
body.newsDetail .secInfo .inner-l .infoInner .content img {
  display: block;
  margin: 0 auto 5rem;
  max-width: 600px;
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo .inner-l .infoInner .content img {
    margin: 0 auto 3rem;
    max-width: 100%;
  }
}
body.newsDetail .secInfo .inner-l .infoInner .content a {
  color: #0089CE;
  border-bottom: 1px solid #0089CE;
}
body.newsDetail .secInfo .inner-l .infoInner .content h2 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 3rem;
  color: #0089CE;
  line-height: 29px;
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo .inner-l .infoInner .content h2 {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
}
body.newsDetail .secInfo .inner-l .infoInner .content h3 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 3rem;
  line-height: 26px;
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo .inner-l .infoInner .content h3 {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }
}
body.newsDetail .secInfo .inner-l .infoInner .content ul {
  list-style: disc;
  font-weight: bold;
}
body.newsDetail .secInfo .inner-l .infoInner .btmLinks {
  justify-content: center;
  gap: 0 4rem;
  font-weight: bold;
  font-size: 1.4rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 1199px) {
  body.newsDetail .secInfo .inner-l .infoInner .btmLinks {
    padding-bottom: 0;
    gap: 0 2rem;
  }
}
body.newsDetail .secInfo .inner-l .infoInner .btmLinks a {
  color: #0089CE;
}
body.contact .secForm {
  padding: 5rem 0 14rem;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm {
    padding: 3rem 0 11.5rem;
  }
}
body.contact .secForm .inner-l .introTxt {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .introTxt {
    font-size: 1.6rem;
  }
}
body.contact .secForm .inner-l .introTxt p {
  font-size: 1.4rem;
  margin-top: 1rem;
  color: #EA0024;
  font-weight: normal;
}
body.contact .secForm .inner-l .formInner .subInner {
  max-width: 600px;
  margin: 0 auto;
}
body.contact .secForm .inner-l .formInner .subInner dl {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .formInner .subInner dl {
    margin-bottom: 4rem;
  }
}
body.contact .secForm .inner-l .formInner .subInner dl dt p {
  border-left: 10px solid #0089CE;
  display: flex;
  gap: 0 1.5rem;
  padding-left: 0.7rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .formInner .subInner dl dt p {
    margin-bottom: 2rem;
  }
}
body.contact .secForm .inner-l .formInner .subInner dl dt p .required {
  font-size: 1.4rem;
  background: #EA0024;
  color: #fff;
  border-radius: 6px;
  line-height: 25px;
  padding: 0rem 1rem;
}
body.contact .secForm .inner-l .formInner .subInner dl dd input[type=radio] {
  width: 15px;
  height: 15px;
  vertical-align: -2px;
  margin-right: 3px;
}
body.contact .secForm .inner-l .formInner .subInner dl dd input[type=text],
body.contact .secForm .inner-l .formInner .subInner dl dd input[type=tel],
body.contact .secForm .inner-l .formInner .subInner dl dd input[type=email],
body.contact .secForm .inner-l .formInner .subInner dl dd textarea {
  padding: 0.3rem 0 0.3rem 0.7rem;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .formInner .subInner dl dd input[type=text],
  body.contact .secForm .inner-l .formInner .subInner dl dd input[type=tel],
  body.contact .secForm .inner-l .formInner .subInner dl dd input[type=email],
  body.contact .secForm .inner-l .formInner .subInner dl dd textarea {
    max-width: 100%;
  }
}
body.contact .secForm .inner-l .formInner .subInner dl dd textarea {
  width: 100%;
}
body.contact .secForm .inner-l .formInner .subInner dl.name dd div p {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
body.contact .secForm .inner-l .formInner .subInner dl.name dd div p span:first-child {
  width: 90px;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .formInner .subInner dl.name dd div p span:first-child {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
body.contact .secForm .inner-l .formInner .subInner dl.name dd div p span:last-child {
  width: calc(100% - 90px);
}
body.contact .secForm .inner-l .formInner .subInner dl.name dd div p span:last-child input {
  width: 100%;
}
body.contact .secForm .inner-l .formInner .subInner dl.name dd div.name {
  margin-bottom: 2.5rem;
}
body.contact .secForm .inner-l .formInner .subInner dl.name dd .error {
  margin-left: 1rem;
}
body.contact .secForm .inner-l .formInner .subInner dl.address .formPostcode input {
  width: 115px !important;
  max-width: inherit;
}
body.contact .secForm .inner-l .formInner .privacyBox {
  margin-top: 6rem;
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .formInner .privacyBox {
    margin-top: 4rem;
  }
}
body.contact .secForm .inner-l .formInner .privacyBox .ttl {
  margin-bottom: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .formInner .privacyBox .ttl {
    margin-bottom: 1.3rem;
  }
}
body.contact .secForm .inner-l .formInner .privacyBox .scrollBox {
  border: 1px solid #6E6E6E;
  font-size: 1.4rem;
  padding: 2rem 2.5rem;
  line-height: 21px;
  height: 260px;
  overflow-y: scroll;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .formInner .privacyBox .scrollBox {
    padding: 2rem;
  }
}
body.contact .secForm .inner-l .formInner .privacyBox .scrollBox p {
  margin-bottom: 1.5rem;
}
body.contact .secForm .inner-l .submit p {
  text-align: center;
  padding-left: 72px;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .submit p {
    padding-left: 0;
  }
}
body.contact .secForm .inner-l .submit p input {
  border: none;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #C8161D;
  width: 200px;
  height: 60px;
  border-radius: 15px;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .submit p input {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .submit p .wpcf7-spinner {
    display: block;
    margin: 1rem auto 0;
  }
}
body.contact .secForm .inner-l .mw_wp_form_confirm .required,
body.contact .secForm .inner-l .mw_wp_form_confirm .confirmNone,
body.contact .secForm .inner-l .mw_wp_form_confirm .privacyBox {
  display: none;
}
@media screen and (max-width: 1199px) {
  body.contact .secForm .inner-l .thanksTxt {
    font-size: 1.4rem;
    line-height: 26px;
    text-align: left;
  }
}
body.feature.bcp {
  /*-- 共通 --*/
}
body.feature.bcp .aboutBox {
  background: #E1F3F4;
  width: 900px;
  margin: 0 auto 6.5rem;
  border-radius: 15px;
  padding: 0 2.5rem 1.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .aboutBox {
    width: 100%;
    padding: 0 1.5rem 1.5rem;
    margin-bottom: 6rem;
  }
}
body.feature.bcp .aboutBox p {
  font-size: 2.6rem;
  position: relative;
  top: -2.5rem;
  margin-bottom: -2.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .aboutBox p {
    right: 0;
    left: 0;
    text-align: center;
  }
}
body.feature.bcp .aboutBox .readTxt {
  line-height: 32px;
}
body.feature.bcp .featTtl {
  margin-bottom: 5rem;
  font-size: 4.3rem;
  line-height: 62px;
  font-weight: normal;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .featTtl {
    margin-bottom: 3.5rem;
    font-size: 2.5rem;
    line-height: 37px;
  }
}
body.feature.bcp .secMv {
  background: url("/assets/img/feature/bcp-header.jpg?20250926") no-repeat center top/cover !important;
  height: 500px !important;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secMv {
    background: url("/assets/img/feature/bcp-header-sp.jpg?20250926") no-repeat center top/cover !important;
    height: 550px !important;
  }
}
body.feature.bcp .secMv .mvTtl {
  position: absolute;
  top: 12rem;
  text-align: center;
  right: 0;
  left: 0;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secMv .mvTtl {
    top: 13rem;
    max-width: 260px;
    margin: 0 auto;
  }
}
body.feature.bcp .secNews {
  padding: 5rem 0 5.5rem;
}
body.feature.bcp .secNews .newsTtl {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 3rem;
}
body.feature.bcp .secAbout {
  padding: 5rem 0 13rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secAbout {
    padding-bottom: 8rem;
  }
}
body.feature.bcp .secAbout .inner-l .baseTtl {
  margin-bottom: 8.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secAbout .inner-l .baseTtl {
    margin-bottom: 7rem;
  }
}
body.feature.bcp .secAbout .aboutImg {
  padding: 2.5rem 0;
  margin-bottom: 5rem;
  background: #F5F5F5;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secAbout .aboutImg {
    padding: 2rem 0;
    margin-bottom: 3.5rem;
  }
}
body.feature.bcp .secAbout .reasonTxt {
  margin-bottom: 8rem;
  line-height: 44px;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secAbout .reasonTxt {
    margin-bottom: 4rem;
    line-height: 32px;
    text-align: left;
  }
}
body.feature.bcp .secAbout .toggleBox {
  background: #F0F0F0;
  padding: 1.5rem 4rem;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secAbout .toggleBox {
    width: 100%;
    padding: 1.5rem 2rem;
  }
}
body.feature.bcp .secAbout .toggleBox .ttl {
  font-size: 1.7rem;
  cursor: pointer;
}
body.feature.bcp .secAbout .toggleBox .ttl span {
  margin-left: 1rem;
  font-weight: normal;
}
body.feature.bcp .secAbout .toggleBox .ttl span::before {
  content: "＋";
  display: inline-block;
}
body.feature.bcp .secAbout .toggleBox .ttl.open span::before {
  content: "ー";
  display: inline-block;
}
body.feature.bcp .secAbout .toggleBox .dispArea {
  padding-top: 1.5rem;
  padding-bottom: 4rem;
  display: none;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secAbout .toggleBox .dispArea {
    padding-bottom: 1rem;
  }
}
body.feature.bcp .secAbout .toggleBox .dispArea .large {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secAbout .toggleBox .dispArea .large {
    font-size: 1.6rem;
  }
}
body.feature.bcp .secEx {
  padding-bottom: 21rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx {
    padding-bottom: 9rem;
  }
}
body.feature.bcp .secEx .inner-l .baseTtl {
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .baseTtl {
    margin-bottom: 3.5rem;
  }
}
body.feature.bcp .secEx .inner-l ul {
  gap: 0 4rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l ul {
    gap: 3rem 0;
    margin-bottom: 10rem;
  }
}
body.feature.bcp .secEx .inner-l ul li {
  width: calc(50% - 2rem);
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l ul li {
    width: 100%;
  }
}
body.feature.bcp .secEx .inner-l ul li img {
  margin-bottom: 1rem;
}
body.feature.bcp .secEx .inner-l ul li .ttl {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
body.feature.bcp .secEx .inner-l ul li .readTxt {
  word-wrap: break-word;
  line-height: 32px;
}
body.feature.bcp .secEx .inner-l .cer {
  gap: 0 2rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .cer {
    gap: 2rem 0;
  }
}
body.feature.bcp .secEx .inner-l .cer__box {
  width: calc(50% - 1rem);
  border: 2px solid #0089CE;
  border-radius: 15px;
  padding: 2rem 3rem 2.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .cer__box {
    width: 100%;
    padding: 1.5rem 1.5rem 2.5rem;
  }
}
body.feature.bcp .secEx .inner-l .cer__box .ttl {
  font-size: 2.2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #0089CE;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .cer__box .ttl {
    font-size: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    line-height: 28px;
    text-align: center;
  }
}
body.feature.bcp .secEx .inner-l .cer__box .readTxt {
  gap: 0 2rem;
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .cer__box .readTxt {
    gap: 2.5rem 0;
  }
}
body.feature.bcp .secEx .inner-l .cer__box .readTxt p {
  width: 320px;
  line-height: 32px;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .cer__box .readTxt p {
    width: 100%;
  }
}
body.feature.bcp .secEx .inner-l .cer__box .readTxt img {
  width: calc(100% - 320px - 2rem);
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .cer__box .readTxt img {
    width: 100%;
    max-width: 272px;
    margin: 0 auto;
  }
}
body.feature.bcp .secEx .inner-l .cer__box.box1 .readTxt p {
  width: 260px;
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .cer__box.box1 .readTxt p {
    width: 100%;
  }
}
body.feature.bcp .secEx .inner-l .cer__box.box1 .readTxt img {
  width: calc(100% - 260px - 2rem);
}
@media screen and (max-width: 1199px) {
  body.feature.bcp .secEx .inner-l .cer__box.box1 .readTxt img {
    width: 100%;
    max-width: 260px;
  }
}
body.feature.env .secMv {
  background: url("/assets/img/feature/env-header.jpg") no-repeat center top/cover !important;
  height: 500px !important;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secMv {
    height: 550px !important;
  }
}
body.feature.env div.baseTtl {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env div.baseTtl {
    margin-bottom: 4.5rem;
  }
}
body.feature.env div.subTtl {
  font-size: 2.2rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env div.subTtl {
    font-size: 1.8rem;
    margin-bottom: 2.5rem;
  }
}
body.feature.env div.subTtl span {
  position: relative;
  z-index: 1;
  padding: 0 4.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env div.subTtl span {
    padding: 0;
    display: block;
  }
}
body.feature.env div.subTtl span::before {
  content: "";
  display: block;
  position: absolute;
  height: 16px;
  background: #E1F3F4;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0rem;
}
body.feature.env .gridBox {
  border: 1px solid #0089CE;
  border-radius: 15px;
  display: grid;
  grid-template-rows: 5.5rem 5.5rem 5.5rem;
  grid-template-columns: 36.5rem 13rem 13rem 1fr;
  width: 900px;
  margin: 0 auto;
  font-size: 2rem;
  margin-bottom: 14rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .gridBox {
    margin-bottom: 6.5rem;
    width: 100%;
    overflow: hidden;
    font-size: 1.6rem;
    grid-template-rows: 9.5rem 9.5rem 9.5rem 12rem;
    grid-template-columns: 1fr 10.5rem 10.5rem;
  }
}
body.feature.env .gridBox > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.feature.env .gridBox .ttl {
  justify-content: flex-start;
  padding-left: 1.8rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .gridBox .ttl {
    padding-left: 1rem;
  }
}
body.feature.env .gridBox .ttl:not(.tt3) {
  border-bottom: 1px solid #0089CE;
}
body.feature.env .gridBox .col2:not(.row3),
body.feature.env .gridBox .col3:not(.row3) {
  border-bottom: 1px solid #0089CE;
}
body.feature.env .gridBox .col2,
body.feature.env .gridBox .col3 {
  font-size: 2.6rem;
  text-align: center;
  border-left: 1px solid #0089CE;
}
@media screen and (max-width: 1199px) {
  body.feature.env .gridBox .col2,
  body.feature.env .gridBox .col3 {
    font-size: 2.4rem;
  }
}
body.feature.env .gridBox .right {
  grid-row: 1/4;
  grid-column: 4/5;
  border-left: 1px solid #0089CE;
  padding-left: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  body.feature.env .gridBox .right {
    border-left: none;
    border-top: 1px solid #0089CE;
    grid-row: 4/4;
    grid-column: 1/4;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-end;
    padding-bottom: 1.2rem;
    padding-right: 1.5rem;
  }
}
body.feature.env .gridBox .right .readTxt {
  line-height: 30px;
  font-size: 2rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .gridBox .right .readTxt {
    font-size: 1.8rem;
    line-height: 32px;
  }
}
body.feature.env .gridBox .right p {
  font-size: 3.7rem;
  margin-top: -0.5rem;
  margin-bottom: -1rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .gridBox .right p {
    margin: 0;
  }
}
body.feature.env .secRead {
  padding-top: 9rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secRead {
    padding-top: 3.5rem;
    padding-bottom: 6rem;
  }
}
body.feature.env .secRead .readBox {
  justify-content: center;
  gap: 2rem 4rem;
  align-items: center;
}
body.feature.env .secRead .readBox .readTxt {
  text-align: left;
  line-height: 44px;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secRead .readBox .readTxt {
    line-height: 32px;
    padding: 0 2rem;
  }
}
body.feature.env .secUpdate .introTxt {
  line-height: 44px;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secUpdate .introTxt {
    line-height: 32px;
    margin-bottom: 3.5rem;
    text-align: left;
  }
}
body.feature.env .secCo2 .introTxt {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .introTxt {
    margin-bottom: 3.5rem;
    line-height: 32px;
  }
}
body.feature.env .secCo2 .gridBox {
  grid-template-columns: 240px 365px 1fr;
  grid-template-rows: 12rem;
  padding: 1.5rem 0;
  margin-bottom: 8.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .gridBox {
    grid-template-columns: 1fr;
    grid-template-rows: 5rem 10rem 1fr;
    padding: 0 1.5rem;
    margin-bottom: 6rem;
  }
}
body.feature.env .secCo2 .gridBox .ttl {
  border-bottom: none;
  justify-content: center;
  font-size: 3.2rem;
  padding-left: 0;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .gridBox .ttl {
    font-size: 1.6rem;
    border-bottom: 1px solid #0089CE;
  }
}
body.feature.env .secCo2 .gridBox .col2 {
  border-bottom: none;
  font-size: 5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .gridBox .col2 {
    border-left: none;
    font-size: 4.5rem;
  }
}
body.feature.env .secCo2 .gridBox .col2 span {
  font-size: 2rem;
  margin-right: 1.2rem;
  margin-top: 1rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .gridBox .col2 span {
    font-size: 1.8rem;
    margin-top: 0.5rem;
    margin-right: 0.8rem;
  }
}
body.feature.env .secCo2 .gridBox .col3 {
  display: block;
  font-size: 2rem;
  border-bottom: none;
  padding-top: 0.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .gridBox .col3 {
    font-size: 1.8rem;
    padding-top: 0;
    border-left: none;
    padding-bottom: 2rem;
    margin-top: -0.5rem;
  }
}
body.feature.env .secCo2 .gridBox .col3 span {
  font-size: 4rem;
  margin-left: 0.5rem;
}
body.feature.env .secCo2 .subTtl {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .subTtl {
    margin-bottom: 2.5rem;
  }
}
body.feature.env .secCo2 .subTtl.ttl2 {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .subTtl.ttl2 {
    margin-bottom: 2.5rem;
  }
}
body.feature.env .secCo2 .sub2Ttl {
  font-size: 3.2rem;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .sub2Ttl {
    font-size: 2rem;
    line-height: 30px;
    margin-bottom: 1.5rem;
  }
}
body.feature.env .secCo2 .zeroTxt {
  line-height: 44px;
  margin-bottom: 13rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .zeroTxt {
    line-height: 32px;
    text-align: left;
    margin-bottom: 6.5rem;
  }
}
body.feature.env .secCo2 .sub3 {
  margin-bottom: 6.5rem;
  line-height: 44px;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .sub3 {
    text-align: left;
    line-height: 32px;
    margin-bottom: 6rem;
  }
}
body.feature.env .secCo2 .aboutBox {
  margin-bottom: 13.5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .aboutBox {
    margin-bottom: 7rem;
  }
}
body.feature.env .secCo2 .exLink {
  text-align: right;
  margin-top: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .exLink {
    text-align: left;
  }
}
body.feature.env .secCo2 .exLink a {
  margin-left: 1.5rem;
  color: #0089CE;
  font-weight: normal;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secCo2 .exLink a {
    margin-left: 0;
    display: block;
  }
}
body.feature.env .secEnergy {
  padding-bottom: 15rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secEnergy {
    padding-bottom: 7rem;
  }
}
@media screen and (max-width: 1199px) {
  body.feature.env .secEnergy .baseTtl {
    font-size: 2.1rem;
  }
}
body.feature.env .secEnergy .subTtl {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secEnergy .subTtl {
    margin-bottom: 3rem;
  }
}
body.feature.env .secEnergy .eneBox {
  gap: 0 4rem;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secEnergy .eneBox {
    gap: 2.5rem 0;
  }
}
body.feature.env .secEnergy .eneBox .left {
  width: 539px;
}
@media screen and (max-width: 1199px) {
  body.feature.env .secEnergy .eneBox .left {
    width: 100%;
    order: 2;
  }
}
body.feature.env .secEnergy .eneBox .left p {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
body.feature.env .secEnergy .eneBox .right {
  width: calc(100% - 539px - 4rem);
}
@media screen and (max-width: 1199px) {
  body.feature.env .secEnergy .eneBox .right {
    width: 100%;
    order: 1;
  }
}
body.feature.env .secEnergy .eneBox .right .ttl {
  font-size: 1.8rem;
}
body.feature.env .secEnergy .eneBox .right .readTxt {
  line-height: 34px;
  margin-bottom: 1.5rem;
}
body.training-benefits .secMv {
  background: url("/assets/img/recruit/training-benefits/header.jpg") no-repeat center top/cover;
  height: 400px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secMv {
    background: url("/assets/img/recruit/training-benefits/header-sp.jpg") no-repeat left center/cover;
    height: 350px;
  }
}
body.training-benefits .secMv .inner-l {
  height: 100%;
}
body.training-benefits .secMv .inner-l h2 {
  font-size: 3rem;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding: 16.5rem 3rem 1rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secMv .inner-l h2 {
    font-size: 2rem;
    padding: 13.5rem 2rem 1rem;
  }
}
body.training-benefits .secMv .inner-l h3 {
  position: absolute;
  font-size: 5.9rem;
  left: 0;
  right: 0;
  bottom: -0.1rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secMv .inner-l h3 {
    font-size: 3.5rem;
    line-height: 39px;
    bottom: 0;
  }
}
body.training-benefits .cpLinks {
  padding: 2rem 0 7rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .cpLinks {
    padding: 2.5rem 0 4.5rem;
  }
}
@media screen and (max-width: 1199px) {
  body.training-benefits .cpLinks .inner-l a.back {
    font-size: 1.6rem;
  }
}
body.training-benefits .cpLinks .inner-l a.back img {
  margin-right: 0.7rem;
  vertical-align: -8px;
}
body.training-benefits .cpLinks .inner-l ul {
  margin-top: 5.5rem;
  gap: 0 3.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .cpLinks .inner-l ul {
    margin-top: 3rem;
    gap: 0 1.5rem;
    padding: 0;
  }
}
body.training-benefits .cpLinks .inner-l ul li a {
  width: 240px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .cpLinks .inner-l ul li a {
    width: 150px;
    height: 40px;
    font-size: 1.6rem;
    line-height: 37px;
  }
}
body.training-benefits .cpLinks .inner-l ul li a img {
  right: 1.5rem;
  top: 0.8rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .cpLinks .inner-l ul li a img {
    right: 1rem;
    top: 0.9rem;
  }
}
body.training-benefits .secTraining {
  padding: 10rem 0;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
}
body.training-benefits .secTraining .inner-l .flexBox {
  gap: 0 11rem;
  margin-bottom: 7rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .flexBox {
    gap: 4rem 0;
    margin-bottom: 4.5rem;
  }
}
body.training-benefits .secTraining .inner-l .flexBox .left {
  width: 705px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .flexBox .left {
    width: 100%;
  }
}
body.training-benefits .secTraining .inner-l .flexBox .left .recTtl {
  margin-top: 2rem;
  margin-bottom: 10rem;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .flexBox .left .recTtl {
    margin-top: 0;
    margin-bottom: 4rem;
  }
}
body.training-benefits .secTraining .inner-l .flexBox .left .txtArea__ttl {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .flexBox .left .txtArea__ttl {
    text-align: left;
  }
}
body.training-benefits .secTraining .inner-l .flexBox .right {
  width: calc(100% - 705px - 11rem);
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .flexBox .right {
    width: 100%;
  }
}
body.training-benefits .secTraining .inner-l .flexBox .right img:first-child {
  margin-bottom: 4rem;
  margin-left: -11rem;
  width: 522px;
  max-width: inherit;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .flexBox .right img:first-child {
    width: 270px;
    margin-left: 0;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .flexBox .right img:last-child {
    width: 270px;
    margin-right: 0;
    margin-left: auto;
    display: block;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap {
  position: relative;
}
body.training-benefits .secTraining .inner-l .carrerMap .baseTtl {
  color: #B4E9FF;
  font-size: 3.5rem;
  position: absolute;
  left: 2rem;
  top: 0;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .baseTtl {
    position: static;
    text-align: center;
    margin-bottom: 1rem;
    font-size: 2.8rem;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map {
  align-items: flex-end;
  gap: 0 2.5rem;
  padding: 0 2rem;
  margin-bottom: 6.5rem;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map {
    gap: 3rem 0;
    margin-bottom: 7.5rem;
    padding: 0;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li {
  background: #B4E9FF;
  padding: 1.2rem 0 2rem;
  position: relative;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li {
    padding: 1rem 0 1rem;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li::before {
  content: "Step up!";
  display: block;
  position: absolute;
  top: -3.5rem;
  right: 0rem;
  color: #b4e9ff;
  font-size: 1.8rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li::before {
    font-size: 2.2rem;
    left: 0;
    text-align: center;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -2.3rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 23px solid transparent;
  border-left: 23px solid transparent;
  border-top: 10px solid #b4e9ff;
  border-bottom: 0;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li::after {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 17px solid #b4e9ff;
    border-bottom: 0;
    top: auto;
    bottom: -1.7rem;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(1) {
  width: 65px;
  height: 110px;
  writing-mode: vertical-rl;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 1rem;
  padding-top: 1rem;
  padding-bottom: 0;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(1) {
    width: 100%;
    writing-mode: inherit;
    letter-spacing: 2rem;
    padding-top: 0;
    height: 50px;
    padding-left: 2rem;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(1)::before {
  display: none;
}
body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(2) {
  width: 360px;
  padding-bottom: 1rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(2) {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(2)::before {
    display: none;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(3), body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(4), body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(5), body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(6), body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(8) {
  width: 195px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(3), body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(4), body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(5), body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(6), body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(8) {
    width: 100%;
    margin-top: 2rem;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(6) {
  height: 200px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(6) {
    height: auto;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(8) {
  height: 230px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(8) {
    height: auto;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(8)::before, body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(8)::after {
  display: none;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(8)::before {
    display: block;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .map li:nth-child(8)::after {
  display: none;
}
body.training-benefits .secTraining .inner-l .carrerMap .map li .ttl {
  font-size: 2.4rem;
  line-height: 34px;
}
body.training-benefits .secTraining .inner-l .carrerMap .map li .readTxt {
  font-size: 1.4rem;
  line-height: 22px;
  font-weight: normal;
  margin-top: 1rem;
}
body.training-benefits .secTraining .inner-l .carrerMap .list {
  gap: 0 3rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .list {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box {
  background: #E1F3F4;
  border-radius: 15px;
  width: calc(33.33% - 2rem);
  height: 454px;
  padding: 2.5rem 3rem 0;
  position: relative;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .list__box {
    width: 100%;
    height: auto;
    padding: 2.5rem 3rem 3rem;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box::after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  background: #E1F3F4;
  height: 150px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .carrerMap .list__box::after {
    display: none;
  }
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box:nth-child(1)::after {
  top: -9.5rem;
  left: 230px;
  transform: rotate(60deg);
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box:nth-child(2)::after {
  top: -5.5rem;
  left: 195px;
  transform: rotate(0deg);
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box:nth-child(3)::after {
  top: -10rem;
  left: 90px;
  transform: rotate(-65deg);
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box .ttl {
  margin-bottom: 1rem;
  font-size: 3.6rem;
  border-bottom: 1px solid #0089CE;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box .subject {
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 2rem;
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box .ttl2 {
  font-size: 2.2rem;
  line-height: 34px;
  margin-bottom: 1.5rem;
}
body.training-benefits .secTraining .inner-l .carrerMap .list__box .readTxt {
  line-height: 30px;
  font-weight: normal;
}
body.training-benefits .secTraining .inner-l .other {
  gap: 0 3rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .other {
    gap: 2rem 0;
  }
}
body.training-benefits .secTraining .inner-l .other__box {
  width: calc(50% - 1.5rem);
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 2.5rem 3rem 2rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secTraining .inner-l .other__box {
    width: 100%;
    padding: 2rem 1.5rem 2rem;
  }
}
body.training-benefits .secTraining .inner-l .other__box .ttl {
  font-size: 3.6rem;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #fff;
  margin-bottom: 1.5rem;
}
body.training-benefits .secTraining .inner-l .other__box .ttl2 {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
}
body.training-benefits .secTraining .inner-l .other__box .readTxt {
  line-height: 30px;
}
body.training-benefits .secBenefits {
  padding-top: 8rem;
  padding-bottom: 9rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits {
    padding-top: 7rem;
    padding-bottom: 5.5rem;
  }
}
body.training-benefits .secBenefits .inner-l .recTtl {
  color: #313131;
  border-bottom: 1px solid #313131;
  position: static;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l .recTtl {
    margin-bottom: 4.5rem;
  }
}
body.training-benefits .secBenefits .inner-l .txtArea__ttl {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l .txtArea__ttl {
    text-align: left;
  }
}
body.training-benefits .secBenefits .inner-l ul {
  gap: 2.2rem 3rem;
}
body.training-benefits .secBenefits .inner-l ul li {
  background: #E1F3F4;
  border-radius: 15px;
  padding: 2.5rem 3rem 3rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li {
    padding: 1.5rem;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col1 {
  width: 100%;
  gap: 0 2.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col1 {
    gap: 2rem 0;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col1 .left {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col1 .left {
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col1 img {
  width: 387px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col1 img {
    width: 100%;
    max-width: 774px;
    margin: 0 auto;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col1 .right {
  width: calc(100% - 500px - 387px - 5rem);
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col1 .right {
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col1 .right .subTtl {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col1 .right .subTtl {
    margin-top: 0;
    text-align: center;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col1 .right .ex {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col1 .right .ex {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col1 .right .notes {
    text-align: center;
    font-size: 1.6rem;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col2, body.training-benefits .secBenefits .inner-l ul li.col3, body.training-benefits .secBenefits .inner-l ul li.col4, body.training-benefits .secBenefits .inner-l ul li.col6 {
  width: calc(33.33% - 2rem);
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col2, body.training-benefits .secBenefits .inner-l ul li.col3, body.training-benefits .secBenefits .inner-l ul li.col4, body.training-benefits .secBenefits .inner-l ul li.col6 {
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col2 .small, body.training-benefits .secBenefits .inner-l ul li.col3 .small, body.training-benefits .secBenefits .inner-l ul li.col4 .small, body.training-benefits .secBenefits .inner-l ul li.col6 .small {
  font-size: 1.8rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col2 .small, body.training-benefits .secBenefits .inner-l ul li.col3 .small, body.training-benefits .secBenefits .inner-l ul li.col4 .small, body.training-benefits .secBenefits .inner-l ul li.col6 .small {
    font-size: 1.8rem;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col2 .readTxt, body.training-benefits .secBenefits .inner-l ul li.col3 .readTxt, body.training-benefits .secBenefits .inner-l ul li.col4 .readTxt, body.training-benefits .secBenefits .inner-l ul li.col6 .readTxt {
  height: 115px;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col2 .readTxt, body.training-benefits .secBenefits .inner-l ul li.col3 .readTxt, body.training-benefits .secBenefits .inner-l ul li.col4 .readTxt, body.training-benefits .secBenefits .inner-l ul li.col6 .readTxt {
    height: auto;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col2 img, body.training-benefits .secBenefits .inner-l ul li.col3 img, body.training-benefits .secBenefits .inner-l ul li.col4 img, body.training-benefits .secBenefits .inner-l ul li.col6 img {
    margin: 0 auto;
    display: block;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col5 {
  width: calc(66.67% - 1rem);
  gap: 0 3rem;
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col5 {
    width: 100%;
    gap: 3rem 0;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col5 .left {
  width: 380px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col5 .left {
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col5 .img {
  width: calc(100% - 380px - 3rem);
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col5 .img {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col5 .img figcaption {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
body.training-benefits .secBenefits .inner-l ul li.col6 .readTxt {
  margin-bottom: 0;
}
body.training-benefits .secBenefits .inner-l ul li.col7 {
  gap: 3rem 4rem;
  align-items: flex-start;
}
body.training-benefits .secBenefits .inner-l ul li.col7 .left {
  width: 575px;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col7 .left {
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col7 .img {
  width: calc(100% - 575px - 4rem);
  text-align: center;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col7 .img {
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col7 .img img {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col7 .img img {
    max-width: 525px;
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col7 .btm {
  gap: 0 1.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col7 .btm {
    gap: 3rem 0;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col7 .btm__box {
  width: calc(33.33% - 1rem);
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col7 .btm__box {
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li.col7 .btm__box img {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li.col7 .btm__box img {
    max-width: 525px;
    display: block;
    margin: 0 auto 0.5rem;
    width: 100%;
  }
}
body.training-benefits .secBenefits .inner-l ul li .ttl {
  font-size: 3.5rem;
  border-bottom: 1px solid #0089CE;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li .ttl {
    font-size: 3rem;
    margin-bottom: 1rem;
    line-height: 42px;
  }
}
body.training-benefits .secBenefits .inner-l ul li .intro {
  font-size: 2.1rem;
  line-height: 36px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l ul li .intro {
    font-size: 1.8rem;
    line-height: 32px;
  }
}
body.training-benefits .secBenefits .inner-l ul li .readTxt {
  line-height: 30px;
}
body.training-benefits .secBenefits .inner-l .baseLinkBtn {
  margin-top: 7rem;
}
@media screen and (max-width: 1199px) {
  body.training-benefits .secBenefits .inner-l .baseLinkBtn {
    margin-top: 5rem;
  }
}
body.training-benefits .secBenefits .inner-l .baseLinkBtn img {
  margin-right: 1.5rem;
}
/*------------------------------------------------------------
  Loader
  ------------------------------------------------------------*/
#loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 10000;
  top: 0;
}
#loader.loaded {
  animation: fadeOut 0.5s forwards;
}
#loader img {
  max-width: 64px;
}
@keyframes float {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.1, 1.1);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    display: none;
    opacity: 0;
    z-index: -1;
  }
}/*# sourceMappingURL=page.css.map */