/* 企業・団体の方へ共通
-------------------------------------------------- */

#donation {
  display: none;
}

/* 企業・団体の方へ
-------------------------------------------------- */
#pageHeader.withImg {
  background-image: url(../images/img_h1.jpg);
}

@media screen and (max-width: 768px) {
  #pageHeader.withImg h1::after {
    background-image: url(../images/img_h1_sp.jpg);
  }
}

.align_center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#contentBody .companyContact {
  display: static;
}

#contentBody h2.title {
  margin-bottom: 24px;
}

#contentBody .flag img {
  width: 558px;
  height: 350px;
}

#contentBody .companyContact .linkB {
  margin-top: 10px;
}

.box+p,
.box+ol,
.box+ul,
.box+dl {
  margin-top: 60px;
}

.mb-20 {
  margin-bottom: 20px;
}

#contentBody .btnGroup .btn {
  width: 295px;
}

#contentBody .btnGroup+* {
  margin-top: 40px;
}

.mt-23 {
  margin-top: 23px;
}

.contactbox {
  margin-top: 40px;
  padding: 40px 20px;
}

.contactbox .btnGroup .btnA:nth-child(2) a {
  border-color: #58cae7;
  background-color: #58cae7;
}

.interview .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.btnGroup.twoBtn .btn {
  min-width: auto;
}

.interview .row .col_2 {
  width: 32%;
}

/*.interview .row .col_2 {
  display: flex;
  width: 378px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}*/
.interview .img {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.interview .txt h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.04em;
  text-align: left;
}

#contentBody .interview .btn {
  width: 320px;
}

.txt_center {
  text-align: center;
}


.information {
  display: flex;
  width: 100%;
  padding: 16px;
  align-items: center;
  border: 1px solid var(--borderLightGray);
  background-color: #fff;
  gap: 20px;
  margin-bottom: 16px;
}

