/*▼▼　お客様の声記事　▼▼*/
.container.voice_single01 .inner {
	width:100%;
	max-width:1200px;
	margin:70px auto 50px;
}
.container.voice_single01 .inner h2 {
	text-align:center;
	font-size:36px;
	color:#ff671c;
	font-weight:700;
	margin:0 0 40px;
}
.container.voice_single01 .inner h2 span {
	font-size:0.67em;
	display:block;
	color:#ffb621;
	font-weight:900;
}
.container.voice_single01 .inner p {
	text-align:center;
	line-height:1.8;
}
.container.voice_single02 .inner {
	margin:0 auto 80px;
	width:100%;
	max-width:1300px;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.container.voice_single02 .inner .main_wp {flex:0.95;}
.container.voice_single02 .inner .main_wp h3 {
	font-size:38px;
	font-weight:700;
	border-bottom:dotted 5px #f2982a;
	margin:0 0 14px;
	padding:0 0 0.4em;
}
.container.voice_single02 .inner .main_wp h3 span {
	font-size:16px;
	background-color:#ddd;
	vertical-align:middle;
	padding:0.3em 1em;
	border-radius:3px;
	margin:0 0 0 3em;
	color:#fff;
	font-weight:500;
}
.container.voice_single02 .inner .main_wp h3 span.cate01 {background-color:#ff5d1f;}
.container.voice_single02 .inner .main_wp h3 span.cate02 {background-color:#15b500;}
.container.voice_single02 .inner .main_wp .date {
	text-align:right;
	font-size:14px;
	margin:0 0 14px;
}
.container.voice_single02 .inner .main_wp .content {
	font-size:16px;
	line-height:2;
	margin:0 0 30px;
}
.container.voice_single02 .inner .main_wp .content .img_wp {
	width:45%;
	width:max-content;
	margin:0 auto 50px;
	border:solid 10px #e5e5e5;
	line-height:0;
}
.container.voice_single02 .inner .main_wp .content .img_wp img {
	width:auto;
	height:100%;
	max-height:650px;
}
.container.voice_single02 .inner .main_wp .content h4 {
	font-size:18px;
	background-color:#fff6ea;
	width:14em;
	padding:0.5em 1.5em 0.5em 0.5em;
	color:#ff5d1f;
	font-weight:600;
}
.container.voice_single02 .inner .main_wp .content p {
	padding:25px 5px;
	font-size:18px;
}
.container.voice_single02 .inner .dtl_btn {
	display:block;
	width:80%;
	max-width:550px;
	background-color:#fff;
	text-align:center;
	font-size:22px;
	font-weight:600;
	line-height:1;
	margin:0 auto;
	padding:1em 0 1.2em;
	border-radius:60px;
	position:relative;
	border:solid 3px #229907;
}
.container.voice_single02 .inner .dtl_btn::after {
	content:"▼";
	position:absolute;
	left:18px;
	font-size:0.8em;
	transform:rotateZ(90deg);
	margin:auto 0;
	top:-50%;
	bottom:-50%;
	line-height:0;
	width:1em;
	height:1em;
	color:#229907;
}
.container.voice_single02 .inner .main_wp .tags {
	display:flex;
	border-top:solid 1px #000;
		margin:0 0 35px;
	padding:35px 0;
	flex-wrap:wrap;
}
.container.voice_single02 .inner .main_wp .tags li {margin:0 0.3em 0.5em;}
.container.voice_single02 .inner .main_wp .tags li a {
	display:block;
	background-color:#ff672c;
	color:#fff;
	border-radius:50vw;
	padding:0 1em 0.1em;
	font-weight:300;
}


/*▼▼　お客様の声一覧　▼▼*/
.container.voice_list01 .inner {
	width:100%;
	max-width:1200px;
	margin:70px auto 80px;
}
.container.voice_list01 .inner h2 {
	text-align:center;
	font-size:36px;
	color:#ff671c;
	font-weight:700;
	margin:0 0 40px;
}
.container.voice_list01 .inner h2 span {
	font-size:0.67em;
	display:block;
	color:#ffb621;
	font-weight:900;
}
.container.voice_list01 .inner h3 {
	font-size:38px;
	font-weight:700;
	border-bottom:dotted 5px #f2982a;
	margin:0 auto 35px;
	padding:0 0 0.4em;
	width:9em;
	width:fit-content;
	text-align:center;
}
.container.voice_list01 .inner p {
	text-align:center;
	font-size:18px;
	line-height:1.8;
}
.container.voice_list02 .inner {
	margin:0 auto 80px;
	width:100%;
	max-width:1300px;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.container.voice_list02 .inner .main_wp {flex:0.95;}
.container.voice_list02 .inner .list_header {
	border-bottom:solid 1px #000;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.container.voice_list02 .inner .list_header .num {margin:0 0 1.5em;}
.container.voice_list02 .inner .list_header .num br {display:none;}
.container.voice_list02 .inner .list_header .sort {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0 0 1.5em;
}
.container.voice_list02 .inner .list_header .sort.off {display:none;}
.container.voice_list02 .inner .list_header .sort p {width:100%;}
.container.voice_list02 .inner .list_header .sort select {
	width:auto;
	min-width:14em;
	margin:0 0 0 1em;
}
.container.voice_list02 .inner .list_header .tag_name {
	text-align:right;
	margin:0 0 1.5em;
}
.container.voice_list02 .inner .list_header .tag_name.off {display:none;}
.container.voice_list02 .inner .list_header .tag_name p {
	width:100%;
	font-feature-settings:'palt';
}

.container.voice_list02 .inner .list_wp {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
.container.voice_list02 .inner .list_wp {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	margin:45px auto 0;
}
.container.voice_list02 .inner .list_wp li {
	width:31%;
	margin:0 0 1em;
}
.container.voice_list02 .inner .list_wp::after {
	content:"";
	width:31%;
}
.container.voice_list02 .inner .list_wp li a .wp .img_wp {
	display:block;
	width:100%;
	border:solid 10px #f1f4f7;
	height:auto;
	aspect-ratio:3 / 2;
	overflow:hidden;
	margin:0 0 1em;
}
.container.voice_list02 .inner .list_wp li a .wp h3 {
	font-size:20px;
	margin:0 0 0.5em;
}
.container.voice_list02 .inner .list_wp li a .wp .tag {
	display:block;
	border-radius:3px;
	background-color:#eee;
	width:fit-content;
	line-height:1;
	padding:0.3em 1em 0.4em;
	font-weight:500;
}
.container.voice_list02 .inner .list_wp li a .wp .tag.item01 {
	background-color:#ff5d1f;
	color:#fff;
}
.container.voice_list02 .inner .list_wp li a .wp .tag.item02 {
	background-color:#15b500;
	color:#fff;
}

/* ページャー */
#pager {display:none;}
#pager:has( nav ) {
	display:block;
	background-color:#f1f5f8;
	margin:50px 0 0;
	padding:1.5em 1em;
}
#pager nav h2 {display:none;}
#pager nav .nav-links {
	display:flex;
	justify-content:center;
	align-items:center;
}
#pager nav .nav-links span {
	background-color:#ff671c;
	color:#fff;
	width:2em;
	height:auto;
	aspect-ratio:1;
	border-radius:50vw;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1;
	font-size:1.2em;
	margin:0 0.25em;
}
#pager nav .nav-links a {
	background-color:#fff;
	width:2em;
	height:auto;
	aspect-ratio:1;
	border-radius:50vw;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1;
	font-size:1.2em;
	margin:0 0.25em;
	padding:0;
	border:none;
}

/*---▼フッターお客様の声▼---*/
.container.ft_voice {
	padding:80px 0;
	background-color:#fff6ea;
}
.container.ft_voice .inner h2 {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	font-weight:700;
	font-size:38px;
	position:relative;
	width:fit-content;
	border-bottom:dotted 5px #f2982a;
	margin:0 auto 14px;
	padding:0 0 0.4em;
}

.container.ft_voice .inner h2 span {
	font-size:18px;
	position:relative;
	margin:0 0 3px;
}
.container.ft_voice .inner h2 span::before {
	content:"";
	display:block;
	width:10px;
	height:16px;
	position:absolute;
	left:-0.7em;
	bottom:-0.1em;
	background:url('https://www.keio1-kyuto.com/wp-content/themes/keio1-kyuto/assets/images/mark01a.png') no-repeat;
	background-size:contain;
}
.container.ft_voice .inner h2 span::after {
	content:"";
	display:block;
	width:10px;
	height:16px;
	position:absolute;
	right:-0.7em;
	bottom:-0.1em;
	background:url('https://www.keio1-kyuto.com/wp-content/themes/keio1-kyuto/assets/images/mark01b.png') no-repeat;
	background-size:contain;
}
.container.ft_voice .inner h2 img {width:156px;}
.container.ft_voice .inner .dtl_btn {
	display:block;
	width:20em;
	background-color:#229907;
	color:#fff;
	text-align:center;
	font-size:22px;
	line-height:1;
	margin:0 auto;
	padding:1em 0 1.2em;
	border-radius:60px;
	position:relative;
}
.container.ft_voice .inner .dtl_btn::after {
	content:"▼";
	position:absolute;
	right:18px;
	font-size:0.8em;
	transform:rotateZ(-90deg);
	margin:auto 0;
	top:-50%;
	bottom:-50%;
	line-height:0;
	width:1em;
	height:1em;
}
.container.ft_voice .inner .list {
	display:flex;
	width:100%;
	max-width:1100px;
	margin:60px auto 20px;
	justify-content:space-between;
	align-items:flex-start;
	flex-direction:row-reverse;
}
.container.ft_voice .inner .list li {
	width:30%;
	max-width:330px;
	text-align:center;
}
.container.ft_voice .inner .list li a {
	display:flex;
	justify-content:stretch;
	align-content:space-between;
	width:100%;
	flex-direction:column;
	position:relative;
	z-index:10;
}
.container.ft_voice .inner .list li a .thumbnail {
	width:100%;
	height:400px;
	position:relative;
	z-index:10;
	margin:0 0 20px;
	background-color:#fff;
}
.container.ft_voice .inner .list li a .thumbnail img {
	width:auto;
	height:100%;
	object-fit:cover;
}
.container.ft_voice .inner .list li a h3 {
	text-align:center;
	font-size:20px;
	font-weight:400;
	color:#fff;
	background-color:#165097;
	padding:1em 0;
	position:absolute;
	bottom:0;
	width:100%;
	line-height:1;
}
.container.ft_voice .inner .list li a .tag {
	display:block;
	border-radius:3px;
	background-color:#eee;
	width:fit-content;
	line-height:1;
	padding:0.3em 1em 0.4em;
	font-weight:500;
}
.container.ft_voice .inner .list li a .tag.item01 {
	background-color:#ff5d1f;
	color:#fff;
}
.container.ft_voice .inner .list li a .tag.item02 {
	background-color:#15b500;
	color:#fff;
}


/*▼▼　サイドバータグ表示　▼▼*/
.container .inner .side_wp .wp_taglist .works_wp,
.container .inner .side_wp .wp_taglist .news_wp {display:none;}
/*▼▼　サイドバータグ表示　▼▼*/
.container .inner .side_wp .wp_works {display:none;}



/* メディアクエリ
------------------------------------------------------------------*/
@media print, screen and (max-width:1300px){
	/*▼▼　お客様の声記事　▼▼*/
	.container.voice_single02 .inner {padding:0 25px;}
	.container.voice_single02 .inner .main_wp .content .img_wp {width:100%;}

	/*▼▼　お客様の声一覧　▼▼*/
	.container.voice_list02 .inner {padding:0 25px;}
}
@media print, screen and (max-width:1200px){
	.container.voice_list02 .inner .list_wp li {
		width:48%;
		margin:0 0 3em;
	}
}
@media print, screen and (max-width:1100px){
	/*---▼フッターお客様の声▼---*/
	.container.ft_voice .inner .list {padding:0 25px;}
	.container.ft_voice .inner .list li a .thumbnail {
		height:fit-content;
		aspect-ratio:2 / 2.4;
	}
}
@media print, screen and (max-width:1000px){
	/*▼▼　お客様の声記事　▼▼*/
	.container.voice_single01,
	.container.voice_single02 {padding:0 25px;}
	.container.voice_single02 .inner .main_wp h3 {font-size:3.4vw;}
	.container.voice_single02 .inner .main_wp .date {font-size:1.4vw;}
	.container.voice_single02 .inner .main_wp .content {font-size:1.6vw;}
	.container.voice_single02 .inner .main_wp .content h4 {font-size:2vw;}
	.container.voice_single02 .inner .main_wp .content p {
		font-size:2vw;
		padding:1.5vw 0.5vw;
	}

	/*▼▼　お客様の声一覧　▼▼*/
	.container.voice_list02 .inner .main_wp a .wp {flex:0.9;}
	.container.voice_list02 .inner .main_wp a .wp h3 {font-size:3.2vw;}
	.container.voice_list02 .inner .list_header {
		padding: 0 0 0.8em;
		align-items:flex-end;
	}
	.container.voice_list02 .inner .list_header .num {margin: 0 0 0.8em;}
	.container.voice_list02 .inner .list_header .sort {
		flex-direction: column;
		justify-content: flex-end;
		margin:0;
	}
	.container.voice_list02 .inner .list_header .sort p {
		text-align: right;
		padding: 0 0 0.5em;
	}
}
@media print, screen and (max-width:768px){
	.container {overflow:initial;}

	/*▼▼　お客様の声記事　▼▼*/
	.container.voice_single01,
	.container.voice_single02 {padding:0 2.5vw;}

	.container.voice_single01 .inner {margin:15vw auto 10vw;}
	.container.voice_single01 .inner h2 {
		font-size:8vw;
		margin:0 0 1.2em;
	}
	.container.voice_single01 .inner p {
		font-size:4.2vw;
		text-align:left;
	}
	.container.voice_single02 .inner {
		margin:0 auto 5vw;
		padding:0;
		flex-wrap:wrap;
	}
	.container.voice_single02 .inner .main_wp {
		flex:unset;
		width:100%;
		margin:0 0 12vw;
	}
	.container.voice_single02 .inner .main_wp h3 {
		font-size:6.4vw;
		margin:0 0 0.2em;
	}
	.container.voice_single02 .inner .main_wp h3 span {
		font-size:3.2vw;
		margin:0 0 0 1em;
		padding:0.1em 0.8em 0.2em;
	}
	.container.voice_single02 .inner .main_wp .date {font-size:3.2vw;}
	.container.voice_single02 .inner .main_wp .date {
		font-size:3.2vw;
		margin:0 0 0.8em;
	}
	.container.voice_single02 .inner .main_wp .content {
		font-size:4.2vw;
		line-height:1.6;
		margin:0 0 12vw;
	}
	.container.voice_single02 .inner .main_wp .content a {
		width:60%;
		margin:0 auto 1em;
	}
	.container.voice_single02 .inner h3 {
		font-size:5.4vw;
		padding:0.6em 1em;
	}
	.container.voice_single02 .inner p {
		margin:0 0 2.5em 0.8em;
		font-size:4.2vw;
		line-height:2;
	}
	.container.voice_single02 .inner .dtl_btn {
		width:90%;
		font-size:5.4vw;
		padding:0.8em 0 1em;
	}
	.container.voice_single02 .inner .dtl_btn {font-size:4.8vw;}

	.container.voice_single02 .inner .main_wp .content .img_wp {
		width:90%;
		margin:0 auto 12vw;
	}
	.container.voice_single02 .inner .main_wp .content .img_wp img {
		width:100%;
		height:auto;
		max-height:unset;
	}
	.container.voice_single02 .inner .main_wp .content h4 {font-size:4.2vw;}
	.container.voice_single02 .inner .main_wp .content p {
		font-size:4.2vw;
		padding:0;
		margin:0.5em 0;
	}
	.container.voice_single02 .inner .main_wp .tags {
		padding:6vw 0;
		margin:0 0 6vw;
	}
	.container.voice_single02 .inner .main_wp .tags li a {
		font-size:3.8vw;
		padding:0.1em 1em 0.3em;
	}

	/*---▼フッターお客様の声▼---*/
	.container.ft_voice {padding:15vw 0;}
	.container.ft_voice .inner h2 {
		font-size:6.4vw;
		margin:0 auto 0.2em;
	}
	.container.ft_voice .inner .list {
		padding:0 2.5vw;
		margin:12vw auto 0;
		flex-wrap:wrap;
		justify-content:center;
	}
	.container.ft_voice .inner .list li {
		width:46%;
		margin:0 2% 8vw;
	}
	.container.ft_voice .inner .list li a .thumbnail {margin:0 0 2.5vw;}
	.container.ft_voice .inner .list li a h3 {
		font-size:3.5vw;
		padding:0.7em 0.5em;
	}

	/*▼▼　お客様の声一覧　▼▼*/
	.container.voice_list01,
	.container.voice_list02 {padding:0 2.5vw;}
	.container.voice_list01 .inner {margin:15vw auto 10vw;}
	.container.voice_list01 .inner h2 {
		font-size:8vw;
		margin:0 0 1.2em;
	}
	.container.voice_list01 .inner h3 {
		font-size:6.4vw;
		margin:0 auto 1.5em;
	}
	.container.voice_list01 .inner p {
		font-size:4.2vw;
		text-align:left;
	}
	.container.voice_list01 .inner p br {display:none;}

	.container.voice_list02 .inner {
		margin:0 auto 5vw;
		padding:0;
		flex-wrap:wrap;
	}
	.container.voice_list02 .inner .main_wp {
		flex:unset;
		width:100%;
		margin:0 0 20vw;
	}
	.container.voice_list02 .inner .main_wp a {padding:5vw 0;}
	.container.voice_list02 .inner .main_wp a .wp {
		flex:unset;
		width:100%;
	}
	.container.voice_list02 .inner .main_wp a .wp .date {font-size:3.8vw;}
	.container.voice_list02 .inner .main_wp a .wp h3 {font-size:5.4vw;}
	.container.voice_list02 .inner .main_wp a .link {margin:10px 0 0 auto;}
	.container.voice_list02 .inner .main_wp a {padding:8vw 0 3vw;}

	.container.voice_list02 .inner .list_header {
		display:block;
		padding:0 0 0.8em;
	}
	.container.voice_list02 .inner .list_header .num {
		text-align:center;
		margin:0 0 0.5em;
	}
	.container.voice_list02 .inner .list_header .sort {
		margin:0;
		justify-content:center;
		flex-direction:unset;
	}
	.container.voice_list02 .inner .list_header .sort p {
		width:auto;
		font-size:4.2vw;
		padding:0;
	}
	.container.voice_list02 .inner .list_header .sort select {
		font-size:4.2vw;
		padding:1.2vw;
		min-width:unset;
	}
	.container.voice_list02 .inner .list_header .tag_name {
		margin:0;
		text-align:center;
	}
	.container.voice_list02 .inner .list_wp {margin:5vw auto 0;}
	.container.voice_list02 .inner .list_wp li {margin:0 0 7vw;}
	.container.voice_list02 .inner .list_wp li a .wp .img_wp {
		border-width:7px;
		margin:0 0 2.4vw;
	}

	.container.voice_list02 .inner .list_wp li a .wp h3 {font-size:4.2vw;}
	.container.voice_list02 .inner .list_wp li a .wp .tag.item01 {font-size:3.2vw;}
	#pager:has( nav ) {
		margin:5vw 0 0;
		padding:1em;
	}
}