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

section.main_visual {
	padding-bottom: 0;
}
.sticky_block {
	margin-bottom: 80px;
}
section.news {
	/*
	background: repeating-linear-gradient(-45deg, #fff3f8, #fff3f8 3px, #ffdceb 3px, #ffdceb 6px);
	*/
	background-image: url(../img/common/main_bg02.png);
}
section.news .project_detail {
	margin-top: 63px;
	padding: 55px 70px;
    border: solid 3px #00b2ee;
    border-radius: 25px;
}
section.news .project_detail figure {
	width: 100%;
	padding: 55px 0 0 0;
}
section.news .project_detail dl {
	width: 100%;
	padding: 43px 0 70px 0;
}
section.news .project_detail li:last-child dl {
	padding: 43px 0 59px 0;
}
section.news .page_navi {
	padding: 60px 0 150px 0;
}
section.news .page_navi ul {
	display: flex;
	justify-content: center;
}
section.news .page_navi ul li {
	margin-right: 55px;
}
section.news .page_navi ul li:last-child {
	margin-right: 0;
}
section.news .page_navi ul li a {
	width: 68px;
	height: 68px;
	display: flex;
	align-items: center;
    justify-content: center;
	background-color: #fff;
	border-radius: 34px;
}
section.news .page_navi ul li a:not(.left):not(.center):not(.right) {
	background-color: unset;
}
section.news .page_navi ul li a.center{
	background-color: #dcdddd;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
section.news .page_navi ul li a.center:hover{
	background-color: #c3c3c3;
}
section.news .page_navi ul li a.left::before {
    content: '';
    background-image: url(../img/common/arrow_left.png);
    background-repeat: no-repeat;
	width: 100%;
    height: 100%;
	background-position: center;
    background-size: 100%;
}
section.news .page_navi ul li a.center::before {
    content: '';
    background-image: url(../img/common/home.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 42px;
    height: 41px;
}
section.news .page_navi ul li a.right::before {
    content: '';
    background-image: url(../img/common/arrow_right.png);
    background-repeat: no-repeat;
	width: 100%;
    height: 100%;
	background-position: center;
    background-size: 100%;
}

section.news .page_navi ul li a.left::before,
section.news .page_navi ul li a.right::before {
	opacity: 0.5;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
section.news .page_navi ul li:hover a.left::before,
section.news .page_navi ul li:hover a.right::before {
	opacity: 0.9;
}


@media screen and (max-width: 1100px) {
	.sticky_block {
		margin-bottom: 8%;
	}
	section.news .project_detail {
		padding: 5% 5%;
	}
	section.news .project_detail figure {
		padding: 5% 0 0 0;
	}
	section.news .project_detail dl {
		padding: 4.5% 0 8% 0;
	}
	section.news .project_detail li:last-child dl {
		padding: 4.5% 0 3% 0;
	}
	section.news .page_navi {
		padding: 5% 0 12% 0;
	}
	section.news .page_navi ul li {
		margin-right: 4vw;
	}
}
@media screen and (max-width: 767px) {
	section.main_visual {
		padding-bottom: 0;
	}
	section.news .project_detail {
		margin-top: 8%;
	}
	section.news .page_navi ul li a {
		width: 10vw;
		height: 10vw;
		border-radius: 50%;
	}
	section.news .page_navi ul li a.left::before {
		width: 100%;
		height: 100%;
		background-position: center;
	}
	section.news .page_navi ul li a.center::before {
		width: 6vw;
		height: 6vw;
		background-position: center;
	}
	section.news .page_navi ul li a.right::before {
		width: 100%;
		height: 100%;
		background-position: center;
	}
}

.news_content_detail:not(:first-of-type) {
	margin-top: 30px;
	padding-top: 45px;
	border-top: 3px solid #dcdddd;
}
@media screen and (max-width: 767px) {
	.news_content_detail:not(:first-of-type) {
		margin-top: 2%;
		padding-top: 8%;
	}
}