@charset "UTF-8";
/* 
==================================================================
変数・関数
==================================================================
*/
/* 
==================================================================
基本
==================================================================
*/
body,
p,
ul,
h1,
h2,
h3,
h4,
input {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP";
  font-size: 14px; }

img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom; }

input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

main {
  display: block; }

.frame {
  max-width: 1170px;
  margin: 0 auto; }

/* 
==================================================================
header
==================================================================
*/
header {
  width: 100%;
  border-bottom: 5px solid #FF2A28; }
  header .frame {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 5px; }
    header .frame .box {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      header .frame .box.h1 {
        font-size: 14px; }
        header .frame .box.h1 p {
          color: #FF2A28;
          padding: 3px 0 5px;
          border-top: 1px solid #FF2A28;
          border-bottom: 1px solid #FF2A28;
          margin-left: 15px; }

@media screen and (max-width: 1169px) {
  .frame {
    width: auto;
    margin: 0 10px; } }