/* CSS Document */

.pc{
	display:block;
	}

.sp{
	display:none;
	}

#menubtn{
	display:none;
	}
	
#navsp{
	display:none;
	}

a img:hover{
	filter: brightness(120%);
	}

img{
	max-width:100%;
	}
	

@media (max-width: 781px){

.pc{
	display:none;
	}

.sp{
	display:block;
	}
.panf{
	font-size:0.2em!important;
	bottom: auto;
	}

.panf a{
	padding:1px;}

#menubtn{
	display: block;
    width: 95%;
    margin: 0 auto;
    background-color: #246FB5;
    color: #FFF;
    border: none;
    /* float: right; */
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 5px;
	}

.toiawase, .tel{
	float:left;
	}

.title{
	float:none;
	position:relative;
	}	

.naveye{
	padding-bottom:55%!important;
	}
	
.eyetitle{
	max-width:100%;
	max-height:80%;
	}	

.sblock{
	padding:1em 0;
	float:none;
	}
	
	
.tel{
	padding:0;
	}

#navpc{
    padding: 1em;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
	list-style: none;
	padding: 2em 3em;
	float: left;
	}

#navsp{
	display:none;
	list-style:none;
	padding: 0 0.5em;
	color: #246FB5;
	font-weight: bolder;
	}

#navsp li{
	background-color:rgb(255,255,255,0.6);
	border-radius:5px;
	border:none;
	text-align:center;
	margin:5px;
	}

.flex{
	display:block;
	}	
	
.eyetitle {
    top: 50%;
}	
	
.topl, .topr{
	width:100%;
	float:none;
	}	

.bc1 h2, .bcw h2, .bc2 h2{
	font-size:2em;
	}

.bc1 h2:before, .bcw h2:before{
	bottom:auto;
	}

	
.flex2 a img{
	max-width:80%;
	margin:0 auto;
	}

.bc2 h2:before{
	bottom:auto;
	}
	
.bc2l, .bc2r{
	width:100%;
	float:none;
	}

.bc2r li:after{
	display:none;
	}

.news{
	columns:1;
	padding:0;	
	}

.news li{
	padding:0.5em;
	border-bottom:1px solid #666;
	}

.news li:last-child{
	border-bottom:none;
	}

.bc3 .container .flex{
	display:block;
	text-align:center;
	}

.bc3 .container .flex a img{
	max-width:100%;
	margin:0 auto;
	}

.flex2 p span{
	font-size:1em;
	}
	
.banner-container {
        flex-direction: column; /* 縦並びに変更 */
        gap: 1.5em;
        margin: 1em auto;
        padding: 0 1em; /* 左右に余白を追加 */
    }
    
.banner-item {
        flex: none;
    }
	
.banner-item img {
        height: auto; /* 確実に高さを自動調整 */
        width: auto; /* 確実に幅を自動調整 */
    }

.mapl, .mapr{
	width:100%;
	float:none;
	padding:0;
	}

.inner{
	display:block;
	}
	
.inner .box:nth-of-type(1), .inner .box:nth-of-type(2), .inner .box:nth-of-type(3), .inner .box:nth-of-type(4){
	width:100%;
	}

.inner .box{
	border-right:none;
	border-bottom:1px solid #FFF;
	}

.inner .box:last-child{
	border-bottom:none;
	}

.inner .box:nth-of-type(2) ul{
	display:block;
	}

	}
@media (max-width: 500px){

.eye {
    background-color: #D2DCE1;
    padding: 2% 5% 10% 5%;
	}

.flex2{
	display:block;
	}

.eyejuishi{
	top:95%;
	font-size: 16px;
	padding: 5px 5px;
	left: 0;
    transform: translate(5%, -70%);
	}

	}