@charset "UTF-8";
.h_block{
  background: #f4f4e0;
  border-radius:20px;
  padding: 50px 0;
  margin: 0 0 50px;
  position: relative;
}
.h_block img{
  width:700px;
  display: block;
  margin:0px auto 50px;
  border-radius:20px;
}
.h_block.no_01:before{
  content:"";
  background:url(../parts/history_huki_01.svg) no-repeat;
  width:98px;
  height: 90px;
  position: absolute;
  right:20px;
  top:20px;
}
.h_block.no_02:before{
  content:"";
  background:url(../parts/history_huki_02.svg) no-repeat;
  width:115px;
  height: 111px;
  position: absolute;
  right:20px;
  top:20px;
}
.h_block.no_03:before{
  content:"";
  background:url(../parts/history_huki_03.svg) no-repeat;
  width:100px;
  height: 90px;
  position: absolute;
  right:20px;
  top:20px;
}
dl.content{
  width:700px;
  display: block;
  margin:0px auto 0px;
  position: relative;
}
.h_block.no_01 dl::after{
  content:"";
  background:url(../parts/history_ilust_01.svg) no-repeat;
  width:144px;
  height: 238px;
  position: absolute;
  right: -10px;
  top: -190px;
}
.h_block.no_02 dl::after{
  content:"";
  background:url(../parts/history_ilust_02.svg) no-repeat;
  width:143px;
  height: 180px;
  position: absolute;
  right: -10px;
  top: -151px;
}
.h_block.no_03 dl::after{
  content:"";
  background:url(../parts/history_ilust_03.svg) no-repeat;
  width:150px;
  height: 213px;
  position: absolute;
  right: -10px;
  top: -172px;
}
dl.content dt{
  font-size:22px;
  font-weight: 600;
  margin:0 0 50px 80px;
  display: flex;
  align-items: center;
  font-family:"じゅん 501";
  color:#645000;
}
dl.content dt:before{
  content:"";
  width:60px;
  height: 60px;
  position: absolute;
  left:0;
}
.h_block.no_01 dt:before{
  background:url(../parts/history_number_01.svg) no-repeat;
}
.h_block.no_02 dt:before{
  background:url(../parts/history_number_02.svg) no-repeat;
}
.h_block.no_03 dt:before{
  background:url(../parts/history_number_03.svg) no-repeat;
}
/*フリーページ共通*/
.free_page h2.ttl_main{
  font-size: 26px;
  color:#80b95c;
  text-align:center;
  width:420px;
  display: block;
  margin: 0 auto 40px;
}
.free_page h2.ttl_main span{
  display: block;
  border-top:solid 1px #645000;
  font-size: 20px;
}
/* 1024px以下 */
@media screen and (max-width: 1024px) {
}

/* 896px以下 */
@media screen and (max-width: 896px) {
  .Contents_Block{
    width:100%;
  }
  .h_block img,
  dl.content{
    width:calc(100% - 50px);
  }
}
@media screen and (max-width: 600px) {
  .h_block.no_01:before,
  .h_block.no_02:before,
  .h_block.no_03:before{
    background-size:85%;
    right: 0;
  }
  .h_block.no_01 dl::after,
  .h_block.no_02 dl::after,
  .h_block.no_03 dl::after{
    background-size:70%;
  }
  .h_block.no_01 dt:before,
  .h_block.no_02 dt:before,
  .h_block.no_03 dt:before{
    background-size: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .h_block.no_01 dl::after{
    right: -60px;
    top: -150px;
  }
  .h_block.no_02 dl::after{
    right: -60px;
    top: -117px;
  }
  .h_block.no_03 dl::after{
    right: -60px;
    top: -144px;
  }
  dl.content dt{
    font-size: 3.5vw;
    margin: 0 0 20px 60px;
    height: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 480px) {
  .h_block.no_01 dt:before,
  .h_block.no_02 dt:before,
  .h_block.no_03 dt:before{
    background-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  dl.content dt{
    font-size: 3.7vw;
    margin: 0 0 20px 50px;
    height: 40px;
    line-height:normal;
  }
  .h_block{
    padding: 50px 0 30px;
  }
  .h_block img{
    margin:0 auto 20px;
  }
  /*.h_block.no_01 dl::after{
    right: -60px;
    top:420px;
  }
  .h_block.no_02 dl::after{
    right: -60px;
    top:470px;
  }
  .h_block.no_03 dl::after{
    right: -60px;
    top:400px;
  }*/
	.h_block.no_01 dl::after, .h_block.no_02 dl::after, .h_block.no_03 dl::after{
		position: relative;
		display: block;
		top: 0;
		right: 0;
		left: 0;
		margin: 0 auto;
		height:170px;
		background-position: center;
	}
  /*フリーページ共通*/
  .free_page h2.ttl_main{
    width:calc(100% - 40px);
  }
}