@charset "UTF-8";

#page_til h1 br.sp_1024 {
    display: none;
}

@media screen and (max-width:1024px) {
    #page_til h1 br.sp_1024 {
        display: block;
    }
}

.red-btn_area small.venture::before {
    top: 15px;
    left: -22px;
}

.red-btn_area small.venture::after {
    top: 15px;
}

@media screen and (max-width:768px) {
    .red-btn_area small.consalting::before {
        top: 13px;
        left: -28px;
    }
    
    .red-btn_area small.consalting::after {
        top: 13px;
        right: -49px;
    }

}

/***** 求人検索ボタン *****/

#search .search_career {
    margin-bottom: 0;
}

#search.careerpaths ul.sp_959 {
    display: none;
}

#search.careerpaths ul li {
    border: solid 2px var(--light);
}

#search.careerpaths ul li a.btn_sq {
    font-weight: 600;
    color: var(--light);
}

#search.careerpaths ul li a.btn_sq:before {
    content: "";
    display: block;
    border-left: 2px solid var(--light);
    border-bottom: 2px solid var(--light);
    transform: translateY(-50%) rotate(-45deg);
}

#search.careerpaths ul li a.btn_sq:hover {
    color: #fff;
    background-color: var(--light);
}

#search.careerpaths ul li a.btn_sq:hover:before {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

@media screen and (max-width:959px) {
    #search.careerpaths ul.pc_959 {
        display: none;
    }

    #search.careerpaths ul.sp_959 {
        display: flex;
    }
}

/***** End 求人検索ボタン *****/


/***** 目次 *****/

#mokuji .inner {
    padding-bottom: 1px;
}

#mokuji .toc-002 {
    border: 2px solid var(--light);
    border-radius: 3px;
    padding-bottom: 2rem;
    max-width: 786px;
    margin: 0 auto;
    background-color: #fff;
}

#mokuji .toc-002 h2 {
    padding: 2px 0;
    background-color: var(--light);
    color: #fff;
    font-weight: 600;
    font-size: 2rem;
    margin: 1.4rem;
}

#mokuji .toc-002 .mokuji_wrapper {
    display: flex;
    justify-content: center;
}

#mokuji .toc-002 ol {
    width: 50%;
    padding-left: 5rem;
}

#mokuji .toc-002 ol:first-child {
    border-right: solid 1px var(--gray);
}

#mokuji .toc-002 li {
    padding: 5px 0;
    font-weight: 600;
    display: flex;
    padding-right: 3rem;
}

#mokuji .toc-002 a {
    text-decoration: none;
    font-size: 1.6rem;
}

#mokuji .toc-002 li::before {
    content: "●";
    color: var(--light);
    margin-right: 7px;
}

#mokuji .toc-002 a span {
    border-bottom: solid 1px #a2a2a2;
    padding-bottom: 0.3rem;
}

#mokuji .red-btn_area a.btn_red {
    width: 385px;
    font-feature-settings: "palt";
}

#mokuji .red-btn_area a.btn_red span {
    font-size: 1.6rem;
    padding: 0.5rem 0.8rem;
    margin-right: 1rem;
    background: #fff;
    color: var(--accent);
    border-radius: 100px;
}

@media screen and (max-width:768px) {
    #mokuji .toc-002 {
        padding-bottom: 1rem;
    }

    #mokuji .toc-002 h2 {
        font-size: 1.6rem;
        margin: 1rem 1.4rem;
    }

    #mokuji .toc-002 ol {
        padding-left: 2.4rem;
    }

    #mokuji .toc-002 li {
       padding-right: 2.4rem;
    }

    #mokuji .toc-002 a {
        text-decoration: none;
        font-size: 1.4rem;
    }

    #mokuji .red-btn_area a.btn_red {
        width: 330px;
        font-size: 1.6rem;
    }
    
    #mokuji .red-btn_area a.btn_red span {
        font-size: 1.4rem;
        padding: 0.5rem 0.6rem;
        margin-right: 0.4rem;
    }

    #mokuji a.btn_red::before {
        right: 16px;
    }
}

