@charset "UTF-8";
/* CSS Document */
body { margin: 0; font-family: "メイリオ", Meiryo; }

#contents { width: 100%; max-width: 960px; 　　margin: auto; }

#pagetop { clear: both; font-size: 90%; margin: 20px auto; text-align: right; width: auto; }

.tellist { width: 100%; }
.tellist h1 { font-size: 23px; color: #333333; line-height: 1.6; text-align: center; margin: 25px 0; }

/* tabArea
------------------------------------------------------ */
.tabArea { display: block; overflow: hidden; width: 960px; margin-top: 30px; }
.tabArea li { display: block; float: left; width: 151.6px; text-align: center; border-right: #dcdcdc solid 1px; font-weight: bold; font-size: 120%; height: 35px; margin-right: 7px; }
.tabArea li a { display: block; text-decoration: none; height: 35px; line-height: 2.3; }
.tabArea li.on, .tabArea li a:hover { color: #f9423a; background: none; }
.tabArea li.on { line-height: 2.3; position: relative; background: #f9423a; color: #fff; }
.tabArea li.on:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 4px; margin-left: -4px; }
.tabArea li.on:before { border-color: rgba(0, 0, 0, 0); border-top-color: #D23D52; border-width: 5px; margin-left: -5px; }

/* 表 */
.tellist td { padding: 4px 2px; border: solid 1px #ddd; }
.tellist .webLimit { text-align: left; padding: 10px 20px; line-height: 1.3em; }
.tellist td.bgGray { background-color: #f7f7f7; }
.tellist tr:nth-of-type(2n+1) .bg { background-color: #f7f7f7; }

tr th { background-color: #f7f7f7; }

table.tellist { width: 100%; }

span { font-weight: bold; }

table.tellist a { text-decoration: underline; }

/* textArea
------------------------------------------------------ */
.textArea { margin: 20px 0; }
.textArea > .noteText { position: relative; padding-left: 1.5em; }
.textArea > .noteText > .noteTextMark { position: absolute; top: 0; left: 0; }
.textArea a { text-decoration: underline; }

/*---------------------------------------------------- .navidial 旧ナビダイヤルページより引用
----------------------------------------------------*/
#contents { margin-bottom: 36px; line-height: 2; }

.article { clear: both; overflow: hidde; margin-bottom: 1.5em; }

.article01 { clear: both; overflow: hidde; margin-bottom: 1.5em; line-height: 1.7; }
.article01 h3 { font-size: 13px; background: #f8f5f0; padding: 8px 0; padding-left: 20px; }

.navidial { width: 100%; margin-top: 30px; font-size: 12px; }
.navidial h2 { font-size: 15px; background: #f8f5f0; padding: 8px 0; padding-left: 20px; }
.navidial img { width: 100%; }
.navidial dl { margin-top: 10px; }
.navidial dd { padding-left: 17px; }
.navidial #list { border: solid 1px #D9D9D9; padding: 12px 0px 12px 0; overflow: hidden; display: flex; flex-wrap: wrap; }
.navidial #list .box { width: 48%; margin: auto; }
.navidial #list .box div { display: flex; justify-content: center; margin: 0 auto 40px; }
.navidial #list .box div ul { margin: 0 15px; }
.navidial #list .box .areaWhite { color: #fff; width: 30%; text-align: center; background-color: #636363; padding: 5px; margin: 20px auto 20px; border-radius: 3px; }
.navidial #list .box:first-of-type { border-right: solid 1px #D9D9D9; }
.navidial #list dl { line-height: 1; margin: 20px 0; padding-left: 0; }
.navidial #list dt { float: left; color: #fff; background-color: #636363; padding: 5px; border-radius: 3px; }
.navidial #list dd { overflow: hidden; color: #fff; background-color: #636363; padding: 5px; width: 36px; margin-left: 148px; border-radius: 3px; }
.navidial #list li { background: url(/images/red/navidial/mkGray1.gif) no-repeat left center; padding-left: 15px; }
.navidial #list p { overflow: hidden; margin: 0 auto 20px; text-align: center; }
.navidial #list p em { background: url(/images/red/navidial/mkGray1.gif) no-repeat left center; padding-left: 15px; }

.navi_sp { padding: 25px; text-align: center; border: solid 1px #F5F4F4; margin-bottom: 20px; }
.navi_sp p.bold { font-size: 15px; line-height: 1.2; font-weight: bold; }
.navi_sp img.icon { width: 6%; }
.navi_sp .dialnumber { color: #D23D52; font-size: 40px; font-weight: bold; }
.navi_sp .time { background-color: #f7f7f7; padding: 8px; }
.navi_sp .officeHour { display: inline-block; }
.navi_sp .officeHour span { padding-left: 5px; font-weight: normal; }
.navi_sp .officeHour:before { content: '【営業時間】'; }

.mail p { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.mail h2 { font-size: 15px; background: #f8f5f0; padding: 8px 0; padding-left: 20px; }
.mail .article { border: 1px solid #D9D9D9; text-align: center; padding: 30px; }
.mail .article a { text-decoration: underline; font-size: 15px; margin: 0 8px; }
.mail .article img { margin-bottom: 15px; }

/*てすと*/
.sample_01 { width: 960px; border-collapse: collapse; }
.sample_01 th { width: 20%; padding: 6px; text-align: left; vertical-align: top; color: #333; background-color: #eee; border: 1px solid #b9b9b9; }
.sample_01 td { padding: 6px; background-color: #fff; border: 1px solid #b9b9b9; }

@media screen and (min-width: 600px) { .tellist p, .navidial h2 p, .article h2 p, .article01 h3 p, .mail p { display: none; }
  .tellist .webLimit p { display: inline; font-size: 11px; } }
@media screen and (min-width: 767px) and (max-width: 1023px) { .tabArea { width: 100%; margin-top: 30px; border-bottom: 0; }
  .tabArea li { width: 15.6%; border-bottom: 1px solid #dcdcdc; }
  .navidial #list { width: 100%; }
  .navidial #list .box { width: 100%; }
  .navidial #list .box.center { width: auto; } }
@media screen and (min-width: 600px) and (max-width: 766px) { #contents { width: 98%; }
  .tabArea { width: 100%; margin-top: 25px; border-bottom: 0; }
  .tabArea li { width: 13.6%; border-bottom: 1px solid #dcdcdc; }
  .navidial #list { width: 100%; }
  .navidial #list .box { width: 100%; }
  .navidial #list .box.center { border: none; width: auto; }
  .mail .article img { width: 60%; } }
@media screen and (max-width: 599px) { #contents { width: 90%; }
  .tellist img.pc, .navidial img.pc, .navi_pc img, .mail h2 img { display: none; }
  table.tellist { width: 100%; border-bottom: 0; }
  .tellist .webLimit { padding: 10px 5px; }
  .tellist .webLimit p { display: inline; font-size: 11px; }
  .tabArea { width: 100%; border-bottom: 0; }
  .tabArea li { width: 47%; border-bottom: 1px solid #dcdcdc; }
  .article01 dd { font-size: 11px; }
  .navidial #list .box.center { border: none; }
  .mail .article img { width: 100%; }
  .navi_sp img.icon { width: 10%; }
  .navi_sp .dialnumber { font-size: 25px; }
  .navidial #list { width: 100%; padding: 0; }
  .navidial #list .box { width: 100%; }
  .navidial #list .box.center { border: none; width: auto; }
  .navidial #list .box:first-of-type { border-right: none; border-bottom: solid 1px #D9D9D9; margin-bottom: 0; } }

/*# sourceMappingURL=style.css.map */