@charset "UTF-8";

/****
 page title
 ****/

.page_title{
  background-image: url('../images/results/img_main.jpg');
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: cover;
}

@media screen and (max-width: 768px){
  .page_title{
    background-image: url('../images/results/img_main_sp.jpg');
  }
}

.main_visual p{
  color: #223999;
  font-size: 2.4rem;
  font-weight: 600;
}

@media screen and (min-width: 769px) and (max-width: 1024px){
  .main_visual p{
    font-size: 2.4vw;
  }
}

/****
 page content
 ****/

.flex_column .content{
  background: url('../images/common/tag_results.svg') no-repeat 0 0 / 24px auto;
}

.flex_column .content h2{
  color: #000;
  font-size: 4.4rem;
  margin-bottom: 6rem;
  line-height: 1.25;
  padding-left: 13rem;
  position: relative;
}

@media screen and (max-width: 768px){
  .flex_column .content h2{
    font-size: 2.8rem;
    margin-bottom: 2.5rem;
    padding: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1124px){
  .flex_column .content h2{
    font-size: 4vw;
    margin-bottom: 5vw;
    padding-left: 11vw;
  }
}

.flex_column .content h2 span{
  color: #36A5F5;
  font-size: 9.6rem;
  line-height: .8;
  position: absolute;
  left: 0;
  top: -5px;
}

@media screen and (max-width: 768px){
  .flex_column .content h2 span{
    display: block;
    font-size: 8rem;
    margin-bottom: 2.5rem;
    position: relative;
    left: inherit;
    top: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1124px){
  .flex_column .content h2 span{
    font-size: 9vw;
  }
}

.flex_column .content p{
  max-width: 528px;
}
.flex_column .content p.btn{
  width: 100%;
}

.flex_column .content p.btn .btn_more{
  padding: 1.25rem 2rem;
}

figcaption{
  background: rgba(0,0,0,.5);
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1.25;
  padding: .5rem .25rem;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 0;
  width: 100%;
}


#box04 figcaption{
  width: 63.5%;
}

@media screen and (min-width: 769px) and (max-width: 1024px){
  #box04 figcaption{
    width: 28.5vw;
  }
}

@media screen and (max-width: 768px){
  #box04 figcaption{
    width: 57vw;
  }
}



@media screen and (max-width: 768px){
  .delimiter_box{
    background: url('../images/results/img_delimiter_sp.jpg') no-repeat 0 center / cover;
  }
}