@charset "UTF-8";
.container {
  max-width: 940px !important;
  margin: auto; }

.nav-link,
.nav-link2 {
  padding: 1.25rem; }
  @media screen and (max-width: 640px) {
    .nav-link,
    .nav-link2 {
      padding: .75rem; } }
  @media screen and (max-width: 320px) {
    .nav-link,
    .nav-link2 {
      padding: .5rem; } }

.bg-eee {
  background: #eee; }

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link2,
.nav-tabs .nav-link2.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.nav-pills .nav-link2.active, .nav-pills .show > .nav-link2 {
  color: #333;
  background: #eee;
  font-weight: bold;
  font-size: 1.5rem; }

.nav-pills .nav-link,
.nav-pills .nav-link2 {
  border-radius: .25rem;
  border: 1px solid #eee;
  color: #333;
  font-weight: bold;
  font-size: 1.5rem;
  display: block; }

.nav-fill .nav-item, .nav-fill > .nav-link,
.nav-fill .nav-item, .nav-fill > .nav-link2 {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center; }

.card {
  border: none;
  background: #eee;
  border-radius: 0; }

.card-title {
  font-weight: bold; }

.tell a {
  font-weight: bold;
  font-size: 1.7rem; }
  .tell a:before {
    display: inline-block;
    padding-right: 4px;
    content: "\f2a0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.8rem;
    transform: rotate(-35deg); }

@media screen and (min-width: 1080px) {
  /* PCレイアウト */
  .list #tab1,
  .list #tab2,
  .list #tab3,
  .list #tab4,
  .list #tab5 {
    margin-bottom: 50px; }

  .list .tb4 {
    width: 100%;
    height: 30px;
    display: block; }

  .list .tb4 ul li {
    float: left;
    border: 1px solid #eee;
    width: calc( ( 920px - 8px - 8% ) / 5 );
    width: 17.76%;
    padding: 1.5% 1%;
    font-size: 120%;
    font-weight: bold;
    text-align: center; }

  .list .tb4 ul li.active {
    background: #eee;
    border-bottom: 1px solid #fff; }

  .list .area ul {
    background-color: #eee;
    display: inline-block;
    width: 100%;
    padding-top: 50px; }

  .list .area ul li {
    /*	float: left;
    	width: 30%;
        margin: 0 8% 0 12%;
        display: block;
    	margin-bottom: 50px;
    */
    float: left;
    width: 40%;
    padding: 0 5%;
    display: block;
    min-height: 140px; }

  .list .area ul li:nth-last-child(1),
  .list .area ul li:nth-last-child(2) {
    margin-bottom: 0; }

  .list .area ul li a {
    font-size: 130%;
    /*font-size:180%;*/
    font-weight: bold; }

  .list .area ul li img {
    width: 4%;
    margin-right: 1%; } }
@media screen and (min-width: 641px) and (max-width: 1080px) {
  /* タブレットレイアウト */
  .list {
    width: 90.625%;
    margin: 0 auto 40px; }

  .list #tab1,
  .list #tab2,
  .list #tab3,
  .list #tab4,
  .list #tab5 {
    margin-bottom: 50px; }

  .list .tb4 {
    width: 100%;
    height: 30px;
    display: block; }

  .list .tb4 ul li {
    float: left;
    border: 1px solid #eee;
    width: 19.65%;
    padding: 1.5% 0;
    font-size: 106%;
    font-weight: bold;
    text-align: center; }

  .list .tb4 ul li.active {
    background: #eee;
    border-bottom: 1px solid #fff; }

  .list .area ul {
    background-color: #eee;
    padding: 30px 5%;
    display: inline-block; }

  .list .area ul li {
    float: left;
    width: 50%;
    display: block;
    min-height: 140px;
    /*margin-bottom: 50px;*/ }

  .list .area ul li:nth-last-child(1),
  .list .area ul li:nth-last-child(2) {
    margin-bottom: 0; }

  .list .area ul li a {
    font-size: 130%;
    /*font-size:180%;*/
    font-weight: bold; }

  .list .area ul li img {
    width: 6%;
    margin-right: 2%; } }
@media screen and (max-width: 640px) {
  /* スマートフォンレイアウト */
  .list {
    width: 90.625%;
    margin: 0 auto 40px; }

  .list #tab1,
  .list #tab2,
  .list #tab3,
  .list #tab4,
  .list #tab5 {
    margin-bottom: 50px; }

  .list .tb4 {
    width: 100%;
    height: 29px;
    display: block;
    vertical-align: bottom; }

  .list .tb4 ul li {
    float: left;
    border: 1px solid #eee;
    width: calc( ( 100% - 8px - 8% ) / 5 );
    width: 17.4%;
    padding: 1.5% 1%;
    font-size: 125%;
    line-height: 160%;
    font-weight: bold;
    text-align: center; }

  .list .tb4 ul li.active {
    background: #eee;
    border-bottom: 1px solid #fff; }

  .list .area ul {
    background-color: #eee;
    padding: 30px 5%;
    display: inline-block; }

  .list .area ul li {
    float: none;
    width: 95%;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px; }

  .list .area ul li:nth-last-child(1) {
    margin-bottom: 0; }

  .list .area ul li a {
    font-size: 150%;
    font-weight: bold; }

  .list .area ul li img {
    width: 6%;
    margin-right: 2%; } }
@media screen and (max-width: 375px) {
  /*iphone7*/
  .list .area ul {
    background-color: #eee;
    padding: 5%;
    display: inline-block; }

  .list .area ul li {
    float: none;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px; }

  .list .area ul li:nth-last-child(1) {
    margin-bottom: 0; }

  .list .area ul li a {
    font-size: 150%;
    font-weight: bold; }

  .list .area ul li img {
    width: 6%;
    margin-right: 2%; } }
@media screen and (max-width: 360px) {
  /*Galaxy S5*/
  .list .tb4 {
    width: 100%;
    height: 25px;
    display: block;
    vertical-align: bottom; }

  .list .tb4 ul li {
    float: left;
    border: 1px solid #eee;
    width: calc( ( 100% - 8px - 8% ) / 5 );
    width: 17.2%;
    padding: 1.5% 1%;
    font-size: 125%;
    line-height: 160%;
    font-weight: bold;
    text-align: center; }

  .list .area ul li {
    float: none;
    width: 95%;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px; } }
@media screen and (max-width: 320px) {
  .list .tb4 ul li {
    float: left;
    border: 1px solid #eee;
    width: calc( ( 100% - 8px - 8% ) / 5 );
    padding: 1.5% 1%;
    font-weight: bold;
    text-align: center;
    font-size: 125%;
    line-height: 160%; }

  .list .area ul li {
    float: none;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px; } }

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