/*
Theme Name: child
Theme URI:
Description:  child ver1
Author:
Author URI:
Template: generatepress
*/


/* wrap */
.hero {
  position: relative;
}

/* video */
.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* overlay */
.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.4);
  background: rgba(108,141,154, 0.4);
}
.text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
h1 {
  font-family: Montserrat;
  font-size: 80px;
  font-weight: 200;
  line-height: 1.2;
  padding: 0 50px;
  text-align: ;
  color: #fff;
	letter-spacing: 0.05em;
}
h2 {
  font-family: Montserrat;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2;
  padding: 0 50px;
  text-align: ;
  color: #fff;
	letter-spacing: 0.05em;
}

a.button-sns {

}
.button-sns {
   text-decoration: none;
	padding:20px 50px;
}

.wpcf7 input[type="submit"] {
	padding:10px 40px;
	border-radius:25px;
	-webkit-border-radius: 25px;  
	-moz-border-radius: 25px;
	border: none;
	background: #666;
	transition: 0.3s;
  font-size: 18px;
  font-weight: 200;
}
.wpcf7-submit:hover {
	background: #a4dd6c;
	transform: translate3d(0px, 3px, 1px);
	-webkit-transform: translate3d(0px, 3px, 1px);
	-moz-transform: translate3d(0px, 3px, 1px);
}
.wpcf7 input[type=text], input[type=url], input[type="email"] , select, textarea {
	width: 100%;
	 margin-top: 0.5em;
    border: 1px solid;
	 border-color: #f2f2f2;
    border-radius: 25px;
    padding: 8px 10px;
    max-width: 100%;
	 background: #e5e8ec
}

/* icon */
.sns-btn {
	display: flex;
	margin-top: 40px;
	list-style: none;
}
.sns-btn li {
	width: 30px;
	margin-left: 10px;
	margin-right: 10px;
}


section.fixed{
	position: -webkit-sticky;/*Safari*/
	position: sticky;
	top:30px;/*Header高さ分で止まるようにする*/
	/*padding: 600px 0;デモ画面の高さを持たすための上下余白*/
}
section.fixed:last-of-type{
	padding-top:100px;
/*最後のセクションだけ止まらないため、エリア内の情報が少ない時は、Header分の高さをpadding-topに追加して上部が見えるようにする*/
}