@charset "utf-8";
/***************************************************
 * Generated by SVG Artista on 6/21/2022, 12:51:43 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  stroke-dashoffset: 213.7273406982422px;
  stroke-dasharray: 213.7273406982422px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
                        fill 1s linear 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
                fill 1s linear 1.5s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-2 {
  stroke-dashoffset: 213.7273406982422px;
  stroke-dasharray: 213.7273406982422px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s,
                        fill 1s linear 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s,
                fill 1s linear 1.5s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

svg .svg-elem-3 {
  stroke-dashoffset: 208.44972229003906px;
  stroke-dasharray: 208.44972229003906px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s,
                        fill 1s linear 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s,
                fill 1s linear 1.5s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-4 {
  stroke-dashoffset: 208.44972229003906px;
  stroke-dasharray: 208.44972229003906px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s,
                        fill 1s linear 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s,
                fill 1s linear 1.5s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

svg .svg-elem-5 {
  stroke-dashoffset: 262.8607482910156px;
  stroke-dasharray: 262.8607482910156px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s,
                        fill 1s linear 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s,
                fill 1s linear 1.5s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-6 {
  stroke-dashoffset: 262.8607482910156px;
  stroke-dasharray: 262.8607482910156px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s,
                        fill 1s linear 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s,
                fill 1s linear 1.5s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

svg .svg-elem-7 {
  stroke-dashoffset: 201.6814422607422px;
  stroke-dasharray: 201.6814422607422px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s,
                        fill 1s linear 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s,
                fill 1s linear 1.5s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-8 {
  stroke-dashoffset: 201.6814422607422px;
  stroke-dasharray: 201.6814422607422px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s,
                        fill 1s linear 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s,
                fill 1s linear 1.5s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
}





@media only screen and (max-width: 480px) {




/*======================================

	news-top
		
========================================*/

.news-list{
	width: 100%;
	margin: 0 0 60px 0;
    border-top: 1px solid #231815;
}

.news-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	text-align: left;
    background: url(./i/news_anchor.png) no-repeat;
    background-position: 98% center;
    padding: 18px 21px 18px 21px;
    border-bottom: 1px solid #231815;
}

.news-box-left{
	width: 100%;
	text-align: left;
	font-size:15px;
	color: #898989;
}

.news-box-right{
	width: 100%;
	text-align: left;
	padding: 0 0px 0 0;
	font-size: 15px;
	
}

.news-box:hover{
	color:#231815;
	background-color: #efefef;
}


.news-date{
	font-size: 15px;
	margin: 0 0 9px 0;
	padding: 0 0px 0 0;
	color:#9fa0a0;
	text-align: left;
}

.news-title{
	font-size: 21px;
	line-height: 1.5;
	margin: 0 0 24px 0;
	padding: 0 3px 12px 3px;
	text-align: left;
	border-bottom: 1px solid #231815;
}


#news-contents{
	margin: 0 auto 60px auto;
}

.news-contents{
	text-align: left;
	margin: 0 0 60px 0;
}

.news-contents img{
	max-width: 100%;
}

.news-foot-navi{
	width: 100%;
	margin: 45px 0 0 0;
	display: flex;
	justify-content: center;
}

.news-foot-navi div{
	font-size: 18px;
	width: 75px;
	color:#9fa0a0;
}

.news-foot-navi div a{
	font-size: 18px;
	width: 75px;
	color:#231815;
}

.news-foot-navi div a:hover{
	opacity: 0.7;
}



}/*//end  max-width: 480px ///////////////////////*/







@media only screen and (min-width: 481px) {


/*======================================

	news-top
		
========================================*/

.news-list{
	width: 100%;
	margin: 0 0 60px 0;
    border-top: 1px solid #231815;
}

.news-box{
	display: flex;
	justify-content: space-between;
	width: 100%;
	text-align: left;
    background: url(./i/news_anchor.png) no-repeat;
    background-position: 98% center;
    padding: 18px 0 18px 0;
    border-bottom: 1px solid #231815;
}

.news-box-left{
	width: 170px;
	text-align: center;
	font-size:15px;
	color: #898989;
}

.news-box-right{
	width: 780px;
	text-align: left;
	padding: 0 120px 0 0;
	font-size: 15px;
	
}

.news-box:hover{
	color:#231815;
	background-color: #efefef;
}


.news-date{
	font-size: 15px;
	margin: 0 0 9px 0;
	padding: 0 0px 0 0;
	color:#9fa0a0;
	text-align: left;
}

.news-title{
	font-size: 25px;
	line-height: 1.5;
	margin: 0 0 24px 0;
	padding: 0 0px 18px 0;
	text-align: left;
	border-bottom: 1px solid #231815;
}


#news-contents{
	margin: 0 auto 60px auto;
}

.news-contents{
	text-align: left;
	margin: 0 0 60px 0;
}

.news-contents img{
	max-width: 100%;
}

.news-foot-navi{
	width: 100%;
	margin: 45px 0 0 0;
	display: flex;
	justify-content: center;
}

.news-foot-navi div{
	font-size: 18px;
	width: 75px;
	color:#9fa0a0;
}

.news-foot-navi div a{
	font-size: 18px;
	width: 75px;
	color:#231815;
}

.news-foot-navi div a:hover{
	opacity: 0.7;
}

}/*//end  min-width: 481px ///////////////////////*/