/* 2023.02.15 追記
---------------------------------------------------------- */

.mb40 {
    margin-bottom: 40px !important;
}

.a3InboxTxt:nth-child(2) {
    padding: 0;
}

/* a.pattern_btn {
    max-width: 260px;
    padding: 0 1%;
} */

.gray_contents_sec_2 {
    /* background-color: unset!important; */
}
.q5HSunit h5 {
	text-align: center;
	font-size: 20px;
	margin-top: 40px;
}
.q5HSunit p.special_equipment {
	text-align: left;
	font-size: 1.4rem;
}

@media screen and (max-width: 500px){
    #pattern h3 img {
        height: 1.7rem;
    }
	.q5HSunit h5 {
		text-align: left;
	font-size: 4.0vw;
	}
}


/* slider
---------------------------------------------------------- */
#mainSlide1, #mainSlide2 {
    width: 90%;
    margin: 3% 0 0 5%;
}
#mainSlide1 li, #mainSlide2 li {
    margin: 0 2%;
}
#mainSlide1 li a, #mainSlide2 li a {
    display: block;
    max-width: 260px;
    border: 1px solid #000;
    text-align: center;
    margin-top: 4%;
    padding: 3% 0;
}
@media screen and (max-width: 500px){
    #mainSlide1, #mainSlide2 {
        width: 100%;
        margin: 5% 0 0 0;
    }
    #mainSlide1 li, #mainSlide2 li {
        width: 99%;
        margin: 0 1%;
    }
    #mainSlide1 li a, #mainSlide2 li a {
        max-width: 100%;
    }
}

button.slide-arrow {
    position: absolute;
    top: 25%;
    width: 5%!important;
    aspect-ratio: 32 / 90;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
}

.prev-arrow {
    left: -7%;
}
.next-arrow {
    right: -7%;
}
.slick-disabled {
    opacity: 0.5;
}
@media screen and (max-width: 500px){
    button.slide-arrow {
        display: none!important;
    }
}

.slick-dots {
    bottom: -10%!important;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center!important;
}
.slick-dots li {
    display: block!important;
    width: unset!important;
    height: unset!important;
    margin: 0!important;
}
.slick-dots li button:before,
.slick-dots li.slick-active button:before {
    font-size: 3vh!important;
}