@charset "utf-8";


@media screen and (max-width : 1399px ) {
  /*--------------------------------------------
    TOP
  --------------------------------------------*/
  .wrap_shop > .item:nth-child(2) > .i_row:first-child::before {
    right: -10%;
  }


}


@media screen and (max-width : 1199px ) {
  /*--------------------------------------------
    TOP
  --------------------------------------------*/



}


@media screen and (max-width : 991px ) {
  /*--------------------------------------------
    TOP
  --------------------------------------------*/
  .key_top,
  .key_under {
    margin-top: 0;
  }
  .key_top {
    padding: 10em 0;
  }

  .pdt_4link .box_link {
    padding-top: 2.8em;
  }
  .box_link .fx_4link {
    padding: 1.2em .8em;
  }
  .box_link .fx_4link > li > a {
    font-size: 1.3rem;
    letter-spacing: -.05rem;
  }
  .box_link .fx_4link > li > a > span {
    font-size: 3.2rem;
  }

  .wrap_shop > .item + .item {
    margin-top: 3.5em;
  }
  .wrap_shop > .item > .i_row {
    display: block;
  }
  .wrap_shop > .item > .i_row + .i_row {
      margin-top: 0;
  }
  .wrap_shop > .item > .i_row > .shop_ttl {
    width: 100%;
    padding-top: 2em;
    padding-bottom: 3em;
  }
  .wrap_shop > .item > .i_row > .shop_ttl > .sup {
    font-size: 1.4rem;
  }
  .wrap_shop > .item > .i_row > .shop_ttl > .catch {
    font-size: 2rem;
  }
  .wrap_shop > .item > .i_row > .shop_ttl > .title {
    font-size: 4rem;
  }
  .wrap_shop > .item > .i_row > .wrap_ofi {
    width: 100%;
    padding-top: 56%;
  }
  .wrap_shop > .item > .i_row > .shop_info,
  .wrap_shop > .item > .i_row.row_reverse > .shop_info {
    width: 100%;
    padding: 2.5em 0;
    text-align: center;
  }
  .wrap_shop > .item > .i_row > .map {
    width: 100%;
  }

  .top_service .ttl_bd_tb {
    position: static;
    width: 100%;
    margin-bottom: 2em;
  }
  .fx_service {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .fx_service > .item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .fx_service > .item:last-child {
    padding-top: 0;
  }
  .fx_service > .item .conts {
    width: 82%;
  }


  /*--------------------------------------------
    UNDER COMMON
  --------------------------------------------*/
  .key_under {
    padding: 6em 0 7em;
  }
  .key_under > div > h2 > img {
    padding: 1.5em;
  }


  /*--------------------------------------------
    FLOW
  --------------------------------------------*/
  .dl_term > .name {
    width: 22%;
  }
  .dl_term > .description {
    width: 78%;
  }



  /*-------------------------------------
    お問い合わせ
  --------------------------------------*/
  input:not([type='radio']):not([type='checkbox']),
  select,
  textarea {
    font-size: 1.8rem;
    padding: 1rem .8rem;
  }
  select {
    padding: 1rem .8rem;
  }
  .ios select {
    padding: 1.4rem .8rem;
  }

  .label_row + .label_row {
    margin-top: 1rem;
  }

  .tbl_form th,
  .tbl_form td {
    padding: 1em 1.5em;
  }
  .tbl_form th {
    width: 16em;
  }


}


@media screen and (max-width : 767px ) {
  /*-------------------------------------
    TOP
  --------------------------------------*/
  .key_top {
    padding: 7em 0;
  }
  .key_top > div > .box_bl {
    padding: 2em 1.2em;
  }
  .key_top > div > .box_bl .text {
    font-size: 1.6rem;
  }

  .pdt_4link .box_link {
    padding-top: 7.2em;
  }
  .box_link .fx_4link {
    flex-wrap: wrap;
  }
  .box_link .fx_4link > li {
    width: 50%;
  }
  .box_link .fx_4link > li:nth-child(odd)::before {
    display: none;
  }
  .box_link .fx_4link > li:nth-child(n+3) {
    margin-top: 1.2em;
  }

  .fx_service {
    flex-wrap: wrap;
  }
  .fx_service > .item {
    width: 100%;
  }


  /*--------------------------------------------
    FLOW
  --------------------------------------------*/
  .wrap_flow > .item + .item {
    margin-top: 4em;
  }
  .wrap_flow > .item + .item::before {
    top: -2.5em;
  }
  .wrap_flow > .item > .i_head {
    padding-left: 4.5em;
  }
  .wrap_flow > .item > .i_head > .num {
    font-size: 2.8rem;
  }
  .wrap_flow > .item > .i_head > .title {
    font-size: 2.1rem;
  }
  .wrap_flow > .item > .i_conts {
    padding: 1.2em;
  }

  .wrap_term {
    margin-top: 4em;
    padding: 1.5em;
  }
  .dl_term {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .dl_term > .name {
    width: 100%;
    padding-right: 0;
    padding-bottom: .5em;
    background-color: transparent;
  }
  .dl_term > .name::before {
    content: '';
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -.3rem;
    border-bottom: 2px dotted #008cd2;
  }
  .dl_term > .name:not(:nth-of-type(1)) {
    margin-top: 1.5em;
  }
  .dl_term > .name > span {
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    background-color: #f4f4f4;
  }
  .dl_term > .description {
    width: 100%;
  }
  .dl_term > .description {
    margin-top: 1em;
  }



  /*-------------------------------------
    お問い合わせ
  --------------------------------------*/
  textarea {
    min-height: 14rem;
  }

  .tbl_form th,
  .tbl_form td {
    display: block;
    width: 100%;
  }
  .form_require {
    padding-left: 0;
    padding-right: 3.2em;
  }
  .form_require > span {
    left: auto;
    right: 0;
  }

  .under_text {
    font-size: 1.2rem;
  }

  .address_row {
    margin-top: 1rem;
    display: block;
  }
  .address_row > * {
    display: block;
  }
  .address_row > .label {
    margin-bottom: .5rem;
    width: 100%;
    padding-right: 0;
    text-align: left;
  }


  /*-------------------------------------
    プライバシーポリシー
  --------------------------------------*/
  .terms_box > p + h2,
  .terms_box > ul + h2,
  .terms_box > p + h3,
  .terms_box > ul + h3,
  .terms_box > p + h4,
  .terms_box > ul + h4 {
    margin-top: 2.5rem;
  }


  /*-------------------------------------
    サイトマップ
  --------------------------------------*/



}



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

}