@charset "UTF-8";
/*全体*/
html {
  height: 100%;
  min-width: 350px;
}
a{
  color: black;
}
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
}

header {
  width: 100%;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  display: flex;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 9999;
}

.header-logo {
  font-size: 0;
  padding: 10px;
  margin-left: 1%;
}

img.logo {
  min-height: 85px;
  max-height: 85px;
}

nav {
  margin-left: auto;
}

.header-list li {
  display: inline-block;
  list-style: none;
  margin: 0 30px 0 10px;
}

.menu {
  justify-content: space-around;
  padding: 0px;
}

.menu a {
  font-size: 25px;
}

.menu a:link {
  color: #000000;
  text-decoration: none;
}

.menu a:visited {
  color: #000000;
  text-decoration: none;
}

.menu a:active {
  color: #3c454d;
  text-decoration: none;
}

/* テキストナビゲーション */
.menu li a {
  /*線の基点とするためrelativeを指定*/
  position: relative;
}

.menu li a::after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  bottom: 0;
  left: 10%;
  /*線の形状*/
  width: 80%;
  height: 2px;
  background: #3c454d;
  /*アニメーションの指定*/
  transition: all 0.3s;
  transform: scale(0, 1); /*X方向0、Y方向1*/
  transform-origin: center top; /*上部中央基点*/
}

/*現在地とhoverの設定*/
.menu li.current a::after,
.menu li a:hover::after {
  transform: scale(1.4, 1); /*X方向にスケール拡大*/
}

.hbg{
  display: none;
}

.mainVisual {
  width: 100%;
  background-color: #C6BEB3;
  display: inline-block;
  opacity: 0.73;
  display: block;
}

.content h1 {
  border-bottom: solid;
}

.content h1::after {
  content: "";
  display: block;
  width: 30%;
  height: 3px;
}

.content h2 {
  border-bottom: solid;
}

.content h2::after {
  content: "";
  display: block;
  width: 30%;
  height: 3px;
}

h1 {
  margin: 60px 0;
  font-size: 46px;
  text-align: left;
}

h2 {
  margin: 70px 0;
  font-size: 46px;
  text-align: left;
}

footer {
  position: sticky;
  top: 100vh;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  padding: 20px;
  color: #000000;
  text-align: center;
}

@media (max-width: 700px) {
	.menu{
		display: block;
		margin-top: auto;
	}
	.header-list{
		position: fixed;
		width: 100vw;
		height: 200vh;
		top: 0;
		right: -9999px;
		background-color: #fdfdfd;
	}
	.menu{
		margin-top: 200px;
		padding: 0;
		text-align: center;
	}
	.menu li{
		margin: 2% 0;
		font-size: 25px;
		width: 50%;
		padding-bottom: 3.5%;
	}
	header .btn-gnavi{
		position: fixed;
		top: 20px;
		right: 20px;
		width: 30px;
		height: 24px;
		z-index: 3;
		cursor: pointer;
		transition: all 400ms;
		-webkit-transition:all 400ms;
	}
	header .btn-gnavi span{
		position: absolute;
		width: 30px;
		height: 4px;
		background: #000;
		border-radius: 10px;
		-webkit-transition: all 400ms;
		transition: all 400ms
	}
	header .btn-gnavi span:nth-child(1){
		top: 0;
	}
	header .btn-gnavi span:nth-child(2){
		top: 10px;
	}
	header .btn-gnavi span:nth-child(3){
		top: 20px;
	}
	header .btn-gnavi.hb-open{
		transform: rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	header .btn-gnavi.hb-open span{
		background: #000;
	}
	header .btn-gnavi.hb-open span:nth-child(1){
		width: 24px;
		transform: translate(-7px,17px) rotate(45deg);
		-webkit-transform: translate(-7px,17px) rotate(45deg);
	}
	header .btn-gnavi.hb-open span:nth-child(3){
		width: 24px;
		transform: translate(-7px,-17px) rotate(-45deg);
		-webkit-transform: translate(-7px,-17px) rotate(-45deg);
	}
	.footer-inner{
		padding-top: 20px;
		display: block;
		max-width: 90%;
	}
}

/*全体終わり*/