@media screen and (max-width:690px) {
    #mokuji .toc-002 {
        max-width: 400px;
    }

    #mokuji .toc-002 .mokuji_wrapper {
        display: block;
    }

    #mokuji .toc-002 ol {
        width: auto;
    }

    #mokuji .toc-002 ol:first-child {
        border-right: none;
    }
}

/***** End 目次 *****/


/***** 導入テキスト *****/

#introduction p {
    font-size: 1.6rem;
    line-height: 1.7em;
    margin-bottom: 2rem;
}

#introduction .red-btn_area {
    margin-top: 3rem;
}

#introduction .red-btn_area a.btn_red {
    width: 385px;
    font-feature-settings: "palt";
}

#introduction .red-btn_area a.btn_red span {
    font-size: 1.6rem;
    padding: 0.5rem 0.8rem;
    margin-right: 1rem;
    background: #fff;
    color: var(--accent);
    border-radius: 100px;
}

@media screen and (max-width:768px) {
    #introduction p {
        font-size: 1.4rem;
        line-height: 1.6em;
    }

    #introduction .red-btn_area a.btn_red {
        width: 330px;
        font-size: 1.6rem;
    }
    
    #introduction .red-btn_area a.btn_red span {
        font-size: 1.4rem;
        padding: 0.5rem 0.6rem;
        margin-right: 0.4rem;
    }
    
    #introduction a.btn_red::before {
        right: 16px;
    }
}

/***** End 導入テキスト *****/


/***** 監査法人のキャリア *****/

#career_of_occupation .career_of_occupation_wrapper p {
    font-feature-settings: "palt";
    font-size: 1.6rem;
    line-height: 1.7em;
}

#career_of_occupation .career_of_occupation_wrapper img {
    width: 327px;
    border-radius: 5px;
    float: right;
    margin: 0 0px 11px 18px;
}

#career_of_occupation.finance .career_of_occupation_wrapper {
    margin-bottom: 3rem;
}

#career_of_occupation .btn_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4rem;
    clear: both;
}

#career_of_occupation.consalting .btn_wrapper {
    margin-top: 6rem;
}

#career_of_occupation .btn_wrapper a {
    margin: 0;
    font-size: 2.4rem;
    padding: 2rem 4rem;
    border-radius: 100vw;
}

#career_of_occupation .btn_wrapper a.btn_bl::before {
    width: 10px;
    height: 10px;
    right: 30px;
}

#career_of_occupation .btn_wrapper a:first-child {
    margin-right: 2.4rem;
}

#career_of_occupation.zeirishi-hojin .btn_wrapper a:first-child {
    line-height: 1.4em;
}

#career_of_occupation.venture .btn_wrapper a:first-child {
    width: 430px;
    line-height: 1.4em;
}


#career_of_occupation.consalting .btn_wrapper a:first-child {
    margin: 0 auto;
    width: 430px;
    line-height: 1.4em;
}

@media screen and (max-width:768px) {
    #career_of_occupation .career_of_occupation_wrapper p {
        font-size: 1.4rem;
        line-height: 1.6em;
        margin: 0 auto 2rem;
    }

    #career_of_occupation .career_of_occupation_wrapper {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 3rem;
    }

    #career_of_occupation.finance .career_of_occupation_wrapper {
        margin-bottom: 0;
        display: grid;
        grid-column: auto;
        grid-row: auto auto;
    }

    #career_of_occupation .career_of_occupation_wrapper img {
        width: 266px;
        border-radius: 3px;
        float: none;
        margin: 0 auto;
        display: block;
    }

    #career_of_occupation.finance .career_of_occupation_wrapper img {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    #career_of_occupation.finance .career_of_occupation_wrapper p {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    #career_of_occupation .btn_wrapper {
        display: block;
        margin-top: 4rem;
    }

    #career_of_occupation.consalting .btn_wrapper {
        margin-top: 4rem;
    }

    #career_of_occupation.finance .btn_wrapper {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    #career_of_occupation .btn_wrapper a {
        margin: 1.3rem auto 0;
        font-size: 2rem;
        padding: 1.6rem 0;
        width: 290px;
    }

    #career_of_occupation .btn_wrapper a.btn_bl::before {
        width: 7px;
        height: 7px;
        right: 20px;
    }

    #career_of_occupation .btn_wrapper a:first-child {
        margin: 0 auto;
    }

    #career_of_occupation.venture .btn_wrapper a:first-child {
        width: 360px;
    }

    #career_of_occupation.consalting .btn_wrapper a:first-child {
        width: 360px;
    }
}

