@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
 .clearfix:after {
content: " ";
font-size: 0.1em;
line-height: 0;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { 
display: inline-block; 
}/*\*/* html .clearfix { 
height: 1px;
}
.clearfix { 
display: block; 
}/**/ ul {
list-style: none;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #f6ac19;
} body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
background: url(//centise21.com/images/common/bg_header.gif) left top repeat-x;
color: #222;
min-width: 1200px;
max-width: 100%;
}
#wrapper {
text-align: left;
} header {
position: relative;
width: 1200px;
height: 102px;
margin:0 auto;
max-width: 100%;
}
header .logo {
position: absolute;
left: 20px;
top: 35px;
}
header .globalNavi {
position: absolute;
left: 220px;
top: 35px;
}
header .globalNavi li {
float: left;
} header .contact {
position: absolute;
display:flex;
gap: 15px;
right: 95px;
top: 20px;
width: 60px;
height: 70px;
} #mainVisual {
height: 390px;
text-align: center;
background: #221815;
}
#mainVisual + div {
background: #221815;
}
#mainVisual + div p {
width: 1200px;
height: 94px;
text-align: center;
margin: 0 auto;
padding-top: 30px;
max-width: 100%;
}
#topNavi {
background: #221815;
}
#topNavi ul {
width: 1200px;
height: 245px;
overflow: hidden;
background: #221815;
margin: 0 auto;
max-width: 100%;
}
#topNavi li {
float: left;
margin-left: 4px;
}
#topNavi li:first-child { margin-left: 0; } #eyecatch {
background: #221815;
}
#eyecatch p {
width: 1200px;
text-align: center;
margin: 0 auto;
max-width: 100%;
}
#eyecatch h2 {
width: 1200px;
height: 78px;
text-align: center;
margin: 0 auto;
padding: 23px 0;
max-width: 100%;
} #news #eyecatch h2,
#event #eyecatch h2,
#contact #eyecatch h2,
#privacy #eyecatch h2,
#faq #eyecatch h2,
#sitemap #eyecatch h2 {
height: 48px;
padding: 38px 0;
} #subNavi {
background: #f39700;
}
#subNavi ul {
width: 1200px;
height: 48px;
margin: 0 auto;
padding: 0 145px;
}
#subNavi li {
float: left;
text-align: center;
font-size: 12px;
letter-spacing: 5px;
border-right: solid 1px #fff;
}
#subNavi li a {
color: #fff;
display: block;
height: 12px;
padding: 18px 0;
background: #f39700;
}
#subNavi li a:hover {
background: #f6ac19;
}
#subNavi li:first-child {
border-left: solid 1px #fff;
}
#subNavi li a.current {
background: #f6ac19;
} #wins #subNavi li,
#recruit #subNavi li {
width: 302px;
} #guard #subNavi li{
width: 225px;
}
#wins #subNavi li:first-child {
margin-left: 150px;
}
#recruit #subNavi li:first-child {
margin-left: 150px;
}
#company #subNavi li,
#enkaku #subNavi li,
#kanren #subNavi li,
#aisatsu #subNavi li {
width: 226px;
}
#security #subNavi li {
width: 181px;
}
#security #subNavi li:first-child {
width: 180px;
}
#security #subNavi li:first-child a,
#security #subNavi li:last-child a {
height: 20px;
line-height: 1.3;
letter-spacing: 3px;
padding-top: 10px;
} #main {
width: 910px;
margin: 0 auto;
padding: 20px 145px 30px 145px;
} #main #breadcrumb {
color: #666;
font-size: 9px;
letter-spacing: 3px;
margin-bottom: 50px;
}
#main #breadcrumb li {
float: left;
margin-right: 3px;
}
#main #breadcrumb li.fa {
color: #222;
font-size: 12px;
padding: 0 3px;
}
#main #breadcrumb li:last-child {
color: #f6ac19;
} #main section {
font-size: 12px;
line-height: 22px;
letter-spacing: 1px;
border-top: solid 3px #f6ac19;
padding: 18px 0;
}
#main section .photo {
float: left;
width: 380px;
}
#main section .description {
float: right;
width: 480px;
}
#main section .description h1 {
color: #f6ac19;
font-size: 22px;
font-weight: normal;
letter-spacing: 5px;
border-bottom: solid 3px #f6ac19;
margin-bottom: 16px;
padding: 8px 0 24px 0;
}
#main section .description h2 {
color: #f6ac19;
font-size: 18px;
font-weight: normal;
letter-spacing: 5px;
padding: 5px 0 8px 0;
}
#main section .description p + h2 {
padding-top: 25px;
} #main section .sign h1 {
text-align: center;
color: #f6ac19;
font-size: 22px;
font-weight: normal;
letter-spacing: 5px;
border-bottom: solid 3px #f6ac19;
margin-bottom: 16px;
padding: 8px 0 24px 0;
}  #main .pagetop {
text-align: center;
margin: 5px 0;
}
#main .pagetop_s {
text-align: right;
margin-bottom: 40px;
} footer {
height: 218px;
font-size: 10px;
background: url(//centise21.com/images/common/bg_footer.gif) left top repeat-x;
padding-top: 35px;
} #ftLink {
width: 910px;
height: 163px;
letter-spacing: 3px;
margin: 0 auto;
padding: 0 145px;
}
#ftLink a {
color: #fff;
}
#ftLink a:hover {
color: #222;
}
#ftLink ul {
float: left;
margin-top: 15px;
margin-left: 50px;
}
#ftLink ul:first-child {
margin-left: 0;
}
#ftLink ul.banner {
float: right;
margin-top: 0;
}
#ftLink ul.banner li {
margin-bottom: 8px;
}
#ftLink li {
margin-bottom: 28px;
}
#ftLink li.logo {
margin-bottom: 40px;
}
#ftLink li.facebook, #ftLink li.twitter {
float: left;
margin-right: 8px;
} #address {
width: 910px;
height: 45px;
font-size: 11px;
margin: 0 auto;
padding: 10px 145px 0 145px;
}
#address address {
float: left;
font-style: normal;
}
#address p {
float: right;
}
 #top #main {
