@charset "utf-8";
/**************************************************
---------------------- default--------------------
**************************************************/
select::-ms-expand {
    display: none;
}
.wrap{
  width: 1100px;
  max-width: 92%;
  margin: 0 auto;
}
.w-in1400{
  width: 1400px;
  max-width: 98%;
  margin: 0 auto;
}
button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
main{
  display: block;
}
img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
@keyframes horizontal {
    0% { transform:translateX( -3px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #3e3a39;
    box-shadow: 0 0 1px rgba(255,255,255,0.5);
}
.sp{
  display: none;
}
.flex{
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
.flex-sb{
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-around;
}
ul{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
  color: #1a1a1a;
  -webkit-transition: all .3s;
  transition: all .3s;
}
ul li{
  list-style: none;
}
body {
    color: #1a1a1a;
    line-height: 1.5;
    font-size: 16px;
    font-weight: bold;
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    -webkit-overflow-scrolling: touch;
}
.pr{
  position: relative;
}
.link-wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#form01{
    width: 360px;
    height: 30px;
    margin: 0 auto 0px auto;
    display: flex;
    justify-content: space-between;
}
#form01 input{
    vertical-align: top;
    margin: 0;
    height: 100%;
    font-size: 13px;
}
#input01{
    width: 295px;
    height: 50px;
    border: none;
    box-shadow: 0 0 8px black;
}
#submit01{
    width: 60px;
    height: 50px;
    border: none;
    background: url("img/search.svg") no-repeat #fbc500;
    background-size: 20px;
    background-position: 20px;
    color: black;
    box-shadow: 0 0 8px black;
}
input::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 10px;
}
input:-moz-placeholder {
    color: #b3b3b3;
    font-size: 10px;
}
input::-moz-placeholder {
    color: #b3b3b3;
    font-size: 10px;
}
input:-ms-input-placeholder {
    color: #b3b3b3;
    font-size: 10px;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.db{
  display: block;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.sankaku-icon:before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6.9px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  left: 7px;
  top: 6px;
  z-index: 2;
}

/*h2*/
h2.top_h2 {
  color: #2889cf;
  font-size: 35px;
  letter-spacing: 2px;
  padding-bottom: 30px;
  margin-bottom: 100px;
  position: relative;
  margin-top: -75px;
}
h2.top_h2:before {
  content: "";
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/01/title_sign01.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 230px;
  height: 20px;
  position: absolute;
  bottom: 0;
}
section#sec02 h2.top_h2{
  text-align: center;
  color: #fff;
  margin-top: -50px;
}
section#sec02 h2.top_h2:before{
  content: "";
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/01/title_about01.svg);
  right: 0;
  left: 0;
  margin: auto;
}
section#sec03 h2.top_h2{
  text-align: center;
  margin-top: 0px;
  margin-bottom: 50px;
}
section#sec03 h2.top_h2:before{
  content: "";
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/01/title_works01.svg);
  bortt: 0;
  right: 0;
  left: 0;
  margin: auto;
}
section#sec04 h2.top_h2{
  padding-top: 40px;
  padding-bottom: 30px;
  margin-top: -50px;
  margin-bottom: 50px;
}
section#sec04 h2.top_h2:before{
  content: "";
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/01/title_blog01.svg);
  background-position: left;
  bottom: 0;
  right: 0;
  left: 0;
}
section#sec05 h2.top_h2{
  padding-top: 60px;
}
section#sec05 h2.top_h2:before{
  content: "";
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/01/title_news01.svg);
  background-position: left;
  bottom: 0;
  right: 0;
  left: 0;
}

/*padding*/
.top_sec {
  padding: 70px 0;
}

/*more*/
a.more02 {
  display: block;
  background: #009688;
  width: 175px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2px;
}
a.more02:hover {
  letter-spacing: 3.5px;
}

/* PAGER */
.bx-wrapper .bx-pager {
  color: #e2e2e2;
  padding-top: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #e2e2e2;
  width: 80px;
  height: 10px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #f0de55;
}

/*タブ*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cp_tab {
  margin: 1em auto;
  background: #fff;
  padding: 50px;
  position: relative;
}
.cp_tab > input[type='radio'] {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
          appearance: none;
  display: none;
}
.cp_tab .cp_tabpanel {
  display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
  display: block;
}
.cp_tab > label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #009688;
  text-align: center;
  color: #2f8bcd;
}
.cp_tab > input:checked + label {
  margin-bottom: -1px;
  background: #009688;
  color: #fff;
}
.cp_tab .cp_tabpanel {
  padding-top: 30px;
}
@media (max-width: 480px) {
  .cp_tab {
      width: 100%;
      font-size: 0.8em;
      padding: 50px 15px;
  }
}

/*Slider*/
body {
  margin: 0;
  padding: 0;
}
.slider-wrapper {
  overflow: hidden;
}
.slider {
  position: relative;
  left: 15vw; /* (100vw - SlideWidth) / 2 */ /* 20180210 変更 */
  overflow: visible !important;
}
.slide {
  width: 70vw !important;
}
.slide p {
  width: 80%;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  background-color: #999;
  color: #EEE;
}

/* bxSlider */
#main_visual .bx-wrapper {
  box-shadow: none;
  border: none;
  margin: 0;
}
#main_visual .bx-viewport {
  height: 500px;
}


/*トップページ*/
header#main-header{
  padding-bottom: 15px;position: relative;z-index: 1;
}
header#main-header .border{
  background: url(/wp-content/uploads/2019/01/border.svg)no-repeat;
  background-position: center;
  background-size: auto;
  height: 6px;
  margin-bottom: 20px;
}
header#main-header .flex-sb{
  align-items: center;
  justify-content: space-between;
}
div#main-logo{
  width: 70%;
}
div#main-logo h1{
  margin-bottom: 10px;
}
header#main-header nav{
  /* width: 700px; */
}
header#main-header nav ul li > a{
  background: url(/wp-content/uploads/2019/01/icon_sign.svg)no-repeat;
  background-size: 27px;
  background-position: center 10px;
}
header#main-header nav ul li > a:hover{
  background: url(/wp-content/uploads/2019/01/icon_sign_hv.svg)no-repeat;
  background-size: 27px;
  background-position: center 10px;
}
header#main-header nav ul li:nth-child(2) > a{
  background: url(/wp-content/uploads/2019/01/icon_about.svg)no-repeat;
  background-size: 20px;
  background-position: center 10px;
}
header#main-header nav ul li:nth-child(2) > a:hover{
  background: url(/wp-content/uploads/2019/01/icon_about_hv.svg)no-repeat;
  background-size: 20px;
  background-position: center 10px;
}
header#main-header nav ul li:nth-child(3) > a{
  background: url(/wp-content/uploads/2019/01/icon_example.svg)no-repeat;
  background-size: 25px;
  background-position: center 10px;
}
header#main-header nav ul li:nth-child(3) > a:hover{
  background: url(/wp-content/uploads/2019/01/icon_example_hv.svg)no-repeat;
  background-size: 25px;
  background-position: center 10px;
}
header#main-header nav ul li:nth-child(4) > a{
  background: url(/wp-content/uploads/2019/01/icon_commitment.svg)no-repeat;
  background-size: 26px;
  background-position: center 12px;
}
header#main-header nav ul li:nth-child(4) > a:hover{
  background: url(/wp-content/uploads/2019/01/icon_commitment_hv.svg)no-repeat;
  background-size: 26px;
  background-position: center 12px;
}
header#main-header nav ul li:nth-child(5) > a{
  background: url(/wp-content/uploads/2019/01/icon_company.svg)no-repeat;
  background-size: 25px;
  background-position: center 13px;
}
header#main-header nav ul li:nth-child(5) > a:hover{
  background: url(/wp-content/uploads/2019/01/icon_company_hv.svg)no-repeat;
  background-size: 25px;
  background-position: center 13px;
}
header#main-header nav ul li:nth-child(6) > a{
  background: url(/wp-content/uploads/2019/01/icon_contact.svg)no-repeat;
  background-size: 25px;
  background-position: center 15px;
}
header#main-header nav ul li:nth-child(6) a:hover{
  background: url(/wp-content/uploads/2019/01/icon_contact_hv.svg)no-repeat;
  background-size: 25px;
  background-position: center 15px;
}
header#main-header nav ul li > a{
  display: block;
  color: #000;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 45px;
  font-size: 12px;
}
header#main-header nav ul li {
    position: relative ;width: 120px;text-align: center;
}
header#main-header nav ul li dl{
    display: none;
}
header#main-header nav ul li:hover dl{
    display: block;
    position: absolute ;
    left: 0px;
    top: 63px;
    width: 100%;
    background-color: #2889cf;
}
header#main-header nav ul li dl a{
    color: #fff;
    font-size: 12px;
    line-height: 42px;
    border-bottom: 1px dotted #fff;
    display: block ;
    transition: 0.3s;
}
header#main-header nav ul li dl a:hover{
    background: #2172ad;
}
header#main-header .head_left {
  width: 30%;
}
header#main-header .head_left a.tel{
  margin-bottom: 10px;
}
header#main-header .head_left a.tel{
  color: #fff;
  display: block;
  text-align: center;
  width: 250px;
  height: 50px;
  line-height: 50px;
  background: url(/wp-content/uploads/2019/01/tel-icon.png) no-repeat,#2889cf;
  background-size: 30px;
  background-position: 25px;
  border: 2px solid #2889cf;
  margin-left: auto;
  letter-spacing: 2px;
  font-weight: normal;
  padding-left: 45px;
}
header#main-header .head_left a.area{
  color: #fff;
  display: block;
  text-align: center;
  width: 250px;
  height: 50px;
  line-height: 50px;
  background: url(/wp-content/uploads/2019/01/area-icon.png) no-repeat, #6ebf79;
  background-size: 40px;
  background-position: 20px;
  border: 2px solid #6ebf79;
  margin-left: auto;
  letter-spacing: 2px;
  font-weight: normal;
}
section#main_visual {
  position: relative;
  margin-bottom: 100px;
}

