@charset "UTF-8";
/*header .pc-header.fixed {


top: calc(20% - 10px);
    transform: none;
    translate: none;
    rotate: none;
    scale: none;
    opacity: 1;
    transform: translate(0px, 0px);
}*/

.wrapper{
	position: relative;
}

/*404*/
.title−404{
	color: #010101;
    font-family: "Noto Serif JP";
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.14px;
    margin-bottom: 40px;
}
.text-404{
	color: #010101;
    font-family: "Noto Serif JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 210%;
    letter-spacing: 0.48px;
    margin-bottom: 3em;
}
.notfound-wrap{
	padding: 180px 40px 100px;
}
@media screen and (max-width:900px) {
	.title−404{
    font-size: 2rem;
    margin-bottom: 20px;
}
.text-404{
    font-size: 1.6rem;
    margin-bottom: 3em;
}
.notfound-wrap{
	padding: 30px 10px 20px;
}

}
/* SPでの固定ヘッダーの高さに合わせて調整してください */
/* 例：SPでのヘッダーの高さが70pxの場合 */
html {
  scroll-padding-top: 70px; 
  /* スムーズスクロールも追加しておくと動作確認がしやすいです */
  scroll-behavior: smooth;
}

/* SPでしか固定ヘッダーがない、または高さが違う場合はメディアクエリを使います */
@media (max-width: 768px) {
    html {
        scroll-padding-top: 80px; /* SPでの正確なヘッダーの高さに調整 */
    }
}