/*
Theme Name: org_20260106
Author: STRUCTS Ltd.
Description: ワタナベ工業株式会社のホームページ
Version: 1.0
*/

/*reset*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin: 0;
  padding: 0;
}

li,ul,ol { 
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

ol,ul,li { list-style: none; }

caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after { content:''; }

abbr,acronym { border: 0; }

a:focus{ outline: none; }


/*表示フォントの調整*/
html {
	font-size: 100%; 
}

body {
  font-family: "メイリオ", arial, helvetica, clean, sans-serif;
  font-size: 15px;
  line-height: 1.7;
	color: #3B3B3B;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 780px){
body {
    min-width: 100%;
    font-size: 68.5%;
    line-height: 180%;
}
}
select, input, button, textarea, button {
  font-family: "メイリオ", arial, helvetica, clean, sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
/*----*/




@media screen and (min-width: 1025px) {
  header#header {
    padding: 2rem;
    border-bottom: 2px solid #335E50;
  }

  header#header img {
    width: 30%;
  }

  main h1 {
    font-size: 1.2rem;
    padding: 3rem 8rem;
    border-bottom: 2px solid #335E50;
  }

  main div.content {
    padding: 2rem 8rem;
  }

  h2 {
    font-size: 2rem;
    margin: 0 0 2rem;
  }

  p {
    margin: 1rem;
  }

  footer {
    padding: 3rem 8rem;
    background-color: #335E50;
    color: #ffffff;
  }

  .sec {
    width: calc(50% - 1px);
    height: calc(50vh - 1px);
    background-color: #eaefed;
    position: relative
  }

  .sec-1 {
    border-right: 1px solid #335E50;
    border-bottom: 1px solid #335E50;
  }

  .sec-2 {
    border-left: 1px solid #335E50;
    border-bottom: 1px solid #335E50;
  }

  .sec-3 {
    border-top: 1px solid #335E50;
    border-right: 1px solid #335E50;
  }

  .sec-3 h2 {
    margin-top: 2rem;
  }

  .sec-4 {
    border-top: 1px solid #335E50;
    border-left: 1px solid #335E50;
  }

  .sec-4 h2 {
    margin-top: 2rem;
  }

  .flexbox_front {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }

  .flexbox_front h1 img {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .flexbox_img {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }

  .flexbox_img img {
    width: 100%;
    height: 100%;
  }

  .sec-3 iframe {
    width: 100%;
    height: 50%;
  }

  .table_info {
    margin: 0 auto;
  }

  .table_info th {
    text-align: left;
    padding: 0 1rem;
  }

  .table_info td {
    text-align: left;]
    padding: 0 1rem;
  }

  section.sec-4 .copyright {
    position: absolute;
    left: 60%;
    bottom: 1rem;
  }
}

@media screen and (max-width: 1024px) {
  header#header {
    padding: 2rem;
    border-bottom: 2px solid #335E50;
  }

  header#header img {
    width: 100%;
  }

  main h1 {
    font-size: 1.2rem;
    padding: 3rem 1rem;
    border-bottom: 2px solid #335E50;
    text-align: center;
  }

  main div.content {
    padding: 2rem 2rem;
  }

  main div.content form.wpcf7-form input {
    width: 80%;
  }

  main div.content form.wpcf7-form p:last-of-type {
    text-align: center;
  }


  h2 {
    font-size: 2rem;
    margin: 0 0 2rem;
  }


  footer {
    padding: 3rem 0;
    background-color: #335E50;
    color: #ffffff;
    text-align: center;
  }

  .sec {
    background-color: #eaefed;

  }



  .sec-3 h2 {
    padding-top: 3rem;
  }



  .sec-4 h2 {
    padding-top: 3rem;
  }

  .flexbox_front {
    display: block;
    flex-wrap: wrap;
    text-align: center;
  }

  .flexbox_front h1 {
    padding: 2rem;
  }

  .flexbox_front h1 img {
    width: 100%;
  }

  .flexbox_img {
    display: block;
  }

  .flexbox_img img {
    width: 100%;
    height: 100%;
  }


  .table_info {
    margin: 0 auto;
  }

  .table_info th {
    text-align: left;
    padding: 0 1rem;
  }

  .table_info td {
    text-align: left;]
    padding: 0 1rem;
  }

  section.sec-4 .copyright {
    margin-top: 3rem;
    padding: 2rem 0;
    color: #ffffff;
    background-color: #335E50;
  }
}