section#main_visual.ftvisual {
    margin: 0;
}
section#main_visual .head_contact {
  position: fixed;
  bottom: 4vh;
  right: 2vw;
  z-index: 9999;
}
section#main_visual .head_contact a{
  display: block;
  width: 120px;
  height: 120px;
  background: url(/wp-content/uploads/2019/01/icon_contact02.svg),#f0de55;
  background-position: center 75px;
  background-size: 30px;
  background-repeat: no-repeat;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  padding-top: 25px;
  color: #000;
  font-weight: bold;
}
section#sec01{
  background: #eff6ff;
  padding: 50px 0 70px;
}
section#sec01 ul.sec01_box li{
  text-align: center;
  background: #fff;
  margin-bottom: 30px;
}
section#sec01 ul.sec01_box li p{
  height: 60px;
  line-height: 60px;
}
section#sec01 ul.sec01_box li a:hover{
  opacity: 0.6;
}
section#sec02{
  background: url(/wp-content/uploads/2019/01/about_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section#sec02 .wrap_title{
  background: url(/wp-content/uploads/2025/09/about_titlebg_new.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  padding-top: 100px;
}
section#sec02 ul.sec02_box li{
  width: 230px;
  margin-bottom: 30px;
}
section#sec02 ul.sec02_box li a{
  height: 230px;
  border: 3px solid #009688;
  border-radius: 50%;
  text-align: center;
  padding-top: 150px;
  color: #009688;
  letter-spacing: 2px;
  background: url(/wp-content/uploads/2019/01/icon_paint.svg),#fff;
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 65px;
  display: block;
}
section#sec02 ul.sec02_box li a:hover{
  color: #fff;
  background: url(/wp-content/uploads/2019/01/icon_paint_hv.svg),#009688;
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 65px;
}
section#sec02 ul.sec02_box li:nth-child(2) a{
  background: url(/wp-content/uploads/2019/01/icon_price.svg),#fff;
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 65px;
}
section#sec02 ul.sec02_box li:nth-child(2) a:hover{
  background: url(/wp-content/uploads/2019/01/icon_price_hv.svg),#009688;
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 65px;
}
section#sec02 ul.sec02_box li:nth-child(3) a{
  background: url(/wp-content/uploads/2019/01/icon_flow.svg),#fff;
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 70px;
}
section#sec02 ul.sec02_box li:nth-child(3) a:hover{
  background: url(/wp-content/uploads/2019/01/icon_flow_hv.svg),#009688;
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 70px;
}
section#sec02 ul.sec02_box li:nth-child(4) a{
  background: url(/wp-content/uploads/2019/01/icon_flow02.svg),#fff;
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 75px;
}
section#sec02 ul.sec02_box li:nth-child(4) a:hover{
  background: url(/wp-content/uploads/2019/01/icon_flow02_hv.svg),#009688;
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 75px;
}
section#sec03{
  padding: 120px 0 70px;
  background: #eff6ff;
}
section#sec03 a.more{
  background: #009688;
  max-width: 350px;
  width: 30%;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 53px;
  right: 50px;
}
section#sec03 a.more:hover{
  letter-spacing: 3px;
}
section#sec03 .cp_tabpanel .flex-sb{
  justify-content: flex-start;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}
.sec03_box{
  width: 45%;
  max-width: 280px;
  min-width: 240px;
  overflow: hidden;
  margin-left: 30px;
  margin-bottom: 20px;
  background-image: linear-gradient(-45deg, #fff 25%, #f5f5f5 25%, #eee 50%, #fff 50%, #fff 75%, #eee 75%, #eee);
  background-size: 8px 8px;
  background-color: #f0f7f6;
}
.sec03_box:hover .sec03_img img{
    -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.sec03_box:nth-child(3n + 1){
  margin-left: 0;
}
.sec03_img {
    height: 180px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
    background: #f0f0f0;
    overflow: hidden;
    line-height: 0;
}
.sec03_box img{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}
.sec03_box .caption{
  font-size: 14px;
  text-align: left;
  letter-spacing: 2px;
  line-height: 2;
  position: relative;
  padding: 0 10px 10px;
  /* color: #fff; */
}
.sec03_box .caption li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    background: #f0de55;
    width: 100px;
    text-align: center;
    line-height: 1.6;
    /* color: #fff; */
}
.sec03_box .caption p{
  position: absolute;
  bottom: 5px;
  right: 20px;
  letter-spacing: 0;
  font-style: italic;
  font-family: 'Century Gothic';
  font-weight: normal;
}
section#sec04{
  background: url(/wp-content/uploads/2019/01/blog_bg.png)no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
}
section#sec04 .sec04_head{
  align-items: center;
  justify-content: space-between;
}
section#sec04 .top_sec{
  padding: 19px 0;
}
section#sec04 li.sec04_box{
  width: 25%;
  max-width: 230px;
  font-weight: bold;
}
section#sec04 li.sec04_box a:hover{
  opacity: 0.7;
}
section#sec04 li.sec04_box .img{
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 160px;
  border-radius: 10px;
  overflow: hidden;
  background: #f0f0f0;
}
section#sec04 li.sec04_box .img img{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}
section#sec04 li.sec04_box a:hover .img img{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
section#sec04 li.sec04_box li.day{
  font-size: 16px;
  padding-bottom: 10px;
  font-style: italic;
  font-family:  "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
section#sec04 li.sec04_box:hover li.day{
  color: #d8344c;
}
section#sec04 li.sec04_box li.title{
  font-size: 14px;
}
section#sec05{
  background: url(/wp-content/uploads/2019/01/news_bg.png)no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 110px;
}
section#sec05 .sec05_content{
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 100px;
}
section#sec05 .sec05_right{
  width: 80%;
  max-width: 630px;
}
section#sec05 a.sec05_box{
  border-bottom: 1px dashed #1a1a1a;
  padding: 10px 0;
  font-size: 14px;
  line-height: 3;
}
section#sec05 a.sec05_box:hover{
  opacity: 0.7;
}
section#sec05 .sec05_right ul{
  justify-content: start;
  border-bottom: 1px dashed #1a1a1a;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
