#main {
	background-image: url(/product/trantixxii/portfolio/images/main_bg.jpg);
	background-size: cover;
	background-position: center;
	margin-bottom: 68px;
}
#main>div{
	height: 350px;
	color: #fff;
	position: relative;
}
#main h1 {
	font-size: 50px;
	font-weight: bold;
	position: absolute;
	top: 100px;
	width: 480px;
	text-align: center;
}
#main p {
	font-size: 18px;
	position: absolute;
	top: 180px;
	width: 480px;
	text-align: center;
}
#main_image {
	position: absolute;
	top: 40px;
	right: 76px;
}

#main_2nd {
	background-image: url(/product/trantixxii/portfolio/images/main_2nd_bg.jpg);
	background-size: cover;
	background-position: center;
	margin-bottom: 0;
}
#main_2nd>div{
	height: 150px;
	color: #fff;
	position: relative;
}
#main_2nd h1 {
	font-size: 40px;
	font-weight: bold;
	margin-top: 25px;
}

#main_2nd h1 span {
	font-size: 20px;
}



#portfolio_filter_area {
	background-color: #ececec;
	padding: 50px 0;
}

#portfolio_text {
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 40px;
}

#portfolio_filter {
	background-color: #fff;
}

#portfolio_filter>table {
	border-collapse: collapse;
	margin: 0 30px;
}
#portfolio_filter>table th {
	padding: 25px 30px 25px 0;
	color: #729929;
	text-align: left;
	font-size: 18px;
}
#portfolio_filter>table tr {
}
#portfolio_filter>table td {
	padding: 25px 0;
	font-size: 13px;
}
#portfolio_filter>table td a {
	padding: 6px 10px;
	background-color: #f4f4f4;
	border: 1px solid #cfcfcf;
	margin-right: 10px;
	border-radius: 100px;
    cursor: pointer;
}

#portfolio_filter>table td#filter_genre a{
    display: inline-block;
    margin: 0.2em 0;
}


#portfolio_filter>table tr:not(:last-child) td, #portfolio_filter>table tr:not(:last-child) th {
	border-bottom: 1px solid #919191;
}

#portfolio_filter>table td:not(#filter_color) a.on,
#filter_color>a.on:last-child{
	background-color: #b9c999;
	color: #fff;
}
#filter_color {
	overflow: hidden;
}
#filter_color>a:not(:last-child) {
	display: block;
	width: 20px;
	height: 20px;
	padding: 0 !important;
	background-color: #f4f4f4;
	border: 1px solid #cfcfcf;
	margin-right: 12px;
	border-radius: 0 !important;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	float: left;
}
#filter_color>a:last-child{
	padding: 5px 10px;
}
.color_gold {
	background-color: #ffc000 !important;
	border-width: 2px !important;
}
.color_gray {
	background-color: #a6a6a6 !important;
	border-width: 2px !important;
}
.color_pink {
	background-color: #ed5fe3 !important;
	border-width: 2px !important;
}
.color_green {
	background-color: #33a82a !important;
	border-width: 2px !important;
}
.color_charcoal {
	background-color: #8c7259 !important;
	border-width: 2px !important;
}
.color_black {
	background-color: #000000 !important;
	border-width: 2px !important;
}
.color_blue {
	background-color: #014099 !important;
	border-width: 2px !important;
}

.color_white {
	background-color: #ffffff !important;
	border-width: 2px !important;
}

#filter_color a.on:not(:last-child) {
	border: 2px solid #729929;
}


#portfolio_list {
	padding: 82px 0 0;
}
#portfolio_list>div {
	width: 1000px !important;
}

#portfolio_list h2{
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
#portfolio_list h2 em{
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
}


#portfolio_list_units>div {
	width: 230px;
	float: left;
	margin-bottom: 0px;
	height: 320px;
	margin-left: 10px;
	margin-right: 10px;
}
#portfolio_unit_image {
	margin-bottom: 10px;
}
#portfolio_unit_completion {
	font-size: 12px;
	line-height: 1;
	margin-bottom: 4px;
}
#portfolio_unit_name {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 5px;
}
#portfolio_unit_finish {
	margin-bottom: 10px;
	padding: 2px 0;
}
#portfolio_unit_finish>span {
	font-size: 12px;
	background-color: #edeeee;
	border: 1px solid #cfcfcf;
	padding: 2px 5px;
	line-height: 1;
}

