@charset "utf-8";

.titlewrap {
	.title_inner {
		background:url(../img/common/titile_bg.png) no-repeat center bottom/auto 100% var(--color_bg);
	}
    h1 {
        width:calc(100% - 60px);
        max-width:1200px;
		height:270px;
        margin:0 auto;
        font-size:3.4rem;
        display:grid;
		grid-row-gap:.5em;
		justify-items:start;
		align-content:center;
		font-weight:600;
        .font_en {
            font-size:1.4rem;
            font-weight:500;
        }
    }
	.breadcrumbs {
		background-color:var(--color_bg);
		margin-top:5px;
		font-size:1.3rem;
	}
	.aioseo-breadcrumbs {
		width:calc(100% - 60px);
		max-width:1200px;
		margin:0 auto;
		padding:.66em 0;
		color:#707070;
	}
}

.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 {
                background-color:#f1f1f1;
                color:#000000;
                font-size:1.3rem;
				aspect-ratio:1;
                min-height:2em;
                line-height:2;
                min-width:2em;
                padding:0 .5em;
				border-radius:50%;
            }
        }
        .current {
            font-weight:700;
			color:#FFFFFF;
			background-color:var(--color_main);
        }
		&.next,&.prev {
			background:none;
			color:#000000;
		}
    }
}

#main {
	overflow:clip;
}

section {
    .wrap {
        padding-bottom:90px;
        .contents {
            h2 {
				font-size:2.4rem;
				font-size:500;
				line-height:1.5;
				margin-bottom:1em;
				&.ttl_h2 {
					position:relative;
					padding-bottom:.33em;
					&::after {
						content:'';
						display:block;
						width:100vw;
						border-bottom:1px solid var(--color_txt);
						position:absolute;
						left:0;
						bottom:0;
					}
				}
            }
        }
    }
}
.titlewrap {
    & + section {
        .wrap {
            padding-top:90px;
        }
    }
}

#page404 {
	.btn {
		text-decoration: underline;
	}
}


@media ( hover:hover ){

}


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

}

@media screen and (max-width:1024px){
    
	.titlewrap {
	    h1 {
	        width:calc(100% - 50px);
	        max-width:1200px;
			height:200px;
	    }
		.aioseo-breadcrumbs {
			width:calc(100% - 50px);
		}
	}

}

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

	.titlewrap {
	    h1 {
	        width:calc(100% - 40px);
			height:120px;
	        font-size:2.4rem;
	    }
		.breadcrumbs {
			font-size:1.2rem;
		}
		.aioseo-breadcrumbs {
	        width:calc(100% - 40px);
		}
	}
	
	.pagenavi {
	    padding-top:40px;
	    .page-numbers {
	        li {
	            a,span {
	                font-size:1.2rem;
	            }
	        }
	    }
	}
	
	section {
	    .wrap {
	        padding-bottom:60px;
	        .contents {
	            h2 {
					font-size:2.0rem;
					&.ttl_h2 {
						position:relative;
						padding-bottom:.33em;
						&::after {
							content:'';
							display:block;
							width:100vw;
							border-bottom:1px solid var(--color_txt);
							position:absolute;
							left:0;
							bottom:0;
						}
					}
	            }
	        }
	    }
	}
	.titlewrap {
	    & + section {
	        .wrap {
	            padding-top:60px;
	        }
	    }
	}
	
}