@charset "UTF-8";

div#contents_main #contents_section p.coil-heading {
	margin-top: 50px;
}
@media only screen and (max-width: 767px) {
	div#contents_main #contents_section p.coil-heading {
		margin-top: 40px;
	}
}
.coil-step{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0 2.665%;
}
div#contents_main #contents_section ol.coil-step{
	list-style-type: none;
	padding: 0;
}
.coil-step li{
	position: relative;
	flex-basis:48.667%;
}
div#contents_main #contents_section ol.coil-step li {
	padding: 0;
}
.coil-step li::after{
	content: "";
	display: block;
	padding-top: 23.846%;
}
.coil-step li:nth-child(1){
	background: url("/hgu/wp-content/themes/hokusei/assets/img/pages/coil-project/process1.png") no-repeat center / contain;
}
.coil-step li:nth-child(2){
	background: url("/hgu/wp-content/themes/hokusei/assets/img/pages/coil-project/process2.png") no-repeat center / contain;
}
.coil-step li:nth-child(3){
	background: url("/hgu/wp-content/themes/hokusei/assets/img/pages/coil-project/process3.png") no-repeat center / contain;
}
.coil-step li:nth-child(4){
	background: url("/hgu/wp-content/themes/hokusei/assets/img/pages/coil-project/process4.png") no-repeat center / contain;
}
.coil-step li:nth-child(n + 3){
	margin-top: 3%;
}
.coil-step a{
	display: block;
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	width: 36.5%;
	cursor: pointer;
	transition: all .3s;
}
.coil-step img{
	border: 2px solid #fff;
	border-radius: 20px;

}
@media only screen and (max-width: 767px) {
	.coil-step li{
		flex-basis:100%;
	}
	.coil-step li:nth-child(n + 2){
		margin-top: 3%;
	}
}
/*モーダル部分*/
div#contents_main .modal__container{
	max-width: 460px;
}
div#contents_main .modal__header{
	display: flex;
	justify-content: flex-end;
}
div#contents_main .modal__close{
	outline: none;
}
.modal__overlay{
	z-index: 1;
}
/*スライド部分*/
.member-slide{
	margin-right: 30px;
	margin-left: 30px;
	line-height: 1.5;
}
.member-slide .slick-track{
	display: flex;
}
.member-slide__item{
	height: auto !important;
	margin: 0 10px;
	padding: 15px;
	border: 1px solid #d2d2d2;
}
.member-slide__image{
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.member-slide__detail{
	margin-top: 15px;
}
div#contents_main #contents_section .member-slide p {
	margin-bottom: 15px;
}
div#contents_main #contents_section .member-slide p.member-slide__department{
	margin-bottom: 0;
	font-weight: bold;
	font-size: calc(100% - 2px);
}
div#contents_main #contents_section .member-slide p.member-slide__name{
	color: #3366cc;
	font-size: calc(100% + 2px);
	font-weight: bold;
}
div#contents_main #contents_section .member-slide p:nth-last-child(1) {
	margin-bottom: 0;
}
.member-slide__answer{
	font-size: calc(100% + 2px);
	font-weight: bold;
}
.slick-slider.member-slide .slick-next,
.slick-slider.member-slide .slick-prev {
	display: block;
	top: calc(50% - 15px);
	bottom: 0;
	transform: none;
	width: 30px;
	height: 30px;
	margin: 0;
	background: #00000050;
	line-height: 1;
}
.slick-slider.member-slide .slick-next::before,
.slick-slider.member-slide .slick-prev::before {
	content: "";
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.slick-slider.member-slide .slick-next {
	right: -30px!important;
}
.slick-slider.member-slide .slick-next::before {
	transform: translate(30%, -50%) rotate(45deg);
}
.slick-slider.member-slide .slick-prev {
	left: -30px!important;
}
.slick-slider.member-slide .slick-prev::before {
	transform: translate(70%, -50%) rotate(225deg);
}