@charset "utf-8";
/* ==================================================
		
		bk

================================================== */
 /* --------------------------------------------------
		anime
-------------------------------------------------- */
.articleList li:first-of-type.artbox.anime{
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}
.articleList li:nth-of-type(2).artbox.anime{
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.articleList li:nth-of-type(3).artbox.anime{
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}
.articleList li:nth-of-type(4).artbox.anime{
 -webkit-transition-delay: 0.7s;
 transition-delay: 0.7s;
}
.articleList li:nth-of-type(5).artbox.anime{
 -webkit-transition-delay: 0.8s;
 transition-delay: 0.8s;
}
.articleList li:nth-of-type(6).artbox.anime{
 -webkit-transition-delay: 0.9s;
 transition-delay: 0.9s;
}
.articleList li:nth-of-type(7).artbox.anime{
 -webkit-transition-delay: 1s;
 transition-delay: 1s;
}
.articleList li:nth-of-type(8).artbox.anime{
 -webkit-transition-delay: 1.1s;
 transition-delay: 1.1s;
}
.articleList li:nth-of-type(9).artbox.anime{
 -webkit-transition-delay: 1.2s;
 transition-delay: 1.2s;
}
.issuebtn.artbox.anime {
 -webkit-transition-delay: 0.1s;
 transition-delay: 0.1s;
}

 /* --------------------------------------------------
		.issuebtn
-------------------------------------------------- */
.issuebtn.anime .issuebtn-inner li {
 left: 0;
}

 /* --------------------------------------------------
		.ttl01
-------------------------------------------------- */
.ttl01 {
 margin: 0 auto;
 padding: 0 77px 62px;
}

/* --------------------------------------------------
		artlist
-------------------------------------------------- */
.articleList {
 display: flex;
 flex-wrap: wrap;
}
.artlist {
 margin: 0 auto 70px;
 padding: 0 77px;
}
.articleList li {
 width: 22.7%;
 margin: 3.92% 0 0 1.7%;
 padding: 30px 12px;
}
.articleList li:nth-child(n+5) {
 margin-top: 1.7%;
}
.articleList li:first-of-type, 
.articleList li:nth-child(4n + 1):not(:nth-child(-n + 4)) {
 margin-left: 3.92%;
}
.artlist .articleList li .img {
 padding: 0 7.13%;
}
.artlist .articleList li .img img {
 border: 1px solid #dedede;
}
.artlist .articleList li .txt {
 display: block;
 font-size: 1.8rem;
 letter-spacing: -0.6px;
 line-height: 1.58;
 font-weight: 500;
 text-align: center;
 padding: 16px 0 10px;
}
.artlist .articleList li .txt span {
 display: block;
 font-size: 2rem;
 line-height: 1.3;
}
.articleList li:last-of-type {
 position: relative;
 padding: 80px 20px;
}
.articleList li:last-of-type .txt {
 width: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
.articleList li:last-of-type .txt {}
.articleList li:last-of-type .txt a:link, 
.articleList li:last-of-type .txt a:visited {
 text-decoration: underline;
}
.articleList li:last-of-type .txt a:hover {
 text-decoration: none;
}

 /* --------------------------------------------------
		.backbtn
-------------------------------------------------- */
.backbtn {
 text-align: center;
}
.backbtn .backbtn-inner {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: center;
}
.backbtn .backbtn-inner li {
 width: 129px;
 opacity: 1;
 position: relative;
 -webkit-transition: 1s ease-out;
 transition: 1s ease-out;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
 -webkit-transition-delay: 0.1s;
 transition-delay: 0.1s;
 margin: 0;
 padding: 10px 5px 0 0;
 box-sizing: content-box;
}
.backbtn .backbtn-inner li:last-of-type {
 padding-left: 5px;
}
.backbtn .backbtn-inner li a {
 background: #d70303;
 border: 2px solid #d70303;
 border-radius: 50px;
 font-size: 1.6rem;
 letter-spacing: 0.5px;
 color: #ffffff;
 display: block;
 padding: 12px 26px 19px 0;
}
.backbtn .backbtn-inner li:last-of-type a .iconpdf {
 fill: #ffffff;
 display: inline-block;
 width: 24px;
 height: 23px;
 position: relative;
 top: 5px;
 left: -6px;
}
.backbtn .backbtn-inner li a:hover {
 color: #d70303;
 background: #ffffff;
}
.backbtn .backbtn-inner li a:hover .iconpdf {
 fill: #d70303;
}
.backbtn.anime .backbtn-inner li {
 opacity: 1;
 right: 0;
}
.iconArrowRight03 {
 width: 33px;
 height: 10px;
 fill: #ffffff;
 position: relative;
 top: 50%;
 left: 50%;
 margin: -18px 0 0 26px;
}
.backbtn .backbtn-inner li:last-of-type a .iconArrowRight03 {
 margin: -18px 0 0 20px;
}
a:hover .iconArrowRight03 {
 fill: #d70303;
}


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


@media screen and (max-width: 1024px) {
 /* --------------------------------------------------
		.ttl01
-------------------------------------------------- */
.ttl01 {
 padding: 0 20px;
 margin-bottom: 40px;
}
 
 /* --------------------------------------------------
		artlist
-------------------------------------------------- */
.artlist {
 padding: 0 20px 30px;
 margin: 0;
}
.artlist .articleList li {
 width: 46%;
 margin: 3.92% 0 0 3.92%;
}
.articleList li:nth-child(n+5),
.articleList li:first-of-type, 
.articleList li:nth-child(4n + 1):not(:nth-child(-n + 4)) {
 margin: 3.92% 0 0 3.92%;
}
.artlist .articleList li .txt {
 font-size: 1.7rem;
}
.artlist .articleList li .txt span {
 font-size: 1.8rem;
}

 /* --------------------------------------------------
		.backbtn
-------------------------------------------------- */
.backbtn .backbtn-inner li {
 width: 50%;
}
.backbtn .backbtn-inner li a{
 padding: 7px 16px 15px 0;
}
.iconArrowRight03 {
 margin: -16px 0 0 24px;
 float: none;
}
.backbtn .backbtn-inner li:last-of-type a .iconArrowRight03 {
	margin: -16px 0 0 16px;
} 
 
}


@media screen and (max-width: 750px) {
 /* --------------------------------------------------
		.ttl01
-------------------------------------------------- */
.ttl01 {
 margin: 0;
 padding-bottom: 25px;
}
 
/* --------------------------------------------------
		artlist
-------------------------------------------------- */
.artlist {
 margin: 0;
}
.artlist .articleList {
 margin-top: -3.92%;
}
.artlist .articleList li {
 margin: 4% 2% 0;
 padding: 5px 7px;
}
.articleList li:last-of-type {
 position: relative;
 padding: 10% 10px 20%;
}
.articleList li:nth-child(n+5),
.articleList li:first-of-type, 
.articleList li:nth-child(4n + 1):not(:nth-child(-n + 4)) {
 margin: 4% 2% 0;
}
.artlist .articleList li .img {
 padding: 5% 5% 0 5%;
}
.artlist .articleList li .txt {
 font-size: 1.3rem;
 line-height: 1.5;
 padding: 10px 0 0;
}
.artlist .articleList li .txt span {
 font-size: 1.4rem;
}

 /* --------------------------------------------------
		.backbtn
-------------------------------------------------- */
.backbtn {
 padding: 0 10px 0;
}
.backbtn .backbtn-inner{
 display: block;
 margin: 9px 0 0 0;
}
.backbtn .backbtn-inner li {
 width: 100%;
 padding: 0;
}
.backbtn .backbtn-inner li:last-of-type {
 padding: 3px 0 10px;
}
.backbtn .backbtn-inner li a {
 font-size: 1.4rem;
 padding: 6px 22px 12px 0;
}
.backbtn .backbtn-inner li a .iconpdf {
 width: 20px;
 height: 20px;
 left: -4px;
}
.backbtn.anime {
 margin-bottom: -40px;
} 
.iconArrowRight03 {
 margin: -16px 0 0 22px;
}
.backbtn .backbtn-inner li:last-of-type a .iconArrowRight03 {
 margin: -16px 0 0 15px;
} 
 
}