@charset "utf-8";
/* CSS Document */
.subPageTitle01 {
    background: url("/nisc/products/carbodilite/images/bg_carbodilite.jpg") no-repeat center center,#d3e9f6;
    background-size: auto auto;
}

.carbonalloy .sec05 {
    margin: 65px 0;
}

@media screen and (max-width: 767px) {
    .carbonalloy .sec05 {
        margin: 10% 0;
    }
}

@media screen and (max-width: 767px){
    .navExpand { top: 93px;}
}

.overviewList {
    margin: 0;
    padding-left: 1.4em;
    list-style-position: outside;
    list-style-type: disc;
    list-style-type: "・ ";
}

.overviewList li {
    font-size: 18px;
    line-height: 1.55;
    font-weight: 700;
}

.overviewList li + li {
    margin-top: 8px;
}

#subPage01 .sec01 p,
#subPage01 .sec02 p,
#subPage01 .sec03 p,
#subPage01 .sec04 p {
    font-size: 18px;
    line-height: 1.55;
}

#subPage01 .sec01 p+p { margin-top: 20px; }
#subPage01 .sec02 p+p { margin-top: 20px; }
#subPage01 .sec03 p+p { margin-top: 20px; }
#subPage01 .sec04 p+p { margin-top: 20px; }

#subPage01 .sec02,
#subPage01 .sec03{
    margin-top: 60px;
}

.intended-use {
    margin-top: 35px;
}

.intended-use-title {
    margin: 0 0 16px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: underline;
}

.intended-use-image {
    margin: 0;
    text-align: center;
}

.intended-use-image img {
    width: 100%;
    max-width: 1100px;
    height: auto;
    display: inline-block;
}

#subPage01 .sec03 h3.title01,
#subPage01 .sec04 h3.title01 {
    margin-bottom: 35px;
}

.feature-box-wrap {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.structure-view {
    margin-top: 35px;
}

.structure-view-title {
    margin: 0 0 16px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: underline;
}

.structure-view-image {
    margin: 0;
    text-align: center;
}

.structure-view-image img {
    width: 100%;
    max-width: 640px;
    height: auto;
    display: inline-block;
}

.feature-box {
    width: 49%;
    border: 3px solid #6bcb80;
    padding: 14px 16px;
    margin-bottom: 14px;
    box-sizing: border-box;
}

.feature-box h4.title02 {
    font-size: 18px;
    margin-bottom: 25px;
    padding: 1px 0 1px 5px;
    border-left: 4px solid #6bcb80;
    line-height: 1em;
}

#subPage01 .sec03 .feature-box p {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
}

#subPage01 sup {
    font-size: 70%;
    vertical-align: super;
}

#subPage01 .sec02 p.footnote01,
#subPage01 .sec03 p.footnote01,
#subPage01 .sec04 p.footnote01 {
    font-size: 14px;
    line-height: 1.55;
}

.footnote01 {
    margin-top: 20px;
    text-indent: -2.3em;
    padding-left: 2.3em;
}

.footnote02 {
    margin-top: 10px;
    text-indent: 0;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    gap: 0.4em;
}

.footnote02 .fn-mark {
    flex: 0 0 auto;
}

.footnote02 .fn-links {
    flex: 1 1 auto;
}

.footnote02 .fn-links a {
    display: block;
}

.footnote01 a {
    color: #1d8dff;
    text-decoration: underline;
    word-break: break-all;
}

.footnote01 a:hover {
    text-decoration: none;
}

.dx-image-wrap {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dx-image-item {
    width: 49%;
    box-sizing: border-box;
}

.dx-image-title {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

.dx-image {
    margin: 0;
    text-align: center;
}

.dx-image img {
    width: 100%;
    height: auto;
    display: block;
}

.carbonalloy .sec_inner {
    width: 90%;
    max-width: 640px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .intended-use {
        margin-top: 8%;
    }

    .intended-use-title {
        font-size: 15px;
        margin-bottom: 4%;
    }

    .structure-view {
        margin-top: 8%;
    }

    .structure-view-title {
        font-size: 15px;
        margin-bottom: 4%;
    }

    .feature-box {
        width: 100%;
        margin-bottom: 4%;
        padding: 5%;
    }

    .feature-box h4.title02 {
        font-size: 16px;
        margin-bottom: 4%;
    }

    #subPage01 .sec03 .feature-box p {
        font-size: 14px;
    }

    .dx-image-wrap {
        display: block;
        margin-top: 8%;
    }

    .dx-image-item {
        width: 100%;
        margin-bottom: 6%;
    }

    .dx-image-title {
        font-size: 14px;
        margin-bottom: 4%;
    }
}

#subPage01 .sec04 p.footnote02 + p.footnote02 {
    margin-top: 0;
}

@media screen and (max-width: 767px){
  .subPageTitle01{
    height: 145px;
    background-size: cover;
    background-position: 100% 0;
  }

  .subPageTitle01 span{
    font-size: 16px;
    line-height: 1.3;
    padding: 8px 10px;
  }
}

@media screen and (max-width: 640px){ .subPageTitle01{ height: 80px; } }
@media screen and (max-width: 500px){ .subPageTitle01{ height: 70px; } }
@media screen and (max-width: 460px){ .subPageTitle01{ height: 65px; } }
@media screen and (max-width: 400px){ .subPageTitle01{ height: 55px; } }
@media screen and (max-width: 350px){ .subPageTitle01{ height: 50px; } }