@charset "UTF-8";

.header_title h1::before{content: "LINKS";font-size: 3.75rem;color: #fff;width: 100%;text-align: center;line-height: 1.7;font-weight: bold;font-family: 'Shippori Mincho', serif;position: relative;opacity: 0.3;display: block;}

.contents_links .wrapper{max-width: 1180px;padding-top: 70px;}

.links .category_box{padding-bottom: 60px;}
.links .category_box h2{font-size: 25px;font-family: 'Shippori Mincho', serif;margin-bottom: 20px;position: relative;padding: 0 45px;display: inline-block;}
.links .category_box h2::before,.links .category_box h2::after{content: "";width: 30px;height: 2px;display: block;background: #C89E45;position: absolute;top: 50%;transform: translateY(-50%);}
.links .category_box h2::before{left: 0;}
.links .category_box h2::after{right: 0;}

.links ul{border-top: 1px solid #CCC;}
.links ul li{ border-bottom: 1px solid #CCC; }
.links ul li a{position: relative;text-decoration: none;display: block;padding: 18px 20px;color: #006888;}
.links ul li:nth-child(2n) a{background-color:#f0fbff;}
.links ul li a::after{content: "";width: 9px;height: 14px;background: url(../../images/icon_arrow_b.svg) no-repeat;background-size: cover;display: block;right: 20px;top: 50%;transform: translateY(-50%);position: absolute;}

@media screen and (max-width:767px) {
	.contents_links h1::before{font-size: 2.125rem;}
	.contents_links .wrapper{padding-top: 35px;padding-bottom: 20px;}
	.links .category_box{padding-bottom: 30px;}
	.links .category_box h2{font-size: 1.25rem;}
	.links ul li a{font-size: 0.875rem;padding: 18px 40px 17px 10px;}
	.links ul li a::after{width: 6px;height: 11px;}
}

@media screen and (min-width:1081px) {
	.links ul li a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.links ul li a:hover{background-color:#dbf2fb;}
}