@media screen and (max-width:500px) {
    #career_of_occupation.venture .btn_wrapper a:first-child {
        width: 330px;
        font-size: 1.8rem;
        border-radius: 200px;
    }
}

/***** End 監査法人のキャリア *****/


/***** 会計士のキャリア *****/

#careerpaths .slick-slider {
    display: none;
}

#careerpaths ul li {
    display: flex;
    margin-bottom: 6rem;
    padding-top: 95px;
    margin-top: -95px;
}

#careerpaths ul li:nth-child(even) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#careerpaths ul li:last-child {
    margin-bottom: 0;
}

#careerpaths ul li:nth-child(odd) .txt_area {
    margin-right: 4.4rem;
}

#careerpaths ul li:nth-child(even) .txt_area {
    margin-left: 4.4rem;
}

#careerpaths .txt_area h3 {
    margin-bottom: 2rem;
}

#careerpaths .txt_area h3 img {
    zoom: 0.5;
}

#careerpaths .txt_area p {
    font-feature-settings: "palt";
    font-size: 1.6rem;
    line-height: 1.7em;
}

#careerpaths .txt_area a {
    margin-top: 3rem;
}

#careerpaths ul li:nth-child(6) .txt_area a {
    width: 310px;
}

#careerpaths .img_area {
    width: 320px;
    flex-shrink: 0;
}

#careerpaths .img_area img {
    border-radius: 5px;
}

@media screen and (max-width:970px) {
    #careerpaths .img_area {
        width: 270px;
    }
}

@media screen and (max-width:959px) {

    #careerpaths .inner {
        width: 100%;
        padding: 4rem 0 2rem;
    }
    
    #careerpaths .slick-slider {
        display: block;
    }

    #careerpaths ul {
        height: 602px;
    }

    #careerpaths ul li {
        display: block;
        padding-bottom: 2.4rem;
        width: 315px;
        height: 602px;
        padding-top: 0;
        margin: 4px 10px 0;
        background-color: #fff;
        position: relative;
        box-shadow: -1px 0px 9px -7px #768798;
    }

    #careerpaths h3 {
        text-align: center;
        padding-bottom: 2rem;
    }

    #careerpaths h3 .brand {
        background-color: var(--light);
        margin: 0;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600;
        color: #fff;
        display: block;
        position: relative;
        height: 27px;
        margin-bottom: 1.4rem;
    }

    #careerpaths h3 .brand img {
        position: absolute;
        left: 50%;
        top: -9px;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        zoom: 0.5;
    }

    #careerpaths h3 .label {
        font-size: 1.8rem;
        font-weight: 600;
        color: var(--light);
    }

    #careerpaths h3 .label::after {
        content: "";
        display: block;
        width: 19px;
        height: 2px;
        background-color: var(--light);
        margin: 0.6rem auto 0;
    }

    #careerpaths p {
        font-size: 1.4rem;
        line-height: 1.5em;
        padding: 0 2.4rem 2rem;
    }

    #careerpaths .img_area {
        width: 100%;
    }
    
    #careerpaths .img_area img {
        width: 205px;
        border-radius: 3px;
        margin: 0 auto;
        display: block;
    }

    #careerpaths .btn_area {
        padding: 2.2rem 0 2.4rem;
        background-color: #fff;
        margin-top: auto;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }

    #careerpaths a {
        margin-top: 0;
        width: 275px;
    }

    #careerpaths ul li:nth-child(6) a {
        line-height: 1.3em;
    }

    #careerpaths .prev-arrow {
        left: calc(50vw - 193px) !important;
    }
    
    #careerpaths .next-arrow {
        right: calc(50vw - 193px) !important;
    }

}

