@charset "UTF-8";

/*.entry-label:before,
.entry-label:after{
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 500;
}*/
@keyframes hoverDetail{
	0%{width: 0}
	100%{width: 100%}
}
@keyframes hoverlinebg{
	0%{background-size: 0 1px}
	100%{background-size: 100% 1px}
}

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


	.entry-item figure img{
		border-radius: 6px;
		border: 1px solid #CCC;
	}

	/* top  feature
	===============================================================*/

	.feature-item-list-top{
		position: relative;
		padding: 70px 0;
		margin: 0 -50px;
		display: flex;
	}
	.feature-item-list-top .feature-item{
		position: relative;
		padding: 0 50px 0;
		width: 50%;
	}
	.feature-item-list-top .feature-item + .feature-item{
		border-left: 1px solid #C9C9C9;
	}
	.feature-item-list-top .feature-item h3{
		font-size: 35px;
		font-weight: 500;
		line-height: 1.3;
	}
	.feature-item-list-top .feature-item figure img{
		border-radius: 6px;
		border: 1px solid #CCC;
	}
	.feature-item-list-top .feature-item-txt{
		margin: 30px 0 0;
	}
	.feature-item-list-top .feature-item-txt h4{
		margin: 35px 0 0;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.5;
	}
	.feature-item-list-top .feature-item-txt p{
		margin: 20px 0 0;
		font-weight: 500;
		line-height: 2;
	}


	/* top  works
	===============================================================*/

	.works-item-list-top .works-item{
		position: relative;
		padding: 70px 0;
		display: flex;
		flex-direction: row-reverse;
	}
	.works-item-list-top .works-item:nth-child(1){
		border-top: 1px solid #C9C9C9;
	}
	.works-item-list-top .works-item{
		border-bottom: 1px solid #C9C9C9;
	}
	.works-item-list-top .works-item .works-item-txt{
		padding: 0 10px 0 0;
		width: calc(100% - 450px);
	}
	.works-item-list-top .works-item h3{
		font-size: 35px;
		font-weight: 500;
		line-height: 1.3;
	}
	.works-item-list-top .works-item figure{	
		width: 450px;
	}
	.works-item-list-top .works-item figure img{
		border-radius: 6px;
		border: 1px solid #CCC;
	}


	/* news   
	===============================================================*/

	.news-item a{
		position: relative;
		display: block;
		transition: opacity 400ms ease;
	}	
	.news-item h3{
		font-size: 25px;
		font-weight: 500;
		line-height: 1.3;
	}
	.news-item p{
		margin: 15px 0 0;
		font-size: 15px;
		font-weight: 500;
		color: #A5A5A5;
		line-height: 1.8;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
		overflow: hidden;

	}
	.news-item{
		position: relative;
		border-bottom: 1px solid #DBDBDB;
	}
	.news-item a{
		padding: 65px 0 70px;
	}
	#top .news-item:nth-child(1){
		border-top: 1px solid #DBDBDB;
	}
	#top .news-item span{
		display: none;
	}

	.lower .news-item-txt{
		padding: 0 60px 0 0;
		max-width: 768px;
	}
	.lower .news-item span{
		position: absolute;
		display: inline-block;
		right: 0;
		bottom: 70px;
		font-size: 20px;
		color: #FF5B34;
	}
	.lower .news-item span:before{
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 1px;
		width: 100%;
		height: 1px;
		background: #FF5B34;
	}
	.lower .news-item a:hover span:before{
		animation: hoverDetail 400ms ease 1;
	}

	.lower .news-item:nth-child(1) a{
		padding: 0 0 70px;
	}


	/* entry-header
	===============================================================*/

	.entry-header{
		margin: 0 auto 70px;
		padding: 0 10px;
		max-width: 1240px;
	}
	.entry-header .entry-header-inner{
		padding: 0 0 65px;
		border-bottom: 1px solid #C9C9C9;
	}
	.entry-header h1{
		line-height: 1.2;
		font-size: 55px;
		font-weight: 500;
	}
	#information .entry-header .entry-label-box{
		margin-top: 0;
	}
	.entry-header .entry-label-box + h1{
		margin-top: 15px;
	}
	.entry-header h1 + .entry-terms{
		margin: 30px 0 0;
	}
	.entry-header h1 + .entry-terms{
		margin: 30px 0 0;
	}
	.entry-header .entry-tags{
		margin: 40px 0 0;
	}


	/* entry
	===============================================================*/

	.entry-mainimg figure{
		text-align: center;
	}
	.entry-mainimg figure img{
		border-radius: 12px;
	}
	.entry-label{
		padding: 2px 0 2px 15px;
		margin: 25px 0 0;
		border-left: 1px solid #000;
	}
	.news-item .entry-label{
		margin: 20px 0 0;
	}
	.entry-label span{
		display: block;	
	}
	.entry-label .entry-terms{
		font-size: 12px;
	}
	.entry-label .entry-cat{
		position: relative;
		display: inline-block;
		margin: 8px 0 0;
		font-size: 11px;
		color: #FF5B34;
		font-weight: 700;
	}
	.entry-label .entry-date{	
		margin: 0;
		font-size: 12px;
	}


	.entry-tags ul{
		margin: 40px 0 0;
		display: flex;
		flex-wrap: wrap;
	}
	.entry-tags li{
		margin: 0 3px 8px 0;
	}
	.entry-tags a{
		position: relative;
		display: flex;
		padding: 0 16px;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 23px;
		border: 1px solid #FF5B34;
		border-radius: 12px;
		transition: all 400ms ease;
		overflow: hidden;
	}
	.entry-tags ul a span{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 100%;
		font-size: 11px;
		height: 23px;
		color: #FF5B34;
		font-weight: 700;
		z-index: 10;
		transition: color 400ms ease;
	}
	.entry-tags ul a:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 0;
		height: 100%;
		background: #FF5B34;
		z-index: 5;
		transition: width 400ms ease;
	}

	.entry-tags ul a:hover span,
	.entry-tags ul a.active span{
		color: #fff;
	}
	.entry-tags ul a:hover:before,
	.entry-tags ul a.active:before{
		width: 100%;
	}



	/* entry list
	===============================================================*/

	.entry-list-txt{
		padding: 20px 0 0;
	}
	.entry-list-wrap{
		position: relative;
		margin: 80px 0 0;
		z-index: 20;
	}
	.entry-list-item{
		position: relative;
	}
	.entry-list-item .draw-circle{
		transform: scale(0.95);
	}
	.entry-list-item a{
		position: relative;
		display: block;
	}
	.entry-list-item h4{
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 20px;
		line-height: 1.4;
		font-weight: 500;
		height: 2.8em;
	}
	.entry-list-item span{
		position: relative;
		margin: 20px 0 0;
		display: inline-block;
		font-size: 20px;
		color: #FF5B34;
		background: linear-gradient(#FF5B34, #FF5B34) 0 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;
	}
	.entry-list-item a:hover span{
		animation: hoverlinebg 400ms ease 1;
	}
	.entry-list-item figure img{	
		border-radius: 6px;
		overflow: hidden;
		border: 1px solid #CCCCCC;
	}
	.entry-list-static .entry-list{	
		display: flex;
		flex-wrap: wrap;
		margin: 0 -60px;
	}
	.entry-list-static .entry-list-item{	
		padding: 0 60px;
		width: 33.3333%;
	}
	.entry-list-static .entry-list-item:nth-child(n+4){	
		margin-top: 120px;
	}
	.entry-list-static .entry-list-item:nth-child(n+4) a:before{	
		content: "";
		position: absolute;
		top: -60px;
		left: 0;
		display: block;
		width: 100%;
		height: 1px;
		background: #DBDBDB;
	}
	.entry-list-static .entry-list-item:nth-child(3n+2):before{	
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 1px;
		height: 100%;
		background: #DBDBDB;
	}
	.entry-list-static .entry-list-item:nth-child(3n+2):after{	
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 1px;
		height: 100%;
		background: #DBDBDB;
	}


	.entry-list-box-wrap{
		position: relative;
	}
	.works-index section{
		padding: 130px 0;
	}
	.works-index .entry-list-wrap{
		position: relative;
		margin: 80px auto 0;
		max-width: 1364px;
	}
	.works-index .entry-list-box-wrap{
		position: relative;
		overflow: hidden;
		margin: auto;
		max-width: 1338px;
		padding: 0 60px;
		overflow: hidden;
	}

	.entry-list-slide{
		transform: translateX(100%);
		transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1.2);
	}
	.entry-list-slide.on{
		transform: translateX(0);
	}

	.entry-list-slide .entry-list-item + .entry-list-item:before{	
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 1px;
		height: 100%;
		background: #DBDBDB;
	}
	.entry-list-slide{
		margin: 0 -62px;
	}
	.entry-list-slide .entry-list-item{
		position: relative;
		padding: 0 60px;
	}

	.entry-txt-list{
		margin: 80px 0 0;
	}
	.entry-txt-list ul{
		display: flex;
		flex-wrap: wrap;
	}
	.entry-txt-list ul li{
		position: relative;
		margin-bottom: 20px;
	}
	.entry-txt-list ul li a{
		position: relative;
		font-weight: 500;
		line-height: 1.8;
	}
	.entry-txt-list ul li{
		margin-right: 20px;
		padding-right: 20px;
	}
	.entry-txt-list ul li:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom:  0;
		width: 1px;
		height: 28px;
		background: #DBDBDB;
		transform: rotate(15deg);
	}
	.slide-prev,
	.slide-next{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 60px;
		height: 100%;
		text-indent: -9999px;
		cursor: pointer;
		background: url(../img/arrow_slide.svg) 50% 50% no-repeat;
		background-size: 12px 57px;
		z-index: 50;
	}

	.slide-prev{
		left: -30px;
		transition: opacity 400ms ease;
	}
	.slide-next{
		right: -30px;
		transform: rotate(180deg);
		transition: opacity 400ms ease;
	}

	.slide-prev.swiper-button-disabled,
	.slide-next.swiper-button-disabled{
		opacity: 0.2;
		cursor: default;
	}
	.slide-prev:hover,
	.slide-next:hover{
		opacity: 0.7;
	}
	.slide-prev.swiper-button-disabled:hover,
	.slide-next.swiper-button-disabled:hover{
		transition: none;
		opacity: 0.2 !important;
	}

	/* entry-pager
	===============================================================*/
	.entry-pager{
		padding: 80px 20px 0;
	}
	.entry-pager ul{
		display: flex;
		justify-content: center;
	}
	.entry-pager ul li{
		width: 50%;
	}
	.entry-pager ul li:nth-child(1){
		padding: 0 4.5% 0 0;
	}
	.entry-pager ul li:nth-child(2){
		padding: 0 0 0 4.5%;
	}

	.entry-pager ul li a span,
	.entry-pager ul li i span{
		position: relative;
		max-width: 100%;
		display: inline-block;
		font-size: 16px;
		color: #FF5B34;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.entry-pager ul li .page-prev{
		text-align: left;
	}
	.entry-pager ul li .page-next{
		text-align: right;
	}
	.entry-pager ul li a{
		position: relative;
		display: block;
		width: 100%;
	}
	.entry-pager ul li .page-prev span{
		padding: 0 0 0 30px;
		background: linear-gradient(#FF5B34, #FF5B34) 30px 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;

	}
	.entry-pager ul li .page-next span{
		padding: 0 30px 0 0;
		background: linear-gradient(#FF5B34, #FF5B34) -30px 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;
	}
	.entry-pager ul li .page-prev:hover span{
		 animation: hoverlinebg 400ms ease 1;
	}
	.entry-pager ul li .page-next:hover span{
		 animation: hoverlinebg 400ms ease 1;
	}
	.entry-pager ul li .page-prev span:before,
	.entry-pager ul li .page-next span:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		display: block;
		width: 20px;
		height: 15px;
	}
	.entry-pager ul li .page-prev span:before{
		left: 5px;
		background: url(../img/arrow_s_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 400ms ease;
	}
	.entry-pager ul li .page-next span:before{
		right: 5px;
		background: url(../img/arrow_s_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 400ms ease;
	}
	.entry-pager ul li a.page-prev:hover span:before{
		transition: transform 400ms ease;
		transform: translateX(-5px);
	}
	.entry-pager ul li a.page-next:hover span:before{
		transition: transform 400ms ease;
		transform: translateX(5px);
	}

	/* entry-pager-info
	===============================================================*/
	
	.entry-pager-info{
		padding: 80px 0 0;
	}
	.entry-pager-info ul{
		display: flex;
		justify-content: center;
	}
	.entry-pager-info ul li{
		padding: 0 30px;
	}
	.entry-pager-info ul li a,
	.entry-pager-info ul li i{
		position: relative;
		display: inline-block;
	}
	.entry-pager-info ul li i{
		opacity: 0.2;
	}
	.entry-pager-info ul li a span,
	.entry-pager-info ul li i span{
		font-size: 20px;
		color: #FF5B34;
		text-decoration: underline;
	}
	.entry-pager-info ul li .page-prev span{
		padding: 0 0 0 25px;
		background: linear-gradient(#FF5B34, #FF5B34) 25px 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;

	}
	.entry-pager-info ul li .page-next span{
		padding: 0 25px 0 0;
		background: linear-gradient(#FF5B34, #FF5B34) -25px 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;
	}
	.entry-pager-info ul li a.page-prev:hover span{
		 animation: hoverlinebg 400ms ease 1;
	}
	.entry-pager-info ul li a.page-next:hover span{
		 animation: hoverlinebg 400ms ease 1;
	}

	.entry-pager-info ul li .page-prev:before,
	.entry-pager-info ul li .page-next:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		display: block;
		width: 20px;
		height: 15px;
	}
	.entry-pager-info ul li .page-prev:before{
		left: 0;
		background: url(../img/arrow_s_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.entry-pager-info ul li .page-next:before{
		right: 0;
		background: url(../img/arrow_s_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.entry-pager-info a:hover span{
		text-decoration: none;
	}
	.entry-pager-info ul li a.page-prev:hover:before{
		transition: transform 400ms ease;
		transform: translateX(-5px);
	}
	.entry-pager-info ul li a.page-next:hover:before{
		transition: transform 400ms ease;
		transform: translateX(5px);
	}




	/* entry 書式
	===============================================================*/

	.entry-mainimg + .entry-body{
		margin: 60px 0 0;		
	}
	.entry-body h2{
		padding: 0 0 40px;
		font-size: 35px;
		font-weight: 500;
		line-height: 1.3;
		border-bottom: 1px solid #DBDBDB;
	}
	.entry-body p{
		margin: 40px 0 0;
		line-height: 2.2;
		font-weight: 500;
	}
	.entry-body p:nth-child(1){
		margin: 0;
	}
	.entry-body h3{
		margin: 60px 0 0;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.3;
	}

}



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


	.entry-item figure img{
		border-radius: 6px;
		border: 1px solid #CCC;
	}

	/* top  feature
	===============================================================*/

	.feature-item-list-top{
		position: relative;
		padding: 40px 0;
	}
	.feature-item-list-top .feature-item{
		position: relative;
	}
	.feature-item-list-top .feature-item + .feature-item{
		margin-top: 40px;
		padding-top: 40px;
		border-top: 1px solid #C9C9C9;
	}
	.feature-item-list-top .feature-item h3{
		font-size: 20px;
		font-weight: 500;
		line-height: 1.3;
	}
	.feature-item-list-top .feature-item-txt{
		margin: 20px 0 0;
	}
	.feature-item-list-top .feature-item-txt h4{
		margin: 15px 0 0;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
	}
	.feature-item-list-top .feature-item-txt p{
		margin: 15px 0 0;
		font-weight: 500;
		line-height: 2;
	}


	/* top  works
	===============================================================*/
	.works-item-list-top{	
		position: relative;
		padding: 40px 0;
	}
	.works-item-list-top .works-item{
		position: relative;
	}
	.works-item-list-top .works-item + .works-item{
		margin-top: 32px;
		padding-top: 40px;
		border-top: 1px solid #C9C9C9;
	}

	.works-item-list-top .works-item h3{
		font-size: 20px;
		font-weight: 500;
		line-height: 1.3;
	}
	.works-item-list-top .works-item-txt{
		margin: 20px 0 0;
	}


	/* news   
	===============================================================*/

	.news-item a{
		position: relative;
		display: block;
		padding: 40px 0;
	}	
	.news-item h3{
		margin: 15px 0 0;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.3;
	}
	.news-item p{
		margin: 10px 0 0;
		font-size: 13px;
		font-weight: 500;
		color: #A5A5A5;
		line-height: 1.8;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 4;
		overflow: hidden;
	}
	.news-item{
		position: relative;
		border-bottom: 1px solid #DBDBDB;
	}
/*	#top .news-item:nth-child(1){
		border-top: 1px solid #DBDBDB;
	}*/
	.lower .news-item-txt{
		max-width: 768px;
	}
	.news-item span{
		position: relative;
		margin: 20px 0 0;
		padding: 0 0 1px;
		display: inline-block;
		font-size: 13px;
		color: #FF5B34;
	}
	.news-item span:before{
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #FF5B34;
	}

	.lower .news-item:nth-child(1) a{
		padding: 0 0 40px;
	}


	/* entry-header
	===============================================================*/

	.entry-header .entry-header-inner{
		margin: 0 20px;
		padding: 0 0 40px;
		margin-bottom: 40px;
		border-bottom: 1px solid #C9C9C9;
	}
	.entry-header h1{
		line-height: 1.2;
		font-size: 30px;
		font-weight: 500;
	}
	#information .entry-header .entry-label-box{
		margin-top: 0;
	}
	.entry-header .entry-label-box + h1{
		margin-top: 15px;
	}
	.entry-header h1 + .entry-terms{
		margin: 20px 0 0;
	}
	.entry-header .entry-tags{
		margin: 40px 0 0;
	}


	/* entry
	===============================================================*/

	.entry-mainimg figure{
		text-align: center;
	}
	.entry-mainimg figure img{
		border-radius: 12px;
	}
	.entry-label{
		padding: 2px 0 2px 12px;
		margin: 20px 0 0;
		border-left: 1px solid #000;
	}
	.news-item .entry-label{
		margin: 12px 0 0;
	}
	.entry-label span{
		display: block;	
	}
	.entry-label .entry-terms{
		font-size: 12px;
	}
	.entry-label .entry-cat{
		position: relative;
		display: inline-block;
		margin: 6px 0 0;
		font-size: 11px;
		color: #FF5B34;
		font-weight: 700;
	}
	.entry-label .entry-date{	
		margin: 0;
		font-size: 12px;
	}
	.entry-tags ul{
		margin: 20px 0 0;
	}
	.entry-tags ul{
		display: flex;
		flex-wrap: wrap;
	}
	.entry-tags li{
		margin: 0 3px 8px 0;
	}
	.entry-tags ul a{
		position: relative;
		display: flex;
		padding: 0 16px;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 23px;
		border: 1px solid #FF5B34;
		border-radius: 12px;
	}
	.entry-tags ul a span{
		position: relative;
		top: -1px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 100%;
		font-size: 11px;
		line-height: 23px;
		color: #FF5B34;
		font-weight: 700;
	}
	.entry-tags ul a.active{
		background: #FF5B34;
	}
	.entry-tags ul a.active span{
		color: #fff;
	}

	/* entry list
	===============================================================*/

	.entry-list-txt{
		padding: 20px 0 0;
	}
	.entry-list-wrap{
		position: relative;
		margin: 45px 0 0;
		z-index: 20;
	}
	.entry-list-item{
		position: relative;
	}
	.entry-list-item a{
		position: relative;
		display: block;
	}
	.entry-list-item h4{
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 20px;
		line-height: 1.4;
		font-weight: 500;
	}
	.entry-list-item span{
		position: relative;
		margin: 10px 0 0;
		display: inline-block;
		font-size: 13px;
		color: #FF5B34;
		background: linear-gradient(#FF5B34, #FF5B34) 0 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;
	}
	.entry-list-item figure img{	
		border-radius: 6px;
		overflow: hidden;
		border: 1px solid #CCCCCC;
	}
	.entry-list-static .entry-list-item{
		padding: 40px 0;
		border-bottom: 1px solid #DBDBDB;		
	}
	.entry-list-static .entry-list-item:first-child{	
		padding-top: 0;
	}
	.entry-list-box-wrap{
		position: relative;
	}
	.works-index section{
		padding: 60px 0 80px;
	}
	.works-index .entry-list-wrap{
		position: relative;
		margin: 45px auto 0;
	}
	.works-index .entry-list-wrap:before,
	.works-index .entry-list-wrap:after{
		content: "";
		position: absolute;
		bottom: 12px;
		display: block;
		width: calc(50% - 85px);
		height: 1px;
		background: #DBDBDB;
	}
	.works-index .entry-list-wrap:before{
		left: 20px;
	}
	.works-index .entry-list-wrap:after{
		right: 20px;
	}
	.works-index .entry-list-box-wrap{
		position: relative;
		padding: 0 45px 60px 0;
	}

	.entry-list-slide .entry-list-item{
		position: relative;
		padding: 0 20px;
	}
	.entry-txt-list{
		margin: 50px 0 0;
	}
	.entry-txt-list ul li{
		position: relative;
	}
	.entry-txt-list ul li a{
		position: relative;
		font-weight: 500;
		text-decoration: underline;
		line-height: 1.8;
	}
	.entry-txt-list ul li + li{
		margin-top: 8px;
	}
	.slide-prev,
	.slide-next{
		position: absolute;
		margin: auto;
		bottom: 0;
		width: 30px;
		height: 24px;
		text-indent: -9999px;
		cursor: pointer;
		background: url(../img/arrow_slide.svg) 50% 50% no-repeat;
		background-size: 5px 24px;
	}

	.slide-prev{
		margin: 0 0 0 -55px;
		left: 50%;
	}
	.slide-next{
		margin: 0 -55px 0 0;
		right: 50%;
		transform: rotate(180deg);
	}

	.slide-prev.swiper-button-disabled,
	.slide-next.swiper-button-disabled{
		opacity: 0.2;
	}
	

	/* entry-pager
	===============================================================*/
	.entry-pager{
		padding: 40px 0 0;
	}
	.entry-pager ul{
		display: flex;
		justify-content: center;
	}
	.entry-pager ul li{
		width: 50%;
	}
	.entry-pager ul li:nth-child(1){
		padding: 0 4.5% 0 0;
	}
	.entry-pager ul li:nth-child(2){
		padding: 0 0 0 4.5%;
	}

	.entry-pager ul li a span,
	.entry-pager ul li i span{
		position: relative;
		max-width: 100%;
		display: inline-block;
		font-size: 12px;
		color: #FF5B34;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.entry-pager ul li .page-prev{
		text-align: left;
	}
	.entry-pager ul li .page-next{
		text-align: right;
	}
	.entry-pager ul li a{
		position: relative;
		display: block;
		width: 100%;
	}
	.entry-pager ul li .page-prev span{
		padding: 0 0 0 16px;
		background: linear-gradient(#FF5B34, #FF5B34) 16px 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;
	}
	.entry-pager ul li .page-next span{
		padding: 0 16px 0 0;
		background: linear-gradient(#FF5B34, #FF5B34) -16px 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;
	}
	.entry-pager ul li .page-prev span:before,
	.entry-pager ul li .page-next span:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		display: block;
		width: 12px;
		height: 9px;
	}
	.entry-pager ul li .page-prev span:before{
		left: 0;
		background: url(../img/arrow_s_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 400ms ease;
	}
	.entry-pager ul li .page-next span:before{
		right: 0;
		background: url(../img/arrow_s_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 400ms ease;
	}

	/* entry-pager-info
	===============================================================*/
	
	.entry-pager-info{
		padding: 40px 0 0;
	}
	.entry-pager-info ul{
		display: flex;
		justify-content: center;
	}
	.entry-pager-info ul li{
		padding: 0 30px;
	}
	.entry-pager-info ul li a,
	.entry-pager-info ul li i{
		position: relative;
		display: inline-block;
	}
	.entry-pager-info ul li i{
		opacity: 0.2;
	}
	.entry-pager-info ul li a span,
	.entry-pager-info ul li i span{
		font-size: 13px;
		color: #FF5B34;
	}
	.entry-pager-info ul li .page-prev span{
		padding: 0 0 0 16px;
		background: linear-gradient(#FF5B34, #FF5B34) 16px 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;

	}
	.entry-pager-info ul li .page-next span{
		padding: 0 16px 0 0;
		background: linear-gradient(#FF5B34, #FF5B34) -16px 100% no-repeat;
		text-decoration: none;
		background-size: 100% 1px;
	}
	.entry-pager-info ul li .page-prev:before,
	.entry-pager-info ul li .page-next:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		display: block;
		width: 12px;
		height: 9px;
	}
	.entry-pager-info ul li .page-prev:before{
		left: 0;
		background: url(../img/arrow_s_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.entry-pager-info ul li .page-next:before{
		right: 0;
		background: url(../img/arrow_s_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}




	/* entry 書式
	===============================================================*/

	.entry-mainimg + .entry-body{
		margin: 25px 0 0;
	}
	.entry-body h2{
		padding: 0 0 25px;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.3;
		border-bottom: 1px solid #DBDBDB;
	}
	.entry-body p{
		margin: 30px 0 0;
		line-height: 2;
		font-weight: 500;
	}
	.entry-body p:nth-child(1){
		margin: 0;
	}
	.entry-body h3{
		margin: 40px 0 0;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.3;
	}



}


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


}