/*
Theme Name:Original
Description:Original Theme
Author:jcraft
*/
@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/*-------------------------------------------------- common* -------------------------------------------------*/
a { text-decoration: none; color: #00bfff; }
a:hover { color: #00d4ff; text-decoration: underline; }

a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }

html { font-size: 62.5%; }

body { font-size: 1.6em; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.4; letter-spacing: 0.1em; background: url(images/bg_main.png) repeat 0 0; }

.clearfix { overflow: hidden; *zoom: 1; }

.clear { clear: both; }

.center { text-align: center; }

#wrapper { width: 960px; background: #FFF; margin: 0 auto; }

.greenBox, .pinkBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; }

.greenBox, .greenLineBox { border: 10px #d5f7f2 solid; }

.greenBox { background: url(images/bg_green-dotted.png) repeat 0 0; }

.pinkBox { background: url(images/bg_pink-dotted.png) repeat 0 0; border: 10px #fed3da solid; }

.greenLineBox { background: #FFF; }

.bgBox { background: #FBF8F3; }

.box3 { width: 720px; }

.pinkTxt { color: #ff9ca6; }

.floatRight { float: right; }

.floatLeft { float: left; }

.leftImage { float: left; margin: 10px; }

.height1c { height: 280px; }

.call { text-align: center; font-size: 1.8em; font-weight: bold; color: #25c1ab; margin: 20px auto; }

.call span { background: url(images/ico_call.png) no-repeat 0 50%; padding: 5px 0 5px 30px; }

table { width: 95%; margin: 10px auto; border: 1px #e3e3e3 solid; border-collapse: collapse; border-spacing: 0; }

th { padding: 5px; border: #e3e3e3 solid; border-width: 0 0 1px 1px; font-weight: normal; text-align: center; background: #F5F5F5; }

td { padding: 5px; border: 1px #e3e3e3 solid; border-width: 0 0 1px 1px; vertical-align: middle; }
table table { width: 100%; margin: 0; padding: 0; border: none; font-size: .9em; }

table table th, table table td { padding: 3px; border: none; }

.textinput { border: 0; padding: 5px; border: solid 1px #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2); font-size: 1.1em; }

.submitbtn { width: 200px; color: #000000; padding: 10px; font-size: 1em; background: -moz-linear-gradient(top, #fafafa 0%, #ebebeb 50%, #e6e6e6 55%, #c7c7c7); background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(0.5, #ebebeb), color-stop(0.55, #e6e6e6), to(#c7c7c7)); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #efefef; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); text-shadow: 0px -1px 0px rgba(245, 245, 245, 0.7), 0px 1px 0px rgba(163, 163, 163, 0.3); }

.submitbtn:hover { cursor: pointer; }
.submit-button { text-align: center; }
#sideBanner { width: 240px; margin-left: 970px; margin-top: 50px;position: fixed;}

/*-------------------------------------------------- header* -------------------------------------------------*/
#headContents { overflow: hidden; height: 550px; }

#headContents section { width: 300px; height: 535px; background: #25c1ab; text-align: center; padding-top: 15px; float: left; }

#headContents h1 { font-size: 2em; font-weight: bold; line-height: 1.3; margin-bottom: 10px; }
#headContents h1 a { color: #FFF; }
#headContents h1 a:hover { text-decoration: none; }
#headContents h1 a strong { display: block; font-size: 1.3em; }
#headContents p{
  font-size: 12px;
  color: #fff;
}
#headContents section p:last-child { margin-top: 20px; }

#mainNavi li { width: 165px; height: 100px; float: left; border-right: 1px solid #cccccc; text-align: center; font-size: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainNavi li a { display: block; width: 100%; height: 100%; float: left; color: #333; padding-top: 26px; }
#mainNavi li a span { display: block; font-size: .8em; color: #25c1ab; }
#mainNavi li a:hover { background: #F5F5F5; text-decoration: none; }

footer { background: url(images/bg_footer.png) repeat 0 0; }
footer section { width: 960px; margin: 0 auto; padding: 30px 0; position: relative; }
footer h6 { color: #25c1ab; font-size: .9em; text-align: center; padding: 15px; height: 100%; border-right: 1px dashed #25c1ab; background: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
footer h6 img { display: block; margin: 12px 0 0 10px; }
footer .floatRight { border-left: 1px dashed #25c1ab; background: #EFEFEF; }
footer nav { border-bottom: 1px dashed #25c1ab; padding: 30px 0; }
footer nav li { display: inline; margin: 0 20px; }
footer nav a { background: url(images/ico_footer-link.png) no-repeat 0 50%; padding: 3px 0 3px 20px; color: #555; }
footer nav a:hover { color: #888; }
footer .greenLineBox { margin-top: 20px; }

#footerContact { margin-top: 10px; }

#footerContact, #footerContact a { width: 280px; height: 90px; display: block; overflow: hidden; position: absolute; top: 0; right: 5px; }

#footerContact a { background-image: url(images/btn_footer-contact.png); background-repeat: no-repeat; background-position: 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#footerContact a:hover { background-position: 1px 3px; }

#companyBox { font-size: .8em; padding: 14px 0; }
#companyBox a { color: #555; background: url(images/ico_footer-link2.png) no-repeat 0 50%; padding: 3px 0 3px 15px; float: left; margin-left: 10px; }
#companyBox a:hover { color: #888; }

#copyright { float: right; font-size: .9em; color: #999; margin: 5px 10px 0 0; }

/*-------------------------------------------------- Home Contents* -------------------------------------------------*/
#reasons { height: 370px; overflow: hidden; background: url(images/bg_reasons.png) no-repeat 0 0; color: #FFF; }
#reasons h2 { text-align: center; margin: 10px auto; }
#reasons h3 { margin-bottom: 10px; }

#reason1 { width: 480px; margin: 0 auto 30px auto; text-align: center; }

#reason3, #reason2 { width: 350px; }

#reason2 { float: left; margin-left: 10px; }

#reason3 { float: right; text-align: right; margin-right: 10px; }

.green { background: #25c1ab url(images/ico_whitearrow.png) no-repeat 50% 70%; }

.pink { background: #ff9ca6 url(images/ico_whitearrow.png) no-repeat 50% 30%; }

.blue { background: #75c8d8 url(images/ico_whitearrow2.png) no-repeat 50% 80%; }
.blue h3 { font-size: 1.6em; padding-top: 30px; font-weight: bold; text-align: center; margin-bottom: 10px; }

.yellow { background: #fbc719 url(images/ico_whitearrow2.png) no-repeat 50% 80%; }

.leftTitle, .rightTitle { width: 240px; height: 280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 10px; color: #FFF; }

.leftTitle { float: left; }

.rightTitle { float: right; }

.title { font-size: 1.6em; text-align: center; padding: 70px 0 0 0; font-weight: bold; }

.gallery { margin-top: -5px; text-align: center; }
.gallery h3 { margin: 20px auto 30px auto; }
.gallery li { float: left; margin: 3px 5px; }
.gallery ul + p { margin: 10px 0 30px 0; }

#estimateList, #estimateList li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#estimateList { height: 280px; overflow: hidden; padding: 10px 0; }
#estimateList > li { width: 240px; height: 100%; float: left; border-right: 1px solid #cccccc; text-align: center; padding: 0 10px; position: relative; }
#estimateList > li:last-child { border: none; }
#estimateList > li:last-child ul li:first-child { margin-left: 20px; }
#estimateList > li p:last-child { position: absolute; bottom: 5px; left: 40px; }
#estimateList h4 { font-size: 1.2em; font-weight: bold; min-height: 4.5em; }
#estimateList h4 + p { font-size: .8em; margin: 10px auto; }
#estimateList ul { text-align: center; margin-top:20px; }
#estimateList ul li { background: #7B6A56; padding: 5px; font-size: .9em; color: #FFF; margin: 3px; float: left; }
#estimateList ul li:first-child { margin-left: 50px; }
#estimateList ul .clear { width: 100%; margin: 3px auto; }

.contactBtn { width: 607px; height: 110px; overflow: hidden; display: block; margin: 20px auto; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.contactBtn a { display: block; background-image: url("images/btn_contact.png"); background-repeat: no-repeat; background-position: 0 0; width: 607px; height: 110px; }
.contactBtn a:hover { background-position: 3px 5px; }

#reason-tile { height: 280px; font-size: 1.1em; font-weight: bold; color: #555; }
#reason-tile p:first-child { width: 95%; margin: 20px auto 30px auto; }
#reason-tile p:last-child { text-align: center; }

#map span { margin: 50px 0 0 380px; display: block; font-size: 14px; }

/*-------------------------------------------------- lower* -------------------------------------------------*/
#contents { padding: 20px; }
.jireiAll .flex-direction-nav a{
	width: 80px;
	height: 80px;
	margin: -40px 0 0;
	background: url(images/bg_direction_nav.png) no-repeat 0 0;
	background-size:200%;
}
.jireiAll .flex-direction-nav .flex-next{
	background-position: 100% 0;
}


.btn_anim{
  transition: .3s;
  animation: updown 2.5s infinite;
}
.btn_anim:hover{
  animation: none;
}
@keyframes updown {
  0% {
      transform: translate(0px, 2px);
  }
  5% {
      transform: translate(0px, -2px);
  }
  10% {
      transform: translate(0px, 2px);
  }
  15% {
      transform: translate(0px, -2px);
  }
  20% {
      transform: translate(0px, 2px);
  }
  25% {
      transform: translate(0px, -2px);
  }
  30% {
      transform: translate(0px, 2px);
  }
  35% {
      transform: translate(0px, -2px);
  }
  40% {
      transform: translate(0px, 2px);
  }
  45% {
      transform: translate(0px, -2px);
  }
  50% {
      transform: translate(0px, 0px);
  }
}


/*追加分（20240830）*/
.cf:after {
  display: block;
  clear: both;
  content: "";
}

.jisseki_wrap{padding:20px;background:#FFF;}
.jisseki_wrap li{display:block;float:none;width:auto;text-align:left;text-indent:-1em;padding-left:1em;font-size:1.5em;}
.jisseki_wrap li.no_icon{font-size:1em;}
.jisseki_wrap .kouji_wrap{width:800px;margin:0 auto;}
.jisseki_wrap .left{float:left;width:48%;}
.jisseki_wrap .right{float:right;width:48%;}
.jiseki_title{font-size:48px;font-weight:bold;margin:0 auto;color:#25c1ab;}

.jireiAll {
	width:700px !important;
	margin:0 auto;
}

/*追加(20241204)*/
#sideBanner ul{margin:10px 0 0;}
#sideBanner li{padding:5px 0;}
#sideBanner li a{
	border:1px #ccc solid;
	display:block;
	border-radius: 0.5em;
	line-height:1em;
	overflow:hidden;
	box-shadow:2px 2px #aaa;
}
#sideBanner li a:hover{
	text-decoration:none;	
	background:#FFF;
}
#sideBanner li a img{
	display:block;
	border-radius: 0.5em;
	width:100%;
}

/*追加(20250526)*/
.kouji_list{font-size:0.9em;}