@charset "utf-8";
/* CSS Document */
#page p{
    line-height: 1.5;
}
#page .f_box{
    display: block;
}
#page .f_box img{
    width: 100%;
}
#page .f_col3 > *{
    width: 100%
}
#page .f_col2 > *{
    width: 100%
}
#page .f_box_wrap{
    flex-wrap: wrap !important;    
}
#page .sub_menu{
    display: none !important;
}
#page .f_justify_content_center{
    justify-content: center    
}
#page .f_justify_content_space_between{
    justify-content: space-between
}
#page .f_align_items_center{
    align-items: center
}
#page .f_box_layout_row_1{
    display: block;
}
#page .f_box_layout_row_1 > *{
    /*flex-grow: 1;*/
    width: 100%;
    margin-right:0;
    margin-bottom: 3rem;
}
#page .f_box_layout_row_1_col5{
    display: block;
    justify-content: space-between;
    margin-bottom: 3rem;

}
#page .f_box_layout_row_1_col5 > *{
    width: 100%;
    margin-right:0;
    background: #FFF;
    margin-bottom: 3rem;
}

#page .f_box_layout_row_2{
    display: block;
    margin-bottom: 3rem;
}
#page .f_box_layout_row_2 > *{
    width: 100%;
    margin-right:0;
    text-align: center;
}
#page .f_box_layout_row_3{
    display: block;
}
#page .f_box_layout_row_3 > *{
    width: 100%;
}
#page .f_box_layout_row_3_col3{
    display: block;
}
#page .f_box_layout_row_3_col3 > *{
    width: 100%;
    margin-right:0;
}
#page .f_box_layout_row_3_col3 img{
    width: 100%;
    margin-bottom: 1rem;
}
#page .f_box_layout_row_4{
    display: block;
}
#page .f_box_layout_row_4 > *{
    width:100%;
    margin-right:0;
    margin-bottom: 3rem;
}
#page .f_box_layout_row_4 img{
    width: 100%;
}
#page .f_box_layout_row_4_col3{
    display: block;
}
#page .f_box_layout_row_4_col3 > *{
    width: 100%;
    margin-bottom: 2rem;
}



#page .main-view {
    padding-top: 60px;
    height: 150px;
}
#page .main-view::before{
    display: none;
}
#page .main-view h1,
#page .main-view .single_title{
    font-size: 2.5rem;
}
#page .main-view h1 span,
#page .main-view .single_title span{
    font-size: 1rem;
}

/* mechanical-carbon -------------------------*/
#page .super{
    vertical-align: super;
    font-size: 0.8rem;
}
#page .ex-center{
    padding: 1rem;
    text-align: center;
}
#page .sub-title{
    color: #017C50;
    font-weight: bold;
    font-size: 2rem;
}
#page .text-left{
    text-align: left;
}
#page .mechanical-carbon_f_box_layout{
    display: block;
}
#page .mechanical-carbon_f_box_layout img{
    width: 100%;
}




/* development -------------------------*/
#page .development_f_box_layout{
    display: block;
    margin-bottom: 2rem;
}
#page .development_f_box_layout > *{
    margin-bottom: 2rem
}

/* recruit -------------------------*/
#page .recruit_top{
    display: block;
}
#page .recruit_f_box_layout{
    display: block;
    margin-bottom: 3rem;
}
#page .recruit_f_box_layout > *{
    width: 80%;
    margin: 0 auto 3rem;
    
}
#page .recruit_f_box_layout > *:last-child{
    width: 80%;
     margin: 0 auto 3rem;    
}
#page .recruit_f_box_layout .box{
    border: solid 1px #017C50;
    border-radius: 15px;
    text-align: center;
    padding: 10px;
}
#page .recruit_f_box_layout  p{
    font-size: 1.5rem;
}
#page .recruit_numerical{
    font-size: 5rem !important;
}
#page .recruit_foot{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    width: auto;
    margin: 0 1rem;
}
#page .recruit_foot > div{
    width:calc(100%/2 - 0.5rem);
    margin-bottom: 1rem;
}
  #page .recruit_foot_img img {
    width: 100%;
  }
  #page .recruit_foot_img p{
    font-size: 1.25rem;
  }
  #page .recruit_foot_img p span{
      padding: 1rem 1rem 1rem 0
  }



/* accsess map -------------------------*/

#page .imgBox img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
#page .gmap {
height: 0;
overflow: hidden;
padding-bottom: 350px;
position: relative;
margin-bottom: 3rem;
}

