@charset "UTF-8";

/* index
----------------------- */
.fancybox-container{top:100px !important;}
.fancybox-slide--html{;}
.fancybox-bg{background:#fff!important;opacity:1!important;;;}
.fancybox-slide::before{display:none!important;}

.top-value{min-height:auto;padding: 80px 0 80px;border-bottom: 1px solid #000;border-top: 1px solid #000;background:#fff;}
.top-topics-inner{padding:60px 15px 0;}
.heading_primary{font-size:60px;font-family: 'Vollkorn', sans-serif;line-height: 100%;}
.heading_primary span{font-size:19px;display:block;font-weight: bold;}

.top-topics.techblog {margin-bottom:0;padding-bottom:60px;background: url('/assets/themes/smn/img/top/techblog_bn.jpg') no-repeat center 230px;}
.top-topics.techblog .top-topics-bg {height: 390px;}

@media screen and (max-width: 767px) {
.top-topics.techblog {margin-bottom:0;padding-bottom:60px;background: url('/assets/themes/smn/img/top/techblog_bn.jpg') no-repeat center 165px; background-size: contain;}
.top-topics.techblog .top-topics-bg {padding-bottom: 30%; height: auto;}
}

.top-ir{min-height:auto;padding-bottom:60px;padding-top:60px;border-bottom: 1px solid #000;}
.button_l span{font-size:19px;padding-right:10px;}
.button_l.message{background:rgba(255,255,255,0.6);}
.button_l.business{background:rgba(255,255,255,0.6);margin-top: 2em;width:378px;}

.top-recruit-inner .heading_primary{font-size:60px;font-family: 'Vollkorn', sans-serif;line-height: 100%;margin-bottom:20px;}
.top-recruit-inner .top-recruit-img {margin-bottom: 35px;line-height:1;}

.top-recruit-inner .heading_primary span{font-size:19px;display:block;font-weight: bold;}
.top-recruit-heading{ font-size:35px; margin-left:0;}
.top-recruit{min-height:auto;background-size:auto;background-image:none;background:#fff;padding-bottom:60px;margin-bottom:0;}
.top-recruit-lead{margin-left:0;}

#ps-list .button_ir{width:84%;height:auto;line-height:50px;position:absolute;bottom:20px;left:0;right:0;}
.u-keyvisual{min-height:710px;}
div#container.about div.inner {
    position: relative;
    width:100%;max-width: 960px;
    margin: 0 auto;
}

.top-value-lead{
margin-bottom: 24px;
}
.top-mvs {
    position: relative;
    text-align: center;
}
.top-mvs p.mvs {
   line-height:0;
}

.top-mvs p.mvs img {
    width: 100%;
    min-height: 900px;
    height: auto;
    object-fit: cover;
}

.top-mvs div.logo-topics {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 200px;
}

.top-mvs div.logo-topics p.logo-text {
    margin: 50px auto 50px;
    font-size: 21px;
    color: #434343;
    font-weight: bold;
}

div#logo-details {
    text-align:center;
    color: #434343;
    width: 100%;
    height:1200px !important;
    
}

div#logo-details p.logo-text {
    margin: 50px 0;
    font-size: 150%;
    font-weight: bold;
}
.top-mvs div.logo-topics p.logo-link{
    /*padding: 0 0 40px;*/
}
.top-mvs div.logo-topics p.logo-link a {
    display: block;
    max-width: 300px;
    width:100%;
    margin: 0 auto;
    padding: 8px 0;
    background: rgba(255,255,255,0.5);
    border: 1px solid #aaaaaa;
}

div.genl-title {
    margin: 0 0 50px 0;
    text-align: center;
    line-height: 1.4;
}

div.genl-title h2 {
    margin: 0;
    font-size: 400%;
        font-family: 'Vollkorn', sans-serif;
    font-weight: 400;
}

div.genl-title p {
    font-size: 19px;
    font-weight: bold;
}

section#top-recruit div.genl-title {
    margin: 0 0 50px 0;
    text-align: left;
    line-height: 1.4;
}

