@charset "utf-8";

/* UTILITY */
/* -------------------------------------------------- */
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m55b { margin-bottom: 55px !important; }
.m65b { margin-bottom: 65px !important; }
.m70b { margin-bottom: 70px !important; }
.m80b { margin-bottom: 80px !important; }

.m20t { margin-top: 20px !important; }

.m5l { margin-left: 5px !important; }
.m9l { margin-left: 9px !important; }
.m10l { margin-left: 10px !important; }
.m12l { margin-left: 12px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }
.m150l { margin-left: 150px !important; }
.m570l { margin-left: 570px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p5b { padding-bottom: 5px !important; }
.p10b { padding-bottom: 10px !important; }
.p15b { padding-bottom: 15px !important; }
.p20b { padding-bottom: 20px !important; }
.p25b { padding-bottom: 25px !important; }
.p30b { padding-bottom: 30px !important; }
.p40b { padding-bottom: 40px !important; }
.p50b { padding-bottom: 50px !important; }
.p60b { padding-bottom: 60px !important; }
.p70b { padding-bottom: 70px !important; }
.p80b { padding-bottom: 80px !important; }

.p5t { padding-top: 5px !important; }
.p8t { padding-top: 8px !important; }
.p10t { padding-top: 10px !important; }
.p15t { padding-top: 15px !important; }
.p17t { padding-top: 17px !important; }
.p20t { padding-top: 20px !important; }
.p25t { padding-top: 25px !important; }
.p30t { padding-top: 30px !important; }

.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }

.p0r { padding-right: 0px !important; }
.p5r { padding-right: 5px !important; }
.p10r { padding-right: 10px !important; }
.p20r { padding-right: 20px !important; }
.p15r { padding-right: 15px !important; }
.p25r { padding-right: 25px !important; }
.p30r { padding-right: 30px !important; }
.p40r { padding-right: 40px !important; }
.p50r { padding-right: 50px !important; }
.p55r { padding-right: 55px !important; }
.p60r { padding-right: 60px !important; }
.p70r { padding-right: 70px !important; }
.p75r { padding-right: 75px !important; }
.p90r { padding-right: 90px !important; }
.p100r { padding-right: 100px !important; }
.p110r { padding-right: 110px !important; }
.p120r { padding-right: 120px !important; }

.p0l { padding-left: 0 !important; }
.p10l { padding-left: 10px !important; }
.p15l { padding-left: 15px !important; }
.p20l { padding-left: 20px !important; }
.p25l { padding-left: 25px !important; }
.p30l { padding-left: 30px !important; }
.p200l { padding-left: 200px !important; }

.box60 { width: 60px !important; }
.box85 { width: 85px !important; }
.box100 { width: 100px !important; }
.box110 { width: 110px !important; }
.box120 { width: 120px !important; }
.box130 { width: 130px !important; }
.box140 { width: 140px !important; }
.box160 { width: 160px !important; }
.box180 { width: 180px !important; }
.box200 { width: 200px !important; }
.box230 { width: 230px !important; }
.box250 { width: 250px !important; }
.box260 { width: 260px !important; }
.box280 { width: 280px !important; }
.box285 { width: 285px !important; }
.box290 { width: 290px !important; }
.box330 { width: 330px !important; }
.box340 { width: 340px !important; }
.box300 { width: 300px !important; }
.box310 { width: 310px !important; }
.box320 { width: 320px !important; }
.box350 { width: 350px !important; }
.box355 { width: 355px !important; }
.box365 { width: 365px !important; }
.box370 { width: 370px !important; }
.box400 { width: 400px !important; }
.box420 { width: 420px !important; }
.box450 { width: 450px !important; }
.box440 { width: 440px !important; }
.box460 { width: 460px !important; }
.box480 { width: 480px !important; }
.box500 { width: 500px !important; }
.box510 { width: 510px !important; }
.box530 { width: 530px !important; }
.box600 { width: 600px !important; }
.box640 { width: 640px !important; }

