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

	Syntax - SP First

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

	cgrpAnchorArea

--------------------------------------------------- */
.cgrpAnchorArea{
  margin: 0 0 3rem;
}
.cgrpAchrInr{}
.cgrpAchrCnt{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.cgrpAchr{
  margin: 0 0 1rem;
  width: 100%;
}
.cgrpAchr:last-of-type{
  margin: 0;
}
.cgrpAchrLnk{
  align-items: center;
  border: 2px rgba(150,121,190,1) solid;
  box-sizing: border-box;
  color: rgba(150,121,190,1);
  display: inline-flex;
  justify-content: space-between;
  height: 50px;
  padding: 0 10px;
  position: relative;
  width: 100%;
}
.cgrpAchrTxt{
  font-size: 1rem;
}
.cgrpAchrArrw{
  border: 2px rgba(150,121,190,1) solid;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  position: relative;
  width: 20px;
}
.cgrpAchrArrw:before{
  border-bottom: 2px rgba(150,121,190,1) solid;
  border-right: 2px rgba(150,121,190,1) solid;
  content: "";
  display: inline-block;
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,calc(-50% - 2px)) rotateZ(45deg);
  width: 8px;
}

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

	cgrpArea

--------------------------------------------------- */
.cgrpArea{
  margin: 0 0 5rem;
}
.cgrpInr{}
.cgrpCol{
  margin: 0 0 1rem;
}
.cgrpCol:last-of-type{
  margin: 0;
}
.cgrpBlk{
  border-top: 3px rgba(150,121,190,1) solid;
  padding: 1rem 0 0;
}
.cgrpDtlBlk{
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2rem;
}
.cgrpDtlNteBlk{
  order: 2;
  width: 100%;
}
.cgrpDtlNteName{
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 1.5rem;
}
.cgrpDtlNte{
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 1rem;
}
.cgrpDtlNteGLnk{
  color: rgba(150,121,190,1);
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1;
  position: relative;
}
.cgrpDtlNteGLnk:after{
  border-right: 2px rgba(150,121,190,1) solid;
  border-top: 2px rgba(150,121,190,1) solid;
  content: "";
  display: inline-block;
  height: 8px;
  position: absolute;
  right: -2rem;
  top: 50%;
  transform: translateY(calc(-50% + 1px)) rotateZ(45deg);
  width: 8px;
}
.cgrpDtlFigBlk{
  margin: 0 0 1rem;
  order: 1;
  width: 100%;
}
.cgrpDtlFig{}
.cgrpDataBlk{}
.cgrpDataItm{
  display: flex;
  flex-wrap: wrap;
}
.cgrpDataSubj,
.cgrpDataDtl{}
.cgrpDataSubj{
  background-color: rgba(220,209,239,1);
  padding: 1.25rem 10px;
  width: 100%;
}
.cgrpDataDtl{
  padding: 1rem 10px;
  width: 100%;
}
.cgrpDataDtlLst{}
.cgrpDataDtlMenu{
  margin: 0 0 0.5rem;
  line-height: 1.75;
}
.cgrpDataDtlMenu:last-of-type{
  margin: 0;
  }
.cgrpDataDtlMenu.inBlk{
  display: inline-block;
  margin: 0;
}
.cgrpDataDtlMenuLnk{
  color: rgba(255, 132, 0, 1);
}
.cgrpDataDtlTel{
  color: rgba(255, 132, 0, 1);
  text-decoration: underline;
}

.cgrpDataDtlMenuAdrsLst{
  display: flex;
  flex-wrap: wrap;
}
.cgrpDataDtlMenuAdrsItm{}
.cgrpDataDtlMenuAdrsItm.address{}
.cgrpDataDtlMenuAdrsItm.tel{}
.cgrpDataDtlMenuAdrsItm.fax{}
.cgrpDataDtlMenuAdrsItmTelLnk{
  color: rgba(255, 132, 0, 1);
  text-decoration: underline;
}

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

	MediaQuery

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

	Tablet-Mode

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

	cgrpAnchorArea

------------------------------------ */
.cgrpAnchorArea{}
.cgrpAchrInr{}
.cgrpAchrCnt{}
.cgrpAchr{
  margin: 0 1rem 1rem 0;
  width: calc((100% - 1rem) / 2);
  }
.cgrpAchr:nth-of-type(2n){
  margin: 0 0 1rem 0;
  }
.cgrpAchrLnk{
  height: calc(3.125rem + ((1vw - 6px) * 10.5882));/*50px ~ 95px*/
  }
.cgrpAchrTxt{
  font-size: calc(1rem + ((1vw - 0.375rem) * 1.1765));/*1rem ~ 1.3125rem*/
  }
.cgrpAchrArrw{}

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

	cgrpArea

------------------------------------ */
.cgrpArea{}
.cgrpInr{}
.cgrpCol{}
.cgrpBlk{
  border-top: 6px rgba(150,121,190,1) solid;
  }
.cgrpDtlBlk{}
.cgrpDtlNteBlk{
  order: 1;
  width: calc((100% - 1rem) - calc(12.5rem + ((1vw - 6px) * 82.3529)));/*200px ~ 550px*/
  }
.cgrpDtlNteName{}
.cgrpDtlNte{}
.cgrpDtlNteGLnk{}
.cgrpDtlNteGLnk:after{}
.cgrpDtlFigBlk{
  margin: 0 0 0 1rem;
  order: 2;  
  width: calc(12.5rem + ((1vw - 6px) * 82.3529));/*200px ~ 550px*/
  }
