@charset"UTF-8";

/*
Theme Name: matex-theme
Description: matex-theme
Author:  B&C.Design
Version: 1.0
License: 2020 (c) matex
*/

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;
}

p{
  color:#4d4d4d;
  font-feature-settings : "palt";
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

section {
	width:100%;
	padding:50px 0;
}

.sec-inner{
  max-width:1260px;
  padding:0 30px;
  margin:0 auto;
}

li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
  transition:.2s;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration:none;
    color:#0073aa;
}

div{
  font-size:13pt;
  line-height:18pt;
}

#breadcrumb{
  padding:10px 30px;
  text-shadow:0 1px 0 #fff;
}

#breadcrumb ul{
  display:flex;
  max-width:1000px;
  margin:0 auto;
  padding:0 50px;
}

#breadcrumb li{
  display:flex;
  margin:0 10px 5px 0;
  flex-shrink:0;
  align-items:center;
}

#breadcrumb li span{
  display:block;
}

#breadcrumb li a{
  display:block;
  flex-shrink:0;
}

#breadcrumb li i{
  display:inline;
  margin-right:10px;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* change colours to suit your needs */

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;
}


/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

body {
    background-color: #fff;
}

html {
    background-color: transparent;
}

body,
html {
    /* important */
    font-size: 16px;
    margin: 0;
    background-color: #fff;
}

* {
    box-sizing: border-box;
}

h1 {
  font-size:2rem;
    
}

h2 {
    font-size:1.5rem;
}

h3 {
    font-size:1.2rem;
}

img {
    width:100%;
    height:auto;
}

p {
    font-size: 1rem;
    font-weight:normal;
    margin: 0;
    line-height: 1.5em;
}

strong {
    font-weight: bold;
    font-size: 1em;
}

ul {
    font-size:0;
    padding: 0;
    margin: 0;
}

li{
  font-size:1rem;
}

.container {
    width: 100%;
}

.cf:before,
.cf:after {
    display: table;
    content: "";
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

#toTop{
  position:fixed;
  bottom:20px;
  right:20px;
  background-color:#4d4d4d;
  border-radius:50%;
  box-shadow:0 3px 5px rgba(0,0,0,.4);
}

#toTop i{
  line-height:50px;
  width:50px;
  text-align:center;
  font-size:30pt;
  color:#fff;
}

table{
  border:1px solid #ccc;
  margin-bottom:20px;
}

table th{
  border:1px solid #ccc;
  font-weight:bold;
  padding:10px;
}

table td{
  border:1px solid #ccc;
  padding:10px;
}

html {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}


/* wp */

.single-content-inner p:after,.pages-content-inner p:after{
  content:"";
  display:block;
  clear:both;
}

.alignleft{
  display:block;
  float:left;
  width:auto;
  max-width:50%;
  margin:10px 10px 10px 0;
}

.alignright{
  display:block;
  float:right;
  width:auto;
  max-width:50%;
  margin:10px 0px 10px 10px;
}

.alignnone{
  display:block;
  width:auto;
  margin:10px 0;
	max-width:100%;
}

.aligncenter{
  display:block;
  margin:10px auto;
  width:auto;
	max-width:100%;
}

/* header */

.header-logo{
  display:block;
  max-height:60px;
  width:auto !important;
}


.site_desc span{
  max-width:1260px;
  padding:0 30px;
  font-size:13px;
  display:block;
  margin:0 auto;
}

.menu-open{
  display:none;
}

.header-inner{
  max-width:1260px;
  padding:10px 30px;
  margin:0 auto;
  display:flex;
}

.header-inner h1{
  font-size:2em;
  flex-shrink:0;
  line-height:1.2em;
  margin-right:30px;
}

.header-inner h1 a{
  color:#4d4d4d;
  display:flex;
  align-items:center;
  max-width:500px;
}

.header-inner h1 a img{
  display:block;
  width:100%;
}

.header-inner h1 a:hover{
  opacity:.8;
}

.header-info p{
  font-size:13px;
}

.header-info p:nth-child(2){
  font-size:18px;
  font-weight:bold;
}

.header-nav{
  margin-left:auto;
	display:flex;
  align-items:center;
}

.header-nav ul{
  display:flex;
  flex-wrap:wrap;
}

.header-nav ul li{
  flex-shrink:0;
  position:relative;
	padding:0 5px;
}

.header-nav ul li ul{
  display:block;
  position:absolute;
  padding:20px 0px 20px;
  display:none;
}

.header-nav ul li ul li{
  background-color:#4d4d4d;
  margin-top:5px;
  border-radius:10px;
  padding:5px 0;
}

.header-nav ul li ul li a{
  color:#4d4d4d;
  padding:10px;
}


.header-nav ul li a{
  display:block;
  padding:5px 10px;
  color:#4d4d4d;
  font-size:14px;
  font-weight:bold;
}

.header-nav ul li a:hover{
  opacity:.8;
}

/* footer */

.footer-inner{
  max-width:1260px;
  padding:30px;
  margin:0 auto;
}

.footer-inner ul{
  display:flex;
  flex-wrap:wrap;
  margin:0 10px 20px;
}

