* {
    margin: 0;
    padding: 0;
    font-size: 14.5px;
    font-family: 'ヒラギノ角ゴ ProN W3', '游ゴシック', sans-serif;
    font-weight: 500;
}

main {
    margin: 80px 0 0 0;
    font-family: 'ヒラギノ角ゴ ProN W3', '游ゴシック', sans-serif;
}





.breadcrumb {
    padding: 2.5px;
    margin: 0 5%;
}

.breadcrumb li{
    display: inline; /*横に並ぶように*/
    list-style: none;
    font-size: 10px;

}

.breadcrumb li:after{/* >を表示*/
    content: '>';
    padding: 0 5px;
    color: #555;
}

.breadcrumb li:last-child:after{
    content: '';
}

.breadcrumb li a {
    text-decoration: none;
}

.breadcrumb li a:hover {
    opacity: 0.5;
}

span {
    font-size: 11px;
}




/*タブ切り替え全体のスタイル*/
.tabs {
margin-top: 50px;
padding-bottom: 40px;
background-color: #ffffff;
width: 100%;
margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
width: calc(100%/2);
height: 50px;
background-color: #d0d0d0;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #4d4d4d;
display: block;
float: left;
text-align: center;
transition: all 0.2s ease;
    font-weight: 500;
    border: solid 0.25px #d0d0d0;
    box-sizing: border-box;
}
.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 60px 0 0 0;
    clear: both;
    overflow: hidden;
    width: 100%;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #ffffff;
color: #4d4d4d;
}






.header-visual-image {
    width: 100%;
    display: block;
}






/*タブ切り替え全体のスタイル*/
.tabs {
margin-top: 50px;
padding: 0 0 60px 0;
background-color: #ffffff;
width: 100%;
margin: 0 auto;
}

















.section-title {
    font-size: 24px;
    text-align: center;
    line-height: 24px;
    font-family: 'Molengo', 'ヒラギノ角ゴ ProN W3', '游ゴシック', sans-serif;
}



.section-subtitle {
    margin: 5px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

.section-contents-img{
    width:50%;
    display:block;
    margin:30px auto;
}
.section-contents-img img{
    width: 100%;
    padding: 10px;
    display: block;
    margin: 0 auto;
    border: solid #d0d0d0 1px;
    box-sizing: border-box;
}

.section-contents {
    width: 80%;
    display: block;
    margin: auto;
    padding: 30px 0;
    text-align: justify;
}

.company-info {
    font-size: 12.5px;
    padding: 30px 0 0 0;
}

#product-info .section-subtitle {
    width: 80%;
    display: block;
    margin: 5px auto 0 auto;
    padding: 0 0 30px 0;
    border-bottom: solid #666666 0.5px;
}

#product-info .section-contents {
    width: 50%;
    display: block;
    margin: 0 auto 0 10%;
}

.bmc-visual {
    width: 100%;
    padding: 0;
    display: block;
    margin: 0 auto;
    border: solid #d0d0d0 1px;
    box-sizing: border-box;
}



#product-info {
    width: 100%;
    display: block;
    overflow: hidden;
}

.product-info-div {
    width: ;
    margin: 50px 0 0 0;
    display: block;
    padding: 0;
    overflow: visible;
    background: #0f0000;
}

.product-info-div div {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0 0 15px 0;
    overflow: visible;
    background: #280000;
}

.new-item-product {
    width: 95%;
    overflow: visible;
    margin: -50px auto 0 auto;
    padding: 50px auto 0 auto;
}








.cp_tab *, .cp_tab *:before, .cp_tab *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab {
margin: 0 auto;
    width: 80%;
}
.cp_tab > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab .cp_tabpanel {
display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
display: block;
}
.cp_tab > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
    color: #808080;

}
.cp_tab > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab .cp_tabpanel {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}

.bmc-tab1-h2 {
    font-size: 28px;
    font-family: serif;
}







