@charset "utf-8";

#mainVisual_slider { background: #f7f6f8; margin: 77px 77px 0; padding: 50px 0; }
#mainVisual_slider h2 img { max-width:334px; width:33%; }
.slick-dots { position: relative; bottom: 0; width: auto; margin-left:0 }

.blogSlider_box { max-width:1000px; padding: 0 30px; }
/*.blogSlider_inner { display:table; backround:#fff; }
.blogText { width:30%; display:table-cell; }
.blogPic { width:70%; display:table-cell; }*/


.carousel_wrap { /*background:url(../img/common/bg_m.png) repeat top left;*/ overflow:hidden; height:600px; margin-top:5%; }
.carousel-cell { width:980px; height:500px; margin:30px 80px 0 0; }
.carousel-item { padding:50% 0; text-indent:-9999px; background-repeat:no-repeat; background-position:top center; background-size:100% auto; }
.cell_inner { max-width:980px; height:500px; border-radius:10px; margin:0 auto; background-size:cover!important; background-position:top center!important; background-repeat:no-repeat!important; position:relative; display:flex; justify-content:space-between; }

.img_box { width:60%; background-position:center center; background-size: cover; background-repeat:no-repeat; border-radius:0 9px 9px 0; }
.bg_white { background:#fff; height:100%; width:40%; border-radius:9px 0 0 9px; }
.textBox { position:absolute; width:40%; bottom:calc(50% - 50px); padding:0 50px; }
.textBox span { font-size:12px; }
.textBox .artileTitle { font-size:16px; font-weight:bold; line-height:1.5; margin:30px 0 50px; word-wrap:break-word; }
.textBox .tag { border-radius:20px; background:#666; color:#fff; font-size:12px; display:inline-block; padding:5px 10px; line-height:1; }

.tagList_wrap { display:flex; justify-content:space-between; }
.tagList_wrap .titleWrap { width:20%; }
.tagList_wrap h3 { font-size:24px; line-height: 1.5; }
.tagList_wrap h3::before { content: attr(data-en) ""; font-size:18px; text-align:left; font-family:'Ropa Sans', sans-serif; display:block; letter-spacing:0.01em; transition:0.3s; }
.tagList_wrap .tagList { width:80%; position:absolute; bottom:0; right:0; }
.tagList { display:flex; justify-content:end; }
.tagList li { margin-right:20px; font-size:16px; }
.tagList li:last-child { margin-right:20px; }
.tagList li.active a { color:#43a8c7; }


.articleList_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.article-cell { width:30%; height:auto; margin:50px 0 0 0; }
.article-cell a {  }
.article-item { padding:50% 0; text-indent:-9999px; background-repeat:no-repeat; background-position:top center; background-size:100% auto; }
.article-cell_inner { max-width:980px; height:500px; border-radius:10px; margin:0 auto; background-size:cover!important; background-position:top center!important; background-repeat:no-repeat!important; position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; }

.article-cell_img_box { width:100%; padding:50% 0 0; position: absolute; top: 0; height: 50%; background-size: cover; background-position:top center; border-radius:9px 9px 0 0; position:relative; }
.article-cell_bg_white { height:100%; width:100%; background:#fff; height:50%; width:100%; display:block;  position:absolute; bottom:0; border-radius:0 0 9px 9px; }
.article-cell_textBox { width:100%; bottom:0px; height:30%; padding:20px 25px; background:#fff; height:100%; width:100%; bottom:auto; padding:20px 25px; background:#fff; top:0; border-radius: 0 0 9px 9px; }
.article-cell_textBox span { font-size:12px; position:absolute; bottom:15px; }
.article-cell_textBox .artileTitle { font-size:16px; font-weight:bold; line-height:1.5; margin:30px 0 50px; word-wrap:break-word; }
.article-cell_textBox .tag { border-radius:20px; background:#666; color:#fff; font-size:12px; display:inline-block; padding:5px 10px; line-height:1; }

.hoverBox { transition: .5s ease; opacity:0; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%;left: 50%;width: 100%;height: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; color:#fff; background:rgba(0,0,0,0.5); border-radius:9px 9px 0 0;  }
.hoverBox span { display:inline-block; margin:0 auto; position:relative; padding-top:30px; }
.hoverBox span:before { content:"+"; position:absolute; top:0; left:calc(50% - 0.5em); color:#fff; font-size:18px; }

.article-cell:hover .hoverBox { opacity:1; } 


/* page */

#mainVisual_no_image { background:#f8f8f8; display:block;  }
#mainVisual_no_image h2 { margin: 0 auto 0!important; padding:65px 0 0; width:100%; }
#mainVisual_no_image h2 img { max-width:334px; width:33%; }
#mainVisual_no_image p { width:100%; }

.article_info { border-bottom:3px solid #ededed; padding:0 0 20px 0; }
.article_info_title { font-size:16px; color:#231f20; border-left:none; padding-left:0px; }
.article_detailBox h3.leftText { font-size:28px; line-height:1.5; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";}

.article_info .tag { font-size:12px; border-radius:20px; background:#666; color:#fff; font-size:12px; display:inline-block; padding:5px 10px; line-height:1; transition: 0.3s; }
.article_item_box .bg_gray:not(.titleBg) { padding:30px; }

.article_pager { margin-top:10%; padding:30px 0 30px 0; border-top:3px solid #ededed; border-bottom:3px solid #ededed; }
.article_pager ul { display:flex; justify-content:space-between; align-items:center; }
.article_pager ul li:nth-child(2) { margin-top:40px; }
.article_pager ul li a { position:relative; }
.article_pager ul li:nth-child(2) a { padding-top:50px; }
.article_pager ul li:nth-child(2) a:before { content:""; position:absolute; top:8px; left:calc(50% - 15px); width:30px; height:30px; background:url(../img/common/ico_all.svg) no-repeat center top / cover; }
.article_pager ul li:nth-child(1) a { padding-left:60px; }
.article_pager ul li:nth-child(3) a { padding-right:60px; }
.article_pager ul li:nth-child(1) a:before,
.article_pager ul li:nth-child(3) a:before { content:""; position:absolute; top:8px; right:0; width:50px; height:2px; background:#4c4c4c; }
.article_pager ul li:nth-child(1) a:before { left:0; }
.article_pager ul li:nth-child(3) a:before { right:0; }

#main .lowerMenu .titleWrap.no_line::after { display:none; }


	@media only screen and (max-width:1024px) {
		#mainVisual_slider { margin: 77px 50px 0; }
	
		.carousel_wrap { height:auto; }
		.carousel-cell { width:90%; height:auto; margin:30px 80px 30px 0; }
		.cell_inner { height:auto; padding:30% 0; background-position:center center; display:block; padding: 50% 0 50%; height:100%; }
		.img_box { width:100%; padding:50% 0 0; position: absolute; top: 0; height: 50%; background-size: 100% auto; background-position:top center; border-radius:9px 9px 0 0; }
		.bg_white { height:100%; width:100%; background:#fff; height:50%; width:100%; display:block;  position:absolute; bottom:0; border-radius:0 0 9px 9px; }
		.textBox { width:100%; bottom:0px; height:30%; padding:20px 25px; background:#fff; height:100%; width:100%; bottom:auto; padding:20px 25px; background:#fff; top:0; }
		.textBox span { font-size:10px; }
		.textBox .artileTitle { font-size:14px; margin:15px 0 10px; }
		
		.tagList_wrap h3 { font-size:20px; }
		.tagList_wrap h3::before { font-size:14px; }
		
		.article-cell_textBox { padding:10px 15px; }
		.article-cell_textBox .artileTitle { margin:15px 0 20px; }
		.article-cell_textBox span { position:absolute; bottom:10px; }
	}
	
	
	@media only screen and (max-width:767px) {
		#mainVisual_slider { margin: 60px 0 0; }
		
		#mainVisual_slider h2 img,
		#mainVisual_no_image h2 img { max-width:auto; width:60%; }
		#mainVisual_slider p.centerText { margin: 0 20px; }
		
		.cell_inner { padding:50% 0; }
		.textBox { height:50%; }
		
		.tagList_wrap { flex-wrap:wrap; }
		.tagList_wrap .titleWrap { width:100%; }
		.tagList_wrap h3 { font-size:18px; margin-bottom:10px; }
		.tagList_wrap h3::before { font-size:12px; }
		.tagList_wrap .tagList { width:100%; justify-content:flex-start; flex-wrap:wrap; position:relative; }
		.tagList li { font-size:14px; }

		.article-cell { width:48%; margin:50px 0 0 0; }
		
		#mainVisual_no_image h2 { padding:50px 0 0; }
		#mainVisual_no_image p { font-size:12px; }
		.article_info_title { font-size:14px; padding:0 0 0 0; }
		.article_detailBox h3.leftText { font-size:18px;line-height:1.5; }
		
		.article_pager ul li a { font-size:12px; }
		.article_pager ul li:nth-child(2) { margin-top:30px; }
		.article_pager ul li:nth-child(2) a { padding-top:40px; }
		.article_pager ul li:nth-child(2) a:before { top:8px; left:calc(50% - 10px); width:20px; height:20px; background:url(../img/common/ico_all.svg) no-repeat center top / cover; }
		.article_pager ul li:nth-child(1) a { padding-left:35px; }
		.article_pager ul li:nth-child(3) a { padding-right:35px; }
		.article_pager ul li:nth-child(1) a:before, .article_pager ul li:nth-child(3) a:before { top:6px; width:30px; }
		
	}
	
	
	@media only screen and (max-width:450px) {
		
		.article-cell { width:100%; }
		.article-cell_inner { height:400px; }
		
	}