@charset "utf-8";

#sponsor {
	.wrap {
		.contents {
			h2 {
				margin-bottom:1em;
			}
			.pr1 {
				margin-bottom:2em;
			}
			.gallery {
				margin-bottom:60px;
				.gl_slider {
					margin:0;
					.slide {
						padding:10px 15px;
						img {
							display:block;
							width: 100%;
							aspect-ratio:3/2;
							object-fit:contain;
							box-shadow:0px 3px 6px rgba(0,0,0,.15);
						}
					}
				}
				.slick-arrow {
					width:30px;
					height:30px;
					top:45%;
					z-index:1;
					&::before {
						content:none;
					}
					&.slick-next {
						right:-20px;
						background:url(../img/common/arrow_next.svg) no-repeat center center/contain;
					}
					&.slick-prev {
						left:-20px;
						background:url(../img/common/arrow_prev.svg) no-repeat center center/contain;
					}
				}
				.slick-dots {
					position:relative;
					bottom:auto;
					margin-top:20px;
					li {
						width:14px;
						height:14px;
						margin:0 8px;
						button {
							width:14px;
							height:14px;
							padding:0;
							background-color:#CCCDD0;
							border-radius:50%;
							&::before {
								content:none;
							}
						}
						&.slick-active {
							button {
								background-color:var(--color_base);
							}
						}
					}
				}
			}
			.prs {
				h3 {
                    font-size: 2.8rem;
                    color: var(--color_base);
                    /* border: 5px solid var(--color_base); */
                    padding: .25em;
                    margin-bottom: 1em;
					text-align: center;
				}
				dl {
					font-size:1.8rem;
					display:grid;
					grid-template-columns:8em 1fr;
					grid-gap:5px;
					display:grid;
					dt {
						background-color:var(--color_base);
						color:#FFFFFF;
						padding:.75em;
						text-align:center;
						font-weight:600;
						line-height:1.5;
						display:grid;
						align-items:center;
					}
					dd {
						background-color:#EFEFEF;
						padding:.75em;
						line-height:1.5;
						&.sns {
							display:flex;
							column-gap:15px;
							a {
								img {
									display:block;
									width:40px;
								}
							}
						}
						.btn {
							background-color:#cc0000;
							color:#FFFFFF;
							font-size:.8em;
							display:inline-grid;
							grid-template-columns:auto auto;
							line-height:1;
							align-items:center;
							padding:.2em .33em .2em .66em;
							border-radius:4px;
							margin-left:.5em;
							img {
								width:1.33em;
							}
						}
					}
				}
			}
		}
	}
}

@media (hover: hover) {

}

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

}

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

#sponsor {
	.wrap {
		.contents {
			.pr1 {
				margin-bottom:1em;
			}
			.gallery {
				margin-bottom:30px;
				.slick-arrow {
					width:20px;
					height:20px;
					&.slick-next {
						right:-10px;
					}
					&.slick-prev {
						left:-10px;
					}
				}
				.slick-dots {
					margin-top:10px;
					li {
						width:10px;
						height:10px;
						margin:0 5px;
						button {
							width:10px;
							height:10px;
						}
					}
				}
			}
			.prs {
				h3 {
					font-size:2.0rem;
				}
				dl {
					font-size:1.4rem;
					grid-template-columns:1fr;
					dd {
						&:not(:last-child) {
						text-align:center;
						}
						&.sns {
							justify-content:center;
						}
					}
				}
			}
		}
	}
}
	
}