section#sec05 .sec05_right ul li{
  margin-right: 20px;
  font-weight: bold;
}
section#sec05 .sec05_right li.day{
  font-style: italic;
  font-family:  "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
section#sec05 a.sec05_box:hover li.day{
  color: #d8344c;
}
section#sec05 .border{
  background: url(/wp-content/uploads/2019/01/border.svg)no-repeat;
  background-position: center;
  background-size: auto;
  height: 10px;
}
footer#main_footer{
  background: #009688;
  color: #fff;
  font-size: 14px;
  line-height: 2.5;
  font-weight: normal;
}
footer#main_footer .wrap{
  padding: 120px 0 100px;
}
footer#main_footer .foot_top{
  margin-bottom: 50px;
}
footer#main_footer .foot_left{
  width: 40%;
  max-width: 440px;
}
footer#main_footer .foot_left ul{
  margin-bottom: 20px;
}
footer#main_footer .foot_right{
  width: 60%;
  max-width: 520px;
}
footer#main_footer a{
  color: #fff;
}
footer#main_footer h2{
  font-size: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  letter-spacing: 3px;
}
footer#main_footer li.li01{
  font-size: 18px;
}
footer#main_footer .foot_nav li a{
  position: relative;
  padding-left: 20px;
}
footer#main_footer .foot_nav li a:hover{
  opacity: 0.7;
}
footer#main_footer .foot_nav li a:before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
footer#main_footer a.foot_contact{
  width: 600px;
  height: 80px;
  line-height: 80px;
  border-radius: 20px;
  margin: auto;
  background: url(/wp-content/uploads/2019/01/icon_contact.svg), #fff;
  background-position: 30%;
  background-size: 30px;
  background-repeat: no-repeat;
  color: #009688;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 30px;
  padding-left: 50px;
  display: block;
}
footer#main_footer a.foot_contact:hover{
  letter-spacing: 5px;
}
footer#main_footer .foot_wrap02{
  background: #fff;
  color: #009688;
  text-align: center;
  font-size: 10px;
  height: 50px;
  line-height: 50px;
}
footer#main_footer ul.foot_bottom{
  justify-content: center;
}
footer#main_footer ul.foot_bottom{
  justify-content: center;
}
footer#main_footer ul.foot_bottom li a{
  padding: 0 20px;
}
footer#main_footer ul.foot_bottom li a:hover{
  opacity: 0.7;
}

/*固定ページ*/
.common-wrap{
  padding: 100px 0;
}
.breadcrumbs{
  background: #eff6ff;
  font-size: 12px;
  padding: 5px 0;
}
.common-main{
  height: 250px;
  background: url(/wp-content/uploads/2019/01/common_main.png)no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 100px;
  position: relative;
  text-align: center;
}
.common-main:before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
}
.common-main h1{
  font-size: 45px;
  display: inline-block;
  position: relative;
  color: #fff;
  letter-spacing: 2px;
  padding-bottom: 20px;
  padding-left: 70px;
}
.common-main h1:before{
  position: absolute;
  content: "";
  width: 20%;
  height: 3px;
  background: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.common-main h1:after{
  position: absolute;
  content: "";
  width: 55px;
  height: 55px;
  background: url(/wp-content/uploads/2019/01/icon_home.svg);
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  margin: auto;
}

/*問い合わせ　工事の流れ contact_flow*/
.flow_content ol li {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
.flow_content ol li:not(:last-child) {
  margin:0 0 32px 0;
}
.flow_content ol li span {
  display: table-cell;
}
.flow_content ol li span:nth-child(1) {
  background: #2889cf;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 150px;
  line-height: 1.2;
  font-size: 21px;
  font-size: 28px;
  position: relative;
}
.flow_content ol li span:nth-child(1):after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 13px 0 13px;
  border-color: #2087d1 transparent transparent transparent;
  bottom: -14px;
  right: 0;
  left: 0;
  margin: auto;
}
.flow_content ol li:last-child span:nth-child(1):after {
  display:none;
}
.flow_content ol li span:nth-child(1) b {
  color: #fff;
  display: block;
  font-size: 45px;
  font-size: 60px;
}
.flow_content ol li span:nth-child(2) {
  padding: 20px 20px 30px;
  background: #eee;
  line-height: 2.0;
}
.flow_content ol li span:nth-child(2) i{
  display: none;
}
.flow_content ol li span:nth-child(2) b {
  display: block;
  font-size: 22px;
  border-bottom: 1px dashed #555;
  margin: 0 0 16px 0;
  padding: 0 0 12px 0;
}

/*外壁　屋根　ベランダ　sign*/
.sign h2.page_h2{
  font-size: 25px;
  border-left: 10px solid #267fc2;
  padding-left: 20px;
  margin-bottom: 30px;
}
.sign .sign_content{
  justify-content: start;
  margin: auto;
}
.sign .sign_box{
  width: 46%;
  margin-bottom: 50px;
}
.sign .sign_box:nth-child(even){
  margin-left: 8%;
}
.sign .sign_box h2{
  font-size: 20px;
  padding: 10px 0;
  border-top: 4px double #2c81c1;
  border-bottom: 4px double #2c81c1;
  margin-bottom: 20px;
  text-align: center;
}
.sign .sign_box h2 span{
  font-size: 16px;
  color: #2c81c1;
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
}
.sign .sign_box h2 span:before{
  content: "";
  display: inline-block;
  background: url(/wp-content/uploads/2019/01/check.svg);
  background-position: center;
  background-size: cover;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.sign .sign_box .img{
  width: 47%;
  margin-right: 3%;
}
.sign .sign_box .text{
  width: 50%;
  line-height: 2;
}

/*施工事例*/
【施行事例css】
div#bukken-slider-wrap .bx-wrapper{
  overflow: hidden;
  background-color: #f0f0f0;
  position: relative;
}
div#bukken-slider-wrap .bx-wrapper .bx-pager,
div#bukken-slider-wrap .bx-wrapper .bx-controls-auto{
  position: absolute;
  bottom: 60px;
}
ul.bxslider01 li img{
    display:block;
    width:620px;
    height:auto;
}
ul.bxslider02 li{
}
ul.bxslider02 li a {/*サムネイル*/
    display:block;
    height:60px;
    background-color: #f0f0f0;
    text-decoration: none;
}
ul.bxslider02 li:hover{
  opacity: 0.7;
  transition: 0.3s;
}
 
