body{
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.head_contact a:hover img{
    opacity: 0.7;
}
/* header */
#header_logo {
    margin-left: -20px;
}
.head_info {
    float: right;
}
.head_tel {
    float: left;
}
.head_contact {
    float: left;
    padding-left: 10px;
}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.center {
    text-align: center;
}
.both20{
    display: block;
    height: 20px;
    clear: both;
}
.more_btn {
    display: block;
    background: #1da954;
    border: 2px solid #1da954;
    width: 216px;
    font-size: 15px;
    margin: 10px auto;
    color: #fff;
    border-radius: 4px;
}
.side_side_stufy:hover .more_btn {
    background: #fff;
    color:#1da954;
}
.side_side_stufy:hover a {
    text-decoration: none;
}

/* 
side */
.side_menu ul li {
}
.side_menu ul li a {
    background: url(https://www.su-place.co.jp/wp-content/uploads/sites/17/side_bg_menu.png);
    background-position: center;
    margin-bottom: 1px;
    color: #4484ad;
    font-size: 14px;
    display: inherit;
    padding: 5px 0 5px 20px;
    text-align: left;
    font-weight: bold;
}
.side_menu ul li a:hover {
    text-decoration: none;
    font-weight:normal;
}
.side_menu ul li a img {
    margin-right: 10px;
    position: relative;
    top: -4px;
}
.side_menu ul li:nth-child(9) a span {
    display: inline-block;
    line-height: 140%;
}
.side_menu ul li:nth-child(9) a img {
    position: relative;
    top: -12px;
}
.side_menu.mt20 {
    padding: 0 10px;
}
section.side_box {
    background: #fff;
    text-align: center;
}
.side_about {
    padding: 10px;
}
.side_about h3{
    background: #4484ad;
    color: #fff;
}
.side_about p {
    font-size: 12px;
    line-height: 160%;
    margin-top: 6px;
}
.side_about_border{
    padding:10px 0;
    border-left:2px solid #4484ad;
    border-right:2px solid #4484ad;
    border-bottom:2px solid #4484ad;
}

/* 
TOP */

.reason{
    position: relative;
    width: 100%;
    height: 442px;
    background: url(https://www.su-place.co.jp/wp-content/uploads/sites/17/top_bg_reason.png) no-repeat;
}
.reason h3 {
    position: absolute;
    top: 20px;
    left: 20px;
}
ul.reason_list {
    position: absolute;
    top: 119px;
    left: 90px;
    font-size: 28px;
    line-height: 48px;
}
.reason_img {
    position: absolute;
    right: 70px;
    top: 136px;
}
.special {
    border-bottom: 1px dotted #ccc;
}
.special_img {
    float: left;
    margin-top: 14px;
}
.special_txt {
    float: left;
    width: 74%;
    padding-left: 30px;
}
.special_txt dl{
    margin-left: 10px;
}
.special_txt dl dt {
    font-size: 24px;
    margin-bottom: 10px;
}
.special_txt dl dd {
    font-size: 14px;
}
ul.special_list li {
    padding: 17px;
}
ul.special_list li:nth-child(odd) {
    background: #e7f5fe;
}
.special_left_img {
    float: left;
    width: 170px;
}
dl.special_list_txt {
    float: left;
    width: 480px;
}
.special_right_img {
    float: right;
}
dl.special_list_txt dt {
    color: #4485ad;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    dislay:block!important;;
    border-bottom: 0 solid!important; 
    margin-bottom: 10px!important;
    padding-bottom: 10px;
    background: url(https://www.su-place.co.jp/wp-content/uploads/sites/17/special_bg_dt.png) no-repeat left bottom;
}
dl.special_list_txt dt span {
    font-size: 18px;
}
.special_list li:nth-child(2) dl dt , .special_list li:nth-child(3) dl dt , .special_list li:nth-child(4) dl dt{
    font-size: 24px;
}

ul.special_list_voice li {
    background: none!important;
    padding: 0;
    line-height: 32px;
    font-size: 18px;
}
ul.special_list_voice li img {
    padding-right: 10px;
    position: relative;
    top: -6px;
}
/* 
footer */
.footmenu_bg {
    background: #4484ad;
}
.footmenu_border {
    height: 5px;
    background: #4484ad;
    margin-bottom: 4px;
}
.foot_menu_box{
    width: 1200px;
    margin: 0 auto;
    padding:40px 0;
}
.foot_menu a {
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
}
ul.foot_menu01 , ul.foot_menu02 , ul.foot_menu03{
    padding-right: 60px;
}
ul.foot_menu01 , ul.foot_menu02 , ul.foot_menu03 , ul.foot_menu04 {
    float: left;
}
.foot_menu ul li{
    background: url(https://www.su-place.co.jp/wp-content/uploads/sites/17/foot_icon_arrow.png) no-repeat left ;
}
.foot_s_menu li{
    background: none !important ;
}
.foot_s_menu li img{
    position: relative;
    top: -6px;
    margin-right: 14px;
}
.foot_logo {
    float: right;
    color: #fff;
}
.foot_logo p{
    font-size: 12px;
    line-height: 18px;
}

/* 
共通 */
.center{text-align: center;}
.ta_r{text-align: right;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mb20{margin-bottom: 20px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f18{font-size:18px;}
.fc_r {color:#e0160c;}
.fw_b{font-weight:bold;}

input {
    border-radius: 5px;
    padding: 5px 0;
    margin-top: 5px;
}

table,
table th,
table td {
    border:1px solid #000;
}
table th {
    background: #e1ebf1;
    width: 10%;
    padding: 2%;
}


.image.right img,
.image.left img {
    max-width:90%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2);
}
.image.right:after {
    content: "";
    clear: both;
    display: block;
    margin: 30px;
}
.text dl dt {
    font-size: 20px;
    border-bottom: 4px solid #4484ad;
    display: inline-block;
    margin-bottom: 1%;
}
div.lists-posts4 .liner {
    border-bottom: 2px dotted #ccc;
    margin-bottom:20px;
}
div.text {
    margin:10px;
}
div.simple div.right {
    width:47%;
}
/*見出し*/
.byline h4 {
    position: relative;
    padding: .5em .75em;
font-weight:bold;
    background-color: #f1f1f1;
    border-radius: 6px;
    box-shadow: 2px 2px 4px rgba(109, 109, 109, 0.1) inset;
}
.byline h4:after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f0f0f0;
}

/*よくある質問*/
div.question h4:before {
    content: "Q.";
    font-size: 34px;
    position: absolute;
    left: 5px;
    top: -13px;
    color: #dc4a44;
}
div.answer h4:before {
    content: "A.";
    font-size: 32px;
    position: absolute;
    left: 10px;
    top: -17px;
    color: #1b95e0;
}
/*当社の特徴*/
.chara01,
.chara02,
.chara03 {
    margin: 5% 0;
}
span.promiss,
span.point {
    background: #5683b0;
    padding: 2px 5px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 4px;
    display: inline-block;
}
span.cheack {
    background: #5683b0;
    padding: 2px 5px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 4px;
    display: block;
}

/*スタッフ紹介*/
.name_box .position,
.name_box .name,
.name_box .kana  {
    display:block;  
}
.name_box .position {
    color: #fff;
    display: inline-block;
    background: #4484ad;
    padding: 2px 8px;
    border-radius: 6px;
    margin-bottom: 5px;
}
.name_box .name {
    font-size: 22px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.name_box .kana {
    color:#ccc;
    font-size:12px;
}
.staff_list {
    margin-top:20px;
}
.staff_list li {
    line-height: 2rem;
}
.staff_mess {
    margin: 10px 20px 50px;
}
.staff_mess dd {
    background: #ececec;
    padding: 10px;
    display: table;
}
/*お問い合わせから完成まで*/
.comp_flow {
    background: #f1f1f1;
    padding: 10px;
    border-radius: 6px;
}
.comp_flow dd {
    margin-bottom:20px;
}
/*お問い合わせ*/
.main_contact_area {
    background: #f1f1f1;
    padding: 20px;
    border-radius: 6px;
    max-width: 800px;
    margin: 0 auto;
}
.main_contact_area  p {
    margin-bottom: 1.8rem;
}
span.main_req {
    font-size: 14px;
    color: #fff;
    background: #d30e0e;
    padding: 2px 4px;
    margin-left: 10px;
}
span.main_any {
    font-size: 14px;
    color: #fff;
    background: #0e79d3;
    padding: 2px 4px;
    margin-left: 10px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
textarea.wpcf7-form-control.wpcf7-textarea {
    max-width: 100%
}
.main_contact_area input,
.main_contact_area textarea {
    width: 95%;
    padding: 5px;
    font-size: 16px;
}
.main_contact_area input[type="checkbox" i] {
    width:5%;
}
.main_contact_area dl {
    margin-bottom: 1.8rem;
}
.send_btn {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

/*塗料について*/
ul.paint_nav li {
    background: -moz-linear-gradient(top,#0099CC 0%,#006699);
    background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#2d5b97));
    /* border: 2px solid #FFF; */
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    padding: 10px 0;
    text-align: center;
    width: 32%;
    display: inline-block;
    margin: 0.5%;
}
ul.paint_nav li a {
    color: #fff;
    text-decoration: underline;
}
.table_href {
    max-width:51%!important;
}
ul.paint_nav li a:hover {
    text-decoration: none;
}
dl.paint_sub dt {
    display:block;
    padding-bottom: 1%;
    margin-bottom: 2%;
}
dl.paint_sub dt span {
    float: right;
    margin-right: 5%;
    background: #4484ad;
    color: #fff;
    border: 1px solid #2a86c1;
    -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.3), 1px 1px 1px rgba(255,255,255,1);
    border-radius: 10px;
    font-size: 18px;
    display: inline-block;
    padding: 2px 6px;
    margin-bottom: 5px;
}
dl.paint_sub dd {
    background: #efefef;
    padding: 1%;
    border-radius: 6px;
    margin-bottom: 3%;
}
/*削除*/

.allposts-title {
    display:none;
}
.privacy .pr_num {
    clear: both;
    color: #000 !important;
    float: left;
    font-weight: normal !important;
    margin: 0;
    width: 30px;
    height: 30px;
}
.privacy dl {
    margin: 0 0 10px;
}
.privacy dd {
    margin: 0px 0px 30px;
    padding: 0px;
}
.privacy dt {
    padding-bottom: 3px;
    margin-bottom: 10px;
}
.privacy .ml20{
margin-left:20px;
}
.privacy ul{margin-bottom:30px;}
.privacy p {
    line-height: 1.5;
}
.privacy {
    line-height: 1.5;
}
.mt30{margin-top:30px;}
.sitemap a {
    color: #000;
    text-decoration: underline;
}
ul.site_sbox {
    padding-left: 30px;
}
.site_lbox li{
    list-style-image: url('https://www.su-place.co.jp/wp-content/uploads/sites/17/sitemap_l_arrow.png');
}
.site_sbox li{
    list-style-image: url('https://www.su-place.co.jp/wp-content/uploads/sites/17/sitemap_s_arrow.png') !important;
}
.strapline h3:after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f0f0f0;
}
#page div.headline h2 {
    font-weight: normal;
    vertical-align: middle;
    background-image: none;
    background-repeat: no-repeat;
    height: auto;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
    background-position: auto;
    font-size: 20px;
    background: #E1EBF1;
    width: 870px;
    padding: 10px;
    color: #4484ad;
    line-height: 20px;
    border-bottom: 4px solid #4484ad;
}
ul.square {
    padding-left: 20px;
}
ul.square li{
    list-style:square;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dotted #ccc;
}
ul.service li {
    display: table-cell;
    padding: 10px;
}
a.btn_green{
background:#42ac21;
border-radius:5px;
color:#fff;
text-align:center;
padding:10px 40px;
border:solid 4px #42ac21;
}

a.btn_green:hover{
background:#fff;
border-radius:5px;
color:#42ac21;
text-align:center;
padding:10px 40px;
border:solid 4px #42ac21;
}
a.btn {
    padding: 10px 40px;
    background: red;
    border-radius: 5px;
    color: #fff;
    border: solid 4px red;
}
a.btn:hover {
    background: #fff;
    border-radius: 5px;
    color: red;
    border: solid 4px red;
}
.pc_none{
display:none;
}
body#home div#page-navigation {
    display: none!important;
}
/*塗装の勉強会*/

.seminer_bg {
    background: url(https://www.su-place.co.jp/wp-content/uploads/sites/17/img_seminer_bg.jpg) no-repeat;
    padding: 20px;
}
.seminer_bg .seminer_box {
    background: rgba(255, 255, 255, 0.67);
    padding: 10px 10px 5px;
}
.seminer_bg .seminer_box p {
    margin-bottom: 10px;
}
.seminer_sub_txt {
    text-align: center;
    font-size: 27px;
    margin: 10px 0 20px;
    font-weight: bold;
    color: #ff5700;
}
.seminer_place_ti {
    width: 400px;
    display: block;
    background: #347a9e;
    padding: 5px 10px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 20px;
}
.seminer_cvn {
    background: #eee;
    margin: 40px 0 30px;
    padding: 20px 0;
}
.seminer_tel {
    margin-top: 20px;
    font-size: 20px;
}
.seminer_tel span {
    font-size: 52px;
    font-weight: bold;
    vertical-align: middle;
}
.seminer_tel span a {
    color: #000;
    pointer-events: none;
}
.col1_list {
    margin-top:20px;
}
.col1_list li {
    text-align: center;
}
.col1_list li:last-child {
    font-size: 24px;
    margin: 20px 0;
    vertical-align: middle;
    background: -moz-linear-gradient(top,#ea1b1b 0%,#af3737);
    background: -webkit-gradient(linear, left top, left bottom, from(#ea1b1b), to(#af3737));
    border: 2px solid #FFF;
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    padding: 10px 0;
}
.col1_list li a {
    color: #FFF;
}
.col2_list {
    width: 98%;
    margin: 0 1%;
}

.col2_list li {
    display: inline-block;
    width: 49%;
    text-align: center;
    font-size: 24px;
    margin: 20px 0;
    vertical-align: middle;
    background: -moz-linear-gradient(top,#ea1b1b 0%,#af3737);
    background: -webkit-gradient(linear, left top, left bottom, from(#ea1b1b), to(#af3737));
    border: 2px solid #FFF;
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    padding: 10px 0;
}
.col2_list li a {
    font-size: 24px;
    color: #fff;
    display: block;
}
.col2_list li span {
    display: block;
    font-size: 14px;
}
.past_seminer li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 2px dotted #ccc;
}
.imgfl {
margin:30px;
float:left;
}
.blue_link {
    background-color: #355296;
    padding: 10px;
    margin-top: 30px;
    border-radius: 3px;
    color: #fff;
float: right;
    font-size: 18px;
    font-weight: bold;
    width: 50%;
}
.blue_link a {
color:#fff;
}
.text02 {
        color: #3a3a3a;
    float: left;
    font-size: 15px;
    line-height: 1.5;
    margin: 10px auto;
    padding-left: 20px;
    text-align: center;
    width: 45%;
}
ul.line_step {
    margin-bottom: 15px;
}
.line_step li:first-child {
    width: 90px;
    display: inline-block;
}
.line_step li {
list-style-type: none !important;
font-size: 20px;
font-weight: bold !important;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
width: 700px;
color: #2d3b63;
line-height: 1.4em;
}
ul.line_ul {
border: 2px solid #ccc;
padding: 10px;
width: 40%;
border-radius: 5px;
margin-bottom: 20px;
float: left;
height: 315px;
margin-left: 30px;
}
ul.line_ul img {
    display: block;
    margin: 0 auto;
    }
ul.line_ul li.line_bk {
list-style-type: none;
color: #fff;
background-color: #000;
text-align: center;
padding: 10px;
margin: 0;
border: radial-gradient;
border-radius: 22px;
    margin-top: 10px;
}
ul.line_ul li {
    list-style-type: none;
    padding: 10px 37px 0!important;
}
div.st2 ul {
    float: left;
margin-right: 10px;
width: 30%;
}
div.st2 ul li {
list-style-type: none;
line-height: 1.6em;
margin-bottom: 20px;
}
.box_flimg img {
float: left;
margin-right: 20px!important;
}
section.linepage img {
margin: 10px auto;
display: block;
}
.both {
    clear: both;
}
.bky {
border-radius: 5px;
margin: 30px auto;
background-color: #f5f6e4;
padding: 10px;
width: 80%;
}
.msz01 {
    margin-top: 30px;
}
li.line_bk_side {
padding: 5px 3px;
background-color: #000;
border-radius: 7px;
margin: 15px 10px 0px !important;
color: #fff;
font-size: 14px;
text-align: center !important;
}
.line_ul_side li {
line-height: 1.6em;
margin-bottom: 30px;
text-align: left;
margin: 12px;
}
ul.line_ul_side {
    border: 2px solid #938b8b;
margin: 10px;
    margin-top: 10px;
border-radius: 5px;
margin-top: 10px;
}
.img_line {
    width: 100%;
margin: 0 auto;
display: block;
}
.img_line02 {
    width: 80%!important;
    margin: 0 auto;
display: block;
} 
.img_line03 {
        width: 90%!important;
    margin: 10px auto;
display: block;
    }
.side_about_border img{
display:block;
max-width:100%;
height:auto;

}
.yearend {
    background: url(https://www.su-place.co.jp/wp-content/uploads/sites/17/repeat.jpg);
    text-align: center;
    font-size: 1.3rem;
    padding: 8px;
    background-size: 5%;
}
.yearend h3 {
    font-size: 1.8rem;
    color: #645709;
    margin-bottom: 8px;
    font-weight: bold;
}
.yearend .yearend_date {
    margin: 16px 0;
}
.yearend .yearend_date .emp {
    font-size: 1.6rem;
    color: #d33834;
    font-weight: bold;
}

img {
    max-width: 100%;
}
.staff_mess dd.color_non {
background-color: transparen!important;
}
.pc {
display:block;
}
.sp {
display:none;
}
.box-event {
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
}
.box-event_head,
.box-event_body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box-event_head {
  padding: 15px 30px;
  color: #fff;
  background-color: #AE3233;
}
.box-event_body {
  padding: 30px;
  background-color: #F7F5EC;
}
.box-event_head > :first-child,
.box-event_body > :first-child { margin-top: 0; }
.box-event_head > :last-child,
.box-event_body > :last-child { margin-bottom: 0; }
.box-event_title {
  font-size: 18px;
  font-weight: bold;
}
.box-event_list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box-event_list li {
  padding-left:1em;
  text-indent:-1em;
  font-size: 17px;
  font-weight: bold;
}
.box-event_text {
margin-top: 16px;
}

/*年末年始休業のお知らせ*/
.box-kyugo {
    margin: 30px 10px;
    overflow: hidden;
  }
  .box-kyugo_head,
  .box-kyugo_body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .box-kyugo_head {
    padding: 12px 30px 8px;
    background-color: #f5c500;
  }
  .box-kyugo_body {
    padding: 20px;
    background-color: #fff8f3;
    border: 4px solid #f5c500;
  }
  .box-kyugo_head > :first-child,
  .box-kyugo_body > :first-child { margin-top: 0; }
  .box-kyugo_head > :last-child,
  .box-kyugo_body > :last-child { margin-bottom: 0; }
  .box-kyugo_title {
    color: #3a1702;
    font-size: 20px;
    font-weight: bold;
  }
  .box-kyugo_text {
    margin-top: 24px;
    font-size: 16px;
    text-align: center;
  }
  .box-kyugo_data {
    margin-top: 10px;
    color: #3a1702;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
  }
  .box-kyugo_start {
    margin-top: 3px;
    padding: 2px 12px;
    background-color: #f5c500;
    color: #3a1702;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .box-kyugo_greeting {
    margin-top: 16px;
    color: #b80b00;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }

.mv-btn {
display:none;
pointer-events:none;position: absolute;
bottom: 12px;
left: 165px;
}
#home .mv-btn {
display:block;
}