@charset "utf-8";

@media screen and (max-width: 1024px) {

	input::placeholder{
		font-size:12px;
	}

  /*----全体レイアウト-----*/
  /* .inner_cmn, */
  /* .inner_narrow {
    width: auto;
    padding: 0 1rem;
  } */
  .item_1_3 img {
    width: auto;
  }
  /*-----Form-----*/
  .fm_cmn input,
  .fm_cmn select {
    padding: 0.5em;
    font-size: 1.6rem; /*focus時の拡大を防ぐ*/
  }

  /*-----header------*/
  .header_inner {
    padding-left: 2rem;
    position: relative;
  }
  /*Mainte情報*/
  #maintenance.area_info {
    padding: 0.5rem 1rem;
    line-height: 1.5;
    position: relative;
  }

  .area_logo {
    width: 80px;
  }
  .header_left {
    height: 7rem;
    flex-direction: row-reverse;
  }
  .link_top {
    height: 60%;
    align-self: center;
    padding: 0 0.7em;
    font-size: 1.2rem;
    font-weight: bold;
    z-index: 0;

  }

  .link_top::after {
    content: "";
  }

  /*Gloval_navi*/
  .nav_gloval {
    position: absolute;
    display: none;
    width: 100%;
    top: 7rem;
    left: 0;
    z-index: 4;
    background-color: #fff;
    height: auto;
    color: #111;
    padding: 2.5rem;
    box-shadow: 0 0.5rem 1.5rem #ddd;
  }
  .glnav_item > li {
    padding: 1.5rem 0;
  }
  .glnav_main li.active {
    border-bottom: none;
    padding-top: 1.5rem;
  }
  .nav_gloval .glnav_main {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 0.1rem solid #ddd;
  }
 

  .glnav_main li,
  .glnav_cmn li {
    margin-right: 0;
    width: 100%;
  }
  .glnav_main > li {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    border-top: solid 0.1rem #ddd;
    font-weight: bold;
    position: relative;
  }
  .glnav_main li.active::after {
    content: none;
  }
  .glnav_link {
    flex-direction: column;
  }
  .glnav_link li {
    border-bottom: 0.1rem solid #ddd;
    width: 100%;
  }
  .glnav_link li a {
    width: 100%;
  }

  .glnav_cmn {
    border-bottom: 0.1rem solid #ddd;
  }
  .glnav_link li:first-child,
  .glnav_cmn li.contact_item {
    padding-left: 0;
  }
  .glnav_link::before,
  .glnav_link::after {
    content: none;
  }
  .glnav_cmn {
    flex-direction: column-reverse;
    position: relative;
  }
  .glnav_cmn li.contact_item {
    border-top: 0.1rem solid #ddd;
  }
  .glnav_cmn li.contact_item a {
    justify-content: flex-start;
  }
  .glnav_cmn li:last-child {
    padding-left: 0;
  }
  .glnav_main > .mm_parent > a::after{
    position: absolute;
    right: 0;
    top: 1.8rem;
  }
  .mm_wrap {
    position: static;
    box-shadow: none;
    border: none;
  }
  .mm_inner {
    max-height: none;
    padding: 0;
    font-size: 1.3rem;
  }
  #nav_gloval .mm_menu {
    width: 100%;
    padding: 0;
    flex-direction: column;
  }
  #nav_gloval .mm_menu > ul {
    width: 100%;
    margin: 0;
    padding-top: 1em;
  }
  #nav_gloval .mm_menu > ul > li.ttl_item {
    border: none;
  }
  #nav_gloval .mm_menu > ul > li.ttl_item:not(:first-child) {
    margin-top: 0;
  }
  #nav_gloval .mm_menu > ul > li:not(.ttl_item) {
    font-weight: normal;
    color: #666;
  }
  /*#nav_gloval .mm_menu > ul > li:not(:last-child) {
    padding-bottom: 0em;
  }*/
  #nav_gloval .mm_menu > ul > li {
    padding-bottom: 0.3em;
  }
  #nav_gloval .mm_menu > ul > li a {
    width: 100vw;
    height: 2em;
  }
  .mm_title {
    display: none;
  }
  .glnav_main > .mm_parent > a::after {
    content: "";
  }
  .glnav_main > .mm_parent::after {
    font-family: Material Icons;
    content: "\e313";
    position: absolute;
    top: 1.2rem;
    right: 0;
  }

  /*Site内検索and言語選択*/
  .area_search_lang {
    width: 100%;
  }
  .win_search {
    display: none;
  }

  .win_lang {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .win_lang a {
    display: flex;
    align-items: center;
  }
  .win_lang::after {
    font-family: Material Icons;
    content: "\e313";
    position: absolute;
    right: 0;
  }
  .area_search_lang > li {
    padding-top: 0;
  }
  .mm_wrap_2 {
    top: 5.6rem;
    width: 100%;
    position: static;
    background-color: #FFF;

  }
  .mm_wrap_2 .mm_inner {
    padding: 1rem;
    margin-top: 0;
    height: auto;
    background-color: #fff;
    margin: 1.5rem 0 0 0;
    padding: 0;
    width: 100%;
  }

.area_conts {
    width: 100%;
}

  .area_head_search {
    align-items: center;
    padding-bottom: 2.5rem;
  }

  .area_head_search .wd_search {
    width: auto;
  }
  .fm_head_search,
  .wd_search {
    flex: 1;
  }
  .fm_head_search .material-icons,
  #close_search .material-icons {
    font-size: 2rem;
  }
  .select_lang {
    flex-direction: column;
  }
  .select_lang li,
  .select_lang li a {
    width: 100%;
  }

  /*-----breadcrumb------*/
  .area_breadcrumb {
    margin-top: 0;
  }
  /*-------footer----------*/
  #area_footer {
    padding: 4rem 2.5rem 1rem 2.5rem;
  }
  .area_oldsite .btn_black {
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    text-align: center;
  }
  .sp_ftmenu,
  .block_munu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .area_ftmenu {
    flex-direction: column;
    margin-top: 6rem;
  }
  .area_ftmenu .block_munu {
    width: 100%;
  }
  .area_ftmenu .block_munu:not(:last-child) {
    display: none;
  }
  .area_ftmenu h1 {
    width: 50%;
    text-align: center;
    margin: 0 0 1.5em 0;
  }
  .block_munu h1:not(:first-child) {
    margin-top: 0;
  }
  .block_munu h1 {
    font-size: 1.5rem;
  }
  .area_ftmenu .corp_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 3rem;
  }
  .area_ftmenu .corp_menu li {
    padding: 0 0.5rem 1rem;
  }

  .sns_menu {
    margin: 3rem auto 0;
    justify-content: space-between;
  }
  .item_sns {
    width: auto;
  }
  .list_banner {
    flex-direction: column;
  }
  .item_banner {
    width: 100%;
  }
  .area_ftcort {
    flex-direction: column;
  }
  .area_ftcort .area_logo {
    width: 80%;
    margin-bottom: 4rem;
  }
  .area_logo .img_logo {
    width: 100%;
  }
  .area_ftcort .copyright {
    align-self: center;
  }

  /*----area_conts_snav------*/
  .area_conts_snav {
    flex-direction: column;
  }
  .area_conts_snav .area_conts {
    width: 100%;
}
  /*----snav------*/
  .nav_side {
    border: none;
    padding-bottom: 0;
  }
  .nav_side > ul > li:not(.snav_h1) {
    display: none;
  }
  .nav_side li.snav_h1 {
    margin-left: 0;
  }

  /*------おすすめ-----*/
  #area_recommend {
    margin-bottom: 3rem;
  }
  #area_recommend li a {
    display: flex;
  }
  #area_recommend ul.menu_card > li {
    margin-bottom: 2rem;
  }
  #area_recommend .thum_img{
    width: 30%;
  }
  #area_recommend .thum_img img{
    width: 100%;
    height: auto;
