@charset "UTF-8";

.box { padding: 10rem 0; text-align: center; }

.title { padding: 0 0 2em 0; }
	.title img { width: auto; max-width: 100%; }
	.title h2 { font-weight: 800; }
	.title p { padding: 1rem 0 0 0; color:#999; }

.box01 ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px }
	.box01 ul li { width: 15.5%; }

.box02 { background: #eee; }
.box02 .slick-prev, .box02 .slick-next { width: 50px; height: 50px; }
	.box02 .slick-prev:before, .box02 .slick-next:before { font-size: 30px; }
.box02 .slick-dots { bottom: 0; }
	.box02 .slick-dots li button { width: 10px; height:10px; }
	.box02 .slick-dots li button:before { font-size: 10px; line-height: 10px; }

.box03 .slick-list { margin: 0 -10px; }
	.box03 .slick-slide { margin: 0 10px; }

.box03 .slick-prev, .box03 .slick-next { width: 50px; height: 50px; }
	.box03 .slick-prev:before, .box03 .slick-next:before { font-size: 30px; }
.box03 .slick-dots { bottom: 0; }
	.box03 .slick-dots li button { width: 10px; height:10px; }
	.box03 .slick-dots li button:before { font-size: 10px; line-height: 10px; }

.box04 { background: #eee; }
.box04 .slick-list { margin: 0 -10px; }
	.box04 .slick-slide { margin: 0 10px; }

.box04 .slick-prev, .box04 .slick-next { width: 50px; height: 50px; }
	.box04 .slick-prev:before, .box04 .slick-next:before { font-size: 30px; }
.box04 .slick-dots { bottom: 0; }
	.box04 .slick-dots li button { width: 10px; height:10px; }
	.box04 .slick-dots li button:before { font-size: 10px; line-height: 10px; }

@media (max-width:991px) {
	.box { padding: 5rem 0; }

	.box01 ul { gap: 10px }
	.box01 ul li { width: calc(33.3% - 7px); }
}

.popup .modal-content { box-shadow: none; border: 0; border-radius: 0; background: rgba(255, 255, 255, 0.7); }
.popup .modal-footer { display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; font-size: 12px; border: 0; }
.popup .modal-footer:before { display: none; }
.popup .modal-footer:after { display: none; }
 
.mobile_popup{ display:none; }

@media (max-width:767px) {
	.pc_popup{ display: none; }
	.mobile_popup{ display:block; position: fixed; top: 20px; right: 20px; bottom: 0; left: 20px; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
}