@charset "utf-8";
/* Toyama Printing Industry Association */

/* ==============================================
    
============================================== */
.entry-header {
 margin-bottom: 40px;
}

/*.entry-header .entry-title {
 background: rgba(207, 162, 159, 0.1);
 margin-bottom: 20px;
}
.ttl-sub,
.entry-header .entry-title h1 {
 font-size: clamp(1.125rem, 0.542rem + 2.33vw, 2rem);
 min-height: clamp(3.875rem, 1.875rem + 8vw, 6.875rem);
 font-weight: 400;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 padding: 0 20px 0 130px;
 background: rgba(207, 162, 159, 0.1);
 position: relative;
}*/


.ttl-sub {
 font-size: clamp(1.125rem, 0.542rem + 2.33vw, 2rem); /* 18-32 400-1000 */
 min-height: clamp(3.875rem, 1.875rem + 8vw, 6.875rem); /* 62-110 400-1000 */
 font-weight: 400;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 padding: 0 20px 0 clamp(5rem, 2.917rem + 8.33vw, 8.125rem);  /* 80-130 400-1000 */
 background: rgba(207, 162, 159, 0.1);
 position: relative;
 margin-bottom: 20px;
}
.ttl-sub::before {
 content: "";
 display: block;
 position: absolute;
 background: url("image/ttl-sub.png") no-repeat 0 0 / contain;
 width: clamp(3.75rem, 2.083rem + 6.67vw, 6.25rem); /* 60-100 400-1000 */
 height: clamp(3.75rem, 2.083rem + 6.67vw, 6.25rem); /* 60-100 400-1000 */
 top: 50%;
 left: 10px;
 transform: translateY(-50%);
}

.entry-info {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

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

}

/* ==============================================
    pagelist_child
============================================== */
.pagelist_child ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 36px;
}
.pagelist_child li {
    min-height: 160px;
}
.pagelist_child li a {
    font-size: 1.125em;
    color: var(--font-base-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #a4a4a4;
    height: 100%;
    padding: 0 clamp(2.875rem, -4.159rem + 14.66vw, 5rem); /* 46-80 768-1000 */
    position: relative;
    transition: .2s;
}
.pagelist_child li a::before {
    content: "";
    display: inline-block;
    background: url("image/arrow1.svg") no-repeat 0 0  / contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    transition: .2s;
}

@media (hover: hover) {
    .pagelist_child li a:hover {
        text-decoration: none;
        opacity: 1;
        color: var(--font-link-color);
    }
    .pagelist_child li a:hover::before {
        transform: translate(6px, -50%);
    }
}

@media screen and (max-width: 768px) {
    .pagelist_child {
        margin: 0 auto;
        width: 80%;
    }
    .pagelist_child ul {
        grid-template-columns: 1fr;
    }
}

/* ==============================================
    newsletter-archive-list
============================================== */
.newsletter-archive-list {}
.newsletter-archive-list ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.875rem, -8.333rem + 23.33vw, 6.25rem) clamp(1.875rem, -5.417rem + 16.67vw, 5rem); /* 30-100 700-1000 30-80 700-1000 */
    margin-bottom: 50px;
}

.newsletter-archive-list li .ttl-h3 {
    margin: 0 0 40px;
}

.newsletter-archive-list li figure {
    width: 65%;
}
figure.printingnews_image {
    margin: 0 auto;
    text-align: center;
}
figure.printingnews_image img {
    border: 1px solid #A4A4A4;
}

@media screen and (max-width: 700px) {
    .newsletter-archive-list ul {
        grid-template-columns: 1fr 1fr;
    }
    .newsletter-archive-list li .ttl-h3 {
        font-size: 12px;
        padding: 8px 5px 8px 8px;
        margin: 0 0 20px;
    }

    .newsletter-archive-list li figure {
        width: 70%;
    }
}

/* ==============================================
    doc-archive-list
============================================== */
.doc-archive-list {
    margin: 50px auto;
}
.doc-archive-list ul {
 list-style: none;
 display: flex;
 flex-direction: column;
 gap: 20px;
}

