*{
  font-family: 'Noto Serif JP', serif;
  margin: 0;
}
html{
  font-size: 62.5%!important;
}
:root{
  --main-bg-color:#F3F3F3!important;
  --sub-bg-color:#51BB7C!important;
  --yellow-bg-color:#FFEF16!important;
}
body{
  background-color: var(--main-bg-color)!important;
  width: 100%!important;
  margin: 0 auto!important;
}
.main{
  margin-top: 10%;
}
.block_1{
  position: relative;
  z-index: 1;
  display: flex!important;
  gap: 0 2%!important;
  justify-content: center!important;
  margin: 0 auto!important;
  width: 80%!important;
  max-width: 1920px!important;
}
.block_1_left{
}
.block_1_left h3{
  font-size: clamp(3rem, 5vw, 5rem)!important;
  font-weight: 500!important;
  position: relative!important;
  top:12vw;
  display: inline-block!important;
}
.block_1_left h4{
  font-size: clamp(0.8rem, 3vw, 3rem)!important;
  font-weight: 300!important;
  position: relative!important;
  top:11vw;
  display: inline-block;
}
.block_1_right{
}
.block_1_right img{
  width: clamp(50%, 50vw, 100%)!important;
  display: inline-block!important;
  box-sizing: border-box!important;
}
.block_2{
  background:var(--sub-bg-color)!important;
  width: 100%!important;
  margin-top: -4.5%!important;
  height: 80vw!important;
  overflow-x: hidden!important;
}
.block_2_inner{
  display: flex!important;
  padding-top: 8%!important;
  justify-content: center!important;
}
.block_2_left{

}
.block_2_left img{
  margin-top: -10%!important;
  width: 50vw!important;
  position: relative!important;
  left: 10%!important;
}
.block_2_center{
  margin-left: -8%!important;
}
.block_2_center h2{
  font-size: clamp(1rem, 3vw, 6rem);
  color: white;
  font-weight: 300!important;
  text-align: center!important;
}

.small{
  display: inline-block!important;
  font-size: clamp(0.2rem, 1.5vw, 3rem)!important;
}
.big{
  display: inline-block!important;
  font-size: clamp(2rem, 6vw, 12rem)!important;
  color: var(--yellow-bg-color)!important;
  font-weight: 600!important;
}
.block_2_center img{
  width: 50vw!important;
  position: relative!important;
  z-index: 10!important;
}
.block_2_center h5{
  display: none!important;
  text-align: center!important;
  color: white!important;
  position: relative!important;
  top: 20%!important;
  font-size: 3vw!important;
}
.button{
  color: var(--sub-bg-color) !important;
  background-color: var(--main-bg-color)!important;
  display: inline-block!important;
  position: relative!important;
  margin: 10% 25% 0!important;
  padding: 2%!important;
  border-radius: 25rem !important;
  font-size: clamp(0.5rem, 2vw, 4rem) !important;
}
.block_2_right{
  position: relative!important;
}
.block_2_right h5{
  position: relative!important;
  bottom: -30vw!important;
  left: -10%!important;
  font-size: clamp(0.1rem, 1vw, 2rem)!important;
  color: white!important;
}
.block_2_right img{
width: 40vw!important;
position: relative!important;
right: 35%!important;
top: 30vw!important;
-webkit-appearance: none;
}
@media screen and (max-width:767px){
  .block_1_left h4{
    top:13vw;
  }
}
@media screen and (max-width:600px) {
  .block_2_left,.block_2_right{
    display: none!important;
  }

  .block_2_center {
    margin-left: 0!important;
    width: 100%!important;
}
.block_2_center h2{
  font-size: 5vw;
}
.block_2_center h2:nth-child(2){
  margin-top: 10%;
}
.block_2{
  height: 120vw!important;
}
.small{
  font-size: 3vw!important;
}
.big{
  padding-top: 5vw;
  font-size: 15vw!important;
}
.button{
  margin: 0 auto!important;
  width: 40%!important;
}
.main a{
  margin-top: 10%!important;
  display: block!important;
  text-align: center!important;
}
.block_1{
  display: block!important;
  width: 100%!important;
}
.block_1_left h3,h4{
  display: block !important;
  text-align: center!important;
  margin: 0 auto!important;
}
.block_1_left h3{
  font-size: 9vw!important;
}
.block_1_left h4{
  font-size: 6vw!important;
}
.block_1_right img{
  display: block !important;
  text-align: center!important;
  margin: 0 auto!important;
  padding-top: 20%!important;
  width: 80%!important;
}
.block_2_center img{
  width: 90%!important;
  display: block!important;
  margin: 0 auto!important;
}
.button{
  font-size: 4vw!important;
  width: auto;
}
.block_2_center h5{
  display: block!important;
}
}