@charset "utf-8";
/* CSS Document */

#clinic-button {
    font-weight: bold;}

#clinic-button > div > a{
    border:2px solid #FF727C;
    padding: 8px 8px 8px 18px ;       
    }

@media screen and (max-width:640px) {
    #clinic-button{
        width: 75%;
        padding-bottom: 40px;
    }
    
    #clinic-button > div > a{
        padding: 8px 8px 8px 18px ;       
    }
}

@media print, screen and (min-width: 641px) and (max-width:900px)
{
    #clinic-button{
        max-width : 700px;
        padding-top: 40px;
    }
    
    #clinic-button > div > a{
        width:180px ;
        padding: 8px 8px 8px 12px ;       
    }

}


@media print, screen and (min-width: 901px) {
    #clinic-button{
        max-width : 900px;
    }

    #clinic-button > div > a{
        width:250px ;
        padding: 10px 10px 10px 22px ; 
    }

}

/* 
<section class="inner d-flex justify-content-between flex-wrap">
	<div class="w32">
		<a href="/features/" class="link01 active">さくら医院の特徴</a> 
	</div>

	<div class="w32">
		<a href="overview/" class="link01 active">医院概要</a> 
	</div>

	<div class="w32">
		<a href="message/" class="link01 active">院長あいさつ</a> 
	</div>
</section> */