.footer-inner ul li{
  flex-wrap:wrap;
  flex-shrink:0;
}

.footer-inner ul li a{
  padding:5px 10px;
  color:#fff;
  display:block;
}

.footer-inner ul li a:hover{
  opacity:.8;
}

p.copyright{
  text-align:center;
  font-size:10px;
  padding:5px 30px;
}


.social-btn-wrap{
  display:flex;
  justify-content:center;
}

.social-btn-wrap a, .social-btn-wrap a i{
  color:#fff;
}

.social-btn-wrap a i{
  margin-right:30px;
  font-size:20pt;
}

.social-btn-wrap a{
  margin:0 10px;
  width:250px;
  padding:10px 0;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:.8em;
}

.social-btn-wrap a:hover{
  opacity:.8;
}

.tw-c{
  background-color:#55acee;
}

.fb-c{
  background-color:#3B5998;
}

.li-c{
  background-color:#00b900;
}

.tel-c{
  background-color:#3B5998;
}

.mail-c{
  background-color:#3B5998;
}

.contact-btn{
  display:block;
  width:300px;
  max-width:100%;
  line-height:40px;
  margin:0 10px 10px 0;
  padding:0 10px;
  color:#fff;
  text-decoration:none !important;
}

.contact-btn i{
  margin-right:10px;
}

#area h2{
  margin-bottom:20px;
}

#area p{
  font-size:13px;
}

#footer-info{
  text-align:center;
}

#footer-info p{
  margin-bottom:10px;
}

.footer-contact-wrap{
  display:flex;
  justify-content:center;
  margin:30px 0 10px;
}

.footer-contact-wrap p{
  font-size:24px;
  text-align:center;
  font-weight:bold;
  padding:0 20px;
}

.footer-contact-contact a{
  display:block;
  margin:0 auto;
  max-width:350px;
  border:1px solid;
  padding:1em;
  text-align:center;
  position:relative;
  z-index:2;
  overflow:hidden;
  box-shadow:0 3px 10px rgba(0,0,0,.0);
}

.footer-contact-contact a:after{
  transition:.3s;
  content:"";
  width:0%;
  height:100px;
  background-color:#ccc;
  left:0px;
  top:0px;
  position:absolute;
  z-index:-1;
}

.footer-contact-contact a:hover:after{
  height:100px;
  width:100%;
}

.footer-contact-contact a:hover{
  box-shadow:0 3px 10px rgba(0,0,0,.4);
}

.footer-contact-contact{
  margin-bottom:30px;
}

.footer-social a{
  margin:0 10px;
}

#footer-nav ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}


#footer-nav{
  padding-top:0;
}

#footer-nav ul li{
  margin:0 10px;
}

#footer-nav ul li a{
  font-size:13px;
}


/* front page */

.slick-slide img {
      width: 100%;
    }

    .slick-prev:before{
      content:"◀︎" !important;
      font-family:FontAwesome !important;
      font-size:16px !important;
      color:#fff !important;
      background-color:#000;
      padding:5px 5px;
    }

    .slick-next:before{
      content:"▶︎" !important;
      font-family:FontAwesome !important;
      font-size:16px !important;
      color:#fff !important;
      background-color:#000;
      padding:5px 5px;
    }

    .slick-dots li button:before{
      font-size:30px !important;
    }

.hero-slider-wrap{
  margin-bottom:50px;
}

.hero-container-inner{
  max-width:1260px;
  padding:0 30px;
  margin:0 auto;
}

.hero-container-inner .wp-block-image{
  width:100% !important;
  max-width:auto !important;
  display:block;
}

.hero-container-inner img{
  display:block;
  max-width:100%;
  width:auto !important;
}

.hero-container-inner p:after{
  content:"";
  display:block;
  clear:both;
}

#construction_contents h2{
  margin-bottom:20px;
}

#construction_contents h3{
  margin-bottom:10px;
}


#construction_contents ul{
  max-width:1260px;
  padding:0 30px;
  margin: 0 auto;
  display:flex;
  flex-wrap:wrap;
}

#construction_contents ul li{
  width:calc(100% / 3 - 20px);
  background-color:#fff;
  margin:10px;
}

#construction_contents ul li a{
  transition:.3s;
  display:block;
  padding:20px;
  box-shadow:0 3px 10px rgba(0,0,0,.0);
}

#construction_contents ul li a:hover{
  box-shadow:0 3px 10px rgba(0,0,0,.2);
}

#construction_contents ul li a p{
  font-size:13px;
}

.construct_img{
  display:block;
  margin-bottom:10px;
  width:100%;
  padding-top:65%;
  background-size:cover;
  background-position:center;
}

#case a{
  display:block;
  margin:0 auto;
  max-width:350px;
  border:1px solid;
  padding:1em;
  text-align:center;
  position:relative;
  z-index:2;
  overflow:hidden;
  box-shadow:0 3px 10px rgba(0,0,0,.0);
}

#case a:after{
  transition:.3s;
  content:"";
  width:0%;
  height:100px;
  background-color:#ccc;
  left:0px;
  top:0px;
  position:absolute;
  z-index:-1;
}

