@font-face {
  src: url(../font/AxisStd-Medium.eot?#iefix) format('embedded-opentype'), url(../font/AxisStd-Medium.otf) format('otf'), url(../font/AxisStd-Medium.ttf) format('ttf'), url(../font/AxisStd-Medium.woff) format('woff');
  font-family: Axis;
  font-style: italic
}
@font-face {
  src: url(../font/AxisStd-Light.eot?#iefix) format('embedded-opentype'), url(../font/AxisStd-Light.otf) format('otf'), url(../font/AxisStd-Light.ttf) format('ttf'), url(../font/AxisStd-Light.woff) format('woff');
  font-family: Axis;
  font-weight: lighter
}
@font-face {
  src: url(../font/AxisStd-Bold.eot?#iefix) format('embedded-opentype'), url(../font/AxisStd-Bold.otf) format('otf'), url(../font/AxisStd-Bold.ttf) format('ttf'), url(../font/AxisStd-Bold.woff) format('woff');
  font-family: Axis;
  font-weight: 700
}
@font-face {
  src: url(../font/AxisStd-Regular.eot?#iefix) format('embedded-opentype'), url(../font/AxisStd-Regular.otf) format('otf'), url(../font/AxisStd-Regular.ttf) format('ttf'), url(../font/AxisStd-Regular.woff) format('woff');
  font-family: Axis;
  font-weight: 400
}
.sp_view {
  display: none!important
}
.pagetop {
  z-index: 15
}
.date_txt {
  width: 744px;
  margin: 0 auto;
  border: 2px solid #ce0606;
  color: #ce0606;
  border-radius: 5px;
  padding: 8px;
  position: relative;
  top: -10px;
  background-color: #FFF9E2;
}
.date_txt em {
  font-weight: 700
}
body.home, body.home #main {
  font-family: YuGothic, "游ゴシック", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "MS PGothic", sans-serif
}
body {
  background: #f9f9f9!important
}
.gaiheki_catch {
  width: 100%;
  background-color: #039;
  color: #FFF
}
body.home .gaiheki_catch .wrap {
  width: 950px;
}
.gaiheki_catch .gaiheki_catch_wrap {
    width: 500px;
    float: left;
    padding-top: 60px;
    background-image: url(../images/home/exclamation_mark.png);
    background-size: 70%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-bottom: 60px;

}
.gaiheki_catch .gaiheki_catch_wrap .gaiheki_copy {
    font-size: 170%;
    letter-spacing: 3px;
    line-height: 1.5em;
    width: 440px;
    margin: 0 auto;
    padding-left: 12px;
    font-weight: 700;
}
.gaiheki_catch .gaiheki_movie {
    width: 420px;
    height: 325px;
    float: right;
    text-align: right;
    margin-right: 10px;
}
.gaiheki_catch .gaiheki_movie iframe {
    width: 96%;
    margin: 15px 0 15px 4%;
}
.gaiheki_catch .gaiheki_catch_wrap a {
  font-weight: 700;
  color: #FFF
}
.gaiheki_catch .gaiheki_catch_wrap a:hover {
  font-weight: 700;
  color: #000
}
.gaiheki_catch .gaiheki_catch_wrap .gaiheki_catch_button {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fd5f3f', endColorstr='#ce472c');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fd5f3f', endColorstr = '#ce472c')";
    background-image: -moz-linear-gradient(top, #fd5f3f, #ce472c);
    background-image: -ms-linear-gradient(top, #fd5f3f, #ce472c);
    background-image: -o-linear-gradient(top, #fd5f3f, #ce472c);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fd5f3f), to(#ce472c));
    background-image: -webkit-linear-gradient(top, #fd5f3f, #ce472c);
    background-image: linear-gradient(top, #fd5f3f, #ce472c);
    border-radius: 5px;
    border: 4px solid #0d63bc;
    text-align: center;
    position: relative;
    padding: 15px 0;
    width: 420px;
    margin: 12px auto 0;
    font-size: 23px;
}
.gaiheki_catch .gaiheki_catch_wrap .gaiheki_catch_button .kubomi {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d3492e', endColorstr='#e76b53');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d3492e', endColorstr = '#e76b53')";
  background-image: -moz-linear-gradient(top, #d3492e, #e76b53);
  background-image: -ms-linear-gradient(top, #d3492e, #e76b53);
  background-image: -o-linear-gradient(top, #d3492e, #e76b53);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#d3492e), to(#e76b53));
  background-image: -webkit-linear-gradient(top, #d3492e, #e76b53);
  background-image: linear-gradient(top, #d3492e, #e76b53);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d44b31;
  padding: 4px 5px;
  margin-right: 15px;
  font-size: 14px
}
.head_banner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99
}
div.breadcrumb-area {
  background-color: transparent
}
.lump h3 small br {
  display: none
}
body.home #main {
  float: left
}
div.post-share h3 {
  font-size: 20px;
  margin: 30px 0 16px;
  padding: 0 0 0 8px;
  border-left: 5px solid #131D2A;
  clear: both
}
div.post-share .wpp-list li {
  padding: 10px 0;
  border-bottom: 1px dotted #e7e7e7
}
div.post-share .wpp-list li a.wpp-post-title {
  font-size: 16px;
  color: #666;
  margin-top: 10px;
  position: relative;
  top: 15px
}
div.post-share .post-stats {
  position: relative;
  top: 15px;
  font-size: 11px
}
header#header {
  background-color: #fff;
  padding: 0
}
header#header .wrap {
  position: relative
}
header#header #logo a {
  color: #333
}
header#header .stores {
  position: absolute;
  top: -5px;
  left: 29%
}
header#header .ridership {
  float: left;
  width: 25%;
  margin-left: 16%;
  margin-top: 0;
  display: block
}
header#header .ridership a {
  display: block;
  padding: 10px 0;
  background: -moz-linear-gradient(top, #fcf57e 0, #fff100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf57e), color-stop(100%, #fff100));
  background: -webkit-linear-gradient(top, #fcf57e 0, #fff100 100%);
  background: -o-linear-gradient(top, #fcf57e 0, #fff100 100%);
  background: -ms-linear-gradient(top, #fcf57e 0, #fff100 100%);
  background: linear-gradient(to bottom, #fcf57e 0, #fff100 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcf57e', endColorstr='#fff100', GradientType=0);
  font-size: 18px;
  text-decoration: none;
  color: #00a5b9;
  font-family: Shin Go Bold;
  position: relative;
  text-align: center;
  line-height: 1em;
  box-shadow: 0 4px 0 #9b8b03;
  margin: 0 auto 10px;
  border-radius: 10px
}
body.home #key_visual .wrap>h2, header#header .tel .link {
  font-family: YuGothic, 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif
}
header#header .tel {
  float: right;
  text-align: right;
  margin-top: 15px;
  padding-bottom: 13px
}
header#header .tel .dial {
  font-size: 16px;
  color: #47a10b;
  line-height: 1
}
header#header .tel .link {
  color: #333;
  font-size: 38px;
  text-decoration: none
}
header#header .tel p.number {
  width: auto!important;
  line-height: 1
}
header#header .tel .respond {
  line-height: 1
}
header#header.header1 .tel {
  margin-top: 0;
  padding-bottom: 0
}
header#header .teller {
  display: none
}
header#header #header-right {
  height: auto
}
body.home div#key_visual {
  width: 100%;
  background: url(../images/mv/back02.png) 50% bottom no-repeat
}
body.home div#key_visual p {
  width: auto;
  margin-bottom: 0
}
body.home #key_visual .wrap {
  position: relative;
  color: #333;
  width: 960px!important;
  height: 674px
}
body.home #key_visual .wrap>h2 {
  min-width: 500px;
  padding: 0 15px 15px 0;
  font-size: 35px;
  line-height: 1.8em;
  text-align: center;
  color: #333;
  font-style: normal;
  position: absolute;
  top: 20px;
  left: 4px;
  z-index: 1
}
body.home #key_visual .wrap>h2 .size35 br, body.home #key_visual .wrap>img {
  display: none
}
body.home #key_visual .wrap>h2 .size35, body.home #key_visual .wrap>h2 .size60 {
  font-family: "Yu Gothic", YuGothic, sans-serif;
  font-weight: 700
}
body.home #key_visual .wrap>h2:first-child {
  text-shadow: 3px 3px 1px #fff, -3px 3px 1px #fff, 3px -3px 1px #fff, -3px -3px 1px #fff, 0 3px 1px #fff, 3px 0 1px #fff, 0 -3px 1px #fff, -3px 0 1px #fff;
  background: url(../images/mv/midashi.png) right bottom no-repeat
}
body.home #key_visual .wrap>h2 img {
  vertical-align: -.4em
}
body.home #key_visual .wrap>h2 .size60 {
  color: #ed3f05;
  font-size: 160%
}
body.home #key_visual .wrap>h2 .size35 {
  color: #ff6c0a;
  font-size: 100%
}
body.home #key_visual .wrap>h2 .size36 {
  font-style: italic;
  font-size: 100%;
  font-family: "A-OTF æ–°ã‚´ Pr6N M"
}
body.home #key_visual .wrap>h2 .size40, body.home #key_visual .wrap>h2 .size50 {
  font-family: "A-OTF 新ゴ Pr6N B", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif
}
body.home #key_visual .wrap>h2 .size30 {
  color: #fff;
  font-size: 90%
}
body.home #key_visual .wrap>h2 .size40, body.home #key_visual .wrap>h2 .size50 {
  font-weight: 700;
  color: #ef0000;
  font-size: 140%
}
body.home #key_visual .wrap>h2 .size40 {
  font-size: 115%
}
body.home #key_visual .wrap>h2 .size30 {
  text-shadow: -1px -1px #666;
  font-family: "A-OTF 新ゴ Pr6N M", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif
}
body.home #key_visual .wrap .balloon {
  min-width: 314px;
  min-height: 82px;
  padding: 22px 12px 20px 54px;
  background: url(../images/mv/balloon.png) no-repeat;
  position: absolute;
  top: 236px;
  text-align: left;
  left: 110px
}
body.home #key_visual .wrap .balloon .size25 {
  font-family: "A-OTF UDæ–°ã‚´ Pro M";
  font-weight: 700;
  line-height: 1.2em;
  color: #3385f4;
  font-size: 156%;
  margin-bottom: 0
}
body.home #key_visual .wrap .balloon .size18 {
  font-size: 118%
}
body.home #key_visual .wrap .flow {
  width: 314px;
  background: rgba(255, 255, 255, .8);
  border: 2px solid #ff6c0a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  bottom: 64px;
  left: 180px;
  text-align: left
}
body.home #key_visual .wrap .flow dl {
  margin: 8px 3%;
  padding: .2em 0 .4em;
  background: #fbecd9;
  position: relative
}
body.home #key_visual .wrap .flow dt {
  margin: 0 3%;
  font-size: 93.8%;
  line-height: 1.6em;
  color: #3385f4
}
body.home #key_visual .wrap .flow dd {
  margin: 0 3%;
  font-size: 75%;
  line-height: 1.5em;
  color: #282828
}
body.home #key_visual .wrap .flow dd img {
  margin-left: -26px;
  position: absolute;
  bottom: -14px;
  left: 50%;
  z-index: 1
}
body.home #key_visual .wrap .girl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 17.5%;
  display: none
}

