@charset "utf-8";

/*----------------------------------------------------------
 COMMON
----------------------------------------------------------*/

/* mainvisual */
#mainVisual_no_image { background:#43a8c7; }

/*----------------------------------------------------------
 INDEX
----------------------------------------------------------*/

/* mainvisual slider */

#mainVisual_slider { margin:77px 77px 0; position:relative; color:#fff; background-color: #4fadc9; }
#mainVisual_slider * { color:inherit;}

#mainVisual_slider h2 { font-size:20px; margin-left:8.5%; text-align:left; position:absolute; top:35px; z-index:5; line-height: 1.2;}
#mainVisual_slider h2::before { content:attr(data-en) ""; font-size:50px; text-align:left; font-family:'Ropa Sans', sans-serif; display:inline-block; letter-spacing:0.01em; margin-right:25px; }

#mainVisual_slider .newsIndex_slider { margin:0 auto; position:relative; z-index:2; opacity:0; animation: fadeIn 0s ease 0.2s forwards;}
#mainVisual_slider .newsIndex_slider a{ display:block; }
#mainVisual_slider .newsIndex_slider .slick-slide { /*padding: 220px 0 90px;*/ padding: 120px 0 45px; }
#mainVisual_slider .newsIndex_slider .imgWrap { margin:0 auto; /*width:89%;*/ width:80%; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mainVisual_slider .newsIndex_slider .imgWrap:before { content:""; display:block; padding-top:100%;}
#mainVisual_slider .newsIndex_slider .textArea { /*margin: 14px -6% 0;*/ margin: 14px 0 0; transition: .5s; margin-top: 14px; font-size:18px;}
#mainVisual_slider .newsIndex_slider .textArea .row{ justify-content:space-between; align-items:center; line-height: 1.4; /*margin-bottom:28px;*/ margin-bottom:20px; }
#mainVisual_slider .newsIndex_slider .textArea .date { font-size:24px; display:flex; align-items:center; }
#mainVisual_slider .newsIndex_slider .textArea .date:before { content:""; display:block; width:40px; height:1px; margin-right:15px; background-color:#fff;}
#mainVisual_slider .newsIndex_slider .textArea .category { font-size:15px; }
#mainVisual_slider .newsIndex_slider .slick-counter { font-size:20px;　font-weight:500; position:absolute; right: 180px; bottom:26px; display:inline-block;}
#mainVisual_slider .newsIndex_slider .slick-slide:not(.slick-active) .textArea { opacity: 0;}
#mainVisual_slider .newsIndex_slider .slick-slide.slick-active .textArea { opacity: 1;}
#mainVisual_slider .newsIndex_slider .slick-prev, #mainVisual_slider .newsIndex_slider .slick-next { cursor:pointer; top:auto; -webkit-transform: none; -ms-transform: none; transform: none;}

#mainVisual_slider .newsIndex_slider-bg {  opacity:0; animation: fadeIn 0s ease 0.5s forwards; top:0; left:0; bottom:0; right:0; position:absolute; z-index:1; background-color: #4fadc9;}
#mainVisual_slider .newsIndex_slider-bg .draggable,#mainVisual_slider .newsIndex_slider-bg .slick-track,#mainVisual_slider .newsIndex_slider-bg .slick-slide { width:100% !important; height:100%; }
#mainVisual_slider .newsIndex_slider-bg .slick-slide { position: absolute !important; left:0 !important; top:0 !important;}
#mainVisual_slider .newsIndex_slider-bg .bgImg { background-color: #4fadc9; opacity: 0.08; background-blend-mode: multiply; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}

@media only screen and (max-width:1024px) {
	#mainVisual_slider { margin:77px 50px 0; }
}

@media only screen and (max-width:767px) {
	#mainVisual_slider { margin:60px 0 0; }

	#mainVisual_slider h2 { font-size:4vw; /*top:12vw;*/ top:6vw; margin-left:20px; }
	#mainVisual_slider h2::before { /*font-size:11vw;*/ font-size:9vw; margin-right:15px;}

	#mainVisual_slider .newsIndex_slider .slick-slide { width: auto; /*padding: 30vw 40px 90px;*/ padding: 20vw 40px 90px; }
	#mainVisual_slider .newsIndex_slider .imgWrap { width:90%; }
	#mainVisual_slider .newsIndex_slider .imgWrap:before { }
	#mainVisual_slider .newsIndex_slider .textArea { margin: 14px auto 0; font-size:14px;}
	#mainVisual_slider .newsIndex_slider .textArea .row{ margin-bottom:10px;}
	#mainVisual_slider .newsIndex_slider .textArea .date { font-size:16px; }
	#mainVisual_slider .newsIndex_slider .textArea .date:before { width:30px;}
	#mainVisual_slider .newsIndex_slider .textArea .category { font-size:13px; }
	#mainVisual_slider .newsIndex_slider .slick-counter { font-size:16px; right: 180px; bottom:26px;}
	#mainVisual_slider .newsIndex_slider .slick-prev, #mainVisual_slider .newsIndex_slider .slick-next {  }

	#mainVisual_slider .newsIndex_slider-bg { top:0; left:0; bottom:0; right:0; position:absolute; z-index:1; background-color: #4fadc9;}
	#mainVisual_slider .newsIndex_slider-bg .draggable,#mainVisual_slider .newsIndex_slider-bg .slick-track,#mainVisual_slider .newsIndex_slider-bg .slick-slide { width:100% !important; height:100%; }
	#mainVisual_slider .newsIndex_slider-bg .slick-slide { position: absolute !important; left:0 !important; top:0 !important;}
	#mainVisual_slider .newsIndex_slider-bg .bgImg { background-color: #4fadc9; opacity: 0.08; background-blend-mode: multiply; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
}

