.w80{
    width: 90%;
}
/********************
 * top
********************/
section.main_info article.greetings{
    margin-top: 20px;
}
section.main_info article.greetings img{
    width: 100%;
}
section.main_info article.greetings p{
    width: 100%;
}
section.main_info table.info td strong{
    line-height: 230%;
    font-size: 110%;
}
section.main_info table.kit td{
    font-size: 120%;
}
section.main_info table.covid td a{
    font-size: 130%;
}
section.main_info div.president{
    margin-top: 30px;
}
section.main_info h3{
    display: inline;
}
section.main_info .president figure{
    width: 100%;
}
section.main_info .president p{
    width: 100%;
}
section.main_info .dx figure{
    width: 100%;
}
section.main_info .dx ul{
    width: 100%;
}
section.main_info .denshi img{
    width: 100%;
    margin: 3% 0;
}
section.main_info div.youtube img{
    width: 100%;
}
section.main_info div.youtube div.ch{
    width: 100%;
}
section.main_info div.youtube div.ch strong{
    font-size: 100%;
}
section.main_info div.youtube div.ch a{
    font-size: 140%;
}
section.main_about img{
    margin: 10px 0;
}

/********************
 * news
********************/
section.news nav.tag,
section.news .article{
        display: block;
    width: 100%;
}
section.news nav.tag li{
        margin: 20px 0;
}

/********************
 * contact
********************/
section.contact .email .form-input{
    width: 100%;
}
section.contact .email .form-group{
    padding: 10px;
}
section.contact form.email{
    margin-top: 38px;
}

/********************
 * access
********************/
section.access img{
    width: 100%;
}
section.access p{
    display: block;
    margin: 0;
    width: 100%;
}

/********************
 * about
********************/
section.about .store img{
    width: 100%;
}
section.about .items figure img{
    width: 100%;
}

/********************
 * default_medicine
********************/

.medicine-item {
    flex-direction: column; /* 要素を縦（カラム）に並べる */
    gap: 20px;              /* 画像とテキストの間の隙間 */
}

/* --- 画像エリア --- */
.medicine-image {
    width: 100%;     /* スマホでは横幅いっぱい */
}


/********************
 * header
********************/
header h1{
    display: block;
    text-align: center;
    width: 100%;
    margin: 20px 0;
}
header nav{
    border: none;
}
header ul{
    border-bottom: 1px #ccc solid;
}
header ul li{
    display: block;
    width: 100%;
    border: none;
    border-top: 1px #ccc solid;
}
header ul li:first-child{
    border-left: none;
}

header div.right{
    display: block;
    width: 100%;
}


/********************
 * footer
********************/
footer div.col{
    display: block;
        width: 90%;
        margin: auto;
}