@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

* {font-family: 'Noto Sans JP', sans-serif ;}


/* 제품 */
.search_side_wrap .dwn_btn {width: 30rem;}

.header__bottom .language-area p{line-height: 16px;}

/* 메인 */
.swiper_product .swiper-pagination > span:nth-child(1):before{
    content: "スマートデバイス CCL";font-size: 1.6rem;}
.swiper_product .swiper-pagination > span:nth-child(2):before{
    content: "ICパッケージ CCL";font-size: 1.6rem;}
.swiper_product .swiper-pagination > span:nth-child(3):before{
    content: "ネットワーク設備 CCL";font-size: 1.6rem;}
.swiper_product .swiper-pagination > span:nth-child(4):before{
    content: "５G / 6G通信 CCL";font-size: 1.6rem;}
.swiper_product .swiper-pagination > span:nth-child(5):before{
    content: "PFC";font-size: 1.6rem;}
.swiper_product .swiper-pagination > span:nth-child(6):before{
    content: "5Gアンテナモジュール";font-size: 1.6rem;}

.swiper_product .swiper-pagination > span:nth-child(6):after{
    /*margin-left:0; */
    /*display:none;*/
}

.swiper_product .swiper-pagination > span:nth-child(7):before{
    content: "MEMSタイミングデバイスソリューション";font-size: 1.5rem;
    /*display: none;*/
}



.swiper_product span.swiper-pagination-bullet:before{letter-spacing: -1px;}
.swiper_product .swiper-pagination > span {margin-left: 1rem;}
.swiper_product .swiper-pagination > span:after{margin-left: 1rem;}
.swiper-product .product_txt> p:nth-child(2){word-break: inherit;}
.slide-wrapper__main .text-area span{/*font-size: 4rem;*/}

.regist-content .st01{width:73.3rem}
.st01 .regist_input{width:57rem}
.st02 .regist_input{width:24.7rem}

/* gnb */
body.pc #header.pc .sub li .depth3_list li a {
    font-size: 1.4rem;
    letter-spacing: -1px;
    line-height: 2rem;
}

.regist-content label{font-size:1.4rem; letter-spacing: -0.5px;}

.header__bottom .sub li .depth3_list li{margin: 9px 0;}
.header__bottom .sub .on_depth .depth3_list.one{ height: 130px;}


/* 풋터 */ 
footer .footer-top__sitemap > ul > li > .sub-list > li > .sub-depth3-list .sub_depth3{
    font-size: 1.4rem;
    letter-spacing: -1px;
    line-height: 1.5;
} 
footer .footer-top__sitemap > ul > li > .sub-list > li > .sub-depth3-list > li{margin-bottom: 14px;} 
#registAgree[type="checkbox"]+label{font-size: 1.3rem;}


/* 역사 */
.history_main > .history_wrap > .visualtext > ul > li > p.ttl{font-size: 3.7rem; letter-spacing: -1px;}
.history_main > .history_wrap > .visualtext > ul{overflow: hidden;}
.history_main > .history_wrap > .visualtext > ul > li div.desc{font-size: 1.6rem; margin-top: 20px;}
.year_txt_box{width: 40%;}


/* 헤더 */

#header.reverse .search-title { 
    overflow:hidden; 
    width: 109px;
    height: 43px;
    margin-top:4px; 
    background:url("../images/logo_text_jp_pc.svg") center top no-repeat; 
    text-indent:-9999px 
} 


.header__bottom .search-title{
    overflow: hidden;
    width: 109px;
    height: 43px;
    margin-top: 4px;
    background: url(../images/logo_white_jp.svg) center top no-repeat;
    text-indent: -9999px;
}
#header.active .search-title {
    overflow: hidden;
    width: 109px;
    height: 43px;
    background: url(../images/logo_text_jp_pc.svg) no-repeat center top;
    text-indent: -9999px;
}

body.pc #header.pc .search-title {
    overflow: hidden;
    width: 109px;
    height: 43px;
    background: url(../images/logo_text_jp_pc.svg) no-repeat center top;
    text-indent: -9999px;
}

br.pc{display: block;}


/* 미디어쿼리 */
@media screen and (max-width: 1700px){
    
}

@media screen and (max-width: 1280px){
    .header__bottom nav .depth_01>li a{font-size: 1.8rem;}
    .history_main > .history_wrap > .visualtext > ul > li{padding: 0 20px;}
}





