.forecast-form-wrap, .forecast-header-wrap, .forecast-list-wrap{width: 80%;margin: 0 auto 64px auto!important;}
.forecast-form-wrap .forecast-desc{margin-bottom: 32px;}
.login-status{font-size: 12px;text-align: right; margin-bottom: 16px;color: crimson;font-weight: bold;}
.forecast-password{display: flex;justify-content: center;}
.forecast-password input[type="password"]{height: 32px;}
.forecast-password input[type="submit"]{margin-left:24px;padding:0 10px;background:#323232;color:#fff;transition: 0.5s;}
.forecast-password input[type="submit"]:hover{opacity:0.5;transition: 0.5s;}
.forecast-btn-wrap{display: flex;flex-wrap: wrap;justify-content: center; gap: 25px; }
.forecast-btn{  width: calc((100% - 50px) / 3); height: 72px; background: #007bff;color: white;font-size:18px;
  display: flex;align-items: center;justify-content: center;}
.forecast-indv{margin-bottom:24px;/**/}
.forecast-indv h3{font-size: 16px;font-weight: bold;color: #38ad9c;letter-spacing: 2.8px;}
.forecast-indv ul li{margin-bottom:20px;border-bottom:1px #dcdcdc dotted;}
.forecast-indv ul li a:before{content:"[X]";color: #38ad9c;}
/*for tab*/
@media screen and (max-width: 820px) {}
/*for sp*/
@media screen and (max-width: 767px) {
.forecast-form-wrap, .forecast-header-wrap, .forecast-list-wrap{width: 100%;}
.forecast-btn-wrap{gap: 10px; }
.forecast-btn{  width: calc((100% - 30px) / 3); height: 60px; background: #007bff;color: white;font-size:18px;
  display: flex;align-items: center;justify-content: center;}
}