@charset "UTF-8";

/* header */
@media screen and (min-width: 769px) {

  header .inner_wrap::after {
    padding-top: 85px;
    /* width: 100vw; */
  }

}



/* lead_wrap */
.lead_wrap {
  text-align: center;
}
.lead_wrap p {
  line-height: 2.25;
  color: #444;
}
@media screen and (max-width: 768px) {
  .lead_wrap {
    padding: 50px 0 70px;
  }
  .lead_wrap p {
    font-size: 1.4rem;
    margin-top: 20px;
  }
}

@media screen and (min-width: 769px) {
  .lead_wrap {
    padding: 90px 0 191px;
  }
  .lead_wrap p {
    margin-top: 30px;
  }
}

/* menu_wrap */
.menu_wrap {
  position: relative;
}





.btn_wrap ul li {}
.btn_wrap li strong {
  border: 1px solid #444;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
}
.btn_wrap li a {
  color: #000;
}
.btn_wrap li strong span {
  display: block;
}
.btn_wrap li.active strong {
  background: #444;
  color: #fff;
}

.tab_wrap>div:not(.is_show) {
  display: none;
}
.menu_tab {
  background: #f9f2ed;
}
.menu_tab .menu_head dl dt {
  color: #c62607;
}
.menu_head dd img {
  display: block;
  width: 100%;
  height: auto;
}
.menu_tab .menu_box .more {
  border: 1px solid #444;
}

.dot_list li {}
.dot_list li:before {
  content: "・";
}
.dot_list li.att:before {
  content: "※";
}


@media screen and (max-width: 768px) {

  .btn_wrap {
    margin-bottom: 10%;
  }
  .btn_wrap ul {}
  .btn_wrap ul li {
    /* width: 47.5%; */
    margin-bottom: 5%;
  }
  .btn_wrap ul li strong,
  .btn_wrap ul li strong a {
    display: block;
    width: 100%;
  }
  .btn_wrap ul li.acc strong,
  .btn_wrap ul li strong a {
    padding: .5em 0;
  }
  .btn_wrap ul li strong a {}
  .btn_wrap ul strong {
    font-size: 1.8rem;
  }
  .btn_wrap ul strong span {
    font-size: 1.4rem;
  }
  .btn_wrap ul li p {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 1em;
  }

  .menu_tab {
    padding: 0 5% 50px;
    transform: translateY(50px);
    transition: all .3s;
  }

  .menu_tab.is_show {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
  }

  .menu_head {
    margin-bottom: -50px;
    transform: translateY(-50px);
  }

  .menu_head dl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .tab_06 .menu_head dl>* {
    width: 50%;
  }

  .menu_head dl dt {
    font-size: 3rem;
    margin-top: 7%;
  }

  .menu_head dl dt h2 {
    font-size: 1.4rem;
    margin-top: 5%;
  }

  .menu_tab:not(.tab_05, .tab_06) dl dd {
    padding-top: 9em;
  }

  .menu_box {
    margin-bottom: 10%;
    padding: 5% 0 0;
    font-size: 1.4rem;
  }

  .menu_box * {
    line-height: 1.6;
  }

  .menu_box h3 {
    font-size: 1.6rem;
    margin-bottom: 8%;
  }

  .menu_box strong {
    font-size: 1.8rem;
    line-height: 1.6;
    display: block;
    margin: 10px 0;
  }

  .menu_box strong span {
    font-size: 1.4rem;
  }

  .flex_wrap.column_2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .flex_wrap.column_2>div {
    width: 47.5%;
  }

  .menu_tab .menu_box .more {
    text-align: center;
    padding: 18px 10px 20px;
  }

  .dot_list li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 4%;
  }

  .inline_list li {
    display: inline-block;
  }

  .inline_list li:not(:last-child) {
    margin-right: 1em;
  }

  .menu_box:last-child {
    margin-bottom: 0;
  }

  .menu_box:last-child .more {
    margin-top: 90px;
  }

  .tax_att {
    font-size: .8em;
  }

  .tax_att:not(:nth-of-type(n+2)) {
    margin-top: 1em;
  }



}

@media screen and (min-width: 769px) {

  .btn_wrap {
    margin-bottom: 110px;
  }
  .btn_wrap ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .btn_wrap ul li {
    width: 47.5%;
    margin-bottom: 50px;
  }
  .btn_wrap ul li:not(.active):hover strong {
    background: #ccc;
  }
  .btn_wrap ul strong {
    width: 475px;
    height: 162px;
    font-size: 24px;
    cursor: pointer;
    transition: all .5s;
  }
  .btn_wrap ul strong span {
    font-size: 16px;
  }
  .btn_wrap ul li p {
    font-size: 14px;
    text-align: center;
    margin-top: 22px;
  }

.tab_wrap {
  padding-top: 100px;
  margin-top: -100px;
}

  .menu_tab {
    padding: 0 5% 50px;
    transform: translateY(50px);
    transition: all .3s;
  }
  .menu_tab.is_show {
    transform: translateY(0);
  }
  .menu_head {
    margin-bottom: -50px;
    transform: translateY(-50px);
  }
  .menu_head dl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .menu_head dl>* {
    width: 50%;
  }
  .menu_head dl dt {
    font-size: 36px;
    margin-top: 16px;
  }
  .menu_head dl dt h2 {
    font-size: 12px;
    margin-top: 8px;
  }
  .menu_tab:not(.tab_05, .tab_06) dl dd {
    padding-top: 9em;
  }
  .menu_box {
    margin-bottom: 74px;
    font-size: 16px;
  }
  .menu_box * {
    line-height: 2.3;
  }
  .menu_box h3 {
    font-size: 20px;
    margin-bottom: 4px;
  }
  .menu_box strong {
    font-size: 20px;
    line-height: 1.6;
    display: block;
    margin: 10px 0;
  }
  .menu_box strong span {
    font-size: 16px;
  }
  .flex_wrap.column_2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
  }
  .flex_wrap.column_2>div {
    width: 47.5%;
  }
  .menu_tab .menu_box .more {
    text-align: center;
    padding: 18px 10px 20px;
  }
  .dot_list li {
    text-indent: -1em;
    padding-left: 1em;
  }
  .inline_list li {
    display: inline-block;
  }
  .inline_list li:not(:last-child) {
    margin-right: 1em;
  }
  .menu_box:last-child {
    margin-bottom: 0;
  }
  .menu_box:last-child .more {
    margin-top: 90px;
  }
  .tax_att {
    font-size: .8em;
  }
  .tax_att:not(:nth-of-type(n+2)) {
    margin-top: 1em;
  }





}