@media screen and (min-width: 768px) {
    .top-ir-inner {
        padding-top: 0;
    }
    .top-recruit{height:auto;}
    .top-recruit-inner {
        padding-top: 50px;
        width:100%;
        max-width: 900px;
        margin: 0 auto;
        /*padding-left: 100px;*/
        position: relative;
    }
    
    .top-recruit-text {
        font-size: 18px;
        margin-bottom: 40px;
        text-align: center;
    }

    .top-recruit .button_l {
        margin: 0 auto;
    }


}

section#ps-list {
    padding: 60px 0;
    background: url("/assets/themes/smn/img/bg_ps.jpg") no-repeat center top;
    background-size: cover;
    border-bottom: 1px solid #000;
}

section#ps-list ul {
    display: flex;
    justify-content: space-between;
        width:100%;
        max-width: 1000px;
    margin: 0 auto;
}

section#ps-list ul li {
    width: 320px;
    padding-bottom: 70px;
    background: #ffffff;
    position:relative;
}

section#ps-list ul li:nth-child(2) {
    margin:0 10px;
}

section#ps-list ul li dl {
    margin: 0 0 20px 0;
}

section#ps-list ul li dl dt {
    text-align: center;
}

section#ps-list ul li dl dd {
    padding: 0 20px;
    font-size: 90%;
}

section#ps-list ul li p a {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
    background: #030303;
    color: #ffffff;
    text-align: center;
}


@media screen and (max-width: 767px) {
.fancybox-container{top:70px !important;}
.top-value{min-height:auto;padding: 40px 0 80px;border-bottom: 1px solid #000;background:#fff;}
.top-topics-inner{padding-top:60px;}
div.genl-title h2{font-size:36px;}
.heading_primary{font-size:36px;font-family: 'Vollkorn', sans-serif;line-height: 100%;}
.heading_primary span{font-size:16px;display:block;font-weight: bold;}
.top-topics{margin-bottom:60px;padding-bottom:60px;}
.top-ir{min-height:auto;padding-bottom:60px;border-bottom: 1px solid #000;}
.button_l span{font-size:16px;padding-right:10px;}
.button_l.message{background:rgba(255,255,255,0.6);}
.button_l.business{background:rgba(255,255,255,0.6);margin-top: 2em;width: 298px;}

.top-recruit-inner .heading_primary{font-size:36px;font-family: 'Vollkorn', sans-serif;line-height: 100%;margin-bottom:20px;}
.top-recruit-inner .top-recruit-img {margin-bottom: 20px;line-height:1;}

.top-recruit-inner .heading_primary span{font-size:16px;display:block;font-weight: bold;}
.top-recruit-heading{ font-size:24px; }
.top-recruit{height:auto;background-size:auto;background-image:none;background:#fff;padding-bottom:60px;margin-bottom:0;}

    .top-mvs p.mvs img {
        width: 100%;
        min-height: 700px;
        height: auto;
    }

    .top-mvs div.logo-topics {
        position: absolute;
        top: 0;
    }
    
    .top-mvs div.logo-topics p.logo-text {
        width: 90%;
    font-size: 110%;
    margin: 10px auto 25px;
    }
    .top-mvs div.logo-topics p.logo-link{
    /*padding: 0 0 70px;*/
}

    .top-mvs div.logo-topics .logo-image img {
        width: 100%;
        max-width: 125px;
        height: auto;
    }
    
    section#ps-list ul {
    display: flex;
    justify-content: space-between;
        width:100%;
        max-width: 1000px;
    margin: 0 auto;
        flex-wrap: wrap;

    }

    section#ps-list ul li {
        width: 320px;
        
        display: inline-block;
        margin:0 auto 20px;
    }
    section#ps-list ul li:nth-child(2) {
        margin:0 auto 20px;
    }



    div#logo-details {
    text-align:center;
    color: #434343;
    width: 100%;
    height:1800px !important;
    }
    div#logo-details .logo-image img{
    width: 125px;
    
    }

    div#logo-details p.logo-text {
    margin: 50px 0;
    font-size: 18px;
    font-weight: bold;
    }
    .fancybox-content{
    padding:15px 10px !important;
    }



}