@keyframes fadeIn {
	0% {opacity: 0; transform:}
	100% {opacity: 1; transform:}
}

.blurBg { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }



/* bottom */
.panel_container { display:flex; justify-content:start; flex-wrap:wrap; }
.panel_container .panel_outer { width:calc(100% / 4); }

.panel_outer { border-right:1px solid #e6e2e7; border-bottom:1px solid #e6e2e7; }
.panel_outer .imgWrap { width:100%; height:auto; padding:50% 0; border-radius:50%;  transition: .3s; background-position:top center; background-repeat:no-repeat; background-size:cover; }
.panel_outer:hover .imgWrap { transform:scale(1.05, 1.05); }

.panel_outer:nth-child(4n) { border-right:none; }

.panel { min-height:100px; padding:10%; width:100%; transition:0.3s; }
.panel .row { display:flex; justify-content:space-between; margin-bottom:10px; margin-top:30px; }
.panel .row .date { font-size:16px; }
.panel .row span { font-size:13px; }
.panel:hover { background:rgba(67,168,199,0.5); }
/*
.panel_btn { position:relative;display:flex; justify-content:flex-start; flex-wrap:wrap; width:100%; height:50%; background:#f8f8f8; }
.panel_btn li { position:relative; width:100%; height:100%; display:block; }
.panel_btn li:last-child { border-top:1px solid #e6e2e7; }
.panel_btn li a { display:inline-flex; justify-content:center; align-items:center; align-content:center; width:100%; height:100%; font-size:20px; transition:0.3s; 
display:block; 
}
.panel_btn li a:hover { background:rgba(67,168,199,0.5); }
.panel_btn li span { padding-top:40px; text-align:center; }
.panel_btn li span::after { content:attr(data-en) ""; font-size:12px; line-height:1; text-align:center; font-family:'Ropa Sans', sans-serif; display:block; letter-spacing:0.01em; width:100%; }

.panel_btn li::before { content:""; position:absolute; top:30%; left:50%; }*/
	.all_icon:before { margin-left:-17px; width:34px; height:34px; background:url(../img/news/ico_all.svg) no-repeat center center; }
	.seminar_icon:before { margin-left:-16px; width:32px; height:38px; background:url(../img/news/ico_seminar.svg) no-repeat center center; }
	.property_icon:before { margin-left:-16.5px; width:33px; height:36px; background:url(../img/news/ico_property.svg) no-repeat center center; }
	.company_icon:before { margin-left:-19px; width:38px; height:28px; background:url(../img/news/ico_company.svg) no-repeat center center; }

.panel-nav-list { position:relative; }
.panel-nav-list a { display:block; text-align:center; padding:100px 0 40px; font-size:20px; }
.panel-nav-list a:hover { background:rgba(67,168,199,0.5); }
.panel-nav-list::before { content:""; position:absolute; top:30%; left:50%; }
.panel-nav-list span { padding-top:40px; text-align:center; position:relative; }
.panel-nav-list span::after { content:attr(data-en) ""; font-size:12px; line-height:1; text-align:center; font-family:'Ropa Sans', sans-serif; display:block; letter-spacing:0.01em; width:100%; }

	@media only screen and (min-width:1200px) {
		.panel { max-height:100%!important; min-height:auto!important; height: auto!important; }
	}


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

		/*.panel_container .panel_outer { width:calc(100% / 3); }*/
		
		.panel .row { flex-wrap:wrap; }
		.panel .row span  { width:100%; line-height:1; }
	}


	@media only screen and (max-width:767px) {
		
		.panel_container .panel_outer { width:calc(100% / 2); }
		.panel_outer:nth-child(2n) { border-right:none; }
		.panel_btn li a { padding:20% 0; font-size:16px; }
		.panel_btn li span { padding-top:4em; }
		.panel .row .date { font-size:14px; }
		.panel .row span {  line-height:2; }
		.panel-nav-list a { font-size:16px; padding:60px 0 20px; }
		.panel-nav-list::before { top:20%; }
		.all_icon:before { margin-left:-12px; width:24px; height:29px; background:url(../img/news/ico_all.svg) no-repeat center center / 100% auto; }
		.seminar_icon:before { margin-left:-12px; width:24px; height:29px; background:url(../img/news/ico_seminar.svg) no-repeat center center / 100% auto; }
		.property_icon::before { margin-left:-10px; width:24px;  height:27px; background: url(../img/news/ico_property.svg) no-repeat center center / 100% auto; }
		.company_icon:before { margin-left:-14px; width:28px; height:35px; background:url(../img/news/ico_company.svg) no-repeat center center / 100% auto; }
		
	}
	




/*----------------------------------------------------------
 article
----------------------------------------------------------*/
/*
.article_info { display:flex; justify-content:space-between; line-height:1.5; margin-bottom:30px; }
.article_info_title { font-size:24px; color:#43a8c7; border-left:5px solid #43a8c7; padding-left:20px; }
.article_info_right { font-size:20px; }
.article_item_box .bg_white:not(.titleBg) { padding:30px; }
*/
.article_detailBox h3.leftText { font-size:28px;line-height:1.5; }

pre { white-space: pre-wrap; word-wrap: break-word; }

	@media only screen and (max-width:767px) {
		
		/*.article_info { margin-bottom:20px; }
		.article_info_title { font-size:16px; color:#43a8c7; border-left:5px solid #43a8c7; padding-left:20px; }
		.article_info_right { font-size:14px; }*/
		.article_detailBox h3.leftText { font-size:18px;line-height:1.5; }
	}