@charset "UTF-8";
/* ----------------------------------------
ã€€contact.css
---------------------------------------- */
.content {
  /*ã”æ‰€æœ‰ä¸å‹•ç”£ã«é–¢ã™ã‚‹ãŠå•åˆã›
	---------------------------------------- */
  /*è¦‹å‡ºã—éƒ¨åˆ†*/
  /*No.1 ã®å£²å´åŠ›*/
  /*ã¾ãšã¯ç„¡æ–™æŸ»å®š ä¸å‹•ç”£å£²å´ç›¸è«‡ã‚’ã™ã‚‹*/
  /*å£²å´å°‚ç”¨ãƒ•ãƒªãƒ¼ãƒ€ã‚¤ãƒ¤ãƒ«*/
  /*é›»è©±ç•ªå·*/
  /* ----------------------------------------
	ã€€style.css min-width:768px;
	---------------------------------------- */
  /************ è¿½åŠ åˆ†ï¼ˆæŸ»å®šä¾é ¼ãƒ»å£²å´ç›¸è«‡ã¯ã“ã¡ã‚‰ï¼ˆç„¡æ–™ï¼‰ï¼‰ ***********/
  /************ è¿½åŠ åˆ†ã“ã“ã¾ã§ï¼ˆæŸ»å®šä¾é ¼ãƒ»å£²å´ç›¸è«‡ã¯ã“ã¡ã‚‰ï¼ˆç„¡æ–™ï¼‰ï¼‰ ***********/
}

.content .contact .cnt-ttl {
  display: none;
}

.content article .contact h2 {
  border-left: 3px solid #e3001f;
  padding: 3% 0 2% 3%;
  font-weight: bold;
  margin-left: 1%;
  font-weight: bold;
}

.content article .contact h2 span {
  font-size: 0.8em;
}

.content article .contact h2 {
  padding: 8px 0 5px 20px;
  font-size: 18px;
}

.content article .contact h2 span {
  font-size: 15px;
}

.content .contact .sp-bg h4 {
  font-size: 1.6rem;
}

.content .contact .no1-box {
  background: #ccc;
  padding: 2%;
}

.content .contact .no1-box .no1-pc {
  display: none;
}

.content .contact .w-bg {
  background: #fff;
  padding: 4% 3%;
  text-align: center;
}

.content .contact .no1-box .w-bg img.no_1 {
  width: 90%;
}

.content .contact .no1-cnt {
  padding: 1% 0 2%;
  text-align: left;
}

.content .contact .no1-cnt dt {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 1%;
}

.content .contact .no1-cnt dt p {
  border-left: 5px solid #e37d00;
  color: #4d1f00;
  font-size: 2rem;
  padding: 1% 0 1% 3%;
  font-weight: bold;
  line-height: 1.2;
}

.content .contact .no1-cnt dd {
  padding: 4% 3% 0;
  font-size: 1.4rem;
  line-height: 1.5;
}

.content .contact .no1-cnt dd img {
  float: left;
  margin-right: 3%;
}

.content .contact .no1-cnt dd img.img {
  display: block;
  width: 100%;
  padding-top: 2%;
}

.content .contact .no1-cnt dd p {
  display: table;
}

.content .contact .no1-cnt dd span {
  font-size: 1.2rem;
}

.content .contact .bd-c {
  border: 1px solid #ccc;
  text-align: left;
}

.content .contact .btn-box {
  font-size: 1.4rem;
  line-height: 1.4;
}

.content .contact .btn-box dt {
  border-bottom: 2px solid #e3001f;
  padding-bottom: 2%;
  margin-bottom: 2%;
}

.content .contact .btn-box dt p {
  font-size: 1.8rem;
  font-weight: bold;
}

.content .contact .btn-box dt p:before {
  content: "";
  display: inline-block;
  margin-right: 1.5%;
  width: 8px;
  height: 8px;
  border: 3px solid #e3001f;
  border-radius: 50%;
}

