@charset "utf-8";

/** section **/

/*.mainContent section {
    background: #fff;
    border-top: 1px solid #e6e6e6;
}

.mainContent section:first-child {
    border-top: none;
}

.mainContent section.noBorder {
    border-top: none;
}*/

/** article **/

.mainContent section article {
    margin: 0 auto;
    max-width: 1152px;
    padding: 24px 64px;
    overflow: hidden;
}

/** inner **/

.mainContent section .inner {
    max-width: 1152px;
    margin: 0 auto;
    padding: 48px 64px 64px;
    overflow: hidden;
}

.mainContent section article .inner {
    padding: 0 0 24px;
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
}

.mainContent section article .inner .inner {
    margin-left: 16px;
    border-top: none;
    padding: 0;
}

.mainContent section article .inner p {
    margin-top: 0;
    margin-left: 32px;
}



/** columnArea **/

.mainContent section .inner.columnArea {
    padding-top: 0;
    padding-bottom: 0;
}

/*** col2 ***/

.columnArea.col2 {
    position: relative;
    margin-left: -4%;
}

.columnArea.col2.withBorder:before {
    position: absolute;
    right: 50%;
    top: 0;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #e6e6e6;
}

.columnArea.col2 .col {
    float: left;
    width: 46%;
    margin-bottom: 40px;
    margin-left: 4%;
}

.columnArea.col2 .col.border {
    padding-bottom: 60px;
}

.columnArea.col2.withBorder .col {
    padding-top: 48px;
}

.columnArea.col2 .col .colIn {
    margin-left: 48px;
}

.columnArea.col2 .col:first-child .colIn {
    margin-left: 0;
    margin-right: 48px;
}

/*** centerCol2 ***/

.columnArea.centerCol2 {
    max-width: 768px;
    margin: 0 auto -40px;
    overflow: hidden;
}

.columnArea.centerCol2 .col {
    float: left;
    width: 47.583%;
    max-width: 384px;
    margin-bottom: 40px;
    margin-left: 3.186%;
}

.columnArea.centerCol2 .col:first-child {
    margin-left: 0;
}

/*** col3 ***/

.columnArea.col3 {
    margin-bottom: -40px;
    margin-left: -2.329%;
    overflow: hidden;
}

.columnArea.col3 .col {
    float: left;
    width: 31%;
    margin-bottom: 40px;
    margin-left: 2.329%;
}

/*** calendar ***/

.columnArea.col3 .calendar {
    float: left;
    width: 31%;
    margin-left: 2.329%;
    margin-bottom: 42px;
}

.columnArea.col3 .calendar:first-child {
    width: 31%;
}

.columnArea.col3 .calendar .calendarIn {
    border: 1px solid #e6e6e6;
    padding: 20px;
}



/*** columnArea common ***/

.columnArea .col a:hover .ttl {
    text-decoration: underline;
}

.columnArea .col .img {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.columnArea .col .img img {
    width: 100%;
    height: auto;
    position: relative;
    outline: none;
    overflow: hidden;
}

.columnArea .col a .img::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    /*position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height:100%;
border: 0px solid #cc0000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: border-width .14s;
-webkit-transition: border-width .14s;
-ms-transition: border-width .14s;
transition: border-width .14s;
*/
}

.columnArea .col a:hover .img::after {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    /*border: 6px solid #cc0000;
-moz-transition: border-width .14s;
-webkit-transition: border-width .14s;
-ms-transition: border-width .14s;
transition: border-width .14s;
*/
}

@-webkit-keyframes circle {
    50% {
        opacity: 1;
    }
    100% {
        width: 300px;
        height: 300px;
    }
}

@keyframes circle {
    50% {
        opacity: 1;
    }
    100% {
        width: 300px;
        height: 300px;
    }
}

.columnArea .col .txtArea {
    display: block;
    padding-top: 14px;
    margin-right: 35px;
}

.columnArea .col .ttl {
    display: block;
    font-size: 18px;
    padding-left: 14px;
    background: url(/nist/common/images/icon_arrow_off.png) no-repeat -4px 0.4em;
    background-size: 16px 16px;
    color: #cc0000;
}

.columnArea .col h2.ttl {
    line-height: normal;
    margin-bottom: 0;
}

.columnArea .col .txt {
    display: block;
    margin-top: 4px;
}

