@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; }
body { font-family:  "Yu Gothic","Hiragino Kaku Gothic Pro", YuGothic, Meiryo, Osaka, "MS PGothic", sans-serif; font-size:16px; line-height:250%; color:#666; }
.site-header { line-height:60px; height:60px; box-shadow:none; }
.site-branding .site-logo-div { line-height:60px; }
.site-branding .site-logo-div img { height:50px; width:auto; }

.hero-slideshow-wrapper { width:100%; }
.hero-slideshow-wrapper.loaded { height:32.94289897510981vw; margin-top:5vw; margin-bottom:100px; }

.hero-slideshow-wrapper:before { width:58.21428571428571%; height:50.51546391752577%; background-color:#DDDDDD; position:absolute; bottom:-11.85567010309278%; right:-18.08199121522694vw; content:""; display:block; z-index:-999998; opacity:0; transform:translateX(10vw);
-moz-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) .2s;
-webkit-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) .2s;
-o-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) .2s;
-ms-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) .2s;
transition: all 0.4s cubic-bezier(.07,.91,.14,.84) .2s;
}
.hero-slideshow-wrapper.loaded:before { opacity:1; transform:translateX(0); }

.hero-slideshow-wrapper .backstretch { opacity:0; transform:translateX(-30vw);

 }
.hero-slideshow-wrapper.loaded .backstretch { opacity:1; transform:translateX(0); animation: backstretch .4s cubic-bezier(.07,.91,.14,.84) .6s both ; }


@keyframes backstretch {
0% { opacity:0; transform:translateX(-10vw);}
100% { opacity:1; transform:translateX(0); ; }
}

.section-meta { background-color:transparent; }
.site-content { border:none; }
.section-padding { padding:0 0px 120px 0;}
#gallery { padding-top:0; }

#services h2 { display:none; }

#gallery h2:before { content:"WORKS"; border-bottom:1px solid #111111; display:block; width:4em; margin:0 auto 30px auto; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px; letter-spacing: 0; line-height:1;}
#services .section-desc p:before { content:"SERVICES"; border-bottom:1px solid #111111; display:block; width:8em; margin:0 auto 30px auto; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px; letter-spacing: 0; line-height:1;}
#news h2.section-title:before { content:"BLOG"; border-bottom:1px solid #111111; display:block; width:4em; margin:0 auto 30px auto; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px; letter-spacing: 0; line-height:1;}

#Contact h2.section-title:before { content:"CONTACT"; border-bottom:1px solid #fff; display:block; width:7em; margin:0 auto 30px auto; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px; letter-spacing: 0; line-height:1;}


.section-title-area .section-title,#services .section-desc p { font-size:32px;font-family: 'Yu Gothic', serif; font-weight:normal; color:#0c0c0c; line-height:1.4;}
.section-title-area .section-title { margin-bottom:20px; }
a.service-link span  { text-indent:-9999px; }
.service-image,.service-content { display:none; }

.section-services .service-item,.btn-theme-primary-outline, .btn-theme-primary-outline:hover, .pricing__item:hover, .section-testimonials .card-theme-primary, .entry-content blockquote,input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit { display:block;
    background: #111111; border:none;
    padding: 0px;
    margin-bottom: 30px;
    position: relative;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    -webkit-transition: none;
    transition: none;
	width:260px; border-radius:.3em; height:44px; color:#FFF; line-height:44px; text-align:center;
	margin-left:auto; margin-right:auto; font-size:16px; font-family:  "Yu Gothic","Hiragino Kaku Gothic Pro", YuGothic, Meiryo, Osaka, "MS PGothic", sans-serif; font-weight:bold; margin-top:50px;
}
.section-services .service-item:before { content:"業務内容について"; }

#news { background-color:#F8F8F8; padding:120px 0; }
#about {  padding:120px 0; padding-bottom:0;}
#about p { display:none; }
.section-title-area { margin:0; }