#case a:hover:after{
  height:100px;
  width:100%;
}

#case a:hover{
  box-shadow:0 3px 10px rgba(0,0,0,.4);
}

.post-detail{
  transition:.2s;
  background-color:rgba(0,0,0,.4);
  width:100%;
  height:10em;
  position:absolute;
  bottom:0;
  padding:20px;
}

.post-detail ul{
  display:flex;
  flex-wrap:wrap;
}


.post-detail ul li{
  color:#ccc;
  flex-shrink:0;
}

.post-detail h2{
  transition:.2s;
  line-height:1.5em;
  color:#fff;
  text-align:center;
  margin-bottom:40px;
  font-size:1.5em;
}


/* pages */
.pages-content{
  background-color:#fff;
  padding:50px 0;
  padding-bottom:50px;
  background-color:#fff;
  margin-right:20px;
  box-shadow:0 3px 5px rgba(0,0,0,.2);
}

.full-width{
  margin:0;
  box-shadow:none;
}

.pages-header{
  max-width:1000px;
  margin:0 auto 30px;
  border-bottom:1px solid #ccc;
  padding-bottom:30px;
}

.pages-header h1{
  line-height:1.3em;
  padding-left:10px;
	margin-bottom:0 !important;
}

.pages-content-inner{
	min-height:100vh;
}

.pages-content-inner, .archive-inner{
  max-width:1000px;
  padding:0 50px;
  margin:0 auto;
}



/* company */

.president-wrap{
  display:flex;
  align-items:center;
  margin:30px 0 50px;
}

.president-wrap img{
  display:block;
  max-width:150px;
  flex-shrink:0;
  border:3px solid #f7f7f7;
  margin-right:20px;
}

.company-dl{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:10px;
}

.company-dl dt{
  font-weight:bold;
  background-color:#f7f7f7;
  padding:15px;
  width:160px;
  text-align:center;
  margin-right:20px;
}

.company-dl dd{
  width:calc(100% - 180px);
  padding:15px 0;
}

.company-dl dd.company-map{
  width:100%;
  padding:0;
}

.company-dl dd.company-map iframe{
  width:100%;
  height:250px;
}

/* estimate */

#window{
  display:none;
}

.estimate-selector{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:30px;
}

.estimate-selector input[type="radio"]{ 
display:none;
}

.estimate-selector label.tab-label span{
  display:flex;
  margin-right:20px;
  align-items:center;
  padding:8px;
  border:1px solid #ccc;
  border-radius:5px;
}
	
.estimate-selector label.tab-label span:before{
  content:"";
  width:20px;
  height:20px;
  border:1px solid #ccc;
  border-radius:50%; 
  margin-right:5px;
  box-sizing:border-box;
}

.estimate-selector label.tab-label:hover{
  cursor:pointer;
}

.estimate-selector input[type="radio"]:checked + span{
  background-color:#ddf3ff;
  border-radius:5px;
}

.estimate-selector input[type="radio"]:checked + span:before{
  background-color:#b3ffb3;
  border:2px solid #fff;
}

.estimate-form p.estimate-ask{
  margin-top:30px;
}


.estimate-form p.estimate-ask, #estimate-tab p.estimate-ask{
  margin-bottom:15px;
  padding:5px 5px 5px 10px;
  font-weight:bold;
  border-left:5px solid #cccc;
}

.estimate-form p.estimate-ask span{
  display:block;
  font-size:13px;
  color:#cf2e2e;
  padding-left:calc(1em + 5px);
  text-indent:calc(-1em - 4px);
  font-weight:normal;
  line-height:1.5em;
}

.estimate-form p.estimate-ask span:before{
  content:"\f06a";
  font-family:ForkAwesome;
  margin-right:5px;
}

.estimate-form input[type="text"] {
  transition:.2s;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    margin:0 10px;
    border-bottom:1px solid #ccc;
    font-size:28px;
    background-color:#ffffdb;
    padding:10px 10px 5px 10px;
    text-align:right;
}