.content .contact .btn-box dd .inq-btn {
  border: 2px solid #ccc;
  padding: 0.5%;
  margin: 2% 0 0;
}

.content .contact .inq-btn p {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 6% 5% 5%;
  display: inline-block;
}

.content .contact .inq-btn .txt {
  padding-left: 22%;
}

.content .contact .inq-btn .satei {
  background: url(/common2015/img/btn_img_satei.gif) no-repeat;
  background-size: contain;
}

.content .contact .inq-btn .sodan {
  background: url(/common2015/img/btn_img_sodan.gif) no-repeat;
  background-size: contain;
}

.content .contact .inq-btn .icon {
  display: block;
  float: right;
  font-weight: bold;
  padding: 5% 4% 5% 6%;
  border-left: 1px solid #e3e3e3;
}

.content .contact .inq-btn .arrow {
  display: none;
}

.content .contact .freedial .fd-ttl {
  color: #fff;
  background: #e37d00;
  border-radius: 25px;
  border-bottom: none;
  text-align: center;
  padding: 2% 0;
}

.content .contact .freedial dd dl.fd-number {
  padding: 3%;
  display: table;
}

.content .contact .freedial dd dl.fd-number dt {
  border-bottom: none;
  display: table-cell;
  margin: 0;
  padding-right: 3%;
  width: 22%;
}

.content .contact .freedial dd dl.fd-number dt img {
  width: 100%;
}

.content .contact .freedial dd dl.fd-number dd {
  display: table-cell;
  color: #e37d00;
  font-size/***/: 30px;
  /*IE8*/
  font-size: 2.9rem;
  font-weight: bold;
  text-align: center;
}

.content .contact .freedial dd dl.fd-number dd a.contact_tel {
  color: #e37d00;
  text-decoration: none;
  cursor: default;
}

