@charset "utf-8";
/* CSS Document */


/*============================================================
エリアページ
============================================================*/
.area_list .area_name {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1;
  color: #0071bc;
  margin: 2rem 0 1rem;
}
.area_list .tdfk_name {
  display: block;
  background: linear-gradient(#7ac943 0%, #7ac943 49%, #39b54a 50%, #39b54a 100%);;
  color: #ffffff;
  text-align: center;
  font-size: 1.5rem;
  padding: 0.5rem;
  margin: 2rem 0 1rem;
}
.area_list section:first-of-type .tdfk_name {margin-top: 1rem}

.area_list p.note {
  color: #999999;
  font-size: 0.85rem;
  text-align: center;
  margin: 0;
}
.area_list p.note::before {content: "※"}

.area_list .shiku_list li {
  display: inline-block;
}
.area_list .shiku_list li::after{
  content: "/";
  display: inline-block;
  padding: 0 0.25rem;
}
.area_list .shiku_list li > * {
  display: inline-block;
  line-height: 2;
  padding: 0 0.25rem;
  border-radius: 5px;
}
.area_list .shiku_list li a:hover {
  background: #0071bc;
  color: #ffffff;
}
@media print, screen and (min-width: 770px) {/*PC*/
  .area_list .shiku {
    display: flex;justify-content: space-between;
    border-bottom: solid 1px #0071bc;
  }
  .area_list p.note + .shiku {
    border-top: solid 1px #0071bc;
  }
  .area_list .shiku p {
    width: 6em;
    background: #e1faff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
  .area_list .shiku .shiku_list {
    width: calc(100% - 7em);
    padding: 0.5em 0;
    margin: 0;
  }
}
@media screen and (max-width: 769px) {/*SP*/
  .area_list p.note {margin-bottom: 0.5rem}
  .area_list .shiku p {
    border-bottom: solid 1px #0071bc;
    border-left: solid 5px #0071bc;
    background: #e1faff;
    margin: 0;
    padding-left: 0.5em;
  }
  .area_list .shiku .shiku_list {
    padding: 0;
    margin: 0.5rem 0 1rem;
  }
}



/*============================================================
対応エリア＠都道府県一覧
============================================================*/
#area_link h2 {margin-top: 1rem}
#area_link h3.area_name {
  font-size: 1rem;
  color: #0071bc;
}

#area_link ul {margin: 0;padding: 0}
#area_link ul li {list-style: none;}
#area_link .tdfk_list {margin: 0.5rem 0}
#area_link .tdfk_list .tdfk li {display: inline-block;}
#area_link .tdfk_list .tdfk li::after{
  content: "/";
  display: inline-block;
  padding: 0 0.25rem;
}
#area_link .tdfk_list .tdfk li > * {
  display: inline-block;
  line-height: 2;
  padding: 0 0.25rem;
  border-radius: 5px;
}
#area_link .tdfk_list .tdfk li a:hover {
  background: #0071bc;
  color: #ffffff;
}

@media print, screen and (min-width: 770px) {/*PC*/
  #area_link .tdfk_list {
    border-top: solid 1px #0071bc;
    background: url("area_link_bg.png") no-repeat right center;
    background-size: contain;
  }
  #area_link .tdfk_list > li {
    display: flex;
    border-bottom: solid 1px #0071bc;
  }
  #area_link .tdfk_list .area_name {
    width: 7em;
    margin-right: 10px;
    background: #e1faff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #area_link .tdfk_list .tdfk {margin: 0.5rem 0}
}
@media screen and (max-width: 769px) {/*SP*/
  #area_link .tdfk_list .area_name {
    background: #0071bc;
    color: #ffffff;
    text-align: center;
    line-height: 2;
  }
  #area_link .tdfk_list .tdfk {margin: 0.5rem 0}
}




/* ボタンリンク
********************************/
.button {margin: 1rem 0}
.button a {
  display: block;
  text-align: center;
  border: solid 2px #f15a24;
  background: #f15a24;
  color: #ffffff;
  line-height: 2.5;
  border-radius: 2em;
  max-width: 500px;
  padding: 0 1em;
  margin: 0 auto;
}
.button a:hover {
  background: #ffffff;
  color: #f15a24;
}
@media screen and (max-width: 549px) {
  .button a {max-width: 95%}
}

/* ほか
********************************/
.t_center {text-align: center;}