:root {
  --KC01: #d70000;
}

#topImageContainer.servicepage01 {
  background-color: rgba(215,0,0,0.10);
}

#topImageContainer.servicepage01 h1 {
  margin-left: -0.5rem;
}

#topImageContainer.servicepage01 h1 > span {
  margin-left: 0.5rem;
}

#topImageContainer.servicepage01 h1 > span.marker {
  padding: 0 1.2rem 0.4rem;
  margin-top: 0.7rem;
  margin-bottom: 0.3rem;
}

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

#topImageContainer.servicepage01 h1 > span.marker {
  padding: 0.1rem 1.2rem 0.4rem;
}

}

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

#topImageContainer.servicepage01 h1 > span.marker {
  padding: 0.2rem 1.2rem 0.4rem;
}

}

.ps_bgRed02 {
  background-color: #d70000;
}

@media screen and (min-width: 1320px) {

.pagecss_topImage1920 {
  display: block;
}

.pagecss_topImage1620 {
  display: none;
}

}

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

.pagecss_topImage1920 {
  display: none;
}

.pagecss_topImage1620 {
  display: block;
}

#topImageContainer img {
  left: 0;
  top: 0;
  transform: none;
}

}

.pagecss_tcKC01 {
  color: var(--KC01);
}

.pagecss_recCap01 {
  font-size: 2.5rem;
  line-height: 4.2rem;
  font-weight: 700;
  color: var(--KC01);
  position: relative;
  text-align: center;
}

.pagecss_recCap01 > span {
  position: relative;
}

.pagecss_recCap01 > span::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3rem;
  width: 0.1rem;
  height: 100%;
  border-left: 1px solid var(--KC01);
  transform: rotate(-20deg);
}

.pagecss_recCap01 > span::after {
  content: "";
  position: absolute;
  top: 0;
  right: -3rem;
  width: 0.1rem;
  height: 100%;
  border-left: 1px solid var(--KC01);
  transform: rotate(20deg);
}

.pagecss_recText01 {
  font-size: 3.5rem;
  line-height: 5.5rem;
  font-weight: 700;
  text-align: center;
}

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

.pagecss_recCap01 {
  font-size: 2.0rem;
  line-height: 3.2rem;
}

.pagecss_recText01 {
  font-size: 2.0rem;
  line-height: 3.2rem;
  text-align: left;
}

}

.pagecss_header_obi01_color{
  color: #ffffff;
  background-color: var(--KC01);
}

.pagecss_balloon01_color01 {
  color: #000000;
  background-color: #ffda57;
}

.pagecss_balloon01_color01::after {
  background-color: #ffda57;
}

.pagecss_balloon01_color02 {
  color: #ffffff;
  background-color: var(--KC01);
}

.pagecss_balloon01_color02::after {
  background-color: var(--KC01);
}

.pagecss_header_obi01_tp {
  background-color: transparent !important;
}

.pagecss_header_number01_color::after {
  background-color: var(--KC01);
}

.pagecss_header_pict01 {
  font-size: 2.0rem;
  line-height: 3.2rem;
  font-weight: 700;
  padding: 0 0 2.3rem 9.0rem;
  margin: 0 0 1.5rem;
  position: relative;
  border-bottom: 1px solid #000000;
  min-height: 8.8rem;
}

.pagecss_header_pict01::before {
  content: "";
  position: absolute;
  top: -1.2rem;
  left: -0.8rem;
  height: 9rem;
  width: 9rem;
}

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

.pagecss_header_pict01 {
  font-size: 2.0rem;
  line-height: 3.0rem;
  padding: 7rem 0 0;
  margin: 2rem 0 2rem;
  border-bottom: none;
  text-align: center;
}

.pagecss_header_pict01::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 6.5rem;
  width: 10.25rem;
}

}

.pagecss_color01 { color: var(--KC01); }
.pagecss_color02 { color: rgba(43,80,104,1.00); }
.pagecss_color03 { color: rgba(255,147,30,1.00); }
.pagecss_color04 { color: rgba(16,145,137,1.00); }