.cp_tab_b *, .cp_tab_b *:before, .cp_tab_b *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab_b {
margin: 0 auto;
    width: 80%;
}
.cp_tab_b > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab_b .cp_tabpanel_b {
display: none;
}
.cp_tab_b > input:first-child:checked ~ .cp_tabpanels_b > .cp_tabpanel_b:first-child,
.cp_tab_b > input:nth-child(3):checked ~ .cp_tabpanels_b > .cp_tabpanel_b:nth-child(2),
.cp_tab_b > input:nth-child(5):checked ~ .cp_tabpanels_b > .cp_tabpanel_b:nth-child(3),
.cp_tab_b > input:nth-child(7):checked ~ .cp_tabpanels_b > .cp_tabpanel_b:nth-child(4),
.cp_tab_b > input:nth-child(9):checked ~ .cp_tabpanels_b > .cp_tabpanel_b:nth-child(5),
.cp_tab_b > input:nth-child(11):checked ~ .cp_tabpanels_b > .cp_tabpanel_b:nth-child(6) {
display: block;
}
.cp_tab_b > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab_b > label:hover,
.cp_tab_b > input:focus + label {
    color: #808080;

}
.cp_tab_b > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab_b .cp_tabpanel_b {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}










.cp_tab_c *, .cp_tab_c *:before, .cp_tab_c *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab_c {
margin: 0 auto;
    width: 80%;
}
.cp_tab_c > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab_c .cp_tabpanel_c {
display: none;
}
.cp_tab_c > input:first-child:checked ~ .cp_tabpanels_c > .cp_tabpanel_c:first-child,
.cp_tab_c > input:nth-child(3):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(2),
.cp_tab_c > input:nth-child(5):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(3),
.cp_tab_c > input:nth-child(7):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(4),
.cp_tab_c > input:nth-child(9):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(5),
.cp_tab_c > input:nth-child(11):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(6) {
display: block;
}
.cp_tab_c > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab_c > label:hover,
.cp_tab_c > input:focus + label {
    color: #808080;

}
.cp_tab_c > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab_c .cp_tabpanel_c {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}


.cp_tab_c *, .cp_tab_c *:before, .cp_tab_c *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab_c {
margin: 0 auto;
    width: 80%;
}
.cp_tab_c > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab_c .cp_tabpanel_c {
display: none;
}
.cp_tab_c > input:first-child:checked ~ .cp_tabpanels_c > .cp_tabpanel_c:first-child,
.cp_tab_c > input:nth-child(3):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(2),
.cp_tab_c > input:nth-child(5):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(3),
.cp_tab_c > input:nth-child(7):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(4),
.cp_tab_c > input:nth-child(9):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(5),
.cp_tab_c > input:nth-child(11):checked ~ .cp_tabpanels_c > .cp_tabpanel_c:nth-child(6) {
display: block;
}
.cp_tab_c > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab_c > label:hover,
.cp_tab_c > input:focus + label {
    color: #808080;

}
.cp_tab_c > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab_c .cp_tabpanel_c {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}








.cp_tab_d *, .cp_tab_d *:before, .cp_tab_d *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab_d {
margin: 0 auto;
    width: 80%;
}
.cp_tab_d > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab_d .cp_tabpanel_d {
display: none;
}
.cp_tab_d > input:first-child:checked ~ .cp_tabpanels_d > .cp_tabpanel_d:first-child,
.cp_tab_d > input:nth-child(3):checked ~ .cp_tabpanels_d > .cp_tabpanel_d:nth-child(2),
.cp_tab_d > input:nth-child(5):checked ~ .cp_tabpanels_d > .cp_tabpanel_d:nth-child(3),
.cp_tab_d > input:nth-child(7):checked ~ .cp_tabpanels_d > .cp_tabpanel_d:nth-child(4),
.cp_tab_d > input:nth-child(9):checked ~ .cp_tabpanels_d > .cp_tabpanel_d:nth-child(5),
.cp_tab_d > input:nth-child(11):checked ~ .cp_tabpanels_d > .cp_tabpanel_d:nth-child(6) {
display: block;
}
.cp_tab_d > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab_d > label:hover,
.cp_tab_d > input:focus + label {
    color: #808080;

}
.cp_tab_d > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab_d .cp_tabpanel_d {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}









