@charset "UTF-8";
/* 平野橋商事様 新規WEBサイト */

/* common *********************************************/
*,
*::before,
*::after {
  box-sizing:border-box;
  }
img {
  vertical-align:bottom;
}
a {
  text-decoration:none;
  color:inherit;
}
body {
  color:#555;
}
/* end of common *********************************************/

/* ここからSP用スタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width:767px) {
/* ここからSP用スタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* header *********************************************/
header {
  padding:3vw 0;
}
header h1 {
  text-align:center;
  font-size:7vw;
}
/* header nav *********************************************/
header nav {
  display:none;
}
/* main *********************************************/
main {
  padding:5vw 0 8vw;
  background:url(../images/background_sp.jpg);
  background-size:cover;
  background-position:top center;
}
/* main article *********************************************/
main article {
  padding:2vw;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
main article h2 {
  font-size:8vw;
  line-height:1.5;
  font-family:serif;
  font-weight:lighter;
  color:#fff;
  text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
/* main article div.fourBlocks *********************************************/
main article div.fourBlocks {
  display:block;
}
main article div.fourBlocks div {
  padding:1vw;
}
main article div.fourBlocks div a {
  display:block;
  width:45vw;
  height:15vw;
  font-size:4vw;
  line-height:15vw;
  text-align:center;
  background:rgba(255,255,255,0.75);
}
/* main article.contents *********************************************/
main article.contents {
  display:block;
}
main article.contents h2 {
  text-align:center;
  margin-bottom:0.5em;
}
main article.contents div section {
  width:95vw;
  margin:0 auto;
  padding:1em 1.5em;
  background:rgba(255,255,255,0.75);
}
main article.contents div h3 {
  display:none;
}
main article.contents div p {
  font-size:4vw;
  line-height:1.5;
  margin-bottom:0.75em;
}
main article.contents div p:last-child {
  margin-bottom:0em;
}
/* 会社概要のテーブル *********************************************/
table.company {
  width:95vw;
  margin:0 auto;
}
table.company tr td {
  padding:1em 1em 0 2em;
  font-size:13px;
  color:#fff;
  line-height:1.5;
  background:rgba(0,0,0,0.5);
}
table.company tr:last-child td {
  padding:1em 1em 2em 2em;
}
table.company tr:nth-child(4) td:last-child {
  background:url(../images/name_sp.png),rgba(0,0,0,0.5);
  background-position:40% 25%;
}
/* お問い合わせのテーブル *********************************************/
table.contact tr td {
  padding:0em 2.5em 1em 0em;
  font-size:13px;
  line-height:1.25;
}
table.contact tr:last-child td {
  padding:0em 2.5em 0em 0em;
}
/* お問い合わせフォーム *********************************************/
/* 最初にざっくりと初期化 *********************************************/
input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
  padding:0.8em;
  outline:none;
  border:1px solid #DDD;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  font-size:16px;
  width:100%;
}
/* 独自に調整 *********************************************/
form {
  padding-top:12px;
  border-top:1px solid #555;
}
form div {
  font-size:13px;
  padding-bottom:0.3em;
}
form input,
form textarea {
  margin-bottom:1em;
}
input[type="submit"] {
  background:rgba(135,206,250,0.75);
}
/* div.subNav *********************************************/
div.subNav {
  text-align:center;
}
div.subNav div {
  padding:0em 1em;
}
div.subNav div a {
  display:block;
  line-height:3;
  border-bottom:1px solid #555;
}
/* footer *********************************************/
footer {
  padding:5vw 2vw;
  text-align:center;
}
footer h4 {
  font-size:0.8em;
  font-weight:lighter;
  margin-bottom:1em;
}
footer p small {
  font-size:10px;
}
footer p small span {
  font-size:170%;
  vertical-align:-20%;
}
/* ここまでSP用スタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
}
/* ここまでSP用スタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ここからPC用スタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width:768px) {
/* ここからPC用スタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* header *********************************************/
header {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  padding:1vw 2vw;
}
header h1 {
  font-size:3vw;
}
/* header nav *********************************************/
header nav ul {
  display:flex;
}
header nav ul li {
  padding:0.5em 1em;
  border-right:1px solid #555;
}
header nav ul li:last-child {
  border:0px;
}
header nav ul li a {
  
}
header nav ul li a:hover {
  color:rgb(135,206,250);
}
/* main *********************************************/
main {
  width:100vw;
  height:58vw;
  padding:2vw 2vw 3vw;
  background:url(../images/background.jpg);
  background-size:cover;
}
/* main article *********************************************/
main article {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
main article h2 {
  font-size:6vw;
  line-height:1.5;
  font-family:serif;
  font-weight:lighter;
  color:#fff;
  text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
/* main article div.fourBlocks *********************************************/
main article div.fourBlocks {
  display:flex;
  flex-wrap:wrap;
  width:45vw;
  height:45vw;
}
main article div.fourBlocks div {
  padding:1vw;
}
main article div.fourBlocks div a {
  display:block;
  width:20vw;
  height:20vw;
  font-size:2vw;
  line-height:20vw;
  text-align:center;
  background:rgba(255,255,255,0.75);
}
main article div.fourBlocks div a:hover {
  color:#fff;
  background:rgba(135,206,250,0.75);
}
/* main article.contents *********************************************/
main article.contents div:last-child {
  padding-top:2vw;
}
main article.contents div section {
  width:45vw;
  padding:2em 3em;
  background:rgba(255,255,255,0.75);
}
main article.contents div h3 {
  font-size:1vw;
  font-weight:lighter;
  padding-bottom:0.5em;
  border-bottom:1px solid #555;
  margin-bottom:1.25em;
}
main article.contents div p {
  font-size:1.2vw;
  line-height:1.5;
  margin-bottom:0.75em;
}
main article.contents div p:last-child {
  margin-bottom:0em;
}
/* お問い合わせページだけのスタイル *********************************************/
main article.contents>div.contactForm section:first-child {
  padding-bottom:0;
}
/* 会社概要のテーブル *********************************************/
table.company tr td {
  padding:1em 2.5em 1em 1em;
  font-size:16px;
  color:#fff;
  line-height:1.5;
  background:rgba(0,0,0,0.5);
}
table.company tr:nth-child(4) td:last-child {
  background:url(../images/name_pc.png),rgba(0,0,0,0.5);
}
/* お問い合わせのテーブル *********************************************/
table.contact tr td {
  padding:0em 2.5em 1em 0em;
  font-size:1.2vw;
  line-height:1.25;
}
table.contact tr:last-child td {
  padding:0em 2.5em 0em 0em;
}
/* お問い合わせフォーム *********************************************/
/* 最初にざっくりと初期化 *********************************************/
input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
  padding:0.8em;
  outline:none;
  border:1px solid #DDD;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  font-size:16px;
}
textarea {
  width:450px;
  margin-bottom:1em;
}
input[type="submit"] {
  width:250px;
  background:rgba(135,206,250,0.75);
}
/* 独自に調整 *********************************************/
form {
  padding-top:12px;
}
form div {
  font-size:13px;
  padding-bottom:0.3em;
}
form input {
  margin-bottom:1em;
}
/* div.subNav *********************************************/
div.subNav {
  display:none;
}
/* footer *********************************************/
footer {
  padding:2vw;
  text-align:center;
}
footer h4 {
  font-size:1em;
  margin-bottom:1em;
}
footer p small {
  font-size:0.5em;
}
footer p small span {
  font-size:200%;
  vertical-align:-10%;
}
/* ここまでPC用スタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
}
/* ここまでPC用スタイル ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/