@charset "utf-8";

.wrapper1760{
    width: calc(100% - 100px);
    max-width: 1760px;
    margin: 0 auto;
}
.wrapper1120{
    width: calc(100% - 100px);
    max-width: 1120px;
    margin: 0 auto;
}
@media screen and (max-width:767px){
    .wrapper1760,
    .wrapper1120{
        width: 100%;
    }
    .wrapperSp335{
        width: calc(335 / 375 * 100%);
        margin: 0 auto;
    }
}

.secContentList .c_Content{
    overflow: hidden;
}

.secCmnTopBox::after{
    content: "";
    position: absolute;
    width: 1651px;
    height: 826px;
    left: calc(50% - 434px);
    top: 255px;
    background: url(../img/technology/strong/imgHeroitem.png) center top no-repeat;
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: 0.2;
}
.secCmnTopBox::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1000px;
    background-image: -moz-linear-gradient( 90deg, rgb(35,35,38) 0%, rgba(35,35,38,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(35,35,38) 0%, rgba(35,35,38,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(35,35,38) 0%, rgba(35,35,38,0) 100%);
    z-index: 10;
}
@media screen and (max-width:767px){
    .secCmnTopBox::after{
        width: 800px;
        height: 400px;
        top: auto;
        bottom: calc(0% - 61px);
        left: -13px;
        background-size: 100% auto;
        opacity: 0.4;
    }
    .secCmnTopBox::before{
        height: calc(100% - 50px);
    }
}
.secCmnAnchor .item {
    width: calc((100% - 160px) / 3);
}
@media screen and (max-width:767px){
    .secCmnAnchor .item {
        width: 100%;
    }
}

/* secTaishin */
.secTaishin{
    background-color:#232326;
    color: #fff;
    padding-top: 181px;
    padding-bottom: 148px;
}
.secTaishin.lazyloaded{
    background: url(../img/technology/strong/imgbgTaishin.jpg) center top no-repeat #232326;
}
.secTaishin .taidhinImgbox{
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
    display: flex;
}
.secTaishin .item{
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
}
.secTaishin .item:last-child{
    margin-right: 0;
}
.secTaishin .item.jsShow.delay01{
    transition-delay: 0.1s;
}
.secTaishin .item.jsShow.delay02{
    transition-delay: 0.3s;
}
.secTaishin .item.jsShow.delay03{
    transition-delay: 0.5s;
}
@media screen and (max-width:767px){
    #Anchor01 .c_Nav.lazyloaded .navtitbox{
        background-image: url(../img/technology/strong/imgbgNavtit01.jpg);
    }
    .secTaishin{
        padding-top: 34px;
        padding-bottom: 71px;
    }
    .secTaishin.lazyloaded{
        background: #232326;
    }
    .secTaishin .taidhinImgbox{
        max-width: 100%;
        margin-top: 35px;
    }
    .secTaishin .item{
        width: calc((100% - 14px) / 3);
        margin-right: 7px;
    }
}