.cp_tab_e *, .cp_tab_e *:before, .cp_tab_e *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab_e {
margin: 0 auto;
    width: 80%;
}
.cp_tab_e > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab_e .cp_tabpanel_e {
display: none;
}
.cp_tab_e > input:first-child:checked ~ .cp_tabpanels_e > .cp_tabpanel_e:first-child,
.cp_tab_e > input:nth-child(3):checked ~ .cp_tabpanels_e > .cp_tabpanel_e:nth-child(2),
.cp_tab_e > input:nth-child(5):checked ~ .cp_tabpanels_e > .cp_tabpanel_e:nth-child(3),
.cp_tab_e > input:nth-child(7):checked ~ .cp_tabpanels_e > .cp_tabpanel_e:nth-child(4),
.cp_tab_e > input:nth-child(9):checked ~ .cp_tabpanels_e > .cp_tabpanel_e:nth-child(5),
.cp_tab_e > input:nth-child(11):checked ~ .cp_tabpanels_e > .cp_tabpanel_e:nth-child(6) {
display: block;
}
.cp_tab_e > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab_e > label:hover,
.cp_tab_e > input:focus + label {
    color: #808080;

}
.cp_tab_e > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab_e .cp_tabpanel_e {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}



.cp_tab_f *, .cp_tab_f *:before, .cp_tab_f *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab_f {
margin: 0 auto;
    width: 80%;
}
.cp_tab_f > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab_f .cp_tabpanel_f {
display: none;
}
.cp_tab_f > input:first-child:checked ~ .cp_tabpanels_f > .cp_tabpanel_f:first-child,
.cp_tab_f > input:nth-child(3):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(2),
.cp_tab_f > input:nth-child(5):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(3),
.cp_tab_f > input:nth-child(7):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(4),
.cp_tab_f > input:nth-child(9):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(5),
.cp_tab_f > input:nth-child(11):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(6) {
display: block;
}
.cp_tab_f > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab_f > label:hover,
.cp_tab_f > input:focus + label {
    color: #808080;

}
.cp_tab_f > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab_f .cp_tabpanel_f {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}


.cp_tab_f *, .cp_tab_f *:before, .cp_tab_f *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab_f {
margin: 0 auto;
    width: 80%;
}
.cp_tab_f > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab_f .cp_tabpanel_f {
display: none;
}
.cp_tab_f > input:first-child:checked ~ .cp_tabpanels_f > .cp_tabpanel_f:first-child,
.cp_tab_f > input:nth-child(3):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(2),
.cp_tab_f > input:nth-child(5):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(3),
.cp_tab_f > input:nth-child(7):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(4),
.cp_tab_f > input:nth-child(9):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(5),
.cp_tab_f > input:nth-child(11):checked ~ .cp_tabpanels_f > .cp_tabpanel_f:nth-child(6) {
display: block;
}
.cp_tab_f > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab_f > label:hover,
.cp_tab_f > input:focus + label {
    color: #808080;

}
.cp_tab_f > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab_f .cp_tabpanel_f {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}