#portfolio_list_units>div.off {
	display: none;
}

.hide {
	display: none;
}

.detail_box {
	overflow: hidden;
	width: 861px;
	height: 365px;
	padding: 50px 50px 30px;
}

.detail_box_image {
	width: 472px;
	height: 365px;
	float: left;
	font-size: 12px;
	text-align: right;
}
.detail_box_image img {
	margin-bottom: 5px;
}


.detail_box_area {
	width: 341px;
	float: right;
	color: #fff;
	background-color: #c2d3a7;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 3px 0;
}
.detail_box_area>span {
	margin: 0 15px;
}

.detail_box_completion {
	width: 341px;
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #729929;
	margin-bottom: 10px;
}
.detail_box_name {
	width: 341px;
	float: right;
	font-size: 24px;
	font-weight: bold;
	color: #729929;
	margin-bottom: 10px;
}
.detail_box_link {
	width: 341px;
	float: right;
	text-align: center;
}
.detail_box_link>a {
	font-size: 16px;
	color: #fff;
	background-color: #74982a;
	padding: 10px 40px;
	margin-right: 10px;
	border-radius: 100px;
	line-height: 1;
}
.detail_box_table {
	width: 341px;
	float: right;
    border-collapse: separate;
    border-spacing: 0px 5px;
	margin-bottom: 40px;
}
.detail_box_table th{
	width: 28%;
	background-color: #ececec;
	color: #729929;
	font-weight: bold;
	font-size: 12px;
	padding: 3px;

}
.detail_box_table td{
	font-size: 12px;
	padding: 3px 10px 3px 24px;
}
.detail_box_table .bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #34495e;
    white-space: nowrap;
    overflow: hidden;
	padding: 0;
}

.detail_box_table .detail_colors {
	overflow: hidden;
}
.detail_box_table .detail_colors a {
	display: block;
	width: 12px;
	height: 12px;
	padding: 0 !important;
	background-color: #f4f4f4;
	border: 1px solid #cfcfcf;
	margin-right: 4px;
	border-radius: 0 !important;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	float: left;
}
.detail_box_table .detail_colors div {
	float: left;
	margin-right: 12px;
	line-height: 1.2;
}


#portfolio_case {
    margin: 30px auto 100px;
}

#portfolio_case #portfolio_caseHead {
    border-top: 3px solid #74982a;  
    background: #EFEFEF;
}

.case_area {
	color: #fff;
	background-color: #c2d3a7;
	font-size: 14px;
    font-weight: bold;
	padding: 2px 10px;
}
.case_completion {
 	color: #729929;
    font-weight: bold;
	padding: 10px 10px 3px;
}   
#portfolio_case h2 {
    font-size: 24px;
    line-height: 1;
	padding: 0 10px 15px;
}


#portfolio_case #portfolio_caseBody,
#portfolio_case #portfolio_caseBodyWide {
	overflow: hidden;
    margin: 40px auto;
}

.caseBody_image {
	width: 300px;
	float: left;
    font-size: 14px;
}
#portfolio_case #portfolio_caseBodyWide>.caseBody_image {
	width: 500px;
}

.caseBody_image img {
    width: 100%;
	margin-bottom: 5px;
}
.caseBody_lead {
    width: 625px;
	float: right;
    margin-bottom: 20px;
}
.caseBody_lead span{
    font-size: 14px;
}
#portfolio_case #portfolio_caseBodyWide>.caseBody_lead {
    width: 430px;
	line-height: 1.5;
}


.caseBody_table {
	width: 625px;
	float: right;
    border-collapse: collapse;
    border-spacing: 0px 5px;
}

#portfolio_case #portfolio_caseBodyWide>.caseBody_table {
	width: 430px;
}

.caseBody_table th{
	width: 20%;
	background-color: #ececec;
	color: #729929;
	font-weight: bold;
	font-size: 14px;
	padding: 0.5em 1em;
}
.caseBody_table thead th{
	background-color: #FFF;
    text-align: left;
	font-size: 16px;
}
.caseBody_table td{
	font-size: 14px;
	padding: 0.5em 1em;
}
.caseBody_table .bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #34495e;
    white-space: nowrap;
    overflow: hidden;
	padding: 0;
}