.grass-size, .window-size{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.grass-result label span, .window-result label span{
  font-size:24px;
  margin-right:5px;
  font-weight:bold;
  color:#2ea52e;
}

.size-over, .size-under, .no-item-30, .no-item-sp{
  color:#cf2e2e;
  display:none;
}

p.size-over:before, p.size-under:before{
  content:"\f06a";
  font-family:ForkAwesome;
  margin-right:5px;
}

.grass-cat, .grass-house, .grass-option, .grass-type, .window-cat, .window-shouji{
  margin-bottom:20px;
  display:flex;
  flex-wrap:wrap;
}

 .grass-option{
   margin-bottom:40px;
 }

.grass-cat p, .grass-item p, .grass-house p, .grass-option p, .grass-type p, .window-cat p{
  margin-bottom:10px !important;
  width:100%;
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
}

.estimate-form input[type="text"]:focus{
  box-shadow:0 5px 5px rgba(0,0,0,.2);
  background-color:#ff9;
}

.grass-size p, .window-size p{
  width:100%;
  margin-bottom:0 !important;
}

.grass-size label, .window-size label{
  display:block;
  margin-bottom:10px;
  max-width:calc(100% / 3 - 20px);
  margin-right:20px;
  display:flex;
  align-items:flex-end;
}

.grass-size input, .window-size input{
  width:80px;
}

.estimate-form input[type="button"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}

.estimate-form input[type="checkbox"], .estimate-form input[type="radio"]{ 
display:none;
}

.estimate-form label.selector-label span{
  display:flex;
  margin-right:20px;
  align-items:center;
  padding:8px;
  border:1px solid #ccc;
  border-radius:5px;
}
	
.estimate-form label.selector-label span:before{
  content:"";
  width:20px;
  height:20px;
  border:1px solid #ccc;
  border-radius:50%; 
  margin-right:5px;
  box-sizing:border-box;
}

.estimate-form label.selector-label:hover{
  cursor:pointer;
}

.estimate-form input[type="radio"]:checked + span{
  background-color:#ddf3ff;
  border-radius:5px;
}

.estimate-form input[type="radio"]:checked + span:before{
  background-color:#b3ffb3;
  border:2px solid #fff;
}

.estimate-form input[type="checkbox"]:checked + span{
  background-color:#ddf3ff;
  border-radius:5px;
}

.estimate-form input[type="checkbox"]:checked + span:before{
  background-color:#b3ffb3;
  border:2px solid #fff;
}

.estimate-form select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline:none;
  /* Add some styling */
  border-radius:0px;
  font-size:16px;
  display: block;
  max-width:300px;
  width: 100%;
  margin: 5px 0px;
  padding: 10px 10px 5px 20px;
  background-color:inherit;
  background-image: none;
  border:none;
  border-bottom: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
  position:relative;
}

.estimate-form .dan-netsu, .estimate-form .bouhan, .window-item{
  position:relative;
}

.estimate-form .dan-netsu:before, .estimate-form .bouhan:before, .window-item:before{
  content:"\f0dd";
  font-family:forkawesome;
  position:absolute;
  top:8px;
  display:block;
  color:#cf2e2e;
}

.estimate-form input[type="button"]{
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}

.estimate-form input[type="button"]{
  display:block;
  width:300px;
  font-size:16px;
  padding:1em;
  margin-bottom:30px;
  background-color:#000;
  color:#fff;
}

.estimate-form input[type="button"]:disabled{
 opacity:.1;
}

.estimate-form input[type="button"]:disabled:hover{
 cursor:not-allowed;
}

ul.remark, ul.window-remark{
  background-color:#fff !important;
  border:3px solid #fcb900;
  margin-bottom:0 !important;
}

ul.remark li, ul.window-remark li{
  margin:5px !important;
}

.grass-result, .window-result{
  display:none;
  padding:20px;
  box-shadow:0 5px 5px rgba(0,0,0,.2);
  border:1px solid #ccc;
}

.grass-result label, .window-result label{
  display:block;
  margin-bottom:20px;
  border-bottom:1px solid #ccc;
}

.estimate-form .bouhan, .window-item-select{
  display:none;
  position:relative;
  align-items:center;
}

.ami-iri, .hukusou, .apartment{
  display:none;
}

.estimate-form .s-box{
	margin-bottom:20px;
}

.window-size .s-box{
  margin-bottom:0;
}

.w-result.alert{
  font-size:1rem;
  color :#cf2e2e;
}

/* archive */

.archive-inner .article-list{
  display:flex;
  flex-wrap:wrap;
}

.archive-inner .article-list li{
  width:calc(50% - 10px);
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
  margin-right:20px;
}

.archive-inner .article-list li .article-img{
  display:block;
  width:120px;
  height:120px;
  margin-right:20px;
  background-size:cover;
  background-position:center;
}

.archive-inner .article-list li .article-desc{
  width:calc(100% - 170px);
}

.archive-inner .article-list li:nth-child(even){
  margin-right:0;
}

.archive-inner .article-list li .single-detail div{
  padding:0;
  margin-bottom:5px;
  color:#000;
}

.archive-inner .article-list li a h2{
  margin-bottom:10px;
}

.archive-inner .article-list li p{
  margin-bottom:0px;
}

.archive-inner .article-list li a{
  transition:.2s;
  display:flex;
  margin-bottom:20px;
}

/* form */

.wpcf7{
  max-width:500px;
  margin:0 auto !important;
  position:relative;
}

.wpcf7-form-control{
  display:block;
}

.wpcf7-form-control text{
  display:block;
}

.wpcf7 input[type="text"]{
   transition:.2s;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    margin:0;
    border-bottom:1px solid #ccc;
    font-size:16px;
    background-color:#ffffdb;
    padding:10px 10px 5px 10px;
    width:100%;
    font-weight:normal !important;
}

.wpcf7 input[type="email"]{
   transition:.2s;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    margin:0;
    border-bottom:1px solid #ccc;
    font-size:16px;
    background-color:#ffffdb;
    padding:10px 10px 5px 10px;
    width:100%;
    font-weight:normal !important;
}

