:root{
  --ff:メイリオ, Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "MS Pゴシック", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
  --color-primary:#061c5d;
  --color-secondary:#0ab2ee;
  --color-red: #d60000;
}

body{
  font-family: var(--ff);
}

.SFAsupportTopBox {
  background: url(https://sherpa.local/wp-content/themes/sherpaworks/assets/images/front-page/bg_service.png) top left, #04154B;
  padding-top: 30px;

}

.CommonCompanyTitle {
  font-family: メイリオ, Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "ＭＳ Ｐゴシック", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}

.CommonCompanyTitle_main {
  font-family: sans-serif;

}

.CommonCompanyTitle_sub {
  color: #01b1ec;
}

.CommonPageBox {
  background-color: #fff;

}

.programSection_item {
  color: #fff;
}

p {
  font-size: 16px;
  line-height: 1.75;
}

.wrap h2 {
  color: #01b1ec;
  font-size: 24px;
  line-height: 1.5;
}

/*.wrap p {margin-bottom: 1em;}*/
/*.CommonPageBox .wrap {max-width: 890px;}*/
.section01 .wrap {
  padding-top: 50px;
}

.AboutBox_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: none;
  height: 440px;
  margin: 0 auto;
  background: url(https://sherpa.local/wp-content/uploads/2022/06/service1-img.png) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .AboutBox_wrap {
    background: url(https://sherpa.local/wp-content/uploads/2022/06/service1-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}

.SherpingTopBox_wrap {
  margin-top: 30px;
  margin-bottom: 0px;
  padding: 0px;
  max-width: none;
}

.IndividualBox_box {
  margin-top: 10px;
}

ul.IndividualBox_box.clearfix {
  margin-bottom: 38px;
}

@media screen and (max-width: 767px) {
  .SherpingTopBox_wrap .AboutBox_wrap_text {
    padding: 0px;
  }
}

.wrap p.trouble {
  font-size: 40px;
  font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.IndividualBox_box_img img {
  width: 40%;
}

.IndividualBox_box li {
  /*width: 23.5%;*/
}

.IndividualBox_box li:nth-child(3n+1) {
  margin-left: 2%;
}

.IndividualBox_box li:nth-child(4n+1) {
  margin-left: 0;
}

.IndividualBox_wrap {
  margin-bottom: 20px;
}

.IndividualBox_box li dt {
  margin-bottom: 0.5em;
}

.IndividualBox_box_text dl dt,
.IndividualBox_box_text dl dd {
  font-size: 12px;
}

.IndividualBox_box_text dl dd b {
  font-size: 14px;
}

.IndividualBox_wrap p small {
  font-size: 0.9em;
}

span.solution {
  font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 45px;
  line-height: 1.75;
}

span.solution img {
  margin-bottom: -4px;
  margin-right: 0.2em;
}

.section03 {
  padding: 70px 0 0px;
}

.section03 h1.t_center {
  margin-bottom: 30px;
}

.section03 .CommonCompanyTitle_main {
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.IndividualBox_box_title {
  font-weight: bold;
}

.section03 .IndividualBox_box_title {
  font-size: 16px;
}

.section03 .IndividualBox_box {
  margin-top: 30px;
}

.section03 .IndividualBox_box li {
  padding: 30px 20px 32px;
}

.section03 .IndividualBox_box_text p {
  text-align: justify;
}

.section03 .CommonCompanyTitle_sub {
  font-size: 20px;
}

.CommonPageBox .wrap {
  max-width: 1160px;
}

.section04 .CommonCompanyTitle_main {
  margin-bottom: 50px;
}

.section04 .IndividualBox_box_img {
  display: flex;
  height: 110px;
  align-items: center;
  justify-content: center;
}

.section04 li:first-child .IndividualBox_box_img img {
  /*width: 40%;*/
}

.section04 ul.IndividualBox_box.clearfix {
  display: flex;
  justify-content: space-around;
}

.section04 .IndividualBox_box li {
  float: none;
  margin-left: 0;
}

.section04 .CommonPageBox .clearfix:after,
.section04 .clearfix:after {
  content: unset;
}

.section04 .IndividualBox_box li p {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.section04 .IndividualBox_box li {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section04 .IndividualBox_box_img img {
  width: 40%;
}

.section04 h1.t_center {
  margin-bottom: 20px;
}

.section04 .text p {
  margin: 30px auto 0;
}

.section04 .text {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .wrap p.trouble {
    margin-bottom: 0;
  }

  .IndividualBox_box li:nth-child(3n+1) {
    margin-left: 0;
  }

  .IndividualBox_box li {
    float: none;
    width: 100%;
  }

  .IndividualBox_box_img img {
    width: 15%;
  }

  .IndividualBox_box_text p {
    margin: auto;
    width: 94%;
    text-align: justify;
  }

  .IndividualBox_box_text {
    /*display: flex;*/
  }

  .IndividualBox_box_text dl dt,
  .IndividualBox_box_text dl dd {
    font-size: 14px;
  }

  .IndividualBox_box_title br {
    display: inline;
  }

  .section01 .wrap,
  .section03 .wrap {
    max-width: 90%;
  }

  .section03 {
    padding: 50px 0;
  }

  .section04 ul.IndividualBox_box.clearfix {
    display: block;
  }

  .section04 ul.IndividualBox_box.clearfix li {
    margin: 30px auto 0;
    width: 90%;
  }

  .section04 .IndividualBox_box_img img {
    width: 30%;
  }

  .section04 .text p {
    max-width: 90%;
  }
}

.section-heading {
  font-size: 20px;
  font-weight: bold;
  /* display: table; */
  text-align: center;
  /* padding: 0.6em 1.9em; */
  /* border: solid 1px #fff; */
  color: #04154B;
  margin: 82px auto 0;
  /* font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; */
}

.section-heading+p {
  margin-top: 32px;
  text-align: center;
}

.CommonPageBox img.section-image {
  border: #e5e5e5 solid 2px;
  margin-top: 30px;
  width: calc(100% - 40px);
  max-width: 1044px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .CommonPageBox img.section-image {
    width: 100%;
  }
}

.IndividualBox_box_text p {
  display: table;
  margin: auto;
}

.OnlineSalesTraining_ImageBox {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding-bottom: 20px;
  margin-top: 36px;
}

img[src$="online-salestraining_img_01.png"] {
  margin-right: -2.5%;
}

@media screen and (max-width: 767px) {

  .section-heading+p {
    text-align: justify;
  }

  .section-heading {
    margin: 42px auto 0;
  }

  .CommonPageBox {
    padding: 50px 0 10px;
  }
}

.page-title {
  display: none;
}

.download-link:hover,
.download-link2:hover {
  background-color: #fff;
  color: #001453;
  border: #001453 solid 2px;
}

.download-link {
  display: inline-block;
  width: 180px;
  color: #fff;
  text-decoration: none;
  padding: 16px 20px;
  background-color: #01b1ec;
  border: #01b1ec solid 2px;
  border-radius: 30px;
  font-weight: bold;
  transition: all ease .3s;
}

.download-link2 {
  display: inline-block;
  width: 180px;
  color: #fff;
  text-decoration: none;
  padding: 16px 20px;
  background-color: #061c5d;
  border: #061c5d solid 2px;
  border-radius: 30px;
  font-weight: bold;
  transition: all ease .3s;
}

.block-styleA {
  margin-top: 4px;
}


.AboutBox_wrap_text {
  position: static;
  text-align: center;
  width: 100%;
  max-width: none;
  height: auto;
  margin-top: 100px;
}

.AboutBox_wrap_text p {
  width: 100%;
  background-color: rgba(255, 255, 255, .5);
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 50px;
  color: #0c2264;
  font-weight: bold;
  /*text-shadow:0 0 20px rgba(255,255,255,.3);*/
  font-family: メイリオ, Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "ＭＳ Ｐゴシック", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}



.listItem-styleA {
  width: 32%;
}

.listBlock-styleA {
  display: flex;
}

.listBlock-styleA .listItem-styleA:nth-child(1),
.listBlock-styleA .listItem-styleA:nth-child(2) {
  margin-right: 2%;
}

.listBlock-styleA .txtA {
  background-color: #0c2264;
  padding: 30px 20px;
  min-height: 180px;
}

.listBlock-styleA.speech {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .listBlock-styleA.speech {
    justify-content: center;
  }
}

.listBlock-styleA .speech {
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0px 2.5em 10px;
  min-height: 240px;
  font-weight: bold;
  font-size: 16px;
  color: #0c2264;
}

@media screen and (max-width: 1200px) {
  .listBlock-styleA .speech {
    min-height: 20vw;
    font-size: 1.33vw;
    padding: 0px 2.5em 1vw;
  }
}

@media screen and (max-width: 767px) {
  .listBlock-styleA .speech {
    min-height: auto;
    height: 59vw;
    font-size: calc(0.52vw + 14px);
  }
}

.listBlock-styleA .speechR {
  background-image: url('https://sherpa.local/wp-content/themes/sherpaworks/assets/images/common/service_speech_R.svg?2022');
}

.listBlock-styleA .speechL {
  background-image: url('https://sherpa.local/wp-content/themes/sherpaworks/assets/images/common/service_speech_L.svg?2022');
}

.imgBlockA img {
  width: 50px;
}

.imgBlockB img {
  width: 50px;
}

.imgBlockA {
  text-align: center;
  margin-top: 20px;
}

.imgBlockB {
  display: none;
  text-align: center;
  margin-top: 20px;
}


.colorA {
  background-color: #4BACC6 !important;
}

.colorB {
  background-color: #A6A6A6 !important;
}

.colorC {
  background-color: #8064A2 !important;
}

.colorD {
  background-color: #9BBB59 !important;

}

.colorE {
  background-color: #F79646 !important;
}

.colorF {
  background-color: #C0504D !important;
}

.colorG {
  background-color: #1F497D !important;
}


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

  .imgBlockB {
    display: block;
  }

  .listBlock-styleA {
    flex-wrap: wrap;
  }

  .listItem-styleA {
    width: 100%;
  }

  .listBlock-styleA .txtA {
    margin-top: 20px;
    min-height: auto;
  }

  .imgBlockB {}

}

.titleBlock {
  background-color: #0c2264;
  max-width: 1170px;
  margin: 0 auto;
}

.titleBlock.ski-blue {
  background-color: #52c3f1;
}

.title-styleA {
  color: #fff;
  font-size: 40px;
  line-height: 1.5;
  text-align: center;
  padding: 30px;
}

.txt-styleA {
  color: #fff;
  padding: 0 30px 30px 30px;
}

@media screen and (max-width: 768px) {
  .title-styleA {
    font-size: 24px;
  }

}

.bg-box {
  padding: 20px 0px;
}

.bg-box.light-blue {
  background-color: #dbeef4;
}

.programSection_img {
  width: 20%;
}

.programSection_textBox {
  width: 80%;
  padding: 0 20px;
}

.programSection_item {
  display: flex;
  justify-content: center;
  background-color: #061c5d;
  padding: 30px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: 0px;
  max-width: 890px;
}

.programSection_img img {
  width: 200px;
  padding: 30px;
  background-color: #fff;
  border-radius: 20px;
}

.programSection_ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}

.programSection .programSection_item:nth-child(even) {
  flex-direction: row-reverse;
  margin-left: 0px;
  margin-right: auto;
}

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

  .programSection_img {
    width: 100%;
    text-align: center;
  }

  .programSection_img img {
    width: 200px;
  }

  .programSection_textBox {
    width: 100%;
    padding: 20px;
  }

}

.bgColorA {
  background-color: #020059 !important;
}

.bgColorB {
  background-color: #fff !important;
}

.title-styleA {
  font-size: 36px !important;
  color: #FFFF37 !important;
}

#toc_container.toc_transparent {
  background: none transparent;
  display: none;
}


.-colorA {
  background-color: #259FB6;
}

.-colorB {
  background-color: #8698AB;
}

.-colorC {
  background-color: #7884BE;
}

.-colorD {
  background-color: #75A440;
}

.-colorE {
  background-color: #EE8749;
}

.-colorF {
  background-color: #DF7477;
}

.-colorG {
  background-color: #336B95;
}

.-colorJ {
  background-color: #628ccf;
}

.programSection__List {
  display: flex;
  flex-wrap: wrap;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;

}

.programSection__item {
  width: 50%;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 30px;
}

.programSection__title {
  /* background-color: red; */
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 6px 10px;
  margin-top: 20px;
  font-size: 17px;
}

.programSection__text {
  padding-top: 20px;
}

.programSection__img {
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.programSection__img img {
  width: 100%;
  height: 200px;
}

@media screen and (max-width:768px) {
  .programSection__item {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-top: 40px;
  }

}


.section-heading {
  margin-top: 0 !important;
  /* padding-top: 40px; */
}

.fontColorA {
  color: #fff !important;
}

.section03 {
  padding: 50px 0 !important;
}

.pt40 {
  padding-top: 40px;
}

/* ============================ */
/* service2 */
/* ============================ */

.-colorH {
  color: #87598C;
}

.-colorI {
  color: #008CC2;
}

.-borderA {
  border-bottom: 2px solid #87598C;
}

.-borderB {
  border-bottom: 2px solid #008CC2;
}

.programSection2__List {
  display: flex;
  flex-wrap: wrap;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;

}

.programSection2__item {
  width: 50%;
  padding-right: 40px;
  padding-left: 40px;
  margin-top: 60px;
  display: flex;

}

.programSection2__img {
  width: 30%;
}

.programSection2__contents {
  width: 70%;
  padding-left: 14px;
}

.programSection2__enTitle {
  font-size: 26px;
  font-weight: bold;
}

.programSection2__title {
  font-size: 22px;
  /* border-bottom: 2px solid #87598C; */
}

.programSection2__text {
  padding-top: 18px;
}

@media screen and (max-width:768px) {
  .programSection2__item {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 40px;
  }

}

/* ============================ */
/* service3 */
/* ============================ */
.section-image.-service3 {
  border: transparent !important;
}

.feedback__text {
  text-align: left !important;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 30px;
}

.feedback__img {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}



/* ============================ */
/* index */
/* ============================ */
.ServiceList {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.serviceLead__textWrapper {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.serviceLead__text {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
}

.ServiceItem {
  width: 33%;
  padding: 14px;
}

.serviceTitleBox {
  background-color: #fff;
  text-align: center;
}

.serviceTitle {
  font-size: 26px;
  font-weight: bold;
}

.ServiceItem__subtitle {
  color: #fff;
  color: #00bdff;
  text-align: center;
}

.ServiceItem__title {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 12px;
}

.mt60 {
  margin-top: 100px;
}

.ServiceItem__img {
  height: 240px;
}

.ServiceItem__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width:768px) {
  .serviceLead__text {
    font-size: 18px;
  }

  .ServiceItem {
    width: 100%;
  }

  .serviceTitleBox {
    background-color: #fff;
    text-align: center;
  }

  .serviceTitle {
    font-size: 20px;
    font-weight: bold;
  }

  .ServiceItem__title {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .mt60 {
    margin-top: 40px;
  }

  .ServiceItem__img {
    height: 240px;
  }

  .ServiceItem__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

}




/* 20220819 */
.IndividualBox_wrap {
  max-width: 1200px;
}

.titleBlock {
  max-width: 1200px !important;
}

@media screen and (min-width:769px) {
  .txt-styleA {
    padding: 0 60px 30px 60px !important;
    font-size: 20px;
  }
}

@media screen and (min-width:1200px) {
  .listBlock-styleA .speech {
    min-height: 280px !important;
    font-size: 16px !important;
    padding: 0px 2.5em 27px;
  }
}


.CommonPageBox .wrap {
  max-width: 1200px !important;
}

.CommonPageBox img.section-image {
  /* border: #e5e5e5 solid 2px;
margin-top: 30px;
width: calc(100% - 40px); */
  max-width: 1000px !important;
  /* vertical-align: middle; */
}

.programSection__List {
  max-width: 1200px !important;
}


@media screen and (min-width:769px) {
  .programSection__List .programSection__item:nth-child(odd) {
    padding-left: 20px;
    padding-right: 40px;
    margin-top: 60px;
  }

  .programSection__List .programSection__item:nth-child(even) {
    padding-left: 40px;
    padding-right: 20px;
    margin-top: 60px;
  }
}


.programSection2__List {
  max-width: 1200px;
}


@media screen and (min-width:769px) {
  .programSection2__List .programSection2__item:nth-child(odd) {
    padding-right: 50px;
    padding-left: 20px;
  }

  .programSection2__List .programSection2__item:nth-child(even) {
    padding-right: 20px;
    padding-left: 50px;
  }
}



/* 3 */
.feedback__text {
  max-width: 1200px;
}

.feedback__img {
  max-width: 1200px;
}





/* 7 */
.menuSection__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

/* .menuSection__list .menuSection__item:nth-child(3){
margin-bottom: 40px;
}
.menuSection__list .menuSection__item:nth-child(4){
margin-bottom: 40px;
} */

@media screen and (min-width:769px) {
  .menuSection__list .menuSection__text {
    font-size: 22px;
  }

  .menuSection__subTitle {
    font-size: 26px;
  }

  .menuSection__title {
    font-size: 30px;
  }

  .menuSection__item2 {
    font-size: 20px;
  }
}

/* 8 */
/* .menuSection__list{

} */

/* 9 */
.service9Section {
  max-width: 1200px;
  margin-top: 40px;
}

.programSection.bgColorB {
  padding-bottom: 50px;
}

@media screen and (min-width:769px) {
  .service9Section__tex {
    font-size: 20px;
  }

  .service9Section__title {
    font-size: 30px;
  }

}


/* 11 */
@media screen and (min-width:769px) {
  .service9Section__text {
    font-size: 20px;
  }
}

/* 4 */
.service4__list {
  display: flex;
  flex-wrap: wrap;
}

.service4__item {
  width: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
  /* padding: 20px; */

}

.service4__list .service4__item:nth-child(odd) {
  width: 50%;
  /* padding: 20px; */
  padding-right: 20px;
  padding-left: 10px;
}

.service4__list .service4__item:nth-child(even) {
  width: 50%;
  /* padding: 20px; */
  padding-left: 20px;
  padding-right: 10px;
}

.service4__item__wrapper {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}

.service4__item__title {
  color: #fff;
  border: 2px solid #fff;
  font-size: 22px;
  font-weight: bold;
  /* width: 50%; */

}

.service4__item__img {
  width: 50%;
  padding: 16px;
}

.service4__item__text {
  color: #000;
  width: 50%;
  padding: 16px;
  padding-left: 0;
  font-size: 18px;

}

@media screen and (max-width:768px) {
  .service4__list {
    display: flex;
    flex-wrap: wrap;
  }

  .service4__list .service4__item:nth-child(odd) {
    /* padding: 20px; */
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .service4__list .service4__item:nth-child(even) {
    /* padding: 20px; */
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .service4__item__wrapper {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
  }

  .service4__item__title {
    color: #fff;
    border: 2px solid #fff;
    font-size: 18px;
    font-weight: bold;
    /* width: 50%; */

  }

  .service4__item__img {
    width: 100%;
    padding: 16px;
  }

  .service4__item__text {
    color: #000;
    width: 100%;
    padding: 16px;
    font-size: 16px;

  }

}

.feedback__text.service4 {
  font-size: 18px;
  color: #0c2264;
  font-weight: bold;
  max-width: 1000px;
}

.block-styleB {
  background-color: #fff;
  padding-bottom: 60px;
}

.block-styleC {
  background-color: #061c5d;
}

.block-inner {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 14px;
}

.block-styleC-inner {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  padding: 50px 14px;
}

.txt-wrapper {
  background-color: #fff;
  border-radius: 6px;
}

.txt-wrapper p {
  color: #061c5d;
  padding: 14px;
  font-size: 30px;
  font-weight: bold;
  padding-right: 20px;
  padding-left: 20px;
}

.blockC-btn {
  display: inline-block;
}

.blockC-btn a {
  color: #061c5d;
  background-color: #fff;
  padding: 20px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
}

.blockC-btn a:hover {
  background-color: rgb(239, 239, 239);
}

.block-section-title {
  color: #061c5d;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  position: relative;
  padding-left: 1rem;
  margin-bottom: 40px;
  font-family: メイリオ, Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "ＭＳ Ｐゴシック", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}

.block-section-title2 {
  color: #061c5d;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8;
  margin: 30px auto;
  text-align: center;
}

.block-section-title2 span {
  color: #d60000;
}

.block-section-title3 {
  color: #0ab2ee;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.7;
  margin: 40px auto;
  text-align: center;
  padding-bottom: 2px;
  border-bottom: 4px solid #f5eb2d;
  display: inline-block;
}

.block-section-title::before {
  position: absolute;
  content: "";
  background-color: #061c5d;
  height: 100%;
  width: 6px;
  left: 0;
}

.block-section-titleA {
  text-align: center;
  font-size: 40px;
  /* margin-bottom: 60px; */
  margin-top: 60px;
  font-weight: bold;
}

.block-section-titleB {
  font-size: 22px;
  font-weight: bold;
}

.txt24 {
  font-size: 24px;
}

.txt42 {
  font-size: 42px;
}

.box-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.box-wrapper .box {
  background-color: rgb(241, 241, 241);
  width: calc((100% - 40px) / 3);
  margin-right: 20px;
  margin-bottom: 20px;
}

.box-wrapper .box .txtE {
  padding: 30px;
}

.box-wrapper .box:nth-child(3n) {
  margin-right: 0;
}

.table1 .table-head {
  background-color: #4F81BD;
}

.table2 .table-head {
  background-color: #4BACC6;
}

.table3 .table-head {
  background-color: #9BBB5A;
}

.table-wrapper {
  display: flex;
  align-items: stretch
}

.txt-center {
  text-align: center;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.table4 tr .head {
  background-color: rgb(247, 247, 247);
  font-size: 20px;
  color: #061c5d;
  font-weight: bold;
  padding: 20px;
  width: 15%;
}

.table4 tr {
  border: 4px solid rgb(247, 247, 247);
}

.table4 {
  margin-top: 30px;
}

.table4 tr td {
  padding: 20px;
}

.txtB {
  font-size: 20px;
  color: #061c5d;
  font-weight: bold;
}

.table1 tr .table-head,
.table2 tr .table-head,
.table3 tr .table-head {
  color: #fff;
  padding: 20px;
  height: 100px;
  text-align: center;
}

.trA {
  background-color: #C6D2E6;
}

.trA td {
  padding: 10px;
}

.trB {
  background-color: #C3DFE7;
}

.trB td {
  padding: 10px;
}

.trC {
  background-color: #D5E3C9;
}

.trC td {
  padding: 10px;
}

.trD {
  background-color: #E4E9F3;
}

.trD td {
  padding: 14px;
}

.trE {
  background-color: #E3EEF4;
}

.trE td {
  padding: 14px;
}

.trF {
  background-color: #EAF0E5;
}

.trF td {
  padding: 14px;
}

.table1 tr,
.table2 tr,
.table3 tr {
  border: 1px solid #fff;
}

.table1 table,
.table2 table,
.table3 table {
  width: 100%;
}

.td-time {
  padding: 10px !important;
  border: 1px solid #fff;
}

.td-time p {
  font-size: 14px;
}

.table-title {
  font-weight: bold;
  font-size: 14px;
}

.table1 tr td {
  font-size: 14px;
}

.table2 tr td {
  font-size: 14px;
}

.table3 tr td {
  font-size: 14px;
}

.table1 ul li {
  margin-top: 8px;
  font-size: 12px;
}

.table2 ul li {
  margin-top: 8px;
  font-size: 12px;
}

.table3 ul li {
  margin-top: 8px;
  font-size: 12px;
}

.table1,
.table2,
.table3 {
  display: flex;
  width: 100%;
}


.table5 tr .head {
  background-color: #061c5d;
  color: #fff;
  font-weight: bold;
  padding: 20px;
  width: 30%;
}

.table5 .txtC {
  font-weight: normal;
}

.table5 tr {
  border-top: 14px solid #fff;
  border-bottom: 14px solid #fff;
}

.table5 {
  margin-top: 30px;
}

.table5 tr td {
  padding: 20px;
}

.training-box {
  background-color: #061c5d;
}

.training-box p {
  color: #fff;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.training-img {
  background-color: #fff;
  max-width: 120px;
  height: 100px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.training-img img {
  width: 120px;
  height: auto;
}

.txtD {
  /* text-align: center; */
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.pt20 {
  padding-top: 20px;
}

.p20 {
  padding: 20px;
}

.mt50 {
  margin-top: 50;
}

.quote-box {
  background-color: rgb(241, 241, 241);
  margin-bottom: 20px;

}

.quote-box p {
  padding: 30px;
  padding-left: 50px;
  position: relative;
}

.quote-box p::before {
  content: "";
  position: absolute;
  background-image: url(https://sherpa.local/wp-content/uploads/2023/02/quote.png);
  width: 22px;
  height: 22px;
  background-size: contain;
  transform: rotate(180deg);
  left: 10px;
}

.mr20 {
  margin-right: 20px;
}

.-bold {
  font-weight: bold;
}

.-textBlue {
  color: #061c5d;
}

.is-center {
  text-align: center;
}

.is-border-top {
  border-top: 4px solid rgb(247, 247, 247);
}

@media screen and (max-width:768px) {
  .txt42 {
    font-size: 30px;
  }

  .spNone {
    display: none;
  }

  .box-wrapper {
    display: flex;
    flex-wrap: wrap;
  }

  .box-wrapper .box {
    background-color: rgb(241, 241, 241);
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .box-wrapper .box:nth-child(3n) {
    margin-right: 20px;
  }

  .box-wrapper .box:nth-child(2n) {
    margin-right: 0;
  }

  .table-wrapper {
    display: block;
  }

  .table-wrapper .table1,
  .table-wrapper .table2,
  .table-wrapper .table3 {
    width: 100%;
  }

  .table-wrapper .table1 table,
  .table-wrapper .table2 table,
  .table-wrapper .table3 table {
    width: 100%;
  }

  .block-section-title {
    font-size: 26px;
    line-height: 1.4;
  }

  .block-section-title2,
  .block-section-title3,
  .block-section-title4 {
    font-size: 18px;
    line-height: 1.4;
  }

  .txt-wrapper p {
    color: #061c5d;
    font-size: 26px;
    line-height: 1.6;
    padding: 12px;
  }

  .txt24 {
    font-size: 22px;
  }
}

.program-item-link {
  text-decoration: none;
}

.program-item-link .programSection__text {
  color: #000;
}

.point-area {
  background-color: #fffada;
  padding: 10px;
  margin-top: 10px;
}

.point-area-list th {
  font-weight: bold;
  color: #0ab2ee;
  vertical-align: baseline;
}

.point-area-list td {
  font-weight: bold;
  padding: 10px;
  vertical-align: baseline;
  line-height: 1.8;
}

.point-area-list td p {
  font-weight: normal;
  margin: 0px;
}

.point-area-list td span,
.block-section-title3 span {
  color: #d60000;
}

.mid-style-area {
  display: flex;
  margin-bottom: 20px;
}

.mid-style-area-image {
  width: 50%;
  margin-right: 5%;
}

.mid-style-area-txt {
  width: 45%;
}

.block-section-heading {
  font-size: 24px;
  font-weight: bold;
  font-family: メイリオ, Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "ＭＳ Ｐゴシック", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
  color: #00B0F0;
}

.icon-list-check {
  margin-top: 1em;
  list-style-type: none;
}

.icon-list-check li {
  position: relative;
  padding-left: 1em;
  font-size: 18px;
  line-height: 1.8;
  font-weight: bold;
}

.icon-list-check li::before {
  content: "✔";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 18px;
  font-weight: bold;
  font-family: メイリオ, Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "MS Pゴシック", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
  color: #C00000;
}

.service-body{
  --mt:30px;
}

.service-body .block-inner>*+*{
  margin-top: var(--mt);
}


.service-body h2{
  --mt:60px;
  color: #061c5d;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  position: relative;
  padding-left: 1rem;
  font-family: var(--ff);
}

.service-body h2::before {
  position: absolute;
  content: "";
  background-color: #061c5d;
  height: 100%;
  width: 6px;
  left: 0;
}

.service-body h3{
  font-size: 24px;
  font-family: var(--ff);
  margin: 0px;
  line-height: 1.75;
}

.service-body .has-white-color h3{
  color: var(--wp--preset--color--white);
}

.service-body p.has-medium-font-size{
 --wp--preset--font-size--medium:24px;
}

.service-body .has-text-color{
  color: var(--color);
}

.service-body .has-primary-blue-color{
  --color: var(--color-primary);
}

.service-body .has-red-color{
  --color:var(--color-red);
}
.service-body .has-secondary-blue-color{
  --color: var(--color-secondary);
}

.service-body .wp-block-group.has-background{
  padding: 20px;
  background-color: var(--bg-color);
}
.service-body .wp-block-group.has-background+.wp-block-group.has-background{
  --mt:14px;
}
.service-body .wp-block-group.has-primary-blue-background-color{
  --bg-color:var(--color-primary);
}
.service-body .wp-block-group.has-pale-yellow-background-color{
  --bg-color:#fffada;
}

.service-body .wp-block-button__link{
  display: inline-block;
  width: 180px;
  color: #fff;
  text-decoration: none;
  padding: 16px 20px;
  background-color:  var(--color-secondary);
  border:  var(--color-secondary) solid 2px;
  border-radius: 30px;
  font-weight: bold;
  transition: all ease .3s;
  font-size: 16px;
}
.service-body .wp-block-button__link:hover{
  background-color: #fff;
  color: var(--color-primary);;
  border-color: var(--color-primary);
}

.service-body *+.wp-element-caption{
  margin-top: 10px;
}
.service-body .wp-block-table{
  overflow-x: visible;
}
.service-body .wp-block-table table{
  --th-color: var(--color-primary);
  --td-color1:#c6daf0;
  --td-color2:#dce6f2;
  width: 100%;
  color: #00235f;
  border-collapse: inherit;
  border-spacing: revert;
  margin-top: 40px;
}
.service-body .wp-block-table table.has-type-a-background-color{
  --th-color: #B25751;
  --td-color1:#E4D1D1;
  --td-color2:#F2E9E9;
}
.service-body .wp-block-table table.has-type-b-background-color{
  --th-color: #f6944c;
  --td-color1:#fcddd0;
  --td-color2:#fdefe9;
}
.service-body .wp-block-table table.has-type-c-background-color{
  --th-color: #5A80B8;
  --td-color1:#c6daf0;
  --td-color2:#dce6f2;
}
.service-body .wp-block-table table.has-type-d-background-color{
  --th-color: #65AAC3;
  --td-color1:#c6def0;
  --td-color2:#dcebf2;
}

.service-body .wp-block-table table td, .service-body .wp-block-table table th {
  padding: 10px;
  line-height: 1.8;
  border: none;
}

.service-body .wp-block-table table th{
  color: #fff;
  background-color: var(--th-color);
  text-align: center;
  font-weight: bold;
}

.service-body .wp-block-table table td{
  background-color: var(--td-color1);
}

.service-body .wp-block-table table tr:nth-child(even) td{
  background-color:  var(--td-color2);
}

.point-area{
  font-weight: bold;
}

.point-area strong{
  color: var(--color-red);
}

.service-body .block-section-title4 {
  --color:#0ab2ee;
  color: var(--color);
  font-size: 28px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  padding-bottom: 2px;
  border-bottom: 4px solid #f5eb2d;
}