@charset "UTF-8";
/* CSS Document */

html {
  font-size: 1vw;
  -webkit-text-size-adjust: 100%;
}

body{
	font-family: "Noto Sans JP", "Hiragino Sans","Yu Gothic", Meiryo, sans-serif;
  font-size: 3.8vw;
	font-weight: 300;
  font-optical-sizing: auto;
  letter-spacing: 0.04em;
	line-height: 1.4;
	color:#000;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
dd,
dt,
figure {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,strong{
	font-weight: 500;
}

img{
  width: 100%;
  max-width: 100%;
  height: auto;
	vertical-align: top;
}

ul,ol {
  margin: 0;
  padding: 0;
	list-style:none;
}

*, *::before, *::after {
  box-sizing: border-box
}

a {
  color: #4B73AA;
  text-decoration: underline;
  transition: opacity .3s;
}

@media (hover: hover) {
  a:hover {
    opacity: .7;
  }
}

p{
  overflow-wrap: break-word;
}

.red{
  color: #B50000;
}

.inner{
  width: 100%;
  padding: 0 5vw;
  overflow: hidden;
}

input{
  font-family: "Noto Sans JP", "Hiragino Sans","Yu Gothic", Meiryo, sans-serif;
  font-size: 4vw;
	font-weight: 300;
  font-optical-sizing: auto;
  letter-spacing: 0.04em;
	line-height: 1.4;
}

.error{
  font-size: 3.4vw;
  color: #BC0C0F;
  margin-top: 2vw;
}

footer{
  text-align: center;
  padding: 7vw 0;
  margin-top: 25vw;
  background: #F7F7F7;
}

footer p{
  font-size: 3vw;
  line-height: 1;
  color: #7E7E7E;
}