@charset "UTF-8";
/* CSS Document */


.note{text-align: center; font-size: 14px; margin-top: -24px; margin-bottom: 30px;}

#notices{width: 890px; margin: 0 auto 50px; background: #df6627; padding: 15px; color: #fff; text-align: center;}

#notices .inner{border: 3px solid #be1423; padding: 40px 0 35px;}

#notices .txt1{font-size: 19px; margin-bottom: 25px;}
#notices .txt1 span{font-size: 1.1em;  background: #be1423; padding: 3px 10px; border-radius: 20px;}

#notices .txt1-2{height: 72px; width: 665px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 36px;}
#notices .txt1-2 span{font-size: 1.2em;  background: #be1423; padding: 3px 10px; border-radius: 20px;}

#notices .txt2{height: 72px; width: 665px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 36px;}
/*#notices .txt2 span{background: linear-gradient(transparent 60%, #ff6 60%); font-size: 1.2em; }
#notices .txt2 span{font-weight: bold; text-decoration: underline;}*/
#notices .txt2 span{font-size: 1.2em;  background: #be1423; padding: 3px 10px; border-radius: 20px;}

#notices .txt3{height: 72px; width: 665px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 36px;}

#notices .txt1-2,
#notices .txt2,
#notices .txt3{font-size: 17px;}


#notices .data{display: flex; justify-content: space-between; width: 664px; margin: 0 auto 35px;}
#notices .data li{width: 320px;}

#notices .txt4{font-size: 16px; margin-bottom: 25px;}

#notices .txt5{font-size: 16px; line-height: 23px; margin-bottom: 25px; width: 650px; margin: auto; text-align: left;}
#notices .txt5 li{padding-left: 1.5em; margin: 0 0 5px; }
#notices .txt5 li::before{content: '●'; margin-left: -1.2em; padding-left: 0.5em;}


#notices .txt6{font-size: 20px; font-weight: 600; margin-bottom: 8px;}

#notices .n_btn{width: 420px; margin: auto;}

.block02 .note{ margin-top: 20px;;}


@media screen and (max-width: 768px) {
.note{text-align: center; font-size: 12px; margin-top: 0px; margin-bottom: 10px;}

#notices{width: calc(90% - 30px);}
#notices .data{display: block; width: 100%; }
#notices .data li{margin: 0 auto 10px; width: 85%;}


#notices .txt1-2,
#notices .txt1,
#notices .txt2,
#notices .txt3{font-size: 14px;}

#notices .txt1-2{display: block;}

#notices .txt4{font-size: 12px;}
#notices .txt5{font-size: 12px; line-height: 1.4em; text-align: left; width: 87%; margin: auto; letter-spacing: -0.48px; }

#notices .txt1-2,
#notices .txt2,
#notices .txt3{width: 85%; height: auto; padding: 20px 0;}

#notices .n_btn{width: 85%; margin: auto;}
}