/*============================================================= #estatesale =============================================================*/
#estatesale { background: url("../img/common/bg_white01.png"); }

/* #mainImg
================================================ */
#mainImg { background-image: url("../img/estatesale/bg_main01_sp.png"); }

@media screen and (max-width: 599px) { #mainImg .tit { font-size: 2.2rem; } }

@media screen and (min-width: 600px) { #mainImg { background-image: url("../img/estatesale/bg_main01_pc.png"); }
  #mainImg .tit { max-width: 400px; } }

/* #trouble
================================================ */
#estatesale #trouble { padding: 35px 0 50px; }

#estatesale #trouble .head { margin-bottom: 23px; }

#estatesale #trouble .head .secTit { margin-bottom: 14px; }

#estatesale #trouble .head .lead { text-align: center; }

#estatesale #trouble .head .lead + .lead { margin-top: 28px; }

#estatesale #trouble .list { padding: 26px 26px 14px; margin-bottom: 43px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); border: 10px solid #fff; background: #f7f4ec; position: relative; }

#estatesale #trouble .list:before { content: ""; display: block; width: 127px; height: 39px; background: url("../img/common/ico_arrow09.png") no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; bottom: -38px; margin: auto; }

#estatesale #trouble .list .item { padding: 0 0 7px 39px; margin-bottom: 20px; background: url("../img/common/ico_check01.png") no-repeat left 4px; background-size: 30px; }

#estatesale #trouble .list .item:last-of-type { margin-bottom: 0; }

#estatesale #trouble .please { padding: 10px; background: url("../img/estatesale/bg_please01_sp.png") no-repeat center; background-size: cover; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); }

#estatesale #trouble .please .in { padding: 14px 0 13px; border: 4px solid #e3dfdc; }

#estatesale #trouble .please .txt { text-align: center; font-weight: bold; font-size: 2.2rem; line-height: 1.9; text-shadow: #fff 2px 0 1px, #fff -2px 0 1px, #fff 0 -2px 1px, #fff -2px 0 1px, #fff 2px 2px 1px, #fff -2px 2px 1px, #fff 2px -2px 1px, #fff -2px -2px 1px, #fff 1px 2px 1px, #fff -1px 2px 1px, #fff 1px -2px 1px, #fff -1px -2px 1px, #fff 2px 1px 1px, #fff -2px 1px 1px, #fff 2px -1px 1px, #fff -2px -1px 1px, #fff 1px 1px 1px, #fff -1px 1px 1px, #fff 1px -1px 1px, #fff -1px -1px 1px; }

#estatesale #trouble .please .txt span { display: inline-block; color: #0a934a; font-size: 3rem; text-shadow: none; line-height: 1; vertical-align: -2px; padding: 6px 3px; margin-right: 4px; background: #fff; border: 1px solid #0a934a; }

@media screen and (min-width: 600px) { #estatesale #trouble { padding: 22px 0 90px; }
  #estatesale #trouble .head { margin-bottom: 45px; }
  #estatesale #trouble .head .secTit { margin-bottom: 23px; }
  #estatesale #trouble .list { padding: 43px 40px 12px; margin-bottom: 40px; border-width: 17px; }
  #estatesale #trouble .list:before { width: 126px; height: 36px; bottom: -36px; }
  #estatesale #trouble .list .item { width: 47.5%; font-size: 2rem; line-height: 1.4; padding: 0 0 12px 54px; margin-bottom: 16px !important; background-position: left 6px; background-size: 36px; }
  #estatesale #trouble .list .item:nth-of-type(odd) { clear: both; float: left; }
  #estatesale #trouble .list .item:nth-of-type(even) { float: right; }
  #estatesale #trouble .please { height: 203px; background-image: url("../img/estatesale/bg_please01_pc.png"); }
  #estatesale #trouble .please .in { height: 100%; padding: 44px 0 16px; }
  #estatesale #trouble .please .txt { font-size: 2.6rem; line-height: 1.9; }
  #estatesale #trouble .please .txt span { font-size: 3rem; }
  #estatesale #trouble .please .txt span:nth-of-type(1) { margin-left: 4px; } }

/* #merit
================================================ */
#estatesale #merit { padding: 35px 0 50px; background: url("../img/common/bg_beige01.png"); }

#estatesale #merit .head { margin-bottom: 26px; }

#estatesale #merit .meritBox .box { margin-bottom: 16px; border: 3px solid #4d372a; background: #fff; position: relative; }

#estatesale #merit .meritBox .box:last-of-type { margin-bottom: 0; }

#estatesale #merit .meritBox .box .num { color: #fff; font-size: 1.8rem; font-weight: bold; position: absolute; top: -3px; left: -3px; width: 75px; height: 75px; padding: 6px 0 0 10px; overflow: hidden; }

#estatesale #merit .meritBox .box .num:before { content: ""; display: block; width: 100%; height: 100%; background: #009044; position: absolute; top: 0; left: -37px; z-index: 1; -webkit-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg); }

#estatesale #merit .meritBox .box .num span { position: relative; z-index: 2; }

#estatesale #merit .meritBox .box .img { display: block; width: 100%; margin: 0 auto; }

#estatesale #merit .meritBox .box .txtBox { padding: 15px 22px 24px; }

#estatesale #merit .meritBox .box .tit { color: #4d372a; font-size: 2.1rem; text-align: center; font-weight: bold; line-height: 1.4; margin-bottom: 5px; }

@media screen and (min-width: 600px) { #estatesale #merit { padding: 91px 0 90px; }
  #estatesale #merit .head { margin-bottom: 41px; }
  #estatesale #merit .meritBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #estatesale #merit .meritBox .box { width: 49%; margin-bottom: 0; border-width: 6px; }
  #estatesale #merit .meritBox .box .num { font-size: 2.2rem; width: 84px; height: 84px; top: -6px; left: -6px; padding: 4px 0 0 12px; }
  #estatesale #merit .meritBox .box .num:before { left: -43px; }
  #estatesale #merit .meritBox .box .txtBox { padding: 24px 30px 31px; }
  #estatesale #merit .meritBox .box .tit { font-size: 2.6rem; margin-bottom: 9px; } }

/* #difference
================================================ */
#estatesale #difference { padding: 34px 0 0; background: #fff; }

#estatesale #difference .head { margin-bottom: 25px; }

#estatesale #difference .boxWrap .box { padding: 23px 10px; margin-bottom: 49px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); position: relative; }

#estatesale #difference .boxWrap .box:last-of-type { margin-bottom: 0; }

#estatesale #difference .boxWrap .box:last-of-type:before { content: none; }

#estatesale #difference .boxWrap .box:before { content: ""; display: block; width: 38px; height: 19px; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; right: 0; bottom: -34px; margin: auto; }

#estatesale #difference .boxWrap .box .num { color: #fff; font-size: 1.8rem; font-weight: bold; position: absolute; top: 0; left: 0; width: 75px; height: 75px; padding: 6px 0 0 12px; overflow: hidden; }

#estatesale #difference .boxWrap .box .num:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: -37px; z-index: 1; -webkit-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg); }

#estatesale #difference .boxWrap .box .num span { position: relative; z-index: 2; }

#estatesale #difference .boxWrap .box .img { display: block; width: 114px; margin: 0 auto 13px; }

#estatesale #difference .boxWrap .box .txt { color: #4d372a; font-size: 1.8rem; text-align: center; font-weight: bold; line-height: 1.55; }

#estatesale #difference .boxWrap .box .txt span { font-size: 2.3rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(70%, transparent), color-stop(70%, #fff338), to(#fff338)); background: linear-gradient(to bottom, transparent 0, transparent 70%, #fff338 70%, #fff338 100%); }

#estatesale #difference .normal { padding-bottom: 50px; position: relative; }

#estatesale #difference .normal:before { content: ""; display: block; width: 133px; height: 40px; background: url("../img/common/ico_arrow09.png") no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; bottom: -20px; margin: auto; }

#estatesale #difference .normal .box:before { background-image: url("../img/common/ico_arrow04.png"); }

#estatesale #difference .normal .box .num:before { background: #4d372a; }

#estatesale #difference .normal .box .txt span { color: #d4000f; }

#estatesale #difference .our { padding: 45px 0 49px; background: #e3f1ea; }

#estatesale #difference .our .subTit { color: #fff; background: #009044; }

#estatesale #difference .our .box:before { background-image: url("../img/common/ico_arrow10.png"); }

#estatesale #difference .our .box .num:before { background: #009044; }

#estatesale #difference .our .box .txt span { color: #009044; }

#estatesale #difference .our .box.parent { padding: 0; border: 4px solid #009044; }

#estatesale #difference .our .box.parent .child { margin-bottom: 0; }

#estatesale #difference .our .box.parent .child:before { content: none; }

#estatesale #difference .our .box.parent .child:nth-of-type(1) { background: none; box-shadow: none; }

#estatesale #difference .our .box.half { width: 50%; box-sizing: border-box; float: left; padding-top: 35px; padding-bottom: 25px; background: none; box-shadow: none; }

#estatesale #difference .our .box.half + .half { float: right; }

#estatesale #difference .our .box.half .num { width: 58px; height: 58px; padding: 0px 0 0 4px; }

#estatesale #difference .our .box.half .num:before { left: -31px; }

#estatesale #difference .our .box.half .img { width: 75px; margin-bottom: 22px; }

#estatesale #difference .our .box.half .txt { font-size: 1.5rem; }

#estatesale #difference .our .box.half .txt span { font-size: 1.5rem; }

#estatesale #difference .our .box.last { padding-top: 40px; padding-bottom: 37px; border: 4px solid #d4000f; }

#estatesale #difference .our .box.last .num { padding: 3px 0 0 9px; }

#estatesale #difference .our .box.last .num:before { left: -45px; background: #d4000f; }

#estatesale #difference .our .box.last .txt span { color: #d4000f; }

#estatesale #difference .our .box.last .ico01 { display: block; width: 72px; margin: 43px auto 0; }

#estatesale #difference .our .box.last .ico02 { width: 95px; display: block; margin: -22px 13px -19px auto; }

#estatesale #difference .our .box.last .txt01 { display: table; font-weight: bold; text-align: center; font-size: 2.6rem; line-height: 1; margin: 0 auto 14px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(75%, transparent), color-stop(75%, #fff338), to(#fff338)); background: linear-gradient(to bottom, transparent 0, transparent 75%, #fff338 75%, #fff338 100%); position: relative; }

#estatesale #difference .our .box.last .txt01:before, #estatesale #difference .our .box.last .txt01:after { content: ""; display: block; width: 3px; height: 26px; background: #009044; position: absolute; top: 0; bottom: 0; margin: auto; }

#estatesale #difference .our .box.last .txt01:before { left: -20px; -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); }

#estatesale #difference .our .box.last .txt01:after { right: -20px; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

#estatesale #difference .our .box.last .txt01 .red { color: #d4000f; vertical-align: -3px; }

#estatesale #difference .our .box.last .txt01 .big { font-size: 4rem; vertical-align: -3px; }

#estatesale #difference .our .box.last .txt02 { color: #4d372a; text-align: center; font-weight: normal; }

@media screen and (min-width: 600px) { #estatesale #difference { padding: 80px 0 0; }
  #estatesale #difference .head { margin-bottom: 40px; }
  #estatesale #difference .boxWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #estatesale #difference .boxWrap .box { width: 30%; padding: 28px 10px 18px; margin-bottom: 0; }
  #estatesale #difference .boxWrap .box:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 98px; bottom: auto; left: auto; right: -50px; }
  #estatesale #difference .boxWrap .box .img { margin-bottom: 25px; }
  #estatesale #difference .boxWrap .box .txt span { font-size: 2.6rem; vertical-align: -2px; }
  #estatesale #difference .normal { padding-bottom: 61px; }
  #estatesale #difference .normal .box:last-of-type .txt { display: block; line-height: 1.3; }
  #estatesale #difference .normal .box .txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #estatesale #difference .our { padding: 60px 0 79px; }
  #estatesale #difference .our .box.parent .child { width: 100% !important; margin-bottom: 0 !important; }
  #estatesale #difference .our .box.parent .child:before { content: ""; }
  #estatesale #difference .our .box.parent .child + .child { position: static; }
  #estatesale #difference .our .box.parent .child + .child:before { display: none; }
  #estatesale #difference .our .box.parent .child .img { margin-bottom: 14px; }
  #estatesale #difference .our .box.first { height: 100%; }
  #estatesale #difference .our .box.half { padding-top: 25px; padding-bottom: 20px; float: none !important; }
  #estatesale #difference .our .box.half .num { width: 75px; height: 75px; padding: 6px 0 0 12px; }
  #estatesale #difference .our .box.half .num:before { left: -37px; }
  #estatesale #difference .our .box.half .img { width: 100px; margin-bottom: 26px !important; }
  #estatesale #difference .our .box.half .txt { font-size: 1.8rem; }
  #estatesale #difference .our .box.half .txt span { font-size: 1.8rem; vertical-align: 0; }
  #estatesale #difference .our .box.half + .half { margin-bottom: 0 !important; }
  #estatesale #difference .our .box.half + .half .img { margin-bottom: 2px !important; }
  #estatesale #difference .our .box.half:last-child { padding-bottom: 60px; }
  #estatesale #difference .our .box.last { padding-top: 119px; }
  #estatesale #difference .our .box.last .img01 { margin-bottom: 15px; }
  #estatesale #difference .our .box.last .ico01 { margin: 46px auto 0; }
  #estatesale #difference .our .box.last .ico02 { width: 102px; margin: -31px 10px -18px auto; }
  #estatesale #difference .our .box.last .img02 { margin-bottom: 15px; }
  #estatesale #difference .our .box.last .txt01 { margin-bottom: 18px; }
  #estatesale #difference .our .box.last .txt01:before, #estatesale #difference .our .box.last .txt01:after { top: 15px; }
  #estatesale #difference .our .box.last .txt02 { font-size: 1.6rem; } }

/* #case
================================================ */
#estatesale #case { padding: 36px 0 20px; background: url("../img/common/bg_beige02.png"); }

#estatesale #case .head { margin-bottom: 25px; }

@media screen and (min-width: 600px) { #estatesale #case { padding: 92px 0 30px; }
  #estatesale #case .head { margin-bottom: 29px; }
  #estatesale #case .txtBox { width: 100%; } }