.portfolio_casePhoto {
    overflow: hidden;
    margin: 40px auto;
}

.casePhoto_imageL {
	width: 300px;
	float: left;
    font-size: 14px;
}
.casePhoto_imageR {
	width: 625px;
	float: right;
    font-size: 14px;
    text-align: center;
}
.casePhoto_imageC {
    width: 600px;
	margin: 0 auto;
    font-size: 14px;
    text-align: center;
}
.casePhoto_imageW {
    width: 960px;
	margin: 0 auto;
    font-size: 14px;
    text-align: center;
}
.casePhoto_imageL img {
	margin-bottom: 5px;
}
.casePhoto_imageR img {
	margin: 0 10px 5px;
}
.casePhoto_imageC img {
    width: auto;
    max-width: 100%;
	margin-bottom: 5px;
}
.casePhoto_imageW img {
    width: auto;
	margin: 0 10px 5px;
}
.portfolio_caseTxt {
    overflow: hidden;
    margin: 40px auto;
    font-size: 14px;
}
.portfolio_caseTxt img.floatL {
    float: left;
    margin: 0 20px 5px 0;
 }   
.portfolio_caseBtn {
	text-align: center;
}
.portfolio_caseBtn a {
    background: #74982a none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    margin: 25px auto 0;
    padding: 10px 30px;
    width: 18em;
}

/* 20200717 更新 */

#portfolio_list_units>div {
	height: 385px;
}

.detail_box_table .detail_colors a:nth-child(5),
.detail_box_table .detail_colors a:nth-child(9),
.detail_box_table .detail_colors a:nth-child(13){
	clear: both;
}

.detail_box_table .detail_colors a:nth-child(n + 5),
.detail_box_table .detail_colors div:nth-child(n + 6){
	margin-top: 5px;
}

/* 20201127 更新 */

#portfolio_filter>table td#filter_genre a,
#portfolio_filter>table td#filter_use a,
#portfolio_filter>table td#filter_materialstandard a{
	display: inline-block;
	margin: 0.5em 0.8em 0 0;
}

/* 20201208 更新 */

#portfolio_filter>table th{
	width: 12%;
}

.sp_show{
	display: none;
}

/* 表面仕上仕上げ */

#portfolio_filter>table.en tr:nth-child(3) th{
	padding: 25px 30px 25px 0;
}

#portfolio_filter>table tr:nth-child(3) td{
	padding: 45px 0;
}

#portfolio_filter>table td#filter_finish{
	position: relative;
}

#portfolio_filter>table td#filter_finish span{
	content: "";
	display: flex;
    align-items: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	top: 11%;
	position: absolute;
}

#portfolio_filter>table td#filter_finish span:first-child{
    left: 0.3%;
}

#portfolio_filter>table td#filter_finish span:nth-child(2){
	left: 7.7%;
}

#portfolio_filter>table td#filter_finish span:nth-child(3){
	left: 33%;
}

#portfolio_filter>table td#filter_finish span:nth-child(4){
	left: 65.3%;
}

#portfolio_filter>table td#filter_finish span:nth-child(5){
	left: 79.5%;
}

#portfolio_filter>table.en td#filter_finish span:first-child{
    left: 0%;
}

#portfolio_filter>table.en td#filter_finish span:nth-child(2){
	left: 7.85%;
}

#portfolio_filter>table.en td#filter_finish span:nth-child(3){
	left: 33.8%;
}

#portfolio_filter>table.en td#filter_finish span:nth-child(4){
	left: 67.6%;
}

#portfolio_filter>table.en td#filter_finish span:nth-child(5){
	left: 80%;
}

/* 横線 */

#portfolio_filter>table td#filter_finish span:before{
	margin-right: 0.5rem;
}

#portfolio_filter>table td#filter_finish span:after{
	margin-left: 0.5rem;
}

#portfolio_filter>table td#filter_finish span:before,
#portfolio_filter>table td#filter_finish span:after{
	content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #000;
}