.area_compare:after, .compare:after, .voice-index-div .price:after, div#main:after {
  display: block;
  content: "";
  clear: both
}
body.home div#main .main-inner {
  width: auto;
  margin-right: 358px
}
.area_compare .hoge {
  width: 100%;
  height: 118px;
  font-family: NewRodinPro-EB;
  font-size: 240%;
  font-weight: 700;
  text-align: center;
  line-height: 85px;
  color: #0f5ecb;
  background: url(../images/home/bg_hukidashi.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  top: -35px;
  left: 0;
  -webkit-animation-name: home_pc_huwa;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: home_pc_huwa;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: home_pc_huwa;
  -o-animation-duration: 1s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -ms-animation-name: home_pc_huwa;
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite
}
#main section.post-content .voice-index-div .price p, .area_compare h2, .compare h3 {
  font-family: YuGothic, 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif
}
.area_compare .hoge em.fire {
  color: #ff6c0a;
  font-size: 150%;
  font-weight: 700
}
.area_compare {
  width: 100%;
  margin: 60px auto 50px;
  padding: 90px 0 0;
  background-color: #f1f8ff;
  position: relative
}
.compare {
  width: 49.5%;
  height: 400px;
  float: left;
  margin-bottom: 0;
  margin-left: 1%;
  position: relative;
  padding: 20px 0 5px
}
.compare:nth-child(odd) {
  margin-left: 0!important
}
.area_compare h2 {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 50px 0 10px;
  text-align: center;
  background-image: url(../images/home/bg_compare_title.gif);
  position: absolute;
  font-weight: 700;
  line-height: 1em;
  color: #fff;
  text-shadow: -1px -1px 2px rgba(0, 0, 0, .5);
  width: 100%;
  top: 0;
  left: 0;
  font-size: 200%
}
.area_compare h2 em {
  font-size: 180%;
  color: #ffe168
}
.area_compare h2 small {
  font-size: 80%;
  color: #fff
}
.area_compare h2 span {
  font-size: 100%
}
.area_compare h2 span.deka {
  font-size: 160%
}
.compare h3 {
  font-size: 16px;
  margin-left: 30%;
  border-bottom: 2px solid #2d43a0;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-weight: 700
}
.compare figure {
  width: 30%;
  margin: 0;
  position: absolute;
  top: 10%;
  left: 0
}
.voice-index-div .contracter span {
  background-color: #85c201;
  padding: 4px;
  margin-right: 5px;
  border-radius: 4px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, .5)
}
.voice-index-div .contracter {
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px
}
.voice-index-div .contracter a {
  text-decoration: underline;
  color: #023793
}
#main article.trophy div.detail .price p, #main section.post-content .voice-index-div .price p {
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0c0202', endColorstr='#141414', GradientType=0);
  color: #fff;
  font-weight: 700
}
.voice-index-div p {
  line-height: 1.8em
}
.voice-index-div figure {
  width: 50%;
  float: left
}
.voice-index-div .detail {
  margin-left: 51%;
  min-height: 396px;
  position: relative
}
.voice-index-div .txt {
  line-height: 1.5em;
  margin-bottom: 15px
}
.voice-index-div .price {
  line-height: 1em;
  position: absolute;
  width: 100%;
  bottom: 50px;
  right: 0
}
.voice-index-div .price .aop {
  margin-right: 10px;
  float: left;
  font-size: 20px;
  line-height: 1.3em
}
#main section.post-content .voice-index-div .price p {
  margin: 0 0 0 50px;
  padding: 3px 5px;
  font-size: 35px;
  line-height: 1em;
  border: 1px solid #999;
  text-align: right;
  background: #0c0202;
  background: -moz-linear-gradient(top, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c0202), color-stop(50%, #5b5959), color-stop(51%, #595959), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%);
  background: -o-linear-gradient(top, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%);
  background: -ms-linear-gradient(top, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%);
  background: linear-gradient(to bottom, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%)
}
#main article.trophy {
  margin-bottom: 40px
}
#main article.trophy h3 {
  margin: 0 0 15px;
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #aaa
}
#main article.trophy h3:before {
  display: none
}
#main article.trophy h3 span {
  background-color: #85c201;
  padding: 4px;
  margin-right: 5px;
  border-radius: 4px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, .5)
}
#main article.trophy figure.b_a {
  text-align: center;
  margin-bottom: 15px
}
#main article.trophy figure.b_a img {
  width: 80%;
  height: auto;
  margin: 0 auto
}
#main article.trophy div.detail {
  height: 400px
}
#main article.trophy div.detail:after {
  content: "";
  display: block;
  clear: both
}
#main article.trophy div.detail figure {
  width: 50%;
  float: left
}
#main article.trophy div.right {
  margin-left: 52%;
  text-align: left;
  position: relative;
  height: 100%
}
#main article.trophy div.detail p {
  font-size: 16px
}
#main article.trophy div.detail .price {
  line-height: 1em;
  position: absolute;
  width: 100%;
  bottom: 50px;
  right: 0
}
#main article.trophy div.detail .price:after {
  content: "";
  display: block;
  clear: both
}
#main article.trophy div.detail .price p {
  margin-left: 50px;
  padding: 3px 5px;
  font-size: 35px;
  margin-bottom: 0;
  line-height: 1em;
  border: 1px solid #999;
  text-align: right;
  background: #0c0202;
  background: -moz-linear-gradient(top, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c0202), color-stop(50%, #5b5959), color-stop(51%, #595959), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%);
  background: -o-linear-gradient(top, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%);
  background: -ms-linear-gradient(top, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%);
  background: linear-gradient(to bottom, #0c0202 0, #5b5959 50%, #595959 51%, #141414 100%)
}
#main article.trophy div.detail .price .aop {
  margin-right: 10px;
  float: left;
  font-size: 20px;
  line-height: 1.3em
}
#main article.trophy div.detail .price p .tanni {
  font-size: 60%
}
#main article.trophy div.detail .btn-voice-detail, .btn-voice-detail {
  height: 45px;
  width: 249px;
  display: block;
  margin: 10px auto 0;
  background: url(../images/voice/btn-voice-detail.jpg) left top no-repeat;
  text-indent: -12345px;
  position: absolute;
  bottom: 0;
  right: 0
}
.voice-index-div .detail:after {
  content: "";
  display: block;
  clear: both
}
#main .contractor article figure.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  width: 32%;
  text-align: center;
  float: left;
  margin-bottom: 10px;
  min-height: 130px
}
.compare .right {
  margin-left: 30%;
  position: relative;
  margin-bottom: 5px
}
.compare .right ul.meta {
  width: 40%;
  float: left;
  margin: 0 0 20px;
  padding-left: 10px
}
.compare .right ul.meta li {
  list-style-type: none;
  font-size: 14px;
  margin-bottom: 5px
}
.compare .right .satei {
  width: auto;
  margin-bottom: 20px;
  margin-left: 40%
}
.compare .right .satei ul {
  margin-bottom: 0;
  height: 120px;
  position: relative;
  padding-left: 0
}
.compare .right .satei ul.deside_a:after {
  top: -10px;
  left: 0
}
.compare .right .satei ul.deside_a li:first-child {
  top: 0;
  left: 0;
  z-index: 2;
  color: red
}
.compare .right .satei ul.deside_a li:nth-child(2) {
  bottom: -25px;
  left: 45px
}
.compare .right .satei ul.deside_a li:nth-child(3) {
  right: 0;
  top: -10px
}
.compare .right .satei ul.deside_b:after {
  bottom: -90px;
  left: -5px
}
.compare .right .satei ul.deside_b li:first-child {
  top: 0;
  left: 0
}
.compare .right .satei ul.deside_b li:nth-child(2) {
  bottom: -20px;
  left: 0;
  color: red;
  z-index: 3
}
.compare .right .satei ul.deside_b li:nth-child(3) {
  right: 0;
  top: 0
}
.compare .right .satei ul:after {
  content: "";
  display: block;
  width: 110px;
  height: 160px;
  background-image: url(../images/home/img_circle.png);
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  z-index: 3;
  opacity: .7
}
.compare .right .satei ul.deside_c:after {
  top: -10px;
  right: 0
}
.compare .right .satei ul.deside_c li:first-child {
  top: 0;
  left: 0
}
.compare .right .satei ul.deside_c li:nth-child(2) {
  bottom: -20px;
  left: 0
}
.compare .right .satei ul.deside_c li:nth-child(3) {
  right: 0;
  top: 0;
  color: red
}
.compare .right .satei ul li {
  list-style: none;
  background-image: url(../images/home/bg_canvas.png);
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 100px;
  height: 87px;
  padding-top: 20px;
  text-align: center;
  position: absolute;
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  -ms-transform: rotate(12deg)
}
.compare .right .satei ul li .cp {
  display: block;
  font-size: 12px;
  line-height: 1;
  font-weight: 700
}
.compare .right .satei ul li .under_box {
  position: absolute;
  padding-right: 12px;
  font-size: 24px;
  line-height: 1;
  left: 25%;
  font-weight: 700
}
.compare .right .satei ul li .under_box.over {
  left: 16%
}
.compare .right .satei ul li .tanni {
  font-family: "A-OTF UD新丸ゴ Pro M";
  position: absolute;
  top: -10px;
  right: 0;
  font-weight: 700
}
.compare .prise, .lump h3, .lump h3 em, .lump h4, .lump h4 strong, .lump p.why, .lump p.why strong, .relief .number, .relief h3, .relief h3 em, .relief h4, .submitForm a span {
  font-family: YuGothic, 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif
}
.compare .right .satei ul li small {
  font-size: 8px;
  font-weight: 700;
  line-height: 10px
}
.compare .right .satei ul li small:nth-child(2) {
  display: block
}
.compare .good-value {
  position: relative;
  top: -10px;
  z-index: 4
}
.compare .prise {
  clear: both;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  outline: 0;
  margin-top: -30px;
  height: 55px;
  background-size: 100% auto;
  margin-bottom: 10px;
  text-align: center;
  font-size: 320%;
  color: red;
  font-weight: 700;
  text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff
}
.compare .prise.bg_w {
  text-shadow: 3px 3px 1px #666
}
.compare .prise.bg {
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
  -webkit-text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff
}
.compare .prise span {
  font-size: 45%
}
.compare .comment {
  background-color: #eee;
  margin-top: 55px;
  font-size: 16px;
  min-height: 178px;
  line-height: 1.5em;
  padding: 5px 10px
}
.compare .comment em {
  background-color: #ffe168;
  color: #ef0000
}
#main article.other {
  background-color: #fdf8e3;
  border: 1px solid #276ed0;
  overflow: hidden;
  margin-top: 15px;
  padding-bottom: 15px
}
#main .note, #main article .attention {
  background-color: #fff;
  font-size: 100%
}
#main article .attention {
  margin: 20px 0 0;
  padding: 0 40px;
  background-position: 15px center
}
#main article .note {
  margin-top: 0
}
#main article.other .attention {
  color: red;
  font-size: 120%;
  line-height: 30px;
  background: url(../images/home/att.png) left 0 no-repeat #fff;
  padding-left: 30px;
  margin: 10px 15px 0
}
#main article.other .note {
  padding-top: 0;
  margin: 0 15px;
  background-position: 0 14px
}
#main article.other figure {
  float: right;
  width: 50%
}
#main article.other .note span {
  color: red
}
#main article.other .note em {
  color: red;
  text-decoration: underline;
  font-weight: 700
}
#main article.other .note strong {
  background-color: #ffe168
}
body.home #main article h2 {
  background-image: none;
  font-weight: 700
}
#main article h2.title:before {
  margin-right: 5px
}
#main article h2:before {
  content: "";
  width: 40px;
  height: 40px;
  display: none;
  margin-right: 5px;
  vertical-align: bottom
}
#main article.other h2:before {
  display: none
}
body.home #main article.other h2.title {
  font-size: 28px;
  border-left: none;
  color: #fff;
  text-shadow: -1px -1px 1px #333;
  background-color: #0f69d1;
  background-image: url(../images/home/bg_compare_title.gif);
  background-repeat: repeat;
  margin-top: 0;
  padding: 15px 0;
  text-indent: 0;
  text-align: center;
  font-weight: 700;
  width: 100%
}
#main article.other h2.title em {
  color: #ffe168;
  font-size: 150%;
  font-weight: 700
}
.lump {
  margin: 30px auto;
  position: relative
}
.lump h3 {
  padding: .8em 0 0;
  font-size: 200%;
  line-height: 1.6em;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, .7);
  background: url(../images/home/bg_compare_title.gif)
}
#main .wrap.lump h3 span em {
  color: #ff6c0a;
  font-size: 120%;
  font-weight: 700
}
.lump h3 small {
  font-size: 68.2%;
  color: #fff
}
.lump h3 em {
  margin: 0 .1em;
  font-size: 136.4%;
  color: #ffe168;
  font-weight: 700
}
#main .wrap.lump h3 span {
  position: absolute;
  background-image: url(../images/home/img_hukidashi.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  padding: 17px 5px 28px;
  background-size: 100% auto;
  top: -25px;
  left: 10px;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
  font-size: 50%;
  line-height: 1em;
  color: #333;
  text-shadow: none
}
.inner-lump {
  padding: 0 0 20px;
  border: 1px solid #4e86d1;
  border-top: none;
  background: #fdf8e3
}
.lump h4, .lump p.why {
  margin: .5em 0 0;
  font-size: 175%;
  line-height: 1.8em;
  text-align: center;
  text-shadow: -2px -2px #fff, 2px -2px #fff, 2px 2px #fff, -2px 2px #fff;
  color: #333
}
.lump h4 strong, .lump p.why strong {
  font-weight: 700;
  font-size: 228.6%
}
.lump h4 em, .lump p.why em {
  color: #ff6c0a
}
#main .wrap.lump {
  font-weight: 700;
  width: 100%!important;
  margin-top: 30px
}
.reason {
  margin: 0 2%;
  padding: .5em 0;
  background: #fff;
  position: relative;
  overflow: hidden
}
.reason h5 {
  margin: 0 0 0 2%;
  font-size: 100%;
  line-height: 2.5em;
  color: #333;
  font-weight: 400;
  border-bottom: 1px dashed #ff9920
}
.reason h5 em {
  font-size: 122.2%;
  color: red;
  background: #ff0
}
.reason .size14 {
  margin: .5em 0;
  line-height: 30px;
  font-size: 16px
}
.reason .size14 em {
  font-size: 115%;
  color: red;
  background: #ff0
}
.wrap.lump .reason p.size14.pc_view {
  width: 45%;
  float: right;
  margin: 10px 0 0
}
.wrap.lump .reason p.size14 {
  width: 96%;
  margin: 10px 2% 0;
  font-style: normal
}
#main .wrap.estimate2 {
  width: 100%!important;
  text-align: center;
  color: #333;
  font-size: 225%
}
#main .wrap.estimate2 p {
  margin-bottom: 0
}
.submitForm {
  width: 417px;
  height: 88px;
  margin: 0 auto;
  font-size: 27px
}
.booklet {
  font-size: 15px
}
#main article.servise {
  background-color: #fdf8e3;
  position: relative;
  padding: 10px 0 1px;
  border: none
}
#main article.servise:after {
  content: "";
  display: block;
  width: 142px;
  height: 283px;
  background-image: url(../images/home/img_teacher.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 15px;
  right: 30px
}
#main article.servise h2 br, .clear hr, .relief3 h4 br {
  display: none
}
body.home #main article.servise h2.title {
  border-left: none;
  background-color: #ff7a22;
  border-bottom: 2px solid #fdc595;
  padding: 10px 0 10px 50px;
  margin: 0;
  text-indent: 0;
  width: auto;
  font-size: 22px;
  font-weight: lighter;
  color: #fff;
  background-image: url(../images/home/img_box_open.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  position: relative
}
#main article.servise h2:after, #main article.servise h2:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 1px dotted #fff;
  position: absolute;
  left: 0
}
#main article.servise h2:before {
  content: "";
  top: 3px
}
#main article.servise h2:after {
  bottom: 3px
}
#main article.servise ul {
  background-color: #fff;
  margin: 10px;
  padding: 10px
}
#main article.servise ul li {
  margin-top: 15px;
  font-size: 22px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #333
}
#main article.servise ul li span {
  margin-right: 20px;
  padding: 8px 15px;
  border-radius: 30px;
  background-color: #ff6868;
  color: #fff;
  margin-left: 5px
}
body.home .wrap.relief {
  width: 100%!important;
  margin: 80px auto 40px;
  padding: 55px 0 25px;
  background: url(../images/home/back05.png);
  position: relative
}
.relief h3 {
  width: 100%;
  height: 97px;
  font-size: 182.5%;
  color: #fff;
  line-height: 97px;
  text-align: center;
  text-shadow: 1px 1px 4px rgba(67, 67, 67, .6);
  background: url(../images/home/bg_headline.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  top: -40px;
  left: -3px
}
.relief1, .relief2, .relief3 {
  background: url(../images/home/back06.gif);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc
}
.relief h3 em {
  font-weight: 700;
  font-size: 150%;
  color: #fff005
}
.relief1, .relief2 {
  width: 47%;
  padding: .6em 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative
}
.relief1 {
  margin: 0 0 20px 2%;
  float: left
}
.relief2 {
  margin: 0 2% 20px 0;
  float: right
}
.relief h4 {
  text-align: center;
  color: #333;
  border-bottom: 1px solid #a40000
}
.relief1 h4, .relief2 h4 {
  margin: 0 4% .5em;
  font-size: 187.5%;
  font-weight: 700;
  line-height: 1.6em
}
.relief1 h4 small, .relief2 h4 small {
  margin: 0 .1em;
  font-size: 80%;
  font-weight: 400
}
.relief .number {
  display: none;
  width: 85px;
  height: 83px;
  padding-right: 6px;
  font-size: 225%;
  text-align: center;
  line-height: 80px;
  color: #fff;
  position: absolute;
  top: -10px;
  left: 10px
}
#main .puturn1 figcaption, .relief3 {
  position: relative;
  text-align: center
}
.relief1 img, .relief2 img {
  margin-top: -15px;
  float: right
}
.relief1 .size14, .relief2 .size14 {
  margin: 0 4%;
  line-height: 2em
}
.relief3 {
  clear: both;
  margin: 0 2%;
  padding: 1em 0 0;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
}
.relief3 h4 {
  margin: 0 2%;
  font-size: 110%;
  line-height: 2em
}
.relief3 h4 strong, .relief3 h4 strong em {
  font-size: 130%;
  font-family: YuGothic, 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif
}
.relief3 h4 strong em {
  font-weight: 700;
  color: #f66
}
#main article.puturn h3.header3.title {
  border: none;
  border-bottom: 6px solid #276ed0;
  background-image: none;
  background-color: transparent;
  padding: 0;
  text-indent: 0;
  line-height: 1;
  box-shadow: none;
  color: #fff;
  margin-bottom: 0;
  font-size: 20px
}
#main .puturn h3 span {
  background-image: none;
  background-color: #276ed0;
  margin: 0;
  padding: 5px 10px 0;
  border-radius: 5px 5px 0 0
}
#main .puturn1 figcaption {
  background-color: #276ed0;
  color: #fff;
  background-image: none;
  padding: 10px 5px;
  width: 100%
}
#main .puturn1 figcaption:after, #main .puturn1 figcaption:before {
  display: block;
  position: absolute;
  top: -8px;
  content: ""
}
#main .puturn1 figcaption:before {
  border: 4px solid transparent;
  border-bottom: 4px solid #0913A6;
  border-right: 4px solid #0913A6;
  left: 0
}
#main .puturn1 figcaption:after {
  border: 4px solid transparent;
  border-bottom: 4px solid #0913A6;
  border-left: 4px solid #0913A6;
  right: 0
}
#main .puturn1 .note {
  margin-top: 0;
  padding-top: 0;
  background-position: 0 15px;
  text-align: left
}
#main .puturn1 .more {
  margin-top: 15px;
  margin-right: 10px
}
#main article.puturn2 h3.header3.title {
  clear: both;
  margin-bottom: 7px;
  margin-top: 30px
}
#main article.puturn h3.header3.title:before {
  display: none
}
#main article.puturn:after {
  clear: both;
  display: block;
  content: ""
}
#main .puturn2 .note {
  margin-top: 0
}
#main .puturn2 .thumb-block figure {
  margin-top: 15px
}
body.home #main .puturn2 h4 {
  font-size: 18px;
  text-indent: 55px;
  background-image: url(../images/home/img_check.png);
  background-repeat: no-repeat;
  background-position: 15px 25%;
  position: relative;
  margin: 0;
  background-color: transparent;
  padding: 10px 0
}
#main .puturn2 h4:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: #333;
  background: -moz-linear-gradient(left, #333 0, #fff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #333), color-stop(100%, #fff));
  background: -webkit-linear-gradient(left, #333 0, #fff 100%);
  background: -o-linear-gradient(left, #333 0, #fff 100%);
  background: -ms-linear-gradient(left, #333 0, #fff 100%);
  background: linear-gradient(to right, #333 0, #fff 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff', GradientType=1)
}
#main .puturn2 p.more {
  margin: 0 10px 15px 0
}
.fail-block {
  display: block;
  width: 33.3%;
  border: 0;
  background-color: #fff1e7;
  padding: 10px 0 10px 10px;
  float: left
}
.fail-block.fail3 {
  padding-right: 10px
}
.fail-block figure {
  min-height: 480px;
  text-align: center;
  background-color: #fff;
  padding: 10px
}
.fail3 figcaption {
  padding: 10px 10px 7px 45px
}
#main .puturn1 .more {
  position: relative;
  margin: 0 10px 0 0;
  text-align: right
}
.float-right {
  float: right
}
.more {
  padding-right: 20px;
  margin-top: 15px;
  text-align: right;
  background: url(../images/home/icn_arrow.png) right center no-repeat;
  clear: both
}
.centerImg {
  width: 100%;
  height: 350px;
  margin: 0 auto 20px;
  padding: 90px 0 0;
  text-align: center;
  background: url(../images/home/img98.jpg) center 0 no-repeat;
  font-size: 50px;
  line-height: 1
}
.centerImg a:hover {
  text-decoration: none
}
.centerImg a:hover p {
  text-shadow: 6px 6px 20px #fffcab, -6px 6px 20px #fffcab, 6px -6px 20px #fffcab, -6px -6px 20px #fffcab, 0 6px 20px #fffcab, -6px 0 20px #fffcab, 0 -6px 20px #fffcab, 6px 0 20px #fffcab
}
.centerImg p {
  font-family: YuGothic, 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  color: #333;
  line-height: 1.2;
  text-shadow: 6px 6px 20px #fff, -6px 6px 20px #fff, 6px -6px 20px #fff, -6px -6px 20px #fff, 0 6px 20px #fff, -6px 0 20px #fff, 0 -6px 20px #fff, 6px 0 20px #fff
}
.centerImg p em {
  color: #ff3414
}
.centerImg p small {
  font-family: YuGothic, 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  font-size: 72.2%;
  font-weight: 400
}
#main article .trouble_adviser, .trouble_adviser {
  width: 100%;
  padding: 15px 3%;
  margin-top: 0;
  background-color: #0777bd;
  color: #fff
}
#main article .trouble_adviser:after, .trouble_adviser:after {
  content: "";
  display: block;
  clear: both
}
#main article .trouble_adviser p, .trouble_adviser p {
  background-image: none
}
#main article .trouble_adviser .subti, .trouble_adviser .subti {
  background-color: #fff;
  color: #0777bd;
  line-height: 2em;
  border-radius: 10px;
  font-size: 28px;
  margin-bottom: 5px;
  background-image: none;
  text-align: center
}
#main article .trouble_adviser .subti span, .trouble_adviser .subti span {
  border-bottom: 1px solid #0777bd;
  display: block;
  font-weight: 700
}
#main article .trouble_adviser .neutrality, .trouble_adviser .neutrality {
  clear: both;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #fff;
  margin-bottom: 0;
  font-size: 17px;
  text-align: center
}
#main article .trouble_adviser .neutrality em, .trouble_adviser .neutrality em {
  color: #fff100
}
#main article .trouble_adviser .wear>p, .trouble_adviser .wear>p {
  font-size: 16px;
  text-align: left;
  margin-top: 20px;
  margin-left: 22%
}
#main article .trouble_adviser>div, .trouble_adviser>div {
  width: 49%;
  float: left;
  padding: 5px 0;
  margin-bottom: 10px
}
#main article .trouble_adviser>.left_box, .trouble_adviser>.left_box {
  border-right: 1px solid #fff
}
#main article .trouble_adviser>div h3, .trouble_adviser>div h3 {
  font-size: 34px;
  background: 0 0;
  font-weight: 700;
  line-height: 1.3em;
  border: 0;
  margin: 0;
  color: #fff;
  text-align: center;
  padding: 0
}
#main article .trouble_adviser>div h3:before, .trouble_adviser>div h3:before {
  display: none
}
#main article .trouble_adviser>div .caption, .trouble_adviser>div .caption {
  margin-bottom: 0;
  font-size: 16px;
  text-align: center;
  line-height: 1em
}
#main article .trouble_adviser>.right_box, .trouble_adviser>.right_box {
  width: 50%
}
#main article .trouble_adviser>.left_box a, #main article .trouble_adviser>.right_box a, .trouble_adviser>.left_box a, .trouble_adviser>.right_box a {
  display: block;
  text-align: center;
  text-decoration: none;
  background: #fcf57e;
  background: -moz-linear-gradient(top, #fcf57e 0, #fff100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf57e), color-stop(100%, #fff100));
  background: -webkit-linear-gradient(top, #fcf57e 0, #fff100 100%);
  background: -o-linear-gradient(top, #fcf57e 0, #fff100 100%);
  background: -ms-linear-gradient(top, #fcf57e 0, #fff100 100%);
  background: linear-gradient(to bottom, #fcf57e 0, #fff100 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcf57e', endColorstr='#fff100', GradientType=0);
  line-height: 2.2em;
  box-shadow: 0 1px #bcb201, 0 2px #bcb201, 0 3px #bcb201, 0 4px #bcb201;
  width: 90%;
  margin: 10px auto 0;
  border-radius: 6px;
  font-size: 24px;
  transition: none;
  font-weight: 700;
  color: #0777bd
}
#main article .trouble_adviser>.left_box a:hover, #main article .trouble_adviser>.right_box a:hover, .trouble_adviser>.left_box a:hover, .trouble_adviser>.right_box a:hover {
  text-decoration: none;
  box-shadow: none;
  position: relative;
  top: 4px
}
#main article .trouble_adviser figure, .trouble_adviser figure {
  float: left;
  width: 20%
}
#main article .trouble_adviser figure img, .trouble_adviser figure img {
  width: 100%;
  height: auto
}
#main article .trouble_adviser>.wear, .trouble_adviser>.wear {
  width: 100%;
  float: none;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px
}
#main article .trouble_adviser>.wear:after, .trouble_adviser>.wear:after {
  content: "";
  display: block;
  clear: both
}
#main article .trouble_adviser>.left_box a, .trouble_adviser>.left_box a {
  font-weight: 700;
  color: #0777bd;
  font-size: 30px;
  text-decoration: none;
  margin: 10px auto 5px;
  display: block;
  text-align: center;
  line-height: 1.8em
}
#main article .trouble_adviser>.left_box a i, .trouble_adviser>.left_box a i {
  margin-right: 5px
}
#main article .trouble_adviser>.left_box .time, .trouble_adviser>.left_box .time {
  font-size: 12px;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 0
}
body.home #main article h2, body.home #main article h2.title {
  font-size: 28px;
  line-height: 1.4;
  margin: 2em 0 1em;
  padding: 0 0 12px;
  color: #000;
  background: 0 0;
  border-left: 0;
  border-bottom: 3px solid #1a84f1
}
body.home #main article h3, body.home #main article h3.title {
  font-size: 23px;
  margin: 2em 0 1em;
  color: #000;
  line-height: 1.2em;
  border: none;
  border-left: 4px solid #d6d6d6;
  background: 0 0;
  box-shadow: none;
  text-indent: 0;
  padding-left: 15px;
  font-weight: 700
}
body.home #main article h3.title:before, body.home #main article h3:before {
  content: "\f103";
  font-family: Fontawesome;
  font-size: 28px;
  display: none;
  vertical-align: middle;
  margin-right: 10px;
  background-image: none
}
body.home #main article h4, body.home #main article h4.title {
  margin: 2em 0 1em;
  font-size: 18px;
  background-image: none;
  font-weight: 700
}
.area-block {
  border-bottom: 1px dashed #aaa
}
.area-block a {
  background: url(../images/home/icon_arrowlink.gif) 0 center no-repeat;
  padding-left: 10px;
  line-height: 1.6em;
  color: #023793;
  width: 140px;
  display: block;
  float: left
}
div.workman-block {
  background-color: #fdf8e3;
  border: none;
  box-shadow: 1px 1px 5px #bbb;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px
}
#main article div.workman-block h3 {
  background-image: url(../images/contractor/img_check.png);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  font-size: 20px;
  border-bottom: 2px solid #ff6c0a;
  border-left: 0;
  background-color: transparent;
  padding: 8px 0 10px 43px;
  margin: 0 0 10px
}
#main article div.workman-block a {
  color: #323232;
  display: block
}
.workman-block figure {
  width: 30%;
  float: left;
  text-align: center;
  margin-bottom: 10px
}
div.workman-block figure>img {
  display: block;
  margin: 5px auto 0
}
#main article div.workman-block div.workman-detail {
  background-color: #fff;
  padding: 15px 10px;
  box-shadow: -1px -1px 3px #999
}
#main article div.workman-block div.workman-detail h4 {
  text-shadow: none;
  color: #ff6c0a;
  line-height: 1.3em;
  margin: 10px 0;
  border-left: 0
}
#main article div.workman-block div.workman-detail p {
  margin-bottom: 0
}
#main .note {
  background: url(../images/home/bg_note.png) #fff;
  padding: 15px;
  margin: 0;
  line-height: 30px;
  font-weight: 400
}
.voice-index .voice-area {
  overflow: hidden;
  padding: 0;
  margin: 0
}
.voice-index .voice-area li {
  float: left;
  width: 30%!important;
  height: 335px;
  margin-left: 15px!important;
  margin-bottom: 11px;
  border: 1px solid #ccc;
  overflow: hidden
}
.voice-index .pre .yen {
  color: #fe5f5f
}
#main section.post-content .voice-area p.ttl {
  font-size: 14px;
  line-height: 1.3em;
  background-color: #9BCBFA;
  padding: 7px 13px;
  margin-bottom: 0
}
.voice-area .ttl a {
  color: #333;
  font-weight: 400
}
.li-inner {
  padding: 10px
}
.link-txt {
  margin: 5px 0
}
#main section.post-content .voice-area p.pre {
  margin-bottom: 0
}
#main section.post-content .voice-area p.link {
  font-size: 14px;
  line-height: 1.3em;
  color: #023793;
  margin-bottom: 0
}
.link-txt .link a {
  color: #023793;
  font-weight: 700;
  text-decoration: underline
}
.link-txt .link a:hover {
  text-decoration: none
}
.page-nav a {
  border: 1px solid #829bc9;
  padding: 5px;
  background: #f2f5f9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: center;
  color: #053793
}
.page-nav {
  margin-top: 30px;
  margin-bottom: 20px;
  clear: both
}
.more-link {
  color: #053793;
  font-weight: 700
}


