@charset "UTF-8";
/* ===================================================
	404 Not found CSS
====================================================== */

/* main title */
#main_tit h1{ min-height: 400px; background: url("../../news/img/main_bg.jpg") no-repeat center top; background-size: cover; box-sizing: border-box; padding: 130px 0 0 11.76%; }
#main_tit h1 .en{ font-size: 70px; line-height: 1.05;}
#main_tit h1 .en span{ font-size: 90px; font-weight: 500; color: #181647;}
#main_tit h1 .ja{ font-size: 15px; font-weight: bold; display: inline-block; padding: 15px 0 0;}

@media screen and (max-width: 600px) {
#main_tit h1{ min-height: 200px; background: url("../../news/img/main_bg.jpg") no-repeat center top; background-size: 735px; padding: 60px 0 0 8%; }
#main_tit h1 .en{ font-size: 35px; line-height: 1.05;}
#main_tit h1 .en span{ font-size: 45px;}
#main_tit h1 .ja{ font-size: 14px; padding: 10px 0 0;}
}


/* ---------------------------------------------------
Common parts
------------------------------------------------------ */
#sec1{ padding: 150px 0;}
.cmn_tit{ font-size: 35px; font-weight: 700; letter-spacing: -0.02em; color: #181647; line-height: 1.7; text-align: center; position: relative; padding: 0 0 25px; margin: 0 0 50px;}
.cmn_tit span.en{ font-size: 15px; font-weight: 500; letter-spacing: 0; color: #a48d0a; display: block;}
.cmn_tit::after{ content: ""; display: block; width: 50px; height: 1px; background: #181647; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.txt1,
.txt2{ font-size: 15px; line-height: 2; text-align: center;}

@media screen and (max-width: 600px) {
#sec1{ padding: 30px 0 40px;}
.cmn_tit{ font-size: 22px; letter-spacing: -0.02em; line-height: 1.7; padding: 0 0 15px; margin: 0 0 30px;}
.cmn_tit span.en{ font-size: 13px;}
.txt1{ padding: 0 4%; text-align: left;}
.txt2{ padding: 0 4%; text-align: center;}
}

@media screen and (max-width: 320px) {
.cmn_tit{ font-size: 20px;}
}