ul.bxslider02 li a img{/*サムネイルの画像*/
    display:block;
    height:100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
 
div.controlWrap {
    display:block;
    position:relative;
    margin:0 auto 10px auto;
    /* padding: 0 40px; */
}
div.controlWrap p:last-child{
  text-align: right;
  padding: 20px 0 50px 0;
}
div.controlWrap .bx-wrapper{
  max-width: 100%!important; 
  box-shadow: none;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 20px 10px;
}
 
div.controlWrap p#PrevIcon  a:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6.9px 4px 0;
  border-color: transparent white transparent transparent;
  position: absolute;
  left: 3px;
  top: 23px;
}
div.controlWrap p#NextIcon a:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6.9px;
  border-color: transparent transparent transparent white;
  position: absolute;
  left: 3px;
  top: 23px;
}
section#works-1 ul li{
  font-size: 14px;
  padding: 10px;
}
section#works-1{
  margin-bottom: 100px;
  border-bottom: 2px dashed #1a1a1a;
  padding-bottom: 100px;
}
section#works-1 table{
  border: 1px solid #333;
  border-collapse: collapse;
  width: 100%;
}
section#works-1 table th{
  background: #f0f0f0;
}
section#works-1 table th,
section#works-1 table td{
  padding: 10px;
  border: 1px solid #333;
  width: 25%;
}
section#works-1 ul{
  border-bottom: 1px solid #eee;
}
section#works-1 ul li:first-child{
  width: 15%;
}
section#works-1 ul li:first-child span{
  font-size: 12px;
}
section#works-1 ul li:last-child{
  width: 85%;
}
section#works-2 ul li{
  height: 400px;
  overflow: hidden;
  background-color: #f0f0f0;
  position: relative;
}
section#works-2 ul li img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.works-box{
  width: 43%;
}
div#before-box{
  position: relative;
}
div#before-box:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  right: -78px;
  top: 50%;
  opacity: 0.4;
}
.works-box h3{
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
}
div#after-box h3{
  color: #ffaf00;
}
section#works-4 table{
  width: 100%;
}
section#works-4 table th,
section#works-4 table td{
  padding: 1em;
  border: 1px solid #f0f0f0;
}
section#works-4 table th{
  background: #d9d9d9;
  width: 20%;
}
section#works-4 table td{
  width: 30%;
}
div#comment-wrap{
  padding: 30px 20px 20px 20px;
  border: 2px solid #009688;
  border-radius: 5px;
}
div#comment-wrap p{
  line-height: 2;
}
div#comment-wrap h2{
  background: white;
  position: absolute;
  left: 10px;
  top: -15px;
  font-size: 20px;
  padding: 0 20px;
  color: #009688;
}
section#works-4 table{
  margin-bottom: 50px;
}
div#works-point p{
  border: 1px solid #333;
  box-shadow: 1px 1px 3px #827c7c;
  padding: 40px 20px;
}
#works-2 .bx-wrapper .bx-controls-direction a {
  top: 48%;
  width: 22px;
  height: 82px;
}
#works-2 .bx-wrapper .bx-controls-direction a:hover{
  opacity: 0.7;
  transition: 0.3s;
}
#works-2 .bx-wrapper .bx-controls-direction a:after{

}
#works-2 .bx-wrapper .bx-prev {
  left: -50px;
  background-color: #f0de55;
}
#works-2 .bx-wrapper .bx-prev:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent white transparent transparent;
  position: absolute;
  top: 42%;
  left: 30%;
  z-index: 999999;
}
#works-2 .bx-wrapper .bx-next {
  right: -050px;
  background-color: #f0de55;
}
#works-2 .bx-wrapper .bx-next:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 42%;
  left: 40%;
  z-index: 999999;
}
section#works-2 .bx-wrapper{
  margin: 0 auto 30px auto;
}
h1#works-title{
  margin: 50px auto 0 auto;
  text-align: center;
  font-size: 24px;
  border: 6px double #333;
  width: 300px;
  padding: 20px 0;
}
h1#works-title span{
  display: block;
  font-size: 14px;
  margin-top: 10px;
  letter-spacing: 3px;
}
div#before-img{
  width: 100%;
  height: 300px;
  background: #f0f0f0;
  position: relative;
  overflow: hidden;
}
div#before-img img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
div#works-point h3{
  padding-left: 16px;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
  border-bottom: 1px dotted #f0f0f0;
  padding-bottom: 2px;
}
div#works-point h3:before{
  content: "";
  display: block;
  width: 4px;
  height: 16px;
  background: #2D3F6E;
  position: absolute;
  left: 0;
  top: 4px;
}
#archive-nav ul{
  width: 600px;
  max-width: 100%;
  margin: 0 auto 50px auto;
}
#archive-nav ul li{
  font-size: 14px;
}
#archive-nav ul li a{
  color: #333;
  position: relative;
  transition: 0.3s;
  text-decoration: none;
  display: block;
}
#archive-nav ul li a::after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #2D3F6E;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#archive-nav ul li a:hover::after {
  width: 100%;
}
.post-type-archive #archive-nav ul li:nth-child(1) a:after{
  width: 100%;
}
.term-renovation #archive-nav ul li:nth-child(2) a:after{
  width: 100%;
}
.term-interior #archive-nav ul li:nth-child(3) a:after{
  width: 100%;
}
.term-exterior #archive-nav ul li:nth-child(4) a:after{
  width: 100%;
}
.term-roof #archive-nav ul li:nth-child(5) a:after{
  width: 100%;
}
.term-sink #archive-nav ul li:nth-child(6) a:after{
  width: 100%;
}

.archive-box.pr{
  width: 23%;
  margin-left: 2%;
  margin-bottom: 30px;
  height: 160px;
  overflow: hidden;background-color: #f3f3f3;
}
.archive-box.pr img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;
}
.archive-box.pr img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.archive-box.pr h3{
  position: absolute;
  background-color: rgba(0,0,0,0.6);
  bottom: 0px;
  width: 100%;
  color: white;
  font-size: 13px;
  text-align: center;
  padding: 10px;
  margin: 0;
}
li#no-img{
  text-align: center;
  padding-top: 190px;
  font-size: 30px;
}
section#works-1 h1{
  font-size: 18px;
  margin-bottom: 3em;
  background: #2087d1;
  color: white;
  padding: 1em;
  padding-left: 2em;
  position: relative;
}
section#works-1 h1:before{
  content: "";
  display: block;
  width: 3px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  left: 20px;
  bottom: 22px;
}
.work-2_wrap{
  width: 50%;
  text-align: center;
}
.work-2_wrap h2{
  font-size: 20px;
  margin-bottom: 1em;
}
.works-1_img{
  width: 80%;
  height: 300px;
  background: #f0f0f0;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.works-1_img img{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  min-width: 100%;
}
#after h2{
  color: #ea8080;
}
#after{
  position: relative;
}
#after:before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #2087d1;
  position: absolute;
  left: -10px;
  top: 190px;
}
nav#seko-nav{
  margin-bottom: 50px;
}
.seko-wrap.flex{
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}
nav#seko-nav ul li{
  width: 23%;
}
nav#seko-nav ul li a{
  text-align: center;
  display: block;
  border: 1px solid #2087d1;
  height: 40px;
  line-height: 40px;
  color: #2087d1;
  transition: 0.3s;
}
.post-type-archive-seko nav#seko-nav ul li:nth-child(1) a,
.page-id-78 nav#seko-nav ul li:nth-child(1) a,
.page-id-87 nav#seko-nav ul li:nth-child(2) a,
.page-id-91 nav#seko-nav ul li:nth-child(3) a,
.page-id-1473 nav#seko-nav ul li:nth-child(1) a,
.page-id-1382 nav#seko-nav ul li:nth-child(2) a,
.page-id-56 nav#seko-nav ul li:nth-child(3) a,
.page-id-59 nav#seko-nav ul li:nth-child(4) a{
  background: #2087d1;
  color: white;
}
.term-wall nav#seko-nav ul li:nth-child(2) a,
.term-roof nav#seko-nav ul li:nth-child(3) a,
.term-verandah nav#seko-nav ul li:nth-child(4) a{
  background: #2087d1;
  color: white;
}
nav#seko-nav ul li a:hover{
  background: #2087d1;
  color: white;
}

/*pagenav*/
.wp-pagenavi {
  clear: both;
  text-align:center;
  margin: 50px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
  color: #fff;
  background-color: #f0de55;
  padding: 8px 15px;
  margin: 0 2px;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
}
.wp-pagenavi a:hover{
  color: white;
  background-color: #009688;
  border: 1px solid #009688;
    }
.wp-pagenavi span.current{
  color: #fff;
  background-color: #009688;
  font-weight: bold;
  border: 1px solid #009688;font-size: 11px;
}

/*archive*/
#column_main{
  width: 60%;
}
#column_main h1{
  font-size: 20px;
  margin-bottom: 1em;
  padding-left: 20px;
  position: relative;
}
#column_main h1:before{
  content: "";
  display: block;
  width: 4px;
  height: 18px;
  background: #009688;
  position: absolute;
  left: 0;
  top: 6px;
}