width: 912px;
font-size: 10px;
padding: 30px 144px;
}
#top #main section {
float: left;
width: 412px;
border: 0;
}
#top #main section h1 {
border-bottom: solid 3px #F29825;
padding-bottom: 6px;
}
#top #main section h2 {
color: #f29825;
margin-top: 6px;
padding-bottom: 0px;
}
#top #main section > p {
text-align: right;
margin-top: 10px;
}
.listNews, .listEvent  { height: 135px;
overflow: visible;
margin-bottom: 100px;
}
.listFacebook, .listTwitter,  { height: 500px;
overflow: visible;
margin-bottom: 100px;
}
.listTopNews   { height: 500px;
overflow: visible;
margin-bottom: 100px;
}
.listTopNews-box { 
height: 500px;
overflow:auto;
}
.listTwitter iframe {
height: 135px;
overflow: hidden;
}
.listNews, .listFacebook {
margin-right: 88px;
}
.listNews li , .listEvent li  {
background: url(//centise21.com/images/top/bg_top_news.gif) right center no-repeat;
border-bottom: solid 1px #ddd;
padding: 10px 0;
}
.listNews li:hover , .listEvent li:hover  {
background: url(//centise21.com/images/top/bg_top_news_on.gif) right center no-repeat;
}
.listNews li span,
.listEvent li span {
display: block;
float: left;
width: 128px;
color: #f29825;
}
.listNews li span img,
.listEvent li span img {
margin-right: 8px;
}
.listNews li a,
.listEvent li a {
display: block;
float: right;
width: 284px;
} #blog {
margin-bottom: 40px;
} #blog.single {
width: 560px;
padding: 0 175px;
}
#blog.single #contents {
float: none;
width: 560px;
}
#blog.single #contents section header {
float: none;
width: 560px;
height: auto;
text-align: center;
font-size: 9px;
letter-spacing: 1px;
color: #E98B3A;
margin: 0 0 40px 0;
}
#blog.single #contents section header img {
margin-bottom: 20px;
} #blog #contents {
float: right;
width: 480px;
}
#blog #contents section {
border: none;
color: #666;
font-size: 12px;
line-height: 22px;
letter-spacing: 1px;
margin-bottom: 20px;
}
#blog #contents section p {
margin-bottom: 1em;
}
#blog #contents section > a {
font-size: 10px;
color: #999;
}
#blog #contents section h1 {
color: #E98B3A;
font-size: 22px;
font-weight: normal;
letter-spacing: 5px;
border-bottom: solid 3px #E98B3A;
margin-bottom: 16px;
padding: 0 0 24px 0;
}
#blog #contents section h1 a {
color: #E98B3A;
}
#blog #contents section h1 a:hover {
color: #222;
}
#blog #contents section header {
float: right;
width: 130px;
font-size: 9px;
letter-spacing: 1px;
color: #E98B3A;
margin: 0 0 10px 30px;
}
#blog #contents section img {
max-width: 560px;
}
#blog #contents aside a {
font-size: 12px;
color: #999;
} #blog #sidebar {
float: left;
width: 380px;
}
#blog #sidebar aside h1 {
font-size: 10px;
font-weight: normal;
color: #666;
letter-spacing: 2px;
margin-bottom: 5px;
} #blog #sidebar aside li a {
display: block;
color: #fff;
font-size: 10px;
letter-spacing: 2px;
background: #E98B3A;
margin-bottom: 4px;
padding: 10px;
}
#blog #sidebar aside li a:hover {
background: #ED9F49;
} #crimepreventionExample .photo img {
margin-bottom: 40px;
}
#crimepreventionExample .photo img:last-child {
margin-bottom: 0;
}
#main #disasterprevention table {
margin-top: 20px;
margin-bottom: 0;
}
#main #disasterprevention table tr {
border: none;
}
#main #disasterprevention table th,
#main #disasterprevention table td {
font-size: 10px;
letter-spacing: 0;
line-height: 1.5;
vertical-align: middle;
border-right: solid 1px #f39700;
border-bottom: solid 1px #f39700;
padding: 5px 10px;
}
#disasterprevention table th {
border-left: solid 1px #f39700;
}
#disasterprevention table caption {
color: #fff;
background: #f39700;
}
#disasterprevention table.qualified_situation th {
width: 28em;
}
#disasterprevention table.qualified_situation td {
text-align: right;
background: #f9f9f7;
}
#disasterprevention table.firefighting_equipment th {
text-align: center;
}
#disasterprevention table.firefighting_equipment tr th:first-child {
width: 6em;
color: #f39700;
background: #f9f9f7;
}
#disasterprevention table.firefighting_equipment th + td + td, 
#disasterprevention table.firefighting_equipment th + td + td + td,
#disasterprevention table.firefighting_equipment td:first-child + td, 
#disasterprevention table.firefighting_equipment td:first-child + td + td {
width: 5em;
text-align: center;
}
#disasterprevention table.firefighting_equipment tr:nth-child(2) th {
color: #222;
background: #fff;
}
#disasterprevention table.firefighting_equipment tr:first-child th:nth-child(2) {
width: 22em;
}
#disasterprevention table + p {
font-size: 10px;
text-align: right;
}
section .lead {
margin-bottom: 60px;
}
section .lead h1 {
color: #f6ac19;
font-size: 22px;
font-weight: normal;
letter-spacing: 5px;
border-bottom: solid 3px #f6ac19;
margin-bottom: 45px;
padding: 8px 0 24px 0;
}
.itemList2 {
margin-bottom: 45px;
}
.itemList2 li {
display: block;
float: left;
width: 435px;
margin-left: 40px;
}
.itemList2 li:first-child {
margin-left: 0;
}
.itemList2 li img {
float: left;
margin-right: 20px;
}
.itemList2 li h2 {
color: #f6ac19;
font-size: 18px;
font-weight: normal;
letter-spacing: 3px;
margin-bottom: 10px;
}
.itemList2 li p {
display: block;
float: right;
width: 205px;
}
.itemList4 {
margin-bottom: 27px;
}
.itemList4 li {
display: block;
float: left;
width: 195px;
margin-left: 43px;
}
.itemList4 li:first-child {
margin-left: 0;
}
.itemList4 li:last-child {
margin-left: 44px;
}
.itemList4 li.column3 {
width: 671px;
}
.itemList4 li img {
margin-bottom: 5px;
}
.itemList4 li h2 {
color: #f6ac19;
font-size: 18px;
font-weight: normal;
letter-spacing: 1px;
margin-bottom: 10px;
} #main table.company_profile th {
width: 5em;
}
#main table.company_profile table th {
width: 9em;
}
#main table.enkaku th {
width: 8em;
text-align: right;
}
#main table.enkaku table th {
text-align: left;
}
.googlemap p {
text-align: right;
line-height: 2;
}
.googlemap p a {
color: #f6ac19;
}
#aisatsu h3,
#kanren h3 {
margin-bottom: 0;
}
#aisatsu h4,
#kanren h3 + .section h4 {
border-top: none;
}
.portrait {
text-align: center;
margin-bottom: 20px;
} #recruit #main #welfare .lead {
margin-bottom: 40px;
}
#recruit #main #welfare h1 {
text-align: center;
margin-bottom: 16px;
}
#recruit #main #welfare ul li {
float: left;
width: 375px;
color: #f6ac19;
font-size: 14px;
margin-left: 20px;
}
#recruit #main #welfare ul li:first-child {
margin-left: 70px;
}
#recruit .right-image{
margin-left: 62px; }
#recruit .shift-right{
margin-left: 330px; }
#recruit section .photo{
float: left;
width: 320px;
} #main table.contact {
margin-bottom: 10px;
}
#main table.contact th {
width: 16em;
vertical-align: top;
padding: 10px 25px;
}  #main table.contact td span span { display: flex;
padding: 0;
border: none;
}
.wpcf7c-conf {
color: #777!important;
background-color: #f6f6f6!important;
}
#main table.contact input,
#main table.contact textarea {
width: 390px;
font-size: 14px;
border: solid 1px #999;
margin-right: 20px;
padding: 5px;
}
#main table.contact input {
height: 15px;
}
#main table.contact textarea {
max-width: 390px;
max-height: 650px;
min-width: 390px;
min-height: 200px;
} #main table.contact select {
width: 400px;
font-size: 14px;
border: solid 1px #999;
margin-right: 20px;
padding: 5px;
}
#contact h3 + p {
font-size: 18px;
letter-spacing: 1px;
line-height: 1.8;
text-align: center;
margin-bottom: 20px;
}
#contact h3 + p span {
color: #E98B3A;
}
#contact .section p:first-child { margin-bottom: 5px;
}
#contact table { margin-bottom: 10px; }
#contact table + p {
text-align: left;
margin-left: 25px;
margin-bottom: 30px;
}
#contact input[type=button],
#contact input[type=submit] {
width: 145px;
height: 45px;
font-size: 14px;
letter-spacing: 2px;
color: #fff;
background: #E98B3A;
border: none;
padding: 10px 20px;
}
#contact input[type=button]:hover,
#contact input[type=submit]:hover {
background: #ED9F49;
cursor: pointer;
}
#contact input[type=button] { margin-right: 6px; } #faq section{
font-size: 12px;
line-height: 22px;
letter-spacing: 1px;
border-top: solid 3px #f6ac19;
padding: 8px 0;
}
#faq table.question {
margin-bottom: unset;
}
#faq table.question th {
vertical-align:middle;
width: 310px;
font-size: 14px;
padding: 18px 0 5px 0;
}
#faq table.question td {
vertical-align:middle;
font-size: 15px;
padding: 5px 0;
line-height: 1.5;
}
#faq table.question td span{
display: unset;
border-left: unset;
padding: unset;
color: red;
text-decoration:underline;
}
#faq .question .photo{
float: left;
width: 310px;
}
#faq .question p{
font-size: 15px;
margin-bottom: 5px;
line-height: 1.5;
}
#faq .question p span{
color: red;
font-weight: bold;
}
#faq .question h1{
color: #f6ac19;
font-size: 20px;
font-weight: normal;
letter-spacing: 5px;
border-bottom: solid 3px #f6ac19;
margin-bottom: 20px;
padding: 8px 0 11px 0;
}
#faq .question h2{
font-size: 18px;
font-weight: normal;
letter-spacing: 5px;
padding: 8px 0 0 0;
margin: 15px 0 5px 0;
}
#faq .question h4{
font-size: 18px;
color: red;
font-weight: bold;
line-height: 1.5;
margin: 5px auto;
}
.question-content {
border: 1px solid #eee;
margin: auto; }
.question-button{
background: #777;
border: 1px solid #dfd7d7;
padding: 12px;
font-size: 18px;
color: #fff;
}
.question-button::after{
float: right;
content: "＋";
font-size: 30px;
}
.question-button.selected::after{
float: right;
content: "－";
font-size: 30px;
}
.question-button:hover {
cursor: pointer;
}
.question-detail{
padding:3px;
font-size: 14px;
} #sitemap .section {
padding: 40px 110px 0 110px;
}
ul.sitemap {
float: left;
width: 295px;;
line-height: 1.8;
padding: 0 25px;
}
ul.sitemap > li a {
display: block;
color: #fff;
font-size: 10px;
background: #f6ac19;
margin-bottom: 1em;
padding: 10px;
}
ul.sitemap > li a:hover {
background: #ED9F49;
}
ul.sitemap ul {
font-size: 12px;
font-weight: normal;
padding-left: 2em;
background: #fff;
}
ul.sitemap ul li a {
color: #f6ac19;
background: #fff;
padding: 0;
}
ul.sitemap ul li a:hover {
color: #666;
background: #fff;
}
 a.hover:hover img {
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:.60;
}  .alignright {
float: right;
margin: 0 0 10px 10px;
}
.alignleft {
float: left;
margin: 0 10px 10px 0;
}
.aligncenter {
display: block;
margin: 0 auto;
}
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
} .txt-right {
text-align: right;
} .section {
font-size: 12px;
line-height: 22px;
letter-spacing: 1px;
margin-bottom: 55px;
}
.section .left {
float: left;
width: 430px;
}
.section .right {
float: right;
width: 430px;
} .section .center {
margin-left: auto;
margin-right: auto;
width: 550px;
}
.section > p:first-child {
margin: 1em 0;
}
.section dt {
color: #f6ac19;
font-size: 18px;
letter-spacing: 5px;
padding: 5px 0 8px 0;
}
.section dd {
margin: 0 0 2em 2em;
}
.section ol {
list-style: inside decimal;
}
.section a {
color: #f6ac19;
}
.section a:hover {
color: #222;
} h3, .section h4 {
text-align: center;
color: #E98B3A;
font-size: 22px;
font-weight: normal;
letter-spacing: 5px;
border-top: solid 3px #E98B3A;
border-bottom: solid 3px #E98B3A;
margin-bottom: 16px;
padding: 25px 0;
}
h5 {
color: #E98B3A;
font-size: 18px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 20px;
} #main table {
width: 100%;
border-top: solid 1px #ccc;
margin-bottom: 40px;
}
#main table tr {
border-bottom: solid 1px #ccc;
}
#main table th {
font-weight: normal;
padding: 20px 25px;
width: 25em;
}
#main table td {
padding: 10px 0;
}
#main table td span {
display: block;
border-left: solid 1px #ccc;
padding: 10px 25px;
}
#main table table {
border: none;
margin-bottom: 0;
}
#main table table tr {border: none;}
#main table table th {
width: auto;
padding: 0;
}
#main table table td {
padding: 0;
} .previousPostLink {
float: left;
width: 50%;
margin-top: 20px;
}
.nextPostLink {
float: right;
text-align: right;
width: 50%;
margin-top: 20px;
}
.previousPostLink a,
.nextPostLink a {
color: #E98B3A!important;
}
.previousPostLink a:hover,
.nextPostLink a:hover {
color: #222!important;
} .postList li span { margin-right: 1em; }
  .req-ctf7{
padding: 5px;
background: #DE8686;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}