@charset "UTF-8";

#wrapper {
  overflow:inherit;
}
.secttl {
  margin:0 0 40px;
  overflow:hidden;
}
.secttl .inner {
  max-width:1700px;
  margin:0 auto;
  padding:0 50px;
}
.secttl .ttlbox {
  padding:75px 0 90px;
  position:relative;
}
.secttl .bgtxt {
  font-family:roboto-condensed, sans-serif;
  color:#ccc;
  font-size:300px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  position:absolute;
  top:-20px;
  left:120px;
  opacity:.1;
}
.secttl h1 {
  font-family:roboto-condensed, sans-serif;
  color:#222;
  font-size:120px;
  font-weight:700;
  line-height:1;
  width:fit-content;
  position:relative;
}
.secttl h1 .sub {
  font-family: "noto-sans-cjk-jp", sans-serif;
  color:#d95e29;
  font-size:24px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  position:absolute;
  bottom:-30px;
  right:0;
}
.pankuzu {
  display: flex;
}
.pankuzu li {
  color:#363636;
  font-size:16px;
  line-height:1;
  letter-spacing:.05em;
  position:relative;
}
.pankuzu li + li {
  padding-left:32px;
}
.pankuzu li + li::before {
  content:"";
  width:8px;
  height:8px;
  display:block;
  background:url(../img/common/ico_arrow_pankuzu.svg) no-repeat 0 0;
  background-size:100% auto;
  position:absolute;
  top:5px;
  left:12px;
}
.pankuzu li a {
  color:#363636;
  display:inline-block;
  position:relative;
  transition:ease .3s;
}
.pankuzu li a::before {
  content:"";
  width:100%;
  height:1px;
  background:#d95e29;
  display:block;
  position:absolute;
  bottom:-5px;
  left:0;
  transform:scaleX(0);
  transition:ease .3s;
}

#container {
  overflow:hidden;
}
.pageCols {
  width:100%;
  max-width:1300px;
  margin:0 auto;
  padding:0 50px 200px;
  position: relative;
}
.pageContents {
  width:100%;
}
.pageContents section {
  margin:150px 0 0;
}
.pageContents section:first-child {
  margin-top:0 !important;
}
.pageContents section > *:first-child {
  margin-top:0 !important;
}
#information ul.categoryBtn {
  display: flex;
  flex-wrap: wrap;
  margin:0;
}
#information ul.categoryBtn li {
  width:calc(20% - 20px);
  margin:25px 0 0 25px;
}
#information ul.categoryBtn li:nth-child(5n-4) {
  margin-left:0;
}
#information ul.categoryBtn li button,
.infolist .info_box h3.category {
  color:#373737;
  font-size:16px;
  font-weight:700;
  line-height:1.33;
  letter-spacing:.1em;
  width:100%;
  height:60px;
  background:#fff;
  border:solid 1px #fff;
  border-radius:30px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
  display:flex;
  justify-content:center;
  align-items:center;
  transition:ease .3s;
  cursor:pointer;
}

.infolist {
  margin:0 -25px;
  display:flex;
  flex-wrap:wrap;
}
.infolist .info_box {
  width:calc(33.33% - 50px);
  margin:60px 25px 0;
  padding:10px 10px 20px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
  display:block;
  position:relative;
  transition:ease .3s;
}
.infolist .info_box:nth-child(1),
.infolist .info_box:nth-child(2),
.infolist .info_box:nth-child(3) {
  margin-top:70px;
}
.infolist .info_box .image {
  width:100%;
  margin:0;
  overflow:hidden;
}
.infolist .info_box .image img {
  transition:ease .3s;
}
.infolist .info_box .date {
  display:flex;
	align-items: center;
	margin:20px 10px 12px;
}
.infolist .info_box h3.category {
	font-size:12px;
	line-height:1;
  width:auto !important;
  height:auto !important;
	padding:3px 8px 4px;
	background:#fff;
	box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
}
.infolist .info_box h2 {
	font-size:15px;
	line-height:1.66;
	letter-spacing:.05em;
	margin:0 10px;
}
.infolist .info_box .date p {
	font-size:14px;
	line-height:1;
  letter-spacing:.05em;
	margin:0 0 0 10px;
}
.infolist .info_box .pickup {
	width:76px;
	position: absolute;
	top:18px;
	left:-10px;
}

