@charset "utf-8";

/*renual*/

/*600以下*/
@media screen and (max-width:600px){
html{
  font-size: 72.5%;
}
* {
   box-sizing: border-box;
}
*, :after, :before {
    box-sizing: border-box;
}
body {
  min-width: 1px;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden!important;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#index{
  min-width: 1px;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden!important;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}
#headerwrap{
  /*height: 100vh;*/
  position: relative;
}
/*toggle*/
.toggle,.togglemenu{
  display: block;
  position: absolute;
  z-index: 100;
  font-size: inherit;
  top: 5px;
  left: 2%;
}
.toggle,.togglemenu.active span{
  display: block;
  position: absolute;
  z-index: 100;
  font-size: inherit;
  top: 0;
  left: 0;
}

.menu-trigger2,
.menu-trigger2 span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger2 {
  position: fixed;
  width: 40px;
  height: 44px;
}
.menu-trigger2 ::before {
  left: 0;
  width: 100%;
  height: 3px;
  background-color: red;
  border-radius: 3px;
}
.menu-trigger2 span {
  left: 0;
  width: 100%;
  height: 3px;
  background-color: red;
  border-radius: 3px;
}
.menu-trigger2 span:nth-of-type(1) {
  top: 8px;
  position: relative;
}
.menu-trigger2 span:nth-of-type(2) {
  top: 0;
  width: 70%;
  position: relative;
}
.menu-trigger2 span:nth-of-type(3) {
  bottom: 0;
  top: -8px;
  position: relative;
}
.menu-trigger2.active span:nth-of-type(1) {
  margin-top: 0
  -webkit-transform: translateY(28px) rotate(-45deg)!important;
  transform: translateY(28px) rotate(-45deg)!important;
}
.menu-trigger2.active span:nth-of-type(2) {
  opacity: 0;
  width: 100%;
}
.menu-trigger2.active span:nth-of-type(3) {
  -webkit-transform: translateY(5px) rotate(45deg)!important;
  transform: translateY(5px) rotate(45deg);
}
#init::after {
  width: 17px;
  height: 16px;
  top: 65px;
  cursor: pointer;
}
/*G-nav*/
#globalNavi{
  display: none;
  height: 150%;
  width: 100%;
}
.open #globalNavi{
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.gnav_nav, .gnav_ul{
  left: 0;
  top: 18%;
}
.gnav_li{
  width: 100%;
}
.gnav_li_product_li{
  width: 100%;
}
.navigation{
  background-color: #000;
  height: 100%;
  width: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  color: red;
  z-index: 5;
  opacity: .8;
  top: 0;
}
.gnav_li_product_ul,.gnav_li a{
  margin-left: 10%;
  color: #fff !important;
}
.gnav_li_product_li{
  margin-left: 20%;
  margin-top: 5%;
  font-size: 1.3em;
  color: #fff !important;
}
/*top*/
.main_box{
  position: absolute;
  top: 10%;
}
.main_box_d1{
  position: relative;
  top: 10%;
}
.prodcut_box,.prodcut_box_solution,.prodcut_box_ap,.solution_details,.design_service{
  clear: both;
  margin-top: 140%;
}
.logo {
  width: 100%;
  height: 100%;
  text-align: center;
  margin-left: 0;
  width: 100%;
  z-index: 2;
  position: relative;
}
.topimg_L{
  height: 50vh;
  max-width: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.topimg_R_box{
  display: none !important;
}
.topimg_roll_wrap{
  top: 35%;
  width: 95%;
}
.topimg_roll{
  width: 90%;
  margin: 0;
  height: 40vh;
}
.topimg_roll_d{
  padding:0;
}
.prodcut_box_img,.prodcut_box_img2{
  float: none;
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.prodcut_box_detail_wrap1,.prodcut_box_detail_wrap2{
  float: none;
  width: 100%;
  margin: 0 auto;
}
.prodcut_box_detail{
  width: 70%;
  margin: 5% auto 1% auto;
}
.prodcut_box_view_arrow{
  width: 100%;
  text-align: left;
  margin-left: 20%;
}
.infomation_t{
  width: 80%;
  margin: 0 auto;
}
.info_btn{
  width: 12rem;
  height: 10%;
  margin: 3em auto;
}
.prodcut_maker_li{
  width: 100%;
  margin: 0;
  text-align: center;
}
.image_wrap{
  padding: 0;
  overflow: inherit;
}
/*info*/
dd{
  display: inline-block;
  margin: 0;
  padding: 0;
}
dt{
  float: none;
  padding: 0;
  border: none;
}
.entrytime{
  padding-bottom: 0;
}
.prodcut_box_solution_img_bot{
  margin: 0;
  width: 100%;
  height: 60vh;
  max-width: 100%;
  padding-top: 18%;
}
.infotel{
  color: #fff !important;
}
.info_btn_t{
  float: none;
}
.info_btn_p{
  margin: 0 auto;
  padding:  5px;
}
.infomation_p_d{
  text-align: center;
  margin-left: 1em;
  width: 90%;
}
.info_a_p{
  padding-bottom: 0;
}
/*FOOTER*/
.fnav{
  width: auto;
  margin-top: 5%;
  margin-left: 10%;
}
.fnav_li_product_ul{
  display: inline-grid;
}
.fnav_li_product_li{
  margin: 4%;
  width: 100%;
}
.logo_f{
  width: 35%;
  height: 20%;
  text-align: center;
  margin: 1em auto;
}
.sns_f{
  width: 12%;
  height: 7vh;
}
/*PRODUCTS_COMMON*/
.topimg_L_solution,.topimg_L_pro,.topimg_L_pro_m,.topimg_L_pro_pr,.topimg_L_pro_rf,.topimg_L_as
,.topimg_L_wg,.topimg_L_pro_t,.topimg_L_pro_s,.topimg_L_company
{
  width: 100%;
  height: 50vh;
  max-width: 100%;
}
.prodcut_box_title_bot{
  margin-top: 0;
}
.topimg_roll_title_product{
  width: auto;
}
.prodcut_box_title_p2{
  margin-left: 15%;
  width: auto;
}
.topimg_roll_sub{
  font-size: .3em;
}
.topimg_roll_d_e{
  padding: 0;
  margin-top: 5%;
  width: 90%;
}
.topimg_roll_title_e{
  font-size: 2.2em;
}
.prodcut_box_title_2{
  margin-top: 55%;
}
/*SOLUTION*/
.prodcut_box_title{
  margin-top: 60%;
}
.solution_step{
  display: block;
  margin-bottom: 2em;
  max-width: 100%;
  margin-left: 0;
}
.app_sub_wrap{
  width: 80%;
  text-align: left;
}
.step_details_title{
  margin-left: 10%;
}
.ap_check{
  display: inline-block;
  margin: 0;
}
.prodcut_box_title_sub{
  width: 90%;
  margin: 2em;
  text-align: left;
}
.step_wrap,.solution_details_sub{
  text-align: center;
}
.step{
  text-align: center;
  width: 100%;
}
/*APPLYCATION*/
.product_img{
  height: auto;
  max-width: 100%;
  width: 90%;
}
/*DESIGN*/
.design_service_g{
  text-align: center;
}
.design_in_wrap{
  width: 80%;
  height: auto;
}
.design_in_wrap img{
  text-align: center;
}
.design_check{
  display: block;
}
.design_in_wrap img{
  max-width: 40%;
  height: 15vh;
}
.work_contain{
  display: block;
}
.work_imgwrap{
  max-width: 90%;
  margin: 0 auto;
}
.workimg{
  max-width: 100%;
}
/*DESIGN_graphic*/
.work_contain_g{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 13%;
  display: table;
  width: 95%;
}
.work_wrap_g{
  height: auto;
  width: 42%;
  display: inline-flex;
}
/*DESIGN_WEB_each*/
.work_web{
  margin-top: 10%;
}
.work_web_t_wrap{
  width: 80%;
  margin-bottom: 2em;
  margin-left: 2%;
}
/*TRANCIEVER*/
.tran_pickup{
  display: block;
}
.tran_pickup_ul, .tran_pickup_li{
  display: inline-block;
  width: 80%;
}
.tran_inner{
  margin-bottom: 25%;
}
/*AP*/
.prodcut_box_img2_ap{
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height: 40vh;
}
.ap-box{
  display: block;
  width: 100%;
}
.ap-box_slide_inner{
  margin: 0 auto;
}
.ap_img_re_box{
  width: 100%;
  margin-top: 55%;
}
.prodcut_box_view{
  width: 20vh;
}
/*ABOUTUS*/
.detail-style, .detail-style-p{
  margin-left: 15%;
}
.logo_imag_a{
  height: auto;
}
.topimg_roll_innner{
  width: 90%;
}
.company{
  margin-top: 15%;
}
.c-name{
  font-size: .9em;
  width: 20%;
  padding: 0;
}
/*CONTACT*/
.contactbox{
  width: 90%;
}
.radio1 {
  display: block;
}
.attention-a{
  text-align: left;
}
.informattention{
  width: 90%;
}
.contactbox_th{
  padding: 0;
}
.attention_p{
  margin-bottom: 15%;
}
.btn-c{
  margin-left: 40%;
}
.solution_details{
  margin-top: 15%;
  margin-bottom: 8%;
}
/*----------------------------------------------------------*/
@media only screen and (min-width:479px) and (max-width:768px) {
}
}