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

	Layout - AboutUs

	Base

--------------------------------------------------- */
/* ---------------------------------------------------

	Original Class

--------------------------------------------------- */
.inner{padding: 0 15px;}
.introArea {
  padding: 6rem 0 2rem 0;
}
.abtUsMainArea{
  background-color: rgba(199, 0, 11, 1);
  border-bottom: 1px rgba(255,255,255,1.00) solid;  
  /*margin: 0 0 1.875rem 0;*/
  padding: 0 0 4rem 0;
  }
.secArea{/*margin: 0 0 2rem 0;*/}




/* ---------------------------------------------------

	Layout - themeArea

--------------------------------------------------- */
.themeArea{/*margin: -1px 0 2rem;*/}
.themeInner{}
.themeGrp{
  color: #fff;
  display: inline-block;
  }
.themeMainNoteBlk{margin: 0 0 1.5rem 0;}
.themeMainNote{
  font-size: 1.5625rem;
  font-weight: 400;
  }
.themeSubNoteBlk{}
.themeSubNote{font-size: 0.875rem;}

/* ---------------------------------------------------

	Layout - caseArea

--------------------------------------------------- */
.caseArea{
  padding: 5rem 0 0;
}
.caseInner{}
.caseGrp{
  background-color: #fff;
  margin: 0 0 1.25rem 0;
  padding: 0 0 2rem;
  }
.caseGrp:last-of-type{
  margin: 0;
  }
.caseGrpCnt{
  display: flex;
  flex-wrap: wrap;
  }
.caseFigBlk,
.caseNoteBlk{
  width: 100%;
  }
.caseFigBlk .Case01,
.caseFigBlk .Case02,
.caseFigBlk .Case03{
  /* margin: 0 0 2rem 0;
  order: 1; */
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  height: 390px;
  }
.caseFigBlk .Case01{
  background-image: url(/src/image/sec/service/img_service_case_thum01.jpg)
  }
.caseFigBlk .Case02{
  background-image: url(/src/image/sec/service/img_service_case_thum02.jpg)
  }
.caseFigBlk .Case03{
  background-image: url(/src/image/sec/service/img_service_case_thum03.jpg)
  }
.caseNoteBlk{
  align-items: center;
  display: flex;
  justify-content: center;
  order: 2;
  }
.caseNteCnt{
  padding: 0 30px;
  text-align: center;
  }
.caseNteTtlBlk{margin: 0 0 0.8rem 0;}
.caseNteTtlCs{
  display: block;
  font-size: 1em;
  margin: 0 0 0.8rem 0;
  }
.caseNteTtl{
  color: rgba(199, 0, 11, 1);
  font-size: 1.1rem;
  font-weight: 400;
  }
.caseNteListBlk{}
.caseNteList{counter-reset: item;}
.caseNteItem{
  padding: 0 0 0.7em 1em;
  text-align: left;
  text-indent: -1.2em;
  line-height: 1.8;
  }
.caseNteItem:before{
  counter-increment: item;
  content: counter(item)'.';
  padding-right: 0.4em;
  font-weight: bold;
  color: rgba(199, 0, 11, 1);
  }



/* ---------------------------------------------------

	Layout - supportArea

--------------------------------------------------- */
.supportArea{
  padding: 2rem 0 0;
}
.sptInner{padding: 0 15px;}
.sptTtlBlk{
  color: #fff;
  margin: 0 0 1.875rem 0;
  text-align: center;
  }
