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


/*NEWS & EVENTS*/

	/*TITLE*/
	.news .content_news {padding-top: 170px; background-color: var(--white);}
		.news .content_news .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.news .content_news .section_title hr {width: 50%; border-color: var(--white); border-width: 2px;}
			.news .content_news .section_title h1 {font-size: 5.125rem; color: var(--white); text-align: center; line-height: 1; padding: 0 30px;}

		/*Animations*/
		.news .content_news {transition: background 0.5s ease-in-out;}
			.news .content_news.show {background-color: var(--pink);}

		.news .content_news .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.news .content_news.show .section_title hr {transform: scale(1);}

		.news .content_news .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.news .content_news.show .section_title h1 {opacity: 1;}

	/*NEWS*/
	.news .content_news_list {margin-top: 100px; margin-bottom: 170px;}
		.news .content_news_list .news_list {list-style-type: none; margin-left: 0; padding-left: 0; margin-bottom: 77px; margin-top:0;}
			.news .content_news_list .news_list li {display: flex; margin-bottom: 20px; padding:0;}
				.news .content_news_list .news_list .image {width: 338px;}
					.news .content_news_list .news_list .image img {width: 100%;}
				.news .content_news_list .news_list .content {background: rgba(239, 147, 158, .15); padding: 25px 40px 35px; width: calc(100% - 338px); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; max-height: 230px;}
					.news .content_news_list .news_list .content p {font-size: 1.25rem; line-height: 1.4; font-weight: 900;}
					.news .content_news_list .news_list .content .news_footer {border-top: 2px solid var(--white); width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 15px;}
						.news .content_news_list .news_list .content .news_footer small {font-weight: 700; font-size: 0.875rem;}
						.news .content_news_list .news_list .content .news_footer .button {background: var(--white); width: 172px;}
							.news .content_news_list .news_list .content .news_footer .button:hover {background: var(--pink);}
		.news .content_news_list .load_more {width: 338px;}

		/*Animations*/
		.news .content_news_list .news_list .image {transition: all 1s 0.5s cubic-bezier(0.25, 0.1, 0.1, 1); clip-path: inset(0 0 0 100%);}
			.news .content_news_list.show .news_list .image {clip-path: inset(0 0 0 0);}
		.news .content_news_list .news_list .content,
		.news .content_news_list .news_list .content p,
		.news .content_news_list .news_list .content small {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.news .content_news_list.show .news_list .content,
			.news .content_news_list.show .news_list .content p,
			.news .content_news_list.show .news_list .content small {opacity: 1;}
		/*Delays*/
		.news .content_news_list .news_list .content p,
		.news .content_news_list .news_list .content small {transition-delay: 0.6s;}

	/*NEWS MODAL*/
	.news .modal .news_detail {position: fixed; top: 50%; transform: translateY(-50%); background: var(--white);}
		.news .modal .btn_close_modal {width: 44px; height: 44px; top: 17px; right: 17px;}
			.news .modal .btn_close_modal svg {fill: var(--black);}

		.news .modal .news_detail .news_header {display: flex; align-items: stretch; justify-content: center; min-height: 372px;}
			.news .modal .news_detail .news_header figure {width: 287px;}
				.news .modal .news_detail .news_header figure img {width: 100%; height: 100%; object-fit: cover;}
			.news .modal .news_detail .news_header .title {background: rgba(239, 147, 158, .3); padding: 73px 118px; font-size: 2.25rem; line-height: 1.2; width: calc(100% - 523px);}

		.news .modal .news_detail .news_content {padding: 44px 121px 96px 405px;}
			.news .modal .news_detail .news_content .date {font-weight: 700; font-size: 1.25rem; border-bottom: 2px solid var(--pink); padding-bottom: 22px;}
			.news .modal .news_detail .news_content .news_text {margin-top: 32px;}
				.news .modal .news_detail .news_content .news_text p {font-size: 1.25rem; line-height: 1.4; font-weight: 400; margin-bottom: 30px;}

@media (max-width: 1000px) {
	.news .p_left_1 {padding-left: 0;}
	.news > section .center_content.c_10,
	.news > section .center_content.c_12 {width: 676px;}

	/*Title*/
	.news .content_news {padding-top: 115px;}
		.news .content_news .section_title {width: 100% !important;}
			.news .content_news .section_title h1 {font-size: 3rem;}

	/*News*/
	.news .article_title {margin-top: 60px;}
		.news .article_title h3{font-size:2.375rem; margin-bottom: 10px;}
			.news .article_title h3::before{bottom:60px;}
			.news .article_title h3 .animation_text02{font-size:3.875rem; bottom: 0;}
		.news .article_title .pearl01{width:28px; right:50px; top: 70px;}
		.news .article_title .pearl02{width:45px; right:-2px; top: 60px;}

		.news .content_news_list .news_list {margin-top: 40px;}
			.news .content_news_list .news_list li {align-items: stretch; margin-bottom: 40px;}
				.news .content_news_list .news_list .image {width: 246px;}
					.news .content_news_list .news_list .image figure,
					.news .content_news_list .news_list .image img {height: 100%; object-fit: cover; object-position: center;}
				.news .content_news_list .news_list .content {max-height: none; min-height: 290px; width: calc(100% - 246px); padding: 25px 32px 35px;}
					.news .content_news_list .news_list .content p {font-size: 1.125rem;}
					.news .content_news_list .news_list .content .news_footer {border-color: rgba(239, 147, 158, .5);}

	/*News modal*/
	.news .modal .news_detail .news_header {flex-direction: column; background: rgba(239, 147, 158, .3); padding-top: 65px;}
		.news .modal .news_detail .news_header figure {width: 100%; height: 290px;}
			.news .modal .news_detail .news_header figure img {object-fit: cover; object-position: center;}
		.news .modal .news_detail .news_header .title {width: auto; background: none; font-size: 1.125rem; padding: 34px 41px 37px 172px; line-height: 1.4;}
	.news .modal .news_detail .news_content {padding: 29px 37px 40px 172px;}
	.news .modal .news_detail .news_content .date,
	.news .modal .news_detail .news_content .news_text p {font-size: 0.875rem;}
}

@media (max-width: 750px) {
	.news > section .center_content.c_10,
	.news > section .center_content.c_12 {width: 100%;}

	/*Title*/
	.news .content_news {padding-top: 165px;}
		.news .content_news .section_title {padding: 43px 0;}
			.news .content_news .section_title hr {width: 42%;}
			.news .content_news .section_title h1 {font-size: 2.25rem;}

	/*News*/
	.news .article_title {padding: 0 36px;}

		.news .article_title h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0; align-items: flex-start;}
			.news .article_title h3 .animation_text01 {width: 120px;}
			.news .article_title h3 .animation_text02 {font-size: 3.125rem; bottom: 15px; margin-left: 0;}
			.news .article_title h3::before {bottom: 105px;}
			.news .article_title .pearl01 {width: 30px; right: -2px; bottom: 92px; top: initial;}
			.news .article_title .pearl02 {width: 18px; right: 36px; bottom: 98px; top: initial;}

	.news .content_news_list .news_list {padding: 0 36px; margin-bottom: 50px;}
		.news .content_news_list .news_list li {flex-direction: column;}
			.news .content_news_list .news_list .image {width: 100%;}
			.news .content_news_list .news_list .content {width: 100%; padding: 27px 24px 40px; min-height: auto;}
				.news .content_news_list .news_list .content .news_footer {border-top: 0; margin-top: 95px; flex-direction: column; align-items: flex-start;}
					.news .content_news_list .news_list .content .news_footer small {margin-bottom: 37px;}
	.news .content_news_list .load_more {width: calc(100% - 72px); margin-left: 36px;}

	/*News modal*/
	.news .content_news_modal {padding: 0 36px;}
		.news .modal .news_detail .news_header .title {padding: 41px 22px 56px 24px;}
		.news .modal .news_detail .news_content {padding: 29px 22px 55px 24px;}
}



 .news .modal.popup_news_home .btn_close_modal{
    top:10px;
  }
  .news .modal.popup_news_home .news_detail .news_header {
    flex-flow:column;
    background: rgba(239, 147, 158, .3);
  }

  .news .modal.popup_news_home .news_detail .news_header .title,
  .news .modal.popup_news_home .news_detail .news_header figure{
    width:100%;
    box-sizing: border-box;
    text-align:center;
  }
  .news .modal.popup_news_home .news_detail .news_header .title{
    padding:34px 0px 50px 0px;
    background-color:transparent;
    max-width: 463px;
    margin-left: auto;
    margin-right: auto;
  }
  .news .modal.popup_news_home .news_detail .news_content{
    background: rgba(239, 147, 158, .3);
    padding: 0px;
    padding-bottom:35px;
  }
  .news .modal.popup_news_home .news_detail .news_content .news_text{
    margin:0px;
  }
  .news .modal.popup_news_home .news_detail .news_content .news_text a{
    background-color:white;
    margin:0px auto;
  }
  .news .modal.popup_news_home .news_detail .news_content .date{
    display:none;
  }
  .news .modal.popup_news_home .c_10{
    max-width:850px;
  }


@media (min-width:1000px){
   .news .modal.popup_news_home .news_detail .news_header figure img{
    display:flex;
    margin-top:56px;
  }
   .news .modal.popup_news_home .btn_close_modal{
    top:8px;
  }
  .news .modal.popup_news_home .news_detail .news_header .title{
    max-width: 690px;
  }
}

@media (max-height: 700px){
  .news .modal.popup_news_home .news_detail{
    top:5vh;
    transform:translateY(0%);
    overflow:scroll;
    height:auto;
    max-height:90vh;
  }
}
@media (max-width:750px){
  .news .modal.popup_news_home .news_detail .news_header figure{
    height:216px;
  }
  .news .modal.popup_news_home .news_detail .news_header .title{
    text-align:left;
    padding-left:24px;
  }
}