/* CSS Document */
/* header
------------------------------------------------------------*/
.page .site header.header hgroup {
  max-width: 100%; }

.page .site header.header .tel .item-tel a {
  text-decoration: none;
  font-size: 30px;
  font-size: 2.1428571429rem;
  font-weight: bold;
  line-height: 1; }

.page .site header.header .tel .item-time {
  font-size: 16px;
  font-size: 1.1428571429rem;
  letter-spacing: 0.1em; }

@media screen and (min-width: 751px) and (max-width: 1000px) {
  .page .site header.header {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .page .site header.header hgroup {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; } }

@media screen and (max-width: 750px) {
  .page .site header.header {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .page .site header.header hgroup {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .page .site header.header hgroup .logo {
        width: 190px; }
        .page .site header.header hgroup .logo b {
          display: none; }
      .page .site header.header hgroup .thm {
        display: none; }
      .page .site header.header hgroup .btn {
        width: 96px; } }

/* footer
------------------------------------------------------------*/
footer {
  max-width: 100%; }
  @media screen and (max-width: 750px) {
    footer {
      padding-top: 0;
      margin-top: 0;
      padding-bottom: 40px; }
      footer .mb20 {
        margin-bottom: 20px; }
      footer div.top {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: none; }
        footer div.top h1 {
          text-align: center;
          width: 100%;
          margin-bottom: 20px; }
      footer div.copy {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border-top: none;
        background-color: #fff; }
        footer div.copy p {
          padding: 10px 0; } }

#foot {
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px; }
  #foot .logo {
    text-align: center;
    margin-bottom: 20px; }
  #foot .address {
    padding-bottom: 15px; }
  #foot .no {
    padding-bottom: 50px; }
  #foot .copyright {
    text-align: center; }

.in {
  max-width: 100%; }

.pc-hide {
  display: none; }

img {
  max-width: 100%;
  height: auto; }
  img.sp {
    display: none; }
  @media screen and (max-width: 750px) {
    img.pc {
      display: none; }
    img.sp {
      display: inline; } }

br.sp {
  display: none; }

@media screen and (max-width: 750px) {
  br.pc {
    display: none; }
  br.sp {
    display: inline; } }

/* main top
------------------------------------------------------------*/
.site {
  max-width: 100%; }
  .site .content {
    max-width: 100%; }

.page .site div.catch .hero {
  max-width: 100%; }

.page .site .navi {
  max-width: 100%; }

.page .site .areaFooter {
  max-width: 100%; }

