@charset "UTF-8";

#hp_diagnosis .tbl-common01 input[type="image"]{max-width: 100%;height: auto;}
#fixed-page .articleArea #hp_diagnosis h2{ border: none; margin-bottom: 0; }
#fixed-page .articleArea #hp_diagnosis h3{ margin-bottom: 20px;}
#contentsbox #hp_diagnosis p{ margin: 0; }
.ta-c{text-align: center; }
.hp_form span{background: rgb(204,0,0); /* Old browsers */background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(226,0,0,1) 1%, rgba(186,24,0,1) 99%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(1%,rgba(226,0,0,1)), color-stop(99%,rgba(186,24,0,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(226,0,0,1) 1%,rgba(186,24,0,1) 99%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(226,0,0,1) 1%,rgba(186,24,0,1) 99%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(226,0,0,1) 1%,rgba(186,24,0,1) 99%); /* IE10+ */background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(226,0,0,1) 1%,rgba(186,24,0,1) 99%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#ba1800',GradientType=0 ); /* IE6-9 */border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color: #FFF;font-size: 12px;padding: 2px 4px;}
dl,dt,dd {margin: 0;padding: 0;line-height: 1.7;}
.tbl-common01 {width: auto;margin: 0 auto;border: 1px solid #d8d8d8;border-bottom: none;}
.tbl-common01 dt {font-weight: bold;background: #333;color: #FFF;}
.btn_contact{padding: 20px 0;text-align: center;}
.formBtn{padding: 20px;background: rgb(255,168,76); /* Old browsers */background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */font-size: 26px;font-weight: bold;}
.formBtn:hover{background: rgb(255,197,120); /* Old browsers */background: -moz-linear-gradient(top,  rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(251,157,35,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */}
/* スマホ */
@media only screen and (max-width:570px) {
#hp_diagnosis h1{ padding: 0px 0 10px; }
#contentsbox #hp_diagnosis h2{ margin-top: 0; padding: 20px 0; }
.tbl-common01 {background: #FFF;color: #333;}
.tbl-common01 dt,.tbl-common01 dd {padding: 15px;}
.tbl-common01 dt {float: none;background-color: #333; }
.tbl-common01 dd {border-bottom: 1px solid #d8d8d8;}
.tbl-common01 input[type="text"]{height: 30px;font-size: 18px;min-width: 90%;}
.tbl-common01 textarea{min-width: 90%;font-size: 18px;height: 150px;}
.tbl-common01 dd .example{font-size: 12px;color: #a7a7a7;}
.formBtn{padding: 20px;background: rgb(255,168,76); /* Old browsers */background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */font-size: 14px;font-weight: bold;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);}
.formBtn:hover{background: rgb(255,197,120); /* Old browsers */background: -moz-linear-gradient(top,  rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(251,157,35,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */}
}
/* PC */
@media only screen and (min-width: 571px) {
#hp_diagnosis h1{ padding: 0px 0 40px; }
#contentsbox #hp_diagnosis h2{ margin-top: 0; padding-bottom: 40px; }
.tbl-common01 dt,.tbl-common01 dd {padding: 15px;}
.tbl-common01 dt {border-top: 1px solid #FFFFFF;}
.tbl-common01 dd {/* padding-left: 346px; */border-top: 1px solid #FFFFFF;border-bottom: 1px solid #d8d8d8;border-left: 1px solid #FFFFFF;}
.tbl-common01 input[type="text"]{   padding: 5px;   font-size: 18px;border: 3px solid #d8d8d8;width: 98%;height: 30px;}
.tbl-common01 textarea{padding: 5px;font-size: 18px;border: 3px solid #d8d8d8;width: 98%;height: 150px;}
.tbl-common01 dd .example{font-size: 14px;color: #a7a7a7;}
.formBtn{padding: 20px;background: rgb(255,168,76); /* Old browsers */background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */font-size: 26px;font-weight: bold;border: 5px solid #333;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);}.formBtn:hover{background: rgb(255,197,120); /* Old browsers */background: -moz-linear-gradient(top,  rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(251,157,35,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */border: 5px solid #555;}
}