/* */
.top-anchor2{position:fixed;bottom:0;left:0}
@media screen and (max-width:767px){
.top-anchor2{display:none}
}
@media screen and (min-width:768px){
.top-anchor2{position:fixed;left:40px;bottom:34px;z-index:1200;color:#777;}
.top-anchor2 li{display:block;height:16px;width:20px;transition:.3s}
.top-anchor2 li span{display:block;width:20px;height:1px;position:absolute;top:50%;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:#777}
.top-anchor2 li span:after{position:absolute;top:-11px;right:-190px;width:180px;color:#777;font-size:13px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.top-anchor2 li.active{width:40px;height:30px}
.top-anchor2 li.active span{width:40px;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.top-anchor2 li.active span:after{transition:opacity .5s .1s;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";font-weight:600}
.top-anchor2 li:first-child span:after{content:"About"}
.top-anchor2 li:nth-child(2) span:after{content:"Products & Services"}
.top-anchor2 li:nth-child(3) span:after{content:"Topics"}
.top-anchor2 li:nth-child(4) span:after{content:"IR"}
.page_top_en .top-anchor2 li:nth-child(4) span:after{content:"About"}
.top-anchor2 li:nth-child(5) span:after{content:"Recruit";}
.page_top_en .top-anchor2 li:nth-child(5) span:after{content:"Contact"}
.top-anchor2 a{width:100%;height:100%;display:block;position:relative;pointer-events:none}
}
@media screen and (max-width:767px){
.top-anchor2{display:none}
}




/* add 191126  */

section#ps-list .sliders {
    display: block;
        width:100%;
        max-width: 1150px;
    margin: 0 auto;
padding-left: 10px;
}
.slideitem{
padding-right: 10px;
}
section#ps-list .sp-slide {
    width:100%;
    max-width: 320px;
    padding-bottom: 70px;
    background: #ffffff;
    position:relative;
}


section#ps-list .sp-slide dl {
    margin: 0 0 20px 0;
}

section#ps-list .sp-slide dl dt {
    text-align: center;
}

section#ps-list .sp-slide dl dd {
    padding: 10px 20px 70px;
    font-size: 90%;
}

section#ps-list .sp-slide p a {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
    background: #030303;
    color: #ffffff;
    text-align: center;
}

@font-face{
font-family: 'slick';font-weight: normal;font-style: normal;
src: url('/assets/themes/smn/css/fonts/slick/slick.eot');
src: url('/assets/themes/smn/css/fonts/slick/slick.eot?#iefix') format('embedded-opentype'), url('/assets/themes/smn/css/fonts/slick/slick.woff') format('woff'), url('/assets/themes/smn/css/fonts/slick/slick.ttf') format('truetype'), url('/assets/themes/smn/css/fonts/slick/slick.svg#slick') format('svg');
}
section#ps-list .slick-prev:before,section#ps-list .slick-next:before{font-family: 'slick';font-size: 30px;line-height: 1;opacity: .75;color: darkgray;-webkit-font-smoothing: antialiased;}
section#ps-list .slick-next:before{content: url(/assets/themes/smn/img/top/next.png);}
section#ps-list .slick-prev:before{content: url(/assets/themes/smn/img/top/prev.png);}
section#ps-list .slick-prev,section#ps-list .slick-next{width:60px;height:60px;}
section#ps-list .slick-prev{ left: -44px; z-index:2000;}
section#ps-list .slick-next{ right: -44px; z-index:2000;}

@media screen and (max-width: 1111px) {
 section#ps-list .sliders {
   padding-left: 0;
 }
 .slideitem{
   padding: 0 10px;
 }
 section#ps-list .slick-prev{ left: 5px;}
 section#ps-list .slick-next{ right: 5px;}
}
@media screen and (max-width: 768px) {
 section#ps-list .slick-prev,section#ps-list .slick-next{width:30px;height:30px;}
 section#ps-list .slick-prev{ left: 10px;}
 section#ps-list .slick-next{ right: 10px;}
}