@media (min-width: 768px) {
  .content {
    /* 20160208ä¿®æ­£ */
    /*No.1 ã®å£²å´åŠ›*/
    /*ã¾ãšã¯ç„¡æ–™æŸ»å®š ä¸å‹•ç”£å£²å´ç›¸è«‡ã‚’ã™ã‚‹*/
    /*å£²å´å°‚ç”¨ãƒ•ãƒªãƒ¼ãƒ€ã‚¤ãƒ¤ãƒ«*/
  }
  .content .contact {
    margin-bottom: 40px;
  }
  .content .contact .sp-bg h4,
  .content .contact .no1-sp {
    display: none;
  }
  .content .contact .no1-box {
    background: #fff;
    padding: 30px 20px 20px 20px;
  }
  .content .contact .no1-box .no1-pc {
    text-align: center;
    display: block;
  }
  .content .contact .no1-pc img.no_1 {
    margin: 0 auto;
  }
  .content .contact .no1-cnt {
    width: 32%;
    float: left;
    margin-right: 2%;
  }
  .content .contact .no1-cnt dt {
    border-top: 3px solid #e37d00;
    border-bottom: 1px solid #e37d00;
    padding: 15px 0 10px;
  }
  .content .contact .no1-cnt dt p {
    border: none;
    font-size: 13px;
    text-align: center;
    line-height: 1.4;
    padding-left: 83px;
  }
  .content .contact .no1-cnt dt p span {
    font-size: 20px;
  }
  .content .contact .no1-01 dt {
    background: url(/common2015/img/no_1_01.gif) no-repeat 5px 15px;
    background-size: 25%;
  }
  .content .contact .no1-02 dt {
    background: url(/common2015/img/no_1_02.gif) no-repeat 10px 15px;
    background-size: 25%;
  }
  .content .contact .no1-03 dt {
    background: url(/common2015/img/no_1_03.gif) no-repeat 0 15px;
    background-size: 25%;
  }
  .content .contact .no1-02 dt p {
    padding-left: 70px;
  }
  .content .contact .no1-03 dt p {
    padding-left: 55px;
  }
  .content .contact .no1-cnt dd p {
    font-size: 14px;
  }
  .content .contact .no1-cnt dd p span {
    font-size: 12px;
  }
  .content .contact .no1-03 {
    margin-right: 0;
  }
  .content .mr20 {
    margin-right: 1%;
  }
  .content .contact .sp-bg {
    padding: 0;
    max-width: 968px;
  }
  .content .contact .w-bg {
    width: 44%;
    padding: 20px 20px 5px 20px;
    min-height: 145px;
  }
  .content .contact .btn-box dd {
    font-size: 14px;
  }
  .content .contact .btn-box dd .inq-btn {
    border: 1px solid #e3001f;
    background: url(/common2015/img/arrow_link_w.png) no-repeat #e3001f 96% 50%;
    color: #fff;
    padding: 0;
  }
  .content .contact .btn-box dd .inq-btn:hover {
    opacity: 0.8;
  }
  .content .contact .btn-box dt p {
    color: #e3001f;
    font-size: 16px;
    font-weight: normal;
  }
  .content .contact .inq-btn p {
    padding: 0;
    text-align: center;
    float: none;
    text-decoration: none !important;
  }
  .content .contact .inq-btn .txt {
    color: #fff;
    background-image: none;
    font-weight: normal;
    padding: 10px 0 9px;
    width: 90%;
    text-align: center;
  }
  .content .contact .inq-btn .icon {
    display: none;
  }
  .content .contact .inq-btn .arrow {
    float: right;
    display: block;
    padding: 0 20px;
    line-height: 1.2;
  }
  .content .contact .freedial {
    max-width: 908px;
    width: 95.8%;
    padding: 2%;
    min-height: 80px;
  }
  .content .contact .freedial .fd-ttl {
    font-size: 15px;
    color: #666;
    background: none;
    float: left;
    margin: 0 20px 0 0;
    padding: 14px 0 0;
  }
  .content .contact .freedial dd dl.fd-number {
    padding: 0;
    float: left;
    display: table;
    width: 34%;
  }
  .content .contact .freedial dd dl.fd-number dd {
    text-align: left;
  }
  .content .contact .freedial dd.note {
    width: 38%;
    float: right;
  }
}

@media (max-width: 640px) {
  .content {
    /* 20160208ä¿®æ­£ */
  }
  .content .main-cnt section.contact {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .content .main-cnt .contact section {
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .content .main-cnt .contact .no1-box,
  .content .main-cnt .contact .no1-sp {
    border: none;
  }
  .content .main-cnt .contact .sp-bg {
    padding: 0;
    border: none;
  }
}

.content .contact h3 {
  background: #931d08 !important;
  padding: 8px;
  margin: 0;
}

.content .contact a,
.content .btnArea a {
  display: initial !important;
  width: initial !important;
  margin: initial !important;
  padding: initial !important;
  border: initial !important;
  text-decoration: initial !important;
}

.content .satei-inquiry#shopsearch h3 {
  position: relative;
  background: #931d08;
  padding: 8px !important;
  line-height: 1.4;
  border: 0;
  margin: 0;
  color: #fff;
  font-weight: bold;
}

.content .satei-inquiry#shopsearch h3::before {
  background: url(/common2015/img/icn_ttl_baloon.png) no-repeat 0 0;
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  height: 23px;
  left: 50%;
  margin: 0 0 0 -12px;
  width: 23px;
}

.content .satei-inquiry#shopsearch .btnArea {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 13px 14px;
  background: #ffe5e1;
  margin: 0 !important;
}

.content .satei-inquiry .block04 .b2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 442px;
  top: 0;
  padding: 5px;
  color: #444;
  background: #fff;
  right: 0;
  text-align: center;
}

.content .satei-inquiry .block04 .b2 .ttl {
  background: #f7f5f5;
  color: #e82928;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0 5px;
}

