.maindesign .webfont {
	font-family: "Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

.maindesign h3.checkPoint {
	position: relative;
	font-size: 1.25em;
	font-weight: bold;
	margin: 40px 0 10px 0;
	padding: 0 0 10px 0;
	text-align: left;
	border-bottom: #aaaaaa 2px solid;
	display: flex;
	align-items: center;
}
.maindesign h3.checkPoint span{
	margin: 0 0 0 20px;
}
.maindesign .sampleBox02{
display: flex;
flex-wrap: wrap;
margin: 1em 0;
}
.maindesign .sampleBox02 .imageSamplesTitles{
width: 8%;
box-sizing: border-box;
}
.maindesign .sampleBox02 .imageSamplesTitles li{
text-align: center;
display: flex;
width: 100%;
box-sizing: border-box;
border: 1px solid #ccc;
margin: 0 0 1em 0;
min-height: 280px;
flex-direction: column;
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename{
padding: 0.5em 0;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
display: flex;
justify-content: center;
align-items: center;
background: #eee;
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename:nth-child(1),.maindesign .sampleBox02 .imageSamples li .model:nth-child(1){
min-height: 350px;
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename:nth-child(2),.maindesign .sampleBox02 .imageSamples li .model:nth-child(2){
min-height: 60px;   
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename:nth-child(3),.maindesign .sampleBox02 .imageSamples li .model:nth-child(3){
min-height: 100px;   
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename:nth-child(4),.maindesign .sampleBox02 .imageSamples li .model:nth-child(4){
min-height: 60px;   
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename:nth-child(5),.maindesign .sampleBox02 .imageSamples li .model:nth-child(5){
min-height: 60px;   
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename:nth-child(6),.maindesign .sampleBox02 .imageSamples li .model:nth-child(6){
min-height: 60px;  
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename:nth-child(7),.maindesign .sampleBox02 .imageSamples li .model:nth-child(7){
min-height: 60px;  
}

.maindesign .sampleBox02 .imageSamplesTitles li .tablename:nth-child(1) p{
min-height: 100px;
}
.maindesign .sampleBox02 .imageSamples li .model img{
display: block;
margin: auto;
max-width:100%;
}
_:-ms-lang(x)::-ms-backdrop,.maindesign .sampleBox02 .imageSamples li .model img{
width: 100%;
}
.maindesign .sampleBox02 .imageSamples li .model .compBtn{
background: #EA6D0D;
border-radius: 40px;
font-weight: bold;
width: auto;
height: 100%;
margin: 1em 0 0.5em 0;
color: #FFF;
display: flex;
cursor: pointer;
text-decoration: none;
box-sizing: border-box;
align-items: center;
justify-content: center;
text-align: center;
font-size: 1em;
padding: 0.6em 0.5em;
}
.maindesign .sampleBox02 div.slide {
width: 92%;
}
.maindesign .sampleBox02 .imageSamples {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-content: flex-start;
}
.maindesign .sampleBox02 .imageSamples li {
text-align: center;
width: calc(100% / 6);
display: flex;
box-sizing: border-box;
border: 1px solid #ccc;
margin: 0 0 1em 0;
min-height: 280px;
flex-direction: column;
}
_:-ms-lang(x)::-ms-backdrop,.maindesign .sampleBox02 .imageSamples li {
width: 16.66%;
}
.maindesign .sampleBox02 .imageSamples li .model {
	padding: 0.25em;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
display: flex;
justify-content: center;
align-items: center;
line-height:1.2;
}
@media screen and (max-width: 767px){
	.maindesign .sampleBox02 .imageSamplesTitles{
width: 15%;
}
.maindesign .sampleBox02 div.slide{
overflow-x: auto;
width: 85%;
} 
	.maindesign .sampleBox02 .imageSamples{
width: 900px;
}
	.maindesign .sampleBox02 .imageSamples li .model img{
width: 100%;
		height: 100%;
}
.maindesign .sampleBox02 .imageSamplesTitles li .tablename{
font-size: 0.7em;
}
	.maindesign .sampleBox02 .imageSamples li .model .compBtn{
font-size: 0.8em;
}
}

@media screen and (max-width: 767px){
.maindesign h1 span {
font-size: 8vw;
}
}
@media screen and (max-width: 767px){
.maindesign p.scrolltxt {
color: #E00012;
font-weight: bold;
margin: 15px 0 15px 0;
text-align: left;
}
.maindesign p.scrolltxt span {
padding: 8px 6px;
font-size: 0.95em;
border: 2px solid #E00012;
box-sizing: border-box;
}
}