.information .img {
  display: flex;
  width: 20%;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.information .img img {
  object-fit: contain;
  width: 225.5px;
  height: 133.432px;
  flex-shrink: 0;
}

.information .txt h4 {
  margin-top: 0;
}

.companyIntroduction {
  padding: 16px;
  width: 100%;
  height: auto;
  flex-shrink: 0;
  border: 1px solid var(--lightGray);
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  align-items: center;
}

.companyIntroduction__col6 {
  width: 16.6%;
  text-align: center;
}

.companyIntroduction img {
  object-fit: contain;
  width: 162px;
  height: 108px;
  flex-shrink: 0;
}

.col_2 a {
  text-decoration: none;
  color: #000;
}

.col_2 a p {
  margin-top: 20px;
}

.information__border {
  margin: 0 auto;
  width: 100%;
}

.information__border .information:nth-last-child(1) {
  margin-bottom: 0;
}

/*260310追記*/
.leadcompany {
  font-size: 2rem;
}

.planBlue {
  color: var(--planBlue);
}

.lightblue {
  color: var(--lightBlue);
}

.yellow {
  color: var(--yellow);
}

.purple {
  color: var(--purple);
}

.orange {
  color: var(--orange);
}

.magenta {
  color: var(--magenta);
}

.green {
  color: var(--green);
}

.darkblue {
  color: var(--darkblue);
}

.lightGray {
  color: var(--lightGray);
}

.underblue {
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
  /*text-decoration-color:var(--planBlue);*/
}

/*エンブレムエリア*/
.comemb {
  width: 600px;
  margin: 40px auto;
  padding: 20px 40px 40px;
  background-color: #fffbe8;
  /*border: 1px solid var(--planBlue);*/
}

.comtxt img {
  border-bottom: 1px solid var(--planBlue);
}

.emb {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.em img {
    width: 100%;
}
@media screen and (max-width: 768px) {
 
  .comemb {
    width: 100%;
    padding: 10px 10px 20px;
  }

  .em {
    width: calc((100% - 80px) / 3);
  }
}


.img.emblem {
  max-width: 400px;
}

/*グラフカルーセル*/

/*矢印位置*/
.splide__arrow {
  top:47%;
}
@media screen and (max-width: 1340px) {
  .innerA .splide__arrow--next {
    right: 16%;
  }
}

@media screen and (max-width: 1340px) {
  .innerA .splide__arrow--prev {
    left: 16%;
  }

}

@media screen and (max-width: 1226px) {
  .innerA .splide__arrow--prev {
    left: 15%;
  }
}

@media screen and (max-width: 1226px) {
  .innerA .splide__arrow--next {
    right: 15%;
  }
}

@media screen and (max-width: 768px) {
  .innerA .splide__arrow--next {
    right: 0%;
  }
}

@media screen and (max-width: 768px) {
  .innerA .splide__arrow--prev {
    left: 0;
  }
}

.splide__arrow--prev {
  left: 15%;
}

.splide__arrow--next {
  right: 15%;
}

.num2025 {
  text-align: right;
}

/*カルーセル前後画像*/
.company .support {
  max-width: 100%;
  margin: 0 auto;
}

.company .support .splide__track {
  overflow: hidden;
  margin-top: 30px;
}

.company .support .splide__list {
  align-items: center;
}

.company .support .splide__slide {
  opacity: 1;
}

.company .support .slide-inner {
  opacity: .45;
  transform: scale(.82);
  transition: transform .35s ease, opacity .35s ease;
}

.company .support .splide__slide.is-active .slide-inner {
  opacity: 1;
  transform: scale(1);
}

.company .support .splide__slide img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .company .support .splide__track {
  margin-top: 20px;
}
}

/*タイトル下線*/
h3.title {
  border-bottom: 2px solid var(--planBlue);
  display: inline-block;
  padding-bottom: 6px;
}


/*選ばれる理由*/
.choose h4 {
  margin: 0;
  display: block;
  background: var(--planBlue);
  color: #fff;
  padding: 10px 16px;
  margin-bottom: 12px;
  height: 83px;
  border-radius: 18px 18px 0 0;
  letter-spacing: 0.1em;
}

/*横並び*/
.choose {
  display: flex;
  gap: 16px;
}

.choosewhy {
  width: calc((100% - 32px) / 3);
  border: 1px solid var(--planBlue);
  border-radius: 20px;
  background: linear-gradient(to bottom right, #ffffff, #fffbe8);
}

.num{
  color:var(--yellow);
}


.whytxt p {
  color: var(--planBlue);
  display: flex;
  align-items: center;
  line-height: 1.5;
  margin-top: 6px;
  padding: 0 20px 0;
  display: inline-block;
  height: 30px;
}



.whytxt .marker li::before {
  border: .2em solid;
}

.whylist {
  position: relative;
  padding: 0 20px 6px 37px;
  margin: 20px 0 24px;
}

.whylist li {
  font-size: 1.4rem;
  margin-bottom: .1em;
}



.whylist li::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  margin-right: 14px;
  margin-left: -17px;
  margin-top: 9px;
  background-image: url("/company/images/lightbluedisc.svg");
  background-size: contain;
  background-repeat: no-repeat;
}


@media screen and (max-width: 768px) {
  .choose{
    flex-direction: column;
  }

  .choose h4{
    height: 43px;
  }
  .choose .choosewhy:nth-of-type(2) h4 {
    height: 68px;
}
.choosewhy {
    width: 100%;}

.whylist{
  margin-top: 10px;
}
.whytxt p{
  margin-bottom: 0;
}
}
/*
.choose .choosewhy .title {
  height: 46px;
}

.why {
  display: flex;
  width: 100%;
  gap: 20px;
  margin-top: 20px;
}

.whyimg {
  width: calc((100% - 20px) * 0.4);
}


.whytxt {
  width: calc((100% - 20px) * 0.6);
}

.whytxt p {
  color: var(--planBlue);
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 16px;
}

.whytxt p::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-image: url("/company/images/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.whytxt .marker li::before {
  border: .2em solid;
}

.num2025 {
  text-align: right;
}

.whylist{
  position: relative;
  padding-left: 20px;
  margin-top:20px;
}
.whylist li {
  font-size: 1.4rem;
  margin-bottom: .1em;
}



.whylist li::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 6px;
    height: 6px;
    margin-right: 14px;
    margin-left: -17px;
    margin-top: 9px;
  background-image: url("/company/images/bluedisc.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 760px) {
  .choose .choosewhy .title {
    height: 48px;
  }

  .why {
    flex-direction: column;
  }

  .whyimg {
    width: 100%;
  }

  .whytxt {
    width: 100%;
  }

  .whytxt p {
    line-height: 1.5;
  }
}
*/

/* case interview 共通 */
.companyList .col {
  margin-top: 24px;
  column-gap: 24px;
}


.itemInterview,
.itemSales {
  width: 50%;
  display: flex;
  gap: 20px;
  border: 1px solid var(--borderLightGray);
  background-color: #fff;
  padding: 20px;
}

.itemInterview .img,
.itemSales .img {
  display: block;
  width: 40%;
  ;

}

.itemInterview .img img,
.itemSales .img img {
  /*   width: 220px;
   height: 133px;*/
}

.itemInterview .txt h4,
.itemSales .txt h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.04em;
  text-align: left;
  margin-bottom: 0;
}