.pagecss_bc01 { border-color: var(--KC01); }
.pagecss_bc02 { border-color: rgba(43,80,104,1.00); }
.pagecss_bc03 { border-color: rgba(255,147,30,1.00); }
.pagecss_bc04 { border-color: rgba(16,145,137,1.00); }

.pagecss_bgc01 { background-color: var(--KC01); }
.pagecss_bgc02 { background-color: rgba(43,80,104,1.00); }
.pagecss_bgc03 { background-color: rgba(255,147,30,1.00); }
.pagecss_bgc04 { background-color: rgba(16,145,137,1.00); }

.pagecss_lsDisc02_color01 li::before { background-color: rgba(215,0,0,0.50); }
.pagecss_lsDisc02_color02 li::before { background-color: rgba(43,80,104,0.50); }
.pagecss_lsDisc02_color03 li::before { background-color: rgba(255,147,30,0.50); }
.pagecss_lsDisc02_color04 li::before { background-color: rgba(16,145,137,0.50); }

.pagecss_vam05rem { vertical-align: 0.5rem; }




.pagecss_note01 {
  font-size: 2.0rem;
  line-height: 3.2rem;
  font-weight: 700;
  background-color: #dfe5e8;
  padding: 0.5rem 0.5rem 0.5rem;
  text-align: center;
}

.pagecss_ulPink {
  position: relative;
}

.pagecss_ulPink::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.4rem;
  height: 100%;
  background: linear-gradient(0deg,var(--KC01) 0%,var(--KC01) 0.3rem,transparent 0.3rem,transparent 100%);
}

.pagecss_spsCaseStudyContainerBg {
  background: linear-gradient(270deg, #ffffff 0%, #ffffff calc(((100% - 120rem) / 2) - 12rem), #faf5f0 calc(((100% - 120rem) / 2) - 12rem), #faf5f0 100%);
  padding: 0 0 4rem;
  margin-bottom: 8rem;
}

.pagecss_header_spsCaseStudy01_color {
  color: #ffffff;
  background-color: var(--KC01);
}

.pagecss_header_spsCaseStudy01_color::before {
  color: var(--KC01);
  background-color: var(--KC01);
}

.pagecss_header_spsCaseStudy02_shoulder_color {
  color: #ffffff;
  background-color: var(--KC01);
}

.pagecss_spsCaseStudy_box02_color {
  color: #ffffff;
  background-color: var(--KC01);
}

.pagecss_spsCaseStudy_box03_color {
  border-color: var(--KC01);
}

.pagecss_spsSpecContainerBg {
  background: linear-gradient(90deg, #ffffff 0%, #ffffff calc(((100% - 120rem) / 2) - 12rem), rgba(215,0,0,0.10) calc(((100% - 120rem) / 2) - 12rem), rgba(215,0,0,0.10) 100%);
}

@media (max-width: 559px) {

.pagecss_spsSpecContainerBg {
  background-color: rgba(215,0,0,0.10);
}

}

.pagecss_lsPoint li {
  list-style: none;
  padding-left: 11rem;
  padding-bottom: 4rem;
  position: relative;
}

.pagecss_lsPoint li:last-of-type {
  padding-bottom: 0;
}

.pagecss_lsPoint li::before {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 0rem;
  width: 10rem;
  height: 3rem;
}

.pagecss_lsPoint li:nth-of-type(1)::before { background: url("../images/pict_point01.png") left top no-repeat; }
.pagecss_lsPoint li:nth-of-type(2)::before { background: url("../images/pict_point02.png") left top no-repeat; }

.pagecss_lsPoint li::after {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  left: calc(50% - 1.5rem);
  width: 3rem;
  height: 3rem;
  background: url("../images/pict_times.png") center center no-repeat;
}

.pagecss_lsPoint li:last-of-type::after {
  display: none;
}

@media (max-width: 559px) {

.pagecss_lsPoint li {
  padding-left: 0;
  padding-top: 3.5rem;
}

.pagecss_lsPoint li::before {
  left: -0.5rem;
}

}

.pagecss_spsCaseStudyContainerMargin {
  margin-bottom: -5rem;
}

@media (max-width: 559px) {

.pagecss_spsCaseStudyContainerMargin {
  margin-bottom: -2rem;
}

}