.clear { clear: both !important; }
.cen { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.fLeft { float: left !important; }
.fRight { float: right !important; }

.bold { font-weight: bold !important; }
.txtRed { color: #d21d00 !important; }
.txtRed2 { color: #CC0000 !important; }
.txtBlue { color: #0052E5 !important; }
.txtPink { color: #F246A4 !important; }
.txtGold { color: #A98552 !important; }
.txtGray { color: #666666 !important; }
.txtWhite { color: #FFFFFF !important; }

.txt11 { font-size: 92% !important; }
.txt13 { font-size: 109% !important; }
.txt14 { font-size: 117% !important; }
.txt15 { font-size: 125% !important; }
.txt17 { font-size: 142% !important; }
.txt18 { font-size: 150% !important; }
.txt20 { font-size: 167% !important; }

.lh190 { line-height: 190% !important; }
.bNone { border: none !important; }
.vaMiddle { vertical-align: middle !important; }

/* 投稿の画像配置 */
.alignright { display: block; margin: 0 0 10px auto; }/* 配置位置 左 */
.alignleft { display: block; margin: 0 auto 10px 0; }/* 配置位置 右 */
.aligncenter { display: block; margin: 0 auto 10px; }/* 配置位置 中央 */
/* .alignright { float: right; padding: 0px 0 10px 10px; } *//* 後続のテキスト左回り込み */
/*.alignleft { float: left; padding: 0px 10px 10px 0; }*//* 後続テキスト右回り込み */

/* LINK */
/* -------------------------------------------------- */
a:link,
a:visited { text-decoration: none; color: #333333; }
a:hover  { text-decoration: none; color: #0E7A24; }
a:active { text-decoration: none; color: #0E7A24; }

/* CLEARFIX */
/* -------------------------------------------------- */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

/* OUTLINE */
/* -------------------------------------------------- */
body {
	background: #FFFFFF;
	font-family: 'Abel',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	line-height: 1.4;
	font-size: 13px;
}

/*COMMON */
/* -------------------------------------------------- */
#wrapper {
	position: relative;
	min-width: 1000px;
}

.sp {
	display: none !important;
}

.inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.ttlFont {
	font-family: "ttlFont";
}

.f14 {
	font-size: 117%;
}

.f15 {
	font-size: 125%;
}

.f16 {
	font-size: 134%;
}

.link a {
	color: #da2805;
}

.link a:hover {
	text-decoration: underline;
}

/*ヘッダー */
/* -------------------------------------------------- */
header {
	width: 980px;
	position: relative;
	height: 120px;
	margin: 0 auto;
	padding: 10px 0;
	background: #FFFFFF;
	background: rgba(255,255,255,0.9);
	z-index: 999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#headerIn {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#hLogo {
	text-align: left;
  padding-left: 18px;
}

#hLogo img {
  height: 50px;
}

#pcNav {
	padding-top: 25px;
	display: inline-block;
}

#pcNav li {
	float: left;
	padding: 0 5px;
	border-left: 1px #666666 dotted;
}

#pcNav li a {
	font-size: 115.4%;
	padding: 5px 10px;
	color: #333333;
	font-weight: bold;
}

#pcNav li a:hover {
	background: #f1f1f1;
}

#pcNav li:first-child {
	border-left: none;
}

#hContact {
	position: absolute;
	top: 10px;
	right: 20px;
}

#hContactIcon {
	position: absolute;
    right: 432px;
}

#hContactIcon img {
    height: 65px;
}

#hLineIcon {
	position: absolute;
    right: 230px;
}

#hLineIcon img {
	height: 65px;
}

#hContactTel img {
	width: 210px;
}

#hContactBtn {
	position: absolute;
	top: 35px;
	left: 0;
}

#hContactBtn img {
	width: 210px;
}

#header2 {
	width: 100%;
	height: 80px;
	position: fixed;
	top: -80px;
	left: 0;
	padding: 10px 0;
	background: #FFFFFF;
	background: rgba(255,255,255,0.9);
	z-index: 999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#headerIn2 {
	width: 980px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#hLogo2 {
	display: inline-block;
	margin-right: 20px;
    vertical-align: middle;
}

#pcNav2 {
	display: inline-block;
	margin-right: 20px;
    vertical-align: middle;
}

#hTelhLine2 {
	display: inline-block;
	margin-right: 20px;
    vertical-align: middle;
}
#hTel2 {
	margin-bottom: 4px;
}
#hTel2 img {
	width: 165px;
}
#hLine2 img {
	width: 165px;
}

#hContact2 {
	display: inline-block;
    vertical-align: middle;
}

#pcNav2Top {
	
}

#pcNav2Top li {
	display: inline-block;
	border-right: 1px #666666 dotted;
}

#pcNav2Top li:first-child {
	border-left: 1px #666666 dotted;
}

#pcNav2Top li a {
	display: block;
	padding: 0 10px;
}

#pcNav2Top li a span {
	display: block;
	border-top: 1px #CCCCCC solid;
	font-weight: bold;
}

#pcNav2Top li a:first-child span {
	border-top: none;
}


/* パンくず */
/* -------------------------------------------------- */
#panNav {
	width: 980px;
	margin: 25px auto 80px;
	font-size: 134%;
	color: #666666;
}

#panNav li {
	padding-left: 15px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/icon4.png) left center no-repeat;
}

#panNav li:first-child {
	background: none;
}



/* pager */
/* -------------------------------------------------- */
.pagenation {
	margin-bottom: 10px;
}

.pager1 {
	width: 980px;
	margin: 0 auto 120px;
	text-align: center;
	font-size: 134%;
	color: #0A7C25;
}

.pager1 li {
	display: inline-block;
	margin-left: 10px;
}

.pager1 li:first-child {
	margin-left: 0;
}

.pager1 a {
	display: inline-block;
}