.itemInterview .txt,
.itemSales .txt {
  width: 60%;
}

.itemInterview .txt p,
.itemSales .txt p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.04em;
  text-align: left;
  margin-top: 8px;
  margin-bottom: 0;
}

@media screen and (max-width: 760px) {
  #contentBody .flag img {
    width: 370px;
    height: 232px;
    flex-shrink: 0;
  }

  #contentBody .btnGroup+* {
    margin-top: 16px;
  }

  .mtb-60 {
    margin: 30px 0;
  }

  .interview .row .col_2 {
    width: 100%;
  }

  .interview .row {
    display: block;
  }

  .interview .row .col_2 {
    border: 1px solid var(--borderLightGray);
    padding: 20px;
    margin-top: 24px;
  }

  .interview .txt .title {
    margin-bottom: 8px;
  }

  .itemInterview .txt {
    width: 100%;
  }

  .interview .img img {
    /* width: 217px;
    height: 143px; */
    width: 100%;
    height: auto;
  }

  .interview .txt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.04em;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 0;
  }

  .information {
    display: block;
  }

  .information .img {
    margin-bottom: 24px;
    display: block;
    width: auto;
  }

  .information .img img {
    width: 100%;
    height: auto;
  }

  .companyIntroduction {
    width: 100%;
    height: 100%;
  }

  .companyIntroduction__col6 {
    width: 50%;
  }

  .companyIntroduction img {
    margin: auto;
    width: 100%;
    height: 108px;
    flex-shrink: 0;
  }

  .information {
    width: 100%;
    height: auto;
  }

  .information__border {
    width: 100%;
  }

  .itemInterview .img,
  .itemSales .img {
    width: 100%;
  }
}


.withSidebar #localNavMobile {
  width: 20.67%;
}

#localNav {
  margin: 96px 0 120px;
  padding: 0px;
  border: 0;
  border-radius: 0;
  background-color: #FFF !important;
  width: 20.67%;
}

#localNav div.bg_blue {
  padding: 6px;
  border: 1px solid #abe5f3;
  border-radius: 16px;
  background-color: #abe5f3;
}


#localNav h2#menu a {
  background: none !important;
  padding: 0px;
  color: var(--textBlack);
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}


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

  .withSidebar #localNav,
  .withSidebar #localNavMobile {
    display: none;
  }

  .withSidebar #contentBody {
    width: 100%;
  }
}

#localNav p.btn.btnA {
  width: 100%;
  min-width: 135px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  background: none;
  border: 0;
  margin-top: 0px;
}

#localNav p.btn.btnA a {
  background: none
}

#localNav p.btn.btnA.navi_inq a {
  border-color: var(--planBlue);
  background-color: var(--planBlue);
  color: var(--white);
}

#localNav p.btn.btnA.navi_pdf a {
  border-color: var(--lightBlue);
  background-color: var(--lightBlue) !important;
  color: var(--white);
}

#localNav p.btn.btnA+* {
  margin-top: 32px;
}



@media (hover: hover) {
  #localNav p.btn.btnA.navi_inq a:hover {
    border-color: #005ba5;
    background-color: #005ba5 !important;
  }

  #localNav p.btn.btnA.navi_pdf a:hover {
    border-color: #50b9d3;
    background-color: #50b9d3 !important;
  }

  #localNav h2#menu a:hover {
    background: none !important;
    color: var(--textBlack);
    font-weight: 600;
  }


}

#localNav div.pmp {
  margin-top: 32px;
  padding: 6px;
  border: 1px solid var(--bgLightGray);
  border-radius: 16px;
  background-color: #fff;
}

#localNav div.pmp a {
  background: none;
  display: block;
  padding: 20px !important;
  text-align: center;
}



#localNav div.pmp h3 {
  margin: 10px 0 18px;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}

#localNav div.pmp p {
  font-weight: normal;
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/*250922追記 companytop*/
@media screen and (max-width: 768px) {
  .center {
    text-align: center;
  }
}

.bbox {
  width: calc((100% - 48px) / 2);
}

@media screen and (max-width: 768px) {
  .bbox {
    width: initial;
  }
}

@media screen and (max-width: 1175px) {
  .pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .pmpbtn {
    max-width: 350px;
    margin: 0 auto;
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .pit {
    margin-top: 24px !important;
  }

}