@media screen and (max-width: 1080px){
    .history_main > .history_wrap > .visualtext > ul > li {
        padding-left: 5rem;
    }

    .header__bottom .sub .on_depth .depth3_list.one{height:130px}
    .header__bottom .sub .on_depth .depth3_list.one li:nth-last-child(1) a{list-height: 20px;}
    .regist-content .st01{width:100%;}
    .st01 .regist_input{width: calc(100% - 10rem);}
    .st02 .regist_input{width: calc(100% - 10rem);}
    .regist-content li:nth-child(3) label{width:9.3rem}
    .st03{margin: 1.9rem 0 0 10rem;}
    .st04{margin: 3rem 0 0 9.3rem;}

    
    .header__bottom .sub li .depth3_list li{margin: 0px 0;}
    #header.active .header__bottom .search-area::before{top: -7px;}
    .header__bottom .search-area::before{top: -7px;}


    .intro_box_wrap > ul > li > .intro_box {
        padding: 2.2rem 1.2rem;
    }
    .intro_box_wrap > ul > li > .intro_box > .B_ttl{font-size: 1.7rem;}
    .slide-wrapper__main .text-area {margin: 0 5.6rem;}
    .swiper_product .swiper-pagination > span{margin-left: 0;}
    
    #header .search-title {
        width: 78px;
        height: 30px;
        right: -52px;
        background: url(../images/logo_white_jp.svg) center top no-repeat;
        background-size: 78px;
    }
    #header.reverse .search-title{
        background: url(../images/logo_text_jp_pc.svg) no-repeat center top;
        width: 78px;
        height: 30px;
        background-size: 78px;
        right: -52px;        
        margin-top: -9px;
    }
    
    #header.active .search-title{
        width: 78px;
        height: 30px;
        background-size: 78px;
        right: -52px;
        margin-top: -9px;
    }

    .regist-content{width:100%;}
    .regist-content li:nth-child(1) label{width: 10rem;}
    .regist-content li:nth-child(2) label{width: 10rem;}
    
    body.mobile #menu.on .menu-area .depth_01 .box-area .on_depth ul li a.lih{
        line-height: 1.8rem;
        margin-top: 0.5rem;
    }
    .swiper_product .swiper-pagination > span:nth-child(7):before{padding: 0 15px;}
}


@media screen and (max-width: 767px){
    .history_main > .history_wrap > .visualtext > ul > li{padding-left: 2.5rem;}
    .history_main > .history_wrap > .visualtext > ul > li > p.ttl {
        line-height: 2.5rem;
        margin-right: 100px;
        letter-spacing: -1px;
        font-size: 2rem;
        margin-top: 3px;
    }
    .search_side_wrap .dwn_btn{width:100%}
    .swiper_head > .swiper_ttl{margin-top:50px}
    .swiper_product .swiper{margin-top:2.9rem}
    .year_txt_box{width: 100%;}
    .his_cont.active .txt_desc{letter-spacing: -1.2px;}
    .slide-wrapper__main .text-area span {/*font-size: 20px;*/}
    
   
    .swiper_product .swiper-pagination > span:nth-child(1):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(2):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(3):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(4):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(5):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(6):before{content:"";}
    .swiper_product .swiper-pagination > span:nth-child(7):before{content:"";}

    .swiper_head > .swiper_ttl > p {
        font-size: 1.4rem;
        margin: 0 1.5rem;
        line-height: 2.3rem;
    }

    .regist-content li:nth-child(1) label{width: 10rem;}
    .regist-content li:nth-child(2) label{width: 10rem;}
    .regist-content li:nth-child(3) label{width: 10rem;}
    .st03 { margin: 1.6rem 0 0 10rem;}
    .st04 {margin: 0 auto; margin-top:25px;}
    
    #registAgree[type="checkbox"]+label {
        font-size: 1.3rem;
        margin: 0 0.5rem;
        font-size: 1.4rem;
        width: 14rem;
        text-align: left;
    }
    
}


   
@media screen and (max-width: 640px){
    .slide-wrapper__main .text-area{margin: 0 1.6rem;}
    .slide-wrapper__main .text-area span {font-size: 24px;}
} 



@media screen and (max-width: 1080px) {
     /*제품 레이어팝업 추가*/
    .pop-layer .st04{margin: 3rem auto;}
}

@media screen and (max-width: 767px) {
     /*제품 레이어팝업 추가*/
   .pop-layer{}
   .pop-layer .st04{}
    
}

@media screen and (max-width: 375px) {
     /*제품 레이어팝업 추가*/
   .pop-layer{width: 340px; left: 50%;}
}