/* company */
#page .company-table{
    box-sizing: border-box;
    border-collapse:collapse;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #017C50;
  }
#page .company-table th{
    display: block;
    width: 100%;
    padding: 1rem 0;
    border: none;
}
#page .company-table td{
    display: block;
    border: none;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}


/*　Company-沿革　*/
#page .history__timeline__list__item__main__photo img{
    width: 100%
}
  
  
/* comprehensive */
#page .comprehensive_f_box_layout{
    display: block;
    margin-bottom: 0;
    text-align: center;
}

#page .comprehensive_f_box_layout .box{
    width: calc(100% - 30px);
}
#page .comprehensive_f_box_layout .arrow{
    padding: 1rem 0;
    width: 100%;
    text-align: center;
}
#page .comprehensive_f_box_layout .arrow img{
    transform: rotate( 90deg );
}


/* comprehensive-power */

#page .comprehensive_power_page .content_area > div{
    display: block;
}
#page .comprehensive_power_page .content_area .image img{
    width: 100%
}
#page .comprehensive_power_page .content_area > div.position_left{
    flex-direction: row-reverse;
}
#page .comprehensive_power_page .content_area .text_area{
    margin:1rem 2rem 5rem;
 
}
#page .comprehensive_power_page .content_area .text_area > div{
    width: 100%;
}
#page .comprehensive_power_page .content_area .text_area .btn{
    width: 100%;   
}
/* comprehensive-吹き出し */
#page .balloon{
    margin: 0 6rem;
}
#page .balloon1{
    padding: 1rem;
    margin: 0 0 2rem 0;
}
#page .balloon1 .icon{
    left: -8rem;
}
#page .balloon2{
    padding: 1rem;
    margin: 0 0 5rem 0;
    color: #017C50;
}
#page .balloon2 .icon{
    right: -9rem;
}

/*　news      -------------------------*/
#page .archive_content{
    display: block;
    justify-content: space-between;
}
#page .archive_content .archive_area{
    width: 100%;
    margin-bottom: 2rem;
}
#page .archive_content .archive_list{
    display: block;
    padding: 0.5rem;
    margin-bottom: 2rem;
}
#page .archive_content .archive_list img{
    width: 100%;
    height: auto;
}

#page .archive_content .archive_list > div{
    width:100% !important;
}
#page .archive_content .archive_menu{
    width: 100%;
}

#page .puroduct_img img{
    width: 100%
}

/*　equipment -------------------------*/

#page .equipment_item_list{
    display: block;
}
#page .equipment_item_list img{
    width: 100%
}

#page .equipment_table{
    width: 100%;
}

/* interview */
#page .interview_flexbox{
    flex-wrap: wrap;
}
#page .interview_flexbox a{
    display: block;
    width: calc(100%/3 - 1rem)
}
#page .interview_flexbox a img{
    width: 100%;
}
#page .interview_flexbox div img{
    width: 100%;
}
#page .interview_box1{
    text-align: left;
}



#page .gotothe100th_power_page .content_area > div{
    display: block;
    width: 100%;
    margin-bottom: 3rem;
}
#page .gotothe100th_power_page .content_area > div img{
    width: 100%;
    margin-bottom: 1rem;
}

#page .gotothe100th_power_page .content_area .text_area > div{	
    width: 100%;
    text-align: center;
    padding: 0;
    left: 0
}
#page .gotothe100th_power_page .content_area .text_area > div img{
    width: 80%;
}

#page .gotothe100th_power_page .content_area .text_area > .div2{
    width: 100%;
    padding: 0;
    text-align: center;
    bottom: 0;
    left: 0;
}
#page .catch_title {
    margin: 0;
	-webkit-transform: skewX(0deg);
	        transform: skewX(0deg);
    font-size: 1.75rem;

}
#page .catch_title span {
	display: block;
	-webkit-transform: skewX(0deg);
	        transform: skewX(0deg);
}
#page .puroduct_heading_col3{
    font-size: 2rem !important;
}
/*contact*/
#page .contact-table{
    border: solid 1px #017C50;
  }
  #page .contact-table th{
      border: none;
      display: block;
      width: 100%;
  }
  #page .contact-table td{
      border: none;
      display: block;
      width: 100%;
      padding: 1rem 10px;
      text-align: center;
  }
  /*#page .mwform-radio-field{
      display: block;
      text-align: left;
      padding: 0 1rem;
      margin-bottom: 1rem;
  }*/