@charset "utf-8";

:root {
    --primary-yellow: #ff9c00;
    --text-black: #000000;
    --text-gray: #666666;
    --text-light-gray: #999999;
	font-synthesis: weight style;
}

/* 改行設定 */
.pc { display: block;}

/* スマホ */
@media (max-width: 890px) {
.pc { display: none;}
}

/* CSS Document */
body { margin: 0; font-family: "Noto Sans JP", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif; line-height: 1;}

/* 全体設定 */
main {  }

/* エリア1表示設定 */
#erea_01 { width: 100%; margin: 0 auto; padding: 0; text-align: center;}
#erea_01 .main_img { width: clamp(14.938rem, 14.597rem + 1.7vw, 15.875rem); margin: 2.188rem auto clamp(1.563rem, 1.335rem + 1.14vw, 2.188rem); }
#erea_01 h1 { font-size: clamp(5.063rem, 4.881rem + 0.91vw, 5.563rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; padding: 0px; margin: 0; }

/* 各エラーナンバー別 フォントサイズ制御 */
#erea_01 .ec_400 { font-size: clamp(2.5rem, 2.386rem + 0.57vw, 2.813rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_401 { font-size: clamp(2.25rem, 2.159rem + 0.45vw, 2.5rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_403 { font-size: clamp(3.125rem, 3.034rem + 0.45vw, 3.375rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_404 { font-size: clamp(3.063rem, 2.972rem + 0.45vw, 3.313rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_408 { font-size: clamp(1.875rem, 1.83rem + 0.23vw, 2rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_429 { font-size: clamp(1.625rem, 1.557rem + 0.34vw, 1.813rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_500 { font-size: clamp(1.438rem, 1.369rem + 0.34vw, 1.625rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_502 { font-size: clamp(2.375rem, 2.284rem + 0.45vw, 2.625rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_503 { font-size: clamp(1.563rem, 1.494rem + 0.34vw, 1.75rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}
#erea_01 .ec_504 { font-size: clamp(1.75rem, 1.682rem + 0.34vw, 1.938rem); font-weight: 700; color: var(--primary-yellow); line-height: 1; margin: clamp(0.125rem, 0.034rem + 0.45vw, 0.375rem) 0 clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); padding: 0;}

#erea_01 .erorr_img { width: clamp(15rem, 14.477rem + 2.61vw, 16.438rem); margin: 0 auto clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem); padding: 0; }
#erea_01 div { width: 100%; margin: 0 auto; }
#erea_01 h3 { font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem); font-weight: 700; color: var(--text-light-gray); line-height: 1.4; margin: 0; padding: 0;}
#erea_01 p { font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem); font-weight: 500; color: var(--text-light-gray); line-height: 1.5; margin: clamp(0.25rem, 0.205rem + 0.23vw, 0.375rem) 0 0;}

/* スマホ */
@media (max-width: 890px) {
#erea_01 div { max-width: 250px; text-align: left; }
}