.pager1 span {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #0A7C25;
	color: #0A7C25;
}

.pager1 .active span,
.pager1 a:hover span {
	background-color: #0A7C25;
	color: #FFFFFF;
}

.pager1 img {
	vertical-align: middle;
}



/* FOOTER */
/* -------------------------------------------------- */
#fConWrap {
	border-top: 15px #eeeeee solid;
	padding: 50px 0;
}

#fContactBox {
	width: 980px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#fContactBtn {
	position: absolute;
	top: 175px;
	left: 540px;
}

#foot1 {
	padding: 30px 0 20px;
	background: #1b1b1b;
}

.fLink {
	display: inline-block;
	margin-left: 50px;
	vertical-align: top;
}

.fLink:first-child {
	margin-left: 0px;
}

.fLink li {
	padding-left: 15px;
	margin-bottom: 15px;
	background: url(../img/icon1.png) left center no-repeat;
}

.fLink li a {
	font-size: 115.4%;
	color: #FFFFFF;
}

.fLink li a:hover {
	text-decoration: underline;
}

#foot2 {
	padding: 30px 0;
	text-align: center;
}

#fLogo {
	padding-bottom: 30px;
}

#footLogo {
	display: inline-block;
	padding-right: 10px;
}

#footLogoName {
	font-size: 125%;
	display: inline-block;
}

#fInfo {
	display: inline-block;
	vertical-align: middle;
	font-size: 107.7%;
	text-align: left;
}

.fInfoIn {
	padding-left: 30px;
	display: inline-block;
	vertical-align: top;
}

.fInfoIn:first-child {
	padding-left: 0px;
}

.fInfoIn h4 {
	display: inline-block;
	padding: 0px 10px;
	background: #1b1b1b;
	color: #FFFFFF;
	font-size: 93%;
}

#copy {
	padding: 10px 0;
	background: #1b1b1b;
	color: #FFFFFF;
	text-align: center;
}

#pageTop {
	position: fixed;
	bottom: 50px;
	right: 50px;
}


/* 下層ページメインビジュアル */
/* -------------------------------------------------- */
.fv {
	width: 100%;
	height: 450px;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

#fvBg {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -145px;
	width: 100%;
	height: 290px;
	background: rgba(0,0,0,0.4);
}

.fvInner {
	text-align: center;
}

#fvIcon {
	padding-top: 30px;
	display: inline-block;
}

.fvTtlMain {
	display: inline-block;
	font-size: 307%;
	letter-spacing: 0.2em;
	color: #FFFFFF;
}

.fvTtlTxt {
	font-size: 115.4%;
	padding-top: 20px;
	display: inline-block;
	color: #FFFFFF;
}


/* inview設定 */
/* -------------------------------------------------- */
.fadeIn,
.fadeIn1,
.fadeIn2,
.fadeIn3,
.fadeIn4 {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}



/* 共通タイトル */
/* -------------------------------------------------- */
.commonTit1 {
	padding-bottom: 10px;
	font-size: 153.8%;
	color: #097c25;
	font-weight: bold;
}


/* 共通リンクエリア */
/* -------------------------------------------------- */
#linkArea {
	width: 980px;
	margin: 0 auto 100px;
}

#linkAreaList li {
	display: inline-block;
	margin-left: 50px;
}

#linkAreaList li:first-child {
	margin-left: 0px;
}

/* 実績 */
/* -------------------------------------------------- */
.achivement {
	width: 980px;
	margin: 0 auto 150px;
}

.achivement h3 {
	padding-bottom: 40px;
}

#buyWrap {
	padding-bottom: 80px;
	margin-right: -10px;
}

.buy {
	width: 480px;
	float: left;
	margin: 0 10px 50px 0 ;
}

.buy a {
	color: #333333;
	display: block;
}

.date {
	width: 125px;
	float: left;
}

.year {
	font-size: 138.5%;
	padding-bottom: 10px;
}

.month {
	font-size: 235%;
	padding-bottom: 20px;
	letter-spacing: 0.2em;
}

.zissekiCat li {
	padding: 5px 10px;
	margin-bottom: 5px;
	background: #a40000;
	color: #FFFFFF;
	display: inline-block;
}

.butImg {
	width: 355px;
	height: 280px;
	float: right;
}

.buytit {
	clear: both;
	padding: 15px 10px;
	background: #000000;
	color: #FFFFFF;
	font-size: 138.5%;
}

#zissekiBtn {
	text-align: center;
}


/* ブログ */
.blogImg {
	text-align: center;
}

#blogTxt p {
	padding-bottom: 1.5em;
}



.blogImg, .reinforcingImg {
	position: relative;
}

/* 事前査定固定ボタン */
#fixedContact {
	position: fixed;
	top: 200px;
	right: 30px;
	display: none;
}

 
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
 
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
 
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
 
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
 
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
 
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
 
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
 
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
 
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
 
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}