@media screen and (max-width:768px) {

    #careerpaths .inner {
        padding: 3rem 0 8px;
    }
}

@media screen and (max-width:430px) {

    #careerpaths ul li {
        margin: 4px 7px 0;
    }

    #careerpaths .prev-arrow {
        left: calc(50vw - 183px) !important;
    }
    
    #careerpaths .next-arrow {
        right: calc(50vw - 183px) !important;
    }
}

/***** End 会計士のキャリア *****/


/***** 監査法人の種類 *****/

#kansa_kinds .slick-slider {
    display: none;
}

#kansa_kinds ul li {
    display: flex;
    margin-bottom: 6rem;
}

#kansa_kinds ul li:nth-child(even) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#kansa_kinds ul li:last-child {
    margin-bottom: 0;
}

#kansa_kinds ul li:nth-child(odd) .txt_area {
    margin-right: 4.4rem;
}

#kansa_kinds ul li:nth-child(even) .txt_area {
    margin-left: 4.4rem;
}

#kansa_kinds .txt_area h3 {
    margin-bottom: 2rem;
}

#kansa_kinds .txt_area h3 img {
    zoom: 0.5;
}

#kansa_kinds .txt_area p {
    font-feature-settings: "palt";
    font-size: 1.6rem;
    line-height: 1.7em;
}

#kansa_kinds .img_area {
    width: 277px;
    flex-shrink: 0;
}

#kansa_kinds .img_area img {
    border-radius: 5px;
}

#kansa_kinds .red-btn_area a.btn_red {
    width: 385px;
    font-feature-settings: "palt";
}

#kansa_kinds .red-btn_area a.btn_red span {
    font-size: 1.6rem;
    padding: 0.5rem 0.8rem;
    margin-right: 1rem;
    background: #fff;
    color: var(--accent);
    border-radius: 100px;
}

#kansa_kinds .txt_area .article_area .article_wrapper h3 {
    margin-bottom: 0;
}

/***** 記事 *****/
.article_area {
    margin-top: 24px;
}
.article_area a {
    display: flex;
    max-width: 599px;
    margin: 2.4rem auto 0;
    box-shadow: 0px 0px 9px -5px #768798;
}

.article_area img {
    max-width: 240px;
    height: fit-content;
    flex-shrink: 0;
}

.article_area .article_wrapper {
    width: 100%;
    padding: 1rem 2rem;
    position: relative;
}

.article_area .article_wrapper h3 {
    font-feature-settings: "palt";
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.7em;
    margin-bottom: 0;
}


.article_area .update-time .fa-clock {
    margin-right: 5px;
}

.article_area .update-time {
    text-align: right;
    font-size: 1.3rem;
    color: #5c5c5d;
    position: absolute;
    right: 2rem;
    bottom: 1rem;
}