.wpcf7 input[type="email"]:focus, .wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus{
  background-color:#ff9;
  box-shadow:0 5px 5px rgba(0,0,0,.2);
}

.wpcf7 textarea{
 transition:.2s;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    margin:0;
    border-bottom:1px solid #ccc;
    font-size:16px;
    background-color:#ffffdb;
    padding:10px 10px 5px 10px;
    width:100%;
    font-weight:normal !important;
}

.wpcf7 p{
  margin-bottom:30px !important;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  padding-bottom:20px;
}

.wpcf7 span.notice{
  display:block;
  font-weight:normal;
}


.wpcf7 p strong.req{
  background-color:#e01d1d;
  color:#fff;
  font-size:.5em;
  padding:3px 5px;
  margin-left:10px;
  border-radius:5px;
}

.wpcf7 p .optional{
  background-color:#0073aa;
  color:#fff;
  font-size:.5em;
  padding:3px 5px;
  margin-right:10px;
}

.wpcf7-submit{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  font-size:18px;
  cursor: pointer;
  width:100%;
}
.wpcf7-submit::-webkit-search-decoration {
  display: none;
}
.wpcf7-submit::focus {
  outline-offset: -2px;
}

.wpcf7-submit{
  transition:.2s;
  border-radius:5px;
  padding:10px !important;
  background: linear-gradient(0deg, #32e032, #00b900);
  font-weight:bold;
  color:#fff;
  box-shadow:0 3px 5px rgba(0,0,0,.2);
}

.wpcf7-submit:hover{
  background: linear-gradient(180deg, #32e032, #00b900);
  box-shadow:0 3px 10px rgba(0,0,0,.4);
}

.wpcf7-not-valid-tip{
  background-color:#e11d1e;
  color:#fff !important;
  font-size:10pt !important;
  padding:0 10px;
  display:inline-block !important;
  border-radius:0 0 10px 0;
}

.wpcf7-validation-errors{
  font-size:.8em;
  margin:0 0 10px!important;
  border:none !important;
  border:5px solid #ffbc00 !important;
  padding:10px !important;
}

.wpcf7-validation-errors:before{
  font-family:'FontAwesome';
  display:block;
  float:left;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f06a";
  margin-right:5px;
  font-size:2em;
  color:#ffbc00;
}

.wpcf7-mail-sent-ok{
  font-size:1.5em;
  margin:0 0 10px!important;
  border:none !important;
  border:10px solid #00a21b !important;
  padding:10px !important;
  line-height:50px;
  box-shadow:5px 5px 5px rgba(0,0,0,.4);
}

.wpcf7-mail-sent-ok:before{
  font-family:'FontAwesome';
  display:block;
  float:left;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f05d";
  margin-right:5px;
  font-size:2em;
  color:#00a21b;
}

.ajax-loader{
  position:absolute;
  margin:auto !important;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:30px !important;
  height:30px !important;
  background-size:cover !important;
}

.ajax-loader img{
  width:100% !important;
}



/* single */

.hero-container-inner h1, .pages-content-inner h1{
  padding-left:10px;
  margin-bottom:20px;
  line-height:1.5em;
}

.hero-container-inner h2, .pages-content-inner h2{
  font-size:2em;
  margin:40px 0 20px;
  line-height:1.3em;
}

.hero-container-inner h2:after, .pages-content-inner h2:after{
  content:"";
  display:block;
  width:150px;
}

.hero-container-inner h3, .pages-content-inner h3{
  font-size:1.5em;
  margin:40px 0 20px;
  line-height:1.3em;
}

.hero-container-inner h4, .pages-content-inner h4{
  font-size:1.5em;
  line-height:1.3em;
  margin:40px 0 20px;
  background-color:#ccc;
  color:#fff;
  padding:5px;
}

.hero-container-inner h5, .pages-content-inner h5{
  font-size:1.3em;
  line-height:1.5em;
  margin:20px 0 20px;
}

.hero-container-inner h5:first-letter, .pages-content-inner h5:first-letter{
  font-size:2em;
  margin-bottom:10px;
}

.hero-container-inner p, .pages-content-inner p{
  margin-bottom:20px;
  line-height:1.5em;
}

.hero-container-inner a, .pages-content-inner a{
  text-decoration:underline;
  font-weight:bold;
}

.hero-container-inner a:hover, .pages-content-inner a:hover{
  opacity:.8;
  text-decoration:none;
}

.hero-container-inner ol, .pages-content-inner ol{
  background-color:#f7f7f7;
  padding:20px;
  padding-left:40px !important;
  margin-bottom:20px;
}

.hero-container-inner ol li, .pages-content-inner ol li{
  margin-bottom:20px;
  line-height:1.5em;
  list-style:decimal;
}


.hero-container-inner ul, .pages-content-inner ul{
  background-color:#f7f7f7;
  padding:20px;
  padding-left:40px !important;
  margin-bottom:20px;
}

.hero-container-inner ul li, .pages-content-inner ul li{
  margin-bottom:20px;
  line-height:1.5em;
  list-style:disc;
}

.hero-container-inner ol li:last-child, .hero-container-inner ul li:last-child, .pages-content-inner ul li:last-child,
.pages-content-inner ol li:last-child{
  margin-bottom:0px;
}

.pages-header .single-detail{
  margin-top:10px;
}


.single-detail{
  display:flex;
}

.single-detail div{
  display:flex;
  padding:0 10px;
  font-size:.8em;
  align-items:center;
}

.single-detail i{
  margin-right:10px;
}

.single-detail a:hover{
  opacity:.8;
}

.single-detail .post-categories{
  background-color:inherit;
  margin:0;
  padding:0 !important;
}

.single-detail .post-categories li a{
  display:block;
  font-size:13px;
}

.single-detail .post-categories li{
  list-style:none;
  flex-shrink:0;
  margin:0 5px 5px 0;
}

.single-detail ul{
  display:flex;
  flex-wrap:wrap;
}

.single-detail.taglist{
  display:flex;
  flex-wrap:wrap;
}

.single-detail.taglist a{
  border:1px solid #fff;
  color:#ccc;
  flex-shrink:0;
  border-radius:3px;
  margin:0 5px 5px 0;
  padding:0px 5px;
  font-size:.8em;
}

.single-detail.taglist a:before{
  content:"\f02b";
  font-family:FontAwesome;
  margin-right:5px;
	display:none;
}

.custom-banner{
  padding:0 50px;
  margin-bottom:50px;
}

.custom-banner img{
  width:auto;
  max-width:100%;
}

.pager{
  border-top:1px solid #ccc;
  padding-top:30px;
  margin-top:40px;
}

.pager div{
  margin-bottom:10px;
}

.pager a:hover{
  color:#fff;
}

.pager a:hover > i{
  color:#fff;
}

.pager i{
  margin-right:10px;
}

.content-footer-contact{
  padding:50px 50px 0;
}

.content-footer-contact-inner{
  background-color:#ccc;
  padding:10px;
}

.content-footer-contact .contact-ttl{
  font-size:1.5em;
  font-weight:bold;
  color:#fff;
  border-bottom:1px solid #fff;
  margin-bottom:10px;
}

.content-footer-contact .contact-desc{
  color:#fff;
  margin-bottom:10px;
}

.single-contact-wrap{
  display:flex;
  justify-content:space-between;
}

.single-tel, .single-contact{
  background-color:#fff;
  width:calc(50% - 5px);
  text-align:center;
  padding:10px;
  box-shadow:0 3px 5px rgba(0,0,0,.2) ;
}

.single-tel a, .single-contact a{
  font-weight:bold;
  display:block;
  padding:10px;
}

.single-tel a i, .single-contact a i{
  font-size:30px;
  font-weight:bold;
  display:block;
  padding:10px;
  color:#fff;
  width:60px;
  line-height:40px;
  border-radius:50%;
  margin:0 auto 10px;
}

.single-tel a:hover, .single-contact a:hover{
  opacity:.8;
}

.pages-content-inner .wp-block-image{
  max-width:100%;
}

.wp-block-quote{
  background-color:#f7f7f7;
  padding:20px;
  margin-bottom:20px;
}

.wp-block-quote cite{
  font-size:13px;
  font-style:italic;
  color:#4d4d4d;
}

figcaption{
  font-size:13px;
  font-style:italic;
  color:#4d4d4d;
}

.wp-block-embed__wrapper iframe{
  max-width:100%;
}

/* sidebar */

#sidebar{
  width:25%;
  min-width:250px;
  flex-shrink:0;
  padding:20px 10px;
  background-color:#fff;
  box-shadow:0 3px 5px rgba(0,0,0,.2);
}

#sidebar h3{
  font-size:1.5em;
  margin-bottom:20px;
}

