.boxnavicon_wrapper { width: 100%; background-color: #dcdcdc; padding: 30px 0; }
.boxnavicon { text-align: center; width: 92%; max-width: 1280px; margin: auto; display: flex; flex-wrap: wrap; }
.boxnavicon li { border-radius: 10px; list-style-type:none; }
/* レイアウト指定 */
.boxnavicon .navibox100 { flex-basis: 100%; }
.boxnavicon .navibox50 { flex-basis: 50%; }
.boxnavicon .navibox25 { flex-basis: 25%; }
.boxnavicon .navibox33 { flex-basis: 33.33%; }
@media screen and (max-width: 767px) { .boxnavicon .navibox100_50 { flex-basis: 100%; }}
@media screen and (min-width: 768px) { .boxnavicon .navibox100_50 { flex-basis: 50%; }}
@media screen and (max-width: 767px) { .boxnavicon li dl .wa { width: 80px; height: auto; margin: 0 0 12px 0; } }
@media screen and (min-width: 768px) { .boxnavicon li dl .wa { width: 120px; height: auto; margin: 0 0 12px 0; } }
@media screen and (max-width: 767px) { .boxnavicon li dl .wb { width: 160px; height: auto; margin: 0 0 12px 0; } }
@media screen and (min-width: 768px) { .boxnavicon li dl .wb { width: 240px; height: auto; margin: 0 0 12px 0; } }
@media screen and (max-width: 767px) { .boxnavicon li dl .wc { width: 40px; height: auto; margin: 0 0 12px 0; } }
@media screen and (min-width: 768px) { .boxnavicon li dl .wc { width: 80px; height: auto; margin: 0 0 12px 0; } }
/* navibox_skin01 は白 */
.boxnavicon .navibox_skin01 dl { background-color: #fff; margin: 6px; border-radius: 6px; padding: 40px 5px; text-align: center; }
.boxnavicon .navibox_skin01 a dl { background-color: #fff; color: #000; }
.boxnavicon .navibox_skin01 a dl:hover { background-color: #b9b9b9; color: #000; }
.boxnavicon .navibox_skin01 a { text-decoration: none; }
/* navibox_skin02 はオレンジ */
.boxnavicon .navibox_skin02 dl { background-color: #ff7a07; margin: 3px 3px 12px; padding: 40px 5px; text-align: center; }
.boxnavicon .navibox_skin02 a dl { background-color: #ff7a07; color: #fff; }
.boxnavicon .navibox_skin02 a dl:hover { background-color: #ff9413; color: #fff; }
.boxnavicon .navibox_skin02 a { text-decoration: none; }
/* 文字指定 */
@media screen and (max-width: 767px) { .boxnavicon .txt00 dl { font-size: 10pt; font-weight:bold;}}
@media screen and (min-width: 768px) { .boxnavicon .txt00 dl { font-size: 12pt; font-weight:bold; }}
/* 文字だけページ */
@media screen and (max-width: 767px) { .boxnavicon .txt01 dt { font-size: 13pt; font-weight:bold;} }
@media screen and (min-width: 768px) { .boxnavicon .txt01 dt { font-size: 18pt; font-weight:bold; } }
@media screen and (max-width: 767px) { .boxnavicon .txt01 dd { font-size: 10pt; } }
@media screen and (min-width: 768px) { .boxnavicon .txt01 dd { font-size: 13pt; } }
/* 文字指定 */
.boxnavicon_toptxt{ font-size:16pt; padding:20px 0 20px; }
.boxnavicon li dl dt { margin-bottom: 10px; }
.boxnavicon li dl dd { letter-spacing: 1px; }
.tetephone_title_wrapper { background-color: #15dbd1; }
@media (max-width: 768px) { .tetephone_title_wrapper h2 { max-width: 1200px; padding: 64px 0 60px; margin: auto; color: #fff; font-size: 26pt; } }
@media (min-width: 769px) { .tetephone_title_wrapper h2 { max-width: 1200px; padding: 64px 0 60px; margin: auto; color: #fff; font-size: 30pt; } }
.telend { text-align: center; font-size: 10pt; line-height: 160%; padding: 40px 0 40px; width: 96%; margin: 0 auto; }
/* 中にボタン */
.card-buttons {display: flex; flex-direction: column; gap: 10px; max-width: 300px; width:90%; margin: 20px auto 0; font-weight:normal; }
.card-button { display: block; width: 100%; padding: 20px; background-color: #f8f9fa; border: 1px solid #bbbdbf; text-decoration: none; color: #212529; font-size: 14px; text-align: center; transition: background-color 0.2s; }
.card-button:hover { background-color: #e9ecef; }
.card-button:active { background-color: #bbbdbf; }