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

	Syntax - SP First

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

	cmpPolicyArea

--------------------------------------------------- */
.cmpPolicyArea{
  margin: 0 0 3rem;
}
.cmpPlcyInr{
  margin: 0 auto;
  padding: 0 20px;
}
.cmpPlcyGrp{
  align-items: center;
  border: 2px rgba(153,152,151,1) solid;
  border-radius: 10px;
  display: flex;
  height: 400px;
  justify-content: center;
  margin: 0 auto;
}
.cmpPlcyGrpCnt{}
.cmpPlcyThm{
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 2rem;
  text-align: center;
}
.cmpPlcyLst{
  align-items: flex-start;
  display: flex;
  justify-content: center;
}
.cmpPlcyItm{
  margin: 0 1.5rem;
  width: 40px;
}

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

	cmpPilosophyArea

--------------------------------------------------- */
.cmpPilosophyArea{
  background-color: rgba(254,242,229,1);
  margin: 0 0 4rem;
  padding: 2rem 0 3rem;
}
.cmpPlsyThm{
  border-bottom: 2px rgba(255,255,255,1) solid;
  font-size: 1.75rem;
  font-weight: 600;
  margin: 0 0 2rem;
  padding: 0 0 1.5rem;
  text-align: center;
}
.cmpPlsySubThm{
  margin: 0 0 2rem;
  text-align: center;
}
.cmpPlsySubThmTxt{
  display: block;
  font-family: 'Shippori Mincho', serif;
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 0 0 0.3rem;
}
.cmpPlsySubThmTxt:last-of-type{
  margin: 0;
}
.cmpPlsyInr{}
.cmpPlsyCnt{
  margin: 0 0 3rem;
}
.cmpPlsyTopBlk{
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1rem;
}
.cmpPlsyTopNteBlk{
  order: 2;
  width: 100%;
}
.cmpPlsyNteBlk{}
.cmpPlsyNte{
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 1rem;
}
.cmpPlsyNte:last-of-type{
  margin: 0;
}
.cmpPlsyTopFigBlk{
  margin: 0 0 1rem;
  order: 1;
  width: 100%;
}
.cmpPlsyTopFig{
  margin: 0 auto;
  text-align: center;
}
.cmpPlsyNameBlk{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cmpPlsyNamePosi{}
.cmpPlsyNameFig{
  margin: 0.5rem 0 0;
}
.cmpPlsyName{}

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

	cmpDataArea

--------------------------------------------------- */
.cmpDataArea{
  margin: 0 0 2rem;
}
.cmpDataInr{}
.cmpDataThm{
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 1.5rem;
  width: 200px;
}
.cmpDataThmFig{
  margin: 0 0.5rem 0 0;
  width: 60px;
}
.cmpDataThmTxt{
  font-size: 1rem;
  width: calc(100% - 60px);
}
.cmpDataGrp{}
.cmpDataItm{
  display: flex;
  flex-wrap: wrap;
}
.cmpDataSubj,
.cmpDataDtl{}
.cmpDataSubj{
  background-color: rgba(249,237,211,1);
  padding: 1.25rem 10px;
  width: 100%;
}
.cmpDataDtl{
  padding: 1rem 10px;
  width: 100%;
}
.cmpDataDtlLst{}
.cmpDataDtlMenu{
  margin: 0 0 0.5rem;
  line-height: 1.75;
}
.cmpDataDtlMenu:last-of-type{
  margin: 0;
}
.cmpDataDtlMenu.inBlk{
  border-bottom: 1px rgba(131,130,129,1) dashed;
  display: block;
  margin: 0 0 0.2rem;
  padding: 0 0 0.2rem;
}
.cmpDataDtlMenuLnk{
  color: rgba(255, 132, 0, 1);
}
.cmpDataDtlTel{
  color: rgba(255, 132, 0, 1);
  text-decoration: underline;
}

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

	cmpMapArea

--------------------------------------------------- */
.cmpMapArea{
  margin: 0 0 3rem;
}
.cmpMap{
  height: 250px;
}
.cmpMap iframe{}

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

	cmpRouteArea

--------------------------------------------------- */
.cmpRouteArea{
  margin: 0 0 3rem;
}
.cmpRotInr{}
.cmpRotGrp{}
.cmpRotFigBlk{
  margin: 0 0 1rem;
}
.cmpRotFigBlk:last-of-type{
  margin: 0;
}
.cmpRotFig{
  margin: 0 auto;
  text-align: center;
  width: 70%;
}
.cmpRotNteBlk{
  margin: 0 0 2rem;
}
.cmpRotNteBlk:last-of-type{
  margin: 0;
}
.cmpRotNteCnt{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.cmpRotNteCol{
  margin: 0 0 2rem;
  width: 100%;
}
.cmpRotNteCol:last-of-type{
  margin: 0;
}
.cmpRotNteThm{
  align-items: center;
  border: 2px rgba(131,130,129,1) solid;
  border-radius: 10px;
  display: flex;
  font-size: 1.25rem;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  line-height: 1;
  margin: 0 auto 1rem;
  width: 200px;
}
.cmpRotNteLst{}
.cmpRotNteItm{
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 0.3rem;
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.cmpRotNteItm:last-of-type{
  margin: 0;
}

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

	cmpBtmFigArea

--------------------------------------------------- */
.cmpBtmFigArea{
  margin: 0 0 -2px;
}
.cmpBtmFig{}

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

	MediaQuery

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

	Tablet-Mode

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

	cmpPolicyArea

------------------------------------ */
.cmpPolicyArea{}
.cmpPlcyInr{
  width: calc(25rem + ((1vw - 6px) * 54.1176));/*400px ~ 630px*/
  }
.cmpPlcyGrp{
  height: calc(25rem + ((1vw - 6px) * 54.1176));/*400px ~ 630px*/  
  }
.cmpPlcyGrpCnt{}
.cmpPlcyThm{
  font-size: calc(1.75rem + ((1vw - 0.375rem) * 1.8824));/*1.75rem ~ 2.25rem*/
  margin: 0 0 calc(2rem + ((1vw - 0.375rem) * 11.2941));/*2rem ~ 5rem*/
  }
.cmpPlcyLst{}
.cmpPlcyItm{
  width: calc(2.5rem + ((1vw - 6px) * 4.7059));/*40px ~ 60px*/
  }

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

	cmpPilosophyArea

------------------------------------ */
.cmpPilosophyArea{}
.cmpPlsyThm{
  border-bottom: 6px rgba(255,255,255,1) solid;
  }
.cmpPlsySubThm{}
.cmpPlsySubThmTxt{
  font-size: 2rem;
  }
.cmpPlsyInr{}
.cmpPlsyCnt{}
.cmpPlsyTopBlk{}
.cmpPlsyTopNteBlk{}
.cmpPlsyNteBlk{}
.cmpPlsyNte{}
.cmpPlsyTopFigBlk{}
.cmpPlsyTopFig{
  width: 400px;  
  }
.cmpPlsyNameBlk{
  align-items: center;
  }
.cmpPlsyNamePosi{}
.cmpPlsyNameFig{
  margin: 0 0 0 1rem;
  }
.cmpPlsyName{}

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

	cmpDataArea

------------------------------------ */
.cmpDataArea{}
.cmpDataInr{}
.cmpDataThm{
  width: inherit;
  }
.cmpDataThmFig{
  margin: 0 1.25rem 0 0;
  width: auto;
  }
.cmpDataThmTxt{
  font-size: 1.125rem;
  width: auto;
  }
.cmpDataGrp{}
.cmpDataItm{}
.cmpDataSubj,
.cmpDataDtl{}
.cmpDataSubj{
  padding: 1rem 1.5rem;
  width: 180px;
  }
.cmpDataDtl{
  padding: 1rem 1.5rem;
  width: calc(100% - 180px);
  }
.cmpDataDtlLst{}
.cmpDataDtlMenu{}
.cmpDataDtlMenu.inBlk{
  border-bottom: none;
  display: inline-block;
  margin: 0;
  padding: 0.5rem 1em 0.5rem 0;
  }
.cmpDataDtlMenuLnk{}
.cmpDataDtlTel{
  color: rgba(1,0,0,1);
  text-decoration: none;
  }
/* scheme */
.cmpDataItm:nth-of-type(odd) .cmpDataSubj{
  background-color: rgba(249,237,211,1);
  }
.cmpDataItm:nth-of-type(odd) .cmpDataDtl{
  background-color: rgba(234,236,237,1);
  }
.cmpDataItm:nth-of-type(even) .cmpDataSubj{
  background-color: rgba(252,246,232,1);
  }
.cmpDataItm:nth-of-type(even) .cmpDataDtl{
  background-color: rgba(255,255,255,1);
  }

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

	cmpMapArea

------------------------------------ */
.cmpMapArea{}
.cmpMap{
  height: calc(15.625rem + ((1vw - 6px) * 51.7647));/*250px ~ 470px*/
  }
.cmpMap iframe{}

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

	cmpRouteArea

------------------------------------ */
.cmpRouteArea{}
.cmpRotInr{}
.cmpRotGrp{}
.cmpRotFigBlk{}
.cmpRotFig{
  width: inherit;
  }
.cmpRotNteBlk{
  margin: 0 0 3rem;
  }
.cmpRotNteCnt{}
.cmpRotNteCol{
  margin: 0 3rem 0 0;
  width: calc((100% - 3rem) / 2);
  }
.cmpRotNteThm{
  border: 4px rgba(131,130,129,1) solid;
  font-size: 1.5rem;
  height: 50px;
  margin: 0 auto 1.5rem;
  width: 230px;
  }
.cmpRotNteLst{}
.cmpRotNteItm{
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0 0 0.5rem;
  }

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

	cmpBtmFigArea

------------------------------------ */
.cmpBtmFigArea{}
.cmpBtmFig{}

}/* /min-width: 600px */



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

	PC-Mode

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

	cmpPolicyArea

------------------------------------ */
.cmpPolicyArea{
  margin: 0 0 4.625rem;
  }
.cmpPlcyInr{
  padding: 0;
  width: inherit;
  max-width: 757px;
  }
.cmpPlcyGrp{
  height: 630px;  
  }
.cmpPlcyGrpCnt{}
.cmpPlcyThm{
  font-size: 2.25rem;
  margin: 0 0 5rem;
  }
.cmpPlcyLst{}
.cmpPlcyItm{
  margin: 0 2.8125rem;
  }

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

	cmpPilosophyArea

------------------------------------ */
.cmpPilosophyArea{
  margin: 0 0 7.3125rem;
  padding: 2.875rem 0 7.8125rem;
  }
.cmpPlsyThm{
  font-size: 2.25rem;
  margin: 0 0 3.125rem;
  padding: 0 0 1.875rem;
  }
.cmpPlsySubThm{
  margin: 0 0 5rem;
  }
.cmpPlsySubThmTxt{
  font-size: 3rem;
  line-height: inherit;
  margin: 0 0 0.5rem;
  }
.cmpPlsyInr{}
.cmpPlsyCnt{}
.cmpPlsyTopBlk{}
.cmpPlsyTopNteBlk{
  order: 1;
  width: calc((100% - 1rem) - 300px);
  }
.cmpPlsyNteBlk{}
.cmpPlsyNte{
  line-height: 2;
  }
.cmpPlsyTopFigBlk{
  margin: 0 0 0 1rem;
  order: 2;
  width: 300px;
  }
.cmpPlsyTopFig{
  width: inherit;
  }
.cmpPlsyNameBlk{}
.cmpPlsyNamePosi{}
.cmpPlsyNameFig{}
.cmpPlsyName{}

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

	cmpDataArea

------------------------------------ */
.cmpDataArea{
  margin: 0 0 5rem;
  }
.cmpDataInr{}
.cmpDataThm{
  margin: 0 0 2.5rem;
  }
.cmpDataThmFig{}
.cmpDataThmTxt{
  font-size: 1.25rem;
  }
.cmpDataGrp{}
.cmpDataItm{}
.cmpDataSubj,
.cmpDataDtl{
  font-size: 1.125rem;  
  }
.cmpDataSubj{
  padding: 1.25rem 2.5rem;
  width: 210px;
  }
.cmpDataDtl{
  padding: 1.25rem 3rem;
  width: calc(100% - 210px);
  }
.cmpDataDtlLst{}
.cmpDataDtlMenu{
  line-height: inherit;
  margin: 0 0 1rem;
  }
.cmpDataDtlMenu.inBlk{
  padding: 0.5rem 2em 0.5rem 0;
  }
.cmpDataDtlMenuLnk{}
.cmpDataDtlTel{}

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

	cmpMapArea

------------------------------------ */
.cmpMapArea{
  margin: 0 0 4.6875rem;
  }
.cmpMap{
  height: 470px;
  }
.cmpMap iframe{}

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

	cmpRouteArea

------------------------------------ */
.cmpRouteArea{
  margin: 0 0 8.125rem;
  }
.cmpRotInr{}
.cmpRotGrp{}
.cmpRotFigBlk{}
.cmpRotFig{}
.cmpRotNteBlk{}
.cmpRotNteCnt{}
.cmpRotNteCol{
  margin: 0 5rem 0 0;
  width: calc((100% - 5rem) / 2);
  }
.cmpRotNteThm{}
.cmpRotNteLst{}
.cmpRotNteItm{}

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

	cmpBtmFigArea

------------------------------------ */
.cmpBtmFigArea{}
.cmpBtmFig{}

}/* /min-width: 1025px */

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

	PC-Mode Irregular

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

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

	cmpPilosophyArea

------------------------------------ */
.cmpPilosophyArea{
  margin: 0 0 7.3125rem;
  padding: 2.875rem 0 7.8125rem;
  }
.cmpPlsyThm{
  font-size: 2.25rem;
  margin: 0 0 3.125rem;
  padding: 0 0 1.875rem;
  }
.cmpPlsySubThm{
  margin: 0 0 5rem;
  }
.cmpPlsySubThmTxt{
  font-size: 3rem;
  margin: 0 0 0.5rem;
  }
.cmpPlsyInr{}
.cmpPlsyCnt{
  margin: 0 0 11.25rem;
  }
.cmpPlsyTopBlk{
  margin: 0 0 1rem;
  }
.cmpPlsyTopNteBlk{
  width: calc((100% - 2.5rem) - 510px);
  }
.cmpPlsyNteBlk{}
.cmpPlsyNte{
  font-size: 1.125rem;
  line-height: 2;
  margin: 0 0 2rem;
  }
.cmpPlsyTopFigBlk{
  margin: 0 0 0 2.5rem;
  width: 510px;
  }
.cmpPlsyTopFig{}
.cmpPlsyNameBlk{}
.cmpPlsyNamePosi{}
.cmpPlsyNameFig{
  margin: 0 0 0 1rem;
  }
.cmpPlsyName{}

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

	cmpDataArea

------------------------------------ */
.cmpDataArea{}
.cmpDataInr{}
.cmpDataThm{}
.cmpDataThmFig{}
.cmpDataThmTxt{}
.cmpDataGrp{}
.cmpDataItm{}
.cmpDataSubj,
.cmpDataDtl{}
.cmpDataSubj{}
.cmpDataDtl{}
.cmpDataDtlLst{}
.cmpDataDtlMenu{}
.cmpDataDtlMenu.inBlk{}
.cmpDataDtlMenuLnk{}
.cmpDataDtlTel{}

}/* /min-width: 1200px */

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

	PC-Mode Irregular

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