#portfolio_filter>table td#filter_finish span:first-child:before,
#portfolio_filter>table td#filter_finish span:first-child:after{
    width: 0px;
}

#portfolio_filter>table td#filter_finish span:nth-child(2):before,
#portfolio_filter>table td#filter_finish span:nth-child(2):after{
	width: 56.5px;
}

#portfolio_filter>table td#filter_finish span:nth-child(3):before,
#portfolio_filter>table td#filter_finish span:nth-child(3):after{
	width: 96.7px;
}

#portfolio_filter>table td#filter_finish span:nth-child(4):before,
#portfolio_filter>table td#filter_finish span:nth-child(4):after{
	width: 0px;
}

#portfolio_filter>table td#filter_finish span:nth-child(5):before,
#portfolio_filter>table td#filter_finish span:nth-child(5):after{
	width: 28.5px;
}


#portfolio_filter>table.en td#filter_finish span:first-child:before,
#portfolio_filter>table.en td#filter_finish span:first-child:after{
    width: 0px;
}

#portfolio_filter>table.en td#filter_finish span:nth-child(2):before,
#portfolio_filter>table.en td#filter_finish span:nth-child(2):after{
	width: 62.6px;
}

#portfolio_filter>table.en td#filter_finish span:nth-child(3):before,
#portfolio_filter>table.en td#filter_finish span:nth-child(3):after{
	width: 105.7px;
}

#portfolio_filter>table.en td#filter_finish span:nth-child(4):before,
#portfolio_filter>table.en td#filter_finish span:nth-child(4):after{
	width: 0px;
}

#portfolio_filter>table.en td#filter_finish span:nth-child(5):before,
#portfolio_filter>table.en td#filter_finish span:nth-child(5):after{
	width: 20.5px;
}

/* 縦線 */

#portfolio_filter>table td#filter_finish a{
	position: relative;
}

#portfolio_filter>table td#filter_finish a:nth-child(7):before,
#portfolio_filter>table td#filter_finish a:nth-child(9):before,
#portfolio_filter>table td#filter_finish a:nth-child(10):before,
#portfolio_filter>table td#filter_finish a:nth-child(13):before,
#portfolio_filter>table td#filter_finish a:nth-child(15):before,
#portfolio_filter>table td#filter_finish a:nth-child(15):after{
	content:"";
	width: 2px;
    height: 10px;
    background-color: #000;
    top: -20.5px;
	position: absolute;
	pointer-events: none;
}


#portfolio_filter>table td#filter_finish a:nth-child(7):before,
#portfolio_filter>table td#filter_finish a:nth-child(10):before,
#portfolio_filter>table td#filter_finish a:nth-child(15):before{
	left: 0;
}

#portfolio_filter>table td#filter_finish a:nth-child(9):before,
#portfolio_filter>table td#filter_finish a:nth-child(13):before,
#portfolio_filter>table td#filter_finish a:nth-child(15):after{
	right: 0;
}



/* 材質規格 */

#portfolio_filter>table td#filter_materialstandard a:last-child{
	margin: 3.0em 0.8em 0 0;
}

#portfolio_filter>table.en td#filter_materialstandard a:last-child{
	margin: 5.0em 0.8em 0 0;
	padding: 6px 25px;
}

#portfolio_filter>table tr:nth-child(5) th{
	padding: 35px 30px 35px 0;
}

#portfolio_filter>table tr:nth-child(5) td{
	padding: 35px 0;
}

#portfolio_filter>table.en tr:nth-child(5) td a{
	padding: 6px 30px;
}

#portfolio_filter>table td#filter_materialstandard{
	position: relative;
}

#portfolio_filter>table td#filter_materialstandard span{
	content: "";
	display: flex;
    align-items: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	top: 7%;
	position: absolute;
}

#portfolio_filter>table.en td#filter_materialstandard span{
	font-size: 11px;
	top: 6%;
	text-align: center;
}