.cp_tab_z *, .cp_tab_z *:before, .cp_tab_z *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_tab_z {
margin: 0 auto;
    width: 80%;
}
.cp_tab_z > input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none;
}
.cp_tab_z .cp_tabpanel_z {
display: none;
}
.cp_tab_z > input:first-child:checked ~ .cp_tabpanels_z > .cp_tabpanel_z:first-child,
.cp_tab_z > input:nth-child(3):checked ~ .cp_tabpanels_z > .cp_tabpanel_z:nth-child(2),
.cp_tab_z > input:nth-child(5):checked ~ .cp_tabpanels_z > .cp_tabpanel_z:nth-child(3),
.cp_tab_z > input:nth-child(7):checked ~ .cp_tabpanels_z > .cp_tabpanel_z:nth-child(4),
.cp_tab_z > input:nth-child(9):checked ~ .cp_tabpanels_z > .cp_tabpanel_z:nth-child(5),
.cp_tab_z > input:nth-child(11):checked ~ .cp_tabpanels_z > .cp_tabpanel_z:nth-child(6) {
display: block;
}
.cp_tab_z > label {
    width: 150px;
    text-align: center;
position: relative;
display: inline-block;
padding: 10px;
cursor: pointer;
border: 2px solid #666666;
border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.cp_tab_z > label:hover,
.cp_tab_z > input:focus + label {
    color: #808080;

}
.cp_tab_z > input:checked + label {
margin-bottom: -7px;
border-color: #666666;
border-bottom: 2.5px solid #ffffff;/*背景色と同じ*/
border-radius: 6px 6px 0 0;
}
.cp_tab_z .cp_tabpanel_z {
padding: 15px 0 0 0;
border-top: 2px solid #666666;
}






.strong {
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 15px 0;

}





.product-intro-table {
    width: 100%;
    border-collapse: collapse;
}

.product-intro-table tr .theme {
    width: 200px;
    font-weight: 600;
}


table tr td ul li {
    padding-left: 1em;
    text-indent: -1em;
    list-style-position: inside;
}




.product-intro-table tr td {
    padding: 15px 0;
    border-top: solid #808080 1px;
    border-bottom: solid #808080 1px;
}

.bmc-attention {
    padding: 30px 0 0 0;
    text-align: center;
}





.intro-detail-title {
    padding: 0 0 15px 0;
    font-size: 20px;
    font-weight: 600;
    font-family: 'ヒラギノ角ゴ ProN W3', '游ゴシック', sans-serif;
}



.bmc-intro-detail-1-text {
    width: 100%;
    display: block;
    text-align: justify;
    margin: 15px 0 15px 0;
}

.bmc-intro-detail-2 {
    width: 100%;
    display: table;
    margin: 0 0 15px 0;
}

.bmc-system-figure-1-div {
    width: 50%;
    display: table-cell;
}

.bmc-system-figure-1 {
    width: 100%;
    margin:  0;
    padding: 15% 5%;
    border:  solid 0.5px #4d4d4d;
    display: block;
}

.bmc-intro-detail-2-text {
    width: 52.5%;
    display: table-cell;
    text-align: justify;
    vertical-align: middle;
    padding: 0 0 0 2.5%;
}

.topic-title {
    width: 100%;
    display: block;
    margin: 15px 0 15px 0;
    font-size: 20px;
    font-weight: 600;
}

.bmc-intro-detail-3-text {
    width: 100%;
    text-align: justify;
}

.bmc-system-figure-2-3-div {
    width: 100%;
    display: block;
    font-size: 0;
    margin: 0 auto 30px auto;
    justify-content: center;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;

}

.bmc-system-figure-2-3-div div {
    width: 49%;
    display: inline-block;
    margin: 0;


}

.bmc-system-figure-2-3 {
    width: 100%;
    display: block;
    margin: 15px auto 0 auto;
    border: solid #4d4d4d 0.75px;
    box-sizing: content-box;

}

.bmc-intro-detail-4-text {
    width: 100%;
    text-align: justify;
    padding: 0 0 15px 0;
}

.bmc-intro-detail-4 {
    width: 100%;
    margin: 0 0 15px 0;
}







#brand {
    padding: 60px 0 0 0;
}


.triode-logo-div {
    text-align: center;
    margin: 2.5% auto 2.5% auto;
}

.triode-logo-image {
    text-align: center;
    width: 18%;
    border: solid #d0d0d0 1px;
}

.triode-logo-div-sp {
    display: none;
}

.brand-list {
    width: 80%;
    margin: 0 auto;
    font-size: 0;
    justify-content: center;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 2.5% auto 2.5% auto;
}

