/* CSS Document */

.bg-lightblue{
	background:#e1efff;
}

.ps_biPBlu01 {
    border-image: linear-gradient(#e5eff8 0 0) fill 0 / / 0 100vi;
}

.ps_biPBlu01Grd::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;

  left: 50%;
  transform: translateX(-50%);
  width: 100vw;

  background: linear-gradient(
    to bottom,
    #e5eff8 0%,
    #e5eff8 10%,
    #fff 50%
  );

  z-index: -1;
}



.kr8{
	border-radius: 8px;
}

.bgGrGrd{
background: linear-gradient(
  to bottom,
  #fff 0%,
  #fff 80%,
  #d9d9d9 100%
);
}


.addTriangleobj::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;       /* 親の下に出す場合 */
  width: 100%;
  height: 50px;
  background: #fff;

  clip-path: polygon(
    0 0,
    100% 0,
    50% 100%
  );
}


.ld_rirekiBox{
	max-height:180px;
	overflow: auto
}

.ldNo{
	position: absolute;
	right:20px;
	top:-20px;
	max-width: 20%;
	height: auto;
}

.ld_tok1bg{
	background-image: url('../luxdesign/images/ld_02_01.png');
	background-size: cover;
	background-position: center bottom; 
	background-repeat: no-repeat;
}
.ld_tok2bg{
	background-image: url('../luxdesign/images/ld_02_02.png');
	background-size: cover;
	background-position: center bottom; 
	background-repeat: no-repeat;
}
.ld_tok3bg{
	background-image: url('../luxdesign/images/ld_02_03.png');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
	.ld_tok1bg{
		height: 150px;
		background-position: center 80%!important;
	}
	.ld_tok2bg{
		height: 150px;
		background-position: center 80%!important;
	}
	.ld_tok3bg{
		height: 150px;
		background-position: center 40%!important;
	}
	
}



.d-grid{
	display: grid;
}

.grid-auto1fr{
	grid-template-columns:auto 1fr;
}

.cgrid1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 30px;
  row-gap:30px;
}
.cgrid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap:30px;
}
.cgrid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap:30px;
}
.cgrid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap:20px;
}


.gap0 {
    gap: 0!important
}

.gap025r {
    gap: .25rem!important
}

.gap05r {
    gap: .5rem!important
}

.gap1r {
    gap: 1rem!important
}

.gap15r {
    gap: 1.5rem!important
}

.gap3r {
    gap: 3rem!important
}

.rgap0{
	row-gap:0!important;
}

.rgap10{
	row-gap:10px!important;
}

.rgap20{
	row-gap:20px!important;
}

.rgap30{
	row-gap:30px!important;
}

.rgap40{
	row-gap:40px!important;
}

.rgap50{
	row-gap:50px!important;
}

.rgap60{
	row-gap:60px!important;
}

.rgap05r{
	row-gap:0.5rem!important;
}
.rgap1r{
	row-gap:1rem!important;
}
.rgap2r{
	row-gap:2rem!important;
}

@media screen and (max-width: 760px) {
	.mcgrid1,
	.mcgrid2,
	.mcgrid3,
	.mcgrid4,
	.mcgrid5,
	.mcgrid6{
			row-gap: 10px;
	}

	.mcgrid1 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		column-gap: 10px;
	}
	.mcgrid2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
	}
	.mcgrid3 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 10px;
	}
	.mcgrid4 {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 10px;
	}
	.mcgrid5 {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		column-gap: 10px;
	}
	.mcgrid6 {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		column-gap: 10px;
	}



	.mrgap0{
		row-gap:0!important;
	}

	.mrgap10{
		row-gap:10px!important;
	}

	.mrgap20{
		row-gap:20px!important;
	}

	.mrgap30{
		row-gap:30px!important;
	}

	.mrgap40{
		row-gap:40px!important;
	}

	.mrgap50{
		row-gap:50px!important;
	}

	.mrgap60{
		row-gap:60px!important;
	}


}

@media screen and (max-width: 480px) {
	.mmcgrid1,
	.mmcgrid2,
	.mmcgrid3,
	.mmcgrid4,
	.mmcgrid5,
	.mmcgrid6{
			row-gap: 10px;
	}
	
	.mmcgrid1 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		column-gap: 10px;
	}
	.mmcgrid2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
	}
	.mmcgrid3 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 10px;
	}
	.mmcgrid4 {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 10px;
	}
	.mmcgrid5 {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		column-gap: 10px;
	}
	.mmcgrid6 {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		column-gap: 10px;
	}	

	.mmrgap0{
		row-gap:0!important;
	}

	.mmrgap10{
		row-gap:10px!important;
	}

	.mmrgap20{
		row-gap:20px!important;
	}

	.mmrgap30{
		row-gap:30px!important;
	}

	.mmrgap40{
		row-gap:40px!important;
	}

	.mmrgap50{
		row-gap:50px!important;
	}

	.mmrgap60{
		row-gap:60px!important;
	}


}