.columnArea .col a[href$=".pdf"] h2.ttl span {
    padding-right: 17px;
    background-image: url(/nist/common/images/icon_pdf.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: right 2px;
}

span.pdficon::after{
    padding-right: 17px;
    background-image: url(/nist/common/images/icon_pdf.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: right 2px;
}

/** ol **/

ol.attention {
    position: relative;
    padding-left: 2em;
    counter-reset: my-badass-counter;
    font-family: 'NotoSansCJKjp-DemiLight', sans-serif;
    font-size: 12px;
    line-height: 2;
}

ol.attention:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '注）';
}

ol.attention li {
    text-indent: -1.7em;
    margin-left: 2em;
    counter-increment: my-badass-counter;
    list-style: none;
}

ol.attention li:before {
    content: '*'counter(my-badass-counter)'　';
}

/** inlineBtn **/

.inlineBtn {
    font-size: 13px!important;
    line-height: 1.714;
}

ul.inlineBtn {
    margin-top: 8px;
}

ul.inlineBtn:after {
    content: '.';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.inlineBtn li {
    float: left;
    margin-left: 16px;
    margin-top: 16px;
}

.inlineBtn li:first-child {
    margin-left: 0;
}

.inlineBtn a {
    display: inline-block;
    border: 1px solid #cc0000;
    color: #cc0000;
    padding: 6px 16px 5px;
    background: #fff none no-repeat 16px center;
    overflow: hidden;
    vertical-align: bottom;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.inlineBtn a:hover {
    border: 1px solid #cc0000;
    color: #ffffff!important;
    background-color: #cc0000;
    -moz-transition: background .15s, border-color .15s, color .15s;
    -webkit-transition: background .15s, border-color .15s, color .15s;
    -ms-transition: background .15s, border-color .15s, color .15s;
    transition: background .15s, border-color .15s, color .15s;
}

    /*** columnArea ***/
    .columnArea .col {
        width: 50%;
    }
    /*** col2 ***/
    .mainContent section .inner.columnArea.col2.withBorder {
        padding: 48px 64px 64px;
    }
    .columnArea.col2.withBorder:before {
        display: none;
    }
    .columnArea.col2 .col {
        float: none;
        width: 100%;
        padding: 0;
    }
    .columnArea.col2 .col+.col {
        margin-top: 48px;
    }
    .columnArea.col2 .col .colIn {
        margin: 0!important;
    }
    /*** col3 ***/
    .columnArea.col3 .col {
        width: 47%;
    }


@media screen and (max-width: 768px) {
    /*** inner ***/
    .mainContent section .inner {
        padding: 32px 16px 48px;
    }
    .mainContent section .inner.columnArea.col2.withBorder {
        padding: 32px 16px 48px;
    }
    .mainContent section article .inner p {
        margin-left: 0;
    }
    .mainContent section article .inner .inner {
        margin-left: 0;
    }
    /*** article ***/
    .mainContent section article {
        padding: 32px 16px 48px;
    }

    /*** col3 ***/
    .columnArea.col3 .col {
        float: none;
        width: 97%;
    }
    .columnArea.centerCol2 .col {
        float: none;
        width: 100%;
        max-width: none;
        margin-left: 0;
    }
}

@media print {

    .wrapper {
        width: 344mm;
        zoom: 0.5;
    }

    p.print {
        display: none;
    }
}


.pdfcaution{
  padding: 10px 10px 0 10px;
  margin-bottom: 30px;
  border: 2px solid #cc0000;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .pcbr{
  display: none;
}
}

.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.ml0 {
    margin-left: 0 !important;
}

/***** ▼カテゴリトップCSS[s] *****/
/* 4column対応 */
.columnArea.col4{
    margin-bottom:-40px;
    margin-left:-3%;
    overflow:hidden;
    font-size:0;      /* 改行コードによる隙間埋め対応 */
  }
  .columnArea.col4 .col{
    display:inline-block;
    width:22%;
    margin-bottom:40px;
    margin-left:3%;
    vertical-align:top;
  }
  .columnArea.col4 .col .btn li{
      width: 96%;
  }
  .columnArea.col4 .col .btn li a[href$=".pdf"] {
      background: none;
  }
  @media screen and (max-width:1024px){
    .columnArea.col4 .col{
      width:47%;
    }
  }
  @media screen and (max-width:768px){
    .columnArea.col4 .col{
      float:none;
      width:97%;
    }
  }
  /* 一覧を見るボタン対応 */
  .inlineBtn .textC{
    float:none;
  }
  /* お知らせ・展示会情報対応 */
  .productIndex .columnArea.col2 .col{
    width:50%;
    margin-left:0;
    padding-top:48px;
  }
  @media screen and (max-width: 1024px){
    .productIndex .columnArea.col2 .col{
      width:100%;
      padding-top:0;
    }
  }