#icon_list {
  margin-top: 15px;
  background-color: #036ACE;
  padding: 15px 0;
  position: relative
}
#icon_list p.text {
  width: 21%;
  color: #FF0;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1.9em;
  float: left
}
#icon_list .commet {
  margin-left: 22%;
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  height: 120px;
  width: 73%
}
#icon_list ul li img {
  width: auto;
  max-width: none
}
#icon_list ul li:first-child {
  margin-left: 0
}
.post-content table {
  clear: both;
}
@media only screen and (max-width:1200px) and (min-width:641px) {
  #content, #footer, body.home div#key_visual, header#header {
    width: 1200px
  }
  #footer .row {
    margin-left: 0;
    margin-right: 0
  }
}
@media only screen and (max-width:640px) {
  body.home #content {
    padding: 82px 0 52px
  }
  header#header #logo {
    width: 63%;
    float: left;
    padding: 12px 0;
    margin-top: 0
  }
  #main article.trophy figure.b_a img, .voice-index-div figure {
    width: 100%
  }
  #main article.trophy {
    padding: 5px
  }
  #main article.trophy div.right {
    margin-left: 0;
    position: static
  }
  #main article.trophy div.detail {
    height: auto;
    padding-bottom: 115px;
    position: relative
  }
  .voice-index-div .detail {
    margin-left: 0;
    margin-bottom: 50%
  }
  .voice-index-div .price {
    bottom: -70px
  }
  .btn-voice-detail {
    bottom: -110px;
    right: 0
  }
  #main .contractor article figure.thumbnail {
    width: 50%;
    float: left
  }
  header#header .tel {
    margin-top: 0
  }
  .date_txt {
    margin: 12px 12px 0;
    font-size: 13px;
    padding: 5px;
    background-color: #fff;
    border: 2px solid #AB0022;
    border-radius: 5px;
    color: #AB0022;
    top: 0;
    width: auto;
    line-height: 1.6
  }
  #icon_list p.text {
    width: auto;
    float: none;
    text-align: center
  }
  #icon_list .commet {
    margin-left: 0;
    width: 100%
  }
  section.post-content {
    font-size: 18px;
    line-height: 1.8
  }
  body, body.home, body.home #main {
    font-family: Axis
  }
  #footer .footer-logo {
    width: 45%
  }
  div.post-share {
    padding: 10px 5px
  }
  div.post-share .post-stats, div.post-share .wpp-list li a.wpp-post-title {
    top: 0
  }
  div#key_visual {
    text-align: center
  }
  body.home div#key_visual div.wrap>h2.mv_ttl {
    position: relative;
    padding-right: 0;
    left: auto;
    top: auto;
    letter-spacing: 0;
    color: #0588D3;
    font-weight: 700;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 4px 4px 0 #666
  }
  body.home div#key_visual div.wrap {
    padding-top: 66px;
    position: relative
  }
  body.home div#key_visual div.wrap>.hake {
    width: 15%;
    position: absolute;
    top: 48px;
    right: 36px
  }
  body.home div#key_visual div.wrap>.hake img {
    width: 100%
  }
  body.home div#key_visual div.wrap>h2.mv_ttl em {
    font-size: 130%;
    font-style: normal
  }
  body.home div#key_visual div.wrap>h2.mv_ttl .huki {
    position: absolute;
    padding: 3px 15px 35px;
    top: -47px;
    left: 53px;
    background-image: url(../images/mv/bg_hukidashi_1.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    line-height: 1.4em;
    font-size: 26px;
    color: #fff;
    text-shadow: none;
    font-family: Shin Go Bold
  }
  body.home div#key_visual div.wrap>.catch {
    font-family: Shin Go Medium;
    color: #059bd3;
    line-height: 1.3em;
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff
  }
  .relief-sp li span, body.home, body.home div#key_visual div.wrap>.catch p, body.home div#key_visual div.wrap>h2.mv_ttl {
    font-family: YuGothic, 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif
  }
  body.home div#key_visual div.wrap>h2.mv_ttl {
    font-size: 31px;
    line-height: 1.5em;
    margin-bottom: 0;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    background-image: url(../images/mv/bg_penki.png);
    background-repeat: no-repeat;
    background-position: 50% 22px;
    -webkit-background-size: 57% auto;
    background-size: 57% auto
  }
  body.home div#key_visual div.wrap>h2.mv_ttl em.str {
    letter-spacing: .07em;
    font-size: 160%
  }
  body.home div#key_visual div.wrap>.catch p {
    text-align: center;
    font-size: 26px
  }
  body.home div#key_visual div.wrap>.catch {
    font-size: 16px;
    margin-top: 3px
  }
  body.home div#key_visual div.wrap>.catch p {
    margin: 0 0 30px
  }
  body.home div#key_visual {
    background-position: center top
  }
  #content div.wrap, body.home div.wrap {
    width: auto;
    margin-left: 15px;
    margin-right: 15px
  }
  div#main .main-inner {
    width: 100%;
    float: none
  }
  .breadcrumb-area .wrap {
    width: auto
  }
  h1 {
    float: none
  }
  #main section.post-content p {
    margin-bottom: 1.5em
  }
  body {
    padding-bottom: 92px
  }
  .compare .right .satei ul li {
    width: 87px;
    height: 71px
  }
  .compare .right .satei ul li .cp {
    font-size: 11px
  }
  .compare .right .satei ul li .under_box {
    font-size: 21px
  }
  body.home #key_visual .wrap .girl {
    display: none
  }
  #main article.other {
    margin-top: 1472px
  }
  #main .wrap.lump h3 span {
    font-size: 100%
  }
  .area_compare {
    width: 100%
  }
  #main .area_compare h2 {
    padding-left: 0
  }
  #main article.other figure {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none
  }
  #main article .trouble_adviser .neutrality, .trouble_adviser .neutrality {
    font-size: 15px
  }
  #main article .trouble_adviser>.right_box, #main article .trouble_adviser>div, .trouble_adviser>.right_box, .trouble_adviser>div {
    width: 100%;
    float: none;
    text-align: center
  }
  #main article .trouble_adviser>.left_box, .trouble_adviser .left_box {
    border-right: none;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px
  }
  #main article .trouble_adviser .subti, .trouble_adviser .subti {
    text-align: center;
    font-size: 14px;
    line-height: 1.6em
  }
  .trouble_adviser>div h3 {
    font-size: 32px
  }
  #main article .trouble_adviser>div h3 {
    font-size: 30px
  }
  #main article .trouble_adviser .wear>p, .trouble_adviser>.wear>p {
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0
  }
  #main article .trouble_adviser figure, .trouble_adviser figure {
    width: 44%
  }
  #main article .trouble_adviser>.right_box a, .trouble_adviser>.right_box {
    text-align: center
  }
  .pc_view {
    display: none!important;
  }
  .sp_view {
    display: block!important
  }
  #main .puturn1 figcaption:after, #main .puturn1 figcaption:before, #main article.servise:after, .pc_view {
    display: none
  }
  header#header {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3)
  }
  body.home #key_visual .wrap .balloon {
    display: none;
    background-image: url(../images/home/balloon_sp.png);
    width: 50px;
    min-width: 140px;
    padding: 15px 0 0 11px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    font-size: 11px;
    left: auto;
    top: 65px;
    right: 10%
  }
  body.home div#main {
    width: 100%!important;
    float: none
  }
  body.home div#main .main-inner {
    width: 100%
  }
  .area_compare {
    margin-bottom: 15px;
    margin-top: 80px;
    padding: 110px 0 0;
    top: 0
  }
  .area_compare h2 {
    padding: 15px 0
  }
  .area_compare .hoge {
    width: 100%;
    height: 50px;
    font-size: 150%;
    line-height: 60px;
    background-size: 100% auto;
    left: 0;
    top: -35px;
    -webkit-animation-name: tub_huwa;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: tub_huwa;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: tub_huwa;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -ms-animation-name: tub_huwa;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite
  }
  .area_compare .compare {
    float: none;
    width: 100%;
    padding-top: 10px;
    height: auto;
    min-height: 0;
    margin: 0
  }
  .area_compare .compare h3 {
    margin-left: 33%;
    font-size: 100%;
    padding: 0;
    margin-top: 0
  }
  .area_compare h2 {
    font-size: 120%
  }
  .area_compare h2 small {
    font-size: 80%
  }
  .area_compare .compare figure {
    left: 20px;
    top: 5%
  }
  .area_compare .compare .right {
    margin-left: 33%
  }
  .compare .right .satei ul.deside_b:after {
    left: 35px;
    bottom: -25px
  }
  .compare .right ul.meta {
    width: 44%
  }
  .compare .right .satei ul:after {
    width: 90px;
    height: 100px
  }
  .area_compare .compare .right .satei ul.deside_a li:nth-child(1), .area_compare .compare .right .satei ul.deside_b li:nth-child(1), .area_compare .compare .right .satei ul.deside_c li:nth-child(1) {
    top: 0!important;
    left: 0!important
  }
  .area_compare .compare .right .satei ul.deside_a li:nth-child(2), .area_compare .compare .right .satei ul.deside_b li:nth-child(2), .area_compare .compare .right .satei ul.deside_c li:nth-child(2) {
    top: 50px!important;
    left: 40px!important
  }
  .area_compare .compare .right .satei ul.deside_a li:nth-child(3), .area_compare .compare .right .satei ul.deside_b li:nth-child(3), .area_compare .compare .right .satei ul.deside_c li:nth-child(3) {
    right: -50px!important;
    top: 20px!important
  }
  .area_compare .compare .right .satei ul.deside_c:after {
    left: 31%
  }
  .area_compare .compare .prise {
    width: 98%;
    height: 85px;
    margin: -20px auto 5px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    font-size: 300%
  }
  .area_compare .compare .comment {
    margin: 55px 0 0;
    height: auto;
    min-height: 0;
    font-size: 90%
  }
  .area_compare h2:before {
    left: 1%
  }
  .area_compare h2:after {
    right: 1%
  }
  #main .wrap.lump {
    margin-top: 15px
  }
  #main {
    float: none;
    width: 100%
  }
  #main article.other h2.title {
    font-size: 18px;
    width: 100%;
    padding: 15px
  }
  body.home #main article h2.title {
    width: 85%;
    padding: 8px 0 8px 20px
  }
  #main article.servise {
    padding-top: 15px
  }
  #main article.servise h2.title {
    width: 100%;
    padding: 15px;
    text-indent: 50px;
    position: relative;
    left: 0;
    top: 0
  }
  #main article.servise ul li {
    font-size: 14px
  }
  #main article.puturn {
    margin: 0 2% 10px!important;
    width: 96%
  }
  #main article.puturn1 {
    margin-bottom: 0
  }
  #main article.puturn2 {
    margin-top: 0
  }
  #main article.puturn h3 {
    font-size: 90%;
    padding: 10px 0
  }
  #main article.puturn1 div.fail-block, #main article.puturn1 div.fail-block figure {
    width: 100%;
    float: none
  }
  #main article.puturn1 div.fail-block {
    border: none;
    height: auto
  }
  #main article.puturn1 div.fail-block figure {
    padding: 0 0 15px;
    min-height: 0
  }
  #main article.puturn2 h4 {
    text-indent: 0;
    padding: 3px 0 10px 60px;
    font-size: 14px
  }
  #main article.puturn2 h4:after {
    left: 0
  }
  #main .puturn1 h3.title.header3 {
    margin-bottom: 10px!important
  }
  #main .centerImg {
    width: 100%;
    font-size: 30px;
    -webkit-background-size: 180% auto;
    background-size: 180% auto;
    height: 200px;
    padding-top: 50px
  }
  .relief-sp {
    display: block;
    padding: 0 .5em;
    text-align: left
  }
  .relief-sp li {
    height: 45px;
    padding: 17px 0 4px 5em;
    font-size: 78.5%;
    line-height: 1.4em;
    list-style: none;
    background: url(../images/home/heart.png) no-repeat;
    background-size: 58px 47px;
    position: relative
  }
  .relief-sp li em {
    background: #f0ff00
  }
  .relief-sp li span {
    font-size: 64.3%;
    line-height: 1.4em;
    text-align: center;
    color: #fff;
    display: block;
    position: absolute;
    top: 1.5em;
    left: 2.9em
  }
  .relief-sp li span strong {
    font-size: 177.8%
  }
  .relief3>img {
    display: none
  }
  #main article .trouble_adviser .subti span, .trouble_adviser .subti span {
    font-size: 20px;
    padding: 10px 0
  }
  #footer-content-area h4 {
    padding-left: 20px
  }
  #main article.area_city div.tel .l_btn p.free {
    font-size: 150%
  }
  nav#sidenavi div.bnr_list ul.slide_btn li:after {
    content: "";
    display: block;
    border: 15px solid transparent;
    position: absolute;
    top: 5px;
    left: 6px
  }
  .support {
    display: block;
    width: 100%
  }
  nav#sidenavi .support {
    display: none
  }
  .centerImg .size36 br, .lump h3 br, .reason h5 br, body.home #key_visual .wrap>h2 .size35 br, body.home div#key_visual div.wrap .midashi-txt .size35 br {
    display: block
  }
  body.home #key_visual .wrap {
    width: 100%!important
  }
  .wrap {
    width: auto
  }
  #content div.wrap, footer#footer .wrap {
    width: auto;
    margin-left: 15px;
    margin-right: 15px
  }
  body.home #content div.wrap, body.home div.wrap, body.home footer#footer .wrap {
    margin: 0
  }
  article.page .post-content {
    padding: 4px 20px 20px!important
  }
  body.home div#key_visual {
    background-image: url(../images/mv/bg_infinite_header.jpg);
    background-repeat: no-repeat;
    background-size: 380% auto
  }
  body.home #key_visual .wrap>h2 .size30 {
    color: #000;
    text-shadow: none;
    text-shadow: 3px 3px 1px #fff, -3px 3px 1px #fff, 3px -3px 1px #fff, -3px -3px 1px #fff, 0 3px 1px #fff, 3px 0 1px #fff, 0 -3px 1px #fff, -3px 0 1px #fff
  }
  body.home div#key_visual div.wrap {
    width: 100%;
    height: auto
  }
  body.home div#key_visual div.wrap>h2:first-child {
    text-shadow: 3px 3px 1px #fff, -3px 3px 1px #fff, 3px -3px 1px #fff, -3px -3px 1px #fff, 0 3px 1px #fff, 3px 0 1px #fff, 0 -3px 1px #fff, -3px 0 1px #fff;
    background: 0 0;
    font-size: 20px;
    line-height: 1.7em;
    padding: 15px 0 15px 10px;
    margin-bottom: 0
  }
  body.home #key_visual .wrap>h2 img {
    width: 5%
  }
  body.home div#key_visual div.wrap>h2 {
    position: static;
    min-width: 0;
    line-height: 2.5em;
    text-align: left;
    top: 1%;
    left: 3%
  }
  body.home div#key_visual div.wrap .midashi-txt .size35 {
    font-size: 206.2%
  }
  .lump {
    margin-top: 50px!important
  }
  .balloon {
    width: 95px;
    height: 41px;
    padding: 15px 0 0 11px;
    background: url(../../../img/lp/001/balloon_sp.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 11.5%;
    left: auto;
    right: 10%
  }
  .balloon .size25 {
    font-size: 81.2%
  }
  .balloon .size25 span {
    display: block;
    font-family: "A-OTF UDæ–°ã‚´ Pro R"
  }
  .balloon .size18, .flow {
    display: none
  }
  .arrow-sp {
    display: block;
    position: absolute;
    bottom: 602px;
    left: 50%;
    margin-left: -66px
  }
  .estimate {
    width: 100%;
    height: auto;
    top: auto;
    bottom: 15px
  }
  .submitForm {
    width: 340px;
    height: 60px;
    margin-bottom: 8px;
    background-size: contain;
    font-size: 24px
  }

}
@media only screen and (max-width:568px) {
  #main article.other {
    margin-top: 20px
  }
  .area_compare p.hoge {
    font-size: 165%
  }
  #main .area_compare h2 {
    padding: 15px 0;
    position: static
  }
  .area_compare .compare figure {
    left: 0
  }
  #main .area_compare {
    padding-top: 0
  }
  #main .relief h3 {
    top: -20px;
    font-size: 90%;
    line-height: 40px
  }
  .relief1, .relief2 {
    width: 96%;
    float: none
  }
  .relief1 h4, .relief2 h4 {
    margin-left: 4%
  }
  .relief2 {
    margin-left: 2%
  }
  #main article.puturn1 div.fail-block {
    display: block;
    padding: 10px
  }
  #main .wrap.lump h3 span {
    font-size: 50%
  }
}
@media only screen and (max-width:515px) and (min-width:414px) {
  #main article.other {
    margin-top: 20px
  }
  .area_compare p.hoge {
    font-size: 115%;
    line-height: 38px;
    margin-bottom: 0
  }
  #main article.other figure {
    text-align: center;
    margin: 0 15px;
    background-color: #fff;
    width: auto
  }
  #main .wrap.estimate2 p {
    font-size: 60%;
    font-weight: 700
  }
  #main .wrap.estimate2 p.size36 {
    margin-bottom: -20px
  }
  #main .wrap.estimate2 p.booklet {
    font-size: 14px
  }
  .area_compare .compare .right .satei ul.deside_a li:nth-child(3), .area_compare .compare .right .satei ul.deside_b li:nth-child(3), .area_compare .compare .right .satei ul.deside_c li:nth-child(3) {
    top: -10px!important
  }
  .area_compare .compare .right .satei ul.deside_c:after, .compare .right .satei ul.deside_a li:nth-child(3), .compare .right .satei ul.deside_b li:nth-child(3), .compare .right .satei ul.deside_c li:nth-child(3) {
    left: 43%!important
  }
  .compare .right .satei ul.deside_a:after {
    left: -4px!important;
    top: -5px!important
  }
  #main .wrap.lump h3 {
    font-size: 190%;
    line-height: 1.5em;
    margin: 0
  }
  body.home #main article.other h2.title {
    font-size: 15px
  }
}
@media only screen and (max-width:413px) and (min-width:361px) {
  body.home div#key_visual div.wrap>h2.mv_ttl {
    font-size: 26px
  }
  .area_compare p.hoge {
    font-size: 110%;
    line-height: 40px
  }
  .area_compare h2 {
    font-size: 110%
  }
  .area_compare .compare .right .satei ul.deside_a li:nth-child(3), .area_compare .compare .right .satei ul.deside_b li:nth-child(3), .area_compare .compare .right .satei ul.deside_c li:nth-child(3) {
    top: -10px!important;
    left: 37%!important
  }
  .compare .right .satei ul.deside_a:after {
    top: 0!important;
    left: -20px!important
  }
  #main .wrap.lump h3 {
    font-size: 170%
  }
  #main article.servise h2.title {
    font-size: 19px
  }
  #main .relief h3 {
    font-size: 90%;
    line-height: 37px;
    height: 37px
  }
  body.home div#key_visual p {
    margin-right: 4%;
    margin-left: 4%
  }
  #main article.other h2.title {
    font-size: 14px
  }
  #main article.other figure {
    width: 92%;
    margin: 0 auto
  }
  .lump h3 small br {
    display: block
  }
  .lump h4 strong, .lump p.why strong {
    display: block;
    font-size: 180%
  }
  #main .note {
    margin: 0 2%
  }
  #main .wrap.estimate2 {
    font-size: 135%;
    font-weight: 700
  }
  #main .wrap.estimate2 .size36 img {
    width: 6%
  }
  #main article.servise ul li {
    font-size: 13px
  }
  #main article.puturn h3.header3.title {
    font-size: 18px
  }
  #main .centerImg {
    font-size: 26px
  }
  #main article .trouble_adviser .subti span, .trouble_adviser .subti span {
    font-size: 18px
  }
}
@media only screen and (max-width:360px) {
  body.home div#key_visual div.wrap>h2.mv_ttl {
    font-size: 22px
  }
  body.home div#key_visual div.wrap>h2.mv_ttl .huki {
    left: 30px;
    top: -44px
  }
  #main article.other {
    margin-top: 1752px
  }
  div#container p#breadcrumb　 {
    font-size: 14px!important;
    padding: 3px 10px!important
  }
  .area_compare .compare {
    margin-bottom: 5px
  }
  .area_compare .compare h3 {
    font-size: 90%
  }
  #main .area_compare {
    margin-top: 20px;
    padding-top: 50px;
    margin-bottom: 15px
  }
  #main .wrap.lump {
    margin-top: 15px!important
  }
  #main .area_compare h2 {
    font-size: 100%;
    padding: 15px 0
  }
  #main .area_compare .hoge {
    font-size: 95%;
    top: -30px;
    line-height: 30px;
    -webkit-animation-name: sp_huwa;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: sp_huwa;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: sp_huwa;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -ms-animation-name: sp_huwa;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite
  }
  #main .area_compare h2 small {
    font-size: 100%!important
  }
  .area_compare .compare .right .satei ul.deside_a li:nth-child(1), .area_compare .compare .right .satei ul.deside_b li:nth-child(1), .area_compare .compare .right .satei ul.deside_c li:nth-child(1) {
    left: -18px
  }
  .area_compare .compare .right .satei ul.deside_a, .area_compare .compare .right .satei ul.deside_b, .area_compare .compare .right .satei ul.deside_c {
    left: -20px
  }
  .area_compare .compare .right .satei ul {
    width: 60px
  }
  .area_compare .compare .right .satei ul:after {
    width: 90px
  }
  .area_compare .compare .right .satei ul.deside_a li:first-child {
    top: 20%
  }
  .area_compare .compare p.comment {
    font-size: 16px
  }
  .area_compare .compare .right ul.meta {
    width: 40%;
    margin-left: 0
  }
  .area_compare .compare .right ul.meta li {
    font-size: 10px;
    margin: 0
  }
  .area_compare .compare .right .satei {
    margin-left: 45%;
    width: 55%
  }
  .area_compare .compare .prise {
    height: 55px;
    margin-bottom: 0;
    font-size: 265%;
    margin-top: -25px
  }
  .area_compare .compare .prise span {
    font-size: 50%
  }
  #main .relief h3 {
    top: -60px
  }
  .area_compare .compare figure {
    left: 0;
    top: 5%
  }
  .area_compare .compare .right .satei ul.deside_a:after {
    left: -20px!important;
    top: -10px!important
  }
  .area_compare .compare .right .satei ul.deside_b:after {
    top: 50px!important;
    left: 10px!important
  }
  .area_compare .compare .right .satei ul.deside_c:after {
    right: 0;
    left: 40px!important;
    top: 0!important
  }
  .area_compare .compare .right .satei ul li {
    width: 70px!important;
    padding: 15px 0
  }
  .area_compare .compare .right .satei ul.deside_a li:nth-child(2), .area_compare .compare .right .satei ul.deside_b li:nth-child(2), .area_compare .compare .right .satei ul.deside_c li:nth-child(2) {
    bottom: 0!important;
    left: 10px!important
  }
  .area_compare .compare .right .satei ul.deside_a li:nth-child(3), .area_compare .compare .right .satei ul.deside_b li:nth-child(3), .area_compare .compare .right .satei ul.deside_c li:nth-child(3) {
    top: 0!important;
    left: 40px!important
  }
  .area_compare .compare .comment {
    margin-top: 60px
  }
  #main .wrap.lump h3 {
    font-size: 130%
  }
  #main article {
    padding: 0 0 5px;
    margin: 0
  }
  #main article .note {
    padding: 15px 5px
  }
  #main article.servise {
    padding-top: 5px
  }
  #main article.servise:after {
    display: none
  }
  #main article.servise h2.title {
    font-size: 130%;
    text-indent: 0;
    padding-left: 60px;
    width: auto;
    line-height: 1.4em;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 5px
  }
  #main article.servise ul {
    margin-top: 0
  }
  #main article.servise h2.title br {
    display: block
  }
  #main article.servise ul li {
    font-size: 100%;
    line-height: 1.3em;
    position: relative;
    padding-left: 60px
  }
  #main article.servise ul li span {
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0
  }
  #main article.servise ul li:first-child span {
    top: -10px
  }
  #main div.wrap.relief {
    padding-top: 38px
  }
  #main div.wrap.relief h3 {
    -webkit-background-size: 100% 50%;
    background-size: 100% 50%;
    font-size: 100%;
    line-height: 1.8em
  }
  #main div.wrap.relief .number {
    top: -15px
  }
  #main article.need h2.title, #main article.not h2.title, #main article.other h2.title {
    background-color: #276ed0;
    padding: 10px 5px;
    width: 100%;
    margin: 0 0 0 -5px;
    font-size: 90%;
    text-align: center;
    text-indent: 0;
    background-position: 10px 10px;
    line-height: 2em
  }
  #main article.other h2.title em {
    display: inline
  }
  #main article.other .attention {
    font-size: 14px;
    margin-top: 5px
  }
  #main article.puturn h3 {
    font-size: 90%;
    padding: 10px 0
  }
  #main article.puturn1 div.fail-block, #main article.puturn1 div.fail-block figure {
    width: 100%;
    float: none
  }
  #main article.puturn1 div.fail-block {
    border: none;
    height: auto
  }
  #main article.puturn1 div.fail-block figure {
    padding: 0 0 15px;
    min-height: 0
  }
  #main article.puturn2 h4 {
    text-indent: 0;
    padding: 3px 0 10px 60px;
    font-size: 14px
  }
  #main article.puturn2 h4:after {
    left: 0
  }
  #main .centerImg {
    font-size: 23px;
    padding-top: 40px
  }
  #main article .trouble_adviser .subti span, .trouble_adviser .subti span {
    font-size: 16px
  }
  #main article .trouble_adviser .neutrality, .trouble_adviser .neutrality {
    font-size: 13px
  }
  #sidenavi {
    padding: 0;
    width: 100%
  }
  #main .wrap.lump h3 span {
    font-size: 60%;
    padding: 12px 5px 25px;
    top: -15px
  }
}
@media only screen and (max-width:320px) {
  .lump h3 small br {
    display: block
  }
  .lump h4 strong, .lump p.why strong {
    display: block;
    font-size: 170%
  }
  .lump h4, .lump p.why {
    font-size: 182%
  }
  #main .note {
    width: 100%
  }
  #main article.other .note {
    width: 96%;
    margin: 0 auto
  }
  body.home #key_visual .wrap .balloon .size25 {
    font-size: 124%
  }
  body.home #key_visual .wrap .balloon {
    min-width: 114px;
    top: 71px
  }
  #main article.other {
    margin-top: 30px
  }
  #main .area_compare {
    padding-top: 00px;
    margin-top: 40px
  }
  #main .area_compare h2 {
    font-size: 90%
  }
  .area_compare .compare {
    height: auto
  }
  .area_compare .compare h3 {
    font-size: 80%
  }
  #main .area_compare .good-value {
    margin-top: 0
  }
  .area_compare .compare .prise {
    margin-bottom: 0;
    font-size: 255%;
    margin-top: -3px
  }
  .area_compare .compare .right .satei {
    height: 70px
  }
  .area_compare .compare .right .satei ul {
    right: 0!important
  }
  .area_compare .compare .right .satei ul li:first-child {
    left: 0
  }
  .area_compare .compare .right .satei ul:after {
    width: 70px
  }
  .area_compare .compare .right .satei ul.deside_c:after {
    left: 7px
  }
  .area_compare .compare .right .satei ul li .cp {
    font-size: 48%;
    text-align: center
  }
  .area_compare .compare .right .satei ul li .under_box {
    font-size: 125%;
    left: 20%
  }
  .area_compare .compare .right .satei ul li .under_box .tanni {
    right: 3px
  }
  .area_compare .compare .prise span {
    font-size: 40%
  }
  .area_compare .compare .right .satei ul.deside_a, .area_compare .compare .right .satei ul.deside_b, .area_compare .compare .right .satei ul.deside_c {
    left: 0
  }
  #main article.other h2.title {
    width: 100%;
    font-size: 13px;
    text-align: center;
    margin: 0
  }
  #main article.other figure {
    width: 96%;
    margin: 0 auto
  }
  #main article.other .attention {
    margin: 5px 2% 0
  }
  #main .wrap.estimate2 {
    font-size: 120%;
    font-weight: 700
  }
  .submitForm {
    width: 300px
  }

  #main .wrap.estimate2 .size36 img {
    width: 6%
  }
  #main article.other h2.title em {
    font-size: 120%
  }
  #main .wrap.lump h3 span {
    font-size: 55%;
    left: 3px
  }
  .relief h3 em {
    font-size: 170%
  }
  #main div.wrap.relief h3 {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 68px
  }
  body.home #main div.wrap.relief {
    margin-top: 30px
  }
  #main article.puturn h3.header3.title {
    font-size: 15px
  }
}
@-webkit-keyframes home_pc_huwa {
  0%, 100% {
    top: -50px
  }
  50% {
    top: -60px
  }
}
@-moz-keyframes home_pc_huwa {
  0%, 100% {
    top: -50px
  }
  50% {
    top: -60px
  }
}
@-o-keyframes home_pc_huwa {
  0%, 100% {
    top: -50px
  }
  50% {
    top: -60px
  }
}
@-ms-keyframes home_pc_huwa {
  0%, 100% {
    top: -50px
  }
  50% {
    top: -60px
  }
}
@-webkit-keyframes tub_huwa {
  0%, 100% {
    top: -50px
  }
  50% {
    top: -60px
  }
}
@-moz-keyframes tub_huwa {
  0%, 100% {
    top: -50px
  }
  50% {
    top: -60px
  }
}
@-o-keyframes tub_huwa {
  0%, 100% {
    top: -50px
  }
  50% {
    top: -60px
  }
}
@-ms-keyframes tub_huwa {
  0%, 100% {
    top: -50px
  }
  50% {
    top: -60px
  }
}
@-webkit-keyframes sp_huwa {
  0%, 100% {
    top: -30px
  }
  50% {
    top: -40px
  }
}
@-moz-keyframes sp_huwa {
  0%, 100% {
    top: -30px
  }
  50% {
    top: -40px
  }
}
@-o-keyframes sp_huwa {
  0%, 100% {
    top: -30px
  }
  50% {
    top: -40px
  }
}
@-ms-keyframes sp_huwa {
  0%, 100% {
    top: -30px
  }
  50% {
    top: -40px
  }
}
.submitted-link{
  pointer-events: none;
}