@charset "utf-8";
/* Voice */
header .content #linkBox ul li:nth-of-type(3) a {color: #c3ba7f;}
footer .col2 .link .link1 li:nth-of-type(3) a {color: #c3ba7f;}

main .flexBox {justify-content: flex-start;}
main .container .list li {width: 30%; letter-spacing: 0.1em; margin-bottom: 6%;margin-right:5%;}
main .container .list li:nth-of-type(3n) {margin-right:0;}
main .container .list li a .img {position: relative; margin-bottom: 20px;}
main .container .list li a .img p {background: #fff; position: absolute; left: 0; bottom: 0; font-size: 1.8rem; font-weight: bold; padding: 10px 15px 0 0;}
main .container .list li a .txt {line-height: 2;}
main .container .list li a .txt p:nth-of-type(1) {font-size: 1.4rem;}
main .container .list li a .txt p:nth-of-type(2) {font-size: 1.2rem;}
main .container .list li a .txt p:nth-of-type(3) {font-size: 2rem; font-weight: bold;}
main .container .list li a .txt p:nth-of-type(3) span {font-size: 1.4rem; font-weight: normal;}
main .container .list li a .viewMore {font-size: 1.4rem; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 0.1em; display: block; max-width: 250px; width: 100%; margin: 20px auto 0; padding: 10px 0; text-align: center; font-weight: bold; border: 1px solid #000; border-radius: 100px; line-height: 1; background: url(../images/common/ic_arr.png) no-repeat; background-position: center right 20px; transition: all 0.2s ease-in-out}
main .container .list li a .viewMore:hover {background-color: #000; background-image: url(../images/common/ic_arr_white.png); color: #fff; background-position: center right 5px;}
main .container .list li a:hover .viewMore {background-color: #000; background-image: url(../images/common/ic_arr_white.png); color: #fff; background-position: center right 5px;}
main .container .list li a .txt {line-height: 1.8;}
main .container .pagination {text-align: center;}

@media (max-width: 1199px) {
	main .container .list li a .img p {font-size: 1.4rem; padding: 2% 2% 0 0;}
}

@media (max-width: 767px) {	
	.titH3 {text-align: left;}	
	main .container .list {margin-bottom: 20px;}	
	main .container .list li {width: 47%; margin-bottom: 6%;}
	main .container .list li:nth-of-type(3n) {margin-right:6%;}
	main .container .list li:nth-of-type(2n) {margin-right:0;}	
	
	main .container .list li a .img {margin-bottom: 10px;}
	main .container .list li a .img p {font-size: 4vw; position: static; padding: 0; margin-top: 10px;}
	main .container .list li a .topBtn {width: 100%; margin: 10px auto 0;}
	main .container .list li a .txt p:nth-of-type(1) {font-size: 1.2rem;}
	main .container .list li a .txt p:nth-of-type(2) {font-size: 1rem;}
	main .container .list li a .txt p:nth-of-type(3) {font-size: 1.6rem;}
	main .container .list li a .txt p:nth-of-type(3) span {font-size: 1.2rem;}
}

.bnr{display: flex; justify-content: center; padding-top: 40px;}
.bnr li{margin: 0 10px;}
.bnr a:hover{opacity: .8;}

@media (max-width: 767px) {	
    .bnr{display: block; max-width: 468px;  margin: 0 auto;}
    .bnr li{margin: 0 0 10px;}
}