#sidebar div{
  margin-bottom:20px;
}

#sidebar div ul .cat-item a{
  line-height:40px;
  display:block;
}

#sidebar a:hover{
  opacity:.8;
}

#sidebar div ul .cat-item ul{
  padding-left:30px;
}

#sidebar div ul .cat-item ul li{
  border:none;
}

#sidebar div ul .cat-item{
  border-bottom:1px solid #eee;
}

#sidebar div:last-child{
  margin:0;
}

#sidebar .tagcloud{
  display:flex;
  flex-wrap:wrap;
}

#sidebar .tagcloud a{
  background-color:#82878c;
  display:inline-block;
  font-size:10pt !important;
  color:#fff;
  padding:0px 7px;
  font-size:.8em;
  border-radius:5px;
  margin:0 5px 5px 0;
}

#sidebar .tagcloud a:before{
  content:"\f02b";
  font-family:FontAwesome;
  margin-right:10px;
	display:none;
}

.sidebar-list li{
  border-bottom:1px solid #eee;
  margin-bottom:5px;
  padding-bottom:5px;
}

.sidebar-list li a{
  display:flex;
}

.sidebar-list li a p{
  margin:0;
}

.sidebar-list li a p span{
  font-size:.5em;
  display:block;
  line-height:15px;
}


.sidebar-list-img{
  transition:.2s;
  width:60px;
  height:60px;
  flex-shrink:0;
  background-size:cover;
  background-position:center;
  margin-right:10px;
  margin-bottom:0 !important;
  border-radius:50%;
}