.paging {
  margin:100px 0 0;
}
.paging ul {
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.paging ul li {
  margin:0 10px;
}
.paging ul li a,
.paging ul li.current {
  font-family:roboto-condensed, sans-serif;
  color:#222;
  font-size:20px;
  line-height:1;
  font-weight:700;
  width:50px;
  height:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  border:solid 1px #e4e4e4;
  border-radius:50%;
  transition:ease .3s;
}
.paging ul li.current {
  color:#fff;
  background:#da6634;
  border:solid 1px #da6634;
}


@media screen and (max-width:1580px) {
.secttl {
  margin:0 0 2.53vw;
}
.secttl .inner {
  padding:0 3.16vw;
}
.secttl .ttlbox {
  padding:4.74vw 0 5.69vw;
}
.secttl .bgtxt {
  font-size:18.98vw;
  top:-1.26vw;
  left:7.59vw;
}
.secttl h1 {
  font-size:7.59vw;
}
.secttl h1 .sub {
  font-size:1.51vw;
  bottom:-1.89vw;
}
.pankuzu li {
  font-size:1.01vw;
}
.pankuzu li + li {
  padding-left:2.02vw;
}
.pankuzu li + li::before {
  width:.5vw;
  height:.5vw;
  top:.31vw;
  left:.75vw;
}

}


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

.pageCols {
  padding:0 3.84vw 15.38vw;
}
.pageContents section {
  margin:11.53vw 0 0;
}

#information ul.categoryBtn li {
  width:calc(20% - 1.54vw);
  margin:1.92vw 0 0 1.92vw;
}
#information ul.categoryBtn li button,
.infolist .info_box h3.category {
  font-size:1.23vw;
  height:4.61vw;
  border-radius:2.3vw;
  box-shadow:0 0 1.38vw 0 rgba(0, 0, 0, 0.1);
}
.infolist {
  margin:0 -1.92vw;
}
.infolist .info_box {
  width:calc(33.33% - 3.84vw);
  margin:4.61vw 1.92vw 0;
  padding:.76vw .76vw 1.53vw;
  border-radius:.76vw;
  box-shadow:0 0 1.38vw 0 rgba(0, 0, 0, 0.1);
}
.infolist .info_box:nth-child(1),
.infolist .info_box:nth-child(2),
.infolist .info_box:nth-child(3) {
  margin-top:5.38vw;
}

.infolist .info_box .date {
	margin:1.53vw .76vw .92vw;
}
.infolist .info_box h3.category {
	font-size:.92vw;
	padding:.23vw .61vw .3vw;
	box-shadow:0 0 1.38vw 0 rgba(0, 0, 0, 0.1);
}
.infolist .info_box h2 {
	font-size:1.15vw;
	margin:0 .76vw;
}
.infolist .info_box .date p {
	font-size:1.07vw;
	margin:0 0 0 .76vw;
}
.infolist .info_box .pickup {
	width:5.84vw;
	top:1.38vw;
	left:-.76vw;
}

.paging {
  margin:7.69vw 0 0;
}
.paging ul li {
  margin:0 .76vw;
}
.paging ul li a,
.paging ul li.current {
  font-size:1.53vw;
  width:3.84vw;
  height:3.84vw;
}


}


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

#wrapper {
  overflow:hidden;
}

.secttl {
  margin:0 0 8vw;
}
.secttl .inner {
  padding:0 5.33vw;
}
.secttl .ttlbox {
  padding:10.66vw 0 11.33vw;
}
.secttl .bgtxt {
  font-size:32vw;
  top:0;
  left:9.33vw;
}
.secttl h1 {
  font-size:13.33vw;
}
.secttl h1 .sub {
  font-size:3.2vw;
  bottom:-4vw;
}
.pankuzu li {
  font-size:3.2vw;
}
.pankuzu li + li {
  padding-left:6.66vw;
}
.pankuzu li + li::before {
  width:1.6vw;
  height:1.6vw;
  top:.8vw;
  left:2.4vw;
}

.pageCols {
  margin:0 auto;
  padding:0 5.33vw 26.66vw;
}
.pageContents section {
  margin:18.66vw 0 0;
}
#information ul.categoryBtn {
  justify-content: space-between;
}
#information ul.categoryBtn li {
  width:calc(50% - 2vw);
  margin:5.33vw 0 0;
}
#information ul.categoryBtn li button,
.infolist .info_box h3.category {
  font-size:3.2vw;
  height:10.66vw;
  border-radius:6vw;
  box-shadow:0 0 2.4vw 0 rgba(0, 0, 0, 0.1);
}

.infolist .info_box:nth-child(1),
.infolist .info_box:nth-child(2),
.infolist .info_box:nth-child(3) {
  margin-top:8vw;
}

.infolist {
  margin:0;
}
.infolist .info_box {
  width:100%;
  margin:8vw 0 0;
  padding:2.66vw 2.66vw 4vw;
  border-radius:1.33vw;
  box-shadow:0 0 2.4vw 0 rgba(0, 0, 0, 0.1);
}
.infolist .info_box .date {
	margin:4vw 2.66vw 2vw;
}
.infolist .info_box h3.category {
	font-size:3.2vw;
	padding:.8vw 2.13vw 1.06vw;
	box-shadow:0 0 4.8vw 0 rgba(0, 0, 0, 0.1);
}
.infolist .info_box h2 {
	font-size:3.73vw;
	margin:0 2.66vw;
}
.infolist .info_box .date p {
	font-size:3.46vw;
	margin:0 0 0 2.66vw;
}
.infolist .info_box .pickup {
	width:16.8vw;
	top:4vw;
	left:-2.13vw;
}

.paging {
  margin:16vw 0 0;
}
.paging ul li {
  margin:0 2.66vw;
}
.paging ul li a,
.paging ul li.current {
  font-size:3.73vw;
  width:8vw;
  height:8vw;
}

}


@media (hover: hover) {
.pankuzu li a:hover,
.pankuzu li a:focus {
  color:#d95e29;
}
.pankuzu li a:hover::before,
.pankuzu li a:focus::before {
  transform:scaleX(1);
}

#information ul.categoryBtn li button:hover,
#information ul.categoryBtn li button:focus {
  color:#d95e29;
  border:solid 1px #d95e29;
}

.paging ul li a:hover {
  color:#fff;
  background:#da6634;
  border:solid 1px #da6634;
}

.infolist .info_box {
  background:rgba(255,255,255,.95);
}
.infolist .info_box:hover .image img {
  transform:scale(1.1);
  opacity:.7;
}


}