#column_main ul{
  padding: 20px 10px;
  border-bottom: 2px dashed #1a1a1a;
  transition: 0.3s;
}
#column_main ul:hover{
  opacity: 0.7;
}
#column_main #blog-archive ul{
  background: url(/wp-content/uploads/2019/01/link-icon.svg) no-repeat;
  background-position: 98% 80%;
  background-size: 80px;
}
#column_main #news-archive ul{
  background: url(/wp-content/uploads/2019/01/link-icon.svg) no-repeat;
  background-position: 98%;
  background-size: 80px;
}
#column_main #news-archive ul li:first-child{
  width: 15%;
}
#column_main #blog-archive ul li:first-child{
  width: 25%;
  height: 100px;
  background: #f0f0f0;
  position: relative;
}
#column_main #blog-archive ul li:first-child img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#column_main #news-archive ul li:nth-child(2){
  width: 85%;
}
#column_main #blog-archive ul li:nth-child(2){
  width: 75%;
  padding-left: 20px;
}
#column_main #blog-archive ul li:nth-child(2) time{
  margin-bottom: 15px;
  display: block;
}
aside#side-space{
  width: 30%;
}
.category-blog aside#side-space h2{
  background: url(/wp-content/uploads/2019/01/info-icon.svg) no-repeat, #009688;
  background-size: 30px;
  background-position: 15px;
}
.category-news aside#side-space h2{
  background: url(/wp-content/uploads/2019/01/blog-icon.svg) no-repeat, #009688;
  background-size: 30px;
  background-position: 15px;
}
aside#side-space h2{
  color: white;
  padding: 0.6em;
  padding-left: 55px;
  font-weight: 500;
  font-size: 18px;
}
aside#side-space ul#side-news{
  border: 1px solid #1a1a1a;
  border-top: none;
}
aside#side-space ul#side-news li a{
  padding: 1em;
  border-bottom: 1px solid #1a1a1a;
  font-size: 14px;
  display: block;
  transition: 0.3s;
}
aside#side-space ul#side-news li a:hover{
  opacity: 0.7;
}
aside#side-space ul#side-news li span{
  font-size: 12px;
  width: 25%;
  display: inline-block;
}

aside#side-space ul#side-news li:last-child a{
  border-bottom: none;
}
aside#side-space ul#side-blog{
  transition: 0.3s;
}
aside#side-space ul#side-blog:hover{
  opacity: 0.7;
}
aside#side-space ul#side-blog{
  border: 1px solid #1a1a1a;
  border-top: none;
}
aside#side-space ul#side-blog li a{
  padding: 1em;
  border-bottom: 1px solid #1a1a1a;
  font-size: 14px;
  display: block;
  padding-left: 100px;
  position: relative;
}
aside#side-space ul#side-blog li small{
  font-size: 12px;
  width: 25%;
  display: block;
  margin-bottom: 10px;
}
aside#side-space ul#side-blog li span{
  width: 60px;
  height: 60px;
  font-size: 12px;
  background: #f0f0f0;
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
}
aside#side-space ul#side-blog li span img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
aside#side-space ul#side-blog li:last-child a{
  border-bottom: none;
}

/*single*/
section#single-1 h1{
  font-size: 18px;
  border-bottom: 2px solid #f0f0f0;
  padding: 5px;
  position: relative;
  margin-bottom: 20px;
}
section#single-1 h1:before{
  content: "";
  display: block;
  width: 5%;
  height: 2px;
  background: #009688;
  position: absolute;
  left: 0;
  bottom: -2px;
}
section#single-1 small{
  margin-bottom: 50px;
  display: block;
}
div#single-img{
  margin-bottom: 50px;
}
.entry-single{
  font-size: 16px;
  line-height: 2;
  text-align: justify;
}
a.ichiran_link{
  display: block;
  width: 200px;
  height: 45px;
  background: url(/wp-content/uploads/2019/01/back-icon.svg) no-repeat, #f0f0f0;
  background-size: 20px;
  background-position: 10px;
  color: #1a1a1a;
  text-align: center;
  line-height: 45px;
  margin-top: 100px;
  transition: 0.3;
}
a.ichiran_link:hover{
  background: url(/wp-content/uploads/2019/01/back-icon.svg) no-repeat, #f0de55;
  background-size: 20px;
  background-position: 10px;
}

/*お問い合わせ*/

div#step-wrap{
  margin: 70px 0;
}
.page-id-1342 div#step-wrap{
  margin-top: 0;
}
.page-id-89 .select-wrap.pr{
  width: 60%;
}
.page-id-89 .select-wrap.pr:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.9px 4px 0 4px;
  border-color: #1a1a1a transparent transparent transparent;
  position: absolute;
  right: 10px;
  top: 16px;
}
.step-box{
  width: 30%;
  height: 60px;
  background: #f2f2f2;
  color: #808080;
  text-align: center;
  position: relative;
}
.step-box span{
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.step-box p{
  font-size: 24px;
  line-height: 60px;
}
div#step-1:after,
div#step-2:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 20px;
  border-color: transparent transparent transparent #f2f2f2;
  position: absolute;
  right: -20px;
  top: 0;
}
.page-id-1342 div#step-1:after,
.page-id-1344 div#step-2:after,
.page-id-153 div#step-2:after{
  border-color: transparent transparent transparent  #009688;
}
.page-id-1342 div#step-1,
.page-id-1344 div#step-2,
.page-id-153 div#step-2{
  background:  #009688;
  color: white;
  font-weight: 600;
}
section#contact .wrap{
}
.page-id-87 section#contact .wrap{
  background: none;
}
section#contact h2{
  font-size: 20px;
  border-left: 4px solid #1a1a1a;
  padding-left: 15px;
  margin-bottom: 30px;
}
#contact table{
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin-bottom: 70px;
}
#contact table th,
#contact table td{
  padding: 20px;
  font-size: 14px;
  border-bottom: 1px solid #1a1a1a;
  position: relative;
  line-height: 2.5;
}
#contact table th{
  font-weight: 600;
  vertical-align: middle;
  text-align:  left;
  width: 30%;
}
#contact table .s-1,
#contact-2 table .s-1{
  background: #d02323;
  color: white;
  padding: 5px 10px;
  margin-right: 15px;
  font-weight: normal;
}
#contact table .s-2,
#contact-2 table .s-2{
  background: gray;
  color: white;
  padding: 5px 10px;
  margin-right: 15px;
  font-weight: normal;
}
#contact input[type="text"],
input[type="email"]{
  height: 45px;
  padding-left: 10px;
}
#contact textarea{
  width: 100%;
  height: 300px;
}
#contact div#btn-wrap{
  justify-content: center;
}
button.kakunin{
  display: block;
  width: 300px;
  height: 50px;
  font-size: 16px;
  color: white;
  background: #f0de55;
  border: none;
}
button.kakunin:hover{
  opacity: 0.7;
  transition: 0.3s;
}
#contact select{
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 0;
  font-size: 14px;
}
a#top-back-btn{
  display: block;
  width: 300px;
  height: 50px;
  font-size: 16px;
  color: white;
  background: #009688;
  border: none;
  text-align: center;
  line-height: 50px;
  margin: 0 auto;
}
a#top-back-btn:hover{
  opacity: 0.7;
  transition: 0.3s;
}
button.back-btn{
  display: block;
  width: 300px;
  height: 50px;
  font-size: 16px;
  color: white;
  background: gray;
  border: none;
  margin: 0 10px;
}
button.soshin{
  display: block;
  width: 300px;
  height: 50px;
  font-size: 16px;
  color: white;
  background: #d02323;
  border: none;
  margin: 0 10px;
}
p#contact-text{
  text-align: center;
  line-height: 2;
  margin-bottom: 50px;
  background: white;
  padding: 30px;
  border: 2px solid #1a1a1a;
  font-size: 16px;
}
input#zip{
  padding-left: 10px;
  height: 35px;
}
input.tel{
  width: 70px!important;
}
.page-id-151 .select-wrap.flex-sb{
  width: 70%;
  position: relative;
}
.page-id-153 .select-wrap.flex-sb{
  width: 35%;
  position: relative;
}
.page-id-151 .select-in:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.9px 4px 0 4px;
  border-color: #666 transparent transparent transparent;
  position: absolute;
  right: 10px;
  top: 17px;
}
.select-wrap.flex-sb:nth-child(2){
  margin-top: 20px;
}
.page-id-151 .select-wrap.flex-sb .select-in{
  width: 40%;
  position: relative;
}
span.mwform-checkbox-field.horizontal-item{
  display: block;
  margin-left: 0 !important;
}
.page-id-1342 .select-wrap.pr{
  width: 60%;
}
.page-id-1342 .select-wrap.pr:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.9px 4px 0 4px;
  border-color: #1a1a1a transparent transparent transparent;
  position: absolute;
  right: 10px;
  top: 16px;
}

