@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap');

/* ------------------------------
 Basic CSS Reset
------------------------------ */

/* 余白・パディングをリセット */
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* HTML5要素の表示を安定させる */
article, aside, footer, header, nav, section {
display: block;
}

/* 画像の扱いを統一 */
img {
max-width: 100%;
height: auto;
display: block;
}

/* リストのスタイルをリセット */
ul, ol {
list-style: none;
}

/* リンクのデフォルト装飾をリセット */
a {
text-decoration: none;
color: inherit;
}

/* テーブルのリセット */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* フォーム要素のフォントを統一 */
input, button, textarea, select {
font: inherit;
}

/* bodyの基本設定 */
body {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
font-family: "Noto Sans JP", sans-serif;
}

/* ナビ */

.nav-item a{
color:#FFF;
}

/* 色 */

.bg-lightgreen{
background:#51CAC0;
}

/* 見出し */

h2,h3,h4,h5{
color:#51CAC0!important;
}

/* キャッチコピー */

.chatch h2{
text-align:center;
font-family: "Kiwi Maru", serif;
line-height:1.8;
}

/* 薬局案内 */

section.info table{
width:100%;
}

section.info table th{
width:30%;
padding:15px;
border-bottom:dotted 1px #000;
}

section.info table td{
width:70%;
padding:15px;
border-bottom:dotted 1px #000;
}

.info p{
padding:15px;
text-align:center;
color:#FFF;
}

.info p span{
display:block;
font-weight:700;
}


/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* service */

.service img{
display:inline;
width:34px;
padding-right:3px;
}

.service li{
font-weight:700;
}

/* law */

.law{
margin-top:80px;
}

.law h3{
margin-top:40px;
}

ol {
list-style: decimal;
}

/* company */

.com table{
width:90%;
margin:0 auto;
}

.com table th,.com table td{
border-bottom:solid 1px #51CAC0;
padding:15px;
}


@media screen and (max-width: 767px) {
.com table th,.com table td{
display:block;
}
.com table th{
border:none;
padding-bottom:0;
}
}