@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
	PC
--------------------------------------------------------*/

@media print, screen and (min-width: 961px){

	section.lapping_samples div.section_heading{
		display: flex;
		align-items: flex-end;
		gap: 1.5em;
	}

	section.lapping_samples div.section_heading h2{
		margin-bottom: 0;
	}

	section.lapping_samples div.section_heading p{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		font-weight: 500;
		letter-spacing: 0.08em;
		margin-bottom: 1.2em;
	}

	section.lapping_samples div.sample_intro{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: 2.5vw;
		margin-top: 2.5cqw;
	}

	section.lapping_samples div.sample_intro > p:first-child{
		width: 63%;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		line-height: 1.8;
		letter-spacing: 0.06em;
	}

	section.lapping_samples div.sample_intro p.note{
		font-size: 1.2rem;
		font-size: clamp(calc((1.2rem * 0.739)), 0.92vw, 1.2rem);
		line-height: 1.5;
	}

	section.lapping_samples div.sample_list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 3vw 4%;
		gap: 3cqw 4%;
		margin-top: 3vw;
		margin-top: 3cqw;
	}

	section.lapping_samples div.sample_images{
		display: grid;
		grid-template-columns: 1fr 1.05fr;
		align-items: center;
		gap: 4%;
		line-height: 0;
	}

	section.lapping_samples div.sample_images a{
		overflow: hidden;
		border-radius: 3px;
	}

	section.lapping_samples figure.sample_item figcaption{
		display: flex;
		justify-content: space-between;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		line-height: 1.4;
		margin-top: 0.5em;
	}

	section.lapping_samples figure.sample_item figcaption span:first-child::before,
	section.portfolio figcaption span::before,
	section.coating_removal figcaption::before{
		content: "□ ";
	}

	section.portfolio ul{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 3vw 3%;
		gap: 3cqw 3%;
	}

	section.portfolio div.photo,
	section.coating_removal div.photo{
		border-radius: 3px;
		overflow: hidden;
		line-height: 0;
	}

	section.portfolio figcaption,
	section.coating_removal figcaption{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		line-height: 1.4;
		margin-top: 0.6em;
	}

	section.portfolio figcaption span,
	section.portfolio figcaption small{
		display: block;
	}

	section.portfolio figcaption small{
		font-size: 85%;
		margin-top: 0.3em;
		padding-left: 1.5em;
	}

	section.coating_removal h2 img{
		width: 4.3vw;
		width: 4.3cqw;
		max-width: 56px;
		margin: 0 0 0.1em 0.5em;
	}

	section.coating_removal div.removal_block{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 2vw;
		margin-top: 2cqw;
	}

	section.coating_removal div.removal_block > p{
		width: 48%;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		line-height: 1.8;
		letter-spacing: 0.06em;
	}

	section.coating_removal div.photo_list{
		width: 48%;
		display: flex;
		justify-content: space-between;
	}

	section.coating_removal div.photo_list figure{
		width: 48%;
	}
}

/*--------------------------------------------------------
	SP
--------------------------------------------------------*/

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

	div#page_title div.text_box h2{
		font-size: calc(8rem * 0.375);
		font-size: clamp(calc((8rem * 0.375)), 8.3vw, 8rem);
	}

	section.lapping_samples div.section_heading p{
		font-size: calc(3rem * 0.375);
		font-size: clamp(calc((3rem * 0.375)), 3.12vw, 3rem);
		font-weight: 500;
		letter-spacing: 0.08em;
		margin: -1em 0 2em 3.3em;
	}

	section.lapping_samples div.sample_intro > p:first-child,
	section.coating_removal div.removal_block > p{
		font-size: calc(3.4rem * 0.375);
		font-size: clamp(calc((3.4rem * 0.375)), 3.54vw, 3.4rem);
		line-height: 1.8;
		letter-spacing: 0.06em;
	}

	section.lapping_samples div.sample_intro p.note{
		font-size: calc(2.6rem * 0.375);
		font-size: clamp(calc((2.6rem * 0.375)), 2.7vw, 2.6rem);
		line-height: 1.5;
		margin-top: 2em;
		text-align: right;
	}

	section.lapping_samples div.sample_list{
		margin-top: 8vw;
	}

	section.lapping_samples figure.sample_item + figure.sample_item{
		margin-top: 10vw;
	}

	section.lapping_samples div.sample_images{
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		gap: 4%;
		line-height: 0;
	}

	section.lapping_samples div.sample_images a{
		overflow: hidden;
		border-radius: 1vw;
	}

	section.lapping_samples figure.sample_item figcaption{
		display: flex;
		justify-content: space-between;
		font-size: calc(2.8rem * 0.375);
		font-size: clamp(calc((2.8rem * 0.375)), 2.91vw, 2.8rem);
		line-height: 1.4;
		margin-top: 0.7em;
	}

	section.lapping_samples figure.sample_item figcaption span:first-child::before,
	section.portfolio figcaption span::before,
	section.coating_removal figcaption::before{
		content: "□ ";
	}

	section.portfolio ul{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8vw 6%;
	}

	section.portfolio div.photo,
	section.coating_removal div.photo{
		border-radius: 1vw;
		overflow: hidden;
		line-height: 0;
	}

	section.portfolio figcaption,
	section.coating_removal figcaption{
		font-size: calc(2.8rem * 0.375);
		font-size: clamp(calc((2.8rem * 0.375)), 2.91vw, 2.8rem);
		line-height: 1.4;
		text-indent: -1.25em;
		padding-left: 1.25em;
		margin-top: 0.6em;
	}

	section.portfolio figcaption span,
	section.portfolio figcaption small{
		display: block;
	}

	section.portfolio figcaption small{
		font-size: 85%;
		text-indent: 0;
		margin-top: 0.3em;
	}
	
	section.coating_removal h2 {
		position: relative;
	}

	section.coating_removal h2 img{
		width: 12vw;
		position: absolute;
		top: 1%;
		right: -5%;
	}

	section.coating_removal div.photo_list{
		display: flex;
		justify-content: space-between;
		margin-top: 8vw;
	}

	section.coating_removal div.photo_list figure{
		width: 47%;
	}
}