#portfolio_filter>table td#filter_materialstandard span:first-child{
    left: 0.2%;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(2){
	left: 16.4%;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(3){
	left: 34.7%;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(4){
	left: 66%;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(5){
	left: 73.8%;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(6){
	left: 84%;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(7){
	left: 0.2%;
    top: 46.3%;
}

#portfolio_filter>table.en td#filter_materialstandard span:first-child{
    left: 0.15%;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(2){
	left: 26.85%;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(3){
	left: 55.6%;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(4){
	left: 0%;
	top: 45%;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(5){
	left: 13.5%;
	top: 46%;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(6){
	left: 29%;
	top: 54%;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(7){
	left: 41.9%;
    top: 54%;
}

/* 横線 */

#portfolio_filter>table td#filter_materialstandard span:before{
	margin-right: 0.5rem;
}

#portfolio_filter>table td#filter_materialstandard span:after{
	margin-left: 0.5rem;
}

#portfolio_filter>table td#filter_materialstandard span:before,
#portfolio_filter>table td#filter_materialstandard span:after{
	content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #000;
}

#portfolio_filter>table td#filter_materialstandard span:first-child:before,
#portfolio_filter>table td#filter_materialstandard span:first-child:after{
    width: 31px;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(2):before,
#portfolio_filter>table td#filter_materialstandard span:nth-child(2):after{
	width: 28px;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(3):before,
#portfolio_filter>table td#filter_materialstandard span:nth-child(3):after{
	width: 89.5px;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(4):before,
#portfolio_filter>table td#filter_materialstandard span:nth-child(4):after{
	width: 0px;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(5):before,
#portfolio_filter>table td#filter_materialstandard span:nth-child(5):after{
	width: 0px;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(6):before,
#portfolio_filter>table td#filter_materialstandard span:nth-child(6):after{
	width: 0px;
}

#portfolio_filter>table td#filter_materialstandard span:nth-child(7):before,
#portfolio_filter>table td#filter_materialstandard span:nth-child(7):after{
	width: 116px;
}

#portfolio_filter>table.en td#filter_materialstandard span:first-child:before,
#portfolio_filter>table.en td#filter_materialstandard span:first-child:after{
    width: 52.5px;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(2):before,
#portfolio_filter>table.en td#filter_materialstandard span:nth-child(2):after{
	width: 39.4px;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(3):before,
#portfolio_filter>table.en td#filter_materialstandard span:nth-child(3):after{
	width: 115.3px;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(4):before,
#portfolio_filter>table.en td#filter_materialstandard span:nth-child(4):after{
	width: 0px;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(5):before,
#portfolio_filter>table.en td#filter_materialstandard span:nth-child(5):after{
	width: 0px;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(6):before,
#portfolio_filter>table.en td#filter_materialstandard span:nth-child(6):after{
	width: 0px;
}

#portfolio_filter>table.en td#filter_materialstandard span:nth-child(7):before,
#portfolio_filter>table.en td#filter_materialstandard span:nth-child(7):after{
	width: 172.2px;
}

/* 縦線 */

#portfolio_filter>table td#filter_materialstandard a{
	position: relative;
}

#portfolio_filter>table td#filter_materialstandard a:nth-child(8):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(9):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(10):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(11):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(12):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(13):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(17):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(20):before{
	content:"";
	width: 2px;
    height: 10px;
    background-color: #000;
    top: -20.5px;
	position: absolute;
	pointer-events: none;
}

#portfolio_filter>table td#filter_materialstandard a:nth-child(8):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(12):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(17):before{
	left: 0;
}

#portfolio_filter>table td#filter_materialstandard a:nth-child(10):before{
	left: 1px;
}

#portfolio_filter>table td#filter_materialstandard a:nth-child(9):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(11):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(13):before,
#portfolio_filter>table td#filter_materialstandard a:nth-child(20):before{
	right: 0;
}

/* 結晶打消し */
    
#portfolio_filter>table td#filter_finish span:nth-child(5):before, #portfolio_filter>table td#filter_finish span:nth-child(5):after,
#portfolio_filter>table td#filter_finish a:nth-child(15):before,
#portfolio_filter>table td#filter_finish a:nth-child(15):after{
    display: none;
}


@media all and (-ms-high-contrast: none){
  	#portfolio_filter > table:not(.en) td#filter_finish span{
	  top: 10%;
	}
	#portfolio_filter>table:not(.en) td#filter_materialstandard span{
	  top: 8%;
	}
	#portfolio_filter>table:not(.en) td#filter_materialstandard span:nth-child(7){
	  top: 47.3%;
	}
}