@media screen and (max-width:768px) {

    #kansa_kinds .inner {
        width: 100%;
    }
    
    #kansa_kinds .slick-slider {
        display: block;
    }

    #kansa_kinds ul {
        height: 765px;
    }

    #kansa_kinds ul li {
        display: block;
        padding-bottom: 2.4rem;
        width: 400px;
        height: 765px;
        margin: 4px 10px 4px;
        background-color: #fff;
        position: relative;
        box-shadow: 0px 0px 10px -6px #768798;
    }

    #kansa_kinds.finance ul {
        height: 1318px;
    }

    #kansa_kinds.finance ul li {
        height: 1318px;
    }

    #kansa_kinds.zeirishi-hojin ul,#kansa_kinds.zeirishi-hojin ul li {
        height: 850px;
    }

    #kansa_kinds.consalting ul,#kansa_kinds.consalting ul li {
        height: 652px;
    }

    #kansa_kinds h3 {
        text-align: center;
        padding-bottom: 2rem;
    }

    #kansa_kinds h3 .brand {
        background-color: var(--light);
        margin: 0;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600;
        color: #fff;
        display: block;
        position: relative;
        height: 27px;
        margin-bottom: 1.4rem;
    }

    #kansa_kinds h3 .brand img {
        position: absolute;
        left: 50%;
        top: -9px;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        zoom: 0.5;
    }

    #kansa_kinds h3 .label {
        font-size: 1.8rem;
        font-weight: 600;
        color: var(--light);
        font-feature-settings: "palt";
    }

    #kansa_kinds h3 .label::after {
        content: "";
        display: block;
        width: 19px;
        height: 2px;
        background-color: var(--light);
        margin: 0.6rem auto 0;
    }

    #kansa_kinds p {
        font-size: 1.4rem;
        line-height: 1.5em;
        padding: 0 2.4rem 2rem;
    }

    #kansa_kinds .img_area {
        width: 100%;
    }
    
    #kansa_kinds .img_area img {
        width: 205px;
        border-radius: 3px;
        margin: 0 auto;
        display: block;
    }

    #kansa_kinds .prev-arrow {
        left: calc(50vw - 236px) !important;
    }
    
    #kansa_kinds .next-arrow {
        right: calc(50vw - 236px) !important;
    }

    #kansa_kinds .red-btn_area a.btn_red {
        width: 330px;
        font-size: 1.6rem;
    }
    
    #kansa_kinds .red-btn_area a.btn_red span {
        font-size: 1.4rem;
        padding: 0.5rem 0.6rem;
        margin-right: 0.4rem;
    }

    #kansa_kinds a.btn_red::before {
        right: 16px;
    }

    .article_area .article_wrapper {
        width: 100%;
        padding: 1rem 1.4rem 0;
    }

    .article_area a {
        display: block;
        width: 315px;
        margin: 1.6rem auto 0;
        padding: 1rem;
        border-right: solid 20px var(--basic);
        position: relative;
    }

    .article_area a::before {
        content: "";
        display: block;
        border-left: 3px solid #fff;
        border-bottom: 3px solid #fff;
        margin-top: -1px;
        width: 9px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: -13px;
        transform: translateY(-50%) rotate(-135deg);
        z-index: 1;
    }

    .article_area img {
        width: 268px;
        margin: 0 auto;
        display: block;
    }

    .article_area .article_wrapper h3 {
        font-size: 1.4rem;
        line-height: 1.6em;
        margin-bottom: 0.5rem;
    }

    .article_area .update-time {
        position: relative;
        right: auto;
        bottom: auto;
    }

}

@media screen and (max-width:520px) {
    #kansa_kinds ul {
        height: 912px;
    }

    #kansa_kinds ul li {
        width: 315px;
        height: 912px;
    }

    #kansa_kinds.finance ul {
        height: 1592px;
    }

    #kansa_kinds.finance ul li {
        height: 1592px;
    }

    #kansa_kinds.zeirishi-hojin ul, #kansa_kinds.zeirishi-hojin ul li {
        height: 976px;
    }

    #kansa_kinds.consalting ul,#kansa_kinds.consalting ul li {
        height: 759px;
    }

    #kansa_kinds .prev-arrow {
        left: calc(50vw - 193px) !important;
    }
    
    #kansa_kinds .next-arrow {
        right: calc(50vw - 193px) !important;
    }
}

@media screen and (max-width:430px) {

    #kansa_kinds ul li {
        margin: 4px 7px 4px;
    }

    #kansa_kinds .prev-arrow {
        left: calc(50vw - 183px) !important;
    }
    
    #kansa_kinds .next-arrow {
        right: calc(50vw - 183px) !important;
    }
}