.cgrpDtlFig{}
.cgrpDataBlk{}
.cgrpDataItm{}
.cgrpDataSubj,
.cgrpDataDtl{}
.cgrpDataSubj{
  padding: 1rem 1.5rem;
  width: 180px;
  }
.cgrpDataDtl{
  padding: 1rem 1.5rem;
  width: calc(100% - 180px);
  }
.cgrpDataDtlLst{}
.cgrpDataDtlMenu{}
.cgrpDataDtlMenu.inBlk{
  padding: 0.5rem 1em 0.5rem 0;
  }
.cgrpDataDtlMenuLnk{}
.cgrpDataDtlTel{
  color: rgba(1,0,0,1);
  text-decoration: none;
  }

.cgrpDataDtlMenuAdrsLst{}
.cgrpDataDtlMenuAdrsItm{}
.cgrpDataDtlMenuAdrsItm.address{}
.cgrpDataDtlMenuAdrsItm.tel{
  padding: 0 0.5rem;
  }
.cgrpDataDtlMenuAdrsItm.fax{
  padding: 0 0.5rem;
  }
.cgrpDataDtlMenuAdrsItmTelLnk{
  color: rgba(1,0,0,1);
  text-decoration: none;
  }

/* scheme */
.cgrpDataItm:nth-of-type(odd) .cgrpDataSubj{
  background-color: rgba(220,209,239,1);
  }
.cgrpDataItm:nth-of-type(odd) .cgrpDataDtl{
  background-color: rgba(237,231,247,1);
  }
.cgrpDataItm:nth-of-type(even) .cgrpDataSubj{
  background-color: rgba(237,231,247,1);
  }
.cgrpDataItm:nth-of-type(even) .cgrpDataDtl{
  background-color: rgba(255,255,255,1);
  }
}/* /min-width: 600px */



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

	PC-Mode

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

	cgrpAnchorArea

------------------------------------ */
.cgrpAnchorArea{
  margin: 0 0 6.25rem;
  }
.cgrpAchrInr{}
.cgrpAchrCnt{}
.cgrpAchr{
  margin: 0 1.4375rem 0 0;
  width: calc((100% - 4.3125rem) / 4);
  }
.cgrpAchr:nth-of-type(2n){
  margin: 0 1.4375rem 0 0;
  }
.cgrpAchr:nth-of-type(4n){
  margin: 0;
  }
.cgrpAchrLnk{
  height: 95px;
  padding: 0 1.5rem;
  transition: all 0.3s;
  }
.cgrpAchrLnk:hover{
  background-color: rgba(150,121,190,1);
  color: rgba(255,255,255,1);
  }
.cgrpAchrTxt{
  font-size: 1.3125rem;
  line-height: 1.3;
  }
.cgrpAchrArrw{
  height: 34px;
  transition: all 0.3s;
  width: 34px;
  }
.cgrpAchrLnk:hover .cgrpAchrArrw{
  border: 2px rgba(255,255,255,1) solid;
  transform: translateY(5px);
  }
.cgrpAchrArrw:before{
  height: 12px;
  transition: all 0.3s;
  width: 12px;
  }
.cgrpAchrLnk:hover .cgrpAchrArrw:before{
  border-bottom: 2px rgba(255,255,255,1) solid;
  border-right: 2px rgba(255,255,255,1) solid;  
  }

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

	cgrpArea

------------------------------------ */
.cgrpArea{
  margin: 0 0 17.5rem;
  }
.cgrpInr{}
.cgrpCol{
  margin: 0 0 6.875rem;
  }
.cgrpBlk{
  padding: 1.25rem 0 0;
  }
.cgrpDtlBlk{}
.cgrpDtlNteBlk{
  width: calc((100% - 2.1875rem) - 550px);
  }
.cgrpDtlNteName{
  font-size: 2.125rem;
  margin: 0 0 2.125rem;
  }
.cgrpDtlNte{
  font-size: 1.125rem;
  line-height: 2;
  margin: 0 0 2.5rem;
  }
.cgrpDtlNteGLnk{
  font-size: 1.3125rem;
  }
.cgrpDtlNteGLnk:after{
  height: 12px;
  transition: all 0.3s;
  width: 12px;
  }
.cgrpDtlNteGLnk:hover:after{
  right: -2.5rem;
  }
.cgrpDtlFigBlk{
  margin: 0 0 0 2.1875rem;
  width: 550px;
  }
.cgrpDtlFig{}
.cgrpDataBlk{}
.cgrpDataItm{}
.cgrpDataSubj,
.cgrpDataDtl{
  font-size: 1.125rem;
  }
.cgrpDataSubj{
  padding: 1.25rem 2.5rem;
  width: 210px;
  }
.cgrpDataDtl{
  padding: 1.25rem 3rem;
  width: calc(100% - 210px);
  }
.cgrpDataDtlLst{}
.cgrpDataDtlMenu{
  line-height: 1.5;
  margin: 0 0 1rem;
  }
.cgrpDataDtlMenu.inBlk{
  padding: 0.5rem 2em 0.5rem 0;
  }
.cgrpDataDtlMenuLnk{}
.cgrpDataDtlTel{}

.cgrpDataDtlMenuAdrsLst{}
.cgrpDataDtlMenuAdrsItm{}
.cgrpDataDtlMenuAdrsItm.address{
  width: 350px;
  }
.cgrpDataDtlMenuAdrsItm.tel{}
.cgrpDataDtlMenuAdrsItm.fax{}
.cgrpDataDtlMenuAdrsItmTelLnk{}

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

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

	PC-Mode Irregular

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

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

	PC-Mode Irregular

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