.sptTtl{
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  }
.sptBodyBlk{color: #fff;}
.sptList{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }
.sptItem{
  margin: 0 15px 1rem 0;
  width: 47%;
  }
.sptItem:nth-child(2n){
  margin: 0 0 1rem 0;
  }
.sptItmCnt{
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  }
.sptFigBlk{
  margin: 0 auto 1rem;
  width: 80%;
  }
.sptFig{
  background-color: #fff;
  background-size: 60%;
  background-position-y: 17px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  padding: 100% 0 0;
  }
.sptFig01{background-image: url("/src/image/common/icon/service01.png");}
.sptFig02{background-image: url("/src/image/common/icon/service02.png");}
.sptFig03{background-image: url("/src/image/common/icon/service03.png");}
.sptFig04{background-image: url("/src/image/common/icon/service04.png");}
.sptFig05{background-image: url("/src/image/common/icon/service05.png");}
.sptFig06{background-image: url("/src/image/common/icon/service06.png");}
.sptNoteBlk{width: 100%;}
.sptNteCnt{}
.sptNteTtlBlk{
  margin: 0 0 0.5rem 0;
  text-align: center;
  }
.sptNteTtl{font-weight: 400;}
.sptNteBlk{}
.sptNte{font-weight: 400;}

/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
@media screen and (min-width: 481px) {
/* ---------------------------------------------------

	MediaQuery - themeArea

--------------------------------------------------- */
} /* -481px */
@media screen and (min-width: 751px) {
.secArea{/*margin: 0 0 5rem 0;*/}
/* ---------------------------------------------------

	Layout - themeArea

--------------------------------------------------- */
.themeArea{}
.themeInner{
  margin: 0 5rem 0;
  text-align: center;
}
.themeGrp{}
.themeMainNoteBlk{margin: 0 0 3.5625rem 0;}
.themeMainNote{font-size: 2.125rem;}
.themeSubNoteBlk{}
.themeSubNote{
  font-size: 1rem;
  line-height: 2;
  }

/* ---------------------------------------------------

	Layout - caseArea

--------------------------------------------------- */
.caseArea{}
.caseInner{}
.caseGrp{}
.caseGrpCnt{}
.caseFigBlk{}
.caseFigBlk .Case01,
.caseFigBlk .Case02,
.caseFigBlk .Case03{}
.caseNoteBlk{}
.caseFigBlk{}
.caseNoteBlk{}
.caseNteCnt{}
.caseNteTtlBlk{}
.caseNteTtlCs{}
.caseNteTtl{}
.caseNteListBlk{}
.caseNteList{}
.caseNteItem{}


/* ---------------------------------------------------

	Layout - supportArea

--------------------------------------------------- */
.supportArea{}
.sptInner{}
.sptTtlBlk{}
.sptTtl{
  font-size: 1.5rem;
  letter-spacing: 0.3em;
  font-weight: 100;
}
.sptBodyBlk{}
.sptList{}
.sptItem{
  margin: 0 1.875rem 3.75rem 0;
  width: 41%;
  }
.sptItem:nth-child(2n){
  margin: 0 0 3.75rem 0;
  }
.sptItmCnt{flex-wrap: nowrap;}
.sptFigBlk{
  margin: 0;
  width: 35%;
  }
.sptFig{}
.sptFig01{}
.sptNoteBlk{width: 65%;}
.sptNteCnt{padding: 0 0 0 1.5rem;}
.sptNteTtlBlk{
  margin: 0 0 0.8rem 0;
  text-align: left;
  }
.sptNteTtl{}
.sptNteBlk{}
.sptNte{letter-spacing: -0.1em;}


} /* -751px */
@media screen and (min-width: 1025px) {
/* ---------------------------------------------------

	Original Class

--------------------------------------------------- */
.inner{
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 15px;
  }
.abtUsMainArea{
  padding: 0 0 5.625rem 0;
  /*padding: 0 0 5.625rem 0;*/
  }
.introArea {
  padding: 6.875rem 0 4.375rem 0;
}



/* ---------------------------------------------------

	Layout - caseArea

--------------------------------------------------- */
.caseArea{
  /*margin: 0 0 5rem;*/
  }
.caseInner{}
.caseGrp{
  margin: 0 0 1.875rem 0;
  padding: 0;
  }
.caseGrpCnt{}
.caseFigBlk,
.caseNoteBlk{
  margin: 0;
  order: 0;
  width: 50%;
  }
.caseFigBlk{}
.caseNoteBlk{}
.caseNteCnt{padding: 0 6.5rem;}
.caseNteTtlBlk{margin: 0 0 1rem 0;}
.caseNteTtlCs{margin:0.8em 0;}
.caseNteTtl{
  font-size: 1.23rem;
  letter-spacing: 0.05rem;
  line-height: 1.6;
  }
.caseNteListBlk{}
.caseNteList{}
.caseNteItem{}



/* ---------------------------------------------------

	Layout - supportArea

--------------------------------------------------- */
.supportArea{
  margin: 0;
  padding: 5rem 0 0;
  }
.sptInner{
  margin: 0 auto;
  max-width: 1150px;
  }
.sptTtlBlk{margin: 0 0 3rem 0;}
.sptTtl{
  font-size: 1.45rem;
  letter-spacing: 0.5rem;
  font-weight: 100;
  }
.sptBodyBlk{}
.sptList{justify-content: space-between;}
.sptItem{
  margin: 0 2rem 3.75rem 0;
  width: 30%;
  }
.sptItem:nth-child(2n){
  margin: 0 2rem 3.75rem 0;
  }
.sptItem:nth-child(3n){
  margin: 0 0 3.75rem 0;
  }
.sptItem:nth-last-child(-n+3){
  margin: 0;
  }
.sptItmCnt{}
.sptFigBlk{}
.sptFig{}
.sptFig01{}
.sptNoteBlk{}
.sptNteCnt{padding: 0 0 0 1.5rem;}
.sptNteTtlBlk{
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  margin: 0 0 0.8rem 0;
  }
.sptNteTtl{}
.sptNteBlk{}
.sptNte{line-height: 1.5rem;}
} /* -1025px */

/* ---------------------------------------------------

	Irregular

--------------------------------------------------- */

/*  下記絶対に真似不可 ここから  */
.underLayer_banner_group{
  padding: 7rem 0 0;
}
.underLayer_banner_inner{}
.underLayer_banner_block{
  padding: 0;
}
.underLayer_banner{}
.underLayer_banner_link{}
.underLayer_banner_fig{}
.underLayer_banner_note{}
/*  下記絶対に真似不可 ここまで  */


/* //////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1024px) {
/*  下記絶対に真似不可 ここから  */
.underLayer_banner_group{
  padding: 1rem 0 2rem;
}
.underLayer_banner_inner{}
.underLayer_banner_block{}
.underLayer_banner{}
.underLayer_banner_link{}
.underLayer_banner_fig{}
.underLayer_banner_note{}
/*  下記絶対に真似不可 ここまで  */
  

/* ---------------------------------------------------

	Layout - caseArea

--------------------------------------------------- */
.caseArea{}
.caseInner{padding: 0 2.5rem;}
.caseGrp{padding: 0;}
.caseGrpCnt{}
.caseFigBlk{}
.caseFigBlk .Case01,
.caseFigBlk .Case02,
.caseFigBlk .Case03{height: 250px;}
.caseNoteBlk{width: 70%}
.caseFigBlk{width: 30%}
.caseNteCnt{}
.caseNteTtlBlk{}
.caseNteTtlCs{}
.caseNteTtl br{display: none;}
.caseNteListBlk{}
.caseNteList{}
.caseNteItem{line-height: 1.3;}

/* ---------------------------------------------------

	Layout - supportArea

--------------------------------------------------- */
.supportArea{}
.sptInner{}
.sptTtlBlk{/*margin: 0 0 3rem 0;*/}
.sptTtl{}
.sptBodyBlk{}
.sptList{padding: 0 0 2rem 0;}
.sptItem{}
.sptItem:nth-child(2n){}
.sptItmCnt{}
.sptFigBlk{width: 25%;}
.sptFig{}
.sptFig01{}
.sptNoteBlk{width: 75%}
.sptNteCnt{}
.sptNteTtlBlk{}
.sptNteTtl{font-size: 1.1rem;}
.sptNteBlk{}
.sptNte{}
} /* -max1024 */


