@charset "utf-8";

/* bg_donut_area
-------------------------------------------------- */
.bg_donut_area,
.bg_donut_area_02{
  position: relative;
  overflow: hidden;
}
.bg_donut_area::before{
  content: '';
  display: block;
  position: absolute;
  top: 750px;
  right: -40px;
  background: url(/common_2022/images/bg/img_donut_ill_08.png) no-repeat right top;
  background-size: 100%;
  z-index: -1;
}
.bg_donut_area::after{
  content: '';
  display: block;
  position: absolute;
  top: 2100px;
  right: -40px;
  background: url(/common_2022/images/bg/img_donut_ill_05.png) no-repeat left top;
  background-size: 100%;
  margin: auto;
  z-index: -1;
}
.bg_donut_area_02::before{
  content: '';
  display: block;
  position: absolute;
  top: 1400px;
  left: -40px;
  background: url(/common_2022/images/bg/img_donut_ill_10.png) no-repeat right top;
  background-size: 100%;
  margin: auto;
  z-index: -1;
}
@media print, screen and (min-width:768px){
  .bg_donut_area::before,
  .bg_donut_area::after,
  .bg_donut_area_02::before{
    width: 20.8vw;
    max-width: 400px;
    min-width: 300px;
    height: 20.8vw;
    max-height: 400px;
    min-height: 300px;
  }
}
@media screen and (max-width:767px) {
  .bg_donut_area::before{
    top: 355px;
    right: -100px;
    width: 200px;
    height: 200px;
  }
  .bg_donut_area::after{
    top: 1990px;
    right: -100px;
    width: 200px;
    height: 200px;
  }
  .bg_donut_area_02::before{
    top: 1260px;
    bottom: auto;
    left: -130px;
    width: 200px;
    height: 200px;
  }
}

/* article_wrap
-------------------------------------------------- */
.article_list .flex{
  display: flex;
  flex-wrap: wrap;
}
.article_list .c_ttl_bold_03{
  margin-top: 0;
}
@media print, screen and (min-width:768px){
  .article_list{
    margin-top: 60px;
  }
  .article_list + .article_list{
    margin-top: 80px;
  }
  .article_list .flex{
    justify-content: space-between;
  }
  .article_list .flex.fig_rvs{
    flex-direction: row-reverse;
  }
  .article_list .article_cnt{
    width: 50%;
  }
  .article_list .article_cnt.figIn{
    width: 46%;
  }
  .article_list .article_cnt:nth-child(-n+2){
    margin-top: 0;
  }
  .article_list .c_ttl_bold_03 + .sec_content{
    margin-top: 25px;
  }
}
@media screen and (max-width:767px) {
  .article_list{
    margin-top: 30px;
  }
  .article_list + .article_list{
    margin-top: 45px;
  }
  .article_list .article_cnt{
    width: 100%;
  }
  .article_list .article_cnt + li{
    margin-top: 30px;
  }
  .article_list .flex .figIn{
    width: 71%;
    margin-top: 25px;
    margin-left: auto;
  }
  .article_list .flex.fig_rvs .figIn{
    margin-left: 0;
  }
  .article_list .c_ttl_bold_03 + .sec_content{
    margin-top: 20px;
  }
}

/* mod_btnNav_area
-------------------------------------------------- */
@media print, screen and (min-width:768px){
  .mod_btnNav_area .mod_btnNav_list .btn a{
    width: 340px;
  }
}