@CHARSET "utf-8";

/* =============================================
        カラーコンタクトレンズ 添付文書
============================================= */
body.tenpu{ background: #f8f8e7;}
.tenpu #main h1{ text-align: center;}
.tenpu section h2{ color: #5f513a; font-weight: bold; text-align: left; border-bottom: 2px solid #5f513a;}
.tenpu section ul{ text-align: left;}
.tenpu section ul li{ width: 100%; float: none; display: flex; align-items: center; justify-content: space-between; margin: 0; border-bottom: 1px dotted #a89f8a; box-sizing: border-box;}
.tenpu section ul li:nth-child(even){ float: none;}
.tenpu section ul li p{ color: #5f513a;}
.tenpu section ul li a{ line-height: 0; flex-shrink: 0;}

/* =============================================
                    PC
============================================= */
@media screen and (min-width: 768px){
.tenpu header{ padding: 20px 0;}
.tenpu header #logo img{ width: 345px;}
.tenpu .innerA{ width: auto; max-width: 920px; padding: 0 15px; box-sizing: border-box;}
.tenpu #main{ margin-bottom: 50px;}
.tenpu #main h1 img{ max-width: 576px; width: 100%;}
.tenpu .tenpu-inner{ width: 100%; max-width: 810px; margin: 0 auto;}
.tenpu section{ padding: 0 0 60px;}
.tenpu section h2{ font-size: 20px; padding-bottom: 15px; margin-bottom: 24px; border-bottom-width: 3px;}
.tenpu section ul li{ padding: 20px 0;}
.tenpu section ul li p{ font-size: 15px;}
.tenpu section ul li img{ width: 100px;}
}
/* =============================================
                    SP
============================================= */
@media screen and (max-width: 768px){
.tenpu header #logo{ text-align: center;}
.tenpu header #logo img{ width: 42%; max-width: 345px;}
.tenpu #main{ margin-bottom: 25px;}
.tenpu section{ padding: 0 0 30px;}
.tenpu section h2{ font-size: 16px; padding-bottom: 8px; margin-bottom: 5px;}
.tenpu section ul li{ padding: 10px 0;}
.tenpu section ul li p{ font-size: 12px; padding-right: 10px;}
.tenpu section ul li img{ width: 70px;}
.tenpu footer small{ margin-bottom: 20px;}
}