@media screen and (max-width: 750px) {
/*  下記絶対に真似不可 ここから  */
.underLayer_banner_group{}
.underLayer_banner_inner{}
.underLayer_banner_block{
  padding: 0;
  }
.underLayer_banner{}
.underLayer_banner_link{}
.underLayer_banner_fig{}
.underLayer_banner_note{}
/*  下記絶対に真似不可 ここまで  */

/* ---------------------------------------------------

	Original Class

--------------------------------------------------- */
.inner{}
.abtUsMainArea{}
.themeInner {text-align: center;}
.themeArea {/*margin: 0 0 4rem 0;*/}
.themeMainNote {font-size: 1.6rem;}


/* ---------------------------------------------------

	Layout - caseArea

--------------------------------------------------- */
.caseArea{
  padding: 3rem 0 0;
  }
.caseInner{}
.caseGrp{}
.caseGrpCnt{}
.caseFigBlk,
.caseNoteBlk{
  width: 100%;
  height: 250px;
}
.caseFigBlk{}
.caseNoteBlk{}
.caseNteCnt{}
.caseNteTtlBlk{}
.caseNteTtlCs{}
.caseNteTtl{}
.caseNteListBlk{}
.caseNteList{}
.caseNteItem{}

/* ---------------------------------------------------

	Layout - supportArea

--------------------------------------------------- */
.supportArea{}
.sptInner{padding: 2rem 2.5rem 1rem;}
.sptTtlBlk{}
.sptTtl{
  font-weight: 100;
  font-size: 1.5rem;
  letter-spacing: 0.3rem;
}
.sptBodyBlk{}
.sptList{
  padding: 0;
  }
.sptItem{
  width: 100%;
}
.sptInner {
  padding: 2rem 4rem 1rem;
}
.sptItem:nth-child(2n){}
.sptItem:nth-child(3n){}
.sptItem:nth-last-child(-n+3){}
.sptItmCnt{}
.sptFigBlk{
  width: 20%;
  margin: 0 auto 2rem;
}
.sptFig{}
.sptFig01{}
.sptNoteBlk{
  width: 80%;
}
.sptNteCnt{
  width: 90%;
  margin: 0 auto;
}
.sptNteTtlBlk{}
.sptNteTtl{
  text-align: left;
  font-size: 1.rem;
}
.sptNteBlk{}
.sptNte{margin-bottom: 1rem;}

} /* -max750 */