/* secComparison */
.secComparison{
    padding-top: 135px;
    padding-bottom: 150px;
    position: relative;
}
.secComparison::after{
    position: absolute;
    content: "";
    width: 1920px;
    height: 1px;
    top: 0;
    left: calc(50% - 960px);
    background: #fff;
}
.secComparison .txtBox{
    width: 1110px;
    margin: 50px auto 0;
}
.secComparison .txtList{
    display: flex;
}
.secComparison .txtItem{
    width: calc(100% / 3);
    height: 270px;
    text-align: center;
    padding-top: 30px;
    position: relative;
}
.secComparison .txtItem::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: -0.5px;
    top: 0;
    background-color: rgb(101, 101, 104);
}
.secComparison .txtItem:first-child:after{
    opacity: 0;
}
.secComparison .subTit{
    font-size: 18px;
    line-height: 1.88;
    font-weight: 900;
}
.secComparison .itemTit{
    font-size: 24px;
    letter-spacing: 2px;
    color: #42a61b;
    font-weight: 900;
    margin-top: 10px;
}
.secComparison .subTxt{
    font-size: 12px;
    margin-top: 22px;
}
.secComparison .txt{
    font-size: 16px;
    line-height: 1.75;
    margin-top: 12px;
}
.secComparison .boxTxt{
    font-size: 12px;
    text-align: center;
    margin-top: 30px;
}
.secComparison .txtItem.jsShow.delay01{
    transition-delay: 0.1s;
}
.secComparison .txtItem.jsShow.delay02{
    transition-delay: 0.3s;
}
.secComparison .txtItem.jsShow.delay03{
    transition-delay: 0.5s;
}
@media screen and (max-width:767px){
    .secComparison{
        padding-top: 95px;
        padding-bottom: 70px;
    }
    .secComparison::after{
        width: 100%;
        left: 0;
    }
    .secComparison .txtBox{
        width: 100%;
        margin: 32px auto 0;
    }
    .secComparison .txtList{
        display: block;
    }
    .secComparison .txtItem{
        width: 100%;
        height: auto;
        padding: 20px 0 17px;
    }
    .secComparison .txtItem::after{
        width: 100%;
        height: 1px;
        left: 0;
        top: 0;
    }
    .secComparison .txtItem:first-child:after{
        opacity: 1;
    }
    .secComparison .subTit{
        font-size: 11px;
        line-height: 1.5;
    }
    .secComparison .itemTit{
        font-size: 16px;
        letter-spacing: 1px;
        margin-top: 6px;
    }
    .secComparison .subTxt{
        font-size: 9px;
        margin-top: 10px;
    }
    .secComparison .txt{
        font-size: 11px;
        line-height: 1.5;
        margin-top: 10px;
    }
    .secComparison .boxTxt{
        font-size: 10px;
        margin-top: 0;
    }
}
/* secMargine */
.secMargine{
    padding-top: 135px;
    padding-bottom: 150px;
    position: relative;
}
.secMargine::after{
    position: absolute;
    content: "";
    width: 1920px;
    height: 1px;
    top: 0;
    left: calc(50% - 960px);
    background: #fff;
}
.secMargine .txtMargine{
    font-size: 22px;
    display: block;
    margin-bottom: 15px;
    font-weight: 900;
}
.secMargine .img{
    margin: 50px auto 0;
    text-align: center;
}
@media screen and (max-width:767px){
    .secMargine{
        padding-top: 95px;
        padding-bottom: 70px;
    }
    .secMargine::after{
        width: 100%;
        left: 0;
    }
    .secMargine .txtMargine{
        font-size: 13px;
        margin-bottom: 0;
    }
    .secMargine .img{
        margin: 35px auto 0;
    }
}
/* secHinoki */
.secHinoki{
    background-color:#fff;
    color: #232323;
    padding-top: 130px;
    padding-bottom: 148px;
}
.secHinoki.lazyloaded{
    background: url(../img/technology/strong/imgbgHinoki.jpg) center top no-repeat #fff;
}
.secHinoki .txtMargine{
    font-size: 22px;
    display: block;
    margin-bottom: 15px;
    font-weight: 900;
}
.secHinoki .graphbox{
    width: 848px;
    margin: 0 auto;
}
.secHinoki .graphbox .graphImg{
    width: 100%;
    margin-top: 48px;
    position: relative;
}
.secHinoki .graphbox .pcItem{
    display: block;
    position: absolute;
    width: 51px;
    height: 0;
    right: 75px;
    bottom: 10px;
    overflow: hidden;
    transition: height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.secHinoki .graphbox .graphImg.jsShow .pcItem{
    height: 327px;
}
@media screen and (max-width:767px){
    .secHinoki{
        padding-top: 35px;
        padding-bottom: 70px;
    }
    .secHinoki.lazyloaded{
        background: #fff;
    }
    .secHinoki .txtMargine{
        font-size: 13px;
        margin-bottom: 0;
    }
    .secHinoki .graphbox{
        width: 100%;
        max-width: 335px;
        margin: 0 auto;
    }
    .secHinoki .graphbox .graphImg{
        width: 100%;
        margin-top: 35px;
        position: relative;
    }
    .secHinoki .graphbox .pcItem{
        display: block;
        position: absolute;
        width: 36px;
        height: 0;
        right: 15px;
        bottom: 10px;
        overflow: hidden;
        transition: height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .secHinoki .graphbox .graphImg.jsShow .pcItem{
        height: 187px;
    }
}
@media screen and (max-width:374px){
    .secHinoki .graphbox .pcItem{
        width: 34px;
        height: 0;
        right: 13.5px;
    }
    .secHinoki .graphbox .graphImg.jsShow .pcItem{
        height: 177px;
    }
}
@media screen and (max-width:359px){
    .secHinoki .graphbox .pcItem{
        width: 30px;
        height: 0;
        right: 12px;
    }
    .secHinoki .graphbox .graphImg.jsShow .pcItem{
        height: 156px;
    }
}

/* #Anchor02  */
@media screen and (max-width:767px){
    #Anchor02 .secNavbox .navlinklist .list {
        justify-content: center;
    }
    #Anchor02 .secAnchorNav .navlist {
        justify-content: center;
    }
    #Anchor02 .c_Nav.lazyloaded .navtitbox{
        background-image: url(../img/technology/strong/imgbgNavtit02.jpg);
    }
    .secContentArea.bg_White .secNavbox .navtitbox::after {
        background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
        background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
    }
    .secContentArea.bg_White .secNavbox .navtitbox .navtitjpn{
        color: #fff;
    }
    .secContentArea.bg_White .secNavbox .navlinklist{
        background-color: #fff;
    }
    .secContentArea.bg_White .secNavbox .navlinklist .item::after{
        background-color: rgba(35,35,35,0.1);
    }
    .secContentArea.bg_White .secNavbox .navlinklist .item:first-child .itemLink{
        color: #232323!important;
    }
}
/* secMerit */
.secMerit{
    background-color:#232323;
    color: #fff;
    padding-top: 130px;
    padding-bottom: 248px;
}
.secMerit.lazyloaded{
    background: url(../img/technology/strong/imgbgMerit.jpg) center top no-repeat #232323;
}
@media screen and (max-width:767px){
    .secMerit{
        padding-top: 35px;
        padding-bottom: 95px;
    }
    .secMerit.lazyloaded{
        background: #232323;
    }
    #Anchor03 .c_Nav.lazyloaded .navtitbox{
        background-image: url(../img/technology/strong/imgbgNavtit03.jpg);
    }
    #Anchor03 .secNavbox .navlinklist .list {
        justify-content: center;
    }
    #Anchor03 .secAnchorNav .navlist {
        justify-content: center;
    }
}
.secMerit .listBox{
    width: 1100px;
    margin: 45px auto 0;
}
.secMerit .list{
    display: flex;
    flex-wrap: wrap;
}
.secMerit .item{
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
}
.secMerit .item:nth-child(3n){
    margin-right: 0;
}
.secMerit .item:nth-child(n+4){
    margin-top: -13px;
}
.secMerit .item.jsShow.delay01{
    transition-delay: 0.1s;
}
.secMerit .item.jsShow.delay02{
    transition-delay: 0.3s;
}
.secMerit .item.jsShow.delay03{
    transition-delay: 0.5s;
}
.secMerit .item.jsShow.delay04{
    transition-delay: 0.7s;
}
.secMerit .item.jsShow.delay05{
    transition-delay: 0.9s;
}
.secMerit .item.jsShow.delay06{
    transition-delay: 1.1s;
}
.secMerit .listTxt{
    font-size: 12px;
    text-align: center;
    margin-top: -25px;
}
@media screen and (max-width:767px){
    .secMerit .listBox{
        width: 100%;
        max-width: 335px;
        margin: 35px auto 0;
    }
    .secMerit .item{
        width: calc(50% - 4.5px);
        margin-right: 9px;
    }
    .secMerit .item:nth-child(3n){
        margin-right: 9px;
    }
    .secMerit .item:nth-child(2n){
        margin-right: 0;
    }
    .secMerit .item:nth-child(n+3){
        margin-top: -10px;
    }
    .secMerit .listTxt{
        font-size: 9px;
        line-height: 1.77;
        margin-top: 5px;
    }
}