@charset "utf-8";

.titlewrap {
	background:url(../img/common/mv.jpg) no-repeat center center/cover;
    h1 {
        width:calc(100% - 60px);
        max-width:1100px;
        margin:0 auto;
        font-size:4.0rem;
		line-height:1.5;
		text-align:center;
        grid-row-gap:.66em;
        padding:1.5em 0;
        font-weight:500;
		letter-spacing:.33em;
		text-shadow:0 0 3px #FFFFFF,
			0 0 3px #FFFFFF,
			0 0 3px #FFFFFF,
			0 0 3px #FFFFFF;
    }
}
.page-products .titlewrap {
    background:url(../img/products/mv.jpg) no-repeat center center/cover;
}
.post-type-archive-case .titlewrap {
    background:url(../img/case/mv.jpg) no-repeat center center/cover;
}
.page-faq .titlewrap {
    background:url(../img/faq/mv.jpg) no-repeat center center/cover;
}
.page-company .titlewrap {
    background:url(../img/company/mv.jpg) no-repeat center center/cover;
}

.pagenavi {
    padding-top:60px;
    .screen-reader-text {
        display:none;
    }
    .page-numbers {
        display:flex;
        align-items:start;
        justify-content:center;
        gap:.5em .33em;
        li {
            a,span {
                font-size:1.6rem;
                min-width:2em;
                padding:0 .5em;
				border-right:1px solid #000000;
            }
			&:nth-last-child(2) {
				&:not(:has(.next)) {
		            a,span {
							border:none;
					}
				}
			}
			&:last-child {
				&:not(:has(.next)) {
		            a,span {
							border:none;
					}
				}
			}
        }
        .current {
            font-weight:700;
			color:var(--color_main);
        }
		&.next,&.prev {
			background:none;
			color:var(--color_main);
			border:none;
		}
    }
}

section {
    .wrap {
        padding-bottom:90px;
        .contents {
            h2 {
				font-size:3.2rem;
				line-height:1.5;
				color:#3C6172;
				padding-bottom:.33em;
				border-bottom:5px solid var(--color_sub2);
				margin-bottom:1em;
            }
            .btn {
                text-align:center;
                font-size:1.6rem;
            }
        }
    }
}
.titlewrap {
    & + section {
        .wrap {
            padding-top:60px;
        }
    }
}

@media ( hover:hover ){
    
}


/* =================================================================
    section
================================================================= */


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

}

@media screen and (max-width:1024px){
    
    
    .titlewrap {
        h1 {
	        width:calc(100% - 50px);
	        font-size:3.0rem;
        }
        .rank-math-breadcrumb {
            font-size:1.2rem;
            p {
                width:calc(100% - 50px);
            }
        }
    }

    section {
        .wrap {
            .contents {
                h2 {
                    font-size:2.8rem;
                }
            }
        }
    }
}

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

    .titlewrap {
        h1 {
            width:calc(100% - 40px);
            font-size:min(6vw,2.4rem);
			letter-spacing:.05em;
        }
        .rank-math-breadcrumb {
            font-size:1.2rem;
            p {
                width:calc(100% - 40px);
            }
        }
    }

    section {
        .wrap {
            padding-bottom:60px;
            .contents {
                h2 {
                    font-size:2.2rem;
					margin-bottom:1em;
                }
            }
        }
    }
	.titlewrap {
	    & + section {
	        .wrap {
	            padding-top:45px;
	        }
	    }
	}

    .pagenavi {
        padding-top:30px;
        .page-numbers {
	        li {
	            a,span {
	            font-size:1.2rem;
				}
			}
        }
    }
	
}