.body {
margin: 0 calc(50% - 50vw);
width: 100vw;
}


.body img{
    vertical-align: bottom;
}
.center{
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
/*ヘッダー----------------------------------*/
.header{
  background-image: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20220531/bg_green.png);
  background-size: cover;
  height: 330px;
  text-align: center;
}
.header img{
  display: block;
  width: 100%;
  max-width: 900px;
  padding: 0px;
}



/*おすすめ情報---------------------------*/
.block_yellow {
	position: relative;
	background: #f4e227;
  height: 330px;
}
.block_yellow svg {
	position: absolute;
	top: -99px;
	width: 100%;
	height: 100px;
	fill: #f4e227;
}

.contents_1{
  text-align: center;
}

.contents_1 h2{
  text-align: center;
  display: inline-block;
  font-size: 2.5rem;
  font-weight:bold;
  background : none;
  margin: 10px 0 0px 0;
  padding: 10px 20px;
  border-bottom: 8px solid #e8380d;
}
.osusume_wrap{
  text-align: center;
  padding: 20px 0 10px;
}

.osusume_wrap div img{
  display: block;
  width: 100%;
  max-width: 900px;

}

.pc_hid{
    display: none;
}

/*LINEへのボタン---------------------------*/
.block_white {
	position: relative;
	background: white;
  height: 500px;
  padding: 20px 0;
}
.block_white svg {
	position: absolute;
	top: 200px;
	width: 100%;
	height: 100px;
	fill: white;
}

.contents_2{
  text-align: center;
}

.contents_2 h2{
  text-align: center;
  display: inline-block;
  font-size: 2.5rem;
  font-weight:bold;
  color: black;
  background : none;
  margin: 20px 0 20px 0;
  padding: 10px 30px;
  border-bottom: 8px solid #8aba28;
}

.contents_2 p{
  color: #e8380d;
  font-size: 1.5rem;
  font-weight: bold;
}

.contents_2 a{
  display: inline-block;
  background-color: #3aae36;
  color: white;
  text-decoration: none;
  width: 450px;
  padding: 25px 0;
  margin: 20px 0;
  border-radius: 40px;
  font-size: 2rem;
  font-weight:bold;
}

a:hover{
  opacity: 0.9;
}

/*キャンペーン---------------------------*/

.block_orange {
	position: relative;
	background: #f5aa53;
  height: 950px;
  padding: 30px 0;
}

.campaign img{
  display: block;
  width: 100%;
  max-width: 900px;

}

/*応募フォームへのボタン---------------------------*/

.block_white2 {
	position: relative;
	background: white;
  height: auto!important;;
  padding: 30px 0;
}

.contents_3{
  text-align: center;
}

.contents_3 a{
  display: inline-block;
  background-color: #f39800;
  color: white;
  text-decoration: none;
  width: 450px;
  padding: 25px 0;
  margin: 20px 0;
  border-radius: 40px;
  font-size: 2rem;
  font-weight:bold;
}

.contents_3 p{
  color: #e8380d;
  font-size: 1.5rem;
  font-weight: bold;
}

a:hover{
  opacity: 0.9;
}

/*フッター--------------------*/

.block_gray{
  background-color: #efefef;
  color: #000000;
  padding: 30px 0 50px
}

.block_gray .center{
  max-width: 900px;
}
.block_gray h4{
  padding: 0;
  font-weight:800;
  color: #000000;
  text-indent: -1em;
}

.block_gray p{
  font-size: 13px;
  line-height: 1.5;
}

.chirashi {
  text-align: center;
}

.chirashi a{
  display: inline-block;
  background-color: #3aae36;
  color: white;
  text-decoration: none;
  width: 450px;
  padding: 20px 0;
  margin: 20px 0;
  border-radius: 40px;
  font-size: 1.5rem;
  text-align: center;
}

.chirashi a.orenji{
  background-color: #fba450;
}

.marker_line-y {
   background:linear-gradient(transparent 40%, #fff799 0%);
}

.marker_line-g {
  background:linear-gradient(transparent 40%, #bbe8cb 0%);
}

.text-g {
  color: green;
}

/*js-------------------------*/

.fadein {
 opacity: 0;
 transform : translate(0, 50px);
 transition : all 1500ms;
}

.fadein.scrollin{
 opacity: 1;
 transform: translate(0, 0);
}

.text{
  border: none;
}

.fs-st01{
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  color: #4cb731;
  background: none;
}

@media screen and (max-width: 767px){
  .fs-st01{
    line-height:1.2;
    font-size:2rem;
    text-shadow:none;
    }
}