.page .site .topBox {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.page .site .secondBox {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .page .site .secondBox ul.int {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }

.page .site .thirdBox {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.page .site .voiceBox {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.page .site .topBox dl.box {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .page .site .topBox dl.box dd {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

.page .site .areaFooter .inner p.thm {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.page .site .areaFooter .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 34px;
  font-size: 2.4285714286rem;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 10px; }
  .page .site .areaFooter .tel .item-tel {
    letter-spacing: 0.1em; }
    .page .site .areaFooter .tel .item-tel a {
      text-decoration: none; }
  .page .site .areaFooter .tel .item-time {
    font-size: 18px;
    font-size: 1.2857142857rem;
    font-weight: bold;
    font-weight: normal; }

.page .site .flowBox {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .page .site .flowBox .int {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .page .site .flowBox .int .topStep01, .page .site .flowBox .int .topStep02, .page .site .flowBox .int .topStep03 {
      max-width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .page .site .flowBox .int .inn {
      max-width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .page .site .flowBox .int .btmArr, .page .site .flowBox .int .btmLa {
      max-width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }

.page .site .faqBox {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.page .site .mapInt .shop-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .page .site .mapInt .shop-box .area_box_shop {
    width: 33.333%; }
    .page .site .mapInt .shop-box .area_box_shop iframe {
      width: 100% !important; }
  .page .site .mapInt .shop-box .tel-box {
    text-align: left;
    padding-left: 20px;
    padding-top: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 13px; }
    .page .site .mapInt .shop-box .tel-box .tel a {
      text-decoration: none;
      color: #3b6adc;
      text-decoration: none;
      font-weight: bold;
      display: -moz-inline-box;
      display: inline-block;
      padding-left: 20px;
      font-size: 15px;
      font-size: 1.0714285714rem;
      position: relative; }
      .page .site .mapInt .shop-box .tel-box .tel a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0px;
        width: 18px;
        height: 24px;
        background: url(../images/icon-tel.jpg) no-repeat center center; }
    .page .site .mapInt .shop-box .tel-box .address {
      padding-top: 3px;
      font-size: 10px;
      font-size: 0.7142857143rem; }

.form .contactBox {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px; }
  .form .contactBox .tel {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .form .contactBox .formBox {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .form .contactBox .formBox ul li {
      width: auto; }

@media screen and (min-width: 751px) and (max-width: 1000px) {
  /* main top
------------------------------------------------------------*/
  .in {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .page .site div.catch .hero .img {
    width: 160px; }
  .page .site div.catch .hero dl.links {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px; }
  .page .site div.catch .hero div.main {
    width: 100%; }
    .page .site div.catch .hero div.main p.thm {
      padding-left: 160px; }
      .page .site div.catch .hero div.main p.thm img {
        margin-top: -70px;
        padding-bottom: 70px; }
  .page .site .content {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .page .site .navi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; } }

/*sp*/
@media screen and (max-width: 750px) {
  .sp-hide {
    display: none !important; }
  .pc-hide {
    display: block; }
  /* main top
------------------------------------------------------------*/
  .page .site .content {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .page .site div.catch {
    padding-bottom: 0; }
  .page .site .areaFooter {
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .page .site .areaFooter .inner p.link {
      padding-bottom: 5px; }
    .page .site .areaFooter .inner p.thm {
      background-color: #fff;
      color: #2f2f2f;
      font-size: 14px; }
    .page .site .areaFooter .inner .tel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-top: 3px; }
      .page .site .areaFooter .inner .tel .item-tel {
        font-size: 21px;
        letter-spacing: normal;
        letter-spacing: -0.05em; }
      .page .site .areaFooter .inner .tel .item-time {
        font-size: 11px;
        text-align: left;
        font-weight: bold; }
  .page .site .mb30 {
    margin-bottom: 30px; }
  .page .site #sec01 img, .page .site #sec02 img, .page .site #sec03 img {
    width: 100%;
    height: auto; }
  .page .site .flowBox {
    margin-top: 20px;
    border: none;
    background: transparent; }
    .page .site .flowBox header {
      background: transparent; }
    .page .site .flowBox .title img {
      height: 29px;
      width: auto; }
  .page .site .sec04 {
    margin-bottom: 30px; }
    .page .site .sec04 img {
      width: 100%;
      height: auto; }
  .page .site #flow .mapInt .map-txt {
    margin-bottom: 25px; }
  .page .site #flow .shop-box {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .site #flow .shop-box .tel-box {
      padding-left: 0; }
      .page .site #flow .shop-box .tel-box .tel a {
        color: #1a7cad;
        padding-left: 40px;
        font-size: 20px;
        font-size: 1.4285714286rem; }
      .page .site #flow .shop-box .tel-box .tel a:before {
        width: 32px;
        height: 32px;
        background: url(../images/sp/icon-tel2.png) no-repeat center center;
        background-size: 100% auto; }
      .page .site #flow .shop-box .tel-box .address {
        margin-top: 7px;
        font-size: 14px;
        font-size: 1rem; }
    .page .site #flow .shop-box .area_box_shop {
      width: 100%;
      height: auto;
      border: none; }
    .page .site #flow .shop-box .area_box_shop_title {
      background-size: cover;
      padding-top: 10px;
      margin-bottom: 20px; }
    .page .site #flow .shop-box iframe {
      display: none; }
  .form .contactBox .tel {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #f20000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #9c0000), color-stop(0, #f20000));
    background: -webkit-linear-gradient#f20000, #9c0000;
    background: -moz-linear-gradient#f20000, #9c0000;
    background: -ms-linear-gradient#f20000, #9c0000;
    background: -o-linear-gradient#f20000, #9c0000;
    background: linear-gradient#f20000, #9c0000;
    padding: 10px 10px;
    color: #FFF;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
    .form .contactBox .tel a {
      color: #FFF;
      font-size: 22px;
      text-decoration: none;
      font-weight: bold;
      letter-spacing: -0.05em; }
    .form .contactBox .tel span {
      font-size: 11px;
      padding-left: 10px; }
  .form .contactBox .formBox ul li {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .form .contactBox .formBox ul li.name, .form .contactBox .formBox ul li.mail, .form .contactBox .formBox ul li.mailk, .form .contactBox .formBox ul li.add, .form .contactBox .formBox ul li.tels, .form .contactBox .formBox ul li.area {
      font-weight: bold; }
    .form .contactBox .formBox ul li input {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      height: 35px; }
    .form .contactBox .formBox ul li textarea {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; } }