@charset "utf-8";

@media (hover: hover) { 
    /*main*/
    .firsttech.index .section.company .cont .info > a:hover{
        background: rgb(133 126 123 / 40%);
    }
    .index .c-listset .c-list:hover .txtset .plus-btn{
        transform: rotate( 360deg );
    }

    /*header*/
    .gnb-button-box:hover .gnb-button{
        color: #DA5116
    }
    .gnb-button-box .gnb-button-list-box .gnb-button-list:hover{
        color:#DA5116;
        background: #FFFAE7;
    }


    /*btnset*/
    .btnset .btn:hover{
        background: #DA5116;
        color:#fff
    }
    #email-form-wrap input:hover, #email-form-wrap #content:hover{

    }


    /*sub*/
    .sub-visual-list ul li a:hover{
        background: #DA5116;
        text-decoration: none;
    }




  }



  @media (max-width:1500px){

    /*header*/
    #hd_wrapper {
        max-width: inherit;
        padding: 0 50px;
    }
  }





  @media (max-width:1440px){

    /*footer*/
    .tail-info .info-in{
        max-width: inherit;
        padding: 0 50px;
    }








  }





  @media (max-width:1399px){
    .sub-visual-img-inner{
        padding: 75px 0 0;
    }
  }



  @media (max-width:1280px){


    .sub-info-wrap {
        margin-top: 80px;
    }      
    .sub-info-wrap .list  {
        
    }
          .sub-info-wrap .list > li {
              padding: 0 25px;
          }

          .sub-info-wrap .list > li + li::before { 
            height:100%
          }
    

    
          .sub-info-wrap .list > li .icon  {
              width: 60px;
        height: 60px;
        display: inline-block;
        background: url(../img/sub/product-iconset02.png) no-repeat 0 0 / auto 60px;
        margin-top: 10px;
          }
    
          .sub-info-wrap .list > li .txt-in .title {font-size:20px}
          .sub-info-wrap .list > li .txt-in .in-list > li {font-size:16px}
    
          .sub-info-wrap .list > li .icon.ty1 {background-position:0 0}
          .sub-info-wrap .list > li .icon.ty2 {background-position:-60px 0 }
          .sub-info-wrap .list > li .icon.ty3 {background-position:-120px 0 }
          .sub-info-wrap .list > li .icon.ty4 {background-position:-180px 0 }
          .sub-info-wrap .list > li .icon.ty5 {background-position:-240px 0 }
          .sub-info-wrap .list > li.col1 .txt-in {margin-top:10px}



    /*header*/
    #hd_wrapper {
        padding: 0 50px;
    }
    #hd_wrapper #logo > a{
        width: 180px;
    }


    /*footer*/
    .bottom-contents .bottom-contents-wrap:first-child{
        display: flex;
        flex-direction: column;
    }
    .bottom-contents-txt:not(:last-child)::after{
        display: none;
    }


    /*main*/
    .firsttech.index .section.company .cont .info{
        width: 768px;
    }
    .firsttech.index .cs-inner .conset.partner .pt-listset .pt-list{
        gap: 60px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        max-width: 768px;
    }


    /*sub*/
    .sub-container{
        max-width: 1000px;
    }
    .contents-sub-title, 
    .company-txt-title, 
    .location-contents-title, 
    .contents-copy-title{
        font-size: 32px;
    }
    .company-txt-wrap .company-img + .company-txt{
        padding-left: 50px;
    }
    .company-img{
        flex: 1;
        padding: 0;
    }
    .company-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .contents-copy-sub{
        font-size: 16px;
    }
    .contents-copy-title + .contents-copy-sub {
        margin-top: -40px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .stxt{
        font-size: 15px;
        margin-right: 50px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li > div{
        flex: 1;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .imgset > img{
        width: 100%;
        object-fit: cover;
    }

    .prd .contents-copy-title{
        margin-bottom: 100px;
    }
    .prd.ty1 .conbox .order-list{
        gap: 40px;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(1)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(2)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(3)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(5)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(6)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(7)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(9)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(10)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(11)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(13)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(14)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(15)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(17)::after{
        width: 40px;
        height: 80px;
        right: -40px
    }
    .prd.ty1 .conbox .order-list > li:nth-child(1)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(2)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(3)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(5)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(6)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(7)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(8)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(9)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(10)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(11)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(13)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(14)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(15)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(17)::before{
        right: -30px;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(4)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(8)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(12)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(16)::after{
        height: 40px;
        bottom: -40px;
        width: 80px;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(4)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(8)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(12)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(16)::before{
        bottom: -30px;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(5)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(6)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(7)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(13)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(14)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(15)::after{
        right: inherit;
        left: -40px;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(5)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(6)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(7)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(13)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(14)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(15)::before{
        right: inherit;
        left: -30px;
    }
    .prd.ty1 .conbox .order-list > li{
        padding:30px 15px 20px;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .titset .mtxt{
        font-size: 20px;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .txtset > p > span{
        font-size: 15px;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .titset .cg{
        font-size: 12px;
    }

    .prd.ty1.ty2 .conbox .info-box{
        padding: 70px 0;
    }
    .prd.ty1.ty2 .conbox .info-box .box{
        gap: 30px;
    }
    .prd.ty1.ty2 .conbox .info-box .box .box-in{
        padding: 40px 20px;
    }

    .prd.ty1.ty2 .conbox .order-box, 
    .prd.ty1.ty2 .conbox .info-box .box{
        max-width: 1000px;
    }









  }



  @media (max-width:1024px){


    .sub-info-wrap {
        margin-top: 40px;
    }      
    .sub-info-wrap .list  {
        flex-direction:column
    }
          .sub-info-wrap .list > li {
              padding: 25px 0;
          }
    
          .sub-info-wrap .list > li + li::before  {
              height:1px;
              width:100%
          }
    
          .sub-info-wrap .list > li .icon  {
              width: 60px;
        height: 60px;
        display: inline-block;
        background: url(../img/sub/product-iconset02.png) no-repeat 0 0 / auto 60px;
        margin-top: 10px;
          }
    
          .sub-info-wrap .list > li .txt-in .title {font-size:20px}
          .sub-info-wrap .list > li .txt-in .in-list > li {font-size:16px}
    
          .sub-info-wrap .list > li .icon.ty1 {background-position:0 0}
          .sub-info-wrap .list > li .icon.ty2 {background-position:-60px 0 }
          .sub-info-wrap .list > li .icon.ty3 {background-position:-120px 0 }
          .sub-info-wrap .list > li .icon.ty4 {background-position:-180px 0 }
          .sub-info-wrap .list > li .icon.ty5 {background-position:-240px 0 }
          .sub-info-wrap .list > li.col1 .txt-in {margin-top:10px}

          
          
    /*header*/
    #hd_wrapper #logo > a{
        width: 160px;
    }
    .gnb-button-box .gnb-butto{
        font-size: 15px;
    }
    .gnb-button-box .gnb-button-list-box .gnb-button-listn,
    #gnb .lang .lang-list > li > a{
        font-size: 14px;
    }



    /*footer*/
    .bottom #logo > a{
        width: 160px;
    }



    .hd4{
        font-size: 27px;
    }
    .hd5{
        font-size: 20px;
    }
    .stxt{
        font-size: 14px;
    }


    /*main*/
    .index .main-slide-card .txt-box {
        transform: translate(0, -10%);
    }
    .index .main-slide-warp .bx-controls{
        bottom: 80px;
    }
    .index .c-listset .c-list .txtset .hd4{
        font-size: 27px;
    }
    .section.company .cont .info > a{
        padding: 50px 30px 30px 50px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        max-width: 768px;
    }


    /*sub*/
    .sub-container{
        max-width: inherit;
        padding: 100px 50px 150px;
    }
    .contents-sub-title, 
    .company-txt-title, 
    .location-contents-title, 
    .contents-copy-title{
        font-size: 27px;
        margin: 0 0 30px;
    }
    .company-txt-inner .stxt{
        font-size: 14px;
    }
    .contents-copy-title + .contents-copy-sub {
        margin-top: -20px;
    }
    .vision .contents-copy-title{
        font-size: 32px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .mtxt{
        font-size: 24px;
    }
    .vision .contents-copy-sub > br{
        display: none;
    }
    
    .inq .sub-container-title{
        text-align: left;
    }
    #email-form-wrap input, 
    #email-form-wrap #content,
    #email-form-wrap input::placeholder{
        font-size: 15px;
    }
    #email-form-wrap form .emlist li{
        font-size: 12px;
        line-height: 16px;
    }


    .prd.ty1 .conbox .order-list > li .txtbox .txtset > p > span{
        font-size: 14px;
    }

    .sub-container.prd.ty1{
        padding: 100px 0 0;
    }
    .prd.ty1 .conbox .order-box{
        padding: 0 50px;
    }
    .prd.ty1 .conbox .info-box{
        padding: 70px 50px;
    }



    .product-contents.prd.ty3 .contents-copy-wrap .box .box-in.ty1 {
        flex: 0.6;
    }
    .product-contents.prd.ty3 .contents-copy-wrap .box .box-in.ty2{
        flex: 1.4;
    }


  }




  @media (max-width:991px){
    /*header*/
    .gnb-button-box .gnb-button-list-box .gnb-button-list{
        justify-content: flex-start;
        padding: 10px;
    }

    /*footer*/
    .bottom-contents,
    .bottom-contents-wrap:last-child {
        justify-content: flex-start
    }


    /*sub*/
    .company-img {
        z-index: -1;
        bottom: 0;
    }
    .company-img:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
    }
    .company-img > img{
        box-shadow: none;
    }
    .notice .sub-container-title{
        text-align: left;
    }

    .catalog .sub-container-title{
        text-align: left;
    }
    .catalog .company-img{
        position: inherit;
    }
    .catalog .company-img > img{
        opacity: 1;
    }
    .catalog .company-img:after{
        display: none;
    }
    .catalog .company-img > img {
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    }

    #bo_v_atc{
        padding: 0;
    }

    .product-contents .contents-copy-img{
        padding: 0;
    }


  }





  @media (max-width:768px){


    /*main*/
    .firsttech.index .main-slide-card .txt-title .main-tit01{
        font-size: 80px;
    }
    .firsttech.index .main-slide-card .txt-title .main-tit02{
        line-height: 1.5;
    }
    .index .c-listset{
        grid-template-columns: repeat(1, auto);
        padding-top: 75px;
    }
    .index .c-listset .c-list{
        padding: 0px;
    }
    .index .c-listset .c-list .imgset > img{
        width: 100%;
    }
    .index .c-listset .c-list .txtset{
        padding: 0 25px ;
    }
    .index .c-listset .c-list.ty1 .txtset{
        /* padding-top: 75px; */
    }
    .index .c-listset .c-list .txtset > a{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .index .c-listset .c-list .txtset .txt-in,
    .index .c-listset .c-list .txtset .plus-btn{
        flex: 1;
    }
    .index .c-listset .c-list .txtset .txt-in{
        text-align: left;
    }
    .index .c-listset .c-list .txtset .plus-btn{
        width: inherit;
        display: inline-block;
        text-align: right;
        margin-top: 0;
    }
    .index .c-listset .c-list .txtset .sub-container-title{
        display: none;
    }
    .firsttech.index .section.company .cont{
        width: 100%;
    }
    .firsttech.index .section.company .cont .info{
        padding: 0 50px;
    }
    .section.company .cont .info > a{
        padding: 40px 30px 30px 40px;
    }
    .section.company .cont .info > a .imgset{
        padding-top: 30px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        padding: 0 100px;
    }


    /*sub*/
    .sub-container-title{
        text-align: left;
    }
    .company-txt-inner {
        margin-right: 70px;
    }
    .company-txt-wrap .company-img + .company-txt{
        padding-left: 0;
    }
    .company-img img{
        height: inherit;
        width: inherit;
    }
    .company-txt .company-txt-sign{
        margin: 50px 0 0;
    }

    .vision .vision-contents-list-box .vision-contents-list > li .txtset .stxt{
        margin-right: 30px;
    }

    .catalog .company-txt-wrap{
        flex-direction: column;
        gap: 50px;
    }
    .catalog .company-img{
        margin: 0;
    }
    .catalog .btnset{
        margin-top: 70px;
    }


    /*board*/
    #bo_gall .gall_li {
        padding: 20px 30px 30px;
    }
    .notice #bo_gall .gall_text_href a .notice-title{
        font-size: 22px;
    }
    .notice #bo_gall .gall_text_href a .notice-contents,
    #bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view{
        font-size: 14px;
    }
    .notice #bo_v_title .bo_v_tit{
        font-size: 27px;
    }


    .cert #bo_v_atc{
        width: 50%;
        margin: 0 auto;
    }




    .prd.ty1 .conbox .order-list{
        grid-template-columns: repeat(3, 1fr);
    }
    .prd.ty1 .conbox .order-list > li:nth-child(1){
        order: 1;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(2){
        order: 2;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(3){
        order: 3;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(4){
        order: 6;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(5){
        order: 5;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(6){
        order: 4;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(7){
        order: 7;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(8){
        order: 8;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(9){
        order: 9;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(10){
        order: 12;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(11){
        order: 11;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(12){
        order: 10;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(13){
        order: 13;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(14){
        order: 14;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(15){
        order: 15;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(16){
        order: 18;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(17){
        order: 17;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(18){
        order: 16;
    }


    .prd.ty1 .conbox .order-list > li:nth-child(3)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(6)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(9)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(15)::after{
        height: 40px;
        top: inherit;
        bottom: -40px;
        width: 80px;
        left: 50%;
        right: inherit;
        transform: translate(-50%, 0);
    }
    .prd.ty1 .conbox .order-list > li:nth-child(3)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(6)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(9)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(15)::before{
        bottom: -30px;
        left: 50%;
        top: inherit;
        right: inherit;
        transform: translate(-50%, 0) rotate(90deg);
    }
    .prd.ty1 .conbox .order-list > li:nth-child(4)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(10)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(11)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(16)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(17)::after{
        width: 40px;
        height: 80px;
        right: inherit;
        left: -40px;
        top: 50%;
        bottom: inherit;
        transform: translate(0, -50%);
    }
    .prd.ty1 .conbox .order-list > li:nth-child(4)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(10)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(11)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(16)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(17)::before{
        right: inherit;
        left: -30px;
        top: 50%;
        bottom: inherit;
        transform: translate(0, -50%) rotate(180deg);
        
    }
    .prd.ty1 .conbox .order-list > li:nth-child(7)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(8)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(13)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(14)::after{
        right: -40px;
        left: inherit;
        top: 50%;
        bottom: inherit;
        width: 40px;
        height: 80px;
        transform: translate(0, -50%);
    }
    .prd.ty1 .conbox .order-list > li:nth-child(7)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(8)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(13)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(14)::before{
        right: -30px;
        left: inherit;
        transform: translate(0, -50%) rotate(0deg);
        top: 50%;
        bottom: inherit;
    }




    .prd.ty1.ty2 .conbox .info-box .box .box-in .conset{
        flex-direction: column;
        gap: 0;
        height: 100%;
    }
    .prd.ty1.ty2 .conbox .info-box .box .box-in .titset .mtxt{
        font-size: 16px;
    }
    .prd.ty1.ty2 .conbox .info-box .box .box-in .titset{
        margin-bottom: 10px;
    }
    .prd.ty1.ty2 .conbox .info-box .box .box-in{
        padding-bottom: 60px;
    }

    .prd.ty1 .conbox .info-box .box,
    .prd.ty1.ty2 .conbox .info-box .box{
        gap: 10px;
    }


    .product-contents.prd.ty3 .contents-copy-wrap .box{
        flex-direction: column;
    }
    .product-contents.prd.ty3 .contents-copy-wrap .box .box-in.ty1{
        flex-direction: row;
        gap: inherit;
        justify-content: space-between;
    }
    .prd.ty1 .conbox .info-box .box{
        grid-template-columns: repeat(2,1fr);
    }
    .prd.ty1.ty2 .conbox .info-box .box{
        grid-template-columns: repeat(3,1fr);
    }



    



  }




  @media (max-width:767px){



    /*footer*/
    .tail-info .info-in{
        flex-direction: column;
        align-items: flex-start;
        padding: 50px 25px 0;
    }
    #logo img{
        width: 100%;
    }
    .bottom-contents-txt{
        font-size: 12px;
    }
    .bottom-contents, 
    .bottom-contents-wrap:last-child{
        padding: 0 0 10px;
    }



    /*main*/
    .firsttech.index .main-slide-card .txt-title .main-tit01 {
        font-size: 60px;
    }
    .index .c-listset{
        padding-top: 60px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        padding: 0 50px;
    }



    /*sub*/
    .sub-container{
        padding: 100px 25px 150px;
    }
    .sub-visual-img-inner {
        padding: 60px 0 0;
    }
    .company-txt-inner{
        margin-right: 0;
    }
    .contents-copy-sub > br{
        display: none;
    }
    .vision .vision-contents-list-box .vision-contents-list > li{
        gap:30px
    }
    .vision .vision-contents-list-box .vision-contents-list > li + li{
        margin-top: 30px;
        padding-top: 30px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .stxt{
        margin-right: 0;
    }
    .contents-copy-sub{
        font-size: 14px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .stxt{
        font-size: 13px;
    }
    .vision .contents-copy-title{
        font-size: 27px;
    }
    .vision .vision-contents-list-box .vision-contents-list > li .txtset .mtxt{
        font-size: 20px;
    }

    .org-chart .org-contents .imgset.pc{
        display: none;
    }
    .org-chart .org-contents .imgset.mb{
        display: block;
    }

    /*board*/
    #bo_gall .gall_li{
        width: 100%;
    }
    .sub-container.cert .top-box{
        flex-direction: column;
        align-items: flex-start;
    }
    .cert #bo_gall #gall_ul{
        grid-template-columns: repeat(3, 1fr); 
    }
    .notice #bo_gall .gall_con{
        flex-direction: column;
        gap: 30px;
    }
    .notice #bo_gall .gall_img{
        height: 300px !important;
        max-height: 300px !important;
        width: 100%;
    }
    .notice #bo_gall .gall_img span{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center
    }
    #bo_gall .gall_img span.no_image img{
        max-width: 50%;
    }
    #bo_gall .gall_con .gall_img_txt {
        padding: 0 0 0 0px;
    }



    .prd.ty1.ty2 .conbox .info-box .box{
        flex-direction: column;
    }
    .prd.ty1.ty2 .conbox .info-box .box .box-in .conset{
        flex-direction: row;
    }


  }





  @media (max-width:480px){

    /*header*/
    #hd_wrapper #logo > a{
        width: 130px;
    }



    /*footer*/
    .bottom #logo > a{
        width: 130px;
    }
    .bottom-contents-wrap{
        padding: 0;
    }
    .tail-info .info-in{
        padding-top: 15px;
    }



    .hd4{
        font-size: 22px;
    }
    .stxt{
        font-size: 13px;
    }
    .btnset .btn{
        font-size: 14px;
    }


    /*main*/
    .firsttech.index .main-slide-card .txt-title .main-tit01 {
        font-size: 14vw;
    }
    .firsttech.index .main-slide-card .txt-tag {
        margin-bottom: 30px;
    }
    .firsttech.index .main-slide-card .txt-tag .logo-tag{
        width: 130px;
        height: 39px;
    }
    #fp-nav.right{
        display: none;
    }
    .index .c-listset .c-list .txtset .stxt{
        display: none;
    }
    .index .c-listset .c-list .txtset .hd4{
        font-size: 22px;
        padding: 0;
    }
    .firsttech.index .section.company .cont{
        padding: 60px 25px 0;
    }
    .section.company .cont .hd4 > br{
        display: none;
    }
    .firsttech.index .section.company .cont .info{
        padding: 0;
        flex-direction: column;
        display: flex;
        width: 100%;
    }
    .section.company .cont .info > a {
        padding: 30px 20px 20px 30px;
    }
    .section.company .cont .hd4{
        padding-bottom: 30px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in{
        padding: 0 25px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in .titset .hd4 > br{
        display: none;
    }
    .firsttech.index .cs-inner .conset.partner .pt-listset .pt-list{
        gap: 30px;
    }
    .firsttech.index .cs-inner .conset.partner .partner-in .titset .hd4{
        padding-bottom: 40px;
    }
    .footer #logo > a{
        font-size: 16px;
    }
    .footer .copy{
        font-size: 10px;
    }



    /*sub*/
    .sub-visual-img-inner {
        height: 45vh;
    }
    .sub-visual-img-inner > img{
        max-width: 100%;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .sub-container {
        max-width: inherit;
        padding: 70px 25px 100px;
    }
    .contents-sub-title, 
    .company-txt-title, 
    .location-contents-title, 
    .contents-copy-title{
        font-size: 24px;
    }
    .company-txt .company-txt-sign{
        font-size: 14px;
    }
    .company-txt .company-txt-sign > span{
        font-size: 32px;
    }

    .vision .vision-contents-list-box .vision-contents-list > li{
        flex-direction: column;
    }
    .vision .sub-container-title, .vision .contents-copy-wrap, .org-chart .sub-container-title, .org-chart .contents-copy-wrap,.contents-copy-title, .contents-copy-sub{
        text-align: left;
    }

    .emlist .privacy-ot .pr-set .pr-con{
        padding: 10px 10px 20px;
    }
    #email-form-wrap form .emlist li.privacy-ot .inbox .pr-set .agree-ot .ag-in > label{
        font-size: 12px;
    }

    
   



    /*board*/
    .cert #bo_gall #gall_ul{
        grid-template-columns: repeat(2, 1fr); 
    }
    .notice #bo_gall .gall_img{
        height: 150px !important;
        max-height: 150px !important;
        width: 100%;
    }
    .notice #bo_gall .gall_text_href a .notice-title{
        font-size: 18px;
    }
    .notice #bo_gall .gall_text_href a .notice-contents, #bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view {
        font-size: 13px;
    }
    .notice #bo_gall .gall_con{
        gap: 10px;
    }
    .notice #bo_v_title .bo_v_tit{
        font-size: 20px;
    }
    .notice #bo_v_con{
        font-size: 14px;
    }
    .notice .btnset .btn{
        font-size: 14px;
    }


    .cert #bo_v_atc{
        width: 100%;
    }






    .prd .contents-copy-title{
        margin-bottom: 70px;
    }
    .prd.ty1 .conbox .order-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .prd.ty1 .conbox .order-list > li{
        padding: 20px 10px 10px;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .titset .cg{
        font-size: 12px;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .titset .mtxt{
        font-size: 18px;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .titset{
        margin-bottom: 10px;
    }

    .prd.ty1 .conbox .order-list > li:nth-child(1){
        order: 1;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(2){
        order: 2;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(3){
        order: 4;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(4){
        order: 3;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(5){
        order: 5;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(6){
        order: 6;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(7){
        order: 8;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(8){
        order: 7;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(9){
        order: 9;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(10){
        order: 10;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(11){
        order: 12;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(12){
        order: 11;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(13){
        order: 13;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(14){
        order: 14;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(15){
        order: 16;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(16){
        order: 15;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(17){
        order: 17;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(18){
        order: 18;
    }
    

    .prd.ty1 .conbox .order-list > li:nth-child(2)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(4)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(8)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(10)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(14)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(16)::after{
        height: 40px;
        top: inherit;
        bottom: -40px;
        width: 80px;
        left: 50%;
        right: inherit;
        transform: translate(-50%, 0);
    }
    .prd.ty1 .conbox .order-list > li:nth-child(2)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(4)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(8)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(10)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(14)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(16)::before{
        bottom: -30px;
        left: 50%;
        top: inherit;
        right: inherit;
        transform: translate(-50%, 0) rotate(90deg);
    }

    .prd.ty1 .conbox .order-list > li:nth-child(3)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(7)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(15)::after{
        right: inherit;
        left: -40px;
        width: 40px;
        height: 80px;
        top: 50%;
        bottom: 0;
        transform: translate(0, -50%);
    }
    .prd.ty1 .conbox .order-list > li:nth-child(3)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(7)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(15)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(19)::before{
        transform: translate(0, -50%) rotate(180deg);
        right: inherit;
        left: -30px;
        top: 50%;
        bottom: inherit;
    }

    .prd.ty1 .conbox .order-list > li:nth-child(5)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(9)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(17)::after{
        right: -40px;
        left: inherit;
        bottom: inherit;
        top: 50%;
        width: 40px;
        height: 80px;
        transform: translate(0, -50%);
    }
    .prd.ty1 .conbox .order-list > li:nth-child(5)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(9)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(17)::before{
        right: -30px;
        left: inherit;
        transform: translate(0, -50%) rotate(0deg);
        bottom: inherit;
        top: 50%;
    }

    .prd.ty1 .conbox .order-box,
    .prd.ty1.ty2 .conbox .order-box{
        padding: 0 20px;
    }
    .prd.ty1 .conbox .info-box,
    .prd.ty1.ty2 .conbox .info-box{
        padding: 50px 20px;
    }
    .prd.ty1 .conbox .info-box .box .box-in,
    .prd.ty1.ty2 .conbox .info-box .box .box-in{
        padding: 30px;
    }
    .prd.ty1 .conbox .info-box .box,
    .prd.ty1.ty2 .conbox .info-box .box{
        gap: 15px;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .titset,
    .prd.ty1.ty2 .conbox .order-list > li .txtbox .titset{
        margin-bottom: 0;
    }
    .prd.ty1 .conbox .info-box .box .box-in .conset .txtset .info-list > li,
    .prd.ty1.ty2 .conbox .info-box .box .box-in .conset .txtset .info-list > li{
        font-size: 13px;
    }
    

    .prd.ty1 .conbox .order-list > li .txtbox .txtset > p > span {
        font-size: 12px;
    }

    .prd.ty1 .conbox .info-box .box .box-in .titset{
        margin-bottom: 10px;
    }
    .prd.ty1.ty2 .conbox .info-box .box .box-in .titset{
        margin-bottom: 20px;
    }



    /**/
    .prd.ty1 .conbox .order-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .prd.ty1 .conbox .order-list > li{
        flex-direction: row;
        gap: 20px;
    }
    .prd.ty1.ty2 .conbox .order-list > li{
        align-items: center;
    }
    .prd.ty1 .conbox .order-list > li > div{
        flex: 1;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .titset{
        text-align: left;
    }
    .prd.ty1 .conbox .order-list > li .txtbox + .imgbox{
        margin-top: 0;
    }
    .prd.ty1 .conbox .order-list > li .txtbox .txtset > p{
        justify-content: flex-start;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(1)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(2)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(3)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(5)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(6)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(7)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(9)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(10)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(11)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(13)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(14)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(15)::after, 
    .prd.ty1 .conbox .order-list > li:nth-child(17)::after,
    .prd.ty1 .conbox .order-list > li:nth-child(18)::after {
        right: inherit;
        top: inherit;
        left: 50%;
        bottom: -40px;
        width: 80px;
        height: 40px;
        transform: translate(-50%,0);
    }
    .prd.ty1 .conbox .order-list > li{
        padding: 20px;
    }

    .prd.ty1 .conbox .order-list > li:nth-child(1)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(2)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(3)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(5)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(6)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(7)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(9)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(10)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(11)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(13)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(14)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(15)::before, 
    .prd.ty1 .conbox .order-list > li:nth-child(17)::before,
    .prd.ty1 .conbox .order-list > li:nth-child(18)::before{
        right: inherit;
        top: inherit;
        left: 50%;
        bottom: -30px;
        transform: translate(-50%, 0) rotate(90deg);
    }

    .prd.ty1 .conbox .order-list > li:nth-child(1){
        order: 1;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(2){
        order: 2;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(3){
        order: 3;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(4){
        order: 4;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(5){
        order: 5;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(6){
        order: 6;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(7){
        order: 7;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(8){
        order: 8;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(9){
        order: 9;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(10){
        order: 10;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(11){
        order: 11;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(12){
        order: 12;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(13){
        order: 13;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(14){
        order: 14;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(15){
        order: 15;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(16){
        order: 16;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(17){
        order: 17;
    }
    .prd.ty1 .conbox .order-list > li:nth-child(18){
        order: 18;
    }


    .product-contents.prd.ty3 .contents-copy-wrap .box .box-in.ty1 {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .product-contents.prd.ty3 .contents-copy-wrap .box .box-in.ty1 .imgset{
        width: 50%;
    }
    .product-contents.prd.ty3 .contents-copy-text{
        margin-top: 10px;
    }
    .product-contents .contents-copy-text span{
        margin-bottom: 2px;
    }
    .product-contents.prd.ty3 .contents-copy-wrap .box + .box{
        margin-top: 70px;
        padding-top: 70px;
    }



    .prd.ty1 .conbox .info-box .box,
    .prd.ty1.ty2 .conbox .info-box .box{
        grid-template-columns: repeat(1,1fr);
    }


  }