@charset 'UTF-8';
.u-technology-tab {
	margin-top : 35px;
	position : relative;
}
@media screen and (min-width: 768px), print {
	.u-technology-tab {
		background : #003145;
		border-bottom : 3px solid #e1261c;
		margin-top : 0;
	}
}
.u-technology-tab .tab-spselect {
	border-bottom : 4px solid #d2d2d2;
}
@media screen and (min-width: 768px), print {
	.u-technology-tab .tab-spselect {
		display : none;
	}
}
.u-technology-tab .tab-spselect .spselect-btn {
	display : block;
	margin : 0 60px;
	background : #003145;
	color : #fff;
	font-family : SuzukiPROBold;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
	padding : 15px 37px 15px 17px;
	position : relative;
}
.u-technology-tab .tab-spselect .spselect-btn:before {
	content : '';
	display : inline-block;
	width : 10px;
	height : 10px;
	border-top : 3px solid #e1261c;
	border-right : 3px solid #e1261c;
	-webkit-transform : rotate(135deg);
	    -ms-transform : rotate(135deg);
	        transform : rotate(135deg);
	position : absolute;
	right : 18px;
	top : 50%;
	margin-top : -8px;
}
.u-technology-tab .tab-spselect.is-open .spselect-btn:before {
	display : none;
}
.u-technology-tab .tab-spselect.is-open .spselect-btn:after {
	content : '×';
	line-height : 1;
	font-size : 21px;
	font-size : 33.6px;
	font-size : 2.1rem;
	color : #e1261c;
	position : absolute;
	right : 15px;
	top : 50%;
	margin-top : -11px;
}
.u-technology-tab .tab-list {
	position : absolute;
	left : 0;
	right : 0;
	background : #003145;
	padding : 0 10px;
	z-index : +10;
	display : none;
}
@media screen and (min-width: 768px), print {
	.u-technology-tab .tab-list {
		display : -webkit-box !important;
		display : -ms-flexbox !important;
		display : flex !important;
		position : relative;
		padding : 0 20px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-technology-tab .tab-list {
		width : 1200px;
		margin : 0 auto;
		padding : 0;
	}
}
.u-technology-tab .tab-list li {
	color : #fff;
	font-family : SuzukiPROBold;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
	padding : 18px 10px;
}
@media screen and (min-width: 768px), print {
	.u-technology-tab .tab-list li {
		width : 25%;
		text-align : center;
	}
}
@media screen and (min-width: 1024px), print {
	.u-technology-tab .tab-list li {
		cursor : pointer;
	}
}
.u-technology-tab .tab-list li + li {
	border-top : 1px solid #d2d2d2;
}
@media screen and (min-width: 768px), print {
	.u-technology-tab .tab-list li + li {
		border-top : none;
	}
}
@media screen and (min-width: 1024px), print {
	.u-technology-tab .tab-list li:hover {
		text-decoration : underline;
	}
}
.u-technology-tab .tab-list li.is-selected {
	color : #e1261c;
}
@media screen and (min-width: 768px), print {
	.u-technology-tab .tab-list li.is-selected {
		background : #e1261c;
		color : #fff;
	}
}
@media screen and (min-width: 1024px), print {
	.u-technology-tab .tab-list li.is-selected:hover {
		text-decoration : none;
	}
}
.u-technology-tab.sync .tab-spselect {
	border-bottom : none;
	border-top : 4px solid #d2d2d2;
}
@media screen and (min-width: 768px), print {
	.u-technology-tab.sync {
		display : block;
		border-top : 3px solid #e1261c;
		border-bottom : none;
	}
}

.u-technology-info {
	margin : 0 10px 35px;
}
@media screen and (min-width: 768px), print {
	.u-technology-info {
		margin : 0 20px 35px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-technology-info {
		width : 1200px;
		margin : 0 auto 80px;
	}
}

.u-technology-include {
	padding : 10px;
}
.u-technology-include .m-txt-tech {
	margin-top : 0;
}

/*テクノロジーページ改修時に追加したスタイル*/
.u-box-tech {
	background : #f4f4f4;
	padding : 15px 10px;
}
@media screen and (min-width: 768px), print {
	.u-box-tech {
		padding : 30px;
		margin : 0 -20px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
		-webkit-box-pack : justify;
		-ms-flex-pack : justify;
		justify-content : space-between;
	}
}
@media print {
	.u-box-tech {
		display : block;
		letter-spacing : -0.40em;
	}
}
@media screen and (min-width: 768px), print {
	.u-box-tech .m-list-def {
		margin-top : 10px;
	}
}
@media screen and (min-width: 768px), print {
	.u-box-tech .m-list-def {
		margin-top : 10px;
	}
}
.u-box-tech .tech-col2 .m-txt-h2 {
	margin-top : 0;
}
@media screen and (min-width: 768px), print {
	.u-box-tech .tech-col2 {
		width : calc(100% / 2);
		width : calc((100% / 2 ) - 0.1px) \0;
		padding : 0 20px;
	}
}
@media print {
	.u-box-tech .tech-col2 {
		width : 50%;
		display : inline-block;
		padding : 0 20px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		vertical-align : top;
		letter-spacing : normal;
	}
}
.u-box-tech .u-tech-list {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
	margin-top : 15px;
}
@media screen and (min-width: 768px), print {
	.u-box-tech .u-tech-list {
		margin : -10px -5px 0 !important;
	}
}
.u-box-tech .u-tech-list li {
	width : calc(100% / 5);
	padding : 0 5px;
	margin-top : 10px;
}
@media screen and (min-width: 768px), print {
	.u-box-tech .u-tech-list li {
		width : calc(100% / 7);
	}
}
@media screen and (min-width: 1024px), print {
	.u-box-tech .u-tech-list li a:hover {
		opacity : 0.8;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	}
}