@charset "utf-8";

main > section.sec.sec_list {
    padding-bottom: 50px;
}

main > section.sec.sec_list .seccol {
    margin-bottom: 0;
}

main > section.sec.sec_list .seccol h3  {
    margin-bottom: 15px;
    padding-left: 5px;
    line-height: 140%;
}

main > section.sec.sec_list .seccol.flex  {
    align-items: stretch;
    align-content: flex-start;
}
main > section.sec.sec_list .seccol:first-of-type {
    background-position: left 50px bottom 50px;
}

main > section.sec.sec_list .seccol:before  {
    display: none;
}

main > section.sec.sec_list .seccol:first-of-type:before {
    content: "";
    position: absolute;
    top: auto;
    left: auto;
    bottom: 150px;
    right: 50px;
    width: calc(100% - 200px);
    height: 46px;
    background-color: transparent;
    background-image: url(/common/images/sec_bg.png);
    background-position: right top;
    background-repeat: repeat-x;
    background-size: 99px auto;
}


main > section.sec.sec_list .seccol:nth-of-type(2n) {
    top: 50px;
}

main > section.sec.sec_list .seccol:after   {
    content: "";
    width: calc(100% - 50px);
    height: 1px;
    background-color: rgba(205, 205, 205, 0.5);
    position: absolute;
    bottom: 150px;
    left: 0;
}

main > section.sec.sec_list .seccol:last-of-type:after  {
    left: auto;
    right: 0;
}

main > section.sec.sec_list .seccol.has_after {
  margin-bottom: 200px;
}

@media screen and (max-width: 834px)    {
    .sub .key .inner .titlearea {
      height: 38.16vw;
    }

    main > section.sec.sec_list {
      margin-bottom: 0;
    }

    main > section.sec.sec_list .seccol:after   {
        bottom: 38.15vw;
    }
    
    main > section.sec.sec_list .seccol .contentarea  {
        padding-left: 7.63vw;
    }
}