.sidebar-list li a:hover > .sidebar-list-img{
  border-radius:0;
  width:65px;
}

.side-custom-banner img{
  width:auto;
  max-width:100%;
}


/* pagination*/

.pagination {
    list-style-type: none;
    padding-left: 0;
    margin: 30px 0;
}

.pagination li{
  border-bottom:none !important;
  margin-bottom:0 !important;
}

.pagination,
.pagination li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size:14pt;
}

.pagination a {
    transition: .2s;
    padding-top: 1px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 50%;
}

.pagination li:not([class*="current"]) a:hover {
    
}

.pagination li:first-of-type a {
    border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
    display:block;
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.pagination li.first a::before {
    content: "<<";
}

.pagination li.last a::after {
    content: ">>";
}

.pagination li.previous a::before {
    content: "<";
}

.pagination li.next a::after {
    content: ">";
}

.pagination li.current a {
    font-size:14pt;
    cursor: default;
    font-weight: bold;
    color: #fff;
    pointer-events: none;
}

@media only screen and ( max-width: 680px) {
    .pagination li.first,
    .pagination li.last {
        /* screen readers only */
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li.previous a {
        border-left-width: 1px;
    }
}

@media only screen and ( max-width: 500px) {
    .pagination li {
        /* screen readers only */
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li.current,
    .pagination li.first,
    .pagination li.last,
    .pagination li.previous,
    .pagination li.next {
        position: initial;
        top: initial;
        left: initial;
    }
    .pagination li.previous a {
        border-left-width: 0;
    }

}

@media only screen and ( max-width: 400px) {
    .pagination li.first,
    .pagination li.last {
        /* screen readers only */
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li.previous a {
        border-left-width: 1px;
    }

    .footer-main-link{
        background-size:contain;
        height:160px !important;
    }

    table.company{
    max-width:600px;
    margin:0 auto;
    }

    table.company th{
    display:block;
    border:none;
    text-align:left;
    letter-spacing:.5em;
    }

    table.company td{
    display:block;
    line-height:20px;
    }

}

@media only screen and ( max-width: 240px) {
    /* For watches? */
    .pagination li {
        width: 50%;
    }
    .pagination li.current {
        order: 2;
        width: 100%;
        border-left-width: 1px;
    }
}


/* media queries */

@media screen and (max-width:780px) {
.site_desc{
  text-align:center;
  padding:5px 5% 5px;
}

.header-logo{
  margin:0 auto;
}
.header-inner,
.footer-profile-inner,
.col2-wrap
{
  display:block;
}

.blog-informations{
  max-width:100%;
  padding:0;
}

.pages-content{
  padding:15px 0;
}

.header-inner h1{
  margin-right:0;
  margin-bottom:20px;
  margin-top:10px;
}

.header-inner ul{
  justify-content:center;
}

.header-inner h1 a{
  margin:0 auto;
  justify-content:center;
}

  .menu-open{
    display:block;
    width:50px;
    height:50px;
    margin:0 auto;
    background-color:#fff;
    padding:10px;
    border-radius:50%;
  }

  .menu-open hr{
	  transition:.2s;
    margin:5px 0;
    border-top:3px solid #4d4d4d;
    }

    .header-nav ul{
      display:block;
      padding:20px 0 10px;
    }

    .header-nav ul li{
      border-bottom:1px solid #ccc;
      text-align:center;
    }

    .header-nav ul li a{
      display:block;
      padding:10px;
    }
	
	.header-nav{
		display:none;
	}

.header-nav ul li ul{
  display:block;
  position:static;
  padding:0;
}

.header-nav ul li ul li{
  display:block;
  background-color:inherit;
  border-radius:0;
  border:none;
  padding:10px;
  margin:0;
}

.header-nav ul li ul li a{
  color:#fff;
  padding:0px;
}

.profile-img{
  width:150px;
  height:150px;
  margin:0 auto 20px;
}

.author-name{
  text-align:center;
}

.article-list li{
  width:calc(50% - 10px);
  flex-shrink:0;
  background-color:#fff;
  margin-bottom:20px;
}

#sidebar{
  width:100%;
  padding:50px;
}

.col2-text{
  width:100%;
  padding:0;
  margin-bottom:30px;
}

.col2-form{
  width:100%;
}

footer .menu{
  display:block;
  text-align:left;
}

footer .menu > li{
  margin-bottom:10px;
}

.hero-post-tags-wrap{
  display:none;
}

.post-detail h2{
  margin-bottom:20px;
}

#construction_contents ul li{
  width:calc(100% / 2 - 10px);
  margin:5px;
}

#construction_contents ul li a{
  padding:0;
}

#construction_contents ul li a h3{
  padding:0 20px;
}

#construction_contents ul li a p{
  padding:0 20px 20px;
}

