@charset "UTF-8"; 
/*-----------------------------------------------------------------------------
お問い合わせフォーム
-----------------------------------------------------------------------------*/
.errMsg { margin-left: 1em; padding-bottom: 1px; display: block; line-height: 1.4; text-indent: -.9em; }
.formError { padding-bottom: 13px; display: block; }
.fixed { padding-bottom: 0; }
.formError .formErrorClose {display: none !important;}
.formError .formErrorClose:hover {}
.fixed .formErrorClose { display: none !important; }
.formError .formErrorContent { width: 100%; padding: 6px 10px; position: relative; color: #fff; background: #000; font-size: 12px; z-index: 1; }
.fixed .formErrorContent { margin-top: .5em; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: #f60; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.fadeOut { opacity: .2; filter: alpha(opacity=20); }
.formError .formErrorArrow { width: 15px; height: 15px; position: absolute; bottom: 0; left: 20px; _z-index: 0; }
.fixed .formErrorArrow { display: none; }
.formError .formErrorArrowBottom { margin: -6px; top: 0; }
.fixed .formErrorArrowBottom { display: none; }
.formError .formErrorArrow div { margin: 0 auto; display: block; height: 1px; background: #000; line-height: 0px; font-size: 0px; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.formError .formErrorArrow .line10 { width: 19px; }
.formError .formErrorArrow .line9 { width: 17px; }
.formError .formErrorArrow .line8 { width: 15px; }
.formError .formErrorArrow .line7 { width: 13px; }
.formError .formErrorArrow .line6 { width: 11px; }
.formError .formErrorArrow .line5 { width: 9px; }
.formError .formErrorArrow .line4 { width: 7px; }
.formError .formErrorArrow .line3 { width: 5px; }
.formError .formErrorArrow .line2 { width: 3px; }
.formError .formErrorArrow .line1 { width: 1px; }
fieldset { border: none; }
/*-----------------------------------------------------------------------------
bootstrap
-----------------------------------------------------------------------------*/
#tf-home { background-size: cover; /*background-position: center;*/
	background-attachment: fixed; background-repeat: no-repeat; color: #cfcfcf; }
#tf-home .overlay { background: rgba(255,255,255,0.80); height: auto; background-attachment: fixed; }
/* Navigation */
#tf-menu { margin-bottom: 0; background: transparent; border: 0; color: #fff !important; padding: 2% 0; transition: all 0.5s; }
#sticky { padding: 0.5ex; background-color: #333; color: #fff; font-size: 2em; border-radius: 0.5ex; }
#tf-menu.stick { position: fixed; top: 0; width: 100%; z-index: 10000; background: rgba(255,255,255,0.80); padding: 1% 0; }
#tf-menu.navbar-default .navbar-nav > li > a { color: #FFF; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 1px; }
#tf-menu.navbar-default .navbar-nav > li > a:hover, #tf-menu.navbar-default .navbar-nav > li > a:focus { color: #00a2ff; background-color: transparent; }

#tf-service { background: #FFF; padding: 7% 0; }
.media-left.media-middle i { padding: 20px 30px 20px 0; font-size: 30px; color: #999999; }
.media-body h4 { margin-bottom: 20px; font-size: 16px; font-weight: 700; color: #999999; }
#tf-portfolio { background: #f1f1f1; padding: 5% 0 8% 0; text-align: center; }
.section-title hr { border-color: #EEE; width: 200px; }
.section-title h2 { font-weight: 700; }
button.btn, a.btn { margin: 15px 5px; transition: all 0.5s; }
button.btn.btn-primary.my-btn, a.btn.btn-primary.my-btn { background: #00a2ff; border-color: transparent; border-radius: 0px; border-width: 2px; padding: 10px 30px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-weight: 600; }
button.btn.btn-primary.my-btn:hover, a.btn.btn-primary.my-btn:hover { background: #FFFFFF; color: #00a2ff; border-color: transparent; }
button.btn.btn-primary.my-btn.dark:hover, a.btn.btn-primary.my-btn.dark:hover { background: #222222; color: #ffffff; border-color: transparent; }
a.btn.btn-primary.my-btn2 { background: rgba(47, 147, 123, 0); border-color: #FFFFFF; border-radius: 0px; border-width: 2px; padding: 10px 30px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-weight: 600; color: #FFFFFF; }
a.btn.btn-primary.my-btn2:hover { background: #00a2ff; color: #ffffff; border-color: transparent; }
ul.cat.list-inline li a { border: 1px solid #00a2ff; padding: 5px 15px; font-size: 11px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #00a2ff; transition: all 0.5s; }
ul.cat.list-inline li a:hover { background: #00a2ff; color: #ffffff; }
.space { padding: 20px; }
.toppadding { padding-top: 30px; }
.nopadding { padding: 0; }
#tf-about { background-size: cover; background-position: center; background-attachment: scroll; background-repeat: no-repeat; color: #222222; }
#tf-about .overlay { height: auto; background-attachment: fixed; padding: 5% 0; }
#tf-why-me { background-size: cover; background-position: center; background-attachment: scroll; background-repeat: no-repeat; color: #222222; }
#tf-why-me .overlay { height: auto; background-attachment: fixed; padding: 5% 0; }
ul.why-me li { margin: 10px 0; }
#tf-contact { background-size: cover; background-position: center; background-attachment: scroll; background-repeat: no-repeat; padding: 5% 0; text-align: center; }
form#contact { padding: 5%;  }
#tf-contact input.form-control { height: auto; }
#tf-contact .form-control { display: block; width: 100%; margin-bottom: 20px; padding: 16px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #FFF; background-image: none; border: 1px solid #FFF; border-radius: 0; border-top: 2px solid transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: all 0.8s; }
#tf-contact .form-control:focus, #tf-contact .form-control:hover { border: 2px solid #CCC; }
nav#tf-footer { background: #222222; padding: 3% 0 2% 0; color: #f1f1f1; }
.content { padding: 0 0 5% 0; text-align: center; }
.content h3 {line-height: 2;}
#tf-home .overlay {}
#tf-menu.stick {}
.item_list { width: 80%; margin: 5% auto; line-height: 2; }
.item_list div { float: left; height: 50px; }
.item_name { width: 40%; padding: 2% 0 0 0; font-weight: bold; }
.result_txt {width: 60%;}
.in {padding: 5%;}
.result_end { margin-bottom: 5%; line-height: 2; }
.col-md-offset-3 {margin: 0 auto;}
.navbar-brand {width: 180px;}
.footer-copyright { text-align: center; color: #666; }
/* 20240619追加 */
#contact { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; max-width: 1000px; margin: auto; }
.form-title { padding: 15px 0; }
@media (min-width: 768px){ }
@media screen and (max-width: 480px) { }