@-moz-document url-prefix(){
  #portfolio_filter > table td#filter_genre a, #portfolio_filter > table td#filter_use a, #portfolio_filter > table td#filter_materialstandard a{
	  margin: 0.5em 0.9em 0 0;
	}
	#portfolio_filter>table td#filter_finish span:nth-child(2){
		left: 7.5%;
	}
	
	#portfolio_filter > table td#filter_finish span:nth-child(2)::before, #portfolio_filter > table td#filter_finish span:nth-child(2)::after{
		width: 56.3px
	}
	
	#portfolio_filter>table td#filter_finish span:nth-child(3){
		left: 32.6%;
	}
	
	#portfolio_filter > table td#filter_finish span:nth-child(3)::before, #portfolio_filter > table td#filter_finish span:nth-child(3)::after{
		width: 95.9px;
	}
	
	#portfolio_filter > table td#filter_materialstandard span{
		top: 8%;
	}
	
	#portfolio_filter > table td#filter_materialstandard span:nth-child(2){
		left: 16.5%;
	}
	
	#portfolio_filter > table td#filter_materialstandard span:nth-child(2)::before, #portfolio_filter > table td#filter_materialstandard span:nth-child(2)::after {
		width: 28.5px;
	}
	
	#portfolio_filter > table td#filter_materialstandard span:nth-child(3){
		left: 35%;
	}
	
	#portfolio_filter > table td#filter_materialstandard span:nth-child(7){
		top: 47.3%;
	}
	
	#portfolio_filter > table td#filter_materialstandard span:nth-child(7)::before, #portfolio_filter > table td#filter_materialstandard span:nth-child(7)::after {
		width: 38.3px;
	}
	
	/* 英語版 */
	
	#portfolio_filter > table.en td#filter_finish span:nth-child(2){
		left: 7.8%;
	}
	
	#portfolio_filter > table.en td#filter_finish span:nth-child(2)::before, #portfolio_filter > table.en td#filter_finish span:nth-child(2)::after {
		width: 61.2px;
	}
	
	#portfolio_filter > table.en td#filter_finish span:nth-child(3){
		left: 33.4%;
	}
	
	#portfolio_filter > table.en td#filter_finish span:nth-child(3)::before, #portfolio_filter > table.en td#filter_finish span:nth-child(3)::after {
		width: 104.7px;
	}
	
	#portfolio_filter > table.en td#filter_materialstandard span:nth-child(2) {
		left: 27%;
	}
	
	#portfolio_filter > table.en td#filter_materialstandard span:nth-child(2)::before, #portfolio_filter > table.en td#filter_materialstandard span:nth-child(2)::after {
		width: 39.6px;
	}
	
	#portfolio_filter > table.en td#filter_materialstandard span:nth-child(3) {
		left: 55.9%;
	}
	
	#portfolio_filter > table.en td#filter_materialstandard span:nth-child(3)::before, #portfolio_filter > table.en td#filter_materialstandard span:nth-child(3)::after {
		width: 115.7px;
	}
	
	#portfolio_filter > table.en td#filter_materialstandard span:nth-child(7){
		left: 42.1%;
	}
	
	
}

/* 20210217 追加 */

#portfolio_unit_applytechnology{
	font-size: 12px;
    background-color: #edeeee;
    border: 1px solid #cfcfcf;
    padding: 2px 5px;
    line-height: 1;
	margin-bottom: 10px;
	width: 8em;
}

/* 20210301 追加 */

#main_2nd .btn_area {
    position: absolute;
    top: 16%;
    right: 0;
}

#main_2nd .btn_area a{
	z-index: 10;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 20px;
    margin: 0 auto 0;
    padding: 5px 30px;
    width: 10em;
}

#main_2nd .btn_area a.advantage{
	background: #4d4251 none repeat scroll 0 0;
}

#main_2nd .btn_area a.variation{
	background: #014099 none repeat scroll 0 0;
}

#main_2nd .btn_area a:nth-child(n + 2) {
    margin-top: 20px;
}

/* 20211208 追加 */

#portfolio_list_units div:nth-child(56){
	display: none;
}