/***** End 監査法人の種類 *****/


/***** 監査法人の転職市場 *****/

#jobchange_market p {
    font-feature-settings: "palt";
}

#jobchange_market .jobchange_market_main-description {
    line-height: 1.7em;
    margin-bottom: 2rem;
}

/* #jobchange_market .jobchange_market_wrapper {
    margin-bottom: 4rem;
} */

#jobchange_market.global .jobchange_market_wrapper {
    margin-bottom: 6rem;
}

#jobchange_market .jobchange_market_wrapper .about_img_area {
    float: right;
    margin: 0 0px 11px 18px;
}

#jobchange_market .jobchange_market_wrapper .about_img_area img {
    width: 270px;
}

#jobchange_market .jobchange_market_wrapper p {
    font-size: 1.6rem;
    line-height: 1.7em;
}

#jobchange_market .article_area a {
    display: flex;
    max-width: 655px;
    margin: 0 auto;
    box-shadow: none;
    clear: both;
    padding: 30px 20px 15px;
}

#jobchange_market .article_area img {
    width: 299px;
    flex-shrink: 0;
}

#jobchange_market .article_area .article_wrapper {
    width: 100%;
    padding: 1rem 2rem;
}

#jobchange_market .article_area .article_wrapper h3 {
    font-feature-settings: "palt";
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.7em;
}

#jobchange_market .article_area .update-time .fa-clock {
    margin-right: 5px;
}

#jobchange_market .article_area .update-time {
    text-align: right;
    font-size: 1.3rem;
    color: #5c5c5d;
}

.blogcard {
    width: 100%;
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    box-shadow: 0px 0px 9px -5px #768798;
}
.blogcard .thumb {
    width: 40%;
    max-width: 300px;
}
.blogcard .thumb img {
    margin: 0;
    display: block!important;
}
.blogcard .text {
    padding: 10px;
    line-height: 1.5em;
    flex: 1;
}
.blogcard .text p {
    font-weight: bold;
    margin-bottom: 0;
}
.blogcard .text span {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media screen and (max-width:768px) {
    #jobchange_market .jobchange_market_main-description {
        font-size: 1.6rem;
        line-height: 1.7em;
        margin-bottom: 2rem;
    }

    #jobchange_market.global .jobchange_market_wrapper {
        margin-bottom: 4rem;
    }

    #jobchange_market .jobchange_market_wrapper .about_img_area {
        float: none;
        margin: 0 0 2rem;
    }

    #jobchange_market .jobchange_market_wrapper .about_img_area img {
        width: 211px;
        margin: 0 auto;
        display: block;
    }

    #jobchange_market .article_area .article_wrapper {
        width: 100%;
        padding: 1rem 1.4rem 0;
    }

    #jobchange_market .article_area a {
        display: block;
        width: 315px;
        margin: 0 auto;
        padding: 1rem;
        border-right: solid 20px var(--basic);
        position: relative;
        background-color: #fff;
    }

    #jobchange_market .article_area a::before {
        content: "";
        display: block;
        border-left: 3px solid #fff;
        border-bottom: 3px solid #fff;
        margin-top: -1px;
        width: 9px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: -13px;
        transform: translateY(-50%) rotate(-135deg);
        z-index: 1;
    }

    #jobchange_market .article_area img {
        width: 268px;
        margin: 0 auto;
        display: block;
    }

    #jobchange_market .article_area .article_wrapper h3 {
        font-size: 1.4rem;
        line-height: 1.6em;
        margin-bottom: 0.5rem;
    }

    .blogcard{
        display: block;  
    }
    .blogcard .thumb{
        width: 100%;
    }
    .blogcard .text{
        padding: 10px 10px 0 10px;
    }
}

/***** End 監査法人の転職市場 *****/


/***** 監査法人の転職成功のポイント *****/

#success_point ul li {
    display: flex;
    background-color: #fff;
    border-radius: 8px;
    border: solid 2px var(--light);
    margin-bottom: 2.4rem;
}