.brand-list li {
    width: 15%;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.brand-logo-image {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: solid #d0d0d0 1px;
}

.brand-list-sp {
    display: none;
}

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

    main {
        margin: 60px 0 0 0;
    }

    .triode-logo-div {
        display: none;
    }

    .triode-logo-div-sp {
        width: 90%;
        display: block;
        margin: 25px auto 0 auto;
        text-align: center;
    }

     .triode-logo-div-sp li {
        width: 45%;
        display: block;
        margin: auto;
    }

    .triode-logo-image-sp {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        border: solid #d0d0d0 1px;
    }

.brand-list {
    display: none;
    }

    .brand-list-sp {
        width: 80%;
        display: block;
        margin: 25px auto;
    padding: 0;
    font-size: 0;
    justify-content: center;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    }

.brand-list-sp li {
    width: 45%;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 0;
}

    .brand-logo-image-sp {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        border: solid #d0d0d0 1px;
    }

    .brand-list-name {
        margin: 5px 0 0 0;
        text-align: center;
    }

    .brand-list-name a {
        font-size: 13.5px;
        font-weight: 600;
        font-family: 'ヒラギノ角ゴ ProN W3', '游ゴシック', sans-serif;
        text-decoration: underline;
    }
}

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

    .tabs {
        font-size: 8px;
        font-family: 'ヒラギノ角ゴ ProN W3', '游ゴシック', sans-serif;
    }

    .tab_content {
    display: none;
    padding: 30px 0 0 0;
    clear: both;
    overflow: hidden;
    width: 100%;
    }

   .section-contents-img{
    width:100%;
    display:block;
    margin:30px auto;
    }

    .section-contents {
    width: 95%;
    display: block;
    margin: auto;
    padding: 15px 0;
    text-align: justify;
    }

    #product-info .section-subtitle {
    width: 95%;
    display: block;
    margin: 5px auto 0 auto;
    padding: 0 0 30px 0;
    border-bottom: solid #666666 0.5px;
    }

    #product-info .section-contents {
    width: 95%;
    display: block;
    margin: 0 auto;
    }

    .cp_tab > label {
        width: 100px;
    }

    .cp_tab {
        width: 95%;
        font-size: 0.8em;
    }

    .cp_tab > label {
        width: 100px;
    }

    .cp_tab label {
        padding: 0.5em;
    }

    .cp_tab_z {
        width: 95%;
    }

    .cp_tab_b {
        width: 95%;
    }

    .cp_tab_b > label {
    width: 100px;
    }

    .cp_tab_b label {
        padding: 0.5em;
    }


    .cp_tab_c {
        width: 95%;
    }

    .cp_tab_c > label {
    width: 100px;
    }

    .cp_tab_c label {
        padding: 0.5em;
    }


    .cp_tab_d {
        width: 95%;
    }

    .cp_tab_d > label {
    width: 100px;
    }

    .cp_tab_d label {
        padding: 0.5em;
    }


    .cp_tab_e {
        width: 95%;
    }

    .cp_tab_e > label {
    width: 100px;
    }

    .cp_tab_e label {
        padding: 0.5em;
    }


    .cp_tab_f {
        width: 95%;
    }

    .cp_tab_f > label {
    width: 100px;
    }

    .cp_tab_f label {
        padding: 0.5em;
    }


    .product-intro-table tr .theme {
    width: 100px;
    font-weight: 600;
        padding: 15px 15px 15px 0;
}



    .bmc-system-figure-1-div {
    width: 100%;
    display: block;
}

.bmc-system-figure-1 {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 15% 5%;
    border:  solid 0.5px #4d4d4d;
    display: block;
}

    .bmc-intro-detail-2-text {
    width: 100%;
    display: block;
    text-align: justify;
    vertical-align: middle;
    padding: 0 0 15px 0;
}

    .bmc-system-figure-2-3-div div {
    width: 100%;
    display: block;
    margin: 0 0 0 0;
}

.bmc-system-figure-2-3 {
    width: 100%;
    display: block;
    margin: 15px auto 0 auto;
    border: solid #4d4d4d 0.75px;
    box-sizing: border-box;

}

#brand {
    padding: 30px 0 0 0;
}


}