@charset "utf-8";
/* default PC */

.bg-gray {
  margin:0 0 85px 0;
  padding:85px 0 100px 0;
}

.strengths-item {
  background-color:#FFF;
  border-radius:10px;
  margin:0 0 50px 0;
  padding:50px;
}

.img-box {
  width:40%;
}

.txt-box {
  width:calc(60% - 40px);
}

#contents .strengths-list h3 {
  -webkit-background-clip:text;
  color:transparent;
  font-size:32px;
  font-weight:bold;
  line-height:1em;
  padding:8px 0 10px 75px;
  position:relative;
}

#contents .strengths-list .num {
  background:linear-gradient(135deg, #E13B44, #CB171C);
  border-radius:8px;
  color:#FFF;
  font-size:25px;
  left:0;
  margin:0 15px 0 0;
  padding:10px 10px 11px 12px;
  position:absolute;
  top:0;
}

.business-bnr-area .link-bnr {
  position:relative;
}

#contents .business-bnr-area .link-bnr .bnr-ttl {
  align-items:center;
  background:linear-gradient(264deg, #384FA6, #293587);
  border-radius:10px 0 10px 0;
  bottom:0;
  color:#FFF;
  font-size:22px;
  line-height:1em;
  margin:0;
  padding:25px 0px 26px 80px;
  position:absolute;
  right:0;
  width:70%;
}

#contents .business-bnr-area .txt-4box {
  margin:0 0 0 0;
  margin-right:40px;
  width:calc(100% / 4 - 20px);
}

.business-bnr-area .link-bnr img {
  border-radius:10px;
}

#contents .business-bnr-area .link-bnr .bnr-ttl:after {
  background:url(../image/contents/arrow_white.svg) no-repeat center / contain;
  bottom:0;
  content:"";
  display:block;
  height:40px;
  left:25px;
  margin:auto;
  position:absolute;
  top:0;
  width:40px;
}

.strengths-item img {
  border-radius:10px;
}

.parents-area img {
  border-radius:10px;
}

#contents .message-txt .main-txt {
  -webkit-background-clip:text;
  color:transparent;
  font-size:32px;
  font-weight:bold;
  line-height:1.6em;
  margin:0 0 20px 0;
  padding:0;
}

#contents .message-txt .txt-right {
  margin:70px 0 0 0;
}

.strengths-item:last-child {
  margin-bottom:0;
}

@media screen and (max-width: 1400px) {
  #contents .strengths-list h3 {
    font-size:28px;
    padding:8px 0 10px 65px;
  }

  #contents .strengths-list .num {
    font-size:20px;
  }
}

@media screen and (max-width: 1300px) {
  #contents .strengths-list h3 {
    font-size:26px;
  }
}


@media screen and (max-width: 1200px) {
  #contents .strengths-list h3 {
    font-size:24px;
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  #contents .message-txt .main-txt {
    font-size:24px;
  }

  .strengths-item {
    padding:35px 30px;
  }

  #contents .strengths-list h3 {
    line-height:1.3em;
    padding:0 0 0 65px;
  }

  #contents .strengths-list .num {
    bottom:0;
    height:47px;
    margin:auto;
    padding:8px 10px 8px 10px;
    top:0;
  }

  #contents .business-bnr-area .link-bnr .bnr-ttl {
    font-size:17px;
    padding:21px 0px 22px 47px;
  }

  #contents .business-bnr-area .link-bnr .bnr-ttl:after {
    height:31px;
    left:10px;
    width:31px;
  }

  .business-bnr-area {
    gap:20px;
  }

  .business-bnr-area .txt-3box {
    margin:auto;
    width:calc(100% / 2 - 10px);
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  #contents .message-txt .main-txt {
    font-size:22px;
  }

  .strengths-item .img-box {
    width:100%;
  }

  .strengths-item .img-box img {
    width:100%;
  }

  .strengths-item .txt-box {
    width:100%;
  }

  #contents .strengths-list h3 {
    margin:15px 0 25px;
  }

  #contents .strengths-list h3 br.br-1140 {
    display:none;
  }
}


@media screen and (max-width: 650px) {
  #contents .message-txt .main-txt br.sp-none {
    display:block;
  }

  #contents .strengths-list h3 br.br-1140 {
    display:block;
  }
}


@media screen and (max-width: 640px) {
  .business-bnr-area .txt-3box {
    width:100%;
  }

  #contents .business-bnr-area .link-bnr .bnr-ttl {
    font-size:16px;
    padding:21px 0px 22px 38px;
    width:50%;
  }

  #contents .business-bnr-area .link-bnr .bnr-ttl:after {
    height:28px;
    left:7px;
    width:28px;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents .message-txt .main-txt {
    font-size:18px;
  }

  #contents .strengths-list h3 {
    font-size:20px;
    margin:10px 0 20px;
    padding:0 0 0 55px;
  }

  #contents .strengths-list .num {
    font-size:18px;
    height:42px;
  }

  .strengths-item {
    padding:20px 15px;
  }

  .strengths-item {
    margin-bottom:30px;
  }
}