/* CSS Document */
/* header
------------------------------------------------------------*/
#header #head_tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  #header #head_tel .item-tel {
    margin-right: 10px; }
    #header #head_tel .item-tel a {
      color: #000;
      font-size: 34px;
      font-size: 2.4285714286rem;
      font-weight: bold;
      line-height: 1;
      position: relative;
      text-decoration: none;
      display: -moz-inline-box;
      display: inline-block;
      padding-left: 32px;
      letter-spacing: -0.02em; }
      #header #head_tel .item-tel a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 2px;
        width: 27px;
        height: 34px;
        background: url(../img/icon-tel.png) no-repeat center center; }
  #header #head_tel .item-txt {
    font-weight: bold; }

@media screen and (min-width: 751px) and (max-width: 1000px) {
  #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;
    width: 100%; }
    #header #head {
      height: 105px; }
    #header #head_logo {
      width: 250px; }
    #header #head_tel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      top: 54px; }
      #header #head_tel .item-tel a {
        font-size: 24px;
        font-size: 1.7142857143rem;
        font-weight: bold;
        padding-left: 29px; }
        #header #head_tel .item-tel a:before {
          top: -3px;
          background-size: 22px auto; }
      #header #head_tel .item-txt {
        font-size: 10px;
        font-size: 0.7142857143rem; }
    #header #banner1 {
      left: auto;
      right: 350px; }
      #header #banner1 img {
        width: 100px;
        height: auto; }
    #header #banner2 {
      left: auto;
      right: 240px; }
      #header #banner2 img {
        width: 100px;
        height: auto; } }

@media screen and (max-width: 750px) {
  #header {
    padding: 10px 0px; }
    #header h1 {
      display: none; }
    #header #head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      height: auto; }
      #header #head #head_logo {
        width: 200px;
        position: relative;
        top: auto; } }

/* footer
------------------------------------------------------------*/
footer {
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

#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
------------------------------------------------------------*/
.contact-btn-block {
  text-align: center; }
  .contact-btn-block .item-btn {
    line-height: 0;
    margin-bottom: 10px; }
  .contact-btn-block .item-txt {
    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; }
    .contact-btn-block .item-txt .txt {
      font-size: 18px;
      font-size: 1.2857142857rem;
      font-weight: bold;
      margin-right: 10px; }
    .contact-btn-block .item-txt .tel .icon-tel a {
      font-size: 48px;
      font-size: 3.4285714286rem;
      font-weight: bold;
      line-height: 1;
      letter-spacing: -0.02em;
      color: #000;
      text-decoration: none;
      display: -moz-inline-box;
      display: inline-block;
      position: relative;
      padding-left: 45px; }
      .contact-btn-block .item-txt .tel .icon-tel a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 2px;
        width: 45px;
        height: 52px;
        background: url(../img/icon-tel2.png) no-repeat center center; }
    .contact-btn-block .item-txt .tel .time {
      text-align: right; }
  .contact-btn-block.white .item-txt {
    color: #FFF; }
    .contact-btn-block.white .item-txt .tel .icon-tel a {
      color: #FFF; }
      .contact-btn-block.white .item-txt .tel .icon-tel a:before {
        background-image: url(../img/icon-tel3.png); }

#sec1 .sp-img {
  display: none; }

#sec5 .tel-box {
  padding-left: 20px;
  padding-right: 10px; }
  #sec5 .tel-box .item-tel {
    padding-left: 24px;
    position: relative; }
    #sec5 .tel-box .item-tel:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 5px;
      width: 19px;
      height: 24px;
      background: url(../img/icon-tel4.png) no-repeat center center; }
    #sec5 .tel-box .item-tel a {
      color: #a9d156;
      text-decoration: none;
      font-size: 16px;
      font-size: 1.1428571429rem;
      font-weight: bold; }

@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%; }
  #sec2 .column3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  #sec5 .tel-box {
    padding-left: 20px;
    padding-right: 10px; }
    #sec5 .tel-box .item-tel {
      padding-left: 17px;
      position: relative; }
      #sec5 .tel-box .item-tel:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 19px;
        height: 24px;
        background: url(../img/icon-tel4.png) no-repeat center center; }
      #sec5 .tel-box .item-tel a {
        color: #a9d156;
        text-decoration: none;
        font-size: 16px;
        font-size: 1.1428571429rem;
        font-weight: bold; }
  .area_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .area_box > div {
      width: 33.333%;
      margin-left: 0px !important; }
      .area_box > div iframe {
        width: 100% !important; }
      .area_box > div.clear_box {
        display: none; }
  #contact_tbl {
    margin-left: 0;
    margin: 0 auto 30px; } }