/*privacy*/
section#privacy p{
  line-height: 2.5;
  margin-bottom: 50px;
}
section#privacy dl p{
  display: none;
}
section#privacy dl{
  margin-bottom: 30px;
}
section#privacy dl dt{
  margin-bottom: 10px;
  font-size: 14px;
}
section#privacy dl dd{
  line-height: 2;
  font-size: 14px;
  font-weight: normal;
}

/*company*/
#company h2{
  font-size: 18px;
  margin-bottom: 1.5em;
  padding-left: 20px;
  position: relative;
  border-bottom: 2px dashed #1a1a1a;
}
#company h2:before{
  content: "";
  display: block;
  width: 4px;
  height: 18px;
  background: #009688;
  position: absolute;
  left: 0;
  top: 3px;
}
#company table{
  width: 100%;
  margin-bottom: 100px;
}
#company table th,
#company table td{
  padding: 1em;
  border: 1px solid #a9a9a9;
  line-height: 2;
}
#company table th{
  width: 15%;
  background: #009688;
  color: white;
}

/*price*/
#price h2{
  background: #009688;
  color: white;
  padding: 0.5em 1em;
  font-size: 18px;
  margin-bottom: 3em;
}
#price h3{
  font-size: 18px;
  position: relative;
  padding-left: 20px;
  border-bottom: 2px dashed #1a1a1a;
  margin-bottom: 1em;
}
#price h3:before{
  content: "";
  display: block;
  width: 4px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 4px;
}
.ba-img_wrap.flex{
  justify-content: space-between;
  margin-bottom: 50px;
}
.ba-img_wrap.flex .ba-img{
  width: 45%;
}
.ba-img_wrap.flex .ba-img img{
  width: 100%;
  height: auto;
  background: #f0f0f0;
}
.price-wrap_in{
  margin-bottom: 100px;
}
.price-wrap_in dl{
  background: #f0f0f0;
  padding: 1em;
  align-items: center;
}
.price-wrap_in dl dt{
  width: 80%;
  font-size: 24px;
  position: relative;
}
.price-wrap_in dl dt span{
  margin: 0 10px;
  color: white;
  padding: 0.5em 1em;
  font-weight: normal;
}
.price-wrap_in dl dt span.s-5{
  background: #72a479;
}
.price-wrap_in dl dt span.s-6{
  background: #94d3c9;
}
.price-wrap_in dl dt span.s-7{
  background: #f0dd45;
}
.price-wrap_in dl dd:before{
  content: "・・・・";
  position: absolute;
  left: -100px;
  font-size: 20px;
  top: 16px;
  color: #1a1a1a;
}
.price-wrap_in dl dd{
  width: 20%;
  font-size: 40px;
  position: relative;
  color: #de3e3e;
}

div#after_text {
  color: #de3e3e;
}
div#price-contact{
  border-top: 2px solid #1a1a1a;
  border-bottom: 2px solid #1a1a1a;
  padding: 50px 0;
}
div#price-contact p{
  font-size: 20px;
  text-align: center;
  line-height: 2.5;
}
div#price-contact .btn{
  display: block;
  width: 350px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  margin: 50px auto 0 auto;
  background:  url(/wp-content/uploads/2019/01/icon_contact02.svg) no-repeat,#f0de55;
  background-position: 40px;
  padding-left: 30px;
  transition: 0.3s;
}
div#price-contact .btn:hover{
  opacity: 0.7;
}
div#hikaku-wrap {
    margin-bottom: 100px;
}
.hikaku-img{
  margin-bottom: 50px;
}
p.main-text{
  font-size: 26px;
  text-align: center;
  line-height: 2.5;
  color: #f04f4f;
  position: relative;
  text-decoration: underline;
}
p.main-text:before{
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  background: url(/wp-content/uploads/2019/01/check.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 60px;
  top: 0px;
}

/*対応エリア area*/



/*社長のこだわり point*/
section#point h2{
  font-size: 23px;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-right: auto;
  border-bottom: 2px dashed #1a1a1a;
  line-height: 2;
  width: 100%;
  position: relative;
}
section#point h2 span{
  font-size: 180px;
  color: #2087d1;
  opacity: 0.3;
  font-style: italic;
  position: absolute;
  top: 0px;
  right: 0;
}
section#point h2:before{
  content: "";
  display: inline-block;
  width: 5px;
  height: 23px;
  background: #2087d1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
section#point .point_box{
  margin-bottom: 60px;
}
section#point .point_box .img{
  width: 50%;
  text-align: center;
}
section#point .point_box .text{
  width: 50%;
}
section#point .point_box:nth-child(2) {
  flex-flow: row-reverse nowrap;
}

/*paint*/
#paint h2{
  font-size: 24px;
  padding-left: 70px;
  position: relative;
  margin-bottom: 30px;
}
#paint h2:before{
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0;
  top: -10px;
}
#paint-1 h2:before{
  background: url(/wp-content/uploads/2019/01/paint-icon02.png) no-repeat;
  background-size: 50px;
}
#paint-2 h2:before{
  background: url(/wp-content/uploads/2019/01/paint-icon01.png) no-repeat;
  background-size: 65px;
}
#paint h3{
  background: #f8c701;
  padding: 1em;
  margin-bottom: 2em;
}
#paint-1{
  margin-bottom: 100px;
}
.main-text{
  position: relative;
  border: 2px solid #2087d1;
  border-radius: 5px;
  padding: 1em;
  padding-top: 20px;
  margin-bottom: 50px;
}
.main-text h4{
  background: white;
  position: absolute;
  color: #2087d1;
  left: 10px;
  top: -13px;
  padding: 0 10px;
  font-size: 18px;
}
.main-text p{
  line-height: 2;
}
/**************************************************
---------end--------- default----------end--------
**************************************************/

@media screen and (max-width: 750px) {

/**************************************************
-------responsive-------default-------------------
**************************************************/

    .pc{
    display: none;
    }
    .sp{
      display: block;
    }
    nav.menu      {width:41px;height:45px;top: 2px;right: 0;position:absolute;cursor:pointer;overflow:hidden;z-index:9999;}
    nav .menu1      {width:25px;height:2px;background-color: white;top:8px;position:absolute;left: 0;right: 0;margin: auto;} 
    nav .menu2      {width:25px;height:2px;background-color: white;top:16px;position:absolute;left: 0;right: 0;margin: auto;} 
    nav .menu3      {width:25px;height:2px;background-color: white;top:24px;position:absolute;left: 0;right: 0;margin: auto;}
    nav .menu4      {font-size: 10px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;text-align: center;color: white;}
    nav .menu1,nav .menu2,nav .menu3
              {; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
               -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
               nav .menuclick1    {;top:16px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
              -ms-transform: rotate(405deg); transform: rotate(405deg); }
    nav .menuclick2   { background-color:rgba(255,255,255,0);  }
    nav .menuclick3   {top:16px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
              -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }
              #menu{
                width: 100%;
                height: 100vh;
                display: none;
                right: 0px;
                top: 50px;
                margin: 0;
                right: 0;
                list-style-type: none;
                padding: 0 0 0 0;
                z-index: 9990;
                position: absolute;
                background: #fff;
    }/*by misallychan.com*/
    #menu ul{
      overflow: hidden;
    } 
    #menu li{
      width: 50%;
      float: left;
    }
    #menu li a{
      display: block;
      color: black;
      padding: 0px;
      text-align: center;
      background-size: 9px auto;
      background-position: 10px;
      font-size: 12px;
      margin: 0px 0 0px 0;
      width: 90%;
      margin: auto;
      border-bottom: 1px solid #2087d1;
      height: 60px;
      line-height: 60px;
      position: relative;
      padding-left: 15px;
    }
    #menu li a:before{
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 5px 6.5px;
      border-color: transparent transparent transparent #2087d1;
      position: absolute;
      left: 10px;
      top: 25px;
    }
