/* CSS Document */


#info,
#info1{
	display: none;
}

.modaal-container{
    max-width: 600px;
}

.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

.main-area-box{
	text-align: center;
}

.main-area-box p span{
	display: inline-block;
	font-weight: 600;
	font-size: 18px;
}

.pro-list ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pro-list ul li{
	margin-bottom: 2%;
	width: 49%;
	overflow: hidden;
	aspect-ratio:600/525;
	background: #fff;
	padding: 5px;
	border:1px solid #fff;
}

.pro-list ul li:hover{
	background:#d52423;
	border:2px solid #d52423;
}

.pro-list ul li a:hover img{
	transform: scale(1.01,1.01);
	opacity: 0.95;
}

.modaal-content-container h2{
	background: #d52423;
	color:#fff;
	text-align: center;
	margin-bottom: 10px;
}

.modaal-content-container p{
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}


#news-section {
	padding: 0 20px;
	margin-bottom: 50px;
}

.news-title-box {
    background: #f7931e;
}

#newsWrap {
	border: 1px solid #f7931e;
}

.news-area .newsList a {
	border-bottom: 1px dotted #ff8200;
}

.news-area .newsList a::before {
	border-top: 1px solid #ff8200;
	border-right: 1px solid #ff8200;
}

.news-area .newsList a:hover .news-item-info .title{
	color: #f7931e;
}


/* link-area */

.link-area{
	background: #f9f1ee;
    margin-bottom: 10px;
    padding: 20px;
}

.link-info {
	margin:10px 0;
}

.link-area p{
	font-size: 1rem;
	letter-spacing: 0.02rem;
	line-height: 1;
	margin-bottom: 0;
}

.link-area a {
	display: inline;
	font-size: 0.85rem;
	color: #0200FF;
	word-break: break-all;
	margin-left: 0.5rem;
}

.link-area a:hover {
	text-decoration: underline;
}

/* link-area //*/



@media(max-width:1000px){
	#news-section {
		padding: 0 10px;
	}
	
}

@media(max-width:800px){
    .news-area .up_ymd {
        margin-left: 0;
    }
	
	#news-section {
		margin-bottom: 0;
	}
}


@media(max-width:500px){
	
	
	.main-area-box{
		text-align: left;
	}
	
	.main-area-box p span {
		display: inline;
		font-size: 16px;
	}
	
	.modaal-content-container {
		padding: 30px 10px;
	}
	
	.modaal-inner-wrapper {
		padding: 80px 10px;
	}
	
}