.footer-contact-wrap{
  display:block;
  margin-bottom:20px;
}

}

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

  h1{
    font-size:1.5em;
    margin-bottom:10px;
  }

  .header-inner h1 a{
    display:block;
    text-align:center;
  }

  .header-inner h1 a .header-img{
    margin:0 auto 20px;
    width:100px;
    height:100px;
  }

  .col2-wrap{
    padding:20px 10px;
  }

  .social-btn-wrap{
    display:block;
  }

  .social-btn-wrap a{
    display:block;
    width:90%;
    margin:0 auto 10px;
  }

  .pages-header{
    padding-bottom:15px;
    margin-bottom:15px;
  }
  
  .pages-header h1{
    padding:0;
  }

  #sidebar{
    padding:20px 10px;
  }

  .article-list li{
    margin-bottom:10px;
  }

  .article-list li:first-child{
    width:100%;
  }

  .article-list li .post-cat{
    width:100%;
  }

  .article-list li .post-date{
    width:70px;
    height:70px;
  }

  .article-list li h2{
    font-size:1rem;
  }

  .article-list li p{
    font-size:.8rem;
  }

  .article-list li a{
    margin-bottom:10px !important;
  }

  .article-list li .post-date .post-md{
    font-size:1em;
    top:26px;
  }

  .article-list li .post-date .post-y{
    font-size:.8em;
  }

	.single-header{
	  margin-bottom:20px;
	}

	.custom-banner{
	  padding:0 10px;
	  margin-bottom:30px;
	}

	.pages-content-inner{
	  padding:0 10px;
	}

	.pages-content-inner h2{
	  font-size:1.5em;
	  line-height:1.3em;
	}

	.pages-content-inner h3{
	  font-weight:normal;
	}

	.pages-content-inner ul{
	  padding:10px;
	}

	.single-share-wrap{
	  padding:0 10px;
	  display:block;
	  margin-bottom: 30px;
	}

	

	.single-share-btn a{
	  display:inline-block;
	  width:calc(49%);
	  padding:0 5px;
	  text-align:center;
	  font-size:1rem;
	  margin-bottom:2%;
	}

	.single-share-btn a:last-child{
	  width:100%;
	}

	.pager div{
	  display:block;
	  margin:0;
	}

	.pager div a{
	  display:block;
	  border:1px solid;
	  padding:1em;
	  margin-bottom:10px;
	  text-decoration:none;
	}

.archive{
  padding-top:50px;
}

.archive .page-title{
  padding:0 10px;
  margin:0 auto 50px;
}

  .archive .article-list li{
    margin-bottom:10px;
  }

  .archive .article-list li .post-date{
    width:70px;
    height:70px;
  }

  .add-profile{
  padding:30px 10px;
}
	
	.alignleft, .alignright, .alignnone, .aligncenter{
  display:block;
  float:none;
  width:100%;
  max-width:100% !important;
  margin:0px 0px 10px 0;
}

.col2-wrap{
  padding:0;
}

#breadcrumb ul{
  padding:10px 5%;
}

.footer-inner{
  padding:5% 10px;
}

.post-detail h2{
  margin-bottom:20px;
  font-size:1.4em;
}

.content-footer-contact{
  padding:50px 10px 0;
}

#breadcrumb{
  padding:5px 10px;
}

#breadcrumb ul{
  overflow:scroll;
}

#breadcrumb ul li{
  font-size:.8rem;
  line-height:1rem;
	margin-bottom:0;
	}
.footer-contact-wrap{
  flex-wrap:wrap;
}

.footer-contact-wrap p{
  width:100%;  
}

section{
  padding:30px 0;
}
.sec-inner{
  padding:0 5%;
}

.header-inner h1{
  font-size:24px;
}

#footer-nav ul li{
  width:50%;
  margin:0;
  text-align:center;
  margin-bottom:10px;
}

p.copyright{
  padding-bottom:80px;
}

.grass-size, .window-size{
  display:block;
}

.grass-size label strong:first-child{
  width:25px;
  font-size:16px;
  line-height:1.3em;
  flex-shrink:0;
  text-align:right;
}

.grass-size label input, .window-size label input{
  display:block;
  flex-shrink:0;
  border-bottom:1px solid #000 !important;
}

.estimate-selector label{
  width:100%;
  margin-bottom:10px;
}

.estimate-form input[type="button"]{
  width:100% !important;
}

.selector-label span{
  margin-right:10px !important;
  font-size:14px;
}

.archive{
  padding-top:30px;
}

.archive-inner{
  padding:0 5%;
}

.article-list{
  padding:0;
}


#construction_contents ul{
  padding:0 5%;
}

.article-list li{
  width:100% !important;
}

.article-list li .article-img{
  width:80px !important;
  height:80px !important;
}

.article-list li p{
  margin-bottom:0 !important;
}


#construction_contents ul li{
  width:100% !important;
  margin:0 0 10px 0;
}

.hero-container-inner{
  padding:0 5%;
}

.sec-inner{
  padding;0 5%;
}

.company-dl{
  border-bottom:1px solid #eee;
}

.company-dl dt, .company-dl dd{
  font-size:13px;
  padding:10px;
}
.company-dl dt{
  width:120px;
  padding:5px 10px;
  height:100%;
}

	.slick-prev,.slick-next{
  display:none !important;
}
	
}

#inline-frame{
  height:100vh;
    display:block !important;
}