.content .satei-inquiry .block04 .b2 .ttl::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(/common2013/img/uri/top/icn_tel_b.png) no-repeat;
}

.content .satei-inquiry .block04 .b2 .ttl span {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  line-height: 1 !important;
  font-weight: bold;
}

.content .satei-inquiry .block04 .b2 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 250px;
}

.content .satei-inquiry .block04 .b2 p {
  font-size: 1.07143em !important;
}

.content .satei-inquiry .block04 .b2 .num {
  margin-bottom: 5px;
}

.content .satei-inquiry .block04 .b2 .num a {
  display: block !important;
  text-decoration: none !important;
  color: #e51312 !important;
  font-weight: bold !important;
  cursor: default !important;
  white-space: nowrap !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.content .satei-inquiry .block04 .b2 .num a::before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 19px;
  background: url(/common2013/img/uri/top/icn_free_dial.png) no-repeat 0 0;
  margin-right: 5px;
}

.content .satei-inquiry .block04 .b2 .contact-time {
  color: #666;
  text-align: center;
  margin-bottom: 5px;
  line-height: 1 !important;
}

.content .satei-inquiry .block04 .b2 p em {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background: #a0a0a0;
  width: 97px;
  height: 20px;
  border-radius: 3px;
  margin: 0 2px;
  font-size: 13px;
}

.content .satei-inquiry .btnArea .btn {
  display: inline-block !important;
  background: url(/common2013/img/uri/top/inquiry_btn_b.png) no-repeat !important;
  width: 452px !important;
  height: 69px !important;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
}

.content .satei-inquiry .btnArea .btn:hover {
  background-position-y: -69px !important;
}

.content .satei-inquiry .btnArea .btn img {
  display: none;
}

.content .satei-inquiry .btnArea .btn:hover {
  background-position-y: -69px;
}

@media (max-width: 946px) {
  .content .satei-inquiry#shopsearch .btnArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .content .satei-inquiry .block04 {
    margin-top: 15px;
  }
  .content .satei-inquiry .block04 .b2 > div {
    margin: 10px auto 0;
  }
}

@media (max-width: 767px) {
  .content .satei-inquiry {
    margin: 20px 0 20px !important;
  }
  .content .satei-inquiry + section {
    margin-bottom: 20px !important;
  }
  .content .satei-inquiry#shopsearch h3 {
    font-size: 16px;
  }
  .content .satei-inquiry .block04 {
    width: 100%;
  }
  .content .satei-inquiry .block04 .b2 {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .content .satei-inquiry .block04 .b2 .ttl {
    width: 42%;
  }
  .content .satei-inquiry .block04 .b2 .ttl span {
    font-size: 3.1vw;
    margin-left: 10px;
  }
  .content .satei-inquiry .block04 .b2 .ttl::before {
    width: 30px;
    height: 30px;
    background-size: 100%;
  }
  .content .satei-inquiry .block04 .b2 > div {
    width: 53%;
    margin: 0;
  }
  .content .satei-inquiry .btnArea .btn {
    width: 100% !important;
    height: auto !important;
    background-size: 100% !important;
  }
  .content .satei-inquiry .btnArea .btn:hover {
    background-position-y: 0 !important;
  }
  .content .satei-inquiry .btnArea .btn img {
    display: block;
    width: 100%;
  }
  .content .satei-inquiry .block04 .b2 .num a {
    font-size: 5.4vw !important;
  }
  .content .satei-inquiry .block04 .b2 .num a::before {
    width: 25px;
    height: 14px;
    background-size: 100%;
  }
  .content .satei-inquiry .block04 .b2 .contact-time {
    margin-bottom: 0;
  }
  .content .satei-inquiry .block04 .b2 .contact-time em {
    font-size: 10px;
    width: 60px;
    height: auto;
    padding: 2px 0;
  }
}
/*# sourceMappingURL=contact.css.map */