/*    height: 6rem;
    object-fit: contain;*/
  }
  #area_recommend .thum_ttl{
    width: 70%;
    margin-left: 1.5rem;
  }
  #area_recommend .thum_ttl h3{
    margin: 0;
    font-size: 1.3rem;
  }


  /*---area_conts---*/
  .area_conts h2 + .flex_row > [class^="item_"] > h3:first-child {
    margin-top: 4rem;
  }
  .area_conts h2 + .flex_row > [class^="item_"] > h4:first-child,
  .area_conts .flex_row > [class^="item_"] > h4:first-child {
    margin-top: 3.5rem;
  }
  .area_conts h2 + .flex_row > [class^="item_"]:first-child > h4:first-child,
  .area_conts h2 + .flex_row > [class^="item_"]:first-child > h3:first-child {
    margin-top: 0;
  }
  .flex_row > [class^="item_"] > img {
    margin-top: 2rem;
  }

  /*一覧List(News等)*/
  .ul_chart > li {
    flex-direction: column;
  }
  .ul_chart .chart_right,
  .ul_chart .chart_left {
    width: 100%;
  }
  .ul_chart .chart_left {
    display: flex;
  }
  .ul_chart .chart_left .date {
    padding-right: 1.2rem;
  }
  /*２つ横並びのUL*/
 .ul_splitHalf li{
    width: 100%;
    margin-right: 0;
  }

  /*カタログList*/
  .catalog_list img{
    width: 60%;
  }
  .catalog_list li:nth-of-type(2n){
    margin-right: 0;
  }
  .catalog_list li:nth-of-type(2n+1){
      margin-right: 2rem;
  }
  .catalog_list li {
    width: calc((100% - 3rem) / 2 * 1);
  }

  /*Label型List(最近みたページ/加工実例(※1/2:label_half))*/
  ul.ul_label li,
  ul.label_half li {
    width: 100%;
    margin-right: 0;
  }
  .label_half li:nth-child(3n) {
    margin-right: 0;
  }
  .ul_label li:nth-child(2),
  .ul_label li:nth-child(3) {
    border-top: none;
  }

  /*横並びのdl*/
  .dl_row > dt,
  .dl_row > dd,
  .dl_date dt {
    width: 100%;
  }
  * .icon_category {
    display: block;
    margin-bottom: 0.5rem;
  }
  
  /*TabList*/
  ul.ul_tab {
    flex-wrap: wrap;
    border-bottom: 0;
  }
  ul.ul_tab li {
    width: 50%;
    border-bottom: solid 0.1rem #ddd;
  }
  ul.ul_tab li:nth-child(2n) {
    border-right: 0;
  }

  /*:::アコーディオン:::*/
  .accordion_ttl{
    align-items: flex-start;
  }
  .accordion_ttl.separate{
    flex-direction: column;
      position: relative;
  }
  .accordion_ttl.separate::after{
    position: absolute;
    right: 0;
    top:0;
  }
  .accordion_ttl.separate div{
    margin-right: 1rem;
  }

 

  /*:::::Menu/おすすめ等:::: */
  ul.menu_card img,
  ul.menu_border img {
    width: 100%;
  }

  /*:::::問い合わせ:::: */
  .area_contact .contact_detail {
    border: none;
    padding-left: 0;
  }
  .itemContact_btn {
    margin: 0.5rem auto;
    width: 30rem;
  }
  .itemContact_address {
    flex-direction: column;
  }
  /*:::::ニュースページ用 :::: */
  .date_time{
    width: 100%;
  }
  .date_time .date{
    margin-right: 1rem;
  }
  .date_time .date, .date_time .time{
    display: inline;
  }
  /*:::::Solution :::: */
  ul.card_cm_solution {
    padding: 5rem 2rem;
  }
  ul.card_cm_solution li:not(:first-child) {
    margin-top: 2em;
  }
  .area_cm_solution .item_side_1_3{
    max-height: 100%;
  }
  .area_cm_solution .item_side_1_3 img {
    height: auto;
  }

  /*CSR cm*/
  ul.card_cm_solution a .btn_cmn.btn_blue, 
  .area_cm_solution .box_insta a > .btn_cmn.btn_blue {
    margin: 1rem auto;
    width: auto;
  }
  .area_cm_solution .item_side_1_2 {
    max-height: none;
  }
  .box_insta .insta_head + a img {
    margin-top: 0;
    max-height: none;
  }
}

