@charset 'utf-8';

.pager {
	margin-top: 1em;
}
.pager ul {
    list-style: none;
}
.pager ul li {
    display: inline-block;
}
.pager ul li .page-numbers {
	min-width: initial;
	padding: 10px 20px;
    background: #058CB4;
	color: #FFF;
}
.pager ul li .prev {
	background: url(../../../../commonimages/arrow-l.png) no-repeat left 1em top 1em #058CB4;
	padding-left: 2em;
}
.pager ul li .next {
	background: url(../../../../commonimages/arrow-r.png) no-repeat right 1em top 1em #058CB4;
	padding-right: 2em;
}

.pager ul li .page-numbers:hover,
.pager ul li .current {
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    opacity: 0.7;
}

.pager ul li .dots:hover {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    opacity: 1;
}

.submit {
	cursor:pointer;
}


/*
// プロジェクト
*/
#project .media {
	margin-bottom: 1em;
}
@media (min-width: 769px) {
	#project .slider {
		/*float: left;*/
		margin-right: 0;
		/*max-width: 567px;*/
	}
	#project .text-container {
		float: right;
		width: 100%;
		margin-left: -567px;
	}
	
	#project .text-container .inner-box {
		margin-left: 595px;
	}
}
@media (max-width: 768px) {
	#project .slider {
		float: none;
		margin: 0 auto;
	}
}

.lead_ex{
	color:#ffffff;
	margin-left:40px;
	margin-bottom:-19px;
	font-size:large;
}
@media (max-width: 768px) {
	.lead_ex{
		margin-left:22px;
}
}

/* YouTube背景を非表示 */

#movie {
  display: none !important;
}

/* 動画があった領域に静止画を敷く */

.home #container {
  background: url(../../uploads/2026/07/91625.jpg) center / cover no-repeat;
  min-height: 100vh;
}

/* プロジェクト：画像が未登録のときのNO PHOTO（2026.11） */
#project .slider.no-photo img {
	display: block;
	width: 100%;
	height: auto;
}
@media (min-width: 769px) {
	#project .slider.no-photo {
		float: left;
		width: 567px; /* 本文の左側エリアいっぱい（本文は595pxから開始） */
		max-width: none;
	}
	#project .slider.no-photo img {
		max-width: none;
	}
}
@media (max-width: 768px) {
	#project .slider.no-photo {
		max-width: 567px;
		margin: 0 auto 1.5em;
	}
}