.section-news .list-article, .archive .list-article, .blog .list-article {  /*width:260px;*/ width: 21%; vertical-align:top; background-color:#FFF; margin:0 15px; padding:0; display:inline-block; min-height:360px; }
.blog-entry.wow.slideInUp { text-align:center; 

   }
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { float:none; margin-right:0; }
.section-news .list-article-content, .archive .list-article-content, .blog .list-article-content { padding:30px; text-align:left; }
.section-news .entry-excerpt p, .archive .entry-excerpt p, .blog .entry-excerpt p { font-size:14px; line-height:1.65; color:#666; }
.all-news { display:block; }

.section-news .entry-title, .archive .entry-title, .blog .entry-title { font-size:20px; font-family:  "Yu Gothic","Hiragino Kaku Gothic Pro", YuGothic, Meiryo, Osaka, "MS PGothic", sans-serif;color: #111; }
.section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta { line-height:1;color: #111; }
.section-news .list-article-meta a { color:#111; }

.wp-block-columns.alignwide.has-2-columns {
	 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
		 -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	  
	  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
   }
 .wp-block-columns.alignwide.has-2-columns .wp-block-column:nth-child(1) { 
 -ms-flex-preferred-size: 30vw;
               flex-basis: 30vw;
			   max-width:30vw; margin:0; margin-left:20vw;
 }
  .wp-block-columns.alignwide.has-2-columns .wp-block-column:nth-child(2) { background-color:#FFF; padding:5.8vw; box-sizing:border-box;
 -ms-flex-preferred-size: 40vw;
               flex-basis: 40vw;
			   max-width:40vw; margin:0; margin-top:-8vw; margin-right:30vw;
 }
.wp-block-image.is-resized { display:block;
	 
	  }

   .wp-block-columns.alignwide.has-2-columns .wp-block-column p { font-size:14px; line-height:1.8; }
   .wp-block-columns.alignwide.has-2-columns .wp-block-column:nth-child(2) p:before { content:"小川 賢二"; display:block; font-size:20px; color:#111; font-weight:bold; }
   
   #Contact { background-color:#888888; padding:120px 0; color:#FFF; font-size:16px; }
   #Contact .section-title-area .section-title { color:#FFF; }
   #Contact p { font-family:  "Yu Gothic","Hiragino Kaku Gothic Pro", YuGothic, Meiryo, Osaka, "MS PGothic", sans-serif; line-height:1.8; margin-bottom:1em;}
   .wpcf7-form {  font-size:16px;}
   
   #Contact input[type=text],#Contact textarea,#Contact input[type=email] { background-color:#aaa; border:none; }
   .col-sm-6 br { display:none; }
   #Contact a { color:#FFF; }
   
   .c-bully { display:none; }
   
   .site-footer { background-color:#7D7D7D; }
   .site-header .container { width:100%; }
   
   #services .section-desc { margin:0; }

  
  .slideInUp { animation:none; }
  
  .address-box { font-size:14px; }
   
.site-footer .site-info .container { font-size:10px; }
 #page { overflow-x: hidden;}

@media screen and (min-width: 737px) {
.home .section-news .list-article { width: 28%; }
}
@media screen and (max-width: 736px) {  .wp-block-image img { width:100%; height:auto; }
     .gallery-grid, .gallery-masonry { padding: 0 10px 10px 10px ;}
    .g-col-4 .g-item {
    width: 50%;
}
   
   
	body { font-size:14px; line-height:200%;}
	.hero-slideshow-wrapper.loaded .backstretch { animation: backstretch .4s cubic-bezier(.07,.91,.14,.84) .3s both ; }
	
.hero-slideshow-wrapper,.hero-slideshow-wrapper.loaded {

    margin-bottom: 60px;
}
#gallery h2:before,#services .section-desc p:before,#news h2.section-title:before,#Contact h2.section-title:before { font-size:10px;
margin: 0 auto 15px auto;
padding-bottom: 10px;
 }
.section-title-area .section-title, #services .section-desc p { font-size:5vw; }
.section-title-area .section-title {
    margin-bottom: 30px;
}
.section-padding {
    padding: 0 0px 60px 0;
}
#services .section-desc p:after { text-align:left;
 
    white-space:normal;
    font-size: 14px;
    line-height: 200%;
    padding-top: 35px;
}
.section-services .service-item, .btn-theme-primary-outline, .btn-theme-primary-outline:hover, .pricing__item:hover, .section-testimonials .card-theme-primary, .entry-content blockquote, input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit { margin-bottom:0; }
#news {
    background-color: #F8F8F8;
    padding: 60px 0;
}
.section-news .list-article, .archive .list-article, .blog .list-article {
    width: auto;
    
    margin: 0 0 10px 0;

    display: block;

}
#about {
    padding: 60px 0 0 0;
}
.wp-block-columns.alignwide.has-2-columns { display:block; }
.wp-block-columns.alignwide.has-2-columns .wp-block-column:nth-child(1) {

    max-width: 100%;
    margin: 0;
    margin-left: 0;
}
.wp-block-columns.alignwide.has-2-columns .wp-block-column:nth-child(2) {
 
    padding: 0;

    max-width: 100%;

    margin-top: 0;
    margin-right: 0;
}
#about .section-content { display:none; }
.section-about .row > div { margin-top:0; }
#Contact {

    padding: 60px 0;

    font-size: 14px;
}
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { margin-bottom:0; }
.site-footer .site-info .container { font-size:2vw;}

}

.section-news .list-article:last-of-type, .archive .list-article:last-of-type, .blog .list-article:last-of-type {  border:none; }

#nav-toggle span {

    transform: scale(.8);
}

.onepage-section { opacity:0; transform:translateY(20%);
-moz-transition: all 0.8s cubic-bezier(.07,.91,.14,.84) .2s;
-webkit-transition: all 0.8s cubic-bezier(.07,.91,.14,.84) .2s;
-o-transition: all 0.8s cubic-bezier(.07,.91,.14,.84) .2s;
-ms-transition: all 0.8s cubic-bezier(.07,.91,.14,.84) .2s;
transition: all 0.8s cubic-bezier(.07,.91,.14,.84) .2s;
 }
.onepage-section.fade { opacity:1; transform:translateY(0%); }
.section-about { padding-bottom:0; }


.double-bounce1, .double-bounce2 { background-color:#ddd; }
.loaded .double-bounce1, .loaded .double-bounce2 { opacity:0; }

.site-header {
	-moz-transition: all 0.8s cubic-bezier(.07,.91,.14,.84) 0s;
-webkit-transition: all 0.8s cubic-bezier(.07,.91,.14,.84) 0s;
-o-transition: all 0.8s cubic-bezier(.07,.91,.14,.84) 0s;
-ms-transition: all 0.8s cubic-bezier(.07,.91,.14,.84) 0s;
transition: all 0.8s cubic-bezier(.07,.91,.14,.84) 0s;
 }
.intro .site-header { opacity:0; transform:translateY(-100%); }