/**************************************************
-----end---responsive-------default--------end----
**************************************************/
a#sp-tel{
  position: absolute;
  right: 50px;
  top: 10px;
  width: 30px;
}
.common-main h1{
  font-size: 6vw;
}
/*h2*/
h2.top_h2 {
  letter-spacing: 2px;
  margin-bottom: 30px;
  position: relative;
  font-size: 25px;
  padding-bottom: 60px;
}
h2.top_h2:before {
  content: "";
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/01/title_sign_sp01.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 130px;
  width: 90%;
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
}
section#sec02 h2.top_h2{
  color: #fff;
}
section#sec02 h2.top_h2:before{
  background-image: url(/wp-content/uploads/2019/01/title_about_sp01.svg);
  bottom: 0;
}
section#sec03 h2.top_h2{
  margin-bottom: 0px;
}
section#sec03 h2.top_h2:before{
  background-image: url(/wp-content/uploads/2019/01/title_works_sp01.svg);
  height: 30px;
  top: 10px;
}
section#sec04 h2.top_h2{
  margin-bottom: 30px;
}
section#sec04 h2.top_h2:before{
  background-image: url(/wp-content/uploads/2019/01/title_blog_sp01.svg);
  height: 30px;
  bottom: 0;
}
section#sec05 h2.top_h2{
  margin-bottom: 0px;
}
section#sec05 h2.top_h2:before{
  background-image: url(/wp-content/uploads/2019/01/title_news_sp01.svg);
  height: 30px;
  bottom: 30px;
}

/*Slider*/
.slider {
  position: relative;
  left: 0vw; /* (100vw - SlideWidth) / 2 */ /* 20180210 変更 */
  overflow: visible !important;
}
.slide {
  width: 100vw !important;
}
.slide p {
  width: 100%;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  background-color: #999;
  color: #EEE;
}
/* bxSlider */
#main_visual .bx-viewport {
  height: 500px;
}

/* PAGER */
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {
  background: #e2e2e2;
  width: 50px;
  height: 8px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #f0de55;
}

/*タブ*/
.cp_tab > label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  width: 32%;
  max-width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #009688;
  text-align: center;
  color: #009688;
}

/*more*/
a.more02 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 80%;
  max-width: 350px;
  min-width: 280px;
}

/*トップ　スマホ*/
header#header-sp {
  padding: 5px;
  background: #2889cf;
  height: 50px;
}
section#main_visual {
  position: relative;
  margin-bottom: 80px;
}
section#sec01 ul.sec01_box li{
  margin: auto;
  margin-bottom: 30px;
}
section#sec02 .wrap_title{
  padding-top: 100px;
}
section#sec02 ul.sec02_box li{
  margin: auto;
  margin-bottom: 30px;
}
section#sec02 ul.sec02_box li{
  width:160px;
  margin-bottom: 30px;
}
section#sec02 ul.sec02_box li{
  width: 300px;
  margin-bottom: 30px;
}
section#sec02 ul.sec02_box li a{
  height: 100px;
  border-radius: 0%;
  text-align: center;
  padding-top: 35px;
  padding-left: 30px;
  background-position: 20px;
  background-size: 55px;
  background-repeat: no-repeat;
  position: relative;
}
section#sec02 ul.sec02_box li a:hover{
  color: #fff;
  background: url(/wp-content/uploads/2019/01/icon_paint_hv.svg),#009688;
  background-position: 20px;
  background-size: 55px;
  background-repeat: no-repeat;
}
section#sec02 ul.sec02_box li:nth-child(2) a{
  background: url(/wp-content/uploads/2019/01/icon_price.svg),#fff;
  background-position: 25px;
  background-size: 55px;
  background-repeat: no-repeat;
}
section#sec02 ul.sec02_box li:nth-child(2) a:hover{
  background: url(/wp-content/uploads/2019/01/icon_price_hv.svg),#009688;
  background-position: 25px;
  background-size: 55px;
  background-repeat: no-repeat;
}
section#sec02 ul.sec02_box li:nth-child(3) a{
  padding-left: 50px;
  background: url(/wp-content/uploads/2019/01/icon_flow.svg),#fff;
  background-position: 20px;
  background-size: 50px;
  background-repeat: no-repeat;
}
section#sec02 ul.sec02_box li:nth-child(3) a:hover{
  padding-left: 50px;
  background: url(/wp-content/uploads/2019/01/icon_flow_hv.svg),#009688;
  background-position: 20px;
  background-size: 50px;
  background-repeat: no-repeat;
}
section#sec02 ul.sec02_box li:nth-child(4) a{
  background: url(/wp-content/uploads/2019/01/icon_flow02.svg),#fff;
  background-position: 20px;
  background-size: 55px;
  background-repeat: no-repeat;
}
section#sec02 ul.sec02_box li:nth-child(4) a:hover{
  background: url(/wp-content/uploads/2019/01/icon_flow02_hv.svg),#009688;
  background-position: 20px;
  background-size: 55px;
  background-repeat: no-repeat;
}
section#sec02 ul.sec02_box li a:before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #2889cf;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all .3s;
  transition: all .3s;
}
section#sec02 ul.sec02_box li a:hover:before{
  border-color: transparent transparent transparent #fff;
}
section#sec03{
  padding: 70px 0;
}
section#sec03 a.more{
  max-width: 350px;
  min-width: 250px;
  width: 80%;
  top: auto;
  bottom: 50px;
  right: 0;
  left: 0;
  margin: auto;
}
.cp_tab .cp_tabpanel {
  padding: 30px 0 50px;
}
.sec03_box .mask{
  bottom: -50%; /* 枠の上に置いて表示させない */
}
.sec03_box:hover .mask{
  bottom: -50%; /* 下に降りてくるように見せる */
}
.sec03_box{
  margin-left: 0;
  max-width: 100%;
  width: 100%;
  margin-bottom: 20px;
}
.sec03_img {
    height: 120px;
}
section#sec04{
  padding: 70px 0 100px;
}
section#sec04 .wrap{
  position: relative;
  padding-bottom: 50px;
}
section#sec04 .sec04_head{
  align-items: center;
  display: block;
}
section#sec04 li.sec04_box{
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
section#sec04 li.sec04_box .img{
  width: 45%;
  margin-bottom: 0;
  margin-right: 5%;
  height: 130px;
  border-radius: 0px;
}
section#sec04 li.sec04_box ul{
  width: 50%;
  max-width: auto;
}
section#sec04 li.sec04_box a{
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section#sec05{
  padding-top: 70px;
}
section#sec05 .wrap{
  position: relative;
}
section#sec05 .sec05_content{
  display: block;
  padding-bottom: 50px;
}
section#sec05 a.sec05_box{
  padding: 15px 0 10px;
  font-size: 14px;
  line-height: 2;
}
section#sec05 .sec05_right{
  width: 100%;
  max-width: 700px;
  margin: auto;
}
footer#main_footer{
  font-size: 12px;
  padding-bottom: 60px;
}
footer#main_footer .wrap{
  padding: 50px 0;
}
footer#main_footer .foot_left{
  width: 100%;
  max-width: 440px;
}
footer#main_footer li.li01{
  font-size: 14px;
}
footer#main_footer a.foot_contact{
  width: 100%;
  max-width: 600px;
  height: 70px;
  line-height: 70px;
  background: url(/wp-content/uploads/2019/01/icon_contact.svg), #fff;
  background-position: 15%;
  background-size: 30px;
  background-repeat: no-repeat;
  font-size: 18px;
}
section#main_visual .head_contact {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
}
section#main_visual .head_contact a{
  width: 100%;
  height: 60px;
  font-size: 18px;
  background: url(/wp-content/uploads/2019/01/icon_contact02.svg),#f0de55;
  background-position: 15%;
  background-size: 30px;
  background-repeat: no-repeat;
  padding-left: 30px;
  border-radius: 0;
  line-height: 60px;
  padding-top: 0;
}

