@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@400;700&display=swap');


@media screen and (max-width:1000px) {
.osaka-nanba h2 {font-size: 20px;margin-top: 30px;}
.osaka-nanba-poke{width: 150px;height: 150px;display: block;margin: 0 auto;margin-top: 20px;}
.osaka-nanba-box2 h4{font-size: 20px;}
.osaka-nanba{margin: 0 auto;font-family: 'M PLUS Rounded 1c';margin-left: 2rem;margin-right: 2rem;}
.osaka-nanba-box p,.osaka-nanba-box2 p{padding: 10px;font-size: 14px;line-height: 2;}
.pc-block{display: none;}
}
@media screen and (min-width:1001px) {
.osaka-nanba-h2 {font-size: 30px;margin-top: 90px;}
.osaka-nanba-box{display: flex;margin: 20px;}
.osaka-nanba-box2{display: flex;align-items: center;justify-content: center;}
.osaka-nanba-box div{width: calc(100%/3);margin: 10px;}
.osaka-nanba-box2-div{width: 50%;margin: 20px;}
.osaka-nanba-poke{width: 180px;height: 180px;display: block;margin: 0 auto;margin-top: 10px;}
.osaka-nanba-box2 h4{font-size: 24px;}
.osaka-nanba{max-width: 1300px;margin: 0 auto;font-family: 'M PLUS Rounded 1c';}
.osaka-nanba-box p,.osaka-nanba-box2 p{padding: 10px;font-size: 16px;line-height: 2;}
.pc-block{display: block;}
}

.osaka-nanba-h2 {position: relative;padding:0.5rem 2rem;border-bottom: 3px solid #000;color: #000;margin-bottom: 30px;}
.osaka-nanba-h2::before,
.osaka-nanba-h2::after {position: absolute;left: 30px;bottom: -15px;width: 30px;height: 15px;clip-path: polygon(0 0, 100% 0, 50% 100%);content: '';}
.osaka-nanba-h2::before {background-color: #000;}
.osaka-nanba-h2::after {bottom: -11px;background-color: #fff;}
.osaka-nanba-box div{width:100%}
.osaka-nanba-box div{width: 100%}
.osaka-nanba video{width: 100%;}
.osaka-nanba iframe{width: 100%;height: 300px;}

.osaka-nanba-box h3 {padding:0.5rem;border-bottom: 3px dashed #FFB027;background-color: #ffffff;color: #333333;font-size: 18px;margin-bottom: 30px;}
.osaka-nanba-box2 h4{position: relative;padding: 1rem;border-radius: 30px;background-color: #000;color: #fff;margin-top: 10px;text-align: center;margin: 0rem 2rem;margin-bottom: 30px;}
.osaka-nanba-box2 h4::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border: 11px solid transparent;border-top: 11px solid #000;}




.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}

.slide {
display: none;
}

.slide-img {
width: 100%;
}

.fade {
animation-name: fade;
animation-duration: 2s;
}

@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active2 {
background-color: #717171;
}