@charset "UTF-8";
/*====================================
	
	----------------------------------
		Color
	----------------------------------
	
	Main     : #b33f22
	Sub      : #e8811b
	Gray     : #bab5b4
	かたづけくん : #A54342
	かいとりくん   : #0f80b0
	かいたいくん   : #18524f

	----------------------------------
  	Structure
  ----------------------------------
  
    _reset.scss / reset
    _mixin.scss / mixin
  
      
	----------------------------------
  	Comment
  ----------------------------------
  
  修正する際は、scssを修正してください。

  ----------------------------------
    更新履歴
  ----------------------------------
    
    2020.04/27 azuma

====================================*/
/*  Fonts
*************************************************************************/
/*  Reset ▽_reset.scssここから
*************************************************************************/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
  margin: 0;
  padding: 0;
  letter-spacing: 0.1rem;
  font-size: 100%;
  font-weight: 400; }

article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, section, main {
  display: block; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

table {
  border-collapse: collapse; }

ul li {
  list-style: none; }

ol li {
  list-style: decimal;
  margin-left: 2.0rem; }

img {
  width: 100%; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* △_reset.scssここまで -----*/
/*-----▽ style.scss ここから*/
/*  Base
*************************************************************************/
html, body {
  height: 100%; }

html {
  font-size: 62.5%;
  overflow: auto; }

body {
  font-size: 1.6rem;
  line-height: 1.45;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #333;
  letter-spacing: 0.2rem;
  -webkit-text-size-adjust: 100%; }
  @media screen and (min-width: 600px) {
    body {
      font-size: 2.2rem;
      line-height: 1.65; } }

/* 共通
*************************************************************************/
.container {
  max-width: 540px;
  margin: 0 auto;
  padding: 0 2rem; }
  @media screen and (min-width: 600px) {
    .container {
      max-width: 1080px; } }

.pcOnly {
  display: none !important; }
  @media screen and (min-width: 600px) {
    .pcOnly {
      display: block !important; } }

@media screen and (min-width: 600px) {
  .spOnly {
    display: none !important; } }
.mb10 {
  margin-bottom: 1rem; }

.mb20 {
  margin-bottom: 2rem; }

/*---------- 見出し ----------*/
.head {
  position: relative;
  padding: 1.8rem 1rem 2.3rem;
  max-width: 100%;
  color: #fff;
  font-size: 3.2rem;
  line-height: 1.3;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  background: #b33f22; }
  .head:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    border: 12px solid transparent;
    border-top: 13px solid #b33f22; }
  @media screen and (min-width: 600px) {
    .head {
      font-size: 6rem;
      padding: 2.3rem 1rem 3.3rem; } }

/*---------- 強調 ----------*/
.marker {
  background: linear-gradient(transparent 70%, #ffe100 70%);
  font-weight: bold;
  border-radius: .5rem;
  display: inline; }

/*---------- Btn ----------*/
.btn {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: bold;
  font-size: 1.8rem;
  color: #fff;
  padding: 1.2rem 1.5rem;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  border-radius: .2rem; }

.telBtn {
  background: #b33f22;
  /*border-bottom: solid 4px #9b321d;*/
  box-shadow: 0 4px 0 0px #9b321d; }
  .telBtn:active {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/ }

.mailBtn {
  background: #e8811b;
  /*border-bottom: solid 4px #C1611A;*/
  box-shadow: 0 4px 0 0px #C1611A; }
  .mailBtn:active {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/ }

.lineBtn {
  background: #00AF00;
  /*border-bottom: solid 4px #016B01;*/
  box-shadow: 0 4px 0 0px #016B01; }
  .lineBtn:active {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/ }

.btnWrap {
  text-align: center; }

/* Header
*************************************************************************/
header .container {
  padding: 1.5rem 0; }
  @media screen and (min-width: 960px) {
    header .container {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between;
      align-items: center; } }

header h1 img {
  max-width: 220px;
  display: block;
  margin: 0 auto; }
  @media screen and (min-width: 960px) {
    header h1 img {
      margin: 0; } }

header .address {
  font-size: 1.6rem; }
  @media screen and (min-width: 960px) {
    header .address {
      display: none; } }

.headerContact {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .5rem;
  margin: .5rem auto 0;
  max-width: 375px; }
  @media screen and (min-width: 600px) {
    .headerContact {
      max-width: 445px; } }
  @media screen and (min-width: 960px) {
    .headerContact {
      max-width: 100%; } }

.headerTel i {
  color: #b33f22;
  font-size: 2.2rem;
  vertical-align: middle; }

@media screen and (min-width: 960px) {
  .headerTel {
    text-align: center; } }
@media screen and (min-width: 600px) {
  .headerTel span {
    display: none !important; } }
@media screen and (min-width: 960px) {
  .headerTel span {
    display: inline-block !important;
    margin-right: .5rem; } }

.headerTel a {
  font-size: 2.4rem;
  color: #333;
  font-weight: bold;
  display: inline-block;
  line-height: 1.3;
  vertical-align: middle;
  letter-spacing: 0; }
  @media screen and (min-width: 960px) {
    .headerTel a {
      font-size: 3rem; } }

.headerTel p {
  font-size: 1.6rem;
  margin-top: -.5rem;
  letter-spacing: 0; }
  @media screen and (min-width: 960px) {
    .headerTel p {
      font-size: 1.5rem; } }

.headerBtn a {
  max-width: 240px;
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 960px) {
    .headerBtn a {
      max-width: 100%;
      margin: 0 0 0 1rem; } }

header .lineBtn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 1.2rem 1rem; }
  @media screen and (min-width: 960px) {
    header .lineBtn {
      padding: 1.2rem 1.5rem; } }
  header .lineBtn img {
    max-width: 25px;
    margin-right: .3rem; }
    @media screen and (min-width: 600px) {
      header .lineBtn img {
        max-width: 30px;
        margin-right: .5rem; } }

header .mailBtn i {
  margin-right: .5rem;
  font-size: 2.3rem;
  vertical-align: middle; }

@media screen and (min-width: 960px) {
  .headerBtn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex; } }
@media screen and (max-width: 959px) {
  header .mailBtn {
    display: none; } }
.mv {
  display: block; }

/* かたづけザウルスとは/かたづけくん
*************************************************************************/
.about {
  background: #ece6de;
  padding-bottom: 10rem; }

.about h3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5rem 0 2rem 0; }
  @media screen and (min-width: 960px) {
    .about h3 {
      margin-bottom: 0; } }
  .about h3 .headTxt {
    font-size: 3rem;
    text-align: center;
    line-height: 1.3;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold; }
    @media screen and (min-width: 600px) {
      .about h3 .headTxt {
        font-size: 4rem; } }
  .about h3 img {
    max-width: 110px;
    margin-right: .3rem; }
    @media screen and (min-width: 600px) {
      .about h3 img {
        max-width: 170px;
        margin-right: .8rem; } }
  .about h3 .headEmphasize {
    font-size: 3.2rem;
    color: #b33f22;
    display: block;
    padding: 0 .5rem;
    letter-spacing: 0; }
    @media screen and (min-width: 600px) {
      .about h3 .headEmphasize {
        font-size: 6rem; } }
    @media screen and (min-width: 960px) {
      .about h3 .headEmphasize {
        display: inline-block; } }

.about .inner {
  background: #fff;
  padding: 2.5rem 2rem; }
  @media screen and (min-width: 600px) {
    .about .inner {
      padding: 5rem 4.5rem; } }

.about h4 {
  text-align: center;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: bold; }

.katazukeAbout h4 {
  font-size: 3rem;
  margin: 3rem auto;
  line-height: 1.4;
  max-width: 230px; }
  @media screen and (min-width: 600px) {
    .katazukeAbout h4 {
      font-size: 4.3rem;
      max-width: 100%;
      margin: 3rem 0; } }
  .katazukeAbout h4 span {
    font-size: 3.2rem;
    color: #0f80ad;
    position: relative;
    display: inline-block;
    margin: 0 .5rem; }
    @media screen and (min-width: 600px) {
      .katazukeAbout h4 span {
        font-size: 5.5rem; } }
    .katazukeAbout h4 span:after {
      position: absolute;
      top: -38px;
      right: -20px;
      content: url(../images/katazukeIco01.svg);
      display: block;
      width: 100%;
      max-width: 35px; }

/*---------- 吹き出し ----------*/
.about .balloon {
  position: relative;
  width: 100%;
  max-width: 295px;
  height: 100%;
  min-height: 315px;
  text-align: center;
  margin: 3rem auto; }
  @media screen and (min-width: 600px) {
    .about .balloon {
      max-width: 470px;
      min-height: 440px; } }
  @media screen and (min-width: 960px) {
    .about .balloon {
      margin: 6rem auto;
      max-width: 92%;
      min-width: 820px;
      min-height: 360px; } }

.about .balloon p {
  position: relative;
  display: inline-block;
  padding: 2.5rem 1rem;
  width: 100%;
  min-width: 120px;
  max-width: 145px;
  color: #fff;
  background: #e8811b;
  border-radius: 9rem;
  line-height: 1.4;
  margin-bottom: 1rem; }
  @media screen and (min-width: 600px) {
    .about .balloon p {
      font-size: 2rem;
      border-radius: 9rem;
      margin-bottom: 0;
      max-width: 230px;
      padding: 3.5rem 3rem; } }
  @media screen and (min-width: 960px) {
    .about .balloon p {
      font-size: 2.5rem;
      max-width: 300px; } }

.about .balloon p:first-child {
  position: absolute;
  top: 35%;
  left: 0; }
  @media screen and (min-width: 600px) {
    .about .balloon p:first-child {
      top: 36%; } }
  .about .balloon p:first-child:before {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 5px;
    margin-top: -15px;
    border: 10px solid transparent;
    border-left: 21px solid #e8811b;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.about .balloon p:nth-child(2) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%); }
  .about .balloon p:nth-child(2):before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 16px solid #e8811b; }

.about .balloon p:nth-child(3) {
  position: absolute;
  top: 35%;
  right: 0; }
  @media screen and (min-width: 600px) {
    .about .balloon p:nth-child(3) {
      top: 36%; } }
  .about .balloon p:nth-child(3):before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 5px;
    margin-top: -15px;
    border: 10px solid transparent;
    border-left: 21px solid #e8811b;
    z-index: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }

.about .balloon strong {
  font-size: 2rem; }
  @media screen and (min-width: 600px) {
    .about .balloon strong {
      font-size: 2.5rem; } }
  @media screen and (min-width: 960px) {
    .about .balloon strong {
      font-size: 3.5rem; } }

.about .balloon img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  max-width: 115px;
  display: block;
  margin: 2rem auto 0; }
  @media screen and (min-width: 600px) {
    .about .balloon img {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      max-width: 150px; } }

/*---------- 下線矢印 ----------*/
.about hr {
  position: relative;
  overflow: visible;
  border: none;
  border-bottom: solid 3px #b33f22; }
  .about hr:before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    border: 18px solid transparent;
    border-top: 18px solid #b33f22; }
  .about hr:after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    border: 14px solid transparent;
    margin-top: -1px;
    border-top: 14px solid #fff; }

.emphasize {
  background: url("../images/aboutTroubleBg.png") no-repeat;
  display: block;
  font-size: 3.2rem;
  background-size: 100% 100%;
  text-align: center;
  padding: 2rem 0;
  margin: 3rem 0 1rem;
  line-height: 1.4; }
  @media screen and (min-width: 600px) {
    .emphasize {
      font-size: 6rem;
      padding: 2rem 0;
      margin: 4rem 0 2rem; } }
  @media screen and (min-width: 960px) {
    .emphasize {
      padding: 1.5rem 0;
      margin: 4rem 0; } }
  .emphasize .settle {
    color: #b33f22;
    display: block; }
    @media screen and (min-width: 600px) {
      .emphasize .settle {
        display: inline-block; } }

/*---------- カテゴリ ----------*/
.about .category {
  margin-bottom: 3rem; }
  @media screen and (min-width: 960px) {
    .about .category {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; } }
  .about .category img {
    display: block; }
    @media screen and (min-width: 960px) {
      .about .category img {
        max-width: 430px; } }
  .about .category dl {
    flex-basis: 52%; }
    @media screen and (min-width: 960px) {
      .about .category dl {
        padding-left: 1.5rem; } }
    .about .category dl dt {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      font-size: 2.2rem;
      color: #b33f22;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      margin: 1.5rem 0 .5rem; }
      @media screen and (min-width: 960px) {
        .about .category dl dt {
          font-size: 3.2rem;
          margin: 0 0 1rem 0; } }
      .about .category dl dt img {
        display: block;
        max-width: 22px;
        margin-right: .7rem; }
        @media screen and (min-width: 600px) {
          .about .category dl dt img {
            max-width: 30px;
            margin-right: 1rem; } }

/* かたづけザウルスとは/かいとりくん
*************************************************************************/
.kaitoriAbout h4 {
  font-size: 3rem;
  margin: 3rem 0 1.5rem; }
  @media screen and (min-width: 600px) {
    .kaitoriAbout h4 {
      font-size: 4rem; } }
  @media screen and (min-width: 960px) {
    .kaitoriAbout h4 {
      font-size: 5.4rem;
      margin: 4rem 0 3rem; } }

.kaitoriList {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .kaitoriList:before, .kaitoriList:after {
    content: "";
    display: block;
    width: 32%; }
    @media screen and (min-width: 960px) {
      .kaitoriList:before, .kaitoriList:after {
        width: 24%; } }
  .kaitoriList:before {
    order: 1; }
  .kaitoriList .box {
    border: solid 1px #bab5b4;
    padding: 1rem .5rem;
    margin-bottom: 1rem;
    width: 32%;
    min-height: 80px; }
    @media screen and (min-width: 600px) {
      .kaitoriList .box {
        padding: 3rem .5rem; } }
    @media screen and (min-width: 960px) {
      .kaitoriList .box {
        width: 24%;
        padding: 3.3rem 2rem;
        margin-bottom: 1.5rem; } }
    .kaitoriList .box p {
      text-align: center;
      font-size: 1.5rem;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      margin-top: .8rem;
      letter-spacing: 0;
      line-height: 1.2; }
      @media screen and (min-width: 600px) {
        .kaitoriList .box p {
          font-size: 1.9rem; } }
      @media screen and (min-width: 960px) {
        .kaitoriList .box p {
          font-size: 2.4rem;
          margin-top: 1rem;
          letter-spacing: .1rem;
          line-height: 1.65; } }
  .kaitoriList img {
    max-height: 29px;
    display: block; }
    @media screen and (min-width: 600px) {
      .kaitoriList img {
        max-height: 50px; } }
    @media screen and (min-width: 960px) {
      .kaitoriList img {
        max-height: 60px; } }

@media screen and (max-width: 599px) {
  .kaitoriList .box .guitarImg {
    max-height: 32px;
    margin-bottom: -.3rem; }
  .kaitoriList .box .audioImg {
    max-height: 25px;
    margin: .4rem 0; }
  .kaitoriList .box .hobbyImg {
    max-height: 25px;
    margin: .4rem 0; }
  .kaitoriList .box .carImg {
    max-height: 33px;
    margin: .6rem 0; }
  .kaitoriList .box .outdoorsImg {
    max-height: 28px; }
  .kaitoriList .box .liquorImg {
    max-height: 35px;
    margin: .3rem 0; } }
/* かたづけザウルスとは/かいたいくん
*************************************************************************/
.kaitaiTxt {
  font-size: 2.8rem;
  line-height: 1.4;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: bold;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .kaitaiTxt {
      font-size: 4.2rem;
      line-height: 1.7; } }
  .kaitaiTxt strong {
    color: #b33f22;
    display: block; }
    @media screen and (min-width: 600px) {
      .kaitaiTxt strong {
        display: inline-block; } }

.kaitaiAbout .wrap {
  background: url("../images/kaitaiBg.jpg") repeat;
  padding: 1.5rem;
  margin-top: 1rem; }
  @media screen and (min-width: 600px) {
    .kaitaiAbout .wrap {
      padding: 3rem;
      margin-top: 2rem; } }
  .kaitaiAbout .wrap p {
    line-height: 1.5; }
    @media screen and (min-width: 600px) {
      .kaitaiAbout .wrap p {
        font-size: 2.7rem;
        line-height: 1.7; } }
  .kaitaiAbout .wrap p:first-child {
    padding-bottom: 1rem; }
  .kaitaiAbout .wrap strong {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    color: #b33f22; }
  .kaitaiAbout .wrap img {
    max-width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    padding-bottom: .3rem; }
    @media screen and (min-width: 600px) {
      .kaitaiAbout .wrap img {
        max-width: 41px;
        margin-right: 1rem;
        padding-bottom: 0; } }

.kaitaiAbout .emphasize {
  font-size: 3rem;
  padding: 3rem 0;
  margin: 2rem 0 1rem; }
  @media screen and (min-width: 600px) {
    .kaitaiAbout .emphasize {
      font-size: 4rem;
      padding: 3rem 0;
      margin: 2rem 0; } }

.kaitaiAbout .beforeAfter {
  margin-top: 2rem; }

@media screen and (min-width: 960px) {
  .beforeAfter {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: space-between; } }
.beforeAfter .arrow {
  max-width: 45px;
  display: block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 1.5rem auto; }
  @media screen and (min-width: 960px) {
    .beforeAfter .arrow {
      max-width: 60px;
      -webkit-transform: none;
      transform: none;
      margin: 1rem auto; } }

.before,
.after {
  position: relative; }
  .before img,
  .after img {
    display: block; }
    @media screen and (min-width: 960px) {
      .before img,
      .after img {
        max-width: 420px; } }
  .before p,
  .after p {
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    letter-spacing: .01rem;
    width: 100%;
    max-width: 85px;
    text-align: center;
    padding: .3rem; }
    @media screen and (min-width: 600px) {
      .before p,
      .after p {
        max-width: 110px; } }

.before {
  border: solid 4px #bab5b4; }
  .before p {
    background: #bab5b4; }

.after {
  border: solid 4px #b33f22; }
  .after p {
    background: #b33f22; }

/* コンバージョンエリア
*************************************************************************/
.conversion {
  background: url("../images/conversionBg.jpg") repeat;
  padding: 3.5rem 0; }
  @media screen and (min-width: 600px) {
    .conversion {
      padding: 4.5rem 0; } }
  .conversion .inner {
    margin-top: 2rem; }
    @media screen and (min-width: 960px) {
      .conversion .inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between; } }

.conversion .telWrap,
.conversion .lineWrap,
.conversion .mailWrap {
  background: #fff;
  padding: 1.5rem;
  border-radius: .2rem;
  width: 100%;
  max-width: 295px;
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .conversion .telWrap,
    .conversion .lineWrap,
    .conversion .mailWrap {
      max-width: 450px; } }
  @media screen and (min-width: 960px) {
    .conversion .telWrap,
    .conversion .lineWrap,
    .conversion .mailWrap {
      max-width: 328px; } }
  .conversion .telWrap i,
  .conversion .lineWrap i,
  .conversion .mailWrap i {
    font-size: 3rem;
    margin-bottom: 1rem; }
  .conversion .telWrap .ttl,
  .conversion .lineWrap .ttl,
  .conversion .mailWrap .ttl {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 2.1rem;
    line-height: 1.3;
    letter-spacing: 0; }
  .conversion .telWrap .txt,
  .conversion .lineWrap .txt,
  .conversion .mailWrap .txt {
    font-size: 1.5rem;
    margin: 0 0 1.5rem;
    line-height: 1.3; }
    .conversion .telWrap .txt .pcTxt,
    .conversion .lineWrap .txt .pcTxt,
    .conversion .mailWrap .txt .pcTxt {
      display: none; }
      @media screen and (min-width: 960px) {
        .conversion .telWrap .txt .pcTxt,
        .conversion .lineWrap .txt .pcTxt,
        .conversion .mailWrap .txt .pcTxt {
          display: inline-block; } }
  .conversion .telWrap .btn,
  .conversion .lineWrap .btn,
  .conversion .mailWrap .btn {
    display: block;
    font-size: 2.1rem;
    padding: 1rem 1.5rem; }
    @media screen and (min-width: 600px) {
      .conversion .telWrap .btn,
      .conversion .lineWrap .btn,
      .conversion .mailWrap .btn {
        max-width: 334px;
        margin: 0 auto;
        padding: 1.2rem 1.5rem; } }
    @media screen and (min-width: 960px) {
      .conversion .telWrap .btn,
      .conversion .lineWrap .btn,
      .conversion .mailWrap .btn {
        max-width: 100%; } }

.conversion .telWrap {
  border: solid 3px #b33f22;
  margin-bottom: 2rem; }
  @media screen and (min-width: 960px) {
    .conversion .telWrap {
      margin-bottom: 0; } }
  @media screen and (min-width: 600px) {
    .conversion .telWrap .ttl {
      margin-bottom: 1rem; } }
  .conversion .telWrap i {
    color: #b33f22; }

.conversion .lineWrap {
  border: solid 3px #00AF00;
  margin-bottom: 2rem; }
  @media screen and (min-width: 960px) {
    .conversion .lineWrap {
      margin: 0 1rem; } }
  .conversion .lineWrap i {
    color: #00AF00;
    font-size: 4.2rem; }
  .conversion .lineWrap .ttl {
    margin: 1.2rem 0 1.5rem; }

.conversion .mailWrap {
  border: solid 3px #e8811b; }
  .conversion .mailWrap i {
    color: #e8811b; }
  @media screen and (min-width: 960px) {
    .conversion .mailWrap .ttl {
      margin: 1rem 0 .9rem; } }

/* こんなお悩みがある方
*************************************************************************/
.trouble {
  background: url("../images/grayBg.jpg") repeat; }
  .trouble .inner {
    margin-top: 7rem; }
    @media screen and (min-width: 960px) {
      .trouble .inner {
        margin-top: 12rem; } }
  .trouble .user,
  .trouble .answer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: flex-start; }
    @media screen and (min-width: 960px) {
      .trouble .user,
      .trouble .answer {
        align-items: center; } }
    .trouble .user img,
    .trouble .answer img {
      max-width: 75px;
      display: block; }
      @media screen and (min-width: 960px) {
        .trouble .user img,
        .trouble .answer img {
          max-width: 140px; } }
  .trouble .user img {
    margin-right: 2rem; }
    @media screen and (min-width: 960px) {
      .trouble .user img {
        margin-right: 3rem; } }
  .trouble .answer {
    justify-content: flex-end;
    padding: 2.5rem 0 6rem; }
    @media screen and (min-width: 960px) {
      .trouble .answer {
        padding: 4rem 0 8rem; } }
    .trouble .answer img {
      margin-left: 2rem; }
      @media screen and (min-width: 960px) {
        .trouble .answer img {
          margin-left: 3rem; } }

.user .balloon,
.answer .balloon {
  position: relative;
  padding: 1.5rem 2rem;
  background: #fff3ed;
  border: solid 3px #bab5b4;
  border-radius: 2rem; }
  @media screen and (min-width: 960px) {
    .user .balloon,
    .answer .balloon {
      padding: 3.5rem; } }
  .user .balloon:before,
  .answer .balloon:before {
    content: "";
    position: absolute;
    margin-top: -10px;
    border: 10px solid transparent;
    z-index: 2; }
  .user .balloon:after,
  .answer .balloon:after {
    content: "";
    position: absolute;
    margin-top: -12px;
    border: 12px solid transparent;
    z-index: 1; }

.user .balloon {
  background: #fff3ed; }
  .user .balloon:before {
    top: 22px;
    left: -22px;
    border-right: 13px solid #fff3ed; }
    @media screen and (min-width: 600px) {
      .user .balloon:before {
        top: 35%; } }
    @media screen and (min-width: 960px) {
      .user .balloon:before {
        top: 50%;
        left: -27px;
        border-right: 18px solid #fff3ed; } }
  .user .balloon:after {
    top: 22px;
    left: -28px;
    border-right: 15px solid #bab5b4; }
    @media screen and (min-width: 600px) {
      .user .balloon:after {
        top: 35%; } }
    @media screen and (min-width: 960px) {
      .user .balloon:after {
        top: 50%;
        left: -33px;
        border-right: 20px solid #bab5b4; } }
  .user .balloon p {
    font-size: 1.6rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    color: #b33f22;
    line-height: 1.5; }
    @media screen and (min-width: 600px) {
      .user .balloon p {
        font-size: 2rem; } }
    @media screen and (min-width: 960px) {
      .user .balloon p {
        font-size: 3rem;
        line-height: 1.7; } }

.answer .balloon {
  background: #fff;
  width: 100%; }
  @media screen and (min-width: 600px) {
    .answer .balloon {
      max-width: 550px; } }
  @media screen and (min-width: 960px) {
    .answer .balloon {
      width: 70%;
      max-width: 100%; } }
  .answer .balloon:before {
    top: 15%;
    right: -22px;
    border-left: 13px solid #fff; }
    @media screen and (min-width: 600px) {
      .answer .balloon:before {
        top: 20%; } }
    @media screen and (min-width: 960px) {
      .answer .balloon:before {
        top: 50%;
        right: -27px;
        border-left: 18px solid #fff; } }
  .answer .balloon:after {
    top: 15%;
    right: -28px;
    border-left: 15px solid #bab5b4; }
    @media screen and (min-width: 600px) {
      .answer .balloon:after {
        top: 20%; } }
    @media screen and (min-width: 960px) {
      .answer .balloon:after {
        top: 50%;
        right: -33px;
        border-left: 20px solid #bab5b4; } }
  .answer .balloon p {
    font-size: 1.6rem;
    line-height: 1.5; }
    @media screen and (min-width: 960px) {
      .answer .balloon p {
        font-size: 2.3rem;
        line-height: 1.7;
        font-size: 1.8rem; } }
    .answer .balloon p strong {
      color: #b33f22; }

/* かたづけザウルスのここがすごい
*************************************************************************/
.point {
  background: url("../images/pointBg.jpg") repeat;
  padding-bottom: 10rem; }
  .point .head {
    margin-bottom: 7rem; }
    @media screen and (min-width: 600px) {
      .point .head {
        margin-bottom: 13rem; } }
  .point .inner {
    position: relative;
    background: #fff;
    padding: 3rem 2.5rem;
    margin-top: 5rem; }
    @media screen and (min-width: 600px) {
      .point .inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between;
        padding: 3rem;
        margin-top: 7rem; } }
    @media screen and (min-width: 960px) {
      .point .inner {
        padding: 3rem 3.5rem; } }
    .point .inner p {
      position: absolute;
      top: 3%;
      left: -11px;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      color: #fff;
      padding: .6rem 1rem .9rem;
      width: 100%;
      max-width: 140px;
      text-align: center;
      letter-spacing: .05rem; }
      @media screen and (min-width: 600px) {
        .point .inner p {
          top: 8%;
          max-width: 200px;
          letter-spacing: .01rem; } }
      @media screen and (min-width: 960px) {
        .point .inner p {
          top: 10%; } }
      .point .inner p:before {
        position: absolute;
        content: '';
        top: 100%;
        left: 0;
        border: none;
        border-bottom: solid 9px transparent;
        border-right: solid 11px #9e9a9a; }
    .point .inner .katazuke {
      background: #A54342; }
    .point .inner .kaitori {
      background: #0f80b0; }
    .point .inner .kaitai {
      background: #18524f; }
    .point .inner img {
      max-width: 155px;
      min-width: 155px;
      display: block;
      margin: 4rem auto 1.5rem; }
      @media screen and (min-width: 600px) {
        .point .inner img {
          margin: 6rem 2rem 0 0;
          max-width: 185px;
          min-width: 175px; } }
      @media screen and (min-width: 960px) {
        .point .inner img {
          margin: 7rem 3.5rem 0 0; } }
    .point .inner dt {
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      color: #b33f22;
      font-size: 2.3rem;
      margin-bottom: 1.5rem;
      line-height: 1.4; }
      @media screen and (min-width: 600px) {
        .point .inner dt {
          font-size: 3rem; } }
      @media screen and (min-width: 960px) {
        .point .inner dt {
          font-size: 3.6rem; } }
    .point .inner dd {
      font-size: 1.6rem;
      line-height: 1.5; }
      @media screen and (min-width: 600px) {
        .point .inner dd {
          font-size: 2.2rem; } }
      @media screen and (min-width: 960px) {
        .point .inner dd {
          font-size: 2.3rem;
          line-height: 1.7; } }
      .point .inner dd strong {
        color: #b33f22; }

/* 作業実績
*************************************************************************/
.workRecord {
  background: #ece6de;
  position: relative;
  padding-bottom: 3rem; }
  @media screen and (min-width: 960px) {
    .workRecord {
      padding-bottom: 5rem; } }
  .workRecord .head {
    margin-bottom: 6rem; }
    @media screen and (min-width: 960px) {
      .workRecord .head {
        margin-bottom: 10rem; } }
  .workRecord .inner {
    background: #fff;
    padding: 3rem 2rem;
    margin-bottom: 5rem; }
    @media screen and (min-width: 960px) {
      .workRecord .inner {
        padding: 3rem 4.5rem;
        margin-bottom: 7rem; } }

.workRecord .ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 1rem; }
  .workRecord .ttl .wrap {
    margin-top: 3.5rem; }
    @media screen and (min-width: 960px) {
      .workRecord .ttl .wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        margin-top: 0; } }
    .workRecord .ttl .wrap img {
      max-width: 75px;
      display: block;
      z-index: 1;
      position: relative; }
      @media screen and (min-width: 960px) {
        .workRecord .ttl .wrap img {
          max-width: 99px; } }
    .workRecord .ttl .wrap span {
      color: #fff;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      padding: .5rem 1rem;
      position: absolute;
      top: -13px;
      left: -31px;
      font-size: 1.8rem;
      text-align: center;
      min-width: 115px; }
      @media screen and (min-width: 960px) {
        .workRecord .ttl .wrap span {
          position: static;
          margin-left: -1rem;
          padding: .3rem 2rem;
          font-size: 2rem; } }
      .workRecord .ttl .wrap span:before {
        position: absolute;
        content: '';
        top: 100%;
        left: 0;
        border: none;
        border-bottom: solid 9px transparent;
        border-right: solid 11px #9e9a9a; }
        @media screen and (min-width: 960px) {
          .workRecord .ttl .wrap span:before {
            content: none; } }
  .workRecord .ttl p {
    font-size: 2.5rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    margin: 1.6rem 0 0 .5rem;
    letter-spacing: 0; }
    @media screen and (min-width: 960px) {
      .workRecord .ttl p {
        font-size: 3.7rem;
        margin: 0 0 0 2rem; } }

.workRecord .ttl:after {
  content: "";
  position: absolute;
  width: 95%;
  bottom: 10%;
  left: 5%; }

.workRecord .katazukeTtl span {
  background: #A54342; }
.workRecord .katazukeTtl p {
  color: #A54342; }
.workRecord .katazukeTtl:after {
  border-bottom: solid 4px #A54342; }

.workRecord .kaitaiTtl span {
  background: #18524f; }
.workRecord .kaitaiTtl p {
  color: #18524f; }
.workRecord .kaitaiTtl:after {
  border-bottom: solid 4px #18524f; }

/*---------- 不用品回収/7LDK＋小屋 ----------*/
.workRecord .contents {
  margin-top: 1.5rem; }
  @media screen and (min-width: 960px) {
    .workRecord .contents {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between; } }
  @media screen and (min-width: 960px) {
    .workRecord .contents .contentsLeft {
      flex-basis: 49%; }
    .workRecord .contents .contentsRight {
      flex-basis: 48%; } }

.workRecord .contentsTtl {
  background: #b33f22;
  border: solid 1px #bab5b4;
  color: #fff;
  text-align: center;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: bold;
  padding: .4rem .5rem;
  font-size: 1.8rem; }
  @media screen and (min-width: 600px) {
    .workRecord .contentsTtl {
      font-size: 2.3rem; } }

.workRecord .largeTtl {
  line-height: 1.3;
  padding: .3rem .6rem .6rem .6rem;
  width: 100%;
  max-width: 65px;
  margin-right: 1rem;
  letter-spacing: 0; }
  @media screen and (min-width: 960px) {
    .workRecord .largeTtl {
      max-width: 80px;
      min-width: 80px;
      margin-right: 1rem; } }

.workRecord .smallTtl {
  width: 100%;
  max-width: 100px;
  letter-spacing: 0; }
  @media screen and (min-width: 600px) {
    .workRecord .smallTtl {
      max-width: 105px;
      margin-right: .5rem; } }
  @media screen and (min-width: 960px) {
    .workRecord .smallTtl {
      margin-right: 1rem; } }

.workRecord .workFee .contentsTtl {
  margin-bottom: 1rem; }
.workRecord .workFee .wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1rem; }
  @media screen and (min-width: 960px) {
    .workRecord .workFee .wrap {
      margin-bottom: 0; } }
  .workRecord .workFee .wrap dt {
    color: #fff;
    width: 100%;
    max-width: 65px;
    text-align: center;
    margin: 0 1rem 0 0;
    line-height: 1.2;
    letter-spacing: 0;
    padding: .5rem 0; }
    @media screen and (min-width: 960px) {
      .workRecord .workFee .wrap dt {
        max-width: 150px;
        margin: 0 2rem 1.5rem 0; } }
  .workRecord .workFee .wrap .disused {
    background: #A54342; }
  .workRecord .workFee .wrap .buy {
    background: #0f80b0; }
  .workRecord .workFee .wrap dd {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 3rem; }
    .workRecord .workFee .wrap dd strong {
      color: #b33f22;
      font-size: 4rem;
      line-height: 0;
      letter-spacing: 0; }
      @media screen and (min-width: 960px) {
        .workRecord .workFee .wrap dd strong {
          font-size: 4.8rem; } }

.totalFee {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: 1.5rem; }
  .totalFee dd {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 3rem; }
    @media screen and (min-width: 960px) {
      .totalFee dd {
        margin-top: 2rem; } }
    .totalFee dd strong {
      color: #b33f22;
      font-size: 4.2rem;
      line-height: 0;
      letter-spacing: 0; }
      @media screen and (min-width: 960px) {
        .totalFee dd strong {
          font-size: 7.5rem; } }

.workRecord .contentsRight dl .smallTtl:first-child {
  max-width: 65px; }
  @media screen and (min-width: 600px) {
    .workRecord .contentsRight dl .smallTtl:first-child {
      max-width: 90px; } }
  @media screen and (min-width: 960px) {
    .workRecord .contentsRight dl .smallTtl:first-child {
      max-width: 125px; } }
.workRecord .contentsRight dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin: 1rem 0 1.5rem; }
  @media screen and (min-width: 960px) {
    .workRecord .contentsRight dl {
      margin: 0 0 1.5rem; } }
  .workRecord .contentsRight dl dd {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    letter-spacing: 0;
    margin-top: 0;
    margin: 0 .5rem; }
    @media screen and (min-width: 600px) {
      .workRecord .contentsRight dl dd {
        margin: 0 1rem; } }
    @media screen and (min-width: 960px) {
      .workRecord .contentsRight dl dd {
        margin: 0 1.5rem 0 0; } }

.workRecord p {
  line-height: 1.6; }
  .workRecord p strong {
    color: #b33f22; }

/*---------- 不用品回収/ベッド・婚礼家具 ----------*/
.workRecord .disusedWrap {
  -webkit-flex-basis: 49%;
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%; }
.workRecord .imgWrap {
  position: relative;
  border: solid 4px #b33f22;
  margin-bottom: 1rem; }
  @media screen and (min-width: 960px) {
    .workRecord .imgWrap {
      margin-bottom: 1.5rem;
      min-width: 415px; } }
  .workRecord .imgWrap img {
    display: block; }
    @media screen and (min-width: 960px) {
      .workRecord .imgWrap img {
        /*max-width: 458px;*/ } }
  .workRecord .imgWrap p {
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    letter-spacing: .01rem;
    width: 100%;
    max-width: 100px;
    text-align: center;
    background: #b33f22;
    padding: .2rem 0 .5rem; }
    @media screen and (min-width: 600px) {
      .workRecord .imgWrap p {
        max-width: 130px; } }

.workRecord .unloadingFee {
  margin: 1rem 0 2rem; }
  @media screen and (min-width: 600px) {
    .workRecord .unloadingFee {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      margin: 1.5rem 0; } }
  .workRecord .unloadingFee .largeTtl {
    max-width: 115px;
    margin-bottom: .3rem; }
    @media screen and (min-width: 600px) {
      .workRecord .unloadingFee .largeTtl {
        max-width: 83px;
        margin-bottom: 0; } }
  @media screen and (min-width: 600px) {
    .workRecord .unloadingFee dd {
      margin-top: 1rem; } }
  .workRecord .unloadingFee dd strong {
    color: #b33f22;
    font-size: 3.7rem;
    line-height: 1.2;
    letter-spacing: 0; }
    @media screen and (min-width: 600px) {
      .workRecord .unloadingFee dd strong {
        font-size: 4.8rem;
        line-height: 0; } }

/*---------- 解体 ----------*/
.workRecord .detail {
  margin: 1.5rem 0; }
  @media screen and (min-width: 960px) {
    .workRecord .detail {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between; } }
  .workRecord .detail .workFee {
    flex-basis: 43%; }
    @media screen and (min-width: 960px) {
      .workRecord .detail .workFee {
        min-width: 405px; } }
  .workRecord .detail dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
    @media screen and (min-width: 600px) {
      .workRecord .detail dl {
        margin-bottom: 0; } }
    .workRecord .detail dl dd {
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      margin-left: .5rem; }
      @media screen and (min-width: 960px) {
        .workRecord .detail dl dd {
          margin-left: 0; } }
      .workRecord .detail dl dd strong {
        color: #b33f22;
        font-size: 4.5rem;
        line-height: .5;
        letter-spacing: 0; }
        @media screen and (min-width: 600px) {
          .workRecord .detail dl dd strong {
            font-size: 5.8rem; } }
        @media screen and (min-width: 960px) {
          .workRecord .detail dl dd strong {
            font-size: 6rem; } }
  .workRecord .detail .wrap dl:first-child .smallTtl {
    max-width: 65px; }
    @media screen and (min-width: 600px) {
      .workRecord .detail .wrap dl:first-child .smallTtl {
        max-width: 100px; } }

@media screen and (min-width: 600px) {
  .workRecord .detail .wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex; } }
@media screen and (min-width: 960px) {
  .workRecord .detail .wrap {
    flex-basis: 56%; } }
@media screen and (min-width: 600px) {
  .workRecord .detail .wrap dl:first-child {
    width: 100%;
    max-width: 320px; } }
@media screen and (min-width: 960px) {
  .workRecord .detail .wrap dl:first-child {
    flex-basis: 67%; } }
@media screen and (min-width: 600px) {
  .workRecord .detail .wrap dl:nth-child(2) {
    flex-basis: 38%; } }

/* お客様の声
*************************************************************************/
.customerVoice {
  background: url(../images/kaitaiBg.jpg) repeat;
  padding-bottom: 5rem; }
  .customerVoice .head {
    margin-bottom: 5rem; }
    @media screen and (min-width: 960px) {
      .customerVoice .head {
        margin-bottom: 10rem; } }
  .customerVoice .inner {
    background: #fff;
    padding: 2rem;
    margin-bottom: 4rem; }
    @media screen and (min-width: 600px) {
      .customerVoice .inner {
        padding: 3rem; } }
    @media screen and (min-width: 960px) {
      .customerVoice .inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 5rem; } }
    .customerVoice .inner .imgWrap {
      border: solid 5px #bab5b4;
      margin-bottom: 2rem; }
      @media screen and (min-width: 960px) {
        .customerVoice .inner .imgWrap {
          flex-basis: 39%;
          margin-bottom: 0; } }
      .customerVoice .inner .imgWrap img {
        display: block; }

@media screen and (min-width: 960px) {
  .customerVoice .contents {
    flex-basis: 59%; } }
.customerVoice .contents .wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  padding: 2rem 1.5rem; }
  @media screen and (min-width: 960px) {
    .customerVoice .contents .wrap {
      padding: 3rem; } }
  .customerVoice .contents .wrap img {
    max-width: 60px;
    display: block;
    margin-right: 1rem; }
    @media screen and (min-width: 600px) {
      .customerVoice .contents .wrap img {
        max-width: 99px;
        margin-right: 2rem; } }
  .customerVoice .contents .wrap p {
    font-size: 1.6rem; }
    @media screen and (min-width: 600px) {
      .customerVoice .contents .wrap p {
        font-size: 1.8rem; } }
    @media screen and (min-width: 960px) {
      .customerVoice .contents .wrap p {
        font-size: 2.3rem; } }

.customerVoice .voice {
  background: #fff3ed;
  color: #b33f22;
  margin-bottom: 2rem; }
  .customerVoice .voice p {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold; }
.customerVoice .answer {
  background: #efefef; }
  .customerVoice .answer strong {
    color: #b33f22; }

/* 実際の料金目安
*************************************************************************/
.price {
  background: url("../images/grayBg.jpg") repeat;
  padding-bottom: 7rem; }
  @media screen and (min-width: 600px) {
    .price {
      padding-bottom: 10rem; } }
  .price .averagePrice h3 {
    font-size: 2.5rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    color: #fff;
    position: relative;
    margin: 6rem 0 3rem;
    padding: .7rem 1.5rem;
    background: #b33f22;
    width: 95%; }
    @media screen and (min-width: 600px) {
      .price .averagePrice h3 {
        font-size: 3.2rem;
        padding: .7rem 2.5rem; } }
    @media screen and (min-width: 960px) {
      .price .averagePrice h3 {
        font-size: 4.5rem;
        margin: 8rem 0 5rem; } }
    .price .averagePrice h3:before {
      border: 25px solid transparent;
      border-left-color: #b33f22;
      border-right-width: 0;
      content: '';
      display: block;
      height: 0;
      position: absolute;
      right: -25px;
      top: 0;
      width: 0; }
      @media screen and (min-width: 600px) {
        .price .averagePrice h3:before {
          border: 33px solid transparent;
          border-left-color: #b33f22;
          border-right-width: 0;
          right: -33px; } }
      @media screen and (min-width: 960px) {
        .price .averagePrice h3:before {
          border: 44px solid transparent;
          border-left-color: #b33f22;
          border-right-width: 0;
          right: -44px; } }

@media screen and (min-width: 960px) {
  .price .inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between; } }
.price .inner .box {
  position: relative;
  background: #fff;
  border: solid 1px #bab5b4;
  padding: 2rem 1rem;
  text-align: center;
  margin-bottom: 1rem; }
  @media screen and (min-width: 600px) {
    .price .inner .box {
      max-width: 540px;
      margin: 0 auto 1.5rem;
      padding: 3rem 1rem; } }
  @media screen and (min-width: 960px) {
    .price .inner .box {
      flex-basis: 49%;
      max-width: 100%;
      margin: 0 0 1rem; } }
  .price .inner .box .balloon {
    position: absolute;
    top: -11px;
    left: -16px;
    max-width: 98px;
    margin: 0; }
    @media screen and (min-width: 600px) {
      .price .inner .box .balloon {
        left: -23px;
        max-width: 133px; } }
  .price .inner .box .ttlWrap,
  .price .inner .box .aboutWrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
  .price .inner .box .ttlWrap {
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 600px) {
      .price .inner .box .ttlWrap {
        margin-bottom: 2rem; } }
    .price .inner .box .ttlWrap p {
      font-size: 2.4rem;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      margin-left: 1rem; }
      @media screen and (min-width: 600px) {
        .price .inner .box .ttlWrap p {
          font-size: 4.5rem; } }
.price .inner .aboutWrap {
  margin-top: 1.5rem; }
  @media screen and (min-width: 600px) {
    .price .inner .aboutWrap {
      margin-top: 2.5rem; } }
  .price .inner .aboutWrap .aboutTxt {
    background: #b33f22;
    color: #fff;
    border: solid 1px #bab5b4;
    padding: 0 .5rem .2rem;
    margin-right: 1rem; }
  .price .inner .aboutWrap p {
    font-size: 1.6rem; }
    @media screen and (min-width: 600px) {
      .price .inner .aboutWrap p {
        font-size: 2.3rem; } }
.price .inner img {
  display: block;
  max-width: 50px;
  margin-right: .3rem; }
  @media screen and (min-width: 600px) {
    .price .inner img {
      max-width: 100px;
      margin-right: 1rem; } }
.price .inner .priceTxt .txt {
  font-size: 1.6rem; }
  @media screen and (min-width: 600px) {
    .price .inner .priceTxt .txt {
      font-size: 2rem; } }
.price .inner .priceTxt strong {
  color: #b33f22;
  font-size: 2.5rem;
  line-height: .7;
  margin: 0 .3rem; }
  @media screen and (min-width: 600px) {
    .price .inner .priceTxt strong {
      font-size: 4.3rem; } }
  .price .inner .priceTxt strong span {
    color: #333;
    font-size: 1.6rem; }
    @media screen and (min-width: 600px) {
      .price .inner .priceTxt strong span {
        font-size: 2.3rem; } }

.price .service h3 {
  font-size: 2.5rem;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: bold;
  padding: 4rem 0 2rem;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .price .service h3 {
      font-size: 4.5rem;
      padding: 5rem 0; } }

.price .service .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
.price .service .wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: solid 1px #bab5b4;
  padding: 3rem 1rem;
  flex-basis: 49%;
  margin-bottom: 1rem; }
  @media screen and (min-width: 960px) {
    .price .service .wrap {
      padding: 3rem 1.5rem;
      flex-basis: 24%;
      margin-bottom: 0; } }
  .price .service .wrap img {
    display: block;
    max-width: 21px;
    margin-right: .5rem; }
    @media screen and (min-width: 600px) {
      .price .service .wrap img {
        max-width: 30px;
        margin-right: 1rem; } }
  .price .service .wrap p {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 1.6rem; }
    @media screen and (min-width: 600px) {
      .price .service .wrap p {
        font-size: 2.3rem; } }
.price .service .wrap:last-child img {
  max-width: 32px; }
  @media screen and (min-width: 600px) {
    .price .service .wrap:last-child img {
      max-width: 45px; } }

/* ご利用の流れ
*************************************************************************/
.flowOfUse .head {
  margin-bottom: 6rem; }
  @media screen and (min-width: 960px) {
    .flowOfUse .head {
      margin-bottom: 10rem; } }

.flowOfUse {
  background: #ece6de;
  padding-bottom: 2rem; }
  @media screen and (min-width: 960px) {
    .flowOfUse {
      padding-bottom: 5rem; } }
  .flowOfUse .inner {
    position: relative;
    background: #fff;
    padding: 2rem;
    margin-bottom: 7rem; }
    @media screen and (min-width: 600px) {
      .flowOfUse .inner {
        max-width: 500px;
        margin: 0 auto 7rem; } }
    @media screen and (min-width: 960px) {
      .flowOfUse .inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        align-items: flex-start;
        max-width: 100%; } }
    .flowOfUse .inner:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -12px;
      border: 12px solid transparent;
      border-top: 13px solid #fff; }
    .flowOfUse .inner .number {
      position: absolute;
      background: #b33f22;
      color: #fff;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      font-size: 3.2rem;
      top: 0;
      left: 0;
      width: 60px;
      height: 54px;
      text-align: center; }
      @media screen and (min-width: 600px) {
        .flowOfUse .inner .number {
          font-size: 4rem;
          width: 70px;
          height: 70px; } }
    .flowOfUse .inner img {
      display: block;
      width: 100%;
      margin-right: 3rem; }
      @media screen and (min-width: 960px) {
        .flowOfUse .inner img {
          max-width: 340px; } }
    .flowOfUse .inner h3 {
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      font-size: 2.3rem;
      color: #b33f22;
      margin: 1rem 0 .5rem; }
      @media screen and (min-width: 600px) {
        .flowOfUse .inner h3 {
          font-size: 2.8rem; } }
      @media screen and (min-width: 960px) {
        .flowOfUse .inner h3 {
          font-size: 3.2rem;
          margin: 0 0 .5rem; } }
    .flowOfUse .inner .tel {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold;
      font-size: 2.4rem;
      color: #b33f22; }
      @media screen and (min-width: 600px) {
        .flowOfUse .inner .tel {
          font-size: 2.8rem;
          margin-bottom: .5rem; } }
      @media screen and (min-width: 960px) {
        .flowOfUse .inner .tel {
          font-size: 3.6rem;
          margin-bottom: 0; } }
      .flowOfUse .inner .tel i {
        margin-right: .5rem; }

.flowOfUse .inner:last-child:before {
  content: none; }

/* よくある質問
*************************************************************************/
.faq {
  background: url(../images/grayBg.jpg) repeat;
  padding-bottom: 7rem; }
  @media screen and (min-width: 600px) {
    .faq {
      padding-bottom: 10rem; } }
  .faq .head {
    margin-bottom: 6rem; }
    @media screen and (min-width: 600px) {
      .faq .head {
        margin-bottom: 10rem; } }

.faq .inner {
  background: #fff;
  padding: 2rem 1rem;
  margin-bottom: 2.5rem; }
  @media screen and (min-width: 600px) {
    .faq .inner {
      padding: 3rem;
      margin-bottom: 5rem; } }
  .faq .inner hr {
    border: none;
    border-top: solid 1px #b33f22; }
  .faq .inner .accordion {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 2.1rem; }
    @media screen and (min-width: 600px) {
      .faq .inner .accordion {
        padding-right: 9rem; } }
    .faq .inner .accordion p {
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold; }
      @media screen and (min-width: 600px) {
        .faq .inner .accordion p {
          font-size: 3rem;
          line-height: 1.5; } }
    .faq .inner .accordion .question {
      color: #b33f22;
      font-size: 2rem;
      margin-right: .5rem; }
      @media screen and (min-width: 600px) {
        .faq .inner .accordion .question {
          font-size: 5rem;
          margin-right: 2rem; } }
    .faq .inner .accordion:after {
      content: "▼";
      position: absolute;
      right: 0;
      color: #b33f22; }
      @media screen and (min-width: 600px) {
        .faq .inner .accordion:after {
          right: 44px;
          font-size: 3rem; } }

.faq .accordion.open:after {
  content: "▲"; }

.faq .answerContents {
  display: none; }

.faq .contents {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex; }
  @media screen and (min-width: 600px) {
    .faq .contents {
      align-items: center; } }
  .faq .contents .answer {
    color: #b33f22;
    font-size: 2.3rem;
    margin-right: .5rem;
    line-height: 1;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold; }
    @media screen and (min-width: 600px) {
      .faq .contents .answer {
        font-size: 6rem;
        margin-right: 2.5rem;
        line-height: 1.5; } }

/*---------- もっと見るボタン ----------*/
.faq .more {
  background: #b33f22;
  color: #fff;
  font-size: 2.5rem;
  max-width: 230px;
  display: block;
  margin: 6rem auto 0; }
  @media screen and (min-width: 600px) {
    .faq .more {
      font-size: 3rem;
      max-width: 280px;
      margin: 9rem auto 0; } }
  .faq .more i {
    font-size: 3.5rem;
    vertical-align: bottom;
    margin-right: 1rem; }
    @media screen and (min-width: 600px) {
      .faq .more i {
        font-size: 4.5rem; } }

/* 対応可能エリア
*************************************************************************/
.area {
  background: #ece6de;
  padding-bottom: 4rem; }
  @media screen and (min-width: 600px) {
    .area {
      padding-bottom: 7rem; } }
  .area .map {
    display: block;
    max-width: 740px;
    margin: 9rem auto 6rem; }
    @media screen and (min-width: 600px) {
      .area .map {
        margin: 15rem auto 10rem; } }
  .area h3 {
    background: #b33f22;
    color: #fff;
    font-size: 1.8rem;
    max-width: 150px;
    text-align: center;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    margin-bottom: .5rem;
    padding: .5rem; }
    @media screen and (min-width: 600px) {
      .area h3 {
        font-size: 3rem;
        max-width: 240px;
        margin-bottom: 2rem; } }
  .area .areaTxt {
    margin-bottom: 4rem; }
  .area .wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
    .area .wrap img {
      width: 40px;
      margin-right: 1rem; }
      @media screen and (min-width: 600px) {
        .area .wrap img {
          width: 57px;
          margin-right: 1.5rem; } }
    .area .wrap p {
      font-family: source-han-sans-japanese, sans-serif;
      font-weight: 700;
      font-style: bold; }

	/* お見積もり
*************************************************************************/
.contact {
  background: url(../images/contactBg.jpg?ver=1.1) repeat;
  padding-bottom: 12rem; }
  @media screen and (min-width: 600px) {
    .contact {
      padding-bottom: 27rem; } }
  .contact .head {
    margin-bottom: 4rem; }
    @media screen and (min-width: 600px) {
      .contact .head {
        margin-bottom: 10rem; } }
  .contact .inner {
    background: #fff;
    padding: 1rem 2.5rem;
    margin-top: 2rem; }
    @media screen and (min-width: 600px) {
      .contact .inner {
        padding: 3.5rem;
        margin-top: 4rem; } }

/*---------- 共通 ----------*/
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none; }

input[type="submit"],
button[type="submit"],
.btn:focus {
  outline: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

/*.btn:active {
	background: #151774;
}*/
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle; }

select::-ms-expand {
  display: none; }

.formControl {
  display: block;
  width: 100%;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 1.5;
  height: 45px;
  color: #495057;
  background: #f9fafa;
  background-clip: padding-box;
  border: 1px solid #bab5b4;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
  @media screen and (min-width: 600px) {
    .formControl {
      font-size: 1.8rem;
      height: 50px; } }

.formControl:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #b33f22; }

::-webkit-input-placeholder {
  color: #aaa; }

::-moz-placeholder {
  color: #aaa;
  opacity: 1; }

:-ms-input-placeholder {
  color: #aaa; }

.required {
  border: solid 1px #ccc;
  background: #b33f22;
  color: #fff;
  border-radius: 3px;
  padding: .2rem .6rem .3rem .7rem;
  margin-right: 1rem;
  font-size: 1.6rem;
  vertical-align: middle;
  display: inline-block; }

/*---------- Radio ----------*/
.radio input {
  display: none; }

.radio input + label {
  padding-left: 3rem;
  position: relative;
  margin: 0 0 .5rem 0;
  display: inline-block; }
  @media screen and (min-width: 600px) {
    .radio input + label {
      padding-left: 3.5rem; } }

.radio input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #bab5b4;
  border-radius: 50%; }
  @media screen and (min-width: 600px) {
    .radio input + label::before {
      top: 6px;
      width: 22px;
      height: 22px; } }

.radio input:checked + label {
  color: #b33f22; }

.radio input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #b33f22;
  border-radius: 50%; }
  @media screen and (min-width: 600px) {
    .radio input:checked + label::after {
      top: 10px;
      width: 18px;
      height: 18px; } }

/*---------- フォーム ----------*/
.contact dl {
  border-bottom: dotted 2px #bab5b4;
  padding: 2rem 0; }
  @media screen and (min-width: 600px) {
    .contact dl {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      padding: 4rem 0; } }
  .contact dl dt {
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: bold;
    margin-bottom: 1.5rem;
    font-size: 1.6rem; }
    @media screen and (min-width: 600px) {
      .contact dl dt {
        width: 35%;
        margin-bottom: 0;
        font-size: 2rem; } }
    .contact dl dt .comment {
      display: block;
      font-weight: normal;
      font-size: 1.8rem;
      width: 100%;
      margin-top: .5rem; }
      @media screen and (min-width: 600px) {
        .contact dl dt .comment {
          width: 85%; } }
  .contact dl dd {
    font-size: 1.6rem; }
    @media screen and (min-width: 600px) {
      .contact dl dd {
        width: 65%;
        font-size: 2rem; } }

dl:last-child {
  border: none; }

/*---------- 住所 ----------*/
.contact .address label {
  margin-bottom: .5rem;
  display: block; }
.contact .address input,
.contact .address select {
  margin-bottom: 1rem; }
.contact .address .p-postal-code {
  max-width: 200px; }
.contact .address .p-region {
  max-width: 200px; }
.contact .address .selectWrap {
  position: relative;
  background: #f9fafa;
  border-radius: .5rem;
  max-width: 200px; }
  .contact .address .selectWrap:before {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 10px;
    color: #666;
    font-size: 1.5rem; }
  .contact .address .selectWrap select {
    width: 100%;
    background: transparent;
    cursor: pointer;
    position: relative;
    padding-right: 2.5rem; }

/*---------- 電話番号 ----------*/
.contact .telInput {
  max-width: 200px; }

/*---------- 日付 ----------*/
.contact .dateWrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: 1rem; }
  .contact .dateWrap .formControl {
    width: 100%;
    min-width: 74px;
    height: 43px; }
    @media screen and (min-width: 600px) {
      .contact .dateWrap .formControl {
        min-width: 140px;
        height: 50px; } }
  .contact .dateWrap span {
    display: inline-block;
    margin: 0 .3rem;
    font-size: 1.5rem; }
    @media screen and (min-width: 600px) {
      .contact .dateWrap span {
        margin: 0 .5rem;
        font-size: 2rem; } }
  .contact .dateWrap .wrap {
    position: relative;
    background: #f9fafa;
    border-radius: .5rem;
    max-width: 74px; }
    @media screen and (min-width: 600px) {
      .contact .dateWrap .wrap {
        max-width: 140px; } }
    .contact .dateWrap .wrap:before {
      content: "▼";
      position: absolute;
      top: 11px;
      right: 4px;
      color: #666;
      font-size: 1.2rem; }
      @media screen and (min-width: 600px) {
        .contact .dateWrap .wrap:before {
          font-size: 1.5rem;
          right: 10px; } }
    .contact .dateWrap .wrap select {
      width: 100%;
      background: transparent;
      cursor: pointer;
      position: relative;
      padding-right: 2.5rem; }

/*---------- お問い合わせ内容 ----------*/
.contact textarea {
  height: 220px; }
  @media screen and (min-width: 600px) {
    .contact textarea {
      height: 200px; } }

/*---------- ボタン ----------*/
.submitBtn {
  color: #fff;
  background: #b33f22;
  font-size: 2.6rem;
  width: 100%;
  max-width: 200px;
  margin: 4rem auto 0;
  border-radius: .5rem;
  padding: 1.5rem;
  display: block; }
  @media screen and (min-width: 600px) {
    .submitBtn {
      font-size: 3.4rem;
      max-width: 250px;
      margin: 8rem auto 0; } }

	/* 確認画面
*************************************************************************/
.confirm {
  padding-bottom: 12rem !important; }

.confirmFooter .footerConversion {
  position: static; }

/*---------- ボタン ----------*/
.confirmBtn {
  text-align: center;
  margin-top: 4rem; }
  @media screen and (min-width: 600px) {
    .confirmBtn {
      margin-top: 7rem; } }

.backBtn {
  color: #333;
  font-size: 2rem;
  border-radius: .5rem;
  padding: 1.5rem;
  margin: 0 .3rem;
  width: 100%;
  max-width: 155px;
  background: #fff;
  border: solid 1px #bab5b4; }
  @media screen and (min-width: 600px) {
    .backBtn {
      font-size: 3.4rem;
      max-width: 250px;
      margin: 0 .5rem; } }

.confirmBtn .submitBtn {
  margin: 0 .3rem;
  display: inline-block;
  font-size: 2rem;
  max-width: 155px; }
  @media screen and (min-width: 600px) {
    .confirmBtn .submitBtn {
      font-size: 3.4rem;
      max-width: 250px;
      margin: 0 .5rem; } }

	/* 完了ページ
*************************************************************************/
.thanks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%; }

.thanks header,
.thanks footer {
  flex-shrink: 0; }

.thanks .contact {
  flex: 1 0 auto;
  min-height: 1px;
  /*IE11 img resizing bug*/ }

.thanksFooter {
  position: absolute;
  bottom: 0;
  width: 100%; }

.thanksFooter .footerConversion {
  position: static; }

/*---------- ボタン ----------*/
.thanksBtn {
  text-align: center;
  margin-top: 7rem; }
  .thanksBtn .btn {
    background: #b33f22;
    border-radius: .5rem;
    font-size: 3rem;
    padding: 1.5rem;
    display: block;
    max-width: 350px;
    margin: 0 auto; }

	/* Footer
*************************************************************************/
footer {
  position: relative; }
  footer .container {
    padding: 0 .5rem; }
    @media screen and (min-width: 960px) {
      footer .container {
        padding: 0 2rem; } }

/*---------- ConversionArea ----------*/
.footerConversion {
  background: #ffece0;
  padding: .7rem 0 1.3rem;
  border-top: solid 5px #e8811b;
  width: 100%;
  position: fixed;
  z-index: 2; }
  @media screen and (min-width: 960px) {
    .footerConversion {
      padding: 1rem 0 1.5rem; } }
  .footerConversion:before {
    content: "";
    background-image: url(../images/footerImg01.png?ver=1.0);
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 67px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (min-width: 960px) {
      .footerConversion:before {
        width: 93px;
        height: 95px; } }
  .footerConversion:after {
    content: "";
    background-image: url(../images/footerImg02.png);
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (min-width: 600px) {
      .footerConversion:after {
        width: 135px;
        height: 135px; } }
    @media screen and (min-width: 960px) {
      .footerConversion:after {
        width: 143px;
        height: 143px; } }
  .footerConversion h2 img {
    max-width: 680px;
    display: block;
    margin: 0 auto; }
  .footerConversion .wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .5rem; }
    .footerConversion .wrap .pcTxt {
      display: none; }
      @media screen and (min-width: 600px) {
        .footerConversion .wrap .pcTxt {
          display: inline-block; } }
    .footerConversion .wrap .telArea {
      margin-right: .5rem; }
      @media screen and (min-width: 600px) {
        .footerConversion .wrap .telArea {
          margin-right: 1rem; } }
      @media screen and (min-width: 960px) {
        .footerConversion .wrap .telArea {
          margin-right: 2rem;
          min-width: 319px; } }
      .footerConversion .wrap .telArea img {
        display: inline-block;
        max-width: 22px; }
        @media screen and (min-width: 600px) {
          .footerConversion .wrap .telArea img {
            max-width: 29px;
            margin-right: .5rem; } }
      .footerConversion .wrap .telArea a {
        color: #333;
        font-size: 1.9rem;
        font-family: source-han-sans-japanese, sans-serif;
        font-weight: 700;
        font-style: bold;
        letter-spacing: 0;
        line-height: 0;
        display: block;
        color: #fff;
        z-index: 1;
        position: relative;
        padding: 1.1rem 1rem; }
        @media screen and (min-width: 600px) {
          .footerConversion .wrap .telArea a {
            font-size: 2.7rem;
            line-height: .6; } }
      .footerConversion .wrap .telArea p {
        text-align: center;
        font-size: 1.2rem;
        margin-top: 1rem; }
        @media screen and (min-width: 600px) {
          .footerConversion .wrap .telArea p {
            font-size: 1.5rem;
            margin-top: .8rem;
            letter-spacing: 0; } }
    .footerConversion .wrap .lineArea {
      margin-left: .5rem; }
      @media screen and (min-width: 600px) {
        .footerConversion .wrap .lineArea {
          margin-left: 1rem; } }
      @media screen and (min-width: 960px) {
        .footerConversion .wrap .lineArea {
          margin-left: 2rem; } }
      .footerConversion .wrap .lineArea img {
        display: inline-block;
        max-width: 27px;
        margin-right: .5rem;
        vertical-align: text-bottom; }
        @media screen and (min-width: 960px) {
          .footerConversion .wrap .lineArea img {
            max-width: 32px;
            margin-right: .5rem; } }
      .footerConversion .wrap .lineArea a {
        font-size: 1.8rem;
        padding: 1rem 0;
        width: 100%;
        min-width: 170px;
        display: block;
        z-index: 1;
        position: relative; }
        @media screen and (min-width: 600px) {
          .footerConversion .wrap .lineArea a {
            font-size: 2.2rem;
            padding: 1.2rem 0;
            min-width: 280px; } }
        @media screen and (min-width: 960px) {
          .footerConversion .wrap .lineArea a {
            font-size: 2.4rem;
            padding: .95rem 0;
            min-width: 330px; } }

/*---------- Footer ----------*/
.footer {
  background: #b33f22;
  text-align: center;
  padding: 1rem 0; }
  .footer img {
    display: block;
    max-width: 250px;
    margin: 0 auto; }
  .footer address {
    font-style: normal;
    color: #fff;
    font-size: 1.6rem;
    padding: .5rem 0 1rem; }
  .footer p {
    color: #fff;
    border-top: solid 1px #93321D;
    font-size: 1.4rem;
    padding-top: 1rem; }