#success_point ul li:last-child {
    margin-bottom: 0;
}

#success_point ul li .step {
    background-color: var(--light);
    padding: 0 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    flex-shrink: 0;
    width: 67px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

#success_point ul li .step .num {
    font-size: 3rem;
}

#success_point ul li .img_wrapper {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 3rem;
}

#success_point ul li .img_wrapper img {
    width: 68px;
}

#success_point ul li .txt_wrapper {
    padding: 2rem 4rem 2rem 0;
}

#success_point ul li .txt_wrapper h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--light);
    margin-bottom: 1rem;
}

#success_point ul li .txt_wrapper p {
    font-size: 1.6rem;
    line-height: 1.7em;
    font-feature-settings: "palt";
}

#success_point .red-btn_area a.btn_red {
    width: 385px;
    font-feature-settings: "palt";
}

#success_point .red-btn_area a.btn_red span {
    font-size: 1.6rem;
    padding: 0.5rem 0.8rem;
    margin-right: 1rem;
    background: #fff;
    color: var(--accent);
    border-radius: 100px;
}

@media screen and (max-width:768px) {
    #success_point h2 {
        margin-bottom: 3.6rem;
    }

    #success_point ul li {
        display: block;
        border-radius: 5px;
        margin-bottom: 3.6rem;
        position: relative;
        padding: 3.2rem 3rem 2rem;
    }

    #success_point ul li .step {
        padding: 0.2rem 1.6rem;
        font-size: 1.4rem;
        width: auto;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        border-radius: 100px;
    }

    #success_point ul li .step .num {
        font-size: 2.4rem;
        display: inline-block;
        margin-left: 4px;
        margin-top: 3px;
    }

    #success_point ul li .img_wrapper {
        margin-bottom: 1.2rem;
    }

    #success_point ul li .txt_wrapper {
        text-align: center;
        padding: 0;
    }

    #success_point ul li .txt_wrapper h3 {
        font-size: 1.6rem;
        line-height: 1.7em;
    }

    #success_point ul li .txt_wrapper p {
        text-align: left;
        font-size: 1.4rem;
        line-height: 1.6em;
    }

    #success_point .red-btn_area a.btn_red {
        width: 330px;
        font-size: 1.6rem;
    }
    
    #success_point .red-btn_area a.btn_red span {
        font-size: 1.4rem;
        padding: 0.5rem 0.6rem;
        margin-right: 0.4rem;
    }

    #success_point a.btn_red::before {
        right: 16px;
    }
}

/***** End 監査法人の転職成功のポイント *****/


/***** 監査法人の転職トピックス記事 *****/

#topics.kansa_topics.venture a.btn_bl {
    width: 610px;
}

#topics.kansa_topics.zeirishi-hojin a.btn_bl {
    width: 460px;
}

#topics.kansa_topics.consalting a.btn_bl {
    width: 470px;
}

@media screen and (max-width:768px) {
    #topics.kansa_topics.venture a.btn_bl {
        width: 470px;
    }

    #topics.kansa_topics.consalting a.btn_bl {
        width: 310px;
    }

    #topics.kansa_topics.zeirishi-hojin a.btn_bl,#topics.kansa_topics.finance a.btn_bl {
        width: 290px;
    }
}

@media screen and (max-width:500px) {
    #topics.kansa_topics.venture a.btn_bl {
        width: 310px;
        border-radius: 200px;
    }
}

/***** End 監査法人の転職トピックス記事 *****/


#faq.zeirishi-hojin a.btn_bl {
    width: 400px;
}

#faq.venture a.btn_bl {
    width: 560px;
}

#faq.consalting a.btn_bl {
    width: 430px;
}

@media screen and (max-width:768px) {
    #faq.zeirishi-hojin a.btn_bl {
        width: 290px;
    }

    #faq.venture a.btn_bl,#faq.consalting a.btn_bl  {
        width: 310px;
    }
}