.doc-archive-list li {
}
.doc-archive-list li a {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 border: 1px solid #aaaaaa;
 border-radius: 10px;
 color: var(--font-link-color);
 font-weight: 500;
 padding: 24px 60px 30px 30px;
 position: relative;
}
.doc-archive-list li a::after {
 content: "";
 display: block;
 width: 24px;
 height: 24px;
 background: url("image/arrow1.svg") no-repeat center center / contain;
 position: absolute;
 top: 50%;
 right: 30px;
 transform: translate(0, -50%);
 transition: .2s;
}


.doc-archive-list li a.file {
 padding-left: 70px;
}

a.file::before {
 content: "";
 display: block;
 width: 34px;
 height: 34px;
 background: url("image/icon_file.svg") no-repeat center center / contain;
 position: absolute;
 top: 50%;
 left: 20px;
 transform: translateY(-50%);
}

@media (hover: hover) {
    .doc-archive-list li a:hover {
        text-decoration: none;
        opacity: 1;
        background: rgba(32, 138, 59, 0.05);
    }
    .doc-archive-list li a:hover::after {
        transform: translate(6px, -50%);
    }
}

/* ==============================================
    memberslist
============================================== */
.map_toyama {
    width: 600px;
    margin: 0 auto;
}
@media screen and (max-width: 700px) {
    .map_toyama {
        width: 90%;
    }
}

.memberslist-table {
    width: 100%;
    border-left: 1px solid #A4A4A4;
    border-bottom: 1px solid #A4A4A4;
}
.memberslist-table thead th {
    border: 1px solid #A4A4A4;
    padding: 14px 10px;
    background: #EBF4F6;
    text-align: center;
}
.memberslist-table thead th:nth-child(1) {
    width: 26%;
}
.memberslist-table thead th:nth-child(2) {
    width: 10em;
}
.memberslist-table thead th:nth-child(3) {
    width: auto;
}
.memberslist-table thead th:nth-child(4) {
    width: 10em;
}


.memberslist-table tbody td {
    border-right: 1px solid #A4A4A4;
    padding: 30px 20px;
}

.memberslist-table tbody td:nth-child(2),
.memberslist-table tbody td:nth-child(4) {
    text-align: center;
}

.memberslist-table tbody tr {
    background: #fff;
}
.memberslist-table tbody tr:nth-child(2n) {
    background: #FAF6F5;
}

.memberslist-table tbody td a {
    color: #208A3B;
}



/* ==============================================
    scheduleSection
============================================== */
.scheduleSection {}
.scheduleSection table {
    width: 100%;
}
.scheduleSection table td:first-child {
    font-weight: 700;
    background: #EBF4F6;
    white-space: nowrap;
}

@media screen and (max-width: 700px) {
    .scheduleSection table td {
        display: block;
    }
}

/* ==============================================
    application_btn
============================================== */
.application_btn {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 80px auto;
}
.application_btn p {
    width: 420px;
}

.application_btn .btn {
    font-size: clamp(1.125rem, 0.958rem + 0.67vw, 1.375rem); /* 18-22 400-1000 */
    position: relative;
    width: 100%;
    height: 100px;
}
.application_btn .btn::before {
    position: absolute;
    top: 50%;
    left: clamp(1.25rem, 0.417rem + 3.33vw, 2.5rem); /* 20-40 400-1000 */
    transform: translateY(-50%);
}


.application_btn .btn_dl .btn::before {
    background-image: url("image/file_word.svg");
    width: 44px;
    height: 44px;
}

.application_btn .btn_form .btn {
    background: #59A5B5;
    border-color: #59A5B5;
    color: #fff;
}
.application_btn .btn_form .btn::before {
    background-image: url("image/arrow1_w.svg");
    width: 36px;
    height: 36px;
}
/*@media screen and (max-width: 1000px) {
    .application_btn p {
        width: 48%;
    }
    
}*/

@media screen and (max-width: 1000px) {
    .application_btn {
        flex-direction: column;
        align-items: center;
    }
    .application_btn p {
        width: 90%;
    }
    .application_btn .btn::before {
        width: 34px !important;
        height: 34px !important;
    }
}


.event_table {
    width: 100%;
    margin: 50px auto;
}
.event_table th,
.event_table td {
    border: 1px solid #A4A4A4;
    padding: 20px;
}
.event_table th {
    background: #EBF4F6;
    white-space: nowrap;
}