/*sp*/
@media screen and (max-width: 750px) {
  .sp-hide {
    display: none !important; }
  .pc-hide {
    display: block; }
  /* main top
------------------------------------------------------------*/
  #mainimg {
    line-height: 0; }
    #mainimg .in {
      padding-left: 0px;
      padding-right: 0px; }
  .in {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    -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%; }
  .contact-btn-block {
    margin-bottom: 30px; }
    .contact-btn-block .item-btn {
      line-height: 0;
      margin-bottom: 10px; }
    .contact-btn-block .item-txt {
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .contact-btn-block .item-txt .txt {
        width: 100%;
        font-size: 13px;
        font-size: 0.9285714286rem;
        font-weight: bold;
        margin-right: 0px;
        font-weight: normal;
        margin-bottom: 5px; }
        .contact-btn-block .item-txt .txt br {
          display: none; }
      .contact-btn-block .item-txt .tel {
        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; }
        .contact-btn-block .item-txt .tel .icon-tel a {
          letter-spacing: -0.05em;
          font-size: 23px;
          margin-right: 10px;
          padding-left: 0px; }
          .contact-btn-block .item-txt .tel .icon-tel a:before {
            display: none; }
        .contact-btn-block .item-txt .tel .time {
          font-size: 10px;
          line-height: 1.4;
          text-align: left;
          font-weight: bold; }
    .contact-btn-block.white .item-txt {
      color: #FFF; }
      .contact-btn-block.white .item-txt .tel .icon-tel a {
        color: #FFF; }
        .contact-btn-block.white .item-txt .tel .icon-tel a:before {
          background-image: url(../img/icon-tel3.png); }
  #sec1 .bnr {
    display: none; }
  #sec1 .sp-img {
    display: block;
    margin-left: -10px;
    margin-right: -10px; }
  #sec2 {
    padding-top: 30px;
    text-align: center; }
    #sec2 .column2 {
      padding-top: 20px;
      padding-bottom: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-right: -10px;
      margin-left: -10px; }
      #sec2 .column2 > div {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        line-height: 0; }
        #sec2 .column2 > div:first-child {
          border-right: dashed 1px #cdcdcd; }
  #sec3 {
    padding: 30px 0 0px;
    text-align: center; }
    #sec3 .title {
      text-align: center; }
    #sec3 .in > p {
      line-height: 0;
      padding-bottom: 14px; }
  #sec4 {
    padding-top: 0px; }
    #sec4 .contact-btn-block {
      margin-bottom: 0;
      padding-top: 20px;
      padding-bottom: 20px; }
  #sec5 {
    background-color: #ffffff !important; }
    #sec5 .sec5-top {
      background-color: #8dc21f !important;
      margin-left: -10px;
      margin-right: -10px;
      text-align: center;
      padding-bottom: 20px;
      padding-top: 30px; }
    #sec5 .sec5-bottom {
      padding-top: 30px;
      text-align: center; }
      #sec5 .sec5-bottom .title {
        margin-bottom: 20px; }
      #sec5 .sec5-bottom .area_box {
        margin-left: 0 !important;
        margin-right: 0 !important; }
        #sec5 .sec5-bottom .area_box .area_box_shop {
          margin-left: 0 !important;
          margin-right: 0 !important;
          float: inherit;
          width: 100%;
          height: auto;
          margin-bottom: 20px;
          border: none; }
          #sec5 .sec5-bottom .area_box .area_box_shop .area_box_shop_title {
            background-size: cover;
            margin-bottom: 10px; }
        #sec5 .sec5-bottom .area_box iframe {
          display: none; }
    #sec5 .tel-box .item-tel {
      padding-left: 40px;
      position: relative;
      text-align: left; }
      #sec5 .tel-box .item-tel:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 32px;
        height: 32px;
        background-image: url(../img/sp/icon-tel4.png);
        background-size: 32px auto; }
      #sec5 .tel-box .item-tel a {
        color: #a9d156;
        text-decoration: none;
        font-size: 16px;
        font-size: 1.1428571429rem;
        font-weight: bold; }
    #sec5 .tel-box .item-address {
      padding-left: 40px;
      text-align: left; }
  #sec-contact {
    background-color: #1a7cad !important; }
    #sec-contact .title {
      margin-bottom: 20px; }
    #sec-contact .tel-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      border-radius: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      background-color: #fff;
      color: #1a7cad;
      padding: 10px 15px;
      -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%;
      margin-bottom: 20px; }
      #sec-contact .tel-form .item-tel {
        margin-right: 10px; }
        #sec-contact .tel-form .item-tel a {
          line-height: 1;
          text-decoration: none;
          color: #1a7cad;
          font-size: 23px;
          font-weight: bold;
          letter-spacing: -0.05em; }
      #sec-contact .tel-form .item-time {
        font-size: 12px;
        color: #1a7cad;
        font-weight: bold;
        line-height: 1.4; }
  #contact_in {
    background-color: #1a7cad; }
    #contact_in #contact_tbl {
      margin-left: 0;
      width: 100%; }
      #contact_in #contact_tbl tr {
        display: block; }
        #contact_in #contact_tbl tr th, #contact_in #contact_tbl tr td {
          width: 100%;
          padding: 0;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          box-sizing: border-box;
          display: block; }
        #contact_in #contact_tbl tr th {
          color: #FFF;
          font-weight: bold;
          margin-bottom: 3px; }
          #contact_in #contact_tbl tr th textarea {
            width: 100%; }
        #contact_in #contact_tbl tr td {
          margin-bottom: 10px; }
          #contact_in #contact_tbl tr td input {
            height: 35px;
            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; } }