@charset "utf-8";

:root {
  --media_pc: 1680; /* VW計算用 calc(vw / var(--media_pc)) */
  --media_sp: 750;
}

.contents_wrap {
  background-image: url(../img/report/report_bg_pc.webp);
  background-size: cover;
  background-position: top center;
  padding-top: 24vw;
  padding-bottom: 140px;
  padding-top: 111px;
  background-repeat: no-repeat;
}
.contents_wrap h2 {
  width: 211px;
  margin: 0 auto 118px;
}

@media all and (max-width: 768px) {
  .contents_wrap {
    background-image: url(../img/report/report_bg_sp.webp);
    padding-top: 24vw;
    padding-bottom: 14vw;
  }
  .contents_wrap h2 {
    width: calc(210 / var(--media_sp) * 100vw);
    margin: 0 auto calc(100 / var(--media_sp) * 100vw);
  }
}

.report_wrap{
  box-sizing: border-box;
	margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.report_wrap .report_blk h3{
	width: 100%;
  font-weight: normal;
	line-height: 1;
	letter-spacing: 0.02em;
	border-bottom: 1px solid #ccc;
  color:#657498;
}
.report_wrap .report_blk h3 .date{
	color: #222;
	float: right;
	clear: both;
  position: relative;
}
.report_wrap .report_blk .txt{
	line-height: 2.765;
	letter-spacing: 0.02em;
}
.report_wrap .report_blk .img_wrap{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}
.report_wrap .report_blk .img_wrap p .cap{
	display: block;
	line-height: 1.429;
	letter-spacing: 0.02em;
	padding-top: 0;
}

@media all and (min-width: 769px) {
  .report_wrap{
    width:95%;
    max-width: 1280px;
  }
  .report_wrap .report_blk:nth-child(n+2){
    margin-top: 130px;
  }
  .report_wrap .report_blk h3{
    font-size: 27px;
    margin-bottom: 32px;
    padding-bottom: 30px;
  }
  .report_wrap .report_blk h3 .date{
    font-size: 16px;
    top: 12px;
  }
  .report_wrap .report_blk .txt{
    font-size: 17px;
    margin-bottom: 43px;
  }
  .report_wrap .report_blk .img_wrap{
    width: 1280px;
  }
  .report_wrap .report_blk .img_wrap .img{
    width:400px;
  }
  .report_wrap .report_blk .img_wrap p .cap{
    font-size: 14px;
  }
}
@media all and (max-width: 1320px) {
  .report_wrap .report_blk .img_wrap {
    width: 100%;
    gap: 1.88679%;
  }
}

@media all and (max-width: 768px) {
  .report_wrap{
    width: 89.333%;
  }
  .report_wrap .report_blk:nth-child(n+2){
    margin-top: 14.667vw;
  }
	.report_wrap .report_blk h3{
    font-size: 3.906vw;
    margin-bottom: 4.906vw;
    padding-bottom: 4.167vw;
  }
  .report_wrap .report_blk h3 .date{
    font-size: 2.604vw;
    top: 1.302vw;
  }
  .report_wrap .report_blk .txt{
    font-size: 3.125vw;
    line-height: 2;
    margin-bottom: 5.208vw;
  }
  .report_wrap .report_blk .img_wrap{
    display:block;
    width: 100%;
  }
  .report_wrap .report_blk .img_wrap .img{
    width:100%;
  }
  .report_wrap .report_blk .img_wrap .img:nth-child(n+2){
    margin-top:6.661vw;
  }
  .report_wrap .report_blk .img_wrap p .cap{
    line-height: 1.5;
    font-size: 2.604vw;
  }
}

.notes_wrap {
  padding: 60px 0 0;
}

@media all and (max-width: 768px) {
  .notes_wrap {
    padding: 10.667% 0 0;
  }
}