@media screen and (max-width: 1024px) {

	/* input[type="text"],
	input[type="number"],
	input[type="email"],
	input[type="tel"],
	input[type="password"],
	textarea,
	select {
		font-size: 1.2rem;
	} */

	input[type="number"]::-webkit-outer-spin-button, 
	input[type="number"]::-webkit-inner-spin-button { 
		-webkit-appearance: none;
		-moz-appearance:textfield;
		margin: 0;
	} 

  /*--StepBar--*/
  .step {
    width: 100%;
    font-size: 0.7rem;
  }
  .step_item {
    padding: 0 2.5rem 0 0.5rem;
  }
  /*--Form--*/
  .input_sm,
  .input_md,
  .box_select {
    width: 100%;
  }

  /*inputとボタン横並び(検査表等)*/
  .area_input_btn{
  flex-direction: column;
  align-items: flex-start;
  }
  .area_input_btn input{
    width: 100%;
  }
  .area_input_btn .box_btn{
    margin-left: 0;
    margin-top: 1.5rem;
  }

  /*LoginForm*/
  #wrap_loginForm {
    width: 100%;
  }

  /*送信Box*/
  .box_submit {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .only_sp {
    display: block;
  }
  span.only_sp {
    display: inline-block;
  }
  .only_pc {
    display: none;
  }
  .icon_category {
    display: block;
  }


  /*-----flex-------*/
  /*flex_inner*/
  [class^="item_"] {
    width: 100%;
  }
  [class^="item_"]:not(:last-child) {
    margin-right: 0;
  }

  .item_extra {
    flex: none;
  }
  /*----tableスクロール----*/
  .wrap_tb_scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .wrap_tb_scroll table {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .wrap_tb_scroll th {
    min-width: 10em;
  }

  /*----float----*/
  .float_row {
    display: flex;
    flex-direction: column-reverse;
  }
  .float_right {
    float: none;
    width: 100%;
    margin: 0;
  }
  .float_right img {
    margin: 1.5rem auto;
  }
}