/*問い合わせ　工事の流れ　flow*/
.flow_content ol li {
  font-size: 14px;
  position: relative;
}
.flow_content ol li:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 20px 0 20px;
  border-color: #2087d1 transparent transparent transparent;
  position: absolute;
  bottom: -35px;
  right: 0;
  left: 0;
  margin: auto;
}
.flow_content ol li:last-child:before {
  display: none;
}
.flow_content ol li:not(:last-child) {
  margin:0 0 50px 0;
}
.flow_content ol li span:nth-child(1) {
  display: none;
}
.flow_content ol li span:nth-child(2) {
  background: #fff;
  border: 3px solid #ddd;
  line-height: 2.0;
}
.flow_content ol li span:nth-child(2) b {
  font-size: 18px;
}
.flow_content ol li span:nth-child(2) i{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 2.0;
  width: 2em;
  height: 2em;
  padding: 0;
  background: #1385d4;
  color: #fff;
  font-size: 18px;
  border-radius: 50%;
  float: left;
  margin: 0 0.4em 0 0;
}

/*外壁　屋根　ベランダ sign*/
.sign .sign_box{
  width: 100%;
  margin: 0%;
  margin-bottom: 50px;
}
.sign .sign_box:nth-child(even){
  margin-left: 0%;
}
.sign .sign_box .img{
  text-align: center;
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
}
.sign .sign_box .text{
  width: 100%;
}

/*施工事例*/
section#works-1 h1{
  font-size: 4vw;
  margin-bottom: 2em;
}
section#works-1 h1:before{
  height: 4vw;
  left: 1em;
  bottom: 5.2vw;
}
.work-2_wrap{
  width: 100%;
}
.works-1_img{
  width: 100%;
  height: 240px;
}
#before .works-1_img{
  margin-bottom: 80px;
}
#after:before{
  border-width: 17.3px 10px 0 10px;
  border-color: #ea8080 transparent transparent transparent;
  position: absolute;
  left: 43vw;
  top: -30px;
}
section#works-1{
  margin-bottom: 50px;
  padding-bottom: 50px;
}
section#works-2 ul li{
  height: 230px;
}
div#comment-wrap{
  padding: 5vw 4vw 4vw 4vw;
}
div#comment-wrap h2{
  top: -15px;
  font-size: 4.5vw;
  padding: 0 5vw;
}
div#comment-wrap p{
  font-size: 3.5vw;
}
nav#seko-nav.about-koji_nav ul li{
  width: 46%;
  margin-bottom: 10px;
}
nav#seko-nav ul li a{
  font-size: 3vw;
}
section#works-4 table th,
section#works-4 table td{
  font-size: 3vw;
  width: 25%;
  vertical-align: middle;
}

/*固定ページ*/
.common-wrap{
  padding: 50px 0;
}

/*archive*/
#column_main{
  width: 100%;
  margin-bottom: 50px;
}
aside#side-space{
  width: 100%;
}

#column_main ul{
  font-size: 13px;
}
#column_main #blog-archive ul{
  background-size: 50px;
}
#column_main #news-archive ul{
  background-position: 98% 90%;
  background-size: 50px;
}
#column_main #news-archive ul li:first-child{
  width: 25%;
}
#column_main #news-archive ul li:nth-child(2){
  width: 75%;
}

/*single*/

a.ichiran_link{
  background: url(/wp-content/uploads/2019/01/back-icon.svg) no-repeat, #f0de55;
  margin: 50px auto 0 auto;
}

/*お問い合わせ*/

div#step-wrap{
  margin: 40px 0;
}
.step-box p{
  font-size: 16px;
}
.step-box{
  width: 27%;
}
#contact table{
  margin-bottom: 50px;
   overflow: hidden;
}
#contact table th{
width: 96vw;
background: #f0f0f0;
}
#contact table td{
  width: 96vw;
}
#contact table th,
#contact table td{
  padding: 15px;
  display: block;
  border: none;
}
input[type="text"]{
  width: 94%;
}
#contact textarea{
  width: 95%;
  font-size: 16px;
  height: 200px;
}
#contact select{
  display: block;
  font-size: 16px;
  padding: 0 10px;
}
#contact table td span{

}
button.kakunin,
button.back-btn,
button.soshin{
  width: 80%;
  height: 45px;
  font-size: 14px;
}
p#contact-text{
  font-size: 14px;
  margin-bottom: 30px;
  padding: 15px;
  line-height: 2;
  border: none;
}
button.back-btn{
  margin: 0 0 15px 0;
}
button.soshin{
  margin: 0;
}
section#contact .wrap{
  padding: 20px 0;
  overflow: hidden;
  box-shadow: none;
}
section#contact h2{
  font-size: 16px;
  border-left: none;
  padding-left: 30px;
  margin-bottom: 20px;
  position: relative;
}
section#contact h2:before{
  content: "";
  display: block;
  width: 3px;
  height: 16px;
  background: #1a1a1a;
  position: absolute;
  left: 4%;
  top: 4px;
}
input[type="email"]{
  width: 100%;
}
#contact input[type="text"], input[type="email"]{
  font-size: 16px;
  width: 95%;
}
input.tel{
  height: 35px!important;
  width: 70px!important;
}
input#zip{
  width: 95%;
}
section#contact{
  background: white;
}
.page-id-89 .select-wrap.pr{
  width: 100%;
}
.select-wrap.flex-sb{
  width: 100%;
}
.select-wrap.flex-sb:nth-child(2){
  margin-top: 10px;
}
div#type-1 .select-in{
  width: 100%;
}
span.mwform-radio-field.horizontal-item{
  display: block;
  margin-left: 0 !important;
}
.page-id-1342 .select-wrap.pr{
  width: 96%;
}

/*company*/
#company table{
  margin-bottom: 50px;
  font-size: 3vw;
}
#company table th{
  width: 25%;
  background: #009688;
  color: white;
  vertical-align: middle;
}
#company iframe{
  height: 250px;
}

/*対応エリア area*/
section#area .map_img{
  width: 100%;
  margin-right: 0%;
  margin-bottom: 20px;
}
section#area .map_text{
  width: 100%;
}

/*社長のこだわり point*/
section#point .point_box:nth-child(2) {
  flex-wrap: wrap;
}
section#point .point_box .img{
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
section#point .point_box .text{
  width: 100%;
}
section#point h2 span{
  top: 250px;
  left: 11vw;
  font-size: 50vw;
}
  
/*price*/
.ba-img_wrap.flex .ba-img{
  width: 100%;
}
div#after_text {
  margin-top: 30px;
}

.price-wrap_in dl dt{
  width: 100%;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
}
.price-wrap_in dl dd{
  width: 100%;
  font-size: 25px;
  text-align: center;
}
.price-wrap_in dl dd:before{
  display: none;
}
.price-wrap_in dl{
  padding-top: 1.8em;
}
div#price-contact{
  padding: 30px 0;
}
div#price-contact p{
  font-size: 4vw;
}
div#price-contact .btn{
  width: 80%;
  margin: 30px auto 0 auto;
  background-size: 8vw;
  background-position: 8vw;
}
div#price-contact .btn:hover{
  opacity: 1;
}
p.main-text{
  font-size: 4.5vw;
}
p.main-text:before{
  width: 20vw;
  height: 20vw;
  left: 0;
  top: 0vw;
}

/*paint*/
#paint h2{
  font-size: 5vw;
  padding-left: 15vw;
  margin-bottom: 1em;
}
#paint h2:before{
  top: -2vw;
}
#paint-1 h2:before{
  background: url(/wp-content/uploads/2019/01/paint-icon02.png) no-repeat;
  background-size: contain;
  width: 10vw;
  height: 10vw;
}
#paint-2 h2:before{
  background: url(/wp-content/u