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

/* ==============================================
    #main-visual
============================================== */

#main-visual {
	background: url("image/top_main_bg_bird.png") no-repeat center center / cover, url("image/top_main_bg_back.jpg") no-repeat center center / cover;
    height: clamp(25.625rem, 4.514rem + 43.98vw, 37.5rem); /* 410-600 768-1200 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
@media screen and (min-width: 1500px) {
    #main-visual {
	   background: url("image/top_main_bg_bird.png") no-repeat center center, url("image/top_main_bg_back.jpg") no-repeat center center / cover;
    }
}

#main-visual .catchcopy {
    width: 600px;
    padding-top: 80px;
}
#main-visual .subtxt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
#main-visual .subtxt strong {
    font-size: clamp(1rem, 0.583rem + 1.67vw, 1.625rem); /* 16-26 400-1000 */
    font-weight: 500;
}
#main-visual .subtxt span {
    font-size: clamp(0.75rem, 0.583rem + 0.67vw, 1rem); /* 12-16 400-1000 */
    font-weight: 400;
}

#main-visual .catchcopy {
	opacity: 0;
	animation: fadein 0.8s ease forwards 0.5s;
}
#main-visual .subtxt {
	opacity: 0;
	animation: fadein 0.8s ease forwards 1.0s;
}


@keyframes fadein {
	0% { opacity: 0; transform: translateY(-10px);}
	100% { opacity: 1; transform: translateY(0); }
}


@media screen and (max-width: 700px) {
    #main-visual {
        background: url("image/top_main_bg_sp.jpg") no-repeat center center / cover;
        height: 410px;
    }
    #main-visual .catchcopy {
        width: 88vw;
        padding-top: 0px;
    }
}


/* ==============================================
    
============================================== */

main section {
    margin: 0 0 80px;
}


/* ==============================================
    introSection
============================================== */
.introSection {
    padding: 50px 0 0 0;
}

.introSection h2 {
    font-weight: 900;
    font-size: clamp(1.125rem, 0.625rem + 2vw, 1.875rem); /* 18-30 400-1000 */
    text-align: center;
    color: #603e0c;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 40px;
}
.introSection h2::before,
.introSection h2::after {
    content: "";
    display: block;
    
}
.introSection h2::before {
    width: 83px;
    height: 82px;
    background: url("image/top_intro_icon.png") no-repeat center center / contain;
    margin: 0 0 5px 0;
}
.introSection h2::after {
    width: 50px;
    height: 5px;
    background: var(--main-color);
    margin: 18px 0 0 0;
}

.introSection .box {
    border: 1px solid #A4A4A4;
    padding: 40px 50px;
}
.introSection .box p {
    line-height: 2;
}
@media screen and (max-width: 700px) {
    .introSection .box {
        padding: 20px 30px;
    }
    .introSection .box p {
        font-size: 0.875em;
    }
}

/* ==============================================
    newsSection
============================================== */
.newsSection {

}

.newsSection .ttl-h2 {
    margin: 0 auto 20px;
}