/* リセットCSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }


  /* .noto-serif-jp-<uniquifier> {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  } */

html{
    margin: auto;
    text-align: center;
    background-image: linear-gradient(150deg, rgba(15, 0, 177, 1) 12%, rgba(3, 91, 228, 1) 40%, rgba(11, 29, 232, 1) 68%, rgba(60, 98, 181, 1) 90%);
}

/* PC */

/* header */
header{
    width: 0 auto;
    height: 1000px;
    text-align: center;
padding: 200px 0px;
}



  .heading img{
    margin-top: 32px;
    height: 300px;
  }


  .gate img{
    width: 100%;
    margin-bottom: 64px;
  }

  .greeting{
    margin: 32px auto 64px;
    width: 800px;
  }

  .gree01{
    padding: 20px;
    display: block;
    text-align: center;
    line-height: 4rem;
    font-family: serif;
    font-size: 18px;
    color: #ffffff;
  }

.gree02{
  font-family: serif;
  font-size: 16px;
  margin: 32px auto;
  padding: 40px 20px;
  line-height: 4rem;
  width: 680px;
  text-align: left;
  background-color: #bddfff;
	background-color:#c7e3ff;/*背景色*/
	position:relative;
}

.gree02:after{
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	border-width: 0 25px 25px 0;
	border-style: solid;
	border-color: #b4efff #004ea2  #ccc;
	box-shadow: -1px 1px 1px rgb(0 0 0 / .15);
}

  .date{
    background-color: #fff;
margin: 0 auto;
    width: 700px;
    text-align: center;
    border: 0.5px solid #120333;
    padding: 32px;
  }

  .cash{
    font-size: small;
    margin-bottom: 32px;
  }

  .party span{
font-size: small;
  }


  h3{
    margin-top: 16px;
    margin-bottom: 20px;
  }

  .or{
    font-size: small;
  }

.form{
  padding: 64px 0px;
  background-color: #fff;
  width: 700px;
margin: 64px auto;
text-align: center;
}

.form h3{
    margin-bottom: 32px;
}

.btn{
    margin: 16px auto;
    background-color: blue;
    height: 60px;
    width: 300px;
    border-radius: 100px;
    padding: 15px;
}

.btn a{
    margin: auto;
    color: white;
    text-align: center;
    text-decoration: none;
}

.contact{
  margin: 0 auto;
  padding: 16px 0px;
  background-color: #fff;
  width: 700px
}

.contact h3{
    margin-bottom: 16px;

}

.contact span{
  font-size: large;
  font-style: italic;
}

footer{
    margin: 64px auto;
    padding: 32px 0;
    text-align: center;
}

  .imagine-img{
    height: 50px;
  }


  /* SP */

  @media screen and (max-width:480px) {

  /* header */
header{
  width: 0 auto;
  height: 800px;
  text-align: center;
padding: 200px 0px;
}



.heading img{
  margin-top: 32px;
  height: 200px;
}


.gate img{
  width: 100%;
  margin-bottom: 32px;
}

.greeting{
  margin: 16px auto 32px;
  width: 320px;
}

.gree01{
  padding: 20px;
  display: block;
  text-align: center;
  line-height: 4rem;
  font-family: serif;
  font-size: 12px;
  color: #ffffff;
}

.gree02{
font-family: serif;
font-size: 12px;
margin: 32px auto;
padding: 40px 10px;
line-height: 2rem;
width: 340px;
text-align: left;
background-color: #bddfff;
background-color:#c7e3ff;/*背景色*/
position:relative;
}

.gree02:after{
position: absolute;
content: '';
right: 0px;
top: 0px;
border-width: 0 25px 25px 0;
border-style: solid;
border-color: #b4efff #004ea2  #ccc;
box-shadow: -1px 1px 1px rgb(0 0 0 / .15);
}

.date{
  background-color: #fff;
margin: 0 auto;
  width: 320px;
  text-align: center;
  border: 0.5px solid #120333;
  padding: 32px;
}

.cash{
  font-size: small;
  margin-bottom: 16px;
}

.party span{
font-size: small;
}


h3{
  margin-top: 16px;
  margin-bottom: 20px;
}

.or{
  font-size: small;
}

.form{
padding: 32px 0px;
background-color: #fff;
width: 320px;
margin: 32px auto;
text-align: center;
}

.form h3{
  margin-bottom: 32px;
}

.btn{
  margin: 16px auto;
  background-color: blue;
  height: 60px;
  width: 300px;
  border-radius: 100px;
  padding: 15px;
}

.btn a{
  margin: auto;
  color: white;
  text-align: center;
  text-decoration: none;
}

.btn-text p{
  font-size: 12px;
}

.contact{
margin: 0 auto;
padding: 16px 0px;
background-color: #fff;
width: 320px
}

.contact p{
  font-size: 12px;
}

.contact h3{
  margin-bottom: 16px;

}

.contact span{
font-size: large;
font-style: italic;
}

footer{
  margin: 64px auto;
  padding: 32px 0;
  text-align: center;
}

.imagine-img{
  height: 50px;
}
  
  }