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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/


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

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

	section.case div.fl_block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 2.3vw;
	}

	section.case div.fl_block div.text_block{
		width: 34.6%;
	}

	section.case div.fl_block div.text_block ul{
		display: block;
	}

	section.case div.fl_block div.text_block ul li{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		line-height: 1.7;
		letter-spacing: 0.04em;
		position: relative;
		padding-left: 3em;
		padding-bottom: 1.75em;
		border-bottom: 1px solid #e5e5e5;
	}

	section.case div.fl_block div.text_block li + li {
		margin-top: 1.75em;
	}

	section.case div.fl_block div.text_block li span.num{
		display: inline-block;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0;
		color: #FFF;
		background: #333;
		padding: 0.2em 0.5em 0.3em;
		border-radius: 3px;
		position: absolute;
		top: 0;
		left: 0;
	}

	section.case div.fl_block div.img_block{
		width: 60.7%;
	}

	section.case div.fl_block div.img_block p.cap{
		font-size: 1.0rem;
		font-size: clamp(calc((1.0rem * 0.739)), 0.76vw, 1.0rem);
		line-height: 1.4;
		margin-top: 0.5em;
		text-align: right;
	}

	section.feature {
		position: relative;
	}

	section.feature figure{
		width: 36%;
		line-height: 0;
		position: absolute;
		top: 0;
		right: -3.1vw;
        right: -3.1cqw;
		z-index: 5;
	}

	section.feature div.fl_block{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		column-gap: 3.9%;
		margin-top: 2vw;
	}

	section.feature div.fl_block + div.fl_block{
		margin-top: 6vw;
	}

	section.feature div.fl_block div.box{
		width: 30%;
	}

	section.feature div.fl_block div.box p{
		font-size: 1.4rem;
	    font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		line-height: 1.7;
		letter-spacing: 0.06em;
	}

	section.effect .effect_unit + .effect_unit{margin-top:5vw}
	section.effect .effect_unit > p{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		line-height: 1.8;
		letter-spacing: 0.06em;
		margin-top:1em
	}

	section.effect h3{
		margin-bottom: 1em;
	}

	section.effect h4{
		font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		font-weight: 400;
		line-height: 1;
		color: #3981bc;
		margin: 2.5em 0 0;
	}
	section.effect .effect_graphs{display:grid;gap:2.5%;margin-top:2vw}
	section.effect .effect_graphs_3{grid-template-columns:repeat(3,1fr)}
	section.effect .effect_graphs_3 figure figcaption{
		font-size: 1.8rem;
	    font-size: clamp(calc((1.8rem * 0.739)), 1.38vw, 1.8rem);
		font-weight: 700;
		padding-left: 4.75em;
	}
	section.effect .effect_graphs_3 figure figcaption.f_min{
		color: #2a71b7;
		font-weight: 400;
	}
	section.effect .effect_caption{
		text-align:center;
		font-size:clamp(.9rem,.76vw,1rem);
		margin-top:.4em!important;
	}
	section.effect .wear_intro{
		display:grid;
		grid-template-columns:62% 35%;
		gap:3%;
		align-items:start;
	}
	section.effect .wear_intro p{
		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.effect .structure_compare{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	section.effect .structure_compare figure{
		width: 45.5%;
	}

	section.effect .structure_compare figure figcaption{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		line-height: 1.4;
		text-align: center;
		color: #FFF;
		background: #aaa;
		padding: 0.35em 0.5em;
		margin-bottom: 0.8em;
	}

	section.effect .structure_compare figure:last-of-type figcaption{
		background: #83acd2;
	}

	section.effect .structure_compare span.arrow{
		width: 5%;
		line-height: 0;
	}

	section.effect .structure_compare span.arrow img{
		width: 100%;
	}

	section.effect .sem_compare figure figcaption,
	section.effect .wear_photos figure figcaption{
		font-size: clamp(.9rem,.84vw,1.1rem);
		text-align: center;
		margin-bottom: .5em;
	}

	section.effect .structure_compare > p{
		width: 100%;
		text-align: center;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
	}
	section.effect .hardness_graphs{
		margin-top: 3vw;
	}

	section.effect .svk_note{
		font-size: 1.5rem;
		font-size: clamp(calc((1.5rem * 0.739)), 1.15vw, 1.5rem);
		text-align: right;
		margin-top: -1.25em !important;
	}

	section.effect .sem_compare{
		margin-top: 0.25em;
	}

	section.effect .sem_compare_inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	section.effect .sem_compare div.untreated_sem {
		width: 20%;
	}

	section.effect .sem_compare span.arrow{
		width: 11.9%;
		line-height: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 15%;
	}

	section.effect .sem_compare span.arrow img{
		width: 22.3%;
	}

	section.effect .sem_compare div.tafflat_sem {
		width: 66.6%;
	}

	section.effect .sem_compare figure figcaption{
		display: flex;
		justify-content: space-between;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		margin-bottom: .5em;
	}

	section.effect .sem_compare figure p,
	section.effect .wear_photos figure p{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		text-align: center;
		color: #333;
		margin-top: .5em;
		position: relative;
	}

	section.effect .sem_compare figure p small{
		font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		display: block;
		color: #5188b5;
	}

	section.effect .sem_compare figure p small.center{
		position: absolute;
		bottom: -1.6em;
		right: -4.5em;
	}

	section.effect .untreated_sem figure p small{
		color: #888;
	}

	section.effect .sem_label{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		text-align: center;
		color: #FFF;
		background: #83acd2;
		padding: .35em .5em;
		margin-bottom: .8em;
	}

	section.effect .untreated_sem .sem_label{
		background: #aaa;
	}

	section.effect .sem_photos{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 3%;
	}

	section.effect .friction_block{
		display: grid;
		grid-template-columns: 1fr 24%;
		gap: 3%;
		margin-top: 3vw;
	}

	section.effect .friction_block h4{
		margin-top: 0;
	}

	section.effect .friction_graph figcaption,
	section.effect .tester_name{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		text-align: center;
		margin-bottom: .8em;
	}

	section.effect .friction_block .tester {
		margin-top: 5%;
	}

	section.effect .test_conditions{
		font-size: 1.2rem;
		font-size: clamp(calc((1.2rem * 0.739)), 0.92vw, 1.2rem);
		line-height: 1.45;
		margin-top: 1em;
	}

	section.effect .test_conditions dl{
		display: grid;
		grid-template-columns: auto 1fr auto 2fr;
		column-gap: .5em;
		margin-top: 0.5em;
	}

	section.effect .test_conditions dd::before{
		content: "： ";
	}

	section.effect .wear_photos{
		margin-top: 3vw;
		padding: 0 0.5%;
	}

	section.effect .wear_photos_inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}

	section.effect .wear_photos span.arrow{
		width: 5.57%;
		line-height: 0;
		position: absolute;
		top: 29%;
		left: 31%;
	}

	section.effect .wear_photos span.arrow img{
		width: 49.1%;
	}

	section.effect .wear_photos div.box {
		width: 29.4%;
	}

	section.effect .wear_photos figure + figure{
		margin-top: 1em;
		position: relative;
	}

	section.effect .wear_photos figure.arrow::after {
		content: "";
		display: inline-block;
		width: 4.5%;
		height: 4.43vw;
		height: 4.43cqw;
		max-height: 57px;
		background: url("../images/tafflat/press/graf08_arrow.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: 20%;
		left: -2%;
		z-index: 5;
	}

	section.effect .wear_photos figure figcaption{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		text-align: left;
		margin-bottom: .5em;
	}

	section.effect .wear_photos figure + figure figcaption{
		text-align: center;
	}

	section.effect .wear_photos figure figcaption.red{
		color: #b92922;
	}
	section.effect .wear_photos figure figcaption.blue{
		color: #4d66a4;
	}
	section.effect .wear_photos figure figcaption.blue2{
		color: #5b98ca;
	}

	section.effect div.wear_photos + .effect_caption{
		font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		color: #2a71b7;
		text-align:center;
		margin-top:.4em!important;
	}

	section.effect a[data-fancybox]{
		display: block;
		line-height: 0;
	}

	section.track_record .record_list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 3.5%;
		row-gap: 4.5vw;
		margin-top: 3vw;
	}

	section.track_record .record_case h4{
		display: flex;
		align-items: center;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		font-weight: 500;
		line-height: 1.4;
		margin-bottom: .5em;
	}

	section.track_record .record_case h4 .num{
		display: inline-flex;
		width: 1.7em;
		height: 1.7em;
		justify-content: center;
		align-items: center;
		font-weight: 700;
		color: #FFF;
		background: #2a71b7;
		border-radius: 50%;
		margin-right: .5em;
	}

	section.track_record .record_case .result{
		font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		line-height: 1.5;
		color: #4787b8;
		margin-bottom: 1em;
	}

	section.track_record .record_media{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	section.track_record .record_media figure.photo{
		width: 53%;
	}

	section.track_record .record_media figure.graph{
		width: 42%;
	}

	section.track_record .record_media a[data-fancybox]{
		display: block;
		line-height: 0;
	}

	section.track_record .record_table{
		overflow: visible;
		margin-top: 1.2vw;
	}

	section.track_record .record_table table{
		width: 100%;
		border-collapse: collapse;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.739)), 1.07vw, 1.4rem);
		line-height: 1.35;
		text-align: center;
		white-space: nowrap;
	}

	section.track_record .record_table th,
	section.track_record .record_table td{
		border: 1px solid #999;
		padding: .8em .35em;
		font-weight: 400;
	}

	section.track_record .record_table thead th{
		color: #333;
		background: #FFF;
	}

	section.track_record .record_table tbody tr:first-child{
		color: #777;
		background: #eee;
	}

	section.track_record .record_table tbody tr:last-child{
		color: #2a71b7;
		background: #dceaf7;
	}

	section.track_record2 .other_record_body{
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		margin-top: 3vw;
	}

	section.track_record2 .other_photos{
		width: 74%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 2.5%;
		row-gap: 1.5vw;
	}

	section.track_record2 .other_photos a{
		display: block;
		line-height: 0;
	}

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

	section.track_record2 .list.narrow{
		width: 21%;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		background: #e8ebef;
		padding: 1em 1em 1.5em;
	}

	section.track_record2 .list.narrow h4{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.739)), 1.23vw, 1.6rem);
		font-weight: 700;
		line-height: 1.3;
		text-align: center;
		background: #FFF;
		padding: .75em 0;
		margin-bottom: 4em;
	}

	section.track_record2 .list.narrow ul{
		width: 80%;
		display: block;
		margin: 0 auto;
	}

	section.track_record2 .list.narrow li{
		font-size: 1.5rem;
		font-size: clamp(calc((1.5rem * 0.739)), 1.15vw, 1.5rem);
		line-height: 1.7;
		padding-left: .75em;
		position: relative;
	}

	section.track_record2 .list.narrow li::before{
		content: "●";
		font-size: 43%;
		color: #80a1c9;
		position: absolute;
		top: 1em;
		left: 0;
	}

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

	section.removal .removal_photos a{
		display: block;
		line-height: 0;
	}

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


}