@media screen and (max-width: 480px) {
/* ---------------------------------------------------

	Original Class

--------------------------------------------------- */
.inner{padding: 0rem;}
.abtUsMainArea{}
.themeSubNote{
  font-size: 14px;
  line-height: 1.5rem;
}
.themeInner {padding: 0 2rem;}
.themeMainNote_br{display: inline-block;}
.themeMainNoteBlk {margin: 0 0 1.8rem 0;}
.themeSubNoteBlk{text-align: left;}
.themeMainNote_small{
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
}
.themeSubNoteBlk .pc_only{display: none;}

/* ---------------------------------------------------

	Layout - caseArea

--------------------------------------------------- */
.caseArea{}
.caseInner{padding: 0 1.5rem;}
.caseGrp{}
.caseGrpCnt{}
.caseFigBlk,
.caseNoteBlk{}
.caseFigBlk{}
.caseNoteBlk{height: auto;}
.caseNteCnt{padding: 1.5rem 2rem;}
.caseNteTtlBlk{}
.caseNteTtlCs{}
.caseNteTtl{}
.caseNteTtl br{display: block;}
.caseNteListBlk{}
.caseNteList{}
.caseNteItem {font-size: 14px;}

/* ---------------------------------------------------

	Layout - supportArea

--------------------------------------------------- */
.supportArea{}
.sptInner{
  padding: 2rem 2rem 1rem;
}
.sptTtlBlk{}
.sptTtl{font-size: 1.2rem;}
.sptBodyBlk{}
.sptList{}
.sptItem{}
.sptItem:nth-child(2n){}
.sptItem:nth-child(3n){}
.sptItem:nth-last-child(-n+3){}
.sptItmCnt{}
.sptFigBlk{}
.sptFig{background-size: 70%;}
.sptFig01{}
.sptNoteBlk{}
.sptNteCnt{margin: 0 2rem;}
.sptNteTtlBlk{}
.sptNteTtl{}
.sptNteBlk{}
.sptNte{font-size: 14px;}
} /* -max480 */

/* ---------------------------------------------------

	Irregular

--------------------------------------------------- */
/* //////////////////////////////////////////////////////////////////// */
