@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Andada+Pro:wght@400;500;600&display=swap');

body {
	font-family: 'Andada Pro', 'Noto Sans JP', sans-serif;
	font-size: 62.5%;
	font-weight: 400;
	letter-spacing:normal;
	line-height: 1.8rem;
	margin: 0 auto;
	color: #141414;
	background-image: url("../img/bg.jpg");
	overflow-x:hidden;
}

main {
	width: 100%;
	margin: 150px auto 0;
}

footer{
	padding: 30px;
	color: #fff;
	background-color: #bcbec0;
}

footer p{
	font-size:0.8rem;
	line-height: 1.5rem;
	text-align: right;
}

footer img {
	width:200px;
}

h1{font-size:2.1rem; padding-bottom: 50px;}
h2{font-size:2.1rem; padding-bottom: 50px;}
h3{font-size:1.3rem; padding-bottom: 20px;}
h4{font-size:1.3rem; padding-bottom: 20px;}
h5{font-size:1.3rem; padding-bottom: 20px;}
p{font-size:1.0rem;}

a {
  position: relative;
}
a::before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  width: 0;
  height: 2px;
  background-color: #515151;
  transition: width 0.3s;
}
a:hover::before {
  width: 100%;
}

.fontWeight100 {font-weight: 100;}
.fontWeight300 {font-weight: 300;}
.fontWeight400 {font-weight: 400;}
.fontWeight500 {font-weight: 500;}
.fontWeight700 {font-weight: 700;}
.fontWeight900 {font-weight: 900;}
.fontSize8 {font-size:0.8rem;}
.fontSize13 {font-size:1.3rem;}
.fontSize16 {font-size:1.6rem;}
.fontSize21 {font-size:2.1rem;}
.fontSize34 {font-size:3.4rem;}
.fontSize55 {font-size:5.5rem;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
 
@media screen and (max-width : 1080px) {

main {
	width: 100%;
	margin: 50px auto 0;
}

h1,h2{
	padding-bottom: 30px;
}

}