@charset "utf-8";
.sp{
display:none;
}
.pc{
display:block;
}



/* カテゴリ */
.category_sort_button .item{
width:calc(100% / 6);
}

/* 一覧 */
.h2Tit_05 {
font-size: 1.875em;
font-weight: 600;
position: relative;
padding-bottom: 0.7em;
margin-bottom: 1em;
}
.h2Tit_05:after {
position: absolute;
content: "";
width: 2em;
height: 100%;
border-bottom: 0.267em solid #FFA460;
bottom: 0;
top: 0;
right: 0;
left: 0;
}

.wpLists .card{
/* max-width:950px; */
max-width:1200px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.wpLists .card .item1{
width:30%;
box-sizing: border-box;
margin-bottom: 3em;
box-shadow: 1px 1px 6px #0002;
display: flex;
flex-direction: column;
justify-content: space-between;
background: #fff;
}
.wpLists .card::after{
content:"";
display: block;
width:30%;
}



.wpLists .innerWrap .card li h3 {
font-size: 1.3em;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1.5;
margin-bottom: 0.5em;
padding: 1.2em 5% 1em;
}

.wpLists .innerWrap .card li .cat{
margin: 0 10% 1.5em;
}
.wpLists .innerWrap .card li .cat li{
margin:1em 0 1.5em 1em;
pointer-events: none;

background: #FFA460;
padding: 0.5em 1em;
font-size: 0.7em;
display: inline;

font-size: 0.875em;
font-weight: 500;
color: #fff;
text-align: center;

border-radius: 0.3em;
position: relative;
transition: ease-in-out 0.2s;
box-sizing: border-box;
}
.wpLists .innerWrap .card li .cat li:first-child{
margin:1em 0 1.5em 0;
}

.wpLists .innerWrap .card li p {
font-size: 0.75em;
line-height: 2.2;
margin-bottom:1em;
padding: 0 10%;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.wpLists .innerWrap .card li a {
  display: block;
  font-size: 0.875em;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: #0E80AE;
  padding: 1.1em 1em;
  margin: 0 10% 2.4em;
  border-radius: 0.3em;
  position: relative;
  transition: ease-in-out 0.2s;
  box-sizing: border-box;
}

.wpLists .innerWrap .card li a:after {
  position: absolute;
  content: "";
  background: url(../img/w-paper/download_micon.png)no-repeat;
  background-size: contain;
  width: 1.4em;
  height: 1.2em;
  right: 2.5em;
  top: 50%;
  transform: translateY(-50%);
}

.wpLists .innerWrap .card li a:hover {
  transform: translateY(-4px);
  filter: drop-shadow(0px 4px 0px #095371);
}

.wpLists .innerWrap .card li a:hover:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 101%;
  height: 100%;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
  background-size: 200% 200%;
  animation: reflect 0.3s ease-in-out;
  animation-delay: 0.1s;
  animation-fill-mode: both;
}
.wpLists:nth-of-type(even) .innerWrap .card li:nth-child(2n) a, 
.wpLists:nth-of-type(odd) .innerWrap .card li:nth-child(2n+1) a{
background: #41BFBE;
}






/*-------------------------------------------------------
1290px以下　必要な場合のみ
-------------------------------------------------------*/
@media screen and (max-width: 1290px){

}



/*-------------------------------------------------------
768px以下
-------------------------------------------------------*/
@media screen and (max-width: 768px){
.sp{
display:block;
}
.pc{
display:none;
}
	
/* 一覧 */
.h2Tit_05 {
font-size: 1.875em;
font-weight: 600;
position: relative;
padding-bottom: 0.7em;
margin-bottom: 1em;
}
.h2Tit_05:after {
position: absolute;
content: "";
width: 2em;
height: 100%;
border-bottom: 0.267em solid #FFA460;
bottom: 0;
top: 0;
right: 0;
left: 0;
}

.wpLists .card{
max-width:90%;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.wpLists .card .item1{
width:100%;
box-sizing: border-box;
margin-bottom: 3em;
box-shadow: 1px 1px 6px #0002;
display: flex;
flex-direction: column;
justify-content: space-between;
background: #fff;
}
.wpLists .card::after{
content:;
}




.wpLists .innerWrap .card li h3 {
font-size: 1.1em;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1.5;
margin-bottom: 1em;
padding: 0.5em 3% 0;
}

.wpLists .innerWrap .card li .cat{
margin: 0 5% 1em;
}
.wpLists .innerWrap .card li .cat li{
margin:0 0 0.5em 1em;
pointer-events: none;
}
.wpLists .innerWrap .card li .cat li:first-child{
margin:1em 0 1em 0;
}

.wpLists .innerWrap .card li p {
padding: 0 5%;
}

.wpLists .innerWrap .card li a {
padding: 1.1em 1em;
margin: 0 5% 2.4em;
}

.wpLists .innerWrap .card li a:after {
}

.wpLists .innerWrap .card li a:hover {
}

.wpLists .innerWrap .card li a:hover:before {
}
.wpLists:nth-of-type(even) .innerWrap .card li:nth-child(2n) a, 
.wpLists:nth-of-type(odd) .innerWrap .card li:nth-child(2n+1) a{
}






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


}