@charset "utf-8";
/* ニュースレターバックナンバー */
.list-backnumber {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}
.list-backnumber article.backnumber {
    width: calc(100% / 4 - .45rem);
}
.list-backnumber article.backnumber figure {
    width: 100%;
    height: 3.4rem;
    box-shadow: .01rem .01rem .04rem 0 rgba(0,0,0,.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-backnumber article.backnumber figure img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}
.list-backnumber article.backnumber h1 {
    margin-top: .14rem;
}
.list-backnumber article.backnumber p {
    margin-bottom: .14rem;
    font-size: .875em;
}
.list-backnumber article.backnumber a.btn-dl {
    width: 100%;
    height: .38rem;
    line-height: .38rem;
    font-weight: 500;
    font-size: .875em;
}

/* デジタルコラム */
.latest {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.latest .shoei {
    width: 4.38rem;
    height: auto;
    padding: .3rem .58rem;
    background: #cce1f1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.latest .shoei::before {
    content: '最新号';
    width: 1.76rem;
    height: .52rem;
    background: var(--color-orange);
    text-align: center;
    font-size: 1.625em;
    color: #fff;
    font-weight: 700;
    letter-spacing: .07em;
    line-height: .52rem;
    display: block;
    position: absolute;
    top: -.26rem;
    left: -.95rem;
}
.latest .shoei img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: .2rem;
    box-shadow: 0 0 .08rem 0 rgba(0,0,0,.2);
}
.latest .btn-dl {
    width: 100%;
    border: none;
}
.summary {
    width: 5.2rem;
}
.summary h3 {    
    padding-left: .1rem;
    margin-bottom: .2rem;
    border-left: var(--color-blue) .02rem solid;
    font-size: 2.5em;
    line-height: 1em;
    font-family: "Roboto Flex", serif;
    font-weight: 400;
}
.summary h3 span.date {
    font-family: "Noto Sans JP", serif;
    font-size: .5em;
    display: block;
}
.summary ul li {
    padding: .1rem 0;
    border-bottom: solid 1px var(--color-border);
    line-height: 1.2em;
    display: block;
}
.wrapperL-bg .btn-more {
    margin: 0 auto;
}
.list-books {
    margin-bottom: .8rem;
}
.list-books .subtitle {
    margin-bottom: .4rem;
    background: #fff;
    border-radius: 100vh;
    color: var(--color-blue);
    font-weight: 700;
    text-align: center;
    line-height: .6rem;
}
.list-books ul {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}
.list-books ul li {
    width: calc(50% - .3rem);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.list-books ul li figure {
    width: 1.6rem;
    height: 2.24rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-books ul li figure img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
}
.list-books ul li div {
    width: calc(100% - 2rem);
}
.list-books ul li .book-title {
    margin-bottom: .1rem;
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.4em;
}
.list-books ul li .book-info {
    margin: 0;
    line-height: 1.4em;
}
.list-books ul li .btn-dl {
    width: auto;
    padding-left: 1.2em;
    padding-right: 2.4em;
    margin-top: .1rem;
}
.list-books ul li .btn-more {
    width: 1.4rem;
}
.list-books ul li [class^="btn-"] {
    margin-right: .1rem;
    height: .38rem;
    line-height: .38rem;
    display: inline-block;
}
.list-books ul li [class^="btn-"]::after {
    right: .1rem;
}
.list-books ul li .end {
    padding: .2em .5em;
    margin-top: .1rem;
    background: var(--color-gray);
    color: #fff;
    display: inline-block;
}
.wrapperS {
    background: url("../images/bg-sectiontop.png") center top no-repeat, #fff !important;
}
.serialize-title {
    margin: .5rem auto;
    text-align: center;
}
.serialize-title img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.column-list {
    margin-bottom: .4rem;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .8rem;
}
.column-list a.column {
    width: calc(100% / 3 - .533333rem);
    cursor: pointer;
}
.column-list a.column figure {
    width: 100%;
    height: 2rem;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.column-list a.column figure img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.column-list a.column .date {
    font-size: .875em;
    font-weight: 700;
}
.hide {
    display: none;
}
.wrapperS [class^='btn-'] {
    margin: 0 auto;
}

@media screen and (max-width:768px) { /* スマホの場合 */
    /* ニュースレターバックナンバー */
    .list-backnumber {
        gap: .36rem .2rem;
    }
    .list-backnumber article.backnumber {
        width: calc(50% - .1rem);
    }
    .list-backnumber article.backnumber figure {
        height: auto;
    }
    .list-backnumber article.backnumber h1 {
        font-size: .875em;
    }
    .list-backnumber article.backnumber a.btn-dl::after {
        right: .1rem;
    }
    
    /* デジタルコラム */
    .latest {
        flex-wrap: wrap;
        justify-content: center;
    }
    .latest .shoei {
        width: 100%;
        padding: .3rem;
    }
    .latest .shoei::before {
        width: 1rem;
        height: .42rem;
        font-size: 1.25em;
        line-height: .42rem;
        left: -.46rem;
    }
    .summary {
        width: 100%;
        margin-top: .3rem;
    }
    .summary h3 {
        margin-bottom: .12rem;
        font-size: 2em;
        text-align: left;
    }
    .list-books {
    margin-bottom: .6rem;
    }
    .list-books ul {
        display: block;
    }
    .list-books ul li {
        width: 100%;
        padding: .12rem 0;
        border-bottom: 1px solid var(--color-border);
    }
    .list-books ul li:first-of-type {
        padding-top: 0;
    }
    .list-books ul li:last-child {
        padding-bottom: 0;
        border: none;
    }
    .list-books ul li figure,
    .list-books ul li div {
        width: calc(50% - .06rem);
    }
    .list-books ul li .book-title {
        font-size: 1.25em;
        line-height: 1.2em;
        letter-spacing: -.05em;
    }
    .list-books ul li [class^="btn-"] {
        width: 100%;
        margin-right: 0;
        margin-bottom: .1rem;
        font-size: .85em;
        display: block;
    }
    .wrapperS {
        background-size: 100% auto !important;
    }
    .serialize-title {
        margin: .24rem auto;
    }
    .column-list {
        gap: .4rem;
    }
    .column-list a.column {
        width: 100%;
    }
}




/******* 労働組合 会計・税務の基礎知識のご紹介 **********/
.page-slug-tax_basicknowledge .wrapperS {
 background-image:none !important;
}
.taxmanual2024_box {
 
}
.taxmanual2024_box section {
 margin-bottom: 50px;
}
.taxmanual2024_box section .section_inner{
 padding: 20px;
}
@media screen and (max-width: 768px) {
.taxmanual2024_box section .section_inner{
 padding: 10px;
}
}
.taxmanual2024_box h2{
 color: #FFF;
 background-color: #0064b5;
 font-weight: normal;
 padding: 5px 10px;
 text-align: center;
}
.taxmanual2024_box h2 span{
 display: block;
 font-size: 16px;
}

.taxmanual2024_box .btnBox{
 text-align: center;
}
.taxmanual2024_box .btnBox a{
 background: #007ac6;
 padding-right: 60px;
 padding-left: 60px;
 padding-top: 5px;
 padding-bottom: 8px;
 display: inline-block;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 text-align: center;
 color: #fff;
 line-height: 48px;
 /*height: 44px;*/
 font-size: 20px;
 position: relative;
}
@media screen and (max-width: 768px) {
 .taxmanual2024_box .btnBox a{
  padding-right: 0;
  padding-left: 0;
  width: 100%;
 }
}
.taxmanual2024_box .btnBox a.btn01::after{
 content: "";
 display: inline-block;
 position: absolute;
 top: 20px;
 right: 20px;
 width: 1.0em;
 height: 1.0em;
 background: url("../images/icn_dl.png") no-repeat;
 background-size: contain;
}
.taxmanual2024_box .btnBox a.btn02::after{
 content: "";
 display: inline-block;
 position: absolute;
 top: 20px;
 right: 20px;
 width: 1.0em;
 height: 1.0em;
 background: url("../images/icn_link.png") no-repeat;
 background-size: contain;
}
/*.taxmanual2024_box section dl{
 display: flex;
 flex-wrap: wrap;
}*/

.taxmanual2024_box .flexbox {
 display: flex;
 flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.taxmanual2024_box .flexbox {
 display: block;
}
}

/**　ヘッダー　**/
.taxmanual2024_box section.mainImage {
 margin-bottom: 40px;
 text-align: center;
}
.taxmanual2024_box section.mainImage img {
 width: 100%;
}

.taxmanual2024_box section.mainImage .read{
 padding: 20px 20px;
 font-weight: bold;
 font-size: 18px;
 background: #ecf2f4;
 border-radius: 10px;
 margin-top: 40px;
 color: #01192d;
 line-height: 180%;
 text-align: left;
}
/**　労働組合 会計・税務の基礎知識　**/
.taxmanual2024_box section.main {
 margin-top: 0;
}
.taxmanual2024_box section.main .read{
 
}
.taxmanual2024_box section.main .flyer {
 width: 35%;
 box-sizing: border-box;
}
@media screen and (max-width: 768px) {
 .taxmanual2024_box section.main .flyer {
  width: 100%;
 }
}
.taxmanual2024_box section.main .flyer img{
 width: 100%;
 border: solid 1px #666;
}
.taxmanual2024_box section.main .point {
 width: 65%;
 box-sizing: border-box;
 padding-left: 50px;
}
@media screen and (max-width: 768px) {
 .taxmanual2024_box section.main .point {
  margin-top: 20px;
  width: 100%;
  padding-left: 0;
 }
}
.taxmanual2024_box section.main .point .h_point {
 font-size: 22px;
 font-weight: bold;
 border-left: solid 7px #0064b5;
 padding-left: 12px;
 margin-bottom: 30px;
 color: #0064b5;
}
.taxmanual2024_box section.main .point ul{
 margin-bottom: 50px;
}
.taxmanual2024_box section.main .point li{
 font-size: 16px;
 margin-bottom: 20px;
 font-weight: bold;
  
}
.taxmanual2024_box section.main .point li::before{
 content: "";
 display: inline-block;
 width: 15px;
 height: 15px;
 background: #0064b5;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
  -o-border-radius: 15px;
 -ms-border-radius: 15px;
 border-radius: 15px;
 margin-right: 5px;
 position: relative;
 top: 1px;
}

.taxmanual2024_box section.contentPhoto {
}
.taxmanual2024_box section.contentPhoto .content_left{
 width: 70%;
 box-sizing: border-box;
 padding-right: 50px;
}
@media screen and (max-width: 768px) {
 .taxmanual2024_box section.contentPhoto .content_left{
  width: 100%;
  padding-right: 0;
 }
}
.taxmanual2024_box section.contentPhoto .content_left h2 {
 margin-bottom: 50px;
}
.taxmanual2024_box section.contentPhoto .content_left dl{
 width: 100%;
 font-size: 18px;
}
@media screen and (max-width: 768px) {
 .taxmanual2024_box section.contentPhoto .content_left dl.flexbox{
  display: flex;
  flex-wrap:wrap; 
 }
}
.taxmanual2024_box section.contentPhoto .content_left dt{
 width: 30%;
 margin-bottom: 15px;
 font-weight: bold;
 border-bottom: dashed 1px #999;
}
.taxmanual2024_box section.contentPhoto .content_left dd{
 width: 70%;
 margin-bottom: 15px;
 border-bottom: dashed 1px #999;
}
.taxmanual2024_box section.contentPhoto .content_right{
 width: 30%;
 box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.taxmanual2024_box section.contentPhoto .content_right{
 width: 100%;
}
}
.taxmanual2024_box section.contentPhoto .content_right img{
 width: 100%;
 border: solid 1px #CCC;
 margin-bottom: 10px;
}
.taxmanual2024_box section.contentPhoto .content_right .price {
 text-align: center;
}
/* ご購入のお申し込み */
.taxmanual2024_box section.contentApp {
 
}
.taxmanual2024_box section.contentApp .method{
 margin-bottom: 50px;
}
.taxmanual2024_box section.contentApp .method dl{
 margin-bottom: 30px;
}
.taxmanual2024_box section.contentApp .method dt{
color: #0064b5;
    font-weight: bold;
    font-size: 22px;
}
.taxmanual2024_box section.contentApp .method dd{
}
.taxmanual2024_box section.contentApp .method dd span{
 font-weight: bold;
}
.taxmanual2024_box section.contentApp .method.method01{
 
}
.taxmanual2024_box section.contentApp .method.method02{
 
}

.taxmanual2024_box section.contentApp .infobox {
 background: #f3f3f3;
 padding: 20px;
 text-align: center;
 border-radius: 10px;
 font-size: 18px;
}
.taxmanual2024_box section.contentApp .infobox p:nth-child(1){
 font-weight: bold;
 margin-bottom: 5px;
 color: #007ac6;
}
.taxmanual2024_box section.contentApp .infobox p:nth-child(2){
 
}
.taxmanual2024_box section.contentApp .infobox p:nth-child(2) span{
 font-weight: bold;
}
/**　労働組合 会計・税務の基礎知識　**/
.taxmanual2024_box section.contentPhoto {
 
}

.taxmanual2024_box section.contentPhoto dl{
 
}
.taxmanual2024_box section.contentPhoto dt{
 
}
.taxmanual2024_box section.contentPhoto dd{
 
}
/**　注意事項　**/
.taxmanual2024_box section.contentAttention{
 
}
.taxmanual2024_box section.contentAttention ul{
 list-style: none;
 margin-left: 20px;
}
.taxmanual2024_box section.contentAttention ul li{
 text-indent: -1em;
 margin-bottom: 15px;
}
.taxmanual2024_box section.contentAttention ul li::before{
 content: "";
 display: inline-block;
 width: 10px;
 height: 10px;
 background: #0064b5;
 /*-moz-border-radius: 15px;
 -webkit-border-radius: 15px;
  -o-border-radius: 15px;
 -ms-border-radius: 15px;
 border-radius: 15px;*/
 margin-right: 5px;
 position: relative;
 /*top: 1px;*/
}
/**　お問い合わせ先　**/
.taxmanual2024_box section.contentInfo {
 
}
.taxmanual2024_box section.contentInfo dl{
 display: flex;
 flex-wrap: wrap;
 font-size: 18px;
}
.taxmanual2024_box section.contentInfo dt{
 width: 15%;
 padding-bottom: 3px;
 margin-bottom: 15px;
 border-bottom: dashed 1px #999;
 font-weight: bold;
}
@media screen and (max-width: 768px) {
 .taxmanual2024_box section.contentInfo dt{
   width: 30%;
 }
}
.taxmanual2024_box section.contentInfo dd{
 width: 85%;
 padding-bottom: 5px;
 margin-bottom: 15px;
 border-bottom: dashed 1px #999;
}
@media screen and (max-width: 768px) {
 .taxmanual2024_box section.contentInfo dd{
   width: 70%;
 }
}
/**　改訂・差替　**/
.taxmanual2024_box section.contentRevision {
 
}