@media screen and (min-width:961px) and (max-width: 1300px){


}


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

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

	div.page_info div.page_info_inner h1.page_label {
		margin-bottom: 0;
	}

	section.case div.fl_block{
		display: block;
		margin-top: 10vw;
	}

	section.case div.fl_block div.text_block{
		width: 100%;
	}

	section.case div.fl_block div.text_block ul{
		display: block;
	}

	section.case div.fl_block div.text_block ul li{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		font-size: calc(3.4rem * 0.375);
        font-size: clamp(calc((3.4rem * 0.375)), 3.54vw, 3.4rem);
		line-height: 1.7;
		letter-spacing: 0;
		position: relative;
		padding-left: 3em;
		padding-bottom: 1.25em;
		border-bottom: 1px solid #e5e5e5;
	}

	section.case div.fl_block div.text_block li + li {
		margin-top: 1.25em;
	}

	section.case div.fl_block div.text_block li span.num{
		display: inline-block;
		font-size: calc(3.6rem * 0.375);
        font-size: clamp(calc((3.6rem * 0.375)), 3.75vw, 3.6rem);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0;
		color: #FFF;
		background: #333;
		padding: 0.2em 0.5em 0.3em;
		border-radius: 3px;
		position: absolute;
		top: 0;
		left: 0;
	}

	section.case div.fl_block div.img_block{
		width: 100%;
		margin-top: 8vw;
	}

	section.case div.fl_block div.img_block figure{
		width: 200%;
	}

	section.case div.fl_block div.img_block p.cap{
		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;
		text-align: right;
	}

	section.feature {
		position: relative;
	}

	section.feature figure{
		width: 80%;
        margin: 8vw auto 0;
	}

	section.feature div.fl_block{
		display: block;
		margin-top: 6vw;
	}

	section.feature div.fl_block + div.fl_block,
	section.feature div.fl_block div.box + div.box{
		margin-top: 8vw;
	}

	section.feature div.fl_block div.box p{
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc((3.2rem * 0.375)), 3.33vw, 3.2rem);
		line-height: 1.7;
		letter-spacing: 0.06em;
	}

	section.effect .effect_unit + .effect_unit{margin-top:14vw}
	section.effect .effect_unit > p{
		font-size: calc(3.6rem * 0.375);
		font-size: clamp(calc((3.6rem * 0.375)), 3.75vw, 3.6rem);
		line-height: 1.8;
		letter-spacing: 0.06em;
		margin-top:1em
	}
	section.effect h3{
		margin-bottom: 1em;
	}

	section.effect h4{
		font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc(3.2rem * .375), 3.33vw, 3.2rem);
		font-weight: 400;
		line-height: 1;
		color: #3981bc;
		margin: 2.5em 0 0;
	}
	section.effect .effect_graphs{display:grid;gap:5vw;margin-top:7vw}
	section.effect .effect_graphs_3{grid-template-columns:1fr}
	section.effect .effect_graphs_3 figure figcaption{
		font-size: calc(3.6rem * 0.375);
		font-size: clamp(calc((3.6rem * 0.375)), 3.75vw, 3.6rem);
		font-weight: 700;
		padding-left: 5em;
	}
	section.effect .effect_graphs_3 figure figcaption.f_min{
		color: #2a71b7;
		font-weight: 400;
	}
	section.effect .effect_caption{text-align:center;font-size:clamp(calc(2.8rem * .375),2.91vw,2.8rem);margin-top:.5em!important}
	section.effect .wear_intro{display:block}
	section.effect .wear_intro p{
		font-size: calc(3.6rem * 0.375);
        font-size: clamp(calc((3.6rem * 0.375)), 3.75vw, 3.6rem);
		line-height: 1.8;
		letter-spacing: 0.06em;
	}
	section.effect .structure_compare{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin-top: 8vw;
	}

	section.effect .structure_compare figure{
		width: 45.5%;
	}

	section.effect .structure_compare figure figcaption{
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc(3.2rem * .375), 3.33vw, 3.2rem);
		line-height: 1.4;
		text-align: center;
		color: #FFF;
		background: #aaa;
		padding: 0.35em 0.5em;
		margin-bottom: 1.5vw;
	}

	section.effect .structure_compare figure:last-of-type figcaption{
		background: #83acd2;
	}

	section.effect .structure_compare span.arrow{
		width: 5%;
		line-height: 0;
	}

	section.effect .structure_compare span.arrow img{
		width: 100%;
	}

	section.effect .sem_compare figure figcaption,
	section.effect .wear_photos figure figcaption{
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc(3.2rem * .375), 3.33vw, 3.2rem);
		text-align: center;
		margin-bottom: .5em;
	}

	section.effect .structure_compare > p{
		width: 100%;
		text-align: center;
		font-size: calc(2.8rem * 0.375);
		font-size: clamp(calc((2.8rem * 0.375)), 2.91vw, 2.8rem);
		margin-top: 2vw;
	}
	section.effect .svk_note{
		font-size: clamp(calc(2.4rem * .375), 2.5vw, 2.4rem)!important;
		text-align: right;
		margin-top: -2em !important;
	}

	section.effect .sem_compare{
		margin-top: 2vw;
		overflow-x: auto;
		padding-bottom: 4vw;
	}

	section.effect .sem_compare_inner{
		width: 200%;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	section.effect .sem_compare div.untreated_sem{
		width: 20%;
	}

	section.effect .sem_compare span.arrow{
		width: 11.9%;
		display: flex;
		justify-content: center;
		line-height: 0;
		padding-top: 15%;
	}

	section.effect .sem_compare span.arrow img{
		width: 22.3%;
	}

	section.effect .sem_compare div.tafflat_sem{
		width: 66.6%;
	}

	section.effect .sem_compare figure figcaption{
		display: flex;
		justify-content: space-between;
		font-size: clamp(calc(2.8rem * .375), 2.91vw, 2.8rem);
		margin-bottom: 1vw;
	}

	section.effect .sem_compare figure p,
	section.effect .wear_photos figure p{
		font-size: clamp(calc(2.6rem * .375), 2.7vw, 2.6rem);
		text-align: center;
		color: #333;
		margin-top: .5em;
		position: relative;
	}

	section.effect .sem_compare figure p small{
		font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-size: clamp(calc(2.6rem * .375), 2.7vw, 2.6rem);
		display: block;
		color: #5188b5;
	}

	section.effect .sem_compare figure p small.center{
		position: absolute;
		bottom: -1.6em;
		right: -4.5em;
	}

	section.effect .untreated_sem figure p small{
		color: #888;
	}

	section.effect .sem_label{
		font-size: clamp(calc(2.6rem * .375), 2.7vw, 2.6rem);
		text-align: center;
		color: #FFF;
		background: #83acd2;
		padding: .35em .5em;
		margin-bottom: 2vw;
	}

	section.effect .untreated_sem .sem_label{
		background: #aaa;
	}

	section.effect .sem_photos{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 3vw;
	}

	section.effect .friction_block{
		display: block;
		margin-top: 10vw;
	}

	section.effect .friction_block h4{
		margin-top: 0;
		margin-bottom: 1em;
	}

	section.effect .friction_block div.scllor_block figure{
		width: 200%;
	}

	section.effect .friction_graph figcaption,
	section.effect .tester_name{
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc(3.2rem * .375), 3.33vw, 3.2rem);
		text-align: center;
		margin-bottom: 2vw;
	}

	section.effect .tester{
		width: 70%;
		margin: 8vw auto 0;
	}

	section.effect .test_conditions{
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc(3.2rem * .375), 3.33vw, 3.2rem);
		line-height: 1.5;
		margin-top: 3vw;
	}

	section.effect .test_conditions dl{
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 1em;
		margin-top: 0.5em;
	}

	section.effect .test_conditions dd::before{
		content: "：";
	}

	section.effect .wear_photos{
		margin-top: 10vw;
		overflow-x: auto;
		padding-bottom: 4vw;
		padding: 0 1%;
	}

	section.effect .wear_photos_inner{
		width: 200%;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}

	section.effect .wear_photos span.arrow{
		width: 5.57%;
		display: block;
		line-height: 0;
		position: absolute;
		top: 29%;
		left: 31%;
	}

	section.effect .wear_photos span.arrow img{
		width: 49.1%;
	}

	section.effect .wear_photos div.box{
		width: 29.4%;
	}

	section.effect .wear_photos div.box + div.box{
		margin-top: 0;
	}

	section.effect .wear_photos figure + figure{
		margin-top: 3vw;
		position: relative;
	}

	section.effect .wear_photos figure.arrow::after{
		content: "";
		display: inline-block;
		width: 5%;
		height: 8.86vw;
		background: url("../images/tafflat/press/graf08_arrow.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: 20%;
		left: -2%;
		z-index: 5;
	}

	section.effect .wear_photos figure figcaption{
		font-size: clamp(calc(2.8rem * .375), 2.91vw, 2.8rem);
		text-align: left;
		margin-bottom: 1vw;
	}

	section.effect .wear_photos figure + figure figcaption{
		text-align: center;
	}

	section.effect .wear_photos figure figcaption.red{
		color: #b92922;
	}

	section.effect .wear_photos figure figcaption.blue{
		color: #4d66a4;
	}

	section.effect .wear_photos figure figcaption.blue2{
		color: #5b98ca;
	}

	section.effect div.wear_photos + .effect_caption{
		font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-size: calc(2.8rem * 0.375);
		font-size: clamp(calc((2.8rem * 0.375)), 2.91vw, 2.8rem);
		color: #2a71b7;
		text-align: center;
		margin-top: 3vw !important;
	}

	section.effect a[data-fancybox]{
		display: block;
		line-height: 0;
	}

	section.track_record .record_list{
		display: block;
		margin-top: 10vw;
	}

	section.track_record .record_case + .record_case{
		margin-top: 12vw;
	}

	section.track_record .record_case h4{
		display: flex;
		align-items: center;
		font-size: calc(3.6rem * 0.375);
		font-size: clamp(calc((3.6rem * 0.375)), 3.75vw, 3.6rem);
		font-weight: 500;
		line-height: 1.4;
		margin-bottom: .6em;
	}

	section.track_record .record_case h4 .num{
		display: inline-flex;
		width: 1.7em;
		height: 1.7em;
		flex: 0 0 auto;
		justify-content: center;
		align-items: center;
		font-weight: 700;
		color: #FFF;
		background: #2a71b7;
		border-radius: 50%;
		margin-right: .5em;
	}

	section.track_record .record_case .result{
		font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc((3.2rem * 0.375)), 3.33vw, 3.2rem);
		line-height: 1.6;
		color: #4787b8;
		margin-bottom: 4vw;
	}

	section.track_record .record_media{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	section.track_record .record_media figure.photo{
		width: 54%;
	}

	section.track_record .record_media figure.graph{
		width: 43%;
	}

	section.track_record .record_media a[data-fancybox]{
		display: block;
		line-height: 0;
	}

	section.track_record .record_table{
		overflow-x: auto;
		padding-bottom: 4vw;
		margin-top: 4vw;
	}

	section.track_record .record_table table{
		width: 150%;
		border-collapse: collapse;
		font-size: calc(2.8rem * 0.375);
		font-size: clamp(calc((2.8rem * 0.375)), 2.91vw, 2.8rem);
		line-height: 1.35;
		text-align: center;
		white-space: nowrap;
	}

	section.track_record .record_table th,
	section.track_record .record_table td{
		border: 1px solid #999;
		padding: .8em .5em;
		font-weight: 400;
	}

	section.track_record .record_table thead th{
		color: #333;
		background: #FFF;
	}

	section.track_record .record_table tbody tr:first-child{
		color: #777;
		background: #eee;
	}

	section.track_record .record_table tbody tr:last-child{
		color: #2a71b7;
		background: #dceaf7;
	}

	section.track_record2 .other_record_body{
		display: block;
		margin-top: 10vw;
	}

	section.track_record2 .other_photos{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 4%;
		row-gap: 6vw;
	}

	section.track_record2 .other_photos a{
		display: block;
		line-height: 0;
	}

	section.track_record2 .other_photos figcaption{
		font-size: calc(3rem * 0.375);
		font-size: clamp(calc((3rem * 0.375)), 3.12vw, 3rem);
		line-height: 1.4;
		margin-top: .5em;
	}

	section.track_record2 .list.narrow{
		width: 100%;
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc((3.2rem * 0.375)), 3.33vw, 3.2rem);
		background: #e8ebef;
		padding: 5vw;
		margin-top: 10vw;
	}

	section.track_record2 .list.narrow h4{
		font-size: calc(3.6rem * 0.375);
		font-size: clamp(calc((3.6rem * 0.375)), 3.75vw, 3.6rem);
		font-weight: 700;
		line-height: 1.3;
		text-align: center;
		background: #FFF;
		padding: .75em 0;
		margin-bottom: 2em;
	}

	section.track_record2 .list.narrow ul{
		width: 95%;
		display: grid;
		grid-template-columns: 38% 59%;
		column-gap: 3%;
		margin: 0 auto;
	}

	section.track_record2 .list.narrow li{
		font-size: calc(3.2rem * 0.375);
		font-size: clamp(calc((3.2rem * 0.375)), 3.33vw, 3.2rem);
		line-height: 1.8;
		padding-left: .75em;
		position: relative;
	}

	section.track_record2 .list.narrow li::before{
		content: "●";
		font-size: 43%;
		color: #80a1c9;
		position: absolute;
		top: 1em;
		left: 0;
	}

	section.removal .removal_photos{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 4%;
		row-gap: 6vw;
		margin-top: 8vw;
	}

	section.removal .removal_photos a{
		display: block;
		line-height: 0;
	}

	section.removal .removal_photos figcaption{
		font-size: calc(3rem * 0.375);
		font-size: clamp(calc((3rem * 0.375)), 3.12vw, 3rem);
		line-height: 1.4;
		margin-top: .6em;
	}


}